@charset "utf-8";


*{  font-family: 'Poppins', sans-serif !important; color: #222;}
.mobile_header{background: #fff !important;}
.mobile_header .logo .logo-nm { display: block;}
.mobile_header .logo .logo-wh { display: none;}
.head_left .date {color:#222}
.mobile_header .menu_toggle span { background: #222; }

.flexs {display: flex;gap: 28px; box-sizing: border-box; }
.flexs.jsb{justify-content: space-between;}
.flexs.jtac{justify-content: center;}
.flexs.jtal{justify-content: left;}
.flexs.jtar{justify-content: right;}

.flexs.end{align-items: flex-end;}
.flexs.start{align-items: flex-start;}
.flexs.center{align-items: center;}


.flexs.width10 > div:first-of-type  { flex-basis: calc((100% - 28px) * 0.1); }
.flexs.width10 > div:last-of-type   { flex-basis: calc((100% - 28px) * 0.9); }

.flexs.width30 > div:first-of-type  { flex-basis: calc((100% - 28px) * 0.3); }
.flexs.width30 > div:last-of-type   { flex-basis: calc((100% - 28px) * 0.7); }

.flexs.width35 > div:first-of-type  { flex-basis: calc((100% - 28px) * 0.35); }
.flexs.width35 > div:last-of-type   { flex-basis: calc((100% - 28px) * 0.65); }

.flexs.width40 > div:first-of-type  { flex-basis: calc((100% - 28px) * 0.4); }
.flexs.width40 > div:last-of-type   { flex-basis: calc((100% - 28px) * 0.6); }

.flexs.width45 > div:first-of-type  { flex-basis: calc((100% - 28px) * 0.45); }
.flexs.width45 > div:last-of-type   { flex-basis: calc((100% - 28px) * 0.55); }

.flexs.width50 > div:first-of-type  { flex-basis: calc((100% - 28px) * 0.5); }
.flexs.width50 > div:last-of-type   { flex-basis: calc((100% - 28px) * 0.5); }

.flexs.width55 > div:first-of-type  { flex-basis: calc((100% - 28px) * 0.55); }
.flexs.width55 > div:last-of-type   { flex-basis: calc((100% - 28px) * 0.45); }

.flexs.width60 > div:first-of-type  { flex-basis: calc((100% - 28px) * 0.6); }
.flexs.width60 > div:last-of-type   { flex-basis: calc((100% - 28px) * 0.4); }

.flexs.width65 > div:first-of-type  { flex-basis: calc((100% - 28px) * 0.65); }
.flexs.width65 > div:last-of-type   { flex-basis: calc((100% - 28px) * 0.35); }

.flexs.width75 > div:first-of-type  { flex-basis: calc((100% - 28px) * 0.75); }
.flexs.width75 > div:last-of-type   { flex-basis: calc((100% - 28px) * 0.25); }

.flexs.width80 > div:first-of-type  { flex-basis: calc((100% - 28px) * 0.8); }
.flexs.width80 > div:last-of-type   { flex-basis: calc((100% - 28px) * 0.2); }

@media all and (max-width:1024px){
    .flexs.tb-no{display: block;}
    .flexs.tb-no>div{width: 100%;}
    .flexs.tb-no> div.mb {margin-bottom: 28px;}
}
@media all and (max-width:767px){
    .flexs{display: block;}
    .flexs>div{width: 100%;}
    .flexs> div.mb {margin-bottom: 28px;}
    
}

.row>:nth-child(1){float: left;margin-right: 28px;}
.row::after{ content:''; display:block; clear:both;}


.row_r>:nth-child(1){float: right; margin-left: 28px;}
.row_r::after{ content:''; display:block; clear:both;}

@media all and (max-width:767px){
.row>:nth-child(1){display: block; float: none; margin:0 auto 28px auto; text-align: center;}
.row_r>:nth-child(1){float: right; float: none; margin:0 auto 28px auto; text-align: center !important;}
}

.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mt70{margin-top:70px !important}
.mt80{margin-top:80px !important}

.mb0 {margin-bottom: 0px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb28 {margin-bottom: 28px !important;}
.mb36{margin-bottom: 36px;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}

.pt10 {padding-top: 10px !important;}
.pb10 {padding-bottom: 10px !important;}
.pt30 {padding-top: 30px !important;}
.pt20 {padding-top: 20px !important;}
.pb20 {padding-bottom: 20px !important;}
.pt40 {padding-top: 40px !important;}
.pb40 {padding-bottom: 40px !important;}
.pll0 {padding-left: 10px !important;}


.tal{text-align: left !important}
.tar{text-align: right !important}
.tac{text-align: center !important;}
.fwb{font-weight: 600 !important;}
.fwb2{font-weight: 700 !important;}

.ls5{letter-spacing: -0.05em !important;}

.c_gray{color:#666}
.c_black{color:black}


/*서브페이지 - 공통*/



/*서브 상단비쥬얼*/

.sub_top.s0{ background:  url('../images/sub/s0_visual.jpg') ;}
.sub_top.s1{ background:#D6EACE}
.sub_top.s2{ background:#C7DCF2}
.sub_top.s3{ background: #DCDEF0}
.sub_top.s4{ background: #FBE3E5}
.sub_top.s5{ background: #FCE3C9}
.sub_top.s8{ background:  url('../images/sub/s8_visual.jpg'); background-position:center right;}


@media all and (max-width:1024px){
    .sub_top.s0{ background:  url('../images/sub/s0_visual_mo.jpg') ; background-position:center;}
    .sub_top.s8{ background:  url('../images/sub/s8_visual_mo.jpg'); background-position:center;}
}

.sub_top{margin-top: 100px;position: relative;width: 100%;height: 600px; background-repeat: no-repeat !important;background-size: cover !important; 
display: flex; align-items: center; justify-content: center;}
.sub_top .top_wrap{width: 1028px; position: static; z-index: 9;}

.sub_top.bg{gap: 80px; padding: 0 36px;}
.sub_top.bg .topimg{ height: 100%; display: flex; align-items: flex-end;}
.sub_top.bg .top_wrap{position: static; z-index: 9; width: auto;}

@media all and (max-width:1280px) {
.sub_top{ overflow-y: hidden;}
.sub_top.bg{gap: 36px;}
.sub_top.bg .top_wrap{width: 60%;}
.sub_top.bg .topimg {width: 40%;}
.sub_top.bg .topimg img{width: 100%;}

}
@media all and (max-width:1024px){
.sub_top{height: 500px; overflow-y: hidden;margin-top: 70px;}
.sub_top.bg .top_wrap{width: 60%;}
.sub_top.bg .topimg {width: 40%;}
.sub_top.bg .topimg{margin-top: 0;}
.sub_top.bg .topimg img{width: auto; max-height: 300px;}
.sub_top .top_wrap {width: calc(100% - 48px); }


}
@media all and (max-width:767px) {
.sub_top{height: 600px; }
.sub_top.bg{flex-wrap: wrap; align-items: flex-end; gap: 0; padding: 0 20px;}
.sub_top.bg .top_wrap{width: 100%;}
.sub_top.bg .topimg {width: auto; height: auto;}
.sub_top.bg> * {text-align: center;}
.sub_top .top_wrap {width: calc(100% - 32px); }
}

.sub_top .category{font-size: 16px;font-weight: 500;line-height: 16px;letter-spacing: -0.24px; margin-bottom: 36px;}
.sub_top .small_tit{font-size: 32px;font-weight: 600;line-height: 32px; letter-spacing: -1.12px; display: flex; gap: 8px; align-items: flex-start; margin-bottom: 8px;}
.sub_top .small_tit .img_wrap img{height: 32px;}
.sub_top .tit{font-size: 52px;font-weight: 600;line-height: 72px; letter-spacing: -2.34px;}
.sub_top .writer{font-size: 18px;font-weight: 400;line-height: 18px; letter-spacing: -0.45px; margin-top: 26px;}
.sub_top .writer span{display: inline-block;font-size: 20px;font-weight: 600;line-height: 20px;letter-spacing: -0.5px; margin-left: 6px;}
.sub_top .writer::before{content: '|'; width: 2px; font-weight: 500;}


@media all and (max-width:1024px) { 
.sub_top .category{font-size: 14px;font-weight: 500;line-height: 14px; letter-spacing: -0.21px; margin-bottom: 30px;}
.sub_top .small_tit{font-size: 24px;font-weight: 600;line-height: 24px; letter-spacing: -0.84px; margin-bottom: 10px;}
.sub_top .small_tit .img_wrap img{height: 25px;}
.sub_top .tit{font-size: 32px;font-weight: 600;line-height: 44px; letter-spacing: -1.12px;word-break: keep-all;}
.sub_top .writer{font-size: 14px;font-weight: 400;line-height: 14px; letter-spacing: -0.35px; margin-top: 22px;}
.sub_top .writer span{font-size: 16px;font-weight: 600;line-height: 16px; letter-spacing: -0.4px;}
.sub_top .writer::before{content: '|'; width: 2px; font-weight: 500;}
}

@media all and (max-width:767px) {
.sub_top .category{margin-bottom: 20px;}
.sub_top.bg.sub_top .small_tit{justify-content: center;}
.sub_top .small_tit{font-size: 18px;font-weight: 600;line-height: 18px;letter-spacing: -0.63px; margin-bottom: 6px;}
.sub_top .small_tit .img_wrap img{height: 21px;}
.sub_top .tit{font-size: 24px;font-weight: 600;line-height: 32px;letter-spacing: -0.84px; }
.sub_top .writer{margin-top: 12px;}
}

/*서브 컨테이너*/
.sub_content{height: auto;overflow: auto;}
.inner {width: calc(100% - 160px); max-width: 1028px; margin: 0 auto;    overflow: auto;}
.part{margin-top: 80px;}
.part.last{margin-bottom: 150px;}
.part.info{border-top: 1px solid #222; border-bottom: 1px solid #222;text-align: center; padding:28px 0; }
.part.info i {font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.27px;}
.part.info i span{font-size: 16px;font-weight: 400;line-height: 16px;letter-spacing: -0.24px;}
.img_wrap {text-align: center;}
@media all and (max-width:1024px){
.inner {width: calc(100% - 48px); max-width: auto;}
}
@media all and (max-width:767px){
.inner {width: calc(100% - 40px); }
.part{margin-top: 60px;}
.part.last{margin-bottom: 100px;}
.part.info i{font-size: 16px;font-weight: 400;line-height: 26px; letter-spacing: -0.24px;}
.part.info i span{font-size: 14px;font-weight: 400;line-height: 14px;letter-spacing: -0.21px;}
}
/*서브 공통 텍스트*/
.title{font-size: 24px;font-weight: 600;line-height: 32px; letter-spacing: -0.84px; margin-bottom: 12px;}
.text{color: #222;font-size: 18px;font-weight: 400;line-height: 34px; letter-spacing: -0.81px;}
.text2{font-family: "Gowun Dodum"  !important;font-size: 18px;font-weight: 400;line-height: 34px;letter-spacing: -0.63px;text-align: center;}
.caption{text-align: center;font-family: "Gowun Dodum" !important;font-size: 20px;font-weight: 400;line-height: 28px; letter-spacing: -0.7px; margin-top: 20px;}
.caption span{display: block;font-size: 15px;font-weight: 400;line-height: 22px;letter-spacing: -0.525px; margin-top: 8px; }
.caption2{margin-top: 14px;font-size: 15px;font-weight: 400;line-height: 22px;letter-spacing: -0.525px; text-align: center;}

.photo_slider { width: 100%; overflow: hidden;}
.photo_slider .swiper-slide img {width: 100%;display: block;object-fit: cover;}

@media all and (max-width:767px){
.title{font-size: 20px;font-style: normal;font-weight: 600;line-height: 28px; letter-spacing: -0.7px;word-break: keep-all !important;}
.text{font-size: 16px;font-weight: 400;line-height: 29px;letter-spacing: -0.24px;}
.text2{font-size: 16px;font-weight: 400;line-height: 28px; letter-spacing: -0.56px;}
.caption{font-size: 18px;font-weight: 400;line-height: 28px;letter-spacing: -0.63px;}
}

/*서브 q&a*/
.q_box{padding: 60px; background:  url('../images/sub/s1_qbox_bg.jpg'); background-size: cover; background-repeat: no-repeat;}
.q_box .q_box_cont{padding:0px 40px 48px 40px;border-radius: 32px;border: 3px solid #D2D7CB; }
.q_box .q_box_cont .title{padding: 18px 36px;border-radius: 0px 0px 24px 24px; border: 3px solid #D2D7CB; width: fit-content; text-align: center;  margin: 0  auto; border-top: none !important;}
.q_box .q_box_cont .title img{width: 32px; margin-right: 10px;}
.q_box mark{background:#FEECD2;} 

.q_box .q_box_cont .profile{margin: 32px auto;max-width: 160px;}
.q_box .q_box_cont .line{border-top: 2px solid #5C8360;}
.q_box .q_box_cont .txt_wrap{padding-bottom: 40px; }
.q_box .q_box_cont .txt_wrap.last{padding-bottom: 0px; }
.q_tit{font-size: 18px;font-weight: 600;line-height: 28px; letter-spacing: -0.63px; margin: 10px 0;}
.q_tit span{padding-right: 10px;font-size: 24px;font-weight: 700;line-height: 28px; letter-spacing: -0.84px; display: inline-block; }

.q_box .q_box_cont .flexs {margin-top: 10px;}
.q_box .q_box_cont .flexs .img_wrap{max-width: 80px;}
.q_box .q_box_cont .flexs .text{position: relative; padding-left: 8px;}
.q_box .q_box_cont .flexs .text span{position: absolute; left: -16px; color: #5C8360;}

@media all and (max-width:1024px){
.q_box{padding: 32px 24px;}
.q_box .q_box_cont{padding: 0px 24px 48px 24px;}
}

@media all and (max-width:767px){
.q_box{padding: 24px 16px;}
.q_box .q_box_cont{padding:0 0 48px 0 ; border-radius: 32px;}
.q_box .q_box_cont .title{width: 100%; margin: 0; border: none; border-bottom:  3px solid #D2D7CB; border-radius: 0;} 
.q_box .q_box_cont .txt_wrap{margin: 0 16px ;}
.q_box_cont .txt_wrap2{margin: 0 16px ;}
.q_tit{margin: 8px 0 10px 0; word-break: keep-all;}

.q_box .q_box_cont .flexs .text{padding-left: 20px;}
.q_box .q_box_cont .flexs .text span{ left: -5px; }
.q_box .q_box_cont .flexs .img_wrap{ margin: 10px auto 4px auto;}
}

@media all and (max-width:360px){
.q_box .q_box_cont .flexs .img_wrap{ max-width: 60px;}
}

/*서브페이지 - 인터뷰*/
.interview_box{border-radius: 0px 48px; border: 3px solid #EBE5F2;padding: 28px; }
.interview_box .text2{text-align: left;}
.interview_box .img_wrap img{width: 42px;}
.interview_box .quote1{margin-bottom: 12px;}
.interview_box .quote2{margin-top: 12px; }
@media all and (max-width:767px){
.interview_box{padding: 16px;}
.interview_box .img_wrap img{width: 30px;}
}
/*서브페이지 - 개별*/

/*인트로*/
.sub_content.s0 {background: #FBF3E4;}
.s0 .info{border-color: #5C8360 !important;}
.s0 .info i{ color: #5C8360 }
.s0 .intro_text{ color:  #5C8360;font-size: 20px;font-style: normal;font-weight: 500;line-height: 40px;letter-spacing: -0.7px;}
@media all and (max-width:767px){
.s0 .intro_text{font-size: 18px;line-height: 34px; letter-spacing: -0.81px;}
}

/*서브1*/
.s1 .ccolor1,.s1 .title,.s1  .info i *,.s1  .writer::before{color: #5C8360 !important;} 
.s1 .ccolor1-2{color: #14611C;}
@media all and (max-width:1024px){
.s1 .width{max-width: 412px;}
}
/*서브2*/
.s2 .ccolor2,.s2 .title,.s2  .writer::before{color: #5185C5;} 
.s2 .ccolor2-1{color: #0A51AA;}

.s2 .q_box .q_box_cont .title,.s2 .q_box .q_box_cont{border-color: #D0D9EF;}
.s2 .q_box .q_box_cont .line{border-color:#5185C5;}

/*서브3*/

.sub_top.s3.bg .topimg {width: 780px}

.s3 .ccolor3,.s3 .title{color: #9B7CB6;}
.s3 .ccolor3-1{color: #56158F;}
.s3 .photo_slider{position: relative;}
.s3 .pagination { text-align: center; position: absolute; bottom: 50px; z-index: 20;}
.s3 .pagination .swiper-pagination-bullet { background-color: #F1F1F1;opacity: 1;box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.20); width: 12px; height: 12px;}
.s3 .pagination .swiper-pagination-bullet-active {background: #5CC2CF;opacity: 1;}

.s3 .interview_box{margin-top: 36px;}

.s3 .box{background: #DCDEF0; padding: 60px 40px;}
.s3 .box .title.line{width: fit-content; margin: 0 auto 36px auto; border-bottom: 2px solid #fff; color: #222 !important;}
.s3 .box .top_box{border-radius: 16px;background: #9B7CB6;padding: 22px 36px; text-align: center;}
.s3 .box .top_box .title{margin-bottom: 4px;}
.s3 .box .top_box .title,.s3 .box .top_box .text{color: #fff;}
.s3 .box .wh_box{background: #fff;padding: 28px 24px; border-radius: 18px; flex: 1; height: 100%; display: flex; flex-direction: column;} 
.s3 .box .box1,.s3 .box .box2 { display: flex; flex-direction: column;}
.s3 .box .wh_box .img_wrap {margin-bottom: 40px; text-align: center;}
.s3 .box .wh_box .img_wrap img{width:auto; height: 188px;}
@media all and (max-width:1280px){
    .sub_top .pc-only{display: none !important;}
}
@media all and (max-width:1024px){
.s3 .box {padding: 48px 24px;}


.sub_top.s3.bg .top_wrap{width: 50%;}
.sub_top.s3.bg .topimg {width: 50%}
}


@media all and (max-width:767px){
.s3 .pagination{bottom:5px !important;}
.sub_top.s3.bg .top_wrap{width: 100%;}
.sub_top.s3.bg .topimg {width: 100%; }
.sub_top.s3.bg .topimg img{margin: 0 auto;}

.s3 .pagination .swiper-pagination-bullet {width: 8px; height: 8px;}
.s3 .box {padding: 24px 16px;}
.s3 .box .top_box,.s3 .box .wh_box {padding: 16px;}

}


/*서브4*/

.s4 .ccolor4,.s4 .caption,.s4 .title{color: #EC6D88;}
.sub_content.s4{background: #FFF7F8;}
@media screen and (min-width: 768px) and (max-width: 900px) {
.s4 .first img{width:60% ;}
}

/*서브5*/
.s5 .ccolor5,.s5 .caption,.s5 .title{color: #ED6F36;}
.sub_content.s5{background: #FDF6EF;}

.s5 .box{background: #ED6F36; border-radius: 32px;padding: 48px 40px; }
.s5 .box .box_tit{ display: flex; justify-content: center; margin: 0 auto 32px auto; gap: 8px;}
.s5 .box .title{ color: #fff; border-bottom: 2px solid  #FCE3C9;color: #fff; width: fit-content; margin-bottom: 0; padding-bottom: 4px;}
.s5 .box .title span{font-weight: 400;color: #FCE3C9}
.s5 .box .box_tit img{width: 40.76px;height: 28.2px;}
.s5 .box .txt_wrap{margin-bottom: 40px;}
.s5 .box .txt_wrap .q_tit{color: #FCE3C9 !important ;}
.s5 .box .txt_wrap .q_tit span{color: #FCE3C9 !important ;}
.s5 .box .txt_wrap .text{color: #fff;}
@media all and (max-width:767px){
.s5 .box{padding: 30px;}
}


/*서브8*/
.s8 .ccolor8{color: #5185C5;}
.s8 .top_wrap .tit{margin-bottom: 8px;}

.s8 .box{padding: 40px; background: #E9EDF7;}
.s8 .box .txt_wrap{margin-top: 20px;}
.s8 .box .title{border-bottom: 1px solid  #5185C5; width: fit-content;}
.s8 .box .flexs>div .text{font-weight:700;}
.s8 .box .flexs>div .text:nth-child(2){margin: 6px 0;}
.s8 .box .flexs .img_wrap{width: 145px;}
.s8 .box .caption2{display: flex; border-top: 1px solid #5185C5; padding-top: 16px; margin-top: 0; gap: 28px;}
.s8 .box .caption2 span{font-weight: 700;}

.s8 .photo_slider{position: relative;}
.s8 .pagination { text-align: center; position: absolute; bottom: 50px !important; z-index: 20;}
.s8 .pagination .swiper-pagination-bullet { background-color: #F1F1F1;opacity: 1;box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.20); width: 12px; height: 12px;}
.s8 .pagination .swiper-pagination-bullet-active {background: #5CC2CF;opacity: 1;}

@media all and (max-width:767px){
.s8 .box{padding: 30px;}
.s8 .box .caption2{display: block; text-align: left;}
.s8 .box .caption2 span{display: block;}
.s8 .pagination .swiper-pagination-bullet{width: 8px; height: 8px;}
.s8 .pagination{bottom: 35px !important;}
}


/*서브9*/
.s9 { background:  url('../images/sub/s9_bg.jpg');background-repeat: no-repeat;background-size: cover;}

.s9 .sub_top{margin-top: 180px;padding: 48px 0; border: 2px solid #409BD6;height: auto;}
.s9 .sub_top .tit_wrap{display: flex; align-items: center;}
.s9 .sub_top .tit_wrap .big_tit{font-size: 52px;font-weight: 600;line-height: 72px; letter-spacing: -2.34px; color: #409BD6;}
.s9 .sub_top .tit_wrap .round_tit{font-family: "Gowun Dodum" !important;font-size: 48px;font-weight: 400;width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; background: #409BD6; color: #fff; border-radius: 999px;}
.s9 .sub_top .tit_wrap>:nth-child(2){margin-left: 16px; margin-right: 6px;}
.s9 .sub_top .bg_img{position: absolute; right: 0; bottom: 0; width:260px ;}

.s9 .title{color: #409BD6;}
.s9 .box{border: 1px solid  #409BD6; padding: 40px;}

@media all and (max-width:1280px){
    .s9 .sub_top{padding: 36px 0 0 0;}
    .s9 .sub_top .bg_img{position: static; text-align:center; width: auto;}
    .s9 .sub_top .bg_img img{width:260px; margin-top: 30px;}
}

@media all and (max-width:767px){
    .s9 .sub_top .tit_wrap .big_tit{font-size: 32px;}
    .s9 .sub_top .tit_wrap .round_tit{font-size: 22px; width: 40px; height: 40px;}
    .s9 .box{padding:30px }
}


/*서브 뉴스*/
.news{background: #F5F5F5;}
.news .sub_top{height: auto; margin-top: 180px;border-top: 2px solid #222; padding-top: 4px;}
.news .sub_top>div{text-align: center; padding: 48px 0;border-top:1px solid #222; width: 100%; border-bottom: 1px solid #222;}
.news .part{border-bottom: 1px solid #222; padding-bottom: 80px;}
.news .part.last{border: none; padding-bottom: 0;}
.news .title{text-align: center;}
.news .img_wrap{margin: 28px auto;}
@media all and (max-width:1024px) {
.news .sub_top{margin-top: 150px;}
}
@media all and (max-width:767px) {
    .news .part{padding-bottom: 60px;}
   
    .news .sub_top{ margin-top: 110px;}
 .news.part.first{margin-top: 40px !important;}
}

/*기부*/
.dn{ background:  url('../images/sub/dn_bg.jpg');background-repeat: no-repeat;background-size: cover;}
.dn .sub_top{height: auto; margin-top: 180px;}
.dn .ccolor_dn{color: #68FFE8;}
.dn .part2{margin-bottom: 40px;}
.dn .big_tit{color:#fff;font-size: 24px;font-weight: 400;line-height: 42px;letter-spacing: -1.08px;}
.dn .dot{position: relative; padding-left: 10px;}
.dn .dot::before{content: '·'; position: absolute; left: 0px;}
.dn .big{font-size: 22px;line-height: 32px; letter-spacing: -0.77px;}
.dn .box{border: 2px solid #68FFE8; border-radius: 32px; padding: 40px; width: fit-content;}
@media all and (max-width:1024px) {
.dn .sub_top{ margin-top: 150px;}
.dn .box{padding: 30px;}
}
@media all and (max-width:767px) {
.dn .big_tit{font-size: 18px;font-weight: 400;line-height: 34px; letter-spacing: -0.81px; word-break: keep-all;}
.dn .sub_top{ margin-top: 130px;}
}


/*퀴즈*/
.quiz {background:  url('../images/sub/quiz_bg.jpg');   background-repeat: no-repeat; background-size: cover; margin-top: 100px;}
.quiz .top{height: 300px;width: 100%; background:  url('../images/sub/quiz_visual.png'); background-position:center;  background-repeat: no-repeat; background-size: cover;}

.quiz  span{color:  #502212;}
.quiz .part{background: #F2EADF; padding: 60px 80px; border-radius: 60px;}
.quiz .q_text{color:  #502212;text-align: center;font-size: 22px;font-weight: 500;line-height: 42px; letter-spacing: -0.99px;}


.quiz .txt_wrap{padding-bottom: 40px;border-bottom: 2px dashed  #F6AA20;position: relative;}
.quiz .img_wrap{position: absolute; left: 0; bottom: -140px;}
.quiz .txt_wrap .img_wrap img{width: 180px;}
.quiz .txt_wrap2{margin: 32px auto;  align-items: center;}
.quiz .txt_wrap2 .quiz_btn{ max-width: 420px;margin: 28px auto 0 auto; display: block;}
.quiz .caption2{color:#502212;margin-top: 10px !important;}

.quiz .quiz_box_wrap{padding-top: 52px;}
.quiz .quiz_box{border-radius: 28px;background:#F3D092;padding: 36px 40px; position: relative; }
.quiz .quiz_box .quiz_big{color:#502212;font-size: 22px;font-weight: 600;line-height: 38px; letter-spacing: -0.99px;}
.quiz .quiz_box .tit{color: #fff;text-align: center;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #502212;font-size: 32px;font-weight: 700;line-height: 42px; letter-spacing: -1.44px;text-transform: uppercase;padding: 6px 40px;border-radius: 99px;background: #F57417; width: fit-content; height: 54px; display: flex; align-items: center; justify-content: center; position: absolute; top:-27px; left: 0;}
.quiz .top .img_wrap{display: none;}
@media all and (max-width:1024px) {
.quiz .top{ margin-top: 70px;}
 .quiz .img_wrap{position: static; margin:28px auto 0 auto;  width: fit-content;}

}


@media all and (max-width:767px) {
.quiz .top{height: 180px;width: 100%; background-image: none; display: flex; align-items: center;} 
.quiz .top .img_wrap{display: block;width: 330px;}
 .quiz .part{padding: 40px 30px; border-radius: 30px;}
.quiz .txt_wrap .img_wrap img{width: 150px;}


.quiz .txt_wrap2 .quiz_btn{ max-width:300px}
.quiz .q_text{font-size: 18px;line-height: 34px; letter-spacing: -0.81px; word-break: keep-all;}
.quiz .quiz_box_wrap{padding-top: 40px;}
.quiz .quiz_box{padding:30px  20px;}
.quiz .quiz_box .quiz_big{font-size: 18px;line-height: 34px; letter-spacing: -0.81px; word-break: keep-all;}
.quiz .quiz_box .tit{padding:0 40px ; height: 40px; top:-20px; font-size: 20px;}

}