@charset "utf-8";

* {box-sizing: border-box;}


/* screen reader only*/
.sr-only {overflow: hidden;position: absolute;border: 0;width: .1rem;height: .1rem;clip: rect(.1rem, .1rem, .1rem, .1rem);clip-path: inset(50%);}

/* BUTTON */
a {text-decoration: none;color: #333;}
/* tab 버튼*/
.bn_tab {padding: 16px 20px; font-weight: 800; font-size: 16px;}
.bn_tab.on {display: flex; gap: .5rem; background: var(--c_blue_1);}
.bn_tab.on::after {content:"";display:block;width: 16px;height: 16px;background:url('../images/common/arrow_under_blue.svg') no-repeat;}

/* 팝업 닫기버튼 */
.bn_close {width:20px;height:20px;border-radius:20rem;background:#F6F6F6 url('../images/common/ico_close_b.svg') no-repeat 50% 50%;}
.bn_close:hover {background-color: #ededed;}
.bn_close.bk {background:#333 url('../images/common/ico_close_w.svg') no-repeat 50% 50%; transition: var(--ani_time);}
.bn_close.bk:hover {background-color: #444;}

.bn_close2 {width: 4rem; height: 4rem; background: url('../images/common/btn_ico_d.svg') no-repeat;}

/* 프린트/저장버튼그룹 */
.etcwrap{display:flex;gap:20px;justify-content: flex-end;}
.etcwrap button{display:flex;align-items:center;gap:.5rem;color:#545454}
.etcwrap button::before{content:"";display:block;width:20px;height:20px;background:url('../images/common/ico_print.svg') no-repeat}
.etcwrap button:last-child::before{background-image:url('../images/common/ico_save.svg');}
.etcwrap button.send::before {background-image:url('../images/common/ico_send.svg');}

/* TABLE */
table {display:table;width:100%;font-weight: 400;}
table caption {text-indent:-100000px;font-size:0;line-height:0}
table caption p{margin:0;line-height:0;font-size:0;}
table.center tbody tr td{text-align:center;}
table th {margin-left:-1px;padding:8px;border-left:1px solid #E3EEF3;border-bottom:1px solid #E3EEF3;background:var(--c_gray_5);vertical-align:middle;/*word-wrap:break-word;*/word-break:keep-all;color:var(--c_gray_60)}
table td {margin-left:-1px;padding:8px;border-left:1px solid #E3EEF3;border-bottom:1px solid #E3EEF3;vertical-align:middle;word-wrap:break-word;word-break:keep-all;color:var(--c_gray_60)}
table th:first-child, 
table td:first-child {border-left:none;}
table th:last-child, 
table td:last-child {border-right:none;}

table thead th.trw{border-right:1px solid var(--c_gray_30)}
table th.tlw,
table td.tlw {border-left:1px solid #E3EEF3!important}
table tbody th,
table thead th {vertical-align:middle}
table thead th{padding:12px 8px;font-weight:700;}
table tbody th,
table tfoot th {background-image:none}
table td img {vertical-align:middle}
table tbody tr td {font-weight: 400;font-family: var(--f_nsR);color: #555;line-height:1.5}

.tbl_lst thead th {border-color:#D0D7E0;color:#FFFFFF; background:#929EA9;}
.tbl_lst thead th.has-children{background:#838E99;}
.tbl_lst tbody tr:nth-child(odd) {background: #fff;}
.tbl_lst tbody tr:nth-child(even) {background: #fbfdff;}
.tbl_lst thead tr:nth-child(1) th:first-child {border-radius: 1rem 0 0 0;}
.tbl_lst thead tr:nth-child(1) th:last-child {border-radius: 0 1rem 0 0;}

/* table 기본스타일 */
.tbl_basic {display:table;margin-bottom:10px;width:100%;border-top:3px solid var(--c_gray_50);border-bottom:1px solid transparent;border-collapse:separate;border-collapse:collapse}
.tbl_basic thead th{border-color:var(--c_gray_30);color:var(--c_gray_60);background:var(--c_gray_5);}
.tbl_basic tfoot th,
.tbl_basic tfoot td{font-weight:800;background:var(--c_gray_5)}
.tbl_basic tfoot th{color:var(--c_gray_80);}
.tbl_basic tfoot td{color:var(--c_gray_60);text-align:center;}

/* table hover */
.table_hover tbody tr:hover>th, 
.table_hover tbody tr:hover>td {background-color:var(--c_gray_10);}


.responseTable {position:relative;}


.tit_subject{display:block;width:117px;height:32px;font-size:0;background:var(--c_primary_m2) url(/images/common/tit_kor.svg) no-repeat;}
.tit_subject.kor{}
.tit_subject.math{background-image:url(/images/common/tit_math.svg);}

.q_tit{display:inline-flex;justify-content:center;align-items:center;padding:8px 10px;line-height:1;font-weight:800;border-radius:4px;border:2px solid var(--c_primary);color:var(--c_primary)}
.q_tit.q_tit_m{}
.q_tit.q_tit_s{border-color:var(--c_gray_80);color:var(--c_gray_80);}

@media (max-width:1024px){
	.q_tit{font-size:14px;}
}

/*테이블 헤더 스타일*/
.th_yellow.type01 {background:var(--c_yellow_2);color: var(--c_yellow_m);border: none; border-right: .1rem solid var(--c_yellow_2);}
.th_pink.type01 {background:var(--c_pink_2); color: var(--c_pink_m); border: none; border-right: .1rem solid var(--c_pink_2);}
.th_mint.type01 {background:var(--c_mint_2); color: var(--c_mint_m); border: none; border-right: .1rem solid var(--c_mint_2);}

.th_yellow.type02 {background: var(--c_yellow_1); border-width: .1rem .1rem .1rem 0; border-style: solid; border-color:var(--c_yellow_3); color:var(--c_yellow);}
.th_pink.type02 {background: var(--c_pink_1);border-width: .1rem .1rem .1rem 0; border-style: solid; border-color:var(--c_pink_3); color:var(--c_pink);}
.th_mint.type02 {background:var(--c_mint_1); border-width: .1rem .1rem .1rem 0; border-style: solid; border-color:var(--c_mint_3); color:var(--c_mint);}

.th_deep {background:#838E99;}
.th_deep_m {background:#737F8B;}

.table_wrap{position:relative;width:100%;}
.table_wrap .table-icon{display:block;opacity:1;}

.td_lst{display:flex;}
.td_lst li{display:flex;flex-direction: column;text-align: center;max-width:100%;}
.td_lst li span,
.td_lst li b{min-height:5.8rem;min-width:6.6rem;padding:16px 20px;border:.1rem solid #E3EEF3;border-left:0;border-top:0;}
.td_lst li:first-child span,
.td_lst li:first-child b{border-left:.1rem solid #E3EEF3;}
.td_lst li b{font-size:1.5rem;font-weight:400;line-height:1.5;color:var(--c_blue);border-top:.1rem solid #E3EEF3;background:#F7FAFD;}


/* pc 최소사이즈 1280 기준 1220*/

@media only screen and (max-width:1279px){
	.table_wrap{position:relative;display:block;width:100%;overflow-x:auto;-ms-overflow-style:0;min-height:.01%;width:100%;height:auto;margin: .8rem 0;overflow-x:auto;overflow-y:hidden;box-sizing:border-box;}
	.table_wrap table{width:120rem;}
	table thead th span.step_tit{flex-direction:column;align-items:center;}
}

/* 공통 아이콘*/
.mark.small {display: block; width:25px; height:25px; margin: auto;font-size:0;}
.small.sun {background:url('../images/common/sun_small.svg') no-repeat 50%;}
.small.moon {background:url('../images/common/moon_small.svg') no-repeat 50%;}

.mark.big {display: block; width: 11rem; height: 11rem;}
.big.sun {background:url('../images/common/sun_big.svg') no-repeat 50%;}
.big.moon {background:url('../images/common/moon_big.svg') no-repeat 50%;}

.big.sun:hover,
.big.sun:active,
.big.sun.on {background:url('../images/common/sun_big_on.svg') no-repeat 50%;}

.big.moon:hover,
.big.moon:active,
.big.moon.on {background:url('../images/common/moon_big_on.svg') no-repeat 50%;}


/* stat ico*/
.state {display:inline-block; width:32px; height:32px; margin: auto; background-repeat:no-repeat;background-position:50%;text-indent:-999px;overflow:hidden;}
.state.learn {background-image: url('../images/common/ico_learn.svg');}/* 완료 */
.state.miss {background-image: url('../images/common/ico_miss.svg');}/* 미완료 */
.state.disable {background-image: url('../images/common/ico_disable.svg');}/* 비활성 완료 */

/* .state.more {width: 60px; background-image: url(../images/common/ico_more.svg);}보충 */
.state.basket {background-image: url('../images/common/ico_basket.svg');} /* 삭제 */
.state.download {background-image: url('../images/common/ico_download.svg')} /* 다운로드 */
.state.modify {background-image: url('../images/common/ico_modify.svg')} /* 수정 */
.state.modify2 {background-image: url('../images/common/ico_modify2.svg')} /* 수정2 */
.state.save {background-image: url('../images/common/ico_save_big.svg')} /* 기록 */
.state.download_ppt {background-image: url('../images/common/ico_ppt.svg')} /* 다운로드 ppt*/
.state.download_ppt_off {background-image: url('../images/common/ico_ppt_off.svg')} /* 다운로드 ppt - 비활성 */

.state.plan { background-image: url('../images/common/ico_plan.svg')} /* 계획 */
.state.match { background-image: url('../images/common/ico_match.svg')} /* 인력매칭 */
.state.nuga { background-image: url('../images/common/ico_nuga.svg')} /* 누가 관리 */
.state.setup { background-image: url('../images/common/ico_setup.svg')} /* 설정 */

.state.disabled {filter:brightness(2) grayscale(1);pointer-events:none;}

/* stat 텍스트 */
.state.tx{width:auto;height:33px;border:1px solid;padding:8px;font-size:15px;line-height: 1;border-radius:4px;font-style:normal;text-indent:0;overflow:hidden;text-align:center;}
.state.tx.end{background-color:#f6f6f6;color:#afafaf;border-color:#f6f6f6}/* 완료 텍스트형 */
.state.tx.ing{color:var(--c_primary);border-color:var(--c_primary)}/* 진행중 텍스트형 */
.state.tx.ready{background-color:#fff;color:#757575;border-color:#e2e2e2}/* 대기 텍스트형 */

.state.tx.ready:hover,
.state.tx.ready:focus,
.state.tx.ready:active {background-color:var(--c_blue_1);color:var(--c_blue);border-color:var(--c_blue);}


@media (max-width:1024px){
	.state{width:24px;height:24px;background-size:100% auto}
}

/* 진단 상태 아이콘 + 텍스트 노출 */
.txout{display:flex;align-items:center;gap:4px;font-size:15px;}
.txout.ing_learn{color:var(--c_blue)}/* 이수 */
.txout.ing_miss{color:#929EA9}/* 미이수 */

/* 여부 아이콘*/
.multi {display: inline-block; width:32px; height:32px;margin:0 auto;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position: center;}
.multi.ico_x {background-image: url(../images/common/ico_x.svg);}
.multi.ico_o {background-image: url(../images/common/ico_o.svg) ;}
.multi.ico_ready {background-image: url(../images/common/ico_-.svg);}
.multi.ico_fine {background-image: url(../images/common/ico_fine.svg);}
.multi.ico_danser {background-image: url(../images/common/ico_danser.svg);}
.multi.ico_down_dis {background-image: url(../images/common/ico_down_dis.svg);}

/* 저해요인 아이콘 */
.cause {display: block; width:32px; height:32px;margin:0 auto;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-size:100% auto;}
.cause.ico1 {background-image: url(../images/common/ico_cause1.svg);}
.cause.ico2 {background-image: url(../images/common/ico_cause2.svg);}
.cause.ico3 {background-image: url(../images/common/ico_cause3.svg);}
.cause.ico4 {background-image: url(../images/common/ico_cause4.svg);}
.cause.ico5 {background-image: url(../images/common/ico_cause5.svg);}
.cause.ico6 {background-image: url(../images/common/ico_cause6.svg);}
.cause.white.ico1 {background-image: url(../images/common/ico_cause_w1.svg);}
.cause.white.ico2 {background-image: url(../images/common/ico_cause_w2.svg);}
.cause.white.ico3 {background-image: url(../images/common/ico_cause_w3.svg);}
.cause.white.ico4 {background-image: url(../images/common/ico_cause_w4.svg);}
.cause.white.ico5 {background-image: url(../images/common/ico_cause_w5.svg);}
.cause.white.ico6 {background-image: url(../images/common/ico_cause_w6.svg);}
.cause.gray.ico1 {background-image: url(../images/common/ico_cause_g1.svg);}
.cause.gray.ico2 {background-image: url(../images/common/ico_cause_g2.svg);}
.cause.gray.ico3 {background-image: url(../images/common/ico_cause_g3.svg);}
.cause.gray.ico4 {background-image: url(../images/common/ico_cause_g4.svg);}
.cause.gray.ico5 {background-image: url(../images/common/ico_cause_g5.svg);}
.cause.gray.ico6 {background-image: url(../images/common/ico_cause_g6.svg);}


/* 과목 - 수학카테고리 아이콘*/
.cate_math {display: block; width:42px; height:42px;margin:0 auto;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-size:100% auto;}
.cate_math.ico0 {background-image: url(../images/common/ico_math0.svg);}
.cate_math.ico1 {background-image: url(../images/common/ico_math1.svg);}
.cate_math.ico2 {background-image: url(../images/common/ico_math2.svg);}
.cate_math.ico3 {background-image: url(../images/common/ico_math3.svg);}
.cate_math.ico4 {background-image: url(../images/common/ico_math4.svg);}
.cate_math.gray.ico0 {background-image: url(../images/common/ico_math_g0.svg);}
.cate_math.gray.ico1 {background-image: url(../images/common/ico_math_g1.svg);}
.cate_math.gray.ico2 {background-image: url(../images/common/ico_math_g2.svg);}
.cate_math.gray.ico3 {background-image: url(../images/common/ico_math_g3.svg);}
.cate_math.gray.ico4 {background-image: url(../images/common/ico_math_g4.svg);}




.tip{display:flex;gap:8px;font-weight:400;}
.tip::before{content:'';display:block;width:19px;height:19px;background:url(/images/common/ico_ex.svg) no-repeat }


/* 기타아이콘 */
.ico {display:inline-block;}
.ico.home {width:25px;height:25px;background:url('../images/common/home.svg') no-repeat;}
.ico.ico_student {width:32px;height:32px;background:url('../images/common/ico_student.svg') no-repeat;}
.ico.ico_excel {width:32px;height:32px;background:url('../images/common/ico_excel.svg') no-repeat;}




.result_cause{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50px;border:2px solid var(--c_primary);font-size:18px;color:var(--c_primary);text-align:center;line-height:1.3;font-weight:800;}

/* 과목 */
.tag_subject{padding:12px 16px;font-size:16px;border-radius:4px;color:#fff;font-weight:700;}
.tag_subject.kor{background-color:var(--c_secondary);}
.tag_subject.math{background-color:var(--c_primary);}
.tag_subject.hinder{background-color:var(--c_primary);}
.tag_subject:afte {display:block;}
.tag_subject.kor:after{content:'국어';}
.tag_subject.math:after{content:'수학';}
.tag_subject.hinder:after{content:'저해요인 진단';}

.tag_subject.sm {padding: 6px 7px;}
@media (max-width:1024px){
	.tag_subject{padding:6px;font-size:5px 6px;}
}

/* btn-top */
.floating{position:fixed;bottom:34px;right:50px;z-index:9999;display:flex;flex-direction:column;gap:4px;}
.floating *{transition:all 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000)}
.btn_top{display:block;position:relative;width:56px;height:56px;border-radius:30px;font-size:0;background:var(--c_primary) url(/images/common/ico_top.svg) no-repeat 50% 50%;}
.btn_print{display:block;position:relative;width:56px;height:56px;border-radius:30px;font-size:0;border:1px solid var(--c_gray_40);background-color:#fff;background:url(/images/common/ico_print.svg) no-repeat 50% 50%;}


/* tab */
.tabs {width:100%}
.tabs .tab-header {position:relative;display:flex;align-items:center;gap:1rem;}
.tabs .tab-header::after{z-index:0;content:"";position:absolute;left:0;bottom:0;display:block;width:100%;height:.20px;background:var(--c_blue);}
.tabs .tab-header > button {position:relative;padding:2.20px 4.20px;font-size:16px;font-weight:800;color:#757575;border-top-left-radius:1rem;border-top-right-radius:1rem;border:.20px solid #fff;border-bottom:0;cursor: pointer;background-color:#fff;}
.tabs .tab-header > button.active {z-index:10;color:var(--c_blue);border-color:var(--c_blue);background:var(--bg_body);}
.tabs .tab-body{padding:0;font-size:1.5rem}

.tabs.type02 .tab-header > button {border: .20px solid #E2E2E2; border-bottom:0; color: #AFAFAF; background:#fff; }
.tabs.type02 .tab-header > button.active {color:var(--c_blue); border-color: var(--c_blue); background:#fff}

/* tab chart */
.tabs-chart {width:100%}
.tabs-chart .tab-header-chart {position:relative;display:flex;align-items:center;gap:1rem;}
.tabs-chart .tab-header-chart::after{z-index:0;content:"";position:absolute;left:0;bottom:0;display:block;width:100%;height:.20px;background:var(--c_blue);}
.tabs-chart .tab-header-chart > button {position:relative;padding:2.20px 4.20px;font-size:16px;font-weight:800;color:#757575;border-top-left-radius:1rem;border-top-right-radius:1rem;border:.20px solid #fff;border-bottom:0;cursor: pointer;background-color:#fff;}
.tabs-chart .tab-header-chart > button.active {z-index:10;color:var(--c_blue);border-color:var(--c_blue);background:var(--bg_body);}
.tabs-chart .tab-body-chart{padding:0;font-size:1.5rem;display:none;}
.tabs-chart .tab-body-chart.active{display:block;}

.tabs-chart.type02 .tab-header-chart > button {border: .20px solid #E2E2E2; border-bottom:0; color: #AFAFAF; background:#fff; }
.tabs-chart.type02 .tab-header-chart > button.active {color:var(--c_blue); border-color: var(--c_blue); background:#fff}

.tabintab.tabs {padding-top:3rem;}
.tabintab.tabs .tab-header{display:flex;justify-content:center;gap:.8rem;}
.tabintab.tabs .tab-header::after{display:none}
.tabintab.tabs .tab-header > button {position:relative;display:flex;align-items:center;gap:2.7rem;padding:16px;font-size:16px;font-weight:800;color:var(--c_blue);border-radius:.4rem;border:.1rem solid var(--c_blue);cursor: pointer;background-color:var(--bg_body);}
.tabintab.tabs .tab-header > button.active {z-index:10;gap:2.4rem;color:#fff;border-color:var(--c_blue);background:var(--c_blue);}
.tabintab.tabs .tab-header > button::after{content:"";display:block;width:14px;height:4px;border-radius:20rem;background:var(--c_blue);}
.tabintab.tabs .tab-header > button.active::after{width:18px;height:18px;background:transparent url(../images/common/arrow_under_w.svg) no-repeat;background-size:100% auto;}
.tabintab.tabs .tab-body{padding:3rem 0 0;font-size:1.5rem;display:none;}
.tabintab.tabs .tab-body.active{display:block;}
/* ul */
.list_1st{margin-left:1rem}
.list_1st li{position:relative;padding:.4rem .4rem .4rem 1rem;text-align:left;font-size:1.5rem}
.list_1st li::before{content:"";position:absolute;left:0;top:50%;display:block;width:.3rem;height:.3rem;border-radius:4rem;transform:translateY(-50%);background:var(--c_blue);}

.legend-info{display:flex;justify-content:flex-end;align-items:center;margin-top:20px;}
.legend-info div{display:flex;align-items:center;padding:0 0 10px;}
.legend-info div i{margin:0 4px 0 20px;}

/* input */
input[type='text'],
input[type='password'] {border:.1rem solid #E2E2E2; border-radius:.3rem; padding:.5rem; background: #FFF;}


.accgrap{display:block}

/* input - Default*/
input[type="checkbox"] {display: none;}
input[type="checkbox"] + label::before {content: '';display: block;width: 16px;height: 16px;cursor: pointer;background: url('../images/common/checkbox.svg') no-repeat;}
input[type="checkbox"]:checked + label::before {content:''; background: url('../images/common/checkbox_on.svg') no-repeat;}

input[type="file"] {cursor: pointer;}

input[type="radio"] {position: absolute; width: 0.1rem; height: 0.1rem; padding: 0; margin: -0.1rem; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
input[type="radio"] + label {display: inline-block; position: relative; padding-left:25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
input[type="radio"] + label:before {content: ''; position:absolute; left: 0; top:4px; width:16px; height:16px; text-align: center; background:url('../images/common/radio.svg') no-repeat;}
input[type="radio"]:checked + label:after {content: ''; position: absolute; top:4px; left:0; width:16px; height:16px;background:url('../images/common/radio_on.svg') no-repeat;}

table tbody tr td input{width: 100%; height: 2.5rem !important; padding: 0.2rem; border: 0; color: #363636; font-family:Pretendard; border: 1px solid var(--bg_line2) !important;} 
table tbody tr td select{position:relative;width: auto;height: 2.5rem !important; padding: 0.2rem 1rem 0.2rem 0.4rem !important; border: 0; color: #363636; font-family:Pretendard; border: 1px solid var(--bg_line2) !important;/*background: url(/images/common/ico_arr_b_g.svg)  95% 40% no-repeat;*/}
table tbody tr td input::placeholder, .table-container table.table td select::placeholder {color:#999;}




.table_ul {width:100%;}
.table_ul strong{padding:20px;}
/*.table_ul ol li:nth-child(even){background:#fbfdff;}
.table_ul ol li:nth-child(even) li *{background-color:transparent;}*/

.table_hd {display: flex; font-family: var(--f_nsN);font-weight: 400;}
.table_hd li {padding: 1.8rem 0; border-right: 1px solid #D0D7E0; text-align: center; color: #FFFFFF; background: #929EA9;}
.table_hd li:nth-child(1) {width: calc(100% - 77.7%); border-radius: 1rem 0 0 0;}
.table_hd li:nth-child(2) {width: 20.9%;}
.table_hd li:nth-child(3) {width: 26.8%;}
.table_hd li:nth-child(4) {width: 55%;}
.table_hd li:nth-child(5) {width: calc(100% - 82%); border-radius: 0 1rem 0 0; border:0;}

.table_ul .depth1{display:flex;border-bottom: 1px solid #E3EEF3;}
.table_ul .depth1 .num{display: flex; align-items: center; justify-content: center;padding:1rem; width: 18%;}
.table_ul .depth2{display:flex;flex-direction:column;}
.table_ul .depth2 strong{display: flex; align-items: center;width: 20%;border-left: 1px solid #E3EEF3; font-weight: 500;}
.table_ul .depth3 strong{width: 27%;border-right: 1px solid #E3EEF3;}
.table_ul .depth2 li{display:flex;}

.table_ul .depth1,
.table_ul .depth2,
.table_ul .depth3 {width:100%; font-family: var(--f_nsN);}

.table_ul .depth3 li{display:flex;border-top: 1px solid #E3EEF3;}
.table_ul .depth3 li:first-child{border:0;}
.table_ul .depth3 ul{display: flex; flex-direction: column; gap: 1rem; width: 55%; padding:20px; border-right: 1px solid #E3EEF3; color: #757575;}
.table_ul .depth3 ul li {border:0;}

/*select 스타일 리셋*/
select {-moz-appearance: none;-webkit-appearance: none;appearance: none; cursor: pointer;}
select::-ms-expand {display: none;}
select:hover, select:focus, select:active {outline: none;}


/* select*/
select {padding:3px 15px 3px 6px;margin:0;height:34px;border:1px solid var(--c_gray_30);border-radius:4px;font-size:16px;font-weight:400;font-family:var(--f_nsN);}
select {-moz-appearance:none;-webkit-appearance:none;appearance:none;cursor:pointer;}
select::-ms-expand {display:none;}
select:hover, .accounts .select select:focus, .accounts .select select:active {outline:none;}
select:hover{border-color:#888;}
select:focus {border-color:#aaa;box-shadow:0 0 1px 3px rgba(59, 153, 252, .7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none;}
select:disable {opacity:0.5;}
select.no-line {border:none;}

/* heading title */
h1 {position:relative;margin:35px 0 10px;font-family:'NanumSquareNeo';font-size:26px;line-height:1;font-weight:900;color:var(--c_gray_70)}
h2 {position:relative;margin:80px 0 20px;font-family:'NanumSquareNeo';font-size:20px;line-height:1;font-weight:900;color:var(--c_gray_70)}
h2:first-child {margin:0 0 16px 0}
h3,.h3 {margin:40px 0 10px;font-family:'NanumSquareNeo';font-size:18px;font-weight:800;line-height:1;color:var(--c_primary)}
h4,.h4 {margin:10px 0 10px;font-family:'NanumSquareNeo';font-size:16px;line-height:100%;font-weight:800;color:var(--c_gray_70)}
h5,.h5 {margin:10px 0 5px;font-size:15px;line-height:1;color:var(--c_gray_70);font-weight:800}
h6,.h6 {margin:10px 0 5px;font-size:15px;line-height:1;color:var(--c_primary_m)}
h2+h2 {margin-top:0}
h3+h3 {margin-top:0}
h2+h3 {margin-top:0}
h3+h4 {margin-top:0}
h4+h5 {margin-top:0}
h5+h6 {margin-top:0}
.subtitle1,
.subtitle2,
.subtitle3 {position:relative;display:block;line-height:1;font-weight:800;letter-spacing:-0.16px;color:var(--c_gray_70);}
.subtitle1 {font-size:32px;}
.subtitle2 {font-size:24px;}
.subtitle3 {font-size:16px;}

@media screen and (max-width:640px) {
	h2{line-height:1.4}
	.subtitle1 {font-size:24px;}
	.subtitle2 {font-size:18px;}
	.subtitle3 {font-size:15px;}
	.subtitle1,
	.subtitle2,
	.subtitle3{line-height:1.4}
}

p {word-wrap:break-word;word-break:keep-all;color:var(--c_gray_70);font-size:16px;line-height:1.6;letter-spacing:-0.08px;}
p.long {line-height:1.8;}
.txtp {margin-bottom:20px}
.txt-small,small {font-size:14px;line-height:21px;margin:5px 0;}
.strong {display:block;font-weight:800;color:var(--c_gray_60);}

/* list */
.list_1st {margin:10px 0;padding:0}
.list_1st li,
.list_1st dd,
.txt_bul {margin:3px 0;padding-left:24px;color:var(--c_gray_70);font-size:16px;text-align:left;word-wrap:break-word;word-break:keep-all;line-height:1.8;background:url(/images/common2023/list_bulet1.svg) no-repeat 0 4px;}
.list_1st dt {margin-top:10px;}
.list_1st dt:first-child {margin-top:0}
.list_2st {margin:4px 0;padding:0}
.list_2st li,
.txt_bul2 {margin:3px 0;padding-left:18px;color:var(--c_gray_60);font-size:15px;text-align:left;word-wrap:break-word;word-break:keep-all;line-height:1.5;background:url(/images/common2023/list_bulet2.svg) no-repeat left 4px;}
/* list - ol */
.list_num li {position:relative;margin:7px 0;padding-left:26px;line-height:1.6;word-wrap:break-word;word-break:keep-all;}
.list_num li::before{content:"";position:absolute;left:0;top:2px;display:inline-block;overflow:hidden;width:18px;height:18px;border-radius:50%;background-image:none;font-family:var(--f_nsN);color:#fff;font-size:12px;text-align:center;vertical-align:middle;font-weight:bold;background:var(--c_primary);}
.list_num li:nth-of-type(1)::before{content:"1";}
.list_num li:nth-of-type(2)::before{content:"2";}
.list_num li:nth-of-type(3)::before{content:"3";}
.list_num li:nth-of-type(4)::before{content:"4";}
.list_num li:nth-of-type(5)::before{content:"5";}
.list_num li:nth-of-type(6)::before{content:"6";}
.list_num li:nth-of-type(7)::before{content:"7";}
.list_num li:nth-of-type(8)::before{content:"8";}
.list_num li:nth-of-type(9)::before{content:"9";}
.list_num li:nth-of-type(10)::before{content:"10";}
.list_1st li b,
.list_1st dd b,
.list_2st li b,
.list_num li b {display:inline-block;margin-right:12px;color:var(--c_gray_80);vertical-align:baseline;}
/* list-style none*/
.none-st {}
.none-st li {padding:0; background:none;}
.none-st .circle_num {width:18px;height:18px;font-size:12px;font-weight:bold;margin-right:8px;}



.flip-scroll,
.table-pc,
.table-responsive{position:relative;}
.flip-scroll .table-icon,
.table-responsive .table-icon{display:block;opacity:1;}
.table-pc .table-icon{display:none;}
.table-icon.icon--hide{display:none!important;opacity:0;}
.table-icon.on,.ui:after{display:block;}
.table-icon{position:absolute;z-index:2;top:67px;right:45%;width:50px;height:50px;border-radius:50px;background:#fff;box-shadow:-1px 1px 10px grey;align-items:center;justify-content:center;transition:all .5s ease-in-out;}
.swipe-icon .swipe-arrow{animation:pulse-arrow 3s ease-out infinite;}
.swipe-icon{position:absolute;top:15px;left:25%;width:25px;height:25px;overflow:visible;animation:hand-move 3s ease-out infinite;}
.scaledown{transform:scale(.7,.7);}



@media screen and (max-width:640px) {
	.responseTable {overflow:hidden;overflow-x:auto;background:url(/images/flexcroll/move.png) no-repeat right top;background-size:68px 32px}
	.responseTable::-webkit-scrollbar {height:14px}
	.responseTable::-webkit-scrollbar-track {box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px}
	.responseTable::-webkit-scrollbar-thumb {background-color:var(--c_primary);border-radius:10px}
	.responseTable table {width:995px}
}




/*Tab*/
.tab-ul ul{display:flex;flex-wrap:wrap;padding-left:1px;padding-top:1px;overflow:hidden;}
.tab-ul li {display:table;height:100%;margin-top:-1px;margin-left:-1px;}
.tab-ul li * {margin:0;padding:0;line-height:0;}
.tab-ul li a {display:table-cell;background-image:none;color:inherit;text-align:left;cursor:pointer;}
.tab-ul li a span {display:flex;position:relative;line-height:1.2;flex-direction:row;width:100%;height:100%;align-items:center;padding-left:24px;padding-right:44px;}
.tab-ul li a[target="_blank"]{background:url(/images/common/ico_window.gif) no-repeat 91% 50%;}
.tab-ul.deth-4st li a[target="_blank"] span:after{display:none;}

/* type1 - depth4 */
.tab-ul.deth-4st{margin-bottom:40px;}
.tab-ul.deth-4st li {position:relative;width:100%;transition:all .3s;-webkit-transition:all .3s;}
.tab-ul.deth-4st li a {position:relative;height:64px;color:var(--c_gray_60);font-size:16px;text-align:left;border:1px solid var(--c_gray_30);transition:all .3s;-webkit-transition:all .3s;}
.tab-ul.deth-4st li a {outline:1px solid transparent;}
.tab-ul.deth-4st li.on {z-index:10;position:relative;}
.tab-ul.deth-4st li.on a,
.tab-ul.deth-4st li.on a:active,
.tab-ul.deth-4st li.on a:focus,
.tab-ul.deth-4st li.on a:hover {font-weight:800;border:3px solid var(--c_primary_m);color:var(--c_primary_m);background-color:#fff;}

.tab-ul.deth-4st li:active,
.tab-ul.deth-4st li:focus,
.tab-ul.deth-4st li:hover {z-index:11;}
.tab-ul.deth-4st li a:active,
.tab-ul.deth-4st li a:focus,
.tab-ul.deth-4st li a:hover {color:var(--c_primary_m);font-weight:800; border:1px solid var(--c_primary_m);}

.tab-ul.deth-4st li a span:after {position:absolute; content:""; top:50%; right:15px; width:16px; height:4px; margin-top:-1px; border-radius:5px; background:var(--c_gray_30); transition:all 0.3s ease-out;}
.tab-ul.deth-4st li a:active span:after,
.tab-ul.deth-4st li a:focus span:after,
.tab-ul.deth-4st li a:hover span:after {background:var(--c_primary_m);}
.tab-ul.deth-4st li.on a span:after{display:none}

.tab-ul.deth-4st li a span:before {display:block;position:absolute;content:"";top:50%; right:15px; z-index:20; width:16px; height:10px; margin-top:-5px;}
.tab-ul.deth-4st li.on a span:before,
.tab-ul.deth-4st li.on a:active span:before,
.tab-ul.deth-4st li.on a:focus span:before,
.tab-ul.deth-4st li.on a:hover span:before {background:url(/images/common2023/tab_ov_arrow.svg) no-repeat;}

.tab-ul.deth-4st li {width:calc(25% + 1px);}
.tab-ul.deth-4st.tab-col-2 li {width:calc(50% + 1px);}
.tab-ul.deth-4st.tab-col-3 li {width:calc(33.33% + 1px);}
/* .tab-ul.deth-4st.tab-col-4 li {width:calc(25% + 1px);} 기본4column으로 정의 */
.tab-ul.deth-4st.tab-col-5 li {width:calc(20% + 1px);}
/*.tab-ul.type1.tab-col-6 li {width:16.66%;}
.tab-ul.type1.tab-col-7 li {width:14.28%;}
.tab-ul.type1.tab-col-8 li {width:12.5%;}*/
@media(max-width:1024px) {
	.tab-ul.deth-4st li,
	.tab-ul.tab-col-4 li,
	.tab-ul.tab-col-5 li {width:33.33%}
}
@media(max-width:640px) {
	.tab-ul.deth-4st li,
	.tab-ul.tab-col-2 li,
	.tab-ul.tab-col-3 li,
	.tab-ul.tab-col-4 li,
	.tab-ul.tab-col-5 li {width:50%}
}
@media(max-width:480px) {
	.tab-ul.deth-4st li,
	.tab-ul.tab-col-2 li,
	.tab-ul.tab-col-3 li,
	.tab-ul.tab-col-4 li,
	.tab-ul.tab-col-5 li {width:100%}
	.tab-ul li a span{padding-left:12px;padding-right:12px;}
}

/* type2 - depth5 */
.tab-ul.type2 {position:relative;margin-bottom:20px;}
.tab-ul.type2::before {z-index:1;content:'';position:absolute;display:block;left:0;bottom:0;width:100%;height:1px;background:var(--c_primary_m);}
.tab-ul.type2 li {position:relative;}
.tab-ul.type2 li a {position:relative;padding:16px 32px;font-size:16px;font-weight:400;color:var(--c_gray_70);text-align:center; border-top-left-radius:10px;border-top-right-radius:10px;border:1px solid var(--c_gray_30);border-bottom:0;background-color:#fff;outline:1px solid transparent;}
.tab-ul.type2 li a span{padding-left:0;padding-right:0;}
.tab-ul.type2 li a.ov,
.tab-ul.type2 li a.ov:active,
.tab-ul.type2 li a.ov:focus,
.tab-ul.type2 li a.ov:hover {z-index:2;color:var(--c_primary_m);border-color:var(--c_primary_m);font-weight:800;}
.tab-ul.type2 li a:active,
.tab-ul.type2 li a:focus,
.tab-ul.type2 li a:hover  {color:var(--c_primary_m);border-color:var(--c_primary_m);font-weight:400;}
.tab-ul.type2 li:active,
.tab-ul.type2 li:focus,
.tab-ul.type2 li:hover {z-index:11;}

@media(max-width:640px) {
	.tab-ul.type2 li a{padding:16px 20px;}
}


.tab-ul.type3 {position:relative;margin-bottom:20px;}
.tab-ul.type3 ul{gap:6px;}
.tab-ul.type3 li {position:relative;}
.tab-ul.type3 li a {position:relative;padding:16px 20px;font-size:16px;font-weight:400;color:var(--c_gray_70);text-align:center; border-radius:10px;border:1px solid var(--c_gray_30);background-color:#fff;outline:1px solid transparent;}
.tab-ul.type3 li a span{padding-left:0;padding-right:0;}
.tab-ul.type3 li a.ov,
.tab-ul.type3 li a.ov:active,
.tab-ul.type3 li a.ov:focus,
.tab-ul.type3 li a.ov:hover {z-index:2;color:var(--c_primary_m);border-color:var(--c_primary_m);font-weight:800;}
.tab-ul.type3 li a:active,
.tab-ul.type3 li a:focus,
.tab-ul.type3 li a:hover  {color:var(--c_primary_m);border-color:var(--c_primary_m);font-weight:400;}
.tab-ul.type3 li:active,
.tab-ul.type3 li:focus,
.tab-ul.type3 li:hover {z-index:11;}

.tab-ul.type3.tab-col-2 li {width:calc(50% - 4px);}
.tab-ul.type3.tab-col-3 li {width:calc(33.33% - 4px);}
.tab-ul.type3.tab-col-4 li {width:calc(25% - 4px);}
.tab-ul.type3.tab-col-5 li {width:calc(20% - 4px);}

@media(max-width:1024px) {
	.tab-ul.type3.tab-col-4 li,
	.tab-ul.type3.tab-col-5 li {width:calc(33.3% - 4px);}
}
@media(max-width:640px) {
	.tab-ul.type3.tab-col-3 li,
	.tab-ul.type3.tab-col-4 li,
	.tab-ul.type3.tab-col-5 li {width:calc(50% - 4px);}

}

/* 정렬 */
.ft_left {float:left !important}
.ft_right {float:right !important}
.tx_left {text-align:left !important}
.tx_right {text-align:right !important}
.tx_center {text-align:center !important}
.tx_line {text-decoration:underline}
/* 정렬-flex */
.flex-box {display:flex;}
.colflex {flex-direction:column!important;}
.rowflex {flex-direction:row!important;}
.fx_left {justify-content:flex-start!important;}
.fx_right {justify-content:flex-end!important;}
.fx_center {justify-content:center!important;}
.fx_btw {justify-content:space-between!important;}

.inline {display:inline}
.inb {display:inline-block}
.block {display:block}
.ir_img {text-indent:-9999px;font-size:0;line-height:0}

.m_0 {margin:0 !important}
.m_5 {margin:5px !important}
.m_10 {margin:10px !important}
.m_15 {margin:15px !important}
.m_20 {margin:20px !important}
.m_25 {margin:25px !important}
.m_30 {margin:30px !important}
.m_35 {margin:35px !important}
.m_40 {margin:40px !important}
.m_45 {margin:45px !important}
.m_50 {margin:50px !important}
.mt_0 {margin-top:0 !important}
.mt_5 {margin-top:5px !important}
.mt_10 {margin-top:10px !important}
.mt_15 {margin-top:15px !important}
.mt_20 {margin-top:20px !important}
.mt_25 {margin-top:25px !important}
.mt_30 {margin-top:30px !important}
.mt_35 {margin-top:35px !important}
.mt_40 {margin-top:40px !important}
.mt_45 {margin-top:45px !important}
.mt_50 {margin-top:50px !important}
.mt_60 {margin-top:60px !important}
.mt_70 {margin-top:70px !important}
.mt_80 {margin-top:80px !important}
.mt_100 {margin-top:100px !important}
.mt_150 {margin-top:150px !important}
.ml_0 {margin-left:0 !important}
.ml_5 {margin-left:5px !important}
.ml_10 {margin-left:10px !important}
.ml_15 {margin-left:15px !important}
.ml_17 {margin-left:17px !important}
.ml_20 {margin-left:20px !important}
.ml_25 {margin-left:25px !important}
.ml_30 {margin-left:30px !important}
.ml_35 {margin-left:35px !important}
.ml_40 {margin-left:40px !important}
.ml_45 {margin-left:45px !important}
.ml_50 {margin-left:50px !important}
.ml_100 {margin-left:100px !important}
.ml_200 {margin-left:200px !important}
.mr_0 {margin-right:0 !important}
.mr_5 {margin-right:5px !important}
.mr_10 {margin-right:10px !important}
.mr_15 {margin-right:15px !important}
.mr_20 {margin-right:20px !important}
.mr_25 {margin-right:25px !important}
.mr_30 {margin-right:30px !important}
.mr_35 {margin-right:35px !important}
.mr_40 {margin-right:40px !important}
.mr_45 {margin-right:45px !important}
.mr_50 {margin-right:50px !important}
.mb_1 {margin-bottom:-1px !important}
.mb_0 {margin-bottom:0 !important}
.mb_5 {margin-bottom:5px !important}
.mb_10 {margin-bottom:10px !important}
.mb_15 {margin-bottom:15px !important}
.mb_20 {margin-bottom:20px !important}
.mb_25 {margin-bottom:25px !important}
.mb_30 {margin-bottom:30px !important}
.mb_35 {margin-bottom:35px !important}
.mb_40 {margin-bottom:40px !important}
.mb_45 {margin-bottom:45px !important}
.mb_50 {margin-bottom:50px !important}
.mb_60 {margin-bottom:60px !important}
.mb_70 {margin-bottom:70px !important}
.mb_80 {margin-bottom:80px !important}
.mb_100 {margin-bottom:100px !important}
.p_0 {padding:0 !important}
.p_5 {padding:5px !important}
.p_10 {padding:10px !important}
.p_15 {padding:15px !important}
.p_20 {padding:20px !important}
.p_30 {padding:30px !important}
.p_40 {padding:40px !important} 
.pt_0 {padding-top:0 !important}
.pt_5 {padding-top:5px !important}
.pt_10 {padding-top:10px !important}
.pt_15 {padding-top:15px !important}
.pt_20 {padding-top:20px !important}
.pt_25 {padding-top:25px !important}
.pt_30 {padding-top:30px !important}
.pt_35 {padding-top:35px !important}
.pt_40 {padding-top:40px !important}
.pt_45 {padding-top:45px !important}
.pt_50 {padding-top:50px !important}
.pr_0 {padding-right:0 !important}
.pr_5 {padding-right:5px !important}
.pr_10 {padding-right:10px !important}
.pr_15 {padding-right:15px !important}
.pr_20 {padding-right:20px !important}
.pr_25 {padding-right:25px !important}
.pr_30 {padding-right:30px !important}
.pr_35 {padding-right:35px !important}
.pr_40 {padding-right:40px !important}
.pr_45 {padding-right:45px !important}
.pr_50 {padding-right:50px !important}
.pl_0 {padding-left:0 !important}
.pl_5 {padding-left:5px !important}
.pl_10 {padding-left:10px !important}
.pl_15 {padding-left:15px !important}
.pl_20 {padding-left:20px !important}
.pl_25 {padding-left:25px !important}
.pl_30 {padding-left:30px !important}
.pl_35 {padding-left:35px !important}
.pl_40 {padding-left:40px !important}
.pl_45 {padding-left:45px !important}
.pl_50 {padding-left:50px !important}
.pl_70 {padding-left:70px !important}
.pl_130 {padding-left:100px !important}
.pb_0 {padding-bottom:0 !important}
.pb_5 {padding-bottom:5px !important}
.pb_10 {padding-bottom:10px !important}
.pb_15 {padding-bottom:15px !important}
.pb_20 {padding-bottom:20px !important}
.pb_25 {padding-bottom:25px !important}
.pb_30 {padding-bottom:30px !important}
.pb_35 {padding-bottom:35px !important}
.pb_40 {padding-bottom:40px !important}
.pb_45 {padding-bottom:45px !important}
.pb_50 {padding-bottom:50px !important}
.w40 {width:40px !important}
.w50 {width:50px !important}
.w100 {width:100px !important}
.w110 {width:110px !important}
.w120 {width:120px !important}
.w130 {width:130px !important}
.w140 {width:140px !important}
.w150 {width:150px !important}
.w160 {width:160px !important}
.w170 {width:170px !important}
.w180 {width:180px !important}
.w190 {width:190px !important}
.w200 {width:200px !important}
.w250 {width:250px !important}
.w260 {width:260px !important}
.w270 {width:270px !important}
.w300 {width:300px !important}
.w310 {width:310px !important}
.w320 {width:320px !important}
.w330 {width:330px !important}
.w340 {width:340px !important}
.w350 {width:350px !important}
.w360 {width:360px !important}
.w370 {width:370px !important}
.w380 {width:380px !important}
.w390 {width:390px !important}
.w400 {width:400px !important}
.w450 {width:450px !important}
.w500 {width:500px !important}
.w600 {width:600px !important}
.wp10 {width:10% !important}
.wp18 {width:18% !important}
.wp20 {width:20% !important}
.wp30 {width:30% !important}
.wp40 {width:40% !important}
.wp45 {width:45% !important}
.wp50 {width:50% !important}
.wp55 {width:55% !important}
.wp60 {width:60% !important}
.wp65 {width:65% !important}
.wp70 {width:70% !important}
.wp75 {width:75% !important}
.wp80 {width:80% !important}
.wp85 {width:85% !important}
.wp90 {width:90% !important}
.wp95 {width:95% !important}
.wp96 {width:96% !important}
.wp97 {width:97% !important}
.wp98 {width:98% !important}
.wp99 {width:99% !important}
.wp100 {width:100% !important}
.w200 {min-width:200px !important}

.f16_r {font-size:16px;line-height:1;font-weight:400}
.f15_r {font-size:15px;line-height:1;font-weight:400}
.f15_eb {font-size:15px;line-height:1;font-weight:800}
.f16_eb {font-size:16px;line-height:1;font-weight:800}
.f20_eb {font-size:20px;line-height:1;font-weight:800}
.f36_eb {font-size:36px;line-height:1;font-weight:800}
.f40_eb {font-size:40px;line-height:1;font-weight:900}

@media screen and (max-width:768px) {
	.f40_eb {font-size:36px;}
}
@media screen and (max-width:640px) {
	.f40_eb {font-size:24px;}
}

.label {display:inline-block;padding:4px 10px 3px 10px;font-size:12px;font-weight:400;background-color:#aab2bd;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:3px}
.label-default {background-color:#fff;border:1px solid #aab2bd;color:#434a54}
.label-primary {background-color:#3bafda;border-color:#3bafda}
.label-success {background-color:#8cc152;border-color:#8cc152}
.label-info {background-color:#37bc9b;border-color:#37bc9b}
.label-warning {background-color:#f6bb42;border-color:#f6bb42}
.label-danger {background-color:#da4453;border-color:#da4453}



/*//////////2023-12-21 추가//////////*/
/*select 기본 스타일 사용이 필요할때*/
.basic_select {border-radius:4px;padding:0 4px;height:34px;-moz-appearance:auto;-webkit-appearance:auto;appearance:auto;cursor:pointer;}
.basic_select::-ms-expand {display:block;}
.basic_select:hover, .basic_select:focus, .basic_select:active {outline:none;}

/* 더하기빼기 버튼 */
.circle_btn {width:35px;height:35px;border-radius:35px;border:1px solid var(--c_primary_m);font-size:0;background-color: #fff;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.circle_btn > i {display:inline-block;width:18px;height:18px;}
.circle_btn > i.ico_minus {background:url('../images/common/ico_minus.svg') no-repeat;}
.circle_btn > i.ico_plus {background:url('../images/common/ico_plus.svg') no-repeat;}
.circle_btn:hover {background-color:var(--c_primary_p10);}
.circle_btn:focus {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}

/* 모달 안에 요소들 */
.modal h3 {margin-bottom:40px;font-size:26px;font-weight:700;color:var(--c_primary_m2);line-height:1;font-family:'EliceDigitalBaeum-Bd';text-align:center;}


.tag:not(body) {-webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f5f5f5; border-radius: 4px; color: #4a4a4a; display: -webkit-inline-box;    display: -ms-inline-flexbox;    display: inline-flex;    font-size: .9rem;    height: 2rem;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    line-height: 1.5;    padding:.8rem 1rem;    white-space: nowrap;    cursor: pointer;    min-width: 70px}
.tag:not(body) .delete {margin-left: .25rem; margin-right: -.375rem}
.tag:not(body).is-white {background-color: #fff; color: #0a0a0a}
.tag:not(body).is-black {background-color: #0a0a0a; color: #fff}
.tag:not(body).is-gray {background-color: #737D8F; color: #fff}
.tag:not(body).is-light {background-color: #f5f5f5; color: rgba(0,0,0,.7)}
.tag:not(body).is-dark {background-color: #363636; color: #fff}
.tag:not(body).is-primary {background-color: #f77944; color: #fff}