@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
 * =================================================================================
 */




#wrapper {}
#head { background:url('../img/header/tnb_bg.jpg') repeat-x top; position:relative;}
.logo {width:320px; position:absolute; left:50%; margin-left:-160px; top:75px; z-index:1;}
.logo img {width:320px;}

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

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

/* tnb_link*/
.tnb_link a { color:#fff; display:inline-block; float:left; height:50px; line-height:50px; padding:0 12px; background:url("../img/header/pt_tnb.png") no-repeat right center;}
.tnb_link a:hover { color:#a3b7cf;}
.tnb_link a:nth-child(3) img { vertical-align:middle; margin-top:-3px;}
.tnb_link a:nth-child(4) img { vertical-align:middle; margin-top:-3px;}
.tnb_link a:nth-child(5) img { vertical-align:middle; margin-top:-3px;}
.tnb_link a:nth-child(6) img { vertical-align:middle; margin-top:-3px;}
.tnb_link a:nth-child(7) img { vertical-align:middle; margin-top:-3px;}


/* btn_zoom*/
.btn_zoom { padding-top:15px; padding-right:10px;}
.btn_zoom p { color:#fff; float:left; padding:0 10px 0 5px;} 
.btn_zoom a {display:inline-block; width:19px; height:19px; float:left; margin-right:1px;}
.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 { position:absolute; top:79px; right:10px; z-index:1;}
.tnb_search .h_btn { text-indent:-99999px;border:0px; display:none;}
.tnb_search .open_search {top:0px; right:0px; width:40px; height:40px; background:#fff url("../img/header/btn_search.png") no-repeat center; display:none;}
.tnb_search .close_search {top:0px; right:0px; width:40px; height:40px; background:#fff url("../img/header/btn_search.png") no-repeat center; display:none;}
.totalsearch { display:inline-block; z-index:99; border:2px solid #184c87; background-color:#fff; height:46px; border-radius:2px;}
.totalsearch label { display:none; line-height:0; text-indent:-9999999px; position:absolute; top:-9999999px; left:-9999999px}
.totalsearch .search {background:#fff; width:280px; }
.totalsearch .search::after {display:block;content:'';clear:both;}
.totalsearch .search input { border:0px; height:42px; font-size:16px;}
.totalsearch .search #stext {float:left; padding:0 10px; width:80%;}
.totalsearch .search #sbtn {float:right; width:20%; text-indent:-9999999px; background:url("../img/header/btn_search.png") no-repeat center; cursor:pointer;}

/* gnb */
.gnb {}
.gnb .gnb_area { margin:0 auto; height:160px; position:relative;} 
.gnb .gnb_menu { position:absolute; bottom:0px; width:100%; height:55px; border-top:1px #ddd solid;}
.gnb .gnb_alink { max-width:1320px; margin:0 auto;}
.gnb .gnb_alink a { font-size:18px; width:13.8%; text-align:center; display:inline-block; padding:15px 18px; color:#000;}
.gnb .gnb_alink a:hover { color:#184c87;}






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

#head { background:url('../img/header/tnb_tbg.jpg') repeat-x top; position:relative;}

.logo {width:250px; left:15px; margin-left:0px; top:62px;}
.logo img {width:250px;}

/* tnb */
.tnb { width:100%; height:40px;}

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

/* tnb_link */
.tnb_link a { height:40px; line-height:40px;}

/* btn_zoom */
.btn_zoom { padding-top:10px;}

/* search */
.tnb_search { top:62px;}
.totalsearch .search { width:250px;}

/* gnb */
.gnb .gnb_area { height:140px;} 
.gnb .gnb_menu { height:50px;}
.gnb .gnb_alink { width:100%;}
.gnb .gnb_alink a {font-size:17px; line-height:50px; letter-spacing:-0.05em; padding: 0px;}

}





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

#head { background-image:none;}
.logo {left:50%; top:24px; margin-left:-112px; width:224px;}
.logo img { width:224px;}

/* tnb */
.tnb {height:80px;}
.tnb_mlink { padding:5px 3px;}
.tnb_mlink a { display:inline-block; float:left; color:#fff; background-color:#184c87; width:48%; padding:5px 0; text-align:center; margin:0 1%; border-radius:2px;}


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

/* search */
.tnb_search { position: absolute; right:10px; top:20px;}
.tnb_search .h_btn {display:inherit; border:1px #ddd solid; border-radius:3px;}
.tnb_search .open_search {cursor:pointer;}
.tnb_search .close_search {cursor:pointer; display:none; background:#fff url("../img/header/btn_search_close.png") no-repeat center;}

.totalsearch { display:none; position: fixed; left:0px; top:80px; width:100% !important; padding:5px; height:52px; background-color:#184c87; z-index:1; border:0px;}
.totalsearch .search { width:100%;}
.totalsearch .search input {height:40px;}
.totalsearch .search #stext { width:85%;}
.totalsearch .search #sbtn {width:15%; border-left:1px #184c87 solid;}

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

/* gnb */
.gnb { display:none;}
.dra_nav_top { height:80px; background:#184c87;}
.dra_nav_top h3 { color:#fff; font-size:18px; padding:20px 0 0 20px; font-family:'NanumGothic', sans-serif; font-weight:normal;}
.dra_nav_top h3 span { font-size:13px; opacity:0.7; }

}