@charset "utf-8";



/*
 * font-face : 절대 경로로 변경
 */
/* @font-face {font-family:'NotoSansR'; font-style:normal;	font-weight:400; src:url(../font/NotoSansKR-Regular.woff2) format('woff2'),url(../font/NotoSansKR-Regular.woff) format('woff'),url(../font/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family:'NotoSansB'; font-style:normal;	font-weight:700; src:url(../font/NotoSansKR-Bold.woff2) format('woff2'),url(../font/NotoSansKR-Bold.woff) format('woff'),url(../font/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family:'Material Icons'; font-style:normal; font-weight:400; src:url(../font/MaterialIcons-Regular.eot); src:local('Material Icons'),local('MaterialIcons-Regular'),url(../font/MaterialIcons-Regular.woff2) format('woff2'),url(../font/MaterialIcons-Regular.woff) format('woff'),url(../font/MaterialIcons-Regular.ttf) format('truetype');} */

/* jsp 페이지 안에 작성되어 있는 css style을 표준에 의거하여 css안으로 옮김 : 2018-10-01 */
/* .fontEmphasis{font-weight:bold;color:#666;text-decoration:underline;} */

/*
 * 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; vertical-align:baseline;}
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:separate; border-spacing:0;}

html {width:100%; height:100%; box-sizing:border-box;}
body {width:100%; height:100%; font-family:'NotoSansR', "돋움", Dotum, sans-serif; overflow-x:hidden;}
body.of_h {overflow:hidden;}
*, ::after, ::before {box-sizing:inherit;}word-wrap:break-word; word-break:keep-all;
a, a:focus, a:hover {text-decoration:none; cursor:pointer;}
a, button {transition:color .15s ease-in-out, background .15s ease-in-out, border-color .15s ease-in-out;}
input[type="text"], input[type="password"], textarea, select, input[type="checkbox"], input[type="radio"], label {display:inline-block; margin:0; padding:0; font-family:'NotoSansR', "돋움", Dotum, sans-serif;}
input[type="text"], input[type="password"], textarea, select {width:100%; transition:border-color .15s ease-in-out, background-color .15s ease-in-out; border:1px solid rgba(0,0,0,0.16);} */



/*
 * font-icon
 */
/* .mi {font-family:'Material Icons'; font-weight:normal; font-style:normal; font-size:24px; line-height:1; display:inline-block; text-transform:none; letter-spacing:normal; word-wrap:normal; white-space:nowrap; direction:ltr; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-feature-settings:'liga';} *//* text-rendering:optimizeLegibility; */



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

.fl_l {float:left;}
.fl_r {float:right;}

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

.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;}
}

.hdn {position:absolute; left:0; top:0; width:0; height:0; overflow:hidden;}

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

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

.body_shadow {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.64); z-index:900; opacity:0; transition:opacity 0.3s ease-out; display:none;}
.body_shadow.on {opacity:1;}

.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;}

.mgtm2	{margin-top:-2px !important;}

.mgb4	{margin-bottom:4px !important;}
.mgb8	{margin-bottom:8px !important;}
.mgb12	{margin-bottom:12px !important;}
.mgb16	{margin-bottom:16px !important;}
.mgb20	{margin-bottom:20px !important;}
.mgb24	{margin-bottom:24px !important;}
.mgb28	{margin-bottom:28px !important;}
.mgb32	{margin-bottom:32px !important;}
.mgb36	{margin-bottom:36px !important;}
.mgb40	{margin-bottom:40px !important;}
.mgb44	{margin-bottom:44px !important;}
.mgb48	{margin-bottom:48px !important;}
.mgb52	{margin-bottom:52px !important;}
.mgb56	{margin-bottom:56px !important;}
.mgb60	{margin-bottom:60px !important;}
.mgb64	{margin-bottom:64px !important;} */



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



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



/*
 * snb
 */
/* .skip_nav a {position:fixed; left:0; top:0; width:100%; display:block; background:rgba(0,0,0,0.2); color:#fff; font-size:15px; line-height:20px; padding:20px; text-align:center; z-index:999; opacity:0; transform:translate(0,-60px); transition:opacity .3s ease-out, transform .3s ease-out, -webkit-transform .3s ease-out;}
.skip_nav a:focus {opacity:1; transform:translate(0,0);} */



/*
 * tnb
 */
/* .tnb {font-size:0; line-height:0; background:#f5f5f8;}
.tnb > div {position:relative; width:1180px; margin:0 auto; padding:4px 0; text-align:right;}
.tnb ul, .tnb ul li {display:inline-block;}
.tnb ul li {padding:2px 0; margin:0 0 0 16px;}
.tnb ul li a {display:block; font-size:11px; line-height:20px; letter-spacing:-0.048em; color:#666;} */



/*
 * header
 */
/* .header {position:relative; font-size:0; line-height:0; border-bottom:1px solid #ddd; z-index:20;}
.header .h_logo {display:block; float:left;}
.header .h_logo a {display:block; background:url(../images/header/h_logo.svg) no-repeat left top; background-size:auto 100%;}
.header .h_total_srch {display:block; float:left; width:24px; height:24px; color:#000;}
.header .h_total_menu {display:block; float:left; width:24px; height:24px; position:relative;}
.header .h_total_menu .ico_hm {width:18px; height:2px; background:#000; position:absolute; left:3px;}
.header .h_total_menu .htm_top {top:5px;}
.header .h_total_menu .htm_middle {top:50%; margin:-1px 0 0 0;}
.header .h_total_menu .htm_bottom {bottom:5px;}

@media (min-width:1180px) {
	.header .h_inner {width:1180px; height:80px; margin:0 auto;}
	.header .h_logo {padding:18px 0 14px 0;}
	.header .h_logo a {width:286px; height:48px;}
	.header .h_total_srch {margin:28px 16px; margin-right:0;}
	.header .h_total_menu {margin:28px 16px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.header .h_inner {height:64px;}
	.header .h_logo {padding:14px 24px 10px 24px;}
	.header .h_logo a {width:240px; height:40px;}
	.header .h_total_srch {margin:20px 12px; margin-right:24px;}
	.header .h_total_menu {margin:20px 12px;}
}
@media (max-width:767px) {
	.header .h_inner {height:56px;}
	.header .h_logo {padding:14px 16px 10px 16px;}
	.header .h_logo a {width:190px; height:32px;}
	.header .h_total_srch {margin:16px 8px; margin-right:16px;}
	.header .h_total_menu {margin:16px 8px;}
} */



/*
 * gnb
 */
/* .gnb {float:left; padding:0 16px;}
.gnb > ul::after {display:block; content:''; clear:both;}
.gnb > ul > li {position:relative; float:left; padding:24px 16px;}
.gnb > ul > li > a {position:relative; display:block; font-size:17px; line-height:20px; letter-spacing:-0.048em; color:#333; padding:6px 0;}
.gnb > ul > li.on > a {color:#4475cb;}
.gnb > ul > li > a::after {position:absolute; left:0; bottom:0; display:block; content:''; width:0; height:1px; background:#333; transition:width .15s ease-in-out;}
.gnb > ul > li:hover > a::after, .gnb > ul > li > a:focus::after {width:100%;}
.gnb > ul > li.on > a::after {background:#4475cb;}
.gnb > ul > li > div {position:absolute; top:100%; width:1180px; z-index:10; text-align:left; display:none;}background:#4475cb;
.gnb > ul > li.over > div {display:block; z-index:20;}
.gnb > ul > li.on > div {display:block; z-index:15;}
.gnb > ul > li > div > ul {display:inline-block; padding:8px 0;}
.gnb > ul > li > div > ul > li {display:inline-block; padding:0 16px;}
.gnb > ul > li > div > ul > li > a {display:block; padding:4px 0; text-align:center;}
.gnb > ul > li > div > ul > li > a > span {position:relative; display:inline-block; font-size:13px; line-height:20px; letter-spacing:-0.024em; color:#ccc; white-space:nowrap;}
.gnb > ul > li > div > ul > li > a > span::after {position:absolute; left:0; bottom:0; display:block; content:''; width:0; height:1px; background:#ccc; transition:width .15s ease-in-out;}
.gnb > ul > li > div > ul > li > a:hover > span::after, .gnb > ul > li > ul > li > a:focus > span::after {width:100%;}
.gnb > ul > li > div > ul > li.on > a > span {color:#fff;}
.gnb > ul > li > div > ul > li.on > a > span::after {background:#fff;}width:100%;
.gnb_bg {position:absolute; left:0; top:100%; width:100%;}
.gnb_bg > div {background:#4475cb; height:0; transition:height .2s ease-out; z-index:800;} */



/*
 * total search
 */
/* .total_srch {position:fixed; left:0; top:0; width:100%; background:#4475cb; opacity:0; transform:translate(0,-25%); transition:opacity .3s ease-out, transform .3s ease-out; z-index:910; display:none;}
.total_srch.open {opacity:1; transform:translate(0,0);}
.total_srch > fieldset {position:relative;}
.total_srch input[type=text] {position:relative; border:0; border-bottom:1px solid #ccc; background:none; color:#ccc; outline:0;}
.total_srch input[type=text]:focus {color:#fff; border-bottom:1px solid #fff;}
.total_srch input[type=text]::placeholder {color:#ccc;}
.total_srch .btn_search,
.total_srch .btn_close {position:absolute; top:50%; display:block; text-align:center; font-size:0; line-height:0; border-radius:3px;}
.total_srch .btn_search i,
.total_srch .btn_close i {line-height:48px; color:#ccc;}
.total_srch .btn_search:hover,
.total_srch .btn_close:hover {background:rgba(0,0,0,0.04);}
.total_srch .btn_search:hover i,
.total_srch .btn_close:hover i {color:#fff;}

@media (min-width:1180px) {
	.total_srch > fieldset {width:1180px; height:112px; margin:0 auto; padding:32px;}
	.total_srch input[type=text] {width:calc(100% - 96px); height:48px; font-size:17px; line-height:24px; padding:12px;}
	.total_srch .btn_search,
	.total_srch .btn_close {width:48px; height:48px; margin:-24px 0 0 0;}
	.total_srch .btn_search {right:80px;}
	.total_srch .btn_close {right:32px;}
	.total_srch .btn_search i,
	.total_srch .btn_close i {line-height:48px;}
	.total_srch .btn_search i {font-size:24px;}
	.total_srch .btn_close i {font-size:26px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.total_srch > fieldset {height:64px; padding:12px;}
	.total_srch input[type=text] {width:calc(100% - 80px); height:40px; font-size:15px; line-height:22px; padding:9px 12px;}
	.total_srch .btn_search,
	.total_srch .btn_close {width:40px; height:40px; margin:-20px 0 0 0;}
	.total_srch .btn_search {right:52px;}
	.total_srch .btn_close {right:12px;}
	.total_srch .btn_search i,
	.total_srch .btn_close i {line-height:40px;}
	.total_srch .btn_search i {font-size:22px;}
	.total_srch .btn_close i {font-size:24px;}
}
@media (max-width:767px) {
	.total_srch > fieldset {height:56px; padding:12px;}
	.total_srch input[type=text] {width:calc(100% - 64px); height:32px; font-size:13px; line-height:20px; padding:6px 8px;}
	.total_srch .btn_search,
	.total_srch .btn_close {width:32px; height:32px; margin:-16px 0 0 0;}
	.total_srch .btn_search {right:44px;}
	.total_srch .btn_close {right:12px;}
	.total_srch .btn_search i,
	.total_srch .btn_close i {line-height:32px;}
	.total_srch .btn_search i {font-size:20px;}
	.total_srch .btn_close i {font-size:22px;}
} */



/*
 * total menu
 */
/* .total_menu {position:fixed; top:0; opacity:0; transition:opacity .3s ease-out, transform .3s ease-out; z-index:910; display:none;}
.total_menu.open {opacity:1; transform:translate(0,0);}
.total_menu .tm_member_info {background:#4475cb;}
.total_menu .tm_member_info > div {position:relative; padding:24px 28px; padding-left:96px; min-height:104px;}
.total_menu .tm_member_info .tmi_icon {position:absolute; left:28px; top:24px; width:56px; height:56px; border-radius:28px; background:#fff; text-align:center;}
.total_menu .tm_member_info .tmi_icon .mi {font-size:36px; line-height:56px; color:#4475cb;}
.total_menu .tm_member_info .tmi_descript {display:block; font-size:19px; line-height:1; letter-spacing:-0.048em; color:#fff; padding:6px 0 0 0;}
.total_menu .tm_member_info .tmi_btns {font-size:0; line-height:0; padding:8px 0 0 0;}
.total_menu .tm_member_info .tmi_btns * {vertical-align:middle;}
.total_menu .tm_member_info .tmi_btns li {display:inline-block; padding:0 10px 0 0; margin:0 8px 0 0; border-right:1px solid rgba(255,255,255,0.16);}
.total_menu .tm_member_info .tmi_btns li:last-child {padding:0; margin:0; border:0;}
.total_menu .tm_member_info .tmi_btns li a {display:block; color:#ccc;}
.total_menu .tm_member_info .tmi_btns li a span {display:inline-block; font-size:13px; line-height:15px; letter-spacing:-0.048em;}
.total_menu .tm_member_info .tmi_btns li a i {font-size:15px; line-height:15px; margin-right:2px;}

@media (min-width:1180px) {
	.total_menu {left:0; width:100%; transform:translate(0,-25%); background:#fff;}
	.total_menu > div {position:relative; width:1180px; margin:0 auto; padding:32px 0;}
	.total_menu .btn_close {display:block; width:48px; height:48px; position:absolute; right:0; top:0; text-align:center; z-index:920; border-radius:0 0 4px 4px;}
	.total_menu .btn_close:hover {background:rgba(0,0,0,0.04);}
	.total_menu .btn_close i {font-size:24px; line-height:48px; color:#333;}
	.total_menu .tm_list > ul::after {display:block; content:''; clear:both;}
	.total_menu .tm_list > ul > li {float:left; width:25%; padding:16px 0;}
	.total_menu .tm_list > ul > li:nth-child(4n+1) {clear:both;}
	.total_menu .tm_list > ul > li > p {display:block;}
	.total_menu .tm_list > ul > li > p > span {display:block; font-size:17px; line-height:1; letter-spacing:-0.024em; color:#333;}
	.total_menu .tm_list > ul > li.on > p > span {color:#4475cb;}
	.total_menu .tm_list > ul > li > p > .mi {display:none;}
	.total_menu .tm_list > ul > li > div {padding:11px 0;}
	.total_menu .tm_list > ul > li > div > ul > li {padding:2px 0; list-style:disc; }
	.total_menu .tm_list > ul > li > div > ul > li > a {display:block; font-size:13px; line-height:19px; letter-spacing:-0.024em; color:#555;}
	.total_menu .tm_list > ul > li > div > ul > li.on > a {color:#4475cb;}
}
@media (max-width:1179px) {
	.total_menu {right:0; width:320px; height:100%; transform:translate(75%,0); background:#fff;}
	.total_menu > div {position:relative; height:100%; max-height:100%; overflow:hidden; overflow-y:auto;}
	.total_menu .btn_close {display:block; width:48px; height:48px; position:absolute; right:0; top:0; text-align:center; z-index:920;}
	.total_menu .btn_close i {font-size:24px; line-height:48px; color:#eee;}
	.total_menu .tm_list > ul > li > p {position:relative; display:block; border-bottom:1px solid #ddd; padding:14px 60px 14px 22px; cursor:pointer;}
	.total_menu .tm_list > ul > li > p > span {display:block; font-size:16px; line-height:20px; letter-spacing:-0.048em; color:#333;}
	.total_menu .tm_list > ul > li.on > p > span {color:#4475cb;}
	.total_menu .tm_list > ul > li > p > .mi {display:block; width:16px; height:16px; font-size:16px; line-height:1; color:#888; position:absolute; right:22px; top:50%; margin:-8px 0 0 0;}
	.total_menu .tm_list > ul > li > p > .ico_plus {display:block;}
	.total_menu .tm_list > ul > li > p > .ico_minus {display:none;}
	.total_menu .tm_list > ul > li.open > p > .ico_plus {display:none;}
	.total_menu .tm_list > ul > li.open > p > .ico_minus {display:block;}
	.total_menu .tm_list > ul > li > div {display:none; background:#f5f5f5; padding:12px 22px;}
	.total_menu .tm_list > ul > li.open > div {display:block;}
	.total_menu .tm_list > ul > li > div > ul > li {padding:2px 0 2px 10px; background:url(../images/total_menu/blt_dot.png) no-repeat left 10px;}
	.total_menu .tm_list > ul > li > div > ul > li > a {display:block; font-size:13px; line-height:19px; color:#666; letter-spacing:-0.048em;}
	.total_menu .tm_list > ul > li > div > ul > li.on > a {color:#4475cb;}
} */



/*
 * lnb
 */
/* .lnb {font-size:0; line-height:0; background:#4475cb;}
.lnb > div {overflow:hidden; overflow-x:auto; padding:8px 0;}
.lnb ul li {display:inline-block; padding-right:24px;}
.lnb ul li a {display:block; padding:4px 0; text-align:center;}
.lnb ul li a span {position:relative; display:inline-block; font-size:13px; line-height:20px; letter-spacing:-0.048em; color:#ccc; white-space:nowrap;}
.lnb ul li a span::after {position:absolute; left:0; bottom:0; display:block; content:''; width:0; height:1px; background:#ccc; transition:width .15s ease-in-out;}
.lnb ul li a:hover span::after, .lnb ul li a:focus span::after {width:100%;}
.lnb ul li.on a span {color:#fff;}
.lnb ul li.on a span::after {background:#fff;}width:100%;

@media (min-width:1180px) {
	.lnb > div {width:1180px; margin:0 auto;}
}
@media (min-width:768px) and (max-width:1179px) {
	.lnb > div {width:100%; padding:8px 16px;}
}
@media (max-width:767px) {
	.lnb > div {width:100%; padding:8px 16px;}
	.lnb ul {display:table; table-layout:auto;}
	.lnb ul li {display:table-cell;}
} */



/*
 * footer
 */
/* .footer {font-size:0; line-height:0; border-top:1px solid #ddd;}
.fnb ul li {display:inline-block; padding:0 0 0 10px; margin:0 0 0 10px; border-left:1px solid #ddd;}
.fnb ul li:first-child {padding:0; margin:0; border:0;}
.fnb ul li a {display:block; font-size:12px; line-height:1; letter-spacing:-0.048em; color:#333;}
.fnb .f_private a {color:#4475cb;}
.copyright {margin:16px 0 0 0;}
.copyright p {display:block; font-size:11px; line-height:17px; color:#999;}

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



/*
 * content
 */
/* @media (min-width:1180px) {
	.content {width:1180px; margin:0 auto; padding:48px 0 96px 0;}
	.content.on {padding-top:92px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.content {padding:32px 24px 64px 24px;}
}
@media (max-width:767px) {
	.content {padding:24px 16px 48px 16px;}
} */



/*
 * sub top
 */
/* .sub_top {font-size:0; line-height:0; padding-bottom:14px; border-bottom:1px solid #ddd;}
.sub_top::after {display:block; content:''; clear:both;}
.sub_top * {vertical-align:middle;}
.sub_top .st_title h3 {font-size:28px; line-height:32px; letter-spacing:-0.048em;}
.sub_top .st_location {padding:9px 0;}
.sub_top .st_location a {display:inline-block; padding:0 2px 0 10px; margin:0 0 0 6px; background:url(../images/sub_top/stl_arrow_right.png) no-repeat left center;}
.sub_top .st_location a span {display:block; font-size:12px; line-height:1; letter-spacing:-0.048em; color:#373737;}
.sub_top .st_location a:first-child {padding:0; margin:0; background:none;}
.sub_top .st_location a:last-child span {color:#4475cb;}
.sub_top .st_location .mi {display:block; font-size:14px; line-height:1; color:#666;} */



/*
 * main visual
 */
/* .m_visual {position:relative; background:url(../images/main/m_visual_bg.jpg) no-repeat center center; background-size:cover;}
.m_visual::after {display:block; content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.32); z-index:5;}
.m_visual > div {position:relative; z-index:10;}
.m_visual span, .m_visual p {display:block; text-align:center;}
.m_visual span {letter-spacing:-0.048em; color:#fff;
text-shadow: rgba(0,0,0,0.16) 0px 0px 2px,   rgba(0,0,0,0.16) 0px 0px 2px,   rgba(0,0,0,0.16) 0px 0px 2px,
             rgba(0,0,0,0.16) 0px 0px 2px,   rgba(0,0,0,0.16) 0px 0px 2px,   rgba(0,0,0,0.16) 0px 0px 2px;
}
.m_visual p {font-size:17px; line-height:23px; letter-spacing:-0.024em; color:#fafafa; margin-top:16px;
text-shadow: rgba(0,0,0,0.16) 0px 0px 2px,   rgba(0,0,0,0.16) 0px 0px 2px,   rgba(0,0,0,0.16) 0px 0px 2px,
             rgba(0,0,0,0.16) 0px 0px 2px,   rgba(0,0,0,0.16) 0px 0px 2px,   rgba(0,0,0,0.16) 0px 0px 2px;
}

@media (min-width:1180px) {
	.m_visual > div {width:1180px; margin:0 auto; padding:96px 0 144px 0;}
	.m_visual span {font-size:48px; line-height:1;}
	.m_visual p {font-size:17px; line-height:23px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.m_visual > div {width:100%; padding:64px 24px 112px 24px;}
	.m_visual span {font-size:36px; line-height:1;}
	.m_visual p {font-size:15px; line-height:21px;}
}
@media (max-width:767px) {
	.m_visual > div {width:100%; padding:32px 16px 82px 16px;}
	.m_visual span {font-size:24px; line-height:1;}
	.m_visual p {font-size:13px; line-height:19px;}
} */



/*
 * main board
 */
/* .m_board {position:relative; z-index:15;}
.m_board > div::after {display:block; content:''; clear:both;}
.m_board > div > div {position:relative; float:left; z-index:15;}
.m_board .mb_left {background:#4475cb;}
.m_board .mb_right {background:#666572;}
.m_board .mb_top {position:relative;}
.m_board .mb_top .mbt_ttl {display:block; font-family:'NotoSansB'; font-size:15px; line-height:20px; letter-spacing:-0.024em; color:#fff; padding:14px 22px; cursor:pointer;}
.m_board .mb_top .btn_tgl {position:absolute; right:0; top:0; width:48px; height:48px;}
.m_board .mb_top .btn_tgl:hover {background:rgba(0,0,0,0.04);}
.m_board .mb_top .btn_tgl .mi {position:absolute; left:50%; top:50%; margin:-12px 0 0 -12px; width:24px; font-size:20px; line-height:24px; text-align:center; color:#ddd; transition:opacity .3s ease-out;}
.m_board .mb_top .btn_tgl .ico_plus {opacity:1;}
.m_board .mb_top .btn_tgl .ico_minus {opacity:0;}
.m_board .open .mb_top .btn_tgl .ico_plus {opacity:0;}
.m_board .open .mb_top .btn_tgl .ico_minus {opacity:1;}
.m_board .btn_more {position:absolute; right:0; top:0; padding:12px;}
.m_board .btn_more .mi {width:24px; font-size:20px; line-height:24px; text-align:center; color:#ddd;}
.mb_lst {padding:0 22px 18px 22px;}
.mb_lst > ul > li {padding:6px 0;}
.mb_lst a {display:block; font-size:14px; line-height:19px; letter-spacing:-0.024em; color:#fff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.mb_lst .mbl_info span {display:inline-block; font-size:12px; line-height:1; letter-spacing:-0.024em; color:#ccc; padding:0 8px; border-left:1px solid #aaa;}
.mb_lst .mbl_info span:first-child {padding-left:0; border-left:0;}

@media (min-width:1180px) {
	.m_board > div {position:absolute; left:50%; margin:-48px 0 0 -590px; width:1180px;}
	.m_board > div > div {width:50%;}	
	.m_board .open {box-shadow:4px 4px 4px rgba(0,0,0,0.16); z-index:20;}
	.m_board .mb_lst {display:none;}
	.m_board .open .mb_lst {display:block;}
}
@media (min-width:768px) and (max-width:1179px) {
	.m_board > div {margin:-48px 0 0 0; padding:0 24px;}
	.m_board > div > div {width:100%; margin-bottom:24px;}
	.m_board > div > div:last-child {margin-bottom:0;}
}
@media (max-width:767px) {
	.m_board > div {position:relative; margin:-48px 0 0 0; padding:0 16px;}
	.m_board > div > div {width:100%; margin-bottom:16px;}
	.m_board > div > div:last-child {margin-bottom:0;}
} */



/*
 * main info
 */
/* .m_info > div::after {display:block; content:''; clear:both;}
.mi_right::after {display:block; content:''; clear:both;}
.mi_right > div {float:left;}

@media (min-width:1180px) {
	.m_info > div {width:1180px; margin:0 auto; padding:32px 0;}
	.m_info > div > div {float:left; width:50%;}
	.mi_left {padding-right:16px;}
	.mi_right {padding-left:16px;}
	.mi_right > div {width:50%;}
	.mir_top {padding-right:16px;}
	.mir_bottom {padding-left:16px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.m_info > div {width:100%; padding:24px;}
	.m_info > div > div {float:left; width:100%;}
	.mi_right > div {width:50%;}
	.mir_top {padding-right:12px;}
	.mir_bottom {padding-left:12px;}
}
@media (max-width:767px) {
	.m_info > div {width:100%; padding:16px;}
	.mi_right > div {width:100%;}
} */



/*
 * main link
 */
/* .m_link {font-size:0; line-height:0; text-align:center;}
.m_link ul::after {display:block; content:''; clear:both;}
.m_link ul li {float:left; width:33.3333%;}
.m_link ul li a {display:block; background:#dde0e4; text-align:center; padding:0 25%;}
	채용설명회 
	.m_link ul li.event a {background-color:#ffc938 ;}	
.m_link ul li a::before {display:inline-block; content:''; width:0; height:100%; vertical-align:middle;}
.m_link ul li a span {display:inline-block; margin:-100% 0; vertical-align:middle;}
.m_link ul li a span i {display:block; width:64px; height:64px; margin:0 auto; background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
.m_link ul li a span em {display:block; color:#222;}
.m_link .ico_ml01 {background-image:url(../images/main/ml01_g.svg);}
.m_link .ico_ml02 {background-image:url(../images/main/ml03_g.svg);}
.m_link .ico_ml03 {background-image:url(../images/main/ml02_g.svg);}
.m_link ul li a:hover {background:#4475cb;}
.m_link ul li a:hover span em {color:#fff;}
.m_link a:hover .ico_ml01 {background-image:url(../images/main/ml01_b.svg);}
.m_link a:hover .ico_ml02 {background-image:url(../images/main/ml03_b.svg);}
.m_link a:hover .ico_ml03 {background-image:url(../images/main/ml02_b.svg);}

@media (min-width:1180px) {
	.m_link {margin-bottom:32px;}
	.m_link ul {margin:0 -8px;}
	.m_link ul li {padding:0 8px;}
	.m_link ul li a span em {font-size:15px; line-height:21px; letter-spacing:-0.048em;}
}
@media (min-width:768px) and (max-width:1179px) {
	.m_link {margin-bottom:24px;}
	.m_link ul {margin:0 -8px;}
	.m_link ul li {padding:0 8px;}
	.m_link ul li a span em {font-size:17px; line-height:23px; letter-spacing:-0.048em;}
}
@media (max-width:767px) {
	.m_link {margin-bottom:16px;}
	.m_link ul {margin:0 -4px;}
	.m_link ul li {padding:0 4px;}
	.m_link ul li a span i {display:none;}
	.m_link ul li a span em {font-size:13px; line-height:19px; letter-spacing:-0.048em;}
} */



/*
 * main news
 */
/* .m_news {position:relative; border:1px solid #ddd; padding:20px 24px;}
.m_news .btn_more {display:block; position:absolute; right:24px; top:20px;}
.m_news .btn_more .mi {display:block; width:20px; font-size:20px; line-height:20px; text-align:center; color:#bbb; transition:transform .3s ease-out;}
.m_news .btn_more:hover .mi {transform:rotate(180deg);}
.m_news .mn_top {padding-bottom:8px;}
.m_news .mn_top .mnt_ttl {display:block; font-size:15px; line-height:21px; letter-spacing:-0.024em;}
.m_news .mn_lst {padding:4px 0;}
.m_news .mn_lst li {position:relative; font-size:0; line-height:0; padding:4px 96px 4px 44px;}
.m_news .mn_lst li * {vertical-align:middle;}
.m_news .mn_lst a {display:block; font-size:12.5px; line-height:20px; letter-spacing:-0.024em; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.m_news .mn_lst .mnl_date {display:block; font-size:12px; line-height:20px; letter-spacing:-0.024em; color:#777; position:absolute; right:0; top:4px;}
.m_news .mn_lst .tag {display:block; position:absolute; left:0; top:4px;}

@media (min-width:1180px) {
	.m_news {height:219px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.m_news {margin-bottom:24px;}
}
@media (max-width:767px) {
	.m_news {margin-bottom:16px;}
} */



/*
 * main recruit
 */
/* .m_recruit {position:relative; border:1px solid #ddd; padding:20px 24px;}
.m_recruit .btn_more {display:block; position:absolute; right:24px; top:20px;}
.m_recruit .btn_more .mi {display:block; width:20px; font-size:20px; line-height:20px; text-align:center; color:#bbb; transition:transform .3s ease-out;}
.m_recruit .btn_more:hover .mi {transform:rotate(180deg);}
.m_recruit .mr_top {padding-bottom:8px;}
.m_recruit .mr_top .mrt_ttl {display:block; font-size:15px; line-height:21px; letter-spacing:-0.024em;}
.m_recruit .mr_img {position:relative; height:116px; margin-bottom:4px; background:url(../images/main/mr_img.png) no-repeat center center; background-size:cover;}
.m_recruit .mr_img::after {display:block; content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.24);}
.m_recruit .mr_lst {padding:4px 0;}
.m_recruit .mr_lst li {position:relative; font-size:0; line-height:0; padding:8px 0; border-top:1px solid #eee;}
.m_recruit .mr_lst li:first-child {border-top:0;}
.m_recruit .mr_lst a {display:block; font-size:13px; line-height:19px; letter-spacing:-0.024em; color:#333; max-height:38px; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; word-break:keep-all;}
.m_recruit .mr_lst .mrl_date {display:block; font-size:11px; line-height:19px; letter-spacing:-0.024em; color:#777; padding-top:4px;}

@media (min-width:1180px) {
	.m_recruit {height:432px;}
	.m_recruit .mr_lst a {height:38px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.m_recruit {height:375px;}
	.m_recruit .mr_lst a {max-height:19px; white-space:nowrap;}
}
@media (max-width:767px) {
	.m_recruit {margin-bottom:16px;}
	.m_recruit .mr_lst a {max-height:19px; white-space:nowrap;}
} */



/*
 * main best
 */
/* .m_best {position:relative; border:1px solid #ddd; padding:20px 24px;}
.m_best .btn_more {display:block; position:absolute; right:24px; top:20px;}
.m_best .btn_more .mi {display:block; width:20px; font-size:20px; line-height:20px; text-align:center; color:#bbb; transition:transform .3s ease-out;}
.m_best .btn_more:hover .mi {transform:rotate(180deg);}
.m_best .mb_top {padding-bottom:8px;}
.m_best .mb_top .mbt_ttl {display:block; font-size:15px; line-height:21px; letter-spacing:-0.024em;}
.m_best .mb_img {position:relative; height:116px; margin-bottom:4px; background:url(../images/main/mb_img.png) no-repeat center center; background-size:cover;}
.m_best .mb_img::after {display:block; content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.24);}
.m_best .mb_lst {padding:4px 0;}
.m_best .mb_lst li {position:relative; font-size:0; line-height:0; padding:8px 0; border-top:1px solid #eee;}
.m_best .mb_lst li:first-child {border-top:0;}
.m_best .mb_lst a {display:block; font-size:13px; line-height:19px; letter-spacing:-0.024em; color:#333; max-height:38px; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; word-break:keep-all;}
.m_best .mb_lst .mbl_date {display:block; font-size:11px; line-height:19px; letter-spacing:-0.024em; color:#777; padding-top:4px;}

@media (min-width:1180px) {
	.m_best {height:432px;}
	.m_best .mb_lst a {height:38px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.m_best {height:375px;}
	.m_best .mb_lst a {max-height:19px; white-space:nowrap;}
}
@media (max-width:767px) {
	.m_best {margin-bottom:16px;}
	.m_best .mb_lst a {max-height:19px; white-space:nowrap;}
} */



/*
 * main slide
 */
/* .m_slide {background:#f4f4f4; padding:12px 0;}
.m_slide > div {position:relative;}
.m_slide .ms_btn {height:40px; position:absolute; top:50%; margin-top:-20px; font-size:0; line-height:0;}
.m_slide .ms_btn * {vertical-align:top;}
.m_slide .ms_btn a {display:inline-block; padding:4px; border-radius:2px; transition:background .3s ease-out;}
.m_slide .ms_btn a .mi {display:block; width:32px; font-size:24px; line-height:32px; text-align:center; color:#999; transition:color .3s ease-out;}
.m_slide .ms_btn a:hover {background:rgba(0,0,0,0.08);}
.m_slide .ms_btn a:hover .mi {color:#333;}
.m_slide .ms_btn .btn_pause .mi, .m_slide .ms_btn .btn_play .mi {font-size:20px;}
.m_slide .ms_lst .inner {height:40px; overflow:hidden; margin:0 -8px;}
.m_slide .ms_lst ul::after {display:block; content:''; clear:both;}
.m_slide .ms_lst ul li {float:left; padding:0 8px;}
.m_slide .ms_lst ul li a {display:block; height:40px; text-align:center; background:#fff;}
.m_slide .ms_lst ul li a::before {display:inline-block; content:''; width:0; height:100%; vertical-align:middle;}
.m_slide .ms_lst ul li a img {display:inline-block; max-width:80%; max-height:80%; vertical-align:middle; margin:-100% 0;}
.m_slide .lSPager, .m_slide .lSAction {display:none;}

@media (min-width:1180px) {
	.m_slide > div {width:1180px; margin:0 auto; padding-right:136px;}
	.m_slide .ms_btn {right:0;}
	.m_slide .ms_lst ul li {width:20%;}
}
@media (min-width:768px) and (max-width:1179px) {
	.m_slide > div {width:100%; padding:0 160px 0 24px;}
	.m_slide .ms_btn {right:24px;}
}
@media (max-width:767px) {
	.m_slide > div {width:100%; padding:0 152px 0 16px;}
	.m_slide .ms_btn {right:16px;}
} */



/*
 * main popup
 */
/* .m_popup {position:fixed; left:0; top:0; right:0; bottom:0;  background:rgba(0,0,0,0.64); z-index:900; display:none;} 20190917 팝업 띄울때 가운데 정렬 해달라고 하셔서 잠시 바꿈 */
.m_popup {position:fixed; left:0; top:0; right:0; bottom:0;  background:rgba(0,0,0,0.64); z-index:900; display:none; text-align:center; }
.m_popup.show {display:block; }
.m_popup .mp_inner {display:inline-block; box-shadow:6px 6px 6px rgba(0,0,0,0.3);  }
.m_popup .mp_img img {display:block; left:400px; max-width: 100%;}
.m_popup .mp_img.mp_flex{display:flex; align-items:center; justify-content:center; flex-direction:column;}
.m_popup .mp_img.mp_flex > a > i{display:none;}
.m_popup .mp_chk {height:34px;padding:5px 10px 8px 10px;background-color:#333;overflow:hidden;}
.m_popup .mp_chk * {vertical-align:middle;}
.m_popup .mp_chk label {display:inline-block; font-size:13px; line-height:16px; letter-spacing:-0.024em; color:#fff; padding:0 0 0 4px;}
.m_popup .mp_chk a {display:inline-block; color:#fff; font-size:14px;}
.m_popup .mp_chk .btn_close .mi {width:16px; font-size:16px; line-height:16px; text-align:center;}
.m_popup .mp_chk .btn_close span {display:inline-block; font-size:13px; line-height:14px; letter-spacing:-0.024em; padding:0 0 1px 3px;}

@media (min-width:1180px) {
	.m_popup {padding:96px 48px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.m_popup {padding:64px 32px;}
	.m_popup .mp_img img {width:100%;}
}
@media (max-width:767px) {
	.m_popup {padding:48px 24px;}
	.m_popup .mp_img img {width:100%;}
}

.m_popup2 {position:fixed; left:570px; top:95px; right:0; bottom:0; z-index:999; text-align:center; display:none; width:550px; height:auto;}
.m_popup2 .pop_wrap{height:auto; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.5); padding:10px; } 
.m_popup2 .pop_header{ position: relative  ; top:0px; width:100%; background:#4475cb; height:70px; text-align:center;} 
.m_popup2 .pop_title{ font-weight:400; font-size:20px; color:#fff; line-height:70px; display:inline-block; text-align:center;} 
.m_popup2 .pop_header span{ display:inline-block; text-align:right; } 
.m_popup2 .pop_wrap table{ background:#fff}
.m_popup2 .pop_wrap0 .d_tbl .ta_c{background-color:#333; }

/*
* sub popup
*/
.s_popup {position:absolute;display:none;z-index:100;background-color:#fff;box-shadow:0 5px 5px rgba(0, 0, 0, .25);}
.s_popup .pop_wrap{height:auto; width:100%; background-color:#fff;} 
.s_popup .pop_header{ position: relative  ; top:0px; width:100%; background:#4475cb; height:70px; text-align:center;} 
.s_popup .pop_title{ font-weight:400; font-size:20px; color:#fff; line-height:70px; display:inline-block; text-align:center;} 
.s_popup .pop_header span{ display:inline-block; text-align:right; } 

/*
.s_popup {width:100%;}
.s_popup figure {width:100%;}
.s_popup figure img {width:100%;height:100%;object-fit:cover;}
.s_popup .popBottom {width:100%;background-color:#333;}
.s_popup .popBottom a {display:inline-block;color:#fff;background-color:#111;}
.s_popup .popBottom a span {display:inline-block;margin-left:5px;vertical-align:middle;}
*/
@media (min-width:768px) {
	.s_popup {top:25px;left:25px;width:700px;}
	.s_popup .pop_content{ padding:10px 40px; }
}
@media (max-width:767px) {
	.s_popup {top:0;left:0;width:100%;}
	.s_popup .pop_content{ padding:10px; }
}


/*
 * search area
 */
/* .search_area {position:relative; font-size:0; line-height:0; padding-bottom:28px; margin-top:24px;}
.search_area > fieldset {height:auto; overflow:hidden; background:#f4f4f4;}
.search_area.hide > fieldset {height:0;}
.search_area input[type="text"], .search_area input[type="password"], .search_area select {height:28px; padding:2px 8px; font-size:12px; line-height:20px;}
.search_area select {padding-right:2px;}
.search_area label {padding:4px 8px 4px 4px; font-size:12px; line-height:20px;}
.search_area .s_list {padding:12px;}
.search_area .s_list > ul::after {display:block; content:''; clear:both;}
.search_area .s_list > ul > li {float:left; padding:2px;}
.search_area .s_list > ul > li > div {position:relative; min-height:28px; padding:0 10px 0 90px;}
.search_area .s_list > ul > li > div * {vertical-align:middle;}
.search_area .s_list .sl_title {display:block; position:absolute; left:0; top:0; padding:4px 0 4px 10px; font-size:13px; line-height:20px;}
.search_area .s_btn {text-align:center; padding:0 0 16px 0;}
.search_area .s_btn * {vertical-align:middle;}
.search_area .s_btn .btn {margin:0 2px;}
.search_area .s_tgl {display:block; position:absolute; right:0; bottom:0; width:28px; height:28px; background:#ff3636;}
.search_area .s_tgl .mi {display:block; font-size:16px; line-height:28px; text-align:center; color:#fff;}
.search_area .s_tgl .open {display:none;}
.search_area .s_tgl .closed {display:block;}
.search_area.hide .s_tgl .open {display:block;}
.search_area.hide .s_tgl .closed {display:none;}

@media (min-width:1180px) {
	.search_area .s_list.cnt3 > ul > li {width:33.3333%;}
	.search_area .s_list.cnt2 > ul > li {width:50%;}
	.search_area .s_list.cnt1 > ul > li {width:100%;}
}
@media (min-width:768px) and (max-width:1179px) {
	.search_area .s_list.cnt3 > ul > li {width:50%;}
	.search_area .s_list.cnt2 > ul > li {width:50%;}
	.search_area .s_list.cnt1 > ul > li {width:100%;}
}
@media (max-width:767px) {
	.search_area .s_list.cnt3 > ul > li {width:100%;}
	.search_area .s_list.cnt2 > ul > li {width:100%;}
	.search_area .s_list.cnt1 > ul > li {width:100%;}
} */



/*
 * board search area
 */
/* .board_search_area {background:#f4f4f4; margin-top:24px;}
.board_search_area * {vertical-align:middle;}
.board_search_area > fieldset {padding:12px 16px;}
.board_search_area input[type="text"], .board_search_area input[type="password"], .board_search_area select {height:33px; padding:5px 7px; font-size:13px; line-height:21px;}
.board_search_area select {padding-right:5px;}
.board_search_area .btn {margin:0;}
.board_search_area .bsa_form {font-size:0; line-height:0; text-align:center;}
.board_search_area .bsa_form > div {padding:2px;}
.board_search_area .bsa_form .bsaf_slct {width:120px;}
.board_search_area .bsa_form .bsaf_btn {width:82px;}

@media (min-width:1180px) {
	.board_search_area .bsa_form > div {display:inline-block;}
	.board_search_area .bsa_form .bsaf_only {width:120px;}
	.board_search_area .bsa_form .bsaf_inpt {width:480px;}
	.board_search_area .bsa_form .bsaf_inpt.w360 {width:360px;}
	.board_search_area .bsa_form .bsaf_inpt.w240 {width:240px;}
}
@media (max-width:1179px) {
	.board_search_area .bsa_form {display:table; table-layout:fixed; width:100%;}
	.board_search_area .bsa_form > div {display:table-cell;}
} */



/*
 * board top
 */
/* .board_top {font-size:0; line-height:0; margin-top:24px;}
.board_top::after {display:block; content:''; clear:both;}
.board_top label {padding:4px 8px 4px 4px; font-size:12px; line-height:20px;}
.board_top * {vertical-align:middle;}
.board_top .fl_r {text-align:right;}
.board_top p {display:inline-block; font-size:13px; line-height:19px; letter-spacing:-0.048em; padding:4px 8px 4px 0;}
.board_top .fl_l p {padding:4px 8px 4px 0;}
.board_top .fl_r p {padding:4px 0 4px 8px;}
.board_top .s_ttl2 {display:inline-block; padding:2px 8px 2px 0;}
.board_top .txt_count {color:#333;}
.board_top .txt_descript {color:#777;}
.board_top .txt_count strong {display:inline-block; margin-top:-4px; padding:0 1px; color:#ff3636;}
.board_top .btn {margin:2px 0 2px 4px;} */



/*
 * board list
 */
.board_list {margin-top:8px;}
.board_list.mgt24 {margin-top:24px;}
.board_list * {vertical-align:middle;}
.board_list table {table-layout:fixed; width:100%; border-top:1px solid #333;}
.board_list table th,
.board_list table td {border-bottom:1px solid #ddd; text-align:center; word-wrap:break-word; word-break:keep-all;}
.board_list table td.ta_l {text-align:left;}
.board_list table th {font-size:13px; line-height:19px; padding:10px; background:#f8f8f8;}
.board_list table td {font-size:12px; line-height:18px; padding:10px; color:#666;; cursor:pointer;}
.board_list .txt_link {position:relative; color:#333;}
.board_list .txt_link:hover {color:#4475cb;}
.board_list .ico_new {display:inline-block; width:18px; height:18px; background:red; margin:0 0 0 4px;}
.board_list .btn_xs {margin:-2px 0;}
.board_list .tag {margin:-1px 6px -1px 0;}
.board_list .mi {width:18px; font-size:16px; line-height:18px; color:#bbb; text-align:center;}



/*
 * brd_list
 */
.brd_list {font-size:0; line-height:0; margin-top:8px; border-top:1px solid #000;}
.brd_list > ul > li {cursor:pointer; border-bottom:1px solid #d7d7d7;}
.brd_list > ul > li > div {position:relative;}
.brd_list .bl_num {display:inline-block; width:64px; font-family:'NotoSansB'; font-size:14px; line-height:24px; font-weight:bold; color:#333; position:absolute; left:0; top:0;}
.brd_list .bl_top {word-wrap:break-word; word-break:keep-all;}
.brd_list .bl_top * {vertical-align:middle;}
.brd_list .bl_top .tag {margin:0 8px 0 0;}
.brd_list .bl_top .mi {width:24px; font-size:18px; line-height:24px; color:#bbb; text-align:center;}
.brd_list .bl_top .blt_ttl {display:inline; font-size:16px; line-height:24px; font-weight:normal; letter-spacing:-0.024em; color:#000;}
.brd_list .bl_info {margin-top:12px;}
.brd_list .bl_info ul li {display:inline-block; font-size:13px; line-height:1; letter-spacing:-0.024em; color:#666; padding:0 8px; border-left:1px solid #aaa; margin:4px 0;}
.brd_list .bl_info ul li:first-child {padding-left:0; border-left:0; margin-left:0;}
.brd_list .bl_btn {margin-top:16px; text-align:right;}
.brd_list .bl_btn .btn {margin:2px;}
.brd_list .bl_nolist {padding:64px; text-align:center; font-size:14px; line-height:1.5; color:#666;}

@media (min-width:1180px) {
	.brd_list > ul > li {padding:28px;}
	.brd_list > ul > li > div {padding-left:64px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.brd_list > ul > li {padding:24px;}
	.brd_list .bl_num {display:none;}
}
@media (max-width:767px) {
	.brd_list > ul > li {padding:20px;}
	.brd_list .bl_num {display:none;}
}



/*
 * data table
 */
/* .d_tbl {margin-top:24px;}
.d_tbl.mgt8 {margin-top:8px;}
.d_tbl * {vertical-align:middle;}
.d_tbl table {table-layout:fixed; width:100%; border-top:1px solid #333; border-left:1px solid #ddd;}
.d_tbl table th,
.d_tbl table td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:10px 16px;}
.d_tbl table th {font-family:'NotoSansB'; color:#222;}
.d_tbl table td {color:#666;}
.d_tbl table thead th {font-size:13px; line-height:19px; letter-spacing:-0.024em; background:#f8f8f8;}
.d_tbl table tbody th,
.d_tbl table tbody td {font-size:13px; line-height:19px; letter-spacing:-0.024em; position:relative;}
.d_tbl table tfoot th,
.d_tbl table tfoot td {font-size:14px; line-height:20px; letter-spacing:-0.024em; background:#f8f8f8; color:#4475cb; font-family:'NotoSansB'; padding-top:20px; padding-bottom:20px;}

.d_tbl .d_tbl_contribution {border-top:1px solid #ddd;}
.d_tbl .d_tbl_contribution tbody td {font-size:13px; line-height:19px; letter-spacing:-0.024em; padding:10px; color:#000;}

.d_tbl strong {font-family:'NotoSansB';}
.d_tbl .ta_l {text-align:left;}
.d_tbl .ta_c {text-align:center;}
.d_tbl .ta_r {text-align:right;}
.d_tbl .bg_b th,
.d_tbl .bg_b td,
.d_tbl .bg_b {background:#4475cb; color:#fff; border-color:rgba(0,0,0,0.16);}
.d_tbl .bg_sb th,
.d_tbl .bg_sb td,
.d_tbl .bg_sb {background:#f2f7ff; color:#4475cb;}
.d_tbl .bg_g th,
.d_tbl .bg_g td,
.d_tbl .bg_g {background:#666572; color:#fff; border-color:rgba(0,0,0,0.16);}
.d_tbl .bg_sg th,
.d_tbl .bg_sg td,
.d_tbl .bg_sg {background:#f7f7f7; color:#666572;}
.d_tbl .bdr_line {padding:0;}
.d_tbl .bdr_line span {display:block; padding:8px; border:3px solid #3ac569; color:#3ac569; position:absolute; left:-1px; top:-1px; right:-1px; bottom:-1px;}

.s_tbl table th,
.s_tbl table td {padding:10px 5px;}
.s_tbl table td {text-align:right;} */


/*
 * table scroll
 */
/* .tbl_scrl {overflow:hidden; overflow-x:auto;}

@media (min-width:1180px) {
	.tbl_scrl_p > table {width:160%;}
}
@media (min-width:768px) and (max-width:1179px) {
	.tbl_scrl_p > table {width:200%;}
	.tbl_scrl_t > table {width:200%;}
}
@media (max-width:767px) {
	.tbl_scrl_p > table {width:240%;}
	.tbl_scrl_t > table {width:240%;}
	.tbl_scrl_m > table {width:240%;}
} */



/*
 * paginate
 */
/* .paginate {font-size:0; line-height:0; text-align:center; margin-top:24px;}
.paginate * {vertical-align:middle;}
.paginate a, .paginate strong, .paginate .p_number {display:inline-block; border-radius:2px;}
.paginate a, .paginate strong {width:36px; font-family:'century gothic'; font-size:14px; line-height:36px; font-weight:bold; text-align:center; color:#333;}
.paginate a .mi {display:block; font-size:20px; line-height:36px;}
.paginate a {color:#000;}
.paginate a:hover {background:rgba(0,0,0,0.04);}
.paginate strong {color:red;}
.paginate .disabled {opacity:0.24;}
.paginate .disabled:hover {background:none;} */



/*
 * bottom btn
 */
/* .bottom_btn {font-size:0; line-height:0; text-align:center; margin-top:24px;}
.bottom_btn::after {display:block; content:''; clear:both;}
.bottom_btn * {vertical-align:middle;}
.bottom_btn .fl_l {text-align:left;}
.bottom_btn .fl_r {text-align:right;}
.bottom_btn .btn_xs {margin:1px;}
.bottom_btn .fl_l .btn_xs {margin:1px 2px 1px 0;}
.bottom_btn .fl_r .btn_xs {margin:1px 0 1px 2px;}
.bottom_btn .btn_sm {margin:1px;}
.bottom_btn .fl_l .btn_sm {margin:1px 2px 1px 0;}
.bottom_btn .fl_r .btn_sm {margin:1px 0 1px 2px;}
.bottom_btn .btn_md {margin:2px;}
.bottom_btn .fl_l .btn_md {margin:2px 4px 2px 0;}
.bottom_btn .fl_r .btn_md {margin:2px 0 2px 4px;}
.bottom_btn .btn_lg {margin:4px;}
.bottom_btn .fl_l .btn_lg {margin:4px 8px 4px 0;}
.bottom_btn .fl_r .btn_lg {margin:4px 0 4px 8px;} */



/*
 * board view
 */
/* .board_view {border-top:1px solid #363a41; margin-top:24px;}
.board_view .bv_top .bv_ttl {border-bottom:1px solid #d7d7d7; padding:12px 20px;}
.board_view .bv_top .bv_ttl * {vertical-align:middle;}
.board_view .bv_top .bv_ttl h4 {display:inline; font-size:16px; line-height:24px; font-weight:normal; letter-spacing:-0.024em; color:#000; word-wrap:break-word; word-break:keep-all;}
.board_view .bv_top .bv_ttl .tag {margin:0 8px 0 0;}
.board_view .bv_top .bv_ttl .mi {width:24px; font-size:18px; line-height:24px; color:#bbb; text-align:center;}
.board_view .bv_top .bv_category {border-bottom:1px solid #d7d7d7; font-size:0; line-height:0;}
.board_view .bv_top .bv_category ul {padding:12px 20px;}
.board_view .bv_top .bv_category ul li {display:inline-block; padding:0 12px 0 0;}
.board_view .bv_top .bv_category ul li span {font-size:13px; line-height:19px; letter-spacing:-0.024em; color:#666; padding-right:4px;}
.board_view .bv_top .bv_category ul li .bvc_ttl {color:#000;}
.board_view .bv_content {padding:12px 20px; border-bottom:1px solid #d7d7d7; position:relative; word-wrap:break-word; word-break:keep-all;}
.board_view .bv_content .bvc_txt p {display:block; font-size:14px; line-height:22px; letter-spacing:-0.024em; color:#333; word-wrap:break-word; word-break:keep-all; padding:6px 0;}
.board_view .bv_content .bvc_txt strong {font-weight:bold;}
.board_view .bv_content .bvc_yt {display:block;}
.board_view .bv_content img {display:block; width:100%; margin:6px 0;}
.board_view .bv_file {position:relative; border-bottom:1px solid #d7d7d7;}
.board_view .bv_file > div {padding:12px 20px;}
.board_view .bv_file .bvf_ttl {position:absolute; left:0; top:0;}
.board_view .bv_file .bvf_ttl span {display:block; font-size:13px; line-height:19px; letter-spacing:-0.024em; color:#000; padding:2px 0;}
.board_view .bv_file .bvf_lst {padding-left:96px;}
.board_view .bv_file .bvf_lst li {padding:2px 0;}
.board_view .bv_file .txt_file {display:block; font-size:13px; line-height:19px; letter-spacing:-0.024em; color:#666; background-repeat:no-repeat; background-position:left 2px; padding:0 0 2px 24px; word-wrap:break-word; word-break:keep-all;}
.board_view .bv_file .txt_file:hover {color:#4475cb;}
.board_view .bv_file .txt_file.ico_hwp {background-image:url(../images/board/ico_hwp.png);}
.board_view .bv_file .txt_file.ico_pdf {background-image:url(../images/board/ico_pdf.png);}
.board_view .bv_file .txt_file.ico_ppt {background-image:url(../images/board/ico_ppt.png);}
.board_view .bv_file .txt_file.ico_word {background-image:url(../images/board/ico_word.png);}
.board_view .bv_file .txt_file.ico_excel {background-image:url(../images/board/ico_excel.png);}
.board_view .bv_file .txt_file.ico_jpg {background-image:url(../images/board/ico_jpg.png);}
.board_view .bv_file .txt_file.ico_video {background-image:url(../images/board/ico_video.png);}
.board_view .bv_file .txt_file.ico_zip {background-image:url(../images/board/ico_zip.png);}
.board_view .bv_file .txt_file.ico_gif {background-image:url(../images/board/ico_gif.png);}
.board_view .bv_file .txt_file.ico_txt {background-image:url(../images/board/ico_txt.png);}
.board_view .bv_file .txt_file.ico_swf {background-image:url(../images/board/ico_swf.png);}

.adr_gg table {border-width:1px;}
.adr_gg table th, .adr_gg table td {padding:10px 16px;} */



/*
 * reply area
 */
/* .reply_area {border-top:1px solid #333; margin-top:24px;}

.rl_rgst {position:relative; padding:24px; background:#f8f8f8; border-bottom:1px solid #ddd;}
.rl_rgst * {vertical-align:middle;}
.rl_rgst.rl_reply {padding-left:56px;}
.rl_rgst .mi {display:block; position:absolute; left:24px; top:16px; width:24px; font-size:24px; line-height:24px; text-align:center; color:#ddd;}
.rl_rgst textarea {width:100%; height:80px; resize:none; padding:6px 12px; font-size:12px; line-height:20px; letter-spacing:-0.024em;}
.rl_rgst .f_btn > div {position:relative;}
.rl_rgst .fb_btn > div, .rl_rgst .fb_btn .btn {height:80px;}
.rl_rgst .btn_md {padding:0 30px;}
.rl_rgst .fb_btn .btn::before {display:inline-block; width:0; height:100%; content:''; vertical-align:middle;}
.rl_rgst .fb_btn .btn span {margin:-100% 0; vertical-align:middle;}
.rl_rgst .rlr_guide {display:block; position:absolute; right:0; bottom:0; font-size:11px; line-height:15px; color:#999; text-align:right; padding:8px 12px;}
.rl_rgst .rlr_guide * {vertical-align:top;}
.rl_rgst .rlr_guide strong, .rl_rgst .rlr_guide span {font-family:'century gothic'; font-weight:bold;}
.rl_rgst .rlr_guide strong {color:#000;}

.rl_box {position:relative; padding:24px; font-size:0; line-height:0; border-bottom:1px solid #ddd;}
.rl_box.rl_reply {background:#f8f8f8; padding-left:56px;}
.rl_box .mi {display:block; position:absolute; left:24px; top:16px; width:24px; font-size:24px; line-height:24px; text-align:center; color:#ddd;}
.rl_box .rlb_top span {display:inline-block; font-size:12px; line-height:13px; padding:0 6px; border-left:1px solid #ddd;}
.rl_box .rlb_top span:first-child {padding-left:0; border-left:0;}
.rl_box .rlb_top .rlb_ttl {color:#4475cb;}
.rl_box .rlb_top .rlb_date {color:#777;}
.rl_box .rlb_cont {margin-top:8px;}
.rl_box .rlb_cont p {display:block; font-size:13px; line-height:19px; letter-spacing:-0.024em; word-wrap:break-word; word-break:keep-all;}
.rl_box .rlb_cont textarea {display:block; width:100%; height:80px; resize:none; padding:6px 12px; font-size:12px; line-height:20px; letter-spacing:-0.024em;}
.rl_box .rlb_btn {margin-top:16px;}
.rl_box .rlb_btn .btn {margin:0 4px 0 0;} */



/*
 * page skip
 */
/* .page_skip {border-top:1px solid #aaa; border-bottom:1px solid #aaa; margin-top:24px;}
.page_skip ul li {position:relative;}
.page_skip ul li:first-child {border-bottom:1px solid #dedfe4;}
.page_skip .ps_ttl {position:absolute; left:0; top:0; text-align:center; font-size:0; line-height:0; padding:12px 20px;}
.page_skip .ps_ttl * {vertical-align:top;}
.page_skip .ps_ttl span {display:inline-block; font-size:13px; line-height:19px; letter-spacing:-0.024em; color:#333;}
.page_skip .ps_ttl .mi {width:19px; font-size:17px; line-height:19px; text-align:center; color:#999;}
.page_skip .ps_detail {display:block; padding:12px 20px 12px 96px; font-size:13px; line-height:19px; letter-spacing:-0.024em; color:#777; word-wrap:break-word; word-break:keep-all;}
.page_skip .ps_detail a {display:block; color:#000;}
.page_skip .ps_detail a:hover {color:#4475cb;} */



/*
 * board edit
 */
.board_edit {font-size:0; line-height:0; text-align:left; margin-top:24px;}
.board_edit.mgt8 {margin-top:8px;}
.board_edit * {vertical-align:middle;}
.board_edit input[type="text"], .board_edit input[type="password"], .board_edit select, .board_edit textarea {height:28px; padding:2px 8px; font-size:12px; line-height:20px;}
.board_edit select {padding-right:2px;}
.board_edit textarea {min-width:100%; max-width:100%; min-height:120px;}
.board_edit label {padding:4px 8px 4px 4px; font-size:12px; line-height:20px;}
.board_edit table {table-layout:fixed; width:100%; border-top:1px solid #333;}
.board_edit table th,
.board_edit table td {padding:10px 16px; border-bottom:1px solid #ddd;}
.board_edit table th {position:relative; background:#f8f8f8; text-align:left;}
.board_edit .be_ttl {font-size:13px; line-height:19px;}
.board_edit .ico_dot {display:block; width:3px; height:3px; border-radius:2px; background:#ff3636; position:absolute; right:12px; top:10px;}
.board_edit .txt_common {display:inline-block; font-size:12px; line-height:18px; color:#333; letter-spacing:-0.048em; padding:4px; word-wrap:break-word; word-break:keep-all;}
.board_edit .txt_descript {display:inline-block; font-size:12px; line-height:18px; color:#777; letter-spacing:-0.048em; margin:4px 0 0 0;}
.board_edit .j_interest_ttl {display:inline-block; padding:4px 16px 4px 4px; font-size:12px; line-height:20px;}
.board_edit .atch_lst ul li {padding-bottom:4px;}
.board_edit .atch_lst ul li:last-child {padding-bottom:0; margin-bottom:12px;}
.board_edit .atch_lst.mgb0  ul li:last-child {margin-bottom:0;}
.board_edit .atch_lst ul li * {vertical-align:top;}
.board_edit .atch_lst ul li a {display:inline; font-size:12px; line-height:18px; word-wrap:break-word; word-break:keep-all;}
.board_edit .atch_lst ul li a:first-child {color:#5a93fa;}
.board_edit .atch_lst ul li a:last-child {margin-left:8px; position:relative; padding-left:14px;}
.board_edit .atch_lst ul li a:last-child .mi {display:block; width:14px; font-size:14px; line-height:18px; text-align:center; position:absolute; left:0; top:0;}
.board_edit .atch_lst ul li a.txt_file {color:#5a93fa; padding-left:0; margin-left:0;}

.board_edit .atch_lst ul li a.txt_file {color:#5a93fa; padding-left:24px; margin-left:0; background-repeat:no-repeat; background-position:left 2px;}
.board_edit .atch_lst ul li a.txt_file:hover {color:#4475cb;}
.board_edit .atch_lst ul li a.txt_file.ico_hwp {background-image:url(../images/board/ico_hwp.png);}
.board_edit .atch_lst ul li a.txt_file.ico_pdf {background-image:url(../images/board/ico_pdf.png);}
.board_edit .atch_lst ul li a.txt_file.ico_ppt {background-image:url(../images/board/ico_ppt.png);}
.board_edit .atch_lst ul li a.txt_file.ico_word {background-image:url(../images/board/ico_word.png);}
.board_edit .atch_lst ul li a.txt_file.ico_excel {background-image:url(../images/board/ico_excel.png);}
.board_edit .atch_lst ul li a.txt_file.ico_jpg {background-image:url(../images/board/ico_jpg.png);}
.board_edit .atch_lst ul li a.txt_file.ico_video {background-image:url(../images/board/ico_video.png);}
.board_edit .atch_lst ul li a.txt_file.ico_zip {background-image:url(../images/board/ico_zip.png);}
.board_edit .atch_lst ul li a.txt_file.ico_gif {background-image:url(../images/board/ico_gif.png);}
.board_edit .atch_lst ul li a.txt_file.ico_txt {background-image:url(../images/board/ico_txt.png);}
.board_edit .atch_lst ul li a.txt_file.ico_swf {background-image:url(../images/board/ico_swf.png);}

.board_edit .wa {width:auto;}
.board_edit .w_size2 {width:40px;}

@media (min-width:1180px) {
	.board_edit .w25p {width:25%;}
	.board_edit .w50p {width:50%;}
	.board_edit .w75p {width:75%;}
	.board_edit .w25pt {width:25%;}
	.board_edit .w50pt {width:50%;}
	.board_edit .w75pt {width:75%;}
}
@media (min-width:768px) and (max-width:1179px) {
	.board_edit .w25pt {width:25%;}
	.board_edit .w50pt {width:50%;}
	.board_edit .w75pt {width:75%;}
}



/*
 * brd edit
 */
.brd_edit {font-size:0; line-height:0; text-align:left; margin-top:24px;}
.brd_edit.mgt8 {margin-top:8px;}
.brd_edit * {vertical-align:middle;}
.brd_edit input[type="text"], .brd_edit input[type="password"], .brd_edit select, .brd_edit textarea {height:28px; padding:2px 8px; font-size:12px; line-height:20px;}
.brd_edit select {padding-right:2px;}
.brd_edit textarea {min-width:100%; max-width:100%; min-height:120px;}
.brd_edit label {padding:4px 8px 4px 4px; font-size:12px; line-height:20px;}

.brd_edit .ico_dot {display:block; width:3px; height:3px; border-radius:2px; background:#ff3636;}
.brd_edit .txt_common {display:inline-block; font-size:12px; line-height:18px; color:#333; letter-spacing:-0.048em; padding:4px; word-wrap:break-word; word-break:keep-all;}
.brd_edit .txt_descript {display:inline-block; font-size:12px; line-height:18px; color:#777; letter-spacing:-0.048em; margin:4px 0 0 0;}
.brd_edit .j_interest_ttl {display:inline-block; padding:4px 16px 4px 4px; font-size:12px; line-height:20px;}
.brd_edit .atch_lst ul li {padding-bottom:4px;}
.brd_edit .atch_lst ul li:last-child {padding-bottom:0; margin-bottom:12px;}
.brd_edit .atch_lst.mgb0  ul li:last-child {margin-bottom:0;}
.brd_edit .atch_lst ul li * {vertical-align:top;}
.brd_edit .atch_lst ul li a {display:inline; font-size:12px; line-height:18px; word-wrap:break-word; word-break:keep-all;}
.brd_edit .atch_lst ul li a:first-child {color:#5a93fa;}
.brd_edit .atch_lst ul li a:last-child {margin-left:8px; position:relative; padding-left:14px;}
.brd_edit .atch_lst ul li a:last-child .mi {display:block; width:14px; font-size:14px; line-height:18px; text-align:center; position:absolute; left:0; top:0;}
.brd_edit .atch_lst ul li a.txt_file {color:#5a93fa; padding-left:0; margin-left:0;}

.brd_edit .atch_lst ul li a.txt_file {color:#5a93fa; padding-left:24px; margin-left:0; background-repeat:no-repeat; background-position:left 2px;}
.brd_edit .atch_lst ul li a.txt_file:hover {color:#4475cb;}
.brd_edit .atch_lst ul li a.txt_file.ico_hwp {background-image:url(../images/board/ico_hwp.png);}
.brd_edit .atch_lst ul li a.txt_file.ico_pdf {background-image:url(../images/board/ico_pdf.png);}
.brd_edit .atch_lst ul li a.txt_file.ico_ppt {background-image:url(../images/board/ico_ppt.png);}
.brd_edit .atch_lst ul li a.txt_file.ico_word {background-image:url(../images/board/ico_word.png);}
.brd_edit .atch_lst ul li a.txt_file.ico_excel {background-image:url(../images/board/ico_excel.png);}
.brd_edit .atch_lst ul li a.txt_file.ico_jpg {background-image:url(../images/board/ico_jpg.png);}
.brd_edit .atch_lst ul li a.txt_file.ico_video {background-image:url(../images/board/ico_video.png);}
.brd_edit .atch_lst ul li a.txt_file.ico_zip {background-image:url(../images/board/ico_zip.png);}
.brd_edit .atch_lst ul li a.txt_file.ico_gif {background-image:url(../images/board/ico_gif.png);}
.brd_edit .atch_lst ul li a.txt_file.ico_txt {background-image:url(../images/board/ico_txt.png);}
.brd_edit .atch_lst ul li a.txt_file.ico_swf {background-image:url(../images/board/ico_swf.png);}

.brd_edit .wa {width:auto;}
.brd_edit .w_size2 {width:40px;}

.brd_edit .bvc_txt p {display:block; font-size:14px; line-height:22px; letter-spacing:-0.024em; color:#333; word-wrap:break-word; word-break:keep-all; padding:6px 0;}

@media (min-width:1180px) {
	.brd_edit table {table-layout:fixed; width:100%; border-top:1px solid #333;}
	.brd_edit table th,
	.brd_edit table td {padding:10px 16px; border-bottom:1px solid #ddd;}
	.brd_edit table th {position:relative; background:#f8f8f8; text-align:left;}
	
	.brd_edit .be_ttl {font-size:13px; line-height:19px;}
	.brd_edit .ico_dot {position:absolute; right:12px; top:10px;}
	
	.brd_edit .w25p {width:25%;}
	.brd_edit .w50p {width:50%;}
	.brd_edit .w75p {width:75%;}
	.brd_edit .w25pt {width:25%;}
	.brd_edit .w50pt {width:50%;}
	.brd_edit .w75pt {width:75%;}
}
@media (min-width:768px) and (max-width:1179px) {
	.brd_edit table {table-layout:fixed; width:100%; border-top:1px solid #333;}
	.brd_edit table th,
	.brd_edit table td {padding:10px 16px; border-bottom:1px solid #ddd;}
	.brd_edit table th {position:relative; background:#f8f8f8; text-align:left;}
	
	.brd_edit .be_ttl {font-size:13px; line-height:19px;}
	.brd_edit .ico_dot {position:absolute; right:12px; top:10px;}
		
	.brd_edit .w25pt {width:25%;}
	.brd_edit .w50pt {width:50%;}
	.brd_edit .w75pt {width:75%;}
}
@media (max-width:767px) {
	.brd_edit {border:1px solid #bbb; padding:16px;}
	.brd_edit table, .brd_edit table thead, .brd_edit table tbody, .brd_edit table tfoot, .brd_edit table thead tr, .brd_edit table tbody tr, .brd_edit table tfoot tr, .brd_edit table thead tr th, .brd_edit table tbody tr th, .brd_edit table tbody tr td, .brd_edit table tfoot tr td {display:block;}
	.brd_edit table tbody tr th {position:relative; display:inline-block; padding:16px 8px 0 0; text-align:left;}	
	.brd_edit tr:first-child th:first-child {padding-top:0;}
	.brd_edit.recruit_info table tbody tr th {padding-top:8px;}
	.brd_edit table tbody tr td {padding-top:4px;}
	.brd_edit.recruit_info table tbody tr td {padding-bottom:8px; border-bottom:1px solid #eee;}
	.brd_edit.recruit_info table tbody tr:last-child td:last-child {border-bottom:0;}
	
	.brd_edit .be_ttl {font-size:13.5px; line-height:20px;}
	.brd_edit .ico_dot {position:absolute; right:0; top:20px;}
	.brd_edit tr:first-child th:first-child .ico_dot {position:absolute; right:0; top:4px;}
	.brd_edit table tbody tr td .txt_common:first-child {padding-left:0;}
}


/*
 * gallery list
 */
/* .gallery_list {margin-top:10px;}
.gallery_list > ul::after {display:block; content:''; clear:both;}
.gallery_list > ul > li {float:left;}
.gallery_list > ul > li > div {border:1px solid #ddd;}
.gallery_list .gl_img {display:block; overflow:hidden; position:relative; font-size:0; line-height:0;}
.gallery_list .gl_img img {display:inline-block; width:100%; margin:-100% 0; vertical-align:middle;}
.gallery_list .gl_img::before {display:inline-block; width:0; height:100%; vertical-align:middle; content:'';}
.gallery_list .gl_img::after {position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.04); content:'';}
.gallery_list .gl_descript {padding:12px 16px;}
.gallery_list .gl_ttl {display:block; font-size:13px; line-height:1.5; color:#333; letter-spacing:-0.024em; height:4.5em; text-overflow:ellipsis; overflow:hidden;}
.gallery_list .gl_date {display:block; font-size:12px; line-height:1.5; color:#777; letter-spacing:-0.024em; padding:12px 0 2px 0;}

@media (min-width:1180px) {	
	.gallery_list > ul {margin:-10px;}
	.gallery_list > ul > li {width:25%; padding:10px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.gallery_list > ul {margin:-10px;}
	.gallery_list > ul > li {width:33.3333%; padding:10px;}
}
@media (max-width:767px) {
	.gallery_list > ul {margin:-10px -5px;}
	.gallery_list > ul > li {width:50%; padding:10px 5px;}
} */



/*
 * faq list
 */
/* .faq_list {border-top:1px solid #333; margin-top:8px;}
.faq_list > ul > li > a {position:relative; display:block; min-height:56px; padding:16px 40px 16px 60px; border-bottom:1px solid #ddd;}
.faq_list > ul > li > a > .mi {display:block; width:33px; height:33px; font-size:19px; line-height:33px; text-align:center; position:absolute; right:0; top:50%; margin:-17px 0 0 0; color:#bbb; transition:transform .3s ease-out;}
.faq_list > ul > li.open > a > .mi {transform:rotate(-180deg);}
.faq_list > ul > li > div {position:relative; background:#f3f4f5; min-height:56px; padding:16px 40px 16px 60px; border-bottom:1px solid #ddd; display:none;}
.faq_list > ul > li.open > div {display:block;}
.faq_list .ico_q {display:block; width:33px; height:33px; border-radius:17px; text-align:center; position:absolute; left:16px; top:11px; font-size:15px; line-height:31px; color:#5f606e; background:#dde0e4;}
.faq_list .ico_a {display:block; width:33px; height:33px; border-radius:17px; text-align:center; position:absolute; left:16px; top:11px; font-size:15px; line-height:31px; color:#fff; background:#4475cb;}
.faq_list .fl_ttl {display:block; font-size:15px; line-height:23px; letter-spacing:-0.048em; color:#333; word-wrap:break-word; word-break:keep-all;}
.faq_list .fl_cont {word-wrap:break-word; word-break:keep-all;}
.faq_list .fl_cont p {display:block; letter-spacing:-0.024em; padding:2px 0;}
.faq_list .fl_cont .flc_atch {margin-top:16px; padding-top:14px; border-top:1px solid #ddd;}
.faq_list .fl_cont .flc_atch > div {position:relative; padding-left:80px;}
.faq_list .fl_cont .flc_atch > div > span {display:block; font-size:13px; line-height:19px; padding:2px 0; position:absolute; left:0; top:0;}
.faq_list .fl_cont .flc_atch > div > ul > li {padding:2px 0;}
.faq_list .fl_cont .txt_file {display:inline-block; font-size:13px; line-height:19px; letter-spacing:-0.024em; color:#5a93fa; text-decoration:underline;}
.faq_list .fl_btn {margin-top:16px; padding-top:14px; border-top:1px solid #ddd;}
.faq_list .fl_btn * {vertical-align:middle;} */



/*
 * grid view
 */
.grid_view {text-align:left; margin-top:8px;}
.grid_view.mgt24 {margin-top:24px;}
.grid_view * {vertical-align:middle;}
.grid_view table {table-layout:fixed; width:100%; border-top:1px solid #333;}
.grid_view table th,
.grid_view table td {padding:10px 16px; border-bottom:1px solid #ddd; font-size:13px; line-height:19px;}
.grid_view table th {position:relative; background:#f8f8f8; text-align:left;}
.grid_view table td {color:#666;}



/*
 * login area
 */
.login_area {font-size:0; line-height:0;}
.login_area * {vertical-align:middle;}
.login_area input[type=text], .login_area input[type=password] {font-size:14.5px; line-height:23px; letter-spacing:-0.024em; padding:10px 14px; margin:0 0 8px 0;}
.login_area .la_comment {display:block; font-size:13px; line-height:19px; letter-spacing:-0.024em; color:#dc321e; margin:0 0 4px 0;}
.login_area .la_link {margin-top:40px; border-top:1px solid #ddd; text-align:center;}
.login_area .la_link ul {padding:16px 0 0 0;}
.login_area .la_link ul li {display:inline-block; padding:0 10px; border-left:1px solid #ddd;}
.login_area .la_link ul li:first-child {border:0;}
.login_area .la_link ul li a {display:block; font-size:13px; line-height:1; letter-spacing:-0.024em; color:#777;}
.login_area .la_save {margin:0 0 16px 0;}
.login_area .la_save label {padding:4px 0 4px 4px; font-size:12px; line-height:20px; letter-spacing:-0.048em;}
.login_area .btn {width:100%; text-align:center;}
.login_area .btn_lg span {font-size:16.5px;}

@media (min-width:1180px) {
	.login_area {width:640px; margin:0 auto; padding:80px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.login_area {width:480px; margin:0 auto; padding:80px;}
}
@media (max-width:767px) {
	.login_area {padding:40px 0;}
}



/*
 * idpw area
 */
.idpw_area::after {display:block; content:''; clear:both;}
.idpw_area > div {float:left;}
.idpw_area .id_result p {display:block; font-size:12px; line-height:18px; text-align:center; margin-top:24px;}
.idpw_area .id_result p strong {color:#4475cb; padding:0 2px;}
.idpw_area .id_result p span {color:#777; padding:0 2px;}

@media (min-width:1180px) {
	.idpw_area {padding:40px;}
	.idpw_area > div {width:50%; padding:40px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.idpw_area > div {width:100%; padding:48px 0 0 0;}
}
@media (max-width:767px) {
	.idpw_area > div {width:100%; padding:24px 0 0 0;}
}



/*
 * join area
 */
.join_area {margin-top:24px;}
.join_area .ja_descript {overflow:hidden; overflow-y:auto; background:#fbfbfb; border:1px solid #ddd; padding:28px 36px; height:320px;}
.join_area .ja_chk {font-size:0; line-height:0; margin-top:8px;}
.join_area .ja_chk * {vertical-align:middle;}
.join_area .ja_chk::after {display:block; content:''; clear:both;}
.join_area .ja_chk p {display:inline-block; font-size:12px; line-height:20px; padding:4px 0;}
.join_area .ja_chk label {display:inline-block; font-size:12px; line-height:20px; padding:4px 0 4px 2px;}
.join_area .ja_chk input[type=checkbox] {margin-left:12px;}
.join_area .ja_chk input[type=radio] {margin-left:12px;}
.join_consultant_chk {margin-top:24px;}
.join_consultant_chk .f_chk .mi {width:21px; font-size:15px; line-height:17px; text-align:center; color:#bbb; border:2px solid #bbb;}
.join_consultant_chk .f_chk label {font-size:14.5px; line-height:21px; letter-spacing:-0.048em; padding-left:29px;}
.join_consultant_chk .f_chk input:checked + label .mi {color:#3ac569; border-color:#3ac569;}
.join_consultant {margin-top:24px;}
.join_consultant .jc_form {margin-top:8px;}
.jcf_box {position:relative; border:1px solid #bbb; margin-top:-1px; font-size:0; line-height:0;}
.jcf_box > div {padding:20px 24px;}
.jcf_box * {vertical-align:middle;}
.jcf_box .btn_delete {display:block; position:absolute; right:0; top:0;}
.jcf_box .btn_delete .mi {width:32px; font-size:16px; line-height:32px; text-align:center;}
.jcfb_edit::after {display:block; content:''; clear:both;}
.jcfb_edit > ul > li {float:left; padding:2px;}
.jcfb_edit > ul > li > div {position:relative; padding:0 10px 0 110px;}
.jcfb_edit.no_ttl > ul > li > div {padding:0 10px;} 
.jcfb_edit input[type="text"], .jcfb_edit input[type="password"], .jcfb_edit select, .jcfb_edit textarea {height:28px; padding:2px 8px; font-size:12px; line-height:20px;}
.jcfb_edit select {padding-right:2px;}
.jcfb_edit textarea {min-width:100%; max-width:100%; min-height:120px;}
.jcfb_edit label {padding:4px 8px 4px 4px; font-size:12px; line-height:20px;}
.jcfb_edit .jcfb_ttl {position:relative; display:block; width:110px; position:absolute; left:0; top:0; padding:4px 0 4px 10px; font-size:13px; line-height:20px;}
.jcfb_edit .txt_common {display:inline-block; font-size:12px; line-height:18px; color:#333; letter-spacing:-0.048em; padding:4px;}
.jcfb_edit .ico_dot {display:block; width:3px; height:3px; border-radius:2px; background:#ff3636; position:absolute; left:4px; top:4px;}
.jcfb_edit .wa {width:auto;}
.jcfb_edit .w100p {width:100%;}

@media (min-width:1180px) {
	.jcfb_edit > ul > li {width:50%;}
}
@media (min-width:768px) and (max-width:1179px) {
	.jcfb_edit > ul > li {width:50%;}
	.jcfb_edit.jcfb_edit_tb > ul > li {width:100%;}
}
@media (max-width:767px) {
	.jcfb_edit > ul > li {width:100%;}
}



/*
 * captcha check
 */
.captcha_check {font-size:0; line-height:0; border:1px solid #bbb; margin-top:24px; background:#f8f8f8;}
.captcha_check > div {width:240px; padding:20px 0; margin:0 auto;}
.captcha_check * {vertical-align:middle;}
.captcha_check img {display:block; width:100%; margin-bottom:4px;}
.captcha_check input {height:28px; padding:2px 8px; font-size:12px; line-height:20px;}

.g-recaptcha {width:304px; margin:24px auto;}



/*
 * stat slct
 */
/* .stat_slct {position:absolute;}
.stat_slct select {width:auto; font-size:13px;}

@media (min-width:1180px) {
	.stat_slct {top:346px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.stat_slct {top:238px;}
}
@media (max-width:767px) {
	.stat_slct {top:222px;}
} */



/*
 * tree area
 */
.tree_area {margin-top:24px;}
.tree_area .ta_top {background:#4475cb; padding:10px 16px;}
.tree_area .ta_top span {display:inline-block; font-size:14px; line-height:20px; letter-spacing:-0.048em; color:#fff;}
.tree_area .ta_cont {background:#f6f6f9; height:360px;}



/*
 * popup area
 */
.popup_area .pa_top {position:relative; padding:12px 48px 12px 20px; background:#4475cb; font-size:0; line-height:0;}
.popup_area .pa_top h4 {display:block; font-size:18px; line-height:24px; letter-spacing:-0.048em; color:#fff;}
.popup_area .pa_top .btn_close {display:block; position:absolute; right:0; top:50%; margin-top:-24px; color:#ccc;}
.popup_area .pa_top .btn_close .mi {display:block; width:48px; font-size:22px; line-height:48px; text-align:center;}
.popup_area .pa_top .btn_close:hover {color:#fff;}
.popup_area .pa_cont {padding:20px;}



/*
 * privacy policy
 */
.privacy_policy .s_dfn1 {background:#f8f8f8; border:1px solid #ddd; padding:16px 40px; margin:8px 0;}
.privacy_policy a {color:#5a93fa;}



/*
 * email policy
 */



/*
 * guide area
 */
.guide_area {background:#fefefe; border:1px solid #ddd; font-size:12px; line-height:18px; letter-spacing:-0.024em; margin-top:8px;}
.guide_area > div {position:relative; padding:20px 24px 20px 56px;}
.guide_area ul, .guide_area ol, .guide_area dl {padding-left:16px;}
.guide_area .g_ttl {display:block; color:#000; margin-bottom:8px;}
.guide_area li, .guide_area dt, .guide_area dd {position:relative; color:#333; padding-bottom:4px;}
.guide_area p {display:block;}
.guide_area .g_ico {display:block; position:absolute; left:24px; top:20px;}
.guide_area .g_ico .mi {width:24px; font-size:24px; line-height:1; text-align:center; color:#3ac569;}
.guide_area .first_letter {display:block; width:18px; font-size:12px; line-height:18px; text-align:center; position:absolute; right:100%; top:0;}



/*
 * business step
 */
/* .business_step_tab .tab_list .ico_window {display:inline-block; width:13px; height:13px; background:url(../images/content/ico_window.png) no-repeat left top; margin-left:6px;}

.business_step .bs_lst {border-top:1px solid #333;}
.business_step .btn_tgl em {display:inline-block; font-size:11px; line-height:17px;}
.business_step .btn_tgl .txt_open {display:inline-block;}
.business_step .btn_tgl .txt_close {display:none;}
.business_step.all_open .btn_tgl .txt_open {display:none;}
.business_step.all_open .btn_tgl .txt_close {display:inline-block;}
.business_step .bs_lst > ul > li > a {position:relative; display:block; padding:16px 48px 16px 24px; border-bottom:1px solid #ddd;}
.business_step .bs_lst > ul > li > a > .mi {display:block; width:33px; height:33px; font-size:19px; line-height:33px; text-align:center; position:absolute; right:0; top:50%; margin:-17px 0 0 0; color:#bbb; transition:transform .3s ease-out;}
.business_step .bs_lst > ul > li.open > a > .mi {transform:rotate(-180deg);}
.business_step .bs_lst > ul > li > div {position:relative; background:#f3f4f5; padding:48px; border-bottom:1px solid #ddd; display:none;}
.business_step .bs_lst > ul > li.open > div {display:block;}
.business_step .bs_lst .bsl_ttl {display:block; font-size:15px; line-height:23px; letter-spacing:-0.048em; color:#333;}
.business_step .bs_info {font-size:0; line-height:0; text-align:center;}
.business_step .bs_info > ul {margin:-8px 0;}
.business_step .bs_info > ul > li {display:inline-block; position:relative; padding:8px 16px;}
.business_step .bs_info .bsi_img {display:block; text-align:center;}
.business_step .bs_info .bsi_img img {display:block; width:100%; height:100%;}
.business_step .bs_info .bsi_ttl {display:block; font-family:'NotoSansB'; letter-spacing:-0.024em; text-overflow:ellipsis; overflow:hidden; margin:16px 0 0 0;}
.business_step .bs_info .mi {display:block; width:24px; font-size:20px; line-height:24px; text-align:center; color:#ccc; position:absolute; left:-12px;}
.business_step .bs_info > ul > li:first-child .mi {display:none;}
.business_step .bs_descript {margin-top:24px;}
.business_step .bs_descript .s_lst1 strong {font-size:15px; color:#5a93fa;}
.business_step .bs_descript .s_dfn1 strong {color:#3ac569;}

@media (min-width:1180px) {
	.business_step .bs_info > ul > li > div {width:120px;}
	.business_step .bs_info .bsi_img {height:120px;}
	.business_step .bs_info .bsi_ttl {font-size:16.5px; line-height:23px; height:46px;}
	.business_step .bs_info .mi {top:56px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.business_step .bs_info > ul > li > div {width:100px;}
	.business_step .bs_info .bsi_img {width:100px; height:100px;}	
	.business_step .bs_info .bsi_ttl {font-size:15.5px; line-height:22px; height:44px;}
	.business_step .bs_info .mi {top:46px;}
}
@media (max-width:767px) {
	.business_step .bs_info > ul > li > div {width:80px;}
	.business_step .bs_info .bsi_img {width:80px; height:80px;}	
	.business_step .bs_info .bsi_ttl {font-size:14.5px; line-height:21px; height:42px;}	
	.business_step .bs_info .mi {top:36px;}
} */



/*
 * intro
 */
/* .intro_ifi * {word-wrap:break-word; word-break:keep-all;}
.intro_ifi .ii_top {padding:48px; background:url(../images/intro/ii_top_bg.png) no-repeat right top; background-size:cover;}
.intro_ifi .ii_top > div {position:relative;}
.intro_ifi .ii_top span {color:#098ed9;}
.intro_ifi .ii_top p {color:#222;}

.intro_bank .ib_top {padding:0 12.5%;}
.intro_bank .ib_top .ibt_logo {display:block; margin:0 auto; font-size:0; line-height:0; text-align:center; border:1px solid rgba(0,0,0,0.24);}
.intro_bank .ib_top .ibt_logo::before {display:inline-block; content:''; width:0; height:100%; vertical-align:middle;}
.intro_bank .ib_top .ibt_logo img {display:inline-block; max-width:80%; max-height:80%; vertical-align:middle; margin:-100% 0;}
.intro_bank .ib_top .s_slgn1 {font-family:'NotoSansB';}
.intro_bank .ib_top .s_pg1 {color:#333;}
.intro_bank .ib_lst > ul {border-top:1px solid #333;}
.intro_bank .ib_lst > ul > li {border-bottom:1px solid #ddd;}
.intro_bank .ib_lst > ul > li > div::after {display:block; content:''; clear:both;}
.intro_bank .ib_lst .ibl_img a {display:block; position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.intro_bank .ib_lst .ibl_img a::after {display:block; content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.04); z-index:0;}
.intro_bank .ib_lst .ibl_img a span {display:block; width:100%; padding:12px 16px; background:#eee; font-family:'NotoSansB'; font-size:12px; line-height:18px; color:#222; word-wrap:break-word; word-break:keep-all; position:absolute; left:0; bottom:0; z-index:5;}
.intro_bank .ib_lst .ibl_info .s_ttl1 {font-family:'NotoSansB'; word-wrap:break-word; word-break:keep-all;}
.intro_bank .ib_lst .ibl_info .ibli_lst > li {position:relative; padding:4px 0; padding-left:96px;}
.intro_bank .ib_lst .ibl_info .ibli_lst .iblil_ttl {display:block; font-size:13px; line-height:19px; padding:4px 0; position:absolute; left:0; top:0;}

.intro_bank_wb .ib_lst > ul > li:nth-child(1) .ibl_img a {background-image:url(../images/intro/intro_wb1.png);}
.intro_bank_wb .ib_lst > ul > li:nth-child(2) .ibl_img a {background-image:url(../images/intro/intro_wb2.png);}
.intro_bank_wb .ib_lst > ul > li:nth-child(3) .ibl_img a {background-image:url(../images/intro/intro_wb3.png);}
.intro_bank_wb .ib_lst > ul > li:nth-child(4) .ibl_img a {background-image:url(../images/intro/intro_wb4.png);}
.intro_bank_afdb .ib_lst > ul > li:nth-child(1) .ibl_img a {background-image:url(../images/intro/intro_afdb1.png);}
.intro_bank_afdb .ib_lst > ul > li:nth-child(2) .ibl_img a {background-image:url(../images/intro/intro_afdb2.jpg);}
.intro_bank_adb .ib_lst > ul > li:nth-child(1) .ibl_img a {background-image:url(../images/intro/intro_adb1.png);}
.intro_bank_ebrd .ib_lst > ul > li:nth-child(1) .ibl_img a {background-image:url(../images/intro/intro_ebrd1.png);}
.intro_bank_idb .ib_lst > ul > li:nth-child(1) .ibl_img a {background-image:url(../images/intro/intro_idb1.png);}
.intro_bank_idb .ib_lst > ul > li:nth-child(2) .ibl_img a {background-image:url(../images/intro/intro_idb2.jpg);}
.intro_bank_aiib .ib_lst > ul > li:nth-child(1) .ibl_img a {background-image:url(../images/intro/intro_aiib1.png);}
.intro_bank_imf .ib_lst > ul > li:nth-child(1) .ibl_img a {background-image:url(../images/intro/intro_imf1.png);}
.intro_bank_oecd .ib_lst > ul > li:nth-child(1) .ibl_img a {background-image:url(../images/intro/intro_oecd1.png);}
.intro_bank_gcf .ib_lst > ul > li:nth-child(1) .ibl_img a {background-image:url(../images/intro/intro_gcf1.png);}

@media (min-width:1180px) {
	.intro_ifi .ii_top {padding:48px;}
	.intro_ifi .ii_top > div {padding-right:50%;}
	.intro_ifi .ii_top img {display:block; position:absolute; right:0; top:0; max-width:50%; max-height:96%;}
	
	.intro_bank .ib_top .ibt_logo {width:50%;}
	.intro_bank .ib_lst > ul > li {padding:16px;}
	.intro_bank .ib_lst > ul > li > div > div {float:left; padding:16px;}
	.intro_bank .ib_lst .ibl_img {width:33.3333%;}
	.intro_bank .ib_lst .ibl_info {width:66.6666%;}
}
@media (min-width:768px) and (max-width:1179px) {
	.intro_ifi .ii_top {padding:36px;}
	.intro_ifi .ii_top img {display:block; position:absolute; right:0; top:0; max-width:50%; max-height:96%;}
	
	.intro_bank .ib_top .ibt_logo {width:50%;}
	.intro_bank .ib_lst > ul > li {padding:14px;}
	.intro_bank .ib_lst > ul > li > div > div {float:left; padding:14px;}
	.intro_bank .ib_lst .ibl_img {width:33.3333%;}
	.intro_bank .ib_lst .ibl_info {width:66.6666%;}
}
@media (max-width:767px) {
	.intro_ifi .ii_top {padding:24px;}
	.intro_ifi .ii_top img {display:none;}
	
	.intro_bank .ib_top .ibt_logo {width:75%;}
	.intro_bank .ib_lst > ul > li {padding:12px 0;}
	.intro_bank .ib_lst > ul > li > div > div {padding:12px 0;}
} */



/*
 * recruit
 */
.recruit_bank .rb_top {background:#f5f8fa;}
.recruit_bank .rb_top > div {position:relative;}
.recruit_bank .rb_top .s_slgn1 {font-family:'NotoSansB';}
.recruit_bank .rb_top .s_pg1 {color:#333;}
.recruit_bank .rb_top .btn_md span {font-size:13.5px;}
.recruit_bank .rb_top .rbt_logo {display:block; font-size:0; line-height:0; text-align:center; background:#fff; border:1px solid rgba(0,0,0,0.24);}/**/
.recruit_bank .rb_top .rbt_logo::before {display:inline-block; content:''; width:0; height:100%; vertical-align:middle;}
.recruit_bank .rb_top .rbt_logo img {display:inline-block; max-width:80%; max-height:80%; vertical-align:middle; margin:-100% 0;}

.recruit .d_tbl * {vertical-align:top;}
.recruit .d_tbl table th, .recruit .d_tbl table td {text-align:left;}
.recruit .no_lst {padding:64px 0;}

@media (min-width:1180px) {
	.recruit_bank .rb_top {padding:48px;}
	.recruit_bank .rb_top > div {padding-right:40%;}
	.recruit_bank .rb_top .rbt_logo {width:36%; position:absolute; right:0; top:50%;}
}
@media (min-width:768px) and (max-width:1179px) {
	.recruit_bank .rb_top {padding:36px;}
	.recruit_bank .rb_top > div {padding-right:40%;}
	.recruit_bank .rb_top .rbt_logo {width:36%; position:absolute; right:0; top:50%;}
}
@media (max-width:767px) {
	.recruit_bank .rb_top {padding:24px; text-align:center;}
	.recruit_bank .rb_top .rbt_logo {width:75%; margin:0 auto;}
}



/*
 * career fair
 */
.career_fair .cf_top {background:url(../images/content/cf_top_bg.png) no-repeat #f5f8fa right center; background-size:auto 100%;}
.career_fair .cf_top > div {position:relative;}
.career_fair .cf_top .s_slgn1 {font-family:'NotoSansB'; font-size:36px;}
.career_fair .cf_top .s_pg1 {color:#333;}

.career_fair .d_tbl * {vertical-align:middle;}
.career_fair .d_tbl table tbody th, .career_fair .d_tbl table tbody td {word-wrap:break-word; word-break:keep-all;}
.career_fair .d_tbl b {display:block;}
.career_fair .d_tbl strong {display:block; font-family:'NotoSansR'; color:#333;}
.career_fair .no_lst {padding:64px 0;}

@media (min-width:1180px) {
	.career_fair .cf_top {padding:48px;}
	/* .career_fair .cf_top > div {padding-right:40%;} */
}
@media (min-width:768px) and (max-width:1179px) {
	.career_fair .cf_top {padding:40px;}
	/* .career_fair .cf_top > div {padding-right:40%;} */
}
@media (max-width:767px) {
	.career_fair .cf_top  {padding:32px; text-align:center; background:#f5f8fa;}
}



/*
 * igs
 */
.igs {margin-top:24px;}
.igs > ul::after {display:block; content:''; clear:both;}
.igs > ul > li {float:left;}
.igs > ul > li > div {border:1px solid #ddd; position:relative;}
.igs .igs_ttl {display:block; padding:16px 20px; font-size:17px; line-height:23px; letter-spacing:-0.024em; color:#111;}
.igs .igs_info {position:absolute; right:0; bottom:0; padding:16px 20px; font-size:12px; line-height:18px; letter-spacing:-0.024em; word-wrap:break-word; word-break:keep-all; text-align:right; z-index:5;}
.igs .igs_email {display:block; margin-top:2px; color:#e85a71;}
.igs .igs_phone {display:block; margin-top:2px; color:#777;}
.igs .igs_img {display:block; width:44px; height:44px; position:absolute; left:20px; bottom:20px; font-size:0; line-height:0; text-align:center; opacity:0.8; z-index:0;}
.igs .igs_img::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.igs .igs_img img {display:inline-block; max-width:100%; max-height:100%; margin:-100% 0; vertical-align:middle;}

@media (min-width:1180px) {
	.igs ul {margin:-8px;}
	.igs ul li {width:25%; padding:8px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.igs ul {margin:-6px;}
	.igs ul li {width:33.3333%; padding:6px;}
}
@media (max-width:767px) {
	.igs ul {margin:-4px;}
	.igs ul li {width:50%; padding:4px;}
	.igs .igs_img {display:none;}
}



/*
 * img box
 */
.img_box {position:relative; border:1px solid rgba(0,0,0,0.16);}
.img_box img {display:block; width:100%;}
.img_box .btn_view {position:absolute; right:-1px; bottom:-1px; background:rgba(0,0,0,0.8); padding:8px 10px 10px 10px; text-align:center;}
.img_box .btn_view span {display:block; font-size:10.5px; line-height:1; letter-spacing:-0.048em; color:#fff; margin-top:4px;}
.img_box .btn_view .mi {color:#fff;}

@media (min-width:1180px) {
	.img_box .btn_view {display:none;}
}
@media (min-width:768px) and (max-width:1179px) {
	.img_box .btn_view {display:block;}
}
@media (max-width:767px) {
	.img_box .btn_view {display:block;}
}



/*
 * site_link
 */
/* .site_link {margin-top:24px;}
.site_link > ul::after {display:block; content:''; clear:both;}
.site_link > ul > li {float:left;}
.site_link > ul > li > div {border:1px solid #ccc; padding:20px;}
.site_link > ul > li > div > a {display:block; position:relative;}
.site_link > ul > li > div > a .sl_img {display:block; border:1px solid #eee; text-align:center;}
.site_link > ul > li > div > a .sl_img::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.site_link > ul > li > div > a .sl_img img {display:inline-block; max-width:72%; max-height:72%; vertical-align:middle;}
.site_link > ul > li > div > a .sl_info {display:block; word-wrap:break-word; word-break:keep-all;}
.site_link > ul > li > div > a .sl_info .sli_ttl,
.site_link > ul > li > div > a .sl_info .sli_descript,
.site_link > ul > li > div > a .sl_info .sli_site {display:block;}
.site_link > ul > li > div > a .sl_info .sli_ttl {font-family:'NotoSansB'; font-size:19px; line-height:1; letter-spacing:-0.024em; color:#111; padding-top:4px;}
.site_link > ul > li > div > a .sl_info .sli_descript {font-size:13px; line-height:19px; letter-spacing:-0.024em; color:#444; margin-top:8px;}
.site_link > ul > li > div > a .sl_info .sli_site {font-size:11px; line-height:17px; letter-spacing:-0.024em; color:#777; margin-top:16px;}

@media (min-width:1180px) {
	.site_link ul {margin:-8px;}
	.site_link > ul > li {width:50%; padding:8px;}
	.site_link > ul > li > div > a {padding-left:33.3333%;}
	.site_link > ul > li > div > a .sl_img {position:absolute; left:0; top:0; width:33.3333%; height:100%;}
	.site_link > ul > li > div > a .sl_info {padding-left:24px;}
	.site_link > ul > li > div > a .sl_info .sli_descript {height:76px; text-overflow:ellipsis; overflow:hidden; white-space:normal;}
	.site_link > ul > li > div > a .sl_info .sli_site {height:34px; text-overflow:ellipsis; overflow:hidden; white-space:normal;}
}
@media (min-width:768px) and (max-width:1179px) {
	.site_link ul {margin:-6px;}
	.site_link > ul > li {width:100%; padding:6px;}
	.site_link > ul > li > div > a {padding-left:33.3333%;}
	.site_link > ul > li > div > a .sl_img {position:absolute; left:0; top:0; width:33.3333%; height:100%;}
	.site_link > ul > li > div > a .sl_info {padding-left:24px;}
	.site_link > ul > li > div > a .sl_info .sli_descript {min-height:76px; text-overflow:ellipsis; overflow:hidden; white-space:normal;}
	.site_link > ul > li > div > a .sl_info .sli_site {height:34px; text-overflow:ellipsis; overflow:hidden; white-space:normal;}
}
@media (min-width:480px) and  (max-width:767px) {
	.site_link ul {margin:-4px;}
	.site_link > ul > li {width:100%; padding:4px;}
	.site_link > ul > li > div > a {padding-left:33.3333%;}
	.site_link > ul > li > div > a .sl_img {position:absolute; left:0; top:0; width:33.3333%; height:120px;}
	.site_link > ul > li > div > a .sl_info {padding-left:24px;}
	.site_link > ul > li > div > a .sl_info .sli_descript {min-height:64px; text-overflow:ellipsis; overflow:hidden; white-space:normal;}
}
@media (max-width:479px) {
	.site_link ul {margin:-4px;}
	.site_link > ul > li {width:100%; padding:4px;}
	.site_link > ul > li > div > a .sl_img {width:100%; height:100px;}
	.site_link > ul > li > div > a .sl_info {padding-top:16px;}
} */



/*
 * slct nation
 */
/* .slct_nation {border:1px solid #bbb; padding:10px 16px; min-height:41px; margin-top:24px;}
.slct_nation > div {position:relative; padding-left:96px; font-size:12px; line-height:19px; color:#555;}
.slct_nation .sn_ttl {display:block; position:absolute; left:0; top:0; font-size:13px; line-height:19px; color:#222;} */



/*
 * legend top
 */
/* .legend_top {font-size:0; line-height:0; text-align:center;}
.legend_top > ul {margin:-4px 0;}
.legend_top > ul > li {display:inline-block; position:relative; margin:4px 0;}
.legend_top .lt_bar {display:block; height:12px; background:red;}
.legend_top > ul > li:nth-child(1) .lt_bar {background:#086A87;}
.legend_top > ul > li:nth-child(2) .lt_bar {background:#01A9DB;}
.legend_top > ul > li:nth-child(3) .lt_bar {background:#2ECCFA;}
.legend_top > ul > li:nth-child(4) .lt_bar {background:#A9E2F3;}
.legend_top > ul > li:nth-child(5) .lt_bar {background:#CEECF5;}
.legend_top > ul > li:nth-child(6) .lt_bar {background:#CEF6F5;}
.legend_top > ul > li:nth-child(7) .lt_bar {background:#E0F2F7;}
.legend_top .lt_txt {display:block; font-size:12px; line-height:1; letter-spacing:-0.024em; color:#333; padding:4px 0;}

@media (min-width:1180px) {
	.legend_top {padding:16px 12.5%;}
	.legend_top > ul > li {width:12.5%;}
}
@media (min-width:768px) and (max-width:1179px) {
	.legend_top {padding:16px 0;}
	.legend_top > ul > li {width:100px;}
}
@media (max-width:767px) {
	.legend_top {padding:16px 0;}
	.legend_top > ul > li {width:100px;}
} */



/*
 * essential
 */
.btn_essential .open {display:inline;}
.btn_essential .close {display:none;}
.btn_essential.open .open {display:none;}
.btn_essential.open .close {display:inline;}
.essential_descript {display:none;}
.essential_descript.open {display:block;}



/*
 * 통합검색
 */
.ts_box {font-size:0; line-height:0; margin-top:32px;}
.ts_box h4 {font-family:'NotoSansB';}
.ts_box .tsb_lst dl {margin-top:16px;}
.ts_box .tsb_lst dl dd {margin-top:8px;}
.ts_box .tsb_lst dt .tsb_ttl, .tsb_lst dt .tsb_date {font-size:16px; line-height:24px; letter-spacing:-0.024em;}
.ts_box .tsb_lst dt .tsb_ttl {text-decoration:underline; padding-right:8px;}
.ts_box .tsb_lst dt .tsb_date {font-size:14px; padding-left:8px; color:#777;}
.ts_box .tsb_lst .tsb_file a {font-size:13px; line-height:16px; letter-spacing:-0.024em; color:#666;}
.ts_box .tsb_lst .tsb_file [class^="ico_"] {padding-left:22px; background-repeat:no-repeat; background-position:left top;}
.ts_box .tsb_lst .tsb_file .ico_hwp {background-image:url(../images/board/ico_hwp.png);}
.ts_box .tsb_lst .tsb_file .ico_pdf {background-image:url(../images/board/ico_pdf.png);}
.ts_box .tsb_lst .tsb_file .ico_ppt {background-image:url(../images/board/ico_ppt.png);}
.ts_box .tsb_lst .tsb_file .ico_word {background-image:url(../images/board/ico_word.png);}
.ts_box .tsb_lst .tsb_file .ico_excel {background-image:url(../images/board/ico_excel.png);}
.ts_box .tsb_lst .tsb_file .ico_jpg {background-image:url(../images/board/ico_jpg.png);}
.ts_box .tsb_lst .tsb_file .ico_video {background-image:url(../images/board/ico_video.png);}
.ts_box .tsb_lst .tsb_file .ico_zip {background-image:url(../images/board/ico_zip.png);}
.ts_box .tsb_lst .tsb_file .ico_gif {background-image:url(../images/board/ico_gif.png);}
.ts_box .tsb_lst .tsb_file .ico_txt {background-image:url(../images/board/ico_txt.png);}
.ts_box .tsb_lst .tsb_file .ico_swf {background-image:url(../images/board/ico_swf.png);}
.ts_box .tsb_lst .tsb_descript p {text-overflow:ellipsis; overflow:hidden; white-space:normal;}
.ts_box .tsb_more a {text-decoration:underline;}

@media (min-width:1180px) {
	.ts_box .tsb_lst .tsb_descript p {max-height:42px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.img_box .btn_view {display:block;}
	.ts_box .tsb_lst .tsb_descript p {max-height:63px;}
}
@media (max-width:767px) {
	.img_box .btn_view {display:block;}
	.ts_box .tsb_lst .tsb_descript p {max-height:84px;}
}



/*
 * loading
 */
/* .loading_mail {position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.64); z-index:950; opacity:0; transition:opacity .3s ease-out; display:none;}
.loading_mail > div {background:#fff; border:1px solid rgba(0,0,0,0.64); padding:24px; width:160px; position:absolute; left:50%; top:50%; margin:-80px 0 0 -80px;}
.loading_mail > div img {display:block; margin:0 auto;}
.loading_mail > div > p {display:block; text-align:center; font-size:13px; line-height:1.5; letter-spacing:-0.048em; margin-top:16px;}
.loading_mail > div > p > strong {font-family:'NotoSansB'; font-size:19px; line-height:1.5; letter-spacing:-0.048em;}
.loading_mail.show {opacity:1;} */



/*
 * error_msg
 */
/* .error_msg {text-align:center;}
.error_msg > div {display:inline-block;}
.error_msg > div > div {display:block;}
.error_msg p {display:block; line-height:1.25; letter-spacing:-0.024em; color:#53565c;}
.error_msg p strong {color:#317dd1;}
@media (min-width:1180px) {
	.error_msg {margin-top:48px;}
	.error_msg > div > div {padding:80px 0 81px 341px; min-height:308px; background:url(../images/error/error_bg.png) no-repeat left center; text-align:left;}
	.error_msg p {font-size:28px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.error_msg {margin-top:48px;}
	.error_msg > div > div {padding:80px 0 81px 341px; min-height:308px; background:url(../images/error/error_bg.png) no-repeat left center; text-align:left;}
	.error_msg p {font-size:28px;}
}
@media (max-width:767px) {
	.error_msg {margin-top:48px;}
	.error_msg > div > div {padding:144px 0 0 0; background:url(../images/error/error_bg.png) no-repeat center top; background-size:auto 120px;}
	.error_msg p {font-size:24px;}
} */



/*
 * fnd_endw
 */
/* .fe_lst {border:1px solid #ddd; margin-top:8px;}
.fe_lst > ul > li > div {position:relative; padding:16px 0; border-bottom:1px solid #eee;}
.fe_lst > ul > li:last-child > div {border-bottom:0;}
.fe_lst .fel_img {display:block; position:absolute; left:0; background:#eff0f4; border-radius:52px; font-size:0; line-height:0; text-align:center;}
.fe_lst .fel_img::before {display:inline-block; height:100%; content:''; vertical-align:middle;}
.fe_lst .fel_img img {display:inline-block; max-width:56%; max-height:56%; vertical-align:middle; margin:-100% 0;}
.fe_lst .s_ttl1 {font-family:'NotoSansB'; font-size:20.5px;}

@media (min-width:1180px) {
	.fe_lst {padding:0 40px;}
	.fe_lst > ul > li > div {padding:32px 0 32px 136px;}
	.fe_lst .fel_img {width:104px; height:104px; top:21px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.fe_lst {padding:0 32px;}
	.fe_lst > ul > li > div {padding:24px 0 24px 104px;}
	.fe_lst .fel_img {width:80px; height:80px; top:25px;}
}
@media (max-width:767px) {
	.fe_lst {padding:0 32px;}
	.fe_lst > ul > li > div {padding:24px 0 24px 104px;}
	.fe_lst .fel_img {width:80px; height:80px; top:25px;}
} */



/*
 * chart list count
 */
/* .chart_list_count {background:#f8f8f8; font-size:13px; line-height:19px; letter-spacing:-0.024em;}
.chart_list_count > ul::after {display:block; content:''; clear:both;}
.chart_list_count > ul > li {float:left;}
.chart_list_count > ul > li > div::after {display:block; content:''; clear:both;}
.chart_list_count .clc_square {display:block; float:left; width:19px; height:19px; margin-right:6px;}
.chart_list_count .clc_name {display:block; float:left;}
.chart_list_count .clc_number {display:block; float:right; font-family:'Century Gothic'; font-size:14px; font-weight:bold; letter-spacing:0; color:#5a93fa;}

@media (min-width:1180px) {
	.chart_list_count {padding:32px;}
	.chart_list_count > ul > li {width:16.6666%;}
	.chart_list_count.cnt2-4-2 > ul > li {width:50%;}
	.chart_list_count > ul > li > div {padding:8px 16px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.chart_list_count {padding:24px;}
	.chart_list_count > ul > li {width:33.3333%;}
	.chart_list_count.cnt2-4-2 > ul > li {width:25%;}
	.chart_list_count > ul > li > div {padding:6px 12px;}
}
@media (max-width:767px) {
	.chart_list_count {padding:16px;}
	.chart_list_count > ul > li {width:50%;}
	.chart_list_count.cnt2-4-2 > ul > li {width:50%;}
	.chart_list_count > ul > li > div {padding:4px 8px;}
} */

.line_chart_chk {background:#f8f8f8; text-align:center; padding:16px 20px;}
.line_chart_chk * {vertical-align:middle;}
.line_chart_chk label {padding:4px 8px 4px 4px; font-size:12px; line-height:19px;}



/*
 * piechart area
 */
/* .piechart_area > div::after {display:block; content:''; clear:both;}
@media (min-width:1180px) {
	.piechart_area > div {margin:-48px;}
	.piechart_area > div > div {width:50%; float:left; padding:48px;}
	.piechart_area #db_l {width:380px; height:380px; margin:0 auto;}
}
@media (min-width:768px) and (max-width:1179px) {
	.piechart_area #db_l {width:60%; margin:0 auto;}
	.piechart_area .chart_list_count {margin-top:48px;}
}
@media (max-width:767px) {
	.piechart_area #db_l {width:80%; margin:0 auto;}
	.piechart_area .chart_list_count {margin-top:48px;}
} */



/*
 * browser guide
 */
.browser_guide {width:100%; height:100%; background:#f5f5f8;}
.browser_guide h1 {display:block; width:280px; height:48px; margin:0 auto;}
.browser_guide h1 img {display:block; width:100%;}
.browser_guide p {display:block; font-size:28px; line-height:1.25; letter-spacing:-0.024em; color:#53565c; text-align:center;}
.browser_guide p strong {color:#317dd1;}
.browser_guide .bg_download {background:#fff;}
.browser_guide .bg_download ul::after {display:block; content:''; clear:both;}
.browser_guide .bg_download ul li {float:left; text-align:center; padding-bottom:32px;}
.browser_guide .bg_download .bgd_img {display:block; width:160px; height:160px; margin:0 auto; background-repeat:no-repeat; background-position:center center; background-size:60% auto;}
.browser_guide .bg_download ul li:nth-child(1) .bgd_img {background-image:url(../images/browser/ico_ie.png);}
.browser_guide .bg_download ul li:nth-child(2) .bgd_img {background-image:url(../images/browser/ico_chrome.png);}
.browser_guide .bg_download ul li:nth-child(3) .bgd_img {background-image:url(../images/browser/ico_firefox.png);}

@media (min-width:1180px) {
	.browser_guide > div {width:1180px; margin:0 auto; padding:120px 0;}
	.browser_guide .bg_download {padding:0 24px;}
	.browser_guide .bg_download ul li {width:33.3333%;}
}
@media (min-width:768px) and (max-width:1179px) {
	.browser_guide > div {width:100%; padding:100px 0;}	
	.browser_guide .bg_download {padding:0 16px;}
	.browser_guide .bg_download ul li {width:33.3333%;}
}
@media (max-width:767px) {
	.browser_guide > div {width:100%; padding:80px 0;}
	.browser_guide .bg_download {padding:0 8px;}
	.browser_guide .bg_download ul li {width:100%;}
}



/*
 * use guide
 */
.ug_step {border:1px solid #ddd;}
.ug_step .ugs_top {background:#edf3f6;}
.ug_step .ugs_top p {display:block; padding:16px 24px; font-size:17px; line-height:1.5; letter-spacing:-0.024em; text-align:center; color:#4b4c4a;}
.ug_step .ugs_top p strong {color:#066dae;}
.ug_step .ugs_bottom {position:relative; padding:48px;}
.ug_step .ugs_info {font-size:0; line-height:0; text-align:center;}
.ug_step .ugs_info > ul {margin:-8px 0; border-bottom:1px dotted #eee;}
.ug_step .ugs_info > ul > li {display:inline-block; position:relative; padding:8px 16px;}
.ug_step .ugs_info .ugsi_img {display:block; text-align:center;}
.ug_step .ugs_info .ugsi_img img {display:block; width:100%; height:100%;}
.ug_step .ugs_info .ugsi_ttl {display:block; font-family:'NotoSansB'; letter-spacing:-0.024em; text-overflow:ellipsis; overflow:hidden; margin:16px 0 0 0;}
.ug_step .ugs_info .mi {display:block; width:24px; font-size:20px; line-height:24px; text-align:center; color:#ccc; position:absolute; left:-12px;}
.ug_step .ugs_info > ul > li:first-child .mi {display:none;}
.ug_step .ugs_descript {margin-top:24px;}
.ug_step .ugs_descript .s_lst1 strong {font-size:15px; color:#5a93fa;}
.ug_step .ugs_descript .s_dfn1 strong {color:#3ac569;}

.ug_process .ugp_top {background:#edf3f6;}
.ug_process .ugp_top p {display:block; padding:16px 24px; font-size:17px; line-height:1.25; letter-spacing:-0.024em; text-align:center; color:#4b4c4a;}
.ug_process .ugp_top p strong {color:#066dae;}

.ug_process .ugp_title {position:relative; padding:2px 0 2px 88px;}
.ug_process .ugp_title .tag {position:absolute; left:0; top:0;}

@media (min-width:1180px) {
	.ug_step .ugs_info > ul > li > div {width:120px;}
	.ug_step .ugs_info .ugsi_img {height:120px;}
	.ug_step .ugs_info .ugsi_ttl {font-size:15.5px; line-height:23px; height:46px;}
	.ug_step .ugs_info .mi {top:56px;}
	.ug_process .ugp_info.img_box {padding:32px 120px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.ug_step .ugs_info > ul > li > div {width:100px;}
	.ug_step .ugs_info .ugsi_img {width:100px; height:100px;}	
	.ug_step .ugs_info .ugsi_ttl {font-size:14.5px; line-height:22px; height:44px;}
	.ug_step .ugs_info .mi {top:46px;}
	.ug_process .ugp_info.img_box {padding:24px;}
}
@media (max-width:767px) {
	.ug_step .ugs_info > ul > li > div {width:80px;}
	.ug_step .ugs_info .ugsi_img {width:80px; height:80px;}	
	.ug_step .ugs_info .ugsi_ttl {font-size:13.5px; line-height:21px; height:42px;}	
	.ug_step .ugs_info .mi {top:36px;}
	
	.ug_process .ugp_info.img_box {padding:16px;}
}


/*
 * l_*p
 */
/* [class^="l_"]::after {display:block; content:''; clear:both;}
[class^="l_"] > div {float:left;}

@media (min-width:1180px) {
	[class^="l_"] {margin:0 -16px;}
	[class^="l_"] > div {margin:-16px 0;}
	[class^="l_"] > div > div {padding:16px;}
	
	.l_25p > div:first-child {width:25%;}
	.l_25p > div:last-child {width:75%;}
	.l_33p > div:first-child {width:33.3333%;}
	.l_33p > div:last-child {width:calc(100% - 33.3333%);}
	.l_50p > div {width:50%;}
	.l_66p > div:first-child {width:66.6666%;}
	.l_66p > div:last-child {width:calc(100% - 66.6666%);}
	.l_75p > div:first-child {width:75%;}
	.l_75p > div:last-child {width:25%;}
}
@media (min-width:768px) and (max-width:1179px) {
	[class^="l_"] {margin:0 -12px;}
	[class^="l_"] > div {margin:-12px 0;}
	[class^="l_"] > div > div {padding:12px;}
	
	.l_25p > div:first-child {width:25%;}
	.l_25p > div:last-child {width:75%;}
	.l_33p > div:first-child {width:33.3333%;}
	.l_33p > div:last-child {width:calc(100% - 33.3333%);}
	.l_50p > div {width:50%;}
	.l_66p > div:first-child {width:66.6666%;}
	.l_66p > div:last-child {width:calc(100% - 66.6666%);}
	.l_75p > div:first-child {width:75%;}
	.l_75p > div:last-child {width:25%;}
}
@media (max-width:767px) {
	[class^="l_"] {margin:0 -8px;}
	[class^="l_"] > div {width:100%; margin:-8px 0;}
	[class^="l_"] > div > div {padding:8px;}
	
	[class^="l_"].m_pd8 > div {margin:0;}
} */



/*
 * text
 */
.s_tag1 {display:block; font-size:14.5px; line-height:21px; letter-spacing:-0.024em; color:#999;}
.s_slgn1 {display:block; font-size:31px; line-height:1.25; letter-spacing:-0.024em; color:#070707;}
.s_slgn2 {display:block; font-size:19px; line-height:1.4; letter-spacing:-0.024em; color:#070707;}
.s_slgn1.ta_c, .s_slgn2.ta_c {padding:0 10%;}
.s_ttl1 {display:block; font-size:21px; line-height:27px; letter-spacing:-0.048em; color:#222;}
.s_ttl2 {display:block; font-size:17px; line-height:23px; letter-spacing:-0.024em; color:#222;}
.s_pg1 {display:block; font-size:14.5px; line-height:21px; letter-spacing:-0.024em; color:#636363;}
.s_pg2 {display:block; font-size:13px; line-height:19px; letter-spacing:-0.024em; color:#636363;}
.s_pg3 {display:block; font-size:12px; line-height:18px; letter-spacing:-0.024em; color:#636363;}
.s_pg1 strong, .s_pg2 strong, .s_pg3 strong {color:#222;}
.s_lst1 {padding-left:16px;} 
.s_lst1 li {position:relative; padding:2px 0; font-size:13px; line-height:19px; letter-spacing:-0.024em; color:#636363;}
.s_lst1 li ul, .s_lst1 li ol {padding-left:16px; margin:2px 0;}
.s_lst1 .first_letter {display:block; width:16px; text-align:center; position:absolute; right:100%; top:2px;}
.s_lst1 strong {color:#222;}
.s_lst1 .tag_xs {display:block; position:absolute; right:100%; top:2px; margin-right:7px;}
.s_dfn1 {padding-left:16px;}
.s_dfn1 dt, .s_dfn1 dd {position:relative; padding:2px 0; font-size:13px; line-height:19px; letter-spacing:-0.024em; color:#636363;}
.s_dfn1 .first_letter {display:block; width:16px; text-align:center; position:absolute; right:100%; top:2px;}
.s_dfn1 .tag_xs {display:block; position:absolute; right:100%; top:2px; margin-right:7px;}
.s_blt_line {position:relative; padding-top:10px;}
.s_blt_line::after {display:block; content:''; width:32px; height:2px; background:#555; position:absolute; left:0; top:0;}
.s_pnt_red {color:#ff3636; padding:0 4px 0 2px;}
.s_pnt_blue1 {color:#5a93fa;}
.s_pnt_green1 {color:#3ac569;}
.s_bdr1 {padding:12px 18px; border:1px solid #ddd;}
.s_bg_gray1 {padding:12px 18px; background:#f8f8f8;}

@media (max-width:767px) {
	.s_slgn1 {font-size:23px;}
	.s_slgn1.ta_c, .s_slgn2.ta_c {padding:0;}
}



/*
 * form box
 */
/* .f_srch {position:relative;}
.f_srch .f_ico {display:block; width:28px; height:28px; position:absolute; right:0; top:0;}
.f_srch .f_ico .mi {display:block; font-size:18px; line-height:28px; text-align:center; color:#bbb; background:rgba(0,0,0,0.04);}
.f_srch input[type="text"] {padding-right:28px;}
.f_btn {display:table; table-layout:fixed; width:100%;}
.f_btn > div {display:table-cell; white-space:nowrap;}
.f_btn .fb_btn {text-align:right;}
.f_btn .fb_btn > div {display:inline-block;}
.f_btn .fb_btn .btn {margin:0 0 0 4px;}
.f_btn .fb_btn .mi {font-size:16px; line-height:20px; margin:0 -4px;}
.f_band {margin:0 0 4px 0;}
.f_band:last-child {margin:0;}
.f_band .fb_btn > div {width:64px; text-align:left;}
.f_band .fb_btn .mi {font-size:16px; line-height:20px; margin:0 -4px;}
.f_chk {position:relative; display:inline-block; font-size:0; line-height:0;}
.f_chk input {position:absolute; left:0; top:0; opacity:0;}
.f_chk .mi {display:block; position:absolute; left:0; top:0; text-align:center;}
.f_chk label {position:relative; display:block;}
.f_tbl {display:table; table-layout:fixed; width:100%; font-size:12px; line-height:20px;}
.f_tbl > div {display:table-cell; padding:0 2px;}
.f_tbl > div:first-child {padding-left:0;}
.f_tbl > div:last-child {padding-right:0;}
.f_tbl .f_dash {width:20px; text-align:center;}
.f_tbl .f_ico {right:2px;}
.f_tbl > div:last-child .f_ico {right:0;}
.f_ib > div {display:inline-block; padding:0 2px;}
.f_ib > div:first-child {padding-left:0;}
.f_ib > div:last-child {padding-right:0;}

.f_chk_lst::after {display:block; content:''; clear:both;}
.f_chk_lst > li {float:left;}

@media (min-width:1180px) {
	.f_chk_lst.cnt6-4-2 > li {width:16.6666%;}
	.f_chk_lst.cnt3-2-1 > li {width:50%;}
}
@media (min-width:768px) and (max-width:1179px) {
	.f_tbl.f_tbl_tb {display:block;}
	.f_tbl.f_tbl_tb > div {display:block; margin-bottom:4px; padding:0;}
	.f_tbl.f_tbl_tb > div:last-child {margin-bottom:0;}
	.f_tbl.f_tbl_tb .f_ico {right:0;}
	.f_tbl.f_tbl_tb .f_dash {width:100%;}
	.f_ib.f_ib_tb > div {display:block; margin-bottom:4px; padding:0;}
	.f_ib.f_ib_tb > div:last-child {margin-bottom:0;}
	.f_ib.f_ib_tb .wa {width:100%;}
	
	.f_chk_lst.cnt6-4-2 > li {width:25%;}
	.f_chk_lst.cnt3-2-1 > li {width:50%;}
}
@media (max-width:767px) {
	.f_tbl.f_tbl_tb {display:block;}
	.f_tbl.f_tbl_tb > div {display:block; margin-bottom:4px; padding:0;}
	.f_tbl.f_tbl_tb > div:last-child {margin-bottom:0;}
	.f_tbl.f_tbl_tb .f_ico {right:0;}
	.f_tbl.f_tbl_tb .f_dash {width:100%;}
	.f_tbl.f_tbl_mb {display:block;}
	.f_tbl.f_tbl_mb > div {display:block; margin-bottom:4px; padding:0;}
	.f_tbl.f_tbl_mb > div:last-child {margin-bottom:0;}
	.f_tbl.f_tbl_mb .f_ico {right:0;}
	.f_tbl.f_tbl_mb .f_dash {width:100%;}
	.f_ib.f_ib_tb > div {display:block; margin-bottom:4px; padding:0;}
	.f_ib.f_ib_tb > div:last-child {margin-bottom:0;}
	.f_ib.f_ib_tb .wa {width:100%;}
	.f_ib.f_ib_mb > div {display:block; margin-bottom:4px; padding:0;}
	.f_ib.f_ib_mb > div:last-child {margin-bottom:0;}
	.f_ib.f_ib_mb .wa {width:100%;}
	
	.f_chk_lst.cnt6-4-2 > li {width:50%;}
	.f_chk_lst.cnt3-2-1 > li {width:100%;}
} */



/*
 * modal
 */
/* .modal, .modal-open {overflow:hidden;}
.modal, .modal-backdrop {top:0; right:0; bottom:0; left:0;}
.modal {position:fixed; z-index:900; display:none; -webkit-overflow-scrolling:touch; outline:0;}
.modal.fade .modal-dialog {transition:opacity .3s ease-out, transform .3s ease-out; transform:translate(0, -25%); opacity:0;}
.modal.in .modal-dialog {transform:translate(0, 0); opacity:1;}
.modal-open .modal {overflow-x:hidden; overflow-y:auto;}
.modal-dialog {position:relative; width:auto; margin:10px;}
.modal-content {position:relative; background-color:#fff; border:0; outline:0; box-shadow: 0 0 0 1px rgba(0,0,0,.075);}-webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5); box-shadow:0 3px 9px rgba(0, 0, 0, .5);
.modal-backdrop {position:fixed; z-index:890; background-color:#000;}
.modal-backdrop.fade {filter:alpha(opacity=0); opacity:0;}
.modal-backdrop.in {filter:alpha(opacity=50); opacity:.5;}
.modal-header {padding:16px 56px 0 24px;}
.modal-header .btn_close {position:absolute; right:8px; top:8px;}
.modal-header .btn_close:hover {background:rgba(0,0,0,0.04);}
.modal-header .btn_close .mi {display:block; width:36px; font-size:16px; line-height:36px; text-align:center;}
.modal-title {display:block; font-size:15px; line-height:21px;}
.modal-body {position:relative; padding:20px 24px;}
.modal-footer {padding:0 24px 16px 24px; text-align:center;}
.modal-footer .btn_sm {padding:3px 12px;}
.modal-scrollbar-measure {position:absolute; top:-9999px; width:50px; height:50px; overflow:scroll;}
.modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before {display:table; content:" ";}
.modal-footer:after, .modal-header:after {clear:both;}
.modal_iframe {border:0; width:100%; height:100%; overflow-y:auto;}

@media (min-width:768px) {
	.modal-dialog {width:600px; margin:30px auto;}
}
@media (min-width:1180px) {
	.modal-lg {width:900px;}
} */



/*
 * btn
 */
/* .btn {display:inline-block; font-size:0; line-height:0;}
.btn > span {display:inline-block;}
.btn * {vertical-align:middle;}
.btn_lg {padding:9px 40px; border-radius:2px;}
.btn_lg span {font-size:17.5px; line-height:23px; letter-spacing:-0.048em;}
.btn_md {padding:5px 24px; border-radius:2px;}
.btn_md span {font-size:15px; line-height:21px; letter-spacing:-0.048em;}
.btn_sm {padding:3px 9px;}
.btn_sm span {font-size:12px; line-height:20px; letter-spacing:-0.048em;}
.btn_xs {padding:2px 10px;}
.btn_xs span {font-size:11px; line-height:17px;}
.btn_xs .mi {font-size:13px; line-height:17px; margin-right:2px;}
.btn_blue {background:#5a93fa; color:#fff; border:1px solid rgba(0,0,0,0.16);}
.btn_black {background:#666572; color:#fff; border:1px solid rgba(0,0,0,0.16);}
.btn_gray {background:#ddd; color:#333; border:1px solid rgba(0,0,0,0.16);}
.btn_green {background:#3ac569; color:#fff; border:1px solid rgba(0,0,0,0.16);}
.btn_white {background:#fbfbfb; color:#333; border:1px solid rgba(0,0,0,0.16);}
.btn_white .mi {color:#4475cb;}
.btn_red {background:#f75a92; color:#fff; border:1px solid rgba(0,0,0,0.16);}
.btn_close .mi, .btn_delete .mi {transition:transform .3s ease-out;}
.btn_close:hover .mi, .btn_delete:hover .mi {transform:rotate(180deg);} */



/*
 * tag
 */
/* .tag {display:inline-block; color:#fff; border-radius:2px;}
.tag_xs {font-size:10.5px; line-height:16px; padding:2px 8px;}
.tag_sm {font-size:14.5px; line-height:20px; padding:2px 12px;}
.tag_red {background:#e85a71;}
.tag_blue {background:#5a93fa;}
.tag_green {background:#3ac569;}
.tag_black {background:#666572;} */



/*
 * tab
 */
/* .tab_common .tab_content {display:none;}
.tab_common .tab_content.on {display:block;}
.tab_access .tab_box .tab_content, .tab_access .tab_box .btn_more {display:none;}
.tab_access .tab_box.on .tab_content, .tab_access .tab_box.on .btn_more {display:block;}

.tab_inl {font-size:0; line-height:0; margin-top:24px;}
.tab_inl > ul {margin:-1px;}
.tab_inl > ul > li {display:inline-block; padding:1px; cursor:pointer;}
.tab_inl > ul > li > a {display:block; padding:12px 36px; background:#eee; color:#333;}
.tab_inl > ul > li > a > span {display:inline-block; font-size:16px; line-height:20px;}
.tab_inl > ul > li.on > a {background:#5a93fa; color:#fff;}

.tab_tbl {font-size:0; line-height:0; margin-top:24px;}
.tab_tbl > ul {display:table; table-layout:fixed; width:100%; margin:-1px;}
.tab_tbl > ul > li {display:table-cell; text-align:center; padding:12px; background:#eee; border:1px solid #fff; cursor:pointer;}
.tab_tbl > ul > li * {vertical-align:middle;}
.tab_tbl > ul > li::before {display:inline-block; content:''; width:0; height:100%; vertical-align:middle;}
.tab_tbl > ul > li > a {display:inline-block; text-align:center; color:#333;}
.tab_tbl > ul > li > a > span {display:inline-block; font-size:16px; line-height:20px;}
.tab_tbl > ul > li.on {background:#5a93fa;}
.tab_tbl > ul > li.on > a {color:#fff;}

.tab_flt {font-size:0; line-height:0; margin-top:24px;}
.tab_flt > ul {margin:-1px;}
.tab_flt > ul::after {display:block; content:''; clear:both;}
.tab_flt > ul > li {display:block; float:left; padding:1px; cursor:pointer;}
.tab_flt > ul > li > a {display:block; padding:12px; background:#eee; text-align:center; color:#333;}
.tab_flt > ul > li > a > span {display:inline-block; font-size:16px; line-height:20px;}
.tab_flt > ul > li.on > a {background:#5a93fa; color:#fff;}

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



/*
 * slider pager
 */
/* .slider .lSSlideOuter .lSPager.lSpg {margin:0; padding:0; font-size:0; line-height:0; text-align:center;}
.slider .lSSlideOuter .lSPager.lSpg > li {cursor:pointer; display:inline-block; padding:0 4px;}
.slider .lSSlideOuter .lSPager.lSpg > li a {position:relative; display:block; width:8px; height:8px; background-color:#222222; border-radius:30px; overflow:hidden; text-indent:-999em; z-index:99; -webkit-transition:all 0.5s linear 0s; transition:all 0.5s linear 0s;}
.slider .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {background-color: #428bca;}
.slider .lSAction > a {background:none;} */



/*
 * datepicker
 */
.ui-datepicker.ui-widget.ui-widget-content {border:1px solid #aaa; padding:4px; font-family:'helvetica neue','NotoSansR'; font-size:14px; letter-spacing:-0.024em; margin-top:-1px;}/* box-shadow:1px 1px 1px rgba(0,0,0,0.24); */
.ui-datepicker * {vertical-align:middle;}
.ui-datepicker.ui-corner-all {border-radius:0;}
.ui-datepicker .ui-datepicker-header {border-radius:0;}
/*
.ui-datepicker .ui-state-hover, .ui-datepicker.ui-widget-content .ui-state-hover, .ui-datepicker .ui-widget-header .ui-state-hover {border:0;}
.ui-datepicker.ui-widget .ui-datepicker-prev {left:1px;}
.ui-datepicker.ui-widget .ui-datepicker-next {right:1px;}
.ui-datepicker.ui-widget .ui-datepicker-prev, .ui-datepicker.ui-widget .ui-datepicker-next {top:1px;} 
.ui-datepicker .ui-datepicker-prev-hover.ui-corner-all {left:1px; top:1px;}
.ui-datepicker .ui-datepicker-next-hover.ui-corner-all {right:1px; top:1px;}
*/
.ui-datepicker.ui-widget .ui-datepicker-title {line-height:0;}
.ui-datepicker .ui-datepicker-title select {height:22px; margin:0;}
.ui-datepicker.ui-widget th {font-weight:400;}
.ui-datepicker .ui-datepicker-buttonpane button {font-family:'NotoSansR'; font-size:13px; letter-spacing:-0.024em;}
.ui-datepicker .ui-priority-primary, .ui-datepicker .ui-widget-content .ui-priority-primary {font-weight:400;}



/*
 * cke layer popup
 */
.cke_reset_all.cke_editor_bbscttCn_dialog * {font-family:'NotoSansR'; font-weight:400;}
.cke_reset_all.cke_editor_bbscttCn_dialog *:focus {outline-width:1px;}
.cke_reset_all .cke_dialog_title {font-size:14.5px; color:#000; padding-left:22px;}
.cke_reset_all .cke_ltr .cke_dialog_close_button {top:15px; right:15px;}
.cke_reset_all .cke_dialog_footer_buttons {margin:9px;}
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button span {font-weight:400;}
.cke_reset_all a.cke_dialog_ui_button_ok {background:#5a93fa; color:#fff; border:1px solid rgba(0,0,0,0.16);}
.cke_reset_all a.cke_dialog_ui_button_ok:hover {background:#5a93fa; border:1px solid rgba(0,0,0,0.48);}