body {min-width: 320px;background: #000000;color: #ffffff;letter-spacing: -0.04em;overflow-x: hidden;}
body.fixed {overflow: hidden;}
a {color:#fff;}
.header {position: relative;width: 100%;height: 200px;display: flex;justify-content: end;align-items: center;padding: 0 50px;background: #000000;z-index: 2;}
.logo_area {position: absolute;top: 50%;left: 50%;margin-top: -43px;margin-left: -148px;}
.logo_area a {display: block;}
.logo_area img {width: 296px;height: 86px;}
/*.logo_area a {display: flex;justify-content: start;align-items: center;}
.logo_area .txt {display: flex;flex-direction: column;color: #ffffff;margin-left: 19px;}
.logo_area .txt p {font-size: 16px;line-height: 18px;margin-left: 4px;margin-bottom: 8px;}
.logo_area .txt h1 {font-size: 42px;line-height: 48px;font-weight: 800;}
*/

.header a.btn {font-size: 16px;line-height: 18px;font-weight: 700;color: #fff;margin-left: 40px;}
.header a.btn:hover {color: rgba(255,255,255,0.8);}

.container {padding-bottom: 20px;}

.footer {background: #000000;}
.footer .wrap {max-width: 1364px;padding: 100px 15px 50px;margin: 0 auto;}
.footer .company {display: flex;justify-content: start;flex-wrap: wrap;gap: 10%;margin-bottom: 25px;}
.footer  p {font-size: 12px;line-height: 24px;color: #ffffff;}

.btn_nav_area {position: absolute;top: 87.5px;left: 50px;cursor: pointer;z-index: 235;}
.btn_nav_area .btn_nav {display: block;position: relative;width: 30px;height: 25px;z-index: 220;}
.btn_nav_area .btn_nav i {display: block;width: 100%;height: 3px;margin-bottom: 8px;background :#ffffff;}

.btn_nav_area .btn_nav i:nth-child(2) {transform-origin: 50% 50%;transition: transform 0.2s ease-in-out;}
.btn_nav_area .btn_nav i:nth-child(3) {position: absolute;top: 11px;left: 0;transform-origin: 50% 50%;transition: transform 0.2s ease-in-out;}

.btn_nav_area.show .btn-favorite {opacity: 1;}
.btn_nav_area.show .btn_nav i:first-child {transform: scaleY(0);}
.btn_nav_area.show .btn_nav i:nth-child(2) {transform: rotate(45deg);}
.btn_nav_area.show .btn_nav i:nth-child(3) {display: block;transform: rotate(-45deg);}
.btn_nav_area.show .btn_nav i:nth-child(4) {transform: scaleY(0);}

.btn_nav_area .btn_nav.btn_open_menu {display: block;}
.btn_nav_area .btn_nav.btn_close_menu {display: none;}
.btn_nav_area.show .btn_nav.btn_open_menu {display: none;}
.btn_nav_area.show .btn_nav.btn_close_menu {display: block;}

.site_nav {display: flex;justify-content: space-between;flex-direction: column;position: fixed;top: 0;left: -100vw;width: 100%;max-width: 435px;height: 100%;background: #000;transition: all ease 0.1s 0s;z-index: 210;}
.site_nav.show {left: 0;}

.site_nav .site_nav_logo_area {display: flex;justify-content: end;height: 200px;padding-right: 50px;}
.site_nav .site_nav_logo_area a {display: flex;justify-content: end;align-items: center;width: 200px;}
.site_nav .site_nav_logo_area a img {max-width: 100%;max-height: 100%;object-fit: contain;}

.site_nav .member_area {padding: 10px 50px;}
.site_nav .member_area .name {display: flex;align-items: center;gap: 10px;font-size: 18px;font-weight: bold;}
.site_nav .nav_content {flex: 1;}
.site_nav .nav_content ul {padding: 20px 50px;}
.site_nav .nav_content li {border-bottom: 1px solid #fff;}
.site_nav .nav_content li:first-child {border-top: 1px solid #fff;}
.site_nav .nav_content li a {display: block;padding: 25px 10px;font-size: 16px;font-weight: bold;color: #ffffff;}
.site_nav .nav_content li a:hover {background-color: rgba( 255, 255, 255, 0.1 );}

.site_nav_footer {padding: 20px 50px 50px;}
.site_nav_footer p {font-size: 12px;line-height: 24px;color: #ffffff;}

.shadow {position: fixed;top: -100%;left: 0;width: 100%;height: 100%;background-color: rgba( 0, 0, 0, 0.6 );opacity: 0;transition: opacity ease 0.4s 0s;z-index: 200;}
.shadow.active {top: 0;opacity: 1;}

/*************************************************/
.main_visual {height: 495px;background: url('../img/visual01.jpg') no-repeat 50% 50%;background-size: cover;}
.main_visual .wrap {width: 100%;max-width: 1196px;height: 100%;margin: 0 auto;padding: 55px 54px;display: flex;flex-direction: column;justify-content: end;}
.main_visual p {font-size: 28px;line-height: 36px;font-weight: 700;color: #ffffff;}
.main_visual .btn {display: inline-flex;justify-content: center;align-items: center;width: 180px;height: 60px;margin-top: 32px;background: #FC606C;border-radius: 10px;font-size: 24px;font-weight: 900;color: #ffffff;}
.main_visual .btn:hover {background: rgba(252,96,108,0.9);}

.enrol {width: 100%;padding: 0 15px;}
.enrol h2 {padding-top: 152px;padding-bottom: 91px;font-size: 32px;line-height: 36px;font-weight: 700;text-align: center;}
.enrol h2 br {display: none;}
.enrol ul.enrol_list {width: 100%;max-width: 1196px;margin: 0 auto;}
.enrol ul.enrol_list li {background: #ffffff;border-radius: 10px;margin-bottom: 54px;}
.enrol ul.enrol_list li .contents {position: relative;display: flex;justify-content: space-between;align-items: center;gap: 66px;padding: 44px 23px 42px 36px;color: #000;}
.enrol ul.enrol_list li .contents .img_box {display: flex;width: 200px;height: 200px;justify-content: center;align-items: center;}
.enrol ul.enrol_list li .contents .img_box img {max-width: 100%;max-height: 100%;object-fit: contain;}
.enrol ul.enrol_list li .contents .info_box {flex: 1;}
.enrol ul.enrol_list li .contents h3 {padding-bottom: 16px;margin-bottom: 12px;font-size: 24px;line-height: 27px;font-weight: 800;color: #FC606C;border-bottom: 1px solid #707070;}
.enrol ul.enrol_list li .contents .basic_info {display: flex;justify-content: start;flex-wrap: wrap;gap: 33px;font-size: 18px;line-height: 21px;font-weight: 700;padding-right: 8px;}
.enrol ul.enrol_list li .contents .basic_info .item p {display: inline-block;}
.enrol ul.enrol_list li .contents .desc {margin-top: 29px;padding-right: 215px;}
.enrol ul.enrol_list li .contents .desc label {font-size: 18px;line-height: 21px;font-weight: 700;}
.enrol ul.enrol_list li .contents .desc p {margin-top: 15px;font-size: 16px;line-height: 24px;font-weight: 400;color: #626262;overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: keep-all;}
.enrol ul.enrol_list li .contents .btn {position: absolute;bottom: 50px;right: 45px;display: inline-flex;justify-content: center;align-items: center;width: 140px;height: 46px;background: #FC606C;border-radius: 10px;font-size: 18px;font-weight: 900;color: #ffffff;}
.enrol ul.enrol_list li .contents .btn:hover {background: rgba(252,96,108,0.9);}

/*************************************************/

.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.video-container .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.lab_detail {display: flex;justify-content: space-between;align-items: start;gap: 50px;position: relative;width: 100%;max-width: 1210px;padding: 0 15px 60px;margin: 0 auto;}
.lab_detail .enrol {padding: 0;}
.enrol ul.enrol_item_list {width: 100%;max-width: 1196px;margin: 0 auto;}
.enrol ul.enrol_item_list li {padding-top: 10px;background: #ffffff;border-radius: 10px;margin-bottom: 54px;}
.enrol ul.enrol_item_list li .contents {position: relative;padding: 26px 60px 80px 6px;color: #000;}
.enrol ul.enrol_item_list li .contents .img_box {float: left;display: flex;width: 220px;height: 220px;justify-content: center;align-items: center;}
.enrol ul.enrol_item_list li .contents .img_box img {max-width: 100%;max-height: 100%;object-fit: contain;}
.enrol ul.enrol_item_list li .contents .info_box {float: left;display: flex;justify-content: center;align-items: start;flex-direction: column;width: calc(100% - 220px);max-width: 472px;height: 220px;}
.enrol ul.enrol_item_list li .contents h3 {width: 100%;padding-bottom: 17px;margin-bottom: 19px;font-size: 24px;line-height: 27px;font-weight: 800;color: #FC606C;border-bottom: 1px solid #707070;}
.enrol ul.enrol_item_list li .contents .basic_info {display: flex;justify-content: start;flex-wrap: wrap;gap: 0px;font-size: 18px;line-height: 21px;font-weight: 700;}
.enrol ul.enrol_item_list li .contents .basic_info .item {width: 50%;margin-bottom: 9px;}
.enrol ul.enrol_item_list li .contents .basic_info .item p {display: inline-block;}
.enrol ul.enrol_item_list li .contents .desc {margin-top: 29px;padding-left: 57px;}
.enrol ul.enrol_item_list li .contents .desc label {font-size: 24px;line-height: 27px;font-weight: 700;}
.enrol ul.enrol_item_list li .contents .desc p {margin-top: 15px;font-size: 20px;line-height: 24px;font-weight: 400;color: #626262;}
.enrol ul.enrol_item_list li .contents .btn {position: absolute;bottom: 50px;right: 45px;display: inline-flex;justify-content: center;align-items: center;width: 140px;height: 46px;background: #FC606C;border-radius: 10px;font-size: 18px;font-weight: 900;color: #ffffff;}
.enrol ul.enrol_item_list li .contents .btn:hover {background: rgba(252,96,108,0.9);}

.eta_area {display: flex;justify-content: space-between;align-items: end;flex-direction: column;}
.ta_area {display: flex;justify-content: space-between;align-items: start;width: 100%;max-width: 1320px;gap: 30px;flex-direction: column;}
.lpu_area {width: 305px;}

.teacher {display: none;flex: 1;}
.teacher_list li {padding: 19px 0;}
.teacher_list .contents {display: flex;justify-content: start;align-items: center;gap: 28px;}
.teacher_list .img_box {display: inline-flex;width: 90px;height: 90px;border-radius: 90px;overflow: hidden;}
.teacher_list .img_box img {width: 100%;height: 100%;object-fit: contain;}
.teacher_list .basic_info {flex: 1;}
.teacher_list .basic_info .name {font-size: 24px;line-height: 24px;font-weight: bold;padding-left: 6px;}
.teacher_list .basic_info .name span {font-size: 18px;line-height: 24px;font-weight: 400;color: #939393;margin-left: 16px;}
.teacher_list .basic_info .message {font-size: 16px;line-height: 20px;margin-top: 8px;overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;}

.addition {width: 100%;max-width: 756px;}
.addition h2 {margin-bottom: 32px;font-size: 24px;line-height: 27px;}
.addition_list {position: relative;width: 100%;padding: 0 0 0 50px;margin-left: -50px;}
.addition_list .item {width: 222px;padding: 0 56px 0 0;}
.addition_list .img_box {display: inline-flex;width: 140px;height: 140px;overflow: hidden;}
.addition_list .img_box img {width: 100%;height: 100%;object-fit: contain;}
.addition_list .w_area {display: flex;justify-content: center;align-items: center;width: 100%;height: 180px;background: #ffffff;border-radius: 10px;}
.addition_list p {margin-top: 14px;font-size: 18px;line-height: 21px;font-weight: bold;color: #ffffff;}
.addition_list a:hover p {color: rgba(255,255,255,0.8);}

.addition_list .slick-arrow {position: absolute;width: 40px;height: 40px;top: 50%;margin-top: -36px;border: 0;text-indent: -9999em;cursor: pointer;}
.addition_list .slick-arrow.slick-disabled {display: none !important;}
.addition_list .slick-prev {left: -6px;background: url('../img/btn_prev1.svg') no-repeat 50% 50%;background-size: contain;}
.addition_list .slick-next {right: -6px;background: url('../img/btn_next1.svg') no-repeat 50% 50%;background-size: contain;}

.lecture {flex: 1;width: 100%;margin-right: -9px;}
.lecture h2 {padding-top: 25px;padding-bottom: 26px;font-size: 20px;line-height: 23px;font-weight: bold;}
ul.lecture_list {height: 326px;padding: 0 32px 0 0;overflow-y: scroll;}
ul.lecture_list li {margin-bottom: 4px;}
ul.lecture_list li a {display: flex;justify-content: space-between;align-items: center;gap: 20px;padding: 6px 0;font-size: 18px;line-height: 21px;color: #ffffff;}
ul.lecture_list li a:hover {color: rgba(255,255,255,0.8);}
ul.lecture_list li span:first-child {flex: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}

ul.lecture_list.status li a {padding-left: 26px;}
ul.lecture_list.status li.play a {padding-left: 26px;background: url('../img/btn_play_video.svg') no-repeat -2px 6px;background-size: 18px;}
ul.lecture_list.status li.pause a {padding-left: 26px;background: url('../img/btn_pause_video.svg') no-repeat -2px 6px;background-size: 18px;}
ul.lecture_list.status li.lock a {padding-left: 26px;background: url('../img/btn_lock_video.svg') no-repeat 0px 8px;background-size: 16px;}

.lecture_list::-webkit-scrollbar {width: 14px;background-color: #ffffff;border: 6px solid #000000;}
.lecture_list::-webkit-scrollbar-thumb {background-color: #626262;border-radius: 14px;}
.lecture_list::-webkit-scrollbar-track{background-color: rgba(0,0,0,0);}

.price_area {display: flex;justify-content: center;align-items: center;flex-direction: column;width: 100%;height: 100px;margin-top: 52px;border: 1px solid #ffffff;border-radius: 10px;}
.price_area .top {display: flex;justify-content: center;align-items: center;gap: 12px;}
.price_area .top .sale {font-size: 16px;line-height: 18px;color: #939393;}
.price_area .top .normal_price {font-size: 12px;line-height: 13px;color: #939393;text-decoration: line-through;}
.price_area .sale_price {margin-top: 6px;font-size: 26px;line-height: 30px;font-weight: 800;}

.lpu_area .btn_area {display: flex;justify-content: center;align-items: center;flex-direction: column;gap: 20px;margin-top: 20px;}
.lpu_area .btn_submit {display: flex;justify-content: center;align-items: center;width: 100%;height: 58px;font-size: 24px;padding-bottom: 4px;color: #ffffff;font-weight: 800;background: #FC606C;border: 0;border-radius: 50px;cursor: pointer;}
.lpu_area .btn_submit:hover {background: rgba(252,96,108,0.9);}
.lpu_area .btn_share {display: flex;justify-content: center;align-items: center;width: 100%;height: 58px;font-size: 24px;color: #FC606C;font-weight: 800;background: #000;border: 1px solid #FC606C;border-radius: 50px;cursor: pointer;}
.lpu_area .btn_share:hover {background: rgba(255,255,255,0.1);}
.lpu_area .btn_share span {display: inline-block;padding: 0 40px;background: url('../img/icon_share.svg') no-repeat 100% 50%;}

/*************************************************/
.video .wrap {display: flex;justify-content: space-between;gap: 48px;width: 100%;max-width: 1210px;margin: 0 auto;padding: 0 15px 60px;}
.video .video_area {flex: 1;}
.video .play_area {margin-top: 26px;padding: 30px;background: #ffffff;border-radius: 20px;}
.video .desc_area {margin-top: 30px;color: #fff;}
.video .desc_area h3 {margin-bottom: 34px;font-size: 24px;line-height: 24px;color: #fff !important;}
.video .desc_area p, .video .desc_area p * {font-size: 18px;line-height: 24px;color: #fff !important;}
.video .video_area .bottom_area {padding-top: 14px;display: flex;justify-content: space-between;flex-wrap: wrap;;gap: 10px;}
.video .video_area h2 {ont-size: 28px;line-height: 32px;}
.video .video_area .btn_area .btn {display: inline-flex;justify-content: center;align-items: center;height: 51px;border: 1px solid #ffffff;border-radius: 10px;font-size: 18px;font-weight: bold;color: #ffffff;}
.video .video_area .btn_area .btn.btn_prev {padding: 0 33px 0 42px;background: url('../img/btn_lecture_prev.svg') no-repeat left 14px top 50%;background-size: 18px 18px;}
.video .video_area .btn_area .btn.btn_next {margin-left: 10px;padding: 0 42px 0 33px;background: url('../img/btn_lecture_next.svg') no-repeat right 14px top 50%;background-size: 18px 18px;}
.video .video_area .btn_area .btn.btn_prev:hover {padding: 0 33px 0 42px;background:rgba(255,255,255,0.1) url('../img/btn_lecture_prev.svg') no-repeat left 14px top 50%;background-size: 18px 18px;}
.video .video_area .btn_area .btn.btn_next:hover {margin-left: 10px;padding: 0 42px 0 33px;background:rgba(255,255,255,0.1) url('../img/btn_lecture_next.svg') no-repeat right 14px top 50%;background-size: 18px 18px;}

.video .lecture {max-width: 305px;}
.video .lecture h2 {font-size: 20px;line-height: 23px;}

.video .bottom_btn_area {display: flex;justify-content: center;margin-top: 20px;}
.video .bottom_btn_area .btn_back {display: inline-flex;justify-content: center;align-items: center;width: 100%;max-width: 200px;height: 60px;margin-top: 18px;background: #FC606C;border-radius: 10px;font-size: 28px;font-weight: 900;color: #ffffff;}
.video .bottom_btn_area .btn_back:hover {background: rgba(252,96,108,0.9);}


/*************************************************/
.my_enrol {width: 100%;padding: 40px 15px 0;letter-spacing: -0.06em;}
.my_enrol ul.my_enrol_list {width: 100%;max-width: 1040px;margin: 0 auto;}
.my_enrol ul.my_enrol_list li {border: 1px solid #ffffff;border-radius: 5px;margin-bottom: 30px;}
.my_enrol ul.my_enrol_list li .contents {position: relative;display: flex;justify-content: space-between;align-items: start;gap: 30px;padding: 14px 43px 14px 29px;color: #000;}
.my_enrol ul.my_enrol_list li .contents .img_box {display: flex;width: 120px;height: 120px;margin-right: 20px;}
.my_enrol ul.my_enrol_list li .contents .img_box img {max-width: 100%;max-height: 100%;object-fit: contain;}
.my_enrol ul.my_enrol_list li .contents .info_box {flex: 1;width: 40.3%;padding-top: 17px;}
.my_enrol ul.my_enrol_list li .contents .info_box h3 {margin-bottom: 20px;font-size: 24px;line-height: 27px;font-weight: 800;color: #ffffff;}
.my_enrol ul.my_enrol_list li .contents .info_box .desc {height: 40px;font-size: 14px;line-height: 20px;color: #939393;overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;}

.my_enrol ul.my_enrol_list li .contents .basic_info {display: flex;justify-content: end;flex-wrap: wrap;gap: 120px;font-size: 18px;line-height: 21px;font-weight: 700;color: #ffffff;}
.my_enrol ul.my_enrol_list li .contents .basic_info .item {margin-bottom: 7px;}
.my_enrol ul.my_enrol_list li .contents .basic_info .item p {display: inline-block;}
.my_enrol ul.my_enrol_list li .contents .basic_info .lt .item {min-width: 150px;}
.my_enrol ul.my_enrol_list li .contents .basic_info .rt .item {text-align: right;}

.my_enrol ul.my_enrol_list li .contents .info_box.empty {width: 100%;padding: 0;}
.my_enrol ul.my_enrol_list li .contents .info_box.empty h3 {margin: 100px 0;text-align: center;}

.my_enrol ul.my_enrol_list li .contents .btn {position: absolute;bottom: 24px;right: 43px;display: inline-flex;justify-content: center;align-items: center;width: 170px;height: 54px;background: #FC606C;border-radius: 5px;font-size: 24px;font-weight: 900;color: #ffffff;}
.my_enrol ul.my_enrol_list li .contents .btn:hover {background: rgba(252,96,108,0.9);}
.my_enrol ul.my_enrol_list li .contents span.end {position: absolute;bottom: 24px;right: 43px;display: inline-flex;justify-content: center;align-items: center;width: 170px;height: 54px;background: #626262;border-radius: 5px;font-size: 24px;font-weight: 900;color: #ffffff;}




@media all and (max-width: 1679px) {
	.enrol ul.enrol_list li .contents {padding: calc(5vw * 0.6) calc(10vw * 0.6) calc(5vw * 0.6) calc(5vw * 0.6);}
	.enrol ul.enrol_list li .contents .img_box {width: 18vw;height: 18vw;}
	.enrol ul.enrol_list li .contents .btn {right: calc(10vw * 0.6);}
	/*************************************************/

}
@media all and (max-width: 1140px) {
	.header a.btn {margin-left: 10px;}
	/*************************************************/
	.lab_detail {flex-wrap: wrap;}
	.eta_area {width: 100%;}
	.ta_area {display: block;justify-content: initial;align-items: initial;gap: initial;}
	.teacher {display: block;}
	.lpu_area {width: 100%;}
	.lab_detail {padding-bottom: 265px;}
	.lab_detail .addition {position: absolute;bottom: 0;left: 15px;width: calc(100% - 15px);}
	.addition {max-width: initial;}
	.addition_list {width: calc(100% + 50px);margin-right: -50px;}
	.addition_list .w_area {height: auto;padding: 10px;}
	.lpu_area .btn_area {justify-content: space-between;flex-direction: row-reverse;gap: calc(20px * 1.2);}
}

@media all and (max-width: 1023px) {

	.header {height: calc(86px * 1.7);padding: 0 40px;}
	.footer .wrap {padding: 30px calc(30px * 1.7);}

	.logo_area {margin-top: -32px;margin-left: -110.135px;}
	.logo_area img {width: 220.27px;height: 64px;}
	.logo_area .txt {margin-left: calc(8px * 1.7);}
	.logo_area .txt p {font-size: calc(7px * 1.7);line-height:calc(8px * 1.7);margin-left: calc(1px * 1.7);margin-bottom: calc(3px * 1.7);}
	.logo_area .txt h1 {font-size: calc(18px * 1.7);line-height: calc(21px * 1.7);}

	.header a.btn {font-size: calc(10px * 1.7);line-height: calc(12px * 1.7);margin-left: 10px;}

	.btn_nav_area {top: 60.6px;left: 40px;}
	.site_nav .site_nav_logo_area {height: calc(86px * 1.7);padding-right: 40px;}
	.site_nav .site_nav_logo_area a {width: 180px;}
	.site_nav .member_area {padding: 10px 40px;}
	.site_nav .nav_content ul {padding: 20px 40px;}

	.site_nav_footer {padding: 20px 40px 50px;}


	/*************************************************/


	/*************************************************/
	.video .wrap {display: block;}
	.video .lecture {max-width: 100%;}

	.video .btn_back {width: calc(84px * 1.7);height: calc(34px * 1.7);margin-top: calc(20px * 1.7);border-radius: calc(5px * 1.7);font-size: calc(13px * 1.7);}

	/*************************************************/
	.my_enrol {padding: calc(16px * 1.7) 15px 0;}
	.my_enrol ul.my_enrol_list li {margin-bottom: calc(17px * 1.7);}
	.my_enrol ul.my_enrol_list li .contents {gap: 20px;padding: calc(8px * 1.7) calc(17px * 1.7) calc(8px * 1.7) calc(12px * 1.7);}
	.my_enrol ul.my_enrol_list li .contents .img_box {display: flex;width: calc(44px * 1.7);height: calc(71px * 1.7);margin-right: 0;}
	.my_enrol ul.my_enrol_list li .contents .img_box img {max-width: 100%;max-height: 100%;object-fit: cover;}
	.my_enrol ul.my_enrol_list li .contents .info_box {width: 42%;padding-top: calc(7px * 1.7);}
	.my_enrol ul.my_enrol_list li .contents .info_box h3 {margin-bottom: calc(12px * 1.7);font-size: calc(16px * 1.7);line-height: calc(18px * 1.7);}
	.my_enrol ul.my_enrol_list li .contents .info_box .desc {height: calc(30px * 1.7);font-size: calc(8px * 1.7);line-height: calc(10px * 1.7);-webkit-line-clamp: 3;}

	.my_enrol ul.my_enrol_list li .contents .basic_info {gap: 10vw;padding-top: calc(7px * 1.7);font-size: calc(9px * 1.7);line-height: calc(10px * 1.7);}
	.my_enrol ul.my_enrol_list li .contents .basic_info .item {margin-bottom: calc(4px * 1.7);}
	.my_enrol ul.my_enrol_list li .contents .basic_info .lt .item {min-width: 125px;}
	.my_enrol ul.my_enrol_list li .contents .basic_info .rt .item label {display: block;text-align: right;margin-bottom: calc(2px * 1.7);}
	.my_enrol ul.my_enrol_list li .contents .basic_info .rt .item span {display: none;}
	.my_enrol ul.my_enrol_list li .contents .basic_info .rt .item p {display: block;text-align: right;}

	.my_enrol ul.my_enrol_list li .contents .btn {position: absolute;bottom: calc(8px * 1.7);right: calc(17px * 1.7);width: calc(80px * 1.7);height: calc(30px * 1.7);font-size: calc(12px * 1.7);}
	.my_enrol ul.my_enrol_list li .contents span.end {position: absolute;bottom: calc(8px * 1.7);right: calc(17px * 1.7);width: calc(80px * 1.7);height: calc(30px * 1.7);font-size: calc(12px * 1.7);}
}


@media all and (max-width: 767px) {
	.header {position: fixed;top: 0;left: 0;height: calc(86px * 1.6);}
	.footer .wrap {padding: 30px calc(30px * 1.6);}

	.logo_area {margin-top: -30px;margin-left: -103.25px;}
	.logo_area img {width: 206.5px;height: 60px;}
	.logo_area .txt {margin-left: calc(8px * 1.6);}
	.logo_area .txt p {font-size: calc(7px * 1.6);line-height:calc(8px * 1.6);margin-left: calc(1px * 1.6);margin-bottom: calc(3px * 1.6);}
	.logo_area .txt h1 {font-size: calc(18px * 1.6);line-height: calc(21px * 1.6);}

	.header .member_menu {display: flex;flex-direction: column;align-items: end;gap: 5px;}
	.header a.btn {font-size: calc(10px * 1.6);line-height: calc(12px * 1.6);margin-left: 0;}
	.header a.btn.btn_logout {display: none;}
	.header a.btn.btn_mylist {display: none;}

	.btn_nav_area {position: fixed;top: 56.295px;left: 40px;}
	.site_nav .site_nav_logo_area {height: calc(86px * 1.6);padding-right: 40px;}
	.site_nav .site_nav_logo_area a {width: 180px;}
	.site_nav .member_area {padding: 10px 40px;}
	.site_nav .nav_content ul {padding: 20px 40px;}

	.site_nav_footer {padding: 20px 40px 50px;}
	
	
	.container {padding-top: calc(86px * 1.6);}

	.main_visual {height: calc(290px * 1.5);}
	.main_visual .wrap {padding: calc(28px * 1.5) calc(30px * 1.5);}
	.main_visual p {font-size: calc(14px * 1.5);line-height: calc(20px * 1.5);}
	.main_visual .btn {width: calc(100px * 1.5);height: calc(40px * 1.5);margin-top: calc(20px * 1.5);border-radius: calc(5px * 1.5);font-size: calc(16px * 1.5);}

	.enrol h2 {padding-top: calc(48px * 1.5);padding-bottom: calc(40px * 1.5);font-size: calc(16px * 1.5);line-height: calc(18px * 1.5);}
	.enrol ul.enrol_list li {border-radius: calc(5px * 1.5);margin-bottom: calc(20px * 1.5);}
	.enrol ul.enrol_list li .contents {gap: calc(4px * 1.5);padding: calc(13px * 1.5) calc(22px * 1.5) calc(19px * 1.5) calc(4px * 1.5);}
	.enrol ul.enrol_list li .contents .img_box {width: calc(90px * 1.5);height: calc(90px * 1.5);}
	.enrol ul.enrol_list li .contents h3 {padding-bottom: calc(5px * 1.5);margin-bottom: calc(8px * 1.5);font-size: calc(16px * 1.5);line-height: calc(18px * 1.5);border-bottom: 2px solid #e4e4e4;}
	.enrol ul.enrol_list li .contents .desc label {font-size: calc(16px * 1.5);line-height: calc(18px * 1.5);}
	.enrol ul.enrol_list li .contents .basic_info {justify-content: start;gap: calc(4px * 1.5) 0;font-size: calc(11px * 1.5);line-height: calc(12px * 1.5);}
	.enrol ul.enrol_list li .contents .basic_info .item:first-child {flex-basis: 60%;}
	.enrol ul.enrol_list li .contents .basic_info .item:nth-child(3) {flex-basis: 60%;}
	.enrol ul.enrol_list li .contents .desc {margin-top: calc(13px * 1.5);padding-right: calc(100px * 1.5);}
	.enrol ul.enrol_list li .contents .desc label {font-size: calc(11px * 1.5);line-height: calc(12px * 1.5);}
	.enrol ul.enrol_list li .contents .desc p {margin-top: calc(2px * 1.5);font-size: calc(9px * 1.5);line-height: calc(10px * 1.5);}
	.enrol ul.enrol_list li .contents .btn {position: absolute;bottom: calc(15px * 1.5);right: calc(22px * 1.5);width: calc(84px * 1.5);height: calc(34px * 1.5);border-radius: calc(5px * 1.5);font-size: calc(13px * 1.5);}


	/*************************************************/

	.enrol ul.enrol_item_list li {border-radius: calc(10px * 1.4);margin-bottom: 0;}
	.enrol ul.enrol_item_list li .contents {padding: calc(14px * 1.4) calc(20px * 1.4) calc(14px * 1.4) calc(7px * 1.4);}
	.enrol ul.enrol_item_list li .contents .img_box {width: calc(90px * 1.4);height: calc(90px * 1.4);margin-top: calc(26px * 1.4);margin-right: calc(12px * 1.4);}
	.enrol ul.enrol_item_list li .contents .info_box {width: calc(100% - calc(102px * 1.4));height: auto;}
	.enrol ul.enrol_item_list li .contents h3 {padding-bottom: calc(5px * 1.4);margin-bottom: calc(8px * 1.4);font-size: calc(16px * 1.4);line-height: calc(18px * 1.4);}
	.enrol ul.enrol_item_list li .contents .basic_info {font-size: calc(11px * 1.4);line-height: calc(12px * 1.4);}
	.enrol ul.enrol_item_list li .contents .basic_info .item {width: 50%;margin-bottom: calc(4px * 1.4);}
	.enrol ul.enrol_item_list li .contents .desc {margin-top: calc(-43px * 1.4);padding-left: calc(103px * 1.4);}
	.enrol ul.enrol_item_list li .contents .desc label {font-size: calc(11px * 1.4);line-height: calc(12px * 1.4);}
	.enrol ul.enrol_item_list li .contents .desc p {margin-top: calc(1px * 1.4);font-size: calc(9px * 1.4);line-height: calc(12px * 1.4);}


	.teacher_list .contents {gap: calc(16px * 1.2);}
	.teacher_list .img_box {width: calc(50px * 1.2);height: calc(50px * 1.2);border-radius: calc(50px * 1.2);}
	.teacher_list .basic_info .name {font-size: calc(14px * 1.2);line-height: calc(13px * 1.2);padding-left: calc(2px * 1.2);}
	.teacher_list .basic_info .name span {font-size: calc(10px * 1.2);line-height: calc(12px * 1.2);margin-left: calc(8px * 1.2);}
	.teacher_list .basic_info .message {font-size: calc(12px * 1.2);line-height: calc(16px * 1.2);margin-top: calc(7px * 1.2);}

	.lpu_area {padding-top: calc(10px * 1.2);}
	.lecture h2 {padding-top: calc(15px * 1.2);padding-bottom: calc(15px * 1.2);margin-bottom: 0;font-size: calc(16px * 1.2);line-height: calc(16px * 1.2);background: url(../img/icon_expanded.svg) no-repeat 100% 50%;background-size: calc(18px * 1.2) calc(18px * 1.2);}
	.lecture.collapsed h2 {background: url('../img/icon_collapsed.svg') no-repeat 100% 50%;background-size: calc(18px * 1.2) calc(18px * 1.2);}
	ul.lecture_list {height: calc(232px * 1.2);}
	ul.lecture_list li {margin-bottom: calc(1px * 1.2);}
	ul.lecture_list li a {gap: calc(38px * 1.2);padding: calc(6px * 1.2) 0;font-size: calc(12px * 1.2);line-height: calc(13px * 1.2);}

	.price_area {margin-top: calc(26px * 1.2);}
	.price_area .sale_price {margin-top: calc(5px * 1.2);}

	.lpu_area .btn_area {justify-content: space-between;flex-direction: row-reverse;gap: calc(20px * 1.2);}
	.lpu_area .btn_submit {flex: 1;height: 58px;font-size: calc(16px * 1.2);padding-bottom: calc(4px * 1.2);}
	.lpu_area .btn_share {flex: 0.58;height: 58px;font-size: calc(14px * 1.2);color: #FC606C;}
	.lpu_area .btn_share span {display: inline-block;padding: 0 calc(28px * 1.2) 0 0;background: url('../img/icon_share.svg') no-repeat 100% 50%;background-size: calc(16px * 1.2) calc(16px * 1.2);white-space: nowrap;}

	.lab_detail {gap: 20px;padding-bottom: calc(215px * 1.2);}
	.addition {padding-top: calc(40px * 1.2);}
	.addition h2 {margin-left: 0;margin-bottom: calc(15px * 1.2);font-size: calc(16px * 1.2);line-height: calc(18px * 1.2);}
	.addition_list {height: calc(142px * 1.2);}
	.addition_list .w_area {width: calc(120px * 1.2);height: calc(120px * 1.2);}
	.addition_list .img_box {width: calc(97px * 1.2);height: calc(97px * 1.2);}
	.addition_list p {margin-top: calc(9px * 1.2);font-size: calc(12px * 1.2);line-height: calc(13px * 1.2);}
	

	/*************************************************/
	.video .video_area h2 {font-size: calc(14px * 1.6);line-height: calc(16px * 1.6);}
	.video .play_area {margin-top: calc(10px * 1.6);padding: calc(10px * 1.6);border-radius: calc(5px * 1.6);}
	.video .desc_area {margin-top: calc(32px * 1.6);}
	.video .desc_area h3 {margin-bottom: calc(6px * 1.6);font-size: calc(14px * 1.6);line-height: calc(24px * 1.6);}
	.video .desc_area p, .video .desc_area p * {font-size: calc(11px * 1.6);line-height: calc(14px * 1.6);}
	.video .video_area .btn_area .btn {height: calc(30px * 1.6);border-radius: calc(5px * 1.6);font-size: calc(10px * 1.6);}
	.video .video_area .btn_area .btn.btn_prev {padding: 0 calc(19px * 1.6) 0 calc(28px * 1.6);background: url('../img/btn_lecture_prev.svg') no-repeat left calc(8px * 1.6) top 50%;background-size: calc(11px * 1.6) calc(11px * 1.6);}
	.video .video_area .btn_area .btn.btn_next {margin-left: (10px * 1.6);padding: 0 calc(28px * 1.6) 0 calc(19px * 1.6);background: url('../img/btn_lecture_next.svg') no-repeat right calc(8px * 1.6) top 50%;background-size: calc(11px * 1.6) calc(11px * 1.6);}
	.video .video_area .btn_area .btn.btn_prev:hover {padding: 0 calc(19px * 1.6) 0 calc(28px * 1.6);background:rgba(255,255,255,0.1) url('../img/btn_lecture_prev.svg') no-repeat leftcalc(8px * 1.6)  top 50%;background-size: calc(11px * 1.6) calc(11px * 1.6);}
	.video .video_area .btn_area .btn.btn_next:hover {margin-left: calc(10px * 1.6);padding: 0 calc(28px * 1.6) 0 calc(19px * 1.6);background:rgba(255,255,255,0.1) url('../img/btn_lecture_next.svg') no-repeat right calc(8px * 1.6) top 50%;background-size: calc(11px * 1.6) calc(11px * 1.6);}


	.video .btn_back {width: calc(84px * 1.6);height: calc(34px * 1.6);margin-top: calc(20px * 1.6);border-radius: calc(5px * 1.6);font-size: calc(13px * 1.6);}

	/*************************************************/
	.my_enrol {padding: calc(16px * 1.6) 15px 0;}
	.my_enrol ul.my_enrol_list li {margin-bottom: calc(17px * 1.6);}
	.my_enrol ul.my_enrol_list li .contents {gap: 20px;padding: calc(8px * 1.6) calc(17px * 1.6) calc(8px * 1.6) calc(12px * 1.6);}
	.my_enrol ul.my_enrol_list li .contents .img_box {display: flex;width: calc(44px * 1.6);height: calc(71px * 1.6);margin-right: 0;}
	.my_enrol ul.my_enrol_list li .contents .img_box img {max-width: 100%;max-height: 100%;object-fit: cover;}
	.my_enrol ul.my_enrol_list li .contents .info_box {width: 42%;padding-top: calc(7px * 1.6);}
	.my_enrol ul.my_enrol_list li .contents .info_box h3 {margin-bottom: calc(12px * 1.6);font-size: calc(16px * 1.5);line-height: calc(18px * 1.6);}
	.my_enrol ul.my_enrol_list li .contents .info_box .desc {height: 49px;font-size: calc(8px * 1.6);line-height: calc(10px * 1.6);-webkit-line-clamp: 3;}

	.my_enrol ul.my_enrol_list li .contents .basic_info {gap: 5vw;padding-top: calc(7px * 1.6);font-size: calc(9px * 1.6);line-height: calc(10px * 1.6);}
	.my_enrol ul.my_enrol_list li .contents .basic_info .item {margin-bottom: calc(4px * 1.6);}
	.my_enrol ul.my_enrol_list li .contents .basic_info .lt .item {min-width: 117px;}
	.my_enrol ul.my_enrol_list li .contents .basic_info .rt .item label {display: block;text-align: right;margin-bottom: calc(2px * 1.6);}
	.my_enrol ul.my_enrol_list li .contents .basic_info .rt .item span {display: none;}
	.my_enrol ul.my_enrol_list li .contents .basic_info .rt .item p {display: block;text-align: right;}

	.my_enrol ul.my_enrol_list li .contents .btn {position: absolute;bottom: calc(8px * 1.6);right: calc(17px * 1.6);width: calc(80px * 1.6);height: calc(30px * 1.6);font-size: calc(12px * 1.6);}
	.my_enrol ul.my_enrol_list li .contents span.end {position: absolute;bottom: calc(8px * 1.6);right: calc(17px * 1.6);width: calc(80px * 1.6);height: calc(30px * 1.6);font-size: calc(12px * 1.6);}
}
@media all and (max-width: 599px) {
	.header {height: calc(86px * 1.4);padding: 0 30px;}
	.footer .wrap {padding: 30px calc(30px * 1.4);}

	.logo_area {margin-top: -26.5px;margin-left: -91.205px;}
	.logo_area img {width: 182.41px;height: 53px;}
	.logo_area .txt {margin-left: calc(8px * 1.4);}
	.logo_area .txt p {font-size: calc(7px * 1.4);line-height:calc(8px * 1.4);margin-left: calc(1px * 1.4);margin-bottom: calc(3px * 1.4);}
	.logo_area .txt h1 {font-size: calc(18px * 1.4);line-height: calc(21px * 1.4);}

	.header a.btn {font-size: calc(10px * 1.4);line-height: calc(12px * 1.4);margin-left: 0;}

	.btn_nav_area {position: fixed;top: 47.695px;left: 30px;}
	.site_nav .site_nav_logo_area {height: calc(86px * 1.4);padding-right: 30px;}
	.site_nav .site_nav_logo_area a {width: 180px;}
	.site_nav .member_area {padding: 10px 30px;}
	.site_nav .nav_content ul {padding: 20px 30px;}

	.site_nav_footer {padding: 20px 30px 50px;}


	.container {padding-top: calc(86px * 1.4);}

	.main_visual {height: calc(290px * 1.4);}
	.main_visual .wrap {padding: calc(28px * 1.4) calc(30px * 1.4);}
	.main_visual p {font-size: calc(14px * 1.4);line-height: calc(20px * 1.4);}
	.main_visual .btn {width: calc(100px * 1.4);height: calc(40px * 1.4);margin-top: calc(20px * 1.4);border-radius: calc(5px * 1.4);font-size: calc(16px * 1.4);}

	.enrol h2 {padding-top: calc(48px * 1.4);padding-bottom: calc(40px * 1.4);font-size: calc(16px * 1.4);line-height: calc(18px * 1.4);}
	.enrol ul.enrol_list li {border-radius: calc(5px * 1.4);margin-bottom: calc(20px * 1.4);}
	.enrol ul.enrol_list li .contents {gap: calc(4px * 1.4);padding: calc(13px * 1.4) calc(22px * 1.4) calc(19px * 1.4) calc(4px * 1.4);}
	.enrol ul.enrol_list li .contents .img_box {width: calc(90px * 1.4);height: calc(90px * 1.4);}
	.enrol ul.enrol_list li .contents h3 {padding-bottom: calc(5px * 1.4);margin-bottom: calc(8px * 1.4);font-size: calc(16px * 1.4);line-height: calc(18px * 1.4);border-bottom: 2px solid #e4e4e4;}
	.enrol ul.enrol_list li .contents .desc label {font-size: calc(16px * 1.4);line-height: calc(18px * 1.4);}
	.enrol ul.enrol_list li .contents .basic_info {justify-content: start;gap: calc(4px * 1.4) 0;font-size: calc(11px * 1.4);line-height: calc(12px * 1.4);}
	.enrol ul.enrol_list li .contents .basic_info .item:first-child {flex-basis: 60%;}
	.enrol ul.enrol_list li .contents .basic_info .item:nth-child(3) {flex-basis: 60%;}
	.enrol ul.enrol_list li .contents .desc {margin-top: calc(13px * 1.4);padding-right: calc(100px * 1.4);}
	.enrol ul.enrol_list li .contents .desc label {font-size: calc(11px * 1.4);line-height: calc(12px * 1.4);}
	.enrol ul.enrol_list li .contents .desc p {margin-top: calc(2px * 1.4);font-size: calc(9px * 1.4);line-height: calc(10px * 1.4);}
	.enrol ul.enrol_list li .contents .btn {position: absolute;bottom: calc(15px * 1.4);right: calc(22px * 1.4);width: calc(84px * 1.4);height: calc(34px * 1.4);border-radius: calc(5px * 1.4);font-size: calc(13px * 1.4);}

	/*************************************************/
	.video .video_area h2 {font-size: calc(14px * 1.4);line-height: calc(16px * 1.4);}
	.video .play_area {margin-top: calc(10px * 1.4);padding: calc(10px * 1.4);border-radius: calc(5px * 1.4);}
	.video .desc_area {margin-top: calc(32px * 1.4);}
	.video .desc_area h3 {margin-bottom: calc(6px * 1.4);font-size: calc(14px * 1.4);line-height: calc(24px * 1.4);}
	.video .desc_area p, .video .desc_area p * {font-size: calc(11px * 1.4);line-height: calc(14px * 1.4);}
	.video .video_area .btn_area .btn {height: calc(30px * 1.4);border-radius: calc(5px * 1.4);font-size: calc(10px * 1.4);}
	.video .video_area .btn_area .btn.btn_prev {padding: 0 calc(19px * 1.4) 0 calc(28px * 1.4);background: url('../img/btn_lecture_prev.svg') no-repeat left calc(8px * 1.4) top 50%;background-size: calc(11px * 1.4) calc(11px * 1.4);}
	.video .video_area .btn_area .btn.btn_next {margin-left: (10px * 1.4);padding: 0 calc(28px * 1.4) 0 calc(19px * 1.4);background: url('../img/btn_lecture_next.svg') no-repeat right calc(8px * 1.4) top 50%;background-size: calc(11px * 1.4) calc(11px * 1.4);}
	.video .video_area .btn_area .btn.btn_prev:hover {padding: 0 calc(19px * 1.4) 0 calc(28px * 1.4);background:rgba(255,255,255,0.1) url('../img/btn_lecture_prev.svg') no-repeat leftcalc(8px * 1.4)  top 50%;background-size: calc(11px * 1.4) calc(11px * 1.4);}
	.video .video_area .btn_area .btn.btn_next:hover {margin-left: calc(10px * 1.4);padding: 0 calc(28px * 1.4) 0 calc(19px * 1.4);background:rgba(255,255,255,0.1) url('../img/btn_lecture_next.svg') no-repeat right calc(8px * 1.4) top 50%;background-size: calc(11px * 1.4) calc(11px * 1.4);}

	.video .btn_back {width: calc(84px * 1.4);height: calc(34px * 1.4);margin-top: calc(20px * 1.4);border-radius: calc(5px * 1.4);font-size: calc(13px * 1.4);}

	/*************************************************/
	.my_enrol {padding: calc(16px * 1.4) 15px 0;}
	.my_enrol ul.my_enrol_list li {margin-bottom: calc(17px * 1.4);}
	.my_enrol ul.my_enrol_list li .contents {gap: 10px;padding: calc(8px * 1.4) calc(12px * 1.4) calc(8px * 1.4) calc(12px * 1.4);}
	.my_enrol ul.my_enrol_list li .contents .img_box {display: flex;width: calc(44px * 1.4);height: calc(71px * 1.4);margin-right: 0;}
	.my_enrol ul.my_enrol_list li .contents .img_box img {max-width: 100%;max-height: 100%;object-fit: cover;}
	.my_enrol ul.my_enrol_list li .contents .info_box {width: 42%;padding-top: calc(7px * 1.4);}
	.my_enrol ul.my_enrol_list li .contents .info_box h3 {margin-bottom: calc(12px * 1.4);font-size: calc(16px * 1.3);line-height: calc(18px * 1.4);}
	.my_enrol ul.my_enrol_list li .contents .info_box .desc {height: calc(30px * 1.4);font-size: calc(8px * 1.4);line-height: calc(10px * 1.4);-webkit-line-clamp: 3;}

	.my_enrol ul.my_enrol_list li .contents .basic_info {padding-top: calc(7px * 1.4);font-size: calc(9px * 1.3);line-height: calc(10px * 1.4);}
	.my_enrol ul.my_enrol_list li .contents .basic_info .item {margin-bottom: calc(4px * 1.4);}
	.my_enrol ul.my_enrol_list li .contents .basic_info .lt .item {min-width: 93px;}
	.my_enrol ul.my_enrol_list li .contents .basic_info .rt .item label {display: block;text-align: right;margin-bottom: calc(2px * 1.4);}
	.my_enrol ul.my_enrol_list li .contents .basic_info .rt .item span {display: none;}
	.my_enrol ul.my_enrol_list li .contents .basic_info .rt .item p {display: block;text-align: right;}

	.my_enrol ul.my_enrol_list li .contents .btn {position: absolute;bottom: calc(8px * 1.4);right: calc(12px * 1.4);width: calc(80px * 1.4);height: calc(30px * 1.4);font-size: calc(12px * 1.4);}
	.my_enrol ul.my_enrol_list li .contents span.end {position: absolute;bottom: calc(8px * 1.4);right: calc(12px * 1.4);width: calc(80px * 1.4);height: calc(30px * 1.4);font-size: calc(12px * 1.4);}
}
@media all and (max-width: 479px) {
	.header {height: calc(86px * 1.2);}
	.footer .wrap {padding: 30px calc(30px * 1.2);}

	.logo_area {margin-top: -22.5px;margin-left: -77.44px;}
	.logo_area img {width: 154.88px;height: 45px;}
	.logo_area .txt {margin-left: calc(8px * 1.2);}
	.logo_area .txt p {font-size: calc(7px * 1.2);line-height:calc(8px * 1.2);margin-left: calc(1px * 1.2);margin-bottom: calc(3px * 1.2);}
	.logo_area .txt h1 {font-size: calc(18px * 1.2);line-height: calc(21px * 1.2);}

	.btn_nav_area {position: fixed;top: 39.095px;left: 30px;}
	.site_nav {max-width: 100vw;}
	.site_nav .site_nav_logo_area {height: calc(86px * 1.2);padding-right: 30px;}
	.site_nav .site_nav_logo_area a {width: 154.88px;}
	.site_nav .member_area {padding: 10px 30px;}
	.site_nav .nav_content ul {padding: 20px 30px;}

	.site_nav_footer {padding: 20px 30px 50px;}

	.container {padding-top: calc(86px * 1.2);}

	.main_visual {height: calc(290px * 1.2);}
	.main_visual .wrap {padding: calc(28px * 1.2) calc(30px * 1.2);}
	.main_visual p {font-size: calc(14px * 1.2);line-height: calc(20px * 1.2);}
	.main_visual .btn {width: calc(100px * 1.2);height: calc(40px * 1.2);margin-top: calc(20px * 1.2);border-radius: calc(5px * 1.2);font-size: calc(16px * 1.2);}

	.enrol h2 {padding-top: calc(48px * 1.2);padding-bottom: calc(40px * 1.2);font-size: calc(16px * 1.2);line-height: calc(18px * 1.2);}
	.enrol ul.enrol_list li {border-radius: calc(5px * 1.2);margin-bottom: calc(20px * 1.2);}
	.enrol ul.enrol_list li .contents {gap: calc(4px * 1.2);padding: calc(13px * 1.2) calc(22px * 1.2) calc(19px * 1.2) calc(4px * 1.2);}
	.enrol ul.enrol_list li .contents .img_box {width: calc(90px * 1.2);height: calc(90px * 1.2);}
	.enrol ul.enrol_list li .contents h3 {padding-bottom: calc(5px * 1.2);margin-bottom: calc(8px * 1.2);font-size: calc(16px * 1.2);line-height: calc(18px * 1.2);border-bottom: 2px solid #e4e4e4;}
	.enrol ul.enrol_list li .contents .desc label {font-size: calc(16px * 1.2);line-height: calc(18px * 1.2);}
	.enrol ul.enrol_list li .contents .basic_info {justify-content: start;gap: calc(4px * 1.2) 0;font-size: calc(11px * 1.2);line-height: calc(12px * 1.2);}
	.enrol ul.enrol_list li .contents .basic_info .item:first-child {flex-basis: 60%;}
	.enrol ul.enrol_list li .contents .basic_info .item:nth-child(3) {flex-basis: 60%;}
	.enrol ul.enrol_list li .contents .desc {margin-top: calc(13px * 1.2);padding-right: calc(100px * 1.2);}
	.enrol ul.enrol_list li .contents .desc label {font-size: calc(11px * 1.2);line-height: calc(12px * 1.2);}
	.enrol ul.enrol_list li .contents .desc p {margin-top: calc(2px * 1.2);font-size: calc(9px * 1.2);line-height: calc(10px * 1.2);}
	.enrol ul.enrol_list li .contents .btn {position: absolute;bottom: calc(15px * 1.2);right: calc(22px * 1.2);width: calc(84px * 1.2);height: calc(34px * 1.2);border-radius: calc(5px * 1.2);font-size: calc(13px * 1.2);}


	/*************************************************/
	.video .video_area h2 {font-size: calc(14px * 1.2);line-height: calc(16px * 1.2);}
	.video .play_area {margin-top: calc(10px * 1.2);padding: calc(10px * 1.2);border-radius: calc(5px * 1.2);}
	.video .desc_area {margin-top: calc(32px * 1.2);}
	.video .desc_area h3 {margin-bottom: calc(6px * 1.2);font-size: calc(14px * 1.2);line-height: calc(24px * 1.2);}
	.video .desc_area p, .video .desc_area p * {font-size: calc(11px * 1.2);line-height: calc(14px * 1.2);}
	.video .video_area .btn_area .btn {height: calc(30px * 1.2);border-radius: calc(5px * 1.2);font-size: calc(10px * 1.2);}
	.video .video_area .btn_area .btn.btn_prev {padding: 0 calc(19px * 1.2) 0 calc(28px * 1.2);background: url('../img/btn_lecture_prev.svg') no-repeat left calc(8px * 1.2) top 50%;background-size: calc(11px * 1.2) calc(11px * 1.2);}
	.video .video_area .btn_area .btn.btn_next {margin-left: (10px * 1.2);padding: 0 calc(28px * 1.2) 0 calc(19px * 1.2);background: url('../img/btn_lecture_next.svg') no-repeat right calc(8px * 1.2) top 50%;background-size: calc(11px * 1.2) calc(11px * 1.2);}
	.video .video_area .btn_area .btn.btn_prev:hover {padding: 0 calc(19px * 1.2) 0 calc(28px * 1.2);background:rgba(255,255,255,0.1) url('../img/btn_lecture_prev.svg') no-repeat leftcalc(8px * 1.2)  top 50%;background-size: calc(11px * 1.2) calc(11px * 1.2);}
	.video .video_area .btn_area .btn.btn_next:hover {margin-left: calc(10px * 1.2);padding: 0 calc(28px * 1.2) 0 calc(19px * 1.2);background:rgba(255,255,255,0.1) url('../img/btn_lecture_next.svg') no-repeat right calc(8px * 1.2) top 50%;background-size: calc(11px * 1.2) calc(11px * 1.2);}

	/*************************************************/
	.my_enrol {padding: calc(16px * 1.2) 15px 0;}
	.my_enrol ul.my_enrol_list li {margin-bottom: calc(17px * 1.2);}
	.my_enrol ul.my_enrol_list li .contents {gap: 8px;padding: calc(8px * 1.0) calc(12px * 1.0) calc(8px * 1.0) calc(12px * 1.0);}
	.my_enrol ul.my_enrol_list li .contents .img_box {display: flex;width: calc(44px * 1.2);height: calc(71px * 1.2);margin-right: 0;}
	.my_enrol ul.my_enrol_list li .contents .img_box img {max-width: 100%;max-height: 100%;object-fit: cover;}
	.my_enrol ul.my_enrol_list li .contents .info_box {width: 42%;padding-top: calc(7px * 1.2);}
	.my_enrol ul.my_enrol_list li .contents .info_box h3 {margin-bottom: calc(12px * 1.2);font-size: calc(16px * 1.2);line-height: calc(18px * 1.2);}
	.my_enrol ul.my_enrol_list li .contents .info_box .desc {height: calc(30px * 1.2);font-size: calc(8px * 1.2);line-height: calc(10px * 1.2);-webkit-line-clamp: 3;}

	.my_enrol ul.my_enrol_list li .contents .basic_info {gap: 15px;padding-top: calc(7px * 1.2);font-size: calc(9px * 1.2);line-height: calc(10px * 1.2);}
	.my_enrol ul.my_enrol_list li .contents .basic_info .item {margin-bottom: calc(4px * 1.2);}
	.my_enrol ul.my_enrol_list li .contents .basic_info .lt .item {min-width: 85px;}
	.my_enrol ul.my_enrol_list li .contents .basic_info .rt .item label {display: block;text-align: right;margin-bottom: calc(2px * 1.2);}
	.my_enrol ul.my_enrol_list li .contents .basic_info .rt .item span {display: none;}
	.my_enrol ul.my_enrol_list li .contents .basic_info .rt .item p {display: block;text-align: right;}

	.my_enrol ul.my_enrol_list li .contents .btn {position: absolute;bottom: calc(8px * 1.0);right: calc(12px * 1.0);width: calc(80px * 1.2);height: calc(30px * 1.2);font-size: calc(12px * 1.2);}
	.my_enrol ul.my_enrol_list li .contents span.end {position: absolute;bottom: calc(8px * 1.0);right: calc(12px * 1.0);width: calc(80px * 1.2);height: calc(30px * 1.2);font-size: calc(12px * 1.2);}

}
@media all and (max-width: 399px) {
	.header {height: 86px;padding: 0 30px;}
	.footer .wrap {padding: 30px 30px;}
	.footer .company span {font-size: 13px;}

	.logo_area {margin-top: -19px;margin-left: -65.39px;}
	.logo_area img {width: 130.78px;height: 38px;}
	.logo_area .txt {margin-left: 8px;}
	.logo_area .txt p {font-size: 7px;line-height: 8px;margin-left: 1px;margin-bottom: 3px;}
	.logo_area .txt h1 {font-size: 18px;line-height: 21px;}

	.btn_nav_area {position: fixed;top: 30.5px;left: 30px;}
	.site_nav .site_nav_logo_area {height: 86px;padding-right: 30px;}
	.site_nav .site_nav_logo_area a {width: 130.77px;}
	.site_nav .member_area {padding: 10px 30px;}
	.site_nav .nav_content ul {padding: 20px 30px;}

	.site_nav_footer {padding: 20px 30px 50px;}

	.container {padding-top: 86px;}

	.main_visual {height: 290px;}
	.main_visual .wrap {padding: 28px 30px;}
	.main_visual p {font-size: 14px;line-height: 20px;}
	.main_visual .btn {width: 100px;height: 40px;margin-top: 20px;border-radius: 5px;font-size: 16px;}

	.enrol h2 {padding-top: 48px;padding-bottom: 40px;font-size: 16px;line-height: 18px;}
	.enrol h2 br {display: none;}
	.enrol ul.enrol_list li {border-radius: 5px;margin-bottom: 20px;}
	.enrol ul.enrol_list li .contents {gap: 4px;padding: 13px 22px 19px 4px;}
	.enrol ul.enrol_list li .contents .img_box {width: 90px;height: 90px;}
	.enrol ul.enrol_list li .contents h3 {padding-bottom: 5px;margin-bottom: 8px;font-size: 16px;line-height: 18px;border-bottom: 2px solid #e4e4e4;}
	.enrol ul.enrol_list li .contents .desc label {font-size: 16px;line-height: 18px;}
	.enrol ul.enrol_list li .contents .basic_info {justify-content: start;gap: 4px 0;font-size: 11px;line-height: 12px;}
	.enrol ul.enrol_list li .contents .basic_info .item:first-child {flex-basis: 60%;}
	.enrol ul.enrol_list li .contents .basic_info .item:nth-child(3) {flex-basis: 60%;}
	.enrol ul.enrol_list li .contents .desc {margin-top: 13px;padding-right: 100px;}
	.enrol ul.enrol_list li .contents .desc label {font-size: 11px;line-height: 12px;}
	.enrol ul.enrol_list li .contents .desc p {margin-top: 2px;font-size: 9px;line-height: 10px;}
	.enrol ul.enrol_list li .contents .btn {position: absolute;bottom: 15px;right: 22px;width: 84px;height: 34px;border-radius: 5px;font-size: 13px;}

	/*************************************************/

	.enrol ul.enrol_item_list li {border-radius: 10px;margin-bottom: 0px;}
	.enrol ul.enrol_item_list li .contents {padding: 14px 20px 14px 7px;}
	.enrol ul.enrol_item_list li .contents .img_box {width: 90px;height: 90px;margin-top: 26px;margin-right: 12px;}
	.enrol ul.enrol_item_list li .contents .info_box {width: calc(100% - 102px);height: auto;}
	.enrol ul.enrol_item_list li .contents h3 {padding-bottom: 5px;margin-bottom: 8px;font-size: 16px;line-height: 18px;}
	.enrol ul.enrol_item_list li .contents .basic_info {font-size: 11px;line-height: 12px;}
	.enrol ul.enrol_item_list li .contents .basic_info .item {width: 50%;margin-bottom: 4px;}
	.enrol ul.enrol_item_list li .contents .desc {margin-top: -43px;padding-left: 103px;}
	.enrol ul.enrol_item_list li .contents .desc label {font-size: 11px;line-height: 12px;}
	.enrol ul.enrol_item_list li .contents .desc p {margin-top: 1px;font-size: 9px;line-height: 12px;}

	.teacher_list .contents {gap: 16px;}
	.teacher_list .img_box {width: 50px;height: 50px;border-radius: 50px;}
	.teacher_list .basic_info .name {font-size: 14px;line-height: 13px;padding-left: 2px;}
	.teacher_list .basic_info .name span {font-size: 10px;line-height: 12px;margin-left: 8px;}
	.teacher_list .basic_info .message {font-size: 12px;line-height: 16px;margin-top: 7px;}

	.lpu_area {padding-top: 10px;}
	.lecture h2 {padding-top: 15px;padding-bottom: 15px;margin-bottom: 0;font-size: 16px;line-height: 16px;background: url(../img/icon_expanded.svg) no-repeat 100% 50%;background-size: 18px 18px;}
	.lecture.collapsed h2 {background: url('../img/icon_collapsed.svg') no-repeat 100% 50%;background-size: 18px 18px;}
	ul.lecture_list {height: 232px;}
	ul.lecture_list li {margin-bottom: 1px;}
	ul.lecture_list li a {gap: 38px;padding: 6px 0;font-size: 12px;line-height: 13px;}

	.price_area {margin-top: 26px;}
	.price_area .sale_price {margin-top: 5px;}

	.lpu_area .btn_area {justify-content: space-between;flex-direction: row-reverse;gap: 20px;}
	.lpu_area .btn_submit {flex: 1;height: 50px;font-size: 16px;padding-bottom: 0;}
	.lpu_area .btn_share {flex: 0.58;height: 50px;font-size: 14px;color: #FC606C;}
	.lpu_area .btn_share span {display: inline-block;padding: 0 28px 0 0;background: url('../img/icon_share.svg') no-repeat 100% 50%;background-size: 16px 16px;white-space: nowrap;}

	.lab_detail {padding-bottom: 215px;}
	.addition {padding-top: 40px;}
	.addition h2 {margin-left: 0;margin-bottom: 15px;font-size: 16px;line-height: 18px;}
	.addition_list {height: 142px;}
	.addition_list .w_area {width: 120px;height: 120px;}
	.addition_list .img_box {width: 97px;height: 97px;}
	.addition_list p {margin-top: 9px;font-size: 12px;line-height: 13px;}

	/*************************************************/
	.video .video_area h2 {font-size: 14px;line-height: 16px;}
	.video .play_area {margin-top: 10px;padding: 10px;border-radius: 5px;}
	.video .desc_area {margin-top: 32px;}
	.video .desc_area h3 {margin-bottom: 6px;font-size: 14px;line-height: 24px;}
	.video .desc_area p, .video .desc_area p * {font-size: 11px;line-height: 14px;}
	.video .video_area .btn_area .btn {height: 30px;border-radius: 5px;font-size: 10px;}
	.video .video_area .btn_area .btn.btn_prev {padding: 0 19px 0 28px;background: url('../img/btn_lecture_prev.svg') no-repeat left 8px top 50%;background-size: 11px 11px;}
	.video .video_area .btn_area .btn.btn_next {margin-left: 10px;padding: 0 28px 0 19px;background: url('../img/btn_lecture_next.svg') no-repeat right 8px top 50%;background-size: 11px 11px;}
	.video .video_area .btn_area .btn.btn_prev:hover {padding: 0 19px 0 28px;background:rgba(255,255,255,0.1) url('../img/btn_lecture_prev.svg') no-repeat left 8px top 50%;background-size: 11px 11px;}
	.video .video_area .btn_area .btn.btn_next:hover {margin-left: 10px;padding: 0 28px 0 19px;background:rgba(255,255,255,0.1) url('../img/btn_lecture_next.svg') no-repeat right 8px top 50%;background-size: 11px 11px;}


	/*************************************************/
	.my_enrol {padding: 16px 15px 0;}
	.my_enrol ul.my_enrol_list li {margin-bottom: 17px;}
	.my_enrol ul.my_enrol_list li .contents {gap: 10px;padding: 8px 17px 8px 12px;}
	.my_enrol ul.my_enrol_list li .contents .img_box {display: flex;width: 44px;height: 71px;margin-right: 0;}
	.my_enrol ul.my_enrol_list li .contents .img_box img {max-width: 100%;max-height: 100%;object-fit: cover;}
	.my_enrol ul.my_enrol_list li .contents .info_box {width: 42%;padding-top: 7px;}
	.my_enrol ul.my_enrol_list li .contents .info_box h3 {margin-bottom: 12px;font-size: 16px;line-height: 18px;}
	.my_enrol ul.my_enrol_list li .contents .info_box .desc {height: 30px;font-size: 8px;line-height: 10px;-webkit-line-clamp: 3;}

	.my_enrol ul.my_enrol_list li .contents .basic_info {padding-top: 7px;font-size: 9px;line-height: 10px;}
	.my_enrol ul.my_enrol_list li .contents .basic_info .item {margin-bottom: 4px;}
	.my_enrol ul.my_enrol_list li .contents .basic_info .lt .item {min-width: 70px;}
	.my_enrol ul.my_enrol_list li .contents .basic_info .rt .item label {display: block;text-align: right;margin-bottom: 2px;}
	.my_enrol ul.my_enrol_list li .contents .basic_info .rt .item span {display: none;}
	.my_enrol ul.my_enrol_list li .contents .basic_info .rt .item p {display: block;text-align: right;}

	.my_enrol ul.my_enrol_list li .contents .btn {position: absolute;bottom: 8px;right: 17px;width: 80px;height: 30px;font-size: 12px;}
	.my_enrol ul.my_enrol_list li .contents span.end {position: absolute;bottom: 8px;right: 17px;width: 80px;height: 30px;font-size: 12px;}



}


.check_label {display: inline-block;position: relative;height: 24px;padding-left: 36px;cursor: pointer;font-size: 16px;line-height: 24px;font-weight: bold;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.check_label input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.check_label input:checked ~ .checkmark:after {display: block;}
.check_label .checkmark {position: absolute;top: 0;left: 0;height: 24px;width: 24px;background-color: #fff;border: 1px solid #707070;border-radius: 2px;}
.check_label .checkmark:after {top: 1px;left: 7px;width: 6px;height: 13px;border: 1px solid #FC606C;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);content: "";position: absolute;display: none;}

input:-moz-read-only {background: #ebebeb;}
textarea:-moz-read-only {background: #ebebeb;}
input:read-only {background: #ebebeb;}
textarea:read-only {background: #ebebeb;}


/*************************************************/
.login {padding: 0 10px;}
.login_box {width: 100%;max-width: 380px;margin: 0 auto;padding: 50px 35px 54px;background: #ffffff;border: 1px solid #707070;border-radius: 10px;color: #000000;}
.login h2 {/*margin-bottom: 63px;*/margin-bottom: 40px;font-size: 28px;line-height: 32px;font-weight: 400;text-align: center;}
.login h2 + p {font-size: 16px;margin-bottom: 13px;font-weight: 500;}
.login .form_box {margin-bottom: 15px;}
.login .row {display: flex;gap: 10px;}
.login input[type="text"], .login input[type="password"], .login input[type="number"] {
	width: 100%;height: 50px;padding: 0 15px;border: 1px solid #707070;border-radius: 5px;font-size: 14px;
}
.login .row .btn {height: 50px;padding: 0 17px;font-size: 13px;line-height: 14px;color: #ffffff;background: #626262;border: 0;border-radius: 5px;white-space: nowrap;cursor: pointer;}
.login .row .btn:hover {background: rgba(98,98,98,0.9);}

.login .util_area {display: flex;justify-content: space-between;align-items: center;margin-top: 15px;}
.login .util_area .btn {display: inline-flex;justify-content: center;align-items: center;font-size: 14px;text-decoration: underline;text-underline-offset: 5px;white-space: nowrap;color: #000;}

.login .btn_submit {width: 100%;height: 46px;margin-top: 27px;background: #FC606C;font-size: 16px;line-height: 46px;font-weight: 800;color: #ffffff;border: 0;border-radius: 5px;cursor: pointer;}
.login .btn_submit:hover {background: rgba(252,96,108,0.9);}
.login .btn_join {display: block;height: 46px;margin-top: 5px;padding: 0 26px;font-size: 16px;line-height: 46px;font-weight: 800;background: #D5D5D5;color: #000;border: 0;border-radius: 5px;text-align: center;white-space: nowrap;cursor: pointer;}
.login .btn_join:hover {background: rgba(213,213,213,0.9);}

.login_box .fail_msg {border: 1px solid #FC606C;padding: 12px 10px 6px;border-radius: 4px;margin-bottom: 10px;line-height: 150%;word-break: keep-all;}
.login_box .fail_msg p {margin: 0;font-size: 14px;color: #FC606C;font-weight: bold;word-break: keep-all;}
.login_box .captcha_area {margin-top: 10px;padding: 0 5px;color: #FC606C;}
.login_box .captcha_area p {font-size: 13px;line-height: 130%;word-break: keep-all;font-weight: bold;}
.login_box .captcha_area .captcha_form {margin-top: 10px;margin-bottom: 15px;}
.login_box .captcha_area .captcha_form .captcha_row {display: flex;justify-content: space-between;align-items: center;text-align: left;}
.login_box .captcha_area .captcha_form .captcha_row span {flex: 1;height: 45px;border: 1px solid #c1c1c1;border-radius: 4px 0 0 4px;padding: 7px 5px 0;}
.login_box .captcha_area .captcha_form .captcha_row span img {height: 30px;}
.login_box .captcha_row input[type=button] {width: 45px;height: 45px;border: 1px solid #c1c1c1;border-radius: 0 4px 4px 0;padding: 10px;margin-left: -1px;margin-bottom: 0;text-indent: -9999em;background: url('../img/refresh_black.svg') no-repeat 50% 50%;background-size: 24px;cursor: pointer;}
.login_box .captcha_area .captcha_form .input_row {margin-top: calc(10px * 0.5);}
.login_box .captcha_area .captcha_form .input_row input {width: 100%;height: 45px;border: 1px solid #c1c1c1;padding: 5px 10px 0;font-size: 16px;}
.captcha_form .input_row input::-webkit-input-placeholder {font-size: 13px;}
.captcha_form .input_row input::-moz-placeholder {font-size: 13px;}
.captcha_form .input_row input:-ms-input-placeholder {font-size: 13px;}
.captcha_form .input_row input:-moz-placeholder {font-size: 13px;}
.captcha_form .input_row input:focus {border: 1px solid #1c2850;}

/*************************************************/
.find_password {padding: 0 10px;}
.find_password_box {width: 100%;max-width: 500px;margin: 0 auto;padding: 50px 35px 54px;background: #ffffff;border: 1px solid #707070;border-radius: 10px;color: #000000;}
.find_password h2 {margin-bottom: 50px;font-size: 28px;line-height: 32px;font-weight: 400;text-align: center;}
.find_password p.desc {margin-bottom: 15px;font-size: 15px;line-height: 150%;font-weight: 400;text-align: left;}
.find_password .form_box {background: #f2f2f2;padding: 15px;border-radius: 5px;margin-bottom: 15px;}
.find_password .row {display: flex;align-items: center;gap: 10px;}
.find_password .row label {font-size: 15px;white-space: nowrap;}
.find_password input[type="text"], .login input[type="password"], .login input[type="number"] {
	width: 100%;height: 50px;padding: 0 15px;border: 1px solid #707070;border-radius: 5px;font-size: 14px;
}

.find_password .btn_submit {width: 100%;height: 46px;margin-top: 27px;background: #FC606C;font-size: 16px;line-height: 46px;font-weight: 800;color: #ffffff;border: 0;border-radius: 5px;cursor: pointer;}
.find_password .btn_submit:hover {background: rgba(252,96,108,0.9);}

@media all and (max-width: 480px) {
	.find_password .row {flex-direction: column;align-items: start;}
}
@media all and (max-width: 400px) {
	.find_password p.desc br {display: none;}
}

/*************************************************/
.join {padding: 0 10px;}
.join_box {width: 100%;max-width: 380px;margin: 0 auto;padding: 50px 35px 45px;background: #ffffff;border: 1px solid #707070;border-radius: 10px;color: #000000;}
.join h2 {margin-bottom: 33px;font-size: 28px;line-height: 32px;font-weight: 400;}
.join h2 span {color: #FC606C;font-weight: bold;}
.join .form_box {margin-bottom: 15px;}
.join .row {display: flex;gap: 10px;}
.join input[type="text"], .join input[type="password"], .join input[type="number"] {
	width: 100%;height: 50px;padding: 0 15px;border: 1px solid #707070;border-radius: 5px;font-size: 14px;
}
.join .caution {font-size: 13px;font-weight: bold;color: #FC606C;margin-top: 5px;}
.join .row .btn {height: 50px;padding: 0 26px;font-size: 13px;line-height: 14px;color: #ffffff;background: #626262;border: 0;border-radius: 5px;white-space: nowrap;cursor: pointer;}
.join .row .btn:hover {background: rgba(98,98,98,0.9);}

.join .agree_area {margin-top: 59px;}
.join .check_block {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}

.join .check_block .btn {display: inline-flex;justify-content: center;align-items: center;width: 92px;height: 26px;padding-top: 2px;border: 1px solid #707070;border-radius: 2px;font-size: 13px;font-weight: bold;color: #626262;}

.join .btn_full {width: 100%;height: 46px;margin-top: 37px;background: #FC606C;font-size: 16px;line-height: 46px;font-weight: bold;color: #ffffff;border: 0;border-radius: 5px;cursor: pointer;}
.join .btn_full:hover {background: rgba(252,96,108,0.9);}

.agreelayer {position: fixed;top: 50%;left: 50%;width: 360px;margin-left: -180px;margin-top: -250px;background: #fff;border-radius: 5px;z-index: 1001;}
.agreelayer .top {display: flex;justify-content: space-between;align-items: center;padding: 10px 20px 8px;height: 50px;background: #f2f2f4;border-bottom: 1px solid #FC606C;border-radius: 5px 5px 0 0;color: #000000;}
.agreelayer .top p {font-weight: bold;}

.agreelayer .top .close_agree {display:inline-block;*display:inline;}
.agreelayer .top .close_agree:after {display: inline-block;content: "\00d7";color: #000;font-size: 34px;font-weight: bold;}
.agreelayer .cont {padding: 20px;height: 450px;border-radius: 0 0 5px 5px;overflow: auto;color: #000000;}

#agree_back {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #0f0f0f;;opacity: 0.6;z-index: 10;}

@media all and (max-width: 390px) {
	.join h2 {font-size: calc(28px * 0.8);line-height: calc(32px * 0.8);}
	.check_label {padding-left: calc(36px * 0.9);font-size: calc(16px * 0.9);}
	.agreelayer {width: 90%;left: 5%;margin-left: 0;}
}

.join_result {padding: 0 10px;}
.join_result h2 {margin-bottom: 33px;font-size: 28px;line-height: 32px;font-weight: 400;text-align: center;}
.join_result p {margin-bottom: 10px;font-size: 18px;line-height: 20px;font-weight: 400;text-align: center;}
.join_result .btn.btn-primary {display: inline-block;width: 100%;height: 46px;background: #FC606C;font-size: 16px;line-height: 43px;font-weight: bold;color: #ffffff;border: 2px solid #FC606C;border-radius: 5px;cursor: pointer;text-align: center;}
.join_result .btn.btn-default {display: inline-block;width: 100%;height: 46px;background: #ffffff;font-size: 16px;line-height: 43px;font-weight: bold;color: #626262;border: 2px solid #626262;border-radius: 5px;cursor: pointer;text-align: center;}

/*************************************************/
.mypage {padding: 0 10px;}
.mypage_box {width: 100%;max-width: 500px;margin: 0 auto;padding: 50px 35px 45px;background: #ffffff;border-radius: 10px;color: #000000;}
.mypage h2 {margin-bottom: 33px;font-size: 28px;line-height: 32px;text-align: center;}
.mypage table {width: 100%;color: #000;}


.mypage tr:first-child th, .mypage tr:first-child td {border-top: 2px solid #FC606C;}
.mypage th {padding: 17px 45px 13px 25px;font-size: 16px;font-weight: bold;background: #f2f2f2;border-bottom: 1px solid #b9b9b9;text-align: left;white-space: nowrap;}
.mypage td {width: 100%;padding: 17px 25px 13px;font-size: 16px;font-weight: 500;border-bottom: 1px solid #b9b9b9;}

.mypage .button_area {display: flex;justify-content: center;align-items: center;gap: 20px;margin-top: 37px;}
.mypage .btn.btn-primary {display: inline-block;width: 150px;height: 46px;background: #FC606C;font-size: 16px;line-height: 43px;font-weight: bold;color: #ffffff;border: 2px solid #FC606C;border-radius: 5px;cursor: pointer;text-align: center;}
.mypage .btn.btn-default {display: inline-block;width: 150px;height: 46px;background: #ffffff;font-size: 16px;line-height: 43px;font-weight: bold;color: #626262;border: 2px solid #626262;border-radius: 5px;cursor: pointer;text-align: center;}

@media all and (max-width: 429px) {
	.mypage th {padding: 17px 20px 13px 20px;}
	.mypage td {padding: 17px 20px 13px;}
}


/*************************************************/
.payment {padding: 0 10px;}
.payment_box {width: 100%;max-width: 380px;margin: 0 auto;padding: 29px 35px 36px;background: #ffffff;border: 1px solid #707070;border-radius: 10px;color: #000000;}
.payment h2 {margin-bottom: 40px;font-size: 28px;line-height: 32px;font-weight: 400;text-align: center;}
.payment h3 {margin-bottom: 36px;font-size: 24px;line-height: 27px;font-weight: bold;}
.payment .ap {display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;padding-bottom: 15px;border-bottom: 1px solid #707070;}
.payment .ap label.tit {font-size: 18px;line-height: 21px;}
.payment .ap .price {font-size: 24px;line-height: 27px;color: #FC606C;}
.payment .form_box {margin-top: 0px;margin-bottom: 26px;}
.payment .form_box label {display: inline-block;margin-bottom: 5px;font-size: 14px;line-height: 16px;}
.payment .row {display: flex;justify-content: space-between;gap: 10px;}
.payment .form_box .row label {flex: 1;}
.payment input[type="text"], .payment input[type="password"], .payment input[type="number"], .payment select {
	width: 100%;height: 50px;padding: 0 15px;border: 1px solid #707070;border-radius: 5px;font-size: 14px;
}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none;vertical-align: middle;}
input[type=number] { -moz-appearance: textfield; }
.payment .form_box .tip {font-size: 12px;line-height: 13px;color: #FC606C;float: right;margin-top: 5px;}

.payment .card_group {display: flex;justify-content: space-between;align-items: center;border: 1px solid #707070;border-radius: 5px;overflow: hidden;}
.payment .card_group input {border: 0;text-align: center;}

.payment .btn_submit {width: 100%;height: 46px;margin-top: 33px;background: #FC606C;font-size: 16px;line-height: 46px;font-weight: 800;color: #ffffff;border: 0;border-radius: 5px;cursor: pointer;}
.payment .btn_submit:hover {background: rgba(252,96,108,0.9);}
.payment .btn_cancel {display: block;height: 46px;margin-top: 5px;padding: 0 26px;font-size: 16px;line-height: 46px;font-weight: 800;background: #D5D5D5;border: 0;border-radius: 5px;text-align: center;white-space: nowrap;cursor: pointer;}
.payment .btn_cancel:hover {background: rgba(213,213,213,0.9);}

.payment .payment_tip {display: none;position: absolute;top: 50%;left: 50%;width: 674px;height: 416px;margin-left: calc(-647px / 2);margin-top: calc(-416px / 2);padding: 37px 40px 33px;background: #ffffff;border: 2px solid #707070;text-align: center;border-radius: 10px;z-index: 220;}
.payment .payment_tip.active {display: block;}
.payment .payment_tip h1 {width: 58%;padding-bottom: 25px;margin: 0 auto;font-size: 36px;color: #FC606C;line-height: 36px;border-bottom: 1px solid #939393;}
.payment .payment_tip p {margin-top: 19px;font-size: 15px;color: #939393;line-height: 22px;}
.payment .payment_tip h2 {margin-top: 19px;margin-bottom: 13px;font-size: 20px;color: #000000;line-height: 28px;}
.payment .payment_tip h3 {margin-bottom: 25px;font-size: 18px;color: #FC606C;line-height: 28px;font-weight: 900;}
.payment .payment_tip .btn_box {display: flex;justify-content: space-between;align-items: center;}
.payment .payment_tip .btn_submit {display: inline-block;width: 280px;margin: 0;}
.payment .payment_tip .btn_cancel {display: inline-block;width: 280px;margin: 0;}

@media all and (max-width: 767px) {
	.payment .payment_tip {left: 18px;width: calc(100% - 36px);height: auto;margin-left: 0;margin-top: calc(-437px / 2);padding: 31px 20px 37px;}
	.payment .payment_tip h1 {width: 54%;padding-bottom: 21px;}
	.payment .payment_tip p {margin-top: 14px;font-size: 12px;line-height: 18px;}
	.payment .payment_tip h2 {margin-top: 22px;margin-bottom: 19px;font-size: 18px;line-height: 24px;}
	.payment .payment_tip h2 span {display: block;}
	.payment .payment_tip h3 {margin-bottom: 30px;font-size: 16px;line-height: 16px;}
	.payment .payment_tip .btn_box {display: flex;justify-content: space-between;align-items: center;flex-direction: column-reverse;gap: 6px;}
	.payment .payment_tip .btn_submit {width: 100%;max-width: 240px;}
	.payment .payment_tip .btn_cancel {width: 100%;max-width: 240px;}

}
@media all and (max-width: 350px) {
	.payment .payment_tip h2 {font-size: 16px;line-height: 130%;}
	.payment .payment_tip h3 {font-size: 15px;line-height: 130%;}
}

/*************************************************/
/*
.order_result_old {padding: 0 10px;}
.order_result_old_box {width: 100%;max-width: 500px;margin: 0 auto;padding: 50px 35px 45px;background: #ffffff;border-radius: 10px;color: #000000;}
.order_result_old h2 {margin-bottom: 40px;font-size: 28px;line-height: 32px;text-align: center;}
.order_result_old h2 br {display: none;}
.order_result_old h3 {margin-bottom: 10px;font-size: 20px;line-height: 23px;}
.order_result_old h3 span {font-size: 15px;line-height: 18px;font-weight: 400;}
.order_result_old table {width: 100%;color: #000;}


.order_result_old tr:first-child th, .order_result_old tr:first-child td {border-top: 2px solid #FC606C;}
.order_result_old th {padding: 17px 45px 13px 25px;font-size: 16px;font-weight: bold;background: #f2f2f2;border-bottom: 1px solid #b9b9b9;text-align: left;white-space: nowrap;}
.order_result_old td {width: 100%;height: 62px;padding: 17px 25px 13px;font-size: 16px;font-weight: 500;border-bottom: 1px solid #b9b9b9;}
.order_result_old td .price {display: flex;align-items: end;font-size: 26px;font-weight: bold;color: #ff0038;}
.order_result_old td .price span {font-size: 16px;margin-left: 3px;margin-bottom: 4px;}

.order_result_old .button_area {display: flex;justify-content: center;align-items: center;gap: 20px;margin-top: 37px;}
.order_result_old .btn.btn-primary {display: inline-block;width: 150px;height: 46px;background: #FC606C;font-size: 16px;line-height: 43px;font-weight: bold;color: #ffffff;border: 2px solid #FC606C;border-radius: 5px;cursor: pointer;text-align: center;}
.order_result_old .btn.btn-default {display: inline-block;width: 150px;height: 46px;background: #ffffff;font-size: 16px;line-height: 43px;font-weight: bold;color: #626262;border: 2px solid #626262;border-radius: 5px;cursor: pointer;text-align: center;}
@media all and (max-width: 500px) {
	.order_result_old h2 br {display: block;}
}
@media all and (max-width: 429px) {
	.order_result_old th {padding: 17px 20px 13px 20px;}
	.order_result_old td {padding: 17px 20px 13px;}
}
*/

/*************************************************/

.order_list {padding: 0 10px;}
.order_list_box {width: 100%;max-width: 980px;margin: 0 auto;padding: 50px 35px 45px;background: #ffffff;border-radius: 10px;color: #000000;}
.order_list h2 {margin-bottom: 40px;font-size: 28px;line-height: 32px;text-align: center;}
.order_list h2 br {display: none;}
.order_list h3 {margin-bottom: 10px;font-size: 20px;line-height: 23px;}
.order_list h3 span {font-size: 15px;line-height: 18px;font-weight: 400;}
.order_list table {width: 100%;color: #000;}


.order_list thead tr:first-child th {border-top: 2px solid #FC606C;}
.order_list th {padding: 17px 45px 13px 25px;font-size: 15px;font-weight: bold;background: #f2f2f2;border-bottom: 1px solid #b9b9b9;text-align: center;white-space: nowrap;}
.order_list td {width: 100%;padding: 17px 25px 13px;font-size: 15px;font-weight: 500;border-bottom: 1px solid #b9b9b9;text-align: center;white-space: nowrap;}
.order_list td a {color: #000;text-decoration: underline;text-underline-offset: 4px;}
.order_list td .product {display: flex;justify-content: start;align-items: center;gap: 10px;}
.order_list td .product .img_box {display: flex;width: 60px;height: 60px;justify-content: center;align-items: center;}
.order_list td .product .img_box img {max-width: 100%;max-height: 100%;object-fit: contain;}
.order_list td:first-child {width: 100px;}

.order_list .button_area {display: flex;justify-content: center;align-items: center;gap: 20px;margin-top: 45px;}
.order_list .btn.btn-primary {display: inline-block;width: 150px;height: 46px;background: #FC606C;font-size: 16px;line-height: 43px;font-weight: bold;color: #ffffff;border: 2px solid #FC606C;border-radius: 5px;cursor: pointer;text-align: center;}
.order_list .btn.btn-default {display: inline-block;width: 150px;height: 46px;background: #ffffff;font-size: 16px;line-height: 43px;font-weight: bold;color: #626262;border: 2px solid #626262;border-radius: 5px;cursor: pointer;text-align: center;}

@media all and (max-width: 926px) {
	.order_list h2 {margin-bottom: 10px;text-align: left;}
	.order_list table, .order_list tbody, .order_list tbody tr {display: block;}
	.order_list tbody tr td {display: inline-block;width: auto;}
	.order_list table {border-top: 2px solid #FC606C;}
	.order_list thead {display: none;}
	.order_list tr {position: relative;padding: 50px 0 15px;border-bottom: 1px solid #b9b9b9;}
	.order_list td {border: 0;padding: 0;text-align: left;}
	.order_list td:first-child {width: auto;}
	.order_list tr td.o_code {position: absolute;top: 15px;right: 0;text-align: right;}
	.order_list tr td.o_code span {position: relative;padding-right: 11px;}
	.order_list tr td.o_code span:after {position: absolute;top: 3px;right: 0;width: 10px;height: 10px;content: "▶";font-size: 10px;}
	.order_list tr td.date {position: absolute;top: 15px;left: 0;width: 82px;overflow: hidden;}
	.order_list td .product {align-items: start;}
	.order_list td .product .img_box {width: 50px;height: 50px;}
	.order_list td .product p.title {padding-top: 1px;}
	.order_list tr td.price {position: absolute;top: 78px;left: 60px;font-size: 18px;font-weight: bold;}
	.order_list tr td.price p {position: relative;padding-right: 13px;}
	.order_list tr td.price p:after {position: absolute;top: 4px;right: 0;content: "원";font-size: 13px;font-weight: 400;}
	.order_list tr td.status {position: absolute;bottom: 15px;right: 0;color: #FC606C;font-weight: bold;}
}

/*************************************************/
.order_result {padding: 0 10px;}
.order_result_box {width: 100%;max-width: 500px;margin: 0 auto;padding: 50px 35px 45px;background: #ffffff;border-radius: 10px;color: #000000;}
.order_result h2 {font-size: 28px;line-height: 32px;text-align: center;}
.order_result h3 {margin-top: 30px;margin-bottom: 10px;font-size: 20px;line-height: 23px;}
.order_result h3 span {font-size: 15px;line-height: 18px;font-weight: 400;}
.order_result table {width: 100%;color: #000;}


.order_result .form_table tr:first-child th, .order_result .form_table tr:first-child td {border-top: 2px solid #FC606C;}
.order_result .form_table th {padding: 17px 45px 13px 25px;font-size: 16px;font-weight: bold;background: #f2f2f2;border-bottom: 1px solid #b9b9b9;text-align: left;white-space: nowrap;}
.order_result .form_table td {width: 100%;padding: 17px 25px 13px;font-size: 16px;font-weight: 500;border-bottom: 1px solid #b9b9b9;}
.order_result .form_table td .price {display: flex;align-items: end;font-size: 26px;font-weight: bold;color: #ff0038;}
.order_result .form_table td .price span {font-size: 16px;margin-left: 3px;margin-bottom: 4px;}

.order_result .form_table2 tr:first-child th, .order_result .form_table2 tr:first-child td {border-top: 2px solid #FC606C;}
.order_result .form_table2 td {width: 100%;padding: 17px 25px 13px;font-size: 16px;font-weight: 500;border-bottom: 1px solid #b9b9b9;border-left: 1px solid #b9b9b9;}
.order_result .form_table2 td:first-child {border-left: 0;}
.order_result .form_table2 .img_box {display: flex;width: 100px;height: 100px;justify-content: center;align-items: center;}
.order_result .form_table2 .img_box img {max-width: 100%;max-height: 100%;object-fit: contain;}
.order_result .form_table2 p.title {margin-bottom: 10px;font-size: 18px;line-height: 21px;font-weight: 700;}
.order_result .form_table2 .basic_info {font-size: 16px;line-height: 21px;font-weight: 700;}
.order_result .form_table2 .basic_info .item {margin-bottom: 4px;}
.order_result .form_table2 .basic_info .item p {display: inline-block;}

.order_result .button_area {display: flex;justify-content: center;align-items: center;gap: 20px;margin-top: 37px;}
.order_result .btn.btn-primary {display: inline-block;width: 150px;height: 46px;background: #FC606C;font-size: 16px;line-height: 43px;font-weight: bold;color: #ffffff;border: 2px solid #FC606C;border-radius: 5px;cursor: pointer;text-align: center;}
.order_result .btn.btn-default {display: inline-block;width: 150px;height: 46px;background: #ffffff;font-size: 16px;line-height: 43px;font-weight: bold;color: #626262;border: 2px solid #626262;border-radius: 5px;cursor: pointer;text-align: center;}

@media all and (max-width: 429px) {
	.order_result .form_table th {padding: 17px 10px 13px 10px;}
	.order_result .form_table td {padding: 17px 10px 13px;}
	.order_result .form_table2 td {padding: 17px 10px 13px;}
	.order_result .form_table2 .img_box {width: 70px;height: 70px;}
}




/*************************************************/
.enrol ul.enrol_item_list li .contents .desc.scroll .cont::-webkit-scrollbar {width: 14px;background-color: #626262;border: 6px solid #ffffff;}
.enrol ul.enrol_item_list li .contents .desc.scroll .cont::-webkit-scrollbar-thumb {background-color: #626262;border-radius: 14px;}
.enrol ul.enrol_item_list li .contents .desc.scroll .cont::-webkit-scrollbar-track{background-color: rgba(255,255,255,0);}

.enrol ul.enrol_item_list li .contents .desc.scroll .cont {padding-right: 7px;margin-right: -14px;overflow-y: auto;height: 255px;}

@media all and (max-width: 767px) {
	.enrol ul.enrol_item_list li .contents .desc.scroll .cont {height: 170px;}
}
@media all and (max-width: 399px) {
	.enrol ul.enrol_item_list li .contents .desc.scroll .cont {height: 122px;}
}	


.paginate {text-align: center;margin-top: 30px;}
.paginate .list {margin-left: 10px;margin-right: 10px;}
.paginate strong {display: inline-block;width: 35px;height: 35px;line-height: 35px;color: #fff;font-size: 15px;vertical-align: middle;background: #626262;border: 1px solid #626262;border-radius: 100%;}
.paginate a {display: inline-block;width: 35px;height: 35px;line-height: 35px;font-size: 15px;color: #666666;vertical-align: middle;}
.paginate a:hover {color: #000;}
.paginate a.first {background: url('../img/btn_page_first.png') no-repeat 50%;background-size: 13px;border: 1px solid #b9b9b9;border-radius: 100%;}
.paginate a.prev {background: url('../img/btn_page_prev.png') no-repeat 50%;background-size: 13px;border: 1px solid #b9b9b9;border-radius: 100%;}
.paginate a.next {background: url('../img/btn_page_next.png') no-repeat 50%;background-size: 13px;border: 1px solid #b9b9b9;border-radius: 100%;}
.paginate a.last {background: url('../img/btn_page_last.png') no-repeat 50%;background-size: 13px;border: 1px solid #b9b9b9;border-radius: 100%;}
@media all and (max-width: 680px) {
	.paginate .list {margin-left: 5px;margin-right: 5px;}
	.paginate strong {width: 28px;height: 28px;line-height: 28px;font-size: 15px;border-radius: 5px;}
	.paginate a {width: 28px;height: 28px;line-height: 28px;font-size: 15px;}
	.paginate a.first {width: 28px;height: 28px;background-size: 10px;border: 1px solid #b9b9b9;border-radius: 5px;}
	.paginate a.prev {width: 28px;height: 28px;background-size: 10px;border: 1px solid #b9b9b9;border-radius: 5px;}
	.paginate a.next {width: 28px;height: 28px;background-size: 10px;border: 1px solid #b9b9b9;border-radius: 5px;}
	.paginate a.last {width: 28px;height: 28px;background-size: 10px;border: 1px solid #b9b9b9;border-radius: 5px;}
}
@media all and (max-width: 399px) {
	.paginate strong {width: 26px;height: 26px;line-height: 26px;}
	.paginate a {width: 26px;height: 26px;line-height: 26px;}
	.paginate a.first {width: 26px;height: 26px;}
	.paginate a.prev {width: 26px;height: 26px;}
	.paginate a.next {width: 26px;height: 26px;}
	.paginate a.last {width: 26px;height: 26px;}
}
@media all and (max-width: 374px) {
	.paginate strong {width: 24px;height: 24px;line-height: 24px;}
	.paginate a {width: 24px;height: 24px;line-height: 24px;}
	.paginate a.first {width: 24px;height: 24px;}
	.paginate a.prev {width: 24px;height: 24px;}
	.paginate a.next {width: 24px;height: 24px;}
	.paginate a.last {width: 24px;height: 24px;}
}