@charset "UTF-8";
@import url(_variables.css);
@import url(_reset.css);
@import url(_font.css);

* {box-sizing: border-box;}
html, body {margin: 0; padding: 0;font-size:62.5%; font-family: var(--f_nsR);}

/* 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;}
button {border: 0; font-family: var(--f_nsR); cursor: pointer; background: none; transition:var(--ani_time);}

.btn {display:block; min-width:7rem; padding:1.2rem 1.6rem; border-radius:.4rem; color:#fff; font-size:1.6rem; font-weight:700; letter-spacing:-0.01em;line-height:100%;font-family:var(--f_nsR); transition:var(--ani_time); background:var(--c_blue);cursor: pointer;}
.btn:hover {background: var(--c_blue_m);}

.btn.white {background: #fff; border: .1rem solid var(--c_blue); color:var(--c_blue);}
.btn.white:hover {background: var(--c_blue_1);}

.btn.orange {border: .1rem solid #f76127; background: #f76127;}
.btn.orange:hover {border: .1rem solid var(--c_orange); background:var(--c_orange);}

.btn.pink {border: .1rem solid #f76127; background:var(--c_pink_m);}
.btn.pink:hover {border: .1rem solid #e1006e; background:#e1006e;}

.btn.line-bk {border: .1rem solid #333; color:#333; background:none;}
.btn.line-bk:hover {background: #eee;}

.tx-btn {font-size: 1.5rem; font-weight: 500; color: #757575; transition: var(--ani_time);}
.tx-btn:hover {color:#333;}

.tx-btn.white {color:#fff;}
.tx-btn.white:hover {color:#fff;}

.btn.event {width: 44rem;height: 5rem;line-height: 1.2;text-align: center;font-size: 2.2rem;background: #FF1286;} /*이벤트용 버튼*/
.btn.event:hover {background:#d51774}

/*.btn.white >> 다운로드버튼*/
.btn.white.bt_down {display: flex;align-items: center; gap: 1rem;padding:1.75rem !important;}
.btn.white.bt_down:after {content: '';display: block;width: 2.5rem;height: 2.5rem;background: url(../images/common/ico_download_blue.svg) no-repeat 50%;background-size: 100%;}
.btn.white.bt_down.sm {padding:1.3rem 1.6rem !important;}

.btn.white.bt_pin {display: flex;align-items: center; gap: 1rem;padding:1.75rem !important;}
.btn.white.bt_pin:after {content: '';display: block;width: 2.5rem;height: 2.5rem;background: url(../images/common/ico_pin_blue.svg) no-repeat 50%;background-size: 100%;}


/* tab 버튼*/
.bn_tab {padding: 1.6rem 2rem; font-weight: 800; font-size: 1.6rem;}
.bn_tab.on {display: flex; gap: .5rem; background: var(--c_blue_1);}
.bn_tab.on::after {content:"";display:block;width: 1.6rem;height: 1.6rem;background:url('../images/common/arrow_under_blue.svg') no-repeat;}

/* 팝업 닫기버튼 */
.bn_close {width:7.2rem;height:7.2rem;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:2rem;justify-content:flex-start;align-items:center;margin-top:2rem;}
.etcwrap button{display:flex;align-items:center;gap:.5rem;color:#545454}
.etcwrap button::before{content:"";display:block;width:2rem;height:2rem;background:url('../images/common/ico_print.svg') no-repeat}
.etcwrap button:first-child::before{background-image:url('../images/common/ico_save.svg');}
.etcwrap button.send::before {background-image:url('../images/common/ico_send.svg');}
.etcwrap p {color:#545454;}
.etcwrap p > span {font-weight:800;background:var(--c_blue_1);}

/*select*/
.selectwrap{display: flex; justify-content: flex-end;}
.selectwrap .select{margin: initial;}

/* TABLE */
table {display:table;width:100%;font-weight: 400;}
table caption {overflow: hidden;position: absolute;border: 0;width: .1rem;height: .1rem;clip: rect(.1rem, .1rem, .1rem, .1rem);clip-path: inset(50%);}
table th {padding:1.8rem 1rem; border-width: 0 .1rem .1rem 0;border-style: solid;text-align: center;letter-spacing: -0.05em;}
table th, table td {border-left:.1rem solid #E3EEF3;border-bottom:.1rem solid #E3EEF3;margin-left:-.1rem;vertical-align:middle;word-wrap:break-word;word-break:keep-all;color:#757575;font-size:1.6rem;}
table td {padding:.8rem;}
table thead th {border-color: #D0D7E0; color: #FFFFFF; background: #929EA9;}
table tbody th {border-color: #E3EEF3;color: #757575;}
table th:first-child, table td:first-child {border-left:none;}
table th:last-child, table td:last-child {border-right:none;}
table th, table td img {vertical-align:middle}
table.center tbody tr td{text-align:center;}
table thead th span.step_tit {display: flex; justify-content: center; gap: .5rem; line-height: 2.5rem;}

/* 테이블 바디*/
table tbody tr:nth-child(odd) {background: #fff;}
table tbody tr:nth-child(even) {background: #fbfdff;}
table tbody tr td {font-weight: 400;font-family: var(--f_nsR);color: #555;line-height:1.5}
thead tr:nth-child(1) th:first-child {border-radius: 1rem 0 0 0;}
thead tr:nth-child(1) th:last-child {border-radius: 0 1rem 0 0;}
thead tr th, tbody tr td {width: 5%;}
thead tr th {font-weight: 700; font-size: 1.6rem;}

/*테이블 헤더 스타일*/
.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:7rem;min-width:6.6rem;padding:1.6rem 2rem;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:2.5rem; height:2.5rem; 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%;}

.ico.home {display: block; width:2.5rem; height:2.5rem; background: url('../images/common/home.svg') no-repeat;}

/* stat ico*/
.state {display: block; width:3.2rem; height:3.2rem; margin: auto; background-repeat:no-repeat;text-indent:-999px;overflow:hidden;}
.state.test {background-image: url('../images/common/ico_test.svg');}/* 검사시작 */
.state.test_no {background-image: url('../images/common/ico_test_no.svg');}/* 미검사 */
.state.learn {background-image: url('../images/common/ico_learn.svg');}/* 해득 */
.state.miss {background-image: url('../images/common/ico_miss.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.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.download_pdf {background-image: url('../images/common/ico_pdf.svg')} /* 다운로드 pdf*/
.state.download_pdf_off {background-image: url('../images/common/ico_pdf_off.svg')} /* 다운로드 - 비활성 pdf*/

.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')} /* 설정 */

/* stat 텍스트 */
.state.tx{width:7.8rem;height:3.3rem;border:.1rem solid;padding:.8rem;font-size:1.5rem;line-height: 1;border-radius:.4rem;font-style:normal;text-indent:0;overflow:hidden;text-align:center;}
.state.tx.more{width:auto;background-color:var(--c_blue_1);color:var(--c_blue);border-color:var(--c_blue); display: inline-block;}/* 보충 텍스트형 */
.state.tx.end{background-color:#f6f6f6;color:#afafaf;border-color:#f6f6f6}/* 완료 텍스트형 */
.state.tx.ing{background-color:var(--c_blue_1);color:var(--c_blue);border-color:var(--c_blue_1)}/* 학습중 텍스트형 */
.state.tx.study{background-color:#fff;color:#757575;border-color:#e2e2e2}/* 학습하기 텍스트형 */
.state.tx.end2{background-color:#F6F6F6;color:#757575;border-color:#E2E2E2} /* 마감 텍스트형 */
.state.tx.ing2{background-color:var(--c_pink_1);color:var(--c_pink_m);border-color:var(--c_pink)} /* 진행중 텍스트형 */

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

/* 진단 상태 아이콘 + 텍스트 노출 */
.txout{display:flex;align-items:center;gap:.4rem;font-size:1.5rem;}
.txout.ing_learn{color:var(--c_blue)}/* 해득 */
.txout.ing_miss{color:#929EA9}/* 미해득 */
.txout.ing_more .more{}/* 보충 */

/* 다문화 여부 아이콘*/
.multi {display: block; width:2rem; height:2rem;margin:0 auto;text-indent:-999px;overflow:hidden;}
.multi.ico_x {background: url(../images/common/ico_x.svg) no-repeat;}
.multi.ico_o {background: url(../images/common/ico_o.svg) no-repeat;}
.multi.ico_x2 {background: url(../images/common/ico_x2.svg) no-repeat;}
.multi.ico_o2 {background: url(../images/common/ico_o2.svg) no-repeat;}

/* n차 진단*/
.step{border: .1rem solid;padding:.8rem;font-size:1.5rem;border-radius:.4rem;}
.step.sp1{background-color:var(--c_yellow_1);color:var(--c_yellow_m);border-color:var(--c_yellow_m)}
.step.sp2{background-color:var(--c_pink_1);color:var(--c_pink_m);border-color:var(--c_pink_m)}
.step.sp3{background-color:var(--c_mint_1);color:var(--c_mint_m);border-color:var(--c_mint_m)}

/* n차 진단 - icon*/
.icon.step-img {display: block; width: 5.7rem; height: 2.2rem;}
.icon.step-img.num1 {background: url('../images/common/ico_step01.svg') no-repeat 50%;}
.icon.step-img.num2 {background: url('../images/common/ico_step02.svg') no-repeat 50%;}
.icon.step-img.num3 {background: url('../images/common/ico_step03.svg') no-repeat 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:.2rem;background:var(--c_blue);}
.tabs .tab-header > button {position:relative;padding:2.2rem 4.2rem;font-size:1.6rem;font-weight:800;color:#757575;border-top-left-radius:1rem;border-top-right-radius:1rem;border:.2rem 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: .2rem 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:.2rem;background:var(--c_blue);}
.tabs-chart .tab-header-chart > button {position:relative;padding:2.2rem 4.2rem;font-size:1.6rem;font-weight:800;color:#757575;border-top-left-radius:1rem;border-top-right-radius:1rem;border:.2rem 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: .2rem 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:1.6rem;font-size:1.6rem;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);}


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


.accgrap{display:block}

/* input - Default*/
input[type="checkbox"] {display: none;}
input[type="checkbox"] + label::before {content: '';display: block;width: 1.6rem;height: 1.6rem;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:2.5rem; 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:0; width:1.6rem; height:1.6rem; text-align: center; background:url('../images/common/checkbox.svg') no-repeat;}
input[type="radio"]:checked + label:after {content: ''; position: absolute; top: 0; left:0; width:1.6rem; height:1.6rem;background:url('../images/common/checkbox_on.svg') no-repeat;}

.table_ul {width:100%;}
.table_ul strong{padding:2rem;}
/*.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:2rem; border-right: 1px solid #E3EEF3; color: #757575;}
.table_ul .depth3 ul li {border:0;}
.table_ul .depth3 ul li.on {color:#d51774;cursor:pointer;}

/*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;}

@media print {
	.nuga-pop .con3_1 .table_hd li:nth-child(4) {border-radius: 0 1rem 0 0;border: 0;}
	.nuga-pop .con3_1 .table_hd li:last-child{display: none;}
	.nuga-pop .con3_1 .table_ul .depth1 .num {width: 21%;}
	.nuga-pop .con3_1 .table_ul .depth2 strong{width: 24%;}
	.nuga-pop .con3_1 .table_ul .depth3 strong{width: 48%;}
	.nuga-pop .con3_1 .table_ul .depth3 ul{ width: 100%; border-right:none;}	
   }

 
/* 정렬-flex */
.flex-box {display:flex;}
.fx_wrap{flex-wrap: wrap!important;}
.fx_nowrap{flex-wrap: nowrap!important;}
.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;}

.wp10 {width:10% !important}
.wp20 {width:20% !important}
.wp30 {width:30% !important}
.wp40 {width:40% !important}
.wp50 {width:50% !important}
.wp60 {width:60% !important}
.wp70 {width:70% !important}
.wp80 {width:80% !important}
.wp90 {width:90% !important}
.wp99 {width:99% !important}
.wp100 {width:100% !important}

.left{text-align:left !important;}