@charset "utf-8";
.mypage_wrap {width: 1450px; margin: 0 auto 160px;}
.mypage_wrap.mb0 {margin-bottom: 0;}
.mypage_wrap .mypage_top {background: #202a60; border-radius: 24px 24px 0 0; position: relative;}

.mypage_wrap .mypage_tit {}
.mypage_wrap .mypage_tit h3 {text-align: center; padding: 53px 0;}
.mypage_wrap .mypage_tit h3 > span {display: inline-block; background: url(../img/mypage/ico_human.png) no-repeat left center/39px 51px; font-size: 45px; padding-left: 47px; color: #fff; font-weight: 300;}
.mypage_wrap .mypage_tit h3 strong {font-size: 45px; color: #fff; letter-spacing: -0.05em;}
.mypage_wrap .mypage_tit h3 strong span {font-weight: 400; color: #fff;}
.mypage_wrap .mypage_tit.video h3 span {background: url(../img/mypage/ico_play.png) no-repeat left center/49px 37px; padding-left: 63px;}
.mypage_wrap .mypage_tit.notice h3 > span {background: url(../img/service/ico_notice.png) no-repeat left center/40px 51px; padding-left: 62px;}
.mypage_wrap .mypage_tit.speaker h3 > span {background: url(../img/service/ico_human.png) no-repeat left center/70px 51px; padding-left: 82px;}
.mypage_wrap .mypage_tit.reservation h3 > span {background: url(../img/service/ico_bell.png) no-repeat left center/46px 57px; padding-left: 66px;}
.mypage_wrap .mypage_tit.schedule h3 > span {background: url(../img/service/ico_calendar.png) no-repeat left center/63px 50px; padding-left: 90px;}
.mypage_wrap .mypage_tit.map h3 > span {background: url(../img/service/ico_map.png) no-repeat left center/32px 38px; padding-left: 50px;}
.mypage_wrap .mypage_tit.teacher h3 > span {background: url(../img/service/ico_teacher.png) no-repeat left center/56px 41px; padding-left: 70px;}
.mypage_wrap .mypage_tit.menu h3 > span {background: url(../img/service/ico_menu.png) no-repeat left center/31px 41px; padding-left: 60px;}
.mypage_wrap .mypage_tit.academy_facility h3 > span {background: url(../img/ico/ico_academy_facility.png) no-repeat left center/47px 41px; padding-left: 60px;}
.mypage_wrap .mypage_tit.info h3 > span {background: none; vertical-align: middle; padding: 0; margin-left: 15px;}
.mypage_wrap .mypage_tit.info h3 img {vertical-align: middle;}

.mypage_wrap .my_tab {}
.mypage_wrap .my_tab ul {font-size: 0; text-align: center;}
.mypage_wrap .my_tab ul li {display: inline-block; width: 20%; margin-right: 0; padding: 0 10px; box-sizing: border-box;}
.mypage_wrap .my_tab ul li:last-child {margin-right: 0;}
.mypage_wrap .my_tab ul li a {display: block; font-size: 20px; font-weight: 500; line-height: 60px; background: #ffdc87; border-radius: 14px 14px 0 0;}
.mypage_wrap .my_tab ul li.on a {background: #fff;}

.mypage_wrap .my_tab.sub {background: #fff; padding: 15px 0 22px; position: relative;}
.mypage_wrap .my_tab.sub ul {}
.mypage_wrap .my_tab.sub ul li {width: unset; margin-right: 70px;}
.mypage_wrap .my_tab.sub ul li:last-child {margin-right: 0;}
.mypage_wrap .my_tab.sub ul li a {font-size: 20px; background: none; line-height: 50px;}
.mypage_wrap .my_tab.sub ul li.on a {font-weight: bold; position: relative;}
.mypage_wrap .my_tab.sub ul li.on a:after {content: ''; background: #202a60; width: 100%; height: 4px; width: 100%; position: absolute; left: 0; top: 0;}
.mypage_wrap .my_tab > a {font-size: 20px; background: #fff32b; border: 2px solid #202a60; border-radius: 14px; display: inline-block; padding: 0 40px; line-height: 50px; position: absolute; right: 32px; top: 50%; transform: translateY(-50%);}
.mypage_wrap .my_tab > a span {display: inline-block; background: url(/img/mypage/ico_link_blk.png) no-repeat right 1px center/22px; padding-right: 40px;}

.p_caution {text-align: right; padding: 10px 0;}
.p_caution p {font-size: 18px; color: #cc0000;}
.p_caution1 .p_red {font-weight: bold;}

.video_list .board_sort_wrap { display: flex; place-items: center; justify-content: flex-start; margin-top: 30px; }
.video_list .board_sort_wrap div { font-size: 13px; font-weight: 400; color: #777777; cursor: pointer; }
.video_list .board_sort_wrap div:not(:last-child)::after { content: ""; background-image: url("../img/ico/line.png"); background-size: 1px 10px; background-repeat: no-repeat; background-position: center center; width: 1px; height: 10px; padding-left: 10px; padding-right: 10px; }
.video_list .board_sort_wrap .on { color: #333333; }


.my_list {background: #fff; border-radius: 26px; padding: 33px 28px 90px;}
.my_list.brd_r_none {border-radius: 0;}

.my_list .my_list_sort {margin: 0 0 32px;}
.my_list .my_list_sort span {font-size: 18px; vertical-align: middle; display: inline-block; margin-right: 10px;}
.my_list .my_list_sort select {vertical-align: middle; width: 234px;}

.my_list > p {text-align: center; font-size: 25px; font-weight: bold; padding: 0 0 25px;}
.my_list > ul {font-size: 0; margin: 0 0 120px;}
.my_list.video_detail > ul {margin: 0 0 50px;}
.my_list > ul > li {display: inline-block; vertical-align: top; margin-bottom: 20px; font-size: 13px;}
.my_list > ul > li:nth-child(2n-1) {margin-right: 20px;}
.my_list > ul > li:nth-child(2n) {margin-right: 0;}

.my_list .list ul li.empty { text-align: center; padding: 25px 0;}
.my_list .btn_status { position: relative; display: inline-block; height: 35px; line-height: 33px; padding: 0 20px; font-size: 15px; color: #fff; background: #202a60; border-radius: 13px; }
.my_list .btn_status .btn_close{ position: absolute; right: -10px; top: -5px; display: inline-block; width: 20px; height: 20px; border-radius: 20px; background: yellow; color: #202a60; border: 2px solid #202a60; text-align: center; line-height: 20px; font-weight: bold; }
.my_list .video_sort {display: inline-block;}

.my_list > ul > li .inner {padding: 35px 24px; background: #fff; border: 1px solid #202a60; border-radius: 25px; width: 687px; box-sizing: border-box; position: relative;}
.my_list > ul > li .inner > dl {display: table; width: 100%; margin: 20px 0 0;}
.my_list > ul > li .inner > dl:first-child {margin-top: 0;}
.my_list > ul > li .inner > dl > dt,
.my_list > ul > li .inner > dl > dd {display: table-cell; vertical-align: top; font-size: 18px;}

.my_list > ul > li .inner > dl > dt {font-weight: bold; color: #999; width: 105px;}
.my_list > ul > li .inner > dl > dd {text-align: left; padding-left: 10px;}
.my_list > ul > li .inner > dl > dd.navy_color,
.my_list > ul > li .inner > dl > dd.navy_color strong {color: #202a60;}

.my_list > ul > li .inner > dl > dd .btn_wrap {position: relative; padding-right: 186px;}
.my_list > ul > li .inner > dl > dd .btn_wrap > a {font-size: 18px; background: #ffdc87; display: inline-block; border: 1px solid #202a60; border-radius: 13px; width: 176px; height: 50px; line-height: 48px; text-align: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.my_list > ul > li .inner > dl > dd .btn_wrap > a.navy {}
.my_list > ul > li .inner > dl > dd .btn_wrap > a span {display: inline-block; background: url(/img/mypage/ico_link_blk.png) no-repeat right 1px center/22px; padding-right: 40px;}
.my_list > ul > li .inner .video_in {font-size: 18px; background: #ffdc87; border: 1px solid #202a60; border-radius: 13px; width: 250px; height: 50px; line-height: 48px; text-align: center; margin: 20px auto 0; display: block;}
.my_list > ul > li .inner .video_in span {display: inline-block; background: url(/img/mypage/ico_link_blk.png) no-repeat right 1px center/22px; padding-right: 40px;cursor:pointer;}
.my_list > ul > li .inner > dl > dd .btn_wrap .pdf_down {position: unset; transform: unset; background: none; width: auto; height: auto; line-height: unset; border: 0; text-align: left;}
.my_list > ul > li .inner > dl > dd .btn_wrap .pdf_down span {padding: 4px 42px 4px 0; background: url(../img/mypage/ico_download.png) no-repeat right center/32px 31px; display: inline-block;}
.my_list > ul > li .inner > dl > dd .btn_wrap > .gray_status {font-size: 18px; background: #ededed; display: inline-block; border: 1px solid #202a60; border-radius: 13px; width: 176px; height: 50px; line-height: 48px; text-align: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin: 0;}
.my_list > ul > li .inner > dl > dd .btn_wrap > .white_status {font-size: 18px; background: #fff; display: inline-block; border: 1px solid #202a60; border-radius: 13px; width: 176px; height: 50px; line-height: 48px; text-align: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin: 0;}
.my_list > ul > li .inner > dl > dd .btn_wrap > .navy_status {font-size: 18px; background: #202a60; display: inline-block; border: 1px solid #202a60; border-radius: 13px; width: 176px; height: 50px; line-height: 48px; text-align: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #fff; margin: 0;}
.my_list > ul > li .inner > dl > dd .btn_wrap > .navy_status span {color: #fff;}
.my_list > ul > li .inner > dl > dd .navy_circle {font-size: 16px; display: inline-block; width: 28px; background: #ebeeff; border: 1px solid #202a60; line-height: 28px; text-align: center; border-radius: 50%;}
.my_list > ul > li .inner > dl > dd .del_status {position: absolute; right: -42px; top: -13px; background: none;}
.my_list > ul > li .inner > dl > dd .del_status span {font-size: 16px; color: #000; display: inline-block; background: url(/img/mypage/ico_yellow_x.png) no-repeat left center/22px; padding-left: 28px;}
.my_list > ul > li .inner > dl > dd .status_bg {font-size: 18px; color: #fff; box-sizing: border-box; border: 2px solid #202a60; background: #202a60; border-radius: 8px; width: 107px; line-height: 37px; display: inline-block; text-align: center; position: relative;}
.my_list > ul > li .inner > dl > dd .status_bg.yellow {background: #fff32b; color: #202a60;}
.my_list > ul > li .inner > dl > dd .status_bg.gray {background: #ccc; color: #000;}

.my_list > ul > li .my_status {margin: 65px 0 0; text-align: right;}
.my_list > ul > li .my_status dl {display: inline-block; margin-right: 55px;}
.my_list > ul > li .my_status dt,
.my_list > ul > li .my_status dd {display: inline-block; position: relative;}

.btn_list {font-size: 18px; background: #ededed; display: inline-block; border: 1px solid #202a60; border-radius: 13px; width: 236px; height: 69px; line-height: 67px; text-align: center;}

.my_list > ul > li .my_status dt {font-size: 18px; font-weight: bold; color: #999;}
.my_list > ul > li .my_status dd {padding-left: 15px;}

.video_list {background: #fff; padding: 0 27px 10px;}
.video_list > p {font-size: 18px; color: #333; text-align: center; padding: 60px 0 10px;}/* 복습영상 상세에 의해 하단 padding 10적용 */
.video_list > p strong {display: block; font-size: 25px; padding: 0 0 10px;}
.video_list > p span {font-weight: bold; color: #5160b1;}
.video_list > p span.red { font-weight: normal; color: #ff0000;}
	
.video_list .video_sort {margin: 10px 0 0;}
.video_list .video_sort .sel_cell {display: inline-block; margin: 0 10px;}
.video_list .video_sort span,
.video_list .video_sort select {display: inline-block; vertical-align: middle;}
.video_list .video_sort span {}
.video_list .video_sort select {width: 140px; margin: 0 10px; display: inline-block;}

.my_detail {position: absolute; right: 24px; top: 18px;}

.gray_box {background: #ededed; border: 1px solid #202a60; border-radius: 26px; padding: 40px 0;}
.gray_box dl {display: table; width: 100%; padding: 0 60px; box-sizing: border-box; margin: 0 0 20px;}
.gray_box dl:last-child {margin: 0;}
.gray_box dl dt {color: #999; width: 130px;}
.gray_box dl dd {color: #333; padding-left: 10px;}
.gray_box dl dt,
.gray_box dl dd {display: table-cell; vertical-align: top; font-size: 18px;}

.cert_wrap {background: #fff; padding: 70px 0 350px; border-radius: 0 0 26px 26px;}
.cert_wrap .top {text-align: center; padding: 85px 0 0; background: url(../img/mypage/ico_mark.png) no-repeat center top;}
.cert_wrap .top p {font-size: 18px;}
.cert_wrap .top p strong {color: #ff9c00; font-weight: 400;}

.cert_cont {border-top: 1px solid #ababab; margin: 30px 40px 0; padding: 40px 0 0;}
.cert_cont p {font-size: 20px; font-weight: bold; text-align: center; padding: 0 0 30px;}

.cert_cont .input_box {position: relative; /*padding-right: 102px;*/ width: 550px; margin: 0 auto; box-sizing: border-box;}
.cert_cont .input_box input {background: #ebeeff; border: 1px solid #202a60; width: 100%; height: 55px; font-size: 18px; padding: 0 20px; box-sizing: border-box;}
/*.cert_cont .input_box button {font-size: 18px; color: #fff; background: #202a60; width: 92px; height: 55px; position: absolute; right: 0; top: 0;}*/

.cert_cont ul {width: 550px; margin: 45px auto 0;}
.cert_cont ul li {}
.cert_cont ul li:last-child {}
.cert_cont ul li strong {font-weight: 400; color: #ff9c00; font-size: 18px;}
.cert_cont ul li p {font-size: 18px; padding: 0; text-align: left;}

.cert_cont  button {font-size: 18px; color: #fff; background: #202a60; width: 92px; height: 55px; /*position: absolute; right: 0; top: 0;*/}
.cert_cont .important { display: inline-block !important; padding-right: 12px !important; position: relative; }
.cert_cont .important:after { content: '*'; color: #ff6600; font-size: 18px; position: absolute; right: 0; top: 0; }
.cert_cont .btn_cert button { font-size: 18px; color: #ffffff; background: #202a60; /*width: 135px;*/ width: 30%; height: 55px; position: absolute; right: 0; top: 0; }

.cert_cont .btn_cert { position: relative; padding-right: 31.5%; /*padding-right: 145px;*/ margin: 0 0 10px; }
.cert_cont .cert_confirm > input { margin: 0 0 10px; }
.cert_cont .btn_wrap .btn_full.yellow { background: #ffdc87; border: 1px solid #202a60; }
.cert_cont .btn_wrap > button:last-child { margin-bottom: 0; }
.cert_cont .btn_wrap > button { margin-bottom: 10px; }
.cert_cont .btn_full { text-align: center; width: 100%; height: 55px; }
.cert_cont .btn_wrap .btn_full.yellow span {color: #333; font-weight: bold}

.qna_top {position: relative; padding: 7px 0; margin-top: 30px;}
.qna_top .qna_select {}
.qna_top .qna_select span {font-size: 18px;}
.qna_top .qna_select select {width: 150px; margin: 0 10px;}
.qna_top .qna_select span,
.qna_top .qna_select select {vertical-align: middle;}

.qna_top a {position: absolute; right: 0; top: 0; font-size: 18px; border: 1px solid #202a60; background: #ffdc87; border-radius: 13px; width: 236px; height: 69px; line-height: 67px; text-align: center; display: inline-block;}
.qna_top a span {display: inline-block; background: url(/img/mypage/ico_link_blk.png) no-repeat right 1px center/22px; padding-right: 40px;}

.qna_detail {background: #fff; padding: 0 30px 30px; border-radius: 0 0 26px 26px;}
.qna_detail .detail_info {border: 1px solid #202a60; border-radius: 26px; padding: 35px 33px; background: #fff; margin: 0 0 45px;}
.qna_detail .detail_info dl {display: table; width: 100%; margin-top: 15px;}
.qna_detail .detail_info dl:first-child {margin-top: 0;}
.qna_detail .detail_info dl dt,
.qna_detail .detail_info dl dd {display: table-cell; vertical-align: top; font-size: 18px;}
.qna_detail .detail_info dl dt {color: #999; width: 100px;}
.qna_detail .detail_info dl dt .important {display: inline-block !important; padding-right:12px !important; position: relative;}
.qna_detail .detail_info dl dt .important:after {content: '*'; color: #ff6600; font-size: 18px; position: absolute; right: 0; top: 0;}
.qna_detail .detail_info dl dd {padding-left: 10px;}
.qna_detail .detail_info dl dd .pdf_down {}
.qna_detail .detail_info dl dd .pdf_down span {padding: 4px 42px 4px 0; background: url(../img/mypage/ico_download.png) no-repeat right center/32px 31px; display: inline-block;}

.qna_detail .info_cont {margin: 25px 0 0;}
.qna_detail .info_cont .bg {background: #ededed; border-radius: 26px; min-height: 20px; padding: 14px;}
.qna_detail .info_cont.answer .bg {}
.qna_detail .info_cont .bg .navy_bar {font-size: 18px; color: #fff; background: #202a60; border-radius: 16px; text-align: center; line-height: 45px; margin: 0 0 10px;}
.qna_detail .info_cont .pdf_down {margin: 10px 0 0; display: block;}
.qna_detail .info_cont .pdf_down span {padding: 4px 42px 4px 0; background: url(../img/mypage/ico_download.png) no-repeat right center/32px 31px; display: inline-block;}
.qna_detail .btn_center_box {width: 50%; margin: 0 auto;}

.select_wrap {}
.select_wrap > div {margin-top: 14px;}
.select_wrap > div:after {content: ''; clear: both; display: block;}
.select_wrap > div:first-child {margin-top: 0;}
.select_wrap > div > dl {width: 49% !important; float: left; margin: 0 !important;}
.select_wrap > div > dl:last-child {float: right;}
.select_wrap dl > dt {line-height: 55px; width: 85px !important;}
.select_wrap > div > dl > dd select {max-width: 500px;}

.select_wrap > dl {}
.select_wrap > dl input[type="text"] {border: 1px solid #202a60; width: 100%; height: 55px; padding: 0 18px; box-sizing: border-box; font-size: 18px; background: #ebeeff;}

.uploadBtnWrap {}
.uploadBtnWrap #fileName {font-size: 18px; color: #999;}
.uploadBtnWrap .btn {font-size: 18px; color: #fff; background: #666; border: 1px solid #202a60; border-radius: 13px; width: 154px; height: 45px; line-height: 43px; box-sizing: border-box; display: inline-block; text-align: center;}
.uploadBtnWrap input[type="file"] {display: none;}

.seat_wrap {background: #fff; border-radius: 26px; padding: 30px 176px 94px; margin: 30px 0 0;}
.seat_wrap .top {text-align: center; margin: 0 0 76px;}
.seat_wrap .top > strong {display: block; font-size: 25px; color: #ff7200; padding: 0 0 35px;}

.seat_wrap .top ul {font-size: 0;}
.seat_wrap .top ul li {display: inline-block; margin-right: 54px;}
.seat_wrap .top ul li:last-child {margin-right: 0; margin-bottom: 0;}

.seat_wrap .top ul li span {font-size: 18px; color: #333; display: inline-block; background-repeat: no-repeat; background-position: left center; background-size: 30px; padding: 2px 0 2px 50px;}
.seat_wrap .top ul li.gray span {background-image: url(../img/mypage/ico_gray_seat.png);}
.seat_wrap .top ul li.navy span {background-image: url(../img/mypage/ico_navy_seat.png);}
.seat_wrap .top ul li.white span {background-image: url(../img/mypage/ico_white_seat.png);}
.seat_wrap .black_board {background: #d6d6d6; border-radius: 13px; text-align: center; font-size: 18px; color: #333; padding: 7px 0; margin: 0 auto 72px; width: 100%;}

.seat_map {overflow-x: auto; position: relative;}
.seat_wrap .door {color: #fff; background: #202a60; writing-mode: vertical-lr; writing-mode: vertical-rl; text-orientation: upright; padding: 5px 0; margin: 0; width: 19px; box-sizing: border-box; text-align: center; line-height: 17px; font-size: 13px;}

.seat_choice {width: 1068px; position: relative;}
.seat_choice ul {font-size: 0;}
.seat_choice ul li {width: 128px; display: inline-block; vertical-align: top; margin-right: 28px;}
.seat_choice ul li:nth-child(7),
.seat_choice ul li:last-child {margin-right: 0;}
.seat_choice ul li:last-child {width: 19px; position: absolute; right: -30px; bottom: 13px;}
.seat_choice ul li > div {display: flex; flex-wrap: wrap;}
.seat_choice ul li > div span {display: block; font-size: 14px; text-align: center; width: 40px; line-height: 36px; border: 2px solid #202a60; border-radius: 10px; margin-right: 13px; margin-bottom: 13px; box-sizing: border-box; vertical-align: top; cursor: pointer; position: relative;}
.seat_choice ul li > div span em {position: absolute; left: 50%; transform: translateX(-50%); font-size: 9px; top: 0; line-height: 1; height: auto; background: #e2e7ff; border-radius: 20px; padding: 0 2px;}
.seat_choice ul li > div span:nth-child(2n) {margin-right: 0;}
.seat_choice ul li > div span.navy {background: #202a60; color: #fff;}
.seat_choice ul li > div span.gray {background: url(../img/mypage/ico_seat_no.png) no-repeat center/60px; font-size: 0;}
.seat_choice ul li > div span.yellow {background: #fff32b;}
			
.seat_btn.btn_center_box {position: sticky; left: 50%; transform: translateX(-50%); bottom: 20px; width: 850px; margin: 75px auto; left: 0; transform: unset;}
.seat_btn.btn_center_box button {font-size: 24px; color: #fff; font-weight: bold; width: 100%; height: 94px; background: #202a60; border-radius: 25px;}
.seat_btn.btn_center_box button span {font-weight: bold; color: #fff32b; display: inline-block; margin-right: 7px;}
.seat_btn.btn_center_box button img {margin-left: 10px;}

.mypage_wrap .mypage_top .my_link {font-size: 20px; background: #fff32b; border-radius: 14px; width: 275px; height: 51px; line-height: 49px; display: inline-block; border: 1px solid #202a60; box-sizing: border-box; position: absolute; right: 31px; bottom: 23px; text-align: center;}
.mypage_wrap .mypage_top .my_link span {display: inline-block; background: url(/img/mypage/ico_link_blk.png) no-repeat right 1px center/22px; padding-right: 40px;}
.student_service {background: #fff; border-radius: 26px; padding: 84px 0 370px; margin: 35px 0 0;}
.student_service .top {text-align: center;}
.student_service .top img {display: block; margin: 0 auto 50px;}
.student_service .top p {font-size: 22px;}
.student_service .top p span {font-weight: bold; color: #4d62d3;}

.student_service ul {margin: 90px 0 0; text-align: center; font-size: 0;}
.student_service ul li {font-size: 0; display: inline-block; margin-right: 73px; width: 25%;}
.student_service ul li:last-child {margin-right: 0;}
.student_service ul li a {display: block; width: 100%; height: 289px;}
.student_service ul li img {width: 100%;}
.student_service ul li:first-child a {background: url(../img/mypage/service_01.png) no-repeat center/contain;}
.student_service ul li:first-child:hover a {background: url(../img/mypage/service01_over.png) no-repeat center/contain;}
.student_service ul li:nth-child(2) a {background: url(../img/mypage/service_02.png) no-repeat center/contain;}
.student_service ul li:nth-child(2):hover a {background: url(../img/mypage/service02_over.png) no-repeat center/contain;}
.student_service ul li:last-child a {background: url(../img/mypage/service_03.png) no-repeat center/contain;}
.student_service ul li:last-child:hover a {background: url(../img/mypage/service03_over.png) no-repeat center/contain;}

.student_service .cert {margin: 60px 0 0; padding: 0 44px;}
.student_service .cert .gray_box {background: #ededed; border-radius: 27px; text-align: center; border: 0; padding: 27px 0; margin: 0 0 58px;}
.student_service .cert .gray_box p {font-size: 18px; color: #333;}
.student_service .cert .gray_box p:first-child {background: url(../img/mypage/ico_caution_gray.png) no-repeat center top/52px 46px; padding-top: 70px;}
.student_service .cert .gray_box p span {color: #ff6600;}

.student_service .cert_zone .input_box {width: 450px; margin: 0 auto 8px;}
.student_service .cert_zone .input_box.pr {position: relative; padding-right: 141px;  box-sizing: border-box;}
.student_service .cert_zone .input_box input {background: #ebeeff; border: 1px solid #202a60; width: 100%; height: 55px; font-size: 18px; padding: 0 20px; box-sizing: border-box;}
.student_service .cert_zone .input_box button {font-size: 18px; color: #fff; background: #202a60; width: 135px; height: 55px; position: absolute; right: 0; top: 0;}
.student_service .cert_zone .input_box .limit_time {position: relative;}
.student_service .cert_zone .input_box .limit_time span {position: absolute; right: 17px; top: 50%; transform: translateY(-50%); font-size: 18px; color: #333;}
.student_service .cert_zone .input_box .limit_time input {padding-right: 140px;}

.student_service .cert_zone button {font-size: 18px; font-weight: bold; color: #333; background: #ffdc87; border: 1px solid #202a60; width: 450px; margin: 0 auto; display: block; height: 55px;}

.student_service .cert ul {margin: 55px auto 0; width: 450px;}
.student_service .cert ul li {font-size: 18px; display: block; margin: 0; width: 100%; text-align: left;}
.student_service .cert ul li:first-child {color: #6666cc;}

.seat_list {background: #fff; border-radius: 26px; margin: 30px 0 0; padding: 50px 28px 300px;}
.seat_list > p {font-size: 16px; text-align: center; padding: 85px 0 50px; background: url(../img/mypage/ico_mark.png) no-repeat center top;}
.seat_list > p span {color: #ff5b02;}
.seat_list .list {}
.seat_list .list ul {}
.seat_list .list ul:after {content: ''; clear: both; display: block;}
.seat_list .list ul li {border: 1px solid #202a60; border-radius: 26px; padding: 34px 42px; margin-bottom: 20px; font-size: 0; text-align: center;}
.seat_list .list ul li:last-child {margin-bottom: 0;}
.seat_list .list ul li > div {display: inline-block; vertical-align: middle;}
.seat_list .list ul li .name {width: 40%; text-align: left;}
.seat_list .list ul li .name strong {font-size: 18px;}

.seat_list .list ul li .info {width: 30%; text-align: left;}
.seat_list .list ul li .info dl {display: table; margin: 0 0 6px; width: 100%;}
.seat_list .list ul li .info dl:last-child {margin: 0;}
.seat_list .list ul li .info dt,
.seat_list .list ul li .info dd {display: table-cell; font-size: 18px;}
.seat_list .list ul li .info dt {font-weight: bold; color: #999; width: 90px;}
.seat_list .list ul li .info dd {padding-left: 10px;}
.seat_list .list ul li .info dd .orange {font-weight: bold; color: #ff5b02; margin-top: 8px; display: block;}

.seat_list .list ul li .btn {width: 30%; text-align: right;}
.seat_list .list ul li .btn button {font-size: 18px; border-radius: 8px; width: 137px; height: 47px; line-height: 45px; text-align: center; border: 2px solid #202a60; box-sizing: border-box; margin-right: 10px;}
.seat_list .list ul li .btn button:last-child {margin-right: 0;}
.seat_list .list ul li .btn button span {display: inline-block; background: url(/img/mypage/ico_link_blk.png) no-repeat right 1px center/22px; padding-right: 30px;}
.seat_list .list ul li .btn .gray {background: #ccc;}
.seat_list .list ul li .btn .sky {color: #000; background: #e2e7ff;}
.seat_list .list ul li .btn .navy {color: #fff; background: #202a60;}
.seat_list .list ul li .btn .navy span {color: #fff;}
.seat_list .list ul li .btn .yellow {background: #fff32b;}
.seat_list .list ul li.empty {border: 1px solid #bcbfcf; text-align: center; padding: 25px 0;}
.seat_list .list ul li.empty img {margin: 0 0 20px;}
.seat_list .list ul li.empty p {padding: 0; font-size: 18px;}

.teacher_wrap {margin: 37px 0 0;}
.teacher_wrap .teacher_list {background: #fff; border-radius: 26px; padding: 23px 15px 50px;}
.teacher_wrap .teacher_list ul {font-size: 0;}
.teacher_wrap .teacher_list > ul > li {width: 334px; padding: 10px; display: inline-block; vertical-align: top;}
.teacher_wrap .teacher_list > ul > li > div {border-radius: 18px; overflow: hidden;}
.teacher_wrap .teacher_list > ul > li .subject {background: #dcdcdc; padding: 0 37px; transition: all 0.35s;}
.teacher_wrap .teacher_list > ul > li .subject strong {font-size: 18px; display: block; line-height: 62px; display: inline-block; vertical-align: middle;}
.teacher_wrap .teacher_list > ul > li .subject .subject_color span {border-radius: 50%; display: inline-block; width: 10px; height: 10px; vertical-align: middle; margin-right: 5px; border: 2px solid #fff;}
.teacher_wrap .teacher_list > ul > li .subject .subject_color.type01 {background: #933cff;}
.teacher_wrap .teacher_list > ul > li .subject .subject_color.type02 {background: #ffc600;}
.teacher_wrap .teacher_list > ul > li .subject .subject_color.type03 {background: #ff00c0;}
.teacher_wrap .teacher_list > ul > li .subject .subject_color.type04 {background: #1ad24e;}
.teacher_wrap .teacher_list > ul > li .subject .subject_color.type05 {background: #6c6c6c;}
.teacher_wrap .teacher_list > ul > li .subject .subject_color.type06 {background: #6c6c6c;}
.teacher_wrap .teacher_list > ul > li .subject .subject_color.type07 {background: #6c6c6c;}

.t_gray2 {background: #c9c9c9;}
.t_pink11 {background: #ffd8ed;}
.t_green {background: #dfffd8;}
.t_red {background: #ffded8;}
.t_yellow {background: #fff6d8;}
.t_purple {background: #e8d8ff;}
.t_blue {background: #d8f4ff;}

.teacher_wrap .teacher_list > ul > li .teacher_info {background: #fff; border: 1px solid #ccc; border-radius: 0 0 18px 18px; padding: 10px 37px; position: relative; height: 305px; box-sizing: border-box; transition: all 0.35s;}
.teacher_wrap .teacher_list > ul > li .teacher_info strong {font-size: 20px; display: block;}

.teacher_wrap .teacher_list > ul > li .img_wrap {position: absolute; right: 0; bottom: 0; z-index: 1;}
.teacher_wrap .teacher_list > ul > li .img_wrap.standard {width: 90px; height: 90px; right: 20px; bottom: 20px; border-radius: 50%; overflow: hidden; border: 3px solid #202a60;}
.teacher_wrap .teacher_list > ul > li .img_wrap img {max-width: 100%; transition: all 0.35s;}

.teacher_wrap .teacher_list > ul > li .teacher_btn {position: absolute; left: 37px; right: 37px; bottom: 40px;}
.teacher_wrap .teacher_list > ul > li .teacher_btn button {display: block; background: none; width: 100%; text-align: left; padding: 0 0 5px; font-size: 14px; border-bottom: 1px solid #333;}

.teacher_wrap .teacher_list > ul > li .teacher_detail {display: none; margin-top: 20px; position: relative; z-index: 2;}
.teacher_wrap .teacher_list > ul > li .teacher_detail ul {max-height: 160px; overflow-y: auto;}
.teacher_wrap .teacher_list > ul > li .teacher_detail ul li {font-size: 15px; line-height: 1.4;}

.teacher_wrap .teacher_list > ul > li .teacher_detail {}
.teacher_wrap .teacher_list > ul > li .teacher_detail .btn_wrap {display: none; margin-top: 10px;}
.teacher_wrap .teacher_list > ul > li .teacher_detail .btn_wrap > a {font-size: 16px; background: #ffdc87; display: inline-block; border-radius: 13px; width: 120px; height: 33px; line-height: 31px; text-align: center;}
.teacher_wrap .teacher_list > ul > li .teacher_detail .btn_wrap > a.navy_status {background: #ced5f7; border: 2px solid #202a60;}
.teacher_wrap .teacher_list > ul > li .teacher_detail .btn_wrap > a.navy_status span {color: #202a60; font-weight: bold;}
.teacher_wrap .teacher_list > ul > li .teacher_detail .btn_wrap > a span {display: inline-block; background: url(/img/mypage/ico_link_blk.png) no-repeat right 1px center/22px; padding-right: 40px;}

.teacher_wrap .teacher_list > ul > li .teacher_slogan {margin-top: 20px; position: relative; z-index: 2;}
.teacher_wrap .teacher_list > ul > li:hover .teacher_slogan {display: none;}

.teacher_wrap .teacher_list > ul > li .teacher_slogan ul {max-height: 160px; overflow-y: auto;}
.teacher_wrap .teacher_list > ul > li .teacher_slogan ul li {font-size: 15px; line-height: 1.4;}

.teacher_wrap .teacher_list > ul > li:hover {}
.teacher_wrap .teacher_list > ul > li:hover .subject {background: #202a60;}
.teacher_wrap .teacher_list > ul > li:hover .subject strong {color: #fff;}
.teacher_wrap .teacher_list > ul > li:hover .teacher_info {background: #dcdcdc; border: 1px solid #202a60;}
.teacher_wrap .teacher_list > ul > li:hover .teacher_detail {display: block;}
.teacher_wrap .teacher_list > ul > li:hover .img_wrap img {width: 150px;}
.teacher_wrap .teacher_list > ul > li:hover .teacher_btn {display: none;}
.teacher_wrap .teacher_list > ul > li:hover .teacher_detail .btn_wrap {display: block;}

.dugak_info {width: 1450px; margin: 0 auto; background: #fff; padding: 60px 0;}
.dugak_info .inner {width: 1000px; margin: 0 auto;}
.dugak_info .inner > h3 {font-size: 33px; color: #999; font-weight: 400; text-align: center; position: relative; padding: 0 0 50px;}
.dugak_info .inner > h3:after {content: ''; width: 106px; height: 6px; background: #202a60; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.dugak_info .inner > h3 > span {font-weight: bold; color: #202a60;}

.dugak_info dl {display: table; width: 100%;}
.dugak_info dt,
.dugak_info dd {display: table-cell; vertical-align: top;}

.dugak_info .top {margin: 95px 0 135px;}
.dugak_info .top dl {margin: 0 0 50px;}
.dugak_info .top dl:last-child {margin: 0;}
.dugak_info .top dt,
.dugak_info .top dd {width: 50%;}
.dugak_info .top dt strong {font-size: 33px; color: #202a60;}
.dugak_info .top dt strong span {color: #202a60; font-weight: 400;}
.dugak_info .top dt p {font-size: 25px; color: #666; margin: 15px 0 0;}
.dugak_info .top dt p span {display: block; color: #666;}

.dugak_info .top dd {}
.dugak_info .top dd img {max-width: 100%;}
.dugak_info .top dd p {}
.dugak_info .top dd p span {display: block; font-size: 18px; color: #666;}

.branding_list {margin: 75px 0 0;}
.branding_list h3 {font-size: 33px; font-weight: 400; color: #202a60; padding: 0 0 30px;}
.branding_list ul {margin: 0 0 35px;}
.branding_list ul li {width: 156px; margin-right: 45px; margin-bottom: 35px; display: inline-block; vertical-align: top; font-size: 0;}
.branding_list ul li:nth-child(5n) {margin-right: 0;}
.branding_list ul li img {width: 100%;}

.dugak_info .mid {margin: 0 0 60px;}
.dugak_info .mid dl {margin: 0 0 85px;}
.dugak_info .mid dl:last-child {margin: 0;}
.dugak_info .mid dt {font-size: 33px; color: #202a60; width: 265px;}
.dugak_info .mid dd {font-size: 25px; color: #8e8e8e;}
.dugak_info .mid dd strong {color: #202a60;}
.dugak_info .mid dd img {max-width: 100%; margin: 0 0 30px;}
.dugak_info .mid dd span {display: block; font-size: 18px; color: #666;}

.dugak_info .bot {}
.dugak_info .bot h3 {font-size: 33px; color: #202a60; font-weight: 400; margin: 0 0 35px;}
.dugak_info .bot dt {font-size: 18px; color: #666; width: 275px;}
.dugak_info .bot dl {margin-bottom: 60px;}
.dugak_info .bot dl:last-child {margin-bottom: 0;}
.dugak_info .bot dd {}
.dugak_info .bot dd ul {font-size: 0;}
.dugak_info .bot dd ul li {min-width: 235px; margin-right: 10px; display: inline-block; vertical-align: top;}
.dugak_info .bot dd ul li:last-child {margin-right: 0;}
.dugak_info .bot dd ul li img {margin: 0 0 20px; display: block; max-width: 100%;}
.dugak_info .bot dd ul li strong {font-size: 14px; color: #666; display: block;}
.dugak_info .bot dd ul li p {font-size: 14px; color: #666; font-weight: 400;}

.wait_apply {padding: 0 75px; max-height: 600px; overflow-y: auto;}
.wait_apply .input_wrap {text-align: left; margin: 0 0 20px;}
.wait_apply .input_wrap label {padding-bottom: 10px;}
.wait_apply .input_wrap label.important {display: inline-block !important; padding-right:12px !important; position: relative;}
.wait_apply .input_wrap label.important:after {content: '*'; color: #ff6600; font-size: 18px; position: absolute; right: 0; top: 0;}
.wait_apply .input_wrap .inp_chk label {padding: 1px 0 1px 45px; background: url(/img/ico/ico_chk_v2.png) no-repeat left center/28px; color: #000;}
.wait_apply .input_wrap .inp_chk label.on {background: url(/img/ico/ico_chk_v2_on.png) no-repeat left center/28px;}
.wait_apply .input_wrap .inp_chk label.disable {cursor: not-allowed; background: url(/img/ico/ico_chk_v2_disable.png) no-repeat left center/28px; color: #ccc;}
.wait_apply .input_wrap .inp_chk label.bold {font-weight: bold;}
.wait_apply .input_wrap .inp_chk label.bold span {font-weight: bold;}
.wait_apply .input_wrap .inp_chk label.bold span.red {color: #ff0000;}
.wait_apply .input_wrap .gray_box {background: #f6f6f6; border: 1px solid #ababab; padding: 15px; border-radius: 20px; margin: 0; text-align: center;}
.wait_apply .input_wrap .gray_box p {text-align: center; font-size: 18px; color: #333;}

.wait_apply .input_wrap ul {padding: 0 !important;}
.wait_apply .input_wrap ul li {margin-bottom: 12px; display: block; width: 100% !important; padding: 0 !important;}
.wait_apply .input_wrap ul li:last-child {margin-bottom: 0;}
.wait_apply .input_wrap ul li input[type="checkbox"] {border: 0; background: none; width: 0; height: auto; padding: 0;}

.pop_agreement_box {margin: 10px 0 30px;}
.pop_agreement_box .cont {background: #f6f6f6; border: 1px solid #ababab; border-radius: 20px; font-size: 16px; color: #333; text-align: left; padding: 28px;}
.pop_agreement_box .cont strong {display: block; margin: 0 0 10px;}
.pop_agreement_box .cont strong span {font-weight: bold;}
.pop_agreement_box .cont strong span.red {color: #ff0000;}
.pop_agreement_box .cont p {color: #333; margin-bottom: 30px;}
.pop_agreement_box .cont p:last-child {margin-bottom: 0;}

.btn_wait_apply {font-size: 18px; color: #333; font-weight: bold; text-align: center; display: block; background: #ffdc87; border: 1px solid #202a60; width: 100%; height: 55px; line-height: 53px; box-sizing: border-box; margin: 40px 0 0;}

.info_gray {margin: 0 0 20px;}
.info_gray > div {border: 1px solid #202a60; background: #ebeeff; padding: 10px; min-height: 120px; overflow-y: auto; box-sizing: border-box;}
.info_gray > div p {}


.upload_wrap {position: relative; padding: 10px 0; display: block;}
.upload_wrap:after {content: ''; clear: both; display: block;}
.input_wrap .file_upload {position: absolute; right: 0; top: 10px; text-align: center; float: right; min-width: 80px; font-size: 0;}
.input_wrap .file_upload input {background: none; border: 0; visibility: none; width: 0; height: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none;-webkit-border-radius: 0; -o-appearance: none; opacity: 0;}
.input_wrap .file_upload input[type="file"] {appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.input_wrap .file_upload label {border: 1px solid #202a60; display: block; padding: 5px 10px;}

.upload_box {margin: 10px 0 0;}
.upload_box div {border: 1px solid #202a60; min-height: 80px;}
.upload_box p {}






@media screen and (max-width: 1750px) {
	.mypage_wrap {width: 80%; margin-bottom: 80px; box-sizing: border-box;}
	.my_list > ul > li {width: 50%; box-sizing: border-box;}
	.my_list > ul > li:nth-child(2n-1) {margin-right: 0; padding-right: 5px;}
	.my_list > ul > li:nth-child(2n) {margin: 0; padding-left: 5px;}
	.my_list > ul > li .inner {width: 100%;}

	.my_list > ul > li .inner > dl > dd .btn_wrap {padding: 0;}
	.my_list > ul > li .inner > dl > dd .btn_wrap > a,
	.my_list > ul > li .inner > dl > dd .btn_wrap > .gray_status,
	.my_list > ul > li .inner > dl > dd .btn_wrap > .navy_status, 
	.my_list > ul > li .inner > dl > dd .btn_wrap > .white_status {position: unset; width: 120px; height: 35px; line-height: 33px; transform: unset; display: block; margin: 10px 0 0; font-size: 15px;}
	.my_list > ul > li .inner > dl > dd .btn_wrap .pdf_down {margin-right: 10px; margin-top: 0;}

	.teacher_wrap .teacher_list > ul > li {width: 33.33%; box-sizing: border-box;}
	.teacher_wrap .teacher_list > ul > li .img_wrap img {width: 180px;}
	.teacher_wrap .teacher_list > ul > li:hover .img_wrap img {width: 120px;}
	
	.dugak_info {width: 100%;}
	.dugak_info .inner {width: 90%; padding: 0 30px; box-sizing: border-box;}
	.dugak_info .bot dd ul li {min-width: unset; width: 33.33%; margin: 0; padding: 0 10px; box-sizing: border-box;}
}

@media screen and (max-width: 1430px) {
	.mypage_wrap {width: 100%;}
	.mypage_wrap .my_tab > a {padding: 0 20px; font-size: 18px;}
	.my_list > ul {margin: 0 0 80px;}
	.my_list > ul > li .inner {padding: 20px 30px;}
	.my_list > ul > li .inner > dl > dt, .my_list > ul > li .inner > dl > dd {font-size: 15px;}
	.my_list > ul > li .my_status {margin: 30px 0 0; text-align: left;}
	.my_list > ul > li .my_status dl {margin-right: 20px;}
	.my_list > ul > li .my_status dl:last-child {margin-right: 0;}
	.my_list > ul > li .my_status dt {font-size: 15px;}
	.my_list > ul > li .my_status dd .status_bg {font-size: 15px; line-height: 30px; width: 80px;}

	.seat_list {padding: 20px 28px 100px}
	.seat_list .list ul li {padding: 20px 15px;}
	.seat_list .list ul li > div {margin-bottom: 20px;}
	.seat_list .list ul li > div:last-child {margin-bottom: 0;}
	.seat_list .list ul li .name,
	.seat_list .list ul li .info,
	.seat_list .list ul li .btn {width: 100%; text-align: left;}

	.dugak_info .inner {width: 100%;}
}

@media screen and (max-width: 1250px) {
	.mypage_wrap {width: 100%; padding: 0 20px; box-sizing: border-box;}
	.mypage_wrap .mypage_tit h3 {padding: 20px 10px;}
	.mypage_wrap .mypage_tit h3 span {font-size: 25px; padding-top: 6px; padding-bottom: 6px;}
	.mypage_wrap .mypage_tit h3 strong {font-size: 25px;}
	.mypage_wrap .mypage_top {}
	.mypage_wrap .mypage_top .my_link {width: 125px; height: 35px; line-height: 33px; font-size: 15px; right: 20px;}

	.my_list > ul > li {width: 100%; padding: 0 !important; margin-bottom: 20px !important;}

	.mypage_wrap .my_tab ul li {margin: 0;}
	.mypage_wrap .my_tab ul li:only-child {width: 150px;}
	.mypage_wrap .my_tab ul li:only-child {width: 150px;}
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(2),
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(2)+li {width: 50%;}
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(3),
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(3)~li {width: 33.33%;}
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(4),
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(4)~li {width: 25%;}

	.mypage_wrap .my_tab ul li:first-child:nth-last-child(5),
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(5)~li {width: 20%; padding-left: 7px; padding-right: 7px;}

	.mypage_wrap .my_tab ul li:first-child:nth-last-child(6),
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(6)~li {width: 16.666%; padding-left: 5px; padding-right: 5px;}

		/*	.mypage_wrap .my_tab ul li:first-child:nth-last-child(7),
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(7)~li {width: 14.2%;}
	
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(8),
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(8)~li {width: 12.5%;}
		*/
	/*	.mypage_wrap .my_tab ul li:first-child:nth-last-child(4) a {font-size: 12px;}
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(4) ~ li a {font-size: 12px;}
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(5) a {font-size: 12px;}
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(5) ~ li a {font-size: 12px;}
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(5) a {font-size: 12px;}
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(5) ~ li a {font-size: 12px;}
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(6) a {font-size: 12px;}
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(6) ~ li a {font-size: 12px;}
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(7) a {font-size: 12px;}
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(7) ~ li a {font-size: 12px;}
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(8) a {font-size: 12px;}
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(8) ~ li a {font-size: 12px;}
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(9) a {font-size: 12px;}
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(9) ~ li a {font-size: 12px;}*/

	/* 모바일 12개까지 12px 나오게끔 2024.12.09 김태은 수정*/
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(n+4):nth-last-child(-n+16) a,
	.mypage_wrap .my_tab ul li:first-child:nth-last-child(n+4):nth-last-child(-n+16) ~ li a {font-size: 12px;}

	.video_list {padding: 0;}
	.video_list .video_sort {padding: 0 28px;}
	.video_list .board_sort_wrap { padding: 0 28px}

	.video_list .video_sort select {font-size: 15px; width: 110px;}
	.video_list .video_sort span {font-size: 15px;}

	.video_list > p {padding: 30px 28px 10px !important; font-size: 15px;}
	.video_list > p em {display: block;}

	.mypage_wrap .my_tab ul li a {font-size: 14px; line-height: unset; padding: 13px 2px; word-break: keep-all;}
	.mypage_wrap .my_tab.sub {padding: 0 0 10px;}
	.mypage_wrap .my_tab.sub ul {padding: 10px;}
	.mypage_wrap .my_tab.sub ul li {margin-right: 15px; width: auto !important; padding: 0;}
	.mypage_wrap .my_tab.sub ul li a {font-size: 14px; line-height: unset; padding: 6px 0;}
	.mypage_wrap .my_tab > a {line-height: 30px; font-size: 15px;}

	.btn_list {width: 120px; height: 35px; line-height: 33px;}

	.gray_box {margin: 0 28px; padding: 20px 0;}
	.gray_box dl {padding: 0 30px;}
	.gray_box dl dt {width: 25%;}
	.gray_box dl dt, .gray_box dl dd {font-size: 15px;}

	.cert_wrap {padding: 35px 0 150px;}
	.cert_wrap .top {padding: 85px 28px 0; box-sizing: border-box;}
	.cert_wrap .top p {font-size: 15px;}

	.cert_cont {margin: 15px 28px 0; padding-top: 40px;}
	.cert_cont .input_box {width: 100%;}
	.cert_cont .input_box input {font-size: 15px; height: 40px;}
	.cert_cont .input_box button { height: 40px; font-size: 15px; font-size: 12px}
	.cert_cont .input_box .button_full {width: 100%; height: 40px; font-size: 15px; }

	.cert_cont ul {margin: 20px 0 0; width: 100%;}
	.cert_cont ul li strong,
	.cert_cont ul li p {font-size: 14px;}

	.qna_top {padding: 0 28px; margin-top: 0;}
	.qna_top:after {content: ''; clear: both; display: block;}
	.qna_top a {position: static; width: 180px; height: 35px; margin: 10px 0 0; line-height: 33px;}
	.qna_top a span {font-size: 15px;line-height: 33px;}
	.qna_top .qna_select span {display: inline-block; font-size: 15px; width: 15%; padding: 0 0 8px;}
	.qna_top .qna_select select {margin: 0 0 10px 0; height: 35px; width: 70%;}

	.select_wrap > div > dl {width: 100% !important; text-align: left !important; margin-bottom: 14px !important;}
	.select_wrap > div > dl:last-child {margin-bottom: 0 !important;}

	.qna_detail .info_cont .bg {min-height: 250px;}
	.qna_detail .detail_info {padding: 20px;}
	.uploadBtnWrap .btn {width: 130px; height: 35px; line-height: 33px; font-size: 15px;}
	.uploadBtnWrap #fileName {display: block; font-size: 15px; margin: 10px 0 0;}

	.seat_wrap {padding: 30px 30px;}
	.seat_wrap .top {margin: 0 0 30px;}
	.seat_wrap .top ul {text-align: left;}
	.seat_wrap .top ul li {display: block; margin: 0 0 10px;}

	.student_service .cert {margin: 30px 0 0; padding: 0 28px;}
	.student_service .cert ul {width: 100%; margin-top: 30px;}
	.student_service .cert ul li {font-size: 15px;}
	.student_service .cert .gray_box {padding: 27px 30px; margin-bottom: 30px;}
	.student_service .cert .gray_box p {font-size: 15px; word-break: keep-all;}
	.student_service .top {padding: 0 28px; word-break: keep-all;}
	.student_service .top p {font-size: 18px;}

	.student_service .cert_zone .input_box input {font-size: 15px;}
	.student_service .cert_zone .input_box button {font-size: 15px;}
	.student_service .cert_zone .input_box {width: 100%;}
	.student_service .cert_zone button {width: 100%; font-size: 15px;}
	.student_service .cert_zone .input_box .limit_time span {font-size: 15px;}

	.seat_list .list ul li .name strong,
	.seat_list .list ul li .info dt,
	.seat_list .list ul li .info dd {font-size: 15px;}
	.seat_list .list ul li .btn button {font-size: 15px; width: 120px; height: 35px; line-height: 31px;}
	.seat_list .list ul li .info dt {width: 25%;}

	.my_list .my_list_sort {margin: 0 0 16px;}
	.my_list .my_list_sort span {font-size: 15px;}
	.my_list .my_list_sort select {width: 150px; height: 40px;}
	.p_caution p {font-size: 15px;}
	.qna_detail .detail_info dl dt, .qna_detail .detail_info dl dd {font-size: 15px;}
	.seat_wrap .top ul li span {font-size: 15px; padding: 4px 0 4px 40px;}
	.seat_wrap .top > strong {font-size: 20px; padding: 0 0 10px;}
	.seat_choice ul li > div span {font-size: 15px; width: 40px; line-height: 36px;}
	.seat_choice ul li {margin-right: 15px;}
	.seat_choice {width: 920px;}
	.my_list > ul > li .inner > dl > dd .btn_wrap .pdf_down span {font-size: 15px; padding: 5px 42px 5px 0; background-position: right 1px center;}
	.my_list > ul > li .inner > dl > dd .btn_wrap > a span {font-size: 15px;}

	.teacher_wrap .teacher_list > ul > li {width: 50%;}
	.teacher_wrap .teacher_list > ul > li .img_wrap img {width: 200px;}
	.teacher_wrap .teacher_list > ul > li:hover .img_wrap img {width: 150px;}

	.dugak_info .inner {padding: 0 10px;}
	.dugak_info .top dt, .dugak_info .top dd {width: 100%; display: block; text-align: center;}
	.dugak_info .top dd {margin: 5px 0 0;}
	.dugak_info .top dd img {width: 60%;}

	.branding_list ul {font-size: 0;}
	.branding_list ul li {width: 25%; margin-right: 0; padding: 0 5px; box-sizing: border-box;}

	.dugak_info .bot dt {width: 25%;}
	.mypage_wrap .mypage_tit.reservation h3 > span {padding-top: 10px; padding-bottom: 10px;}
}

@media screen and (max-width: 890px) {
	.wait_apply {padding: 0 10px; height: 350px;}
	.wait_apply .input_wrap .inp_chk label {padding: 4px 0 4px 45px;}
	.pop_agreement_box .cont {margin: 10px 28px; font-size: 12px;}
	.btn_wait_apply {margin: 10px 28px 0; box-sizing: border-box; width: calc(100% - 56px); font-size: 15px; height: 40px; line-height: 38px;}
	.wait_apply .input_wrap .gray_box {padding: 10px;}
	.wait_apply .input_wrap .gray_box p {font-size: 15px;}
	.wait_apply .input_wrap input {height: 45px;}
	.input_wrap .file_upload input {height: 0;}

	.seat_btn.btn_center_box {width: 100%; box-sizing: border-box;}
	.teacher_wrap .teacher_list > ul > li .teacher_detail .btn_wrap {padding: 0;}
	.mypage_wrap .mypage_tit.schedule h3 span {background: url(../img/service/ico_calendar.png) no-repeat left center/auto 25px; padding-left: 45px;}
	.mypage_wrap .mypage_tit h3 > span {display: inline-block; background: url(../img/mypage/ico_human.png) no-repeat left center/18px auto; padding-left: 23px;}
	.mypage_wrap .mypage_tit.video h3 span {background: url(../img/mypage/ico_play.png) no-repeat left center/24px auto; padding-left: 31px;}
	.mypage_wrap .mypage_tit.notice h3 > span {background: url(../img/service/ico_notice.png) no-repeat left center/20px auto; padding-left: 31px;}
	.mypage_wrap .mypage_tit.speaker h3 > span {background: url(../img/service/ico_human.png) no-repeat left center/35px auto; padding-left: 41px;}
	.mypage_wrap .mypage_tit.reservation h3 > span {background: url(../img/service/ico_bell.png) no-repeat left center/23px auto; padding-left: 33px;}
	.mypage_wrap .mypage_tit.schedule h3 > span {background: url(../img/service/ico_calendar.png) no-repeat left center/auto 25px; padding-left: 45px; min-height: 45px;}
	.mypage_wrap .mypage_tit.map h3 > span {background: url(../img/service/ico_map.png) no-repeat left center/16px auto; padding-left: 25px;}
	.mypage_wrap .mypage_tit.teacher h3 > span {background: url(../img/service/ico_teacher.png) no-repeat left center/28px auto; padding-left: 35px;}
	.mypage_wrap .mypage_tit.menu h3 > span {background: url(../img/service/ico_menu.png) no-repeat left center/15px auto; padding-left: 30px;}
	.mypage_wrap .mypage_tit.academy_facility h3 > span {background: url(../img/ico/ico_academy_facility.png) no-repeat left center/23px auto; padding-left: 30px;}
}

@media screen and (max-width: 850px) {
	.mypage_wrap .my_tab > a {line-height: 30px; font-size: 15px; position: static; transform: unset; margin: auto; display: block; width: 220px; box-sizing: border-box;}
	.mypage_wrap .my_tab > a span {padding-right: 30px;}
	.mypage_wrap .mypage_top .my_link {line-height: 30px; font-size: 15px; position: static; transform: unset; margin: auto; display: block; width: 43%; max-width: 180px;}
	.mypage_wrap .mypage_top .my_link.studentServ {width: 65%;}
	.mypage_wrap .mypage_top.m_pb {padding-bottom: 10px;}
	.qna_detail .btn_center_box {}
	.qna_detail .btn_center_box button {width: 100%;}

	.dugak_info .bot dt,
	.dugak_info .bot dd {display: block; width: 100%;}
	.dugak_info .bot dt {margin: 0 0 10px;}
	.dugak_info .mid {margin: 0 0 30px;}
}

@media screen and (max-width: 620px) {
	.my_list {padding: 15px 15px 45px;}
	.my_list > ul {margin: 0 0 40px;}
	.seat_btn.btn_center_box {margin: 30px 0 0; bottom: 30px; left: 10%; right: 10%; transform: unset; width: auto;}
	.seat_btn.btn_center_box button {width: 80%; height: 45px; font-size: 15px; border-radius: 10px;}

	.student_service {padding: 40px 0 50px; margin: 10px 0 0;}
	.student_service ul {margin: 40px 0 0;}
	.student_service ul li {width: 70%; margin: 0 0 30px;}
	.video_list .video_sort .sel_cell {display: block; margin: 10px 0 0;}
	.video_list .video_sort span {width: 20%;}
	.video_list .video_sort select {width: 65%; height: 40px;}

	.my_list > ul > li .inner {padding: 20px;}
	.my_list > ul > li .inner > dl > dt {width: 25%;}
	.qna_detail .detail_info dl dd .pdf_down span {padding: 4px 42px 4px 0; background-size: 28px auto;}
	.qna_detail {padding: 0 28px 20px;}
	.seat_wrap .btn_center_box button img {vertical-align: middle;}

	.student_service .top p {font-size: 15px;}
	.my_list > ul > li .inner > dl > dd {}
	.seat_list .list ul li .btn button {width: 48%; margin: 0;}
	.seat_list .list ul li .btn button:last-child {float: right;}

	.teacher_wrap .teacher_list > ul > li {width: 100%;}

	.dugak_info {padding: 30px 0;}
	.dugak_info .inner > h3 {font-size: 18px; padding: 0 0 20px;}
	.dugak_info .top {margin: 40px 0 65px;}
	.dugak_info .top dt strong {font-size: 18px;}
	.dugak_info .top dt p {font-size: 15px; margin: 5px 0 0;}
	.dugak_info .top dl {margin: 0 0 30px;}
	.dugak_info .top dd p span {font-size: 12px;}

	.branding_list ul li {width: 33.33%; margin-bottom: 10px;}
	.branding_list {margin: 30px 0 0;}
	.branding_list h3 {font-size: 18px; padding: 0 0 15px;}

	.dugak_info .mid {margin: 0 0 30px;}
	.dugak_info .mid dl {margin-bottom: 30px;}
	.dugak_info .mid dt {padding: 0 0 10px; font-size: 18px;}
	.dugak_info .mid dt,
	.dugak_info .mid dd {display: block;}
	.dugak_info .mid dd img {margin: 0; height: 30px;}
	.dugak_info .mid dd span {font-size: 14px;}

	.dugak_info .bot h3 {font-size: 18px;}

	.my_list > ul > li .inner .video_in {width: 40%; height: 40px; line-height: 38px;}
	.my_list > ul > li .inner .video_in span {padding-right: 30px; font-size: 15px;}

	.select_wrap > div > dl > dd select {height: 40px;}
	.info_gray > div p {font-size: 14px;}
	.upload_box p {font-size: 14px;}
	.input_wrap .file_upload {width: 80px;}
	.input_wrap .file_upload label {font-size: 12px; position: absolute; right: 0; top: 0;}
	.wait_apply .input_wrap .inp_chk label {font-size: 14px; padding-left: 35px;}

	.seat_wrap .top ul li span {background-size: 20px; padding-left: 30px;}

	.p_caution1 {font-size: 16px !important;}

	.video_list .board_sort_wrap { justify-content: center; }
	.video_list .board_sort_wrap div { font-size: 12px; }

}