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

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

/* »ó´Ü¸Þ´º */
#header .lnb { z-index:1;width:60%; max-width:800px; margin:0 auto; }
#header .lnb ul { width:100%; margin:0 auto; }
#header .lnb li { position:relative; float:left; width:33.33%; z-index:1; }/* ¸Þ´º °³¼ö¿¡ µû¶ó width º¯°æ */
#header .lnb li > a { position:relative; display:block; text-align:center; font-size:20px; font-weight:300; letter-spacing:0px; color:#333; line-height:90px; height:90px; }
#header .lnb li > a i { position:absolute; background:#fff; height:2px; width:0%; left:50%; margin-left:0%; bottom:0px; }
#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:180px; }
#header .lnb .sub dd { text-align:center; padding:5px 0; }
#header .lnb .sub dd a { color:#777; font-size:16px; }
#header .lnb .sub dd a:hover { color:#000; }
#header .lnb .bg { position:absolute; width:100%; height:240px; top:90px; left:0; background:#fff; border-bottom:1px solid #ddd; display:none; }
   
/* ¾ÆÀÌÄܸ޴º */ 
#header .ico_menu { float:right; color:#333; width:auto; min-width:70px; padding-top:30px; }
#header .ico_menu a { float:right; color:#333; 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:30px; height:30px; vertical-align:middle; background:url('../../img/dmedi/top_btn_login.png') no-repeat center; margin-left:5px; } 
#header .add_menu a.full_btn { width:30px; height:30px; 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;}




/** ¸Þ´º ½ºÅ©·Ñ½Ã Ãà¼Ò **/
#header.son { position:fixed; background:#fff; border-bottom:1px solid #ddd; }
#header.son { height:70px; }
#header.son h1 { height:60px;margin-top:0px} 
/* ½ºÅ©·Ñ½Ã ¸Þ´º */
#header.son .lnb li > a { font-size:16.5px; line-height:70px; height:70px; }
#header.son .lnb .bg { top:70px;  }
/* ½ºÅ©·Ñ½Ã ¾ÆÀÌÄܸ޴º */
#header.son .ico_menu { padding-top:19px; }
 
  


/* Àüü¸Þ´º */
#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:31%;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: 1250px) {

#header h1 { width:200px;height:70px;margin-top:10px}
#header .lnb { width:55%; margin:0 auto; }
#header .lnb li > a { font-size:14px;}
#header.son h1 { margin-top:0px}
#header.son .lnb li > a { font-size:14px; }

/* Àüü¸Þ´º */
#full .inner li > a { display:block; font-size:22px; color:#fff; line-height:50px; border-bottom:1px solid #666;}
#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: 1000px) {
/* ¸Þ´º¼û±è */
#header .lnb {display:none;}

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

}