@charset "utf-8";


/* ===========================================
    common
=========================================== */

.align-l{text-align:left !important;}
.align-c{text-align:center !important;}
.align-r{text-align:right !important;}

.c-point{color: var(--c-primary) !important;}
.c-red{color: #F05050 !important;}
.pre-line{white-space: pre-line;}
.txt-error {color: #F05050;font-size: 13px;margin-top:4px;}
.f-wrap{display:flex;align-items:center;gap:10px;}

/* input */
.input.disabled,
.textarea.disabled,
textarea:disabled,
select:disabled,
input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="email"]:disabled,
input[type="password"]:disabled{background-color:#F3F3F3 !important;opacity: 1; color:#98A2BC !important;}

.input.readonly,
.textarea.readonly,
textarea:readonly,
select:readonly,
input[type="text"]:readonly,
input[type="number"]:readonly,
input[type="email"]:readonly,
input[type="password"]:readonly{background-color:#F3F3F3 !important;opacity: 1; color:#666666 !important;}

.input,
select,
.textarea{position:relative; display:flex;align-items:center;height:44px;padding:0 16px;border:1px solid #ddd;border-radius:6px;outline:none; color:#111518;font-size:14px;}
.textarea{padding:12px;}
.textarea{flex-direction: column;}
.textarea textarea{height:100%;}

select{font-size:16px;font-weight:500;padding-right:44px;background:#fff url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 9L12 14L7 9' stroke='%23111518' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat top 50% right 16px;background-size:auto 24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;}
select:focus{border-color: var(--c-primary);}
select:invalid{ color: #AAAAAA; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0px 1000px white inset !important; transition: background-color 5000s ease-in-out 0s; }

.input{display:inline-flex;height:44px;background:#fff;font-size:15px;font-weight:400;letter-spacing: -0.03em;gap:8px;}
.input.focus{border-color: var(--c-primary);}
.input.error{border-color: #F05050;}
.input .inp{position:relative; display:flex;align-items:center;flex:1;height:100%;}
.input input{border:none;height:100%;flex:1;padding:0 0;background:none;width:100%;min-width: 0;}
.input .btn-del{display:block;width:24px;height:24px;position:absolute;top:50%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);background:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM14.7782 7.70726C15.1687 7.31673 15.8019 7.31673 16.1924 7.70726C16.5829 8.09778 16.5829 8.73095 16.1924 9.12147L13.364 11.9498L16.1924 14.7782C16.5829 15.1687 16.5829 15.8019 16.1924 16.1924C15.8019 16.5829 15.1687 16.5829 14.7782 16.1924L11.9498 13.364L9.12133 16.1925C8.73081 16.5831 8.09764 16.5831 7.70712 16.1925C7.31659 15.802 7.31659 15.1688 7.70712 14.7783L10.5356 11.9498L7.70711 9.12132C7.31658 8.7308 7.31658 8.09763 7.70711 7.70711C8.09763 7.31658 8.7308 7.31658 9.12132 7.70711L11.9498 10.5356L14.7782 7.70726Z' fill='%23D1CDE9'/%3E%3C/svg%3E%0A") no-repeat 0 0;}
.input .btn-search{display:block;width:44px;height:100%;margin-right:-16px; background:url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.32104 0.75C4.58739 0.75 0.75 4.58739 0.75 9.32104C0.75 14.0547 4.58739 17.8921 9.32104 17.8921C11.2802 17.8921 13.0858 17.2348 14.5294 16.1286L18.8196 20.4188C19.2612 20.8604 19.9772 20.8604 20.4188 20.4188C20.8604 19.9772 20.8604 19.2612 20.4188 18.8196L16.1286 14.5294C17.2348 13.0858 17.8921 11.2802 17.8921 9.32104C17.8921 4.58739 14.0547 0.75 9.32104 0.75ZM3.01164 9.32104C3.01164 5.83645 5.83645 3.01164 9.32104 3.01164C12.8056 3.01164 15.6304 5.83645 15.6304 9.32104C15.6304 12.8056 12.8056 15.6304 9.32104 15.6304C5.83645 15.6304 3.01164 12.8056 3.01164 9.32104Z' fill='%2320232D'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;background-size:auto 20px;}
.input.disabled .btn-del{display:none !important;}
.input .time{font-size:13px; color:#666666;gap:4px;display:inline-flex;align-items:center;}
.input .time:before{content:'';display:block;position:relative;top:-1px; width: 20px;height:20px;background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='7.5' stroke='%23666666'/%3E%3Cpath d='M10 6V10L13 12' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:auto 100%;}
.input .btn-pw-view{display:inline-block;width: 24px;height:24px; background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5C15.679 5 20.162 7.417 21.73 10.901C21.876 11.229 22 11.611 22 12C22 12.388 21.877 12.771 21.73 13.099C20.161 16.583 15.678 19 12 19C8.322 19 3.838 16.583 2.27 13.099C2.124 12.77 2 12.389 2 12C2 11.612 2.123 11.229 2.27 10.901C3.839 7.417 8.322 5 12 5ZM12 8C10.9391 8 9.92172 8.42143 9.17157 9.17157C8.42143 9.92172 8 10.9391 8 12C8 13.0609 8.42143 14.0783 9.17157 14.8284C9.92172 15.5786 10.9391 16 12 16C13.0609 16 14.0783 15.5786 14.8284 14.8284C15.5786 14.0783 16 13.0609 16 12C16 10.9391 15.5786 9.92172 14.8284 9.17157C14.0783 8.42143 13.0609 8 12 8ZM12 10C12.5304 10 13.0391 10.2107 13.4142 10.5858C13.7893 10.9609 14 11.4696 14 12C14 12.5304 13.7893 13.0391 13.4142 13.4142C13.0391 13.7893 12.5304 14 12 14C11.4696 14 10.9609 13.7893 10.5858 13.4142C10.2107 13.0391 10 12.5304 10 12C10 11.4696 10.2107 10.9609 10.5858 10.5858C10.9609 10.2107 11.4696 10 12 10Z' fill='%231F2125'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:auto 100%;}
.input-pw.on .btn-pw-view{background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.83 9L15 12.16V12C15 11.2044 14.6839 10.4413 14.1213 9.87868C13.5587 9.31607 12.7956 9 12 9H11.83ZM7.53 9.8L9.08 11.35C9.03 11.56 9 11.77 9 12C9 12.7956 9.31607 13.5587 9.87868 14.1213C10.4413 14.6839 11.2044 15 12 15C12.22 15 12.44 14.97 12.65 14.92L14.2 16.47C13.53 16.8 12.79 17 12 17C10.6739 17 9.40215 16.4732 8.46447 15.5355C7.52678 14.5979 7 13.3261 7 12C7 11.21 7.2 10.47 7.53 9.8ZM2 4.27L4.28 6.55L4.73 7C3.08 8.3 1.78 10 1 12C2.73 16.39 7 19.5 12 19.5C13.55 19.5 15.03 19.2 16.38 18.66L16.81 19.08L19.73 22L21 20.73L3.27 3M12 7C13.3261 7 14.5979 7.52678 15.5355 8.46447C16.4732 9.40215 17 10.6739 17 12C17 12.64 16.87 13.26 16.64 13.82L19.57 16.75C21.07 15.5 22.27 13.86 23 12C21.27 7.61 17 4.5 12 4.5C10.6 4.5 9.26 4.75 8 5.2L10.17 7.35C10.74 7.13 11.35 7 12 7Z' fill='%231F2125'/%3E%3C/svg%3E%0A");}
.input-authnum{width:210px;}
.input-addr{width:150px;}

.input-address{ display:flex;align-items:center; gap:5px;}
.input-address [class*=btn-type]{font-weight:500;}
.input-phone{ display:flex;align-items:center; gap:10px;}
.input-phone .input{ width:100px;}

.input-wrap > *{margin-right:30px;}

.container > .menu-box{margin-bottom:20px;}
.menu-box{width:100%; padding:16px 30px;background:#F8F9FA;border-radius: 12px;display:flex;align-items:center;}
.menu-box.no-bg{background:none;padding:0 0;}
.menu-box + *{margin-top:20px;}
.menu-box .right{display:flex;align-items:center;gap:6px;margin-left:auto;}
.menu-box .total{font-size:14px;margin-right:5px;}
.menu-box .total em{ color:var(--c-primary);vertical-align:baseline;margin-left:3px;}
.menu-box .input-search{width:240px;}
.menu-box .forms{display:flex;align-items:center;gap:6px;}
.menu-box .forms > *{width:240px;font-weight:400;font-size:14px;}
.menu-box.type2{flex-direction: column;;gap:12px 0;}
.menu-box.type2 .row{display:flex;align-items:center;width:100%;gap:6px;}
.menu-box.type2 .btn-toggle{font-size:14px; color:#1F2125;display:flex;align-items:center;gap:6px;}
.menu-box.type2 .btn-toggle:after{content:'';display:block;width: 14px;height:14px;background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='7.49219' width='1.5' height='13.5' rx='0.75' transform='rotate(-90 0 7.49219)' fill='%231F2125'/%3E%3Crect x='6' width='1.5' height='13.5' rx='0.75' fill='%231F2125'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:auto 100%;;}
.menu-box.type2 .btn-toggle.on:after{width: 14px;height:2px;background: url("data:image/svg+xml,%3Csvg width='14' height='2' viewBox='0 0 14 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='1.5' width='1.5' height='13.5' rx='0.75' transform='rotate(-90 0 1.5)' fill='%231F2125'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:auto 100%;}
.menu-box.type2 .row > *:not(.right){flex:1;min-width: 0;}
.menu-box.type2 .forms{display:flex;flex-direction: column;gap:12px 0;width:100%;}

.form-wrap > * ~ .col,
.form-wrap > * ~ .row,
.form-wrap > .col ~ .row{margin-top:30px;}
.form-wrap .col > .label:only-child{margin-bottom:0;}
.form-wrap .col .label-wrap{display:flex;align-items:center;margin-bottom:8px;}
.form-wrap .col .label-wrap .label{margin-bottom:0;}
.form-wrap .col .label-wrap .right{margin-left:auto;}
.form-wrap .col .label{width:100%;margin-bottom:6px; color:#1F2125;font-size:14px;}
.form-wrap .col .label.f12{font-size:12px;}
.form-wrap .col .label.f13{font-size:13px;}
.form-wrap .col .form > *{width:100%;}
.form-wrap .col .form > * ~ *{margin-top:10px;}
.form-wrap .col .form .input-file .trigger,
.form-wrap .col .form .input-file .trigger .input{flex:1;min-width: 0;}

.form-wrap .row{display:flex;}
.form-wrap .row[style*=block]{display:flex !important;}
.form-wrap .row > * ~ *{margin-left:16px;}
.form-wrap .row > * ~ .right{margin-left:auto;}
.form-wrap .row > * ~ [class*=btn-type]{margin-left:6px;}
.form-wrap .row.st2{gap:6px;}
.form-wrap .row.st2 > *{flex:1;min-width: 0;margin:0;}
.form-wrap > .row .form{flex:1;}
.form-wrap > .row > .auto{flex:1;}

.form-wrap.st2 > .col > .label{font-size:13px;}
.form-wrap.st2 > .col ~ .col{margin-top:20px;}
.form-wrap.st2 > .col .textarea{padding:14px 12px;font-size:14px;}
.form-wrap.st2 > .col select,
.form-wrap.st2 > .col input{font-size:14px;}

.form-wrap.form-coupon .row{display:flex; gap:10px;}

.input-file{display:flex;align-items:center;}
.input-file .trigger{position:relative;display:flex;align-items:center;}
.input-file .trigger .real{position:absolute;top:0;left:0;width:100%;height:100%;opacity: 0;}
.input-file .trigger .path{width:500px;}
.input-file [class*=btn-type]{font-weight:700;margin-left:6px;font-weight:500;}
.noti-file{font-size:13px; color:#86909C;margin-top:11px;padding-left:16px;position:relative;}
.noti-file:before{content:'';display:block;position:absolute;top:0;left:0;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.333 4.66732V10.0007C11.333 11.8395 9.83856 13.334 7.99967 13.334C6.16078 13.334 4.66634 11.8395 4.66634 10.0007V4.66732C4.66634 3.56176 5.56079 2.66731 6.66634 2.66731C7.7719 2.66731 8.66634 3.56176 8.66634 4.66732V10.0007C8.66634 10.3673 8.36634 10.6673 7.99967 10.6673C7.633 10.6673 7.333 10.3673 7.333 10.0007V4.66732H5.99967V10.0007C5.99967 11.1062 6.89412 12.0006 7.99967 12.0006C9.10523 12.0006 9.99967 11.1062 9.99967 10.0007V4.66732C9.99967 2.82843 8.50523 1.33398 6.66634 1.33398C4.82745 1.33398 3.33301 2.82843 3.33301 4.66732V10.0007C3.33301 12.5729 5.42745 14.6673 7.99967 14.6673C10.5719 14.6673 12.6663 12.5729 12.6663 10.0007V4.66732H11.333Z' fill='%2386909C'/%3E%3C/svg%3E%0A") no-repeat 0 0;background-size:auto 100%;}
.gap2 .input-file [class*=btn-type]{margin-left:6px;}
.form.gap2 > .input-file{width:100%;max-width:100%;min-width:0;}

.file-list{display:flex;flex-wrap:wrap; gap:6px;margin-top:8px;list-style:none;padding:0;width:100%;max-width:100%;min-width:0;box-sizing:border-box;}
.file-list .file-item { display: inline-flex; align-items: stretch; max-width: 100%; min-width: 0; box-sizing: border-box; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; font-size: 13px; color: #373f57; letter-spacing: -0.5px; align-self: stretch; }
.file-list .file-item .btn-remove { flex-shrink: 0; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 6px 0 0 6px; background: #f3f3f3; cursor: pointer; position: relative; }
.file-list .file-item .btn-remove::before, .file-list .file-item .btn-remove::after { content: ''; position: absolute; left: 50%; top: 50%; width: 1.1px; height: 13px; background: #86909c; border-radius: 30px; }
.file-list .file-item .btn-remove::before { transform: translate(-50%,-50%) rotate(-45deg); }
.file-list .file-item .btn-remove::after { transform: translate(-50%,-50%) rotate(45deg); }
.file-list .file-item .name { flex: 1; min-width: 0; display: block; align-self: stretch; margin: 0; padding: 6px 10px 6px 0; background: #f3f3f3; border-radius: 0 6px 6px 0; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.textarea{display:flex;flex-direction: column; border: 1px solid #DDDDDD;border-radius: 8px;padding:24px;}
.textarea textarea {font-size:15px; color:#000;flex:1;line-height:1.5;}
.textarea .byte {display:block; margin-top:8px;font-size:16px; color:#888888;text-align:right;white-space: nowrap;width:100%;}
.textarea .byte em { color:#111518;}
.textarea.st-pop textarea{height:312px;font-size:14px;}
.textarea.focus{border-color: var(--c-primary);}
.textarea.st2{padding:12px;}
.textarea.st2 .byte{font-size:13px;}

.inp-chk-wrap{line-height:1;}
.inp-chk{position:relative; display:inline-flex;cursor:pointer;white-space:nowrap;align-items: center;}
.inp-chk input{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor: pointer;}
.inp-chk input[type='checkbox'] + .ic{display:block;width:22px;height:22px;border:1px solid #CCCCCC;border-radius:4px;background-position:50% 50%;background-repeat:no-repeat;background-size:auto 10px;background-color: #fff;background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4L5.80435 8.5L12.5 1.5' stroke='%23CCCCCC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.inp-chk input[type='checkbox']:checked  + .ic{border-color: var(--c-primary);background-color: var(--c-primary);background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4L5.80435 8.5L12.5 1.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.inp-chk input[type='radio'] + .ic{position:relative;display:block;width:22px;height:22px;overflow:hidden; border-radius:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:auto 100%; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='11.5' fill='white' stroke='%23CCCCCC'/%3E%3Ccircle cx='12' cy='12' r='5' fill='%23CCCCCC'/%3E%3C/svg%3E%0A");}
.inp-chk input[type='radio']:checked  + .ic{background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='12' fill='%235436EA'/%3E%3Ccircle cx='12' cy='12' r='5' fill='white'/%3E%3C/svg%3E%0A");}
.inp-chk input[type='radio']:disabled + .ic{background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='13' r='12' fill='%23F3F3F3' stroke='%23DDDDDD'/%3E%3Ccircle cx='13' cy='13' r='5' fill='%23DDDDDD'/%3E%3C/svg%3E%0A");}
.inp-chk input[type='radio']:disabled:checked + .ic{background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='8.5' fill='%23F3F3F3' stroke='%23DDDDDD' stroke-width='7'/%3E%3C/svg%3E%0A");}
.inp-chk .t{display:inline-block;margin-left:8px;vertical-align:middle;line-height:1;font-size:14px; color:#000;}
.inp-chk input:disabled ~ .t{ color:#888888;}
.inp-chk.st2 .t{font-weight:600;}
.inp-chk.st2 .t.sm{font-size:14px;}
.inp-chk.st2 input:checked ~ .t{ color:var(--c-primary);}
.inp-chk.st3 input + .ic{border-radius:100%;width:20px;min-width:20px; height:20px;background-size:auto 9px;background-position:50% 5px !important;}
.inp-chk.st4 input + .ic{border-radius:100%;width:20px;min-width:20px; height:20px;background-color:#C8D0DA;background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4L5.80435 8.5L12.5 1.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-size:auto 9px;background-position:50% 5px !important;}

.inp-num-type1 {display:inline-flex;width:110px; height:38px;border:1px solid #E4E1E1;background:#ffffff;border-radius:6px;}
.inp-num-type1 .btn{position:relative;height:100%;width:30px;}
.inp-num-type1 .down{border-right:1px solid #E4E1E1;}
.inp-num-type1 .down:after{content:'';display:block;position:absolute;top:50%;left:50%;width:11px;height:1px;background:rgba(0, 0, 0, 1);transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.inp-num-type1 .down:disabled:after{background:#cacccc;}
.inp-num-type1 .up{border-left:1px solid #E4E1E1;}
.inp-num-type1 .up:before{content:'';display:block;position:absolute;top:50%;left:50%;width:1px;height:11px;background:rgba(0, 0, 0, 1);transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.inp-num-type1 .up:after{content:'';display:block;position:absolute;top:50%;left:50%;width:11px;height:1px;background:rgba(0, 0, 0, 1);transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.inp-num-type1 .up:disabled:before,
.inp-num-type1 .up:disabled:after{background:#cacccc;}
.inp-num-type1 .num {flex:1;min-width: 0; text-align: center;height:36px;font-size:16px;background:#fff; color:#1F2125;line-height:1em;font-weight:500;}

.input-range{position:relative;display:inline-block;position:relative;overflow:hidden;}
.input-range input{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;z-index:10;cursor:pointer;}
.input-range i{position:relative;display:block;-webkit-appearance: none;width: 51px;padding:2px;height: 31px;outline: none;-webkit-transition: .2s;border-radius: 31px;cursor:pointer;background: rgba(120, 120, 128, 0.16);}
.input-range i:after{content:'';position:absolute;top:2px;left: 2px;display:inline-block;width: 27px;height: 27px;border-radius:27px;background:#fff;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15), 0px 3px 1px rgba(0, 0, 0, 0.06);}
.input-range i:hover:after{background:#cccccc;}
.input-range input:checked + i{background:#5436EA;}
.input-range input:checked + i:after{left:22px;}

.input-sns-set{display:flex;align-items:center;gap:7px;}
.input-sns-set .sns{display:flex;align-items:center;gap:8px;}
.input-sns-set .sns .txt{min-width: 60px;font-weight:600;font-size:14px; color:#373F57;}

.highlight{background:#FFFF00 !important;vertical-align:baseline;}

/* calendar */
.input-calendar-wrap{display:flex;align-items:center;}
.input-calendar-wrap .btn-search{padding:0 16px; height: 38px; background: #86909C; border-radius: 6px; color:#fff;font-weight:500;font-size:13px;margin-left:10px;line-height:36px;}
.input-calendar{display:flex;align-items:center;}
.input-calendar .inp{position:relative; width:140px;padding-right:0;position:relative; display:flex;align-items:center;height:34px;padding-left:12px; border:1px solid #E4E1E1;border-radius:6px;outline:none; color:#373F57;background:#fff;}
.input-calendar .ui-datepicker-trigger{content:'';display:block;width:37px;height:100%;border-left:1px solid #E4E1E1; background:#EEEEEE;}
.input-calendar .ui-datepicker-trigger img{transform:translateY(-1px);}
/* .input-calendar .inp:after{content:'';display:block;width:37px;height:100%;border-left:1px solid #E4E1E1; background:#EEEEEE url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1.97907H1V14.9989H15V1.97907ZM0 0.977539V16.0004H16V0.977539H0Z' fill='%231D1D1B'/%3E%3Cpath d='M0.977051 5.00781H15.0229V5.98491H0.977051V5.00781Z' fill='%231D1D1B'/%3E%3Cpath d='M3.05347 0H4.03057V3.05344H3.05347V0Z' fill='%231D1D1B'/%3E%3Cpath d='M11.9695 0H12.9466V3.05344H11.9695V0Z' fill='%231D1D1B'/%3E%3Cpath d='M3.05347 9.03809L3.05347 8.06099L5.00767 8.06099L5.00767 9.03809L3.05347 9.03809Z' fill='%231D1D1B'/%3E%3Cpath d='M3.05347 12.9463L3.05347 11.9692L5.00767 11.9692L5.00767 12.9463L3.05347 12.9463Z' fill='%231D1D1B'/%3E%3Cpath d='M3.05347 10.9922L3.05347 10.0151L5.00767 10.0151L5.00767 10.9922L3.05347 10.9922Z' fill='%231D1D1B'/%3E%3Cpath d='M6.96179 9.03809L6.96179 8.06099L9.03813 8.06099L9.03813 9.03809L6.96179 9.03809Z' fill='%231D1D1B'/%3E%3Cpath d='M6.96179 12.9463L6.96179 11.9692L9.03813 11.9692L9.03813 12.9463L6.96179 12.9463Z' fill='%231D1D1B'/%3E%3Cpath d='M6.96179 10.9922L6.96179 10.0151L9.03813 10.0151L9.03813 10.9922L6.96179 10.9922Z' fill='%231D1D1B'/%3E%3Cpath d='M10.9923 9.03809L10.9923 8.06099L12.9465 8.06099L12.9465 9.03809L10.9923 9.03809Z' fill='%231D1D1B'/%3E%3Cpath d='M10.9923 12.9463L10.9923 11.9692L12.9465 11.9692L12.9465 12.9463L10.9923 12.9463Z' fill='%231D1D1B'/%3E%3Cpath d='M10.9923 10.9922L10.9923 10.0151L12.9465 10.0151L12.9465 10.9922L10.9923 10.9922Z' fill='%231D1D1B'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;background-size:auto 16px;} */
.input-calendar:after{content:'';display:block;clear: both;margin-left:auto;}
.input-calendar .datepicker{flex:1;width:calc(50% - 10px);font-size:14px;}
.input-calendar .dash{display:block; width:30px;line-height:38px;text-align: center;font-size:16px;color: #373F57;}

.ui-widget-header{padding-bottom:6px !important;border-color:#fff;border-bottom:1px solid #d9d9d9;background:#fff;}
.ui-widget-header .ui-icon{background-image:url("https://kr.object.ncloudstorage.com/eraonedu-prod/assets/pc/images/ui-icons_444444_256x240.png");}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next{width:26px;height:26px;border:1px solid #d9d9d9 !important;background:#fff;border-radius:0;}
.ui-datepicker .ui-datepicker-prev{top:2px !important;left:2px !important;}
.ui-datepicker .ui-datepicker-prev span{background:#fff url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAQAAABZqbWHAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfkBAcJESfQVMC5AAABLUlEQVQoz33SvyvEcRzH8cedc3V+pGQhWWRUSmGRkiycUjKcFGVgtchfoAxWTIQMlBIWJlGOUiJSUpJkkBILIQM6d/flPX5ez17v1/vVJ1Trjym0aMl85A+5wrpqbfLDgXKdfdWgNMihy5wYXgxYyHYYtSSGey0WSHeImtYHzrW7JB0otqIJbOr2+PWYWlEl+S1PafuRU0CTpCq8GzbkLWX7taLPtCieJaylZw4LGzMjihuNmTIR8xLgUIfb7FKCm0wDeo2DWvtqgoAPI/q9otyOeCaQUwZHdnSIier2JBmUYVuDC+SYMPm731TICw22waANRUFXPGg1C1olVf7O8DPvVr1qFlIiYc91JgC7TsXlytPjynE2wJktcQUiOoWDmzxQ7wTchf799svmPgFg4ES94YFAOwAAAABJRU5ErkJggg==') no-repeat 50% 50%;background-size:auto 8px;}
.ui-datepicker .ui-datepicker-next{top:2px !important;right:2px !important;}
.ui-datepicker .ui-datepicker-next span{background:#fff url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAQAAABZqbWHAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfkBAcJFA7vkayQAAABN0lEQVQoz4XQvUubARTF4SfmTYKKQ3Up4iaCoxAoRQoKAaEkaBRc/CgpFAruXRwd7H/gFDSko25OLfiFIfixlAqiiIPSQRB0KS1kqA4aEvK+pWe853fvPZxYmoIJ836JVJsFq/L29f0LeAmGHHkVBcR7d1zKCnSZc+40DPDDrnEdEqbVVFpfQMVrZ4hZtiYZBrg0bAsUfNMdBrj3VhGMODDQnKGuvzb9lhHTY9ahq1YAqk7kJLWb8dP3MMCZr3K6xOWlbMfSUe302TQEym3+oygg7fB5/7NCELInfdGJmo9K4QufbOjEnTElaL6QsOIDuJB18TRsAC+sy4A9U+5aQ/arPtslYw27DrxxYBAPFr1Xaw4VYE5RCn+8sxHuYUlZCjdGwzaBG3Ai5zqqyXjvsSuBrNvoqh8B1TtGTnK061QAAAAASUVORK5CYII=') no-repeat 50% 50%;background-size:auto 8px;}
.ui-datepicker td{text-align: center;color: #777777;}
.ui-datepicker th:first-child,
.ui-datepicker td:first-child a{color: #ff552d !important;}
.ui-datepicker th:last-child,
.ui-datepicker td:last-child a{color: #0a73ca !important;}
.ui-datepicker .ui-state-default{display:inline-block;height:27px;width:26px;padding:0;border:none;background:#fff;text-align: center;}
.ui-datepicker .ui-state-default.ui-state-active{position:relative;border-radius:7px;color:#333333;background:#f3f3f3;}
.ui-datepicker .ui-state-default.ui-state-active:after{content:'';display:block;position:absolute;bottom:3px;left:50%;width:3px;height:3px;border-radius:3px;background:#2aaf67;margin-left:-0.08em;}
.ui-datepicker.month table{display:none !important;}
.ui-datepicker.month .ui-datepicker-year,
.ui-datepicker.month .ui-datepicker-month{height:26px;margin-top:-1px;width:42%;}
.ui-datepicker.month .ui-datepicker-year{margin-right:3px;}
.ui-datepicker.month .ui-datepicker-month{margin-left:5px;}
.ui-datepicker.month .ui-datepicker-buttonpane{margin-top:0;border-top:none;}

/* ico */
[class*=ico-]{display:inline-block;background-position:50% 50% !important;background-repeat:no-repeat !important;background-size:100% 100% !important;}
.ico-down{width:18px;height:18px;background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.375 9.48242L8.90212 12.8574L5.625 9.48242H12.375Z' fill='%231F2125'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.60938 2.25V10.1234H8.10938V2.25H9.60938Z' fill='%231F2125'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5 11.3569H3V14.4641H15V11.3569H16.5V15.9641H1.5V11.3569Z' fill='%231F2125'/%3E%3C/svg%3E%0A");}
.ico-link{width:18px;height:18px;background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.92957 2.25001L5.93182 2.25L9.34091 2.25C11.7902 2.25 13.7727 4.23254 13.7727 6.68182C13.7727 9.13111 11.7902 11.1136 9.34091 11.1136H7.63636C7.25981 11.1136 6.95455 10.8084 6.95455 10.4318C6.95455 10.0553 7.25981 9.75 7.63636 9.75H9.34091C11.0371 9.75 12.4091 8.37799 12.4091 6.68182C12.4091 4.98565 11.0371 3.61364 9.34091 3.61364H5.933C4.24033 3.6198 2.86364 4.99487 2.86364 6.68182C2.86364 7.39486 3.11436 8.08537 3.57061 8.63065C3.81226 8.91944 3.77403 9.34945 3.48524 9.5911C3.19644 9.83274 2.76643 9.79452 2.52479 9.50572C1.86286 8.71464 1.5 7.71424 1.5 6.68182C1.5 4.23731 3.49091 2.25806 5.92957 2.25001Z' fill='%231F2125'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.65838 8.38659C6.96221 8.38659 5.5902 9.7586 5.5902 11.4548C5.5902 13.1509 6.96221 14.5229 8.65838 14.5229H12.0663C13.759 14.5168 15.1357 13.1417 15.1357 11.4548C15.1357 10.7417 14.8849 10.0512 14.4286 9.50594C14.187 9.21715 14.2252 8.78714 14.514 8.54549C14.8028 8.30385 15.2328 8.34207 15.4745 8.63087C16.1364 9.42194 16.4993 10.4223 16.4993 11.4548C16.4993 13.8993 14.5084 15.8785 12.0697 15.8866L12.0675 15.8866H8.65838C6.2091 15.8866 4.22656 13.9041 4.22656 11.4548C4.22656 9.00548 6.2091 7.02295 8.65838 7.02295H10.3629C10.7395 7.02295 11.0447 7.32821 11.0447 7.70477C11.0447 8.08133 10.7395 8.38659 10.3629 8.38659H8.65838Z' fill='%231F2125'/%3E%3C/svg%3E%0A");}
.ico-victory{width:32px;height:40px;background:url('https://kr.object.ncloudstorage.com/eraonedu-prod/assets/pc/images/common/ico-victory.svg') no-repeat 0 0;}
.ico-heart-sm{width:16px;height:16px; background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6805 8.888C16.1425 7.42596 16.1425 5.05858 14.6805 3.59653C13.2184 2.13449 10.8454 2.13449 9.37777 3.59653C9.24844 3.72587 9.13598 3.86082 9.02913 4.00703C8.92229 3.86645 8.80983 3.72587 8.6805 3.59653C7.21845 2.13449 4.84545 2.13449 3.37778 3.59653C1.91574 5.05858 1.91574 7.42596 3.37778 8.888L9.00103 14.5L14.6749 8.888H14.6805Z' fill='%2386909C'/%3E%3C/svg%3E%0A");}
.ico-doc-sm {width:16px;height:16px;background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.25825 3.80436C2.8838 4.16729 2.66927 4.72086 2.66927 5.50065V11.5007C2.66927 12.2804 2.8838 12.834 3.25825 13.1969C3.63548 13.5626 4.27725 13.834 5.33594 13.834H10.6693C11.728 13.834 12.3697 13.5626 12.747 13.1969C13.1214 12.834 13.3359 12.2804 13.3359 11.5007V5.50065C13.3359 4.72086 13.1214 4.16729 12.747 3.80436C12.3697 3.43874 11.728 3.16732 10.6693 3.16732H5.33594C4.27725 3.16732 3.63548 3.43874 3.25825 3.80436ZM2.33029 2.84694C3.03639 2.16256 4.06129 1.83398 5.33594 1.83398H10.6693C11.9439 1.83398 12.9688 2.16256 13.6749 2.84694C14.3838 3.53401 14.6693 4.48044 14.6693 5.50065V11.5007C14.6693 12.5209 14.3838 13.4673 13.6749 14.1544C12.9688 14.8387 11.9439 15.1673 10.6693 15.1673H5.33594C4.06129 15.1673 3.03639 14.8387 2.33029 14.1544C1.62141 13.4673 1.33594 12.5209 1.33594 11.5007V5.50065C1.33594 4.48044 1.62141 3.53401 2.33029 2.84694Z' fill='%2386909C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.0026 4C9.37079 4 9.66927 4.29848 9.66927 4.66667V5.86667C9.66927 6.09414 9.90299 6.4 10.3359 6.4H11.6693C12.0375 6.4 12.3359 6.69848 12.3359 7.06667C12.3359 7.43486 12.0375 7.73333 11.6693 7.73333H10.3359C9.30222 7.73333 8.33594 6.95919 8.33594 5.86667V4.66667C8.33594 4.29848 8.63441 4 9.0026 4Z' fill='%2386909C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.67188 9.10026C4.67188 8.73207 4.97035 8.43359 5.33854 8.43359H8.00521C8.3734 8.43359 8.67188 8.73207 8.67188 9.10026C8.67188 9.46845 8.3734 9.76693 8.00521 9.76693H5.33854C4.97035 9.76693 4.67188 9.46845 4.67188 9.10026Z' fill='%2386909C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.67188 11.5007C4.67188 11.1325 4.97035 10.834 5.33854 10.834H10.6719C11.0401 10.834 11.3385 11.1325 11.3385 11.5007C11.3385 11.8688 11.0401 12.1673 10.6719 12.1673H5.33854C4.97035 12.1673 4.67188 11.8688 4.67188 11.5007Z' fill='%2386909C'/%3E%3C/svg%3E%0A");}
.ico-play-sm {width:18px;height:18px;background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5ZM7.96154 11.8871L11.5962 9.72177C12.1346 9.40099 12.1346 8.59901 11.5962 8.27822L7.96154 6.1129C7.42308 5.79211 6.75 6.1931 6.75 6.83468V11.1653C6.75 11.8069 7.42308 12.2079 7.96154 11.8871Z' fill='%2386909C'/%3E%3C/svg%3E%0A");}
.ico-lock {width:18px;height:18px;background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 9.5C3 8.12829 4.14524 7.0625 5.5 7.0625H12.5C13.8547 7.0625 15 8.12829 15 9.5V14.5625C15 15.9342 13.8547 17 12.5 17H5.5C4.14524 17 3 15.9342 3 14.5625V9.5ZM5.5 8.5625C4.92176 8.5625 4.5 9.00769 4.5 9.5V14.5625C4.5 15.0548 4.92176 15.5 5.5 15.5H12.5C13.0782 15.5 13.5 15.0548 13.5 14.5625V9.5C13.5 9.00769 13.0782 8.5625 12.5 8.5625H5.5Z' fill='%231F2125'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.0002 3.5C8.35079 3.5 7.72131 3.76865 7.25217 4.25771C6.78202 4.74783 6.5127 5.41897 6.5127 6.125V7.8125C6.5127 8.22671 6.17691 8.5625 5.7627 8.5625C5.34848 8.5625 5.0127 8.22671 5.0127 7.8125V6.125C5.0127 5.04081 5.42555 3.99508 6.16969 3.21933L6.1697 3.21932C6.91487 2.44251 7.93236 2 9.0002 2C10.068 2 11.0855 2.44252 11.8307 3.21931L11.8307 3.21934C12.5748 3.99508 12.9877 5.0408 12.9877 6.125V7.8125C12.9877 8.22671 12.6519 8.5625 12.2377 8.5625C11.8235 8.5625 11.4877 8.22671 11.4877 7.8125V6.125C11.4877 5.419 11.2184 4.74785 10.7483 4.25772M9.0002 3.5C9.64958 3.5 10.279 3.76864 10.7482 4.25769L9.0002 3.5Z' fill='%231F2125'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.82178 13.7188C5.82178 13.3045 6.15756 12.9688 6.57178 12.9688H11.428C11.8423 12.9688 12.178 13.3045 12.178 13.7188C12.178 14.133 11.8423 14.4688 11.428 14.4688H6.57178C6.15756 14.4688 5.82178 14.133 5.82178 13.7188Z' fill='%231F2125'/%3E%3C/svg%3E%0A");}
.ico-sns-kakao {width:28px;height:28px;background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='28' height='28' rx='14' fill='%23FEE500'/%3E%3Cpath d='M14 8C10.135 8 7 10.3061 7 13.15C7 14.9588 8.26814 16.547 10.1821 17.467L9.52283 20L12.6814 18.2098C13.1086 18.2688 13.5493 18.303 14 18.303C17.865 18.303 21 15.9969 21 13.1531C21 10.3092 17.865 8 14 8Z' fill='%233E1918'/%3E%3C/svg%3E%0A");}
.ico-sns-naver {width:28px;height:28px;background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='28' height='28' rx='14' fill='%2303C75A'/%3E%3Cpath d='M15.9636 14.35L11.8818 9H8.5V19H12.0455V13.65L16.1182 19H19.5V9H15.9636V14.35Z' fill='white'/%3E%3C/svg%3E%0A");}

/* tab */
.tab-type1{background:#fff;border-bottom:1px solid rgba(240,240,240,1);}

.tab-type1 + *{margin-top:40px;}
.wrap > .tab-type1.sticky{padding-bottom:0;}
.tab-type1.line-b ul{border-bottom:1px solid #F0F0F0;}
.tab-type1.sticky{padding-bottom:20px;}
.tab-type1.sticky + *{margin-top:0;}
.tab-type1.sticky + .lecure-dashboard-wrap{margin-top:40px;}
.tab-type1 ~ .tab-content{margin-top:20px;}
.tab-type1 ~ .tab-content > .data-list:first-child{margin-top:-14px;}
.tab-type1 ul{background:#fff;display:flex;flex-direction:row;align-items:center;}
.tab-type1 ul:after{content:"";display:block;clear:both;}
.tab-type1 ul li ~ li{margin-left:20px;}
.tab-type1 ul li a{position:relative; display:block;position:relative;height:44px;line-height:42px;font-weight:600;font-size:18px;color: rgba(134, 144, 156, 0.5);text-align:center;}
.tab-type1 ul li a .new{position:absolute;top:0;right:0;width: 4px;height: 4px;background: #F05050;border-radius:100%;}
.tab-type1 ul li a:hover{color:#000000;}
.tab-type1 ul li.on a{color:#000000;}
.tab-type1 ul li.on a:after{content:"";display:block;position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#000000;}
.tab-type1.scroll{background:#fff;z-index: 10;height:44px;}
.tab-type1.scroll.fixed{z-index: 10;}
.tab-type1.scroll.fixed ul{position:fixed;top:60px;width:100%;padding-top:10px;z-index: 10;border-bottom:none;}
.tab-type1.sticky{position: sticky;top:60px;background:#fff;z-index: 10;padding-top:10px;margin-top:-10px;}

/* tag */
.tag-wrap span {display:inline-block;height: 28px; margin:0; line-height:28px; background: #EFF3FA; border-radius:34px;margin-right:3px;padding:0 12px;font-weight: 400; font-size: 13px; color:#1F2125;}
 [class*=tag-st]{height:26px;min-width: 66px;padding:0 10px;font-size:13px;padding-top:2px; border-radius:28px;display:inline-flex;justify-content:center;align-items:center;}
.tag-st1{border:1px solid var(--c-primary); color:var(--c-primary) !important;}
.tag-st2{background: var(--c-primary); color:#fff !important;}
.tag-st3{background: var(--c-primary2); color:var(--c-primary) !important;}
.tag-st4{background: #EDEEF0; color: #86909C !important;}
.tag-st5{background: #000; color: #fff !important;}
.tag-st6{background: #E7F5FF; color: #0481DB !important;}
.tag-st7{background: rgba(240, 80, 80, 0.1); color: #F05050 !important;}
.tag-st-new{background: rgba(240, 80, 80, 0.1); color: #F05050 !important; font-weight:500;font-size:10px;height:16px;line-height:16px;min-width:0; padding:0 6.5px;padding-top:1px;}

/* table */
.data-type1 table {width:100%;border-collapse:collapse;border-spacing:0;color:#373F57;font-size: 14px;table-layout: fixed;}
.data-type1 table th{height:50px;background:#F6F5FE;text-align:center; letter-spacing: -0.5px; font-weight: 600; vertical-align: middle;border:1px solid #EAEAEA;text-align:center;}
.data-type1 table th.st2{background:#F8F9FA;}
.data-type1 table tbody td {height:50px;padding:10px;vertical-align: middle;border:1px solid #EAEAEA;text-align:center;}
.data-type1 table tr > *:first-child{border-left:none;}
.data-type1 table tr > *:last-child{border-right:none;}
.data-type1 table .input-wrap > .input + .inp-chk{margin-left:-20px !important;}
.data-type1 table .form li{padding:10px 0;}
.data-type1 table .form li:first-child{padding-top:0;}
.data-type1 table .form li:last-child{padding-bottom:0;}
.data-type1 table .form li ~ li{border-top:1px solid #EAEAEA;}
.data-type1 table .form .txt-error{color: #F05050; font-size: 13px; margin-top: 4px; }
.data-type1 table .txt-noti + .form,
.data-type1 table .form + .txt-noti{margin-top:20px;}
.data-type1.st2 table th,
.data-type1.st2 table td{background:#fff;padding:10px; border-right:none;border-left:none;text-align:left;color: #373F57;height:66px;}
.data-type1.st2 table th{font-weight: 600; font-size: 14px;vertical-align:top;padding-top:23px;}
.data-type1.st3 table{table-layout: fixed;min-width: initial;width:100%; border-left:1px solid #EAEAEA;border-right:1px solid #EAEAEA;}
.data-type1.st3 table th{height:40px; background:#EDEEF080;border-color: #EAEAEA;font-size:13px;font-weight:600;white-space: initial !important;}
.data-type1.st3 table td{height:60px; background:#fff;border-color: #EAEAEA;font-size:13px;white-space: initial !important;}

.flex-cell-box{display:flex;gap:20px;}
.flex-cell-box > *{flex:1;min-width: 0;}
.flex-cell-box + * {margin-top:30px;}

.editor-wrap{margin-top:20px;}

.gage-wrap .txt{display:block;font-size: 14px;color: #86909C;font-weight:300;}
.gage-wrap .txt + *{margin-top:10px;}
.gage-wrap .txt + .txt{margin-top:1px;}
.gage-bar{position:relative;height: 6px;background: #EDEEF0; border-radius: 6px;width:300px;}
.gage-bar .bar{position:absolute;top:0;left:0;height:100%;background:var(--c-primary);border-radius:6px;}

* + .pause-wrap{margin-top:16px;}
.pause-wrap{display:flex;align-items:center;gap:10px;}
.pause-wrap .btn-pause {display: flex; justify-content: center; align-items: center; padding: 14px 16px; gap: 8px; height: 42px; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 8px;font-size:14px;font-weight:500; color:#333333;}
.pause-wrap .btn-pause.disabled {background: #F6F6F6;border: 1px solid #DDDDDD;color: rgba(31, 33, 37, 0.2);}
.pause-wrap .noti {font-size: 14px;color: #1F2125;display:flex;align-items:center;gap:4px;}
.pause-wrap .noti:before{content:'';display:block;width: 14px;height:14px;background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='6.5' fill='white' stroke='%231F2125'/%3E%3Cpath d='M7.72903 8.28279H6.27097L6.11613 3H7.87097L7.72903 8.28279ZM7.00645 11C6.82581 11 6.65806 10.957 6.50323 10.8709C6.34839 10.7848 6.22581 10.668 6.13548 10.5205C6.04516 10.373 6 10.2131 6 10.041C6 9.87295 6.04516 9.71721 6.13548 9.57377C6.22581 9.42623 6.34839 9.30943 6.50323 9.22336C6.65806 9.13729 6.82581 9.09426 7.00645 9.09426C7.17849 9.09426 7.33978 9.13729 7.49032 9.22336C7.64516 9.30943 7.76774 9.42623 7.85806 9.57377C7.95269 9.71721 8 9.87295 8 10.041C8 10.2131 7.95269 10.373 7.85806 10.5205C7.76774 10.668 7.64516 10.7848 7.49032 10.8709C7.33978 10.957 7.17849 11 7.00645 11Z' fill='black'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:auto 100%;}

/* paging */
.paging-wrap{text-align:center;margin-top:60px;}
.paging-wrap .paging {display:inline-flex;align-items:center;}
.paging-wrap .paging [class*=btn-]{background-size:auto 100%;background-position:50% 50%;background-repeat:no-repeat;}
.paging-wrap .paging [class*=btn-]:disabled{opacity: 0.3;}
.paging-wrap .paging .btn-first{margin-right:10px;background-image: url("data:image/svg+xml,%3Csvg width='32' height='28' viewBox='0 0 32 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='28' transform='matrix(-1 0 0 1 32 0)' fill='white'/%3E%3Cpath d='M16.5142 13.9792C16.6425 13.9792 16.7658 13.9299 16.8645 13.8361L23.8557 6.84492C24.0481 6.6525 24.0481 6.33673 23.8557 6.14431C23.6633 5.9519 23.3475 5.9519 23.1551 6.14431L16.1639 13.1405C15.9715 13.3329 15.9715 13.6437 16.1639 13.8361C16.2625 13.9348 16.3859 13.9792 16.5142 13.9792V13.9792Z' fill='%231F2125'/%3E%3Cpath d='M23.5054 20.9997C23.6337 20.9997 23.757 20.9504 23.8557 20.8566C24.0481 20.6642 24.0481 20.3534 23.8557 20.161L16.8595 13.1648C16.6671 12.9724 16.3563 12.9724 16.1639 13.1648C15.9715 13.3572 15.9715 13.6681 16.1639 13.8605L23.1551 20.8517C23.2538 20.9504 23.3771 20.9948 23.5054 20.9948V20.9997Z' fill='%231F2125'/%3E%3Cpath d='M8.51417 13.9792C8.64245 13.9792 8.7658 13.9299 8.86447 13.8361L15.8557 6.84492C16.0481 6.6525 16.0481 6.33673 15.8557 6.14431C15.6633 5.9519 15.3475 5.9519 15.1551 6.14431L8.16387 13.1405C7.97145 13.3329 7.97145 13.6437 8.16387 13.8361C8.26255 13.9348 8.38589 13.9792 8.51417 13.9792V13.9792Z' fill='%231F2125'/%3E%3Cpath d='M15.5054 20.9997C15.6337 20.9997 15.757 20.9504 15.8557 20.8566C16.0481 20.6642 16.0481 20.3534 15.8557 20.161L8.85954 13.1648C8.66712 12.9724 8.35629 12.9724 8.16387 13.1648C7.97145 13.3572 7.97145 13.6681 8.16387 13.8605L15.1551 20.8517C15.2538 20.9504 15.3771 20.9948 15.5054 20.9948V20.9997Z' fill='%231F2125'/%3E%3C/svg%3E%0A");}
.paging-wrap .paging .btn-prev {margin-right:10px;background-image: url("data:image/svg+xml,%3Csvg width='32' height='28' viewBox='0 0 32 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='28' transform='matrix(-1 0 0 1 32 0)' fill='white'/%3E%3Cpath d='M12.5142 13.9792C12.6425 13.9792 12.7658 13.9299 12.8645 13.8361L19.8557 6.84492C20.0481 6.6525 20.0481 6.33673 19.8557 6.14431C19.6633 5.9519 19.3475 5.9519 19.1551 6.14431L12.1639 13.1405C11.9715 13.3329 11.9715 13.6437 12.1639 13.8361C12.2625 13.9348 12.3859 13.9792 12.5142 13.9792V13.9792Z' fill='%231F2125'/%3E%3Cpath d='M19.5054 20.9997C19.6337 20.9997 19.757 20.9504 19.8557 20.8566C20.0481 20.6642 20.0481 20.3534 19.8557 20.161L12.8595 13.1648C12.6671 12.9724 12.3563 12.9724 12.1639 13.1648C11.9715 13.3572 11.9715 13.6681 12.1639 13.8605L19.1551 20.8517C19.2538 20.9504 19.3771 20.9948 19.5054 20.9948V20.9997Z' fill='%231F2125'/%3E%3C/svg%3E%0A");}
.paging-wrap .paging button {width: 32px; height: 28px; margin:0 3px;text-align:center;line-height:27px;}
.paging-wrap .paging button:not([class*=btn-]) {border: 0.5px solid #DDDFE0;background: #FFFFFF;  border-radius: 3px;font-size:13px; color:#000000;}
.paging-wrap .paging button.on {background: #F8F8F8; border: 0.5px solid #DDDFE0;color: var(--c-primary);font-weight: 500; font-size: 13px;}
.paging-wrap .paging .btn-next {margin-left:10px;background-image: url("data:image/svg+xml,%3Csvg width='32' height='28' viewBox='0 0 32 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.00195312' width='32' height='28' fill='white'/%3E%3Cpath d='M19.4858 13.9812C19.3575 13.9812 19.2342 13.9318 19.1355 13.8381L12.1443 6.84687C11.9519 6.65445 11.9519 6.33869 12.1443 6.14627C12.3367 5.95385 12.6525 5.95385 12.8449 6.14627L19.8361 13.1424C20.0285 13.3348 20.0285 13.6457 19.8361 13.8381C19.7375 13.9368 19.6141 13.9812 19.4858 13.9812Z' fill='%231F2125'/%3E%3Cpath d='M12.4946 21.0017C12.3663 21.0017 12.243 20.9523 12.1443 20.8586C11.9519 20.6662 11.9519 20.3553 12.1443 20.1629L19.1405 13.1668C19.3329 12.9744 19.6437 12.9744 19.8361 13.1668C20.0285 13.3592 20.0285 13.67 19.8361 13.8624L12.8449 20.8537C12.7462 20.9523 12.6229 20.9967 12.4946 20.9967V21.0017Z' fill='%231F2125'/%3E%3C/svg%3E%0A");}
.paging-wrap .paging .btn-last {margin-left:10px;background-image: url("data:image/svg+xml,%3Csvg width='32' height='28' viewBox='0 0 32 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.00195312' width='32' height='28' fill='white'/%3E%3Cpath d='M15.4858 13.9812C15.3575 13.9812 15.2342 13.9318 15.1355 13.8381L8.14431 6.84687C7.9519 6.65445 7.9519 6.33869 8.14431 6.14627C8.33673 5.95385 8.6525 5.95385 8.84492 6.14627L15.8361 13.1424C16.0285 13.3348 16.0285 13.6457 15.8361 13.8381C15.7375 13.9368 15.6141 13.9812 15.4858 13.9812Z' fill='%231F2125'/%3E%3Cpath d='M8.49461 21.0017C8.36634 21.0017 8.24299 20.9523 8.14431 20.8586C7.9519 20.6662 7.9519 20.3553 8.14431 20.1629L15.1405 13.1668C15.3329 12.9744 15.6437 12.9744 15.8361 13.1668C16.0285 13.3592 16.0285 13.67 15.8361 13.8624L8.84492 20.8537C8.74624 20.9523 8.62289 20.9967 8.49461 20.9967V21.0017Z' fill='%231F2125'/%3E%3Cpath d='M23.4858 13.9812C23.3575 13.9812 23.2342 13.9318 23.1355 13.8381L16.1443 6.84687C15.9519 6.65445 15.9519 6.33869 16.1443 6.14627C16.3367 5.95385 16.6525 5.95385 16.8449 6.14627L23.8361 13.1424C24.0285 13.3348 24.0285 13.6457 23.8361 13.8381C23.7375 13.9368 23.6141 13.9812 23.4858 13.9812Z' fill='%231F2125'/%3E%3Cpath d='M16.4946 21.0017C16.3663 21.0017 16.243 20.9523 16.1443 20.8586C15.9519 20.6662 15.9519 20.3553 16.1443 20.1629L23.1405 13.1668C23.3329 12.9744 23.6437 12.9744 23.8361 13.1668C24.0285 13.3592 24.0285 13.67 23.8361 13.8624L16.8449 20.8537C16.7462 20.9523 16.6229 20.9967 16.4946 20.9967V21.0017Z' fill='%231F2125'/%3E%3C/svg%3E%0A");}

/* layer menu */
.layer-wrap{position:relative;display:inline-block;}
.layer-wrap .btn-menu{width:40px;height:40px;background:url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%224%22%20viewBox%3D%220%200%2018%204%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M10%202C10%201.44772%209.55228%201%209%201C8.44772%201%208%201.44772%208%202C8%202.55228%208.44772%203%209%203C9.55228%203%2010%202.55228%2010%202Z%22%20stroke%3D%22%23101828%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M3%202C3%201.44772%202.55228%201%202%201C1.44772%201%201%201.44772%201%202C1%202.55228%201.44772%203%202%203C2.55228%203%203%202.55228%203%202Z%22%20stroke%3D%22%23101828%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M17%202C17%201.44772%2016.5523%201%2016%201C15.4477%201%2015%201.44772%2015%202C15%202.55228%2015.4477%203%2016%203C16.5523%203%2017%202.55228%2017%202Z%22%20stroke%3D%22%23101828%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C!--%20Code%20injected%20by%20live-server%20--%3E%0A%3Cscript%3E%0A%09%2F%2F%20%3C!%5BCDATA%5B%20%20%3C--%20For%20SVG%20support%0A%09if%20('WebSocket'%20in%20window)%20%7B%0A%09%09(function%20()%20%7B%0A%09%09%09function%20refreshCSS()%20%7B%0A%09%09%09%09var%20sheets%20%3D%20%5B%5D.slice.call(document.getElementsByTagName(%22link%22))%3B%0A%09%09%09%09var%20head%20%3D%20document.getElementsByTagName(%22head%22)%5B0%5D%3B%0A%09%09%09%09for%20(var%20i%20%3D%200%3B%20i%20%3C%20sheets.length%3B%20%2B%2Bi)%20%7B%0A%09%09%09%09%09var%20elem%20%3D%20sheets%5Bi%5D%3B%0A%09%09%09%09%09var%20parent%20%3D%20elem.parentElement%20%7C%7C%20head%3B%0A%09%09%09%09%09parent.removeChild(elem)%3B%0A%09%09%09%09%09var%20rel%20%3D%20elem.rel%3B%0A%09%09%09%09%09if%20(elem.href%20%26%26%20typeof%20rel%20!%3D%20%22string%22%20%7C%7C%20rel.length%20%3D%3D%200%20%7C%7C%20rel.toLowerCase()%20%3D%3D%20%22stylesheet%22)%20%7B%0A%09%09%09%09%09%09var%20url%20%3D%20elem.href.replace(%2F(%26%7C%5C%3F)_cacheOverride%3D%5Cd%2B%2F%2C%20'')%3B%0A%09%09%09%09%09%09elem.href%20%3D%20url%20%2B%20(url.indexOf('%3F')%20%3E%3D%200%20%3F%20'%26'%20%3A%20'%3F')%20%2B%20'_cacheOverride%3D'%20%2B%20(new%20Date().valueOf())%3B%0A%09%09%09%09%09%7D%0A%09%09%09%09%09parent.appendChild(elem)%3B%0A%09%09%09%09%7D%0A%09%09%09%7D%0A%09%09%09var%20protocol%20%3D%20window.location.protocol%20%3D%3D%3D%20'http%3A'%20%3F%20'ws%3A%2F%2F'%20%3A%20'wss%3A%2F%2F'%3B%0A%09%09%09var%20address%20%3D%20protocol%20%2B%20window.location.host%20%2B%20window.location.pathname%20%2B%20'%2Fws'%3B%0A%09%09%09var%20socket%20%3D%20new%20WebSocket(address)%3B%0A%09%09%09socket.onmessage%20%3D%20function%20(msg)%20%7B%0A%09%09%09%09if%20(msg.data%20%3D%3D%20'reload')%20window.location.reload()%3B%0A%09%09%09%09else%20if%20(msg.data%20%3D%3D%20'refreshcss')%20refreshCSS()%3B%0A%09%09%09%7D%3B%0A%09%09%09if%20(sessionStorage%20%26%26%20!sessionStorage.getItem('IsThisFirstTime_Log_From_LiveServer'))%20%7B%0A%09%09%09%09console.log('Live%20reload%20enabled.')%3B%0A%09%09%09%09sessionStorage.setItem('IsThisFirstTime_Log_From_LiveServer'%2C%20true)%3B%0A%09%09%09%7D%0A%09%09%7D)()%3B%0A%09%7D%0A%09else%20%7B%0A%09%09console.error('Upgrade%20your%20browser.%20This%20Browser%20is%20NOT%20supported%20WebSocket%20for%20Live-Reloading.')%3B%0A%09%7D%0A%09%2F%2F%20%5D%5D%3E%0A%3C%2Fscript%3E%0A%3C%2Fsvg%3E%0A") no-repeat 50% 50%;}
.layer-wrap .menu-layer{display:none;position:absolute;top:calc(100% + 8px);max-height: 50vh;min-width: 120px; overflow:hidden;overflow-y:auto;border-radius: 8px; border: 1px solid #E5E7EB;box-shadow: 0px 2px 16px rgba(17, 24, 39, 0.08);background: #fff; z-index: 10;}
.layer-wrap .menu-layer::-webkit-scrollbar{-webkit-appearance:none;}
.layer-wrap .menu-layer::-webkit-scrollbar:vertical{width:5px;}
.layer-wrap .menu-layer::-webkit-scrollbar:horizontal{height:5px;} 
.layer-wrap .menu-layer::-webkit-scrollbar-thumb{ background-color:rgba(0,0,0,.2); border-radius:10px; }
.layer-wrap .menu-layer::-webkit-scrollbar-track{ background-color:rgba(0,0,0,.05); border-radius:10px; }
.layer-wrap .menu-layer ul{padding:4px 0;}
.layer-wrap .menu-layer ul li{padding:4px 0;}
.layer-wrap .menu-layer ul li > *{display:flex;align-items:center;height:32px;font-size:14px;padding:0 16px;white-space: nowrap; color:rgba(17, 24, 39, 1);font-weight:500;}
.layer-wrap .menu-layer ul li > * i:first-child{margin-right:4px;}
.layer-wrap .menu-layer ul li a,
.layer-wrap .menu-layer ul li button{width:100%;display:block;}
.layer-wrap .menu-layer ul li button span{line-height:0;}
.layer-wrap .menu-layer ul li button:hover,
.layer-wrap .menu-layer ul li a:hover{background: rgba(249, 250, 251, 1);}

.btn-more button{margin:0; font-size:15px; color:#1F2125;display:flex;align-items:center;gap:3px;}
.btn-more button span{line-height:0;}
.btn-more button:after{content:'';display:block;width: 14px;height:14px;transform:translateY(-1px); background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='9.91666' y='7.48071' width='1.16667' height='7.59696' rx='0.583333' transform='rotate(135 9.91666 7.48071)' fill='%231F2125'/%3E%3Crect x='9.05261' y='6.67578' width='1.16667' height='7.54132' rx='0.583333' transform='rotate(45 9.05261 6.67578)' fill='%231F2125'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:auto 100%;}

.btn-more-view{margin-top:20px;display:flex;justify-content:center;align-items:center;}
.btn-more-view button{padding: 0 16px; width: 200px; height: 56px; border: 1px solid #E5E5E5; border-radius: 56px;font-weight: 500; font-size: 16px; color: #111518;}
.btn-more-view button span{display:inline-flex;align-items:center;}
.btn-more-view button span:after{content:'';display:block;width:24px;height:24px;margin-left:4px; background:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 9L12 14L7 9' stroke='%23111518' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 0 0;background-size:auto 100%;}

.btn-wrap{display:flex;align-items:center;justify-content: center;flex-wrap: wrap;;margin-top:30px;}
.btn-wrap .btn-type1{min-width: 180px;}
.btn-wrap.col{flex-direction: column;}
.btn-wrap .left{margin-right:auto;}
.btn-wrap .right{margin-left:auto;display:flex;align-items:center;}
.btn-wrap [class*=btn-type] ~ [class*=btn-type]{margin-left:10px;}
.btn-wrap.col [class*=btn-type] ~ [class*=btn-type]{margin-left:0 !important;margin-top:10px;}
.btn-wrap.line-t{padding-top:30px;border-top:1px solid #f0f0f0;}
.btn-wrap.align-r{justify-content: flex-end;}
[class*=btn-type] {display:inline-flex;text-align:center;align-items: center;justify-content: center;white-space: nowrap;}
/* [class*=btn-type]:disabled {background-color: #DDD !important;color: #aaaaac !important;border-color: #DDD !important;} */
[class*=btn-type]:disabled {background-color: #DEE6F1 !important;color: #98A2BC !important;border-color: #DEE6F1 !important;}
[class*=btn-type].full{width:100%;}
[class*=btn-type].w-size1{width:128px;}
[class*=btn-type].w-size2{width:120px;}
[class*=btn-type].w-auto{flex:1;}
[class*=btn-type].st1{border:1px solid var(--c-primary);color: #fff;background:var(--c-primary);}
[class*=btn-type].st2{border:1px solid var(--c-primary2);color: var(--c-primary);background:var(--c-primary2);}
[class*=btn-type].st3{border:1px solid #DDDDDD;color: #333;background:#fff;}
[class*=btn-type].st4{border:1px solid #F8F9FA;color: #373F57;background:#F8F9FA;border-radius:8px;}
[class*=btn-type].st5{border:1px solid #F0F2F9;color: #BBC1C9;background:#F0F2F9;border-radius:8px;}
[class*=btn-type].st6{border:1px solid #F05050;color: #F05050;background:#fff;border-radius:8px;}
[class*=btn-type].st7{border:1px solid #011B6A;color: #fff;background:#011B6A;border-radius:8px;}
[class*=btn-type] b{font-weight:700;}
[class*=btn-type] [class*=ico-]:first-child{margin-right:5px;}
.btn-type-full{height:60px;width:100%; line-height:58px;padding:0 40px;text-align:center;font-size:18px;font-weight:700;}
.btn-type1{height:50px;line-height:52px;padding:0 30px;text-align:center;font-size:16px;border-radius: 8px;font-weight:500;}
.btn-type2{height:50px;line-height:48px;padding:0 40px;text-align:center;font-size:18px;border-radius: 8px;font-weight:700;}
.btn-type3{height:48px;line-height:52px;padding:0 30px;text-align:center;font-size:16px;border-radius: 6px;font-weight:500;}
.btn-type3.pad2{padding:0 20px; font-size: 14px;}
.btn-type4{height:44px;line-height:42px;padding:0 16px;text-align:center;font-size:14px;border-radius: 6px;font-weight:500;}
.btn-type5{height:36px;line-height:34px;padding:0 16px;text-align:center;font-size:14px;border-radius: 8px;font-weight:500;}
.btn-type6{height:50px;line-height:50px;padding:0 16px;text-align:center;font-size:14px;border-radius: 6px;font-weight:600;}
.btn-type7{height:40px;line-height:40px;padding:0 16px;text-align:center;font-size:14px;border-radius: 8px;font-weight:400;}
.btn-type8{height:60px;line-height:62px;padding:0 30px;text-align:center;font-size:18px;border-radius: 12px;font-weight:700;}

.btn-range-toggle{width:52px;height:36px;background:url('https://kr.object.ncloudstorage.com/eraonedu-prod/assets/pc/images/common/btn-range-toggle.png') no-repeat 100% 0;}
.btn-range-toggle.on{background-position-x: 0;}

/* title */
.title-main{ color:#000;font-size:22px;font-weight:600;}
.title-major{font-weight: 600; font-size: 16px;}
.title-section {display:flex;align-items:center; font-weight: 600; font-size: 16px;  }
.title-section + *{margin-top:20px;}
.title-section em{color: #5436EA;font-weight:600;}
.title-section b{position:relative; font-weight: 700; color:#111518;}
.title-section em + b{font-weight: 600;padding-left:8px;margin-left:7px;}
.title-section em + b:before{content:'';display:block;width:1px;height:15px;background:#CCCCCC;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.title-section + .tit-sb {margin-top:10px;}
.title-subject {font-weight: 600; font-size: 17px;display:flex;align-items:center;}
.title-subject.line-b{padding-bottom:12px;border-bottom:1px solid #F0F0F0;}
.title-subject + *{margin-top:14px;}
.title-subject + .form-wrap{margin-top:30px;}
.title-subject  [class*=ico-]{width:20px;height:20px;margin-right:4px;}
.title-subject .ico-pen-noti {background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.1674 2.16602L17.5039 6.2491L9.20732 14.4904L3.84375 15.6367L4.88044 10.4032L13.1674 2.16602ZM13.201 4.58358L6.50674 11.2375L6.0782 13.4009L8.31987 12.9218L15.0045 6.28175L13.201 4.58358Z' fill='%231F2125'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6453 8.86432L10.5703 5.97857L11.7892 4.74023L14.8642 7.62599L13.6453 8.86432Z' fill='%231F2125'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.4513 18.8328H2.5V17.1152H17.4513V18.8328Z' fill='%231F2125'/%3E%3C/svg%3E%0A");}
.title-subject .ico-question {background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.05445 6.70439C5.8842 6.70439 5.72653 6.71119 5.5761 6.7292C5.56753 6.73022 5.55895 6.7311 5.55035 6.73183C4.6684 6.80707 4.11321 7.09236 3.76684 7.49881C3.41219 7.91499 3.18059 8.5703 3.18059 9.57142V12.5974C3.18059 14.0453 3.47757 14.667 3.83007 14.9741C4.20804 15.3034 4.85747 15.4645 6.05445 15.4645H6.35778C6.37796 15.4645 6.39813 15.4653 6.41824 15.4669C6.79171 15.4967 7.16004 15.6642 7.42308 15.9759C7.43227 15.9867 7.44114 15.9979 7.4497 16.0092L8.35958 17.2196C8.37521 17.2404 8.38976 17.262 8.40317 17.2843C8.40638 17.2896 8.40824 17.2914 8.40856 17.2918C8.40887 17.2921 8.41069 17.2939 8.41605 17.2971L8.42671 17.3036C8.47597 17.3342 8.53808 17.3171 8.56517 17.2736C8.57674 17.2551 8.58911 17.2371 8.60224 17.2196L9.51213 16.0092L9.51213 16.0092C9.769 15.6676 10.1757 15.4645 10.604 15.4645H10.9074C11.9121 15.4645 12.5687 15.2348 12.9854 14.882C13.3919 14.5379 13.6781 13.9847 13.7536 13.1005C13.7543 13.0919 13.7552 13.0832 13.7563 13.0746C13.7743 12.9245 13.7811 12.7672 13.7811 12.5974V9.57142C13.7811 8.48202 13.5079 7.80225 13.0943 7.38963C12.6807 6.97701 11.9993 6.70439 10.9074 6.70439H6.05445ZM5.40846 5.22545C5.63253 5.1993 5.84955 5.19141 6.05445 5.19141H10.9074C12.2343 5.19141 13.3689 5.52395 14.1666 6.31979C14.9643 7.11563 15.2977 8.24762 15.2977 9.57142V12.5974C15.2977 12.8018 15.2898 13.0182 15.2636 13.2417C15.1628 14.3945 14.759 15.3648 13.9666 16.0356C13.1814 16.7004 12.1244 16.9775 10.9074 16.9775H10.6799L9.83217 18.1052C9.35213 18.8363 8.37365 19.0491 7.63045 18.5913C7.42537 18.4674 7.2553 18.3019 7.12663 18.1012L6.28192 16.9775H6.05445C4.83257 16.9775 3.66593 16.8398 2.83256 16.1137C1.97371 15.3655 1.66406 14.1754 1.66406 12.5974V9.57142C1.66406 8.35603 1.94431 7.30167 2.61144 6.51882C3.28438 5.72913 4.25623 5.32607 5.40846 5.22545Z' fill='%231F2125'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40681 5.19198H10.9065C12.2334 5.19198 13.368 5.52452 14.1657 6.32036C14.9634 7.1162 15.2967 8.24819 15.2967 9.57199V12.2461C15.7096 12.1089 16.0099 11.9019 16.2274 11.647C16.5814 11.2322 16.8133 10.5775 16.8133 9.57199V6.54603C16.8133 5.45663 16.54 4.77686 16.1264 4.36424C15.7128 3.95162 15.0315 3.679 13.9395 3.679H9.08659C8.08311 3.679 7.42626 3.91003 7.0091 4.26384C6.75294 4.4811 6.54479 4.78073 6.40681 5.19198ZM6.02684 3.11111C6.81153 2.44558 7.86836 2.16602 9.08659 2.16602H13.9395C15.2664 2.16602 16.4011 2.49856 17.1988 3.2944C17.9965 4.09024 18.3298 5.22223 18.3298 6.54603V9.57199C18.3298 10.7906 18.0498 11.8455 17.3821 12.6279C16.7062 13.4199 15.7293 13.8204 14.5728 13.9191C14.3455 13.9385 14.1215 13.8547 13.963 13.691C13.8044 13.5274 13.7282 13.3012 13.7553 13.0752C13.7734 12.9251 13.7802 12.7678 13.7802 12.598V9.57199C13.7802 8.48259 13.507 7.80282 13.0934 7.3902C12.6798 6.97758 11.9984 6.70496 10.9065 6.70496H6.05353C5.88328 6.70496 5.72561 6.71176 5.57518 6.72977C5.34866 6.75688 5.12194 6.68081 4.95789 6.52263C4.79383 6.36446 4.70989 6.141 4.72932 5.91422C4.82832 4.75914 5.23238 3.78492 6.02684 3.11111Z' fill='%231F2125'/%3E%3Cpath d='M11.8993 11.4323C11.8993 11.8501 11.5599 12.1888 11.1411 12.1888C10.7223 12.1888 10.3828 11.8501 10.3828 11.4323C10.3828 11.0145 10.7223 10.6758 11.1411 10.6758C11.5599 10.6758 11.8993 11.0145 11.8993 11.4323Z' fill='%231F2125'/%3E%3Cpath d='M9.24309 11.4323C9.24309 11.8501 8.90361 12.1888 8.48483 12.1888C8.06605 12.1888 7.72656 11.8501 7.72656 11.4323C7.72656 11.0145 8.06605 10.6758 8.48483 10.6758C8.90361 10.6758 9.24309 11.0145 9.24309 11.4323Z' fill='%231F2125'/%3E%3Cpath d='M6.59466 11.4323C6.59466 11.8501 6.25517 12.1888 5.83639 12.1888C5.41761 12.1888 5.07812 11.8501 5.07812 11.4323C5.07812 11.0145 5.41761 10.6758 5.83639 10.6758C6.25517 10.6758 6.59466 11.0145 6.59466 11.4323Z' fill='%231F2125'/%3E%3C/svg%3E%0A");}
.title-subject .ico-trophy {background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7504 4.30435V8.86957C14.7504 11.387 12.6191 13.4348 9.99922 13.4348C7.37931 13.4348 5.24809 11.387 5.24809 8.86957V4.30435H14.7504ZM15.4291 3H4.56936C4.19605 3 3.89062 3.29348 3.89062 3.65217V8.86957C3.89062 12.1109 6.62592 14.7391 9.99922 14.7391C13.3725 14.7391 16.1078 12.1109 16.1078 8.86957V3.65217C16.1078 3.29348 15.8024 3 15.4291 3Z' fill='%231F2125'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.0667 18.8327H5.92188V17.166H14.0667V18.8327Z' fill='%231F2125'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.8674 13.4355V18.0008H9.13281V13.4355H10.8674Z' fill='%231F2125'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.66406 8.21773V4.30469H3.3986V8.21773H1.66406Z' fill='%231F2125'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5938 8.21773V4.30469H18.3283V8.21773H16.5938Z' fill='%231F2125'/%3E%3C/svg%3E%0A");}
.title-subject .ico-crown{background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2355 5.22857L12.7069 8.20002L13.6355 9.31431L14.7355 8.37144L17.3784 6.10713V14.4286H3.09263V6.10713L5.7355 8.37144L6.83548 9.31431L7.76405 8.20002L10.2355 5.22857ZM18.8069 3L13.8069 7.28571L10.2355 3L6.66406 7.28571L1.66406 3V15.8571H18.8069V3Z' fill='%231F2125'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.8069 18.8327H1.66406V17.166H18.8069V18.8327Z' fill='%231F2125'/%3E%3C/svg%3E%0A");}
.title-subject .ico-curriculum {background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.7256 3.05769C9.89943 2.98077 10.095 2.98077 10.2688 3.05769L17.8958 6.43269C18.1589 6.54914 18.3304 6.82222 18.3304 7.125C18.3304 7.42778 18.1589 7.70086 17.8958 7.81731L10.2688 11.1923C10.095 11.2692 9.89943 11.2692 9.7256 11.1923L2.09865 7.81731C1.83548 7.70086 1.66406 7.42778 1.66406 7.125C1.66406 6.82222 1.83548 6.54914 2.09865 6.43269L9.7256 3.05769ZM4.20638 7.125L9.99721 9.6875L15.788 7.125L9.99721 4.5625L4.20638 7.125Z' fill='%231F2125'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.71857 10.2117C1.86858 9.82938 2.28204 9.64858 2.64206 9.80789L9.9974 13.0627L17.3527 9.80789C17.7128 9.64858 18.1262 9.82938 18.2762 10.2117C18.4262 10.5941 18.256 11.0332 17.896 11.1925L10.269 14.5675C10.0952 14.6444 9.89962 14.6444 9.72578 14.5675L2.09883 11.1925C1.73881 11.0332 1.56856 10.5941 1.71857 10.2117Z' fill='%231F2125'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.71857 13.5867C1.86858 13.2044 2.28204 13.0236 2.64206 13.1829L9.9974 16.4377L17.3527 13.1829C17.7128 13.0236 18.1262 13.2044 18.2762 13.5867C18.4262 13.9691 18.256 14.4082 17.896 14.5675L10.269 17.9425C10.0952 18.0194 9.89962 18.0194 9.72578 17.9425L2.09883 14.5675C1.73881 14.4082 1.56856 13.9691 1.71857 13.5867Z' fill='%231F2125'/%3E%3C/svg%3E%0A");}
.title-subject .ico-reple {background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.78906 9.32574C6.78906 8.89019 7.14215 8.53711 7.5777 8.53711H13.0981C13.5337 8.53711 13.8868 8.89019 13.8868 9.32574C13.8868 9.76129 13.5337 10.1144 13.0981 10.1144H7.5777C7.14215 10.1144 6.78906 9.76129 6.78906 9.32574Z' fill='%23111111'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.4261 2.17315H14.2695C14.4397 2.16492 14.61 2.16528 14.7803 2.17424L14.7873 2.17461C17.2617 2.32689 19.1598 4.45147 19.0211 6.92805V11.6169C19.0294 11.7872 19.029 11.9575 19.02 12.1278L19.0197 12.1348C18.8843 14.3338 17.1914 16.0775 15.078 16.3412V17.2597C15.078 17.2681 15.0778 17.2765 15.0776 17.2849C15.0774 17.2896 15.0772 17.2944 15.077 17.2991C15.064 17.5587 14.9966 17.8603 14.8072 18.1372C14.3184 18.8591 13.3466 19.0434 12.6282 18.5749L12.6222 18.571L9.3113 16.3686H6.42285C6.25259 16.3768 6.08223 16.3764 5.91198 16.3675L5.90498 16.3671C3.43046 16.2148 1.53255 14.0902 1.6712 11.6137V6.92482C1.66297 6.75456 1.66333 6.58428 1.67229 6.41402L1.67266 6.40703C1.82493 3.93254 3.94951 2.0345 6.4261 2.17315ZM9.54964 14.7913C9.70506 14.7913 9.85702 14.8372 9.98642 14.9233L13.4907 17.2543C13.4921 17.2551 13.4928 17.2553 13.4932 17.2553C13.4942 17.2555 13.4957 17.2556 13.4975 17.2552C13.4974 17.2552 13.4977 17.2552 13.4975 17.2552C13.4985 17.2504 13.4999 17.2434 13.5007 17.2344V15.5799C13.5007 15.3624 13.5906 15.1544 13.7491 15.0054C13.9076 14.8564 14.1206 14.7794 14.3378 14.7928C15.9501 14.892 17.3438 13.6576 17.4451 12.0413C17.4514 11.9203 17.4513 11.7992 17.445 11.6782C17.4442 11.6644 17.4439 11.6506 17.4439 11.6368V6.90495C17.4439 6.88879 17.4444 6.87264 17.4454 6.85651C17.5446 5.24419 16.3101 3.85049 14.6938 3.74915C14.5728 3.7429 14.4518 3.74296 14.3308 3.74933C14.317 3.75006 14.3032 3.75042 14.2893 3.75042H6.403C6.38684 3.75042 6.37069 3.74992 6.35456 3.74893C4.74224 3.64971 3.34854 4.88418 3.24719 6.50045C3.24094 6.6215 3.24101 6.74245 3.24738 6.8635C3.2481 6.87731 3.24847 6.89113 3.24847 6.90495V11.6368C3.24847 11.6529 3.24797 11.6691 3.24698 11.6852C3.14776 13.2975 4.38215 14.6912 5.99837 14.7926C6.10928 14.7983 6.2202 14.7987 6.33111 14.7938C6.35222 14.7921 6.37356 14.7913 6.39511 14.7913H9.54964Z' fill='%23111111'/%3E%3C/svg%3E%0A");}
.title-subject .ico-lecture-list {background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.66699 15.25C4.66699 15.0511 4.58792 14.8604 4.44727 14.7197C4.30661 14.5791 4.1159 14.5 3.91699 14.5C3.71808 14.5 3.52737 14.5791 3.38672 14.7197C3.24607 14.8604 3.16699 15.0511 3.16699 15.25C3.16699 15.4489 3.24607 15.6396 3.38672 15.7803C3.52737 15.9209 3.71808 16 3.91699 16C4.1159 16 4.30661 15.9209 4.44727 15.7803C4.58792 15.6396 4.66699 15.4489 4.66699 15.25ZM4.66699 10C4.66699 9.80109 4.58792 9.61038 4.44727 9.46973C4.30661 9.32907 4.1159 9.25 3.91699 9.25C3.71808 9.25 3.52737 9.32907 3.38672 9.46973C3.24607 9.61038 3.16699 9.80109 3.16699 10C3.16699 10.1989 3.24607 10.3896 3.38672 10.5303C3.52737 10.6709 3.71808 10.75 3.91699 10.75C4.1159 10.75 4.30661 10.6709 4.44727 10.5303C4.58792 10.3896 4.66699 10.1989 4.66699 10ZM4.66699 4.75C4.66699 4.55109 4.58792 4.36038 4.44727 4.21973C4.30661 4.07907 4.1159 4 3.91699 4C3.71808 4 3.52737 4.07907 3.38672 4.21973C3.24607 4.36038 3.16699 4.55109 3.16699 4.75C3.16699 4.94891 3.24607 5.13962 3.38672 5.28027C3.52737 5.42093 3.71808 5.5 3.91699 5.5C4.1159 5.5 4.30661 5.42093 4.44727 5.28027C4.58792 5.13962 4.66699 4.94891 4.66699 4.75ZM6.16699 15.25C6.16699 15.8467 5.92977 16.4189 5.50781 16.8408C5.08586 17.2628 4.51373 17.5 3.91699 17.5C3.32025 17.5 2.74813 17.2628 2.32617 16.8408C1.90422 16.4189 1.66699 15.8467 1.66699 15.25C1.66699 14.6533 1.90422 14.0811 2.32617 13.6592C2.74813 13.2372 3.32025 13 3.91699 13C4.51373 13 5.08586 13.2372 5.50781 13.6592C5.92977 14.0811 6.16699 14.6533 6.16699 15.25ZM6.16699 10C6.16699 10.5967 5.92977 11.1689 5.50781 11.5908C5.08586 12.0128 4.51373 12.25 3.91699 12.25C3.32025 12.25 2.74813 12.0128 2.32617 11.5908C1.90422 11.1689 1.66699 10.5967 1.66699 10C1.66699 9.40326 1.90422 8.83114 2.32617 8.40918C2.74813 7.98722 3.32025 7.75 3.91699 7.75C4.51373 7.75 5.08586 7.98722 5.50781 8.40918C5.92977 8.83114 6.16699 9.40326 6.16699 10ZM6.16699 4.75C6.16699 5.34674 5.92977 5.91886 5.50781 6.34082C5.08586 6.76278 4.51373 7 3.91699 7C3.32026 7 2.74813 6.76278 2.32617 6.34082C1.90421 5.91886 1.66699 5.34674 1.66699 4.75C1.66699 4.15326 1.90421 3.58114 2.32617 3.15918C2.74813 2.73722 3.32026 2.5 3.91699 2.5C4.51373 2.5 5.08586 2.73722 5.50781 3.15918C5.92977 3.58114 6.16699 4.15326 6.16699 4.75Z' fill='black'/%3E%3Cpath d='M17.5003 14.5C17.9145 14.5 18.2503 14.8358 18.2503 15.25C18.2503 15.6642 17.9145 16 17.5003 16H8.41699C8.00278 16 7.66699 15.6642 7.66699 15.25C7.66699 14.8358 8.00278 14.5 8.41699 14.5H17.5003ZM17.5003 9.25C17.9145 9.25 18.2503 9.58579 18.2503 10C18.2503 10.4142 17.9145 10.75 17.5003 10.75H8.41699C8.00278 10.75 7.66699 10.4142 7.66699 10C7.66699 9.58579 8.00278 9.25 8.41699 9.25H17.5003ZM17.5003 4C17.9145 4 18.2503 4.33579 18.2503 4.75C18.2503 5.16421 17.9145 5.5 17.5003 5.5H8.41699C8.00278 5.5 7.66699 5.16421 7.66699 4.75C7.66699 4.33579 8.00278 4 8.41699 4L17.5003 4Z' fill='black'/%3E%3C/svg%3E%0A");}
.title-subject .ico-lecture-movie {background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0001 3.33203C10.7126 3.33203 11.4434 3.35036 12.1517 3.38036L12.9884 3.42036L13.7892 3.46786L14.5392 3.5187L15.2242 3.57203C15.9677 3.62861 16.6674 3.94573 17.2 4.46753C17.7327 4.98934 18.0641 5.68236 18.1359 6.42453L18.1692 6.7787L18.2317 7.53703C18.2901 8.32286 18.3334 9.17953 18.3334 9.9987C18.3334 10.8179 18.2901 11.6745 18.2317 12.4604L18.1692 13.2187L18.1359 13.5729C18.0641 14.3152 17.7325 15.0083 17.1997 15.5301C16.6669 16.0519 15.9671 16.369 15.2234 16.4254L14.5401 16.4779L13.7901 16.5295L12.9884 16.577L12.1517 16.617C11.4349 16.6481 10.7176 16.6642 10.0001 16.6654C9.2826 16.6642 8.56522 16.6481 7.84841 16.617L7.01175 16.577L6.21091 16.5295L5.46091 16.4779L4.77591 16.4254C4.03243 16.3688 3.33275 16.0517 2.80012 15.5299C2.26749 15.0081 1.93607 14.315 1.86425 13.5729L1.83091 13.2187L1.76841 12.4604C1.70494 11.6413 1.67103 10.8202 1.66675 9.9987C1.66675 9.17953 1.71008 8.32286 1.76841 7.53703L1.83091 6.7787L1.86425 6.42453C1.93605 5.68249 2.26734 4.98957 2.7998 4.46779C3.33226 3.946 4.03174 3.62879 4.77508 3.57203L5.45925 3.5187L6.20925 3.46786L7.01091 3.42036L7.84758 3.38036C8.56467 3.3493 9.28232 3.33319 10.0001 3.33203ZM10.0001 4.9987C9.31258 4.9987 8.60508 5.01703 7.91675 5.04536L7.10175 5.08453L6.31925 5.13036L5.58425 5.18036L4.91091 5.23286C4.55691 5.25765 4.22316 5.40714 3.96897 5.65477C3.71477 5.9024 3.55661 6.23213 3.52258 6.58536C3.42508 7.59286 3.33341 8.84703 3.33341 9.9987C3.33341 11.1504 3.42508 12.4045 3.52258 13.412C3.59341 14.1387 4.17008 14.7037 4.91091 14.7645L5.58425 14.8162L6.31925 14.8662L7.10175 14.9129L7.91675 14.952C8.60508 14.9804 9.31258 14.9987 10.0001 14.9987C10.6876 14.9987 11.3951 14.9804 12.0834 14.952L12.8984 14.9129L13.6809 14.867L14.4159 14.817L15.0892 14.7645C15.4433 14.7397 15.777 14.5903 16.0312 14.3426C16.2854 14.095 16.4436 13.7653 16.4776 13.412C16.5751 12.4045 16.6667 11.1504 16.6667 9.9987C16.6667 8.84703 16.5751 7.59286 16.4776 6.58536C16.4436 6.23213 16.2854 5.9024 16.0312 5.65477C15.777 5.40714 15.4433 5.25765 15.0892 5.23286L14.4159 5.1812L13.6809 5.1312L12.8984 5.08453L12.0834 5.04536C11.3894 5.01558 10.6948 5.00002 10.0001 4.9987ZM8.33341 7.97786C8.33336 7.89642 8.3532 7.81619 8.39122 7.74416C8.42924 7.67213 8.48427 7.61048 8.55154 7.56456C8.61881 7.51864 8.69628 7.48986 8.77721 7.4807C8.85814 7.47155 8.94009 7.4823 9.01591 7.51203L9.08341 7.54536L12.5834 9.56536C12.6531 9.60558 12.7121 9.66202 12.7553 9.7299C12.7985 9.79777 12.8247 9.87507 12.8317 9.95524C12.8386 10.0354 12.8261 10.1161 12.7952 10.1904C12.7643 10.2647 12.716 10.3304 12.6542 10.382L12.5834 10.432L9.08341 12.4529C9.01288 12.4937 8.93344 12.5167 8.85199 12.5198C8.77055 12.5229 8.68958 12.5061 8.61613 12.4708C8.54268 12.4354 8.47898 12.3827 8.43058 12.3171C8.38217 12.2515 8.35053 12.1751 8.33841 12.0945L8.33341 12.0195V7.97786Z' fill='%231F2125'/%3E%3C/svg%3E%0A");}

/* loading */
.loading-bar{width:100%;height:100%;position:fixed;top:0;left:0;bottom:0;right:0;margin:auto auto;z-index:501;pointer-events:none;display:flex;justify-content:center;align-items:center;background:rgba(0, 0, 0, 0.3);}

.loading-bar.selected{opacity:1;visibility:visible;}
.loading-bar .three-bounce{text-align:center;font-size:26px;position:relative;width:80px;pointer-events:none;}
.loading-bar .three-bounce > div{display:inline-block;width:18px;height:18px;border-radius:100%;background-color:rgba(0,0,0,0.65);pointer-events:none;
        -webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;
        -webkit-animation-fill-mode:both;animation-fill-mode:both;/* Prevent first frame from flickering when animation starts */
}
.loading-bar .three-bounce .bounce1{-webkit-animation-delay: -0.32s;animation-delay: -0.32s;background:var(--c-primary);}
.loading-bar .three-bounce .bounce2{-webkit-animation-delay: -0.16s;animation-delay: -0.16s;background:var(--c-primary);}
.loading-bar .three-bounce .bounce3{background:var(--c-primary);}

@-webkit-keyframes bouncedelay {0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) }}
@keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0);-webkit-transform: scale(0.0);} 40% { transform: scale(1.0);-webkit-transform: scale(1.0);}}

.btn-tooltip{display:inline-flex;justify-content:center;align-items:center;gap:4px;}
.tooltip-wrap{display:inline-flex;align-items:center;}
#tooltip-floating{display:none;position:fixed;padding:12px 14px;background:#1D2129;border-radius:8px;color:#fff;font-size:13px;font-weight:400;line-height:1.6;letter-spacing:-0.3px;word-break:keep-all;z-index:99999;pointer-events:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.25));}
#tooltip-floating::after{content:'';position:absolute;top:100%;left:var(--arrow-left, 12px);border:10px solid transparent;border-top-color:#1D2129;}
.ico-tooltip{width:14px;height:14px;border-radius:100%;border-radius:100%;border:1px solid #86909C; background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.43555 5.06836C1.4388 4.6582 1.47949 4.32617 1.55762 4.07227C1.639 3.8151 1.7513 3.61003 1.89453 3.45703C2.03776 3.30078 2.22982 3.14779 2.4707 2.99805C2.95247 2.69857 3.19336 2.32422 3.19336 1.875C3.19336 1.67643 3.14616 1.50228 3.05176 1.35254C2.96061 1.19954 2.83366 1.08236 2.6709 1.00098C2.51139 0.919596 2.33398 0.878906 2.13867 0.878906C1.95638 0.878906 1.78548 0.917969 1.62598 0.996094C1.46647 1.07096 1.33464 1.18652 1.23047 1.34277C1.12956 1.49902 1.07096 1.69271 1.05469 1.92383H0C0.0130208 1.52344 0.113932 1.17839 0.302734 0.888672C0.494792 0.595703 0.750326 0.374349 1.06934 0.224609C1.38835 0.0748698 1.74479 0 2.13867 0C2.55534 0 2.92318 0.0797526 3.24219 0.239258C3.56445 0.395508 3.81348 0.615234 3.98926 0.898438C4.16829 1.18164 4.25781 1.50716 4.25781 1.875C4.25781 2.2526 4.17318 2.57975 4.00391 2.85645C3.83464 3.12988 3.58724 3.36589 3.26172 3.56445C3.0599 3.6849 2.90039 3.81022 2.7832 3.94043C2.66927 4.07064 2.58301 4.22526 2.52441 4.4043C2.46908 4.58333 2.43815 4.80469 2.43164 5.06836V5.12695H1.43555V5.06836ZM1.97266 7.23633C1.84896 7.23633 1.73177 7.2054 1.62109 7.14355C1.51367 7.08171 1.42904 6.99707 1.36719 6.88965C1.30534 6.78223 1.27604 6.66667 1.2793 6.54297C1.27604 6.41927 1.30534 6.30371 1.36719 6.19629C1.42904 6.08887 1.51367 6.00423 1.62109 5.94238C1.73177 5.88053 1.84896 5.84961 1.97266 5.84961C2.0931 5.84961 2.20703 5.88053 2.31445 5.94238C2.42188 6.00423 2.50651 6.08887 2.56836 6.19629C2.63346 6.30371 2.66602 6.41927 2.66602 6.54297C2.66602 6.66667 2.63346 6.78223 2.56836 6.88965C2.50651 6.99707 2.42188 7.08171 2.31445 7.14355C2.20703 7.2054 2.0931 7.23633 1.97266 7.23633Z' fill='%2386909C'/%3E%3C/svg%3E%0A");background-size:auto 7.25px !important;}

/* popup */
.open-popup{overflow:hidden;}
.layer-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;max-height:100%;min-width:424px;z-index:100}
.layer-popup .dim{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);}
.layer-popup .pop-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;}
.layer-popup .popup{overflow:hidden; position:relative;width:424px;border-radius:16px;background:#fff;box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.05);}
.layer-popup .popup .close{display:block;position:absolute;top:0;right:10px;height:67px;width:67px;background:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.77832' y='4.22266' width='2' height='24' rx='1' transform='rotate(-45 2.77832 4.22266)' fill='%231F2125'/%3E%3Crect x='4.19238' y='21.1934' width='2' height='24' rx='1' transform='rotate(-135 4.19238 21.1934)' fill='%231F2125'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;z-index:10;background-size:auto 24px;}
.layer-popup .popup .pop-header{position:relative;display:flex;align-items:center; padding:0 32px;height:67px;}
.layer-popup .popup .pop-header .pop-tit{display:block;color:#111518;font-size:20px;font-weight:600;}
.layer-popup .popup .pop-body{overflow:hidden;overflow-y:auto;max-height:70vh;padding:5px 32px 24px 32px}
.layer-popup .popup .pop-body .pop-body-tit{font-weight:500;font-size:18px; color:#111518;display:block;}
.layer-popup .popup .pop-body .pop-body-tit + *{margin-top:16px;}
.layer-popup .popup .pop-body .pop-body-text{color: #111518;line-height:1.5;font-size: 16px;}
.layer-popup .popup .pop-body .textarea{height:400px;}
.layer-popup .popup .pop-footer{position:relative; padding:24px 32px;}
.layer-popup .popup .pop-footer:before{content:'';position:absolute;top:0;left:32px;right:32px;height:1px;background:#E5E5E5;}
.layer-popup .popup .pop-footer .btn-wrap{margin-top:0;}
.layer-popup .popup .pop-footer .btn-wrap [class*=btn-type]{font-size:16px;font-weight:700;}
.layer-popup .popup .pop-footer .btn-wrap [class*=btn-type] ~ [class*=btn-type]{margin-left:8px;}
.pop-bottom-graybox{margin-top:20px; display: flex; padding: 20px; gap: 8px; background: #F8F9FA; border-radius: 12px; }

.layer-popup.type2 .popup{border-radius:0;width:540px;}
.layer-popup.type2 .popup .logo-popup{position:absolute;top:30px;left:30px;}
.layer-popup.type2 .popup .close{width:60px;height:60px;right:-60px;background:#000 url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_562_7827' fill='white'%3E%3Cpath d='M2.50232 0L25.8569 23.2704L23.3546 25.7637L4.51077e-05 2.49326L2.50232 0Z'/%3E%3C/mask%3E%3Cpath d='M0.377175 2.11749L23.7317 25.3879L27.982 21.1529L4.62746 -2.11749L0.377175 2.11749Z' fill='white' mask='url(%23path-1-inside-1_562_7827)'/%3E%3Cmask id='path-3-inside-2_562_7827' fill='white'%3E%3Cpath d='M0.143188 23.5059L23.4978 0.235429L26 2.72869L2.64546 25.9991L0.143188 23.5059Z'/%3E%3C/mask%3E%3Cpath d='M2.26833 25.6233L25.6229 2.35292L21.3726 -1.88206L-1.98196 21.3884L2.26833 25.6233Z' fill='white' mask='url(%23path-3-inside-2_562_7827)'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;background-size:auto 26px;}
.layer-popup.type2 .popup .pop-body{padding:90px 32px;max-height: 90vh;}
.layer-popup.type2 .popup .login-form{width:300px;margin:0 auto;}

.layer-popup.st-notice .popup{border-radius:0;width:600px;box-shadow:none;}
.layer-popup.st-notice .popup .pop-notice-banner{overflow:hidden;height:500px;line-height:0;background:#fff;}
.layer-popup.st-notice .popup .pop-notice-banner img{width:100%;height:100%;object-fit:cover;display:block;}
.layer-popup.st-notice .popup .pop-notice-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;height:60px;padding:0 24px;background:#fff;}
.layer-popup.st-notice .popup .pop-notice-footer .btn-close-txt{flex-shrink:0;padding:6px 30px;border-radius:8px;background:#EDEEF0;font-size:16px;color:#1F2125;font-weight:600;}

.open-alert{overflow:hidden;}
.alert-popup{display:none;position:fixed;top:0;width:100%;height:100%;z-index:110;}
.alert-popup .dim{position:absolute;top:0;left:0;width:100%;height:100%;background:#2a2a2a;opacity: 0.7;}
.alert-popup .popup{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:360px;max-width:90vw;border-radius:12px;background:#fff;}
.alert-popup .popup .pop-header{position:relative;height:50px;display:flex;flex-direction:row;align-items:center;border-bottom: 1px solid #E4E8F1;}
.alert-popup .popup .btn-wrap{display:flex;align-items:center;} 
.alert-popup .popup .pop-body{padding:28px 24px;}
.alert-popup .popup .pop-body .alert-txt{text-align: center; font-size: 16px;}
.alert-popup .popup .pop-footer .btn-wrap{margin-top:0;border-top: 1px solid #E5E5E5;}
.alert-popup .popup .pop-footer .btn-wrap{display:flex;flex-direction: row;}
.alert-popup .popup .pop-footer .btn-wrap .btn{flex:1;height:52px;display:flex;justify-content:center;align-items:center;font-weight: 600; font-size: 16px;}
.alert-popup .popup .pop-footer .btn-wrap .btn ~ .btn{border-left:1px solid #E5E5E5;}
.alert-popup .popup .pop-footer .btn-wrap .btn.st2{ color:var(--c-primary);}
.alert-popup .popup .alert-txt{font-size:1.5rem; color:#383838;}
.alert-popup .popup .alert-txt *{vertical-align:baseline;}

/* ===========================================
    layout
=========================================== */

body{min-width: 1440px;}
.wrapper{width:1200px;margin:0 auto;}

.header{position:relative;z-index: 2;}
.header .top-area .wrapper{display:flex;align-items: center;height:40px;}
.header .top-area .right {margin-left:auto;}
.header .top-area .d-day-wrap {display:flex;align-items:center;gap:16px;margin-left:16px;}
.header .top-area .d-day-item {display:flex;align-items:center;gap:6px;}
.header .top-area .d-badge {display:inline-flex;align-items:center;justify-content:center;background:#030e45;color:#fff;font-size:14px;font-weight:500;padding:4px 8px;border-radius:100px;white-space:nowrap;line-height:1;}
.header .top-area .d-name {font-size:13px;font-weight:600;color:#1f2125;white-space:nowrap;}
.header .top-area .d-date {font-size:13px;color:#666;white-space:nowrap;}
.header .top-area .right .login-menu {display:flex;align-items:center; color:#666666;}
.header .top-area .right .login-menu li {position:relative;font-size:13px;}
.header .top-area .right .login-menu li *{vertical-align:baseline;}
.header .top-area .right .login-menu li ~ li{padding-left:10px;margin-left:10px;}
.header .top-area .right .login-menu li ~ li:after{content:'';display:block;position:absolute;top:50%;left:0;width:1px;height:10px;background:#DDDDDD;transform:translateY(-50%);}
.header .top-area .right .login-menu li a {display:block;}
.header .logo-area {border-bottom:1px solid #E5E7EB;}
.header .logo-area .wrapper {position:relative;text-align:center;height:46px;display:flex;justify-content:center;}
.header .logo-area .wrapper .logo{transform:translateY(-10px);}
.header .logo-area .wrapper .logo a {display:block;}
.header .logo-area .wrapper .right {position:absolute;top:50%;right:0;transform:translateY(-50%);}
.header .logo-area .wrapper .right .user-menu {display:flex;align-items:center;}
.header .logo-area .wrapper .right .user-menu li ~ li{margin-left:30px;}
.header .logo-area .wrapper .right .user-menu li a {display:flex;justify-content:center;align-items:center;flex-direction: column;}
.header .logo-area .wrapper .right .user-menu li a  [class*=ico]{width:24px;height:24px;}
.header .logo-area .wrapper .right .user-menu li a .ico-user-noti {background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.91555 5.40758C4.23708 6.0842 3.81818 7.17277 3.81818 8.84623V13.3793C3.81818 15.5676 4.26505 16.5876 4.87137 17.1167C5.50771 17.6719 6.56153 17.9123 8.36364 17.9123H8.81818C8.83771 17.9123 8.85723 17.9129 8.87671 17.9142C9.39383 17.9474 9.89381 18.1823 10.2438 18.6012C10.2537 18.6131 10.2633 18.6252 10.2727 18.6376L11.6363 20.4508C11.6536 20.4738 11.6697 20.4975 11.6847 20.522C11.7094 20.5623 11.7423 20.5952 11.7831 20.62L11.7972 20.6287C11.9693 20.738 12.2089 20.6882 12.3239 20.508C12.3364 20.4884 12.3496 20.4694 12.3636 20.4508L13.7307 18.633C14.0727 18.1842 14.6116 17.9123 15.1818 17.9123H15.6364C17.3144 17.9123 18.406 17.4945 19.0844 16.8179C19.7629 16.1413 20.1818 15.0527 20.1818 13.3793V10.6594C20.1818 10.1587 20.5888 9.75284 21.0909 9.75284C21.593 9.75284 22 10.1587 22 10.6594V13.3793C22 15.3322 21.5098 16.9635 20.3701 18.1C19.2304 19.2366 17.5947 19.7255 15.6364 19.7255H15.1852C15.1848 19.7256 15.1844 19.7258 15.1838 19.7261C15.1823 19.7269 15.1809 19.7278 15.1797 19.7287C15.1791 19.7293 15.1787 19.7297 15.1784 19.7299C15.1783 19.7301 15.1784 19.73 15.1784 19.7299L13.8364 21.5145C13.181 22.5025 11.8436 22.8023 10.8278 22.1628C10.5585 21.9972 10.3306 21.7744 10.1594 21.5091L8.83982 19.7544C8.82691 19.7423 8.80653 19.7304 8.77649 19.7255H8.36364C6.52938 19.7255 4.85592 19.5125 3.67409 18.4812C2.46222 17.4238 2 15.7239 2 13.3793V8.84623C2 6.89328 2.49019 5.26204 3.6299 4.12545C4.76961 2.98885 6.40532 2.5 8.36364 2.5H13.8182C14.3203 2.5 14.7273 2.9059 14.7273 3.4066C14.7273 3.90731 14.3203 4.31321 13.8182 4.31321H8.36364C6.68559 4.31321 5.59402 4.73096 4.91555 5.40758Z' fill='%23111111'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.8181 4.22271C18.0148 4.22271 17.3636 4.87215 17.3636 5.67328C17.3636 6.4744 18.0148 7.12384 18.8181 7.12384C19.6215 7.12384 20.2727 6.4744 20.2727 5.67328C20.2727 4.87215 19.6215 4.22271 18.8181 4.22271ZM15.7272 5.67328C15.7272 3.97088 17.1111 2.59082 18.8181 2.59082C20.5252 2.59082 21.9091 3.97088 21.9091 5.67328C21.9091 7.37567 20.5252 8.75573 18.8181 8.75573C17.1111 8.75573 15.7272 7.37567 15.7272 5.67328Z' fill='%23111111'/%3E%3Cellipse cx='11.5454' cy='11.6475' rx='1.36364' ry='1.35991' fill='%23111111'/%3E%3Cellipse cx='15.7272' cy='11.6475' rx='1.36364' ry='1.35991' fill='%23111111'/%3E%3Cellipse cx='7.54543' cy='11.6475' rx='1.36364' ry='1.35991' fill='%23111111'/%3E%3C/svg%3E%0A");}
.header .logo-area .wrapper .right .user-menu li a .ico-user-my {background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 17.8244C2 15.427 3.91084 13.4849 6.26956 13.4849H12.8186C15.1773 13.4849 17.0882 15.427 17.0882 17.8244V19.4886C17.0882 20.0471 16.6427 20.4999 16.0932 20.4999C15.5436 20.4999 15.0981 20.0471 15.0981 19.4886V17.8244C15.0981 16.5441 14.0783 15.5075 12.8186 15.5075H6.26956C5.00991 15.5075 3.99004 16.5441 3.99004 17.8244V19.4886C3.99004 20.0471 3.54455 20.4999 2.99502 20.4999C2.44549 20.4999 2 20.0471 2 19.4886V17.8244Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.54406 5.52268C8.28512 5.52268 7.26454 6.55999 7.26454 7.83959C7.26454 9.11918 8.28512 10.1565 9.54406 10.1565C10.803 10.1565 11.8236 9.11918 11.8236 7.83959C11.8236 6.55999 10.803 5.52268 9.54406 5.52268ZM5.27451 7.83959C5.27451 5.4429 7.18605 3.5 9.54406 3.5C11.9021 3.5 13.8136 5.4429 13.8136 7.83959C13.8136 10.2363 11.9021 12.1792 9.54406 12.1792C7.18605 12.1792 5.27451 10.2363 5.27451 7.83959Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.5864 14.3486C17.7253 13.8082 18.269 13.4846 18.8006 13.6259C20.675 14.1238 22 15.8454 22 17.8244V19.4886C22 20.0471 21.5545 20.4999 21.0049 20.4999C20.4554 20.4999 20.0099 20.0471 20.0099 19.4886V17.8244C20.0099 16.7747 19.3047 15.8504 18.2974 15.5828C17.7657 15.4416 17.4474 14.889 17.5864 14.3486Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.3109 4.36726C14.4476 3.8263 14.99 3.50047 15.5222 3.6395C17.8055 4.23595 19.1828 6.60018 18.5961 8.92206C18.2112 10.4533 17.0273 11.6564 15.5207 12.0474C14.9883 12.1856 14.4464 11.8589 14.3105 11.3177C14.1745 10.7765 14.496 10.2258 15.0284 10.0876C15.8301 9.87953 16.4635 9.23578 16.6681 8.42095L16.6685 8.4194C16.9818 7.18032 16.2471 5.91726 15.0269 5.59851C14.4946 5.45948 14.1741 4.90823 14.3109 4.36726Z' fill='black'/%3E%3C/svg%3E%0A");}
.header .logo-area .wrapper .right .user-menu li a .txt { color:#666666;font-size:12px;margin-top:5px;}

.menu-area {position:sticky;top:0;z-index: 30;background:#fff;}
.menu-area .gnb-area { border-bottom:1px solid #E5E7EB;}
.menu-area .gnb-area .wrapper {display:flex;align-items:center;height:60px;}
.menu-area .gnb-area .wrapper .btn-total-menu {width:60px;height:60px;background:url("data:image/svg+xml,%3Csvg width='22' height='19' viewBox='0 0 22 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_619_1601' fill='white'%3E%3Cpath d='M0 0H22V3H0V0Z'/%3E%3C/mask%3E%3Cpath d='M0 3H22V-3H0V3Z' fill='%231F2125' mask='url(%23path-1-inside-1_619_1601)'/%3E%3Cmask id='path-3-inside-2_619_1601' fill='white'%3E%3Cpath d='M0 8H22V11H0V8Z'/%3E%3C/mask%3E%3Cpath d='M0 11H22V5H0V11Z' fill='%231F2125' mask='url(%23path-3-inside-2_619_1601)'/%3E%3Cmask id='path-5-inside-3_619_1601' fill='white'%3E%3Cpath d='M0 16H22V19H0V16Z'/%3E%3C/mask%3E%3Cpath d='M0 19H22V13H0V19Z' fill='%231F2125' mask='url(%23path-5-inside-3_619_1601)'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;background-size:22px 19px;}
.menu-area .gnb-area .wrapper .gnb {flex:1;padding:0 80px;}
.menu-area .gnb-area .wrapper .gnb .depth01 {display:flex;align-items:center;justify-content: space-between;}
.menu-area .gnb-area .wrapper .gnb .depth01 > li { position: relative; }
.menu-area .gnb-area .wrapper .gnb .depth01 > li > a {height:60px;padding:0 16px; font-size:17px;font-weight:600;display:flex;justify-content:center;align-items:center;cursor:pointer;}
.menu-area .gnb-area .wrapper .gnb .depth01 > li.on > a,
.menu-area .gnb-area .wrapper .gnb .depth01 > li > a:hover{color:var(--c-primary);}
.menu-area .gnb-area .wrapper .gnb .depth01 > li .depth-warp { display: none; position: absolute; top: 50px; padding:25px 0; left:50%; background: #fff;z-index: 1; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05); border:1px solid #F0F0F0;border-radius:12px;transform:translateX(-50%);}
.menu-area .gnb-area .wrapper .gnb .depth01 > li .depth-warp .depth02 li ~ li{margin-top:3px;}
.menu-area .gnb-area .wrapper .gnb .depth01 > li .depth-warp .depth02 li a {display:flex;align-items: center; padding:5px 30px;font-size:14px; color:#000000;white-space: nowrap;gap:6px;}
.menu-area .gnb-area .wrapper .gnb .depth01 > li .depth-warp .depth02 li a span{border-bottom:1px solid transparent;}
.menu-area .gnb-area .wrapper .gnb .depth01 > li .depth-warp .depth02 li a:hover { color:var(--c-primary);}
.menu-area .gnb-area .wrapper .right{display:flex;align-items:center;gap:20px;}
.menu-area .gnb-area .wrapper .btn-alarm{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;}
.menu-area .gnb-area .wrapper .btn-alarm:before{content:'';display:block;width: 30px;height:30px;background: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.7738 21.25H11.2238M18.7738 21.25H23.2913C25.6363 21.25 25.24 18.925 24.0538 17.745C19.7813 13.5013 25.85 3.75 14.9988 3.75C4.14751 3.75 10.2175 13.5 5.94501 17.745C4.80376 18.88 4.31751 21.25 6.70751 21.25H11.2238M18.7738 21.25C18.7738 23.6562 17.9638 26.25 14.9988 26.25C12.0338 26.25 11.2238 23.6562 11.2238 21.25' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:auto 100%;}
.menu-area .gnb-area .wrapper .btn-alarm .count{position:absolute;top:-2px;right:-2px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;padding-bottom:0.5px; border-radius:50%;background:#F05050;color:#fff;font-size:10px;font-weight:600;line-height:1;}
.menu-area .gnb-area .wrapper .btn-my-lecture {display:flex;align-items:center;height:36px;border-radius:40px;padding:0 18px;font-size:14px; color:#fff;font-weight:500;background: linear-gradient(-45deg, #5436EA, #7A61F5, #BB1DE3);background-size: 200% 200%;animation: gradient 3s ease infinite;}
.menu-area .gnb-area .wrapper .btn-my-lecture:before{content:'';display:block;margin-right:4px;width:18px;height:18px; background:url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.76057 4.17539C4.15921 4.15888 4.70106 4.16077 5.32755 4.22607C6.58879 4.35755 8.15567 4.74181 9.5939 5.71486V15.6502C8.14708 14.8881 6.68191 14.5666 5.50036 14.4434C4.81561 14.372 4.21764 14.3663 3.76057 14.3825V4.17539ZM3.05865 16.1092C2.81783 16.1477 2.57225 16.0787 2.38664 15.9205C2.2009 15.7622 2.0939 15.5304 2.0939 15.2863V3.4113C2.0939 3.00199 2.39115 2.65328 2.79529 2.58847L2.92724 3.4113C2.79529 2.58847 2.79496 2.58853 2.79529 2.58847L2.79664 2.58826L2.79839 2.58798L2.80301 2.58726L2.81678 2.58518C2.82795 2.58352 2.84307 2.58134 2.862 2.57876C2.89986 2.57361 2.95298 2.56685 3.02015 2.55945C3.15442 2.54467 3.34525 2.52731 3.58289 2.51518C4.0574 2.49095 4.72295 2.48735 5.50036 2.56839C7.04916 2.72985 9.08529 3.23219 10.9286 4.62067C11.1376 4.77812 11.2606 5.02461 11.2606 5.2863V17.1613C11.2606 17.4773 11.0819 17.766 10.7991 17.907C10.5164 18.048 10.1782 18.017 9.92585 17.8269C8.40043 16.6779 6.68656 16.2427 5.32755 16.1011C4.65105 16.0306 4.07324 16.034 3.66787 16.0547C3.46557 16.065 3.30732 16.0796 3.20251 16.0911C3.15014 16.0969 3.11121 16.1019 3.08691 16.1052L3.0616 16.1088L3.05865 16.1092C3.05883 16.1092 3.05847 16.1092 3.05865 16.1092Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.0586 2.58837C18.0589 2.58843 18.0592 2.58847 17.9272 3.4113L18.0586 2.58837C18.4627 2.65318 18.7606 3.00199 18.7606 3.4113V15.2863C18.7606 15.5304 18.6536 15.7622 18.4678 15.9205C18.2825 16.0784 18.0374 16.1474 17.797 16.1094C17.7968 16.1094 17.7971 16.1094 17.797 16.1094C17.7968 16.1094 17.7961 16.1093 17.7959 16.1092C17.7959 16.1092 17.796 16.1092 17.7959 16.1092L17.7929 16.1088L17.7676 16.1052C17.7433 16.1019 17.7043 16.0969 17.652 16.0911C17.5471 16.0796 17.3889 16.065 17.1866 16.0547C16.7812 16.034 16.2034 16.0306 15.5269 16.1011C14.1679 16.2427 12.454 16.6779 10.9286 17.8269C10.6762 18.017 10.3381 18.048 10.0553 17.907C9.77259 17.766 9.5939 17.4773 9.5939 17.1613V5.2863C9.5939 5.02461 9.71683 4.77812 9.92585 4.62067C11.7692 3.23219 13.8053 2.72985 15.3541 2.56839C16.1315 2.48735 16.7971 2.49095 17.2716 2.51518C17.5092 2.52731 17.7 2.54467 17.8343 2.55945C17.9015 2.56685 17.9546 2.57361 17.9925 2.57876C18.0114 2.58134 18.0265 2.58352 18.0377 2.58518L18.0515 2.58726L18.0561 2.58798L18.0586 2.58837ZM17.0939 14.3825V4.17539C16.6953 4.15888 16.1534 4.16077 15.5269 4.22607C14.2657 4.35755 12.6988 4.74181 11.2606 5.71486V15.6502C12.7074 14.8881 14.1726 14.5666 15.3541 14.4434C16.0389 14.372 16.6368 14.3663 17.0939 14.3825Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.80225 6.86133C4.80225 6.51615 5.08207 6.23633 5.42725 6.23633H6.67725C7.02242 6.23633 7.30225 6.51615 7.30225 6.86133C7.30225 7.20651 7.02242 7.48633 6.67725 7.48633H5.42725C5.08207 7.48633 4.80225 7.20651 4.80225 6.86133Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.80225 9.36133C4.80225 9.01615 5.08207 8.73633 5.42725 8.73633H7.92725C8.27242 8.73633 8.55225 9.01615 8.55225 9.36133C8.55225 9.70651 8.27242 9.98633 7.92725 9.98633H5.42725C5.08207 9.98633 4.80225 9.70651 4.80225 9.36133Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 0 0;background-size:auto 100%;}
.menu-area .total-menu-wrap {position:absolute;top:0;left:0;width:100%;  display:none;background:#fff;}
.menu-area .total-menu-wrap .close-menu {border-bottom:1px solid #E5E7EB;}
.menu-area .total-menu-wrap .close-menu .wrapper {display:flex;align-items:center;height:60px;}
.menu-area .total-menu-wrap .close-menu .btn-close {width:60px;height:60px;margin-right:8px; background:url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_865_30641' fill='white'%3E%3Cpath d='M2.11719 0.000488281L21.8788 19.6909L19.7615 21.8006L-0.000126295 2.11017L2.11719 0.000488281Z'/%3E%3C/mask%3E%3Cpath d='M-0.00795728 2.11798L19.7536 21.8084L24.0039 17.5734L4.24233 -2.117L-0.00795728 2.11798Z' fill='black' mask='url(%23path-1-inside-1_865_30641)'/%3E%3Cmask id='path-3-inside-2_865_30641' fill='white'%3E%3Cpath d='M0.121094 19.8906L19.8827 0.20022L22 2.30991L2.23841 22.0003L0.121094 19.8906Z'/%3E%3C/mask%3E%3Cpath d='M2.24624 22.0081L22.0078 2.31771L17.7575 -1.91727L-2.00405 17.7731L2.24624 22.0081Z' fill='black' mask='url(%23path-3-inside-2_865_30641)'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;background-size:auto 20px;}
.menu-area .total-menu-wrap .close-menu .txt {font-weight:600;font-size:18px;}
.menu-area .total-menu-wrap{box-shadow:0px 15px 20px rgba(0, 0, 0, 0.05)}
.menu-area .total-menu-wrap .total-menu > .wrapper {padding:20px 0;}
.menu-area .total-menu-wrap .depth01 {display:flex;align-items: stretch;border-left:1px solid #EEEEEE;border-right:1px solid #EEEEEE;}
.menu-area .total-menu-wrap .depth01 > li{padding:20px 20px 10px 20px;flex:1;}
.menu-area .total-menu-wrap .depth01 > li ~ li{border-left:1px solid #EEEEEE;}
.menu-area .total-menu-wrap .depth01 > li > a{display:block;margin-bottom:12px;font-weight:700;}
.menu-area .total-menu-wrap .depth01 > li.on > a,
.menu-area .total-menu-wrap .depth01 > li > a:hover{color:var(--c-primary);}
.menu-area .total-menu-wrap .depth01 .depth02 li ~ li{margin-top:5px;}
.menu-area .total-menu-wrap .depth01 .depth02 li a{display:flex;padding:3px 0;font-size:14px; color:#000;gap:6px;align-items: center;}
.menu-area .total-menu-wrap .depth01 .depth02 li a span{border-bottom:1px solid transparent;}
.menu-area .total-menu-wrap .depth01 .depth02 li a:hover { color:var(--c-primary);border-color:var(--c-primary);}
.menu-area .total-menu-wrap .depth01 .depth02 li a:hover span { border-color:var(--c-primary);}
@keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }

.footer{padding-bottom:66px;padding-top:40px; background:#303740;}
.footer .footer-info .wrapper {padding-left:168px;position:relative;margin-top:30px;}
.footer .footer-info .wrapper .logo-footer {position:absolute;top:0;left:0;}
.footer .footer-info .wrapper .footer-sns{position:absolute;top:0;right:0;display:flex;align-items:center;gap:16px;}
.footer .footer-info .wrapper .footer-sns li a{display:flex;justify-content:center;align-items:center;width: 40px;    height: 40px;background: #BDBDBD;border-radius:100%;}
.footer .footer-info .wrapper .footer-sns li a i{width:100%;height:100%;background:url('https://kr.object.ncloudstorage.com/eraonedu-prod/assets/pc/images/common/ico-sns-footer.svg') no-repeat 0 0;background-size:auto 40px !important;}
.footer .footer-info .wrapper .footer-sns li a .ico-sns-youtube {background-position-x: 0 !important;}
.footer .footer-info .wrapper .footer-sns li a .ico-sns-cafe {background-position-x: -50px !important;}
.footer .footer-info .wrapper .footer-sns li a .ico-sns-blog {background-position-x: -100px !important;}
.footer .footer-info .wrapper .footer-sns li a .ico-sns-instagram {background-position-x: -150px !important;}
.footer .footer-info .wrapper .contact {margin-bottom:20px; color:#fff;}
.footer .footer-info .wrapper .contact b{display:block;font-weight:600;font-size:18px;line-height:1;}
.footer .footer-info .wrapper .contact b + *{margin-top:10px;}
.footer .footer-info .wrapper .contact ul {display:flex;align-items:center;}
.footer .footer-info .wrapper .contact ul li {font-size:13px; color:#999999;position:relative;}
.footer .footer-info .wrapper .contact ul li ~ li{padding-left:11px;margin-left:10px;}
.footer .footer-info .wrapper .contact ul li ~ li:before{content:'';display:block;position:absolute;top:45%;left:0;width:1px;height:11px;background:rgba(228, 228, 228, 0.3);transform:translateY(-50%);}
.footer .footer-info .wrapper .info-text .footer-menu{margin-bottom:20px;}
.footer .footer-info .wrapper .info-text ul {display:flex;align-items:center;}
.footer .footer-info .wrapper .info-text ul ~ ul{margin-top:3px;}
.footer .footer-info .wrapper .info-text ul li{position:relative;}
.footer .footer-info .wrapper .info-text ul li ~ li{padding-left:11px;margin-left:10px;}
.footer .footer-info .wrapper .info-text ul li ~ li:before{content:'';display:block;position:absolute;top:45%;left:0;width:1px;height:11px;background:rgba(228, 228, 228, 0.3);transform:translateY(-50%);}
.footer .footer-info .wrapper .info-text ul li {font-size:13px;font-weight:300; color:#999999;}
.footer .footer-info .wrapper .info-text ul li a {display:inline-block;vertical-align:baseline;}
.footer .footer-info .wrapper .copyright {margin-top:3px; color:#999999;font-size:13px;}

/* container, content */
.container{display:flex;padding-top:20px;padding-bottom:100px; width:1200px;margin:0 auto;align-items: flex-start;flex-wrap: wrap;}
.container .lnb-wrap{width:220px;  background: #FFFFFF; border: 1px solid #F0F0F0; border-radius: 20px;padding:20px 10px;margin-right:30px;}
.container .lnb-wrap .lnb-title{font-size:18px;font-weight:600;margin-bottom:20px; color:#000;padding-left:20px;}
.container .lnb-wrap .lnb li ~ li{margin-top:3px;}
.container .lnb-wrap .lnb li a{display:flex;align-items:center;font-size:14px; color:#000;border-radius:6px;height:40px;padding-left:20px;}
.container .lnb-wrap .lnb li a:hover{background:#F8F8F8;}
.container .lnb-wrap .lnb li a .tag-st-new{margin-left:6px;}
.container .lnb-wrap .lnb li.on a{background: rgba(84, 54, 234, 0.05);color: var(--c-primary);font-weight:600;}
.container .content{flex:1;padding-top:10px;margin:0 auto;min-width: 500px;}
.container .content.full{max-width:100%;width:100%;}
.container .content .page-header + *{margin-top:30px;}
.container .content .page-header + .councel-wrap{margin-top:20px;}

.content .page-header{display:flex;align-items:center;}
.content .page-header .right{margin-left:auto;}
.content .page-header .step{position:relative; display:inline-flex;align-items:center;}
.content .page-header .step:before{content:'';display:block;width:100%;height:2px;background:#EAEAEA;width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.content .page-header .step li{position: relative;position:relative; padding:0 4px;background:#fff;margin:0 12px;}
.content .page-header .step li:last-child{padding-right:0;margin-right:0;}
.content .page-header .step li:first-child{padding-left:0;margin-left:0;}
.content .page-header .step li span{display:block;width:12px;height:12px;border-radius:100%;background:#CCCCCC;}
.content .page-header .step li.on{padding:0 0;}
.content .page-header .step li.on:before,
.content .page-header .step li.checked:before{content:'';display:block;position:absolute;top:50%;right:100%;width:24px;height:2px; background:#356CFF;transform:translateY(-50%);}
.content .page-header .step li:first-child:before{display:none !important;}
.content .page-header .step li.checked span{background:#356CFF}
.content .page-header .step li.on span{width:20px;height:20px;background:#356CFF url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 3.54545L5.02174 7.22727L10.5 1.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;background-size:auto 7px;}
.content .page-header .link-menu{display:flex;align-items:center;gap:10px;}
.content .page-header .btn-link { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px 20px; gap: 6px; height: 40px; line-height:40px; background: #fff; border:1px solid #86909C; border-radius: 12px; font-size:14px; color:#000;}
.content .page-header .btn-link:after{content:'';display:block;width: 14px;height:14px;background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='9.91797' y='7.48047' width='1.16667' height='7.59696' rx='0.583333' transform='rotate(135 9.91797 7.48047)' fill='%231F2125'/%3E%3Crect x='9.05469' y='6.67578' width='1.16667' height='7.54132' rx='0.583333' transform='rotate(45 9.05469 6.67578)' fill='%231F2125'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:auto 100%;;}

.lecure-notice-wrap .form-wrap .label{font-size:13px;}

.content ~ .banner-img{margin-left:40px;width:240px;}
.banner-img img{width:100%;}


.floating-menu{ position:fixed;bottom:20px;right:20px;z-index: 80;display:flex;flex-direction: column;gap:10px;}
.floating-menu .btn-top{display:none; background: #1F2125;width:56px;height:56px; border-radius: 24px;background: #1F2125; display:flex;justify-content:center;align-items:center;box-shadow:rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 4px 6px, rgba(0, 0, 0, 0.15) 0px 8px 30px;}
.floating-menu .btn-top[style*=block]{display:flex !important;}
.floating-menu .btn-top:before{content:'';display:block;width: 27px;height:34px;background: url("data:image/svg+xml,%3Csvg width='29' height='39' viewBox='0 0 29 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='29' height='39' fill='%231F2125'/%3E%3Cpath d='M15.4423 0.394838L22.1097 7.14529C22.2334 7.27057 22.3316 7.41931 22.3986 7.58301C22.4655 7.74671 22.5 7.92216 22.5 8.09935C22.5 8.27653 22.4655 8.45198 22.3986 8.61568C22.3316 8.77938 22.2334 8.92812 22.1097 9.05341C21.9859 9.1787 21.839 9.27808 21.6773 9.34589C21.5157 9.4137 21.3424 9.4486 21.1674 9.4486C20.9924 9.4486 20.8191 9.4137 20.6574 9.34589C20.4957 9.27808 20.3488 9.1787 20.225 9.05341L15.8335 4.60892V16.6499C15.8335 17.008 15.693 17.3514 15.4429 17.6046C15.1928 17.8578 14.8537 18 14.5 18C14.1463 18 13.8072 17.8578 13.5571 17.6046C13.307 17.3514 13.1665 17.008 13.1665 16.6499V4.60892L8.77496 9.05341C8.52504 9.30644 8.18608 9.4486 7.83264 9.4486C7.4792 9.4486 7.14024 9.30644 6.89032 9.05341C6.6404 8.80038 6.5 8.45719 6.5 8.09935C6.5 7.92216 6.53447 7.74671 6.60144 7.58301C6.66841 7.41931 6.76657 7.27057 6.89032 7.14529L13.5577 0.394838C13.8077 0.142011 14.1466 0 14.5 0C14.8534 0 15.1923 0.142011 15.4423 0.394838Z' fill='white'/%3E%3Cpath d='M0.410156 25.1016H8.73633V27.002H5.72852V35H3.41797V27.002H0.410156V25.1016ZM18.7305 30.0508C18.7305 31.1126 18.5254 32.0264 18.1152 32.792C17.7096 33.5576 17.1491 34.141 16.4336 34.542C15.7227 34.9385 14.9206 35.1367 14.0273 35.1367C13.1296 35.1367 12.3252 34.9362 11.6143 34.5352C10.9033 34.1341 10.3428 33.5508 9.93262 32.7852C9.52702 32.0195 9.32422 31.1081 9.32422 30.0508C9.32422 28.9889 9.52702 28.0752 9.93262 27.3096C10.3428 26.5439 10.9033 25.9629 11.6143 25.5664C12.3252 25.1654 13.1296 24.9648 14.0273 24.9648C14.9206 24.9648 15.7227 25.1654 16.4336 25.5664C17.1491 25.9629 17.7096 26.5439 18.1152 27.3096C18.5254 28.0752 18.7305 28.9889 18.7305 30.0508ZM16.3516 30.0508C16.3516 29.4036 16.2581 28.8522 16.0713 28.3965C15.889 27.9408 15.6224 27.5967 15.2715 27.3643C14.9251 27.1318 14.5104 27.0156 14.0273 27.0156C13.5443 27.0156 13.1273 27.1318 12.7764 27.3643C12.43 27.5967 12.1634 27.9408 11.9766 28.3965C11.7943 28.8522 11.7031 29.4036 11.7031 30.0508C11.7031 30.6979 11.7943 31.2493 11.9766 31.7051C12.1634 32.1608 12.43 32.5049 12.7764 32.7373C13.1273 32.9697 13.5443 33.0859 14.0273 33.0859C14.5104 33.0859 14.9251 32.9697 15.2715 32.7373C15.6224 32.5049 15.889 32.1608 16.0713 31.7051C16.2581 31.2493 16.3516 30.6979 16.3516 30.0508ZM20.1113 25.1016H24.1582C24.8874 25.1016 25.5231 25.2451 26.0654 25.5322C26.6077 25.8193 27.0247 26.2204 27.3164 26.7354C27.6081 27.2458 27.7539 27.8359 27.7539 28.5059C27.7539 29.1849 27.6058 29.7819 27.3096 30.2969C27.0133 30.8073 26.5895 31.2015 26.0381 31.4795C25.4867 31.7575 24.8372 31.8965 24.0898 31.8965H22.4355V35H20.1113V25.1016ZM23.666 30.0508C24.2038 30.0508 24.6185 29.9118 24.9102 29.6338C25.2018 29.3558 25.3477 28.9798 25.3477 28.5059C25.3477 28.0319 25.2018 27.6605 24.9102 27.3916C24.6185 27.1227 24.2038 26.9883 23.666 26.9883H22.4355V30.0508H23.666Z' fill='white'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:auto 100%;}