@charset "utf-8";

/* ??? */


@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(//fonts.googleapis.com/earlyaccess/jejugothic.css);

/* HTML Default */
article, aside, figcaption, figure, footer, header, hgroup, nav, section {display:block}
mark{background:#FF0;color:#000}
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, font, 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, article, aside, hgroup, header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0; font-size:100%;}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; }
a {margin:0; padding:0; text-decoration:none;}
button { margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
button::-moz-focus-inner { margin: -1px; padding: 0; }
h1, h2, h3, h4, h5 {font-weight:bold; font-family: 'Nanum Gothic', serif; color:#666;}
img, select, input, button {vertical-align:middle;}
input, select { color:inherit; font:inherit; line-height:100%; }
textarea { resize:vertical; font:inherit; overflow-y:auto; }
html {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none;}
.hid, legend, hr {position:absolute; left:-10000%; top:0; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; text-indent:-10000px;}
caption {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
body {margin:0; padding:0; font-size:14px; word-break:break-all; -webkit-text-size-adjust:none; font-family: 'Nanum Gothic', serif; color:#666;}
ul, ol, li, figure {list-style-type:none; margin:0; padding:0;}
cite, blockqoute {display:block; font-style:normal;}
figcaption { display:none;}
.cf{}/*float????? ????? ?¡¾??? ?????¡¾???? ???*/
.cf:after{ content:""; display:block; clear:both;}

/* ???? ???? ???? */
.al {text-align:left !important}
.ac {text-align:center !important}
.ar {text-align:right !important}
.fl {float:left !important;}
.fr {float:right !important;}
.no_wrap {white-space:nowrap}
.ell_txt {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.span_block {display:block;}
#ul_gnb_1:after, .clearfix:after, .ul_btn:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
#ul_gnb_1, .clearfix {*zoom:1}

.img_blank img {width:100%; vertical-align:top;}
a:link, a:visited, a:hover, a:active, a:focus {color:inherit;}

/* common */


#ul_gnb_1 > li > a span,
.box_header .kr_logo,
.box_header .top_util ul,
.box_mot_1,
.box_search_1 {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.box_mot_1 {position:relative;}
.p_pad_0 {margin-top:0 !important; padding:0 !important;}
.p_pad_1 {margin-top:22px; font-size:13px; color:#666;}
.p_pad_2 {margin-top:18px;}
.p_pad_3 {padding-left:22px;}
.p_pad_4 {padding-bottom:3px;}
.span_wrap_1 {white-space:nowrap;}
.kr_logo{ font-size:40px;}

/* header */
.area_header { position:relative; top:0; left:0; z-index:10; width:100%; height:180px; border-bottom:1px solid #c9c9c9; -webkit-box-shadow:0 0 1px rgba(0,0,0,.1); -moz-box-shadow:0 0 1px rgba(0,0,0,.1); -ms-box-shadow:0 0 1px rgba(0,0,0,.1); box-shadow:0 0 1px rgba(0,0,0,.1); background:#fff; border-bottom:1px solid #70858d; }
.bg_header_1 {position:absolute; top:180px; left:0; width:100%; height:0; background-color:#f5f5f5; font-family: 'Nanum Gothic Coding', serif; border-top:1px solid #d2dce1;}/*ÇϺιٳ»¸²*/
.bg_header_1.on {border-bottom:1px solid #d4d4d4;}
.box_header {position:relative; width:1020px; margin:0 auto;}
.box_header_1 .kr_logo {position:absolute; top:50px;  left:46%; margin-left:-70px; z-index:20;}
.box_header_1 .kr_logo a { padding:8px;}
.box_header .vision { position:absolute; left:0; top:6px;}
.box_header .top_util ul {position:absolute; top:10px; right:0;}
.box_header .top_util li {float:left; height:15px; }
.box_header .top_util li:first-child {border-left:none;}
.box_header .top_util li a {display:block; position:relative; padding:0 8px; font-size:11px; line-height:12px; font-family:'Dotum'; color:#7d7d7d;}
.box_header .top_util li.last a {padding-right:0;}


/* gnb */
/*.box_header .gnb_tit {display:none; font-family: 'Nanum Gothic Coding', serif;;}
#ul_gnb_1 {position:relative; top:125px; left:190px; padding-left:0px; z-index:2; font-family: 'Nanum Gothic Coding', serif; width:1000px;  }
#ul_gnb_1 > li {float:left}
#ul_gnb_1 > li > a {display:block; padding:3px 30px; font-weight:normal; color:#303235; }
#ul_gnb_1 > li > a span {display:block; padding:1px 0x 0 1px; border-bottom:3px solid #fff; font-weight:bold; font-size:17px; font-family: 'Nanum Gothic Coding', serif; line-height:48px; white-space:nowrap;}/*¸Þ´ºÆùÆ®*/
/*#ul_gnb_1 > li > a span img { vertical-align:middle; margin-top:-8px; }
#ul_gnb_1 > li.on > a span {border-bottom-color:#3395d2; color:#007ac7; }

.box_gnb_1 {visibility:hidden; overflow:hidden; position:absolute; left:0; top:50px; width:1200px; padding-left:0px; font-family: 'Nanum Gothic Coding', serif; }
.box_gnb_1 h2 {position:absolute; top:10px; left:-150px;}
.box_gnb_1 h2{color:#0c4da2; font-weight:normal; font-family: 'Nanum Gothic Coding', serif; white-space:nowrap; font-size:32px; line-height:28px; }
.box_gnb_1 h2 .txt_1 {display:block; font:13px; font-family: 'Nanum Gothic Coding', serif; padding-top:16px; line-height:18px; margin-left:0px}

.ul_gnb_2 {overflow:hidden; padding-bottom:27px;}
.ul_gnb_2 > li {float:left; padding-top:27px;}

.ul_gnb_2 > li > a {display:block; position:relative; width:130px; height:auto; padding:0 0 8px 14px; font-weight:bold; font-size:14px; letter-spacing:-1px; font-family: 'Nanum Gothic Coding', serif; color:#151515; text-align:left;}
.ul_gnb_2 > li > a:hover {color:#3b5fc1;}
.ul_gnb_2 > li.li_1 {position:absolute; top:88px; left:0; height:auto; padding:0;}
.ul_gnb_2 > li.li_1 > a {height:auto; line-height:28px; padding:0; color:#007ac7; text-align:center;}

.ul_gnb_3 > li > a {display:block; width:145px; padding-left:14px; font-size:12px; line-height:20px; color:#666;}
.ul_gnb_3 > li > a:hover {color:#007ac7; }

.btn_gnb_close {display:none; position:absolute; top:0; right:0;}
.btn_gnb_close a {display:block; overflow:hidden; position:relative; width:82px; height:44px; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; text-indent:-10000px;}
.btn_gnb_close a:before,
.btn_gnb_close a:after {display:block; top:11px; left:40px; position:absolute; width:2px; height:22px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px; background-color:#c4c4c4; content:'';}
.btn_gnb_close a:before {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.btn_gnb_close a:after {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}*/


/* gnb */
.box_header .gnb_tit {display:none; font-family: 'Nanum Gothic Coding', serif;}
#ul_gnb_1 {position:absolute; top:123px; left:0px; padding-left:200px; z-index:2; font-family: 'Nanum Gothic Coding', serif; }
#ul_gnb_1 > li {float:left;}
#ul_gnb_1 > li > a {display:block; padding:3px 30px; font-weight:normal; color:#303235;}
#ul_gnb_1 > li > a span {display:block; padding:1px 3px 0 1px; border-bottom:3px solid #fff; font-weight:bold; font-size:17px; font-family: 'Nanum Gothic Coding', serif; line-height:50px; white-space:nowrap;}/*¸Þ´ºÆùÆ®*/
#ul_gnb_1 > li > a span img { vertical-align:middle; margin-top:-8px;}
#ul_gnb_1 > li.on > a span {border-bottom-color:#3395d2; color:#007ac7;}

.box_gnb_1 {visibility:hidden; overflow:hidden; position:absolute; left:0; top:58px; width:801px; padding-left:219px; font-family: 'Nanum Gothic Coding', serif; }
.box_gnb_1 h2 {position:absolute; top:28px; left:0;}
.box_gnb_1 h2{color:#0c4da2; font-weight:normal; font-family: 'Nanum Gothic Coding', serif; white-space:nowrap; font-size:32px; line-height:28px; }
.box_gnb_1 h2 .txt_1 {display:block; font:13px; font-family: 'Nanum Gothic Coding', serif; padding-top:16px; line-height:18px; margin-left:20px}

.ul_gnb_2 {overflow:hidden; padding-bottom:24px;}
.ul_gnb_2 > li {float:left; /* height:170px;*/ padding-top:27px;}/* ?? ??? ??????? ????? ???? */
/*.li_openInfo .ul_gnb_2 > li{height: auto;} ???????? */
/*.li_custom .ul_gnb_2 > li{height:210px;} ???¥è??? */
/*.li_manage .ul_gnb_2 > li {height:200px;} ?????? */
/*.li_info .ul_gnb_2 > li {height:140px;} ???????? */
/*.li_business .ul_gnb_2 > li {height:140px;} ?????? */
/*.li_company .ul_gnb_2 > li{height:160px;} ?????? */
.ul_gnb_2 > li > a {display:block; position:relative; width:130px; height:auto; padding:0 0 8px 14px; font-weight:bold; font-size:14px; letter-spacing:-1px; font-family: 'Nanum Gothic Coding', serif; color:#151515; text-align:left;}
.ul_gnb_2 > li > a:hover {color:#3b5fc1; text-decoration:underline;}
.ul_gnb_2 > li.li_1 {position:absolute; top:88px; left:0; height:auto; padding:0;}/* ?????? ??? */
.ul_gnb_2 > li.li_1 > a {height:auto; line-height:28px; padding:0; color:#007ac7; text-align:center;}

.ul_gnb_3 > li > a {display:block; width:145px; padding-left:14px; font-size:12px; line-height:20px; color:#666;}
.ul_gnb_3 > li > a:hover {color:#007ac7; text-decoration:underline;}

.btn_gnb_close {display:none; position:absolute; top:0; right:0;}
.btn_gnb_close a {display:block; overflow:hidden; position:relative; width:82px; height:44px; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; text-indent:-10000px;}
.btn_gnb_close a:before,
.btn_gnb_close a:after {display:block; top:11px; left:40px; position:absolute; width:2px; height:22px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px; background-color:#c4c4c4; content:'';}
.btn_gnb_close a:before {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.btn_gnb_close a:after {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}


/*head*/

.gnbWrap {width:100%; height:40px; background:url("../new_img/main2015/bg_gnb.gif") center 0 no-repeat;position:relative; z-index:99;}


.gnbWrap ul.gnbBtns {height:40px; width:1130px; margin:0 auto; #margin:0px;}
.gnbWrap ul.gnbBtns li {height:40px; float:left;}
.gnbWrap ul.gnbBtns li a {display:block;height:40px; background:url("../new_img/main2017/btn_gnbSplite2017.png") 0 0 no-repeat;}
.gnbWrap ul.gnbBtns li a.btn_usa {width:60px; background-position:-88px -3px; }/*¹Ì±¹*/
.gnbWrap ul.gnbBtns li a.btn_canada {width:64px; background-position:-148px -3px;}/*ij³ª´Ù*/
.gnbWrap ul.gnbBtns li a.btn_uk {width:54px;  background-position:-212px -3px;}/*¿µ±¹*/
.gnbWrap ul.gnbBtns li a.btn_aus {width:53px; background-position:-266px -3px;}/*È£ÁÖ*/
.gnbWrap ul.gnbBtns li a.btn_new {width:84px; background-position:-320px -3px;}/*´ºÁú·£µå*/
.gnbWrap ul.gnbBtns li a.btn_irel{width:80px; background-position:-405px -3px;}/*¾ÆÀÏ·£µå*/
.gnbWrap ul.gnbBtns li a.btn_phi {width:68px; background-position:-487px -3px;}/*Çʸ®ÇÉ*/
.gnbWrap ul.gnbBtns li a.btn_malta {width:54px; background-position:-556px -3px;}/*¸ôŸ*/
.gnbWrap ul.gnbBtns li a.btn_ch {width:57px; background-position:-612px -3px;}/*Áß±¹*/
.gnbWrap ul.gnbBtns li a.btn_jp {width:57px; background-position:-668px -3px;}/*ÀϺ»*/
.gnbWrap ul.gnbBtns li a.btn_uni {width:94px; background-position:-725px -3px;}/*ÇØ¿Ü´ëÇÐÁøÇÐ*/
.gnbWrap ul.gnbBtns li a.btn_lower {width:102px; background-position:-819px -3px;}/*ÃÊÁõ°í*/
.gnbWrap ul.gnbBtns li a.btn_community {width:91px; background-position:-921px -3px;}/*Ä¿¹Â´ÏƼ*/
.gnbWrap ul.gnbBtns li a.btn_special  {width:116px; background-position:-1012px -3px;}/*½ºÆä¼ÈÆäÅ°Áö*/
.gnbWrap ul.gnbBtns li a.btn_total {width:88px; background-position:0px -3px;}




.gnbWrap ul.gnbBtns li.selected a.btn_usa {background-position:-88px -49px;}/*¹Ì±¹*/
.gnbWrap ul.gnbBtns li.selected a.btn_canada {background-position:-148px -49px;}/*ij³ª´Ù*/
.gnbWrap ul.gnbBtns li.selected a.btn_uk {background-position:-212px -49px;}/*¿µ±¹*/
.gnbWrap ul.gnbBtns li.selected a.btn_aus {background-position:-266px -49px;}/*È£ÁÖ*/
.gnbWrap ul.gnbBtns li.selected a.btn_new {background-position:-320px -49px;}/*´ºÁú·£µå*/
.gnbWrap ul.gnbBtns li.selected a.btn_irel{background-position:-405px -49px;}/*¾ÆÀÏ·£µå*/
.gnbWrap ul.gnbBtns li.selected a.btn_phi {background-position:-487px -49px;}/*Çʸ®ÇÉ*/
.gnbWrap ul.gnbBtns li.selected a.btn_malta {background-position:-556px -49px;}/*¸ôŸ*/
.gnbWrap ul.gnbBtns li.selected a.btn_ch {background-position:-612px -49px;}/*Áß±¹*/
.gnbWrap ul.gnbBtns li.selected a.btn_jp{ background-position:-668px -49px;}/*ÀϺ»*/
.gnbWrap ul.gnbBtns li.selected a.btn_uni {background-position:-725px -49px;}/*ÇØ¿Ü´ëÇÐÁøÇÐ*/
.gnbWrap ul.gnbBtns li.selected a.btn_lower {background-position:-819px -49px;}/*ÃÊÁß°í*/
.gnbWrap ul.gnbBtns li.selected a.btn_community {background-position:-921px -49px;}/*Ä¿¹Â´ÏƼ*/
.gnbWrap ul.gnbBtns li.selected a.btn_special {background-position:-1012px -49px;}/*½ºÆä¼È*/
.gnbWrap ul.gnbBtns li.selected a.btn_total {background-position:0 -49px;}




/* header 
.area_header { position:relative; top:0; left:0; z-index:10; width:100%; height:96px; border-bottom:1px solid #c9c9c9; -webkit-box-shadow:0 0 1px rgba(0,0,0,.1); -moz-box-shadow:0 0 1px rgba(0,0,0,.1); -ms-box-shadow:0 0 1px rgba(0,0,0,.1); box-shadow:0 0 1px rgba(0,0,0,.1); background:#fff url("/images/template/00002/common/bg_header_1.gif") repeat-x; }
.bg_header_1 {position:absolute; top:97px; left:0; width:100%; height:0; background-color:#f5f5f5; font-family: 'Nanum Gothic Coding', serif;}
.bg_header_1.on {border-bottom:1px solid #d4d4d4;}
.box_header {position:relative; width:1020px; margin:0 auto;}
.box_header_1 .kr_logo {position:absolute; top:30px; left:0; z-index:20;}
.box_header_1 .kr_logo a { padding:8px 0;}
.box_header .vision { position:absolute; left:0; top:6px;}
.box_header .top_util ul {position:absolute; top:10px; right:0;}
.box_header .top_util li {float:left; height:15px; border-left:1px solid #d2d2d2;}
.box_header .top_util li:first-child {border-left:none;}
.box_header .top_util li a {display:block; position:relative; padding:0 8px; font-size:11px; line-height:12px; font-family:'Dotum'; color:#7d7d7d;}
.box_header .top_util li.last a {padding-right:0;}*/


/* gnb
.box_header .gnb_tit {display:none; font-family: 'Nanum Gothic Coding', serif;}
#ul_gnb_1 {position:absolute; top:39px; left:0; padding-left:227px; z-index:2; font-family: 'Nanum Gothic Coding', serif;}
#ul_gnb_1 > li {float:left;}
#ul_gnb_1 > li > a {display:block; padding:0 15px; font-weight:normal; color:#303235;}
#ul_gnb_1 > li > a span {display:block; padding:0 1px 3px; border-bottom:4px solid #fff; font-weight:bold; font-size:15px; font-family: 'Nanum Gothic Coding', serif; line-height:50px; white-space:nowrap;}
#ul_gnb_1 > li > a span img { vertical-align:middle; margin-top:-8px;}
#ul_gnb_1 > li.on > a span {border-bottom-color:#3395d2; color:#007ac7;}

.box_gnb_1 {visibility:hidden; overflow:hidden; position:absolute; left:0; top:58px; width:801px; padding-left:219px; font-family: 'Nanum Gothic Coding', serif;}
.box_gnb_1 h2 {position:absolute; top:28px; left:0;}
.box_gnb_1 h2{color:#0c4da2; font-weight:normal; font-family: 'Nanum Gothic Coding', serif; white-space:nowrap; font-size:32px; line-height:28px; }
.box_gnb_1 h2 .txt_1 {display:block; font:13px; font-family: 'Nanum Gothic Coding', serif; padding-top:16px; line-height:18px;}*/

/*.ul_gnb_2 {overflow:hidden; padding-bottom:24px; border-right:1px solid #e9e9e9; background:url("/images/template/00002/common/bg_gnb_1.png") 0 0;}
.ul_gnb_2 > li {float:left;  padding-top:27px;}
/*.li_openInfo .ul_gnb_2 > li{height: auto;} ???????? */
/*.li_custom .ul_gnb_2 > li{height:210px;} ???¥è??? */
/*.li_manage .ul_gnb_2 > li {height:200px;} ?????? */
/*.li_info .ul_gnb_2 > li {height:140px;} ???????? */
/*.li_business .ul_gnb_2 > li {height:140px;} ?????? */
/*.li_company .ul_gnb_2 > li{height:160px;} ?????? */
/*.ul_gnb_2 > li > a {display:block; position:relative; width:146px; height:auto; padding:0 0 8px 14px; font-weight:bold; font-size:14px; letter-spacing:-1px; font-family: 'Nanum Gothic Coding', serif; color:#151515; text-align:left;}
.ul_gnb_2 > li > a:hover {color:#3b5fc1; text-decoration:underline;}
.ul_gnb_2 > li.li_1 {position:absolute; top:88px; left:0; height:auto; padding:8px 0; border:1px solid #007ac7; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.ul_gnb_2 > li.li_1 > a {height:auto; line-height:28px; padding:0; color:#007ac7; text-align:center;}

.ul_gnb_3 > li > a {display:block; width:145px; padding-left:14px; font-size:12px; line-height:20px; color:#666;}
.ul_gnb_3 > li > a:hover {color:#007ac7; text-decoration:underline;}

.btn_gnb_close {display:none; position:absolute; top:0; right:0;}
.btn_gnb_close a {display:block; overflow:hidden; position:relative; width:82px; height:44px; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; text-indent:-10000px;}
.btn_gnb_close a:before,
.btn_gnb_close a:after {display:block; top:11px; left:40px; position:absolute; width:2px; height:22px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px; background-color:#c4c4c4; content:'';}
.btn_gnb_close a:before {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.btn_gnb_close a:after {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}*/


/* footer */