@charset "utf-8";

/*
 * =================================================================================
 * INFORMATION
 * ---------------------------------------------------------------------------------
 * @File Name 	: header.css
 * @Description : header Style Sheet
 * @Version 	: 1.0.0
 * @Create Date : 
 * @Update Date : N/A
 * @History		: N/A
 * =================================================================================
 */




#head { background:url("../img/header/tnb_bg.jpg") repeat-x top;height:140px; border-bottom:1px #ddd solid; }
.hd_wrap { position:relative; width:1200px; margin:0 auto;}

.logo {width:224px; position:absolute; left:0; top:73px; z-index:1;}
.logo img {width:100%;}

/* tnb */
.tnb { width:1200px; margin:0 auto; position:relative;}

/* tnb_left */
.tnb_left { float:left; height:45px; overflow:hidden;}
.tnb_left a { font-size:14px; color:#fff; display:inline-block; float:left; height:45px; line-height:45px; padding:0 1em; border-right:1px #a6abb0 solid;}
.tnb_left a:first-child { color:#666; background:#fff url("../img/header/icon_home.gif") no-repeat 1em center; border-bottom:1px #a6abb0 solid; padding-left:3em;}
.tnb_left a:first-child:hover {color:#fc8024;}

/* tnb_right */
.tnb_right { float:right; height:45px; overflow:hidden;}
.tnb_right>div { float:left; margin-right:2px;}

/* tnb_link*/
.tnb_link { display:none;}

/* btn_zoom*/
.btn_zoom { padding-top:1px;}
.btn_zoom .btn_home { border:0px; display:none;}
.btn_zoom p { float:left; width:43px; height:43px; background:#fff url("../img/header/btn_font.png") no-repeat center; font-size:0px; border:1px #898f94 solid;}  
.btn_zoom a {display:inline-block; width:43px; height:43px; float:left; margin-left:-1px; border:1px #898f94 solid;}
.btn_zoom a:first-child { width:60px; line-height:43px; font-size:14px;}
.btn_zoom .plus { background:#fff url("../img/header/btn_fontplus.png") no-repeat center;}
.btn_zoom .normal { background:#fff url("../img/header/btn_fontnormal.png") no-repeat center;}
.btn_zoom .minues { background:#fff url("../img/header/btn_fontminues.png") no-repeat center;}

/* search */
.tnb_search { padding-top:1px;} 
.tnb_search .h_btn { text-indent:-99999px;border:0px; display:none;}
.tnb_search .open_search {top:0px; right:0px; width:43px; height:43px; background:#fff url("../img/header/btn_search.png") no-repeat center; display:none;}
.tnb_search .close_search {top:0px; right:0px; width:43px; height:43px; background:#fff url("../img/header/btn_search.png") no-repeat center; display:none;}
.totalsearch { display:inline-block; z-index:99; background-color:#fff; border:1px #898f94 solid; border-right:0px; height:43px; overflow:hidden; padding-left:10px;}
.totalsearch label { display:none; line-height:0; text-indent:-9999999px; position:absolute; top:-9999999px; left:-9999999px}
.totalsearch .search {background:#fff; width:230px;}
.totalsearch .search::after {display:block;content:'';clear:both;}
.totalsearch .search input { border:0px; font-size:14px; height:43px; border:none;}
.totalsearch .search #stext {float:left; width:180px; height:40px; border:0px;}
.totalsearch .search #sbtn {float:right; width:43px; text-indent:-9999999px; background:#f87726 url("../img/header/btn_search.png") no-repeat center; cursor:pointer; background-size:20px;}

/* gnb */
.gnb { position:absolute; right:0px; top:61px;}
.gnb .gnb_area { height:60px;} 
.gnb .gnb_menu {}
.gnb .gnb_alink {}
.gnb .gnb_alink a { font-size:22px; padding:0 24px; height:60px; line-height:60px; text-align:center; display:inline-block; color:#000;}
.gnb .gnb_alink a:hover { color:#fc8024 ;}
.gnb .gnb_alink a:last-child { padding-right:2px;}




@media all and (max-width:1024px) and (min-width:768px){

#head { background:url("../img/header/tnb_tbg.jpg") repeat-x top; height:170px;}
.hd_wrap { width:100%;}

.logo {width:224px; left:50%; top:65px; margin-left:-112px;}

/* tnb */
.tnb { width:100%;}

/* tnb_left */
.tnb_left { height:40px;}
.tnb_left a { font-size:14px; height:40px; line-height:40px; padding:0 20px;}
.tnb_left a:first-child { background:#fff url("../img/header/icon_council.png") no-repeat 15px center; padding-left:40px;}

/* tnb_right */
.tnb_right { height:40px;}

/* btn_zoom*/
.btn_zoom { margin-right:214px; padding-top:2px;}
.btn_zoom p { width:36px; height:36px;} 
.btn_zoom a { width:36px; height:36px;}
.btn_zoom a:first-child { width:50px; line-height:36px; font-size:13px }

/* search */
.tnb_search .open_search { width:40px; height:37px;}
.totalsearch { height:37px;}
.totalsearch .search { width:200px;}
.totalsearch .search input { font-size:14px; height:37px;}
.totalsearch .search #stext { width:160px; height:35px;}
.totalsearch .search #sbtn { width:37px; background-size:50%;}

/* gnb */
.gnb { width:100%; clear:both; top:125px;}
.gnb .gnb_area {height:46px;} 
.gnb .gnb_alink a { width:20%;  float:left; height:46px; line-height:45px; font-size:20px; border-top:1px #ddd solid;  border-right:1px #ddd solid; padding:0px;}
.gnb .gnb_alink a:last-child { border-right:0px;}

}





@media all and (max-width:767px){

#head { background-image:none; height:80px;}
.hd_wrap { width:100%;}

.logo {width:224px; left:50%; top:22px; margin-left:-112px;}

/* tnb */
.tnb { width:100%;}

/* tnb_left */
.tnb_left { display:none;}

/* tnb_right */
.tnb_right { height:40px; text-align:right;}

/* tnb */
.tnb {height:80px;}
.tnb_mlink { padding:5px 3px;}
.tnb_mlink a { display:inline-block; float:left; color:#fff; background-color:#898f94; width:30.5%; padding:5px 0; text-align:center; margin:1%; border-radius:2px; border:1px #ddd solid;}
.tnb_mlink a:hover, .tnb_mlink a:active { background-color:#fff; border:1px #898f94 solid; color:#666;}
/* tnb_link*/
.tnb_link a { display:none;}

/* search */
.tnb_search { position: absolute; right:15px; top:22px; border:0px;}
.tnb_search .h_btn {display:inherit; background-color:#454545 ; border-radius:3px; border:1px #ddd solid;}
.tnb_search .open_search, .tnb_search .close_search {cursor:pointer; width:36px; height:36px; }
.tnb_search .open_search { background: url("../img/header/btn_m_search.png") no-repeat center;}
.tnb_search .close_search { display:none; background:url("../img/header/btn_search_close.png") no-repeat center;}
.totalsearch { display:none; position: fixed; left:0px; top:80px; width:100% !important; padding:8px; height:65px; background-color:#476883; z-index:1; border:0px; margin:0px;}
.totalsearch .search { width:100%;}
.totalsearch .search input {height:48px;}
.totalsearch .search #stext { width:87%; padding-left:10px;}
.totalsearch .search #sbtn {width:48px; border:1px #fff solid;}

/* btn_zoom*/
.btn_zoom { display:none;}

/* gnb */
.gnb { display:none;}
.dra_nav_top { height:80px; background:#2d7a9c;}
.dra_nav_top h3 { color:#fff; font-size:18px; padding:12px 0 0 20px; line-height:24px;}
.dra_nav_top h3 span { font-size:13px; opacity:0.7; }

}