@charset "utf-8";
@import url('font.css');
/* reset */
html {font-size:16px;-webkit-overflow-scrolling:touch;}
html, body{overflow-x:hidden;width:100%;height:100%;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, input {margin: 0;padding: 0;border: 0;-ms-word-break: break-all;word-break: break-all;font-family:NanumSquare, NotoSansCJKkr, hansans, '맑은 고딕',arial, Sans-Serif;color:#000;}
body {line-height: 1;-webkit-text-size-adjust:none;}
img,hr,button,input[type="submit"],input[type="button"],input[type="reset"],input[type='tel'],input[type='search'],input[type='text'],input[type='password'],input[type='email']{border: none;}
input::-ms-clear{display:none;}
input[type=password]::-ms-reveal{display:none;}
a[href^="tel"]{cursor:default;}
dl, ol, ul, li{list-style: none;}
blockquote, q{quotes: none;}
input,select,textarea,button{vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer;}
table{border-collapse: collapse;border-spacing: 0;vertical-align:top;}
legend,caption{text-indent: -9999px;overflow: hidden;width:1px;height:1px;color:transparent;}
address,caption,cite,code,dfn,em,var,i{font-style:normal;}
a {text-decoration:none;color: inherit;}
a:link, a:visited, a:active, a:hover, a:focus {text-decoration:none;}
img,video,audio,object,embed,iframe{max-width:100%;}
img,fieldset,abbr{vertical-align:top;border:none;}
/* //reset */

/* base */
.blind{position:absolute;width:1px;height:1px;margin-left:-1px;overflow:hidden;color:transparent !important;border:0 none !important;background:transparent !important;}
.clearFix:after{content:"";clear: both;display: block;}
.clearFix{*zoom:1;}

/* layout */
#wrap{position:relative;min-width:320px;height:100%}
#header{position:fixed;top:0;left:0;width:100%;height:70px;z-index:10;transition:all 1.5s}
#container{position:relative;height:100%;}

.sub #header.on {background:#fff;}
#header .inner {height:100%;}
.btn_logo {position:absolute;top:50%;left:66px;width:46px;height:15px;margin-top:-6px;z-index:20;}
.btn_logo a {display:block;height:15px;}

/* gnb */
.btn_gnb {position:absolute;top:50%;left:22px;display:block;width:24px;height:18px;margin-top:-9px;overflow:hidden;z-index:20;}
.btn_gnb i{display:block;width:100%;height:1px;margin-top:1px;background:#000;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition: transform 0.5s;}
.btn_gnb i + i {margin-top:6px}
.btn_gnb.active i:nth-child(1){margin-top:0;margin-bottom:-1px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.btn_gnb.active i:nth-child(2){display:none;}
.btn_gnb.active i:nth-child(3){margin-top:0;margin-bottom:-1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

#gnb{position:fixed;top:0;left:0;width:100%;height:100%;padding-left:5.93%;background:#fff;margin-left:-1000em;}
.menu_wrap{padding-top:127px;}
.menu_wrap li + li{margin-top:44px;}
.menu_wrap li > a{font-size:27px;font-weight:800;}
.gnb_footer{position:absolute;bottom:9.3%;left:5.93%;}
.gnb_footer strong{font-weight:800;}
.gnb_footer .btn_mail{display:inline-block;margin-left:13px;}
.gnb_footer .mailcopy {display:inline-block;margin-left:10px; z-index:20;width:46px;height:15px}
.gnb_footer .mailcopy a {display:block;height:15px}
.gnb_footer .brochure{margin-top:20px;}



/* button */
.btn_link{position:relative;display:inline-block;padding-right:33px;padding-bottom:10px;font-size:10px;font-weight:800;}
/* .btn_link:hover:before{width:100%;opacity: 1;} */
.btn_link:before,.btn_link:after{content:'';position:absolute;display: inline-block;/* opacity:0;transition: all 0.3s; */}
.btn_link:before{bottom:0;left:0;width:100%;height: 1px;background: #000;}
.btn_link:after{right:2px;bottom:0;width:10px;height:6px;transform:skew(40deg);-webkit-transform:skew(40deg);-moz-transform:skew(40deg);-o-transform:skew(40deg);border-right:1px solid #000;}