@charset "utf-8";

br.mo{display: none;}
@media all and (max-width:768px){
br.mo{display: block;}
}
/* s_txt */
.s_txt{}
.s_txt h3{font-size: 36px; color: var(--color2);}
.s_txt p{font-size: 18px; color: var(--color2); line-height: 1.6em; font-weight: 300;}
.s_txt p span{font-size: 1.2em; color: var(--color1); font-weight: 700;}
@media all and (max-width:1024px){
    .s_txt h3{font-size: 32px;}
    .s_txt p{font-size: 17px;}
}
@media all and (max-width:768px){
    .s_txt h3{font-size: 28px;}
    .s_txt p{font-size: 16px;}
}
@media all and (max-width:568px){
    .s_txt h3{font-size: 26px;}
    .s_txt p{font-size: 15px;}
}
/* br */
.br{margin-top: 80px; padding-top: 80px; border-top: 1px solid #eee;}
@media all and (max-width:768px){
    .br{margin-top: 60px; padding-top: 60px;}
}
@media all and (max-width:568px){
    .br{margin-top: 50px; padding-top: 50px;}
}
/* s_cont */
.s_cont{display: flex; gap:50px;}
.s_cont .l_cont{width: 30%;}
.s_cont .l_cont h3{font-size: 36px; color: var(--color2); line-height: 1.6em; word-break: keep-all;}
.s_cont .r_cont{width: 70%;}
@media all and (max-width:1024px){
    .s_cont .l_cont h3{font-size: 32px;}
}
@media all and (max-width:768px){
    .s_cont .l_cont h3{font-size: 28px;}
}
@media all and (max-width:568px){
    .s_cont .l_cont h3{font-size: 26px;}
}
/* intro01 */
.intro01{overflow-x: hidden;}
.intro01 .inner{display: flex;}
.intro01 .inner .l_cont{width: 42.14285%;}
.intro01 .inner .l_cont .img{border-radius: 20px; overflow: hidden;}
.intro01 .inner .l_cont .img img{width: 100%;}
.intro01 .inner .l_cont .txt{padding: 30px;}
.intro01 .inner .l_cont .txt h4{font-size: 20px; color: var(--color1); margin-bottom: 8px;}
.intro01 .inner .l_cont .txt h3{font-size: 24px; color: #000; line-height: 1.5em;}
.intro01 .inner .l_cont .txt h3 span{font-size: 32px;}
.intro01 .inner .r_cont{padding: 120px; padding-bottom: 140px; padding-right: 0; position: relative; margin-top: 80px;}
.intro01 .inner .r_cont::before{content: ''; background-color: #f8f8f8; position: absolute; top: 0; left: 0; display: block; width: 160%; height: 100%; z-index: -1; left: -55px; border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.intro01 .inner .r_cont .txt{}
.intro01 .inner .r_cont .txt h3{color: var(--color1); font-size: 36px; margin-bottom: 50px; word-break: keep-all;}
.intro01 .inner .r_cont .txt p{font-size: 19px; line-height: 1.8em; color: #444; font-weight: 300; word-break: keep-all;}
.intro01 .inner .r_cont .txt p + p{margin-top: 40px;}

@media all and (max-width:1280px){
	.intro01 .inner .l_cont{width: 48%;}
	.intro01 .inner .l_cont .txt{padding: 25px;}
	.intro01 .inner .l_cont .txt h4{font-size: 19px; margin-bottom: 7px;}
	.intro01 .inner .l_cont .txt h3{font-size: 22px;}
	.intro01 .inner .l_cont .txt h3 span{font-size: 29px;}
	.intro01 .inner .r_cont{padding: 80px; padding-bottom: 120px; padding-top: 70px; width: calc(100% - 35%);}
	.intro01 .inner .r_cont .txt h3{font-size: 32px; margin-bottom: 45px;}
	.intro01 .inner .r_cont .txt p{font-size: 18px; line-height: 1.7em;}
	.intro01 .inner .r_cont .txt p br{display: none;}
	.intro01 .inner .r_cont .txt p + p{margin-top: 35px;}
}
@media all and (max-width:1024px){
	.intro01 .inner .l_cont .txt{padding: 22px;}
	.intro01 .inner .l_cont .txt h4{font-size: 18px; margin-bottom: 7px;}
	.intro01 .inner .l_cont .txt h3{font-size: 20px;}
	.intro01 .inner .l_cont .txt h3 span{font-size: 27px;}
	.intro01 .inner .r_cont{padding: 70px; padding-bottom: 100px; padding-top: 65px;}
	.intro01 .inner .r_cont .txt h3{font-size: 29px; margin-bottom: 40px;}
	.intro01 .inner .r_cont .txt p{font-size: 18px; line-height: 1.6em;}
	.intro01 .inner .r_cont .txt p + p{margin-top: 30px;}
}
@media all and (max-width:768px){
	.intro01 .inner{flex-direction: column-reverse;}
	.intro01 .inner .l_cont{width: 100%; padding-left: 3%; padding-right: 3%; margin-top: 40px;}
	.intro01 .inner .l_cont .txt h4{font-size: 17px; margin-bottom: 6px;}
	.intro01 .inner .l_cont .txt h3{font-size: 19px;}
	.intro01 .inner .l_cont .txt h3 span{font-size: 25px;}
	.intro01 .inner .l_cont .txt{text-align: center; padding: 0; padding-top: 20px;}
	.intro01 .inner .r_cont{margin-top: 0; width: 100%; padding: 70px 3%;}
	.intro01 .inner .r_cont .txt h3{font-size: 27px; margin-bottom: 35px;}
	.intro01 .inner .r_cont .txt p{font-size: 17px; line-height: 1.6em;}
}
@media all and (max-width:500px){
	.intro01 .inner .l_cont .txt h4{font-size: 16px; margin-bottom: 5px;}
	.intro01 .inner .l_cont .txt h3{font-size: 18px;}
	.intro01 .inner .l_cont .txt h3 span{font-size: 23px;}
	.intro01 .inner .r_cont{padding: 60px 3%;}
	.intro01 .inner .r_cont .txt h3{font-size: 25px; margin-bottom: 30px;}
}


/* intro02 */
.intro02{}
.intro02 .inner{}
.intro02 .inner .box{}
.intro02 .inner .box > li .itemWrap{display: flex; gap:80px; position: relative; align-items: flex-start;}
.intro02 .inner .box > li + li{margin-top: 80px; padding-top: 80px; border-top: 1px solid #eee;}
.intro02 .inner .box > li .img{width: 50%; position: sticky; top: 160px; border-radius: 30px; overflow: hidden;}
.intro02 .inner .box > li .img img{max-width: 100%;}
.intro02 .inner .box > li .txt{width: 50%;}
.intro02 .inner .box > li .txt h4{background-color: var(--color1); display: inline-block; padding: 8px 15px; color: #fff; border-radius: 40px;}
.intro02 .inner .box > li .txt h3{color: var(--color2); font-size: 36px; margin: 13px 0 30px;}
.intro02 .inner .box > li .txt h3 span{font-size: 0.5em;}
.intro02 .inner .box > li .txt .dl_box{background-color: #f6f6f6; padding: 30px 40px; border-radius: 30px;}
.intro02 .inner .box > li .txt dl{}
.intro02 .inner .box > li .txt dl dd{font-size: 17px; color: #555; font-weight: 300;}
.intro02 .inner .box > li .txt dl dd + dd{margin-top: 15px;}
.intro02 .inner .box > li .txt dl + dl{margin-top: 30px;}
.intro02 .inner .box > li .tailWrap{margin-top: 60px; display: flex; flex-wrap: wrap; gap: 30px;}
.intro02 .inner .box > li .tailWrap .tail{width: calc((100% - 30px*2 )/3); padding: 30px 35px; background-color: #f6f6f6; border-radius: 30px;}
.intro02 .inner .box > li .tailWrap .tail .tit{display: flex; flex-direction: row-reverse; align-items: center ;justify-content: space-between;}
.intro02 .inner .box > li .tailWrap .tail .tit dl dt{font-weight: 600; color: #000; font-size: 26px;}
.intro02 .inner .box > li .tailWrap .tail .tit dl dd{padding-top: 0.5em; font-size: 18px;}
.intro02 .inner .box > li .tailWrap .tail .cont {padding-top: 20px;}
.intro02 .inner .box > li .tailWrap .tail .cont h4{color: var(--color1); font-size: 30px;}
.intro02 .inner .box > li .tailWrap .tail:has(ul.dash){padding: 45px;}
.intro02 .inner .box > li .tailWrap .tail ul.dash{height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.intro02 .inner .box > li .tailWrap .tail ul.dash > li{font-size: 18px; word-break: keep-all;}
@media all and (max-width:1280px){
    .intro02 .inner .box > li .itemWrap{gap: 40px;}
    .intro02 .inner .box > li .img{width: 40%;}
    .intro02 .inner .box > li .txt{width: 60%;}
    .intro02 .inner .box > li .tailWrap .tail .tit .ico img{width: 90px;}
    .intro02 .inner .box > li .tailWrap .tail .tit dl dt{font-size: 22px;}
    .intro02 .inner .box > li .tailWrap .tail .tit dl dd{font-size: 16px;}
}
@media all and (max-width:1024px){
    .intro02 .inner .box > li .tailWrap .tail:nth-child(1),
    .intro02 .inner .box > li .tailWrap .tail:nth-child(2){width: calc(50% - 15px);}
    .intro02 .inner .box > li .tailWrap .tail:last-child{width: 100%;}

}
@media all and (max-width:768px){
    .intro02 .inner .box > li .itemWrap{gap: 30px;}
    .intro02 .inner .box > li .txt .dl_box{padding: 25px 30px;}
    .intro02 .inner .box > li .txt dl dd{font-size: 16px;}
    .intro02 .inner .box > li .txt dl dd + dd{margin-top: 12px;}
     .intro02 .inner .box > li .tailWrap .tail{width: 100% !important}
}
@media all and (max-width:568px){
    .intro02 .inner .box > li .itemWrap{flex-direction: column-reverse;}
    .intro02 .inner .box > li .img{width: 100%;}
    .intro02 .inner .box > li .txt{width: 100%;}
    .intro02 .inner .box > li .tailWrap {margin-top: 30px;}
    .intro02 .inner .box > li .tailWrap .tail{padding: 30px;}
    .intro02 .inner .box > li .tailWrap .tail:has(ul.dash){padding: 30px;}
    .intro02 .inner .box > li .tailWrap .tail ul.dash > li{font-size: 17px;}
}

/* intro03 */
.intro03{}
.intro03 .tab{margin: 30px 0 40px; display: flex; width: 100%;}
.intro03 .tab li{width: 100%; text-align: center; border: 1px solid #dedede; line-height: 56px; font-size: 17px; cursor: pointer; color: #555;}
.intro03 .tab li:first-child{border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.intro03 .tab li:last-child{border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.intro03 .tab li + li{margin-left: -1px;}
.intro03 .tab li.on{background-color: var(--color1); color:#fff; font-weight: 700;}
.intro03 .tabcontent{display: none;}
.intro03 .tabcontent.on{display: block;}
.intro03 .tabcontent .big{}
.intro03 .tabcontent .big .thumb{border-radius: 30px; overflow: hidden; position: relative;}
.intro03 .tabcontent .big .thumb img{max-width: 100%;}
.intro03 .tabcontent .big .thumb p{position: absolute; background-color: var(--color1); color: #fff; padding: 10px 15px; left: 30px; top: 30px; z-index: 2; font-size: 18px; font-weight: 700; border-radius: 5px;}
.intro03 .tabcontent .small{ margin: 30px -10px 0;}
.intro03 .tabcontent .small .thumb{ padding: 0 10px; cursor: pointer;}
.intro03 .tabcontent .small img{max-width: 100%;border-radius: 10px; overflow: hidden;}
@media all and (max-width:768px){
    .intro03 .tab li{font-size: 16px;}
    .intro03 .tabcontent .big .thumb{border-radius: 15px;}
    .intro03 .tabcontent .big .thumb p{left: 15px; top: 15px; font-size: 16px;}
     .intro03 .tabcontent .small{margin: 20px -10px 0;}
    .intro03 .tabcontent .small img{border-radius: 5px;}
}
@media all and (max-width:568px){
     .intro03 .tabcontent .big .thumb p{padding: 8px 14px;}

}

/* intro04 */
.intro04{}
.intro04 .map_btn{margin: 30px 0 50px;display: flex; gap:10px;}
.intro04 .map_btn .btn{font-size: 16px; color: var(--color2); font-weight: 600; background-color: #fff; padding: 15px 24px; border-radius: 40px; border: 1px solid #ddd; display: inline-flex; align-items: center; gap:6px;}
.intro04 .map_btn .btn img{}
.intro04 .map_btn .btn.bnt1{}
.intro04 .map_btn .btn.bnt2{}
.intro04 .map_btn .btn.bnt3{}
.intro04 .root_daum_roughmap .wrap_controllers{display: none;}
.intro04 .root_daum_roughmap .cont{display: none;}
.intro04 .cont{display: flex; gap:80px; margin-top: 50px;}
.intro04 .cont li{width: 100%;}
.intro04 .cont li h3{color: var(--color2); font-size: 28px; margin-bottom: 30px;}
.intro04 .cont li h4{color: var(--color2); font-size: 20px;}
.intro04 .cont li dl.time{display: flex; color: var(--color2); flex-wrap: wrap; gap:20px 0;}
.intro04 .cont li dl.time dt{width: 25%; font-size: 16px; font-weight: 300;}
.intro04 .cont li dl.time dd{width: 75%; font-weight: 700; font-size: 24px;}
.intro04 .cont li .tel{}
.intro04 .cont li .tel a{font-size: 36px; color: var(--color2); font-weight: 700;}
.intro04 .cont li p{font-size: 16px; color: #666; font-weight: 300; line-height: 1.6em; position: relative; padding-left: 12px; margin-top: 15px;}
.intro04 .cont li p::before{content: '·'; position: absolute; left: 0; top: 0;}
@media all and (max-width:1024px){
    .intro04 .cont{gap: 60px;}
    .intro04 .cont li h3{font-size: 24px; margin-bottom: 25px;}
    .intro04 .cont li dl.time dt{width: 30%;}
    .intro04 .cont li dl.time dd{width: 70%; font-size: 20px;}
    .intro04 .cont li .tel a{font-size: 30px;}
}
@media all and (max-width:768px){
    .intro04 .map_btn{flex-wrap: wrap;}
    .intro04 .map_btn .btn{padding: 10px 20px; font-size: 15px;}
    .intro04 .cont{flex-direction: column;}
     .intro04 .cont li h3{font-size: 22px;}
     .intro04 .cont li h4{font-size: 18px;}
}
@media all and (max-width:568px){
    .intro04 .map_btn{gap:4px; margin: 20px 0 30px;}
    .intro04 .map_btn .btn{padding: 8px 18px; font-size: 14px;}
    .intro04 .map_btn .btn img{height: 20px;}
       .intro04 .map_cont .wrap_map{height: 300px !important;}
}
/* care01 */
.care01{}
.care01 .time{margin-top: 50px; display: flex; gap:30px;}
.care01 .time li{width: 100%; background-color: #f8f8f8; padding: 40px 30px; border-radius: 20px;}
.care01 .time li h4{background-color: var(--color1); color: #fff; font-size: 24px; font-weight: 700; padding: 5px 10px; border-radius: 5px; display: inline-block;}
.care01 .time li p{margin-top: 15px; color: var(--color2); font-size: 28px; font-weight: 700;}
.care01 .time li.h{background-color: #f8ebeb;}
.care01 .time li.h h4{background-color: #e65252;}
.care01 .time li.h p{color: #e65252;}
.care01 .s_cont{}
.care01 .s_cont .r_cont{display: flex; gap:60px; position: relative;}
.care01 .s_cont .care_bar{width: 4px; background-color: var(--color1); height: 100%;}
.care01 .s_cont .box_cont{width: calc(100% - 4px - 60px);}
.care01 .s_cont .box_cont .box{position: relative;}
.care01 .s_cont .box_cont .box + .box{margin-top: 60px;}
.care01 .s_cont .box_cont .box .num{position: absolute; top: 0; left: -80px; width: 36px; height: 36px; border-radius: 100%; background-color: #fff; border: 4px solid var(--color1); display: inline-flex; justify-content: center; align-items: center; color: var(--color1); font-weight: 700;}
.care01 .s_cont .box_cont .box .txt{}
.care01 .s_cont .box_cont .box .txt h3{color: var(--color2); font-size: 24px; margin-bottom: 15px;}
.care01 .s_cont .box_cont .box .txt dl{}
.care01 .s_cont .box_cont .box .txt dl dd{font-size: 17px; color: var(--color2); font-weight: 300; line-height: 1.6em; word-break: keep-all; position: relative; padding-left: 12px;}
.care01 .s_cont .box_cont .box .txt dl dd::before{content: '·'; position: absolute; left: 0; top: 0;}
.care01 .s_cont .box_cont .box .txt dl dd+dd{margin-top: 8px;}

.care01 .top_cont{display: flex; gap:80px; align-items: center;}
.care01 .top_cont .l_cont{width: 60%;}
.care01 .top_cont .l_cont h3{font-size: 36px; color: var(--color2); margin-bottom: 30px;}
.care01 .top_cont .l_cont p{font-size: 17px; color: var(--color2); font-weight: 300; line-height: 1.6em; word-break: keep-all; position: relative; padding-left: 12px; padding-bottom: 8px; border-bottom: 1px dotted #cdcdcd;}
.care01 .top_cont .l_cont p::before{content: '·'; position: absolute; left: 0; top: 0;}
.care01 .top_cont .l_cont p+p{margin-top: 8px;}
.care01 .top_cont .r_cont{width: 40%;}
.care01 .top_cont .r_cont img{max-width: 100%; border-radius: 20px; overflow: hidden;}
@media all and (max-width:1024px){
    .care01 .time {flex-wrap: wrap;}
    .care01 .time li{width: calc(50% - 15px);}

    .care01 .top_cont{flex-direction: column; gap: 50px;}
    .care01 .top_cont .l_cont{width: 100%;}
    .care01 .top_cont .r_cont{width: 100%;}
    .care01 .top_cont .r_cont img{width: 100%;}
}
@media all and (max-width:568px){
    .care01 .time{margin-top: 30px; gap: 20px;}
    .care01 .time li{width: 100%; padding: 30px 20px;}
    .care01 .s_cont{flex-wrap: wrap; gap: 30px;}
    .care01 .s_cont .l_cont{width: 100%;}
    .care01 .s_cont .r_cont{padding-left: 20px; width: 100%;}
    .care01 .s_cont .box_cont .box .txt h3{font-size: 20px;}
    .care01 .s_cont .box_cont .box .txt dl dd{font-size: 15px;}

    .care01 .top_cont{gap: 30px;}
    .care01 .top_cont .l_cont p{font-size: 15px;}
}

/* s_menu */

.tsmenu{text-align: center;}
.tsmenu span{display: inline-block; padding: 0.3em 0.8em; font-size:20px;background-color: #384840; font-weight: 600; color: #fff;}
#sMenu{scroll-margin-top: 120px;}
.s_menu_box{border-top: 1px solid #ddd; margin-bottom: 160px;}
.s_menu{padding-top: 30px; display: flex; flex-wrap: wrap; gap:10px; justify-content: center; max-width: 1150px; width: 90% !important; margin-left: auto; margin-right: auto;}
.s_menu li{
	text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
	width: auto;
    padding: 0.4em 1em;
    border-radius: 60px;
    background-color: #89b9a169;
}
.s_menu li.on{ background-color: #253f32;}
.s_menu li a{font-size: 22px; font-weight: 500; color: #253f32}
.s_menu li.on a{opacity: 1; color: #fff; font-weight: 700; }
@media all and (max-width:768px){
    .s_menu_box{margin-bottom: 80px;}
    .s_menu li a{font-size: 18px; }
}
@media all and (max-width:568px){
    .s_menu li a{font-size: 16px; }
.tsmenu span{font-size:17px;}

}
@media all and (min-width: 769px) {
    /* PC 화면(769px 이상)에서만 쫙 가운데 정렬! */
    /* .center02 .s_menu {
        justify-content: center; 
    } */
}
/* c_txt */
.c_txt{}
.c_txt h3{font-size: 36px; color: var(--color2); margin-bottom: 30px; line-height: 1.4em;}
.c_txt h3 span{color: var(--color1);}
.c_txt h4{margin-bottom: 1em; font-family: 'Noto Serif KR'; font-size: 28px; color: var(--color2);}
.c_txt h4 span{color: var(--color1);}
.c_txt h5{margin-top: 2em; font-size: 17px; color: var(--color1);}
.c_txt p{line-height: 2em; word-break: keep-all; font-size: 18px; color: var(--color2); font-weight: 300;}
@media all and (max-width:1024px){
    .c_txt h3{font-size: 32px;}
}
@media all and (max-width:768px){
    .c_txt h3{font-size: 28px; margin-bottom: 20px;}
    .c_txt p{font-size: 16px;}
}
@media all and (max-width:568px){
    .c_txt h3{font-size: 24px; word-break: keep-all;}
    .c_txt h4{font-size: 20px;}
    .c_txt.center h3 br{display: none;}
}

/* character */
.character{display: flex; gap:30px; margin-top: 50px;}
.character.wrap{flex-wrap: wrap;}
.character li{background-color: #f8f8f8; border-radius: 20px; padding: 40px; width: 100%;text-align: center;}
.character.w3 li{width: calc((100% - 30px*2)/3);}
.character li .icon{background-color: var(--color1); border-radius: 5px; display: inline-flex; justify-content: center; align-items: center; width: 86px; height: 86px; margin-bottom: 30px;}
.character li .icon img{}
.character li .txt{}
.character li .txt h3{color: var(--color2); font-size: 26px; margin-bottom: 15px;}
.character li .txt p{word-break: keep-all; font-size: 17px; font-weight: 300; color: var(--color2); line-height: 1.6em; width: 85%; margin-left: auto; margin-right: auto;}
@media all and (max-width:1024px){
    .character li{padding: 30px;}
}
@media all and (max-width:768px){
    .character{flex-wrap: wrap;}
    .character.w3 li{width: 100%;}
}

/* guide */
.guide{background-color: #f5f9f6; margin: 100px 0; padding: 80px 0;}
.guide .inner{display: flex; align-items: center; gap:60px;}
.guide .inner .l_cont{width: 35%;}
.guide .inner .l_cont h4{color: var(--color1); margin-bottom: 30px;}
.guide .inner .l_cont h3{font-size: 36px; color: var(--color2); line-height: 1.4em;}
.guide .inner .l_cont p{margin-top: 30px; font-size: 18px; color: var(--color2); font-weight: 300; line-height: 1.8em; word-break: keep-all;}
.guide .inner .r_cont{width: 65%; display: flex; border-left: 1px solid #ddd; border-right: 1px solid #dedede;}
.guide .inner .r_cont .box{width: 100%; text-align: center; padding: 60px 30px;}
.guide .inner .r_cont .box + .box{border-left: 1px solid #dedede;}
.guide .inner .r_cont .box .icon{margin-bottom: 20px;}
.guide .inner .r_cont .box .icon img{max-width: 100%;}
.guide .inner .r_cont .box .txt{}
.guide .inner .r_cont .box .txt h3{color: var(--color2); font-size: 24px; margin-bottom: 15px;}
.guide .inner .r_cont .box .txt p{color: var(--color2); font-size: 17px; font-weight: 300; line-height: 1.6em; opacity: 0.8;}
@media all and (max-width:1024px){
    .guide .inner{flex-direction: column;}
    .guide .inner .l_cont{width:100%;}
    .guide .inner .l_cont h3{font-size: 32px;}
    .guide .inner .r_cont{width: 100%;}
}
@media all and (max-width:768px){
    .guide .inner .l_cont h3{font-size: 28px;}
    .guide .inner .l_cont p{font-size: 16px; margin-top: 20px;}
}
@media all and (max-width:568px){
    .guide .inner .r_cont{flex-wrap: wrap;}
}

/* numbox */
.numbox{margin-top: 50px;}
.numbox > li{border: 1px solid var(--color2); border-left: 0; border-right: 0; padding: 40px 60px; display: flex; position: relative;}
.numbox > li.on{background-color: #f5f9f6;}
.numbox > li + li{margin-top: 50px;}
.numbox > li + li::before{content: '▼'; position: absolute; left: 50%; transform: translateX(-50%); font-size: 16px; top: -36px; color: var(--color2); opacity: 0.2;}
.numbox > li .num{width: 180px; color: var(--color2); font-size: 48px; font-weight: 700; opacity: 0.1; line-height: 1em;}
.numbox > li .txt{width: calc(100% - 180px);}
.numbox > li .txt h3{color: var(--color2); font-size: 24px; margin-bottom: 20px;}
.numbox > li.on .txt h3{color: var(--color1);}
.numbox > li .txt p{font-size: 16px; font-weight: 300; color: var(--color2); opacity: 0.8;}
@media all and (max-width:768px){
    .numbox > li .num{width: 90px;}
    .numbox > li .txt{width: calc(100% - 90px);}
}
@media all and (max-width:568px){
    .numbox > li{padding: 30px;}
    .numbox > li .txt h3{font-size: 22px;}
    .numbox > li .num{width: 70px;}
    .numbox > li .txt{width: calc(100% - 70px);}
}

/* c_top_img */
.c_top_img{overflow: hidden; border-radius: 20px; margin-bottom: 60px;}
.c_top_img img{max-width: 100%;}
@media all and (max-width:1024px){
    .c_top_img{border-radius: 10px;}
}
@media all and (max-width:568px){
    .c_top_img{height: 50vw;}
    .c_top_img img{width: 100%; height: 100%; object-fit: cover;}
}

/* who */
.who{display: flex; gap:30px; margin-top: 50px;}
.who.wrap{flex-wrap: wrap;}
.who li{width: 100%; border: 1px solid var(--color1); border-radius: 20px; padding: 40px; text-align: center;}
.who.w4 li{width: calc((100% - 30px*3)/4);}
.who li h4{ background-color: var(--color1); color: #fff; display: inline-block; padding: 8px 14px; border-radius: 10px; margin-bottom: 20px;}
.who li p{font-size: 18px; color: var(--color2); line-height: 1.6em; word-break: keep-all; font-weight: 600;}
@media all and (max-width:1280px){
    .who{gap: 20px;}
}
@media all and (max-width:1024px){
    .who{flex-wrap: wrap;}
    .who li{width: calc((100% - 20px)/2);}
    .who.w4 li{width: calc((100% - 20px)/2);}
}
@media all and (max-width:768px){
    .who li h4{font-size: 15px;}
    .who li p{font-size: 16px;}
}
@media all and (max-width:568px){
    .who li{padding: 20px;}
    .who li h4{font-size: 14px;}
    .who li p{font-size: 15px;}
}
/* bfaf */
.bfaf{display: flex; align-items: center; gap:80px;}
.bfaf .c_txt{width: 50%;}
.bfaf .c_txt h3{}
.bfaf .c_txt p{}
.bfaf .img{width: 50%; display: flex; gap:40px;}
.bfaf .img.slick{}
.bfaf .img.slick .slick-dots{transform: translateX(-50%); bottom: -40px;}
.bfaf .img.slick .slick-dots li{background-color: #ddd; transition: .2s; height: 10px; width: 10px;}
.bfaf .img.slick .slick-dots li.slick-active{background-color: var(--color1); width: 40px; border-radius: 10px;}
.bfaf .img > div{width: 100%; text-align: center; position: relative;}
.bfaf .img > div img{max-width: 100%;}
.bfaf .img > div p{ background-color: var(--color1); color: #fff; display: inline-block; padding: 8px 14px; border-radius: 10px; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); line-height: 1.4em; white-space: nowrap;}
.bfaf .img > .bf p{ background-color: #999;}
@media all and (max-width:1024px){
    .bfaf{display: block;}
    .bfaf .c_txt{margin-bottom: 50px; width: 100%;}
    .bfaf .img{width: 100%;}
}
@media all and (max-width:568px){
    .bfaf .c_txt{margin-bottom: 30px;}
    .bfaf .img{gap: 20px;}
}

/* not */
.not{background-color: #f8f8f8; margin: 100px 0; padding: 80px 0;}
.not .inner{display: flex; align-items: flex-start;}
.not .inner .l_cont{width: 45%;}
.not .inner .l_cont h4{color: var(--color1); margin-bottom: 30px;}
.not .inner .l_cont h3{font-size: 36px; color: var(--color2); line-height: 1.4em;}
.not .inner .l_cont h3 span{color: var(--color1);}
.not .inner .r_cont{width: 55%;}
.not .inner .r_cont .check{display: grid; grid-template-columns: repeat(2, 1fr); gap:40px 20px;}
.not .inner .r_cont .check li{position: relative;}
.not .inner .r_cont .check li svg{position: absolute; top: 0; left: 0;}
.not .inner .r_cont .check li p{padding-left: 40px; color: var(--color2); font-weight: 600; font-size: 20px; line-height: 1.4em; word-break: keep-all;}
@media all and (max-width:1280px){
    .not .inner{display: block;}
    .not .inner .l_cont{width: 100%; margin-bottom: 50px;}
    .not .inner .r_cont{width: 100%;}
}
@media all and (max-width:1024px){
    .not .inner .l_cont h3{font-size: 32px;}
}
@media all and (max-width:768px){
    .not .inner .r_cont .check{ grid-template-columns: repeat(1, 1fr)}
    .not .inner .l_cont h3{font-size: 28px;}
}
@media all and (max-width:568px){
     .not{margin: 70px 0;}
     .not .inner .l_cont{margin-bottom: 30px;}
    .not .inner .l_cont h3{font-size: 26px;}
     .not .inner .r_cont .check li p{padding-left: 35px; font-size: 18px;}
     .not .inner .r_cont .check li svg{top: -1px;}
}

/* sticky_cont */
.sticky_cont{display: flex; gap:60px; align-items: flex-start; position: relative; margin-top: 80px;}
.sticky_cont .l_cont{position: sticky; top: 160px; width: 50%;}
.sticky_cont .l_cont img{max-width: 100%; border-radius: 20px; overflow: hidden;}
.sticky_cont .r_cont{display: flex; flex-direction: column; width: 50%;}
.sticky_cont .r_cont .box{background: #f8f8f8; padding: 40px; border-radius: 20px; overflow: hidden; display: flex;}
.sticky_cont .r_cont .box + .box{margin-top: 50px;}
.sticky_cont .r_cont .box .num{color: var(--color2); font-size: 48px; font-weight: 700; opacity: 0.1; line-height: 1em; width: 90px;}
.sticky_cont .r_cont .box .txt{width: calc(100% - 90px);}
.sticky_cont .r_cont .box .txt h3{font-size: 22px; color: var(--color2); margin-bottom: 15px; word-break: keep-all;}
.sticky_cont .r_cont .box .txt p{font-size: 17px; color: var(--color2); opacity: 0.8; font-weight: 300; line-height: 1.6em; word-break: keep-all;}
@media all and (max-width:1024px){
    .sticky_cont{gap: 30px;}
    .sticky_cont .r_cont .box{display: block;}
    .sticky_cont .r_cont .box .num{margin-bottom: 20px;}
    .sticky_cont .r_cont .box .txt{width: 100%;}
    .sticky_cont .r_cont .box + .box{margin-top: 30px;}
}
@media all and (max-width:768px){
    .sticky_cont{display: block;}
    .sticky_cont .l_cont{position: static; width: 100%; margin-bottom: 30px;}
    .sticky_cont .r_cont{width: 100%;}
}

/* target */
.targetSwiper{padding-bottom: 130px !important;}
.target{margin-top: 60px;}
.target .swiper-slide{background-color: #fff; border-top: 2px solid var(--color1);  padding-bottom: 40px; text-align: center; overflow: hidden; max-width: 400px; min-width: 400px; margin: 0 20px; box-shadow: 2px 8px 12px rgba(0,0,0,0.1); transition: transform 0.4s; opacity: 0.4}
.target .swiper-slide .icon{margin-bottom: 30px; text-align: center;}
.target .swiper-slide.swiper-slide-prev,
.target .swiper-slide.swiper-slide-next{transform: translateY(100px); opacity: 0.7}
.target .swiper-slide.swiper-slide-active{opacity: 1;}
.target .swiper-slide .icon img{max-width: 100%;}
.target .swiper-slide .txt{padding: 0 40px;}
.target .swiper-slide .txt h3{font-size: 24px; color: var(--color2); margin-bottom: 15px; word-break: keep-all;}
.target .swiper-slide .txt dl{display: flex; flex-direction: column; align-items: center; gap:10px; margin-top: 25px;}
.target .swiper-slide .txt dl dd{display: inline-block; border:1px solid var(--color1); color: var(--color1); padding: 8px 14px; border-radius: 10px;}
@media all and (max-width:568px){
}

/* table_cont */
.table_cont{}
.table_cont .title{margin-bottom: 25px;}
.table_cont .title h3{color: var(--color2); font-size: 22px; position: relative; padding-left: 27px;}
.table_cont .title h3::after{content: '●'; color: var(--color1); position: absolute; left: 0; top: 0;}
.table_cont .th{display: flex; gap:10px; margin-bottom: 10px;}
.table_cont .th dt{background-color: var(--color1); color: #fff; text-align: center; flex: auto; padding: 20px 0; font-size: 17px; font-weight: 700; border-radius: 10px; flex: 1}
.table_cont .td{display: flex; gap:10px;}
.table_cont .td + .td{margin-top: 10px;}
.table_cont .td dt{flex: 1; padding: 20px; background-color: #eee; border-radius:10px; text-align: center; color: var(--color2); font-weight: 600;}
.table_cont .td dt sup{font-weight: 300; font-style: normal; margin-left: 4px; position: relative; top: 3px;}
.table_cont .td dd{padding: 20px; background-color: #f8f8f8; flex: auto; border-radius:10px; display: flex; justify-content: center; align-items: center; font-weight: 300; color: var(--color2); flex: 1}
.table_cont .td dd .box{}
.table_cont .td dd .box p{text-align: center;line-height: 1.5em; word-break: keep-all;}
.table_cont .td dd .box p + p{margin-top: 5px; }
.table_cont .td dd .box p + h3{margin-top: 15px;}
.table_cont .td dd .box h3{font-size: 16px; color:var(--color2); word-break: keep-all; margin-bottom: 5px;}
.table_info{margin-top: 30px;}
.table_info p{color: var(--color2); font-weight: 300; line-height: 1.7em; display: flex;}
.table_info p + p{margin-top: 5px;}
.table_info p span.num{width: 17px; height: 17px; background-color: var(--color2); border-radius: 100%; color: #fff; flex:0 0 17px; margin-right: 5px; display: inline-flex; justify-content: center; align-items: center; font-size: 13px; font-weight: 500; margin-top: 4px;}

@media all and (max-width:1024px){
    .table_cont{width: 1023px; overflow-x: scroll;}
     .table_cont:after{content: '*좌우로 스크롤하여 자세한 내용을 확인하세요.'; margin-top: 10px; display: block; font-size: 14px; opacity: .7;}

}