/*  z-index Quick-Menu-100 / Gnb-110 / modal-120 */

body { font-family:'Pretendard'; font-weight:400; color:#000; line-height:1.5; letter-spacing:0; word-break:keep-all; }
.chine { font-family:"Noto Sans KR", sans-serif; font-optical-sizing:auto; font-weight:inherit; font-style:normal; }
:root {
	--point-cl:#ffa500;
	--point-cl-hv:#e79500;
	--point-cl02:#fd6e2d;
	--point-font:#fe6b2c;
	--nav-bg:#fff9ef;
	--left-menu-bg:#fffcf7;
	--foot-bg:#3d3d3d;
	--white:#fff;
	--black:#000;
	--pink:#fff3f3;
	--red-f2:#f20000;
	--red-c7:#c70000;
	--blue-09:#090086;
	--blue-42:#4286d0;
	--edu-app-point:#ffe5e5;
	--gray-f9:#f9f9f9;
	--gray-f7:#f7f7f7;
	--gray-f5:#f5f5f5;
	--gray-f4:#f4f4f4;
	--gray-f2:#f2f2f2;
	--gray-f0:#f0f0f0;
	--gray-ee:#eee;
	--gray-ea:#eaeaea;
	--gray-e9:#e9e9e9;
	--gray-e8:#e8e8e8;
	--gray-e5:#e5e5e5;
	--gray-dd:#ddd;
	--gray-db:#dbdbdb;
	--gray-d4:#d4d4d4;
	--gray-cc:#ccc;
	--gray-c9:#c9c9c9;
	--gray-c7:#c7c7c7;
	--gray-c2:#c2c2c2;
	--gray-c1:#c1c1c1;
	--gray-b7:#b7b7b7;
	--gray-b1:#b1b1b1;
	--gray-99:#999;
	--gray-93:#939393;
	--gray-83:#838383;
	--gray-7f:#7f7f7f;
	--gray-79:#797979;
	--gray-77:#777;
	--gray-66:#666;
	--gray-6c:#6c6c6c;
	--gray-57:#575757;
	--gray-56:#565656;
	--gray-4e:#4e4e4e;
	--gray-33:#333;
	--gray-22:#222;
	--cl01:#c54a4a;
	--cl02:#2eab37;
	--cl03:#4286ca;
	--cl04:#3155b5;
	--cl05:#8c8621;
	--cl06:#7ec462;
	--cl07:#a2b61d;
	--cl08:#d49928;
	--cl09:#ed145b;
	--cl10:#3dad3a;
	--cl11:#3028d4;
	--cl12:#b228d4;
	--cl13:#834444;
	--cl01-bg:#ffdfdf;
	--cl02-bg:#d2fad5;
	--cl03-bg:#d2e6fa;
	--cl04-bg:#ecd2fa;
	--cl05-bg:#faedd2;
	--cl06-bg:#d3e4e5;
	--cl07-bg:#d2d2d2;
	--cl08-bg:#c8d4cc;
	--cl09-bg:#f2f3ae;
	--cl10-bg:#d8d6b4;
}

/* Gnb */
.Gnb { position:sticky; left:0; top:0; z-index:110; }
.Gnb:before { content:''; width:100%; height:0; background:var(--nav-bg); position:absolute; left:50%; bottom:1px; transform:translate(-50%,100%); transition:0.5s; }
.Gnb.on:before { height:247px; }

.Gnb .nav { background:var(--white); border-bottom: 1px solid #ddd;}
.Gnb .nav .logo_box img { width:143px; }
.Gnb .nav .menu-box .menu { position:relative; }
.Gnb .nav .menu-box .menu:after { content:''; width:8px; height:8px; position:absolute; left:50%; bottom:0; transform:translate(-50%,0) rotate(45deg); background:var(--point-cl); opacity:0; transition:0.5s; }
.Gnb .nav .menu-box .menu:hover:after { transform:translate(-50%,50%) rotate(45deg); opacity:1; }
.Gnb .nav .menu-box .menu a { position:relative; display:block; }
.Gnb .nav .menu-box .menu ul { width:calc(100% + 105px); height:0; overflow:hidden; position:absolute; left:50%; bottom:0; transform:translate(-50%,100%); opacity:0; transition:0.5s; }
.Gnb .nav .menu-box .menu ul li { text-align:center; }
.Gnb .nav .menu-box .menu ul li a { transition:0.3s; }
.Gnb .nav .menu-box .menu ul li a:hover { color:var(--point-cl); }
.Gnb.on .nav .menu-box .menu ul { height:247px; opacity:1; }
@media (max-width:1240px){
	.Gnb.on:before { display:none; }
	.Gnb .nav { padding-top:16.5px; padding-bottom:16.5px; border-bottom:1px solid var(--gray-ea); }
}
@media (max-width:920px){
	.Gnb .nav .logo_box img { width:auto; height:40px; }
}
@media (max-width:768px){
	.Gnb .nav .logo_box img { height:40px; }
}
@media (max-width:560px){
	.Gnb .nav .logo_box img { height:36px; }
}
@media (max-width:480px){
	.Gnb .nav .logo_box img { height:32px; }
}

.Gnb .nav .menu-zip { overflow:hidden; }
.Gnb .nav .menu-zip svg { height:16px; }
.Gnb .nav .menu-zip .mb-overlay { display:none; width:100%; height:100vh; background:var(--black); opacity:0.6; position:absolute; right:0; top:0; }
.Gnb .nav .menu-zip .menu-box { position:fixed; right:0; top:0; transform:translate(100%,0); width:100%; max-width:280px; height:100vh; background:var(--white); z-index:102; transition:0.3s; }
.Gnb .nav .menu-zip.on .mb-overlay { display:block; }
.Gnb .nav .menu-zip.on .menu-box { transform:translate(0,0); }
.Gnb .nav .menu-zip .menu-box .list { border-bottom:1px solid var(--gray-dd); }
.Gnb .nav .menu-zip .menu-box .list svg { height:16px; fill:var(--black); }
.Gnb .nav .menu-zip .menu-box .list:not(:first-child) button svg { height:5px; }
.Gnb .nav .menu-zip .menu-box .list > ul { display:none; }
.Gnb .nav .menu-zip .menu-box .list.on > ul { display:block; border-top:1px solid var(--black); }
.Gnb .nav .menu-zip .menu-box .list.on:not(:first-child) button svg { transform:rotate(180deg); }
.Gnb .nav .menu-zip .menu-box .list ul li ul { display:none; background:var(--gray-f2); }
.Gnb .nav .menu-zip .menu-box .list ul li.on ul { display:block; }

/* Foot */
.Foot { background:var(--foot-bg); }
.Foot .f_text { color:var(--gray-b7); }
.Foot .f_text .text { max-width:775px; }
.Foot .f_text .text span { display:block; }
.Foot .f_text .logo img { width:143px; }
@media (max-width:1240px){
	.Foot .f_text { flex-direction:column; gap:15px; }
	.Foot .f_text .logo { order:-1; }
}
@media (max-width:920px){
	.Foot .f_text .logo img { width:auto; height:40px; }
}
@media (max-width:768px){
	.Foot .scroll-box { width:100%; overflow-x:scroll; }
	.Foot .f_menu { font-size:13px; width:max-content; }
	.Foot .f_text { font-size:12px; }
	.Foot .f_text .logo img { height:36px; }
}
@media (max-width:560px){
	.Foot .f_text .logo img { height:32px; }
}
@media (max-width:480px){
	.Foot .f_text .logo img { height:28px; }
}

/* Quick-Menu */
.Quick-Menu { position:fixed; right:0; top:170px; z-index:100; }
.Quick-Menu .text-box { width:47px; height:129px; position:relative; background:var(--point-cl); }
.Quick-Menu .text-box p { width:max-content; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(90deg); }
.Quick-Menu .btn-box a { width:47px; height:47px; background:var(--gray-33); position:relative; }
.Quick-Menu .btn-box a svg { height:16px; fill:var(--gray-c2); transition:0.3s; }
.Quick-Menu .btn-box a p { width:100px; height:47px; position:absolute; left:0; top:0; transform:translate(0,0); transition:0.3s; z-index:-1; background:linear-gradient(90deg, #fe6a2c, #eca53f); }
.Quick-Menu .btn-box a:hover svg { fill:var(--white); }
.Quick-Menu .btn-box a:hover p { transform:translate(-100%,0); }
.Quick-Menu .btn-box button { width:47px; height:47px; background:var(--gray-e9); opacity:0; transition:0.3s; }
.Quick-Menu .btn-box button.on { opacity:1; }
.Quick-Menu .btn-box button svg { height:8px; }
@media (max-width:1240px){
	.Quick-Menu { position:sticky; right:0; top:auto; bottom:0; display:flex; }
	.Quick-Menu .text-box { width:calc(100% - 235px); max-width:129px; height:47px; }
	.Quick-Menu .text-box p { transform:translate(-50%,-50%); font-size:13px; }
	.Quick-Menu .btn-box { display:flex; }
	.Quick-Menu .btn-box a p { display:none; }
}

/* radio */
/*input[type="radio"] { appearance:none; width:16px; height:16px; border-radius:50%; border:1px solid var(--gray-dd); position:relative; }*/
input[type="radio"] { appearance:none; width:16px; height:16px; border-radius:50%; border:1px solid; position:relative; }
input[type="radio"]:checked { border:1px solid var(--point-cl); }
input[type="radio"]:checked:after { content:''; width:10px; height:10px; background:var(--point-cl) no-repeat; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
input[type="radio"] ~ label { cursor:pointer; }

/* checkbox */
input[type="checkbox"] { appearance:none; width:16px; height:16px; border-radius:3px; border:1px solid var(--gray-dd); position:relative; }
input[type="checkbox"]:checked { background:var(--point-cl); border:1px solid var(--point-cl); }
input[type="checkbox"]:checked:after { content:''; width:10px; height:8px; background:url('../../vtImage/common/ic_check_w.svg') no-repeat; background-size:contain; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
input[type="checkbox"] ~ label { cursor:pointer; }

/* ¸ð´Þ */
.modal-box > div { display:none; position:relative; z-index:120; }
.modal-box > div:before { content:''; width:100%; height:100vh; background-color:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:10; }
.modal-box .modal { position:fixed; left:50%; top:50%; z-index:111; transform:translate(-50%, -50%); padding:20px; width:calc(100% - 40px); max-width:1400px; background:#fff; padding:50px; }
.modal-box .modal::-webkit-scrollbar { display:none; }
.modal-box .modal .close-btn { position:absolute; right:26px; top:26px; }
.modal-box .modal .close-btn button svg { height:18px; fill:var(--gray-7f); transition:0.3s; }
.modal-box .modal .close-btn button:hover svg { fill:var(--black); }
.modal-box .modal .md-cont .tit svg { height:21px; }
.modal-box .modal .md-cont table thead th { padding:11.5px 0; }
.modal-box .modal .md-cont table tbody td { padding-top:8px; padding-bottom:8px; text-align:center; }
.modal-box .modal .md-cont table tbody td:nth-child(5) { text-align:left; }
.modal-box .modal .md-cont table tbody td button { width:106px; height:33px; background:var(--gray-dd); margin:0 auto; transition:0.3s; }
.modal-box .modal .md-cont table tbody td button:hover { background:var(--point-cl); color:var(--white); }
.modal-box .modal .md-cont table tbody td button.off { background:var(--gray-f2); color:var(--gray-c1); cursor:default; }
.modal-box .modal .table-scroll { max-height:400px; overflow-y:scroll; /* padding-right:5px; padding-bottom:5px; */ }
/* .modal-box .modal .table-scroll::-webkit-scrollbar { width:5px; height:5px; border-radius:5px; }
.modal-box .modal .table-scroll::-webkit-scrollbar-track { background:#ddd; border-radius:5px; }
.modal-box .modal .table-scroll::-webkit-scrollbar-thumb { background:#666; border-radius:5px; }
.modal-box .modal .table-scroll::-webkit-scrollbar-button { display:none; } */
@media (max-width:920px){
	.modal-box .modal { padding:45px; }
	.modal-box .modal .close-btn { right:21px; top:21px; }
}
@media (max-width:768px){
	.modal-box .modal { padding:40px; }
	.modal-box .modal .close-btn { right:16px; top:16px; }
}
@media (max-width:560px){
	.modal-box .modal { padding:30px; }
	.modal-box .modal .close-btn { right:11px; top:11px; }
	.modal-box .modal .close-btn button svg { height:14px; }
}
@media (max-width:480px){
	.modal-box .modal { padding:20px; }
	.modal-box .modal .close-btn button svg { height:10px; }
}

#md-curriculum .modal { max-width:970px; }
#md-curriculum .modal .md-cont .tit span { background:var(--gray-f0); width:50px; height:30px; }
#md-curriculum .modal .md-cont .video { width:420px; height:236px; position:relative; }
#md-curriculum .modal .md-cont .video:before { content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:var(--black); opacity:0.3; }
#md-curriculum .modal .md-cont .video i { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
#md-curriculum .modal .md-cont .video i svg { height:42px; fill:var(--white); opacity:0.8; transition:0.3s; }
#md-curriculum .modal .md-cont .video:hover i svg { opacity:1; }
#md-curriculum .modal .md-cont .list-box { width:calc(100% - 450px); text-align:left; border-top:1px solid var(--gray-dd); }
#md-curriculum .modal .md-cont .list-box .list { border-bottom:1px solid var(--gray-dd); }
#md-curriculum .modal .md-cont .list-box .list h2 { background:var(--left-menu-bg); width:130px; height:46px; }
#md-curriculum .modal .md-cont .btn-box button { width:400px; height:50px; background:var(--point-cl); margin:0 auto; }

#md-already .modal { max-width:500px; }
#md-already .modal .md-cont h1 { text-align:center; }

#md-teacher .modal { max-width:1020px; }
#md-teacher .modal .md-cont { max-height:400px; overflow-y:scroll; }
#md-teacher .modal .md-cont .box { border:1px solid var(--gray-dd); border-top:3px solid var(--point-cl); }
#md-teacher .modal .md-cont .box+.box { margin-top:25px; }
#md-teacher .modal .md-cont .box .img-box { width:154px; height:186px; background:var(--gray-dd); }
#md-teacher .modal .md-cont .box .text-box { width:calc(100% - 201px); }
#md-teacher .modal .md-cont .box .text-box .tit { border-bottom:1px solid var(--gray-dd); }
#md-teacher .modal .md-cont .box .text-box .tit p span { color:var(--point-cl); }
#md-teacher .modal .md-cont .box .text-box .list p { position:relative; color:var(--gray-57); }
#md-teacher .modal .md-cont .box .text-box .list p:before { content:''; width:5px; height:5px; border-radius:50%; background:var(--point-cl); display:block; margin-top:8px; margin-right:8px; }
#md-teacher .modal .md-cont .box .text-box .list p span { color:var(--black); }
@media (max-width:560px){
	#md-teacher .modal .md-cont .box { flex-wrap:wrap; flex-direction:column; gap:30px; }
	#md-teacher .modal .md-cont .box .img-box { margin:0 auto; }
	#md-teacher .modal .md-cont .box .text-box { width:100%; }
	#md-teacher .modal .md-cont .box .text-box .tit p { display:flex; }
}

/* Å×À̺í */
table { border-top:2px solid var(--point-cl); }
table thead th { background:var(--left-menu-bg); }
table thead th+th, table td+td { border-left:1px solid rgba(0,0,0,0.1); }
table thead th.bl { border-left:1px solid rgba(0,0,0,0.1); }
table thead th.bb { border-bottom:1px solid rgba(0,0,0,0.1); }
table tbody tr { border-bottom:1px solid rgba(0,0,0,0.1); }
table tbody td { text-align:center; }
table tbody tr th { background:var(--gray-f9); }
table tbody tr th+td { border-left:1px solid rgba(0,0,0,0.1); }
@media (max-width:768px){
	.table-scroll { overflow-x:scroll; }
	.table-scroll table { width:768px; }
}

/* notice */
table.notice { border-top:2px solid var(--point-cl); }
table.notice tbody tr.point { background:var(--pink); }
table.notice tbody td:nth-child(2) a { text-align:left; }
table.notice tbody td:nth-child(2) a svg { height:14px; margin-left:8px; }
table.notice tbody td span.re { background:var(--point-cl); width:20px; height:15px; color:var(--white); border-radius:3px; margin-bottom:2px; padding: 2px; }
table.notice tbody td span.cl01 { color:var(--blue-09); }
table.notice tbody td span.cl02 { color:var(--red-f2); }
@media (max-width:560px){
	table.notice thead th { display:none; }
	table.notice colgroup col:not(:nth-child(2)), table.notice tbody td:not(:nth-child(2)) { display:none; }
	table.notice tbody td:nth-child(2) { padding-left:0; padding-right:0; }
	table.notice tbody td:nth-child(2) a { flex-direction:column; align-items:flex-start; }
	table.notice tbody td:nth-child(2) a span { color:var(--gray-79); margin-top:10px; }
	table.notice thead th+th, table.notice td+td { border-left:none; }
}

.notice-con { position:relative; }
.search { background:var(--gray-f2); }
.search input[type="text"] { border:0; background:none; width:160px; height:40px; }
.search button { padding:12px; }
.search button svg { height:16px; }
.notice-con .control { gap:3px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.notice-con .control button { width:20px; height:20px; }
.notice-con .control button svg { width:5px; height:9px; fill:var(--gray-7f); }
.notice-con .control button.on { background:var(--gray-22); color:var(--white); }
.notice-con .control button.prev { border:1px solid var(--gray-dd); transition:0.3s; }
.notice-con .control button.next { border:1px solid var(--gray-dd); transition:0.3s; }
.notice-con .control button:hover svg { fill:var(--black); }
.notice-con .control button.prev:hover { background:var(--gray-f9); }
.notice-con .control button.next:hover { background:var(--gray-f9); }
.notice-con .btn a { width:90px; height:40px; background:var(--point-cl); }
@media (max-width:768px){
	.notice-con { padding-top:60px; }
	.notice-con .control { top:20px; }
}

.notice-write { border-top:2px solid var(--point-cl); }
.notice-write .list-box { border-bottom:1px solid var(--gray-ee); }
.notice-write .list-box .tit { width:180px; background:var(--left-menu-bg); }
.notice-write .list-box .text { width:calc(100% - 180px); }
.notice-write .list-box .text input[type="text"] { width:350px; border:1px solid var(--gray-dd); padding:9.5px 13px; }
.notice-write .list-box .text input[type="text"].w100 { width:100%; }
.notice-write .list-box .text input[type="radio"] { appearance:none; width:16px; height:16px; border-radius:50%; border:1px solid var(--gray-dd); position:relative; cursor:pointer; }
.notice-write .list-box .text input[type="radio"]~label { cursor:pointer; }
.notice-write .list-box .text input[type="radio"]:checked { border:1px solid var(--point-cl); }
.notice-write .list-box .text input[type="radio"]:checked:after { content:''; width:10px; height:10px; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:var(--point-cl); }
.notice-write .list-box .text input[type="password"] { width:350px; border:1px solid var(--gray-dd); padding:9.5px 13px; }
.notice-write .list-box .text input[type="date"] { width:350px; border:1px solid var(--gray-dd); padding:10px 13px; background:url('../../vtImage/common/ic_calendar01.svg') no-repeat right 10px center; background-size:15px; position:relative; }
.notice-write .list-box .text input[type="date"]::before { content:attr(placeholder); width:100%; height:100%; }
.notice-write .list-box .text input[type="date"]::-webkit-calendar-picker-indicator { position:absolute; left:0; top:0; width:100%; height:100%; background:transparent; color:transparent; cursor:pointer; }
.notice-write .list-box .text input[type="date"]:valid::before { display:none; }
.notice-write .list-box .text select { width:350px; border:1px solid var(--gray-dd); padding:11px 13px; background:url('../../vtImage/common/ic_arrow_down.svg') no-repeat right 10px center; background-size:10px; cursor:pointer; }
.notice-write .list-box .text.fs13 input[type="text"] { padding:11.5px 13px; }
.notice-write .list-box .text.fs13 select { padding:12.5px 13px; }
.notice-write .list-box textarea { width:100%; height:300px; resize:none; }
.notice-write .list-box .text .file-box { width:350px; border:1px solid var(--gray-dd); padding:5.5px 5px; }
.notice-write .list-box .text .file-box label { cursor:pointer; }
.notice-write .list-box .text .file-box span.file-btn { width:66px; height:27px; background:var(--gray-dd); }
.notice-write .list-box .text .file-box span.file-name { color:var(--gray-b1); }
.notice-write .list-box .text .file-box span.file-name.on { color:var(--gray-22); }
.notice-write .btn-box button { width:250px; height:50px; }
.notice-write .btn-box button.type01 { background:var(--gray-f4); border:1px solid var(--gray-dd); }
.notice-write .btn-box button.type02 { background:var(--point-cl); border:1px solid var(--point-cl); }
@media (max-width:1240px){}
@media (max-width:1024px){}
@media (max-width:920px){}
@media (max-width:768px){
	.notice-write .list-box .tit { width:150px; }
	.notice-write .list-box .text { width:calc(100% - 150px); flex-wrap:wrap; }
}
@media (max-width:560px){
	.notice-write .btn-box button { width:175px; height:40px; }
}
@media (max-width:480px){
	.notice-write .list-box .tit { width:120px; }
	.notice-write .list-box .text { width:calc(100% - 120px); }
	.notice-write .btn-box button { width:100px; height:30px; }
}
@media (max-width:360px){}

.notice-view { border-top:2px solid var(--point-cl); }
.notice-view .view-sub { border-top:1px solid var(--gray-dd); }
.notice-view .view-sub p span { color:var(--gray-79); }
.notice-view .view-file { border-top:1px solid var(--gray-dd); }
.notice-view .view-file a { color:var(--gray-93); transition:0.3s; }
.notice-view .view-file a svg { height:12px; fill:var(--gray-93); transition:0.3s; }
.notice-view .view-file a:hover { color:var(--black); }
.notice-view .view-file a:hover svg { fill:var(--black); }
.notice-view .view-cont { border-top:1px solid var(--gray-dd); }
.notice-view .view-btn { border-top:1px solid var(--gray-dd); }
.notice-view .view-btn a { width:70px; height:40px; background:var(--gray-f4); border:1px solid var(--gray-dd); }
.notice-view .view-move { border-top:1px solid var(--gray-dd); border-bottom:1px solid var(--gray-dd); }
.notice-view .view-move .prev { border-top:1px solid var(--gray-dd); }
.notice-view .view-move p svg { height:6px; }
@media (max-width:920px){
	.notice-view .view-btn a { width:66px; height:38px; }
}
@media (max-width:768px){
	.notice-view .view-btn a { width:62px; height:36px; }
}
@media (max-width:560px){
	.notice-view .view-btn a { width:58px; height:34px; }
}
@media (max-width:480px){
	.notice-view .view-btn a { width:54px; height:32px; }
}

/* ¾à°ü */
.pre-line b { color:var(--point-cl); }


.Gnb .member_nav {border-bottom: 1px solid #ddd;background: #fff;}
.Gnb .member_nav .wrap {width:1200px;margin: 0 auto;}
.Gnb .member_nav .wrap .member_box {color:#666666;display: flex;justify-content: flex-end;align-items: center;  gap: 10px;  height: 40px;}



@media (max-width:1024px){
.Gnb .nav .menu-zip .menu-box .list.flfl {display: flex;align-items: center;justify-content: center;border-bottom: 0;}
}