@charset "utf-8";
@import url("font.css");

/* 태그초기화 */
*{margin:0; padding:0; box-sizing:border-box;}
html, body, h1, h2, h3, h4, h5, h6, hr, div, dl, dd, dt, ul, li, ol, form, fieldset, caption, table, th, td, textarea, select, iframe, input, legend, p, img, pre, q, button, blockquote{margin:0px; padding:0px;}
html, body{-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-webkit-overflow-scrolling: touch;font-family: "NotoSansCJKKR",sans-serif;word-break: keep-all;overflow-wrap: break-word;white-space: normal;font-weight:500; font-size:15px; color:#202020; background-color: #FEFEFE;line-height:23px;letter-spacing: -0.03em;}
body{overflow-x:hidden;}
h1, h2, h3, h4, h5, h6{font-size:inherit;}
ul, ol{list-style:none;}																																  
button{border:0px; background:none; cursor:pointer; font:inherit; vertical-align:middle;}
fieldset{border: 0;}
/* iframe{width: 0;height: 0;position: absolute;bottom: 0;left: 0;} */
em, address, i{ font-style:normal;}
img{border:0px; vertical-align:top;max-width:100%;}
a{text-decoration:none; color:#202020;}
table{position: relative;width:100%; border-spacing:0px; border-collapse:collapse;table-layout: fixed;}
caption{position: relative;width: 0px;height:0px;clip: rect(0,0,0,0);overflow: hidden;visibility:hidden;}
legend{position: absolute;width: 1px;height: 1px;clip: rect(0,0,0,0);overflow: hidden;}
input[type="checkbox"], input[type="radio"]{border:0px;}
strong{font-weight: 700;}
input[type="text"],input[type="tel"],input[type="password"],input[type="email"],input[type="date"]{padding:13.5px 12px;font-family: "NotoSansCJKKR";color:#202020;border-radius:8px;border:1px solid #D8DBDF;}
input:-webkit-autofill {box-shadow: 0 0 0px 1000px white inset !important;-webkit-text-fill-color: #212529 !important;}
a:focus, button:focus,input:focus,select:focus,textarea:focus{outline:none !important;}
textarea{width:100%;height:250px;padding:13px 10px;resize:none;font-family: 'NotoSansCJKKR';border:1px solid #D8DBDF;border-radius:8px;font-size: inherit;}
select{height:48px;padding:7px 12px;background:#fff url("../images/sub/icon-select-arr.svg")no-repeat;background-position-y: 50%;background-position-x: calc(100% - 12px);font-weight: 500;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius:8px;outline:none;font-family: "NotoSansCJKKR";background-size:18px 18px;border:1px solid #D8DBDF;color:#484A4D;font-size: 14px;line-height: 21px;}
select option {padding:5px 0;font-weight: 400;font-size: 14px;line-height: 26px;color:#373944;background-color:#fff;}

/* select2.js */
.select2-container--default .select2-selection--single .select2-selection__arrow{top: 50% !important;transform: translateY(-50%);right: 0 !important;width: 18px !important;height: 100% !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {display: none; /* 기본 삼각형 제거 */}
.select2-container--default .select2-selection--single .select2-selection__arrow::after {content: "";background: url("../images/sub/icon-select-arr.svg") no-repeat center center;background-size: 18px 18px;width: 18px;height: 18px;position: absolute;right: 12px;top: 50%;transform: translateY(-50%);}
.select2-container--open .select2-selection__arrow::after {transform: translateY(-50%) rotate(180deg) !important;transition: transform 0.2s ease;}
.select2-container--default .select2-selection--single{border-radius:8px !important;border:1px solid #D8DBDF !important;height:48px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{padding:12px 12px !important;color:#484A4D !important;font-weight:500 !important;font-family: "NotoSansCJKKR" !important;font-size: 14px !important;line-height: 21px !important;}
.select2-results__option{padding:12px 12px !important;font-size: 14px;line-height: 21px;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color: #EFF7FF !important;color: #2949B1 !important;}
.select2-container--default .select2-search--dropdown .select2-search__field {border: 1px solid #D8DBDF !important;padding: 12px !important;}
.select2-dropdown{border:1px solid #D8DBDF !important;border-radius:8px 8px 8px 8px !important;}
.select2-container--default .select2-results>.select2-results__options{border-radius: 8px 8px 8px 8px !important;}


picture{display: block;text-align: center;}
.container{width:100%;max-width: 1232px;margin:0 auto;padding:0 16px;}
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;}
.hidden{overflow:hidden;}
.dim{opacity: 0;visibility: hidden;position: fixed;top: 0;left: 0;width: 100%;height: 100%;transition: visibility 0.3s, opacity 0.3s;z-index: 99;background-color: rgba(0, 0, 0, 0.5);}
.dim.open{visibility: visible;opacity: 1;transition: visibility 0.3s, opacity 0.3s;}
#container {margin-top: 134px;}

/* scroll-bar */
.scroll-bar{overflow-y: auto;}
.scroll-bar::-webkit-scrollbar {width: 6px;height:30px;background-color:#EFF0F3;}
.scroll-bar::-webkit-scrollbar-thumb {border-radius: 6px;background-color: #BABBBD;}
.scroll-bar-x{overflow-x: auto;}
.scroll-bar-x::-webkit-scrollbar {width: 30px;height:6px;background-color: #EFF0F3;}
.scroll-bar-x::-webkit-scrollbar-thumb {border-radius: 6px;background-color: #BABBBD;}

/* placeholder */
input:-internal-autofill-selected{background:none;}
::placeholder{color: #9A9EA3 !important; opacity:1;font-weight: 500;font-size: 14px;line-height: 21px;font-family: 'NotoSansCJKKR';}
:-ms-input-placeholder{color: #9A9EA3 !important; opacity:1;font-weight: 500;font-size: 14px;line-height: 21px;font-family: 'NotoSansCJKKR';}
::-ms-input-placeholder{color: #9A9EA3 !important; opacity:1;font-weight: 500;font-size: 14px;line-height: 21px;font-family: 'NotoSansCJKKR';}

.skip-navi {overflow:hidden; position:relative; width:100%; z-index:9999;}
.skip-navi a {display:flex; align-items:center;justify-content:center;font-size:0; height: 1px; line-height:0; margin:0 -1px -1px 0; overflow:hidden;text-align:center; width:1px;}
.skip-navi a:focus, .skip-navi a:hover, .skip-navi a:active {background:#000; color:#fff; font-size:inherit; font-weight:700; padding:10px 0;margin:0; height:40px;margin:0; width:auto;} 

/* 공통클래스 */
.nodata{width:100% !important;margin:0 auto;padding:40px 0 !important;text-align:center !important;color:#999 !important;font-size: inherit !important;font-weight: 400 !important;background: none !important;}
.nodata.bor{border-top:1px solid #D8DADF;}
.nodata-li{grid-column: 1 / -1;}
.nodata-img{display: flex;flex-direction:column;align-items: center;justify-content:center;padding:24px;text-align:center;border:1px solid #E4E8ED;background-color: #F3F5F9;border-radius:8px;color:#9A9EA3;font-weight:700;}
.nodata-img .text1{margin:12px 0;color:#9A9EA3;font-weight: 700;font-size: 16px;line-height: 24px;}
.nodata-img .text2{color:#9A9EA3;font-weight:500;font-size:14px;line-height:21px;}
.nodata-img .text3{margin:12px 0 0;color:#9A9EA3;font-weight:500;font-size:15px;line-height:23px;}
.w-100{width:100% !important;}
.w-180{width:180px !important;}
.w-90{width:90px;}
.text-indent-0{text-indent:0;margin:0;}
.d-lg-none{display:none;}
.d-none{display:none;}
.d-flex{display:flex;}
.flex-start{justify-content:flex-start;}
.flex-end{justify-content:flex-end;}
.align-items-start{align-items:flex-start !important;}
.justify-content-between{justify-content:space-between;}
.over-x-auto{overflow-x:auto;}
.p-0 {padding: 0 !important;}
.pt-0{padding-top:0 !important;}
.pb-0 {padding-bottom: 0 !important;}
.mt-10{margin-top:10px;}
.mt-60{margin-top:60px;}
.m-0{margin:0 !important;}
.mt-0{margin-top:0 !important;}
.mb-0{margin-bottom:0 !important;}
.m-auto{margin:0 auto!important;}
.text-start{text-align:left !important;}
.text-center{text-align:center !important;}
.text-end{text-align:right !important;}
.bor-0 {border: 0 !important;}
.underline{text-decoration:underline;}
.max-wn{max-width:none !important;}


/* btn */
.btn-center{display:flex;justify-content:center;margin-top:40px;}
.btn-end{display:flex;justify-content:flex-end;margin-top:20px;}
.btn-start{display:flex;justify-content:flex-start;margin-top:40px;}
.btn-between{display:flex;justify-content:space-between;margin-top:30px;}
.btn3{display:flex;justify-content:space-between;margin-top:40px;}
.btns{display:flex;align-items:center;column-gap:8px;}
.btn{display: flex;align-items: center;justify-content: center;font-weight: 700;text-align: center;vertical-align: middle;background-color: transparent;border: 0;cursor: pointer;transition: background .3s,border .3s;border-radius:8px;font-family: 'NotoSansCJKKR';}
.btn:disabled{background-color: #D2D3D5;border:1px solid #D2D3D5;color:#7F8186;pointer-events : none;}
.btn-lg{padding:13.5px 16px;font-size:18px;line-height:27px;}
.btn-md{padding:11px 15px;line-height: 24px;font-size: 16px;}
.btn-sm{padding:8.5px 9px;font-size: 14px;line-height: 21px;border-radius:6px;max-height: 40px;}
.btn-xs{height:24px;padding:2.5px 6px;border-radius:4px;font-weight:700;line-height:17px;font-size:12px;}

.btn-outline-neutral{background-color: #fff;border:1px solid #D8DBDF;color:#484A4D;}
.btn-outline-neutral:hover{background-color: #F3F5F9;border:1px solid #D8DBDF;color:#484A4D;}
.btn-neutral{background-color: #7F8186;border:1px solid #7F8186;color:#fff;}
.btn-neutral:hover{background-color: #606266;border:1px solid #606266;color:#fff;}
.btn-primary{background-color: #2949B1;border:1px solid #2949B1;color:#fff;}
.btn-primary:hover{background-color: #013E86;border:1px solid #013E86;}
.btn-outline-primary{background-color: #fff;border:1px solid #2949B1;color:#2949B1;}
.btn-secondary{background-color:#2881FF;border:1px solid #2881FF;color:#fff;}
.btn-secondary:hover{background-color: #1B70EA;border:1px solid #1B70EA;}
.btn-outline-secondary{background-color: #fff;border:1px solid #2881FF;color:#2881FF;}
.btn-black{background-color:#202020;border:1px solid #202020;color:#fff;}
.btn-black:hover{background-color:#3A3B3E;border:1px solid #3A3B3E;}
.btn-orange{background-color:#F39A00;border:1px solid #F39A00;color:#fff;}
.btn-orange:hover{background-color:#FF7700;border:1px solid #FF7700;}
.btn-outline-orange{background-color: #fff;border:1px solid #FF7700;color:#FF7700;}



/* badge */
.badges{display:flex;gap:5px;}
.badge{display: inline-block;height:24px;padding:2.5px 6px;border-radius:4px;font-weight:700;line-height:17px;font-size:12px;border:1px solid transparent;}
.badge-ylw{background-color: #FFF2CE;border:1px solid #FFF2CE;color:#FF7700;}
.badge-gray{background-color: #7F8186;border:1px solid #7F8186;color:#FFFFFF;}
.badge-outline-orange{border-color:#FF7700;color:#FF7700;}
.badge-ing{border:1px solid #D8DBDF;background-color: #fff;color:#484A4D;}
.badge-com{border:1px solid #FFE4E5;background-color: #FFE4E5;color:#E9323E;}
.badge-bl{border:1px solid #DEEDFC;background-color: #DEEDFC;color:#2881FF;}
.badge-red{border:1px solid #FFE4E5;background-color: #FFE4E5;color:#E9323E;}
.badge-neutral{border:1px solid #EFF0F3;background-color: #EFF0F3;color:#484A4D;}
.badge-outline-neutral{border:1px solid #D8DBDF;background-color: #fff;color:#484A4D;}
.badge-orange{background-color: #FF7700;color:#fff;border:1px solid #FF7700;}
.badge-secondary{background-color: #2881FF;color:#fff;border:1px solid #2881FF;}
.badge-outline-secondary{background-color: #fff;color:#2881FF;border:1px solid #2881FF;}

/* 이미지에 들어가는 badge */
.co-badge{display: inline-flex;gap:2px;align-items:center;padding:4px 6.5px;border-radius:24px;font-weight: 700;font-size: 10px;line-height: 14px;border:1px solid #FFC68D;color:#FF5F41;background-color: #FFF2CE;}
.badge-new{color:#484A4D;background-color: #FFFFFF;border-color:#FFC68D;}
.badge-thumb{color:#484A4D;background-color: #FFFFFF;border-color:#B0D6FB;}
.badge-recom{color:#484A4D;background-color: #FFFFFF;border-color:#FFC5C8;}
.badge-support{color:#484A4D;background-color: #FFFFFF;border-color:#E4E8ED;}
.badge-hmg{color:#33407C;background-color: #EFF2FF;border-color:#ADB8E5;}
.badge-rg{display:flex;gap:4px;}

/* font color */
.text-lightyellow{color:#DBFF3B !important;}
.text-orange{color:#FF7700 !important;}
.text-yellow{color:#F39A00 !important;}
.text-blue{color:#2949B1 !important;}
.text-secondary{color:#2881FF !important;}
.text-accent{color:#E9323E !important;}
.text-pink{color:#FF4C58 !important;}
.text-gray{color:#484A4D !important;}


/* radio */
.form-radio-line{display:flex;flex-wrap:wrap;column-gap:24px;row-gap:8px;}	
.form-radio{display: flex;align-items: center;}
.form-radio input[type=radio]{width: 20px;height: 21px;margin-right: 6px;cursor:pointer;background-size: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-print-color-adjust: exact;background-image: url("../images/common/icon-radio-off.svg");background-repeat: no-repeat;}
.form-radio label{width: calc(100% - 26px);color:#484A4D;cursor:pointer;font-weight:500;}
.form-radio input:checked[type=radio]{background-image: url("../images/common/icon-radio-on.svg");}
.form-radio input:disabled{background-image: url("../images/common/icon-radio-disabled.svg");}
.form-radio input:disabled+label{color:#9A9EA3;}


/* checkbox */
.form-chk-line{display:flex;flex-wrap:wrap;column-gap:24px;row-gap:8px;}	
.form-check{display: flex;align-items: center;}
.form-check input[type=checkbox]{width: 20px;height: 21px;margin-right: 6px;cursor:pointer;background-size: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-print-color-adjust: exact;background-image: url("../images/common/icon-checkbox-off.svg");border-radius:0;background-repeat: no-repeat;}
.form-check label{width: calc(100% - 26px);color:#484A4D;cursor:pointer;font-weight:500;}
.form-check input:checked[type=checkbox]{background-image: url("../images/common/icon-checkbox-on.svg");}
.form-check input:disabled{background-image: url("../images/common/icon-checkbox-disabled.svg");}
.form-check input:disabled+label{color:#9A9EA3;}


/* 아이콘 */
.icon-top{width:30px;height:30px;background:url("../images/common/icon-top.svg");transition:.3s;}
.icon-srch{width:20px;height:20px;background:url("../images/common/icon-srch.svg");}
.icon-user{width:16px;height:16px;background:url("../images/common/icon-user.svg");}
.icon-bread-home{width:17px;height:17px;background:url("../images/sub/icon-bread-home.svg");}
.icon-bread-home-g{width:16px;height:17px;background:url("../images/sub/icon-bread-home-g.svg");}
.icon-certify-phone{width:120px;height:120px;background:url("../images/sub/icon-certify-phone.svg");}
.icon-certify-ipin{width:120px;height:120px;background:url("../images/sub/icon-certify-ipin.svg");}
.icon-join-complete{width:400px;height:240px;background:url("../images/sub/icon-join-complete.svg");}
.icon-center{width:24px;height:24px;background:url("../images/sub/icon-center.svg");}
.icon-util-arr{width:18px;height:18px;background:url("../images/common/icon-util-arr.svg");transition:.3s;}
.icon-srch-w{width:20px;height:20px;background:url("../images/sub/icon-srch-w.svg");}
.icon-file{width:16px;height:16px;background:url("../images/sub/icon-file.svg");}
.icon-file2{width:18px;height:18px;background:url("../images/sub/icon-file2.svg");}
/* .icon-mid-banner-arr{width:20px;height:20px;background:url("../images/main/icon-mid-banner-arr.svg");transition:.3s;} */
.icon-video-b{width:18px;height:18px;background:url("../images/sub/icon-video-b.svg");}
.icon-school1-01{width:80px;height:80px;background:url("../images/sub/icon-school1-01.svg");}
.icon-school1-02{width:80px;height:80px;background:url("../images/sub/icon-school1-02.svg");}
.icon-school1-03{width:80px;height:80px;background:url("../images/sub/icon-school1-03.svg");}
.icon-school2-01{width:80px;height:80px;background:url("../images/sub/icon-school2-01.svg");}
.icon-school2-02{width:80px;height:80px;background:url("../images/sub/icon-school2-02.svg");}
.icon-school2-03{width:80px;height:80px;background:url("../images/sub/icon-school2-03.svg");}
.icon-school3-01{width:80px;height:80px;background:url("../images/sub/icon-school3-01.svg");}
.icon-school3-02{width:80px;height:80px;background:url("../images/sub/icon-school3-02.svg");}
.icon-school3-03{width:80px;height:80px;background:url("../images/sub/icon-school3-03.svg");}
.icon-school4-01{width:80px;height:80px;background:url("../images/sub/icon-school4-01.svg");}
.icon-school4-02{width:80px;height:80px;background:url("../images/sub/icon-school4-02.svg");}
.icon-school4-03{width:80px;height:80px;background:url("../images/sub/icon-school4-03.svg");}
.icon-school5-01{width:80px;height:80px;background:url("../images/sub/icon-school5-01.svg");}
.icon-school5-02{width:80px;height:80px;background:url("../images/sub/icon-school5-02.svg");}
.icon-school5-03{width:80px;height:80px;background:url("../images/sub/icon-school5-03.svg");}
.icon-school6-01{width:80px;height:80px;background:url("../images/sub/icon-school6-01.svg");}
.icon-school6-02{width:80px;height:80px;background:url("../images/sub/icon-school6-02.svg");}
.icon-school6-03{width:80px;height:80px;background:url("../images/sub/icon-school6-03.svg");}
.icon-school7-01{width:80px;height:80px;background:url("../images/sub/icon-school7-01.svg");}
.icon-school7-02{width:80px;height:80px;background:url("../images/sub/icon-school7-02.svg");}
.icon-school7-03{width:80px;height:80px;background:url("../images/sub/icon-school7-03.svg");}
.icon-breadcrumb-arr-g{width:18px;height:19px;background: url("../images/sub/icon-breadcrumb-arr-g.svg");}
.icon-lnb-filter{width:18px;height:19px;background: url("../images/sub/icon-lnb-filter.svg");}
.icon-core-01{width:100px;height:100px;background: url("../images/sub/icon-core-01.svg");}
.icon-core-02{width:100px;height:100px;background: url("../images/sub/icon-core-02.svg");}
.icon-core-03{width:100px;height:100px;background: url("../images/sub/icon-core-03.svg");}
.icon-core-04{width:100px;height:100px;background: url("../images/sub/icon-core-04.svg");}
.icon-exam-noti{width:100px;height:100px;background: url("../images/sub/icon-exam-noti.svg");}
.icon-thumb-og{width:18px;height:18px;background: url("../images/sub/icon-thumb-og.png");}
.icon-round-chk{width:18px;height:18px;background: url("../images/sub/icon-round-chk.svg");}
.icon-biz-system1-sec2-01{width:80px;height:80px;background: url("../images/sub/icon-biz-system1-sec2-01.svg");}
.icon-biz-system1-sec2-02{width:80px;height:80px;background: url("../images/sub/icon-biz-system1-sec2-02.svg");}
.icon-biz-system1-sec2-03{width:80px;height:80px;background: url("../images/sub/icon-biz-system1-sec2-03.svg");}
.icon-biz-system1-sec2-04{width:80px;height:80px;background: url("../images/sub/icon-biz-system1-sec2-04.svg");}
.icon-learning-01{width:60px;height:60px;background: url("../images/sub/icon-learning-01.png");}
.icon-learning-02{width:60px;height:60px;background: url("../images/sub/icon-learning-02.png");}
.icon-learning-03{width:60px;height:60px;background: url("../images/sub/icon-learning-03.png");}
.icon-learning-04{width:60px;height:60px;background: url("../images/sub/icon-learning-04.png");}
.icon-learning-05{width:60px;height:60px;background: url("../images/sub/icon-learning-05.png");}
.icon-learning-06{width:60px;height:60px;background: url("../images/sub/icon-learning-06.png");}
.icon-biz-off-step-01{width:50px;height:50px;background: url("../images/sub/icon-biz-off-step-01.svg");}
.icon-biz-off-step-02{width:50px;height:50px;background: url("../images/sub/icon-biz-off-step-02.svg");}
.icon-biz-off-step-03{width:50px;height:50px;background: url("../images/sub/icon-biz-off-step-03.svg");}
.icon-biz-off-step-04{width:50px;height:50px;background: url("../images/sub/icon-biz-off-step-04.svg");}
.icon-biz-off-step-05{width:50px;height:50px;background: url("../images/sub/icon-biz-off-step-05.svg");}
.icon-biz-learn-step-01{width:50px;height:50px;background: url("../images/sub/icon-biz-learn-step-01.svg");}
.icon-biz-learn-step-02{width:50px;height:50px;background: url("../images/sub/icon-biz-learn-step-02.svg");}
.icon-biz-learn-step-03{width:50px;height:50px;background: url("../images/sub/icon-biz-learn-step-03.svg");}
.icon-biz-learn-step-04{width:50px;height:50px;background: url("../images/sub/icon-biz-learn-step-04.svg");}
.icon-biz-learn-step-05{width:50px;height:50px;background: url("../images/sub/icon-biz-learn-step-05.svg");}
.icon-biz-learn-step-06{width:50px;height:50px;background: url("../images/sub/icon-biz-learn-step-06.svg");}
.icon-bulb{width:20px;height:20px;background: url("../images/sub/icon-bulb.svg");}
.icon-biz-bpo-01{width:54px;height:54px;background: url("../images/sub/icon-biz-bpo-01.svg");}
.icon-biz-bpo-02{width:54px;height:54px;background: url("../images/sub/icon-biz-bpo-02.svg");}
.icon-biz-bpo-03{width:54px;height:54px;background: url("../images/sub/icon-biz-bpo-03.svg");}
.icon-biz-bpo-04{width:54px;height:54px;background: url("../images/sub/icon-biz-bpo-04.svg");}
.icon-sq-chk{width:18px;height:18px;background: url("../images/sub/icon-sq-chk.svg");flex-shrink: 0;}
.icon-biz-complete{width:32px;height:32px;background: url("../images/sub/icon-biz-complete.svg");}
.icon-biz-solution-arr{width:12px;height:12px;background: url("../images/sub/icon-biz-solution-arr.svg");}
.icon-biz-dot-arr{width:32px;height:32px;background: url("../images/sub/icon-biz-dot-arr.svg");}
.icon-biz-solution-process-01{flex-shrink: 0;width:24px;height:24px;background: url("../images/sub/icon-biz-solution-process-01.svg");}
.icon-biz-solution-process-02{flex-shrink: 0;width:24px;height:24px;background: url("../images/sub/icon-biz-solution-process-02.svg");}
.icon-keypoint{width:18px;height:18px;background: url("../images/sub/icon-keypoint.svg");}

.icon-ethical-protect-01{width:80px;height:80px;background:url("../images/sub/icon-ethical-protect-01.svg");}
.icon-ethical-protect-02{width:80px;height:80px;background:url("../images/sub/icon-ethical-protect-02.svg");}
.icon-ethical-protect-03{width:80px;height:80px;background:url("../images/sub/icon-ethical-protect-03.svg");}
.icon-ethical-method-tel{width:20px;height:21px;background:url("../images/sub/icon-ethical-method-tel.svg");}
.icon-ethical-method-fax{width:20px;height:21px;background:url("../images/sub/icon-ethical-method-fax.svg");}
.icon-camera{width:18px;height:18px;background:url("../images/sub/icon-camera.svg");}
.icon-file-b{width:19px;height:18px;background:url("../images/sub/icon-file-b.svg");}
.icon-payment-complete{width:64px;height:64px;background:url("../images/sub/icon-payment-complete.svg");}
.icon-my-email{width:32px;height:32px;background:url("../images/sub/icon-my-email.svg");}
.icon-my-tel{width:32px;height:32px;background:url("../images/sub/icon-my-tel.svg");}
.icon-myinfo-01{width:51px;height:50px;background:url("../images/sub/icon-myinfo-01.svg");}
.icon-myinfo-02{width:51px;height:50px;background:url("../images/sub/icon-myinfo-02.svg");}
.icon-myinfo-03{width:51px;height:50px;background:url("../images/sub/icon-myinfo-03.svg");}
.icon-more{width:18px;height:18px;background:url("../images/sub/icon-more.svg");}
.icon-pick{width:12px;height:12px;background:url("../images/sub/icon-pick.svg");}
.icon-clock-bk{width:18px;height:19px;background:url("../images/sub/icon-clock-bk.svg");}
.icon-clock-bl{width:18px;height:19px;background:url("../images/sub/icon-clock-bl.svg");}
.icon-minus{width:20px;height:20px;background:url("../images/sub/icon-minus.svg");}
.icon-plus{width:20px;height:20px;background:url("../images/sub/icon-plus.svg");}
.icon-sum{width:20px;height:20px;background:url("../images/sub/icon-sum.svg");}
.icon-method-01{width:34px;height:34px;background:url("../images/sub/icon-method-01.svg");}
.icon-method-02{width:34px;height:34px;background:url("../images/sub/icon-method-02.svg");}
.icon-method-03{width:34px;height:34px;background:url("../images/sub/icon-method-03.svg");}
.icon-method-04{width:34px;height:34px;background:url("../images/sub/icon-method-04.svg");}
.icon-wish-clse{width:34px;height:34px;background:url("../images/sub/icon-wish-clse.svg");}
.icon-course-tit{width:30px;height:31px;background:url("../images/sub/icon-course-tit.svg");}
.icon-nps-01{width:50px;height:50px;background:url("../images/sub/icon-nps-01.svg");}
.icon-nps-02{width:50px;height:50px;background:url("../images/sub/icon-nps-02.svg");}
.icon-nps-03{width:50px;height:50px;background:url("../images/sub/icon-nps-03.svg");}
.icon-star-01{width:70px;height:14px;background:url("../images/sub/icon-star-01.svg");}
.icon-star-02{width:70px;height:14px;background:url("../images/sub/icon-star-02.svg");}
.icon-star-03{width:70px;height:14px;background:url("../images/sub/icon-star-03.svg");}
.icon-star-04{width:70px;height:14px;background:url("../images/sub/icon-star-04.svg");}
.icon-star-05{width:70px;height:14px;background:url("../images/sub/icon-star-05.svg");}
.icon-tb-chk{width:16px;height:16px;background:url("../images/sub/icon-tb-chk.svg");}
.icon-practice-01{width:16px;height:17px;background:url("../images/sub/icon-practice-01.svg");}
.icon-practice-02{width:16px;height:17px;background:url("../images/sub/icon-practice-02.svg");}
.icon-govtrain-support{width:26px;height:26px;background:url("../images/sub/icon-govtrain-support.svg");}
.icon-warning{width:18px;height:19px;background:url("../images/sub/icon-warning.svg");}
.icon-cont-top{width:25px;height:25px;background:url("../images/sub/icon-cont-top.svg");}
.icon-exam{width:80px;height:80px;background:url("../images/sub/icon-exam.svg");}
.icon-class-view-01{width:19px;height:18px;background:url("../images/sub/icon-class-view-01.svg");}
.icon-class-view-02{width:18px;height:18px;background:url("../images/sub/icon-class-view-02.svg");}
.icon-class-view-03{width:19px;height:18px;background:url("../images/sub/icon-class-view-03.svg");}
.icon-class-view-04{width:18px;height:18px;background:url("../images/sub/icon-class-view-04.svg");}
.icon-class-view-05{width:19px;height:18px;background:url("../images/sub/icon-class-view-05.svg");}
.icon-class-view-06{width:18px;height:18px;background:url("../images/sub/icon-class-view-06.svg");}
.icon-class-view-07{width:18px;height:18px;background:url("../images/sub/icon-class-view-07.svg");}
.icon-ans-x{width:20px;height:20px;background:url("../images/sub/icon-ans-x.svg");}
.icon-ans-o{width:20px;height:20px;background:url("../images/sub/icon-ans-o.svg");}
.icon-score{width:18px;height:19px;background:url("../images/sub/icon-score.svg");}
.icon-hw-result{width:30px;height:30px;background:url("../images/sub/icon-hw-result.svg");}
.icon-read-prev{width:18px;height:19px;background:url("../images/sub/icon-read-prev.svg");}
.icon-read-prev-no{width:18px;height:19px;background:url("../images/sub/icon-read-prev-no.svg");}
.icon-read-next{width:18px;height:19px;background:url("../images/sub/icon-read-next.svg");}
.icon-read-next-no{width:18px;height:19px;background:url("../images/sub/icon-read-next-no.svg");}
.icon-govt-x{width:27px;height:28px;background:url("../images/sub/icon-govt-x.svg");}
.icon-triangle{width:12px;height:13px;background:url("../images/sub/icon-triangle.svg");}
.icon-sec1-shape{width:156px;height:156px;background:url("../images/sub/icon-sec1-shape.svg");}
.icon-sec1-shape-m{width:34px;height:34px;background:url("../images/sub/icon-sec1-shape-m.svg");}
.icon-sns-youtube{width:26px;height:26px;background:url("../images/common/icon-sns-youtube.svg");}
.icon-sns-insta{width:26px;height:26px;background:url("../images/common/icon-sns-insta.svg");}
.icon-util-center{width:16px;height:16px;background:url("../images/common/icon-util-center.svg");}

.icon-badge-hmg{width:12px;height:12px;background:url("../images/sub/icon-badge-hmg.svg");}
.icon-badge-recom{width:12px;height:12px;background:url("../images/sub/icon-badge-recom.svg");}
.icon-badge-nonface{width:12px;height:13px;background:url("../images/sub/icon-badge-nonface.svg");}
.icon-badge-face{width:12px;height:12px;background:url("../images/sub/icon-badge-face.svg");}
.icon-badge-new{width:12px;height:13px;background:url("../images/sub/icon-badge-new.svg");}
.icon-badge-building{width:13px;height:13px;background:url("../images/sub/icon-badge-building.svg");}
.icon-badge-thumb{width:12px;height:12px;background:url("../images/sub/icon-badge-thumb.svg");}
.icon-badge-kdt{width:12px;height:13px;background:url("../images/sub/icon-badge-kdt.svg");}
.icon-badge-level{width:12px;height:13px;background:url("../images/sub/icon-badge-level.svg");}
.icon-badge-learning{width:12px;height:12px;background:url("../images/sub/icon-badge-learning.svg");}
.icon-badge-match{width:12px;height:13px;background:url("../images/sub/icon-badge-match.svg");}
.icon-badge-tomorrow{width:12px;height:13px;background:url("../images/sub/icon-badge-tomorrow.svg");}
.icon-badge-sesac{width:12px;height:13px;background:url("../images/sub/icon-badge-sesac.svg");}
.icon-badge-basic{width:12px;height:13px;background:url("../images/sub/icon-badge-basic.svg");}
.icon-badge-lifetime{width:12px;height:13px;background:url("../images/sub/icon-badge-lifetime.svg");}
.icon-badge-ggd{width:12px;height:13px;background:url("../images/sub/icon-badge-ggd.svg");}
.icon-badge-kpc{width:12px;height:13px;background:url("../images/sub/icon-badge-kpc.svg");}
.icon-badge-sup{width:12px;height:13px;background:url("../images/sub/icon-badge-sup.svg");}
.icon-govt-step-01{width:24px;height:24px;background:url("../images/sub/icon-govt-step-01.svg");}
.icon-govt-step-02{width:24px;height:24px;background:url("../images/sub/icon-govt-step-02.svg");}
.icon-govt-step-03{width:24px;height:24px;background:url("../images/sub/icon-govt-step-03.svg");}
.icon-govt-step-04{width:24px;height:24px;background:url("../images/sub/icon-govt-step-04.svg");}
.icon-govt-step-05{width:24px;height:24px;background:url("../images/sub/icon-govt-step-05.svg");}
.icon-prior{width:18px;height:19px;background:url("../images/sub/icon-prior.svg");}
.icon-govt-chk{width:18px;height:18px;margin-top: 4px;background:url("../images/sub/icon-govt-chk.svg");}
.icon-course-type-01{width:34px;height:34px;background:url("../images/sub/icon-course-type-01.svg");}
.icon-course-type-02{width:34px;height:34px;background:url("../images/sub/icon-course-type-02.svg");}
.icon-course-type-03{width:34px;height:34px;background:url("../images/sub/icon-course-type-03.svg");}
.icon-course-type-04{width:34px;height:34px;background:url("../images/sub/icon-course-type-04.svg");}
.icon-course-type-05{width:34px;height:34px;background:url("../images/sub/icon-course-type-05.svg");}
.icon-course-type-06{width:34px;height:34px;background:url("../images/sub/icon-course-type-06.svg");}
.icon-pay-01{width:34px;height:34px;background:url("../images/sub/icon-pay-01.svg");}
.icon-pay-02{width:34px;height:34px;background:url("../images/sub/icon-pay-02.svg");}
.icon-pay-03{width:34px;height:34px;background:url("../images/sub/icon-pay-03.svg");}
.icon-pay-04{width:34px;height:34px;background:url("../images/sub/icon-pay-04.svg");}
.icon-history-v{width:42px;height:43px;background:url("../images/sub/icon-history-v.svg");}
.icon-vision-mo-shape{width:33px;height:34px;background:url("../images/sub/icon-vision-mo-shape.svg");transition:.3s;}
.icon-pw-inp{width:80px;height:80px;background:url("../images/sub/icon-pw-inp.svg");}

.icon-circle-chk{width:18px;height:18px;background:url("../images/sub/icon-circle-chk.svg");}
.icon-month-prev{width:40px;height:40px;background:url("../images/sub/icon-month-prev.svg");}
.icon-map{width:24px;height:24px;background:url("../images/sub/icon-map.svg");}
.icon-subway{width:24px;height:24px;background:url("../images/sub/icon-subway.svg");}
.icon-allmenu{width:34px;height:34px;background:url("../images/common/icon-allmenu.svg");}
.icon-clse{width:34px;height:34px;background:url("../images/common/icon-clse.svg");}
.icon-util-srch{width:34px;height:34px;background:url("../images/common/icon-util-srch.svg");}
.icon-logout{width:19px;height:18px;background:url("../images/common/icon-logout.svg");}
.icon-allmenu-tech{width:18px;height:18px;background:url("../images/common/icon-allmenu-tech.svg");}
.icon-gnb-dp2-arr{width:18px;height:19px;background:url("../images/common/icon-gnb-dp2-arr.svg");}
.icon-new{width:16px;height:16px;background:url("../images/sub/icon-new.svg");}
.icon-lock{width:16px;height:16px;background:url("../images/sub/icon-lock.svg");}
.icon-schedule-prev{width:40px;height:40px;background:url("../images/sub/icon-schedule-prev.svg");}
.icon-schedule-next{width:40px;height:40px;background:url("../images/sub/icon-schedule-next.svg");}
.icon-total-srch-arr{width:20px;height:21px;background:url("../images/sub/icon-total-srch-arr.svg");}
.icon-nodata{width:60px;height:60px;background:url("../images/sub/icon-nodata.svg");}
.icon-calendar-gr{width:14px;height:15px;background:url("../images/sub/icon-calendar-gr.svg");}
/* .icon-quick-01{width:70px;height:70px;background:url("../images/main/icon-quick-01.svg");}
.icon-quick-02{width:70px;height:70px;background:url("../images/main/icon-quick-02.svg");}
.icon-quick-03{width:70px;height:70px;background:url("../images/main/icon-quick-03.svg");}
.icon-quick-04{width:70px;height:70px;background:url("../images/main/icon-quick-04.svg");}
.icon-quick-05{width:70px;height:70px;background:url("../images/main/icon-quick-05.svg");}
.icon-quick-06{width:70px;height:70px;background:url("../images/main/icon-quick-06.svg");}
.icon-quick-07{width:70px;height:70px;background:url("../images/main/icon-quick-07.svg");}
.icon-quick-08{width:70px;height:70px;background:url("../images/main/icon-quick-08.svg");}
.icon-quick-09{width:70px;height:70px;background:url("../images/main/icon-quick-09.svg");} */
.icon-download-yl{width:18px;height:18px;background:url("../images/sub/icon-download-yl.svg");flex-shrink: 0;}
.icon-download-og{width:24px;height:24px;background:url("../images/sub/icon-download-og.svg");}
.icon-download-w{width:18px;height:18px;background:url("../images/main/icon-download-w.svg");}
.icon-download-bk{width:16px;height:16px;background:url("../images/sub/icon-download-bk.svg");}
.icon-download-b{width:24px;height:24px;background:url("../images/sub/icon-download-b.svg");}
.icon-course-relevant{width:26px;height:27px;margin-right:8px;background:url("../images/sub/icon-course-relevant.svg");}
.icon-main-title-01{width:30px;height:30px;background:url("../images/main/icon-main-title-01.svg");}
.icon-main-title-02{width:30px;height:30px;background:url("../images/main/icon-main-title-02.svg");}
.icon-main-title-03{width:30px;height:30px;background:url("../images/main/icon-main-title-03.svg");}
.icon-emoji{width:20px;height:20px;background:url("../images/main/icon-emoji.svg");}
.icon-edu-toggle-arr{width:34px;height:34px;background:url("../images/main/icon-edu-toggle-arr.svg");}
.icon-clse-sm{width:12px;height:12px;background:url("../images/sub/icon-clse-sm.svg");}
.icon-link-arr{width:20px;height:21px;background:url("../images/main/icon-link-arr.svg");transition:.3s;}


.icon-clock{width:18px;height:19px;background:url("../images/main/icon-clock.svg");}
.icon-list{width:19px;height:19px;background:url("../images/main/icon-list.svg");}
/* .icon-main-school-01{width:116px;height:86px;background:url("../images/main/icon-main-school-01.png");}
.icon-main-school-02{width:116px;height:86px;background:url("../images/main/icon-main-school-02.png");}
.icon-main-school-03{width:116px;height:86px;background:url("../images/main/icon-main-school-03.png");}
.icon-main-school-04{width:116px;height:86px;background:url("../images/main/icon-main-school-04.png");}
.icon-main-school-05{width:116px;height:86px;background:url("../images/main/icon-main-school-05.png");}
.icon-main-school-06{width:116px;height:86px;background:url("../images/main/icon-main-school-06.png");}
.icon-main-school-07{width:116px;height:86px;background:url("../images/main/icon-main-school-07.png");} */
.icon-clock-b{width:18px;height:18px;background:url("../images/sub/icon-clock-b.svg");}
.icon-course-info-01{width:19px;height:19px;background:url("../images/common/icon-course-info-01.svg");}
.icon-course-info-02{width:19px;height:19px;background:url("../images/common/icon-course-info-02.svg");}
.icon-course-info-03{width:19px;height:19px;background:url("../images/common/icon-course-info-03.svg");}
.icon-course-info-04{width:19px;height:19px;background:url("../images/common/icon-course-info-04.svg");}
.icon-wish{width:23px;height:23px;background:url("../images/sub/icon-wish.svg");}
.active .icon-wish{width:23px;height:23px;background:url("../images/sub/icon-wish-on.svg");}
.icon-wish-lg{width:26px;height:26px;background:url("../images/sub/icon-wish-lg.svg");}
.active .icon-wish-lg{width:26px;height:26px;background:url("../images/sub/icon-wish-lg-on.svg");}
.icon-fix-wish{width:34px;height:34px;background:url("../images/common/icon-fix-wish.svg");}
.icon-lnb-clse{width:30px;height:30px;background:url("../images/sub/icon-lnb-clse.svg");}

.icon-sub-menu-arr{width:18px;height:18px;background:url("../images/sub/icon-sub-menu-arr.svg");}
.icon-hits{width:16px;height:17px;background:url("../images/sub/icon-hits.svg");}
.icon-reset{width:16px;height:16px;background:url("../images/sub/icon-reset.svg");}
.icon-file-image{width:16px;height:16px;background:url("../images/sub/icon-file-image.svg");}
.icon-file-file{width:16px;height:16px;background:url("../images/sub/icon-file-file.svg");}
.icon-file-hwp{width:16px;height:16px;background:url("../images/sub/icon-file-hwp.svg");}
.icon-file-word{width:16px;height:16px;background:url("../images/sub/icon-file-word.svg");}
.icon-file-excel{width:16px;height:16px;background:url("../images/sub/icon-file-excel.svg");}
.icon-vision-future-01{width:101px;height:100px;background:url("../images/sub/icon-vision-future-01.svg");}
.icon-vision-future-02{width:100px;height:100px;background:url("../images/sub/icon-vision-future-02.svg");}
.icon-vision-future-03{width:100px;height:100px;background:url("../images/sub/icon-vision-future-03.svg");}
.icon-vision-future-04{width:100px;height:100px;background:url("../images/sub/icon-vision-future-04.svg");}
.icon-vision-future-05{width:100px;height:100px;background:url("../images/sub/icon-vision-future-05.svg");}
.icon-vision-future-06{width:100px;height:100px;background:url("../images/sub/icon-vision-future-06.svg");}
.icon-school-title-bk{width:26px;height:26px;background:url("../images/sub/icon-school-title-bk.svg");}
.icon-school-title-w{width:26px;height:26px;background:url("../images/sub/icon-school-title-w.svg");}
.icon-link{width:16px;height:16px;background:url("../images/sub/icon-link.svg");}
.icon-classmenu-01{width:28px;height:28px;background:url("../images/sub/icon-classmenu-01.svg");}
.active > a .icon-classmenu-01{background:url("../images/sub/icon-classmenu-01-on.svg");}
.icon-classmenu-02{width:28px;height:28px;background:url("../images/sub/icon-classmenu-02.svg");}
.active > a .icon-classmenu-02{background:url("../images/sub/icon-classmenu-02-on.svg");}
.icon-classmenu-03{width:28px;height:28px;background:url("../images/sub/icon-classmenu-03.svg");}
.active > a .icon-classmenu-03{background:url("../images/sub/icon-classmenu-03-on.svg");}
.icon-classmenu-04{width:28px;height:28px;background:url("../images/sub/icon-classmenu-04.svg");}
.active > a .icon-classmenu-04{background:url("../images/sub/icon-classmenu-04-on.svg");}
.icon-classmenu-05{width:28px;height:28px;background:url("../images/sub/icon-classmenu-05.svg");}
.active > a .icon-classmenu-05{background:url("../images/sub/icon-classmenu-05-on.svg");}
.icon-classmenu-06{width:28px;height:28px;background:url("../images/sub/icon-classmenu-06.svg");}
.active > a .icon-classmenu-06{background:url("../images/sub/icon-classmenu-06-on.svg");}
.icon-classmenu-07{width:28px;height:28px;background:url("../images/sub/icon-classmenu-07.svg");}
.active > a .icon-classmenu-07{background:url("../images/sub/icon-classmenu-07-on.svg");}
.icon-classmenu-08{width:28px;height:28px;background:url("../images/sub/icon-classmenu-08.svg");}
.active > a .icon-classmenu-08{background:url("../images/sub/icon-classmenu-08-on.svg");}
.icon-classmenu-09{width:28px;height:28px;background:url("../images/sub/icon-classmenu-09.svg");}
.active > a .icon-classmenu-09{background:url("../images/sub/icon-classmenu-09-on.svg");}
.icon-classmenu-10{width:28px;height:28px;background:url("../images/sub/icon-classmenu-10.svg");}
.active > a .icon-classmenu-10{background:url("../images/sub/icon-classmenu-10-on.svg");}
.icon-class-out{width:18px;height:18px;background:url("../images/sub/icon-class-out.svg");}
.icon-class-allmenu{width:18px;height:18px;background:url("../images/sub/icon-class-allmenu.svg");}
[class^=icon-]{display: inline-block;vertical-align: middle;background-repeat: no-repeat !important;background-position: 50% 50% !important;background-size: 100% !important;}

/* swiper */
.swiper-pagination-bullet{opacity:1 !important;}
.swiper-button-next,.swiper-button-prev {display: none;}
.swiper-button-next svg,.swiper-button-prev svg{display:none;}
.swiper-button-disabled{opacity:0.35 !important;}



/* header */
.header {position:fixed;z-index:999;width: 100%;left: 0;top: 0;border-bottom: 1px solid #E4E8ED;transition: ease 0.4s;background: #fff;box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.02);}
/* .header::after{display: block;position: absolute;left: 0;top: 135px;z-index: 1;width: 100%;height: 0;background: #F7F9FC;border-top:1px solid #E0E7ED;content: '';transition: height .2s;}
.header:hover::after{height:338px;} */

.header-top{display:flex;align-items:center;justify-content:space-between;padding:12px 12px;}
.header-top .lf{display:flex;gap:20px;align-items:center;}
.header-top .lf .srch-box{position:relative;width:420px;padding:11.5px 20px;border-radius:48px;background-color: #F3F5F9;transition: width .3s;}
.header-top .lf .srch-box input{width: calc(100% - 27px);padding:0;border:0;background-color:transparent;}
.header-top .lf .srch-box button{position:absolute;top:50%;right:20px;transform:translateY(-50%);}
.util-box{display:flex;gap:8px;}
.util-box a{display:flex;align-items:center;gap:4px;font-size:14px;line-height:21px;padding: 8px;}
.util-box .sns-list{display:flex;gap:6px;align-items:center;}
.util-box .btn-sns{font-weight: 700;color: #484A4D;padding: 4px;}
.util-box .btn{display: flex;align-items: center;gap: 4px;}
.util-box .btn-my-menu.active .icon-util-arr{transform:rotate(180deg);}
.my-select-box{position:relative;z-index:3;}
.my-select-box .my-select {position:absolute;width: 157px;left: 0;top:46px;display:flex;flex-direction:column;padding:8px 10px;border-radius:6px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);background-color: #FFFFFF;}
.my-select-box .my-select li a{display:inline-block;width:100%;padding:8px;border-radius:6px;color:#484A4D;font-size:13px;line-height:19px;transition: background .3s;}
.my-select-box .my-select li a:hover{background-color: #EFF0F3;}

.util-box-m{display:none;gap:6px;align-items: center;font-size: 14px;line-height: 21px;}

/* 통합검색 */
.total-srch-wrap{display:none;position:absolute;z-index:99;top:0;left: 0;height:100vh;width: 100%;align-items: center;justify-content: center;flex-direction: column;gap: 16px;border-bottom:1px solid #EBEBEB;background: #fff;}
.total-srch-wrap.active{display:block;}
.total-srch-wrap .top{padding: 12px 16px;width:100%;border-bottom:1px solid #E4E8ED;}
.total-srch-wrap .top img{height:36px;}
.total-srch-wrap h2{padding:40px 0 16px;text-align:center;font-weight: 700;font-size: 22px;line-height:33px;}
.total-srch-wrap .srch-wrap{display:flex;width:calc(100% - 32px);padding:13.5px 20px;margin: 0 auto;justify-content: space-between;background-color: #F3F5F9;border-radius:48px;overflow:hidden;}
.total-srch-wrap .srch-wrap input{width:calc(100% - 34px);padding:0;border-radius: 0;font-size: 14px;line-height: 21px;border:0;background-color: #F3F5F9;}
.total-srch-wrap .srch-wrap button{display:flex;}
.total-srch-wrap .btn-clse{position:absolute;top:12px;right:16px;}


/* gnb */
.gnb-wrap{}
.gnb .dp1{display:flex;gap:10px;}
.gnb .dp1 > li> a{position:relative;display:flex;align-items:center;width:140px;font-size:16px;padding: 16px 10px;font-weight:700;line-height:24px;}
.gnb .dp1 > li> a.active,.gnb .dp1 > li:hover> a{color:#2881FF;}
.gnb .dp1 >li >a::after{display:block;width:0;height:2px;position:absolute;bottom:0;left:50%;content:'';background:#2881FF;transition:.3s;}
.gnb .dp1 >li >a:hover::after,.header .gnb .dp1 >li >a.active::after{left:0;width:100%;}

.gnb .dp2-wrap{opacity: 0;visibility: hidden;position: absolute;padding:40px 0;top: 135px;background: linear-gradient(180deg, #FEFEFE 0%, #F5F8FF 100%);width: 100%;left: 0;}
.gnb .dp2-wrap.active{opacity: 1;visibility: visible;}
.gnb .dp2-wrap .container{display:flex;gap:24px;align-items: center;}
.gnb .dp2-wrap .dp1-title-box{display:flex;flex-direction:column;align-items: flex-start;gap:8px;padding:40px 0;width:256px;}
.gnb .dp2-wrap .dp1-title-box .dp1-title{font-weight: 700;font-size: 30px;line-height: 42px;}
.gnb .dp2-wrap .dp1-title-box .dp1-text{color:#6A6C70;font-weight: 500;font-size: 14px;line-height: 21px;}
.gnb .dp2-wrap .dp1-title-box .btn{margin-top:16px;}
.gnb .dp2-wrap .dp2-list{display:flex;gap:20px;width: calc(100% - 280px);flex-wrap:wrap;}
.gnb .dp2-wrap .dp2-list >li{width:160px; }
.gnb .dp2-wrap .dp2-list >li> a{display: inline-block;border-bottom:1px solid #E4E8ED;width:100%;padding:8px;font-weight: 700;font-size: 14px;line-height: 21px;}
.support-gnb .dp2-list li> a{height:100%;}
.gnb .dp2-wrap .dp2-list >li:hover> a{color:#2881FF;}
.gnb .dp2-wrap .dp2-list .dp3-list{display:flex;flex-direction:column;gap:4px;padding:8px 0;}
.gnb .dp2-wrap .dp2-list .dp3-list li a{display: inline-block;width:100%;padding:5px 8px;color:#484A4D;font-size:13px;line-height:19px;transition:.3s;}
.gnb .dp2-wrap .dp2-list .dp3-list li a:hover{color:#2881FF;background-color: #DEEDFC;border-radius:6px;}


.gnb .dp2{display:flex;flex-direction:column;gap:15px;position:absolute;width: 120px;padding:40px 0;;transition: height .3s;visibility: hidden;}
.header:hover .gnb .dp2{visibility: visible;}
.gnb .dp2 >li{width:100%;}
.gnb .dp2 >li> a{display:block;position:relative;z-index:2;color:#2881FF;}
.gnb .dp1 > li .icon{position:relative;display: inline-block;width: 16px;height: 16px;margin-left: 4px;}
.gnb .dp1 > li .icon::before{display:inline-block;position:absolute;left:0;width:16px;height:16px;background: url("../images/sub/icon-gnb-tech-01.svg")no-repeat;content:'';}
.gnb .dp1 > li .icon::after{display:inline-block;position:absolute;right:0;width:16px;height:16px;background: url("../images/sub/icon-gnb-tech-02.svg")no-repeat;content:'';}
.gnb .dp1 > li:hover .icon::before{animation: gnbAni .5s ease-in-out alternate;}
.gnb .dp1 > li:hover .icon::after{animation: gnbAni2 .5s ease-in-out alternate;}
@keyframes gnbAni{
	0% {
		opacity:0;
		left:-10px;
	}
	60% {
		opacity:1;
		left:0;
	}
	100% {
	transform:rotate(180deg);
	}
}

@keyframes gnbAni2{
	0% {
		opacity:0;
		right:-10px;
	}
	60% {
		opacity:1;
		right:0;
	}
	100% {
	transform:rotate(180deg);
	}
}




/* allmenu */
.header .all-menu{position: fixed;top:0;left:0;opacity:0;width: 100%;height: 0;background:#fff;z-index: 999;transition: height .3s, opacity .3s;visibility: hidden;}
.header .all-menu.active{height:100vh;visibility: visible;opacity: 1;transition: height .3s;}
.header .all-menu .top{padding:12px 16px;border-bottom: 1px solid #E4E8ED;background-color: #fff;}
.header .all-menu .top img{height:36px;}
.header .all-menu .btn-clse{display:flex;align-items:center;justify-content:center;position:absolute;top:12px;right:16px;}
.header .all-menu .user-top{padding:40px 0 16px;}
.header .all-menu .user-top .title{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;color:#6A6C70;font-size:14px;line-height:21px;}
.header .all-menu .user-top strong{font-weight: 700;font-size: 22px;line-height: 33px;color:#202020;}
.header .all-menu .user-top .btns .btn{flex:1;gap:4px;}

.header .all-gnb{display:flex;}
.header .all-gnb .dp1-box{padding:16px 8px;width:156px;height:100vh;background-color:#F3F5F9; border-radius:0 24px 0 0;overflow:hidden;}
.header .all-gnb .dp1-box ul{display:flex;flex-direction:column;gap:8px;}
.header .all-gnb .dp1-box ul li{}
.header .all-gnb .dp1-box ul li span{display:flex;gap:4px;align-items:center;width:100%;padding:10px;transition:.3s;border-radius:8px;font-weight: 700;font-size: 16px;line-height: 24px;}
.header .all-gnb .dp1-box ul li:hover span,.header .all-gnb .dp1-box ul li.active span{background-color:#E5E8EE;color:#2881FF;}
.header .all-gnb .dp2-box{flex: 1;padding:16px;}
.header .all-gnb .dp2-box li span{display:flex;align-items:center;justify-content:space-between;padding:10px 8px;width:100%;font-size: 14px;word-break: break-all;line-height: 21px;font-weight: 700;border-bottom:1px solid #E4E8ED;}
.header .all-gnb .dp3-list{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-bottom:1px solid #E4E8ED;}
.header .all-gnb .dp3-list a{display:inline-block;padding:5px 8px;width:100%;border-radius:6px;font-size:13px;line-height:19px;transition:.3s;}
.header .all-gnb .dp3-list li.active a,.header .all-gnb .dp3-list li:hover a{background-color:#DEEDFC;color:#2881FF;}
.header .all-gnb .sns-list{display: flex;flex-direction: column;gap: 13px;padding: 15px 0;}
.header .all-gnb .sns-list a{display: flex;align-items:center;gap:5px;padding: 0 10px;}

/* footer */
.footer{}
.footer .foot-top{padding:16px 0 15px;background-color: #5D6670;    border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.foot-top .foot-menu{display:flex;align-items:center;row-gap: 4px;flex-wrap: wrap;}
.foot-top .foot-menu a{display:flex;align-items:center;color:#E0E3E7;font-weight:500;font-size:15px;line-height:23px;}
.foot-top .foot-menu a.privacy{color:#fff;font-weight:700;}
.foot-top .foot-menu a::after{display:inline-block;width:1.5px;height:10px;margin:0 16px;content:'';background:rgba(255, 255, 255, 0.4);}
.foot-top .foot-menu li:last-child a::after{display:none;}
.foot-top .foot-menu .privacy{color:#fff;font-weight:700;}
.foot-btm{padding:30px 0 26px;background-color: #F0F4F9;} 
.foot-btm .foot-info{border-bottom:1px solid #D8DBDF;color:#6A6C70;font-size:14px;line-height:21px;} 
.foot-btm .foot-link{display:flex;justify-content:space-between;align-items: flex-start;}
.foot-btm .sns-list{display:flex;gap:8px;}
.foot-btm .addr{padding:16px 0;} 
.foot-btm .foot-awards{display:flex;flex-wrap:wrap;gap:24px;padding:16px 0 0;color:#484A4D;font-size:12px;line-height:18px;} 
.foot-btm .foot-awards li{display:flex;gap:8px;width:calc((100% - 48px) / 3);align-items:center;}
.foot-btm .foot-awards li .desc{display:flex;flex-direction:column;}
.foot-btm .foot-awards li .desc p{display:flex;align-items:center;}
.foot-btm .foot-awards li .desc span+span::before{display: inline-block;margin:0 4px;width:1.5px;height:10px;background-color: #484A4D;content:'';}

.btn-top {opacity:0;position:fixed;bottom:0;right:1%;z-index: 99;display: flex;align-items: center;flex-direction: column;justify-content: center;width:60px;height: 60px;padding: 10px 0 8px;border-radius:100%;font-weight: 700;color:#fff;background: #202020;border: 1px solid rgba(255, 255, 255, 0.2);transition:.3s;}
.btn-top:hover i{transform:translateY(-5px);}
.btn-top.on {opacity: 1;bottom:20%;}

/* ----------------------------------media -------------------*/
/* ----------------------------------media 1300px-------------------*/
@media (max-width: 1300px) { 
.util-box {gap: 6px;}
.util-box a{text-align:center;}
}

/* ----------------------------------media 1200px-------------------*/
@media (max-width: 1200px) { 
.header-top .lf .srch-box{width:290px;}
}

/* ----------------------------------media 1024px-------------------*/
@media (max-width: 1024px) { 
.d-md-none{display:none;}
.d-md-block{display:block;}
#container{margin-top:60px;}
.container{padding:0 16px;}

input[type="text"], input[type="tel"], input[type="password"], input[type="email"], input[type="date"] {padding: 9px 12px;font-size:14px;line-height:21px;border-radius: 6px;}
select {height: 40px;border-radius: 6px;}
textarea {height: 200px;padding: 9px 12px;}
.nodata {padding: 20px 0 !important;}
.nodata-img .text1{margin: 10px 0 5px;font-size: 14px;line-height: 21px;}

.form-check label{font-size: 15px;}
.form-radio label{font-size: 15px;}

/* btn */
.btn{border-radius:6px;}
/* .btn-md {padding: 7.5px;line-height: 23px;font-size: 15px;} */
.btn-md {padding: 8px 10px;line-height: 22px;font-size: 14px;}
.btn-lg {padding: 10px 8px;font-size: 16px;line-height: 26px;}
.btn3{flex-wrap:wrap;gap:7px;}
.btn3 >button{width:100%;}
.btn3 .btns{width:100%;}
.btn3 .w-180{width:100% !important;}
.btns{width:100%;}
.btns .w-180{flex:1;}


/* select.js */
.select2-container--default .select2-selection--single {border-radius: 6px !important;height: 40px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {padding: 9px 12px !important;}
.select2-results__option{padding: 9px 12px !important;}
/* icon */
.icon-schedule-prev{width:30px;height:30px;}
.icon-schedule-next{width:30px;height:30px;}
.icon-nodata {width: 50px;height: 50px;}
/* .icon-quick-01{width:50px;height:50px;}
.icon-quick-02{width:50px;height:50px;}
.icon-quick-03{width:50px;height:50px;}
.icon-quick-04{width:50px;height:50px;}
.icon-quick-05{width:50px;height:50px;}
.icon-quick-06{width:50px;height:50px;}
.icon-quick-07{width:50px;height:50px;}
.icon-quick-08{width:50px;height:50px;}
.icon-quick-09{width:50px;height:50px;} */
.icon-fix-wish {width: 25px;height: 25px;}
.icon-join-complete {width: 270px;height: 150px;}
.icon-top {width: 25px;height: 25px;}
.icon-emoji{width:19px;height:19px;}
.icon-link-arr {width: 15px;height: 16px;margin-top: 5px;}
.icon-edu-toggle-arr {width: 25px;height: 25px;}
.icon-tb-chk {width: 10px;height: 10px;}
.icon-cont-top{width: 20px;height: 20px;}
.icon-exam {width: 50px;height: 50px;}
.icon-hw-result {width: 25px;height: 25px;}
.icon-govt-x {width: 19px;height: 20px;}
.icon-govtrain-support {width: 20px;height: 20px;}
.icon-history-v{width: 29px;height: 30px;}
/* .icon-sns-insta{width: 30px;height: 30px;}
.icon-sns-youtube{width: 30px;height: 30px;} */

/* form-radio */
.form-radio-line {display: flex;flex-wrap: wrap;column-gap: 20px;row-gap: 10px;}

/* header */
.header{box-shadow:none;}
.header::after{display:none;}
.header >.container{justify-content: space-between;padding: 8px 16px;}
.header-top{padding:12px 16px;}
.header .top-link{padding:9px 0;}
.header .top-link a{width: auto;padding: 4.5px 12px;font-size: 13px;line-height:19px;border-radius: 30px;}
.header .logo img{height:36px;}
.util-box {gap: 0;}
/* .util-box a:not(.btn-all-menu){display:none;} */
.util-box a i{width:35px;height:35px;}
.util-box a span{visibility: hidden;font-size:0;line-height:0;}
.gnb{display:none;}
.gnb .dp2{display:none;}
.header-top .lf .srch-box{display:none;}
.util-box-pc{display:none;}
.util-box-m{display:flex;}


/* footer */
.footer .foot-top{padding: 10px 0 9px;}
.foot-top .foot-menu a{font-size: 14px;line-height: 21px;}
.foot-btm .foot-info img{height:36px;}
.footer .foot-btm{font-size: 14px;line-height: 21px;}
.footer .foot-btm .addr{padding: 10px 0 16px;width: 100%;font-size: 13px;line-height: 20px;word-break: keep-all;}
.foot-btm .foot-awards{/* flex-direction: column; */gap: 10px;}
.foot-btm .foot-awards li{width: calc((100% - 48px) / 2);}
.btn-top{width: 40px;height: 40px;padding:0;}

}

/* ----------------------------------media 768px-------------------*/
@media (max-width: 768px) { 
.foot-btm .foot-awards li{width: 100%;}

}

/* ----------------------------------media 420px-------------------*/
@media (max-width: 420px) { 
.course-list .co-badge{align-items: center;justify-content: center;font-size:0;line-height:0;gap: 0;padding: 0;border-radius: 24px;width: 26px;height: 24px;}
.header .all-gnb .dp1-box {width: 125px;}
.header .all-gnb .dp2-box {width: calc(100% - 125px);}

}