/* »ó´Ü·¹À̾ƿô */
#header { position:fixed; width:100%; height:89px; margin:0 auto;  z-index:102; transition-duration:0.5s; }
#header .innercon { padding:0 1%; box-sizing:border-box; }

/* ·Î°í */
#header h1 { float:left; margin:15px 0 0px 0px; background:url('../../img/dmedi/logo.png') no-repeat; width:230px; height:65px; text-indent:-9999px; }
#header h1 {background-size:auto 100%;}
#header h1 a { display:block; width:100%; height:100%; }

/* »ó´Ü¸Þ´º */
#header .lnb { z-index:1;  width:820px; margin:0 auto; }
#header .lnb ul { width:100%; margin:0 auto; }
#header .lnb li { position:relative; float:left; width:16.6%; z-index:1; }/* ¸Þ´º °³¼ö¿¡ µû¶ó width º¯°æ */
#header .lnb li > a { position:relative; display:block; text-align:center; font-size:17px; font-weight:400;letter-spacing:1px; color:#fff; line-height:90px; height:90px; text-shadow: 2px 2px 5px #000000;     font-weight: 700; }
#header .lnb li > a i { position:absolute; background:#fff; height:2px; width:0%; left:50%; margin-left:0%; bottom:0; }
#header .lnb li > a:hover i, #header .lnb li.on > a i { background:#000; width:60%; margin-left:-30%; transition:0.3s; }
#header .lnb li:first-child dl { border-left:0; }
#header .lnb .sub { padding:20px 0; position:absolute; width:100%; display:none; }
#header .lnb .sub dl { border-left:1px solid #ddd; height:60px; }
#header .lnb .sub dd { text-align:center; padding:5px 0; }
#header .lnb .sub dd a { color:#fff; font-size:13px; }
#header .lnb .sub dd a:hover { color:#0077b0; }
#header .lnb .bg { position:absolute; width:100%; height:290px; top:90px; left:0; background:#9f8b7c; border-bottom:1px solid #ddd; display:none; }


/* ¾ÆÀÌÄܸ޴º */
#header .ico_menu { float:right; color:#fff; width:auto; min-width:70px; padding-top:30px; }
#header .ico_menu a { float:right; color:#fff; margin:0 5px; padding:0 2px; font-size:15px; cursor:pointer; }
#header .add_menu li { position:relative; float:left; display:block; height:40px; }
#header .add_menu li:hover .sub { opacity:1; display:block; height:auto; transition-duration:1s; }
#header .add_menu a:hover { opacity:0.9; }
/* ¾ÆÀÌÄܸ޴º À̹ÌÁö */
#header .add_menu a.global_btn { width:45px; height:30px; line-height:30px;vertical-align:middle; background:url('../../img/dmedi/ico_down.png') no-repeat 30px 4px; margin-left:0px; }
#header .add_menu a.login_btn { width:40px; height:40px; vertical-align:middle; background:#927b69 url('../../img/dmedi/top_btn_login.png') no-repeat center; margin-left:5px; border: 3px solid #737373; }
#header .add_menu a.full_btn { width:40px; height:40px; vertical-align:middle; background:url('../../img/dmedi/full_btn.png') no-repeat center; margin-left:15px; }

/* ¾ÆÀÌÄܸ޴º ¼­ºê */
#header .add_menu .sub { position:absolute; width:85px; height:0px; top:25px; left:0px; padding:18px 0 0px; opacity:0; display:none; background:url(../../img/dmedi/ico_menu_bg.png) no-repeat; overflow:hidden; z-index:999; }
#header .add_menu .sub li { width:85px; height:20px; background:#f6f6f6; text-indent:8px; }
#header .add_menu .sub li a { float:none; color:#000; font-size:12px; }
#header .add_menu .sub li a:hover { color:#0077b0; }
#header .add_menu .sub li:last-child { width:100%; height:35px; box-sizing:border-box; border:1px solid #f6f6f6; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}




/* ¸Þ´º on ¹× ½ºÅ©·Ñ½Ã */
#header.on { background:#927b69; border-bottom:1px solid #ddd; }
#header.on h1 { background:url('../../img/dmedi/logo_on.png') no-repeat; background-size: auto 100%;} /* ·Î°íON */
#header.on .lnb li > a { color:#FFF; }
#header.on .add_menu .global_btn { color:#000; background:url('../../img/dmedi/ico_down_bk.png') no-repeat right; }
#header.on .add_menu .login_btn { background:url('../../img/dmedi/top_btn_login_on.png') no-repeat center; }    
#header.on .add_menu .full_btn { background:url('../../img/dmedi/full_btn_on.png') no-repeat center; }
#header.on .add_menu .search_btn { background:url('../../img/dmedi/top_btn_search_on.png') no-repeat center; }




/* Àüü¸Þ´º */
#full { display:none; position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(37,37,37,0.99); z-index:2000; overflow-y:auto;}
#full.on { display:block;}
#full .close { position:absolute; right:65px; top:45px; cursor:pointer;}
#full .inner { width:90%; margin:200px auto 0;}
#full .inner li > a { display:block; font-size:28px; color:#fff; line-height:90px; border-bottom:1px solid #666;}
#full .inner li { display: inline-table; width:14%;margin:0 1%;}
#full .inner dl { padding:20px 0 20px 20px;}
#full .inner dd > a { display:block; line-height:50px; color:#fff; font-size:20px; background:url('../../img/dmedi/blt_cir.png') no-repeat 0 center; padding-left:20px;}
#full .inner dd a:hover { color:#f1f1f1; /*background:url('../../img/dmedi/blt_cir.png') no-repeat 0 center;*/ }
#full .inner dd .d3 { padding:10px 0 10px 20px; }
#full .inner dd .d3 a { display:block; line-height:35px; font-size:15px; color:#fff; background:url('../../img/dmedi/blt_rect.png') no-repeat 0 center; padding-left:15px; }
#full .inner dd .d3 a:hover { color:#f1f1f1; }







/* =============
* RESPONSIVE
* ============*/

@media screen and (max-width: 1320px) {

#header h1 
#header .lnb { width:55%; margin:0 auto; }
#header .lnb li > a { font-size:14px;}
#header.on .lnb li > a { font-size:14px; }

/* Àüü¸Þ´º */
#full .inner li > a { font-size:22px; color:#fff; }
#full .inner dd > a { line-height:2.5; color:#ccc; font-size:18px;background-size:5px 5px; padding-left:10px;}

}



@media screen and (max-width: 1100px) {

/* ¸Þ´º¼û±è */
#header .lnb {display:none;}

/* Àüü¸Þ´º */
#full .inner {  margin:100px auto 0;}
#full .inner li {width:20%;}

}

@media screen and (max-width: 750px) {

#header.on h1 { background-size: auto 60%;} /* ·Î°íON */
}