@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

/* Reset */

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, em, img, ins, kbd, q, s, samp,
small, strike, 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:100%;font:inherit;vertical-align:baseline}

/* 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:'Nanum Gothic','³ª´®°íµñ',dotum,AppleGothic,sans-serif;font-size:12.5px}
ol, ul {list-style:none}
a {text-decoration:none;color:#666}
a:hover, a:active, a:focus {text-decoration:none;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
img {display:inline-block}
input, select, textarea {border:1px solid #ccc;padding:1px;background:#f1f1f1;font-family:'Nanum Gothic','³ª´®°íµñ',dotum,AppleGothic,sans-serif}

/* common */
.blind {position:absolute;left:0;top:-1000em;display:block}
.clear:after {content:"";display:block;clear:both}

.txtL{text-align:left}
.txtR{text-align:right !important}
.txtC{text-align:center}

.floatL{float:left}
.floatR{float:right}

.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}

.mr20{margin-right:20px}
.mg0 {margin:0 !important}

.pl20 {padding-left:20px}

/* layout */
#wrap {position:relative;width:100%;height:100%}
.wrap {position:relative;display:block;width:1180px;margin:0 auto}

#container {position:relative;z-index:30;width:100%}

/* header */
#header {position:absolute;top:0;left:0;z-index:40;width:100%}

.gnb {padding:20px 0}
.gnb > li {display:block;float:left;color:#09c;padding:5px 18px 5px 0}
.gnb > li.tel {padding-left:20px;background:url('/images/main/ico_gnb.png') 0 0 no-repeat}
.gnb > li.mail {padding-left:20px;background:url('/images/main/ico_gnb.png') 0 -22px no-repeat}

/* lnb */
.lnb_area {position:relative;width:1000px;background:#fff;-moz-box-shadow:0 2px 6px rgba(0,0,0,0.3);-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.3);box-shadow:0 2px 6px rgba(0,0,0,0.3)}

h1 {float:left}
h1 a {display:block;width:185px;height:90px;background:url('/images/common/logo.png') 50% 48% no-repeat;text-indent:-9999px}

.lnb {float:right}
.lnb > li {position:relative;float:left}
.lnb > li > a {display:block;height:90px;line-height:90px;font-size:14.5px;font-weight:600;color:#336;padding:0 23px}
.lnb > li > a:hover, .lnb > li > a.active {background:#09c;color:#fff}

.lnb ul {display:none;position:absolute;top:90px;left:0;padding:10px;background:rgba(0,102,153,0.9)}
.lnb ul li a {display:block;color:#bfdfff;padding:10px;width:150px}
.lnb ul li a:hover {font-weight:600;color:#fff}

.lnb_area .right {position:absolute;top:-4px;right:-180px;width:170px;height:90px;background:#f5f5f5;padding:30px;box-sizing:border-box}
.lnb_area .right:before {content:"";display:block;height:100%;width:10px;position:absolute;left:-10px;top:2px;background:#e3e3e3 url('/images/main/lnb_shadow.png') repeat-y;-moz-transform:skewX(0deg) skewY(-25deg);-webkit-transform:skewX(0deg) skewY(-25deg);-o-transform:skewX(0deg) skewY(-25deg);-ms-transform:skewX(0deg) skewY(-25deg);transform:skewX(0deg) skewY(-25deg)}
.lnb_area .right a {display:block;float:left;height:30px;text-indent:-9999px}
.lnb_area .right a.btn_search {width:30px;background:url('/images/main/ico_lnb_search.png') 50% 50% no-repeat;margin-right:12px}
.lnb_area .right a.lang {border-radius:4px;border:1px solid #eee;padding:0 15px}
.lnb_area .right a.lang.ko {background:#fff url('/images/main/ico_lang_kr.png') 50% 50% no-repeat}
.lnb_area .right a.lang.eg {background:#fff url('/images/main/ico_lang_eg.png') 50% 50% no-repeat}

.lnb_search {display:none;position:absolute;z-index:-1;top:90px;left:0;width:970px;height:30px;padding:15px;background:#fff}
.lnb_search select {height:30px;border:0}
.lnb_search input.word {width:800px;height:30px;border:0;padding-left:5px}
.lnb_search input.btn_search {width:70px;height:30px;color:#fff;text-align:center;border:0;background:#347ad9}

/* footer */
#footer {width:100%;background:#545454}
#footer a {color:#eee}
#footer .info.wrap {width:1210px}
#footer .info > li {float:left;width:33.33%;padding:30px 15px;box-sizing:border-box}
#footer .info h3 {font-size:17px;font-weight:600;color:#fff;background:url('/images/main/bu_footer_h3.gif') 0 0 no-repeat;padding-left:11px;margin-bottom:15px}
#footer .info p {color:#ccc;line-height:1.5em}

#footer .info .news {background:#4b4b4b;padding:9px}
#footer .info .news a {display:block;padding:4px;margin:8px}
#footer .info .support {background:url('/images/main/ico_footer_support.png') 12px 0 no-repeat}
#footer .info .support.eg {background-image:url('/images/eg/ico_footer_support.png')}
#footer .info .support a {display:block;float:left;width:31.33%;height:115px;margin:0 1%;text-indent:-9999px}

#footer .info .contact {position:relative;width:calc(33.33% - 30px);padding:20px 15px;margin:30px 15px 15px;background:#134465 url('/images/main/bg_footer_contact.png') right bottom no-repeat}
#footer .info .contact h3 {font-size:18px;padding-left:7px;background:none}
#footer .info .contact li {color:#fff;padding:14px 0 14px 60px}
#footer .info .contact ul:before {position:absolute;top:53px;left:0;content:"";display:block;width:67px;height:161px;background:url('/images/main/ico_footer_contact.gif')}
#footer .copyright {border-top:1px solid #656565;padding:35px 0}
#footer .copyright a {display:block;padding:10px;background:#09c;border-radius:3px}