@charset "utf-8";


/*───────────────────────────────────────────────────────────

    공통요소

───────────────────────────────────────────────────────────*/
#wrap{position: relative; overflow: clip; box-sizing: border-box; }
.w_custom{position: relative; width: calc(100% - 60px); max-width: 1400px; margin-inline: auto; box-sizing: border-box;}
body:has(.main_cont) .w_custom{max-width: 1500px;}
#container{position: relative; padding-bottom: 160px; box-sizing: border-box;}
#container:has(.full_sec){width: 100%; max-width: 100%;}
#wrap [class*="swiper-button"]:after{display: none;}

@media (max-width:1500px){
    br.for_pc{display: none;}
}
@media (max-width:1023px){
    #container{padding-bottom: clamp(100px, 16vw, 160px);}
}
@media (max-width:860px){
    .w_custom{width: calc(100% - 30px);}
}
@media (max-width:320px){
    .w_custom{width: calc(100% - 20px);}
}


/*───────────────────────────────────────────────────────────

    Header

───────────────────────────────────────────────────────────*/
#header{position: fixed; top:0; left:0; width: 100%; height: 120px; box-sizing: border-box; z-index: 100; transition: all 0.4s;}
#header .cont{max-width: 1800px; height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 30px;}
#header .logo{position: relative;font-size: 0;height: 100%;box-sizing: border-box;z-index: 5;}
#header .logo a{position: absolute;inset: 0;z-index: 3;}
#header .logo span{display: flex;align-items: center;max-width:250px;height: 100%;padding-block: 20px;box-sizing: border-box;transition: all 0.4s;}
#header .logo span.ov{position: absolute; top:0; left:0; opacity: 0;}
#header .cont .gnb{position: absolute;top:0;left:50%;translate: -50%;width: calc(100% - 400px);height: 100%;font-size: var(--title-20);display: flex;justify-content: center;text-align: center;gap: clamp(20px, 3.65vw, 70px);box-sizing: border-box;}
#header .cont .gnb > li{position: relative;height: 100%;box-sizing: border-box;font-size: 90%;font-weight: 600;color: var(--black-color00);}
#header .cont .gnb > li > a{position: relative; display: flex;align-items: center;height: 100%;box-sizing: border-box;}
#header .cont .gnb > li > a:before{position: absolute;content:'';left: 50%;bottom: 0;translate: -50%;width: 0;height: 3px;background: var(--point-color01);transition: all 0.4s;}
#header .cont .gnb .dep02{display: none;}
#header .utility{display: flex; align-items: center; gap: 30px;}
#header .allCate{position: relative;display: flex;width: 30px;aspect-ratio: auto 1.153;z-index: 5;}
#header .allCate span{position: absolute;top:0;left:0;width: 100%;height: 2px;background: var(--black-color00);transition: all 0.4s;}
#header .allCate span:nth-child(2){top:calc(50% - 1px);}
#header .allCate span:nth-child(3){top:calc(100% - 2px);}

#header nav{position: absolute;top:100%;left:0;width: 100%;box-sizing: border-box;}
#header nav .w_custom{max-width: 1500px;}
#header nav .gnb{position: relative; font-size: var(--title-20);}
#header nav .gnb > li{display: flex;position: absolute;top: 0;left: 0;opacity: 0;pointer-events: none;transition: all 0.4s;z-index: 1;width: 100%;box-sizing: border-box;}
#header nav .gnb > li:not(:has(.dep02)){display: none;}
#header nav .gnb > li:before{position: absolute;content:'';width: 200vw;height: 100%;top: 0;left: 50%;translate: -50%;background: var(--point-white);border-top: 1px solid var(--border-color01);z-index: -1;box-sizing: border-box;box-shadow: var(--shadow-03);}
#header nav .gnb > li > a{font-size: 180%;font-weight: 700;color: var(--black-color00);line-height: 1.11;width: 280px;padding:40px;box-sizing: border-box;flex-shrink: 0;border-right: 1px solid var(--border-color01);}
#header nav .gnb .dep02{position: relative;width: 100%;padding:40px;box-sizing: border-box;display: grid;gap: clamp(15px, 11vw, 20px);grid-template:auto / repeat(4, 1fr);max-height: 50vh;overflow: hidden;overflow-y: auto;}
#header nav .gnb .dep02 > li{position: relative;font-size: 85%;font-weight: 400;color: var(--black-color01);}
#header nav .gnb .dep02 > li > a{position: relative;display: flex;align-items: center;padding: 13px 20px;background: var(--point-white);box-shadow: inset 0 0 0 1px var(--border-color01);z-index: 1;overflow: hidden;box-sizing: border-box; transition: all 0.4s;}
#header nav .gnb .dep02 > li > a:before{position: absolute;content:''; width: 0; height: 100%; top:0; left:0; background: var(--point-color01);z-index: -1;clip-path: polygon(0 0, 100% 0%, calc(100% - 20px) 100%, 0 100%); transition: all 0.4s;}
#header nav .gnb .dep03{padding-block:20px;display: flex;flex-direction: column;gap: 12px;}
#header nav .gnb .dep03 > li{font-size: 94.1%;}
#header nav .gnb .dep03 > li > a{display: flex;align-items: baseline;gap: 14px;transition: all 0.4s;}
#header nav .gnb .dep03 > li > a:before{display: inline-flex;content:'';width: 6px;aspect-ratio: auto 1;background: var(--gray-bg04);flex-shrink: 0;translate: 0 -3px;transition: inherit;}

/* color */
#header :where(.cont .gnb > li > a, .allCate){filter: var(--filter-white); transition: all 0.4s;}

/* over */
@media (hover:hover) and (pointer:fine){
    #header:hover{background: var(--point-white); box-shadow: var(--shadow-01);}
    #header:hover :where(.cont .gnb > li > a, .allCate){filter: none;}
    #header:hover .logo span.ov{opacity: 1;}
    #header:hover .logo span:not(.ov){opacity: 0;}
    #header nav .gnb .dep02 > li:hover > a{box-shadow: inset 0 0 0 1px var(--point-color01); color: var(--point-white);}
    #header nav .gnb .dep02 > li:hover > a:before{width: calc(100% + 20px);}
    #header nav .gnb .dep03 > li:hover > a{color: var(--point-color01);}
    #header nav .gnb .dep03 > li:hover > a:before{background: var(--point-color01);}
}

/* on */
#header.on{background: var(--point-white); box-shadow: var(--shadow-01);}
#header.on :where(.cont .gnb > li > a, .allCate){filter: none;}
#header.on .logo span.ov{opacity: 1;}
#header.on .logo span:not(.ov){opacity: 0;}

#header nav .gnb > li.on{opacity: 1; pointer-events: all;}
#header .cont .gnb > li.on > a:before{width: 100%;}

/* hid */
#header.hid{opacity: 0; pointer-events: none;}

@media (max-width:1400px){
    #header .logo span{max-width: clamp(220px, 18vw, 250px);}
}
@media (max-width:1023px){
    #header{height: clamp(70px, 12vw, 120px);}
    #header .cont .gnb{display: none;}
    #header .allCate{width: clamp(26px, 3.5vw, 30px);}
}

/*───────────────────────────────────────────────────────────

    Aside

───────────────────────────────────────────────────────────*/
body:has(#aside.on){overflow: clip; touch-action: none;}
body:has(#aside.on) #header .logo span.ov{opacity: 0;}
body:has(#aside.on) #header .logo span:not(.ov){opacity: 1;}
body:has(#aside.on) #header .allCate{filter: var(--filter-white);}
body:has(#aside.on) #header .allCate span{top:50%; left:50%; translate: -50% -50%; rotate: 45deg;}
body:has(#aside.on) #header .allCate span:nth-child(2){opacity: 0;}
body:has(#aside.on) #header .allCate span:nth-child(3){rotate: -45deg;}
#aside{position: fixed; top:0; left:0; width: 100%; height: 100vh; background: var(--black-color00); overflow: hidden;overflow-y: auto; opacity: 0; clip-path: inset(0 0 100%); transition: all 0.6s;}
#aside.on{opacity: 1; clip-path: inset(0);}
#aside .w_custom{max-width: 1800px;min-height: 100%;display: flex;align-items: center;padding-block: 120px;}
#aside .thumb{width: 28.8%;height: 100%;flex-shrink: 0;}
#aside .thumb span{position: fixed;top: 0;left: 0;width: calc(28.8% + 60px);height: 100%;}
#aside .thumb span img{width:100%; height:100%; object-fit:cover;}
#aside .gnb{width: 100%; padding-left: 120px; box-sizing: border-box; font-size: var(--title-20); color: var(--point-white);}
#aside .gnb > li{position: relative;display: flex;align-items: flex-start;gap: clamp(30px, 2.1vw, 40px);padding-block: 40px;transition: all 0.4s;}
#aside .gnb > li:not(:last-child){border-bottom: 1px solid rgba(255,255,255,0.2);}
#aside .gnb > li > a{font-size: 150%;font-weight: 500;width: clamp(180px, 1.25vw, 240px);flex-shrink: 0;line-height: 1.1;}
#aside .gnb .dep02{width: 100%;display: flex;flex-wrap: wrap;gap: clamp(25px, 2.1vw, 40px) clamp(35px, 4.2vw, 80px);}
#aside .gnb .dep02 > li{display: grid; gap: 20px; transition: all 0.4s;}
#aside .gnb .dep02 > li:has(.dep03){width: 100%;}
#aside .gnb .dep02 > li > a{font-size: 110%;font-weight: 500;}
#aside .gnb .dep03{display: flex;gap: 20px clamp(30px, 2.1vw, 40px);flex-wrap: wrap;}
#aside .gnb .dep03 > li{font-weight:300;}



/* over */
@media (hover:hover) and (pointer:fine){
    #aside .gnb:has(:hover) > li:not(:hover){opacity: 0.4;}
    #aside .gnb > li:has(:hover) .dep02 > li:not(:hover){opacity: 0.4;}
    #aside .gnb .dep02 > li:hover > a{text-decoration: underline;text-underline-offset: 8px;text-decoration-thickness: 1px;}
    #aside .gnb .dep03 > li:hover > a{text-decoration: underline;text-underline-offset: 8px;text-decoration-thickness: 1px;}
}

@media (max-width:1023px){
    #aside .w_custom{align-items: flex-start;padding-block: clamp(70px, 12vw, 120px);}
    #aside .thumb{position: fixed;top:0;left:0;width: 100%;height: clamp(70px, 12vw, 120px);background: var(--black-color00);z-index: 2;}
    #aside .thumb span{display: none;}
    #aside .gnb{padding-left: 0;}
    #aside .gnb > li{padding-block: clamp(30px, 4vw, 40px);}
}
@media (max-width:640px){
    #aside .gnb > li{flex-wrap: wrap;}
    #aside .gnb .dep02{row-gap: 20px;}
}

/*───────────────────────────────────────────────────────────

    Main

───────────────────────────────────────────────────────────*/
/* 비주얼 */
.visualSwiper{position: relative; box-sizing: border-box; overflow: hidden; background: var(--black-color00);}
.visualSwiper .swiper-slide{position: relative; box-sizing: border-box; overflow: hidden;}
.visualSwiper .swiper-slide:not(.swiper-slide-active){opacity: 0 !important; pointer-events: none !important;}
.visualSwiper .thumb{position: absolute; inset: 0;}
.visualSwiper .thumb img{width: 100%; height: 100%; object-fit: cover;}
.visualSwiper .txt_wrap{min-height: 980px;height: 100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;color: var(--point-white);padding-block: 120px 218px;gap: 21px;}
.visualSwiper .txt_wrap h2{font-size: 70px;line-height: 1.28;letter-spacing: -0.02em;}
.visualSwiper .txtAni{clip-path: inset(0);}
.visualSwiper .txtAni span{position: relative;display: block;translate: 0 100%;opacity: 0;}
.visualSwiper .swiper-slide-active .txtAni span{translate: 0; opacity: 1; transition: all 1.5s 0.2s;}
.visualSwiper .swiper-slide-active .txtAni:nth-child(2) span{transition-delay:0.4s;}
.visualSwiper .controller{position: absolute;left:50%;bottom:100px;translate: -50%;z-index: 5;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 30px;}
.visualSwiper .controller .swiper-pagination{position: relative;inset: auto;display: flex;flex-wrap: wrap;width: auto;text-align: left;font-size: var(--title-20);gap: 10px clamp(25px, 3.2vw, 60px);}
.visualSwiper .controller .swiper-pagination button{font-size: 110%;font-weight: 400;color: rgba(255,255,255,0.4);width: auto;height: auto;margin: 0;background: none;border-radius: 0;opacity: 1; transition: all 0.4s;}
.visualSwiper .controller .swiper-pagination [class*="active"]{color: var(--point-white);}
.visualSwiper .cont{display: flex; align-items: center; flex-wrap: wrap; gap: 10px 24px;}
.visualSwiper .arw_wrap{display: flex;align-items: center;flex-wrap: wrap;gap: 15px;margin-right: 10px;}
.visualSwiper [class*="swiper-button"]{position: relative;inset: auto;width: 14px;height: auto;aspect-ratio: auto 1;margin: 0;}
.visualSwiper [class*="swiper-button"].swiper-button-prev{scale: -1 -1;}
.visualSwiper [class*="swiper-button"]:before{position: absolute;content:'';width: 85%;height: 85%;border: 2px solid var(--point-white);clip-path: var(--poly-path01);top:50%;left:50%;translate: -50% -50%;rotate: -45deg;box-sizing: border-box;border-radius: 2px;}
.visualSwiper .swiper-pagination-num{font-size: var(--title-20); font-family: var(--font-type02); min-width: 37px; display: flex; align-items: center; justify-content: space-between; gap: 2px;}
.visualSwiper .swiper-pagination-num :where(span, strong){font-size: 90%; font-weight: 300; color: var(--point-white);}
.visualSwiper .swiper-pagination-num strong{font-weight: 600;}
.visualSwiper .play_btn{position: relative; width: 12px; aspect-ratio: auto 0.857;}
.visualSwiper .play_btn{&:before, &:after{position: absolute;content:'';top:0;left:0;width: 3px;height: 100%;background: var(--point-white);}}
.visualSwiper .play_btn:after{left:auto; right:0;}
.visualSwiper .play_btn.on:before{width: 100%; clip-path: polygon(0 0, 0% 100%, 100% 50%);}
.visualSwiper .play_btn.on:after{opacity: 0;}
.visualSwiper .progress{position: relative; width: 100%; height: 2px; background: rgba(255,255,255,0.3);}
.visualSwiper .progress span{position: absolute; top:0; left:0; width: 0; height: 100%; background: var(--point-white);}
.visualSwiper:not(:has(.play_btn.on)) .progress.on span{animation-name: visPro; animation-duration:8s;  transition-timing-function:linear; animation-fill-mode: forwards;}
@keyframes visPro {0% {width:0;}100% {width:100%;}}


/* over */
@media (hover:hover) and (pointer:fine){
    .visualSwiper .controller .swiper-pagination button:hover{color: var(--point-white);}
}



@media (max-width:1023px){
    .visualSwiper .txt_wrap{min-height: clamp(600px, 98vw, 980px);padding-block: clamp(80px, 12vw, 120px) clamp(158px, 21.8vw, 218px);gap: clamp(10px, 2.1vw, 21px);text-wrap: balance;}
    .visualSwiper .txt_wrap h2{font-size: clamp(36px, 7.5vw, 70px);}

    .visualSwiper .cont{gap: clamp(20px, 2.4vw, 24px);}
    .visualSwiper .controller{bottom:clamp(30px, 10vw, 100px); gap: clamp(20px, 3vw, 30px);}
    .visualSwiper .arw_wrap{gap: clamp(10px, 1.5vw, 15px); margin-right: clamp(5px, 1vw, 10px);}
}
@media (max-width:640px){
    .visualSwiper .controller .swiper-pagination button{font-size: 100%;}
}
@media (max-width:479px){
    .visualSwiper .controller .swiper-pagination button{font-size: 95%;}
}

/* 카테고리 */
.main_cate{padding-top: 80px;}
.main_cate .info_list{display: grid; grid-template: auto / repeat(8, 1fr); gap: clamp(15px, 1.1vw, 20px);}
.main_cate .info_list > li{position: relative;text-align: center;border: 1px solid var(--border-color01);padding: 30px 20px 20px;box-sizing: border-box; transition: all 0.4s;}
.main_cate .info_list .link{position: absolute; inset: 0; z-index: 3;}
.main_cate .info_list .desc{font-size: var(--title-20);display: grid;gap: 14px;height: 100%;box-sizing: border-box;}
.main_cate .info_list .desc dt{display: flex;align-items: center;justify-content: center;height: 55px;width: 70%;margin-inline: auto;}
.main_cate .info_list .desc dd{font-size: 90%;font-weight: 400;color: var(--black-color00);line-height: 1.44;display: flex;justify-content: center;}

/* over */
@media (hover:hover) and (pointer:fine){
    .main_cate .info_list > li:hover{border-color: var(--black-color00); box-shadow: var(--shadow-02);}
}

@media (max-width:1300px){
    .main_cate .info_list{ grid-template: auto / repeat(4, 1fr);}
}
@media (max-width:1023px){
    .main_cate{padding-top: clamp(40px, 8vw, 80px);}
    .main_cate .info_list > li{padding-top: clamp(20px, 3vw, 30px);}
    .main_cate .info_list .desc{gap: clamp(10px, 1.4vw, 14px);}
    .main_cate .info_list .desc dt{height: clamp(45px, 5.5vw, 55px);}
}
@media (max-width:640px){
    .main_cate .info_list{ grid-template: auto / repeat(2, 1fr);}
}

/* 공통 */
.main_title{position: relative;font-size: var(--title-20);box-sizing: border-box;display: flex;align-items: flex-start;flex-direction: column;gap: 17px;}
.main_title.mg_b{margin-bottom: 57px;}
.main_title.mg_bS{margin-bottom: 27px;}
.main_title.pd_t{padding-top: 160px;}
.main_title.cen{align-items: center; text-align: center; text-wrap: balance;}
.main_title h3{font-size: 250%;font-weight: 700;color: var(--black-color00);line-height: 1.2;letter-spacing: -0.025em;}
.main_title h4{font-size: 200%;font-weight: 700;color: var(--black-color00);line-height: 1.25;letter-spacing: -0.025em;}
.main_title h5{font-size: 180%;font-weight: 600;color: var(--black-color00);line-height: 1.3;letter-spacing: -0.025em;}
.main_title p{font-size: inherit; font-weight: 400; color: var(--black-color03); line-height: 1.5;}

.more_plus{position: relative;display: block;width: 25px;aspect-ratio: auto 1;transition: all 0.4s;}
.more_plus{&:before, &:after{position: absolute; content:''; width: 2px; height: 100%; background: var(--black-color03); top:50%; left:50%; translate: -50% -50%;}}
.more_plus:after{width: 100%; height: 2px;}

.more_view{position: relative;display: flex;align-items: center;justify-content: center;text-align: center; width: fit-content; min-width: 170px;padding: 16px 20px;box-sizing: border-box;box-shadow: inset 0 0 0 1px var(--point-white);font-size: var(--title-20);font-weight: 500;color: var(--black-color00);line-height: 1.55;transition: all 0.4s;overflow: hidden;}
.more_view:before{position: absolute; content: ''; right:0; bottom:0; width: 12px; height: 12px; background: var(--point-white); clip-path: var(--poly-path02); clip-path: polygon(100% 0, 0% 100%, 100% 100%); transition: inherit;}
.more_view:after{display: inline-flex;content:'';width: 9px;aspect-ratio: auto 1;border: 1px solid var(--black-color00);clip-path: var(--poly-path01);rotate: -45deg;box-sizing: border-box;margin-left: -9px;opacity: 0;transition: inherit;border-radius: 1px;}
.more_view span{position: relative;font-size: max(15px, 90%);filter: var(--filter-white);transition: inherit;}

.more_view.bk{box-shadow: inset 0 0 0 1px var(--black-color00);}
.more_view.bk:before{background: var(--black-color00);}
.more_view.bk:after{filter: var(--filter-white);}
.more_view.bk span{filter: none;}

.more_view.dwn{gap: 13px; min-width: 200px;}
.more_view.dwn:after{width: 14px;height: auto;background: url('../images/dwn_icon.svg') no-repeat center / 100%;border: 0;clip-path: none;margin-left: 0;filter: var(--filter-black);opacity: 1;rotate: none;}
.more_view.lg{min-width: 190px;}
.more_view.xlg{min-width: 200px;}
.more_view.w_340{width: 100%; max-width: 340px;}
.more_view.w_200{min-width: 200px;}
.more_view.w_230{min-width: 230px;}
.more_view.w_100{width: 100%; max-width: 100%;}

.more_view.bgBk{background: var(--black-color00);}
.more_view.bgBk{&:before, &:after{display: none;}}

.more_view.bdGr{background: var(--point-white); box-shadow: inset 0 0 0 1px var(--border-color01);}
.more_view.bdGr span{filter: none;}
.more_view.bdGr{&:before, &:after{display: none;}}

.more_view.bgGr{background: var(--black-color08); box-shadow: inset 0 0 0 1px var(--black-color08);}
.more_view.bgGr{&:before, &:after{display: none;}}

.more_view.auto{min-width: auto; padding-inline: 28px;}

.more_view.bdBl{background: var(--point-white); box-shadow: inset 0 0 0 1px var(--point-color01); color: var(--point-color01);}
.more_view.bdBl{&:before, &:after{display: none;}}
.more_view.bdBl span{filter: none;}
.more_view.bdBl.dwn:after{display: block; background-image: url('../images/dwn_icon02.svg'); filter: none;}

.more_view.sm{padding-block: 10px 9px;}
.more_view.sm span{font-size: max(14px, 80%);}
.more_view.sm.dwn{gap: 8px;}
.more_view.sm.dwn:after{translate:0 -2px;}

.more_view.md{padding-block: 12px; min-width: 180px;}
.more_view.md span{font-size: max(14px, 85%);}

.more_view.toggle{gap:10px}
.more_view.toggle:after{display: block;opacity: 1;margin-left: 0;rotate: 45deg;translate: 0 -4px;border-width: 2px;border-color: var(--point-color01);width: 10px;}
.more_view.toggle.on:after{scale: -1 -1;translate: 0 2px;}

.more_view.link{gap: 5px;}
.more_view.link:after{display: block;opacity: 1;margin-left: 0;rotate: -45deg;translate: 0 -1px;border-width: 2px;border-color: var(--point-color01);width: 10px;}

.tog_cont{position: relative;width: 100%;background:var(--point-color03);padding: 25px 30px;box-sizing: border-box; display: none;}
.column_list{position: relative;column-count: 2;column-gap: 50px;column-rule: 1px solid var(--border-color01);column-fill: balance;counter-reset: columnList;font-size: var(--title-20);}
.column_list > li{display: flex;gap: 4px;font-size: max(14px, 85%);font-weight: 400;color: var(--black-color05);line-height: 1.57;padding-block: 6px;}
.column_list > li:before{content: counter(columnList) '.'; counter-increment: columnList; flex-shrink: 0;}

/* over */
@media (hover:hover) and (pointer:fine){
    .more_plus:hover{rotate: 90deg;}
    .more_view:hover:before{width: 200%;height: 200%;}
    .more_view:hover:after{opacity: 1;}
    .more_view:hover span{filter: none; translate: -15px;}

    .more_view.bk:hover span{filter: var(--filter-white);}

    .more_view.dwn:hover span{translate: 0;}
    .more_view.dwn:hover:after{filter: var(--filter-white);}

    .more_view.bgBk:hover{background: var(--point-color01); }
    .more_view.bgBk:hover span{filter: var(--filter-white); translate: 0;}

    .more_view.bdGr:hover{background: var(--point-color01); box-shadow: inset 0 0 0 1px var(--point-color01);}
    .more_view.bdGr:hover span{filter: var(--filter-white); translate: 0;}

    .more_view.bgGr:hover{background: var(--point-color01); box-shadow: inset 0 0 0 1px var(--point-color01);}
    .more_view.bgGr:hover span{filter: var(--filter-white); translate: 0;}

    .more_view.bdBl:hover{background: var(--point-color01); box-shadow: inset 0 0 0 1px var(--point-color01);}
    .more_view.bdBl:hover span{filter: var(--filter-white); translate: 0;}

    .more_view.toggle:hover:after{filter: var(--filter-white);}

    .more_view.link:hover:after{filter: var(--filter-white);}
}

@media (max-width:1023px){
    .main_title{gap: clamp(12px, 1.7vw, 17px);}
    .main_title.mg_b{margin-bottom: clamp(30px, 5.7vw, 57px);}
    .main_title.pd_t{padding-top: clamp(70px, 16vw, 160px);}
    .main_title h3{font-size: 230%;}

    .more_plus{width: clamp(20px, 2.5vw, 25px);}

    .more_view{min-width: clamp(120px, 17vw, 170px); padding-block: clamp(12px, 2.1vw, 16px);}
    .more_view.dwn{min-width: clamp(150px, 20vw, 200px);}
    .more_view.md{padding-block: clamp(10px, 1.7vw, 12px); min-width: clamp(130px, 18vw, 180px);}
    .more_view.lg{min-width: clamp(150px, 19vw, 190px);}
    .more_view.auto{padding-inline: clamp(18px, 3vw, 28px);}
    .more_view.xlg{min-width: clamp(160px, 20vw, 200px);}
    .more_view.w_230{min-width: clamp(220px, 23vw, 230px);}

    .tog_cont{padding: clamp(20px, 2.5vw, 25px) clamp(25px, 3vw, 30px);}
}
@media (max-width:640px){
    .main_title h3{font-size: 210%;}

    .column_list{column-count: 1;}
}
@media (max-width:479px){
    .main_title h3{font-size: 200%;}
    .main_title p{font-size: 90%;}
}

/* 알림마당 */
.main_news{padding-block: 138px 160px;}
.main_news .main_title{padding-right: 150px;}
.main_news .controller{position: absolute;right:0;bottom: 2px;display: flex;flex-wrap: wrap;align-items: center;gap: 30px;}
.main_news .arw_wrap{display: flex;align-items: center;gap: 13px;}
.main_news [class*="swiper-button"]{position: relative;inset: auto;width: 18px;height: auto;aspect-ratio: auto 1;margin: 0;}
.main_news [class*="swiper-button"].swiper-button-prev{scale: -1 -1;}
.main_news [class*="swiper-button"]:before{position: absolute;content:'';width: 85%;height: 85%;border: 2px solid var(--black-color05);clip-path: var(--poly-path01);top:50%;left:50%;translate: -50% -50%;rotate: -45deg;box-sizing: border-box;border-radius: 2px;}
.main_news .notiSwiper{width: 100%; clip-path: inset(-30px); box-sizing: border-box;}
.main_news .notiSwiper .swiper-slide{position: relative;height: auto;padding: clamp(30px, 2.1vw, 40px);padding-bottom: clamp(95px, 6vw, 115px);box-sizing: border-box;background: var(--gray-bg01);border:1px solid var(--gray-bg01);font-size: var(--title-20);display: flex;flex-direction: column;align-items: flex-start;gap: 25px;transition: all 0.4s;}
.main_news .notiSwiper .link{position: absolute; inset: 0; z-index: 3; }
.main_news .notiSwiper .code{font-size: 85%;font-weight: 500;color: var(--point-color01);line-height: 1.2;white-space:normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.main_news .notiSwiper .code.grn{color: var(--point-color02);}
.main_news .notiSwiper .desc{display: flex;flex-direction: column;gap: 19px;}
.main_news .notiSwiper .desc dt{font-size: 120%; font-weight: 500; color: var(--black-color00); line-height: 1.42; letter-spacing: -0.03em; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main_news .notiSwiper .desc dd{font-size: 85%;font-weight: 400;color: var(--black-color05);line-height: 1.53;letter-spacing: -0.02em;white-space:normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.main_news .notiSwiper .data{font-size: 80%;font-weight: 300;font-family: var(--font-type02);color: var(--black-color09);line-height: 1.25;position: absolute;left: clamp(30px, 2.1vw, 40px);bottom: clamp(30px, 2.1vw, 40px);width: calc(100% - clamp(30px, 2.1vw, 40px) * 2);letter-spacing: -0.02em;}
.main_news .notiSwiper .more_plus{position: absolute; right:clamp(30px, 2.1vw, 40px); bottom:clamp(30px, 2.1vw, 40px); translate: 0 100%; rotate: 180deg; opacity: 0;}

/* over */
@media (hover:hover) and (pointer:fine){
    .main_news .notiSwiper .swiper-slide:hover{background: var(--point-white); border-color: var(--black-color00); box-shadow: var(--shadow-03);}
    .main_news .notiSwiper .swiper-slide:hover .more_plus{translate: 0; rotate: 0deg; opacity: 1;}
}

@media (max-width:1023px){
    .main_news{padding-block: clamp(80px, 13.8vw, 138px) clamp(80px, 16vw, 160px);}
    .main_news .controller{gap: clamp(25px, 3vw, 30px);}
    .main_news [class*="swiper-button"]{width: clamp(16px, 2.3vw, 18px);}
    .main_news .arw_wrap{gap: clamp(8px, 1.3vw, 13px);}
    .main_news .notiSwiper .swiper-slide{gap: clamp(15px, 2.5vw, 25px);padding-bottom: clamp(75px, 9.5vw, 95px);}
    .main_news .notiSwiper .desc{gap: clamp(12px, 1.9vw, 19px);}
}
@media (max-width:640px){
    .main_news .main_title{padding-right: 0;}
    .main_news .controller{position: relative;inset: auto;margin-top: 10px;}
}
@media (max-width:479px){
    .main_news .notiSwiper .swiper-slide{padding:25px 25px 75px;}
    .main_news .notiSwiper .desc dt{font-size: 110%;}
    .main_news .notiSwiper .data{left: 25px; width: calc(100% - 50px);}
}

/* 피라미드 */
.main_pyramid{position: relative;background: url('../images/main_pyramid01.jpg') no-repeat center / cover;overflow: hidden; transition: all 0.4s;}
.main_pyramid .main_title{position: absolute;top: 160px;left: 50%;translate: -50%;z-index: 2;}
.main_pyramid .main_title :where(h3, p){filter: var(--filter-white);}
.main_pyramid .exp_wrap{width: 100%;}
.main_pyramid .exp_cont{display: grid;grid-template: auto / repeat(3, 1fr);}
.main_pyramid .exp_cont section{height: 100%;min-height: 960px;}
.main_pyramid .exp_cont .item{height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: flex-end;text-align: center;padding: 220px 30px;box-sizing: border-box;gap: 21px;translate: 0 50px;transition: all 0.4s;}
.main_pyramid .exp_cont .icon{display: flex;align-items: center;justify-content: center;width: 80%;height: 70px;}
.main_pyramid .exp_cont .desc{font-size: var(--title-20);color: var(--point-white);display: grid;gap: 20px;}
.main_pyramid .exp_cont .desc dt{font-size: 200%;font-weight: 500;letter-spacing: -0.02em;}
.main_pyramid .exp_cont .desc dd{font-size: 100%;font-weight: 300;color: rgba(255,255,255,0.8);line-height: 1.5;letter-spacing: -0.02em;}
.main_pyramid .exp_cont .more_view{margin-top: 17px; opacity: 0;}
.main_pyramid .exp_cont .bg{position: absolute; top:0; left:0; width: calc(100% / 3); height: 100%; background: rgba(0,0,0,0.2); transition: all 0.4s;}


.main_pyramid:has(section:nth-child(2).on){background-image: url('../images/main_pyramid02.jpg');}
.main_pyramid:has(section:nth-child(3).on){background-image: url('../images/main_pyramid03.jpg');}
.main_pyramid .exp_cont section.on .item{translate: 0;}
.main_pyramid .exp_cont section.on .more_view{opacity: 1;}

@media (max-width:1023px){
    .main_pyramid{background: none !important;}
    .main_pyramid .main_title{position: relative; inset: auto; translate: 0;}
    .main_pyramid .main_title :where(h3, p){filter:none}
    .main_pyramid .exp_cont .bg{display: none;}
    .main_pyramid .exp_cont{grid-template: auto / repeat(1, 1fr);}
    .main_pyramid .exp_cont section{min-height: auto; height: auto; background: url('../images/main_pyramid01.jpg') no-repeat center / cover;}
    .main_pyramid .exp_cont section:nth-child(2){background-image: url('../images/main_pyramid02.jpg');}
    .main_pyramid .exp_cont section:nth-child(3){background-image: url('../images/main_pyramid03.jpg');}
    .main_pyramid .exp_cont .item{padding-block: clamp(70px, 12vw, 120px);translate:0;gap: clamp(15px, 2.1vw, 21px);}
    .main_pyramid .exp_cont .icon{height: clamp(50px, 7vw, 70px);}
    .main_pyramid .exp_cont .desc{gap: clamp(15px, 2vw, 20px);}
    .main_pyramid .exp_cont .more_view{opacity: 1; margin-top: clamp(10px, 1.7vw, 17px);}
}

/* 홍보자료 */
.main_promo{position: relative;background: var(--gray-bg01);padding-bottom: 160px;overflow: hidden;}
.main_promo{&:before, &:after{position: absolute;content: '';width: 490px;aspect-ratio: auto 1.02;background: url('../images/main_promo_vec01.svg') no-repeat center / 100% auto;top: -5%;left: -5.5%;opacity: 0; rotate: 180deg;}}
.main_promo:before{translate: -20%;}
.main_promo:after{inset: auto;width: 437px;right: 3%;bottom: -4%;translate: -20%;}
.main_promo.aos-animate{&:before, &:after{translate:0;rotate: 0deg;opacity: 1;transition: all 1.2s;}}
.main_promo .rel_wrap{position: relative;z-index: 1;}
.main_promo .materSwiper{position: relative; width: 100%; box-sizing: border-box; clip-path: inset(-30px);}
.main_promo .materSwiper .swiper-slide{position: relative;height: auto;box-sizing: border-box;display: flex;flex-direction: column; transition: all 0.4s;}
.main_promo .materSwiper .swiper-slide:before{position: absolute; content:''; inset: 0; border: 1px solid var(--black-color00); opacity: 0; transition: inherit; pointer-events: none;}
.main_promo .materSwiper .link{position: absolute; inset: 0; z-index: 3;}
.main_promo .materSwiper .thumb{width: 100%;aspect-ratio: auto 1.16;overflow: hidden;border:1px solid var(--border-color01);flex-shrink: 0;display: flex;align-items: center;justify-content: center;background: var(--point-white); box-sizing: border-box;}
.main_promo .materSwiper .thumb img{max-width: calc(100% - 30px); max-height: calc(100% - 30px); transition: all 0.4s;}
.main_promo .materSwiper .cont{border: 1px solid var(--border-color01);border-top: 0;background: var(--point-white);padding:30px;font-size: var(--title-20);height: 100%;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-between;gap: 26px;}
.main_promo .materSwiper .desc{display: grid;gap: 12px;}
.main_promo .materSwiper .desc dt{font-size: 80%;font-weight: 500;color: var(--black-color05);line-height: 1.25;}
.main_promo .materSwiper .desc dd{font-size: inherit; font-weight: 500; color: var(--black-color00); line-height: 1.5;}
.main_promo .materSwiper .data{font-size: 80%; font-weight: 400; color: var(--black-color07); line-height: 1.25; font-family: var(--font-type02);}
.main_promo .swiper-pagination{position: relative;inset: auto;width: 100%;height: 2px;background: var(--border-color02);margin-top: 50px;}
.main_promo .swiper-pagination > .swiper-pagination-progressbar-fill{background: var(--black-color00);}
.main_promo [class*="swiper-button"]{position: absolute;inset: auto;top:50%;left: calc(100% + 30px);width: 30px;height: auto;aspect-ratio: auto 1;margin: -43px 0 0; transition: all 0.4s;}
.main_promo [class*="disabled"]{opacity: 0;}
.main_promo [class*="swiper-button"].swiper-button-prev{left: auto;right: calc(100% + 30px);scale: -1 -1;}
.main_promo [class*="swiper-button"]:before{position: absolute;content:'';width: 90%;height: 90%;border: 2px solid var(--black-color08);clip-path: var(--poly-path01);translate: -50% -50%;rotate: -45deg;top: 50%;left: 50%; transition: inherit;}

/* over */
@media (hover:hover) and (pointer:fine){
    .main_promo .materSwiper .swiper-slide:hover{box-shadow: var(--shadow-03);}
    .main_promo .materSwiper .swiper-slide:hover:before{opacity: 1;}
    .main_promo .materSwiper .swiper-slide:hover .thumb img{scale: 1.1;}
    .main_promo [class*="swiper-button"]:hover:before{border-color: var(--black-color00);}
}
@media (max-width:1400px){
    .main_promo:before{width: clamp(120px, 35vw, 490px);}
    .main_promo:after{width: clamp(100px, 31.3vw, 437px);}
}
@media (max-width:1023px){
    .main_promo{padding-bottom: clamp(70px, 16vw, 160px);}
    .main_promo .materSwiper .desc{gap: clamp(8px, 1.2vw, 12px);}
    .main_promo .materSwiper .cont{gap: clamp(20px, 2.6vw, 26px);}
    .main_promo .swiper-pagination{margin-top: clamp(25px, 4vw, 40px);}
}
@media (max-width:479px){
    .main_promo .materSwiper .cont{padding: 25px;}
}

/* 보도자료 & 연차보고서 */
.main_board .w_custom{display: flex;gap:0 clamp(40px, 4.2vw, 80px);}
.main_board .main_title{flex-direction: row;align-items: center;justify-content: space-between;}
.main_board .main_title .more_plus{flex-shrink: 0;}
.main_board section{width: 100%;display: flex;flex-direction: column;}
.main_board section:nth-child(1){width: 54.6%; flex-shrink: 0;}
.main_board .default_list{border-top: 1px solid var(--black-color00);}
.main_board .default_list > li{position: relative;padding-block: 26px;box-shadow: inset 0 -1px 0 var(--border-color01);box-sizing: border-box;}
.main_board .default_list > li:before{position: absolute; content:''; left:0; bottom:0; width: 0; height: 1px; background: var(--black-color00); transition: all 0.4s;}
.main_board .default_list .link{position: absolute; inset: 0; z-index: 3;}
.main_board .default_list .desc{font-size: var(--title-20);display: flex;align-items: center;justify-content: space-between;gap: 30px;}
.main_board .default_list .desc dt{font-size: 90%;font-weight: 400;color: var(--black-color03);line-height: 1.55;display: flex;align-items: baseline;gap: 10px;}
.main_board .default_list .desc dt:before{display: inline-flex;content:'';width: 3px;height: 3px;background: var(--black-color03);flex-shrink: 0;translate: 0 -4px;}
.main_board .default_list .desc dt span{white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main_board .default_list .desc dd{font-size: 80%;font-weight: 400;color: var(--black-color08);line-height: 1.75;font-family: var(--font-type02);text-align: right;flex-shrink: 0;}

.main_board .gell_list{padding:50px;box-shadow: inset 0 0 0 10px var(--border-color03);box-sizing: border-box;height: 100%;box-sizing: border-box;}
.main_board .gell_list > li{display: flex;align-items: center;gap: clamp(30px, 3.2vw, 60px);height: 100%;}
.main_board .gell_list .thumb{display: block;box-shadow: var(--shadow-04);aspect-ratio: auto 0.73;width: 44%;font-size: 0;overflow: hidden;flex-shrink: 0;}
.main_board .gell_list .thumb img{width: 100%; height: 100%; object-fit: cover;}
.main_board .gell_list .desc{font-size: var(--title-20);display:grid;gap: clamp(25px, 2.1vw, 40px);justify-items: start;}
.main_board .gell_list .desc dt{font-size: 140%; font-weight: 500; color: var(--black-color01); line-height: 1.5; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main_board .gell_list .desc dd{width: 100%;}
.main_board .gell_list .more_view{width: 100%;max-width: 170px;min-width: auto;}

/* over */
@media (hover:hover) and (pointer:fine){
    .main_board .default_list > li:hover:before{width: 100%;}
}

@media (max-width:1023px){
    .main_board .w_custom{flex-wrap: wrap;}
    .main_board section:nth-child(1){width: 100%; flex-shrink: unset;}
    .main_board .default_list > li{padding-block: clamp(18px, 3.1vw, 26px);}
    .main_board .gell_list{box-shadow:inset 0 0 0 clamp(5px, 1.5vw, 10px) var(--border-color03); padding: clamp(30px, 5vw, 50px);}
    .main_board .gell_list .desc dd{width:auto;}
    .main_board .gell_list .more_view{min-width:clamp(120px, 17vw, 170px);width: auto;max-width: none;}
}

/* 회원사 */
.main_partner .gap_box{display: flex; flex-direction: column; gap: 160px;}
.main_partner .wave_wrap{display: flex; flex-direction: column; gap: 30px;}
.main_partner .logoSwiper .swiper-wrapper{transition-timing-function: linear;}
.main_partner .logoSwiper .swiper-slide{width: 160px; height: auto; aspect-ratio: auto 2.28; margin-right: 10px; overflow: hidden; box-sizing: border-box;}
.main_partner .logoSwiper .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.main_partner .bnr_list{display: grid; grid-template:auto / repeat(2, 1fr); gap: clamp(15px, 2.1vw, 40px);}
.main_partner .bnr_list > li{position: relative;}
.main_partner .bnr_list .main_title{z-index: 2;padding: 50px;padding-top: 48px;gap: 12px;}
.main_partner .bnr_list .main_title :where(h5, p){filter: var(--filter-white);}
.main_partner .bnr_list .main_title p{letter-spacing: 0.01em;}
.main_partner .bnr_list .more_view{margin-top: 23px;}
.main_partner .bnr_list .thumb{position: absolute; inset: 0; overflow: hidden;}
.main_partner .bnr_list .thumb img{width: 100%; height: 100%; object-fit: cover;}


@media (max-width:1023px){
    .main_partner .gap_box{gap: clamp(70px, 16vw, 160px);}
    .main_partner .logoSwiper .swiper-slide{width: clamp(120px, 17vw, 160px);}
    .main_partner .bnr_list{grid-template:auto / repeat(1, 1fr);}
    .main_partner .bnr_list .main_title{padding: clamp(35px, 5.5vw, 50px) clamp(30px, 5.5vw, 50px);}
    .main_partner .bnr_list .more_view{margin-top: clamp(15px, 2.3vw, 23px);}
}

/*───────────────────────────────────────────────────────────

    Footer

───────────────────────────────────────────────────────────*/
#footer{position: relative; background: var(--black-color00); color: var(--point-white); font-weight: 300; box-sizing: border-box;}
#footer .top_sec{position: relative;padding-block: 80px 76px;display: grid;gap: 60px;}
#footer .info{display: flex;align-items: center;gap: 25px 60px;flex-wrap: wrap;}
#footer .logo{font-size: 0; max-width: 245px;}
#footer .sns_list{display: flex; flex-wrap: wrap; gap: 30px;}
#footer .sns_list a{display: flex; align-items: center; justify-content: center; width: 28px; aspect-ratio: auto 1;}
#footer .cont{display: flex;align-items: flex-end;justify-content: space-between;gap: 50px;}
#footer .cont .item{display: grid;gap: 27px;}
#footer address{font-style: normal;display: flex;flex-wrap: wrap;gap: 10px 42px;}
#footer address .desc{display: flex; gap: 20px; font-size: var(--title-20);}
#footer address .desc :where(dt, dd){font-size: 90%;font-weight: 200;letter-spacing: -0.015em;}
#footer address .desc dt{font-weight: 400;flex-shrink: 0;font-family: var(--font-type02);letter-spacing: 0.02em;}
#footer .copy{display: flex; flex-wrap: wrap; font-size: var(--title-20); gap: 5px 20px;}
#footer .copy :where(dt, dd){font-size: 90%;font-weight: 300;color: rgba(255,255,255,0.5);letter-spacing: -0.035em;}
#footer .copy dd{letter-spacing:0;}
#footer .certi_list{display: flex;align-items: center;flex-wrap: wrap;gap: 15px 30px;flex-shrink: 0;}
#footer .certi_list > li{display: flex; align-items: center; justify-content: center; height: 60px;}
#footer .btm_sec{position: relative; background: var(--black-color01); padding-block: 30px;}
#footer .btm_sec .w_custom{display: flex; align-items: center; justify-content: space-between; gap: 30px; flex-wrap: wrap;}
#footer .link_list{display: flex;flex-wrap: wrap;font-size: var(--title-20);color: var(--point-white);gap: 10px 0;}
#footer .link_list > li{display: flex;align-items: center;font-size: 90%;font-weight: 300;letter-spacing: -0.03em;}
#footer .link_list > li:not(:last-child):after{display: inline-flex; content:''; width: 1px; height: 12px; background: rgba(255,255,255,0.3); margin-inline: 30px;}
#footer .link_list em{font-weight: 500;}
#footer .family_site{position: relative; font-size: var(--title-20); box-sizing: border-box;}
#footer .family_site dt{position: relative;display: flex;align-items: center;font-size: 85%;font-weight: 300;padding-block: 13px 12px;padding-inline: 20px 50px;min-width: 230px;box-sizing: border-box;border: 1px solid rgba(255,255,255,0.2);letter-spacing: -0.035em; cursor: pointer;}
#footer .family_site dt:before{position: absolute;content:'';width: 12px;aspect-ratio: auto 1;box-sizing: border-box;border: 2px solid var(--point-white);clip-path: var(--poly-path01);top: 57%;right: 20px;translate: 0 -50%;rotate: 45deg;scale: -1 -1; transition: all 0.4s;}
#footer .family_site dt.on:before{top: 43%; scale: 1;}
#footer .family_site dd{position: absolute;left:0;bottom: calc(100% - 1px);width: 100%;padding-block: 12px;font-size: 80%;font-weight: 300;color: rgba(255,255,255,0.8);background: var(--black-color01);border: 1px solid rgba(255,255,255,0.2);box-sizing: border-box;opacity: 0;pointer-events: none;max-height: 250px;overflow: hidden;overflow-y: auto;transition: all 0.4s;}
#footer .family_site:has(dt.on) dd{opacity: 1; pointer-events: all;}
#footer .family_site dd a{display: block; padding:7px 20px;}

.quick_wrap{position: fixed;right:20px;bottom: 20px;width: 80px;z-index: 50;display: flex;flex-direction: column;align-items: center;gap: clamp(40px, 11vh, 100px);text-align: center; opacity: 0; pointer-events: none; transition: all 0.4s;}
body:has(#header.on:not(.end)) .quick_wrap{opacity: 1;}
body:has(#header.on:not(.end)) .quick_wrap :where(.cont, .scr_top){pointer-events: all;}
.quick_wrap .cont{width: 100%;}
.quick_wrap .scr_top{position: relative;display: block;width: 100%;max-width: 68px;aspect-ratio: auto 1;background:var(--point-color01);clip-path: var(--poly-path03);}
.quick_wrap .scr_top:before{position: absolute;content:'';width: 20%;max-width: 13px;aspect-ratio: auto 1;border: 2px solid var(--point-white);box-sizing: border-box;top: 55%;left: 50%;translate: -50% -50%;rotate: -135deg;border-radius: 2px;clip-path: var(--poly-path01);}
.quick_wrap .title{font-size: var(--title-20);background: var(--black-color00);color: var(--point-white);padding: 6px 2px 5px;}
.quick_wrap .title h6{font-size: 75%; font-weight: 400; letter-spacing: -0.03em;}
.quick_wrap .cont_list{border-inline: 1px solid var(--border-color01);box-sizing: border-box;transition: all 0.4s;}
.quick_wrap .cont_list > li{position: relative;padding: 12px 2px 10px;background: var(--point-white);border-bottom: 1px solid var(--border-color01); transition: all 0.4s;}
.quick_wrap .cont_list .link{position: absolute; inset: 0; z-index: 3;}
.quick_wrap .cont_list .desc{font-size: var(--title-20);display: grid;gap: 7px;}
.quick_wrap .cont_list .desc dt{font-size: 0;}
.quick_wrap .cont_list .desc dd{font-size: 70%;font-weight: 400;color: var(--black-color00);line-height: 1.28;letter-spacing: -0.05em;}

/* over */
@media (hover:hover) and (pointer:fine){
    .quick_wrap .cont_list > li:hover{background: var(--gray-bg01);}
}

@media (max-width:1023px){
    #footer .top_sec{padding-block: clamp(50px, 8vw, 80px) clamp(50px, 7.6vw, 76px);gap: clamp(35px, 6vw, 60px);}
    #footer .cont{flex-wrap: wrap; gap: clamp(30px, 5vw, 50px);}
    #footer .cont .item{gap: clamp(23px, 2.7vw, 27px);}
    #footer .info{column-gap: clamp(40px, 6vw, 60px);}
    #footer .logo{max-width: clamp(180px, 25vw, 245px);}
    #footer .sns_list{gap:clamp(25px, 3vw, 30px);}
    #footer .sns_list a{width: clamp(22px, 3.3vw, 28px);}
    #footer address{column-gap: clamp(25px, 4.2vw, 42px);}
    #footer .certi_list{column-gap: clamp(25px, 3vw, 30px);}
    #footer .certi_list > li{height: clamp(40px, 6.5vw, 60px);}
    #footer .link_list > li:not(:last-child):after{margin-inline: clamp(20px, 3vw, 30px); height: clamp(10px, 1.7vw, 12px);}
    #footer .family_site dt{min-width: clamp(200px, 23.5vw, 230px);padding-block: clamp(11px, 1.8vw, 13px);padding-left: clamp(15px, 2.5vw, 20px);}
    #footer .family_site dd a{padding-inline: clamp(15px, 2.5vw, 20px);}
    #footer .family_site dt:before{right: clamp(15px, 2.5vw, 20px); width: clamp(10px, 1.7vw, 12px);}

    .quick_wrap{width: clamp(50px, 8vw, 80px);gap: clamp(10px, 1.5vw, 15px);}
    .quick_wrap .title{width: 100%;aspect-ratio: auto 1;padding: 0;display: flex;align-items: center;justify-content: center; clip-path: var(--poly-path03);}
    .quick_wrap .cont_list{position: absolute;left: 0;width: 100%;bottom: calc(100% + 15px);border-top: 1px solid var(--border-color01);opacity: 0;pointer-events: none;}
    .quick_wrap:has(.title.on) .cont_list{opacity: 1; pointer-events: all;}
    .quick_wrap .cont_list > li{padding: 10px 11px;}
    .quick_wrap .cont_list .desc dd{display: none;}
}
@media (max-width:860px){
    .quick_wrap{right:15px;}
}


/*───────────────────────────────────────────────────────────

    서브 공통

───────────────────────────────────────────────────────────*/
/* 비주얼 */
.sub_visual{position: relative;z-index: 9;}
.sub_visual .thumb{position: absolute; inset: 0; background: url('../images/sv_thumb.jpg') no-repeat center / cover;}
.sub_visual.company .thumb{background-image: url('../images/sv_company.jpg');}
.sub_visual.member .thumb{background-image: url('../images/sv_member.jpg');}
.sub_visual.consumer .thumb{background-image: url('../images/sv_consumer.jpg');}

.sub_visual .txt_wrap{padding-block: 100px; min-height: 480px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 20px; font-size: var(--title-20);}
.sub_visual .txt_wrap h2{font-size: 250%;font-weight: 600;color: var(--point-white);letter-spacing: 0;line-height: 1.2;}
.sub_visual nav{position: absolute;left:0;bottom: 0;width: 100%;height: 70px;background: rgba(0,0,0,0.5);}
.sub_visual nav .w_custom{width: 100%; height: 100%;}
.sub_visual .nav_desc{display: flex;height: 100%;box-sizing: border-box;font-size: var(--title-20);font-weight: 400;color: var(--point-white);}
.sub_visual .nav_desc :where(dt, dd){position: relative; display: flex; height: 100%; align-items: center; box-sizing: border-box;}
.sub_visual .nav_desc dt a{width: 70px;height: 100%;display: flex;align-items: center;justify-content: center;padding: 12px;box-sizing: border-box;border-inline: 1px solid rgba(255,255,255,0.2);}
.sub_visual .nav_desc dd{width: 100%;max-width: 310px;padding-inline:20px;font-size: 90%;letter-spacing: 0;border-right: 1px solid rgba(255,255,255,0.2); cursor: pointer; word-break: break-all;}
.sub_visual .nav_desc dd span{position: relative;width: 100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;padding-right: 35px;box-sizing: border-box;}
.sub_visual .nav_desc dd span:before{position: absolute;content:'';width: 11px;aspect-ratio: auto 1;border: 2px solid var(--point-white);top:50%;right:0;top: 43%;right: 2px;translate: 0 -50%;rotate: 45deg;box-sizing: border-box;clip-path: var(--poly-path01);transition: all 0.4s;}
.sub_visual .nav_desc dd.on span:before{top:57%; scale: -1 -1;}
.sub_visual .nav_desc dd:not(:has(ul)){cursor: auto;}
.sub_visual .nav_desc dd:not(:has(ul)) span:before{display: none;}
.sub_visual .nav_desc ul{position: absolute;top:100%;left:0;width: 100%;padding-block: 15px;box-sizing: border-box;background: rgba(0,0,0,0.5);border: 1px solid rgba(255,255,255,0.2);font-size: 95%; opacity: 0; pointer-events: none; transition: all 0.4s; max-height: 400px; overflow: hidden; overflow-y: auto;}
.sub_visual .nav_desc dd.on ul{opacity: 1; pointer-events: all;}
.sub_visual .nav_desc ul a{display: block;padding: 8px 20px; color: rgba(255,255,255,0.6);}
.sub_visual .nav_desc ul .on a{color: var(--point-white);}

@media (max-width:1023px){
    .sub_visual .txt_wrap{min-height: clamp(300px, 48vw, 480px);}
    .sub_visual .txt_wrap h2{font-size: 240%;}
    .sub_visual nav{height: clamp(55px, 7.5vw, 70px);}
    .sub_visual .nav_desc dt a{width: clamp(55px, 7.5vw, 70px);}
}
@media (max-width:640px){
    .sub_visual .txt_wrap h2{font-size: 230%;}
    .sub_visual .nav_desc:has(.dep03) dd:has(.gnb){display: none;}
}
@media (max-width:479px){
    .sub_visual .txt_wrap h2{font-size: 220%;}
}
@media (max-width:431px){
    .sub_visual .nav_desc:has(.dep03) dd:has(.dep02){display: none;}
    .sub_visual .nav_desc dd:has(.gnb){display: none;}
}

/* 확대 & 축소 */
.view_scale{font-size: var(--title-20);display: flex;align-items: center;justify-content: flex-end;flex-wrap: wrap;gap: 12px;}
.view_scale dt{font-size: 80%;font-weight: 400;color: var(--black-color05);letter-spacing: 0;}
.view_scale dd{display: flex;}
.view_scale dd a{position: relative;display: flex;width: 35px;aspect-ratio: auto 1;background: var(--point-white);box-sizing: border-box;box-shadow: 0 0 0 1px var(--border-color01);}
.view_scale dd a{&:before, &:after{position: absolute; content:''; width: 14px; height: 2px; top:50%; left:50%; translate: -50% -50%; background: var(--black-color08);}}
.view_scale dd a:after{width: 2px; height: 14px;}
.view_scale dd a:last-child:after{display: none;}

@media (max-width:1023px){
    .view_scale dd a{width: clamp(30px, 4vw, 35px);}
}

/* 타이틀 */
/* (s) 250725 추가 또는 수정 */
.sub_title{position: relative;font-size: var(--title-20);box-sizing: border-box;display: flex;flex-direction: column;align-items: center;text-align: center;gap: 10px;  text-wrap: balance;}
.sub_title.hd{margin-block: 80px 60px;}
.sub_title:has(.font_scale) {padding-inline: 160px;}
.sub_title.left{align-items: flex-start; text-align: left; text-wrap: auto;}
.sub_title .view_scale{position: absolute;top:50%;right:0;translate: 0 calc(-50% - 0.5px);}
.sub_title h3{font-size: 230%;font-weight: 600;color: var(--black-color00);line-height: 1.2;letter-spacing: 0;}
.sub_title h3 + h5{margin-top: 10px;}
.sub_title h4.ci{display: flex;align-items: baseline;gap: 16px;font-size: 160%;font-weight: 600;color: var(--black-color00);line-height: 1.2;letter-spacing: -0.03em;}
.sub_title h4.ci:before{display: inline-flex;content: '';width: 26px;aspect-ratio: auto 1;background: url('../images/ci.svg') no-repeat center / 100% auto;flex-shrink:0;translate: 0 2px;}
.sub_title h4.ci small{font-size: 68.7%;font-weight: 400;letter-spacing: -0.02em;translate: 0 -2px;}
.sub_title h4.ci.be_dn:before{display: none;}
.sub_title h4{font-size: 150%;font-weight: 600;color: var(--black-color01);line-height: 1.53;letter-spacing: -0.03em;}
.sub_title h4 + h6{margin-top: 20px;}
.sub_title h4 em{font-weight: inherit; color: var(--point-color01);}
.sub_title h4 strong{font-weight: inherit; color: var(--point-color02);}
.sub_title h5{font-size: 110%;font-weight: 500;color: var(--black-color00);line-height: 1.36;letter-spacing: -0.03em;}
.sub_title h5.icon{display: flex;align-items: baseline;gap: 10px;letter-spacing: 0;margin-bottom: 5px; text-align:left;}
.sub_title h5.icon:before{display: inline-flex;content: '';width: 12px;aspect-ratio: auto 1;background: var(--point-color01);clip-path: var(--poly-path03);flex-shrink:0;translate: 0 -2px;}
.sub_title h5.gr{color:var(--black-color05);}
.sub_title h5 + p{margin-top: 10px;}
.sub_title h6{font-size: inherit;font-weight: 500;color: var(--black-color00);line-height: 1.4;letter-spacing: -0.03em;}
.sub_title h6 + p{margin-top: 21px;}
.sub_title h6 em{font-weight:inherit; color: var(--point-color01);}
.sub_title p{font-size: max(14px, 85%);font-weight: 400;color: var(--black-color03);line-height: 1.65;}
.sub_title p:not(:has(big)) + p{margin-top: 6px;}
.sub_title p + h6{margin-top:20px;}
.sub_title p em{font-weight: inherit; color: var(--point-color01);}
.sub_title p strong{font-weight: inherit; color: var(--point-color02);}
.sub_title p big{font-size: max(15px, 105%);font-weight: 500;line-height: 1.66;color: var(--black-color00);}
.sub_title p span{color: var(--black-color06);}
.sub_title .bd_box{border: 1px solid var(--border-color01);padding: 29px;width: 100%;box-sizing: border-box; margin: 0;}
.sub_title .bd_box + p{margin-top: 7px;}
.sub_title .bd_box h6{font-weight: 400;line-height: 1.6;letter-spacing: 0;}
.sub_title .bd_box h6 + p{margin-top: 9px;}
.sub_title .bd_box h6 em{font-weight: 500; letter-spacing: -0.03em;}
.sub_title .bd_box p{color: var(--black-color05);}
/* (e) //250725 추가 또는 수정 */

.bd_box{width: 100%; padding: 40px; border: 1px solid var(--black-color00); margin-bottom: 60px; box-sizing: border-box;}
.bd_box .column_list{column-count:1; column-rule:none;}
.bd_box .pop_link{font-weight: 500;color: var(--black-color00);text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 2px;padding-inline: 5px;}

.sub_title.target{padding: 65px 30px 50px;border: 1px solid var(--black-color00);}
.sub_title.target .sbj{position: absolute;top: 0;left: 50%;translate: -50% -50%;font-size: 130%;font-weight: 500;color: var(--point-white);background: var(--black-color00);padding: 12px 67px;clip-path: var(--poly-path05);width: max-content;}

.bgExp_list{position: relative;background: var(--gray-bg01);padding:20px 30px;box-sizing: border-box;display: flex;flex-wrap: wrap;align-items: center;gap: 15px 0;width: 100%}
.bgExp_list > li{display: flex; align-items: center;}
.bgExp_list > li:after{display: inline-flex; content:''; width: 1px; height: 20px; background: var(--border-color01); margin-inline: 30px;}
.bgExp_list > li:last-child:after{display: none;}
.bgExp_list .desc{display: flex; align-items: center; gap: 12px; font-size: var(--title-20);}
.bgExp_list .desc:has(dt.bg){gap: 20px;}
.bgExp_list .desc dt{display: flex;align-items: center;justify-content: center;box-sizing: border-box;flex-shrink: 0;height: 18px;}
.bgExp_list .desc dt.bg{width: 50px;height: 50px;padding: 10px;border-radius: 100%;background: var(--point-white);}
.bgExp_list .desc dd{font-size: 90%; font-weight: 500; color: var(--black-color00);}
.bgExp_list .desc em{color: var(--point-color01); font-weight: 700; letter-spacing: 0;}
.bgExp_list .desc small{font-size: 88.8%; font-weight: 400;}

.flex_bwn{display: flex;align-items: baseline;justify-content: space-between;flex-wrap: wrap;gap: 15px 30px;box-sizing: border-box;}
.flex_bwn.cen{align-items: center;}
.flex_bwn .table_noti{margin-bottom: 0;}
.flex_bwn .btn_wrap{margin-top: 0;gap: 10px;justify-content: flex-start;}

.bullet_list{display: grid; gap: 10px; font-size: var(--title-20);}
.bullet_list > li{position: relative;display: flex;align-items: baseline;gap: 10px;font-size: max(14px, 85%);font-weight: 400;color: var(--black-color05);line-height: 1.77;letter-spacing: 0;}
.bullet_list > li:before{display: inline-flex;content:'';width: 4px;aspect-ratio: auto 1;background: var(--black-color10);flex-shrink: 0;translate: 0 -4px;}
.bullet_list .min_desc{display: flex;}
.bullet_list .min_desc :where(dt, dd){color: var(--black-color05);line-height: 1.76;box-sizing: border-box;letter-spacing: -0.02em;}
.bullet_list .min_desc dt{min-width: 68px;max-width: 150px;font-weight: 500;flex-shrink: 0;color: var(--black-color02);padding-right: 15px;}
.bullet_list .min_desc dd{width: 100%;}

.char_list{display: grid;gap: 8px;font-size: var(--title-20);}
.char_list > li{font-size: max(13px, 75%);font-weight: 400;color: var(--black-color07);line-height: 1.6;display: flex;gap: 4px;align-items: baseline;letter-spacing: -0.03em;text-wrap: auto;}
.char_list > li:before{display: inline-flex;content:'※';flex-shrink: 0;}

.rhombus_list{display: grid;gap: 30px;font-size: var(--title-20);}
.rhombus_list > li{font-size: inherit;font-weight: 400;color: var(--black-color03);line-height: 1.5;display: flex;gap: 12px;align-items: baseline;letter-spacing: -0.03em;}
.rhombus_list > li:before{display: inline-flex;content:'';width: 12px;aspect-ratio: auto 1;clip-path: var(--poly-path03);background: var(--point-color01);flex-shrink: 0;translate: 0 -1px;}
.rhombus_list > li > span{display: grid; gap: 16px;}
.rhombus_list > li > span small{font-size: max(13px, 75%);font-weight: 400;color: var(--black-color07);line-height: 1.6;letter-spacing: -0.03em;}
.rhombus_list .desc{display: flex;align-items: baseline;gap: 7px 0;}
.rhombus_list .desc dt{font-size: 110%;font-weight: 500;color:var(--black-color00);width: 205px;padding-right: 15px;flex-shrink: 0;box-sizing: border-box;letter-spacing: 0;}
.rhombus_list .desc dd{font-size: 85%; font-weight: 400; color: var(--black-color05); width: 100%; box-sizing: border-box;}
.rhombus_list .desc dd small{font-size: 88.2%;font-weight: 400;color: var(--black-color07);line-height: 1.6;}
.rhombus_list .desc dd small em{font-weight: inherit; color: var(--point-color01);}

@media (max-width:1023px){
    .sub_title.hd{margin-block: clamp(60px, 8vw, 80px) clamp(35px, 6vw, 60px)}
    .sub_title h3{font-size: 220%;}
    .sub_title h4 + h6{margin-top: clamp(10px, 2vw, 20px);}
    .sub_title h4.ci{gap: clamp(12px, 2.1vw, 16px);}
    .sub_title h4.ci:before{width: clamp(20px, 3.1vw, 26px);translate: 0 clamp(0px, 0.2vw, 2px);}
    .sub_title h5.icon{margin-bottom: clamp(2px, 0.5vw, 5px);}
    .sub_title h5.icon:before{width: clamp(10px, 1.7vw, 12px);translate: 0 clamp(-2px, -0.2vw, 0px);}
    .sub_title h6 + p{margin-top: clamp(11px, 2.1vw, 21px);}
    .sub_title p + h6{margin-top:clamp(10px, 2vw, 20px);}
    .sub_title .bd_box{padding:clamp(20px, 3vw, 29px);}
    .sub_title.target{padding-block: clamp(45px, 6.5vw, 65px) clamp(25px, 5vw, 50px);padding-inline: clamp(20px, 3vw, 30px);}
    .sub_title.target .sbj{padding-inline: clamp(40px, 6.7vw, 67px);}

    .bd_box{padding: clamp(25px, 4vw, 40px); margin-bottom: clamp(30px, 6vw, 60px);}

    .bgExp_list{padding-inline: clamp(25px, 3vw, 30px);}
    .bgExp_list > li:after{height: clamp(12px, 2vw, 20px); margin-inline: clamp(20px, 3vw, 30px);}
    .bgExp_list .desc:has(dt.bg){gap:clamp(12px, 2vw, 20px);}
    .bgExp_list .desc dt{height:clamp(14px, 2.3vw, 18px)}
    .bgExp_list .desc dt.bg{width: clamp(40px, 5vw, 50px); height: clamp(40px, 5vw, 50px);}

    .bullet_list{gap: clamp(7px, 1.5vw, 10px);}
    .bullet_list > li:before{translate: 0 clamp(-4px, -0.8vw, 0px);}
    .bullet_list .min_desc dt{min-width: clamp(55px, 6.8vw, 68px);}

    .char_list{gap: clamp(6px, 1.3vw, 8px);}

    .rhombus_list{gap: clamp(15px, 3vw, 30px);}
    .rhombus_list > li:before{width: clamp(10px, 1.7vw, 12px);}
    .rhombus_list > li > span{gap: clamp(10px, 1.6vw, 16px);}
    .rhombus_list .desc dt{width: clamp(150px, 20.5vw, 205px);}

}
@media (max-width:860px){
    .sub_title:has(.view_scale){padding-inline: 0;}
    .sub_title .view_scale{position: relative;inset: auto;translate: 0;width: 100%; margin-top: 10px;}
}
@media (max-width:640px){
    .sub_title h3{font-size: 210%;}

    .bgExp_list > li{width: 100%;}
    .bgExp_list > li:after{display: none;}
    .rhombus_list .desc{flex-wrap: wrap;}
    .rhombus_list .desc dt{width: 100%; flex-shrink: unset;}
}
@media (max-width:479px){
    .sub_title h3{font-size: 200%;}
    .sub_title h4{font-size:140%;}
    .sub_title.target .sbj{font-size:120%;}

    .flex_bwn{flex-direction: column;}
    .flex_bwn.cen{align-items:flex-start;}
}

/* 간격 */
.gap_wrap{display: flex; flex-direction: column; gap: 30px;}
.gap_wrap.g20{gap: 20px;}
.gap_wrap.g40{gap: 40px;}
.gap_wrap.g80{gap: 80px;}
.gap_wrap.g100{gap: 100px;}
.gap_wrap .btn_wrap{margin-top: 10px;}
.gap_wrap .notice_title{margin-top: 30px;}

@media (max-width:1023px){
    .gap_wrap{gap: clamp(20px, 3vw, 30px);}
    .gap_wrap.g20{gap: clamp(15px, 2vw, 20px);}
    .gap_wrap.g40{gap: clamp(20px, 4vw, 40px);}
    .gap_wrap.g80{gap: clamp(40px, 8vw, 80px);}
    .gap_wrap.g100{gap: clamp(50px, 10vw, 100px);}
    .gap_wrap .notice_title{margin-top: clamp(20px, 3vw, 30px);}
}

/* 하단 뷰어 */
.viewer_list{display: flex;align-items: center;justify-content: flex-end;flex-wrap: wrap;gap: 15px 0;border: 1px solid var(--border-color01);margin-top: 100px;font-size: var(--title-20);padding: 23px 40px;}
.viewer_list > li{position: relative;font-size: 80%;font-weight: 400;color: var(--black-color06);display: flex;align-items: center;}
.viewer_list > li:not(:last-child):after{display: inline-flex; content:''; width: 1px; height: 12px; background: var(--border-color01); margin-inline: 20px;}
.viewer_list > li > a{display: flex;align-items: center;flex-wrap: wrap;gap: 8px;}
.viewer_list > li > a:after{display: inline-flex; content:''; width: 14px; aspect-ratio: auto 1; background: url('../images/dwn_icon.svg') no-repeat center / 100% auto;}

@media (max-width:1023px){
    .viewer_list{margin-top: clamp(50px, 10vw, 100px);padding: clamp(20px, 2.8px, 23px) clamp(25px, 4vw, 40px);}
    .viewer_list > li:not(:last-child):after{height: clamp(10px, 1.7vw, 12px); margin-inline: clamp(15px, 2.5vw, 20px);}
}
@media (max-width:479px){
    .viewer_list{flex-direction: column;}
    .viewer_list > li:not(:last-child):after{display: none;}
}

/*───────────────────────────────────────────────────────────

    Company

───────────────────────────────────────────────────────────*/

/* 인사말 */
.greetings{display: flex;align-items: flex-start;gap: clamp(50px, 4.2vw, 80px);}
.greetings .thumb{position: sticky;top: 140px;width: 39.2%;height: min(77vh, 698px);flex-shrink: 0;box-sizing: border-box;overflow: hidden;font-size: 0;}
.greetings .thumb img{width: 100%; height: 100%; object-fit: cover;}
.greetings .cont{width: 100%;box-sizing: border-box;display: grid;gap: 100px;}

@media (max-width:1023px){
    .greetings{flex-wrap: wrap;gap: clamp(25px, 5vw, 50px);}
    .greetings .thumb{position: relative; inset: auto; width: auto; max-width: 640px; height: auto; flex-shrink: unset; }
    .greetings .cont{gap:clamp(50px, 10vw, 100px);}
}

/* 설립근거 및 역할 */
.bnr_box{font-size: 0;}
.bnr_box img{min-height: 150px;object-fit: cover;}
.establish .sub_title p{line-height: 1.77;color: var(--black-color05);letter-spacing: 0;}
.establish .sub_title p + p{margin-top: 0;}

/* 조합비전 및 경영목표 */
.vision_info{display: flex;flex-wrap: wrap;gap: 20px;}
.vision_info:after{display: block;content:'';width: 310px;aspect-ratio: auto 2.214;clip-path: var(--poly-path04);margin: -10px auto 40px;background: var(--point-grad01);opacity: 0.2;}
.vision_info .exp_desc{display: flex;font-size: var(--title-20);text-align: center;text-wrap: balance;line-height: 1.41;width: 100%;box-sizing: border-box;}
.vision_info .exp_desc dt{font-size: 130%;font-weight: 500;color: var(--point-white);background: var(--point-color02);padding: 30px;width: 200px;box-sizing: border-box;flex-shrink: 0;display: flex;align-items: center;justify-content: center;}
.vision_info .exp_desc dd{width: 100%;padding: 29px;box-sizing: border-box;border: 1px solid var(--border-color01);border-left: 0;display: grid;gap: clamp(15px, 1.1vw, 20px);}
.vision_info .exp_desc .cont_list{display: grid;grid-template: auto / repeat(4, 1fr);gap: clamp(15px, 1.1vw, 20px);width: 100%;box-sizing: border-box;}
.vision_info .exp_desc .cont_list > li{position: relative ; display: flex;align-items: center;justify-content: center;min-height: 60px;font-weight: 500;color: var(--point-color02);padding: 5px;border: 1px solid var(--point-color02);box-sizing: border-box;}
.vision_info .exp_desc.connec dt{background: var(--point-color01);}
.vision_info .exp_desc.connec dd{grid-template:auto / repeat(4, 1fr);}
.vision_info .exp_desc.connec .cont_list{grid-template: auto / repeat(1, 1fr);gap: 10px;padding: clamp(15px, 1.1vw, 20px);border: 1px solid var(--border-color02);}
.vision_info .exp_desc.connec .cont_list > li{font-size: 85%;font-weight: 400;color: var(--black-color00);border-color: var(--gray-bg01);background: var(--gray-bg01);}

.vision_info .exp_desc:first-child .cont_list > li:before{position: absolute;content:'';width: 1px;height: 80px;background: var(--point-color02);top: calc(100% + 1px);left:50%;}
.vision_info .exp_desc:first-child .cont_list > li:after{position: absolute;content:'';width: 5px;aspect-ratio: auto 1;background: var(--point-color02);top: calc(100% + 80px);left:50%;margin-left: -2px;margin-top: -2px;}

@media (max-width:1023px){
    .vision_info:after{width: clamp(180px, 31vw, 310px);}
    .vision_info .exp_desc:first-child .cont_list > li:before{height: clamp(70px, 8vw, 80px);}
    .vision_info .exp_desc:first-child .cont_list > li:after{top: calc(100% + clamp(70px, 8vw, 80px));}
    .vision_info .exp_desc dt{padding:clamp(20px, 2.9vw, 29px);width: clamp(140px, 20vw, 200px);}
    .vision_info .exp_desc dd{padding:clamp(20px, 2.9vw, 29px);height: 100%;}
    .vision_info .exp_desc .cont_list > li{font-size: 90%;}
}
@media (max-width:767px){
    .vision_info{gap: 15px;}
    .vision_info .exp_desc{width: calc(100% / 2 - 7.5px);flex-wrap: wrap;}
    .vision_info .exp_desc dt{width: 100%;height: 70px;padding-block: 0;}
    .vision_info .exp_desc dd{border: 1px solid var(--border-color01);border-top: 0;height: calc(100% - 70px);}
    .vision_info .exp_desc .cont_list{grid-template: auto / repeat(1, 1fr);}
    .vision_info .exp_desc.connec dd{grid-template: auto / repeat(1, 1fr);}
    .vision_info .exp_desc:first-child .cont_list > li:before{width: 60px;height: 1px;top:50%;left: 100%;}
    .vision_info .exp_desc:first-child .cont_list > li:after{top:50%;left: calc(100% + 61px);}
}
@media (max-width:479px){
    .vision_info .exp_desc:first-child{width: 35%;}
    .vision_info .exp_desc.connec{width: calc(65% - 15px);}
    .vision_info .exp_desc dt{height: 60px; font-size: 120%;}
    .vision_info .exp_desc dd{height: calc(100% - 60px); padding:15px;}
    .vision_info .exp_desc .cont_list > li{min-height: 80px;}
}

/* 연혁 */
.sticky_tab{position: sticky;top:0;z-index: 5;display: flex;font-size: var(--title-20);box-shadow: inset 0 -1px 0 var(--border-color01);background: var(--point-white);margin-bottom: 80px;box-sizing: border-box;}
.sticky_tab > li{position: relative;font-size: inherit;font-weight: 400;color: var(--black-color06);width: 100%;text-align: center;display: flex;align-items: center;justify-content: center;padding: 16px 10px;box-sizing: border-box;transition: all 0.4s;cursor: pointer;}
.sticky_tab > li:before{position: absolute; content:''; width: 0; height: 1px; background: var(--black-color00); left:50%; bottom:0; translate: -50%; transition: inherit;}
.sticky_tab > li.on{font-weight: 500;color: var(--black-color00);}
.sticky_tab > li.on:before{width: 100%;}
.sticky_cont > .item{transition: all 0.4s;}
.sticky_cont > .item:not(.on){height: 0; overflow: hidden; opacity: 0;}

.his_wrap{position: relative; margin-top: -3px;}
.his_wrap .line{position: absolute;top: 25px;left: 50%;width: 1px;height: calc(100% - 25px);background: var(--border-color01);z-index: -1;}
.his_wrap .line span{position: absolute; top:0; left:0; width: 100%; background: var(--point-color01);}
.history_cont section{position: relative;width: 50%;margin-left: auto;padding-left: clamp(40px, 2.9vw, 54px);box-sizing: border-box;display: grid;gap: 38px;}
.history_cont section:before{position: absolute;content:'';width: 8px;aspect-ratio: auto 1;border-radius: 100%;background: var(--black-color08);top: 20px;left: 0;translate: -50%;}
.history_cont section:not(:last-child){padding-bottom: 71px;}
.history_cont .his_title{position: relative; font-size: var(--title-20); box-sizing: border-box;}
.history_cont .his_title h3{font-size: 200%;font-weight: 500;color: var(--point-color01);line-height: 1.2;font-family: var(--font-type02);letter-spacing: 0;}
.history_cont .items{display: grid;gap: 25px;}
.history_cont .info_desc{font-size: var(--title-20);display: flex;box-sizing: border-box;gap: 15px;}
.history_cont .info_desc dt{font-size: inherit;font-weight: 500;color: var(--black-color03);font-family: var(--font-type02);width: 45px;box-sizing: border-box;flex-shrink: 0;letter-spacing: 0.05em;line-height: 1.55;}
.history_cont .info_desc dd{width: 100%; box-sizing: border-box;}
.history_cont .exp_list{font-size: var(--title-20);display: grid;gap: 16px;}
.history_cont .exp_list > li{font-size: 90%;font-weight: 400;color: var(--black-color03);line-height: 1.55;display: grid;gap: 5px;letter-spacing: -0.03em;text-wrap: auto;}
.history_cont .exp_list small{font-size:94.4%;color: var(--black-color06);}

.history_cont section.on:before{background: var(--point-color01); box-shadow: 0 0 0 5px rgba(0, 64, 152, 0.1);}
.history_cont section:nth-child(2n){margin-inline: 0 auto;text-align: right;padding-inline: 0 clamp(40px, 2.9vw, 54px);}
.history_cont section:nth-child(2n):before{left:100%;}
.history_cont section:nth-child(2n) .info_desc{flex-direction: row-reverse;}


/* over */
@media (hover:hover) and (pointer:fine){
    .sticky_tab > li:hover{color: var(--black-color00);}
}

@media (max-width:1023px){
    .sticky_tab{width: calc(100% + 60px);margin-left: -30px;margin-bottom: clamp(40px, 8vw, 80px);}
    .sticky_tab > li{padding-block: clamp(14px, 2.1vw, 16px);}

    .his_wrap .line{top: clamp(20px, 2.5vw, 25px);height: calc(100% - clamp(20px, 2.5vw, 25px));}
    .history_cont section{gap: clamp(25px, 3.8vw, 38px);}
    .history_cont section:not(:last-child){padding-bottom: clamp(50px, 7.1vw, 71px);}
    .history_cont section:before{top: clamp(15px, 2vw, 20px);}
    .history_cont .items{gap: clamp(20px, 2.5vw, 20px);}
}
@media (max-width:860px){
    .sticky_tab{width: calc(100% + 30px);margin-left: -15px;}

    .his_wrap .line{left: 9px;}
    .history_cont section:nth-child(1n){width: 100%;margin-inline: 0;text-align: left;padding-inline: 40px 0;}
    .history_cont section:nth-child(1n):before{left: 10px;}
    .history_cont section:nth-child(1n) .info_desc{flex-direction: row;}
    .history_cont .info_desc dt{width: 40px;}
}
@media (max-width:640px){
    .sticky_tab{overflow: hidden;overflow-x: auto;scroll-behavior: smooth;}
    .sticky_tab {-ms-overflow-style: none; /* IE, Edge */ scrollbar-width: none; /* Firefox */}
    .sticky_tab::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera */}
    .sticky_tab > li{flex-shrink: 0;width: max(160px, 32vw);}
    .history_cont .info_desc dt{width: 35px;}
}
@media (max-width:479px){
    .history_cont .his_title h3{font-size: 190%;}
    .history_cont .info_desc dt{width: 30px;}
}

/* 조합운영실적 */
.num_count .sub_title h6 + p{margin-top: 0;}
.num_count .reset{counter-reset: beNum;}
.num_count .sub_title .beNum{font-size: 130%;color: var(--black-color00); display: flex; align-items: baseline; gap: 16px;}
.num_count .sub_title .beNum:before{content: counter(beNum, decimal-leading-zero);counter-increment: beNum;display: inline-flex;align-items: center;justify-content: center;text-align: center;min-width: 36px;height: 36px;padding-inline: 5px;box-sizing: border-box;flex-shrink: 0;background: var(--black-color00);font-size: 69.2%;font-weight: 500;color: var(--point-white);letter-spacing: 0;translate: 0 -2px;}
.num_count .sub_title .beNum + p{margin-top: 19px;}
.num_count .sub_title p{line-height: 1.76;color: var(--black-color05);letter-spacing: -0.03em;}

.scr_wrap{width: 100%;box-sizing: border-box;}
.tableSwiper .swiper-slide{width: 100%; height: auto;}
.tableSwiper .swiper-scrollbar{display: none;position: relative;inset: auto;width: 100%;height: 3px;margin-top: 30px;background: var(--border-color01);border-radius: var(--radius-10);overflow: hidden;}
.tableSwiper .swiper-scrollbar div{background: var(--black-color00);width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: inherit;overflow: hidden;}
.info_table + .info_table{margin-top: 20px;}
.info_table{position: relative;width: 100%;box-sizing: border-box;}
.info_table table{position: relative;width: 100%;box-sizing: border-box;font-size: var(--title-20);text-align: center;overflow: hidden;}
.info_table :where(th, td){padding: 15px 5px 14px;line-height: 1.29;}
.info_table thead th{font-size: 85%;font-weight: 400;color: var(--point-white);background: var(--black-color00);box-shadow: inset -1px -1px 0 var(--border-color01);box-sizing: border-box;letter-spacing: 0.01em;vertical-align: middle;}
.info_table tbody :where(th, td){font-size: 80%;font-weight: 400;color: var(--black-color05);box-shadow: -1px 0 0 var(--border-color01);border-bottom: 1px solid var(--border-color01);box-sizing: border-box;vertical-align: middle;}
.info_table tbody th{font-weight: 500;color: var(--black-color03);letter-spacing: -0.04em;}
.info_table tbody td{letter-spacing:0.01em;}
.info_table tbody tr.point :where(th, td){font-weight: 500; color: var(--point-color01); background: var(--gray-bg01);}
.info_table tbody td.point{font-weight: 500; color: var(--point-color01); background: var(--gray-bg01);}
.info_table th.row_cus{padding: 8px;}
.info_table th.row_cus .cell{position: relative;display: flex;flex-direction: column;gap: 10px;}
.info_table th.row_cus .cell:before{position: absolute;content:'';top:-8px;left:-8px;width: calc(100% + 16px);height: calc(100% + 16px);background: var(--border-color01);clip-path: var(--poly-path06);}
.info_table th.row_cus :where(.right, .left){display: block;}
.info_table th.row_cus .right{text-align: right;}
.info_table th.row_cus .left{text-align: left;}
.thumb_bd{box-shadow:inset 0 0 0 1px var(--border-color01); text-align: center; padding: 36px; box-sizing: border-box;}
.thumb_bd.pd60{padding: 60px;}
.table_noti{font-size: var(--title-20);text-align: right;margin-bottom: 16px;}
.table_noti.left{text-align: left; margin-block: 7px 0;}
.table_noti p{font-size: max(13px, 80%); font-weight: 400; color: var(--black-color07); }
.table_noti p em{font-weight: 700; color: var(--point-color01);}
.table_noti p strong{font-weight: inherit; color: var(--black-color03);}
.table_noti.swiperNoti{display: none;}
.info_table .law_pop{transition: all 0.4s;}

.table_grid{display: grid;grid-template:auto / repeat(2, 1fr);gap: clamp(15px, 1.6vw, 30px);margin-top: 30px;}
.table_grid > li{display:flex; flex-direction: column; gap: 10px;}
.table_exp{display: flex;font-size: var(--title-20);text-align: center;}
.table_exp :where(dt, dd){display:flex;align-items: center;justify-content: center;box-sizing: border-box;padding: 13px 15px;}
.table_exp dt{font-size: max(14px, 85%);font-weight: 500;color: var(--point-white);background: var(--point-color01);width: 240px;flex-shrink: 0;}
.table_exp dd{font-size: max(13px, 80%);font-weight: 500;font-family: var(--font-type02);color: var(--point-color01);width: 100%;background: var(--gray-bg01);}


.info_table.td_wh table{border-top: 1px solid var(--black-color00);}
.info_table.td_wh thead th{font-size: inherit; background: none; color: var(--black-color00); box-shadow: 1px 1px 0 var(--border-color01);}
.info_table.td_wh tbody :where(th, td){box-shadow: 1px 1px 0 var(--border-color01); font-size: 85%;}

@media (hover:hover) and (pointer:fine){
    .info_table .law_pop:hover{color: var(--point-color01);text-decoration: underline;text-underline-offset: 4px;text-decoration-color: var(--point-color01);}
}

@media (max-width:1400px){
    .table_noti.swiperNoti.w_1400{display: block;}
    .tableSwiper.w_1400 .swiper-slide{width: 1400px;}
    .tableSwiper.w_1400 .swiper-scrollbar{display: block;}
}
@media (max-width:1023px){
    .num_count .sub_title .beNum{gap:15px;}
    .num_count .sub_title .beNum:before{min-width: clamp(32px, 4.1vw, 36px); height: clamp(32px, 4.1vw, 36px);}
    .num_count .sub_title .beNum + p{margin-top: clamp(9px, 1.9vw, 19px);}
    .tableSwiper .swiper-slide{width: 1023px;}
    .tableSwiper .swiper-scrollbar{display: block;margin-top: clamp(15px, 3vw, 30px);}
    .info_table + .info_table{margin-top: clamp(15px, 2vw, 20px);}
    .info_table :where(th, td){padding-block: clamp(12px, 1.9vw, 14px);}
    .thumb_bd{padding: clamp(15px, 3.6vw, 36px);}
    .thumb_bd.pd60{padding: clamp(15px, 6vw, 60px);}
    .table_noti{margin-bottom: clamp(10px, 1.6vw, 16px);}
    .table_noti.swiperNoti{display: block;}
    .table_grid{grid-template:auto / repeat(1, 1fr);margin-top: clamp(15px, 3vw, 30px);}
    .table_exp dt{width: clamp(150px, 24vw, 240px);}
}
@media (max-width:640px){
    .tableSwiper .swiper-scrollbar{height: 2px;}
}
@media (max-width:431px){
    .table_exp{flex-wrap: wrap;}
    .table_exp dt{width: 100%;}
}


/* ci */
.ci_info{display: flex; align-items: center; gap: clamp(40px, 3.2vw, 60px);}
.ci_info .thumb{position: relative;display: flex;align-items: center;justify-content: center;box-sizing: border-box;border: 1px solid var(--black-color10);width: 48.5%;flex-shrink: 0;padding: 74px 50px;}
.ci_info .thumb:before{position: absolute;content:'';width: calc(100% - 20px);height: calc(100% - 20px);background: url('../images/ci_bg.png') repeat -1px;top:10px;left: 10px;z-index: -1;border: 1px solid var(--border-color01);}
.ci_info .sub_title{width: 100%;}
.ci_info .sub_title h6{line-height: 1.6;letter-spacing: 0;}
.ci_info .sub_title h6 + p{margin-top: 10px;}
.ci_info .sub_title p{line-height: 1.76; color: var(--black-color05);}
.ci_info .sub_title :where(strong, em){font-weight: 600;}
.ci_list{display: flex; gap: clamp(15px, 1.4vw, 25px);}
.ci_list > li{width: 100%;display: flex;flex-direction: column;box-sizing: border-box;}
.ci_list .sub_title{background: var(--black-color00);padding: 16px 15px;flex-shrink: 0;}
.ci_list .sub_title h6{color: var(--point-white);}
.ci_list .thumb{position: relative;display: flex;align-items: center;justify-content: center;padding: 50px;height: 300px;border: 1px solid var(--border-color01);box-sizing: border-box;}
.ci_list .thumb:before{position: absolute;content:'';width: calc(100% - 20px);height: calc(100% - 20px);background: url('../images/ci_bg.png') repeat -1px;top:10px;left: 10px;z-index: -1;border: 1px solid var(--border-color01);}
.ci_list.sm .thumb{height: 260px;}

@media (max-width:1023px){
    .ci_info{gap: clamp(30px, 4vw, 40px);}
    .ci_info .thumb{padding-block: clamp(50px, 7.4vw, 74px);}
    .ci_info .sub_title h6 + p{margin-top: clamp(5px, 1vw, 10px);}
    .ci_list{flex-wrap: wrap;}
    .ci_list .sub_title{padding-block: clamp(12px, 2.1vw, 16px);}
    .ci_list .thumb{height: clamp(220px, 30vw, 300px);}
    .ci_list.sm .thumb{height: clamp(200px, 26vw, 260px);}
}
@media (max-width:860px){
    .ci_info{flex-wrap: wrap;}
    .ci_info .thumb{width: 100%; flex-shrink: unset;}
}

/* 조직도 */
.work_info{padding-top: 28px;}
.work_info .ceo_title{position: relative;width: 200px;height: 200px;background: var(--point-color03);margin-inline: auto;text-align: center;font-size: var(--title-20);box-sizing: border-box;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 30px;z-index: 3;}
.work_info .ceo_title:before{position: absolute;content: '';width: 90%;height: 90%;background: var(--point-color01);z-index: -2;top: 50%;left: 50%;translate: -50% -50%;rotate: 45deg;}
.work_info .ceo_title:after{position: absolute;content:'';width: 73%;height: 73%;border: 1px solid rgba(255,255,255,0.5);z-index: -1;top: 50%;left: 50%;translate: -50% -50%;rotate: 45deg;}
.work_info .ceo_title h3{font-size: 170%; font-weight: 500; color: var(--point-white);}
.work_info .group_list{position: relative;display: flex;justify-content: center;gap: 254px;font-size: var(--title-20);padding-block: 60px 80px;z-index: 1;text-align: center;}
.work_info .group_list:before{position: absolute;content:'';top:0;left:50%;background: var(--border-color01);width: 1px;height: 100%;margin-left: -1px;}
.work_info .group_list > li{position: relative;width: 100%;max-width: 220px; box-sizing: border-box;}
.work_info .group_list > li:before{position: absolute; content:''; width: 254px; height: 1px; top:50%; right:100%; background: var(--border-color01);}
.work_info .group_list > li:first-child:before{display: none;}
.work_info .group_list > li > span{position: relative;display: flex;align-items: center;justify-content: center;background: var(--point-color02);font-size: 120%;font-weight: 500;color: var(--point-white);padding: 18px 15px 17px;height: 100%;box-sizing: border-box;}
.work_info .group_list .dep02{display: flex;flex-direction: column;gap: 10px;padding-top: 20px;}
.work_info .group_list .dep02 > li{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 3px;background: var(--point-white);padding: 14px 5px;border: 1px solid var(--border-color01);font-size: 85%;font-weight: 400;color: var(--black-color03);font-family: var(--font-type02);box-sizing: border-box;}
.work_info .group_list .dep02 > li:before{position: absolute;content:'';width: 1px;height: 20px;background: var(--border-color01);left: 50%;bottom: calc(100% + 1px);margin-left: -1px;z-index: -1;}

.work_info .group_list.type02{padding-block: 0 88px;}
.work_info .group_list.type02 > li > span{background: var(--black-color02);}

.work_info .group_list.type03{gap: 60px clamp(15px, 2.1vw, 40px);padding-bottom: 0;}
.work_info .group_list.type03:before{display: none;}
.work_info .group_list.type03 > li:before{display: block;inset: auto;width: 1px;height: 60px;left: 50%;bottom: 100%;margin-left: -1px;}
.work_info .group_list.type03 > li:after{position: absolute;content:'';width: calc(100% + clamp(15px, 2.1vw, 40px) + 1px);height: 1px;background: var(--border-color01);left: 50%;bottom: calc(100% + 60px);margin-left: -1px;}
.work_info .group_list.type03 > li:last-child:after{display: none;}
.work_info .group_list.type03 > li{max-width: none;}
.work_info .group_list.type03 > li > span{font-size: inherit;color: var(--black-color00);border: 1px solid var(--black-color00);background: var(--point-white);padding: 15px 5px;height: auto;}

@media (max-width:640px){
    .work_info .ceo_title{width: clamp(170px, 31.25vw, 200px);height: clamp(170px, 31.25vw, 200px);}
    .work_info .group_list{gap: 28vw; padding-bottom: clamp(60px, 12.5vw, 80px);}
    .work_info .group_list > li{max-width: clamp(150px, 35vw, 220px);}
    .work_info .group_list > li:before{width: 28vw;}

    .work_info .group_list.type02{padding-bottom: clamp(60px, 13.75vw, 88px);}
    .work_info .group_list.type03{display: grid; grid-template: auto / repeat(2, 1fr); padding-top: clamp(40px, 9.375vw, 60px); row-gap: clamp(40px, 9.375vw, 60px);}
    .work_info .group_list.type03 > li:nth-child(n+2):after{display: none;}
    .work_info .group_list.type03 > li:before{height: calc(100% + clamp(40px, 9.375vw, 60px));bottom: auto;top: clamp(-60px, 9.375vw, -40px);}
    .work_info .group_list.type03 > li:after{bottom: calc(100% + clamp(40px, 9.375vw, 60px));}
}

/* 찾아오시는 길 */
.location_info .iframe_box{position: relative; width: 100%; height: 600px; box-sizing: border-box; overflow: hidden;}
.location_info .iframe_box iframe{width: 100%; height: 100%;}
.location_info .map_exp{padding:40px 80px;border: 1px solid var(--border-color01);border-top: 0;display: flex;align-items: center;gap: 25px clamp(40px, 6.25vw, 120px);}
.location_info .map_exp .logo{width: 100%; max-width: 275px; flex-shrink: 0;}
.location_info .map_exp .logo img{width: 100%;}
.location_info .map_exp .cont{width: 100%;display: flex;flex-direction: column;gap: 20px;}
.location_info .map_exp .desc{display: flex; align-items: baseline; font-size: var(--title-20);}
.location_info .map_exp .desc :where(dt, dd){font-size: 90%; font-weight: 400; color: var(--black-color05);}
.location_info .map_exp .desc dt{display: flex;align-items: baseline;gap: 20px;flex-shrink: 0;font-weight: 500;color: var(--black-color02);font-family: var(--font-type02);min-width: 115px;padding-right: 10px;box-sizing: border-box;}
.location_info .map_exp .desc .icon{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: var(--gray-bg01);border-radius: 100%;padding:10px;box-sizing: border-box;flex-shrink: 0;}

.location_exp .detail_desc{display: flex; font-size: var(--title-20); border: 1px solid var(--border-color01);}
.location_exp .detail_desc :where(dt, dd){padding: 24px 30px; box-sizing: border-box;}
.location_exp .detail_desc dt{font-size: inherit;font-weight: 500;color: var(--black-color01);background: var(--gray-bg01);width: 260px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;text-align: center;gap: 20px;}
.location_exp .detail_desc dd{font-size: 90%;font-weight: 400;color: var(--black-color01);font-family: var(--font-type03);width: 100%;box-sizing: border-box;display: flex;align-items: center;gap: 7px 10px;flex-wrap: wrap;}
.location_exp .detail_desc dd strong{font-weight: 500;display: contents;}
.location_exp .detail_desc .icon{display: inline-flex; align-items: center; height: 44px;}
.location_exp .detail_desc .color_box{background: var(--point-color02);font-size: 88.8%;font-weight: 400;color: var(--point-white);padding: 3px 10px;line-height: 1.35;}

@media (max-width:1023px){
    .location_info .iframe_box{height: clamp(300px, 60vw, 600px);}
    .location_info .map_exp{padding: clamp(35px, 4vw, 40px) clamp(30px, 8vw, 80px);}
    .location_info .map_exp .cont{gap: clamp(15px, 2vw, 20px);}
    .location_info .map_exp .logo{max-width: clamp(180px, 27.5vw, 275px);}
    .location_info .map_exp .desc dt{gap: clamp(15px, 2vw, 20px);}
    .location_info .map_exp .desc .icon{width: clamp(32px, 4vw, 40px); height: clamp(32px, 4vw, 40px);}

    .location_exp .detail_desc :where(dt, dd){padding: clamp(20px, 2.4vw, 24px) clamp(20px, 3vw, 30px);}
    .location_exp .detail_desc dt{width: clamp(170px, 26vw, 260px);gap: clamp(15px, 2vw, 20px);}
    .location_exp .detail_desc .icon{height: clamp(35px, 4.9vw, 44px);}
}
@media (max-width:860px){
    .location_info .map_exp{flex-wrap: wrap;}
    .location_info .map_exp .logo{flex-shrink: unset;}
}
@media (max-width:640px){
    .location_info .map_exp .desc dt{min-width: 100px;}
}
@media (max-width:479px){
    .location_info .map_exp .desc dt{min-width: 95px;}

    .location_exp .detail_desc{flex-wrap: wrap;}
    .location_exp .detail_desc dt{width: 100%; flex-shrink: unset;}
}

/*───────────────────────────────────────────────────────────

    Member

───────────────────────────────────────────────────────────*/
/* 인증 */
.authen_form{border: 1px solid var(--border-color01); padding: 73px; box-sizing: border-box;}
.authen_form .sub_title .icon{display: flex;align-items: center;justify-content: center;width: 94px;height: 94px;padding:12px;border-radius: 100%;box-sizing: border-box;background: var(--gray-bg01);margin-bottom: 20px;}
.authen_form .sub_title h4 + h6{margin-top: 10px;}
.authen_form .sub_title h6{line-height: 1.6;color: var(--black-color05);}
.authen_form .submit_desc{display: flex; align-items: center; justify-content: center; gap: 15px 30px; flex-wrap: wrap; font-size: var(--title-20);}
.authen_form .submit_desc dt{font-size: inherit; font-weight: 500; color: var(--black-color00);}
.authen_form .submit_desc dd{display: flex;gap: 10px;width: 100%;max-width: 580px;}
.authen_form .submit_desc dd [type="text"]{width: 100%;height: auto;}
.authen_form .submit_desc dd .more_view{min-width: 140px; flex-shrink: 0;}

@media (max-width:1023px){
    .authen_form{padding: clamp(30px, 7.3vw, 73px);}
    .authen_form .sub_title .icon{width: clamp(70px, 9.4vw, 94px); height: clamp(70px, 9.4vw, 94px);}
    .authen_form .sub_title h4 + h6{margin-top: clamp(5px, 1vw, 10px);}
    .authen_form .submit_desc dd .more_view{min-width: clamp(100px, 14.5vw, 140px);}
}


/* 다단계, 후원방문판매 */
.bkd_wrap{display: grid; gap: 16px;}
.bk_desc{display: flex; align-items: baseline; gap: 16px; font-size: var(--title-20);}
.bk_desc dt{font-size: 90%;font-weight: 500;color: var(--point-white);line-height: 1.3;padding: 8px 20px; min-width: 100px; max-width: 300px;display: flex;align-items: center;justify-content: center;text-align: center;background: var(--black-color00);flex-shrink: 0; box-sizing: border-box;}
.bk_desc dd{ font-size: 90%; font-weight: 400; color: var(--black-color03);}
.step_list{display: grid;grid-template: auto / repeat(6, 1fr);gap: 16px;font-size: var(--title-20);counter-reset: stepList;}
.step_list > li{position: relative;background: var(--point-white);border: 1px solid var(--border-color01);text-align: center;font-size: 110%;font-weight: 500;color: var(--black-color00);line-height: 1.54;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 18px;min-height: 140px;padding: 20px;padding-bottom: 25px;box-sizing: border-box;}
.step_list > li:before{content: counter(stepList, decimal-leading-zero);counter-increment: stepList;font-size: 81.8%;font-weight: 600;color: var(--point-color01);text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 2px;}
.step_list > li:after{position: absolute;content:'';width: 30px;aspect-ratio: auto 1;background: url('../images/step_arw.svg') no-repeat center / 100% auto;top: 50%;right: -24px;z-index: 1;translate: 0 -50%;}
.step_list > li:last-child:after{display: none;}

.step_prog{position: relative;counter-reset: stepProg;padding-top: 12px;}
.step_prog > li{position: relative;font-size: var(--title-20);box-sizing: border-box;padding: 7px 0 70px clamp(80px, 4.7vw, 90px);}
.step_prog > li:last-child{padding-bottom: 0;}
.step_prog > li:before{position: absolute;content: counter(stepProg, decimal-leading-zero);counter-increment: stepProg;top:0;left: 5px;min-width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;text-align: center;padding-inline: 10px;background: var(--point-color01);box-sizing: border-box;font-size: 90%;font-weight: 500;color: var(--point-white);clip-path: var(--poly-path03);}
.step_prog > li:after{position: absolute;content:'';top: 60px;left: 29px;width: 2px;height: calc(100% - 70px);background: var(--point-color01);}
.step_prog > li:last-child:after{display: none;}
.step_prog .desc{display: grid; gap: 15px;}
.step_prog .desc dt{font-size: 130%; font-weight: 600; color: var(--black-color00);}
.step_prog .desc dd{display: grid; gap: 20px; font-size: 85%; font-weight: 400; color: var(--black-color05);}
.step_prog .bullet_list > li{color: var(--black-color02);letter-spacing: -0.02em;font-weight: 500;}
.step_prog .bullet_list > li > em{font-weight: inherit;}
.step_prog .bullet_list > li > em > :where(span, small){display: block;}
.step_prog .bullet_list > li > em > span{color: var(--black-color05);font-weight: 400;margin-top: 2px;}
.step_prog .bullet_list > li > em > small{font-size: max(13px, 88.2%);color:var(--black-color07);line-height: 1.6;margin-top: 2px;font-weight: 400;}
.step_prog .bullet_list .icon_btn{margin-top: 20px;}

.icon_btn{display: flex;align-items: center;justify-content: center;text-align: center;width: fit-content;gap:8px;font-size:var(--title-20);font-weight: 500;color: var(--point-color01);border: 1px solid var(--point-color01);padding: 11px 18px;line-height: 1.25;box-sizing: border-box;}
.icon_btn span{font-size: max(13px, 80%);}


@media (max-width:1023px){
    .bk_desc dt{padding: clamp(6px, 1.3vw, 8px) clamp(15px, 2vw, 20px); min-width: clamp(80px, 11vw, 100px);}
    .step_list > li{font-size: 100%;gap: clamp(10px, 1.8vw, 18px);}
    .step_list > li:after{width: clamp(24px, 3vw, 30px); right: clamp(-24px, -2.4vw, -21px);}

    .step_prog > li{padding-bottom: clamp(50px, 7vw, 70px);padding-left: clamp(75px, 8vw, 80px);}
    .step_prog > li:before{min-width: clamp(45px, 5vw, 50px);height: clamp(45px, 5vw, 50px);}
    .step_prog > li:after{top: clamp(55px, 6vw, 60px);left: clamp(26px, 2.9vw, 29px);height: calc(100% - clamp(65px, 7vw, 70px));}
}
@media (max-width:767px){
    .step_list{grid-template: auto / repeat(1, 1fr);}
    .step_list > li{min-height: auto;}
    .step_list > li:after{inset:auto;left:50%;bottom: -21px;translate: -50%;rotate: 90deg;}
}

/* 법령제도 */
.laws_info{display: flex; align-items: center; gap: clamp(40px, 3.2vw, 60px); box-sizing: border-box;}
.laws_info .thumb{width: 48.5%;flex-shrink: 0;box-sizing: border-box;font-size: 0;}
.laws_info .sub_title{width: 100%;}
.laws_info .sub_title h6{line-height: 1.6;letter-spacing: 0;}
.laws_info .sub_title h6 + p{margin-top: 12px;}
.laws_info .sub_title p{color: var(--black-color05);}
.laws_info .sub_title p + small{margin-top: 10px;}
.laws_info .sub_title small{font-size: max(12px, 75%); font-weight: 400; color: var(--black-color07); line-height: 1.6;}
.laws_info .sub_title .more_view {margin-top: 30px;}

@media (max-width:1023px){
    .laws_info{flex-wrap: wrap;gap: clamp(30px, 4vw, 40px);}
    .laws_info .thumb{width: auto; flex-shrink: unset;}
    .laws_info .sub_title h6 + p{margin-top: clamp(5px, 1vw, 10px);}
    .laws_info .sub_title p + small{margin-top: clamp(5px, 1vw, 10px);}
    .laws_info .sub_title .more_view {margin-top: clamp(20px, 3vw, 30px);}
}

/* popup */

#popLayer {width:100%; height:auto; background-color:#f1f5f6; padding:20px 30px; box-sizing:border-box;}
#popLayer h2{width:100%; text-align:center; font-size:30px; line-height:60px; color:#4a667d; margin-bottom:25px; font-weight:bold; background-color:#e4eaeb; }
#popLayer h3{font-size:18px; line-height:25px; color:#000; margin-bottom:10px;}
#popLayer h4{font-size:14px; line-height:20px; color:#4a667d; margin-bottom:10px;}

#popLayer .list_cir_arrow{margin-bottom:20px;}
#popLayer .list_cir_arrow > li {position:relative; padding-left:30px; line-height:20px; margin:10px 0;}
#popLayer .list_cir_arrow > li:before {content:""; display:inline-block; background-image: url('../images/img_sprite00.png'); background-repeat:no-repeat; background-position:-15px -247px; width:17px; height:17px; position:absolute; left:0; top:3px;}
#popLayer .list_cir_arrow > li:last-child {margin-bottom:0;}
#popLayer p.list_cir_arrow {position:relative; padding-left:30px; display:block; line-height:24px;}
#popLayer p.list_cir_arrow:before {content:""; display:block; background-image: url('../images/img_sprite02.png'); background-repeat:no-repeat; background-position:-232px -459px; width:20px; height:20px; position:absolute; left:0; top:2px;}

#popLayer .list_dot > li {position:relative; margin-bottom:12px; padding-left:30px;}
#popLayer .list_dot > li:last-child {margin-bottom:0;}
#popLayer .list_dot > li:before {content:""; display:inline-block; background-image: url('../images/img_sprite00.png'); background-repeat:no-repeat; background-position:-22px -275px; width:3px; height:3px; position:absolute; left:6px; top:13px;}

#popLayer .list_arrow > li {position:relative; margin-bottom:12px; padding-left:30px;}
#popLayer .list_arrow > li:last-child {margin-bottom:0;}
#popLayer .list_arrow > li:before {content:""; display:inline-block; background-image: url('../images/img_sprite00.png'); background-repeat:no-repeat; background-position:-22px -290px; width:5px; height:7px; position:absolute; left:6px; top:13px;}



/*───────────────────────────────────────────────────────────

    Consumer

───────────────────────────────────────────────────────────*/
/* 신고포상제도 */
.reward .sub_title h4.be_dn{line-height: 1.43;}
.reward_info{display: grid; gap: clamp(15px, 1.6vw, 30px); grid-template: auto / repeat(2, 1fr);}
.reward_info > li{box-shadow: inset 0 0 0 1px var(--border-color01);}
.reward_info .bg_title{position: relative;font-size: var(--title-20);text-align: center;padding: 16px;background: var(--black-color00);}
.reward_info .bg_title h6{font-size: inherit; font-weight: 500; color: var(--point-white);}
.reward_info .cont{padding:40px;box-sizing: border-box;display: flex;flex-direction: column;gap: 25px;}

@media (max-width:1023px){
    .reward_info .bg_title{padding-block: clamp(14px, 1.6vw, 16px);}
    .reward_info .cont{padding: clamp(25px, 4vw, 40px);gap: clamp(15px, 2.5vw, 25px);}
}
@media (max-width:860px){
    .reward_info{grid-template: auto / repeat(1, 1fr);}
}

/* 불법사례 */
.step_info{display: grid; grid-template:auto / repeat(2, 1fr); gap: clamp(15px, 1.6vw, 30px); box-sizing: border-box; counter-reset: stepInfo;}
.step_info > li{border: 1px solid var(--border-color01);padding:40px;box-sizing: border-box;display: flex;flex-direction: column;gap: 41px;}
.step_info .desc{font-size: var(--title-20);display: grid;gap: 27px;}
.step_info .desc dt{font-size: 130%;font-weight: 600;color: var(--black-color00);display: flex;align-items: baseline;gap: 24px 16px;letter-spacing: -0.03em;}
.step_info .desc dt:before{content: counter(stepInfo, decimal-leading-zero);counter-increment: stepInfo;flex-shrink: 0;display: flex;align-items: center;justify-content: center;text-align: center;min-width: 36px;height: 36px;padding-inline: 5px;box-sizing: border-box;font-size: max(13px, 69.2%);font-weight: 500;color: var(--point-white);background: var(--black-color00);translate: 0 -3px;letter-spacing: 0;}
.step_info .desc dd{font-size: max(13px, 85%); font-weight: 400; color: var(--black-color05); line-height: 1.76;}

.step_info.line04{grid-template:auto / repeat(4, 1fr); gap: clamp(15px, 1.3vw, 24px);}
.step_info.line04 > li{padding: 30px;min-height: 240px;}
.step_info.line04 .desc{gap: 10px;}
.step_info.line04 .desc dt{flex-direction: column;align-items: flex-start;font-size: 22px;font-weight: 500;line-height: 1.54;}
.step_info.line04 .desc dt:before{font-size:81.8%;translate: 0;}

@media (max-width:1300px){
    .step_info.line04{grid-template:auto / repeat(3, 1fr);}
}
@media (max-width:1023px){
    .step_info > li{padding: clamp(25px, 4vw, 40px);gap: clamp(25px, 4.1vw, 41px);}
    .step_info .desc{gap: clamp(13px, 2.7vw, 27px);}
    .step_info .desc dt{gap: clamp(15px, 2.4vw, 24px) 15px;}
    .step_info .desc dt:before{min-width: clamp(32px, 3.7vw, 32px);height: clamp(32px, 3.7vw, 32px);translate: 0 clamp(-3px, -0.8vw, 0px);}

    .step_info.line04{grid-template:auto / repeat(2, 1fr);}
    .step_info.line04 > li{padding: clamp(25px, 3.5vw, 30px);min-height: clamp(200px, 24vw, 240px);}
    .step_info.line04 .desc dt:before{font-size: 70%;}
}
@media (max-width:860px){
    .step_info{grid-template:auto / repeat(1, 1fr);}
}
@media (max-width:640px){
    .step_info.line04{grid-template:auto / repeat(1, 1fr);}
}
@media (max-width:479px){
    .step_info .desc dt{font-size: 120%;flex-direction: column;}
    .step_info .desc dt:before{flex-shrink:unset;translate: 0;}
}

/* 공제금 신청 및 지급절차 */
.description_below .hd_title{background: var(--point-color02);padding: 30px;box-sizing: border-box;}
.description_below .hd_title h4{font-size: 130%; font-weight: 400; color: var(--point-white);}
.description_below .cont{display: grid;grid-template: auto / repeat(3, 1fr);gap: clamp(15px, 1.5vw, 28px);}
.description_below .item:before{display: block;content:'';width: 100px;aspect-ratio: 1.66;background: var(--point-grad01);clip-path: var(--poly-path04);margin: 20px auto;box-sizing: border-box;}
.description_below .item .sub_title{background: var(--point-color01);padding: 10px 15px;min-height: 80px;justify-content: center;}
.description_below .item .sub_title h6{font-weight: 300; color: var(--point-white);}
.description_below .order_list{padding:20px;border: 1px solid var(--border-color01);border-top: 0;font-size: var(--title-20);box-sizing: border-box;display: grid;gap: 50px;}
.description_below .order_list > li{position: relative;font-size: 85%;font-weight: 400;color: var(--black-color00);border: 1px solid var(--gray-bg01);background: var(--gray-bg01);box-sizing: border-box;padding: 17px 15px;}
.description_below .order_list > li:after{position: absolute;content:'';width: 12px;height: 30px;background: var(--black-color10);top: calc(100% + 10px);left: 50%;translate: -50%;clip-path: var(--poly-path07);}
.description_below .order_list > li:last-child{border-color: var(--black-color00);background: var(--point-white);font-weight: 500;}
.description_below .order_list > li:last-child:after{display: none;}

@media (max-width:1023px){
    .description_below .hd_title{padding: clamp(25px, 3vw, 30px);}
    .description_below .cont{grid-template:auto / repeat(1, 1fr);}
    .description_below .item:before{width: clamp(60px, 10vw, 100px);margin-block: clamp(15px, 2vw, 20px);}
    .description_below .item .sub_title{min-height: clamp(60px, 8vw, 80px);}
    .description_below .order_list{gap: clamp(45px, 5vw, 50px);padding: clamp(15px, 2vw, 20px);}
    .description_below .order_list > li:after{height: clamp(25px, 3vw, 30px);}
    .description_below .order_list > li{padding-block: clamp(12px, 1.7vw, 15px);}
}
@media (max-width:479px){
    .description_below .hd_title h4{font-size: 120%;}
}