@charset "utf-8";

/********************************************************
■ PC Header
********************************************************/
#header_pc {}

#nt_lnb .nt-container { 
	position:relative;
}
#nt_lnb .header-search { 
 position:absolute;
 right:0px;
 top:60px;
 width:300px;
}
#nt_lnb .header-search form { 
	padding:0; 
	border-bottom:2px solid #000;
}
#nt_lnb .header-search input { 
	font-size:14px !important;
	background: #fff; 
	color:#9f9f9f;
	border:0 !important; 
	box-shadow:none !important; 
	-webkit-box-shadow:none !important; 
}
#nt_lnb .header-search .form-control:focus { 
	box-shadow:none !important; 
	-webkit-box-shadow: none !important; 
}
#nt_lnb .header-search .btn { 
	border:0; 
	background: none !important; 
	outline:none; 
}

.header-logo {position:absolute;z-index:99; top:30px; left:60px;}
.sub-logo {position:absolute;z-index:99; top:30px; left:60px;}
.util_top {text-align:right; margin-right:40px;}
.util_top span {color:#8da6c3; font-size:1.1em; margin-left:20px;}

#logo{position: absolute; left: 60px; top: 30px; z-index: 20; width:165px;}
#logo img {width:100%;}


#nt_header {position: absolute;  width: 100%;  border: 0px; z-index:100;}
#sub_header { width: 100%;  background: #fff;  z-index:100; }

.page-title h3{font-size:30px; font-weight:800; color:#000; text-align:center; margin-bottom:30px}

.util_box {position:absolute; right:60px; top: 35px; width:220px; z-index:20;}
.util_box ul {display:table; table-layout: fixed;}
.util_box ul li {display:table-cell; padding:0 8px; position:relative;}
.util_box ul li .btn_user {cursor: pointer;}
.util_box ul li #login_box {position:absolute; top:45px; left:-15px; width:90px; background:#fff; border:1px solid #eee;}
.util_box ul li #login_box div {border-bottom:#f3f3f3; padding:5px; font-size:14px;}

@media all and (max-width:1200px) {
	.sub-logo {left:30px;}
	.util_box {right:10px;}
}

@media all and (min-width:1025px){
    #header_pc{height: 108px;position: fixed; top: 0; min-width: auto; width: 100%; z-index:9; border-bottom:1px solid #b5b1b4;}
    #hd_wrapper{background: rgba(255,255,255,0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
    #header_pc.scrollBg #hd_wrapper{background: rgba(255,255,255,1);  border-bottom:1px solid #b5b1b4;}
    #hd_wrapper{position: absolute; width: 100%; height: 108px;}
    #hd_wrapper .inner{height: 108px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
    #header_pc.scrollBg .gnb_1da{color: #000;}
    #header_pc.scrollBg #tnb li.login{background-image: url(../../img/common/login_icon1.png);}
    #header_pc.scrollBg #tnb li.logout{background-image: url(../../img/common/logout_icon1.png);}
    #header_pc.scrollBg #tnb li.register{background-image: url(../../img/common/register_icon2.png);}

	#tnb.scrollBg  li a {color:#000;}
}