/***** 레이아웃 *****/ 
html { position:relative; overflow-x:hidden;}

header.top { position:relative; width:100%; margin:0 auto; border-bottom:1px solid rgba(255,255,255,0.1);background:#004ba8; z-index:999;}
header .area { position:relative; max-width:1100px; height:84px; margin:0 auto;}
header.top.manual { height:32px; border-top:0; border-bottom:1px solid #1c62c1;background:#004db6;}
header.top.manual .area { height:32px;}
header.top.login_admin { height:28px; border-top:0; background:#e5e5e5;}
.container {display:block; position:relative; max-width:1100px; padding:0; margin:0 auto;}
.container:after { display:block; clear:both; content:'';}
main { float:left; width:100%; text-align:left;}
main:after { display:block; clear:both; content:'';}
.snb { float:left; position:relative; width:150px;}
aside.group { float:right;position:relative; width:220px;}
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}

#footer-page .area { max-width:1100px; margin:0 auto; position:relative; text-align:left;}

@media screen and (max-width: 1100px){
  header .area { max-width:100%;} 
	.snb { display:none;}
}
@media screen and (max-width: 800px){
  header .area { height:50px;}
  
  nav.sub { display:none;}
  #outlogin { display:none;}
  body.gnb02 .menu_sub { display:none !important;}
}

@media screen and (max-width: 768px){
	.open-panel-left { display:inline-block;}
}

@media print {
  * { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important; }
  a { text-decoration: underline; }

  .ir a:after,  a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }
  tr,  img { page-break-inside:avoid; }
  img { max-width:100% !important; }

  p,  h2,  h3 { orphans:3; widows:3; }
  h2,  h3 { page-break-after:avoid; }
}