@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;}

/* 2017-03-30 추가*/
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	font-size: 75%;
	line-height: 1.6em;
	font-family: "나눔고딕", "NanumGothic", "돋움", "돋움체";
	background-attachment: scroll;
}



/* 2017-03-30 추가 끝*/

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;}
img { -ms-interpolation-mode: bicubic; } 
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:bold;}
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:900px; 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:black; 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%;}


/* 2017-02-07 추가 */
SELECT {
    vertical-align: middle;
    font-size: 12px;
    line-height: 130%;
    outline: 0;
    border: 1px solid #ccc;
    height: 28px;
    color: #333;
    background: #fbfbfb;
}

div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0; padding:0; border:0;}
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0;}
div, span, p, blockquote, pre,a, abbr, acronym, address, dt, dd, li, label, legend, caption, th, td {font-size:1em;}
ol, ul , li {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
a {text-decoration:none; color:#000;}
address {font-style:normal;}
* {margin:0; padding:0;}