@charset "utf-8";

/* reset element */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea { margin:0; padding:0; }
img, fieldset { border:none; }
table { border-collapse:collapse; }
ul, ol, li { list-style:none; }
address, em { font-style:normal; }
li img, object { vertical-align:top; }
input, select, textarea, form img { vertical-align:middle; }

/* font */
/* body { font: 75% /1.5 Dotum,"돋움",sans-serif; color: #666; background:#dfe2e9} */
body { font-family: Avenir, Lato, "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", 나눔바른고딕, NanumBarunGothic, 나눔고딕, NanumGothic, "맑은 고딕", "Malgun Gothic", 돋움, dotum, AppleGothic, sans-serif !important; color: #666; background:#dfe2e9}
body.modal { background:#FFFFFF}
input, select, textarea{ font:12px /1.5 Dotum,"돋움",sans-serif; color:#666; }

/* anchor */
a { text-decoration: none; }
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: none;}

/* skip */
.skip, legend { font-size:0; width:0; height:0; line-height:0; text-indent:-9999px; overflow:hidden; visibility:hidden; position:absolute; top:0; left:0; }
hr { display:none; }

.clearfix {clear: both; margin: 5px;}
.pull-right { float:right; }
.pull-left { float:left; }
.hidden {display: none!important; visibility: hidden;}
.center { text-align: center;}
.highlight {background-color: lightgrey;}

/*web*/
.wrap {width:1345px; margin:0 auto;}
.wrap:after {content:""; display:block; clear:both;}

header {width:100%; border-bottom:4px solid #6C8030; background-color:#fff;}
#gnb {height:95px;}
#gnb h1 {float:left;margin:28px 0 0 34px;}

#utilM { float:right; margin-top:5px; }
#utilM li { float:left; font-size:13px; background:url(../img/bullet_util.gif) no-repeat 0 3px; margin-right:7px; padding-left:7px; }
#utilM li.logout { background:url(../img/icon_ing.gif) no-repeat 0 2px; padding-left:12px; }
#lnb {clear:right; float:left;margin-top:15px; margin-left: 50px}
#lnb li {display:inline-block; margin:0 55px; padding:10px;}
#lnb li.space {display:inline-block; margin:0 80px; padding:10px;}
#lnb li a {display:block; font-size: 18px; }

#snb {float:left; width:228px; margin-top:16px;}
#snb section {background:#fff;padding:15px;box-sizing:border-box;border-radius:3px;box-shadow:4px 4px 4px #d1d4da}
#snb section:first-child {margin-bottom:15px;}
#snb .snb_bg {height:532px; background:#fff url(../img/snb_bg.png) no-repeat left bottom;}
.snb_tit {margin:20px 0 8px; padding-left:15px; background:url(../img/snb_bullet.gif) no-repeat left center; color:#6C8030}
.snb_tit:first-child {margin-top:0px;}
#snb section select {color:#646464; background:#f3f3f3; height:22px; line-height:22px;border:1px solid #d8dee4;width: 180px}
#snb section ul {margin-left:15px;}
#snb section li {line-height:22px;}
#snb section li a {color:#8d8d8d;}
#snb section li a:hover {font-weight:bold; color:#575757; padding-right:15px; background:url(../img/snb_hover_bullet.gif) no-repeat right center;}

/* footer {margin-top:20px;padding:25px; background:#2c2d30;position:fixed;left:0px; bottom:0px; width:100%;} */
footer {margin-top:20px;padding:25px; background:#2c2d30;}
footer h4 {float:left; margin:12px 0 0 33px;}
footer dl {float:left; margin-top: 10px; margin-left:74px;}
footer dl dt {font-weight:bold; color:#c6c8ce;}
footer dl dd {color:#999a9d}