@charset "utf-8";
/* lnb */
.lnb {border-bottom: 1px solid #ebebeb; background: #fff; position: sticky; top: 0; z-index: 1;}
.lnb .wrapper > ul {display: flex;}
.lnb .wrapper > ul > li {position: relative;}
.lnb .wrapper > ul > li + li {border-right: 1px solid #ebebeb;}
.lnb .wrapper > ul > li.home {width: 56px; height: 56px; background: #E94E1B; display: flex; align-items: center; justify-content: center;}
.lnb .wrapper > ul > li.home a {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.lnb .wrapper > ul > li + li > a {display: flex; align-items: center; min-width: 270px; width: 100%; height: 100%; padding: 1rem 1.5rem; position: relative;}
.lnb .wrapper > ul > li + li > a::after {content: ""; background: url(/resources/images/icon/ico_lnb_arrow_b.svg) center no-repeat; width: 17px; height: 18px; background-size: 80%; position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%); transition: .3s;}
.lnb .wrapper > ul > li + li > a.active::after {transform: translateY(-50%) rotate(180deg);}
.lnb .wrapper > ul > li + li > a span {display: block; width: 90%; font-size: .9375rem; transition: .3s; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.lnb .wrapper > ul > li > ul {width: 100%; position: absolute; background: #fff; z-index: 1; border: 1px solid #ebebeb;}
.lnb .wrapper > ul > li > ul > li {padding: 1.25rem 1.5rem;}
.lnb .wrapper > ul > li > ul > li > a {display: block; width: 100%;}
.lnb .wrapper > ul > li > ul > li > a span {font-size: .9375rem; color: #444;}
.lnb .wrapper > ul > li > ul > li:hover > a span,
.lnb .wrapper > ul > li > ul > li.active > a span {color: #E94E1B;}

@media (max-width: 1024px) {
    .lnb {border-bottom: none;}
    .lnb .wrapper > ul {align-items: center; gap: 20px;}
    .lnb .wrapper > ul > li.home {width: auto; height: initial; background: transparent; padding: 1rem 0;}
    .lnb .wrapper > ul > li.home a {background: url(/resources/images/icon/ico_home_b.svg) center no-repeat; width: 20px; height: 20px; background-size: 20px;}
    .lnb .wrapper > ul > li.home img {display: none;}
    .lnb .wrapper > ul > li + li {border-right: none;}
    .lnb .wrapper > ul > li + li::before {content: ""; width: 9px; height: 9px; background: url(/resources/images/icon/ico_arrow_b.svg) center no-repeat; background-size: contain; position: absolute; left: -15px; top: 19px; transform: rotate(270deg); opacity: .3;}
    .lnb .wrapper > ul > li + li > a {min-width: initial; padding: 1rem 1.75rem 1rem 0;}
    .lnb .wrapper > ul > li + li > a::after {right: 0;}
    .lnb .wrapper > ul > li + li > a span {width: 100%;}
    .lnb .wrapper > ul > li > ul {width: 145%;}
    .lnb .wrapper > ul > li > ul > li {padding: .5rem;}
}

@media (max-width: 500px) {
    .lnb {position: relative;}
    .lnb .wrapper > ul > li#depth3 > ul {right: 0;}
}

/* common */
.contents {padding: 5rem 0 8rem; overflow: hidden;}
.contents .wrapper {min-height: 22.3rem;}
.page_tit {font-size: 2.5rem; font-weight: 700; line-height: 1.25; text-align: center; margin-bottom: 3rem;}
.page_content {position: relative;}
.page_content * {color:#333; font-size: 1rem; line-height: 1.5;}
.page_content img {max-width: 100%;}

h3.cont_tit {font-size: 1.4375rem; font-weight: 600; line-height: 1.5; color: #254f5f; margin-bottom: 14px; position: relative;}
h3.cont_tit ~ h3.cont_tit {margin-top: 40px;}
h4.cont_sub_tit {font-size: 1.1875rem; font-weight: 600; line-height: 1.5; margin-bottom: 10px;}
h4.cont_sub_tit ~ h4.cont_sub_tit {margin-top: 30px;}
h3.cont_tit + h4.cont_sub_tit {margin-top: 0;}

.w100 {width: 100%!important; max-width: 100%!important;}
.w_auto {width: auto!important;}
.text_red {color: #DC3545!important;}
.text_blue {color: #155EE8!important;}
.text_lg {font-size: 1.125rem!important;}
.text_sm {font-size: .9375rem!important;}

@media (max-width: 767px) {
    .contents {padding: 3rem 0;}
    .page_tit {font-size: 2rem; margin-bottom: 3rem;}
}


/* button */
.btn_wrap {display: flex; gap: 1.25rem; justify-content: center; width: 100%; margin: 30px auto 0;}
.btn_wrap .btn {display: block; width: 100%; font-size: 1.0625rem; padding: .75rem 1.5rem; border-radius: 5px; border: 1px solid #E94E1B; background: #E94E1B; color: #fff; text-align: center; position: relative; transition: .3s;}
.btn_wrap .btn.def {background: #787878; border: 1px solid #787878;}
.btn_wrap .btn.mod {background: #198754; border: 1px solid #198754;}
.btn_wrap .btn.del {background: #DC3545; border: 1px solid #DC3545;}


/* 다운로드 */
.down_wrap {display: flex; align-items: center; flex-wrap: wrap; gap: 10px 20px;}
.down_wrap a {padding: 12px 20px; display: inline-block; border: 1px solid #ddd; position: relative; transition: all 0.3s; font-size: 1rem; transform: skew(-0.1deg); text-align: left; border-radius: 5px;}
.down_wrap a:hover {border: 1px solid #333;}
.down_wrap a.down::after {content: ""; display: inline-block; width: 16px; height: 16px; background: url(/resources/images/icon/ico_down_b.svg) center no-repeat; background-size: 12px; margin-left: 5px; transform: translateY(2px);}
.down_wrap a.link::after {content: ""; display: inline-block; width: 16px; height: 16px; background: url(/resources/images/icon/ico_link_b.svg) center no-repeat; background-size: 12px; margin-left: 5px; transform: translateY(2px);}


/* 도트 리스트 */
.dot_list {display: flex; flex-wrap: wrap; gap: 5px;}
.dot_list > li {width: 100%; font-size: 1rem; line-height: 1.5; padding-left: 10px; position: relative;}
.dot_list > li::before {content: ""; width: 2px; height: 2px; background: #222; border-radius: 50%; position: absolute; left: 0; top: 10px;}
.dot_list > li ul {display: flex; flex-wrap: wrap; gap: 5px; padding-left: 1rem;}
.dot_list > li ul li {width: 100%; font-size: 1.0625rem; line-height: 1.5; position: relative;}


/* 숫자 리스트 */
.num_list {display: flex; flex-wrap: wrap; gap: 5px; list-style: none; counter-reset: item;}
.num_list > li {width: 100%; font-size: 1rem; line-height: 1.5; padding-left: 22px; position: relative; counter-increment: item;}
.num_list > li::before {content: counter(item); border-radius: 50%; position: absolute; left: 0; top: 4px; font-size: .8125rem; color: #fff; padding: 1px; background: #222; width: 14px; height: 14px; text-align: center; line-height: 14px;}
.num_list > li > ol,
.num_list > li > ul {margin-top: 5px;}
.num_list.type02 > li {font-size: 1.0625rem; padding-left: 18px;}
.num_list.type02 > li::before {color: #555; background: #fff; font-size: 1rem; font-weight: 500; top: 4px;}

.sub_list {display: flex; flex-wrap: wrap; gap: 5px;}
.sub_list > li {width: 100%; font-size: 1rem; line-height: 1.5; padding-left: 15px; position: relative;}
.sub_list > li::before {content: ""; width: 5px; height: 5px; border-left: 1px solid #222; border-bottom: 1px solid #222; position: absolute; left: 3px; top: 7px;}


/* form */
.form_container {max-width: 450px; width: 100%; margin: 0 auto;}


/* input box */
.label {display: block; margin-bottom: 10px; font-size: 1.0625rem; font-weight: 600;}
.inp_box {width: 100%; display: flex; flex-direction: column; gap: 5px;}
.inp_box + .inp_box {margin-top: 30px;}
.inp_box label {display: block; font-size: 1rem; margin-bottom: .75rem;}
.inp_box input {display: block; width: 100%; border: 1px solid #ddd; padding: 1rem 0; font-size: 1rem; text-indent: 1.125rem;}
.inp_box input[type="date"] {text-indent: 8px; padding-right: 10px!important;}
.inp_box input::placeholder {color: #999;}
.inp_box input:focus {border: 1px solid #E94E1B; outline: none;}
.inp_box input:read-only{cursor: inherit; background: transparent!important; color: #777!important;}
.inp_box input:disabled {cursor: inherit; background: #f9f9f9!important;}
.inp_box input:read-only:focus,
.inp_box input:disabled:focus {caret-color: transparent!important; border-color: #ddd!important;}
.inp_btn {display: flex; align-items: center; gap: 5px;}
.inp_btn .btn {padding: 1rem; background: #FDE7E1; border: 1px solid #FDE7E1; color: #F04E23; font-size: 1rem; white-space: nowrap; border-radius: 5px;}


/* select box*/
.sel_box {width: 100%; position: relative; background: #fff; cursor: pointer;}
.sel_box select {width: 100%; border: 1px solid #ddd; padding: 1.0625rem 0; font-size: 1rem; text-indent: 1.125rem; position: relative; z-index: 1; background: transparent;}
.sel_box select:focus {border: 1px solid #E94E1B; outline: none;}
.sel_box::after{content: ""; width: 1rem; height: 1rem; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); background: url(/resources/images/icon/ico_arrow_b.svg) center no-repeat; background-size: 0.6875rem; cursor: pointer; z-index: 0;}


/* check box */
.chk_box {display: flex; align-items: center; padding: 13px 0; gap: 5px;}
.chk_box label {font-size: 1rem;}
.chk_box input[type="checkbox"] {display: flex; align-items: center; justify-content: center; padding: 0.1565rem; background: #fff; border: 1px solid #bbb; border-radius: 2px;}
.chk_box input[type="checkbox"]::before {content: ""; width: 0.4375rem; height: 0.4375rem; transform: scale(0); transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em #E94E1B; transform-origin: bottom left; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);}
.chk_box input[type="checkbox"]:checked {border: 1px solid #E94E1B!important;}
.chk_box input[type="checkbox"]:checked::before {transform: scale(1);}
.chk_box ul {display: flex; flex-wrap: wrap; gap: 0.625rem 1.25rem; align-items: center;}
.chk_box ul li {display: flex; align-items: center; gap: 5px;}
.chk_box input[type="radio"] {display: flex; align-items: center; justify-content: center; padding: 4px; background: #fff; border: 1px solid #bbb; border-radius: 50%;}
.chk_box input[type="radio"]::before {content: ""; width: 4px; height: 4px; transform: scale(0); transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em #E94E1B; background: #E94E1B; border-radius: 50%;}
.chk_box input[type="radio"]:checked {background: transparent; border: 1px solid #E94E1B!important;}
.chk_box input[type="radio"]:checked::before {transform: scale(1);}
.chk_box input[type="radio"]:disabled,
.chk_box input[type="checkbox"]:disabled {background: #ebebeb; border-color: #ddd;}


/* alert */
.alert {width: 100%; position: relative; border-radius: 6px; font-size: 15px; font-weight: 500; line-height: 1.5; text-align: left; color: #5a5a5a;}
.alert::before {content: ""; width: 16px; height: 16px; background-size: cover; position: absolute; left: 12px; top: 12px;}
.alert.info {background: #F4F6F8; color: #495057; padding: 10px 10px 10px 35px;}
.alert.info::before {background-image: url(/resources/images/icon/ico_info.svg);}
.alert.success {background: #E6F4EA; color: #1E7B34; padding: 10px 10px 10px 35px;}
.alert.success::before {background-image: url(/resources/images/icon/ico_success.svg);}
.alert.warning {background: #FFF4E5; color: #9A5B00; padding: 10px 10px 10px 35px;}
.alert.warning::before {background-image: url(/resources/images/icon/ico_warning.svg);}
.alert.error {background: #FDECEC; color: #B00020; padding: 10px 10px 10px 35px;}
.alert.error::before {background-image: url(/resources/images/icon/ico_error.svg);}


/* log in */
.loginId input,
.loginPwd input {padding-left: 2rem;}
.loginId, .loginPwd {display: block; position: relative;}
.loginId::before,
.loginPwd::before {content: ""; width: 16px; height: 16px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); background-position: center; background-repeat: no-repeat; background-size: 100%; opacity: .5; z-index: 2; transition: opacity .3s, background-image .3s;}
.loginId::before {background-image: url(/resources/images/icon/ico_email_b.svg);}
.loginPwd::before {background-image: url(/resources/images/icon/ico_password_b.svg);}
.loginId:focus-within::before {background-image: url(/resources/images/icon/ico_email.svg); opacity: 1; z-index: 23;}
.loginPwd:focus-within::before {background-image: url(/resources/images/icon/ico_password.svg); opacity: 1; z-index: 23;}
.auth {display: flex; flex-direction: column; align-items: center; gap: 20px;}
.auth .del a {color: #DC3545; text-align: center; font-size: .9375rem; letter-spacing: .02rem; font-weight: 500;}
.auth .join {width: 100%; text-align: center; position: relative; margin-top: 20px;}
.auth .join::before {content: ""; width: 100%; height: 0; border-bottom: 1px solid #ebebeb; position: absolute; top: -20px; left: 0;}
.auth .join a {display: inline-block; padding: .75rem 1.5rem; background: #FCBF00; border-radius: 5px; font-size: .9375rem; letter-spacing: .02rem;}


/* etc */
.term_box {padding: 1rem; border: 1px solid #ddd; background: #f9f9f9; font-size: .9375rem; color: #555;}
.required_txt {margin: .5rem 0; text-align: right; color: #555; font-size: .9375rem;}
.must {color: #DC3545; display: inline-block; vertical-align: middle;}
.error-message {display: block!important; font-size: .875rem; color: #DC3545; line-height: 1.5;}


/* 테이블 */
.tbl{position: relative;width: 100%; border-top: 2px solid #333; margin: 10px 0;}
.tbl th{padding: 15px 10px;border-bottom: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; text-align: center;word-break: break-all; background: #fff9f3; font-weight: 500;}
.tbl th:last-child{border-right: 0;}
.tbl td {padding: 15px 10px;border-bottom: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; text-align: center; background: #fff;}
.tbl td+td{border-left: 1px solid #e6e6e6;}
.tbl td:last-child {border-right: 0;}
.tbl .bg {background: #fffcf9; font-weight: 500;}
.tbl a.tbl_down {padding: 5px 10px; display: inline-block; border: 1px solid #ddd; background: #fafafa; position: relative; transition: all 0.3s; transform: skew(-0.1deg); text-align: left; font-size: .875rem; border-radius: 5px; margin: 10px; line-height: 1;}
.tbl a.tbl_down:hover {border: 1px solid #555;}
.tbl a.tbl_down::after {content: ""; display: inline-block; width: 12px; height: 12px; background: url(/resources/images/icon/ico_down_b.svg) center no-repeat; background-size: cover; margin-left: 5px; transform: translateY(2px);}

@media (max-width: 500px) {
    .tbl_wrap {overflow-x: scroll;}
}


/* 사이트맵 */
.sitemap {line-height: 1.5;}
.sitemap .depth1 {display: flex; flex-wrap: wrap;}
.sitemap .depth1 > li {width: 100%; display: flex; flex-wrap: wrap; gap: 0 2rem; align-items: flex-start; border-bottom: 1px solid #ebebeb;}
.sitemap .depth1 > li > h3 {width: 20%; height: 100%; padding: 2rem 1.5rem; font-size: 1.25rem; font-weight: 600;}
.sitemap .depth1 > li .depth2 {width: calc(80% - 2rem); height: 100%; display: flex; align-items: flex-start; flex-wrap: wrap; gap: 20px; padding: 2rem 0;}
.sitemap .depth1 > li .depth2 > li {width: calc(100% / 4 - 15px); display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-start;}
.sitemap .depth1 > li .depth2 > li > a {display: block; width: 100%; padding: .75rem 1.5rem; font-size: 1.0625rem; font-weight: 500; background: #fafafa; border-radius: 5px; transition: .3s;}
.sitemap .depth1 > li .depth2 > li:hover > a,
.sitemap .depth1 > li .depth2 > li > a:focus-visible {background: #E94E1B; color: #fff;}
.sitemap .depth1 > li .depth2 > li .depth3 {width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px; padding: .5rem;}
.sitemap .depth1 > li .depth2 > li .depth3 > li {width: 100%;}
.sitemap .depth1 > li .depth2 > li .depth3 > li a {font-size: 1rem; color: #444; padding-left: 10px;}
.sitemap .depth1 > li .depth2 > li .depth3 > li a:hover,
.sitemap .depth1 > li .depth2 > li .depth3 > li a:focus-visible {color: #E94E1B;}
.sitemap .depth1 > li .depth2 > li .depth3 > li a::before {content: ""; width: 3px; height: 3px; border-radius: 50%; background: #444; position: absolute; left: 0; top: 8px;}
.sitemap .depth1 > li a {position: relative; transition: .3s;}
.sitemap .depth1 > li a[target=_blank]::after {content: ""; background: url(/resources/images/icon/ico_link_b.svg) center no-repeat; width: 10px; height: 10px; background-size: cover; display: inline-block; margin-left: 5px; transition: .3s;}
.sitemap .depth1 > li .depth2 > li:hover > a[target=_blank]::after,
.sitemap .depth1 > li .depth2 > li > a[target=_blank]:focus-visible::after {background: url(/resources/images/icon/ico_link_w.svg) center no-repeat; background-size: cover;}
.sitemap .depth1 > li .depth2 > li .depth3 > li a[target=_blank]:hover::after,
.sitemap .depth1 > li .depth2 > li .depth3 > li a[target=_blank]:focus-visible::after {background: url(/resources/images/icon/ico_link.svg) center no-repeat; background-size: cover;}

@media (max-width: 767px) {
    .sitemap .depth1 {gap: 2rem;}
    .sitemap .depth1 > li {border-top: 2px solid #222;}
    .sitemap .depth1 > li > h3 {border-bottom: 1px dashed #ebebeb; font-size: 1.125rem;}
    .sitemap .depth1 > li > h3,
    .sitemap .depth1 > li .depth2 {width: 100%; height: auto; padding: 1.5rem;}
    .sitemap .depth1 > li .depth2 > li {width: calc(100% / 2 - 10px);}
}

@media (max-width: 500px) {
    .sitemap .depth1 > li .depth2 > li {width: 100%;}
}


/* 신청하기 */
.apply_box {padding: 2rem; border: 1px solid #ebebeb; background: #fafafa; border-radius: 5px; display: flex; flex-wrap: wrap; gap: 2rem; font-size: 1rem;}
.apply_box input {border: 1px solid #ddd;}
.apply_box > div {width: calc(100% / 2 - 1rem);}
.apply_box .row {display: flex; flex-wrap: wrap; gap: .5rem 2rem;}
.apply_box .row > li {width: calc((100% - 2rem) / 2);}
.apply_box .row.row-3 > li {width: calc((100% - 4rem) / 3);}
.apply_box .row li.zip {width: 20%;}
.apply_box .row li.addr {width: calc(80% - 10px);}
.apply_box .row li.addr input,
.apply_box .row li.addr .read {max-width: 750px;}
.apply_box .label {margin-bottom: 5px; color: #254f5f;}
.apply_box .sub_label {display: block; font-size: 1rem; font-weight: 500; margin: 5px 0;}
.apply_box .read {padding: .75rem; border-bottom: 1px dotted #bbb; font-size: 1rem; color: #555; max-width: 350px; width: 100%; min-height: 49px;}
.apply_box .inp_box {margin-top: 0!important;}
.apply_box .inp_box input {padding: .75rem 0; max-width: 350px;}
.apply_box .inp_box > ul {display: flex; gap: 10px; margin-top: -2px;}
.apply_box .inp_box > ul li {width: 100%;}
.apply_box .univ_list {flex-direction: column;}
.apply_box .sel_box {max-width: 350px; width: 100%;}
.apply_box .sel_box select {padding: .75rem 0;}
/*.apply_box .chosen-single {max-width: 350px!important; width: 100%!important;}*/
.apply_box .time_label {display: block; font-size: .9375rem; color: #fff; padding: 2px 5px; background: #777; border-radius: 5px;}
.apply_box .time_label.selected,
.apply_box .chk_box input:checked + .time_label {background: #E94E1B;}
.apply_box .chk_box input:disabled + .time_label {background: none; color: #989898; text-decoration: line-through;}
.apply_box .course_list {display: flex; flex-direction: column; gap: 10px;}
.apply_box .course_list li {display: flex; gap: 2px 10px; align-items: center; font-size: 1rem;}
.apply_box .course_list li .chk_box {padding: 0;}
.apply_box .course_list li .through {text-decoration: line-through; color: #989898;}
.apply_box .course_list li .status {display: inline-block; padding: 2px 5px; background: #DC3545; font-size: .8125rem; color: #fff; border-radius: 5px;}
.apply_box .course_list li .status.cancelled {background: #222;}
.apply_box .fileinput {margin: 10px 0;}
.apply_box .file .box {display: flex; align-items: center;}
.apply_box .file .box button {height: 40px; font-size: 1rem; font-weight: 500; color: #fff; background: #777; border-radius: 5px; padding: 8px 25px; z-index: 1; position: relative; transition: .3s;}
.apply_box .file .box button:hover {background: #222;}
.apply_box .file .box button::after {content: ""; display: inline-block; background: url(/resources/images/icon/ico_upload_w.svg) center no-repeat; width: 14px; height: 14px; background-size: cover; margin-left: 10px;}
.apply_box .file .box p {height: 40px; display: flex; align-items: center; justify-content: center; gap: 5px; background: #fff; padding: 5px 15px; border: 1px dashed #777; border-radius: 5px; margin-left: -5px; color: #555; font-size: .9375rem;}
.apply_box .file .box p b {font-weight: 500;}
.apply_box .file .up_file_list li {display: flex; align-items: center; gap: 5px; margin-top: 10px; padding-left: 15px; font-size: 14px;}
.apply_box .file .up_file_list li .del {background: url(/resources/images/icon/ico_error.svg) center no-repeat; width: 14px; height: 14px; background-size: cover;}
.apply_box .desc_box {overflow-x: overlay;}
.apply_box .desc_box * {font-size: 1rem!important; background: transparent!important;}

/*.cat-diss {color: #f77449; font-weight: 600;}*/
/*.cat-djss {color: #002f9f; font-weight: 600;}*/
/*.cat-dcss {color: #197d31; font-weight: 600;}*/

.btn_open span {display: inline-block; padding: 5px 15px; background: #096540; color: #fff; border-radius: 5px; font-size: .9375rem;}

@media (max-width: 500px) {
    .apply_box {padding: 1.5rem;}
    .apply_box > div {width: 100%;}
    .apply_box .inp_box ul {flex-direction: column;}
    .apply_box .w100 .row li {width: 100%;}
    .apply_box .sel_box,
    .apply_box .inp_box input {max-width: 100%;}
    .apply_box .course_list {gap: 20px;}
    .apply_box .course_list li {flex-direction: column; align-items: flex-start;}
}


/* tab */
.tab_list {display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; margin-bottom: 3rem;}
.tab_list li {width: calc(100% / 2); max-width: 225px; display: flex;}
.tab_list li a {flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; padding: 1rem; transition: .3s; border-bottom: 2px solid #ebebeb;}
.tab_list li a span {position: relative; font-size: 1.0625rem; font-weight: 500; color: #9a9a9a;}
.tab_list li a span::before {content: "*"; color: #E94E1B; position: absolute; left: -10px; top: -4px; opacity: 0; transition: .3s;}
.tab_list li a.on {border-bottom: 3px solid #E94E1B;}
.tab_list li a.on span,
.tab_list li a:hover span {color: #E94E1B;}
.tab_list li a.on span::before,
.tab_list li a:hover span::before {opacity: 1;}