/* Common **********************************************************************/
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
/*@import url(//cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);*/
/*@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);*/

#hframe {
display: none;
}
/* Common **********************************************************************/ 
html,body {width:100%;}
html {/*overflow-y:scroll;*/overflow-x:hidden; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-wrap:break-word; word-break:keep-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset {border: 0px none;  vertical-align: top; -ms-interpolation-mode: bicubic;}
img {border: 0px none;  vertical-align: middle; -ms-interpolation-mode: bicubic;}
dl,ul,ol,menu,li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border: 0 none; background-color: transparent; cursor: pointer;}
body {background:#fff;}
body,th,td,input,select,textarea,button {font-size:14px; color:#333; line-height:1.5; font-family: "Noto Sans KR", sans-serif;} 

a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse: collapse; border-spacing: 0;}
address,caption,cite,code,dfn,em,var {font-style: normal; font-weight: normal;}
summary, caption, legend {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
.invisible {overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible {*position:absolute;}

/*
::-moz-selection { color:#fff; background:#ff0000; }
::selection { color:#fff; background:#ff0000; }
*/

/* common */
.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix {display: inline-block;}
.clfix {display: block;}
* html .clfix {height: 1%;} /* Hides from IE-mac */
.clfix {zoom: 1;} /*for IE 5.5-7*/
/*.list {border-top: 2px solid #1c1815; border-bottom: 1px solid #1c1815;}*/



.wrap {position: relative; width: 100%; height: 100%; background: #fff; transition: 0.5s;}
.inner {width: 100%; padding: 0 4%;}



.header {position: fixed; top: 0; left: 0; content: ''; width:100%; height: 14vw; background: #fff; box-shadow:3px 3px 10px rgba(0,0,0,0.1); z-index: 997;}
.header .hInner {position: relative; height: 100%; padding: 0 4%;}
.header .hInner .menu {position: absolute; top: 50%; transform: translateY(-50%); left: 4%; cursor: pointer;}
.header .hInner .menu img {width: 7vw;}
.header .hInner .logo {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 0;}
.header .hInner .logo img {width: 38vw;}
.header .hInner .btn_eng {position: absolute; top: 50%; transform: translateY(-50%); right: 4%;}
.header .hInner .btn_eng span {display: flex; align-items: center; justify-content: center; width: 7vw; height: 7vw; background-color: #6b6b6b; -ms-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; font-size: 2vw; color: #fff; font-weight: 500; letter-spacing: -0.025em;}



#gnb_box {position: fixed; width: 82%; height: 100%; top: 0; left: -82%; background: #fff; z-index: 999;}

#gnb_box .gnbClose {position: absolute; top: 0; right: -8vw; content: ''; width: 8vw; height: 8vw; background: #005b38; /*display: flex;*/ justify-content: center; align-items: center; display: none;}
#gnb_box .gnbClose img {height: 3.5vw;}

#gnb_box .gnb_top {position: relative; display: flex; align-items: center; width: 100%; height: 20vw; padding-left: 4%; background: #fff;}
#gnb_box .gnb_top img {position: relative; width: 40vw; top: -4vw; opacity: 0;}

#gnb_box .gnb_ul {position: relative; width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; top: 10vw; opacity :0;}
#gnb_box .gnb_ul .rmGnbBox {width: 100%;}
#gnb_box .gnb_ul .rmGnbBox + .rmGnbBox {border-top: 1px solid #e0e0e0;}
#gnb_box .gnb_ul .rmGnbBox:last-child {padding-bottom: 0;}
#gnb_box .gnb_ul .rmGnbBox .rmGnbTit {position: relative; width: 100%; overflow: hidden;}
#gnb_box .gnb_ul .rmGnbBox .rmGnbTit p {padding-left: 4%; background: #f9f9f9; font-size: 4vw; color: #333; font-weight: 400; letter-spacing: -0.025em; line-height: 12vw;}
#gnb_box .gnb_ul .rmGnbBox .rmGnbTit .rmArrow {position: absolute; top: 50%; transform: translateY(-50%); right: 4%; content: ''; width: 3vw; height: 3vw;}
#gnb_box .gnb_ul .rmGnbBox .rmGnbTit .rmArrow div {width: 3vw; height: 3vw; background-image: url("../img/common/gnbArrow.png"); background-repeat: no-repeat; background-position: center center; background-size: 3vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: 0.3s;}
#gnb_box .gnb_ul .rmGnbBox .rmGnbTit.active .rmArrow div {transform: translate(-50%,-50%) rotate(-180deg); transition:0.3s;}

#gnb_box .gnb_ul .rmGnbBox .rmGnbTit.active p {color: #005b38;}

#gnb_box .gnb_ul .rmGnbBox ul {display: none; width: 100%; padding: 2vw 0;}
#gnb_box .gnb_ul .rmGnbBox ul li {width:100%; line-height: 11vw;}
#gnb_box .gnb_ul .rmGnbBox ul li:last-child {padding-bottom: 0;}
#gnb_box .gnb_ul .rmGnbBox ul li a {position: relative; display: block; padding-left: 10%; font-size: 3.5vw; color: #666; font-weight: 300; letter-spacing: -0.025em; line-height: 10vw;}
#gnb_box .gnb_ul .rmGnbBox ul li a:before {position: absolute; top: 50%; transform: translateY(-50%); left: 5%; content: ''; width: 1vw; height: 1vw; background: #005b38; border-radius: 50%;}

#mnav_bg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 998;} 



footer {width: 100%; background: #313131;}
footer .fInner {position: relative; padding: 10vw 4% 12vw;}
footer .fInner .f_logo {font-size: 0; text-align: center;}
footer .fInner .f_logo img {width: 40vw;}

footer .fInner .addr {width: 100%; margin-top: 5vw;}
footer .fInner .addr p {font-size: 3.5vw; color: #a7a7a7; font-weight: 300; letter-spacing: -0.025em; line-height: 1.6; text-align: center;}
footer .fInner .addr p a {font-size: 3.5vw; color: #a7a7a7; font-weight: 300; letter-spacing: -0.025em; text-align: center;}

footer .fInner  p.copyright {font-size: 3.5vw; color: #bfbfbf; font-weight: 400; letter-spacing: -0.025em; text-align: center; margin-top: 4vw;}

footer .fInner .topBtn {position: absolute; top: 6vw; right: 4%;}
footer .fInner .topBtn img {width: 9vw;}