@charset "utf-8";
/* Reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:12px;font:inherit;vertical-align:top;}
address {font-style:normal;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;font-family: 'Dotum', sans-serif;font-weight:normal;background:#e9ebee;color:#666;overflow-x:hidden;font-size:12px;}
ul, ol, dl {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
a {text-decoration:none;padding:0;display:inline-block;color:#666;}
img {border:0;}
input,textarea {border-radius:0;}
em {color:#b83950;}
input[type="checkbox"] {width:15px;height:15px;background:#fff;border:1px solid #dbdbdb;vertical-align:middle;}
/* Hidden contents */
.accessibility,.skip,.blind,legend {position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;z-index:-1;}
/* caption, label {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;visibility:hidden;z-index:-1;}*/

/* 주메뉴 바로가기 */
#skipToContent, #returnToPageTop {position:relative;}
#skipToContent a, #returnToPageTop a {width:1px;height:1px;display:block;padding:0;margin-bottom:-1px;overflow:hidden;text-align:center;background:#324a96;color:#fff;white-space:nowrap;font-size:0;line-height:0;}
#skipToContent a:focus,
#skipToContent a:active,
#returnToPageTop a:focus,
#returnToPageTop a:active {height:auto;width:auto;padding:10px;font-size:12px;}
#skiptoContent{position:fixed;top:0;left:0;width:100%;z-index:99999;}
#skiptoContent a {width:100%;display:block;position:absolute;top:0;left:-99999px;padding:10px 0;background:#324a96;color:#fff;font-size:12px;text-align:center}
#skiptoContent a:focus, #skiptoContent a:active {left:0;text-decoration:none}
#skiptoContent a:hover{text-decoration:underline}
#bo_w .fa {
    vertical-align: middle;
}
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span {
    top: -2px;
}
.tbl_head01 td {
    color: #666;
    padding: 10px 5px;
    border-top: 1px solid #ecf0f1;
    border-bottom: 1px solid #ecf0f1;
    line-height: 1.4em;
    height: auto;
    word-break: break-all;
}
.bo_notice .notice_icon {
    line-height: inherit;
}
/* Common class */
.font11 {font-size:11px;}

#wrap {width:1038px;margin:0 auto;background:#fff;border-left:1px solid #dfe1e4;border-right:1px solid #dfe1e4;}
.tnb {width:100%;height:20px;position:relative;border-top:4px solid #67708d;}
.tnb ul {width:257px;position:absolute;right:0;}
.tnb ul:after {content:"";display:block;clear:both;}
.tnb ul li {float:left;}
header {height:80px;padding-top:3px;}
header:after {content:"";display:block;clear:both;}
header h1 {float:left;margin:27px 31px 0 35px;}
.gnb {float:left;}
.gnb ul:after {content:"";display:block;clear:both;}
.gnb > ul > li {width:157px;height:77px;float:left;position:relative;background:url(../images/common/divide-gray-1x13.gif) 0 33px no-repeat;}
.gnb > ul > li:first-child {background:none;}
.gnb > ul > li > a {width:156px;height:77px;}
.gnb ul li a {font-size:0;text-indent:-9999px;line-height:0;margin-left:1px;}
.menu01 {background:url(../images/common/menu-intro.gif) 0 0 no-repeat;}
.menu02 {background:url(../images/common/menu-pdt.gif) 0 0 no-repeat;}
.menu03 {background:url(../images/common/menu-quality.gif) 0 0 no-repeat;}
.menu04 {background:url(../images/common/menu-delivery.gif) 0 0 no-repeat;}
.menu05 {background:url(../images/common/menu-cs.gif) 0 0 no-repeat;}

.menu01_over, .gnb > ul > li.on ul {display:block;}

.menu01_over, .gnb > ul > li.on .menu01, .gnb > ul > li.on .menu01_over {background:url(../images/common/menu-intro_over.gif) 0 0 no-repeat;}
.menu02_over, .gnb > ul > li.on .menu02, .gnb > ul > li.on .menu02_over {background:url(../images/common/menu-pdt_over.gif) 0 0 no-repeat;}
.menu03_over, .gnb > ul > li.on .menu03, .gnb > ul > li.on .menu03_over {background:url(../images/common/menu-quality_over.gif) 0 0 no-repeat;}
.menu04_over, .gnb > ul > li.on .menu04, .gnb > ul > li.on .menu04_over {background:url(../images/common/menu-delivery_over.gif) 0 0 no-repeat;}
.menu05_over, .gnb > ul > li.on .menu05, .gnb > ul > li.on .menu05_over {background:url(../images/common/menu-cs_over.gif) 0 0 no-repeat;}

.depth1, .depth2, .depth3, .depth4, .depth5  {display:none;position:absolute;left:0;top:77px;z-index:899;overflow:hidden;background:#efefef;border:1px solid #dcdcdc;}
.gnb > ul > li > ul li {height:29px;float:left;background:url(../images/common/divide-gray-1x9.gif) 0 10px no-repeat;}
.gnb > ul > li > ul li:first-child {background:none;}
.gnb > ul > li > ul li a {height:29px;}
.depth1 {width:428px;}
.depth2 {width:156px;}
.depth3 {width:256px;left:-48px;}
.depth4 {width:194px;left:-17px;}
.depth5 {width:458px;left:-300px;}
.menu0101 {width:83px;background:url(../images/common/menu0101.gif) 0 0 no-repeat;}
.menu0102 {width:86px;background:url(../images/common/menu0102.gif) 0 0 no-repeat;}
.menu0103 {width:65px;background:url(../images/common/menu0103.gif) 0 0 no-repeat;}
.menu0104 {width:77px;background:url(../images/common/menu0104.gif) 0 0 no-repeat;}
.menu0105 {width:110px;background:url(../images/common/menu0105.gif) 0 0 no-repeat;}
.menu0101:hover, .gnb > ul > li > ul li.on a.menu0101 {background:url(../images/common/menu0101_over.gif) 0 0 no-repeat;}
.menu0102:hover, .gnb > ul > li > ul li.on a.menu0102 {background:url(../images/common/menu0102_over.gif) 0 0 no-repeat;}
.menu0103:hover, .gnb > ul > li > ul li.on a.menu0103 {background:url(../images/common/menu0103_over.gif) 0 0 no-repeat;}
.menu0104:hover, .gnb > ul > li > ul li.on a.menu0104 {background:url(../images/common/menu0104_over.gif) 0 0 no-repeat;}
.menu0105:hover, .gnb > ul > li > ul li.on a.menu0105 {background:url(../images/common/menu0105_over.gif) 0 0 no-repeat;}
.menu0201 {width:154px;background:url(../images/common/menu0201.gif) 0 0 no-repeat;}
.menu0201:hover, .gnb > ul > li > ul li.on a.menu0201 {background:url(../images/common/menu0201_over.gif) 0 0 no-repeat;}
.menu0301 {width:86px;background:url(../images/common/menu0301.gif) 0 0 no-repeat;}
.menu0302 {width:84px;background:url(../images/common/menu0302.gif) 0 0 no-repeat;}
.menu0303 {width:80px;background:url(../images/common/menu0303.gif) 0 0 no-repeat;}
.menu0301:hover, .gnb > ul > li > ul li.on a.menu0301 {background:url(../images/common/menu0301_over.gif) 0 0 no-repeat;}
.menu0302:hover, .gnb > ul > li > ul li.on a.menu0302 {background:url(../images/common/menu0302_over.gif) 0 0 no-repeat;}
.menu0303:hover, .gnb > ul > li > ul li.on a.menu0303 {background:url(../images/common/menu0303_over.gif) 0 0 no-repeat;}
.menu0401 {width:91px;background:url(../images/common/menu0401.gif) 0 0 no-repeat;}
.menu0402 {width:99px;background:url(../images/common/menu0402.gif) 0 0 no-repeat;}
.menu0401:hover, .gnb > ul > li > ul li.on a.menu0401 {background:url(../images/common/menu0401_over.gif) 0 0 no-repeat;}
.menu0402:hover, .gnb > ul > li > ul li.on a.menu0402 {background:url(../images/common/menu0402_over.gif) 0 0 no-repeat;}
.menu0501 {width:78px;background:url(../images/common/menu0501.gif) 0 0 no-repeat;}
.menu0502 {width:102px;background:url(../images/common/menu0502.gif) 0 0 no-repeat;}
.menu0503 {width:76px;background:url(../images/common/menu0503.gif) 0 0 no-repeat;}
.menu0504 {width:97px;background:url(../images/common/menu0504.gif) 0 0 no-repeat;}
.menu0505 {width:98px;background:url(../images/common/menu0505.gif) 0 0 no-repeat;}
.menu0501:hover, .gnb > ul > li > ul li.on a.menu0501 {background:url(../images/common/menu0501_over.gif) 0 0 no-repeat;}
.menu0502:hover, .gnb > ul > li > ul li.on a.menu0502 {background:url(../images/common/menu0502_over.gif) 0 0 no-repeat;}
.menu0503:hover, .gnb > ul > li > ul li.on a.menu0503 {background:url(../images/common/menu0503_over.gif) 0 0 no-repeat;}
.menu0504:hover, .gnb > ul > li > ul li.on a.menu0504 {background:url(../images/common/menu0504_over.gif) 0 0 no-repeat;}
.menu0505:hover, .gnb > ul > li > ul li.on a.menu0505 {background:url(../images/common/menu0505_over.gif) 0 0 no-repeat;}







footer {height:135px;padding-top:25px;}
footer:after {content:"";display:block;clear:both;}
footer h3 {float:left;margin:0 58px 0 35px;}
footer .address {float:left;}
footer .address .copyright {margin-top:5px;}