/* CUBE Interactive : Published by Choi KY : 2014-09-25 */
@charset "utf-8";
/*@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');*/
@import url("./common_add.css");
/* 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, 
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;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.8;font-family:  Arial, 'Nanum Gothic', sans-serif; font-weight:normal;color:#565e62;overflow-x:auto;padding-bottom:100px;min-width: 1100px;}
/*body {line-height:1.8;font-family:  Arial, 'Nanum Gothic', sans-serif; font-weight:normal;color:#565e62;overflow-x:hidden;padding-bottom:100px;}*/
/*body {line-height:1.8;font-family: 'Nanum Gothic', sans-serif;font-weight:normal;color:#565e62;overflow-x:hidden;padding-bottom:100px;} */
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:block;color:#565e62;}
img {border:0;}
/*input,textarea {-webkit-appearance:none;border-radius:0;}*/
input:focus {
	background-color:#ffffcc;
}
/*button {border:0;font-family:  Arial; cursor:pointer;}*/
p {font-size:14px;}

::selection {background:#527e95;color:#fff;}
/* 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 {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;visibility:hidden;z-index:-1;}

/* Common */
.pr0 {padding-right:0 !important;}
.pb0 {padding-bottom:0 !important;}
.mt0 {margin-top:0px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mb10 {margin-bottom:10px !important;}
.ml0 {margin-left:0 !important;}
.ml60 {margin-left:60px !important;}
.mAuto {margin:0 auto !important;}

.ssrd {font-size:0 !important;line-height:0 !important;text-indent:-9999px !important;}
.headeline_bl15 {font-size:15px !important;font-weight:bold !important;color:#167bb1 !important;line-height:1.5 !important;}

.fontBL {color:#167bb1 !important;}
.fontRL {color:#FF0000 !important;}
.fontLtBl {color:#96dbff;}
.fontGrn {color:#16b18b;}
.fontYL {color:#eeb300;}
.fontR{color:#be1616;}
.fontRW{color:#be1616; font-weight:bolder;}
.fontS_
.timidText {font-size:12px;color:#7a888f;}

.rowBox:after {content:"";display:block;clear:both;}
.floatL {float:left;}
.floatR {float:right !important;}
.w409 {width:409px;}
.w100Per {width:100% !important;}

.justify {text-align:justify !important;}
.alignC {text-align:center;}
.alignR {text-align:right;}
.letter-05 {letter-spacing:-0.5px;}
.letter-12 {letter-spacing:-1.2px;}
.lh50 {line-height:50px !important;}

.bg-none {background:none !important;}

.text-button2 {border:1px solid #ff6600; background-color:#ffffcc; padding-left:5px; padding-right:5px; vertical-align:top; height:30px;text-decoration:none;  cursor:pointer; }

/* Button */
.readmore, .readmore2 {height:15px;line-height:15px;padding-left:15px;background:url(../images/common/icon_plus_bl9x9.png) 0 3px no-repeat;color:#4b585f;text-transform:uppercase;font-size:12px;font-weight:700;}
.readmore:hover, .readmore2:hover {color:#167bb1;}
.button {height:34px;padding:0 10px;display:inline-block;line-height:34px;background:#167bb1;border-radius:1px;border:0;font-family: Arial;text-transform:uppercase;font-size:12px;color:#fff;text-align:center;font-weight:bold;}
.button.cancel {height:34px;padding:0 7px;display:inline-block;line-height:34px;background:#27353d;border-radius:1px;border:0;font-family: Arial;text-transform:uppercase;font-size:12px;color:#fff;text-align:center; font-weight:bold;}
.button.search {width:80px;background:#3c4950;border:0;text-transform:uppercase;font-size:12px;color:#fff;}
.button.medium {width:80px;}
.button.gray, .button.gray a {background:#7a888f;color:#fff;}
.button a {color:#fff;}
/* Form */
.inputLine {border:1px solid #d9dcde;vertical-align:middle; margin:0 2px;padding:7px;font-family: helvetica;}
select {min-width:80px;height:34px;border:1px solid #d9dcde;vertical-align:middle; margin:0 5px;padding:7px;vertical-align:middle;font-family:'Nanum Gothic', sans-serif;}
/*min-width:120px; */
/* 주메뉴 바로가기 */
#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:#353535;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:#00355d;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}

/* Popup */
.popup {display:none;width:100%;height:200px;background:#167bb1;line-height:200px;text-align:center;}
.closePop {font-weight:600;font-size:36px;color:#fff;cursor:pointer;}

#wrap {width:100%;position:relative;}
#tnbWrap {width:100%;height:30px;position:relative;border-bottom:1px solid #182125;}
#tnbLeftBg {width:100%;height:30px;position:absolute;left:0;background:#1b2c35; font-family:  helvetica;}
#tnbRightBg {width:50%;height:30px;position:absolute;left:50%;background:#3c4950;}
#tnb {height:30px;position:absolute;left:50%;margin-left:-275px;padding-left:337px;} /*width:503px;padding-left:397px; */
#tnb:after {content:"";display:block;clear:both;}
#tnb li {height:30px;float:left;line-height:30px;}
#tnb li a {padding:0 18px;border-left:1px solid #505c62;color:#dde8ee;font-weight:normal;font-size:12px;}
#tnb li.fam1 a {width:61px;}
#tnb li.login a {width:60px;text-align:right;background:#1b2c35;color:#fff;border:none;font-size:11px;text-transform:uppercase;font-weight:700;font-family:  Arial; }
#tnb li.signup a {width:60px;text-align:right;background:#1b2c35;color:#fff;border:none;font-size:11px;text-transform:uppercase;font-weight:700;font-family:  Arial; }
#tnb li.fam {width:130px;padding:0 10px 0 15px;color:#fff;font-size:11px;text-transform:uppercase;font-weight:700;font-family:  Arial; background:url(../images/common/Larr_btm_bl13x7.png) right 12px no-repeat; cursor:pointer;}
#tnb li a:hover {color:#96dbff;}
#tnb li a.pr0 {text-align:right;}

.languageWrap { display:none;height:60px;width:153px; background:#000; color:#fff; }
.languageWrapup { background:url(../images/common/Larr_top_bl13x7.png) right 12px no-repeat; cursor:pointer; }
.languageWrap > ul {width:150px; height:60px;margin:0 auto;}
.languageWrap > ul:after {content:"";display:block;clear:both;}
.languageWrap > ul > li {line-height:30px; width:119px;height:25px;float:left;padding:0 20px;border-left:1px dashed #4999c3;}
.languageWrap > ul > li .str_check {  background:url(../images/common/check-box.png) right 10px no-repeat; }



header {width:1000px;height:69px;margin:0 auto;}
header:after {content:"";display:block;clear:both;}
header h1 {float:left;margin-top:15px;}
.gnb {float:left;margin-left:55px;margin-top:24px;}
.gnb ul:after {content:"";display:block;clear:both;}
.gnb > ul > li {float:left;padding:0 24px;background:url(../images/common/bul_circle_gr3x3.png) 0 20px no-repeat;}
.gnb > ul > li:first-child {padding-left:0;background:none;}
.gnb > ul > li > a {height:45px;line-height:45px;font-size:16px;font-weight:600;color:#27353d;}
.gnb > ul > li > a:hover {color:#167bb1;}
.depth {display:none;width:100%;height:38px;position:absolute;left:0;z-index:999;line-height:38px;background:#efefef;border-top:1px solid #d9dcde;border-bottom:1px solid #d9dcde;}
.depth ul {position:absolute;left:50%;text-align:center;}
.depth ul:after {content:"";display:block;clear:both;}
.depth ul li {float:left;margin:0 auto !important;}
.depth ul li a {padding:0 19px 0 22px;background:url(../images/common/bul_circle_ltgr3x3.png) 0 19px no-repeat;font-weight:600;font-size:13px;}
.depth ul li:first-child a {padding-left:0;background:none;}
.depth ul li a:hover {color:#167bb1;}
#depth1 ul {width:750px;margin-left:-360px;}
#depth2 ul {width:700px;margin-left:-200px;}
#depth3 ul {width:700px;margin-left:-250px;}
#depth4 ul {width:700px;margin-left:-80px;}
#depth5 ul {width:360px;margin-left:105px;}
#depth6 ul {width:460px;margin-left:80px;}
/*.allMenu {border:0; width:90px;float:right;margin-top:40px;padding-right:22px;font-size:11px;font-weight:700;color:#3f4548;font-family:  Arial; background:url(../images/common/arr_btm_bl13x7.png) right 5px no-repeat;}*/
.allMenu {border:0; width:50px;float:right;margin-top:40px;font-size:11px;font-weight:700;color:#3f4548;font-family:  Arial; background:url(../images/common/arr_btm_bl13x7.png) right 5px no-repeat;}
.allMenuup {background:url(../images/common/arr_top_bl13x7.png) right 5px no-repeat;}
.allMenuWrap {display:none;width:100%;padding:30px 0;background:#167bb1;}
.allMenuWrap > ul {width:880px;margin:0 auto;padding-left: 155px;}
.allMenuWrap > ul:after {content:"";display:block;clear:both;}
.allMenuWrap > ul > li {width:120px;height:260px;float:left;padding:0 8px;border-left:1px dashed #4999c3;}
.allMenuWrap > ul > li:first-child {border:none;}
.allMenuWrap > ul > li h2 {margin-bottom:15px;font-size:16px;font-weight:600;color:#fff;}
.allMenuWrap > ul > li > ul > li > a {line-height:30px;font-size:13px;color:#c4cfd5;}
.allMenuWrap > ul > li > ul > li > a:hover {padding-left:10px;background:url(/En/images/common/icon_plus_bl9x9.png) 140px 10px no-repeat #fff;color:#167bb1;font-weight:600;border-radius:1px;}

/*.bannerZone {width:100%;height:120px;position:relative;border-top:1px solid #e1e6e8;border-bottom:1px solid #e1e6e8;}*/
.bannerZone {width:100%;height:120px;position:relative;  border-top: 1px solid #e1e6e8;  border-bottom: 1px solid #e1e6e8;}
.bannerSet {width:998px;margin:0 auto;border-left:1px solid #e1e6e8;border-right:1px solid #e1e6e8; border-bottom:1px solid #e1e6e8;}
.bannerSet:after {content:"";display:block;clear:both;}
.bannerSet li {width:319px;height:89px;float:left;padding:16px 15px 15px;}
.bannerSet li.banner1 {background:url(../images/common/banner1.gif) right bottom no-repeat;}
.bannerSet li.banner2 {background:url(../images/common/banner2.gif) right 0 no-repeat;border-left:1px solid #e1e6e8;border-right:1px solid #e1e6e8;}
.bannerSet li.banner3 {width:268px;background:url(../images/common/banner3.gif) right 0 no-repeat;}
.bannerSet li h3 {font-size:16px;color:#167bb1;}
.bannerSet li p {font-size:12px;}

footer {width:998px;margin:0 auto;padding-top:40px;position:relative;font-size:12px; clear:both;}
address {padding-top:10px;height:40px;line-height:20px;}
address span {display:inline-block;margin:6px 10px 0;}
.copy {font-family: 'Lato', sans-serif;text-transform:uppercase;font-size:11px;color:#a4aaad;}
.fnb {position:absolute;right:0;top:40px;border:1px solid #e1e6e8;font-size:12px;}
.fnb:after {content:"";display:block;clear:both;}
.fnb li {width:96px;height:25px;line-height:25px;float:left;text-align:center;border-left:1px solid #e1e6e8;}
.fnb li.fam {width:108px;border-left:none;}
.fnb li.fam dt {width:82px;padding-left:26px;background:url(../images/common/icon_plus_wh9x9.png) 10px 8px no-repeat #167bb1;color:#fff;text-align:left;font-family: 'Lato', sans-serif;}
.fnb li.fam dd {width:234px;height:38px;padding-left:67px;line-height:38px;border:1px solid #e1e6e8;border-top:none;}
.fnb li.fam dd:after {content:"";display:block;clear:both;}
.fnb li > a:hover {background:#167bb1;color:#fff;}
.fnb li.fam dd a {float:left;padding:0 12px 0 15px;background:url(../images/common/bul_circle_gr3x3.png) 0 18px no-repeat;}
.fnb li.fam dd a:first-child {padding-left:0;background:none;}
.fnb li.fam dd a:hover {color:#167bb1;}


.cursor {cursor:pointer;}


.btnCenter {margin-top:40px; text-align:center;}
.btnCenter a {display:inline-block; margin-left:2px;vertical-align:middle;}
.btnCenter input {margin-left:2px;vertical-align:middle;}
.btnCenter a:first-child {margin-left:0;}


.input_text20 {border:1px solid #999; width:20px;margin-left:5px;vertical-align:middle;   height:25px; line-height:20px;letter-spacing:-0.03em;}
.input_text40 {border:1px solid #999; width:40px;margin-left:5px;vertical-align:middle;   height:25px; line-height:20px;letter-spacing:-0.03em;}
.input_text100 {border:1px solid #999; width:100px;margin-left:5px;vertical-align:middle;   height:25px;line-height:20px;letter-spacing:-0.03em;}
.input_text200 {border:1px solid #999; width:200px;margin-left:5px;vertical-align:middle;   height:25px;line-height:20px;letter-spacing:-0.03em;}
.input_text300 {border:1px solid #999; width:300px;margin-left:5px;vertical-align:middle;   height:25px;line-height:20px;letter-spacing:-0.03em;}
.input_text400 {border:1px solid #999; width:400px;margin-left:5px;vertical-align:middle;   height:25px;line-height:20px;letter-spacing:-0.03em;}
.input_text500 {border:1px solid #999; width:500px;margin-left:5px;vertical-align:middle;   height:25px;line-height:20px;letter-spacing:-0.03em;}
.input_text600 {border:1px solid #999; width:600px;margin-left:5px;vertical-align:middle;   height:25px;line-height:20px;letter-spacing:-0.03em;}
.input_text700 {border:1px solid #999; width:700px;margin-left:5px;vertical-align:middle;   height:25px;line-height:20px;letter-spacing:-0.03em;}