@charset "utf-8";

/* font face */
@font-face {font-family:'Noto Sans CJK KR'; font-style:normal; font-weight:300; src:url(../../font/en/NotoSansCJKKR-Light.woff) format('woff'), url(../../font/en/NotoSansCJKKR-Light.woff2) format('woff2')}
@font-face {font-family:'Noto Sans CJK KR'; font-style:normal; font-weight:400; src:url(../../font/en/NotoSansCJKKR-Regular.woff) format('woff'), url(../../font/en/NotoSansCJKKR-Regular.woff2) format('woff2')}
@font-face {font-family:'Noto Sans CJK KR'; font-style:normal; font-weight:500; src:url(../../font/en/NotoSansCJKKR-Medium.woff) format('woff'), url(../../font/en/NotoSansCJKKR-Medium.woff2) format('woff2')}
@font-face {font-family:'Noto Sans CJK KR'; font-style:normal; font-weight:700; src:url(../../font/en/NotoSansCJKKR-Bold.woff) format('woff'), url(../../font/en/NotoSansCJKKR-Bold.woff2) format('woff2')}

@font-face {font-family:'Lato'; font-style:normal; font-weight:300; src:url(../../font/en/Lato-Light.woff) format('woff'), url(../../font/en/Lato-Light.woff2) format('woff2');}
@font-face {font-family:'Lato'; font-style:normal; font-weight:400; src:url(../../font/en/Lato-Regular.woff) format('woff'), url(../../font/en/Lato-Regular.woff2) format('woff2');}
@font-face {font-family:'Lato'; font-style:normal; font-weight:500; src:url(../../font/en/Lato-Medium.woff) format('woff'), url(../../font/en/Lato-Medium.woff2) format('woff2');}
@font-face {font-family:'Lato'; font-style:normal; font-weight:700; src:url(../../font/en/Lato-Bold.woff) format('woff'), url(../../font/en/Lato-Bold.woff2) format('woff2');}

/* 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, 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:100%; font:inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {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;}

/* reset custermize */
html {width:100%; height:100%; box-sizing:border-box;}
body {width:100%; height:100%; font-family:'Noto Sans CJK KR', sans-serif; font-weight:400; letter-spacing:-0.024em; overflow-x:hidden;}
*, ::after, ::before {box-sizing:inherit;}
a, a:focus, a:hover {text-decoration:none;}
input[type="text"], input[type="password"], input[type="date"], textarea, select, input[type="checkbox"], input[type="radio"], label, button, input[type="image"], input[type="submit"] {display:inline-block; margin:0; padding:0; font-family:'Noto Sans CJK KR', sans-serif; font-weight:400; letter-spacing:-0.024em;}
input[type="text"], input[type="password"], input[type="date"], textarea, select {width:100%; border:1px solid rgba(0,0,0,0.16);}

/* position - left, right */
.pst_l {position:absolute; left:0; top:0;}
.pst_r {position:absolute; right:0; top:0;}

/* float - left, right */
.fl_l {float:left;}
.fl_r {float:right;}

/* text align */
.ta_l {text-align:left;}
.ta_c {text-align:center;}
.ta_r {text-align:right;}

/* text weight */
.w_bold { font-weight:600;}
.w_nor { font-weight:400;}

/* text ellipsis */
.txt_elps {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/* clear both */
.cl_b {clear:both;}
.cl_b_aftr::after {display:block; content:''; clear:both;}

/* div vertical align middle */
.d_va_m				{font-size:0; line-height:0; text-align:center;}
.d_va_m::before		{display:inline-block; content:''; width:0; height:100%; vertical-align:middle;}
.d_va_m > div		{display:inline-block; vertical-align:middle;}

/* hide */
.hdn {position:absolute; left:0; top:0; width:0; height:0; overflow:hidden;}
.hdn ol {list-style-type:decimal !important;}

/* overflow hidden */
.of_h {overflow:hidden;}

@media (min-width:1180px) {
	body.of_h {padding-right:17px;}
}

/* responsive - show, hide */
.dp_n {display:none;}

@media (min-width:1180px) {
	.p_dp_n {display:none;}
}
@media (min-width:768px) and (max-width:1179px) {
	.t_dp_n {display:none;}
}
@media (max-width:767px) {
	.m_dp_n {display:none;}
}

/* width */
.w_a {width:auto !important;}

/* margin */
.mgt0	{margin-top:0 !important;}
.mgt4	{margin-top:4px !important;}
.mgt8	{margin-top:8px !important;}
.mgt12	{margin-top:12px !important;}
.mgt16	{margin-top:16px !important;}
.mgt20	{margin-top:20px !important;}
.mgt24	{margin-top:24px !important;}
.mgt28	{margin-top:28px !important;}
.mgt32	{margin-top:32px !important;}
.mgt36	{margin-top:36px !important;}
.mgt40	{margin-top:40px !important;}
.mgt44	{margin-top:44px !important;}
.mgt48	{margin-top:48px !important;}
.mgt52	{margin-top:52px !important;}
.mgt56	{margin-top:56px !important;}
.mgt60	{margin-top:60px !important;}
.mgt64	{margin-top:64px !important;}

.mgl0	{margin-left:0 !important;}
.mgl12	{margin-left:12px !important;}
.mgl16	{margin-left:16px !important;}
.mgl20	{margin-left:20px !important;}
.mgl24	{margin-left:24px !important;}
.mgl28	{margin-left:28px !important;}

.pdl0	{padding-left:0 !important;}
.pdl12	{padding-left:12px !important;}
.pdl16	{padding-left:16px !important;}
.pdl20	{padding-left:20px !important;}
.pdl24	{padding-left:24px !important;}
.pdl28	{padding-left:28px !important;}

/* font family Lato */
.ff_l {font-family:'Lato';}

/* list col count */
@media (min-width:1180px) {
	.cnt7-4-2 > ul > li {width:14.28%;}
	.cnt6-3-2 > ul > li {width:16.6666%;}	
	.cnt6-4-2 > ul > li {width:16.6666%;}	
	.cnt6-4-1 > ul > li {width:16.6666%;}
	.cnt5-3-2 > ul > li {width:20%;}
	.cnt5-3-1 > ul > li {width:20%;}
	.cnt4-4-2 > ul > li {width:25%;}
	.cnt4-4-1 > ul > li {width:25%;}
	.cnt4-3-2 > ul > li {width:25%;}
	.cnt4-3-1 > ul > li {width:25%;}
	.cnt4-2-2 > ul > li {width:25%;}
	.cnt4-2-1 > ul > li {width:25%;}
	.cnt3-3-2 > ul > li {width:33.3333%;}
	.cnt3-3-1 > ul > li {width:33.3333%;}
	.cnt3-3-3 > ul > li {width:33.3333%;}
	.cnt3-2-2 > ul > li {width:33.3333%;}		
	.cnt3-2-1 > ul > li {width:33.3333%;}
	.cnt2-2-2 > ul > li {width:50%;}
	.cnt2-2-1 > ul > li {width:50%;}
	.cnt1-1-1 > ul > li {width:100%;}
}
@media (min-width:768px) and (max-width:1179px) {
	.cnt7-4-2 > ul > li {width:25%;}
	.cnt6-3-2 > ul > li {width:33.3333%;}
	.cnt6-4-2 > ul > li {width:25%;}
	.cnt6-4-1 > ul > li {width:25%;}
	.cnt5-3-2 > ul > li {width:33.3333%;}
	.cnt5-3-1 > ul > li {width:33.3333%;}	
	.cnt4-4-2 > ul > li {width:25%;}
	.cnt4-3-2 > ul > li {width:33.3333%;}
	.cnt4-3-1 > ul > li {width:33.3333%;}
	.cnt4-4-1 > ul > li {width:25%;}
	.cnt4-2-2 > ul > li {width:50%;}
	.cnt4-2-1 > ul > li {width:50%;}	
	.cnt3-3-2 > ul > li {width:33.3333%;}
	.cnt3-3-1 > ul > li {width:33.3333%;}
	.cnt3-3-3 > ul > li {width:33.3333%;}
	.cnt3-2-2 > ul > li {width:50%;}	
	.cnt3-2-1 > ul > li {width:50%;}
	.cnt2-2-2 > ul > li {width:50%;}
	.cnt2-2-1 > ul > li {width:50%;}
	.cnt1-1-1 > ul > li {width:100%;}
}
@media (max-width:767px) {
	.cnt7-4-2 > ul > li {width:50%;}
	.cnt6-3-2 > ul > li {width:50%;}
	.cnt6-4-2 > ul > li {width:50%;}
	.cnt6-4-1 > ul > li {width:100%;}
	.cnt5-3-2 > ul > li {width:50%;}
	.cnt5-3-1 > ul > li {width:100%;}	
	.cnt4-4-2 > ul > li {width:50%;}
	.cnt4-4-1 > ul > li {width:100%;}
	.cnt4-3-2 > ul > li {width:50%;}
	.cnt4-3-1 > ul > li {width:100%;}	
	.cnt4-2-2 > ul > li {width:50%;}
	.cnt4-2-1 > ul > li {width:100%;}
	.cnt3-3-2 > ul > li {width:50%;}
	.cnt3-3-1 > ul > li {width:100%;}
	.cnt3-3-3 > ul > li {width:33.3333%;}
	.cnt3-2-2 > ul > li {width:50%;}		
	.cnt3-2-1 > ul > li {width:100%;}
	.cnt2-2-2 > ul > li {width:50%;}
	.cnt2-2-1 > ul > li {width:100%;}
	.cnt1-1-1 > ul > li {width:100%;}
}

 

/* wrap */
.wrap {height:auto; position:relative;}

/* ico_window */
.ico_window {position:relative; display:inline-block; width:12px; height:12px; vertical-align:middle; margin-left:4px;}
.ico_window::before, .ico_window::after {display:block; content:''; position:absolute;}
.ico_window::before {right:0; bottom:0; width:10px; height:10px; border:1px solid #666; border-top:0; border-left:0; opacity:0.48;}
.ico_window::after {left:0; top:0; width:10px; height:10px; border:1px solid #666;}

/* width catch */
.w_catch {position:absolute; left:0; top:0; width:100%; height:0; overflow:hidden;}

/* body_bg */
.body_bg {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.72); z-index:900;}
.body_bg.on {display:block;}

/* btn top */
.btn_top {width:42px; height:42px; border:1px solid #c1c1c1; border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-radius:2px; background:url(../../image/en/header/header_icon.png) no-repeat #fdfdfd -120px -50px; display:none;}

@media (min-width:1180px) {
	.btn_top {right:50%; margin-right:-590px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.btn_top {right:24px;}
}
@media (max-width:767px) {
	.btn_top {right:16px;}
}

/* eng header */
.e_header {font-size:0; line-height:0; border-bottom:2px solid #050e2b;}
.e_header .h_t > div {position:relative;}
.e_header .h_t > div::after {display:block; content:''; clear:both;}
.e_header h1,
.e_header h1 a {display:inline-block;}
.e_header h1 a > * {display:inline-block; line-height:24px; font-weight:700; vertical-align:middle;}
.e_header .h_t .ht_r > div,
.e_header .h_t .ht_r > div > ul,
.e_header .h_t .ht_r > div > ul > li {float:left;}
.e_header .h_t .ht_r .h_shim > ul > li > a {display:block; position:relative;}
.e_header .h_t .ht_r .h_shim > ul > li > a::before {display:inline-block; content:''; vertical-align:middle; background:url(../../image/en/header/ROK.png) no-repeat #fff center center; background-size:calc(100% - 2px);}
.e_header .h_t .ht_r .h_shim > ul > li > a > span {display:inline-block; font-size:11px; line-height:14px; vertical-align:middle; padding-left:8px;}
.e_header .h_t .ht_r .h_country > ul > li > a {display:block; font-size:14px; line-height:24px;}
.e_header .h_b {position:relative; background:#415985;}
.e_header .h_b > div {width:1180px; margin:0 auto;}
.e_header .btn_global_menu {display:block; width:32px; height:32px; position:absolute; left:0; top:0; background:url(../../image/en/header/ico_total_menu.png) no-repeat #fff center center;}

.e_header .ico_window {display:none;}


@media (min-width:1180px) {
    .e_header .h_t > div {width:1180px; height:72px; margin:0 auto;}
    .e_header .h_t .ht_l {position:absolute; left:0; top:0;}
    .e_header .h_t .ht_l br { display:none}
    .e_header .h_t .ht_l em { display:none}
    .e_header .h_t .ht_r {position:absolute; right:0; top:0;}
    .e_header .h_t .ht_l {padding:24px 0;}
    .e_header .h_t .ht_r .h_shim {padding:22px 0;}
    .e_header .h_t .ht_r .h_country {padding:24px 0;}
    .e_header h1 a > * {color:#222;}
    .e_header h1 a span {font-size:24px;}
	.e_header h1 a em {font-size:16px; padding-left:4px;}
    .e_header .h_t .ht_r .h_shim > ul > li {margin-left:24px;}
	.e_header .h_t .ht_r .h_shim > ul > li > a::before {width:28px; height:28px; border-radius:14px;}    
    .e_header .h_t .ht_r .h_shim > ul > li > a > span {color:#222;}
	.e_header .h_t .ht_r .h_country {margin-left:32px;}
    .e_header .h_t .ht_r .h_country > ul > li {position:relative; padding-left:8px; margin-left:16px;}
	.e_header .h_t .ht_r .h_country > ul > li::before {display:block; content:''; width:4px; height:4px; border-radius:2px; background:#8994a8; position:absolute; left:0; top:50%; margin-top:-2px;}
	.e_header .h_t .ht_r .h_country > ul > li > a {color:#222;}

    .e_header .btn_global_menu {display:none;}
}
@media (min-width:768px) and (max-width:1179px) {
	.e_header .h_t {background:#415985;}
	.e_header .h_t .ht_l {padding:20px 64px;}
	.e_header .h_t .ht_l br { display:none}
	.e_header .h_t .ht_r {border-top:1px solid #667a9d;}
	.e_header .h_t .ht_r::after {display:block; content:''; clear:both;}
	.e_header h1 {width:100%; text-align:center;}
    .e_header h1 a > * {color:#fff;}
    .e_header h1 a span {font-size:20px;}
	.e_header h1 a em {display:none;}
    .e_header .h_t .ht_r .h_shim {float:left; padding:10px 24px;}
    .e_header .h_t .ht_r .h_country {float:right; padding:12px 24px;}
    .e_header .h_t .ht_r .h_shim > ul > li {margin-right:24px;}
	.e_header .h_t .ht_r .h_shim > ul > li > a::before {width:24px; height:24px; border-radius:12px;}
	.e_header .h_t .ht_r .h_shim > ul > li > a > span {color:#fff;}
    .e_header .h_t .ht_r .h_country > ul > li {position:relative; padding-left:8px; margin-left:16px;}
    .e_header .h_t .ht_r .h_country > ul > li::before {display:block; content:''; width:4px; height:4px; border-radius:2px; background:#8994a8; position:absolute; left:0; top:50%; margin-top:-2px;}
    .e_header .h_t .ht_r .h_country > ul > li > a {color:#fff;}
    
    .e_header .btn_global_menu {margin:16px;}
}
@media (max-width:767px) {
    .e_header .h_t {background:#415985;}
    .e_header .h_t .ht_l {text-align:center; padding:16px 56px;}
	.e_header .h_t .ht_r {border-top:1px solid #667a9d;}
	.e_header h1 {width:100%; text-align:center;}
    .e_header h1 a > * {color:#fff;}
    .e_header h1 a span {font-size:18px;}
    .e_header h1 a em {display:none;}
	.e_header .h_t .ht_r .h_shim {padding:8px 16px;}
	.e_header .h_t .ht_r .h_shim > ul > li {float:none;}
	.e_header .h_t .ht_r .h_shim > ul > li > a {padding:4px 0;}
	.e_header .h_t .ht_r .h_shim > ul > li > a::before {width:16px; height:16px; border-radius:8px;}
	.e_header .h_t .ht_r .h_shim > ul > li > a > span {font-size:11px; color:#fff;}
    .e_header .h_t .ht_r .h_country {background:#1d3a72;}
    .e_header .h_t .ht_r .h_country > ul {display:table; table-layout:fixed; width:100%;}
    .e_header .h_t .ht_r .h_country > ul > li {display:table-cell; width:50%; height:36px; text-align:center;}    
    .e_header .h_t .ht_r .h_country > ul > li:first-child {border-right:1px solid #5f7091;}
    .e_header .h_t .ht_r .h_country > ul > li > a {font-size:12px; color:#fff; padding:6px 0;}
    
    .e_header .btn_global_menu {margin:12px;}
}

/* eng gnb */
.e_gnb > ul::after {display:block; content:''; clear:both;}
.e_gnb > ul > li {float:left; margin-right:48px;}
.e_gnb > ul > li > a {position:relative; display:block; font-size:16px; line-height:24px; font-weight:bold; padding:16px 0; color:#fff;}
.e_gnb > ul > li > a::after {display:block; content:''; width:100%; height:4px; background:#47c1d1; position:absolute; left:0; bottom:0; transform:scaleX(0); transform-origin:right bottom; transition:transform 0.24s ease-in-out;}
.e_gnb > ul > li.over > a {color:#fff;}
.e_gnb > ul > li.over > a::after {transform:scaleX(1); transform-origin:left bottom; transition:transform 0.24s ease-in-out;}
.e_gnb > ul > li.on > a {color:#405985;}
.e_gnb > ul > li.on > a::after {transform:scaleX(1);}
.e_gnb .g_sub {position:absolute; left:0; top:100%; width:100%; z-index:15; overflow:hidden; display:none;}
.e_gnb .g_sub > div {background:#fff; border-bottom:4px solid #405985;}
.e_gnb .g_sub > div > div {width:1180px; margin:0 auto; background:#fff; padding:24px 0;}
.e_gnb .g_sub > div > div::after {display:block; content:''; clear:both;}
.e_gnb .g_sub > div > div > ul {margin:-6px;}
.e_gnb .g_sub > div > div > ul > li {float:left; width:25%; padding:6px; font-size:0; line-height:0;}
.e_gnb .g_sub > div > div > ul > li > a {display:block; padding:0 16px; height:44px; background:#405985; border-radius:1px;}
.e_gnb .g_sub > div > div > ul > li > a::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.e_gnb .g_sub > div > div > ul > li > a > span {display:inline-block; vertical-align:middle; font-size:14px; line-height:20px; color:#fff;}
.e_gnb .g_sub > div > div > ul > li.on > a,
.e_gnb .g_sub > div > div > ul > li > a:hover,
.e_gnb .g_sub > div > div > ul > li > a:focus {background:#47c1d1;}

.e_gnb .ico_window {display:none;}

/* global menu */
@media (min-width:1180px) {
	.global_menu {display:none;}
}
@media (max-width:1179px) {	
	.global_menu {position:fixed; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:910; display:none; opacity:0; transition:opacity .24s ease-out;  display:none}
	.global_menu * {vertical-align:middle;}
	.global_menu.open {opacity:1;}
	.global_menu > div {position:relative; width:320px; height:100%; background:#fff; overflow:hidden; overflow-y:auto; transform:translate(-25%,0); transition:transform .24s ease-out;}	
	.global_menu.open > div {transform:translate(0,0);}
	.global_menu .btn_close {display:block; position:absolute; right:0; top:0; width:40px; height:40px; background-position:-58px -58px; background-color:#4f5569; background-image:url(../../image/en/header/header_icon.png); background-repeat:no-repeat;}

	.global_menu .gm_title {position:relative; background:#f8f8f8; border-bottom:2px solid #4f5569; padding:9px 16px; padding-right:40px;}
	.global_menu .gm_title .gmt_site {padding:4px 0; margin-right:8px;}
	.global_menu .gm_title .gmt_site ul::after {display:block; content:''; clear:both;}
	.global_menu .gm_title .gmt_site ul li {float:left; padding:0 8px; border-left:1px solid #ddd;}
	.global_menu .gm_title .gmt_site ul li:first-child {padding-left:0; border-left:0;}
	.global_menu .gm_title .gmt_site ul li a {display:block; font-size:13px; line-height:14px; letter-spacing:-0.048em; color:#666;}	

	.global_menu .gm_content > div > ul > li > a {position:relative; display:block; font-size:17px; line-height:24px; font-weight:500; color:#222; padding:12px 16px; padding-right:48px; border-bottom:1px solid rgba(0,0,0,0.08);}
	.global_menu .gm_content > div > ul > li.has_child > a::after {content:''; display:block; position:absolute; right:0; top:50%; width:48px; height:48px; margin-top:-24px; background-image:url(../../image/en/header/header_icon.png); background-repeat:no-repeat; background-position:0px -150px;}
	.global_menu .gm_content > div > ul > li.on > a {background-color:#405985; color:#fff;}
	.global_menu .gm_content > div > ul > li.on > a::after {background-position:-300px -150px;}
	.global_menu .gm_content > div > ul > li.open > a {background-color:#405985; color:#fff;}
	.global_menu .gm_content > div > ul > li.open > a::after {background-position:-200px -150px;}
	.global_menu .gm_content > div > ul > li.on.open > a::after {background-position:-50px -150px;}

	.global_menu .gm_content .gmc_list {display:none;}
	.global_menu .gm_content .open .gmc_list {display:block;}

	.global_menu .gm_content .gmc_list > ul > li > a {position:relative; display:block; font-size:15px; line-height:22px; font-weight:500; color:#444; padding:9px 48px 9px 24px; background:#f8f8f8; border-bottom:1px solid rgba(0,0,0,0.08);}
	.global_menu .gm_content .gmc_list > ul > li.on > a {color:#fff; background:#405985;}
	.global_menu .gm_content .gmc_list > ul > li.has_child > a::after {content:''; display:block; position:absolute; right:0; top:50%; width:48px; height:40px; margin-top:-20px; background-image:url(../../image/en/header/header_icon.png); background-repeat:no-repeat; background-position:-100px -154px;}
	.global_menu .gm_content .gmc_list > ul > li.has_child.on > a::after {background-position:-350px -154px;}
	.global_menu .gm_content .gmc_list > ul > li.has_child.open > a::after {background-position:-250px -154px;}
	.global_menu .gm_content .gmc_list > ul > li.has_child.on.open > a::after {background-position:-150px -154px;}

	.global_menu .gm_content .gmc_list .gmc_sub {display:none; padding:12px 16px 12px 24px; border-bottom:1px solid rgba(0,0,0,0.08);}
	.global_menu .gm_content .gmc_list .open .gmc_sub {display:block;}
	.global_menu .gm_content .gmc_list .gmc_sub > ul > li {position:relative; padding:2px 0; padding-left:8px;}
	.global_menu .gm_content .gmc_list .gmc_sub > ul > li::before {display:block; content:''; width:2px; height:2px; border-radius:2px; background:#bbb; position:absolute; left:0; top:11px;}
	.global_menu .gm_content .gmc_list .gmc_sub > ul > li > a {display:block; font-size:12px; line-height:20px; color:#666;}
	.global_menu .gm_content .gmc_list .gmc_sub > ul > li.on a {color:#000; font-weight:500;}
}

/* footer */
.footer {font-size:0; line-height:0; border-top:3px solid #333; background:#f8f8f8;}
.footer * {vertical-align:middle;}
.footer .f_t .ft_l a,
.footer .f_t .ft_r ul li {display:inline-block;}
.footer .f_t {position:relative;}
.footer .f_t .ft_l a {display:inline-block; padding:2px 12px; border:2px solid #004894; border-radius:14px;}
.footer .f_t .ft_l a span {display:block; font-size:12px; line-height:20px; color:#004894;}
.footer .f_t .ft_r ul li {position:relative; padding:4px 12px;}
.footer .f_t .ft_r ul li::before {display:block; content:''; width:1px; height:10px; position:absolute; right:0; top:50%; margin-top:-5px; background:#ddd;}
.footer .f_t .ft_r ul li:last-child::before {display:none;}
.footer .f_t .ft_r ul li a {display:block; font-size:12px; line-height:20px;}
.footer .f_t .ft_r ul li a * {display:inline-block; font-size:12px; line-height:20px; vertical-align:middle;}
.footer .f_t .ft_r ul li a span {color:#222;}
.footer .f_t .ft_r ul li a em {font-family:'Century Gothic'; padding-left:6px; font-weight:bold; color:#004894;}
.footer .f_b .f_copyright {display:block; font-size:11px; line-height:19px; color:#777; padding:4px 0 8px 0;}

.footer .ico_window {display:none;}

@media (min-width:1180px) {
	.footer {padding:16px 0 24px 0;}
	.footer > div {width:1180px; margin:0 auto; padding:8px 0;}
	.footer .f_t {padding-left:104px;}
	.footer .f_t > div {display:inline-block;}
	.footer .f_t .ft_l {position:absolute; left:0; top:8px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.footer > div {padding:16px 24px;}
	.footer .f_t {padding-left:128px;}
	.footer .f_t > div {display:inline-block;}
	.footer .f_t .ft_l {position:absolute; left:24px; top:16px;}
	.footer .f_b {border-top:1px solid #ddd; text-align:center;}
}
@media (max-width:767px) {	
	.footer > div {padding:16px;}
	.footer .f_t > div {text-align:center; padding:4px 0;}
	.footer .f_b {border-top:1px solid #ddd; text-align:center;}
}

/* content */
.container > div::after {display:block; content:''; clear:both;}

@media (min-width:1180px) {
	.container > div {width:1180px; margin:0 auto; padding:32px 0; padding-bottom:64px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.container > div {padding:24px; padding-bottom:48px;}
}
@media (max-width:767px) {
	.container > div {padding:16px; padding-bottom:32px;}
}

/* lnb */
.lnb * {vertical-align:middle;}
.lnb .l_title {height:110px; text-align:center; background:url(../image/sub_cmn/lnb_bg.png) no-repeat #a35dbb left bottom; border-bottom:4px solid #405985;}/*background:url(../image/sub_cmn/lnb_icon.png) no-repeat #219ca4 left bottom;*/
.lnb .l_title::before {display:inline-block; content:''; width:0; height:100%; vertical-align:middle;}
.lnb .l_title h2 {display:inline-block; font-size:24px; line-height:32px; letter-spacing:-0.064em; color:#fff;}
.lnb .l_list > ul > li > a {position:relative; display:block;font-size:15px; line-height:23px; letter-spacing:-0.048em; color:#222; padding:8px 20px; padding-right:40px; border-bottom:1px solid rgba(0,0,0,0.08);}
.lnb .l_list > ul > li.on > a {background-color:#405985; color:#fff;}
.lnb .l_list > ul > li > a::after {display:none; content:''; width:40px; height:40px; position:absolute; right:0; top:50%; margin-top:-20px; background:url(../image/sub_cmn/lnb_icon.png) no-repeat left top;}
.lnb .l_list > ul > li.has_child > a::after {display:block; background:url(../image/sub_cmn/lnb_icon.png) no-repeat -40px top;}
.lnb .l_list > ul > li.on > a::after {display:block;}
.lnb .l_list > ul > li.has_child.on > a::after {background:url(../image/sub_cmn/lnb_icon.png) no-repeat -120px top;}
.lnb .l_list > ul > li.has_child.open > a::after {background:url(../image/sub_cmn/lnb_icon.png) no-repeat -80px top;}
.lnb .l_list > ul > li.has_child.on.open > a::after {background:url(../image/sub_cmn/lnb_icon.png) no-repeat -160px top;}
.lnb .l_list > ul > li > div {padding:10px 20px; background:#f9f9f9;}
.lnb .l_list > ul > li > div > ul > li {position:relative; padding:2px 0 2px 8px;}
.lnb .l_list > ul > li > div > ul > li::before {display:block; width:2px; height:2px; border-radius:2px; background:#bbb; content:''; position:absolute; left:0; top:11px;}
.lnb .l_list > ul > li > div > ul > li > a {display:block; font-size:13px; line-height:20px; color:#666;}
.lnb .l_list > ul > li > div > ul > li.on > a {color:#405985; text-decoration:underline;}

/* sub top */
.sub_top .st_navigation ul::after {display:block; content:''; clear:both;}
.sub_top .st_navigation ul {padding:4px 0;}
.sub_top .st_navigation ul li {float:left; padding:2px 8px 2px 12px; background:url(../../image/en/sub_cmn/sub_tb_icon.png) no-repeat -40px -16px;}
.sub_top .st_navigation ul li:first-child {background:none; padding-left:0; padding-right:8px;}
.sub_top .st_navigation ul li a {display:block; font-size:12px; line-height:20px; color:#666;}
.sub_top .st_navigation ul li:first-child a {width:12px; height:20px; background:url(../../image/en/sub_cmn/sub_tb_icon.png) no-repeat -2px 1px;}
.sub_top .st_navigation ul li:last-child a {color:#405985; border-bottom:1px dotted #405985;}
.sub_top .st_title {border-bottom:2px solid #000;}
.sub_top .st_title > div {}
.sub_top .st_title::after {display:block; content:''; clear:both;}
.sub_top .st_title h3 {display:block; font-size:32px; line-height:40px; letter-spacing:-0.048em; font-weight:500; color:#222;}

@media (min-width:1180px) {
	.sub_top .st_title {padding:12px 0 24px 0;}
	.sub_top .st_title h3 {font-size:32px; line-height:40px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.sub_top .st_title {padding:10px 0 20px 0;}
	.sub_top .st_title h3 {font-size:28px; line-height:36px;}
}
@media (max-width:767px) {
	.sub_top .st_title {padding:8px 0 16px 0;}
	.sub_top .st_title h3 {font-size:24px; line-height:32px;}
}

/* foot author */
.foot_author {font-size:0; line-height:0; border:1px solid #eaeaea; margin-top:32px;}
.foot_author > div > div * {vertical-align:middle;}
.foot_author .fa_title {background:#f9f9f9; font-size:0; line-height:0;}
.foot_author .fa_title .ico_info {position:relative; display:inline-block; width:18px; height:18px; border-radius:9px; border:2px solid #b1b1b1; vertical-align:middle;}
.foot_author .fa_title .ico_info::before {display:block; content:''; width:2px; height:2px; background:#b1b1b1; position:absolute; left:50%; top:3px; margin-left:-1px;}
.foot_author .fa_title .ico_info::after {display:block; content:''; width:2px; height:5px; background:#b1b1b1; position:absolute; left:50%; top:6px; margin-left:-1px;}
.foot_author .fa_title span {display:inline-block; font-size:14px; line-height:22px; font-weight:500; letter-spacing:-0.048em; color:#666; padding-left:6px; vertical-align:middle;}
.foot_author .fa_info ul {padding:12px 16px;}
.foot_author .fa_info ul li {position:relative; display:inline-block; font-size:14px; line-height:22px; color:#222; padding:3px 16px; padding-left:8px;}
.foot_author .fa_info ul li::before {display:block; content:''; width:2px; height:2px; border-radius:1px; background:#222; position:absolute; left:0; top:13px;}

@media (min-width:1180px) {
	.foot_author > div {display:table; table-layout:fixed; width:100%;}
	.foot_author > div > div {display:table-cell;}
	.foot_author .fa_title {width:128px; text-align:center;}
}
@media (min-width:768px) and (max-width:1179px) {
	.foot_author > div {display:table; table-layout:fixed; width:100%;}
	.foot_author > div > div {display:table-cell;}
	.foot_author .fa_title {width:128px; text-align:center;}
}
@media (max-width:767px) {
	.foot_author .fa_title {padding:12px 16px;}
}