/**************************************************
	Font
**************************************************/
@import url('../../../font/font.css');
@import url('../../../font/font-awesome.css');


/**************************************************
	popup
**************************************************/
#hd_pop {z-index:1000;position:relative;margin:0 auto;/*width:970px;*/ height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background: rgba(198, 131, 23, .3);color:#fff;text-align:center;}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background: rgba(198, 131, 23, .5);color:#fff; font-size: 12px; cursor: pointer;}

/**************************************************
	Reset
**************************************************/
html,body{width:100%;height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0;}
body,h1,h2,h3,h4,input,button{font-size:14px; line-height:20px; }
body{font-family: 'Nanum Gothic', '나눔고딕', 'Dotum', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}/* HTML5 display-role reset for older browsers */
table {border-collapse: collapse; border-spacing: 0;}
img,fieldset,iframe{border: 0 none;}
ol, ul{list-style:none;}
a{text-decoration:none;}
.clearfix{*zoom:1}
.clearfix:after {content:'';display:block;clear:both}
.fl{float:left !important}
.fr{float:right !important}
.fn{float:none !important}
.cb{clear:both !important}
.ac{text-align:center !important}
.al{text-align:left !important}
.ar{text-align:right !important}
.vt{vertical-align:top !important}
.vm{vertical-align:middle !important}
.vb{vertical-align:bottom !important}
.oh{overflow:hidden !important}
.cp{cursor:pointer !important}
.di{display:inline !important}
.dib{display:inline-block;display:-moz-inline-box}
.dn{display:none !important}
.db{display:block !important}
.vv{visibility:visible !important}
.vh{visibility:hidden !important}
.bbn{border-bottom:none !important}
.brn{border-right:none !important}
.bln{border-left:none !important}
.btn{border-top:none !important}
.bn, .bn td, .bn th{border:none !important}
.bgn, .bgn td, .bgn th{background:none !important} 
.fb{font-weight:bold !important}
.fn{font-weight:normal !important}
.fixed{table-layout:fixed}
.pr{position:relative !important}
.tc{text-align: center !important;}
.move{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.ml0{margin-left: 0 !important;}


/**************************************************
	Basic
**************************************************/
#wrap{position: relative; width: 100%; min-width: 1050px; margin: 0 auto;}
#header{position: absolute; width: 100%;  background-color: #ffffff; z-index: 99; background: url('../../images/main/menu_bg.png') repeat;}
#section{width: 100%;}
#footer{width: 100%; position: relative; background-color: #614f4b; }



/**************************************************
	Header
**************************************************/
#headerWrap{width: 1000px; margin: 0 auto;}

#logo{float: left; padding: 10px 0; }
#logo > h2{float: left; padding: 8px 0;}
#logo > h4{float: left; margin-left: 10px;}

#nav{float: right; position: relative;}

#gnb{text-align: right; padding: 10px 0 0;}
#gnb li{display: inline-block; zoom:1; *display:inline;}
#gnb li > a{display: block; color: #ffffff; font-size: 12px; margin-left: 12px;}

#topNav{font-size: 0; text-align: center; padding: 10px 0 0;}
#topNav > li{display: inline-block; zoom:1; *display:inline; line-height: 40px; position: relative; margin: 0px 0px 0 70px;}
#topNav > li > a{position: relative; color: #ffffff; font-size: 17px; font-weight: 600; height: 40px; display: block; vertical-align: top;}
#topNav > li:hover > a{color: #c5e900;}
#topNav > li:hover > ul.deps2{ display: block; opacity:1; background-color: #6b4634; text-align: left;}
ul.deps2{position:absolute; display: none; opacity:0; width: 138px; top:39px; left:-10px; z-index: 6000; border-top: 2px solid #c5e900;  box-shadow: 0 1px 3px rgba(0,0,0,0.11); }
ul.deps2 > li{line-height: 19px; border-top: 0px; background: #ffffff; position: relative;}
ul.deps2 > li > a{display:block; font-size: 13px; padding: 5px 10px; line-height: 26px; border-bottom: 1px solid #f1f1f1; color: #666666; font-weight: 400; text-align: left; }
ul.deps2 > li:hover > a{background-color: #f0f0f0; color: #473835; font-weight: 600;}
ul.deps2 > li > ul{position: absolute; top: 0; left: 138px; width: 200px; display: none;}
ul.deps2 > li:hover > ul{display: block;}
ul.deps2 > li > ul > li{line-height: 19px; border-top: 0px; background-color: #f0f0f0; position: relative;}
ul.deps2 > li > ul > li > a{display:block; font-size: 13px; padding: 5px 10px; line-height: 26px; border-bottom: 1px solid #f1f1f1; color: #666666; font-weight: 400; text-align: left;}
ul.deps2 > li > ul > li > a:hover{background-color: #9b8e87; color: #ffffff;}
.deps3 > a:before{content: '>'; display: block; position: absolute; top: 5px; right: 10px; color: #1b1b1b; z-index: 99; font-size: 10px;}


/**************************************************
	Footer
**************************************************/
#boLink{width: 100%; background-color: #ffffff; border-top: 1px solid #614f4b; text-align: center; padding: 3px 0;}
#boLink li{display: inline-block; zoom:1; *display:inline;}
#boLink li > a{color: #615644; font-size: 13px; margin: 0 10px; position: relative;}
#boLink li > a:hover{text-decoration: underline;}
#boLink li > a:before{content: '|'; display: block; position: absolute; top: -2px; left: -13px; color: #615644;}
#boLink li:first-child > a:before{display: none; }
/* #boInfo [하단정보] */
#boInfo{width: 1000px; position: relative;  margin: 0 auto; padding: 20px 0;}
#boInfo img{vertical-align: top;}
#boInfo > p{font-size: 13px; color: #ffffff; line-height: 22px; margin-top: 15px;}
#boInfo > p > span{font-weight: bold;}
#boInfo > p > a{font-size: 13px; color: #ffffff;}
#boInfo > p > a:hover{text-decoration: underline;}

/* #copy [카피라이트] */
#copy{width: 100%; padding: 3px 0; min-width: 1000px; background-color: #473835;}
#copy > p{color: #ffffff; font-size: 13px; text-align: center; text-transform: uppercase;}



/**************************************************
	Drag Effect
**************************************************/
::selection {background:#614f4b; color:#ffffff; text-shadow:none;}
::-moz-selection {background:#614f4b; color:#ffffff; text-shadow:none;}
::-webkit-selection {background:#614f4b; color:#ffffff; text-shadow:none;} 
::-o-selection {background:#614f4b; color:#ffffff; te2017-07-10xt-shadow:none;}