/* COMMON CSS - LAYOUT ���� CSS */

/* common */
body {min-width:320px; }
#wrap {width:100%;}
#main {width:100%;overflow:hidden; display:block; }

.layout {width:98%; margin: 0 auto; overflow:hidden; display:block;   }

/* sub layout */
#container {width:100%; margin:0 auto; overflow:hidden; display:block; padding:0 0 0 0 ;}
#content { padding:0 ; overflow:hidden; display:block; }

#header { background:#fff; width:100%; position: fixed; left:0; top:0; z-index:999;  height:50px;}
#header h1 {width:80%; float:left;}
#header h1 a { width:100%; margin:13px 0 0 10px; padding:0; font-size:0;}
#header h1 a img {width:100px;}
#wrap .total_menu {position: fixed; top:3px; padding:12px 10px; right:0; z-index:10002; display:block; }
#wrap .total_menu img {width:20px;}
#wrap .contentBG {position: fixed;_position:absolute;top: 0;left: 0; z-index:1000; width:100%;height:100%;background:#000;opacity:.7; filter:alpha(opacity=7);cursor:pointer;display:none;height:0;}
#wrap .side_area {display:block; height:100%;	position: fixed; _position: relative;	top: 0;left: -280px; width:280px;height: 100%; background:#fff;  z-index:10011; overflow-y:auto; border-bottom:1px solid #3f2566;  }
#wrap .side_area h1 {width:100%; padding:30px 0; text-align:center; }
#wrap .side_area h1 img {width:150px;}
#wrap .side_GNB {text-align: center; }
#wrap .side_GNB .menu { background:#30bc51; padding:0; border-top:1px solid #f1f1f1  ; border-bottom:1px solid #23a842; }
#wrap .side_GNB .menu > li { width:100%; display:block; overflow:hidden; border-top:1px solid #f1f1f1  ; border-bottom:1px solid #23a842; }
#wrap .side_GNB .menu > li > a { display:block;color: #fff;line-height:38px; height:40px; font-weight:600; z-index: 10012;text-decoration:none; font-size:16px;  }
#wrap .side_GNB .menu > li.on > a,
#wrap .side_GNB .menu > li > a:hover,
#wrap .side_GNB .menu > li > a:focus,
#wrap .side_GNB .menu > li > a:active {color: #fff;  background: none;text-indent: 0; opacity:1; filter:alpha(opacity=100);}
#wrap .side_GNB .menu > li ul.sub_menu {padding:0; width:100% ;display: none;font-size:0;  }
#wrap .side_GNB .menu > li ul.sub_menu > li {	width:100%;display:inline-block; border-top:1px solid #ccc; 	}
#wrap .side_GNB .menu > li ul.sub_menu > li:first-child {border-top:none;}
#wrap .side_GNB .menu > li ul.sub_menu > li a {	width:100%;color:#333; background:#fff; text-align:center; display:inline-block !important; font-size:14px; line-height:34px; height:35px; vertical-align:middle;font-weight:600; }
#wrap .side_GNB .menu > li ul.sub_menu > li.on a,
#wrap .side_GNB .menu > li ul.sub_menu > li a:hover { background:#5bc4e6; color: #fff;opacity:1; filter:alpha(opacity=100);}
#wrap .side_GNB .menu > li ul.sbox {padding:0; width:100% ;display: none;font-size:0;  padding:30px 0 0 0;}
#wrap .side_GNB ul.sbox {width:100%; *zoom:1; display:inline-block; *display:inline; text-align:center; padding:30px 0 0 0; font-size:0;}
#wrap .side_GNB ul.sbox:after {content:""; display:block; clear:both;}
#wrap .side_GNB ul.sbox li {width:45%; margin:0 1px; border:1px solid #ccc; color:#888; font-weight:600;display:inline-block; float:left; line-height:1.4; padding:10px 0 ;}
/* footer */
#footer {width:100%; background:#333; padding:20px 0 25px 0 ;}
#footer .fmenu { width:100%; font-size:0; text-align:center; }
#footer .fmenu a { padding:10px 0;  color:#999; line-height:14px; font-size:10pt;}
#footer .fmenu a .dot{ padding:0 7px;  color:#777; font-size:10px; vertical-align:top; line-height:12px; }
#footer p {width:100%; text-align:center; color:#777;overflow:hidden; display:block; padding:0;text-transform:uppercase; font-size:10pt;  line-height:1.4; }
#footer p span {width:100%; color:#666;overflow:hidden; display:block; padding:5px 0 0 0;text-transform:uppercase; font-size:9pt;  }

#title  {width:100%; text-align:center; padding:7px 0; background:#f0f0f0; border-bottom:1px solid #ccc; }
#title h2 {width:100%; font-size:13px; color:#222; font-weight:600;line-height:1.4; }
#title p {width:100%; font-size:12px; color:#888;width:100%; overflow:hidden; display:block; padding:3px 0 0 0;line-height:1.2; }

#container ul.nav {width:100%; overflow:hidden; background:#000; }
#container ul.nav li {width:33%; background:#000; float:left;  overflow:hidden;}
#container ul.nav li.line {border-right:1px solid #383838;}
#container ul.nav li.lineTop {border-top:1px solid #383838;}
#container ul.nav li a {display:block; padding:15px 15px;}
#container ul.nav li a p {font-size:15px; text-align:center; color:#fff; font-weight:bold;}