@charset "utf-8";
.mypage_wrap {width: 1450px; margin: 0 auto 160px;}
.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.menu h3 > span {background: url(../img/service/ico_menu.png) no-repeat left center/31px 41px; padding-left: 60px;}

.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: 270px; margin-right: 13px;}
.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/14px 16px; padding-right: 40px;}

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

.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 > 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/14px 16px; padding-right: 40px;}
.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: 2px 42px 2px 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 .navy_circle {font-size: 16px; color: #fff; display: inline-block; width: 28px; background: #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: 22px; color: #333; text-align: center; padding: 60px 0 10px;}/* 복습영상 상세에 의해 하단 padding 10적용 */
.video_list > p span {font-weight: bold; color: #5160b1;}
	
.video_list .video_sort {margin: 30px 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;}

.qna_top {position: relative; padding: 7px 0; margin-top: 60px;}
.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 button {position: absolute; right: 0; top: 0; font-size: 18px; border: 1px solid #202a60; background: #ffdc87; border-radius: 13px; width: 236px; height: 69px;}
.qna_top button span {display: inline-block; background: url(../img/mypage/ico_link_blk.png) no-repeat right 1px center/14px 16px; 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: 660px; 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: 60px;}
.seat_choice ul li:nth-child(6),
.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 {}
.seat_choice ul li > div span {display: inline-block; font-size: 18px; text-align: center; width: 57px; line-height: 53px; border: 2px solid #202a60; border-radius: 10px; margin-right: 13px; margin-bottom: 13px; box-sizing: border-box; vertical-align: top; cursor: pointer;}
.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_wrap .btn_center_box {margin-top: 75px;}
.seat_wrap .btn_center_box button {font-size: 18px; color: #fff; font-weight: bold; width: 100%; height: 94px; background: #202a60; border-radius: 25px;}
.seat_wrap .btn_center_box button span {font-weight: bold; color: #fff32b; display: inline-block; margin-right: 7px;}
.seat_wrap .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/14px 16px; 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 img {width: 100%;}

.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: 30%; text-align: left;}
.seat_list .list ul li .name strong {font-size: 18px;}

.seat_list .list ul li .info {width: 35%; 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: 35%; 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/14px 16px; padding-right: 30px;}
.seat_list .list ul li .btn .gray {background: #ccc;}
.seat_list .list ul li .btn .navy {color: #fff; background: #202a60;}
.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; border: 1px solid gray;}
.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: #F5F5F5; padding: 0 37px; }
.teacher_wrap .teacher_list > ul > li .subject strong {font-size: 20px; display: block; line-height: 62px;}

.teacher_wrap .teacher_list > ul > li .teacher_info {background: #F5F5F5; padding: 10px 37px; position: relative; height: 305px; box-sizing: border-box;}
.teacher_wrap .teacher_list > ul > li .teacher_info strong {font-size: 18px; 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 img {max-width: 100%;}

.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 {}
.teacher_wrap .teacher_list > ul > li .teacher_detail ul li {font-size: 18px; line-height: 1.2;}

.teacher_wrap .teacher_list > ul > li:hover {}
.teacher_wrap .teacher_list > ul > li:hover .subject {background: #EAEAEA;}
.teacher_wrap .teacher_list > ul > li:hover .subject strong {color: #4C4C4C;}
.teacher_wrap .teacher_list > ul > li:hover .teacher_info {background: #FAFAFA;}
.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;}



@media screen and (max-width: 1750px) {
	.mypage_wrap {width: 80%; margin-bottom: 80px;}
	.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;}
	.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;}
}

@media screen and (max-width: 1430px) {
	.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 30px;}
	.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;}

}

@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: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%;}

	.video_list {padding: 0;}
	.video_list .video_sort {padding: 0 28px; margin: 10px 0 0;}
	.video_list .video_sort select {font-size: 15px; width: 110px;}
	.video_list .video_sort span {font-size: 15px;}

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

	.mypage_wrap .my_tab ul li a {font-size: 16px; line-height: 50px;}
	.mypage_wrap .my_tab.sub {padding: 10px 0;}
	.mypage_wrap .my_tab.sub ul li {margin-right: 20px; width: auto !important;}
	.mypage_wrap .my_tab.sub ul li a {font-size: 16px;}
	.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;}

	.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 button {position: static; width: 150px; height: 35px; margin: 10px 0 0;}
	.qna_top button span {font-size: 15px;line-height: 33px;}
	.qna_top .qna_select span {display: inline-block; font-size: 15px; width: 30%; 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; }
	.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: 46px; line-height: 42px;}
	.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;}
}

@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.m_pb {padding-bottom: 10px;}
	.qna_detail .btn_center_box {}
	.qna_detail .btn_center_box button {width: 100%;}
}

@media screen and (max-width: 620px) {
	.my_list {padding: 15px 15px 45px;}
	.my_list > ul {margin: 0 0 40px;}
	.seat_wrap .btn_center_box {margin: 30px 0 0; position: fixed; bottom: 30px; left: 10%; right: 10%;}
	.seat_wrap .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%;}

	.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%;}
}