@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:140px; border-bottom:1px #dbdbdb solid; }

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

/* tnb */
.tnb { height:44px; background-color:#373c3f;}
.tnb_wrap { position:relative; width:1200px; margin:0 auto;}

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

/* tnb_left */
.tnb_left { float:left; overflow:hidden;}
.tnb_left a { font-size:14px; color:#fff; display:inline-block; float:left; height:44px; line-height:44px; padding:0 20px; border-left:1px #5d6164 solid;}
.tnb_left a:first-child { background:#737779 url("../img/header/icon_council.png") no-repeat 20px center; padding-left:50px;}
.tnb_left a:last-child { background:url("../img/header/icon_logo.png") no-repeat 20px center; padding-left:53px; border-right:1px #5d6164 solid;}
.tnb_left a:hover { background-color:#737779;}

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

/* btn_zoom*/
.btn_zoom { display:inline-block;}
.btn_zoom p { display:none;} 
.btn_zoom a {display:inline-block; width:34px; height:34px; float:left; border:1px #ccc solid;}
.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;}

/* sns link */
.sns_link { display:inline-block;}
.sns_link a { float:left; display:inline-block; width:34px; height:34px; font-size:0px;}
.sns_link .sns_facebook { background:url("../img/header/sns_facebook.png") no-repeat center; background-size:34px;} 
.sns_link .sns_blog { background:url("../img/header/sns_blog.png") no-repeat center; background-size:34px;} 
.sns_link .sns_youtube { background:url("../img/header/sns_youtube.png") no-repeat center; background-size:34px;} 

/* search */
.tnb_search { display:inline-block; padding:1px !important;} 
.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:42px; z-index:99; overflow:hidden;}
.totalsearch label { display:none; line-height:0; text-indent:-9999999px; position:absolute; top:-9999999px; left:-9999999px}
.totalsearch .search {background:#fff; width:250px;}
.totalsearch .search::after {display:block;content:'';clear:both;}
.totalsearch .search input { border:0px; font-size:15px; height:43px; border:none;}
.totalsearch .search #stext {float:left; width:200px; height:43px; border:0px;}
.totalsearch .search #sbtn {float:right; width:42px; 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:relative; width:1200px; margin:0 auto; background-color:#FFCC00;}
.gnb .gnb_menu { position:absolute; right:0px; top:20px;}
.gnb .gnb_alink { height:60px;}
.gnb .gnb_alink a { font-size:22px; padding:0 25px; height:60px; line-height:60px; text-align:center; display:inline-block; color:#333; font-family:'NanumBarunGothic', sans-serif; font-weight:normal;}
.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 { height:180px;}

.logo { width:260px; left:50%; top:60px; margin-left:-130px;}

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

/* tnb_link*/
.tnb_link {}

/* tnb_left */
.tnb_left a { height:40px; line-height:40px; padding:0 10px;}
.tnb_left a:first-child { background-position:5px; background-size:24px; padding-left:35px;}
.tnb_left a:last-child { background-position:7px; background-size:24px; padding-left:35px;}

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

/* search */
.totalsearch {height:38px;}
.totalsearch .search { width:210px;}
.totalsearch .search input { height:38px;}
.totalsearch .search #stext { height:38px; width:160px;}
.totalsearch .search #sbtn { width:40px;}

/* gnb */
.gnb { width:100%; top:70px;}
.gnb .gnb_menu { width:100%;}
.gnb .gnb_alink a {width:16.66%;  float:left; height:50px; line-height:48px; font-size:18px; 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 { height:80px; border-bottom:0px;}

.logo {width:240px; left:50%; top:19px; margin-left:-120px;}

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

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

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

/* tnb_mlink */
.tnb_mlink { padding:5px;}
.tnb_mlink a { display:inline-block; float:left; color:#333; background-color:#f5f5f5; height:30px; line-height:28px; padding:0 8px; margin:5px 1% 0; border:1px #ddd solid;}
.tnb_mlink a:hover, .tnb_mlink a:active { background-color:#4b4a74; border:1px #4b4a74 solid; color:#fff;}

/* sns link */
.sns_link { display:none;}


/* sns link */
.sns_mlink { float:right; margin-right:5px; display:inline-block;}
.sns_mlink a { float:left; display:inline-block; width:30px; height:30px; font-size:0px;}
.sns_mlink .sns_facebook { background:url("../img/header/sns_facebook.png") no-repeat center; background-size:30px;} 
.sns_mlink .sns_blog {background:url("../img/header/sns_blog.png") no-repeat center; background-size:30px;} 
.sns_mlink .sns_youtube { background:url("../img/header/sns_youtube.png") no-repeat center; background-size:30px;} 

/* 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: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:87%; padding-left:10px;}
.totalsearch .search #sbtn {width:49px; border:1px #fff solid;}

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

/* gnb */
.gnb { display:none;}
.dra_nav_top { height:80px; background:#383c3f;}
.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; }

}