@charset "utf-8";
@import url("https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css");
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');

/*==================== COMMON STYLE ==========================*/
/* RESET STYLE */
*{margin:0; padding:0; box-sizing:border-box;}
*:focus {outline:none;}
html{font-family:sans-serif; background-color:#fff;}
body{min-width:320px; padding:0; margin:0; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; line-height:1.5; background-color:#fff;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,main,nav,section,summary{display:block;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,font,img,ins,q,s,samp,strike,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{border:0 none; line-height:1.5; word-break:keep-all; word-wrap:break-word;}
body{position:relative; word-break:break-all; -ms-text-size-adjust:100%; text-size-adjust:100%; -webkit-text-size-adjust:100%;}
header,h1{font-size:100%;}
html,body{height:100%;}
caption,legend{position:absolute; top:-9999px; left:-9999px; visibility:hidden; width:0; height:0; font-size:0; overflow:hidden;}
caption{display:none;}
img{vertical-align:top; border:none;}
select,input{vertical-align:top; border:0px; border-radius:0; background-color:transparent;}
hr{display:none; border:0 none;}
ol,ul,ul li{list-style:none;}
em{font-style:normal;}
menu li{list-style:none;}
address{font-style:normal; display:inline;}
button{cursor:pointer; border:0px; border-radius:0; background-color:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
table{border-spacing:0; border-collapse:collapse;}
input,textarea,keygen,select,button{font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif;}
strong{font-weight:normal;}
dfn{font-style:normal;}
a:link,a:visited,a:active,a:focus{text-decoration:none;}
a:focus{}
a:hover{text-decoration:none;}
.clear{clear:both;}
fieldset{-webkit-appearance:none; -moz-appearance:none; appearance:none;}
select,input[type=radio],input[type=submit],input[type=search]{cursor:pointer; border:0px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
/*select::-ms-expand {display:none;}*/
body,input,textarea,select,button{font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif;}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal;}
img{max-width:100%;height:auto;vertical-align:top;-ms-interpolation-mode:bicubic;}
.blind {font-size:0; width:0; height:0; overflow:hidden;}

/* common */
.scrollOff {position:fixed; overflow:hidden; height:100%;}
.inner {max-width:640px; width:100%; margin:0 auto;}
.btn {text-align:center;}
.btn a,
.btn input {display:inline-block; max-width:500px; width:100%; font-size:20px; color:#0b0025; font-weight:700; background:#f8e41c; border-radius:50px; margin:5px auto; padding:18px 0;}
.btn_bg a {background:#f6a624}


/* header */
.header {position:fixed; width:100%; background:#fff; z-index:10;}
.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;}

/* main */
.main {padding:71px 0 0;}

/* footer */
.footer {position:fixed; width:100%; bottom:5%; z-index:10;}
.footer .btn a {width:80%;}

/* inquiry */
.inquiry {position:fixed; display:none; width:100%; height:100%; top:0; z-index:30; }
.inquiry .bg {position:absolute; width:100%; height:100%; top:0; bottom:0; background:rgba(0,0,0,0.95); padding:0 30px; overflow-y:scroll; z-index:30; }
.inquiry .bg .inquiry_close {position:absolute; display:inline-block; width:26px; height:26px; top:30px; right:30px; text-indent:-9999px; background:url('/common/img/btn_close.png') no-repeat 50% 50%;}
.inquiry .bg h2 {font-size:32px; color:#fff; font-weight:700; margin:50px auto 0;}
.inquiry .consult_cont {margin:10% auto;}
.inquiry .consult_cont ul {font-size:0;}
.inquiry .consult_cont ul li {margin:0 auto 15px; }
.inquiry .consult_cont ul li:nth-child(2) select {width:31.7%; background:url('../img/inquiry_arrow.png') right center no-repeat;}
.inquiry .consult_cont ul li:nth-child(2) input {width:31.7%;}
.inquiry .consult_cont ul li:nth-child(2) input:nth-child(2) {margin:0 2.33333%;}
.inquiry .consult_cont ul li:nth-child(3) select {background:url('../img/inquiry_arrow.png') right center no-repeat;}

.inquiry .consult_cont ul li input,
.inquiry .consult_cont ul li select,
.inquiry .consult_cont ul li textarea  {width:100%; background:none; border:none; border-bottom:2px solid #a39496; font-size:20px; color:#b1a9a8; font-weight:500; padding:7px 0;}
.inquiry .consult_cont ul li textarea {height:45px;}

/* popup */
.popup {position:fixed; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); padding:5vw; z-index:20; overflow-y:scroll;}
.popup .popup_inner {position:relative; max-width:590px; width:100%; background:rgba(0,0,0,0.85); padding:50px; border-radius:10px; z-index:30; }
.popup .popup_inner .popup_close {position:absolute; display:inline-block; width:26px; height:26px; top:20px; right:20px; text-indent:-9999px; background:url('/common/img/btn_close.png') no-repeat 50% 50%;}
.popup .popup_inner .img {padding:15px 0;}




.popup_layer input{vertical-align:middle;}



 
 
 
.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;}
	
}