@charset "utf-8";

.sub #container { margin-top: var(--hdH); }
.sub_pd {padding-bottom: var(--subPd);}
.sub .container {font-size: var(--p3);word-break: keep-all;}


/* Visual */
.sub_visual { position: relative; width: 100%; margin-bottom: 16rem; margin-top: var(--hdH); border-bottom:1px solid var(--line);}
.sub_visual.no_line{margin-bottom: 0; border-bottom: none;}
.sub_visual .lnb { position: relative; display: flex; align-items: center; justify-content: flex-start; width: var(--in); max-width: 100%; padding: 5rem var(--inPd) 0; margin: 0 auto; font-size: var(--p4); z-index: 10; }
.sub_visual .lnb .home { position: relative; top: 1px; display: flex; align-items: center; justify-content: center; fill: var(--black); width: 1,1em; height: 1.1em;}
.sub_visual .lnb .home svg { width: 100%; display:block; fill: var(--green);}
.sub_visual .lnb .sel_wrap { position: relative;;margin-left: 1em; padding-left: 1em; top: 0.1em; display: flex; align-items: center; justify-content: center; }
.sub_visual .lnb .sel_wrap::before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 0.8em; background-color: var(--line);}
.sub_visual .lnb .sel_wrap .nice-select { border: 0; padding-left: 0; padding-right: 3rem; height: auto; line-height: 1;}
.sub_visual .lnb .sel_wrap .nice-select:after { right: 0; width: 1em;; height: 1em; margin-top: -0.5em; font-size: 1em; border: 0; transform: rotate(0deg); transform-origin: center; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224 385.9l17-17L401 209l17-17L384 158.1l-17 17-143 143L81 175l-17-17L30.1 192l17 17L207 369l17 17z"/></svg>') center/contain no-repeat; transition: transform 0.3s; }
.sub_visual .lnb .sel_wrap .nice-select.open:after { transform: rotate(180deg); }
.sub_visual .lnb .sel_wrap.current .current { color:var(--black); } /* 현재 페이지*/
.sub_visual .lnb .sel_wrap .nice-select .option{padding: 0 1.2em;}

.sub_visual .lnb .sel_wrap .nice-select .list .option[data-value^="http"] {padding-right: 2em;}
.sub_visual .lnb .sel_wrap .nice-select .list .option[data-value^="http"]::after {
    opacity: 0;
    content: "";
    position: absolute;
    right: 0.7em;
    top: 50%;
    transform: translate(0%,-50%);
    display: block;
    width: 0.85em;
    height: 0.85em;
    transition: 0.3s ease-in-out;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23000" viewBox="0 0 512 512"><path d="M304 24c0 13.3 10.7 24 24 24l102.1 0L207 271c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l223-223L464 184c0 13.3 10.7 24 24 24s24-10.7 24-24l0-160c0-13.3-10.7-24-24-24L328 0c-13.3 0-24 10.7-24 24zM72 32C32.2 32 0 64.2 0 104L0 440c0 39.8 32.2 72 72 72l336 0c39.8 0 72-32.2 72-72l0-128c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 128c0 13.3-10.7 24-24 24L72 464c-13.3 0-24-10.7-24-24l0-336c0-13.3 10.7-24 24-24l128 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L72 32z"/></svg>') no-repeat center / contain;
}

.sub_visual .lnb .sel_wrap .nice-select.open .list .option[data-value^="http"]::after {
    opacity: 1;
}

.sub_visual .lnb .sel_wrap .nice-select .list{margin-top: 1em; font-size: var(--p4);}

.sub_visual .tit_wrap{ width: 100%; padding: 7rem 0 11rem; text-align: center;}
.sub_visual .tit_wrap .tit { font-size: max(5.6rem, 56px); font-weight: 700;}
.sub_visual .tit_wrap .txt { margin-top: 0.5em; font-size: var(--p3); color:var(--gray); font-weight: 500;}


/* 페이징 */

.pagination { display: flex; align-items: center; justify-content: center; margin-top: 9rem; }
.pagination > a { line-height: 1; }
.pagination > a svg { fill: var(--black); transition: all 0.3s; width: 1.2em; height: auto; }
.pagination .num_list { display: flex; align-items: center; justify-content: center; margin: 0 4.5rem; }
.pagination .num_list li { position: relative; width: 2.3em; height: 2.3em; margin: 0 0.25rem; border-radius: 10rem; text-align: center; transition: all 0.3s; }
.pagination .num_list li a { position: absolute; line-height: 2.3em; left: 50%; top: 50%; display: block; width: 100%; height: 100%; transform: translate(-50%, -50%); transition: all 0.4s; }
.pagination .num_list li a:before { content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; border-radius: 50%; color: #fff; transform: translate(-50%, -50%); transition: all 0.4s; z-index: -1; }
.pagination .num_list li.active a { color: #fff; }
.pagination .num_list li.active a:before { background-color: var(--green) }
.pagination .next { margin-right: 2rem; }
.pagination .prev { margin-left: 2rem; }
.pagination .none { opacity: 0.4; cursor: default; }


/* 리스트 없을 떄 */
.empty_box{width:100%; display:flex; flex-direction: column; align-items: center; justify-content: center; grid-column: 1 / -1; padding-bottom: 80px; margin-top: 80px}
.empty_box img{display:flex; width: max(24rem, 180px); filter: grayscale(1); opacity: 0.6;}
.empty_box span{font-size: var(--p4);font-weight: 400;color: rgba(0,0,0,0.5);margin-top: 2rem;}
.empty_box svg{display: block; width: max(20rem, 240px); opacity: 0.3;}
.empty_box svg path{fill: #000;}
.empty_box .list_back_btn{margin-top: 2rem; display: flex; align-items: center;border: 1px solid var(--line);border-radius: 1rem;font-size: var(--p4); font-weight:600;padding: 0.6em 1em; transition: 0.3s ease-in-out;}
.empty_box .list_back_btn:hover{background-color: #000; color: #fff; border-color: #000;}





/* Txt */
.sub_tit_box .tit{font-size: var(--tit); font-weight: 700; line-height: 1.6;}
.sub_tit_box .txt{font-size: var(--txt2); margin-top: 2rem;}
.sub_tit_box .desc{font-size:var(--lgTxt); font-weight: 700; margin-bottom: 1.6rem; text-transform: uppercase;}
.sub_tit_box > * {opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.sub_tit_box.active > *{opacity: 1; transform: translateY(0);}
.sub_tit_box .ico{margin: 0 auto; width: 4rem; height: 4rem; margin-bottom: 1.6rem; transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none"><path d="M24.9995 50C38.6522 50 50 38.6765 50 25C50 11.3476 38.6271 0 24.9744 0C11.2987 0 0 11.3476 0 25C0 38.6765 11.3227 50 24.9995 50ZM24.9765 28.6769C23.6766 28.6769 22.9665 27.9166 22.9163 26.6168L22.5733 14.511C22.5241 13.162 23.5532 12.2072 24.9503 12.2072C26.3234 12.2072 27.3765 13.1871 27.3284 14.5351L26.9844 26.6188C26.9352 27.9417 26.2 28.6779 24.9754 28.6779M24.9754 37.6976C23.5532 37.6976 22.2292 36.5703 22.2292 35.0498C22.2292 33.5292 23.5291 32.404 24.9754 32.404C26.3966 32.404 27.7196 33.5062 27.7196 35.0498C27.7196 36.5944 26.3715 37.6976 24.9754 37.6976Z" fill="%23FFBF00"/></svg>') no-repeat center / contain;}
.sub_tit_box.active .txt {transition-delay: 0.3s;}
.sub_tit_box.active .desc + .tit {transition-delay: 0.4s;}
.sub_tit_box.active .desc + .tit + .txt {transition-delay: 0.6s;}


/* 금융 > 금리안내  */
.retes_page .top_txt_box {display: flex; align-items: center;}
.retes_page .top_txt_box .txt {display: flex; font-size: var(--p3); font-weight: 500;}
.retes_page .top_txt_box .ico {width: var(--h8); height: auto; margin-right: 0.5em;}
.retes_page .top_txt_box .date {font-size: var(--p4); margin-left: auto; }
.retes_page .img_box {margin-top: 3rem; background-color: #F4F6F8; padding: 10rem;}
.retes_page .img_box img {width: 100%;}
 

/* 금융 > 농업자금 */
.funding_page .cont_basic_slide06 {margin-top: var(--pd3);}
.funding_page .sub_cont_sorting09 {margin-top: var(--pd3);}
.funding_page .sub_cont_sorting10 {margin-top: var(--pd3);}


/* 안성인삼농협 연혁 */
.sub_history_txt01 {margin-top: var(--pd4);}

/* 인사말 */
.page_greet .sub_rolling01 {margin-top: var(--pd2); position: relative; padding: var(--pd1) 0;}
.page_greet .sub_rolling01 .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.page_greet .sub_rolling01 .bg img {width: 100%; height: 100%; object-fit: cover;}
.page_greet .sub_rolling01 .cont_tit {color: #fff}
.page_greet .sub_rolling01 .cont_tit .desc {color: var(--green); font-size: var(--h8); font-weight: 700; margin-bottom: 1rem;}
.page_greet .sub_rolling01 .cont .philo_txt .txt_box {color: #fff;}
.page_greet .sub_rolling01 .cont .philo_txt .txt_box {opacity: 1;}
.page_greet .sub_rolling01 .cont .philo_txt {padding-top: 40rem;}


.sub_cont_greeting02 .cont_box .img { opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0.2s, transform 1s ease-in-out 0.2s;}
.sub_cont_greeting02 .cont_box .greeting_txt_box { opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0.4s, transform 1s ease-in-out 0.4s;}

.sub_cont_greeting02 .cont_box.active .img {opacity: 1; transform: translateY(0); transition-delay: 0.2s;}
.sub_cont_greeting02 .cont_box.active .greeting_txt_box {opacity: 1; transform: translateY(0); transition-delay: 0.4s;}



.page_greet .sub_cont_greeting02 {margin-top: var(--pd2);}

/* 연혁 */
.page_history .com_nav_tab01 {margin-top: 10rem; }
.page_history .com_nav_tab01 .tab_box {}

.sub_sect_tit {font-size: var(--h4); font-weight: 700;}
.sub_sect_tit .em_txt {font-size: var(--p3); color: var(--green); font-weight: 600; vertical-align: middle;}

/* 조합원 안내 */

.page_funding .sect_tit,
.page_member .sect_tit { margin-bottom: var(--contMt1);} 
.page_member .sub_cont_text02 + .sub_cont_img01 {margin-top: var(--contMt4);}
.page_member .sub_cont_img01 img {border-radius: 2rem;}
.page_member .sub_cont_img01 + .sub_cont_text02 {margin-top: 2rem;}
.page_member .zone_sect {margin-top: var(--pd2);}
.page_member .sub_cont_process01 {margin-top: var(--pd2);}
.page_member .sub_cont_sorting23 {margin-top: var(--contMt4);}
.page_member .duty_sect,
.page_member .money_sect,
.page_member .document_sect {margin-top: var(--pd2);}
.page_member .money_sect .img_box .img {border-radius: 2rem; overflow: hidden;}
.page_member .sub_cont_sorting22 {margin-top: var(--contMt4);}
.page_member .sub_cont_sorting06 {margin-top: var(--contMt4);}

.page_member .sub_cont_process01 .cont_box .left_tit {width: 40%;}






.page_member .com_tab01 {margin-bottom: 10rem;}
.page_member .sub_cont_sorting24 {margin-top: var(--pd2);}

.page_member .bg_sect {background-color: #E4F0E8; padding: var(--pd2) 0; margin-top: var(--pd2);}
.page_member .bg_sect .sub_cont_sorting10 .cont_box .right_cont .check_box > li {background-color: #fff;}
.page_member .bg_sect .sub_cont_sorting10 .cont_box .right_cont .check_box > li .ico {background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="30" height="30" rx="15" fill="%23F4F6F8"/><path d="M22 11L13.0625 20L9 15.9091" stroke="%231EAC4B" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain;}

.page_member .bg_sect .sub_cont_sorting10 +  .sub_cont_sorting10 {margin-top: 10rem;}

.page_member .tab_cont_box {display: none;}
.page_member .tab_cont_box.on {display: block;}

.page_member .tab_cont_box.cancel .sub_cont_sorting10 .cont_box .right_cont .check_box > li.big_type .txt_box .tit {font-size: var(--h8); font-weight: 700; flex-wrap: wrap; align-items: center;}
.page_member .tab_cont_box.cancel .sub_cont_sorting10 .cont_box .right_cont .check_box > li.big_type .ico {width: 1.8em; height: 1.7em;}
.page_member .tab_cont_box.cancel .sub_cont_sorting10 .cont_box .right_cont .check_box > li.big_type .txt_box .tit .desc {margin-top: 0;}
.page_member .tab_cont_box.cancel .sub_cont_sorting10 .cont_box .right_cont .txt_box .txt.question {color: var(--gray2); font-size: var(--p4);}



.page_guidance .sub_cont_sorting03 .cont_box .cont + .cont  {margin-top: var(--contMt1);}

.page_guidance .bg_sect {background-color: var(--bg); padding: var(--pd3) 0; margin-top: var(--pd2);}
.page_guidance .bg_sect .sub_cont_sorting25 .cont_box .right_cont .cont {border-radius: 1.5rem;}
.page_guidance .bg_sect .sub_cont_sorting19 {margin-top: var(--contMt);}

.page_processing .sub_cont_sorting08 {margin-top: var(--pd2);}
.page_processing .sub_cont_sorting16 {margin-top: var(--pd1);}

.page_processing .sub_cont_process02 {margin-top: var(--pd1);}

.page_processing .gmp_sect {margin-top: var(--pd2);}
.page_processing .sub_cont_sorting13 {margin-top: var(--contMt4);}


.page_mart .sub_cont_sorting09 {margin-top: var(--pd2);}
.page_mart .sub_cont_sorting10 {margin-top: var(--pd2);}
.page_mart .sub_cont_table03 {margin-top: var(--pd2);}
.page_mart .sub_cont_table03 .cont_box .right_cont .table_body {  grid-template-rows: repeat(6, 1fr);}
.page_mart .sub_cont_table03 .cont_box .right_cont .table_body .box.type1 {font-size: var(--p3);}

.page_mart .sub_cont_table03 .cont_box .right_cont .table_body .box {border-bottom: none;padding: 0 1em;}
.page_mart .sub_cont_table03 .cont_box .right_cont .table_body .box:nth-child(1) {grid-column: 1;grid-row: 1 / 3;}
.page_mart .sub_cont_table03 .cont_box .right_cont .table_body .box:nth-child(3) {grid-column: 1;grid-row: 3 / 5;}
.page_mart .sub_cont_table03 .cont_box .right_cont .table_body .box:nth-child(5) {grid-column: 1;grid-row: 5 / 7;}
.page_mart .sub_cont_table03 .cont_box .right_cont .table_body .box:nth-child(2) {grid-column: 2;grid-row: 1 / 4;}
.page_mart .sub_cont_table03 .cont_box .right_cont .table_body .box:nth-child(4) {grid-column: 2;grid-row: 4 / 7;}

.page_mart .sub_cont_table03 .cont_box .right_cont .table_body .box .txt {border-bottom: 1px solid #a7d7b6; padding: 1.5em 0; width: 100%;}
.page_mart .sub_cont_table03 .cont_box .right_cont .table_body .box.type1 .txt {border-bottom: 1px solid #C2C2C2;}
.page_mart .sub_cont_table03 .cont_box .right_cont .table_body .box:nth-last-child(2) .txt {border-bottom: none }
.page_mart .sub_cont_table03 .cont_box .right_cont .table_body .box:last-child .txt {border-bottom: none }

.page_mart .bg_sect {padding: var(--pd3) 0; margin-top: var(--pd2); background-color: var(--bg);}
.page_mart .bg_sect .sub_cont_sorting21 {margin-top: var(--contMt1);}

.page_location .country_sect {margin-top: var(--pd2);}
.page_location .country_sect .sub_cont_text02 {margin-bottom: var(--contMt3);}


/* 시업 */
.page_credit .sub_cont_sorting03 {margin-top: var(--pd4);}

.page_processing .sub_cont_sorting08 .img {opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0s, transform 1s ease-in-out 0s;}
.page_processing .sub_cont_sorting08 .txt_box .left_cont {opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0.2s, transform 1s ease-in-out 0.2s;}
.page_processing .sub_cont_sorting08 .txt_box .right_cont {opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0.4s, transform 1s ease-in-out 0.4s;}

.page_processing .sub_cont_sorting08.active .img {opacity: 1; transform: translateY(0);}
.page_processing .sub_cont_sorting08.active .txt_box .left_cont {opacity: 1; transform: translateY(0);}
.page_processing .sub_cont_sorting08.active .txt_box .right_cont {opacity: 1; transform: translateY(0);}

.page_processing .sect_tit {opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0.2s, transform 1s ease-in-out 0.2s;}
.page_processing .sect_tit.active {opacity: 1; transform: translateY(0);}

.page_processing .sect_txt {opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0.2s, transform 1s ease-in-out 0.2s;}
.page_processing .sect_txt.active {opacity: 1; transform: translateY(0);}

.page_processing .sub_cont_sorting16 .cont_box .cont{opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0.2s, transform 1s ease-in-out 0.2s;}
.page_processing .sub_cont_sorting16 .cont_box .cont + .cont {transition: opacity 1s ease-in-out 0.4s, transform 1s ease-in-out 0.4s;}
.page_processing .sub_cont_sorting16 .cont_box.active .cont {opacity: 1; transform: translateY(0);}

/* 명삼원 소개 */
.page_brand .brand_sect .logo_img {width: 68rem; margin: 0 auto; opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out, transform 1s ease-in-out;}
.page_brand .brand_sect .logo_img img {width: 100%;}
.page_brand .brand_sect .txt_box {margin-top: var(--pd4); text-align: center;}
.page_brand .brand_sect .txt_box .tit {font-size: var(--h1); font-weight: 700; margin-bottom: var(--contMt3); opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0.2s, transform 1s ease-in-out 0.2s; display: none;}
.page_brand .brand_sect .txt_box .tit span {font-size: var(--h2); font-weight: 600; color: var(--gray2);}
.page_brand .brand_sect .txt_box .txt {font-size: var(--p2); font-weight: 500; opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0.4s, transform 1s ease-in-out 0.4s;} 
.page_brand .brand_sect .txt_box .txt + .txt {margin-top: 2rem;}

.page_brand .brand_sect.active .logo_img {opacity: 1; transform: unset;}
.page_brand .brand_sect.active .txt_box .tit {opacity: 1; transform: unset;}
.page_brand .brand_sect.active .txt_box .txt {opacity: 1; transform: unset;}

.page_brand .sub_cont_sorting07 {margin-top: var(--pd2);}


.page_brand .one_stop_sect {margin-top: var(--pd1); text-align: center;}
.page_brand .one_stop_sect .tit_motion { font-size: var(--h2); font-weight: 700;}
.page_brand .one_stop_sect .tit_motion .text{background: linear-gradient(to right, var(--green) 50%, #ECECF1 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;display: inline; transition: background-position-x 1.5s ease-in-out;}
.page_brand .one_stop_sect .txt {margin-top: 3rem; font-size: var(--p2); font-weight: 500; opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0.2s, transform 1s ease-in-out 0.2s;}
.page_brand .one_stop_sect .img_box {display: flex; margin-top: var(--contMt1); }
.page_brand .one_stop_sect .img_box .img {flex: 1; clip-path: inset(0 0 100% 0); transition: clip-path 1.2s ease-in-out 0.4s;}
.page_brand .one_stop_sect .img_box .img + .img  {margin-left: 3rem;}
.page_brand .one_stop_sect .img_box .img img {width: 100%; border-radius: 3rem;}

.page_brand .one_stop_sect.active .tit_motion .text {background-position-x: 0;}
.page_brand .one_stop_sect.active .txt {opacity: 1; transform: unset;}
.page_brand .one_stop_sect.active .img_box .img {clip-path: inset(0 0 0 0);}


.page_brand .main_map_cont_map02 {margin-top: var(--pd1);}

.page_brand .prd_info_sect {margin-top: var(--pd2);}
.page_brand .prd_info_sect .sub_cont_sorting26 {margin-top: var(--contMt4);}
.page_brand .prd_info_sect .sub_sect_tit {opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0s, transform 1s ease-in-out 0s;}
.page_brand .prd_info_sect .sub_sect_txt {opacity: 0; transform: translateY(50px); transition: opacity 1s ease-in-out 0.2s, transform 1s ease-in-out 0.2s;}
.page_brand .prd_info_sect .sub_cont_sorting26 .cont_box .cont {opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0.4s, transform 1s ease-in-out 0.4s;}
.page_brand .prd_info_sect .sub_cont_sorting26 .cont_box .cont + .cont { transition: opacity 1s ease-in-out 0.6s, transform 1s ease-in-out 0.6s;}

.page_brand .prd_info_sect.active .sub_sect_tit {opacity: 1; transform: unset;}
.page_brand .prd_info_sect.active .sub_sect_txt {opacity: 1; transform: unset;}
.page_brand .prd_info_sect.active .sub_cont_sorting26 .cont_box .cont {opacity: 1; transform: unset;}
.page_brand .prd_info_sect.active .sub_cont_sorting26 .cont_box .cont + .cont {opacity: 1; transform: unset;}

.page_brand .bi_system_sect {margin-top: var(--pd2 );}
.page_brand .bi_system_sect .sub_cont_text02 .tit_wrap .link_btn .ico {width: 1.25em; background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 12.5V15.8333C17.5 16.2754 17.3244 16.6993 17.0118 17.0118C16.6993 17.3244 16.2754 17.5 15.8333 17.5H4.16667C3.72464 17.5 3.30072 17.3244 2.98816 17.0118C2.67559 16.6993 2.5 16.2754 2.5 15.8333V12.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.83203 8.33325L9.9987 12.4999L14.1654 8.33325" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 12.5V2.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain;}
.page_brand .bi_system_sect .sub_cont_text02 .tit_wrap .link_btn:hover .ico {background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 12.5V15.8333C17.5 16.2754 17.3244 16.6993 17.0118 17.0118C16.6993 17.3244 16.2754 17.5 15.8333 17.5H4.16667C3.72464 17.5 3.30072 17.3244 2.98816 17.0118C2.67559 16.6993 2.5 16.2754 2.5 15.8333V12.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.83203 8.33325L9.9987 12.4999L14.1654 8.33325" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 12.5V2.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain;}
.page_brand .sub_cont_sorting14 {margin-top: var(--contMt4);}



.page_brand .bi_cont_02,
.page_brand .bi_cont_03,
.page_brand .color_system01 {margin-top: var(--contMt1);}



.product_page .visual_img_sect .sub_cont_img01 {margin-top: var(--pd2);}
.product_page .visual_img_sect .sub_cont_text03 {margin-top: var(--contMt3);}

.product_page .visual_img_sect .sub_cont_img01 {opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out, transform 1s ease-in-out;}
.product_page .visual_img_sect.active .sub_cont_img01 {opacity: 1; transform: translateY(0);}

.product_page .visual_img_sect .sub_cont_text03 .right_cont {opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0.2s, transform 1s ease-in-out 0.2s;}
.product_page .visual_img_sect.active .sub_cont_text03 .right_cont {opacity: 1; transform: translateY(0);}

.product_page .sub_sect_tit {opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0s, transform 1s ease-in-out 0s;}
.product_page .sub_sect_tit.active {opacity: 1; transform: translateY(0);}
.product_page .sub_sect_txt {opacity: 0; transform: translateY(50px); transition: opacity 1s ease-in-out 0.2s, transform 1s ease-in-out 0.2s;}
.product_page .sub_sect_txt.active {opacity: 1; transform: translateY(0);}

.product_page .sub_cont_sorting10 .cont_box .left_tit {opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0.4s, transform 1s ease-in-out 0.4s;}
.product_page .sub_cont_sorting10.active .cont_box .left_tit {opacity: 1; transform: translateY(0);}

.product_page .sub_cont_sorting10 .cont_box .right_cont {opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0.6s, transform 1s ease-in-out 0.6s;}
.product_page .sub_cont_sorting10.active .cont_box .right_cont {opacity: 1; transform: translateY(0);}
 
.product_page .sub_cont_process02 {margin-top: var(--pd2);}

.product_page .recom_sect {margin-top: var(--pd2);}
.product_page .sub_cont_sorting10 {margin-top: var(--contMt3);}
.product_page .sub_cont_sorting10 .sub_cont_tit {font-size: var(--h6); font-weight: 700;}

.product_page .energy_sect {margin-top: var(--pd2);}
.product_page .energy_sect .sub_cont_sorting17 {margin-top: var(--contMt1);}

.product_page .prd_info_sect {margin-top: var(--pd2);}
.product_page .prd_info_sect .slide {margin-top: var(--contMt4);}

.product_page .bg_sect {background-color: var(--bg); padding: var(--pd3) 0; margin-top: var(--pd2);}
.product_page .qa_sect .sub_cont_sorting18 {margin-top: var(--contMt4);}
.product_page .faq_sect {margin-top: var(--pd2);}
.product_page .faq_sect .notice_faq03 {margin-top: var(--contMt4);}



.page_matchum .visual_img_sect .sub_cont_img01 {margin-top: var(--pd2);}
.page_matchum .visual_img_sect .sub_cont_text03 {margin-top: var(--contMt3);}

.page_matchum .visual_img_sect .sub_cont_img01 {opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out, transform 1s ease-in-out;}
.page_matchum .visual_img_sect.active .sub_cont_img01 {opacity: 1; transform: translateY(0);}

.page_matchum .visual_img_sect .sub_cont_text03 {opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0.2s, transform 1s ease-in-out 0.2s;}
.page_matchum .visual_img_sect.active .sub_cont_text03 {opacity: 1; transform: translateY(0);}

.page_matchum .sub_cont_sorting10 .cont_box .right_cont {opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0.6s, transform 1s ease-in-out 0.6s;}
.page_matchum .sub_cont_sorting10.active .cont_box .right_cont {opacity: 1; transform: translateY(0);}

.page_matchum .sub_sect_tit {opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0s, transform 1s ease-in-out 0s;}
.page_matchum .sub_sect_tit.active {opacity: 1; transform: translateY(0);}
.page_matchum .sub_sect_txt {opacity: 0; transform: translateY(50px); transition: opacity 1s ease-in-out 0.2s, transform 1s ease-in-out 0.2s;}
.page_matchum .sub_sect_txt.active {opacity: 1; transform: translateY(0);}

.page_matchum .together_sect {position: relative; padding: var(--pd2) 0; margin-top: var(--pd1); background-color: #185525; color: #fff;}
.page_matchum .together_sect .bg {position: absolute; inset: 0; opacity: 0.1;}
.page_matchum .together_sect .bg img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.page_matchum .together_sect .sub_cont_sorting07 {margin-top: var(--contMt1);}
.page_matchum .together_sect .sub_cont_sorting07 .item {background-color: rgba(0, 0, 0, 0.60);}

.page_matchum .sub_cont_sorting10 {padding:var(--pd2) 0;}

.page_matchum .sub_rolling01 {background-color: #E4F0E8; padding: var(--pd2) 0;}


.page_funding .tab_cont_box {margin-top: var(--pd3);}
.page_funding .cont_basic_slide06 {margin-top: var(--pd3);}
.page_funding .sub_cont_sorting09 {margin-top: var(--pd2);}
.page_funding .sub_cont_sorting10 {margin-top: var(--pd2);}

.page_funding .loans_sect {padding: var(--pd3) 0; background-color: #E4F0E8; margin-top: var(--pd2);}
.page_funding .sub_cont_sorting11 {margin-top: var(--contMt1);}

.page_funding .tab_cont_box {display: none;}
.page_funding .tab_cont_box.on {display: block;}

.page_funding .sub_cont_table03 {margin-top: var(--pd2);}
.page_funding .sub_cont_process01 {margin-top: var(--pd2);}

.page_funding .tab_cont_box .sub_cont_table03 .cont_box .right_cont .table_head {display: grid; grid-template-columns: minmax(0,10em) minmax(0,1fr);}
.page_funding .tab_cont_box .sub_cont_table03 .cont_box .right_cont .table_head .box {flex: none;}

.page_funding .tab_cont_box.tab5 .sub_cont_sorting09.sm_type .cont_box .right_cont .box,
.page_funding .tab_cont_box.tab3 .sub_cont_sorting09.sm_type .cont_box .right_cont .box {width: calc(33.333% - 15px * 2 / 3);}


.page_funding .tab_cont_box.tab4 .sub_cont_table03 .cont_box .right_cont .table_head,
.page_funding .tab_cont_box.tab5 .sub_cont_table03 .cont_box .right_cont .table_head {grid-template-columns: minmax(0,15em) minmax(0,1fr);}
.page_funding .tab_cont_box.tab4 .sub_cont_table03 .cont_box .right_cont .table_body.tr_type .tr,
.page_funding .tab_cont_box.tab5 .sub_cont_table03 .cont_box .right_cont .table_body.tr_type .tr {grid-template-columns: minmax(0,15em) minmax(0,1fr);}
.page_funding .tab_cont_box.tab4 .sub_cont_table03 .cont_box .right_cont .table_body.tr_type .tr .box,
.page_funding .tab_cont_box.tab5 .sub_cont_table03 .cont_box .right_cont .table_body.tr_type .tr .box {justify-content: center;}

.page_funding .loans_tab_box {display: none; padding-top: var(--pd4);}
.page_funding .loans_tab_box.on {display: block;}

.page_funding .loans_tab_box > .sect:first-child {margin-top: 0;}
.page_funding .loans_tab_box .sect + .sect {margin-top: var(--pd4);}
.page_funding .loans_tab_box .sub_cont_sorting10 .cont_box .right_cont .check_box > li {background-color: #fff;}
.page_funding .loans_tab_box .sub_cont_sorting10 .cont_box .right_cont .check_box > li .ico {background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="30" height="30" rx="15" fill="%23F4F6F8"/><path d="M22 11L13.0625 20L9 15.9091" stroke="%231EAC4B" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain;}

.page_funding .loans_tab_box .sub_cont_sorting10 .right_cont .note_txt {margin-top: var(--contMt4); display: flex; font-weight: 500;}
.page_funding .loans_tab_box .sub_cont_sorting10 .right_cont .note_txt span {margin-right: 0.5em;}

/* hover 스타일 */
@media screen and (min-width: 1241px) {


}



@media screen and (max-width: 1240px) {
    .sub_visual .tit_wrap .tit {font-size: var(--h1);}
    
}

@media screen and (max-width: 768px) {
    .page_brand .brand_sect .logo_img {width: 40rem;}
    .product_page .energy_sect .sub_cont_sorting17  {margin-top: var(--contMt3);}

    .retes_page .top_txt_box {display: block}
    .retes_page .top_txt_box .date {margin-top: 1rem;}

    .retes_page .img_box {padding: 30px 20px;}


    .page_funding .tab_cont_box.tab4 .sub_cont_table03 .cont_box .right_cont .table_body.tr_type .tr,
    .page_funding .tab_cont_box.tab5 .sub_cont_table03 .cont_box .right_cont .table_body.tr_type .tr,
        .page_funding .tab_cont_box.tab4 .sub_cont_table03 .cont_box .right_cont .table_head,
    .page_funding .tab_cont_box.tab5 .sub_cont_table03 .cont_box .right_cont .table_head {grid-template-columns: repeat(2,minmax(0,1fr));}

    




}





@media screen and (max-width: 600px) {
    .sub_visual .tit_wrap {padding: 30px 0 50px}
    .sub_visual {margin-bottom: var(--pd3);}

    .page_member .sub_cont_process01 .cont_box .left_tit {width: 100%;}
    .page_member .sub_cont_process01 .cont_box .right_cont .cont {padding: 15px;}

    .page_greet .sub_rolling01 .cont .philo_txt {padding-top: 0;}
    .sub_sect_tit .em_txt {display: block; margin-top: 0.5em;}

    .page_brand .brand_sect .logo_img {width: 50%;}
    .page_brand .brand_sect .txt_box {margin-top: 40px;}
    .page_brand .brand_sect .txt_box .tit {font-size: var(--h2); margin-bottom: 20px;}
    .page_brand .brand_sect .txt_box .tit span {font-size: var(--h4);}
    .page_brand .brand_sect .txt_box .txt {font-size: var(--p3);}



    .page_brand .one_stop_sect .txt {font-size: var(--p3);}
    .page_brand .one_stop_sect .txt br {display: none;}
    .page_brand .one_stop_sect .img_box .img img {border-radius: 10px;}
    .page_brand .one_stop_sect .img_box .img + .img {margin-left: 10px;}

    .product_page .visual_img_sect .sub_cont_img01 {margin-top: var(--pd3);}

    .visual_img_sect .sub_cont_img01 .img  {padding-top: 60%; position: relative;}
    .visual_img_sect .sub_cont_img01 .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;;}

    .sub_cont_sorting18 .cont_box .cont {width: 60%;}
    .notice_faq03 .list > li .que {padding: 1.2em 0;}
    .notice_faq03 .list > li .answer {padding: 1em;}
    .notice_faq03 .list > li .answer .txt {font-size: var(--p3); padding-top: 0.3em;}
    .notice_faq03 .list > li .answer .ico {font-size: 10px;}
    



    .sub_cont_table03 .table_box .table_head {min-width: 0;}
    .sub_cont_table03 .table_box .table_body {min-width: 0;}


    .page_matchum .together_sect .bg img {object-position: right bottom;}


    .page_mart .sub_directions02_sect .cont_box .txt_box .info_txt {flex-direction: column;}
    .page_mart .sub_directions02_sect .cont_box .txt_box .info_txt li + li {margin-left: 0; margin-top: 5px;}
    .page_mart .sub_directions02_sect .cont_box .txt_box .info_txt li strong {width: 4.5em;}



}