@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 { height:165px; position:relative;}

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

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

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

/* tnb_right */
.tnb_right { float:right; overflow:hidden;}
.tnb_right>div { float:left;}

/* cheongyang_link */
.cheongyang_link { float:right; height:43px; position:relative; top:10px;}
.cheongyang_link a { color:#333; padding:0 10px; border-right:1px #ccc solid;}
.cheongyang_link a:hover { color:#fc8024;}
.cheongyang_link a:last-child { border-right:0px; padding-right:0px;}


/* btn_zoom*/
.btn_zoom { position:absolute; right:0px; top:40px; clear:both;}
.btn_zoom p, .btn_zoom a {display:inline-block; width:43px; height:43px; float:left; border:1px #999 solid; border-left:0px; line-height:40px; text-align:center; font-size:10px; font-weight:bold;}
.btn_zoom .text { border-left:1px #999 solid; /*background:#fff url("../img/header/btn_font.png") no-repeat center;*/}
.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; left:50%; margin-left:-185px; top:35px; height:46px; display:inline-block;} 
.tnb_search .h_btn { text-indent:-99999px;border:0px; display:none;}
.tnb_search .open_search {top:0px; right:0px; width:50px; height:50px; background:#fff url("../img/header/btn_search.png") no-repeat center; display:none;}
.tnb_search .close_search {top:0px; right:0px; width:50px; height:50px; background:#fff url("../img/header/btn_search.png") no-repeat center; display:none;}

.totalsearch { display:inline-block; height:46px; z-index:99;}
.totalsearch label { display:none; line-height:0; text-indent:-9999999px; position:absolute; top:-9999999px; left:-9999999px}
.totalsearch .search {background:#fff; width:416px;}
.totalsearch .search::after {display:block;content:'';clear:both;}
.totalsearch .search input { border:0px; font-size:15px; height:46px; border:none; border-radius:0px;}
.totalsearch .search #stext {float:left; width:370px; height:46px; border:0px; border:1px #ccc solid; border-right:0px; line-height:46px;}
.totalsearch .search #sbtn {float:right; width:46px; text-indent:-9999999px; background:#f87726 url("../img/header/btn_search.png") no-repeat center; cursor:pointer; background-size:20px; border-radius:0px;}

/* gnb */
.gnb { position:absolute; bottom:0px; width:100%; background-color:#3f64ae;}
.gnb .gnb_menu { width:1200px; margin:0 auto; border-left:1px #9fb2d7 solid;}
.gnb .gnb_alink { height:50px;}
.gnb .gnb_alink a { font-size:18px; width:14%; text-align:center; height:50px; line-height:50px; display:inline-block; color:#fff; font-family:'NanumBarunGothic', sans-serif; font-weight:normal; border-right:1px #9fb2d7 solid;}
.gnb .gnb_alink a:hover { color:#fee000;}
.gnb .gnb_alink a:last-child {}




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


#head { height:165px;}

.logo { width:300px; top:50px; left:0px; margin-left:10px;}

/* tnb */
.tnb { max-width:840px; width:100%;}

/* tnb_right */
.tnb_right>div { padding:10px;}

/* cheongyang_link */
.cheongyang_link { height:35px; top:10px; padding:0px !important;}
.cheongyang_link a { font-size:12px; height:35px; line-height:35px;}
.cheongyang_link a:last-child { padding-right:5px;}

/* btn_zoom*/
.btn_zoom { position:static; clear: none;}
.btn_zoom p, .btn_zoom a { width:35px; height:35px; line-height:35px;}

/* search */
.tnb_search {left:inherit; right:0px; top:45px;} 
.totalsearch .search { width:350px;}
.totalsearch .search input { height:40px;}
.totalsearch .search #stext { height:40px; width:310px;}
.totalsearch .search #sbtn {width:40px;}


/* gnb */
.gnb { width:100%;}
.gnb .gnb_menu { max-width:840px; width:100%;}
.gnb .gnb_alink a {width:14.2222%; float:left; font-size:16px;}

}





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

#head { height:80px; border-bottom:0px;}

.logo {width:230px; left:50%; top:21px; margin-left:-115px;}

/* tnb */
.tnb { width:100%; height:80px; background-color:#fff; border-bottom:0px;}
.tnb_wrap { width:100%;}

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

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

/* tnb_mlink */
.tnb_mlink { padding:10px; display:block;}
.tnb_mlink a { display:inline-block; text-align:center; width:48%; color:#333; background-color:#f5f5f5; height:34px; line-height:32px; border:1px #ddd solid; border-radius:20px;}
.tnb_mlink a:hover, .tnb_mlink a:active { background-color:#4b4a74; border:1px #4b4a74 solid; color:#fff;}

/* search */
.tnb_search { position:absolute; left:inherit; right:15px; top:23px; 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:5px; height:60px; background-color:#454545; z-index:200; border:0px; margin:0px;}
.totalsearch .search { width:100%;}
.totalsearch .search input {height:49px;}
.totalsearch .search #stext { width:85%; padding-left:10px; border:0px;}
.totalsearch .search #sbtn {width:49px;}

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

/* gnb */
.gnb { display:none;}
.dra_nav_top { height:80px; background:url("../img/header/bg_menu.png") no-repeat left top; background-size:100%;}
.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; }

}