/* 

@font-face {

    font-family: NanumSquare_acR;

    font-weight: 400;

    src: url("../fonts/NanumSquare_acR.ttf") format("truetype");

}

@font-face {

    font-family: NanumSquare_acB;

    font-weight: 700;

    src: url("../fonts/NanumSquare_acB.ttf") format("truetype");

}

@font-face {

    font-family: NanumSquare_acEB;

    font-weight: 800;

    src: url("../fonts/NanumSquare_acEB.ttf") format("truetype");

} */



*{font-family: NanumSquare_acR, sans-serif; font-weight: normal; font-stretch: normal; font-style: normal;letter-spacing: normal;}

*:focus{outline: none;}

body{background: #eeeeee; margin: 0; padding: 0;}



/*Coommon Element*/

.container{padding:16px;}

.line{padding:10px 0;}

button {border:0 none; background-color:transparent; cursor:pointer;}

select {border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none}

select::-ms-expand{display:none}

textarea{width: 100%; box-sizing: border-box; border: none;  resize: none;}

label{display: inline-block;}

h2,h3,h4{margin:0 !important}

.center{text-align: center !important;}

p{margin:0 !important}

.bold{font-family: NanumSquare_acB, sans-serif !important; }

.full{width:100% !important;}

.Hfull{height:100% !important}

.mt-60{margin-top:60px !important;}

.pb-20{padding-bottom:20px !important;}

.blue {color:#44c4f3}

a{cursor: pointer;}

a:hover{text-decoration: none !important;}

@media (min-width: 1200px)

{

    .container {

        width: 1080px !important;

    }

}

iframe{width:100%; height:100%;}

.thum-container{width:100%; position: relative; height:auto}

.thum-wrap{position: relative; width:100%; text-align: left; cursor: pointer;}

.thum-wrap.thum{position:static;height:auto;}

.play{ width: 60px !important; position: absolute; z-index: 344; right: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0;}

.thum-wrap.thum img.thum{position: static; width:100%;height:auto;opacity: 0.9;}



.video-modal{ position: fixed; width: 100%; height: 100%; z-index: 7777; display:none; top:0}

.video-modal .opacity{position: fixed; width: 100%; height: 100%; ; background: black; opacity: 0.5;}

.video-modal-content{position: absolute; width:600px; right: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); height:500px; max-width:600px; z-index: 7777}

.video-modal-content .close-btn{text-align: right; color:white; font-size:20px; position: absolute; right: -25px; cursor: pointer;}

.video-modal-content iframe{height:100%;}

.thum-wrap.video{display:none; background:Black}

.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right{background:none !important; }

.swiper-container-3d .swiper-slide-active .swiper-slide-shadow-left{opacity: 1 !important; background:none !important}

.swiper-container-3d .swiper-slide-active .swiper-slide-shadow-right{opacity: 1 !important; background:none !important}







/* FAB CSS */

.fab{position: fixed; bottom: 45px; right: 45px; z-index: 99999; cursor: pointer; -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

.fab .fab-wrap{ position: relative !important; display: flex !important; -webkit-box-align: center !important; align-items: center !important; -webkit-box-pack: center !important; justify-content: center !important; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 6px 0px !important;  box-sizing: border-box !important; cursor: pointer !important; flex-wrap: nowrap !important; width: 62px !important; height: 62px !important; overflow: initial !important; transition: box-shadow 0.2s ease-out 0s !important; animation: 0.2s cubic-bezier(0.1, 0, 0.6, 1) 0.35s 1 normal backwards running eLtMsx !important; border-radius: 31px !important; }

.fab .fab-wrap img{width:62px; height:62px;}



/* Header */

header{height:76px; width:100%; position: fixed !important; z-index:5556; background:white;}

header .container{padding-top:0; padding-bottom:0; position: relative; height:76px}

header .logo img{ height: 22px; position: relative; bottom: 4px;}

header ul{width:100%; margin: 0; padding: 0; list-style: none; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0;}

header ul li {padding:0 30px; display:inline-block; cursor: pointer; font-size:15px; }

header ul li .logo{width:200px;}

header ul li span{padding-bottom:4px; font-weight:bold}

header ul li span:hover, header ul li.active span{border-bottom:4px solid #0079C1;}

header ul li:last-child{width:auto}

header ul li .header_btn{padding: 0px 10px; line-height: 29px; color:black; text-align: center; display:inline-block; color:white; font-size:13px;}

header ul li .header_btn.g{background:#80C342; margin-right:10px;}

header ul li .header_btn.b{background:#0079C1}

header .m-container{display:none;}

header .sidenav {display:none}



/* 네비게이션 바 */

.navbar{position:fixed !important; width:70px; background:#E0E0E0; height:100%; z-index:5558; border-radius: 0 !important; margin-bottom: 0 !important; transition: 0.2s;padding:0;flex-direction:column;justify-content: flex-start;}

.navbar > div {width:100%;}

.navbar .logo{height:76px; border-bottom:1px solid #B7B7B7; background-image: url('../images/nav/nav-logo.png');  background-size: 75% auto; background-repeat: no-repeat; background-position: center;}

.navbar .nav {height:140px; position: relative; text-align: center; border-bottom:1px solid #B7B7B7; cursor: pointer;}

.navbar .nav > div{position: absolute; left: 50%;  top: 50%; transform: translate(-50%, -50%); width:80%;}

.navbar .nav > div .number{font-size:12px;padding-bottom:6px;}

.navbar .nav .number.off{display:block;}

.navbar .nav .number.on{display:none;}

.navbar .nav > div .title{font-size:12px;}

.navbar .nav > div > img {width:40px; height:40px;}

.navbar .nav > div > a { display:none;}

.navbar .nav.on > div .title{font-size:12px; color:white;}

.navbar .nav.on > div a{font-size:12px; color:white; opacity: 0.5; position: relative; top: 4px;}



.navbar:hover{width:130px;}

.navbar:hover br{display:none}

.navbar:hover .logo{height:76px; border-bottom:1px solid #B7B7B7; background-image: url('../images/nav/nav-on-logo.png');  background-size: 80% 25%; background-repeat: no-repeat; background-position: center;}

.navbar:hover .nav{height:140px; border-bottom:1px solid #B7B7B7; text-align: center; position: relative;}

.navbar:hover .nav:hover{background:#0079C1; }

.navbar:hover .nav:hover .title{color:white; font-weight: bold;}

.navbar:hover .nav:hover .number{color:white; font-weight: bold;}

.navbar:hover .nav:hover a{color:white;}

.navbar:hover .nav:hover a:hover{color:white !important;}

.navbar:hover .nav > div{position: absolute; left: 50%;  top: 47%; transform: translate(-50%, -50%); width:100%;}

.navbar:hover .nav.on > div img{width:55px; height:55px;}

.navbar:hover .nav.on > div .title{font-size:15px; color:white;}

.navbar:hover .nav.on > div a{font-size:12px; color:white; opacity: 0.5; position: relative; top: 4px; display:block}

.navbar:hover .nav > div img{width:55px; height:55px; position: relative; bottom:0px}

.navbar:hover .nav > div .title{font-size:15px; color:#666666; font-weight:bold}

.navbar:hover .nav > div a{font-size:12px; color:#666666; opacity: 0.5; position: relative; top: 4px; display:block}

.navbar:hover .nav .number.off{display:none;}

.navbar:hover .nav .number.on{display:block; font-size:16px; font-weight:bold}

.navbar:hover .nav .number.on br{display:block}

.navbar .nav.on a:hover{color:white !important; opacity: 0.5;}

.navbar .nav a:hover{color:#666666 !important; opacity: 0.5;}

.navbar .nav.on{background:#80C342 } 



.navbar2{position:fixed; top:30%; right:70px; z-index:5555}

.navbar2 .close_btn, .navbar2 .open_btn{display:none; width:25px; height:25px; background:white; font-size:15px; text-align:center; margin-bottom:5px; cursor: pointer; border:2px solid #B7B7B7;align-items:center;justify-content:center}

.navbar2 .close_btn img, .navbar2 .open_btn img{width:8px; height:auto;}

.navbar2 .close_btn{display:none;}

.navbar2 .open_btn{display:flex;}

.navbar2 .nav{background:white; color:black; width:70px; text-align: center; margin-bottom:10px; cursor: pointer; border:2px solid #b7b7b77a;}

.navbar2 .nav img{width:45px; height:45px; margin:10px 0}

.navbar2 .nav .wrap{display:block; background:#80C342;color:white; font-size:11px; padding:9px 0}

.navbar2 .nav .wrap_on{display:none; background:#80C342;color:white; font-size:11px; padding:9px 0}

.navbar2 .nav.book{padding-bottom:5px;}

.navbar2 .nav.book .wrap2{position: relative; bottom:7px;}

.navbar2 .nav.book .wrap2 .title{font-size:11px;}

.navbar2 .nav.book img{width:65px; height:65px; margin-top:5px; margin-bottom:0}

.navbar2 .nav.book a{display:none; font-size:11px; color:#666666; opacity: 0.5;}

.navbar2 .up{background:#FFFFFF; text-align: center;  border:2px solid #b7b7b780; cursor: pointer;}



.navbar2.on{position:fixed; top:30%; right:70px; z-index:5555}

.navbar2.on .close_btn{display:flex;}

.navbar2.on .open_btn{display:none;}

.navbar2.on .nav{background:white; color:black; width:130px; text-align: center; margin-bottom:10px; cursor: pointer;}

.navbar2.on .nav img{width:45px; height:45px; margin:10px 0}

.navbar2.on .nav .wrap{display:none; background:#80C342;color:white; font-size:11px; padding:9px 0}

.navbar2.on .nav .wrap_on{display:block; background:#80C342;color:white; font-size:11px; padding:9px 0}

.navbar2.on .nav.book{padding-bottom:5px;}

.navbar2.on .nav.book .wrap2 .title{font-size:16px;}

.navbar2.on .nav.book .wrap2{position: relative; bottom:7px; font-size:15px;}

.navbar2.on .nav.book img{width:65px; height:65px; margin-top:5px; margin-bottom:0}

.navbar2.on .nav.book a{display:block; font-size:11px; color:#666666; opacity: 0.5;}

.navbar2 .up{background:#FFFFFF; text-align: center; }



.main-bar {display:block;padding-top:76px; text-align: center; width:100%; background:#0f172d}



.section1{}

.section1 .container{padding-top:0; padding-bottom:0}

.section1 .banner-wrap{height:800px;}

.section1 .banner-wrap img{width:100%; height:100%}

.section1 .swiper-pagination{bottom:30px !important;}

.section1 .swiper-pagination-bullet{width:15px; height:15px; border-radius: none !important; background:url('../images/swiper-page.png'); background-size:100% 100%; position: relative; margin:0 6px !important;}

.section1 .swiper-pagination-bullet-active{width:50px; height:15px; border-radius: 0 !important; background:url('../images/swiper-page-active.png'); background-size: 100% 100%;}



.section1 .swiper-button-prev{left:15%; height:100%; top:0; margin-top:0; width:120px;}

.section1 .swiper-button-prev .arrow{background:url('../images/section11_arrow_left.png'); background-size:100% 100%; background-repeat: no-repeat; width:16px; height:32px;}

.section1 .swiper-button-prev::after{content:''}

.section1 .swiper-button-next{right:15%; height:100%; top:0; margin-top:0; width:120px;}

.section1 .swiper-button-next .arrow{background:url('../images/section11_arrow_right.png'); background-size:100% 100%; background-repeat: no-repeat; width:16px; height:32px;}

.section1 .swiper-button-next::after{content:''}



.section1 .banner-wrap-m{display:none;}



.section2{background:#f2f2f2 }

.section2 .container{padding:50px 0px}

.section2 img{width:100%; opacity: 1 !important;}







.section3{}

.section3 .container{padding-top:70px; padding-bottom:70px;}

.section3 .title-wrap{text-align:center; padding-bottom:60px}

.section3 .title-wrap img{width:100%; max-width:800px}

.section3 .img-wrap{text-align:center;}

.section3 .img-wrap img{width:100%; max-width:900px}

.section3 h1{text-align: center; font-size: 40px; margin-bottom:30px;}

.section3 .banner-wrap{text-align:center;}

/* .section3 .banner-wrap img{max-width:500px; width:100%}   */

.section3 .text-wrap{max-width:800px; margin:0 auto; padding:30px 0}

.section3 p{color:3e3e3e; text-align: center; font-size:20px; line-height: 30px;}

.section3 .swiper-wrap{ padding:30px 200px;}

.section3 .swiper-wrap img{width:100%;}

.section3 .swiper-wrap iframe{width:100%;}

.section3 .swiper-wrap .swiper-wrapper{height: fit-content !important;}

.section3 .text2-wrap{margin:0 auto; text-align: center; margin-top:40px;}

.section3 .text2-wrap h4{line-height:50px;}

.section3 .text2-wrap h2{}

.section3 .swiper-button-prev{background:url('../images/section11_arrow_left.png'); background-size:100% 100%; background-repeat: no-repeat; width:16px; height:32px;}

.section3 .swiper-button-prev::after{content:''}

.section3 .swiper-button-next{background:url('../images/section11_arrow_right.png'); background-size:100% 100%; background-repeat: no-repeat; width:16px; height:32px;}

.section3 .swiper-button-next::after{content:''}

.section3 .swiper-slide { text-align: center; font-size: 18px; background: #fff; width: 80%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.section3 .swiper-slide:nth-child(2n) { width: 60%;}

.section3 .swiper-slide:nth-child(3n) {width: 40%; }

.section3 .thum-wrap{ max-width:900px; margin:0 auto}

.section3 .thum-wrap .thum{max-width:100%;}

.section3-swiper .swiper{width:100%;}

.section3-swiper img{width:100%;}

.section3-swiper iframe{width:100%; height:300px !important;}



.section4{ text-align: center; background:#252525;}

.section4 .container{padding-top:70px; padding-bottom:0px;}

.section4 .img-wrap{text-align:center; padding-bottom:40px}

.section4 .img-wrap img{width:100%; max-width:900px}

.section4 h1, .section4 h4{color:#ffffff}

.section4 h4{padding:30px 0; }

.section4 .video-wrap{padding:10px 200px; padding-bottom:0}

.section4 .video-wrap img{width:100%;}

.section4 .bg-wrap{background:url('../images/section4_bg.png'); background-size:auto 100%; background-repeat: no-repeat;;  height:350px; position: relative; background-size: 450px 131%; background-position-y: -12px; background-position-x: -25px; background-repeat: no-repeat; position: relative;}

.section4 .bg-wrap div{position: absolute; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); color:White;  text-align: center; font-size:25px}



.section4 .thum-wrap{max-width:800px;  margin:0 auto}

.section4 .thum-wrap .thum{opacity: 0.7;}



.section5 .container{padding-top:70px; padding-bottom:70px;}

.section5 .img-wrap{max-width:900px; margin:0 auto}

.section5 img{width:100%;}



.section6{background:#f2f2f2}

.section6 .container{padding-top:50px; padding-bottom:50px;}

.section6 .img-wrap{max-width:900px; margin:0 auto}

.section6 img{width:100%;}



.section7{background:#161616}

.section7 .container{padding-top:0px; padding-bottom:0px;}

.section7 .img-wrap{max-width:800px; margin:0 auto}

.section7 img{width:100%;}



.section8{background:#f2f2f2}

.section8 .container{padding-top:70px; padding-bottom:70px;}

.section8 .title-wrap{text-align:center; margin-bottom:50px;}

.section8 .title-wrap img{max-width:800px; width:100%}  

.section8 .banner-wrap{height:400px}

.section8 .swiper {padding:40px 80px; background:white; text-align:center; max-width:700px; margin:0 auto}

.section8 .swiper .swiper-title-wrap{margin-bottom:40px;}

.section8 .swiper .swiper-title-wrap img{width:100%}

.section8 .swiper .icon{max-width:100px}

.section8 .swiper .sub-title{font-weight: bold;margin-bottom:10px;}

.section8 .swiper p{color:#4d4a4a}

.section8 .swiper img{width:100%;}

.section8 .swiper-wrapper{height:initial !important}

.section8 .swiper-button-prev{left:10%; top:unset; margin-top:unset; height:100%;}

.section8 .swiper-button-prev .arrow{background:url('../images/section11_arrow_left.png'); background-size:100% 100%; background-repeat: no-repeat; width:16px; height:32px; }

.section8 .swiper-button-prev::after{content:''}

.section8 .swiper-button-next{right:10%; top:unset; margin-top:unset; height:100%;}

.section8 .swiper-button-next .arrow{background:url('../images/section11_arrow_right.png'); background-size:100% 100%; background-repeat: no-repeat; width:16px; height:32px; }

.section8 .swiper-button-next::after{content:''}





.section9{background:#28bbf1}

.section9 .container{padding-top:30px; padding-bottom:30px;}

.section9 .img-wrap{max-width:800px; margin:0 auto;}

.section9 .img-wrap img{width:100%;}



.section10{background:#f2f2f2}

.section10 .container{padding-top:70px; padding-bottom:70px;}

.section10 .container .swiper-container{cursor: pointer;}

.section10 .title-wrap{text-align:center; margin-bottom:50px;}

.section10 .title-wrap img{max-width:800px; width:100%}  

.section10 .img-wrap{max-width:700px; margin:0 auto}

.section10 .img-wrap img{width:100%;}

.section10 .thum-container{max-width:750px; margin:0 auto; margin-top:40px;}

.section10 .thum-container .thum{opacity: 0.8;}

.section10 .status-wrap{max-width: 300px; margin:0 auto; display:flex; margin-bottom:50px;}

.section10 .status-wrap .status{text-align: center;}

.section10 .status-wrap .status-exec{flex:2; text-align: center;}

.section10 .status-wrap .text{font-size:20px; font-weight: bold; opacity: 0.5;}

.section10 .status-wrap .active .text{opacity: 1 !important;}

.section10 .status-wrap .bullet{width:20px; height:20px;  background: url(../images/swiper-page.png); background-size: 100% 100%; position: relative;  display: inline-block; margin:10px 3px 0;     box-shadow: 2px 3px 10px #a8a8a8; border-radius: 100%;}

.section10 .status-wrap .bullet.active{width:50px; border-radius: 15px;  background: url(../images/swiper-page-active.png); background-size: 100% 100%;}

.section10 .swiper-slide-next .swiper-slide-shadow-left{opacity: 0.5 !important;}

.section10 .swiper-slide-next .swiper-slide-shadow-right{opacity: 0.1 !important; background:black !important;}

.section10 .swiper-slide-prev .swiper-slide-shadow-right{opacity: 0.5 !important;}

.section10 .swiper-slide-prev .swiper-slide-shadow-left{opacity: 0.1 !important; background:black !important;}

.section10 .swiper-slide.swiper-slide-active{opacity: 1 !important;} 

.section10 .swiper-button-prev{left:0%; top:unset; margin-top:unset; height:100%;}

.section10 .swiper-button-prev .arrow{background:url('../images/section11_arrow_left.png'); background-size:100% 100%; background-repeat: no-repeat; width:16px; height:32px; }

.section10 .swiper-button-prev::after{content:''}

.section10 .swiper-button-next{right:0%; top:unset; margin-top:unset; height:100%;}

.section10 .swiper-button-next .arrow{background:url('../images/section11_arrow_right.png'); background-size:100% 100%; background-repeat: no-repeat; width:16px; height:32px; }

.section10 .swiper-button-next::after{content:''}







.section11{background:url('../images/section11_bg.png'); background-size:100%; }

.section11 .container{max-width:1000px;}

.section11 .content-wrap{padding-top:70px; }

.section11 .title-wrap{text-align:center;}

.section11 .title-wrap img{max-width:700px; width:100%}  

.section11 .swiper-container{width: 100%; height: 450px; margin: 0px auto;}

.section11 .swiper-slide{opacity: 0.4 !important; text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 100%; position: relative;; top: 10%; height: 80%; border-radius: 7px;}

.section11 .swiper-slide .swipe{background:url('../images/section11_swipe.png'); width:100%; height:330px; background-size:100% 100%; padding: 40px 40px; text-align: left;}

/* .section11 .swiper-slide:nth-child(n) { width: 50% !important; ;} */

.section11 .swiper-slide.swiper-slide-active{opacity: 1 !important;}

/* .section11 .swiper-slide-next, .wallet .swiper-slide-prev {position: relative; top:17.5%; height:65%; border-radius: 7px;}

.section11 .swiper-slide-active{ border-radius: 7px; background-size:100% 100%; background-repeat: no-repeat} */

.section11 .swiper-button-prev{top:45%; left:16%; background:url('../images/section11_arrow_left.png'); background-size:100% 100%; background-repeat: no-repeat; width:16px; height:32px;}

.section11 .swiper-button-prev::after{content:''}

.section11 .swiper-button-next{top:45%; right:16%; background:url('../images/section11_arrow_right.png'); background-size:100% 100%; background-repeat: no-repeat; width:16px; height:32px;}

.section11 .swiper-button-next::after{content:''}



.section11 .swipe .name{font-size:27px; font-weight:bold; color:#00aeef; margin-bottom:12px;}

.section11 .swipe .desc{font-weight: bold; font-size:13px; line-height: 24px;;}





.section12{background:#f2f2f2}

.section12 .container{padding-top:30px; padding-bottom:30px;}

.section12 .title-wrap{text-align:center; margin-bottom:30px;}

.section12 .title-wrap img{max-width:700px;}

.section12 .input-wrap{}

.section12 .input-wrap .input-row{margin-bottom:35px;  font-size:25px;}

.section12 .input-wrap input{width:100%; height:55px; border:none; background:white; text-align: center;}

.section12 .input-wrap input::placeholder{text-align: center; font-size:25px; color:#cbcbcb; position: relative; top:0px;}

.section12 .input-wrap input:-ms-input-placeholder{text-align:center}

.section12 .input-wrap input::-ms-input-placeholder{text-align:center}

.section12 .input-wrap .input-row.flex{margin-bottom:35px; display:flex}

.section12 .input-wrap .input-row.flex div{flex:1;}



.section12 .input-wrap .input-row.flex div:first-child input{width:93%;}

.section12 .input-wrap .input-row.flex div:last-child{text-align:right;}

.section12 .input-wrap .input-row.flex div:last-child input{width:93%;}

.section12 .input-wrap .input-row.address div:first-child{width:85%;}

.section12 .input-wrap .input-row.address div:last-child{width:15%;}

.section12 .input-wrap button{background:#cfcfcf; color:white; font-size:25px; text-align:center; width:100%; height:55px;}

.section12 .input-wrap .input-row.phone{display:flexx}

.section12 .input-wrap .input-row.phone div{width:25%; text-align: center; line-height:55px;}

.section12 .input-wrap .input-row.phone input{width:80%;}

.section12 .btn-wrap{margin:100px 0 50px; text-align: center;}

.section12 .btn-wrap button{width:250px; background:#565656; color:white; height:55px; text-align: center;; font-size:28px;}



footer{background:#252525; color:white;}

footer .container{padding-top:60px; padding-bottom:60px; max-width:1000px; margin:0 auto}

footer .container .logo{max-width:200px; margin: 10px 0;}

footer a{color:#ffffff; margin-right:20px; }

footer p{margin:7px 0 !important;}





/* 로그인 페이지 */

.section-login{min-height:1000px}

.section-login .container{max-width:700px;}

.section-login .title-wrap{margin:100px 0 70px}

.section-login .title-wrap img {max-width:250px;}

.section-login .nav {margin-bottom:50px;}

.section-login .nav-tabs{padding-bottom:15px;border:none}

.section-login .nav-item{font-size:20px; color:#8a8a8a; margin-right:15px;border:none }

.section-login .nav-item:hover{border:none;color:black !important}

.section-login .nav-item.active{color:black; border:none;border-bottom:3px solid black; padding-bottom:15px;}

.section-login .tab-pane input{width:100%; height:55px; border:1px solid #c4c4c4; background:white; text-align: left; margin-bottom:15px; padding:0 20px}

.section-login .tab-pane input::placeholder{text-align: left; font-size:20px; color:#cbcbcb; position: relative; top:0px; }

.section-login .tab-pane input:-ms-input-placeholder{text-align:left}

.section-login .tab-pane input::-ms-input-placeholder{text-align:left}

.section-login .login-wrap{margin:30px 0 30px 0 }

.section-login .login-wrap button{background:#00aeef; text-align:center; color:#f7fbfd; height:75px; width:100%; font-size:20px;}

.section-login .save-wrap{display:flex}

.section-login .save-wrap input{width:25px; height:25px; border:1px solid #bcbcbc}

.section-login .save-wrap label{margin-left:13px; font-size: 16px; position: relative; top: 5px; letter-spacing: -0.9px; color:#7d7d7d}

.section-login .btn-wrap {display:flex; width:100%; margin-top:30px; border:1px solid #bcbcbc; position: relative; }

.section-login .btn-wrap div{color:#7d7d7d;flex:1; cursor:pointer; font-size:17px}

.section-login .btn-wrap div:first-child{text-align:right; line-height:75px}

.section-login .btn-wrap p{border-right:1px solid #bcbcbc; width:1px; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); height:15px;}

.section-login .btn-wrap div:last-child{text-align:left; padding-left:35px;line-height:75px }





@media (max-width: 1920px) {

    .section1 .banner-wrap{height:750px}

    .section2 .container{padding:100px 0px}

    .section5 .img-wrap{max-width:800px; margin:0 auto}

    .section6 .img-wrap{max-width:800px; margin:0 auto}

    .section11 .container{max-width:1000px;}

}



@media (max-width: 1300px) {

    .video-modal-content{width:700px}

    .section1 .banner-wrap{height:450px}

    .section2 .container{padding:50px 100px;}

    .section3 .swiper-wrap{padding:30px 100px;}

    .section4 .video-wrap{padding:10px 100px;}

    .section4 .bg-wrap{height:250px; background-position-x: -95px;}

    .section8 .banner-wrap{height:350px}

}



/* 태블릿 사이즈 */

@media (max-width: 991px) {

    footer .container{padding-top:30px; padding-bottom:30px; font-size:13px !important;}

    .section3-swiper img { height: 250px; }

}



/* 모바일 사이즈 */

@media (max-width: 767px){    

    header {height:60px;width:100vw;}

    header ul{display:none !important}

    header .container{height:60px; background:#80c342; z-index:33;padding:0 10px;}

    header .m-container{height:60px;display:flex}

    header .m-container div{}

    header .m-container div .menu{width:20px; margin-right:10px;}

    header .m-container div .logo{width:150px;}

    header .m-container button{background:transparent; border:1px solid white; border-radius: 10px; width:110px; font-size:15px; text-align:center; line-height:30px; color:white;  }

    header .nav-bg{position:fixed; width:100%; height:100%; background:black; opacity: 0.4; z-index:30; display: none;}

    header .sidenav { z-index:32; height: 100%; width: 0; position: fixed;top: 0; left: 0; background-color: #ffffff ; overflow: hidden; padding-top: 80px; display:block}

    header .sidenav a { padding: 8px 15px 18px 15px; text-decoration: none; font-size: 19px; font-weight:bold; color: #595959; display: block; transition: 0.3s; }       

    header .sidenav a:hover { color: #f1f1f1; } 

    header .sidenav .closebtn { position: absolute; top: 66px; right: 10px; font-size: 36px;margin:0;line-height:1;padding:0; }



    header .sidenav .btn-wrap{text-align:center}

    header .sidenav button{padding: 0px 10px; line-height: 29px; color:black; text-align: center; display:block; color:white; font-size:13px; width:90%; margin:0 auto;  height: 40px; border-radius: 10px;}

    header .sidenav button.g{background:#80C342; margin-right:10px; margin-bottom:15px; margin-top:20px;}

    header .sidenav button.b{background:#0079C1; margin-bottom:30px;}



    header .sidenav .text-wrap{background:#eeeeee; height:100%; padding:20px 10px; }

    header .sidenav .text-wrap p{font-size:16px; margin:5px 0 !important}

    header .sidenav .text-wrap span{display:block}

	.navbar-toggler{padding:0;border:none;border-radius:0;font-size:1;}

    .navbar{display:none}

    .navbar2{display:none}



    /* iframe{width:100%; min-height:250px !important} */

    .video-modal-content{width:90%; height:250px; top:43%}

	.main-bar {padding-top:60px;}

    .section1 {/*padding-top:50px*/}

    .section1 .banner-wrap{display:none;}

    .section1 .banner-wrap-m{display:block; height:350px;}

    .section1 .swiper-button-prev{left:5%; }

    .section1 .swiper-button-next{right:5%;}

    



    .section2 .container{padding:50px 30px;}

    .section3 .container{padding-top :30px; padding-bottom:30px;}

    .section3 .title-wrap{padding-bottom:20px;}

    .section3 .swiper-wrap{padding:15px 15px;}

    .section3 .text2-wrap{margin-top:20px}

    .section3-swiper img { height: 150px; }

    .section3-swiper iframe{height:150px !important}

    .section3 .swiper-wrapper{height:150px !important}



    .section4 .container{padding-top:30px; padding-bottom:0px;}

    .section4 .video-wrap{padding:10px 15px;}



    .section4 .bg-wrap{height:200px; background-position-x: -45px; background-size:auto 131%}

    .section4 .bg-wrap div{width:250px; font-size:14px; color:black;}

    .section4 .container:last-child{padding-right:0; padding-left:0}

    

    .section5 .container{padding-top:30px; padding-bottom:30px;}

    .section6 .container{padding-top:30px; padding-bottom:30px;}

    .section8 .container{padding-top:30px; padding-bottom:30px;}

    .section8 .title-wrap{margin-bottom:20px;}

    .section8 .swiper{padding:30px 30px;}

    .section8 .swiper-wrapper{height:270px !important}



    .section10 .container{padding-top:30px; padding-bottom:30px;}

    .section10 .img-wrap{margin-top:20px !important;}

    .section10 .swiper-wrapper{height:150px !important;}

    

    footer .container .logo{width:100px;}

    footer .container{font-size:11px !important;}



    .section11 .container{padding-top:0; padding-bottom:0}

    .section11 .content-wrap{padding-top:30px; padding-bottom:30px;}

    .section11 .swiper-container{height:350px; padding-top:50px;}

    .section11 .swiper-slide .swipe{height:320px; padding-bottom:0px;}

    .section11 .title-wrap img{max-width:300px}

    .section11 .swiper-slide:nth-child(n) { width: 100% !important; ;}

    .section11 .swiper-button-prev{left:20px !important; top:50% !important}

    .section11 .swiper-button-next{right:20px !important; top:50% !important}

    .section11 .swipe .desc{font-size:13px;}



    .section12{background:#f2f2f2}

    .section12 .container{padding-top:30px; padding-bottom:30px;}

    .section12 .title-wrap{text-align:center; margin-bottom:15px;}

    .section12 .title-wrap img{max-width:unset; width:100%;}

    .section12 .input-wrap{}

    .section12 .input-wrap .input-row{margin-bottom:20px;  font-size:20px;}

    .section12 .input-wrap input{width:100%; height:45px; border:none; background:white; text-align: center;}

    .section12 .input-wrap input::placeholder{text-align: center; font-size:20px; color:#cbcbcb; position: relative; top:0px;}

    .section12 .input-wrap input:-ms-input-placeholder{text-align:center}

    .section12 .input-wrap input::-ms-input-placeholder{text-align:center}

    .section12 .input-wrap .input-row.flex{margin-bottom:20px; display:flex}

    .section12 .input-wrap .input-row.flex div{flex:1;}

    .section12 .input-wrap .input-row.flex div:first-child input{width:93%;}

    .section12 .input-wrap .input-row.flex div:last-child{text-align:right;}

    .section12 .input-wrap .input-row.flex div:last-child input{width:93%;}

    .section12 .input-wrap .input-row.address div:first-child{width:70%;}

    .section12 .input-wrap .input-row.address div:last-child{width:30%;}

    .section12 .input-wrap button{background:#cfcfcf; color:white; font-size:20px; text-align:center; width:100%; height:45px;}

    .section12 .input-wrap .input-row.phone{display:flex}

    .section12 .input-wrap .input-row.phone div:first-child{font-size:15px; width:20%; letter-spacing: -1;}

    .section12 .input-wrap .input-row.phone div{width:26.777%; text-align: right; line-height:55px;}

    .section12 .input-wrap .input-row.phone input{width:85%;}

    .section12 .btn-wrap{margin:50px 0 50px; text-align: center;}

    .section12 .btn-wrap button{width:200px; background:#565656; color:white; height:55px; text-align: center;; font-size:23px;}





    /* 로그인 페이지 */

    .section1.login{display:none;}

    .section-login{min-height:1000px; padding-top:50px}

    .section-login .title-wrap{margin:30px 0 60px}

    .section-login .title-wrap img {max-width:150px;}

    .section-login .nav {margin-bottom:50px;}

    .section-login .nav-tabs{padding-bottom:15px;}

    .section-login .nav-item{font-size:15px; color:#8a8a8a; margin-right:15px; }

    .section-login .nav-item.active{color:black; border-bottom:3px solid #1484c6; padding-bottom:15px;}

    .section-login .tab-pane input{width:100%; height:45px; border:1px solid #c4c4c4; background:white; text-align: left; margin-bottom:15px; padding:0 20px}

    .section-login .tab-pane input::placeholder{text-align: left; font-size:15px; color:#cbcbcb; position: relative; top:0px; }

    .section-login .tab-pane input:-ms-input-placeholder{text-align:left}

    .section-login .tab-pane input::-ms-input-placeholder{text-align:left}

    .section-login .login-wrap{margin:30px 0 30px 0 }

    .section-login .login-wrap button{background:#80c342; text-align:center; color:#f7fbfd; height:55px; width:100%; font-size:18px;}

    .section-login .save-wrap{display:flex}

    .section-login .save-wrap input{width:20px; height:20px; border:1px solid #bcbcbc}

    .section-login .save-wrap label{margin-left:13px; font-size: 14px; position: relative; top: 5px; letter-spacing: -0.9px; color:#7d7d7d}

    .section-login .btn-wrap {display:flex; width:100%; margin-top:30px; border:1px solid #bcbcbc; position: relative; }

    .section-login .btn-wrap div{color:#7d7d7d;flex:1; cursor:pointer; font-size:14px}

    .section-login .btn-wrap div:first-child{text-align:right; line-height:55px}

    .section-login .btn-wrap p{border-right:1px solid #bcbcbc; width:1px; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); height:15px;}

    .section-login .btn-wrap div:last-child{text-align:left; padding-left:35px;line-height:55px }

}