@charset "utf-8";

#header{width:100%; height:100px; padding:28px 60px; text-align:center; box-sizing:border-box; background:#fff; position:fixed; z-index:999; overflow:hidden; transition:height 0.3s;}
#header h1{float:left;}
#header .gnb{display:inline-block; padding-top:10px;}
#header .gnb > li{float:left; margin-right:100px; position:relative;} 
#header .gnb > li:last-of-type{margin-right:0;}
#header .gnb > li > a{font-size:18px; color:#191919; font-weight:bold;}
#header .subGnb{padding-top:20px; position:absolute; left:0; display:none; text-align:left; width:150px;}
#header .subGnb li{padding:5px 0;}
#header .subGnb li a{font-size:16px; color:#191919;}
#header .subGnb li a:hover{color:#146ab5;}
#header .rightCon{float:right; padding-top:10px;}
#header .rightCon > a{font-size:14px; color:#a6a6a6;}
#header .ham{display:inline-block; width:30px; height:16px; border-top:3px solid #252525; text-indent:-999px; vertical-align:middle; margin-left:50px; cursor:pointer; position:relative; margin-top:-5px; z-index:99999;}
#header .ham:after{content:''; position:absolute; left:0; bottom:0; width:30px; height:3px; background:#252525;}

#header.on{height:280px;}


#footer{width:100%; background:#282a2c; padding:70px 0; text-align:left;}
#footer .footerInner{width:1400px; margin:0 auto;}
#footer .footerInner>p{padding-bottom:25px; border-bottom:1px solid #636363;}
#footer .footerInner p a{font-size:16px; color:#ccc;}
#footer .footerInner p a.priv{color:#fff; margin-right:50px;}
#footer .footerInner div{padding:30px 0 0; font-size:14px; line-height:2; color:#bfbfbf;}
#footer .footerInner div p{font-weight:bold; letter-spacing:0; padding-top:30px;}


/* 모바일 */
.navMenu{position:fixed; width:100%; height:100%; background:#f4f4f4; right:0; top:0; z-index:9999; padding:80px 7% 7%; box-sizing:border-box; display:none; overflow-y:scroll; right:-100%; transition:right 0.7s;}
.navMenu.on{right:0;}
.navMenu>ul>li{border-bottom:1px solid #d7d7d7; padding:50px 0;}
.navMenu>ul>li:last-of-type{border-bottom:0;}
.navMenu>ul>li>span{font-size:25px; color:#191919; font-weight:bold; display:block; cursor:pointer; position:relative;}
.navMenu>ul>li>span:before{content:''; width:20px; height:3px; background:#666; position:absolute; right:0; top:17px;}
.navMenu>ul>li>span.changed:after{content:''; width:3px; height:20px; background:#666; position:absolute; right:8px; top:9px;}
.navMenu>ul>li> ul{display:none; padding:10px 0 0 20px;}
.navMenu>ul>li> ul li{padding:5px 0;}
.navMenu>ul>li> ul a{font-size:18px; color:#191919;}

.navMenu .close{display:inline-block; width:30px; height:16px; border-top:3px solid #252525; text-indent:-999px; vertical-align:middle; margin-left:50px; cursor:pointer; position:absolute; right:41px; top:39px; transform:rotate(135deg);}
.navMenu .close:after{content:''; position:absolute; top:-3px; left:0; width:30px; height:3px; background:#252525; transform:rotate(-90deg);}

body.hamOn{overflow:hidden;}