@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: "Pretendard",sans-serif;word-break: break-word;font-weight:400; font-size:15px; color:#212529; background-color: #FFFFFF;letter-spacing: -0.01em;line-height:22px;}
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;color: #353849;}
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:#212529;}
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{appearance: none;-moz-appearance: textfield; -webkit-appearance: none;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none !important;margin: 0;}
input[type="checkbox"], input[type="radio"]{border:0px;}
picture{display: block;text-align: center;}
input[type="text"],input[type="tel"],input[type="password"],input[type="email"],input[type="date"]{padding:12px;min-height: 48px;font-family: "Pretendard";font-size: 15px;line-height: 22px;letter-spacing: -0.01em;color:#212529;border-radius:8px;border:1px solid #D9D9D9;}
input:disabled{background-color: #EEF0F4;color:#AAAFBC;cursor:auto;}
/* .error-inp{border-color:#F63D68 !important;background-color: #FFF1F3 !important;color:#F63D68 !important;}
.error-inp-text{margin:4px;color:#F63D68;font-size:12px;line-height:28px;}
.right-inp{border-color:#5993FB !important;background-color: #ecf3ff !important;color: #5993FB !important;}
.right-inp-text{margin:4px;color:#5993FB;font-size:12px;line-height:28px;} */
/* a:focus, button:focus,input:focus,select:focus,textarea:focus{box-shadow: 0 0 0 1px #E3E3E3 inset !important;outline:none;} */
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:140px;padding:8px 16px;resize:none;font-family: 'Pretendard';border:1px solid #D9D9D9;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: "Pretendard";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;} */

.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-img{display: flex;flex-direction:column;align-items: center;width: 100%;gap:12px;justify-content:center;padding:24px;text-align:center;border:1px solid #EAEAEA;background-color: #F9FAFB;border-radius:8px;color:#9A9EA3;font-weight:500;}
/* .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;} */

/* select custom common */
.custom-select-com {position: relative;/* font-size: 16px;color:#4C5053; */}
.custom-select-com .select-btn {width: 100%;padding: 9px 12px;height: 48px;line-height: 22px;;border: 1px solid #D9D9D9;color:#4C5053;border-radius: 8px;background: #fff;text-align: left;cursor: pointer;position: relative;}
.custom-select-com .select-btn.selected{color:#212529;border-color:#212529;}
.custom-select-com .select-btn .icon-select-arr {position: absolute;right: 12px;top: 50%;transform: translateY(-50%);}
.custom-select-com.active .select-btn .icon-select-arr{transform: translateY(-50%) rotate(180deg);} 
.custom-select-com .select-options {position: absolute;top: calc(100% + 8px);left: 50%;transform: translateX(-50%);width:100%;background: #fff;box-shadow: 0px 0px 30px 0px #E7EAF4;border:1px solid #D9D9D9;border-radius:8px;max-height: 0;opacity: 0;overflow: hidden;transition: max-height 0.25s ease, opacity 0.25s ease;z-index: 10;}
.custom-select-com.active .select-options {max-height: 222px;opacity: 1;overflow-y: auto;}
.custom-select-com .select-options li {position: relative;padding: 13px 10px;cursor: pointer;font-weight:500;transition: background 0.2s ease;color: #4C5053;font-size:15px;line-height:22px;}
.custom-select-com .select-options li:hover {background:#E3E8EA;}

.main #container{margin-top:-100px;}
.main .container{max-width: 1432px;padding:0 16px;margin:0 auto;}
.container{max-width: 1372px;padding:0 16px;margin:0 auto;}
.sub-container{max-width:1232px;padding:0 16px;margin:0 auto;}

.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.4);}
.dim.active{visibility: visible;opacity: 1;transition: visibility 0.3s, opacity 0.3s;}
.d-none{display:none;}
.d-flex{display:flex;}
.d-block{display:block;}
.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;}
.text-start{text-align:left !important;}
.text-center{text-align:center !important;}
.text-end{text-align:right !important;}
.m-auto{margin:0 auto;}
.m-0{margin:0 !important;}
.mt-0{margin-top:0 !important;}
.mw-n{max-width:none !important;}
.mb-30{margin-bottom:30px;}
.mb-0{margin-bottom:0 !important;}
.w-220px{width:220px;}
.w-100{width:100% !important;}
.cusor-p{cursor:pointer;}

/* scroll-bar */
.scroll-bar{overflow:auto;scrollbar-width: thin; /* firefox */scrollbar-color: #BABFC3 #E3E8EA;}
.scroll-bar::-webkit-scrollbar:vertical {width: 6px;}
.scroll-bar::-webkit-scrollbar:horizontal {height: 6px;}
.scroll-bar::-webkit-scrollbar {background-color: #E3E8EA;}
.scroll-bar::-webkit-scrollbar-thumb {border-radius: 50px;background-color: #BABFC3;}
.scroll-bar::-webkit-scrollbar-button {display: none;width: 0;height: 0;}
.scroll-bar::-webkit-scrollbar-track {background-color: #E3E8EA;border-radius: 50px;}

/* placeholder */
input:-internal-autofill-selected{background:none;}
::placeholder{color: #A5A7AA !important; opacity:1;font-weight: 400;font-size: 15px;line-height: 22px;font-family: 'Pretendard';letter-spacing: -0.01em;;}
:-ms-input-placeholder{color: #A5A7AA !important; opacity:1;font-weight: 400;font-size: 15px;line-height: 22px;font-family: 'Pretendard';letter-spacing: -0.01em;}
::-ms-input-placeholder{color: #A5A7AA !important; opacity:1;font-weight: 400;font-size: 15px;line-height: 22px;font-family: 'Pretendard';letter-spacing: -0.01em;}

.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;} 


/* swiper */
.swiper-pagination-bullet{opacity:1 !important;}

/* btn */
.btn-center{display:flex;justify-content:center;margin-top:24px;}
.btn-end{display:flex;justify-content:flex-end;margin-top:16px;}
.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;padding:12px;font-weight: 700;gap:6px;text-align: center;vertical-align: middle;border-radius:8px;letter-spacing: -0.01em;background-color: transparent;border: 0;cursor: pointer;transition: background .3s,border .3s,color .3s;font-family: 'Pretendard';}
.btn-xlg{height:64px;font-size:20px;line-height:32px;border-radius:0;}
.btn-lg{height:56px;font-size:18px;border-radius:10px;line-height:27px;}
.btn-md{height:48px;font-size: 16px;line-height:24px;}
.btn-sm{height:40px;font-size: 14px;line-height:21px;}
.btn:disabled{cursor: auto;background-color: #E3E8EA !important;color:#A5A7AA !important;}

.btn-primary{background-color: #C01640;border:1px solid #C01640;color:#fff;}
.btn-primary:hover{background-color: #9E072C;border-color:#9E072C;}
.btn-outline-primary{border:1px solid #C01640;background-color: #fff;color:#C01640;}
.btn-secondary{background-color: #324881;border:1px solid #324881;color:#fff;}
.btn-secondary:hover{background-color: #1E356E;border-color:#1E356E;}
.btn-outline-secondary{border:1px solid #324881;background-color: #fff;color:#324881;}
.btn-neutral{background-color: #676C70;border:1px solid #676C70;color:#fff;}
.btn-neutral:hover{background-color: #55585B;border-color:#55585B;}
.btn-outline-neutral{border:1px solid #D9D9D9;background-color: #fff;color:#4C5053;}
.btn-outline-neutral:hover{border:1px solid #D9D9D9;background-color: #F9FAFB;color:#4C5053;}
.btn-outline-neutral:disabled{border:1px solid #D9D9D9;background-color: #fff;color:#A5A7AA;}
.btn-black{background-color: #222222;border:1px solid #222222;color:#fff;}
.btn-black:hover{background-color: #343537;border-color:#343537;}


/* badge */
.badges{display:flex;gap:6px;}
.badge{display: inline-block;height:22px;padding:2px 6px;border-radius:4px;font-weight:600;line-height:100%;font-size:12px;line-height:17px;border:1px solid transparent;}
.badge-bl{background-color: #DEEDFC;color:#2881FF;}
.badge-pk{background-color: #F9E8EC;color:#E41D4E;}
.badge-gr{background-color: #DFF9E0;color:#0FAA01;}
.badge-og{background-color: #FFF2CE;color:#FF7700;}
.badge-bk{background-color: #EFF0F3;color:#484A4D;}
.badge-noti{background-color: #E2E8F6;color:#324881;}
.badge-nv{background-color: #324881;color:#fff;}


/* font color */
.text-primary{color:#C01640 !important;}
.text-accent{color:#E41D4E !important;}
.text-white{color:#fff !important;}

/* radio */
.form-radio-line{display:flex;flex-wrap:wrap;column-gap:32px;row-gap:8px;}	
.form-radio{display: flex;align-items: center;}
.form-radio input[type=radio]{width: 18px;height: 18px;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/sub/icon-radio-off.svg");background-repeat: no-repeat;}
.form-radio label{width: calc(100% - 24px);font-weight:500;color:#4C5053;cursor:pointer;font-size:16px;letter-spacing:-0.01em;}
.form-radio input:checked[type=radio]{background-image: url("../images/sub/icon-radio-on.svg");}
.form-radio input:disabled{background-image: url("../images/sub/icon-radio-disabled.svg");}
.form-radio input:disabled+label{color:#A5A7AA;}


/* 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: 18px;height: 18px;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/sub/icon-checkbox-off.svg");border-radius:0;background-repeat: no-repeat;}
.form-check label{width: calc(100% - 24px);font-weight: 500;color:#4C5053;cursor:pointer;font-size:16px;line-height:24px;letter-spacing:-0.01em;}
.form-check input:checked[type=checkbox]{background-image: url("../images/sub/icon-checkbox-on.svg");}
.form-check input:disabled{background-image: url("../images/sub/icon-checkbox-disabled.svg");}
.form-check input:disabled+label{color:#A5A7AA;}


/* 아이콘 */
.icon-mentoring-top{width:100px;height:100px;background: url("../images/sub/icon-mentoring-top.png");flex-shrink: 0;}
.icon-cate-01{width:30px;height:30px;background: url("../images/sub/icon-cate-01.svg");}
.icon-cate-01-sm{width:18px;height:14px;background: url("../images/sub/icon-cate-01-sm.svg");}
.icon-cate-02{width:30px;height:30px;background: url("../images/sub/icon-cate-02.svg");}
.icon-cate-02-sm{width:18px;height:14px;background: url("../images/sub/icon-cate-02-sm.svg");}
.icon-file{width:24px;height:24px;background: url("../images/sub/icon-file.svg");}
.icon-srch-w{width:16px;height:16px;background: url("../images/sub/icon-srch-w.svg");}
.icon-lock{width:16px;height:16px;background: url("../images/sub/icon-lock.svg");}
.icon-lnb-arr{width:24px;height:24px;background: url("../images/sub/icon-lnb-arr.svg");}
.icon-scenario-01{width:14px;height:14px;background: url("../images/sub/icon-scenario-01.svg");}
button:disabled .icon-scenario-01{background: url("../images/sub/icon-scenario-01-gr.svg");}
.icon-scenario-02{width:19px;height:14px;background: url("../images/sub/icon-scenario-02.svg");}
button:disabled .icon-scenario-02{background: url("../images/sub/icon-scenario-02-gr.svg");}
.icon-scenario-03{width:14px;height:14px;background: url("../images/sub/icon-scenario-03.svg");}
button:disabled .icon-scenario-03{background: url("../images/sub/icon-scenario-03-gr.svg");}
.icon-scenario-04{width:14px;height:14px;background: url("../images/sub/icon-scenario-04.svg");}
button:disabled .icon-scenario-04{background: url("../images/sub/icon-scenario-04-gr.svg");}
.icon-scenario-05{width:14px;height:14px;background: url("../images/sub/icon-scenario-05.svg");}
button:disabled .icon-scenario-05{background: url("../images/sub/icon-scenario-05-gr.svg");}
.icon-evalu-01{width:14px;height:14px;background: url("../images/sub/icon-evalu-01.svg");}
button:disabled .icon-evalu-01{background: url("../images/sub/icon-evalu-01-gr.svg");}
.icon-evalu-02{width:19px;height:14px;background: url("../images/sub/icon-evalu-02.svg");}
button:disabled .icon-evalu-02{background: url("../images/sub/icon-evalu-02-gr.svg");}
.icon-evalu-03{width:14px;height:14px;background: url("../images/sub/icon-evalu-03.svg");}
button:disabled .icon-evalu-03{background: url("../images/sub/icon-evalu-03-gr.svg");}
.icon-evalu-04{width:19px;height:14px;background: url("../images/sub/icon-evalu-04.svg");}
button:disabled .icon-evalu-04{background: url("../images/sub/icon-evalu-04-gr.svg");}
.icon-bread-home{width:16px;height:16px;background: url("../images/common/icon-bread-home.svg");}
.icon-new{width:15px;height:15px;background: url("../images/sub/icon-new.svg");}
.icon-calendar{width:14px;height:14px;background: url("../images/sub/icon-calendar.svg");}
.icon-hits{width:14px;height:14px;background: url("../images/sub/icon-hits.svg");}
.icon-nodata{width:58px;height:58px;background: url("../images/sub/icon-nodata.svg");}
.icon-more{width:18px;height:18px;background: url("../images/sub/icon-more.svg");}
.icon-my-email{width:32px;height:32px;background: url("../images/sub/icon-my-email.svg");}
.icon-my-phone{width:32px;height:32px;background: url("../images/sub/icon-my-phone.svg");}
.icon-my-address{width:32px;height:32px;background: url("../images/sub/icon-my-address.svg");}
.icon-my-creation{width:32px;height:32px;background: url("../images/sub/icon-my-creation.svg");}
.icon-my-filmography{width:32px;height:32px;background: url("../images/sub/icon-my-filmography.svg");}
.icon-my-info-01{width:50px;height:50px; flex-shrink: 0;background: url("../images/sub/icon-my-info-01.svg");}
.icon-my-info-02{width:50px;height:50px; flex-shrink: 0;background: url("../images/sub/icon-my-info-02.svg");}
.icon-join-01{width:70px;height:70px;background: url("../images/sub/icon-join-01-off.svg");}
.on .icon-join-01{width:70px;height:70px;background: url("../images/sub/icon-join-01-on.svg");}
.icon-join-02{width:70px;height:70px;background: url("../images/sub/icon-join-02-off.svg");}
.on .icon-join-02{width:70px;height:70px;background: url("../images/sub/icon-join-02-on.svg");}
.icon-join-03{width:70px;height:70px;background: url("../images/sub/icon-join-03-off.svg");}
.on .icon-join-03{width:70px;height:70px;background: url("../images/sub/icon-join-03-on.svg");}
.icon-join-04{width:70px;height:70px;background: url("../images/sub/icon-join-04-off.svg");}
.on .icon-join-04{width:70px;height:70px;background: url("../images/sub/icon-join-04-on.svg");}
.icon-noti-sm{width:18px;height:18px;background: url("../images/sub/icon-noti-sm.png");}
.active .icon-noti-sm{width:18px;height:18px;background: url("../images/sub/icon-noti-sm-w.png");}
.icon-type-01{width:14px;height:14px;background: url("../images/sub/icon-type-01.png");}
.icon-type-02{width:14px;height:14px;background: url("../images/sub/icon-type-02.png");}
.icon-type-01-lg{width:120px;height:120px;background: url("../images/sub/icon-type-01-lg.png");}
.icon-type-02-lg{width:120px;height:120px;background: url("../images/sub/icon-type-02-lg.png");}
.icon-plus{width:18px;height:18px;background: url("../images/sub/icon-plus.svg");}
.icon-character-set{width:19px;height:14px;background: url("../images/sub/icon-character-set.svg");}
.icon-individual-result{width:14px;height:14px;background: url("../images/sub/icon-individual-result.svg");}
.icon-intro-info-01{width:110px;height:110px;background: url("../images/sub/icon-intro-info-01.svg");}
.icon-intro-info-02{width:110px;height:110px;background: url("../images/sub/icon-intro-info-02.svg");}
.icon-intro-info-03{width:110px;height:110px;background: url("../images/sub/icon-intro-info-03.svg");}
.icon-intro-info-04{width:110px;height:110px;background: url("../images/sub/icon-intro-info-04.svg");}
.icon-intro-program-arr{width:30px;height:30px;background: url("../images/sub/icon-intro-program-arr.svg");}
.icon-check-red{width:14px;height:14px;background: url("../images/sub/icon-check-red.svg");}
.icon-intro-toggle-arr{width:14px;height:14px;background: url("../images/sub/icon-intro-toggle-arr.svg");}
.icon-intro-toggle-01{width:24px;height:20px;background: url("../images/sub/icon-intro-toggle-01.svg");}
.icon-intro-toggle-02{width:20px;height:20px;background: url("../images/sub/icon-intro-toggle-02.svg");}
.icon-intro-toggle-03{width:20px;height:20px;background: url("../images/sub/icon-intro-toggle-03.svg");}
.icon-intro-program-01{width:16px;height:16px;background: url("../images/sub/icon-intro-program-01.svg");}
.icon-intro-program-02{width:16px;height:16px;background: url("../images/sub/icon-intro-program-02.svg");}
.icon-intro-program-03{width:16px;height:16px;background: url("../images/sub/icon-intro-program-03.svg");}
.icon-intro-step-arr{width:22px;height:22px;background: url("../images/sub/icon-intro-step-arr.svg");}
.icon-login-join-creator{flex-shrink: 0;width:59px;height:50px;background: url("../images/sub/icon-login-join-creator.svg");}
.icon-select-question-arr{width:18px;height:18px;background: url("../images/sub/icon-select-question-arr.svg");}


.icon-lnb-01{width:20px;height:20px;background: url("../images/sub/icon-lnb-01.svg");}
.icon-lnb-02{width:20px;height:20px;background: url("../images/sub/icon-lnb-02.svg");}
.icon-lnb2-02{width:20px;height:20px;background: url("../images/sub/icon-lnb2-02.svg");}
.icon-lnb-03{width:20px;height:20px;background: url("../images/sub/icon-lnb-03.svg");}
.icon-lnb-04{width:20px;height:20px;background: url("../images/sub/icon-lnb-04.svg");}
.icon-bulb{width:20px;height:20px;background: url("../images/main/icon-bulb.svg");}
.icon-allmenu-clse{width:28px;height:28px;background: url("../images/common/icon-allmenu-clse.svg");}
.icon-my-bk{width:28px;height:28px;background: url("../images/common/icon-my-bk.svg");}
.icon-util-logout-bk{width:38px;height:38px;background: url("../images/common/icon-util-logout-bk.svg");}
.icon-util-noti-bk{width:38px;height:38px;background: url("../images/common/icon-util-noti-bk.svg");}
.icon-allmenu-bk{width:38px;height:38px;background: url("../images/common/icon-allmenu-bk.svg");}
.icon-instagram{width:44px;height:44px;background: url("../images/common/icon-instagram.svg");}
.icon-facebook{width: 44px;height:44px;background: url("../images/common/icon-facebook.svg");}
.icon-top{width: 34px;height:34px;background: url("../images/common/icon-top.svg");transition:.3s;}
.icon-select-arr{width: 18px;height:18px;background: url("../images/sub/icon-select-arr.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-button-prev svg,.swiper-button-next svg{display:none;}
.swiper-prev-common{margin:0 !important;left:-24px !important;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:40px !important;height:40px !important;filter: drop-shadow(0 1px 8px rgba(31, 33, 41, 0.24));background:url("../images/common/swiper-common-prev.svg")no-repeat 50% 50%;background-size:100%;}
.swiper-next-common{margin:0 !important;right: -24px !important;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:40px !important;height:40px !important;filter: drop-shadow(0 1px 8px rgba(31, 33, 41, 0.24));background:url("../images/common/swiper-common-next.svg")no-repeat 50% 50%;background-size:100%;}
.swiper-button-disabled{display:none !important;}


/* header */
.header {position:sticky;z-index:999;width: 100%;left: 0;top: 0;height:100px;background-color: #fff;border-bottom:1px solid #D9D9D9;transition:.3s;}
.header .header-inner{display: flex;align-items: center;justify-content: space-between;height: 100%;max-width:1632px;padding:0 16px;margin: 0 auto;}
.header >.container{display:flex;align-items:center;justify-content:space-between;padding:24px 0;}
.header .gnb ul {display:flex;gap:24px;align-items:center;}
.header .gnb li{}
.header .gnb li a{position:relative;display:flex;align-items:center;justify-content:center;width:140px;height: 100px;font-weight:700;color:#212529;line-height: 32px;font-size:20px;transition: color .3s;}
.header .gnb .dp1 >li >a:hover,.header .gnb .dp1 >li.active >a{color:#C01640;}
.header .gnb .dp1 >li >a::after{display:block;width:0;height:4px;position:absolute;bottom:0;left:50%;content:'';background:#C01640;transition:.3s;}
.header .gnb .dp1 >li >a:hover::after,.header .gnb .dp1 >li.active >a::after{left:0;width:100%;}


.header .util-box{display:flex;align-items:center;gap:12px;}
.header .util-box .btn-my{display:flex;gap:6px;align-items:center;margin-right:6px;font-weight:500;font-size:16px;line-height:24px;}
.header .util-box .btn-notice{position:relative;}
.header .util-box .btn-notice .new{display:block;position:absolute;right:6px;top:5px;width:10px;height:10px;border-radius:100%;background-color: #EC6D46;}

/* header main */
.header-main{background: transparent;border-bottom:1px solid rgba(255, 255, 255, 0.1);}
.header-main .gnb li a{color:#fff;}
.header-main.fix{background-color: #fff;border-color:#D9D9D9;}
.header-main.fix .gnb li a{color:#212529;}
.header-main .util-box .btn-my{color:#fff;}
.header-main .icon-my-bk{width:28px;height:28px;background: url("../images/common/icon-my-w.svg");}
.header-main .icon-util-logout-bk{background: url("../images/common/icon-util-logout-w.svg");}
.header-main .icon-util-noti-bk{background: url("../images/common/icon-util-noti-w.svg");}
.header-main .icon-allmenu-bk{background: url("../images/common/icon-allmenu-w.svg");}

/* header main fix*/
.header-main.fix .util-box .btn-my{color:#212529;}
.header-main.fix .icon-my-bk{background: url("../images/common/icon-my-bk.svg");}
.header-main.fix .icon-util-logout-bk{background: url("../images/common/icon-util-logout-bk.svg");}
.header-main.fix .icon-util-noti-bk{background: url("../images/common/icon-util-noti-bk.svg");}
.header-main.fix .icon-allmenu-bk{background: url("../images/common/icon-allmenu-bk.svg");}


/* allmenu */
.header .all-menu{position: fixed;top:0;right:-100%;width:100%;max-width:640px;height: 100dvh;background-color: #F2F5F8;z-index: 999;transition: right .3s, opacity .3s;}
.header .all-menu.open{right:0;}
.header .all-menu .allmenu-top{padding:16px 24px;border-bottom:1px solid #D9D9D9;}
.header .all-menu .all-gnb-box{display: flex;flex-direction: column;height: calc(100dvh - 102px);justify-content: space-between;padding:120px 60px 100px;}
.header .all-menu .all-gnb-box::after{position:absolute;bottom:0;left:0;z-index:-1;width:462px;height:423px;content:'';background: url("../images/common/bg-allmenu.png")no-repeat;background-size: cover;}
.header .all-menu .all-gnb ul{display:flex;flex-direction:column;gap:32px;}
.header .all-menu .all-gnb a{position:relative;color:#7F8386;font-size:62px;font-weight:700;line-height:88px;transition:.3s;}
.header .all-menu .all-gnb a:hover{color:#C01640;}
.header .all-menu .all-gnb a::after{position:absolute;left:0;bottom:0;width:0;height:5px;background-color: #C01640;content:'';transition:width .3s;}
.header .all-menu .all-gnb a:hover::after{width:100%;}

.header .all-menu .allmenu-btm{display:flex;flex-direction:column;gap:2px;color:#72767B;}
.header .all-menu .allmenu-btm p{}
.header .all-menu .allmenu-btm p span::after{display:inline-block;width:1px;height:11px;margin:0 8px;background:#C7C7C8 ;content:'';}
.header .all-menu .allmenu-btm p span:last-child::after{display:none;}
.header .all-menu .btn-clse{position:absolute;top:24.5px;right:24px;width:54px;height:53px;}
.header-dim{opacity: 0;visibility: hidden;position: fixed;width: 100%;height: 100%;transition: visibility 0.3s, opacity 0.3s;z-index: 99;inset:0;background-color: rgba(0, 0, 0, 0.6);}
.header-dim.active{visibility: visible;opacity: 1;transition: visibility 0.3s, opacity 0.3s;}


/* footer */
.footer{background-color: #F2F5F8;}
.footer .foot-inner{max-width:1632px;padding:0 16px;width:100%;margin:0 auto;}
.footer .foot-top{padding:24px 0;border-bottom:1px solid #E3E8EA;}
.footer .foot-menu{display:flex;flex-wrap: wrap;}
.footer .foot-menu li{display:flex;align-items:center;}
.footer .foot-menu li::after{display: inline-block;width:1px;height:11px;margin:0 24px;background:#C7C7C8;content:'';}
.footer .foot-menu li:last-child::after{display:none;}
.footer .foot-menu li a{color:#475467;font-size:18px;font-weight:500;line-height:28px;}
.footer .foot-menu li .privacy{font-weight:700;}
.footer .foot-btm{display:flex;flex-direction:column;gap:24px;padding:40px 0;}
.footer .foot-btm .foot-btm-line{display:flex;align-items:center;justify-content:space-between;}
.footer .foot-btm .addr{display:flex;flex-direction:column;gap:2px;color:#4C5053;font-weight:500;}
.footer .foot-btm .addr p{display: flex;align-items: center;}
.footer .foot-btm .addr p span{display:flex;align-items:center;}
.footer .foot-btm .addr p span::after{display:inline-block;width:1px;height:11px;margin:0 8px;background:#C7C7C8 ;content:'';}
.footer .foot-btm .addr p span:last-child::after{display:none;}
.footer .foot-btm .sns-list{display: flex;gap: 8px;}

.btn-top {opacity:0;position:fixed;bottom:0;right:2%;z-index: 99;display: flex;align-items: center;flex-direction: column;justify-content: center;box-shadow: 0px 0px 10px 0px rgba(25, 26, 31, 0.2);width:70px;height: 70px;border-radius:100%;background: #C01640;transition:.3s;}
.btn-top:hover{background-color: #9E072C;}
.btn-top:hover i{transform:translateY(-5px);}
.btn-top.on {opacity: 1;bottom:24px;}



/* ----------------------------------media 1024px-------------------*/
@media (max-width: 1024px) { 
.d-md-none{display:none;}

/* header */
.header{height:80px;}
.header .logo img{height:50px;}
.header .gnb{display:none;}
.header .util-box .btn-my{display:none;}

.header .all-menu .allmenu-top{padding:16px;}
.header .all-menu .allmenu-top img{height:50px;}
.header .all-menu .all-gnb-box{height: calc(100dvh - 83px);padding:60px 16px;}
.header .all-menu .all-gnb ul{gap:8px;}
.header .all-menu .all-gnb a{font-size: 36px;line-height: 62px;}
.header .all-menu .all-gnb-box::after {width: 335px;height: 296px;}
.header .all-menu .btn-clse{top:25px;right:16px;width:30px;height:30px;}

/* radio/checkbox */
.form-radio-line{column-gap:20px;}
.form-chk-line{column-gap:20px;}

/* button */
.btn3{flex-wrap: wrap;gap: 8px;}
.btn-xlg {height: 55px;font-size: 18px;}
.btn-lg {height: 50px;font-size:16px;}

/* icon */
.icon-top {width: 25px;height: 25px;}
.icon-allmenu-clse {width: 22px;height: 22px;}
.icon-mentoring-top {width: 70px;height: 70px;}
.icon-type-01-lg{width:75px;height:75px;}
.icon-type-02-lg{width:75px;height:75px;}

/* footer */
.footer .foot-top{padding:20px 0;}
.footer .foot-menu li a{font-size:15px;line-height:24px;}
.footer .foot-menu li::after{margin:0 10px;}
.footer .foot-btm .foot-btm-line img{height:50px;}
.footer .foot-btm .addr p {flex-wrap: wrap;font-size: 14px;line-height: 21px;}
.btn-top{width:45px;height:45px;}




}

/* ----------------------------------media 768px-------------------*/
@media (max-width: 768px) { 
.d-sm-none{display:none;}
.btn.w-220px{width:100%;}
.btns{width:100%;}
}