@charset "utf-8";

/* font-face */
@font-face {font-family:'Noto Sans KR'; font-style:normal; font-weight:300; src:url(/resoureces/font/ns_l.woff2) format('woff2'), url(../font/ns_l.woff) format('woff')}
@font-face {font-family:'Noto Sans KR'; font-style:normal; font-weight:400; src:url(/resoureces/font/ns_r.woff2) format('woff2'), url(../font/ns_r.woff) format('woff')}
@font-face {font-family:'Noto Sans KR'; font-style:normal; font-weight:500; src:url(/resoureces/font/ns_m.woff2) format('woff2'), url(../font/ns_m.woff) format('woff')}
@font-face {font-family:'Noto Sans KR'; font-style:normal; font-weight:700; src:url(/resoureces/font/ns_b.woff2) format('woff2'), url(../font/ns_b.woff) format('woff')}
/* @font-face {font-family:'Lato'; font-style:normal; font-weight:300; src:url(../font/l_l.woff2) format('woff2'), url(../font/l_l.woff) format('woff')}
@font-face {font-family:'Lato'; font-style:normal; font-weight:400; src:url(../font/l_r.woff2) format('woff2'), url(../font/l_r.woff) format('woff')}
@font-face {font-family:'Lato'; font-style:normal; font-weight:500; src:url(../font/l_m.woff2) format('woff2'), url(../font/l_m.woff) format('woff')}
@font-face {font-family:'Lato'; font-style:normal; font-weight:700; src:url(../font/l_bd.woff2) format('woff2'), url(../font/l_bd.woff) format('woff')} */

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';	content:none;}
table {border-collapse:collapse; border-spacing:0;}

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

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

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

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

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

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

/* hide */
.hdn {position:absolute; left:0; top:0; width:0; height:0; overflow:hidden;}
.hdn ol {list-style-type:decimal !important} /*웹접근성 낭독기 번호 읽힘을 위한 처리 */

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

/* responsive - show, hide */
.dp_n {display:none;}
@media (min-width:1180px) {
	.p_dp_n {display:none;}
}
@media (min-width:768px) and (max-width:1179px) {
	.t_dp_n {display:none;}
}
@media (max-width:767px) {
	.m_dp_n {display:none;}
}

/* display block */
.d_b {display:block;}

/* inline-block to table */
[class^="ibtt_"] > * {display:inline-block;}

@media (min-width:1180px) {
	.ibtt_p {display:table; table-layout:fixed; width:100%;}
	.ibtt_p > * {display:table-cell;}
}
@media (min-width:768px) and (max-width:1179px) {
	.ibtt_p {display:table; table-layout:fixed; width:100%;}
	.ibtt_p > * {display:table-cell;}

	.ibtt_t {display:table; table-layout:fixed; width:100%;}
	.ibtt_t > * {display:table-cell;}
}
@media (max-width:767px) {
	.ibtt_p {display:table; table-layout:fixed; width:100%;}
	.ibtt_p > * {display:table-cell;}

	.ibtt_t {display:table; table-layout:fixed; width:100%;}
	.ibtt_t > * {display:table-cell;}

	.ibtt_m {display:table; table-layout:fixed; width:100%;}
	.ibtt_m > * {display:table-cell;}
}

/* inline-block to block */
[class^="ibtb_"] > * {display:inline-block;}

@media (min-width:1180px) {
	.ibtb_p > * {display:block;}
}
@media (min-width:768px) and (max-width:1179px) {
	.ibtb_p > * {display:block;}
	.ibtb_t > * {display:block;}
}
@media (max-width:767px) {
	.ibtb_p > * {display:block;}
	.ibtb_t > * {display:block;}
	.ibtb_m > * {display:block;}
}

/* table to block */
[class^="ttb_"] {display:table; table-layout:fixed; width:100%;}
[class^="ttb_"] > * {display:table-cell;}

@media (min-width:1180px) {
	.ttb_p, .ttb_p > * {display:block;}
}
@media (min-width:768px) and (max-width:1179px) {
	.ttb_p, .ttb_p > * {display:block;}
	.ttb_t, .ttb_t > * {display:block;}
}
@media (max-width:767px) {
	.ttb_p, .ttb_p > * {display:block;}
	.ttb_t, .ttb_t > * {display:block;}
	.ttb_m, .ttb_m > * {display:block;}
}

/* table to inline-block */
[class^="ttib_"] {display:table; table-layout:fixed; width:100%;}
[class^="ttib_"] > * {display:table-cell;}

@media (min-width:1180px) {
	.ttib_p {display:block;}
	.ttib_p > * {display:inline-block;}
}
@media (min-width:768px) and (max-width:1179px) {
	.ttib_p {display:block;}
	.ttib_p > * {display:inline-block;}
	
	.ttib_t {display:block;}
	.ttib_t > * {display:inline-block;}
}
@media (max-width:767px) {
	.ttib_p {display:block;}
	.ttib_p > * {display:inline-block;}
	
	.ttib_t {display:block;}
	.ttib_t > * {display:inline-block;}
	
	.ttib_m {display:block;}
	.ttib_m > * {display:inline-block;}
}

/* block to table */
@media (min-width:1180px) {
	.btt_p {display:table; table-layout:fixed; width:100%;}
	.btt_p > * {display:table-cell;}
}
@media (min-width:768px) and (max-width:1179px) {
	.btt_p {display:table; table-layout:fixed; width:100%;}
	.btt_p > * {display:table-cell;}

	.btt_t {display:table; table-layout:fixed; width:100%;}
	.btt_t > * {display:table-cell;}
}
@media (max-width:767px) {
	.btt_p {display:table; table-layout:fixed; width:100%;}
	.btt_p > * {display:table-cell;}

	.btt_t {display:table; table-layout:fixed; width:100%;}
	.btt_t > * {display:table-cell;}

	.btt_m {display:table; table-layout:fixed; width:100%;}
	.btt_m > * {display:table-cell;}
}

/* block to inline-block */
@media (min-width:1180px) {
	.btib_p > * {display:inline-block;}
}
@media (min-width:768px) and (max-width:1179px) {
	.btib_p > * {display:inline-block;}	
	.btib_t > * {display:inline-block;}
}
@media (max-width:767px) {
	.btib_p > * {display:inline-block;}
	.btib_t > * {display:inline-block;}
	.btib_m > * {display:inline-block;}
}

/* div inline-block to block */
[class^="d_ibtb_"] {display:inline-block;}

@media (min-width:1180px) {
	.d_ibtb_p {display:block;}
}
@media (min-width:768px) and (max-width:1179px) {
	.d_ibtb_p {display:block;}	
	.d_ibtb_t {display:block;}
}
@media (max-width:767px) {
	.d_ibtb_p {display:block;}
	.d_ibtb_t {display:block;}
	.d_ibtb_m {display:block;}
}

/* div block to inline-block */
@media (min-width:1180px) {
	.d_btib_p {display:inline-block;}
}
@media (min-width:768px) and (max-width:1179px) {
	.d_btib_p {display:inline-block;}	
	.d_btib_t {display:inline-block;}
}
@media (max-width:767px) {
	.d_btib_p {display:inline-block;}
	.d_btib_t {display:inline-block;}
	.d_btib_m {display:inline-block;}
}

/* body_bg */
.body_shadow {position:fixed; left:0; top:0; width:100%; height:0; background:rgba(0,0,0,0.64); opacity:0;}
.body_shadow.pg {opacity:1; height:100%; z-index:950;}
.body_shadow.mg {opacity:1; height:100%; z-index:970; transition:opacity .24s ease-out;}
.body_shadow.modal {opacity:1; height:100%; z-index:970;}

/* text_color */
.c_red { color:#e52727!important;}

/* text_weight */
.txt_bolder { font-weight: bolder; text-decoration: underline; font-size:16px; color: blue;}
.txt_bolder_only { font-weight: bolder; font-size:16px; color: blue;}

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

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



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



/* snb */
.snb {position:absolute; left:0; top:0; width:100%; z-index:990;}
.snb dt {height:0; overflow:hidden;}
.snb a {position:absolute; left:0; top:-50px; display:block; width:100%; height:48px; font-size:14px; line-height:22px; padding:12px 0 14px 0; background:#5C7091; color:#fff; text-align:center;}
.snb a:focus {top:0;}



/* header */
.header {background:#fff; z-index:960;}
.header, .h_t, .h_b {position:relative;}
.ht_logo {position:absolute;}
.ht_logo a {display:block; background:url(../image/header/lcsg_logo.png) no-repeat center center; background-size:auto 100%;}
.ht_link {position:absolute; right:0; top:50%; margin-top:-13px;}
.ht_link ul li {position:relative; float:left; margin-left:24px; padding-left:8px;}
.ht_link ul li:first-child {margin-left:0;}
.ht_link ul li::before {display:block; content:''; position:absolute; left:0; top:50%; margin-top:-1px; width:2px; height:2px; border-radius:2px; background:#bfbfbf;}
.ht_link ul li a {display:block; font-size:14px; line-height:22px; padding:2px 0; color:#666;}
.ht_link ul li.pass {margin-left:10px;}
.ht_link ul li.pass::before { display:none; }
.ht_link ul li a.pass_out { padding:4px 10px 4px 20px; height:28px; font-size:13px; line-height:20px; letter-spacing:-0.05em; color:#2f4d92; border:1px solid #7693d5; border-radius:14px; background:url(../image/sub_cmn/ico_passout.png) no-repeat 7px 6px; vertical-align:middle;  }

.btn_m_gnb {position:absolute; left:0; top:0; width:56px; height:56px; background:url(../image/header/btn_m_gnb_bg.png) no-repeat center center;}

@media (min-width:1180px) {
	.header {height:120px;}
	.h_t {width:1180px; height:80px; margin:0 auto;}
	.ht_logo {left:0; top:50%; margin-top:-22px;}
	.ht_logo a {width:266px; height:43px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.header {border-bottom:1px solid #c8cbd0;}
	.h_t {height:56px;}
	.ht_logo {left:50%; top:50%; margin:-16px 0 0 -97px;}
	.ht_logo a {width:194px; height:31px;}
}
@media (max-width:767px) {
	.header {border-bottom:1px solid #c8cbd0;}
	.h_t {height:56px;}
	.ht_logo {left:50%; top:50%; margin:-16px 0 0 -97px;}
	.ht_logo a {width:194px; height:31px;}
}

/* header - p_gnb */
.p_gnb {position:relative; height:40px; background:#405985; z-index:10;}
.p_gnb a:hover, .p_gnb a:focus {text-decoration:underline;}
.p_gnb > ul {display:table; table-layout:fixed; width:1300px; margin:0 auto;}
.p_gnb > ul > li {position:relative; display:table-cell;}
.p_gnb > ul > li > a {display:block; font-size:16px; line-height:24px; padding:8px 0; font-weight:500; letter-spacing:-0.048em; color:#fff; text-align:center;}
.p_gnb > ul > li > div {display:none; position:absolute; width:100%;}
.p_gnb > ul.over > li > div {display:block;}
.p_gnb > ul > li > div > ul {padding:12px 24px; height:180px; background:#ffffff; border-right:1px solid #ddd;}
.p_gnb > ul > li:first-child > div > ul {border-left:1px solid #ddd;}
.p_gnb > ul > li > div > ul > li {position:relative; padding:4px 0 4px 8px;}
.p_gnb > ul > li > div > ul > li::before {display:block; content:''; position:absolute; left:0; top:14px; width:2px; height:2px; border-radius:2px; background:#3261b0;}
.p_gnb > ul > li > div > ul > li > a {display:block; font-size:14px; line-height:22px; color:#444;}
.p_gnb > ul > li > div > ul > li > .subm { padding-top:7px;}
.p_gnb > ul > li > div > ul > li > .subm > li { padding-left:4px;}
.p_gnb > ul > li > div > ul > li > .subm > li:before { content:"- "; display:inline-block; margin-right:4px; line-height:22px;}
.p_gnb > ul > li > div > ul > li > .subm > li a {  font-size:13px; line-height:22px;  color:#3c4b67; word-break:keep-all}
.p_gnb_bg {display:none; position:absolute; left:0; top:100%; width:100%; height:182px; background:#f8f8f8; border-bottom:2px solid #405985; z-index:5;}
.p_gnb_bg.over {display:block;}



/* m gnb */
.m_gnb {width:320px; height:100%; overflow:hidden; position:fixed; left:0; top:30px; transition:transform .24s ease-out; transform:translate(-320px, 0); z-index:980; -webkit-overflow-scrolling:touch;}
.m_gnb.open {transform:translate(0, 0);}
.m_gnb a:hover {text-decoration:none;}
/*.m_gnb .mg_t {position:absolute; left:0; top:0; width:100%; height:57px; background:#fff; border-bottom:1px solid #4d648b; z-index:10;}*/
.m_gnb .mg_t {position:absolute; left:0; top:0; width:100%; height:57px; background:#fff; border-bottom:0 none; z-index:10;}
.m_gnb .mg_t .mgt_link ul {padding:17px 16px;}
.m_gnb .mg_t .mgt_link ul::after {display:block; content:''; clear:both;}
.m_gnb .mg_t .mgt_link ul li {position:relative; float:left; padding:0 12px;}
.m_gnb .mg_t .mgt_link ul li::after {display:block; content:''; width:1px; height:14px; background:#ddd; position:absolute; left:0; top:50%; margin-top:-7px;}
.m_gnb .mg_t .mgt_link ul li:first-child {padding-left:0;}
.m_gnb .mg_t .mgt_link ul li:first-child::after {display:none;}
.m_gnb .mg_t .mgt_link ul li a {display:block; font-size:14px; line-height:22px; color:#333;}
.m_gnb .mg_t .btn_m_gnb_close {position:absolute; right:0; top:50%; display:block; width:56px; height:56px; margin-top:-28px; background:url(../image/header/btn_m_gnb_close_bg.png) no-repeat center center;}
.m_gnb .mgtarea { position:relative; padding-top:57px; height:100%;}
.m_gnb .mgtarea .pass_area { width:100%; padding:12px 16px;  border-top:1px solid #7693d5;  border-bottom:1px solid #4d648b; background-color:#fff}
.m_gnb .mgtarea .pass_area a.pass_out { padding:4px 10px 4px 20px; height:28px; font-size:14px; line-height:20px; color:#2f4d92; background:url(../image/sub_cmn/ico_passout.png) no-repeat 2px 6px; vertical-align:middle;  }
/*.m_gnb .mg_tab {height:100%; padding:57px 0 0 104px;}*/
.m_gnb .mg_tab { position:relative; width:100%; height:100%; padding:0 0 0 104px; border-top:1px solid #4d648b}
/*.m_gnb .mg_tab .mgt_list {position:absolute; left:0; top:0; padding-top:57px; width:104px; height:100%; background:#4d648b; z-index:5;}*/
.m_gnb .mg_tab .mgt_list {position:absolute; left:0; top:0; width:104px; height:100%; background:#4d648b; z-index:5;}
.m_gnb .mg_tab .mgt_list > div {max-height:100%; overflow-y:auto;}
.m_gnb .mg_tab .mgt_list > div > ul > li {position:relative; border-bottom:1px solid #5b7094;}
.m_gnb .mg_tab .mgt_list > div > ul > li > a {position:relative; display:block; font-size:16px; line-height:24px; font-weight:500; letter-spacing:-0.064em; color:#fff; padding:12px 32px 12px 16px;}
.m_gnb .mg_tab .mgt_list > div > ul > li > a::after {display:block; content:''; position:absolute; right:8px; top:50%; margin-top:-11px; width:22px; height:22px; background:url(../image/header/m_gnb_arrow_right_off.png) no-repeat center center;}
.m_gnb .mg_tab .mgt_list > div > ul > li.on {background:#f0f1f5;}
.m_gnb .mg_tab .mgt_list > div > ul > li.on > a {color:#4d648b;}
.m_gnb .mg_tab .mgt_list > div > ul > li.on > a::after {background-image:url(../image/header/m_gnb_arrow_right_on.png);}
.m_gnb .mg_tab .mgt_content {display:none; height:100%; max-height:100%; overflow-y:auto; background:#f0f1f5;}
.m_gnb .mg_tab .mgt_content.on {display:block;}
.m_gnb .mg_tab .mgt_content > div {padding:8px 24px;}
.m_gnb .mg_tab .mgt_content > div > ul > li > a {display:block; font-size:14px; line-height:22px; color:#444; padding:7px 0; border-bottom:1px solid #d9d9d9;}
.m_gnb .mg_tab .mgt_content > div > ul > li > .mgt_subm { padding:10px 0 10px 8px; border-bottom:1px solid #d9d9d9;}
.m_gnb .mg_tab .mgt_content > div > ul > li > .mgt_subm > li:before { content:"- "; display:inline-block; margin-right:4px; line-height:22px;}
.m_gnb .mg_tab .mgt_content > div > ul > li > .mgt_subm > li > a {  font-size:13px; line-height:22px;  color:#3c4b67; word-break:keep-all}
.m_gnb .mg_tab .mgt_content > div > ul > li > .mgt_subm > li.on > a { color:#00539f; text-decoration:underline;}
.m_gnb .mg_tab .mgt_content > div > ul > li.on > a {color:#00539f; font-weight:500}


/* footer */
.footer  {background:#fcfcfc; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.footer .f_t > div {position:relative;}
.footer .f_t .ft_link {font-size:0; line-height:0; padding:8px 0;}
.footer .f_t .ft_link ul li {display:inline-block; padding:0 8px;}
.footer .f_t .ft_link ul li a {display:block;}
.footer .f_t .ft_link ul li a * {vertical-align:top;}
.footer .f_t .ft_link ul li a span {display:inline-block; font-size:13px; line-height:21px; color:#444; font-weight:500; letter-spacing:-0.048em; padding:1px 0;}
.footer .f_t .ft_link .ico_window {display:inline-block; width:12px; height:23px; background:url(../image/sub_cmn/ico_window.png) no-repeat left center; margin-left:4px;}
.footer .f_t .ft_relate {position:relative;}
.footer .f_t .ft_relate > a {position:relative; display:block; padding:8px 39px 8px 16px; height:39px;}
.footer .f_t .ft_relate > a::after {display:block; content:''; width:39px; height:39px; position:absolute; right:0; top:0; background:url(../image/footer/ft_relate_arrow_up.png) no-repeat center center;}
.footer .f_t .ft_relate.open > a::after {background-image:url(../image/footer/ft_relate_arrow_down.png);}
.footer .f_t .ft_relate > a > span {display:block; font-size:13px; line-height:21px; color:#444; padding:1px 0;}
.footer .f_t .ft_relate > ul {display:none; position:absolute; bottom:100%; width:100%; padding:8px 16px; border:1px solid #ddd; background:#fff;}
.footer .f_t .ft_relate.open > ul {display:block;}
.footer .f_t .ft_relate > ul > li {padding:2px 0;}
.footer .f_t .ft_relate > ul > li > a {display:block; font-size:13px; line-height:21px; color:#444; padding:1px 0;}
.footer .f_b .fb_address {display:block; font-size:13px; line-height:21px; color:#666; padding:1px 0;}

@media (min-width:1180px) {
	.footer .f_t > div {width:1180px; margin:0 auto;}
	.footer .f_t .ft_link {padding-right:240px;}
	.footer .f_t .ft_link ul li:first-child {padding-left:0;}
	.footer .f_t .ft_relate {position:absolute; right:0; top:0; width:240px;}
	.footer .f_t .ft_relate > a {border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}
	.footer .f_b > div {width:1180px; margin:0 auto; padding:24px 0 32px 0;}
}
@media (min-width:768px) and (max-width:1179px) {
	.footer .f_t .ft_link {padding-left:24px; padding-right:240px;}
	.footer .f_t .ft_link ul li:first-child {padding-left:0;}
	.footer .f_t .ft_relate {position:absolute; right:0; top:0; width:240px;}
	.footer .f_t .ft_relate > a {border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}
	.footer .f_b > div {padding:20px 24px 28px 24px;}
}
@media (max-width:767px) {
	.footer .f_t .ft_link {padding-left:16px; padding-right:16px; text-align:center;}
	.footer .f_t .ft_relate > a {border-top:1px solid #e8e8e8;}
	.footer .f_t .ft_relate > ul {margin-bottom:-1px;}
	.footer .f_b > div {text-align:center;}	
	.footer .f_b {padding:16px 16px 24px 16px;}
}



/* sub */
.sub_container::after {display:block; content:''; clear:both;}

@media (min-width:1180px) {
	.sub_container {width:1180px; margin:0 auto; padding:16px 0 48px 0;}
	.sub_container .lnb, .sub_container .content {float:left;}
	.sub_container .lnb {width:280px; padding-right:40px;}
	.sub_container .content {width:100%;}
	.sub_container .lnb + .content {width:900px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.sub_container {padding:24px; padding-bottom:48px;}
}
@media (max-width:767px) {
	.sub_container {padding:16px; padding-bottom:32px;}	
}

/* lnb */
.lnb h2 {display:block; font-size:24px; line-height:32px; letter-spacing:-0.064em; color:#222; font-weight:500; padding:12px 0; border-bottom:1px solid #7f7f7f;}
.lnb > ul {padding:8px 0; font-size:0; line-height:0;}
.lnb > ul > li {border-bottom:1px solid #e6e6e6; padding-top:8px;}
.lnb > ul > li > a {position:relative; display:block; cursor:pointer; padding-right:24px; padding-bottom:8px}
.lnb > ul > li > a > span {display:inline-block; font-size:16px; line-height:24px; letter-spacing:-0.048em; color:#444;}
.lnb > ul > li > .subm { padding:6px 0 6px 12px; border-top:1px solid #e6e6e6; background-color:#f6f8fc;}
.lnb > ul > li > .subm > li { padding:4px; }
.lnb > ul > li > .subm > li::before { content:"- "; display:inline-block; margin-right:4px; font-size:13px; line-height:22px;}
.lnb > ul > li > .subm > li > a { font-size:14px; line-height:22px; color:#3c4b67}
.lnb > ul > li > .subm > li.on > a { color:#38517b; font-weight:500; text-decoration:underline}
.lnb > ul > li.on > a::after {display:block; content:''; position:absolute; right:0; top:50%; margin-top:-12px; width:24px; height:24px; background:url(../image/sub_cmn/lnb_arrow_right_on.png) no-repeat center center;}
.lnb > ul > li.on > a > span {color:#38517b; font-weight:500;}

/* sub_top */
.sub_top .st_navigation ol::after {display:block; content:''; clear:both;}
.sub_top .st_navigation ol li {float:left; padding:0 8px 0 12px; background:url(../image/sub_cmn/st_navigation_arrow.png) no-repeat left center;}
.sub_top .st_navigation ol li:first-child {padding-left:20px; background:url(../image/sub_cmn/st_navigation_ico_home.png) no-repeat left center;}
.sub_top .st_navigation ol li a, .sub_top .st_navigation ol li span {display:block; font-size:13px; line-height:21px; letter-spacing:-0.048em; color:#666; padding:1px 0;}
.sub_top .st_navigation ol li span {color:#222; border-bottom:1px dotted #222; margin-bottom:-1px;}
.sub_top .st_title h3 {display:block; letter-spacing:-0.064em; font-weight:500;}

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

/* 20200116 추가 =============== */

.tit_inner { display:block; font-size:15px; font-weight:600; line-height:28px; color:#213a53}
.txt_str { font-weight:600; color:#2572c1; }
.txt_alert { margin-left:5px; font-size:14px; color:#d62020;}
.txt_req { font-weight:600; color:#d62020; }
.text_alert_ico { display:inline-block;  font-weight:600; color:#dd6422;}
.text_alert_ico:after { content:"?"; display:inline-block; margin-left:4px; margin-right:4px; width:16px; height:16px; line-height:16px; font-size:13px; font-weight:400; text-align:center; color:#fff; background-color:#dd6422; border-radius:50%;}
.text_alert_ico.notext { font-size:0; line-height:100%;}
.text_alert_ico.notext:after { vertical-align:middle; margin-bottom:4px;}


/* 20220104 추가 =============== */
.f_mark ul {font-size:0; line-height:0;}
.f_mark ul li {display:inline-block; height:48px; margin-left:24px;}
.f_mark ul li em {display:inline-block; height:55px;  vertical-align:middle; background-image:url(/resources/image/footer/licWebCert.png); background-repeat:no-repeat;}
.f_mark ul li span {display:inline-block; font-size:13px; line-height:18px; letter-spacing:-0.048em; color:#666; vertical-align:middle; padding-left:8px;}
.f_mark .ico_wa em {width:90px; background-position:center;}


@media (min-width:1180px) {
	.footer .f_lic_bottom {width:1180px; margin:0 auto; padding:24px 0 32px 0;}
	.footer .f_lic_bottom .fb_left {float:left;}
	.footer .f_lic_bottom .fb_right {float:right;}
}
@media (min-width:768px) and (max-width:1179px) {
	.footer .f_lic_bottom > {padding:20px 24px 28px 24px;}
	.footer .f_lic_bottom .fb_left {float:left;}
	.footer .f_lic_bottom .fb_right {float:right;}
}
@media (max-width:767px) {
	.footer .f_lic_bottom {text-align:center;}	
	.footer .f_lic_bottom {padding:16px 16px 24px 16px;}
	.footer .f_lic_bottom .fb_left {float:left;}
}
@media (min-width:1180px) {	
	.serviceStopPop { width:540px; height:520px; overflow:hidden; background-color:white; border: 1px solid gray;}
	.serviceStopPop .bigtitle { width:100%; height:50px; font-size:20px; font-weight:600; line-height:50px; color:#fff; background-color:#3a5c90; text-align: center}
	.serviceStopPop .serviceStopImg { width:140xp; height:120px; /* margin-top:10px; */ }
	.serviceStopPop .serviceStopContents { padding:25px; word-break:keep-all;}
	.serviceStopPop .serviceStopContents .blue{ color: blue; font-weight: bolder;}
	.serviceStopPop > .licClosePop { box-sizing:border-box; position :absolute; bottom:0px; left:0px; width:100%;padding-top: 3px; padding-left: 10px; }
	.serviceStopPop                { box-sizing:border-box; position :absolute; top:140px; left:385px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.serviceStopPop {width:50%; height:550px; overflow:hidden; background-color:white; border: 1px solid gray;}
	.serviceStopPop .bigtitle { width:100%; height:50px; font-size:20px; font-weight:600; line-height:50px; color:#fff; background-color:#3a5c90; text-align: center;}
	.serviceStopPop .serviceStopImg { width:140xp; height:120px; margin-top:10px; }
	.serviceStopPop .serviceStopContents { padding: 25px; word-break:keep-all;}
	.serviceStopPop .serviceStopContents .blue{ color: blue; font-weight: bolder;}
	.serviceStopPop > .licClosePop { box-sizing:border-box; position :absolute; bottom:0px; left:0px; width:100%;padding-top: 3px; padding-left: 10px; }
	.serviceStopPop                { box-sizing:border-box; position :absolute; top:50px; left:20px;}
}
@media (max-width:767px) {
	.serviceStopPop { width:100%; height:600px; overflow:hidden; background-color:white; border: 1px solid gray;}
	.serviceStopPop .bigtitle { width:100%; height:50px; font-size:15px; font-weight:600; line-height:50px; color:#fff; background-color:#3a5c90; text-align: center;}
	.serviceStopPop .serviceStopImg { width:140xp; height:120px; margin-top:10px; }
	.serviceStopPop .serviceStopContents { padding:25px; word-break:keep-all;}
	.serviceStopPop .serviceStopContents .blue{ color: blue; font-weight: bolder;}
	.serviceStopPop > .licClosePop { box-sizing:border-box; position :absolute; bottom:0px; left:0px; width:100%;padding-top: 3px; padding-left: 10px;  padding-right: 10px;}
	.serviceStopPop                { box-sizing:border-box; position :absolute; top:0px; left:0px;}
}


/*전자정부 인증*/
.top_line_bnr { background-color:#edf1f5; position:relative; z-index:980}
.top_line_bnr.bnr_hide:after { background:#cdd7e4; content:""; height:1px; left:0; position:absolute; top:32px; width:100%; }
.top_link_wrap .inner, .chk_nuri_addr_bnr .inner{max-width:1180px;margin:0 auto; width:100%; box-sizing: border-box; }

.top_flag_wrap { align-items:center; color:#1d1d1d; display:flex; font-size:15px; line-height:16px; max-width:1180px;margin:0 auto; }
.top_flag_in { font-size:15px; display: flex; align-items: center; }
.top_flag_in img { margin-right:9px; width:24px; }
.top_link_wrap { padding:8px 0; }


#top_logo{ position:absolute; top:20px; left:190px;}


.footer .container {padding: 26px 120px 26px 0; position: relative; }
.footer .ico_window {display:inline-block; width:12px; height:12px;display: inline-block; content:''; clear:both; background:url(../image/sub_cmn/ico_window.png) no-repeat left center; margin-left:4px;}
.footer #siteinfo{color:#555;}
.footer #siteinfo a {display: inline-block; font-size:13px; line-height:21px; color:#666; padding:1px 0;}
.footer #fnb { margin-bottom: 12px;}
.footer a:hover{text-decoration:underline;}
.footer_wa{position: absolute;right: 0;top: 26px;}

.footer .footer_top { margin-bottom:1rem}
.footer .footer_info{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:15px}
.footer_bottom {display:flex;align-items:flex-start;justify-content:space-between;}
.footer #fnb a {display: inline-block; font-size:13px; line-height:21px; color:#666; padding:1px 0;}
.footer #fnb a span{display: block;}
.footer .util {text-align: right;font-size:13px; line-height:21px; color:#666; padding:1px 0;}
.link_lst {}
.link_lst a { padding:10px;display: inline-block; font-size:13px; line-height:21px; color:#666; padding:1px 0;}
.link_lst i {display: inline-block; content:''; clear:both;background-image:url(../image/footer/pn_arrow_right.png); background-repeat:no-repeat; width:7px; height:10px;margin-left:10px}


#fnb { margin-bottom: 1.5rem; }
#fnb li { display: inline; }
#fnb li + li::before { content: ""; display: inline-block; width: 1px; height: 10px; background: #A3A3A3; opacity: 0.2; margin: 0 20px; font-weight: 700; vertical-align: middle;}
#fnb .point a{color: #ba0000;font-weight: 600;text-decoration: underline;}
#siteinfo { position: relative;font-size:13px; line-height:21px; color:#666; padding:1px 0; }
#siteinfo span { margin-right: 10px;; }
.copyright { font-size:13px;  color:#666;}


@media only screen and (max-width: 1080px) {
	.footer { text-align:center}
	#top_logo{ display:none}
    .footer .util {width:100%; text-align:center}
	.copyright { font-size:13px;  color:#666; width:100%}
	.footer .footer_info{ display:block}
	.footer_bottom  {display:block}
	#siteinfo {width:100%}
	.footer .f_lic_bottom { padding:24px 0 32px 0;}
}