@charset "utf-8";

#header{width:100%; height:100px;  overflow:hidden; transition: height 0.5s, top 0.5s, background 0.5s; position:fixed; z-index:9;}
.headerInner{width:100%; padding:0 70px 36px; display:inline-block; border-bottom:1px solid rgba(255,255,255,0.3);}
.headerInner h1{padding-top:38px; float:left;}
.headerInner .gnb{display:inline-block; padding-top:35px;}
.headerInner .gnb>li{float:left; padding:0; margin-left:60px; position:relative;}
.headerInner .gnb a{color:#fff; font-size:18px; letter-spacing:0;}
.headerInner .sGnb{position:absolute; left:0; top:85px;width:190px;}
.headerInner .sGnb li{padding:7px 0;}
.headerInner .sGnb a{font-size:15px; letter-spacing:0;}

.headerOn{background:#fff;}
.headerOn .headerInner{border-color:rgba(0,0,0,0.1);}
.headerOn .gnb a, .headerOn .lang a{color:#363636;}
.headerOn .lang{background-image:url('../img/common/lang_arrowOn.png')}

/** 자바스크립트 시 헤더에 추가 **/
.header-up{top:-100px; transition: all 0.5s;}
.header-down{top:0px;}

.lang{width:60px; float:right; margin-top:35px; background:url('../img/common/lang_arrow.png') no-repeat right 0 top 12px;}
.lang li{display:none; padding:5px 0;}
.lang li.on{display:block;}
.lang a{font-size:14px; color:#fff; text-transform:uppercase; letter-spacing:0;}


/* 모바일메뉴 */
.hamBtn{display:none; width:33px; height:25px; background:url('../img/common/ham_w.png') 0 0 no-repeat; overflow:hidden; text-indent:-999px; position:absolute; right:70px; top:36px; cursor:pointer;}
.Mgnb{position:fixed; width:100%; height:100%; top:0; right:0; z-index:10; background:#fff; padding:70px 7% 0; overflow-y:scroll; display:block; transform:translateX(100%); transition:transform 1s;}
.Mgnb .close{cursor:pointer; position:absolute; top:20px; right:20px;}
.Mgnb>ul>li{font-size:20px; padding:20px 0; border-bottom:1px solid #eee; cursor:pointer;}
.Mgnb>ul>li img{vertical-align:middle; float:right; margin-top:5px; transition:transform 0.2s;}
.Mgnb>ul>li>span.on{color:#008be6;}
.Mgnb>ul>li>span>img.on{transform:rotate(45deg); transition:transform 0.2s;}
.Mgnb>ul>li .sGnb{display:none; font-size:18px; padding:15px 20px 0;}
.Mgnb>ul>li .sGnb li{padding:5px 0;}
.Mgnb>ul>li .sGnb a{color:#595959;}

.Mgnb.show{transform:translateX(0); transition:transform 1s;}


#footer{width:100%; background:#253037; padding:50px 70px; font-size:16px;}
#footer .footerInner{display:inline-block; width:100%; text-align:center;}
.footerInner a{color:#fff; margin-right:20px; font-family: 'GmarketSansLight';}
.footerInner a:last-of-type{margin-right:0;}
.footerInner .point{font-weight:bold;}
.footerInner p{font-size:12px; color:rgba(255,255,255,0.5); letter-spacing:0; font-family: 'GmarketSansLight';}