@charset "utf-8";



/*
 * reset
 */

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {margin:0; padding:0; border:0; vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:after,blockquote:before,q:after,q:before {content:''; content:none;}
sup, sub {font-size:10px;}
table {border-collapse:collapse; border-spacing:0;}
a {text-decoration:none; color:#333;}
a:hover, a:focus {text-decoration:underline;}
html {-webkit-text-size-adjust:none;}
html, body {position:relative; height:100%; font-family:'Malgun Gothic',Dotum,'돋움',Gulim,'굴림',Sans-serif; font-size:14px; color:#333; line-height:21px; letter-spacing:-0.06em;}
body {overflow-x:hidden;}
html.of_h, body.of_h {position:relative; overflow:hidden;}

@media screen and (max-width:1199px) {
	a, a:focus {outline:0;}	
}

/*
 * base - float, text-align, vertical-align, hidden, display:none, border:none, margin
 */
.fc_red { color:#c72a00; }
.fl_l {float:left;}
.fl_r {float:right;}
.ta_l {text-align:left;}
.ta_c {text-align:center;}
.ta_r {text-align:right;}
.va_t {vertical-align:top;}
.va_m {vertical-align:middle;}
.va_b {vertical-align:bottom;}
.hdn {position:absolute; left:0; top:0; width:0; height:0; overflow:hidden;}
.dp_n {display:none !important;}
.bd_n {border:0;}
.bdt_n {border-top:0;}
.bdr_n {border-right:0;}
.bdb_n {border-bottom:0;}
.bdl_n {border-left:0;}
.mgt0 {margin-top:0px !important;}
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px !important;}
.mgt40 {margin-top:40px !important;}
.mgt45 {margin-top:45px !important;}
.mgt50 {margin-top:50px !important;}
.mgt55 {margin-top:55px !important;}
.mgt60 {margin-top:60px !important;}
.mgt100 {margin-top:100px !important;}
.normal_btn { width:inherit; height:inherit; line-height:inherit; margin:0; padding:0; border:0 none;  background-color:transparent; vertical-align:middle; cursor:pointer;}
.input_btn { display:inline-block; width:auto; height:auto; line-height:19px; padding:3px 6px 6px 6px; font-family: 'Malgun Gothic'; font-size:13px; border:0 none; background-color:#476da2; color:#fff;}
.input_btn:focus, .input_btn:hover { cursor: pointer; }
@media screen and (min-width:1200px) {
	.p_dp_n {display:none !important;}
}
@media screen and (min-width:768px) and (max-width:1199px) {
	.t_dp_n {display:none !important;}
}
@media screen and (max-width:767px) {
	.m_dp_n	{display:none !important;}
	.m_mgt5 {margin-top:5px !important;}
	.m_mgt10 {margin-top:10px !important;}
	.m_mgt15 {margin-top:15px !important;}
	.m_mgt20 {margin-top:20px !important;}
	.m_mgt25 {margin-top:25px !important;}
	.m_mgt30 {margin-top:30px !important;}
	.m_mgt35 {margin-top:35px !important;}
	.m_mgt40 {margin-top:40px !important;}
	.m_mgt45 {margin-top:45px !important;}
	.m_mgt50 {margin-top:50px !important;}
	.m_mgt55 {margin-top:55px !important;}
	.m_mgt60 {margin-top:60px !important;}
	.m_mgt100 {margin-top:100px !important;}
	.span_box {display:block; width:38px;  }
	.span_box_m {display:block; width:50px;  }
}
@media print {
	.p_dp_n	{display:none !important;}
}



/*
 * wrap
 */

.wrap {height:100%;}



/*
 * body shadow
 */
 
.body_shadow {position:fixed; left:0; top:0; width:100%; height:0; background:rgba(0,0,0,0.5); opacity:0;}
.body_shadow.hb {opacity:1; height:100%; z-index:920;}
.body_shadow.hf {opacity:1; height:100%; z-index:950;}



/*
 * skip area
 */
 
.skip_navigation {position:absolute; left:0; top:0; width:100%; z-index:999;}
.skip_navigation dt {height:0; overflow:hidden;}
.skip_navigation a {position:absolute; left:0; top:-50px; display:block; width:100%; height:50px; text-align:center; font-size:14px; line-height:50px; letter-spacing:-1px; background-color: #5C7091; /*background:rgba(0,0,0,0.4);*/ color:#fff;}
.skip_navigation a:focus {top:0;}



/*
 * header - layout
 */

.header {position:relative; background:#fff; z-index:930;}
.header .h_top {position:relative;}
.header .h_bottom {background:#5a6d8e;}
.header .h_bottom > div {position:relative; width:1160px; height:40px; padding:0 20px; margin:0 auto;}

@media screen and (min-width:1200px) {
	.header {height:102px;}
	.header .h_top {width:1160px; height:62px; margin:0 auto;}
}
@media screen and (min-width:1025px) and (max-width:1199px) {
	.header {border-bottom:1px solid #c8cbd0;}
	.header .h_top {width:1024px; height:36px; padding:9px 0; margin:0 auto;}
}
@media screen and (min-width:768px) and (max-width:1024px) {
	.header {border-bottom:1px solid #c8cbd0;}
	.header .h_top {width:100%; height:36px; padding:9px 0;}
}
@media screen and (max-width:767px) {
	.header {border-bottom:1px solid #c8cbd0;}
	.header .h_top {width:100%; height:36px; padding:9px 0;}
}
@media print {
	.header {height:102px;}
	.header .h_top {width:1160px; height:62px; margin:0 auto;}
}



/*
 * header - content
 */

.h_logo h1 {display:block;}
.h_logo h1 a {display:block;}

.btn_m_gnb {position:absolute; left:10px; top:50%; margin-top:-18px; width:36px; height:36px;}
.btn_m_gnb a {display:block; width:100%; height:100%; text-indent:-10000px; background:url(/images/react/layout/m_gnb/ico_hm.png) no-repeat center center; background-size:36px 36px;}
.btn_m_search {position:absolute; right:10px; top:50%; margin-top:-18px; width:36px; height:36px;}
.btn_m_search a {display:block; width:100%; height:100%; text-indent:-10000px; background:url(/images/react/layout/m_gnb/ico_srch.png) no-repeat center center; background-size:36px 36px;}

.total_srch .ts_recommend {float:left; font-size:0; line-height:0; padding-left:12px; margin-top:-2px;}
.total_srch .ts_recommend dt span, .total_srch .ts_recommend dd a {display:block; font-size:11px; line-height:13px; letter-spacing:-0.06em; padding:2px 0;}
.total_srch .ts_recommend dt span {display:inline-block; color:#476da2; padding-right:8px; background:url(/images/react/main/icon_dotAll.png) no-repeat 45px -342px;}

.total_srch .ts_recommend dd {display:inline-block; display:-moz-grid-group; padding:0 2px 0 5px;}
.total_srch .ts_recommend dd.first {padding-left:0; background:none;}
.total_srch .ts_recommend dd a {display:inline-block; color:#222;}
.total_srch .ts_recommend dd::before { content: ""; display:inline-block; margin-right:8px; margin-top:5px; width:1px; height:11px; border-right:1px solid #ccc; vertical-align:top}
.total_srch .ts_recommend dd.first::before { display:none }

.total_srch .ts_response {position:relative;}
.total_srch .ts_response .ts_form {position:relative;}
.total_srch .ts_response input[type=text] {display:block; padding:0; border:0; font-family:'Malgun Gothic'; font-size:13px; letter-spacing:-0.06em; font-weight:bold; color:#000;}
.total_srch .ts_response button {display:block; padding:0; border:0; background:none; cursor:pointer;}

.total_srch .ts_response .ts_autoword {box-sizing:border-box; width:100%; z-index:990; position:absolute; left:0;}
.total_srch .ts_response .ts_autoword > div {box-sizing:border-box; background:#fff; border:1px solid #aaa;}
.total_srch .ts_response .ts_autoword ul li {border-top:1px solid #efefef;}
.total_srch .ts_response .ts_autoword ul li:first-child {border-top:0;}
.total_srch .ts_response .ts_autoword ul li a {display:block; font-size:13px; letter-spacing:-0.06em; line-height:20px; padding:0 0 3px 0;}


@media screen and (min-width:1200px) {
	.h_logo {position:absolute; margin-top:10px;}
	.h_logo h1 a {width:136px; height:41px; background:url(/images/react/layout/header/h_logo.png) no-repeat left top;}
	
	.total_srch {position:absolute; margin:14px 0 0 180px;}
	.total_srch:after {display:block; content:''; clear:both;}
	.total_srch > div {float:left;}
	.total_srch .ts_response .form_inner:after {display:block; content:''; clear:both;}
	.total_srch .ts_response .form_inner > div {float:left;}
	.total_srch .ts_response .ts_form:after {display:block; width:244px; height:30px; content:''; border:2px solid #476da2; border-right:0; position:absolute; left:0; top:0; z-index:0;}
	.total_srch .ts_response input[type=text] {position:relative; width:236px; height:27px; line-height:27px; padding:0 0 3px 8px; z-index:5; margin:2px 0 2px 2px;}
	.total_srch .ts_response .ts_btn_search button {width:34px; height:34px; background:url(/images/react/main/icon_dotAll.png) no-repeat -3px -3px #476da2; position:relative; z-index:10;}
	
	.total_srch .ts_response .ts_autoword {top:39px;}
	.total_srch .ts_response .ts_autoword ul li a {line-height:20px; padding:0 0 3px 0;}	
}
@media screen and (min-width:768px) and (max-width:1199px) {	
	.h_logo {width:125px; margin:0 auto;}
	.h_logo h1 a {width:125px; height:36px; background:url(/images/react/layout/header/h_logo_m.png) no-repeat center center; background-size:125px auto;}
	
	.total_srch .ts_response {display:none; position:absolute; left:0; top:0; background:#476da2; padding:9px 5px 9px 9px; z-index:999;}
	.total_srch .ts_response.on {display:block;}
	.total_srch .ts_response .form_inner {display:table; table-layout:fixed; width:100%;}
	.total_srch .ts_response .form_inner * {vertical-align:top;}
	.total_srch .ts_response .form_inner > div {display:table-cell; height:36px; padding:0 4px;}
	.total_srch .ts_response .ts_form:after {display:block; width:100%; height:36px; content:''; position:absolute; left:0; top:0; z-index:0; background:#fff; box-sizing:border-box; padding:0 8px;}
	.total_srch .ts_response input[type=text] {width:100%; height:36px; line-height:36px; position:absolute; left:0; top:0; z-index:0; background:none; box-sizing:border-box; padding:0 8px; z-index:5;}
	.total_srch .ts_response .ts_btn_search {padding:0 4px 0 8px;}
	.total_srch .ts_response .ts_btn_close {padding:0 4px;}
	.total_srch .ts_response .ts_btn_search, .total_srch .ts_response .ts_btn_close {width:36px;}
	.total_srch .ts_response .ts_btn_search button {width:36px; height:36px; background:url(/images/react/layout/header/ico_total_srch.png) no-repeat center center;}
	.total_srch .ts_response .ts_btn_close a {display:block; width:36px; height:36px; background:url(/images/react/layout/header/ico_total_menu_close.png) no-repeat center center;}	
	
	.total_srch .ts_response .ts_autoword {top:54px;}
	.total_srch .ts_response .ts_autoword ul li a {line-height:21px; padding:1px 0;}	
}
@media screen and (max-width:767px) {
	.h_logo {width:120px; margin:0 auto;}
	.h_logo h1 a {width:120px; height:36px; background:url(/images/react/layout/header/h_logo_m.png) no-repeat center center; background-size:120px auto;}
	
	.total_srch .ts_response {display:none; position:absolute; left:0; top:0; background:#476da2; padding:9px 5px 9px 9px; z-index:999;}
	.total_srch .ts_response.on {display:block;}
	.total_srch .ts_response .form_inner {display:table; table-layout:fixed; width:100%;}
	.total_srch .ts_response .form_inner * {vertical-align:top;}
	.total_srch .ts_response .form_inner > div {display:table-cell; height:36px;}
	.total_srch .ts_response .ts_form:after {display:block; width:100%; height:36px; content:''; position:absolute; left:0; top:0; z-index:0; background:#fff; box-sizing:border-box; padding:0 8px;}
	.total_srch .ts_response input[type=text] {width:100%; height:36px; line-height:36px; position:absolute; left:0; top:0; z-index:0; background:none; box-sizing:border-box; padding:0 8px; z-index:5;}
	.total_srch .ts_response button {width:36px; height:36px;}
	.total_srch .ts_response .ts_btn_search {padding:0 4px 0 8px;}
	.total_srch .ts_response .ts_btn_close {padding:0 4px;}
	.total_srch .ts_response .ts_btn_search, .total_srch .ts_response .ts_btn_close {width:36px;} 
	.total_srch .ts_response .ts_btn_search button {background:url(/images/react/layout/header/ico_total_srch.png) no-repeat center center;}
	.total_srch .ts_response .ts_btn_close a {display:block; width:36px; height:36px; background:url(/images/react/layout/header/ico_total_menu_close.png) no-repeat center center;}
	
	.total_srch .ts_response .ts_autoword {top:54px;}
	.total_srch .ts_response .ts_autoword ul li a {line-height:21px; padding:1px 0;}
}
@media print {
	.h_logo {position:absolute; margin-top:10px;}
	.h_logo h1 a {width:136px; height:41px;}
	
	.total_srch {position:absolute; margin:14px 0 0 180px;}
	.total_srch:after {display:block; content:''; clear:both;}
	.total_srch > div {float:left;}
	.total_srch .ts_response .form_inner:after {display:block; content:''; clear:both;}
	.total_srch .ts_response .form_inner > div {float:left;}
	.total_srch .ts_response .ts_form:after {display:block; width:244px; height:30px; content:''; border:2px solid #476da2; border-right:0; position:absolute; left:0; top:0; z-index:0;}
	.total_srch .ts_response input[type=text] {position:relative; width:236px; height:27px; line-height:27px; padding:0 0 3px 8px; z-index:5; margin:2px 0 2px 2px;}
	.total_srch .ts_response .ts_btn_search button {width:34px; height:34px; background:url(/images/react/layout/header/ico_total_srch.png) no-repeat #476da2 center center; position:relative; z-index:10;}
	
	.total_srch .ts_response .ts_autoword {top:39px;}
	.total_srch .ts_response .ts_autoword ul li a {line-height:20px; padding:0 0 3px 0;}	
}

/* header link */
.h_link {position:absolute; right:0; top:50%;}
.hl_relate {float:left; margin-top:-8px;}
.hl_relate ul:after {display:block; content:''; clear:both;}
.hl_relate ul li {float:left; padding:0 3px;}
.hl_relate ul li a {display:block; height:16px; font-size:11px; line-height:15px; letter-spacing:-0.06em; color:#595959;}
.hl_relate ul li a::before{ content: "·"; display: inline-block; padding-left:3px; width:13px; color:#ababab; font-weight:700; vertical-align:top; }
.hl_relate ul>li:first-child a::before { display:none }
.hl_relate ul>li:first-child {padding-left:0;}
.better_bi {float:left; margin:-24px 0 0 16px; width:100px; height:45px; background:url(/images/react/layout/header/better.png) no-repeat left top;}
.hl_symbol {float:left; margin:-12px 0 0 10px;}
.hl_symbol a {display:block; width:82px; height:25px; background:url(/images/react/layout/header/symbol2.png) no-repeat left top; background-size:auto 25px;}

/* pc gnb */
.p_gnb {float:left; width:100%;}
.p_gnb > ul:after {display:block; content:''; clear:both;}
.p_gnb > ul > li {float:left; width:12.5%; padding:4px 0 0 0;}
.p_gnb > ul > li > span { display:block; width:100%; height:36px; text-align:center;}
.p_gnb > ul > li > span a { display:inline-block; height:36px; font-size:15px; font-weight:bold; line-height:30px; letter-spacing:-0.075em; color:#fff;  } 
.p_gnb > ul > li.over > span {background:#fff; }
.p_gnb > ul > li.over > span a {color:#5a6d8e ; }
.p_gnb > ul > li.on > span {background:#364662;}
.p_gnb > ul > li.on > span a {color:#fff; text-decoration:none; }
.p_gnb > ul > li.on.over > span {background:#fff; }
.p_gnb > ul > li.on.over > span a {color:#5a6d8e ; }

.p_gnb_sub {display:none; width:1160px; min-height:240px; position:absolute; left:20px; top:40px; z-index:950;}/* width:946px; padding-left:254px; padding:8px 0; */
.p_gnb > ul > li.over .p_gnb_sub {display:block;}
.p_gnb_sub > ul {min-height:240px; padding-bottom:20px; background:url(/images/react/layout/header/p_gnb_sub_bg.png) repeat-y center top; background-size:1164px auto;}
.p_gnb_sub > ul:after {display:block; content:''; clear:both;}
.p_gnb_sub > ul > li {float:left; width:20%;}
.p_gnb_sub > ul > li.c_b {clear:both;}
.p_gnb_sub > ul > li > div {padding:6px 14px;}/*  */
.p_gnb_sub > ul > li > div > a {position:relative; display:block; font-size:13.5px; line-height:20px; letter-spacing:-0.075em; padding:2px 0 5px 0; color:#444; font-weight:bold;}
.p_gnb_sub > ul > li > div > ul { padding-left:6px;}
.p_gnb_sub > ul > li > div > ul > li {padding:1px 0;}
.p_gnb_sub > ul > li > div > ul > li::before{ content: "·"; display:inline-block; margin-left:-10px; padding-right:5px; font-weight:700; width:2px; color:#000; vertical-align:top}
.p_gnb_sub > ul > li > div > ul > li > a {display:inline-block; padding:0 0 2px 20px; margin-left:-19px; font-size:12.5px; line-height:20px; letter-spacing:-0.06em;  color:#333;}
.p_gnb_sub a * {vertical-align:top;}
.p_gnb_sub .ico_window {display:inline-block; width:12px; height:12px; margin:6px 0 0 4px; text-indent:-10000px; background:url(/images/react/layout/header/ico_window.png) no-repeat center center;}
.p_gnb_sub .ico_arrow {display:block; position:absolute; right:8px; top:8px; width:11px; height:11px; background:url(/images/react/layout/header/arrow_down.png) no-repeat center center;}
.p_gnb_sub .on .ico_arrow {background-image:url(/images/react/layout/header/arrow_up.png);}
.p_gnb_shadow {background:#f6f6f6; position:absolute; left:0; top:102px; width:100%; z-index:940;}/* transition:height 0.2s; */

/* m gnb */
.m_gnb {width:320px; height:100%; overflow:hidden; position:fixed; right:100%; top:0; z-index:960; -webkit-overflow-scrolling:touch;}
.mg_top {position:absolute; left:0; top:0; z-index:2; width:100%; height:51px; background:#fff; border-bottom:1px solid #484e62;}
.mg_top .m_logo {display:block; position:absolute; left:16px; top:50%; margin-top:-14px;}
.mg_top .btn_close {display:block; width:16px; height:16px; background:url(/images/react/layout/m_gnb/ico_close.png) no-repeat center center; position:absolute; right:16px; top:50%; margin-top:-9px; z-index:3;}
.mg_tab {box-sizing:border-box; height:100%; padding:52px 0 0 96px;}
.mg_tab .mgt_list {position:absolute; left:0; top:0; z-index:1; box-sizing:border-box; padding-top:52px; width:96px; height:100%; background:#484e62;}
.mg_tab .mgt_list > div {max-height:100%; overflow-y:auto;}
.mg_tab .mgt_list > div > ul > li {position:relative; border-bottom:2px solid #3f4452;}/*background:url(/images/react/layout/m_gnb/mgnb_c8.png) repeat-x left bottom;*/
.mg_tab .mgt_list > div > ul > li > a {position:relative; display:block; font-size:14px; line-height:22px; letter-spacing:-0.1em; font-weight:bold; color:#fff; padding:12px 10px 12px 18px; background:url(/images/react/layout/m_gnb/arrow_right_w.png) no-repeat 78px center;}
.mg_tab .mgt_list > div > ul > li > a:hover {text-decoration:none;}
.mg_tab .mgt_list > div > ul > li > span {display:none;}
.mg_tab .mgt_list > div > ul > li.on {background:#f0f1f5;}/* border-bottom:2px solid #3f4452; */
.mg_tab .mgt_list > div > ul > li.on > a {color:#476da2; background:url(/images/react/layout/m_gnb/arrow_right_b.png) no-repeat 78px center;}
.mg_tab .mgt_list > div > ul > li.on > a > span {display:block; position:absolute; left:0; top:0; width:6px; height:100%; background:#484e62;}
.mg_tab .mgt_list > div > ul > li.on > a > span::after {display:block; content:''; position:absolute; right:0; top:0; width:3px; height:100%; background:#fd8b05;}
.mg_tab .mgt_list .mgtl_link {padding:8px 0 24px 0;}
.mg_tab .mgt_list .mgtl_link ul li {padding:2px 0 2px 16px;}
.mg_tab .mgt_list .mgtl_link ul li a {display:block; font-size:11px; line-height:19px; letter-spacing:-0.06em; color:#fff; padding-left:8px; background:url(/images/react/layout/header/dot_hl_relate.png) no-repeat left center;}

.mg_tab .mgt_content {display:none; height:100%; max-height:100%; overflow-y:auto; background:#f0f1f5;}
.mg_tab .mgt_content.on {display:block;}
.mg_tab .mgt_content > div {box-sizing:border-box; padding:10px 20px;}
.mg_tab .mgt_content > div > ul > li > a {display:block; font-size:14px; line-height:22px; font-weight:bold; letter-spacing:-0.06em; color:#444; padding:7px 0; border-bottom:1px solid #d9d9d9;}
.mg_tab .mgt_content > div > ul > li.on > a {color:#00539f;}
.mg_tab .mgt_content > div > ul > li > a * {vertical-align:top;}
.mg_tab .mgt_content > div > ul > li > a > .ico_window {display:inline-block; width:11px; height:11px; background:url(/images/react/layout/m_gnb/ico_window.png) no-repeat left top; margin:5px 0 0 4px; text-indent:-10000px;}
.mg_tab .mgt_content > div > ul > li > ul {padding:4px 0; border-bottom:1px solid #d9d9d9;}
.mg_tab .mgt_content > div > ul > li > ul > li {padding-left:12px; background:url(/images/react/layout/m_gnb/blt_bar.png) no-repeat left 11px;}
.mg_tab .mgt_content > div > ul > li > ul > li > a {display:block; font-size:12px; line-height:20px; letter-spacing:-0.06em; color:#333; padding:2px 0;}
.mg_tab .mgt_content > div > ul > li > ul > li.on > a {color:#00539f;}
.mg_tab .mgt_content > div > ul > li > ul > li > a * {vertical-align:top;}
.mg_tab .mgt_content > div > ul > li > ul > li > a > .ico_window {display:inline-block; width:11px; height:11px; background:url(/images/react/layout/m_gnb/ico_window.png) no-repeat left top; margin:5px 0 0 4px; text-indent:-10000px;}

@media screen and (min-width:768px) and (max-width:1199px) {
	.mg_top .m_logo a {display:block; width:96px; height:28px; background:url(/images/react/layout/header/h_logo_m.png) no-repeat left top; background-size:96px auto;}
}
@media screen and (max-width:767px) {
	.mg_top .m_logo a {display:block; width:96px; height:28px; background:url(/images/react/layout/header/h_logo_m.png) no-repeat left top; background-size:96px auto;}
}

/* total menu */
.total_menu {float:right;}
.total_menu .btn_open {display:block; height:40px; padding:0 20px; font-size:15px; font-weight:bold; line-height:38px; letter-spacing:-0.075em; color:#fff;}
.total_menu .btn_open span {display:block; padding-left:19px; background:url(/images/react/layout/header/ico_total_menu.png) no-repeat left 15px;}
.total_menu .btn_open.on span {background:url(/images/react/layout/header/ico_total_menu_close.png) no-repeat left 15px;}
.tm_lst {display:none; position:absolute; left:0; top:40px; width:100%; z-index:960;}
.tm_lst.on {display:block;}
.tm_lst > ul {border-left:1px solid #6d8bb5;}
.tm_lst > ul:after {display:block; content:''; clear:both;}
.tm_lst > ul > li {width:25%; float:left;}
.tm_lst > ul > li.c_b {clear:both;}
.tm_lst > ul > li > div {border-right:1px solid #6d8bb5; border-bottom:1px solid #6d8bb5;}
.tm_lst > ul > li > div > h3 {display:block; font-size:16px; line-height:23px; letter-spacing:-0.075em; padding:7px 0 10px 0; color:#fff; background:#3f6497; text-align:center;}
.tm_sub_lst {height:300px;} /*max-height:240px; overflow:hidden; overflow-y:auto; common.js : max-height 동시에 설정해야 됩니다. */
.tm_sub_lst > div > div > ul {padding:2px 24px;}/*padding:12px 24px;*/
.tm_sub_lst > div > div > ul > li {padding:4px 0;}
.tm_sub_lst > div > div > ul > li > a {display:block; color:#fff; font-size:14px; line-height:18px; letter-spacing:-0.06em;}/* line-height:21px;*/
.tm_sub_lst > div > div > ul > li > ul {padding:4px 0 0 0;}
.tm_sub_lst > div > div > ul > li > ul > li {padding-left:8px; background:url(/images/react/layout/header/blt_dot_w.png) no-repeat left 8px;}
.tm_sub_lst > div > div > ul > li > ul > li > a {display:block; color:#d1dbe8; font-size:13px; line-height:17px; letter-spacing:-0.06em; padding:0 0 2px 0;}
.tm_sub_lst a * {vertical-align:top;}
.tm_sub_lst .ico_window {display:inline-block; width:11px; height:11px; margin:4px 0 0 6px; text-indent:-10000px; background:url(/images/react/layout/header/ico_window_w.png) no-repeat center center;}
.total_menu_shadow {background:#486ea2; position:absolute; left:0; top:102px; width:100%; z-index:950;}/* transition:height 0.2s; */



/*
 * footer - relate
 */

.f_relate {background:#fafafa; border-top:1px solid #d3d6db;}
.f_relate > div > ul {border-left:1px solid #ebeef3;}
.f_relate > div > ul:after {display:block; content:''; clear:both;}
.f_relate > div > ul > li {position:relative; width:25%; float:left;}
.f_relate > div > ul > li > .fr_title {display:block; cursor:pointer; border-right:1px solid #ebeef3; padding:0 20px;}
.f_relate > div > ul > li > .fr_title:hover {text-decoration:none;}
.f_relate > div > ul > li > .fr_title span {display:block; height:36px; font-size:12px; line-height:33px; letter-spacing:-0.06em; color:#111; background:url(/images/react/main/icon_dotAll.png) no-repeat 225px -310px;}
.f_relate > div > ul > li.on > .fr_title span { background:url(/images/react/main/icon_dotAll.png) no-repeat 225px -277px; }
.f_relate > div > ul > li .f_relate_sub {display:none; position:absolute; width:100%; bottom:100%; background:#fff; border:1px solid #ddd; border-bottom:0; z-index:940; margin-bottom:1px;}
.f_relate > div > ul > li.on .f_relate_sub {display:block;}
.f_relate_sub ul {padding:8px 16px;}
.f_relate_sub ul li {padding:2px 0;}
.f_relate_sub ul li a {display:block; font-size:14px; line-height:22px; letter-spacing:-0.06em; padding:0 0 2px 0;}

@media screen and (min-width:1200px) {
	.f_relate > div {width:1162px; margin:0 auto;}
}
@media screen and (min-width:1025px) and (max-width:1199px) {
	.f_relate > div {width:1024px; margin:0 auto;}
	.f_relate > div > ul > li {border-bottom:1px solid #ebeef3;}
	.f_relate > div > ul > li > .fr_title > span {height:32px; line-height:32px;}
}
@media screen and (min-width:768px) and (max-width:1024px) {
	.f_relate > div {width:100%;}
	.f_relate > div > ul > li {border-bottom:1px solid #ebeef3;}
	.f_relate > div > ul > li > .fr_title > span {height:32px; line-height:32px;}
}
@media screen and (max-width:767px) {
	.f_relate > div {width:100%;}
	.f_relate > div > ul > li {width:50%; border-bottom:1px solid #ebeef3;}/* border-bottom:1px solid #2f3340; */
	.f_relate > div > ul > li > .fr_title {padding:0 15px;}
	.f_relate > div > ul > li > .fr_title > span {height:32px; line-height:32px;}
}
@media print {
	.f_relate > div {width:1162px; margin:0 auto;}
}



/*
 * footer - bottom
 */
 
.f_bottom > div {position:relative;}

.f_nb {font-size:0; line-height:0; padding:0 0 10px 0;}
.f_nb * {vertical-align:top;}
.f_nb .fn_lst,
.f_nb .fn_lst ul,
.f_nb .fn_lst ul li,
.f_nb .btn_location,
.f_nb .fn_sns,
.f_nb .fn_sns ul,
.f_nb .fn_sns ul li {display:inline-block; display:-moz-grid-group;}

.f_nb .fn_lst {margin:5px 0;}
.f_nb .btn_location,
.f_nb .fn_sns {margin:5px 10px;}

.f_nb .fn_lst ul li {padding:0 3px;}
.f_nb .fn_lst ul li a {display:block;}
.f_nb .fn_lst ul li a span {display:block; height:26px; font-size:12px; line-height:24px; letter-spacing:-0.06em; color:#555;}
.f_nb .fn_lst ul li a span::before{ content: "·"; display: inline-block; padding-left:3px; width:13px; color:#ababab; font-weight:700; vertical-align:top; }
.f_nb .fn_lst ul>li:first-child a span::before { display:none }
.f_nb .fn_lst ul li a:hover span::before {text-decoration:none !important}

.f_nb .btn_location {border:1px solid #d3d6db; border-radius:2px; padding:0 12px;}
.f_nb .btn_location:hover {text-decoration:none;}
.f_nb .btn_location span {display:block; height:24px; font-size:12px; line-height:22px; letter-spacing:-0.06em; color:#446fd9; padding-right:13px; background:url(/images/react/layout/footer/arrow_right.png) no-repeat right center;}

.f_nb .fn_sns {border:1px solid #c5c6cb;}
.f_nb .fn_sns ul li {width:24px; height:24px; border-left:1px solid #dedfe4;}
.f_nb .fn_sns ul li:first-child {border-left:0;}
.f_nb .fn_sns ul li a {display:block; width:24px; height:24px; background-image:url(/images/react/main/icon_dotAll.png); background-repeat:no-repeat;}
.f_nb .fn_sns .facebook a {background-position:-32px -43px}
.f_nb .fn_sns .twitter a {background-position:-62px -43px}
.f_nb .fn_sns .youtube a {background-position:-92px -43px}
.f_nb .fn_sns .naverblog a {background-position:-2px -43px}
.f_nb .fn_sns .instar a {background-position:-150px -42px}
.f_nb .fn_sns .rss a {background-position:-122px -43px}

.f_address {clear:both; padding-bottom:15px;}
.f_address p {display:block; font-size:12px; line-height:20px; letter-spacing:-0.06em; color:#444;}/* text-align:center;*/

.f_mark ul li {display:inline-block; height:40px;}
.f_mark ul li a {display:block; height:inherit;}
.f_mark .open {width:56px; background:url(/images/react/layout/footer/mark_open.png) no-repeat center center; margin-right:10px;}
.f_mark .wia {width:40px; background:url(/images/react/layout/footer/mark_wia.png) no-repeat center center; margin:0 7px 0 10px;}
.f_mark .wa {width:52px; background:url(/images/react/layout/footer/mark_wa.png) no-repeat center center; margin-left:7px;}

@media screen and (min-width:1200px) {
	.f_bottom > div {width:1160px; margin:0 auto; padding:10px 0 30px 0;}
	.f_nb,
	.f_address,
	.f_mark {text-align:left;}
	.f_nb .fn_lst ul li:first-child {padding-left:0; background:none;}
	.f_mark {position:absolute; right:0px; top:12px;}
}
@media screen and (min-width:1025px) and (max-width:1199px) {
	.f_bottom > div {width:1024px; margin:0 auto; padding:10px 0 30px 0;}
	.f_nb,
	.f_address,
	.f_mark {text-align:center;}
	.f_nb .fn_lst ul li:first-child {padding-left:13px; background:none;}
	.f_nb .fn_lst ul li a span {line-height:26px;}
	.f_nb .btn_location span {line-height:24px;}
}
@media screen and (min-width:768px) and (max-width:1024px) {
	.f_bottom > div {width:100%; padding:10px 20px 30px 20px; box-sizing:border-box;}
	.f_nb,
	.f_address,
	.f_mark {text-align:center;}
	.f_nb .fn_lst ul li:first-child {padding-left:13px; background:none;}
	.f_nb .fn_lst ul li a span {line-height:26px;}
	.f_nb .btn_location span {line-height:24px;}
}
@media screen and (max-width:767px) {
	.f_bottom > div {width:100%; padding:10px 20px 30px 20px; box-sizing:border-box;}
	.f_nb,
	.f_address,
	.f_mark {text-align:center;}
	.f_nb .fn_lst ul li:first-child {padding-left:13px; background:none;}
	.f_nb .fn_lst ul li a span {line-height:26px;}
	.f_nb .btn_location span {line-height:24px;}
}
@media print {
	.f_bottom > div {width:1160px; margin:0 auto; padding:10px 0 30px 0;}
	.f_nb,
	.f_address,
	.f_mark {text-align:left;}
	.f_nb .fn_lst ul li:first-child {padding-left:0; background:none;}
	.f_mark {position:absolute; right:0px; top:12px;}
}



/*
 * sub_top
 */

.sub_top {font-size:0; line-height:0;}
.sub_top:after {display:block; content:''; clear:both;}
.sub_top * {vertical-align:top;}

@media screen and (min-width:1200px) {
	.sub_top {margin-bottom:10px;}
	.sub_top .st_left {float:left;}
	.sub_top .st_right {float:right;}
}
@media screen and (min-width:1025px) and (max-width:1199px) {
	.sub_top {margin-bottom:10px;}
	.sub_top .st_left {float:left;}
	.sub_top .st_right {float:right;}
}
@media screen and (min-width:768px) and (max-width:1024px) {
	.sub_top {margin-bottom:10px;}
	.sub_top .st_left {float:left;}
	.sub_top .st_right {float:right;}
}
@media screen and (max-width:767px) {
	.sub_top .st_left {text-align:center; background:#f8f8f8; border-bottom:1px solid #eee; padding:8px 0;}
	.sub_top .st_right {text-align:right; padding:8px 0; margin-top:8px;}
}
@media print {
	.sub_top {margin-bottom:10px;}
	.sub_top .st_left {float:left;}
	.sub_top .st_right {float:right;}
}



/*
 * location
 */

.location {padding:2px 0;}
.location ul li {display:inline-block; display:-moz-grid-group; padding:0 10px 0 14px; background:url(/images/react/layout/sub_top/bg_arrow.png) no-repeat left center;}
.location ul li:first-child {padding-left:20px; background:url(/images/react/layout/sub_top/ico_home.png) no-repeat left center;}
.location ul li a {display:block; font-size:12px; line-height:18px; letter-spacing:-0.06em; color:#666; padding:0 0 2px 0;}
.location ul li.last span {display:block; font-size:12px; line-height:18px; letter-spacing:-0.06em; color:#222; font-weight:bold; padding:0 0 2px 0;}

@media screen and (min-width:1200px) {
	.location ul li a {font-size:14px;}
	.location ul li.last span {font-size:14px;}
}
@media screen and (max-width:1199px) {
	.location ul li a,
	.location ul li.last span {padding:1px 0;}	
}
@media print {
	.location ul li a {font-size:14px;}
	.location ul li.last span {font-size:14px;}
}



/*
 * sns share
 */

.sns_share,
.sns_share ul,
.sns_share ul li {display:inline-block; display:-moz-grid-group;}
.sns_share {padding:0 9px;}
.sns_share ul li {padding:0 3px;}
.sns_share ul li a {display:block; width:24px; height:24px;}
.sns_share .kakaotalk a {background:url(/images/react/layout/sub_top/ico_talk.png) no-repeat center center; background-size:24px 24px;}
.sns_share .kakaostory a {background:url(/images/react/layout/sub_top/ico_story.png) no-repeat center center; background-size:24px 24px;}
.sns_share .facebook a {background:url(/images/react/layout/sub_top/ico_fb.png) no-repeat center center; background-size:24px 24px;}
.sns_share .twitter a {background:url(/images/react/layout/sub_top/ico_tw.png) no-repeat center center; background-size:24px 24px;}
.sns_share .googleplus a {background:url(/images/react/layout/sub_top/ico_gg.png) no-repeat center center; background-size:24px 24px;}



/* 
 * page print
 */
 
.page_print {display:inline-block; padding:0 0 0 14px; background:url(/images/react/layout/sub_top/bg_dotline.png) no-repeat left center;}
.page_print a {display:block; font-size:12px; line-height:22px; letter-spacing:-0.06em; color:#666; background:url(/images/react/layout/sub_top/ico_print.png) no-repeat left center; padding:0 0 2px 30px;}

@media screen and (max-width:1199px) {
	.page_print {display:none;}
	.page_print a {padding:1px 0 1px 30px;}
}



/*
 * container
 */

.container > div {margin:0 auto;}
.container > div:after {display:block; content:''; clear:both;}
.sub_left {float:left; width:230px; padding:10px 70px 75px 0;}
.content {padding:25px 0 75px 0;}

@media screen and (min-width:1200px) {
	.container > div {width:1160px; padding:0 20px;}
	.content {float:right; width:860px;}
}
@media screen and (min-width:1025px) and (max-width:1199px) {
	.container > div {width:1024px; padding:0 20px; box-sizing:border-box;}
}
@media screen and (min-width:768px) and (max-width:1024px) {
	.container > div {width:100%; margin:0; padding:0 20px; box-sizing:border-box;}
}
@media screen and (max-width:767px) {
	.container > div {width:100%; margin:0; padding:0; box-sizing:border-box;}
	.content {padding-top:0;}
	.sub_content {padding:0 10px;}
}
@media print {
	.container > div {width:1160px; padding:0 20px;}
	.content {float:right; width:860px;}
}



/*
 * snb
 */

.snb {margin-bottom:30px;}
.snb h2 {display:block; padding:10px 0; font-size:0; line-height:0; border-bottom:1px solid #000;}
.snb h2 .kor {display:inline-block; font-size:26px; line-height:33px; letter-spacing:-0.08em; /*color:#2951b3;*/color:#333; padding-right:6px;}
.snb h2 .eng {display:inline-block; font-size:14px; line-height:26px; letter-spacing:-0.04em; /*color:#595959;*/color:#333; font-weight:normal; padding-left:2px;}
.snb a:hover {text-decoration:none;}
.snb > ul {padding:12px 0 0 0;}
.snb > ul > li > .hasUl,
.snb > ul > li > a {display:block; font-size:14px; line-height:22px; letter-spacing:-0.06em; font-weight:normal; color:#333; border-bottom:1px solid #e6e6e6; cursor:pointer;}/* padding:0 10px; */
.snb > ul > li > a * {vertical-align:middle;}
.snb > ul > li > a > span {display:inline-block; padding:3px 0 6px 0;}
.snb > ul > li > a > em.ico_window {display:inline-block; width:12px; height:12px; background:url(/images/react/layout/snb/ico_window.png) no-repeat left top; margin:0 0 -2px 4px; text-indent:-10000px;}
.snb > ul > li.on > .hasUl > span,
.snb > ul > li.on > a {color:#00539f; font-weight:bold;}
.snb > ul > li.on > .hasUl > span {background:url(/images/react/layout/snb/arrow_up.png) no-repeat right 12px;}
.snb > ul > li > ul {border-bottom:1px solid #e6e6e6;}/*display:none;*/
.snb > ul > li > ul {padding:6px 0;}
.snb > ul > li > ul > li {padding-left:14px; background:url(/images/react/layout/snb/blt_bar_off.png) no-repeat left 11px;}
.snb > ul > li > ul > li > a {display:block; font-size:13px; line-height:20px; letter-spacing:-0.06em; color:#666; padding:0 0 3px 0;}
.snb > ul > li > ul > li > a * {vertical-align:middle;}
.snb > ul > li > ul > li > a > em.ico_window {display:inline-block; width:12px; height:12px; background:url(/images/react/layout/snb/ico_window.png) no-repeat left top; margin:0 0 -2px 4px; text-indent:-10000px;}
.snb > ul > li > ul > li.on {background:url(/images/react/layout/snb/blt_bar_on.png) no-repeat left 11px;}
.snb > ul > li > ul > li.on > a {color:#066ec6;}



/*
 * left banner
 */

.left_banner {margin-bottom:30px;}
.left_banner .newsletter {border:1px solid #c9cbd0; border-radius:3px; padding:11px 14px 13px 74px; background:url(/images/react/layout/left_banner/ico_mail.png) no-repeat 14px 12px;}
.left_banner .newsletter a {display:block; font-size:0; line-height:0; padding-right:20px; background:url(/images/react/layout/left_banner/arrow_right.png) no-repeat right center;}
.left_banner .newsletter a .nl_title {display:block; font-size:14px; line-height:16px; font-weight:bold; padding-bottom:4px;}
.left_banner .newsletter a .nl_descript {display:block; font-size:11px; line-height:15px; color:#666;}
.left_banner .president {border:1px solid #c9cbd0; border-radius:3px; padding:12px 14px 12px 87px; background:url(/images/react/layout/left_banner/ico_president.png) no-repeat 14px center;}
.left_banner .president a {display:block; font-size:0; line-height:0; padding-right:20px; background:url(/images/react/layout/left_banner/arrow_right.png) no-repeat right center;}
.left_banner .president a * {vertical-align:middle;}
.left_banner .president a span {display:inline-block; font-size:14px; line-height:23px; letter-spacing:-0.06em; color:#333; padding:0 0 3px 6px;}
.left_banner .acrc {border:1px solid #c9cbd0; border-radius:3px; padding:12px 14px; margin-bottom:5px;}
.left_banner .acrc a {display:block; font-size:0; line-height:0; padding-right:20px; background:url(/images/react/layout/left_banner/arrow_right.png) no-repeat right center;}
.left_banner .acrc a span {display:block; font-size:14px; font-weight:bold; line-height:23px; letter-spacing:-0.06em; padding-bottom:3px;}
.left_banner .call_center {border:1px solid #c9cbd0; border-radius:3px; padding:0 14px;}
.left_banner .call_center .cc_title {display:block;}
.left_banner .call_center .cc_title a {display:block; padding:12px 20px 12px 0; background:url(/images/react/layout/left_banner/arrow_right.png) no-repeat right center;}
.left_banner .call_center .cc_title a span {display:block; font-size:14px; line-height:23px; letter-spacing:-0.06em; font-weight:bold; padding-bottom:3px;}
.left_banner .call_center .cc_title a span strong {color:#c72a00;}
.left_banner .call_center .cc_descript {display:block; padding:11px 0 13px 0; font-size:12px; line-height:18px; letter-spacing:-0.06em; border-top:1px dotted #d4d4d4;}



/*
 * quick servie
 */

.quick_service .qs_title {display:block; font-size:16px; line-height:24px; letter-spacing:-0.04em; font-weight:bold; color:#066ec6; padding-bottom:12px;}
.quick_service ul li {border-bottom:1px dotted #d5d5d5;}/* padding:0 10px; */
.quick_service ul li a {display:block; font-size:0; line-height:0;}
.quick_service ul li a * {vertical-align:middle;}
.quick_service ul li a em {display:inline-block; width:20px; height:20px; margin-right:6px;}
.quick_service ul li a span {display:inline-block; height:30px; font-size:12px; line-height:28px; letter-spacing:-0.06em; color:#333;}
.quick_service .ico_person {background:url(/images/react/layout/quick_service/ico_person.png) no-repeat center center;}
.quick_service .ico_organ {background:url(/images/react/layout/quick_service/ico_organ.png) no-repeat center center;}
.quick_service .ico_book {background:url(/images/react/layout/quick_service/ico_book.png) no-repeat center center;}
.quick_service .ico_location {background:url(/images/react/layout/quick_service/ico_location.png) no-repeat center center;}
.quick_service .ico_phone {background:url(/images/react/layout/quick_service/ico_phone.png) no-repeat center center;}
.quick_service .ico_mic {background:url(/images/react/layout/quick_service/ico_mic.png) no-repeat center center;}
.quick_service .ico_rss {background:url(/images/react/layout/quick_service/ico_rss.png) no-repeat center center;}



/*
 * sub title
 */

.sub_title h3 {display:block; font-size:26px; line-height:34px; letter-spacing:-0.06em;}



/*
 * tab depth1
 */
 
.tab_dpth1 {margin-top:25px;}
.tab_dpth1 ul:after {display:block; content:''; clear:both;}
.tab_dpth1 ul li {float:left;}
.tab_dpth1 ul li a {display:block; background:#e7e7e7; border-right:1px solid #fff; border-bottom:1px solid #fff; text-align:center; color:#5f5e5e; font-size:14px; letter-spacing:-0.06em;}
.tab_dpth1 ul li.on a {background:url(/images/react/layout/tab/tab_dpth1_bg.png) repeat-x left bottom; color:#fff; font-weight:bold; font-size:14px; letter-spacing:-0.06em;}
.tab_dpth1 ul li a * {vertical-align:top;}
.tab_dpth1 .ico_window {display:inline-block; width:12px; height:12px; margin:5px 0 0 4px; text-indent:-10000px; background:url(/images/react/layout/tab/ico_window.png) no-repeat center center;}
.tab_dpth1 .on .ico_window {background:url(/images/react/layout/header/ico_window_w.png) no-repeat center center;}
.tab_dpth1 .ico_announce {display:block; margin:0 auto;}

@media screen and (min-width:1200px) {
	.tab_dpth1 ul li a,
	.tab_dpth1 ul li.on a {line-height:21px; padding:7px 0 10px 0;}
	.tab_dpth1.cnt6-6-3 ul li {width:16.6666%;}
	.tab_dpth1.cnt6-3-2 ul li {width:16.6666%;}
	.tab_dpth1.cnt5-5-2 ul li {width:20%;}
	.tab_dpth1.cnt5-5-3 ul li {width:20%;}
	.tab_dpth1.cnt4-4-4 ul li {width:25%;}
	.tab_dpth1.cnt4-4-2 ul li {width:25%;}
	.tab_dpth1.cnt3-3-3 ul li {width:33.3333%;}
	.tab_dpth1.cnt3-3-2 ul li {width:33.3333%;}
	.tab_dpth1.cnt3-3-1 ul li {width:33.3333%;}
	
	.tab_dpth1.cnt2-2-2 ul li {width:50%;}/*20190827추가*/
	.tab_dpth1.cnt2-2-1 ul li {width:50%;}/*20190827추가*/
	
	
}
@media screen and (min-width:769px) and (max-width:1199px) {
	.tab_dpth1 ul li a,
	.tab_dpth1 ul li.on a {line-height:22px; padding:8px 0;}
	.tab_dpth1.cnt6-6-3 ul li {width:16.6666%;}
	.tab_dpth1.cnt6-3-2 ul li {width:33.3333%;}
	.tab_dpth1.cnt5-5-2 ul li {width:20%;}
	.tab_dpth1.cnt5-5-3 ul li {width:20%;}
	.tab_dpth1.cnt4-4-4 ul li {width:25%;}
	.tab_dpth1.cnt4-4-2 ul li {width:25%;}
	.tab_dpth1.cnt3-3-3 ul li {width:33.3333%;}
	.tab_dpth1.cnt3-3-2 ul li {width:33.3333%;}
	.tab_dpth1.cnt3-3-1 ul li {width:33.3333%;}
	
	 .tab_dpth1.cnt2-2-2 ul li {width:50%;}/*20190827추가*/
	.tab_dpth1.cnt2-2-2 ul li {width:50%;}/*20190827추가*/
}
@media screen and (max-width:768px) {
	.tab_dpth1 {margin-top:15px;}
	.tab_dpth1 ul li a,
	.tab_dpth1 ul li.on a {line-height:22px; padding:8px 0;}
	.tab_dpth1.cnt6-6-3 ul li {width:33.3333%;}
	.tab_dpth1.cnt6-3-2 ul li {width:50%;}
	.tab_dpth1.cnt5-5-2 ul li {width:50%;}
	.tab_dpth1.cnt5-5-3 ul li {width:33.3333%;}
	.tab_dpth1.cnt4-4-4 ul li {width:25%;}	
	.tab_dpth1.cnt4-4-2 ul li {width:50%;}
	.tab_dpth1.cnt3-3-3 ul li {width:33.3333%;}
	.tab_dpth1.cnt3-3-2 ul li {width:50%;}
	.tab_dpth1.cnt3-3-1 ul li {width:100%;}
	
	.tab_dpth1.cnt6-6-3 ul li:nth-child(3n+1) {clear:both;}
	.tab_dpth1.cnt6-3-2 ul li:nth-child(2n+1) {clear:both;}
	.tab_dpth1.cnt5-5-2 ul li:nth-child(2n+1) {clear:both;}
	.tab_dpth1.cnt5-5-3 ul li:nth-child(3n+1) {clear:both;}
	.tab_dpth1.cnt4-4-4 ul li:nth-child(4n+1) {clear:both;}
	.tab_dpth1.cnt4-4-2 ul li:nth-child(2n+1) {clear:both;}
	.tab_dpth1.cnt3-3-3 ul li:nth-child(3n+1) {clear:both;}
	.tab_dpth1.cnt3-3-2 ul li:nth-child(2n+1) {clear:both;}
	
	.tab_dpth1.cnt2-2-2 ul li {width:100%;}/*20190827추가*/
	
}
@media print and (min-width:1200px) {
	.tab_dpth1 ul li a,
	.tab_dpth1 ul li.on a {line-height:21px; padding:7px 0 10px 0;}
	.tab_dpth1.cnt6-6-3 ul li {width:16.6666%;}
	.tab_dpth1.cnt6-3-2 ul li {width:16.6666%;}
	.tab_dpth1.cnt5-5-2 ul li {width:20%;}
	.tab_dpth1.cnt5-5-3 ul li {width:20%;}
	.tab_dpth1.cnt4-4-4 ul li {width:25%;}
	.tab_dpth1.cnt4-4-2 ul li {width:25%;}
	.tab_dpth1.cnt3-3-3 ul li {width:33.3333%;}
	.tab_dpth1.cnt3-3-2 ul li {width:33.3333%;}
	.tab_dpth1.cnt3-3-1 ul li {width:33.3333%;}
}



/*
 * tab depth2
 */

.tab_dpth2 {margin-top:30px;}
.tab_dpth2 ul {border-left:1px solid #d8d8d8;}
.tab_dpth2 ul:after {display:block; content:''; clear:both;}
.tab_dpth2 ul li {float:left; margin-top:-1px;}
.tab_dpth2 ul li a {display:block; background:#f8f8f8; text-align:center; color:#5f5e5e; font-size:12px; line-height:20px; letter-spacing:-0.06em; padding:6px 0 9px 0; border:1px solid #d8d8d8; border-left:0;}
.tab_dpth2 ul li.on a {background:#fff; color:#7ea1d2; font-weight:bold; letter-spacing:-0.075em; text-decoration:underline;}

@media screen and (min-width:1200px) {
	.tab_dpth2.cnt8-6-4 ul li {width:12.5%;}
	.tab_dpth2.cnt8-6-3 ul li {width:12.5%;}
	.tab_dpth2.cnt3-3-2 ul li {width:33.3333%;}
}
@media screen and (min-width:769px) and (max-width:1199px) {
	.tab_dpth2 ul li a {padding:7px 0;}
	.tab_dpth2.cnt8-6-4 ul li {width:16.6666%;}
	.tab_dpth2.cnt8-6-3 ul li {width:16.6666%;}
	.tab_dpth2.cnt3-3-2 ul li {width:33.3333%;}
}
@media screen and (max-width:768px) {
	.tab_dpth2 {margin-top:15px;}
	.tab_dpth2 ul li a {padding:7px 0;}
	.tab_dpth2.cnt8-6-4 ul li {width:25%;}
	.tab_dpth2.cnt8-6-3 ul li {width:33.3333%;}
	.tab_dpth2.cnt3-3-2 ul li {width:50%;}
}



/*
 * tab depth3
 */

.tab_dpth3 {margin-top:15px;}
.tab_dpth3 ul {font-size:0; line-height:0; text-align:left;}
.tab_dpth3 ul li {display:inline-block; margin:2px;}
.tab_dpth3 ul li a {display:block; height:33px; border-radius:17px; background:#f0f1f5; color:#5f5e5e; font-size:13px; line-height:30px; letter-spacing:-1px; padding:0 18px;}
.tab_dpth3 ul li.on a {background:#476da2; color:#fff; font-weight:bold; letter-spacing:-0.075em;}
.tab_dpth3 ul li a span {display:block;}

@media screen and (min-width:769px) and (max-width:1199px) {
	.tab_dpth3 ul li a {height:32px; line-height:32px;}
}
@media screen and (max-width:768px) {
	.tab_dpth3 ul li a {height:32px; line-height:32px;}
}



/*
 * tab depth4
 */

.tab_dpth4 {margin-top:15px;}
.tab_dpth4 ul {padding:10px 0 10px 20px; border:1px solid #d8d8d8; font-size:0; line-height:0; text-align:left;}
.tab_dpth4 ul li {display:inline-block; padding:0 18px 0 6px; background:url(/images/react/layout/tab/blt_tab_dpth3.png) no-repeat left center;}
.tab_dpth4 ul li a {display:block; color:#5f5e5e; font-size:13px; line-height:18px; letter-spacing:-1px; padding:1px 0 3px 0;}
.tab_dpth4 ul li.on a {color:#476da2; font-weight:bold; letter-spacing:-0.075em;}
.tab_dpth4 ul li a span {display:block;}

@media screen and (min-width:769px) and (max-width:1199px) {
	.tab_dpth4 ul li a {padding:2px 0;}
}
@media screen and (max-width:768px) {
	.tab_dpth4 ul li a {padding:2px 0;}
}



/*
 * tab depth5
 */

.tab_dpth5 {margin-top:15px;}
.tab_dpth5 ul {margin-left:-4px;}
.tab_dpth5 ul:after {display:block; content:''; clear:both;}
.tab_dpth5 ul > li {float:left;}
.tab_dpth5 ul > li > div {padding:0 0 4px 4px;}
.tab_dpth5 ul > li > div > a {display:block; background:#fff; border:1px solid #c8c8c8; border-radius:2px; text-align:center;}
.tab_dpth5 ul > li > div > a:hover {border-color:#7ea1d2; text-decoration:none;}
.tab_dpth5 ul > li > div > a * {vertical-align:middle;}
.tab_dpth5 ul > li > div > a > span {display:inline-block; height:34px; font-size:13px; line-height:31px; letter-spacing:-1px; color:#595959;}
.tab_dpth5 ul > li.on > div > a {font-weight:bold; letter-spacing:-0.075em; color:#222; border-color:#7ea1d2; text-decoration:underline;}
.tab_dpth5 .ico_window {display:inline-block; width:12px; height:12px; background:url(/images/react/layout/header/ico_window.png) no-repeat center top; margin:0 0 0 4px; overflow:hidden; text-indent:-10000px;}

@media screen and (min-width:1200px) {
	.tab_dpth5.cnt6-6-3 ul li {width:16.6666%;}
	.tab_dpth5.cnt6-6-3 ul li.over {width:33.33%;}
	.tab_dpth5.cnt6-4-2 ul li {width:16.6666%;}
	.tab_dpth5.cnt4-4-4 ul li {width:25%;}
	.tab_dpth5.cnt4-4-2 ul li {width:25%;}
	.tab_dpth5.cnt3-3-3 ul li {width:33.3333%;}
	.tab_dpth5.cnt3-3-2 ul li {width:33.3333%;}
}
@media screen and (min-width:769px) and (max-width:1199px) {
	.tab_dpth5 ul > li > div > a > span {line-height:34px;}
	.tab_dpth5.cnt6-6-3 ul li {width:16.6666%;}
	.tab_dpth5.cnt6-6-3 ul li.over {width:25.2222%;}
	.tab_dpth5.cnt6-4-2 ul li {width:25%;}
	.tab_dpth5.cnt4-4-4 ul li {width:25%;}
	.tab_dpth5.cnt4-4-2 ul li {width:25%;}
	.tab_dpth5.cnt3-3-3 ul li {width:33.3333%;}
	.tab_dpth5.cnt3-3-2 ul li {width:33.3333%;}
}
@media screen and (max-width:768px) {
	.tab_dpth5 ul > li > div > a > span {line-height:34px;}
	.tab_dpth5.cnt6-6-3 ul li {width:33.3333%;}
	.tab_dpth5.cnt6-6-3 ul li.over {width:66.66%;}
	.tab_dpth5.cnt6-4-2 ul li {width:50%;}
	.tab_dpth5.cnt4-4-4 ul li {width:25%;}
	.tab_dpth5.cnt4-4-2 ul li {width:50%;}
	.tab_dpth5.cnt3-3-3 ul li {width:33.3333%;}
	.tab_dpth5.cnt3-3-2 ul li {width:50%;}
}



/*
 * tab_box
 */

.tab_box .tb_cont {display:none;}
.tab_box .tb_cont.on {display:block;}



/*
 * foot author
 */

.foot_author {clear:both;background:#f7f7f7; border:1px solid #dedfe4; font-size:0; line-height:0; margin-top:30px;}
.foot_author > div {position:relative; padding:10px 12px;}
.foot_author > div::after {display:block; content:''; clear:both;}
.foot_author .bdt_dot {border-top:1px dotted #dedfe4;}
.foot_author * {vertical-align:top;}
.foot_author ul {float:left;}
.foot_author ul li {display:inline-block; padding:3px 10px 3px 0;}
.foot_author ul li p, .foot_author ul li label {display:inline-block; font-size:12px; line-height:22px; letter-spacing:-1px; color:#666; padding:0 0 2px 0;}
.foot_author ul li em {display:inline-block; width:16px; height:16px; background:red; margin:4px 6px 0 0;}
.foot_author ul li em.ico_part {background:url(/images/react/layout/foot_author/ico_document.png) no-repeat center center;}
.foot_author ul li em.ico_name {background:url(/images/react/layout/foot_author/ico_person.png) no-repeat center center;}
.foot_author ul li em.ico_tel {background:url(/images/react/layout/foot_author/ico_phone.png) no-repeat center center;}
.foot_author ul li em.ico_date {background:url(/images/react/layout/foot_author/ico_calendar.png) no-repeat center center;}
.foot_author ul li p strong {font-weight:normal; padding-right:4px;}
.foot_author ul li input[type=radio] {margin-top:6px}
.foot_author .btn {display:block; background:#fff; border:1px solid #c8c8c8; border-radius:2px; padding:0 10px; float:right;}
.foot_author .btn:hover {border-color:#7ea1d2; text-decoration:none;}
.foot_author .btn span {display:block; height:28px; font-size:12px; line-height:26px; letter-spacing:-0.06em; color:#595959; padding-right:22px; background:url(/images/react/layout/foot_author/ico_error.png) no-repeat right center;}
.foot_author .fa_survey .btn span {padding-right:0; background:none;}

@media screen and (max-width:1199px) {
	.foot_author ul li p, .foot_author ul li label {padding:1px 0;}
	.foot_author .btn span {line-height:28px;}
}



/*
 * popup
 */

.popup_wrap {padding:25px 30px;}

@media screen and (max-width:768px) {
	.popup_wrap {padding:10px;}
}