.fixed-top { top: 0px; }
.fixed-top { left: 0px; right: 0px; position: fixed; }
.content { background:#fff; width:100%; top:0; }

.t_l ul, .t_r ul, .global_menu ul { font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size-adjust: inherit; font-stretch: inherit; list-style: none; }

.pst_l { left: 0px; top: 0px; position: absolute; }
.pst_r { top: 0px; right: 0px; position: absolute; }
.fl_l { float: left; }
.fl_r { float: right; }
.ta_l { text-align: left; }
.ta_c { text-align: center; }
.ta_r { text-align: right; }
.txt_elps { overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; }
.cl_b { clear: both; }
.cl_b_aftr::after { clear: both; display: block; content: ""; }
.hdn { left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden; position: absolute; }
.of_h { overflow: hidden; }

@media all and (max-width:1139px) and (min-width:768px) {
    .of_h_gm { overflow: hidden; }
}

@media all and (max-width:767px) {
    .of_h_gm { overflow: hidden; }
}

.d_va_m { text-align: center; line-height: 0; font-size: 0px; }
.d_va_m::before { width: 0px; height: 100%; vertical-align: middle; display: inline-block; content: ""; }
.d_va_m > div { vertical-align: middle; display: inline-block; }
.dp_n { display: none; }

@media all and (min-width:1140px) {
    .dp_n_p { display: none; }
}

@media all and (max-width:1139px) and (min-width:768px) {
    .dp_n_t { display: none; }
}

@media all and (max-width:767px) {
    .dp_n_m { display: none; }
}

.lt_l { cursor: pointer; }
.lt_c { display: none; }
.open > .lt_c { display: block; }
.ib_w { text-align: right; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis; }

@media all and (min-width:1140px) {
    .l_ib_t { display: inline-block; }
    .l_ib_t > div { display: inline-block; }
}

@media all and (max-width:1139px) and (min-width:768px) {
    .l_ib_t { display: inline-block; }
    .l_ib_t > div { display: inline-block; }
}

@media all and (max-width:767px) {
    .l_ib_t { width: 100%; display: table; table-layout: fixed; }
    .l_ib_t > div { display: table-cell; }
}

.wrap { height: auto; position: relative; }
.w_catch { left: 0px; top: 0px; width: 100%; height: 0px; overflow: hidden; position: absolute; }
.btn_top { background: url("../images/common/btn_top_bg.png") no-repeat center rgb(78, 143, 8); border-radius: 4px; width: 40px; height: 40px; right: 16px; display: none; opacity: 0.8; }

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

.ico_window { width: 12px; height: 12px; margin-left: 4px; vertical-align: middle; display: inline-block; position: relative; }
.ico_window::before { display: block; position: absolute; content: ""; }
.ico_window::after { display: block; position: absolute; content: ""; }
.ico_window::before { border-width: 0px 1px 1px 0px; border-style: none solid solid none; border-color: currentColor rgb(102, 102, 102) rgb(102, 102, 102) currentColor; border-image: none; width: 10px; height: 10px; right: 0px; bottom: 0px; opacity: 0.48; }
.ico_window::after { border: 1px solid rgb(102, 102, 102); border-image: none; left: 0px; top: 0px; width: 10px; height: 10px; }

.snb { left: 0px; top: 0px; width: 100%; position: absolute; z-index: 999; }
.snb dt { height: 0px; overflow: hidden; }
.snb a { background: rgba(4, 123, 224, 0.75); padding: 16px; transition:opacity 0.25s ease-out, transform 0.25s ease-out; left: 0px; top: 0px; width: 100%; text-align: center; color: rgb(255, 255, 255); line-height: 28px; font-size: 18px; display: block; position: fixed; z-index: 999; opacity: 0; transform: translate(0px, -60px); }
.snb a:focus { opacity: 1; transform: translate(0px, 0px); }

.tnb { background: rgb(0, 161, 168); height: 40px; position: relative; z-index: 950; }
.tnb > div { margin: 0px auto; width: 1140px; }
.tnb > div::after { clear: both; display: block; content: ""; }
.tnb .t_l > ul::after { clear: both; display: block; content: ""; }
.tnb .t_r > ul::after { clear: both; display: block; content: ""; }
.tnb .t_l { float: left; }
.tnb .t_r { float: right; }
.tnb .t_l > ul > li { float: left; }
.tnb .t_r > ul > li { float: left; }
.tnb .t_l > ul > li { padding: 10px 0px; }
.tnb .t_l .tl_semas1 > a { background: url("../images/common/center_go_01.png") no-repeat left top; width: 38px; height: 20px; display: block; }
.tnb .t_l .tl_semas2 > a { background: url("../images/common/center_go_02.png") no-repeat left top; width: 90px; height: 20px; display: block; }
.tnb .t_l .tl_semas3 > a { background: url("../images/common/center_go_03.png") no-repeat left top; width: 90px; height: 20px; display: block; }
.tnb .t_r > ul { padding: 13px 0px; }
.tnb .t_r > ul > li { padding: 0px 13px; position: relative; }
.tnb .t_r > ul > li:first-child { padding-left: 0px; }
.tnb .t_r > ul > li:last-child { padding-right: 0px; }
.tnb .t_r > ul > li::before { background: rgb(51, 133, 198); left: 0px; top: 0px; width: 1px; height: 14px; display: block; position: absolute; content: ""; }
.tnb .t_r > ul > li:first-child::before { display: none; }
.tnb .t_r > ul > li > a { color: rgb(255, 255, 255); line-height: 1; font-size: 14px; display: block; }
.tnb .t_r > ul > li > a:hover { color: rgb(255, 255, 0); }

#header { position: relative; }
.header { background: rgb(255, 255, 255); position: relative; z-index: 950; }
.fixed#header { background: rgb(255, 255, 255); position: fixed; z-index: 950; }

.header .h_t { border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid; }
.header .h_t > div { position: relative;  }
.header .h_t .ht_logo { float: left; display: block; margin:0; padding:0; }
.header .h_t .ht_logo > a { background: url("../images/common/stf_logo.png") no-repeat left top / auto 100%; display: block; }

.header .h_b { height: 57px; position: relative; }
.header .h_b > div { background: url("../images/common/gnb_bg.png") repeat-x left top; transition:height 0.25s ease-out; left: 0px; top: 0px; width: 100%; height: 57px; overflow: hidden; position: absolute; z-index: 0; }
.header .h_b > div > div { margin: 0px auto; width: 1140px; position: relative; }

.header .btn_global_menu { z-index: 900; }
.header .btn_global_search { z-index: 900; }

@media all and (min-width:1140px) {
    .header .h_t > div { margin: 0px auto; width: 1140px; height: 90px; }
    .header .h_t .ht_logo { padding: 14px 0px 0px; width: 200px; height: 90px; position: relative; }
    .header .h_t .ht_logo > a { width: 200px; height: 60px; }
    .header .btn_global_menu { display: none; top: 85px; right: 50%; margin-right: -570px; position: absolute; }
    .header .btn_global_menu > span { color: rgb(163, 253, 65); line-height: 24px; font-size: 16px; font-weight: 500; vertical-align: middle; display: inline-block; }
    .header .btn_global_menu::before { background: url("../images/common/ico_menu_p.png") no-repeat center rgb(200, 24, 30); border-radius: 14px; width: 28px; height: 28px; margin-right: 6px; vertical-align: middle; display: inline-block; content: ""; }
}

@media all and (max-width:1139px) and (min-width:768px) {
    .header .h_t > div { height: 72px; }
    .header .h_t .ht_logo { padding: 18px 0px 0px 10px; width: 200px; height: 72px; position: relative; }
    .header .h_t p { right: 35px; bottom: 23px; font-size: 12px; display: inline-block; position: absolute; }
    .header .h_t .ht_logo > a { width: 133px; height: 40px; }
    .header .btn_global_menu { background: url("../images/common/ico_menu_tm.png") no-repeat center rgb(200, 24, 30); top: 16px; width: 40px; height: 40px; right: 16px; display: block; position: absolute; }
    .header .btn_global_menu > span { display: none; }
    .header .btn_global_search { background: url("../images/common/ico_search.png") no-repeat center rgb(11, 54, 125); top: 16px; width: 40px; height: 40px; right: 72px; display: block; position: absolute; }
}

@media all and (max-width:767px) {
    .header .h_t > div { height: 56px; }
    .header .h_t .ht_logo { padding: 12px 0px 0px 10px; width: 220px; height: 56px; position: relative; }
    .header .h_t p { right: 62px; bottom: 5px; font-size: 10px; display: inline-block; position: absolute; }
    .header .h_t .ht_logo > a { width: 133px; height: 40px; }
    .header .btn_global_menu { background: url("../images/common/ico_menu_tm.png") no-repeat center rgb(200, 24, 30); top: 8px; width: 40px; height: 40px; right: 8px; display: block; position: absolute; }
    .header .btn_global_menu > span { display: none; }
    .header .btn_global_search { background: url("../images/common/ico_search.png") no-repeat center rgb(11, 54, 125); top: 8px; width: 40px; height: 40px; right: 56px; display: block; position: absolute; }
}

.gnb { text-align: left; line-height: 0; font-size: 0px; padding:0; margin:0; }
.gnb > ul { padding: 0px; margin:0; }
.gnb > ul > li { height:57px; padding: 0px; margin:0; display: inline-block; border-left:1px solid rgba(255, 255, 255, 0); }
.gnb > ul > li:hover { background:#3e75bb; }
.gnb > ul > li:nth-child(1) { border-left:0px solid rgba(255, 255, 255, 1); padding-left:20px; }
.gnb > ul > li:nth-child(5) { padding-right:20px; }
.gnb > ul > li > a { height:57px; padding: 18px 70px 0; text-align: center; color: rgb(255, 255, 255); line-height: 18px; font-size: 18px; font-weight: 400; display: block;}
.gnb > ul > li > a:hover { color: rgb(255, 255, 255); } 

/* PC紐⑤뱶 �쒕툕硫붾돱 */
.gnb .g_sub { left: 0px; top: 100%; display: none; position: absolute; }

.g_sub_img_01 { margin-left:50px; }
.g_sub_img_02 { margin-left:250px; }
.g_sub_img_03 { margin-left:494px; }
.g_sub_img_04 { margin-left:717px; }
.g_sub_img_05 { margin-left:768px; }

.gnb .over .g_sub { display: block; }
.gnb .g_sub > ul { padding-top: 30px; min-height: 80px; }

.gnb .g_sub > ul::after { clear: both; display: block; content: ""; }
.gnb .g_sub > ul > li { padding: 0px 0px; float: left; }
.gnb .g_sub > ul > li > a { padding: 0px 10px; text-align: left; color: rgb(0, 0, 0); line-height: 16px; font-size: 16px; display: block; }
.gnb .g_sub > ul > li > a:hover { padding: 0px 10px 9px; color: rgb(0, 44, 95); border-bottom: 2px solid #d5392c; }

.global_search, .global_sns { position: absolute; z-index: 990; }
.global_search .btn_close { background: url("../images/common/ico_close.png") no-repeat center rgb(28, 42, 112); top: 0px; right: 0px; display: block; position: absolute; }
.global_search form { position: relative; }
.global_search form input[type='text'] { margin: 0px; border: 0px currentColor; border-image: none; font-weight: 300; display: block; }
.global_search .btn_search { margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; top: 0px; text-align: center; right: 0px; line-height: 0; font-size: 0px; display: block; position: absolute; }

@media all and (min-width:1140px) {
    .global_search { margin: -18px 0px 0px 0px; right: 0%; top: 50%; width:400px;  padding-left:0px; border: 0px solid rgb(255, 0, 0); }
    .global_sns { margin: -18px 0px 0px -200px; left: 50%; top: 50%;  padding-left:630px; }
    .global_search form { width: 400px; height: 36px; }
    .global_search form::after { border-radius: 50px; left: 0px; width: 376px; height: 0px; bottom: 0px; display: block; position: absolute; content: ""; }
    .global_search form input[type='text'] { padding: 4px 24px 4px 20px; width: 376px; height: 36px; color: rgb(119, 119, 119); line-height: 24px; font-size: 15px; background: rgb(246, 246, 246); border-radius: 50px; }
    .global_search .btn_search { background: url("../images/common/ico_search.png") no-repeat center rgb(213, 57, 44); border-radius: 50px; width: 50px; height: 36px; }
    .global_search .btn_close { display: none; }	
    .global_search_bk form::after { background: rgb(248, 121, 16); border-radius: 0px; left: 0px; width: 376px; height: 2px; bottom: 0px; display: block; position: absolute; content: ""; }
    .global_search_bk form input[type='text'] { padding: 4px 24px 4px 4px; width: 376px; height: 32px; color: rgb(94, 110, 136); line-height: 24px; font-size: 15px; }	
    .global_mem { float:right; }	
    .global_mem ul  { font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size-adjust: inherit; font-stretch: inherit; list-style: none; }
    .global_mem > ul { padding: 13px 0px; }
    .global_mem > ul > li { float: left; }
    .global_mem > ul > li { padding: 0px 10px; position: relative; }
    .global_mem > ul > li:first-child { padding-left: 0px; }
    .global_mem > ul > li:last-child { padding-right: 0px; }
    .global_mem > ul > li::before { background: rgb(215, 215, 215); left: 0px; top: 0px; width: 1px; height: 14px; display: block; position: absolute; content: ""; }
    .global_mem > ul > li:first-child::before, .global_mem > ul > li:last-child::before { display: none; }
    .global_mem > ul > li > a { color: rgb(0, 0, 0); line-height: 1; font-size: 13px; display: block; }
    .global_mem > ul > li > a:hover { color: rgb(23, 95, 195); }
    .global_mem .btn-theme-bg { color: rgb(255, 255, 255); padding:0 10px 3px; margin-top:-2px; }
}

@media all and (max-width:1139px) and (min-width:768px) {
    .global_search, .global_sns { transition:opacity 0.24s ease-out, transform 0.24s ease-out; left: 0px; top: 0px; width: 100%; height: 72px; padding-right: 72px; display: none; opacity: 0; transform: translate(0px, -25%); }
    .global_search.open { opacity: 1; transform: translate(0px, 0px); }
    .global_search .btn_close { width: 72px; height: 72px; }
    .global_search form { padding-right: 72px; }
    .global_search form input[type='text'] { width:100%; padding: 24px; height: 72px; line-height: 24px; font-size: 20px; border-bottom-color: rgba(0, 0, 0, 0.08); border-bottom-width: 1px; border-bottom-style: solid; }
    .global_search .btn_search { background: url("../images/common/ico_search.png") no-repeat center rgb(4, 123, 224); width: 72px; height: 72px; }
}

@media all and (max-width:767px) {
    .global_search, .global_sns { transition:opacity 0.24s ease-out, transform 0.24s ease-out; left: 0px; top: 0px; width: 100%; height: 56px; padding-right: 56px; display: none; opacity: 0; transform: translate(0px, -25%); }
    .global_search.open { opacity: 1; transform: translate(0px, 0px); }
    .global_search .btn_close { width: 56px; height: 56px; }
    .global_search form { padding-right: 56px; }
    .global_search form input[type='text'] { width:100%; padding: 16px; height: 56px; line-height: 24px; font-size: 20px; border-bottom-color: rgba(0, 0, 0, 0.08); border-bottom-width: 1px; border-bottom-style: solid; }
    .global_search .btn_search { background: url("../images/common/ico_search.png") no-repeat center rgb(4, 123, 224); width: 56px; height: 56px; }
}

.global_menu { transition:opacity 0.24s ease-out; top: 0px; width: 100%; height: 100%; overflow: hidden; display: none; position: fixed; z-index: 9999; opacity: 0; }
.global_menu * { vertical-align: middle; }
.global_menu.open { opacity: 1; }
.global_menu > div { background: rgb(255, 255, 255); transition:transform 0.24s ease-out; position: relative; }
.global_menu .btn_close { background: url("../images/common/ico_close.png") no-repeat center; top: 0px; width: 56px; height: 56px; right: 4px; display: block; position: absolute; opacity: 0.8; }
.global_menu .gm_t { position: relative; }
.global_menu .gm_c .gmc_title { line-height: 40px; font-size: 18px; font-weight: 400; display: block; }
.global_menu .gm_c .gmc_list > ul > li > a { line-height: 26px; font-size: 16px; font-weight: 400; display: block; }
.global_menu .gm_c .gmc_list .gmc_sub > ul > li { padding: 2px 0px 2px 8px; position: relative; }
.global_menu .gm_c .gmc_list .gmc_sub > ul > li::before { background: rgb(187, 187, 187); border-radius: 2px; left: 0px; top: 11px; width: 2px; height: 2px; display: block; position: absolute; content: ""; }
.global_menu .gm_c .gmc_list .gmc_sub > ul > li > a { color: rgb(102, 102, 102); line-height: 20px; font-size: 12px; display: block; }

@media all and (min-width:1140px) {
    .global_menu { left: 0px; padding-top: 121px; -ms-overflow-y: auto; }
    .global_menu > div { margin: 0px auto; width: 1140px; transform: translate(0px, -4%); }
    .global_menu.open > div { transform: translate(0px, 0px); }
    .global_menu .gm_t { background: rgb(23, 95, 165); padding: 17px 24px; height: 56px; }
    .global_menu .gm_t .gmt_tm { display: none; }
    .global_menu .gm_t .gmt_p span { color: rgb(255, 255, 255); line-height: 22px; font-size: 20px; font-weight: 500; display: block; }
    .global_menu .gm_c { background: url("../images/common/gm_bg.png") no-repeat top; }
    .global_menu .gm_c > div { padding: 24px 8px; }
    .global_menu .gm_c > div > ul { width: 100%; display: table; table-layout: fixed; }
    .global_menu .gm_c > div > ul > li { padding: 0px 10px; vertical-align: top; border-left-color: rgb(228, 228, 228); border-left-width: 1px; border-left-style: dotted; display: table-cell; }
    .global_menu .gm_c > div > ul > li:first-child { border-left-color: currentColor; border-left-width: 0px; border-left-style: none; }
    .global_menu .gm_c .gmc_title { padding: 0px 10px; color: rgb(0, 0, 0); line-height: 26px; font-size: 18px; font-weight: 700; }
    .global_menu .gm_c .gmc_title::after { display: none; }
    .global_menu .gm_c .gmc_list > ul { padding: 8px 0px; }
    .global_menu .gm_c .gmc_list > ul > li { padding: 6px 0px 6px 10px; }
    .global_menu .gm_c .gmc_list > ul > li > a { color: rgb(51, 51, 51); line-height: 22px; font-size: 15px; font-weight: 400; }
    .global_menu .gm_c .gmc_list > ul > li > a:hover { color: rgb(16, 143, 82); }
    .global_menu .gm_c .gmc_list > ul > li > a::after { display: block; }
    .global_menu .gm_c .gmc_list .gmc_sub { padding: 4px 0px; }
    .global_menu .gm_c .gmc_list .gmc_sub > ul > li::before { top: 13px; }
    .global_menu .gm_c .gmc_list .gmc_sub > ul > li > a { line-height: 24px; font-size: 14px; }
}

@media all and (max-width:1139px) {
    .global_menu .gm_b > div { padding: 10px 8px; }
}

@media all and (min-width:1140px) {
    .global_menu .gm_b > div { display:none!important }
}

@media all and (max-width:1139px) {
    .global_menu > div { left: 100%; width: 320px; height: 100%; overflow: hidden; -ms-overflow-y: auto; transform: translate(-240px, 0px); }
    .global_menu.open > div { transform: translate(-320px, 0px);}
    .global_menu .gm_t { padding-right: 56px; background-color: rgb(23, 95, 165); }
    .global_menu .gm_t .gmt_p { display: none; }
    .global_menu .gm_t .gmt_tm { padding: 22px 16px; }
    .global_menu .gm_t .gmt_tm > ul::after { clear: both; display: block; content: ""; }
    .global_menu .gm_t .gmt_tm > ul > li { padding: 0px 9px; float: left; position: relative; }
    .global_menu .gm_t .gmt_tm > ul > li:first-child { padding-left: 0px; }
    .global_menu .gm_t .gmt_tm > ul > li:last-child { padding-right: 0px; }
    .global_menu .gm_t .gmt_tm > ul > li::before { background: rgb(64, 95, 140); left: 0px; top: 0px; width: 1px; height: 12px; display: block; position: absolute; content: ""; }
    .global_menu .gm_t .gmt_tm > ul > li:first-child::before { display: none; }
    .global_menu .gm_t .gmt_tm > ul > li > a { color: rgb(255, 255, 255); line-height: 1; font-size: 14px; display: block; }
    .global_menu .gm_c .gmc_title { padding: 8px 48px 8px 16px; color: rgb(34, 34, 34); border-bottom-color: rgba(0, 0, 0, 0.08); border-bottom-width: 1px; border-bottom-style: solid; position: relative; cursor: pointer; }
    .global_menu .gm_c .gmc_title::after { background: url("../images/common/gm_ico_down_g.png") no-repeat center; top: 50%; width: 48px; height: 48px; right: 0px; margin-top: -24px; display: block; position: absolute; content: ""; }
    .global_menu .gm_c .on .gmc_title { background: rgb(4, 123, 224); color: rgb(255, 255, 255); }
    .global_menu .gm_c .on .gmc_title::after { background-image: url("../images/common/gm_ico_down_w.png"); }
    .global_menu .gm_c .open .gmc_title::after { background-image: url("../images/common/gm_ico_up_g.png"); }
    .global_menu .gm_c .on.open .gmc_title::after { background-image: url("../images/common/gm_ico_up_w.png"); }
    .global_menu .gm_c .gmc_list { display: none; }
    .global_menu .gm_c .open .gmc_list { display: block; }
    .global_menu .gm_c .gmc_list > ul > li > a { background: rgb(248, 248, 248); padding: 9px 48px 9px 24px; color: rgb(68, 68, 68); border-bottom-color: rgba(0, 0, 0, 0.08); border-bottom-width: 1px; border-bottom-style: solid; position: relative; }
    .global_menu .gm_c .gmc_list > ul > li.on > a { background: rgb(231, 238, 248); color: rgb(42, 64, 95); }
    .global_menu .gm_c .gmc_list > ul > li.has_child > a::after { background: url("../images/common/gm_ico_plus_g.png") no-repeat center; top: 50%; width: 48px; height: 40px; right: 0px; margin-top: -20px; display: block; position: absolute; content: ""; }
    .global_menu .gm_c .gmc_list > ul > li.has_child.on > a::after { background-image: url("../images/common/gm_ico_plus_g.png"); }
    .global_menu .gm_c .gmc_list > ul > li.has_child.open > a::after { background-image: url("../images/common/gm_ico_minus_g.png"); }
    .global_menu .gm_c .gmc_list > ul > li.has_child.on.open > a::after { background-image: url("../images/common/gm_ico_minus_g.png"); }
    .global_menu .gm_c .gmc_list .gmc_sub { padding: 12px 16px 12px 24px; border-bottom-color: rgba(0, 0, 0, 0.08); border-bottom-width: 1px; border-bottom-style: solid; display: none; }
    .global_menu .gm_c .gmc_list .open .gmc_sub { display: block; }
    .global_menu .gm_c .gmc_list .gmc_sub .on a { color: rgb(0, 0, 0); font-weight: 500; }
}

.program_bg { background:#f5f7fc; padding:50px 0 40px; }