@charset "uft-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
*{color:#222; word-break: keep-all}
*{font-family: 'Pretendard Variable' !important;}
/* 헤더 */

.gnb_tit { color: rgb(0, 0, 0) !important; }.gnb_tit.round{border: 1px solid #000000; }/* 대메뉴와 소메뉴 사이 여백 추가 */.gnb > li .depth2 { background-color: rgba(0, 0, 0, 0.9); }/* 대메뉴 hover 시 소메뉴 나타남 */.gnb > li:hover .depth2, .gnb > li .depth2:hover {display: block; opacity: 1; transform: translateY(0); pointer-events: auto;}.depth2 .gnb_stit {font-weight: bold; font-size: 24px; color: #ddd !important;}.depth2 li a { color: #919191 !important; }/* 마우스 호버 시 효과 */.depth2 li a:hover {color: #ffffff !important;}




.wrapper .sub{width:1180px;}
.tac{text-align: center;}
.tar {text-align: right;}
.part{padding:40px 0}
.sub_container{max-width: 1140px;margin: auto}
.sub_container{padding:0 15px}
.sub_top .sub_toptext{text-align:right;display: block;color:#383c92}
.sub_top .sub_toptext span{color:#fff !important;background: #383c92;border-radius: 30px;padding:2px 10px}
.sub_top h1{text-align: center;font-weight: bold; padding-top: 150px;}
.sub_top h3{text-align: center;padding-top:10px;position:relative;margin-bottom:40px}
.sub_top h1.line{padding-top:0px;position:relative;}
.sub_top h3.no:after{display: none}

.sub_top h3.no{padding-top:40px}
/*webzine--wrap*/

.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mb0{margin-bottom:0px !important}
.mb10{margin-bottom:10px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}

.bg1{background: #f6f7fd}
.bg2{background: #f9f9f9}
.br1{border-right:2px solid #ddd}

.pd10{padding:10px}
.pd20{padding:20px}
.col_4{width:25%}
.col_3{width:33%}
.col_2{width:49%}
.col_50{width:50%}

/*뉴스레터 포폴 나열*/
.page_newsletter .s_content {max-width: 1660px !important;height: 100%;margin: 0 auto 160px auto;box-sizing: border-box; padding:220px 50px 0 50px; }

.page_newsletter .desc{font-size: 24px;font-weight: 500; margin-bottom: 32px; line-height: 0;}
.page_newsletter {position: relative;z-index: 0;}
.news_p_logo {max-width: fit-content;width: 100%;}
.news_p_text {font-size: 20px;font-family: 'Pretendard Variable';color: #666666;margin-top: 40px;}
.line1,.line2 {content: "";position: fixed;top: 0;bottom: 0;width: 1px;background-color: #f4f4f4;z-index: -1; }
.line1 {left: calc(50% - 455px);}
.line2 {left: calc(50% + 455px);}
.work_wrap2 {margin-top: 200px;margin-bottom: 150px;display: flex;flex-wrap: wrap;justify-content: space-between;gap: 160px;}
.work_wrap2 .webzine_box {display: block;opacity: 0; /* 초기 상태 */width: calc(50% - 80px);box-sizing: border-box;}
.work_wrap2 .webzine_box img {width: 100%;}
.work_wrap2 .webzine_box:nth-child(even) {margin-top: 140px;}

.work_wrap2 .desc{line-height: 24px !important; font-size: 24px !important; margin-bottom: 24px !important;}
@media screen and (max-width: 1660px){
.page_newsletter .s_content{padding:220px 50px 0 50px;margin:0 auto; }
.work_wrap2 { gap:80px;}
.work_wrap2 .webzine_box { width: calc(50% - 40px);}.line1, .line2 {display: none;}
}
@media screen and (max-width: 1024px) {
.page_newsletter .s_content{padding:160px 32px 0 32px}
.sub_top h1{ padding-top: 130px;}
.news_p_text{margin-top: 16px;font-size: 18px;font-weight: 400;line-height: 30px; letter-spacing: -0.36px; }
.work_wrap2 .webzine_box:nth-child(even){margin-top: 120px;}
.work_wrap2 .webzine_box { width: calc(50% - 24px);}
.work_wrap2{padding:0 24px ; gap:0rem 48px; margin-top: 120px; margin-bottom: 120px;}
.work_wrap2 .desc{font-size: 18px !important;font-weight: 600 !important;line-height: 18px !important; letter-spacing: -0.36px !important; margin-bottom: 10px !important;}
}

/* 반응형 (모바일) */
@media screen and (max-width: 767px) { 

.work_wrap2{padding:0;margin-top: 60px; margin-bottom: 100px; }
.work_wrap2 .desc{line-height: 17px !important; font-size: 17px !important; margin-bottom: 14px !important; padding-top: 2px;}
.work_wrap2 {flex-direction: column;gap: 34px; margin-top: 60px; }
.work_wrap2 .webzine_box {width: 100%;}
.work_wrap2 .webzine_box:nth-child(even){margin-top: 0;}
.work_wrap2 .webzine_box {opacity:1} 
.webzine_box[data-aos] {opacity: 1;transform: translateY(0px);}
.webzine_box[data-aos]
.aos-animate {opacity: 1;transform: translateY(0);}
.line1{display: block; left: 50%; top:0;}
.page_newsletter .s_content{padding:120px 24px 0 24px}
.page_newsletter .desc{font-size: 18px; margin-bottom: 20px;}

.news_p_text{font-size: 17px;font-weight: 400;line-height: 26px;letter-spacing: -0.34px;  margin-top: 20px;}
}


/*웹진,뉴스레터 상세*/
.page_webzine .w_content_t{max-width: 1660px; margin:0 auto 0 auto; padding-top: 220px;}
.page_webzine .w_content_m{background: #666; padding: 130px 0; width: 100%; margin-top: 120px; margin-bottom: 100px;}
.page_webzine .w_content_m>div{max-width: 1660px; margin: 0 auto;}
.page_webzine .w_content_m .wb_title{font-size: 36px; font-weight: 700; line-height: 36px; margin-bottom: 24px;color: #f1f1f1;}
.page_webzine .w_content_m .wb_desc{font-size: 18px; margin-bottom: 32px;line-height: 18px; font-weight: 400; color: #ccc;}
.page_webzine .w_content_m .wb_btn_wrap{display: flex; gap: 16px;}
.page_webzine .w_content_m .wb_btn{font-size: 20px;padding: 20px 30px; border: 1px solid #f1f1f1; border-radius:100px;font-weight: 600; color: #f1f1f1 !important;
  line-height: 20px; display: block; width: fit-content; transition: ease-in-out 0.3s;width: fit-content; text-align: center;}
.page_webzine .w_content_m .wb_btn:hover{background: white; color: #333 !important;border: 1px solid #fff;}
 
.page_webzine .w_content_b{max-width: 1660px; margin:0 auto 200px auto;}
.page_webzine .w_content_b .img_wrap{display: flex; justify-content: space-between; gap: 72px;}
.page_webzine .w_content_b .img_wrap.center{justify-content: center !important;}
@media screen and (max-width: 1660px){
.page_webzine .w_content_t{ padding: 220px 50px 0 50px;}
.page_webzine .w_content_b{padding: 0 50px;}
.page_webzine .w_content_m>div{padding:0 50px;}
}

@media screen and (max-width: 1024px){
.page_webzine .w_content_t{ padding: 120px 32px 0 32px;}
.page_webzine .w_content_m>div{padding:0 32px;}
.page_webzine .w_content_m{margin-top: 60px;}
.page_webzine .w_content_m{padding: 60px 0;}
.page_webzine .w_content_b{padding:  0 32px; margin:0 auto 100px auto;}
.page_webzine .w_content_b .img_wrap{gap: 36px;}
}
@media screen and (max-width: 767px){

.page_webzine .w_content_t{ padding: 120px 24px 0 24 px;}
.page_webzine .w_content_m>div{padding:0 24px;}
.page_webzine .w_content_b{padding:  0 24px; ;}

.arrow{display: none !important;}
.page_webzine .w_content_m .wb_title{font-size: 24px;  line-height: 24px; margin-bottom: 10px;}
.page_webzine .w_content_m .wb_desc{font-size: 16px; margin-bottom: 20px;line-height: 26px;}
.page_webzine .w_content_m .wb_btn_wrap{display: flex; gap: 12px;}
.page_webzine .w_content_m .wb_btn{font-size: 15px;padding: 14px 20px;  line-height: 15px; width: fit-content;}

.page_webzine .w_content_b .img_wrap{display: block;}
.page_webzine .w_content_b .img_wrap>:nth-child(1){margin-bottom:40px;}
.page_webzine .w_content_b .img_wrap .image{text-align: center;}
}
.page_webzine .w_content_list{background: #ccc; padding: 120px 0;}
.page_webzine .w_content_list .cont-slider {  max-width: 1920px;  position: relative; overflow: hidden; }
.page_webzine .w_content_list .cont-slider .swiper-wrapper{padding-bottom: 48px; }




.page_webzine .cont-slider .swiper-wrapper .swiper-slide { flex: 0 0 auto;aspect-ratio: 1 / 1; }
  .page_webzine .cont-slider .swiper-wrapper .swiper-slide .slide-inner {
box-sizing: border-box;  width: 100%;  height: 100%;padding: 50px 34px;background: white;border-radius: 24px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center;}
  .page_webzine .cont-slider .swiper-slide .image img{  width: auto; height: fit-content !important; max-height: 100% !important;  max-width: 100%;object-fit: contain;  display: block;}
  .page_webzine  .cont-slider .swiper-slide .image { height: 70%; display: flex; align-items:center;margin-bottom: 36px; }
  .page_webzine  .cont-slider .swiper-slide .text_wrap { height: 30%;padding-top:0px !important; display: flex; align-items: flex-end;}
  .page_webzine .cont-slider .swiper-slide .text_wrap .text { font-size: 24px; font-weight: 500; line-height: 28px; letter-spacing: -0.24px; text-align: center; }
@media screen and (max-width: 1920px){
.page_webzine .w_content_list{padding: 60px 50px;}
}

@media screen and (max-width: 1024px){
.page_webzine .w_content_list{padding: 60px 32px;}

.page_webzine .cont-slider .swiper-slide .text_wrap .text {font-size: 18px;font-weight: 500;line-height: 18px; letter-spacing: -0.9px;}
}
@media screen and (max-width: 700px){
  .page_webzine .w_content_list{padding: 60px 24px;}
}
@media screen and (max-width: 767px){

}

@media screen and (max-width: 560px){
.page_webzine .cont-slider .swiper-slide .image{margin-bottom: 0px;  text-align: center;}
 .page_webzine .cont-slider .swiper-slide .image img{max-width:140px;}
.page_webzine .cont-slider .swiper-wrapper .swiper-slide .slide-inner{padding: 24px 16px;}
.page_webzine  .cont-slider .swiper-slide .text_wrap { align-items: center; }
}

@media screen and (max-width: 360px){
    .page_webzine .cont-slider .swiper-slide .image img{max-width: 120px;}
.page_webzine .cont-slider .swiper-slide .text_wrap .text {font-size: 14px;line-height: 14px;  }
}




/*webzine 설명페이지 */
.width1920{ max-width: 1920px; margin: 0 auto !important;}

.page_webzine .content { margin: 110px auto 200px auto;width: 100%; box-sizing: border-box; }
.w_visual { position: relative; max-width: 180rem; width: calc(100% - (2 * var(--area-padding))); max-height: 70rem; height: 82vh; border-radius: 3rem; border-bottom-right-radius: 0; overflow: hidden; margin: auto;max-width: 1920px; max-height: 1000px;}
.w_visual .bg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: no-repeat center; background-size: cover;width: 180rem; height: 82vh;; overflow: hidden; }
.w_visual_tit{position: absolute; top:50%; left: 50%; font-size: 56px; color: white; font-weight: bold; transform: translate(-50%,-50%);}

.w1 .w_visual .bg{ background-image: url('../image/sub/w_visual1.jpg'); }
.w2 .w_visual .bg{ background-image: url('../image/sub/w_visual2.jpg'); }
.w3 .w_visual .bg{ background-image: url('../image/sub/w_visual3.png'); }
.w4 .w_visual .bg{ background-image: url('../image/sub/w_visual4.png'); }
.w5 .w_visual .bg{ background-image: url('../image/sub/w_visual5.png'); }

.w_btn_wrap { position: absolute; bottom: -1rem; right: -1rem; display: flex; width: 60%; }
.w_btn_wrap:before,
.w_btn_wrap:after { content: ''; position: absolute; width: 2rem; height: 2.15rem; background: no-repeat center; background-size: cover; background-image: url('../image/sub/btn_radius.png'); }
.w_btn_wrap:before { bottom: 1rem; left: 0; transform: translateX(-100%); }
.w_btn_wrap:after { top: 0.1rem; right: 1rem; transform: translateY(-100%); }
.w_btn_wrap .w_btn { position: relative; display: flex; align-items: center; justify-content:center; width:100%; height:6rem; background: transparent; border-radius:5rem; padding: 0 2.4rem; box-sizing: border-box; font-size:24px !important; line-height:24px; letter-spacing: -0.05em; color: #fff !important; border: 1rem solid #fff; font-weight: bold; transition: ease-in-out 0.3s;}
.w_btn_wrap .w_btn:before { position: absolute; content: ''; top: -1rem; left: -1rem; width: calc(100% + 2rem); height: calc(100% + 2rem); border: 1.05rem solid #fff; box-sizing: border-box; }
.w_btn_wrap .w_btn.left-btn { margin-right: -0.6rem; }
.w_btn_wrap .w_btn.left-btn:before { border-radius: 3.1rem 0 0 0; }
.w_btn_wrap .w_btn.center-btn {margin-right: -0.6rem;}
.w_btn_wrap .w_btn:hover{background: rgba(0, 0, 0, 0.3);}
.w4 .w_btn {background: white !important; cursor:no-drop;width: 100%;}
.w5 .w_btn {background: #f1f1f1 !important; cursor:no-drop; width: 100%;}


.w1 .w_btn_wrap .w_btn {color: #f1f1f1 !important; border: 1rem solid #f1f1f1; ;}
.w1 .w_btn_wrap .w_btn:before { border: 1.05rem solid #f1f1f1;}
.w2 .w_btn_wrap:before,.w2 .w_btn_wrap:after{background-image: url('../image/sub/btn_radius2.png') !important; }
.w3 .w_btn_wrap:before,.w3 .w_btn_wrap:after{background-image: url('../image/sub/btn_radius2.png') !important; }
.w4 .w_btn_wrap:before,.w4 .w_btn_wrap:after{background-image: url('../image/sub/btn_radius2.png') !important; }
.w5 .w_btn_wrap .w_btn {color: #f1f1f1 !important; border: 1rem solid #f1f1f1; ;}
.w5 .w_btn_wrap .w_btn:before { border: 1.05rem solid #f1f1f1;}

.page_webzine .title {font-size: 55px;line-height: 55px;font-weight: bold;}
.page_webzine .stitle {font-size: 48px;line-height: 48px;font-weight: bold; text-align: center;}
.page_webzine .desc {font-size: 18px;word-break: keep-all; line-height: 32px;}
.w_btn_wrap_mo{display: none;}
@media screen and (max-width: 1920px){
.w1{ padding: 0 50px; }
}
@media screen and (max-width: 1280px){.w_visual{height: 70vh;}
.w_btn_wrap .w_btn{height:6rem;border-radius: 3rem;}
.w_btn_wrap .w_btn.left-btn:before {border-radius: 2rem 0 0 0;}
}

@media screen and (max-width: 1024px){
.w_visual .bg{background-size: 50% !important;}
.w5{padding: 0 32px !important;}
.w1{ padding: 0 32px; }
.page_webzine .content {margin: 86px auto 120px auto !important;}
.w_visual{height: 50vh;}
.w_btn_wrap{width:auto;}
.w_btn_wrap .w_btn{width: 20px !important;height:80px;font-size: 16px !important; }
.w_btn_wrap .w_btn.left-btn,.w_btn_wrap .w_btn.center-btn { margin-right: -1rem; }
.page_webzine .stitle{font-size: 32px;font-weight: 700;line-height: 32px; letter-spacing: -0.64px;}


.w_visual_tit{font-size: 36px; top:42.5%}
.page_webzine .desc {font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.36px; }
.w_visual {border-radius: 2rem 2rem 0 0;;}
.scroll-downs{display: none;}
.w4 .w_btn_wrap,.w5 .w_btn_wrap{display: none;}
.w_btn_wrap{right:auto;  width: calc(100% + 32px);  left: -16px; }
.w_btn_wrap .w_btn{width:0 !important; flex: 1; }
.w_btn_wrap:after{right: 16px; top: 1px; width: 1.95rem; height: 2.15rem;}
.w_btn_wrap .w_btn.left-btn:before{border-radius: 0;}
.w_btn_wrap:before{ background-image: url(../image/sub/btn_radius-2.png); top: 1px; bottom: auto;  left: 16px;transform: translateY(-100%);  width: 1.95rem;height: 2.15rem;}

.page_webzine .stitle {font-size: 24px;font-weight: 700;line-height: 24px; letter-spacing: -0.48px;}
.w1 .w_btn_wrap .w_btn:before { border:1rem solid #f1f1f1;}
.w_btn_wrap .w_btn:before { border:1rem solid #fff;}

.w4 .w_visual_tit,.w5 .w_visual_tit{top:50% !important}
.w4 .w_visual,.w5 .w_visual {border-radius: 2rem}
.w2 .w_btn_wrap:before,.w3 .w_btn_wrap:before{background-image: url('../image/sub/btn_radius-2wh.png') !important; }
}


@media screen and (max-width: 767px){
.w_visual { height: 280px;}
.w5{padding: 0 24px !important;}
.w1{ padding: 0 24px; }
.page_webzine .content{margin: 66px auto 100px auto !important;}
.page_webzine .desc {font-size: 17px;font-weight: 400;line-height: 26px;letter-spacing: -0.34px;}
.page_webzine .title {font-size: 40px;font-weight: 700;line-height: 48px; letter-spacing: -1.2px;}
}






@media screen and (max-width: 479px){
 .w_visual_tit{font-size: 24px; top:40%}

}

  .scroll-downs { margin: 50px auto 0 auto; width: fit-content;position: absolute; left: 40px; bottom: 40px}
  .scroll-downs .txt{text-align: center; font-size: 13px;  letter-spacing: 0; font-weight: bold; line-height: 16px; margin-bottom: 10px; color: #ffffff;}
  .mousey { margin: 0 auto;width: 3px;padding: 10px 20px;height: 65px;border: 2px solid #ffffff;border-radius: 25px;opacity: 0.75;box-sizing: content-box;}
  .scroller {  width: 3px; height: 10px; border-radius: 25%; background-color: #ffffff; animation-name: scroll; animation-duration: 2.2s; animation-timing-function: cubic-bezier(.15,.41,.69,.94); animation-iteration-count: infinite;}
  @keyframes scroll {
0% { opacity: 0; }
10% { transform: translateY(0); opacity: 1; }
100% { transform: translateY(25px); opacity: 0;}
  }



/*웹진 설명 1*/
.dot{position: relative; margin-left: 15px; display: block;}
.dot::before{position: absolute; content: '·'; left: -10px;}

.page_webzine .cont1{max-width: 1280px; margin:150px auto; display: flex; justify-content: space-between; }
.page_webzine .cont1 .title{width: 50%;}
.w2 .cont1 .desc{width: 60%;}
.w4 .cont1 .desc,.w1 .cont1 .desc{width: 48%;}


@media screen and (max-width: 1024px){
.page_webzine .cont1 .title{font-size: 50px;font-weight: 600;line-height: 58px; /* 116% */letter-spacing: -1.5px; width: 100%;}
}
@media screen and (max-width: 767px){
.page_webzine .cont1 .title{font-size: 40px;font-weight: 700;line-height: 48px; /* 120% */letter-spacing: -1.2px;;}
}


.w1 .cont2 .stitle2 {background: #484dc1; width: fit-content; margin: 0 auto ; padding:25px 84px; border-radius: 300px; color: white;position: relative; z-index:20; font-size: 36px; line-height: 36px;font-weight: 600; }
.w1 .cont2 .sub_tit{font-size:26px;line-height: 26px; text-align: center; margin: 42px 0 80px 0; position: relative; z-index:20; }
.w1 .cont2 .box_wrap { display: flex;gap: 60px;justify-content: space-between; max-width: 1660px;margin: 0 auto ;}
.w1 .cont2 .box {background: white;flex: 1; padding: 30px 30px 40px 30px; border-radius: 48px;}
.w1 .cont2 .box .box_tit {font-size:24px;line-height: 36px; text-align: center; font-weight:500;color: white; padding: 25px 30px;border-radius: 24px;width: 100%;}
.w1 .cont2 .box .box_tit.c1{background: #383c92;}
.w1 .cont2 .box .box_tit.c2{background: #484dc1;}
.w1 .cont2 .box .box_tit.c3{background: #6268de;}
.w1 .cont2 .box1{position: relative;}
.w1 .cont2 .box1::before{position: absolute; width: 587px; height: 37px; content: ''; background: url('../image/sub/w1_cont2_round.jpg'); background-repeat: no-repeat;
top: -37px; left: 50%;background-size:contain;z-index: 1; opacity: 0.5;}
.w1 .cont2 .box2{position: relative;}
.w1 .cont2 .box2::before{position: absolute;width:1px; height: 151px; content: ''; background: url('../image/sub/w1_cont2_line.jpg'); background-repeat: no-repeat;
top: -151px; left: 50%;background-size:cover; z-index: 9;opacity: 0.5;}
.w1 .cont2 .box3{position: relative;}
.w1 .cont2 .box3::before{position: absolute; width: 587px; height: 37px; content: ''; background: url('../image/sub/w1_cont2_round2.jpg'); background-repeat: no-repeat;
top: -37px; right: 50%; background-size:contain;z-index: 1; opacity: 0.5;}


.w1 .cont2 .dash{padding-left: 10px; margin-top:30px; margin-bottom: 0 !important;}
.w1 .cont2 .dash li{margin-top:10px;font-size: 18px;position: relative;padding-left: 20px;}
.w1 .cont2 .dash li::before {position: absolute; content: '⦁'; left: 0px; color: #383c92; font-size: 28px; line-height:23px;}
@media screen and (max-width: 1024px){
.w1 .cont2 .box_wrap { display: block} 
.w1 .cont2 .box {margin-top: 28px; padding: 24px 24px 36px 24px;}
.w1 .cont2 .box1::before,.w1 .cont2 .box2::before,.w1 .cont2 .box3::before{display: none;}
.w1 .cont2 .box .box_tit{padding: 16px 24px;border-radius: 20px;font-size: 20px;font-weight: 700;line-height: 26px; letter-spacing: -0.4px;}

.page_webzine .cont1 .desc{width: 100%; margin-top: 20px;font-size: 18px;font-weight: 400;line-height: 30px; letter-spacing: -0.36px;}
.page_webzine .cont1{margin: 120px 0 ; padding: 0;width: 100%;display: block}

.w1 .cont2 .stitle2 {padding: 20px 60px;font-size: 24px;font-weight: 700;line-height: 24px;letter-spacing: -0.48px;}
.w1 .cont2 .sub_tit{margin: 20px 0 36px 0;font-size: 18px;font-weight: 500;line-height: 16px; letter-spacing: -0.18px;}
}
@media screen and (max-width: 767px){

.w1 .cont2 .box_wrap>:nth-child(1){margin-top: 0;}

 .w1 .cont2 .sub_tit{ margin: 20px 0; }
 .w1 .cont2 .box .box_tit{font-size: 20px; border-radius: 30px; padding: 15px;}
.page_webzine .cont1{margin: 100px 0;}
.page_webzine .cont1 .desc{ margin-top: 20px;font-size: 17px;font-weight: 400;line-height: 26px; letter-spacing: -0.34px;}

.w1 .cont2 .stitle2{padding: 20px 60px;}
.w1 .cont2 .sub_tit{margin: 24px 0 36px 0;}
.w1 .cont2 .box {padding: 20px 20px 36px 20px;border-radius: 48px;}
.w1 .cont2 .dash{margin-top: 24px;}
.w1 .cont2 .dash li{font-size: 17px; line-height: 26px;}
.w1 .cont2 .box .box_tit{border-radius: 24px; padding: 20px 24px; font-size: 18px; line-height: 26px;}
}


/*웹진 설명 2*/

.w2.content {margin-bottom: 0 !important;}
.w2 .cont2 {background: url('../image/sub/w2_cont2_bg.jpg');background-size: cover; background-repeat: no-repeat;}
.w2 .cont2 .cont2_wrap{padding: 80px 0;}
.w2 .cont2 .box_wrap {display: flex; gap: 40px; justify-content: space-between; align-items: stretch; margin: 60px auto 0 auto; max-width: 1660px;}
.w2 .cont2 .box { display: flex; flex-direction: column; padding:60px 40px; background:rgba(255, 255, 255, 0.8); border-radius: 48px; flex: 1; aspect-ratio: 1 / 1;}
.w2 .cont2 .num {font-weight:800;height: 50%; font-size: 52px; color: #666; line-height: 52px;}

.w2 .cont3 { max-width: 1660px; margin: 150px auto;}
.w2 .cont3 .stitle{margin-bottom:40px; text-align: left;}
.w2 .cont3 .cont3_wrap {display: flex; gap: 40px;}
.w2 .cont3 .img_wrap { position: sticky;top: 0;width: 60%;height: fit-content; }
.w2 .cont3 .img_wrap img { width: 100%;height: auto;}
.w2 .cont3 .box_wrap { margin-top:200px;width:40%; }
.w2 .cont3 .cont3_wrap .box_wrap .box { background: #484dc1; border-radius:48px;padding:60px; color: white;display: flex; align-items: center; margin: 21px auto 0 auto; }
.w2 .cont3 .cont3_wrap .box_wrap .box .desc { color: white !important; margin-top: 40px;font-weight: 400;
line-height: 28px; }

.w2 .cont4 {background: linear-gradient(0deg, #ACCBEE 0%, #E7F0FD 100%); padding: 70px 0 100px 0;}
.w2 .cont4_wrap{max-width: 1660px; margin: 0 auto;}
.w2 .cont4 .stitle{text-align: center; margin: 0 auto 32px auto; width: fit-content; border-radius: 100px; border: 1px solid #222;padding: 8px 24px !important; font-size: 36px !important; 
line-height: 36px !important;}
.cont4_flex{position: relative;}
.w2 .cont4_wrap .cont4_flex a{position: absolute;right: 0; top: 50%; transform: translateY(-50%);}
.w2 .cont4_wrap .img_wrap{ display: flex; justify-content: space-between; gap: 40px;}
.w2 .cont4_wrap .img_wrap .image{position: relative; }
.w2 .cont4_wrap .img_wrap .image .h-box{position: absolute; width: 100%; height: 100%; background:rgba(255, 255, 255, 0.8); top: 0; display: flex; align-items: center; justify-content: center; opacity: 0;transition: opacity 0.3s ease-in-out; }
.w2 .cont4_wrap .img_wrap .image:hover .h-box{opacity: 1;}
.w2 .cont4_wrap .img_wrap .image .h-box div .tit{font-size:24px !important; font-weight: 600; text-align: center; font-weight: 700; line-height: 24px;}
.w2 .cont4_wrap .img_wrap .image .h-box .more_btn{font-size:20px !important;font-weight: 600;line-height: 20px; width: fit-content; text-align: center; border: 1px solid #222;margin: 20px auto 0 auto;padding: 12px 28px; border-radius: 100px;}


@media screen and (max-width: 1920px){
.w2 .w_visual{margin: 0 50px;}
.w2 .cont2{padding: 0 50px;}
.w2 .cont3 {padding: 0 50px;}
.w2 .cont4_wrap{padding: 0 50px;}
}
@media screen and (max-width: 1660px){
.w2 .cont1{padding: 0 50px;}
.w2 .cont2 .cont2_wrap{padding: 40px 0;}
}

@media screen and (max-width: 1280px){
 .w2 .cont2 .box{padding: 36px 24px}

 .w2 .cont3 .cont3_wrap {display: block }
 .w2 .cont3 .img_wrap { position:static; width: 100%;}
 .w2 .cont3 .img_wrap img { width: 100%;height: auto;}
.w2 .cont3 .stitle{margin-bottom:24px; text-align: center;}
.w2 .cont3 .mo-only{display: inline-block !important;}
 .w2 .cont3 .box_wrap { margin-bottom:21px;width:100%; margin-top:48px; display: flex !important; gap: 20px;flex-wrap: wrap;}
 .w2 .cont3 .cont3_wrap .box_wrap .box { width: calc(50% - 10px);max-width: none; padding: 20px; margin: 0; height: 160px; border-radius: 32px;}
 .w2 .cont3 .cont3_wrap .box_wrap .box>div{display: flex; gap: 21px; align-items: center;}
 .w2 .cont3 .cont3_wrap .box_wrap .box .desc { margin-top: 0px;}
 .w2 .cont3 .cont3_wrap .box_wrap .box>div img{ width: fit-content; height: fit-content;} 

.w2 .cont3 .pc-only{display: none !important;}
}

@media screen and (max-width: 1024px){
.w2 .cont1{padding: 0 32px;}
.w2 .w_visual{margin: 0 32px;}
.w2 .cont2{margin: 0 32px; border-radius: 48px; padding: 32px 24px;}
.w2 .cont2 .cont2_wrap{padding: 0;;}
.w2 .cont2 .box_wrap { display: flex; flex-wrap: wrap;  justify-content: space-between; margin: 24px auto 0 auto; gap: 28px;}
.w2 .cont2 .box { flex: 1 1 100%;  max-width: 100%;  aspect-ratio: auto;padding: 36px 24px;border-radius: 32px;}

.w2 .cont2 .num{margin-bottom: 56px; height: auto;}

.w2 .cont3 {margin: 120px auto;padding: 0 32px; }
.w2 .cont3 .cont3_wrap .box_wrap .box {width: 100%; padding: 40px 24px; height: auto;}
.w2 .cont3 .cont3_wrap .box_wrap .box>div{display: block;}
.w2 .cont3 .cont3_wrap .box_wrap .box>div img{margin-bottom: 28px; width: 36px;}

.w2 .cont4_wrap{padding: 0 32px;}
.w2 .cont4{padding: 36px 24px; margin: 120px 32px;}
.w2 .cont4_wrap{padding: 0;}
.w2 .cont4_flex a{width: 32px; height: 32px;}
.w2 .cont4 .stitle{font-size: 24px !important;line-height: 24px !important;padding: 14px 24px !important; text-align: center; width: fit-content; margin: 0 auto; }


.w2 .cont4 .img_wrap{padding: 0; display: block; margin-top: 24px;}
.w2 .cont4 .img_wrap>:nth-child(1){margin-top: 0 !important;}
.w2 .cont4 .img_wrap .image{margin:40px auto 0 auto; width: 100%}
.w2 .cont4 .img_wrap .image .h-box{position: static; opacity: 1; background: none;}
.w2 .cont4 .img_wrap .image .h-box .box_txt{width: 100%;}
.w2 .cont4_wrap .img_wrap .image .h-box div .tit{margin-top:10px; background: white; padding: 18px 24px;font-size: 18px!important;line-height: 30px!important; letter-spacing: -0.36px!important; width: 100%;border-radius: 60px;font-weight:400 !important; }
.w2 .cont4 .img_wrap .image .h-box .more_btn{display: none;}
.w2 .cont4 .img_wrap .image  a img{width: 100%;}
}

@media screen and (max-width: 767px){
.w2 .cont1{padding: 0 24px;}
.w2 .w_visual{margin: 0 24px;}

.w2 .cont2{padding: 32px 16px;}
.w2 .cont3{padding: 0 24px;margin: 100px auto; }

.w2 .cont4{padding: 32px 16px; margin: 100px 24px;}
.w2 .cont4 .stitle{padding: 12px 24px !important;}
.w2 .cont4_flex a{width: 28px; height: 28px;}
.w2 .cont4_wrap .img_wrap .image .h-box div .tit{padding: 8px 24px;}
}




/**/
.w3 .cont2 .cont2_wrap{border-radius: 64px; background: var(--1-3-bg, linear-gradient(90deg, #D0F3D0 0%, #F2F6D9 100%)); padding: 80px;}
.w3  .sub_tit{font-size:18px;line-height: 26px; text-align: center; margin-top: 34px; margin-bottom: 56px;}

.w3 .cont3 {margin-top: 150px;}
.w3 .cont3 .tit{font-size: 28px; line-height: 44px; font-weight: 500; margin-top: 40px; }
.w3 .cont3_wrap{max-width: 1400px; margin: auto;}
.w3 .cont3 .flex_wrap { position: relative; padding: 36px 80px; }
.w3 .cont3 .flex_wrap .flexs { display: flex; justify-content: space-between; flex-wrap: wrap;  }
.w3 .cont3 .flex_wrap .flexs > div { width: 45%; }
.w3 .cont3 .flex_wrap>:nth-child(3) { margin: 200px 0; }
.w3 .cont3 .flex_wrap::before {  content: "";  position: absolute;  top: 0;  left: 50%;  transform: translateX(-50%);  width: 1px;  height: 100%;  background-color: #ccc; /* 배경색 */  z-index: 0;}
.w3 .cont3 .flex_wrap .line { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1px; background-color: #11A26D;  height: 0; transition: height 0.8s ease-in-out !important; z-index: 1;}
.w3 .cont3 .flex_wrap .line.active::before {  border-color: #11A26D; }
.w3 .cont3 .flex_wrap .line::before { content: "";  position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);width: 30px;height: 30px;
border: 1px solid #ccc;border-radius: 50%;  box-sizing: border-box; transition: border-color 0.3s ease;z-index: 2; }
.w3 .cont3_wrap .desc span{display: block; }

@media screen and (max-width: 1920px){
.w3 .w_visual{margin: 0 50px;}
 .w3 .cont1, .w3 .cont2,.w3 .cont3 {padding: 0 50px;}
.w3 .cont3 .flex_wrap {  padding: 36px 0px; }
}
@media screen and (max-width: 1024px){ 
 .page_webzine .w3 .cont1{  margin: 100px 0 !important;}
.w3 .w_visual{margin: 0 32px;}
.w3 .cont1,.w3 .cont2 {padding: 0 32px;}
.w3 .cont2 .cont2_wrap{padding:32px 24px;border-radius: 48px; max-width:80%}
.w3 .cont2 .cont2_wrap .sub_tit{ margin: 20px 0 28px 0;}
.w3 .cont1, .w3 .cont2, .w3 .cont3{padding: 0 32px;}
.w3 .cont2 .cont2_wrap .pc-only{display: none !important;}
.w3 .cont2 .cont2_wrap .mo-only{display: block !important;}
.w3 .cont2 .cont2_wrap img{max-width: 220px;}
.w3 .sub_tit{margin: 16px 0 36px 0; }
.w3 .cont3{margin-top: 100px !important;}
.w3 .cont3 .flex_wrap {  padding: 0px; }
.w3 .cont3 .flex_wrap .flexs { display:block }
.w3 .cont3 .flex_wrap .flexs>div{width: 100%;}
.w3 .cont3 .flex_wrap .line ,.w3 .cont3 .flex_wrap::before,.cont3 .flex_wrap::after {display: none;}
.w3 .cont3 .flex_wrap>:nth-child(3) { margin: 48px 0; }
.w3 .cont3 .flex_wrap .pc-only{display: none;}
.w3 .cont3 .flex_wrap .mo-only{display: block !important;}
.w3 .cont3 .flex_wrap .image img{width: 100%;}
.w3 .cont3 .tit{font-size: 20px;font-weight: 700;line-height: 26px;letter-spacing: -0.4px;margin-top: 28px; margin-bottom: 10px;}
}
@media screen and (max-width: 767px){
.w3 .w_visual{margin: 0 24px;}
.w3 .sub_tit{ font-size: 17px;font-weight: 400;line-height: 26px; }
.w3 .cont1, .w3 .cont2, .w3 .cont3{padding: 0 24px;}
.w3 .cont3 .tit{ margin-top: 20px;margin-bottom:8px;}

.w3 .cont2 .cont2_wrap{border-radius: 48px;padding: 32px 16px; max-width:none}
.w3 .cont2 .cont2_wrap img{max-width:180px;}

.w3 .cont3 .sub_tit{margin-top: 16px;}
}

@media screen and (max-width: 479px){


}


.w4  .sub_tit{font-size:18px; text-align: center; margin-top: 34px; margin-bottom: 56px;line-height: 30px;}
.w4 .cont2 .cont2_wrap{border-radius: 64px;  background: var(--2-bg, linear-gradient(90deg, #E5FFFC 0%, #BBEFFB 100%)); padding: 80px;}

.w4 .cont3 {margin: 150px 0;}
.w4 .cont3 .box_wrap{display: flex; gap: 40px;}
.w4 .cont3 .box{display: flex; height: 480px; padding: 80px 60px; flex-direction: column; gap:10px; flex: 1 0 0;border-radius:64px}
.w4 .cont3 .box_wrap > .box:nth-child(1) {  background:  #f1f1f1 url('../image/sub/w4_cont3_icon.png')  no-repeat right bottom  / auto; }
.w4 .cont3 .box_wrap > .box:nth-child(2) {  background:  #f1f1f1 url('../image/sub/w4_cont3_icon2.png')  no-repeat right bottom  / auto; }
.w4 .cont3 .box_wrap > .box:nth-child(3) {  background:  #f1f1f1 url('../image/sub/w4_cont3_icon3.png')  no-repeat right bottom  / auto; }
.w4 .cont3 .box .box_tit{font-size: 22px;font-weight: 600;line-height: 34px }
.w4 .cont3 .box .box_desc{ font-size: 18px;  font-weight: 400;line-height: 28px;}

.w4 .w2 .cont4{background: var(--2-bg2, linear-gradient(90deg, #D4F4FF 0%, #B2E0F5 100%)); }
@media screen and (max-width: 1920px){
.w4 .w_visual{margin: 0 50px;}
.w4 .cont1,.w4 .cont2,.w4 .cont3{padding: 0 50px;}
.w4 .cont3 {padding: 0 50px;}
}
@media screen and (max-width: 1440px){
.w4 .cont3 .box{display: flex; height: 480px; padding:48px 24px; flex-direction: column; gap: 24px; flex: 1 0 0;border-radius:64px ; background-size: 80% !important;border-radius: 48px;}
}

@media screen and (max-width: 1024px){
.page_webzine .w4 .cont1{  margin: 100px 0 !important;}
.w4 .w_visual{margin: 0 32px;}
.w4 .cont1,.w4 .cont2,.w4 .cont3{padding: 0 32px;}
.w4 .cont2 .cont2_wrap{padding:32px 24px;border-radius: 48px; max-width:80%}
.w4 .cont2 .cont2_wrap .sub_tit{ margin: 20px 0 28px 0;}
.w4 .cont1, .w4 .cont2, .w4 .cont3{padding: 0 32px;}
.w4 .cont2 .cont2_wrap .pc-only{display: none !important;}
.w4 .cont2 .cont2_wrap .mo-only{display: block !important;}
.w4 .cont2 .cont2_wrap img{max-width: 220px;}

.w4 .cont3{margin: 100px 0;}
.w4 .cont3 .box_wrap{display: block;}
.w4 .cont3 .box .box_tit{font-size: 20px;font-weight: 700;line-height: 26px;letter-spacing: -0.4px;}
.w4 .cont3 .box{ height: 300px; background-size: 30% !important;}
.w4 .cont3 .box:nth-child(2){margin: 40px 0;}
.w4 .cont2 .cont2_wrap{padding:50px;;border-radius: 48px}
.w4 .cont2 .cont2_wrap .sub_tit{ margin: 20px 0 28px 0;}
.w4 .cont3 .box_wrap > .box:nth-child(1) {  background:  #f1f1f1 url('../image/sub/w4_cont3_icon_mo.png')  no-repeat  right 24px bottom ; }
.w4 .cont3 .box_wrap > .box:nth-child(2) {  background:  #f1f1f1 url('../image/sub/w4_cont3_icon2_mo.png')  no-repeat right 24px bottom ;}
.w4 .cont3 .box_wrap > .box:nth-child(3) {  background:  #f1f1f1 url('../image/sub/w4_cont3_icon3_mo.png')  no-repeat right 24px bottom ; }
}




@media screen and (max-width: 767px){
.w4 .w_visual{margin: 0 24px;}
.w4 .cont1, .w4 .cont2, .w4 .cont3{padding: 0 24px;}
.w4  .sub_tit{font-size: 17px;font-weight: 400;line-height: 26px;;}
.w4 .cont3 .tit{font-size: 18px;font-weight: 700;line-height: 26px;letter-spacing: -0.36px;margin-top: 20px; margin-bottom: 8px;}
  
.w4 .cont2 .cont2_wrap{border-radius: 48px;padding: 32px 16px; max-width:none}
.w4 .cont2 .cont2_wrap img{max-width:180px;}

.w4 .cont3 .sub_tit{margin-top: 16px; margin-bottom: 36px;}
.w4 .cont3 .box{ background-size: 50% !important; gap: 0;}
.w4 .cont3 .box .box_tit{font-size: 18px; line-height: 26px;letter-spacing: -0.36px;}
.w4 .cont3 .box .box_desc{font-size: 17px;font-weight: 400;line-height: 26px; letter-spacing: -0.34px; margin-top: 8px;}
.w4 .cont3 .box_wrap > .box{background-position: center bottom !important;}

}
@media screen and (max-width: 479px){
.w4 .cont3 .box{ background-size: 60% !important;}
}


.w5 {background: #f1f1f1;}
.w5 .cont1{ margin:150px auto !important; display:block; max-width: 1660px;}
.w5 .cont1 .title{width: 100%;font-size: 48px;font-weight: 700;line-height: 76px}
.w5 .cont2 {margin:0 auto 150px auto !important; max-width: 1660px; }
.w5 .cont2 .stitle{font-size: 48px; line-height: 48px; text-align: left; margin-bottom: 56px;}
.w5 .cont2 .title{font-size: 64px; line-height: 76px; margin-top: 100px;}
.w5 .cont2 .sub_tit{font-size: 36px;font-weight: 700; line-height: 54px; margin: 56px 0;}
.w5 .cont2 .flex{gap: 72px;}
.w5 .cont2 .flex>div{width: 50%; }
.w5 .cont2 .flex img{border-radius: 48px; width: 100%;}
.w5 .cont3 {margin:0 auto 150px auto !important; max-width: 1660px; }
.w5 .cont3 .box{display: flex; justify-content: space-between;align-items: stretch; background: #fff; gap: 40px; margin-top: 40px; padding: 40px; border-radius:64px ;position: relative;}
.w5 .cont3 .box > div { flex: 1 1 50%;}
.w5 .cont3 .box .image { display: flex; }
.w5 .cont3 .box .image img { width: 100%;height: auto; object-fit: cover;  border-radius: 36px;}
.w5 .cont3 .box .num{ font-size: 100px; font-weight: 700;line-height: 100px;  letter-spacing: -2.4px; color: #ccc; text-align: right;}
.w5 .cont3 .box .sub_tit{font-size: 56px; font-weight: 700; line-height: 56px; color: #222;margin-bottom: 36px;}

.w5 .cont3 .box2{background: #fff; margin-top: 150px; padding: 80px; border-radius:64px ;}
.w5 .cont3 .box2 .address{font-size: 56px; font-weight: 700; line-height: 56px; color: #222;margin-bottom: 36px;}
.w5 .cont3 .box2 .tal{color:#666;font-size: 28px;font-weight: 600;line-height: 44px; margin-bottom: 60px;}

@media screen and (max-width: 1920px) {
.tb_none{display: none;} 
.w5 {padding: 0 50px;}
}
@media screen and (max-width: 1679px) {
.w5 .cont2 .title{margin-top: 0;}
.w5 .cont2 .title{margin-top: 0px;font-size: 48px;line-height: 48px;letter-spacing: -0.96px; }
.w5 .cont2 .sub_tit{font-size: 24px;line-height: 34px; margin: 28px 0;}
}


.w5 .cont2 .tb-only{display:none;}

@media all and (min-width:768px) and (max-width:1279px){
.w5 .cont2 .tb-none{display: none}
.w5 .cont2 .tb-only{display: block; }
.w5 .cont2 .flex{align-items: flex-end; }
.w5 .cont2 .sub_tit{margin-bottom: 0;}
.w5 .cont2 .desc{margin-top: 60px;}

}

@media screen and (max-width: 1024px) {
  .w5 .cont1{ margin:120px auto !important; }
  .w5 .cont1 .title{ font-size: 28px;font-weight: 600;line-height: 46px; letter-spacing: -0.56px;}  
  .w5 .cont2 {margin:0 auto 100px auto !important; }
  .w5 .cont2 .flex{display: block;}
.w5 .cont2 .flex>div{width:100%; }
.w5 .cont2 .title{margin-top: 60px;font-size: 56px;font-weight: 700;line-height: 64px; letter-spacing: -1.12px;}
.w5 .cont2 .sub_tit{margin-top: 28px !important;font-size: 28px;font-weight: 700;line-height: 40px; letter-spacing: -0.56px;}
.w5 .cont2 .desc{margin-top: 28px !important;}
.w5 .cont3 {margin:0 auto 100px auto !important;  }
.w5 .cont3 .box{padding: 32px;border-radius: 64px;}
.w5 .cont3 .box .num{font-size: 64px;font-weight: 700;line-height: 64px;letter-spacing: -1.28px; margin-bottom: 20px;}
 .w5 .cont3 .box {gap: 28px;}
 .w5 .cont3 .box .sub_tit{margin-bottom: 16px;font-size: 40px;font-weight: 700;line-height: 40px; letter-spacing: -0.8px;}


.w5 .cont3 .box2{padding: 60px 48px; margin-top: 120px;}
.w5 .cont3 .box2 .address{margin-bottom: 24px;font-size: 40px;font-weight: 700;line-height: 50px; letter-spacing: -0.8px;}
.w5 .cont3 .box2 .tal{font-size: 22px;line-height: 32px; margin-bottom:48px;}

  .embed-container{border-radius: 32px !important;}
}

  @media screen and (max-width: 767px) {
    .w5 .cont2 .tb-none{display: block}
 .w5 {padding: 0 24px;}
.w5 .cont1 .title{font-size: 24px;line-height: 38px; letter-spacing: -0.48px;}  
.w5 .cont2 .stitle{font-size: 24px;font-weight: 700;line-height: 24px;letter-spacing: -0.48px;text-align: center; margin-bottom: 20px;}
.w5 .cont2 .title{font-size: 48px;font-weight: 700;line-height: 48px; letter-spacing: -0.96px;}
.w5 .cont3 .box{display: block;padding: 16px 16px 32px 16px;border-radius: 48px; margin-top: 36px;}
.w5 .cont3 .box .image img{ border-radius: 32px;}
.w5 .cont3 .box .text_wrap{width: 100%; padding: 0 8px;}
.w5 .cont3 .box .num{position: static; text-align: left;font-size: 48px;line-height: 48px; letter-spacing: -0.96px; margin-top: 28px; margin-bottom: 12px;}
.w5 .cont3 .box .sub_tit{font-size: 36px;line-height: 36px; letter-spacing: -0.72px; margin-bottom: 10px;}

.w5 .cont3 .box2{padding: 36px 24px; border-radius: 48px; margin-top: 100px;}
.w5 .cont3 .box2 .address{font-size: 22px;line-height: 30px; letter-spacing: -0.44px; margin-bottom: 20px;}
.w5 .cont3 .box2 .tal{font-size: 17px;line-height: 26px; margin-bottom:32px;}




  } 



  
.flex{display: flex; justify-content: space-between;}
.flex2{display: flex; justify-content: left;}

.mo-only{display: none;}
.tb-only{display: none;}
@media screen and (max-width: 1024px) {
.tb-only{display: block;}
.tb-none{display: none;}

}

@media screen and (max-width: 767px) {
.pc-only{display: none;}
.mo-only{display: inline-block;}
}




.arrow { position: fixed;top: 50%;  transform: translate(-50%, -50%); display: none;  z-index: 90; background: red; width: 100%; left: 50%; text-align: center;}
.arrow .left{ left: 5%; position: absolute;}
.arrow .right { right :5%;  position: absolute;}
@media screen and (max-width: 1920px) {
.arrow .left{ left: 2%; position: absolute;}
.arrow .right { right :2%;  position: absolute;}
 }