@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 

/* Reset CSS */
* {margin:0; padding:0;}
html, body {margin:0; padding:0;}
body {width:100%; height:100%; overflow-y:scroll; overflow-x: auto; background:#fff; font-size:13px; font-family: 'Noto Sans Korean', '맑은 고딕', 'Malgun Gothic'; font-weight:400; letter-spacing:-0.8px; color:#333;}
hr {display:none; clear:both;}
img,fieldset {border:0 none;}
img {vertical-align:middle;}
a:link {color:#444; text-decoration:none; }
a:visited {color:#444; text-decoration:none;}
a:hover {color:#444; text-decoration:none;}
a:active {color:#444; text-decoration:none;}
html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldser, p, blockqute, th,td, label, address {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;  font-weight:400;}
ul {list-style:none;}
li {vertical-align:top;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img, button {border: 0; margin:0;}

/* Common CSS */

.red {color:#f02424 !important;}
.blue {color:#146db8 !important;}
.underline {text-decoration:underline !important;}
.clear {clear:both;}
.border-top {border-top:1px solid #ccc;}
.border-right {border-right:1px solid #ccc;}
.border-left {border-left:1px solid #ccc;}
.border-bottom {border-bottom:1px solid #ccc;}
.leftborderno {border-left:0px !important;}
.rightborderno {border-right:0px !important;}
.topborderno {border-top:0px !important;}
.bottomborderno {border-bottom:0px !important;}
.aligncenter {text-align: center;}
strong {font-weight: 500;}

#wrap {position:relative; width:100%; height:100%; padding:0px; margin:0px;}

/* Header */
#header {position:relative; width:100%; height:100px; background:#fff;}
#header .headergroup {position:relative; width:1000px; height:100%; margin:0px auto;}
#header .headergroup h1.logo > a {position:absolute; width:168px; height:62px; top:18px; left:10px;}
#header .headergroup .topmenu {position:absolute; width:350px; height:30px; top:35px; right:0px;}
#header .headergroup .topmenu li {float:left;}
#header .headergroup .topmenu li a {display:block; padding:5px 10px; font-size:16px; font-weight:700; color:#333;}
#header .headergroup .topmenu li a i {width:30px; height:30px;}



/* Nav */
#nav {position:relative; width:100%; height:50px; background:#f02424; border-bottom:3px solid #333; box-sizing:border-box;}
#nav .nav {position:relative; width:1000px; height:100%; margin:0 auto;}
#nav .nav > ul > li.nav_menu {display:block; float:left; height:47px; border-left:1px solid #f67c7c;}
#nav .nav > ul > li.nav_menu.grey {background:#333; border-left:1px solid #666;}
#nav .nav > ul > li.nav_menu > a {display:block; height:100%; padding:12px 32px; font-size:16px; color:#fff; font-weight:700; box-sizing: border-box;}

/* Footer */
#footer {position:relative; width:100%; height:300px;}
#footer .foot_customer {position:relative; width:100%; height:100px; padding:20px 0px; background:#333; box-sizing: border-box;}
#footer .foot_customer .inner {position:relative; width:1000px; margin:0 auto; text-align: center;}
#footer .foot_copy {position:relative; width:100%; height:200px; padding:25px 0px; background:#e3e3e3; box-sizing: border-box;}
#footer .foot_copy .inner {position:relative; width:1000px; margin:0 auto; text-align: center;}
#footer .foot_copy .inner .footerlogo {position:relative; width:70px; height:70px; margin: auto;}
#footer .foot_copy .inner span {display:block; position:relative; padding-top:15px; font-size:12px; color:#888; line-height:150%;}