@import url(common.css);@import url(fonts.css);


/*¼­ºê °øÅë ½ºÅ¸ÀÏ*/
.flexs{display: flex; gap: 20px;}
.flexs.gap40{gap: 40px;}
.gap10{gap: 10px;}
.gap15{gap: 15px;}
.jcc{justify-content: center;}

.ls5 {letter-spacing: -0.05em !important;}
@media all and (max-width: 767px) {
.flexs{flex-direction: column;}
}

.r_box{border-radius: 20px;padding: 36px 28px; background: #fff;}
.r_box.gy{background:#F3F4F4;}
.r_box .text22{text-align: center; line-height: 40px !important; }


/*¼­ºê ºñÁê¾ó ½ºÅ¸ÀÏ*/
.visaul_wrap{margin-top: 80px; padding:80px 110px 0 110px; }
.visual{position: relative;}
.visual_bg {position: relative; z-index: -2;  border-radius: 40px; overflow: hidden;}
.visual_bg img {max-height: 700px; min-height:600px ; object-fit: cover;}   
.visual_bg::after { content: ""; position: absolute; inset: 0; background: rgba(000, 000, 000, 0.4); z-index: 1;}



.visaul_category_wrap { position: absolute;  left: 50%; transform: translateX(-50%); display: inline-flex; flex-direction: column; align-items: center;  z-index: 10; }
.visaul_category { position: relative; color: #fff; font-size: 24px; font-weight: 500;letter-spacing: -0.48px; line-height: 32px; border-radius: 99px; padding: 10px 38px; height: 52px; white-space: nowrap;  background-color: transparent;  display: flex; align-items: center; justify-content: center; z-index: 4; } 

.category_line { position: absolute; top: 0;left: 50%; transform: translateX(-50%); width: calc(100% + 28px); height: 66px; background: #fff; border-radius: 0 0 34px 34px; z-index: 3; } 
.category_line::after, .category_line::before { position: absolute; content: ''; width: 32px; height: 29px; background-size: cover; top: 0; } 

.category_line::after { left: -31px; background-image: url('../../images/sub/visual_round1.png'); }
.category_line::before { right: -31px; background-image: url('../../images/sub/visual_round2.png'); }

.visual_txt{position: absolute; top: 50%;  transform: translateY(-50%); width: 100%;}
.visual_txt .visual_tit{color: #fff;text-align: center;font-size:50px;font-weight: 600;line-height: 70px;letter-spacing: -1.12px;}
.visual_txt .writer{color: #fff;text-align: center;font-size: 22px;font-weight: 400;line-height: 34px; letter-spacing: -0.44px; margin-top: 35px;}

@media all and (max-width: 1279px) {
.visual_bg img {max-height: 700px; min-height:360px ;}   
 .visaul_wrap {padding: 80px 40px 0 40px;}
 .visual_txt .visual_tit{font-size: 36px;font-weight: 600;line-height: 48px; letter-spacing: -0.72px;}
 .visual_txt .writer{margin-top: 24px;}
 }
@media all and (max-width: 1023px) {
 .visual_bg{border-radius: 24px;}
.visual_txt{height: 100%;  display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 20px; bottom: 0; top:auto; transform: translateY(0%);}

 .visual_txt .writer{margin-top: 0px; font-size: 18px;line-height: 26px; letter-spacing: -0.54px;}
 .visaul_wrap{padding: 0 24px;margin-top: 60px; margin-bottom: 0px; }

.visaul_category { height:46px ; padding: 8px 32px; font-size: 22px;line-height: 30px; letter-spacing: -0.44px;} 
.category_line {height: 58px ; } 

 }
@media all and (max-width: 767px) {
 .visual_bg{border-radius: 20px;}   
.visual_bg img {min-height:400px ;}    
.visual_txt{padding: 0 20px;}
 .visual_txt .visual_tit{font-size: 28px;font-weight: 600;line-height: 36px; letter-spacing: -0.56px; word-break: keep-all;}
.visaul_category { height:38px ; padding: 6px 28px; font-size: 18px; line-height: 26px; letter-spacing: -0.54px; } 
.category_line {height: 48px ;border-radius: 0 0 28px 28px; } 

 .category_line::after{width:21px; height: 18px;  left: -20px;}
 .category_line::before{width:21px; height: 18px; right: -20px;}

 }



/*¼­ºê º»¹® °øÅë ½ºÅ¸ÀÏ*/
.container {padding-top:80px;}
.content{padding: 80px 0;}
.content.last{padding: 80px 0 100px 0;}
.content.last2{padding: 80px 0 150px 0;}

.content.bg_gy{background: #F3F4F4;}

.content .part{max-width: 856px; width: 100%; margin: 0 auto;}
.content .part .txt_wrap{margin:40px auto;}
.content .part>:first-child{margin-top: 0 !important;}
.content .part>:last-child{margin-bottom: 0 !important;}

.sub_intro.txt_wrap{margin: 0 auto !important;}
.sub_intro.txt_wrap .text{ text-align: center !important;}

.content .part .txt_wrap .title{font-size: 36px;font-weight: 600;line-height: 48px; letter-spacing: -0.72px; text-align: center;}
.content .part .txt_wrap .s_title{font-size: 28px;font-weight: 600;line-height: 36px; text-align: center; margin-bottom: 20px;
letter-spacing: -0.56px;text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: auto;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;}
.content .part .txt_wrap .text{font-size: 20px;font-weight: 400;line-height: 38px; letter-spacing: -0.2px; text-align: justify;}
.content .part .txt_wrap .text22{font-size: 22px;font-weight: 500;line-height: 34px; letter-spacing: -0.44px;}
.content .part .txt_wrap .text24{font-size: 24px;font-weight: 600;line-height: 32px; letter-spacing: -0.48px;}
.content .part .caption{color: #4A4A4A;text-align: center;font-size: 16px;font-weight: 400;line-height: 26px; letter-spacing: -0.6px; margin-top: 10px;}
.caption.top_line{border-top: 1px solid #4A4A4A;; width: fit-content;}

@media all and (max-width: 1023px) {
.container {padding-top:40px;}
.content{padding: 60px 0;}
.content.last{padding: 60px 0 80px 0;}
.content.last2{padding: 60px 0 100px 0;}

.content .part .txt_wrap{margin: 32px auto;}
.content .part .txt_wrap .title{font-size: 32px;font-weight: 600;line-height: 48px; letter-spacing: -0.8px;}
.content .part .txt_wrap .s_title{margin-bottom: 16px;font-size: 24px;font-weight: 600;line-height: 32px; letter-spacing: -0.48px;}
.content .part .txt_wrap .text24{font-size: 22px;font-weight: 600;line-height: 30px; letter-spacing: -0.44px;}
.content .part .txt_wrap .text24.mb14{margin-bottom: 10px !important;}

}
@media all and (max-width: 886px) {
.content .part{max-width:100%; width: auto; margin: 0 24px;}
}

@media all and (max-width: 767px) {
.container {padding-top: 40px;}
.content{padding: 40px 0;}
.content.last{padding: 40px 0 60px 0;}
.content.last2{padding: 60px 0 80px 0;}
.content .part{ margin: 0 20px;}

.content .part .txt_wrap{margin:24px auto;}
.content .part .txt_wrap .title{font-size: 26px;font-weight: 600;line-height: 34px; letter-spacing: -1.04px;}
.content .part .txt_wrap .s_title{font-size: 22px;font-weight: 600;line-height: 30px; margin-bottom: 12px;}
.content .part .txt_wrap .text24{font-size: 20px;font-weight: 500;line-height: 28px; letter-spacing: -0.8px;}
.content .part .txt_wrap .text24.mb14{margin-bottom:8px !important;}
.content .part .txt_wrap .text22{font-size: 18px;font-weight: 500;line-height: 26px; letter-spacing: -0.54px;}
.content .part .txt_wrap .text {font-size: 18px; line-height: 32px; letter-spacing: -0.18px;}
.content .part .txt_wrap.gy_box  .text22{ line-height:36px !important; }
.content .part .caption{font-size: 15px;font-weight: 400;line-height: 22px; letter-spacing: -0.3px;}
}

/*±ÛÀÚ °­Á¶*/
.highlight { display: inline;  background-repeat: no-repeat; background-size: 0% 100%; transition: background-size 1.2s ease; box-decoration-break: clone; -webkit-box-decoration-break: clone; font-weight: 500; } 
.highlight.active { background-size: 100% 100%; } 
.highlight.active::after { width: 100%; background-size: 100% 100%; } 

.ccolor7-1 .highlight{   background-image: linear-gradient(rgba(0, 74, 113, 0.2), rgba(0, 74, 113, 0.2));} 
.ccolor7-2 .highlight { background-image: linear-gradient(rgba(71, 103, 207, 0.2), rgba(71, 103, 207, 0.2));} 
.s8 .highlight{background-image: linear-gradient(rgba(79, 112, 159, 0.2), rgba(79, 112, 159, 0.2));}


/*sup*/
.sups{font-size:12px ;  vertical-align: super;}
.sups2{font-size:10px ;  vertical-align: super;}

/* Áö³­È£ º¸±â ½½¶óÀ̵å */
.related {padding: 80px 0; background:#fff;}
.related.gray{background:#F3F4F4;}
.related_top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 48px;}
.related_arrow { width: 38px; height: 38px;border: none; background-color: transparent; background-repeat: no-repeat; background-position: center;background-size: cover; cursor: pointer; padding: 0; } 


.related_arrow.prev { background-image: url('../../images/sub/arrow_prev.png'); } 
.related_arrow.next { background-image: url('../../images/sub/arrow_next.png'); } 
.related_title { color: #222;text-align: center;font-size: 32px;font-style: normal;font-weight: 600;line-height: 48px;letter-spacing: -0.8px; } 

.related .slide-container { width: 100%; overflow: hidden; } 
.related .slide-container .slick-list { margin: 0 -10px; } 
.related .slide-container .slick-slide { padding: 0 10px; box-sizing: border-box; } 
.related .slide-container .slide-item { position: relative; overflow: hidden; } 
.related .slide-item .img { width: 100%; height: 100%; overflow: hidden; } 

.related_slide .slide-item .txt_wrap {margin-top: 20px; margin-bottom: 0;} 
.related_slide .slide-item .txt_wrap .r_date{color: #666;font-size: 18px;font-weight:400;line-height: 26px;letter-spacing: -0.54px;}
.related_slide .slide-item .txt_wrap .r_tit{font-size: 20px;font-weight: 500;line-height: 28px;letter-spacing: -0.8px; margin-top: 4px;}


.related  .visual__progress { width: 100%; height: 6px; background: #fff; border-radius: 999px; overflow: hidden; margin-top: 24px; } 
.related  .visual__progress .bar { display: block; height: 100%; width: 0%; background: #666; border-radius: 999px; transition: width 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); } 

.related .part.top_part{margin-bottom: 48px; }

.related_three .related_top{justify-content: center;}
.related_three .related_arrow{display: none;}
.related_three .visual__progress{display: none;}

@media all and (max-width: 1023px) {
.related {padding:46px 0; }
.related .part.top_part{margin:0 auto 22px auto; padding: 0 11px;}
.related .part.bottom_part{margin: 0 auto; padding: 0 20px;}
.related_title {font-size: 28px;line-height: 36px;letter-spacing: -0.56px;  } 
.related_slide .slide-item .txt_wrap .r_date{font-weight: 400;}
.related .visual__progress{margin-top: 20px;}
.related_arrow { width: 48px; height: 48px;border: none;background-size:30px } 
}
@media all and (max-width: 767px) {
.related {padding:40px 0; }
.related_title {font-size: 24px;line-height: 32px;letter-spacing: -0.48px; } 
.related_slide .slide-item .txt_wrap{margin-top: 12px !important;}
.related_slide .slide-item .txt_wrap .r_date{font-size: 15px;font-weight: 600;line-height: 22px;letter-spacing: -0.3px;}
.related_slide .slide-item .txt_wrap .r_tit{font-size: 18px;font-weight: 600;line-height: 26px;letter-spacing: -0.54px; margin-top: 2px;}
.related_top{ margin-bottom: 12px; gap: 6px; justify-content: space-between;}

.related .part.top_part{margin:0 auto 12px auto}
.s6 .related_arrow,.s7 .related_arrow,.s8 .related_arrow,.s10 .related_arrow,.s11 .related_arrow,.s12 .related_arrow{display: block;}
.s6 .related .visual__progress,.s7 .related .visual__progress,.s8 .related .visual__progress,.s10 .related .visual__progress,.s11 .related .visual__progress,
.s12 .related .visual__progress{display: block;}
}


 /*¼­ºê ³»ºÎ ½½¶óÀÌµå µµÆ®*/
.sub_slide .slick-dots li button { font-size: 0; line-height: 0; width: 12px; height: 12px; padding: 0; 
 background: #fff !important; border-radius: 50%; border: none; cursor: pointer; outline: none; 
 display: block;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.30) !important; 
 transition: all 0.3s ease; } 
.sub_slide .slick-dots li button::before { display: none !important; }
.sub_slide .slick-dots li.slick-active button { background: #666 !important;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.30)!important;  } 
.sub_slide .slick-dots li { display: inline-block !important; margin: 0 6px !important; padding: 0 !important; width: auto !important; height: auto !important; } 
.sub_slide .slick-dots{bottom: 0 !important;}
@media all and (max-width: 767px) {
    .sub_slide .slick-dots li button{width: 10px; height: 10px;}
}

/*¼­ºê °³º° ½ºÅ¸ÀÏ*/
/*sub1*/
.s1 .visaul_category{background: #A27449;}

.s1 .sub_intro .flexs{margin-bottom: 32px;}
.s1 .box_wrap{padding: 40px 40px 0 40px;background: #FBF5EC; position: relative; border-radius: 20px; overflow: hidden;}

.s1 .icon1{ z-index: 10; position: absolute;  left: 50%;transform: translateX(-50%); top: 0px; }
.s1 .icon1 img{width: 60px; position: relative; z-index: 20; }
.s1 .icon1::after{content: ''; position: absolute; left: 50%; top: 0px; width: 114px; height: 80px;background: #FBF5EC;z-index: 3; transform: translateX(-50%); }
.s1 .flex_bg{justify-content: space-between; display: flex;  position: relative; }
.s1 .flex_bg::after{position: absolute; content: ''; width: 100%; height: 2px; top: 0; left: 0; background:#B68D61; z-index: 1;}

.s1 .icon2,.s1 .icon3{position: relative; z-index: 2;background:#FBF5EC; }
.s1 .icon2 img,.s1 .icon3 img{width:31px;}

.s1 .box{ padding:40px 40px 488px 40px;  background-image: url('../../images/sub/sub1/s1_bg.png'); background-size: cover; background-repeat: no-repeat; position: relative; background-position: top center; border-left: 2px solid #B68D61; border-right: 2px solid #B68D61; }
.s1 .box .box_t {margin: 0 auto 40px auto; width: fit-content; }
.s1 .box .box_t img{width: 147px;}
.s1 .bg{position: absolute; bottom: 0; left: 0; z-index: 30;}
.s1 .line{text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;}
@media all and (max-width: 1023px) {
.s1 .box{ padding:40px 40px 60% 40px;}
}
@media all and (max-width: 767px) {
.s1 .box{ padding:60px 20px 60% 20px;}
.s1 .box_wrap{padding: 20px 20px 0 20px;}
.s1 .box .box_t img{width: 120px;}
}

/*sub2*/
.s2 .visaul_category{background: #737879;}
.s2 .tit{color:#077D6A;text-align: center; margin-bottom: 20px;}
.s2 .tit .big{font-size: 28px;font-weight: 600;line-height: 36px; letter-spacing: -0.56px; display: block;}

.s2 .width200 img{width: 200px;}
.s2 .flex_t{display: flex; gap: 6px;}
.s2 .flex_t>:nth-child(1){white-space: nowrap;}
.s2 .ccolor2_1{color: #077D6A;}
.s2 .line{text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;}

.s2 .width714{max-width: 714px; margin: 0 auto;}

.s2 .s2_check img{width: 33px; height: 33px;}
.s2 .title{display: flex; align-items: center; gap: 8px; justify-content: center;}

@media all and (max-width: 767px) {
.s2 .width200{text-align: center;}
.s2 .width200 img{width: 160px;}
.s2 .flex_wrap{max-width: 442px; width: 100%; margin: 0 auto;}
.s2 .title{align-items: flex-start; gap:3px;}

.s2 .s2_check img{width: 24px; height: 24px;}
}
@media all and (max-width: 450px) {
.s2 .flex_wrap a{word-break: break-all;}
.s2 .flex_wrap  .mo_only{display: none !important;}
}

/*sub4*/
.s4 .visaul_category{background:#95948F; }
.s4 .writer{color: #FFF;text-align: center;font-size: 26px;font-weight: 600;line-height: 34px; letter-spacing: -1.04px; margin-top: 20px;}

/*sub5*/
.s5 .visaul_category{background:#333; }

.s5 .caption.line{text-align: left; text-decoration-line: underline;text-decoration-style: solid;
text-decoration-skip-ink: auto;text-decoration-thickness: auto;
text-underline-offset: auto;text-underline-position: from-font; position: relative; padding-left: 10px;}
.s5 .line::before{position: absolute; content: '*'; left: 0px; top:0px}
@media all and (max-width: 767px) {

}

/*sub6*/
.s6 .visaul_category{background:#928C6C;}


/*sub7*/
.s7 .visaul_category{background:#004A71;}

.s7 .txt_wrap.m32{margin:32px auto;}

.s7 .ccolor7_1{color: #004A71;}
.s7 .ccolor7_2{color: #4767CF;}


.s7 .round_wrap{justify-content: space-between;}
.s7 .round_wrap .round{display: flex;  max-width: 272px;  aspect-ratio: 1 / 1;border-radius: 50%;flex-direction: column;justify-content: center;align-items: center; gap: 10px; 
background: #F5F2DB; flex: 1 0 0;}
.s7 .round_wrap .text24{color: #004A71; text-align: center;font-weight: 700 !important;}

.s7 .mb20{margin-bottom: 20px; font-weight: 600 !important;}
.s7 .r_box{background: none;}

.s7 .arrow_wrap{display: flex; align-items: center; margin-bottom: 20px;}
.s7 .arrow_wrap .text{padding: 3px 16px; background: linear-gradient(90deg, #EAEDF5 0%, #B7C3EB 100%); height: min-content;}
.s7 .arrow_wrap .arrow{  width: 0;height: 0;border-bottom: 33px solid transparent;border-top: 33px solid transparent;border-left: 33px solid #B7C3EB;border-right: 33px solid transparent;}
.s7 .arrow_wrap .wh{color:#fff; display: inline-block; padding: 0 6px;}

.s7 .box{padding: 28px 32px; background: #fff;}
@media all and (max-width: 1280px) {
.s7 .arrow_wrap .text {text-align: center !important;}
.s7 .arrow_wrap .wh{display: block; text-align: center; transform: rotate(90deg); padding: 0;}
.s7 .arrow_wrap .arrow{display: none;}
}

@media all and (max-width: 767px) {
.s7 .round_wrap{ margin: 0 auto; width: fit-content;}
.s7 .round_wrap .round{width: 180px; max-width: none;}

}

/*sub8*/
.s8 .visual_bg::after {background: rgba(000, 000, 000, 0.3);}
.s8 .visaul_category{background: #4F709F;}
.s8 .s_title{color: #4F709F;}
.s8 .box1{padding: 24px 28px; display: flex; flex-direction: column; gap: 20px; border-radius: 20px;background:#F3F4F4;}
.s8 .box1 .caption{margin-top: 0;}
.s8 .box1 .text22{text-align: center;}
.s8 .box2{display: flex;padding: 36px 28px;justify-content: center;align-items: center;gap: 40px;align-self: stretch; border-radius: 20px; background: #fff; color: #4F709F; text-align: center;}
.s8 .box2.gy_box{background: #F3F4F4; color: #4F709F;}
.s8 .box2.icon1{background-image:  url('../../images/sub/sub8/s8_3.png'); background-repeat: no-repeat; background-size:160px; background-position: right bottom;}
.s8 .box2.icon2{background-image:  url('../../images/sub/sub8/s8_4.png'); background-repeat: no-repeat; background-size:187px; background-position: left bottom;}
.s8 .box2.icon3{background-image:  url('../../images/sub/sub8/s8_5.png'); background-repeat: no-repeat; background-size:188px; background-position: right bottom;}
.s8 .box2.icon4{background-image:  url('../../images/sub/sub8/s8_7.png'); background-repeat: no-repeat; background-size:158px; background-position: left bottom;}


@media all and (max-width: 1023px) {
.s8 .box1{gap: 14px;}
}

@media all and (max-width: 767px) {
.s8 .box2 .text22 {word-break: keep-all;}
.s8 .box2.icon1{background-size: 100px;}
.s8 .box2.icon2{background-size: 110px;}
.s8 .box2.icon3{background-size: 110px;}
.s8 .box2.icon4{background-size: 100px;}

}

/*sub9*/
.s9 .visual_bg::after {background: rgba(000, 000, 000, 0.3);}
.s9 .visaul_category{background:#35749A;}

/*sub10*/
.s10 .visaul_category{background:#495F98; }


.s10 .yl_box{margin-bottom: 8px; width: fit-content; padding: 6px 14px; background:  #F6DC18;}
.s10 .r_box{font-style: italic; color:  #666; background: none;}
.s10 .r_box .img_wrap{text-align: center; margin-bottom: 28px;}
.s10 .r_box img{width: 72px;}
.s10 .ps{position: relative;}
.s10 .ps .box{margin: 0; position: absolute; padding: 20px 28px; background: rgba(0, 0, 0, 0.60); top: 0; left: 30px; color: #fff;}
.s10 .ps .box .text{margin-top: 10px; line-height: 28px !important;}
.s10 .width700{max-width: 700px !important; margin: 0 auto;}
@media all and (max-width: 767px) {
.s10 .ps .box{padding: 14px; left: 13px;}
.s10 .ps .box .text22{font-size: 18px; line-height: 28px;}
.s10 .ps .box .text{font-size: 16px; margin-top: 8px;}

}

@media all and (max-width: 480px) {
.s10 .ps .box .text22{font-size: 16px; line-height: 24px;}
.s10 .ps .box .text{font-size: 14px; line-height: 20px !important;}
}

/*sub11*/
.s11 .visaul_category{background:#5D7041; }


/*sub12*/

.s12 .visaul_category{background:#8B8F95}

.s12 .flexs2{ display: flex;}
.s12 .flexs3{ display: flex;}
.s12 .width343 img {width: 343px; }
.s12 .width368 img{width: 368px;}
.s12 .width244{margin-top: 48px;}
.s12 .width244 img{width: 244px;}

.s12 .width430 { height: auto;   display: flex; width: 100%;    max-width: 430px;}
.s12 .width430 img { width: 100%; height: 100%;       object-fit: cover;}

.s12 .width281{  max-width: 281px;}


.s12 .ps1{position: relative;}
.s12 .ps1 .ps_1{position: absolute; left: 50%; top: 27px; transform: translateX(-50%);}
.s12 .ps1 .ps_1 img{width: 158px;}

.s12 .ps2{position: relative;}
.s12 .ps2 .ps_2{position: absolute; left:70%; top: 27px; transform: translateX(-50%);}
.s12 .ps2 .ps_2 img{width: 195px !important;}

.s12 .pp40{padding-top: 40px;}
.s12 .ps3{position: relative;}
.s12 .ps3 .ps_3{position: absolute; left:56%; top: -40px; transform: translateX(-50%);}
.s12 .ps3 .ps_3 img{width: 179px !important;}


@media all and (max-width: 767px) {
.s12 .width343 img,.s12 .width368 img,.s12 .width244 img{margin: auto; display: block; }
.s12 .width343 img,.s12 .width368 img{width:100%; max-width: 340px !important;}
.s12 .flexs2{justify-content: center;}

.s12 .width244{margin-top:0px;}
.s12 .width430{margin:  auto;}

.s12 .width281{ margin:  auto;}
.s12 .width281.m281{  max-width:100%}


.s12 .flexs3 { flex-wrap: wrap; justify-content: center; gap: 10px; } 
.s12 .flexs3 > * { width: calc((100% - 20px) / 3); } 

.s12 .width244 img{width: 218px;}
.s12 .ps1 .ps_1 img{width: 128px;}
.s12 .ps2 .ps_2 img{width: 175px !important;}
.s12 .ps3 .ps_3 img{width: 149px !important;}
.s12 .ps3 .ps_3{left: 60%;}
.s12 .ps4 .ps_4 img{width: 164px !important;}
}
@media all and (max-width: 480px) {
.s12 .flexs2{flex-wrap: wrap;  justify-content:space-between}
.s12 .flexs2 > * { width: calc((100% - 10px) / 2); } 
.s12 .mo_h img{height: 100%; object-fit: cover;}
.s12 .flexs3 { flex-wrap: wrap; justify-content: space-between}
.s12 .flexs3 > * { width: calc((100% - 10px) / 2); } 
.s12 .ps2 .ps_2{top:-20px; left: auto; right: 0; transform: translateX(0); width: fit-content;}
.s12 .ps3 .ps_3{left: 58%;}

.s12 .width244 img{width: 198px;}
.s12 .ps1 .ps_1 img{width: 108px;}
.s12 .ps2 .ps_2 img{width: 155px !important;}
.s12 .ps3 .ps_3 img{width: 129px !important;}
.s12 .ps4 .ps_4 img{width: 144px !important;}
}

/*sub13*/
.s13 .visaul_category{background:#466265}

.s13 .tit28{ font-family: "Cafe24Shiningstar";font-size: 28px;font-weight: 400;line-height: 38px;letter-spacing: -0.56px;text-align: center !important; }
.s13 .width600{max-width: 600px; width: 100%; margin: 24px auto;}


@media all and (max-width: 767px) {
.s13 .tit28{ font-size: 24px; line-height: 36px; word-break: keep-all;}
}

@media all and (max-width: 480px) {

}

/* ºñµð¿À ÄÁÅ×ÀÌ³Ê */
.video-wrapper { position: relative; display: inline-block; width: 100%; overflow: hidden; background: #000; } 
.main-video { display: block; width: 100%; height: auto; position: relative; z-index: 1; /* ºñµð¿À°¡ °¡Àå ¾Æ·¡ */}
/* Ŭ¸¯ °¡À̵å Àüü ·¹À̾î */
.click-guide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; /* ºñµð¿Àº¸´Ù À§ */
 pointer-events: none; /* Áß¿ä: Ŭ¸¯ÀÌ °¡À̵带 Åë°úÇØ ºñµð¿À¿¡ ´ê°Ô ÇÔ */
 transition: opacity 0.5s ease, visibility 0.5s; background: rgba(0, 0, 0, 0.1); /* ¹Ì¼¼ÇÑ ¾îµÎ¿ò (¼±ÅûçÇ×) */}
/* Àç»ý ÁßÀÏ ¶§ °¡ÀÌµå ¼û±â±â */
.video-wrapper.is-playing .click-guide { opacity: 0; visibility: hidden; } 
/* ¹öÆ° ¹× Ä¿¼­ °øÅë ¼³Á¤ */
.play-btn, .cursor-icon { position: absolute; top: 50%; left: 50%; } 
.play-btn { width: 100px; z-index: 10; transform: translate(-50%, -50%); animation: btnClickEffect 2s infinite ease-in-out; } 
.cursor-icon {  z-index: 20; transform: translate(30px, 30px); /* Ãʱâ À§Ä¡ */
 animation: cursorMoveClick 2s infinite ease-in-out; } 
.play-btn img{width: 100px;display: block;}
.cursor-icon img { width: 72px; display: block; } 

/* ¾Ö´Ï¸ÞÀ̼Ç: Ä¿¼­ À̵¿ ¹× Ŭ¸¯ */
@keyframes cursorMoveClick { 
 0% { transform: translate(30px, 30px); } 
 40% { transform: translate(10px, 10px); } 
 50% { transform: translate(10px, 10px); } 
 60% { transform: translate(10px,10px) ; } 
 80% {transform: translate(10px, 10px) ; } 
 }

/* ¾Ö´Ï¸ÞÀ̼Ç: ¹öÆ° Ŭ¸¯ È¿°ú */
@keyframes btnClickEffect { 0%, 50% { transform: translate(-50%, -50%) scale(1); } 
 60% { transform: translate(-50%, -50%) scale(0.92); } 
 100% { transform: translate(-50%, -50%) scale(1); } 
 }
@media all and (max-width: 767px) {
.play-btn{width: fit-content;}
 .play-btn img{width: 80px;}
.cursor-icon img { width:50px;  } 
}

@media all and (max-width: 479px) {
 .play-btn img{width:65px;}
 .cursor-icon img { width:35px;  } 
}



/*sub14*/
.s14 .content.last2 { padding: 0 !important; } 
.s14 .content:not(.related) .part { margin-top: 80px; margin-bottom: 100px; } 
.s14 .content:not(.related) .category { padding: 10px 38px; width: fit-content; margin: 40px auto; display: block; border-radius: 999px; color: #fff; font-size: 24px; font-weight: 600; line-height: 32px; letter-spacing: -0.48px; background: #5C7ADC; text-align: center; } 

@media all and (max-width: 1023px) { 
 .s14 .content:not(.related) .part { margin-top: 100px; margin-bottom: 60px; } 
 .s14.container { padding-top: 0 !important; } 
 .s14 .content:not(.related) .category { padding: 8px 32px; font-size: 22px; line-height: 30px; letter-spacing: -0.44px; } 
 }
@media all and (max-width: 767px){
 .s14 .content:not(.related) .part { margin-bottom: 40px; } 
 .s14 .content:not(.related) .category { padding: 6px 28px; font-size: 18px; line-height: 26px; letter-spacing: -0.54px; } 
 }

/*sub15*/
.s15 .content.last2 { padding: 0 !important; } 
.s15 .content:not(.related) .part { margin-top: 80px; margin-bottom: 100px; } 
.s15 .content:not(.related) .category { padding: 10px 38px; width: fit-content; margin: 40px auto; display: block; border-radius: 999px; color: #fff; font-size: 24px; font-weight: 600; line-height: 32px; letter-spacing: -0.48px; background: #758EE1; text-align: center; } 

@media all and (max-width: 1023px) { 
 .s15 .content:not(.related) .part { margin-top: 100px; margin-bottom: 60px; } 
 .s15.container { padding-top: 0 !important; } 
 .s15 .content:not(.related) .category { padding: 8px 32px; font-size: 22px; line-height: 30px; letter-spacing: -0.44px; } 
 }
@media all and (max-width: 767px){
 .s15 .content:not(.related) .part { margin-bottom: 40px; } 
 .s15 .content:not(.related) .category { padding: 6px 28px; font-size: 18px; line-height: 26px; letter-spacing: -0.54px; } 
 }
.s15 .flex_img { display: flex; } 
.s15 .flex_btn { display: flex; align-items: center; justify-content: center; gap: 28px; margin-top: 40px; } 
.s15 .category_in { margin: 0 !important; } 





/*sub16*/
.s16 .content.last2 { padding: 0 !important; } 
.s16 .content:not(.related) .part { margin-top: 80px; margin-bottom: 100px; } 
.s16 .content:not(.related) .category { padding: 10px 38px; width: fit-content; margin: 40px auto; display: block; border-radius: 999px; color: #fff; font-size: 24px; font-weight: 600; line-height: 32px; letter-spacing: -0.48px; background: #D75C57; text-align: center; } 
.s16 .flex_img { display: flex; } 
.s16 .flex_btn { display: flex; align-items: center; justify-content: center; gap: 28px; margin-top: 40px; } 
.s16 .category_in { margin: 0 !important; } 



@media all and (max-width: 1023px) {
 .s16 .content:not(.related) .part { margin-top: 100px; margin-bottom: 60px; } 
 .s16.container { padding-top: 0 !important; } 
 .s16 .content:not(.related) .category { padding: 8px 32px; font-size: 22px; line-height: 30px; letter-spacing: -0.44px; } 
 }

@media all and (max-width: 767px){
 .s16 .content:not(.related) .part { margin-bottom: 40px; } 
 .s16 .content:not(.related) .category { padding: 6px 28px; font-size: 18px; line-height: 26px; letter-spacing: -0.54px; } 
 }

@media all and (max-width: 1023px) {
.part.mb80{margin-bottom:60px !important;}
}
@media all and (max-width: 767px) {
.part.mb80{margin-bottom: 40px !important;}

}