html { font-size:62.5%; scroll-behavior:smooth; }
body { font-family:'Pretendard'; word-break:keep-all; letter-spacing:-0.05em; }
.gms { font-family: 'GmarketSans'; line-height:1; padding-top:0.2em; }
.scd { font-family: 'S-CoreDream'; }
.fsi { font-style:italic; }
.wrap { width:1100px; margin:0 auto; }
.hidden { position:absolute; clip:rect(1px 1px 1px 1px); width:1px; height:1px; margin:-1px; overflow:hidden; }

.move_btn { position:absolute; top:-20rem; }



#stu_top { border-bottom:1px solid #ddd; position:sticky; top:0px; background:#fff; box-shadow:0 1px 10px rgba(0,0,0,0.12); z-index:10; }
#stu_top .wrap { display:flex; justify-content:space-between; align-items:center; }
#stu_top .logo { padding:1.8rem 0; display:flex; align-items:center; }
#stu_top .logo a img { height:3rem; margin-right:10px; margin-top:-0.5rem; }
#stu_top .logo a h1 { font-size:2.5rem; font-weight:700; }
#stu_top .menu { display:flex; align-items:center; }
#stu_top .menu > *+* { margin-left:3rem; }
#stu_top .menu > * p, #stu_top .menu > * span { font-size:1.6rem; font-weight:500; }
#stu_top .menu > * p.point, #stu_top .menu > * span.point { color:#186bea; font-weight:700; }
#stu_top .menu > *:hover p, #stu_top .menu > *:hover span { text-decoration:underline; text-underline-position:under; }

#stu_main .tit { text-align:center; margin-bottom:7.5rem; }
#stu_main .tit h1 { font-size:4.8rem; font-weight:500; line-height:1.25; }
#stu_main .tit h1 b { font-weight:700; }
#stu_main .tit h1 b span { background:linear-gradient(to right, #2332e5, #0ab9f2); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }

#stu_main #visual { background:linear-gradient(to right, #f4f7fc 0vw, #fff 30vw); padding:10.1rem 0 14.5rem; position:relative; }
#stu_main #visual .movie_box { width:100%; height:100%; position:absolute; right:0; top:0; overflow:hidden; }
#stu_main #visual .movie_box video { position:absolute; left:30vw; top:0; max-width:1404px; height:100%; object-fit:cover; }
#stu_main #visual .wrap { position:relative; }
#stu_main #visual .text_box h1 { font-size:7rem; line-height:1.15; letter-spacing:-0.05em; font-weight:800; color:#373838; }
#stu_main #visual .text_box h1 span { background:linear-gradient(to right, #2332e5, #0ab9f2); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
#stu_main #visual .text_box p { font-size:3rem; margin-top:1rem; } 
#stu_main #visual .text_box p span { font-weight:900; background:linear-gradient(to right, #2332e5, #0ab9f2); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
#stu_main #visual .btn_box { display:flex; align-items:center; gap:1.5rem; margin-top:10rem; }
#stu_main #visual .btn_box > * { width:15rem; position:relative; }
#stu_main #visual .btn_box > * > *:not(.hv_box) { width:100%; padding:3.1rem 0; border-radius:20px; }
#stu_main #visual .btn_box > * .hv_box { position:absolute; top:-5px; right:0; transform:translate(0,-100%); z-index:1; }
#stu_main #visual .btn_box > * .hv_box i { display:block; width:15px; height:15px; background:url('/stu_n/img/stu_ic11.png') no-repeat; z-index:1; }
#stu_main #visual .btn_box > * .hv_box .hv_text { display:none; }
#stu_main #visual .btn_box > * .hv_box:hover .hv_text { display:block; width:max-content; padding:1.5rem; position:absolute; right:-5px; top:-5px; transform:translate(100%,-100%); background:#fff; border:1px solid #e6e6e6; border-radius:2rem; box-shadow:0 0 16px rgba(0,0,0,0.2); text-align:left; z-index:2; }
#stu_main #visual .btn_box > * .hv_box:hover .hv_text h2 { width:fit-content; font-size:1.6rem; font-weight:700; letter-spacing:-0.02em; }
#stu_main #visual .btn_box > * img { margin:0 auto 1.5rem; top:0; position:relative; transition:0.3s; }
#stu_main #visual .btn_box > * p, #stu_main #visual .btn_box > * span { font-size:2.8rem; font-weight:600; text-align:center; line-height:1.25; position: relative;    z-index: 1;}
#stu_main #visual .btn_box > * span:after {content: '';
width: calc(100% - 2px);
height: calc(50% - 2px);
background: #fff719;
position: absolute;
left: 60%;
top: 77%;
transform: translate(-50%, -50%);
z-index: -1;
}
#stu_main #visual .btn_box > * p b, #stu_main #visual .btn_box > * span b { font-size:3rem; font-weight:700; }
#stu_main #visual .btn_box a { display:block; background:linear-gradient(to right, #2332e5, #0ab9f2); transition:0.3s; border:2px solid transparent; background-image:linear-gradient(to right, #2332e5, #0ab9f2); background-origin:border-box; }
#stu_main #visual .btn_box a p { color:#fff; }
#stu_main #visual .btn_box a:hover img { top:-9px; }
#stu_main #visual .btn_box button { background:#fff; border:2px solid #2041e6; }
#stu_main #visual .btn_box button p { color:#2045e7; }
#stu_main #visual .btn_box button:hover img { transform:rotate(90deg); }

#stu_main .cont01 { background:#ecefff; padding:9rem 0 10rem; }
#stu_main .cont01 .tit { margin-bottom:4rem; }
#stu_main .cont01 .text_box { margin-bottom:5.2rem; margin-bottom:0 !important; }
#stu_main .cont01 .text_box p { font-size:2rem; color:#4d4d4d; text-align:center; }
#stu_main .cont01 .text_box p b { font-weight:700; }
#stu_main .cont01 .text_box p b.point { text-decoration:underline; text-underline-position:under; }
#stu_main .cont01 .btn_box { text-align:center; }
#stu_main .cont01 .btn_box a { display:inline-block; font-size:1.8rem; font-weight:600; color:#fff; background:linear-gradient(to right, #2332e5, #0ab9f2); padding:1rem 4.3rem; transition:0.3s; border:1px solid transparent; border-image:linear-gradient(to right, #2332e5, #0ab9f2); border-image-slice:1; }
#stu_main .cont01 .btn_box a:hover { background:rgba(255,255,255,0); border:1px solid #186bea; color:#186bea; }

#stu_main .cont02 { padding:9rem 0 10rem; position:relative; }
#stu_main .cont02 .text_box ul { width:fit-content; margin:0 auto; }
#stu_main .cont02 .text_box ul li { display:flex; align-items:center; }
#stu_main .cont02 .text_box ul li+li { margin-top:3.2rem; }
#stu_main .cont02 .text_box ul li i { display:block; width:3.5rem; height:3.5rem; background:url('../../img/stu_main_cont02_ic01.svg') no-repeat; background-size:contain; margin-right:1.2rem; }
#stu_main .cont02 .text_box ul li p { font-size:2.2rem; font-weight:700; color:#4d4d4d; }

#stu_main .cont03 { background:linear-gradient(to right, #2332e5, #0ab9f2); padding:5rem 0; }
#stu_main .cont03 .wrap { display:flex; justify-content:center; align-items:center; }
#stu_main .cont03 .wrap h1 { font-size:2.5rem; font-weight:500; color:#fff; }
#stu_main .cont03 .wrap h1 b { font-weight:700; text-decoration:underline; text-underline-position:under; }

#stu_main .cont04 { padding:10rem 0; }
#stu_main .cont04 .flex { display:flex; justify-content:space-between; align-items:center; gap:2.5rem; }
#stu_main .cont04 .flex .list { flex:0 0 calc(25% - 7.5rem / 4); border-radius:2rem; padding:2.7rem 2rem 2.9rem; transition:0.3s; }
#stu_main .cont04 .flex .list h1 { font-size:1.8rem; font-weight:700; line-height:1.3; }
#stu_main .cont04 .flex .list h1 b { font-size:2.5rem; font-weight:700; }
#stu_main .cont04 .flex01 .list { border:2px solid #2045e7; }
#stu_main .cont04 .flex01 .list .img_box { margin-top:0.9rem; }
#stu_main .cont04 .flex01 .list .img_box img { margin:0 auto; margin-right:0; }
#stu_main .cont04 .flex01 .list:first-child { background:#2045e7; }
#stu_main .cont04 .flex01 .list:first-child h1 { color:#fff; }
#stu_main .cont04 .flex01 .list:hover { background:#f4f5fe; }
#stu_main .cont04 .flex01 .list:hover:first-child h1 { color:#000; }
#stu_main .cont04 .flex02 { margin-top:2rem; }
#stu_main .cont04 .flex02 .list { display:flex; justify-content:space-between; align-items:center; border:2px solid #f4f5fe; background:#f4f5fe; }
#stu_main .cont04 .flex02 .list:hover { border:2px solid #2045e7; }

/* footer */
#foot .foot_menu { border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
#foot .foot_menu .wrap { display:flex; justify-content:space-between; align-items:center; }
#foot .foot_menu .menu { display:flex; align-items:center; }
#foot .foot_menu .menu a { font-size:1.6rem; color:#585858; padding:0 2.5rem 0 2rem; position:relative; }
#foot .foot_menu .menu a:nth-child(2) {font-weight: 600;color: #0d6fb8;}
#foot .foot_menu .menu a:after { content:''; width:1px; height:1.3rem; background:#585858; position:absolute; right:0; top:50%; transform:translate(0,-50%); }
#foot .foot_menu .menu a:nth-child(1) { padding-left:0; }
#foot .foot_menu .menu a:last-child { color:#0d6fb8; }
#foot .foot_menu .menu a:last-child:after { display:none; }
#foot .foot_menu .btn01 button.top_btn { display:block; width:5rem; height:5rem; background:#f9f9f9 url('/rtImages/ns_w/common/foot_btn_ic01_hv.png') no-repeat; background-position:center; transition:0.3s; }
#foot .foot_menu .btn01 button.top_btn:hover { background:#ddd url('/rtImages/ns_w/common/foot_btn_ic01.png') no-repeat; background-position:center; transition:0.3s; }
#foot .company { padding:5rem 0; }
#foot .company .logo { margin-bottom:3rem; }
#foot .company .text p { font-size:1.5rem; color:#585858; line-height:1.3; }
#foot .company .text p.bold { margin-top:2.5rem; color:#222; }

@media(max-width:1140px){
	.wrap { width:100%; padding:0 2rem; }
}
@media(max-width:1024px){
	#stu_main #visual { background:linear-gradient(to right, #f4f7fc 0vw, #fff 10vw); }
	#stu_main #visual .movie_box video { left:10vw; }
	#stu_main #visual .btn_box.mb { display:flex !important; }
	#stu_main .cont03 .wrap h1 { text-align:center; line-height:1.5; }
	#stu_main .cont03 .wrap h1 b { display:block; }

	#foot .company .text p br { display:none; }
	#foot .company .text p br.mb { display:block; }
	#foot .company .text p span.mb { display:inline-block !important; }
}
@media(max-width:920px){
	html { font-size:50%; }
}
@media(max-width:768px){
	#stu_main .cont01 .tit { margin-bottom:3.2rem; }
	#stu_main .tit { margin-bottom:6rem; }
	#stu_main .tit h1 { font-size:3.8rem; }
	#stu_main #visual { padding:8.1rem 0 12.5rem; background-size:cover; }
	#stu_main #visual .text_box h1 { font-size:6rem; }
	#stu_main #visual .text_box p { font-size:2.4rem; }
	#stu_main #visual .btn_box { margin-top:8rem; }
	#stu_main #visual .btn_box > * img { width:5rem; }
	#stu_main #visual .btn_box > * p, #stu_main #visual .btn_box > * span { font-size:1.6rem; }
	#stu_main #visual .btn_box > * p b, #stu_main #visual .btn_box > * span b { font-size:1.8rem; }
	#stu_main #visual .btn_box > * .hv_box:hover .hv_text { width:252px; }
	#stu_main #visual .btn_box > .btn_a:hover .hv_text { right:-6px; transform:translate(50%,-100%); }
	#stu_main #visual .btn_box > .btn_b:hover .hv_text { right:0; transform:translate(0,-100%); }
	#stu_main .cont01 { padding:7rem 0 8rem; }
	#stu_main .cont01 .text_box { margin-bottom:4.2rem; }
	#stu_main .cont01 .text_box p { font-size:1.8rem; }
	#stu_main .cont02 { padding:7rem 0 8rem; }
	#stu_main .cont02 .text_box ul li+li { margin-top:2.6rem; }
	#stu_main .cont02 .text_box ul li i { width:2.8rem; height:2.8rem; margin-right:1rem; }
	#stu_main .cont02 .text_box ul li p { font-size:1.8rem; }
	#stu_main .cont03 { padding:4rem 0; }
	#stu_main .cont03 .wrap h1 { font-size:1.8rem; }
	#stu_main .cont04 { padding:8rem 0; }
	#stu_main .cont04 .flex { flex-wrap:wrap; }
	#stu_main .cont04 .flex .list { flex:0 0 calc(50% - 2.5rem / 2); }
	#stu_main .cont04 .flex .list h1 { font-size:1.6rem; }
	#stu_main .cont04 .flex .list h1 b { font-size:2.3rem; }

	#foot .foot_menu .menu a { font-size:1.3rem; padding:0 2rem 0 1.6rem; }
	#foot .foot_menu .btn01 button.top_btn { width:4rem; height:4rem; background-size:1.3rem; }
	#foot .company { padding:4rem 0; }
	#foot .company .logo { margin-bottom:2.4rem; }
	#foot .company .logo a img { width:21.5rem; }
	#foot .company .text p { font-size:1.2rem; }
}
@media(max-width:560px){
	#stu_main #visual { background:linear-gradient(to bottom, #f4f7fc 0vh, #fff 50vh); background-position:bottom center; background-size:contain; padding:7rem 0 55rem; }
	#stu_main #visual .btn_box { margin-top:6rem; }
	#stu_main #visual .movie_box video { left:35%; transform:translate(-50%,0); height:45rem; top:auto; bottom:0; }
	#stu_main #visual .text_box { text-align:center; }
	#stu_main #visual .btn_box { justify-content:center; }
	#stu_main .cont01 .btn_box a { padding:1.5rem 6.5rem; }
	#stu_main .cont03 .wrap a { padding:1.5rem 6.5rem; }
}
@media(max-width:480px){
	#stu_top .logo a img { height:2.5rem; margin-right:5px; }
	#stu_top .logo a h1 { font-size:2rem; }
	#stu_top .menu > *+* { margin-left:2rem; }
	#stu_top .menu > * p, #stu_top .menu > * span { font-size:1.4rem; }

	#stu_main .tit { margin-bottom:3rem; }
	#stu_main .tit h1 { font-size:3rem; }
	#stu_main #visual { padding-bottom:45rem; }
	#stu_main #visual .text_box h1 { font-size:5rem; }
	#stu_main #visual .movie_box video { height:35rem; }
	#stu_main .cont01 .tit { margin-bottom:2.5rem; }
	#stu_main .cont02 .text_box ul li i { width:2.3rem; height:2.3rem; margin-right:1rem; }
	#stu_main .cont04 .flex { gap:1.5rem; }
	#stu_main .cont04 .flex .list { flex:0 0 calc(50% - 1.5rem / 2); }
	#stu_main .cont04 .flex02 { margin-top:1.5rem; }
	#stu_main .cont04 .flex01 .list .img_box img { width:11rem; }

	#foot { border-top:1px solid #ddd; }
	#foot .foot_menu { display:none; }
}
@media(max-width:360px){
	#stu_top .logo a img { height:2.3rem; margin-right:5px; }
	#stu_top .logo a h1 { font-size:1.8rem; }
	#stu_top .menu > *+* { margin-left:1.5rem; }
	#stu_top .menu > * p, #stu_top .menu > * span { font-size:1.2rem; }

	#stu_main #visual .text_box h1 { font-size:5.5rem; }
	#stu_main #visual .text_box p { font-size:2rem; }
	#stu_main .cont04 .flex .list { flex:0 0 100%; }
}





/* °íÁ¤ ¹öÆ° */
#fix_btn { display:flex; position:fixed; left:50%; bottom:0px; transform:translate(-50%,-50%); text-align:center; z-index:1; gap:2rem; }
#fix_btn.mb { display:none; }
#fix_btn > * { display:flex; justify-content:center; align-items:center; font-size:1.8rem; font-weight:600; padding:1rem 3rem; border-radius:1rem; transition:0.3s; }
#fix_btn > * i { width:2.2rem; height:2.2rem; display:block; margin-right:8px; }
#fix_btn > a { background:#2332e5; border:2px solid transparent;  background-origin:border-box; color:#fff; }
#fix_btn > a.ph { background:#fff; border:2px solid transparent;  background-origin:border-box; border:2px solid #2041e6;color:#2332e5; }
#fix_btn > button.mo { background:#2332e5; border:2px solid transparent;  background-origin:border-box; color:#fff;  }

#fix_btn > a.ph i { background:url('/stu_n/img/stu_ic09.png') no-repeat; background-size:contain; transition:0.3s; }
#fix_btn > a i { background:url('/stu_n/img/stu_ic09.png') no-repeat; background-size:contain; transition:0.3s; }
#fix_btn > button { background:linear-gradient(to right, #fff, #fff); border:2px solid #2041e6; color:#2041e6; }
#fix_btn > button i { _background:url('/stu_n/img/stu_ic10.png') no-repeat; background-size:contain; transition:0.3s; }
#fix_btn > button:hover i { _background:url('/stu_n/img/stu_ic10_rv.png') no-repeat; background-size:contain; }
#fix_btn > *.ph { display:none; background:linear-gradient(to right, #fff, #fff); border:2px solid #2041e6; color:#2041e6; }
#fix_btn .ph .kakao { background:url('/stu_n/img/kakao01.png') no-repeat; background-size:contain; }
#fix_btn .ph:hover .kakao { background:url('/stu_n/img/kakao01.png') no-repeat; background-size:contain; }
#fix_btn .mo_flex {display:none;}

@media(max-width:1024px){
	#fix_btn { position:sticky; left:0; bottom:0; transform:unset; gap:0; width:100%;display: flex;flex-direction: column; }
	#fix_btn > * { flex:0 0 calc(100% / 3); border-radius:0; }
	#fix_btn .mo_flex {display: flex;justify-content: space-between;padding: 0; }
	#fix_btn .ph { background:linear-gradient(to right, #fff, #fff); border:2px solid #2041e6; color:#2041e6;display: flex;align-items: center;justify-content: center;padding: 10px; width: 100%; }
}
@media(max-width:768px){
	#fix_btn {        display: flex; }
	#fix_btn > * { flex:1 0 calc(100% / 2); font-size:1.6rem; }
	#fix_btn > *.ph { }
	#fix_btn > * i { width:1.9rem; height:1.8rem; }
}
@media(max-width:560px){
	#fix_btn > * { padding:1rem 0; }
}




#modal > div { display:none; position:relative; z-index:10; }
#modal > 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 .modal { position:fixed; left:50%; top:50%; border-radius:30px; z-index:11; transform:translate(-50%, -50%); padding:20px; width:calc(100% - 40px); max-width:500px; background:#fff; padding:30px; }
#modal .modal .modal_close_btn button { position:absolute; top:10px; right:10px; cursor:pointer; }
#modal .modal .modal_close_btn button svg { width:2rem; height:2rem; }
#modal #modal01 .text h1 { font-size:2rem; font-weight:600; }
#modal #modal01 .text h1 img { display:inline-block; width:20px; height:19px; margin-left:7px; }
#modal #modal01 .text h2 { font-size:1.8rem; margin-bottom:4rem; }
#modal #modal01 .text p { font-size:1.8rem; color:#565656; }
#modal #modal01 .btn { display:flex; align-items:center; justify-content:space-between; margin-top:3rem; }
#modal #modal01 .btn > * { width:calc(50% - 1rem); font-size:1.8rem; font-weight:600; color:#fff; background:linear-gradient(to right, #2332e5, #0ab9f2); padding:1rem 0; transition:0.3s; border:1px solid transparent; border-image:linear-gradient(to right, #2332e5, #0ab9f2); border-image-slice:1; text-align:center; }
#modal #modal01 .btn > *:hover { background:rgba(255,255,255,0); border:1px solid #186bea; color:#186bea; }
#modal #modal02 .boxing .box { display:flex; align-items:center; justify-content:space-between; }
#modal #modal02 .boxing .box+.box { margin-top:20px; }
#modal #modal02 .boxing .box p { width:80px; font-size:1.6rem; text-align:justify; text-align-last:justify; }
#modal #modal02 .boxing .box input { font-size:1.6rem; border:1px solid #ddd; width:calc(100% - 100px); padding:0.5rem; }
#modal #modal02 .boxing .box.ph input { width:calc(100% - 220px); }
#modal #modal02 .boxing .box.ph button { width:100px; background:#2332e5; font-size:1.2rem; color:#fff; padding:0.9rem 0; border-radius:1rem; }
#modal #modal02 .boxing .box.ph span { position:absolute; right:170px; }
#modal #modal02 button.btn_stu { width:100%; margin-top:20px; font-size:1.8rem; font-weight:600; color:#fff; background:linear-gradient(to right, #2332e5, #0ab9f2); padding:1rem 4.3rem; transition:0.3s; _border:1px solid transparent; border-image:linear-gradient(to right, #2332e5, #0ab9f2); border-image-slice:1; border-radius:1rem; }

#modal #modal08 { z-index:11; }
#modal #modal08 .text h1 { font-size:20px; font-weight:600; margin-bottom:20px; }
#modal #modal08 .text p { font-size:16px; color:#565656; }

#modal .kiosk_box .modal { width:100%; max-width:1100px; padding:0; border-radius:30px; overflow:hidden; background:unset; }
#modal .kiosk_box .kiosk { display:flex; }
#modal .kiosk_box .kiosk .menu_box { display:flex; flex-direction:column; justify-content:space-between; width:94px; background:linear-gradient(to right, #2332e5, #0ab9f2); padding:30px 0; z-index:1; }
#modal .kiosk_box .kiosk .menu_box .img_box i { display:block; width:94px; height:106px; background:url('/stu_n/img/stu_img01.png') no-repeat; }
#modal .kiosk_box .kiosk .menu_box .btn_box { margin-bottom:11px; }
#modal .kiosk_box .kiosk .menu_box .btn_box button { width:100%; font-size:14px; font-weight:600; color:#fff; letter-spacing:-0.05em; transition:0.3s; }
#modal .kiosk_box .kiosk .menu_box .btn_box button i { display:block; width:26px; height:24px; background:url('/stu_n/img/stu_ic08.svg') no-repeat; margin:0 auto 10px; transition:0.3s; }
#modal .kiosk_box .kiosk .menu_box .btn_box button:hover { color:#e5e5e5; }
#modal .kiosk_box .kiosk .menu_box .btn_box button:hover i { background:url('/stu_n/img/stu_ic08_hv.svg') no-repeat; }
#modal .kiosk_box .kiosk .select_box { width:calc(100% - 379px); max-height:500px; overflow-y:scroll; background:#f5f5f5; padding:44px 31px; }
#modal .kiosk_box .kiosk .select_box::-webkit-scrollbar { display:none; }
#modal .kiosk_box .kiosk .select_box .title { margin-bottom:10px; display: flex; align-items: center;}
#modal .kiosk_box .kiosk .select_box .title .stepbut {padding:5px 7px; background:#f00; text-align:center; color:#fff; border-radius:3px; margin-right:10px; font-weight: 500;}
#modal .kiosk_box .kiosk .select_box .title h1 { font-size:23px; font-weight:500; }
#modal .kiosk_box .kiosk .select_box .title h1 b { font-weight:700; }
#modal .kiosk_box .kiosk .select_box .title:not(first-child) { margin-top:23px; }
#modal .kiosk_box .kiosk .select_box .qfc { display:flex; margin-top:30px;   gap:10px; }
#modal .kiosk_box .kiosk .select_box .qfc .list input[type="radio"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
#modal .kiosk_box .kiosk .select_box .qfc .list label { display:block; padding:13px; _padding-bottom:15px; border-radius:15px; border:1px solid #e6e6e6; background:#fff; cursor:pointer; transition:0.3s; }
#modal .kiosk_box .kiosk .select_box .qfc .list label .img_box { width:100%; display:flex; justify-content:center; align-items:center; background:#fff; border:1px solid #f1f1f2; border-radius:15px; padding:10px 0; margin-bottom:18px; display:none; }
#modal .kiosk_box .kiosk .select_box .qfc .list label .img_box i { display:block; width:40px; height:40px; }
#modal .kiosk_box .kiosk .select_box .qfc .list.list01 label .img_box i { background:url('/stu_n/img/stu_ic01.png') no-repeat; background-size:contain; }
#modal .kiosk_box .kiosk .select_box .qfc .list.list02 label .img_box i { background:url('/stu_n/img/stu_ic02.png') no-repeat; background-size:contain; }
#modal .kiosk_box .kiosk .select_box .qfc .list.list03 label .img_box i { background:url('/stu_n/img/stu_ic03.png') no-repeat; background-size:contain; }
#modal .kiosk_box .kiosk .select_box .qfc .list.list04 label .img_box i { background:url('/stu_n/img/stu_ic04.png') no-repeat; background-size:contain; }
#modal .kiosk_box .kiosk .select_box .qfc .list.list05 label .img_box i { background:url('/stu_n/img/stu_ic05.png') no-repeat; background-size:contain; }
#modal .kiosk_box .kiosk .select_box .qfc .list label span { font-size:16px; font-weight:600; color:#b9babf; letter-spacing:-0.05em; text-align:center; padding:0 11px; display:block; }
#modal .kiosk_box .kiosk .select_box .edu { display:flex; gap:10px;  margin-top:30px; }
#modal .kiosk_box .kiosk .select_box .edu .ai_img { width:25%}
#modal .kiosk_box .kiosk .select_box .edu .listwrap { width:75%; display: flex;  flex-wrap: wrap;  align-content: flex-start;}

#modal .kiosk_box .kiosk .select_box .edu .list { width: calc(100% / 3 - 10px);  margin-right: 10px; margin-bottom: 20px;}
#modal .kiosk_box .kiosk .select_box .edu .list input[type="radio"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
#modal .kiosk_box .kiosk .select_box .edu .list label { display:block; padding:13px 15px; border-radius:15px; border:1px solid #e6e6e6; background:#fff; cursor:pointer; transition:0.3s; }
#modal .kiosk_box .kiosk .select_box .edu .list label span { font-size:16px; font-weight:600; color:#b9babf; letter-spacing:-0.05em; text-align:center; display:block; }
#modal .kiosk_box .kiosk .select_box .degree { display:flex; gap:10px;  margin-top:30px;  width:100%; }
#modal .kiosk_box .kiosk .select_box .degree .list input[type="radio"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
#modal .kiosk_box .kiosk .select_box .degree .list label { display:flex; align-items:center; padding:13px 19px; border-radius:15px; border:1px solid #e6e6e6; background:#fff; cursor:pointer; transition:0.3s; }
#modal .kiosk_box .kiosk .select_box .degree .list label span { font-size:16px; font-weight:600; color:#b9babf; letter-spacing:-0.05em; text-align:center; }
#modal .kiosk_box .kiosk .select_box .degree .list label b { width:50px; font-size:13px; font-weight:600; color:#b9babf; letter-spacing:-0.05em; text-align:center; background:#f3f3f3; border-radius:5px; margin-left:6px; }
/* hover */
#modal .kiosk_box .kiosk .select_box .qfc .ai_img { width:25%}
#modal .kiosk_box .kiosk .select_box .qfc .listwrap { width:75%; display: flex;  flex-wrap: wrap; align-content: flex-start;}
#modal .kiosk_box .kiosk .select_box .qfc .list { width: calc(100% / 3 - 10px); margin-bottom: 20px; margin-right: 10px;}
#modal .kiosk_box .kiosk .select_box .qfc .list input[type="radio"]:hover~label { box-shadow:0 0 16px rgba(0,0,0,0.11); }
#modal .kiosk_box .kiosk .select_box .qfc .list.list01 input[type="radio"]:hover~label .img_box i { background:url('/stu_n/img/stu_ic01_on.png') no-repeat; background-size:contain; }
#modal .kiosk_box .kiosk .select_box .qfc .list.list02 input[type="radio"]:hover~label .img_box i { background:url('/stu_n/img/stu_ic02_on.png') no-repeat; background-size:contain; }
#modal .kiosk_box .kiosk .select_box .qfc .list.list03 input[type="radio"]:hover~label .img_box i { background:url('/stu_n/img/stu_ic03_on.png') no-repeat; background-size:contain; }
#modal .kiosk_box .kiosk .select_box .qfc .list.list04 input[type="radio"]:hover~label .img_box i { background:url('/stu_n/img/stu_ic04_on.png') no-repeat; background-size:contain; }
#modal .kiosk_box .kiosk .select_box .qfc .list.list05 input[type="radio"]:hover~label .img_box i { background:url('/stu_n/img/stu_ic05_on.png') no-repeat; background-size:contain; }
#modal .kiosk_box .kiosk .select_box .qfc .list input[type="radio"]:hover~label span { color:#000; }
#modal .kiosk_box .kiosk .select_box .edu .list input[type="radio"]:hover~label { box-shadow:0 0 16px rgba(0,0,0,0.11); }
#modal .kiosk_box .kiosk .select_box .edu .list input[type="radio"]:hover~label span { color:#000; }

#modal .kiosk_box .kiosk .select_box .degree .ai_img { width:25%}
#modal .kiosk_box .kiosk .select_box .degree .listwrap { width:75%; display: flex;  flex-wrap: wrap; align-content: flex-start;}
#modal .kiosk_box .kiosk .select_box .degree .list { width: calc(100% / 3 - 10px);  margin-right: 10px; margin-bottom: 20px;}
#modal .kiosk_box .kiosk .select_box .degree .list input[type="radio"]:hover~label { box-shadow:0 0 16px rgba(0,0,0,0.11); }
#modal .kiosk_box .kiosk .select_box .degree .list input[type="radio"]:hover~label span { color:#000; }
#modal .kiosk_box .kiosk .select_box .degree .list input[type="radio"]:hover~label b { color:#000; }
/* chk */
#modal .kiosk_box .kiosk .select_box .qfc .list input[type="radio"]:checked~label { background:#feda6c; border:1px solid #feda6c; }
#modal .kiosk_box .kiosk .select_box .qfc .list input[type="radio"]:checked~label .img_box { border:1px solid #fff; }
#modal .kiosk_box .kiosk .select_box .qfc .list.list01 input[type="radio"]:checked~label .img_box i { background:url('/stu_n/img/stu_ic01_on.png') no-repeat; background-size:contain; }
#modal .kiosk_box .kiosk .select_box .qfc .list.list02 input[type="radio"]:checked~label .img_box i { background:url('/stu_n/img/stu_ic02_on.png') no-repeat; background-size:contain; }
#modal .kiosk_box .kiosk .select_box .qfc .list.list03 input[type="radio"]:checked~label .img_box i { background:url('/stu_n/img/stu_ic03_on.png') no-repeat; background-size:contain; }
#modal .kiosk_box .kiosk .select_box .qfc .list.list04 input[type="radio"]:checked~label .img_box i { background:url('/stu_n/img/stu_ic04_on.png') no-repeat; background-size:contain; }
#modal .kiosk_box .kiosk .select_box .qfc .list.list05 input[type="radio"]:checked~label .img_box i { background:url('/stu_n/img/stu_ic05_on.png') no-repeat; background-size:contain; }
#modal .kiosk_box .kiosk .select_box .qfc .list input[type="radio"]:checked~label span { color:#000; }
#modal .kiosk_box .kiosk .select_box .edu .list input[type="radio"]:checked~label { background:#feda6c; border:1px solid #feda6c; }
#modal .kiosk_box .kiosk .select_box .edu .list input[type="radio"]:checked~label span { color:#000; }
#modal .kiosk_box .kiosk .select_box .degree .list input[type="radio"]:checked~label { background:#feda6c; border:1px solid #feda6c; }
#modal .kiosk_box .kiosk .select_box .degree .list input[type="radio"]:checked~label span { color:#000; }
#modal .kiosk_box .kiosk .select_box .degree .list input[type="radio"]:checked~label b { color:#000; }

#modal .kiosk_box .kiosk .cart_box { width:285px; padding:44px 31px; display:flex; flex-wrap:wrap; flex-direction:column; background:#fff; }
#modal .kiosk_box .kiosk .cart_box .title { margin-bottom:10px; }
#modal .kiosk_box .kiosk .cart_box .title h1 { font-size:23px; font-weight:700; }
#modal .kiosk_box .kiosk .cart_box .cart_list { display:flex; flex-wrap:wrap; flex-direction:column; gap:15px 0; }
#modal .kiosk_box .kiosk .cart_box .cart_list .list { width:100%; display:flex; align-items:center; background:#feda6c; border:1px solid #feda6c; padding:13px 20px; border-radius:13px; transition:0.3s; }
#modal .kiosk_box .kiosk .cart_box .cart_list .list p { font-size:16px; font-weight:600; }
#modal .kiosk_box .kiosk .cart_box .cart_list .list span { width:50px; font-size:13px; font-weight:600; letter-spacing:-0.05em; text-align:center; background:#f3f3f3; border-radius:5px; margin-left:6px; }
#modal .kiosk_box .kiosk .cart_box .cart_list .list button { margin:0 auto; margin-right:0; }
#modal .kiosk_box .kiosk .cart_box .cart_list .list button i { display:none; _display:block; width:10px; height:10px; background:url('/stu_n/img/stu_ic06_hv.png') no-repeat; transition:0.3s; }
#modal .kiosk_box .kiosk .cart_box .cart_list .list:hover { background:#fff; }
#modal .kiosk_box .kiosk .cart_box .cart_list .list:hover button i { background:url('/stu_n/img/stu_ic06_hv.png') no-repeat; }
#modal .kiosk_box .kiosk .cart_box .cart_list .list.hvnone:hover { background:#feda6c; }
#modal .kiosk_box .kiosk .cart_box .btn { width:100%; margin:auto; margin-bottom:0; }
#modal .kiosk_box .kiosk .cart_box .btn button, #modal .kiosk_box .kiosk .cart_box .btn > div { width:100%; font-size:16px; font-weight:600; letter-spacing:-0.05em; color:#b9babf; background:#f5f5f5; border-radius:15px; padding:14px 0; transition:0.3s; }
#modal .kiosk_box .kiosk .cart_box .btn .on { background:linear-gradient(to right, #2332e5, #0ab9f2); color:#fff; }
#modal .kiosk_box .kiosk .cart_box .btn .on:hover { box-shadow:0 0 10px rgba(0,0,0,0.33); }
#modal .kiosk_box .kiosk .cart_box .btn .off { display:none !important; }
#modal .kiosk_box .kiosk .cart_box .btn .wait { display:flex; justify-content:center; align-items:center; background:#000; color:#fff; }
#modal .kiosk_box .kiosk .cart_box .btn .wait .loading { position:relative; width:19px; height:19px; margin-right:6px; }
#modal .kiosk_box .kiosk .cart_box .btn .wait .loading.off > span { animation:none; }
#modal .kiosk_box .kiosk .cart_box .btn .wait .loading > span { position:absolute; width:3px; height:3px; margin:auto; border-radius:50%; background:#fff; animation:dot 0.8s linear infinite; left:0; top:0; right:0; bottom:0; }
#modal .kiosk_box .kiosk .cart_box .btn .wait .loading > span:nth-child(1) { transform:rotate(0) translateX(6px); animation-delay:0; }
#modal .kiosk_box .kiosk .cart_box .btn .wait .loading > span:nth-child(2) { transform:rotate(315deg) translateX(6px); animation-delay:0.1s; }
#modal .kiosk_box .kiosk .cart_box .btn .wait .loading > span:nth-child(3) { transform:rotate(270deg) translateX(6px); animation-delay:0.2s; }
#modal .kiosk_box .kiosk .cart_box .btn .wait .loading > span:nth-child(4) { transform:rotate(225deg) translateX(6px); animation-delay:0.3s; }
#modal .kiosk_box .kiosk .cart_box .btn .wait .loading > span:nth-child(5) { transform:rotate(180deg) translateX(6px); animation-delay:0.4s; }
#modal .kiosk_box .kiosk .cart_box .btn .wait .loading > span:nth-child(6) { transform:rotate(135deg) translateX(6px); animation-delay:0.5s; }
#modal .kiosk_box .kiosk .cart_box .btn .wait .loading > span:nth-child(7) { transform:rotate(90deg) translateX(6px); animation-delay:0.6s; }
#modal .kiosk_box .kiosk .cart_box .btn .wait .loading > span:nth-child(8) { transform:rotate(45deg) translateX(6px); animation-delay:0.7s; }
@keyframes dot { 0% { opacity:1; } 25% { opacity:0.75; } 50% { opacity:0.5; } 75% { opacity:0.25; } 100% { opacity:0; } }
#modal .kiosk_box .kiosk .cart_box .btn.flex { display:flex; justify-content:space-between; align-items:center; gap:10px; }
#modal .kiosk_box .kiosk .cart_box .btn.flex a { display:flex; justify-content:center; align-items:center; width:52px; height:52px; background:#616161; border-radius:15px; padding:14px 0; transition:0.3s; position:relative; }
#modal .kiosk_box .kiosk .cart_box .btn.flex a img { width:18px; }
#modal .kiosk_box .kiosk .cart_box .btn.flex a:hover { box-shadow:0 0 16px rgba(0,0,0,0.11); }
#modal .kiosk_box .kiosk .cart_box .btn.flex a:hover:after { content:''; width:60px; height:33px; background:url('/stu_n/img/stu_img03.png') no-repeat; position:absolute; left:50%; top:-6px; transform:translate(-50%,-100%); }
#modal .kiosk_box .kiosk .cart_box .btn.flex button { width:calc(100% - 67px); } 

#modal .kiosk_box .kiosk .select_box .edu_box .list { width:fit-content; display:flex; padding:13px 21px; border-radius:15px; border:1px solid #e6e6e6; background:#fff; transition:0.3s; }
#modal .kiosk_box .kiosk .select_box .edu_box .list p { font-size:16px; letter-spacing:-0.05em; position:relative; }
#modal .kiosk_box .kiosk .select_box .edu_box .list p+p { margin-left:26px; padding-left:25px; }
#modal .kiosk_box .kiosk .select_box .edu_box .list p+p:after { content:''; width:1px; height:12px; background:#000; position:absolute; left:0; top:50%; transform:translate(0,-50%); }
#modal .kiosk_box .kiosk .select_box .edu_box .list p b { font-weight:600; }

#modal .kiosk_box .kiosk .select_box .edu_list { display:flex; flex-wrap:wrap; gap:5px; }
#modal .kiosk_box .kiosk .select_box .edu_list .tit { width:100%; margin-bottom:5px; }
#modal .kiosk_box .kiosk .select_box .edu_list .tit:not(first-child) { margin-top:10px; }
#modal .kiosk_box .kiosk .select_box .edu_list .tit h2 { display:flex; align-items:center; font-size:18px; font-weight:600; line-height:1; letter-spacing:-0.05em; }
#modal .kiosk_box .kiosk .select_box .edu_list .tit h2 i { width:14px; height:14px; position:relative; background:linear-gradient(to right, #2332e5, #0ab9f2); border-radius:50%; margin-right:7px; }
#modal .kiosk_box .kiosk .select_box .edu_list .tit h2 i:after { content:''; width:6px; height:6px; border-radius:50%; background:#f5f5f5; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
#modal .kiosk_box .kiosk .select_box .edu_list .list { padding:13px 15px; border-radius:15px; border:1px solid #e6e6e6; background:#fff; }
#modal .kiosk_box .kiosk .select_box .edu_list .list p { font-size:16px; text-align:center; font-weight:600; letter-spacing:-0.05em; }

#modal .kiosk_box.policy .modal { max-width:456px; }
#modal .kiosk_box.policy .kiosk .select_box { width:calc(100% - 94px); }
#modal .kiosk_box.policy .kiosk .select_box .policy_box { max-width:300px; }
#modal .kiosk_box.policy .kiosk .select_box .policy_box input { font-size:16px; padding:5px 10px; border:1px solid #ddd; }
#modal .kiosk_box.policy .kiosk .select_box .policy_box select { font-size:16px; padding:5px 10px; border:1px solid #ddd; }
#modal .kiosk_box.policy .kiosk .select_box .policy_box > div+div { margin-top:10px; }
#modal .kiosk_box.policy .kiosk .select_box .policy_box .name input { width:100%; }
#modal .kiosk_box.policy .kiosk .select_box .policy_box .ph { display:flex; align-items:center; }
#modal .kiosk_box.policy .kiosk .select_box .policy_box .ph > div { width:90px; }
#modal .kiosk_box.policy .kiosk .select_box .policy_box .ph > div select { width:100%; }
#modal .kiosk_box.policy .kiosk .select_box .policy_box .ph > div input { width:100%; }
#modal .kiosk_box.policy .kiosk .select_box .policy_box .ph > span { width:15px; text-align:center; }
#modal .kiosk_box.policy .kiosk .select_box .policy_box .boxing { display:flex; align-items:center; }
#modal .kiosk_box.policy .kiosk .select_box .policy_box .boxing label { margin-left:5px; font-size:14px; }
#modal .kiosk_box.policy .kiosk .select_box .policy_box .boxing button { margin-left:10px; font-size:10px; font-weight:500; border:1px solid #ddd; background:#fff; padding:1px 10px; }
#modal .kiosk_box.policy .kiosk .select_box .policy_box .btn_box { border-top:1px solid #999; padding-top:20px; margin-top:20px; }
#modal .kiosk_box.policy .kiosk .select_box .policy_box .btn_box button { width:100%; font-size:16px; font-weight:600; letter-spacing:-0.05em; color:#fff; background:#b9babf; border-radius:15px; padding:7px 0; transition:0.3s; }
#modal .kiosk_box.policy .kiosk .select_box .policy_box .btn_box button.on { background:linear-gradient(to right, #2332e5, #0ab9f2); }


 
#modal .kiosk_box .kiosk .select_box { width:calc(100% - 94px); }
#modal .kiosk_box .kiosk .select_box .policy_box { _max-width:300px; width:75%}
#modal .kiosk_box .kiosk .select_box .policy_box input { font-size:16px; padding:10px 10px; border:1px solid #ddd; }
#modal .kiosk_box .kiosk .select_box .policy_box select { font-size:16px; padding:10px 10px; border:1px solid #ddd; }
#modal .kiosk_box .kiosk .select_box .policy_box > div+div { margin-top:10px; }
#modal .kiosk_box .kiosk .select_box .policy_box .name input { width:100%; }
#modal .kiosk_box .kiosk .select_box .policy_box .referral input { width:100%; }
#modal .kiosk_box .kiosk .select_box .policy_box .ph { display:flex; align-items:center; }
#modal .kiosk_box .kiosk .select_box .policy_box .ph > div { width:90px; }
#modal .kiosk_box .kiosk .select_box .policy_box .ph > div select { width:100%; }
#modal .kiosk_box .kiosk .select_box .policy_box .ph > div input { width:100%; }
#modal .kiosk_box .kiosk .select_box .policy_box .ph > span { width:15px; text-align:center; }
#modal .kiosk_box .kiosk .select_box .policy_box .boxing { display:flex; align-items:center; }
#modal .kiosk_box .kiosk .select_box .policy_box .boxing label { margin-left:5px; font-size:14px; }
#modal .kiosk_box .kiosk .select_box .policy_box .boxing button { margin-left:10px; font-size:10px; font-weight:500; border:1px solid #ddd; background:#fff; padding:1px 10px; }
#modal .kiosk_box .kiosk .select_box .policy_box .btn_box { border-top:1px solid #999; padding-top:20px; margin-top:20px; }
#modal .kiosk_box .kiosk .select_box .policy_box .btn_box button { width:100%; font-size:16px; font-weight:600; letter-spacing:-0.05em; color:#fff; background:#b9babf; border-radius:15px; padding:15px 0; transition:0.3s; }
#modal .kiosk_box .kiosk .select_box .policy_box .btn_box button.on { background:linear-gradient(to right, #2332e5, #0ab9f2); cursor:pointer; }


#modal #modal04 .modal { max-width:420px; padding:45px; }
#modal #modal04 .modal .modal_close_btn button { top:20px; right:20px; }
#modal #modal04 .modal .modal_close_btn button svg { width:1.6rem; height:1.6rem; }
#modal #modal04 .text p { display:flex; align-items:center; font-size:16px; font-weight:500; padding:6px 0 7px; letter-spacing:-0.05em; }
#modal #modal04 .text p+p { border-top:1px solid #e6e6e6; }
#modal #modal04 .text p b { display:block; width:75px; font-weight:600; }
@media(max-width:1140px){
	#modal .kiosk_box .modal { width:calc(100% - 40px); }
	#modal .kiosk_box .kiosk { max-height:80vh; }
	#modal .kiosk_box .kiosk .select_box { overflow-y:scroll; }
	#modal .kiosk_box .kiosk .select_box .qfc { justify-content:flex-start; gap:20px; flex-wrap:wrap; }
}
@media(max-width:768px){
	#modal .kiosk_box .kiosk { flex-direction:column; position:relative; overflow-y:scroll; }
	#modal .kiosk_box .kiosk .menu_box { width:100%; flex-direction:row-reverse; align-items:center; padding:0; position:sticky; left:0; top:0; }
	#modal .kiosk_box .kiosk .menu_box .img_box i { width:108px; height:90px; background:url('/stu_n/img/stu_img02_mb.svg') no-repeat; background-size:contain; }
	/* #modal .kiosk_box .kiosk .menu_box .img_box i:before { content:''; width:62px; height:75px; background:#f5f5f5; position:absolute; left:50%; bottom:0; transform:translate(-50%,0); border-radius:50px 50px 0 0; z-index:-1; }
	#modal .kiosk_box .kiosk .menu_box .img_box i:after { content:''; width:108px; height:90px; background:url('/stu_n/img/stu_img01_mb.png') no-repeat; position:absolute; left:50%; bottom:0; transform:translate(-50%,0); z-index:1; } */
	#modal .kiosk_box .kiosk .menu_box .btn_box { display:flex; justify-content:center; align-items:center; width:90px; height:90px; margin-bottom:0; }
	#modal .kiosk_box .kiosk .menu_box .btn_box button { padding-top:5px; }
	#modal .kiosk_box .kiosk .select_box { width:100%; max-height:100%; overflow-y:unset; padding:24px 30px; }
	#modal .kiosk_box .kiosk .select_box .qfc { gap:15px; }
	#modal .kiosk_box .kiosk .select_box .qfc .list { flex:0 0 calc(50% - 7.5px); }
	#modal .kiosk_box .kiosk .select_box .qfc .list label span { padding:0; }
	#modal .kiosk_box .kiosk .select_box .edu { flex-wrap:wrap; }
	#modal .kiosk_box .kiosk .select_box .edu .list { flex:0 0 calc(50% - 7.5px); }
	#modal .kiosk_box .kiosk .select_box .degree { gap:15px; max-width:100%; }
	#modal .kiosk_box .kiosk .select_box .degree .list { flex:none; _flex:0 0 calc(50% - 7.5px); }
	#modal .kiosk_box .kiosk .select_box .degree .list label { justify-content:center; padding:13px 0; }
	#modal .kiosk_box .kiosk .cart_box { width:100%; padding:24px 30px; }
	#modal .kiosk_box .kiosk .cart_box .btn { margin-top:50px; }

	#modal .kiosk_box.policy .kiosk .select_box { width:100%; }
}
@media(max-width:560px){
	#modal #modal02 .boxing .box p { width:60px; }
	#modal #modal02 .boxing .box input { width:calc(100% - 80px); }
	#modal #modal02 .boxing .box.ph input { width:calc(100% - 160px); }
	#modal #modal02 .boxing .box.ph button { width:60px; }
	#modal #modal02 .boxing .box.ph span { right:115px; }
}
@media(max-width:480px){
	.btn {margin-top:30px!important;}
	#modal .kiosk_box .kiosk .select_box .edu .list { width: calc(100% / 2 - 10px); }
	#modal .kiosk_box .kiosk .select_box .edu .listwrap { width: 100%; }
	#modal .kiosk_box .kiosk .select_box .edu {  flex-direction: column;}
	#modal .kiosk_box .kiosk .select_box .edu .ai_img {  width: 100%; display: flex; justify-content: center;}	
	#modal .kiosk_box .kiosk .select_box .edu .ai_img img { width:auto!important}	
	#modal .kiosk_box .kiosk .select_box .edu .list { flex:none }
	
	#modal .kiosk_box .kiosk .select_box .degree .list { width: calc(100% / 2 - 10px); }
	#modal .kiosk_box .kiosk .select_box .degree .listwrap { width: 100%; }
	#modal .kiosk_box .kiosk .select_box .degree {  flex-direction: column;}
	#modal .kiosk_box .kiosk .select_box .degree .ai_img {  width: 100%; display: flex; justify-content: center;}	
	#modal .kiosk_box .kiosk .select_box .degree .ai_img img { width:auto!important}	
	
	#modal .kiosk_box .kiosk .select_box .policy_box { width:100%!important}
	#modal .kiosk_box.policy .kiosk .select_box .policy_box { max-width:none; }
	#modal .kiosk_box .kiosk .select_box .qfc .listwrap { width:100%; display: flex;  flex-wrap: nowrap; align-content: flex-start;}
	#modal .kiosk_box .kiosk .select_box .qfc .ai_img { width:100%; display: flex; justify-content: center;}
	#modal .kiosk_box .kiosk .select_box .qfc .ai_img img { width:auto!important}	
	#modal .kiosk_box .kiosk .select_box .title h1 { font-size:20px; }
	#modal .kiosk_box .modal { width:calc(100% - 30px); }
	#modal .kiosk_box .kiosk .select_box { padding:24px 15px; }
	#modal .kiosk_box .kiosk .select_box .qfc { gap:10px; }
	#modal .kiosk_box .kiosk .select_box .edu { gap:10px; }
	#modal .kiosk_box .kiosk .select_box .degree { gap:10px; }
	#modal .kiosk_box .kiosk .select_box .degree .list label b { width:40px; }
	#modal .kiosk_box .kiosk .cart_box { padding:24px 15px; }
	#modal .kiosk_box .kiosk .cart_box .cart_list { gap:10px; }
	#modal .kiosk_box .kiosk .cart_box .btn { margin-top:30px; }
}





/* 꺿 */
#modal #modal06 .modal { padding:0; background:none; max-width:395px; border-radius:10px; overflow:hidden; }
#modal #modal06 .modal .modal_close_btn button { top:15px; }
#modal #modal06 .modal iframe { width:395px; height:650px; }
@media(max-width:920px){
	#modal #modal06 .modal .modal_close_btn button { top:19px; }
}
@media(max-width:435px){
	#modal #modal06 .modal { width:100vw; max-width:100vw; height:100vh; border-radius:0; }
	#modal #modal06 .modal iframe { width:100vw; height:100vh; }
}





#stu_notice .notice { padding:7.5rem 0; }
#stu_notice .title { margin-bottom:5rem; }
#stu_notice .title h1 { font-size:4rem; font-weight:700; margin-bottom:1.5rem; }
#stu_notice .title p { font-size:1.6rem; font-weight:500; }
#stu_notice .title p b { font-weight:700; color:#00f; }
#stu_notice .content .tit { margin-bottom:1.5rem; }
#stu_notice .content .tit h2 { font-size:2.4rem; font-weight:700; padding-left:2rem; position:relative; }
#stu_notice .content .tit h2:before { content:''; width:1.6rem; height:1.6rem; border:5px solid #326cf2; position:absolute; left:0; top:50%; transform:translate(0,-50%); border-radius:50%; }
#stu_notice .content .flex { display:flex; justify-content:space-between; align-items:center; margin-bottom:5rem; }
#stu_notice .content .flex .box { width:calc(100% / 3 - 5rem); background:#fff; border-radius:15px; text-align:center; box-shadow:0 3px 9px rgba(0, 0, 0, 0.09); }
#stu_notice .content .flex .box h3 { background:#f1f1f1; font-size:2rem; font-weight:700; border-radius:15px 15px 0 0; padding:1rem 0; }
#stu_notice .content .flex .box p { font-size:1.6rem; padding:2rem 0; }
#stu_notice .content .flex .arrow svg { height:3rem; }
#stu_notice .content .text_box p { font-size:1.6rem; padding-left:0.8rem; text-indent:-0.8rem; }
#stu_notice .content .text_box ul li { font-size:1.4rem; padding-left:1.8rem; text-indent:-0.8rem; }
#stu_notice .content .text_box ul li b { font-weight:700; }
#stu_notice .content .text_box ul li span { color:#ec0000; }
#stu_notice .content .text_box p+p { margin-top:1rem; }
#stu_notice .content .text_box ul+p { margin-top:1rem; }
@media(max-width:920px){
	#stu_notice .content .tit h2:before { border:3px solid #326cf2; }
}
@media(max-width:560px){
	#stu_notice .notice { padding:5rem 0; }

	#stu_notice .title h1 { font-size:3rem; }
	#stu_notice .content .tit h2 { font-size:2rem; }
	#stu_notice .content .tit h2:before { width:1.4rem; height:1.4rem; border:3px solid #326cf2; }
	#stu_notice .content .flex .box h3 { font-size:1.8rem; }
	#stu_notice .content .flex .box p { font-size:1.5rem; }

	#stu_notice .content .flex { flex-direction:column; }	
	#stu_notice .content .flex .box { width:100%; }
	#stu_notice .content .flex .arrow { padding:2rem 0;  }
	#stu_notice .content .flex .arrow svg { transform:rotate(90deg); }
}
#stu_main #visual .btn_box > * {
    width: 27rem;
    position: relative;
    height: 30rem;
}

#stu_main #visual .btn_box > * > *:not(.hv_box) {
    width: 100%;
    height: 100%;
    padding: 3.1rem 0;
    border-radius: 20px;
}

	#stu_main #visual .wrap {
	    position: relative;display:flex;    justify-content: space-between;
	}
	#stu_main #visual .btn_box {
        margin-top: 0rem;}
	
@media(max-width:768px){
	#stu_main #visual .wrap {
		flex-direction:column;
	}
	
	#stu_main #visual .btn_box {
        margin-top: 8rem;
	}
}





/* pc left °íÁ¤¹è³Ê */
.ph_fix { position:fixed; left:-7px; top:230px; background:#fff; border:3px solid #1f48e7; border-radius:0 50px 50px 0; padding:33px 25px; box-shadow:7px 9px 0 0 rgba(0,0,0,0.06); }
.ph_fix .img_box { margin-bottom:1.2rem; }
.ph_fix .img_box img { width:6.3rem; }
.ph_fix .text_box p { font-size:2rem; font-weight:700; line-height:1.25; }
.ph_fix .text_box a { font-size:3.3rem; font-weight:700; }
.ph_fix .text_box a span { display:block; background:linear-gradient(to right, #2332e5, #0ab9f2); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
@media(max-width:1440px){
	.ph_fix { display:none; }
}





/* °úÁ¤ ¼±Åà ÆäÀÌÁö */
#stu_list .stu_list { padding:7.5rem 0; }
#stu_list .title { margin-bottom:5rem; }
#stu_list .title h1 { font-size:4rem; font-weight:700; text-align:center; }
#stu_list .flex { display:flex; flex-wrap:wrap; align-items:center; gap:2rem; }
#stu_list .flex .list { flex:0 0 calc(100% / 3 - 4rem / 3); display:flex; justify-content:space-between; align-items:center; background:#f6f6f6; padding:2.5rem 3rem; transition:0.3s; }
#stu_list .flex .list h1 { font-size:2.4rem; font-weight:700; }
#stu_list .flex .list span { font-size:1.6rem; font-weight:500; color:#fff; padding:0.1rem 1.4rem 0; }
#stu_list .flex .list span.best { background:#00418d; }
#stu_list .flex .list span.hot { background:#d50000; }
#stu_list .flex .list:hover { background:#e7f3fb; }
#stu_list .flex .list:hover h1 { color:#00418d; }
@media(max-width:1024px){
	#stu_list .flex .list { flex:0 0 calc(50% - 1rem); }
}
@media(max-width:768px){
	#stu_list .title h1 { font-size:3.6rem; }
	#stu_list .flex .list h1 { font-size:2.2rem; }
	#stu_list .flex .list span { font-size:1.4rem; padding:0.1rem 1.2rem 0; }
}
@media(max-width:560px){
	#stu_list .stu_list { padding:5rem 0; }
	#stu_list .title { margin-bottom:3rem; }
	#stu_list .flex .list { padding:2rem 2.5rem; }
}
@media(max-width:480px){
	#stu_list .title h1 { font-size:2.8rem; }
	#stu_list .flex .list { flex:0 0 100%; }
	#stu_list .flex .list h1 { font-size:2rem; }
	#stu_list .flex .list span { font-size:1.2rem; padding:0.2rem 1rem 0.1rem; }
}





/* °á°ú ¸®½ºÆ® */
#stu_list .notice { display:flex; justify-content:space-between; align-items:center; margin-bottom:2rem; padding:3rem 5rem; border:1px solid #ddd; }
#stu_list .notice h1 { font-size:1.8rem; font-weight:700; color:#000; }
#stu_list .notice p { font-size:1.6rem; }
#stu_list .notice p b { color:#d50000; }
#stu_list .notice p br { display:none; }
#stu_list .flex2 { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; gap:2rem; }
#stu_list .flex2 .list { display:flex; justify-content:space-between; align-items:center; flex:0 0 calc(50% - 1rem); padding:5rem; background:#f6f6f6; transition:0.3s; }
#stu_list .flex2 .list h1 { font-size:2.3rem; font-weight:700; margin-bottom:1rem; text-align:left; transition:0.3s; }
#stu_list .flex2 .list h2 {background: #d8d8d8;width: 125px;display: flex;align-items: center;justify-content: center;padding: 20px 0;font-size: 16px;font-weight: 700;border-radius: 5px;}
#stu_list .flex2 .list .ok h2 {background: #fff;}
#stu_list .flex2 .list p { font-size:1.4rem; color:#000; transition:0.3s;font-weight: 400; }
#stu_list .flex2 .list p br { display:none; }
#stu_list .flex2 .list svg { width:6.2rem; height:6.2rem; fill:#ddd; transition:0.3s; }
/*#stu_list .flex2 .list:hover { background:#00418d; }
#stu_list .flex2 .list:hover h1 { color:#fff; }
#stu_list .flex2 .list:hover h2 {background: #fff;}
#stu_list .flex2 .list:hover p { color:#fff; }
#stu_list .flex2 .list:hover svg { fill:#fff; }*/
#stu_list .flex2 .list.complete { background:#00418d; }
#stu_list .flex2 .list.complete h1 { color:#fff; }
#stu_list .flex2 .list.complete p { color:#fff; }
#stu_list .flex2 .list.complete svg { fill:#fff; }
@media(max-width:1024px){
	#stu_list .notice { margin-bottom:4rem; }
	#stu_list .flex2 .list { flex:0 0 100%; }
}
@media(max-width:768px){
	#stu_list .notice { margin-bottom:3rem; padding:2rem 3rem; }
	#stu_list .notice h1 { font-size:1.6rem; }
	#stu_list .notice p { font-size:1.4rem; }
	#stu_list .notice p br { display:block; }
	#stu_list .notice img { width:5rem; }
	#stu_list .flex2 .list { padding:3rem; }
	#stu_list .flex2 .list h1 { font-size:2.2rem; }
	#stu_list .flex2 .list p { font-size:1.2rem; }
	#stu_list .flex2 .list svg { width:5rem; height:5rem; }
	#stu_list .flex2 .list h2 {width: 100px;padding: 10px 0; font-size: 14px;}
}
@media(max-width:480px){
	#stu_list .notice { margin-bottom:3rem; padding:2rem; }
	#stu_list .notice h1 { font-size:1.4rem; }
	#stu_list .notice p { font-size:1.2rem; margin-top: 5px;}
	#stu_list .notice p br { display:block; }
	#stu_list .notice img { width:4rem; }
	#stu_list .flex2 .list { padding:2rem; }
	#stu_list .flex2 .list h1 { font-size:2rem; }
	#stu_list .flex2 .list svg { width:4rem; height:4rem; }
	#stu_list .flex2 .list h2 {width: 80px;padding: 10px 0;font-size: 12px;}
}

/* °á°ú ÆäÀÌÁö */
#stu_view .stu_view { padding:7.5rem 0; }
#stu_view .title { margin-bottom:10px; display: flex; align-items: center;}
#stu_view .title h1 { font-size:2rem; position:relative; font-weight:700; padding-left:21px; padding-right:10PX;}
#stu_view .title h1:before { content:''; width:1.6rem; height:1.6rem; background:#fff; border:4px solid #00418d; position:absolute; left:0; top:50%; transform:translate(0,-50%); border-radius:50%; }
#stu_view .title h2 { font-size:2.4rem; font-weight:700; }
#stu_view .title span {color:#00418d; font-size:16px;}
#stu_view table+.title { margin-top:5rem; }
#stu_view table thead th { font-size:1.8rem; font-weight:600; padding:1.5rem 0; background:#e5ecf3; border:1px solid #ddd; border-bottom:0; }
#stu_view table thead td { font-size:1.8rem; font-weight:600; padding:1.5rem 0; background:#f9f9f9; border:1px solid #ddd; border-bottom:0; text-align:center; }
#stu_view table tbody td { font-size:1.6rem; padding:1.5rem; border:1px solid #ddd; text-align:center; }

#stu_view table tbody tr.point { background:#00418d; }
#stu_view table tbody tr.point td { color:#fff; }
#stu_view table tbody tr.list td label { display:flex; align-items:center; justify-content:center; }
#stu_view table tbody tr.list td input { appearance:none; width:2rem; height:2rem; margin-left:1rem; border:1px solid #ddd; }
#stu_view table tbody tr.list td input:checked { background:#00418d; border:1px solid #00418d; position:relative; }
#stu_view table tbody tr.list td input:checked:after { content:''; width:1.4rem; height:1.4rem; background:url('/stu_n/img/ic_chk01_on.svg') no-repeat; background-size:cover; background-position:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
#stu_view table tbody tr.fin { background:#f9f9f9; }

#stu_view table tbody td button.btn01 { display:block; background:#00418d; padding:0.4rem 1.5rem; color:#fff; font-size:1.6rem; border-radius:5rem; margin:0.5rem auto 0; }

#stu_view table.table03 tbody td br { display:none; }
#stu_view table.table04 tbody td b { color:#00f; }
#stu_view table.table05 tbody td:nth-child(2) { text-align:left; padding:1.5rem; }
#stu_view table.table06 tbody td:nth-child(2) { text-align:left; padding:1.5rem; }
#stu_view table.table07 tbody td { text-align:left; padding:1.5rem; }
#stu_view table.table07 tbody td ul li ul li { text-indent:-1rem; padding-left:2rem; }

#stu_view table.table01 colgroup col { width:25%; }
#stu_view table.table02 colgroup col { width:20%; }
#stu_view table.table03 colgroup col:nth-child(1) { width:auto; }
#stu_view table.table03 colgroup col:nth-child(2) { width:10%; }
#stu_view table.table03 colgroup col:nth-child(3) { width:10%; }
#stu_view table.table03 colgroup col:nth-child(4) { width:10%; }
#stu_view table.table03 colgroup col:nth-child(5) { width:10%; }
/*
#stu_view table.table03 colgroup col:nth-child(6) { width:10%; }
#stu_view table.table03 colgroup col:nth-child(7) { width:10%; }
*/
#stu_view table.table04 colgroup col:nth-child(1) { width:7%; }
#stu_view table.table04 colgroup col:nth-child(2) { width:18%; }
#stu_view table.table04 colgroup col:nth-child(3) { width:25%; }
#stu_view table.table04 colgroup col:nth-child(4) { width:25%; }
#stu_view table.table04 colgroup col:nth-child(5) { width:25%; }
#stu_view table.table05 colgroup col:nth-child(1) { width:20%; }
#stu_view table.table05 colgroup col:nth-child(2) { width:70%; }
#stu_view table.table05 colgroup col:nth-child(3) { width:10%; }
#stu_view table.table06 colgroup col:nth-child(1) { width:20%; }
#stu_view table.table06 colgroup col:nth-child(2) { width:80%; }
#stu_view table.table07 colgroup col { width:50%; }

#stu_view .cart_btn { margin-top:5rem; }
#stu_view .cart_btn a.pc { display:block; }
#stu_view .cart_btn a.mb { display:none; }

#stu_view .boxing { font-size:1.6rem; border-radius:2rem; background:#f9f9f9; padding:3rem; margin-bottom:5rem; }
#stu_view .boxing #submitBtn { border-radius:5px; padding:7px 25px; background:#00418d; color:#fff; }
#stu_view #wrapper .tabs { display:flex; }
#stu_view #wrapper .tabs li { flex:0 0 calc(100% / 3); }
#stu_view #wrapper .tabs li a { display:block; width:100%; text-align:center; background:#d6d6d6; font-size:1.6rem; padding:2.3rem 0; transition:0.3s; }
#stu_view #wrapper .tabs li a:hover { background:#e5ecf3; }
#stu_view #wrapper .tabs li.active a { background:#00418d; color:#fff; }
#stu_view #wrapper .tab_content { padding:2rem; border:1px solid #ddd; border-top:0; }
#stu_view #wrapper .tab_content .title h1 { margin-bottom:0; }
#stu_view #wrapper .tab_content .title span { font-size:1.6rem; padding-left:2.1rem; }
#stu_view #wrapper .tab_content .title a { font-size:1.6rem; padding-left:2.1rem; color:#00418d; font-weight:700; }
#stu_view #wrapper .tab_content .title:not(:first-child) { margin-top:2rem; }
#stu_view #wrapper .tab_content table+.text { margin-top:2rem; }
#stu_view #wrapper .tab_content .flex+.text { margin-top:2rem; }
#stu_view #wrapper .tab_content .empty { display:flex; justify-content:center; align-items:center; gap:1rem; }
#stu_view #wrapper .tab_content .empty h1 { font-size:1.6rem; font-weight:700; }
#stu_view #wrapper .tab_content .boxing01 { display:flex; justify-content:space-between; align-items:center; margin-bottom:3rem; gap:2rem; }
#stu_view #wrapper .tab_content .boxing01 p b { font-size:1.8rem; }
#stu_view #wrapper .tab_content .boxing01 p b.point { font-size:1.6rem; color:#d50000; }
#stu_view #wrapper .tab_content .text { margin-bottom:1rem; }
#stu_view #wrapper .tab_content .text p { font-size:1.6rem; text-indent:-1.7rem; padding-left:1.7rem; }
#stu_view #wrapper .tab_content .text p+p { margin-top:2rem; }
#stu_view #wrapper .tab_content .text p.noidt { text-indent:0; padding-left:0; }
#stu_view #wrapper .tab_content .text li { font-size:1.6rem; text-indent:-1rem; padding-left:2rem; }
#stu_view #wrapper .tab_content .text.mt20 { margin-top:2rem; }
#stu_view #wrapper .tab_content .flex { display:flex; justify-content:space-between; align-items:center; }
#stu_view #wrapper .tab_content .flex .list { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; align-content:center; width:13rem; height:13rem; border-radius:50%; background:#f9f9f9; position:relative; }
#stu_view #wrapper .tab_content .flex .list span { font-size:1.3rem; font-weight:700; padding:0.5rem 1.2rem; background:#fff; border-radius:3rem; border:1px solid #000; }
#stu_view #wrapper .tab_content .flex .list p { width:100%; font-size:1.8rem; font-weight:700; margin-top:1rem; text-align:center; }
#stu_view #wrapper .tab_content .btn_box { display:flex; justify-content:space-between; gap:2rem; }
#stu_view #wrapper .tab_content .btn_box a { flex:0 0 calc(100% / 3 - 4rem / 3); border:1px solid #ddd; padding:1rem; font-size:1.6rem; position:relative; }
#stu_view #wrapper .tab_content .btn_box a b { color:#00418d; }
#stu_view #wrapper .tab_content .btn_box a i { position:absolute; right:0; top:50%; transform:translate(0,-50%); width:4.6rem; height:4.6rem; background:#ddd; display:flex; align-items:center; justify-content:center; transition:0.3s; }
#stu_view #wrapper .tab_content .btn_box a i svg { width:2rem; height:2rem; fill:#000; transition:0.3s; }
#stu_view #wrapper .tab_content .btn_box a:hover i { background:#444; }
#stu_view #wrapper .tab_content .btn_box a:hover i svg { fill:#fff; }
@media(max-width:768px){
	#stu_view .cart_btn { margin-top:3rem; }

	#stu_view .boxing { margin-bottom:3rem; }

	#stu_view #wrapper .tab_content .flex { width:43rem; gap:2rem; flex-wrap:wrap; justify-content:center; }
	#stu_view #wrapper .tab_content .flex .img { display:none; }
	#stu_view #wrapper .tab_content .btn_box { flex-wrap:wrap; gap:1rem; }
	#stu_view #wrapper .tab_content .btn_box a { flex:0 0 100%; }
}
@media(max-width:560px){
	#stu_view .stu_view { padding:5rem 0; }
	#stu_view .title h1 { font-size:1.8rem; }
	#stu_view .title h2 { font-size:2.2rem; }
	#stu_view .title h1:before { width:1.4rem; height:1.4rem; border:3px solid #00418d; }
	#stu_view table+.title { margin-top:4rem; }
	#stu_view table thead th { font-size:1.6rem; }
	#stu_view table thead td { font-size:1.6rem; }
	#stu_view table tbody td { font-size:1.4rem; padding:1rem; }

	#stu_view table tbody tr.list td input { width:1.8rem; height:1.8rem; }
	#stu_view table tbody tr.list td input:checked:after { width:1.2rem; height:1.2rem; }

	#stu_view table tbody td button.btn01 { padding:0.2rem 1rem; font-size:1.4rem; }

	#stu_view table.table03 tbody td br { display:block; }

	#stu_view table.table05 tbody td:nth-child(2) { padding:1rem; }
	#stu_view table.table06 tbody td:nth-child(2) { padding:1rem; }
	#stu_view table.table07 tbody td { padding:1rem; }
	#stu_view table.table07 tbody td ul li ul li { text-indent:-0.8rem; padding-left:1.8rem; }

	#stu_view .boxing { font-size:1.4rem; padding:2rem; }
	#stu_view #wrapper .tabs li a { font-size:1.4rem; padding:1.8rem 0; }
	#stu_view #wrapper .tab_content { padding:1.5rem; }
	#stu_view #wrapper .tab_content .boxing01 img { width:4rem; }
	#stu_view #wrapper .tab_content .title span { font-size:1.4rem; padding-left:1.9rem; }
	#stu_view #wrapper .tab_content .title a { font-size:1.4rem; padding-left:1.9rem; }
	#stu_view #wrapper .tab_content .empty h1 { font-size:1.4rem; }
	#stu_view #wrapper .tab_content .boxing01 p b { font-size:1.6rem; }
	#stu_view #wrapper .tab_content .boxing01 p b.point { font-size:1.4rem; color:#d50000; }
	#stu_view #wrapper .tab_content .text p { font-size:1.4rem; text-indent:-1.5rem; padding-left:1.5rem; }
	#stu_view #wrapper .tab_content .text p+p { margin-top:2rem; }
	#stu_view #wrapper .tab_content .text li { font-size:1.4rem; text-indent:-0.8rem; padding-left:1.8rem; }
	#stu_view #wrapper .tab_content .flex .list span { font-size:1.2rem; padding:0.4rem 1rem; }
	#stu_view #wrapper .tab_content .flex .list p { font-size:1.6rem; }
	#stu_view #wrapper .tab_content .btn_box a { font-size:1.4rem; }
	#stu_view #wrapper .tab_content .btn_box a i { width:4.4rem; height:4.4rem; }
	#stu_view #wrapper .tab_content .btn_box a i svg { width:1.8rem; height:1.8rem; }
}
@media(max-width:480px){
	#stu_view .title h1 { font-size:1.6rem; }
	#stu_view .title h2 { font-size:2rem; }
	#stu_view .title h1:before { width:1.2rem; height:1.2rem; border:2px solid #00418d; }
	#stu_view table+.title { margin-top:3rem; }
	#stu_view table thead th { font-size:1.4rem; }
	#stu_view table thead td { font-size:1.4rem; }
	#stu_view table tbody td { font-size:1.2rem; padding:0.8rem; }

	#stu_view table tbody tr.list td input { width:1.6rem; height:1.6rem; }
	#stu_view table tbody tr.list td input:checked:after { width:1rem; height:1rem; }

	#stu_view table tbody td button.btn01 { padding:0.2rem 0.6rem; font-size:1.2rem; }

	#stu_view table.table05 tbody td:nth-child(2) { padding:0.8rem; }
	#stu_view table.table06 tbody td:nth-child(2) { padding:0.8rem; }
	#stu_view table.table07 tbody td { padding:0.8rem; }
	#stu_view table.table07 tbody td ul li ul li { text-indent:-0.6rem; padding-left:1.6rem; }

	#stu_view .boxing { font-size:1.2rem; padding:1.5rem; }
	#stu_view #wrapper .tabs li a { font-size:1.2rem; padding:1.6rem 0; }
	#stu_view #wrapper .tab_content { padding:1rem; }
	#stu_view #wrapper .tab_content .boxing01 img { width:3rem; }
	#stu_view #wrapper .tab_content .title span { font-size:1.2rem; padding-left:1.7rem; }
	#stu_view #wrapper .tab_content .title a { font-size:1.2rem; padding-left:1.7rem; }
	#stu_view #wrapper .tab_content .empty h1 { font-size:1.2rem; }
	#stu_view #wrapper .tab_content .boxing01 p b { font-size:1.4rem; }
	#stu_view #wrapper .tab_content .boxing01 p b.point { font-size:1.2rem; color:#d50000; }
	#stu_view #wrapper .tab_content .text p { font-size:1.2rem; text-indent:-1.3rem; padding-left:1.3rem; }
	#stu_view #wrapper .tab_content .text p+p { margin-top:2rem; }
	#stu_view #wrapper .tab_content .text li { font-size:1.2rem; text-indent:-0.6rem; padding-left:1.6rem; }
	#stu_view #wrapper .tab_content .flex { width:34rem; }
	#stu_view #wrapper .tab_content .flex .list { width:9rem; height:9rem; }
	#stu_view #wrapper .tab_content .flex .list span { font-size:1rem; padding:0.2rem 0.5rem; }
	#stu_view #wrapper .tab_content .flex .list p { font-size:1.4rem; }
	#stu_view #wrapper .tab_content .btn_box a { font-size:1.2rem; }
	#stu_view #wrapper .tab_content .btn_box a i { width:4.2rem; height:4.2rem; }
	#stu_view #wrapper .tab_content .btn_box a i svg { width:1.6rem; height:1.6rem; }
}
@media(max-width:375px){
	#stu_view .table_scl { width:100%; overflow-x:scroll; }
	#stu_view .table_scl table { width:375px; }
}





#vi_chabot .body_talk .link_con ul li button { text-align:left; }


.btn {
	margin-top:50px;
	bottom:0; width: 97%; display:flex; align-items: center; justify-content: space-evenly;
}
.prevbtn {
    display: block;
    padding: 13px 30px;
    border-radius: 15px;
    border: 1px solid #e6e6e6;
    background: #fff;
    cursor: pointer;
    transition: 0.3s;
    font-size:16px; 
 
}

.prevbtn i {
	margin-right:10px;
}

.nextbtn {
    display: block;
    padding: 13px 30px;
    border-radius: 15px;
    border: 1px solid #f00;
    background: #fff;
    cursor: pointer;
    transition: 0.3s;
    font-size:16px;  
	color:#f00;
}
.nextbtn i {
	margin-left:10px;
	color:#f00;
}
.prevbtn:hover, .nextbtn:hover { box-shadow:0 0 16px rgba(0,0,0,0.11); font-weight:600}
/* pc left °íÁ¤¹è³Ê */
.ph_banner {width: 1100px;  margin: 0 auto;background:#fff; _border:3px solid #1f48e7; _border-radius:50px; padding:33px 25px; _box-shadow:7px 9px 0 0 rgba(0,0,0,0.06); }
.ph_banner .img_box { margin-bottom:1.2rem; }
.ph_banner .img_box img { width:6.3rem; }
.ph_banner .text_box p { font-size:2rem; font-weight:700; line-height:1.25; }
.ph_banner .text_box a { font-size:3.3rem; font-weight:700; }
.ph_banner .text_box a span { display:block; background:linear-gradient(to right, #2332e5, #0ab9f2); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
@media(max-width:1440px){
	.ph_banner { display:none; }
}


/* °íÁ¤ ¹öÆ° */
#ph_btn { display:flex; margin-top:3rem;  text-align:center; z-index:1; gap:2rem; }
#ph_btn.mb { display:none; }
#ph_btn > * { display:flex; justify-content:center; align-items:center; font-size:1.8rem; font-weight:600; padding:1rem 3rem; border-radius:1rem; transition:0.3s; }
#ph_btn > * i { width:2.2rem; height:2.2rem; display:block; margin-right:8px; }
#ph_btn > a { background:linear-gradient(to right, #2332e5, #0ab9f2); border:2px solid transparent; background-image:linear-gradient(to right, #2332e5, #0ab9f2); background-origin:border-box; color:#fff; }
#ph_btn > a i { background:url('/stu_n/img/stu_ic09.png') no-repeat; background-size:contain; transition:0.3s; }
#ph_btn > a:hover { background:linear-gradient(to right, #fff, #fff); border:2px solid #2041e6; color:#2041e6; }
#ph_btn > a:hover i { background:url('/stu_n/img/stu_ic09_rv.png') no-repeat; background-size:contain; }
#ph_btn > button { background:linear-gradient(to right, #fff, #fff); border:2px solid #2041e6; color:#2041e6; }
#ph_btn > button i { _background:url('/stu_n/img/stu_ic10.png') no-repeat; background-size:contain; transition:0.3s; }
#ph_btn > button:hover { background:linear-gradient(to right, #2332e5, #0ab9f2); border:2px solid transparent; background-image:linear-gradient(to right, #2332e5, #0ab9f2); background-origin:border-box; color:#fff; }
#ph_btn > button:hover i { _background:url('/stu_n/img/stu_ic10_rv.png') no-repeat; background-size:contain; }
#ph_btn > *.ph { display:none; background:linear-gradient(to right, #fff, #fff); border:2px solid #2041e6; color:#2041e6; }
#ph_btn > *.ph i { background:url('/stu_n/img/stu_ic13.svg') no-repeat; background-size:contain; }
#ph_btn > *.ph:hover i { background:url('/stu_n/img/stu_ic13.svg') no-repeat; background-size:contain; }
@media(max-width:1024px){
	#ph_btn { position:sticky; left:0; bottom:0; transform:unset; gap:0; width:100%; }
	#ph_btn > * { flex:0 0 calc(100% / 3); border-radius:0; }
	#ph_btn > *.ph { display:flex; }
#fix_btn > button.mo {
		display:flex!important;

	}
}
@media(max-width:768px){
	#ph_btn { flex-wrap:wrap; }
	#ph_btn > * { flex:1 0 calc(100% / 2); font-size:1.6rem; }
	#ph_btn > *.ph { order:1; border-top:0; }
	#ph_btn > * i { width:1.8rem; height:1.8rem; }
	
}

 

@media(max-width:560px){
	#ph_btn > * { padding:1rem 0; }
}


#stu_main #visual {
    background: linear-gradient(to right, #f4f7fc 0vw, #fff 30vw);
    padding: 10.1rem 0 5.5rem;
    position: relative;
}

#fix_btn > button.mo {
 display:none;
}
	#fix_btn { 

	}	
	
#fix_btn > button.mo {
	display:none;
}	
	
	
@media(max-width:1024px){
 	
	#fix_btn { 
		display: flex;
        flex-direction: row;
        flex-wrap: wrap;
	}
	#fix_btn > * { flex:1 0 calc(100% / 2); font-size:1.6rem; }
	#fix_btn > button.mo {
		display:flex!important;

	}		
}

#stu_list .stu_list button.btn_result { padding:15px 30px; text-align:center; color:#fff; background:#0e70b9; font-weight:600; font-size:16px; margin-bottom:20px;}


@media (max-width: 768px) {
    #fix_btn {
        display: flex;
    }
	#stu_view .haktable .haktable_div {width:calc(48% - 5px)!important;  margin-bottom: 5rem;}
}
 
#stu_view  .haktable {display:flex; flex-wrap: wrap;justify-content: flex-start; gap:0 20px}
 
#stu_view .haktable .haktable_div {width:calc(33% - 10px);  margin-bottom: 5rem;}