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

.pc_show{display:none;}
.m_show{display:block;}


.sec .mainSlide .wrap{max-width:1200px;}
.mainSlide .con{background-size:contain;}
.mainSlide .txtWrap{}
.mainSlide .txtWrap p{font-size:28px;}
.mainSlide .txtWrap h2{font-size:50px; margin:20px 0 30px;}
.mainSlide .txtWrap h2 span{}
.mainSlide .txtWrap h2 span:after{height:65px; top:40%; border:5px solid #159bc0}
.mainSlide .txtWrap ul li{font-size:20px;}
.mainSlide .txtWrap ul li + li{margin-top:18px;}

.mainSlide02 .txtWrap h2 span{color:#4cb6b4;}
.mainSlide02 .txtWrap h2 span:after{height:65px; top:40%; border:5px solid #4cb6b4;}

.mainSlide03 .con, .mainSlide04 .con{background-position:center bottom;}
.mainSlide03{background-size:cover;}
.mainSlide03 .con{background-size:contain;}
.mainSlide03 .txtWrap{padding-top:50px;}
.mainSlide03 .txtWrap h6{margin:30px auto;}
.mainSlide03 div.link a{width:290px; white-space:nowrap;}


.mainSlide04{background-size:cover;}
.mainSlide04 .con{background-size:contain;}
.mainSlide04 .txtWrap.right{top:50%; transform:translateY(-50%); padding-top:100px;}

.mainSlide05{background-size:cover;}
.mainSlide05 .con{background: url(../img/mainSlide05.png) right -5vw center no-repeat; background-size:120%; }
.mainSlide05 div.list div{width:210px;}


.sec .wrap{max-width:1100px;}

.sec02 .wrap{padding:130px 0 140px}
.sec02 .pc_show{display:block;}
.sec02 .m_show{display:none;}
.sec03 .wrap{flex-direction:column; gap:50px;}
.sec03 .Box01{order:1; width:100%;}
.sec03 .secTIT span{text-align:center;}
.sec03 .secTIT h1{text-align:center;}
.sec03 .secTIT h4{text-align:center;}
.sec03 .secTIT h4 br{display:none;}
.sec03 .Box02{width:100%; order:2;}
.sec03 .cate{max-width:none; gap:20px 30px;}
.sec03 .cate h3{width:calc(25% - 24px); line-height:55px; font-size:24px;}
.sec03 .view_section .swiper-wrapper{height:690px;}
.sec03 .view_section .swiper-slide p{line-height:80px; font-size:24px;}


.sec04{background-image:linear-gradient(to bottom, #FFFFFF 60%, #f5f5f5 40%)}
.sec04:after{display:none;}
.sec04 .wrap{flex-direction:column; gap:50px;}
.sec04 .Box01{order:1; width:100%;}
.sec04 .secTIT span{text-align:center;}
.sec04 .secTIT h1{text-align:center;}
.sec04 .secTIT h4{text-align:center;}
.sec04 .secTIT h4 br{display:none;}
.sec04 .Box02{width:100%; order:2;}
.sec04 .cate2{max-width:none; gap:20px 30px; justify-content:Center;}
.sec04 .cate2 h3{width:calc(32% - 24px); line-height:55px; font-size:24px;}
.sec04 .view_section2 .swiper-wrapper{height:580px;}
.sec04 .view_section2 .swiper-slide p{line-height:80px; font-size:24px;}



.sec06 .wrap{flex-direction:column;}
.sec06 .wrap:before{display:none;}
.sec06 .secTIT span{text-align:center;}
.sec06 .secTIT h1{text-align:center;}
.sec06 .secTIT h4{text-align:center;}
.sec06 .secTIT h4 br{display:none;}
.sec06 .Box{position:static; width:100%;}
.sec06 .Box01{background:none; padding:0;}
.sec06 .Box02{transform:none; width:100%;}
.sec06 ul.list{max-width:670px; flex-wrap:nowrap; flex-direction: row; margin:80px auto 60px;}
.sec06 ul.list li{font-size:24px; line-height:55px;}
.sec06 ul.list li span:last-child{font-size:16px;}
.portSwiper{position:static; transform:none;}
.sec06 .btnWrap{left:50%; transform:translate(-50%, -50%);}
.portSwiper .swiper-wrapper .swiper-slide p{font-size:24px;}

.portSwiper .swiper-wrapper {margin-left:40px;}
.portSwiper .swiper-wrapper .swiper-slide:first-child{}


}/* 1400 */


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


.sec .mainSlide .wrap{max-width:850px;}
.mainSlide .br1024{display:block;}

.mainSlide .con{background-size:110%; min-width:851px;}
.mainSlide01{background:#cae1f3}
.mainSlide01 .con{width:100%; height:100%; max-width:none; margin:0 auto; background:url(../img/m_mainSlide01_.png) center bottom no-repeat; background-size:contain;}
.mainSlide02{background:#d6fdfc;}
.mainSlide02 .con{width:100%; height:100%; max-width:none; margin:0 auto; background:url(../img/m_mainSlide02.png) center bottom no-repeat; background-size:contain;}
.mainSlide03{background:#fff8f4;}
.mainSlide03 .con{width:100%; height:100%; max-width:none; margin:0 auto; background:url(../img/m_mainSlide03.png) right bottom no-repeat; background-size:contain;}
.mainSlide04{background:#fcf7fd; background-size:cover;}
.mainSlide04 .con{width:100%; height:100%; max-width:none; margin:0 auto; background:url(../img/m_mainSlide04.png) left bottom no-repeat; background-size:contain;}
.mainSlide05{background:#f8f8f8 url(../img/mainSlide05_Bg.png) center center no-repeat; background-size:cover;}
.mainSlide05 .con{width:100%; height:100%; max-width:none; margin:0 auto; background:url(../img/m_mainSlide05.png) center bottom no-repeat; background-size:contain;}




.mainSlide .txtWrap{width:auto; top:auto; left:auto; right:auto; bottom:auto; top:150px; left:50%; transform:translateX(-50%); padding:0;}
.mainSlide .txtWrap p{font-size:26px; text-align:center;}
.mainSlide .txtWrap h2{font-size:60px; margin:30px 0 10px; text-align:center; white-space:nowrap;}
.mainSlide .txtWrap h2 span{margin:0 20px;}
.mainSlide .txtWrap h2 span:after{height:80px; top:40%; border:5px solid #159bc0}
.mainSlide .txtWrap ul{width:fit-content; display:flex; flex-direction:column; justify-content:center; margin:20px auto;}
.mainSlide .txtWrap ul li{font-size:24px; width:auto;}
.mainSlide .txtWrap ul li + li{margin-top:10px;}


.mainSlide03 .txtWrap h6 {width:100%; white-space:nowrap; margin:10px auto 20px;}
.mainSlide03 .txtWrap h6 br{display:none; }
.mainSlide03 div.link{flex-direction:column;}

.mainSlide04 .txtWrap.right{text-align:center;}
.mainSlide04 .txtWrap.right div.link{text-align:center;}
.mainSlide04 .txtWrap.right div.link a{margin:20px auto;}
.mainSlide04 .txtWrap.right > img{margin:40px auto 0; text-align:Center;}

.mainSlide05 div.list{justify-content:center; width:660px;}
.mainSlide05 div.list div{width:325px;}



.sec .wrap{max-width:800px;}
.w1100{display:none;}


.sec02 .wrap{}
.sec02 .pc_show{display:none;}
.sec02 .m_show{display:block;}
.sec02 .m_show .wrap{padding:0;}
.sec02 .content{margin-top:50px;}
.sec02 .m_sec02Swiper{width:100%; padding-bottom:50px; box-sizing:border-box;}
.sec02 .m_sec02Swiper .swiper-slide{width:100%; border-radius:37.5px; border:1px solid #ddd; position:relative; padding:330px 45px 30px; box-sizing:border-box; cursor:pointer;}
.sec02 .m_sec02Swiper .swiper-slide.slide01{background:url(../img/m_sec02Swiper01.png) center top no-repeat; background-size:cover;}
.sec02 .m_sec02Swiper .swiper-slide.slide02{background:url(../img/m_sec02Swiper02.png) center top no-repeat; background-size:cover;}
.sec02 .m_sec02Swiper .swiper-slide.slide03{background:url(../img/m_sec02Swiper03.png) center top no-repeat; background-size:cover;}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap{width:100%;}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap > span{color:#666666; font-size:22px; font-weight:600; font-family:'Montserrat'; display:block; margin-bottom:15px; line-height:1;}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap h4{font-size:50px; font-weight:normal; font-family:'Montserrat';}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap h4 strong{font-family:"Noto Sans KR", sans-serif; font-weight:bold;}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap h4 b{color:var(--subColor);}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap hr{border:none; background:#ddd; width:100%; height:1px; display:block; margin:30px 0;}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap p{font-size:26px; line-height:normal; letter-spacing:-0.05em; min-height:100px; word-break:keep-all;}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap p br{display:none;}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap ul{display:flex; justify-content:space-between; width:100%; align-items:center; margin-top:15px;}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap ul li{display:flex; align-items:center; justify-content:center; line-height:1;}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap ul li:first-child{background:#eee; gap:5px; font-size:22px; padding:10px; border-radius:10px;}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap ul li:last-child{background:var(--subColor); color:#fff; font-size:22px; padding:18px 20px; border-radius:15px; align-items:flex-end;}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap ul li span{}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap ul li big{font-size:38px; font-weight:bold;}
/* .sec02 .m_sec02Swiper .swiper-slide + .swiper-slide{margin-right:10vw !important;} */
.sec02 .swiper-pagination{bottom:0;}
.sec02 .swiper-pagination span{width:18px; height:18px; margin:0 9px;}
.sec02 .swiper-pagination span.swiper-pagination-bullet-active{background:#999}

.sec02 .m_sec02Swiper .swiper-slide:before{width:100%; height:100%; content:""; display:block; border:1px solid #ddd; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:37.5px; box-sizing:border-box;}
.sec02 .m_sec02Swiper .swiper-slide:hover:before{border:3px solid var(--subColor);}
.sec02 .m_sec02Swiper .swiper-slide:after{width:65px; height:65px; display:block; content:""; border-radius:50%; opacity:0; position:absolute; left:50%; bottom:-32.5px;  transform:translateX(-50%); color:#fff; line-height:60px; font-weight:bold; text-align:center; font-size:35px; background:transparent url(../img/ico_boxArw.png) center center no-repeat;transition:all 0.3s ease; background-size:4vw;}
.sec02 .m_sec02Swiper .swiper-slide:hover:after{ opacity:1; background:var(--subColor) url(../img/ico_boxArw.png) center center no-repeat; transition:all 0.3s ease; background-size:4vw; }
/*슬라이드해제 2024-01-30*/
.sec02 .m_sec02Swiper .swiper-wrapper{flex-direction:column; gap:8vw;}
/*슬라이드해제 2024-01-30*/

.sec03 .cate h3{width:calc(33.33% - 20px); }
.sec03 .view_section .swiper-wrapper{height:520px;}
.sec03 .view_section .swiper-slide{filter:none;}



.sec04 .wrap{padding-top:0; gap:30px}
/* 
.sec04 .Box02{width:800px;}
.ytbSwiper .swiper-slide{width:245px;} */

.sec04 .cate2 h3{width:calc(31.5% - 20px); }
.sec04 .view_section2 .swiper-wrapper{height:440px;}
.sec04 .view_section2 .swiper-slide{filter:none;}



.sec06 .content{width:100%;}
.sec06 .btnWrap{width:650px; top:50%; left:50%; transform:none; transform:translate(-50%, -50%);}

.qna dt > a{padding:15px 0;}
.qna dt div.subject{line-height:1.5; width:80%;}

.sec08 .wrap{flex-direction:column;}
.sec08 .Box{width:100%;}
.sec08 .secTIT h1{text-align:center;}
.sec08 .secTIT h1 br{display:none;}
.sec08 .secTIT h4{text-align:center;}
.sec08 .Box01 ul.info{margin-top:80px; margin-bottom:50px; display:flex; justify-content:space-between;}
.sec08 .Box01 ul.info li{width:50%; box-sizing:border-box; padding:0 40px;}
.sec08 .Box01 ul.info li + li{margin-top:0; border-left:1px solid #ddd;	}
.portSwiper .swiper-wrapper{margin-left:140px;}

.qna .flex .answerTxt br{display:none;}





}/*1100*/

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


.sec .mainSlide .wrap{max-width:none;}
.sec01 .swiper-slide{max-height:160vw}
.mainSlide .con{background-size:contain; min-width:auto;}
.mainSlide02 .con{background-size:cover;}
.mainSlide .txtWrap{width:100%; top:auto; left:auto; transform:none; top:10vw; left:50%; transform:translateX(-50%);}
.mainSlide .txtWrap p{font-size:3.47vw; text-align:Center;}
.mainSlide .txtWrap h2{font-size:8.00vw; margin:3vw 0 4vw; text-align:Center; line-height:1.5;}
.mainSlide .txtWrap h2 span{margin:0 2.67vw;}
.mainSlide .txtWrap h2 span:after{height:10.67vw; top:42.5%; border:0.80vw solid #159bc0}
.mainSlide .txtWrap ul{width:50vw; margin:0 auto;}
.mainSlide .txtWrap ul li{font-size:3.20vw; padding-left:4vw;}
.mainSlide .txtWrap ul li + li{margin-top:2.67vw;}
.mainSlide .txtWrap ul li:before{width:3.07vw; height:3.07vw; background-size:cover;}

.mainSlide .txtWrap{width:auto; top:auto; left:auto; right:auto; bottom:auto; top:20.00vw; left:50%; transform:translateX(-50%); padding:0;}
.mainSlide .txtWrap p{font-size:4.2vw; text-align:center;}
.mainSlide .txtWrap h2{font-size:8.00vw; margin:4vw 0 3vw; text-align:center; white-space:nowrap;}
.mainSlide .txtWrap h2 span{margin:0 2.67vw;}
.mainSlide .txtWrap h2 span:after{height:10.67vw; top:50%; border:0.67vw solid #159bc0}
.mainSlide .txtWrap ul{width:fit-content; display:flex; flex-direction:column; justify-content:center; margin:2.67vw auto;}
.mainSlide .txtWrap ul li{font-size:4vw; width:auto;}
.mainSlide .txtWrap ul li + li{margin-top:3vw;}

.mainSlide .txtWrap h6{font-size:4vw; text-align:center;}
.mainSlide div.link a{width:62vw; height:7.5vw; line-height:7vw; font-size:4vw;}


.mainSlide03 .txtWrap h6 {width:100%; white-space:nowrap; margin:2vw auto 3vw;}
.mainSlide03 .txtWrap h6 br{display:none; }
.mainSlide03 div.link{flex-direction:column; gap:2.5vw;}

.mainSlide04 .txtWrap.right{text-align:center; padding-top:0; top:20vw; transform:none;}
.mainSlide04 .txtWrap.right div.link{text-align:center;}
.mainSlide04 .txtWrap.right div.link a{margin:2.67vw auto;}
.mainSlide04 .txtWrap.right > img{margin:5.33vw auto 0; text-align:Center; width:20vw;}

.mainSlide05 div.list{justify-content:center; width:88.00vw; gap:3vw 1vw;}
.mainSlide05 div.list div{width:43.33vw; height:7.5vw; line-height:7vw; font-size:4vw;}

.mainSlide03 .con, .mainSlide04 .con{background-size:cover;}

.mainSlider .page{bottom:5vw; gap:4vw;}
.secTIT{}
.secTIT span{font-family:'Montserrat'; font-weight:600; color:#333; font-size:3.2vw; display:block; line-height:1;}
.secTIT h1{font-size:6.67vw; color:#333; display:block; line-height:1; letter-spacing:-0.04em;}
.secTIT h4{font-size:3.2vw; font-weight:normal;}
.secTIT span + h1{margin-top:3.53vw;}
.secTIT h1 + h4{margin-top:3.53vw;}
.secTIT.center span, .secTIT.center h1{text-align:center;}


.sec02 > .wrap{padding:13.33vw 0 12.00vw;}
.sec02 .content{margin-top:6.67vw;}
.sec02 .m_sec02Swiper{width:100%; padding-bottom:10vw; box-sizing:border-box;}
.sec02 .m_sec02Swiper .swiper-slide{width:100%; border-radius:5.00vw;  position:relative; padding:44.00vw 6.00vw 4.00vw; box-sizing:border-box; cursor:pointer;}
.sec02 .m_sec02Swiper .swiper-slide.slide01{background:url(../img/m_sec02Swiper01.png) center top no-repeat; background-size:cover;}
.sec02 .m_sec02Swiper .swiper-slide.slide02{background:url(../img/m_sec02Swiper02.png) center top no-repeat; background-size:cover;}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap{width:100%;}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap > span{color:#666666; font-size:2.93vw; font-weight:600; font-family:'Montserrat'; display:block; margin-bottom:2.00vw; line-height:1;}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap h4{font-size:6.67vw; font-weight:normal; font-family:'Montserrat';}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap h4 strong{font-family:"Noto Sans KR", sans-serif; font-weight:bold;}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap h4 b{color:var(--subColor);}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap hr{border:none; background:#ddd; width:100%; height:0.13vw; display:block; margin:4.00vw 0;}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap p{font-size:3.47vw; line-height:normal; letter-spacing:-0.05em; min-height:13.33vw; word-break:keep-all;}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap p br{display:none;}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap ul{display:flex; justify-content:space-between; width:100%; align-items:center; margin-top:2.00vw;}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap ul li{display:flex; align-items:center; justify-content:center; line-height:1;}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap ul li:first-child{background:#eee; gap:0.67vw; font-size:2.93vw; padding:1.33vw; border-radius:1.33vw;}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap ul li:last-child{background:var(--subColor); color:#fff; font-size:2.93vw; padding:2.40vw 2.67vw; border-radius:2.00vw; align-items:flex-end;}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap ul li span{}
.sec02 .m_sec02Swiper .swiper-slide .Box .txtWrap ul li big{font-size:5.07vw; font-weight:bold;}
.sec02 .m_sec02Swiper .swiper-slide:before{width:100%; height:100%; content:""; display:block; border:0.13vw solid #ddd; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:5.00vw; box-sizing:border-box;}
.sec02 .m_sec02Swiper .swiper-slide:hover:before{border:0.40vw solid var(--subColor);}
.sec02 .m_sec02Swiper .swiper-slide:after{width:8.67vw; height:8.67vw; display:block; content:""; border-radius:50%; opacity:0; position:absolute; left:50%; bottom:-4.33vw;  transform:translateX(-50%); color:#fff; line-height:8.00vw; font-weight:bold; text-align:center; font-size:4.67vw; background:transparent url(../img/ico_boxArw.png) center center no-repeat;transition:all 0.3s ease;}
.sec02 .m_sec02Swiper .swiper-slide:hover:after{ opacity:1; background:var(--subColor) url(../img/ico_boxArw.png) center center no-repeat; transition:all 0.3s ease; }
.sec02 .swiper-pagination{bottom:0;}
.sec02 .swiper-pagination span{width:2.40vw; height:2.40vw; margin:0 1.20vw;}
.sec02 .swiper-pagination span.swiper-pagination-bullet-active{background:#999}




.sec .wrap{max-width:129.41vw; padding-top:11.18vw;}
.sec03 .wrap{flex-direction:column; gap:5.88vw;}
.sec03 .Box01{order:1; width:100%;}
.sec03 .secTIT span{text-align:center;}
.sec03 .secTIT h1{text-align:center;}
.sec03 .secTIT h4{text-align:center;}
.sec03 .secTIT h4 br{display:none;}
.sec03 .Box02{width:100%; order:2;}
.sec03 .cate{max-width:none; gap:2.35vw 3.53vw; }
.sec03 .cate h3{width:calc(25% - 2.82vw); line-height:6.47vw; font-size:3.2vw; padding:0 2.94vw;}
.sec03 .view_section .swiper-wrapper{height:81.18vw;}
.sec03 .view_section .swiper-slide p{line-height:9.41vw; font-size:3.2vw;}


.sec04{background-image:linear-gradient(to bottom, #FFFFFF 60%, #f5f5f5 40%)}
/* .sec04 .wrap:after{display:none;}
.sec04 .wrap{flex-direction:column; gap:5.88vw;}
.sec04 .secTIT span{text-align:center;}
.sec04 .secTIT h1{text-align:center;}
.sec04 .secTIT h4{text-align:center;}
.sec04 .secTIT h4 br{display:none;}
.sec04 ul.list{max-width:none; flex-wrap:nowrap; flex-direction: row; margin:11.76vw auto 0;}
.sec04 ul.list li{font-size:3.2vw; line-height:6.47vw; justify-content:center; align-items:Center; display:flex; filter:drop-shadow(0 0 2.35vw rgba(39, 42, 53, 0.1)); padding:0}
.sec04 ul.list li span{width:2.59vw; height:2.59vw; background-size:contain;}
.sec04 ul.list li.current span{width:2.59vw; height:2.59vw; background-size:contain;}
.sec04 .Box02{width:129.41vw;}
.sec04 .main{max-height:70.59vw;}
.sec04 .slide{height:33.53vw;}
.ytbSwiper .swiper-slide{width:40.59vw;}
.ytbSwiper .swiper-slide p{font-size:3.2vw;} */
.sec04 .wrap{flex-direction:column; gap:2.5vw;}
.sec04 .Box01{order:1; width:100%;}
.sec04 .secTIT span{text-align:center;}
.sec04 .secTIT h1{text-align:center;}
.sec04 .secTIT h4{text-align:center;}
.sec04 .secTIT h4 br{display:none;}
.sec04 .Box02{width:100%; order:2;}
.sec04 .cate2{max-width:none; gap:2.35vw 3.53vw; margin-top:10vw;}
.sec04 .cate2 h3{width:calc(31.5% - 2.82vw); line-height:6.47vw; font-size:3.2vw; padding:0 2.94vw;}
.sec04 .view_section2 .swiper-wrapper{height:49vw;}
.sec04 .view_section2 .swiper-slide p{line-height:9.41vw; font-size:3.2vw;}


.sec06 .wrap{flex-direction:column;}
.sec06 .wrap:before{display:none;}
.sec06 .secTIT span{text-align:center;}
.sec06 .secTIT h1{text-align:center;}
.sec06 .secTIT h4{text-align:center;}
.sec06 .secTIT h4 br{display:none;}
.sec06 .Box{position:static; width:100%;}
.sec06 .Box01{background:none; padding:0;}
.sec06 .Box02{transform:none; width:100%;}
.sec06 ul.list{max-width:none; flex-wrap:nowrap; flex-direction: row; margin:9.41vw auto 7.06vw;}
.sec06 ul.list li{font-size:3.2vw; line-height:6.47vw; padding:0 2.35vw;}
.sec06 ul.list li span:last-child{font-size:2vw;}
.portSwiper{position:static; transform:none;}
.sec06 .btnWrap{left:50%; transform:translate(-50%, -50%);}
.portSwiper .swiper-wrapper .swiper-slide p{font-size:3.2vw;}
.portSwiper .swiper-wrapper .swiper-slide a{border-radius:4vw;}

/**/
.sec .wrap{max-width:94.12vw;}
.w1100{display:none;}

.sec03 .cate h3{width:calc(33.33% - 2.35vw); }
.sec03 .view_section .swiper-wrapper{height:61.18vw;}
.sec03 .view_section .swiper-slide{filter:none;}

.sec04 .wrap{/* padding-top:0; */}

.sec04 .Box02{width:94.12vw;}
.ytbSwiper .swiper-slide{width:28.82vw;}
.sec06 .content{width:100%;}
.sec06 .btnWrap{width:76.47vw; top:50%; left:50%; transform:none; transform:translate(-50%, -50%);}

.qna dt > a{padding:1.76vw 0;}
.qna dt div.subject{line-height:1.5; width:80%;}

.sec08 .wrap{flex-direction:column;}
.sec08 .Box{width:100%;}
.sec08 .secTIT h1{text-align:center;}
.sec08 .secTIT h1 br{display:none;}
.sec08 .secTIT h4{text-align:center;}
.sec08 .Box01 ul.info{margin-top:9.41vw; margin-bottom:5.88vw; display:flex; justify-content:space-between;}
.sec08 .Box01 ul.info li{width:50%; box-sizing:border-box; padding:0 4.71vw;}
.sec08 .Box01 ul.info li + li{margin-top:0; border-left:0.12vw solid #ddd;	}

/**/
.sec .wrap{max-width:89.41vw;}
.sec03{padding-bottom:10.588vw; }
.sec03 .cate{margin-top:5.882vw;}
.sec03 .cate h3{width:calc(33.33% - 2.35vw); padding:0; justify-content:center;}
.sec03 .cate h3 span{max-width:3vw; height:3vw; background-size:contain !important; background-position:center center !important;}
.sec03 .view_section{padding-bottom:10vw;}
.sec03 .view_section .swiper-wrapper{height:58.82vw;}
.sec03 .view_section .swiper-slide{border-radius:5.882vw}
.sec03 .view_section .swiper-pagination{width:100%; display:flex; gap:1.76vw; justify-content:center;}
.sec03 .view_section .swiper-pagination span{width:1.88vw; height:1.88vw; background:#999999; margin:0;}
/* .sec04{padding:10.59vw 5.29vw}
.sec04 .wrap{padding-top:0;}
.sec04 .main{border-radius:5.882vw;}
.sec04 .slide{margin-top:8vw;}
.sec04 .Box02{width:100%;} */

.sec04{padding-bottom:10.588vw; }
.sec04 .wrap{gap:5vw}
.sec04 .Box02{width:100%;}
.sec04 .cate2{margin-top:5.882vw;}
.sec04 .cate2 h3{width:calc(33.33% - 2.35vw); padding:0; justify-content:center;}
.sec04 .cate2 h3 span{max-width:3vw; height:3vw; background-size:contain !important; background-position:center center !important;}
.sec04 .view_section2{padding:0; padding-bottom:10vw; overflow:visible;}
.sec04 .view_section2 .swiper-wrapper{height:51vw;}
.sec04 .view_section2 .swiper-slide{border-radius:5.882vw}
.sec04 .view_section2 .swiper-pagination{width:100%; display:flex; gap:1.76vw; justify-content:center;}
.sec04 .view_section2 .swiper-pagination span{width:1.88vw; height:1.88vw; background:#999999; margin:0;}


.ytbSwiper .swiper-slide{width:27.65vw;}
.ytbSwiper .swiper-slide + .swiper-slide{margin-left:2.94vw;}
.ytbSwiper img{border-radius:2.35vw}
.ytbSwiper .swiper-slide .img:after{width:5vw; height:5vw; background-size:cover;}
.ytbSwiper .swiper-slide p{margin-top:3vw}
.sec05{box-sizing:border-box; gap:5.88vw; padding:11.18vw 0;}
.sec05BannerPC{opacity:0; position:fixed; z-index:999;}
.m_sec05Banner{opacity:1; position:relative; width:100%; padding:0 5.29vw 4.71vw; box-sizing:border-box; z-index:1;}
.sec05Banner .swiper-wrapper{padding:5.29vw 0;}
.sec05 .content{width:100%;}
.m_sec05Banner .swiper-slide{filter:drop-shadow(0 0 2.35vw rgba(39, 42, 53, 0.3));}
.m_sec05Banner .swiper-slide .img{width:100%;}
.m_sec05Banner .swiper-slide + .swiper-slide{margin-left:0;}
.m_sec05Banner .swiper-pagination{width:100%; display:flex; gap:1.76vw; justify-content:center;}
.m_sec05Banner .swiper-pagination span{width:1.88vw; height:1.88vw; background:#999999; margin:0;}
.sec05Banner .swiper-slide > div{border-radius:4.71vw;}
.sec05Banner .swiper-slide .img{border-radius:4.71vw 4.71vw 0 0}
.sec05Banner .swiper-slide .txt{min-height:34vw;padding:3.53vw; border-radius:0 0 4.71vw 4.71vw;}
.sec05Banner .swiper-slide .txt h4{font-size:4.3vw;}
.sec05Banner .swiper-slide .txt p{font-size:3.8vw;}
.sec05Banner .swiper-slide .txt img{max-width:16vw;}
.sec06 .wrap{padding:11.18vw 0; min-height:auto;}
.sec06 .content{width:100%;}
.sec06 .btnWrap{width:100%; top:50%; left:50%; transform:none; transform:translate(-50%, -50%);}
.portSwiper .swiper-wrapper{width:100%; margin-left:5vw;}
.portSwiper .swiper-wrapper .swiper-slide{width:34.12vw;}
.portSwiper .swiper-wrapper .swiper-slide img{width:100%; height:auto;}
.portSwiper .swiper-wrapper .swiper-slide + .swiper-slide{margin-left:3.53vw;}
.portSwiper .swiper-wrapper .swiper-slide:first-child{margin-left:3.53vw;}
.sec06 .btnWrap div{background:#fff; border-radius:50%; cursor:pointer; width:7.65vw; height:7.65vw; display:flex; justify-content:center; align-items:center; border:0.12vw solid #ccc; box-sizing:border-box; content:""; margin:0; position:static;}
.sec06 .btnWrap div span{color:#333; font-size:5vw}
.sec06 .btnWrap div:After{display:none;}
.sec07 .wrap{padding:11.18vw 0;}
.sec07 .wrap .Box02{margin-top:4.71vw;}
.qna .flex{gap:3vw}
.qna dt{padding:1.76vw 0;}
.qna dt > a{padding:1.76vw 0; background-size:3vw !important;}
.qna dt > a.on{background-size:3vw !important;}
.qna dt div.subject{line-height:1.5; width:80%;}
.qna dt div.subject{font-size:3.4vw;}
.qna dd .flex{margin-top:2.94vw; padding-bottom:2.94vw}
.qna .mark{width:4.71vw; height:4.71vw; line-height:4.71vw; background:#999999; color:#fff; text-align:center; font-size:2.35vw; border-radius:50%;}
.qna .flex.Answer{padding:0 4.71vw;}
.qna .flex .answerTxt{font-size:3.2vw; text-align:justify;}
.qna .flex .answerTxt br{display:block;}
.qna .flex .answerTxt ul li{padding-left:2vw;}
.sec08 .wrap{flex-direction:column; padding:11.18vw 0;}
.sec08 .Box{width:100%;}
.sec08 .secTIT h1{text-align:center;}
.sec08 .secTIT h1 br{display:none;}
.sec08 .secTIT h4{text-align:center;}
.sec08 .Box01 ul.info{margin-top:9.41vw; margin-bottom:5.88vw; display:flex; justify-content:space-between;}
.sec08 .Box01 ul.info li{width:50%; box-sizing:border-box; padding:0 3.53vw;}
.sec08 .Box01 ul.info li + li{margin-top:0; border-left:0.12vw solid #ddd;	}
.sec08 .Box01 ul.info li p{font-size:3.2vw; font-weight:bold; color:#999;}
.sec08 .Box01 ul.info li span{font-size:3.2vw; line-height:1.5;}
.sec08 .Box01 ul.info li span b{font-size:4.71vw; font-weight:bold; font-family:'Montserrat';}
.sec08 .Box01 ul.info li div{display:flex; align-items:center; gap:1.76vw}
.sec08 .Box01 ul.info li div img{width:5vw; height:auto;}
.sec08 .Box02{box-sizing:border-box; padding:4.71vw 2.94vw; border-radius:3.529vw;}
.sec08 .Box02 h6{font-family:'Montserrat'; color:#fff; text-align:center; font-size:6vw; margin-bottom:3.53vw;}

.sec08 form{margin:0;}
.formList{display:flex; flex-direction:column; gap:0.82vw;}
.formList div{display:flex; flex-direction:column; gap:0.82vw;}
.formList select, .formList input[type="text"], .formList textarea{border-radius:1.76vw; background:#fff; border:none; font-family:"Noto Sans KR",sans-serif;}
.formList input[type="text"]::placeholder, .formList textarea::placeholder{font-size:4vw; color:#333;}
.formList select option:selected{font-size:4vw; color:#333;}
.formList select, .formList input[type="text"]{height:10vw; line-height:10vw; box-sizing:border-box; padding:0 1.76vw; width:100%; font-size:4vw;}
.formList select{font-size:4vw; color:#333; padding-left:1.2vw;}
.formList textarea{width:100%; height:28vw; resize:none; box-sizing:Border-box; padding:2.35vw 1.76vw; font-family:"Noto Sans KR",sans-serif; font-size:4vw;}
.contactForm .formBtn{cursor:pointer; text-align:center; width:100%; line-height:8vw; border:0.2vw solid #fff; font-size:4vw; border-radius:1.76vw; margin:5vw 0 3vw; color:#fff;}
.contactForm .agreeWrap{display:flex; justify-content:flex-end; align-items:center; gap:0.59vw; position:relative;}
.contactForm .agreeWrap label, .contactForm .agreeWrap span{color:#fff; line-height:1; font-size:4vw;}
.contactForm .agreeWrap label{display:flex; align-items:center;}
.contactForm .agreeWrap label input{width:3vw; height:3vw; vertical-align:text-bottom; margin-right:1.5vw;}
.contactForm .agreeWrap span{cursor:pointer;}

.agree-box {
position: absolute;
width: 60vw;
padding: 1.18vw;
font-size: 3vw;
border: 0.12vw solid #303030;
background: #fff;
z-index: 1;
display: none;
text-align: left;
bottom: 2.35vw;
right:0;
transition:none;
}
.agree_tit{font-size:4vw; color:#c80000;}



.mainSlider .swiper-pagination {
    position: static;
    width: Auto;
    text-align: left;
    display: flex;
    gap: 0.82vw;
}
.mainSlider .swiper-pagination .bullet-wrapper {
    width: 7.06vw;
    height: 7.06vw;
    background-color: transparent;
    position: relative;
}
.mainSlider .swiper-pagination .bullet-wrapper .svg {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    box-sizing: border-box;
	opacity:0;
}
.mainSlider .swiper-pagination .bullet-wrapper span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    line-height: 7.06vw;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: none;
    display: block;
    text-align: Center;
    margin: 0;
	font-size:2.35vw;
	color:#333;
	font-weight:600;
	font-family:'Montserrat';
}
.mainSlider .swiper-pagination .bullet-wrapper .border {
    fill: none;
     stroke: rgba(51, 51, 51, 0.5);
    stroke-width: 1;
    opacity: 0.3;
}
.mainSlider .swiper-pagination .bullet-wrapper .swiper-pagination-bullet + .svg .progress {
    fill: none;
    stroke: rgba(51, 51, 51, 0.5);
    stroke-width: 1;
    stroke-dasharray: 157;
    stroke-dashoffset: 157;
}
.mainSlider .swiper-pagination .bullet-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active + .svg .progress {
    fill: none;
    stroke: #333;
    stroke-width: 1;
    stroke-dasharray: 157; /* 원의 둘레: 2 * π * r = 2 * 3.14 * 25 */
    stroke-dashoffset: 157; /* 처음에는 전체 선을 숨겨놓기 위해 초기값을 둘레와 동일하게 설정 */
    animation: progress 3.8s forwards;
	transform-origin: center;
    transform: rotate(-90deg);
}
.mainSlider .page .btn div span{font-size:2.118vw;}
/* aside li + li{margin-top:2vw;}
aside li img{width:8.24vw; height:8.24vw;} */
/* aside{bottom:128px; right:15px;}
aside li + li{margin-top:8px;}
aside li img{width:44px; height:44px;} */
}/* 850 */

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

aside{bottom:3vw; right:5vw;}
aside li + li{margin-top:2vw;}
aside li img{width:10vw; height:10vw;}

/*aside li.size img{width:84px; position:relative; left:50%; transform:translateX(-50%)}*/

aside li.size:before{content:''; width:17.87vw; height:12.00vw; background:url(../img/m_clu.svg) center center / cover no-repeat; display:block; bottom:calc(100% + 0.93vw); left:50%; transform:translateX(-50%); position:absolute;}


}

aside li.size:before{content:''; position:absolute; bottom:calc(100% + 4px); left:50%; width:84px; height:52px; background:url(../img/clu.svg) center center / cover no-repeat; display:block; transform:translateX(-50%) translateY(0); animation:floatUpDown 1.5s ease-in-out infinite;}

@keyframes floatUpDown{

0%{transform:translateX(-50%) translateY(0);}
50%{transform:translateX(-50%) translateY(-5px);}
100%{transform:translateX(-50%) translateY(0);}

}


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

aside li.size:before{bottom:calc(100% + 0.93vw); width:17.87vw; height:12vw; background:url(../img/m_clu.svg) center center / cover no-repeat;}


@keyframes floatUpDown{

0%{transform:translateX(-50%) translateY(0);}
50%{transform:translateX(-50%) translateY(-1.33vw);}
100%{transform:translateX(-50%) translateY(0);}

}


}