@charset "utf-8";
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }
 
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900');
/* 초기화 */

/* 초기화 */
*{letter-spacing:-1px;line-height:1em;font-size: 1em;}
html {overflow-y:scroll; overflow-x:hidden}

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
.gm{font-family :"GmarketSansMedium", Malgun Gothic, "돋움" !important;}
.gm_bold{font-family :"GmarketSansBold", Malgun Gothic, "돋움" !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd ,li{margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family : 'Noto Sans', Malgun Gothic, "돋움", Dotum, sans-serif !important;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

 *:focus { outline:none; }

textarea, select {font-family : 'Noto Sans', Malgun Gothic, "돋움", Dotum, sans-serif !important;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
.block{display:block}
.clear:after{content:"";display:block;clear:both;*zoom:1}

.sound{display:inline-block;width:0;height:0;font-size:0;line-height:0}
caption{display:none}
.hidden{display:none}
a{outline:0} 
::selection { background:#cf121c;color: #FFF;text-shadow: none;
}
::-moz-selection {background:#cf121c;color: #FFF;text-shadow: none;
}
::-webkit-selection {background:#cf121c;color: #FFF;text-shadow: none;}

img{width:100%;} 
table{border-collapse:collapse;}
.trans,.b-ajax-wrapper{
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;}

input[type=submit]{border:0;}
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0px 4px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:  0px 4px 3px 0px rgba(0,0,0,0.2);
box-shadow: 0px 4px 3px 0px rgba(0,0,0,0.2);
}

.right{text-align:right !important;}
.left{text-align:left !important;}
.center{text-align:center !important;}
.red{color:#e22e33 !important;}
.bold{font-weight:bold !important;}
.top{vertical-align:top}
.middle{vertical-align:middle}
.bottom{vertical-align:bottom}
.w900{font-weight:900 !important}
.placeholdersjs {color:#aaa !important}

 /* header */
.header {
	position:relative;
    width:100%;
    background:#fff;
    z-index:10;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    }
.header .inbox{position:fixed;top:0;/* left: 0; */width: 100%;max-width: 640px;background: #fff;}
.header .gnb-ul{font-size:0;}
.header .gnb-li {position:relative; display:inline-block; width:33.33333%; vertical-align:top; text-align:center; }
.header .gnb-li.on:after {position:absolute; display:inline-block; width:100%; height:5px; left:0; right:0; bottom:0; background:#fbe31b; content:'';}
.header .gnb-link {position:relative; display:block; line-height:77px;}
.header .gnb-link:after {position:absolute; display:inline-block; width:2px; height:30px; top:50%; right:0; background:#d6d6d6;  margin:-15px 0 0 -1px; content:''; }
.header .gnb-link img {max-width:85px; width:100%; vertical-align:middle;}
.header .gnb-li:last-child .gnb-link:after {display:none;}


img{width:100%;}
body {margin:0;padding:0;font-size:0.75em;font-family : 'Noto Sans KR','Noto Sans', Malgun Gothic, "돋움", Dotum, sans-serif !important; background-color:#9d9d9d}

.inbox{width:93.75%; margin:0 auto;}

.wrap {width:100%; max-width:640px; margin:0 auto;}

.conbox{width:100%;max-width:640px;margin:0 auto;font-size: 0.1em;}

.con3{padding:5% 0; background-color:#f9f8ee;}
.con3 h3{width:90%; margin:0 auto 5%;}
.con3 .inbox{position:relative; padding:4% 5% 29.8% 4%; background:url(/images/mov_bg.png) no-repeat #fff; background-size:100%;}
.con3 .inbox img{position:absolute;left: 2%;bottom:12%;width:82%;}
.con3 .inbox div{position:relative; padding:32% 0;}
.con3 .inbox iframe{position:absolute; top:0; left:0; width:100%; height:100%;}




.con4{position:relative; padding:13% 0;background:url(/images/con4_bg.png) no-repeat 50%; background-size:cover !important;}
.con4 > img{position:absolute;top: -2%;right: 3%;width:10%;}
.con4 h3{width:67%; margin:0 auto 7%;}
.con4 ul{ border-top:2px solid #1b1b1b;}
.con4 li{position:relative; padding:5% 0; border-bottom:1px solid #1b1b1b;}
.con4 li span{position:absolute;display:block;height: 15%;background-color:#fff;}

.con4_1 span{width:30%;top: 32%;right: 21%;}
.con4_2 span{width: 16%;top: 25%;left: 15%;}
.con4_3 span{width: 16%;top: 32%;right: 33%;}
.con4_4 span{width:30%;top: 32%;left: 4%;}
.con4_5 span{width: 26%;top: 32%;right: 21%;}

.con5 {position:relative;}
.con5 .icon{position:absolute;top: -2%;left: 3%;width:10%;}

 .full_slide{overflow:hidden;}
.full_slide div{width:800%; overflow:hidden; display: flex;}
.full_slide img{width:50%; animation:  loop 50s infinite linear 1s both; display: flex; -webkit-animation:loop 50s infinite linear 1s both;}



.con7{padding:13% 0; background-color:#2ac1bc;}
.con7 h3{width:88%; margin:0 auto 5%}
.con7 ul{left:-2%;}
.con7 li{position:relative; width:41% !important; margin:0 3%;}
.con7 li img{margin:30% 10% 0}
.con7 .swiper-slide-active{width:58% !important;  margin:0}
.con7 .swiper-slide-active img{margin-top:0}



.con7 .swiper-pagination{position:relative;top:0;left:0;height: 10px;width:93.75%;margin: 10% auto 3%;border-radius: 5px;}



.con7 .swiper-container>img{display:block; width:30%; margin:0 auto;}



.con8 {padding:10% 0 0; background:url(/images/con8_bg.png) repeat-y 0 0; background-size:100%;}
.con8 .review_bg{padding:23% 16% 43.75%;background:url(/images/con8_img.png) no-repeat 50%;background-size: 100%;position: relative;}
.con8 .review_bg>div{background-color:#fff;}
.con8 .review_bg .swiper-wrapper{position:relative;padding: 82% 0; }
.con8 .review_bg div img{position:absolute; top:0; left:0;}


.con8 .review_bg >img{position:absolute; top:30%; right:5%; width:4.6%;}



.con10 {padding: 10% 0;background:url(/images/con10_bg.png) repeat-y 0 0;background-size:100%;}
.con10 h3{width:56.7%; margin:0 auto 5%}

.con10 .swiper-container{}
.con10 .swiper-container >span{display:block;position:absolute;top:50%;width:8%;margin-top: -5%;z-index: 10;}
.news_left{left:0;}
.news_right{right:0;}

.con10 li{width:28.3% !important;  margin-right:1%; margin-left:1%;}
.con10 li img{position:relative; margin-top:27%;}
.con10 .swiper-slide-active,.con10 .swiper-slide-prev,.con10 .swiper-slide-duplicate-prev,.con10 .swiper-slide-duplicate-active{position:relative; z-index:1; width:38.6% !important; }

.con10 .swiper-slide-active img,.con10 .swiper-slide-prev img,.con10 .swiper-slide-duplicate-prev img,.con10 .swiper-slide-duplicate-active img{margin-top:0;}

.con10 ul{left:5%;}

.con10 .swiper-slide-active,.con10 .swiper-slide-duplicate-active{margin-right:-20%; margin-left:1%6;}
.con10 .swiper-slide-prev,.con10 .swiper-slide-duplicate-prev{margin-right:1%; margin-left:-20%; }

.con10 p{text-align:center; margin-top:5%;}
.con10 p img{display:inline-block; width:45.625%;}

.con12{padding:10% 0; background:url(/images/con12_bg.png) 50% 0 #75502e; background-size:100%;}
.con12 h3{width:68.75%; margin:0 auto 5%;}
.con12 .inbox{padding:40% 0; position:relative; background-color:#a27d5b; border:2px solid #1b1b1b; border-radius:10px;}
.con12 .inbox #map{position:absolute; top:-1%; left:-0.5%; width:100%; height:100%; border:2px solid #1b1b1b; border-radius:10px; overflow:hidden}

.footer{padding:5% 0; text-align:center; background-color:#453223}
.footer p{width:78%; margin:0 auto 5%;}
.footer a{display:inline-block; width:44.5%; margin:0 1%;}



.consult{opacity:0}
.consult .conbox{background-color: #292761;width:100%;max-width:640px;margin:0 auto;border-radius:5px 5px 0 0;border:2px solid #000;}
.consult .inbox{padding:2% 0;position:relative;}
.consult.fixed{ position:fixed; width:100%; bottom:0; left:0; z-index:999}
.consult h4{color:#fff;text-align: center;margin-bottom: 2%;}
.consult h4 a{color:#fff;}
.consult h4 img{vertical-align:middle;}



.consult form{}
.consult form div{position:relative;padding-right:70px;padding-bottom: 26px;}
.consult form input{text-indent:5px;}
.consult form input[type="text"],.consult form .nice-select,.consult form button{display:block;float:left;font-size: 15px;height: 30px;line-height: 30px;border: 0;font-weight: 400;}
.consult form input[type="text"],.consult form .nice-select{width: 31%;margin-right:2%;border:1px solid #1b1b1b;border-radius:3px;}
.consult form button {position:absolute; top:0; right:0; width:70px; display:block; background-color:#6c0012; color:#fff; text-align:center; height:auto}



.agree_chk {position:absolute; bottom:0; left:0; font-size:12px;padding: 2% 0;}
.agree_chk input{display:none;}
.agree_chk label,.agree_chk label a{color: #7775a3;}
.agree_chk span{position:relative;display:inline-block;width: 20px;height: 20px;border-radius:50%;border: 2px solid #7775a3;vertical-align: middle;}
.agree_icon{display:none;position: absolute;right: -1px;top: -2px;font-size: 19px;}
.agree_chk input[type="checkbox"]:checked + label .agree_icon{display:block;}

.quick{position:fixed;top:60px;right:1%;max-width:130px;width:20%;font-size: 1px; z-index:80;animation: pulse2 2s linear -1s infinite; box-shadow:0 0 10px rgba(0,0,0,0.2); border-radius:50%;}
.quick span{display:block;}
.quick1{position:relative; -webkit-animation:5s linear infinite rotate; animation:5s linear infinite rotate; z-index:1;}
 
.video_box{position:absolute; top:-100%; left:0; width:100%; height:300%;}
.video_box iframe{z-index:1;left:0;position: absolute;top:0;display: block;width:100%;height:100%;}



 
 
.popup_layer iframe{display:block;width:100%;height: 100%;}
@media (max-width:640px){
	.pop_wrap{position:absolute;top:0; left:0; width:100%;}
	.popup_layer{position:relative !important;left: 0 !important;padding: 0 !important;width: 90% !important;margin: 0 auto 5%;top: 0 !important;}
	.popup_layer .mov_box{height:50vw !important;}
	
}