/* .Sub { border-top:1px solid var(--gray-ea); } */
.Sub .content { width:100%; max-width:920px; min-height:661px; }
@media (max-width:1240px){
	.Sub .wrap { flex-direction:column; }
	.Sub .content { margin:0 auto; min-height:auto; }
}

.LeftMenu { width:250px; }
.LeftMenu .title { width:100%; height:142px; background:var(--point-cl); }
.LeftMenu .menu-list .list { border-bottom:1px solid var(--gray-d4); }
.LeftMenu .menu-list .list > * { color:var(--gray-66); transition:0.3s; }
.LeftMenu .menu-list .list > * svg { width:18px; fill:var(--black); transition:0.3s; opacity:0; }
.LeftMenu .menu-list .list > *:hover { color:var(--black); }
.LeftMenu .menu-list .list > *:hover svg { opacity:1; }
.LeftMenu .menu-list .list.on > * { color:var(--black); }
.LeftMenu .menu-list .list.on > * svg { opacity:1; }
.LeftMenu .menu-list .list ul { display:none; background:var(--left-menu-bg); border-top:1px solid var(--gray-d4); }
.LeftMenu .menu-list .list ul li { color:var(--gray-66); position:relative; }
.LeftMenu .menu-list .list ul li+li { margin-top:13px; }
.LeftMenu .menu-list .list ul li:before { content:''; width:3px; height:3px; border-radius:50%; background:var(--gray-66); position:absolute; left:0; top:50%; transform:translate(0,-50%); transition:0.3s; }
.LeftMenu .menu-list .list ul li a { transition:0.3s; }
.LeftMenu .menu-list .list ul li:hover:before { background:var(--black); }
.LeftMenu .menu-list .list ul li:hover a { color:var(--black); }
.LeftMenu .menu-list .list ul li.on:before { background:var(--black); }
.LeftMenu .menu-list .list ul li.on a { color:var(--black); text-decoration:underline; text-underline-position:under; }
.LeftMenu .menu-list .list.on ul { display:block; }
@media (max-width:1240px){
	.LeftMenu { display:none; }
}

/*.content .title { border-bottom:2px solid var(--black); }*/
.content .info .tit h2 { width:fit-content; position:relative; }
.content .info .tit h2.point:after { content:''; width:10px; height:10px; background:var(--point-cl); border-radius:50%; position:absolute; right:-12px; bottom:0; transform:translate(100%,0); }
.content .info > p { color:var(--gray-57); }
.content .info .box { flex:1 1 auto; border:1px solid var(--gray-dd); height:243px; }
.content .info .box > div { width:83px; height:76px; margin:0 auto; }
.content .info .box p { text-align:center; }
.content .info .box span { display:block; color:var(--point-font); text-align:center; text-decoration:underline; text-underline-position:under; }
@media (max-width:560px){
	.content .info .box { height:auto; padding-bottom:35px; }
}
@media (max-width:480px){
	.content .info .box { padding-bottom:25px; }
}

.og-chart { background:var(--gray-f9); }
.og-chart .img-box img { margin:0 auto; }
.og-chart .table-box { background:#fff; }
.og-chart .table-box table { border-top:2px solid var(--point-cl); text-align:center; }
.og-chart .table-box table th+th, .og-chart .table-box table td+td { border-left:1px solid rgba(0,0,0,0.1); }
.og-chart .table-box table thead th { background:var(--gray-f7); }
.og-chart .table-box table tbody tr { border-bottom:1px solid rgba(0,0,0,0.1); }
.og-chart .table-box table tbody td.bl { border-left:1px solid rgba(0,0,0,0.1); }
@media (max-width:768px){
	.og-chart .table-box { width:100%; overflow-x:scroll; }
	.og-chart .table-box table { width:768px; }
}

.teach-info .tab-list ul li button { width:153px; height:45px; border:1px solid var(--gray-dd); }
.teach-info .tab-list ul li button:hover { background:var(--gray-f5); }
.teach-info .tab-list ul li.on button { border:1px solid var(--point-cl); color:var(--white); background:var(--point-cl); }
.teach-info .tab-cont .box { border:1px solid var(--gray-dd); border-top:3px solid var(--point-cl); }
.teach-info .tab-cont .box+.box { margin-top:25px; }
.teach-info .tab-cont .box .img-box { width:154px; height:186px; background:var(--gray-dd); }
.teach-info .tab-cont .box .text-box { width:calc(100% - 201px); }
.teach-info .tab-cont .box .text-box .tit { border-bottom:1px solid var(--gray-dd); }
.teach-info .tab-cont .box .text-box .tit p span { color:var(--point-cl); }
.teach-info .tab-cont .box .text-box .list p { position:relative; color:var(--gray-57); }
.teach-info .tab-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; }
.teach-info .tab-cont .box .text-box .list p span { color:var(--black); }
@media (max-width:768px){
	.teach-info .tab-cont .box { gap:20px; }
	.teach-info .tab-cont .box .text-box { width:calc(100% - 176px); }
	.teach-info .tab-cont .box .text-box .tit p { display:flex; line-height:1.3; }
	.teach-info .tab-cont .box .text-box .list p:before { margin-top:6px; margin-right:6px; }
}
@media (max-width:560px){
	.teach-info .tab-list ul li { width:calc(100% / 3 - 10px / 3); }
	.teach-info .tab-list ul li button { width:100%; }
	.teach-info .tab-cont .box .text-box .list p:before { margin-top:5px; margin-right:5px; }
}
@media (max-width:480px){
	.teach-info .tab-cont .box { flex-wrap:wrap; }
	.teach-info .tab-cont .box .text-box { width:100%; }
}

.directions .map { position:relative; }
.directions .map .wrap_controllers.hide { display:none; }
.directions .map .map_border { display:none; }
.directions .map .btn-box { width:100%; max-width:850px; height:65px; background:var(--point-cl); position:absolute; left:50%; bottom:0; transform:translate(-50%,50%); z-index:100; }
.directions .map .btn-box p svg { width:16px; fill:var(--white); margin-right:8px; }
.directions .map .btn-box button { width:100px; height:30px; border:1px solid var(--white); transition:0.3s; }
.directions .map .btn-box button:hover { background:var(--white); color:var(--point-cl); }
.directions .way { border-top:1px solid var(--black); }
.directions .way .box { flex:1 1 50%; }
.directions .way .box.last { border-top:1px solid var(--gray-dd); border-bottom:1px solid var(--gray-dd); }
.directions .way .box .tit h2 i { width:76px; height:76px; background:var(--gray-f9); }
.directions .way .box .tit h2 i svg { height:26px; fill:var(--gray-4e); }
.directions .way .box .text p span { width:63px; height:24px; }
.directions .way .box .text p span.cl01 { background:var(--cl04); }
.directions .way .box .text p span.cl02 { background:var(--cl05); }
.directions .way .box .text p span.cl03 { background:var(--cl06); }
.directions .way .box .text p span.cl04 { background:var(--cl07); }
.directions .way .box .text p sub { color:var(--gray-66); }
@media (max-width:1240px){}
@media (max-width:1024px){}
@media (max-width:920px){
	.directions .way .box .tit h2 i { width:72px; height:72px; }
}
@media (max-width:768px){
	.directions .way .box { flex:1 1 100%; }
	.directions .way .box:nth-child(2) { border-top:1px solid var(--gray-dd); padding-top:35px; margin-top:50px; }
	.directions .way .box .tit h2 i { width:68px; height:68px; }
}
@media (max-width:560px){
	.directions .way .box .tit h2 i { width:64px; height:64px; }
}
@media (max-width:480px){
	.directions .way .box .tit h2 i { width:60px; height:60px; }
}
@media (max-width:360px){}

.edu-app { position:relative; }
.edu-app .tab-list ul li button { width:120px; height:45px; border:1px solid var(--gray-dd); }
.edu-app .tab-list ul li button:hover { background:var(--gray-f5); }
.edu-app .tab-list ul li.on button { border:1px solid var(--point-cl); color:var(--white); background:var(--point-cl); }
.edu-app .tab-cont.on { display:table-row-group; }
.edu-app .contents thead th { background:var(--left-menu-bg); }
.edu-app .contents thead th+th, .edu-app .contents .tab-cont td+td { border-left:1px solid rgba(0,0,0,0.1); }
.edu-app .contents .tab-cont tr { border-bottom:1px solid rgba(0,0,0,0.1); }
.edu-app .contents .tab-cont td { padding:15px 10px; }
.edu-app .contents .tab-cont td:nth-child(2) { text-align:left; }
.edu-app .contents .tab-cont td.point { background:var(--edu-app-point); }
.edu-app .contents .tab-cont td.point span { width:70px; height:20px; background:var(--red-f2); margin:5px auto 0; }
.edu-app .contents .tab-cont td:nth-child(2) span { padding:3.5px 9px; }
.edu-app .contents .tab-cont td:nth-child(2) p { color:var(--gray-6c); }
.edu-app .contents .tab-cont td span.cl01 { background:var(--cl08); }
.edu-app .contents .tab-cont td span.cl02 { background:var(--cl09); }
.edu-app .contents .tab-cont td span.cl03 { background:var(--cl10); }
.edu-app .contents .tab-cont td span.cl04 { background:var(--cl11); }
.edu-app .contents .tab-cont td span.cl05 { background:var(--cl12); }
.edu-app .contents .tab-cont td span.cl06 { background:var(--cl13); }
.edu-app .contents .tab-cont td button.type01 svg { height:22px; fill:var(--black); }
.edu-app .contents .tab-cont td button.type02 { width:80px; height:35px; background:var(--gray-dd); margin:0 auto; transition:0.3s; }
.edu-app .contents .tab-cont td button.type02:hover { background:var(--point-cl); color:var(--white); }
@media (max-width:1240px){}
@media (max-width:1024px){}
@media (max-width:920px){ 
	.edu-app .tab-list ul { width:100%; overflow-x:scroll; }
	.edu-app .tab-list ul li button { width:100px; }
}
@media (max-width:768px){
	.edu-app .contents { overflow-x:scroll; }
	.edu-app .contents table { width:768px; }
}
@media (max-width:560px){}
@media (max-width:480px){}
@media (max-width:360px){}

/* .edu-app .contents .mb { background:var(--gray-fb); } */
.edu-app .contents .mb .list { border:1px solid var(--gray-dd); background:var(--white); }
.edu-app .contents .mb .list+.list { margin-top:15px; }
.edu-app .contents .mb .list .tit p { color:var(--cl01); }
.edu-app .contents .mb .list .text > div { color:var(--gray-99); position:relative; }
.edu-app .contents .mb .list .text > div:before { content:''; width:3px; height:3px; border-radius:50%; background:var(--gray-99); position:absolute; left:0; top:8px; }
.edu-app .contents .mb .list .text > div p { width:53px; }
.edu-app .contents .mb .list .text > div span { width:calc(100% - 53px); }
.edu-app .contents .mb .list .text > div+div { margin-top:3px; }
.edu-app .contents .mb .list .btn-box { border-top:1px solid var(--gray-dd); }
.edu-app .contents .mb .list .btn-box p { color:var(--gray-99); }
.edu-app .contents .mb .list .btn-box h3 { color:var(--red-f2); }
.edu-app .contents .mb .list .btn-box .btn button { width:100%; height:35px; border:1px solid var(--gray-dd); border-radius:8px; color:var(--gray-66); }
.edu-app .contents .mb .list.off { background:var(--gray-e8); }
.edu-app .contents .mb .list.off .btn-box .btn button { background:var(--gray-db); }

.edu-cart { position:sticky; left:0; bottom:0; background:var(--white); }
.edu-cart button.up-down { position:absolute; left:50%; top:2px; transform:translate(-50%,-100%); background:var(--point-cl); border-radius:10px 10px 0 0; width:200px; height:33px; }
.edu-cart button.up-down svg { height:6px; fill:var(--white); }
.edu-cart.on button.up-down svg { transform:rotate(180deg); }
.edu-cart .boxing { border:2px solid var(--point-cl); border-bottom:0; border-radius:20px 20px 0 0; }
.edu-cart .boxing .staus > div { flex:1 1 calc(100% / 3 - 250px); position:relative; }
.edu-cart .boxing .staus > div+div:before { content:''; width:1px; height:100%; position:absolute; left:-30px; top:0; background:var(--gray-dd); }
.edu-cart .boxing .staus > div span { color:var(--gray-66); }
.edu-cart .boxing .staus > div.price p { color:var(--red-f2); }
.edu-cart .boxing .staus > button.btn { width:250px; height:50px; background:var(--point-cl); transition:0.3s; }
.edu-cart .boxing .staus > button.btn:hover { background:var(--point-cl); }
.edu-cart .boxing .cart { display:none; }
.edu-cart.on .boxing .cart { display:block; }
.edu-cart .boxing .cart table thead th { background:var(--left-menu-bg); }
.edu-cart .boxing .cart table thead th+th, .edu-cart .boxing .cart table td+td { border-left:1px solid rgba(0,0,0,0.1); }
.edu-cart .boxing .cart table tr { border-bottom:1px solid rgba(0,0,0,0.1); }
.edu-cart .boxing .cart table td { padding:5px 10px; }
.edu-cart .boxing .cart table td:nth-child(2) { text-align:left; }
.edu-cart .boxing .cart table td:nth-child(2) span { padding:3.5px 9px; }
.edu-cart .boxing .cart table td:nth-child(2) p { color:var(--gray-6c); }
.edu-cart .boxing .cart table td span.cl01 { background:var(--cl08); }
.edu-cart .boxing .cart table td span.cl02 { background:var(--cl09); }
.edu-cart .boxing .cart table td span.cl03 { background:var(--cl10); }
.edu-cart .boxing .cart table td span.cl04 { background:var(--cl11); }
.edu-cart .boxing .cart table td span.cl05 { background:var(--cl12); }
.edu-cart .boxing .cart table td span.cl06 { background:var(--cl13); }
.edu-cart .boxing .cart table td button { width:57px; height:26px; background:var(--gray-dd); margin:0 auto; transition:0.3s; }
.edu-cart .boxing .cart table td button:hover { background:var(--point-cl); color:var(--white); }
@media (max-width:920px){
	.edu-cart .boxing .staus > button.btn { width:230px; }
}
@media (max-width:768px){
	.edu-cart .boxing .staus > button.btn { width:210px; }
	.edu-cart .boxing .cart { width:100%; overflow-x:scroll; }
	.edu-cart .boxing .cart table { width:768px; }
}
@media (max-width:560px){
	.edu-cart .boxing .staus > button.btn { width:190px; }
}
@media (max-width:480px){
	.edu-cart .boxing .staus { flex-wrap:wrap; }
	.edu-cart .boxing .staus > div+div:before { left:-15px; }
	.edu-cart .boxing .staus > button.btn { width:100%; height:30px; margin-top:20px; }
}

.edu-cart .boxing .cart .mb { max-height:300px; overflow-y:scroll; }
.edu-cart .boxing .cart .mb .list { border:1px solid var(--gray-dd); border-radius:10px; background:var(--white); position:relative; }
.edu-cart .boxing .cart .mb .list+.list { margin-top:15px; }
.edu-cart .boxing .cart .mb .list .close-btn { position:absolute; right:15px; top:15px; }
.edu-cart .boxing .cart .mb .list .close-btn svg { height:12px; }
.edu-cart .boxing .cart .mb .list .tit p { color:var(--cl01); }
.edu-cart .boxing .cart .mb .list .text > div { color:var(--gray-99); position:relative; }
.edu-cart .boxing .cart .mb .list .text > div:before { content:''; width:3px; height:3px; border-radius:50%; background:var(--gray-99); position:absolute; left:0; top:8px; }
.edu-cart .boxing .cart .mb .list .text > div p { width:53px; }
.edu-cart .boxing .cart .mb .list .text > div span { width:calc(100% - 53px); }
.edu-cart .boxing .cart .mb .list .text > div+div { margin-top:3px; }
.edu-cart .boxing .cart .mb .list .btn-box { border-top:1px solid var(--gray-dd); }
.edu-cart .boxing .cart .mb .list .btn-box p { color:var(--gray-99); }
.edu-cart .boxing .cart .mb .list .btn-box h3 { color:var(--red-f2); }
.edu-cart .boxing .cart .mb .list.off { background:var(--gray-e8); }

.edu-write { border-top:2px solid var(--point-cl); }
.edu-write .list-box { border-bottom:1px solid var(--gray-ee); }
.edu-write .list-box .tit { width:180px; background:var(--left-menu-bg); }
.edu-write .list-box .text { width:calc(100% - 180px); }
.edu-write .list-box .text input[type="text"] { width:350px; border:1px solid var(--gray-dd); padding:9.5px 13px; }
.edu-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; }
.edu-write .list-box .text input[type="date"]::before { content:attr(placeholder); width:100%; height:100%; }
.edu-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; }
.edu-write .list-box .text input[type="date"]:valid::before { display:none; }
.edu-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; }
.edu-write .list-box .text.fs13 input[type="text"] { padding:11.5px 13px; }
.edu-write .list-box .text.fs13 select { padding:12.5px 13px; }
.edu-write .list-box .text.ph { gap:4px; }
.edu-write .list-box .text.ph select { width:108px; }
.edu-write .list-box .text.ph span { width:5px; height:1px; background:var(--black); }
.edu-write .list-box .text.ph input[type="text"] { width:108px; }
.edu-write .list-box .text.email { gap:4px; }
.edu-write .list-box .text.email input[type="text"] { width:220px; }
.edu-write .list-box .text.email select { width:112px; }
.edu-write .list-box .text.adr { gap:4px; }
.edu-write .list-box .text.adr input[type="text"] { width:100%; }
.edu-write .list-box .text.adr input[type="text"].adr-num { width:140px; }
.edu-write .list-box .text.adr button { width:90px; height:40px; background:var(--gray-dd); transition:0.3s; }
.edu-write .list-box .text.adr button:hover { background:var(--point-cl); color:var(--white); }
.edu-write .list-box .text .file-box { width:350px; border:1px solid var(--gray-dd); padding:5.5px 5px; }
.edu-write .list-box .text .file-box label { cursor:pointer; }
.edu-write .list-box .text .file-box span.file-btn { width:66px; height:27px; background:var(--gray-dd); }
.edu-write .list-box .text .file-box span.file-name { color:var(--gray-b1); }
.edu-write .list-box .text .file-box span.file-name.on { color:var(--gray-22); }
.edu-write .list-box .text.modal button { width:530px; background:var(--gray-dd); border:1px solid var(--gray-dd); padding:10.5px 17px 10.5px 15px; transition:0.3s; }
.edu-write .list-box .text.modal button svg { height:17px; }
.edu-write .list-box .text.modal button:hover { background:var(--gray-c9); }
.edu-write .list-box .text.modal button.on { background:var(--white); }
.edu-write .list-box .text.modal p { color:var(--gray-77); }
.edu-write .list-box .text .auto-num { width:130px; height:40px; }
@media (max-width:768px){
	.edu-write .list-box .tit { width:150px; }
	.edu-write .list-box .text { width:calc(100% - 150px); }
	.edu-write .list-box .text input[type="text"] { width:calc(100% - 100px); }
	.edu-write .list-box .text input[type="password"] { width:calc(100% - 100px); }
}
@media (max-width:560px){
	.edu-write .list-box { flex-wrap:wrap; }
	.edu-write .list-box .tit { width:100%; }
	.edu-write .list-box .text { width:100%; }
	.edu-write .list-box .text.ph select { width:calc(100% / 3 - 20px / 3); }
	.edu-write .list-box .text.ph input[type="text"]{ width:calc(100% / 3 - 30px / 3); }
	.edu-write .list-box .text.adr input[type="text"].adr-num { width:80px; }
	.edu-write .list-box .text.adr button { width:80px; }
	.edu-write .btn-box button { width:175px; height:40px; }
}
@media (max-width:480px){
	.edu-write .status { gap:10px; }
	.edu-write .list-box .text.adr button { height:36px; }
	.edu-write .btn-box button { width:100px; height:30px; }
}
@media (max-width:360px){}

.edu-text { color:var(--red-c7); }
.edu-privacy .text h3 { text-align:center; }
.edu-privacy .text-box { background:var(--gray-f9); border:1px solid var(--gray-dd); }
.edu-privacy .chk-box button { width:66px; height:27px; border:1px solid var(--gray-dd); }
.edu-privacy .text img { height:42px; }
.edu-privacy .text input[type="text"] { width:160px; border:1px solid var(--gray-dd); padding:11.5px 13px; text-align:center; }
.edu-privacy .text input[type="text"]::placeholder { color:var(--gray-cc); }
.edu-privacy .btn-box button { width:250px; height:50px; }
.edu-privacy .btn-box button.type01 { background:var(--gray-f4); border:1px solid var(--gray-dd); }
.edu-privacy .btn-box button.type02 { background:var(--point-cl); border:1px solid var(--point-cl); }
.edu-fin .tit { text-align:center; }
.edu-fin .btn-box button { width:250px; height:50px; }
.edu-fin .btn-box button.type01 { background:var(--gray-f4); border:1px solid var(--gray-dd); }
.edu-fin .btn-box button.type02 { background:var(--point-cl); border:1px solid var(--point-cl); }
@media (max-width:560px){
	.edu-privacy .btn-box button { width:175px; height:40px; }
}
@media (max-width:480px){
	.edu-privacy .btn-box button { width:100px; height:30px; }
}

.my-class .tit a { color:var(--gray-93); }
.my-class .tit a svg { height:8px; fill:var(--gray-93); }
.my-class .tit a.h14 svg { height:14px; }
.my-class .tit.point h1 { position:relative; }
.my-class .tit.point h1:before { content:''; width:26px; height:26px; border:6px solid var(--point-cl); border-radius:50%; position:absolute; left:0; top:50%; transform:translate(0,-50%); }
.my-class .tit select { width:350px; border:1px solid var(--gray-dd); padding:8.5px 13px; background:url('../../vtImage/common/ic_arrow_down.svg') no-repeat right 10px center; background-size:10px; }
.my-class .notice-box { border-top:1px solid var(--black); }
.my-class .notice-box li { border-bottom:1px solid var(--gray-e5); }
.my-class .notice-box li a p { width:calc(100% - 100px); }
.my-class .notice-box li a span { color:var(--gray-79); }
.my-class table tbody td:nth-child(2) { text-align:left; }
.my-class table tbody td span { color:var(--red-f2); }
.my-class table tbody td span.on { color:var(--black); }
.my-class table tbody td button { width:80px; height:33px; background:var(--gray-dd); margin:0 auto; transition:0.3s; }
.my-class table tbody td button:hover { background:var(--gray-c9); }
.my-class table tbody td button.off { background:var(--gray-f2); color:var(--gray-c1); cursor:default; }
.my-class .progress { border-top:1px solid var(--black); border-bottom:1px solid var(--gray-dd); }
.my-class .progress p { width:90px; background:var(--left-menu-bg); border-right:1px solid var(--gray-dd); }
.my-class .progress p.cl01 { color:var(--red-f2); }
.my-class .progress .progress-bar { width:calc(100% - 180px); }
.my-class .progress .progress-bar span { display:block; background:var(--point-cl); height:30px; }
.my-class .class-cont { border-bottom:1px solid var(--gray-dd); }
.my-class .class-cont p { position:relative; }
.my-class .class-cont p:before { content:''; width:6px; height:6px; border-radius:50%; background:var(--point-cl); position:absolute; left:0; top:50%; transform:translate(0,-50%); }
.my-class .class-cont p span { width:70px; display:inline-block; }
@media (max-width:768px){
	.my-class .tit.point h1 { padding-left:30px; }
	.my-class .tit.point h1:before { width:24px; height:24px; }
	.my-class .class-cont { padding-left:30px; }
	.my-class .class-cont p { font-size:14px; }
	.my-class .class-cont p:before { width:5px; height:5px; }
	.my-class .class-cont p span { width:62px; }
}
@media (max-width:560px){
	.my-class .tit.point h1:before { width:22px; height:22px; }
	.my-class .tit select { width:calc(100% - 130px); max-width:350px; }
	.my-class .class-cont p:before { width:4px; height:4px; }
	.my-class .notice-box li a { flex-wrap:wrap; }
	.my-class .notice-box li a p { font-size:15px; width:100%; }
	.my-class .notice-box li a span { font-size:12px; margin-top:10px; }
	.my-class .progress p { width:50px; background:none; border-right:none; justify-content:flex-start; font-size:15px; padding:14px 0; }
	.my-class .progress .progress-bar { width:calc(100% - 50px); }
	.my-class .progress .progress-bar span { height:25px; }
}
@media (max-width:480px){
	.my-class .tit.point h1:before { width:20px; height:20px; }
	.my-class .class-cont p:before { width:4px; height:4px; }
}

.my-class .mb .list { border:1px solid var(--gray-dd); background:var(--white); }
.my-class .mb .list+.list { margin-top:15px; }
.my-class .mb .list .tit p { color:var(--blue-42); }
.my-class .mb .list .text > div { color:var(--gray-99); position:relative; }
.my-class .mb .list .text > div:before { content:''; width:3px; height:3px; border-radius:50%; background:var(--gray-99); position:absolute; left:0; top:8px; }
.my-class .mb .list .text > div+div { margin-top:3px; }
.my-class .mb .list .text > div.point { color:var(--black); }
.my-class .mb .list .text > div.point b { font-weight:600; color:var(--red-f2); }
.my-class .mb .list .text > div.point .bar { width:100%; height:14px; background:var(--gray-f5); overflow:hidden; }
.my-class .mb .list .text > div.point .bar span { display:block; height:14px; background:var(--point-cl); }
.my-class .mb .list .btn-box p { color:var(--gray-99); }
.my-class .mb .list .btn-box h3 { color:var(--red-f2); }
.my-class .mb .list .btn-box .btn button { width:100%; height:35px; border:1px solid var(--gray-dd); border-radius:8px; color:var(--gray-66); }

.my-class .mb { position:relative; }
.my-class .mb .list-box { border:1px solid var(--gray-dd); background:var(--white); }
.my-class .mb .list-box+.list-box { margin-top:15px; }
.my-class .mb .list-box .sub-tit p { width:fit-content; height:24px; color:var(--cl02); background:var(--cl02-bg); }
.my-class .mb .list-box .list { border:none; }
.my-class .mb .list-box .list+.list { border-top:1px solid var(--gray-dd); margin-top:18px; padding-top:18px; }
.my-class .mb .list-box .list .tit p { color:var(--black); }
.my-class .mb .list-box .list .text > div:before { display:none; }

.reference .tit.point h1 { position:relative; }
.reference .tit.point h1:before { content:''; width:26px; height:26px; border:6px solid var(--point-cl); border-radius:50%; position:absolute; left:0; top:50%; transform:translate(0,-50%); }
.reference .tit.point h1 span { color:var(--point-cl); }
.reference .tab-list ul li button { width:120px; height:45px; border:1px solid var(--gray-dd); }
.reference .tab-list ul li button:hover { background:var(--gray-f5); }
.reference .tab-list ul li.on button { border:1px solid var(--point-cl); color:var(--white); background:var(--point-cl); }
.reference p.sub { text-align:right; }
.reference table tbody tr.point td { color:var(--point-cl); }

.login { position:relative; background:var(--gray-f5) url('/vtImage/main/login_bg.png') no-repeat; width:100%; height:100vh; }
.login .boxing { background:var(--white); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:calc(100% - 40px); max-width:500px; }
.login .boxing .logo img { width:278px; margin:0 auto; }
.login .boxing input { width:100%; border:1px solid var(--gray-dd); padding:14.5px 13px; }
.login .boxing form a { width:100%; height:50px; background:var(--gray-f4); border:1px solid var(--gray-dd); }
.login .boxing form button { width:100%; height:50px; background:var(--point-cl); border:1px solid var(--point-cl); }
.login .boxing .btn { color:var(--gray-99); }

.sign-up .status { text-align:center; }
.sign-up .status .box { color:var(--gray-99); }
.sign-up .status .box.on { color:var(--black); }
.sign-up .status svg { width:18px; fill:var(--gray-99); }
.sign-up .tab-list ul li { width:calc(50% - 5px); }
.sign-up .tab-list ul li button { width:100%; height:45px; border:1px solid var(--gray-dd); }
.sign-up .tab-list ul li button:hover { background:var(--gray-f5); }
.sign-up .tab-list ul li.on button { border:1px solid var(--point-cl); color:var(--white); background:var(--point-cl); }
.sign-up .tab-cont { background:var(--gray-f9); }
.sign-up .tab-cont button { width:200px; height:50px; background:var(--gray-dd); transition:0.3s; }
.sign-up .tab-cont button:hover { background:var(--point-cl); color:var(--white); }
.sign-up .tab-cont p { text-align:center; }
.sign-up .btn-box button { width:250px; height:50px; }
.sign-up .btn-box button.type01 { background:var(--gray-f4); border:1px solid var(--gray-dd); }
.sign-up .btn-box button.type02 { background:var(--point-cl); border:1px solid var(--point-cl); }
.sign-up .privacy .text { height:280px; border:1px solid var(--gray-dd); overflow-y:scroll; }
.sign-up .privacy .text p { white-space:pre-line; }
.sign-up .sign-write { border-top:2px solid var(--point-cl); }
.sign-up .sign-write .list-box { border-bottom:1px solid var(--gray-ee); }
.sign-up .sign-write .list-box .tit { width:180px; background:var(--left-menu-bg); }
.sign-up .sign-write .list-box .tit h2 span.on { color:var(--red-f2); }
.sign-up .sign-write .list-box .text { width:calc(100% - 180px); }
.sign-up .sign-write .list-box .text p { color:var(--gray-99); }
.sign-up .sign-write .list-box .text input[type="text"] { width:350px; border:1px solid var(--gray-dd); padding:9.5px 13px; }
.sign-up .sign-write .list-box .text input[type="password"] { width:350px; border:1px solid var(--gray-dd); padding:9.5px 13px; }
.sign-up .sign-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; }
.sign-up .sign-write .list-box .text input[type="date"]::before { content:attr(placeholder); width:100%; height:100%; }
.sign-up .sign-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; }
.sign-up .sign-write .list-box .text input[type="date"]:valid::before { display:none; }
.sign-up .sign-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; }
.sign-up .sign-write .list-box .text input[type="radio"]~label { cursor:pointer; }
.sign-up .sign-write .list-box .text input[type="radio"]:checked { border:1px solid var(--point-cl); }
.sign-up .sign-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); }
.sign-up .sign-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; }
.sign-up .sign-write .list-box .text button { width:90px; height:40px; background:var(--gray-dd); transition:0.3s; }
.sign-up .sign-write .list-box .text button:hover { background:var(--point-cl); color:var(--white); }
.sign-up .sign-write .list-box .text.fs13 input[type="text"] { padding:11.5px 13px; }
.sign-up .sign-write .list-box .text.fs13 select { padding:12.5px 13px; }
.sign-up .sign-write .list-box .text.ph { gap:4px; }
.sign-up .sign-write .list-box .text.ph select { width:108px; }
.sign-up .sign-write .list-box .text.ph span { width:5px; height:1px; background:var(--black); }
.sign-up .sign-write .list-box .text.ph input[type="text"] { width:108px; }
.sign-up .sign-write .list-box .text.email { gap:4px; }
.sign-up .sign-write .list-box .text.email input[type="text"] { width:220px; }
.sign-up .sign-write .list-box .text.email select { width:112px; }
.sign-up .sign-write .list-box .text.adr { gap:4px; }
.sign-up .sign-write .list-box .text.adr input[type="text"] { width:100%; }
.sign-up .sign-write .list-box .text.adr input[type="text"].adr-num { width:140px; }
.sign-up .sign-write .list-box .text .file-box { width:350px; border:1px solid var(--gray-dd); padding:5.5px 5px; }
.sign-up .sign-write .list-box .text .file-box label { cursor:pointer; }
.sign-up .sign-write .list-box .text .file-box span.file-btn { width:66px; height:27px; background:var(--gray-dd); }
.sign-up .sign-write .list-box .text .file-box span.file-name { color:var(--gray-b1); }
.sign-up .sign-write .list-box .text .file-box span.file-name.on { color:var(--gray-22); }
.sign-up .boxing { border:1px solid var(--gray-dd); }
.sign-up .boxing a { width:250px; height:50px; background:var(--point-cl); border:1px solid var(--point-cl); }
@media (max-width:768px){
	.sign-up .status { gap:30px; }
	.sign-up .sign-write .list-box .tit { width:150px; }
	.sign-up .sign-write .list-box .text { width:calc(100% - 150px); }
	.sign-up .sign-write .list-box .text input[type="text"] { width:calc(100% - 100px); }
	.sign-up .sign-write .list-box .text input[type="password"] { width:calc(100% - 100px); }
}
@media (max-width:560px){
	.sign-up .status { gap:20px; }
	.sign-up .sign-write .list-box { flex-wrap:wrap; }
	.sign-up .sign-write .list-box .tit { width:100%; }
	.sign-up .sign-write .list-box .text { width:100%; }
	.sign-up .sign-write .list-box .text.ph select { width:calc(100% / 3 - 20px / 3); }
	.sign-up .sign-write .list-box .text.ph input[type="text"]{ width:calc(100% / 3 - 30px / 3); }
	.sign-up .btn-box button { width:175px; height:40px; }
}
@media (max-width:480px){
	.sign-up .status { gap:10px; }
	.sign-up .btn-box button { width:100px; height:30px; }
}

.find-box .box { width:calc(50% - 20px); border:1px solid var(--gray-dd); }
.find-box .box input[type="text"] { width:100%; border:1px solid var(--gray-dd); padding:9.5px 13px; }
.find-box .box button { width:100%; height:50px; }
.find-box .box button.type01 { background:var(--gray-f4); border:1px solid var(--gray-dd); }
.find-box .box button.type02 { background:var(--point-cl); border:1px solid var(--point-cl); }
.find-box .box p span { color:var(--red-f2); }
.find-box .boxing { border:1px solid var(--gray-dd); }
.find-box .boxing a { width:250px; height:50px; background:var(--point-cl); border:1px solid var(--point-cl); }
@media (max-width:768px){
	.find-box > .fl { gap:20px; flex-wrap:wrap; }
	.find-box .box { width:100%; }
}

.edu-intro {  }
.edu-intro .tit.point h1 { position:relative; }
.edu-intro .tit.point h1:before { content:''; width:26px; height:26px; border:6px solid var(--point-cl); border-radius:50%; position:absolute; left:0; top:50%; transform:translate(0,-50%); }
.edu-intro .text p { position:relative; color:var(--gray-57); }
.edu-intro .text p:before { content:''; width:5px; height:5px; position:absolute; left:0; top:6px; background:var(--gray-57); border-radius:50%; }
.edu-intro .box { border:1px solid var(--gray-d4); position:relative; }
.edu-intro .box p { color:var(--gray-66); }
.edu-intro .box p b { color:var(--black); }
.edu-intro .box.cl01 { border-left:3px solid var(--point-cl); }
.edu-intro .box.cl01:after { content:''; width:148px; height:128px; background:url('../../vtImage/sub/suv_edu-intro_img01.png') no-repeat; background-size:contain; position:absolute; right:50px; bottom:50px; }
.edu-intro .box.cl01 h2 { color:var(--point-cl); }
.edu-intro .box.cl02 { border-left:3px solid var(--point-cl02); }
.edu-intro .box.cl02:after { content:''; width:150px; height:151px; background:url('../../vtImage/sub/suv_edu-intro_img02.png') no-repeat; background-size:contain; position:absolute; right:50px; bottom:50px; }
.edu-intro .box.cl02 h2 { color:var(--point-cl02); }
@media (max-width:920px){
	.edu-intro .tit.point h1:before { width:24px; height:24px; border:5px solid var(--point-cl); }
	.edu-intro .box:after { display:none; }
}
@media (max-width:768px){
	.edu-intro .tit.point h1:before { width:22px; height:22px; border:5px solid var(--point-cl); }
	.edu-intro .text p:before { width:4px; height:4px; top:6px; }
}
@media (max-width:560px){
	.edu-intro .tit.point h1:before { width:20px; height:20px; border:4px solid var(--point-cl); }
	.edu-intro .text p:before { top:5px; }
}
@media (max-width:480px){
	.edu-intro .tit.point h1:before { width:18px; height:18px; border:4px solid var(--point-cl); }
	.edu-intro .text p:before { width:3px; height:3px; top:5px; }
}







/* table */
table { width: 100%; border-top:2px solid var(--point-cl); }
table caption {display:none}
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; }
}