@import url('https://fonts.googleapis.com/css?family=Noto+Sans&display=swap');
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');

*{font-family:'Noto Sans', 'Noto Sans KR', sans-serif; /*font-weight:300;*/ letter-spacing:-0.05em;}

/*body{min-width:1600px;}*/
#header{width:100%; box-sizing:border-box; position:fixed; z-index:10;}
.headerTop{width:100%; box-sizing:border-box; padding:20px 50px; position:relative; z-index:10; display:inline-block; background:#fff;}
#logo{float:left;}
#header .gnb{position:absolute; left:50%; width:900px; margin-left:-450px; text-align:center; top:36px;}
#header .gnb>li{width:150px; float:left; text-align:center; position:relative;}
#header .gnb>li.last{margin-right:0;}
#header .gnb>li>a{font-size:20px; font-weight:300;}
#header .gnb>li>a:hover{color:#005bac;}

#tnb{float:right; margin-top:17px;}
#tnb > ul >li{float:left; margin-left:40px;}
#tnb > ul > li:first-of-type{margin-left:0;}
#tnb > ul > li a:after{width:1px; height:10px; background:#d7d7d7; content:''; position:absolute; right:-20px; top:5px;}
#tnb > ul > li.last{margin-left:30px;}
#tnb > ul > li.last a:after{display:none;}
#tnb > ul > li:nth-last-of-type(2) a:after{display:none;}
#tnb a{color:#959595; font-size:14px; position:relative;}
#tnb .lang{width:58px; height:18px;  background:url('/theme/basic/img/common/langArrow.png') right 10px top 7px no-repeat; cursor:pointer; position:relative; z-index:10;}
#tnb .lang li{width:100%; line-height:18px; border:1px solid #d7d7d7; padding:0 10px; box-sizing:border-box; display:none; border-top:0;}
#tnb .lang li.on{display:block; border-top:1px solid #d7d7d7; background:none;}


.subGnb{display:none; position:absolute; width:120px; background:#fff; padding:10px; top:40px; left:0; z-index:3; text-align:center;}
.subGnb li{line-height:28px;}
.subGnb li a{font-size:15px; display:inline-block; line-height:1.4; word-break:keep-all;}
.subGnb li a:hover{color:#6fa8bd;}

/* ===== 모바일=====*/
.mHead{position:fixed; width:100%; top:60px; left:0; display:none; overflow-y:scroll; height:100%;}
.ham{display:none;}
.msubGnb{display:none;}
#mTnb{position:relative; background:#fff; width:100%; left:0; top:0; padding:30px; height:80px; border-top:1px solid #d7d7d7; box-sizing:border-box; display:none;}
#mTnb > ul >li{float:left; margin-left:40px;}
#mTnb > ul > li:first-of-type{margin-left:0;}
#mTnb > ul > li a:after{width:1px; height:10px; background:#d7d7d7; content:''; position:absolute; right:-20px; top:5px;}
#mTnb > ul > li.last{margin-left:30px;}
#mTnb > ul > li.last a:after{display:none;}
#mTnb > ul > li:nth-last-of-type(2) a:after{display:none;}
#mTnb a{color:#959595; font-size:16px; position:relative;}
#mTnb .lang{height:18px;}
#mTnb .lang li{line-height:18px; border:1px solid #d7d7d7; padding:0 10px; box-sizing:border-box; float:left; margin-right:5px;}
#mTnb .lang li.on a{color:#1d2957;}

/*====== footer ======*/
#footer{width:100%; padding:50px; box-sizing:border-box; overflow:hidden; border-top:1px solid #e1e1e1;}
#footer .terms{padding-bottom:15px; float:left; width:100%;}
#footer .terms a{display:inline-block; margin-right:20px; }
#footer .txt{font-size:14px; color:#636363; line-height:28px; float:left;}
#footer .txt span{color:#d7d7d7; margin:0 5px;}
#footer .txt span.s2 {margin:0 12px;}
#footer .txt span.s3 {margin:0 11.3px;}
#footer .txt span.s4 {margin:0 15px;}
#footer .txt span.s5 {margin:0 5px 0 13px;}
#footer .copy{font-size:12px; color:#636363; float:left;}
#footer .sns{float:right; margin-top:-10px;}
#footer .sns a{display:inline-block; margin-left:10px;}