@charset "UTF-8";
.main-content{padding-top:173px}
.main-visual{height:560px}
.main-visual a .pc-img, .main-visual a .m-img{height:100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.main-visual a .m-img{display: none;}

.main-section { background: #f3f9fc; padding: 10rem 0; }
.inner-section{max-width: 1400px; padding: 0 2rem; margin: 0 auto;}
.main-section .inner {  display: flex; overflow: hidden; height: 560px; box-shadow: 0 4px 20px rgba(0,0,0,.1);  background: #fff; overflow: hidden; border-radius: 14px;}
.main-section .inner .info-tab { flex: 0 0 100px; overflow: hidden; transition: flex .3s cubic-bezier(.4,0,.2,1); position: relative; overflow: hidden;}
.main-section .inner .info-tab.active { flex: 1; }
.info-header {display: flex; flex-direction: column; align-items: center; padding: 5rem 0; cursor: pointer; width: 100px; height: 100%; position: absolute; top: 0; left: 0; opacity: 1; transition: opacity .2s ease; z-index: 2; border-radius:0 14px 14px 0; box-sizing: border-box;}
.info-tab.active .info-header { opacity: 0; pointer-events: none; }
.tab-vname { font-size: 2.4rem; font-family: 'SUITE Variable'; font-weight: 700; display: block; margin-bottom: 3.5rem; color: #fff; white-space: nowrap; }
.tab-vsub { font-size: 20px; font-family: 'SUITE Variable'; font-weight: 400; color: #fff; writing-mode: vertical-rl; text-orientation: sideways; white-space: nowrap; }
.main-section .inner .info-content {padding:6rem ; background: #fff; width: 100%; height: 100%; opacity: 0; transition: opacity .3s ease .25s; border-radius:14px; box-sizing: border-box;}
.info-tab.active .info-content { opacity: 1; }

.main-section .inner .info-tab .info-content{position: relative;}
.main-section .inner .info-tab .info-content .inner-info{max-width:440px; position: relative; z-index: 1;}
.main-section .inner .info-tab .info-content .label{font-family: 'SUITE Variable'; font-weight: 700; font-size: 2rem; margin-bottom: 2rem;
	border-radius: 30px; padding:0.8rem 0; color: #fff; display: block; width:98px; text-align: center;}
.main-section .inner .info-tab .info-content strong{font-family: 'SUITE Variable'; font-weight: 700; color:#000; font-size: 4.4rem; }
.main-section .inner .info-tab .info-content .txt .tit{font-weight: 500; font-size: 2.4rem; margin:2.5rem 0 1.5rem 0;}
.main-section .inner .info-tab .info-content .txt .cont{font-weight: 500; color:#666; font-size: 1.9rem; line-height: 1.5; width:80%}
.main-section .inner .info-tab .info-content .txt .cont strong{display: block; color:#444; font-size: 1.9rem; font-weight: 600;}
.main-section .inner .info-tab .info-content .txt .cont span{display: block; margin-bottom:1rem}

.main-section .inner .info-tab.type1.active .info-content{border:3px solid #328f6b;}
.main-section .inner .info-tab.type1 .info-content::after{width:483px; height:229px; background:url('/common/images/user/bg/main_tab_img1.png')no-repeat center top; position: absolute; right:6rem; bottom:7rem; content:''; background-size:cover;}
.main-section .inner .info-tab.type1 .info-content .label{background: #328f6b; }
.main-section .inner .info-tab.type1 .info-content .txt .tit{color:#1c7150}

.main-section .inner .info-tab.type2 .info-content::after{width:469px; height:212px; background:url('/common/images/user/bg/main_tab_img2.png')no-repeat center top; position: absolute; right:6rem; bottom:7rem; content:''; background-size:cover;}
.main-section .inner .info-tab.type2.active .info-content .txt .tit{color:#1d6d67}

.main-section .inner .info-tab.type3 .info-content::after{width:380px; height:278px; background:url('/common/images/user/bg/main_tab_img3.png')no-repeat center top; position: absolute; right:6rem; bottom:7rem; content:''; background-size:cover;}
.main-section .inner .info-tab.type3.active .info-content .txt .tit{color:#145e77}
.main-section .inner .info-tab.type3 .info-content .txt .cont{width:100%}

.main-section .inner .info-tab.type4 .info-content::after{width:406px; height:272px; background:url('/common/images/user/bg/main_tab_img4.png')no-repeat center top; position: absolute; right:6rem; bottom:7rem; content:''; background-size:cover;}
.main-section .inner .info-tab.type4.active .info-content .txt .tit{color:#0d568d}
.main-section .inner .info-tab.type4 .info-content .inner-info{max-width:480px}

.main-section .inner .info-tab.type5 .info-content::after{width:428px; height:299px; background:url('/common/images/user/bg/main_tab_img5.png')no-repeat center top; position: absolute; right:6rem; bottom:7rem; content:''; background-size:cover;}
.main-section .inner .info-tab.type5.active .info-content .txt .tit{color:#2b4494}
.main-section .inner .info-tab.type5 .info-content .inner-info{max-width:480px}

.main-section .inner .info-tab.type2 .info-content .label{background: #308780; }
.main-section .inner .info-tab.type3 .info-content .label{background: #247692; }
.main-section .inner .info-tab.type4 .info-content .label{background: #1967a1; }
.main-section .inner .info-tab.type5 .info-content .label{background: #3d5192; }
.main-section .inner .info-tab.type1{background: #328f6b;}
.main-section .inner .info-tab.type2{background: #247692;}
.main-section .inner .info-tab.type3{background: #1967a1;}
.main-section .inner .info-tab.type4{background: #3d5192;}
.main-section .inner .info-tab.type5{background: #3d5192;}
.main-section .inner .info-tab.type1 .info-header{background: #328f6b ;}
.main-section .inner .info-tab.type2 .info-header{background: #308780 ;}
.main-section .inner .info-tab.type3 .info-header{background: #247692 ;}
.main-section .inner .info-tab.type4 .info-header{background: #1967a1 ;}
.main-section .inner .info-tab.type5 .info-header{background: #3d5192 ;}
.main-section .inner .info-tab.type2.active{background: #247692 }
.main-section .inner .info-tab.type3.active{background: #1967a1 }
.main-section .inner .info-tab.type4.active{background: #3d5192 }
.main-section .inner .info-tab.type5.active{background: #3d5192 }
.main-section .inner .info-tab.type2.active .info-content{border:3px solid #308780;}
.main-section .inner .info-tab.type3.active .info-content{border:3px solid #247692;}
.main-section .inner .info-tab.type4.active .info-content{border:3px solid #1967a1;}
.main-section .inner .info-tab.type5.active .info-content{border:3px solid #3d5192;}
.info-tab.type1 .info-content .label,
.info-tab.type1 .info-content strong,
.info-tab.type1 .info-content .tit,
.info-tab.type1 .info-content .cont {
  opacity: 1;
  transform: translateY(0);
}


.info-header button{width:36px; height:36px; background:url('/common/images/user/btn/btn_plus.png')no-repeat center top; content:''; background-size:cover; position: absolute; bottom:4rem; }

.main-section .inner .info-tab.type1 .info-content button{width:36px; height:36px; background:url('/common/images/user/btn/btn_min1.png')no-repeat center top; content:''; background-size:cover; position: absolute; bottom:3.5rem; right:3rem;}
.main-section .inner .info-tab.type2 .info-content button{width:36px; height:36px; background:url('/common/images/user/btn/btn_min2.png')no-repeat center top; content:''; background-size:cover; position: absolute; bottom:3.5rem; right:3rem;}
.main-section .inner .info-tab.type3 .info-content button{width:36px; height:36px; background:url('/common/images/user/btn/btn_min3.png')no-repeat center top; content:''; background-size:cover; position: absolute; bottom:3.5rem; right:3rem;}
.main-section .inner .info-tab.type4 .info-content button{width:36px; height:36px; background:url('/common/images/user/btn/btn_min4.png')no-repeat center top; content:''; background-size:cover; position: absolute; bottom:3.5rem; right:3rem;}
.main-section .inner .info-tab.type5 .info-content button{width:36px; height:36px; background:url('/common/images/user/btn/btn_min5.png')no-repeat center top; content:''; background-size:cover; position: absolute; bottom:3.5rem; right:3rem;}



.main-board{padding:8rem 0; width:100%; background:url('/common/images/user/bg/bg_main_notice.png')no-repeat center top; background-size: cover;}
.main-board .board-item{position: relative;}
.main-board .inner-board{max-width:1400px; padding:0 2rem; margin:0 auto;}
.main-board .inner-board .board-head{display: flex; justify-content: space-between; align-items: center; margin-bottom:6rem;}
.main-board .inner-board .board-head .board-nav{margin:0 auto;}
.main-board .inner-board .board-head h2{font-family: 'SUITE Variable'; font-weight: 700; font-size:3.6rem; color:#fff }
.main-board .inner-board .board-head ul{display: flex; align-items: center; gap:5.5rem; }
.main-board .inner-board .board-head ul li{position: relative; }
.main-board .inner-board .board-head ul li:after{width:5px; height: 5px; background: #f3f8fc; content: ""; display: inline-block; border-radius: 50%; position: absolute; right:0rem; top:50%; right:11rem }
.main-board .inner-board .board-head ul li a{color:#f3f8fc; font-size: 2.4rem; font-weight: 700; }
.main-board .inner-board .board-head ul li a.active{color:#b7ffe8; border-bottom:3px solid #b7ffe8; padding-bottom:1rem}
.main-board .inner-board .board-head ul li:first-child::after{display: none;}
.main-board .inner-board .btn-board-more{color:#f3f8fc; font-size: 1.5rem}
.main-board .inner-board .btn-board-more img{display: inline-block; vertical-align: middle; margin-left:5px; }
.main-board .swiper{max-width:1228px; margin:0 86px}
.main-board .swiper-wrapper{display:flex; align-items:stretch}
.main-board .swiper-slide a{padding:0 30px; border-radius: 10px;  background:#fff;  width: 100%;  height: 100%;  display: flex;  flex-direction: column; box-sizing: border-box;}
.main-board .swiper-slide{width:31.33%; margin-right:3%; box-sizing:border-box;border-radius:8px; background: #fff; height:auto; display:flex; flex-direction:column; position:relative;}
.main-board .swiper-slide:last-child{margin-right:0}
.main-board .swiper-slide::before{ content:'';  position:absolute;  inset:0;  border-radius:inherit;  padding:4px;  background-image: linear-gradient(to right, #8fe6ff, #0ab17c);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;  opacity:0;  transition:opacity .3s ease;  pointer-events:none;}
.main-board .swiper-slide:hover::before{ opacity:1; }
.main-board .swiper-slide .label {display:block; background:#399276; color:#fff; text-align:center; width:80px; padding:2rem 0; border-radius:0 0 2rem 2rem; font-size:1.5rem; margin:-4px auto 2rem auto; position:relative; overflow:hidden; z-index:0;}
.main-board .swiper-slide .label::before{content:''; position:absolute; inset:0; background:linear-gradient(to right, #018661, #1562a7); opacity:0; transition:opacity .3s ease; z-index:-1;}
.main-board .swiper-slide:hover .label::before{opacity:1;}
.main-board .swiper-slide .subject {font-size:2.2rem; font-weight:600; line-height:1.5; color:#333; margin-bottom:2rem; text-align:center; overflow:hidden; height:60px; position:relative;transition:color .25s ease; display: block;}
.main-board .swiper-slide:hover .subject{background:linear-gradient(to right, #018661, #0084a1); -webkit-background-clip:text;  background-clip:text;
  -webkit-text-fill-color:transparent;  color:transparent;}
.main-board .swiper-slide .top { flex:1; }
.main-board .swiper-slide .top p {height:170px; font-size:1.6rem; padding-top:2.5rem; line-height:1.5; color:#555; overflow:hidden; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; position:relative; box-sizing:border-box; word-break: break-word;}

.main-board .swiper-slide.swiper-img .top p {height:122px; font-size:1.6rem; padding-top:2.5rem; line-height:1.5; color:#555; overflow:hidden; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; position:relative; box-sizing:border-box;}

.main-board .swiper-slide .top p::after{content:''; display:block; width:18px; height:6px; background:#222; border-radius:3px; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.main-board .swiper-slide .top p::before{content:''; display:block; width:18px; height:6px; background:linear-gradient(135deg, #018661, #0084a1); border-radius:3px; position:absolute; top:0; left:50%; transform:translateX(-50%); opacity:0; transition:opacity .3s ease; z-index:1;}
.main-board .swiper-slide:hover .top p::before{opacity:1;}
.main-board .swiper-slide .bot { margin-top:auto; }
.main-board .swiper-slide .bot .date {margin-top:1.5rem; padding:2.5rem 0; font-size:1.5rem; color:#666; font-weight:300; border-top:1px solid #ddd; text-align:center;}
.main-board svg{display: none;}
.main-board .swiper-button-next{width:22px; height:41px; margin:0; background: url(/common/images/user/btn/btn_main_notice_next.png) no-repeat center; right:0; z-index: 1;}
.main-board .swiper-button-prev{width:22px; height:41px; margin:0; background: url(/common/images/user/btn/btn_main_notice_prev.png) no-repeat center; left: 0; z-index: 1}

.main-board-cont .board-item{ display:none; }
.main-board-cont .board-item.active{ display:block; }

.main-newsletter{padding:6rem 0 13.4rem 0;  width:100%; background:url('/common/images/user/bg/bg_main_newletter_img2.png')no-repeat center top;  background-size: cover}
.inner-newsletter{max-width:1280px; padding:0 2rem; margin:0 auto; display: flex; justify-content: end;}
.inner-newsletter .newsletter-cont{text-align: center; max-width:680px; width:100%}
.inner-newsletter .newsletter-cont .tit img{margin:0 auto; padding-left:8rem}
.inner-newsletter .newsletter-cont .tit img.m-img{display: none;}
.inner-newsletter .newsletter-cont .txt{margin-top:2rem;}
.inner-newsletter .newsletter-cont .txt p{color: #222; font-size: 2rem; ;}
.inner-newsletter .newsletter-cont .txt .checkbox{margin-top:2rem; }
.inner-newsletter .newsletter-cont .txt > ul{display:flex; align-items:stretch;margin-top:2rem;}
.inner-newsletter .newsletter-cont .txt > ul li{display:flex;}
.inner-newsletter .newsletter-cont .txt > ul li:nth-child(1){width:170px;}
.inner-newsletter .newsletter-cont .txt > ul li:nth-child(2){width:368px; margin: 0 0.5rem}
.inner-newsletter .newsletter-cont .txt > ul li:nth-child(3){width:137px;}
.inner-newsletter .newsletter-cont .txt > ul li .int-type1{width:100%; height:60px; padding:0 24px; font-size:1.8rem; color:#444; box-sizing:border-box; outline:none; box-sizing: border-box;}
.inner-newsletter .newsletter-cont .txt > ul li .int-type1::placeholder{ font-size:1.8rem; color:#444;  font-family: 'Pretendard GOV';}
.inner-newsletter .newsletter-cont .txt > ul li:first-child .int-type1{border:3px solid transparent;
background-image:linear-gradient(#fff, #fff), linear-gradient(to right, #389275, #1562a7);
background-origin: border-box; background-clip: padding-box, border-box; border-radius:28px 0 0 28px;;}
.inner-newsletter .newsletter-cont .txt > ul li:nth-child(2) .int-type1{border:3px solid transparent;
background-image:linear-gradient(#fff, #fff), linear-gradient(to right, #1562a7, #389275);
background-origin: border-box;  background-clip: padding-box, border-box; }
.inner-newsletter .newsletter-cont .txt > ul li:last-child a{display:flex; align-items:center; justify-content:center; width:100%; height:60px; background:linear-gradient(to right, #389275, #1562a7); color:#fff; font-size:2rem; font-weight:600;  border-radius:0 28px 28px 0; box-sizing:border-box;}

/* popup */
.popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 11; display: none; overflow: hidden; }
.popup .popup-inner { max-width: 1400px; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 2rem; box-sizing: border-box; display: flex; align-items: center; }
.popup .popup-inner .main-popup-content { width: 100%; max-height: calc(100vh - 6rem); overflow-y: auto; display: flex; flex-direction: column; align-items: center; }
.popup .popup-inner .main-popup-content .swiper-slide{width:100% !important;}

/* 이미지 영역 */
.popup-swiepr { max-width: 580px; }
.popup-swiepr img { width: 100%; display: block; }

/* 좌우 버튼 */
.popup-swiper-button .swiper-button-prev,
.popup-swiper-button .swiper-button-next { width: 25px; height: 46px; display: block; background-repeat: no-repeat; background-size: 100%; position: absolute; top: 50%; transform: translateY(-50%); margin: 0; }
.popup-swiper-button .swiper-button-prev { background-image: url('/common/images/user/btn/btn_popup_prev.png'); left: 0; }
.popup-swiper-button .swiper-button-next { background-image: url('/common/images/user/btn/btn_popup_next.png'); right: 0; }
.popup-swiper-button svg { display: none; }

/* 하단 영역 */
.popup-bottom-box { display: flex; align-items: center; justify-content: space-between; margin-top: 6rem; max-width: 640px; width: 100%; }
.popup-check { display: flex; align-items: center; }
.popup-check .checkbox { display: flex; align-items: center; }
.popup-check .checkbox input { position: absolute; opacity: 0; }
.popup-check .checkbox label { display: flex; align-items: center; gap: 15px; color: #fff; font-size: 18px; cursor: pointer; font-weight: 500; }
.popup-check .checkbox label::before { content: ''; width: 24px; height: 24px; background: url('/common/images/user/ico/ico_uncheck_img2.png') no-repeat center; box-sizing: border-box; }
.popup-check .checkbox input:checked + label::before { background: url('/common/images/user/ico/ico_check_img2.png') no-repeat center; background-size: 100%; }
.popup-close-btn { display: flex; align-items: center; gap: 1.5rem; }
.popup-close-btn span { color: #fff; font-weight: 500; font-size: 1.8rem; }
.popup-close { width: 36px; height: 36px; display: block; background: url('/common/images/user/btn/btn_popup_close.png') no-repeat; background-size: 100%; border: 0; cursor: pointer; }

.main-board .swiper-slide .board-img{width: 100%; padding-top: 62%; box-sizing: border-box; overflow: hidden; position: relative; background: #fff; 
display: inline-block; border-radius: 10px; margin-top:2rem}
.main-board .swiper-slide .board-img img{max-width: 100%;max-height: 100%;width: 100%;height: 100%;object-fit: cover;display: block;position: absolute;top: 0;}

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

  .popup-swiper-button .swiper-button-next{right:2rem}
  .popup-swiper-button .swiper-button-prev{left:2rem}
}

@media all and (max-width:1380px){
.main-section .inner .info-content{padding:3rem}
.main-section .inner .info-tab .info-content .inner-info{width:100%}
.main-section .inner .info-tab.type1 .info-content::after{width: 28vw;height: 13vw; bottom:4rem}
.main-section .inner .info-tab.type2 .info-content::after{width: 29vw;height: 13vw; bottom:4rem}
.main-section .inner .info-tab.type3 .info-content::after{width: 23vw;height: 18vw; bottom:4rem}
.main-section .inner .info-tab.type4 .info-content::after{width: 24vw;height: 16vw; bottom:4rem}
.main-section .inner .info-tab.type5 .info-content::after{width: 22vw;height: 16vw; bottom:4rem}
}
@media all and (max-width:1260px){
  .main-board .swiper{margin:0 4rem}
  .main-board .swiper-slide .subject{font-size: 2rem;}
  .main-board .swiper-slide a{padding:0 1.5rem}
}
@media all and (max-width:1180px){
 .inner-newsletter .newsletter-cont{max-width:600px;}
}



@media all and (max-width:991px){
.main-visual{height: 1000px;}
.main-visual a .m-img{display: block; }
.main-visual a .pc-img{display: none;}
.main-content{padding-top:115px;}
.inner-section { padding: 0 1.5rem; }
.main-section .inner { display: block; height: auto; overflow: visible; }

.main-section .inner .info-tab { flex: none; width: 100%; height: auto; overflow: visible; }

.info-header { position: static; display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; height: auto; padding: 1.6rem 2rem; opacity: 1 ; pointer-events: auto; border-radius: 0; background: inherit; transition: opacity .2s ease, height .3s ease, padding .3s ease; }
.tab-vname {margin-bottom: 0; font-size: 2.4rem; white-space: nowrap; width:80px;}
.tab-vsub {flex: 1; font-size: 2rem; white-space: normal; writing-mode: horizontal-tb; text-orientation: mixed; }
.main-section .inner .info-content { display: grid; grid-template-rows: 0fr; width: 100%; height: auto;  overflow: hidden; opacity: 1; transition: grid-template-rows .35s ease, padding .35s ease; padding:0;}
.info-tab.active .info-content { grid-template-rows: 1fr; padding:4rem 3rem 24rem 3rem;}
.info-content .inner-info { min-height: 0; overflow: hidden; }
.info-header button{position: relative; bottom:auto}
.main-section .inner .info-tab .info-content strong{font-size: 3.8rem;}
.main-section .inner .info-tab .info-content .inner-info{max-width:100%}
.main-section .inner .info-tab .info-content .txt .cont{width:100%; margin-bottom:4rem}

.main-section .inner .info-tab.type1 .info-content::after{width:483px; height: 229px; bottom:3rem; right:auto; left:50%; transform:translateX(-50%);}
.main-section .inner .info-tab.type2 .info-content::after{width:469px; height:212px; bottom:3rem; right:auto; left:50%; transform:translateX(-50%);}
.main-section .inner .info-tab.type3 .info-content::after{width:380px; height:278px; bottom:3rem; right:auto; left:50%; transform:translateX(-50%);}
.main-section .inner .info-tab.type4 .info-content::after{width:406px; height:272px;bottom:3rem; right:auto; left:50%; transform:translateX(-50%);;}
.main-section .inner .info-tab.type5 .info-content::after{width:428px; height:299px;bottom:3rem; right:auto; left:50%; transform:translateX(-50%);}
.main-section .inner .info-tab.type4 .info-content .inner-info, .main-section .inner .info-tab.type5 .info-content .inner-info{max-width:100%}

.info-tab.active .info-header {opacity: 0; pointer-events: none; height: 0; padding: 0; overflow: hidden;}
.info-tab.active .info-header .tab-vname,
.info-tab.active .info-header .tab-vsub {margin: 0;}

.main-section .inner .info-tab.type1{border-radius: 14px 14px 0 0;}
.main-section .inner .info-tab.type1 .info-header{border-radius: 14px 14px 0 0;}
.main-section .inner .info-tab.type5 {border-radius: 0 0 14px 14px;}
.main-section .inner .info-tab.type5 .info-header{border-radius: 0 0 14px 14px;}
.main-section .inner .info-tab.type1 .info-content button{right:2rem}
.main-section .inner .info-tab.type2 .info-content button{right:2rem}
.main-section .inner .info-tab.type3 .info-content button{right:2rem}
.main-section .inner .info-tab.type4 .info-content button{right:2rem}
.main-section .inner .info-tab.type5 .info-content button{right:2rem}

.main-board .swiper-slide{width:100%; margin-right:0}
.main-board{background: url(/common/images/user/bg/bg_main_notice_m.png) no-repeat center top;background-size: cover;}

.main-board .inner-board .board-head {flex-wrap: wrap;}
.main-board .inner-board .board-head .board-nav {width: 100%; display: flex; justify-content: center; margin-top: 3rem; order: 2;}
.main-board .inner-board .board-head h2 { order: 1;}
.main-board .inner-board .board-head .btn-board-more {order: 1;}

.inner-newsletter{justify-content: center; position: relative;}
.inner-newsletter .newsletter-cont {position: relative; max-width:100%}
.inner-newsletter .newsletter-cont:after{width: 400px; height: 120px; background: url(/common/images/user/bg/bg_main_newletter_img1_m.png) no-repeat center; position: absolute; top: 0; left: 45%; transform: translateX(-45%); content: ''; background-size:cover;}
.inner-newsletter .newsletter-cont .tit img.pc-img{display: none;}
.main-newsletter{background: url(/common/images/user/bg/bg_main_newletter_img2_m.png) no-repeat center bottom; background-size: cover; padding:3rem 0 75vw 0}
.inner-newsletter .newsletter-cont .txt p{margin-bottom:2rem; line-height: 1.5;}
.inner-newsletter .newsletter-cont .txt p span{display: block;}
.inner-newsletter .newsletter-cont .txt{padding: 7rem 1rem 0 1rem;;}
.inner-newsletter .newsletter-cont .txt > ul {display:grid; grid-template-columns:1fr 9.6rem; grid-template-rows:5rem 5rem;gap: 0.3rem 0.5rem;}
.inner-newsletter .newsletter-cont .txt > ul  li:nth-child(1){grid-column:1; grid-row:1; width:auto;}
.inner-newsletter .newsletter-cont .txt > ul  li:nth-child(2){grid-column:1; grid-row:2; margin:0; width:auto;}
.inner-newsletter .newsletter-cont .txt > ul  li:nth-child(3){grid-column:2; grid-row:1 / span 2; width:auto;}
.inner-newsletter .newsletter-cont .txt > ul  li .int-type1{ width:100%; height:100%; padding:0 2rem; height:auto; border:1px solid #2f9b8e; box-sizing:border-box;}
.inner-newsletter .newsletter-cont .txt > ul  li:nth-child(1) .int-type1{border-radius:3rem 0 0 3rem}
.inner-newsletter .newsletter-cont .txt > ul  li:nth-child(2) .int-type1{border-radius:3rem 0 0 3rem}
.inner-newsletter .newsletter-cont .txt > ul  li:nth-child(3) a{display:flex; align-items:center; justify-content:center; width:100%; height:100%;}


.main-board .swiper-slide-active::before{ opacity:1; border-radius: 6px;}
.main-board .swiper-slide-active .label::before{opacity:1;}
.main-board .swiper-slide-active .subject{background:linear-gradient(to right, #018661, #0084a1); -webkit-background-clip:text;  background-clip:text;
  -webkit-text-fill-color:transparent;  color:transparent;}
.main-board .swiper-slide-active .top p::before{opacity:1;}

.main-board .swiper-slide .board-img{padding-top:45%}


}






/* 모바일 */
@media all and (max-width:767px){
.main-content{padding-top:89px}
.main-visual{height: 130vw;}
.main-section { padding:4rem 0; }


.tab-vname{font-size: 1.8rem; width:60px;}
.tab-vsub{font-size: 1.5rem;}
.main-section .inner .info-tab .info-content .label{font-size: 1.6rem;width: 70px;  padding: 0.5rem 0; margin-bottom: 1rem;}
.info-tab.active .info-content{padding:3rem 3rem 12rem 3rem;}
.main-section .inner .info-tab .info-content strong{font-size: 2.8rem;}
.main-section .inner .info-tab .info-content .txt .tit{font-size: 1.8rem;     margin:1.5rem 0 1rem 0;}
.main-section .inner .info-tab .info-content .txt .cont{font-size: 1.5rem;}
.main-section .inner .info-tab.type1 .info-content button{width:25px; height:25px; bottom:1.5rem}
.main-section .inner .info-tab.type2 .info-content button{width:25px; height:25px; bottom:1.5rem}
.main-section .inner .info-tab.type3 .info-content button{width:25px; height:25px; bottom:1.5rem}
.main-section .inner .info-tab.type4 .info-content button{width:25px; height:25px; bottom:1.5rem}
.main-section .inner .info-tab.type5 .info-content button{width:25px; height:25px; bottom:1.5rem}
.info-header button{width:25px; height:25px}
.main-section .inner .info-tab.type1 .info-content::after{width:241px; height:114px ;}
.main-section .inner .info-tab.type2 .info-content::after{width:234px; height:106px;}
.main-section .inner .info-tab.type3 .info-content::after{width:190px; height:139px;}
.main-section .inner .info-tab.type4 .info-content::after{width:203px; height:136px;}
.main-section .inner .info-tab.type5 .info-content::after{width:214px; height:149px;}
.main-section .inner .info-tab .info-content .txt .cont strong{font-size: 1.6rem;}

.main-board{padding:4rem 0}
.main-board .inner-board{padding:0}
.main-board .inner-board .board-head{padding:0 2rem; margin-bottom:3rem}
.main-board-cont{padding:0 1rem}
.main-board .inner-board .board-head ul{gap: 4rem;}
.main-board .inner-board .board-head h2{font-size: 2.4rem;}
.main-board .inner-board .btn-board-more{font-size: 1.4rem;}
.main-board .inner-board .btn-board-more img{width:25px;height: 25px;}
.main-board .inner-board .board-head ul li a{font-size: 1.8rem;}
.main-board .inner-board .board-head ul li a.active{border-bottom:2px solid #b7ffe8;}
.main-board .inner-board .board-head ul li:after{right:8rem}
.main-board .swiper-button-next{width:16px; height: 31px; background-size: cover;}
.main-board .swiper-button-prev{width:16px; height: 31px; background-size: cover;}
.main-board .swiper{margin:0 3rem}
.main-board .swiper-slide .label{width:64px; font-size:1.4rem; padding:1.5rem 0; border-radius: 0 0 1rem 1rem;}
.main-board .swiper-slide .subject{font-size:1.8rem; height: 50px;}
.main-board .swiper-slide .top p{font-size:1.4rem; height: 152px; }
.main-board .swiper-slide.swiper-img .top p{font-size:1.4rem; height: 110px; }
.main-board .swiper-slide .bot .date{font-size: 1.4rem; padding:2rem 0}
.main-board .swiper-slide a{border-radius: 6px;}

.inner-newsletter .newsletter-cont:after{width:300px; height:100px; left:40%; transform: translateX(-40%);}
.inner-newsletter .newsletter-cont .txt p{font-size:1.5rem ;}
.inner-newsletter .newsletter-cont .txt{padding:5rem 1rem 0 1rem}
.inner-newsletter .newsletter-cont .txt > ul li:nth-child(1) .int-type1{font-size: 1.5rem;}
.inner-newsletter .newsletter-cont .txt > ul li:nth-child(3) a{font-size:1.6rem ;}

.inner-newsletter .newsletter-cont .txt > ul li .int-type1{font-size: 1.5rem;}
.inner-newsletter .newsletter-cont .txt > ul li .int-type1::placeholder {font-size: 1.5rem;}
.inner-newsletter .newsletter-cont .txt > ul{grid-template-columns: 1fr 7rem; grid-template-rows: 4rem 4rem;}

.popup-swiepr-scroll{max-width:80%}
.popup-swiper-button .swiper-button-prev, .popup-swiper-button .swiper-button-next{width:15px; height: 30px;}
.popup-check .checkbox label{font-size: 1.5rem; gap:1rem}
.popup-close-btn{gap: 1rem;}
.popup-close-btn span{font-size: 1.5rem;}
.popup-bottom-box{margin-top:3rem}
.popup-close{width:25px; height:25px}
.popup-check .checkbox label::before{width:18px; height: 18px;}
}