/* 공용 */
.sub_page{max-width: 1220px;margin: auto;padding-bottom: 200px;}
/* .sub_page *{font-family: 'Pretendard';} */
.sub_page .tit{margin-bottom: 55px;}
.sub_page .tit::before{content: '';display: inline-block;width: 9px; width: 5px;height: 31px;margin-right: 17px;background-color: #340866;vertical-align: middle;}
.sub_page .txt{line-height: 1.4;margin-bottom: 26px;}
.tab_wrap{width: 90%; max-width: 640px;margin: auto;}
/* .tab_wrap.col3{width: 555px;} */
.tab_wrap.col2{max-width: 370px;}
.tab_wrap .list{display: flex;align-items: center;justify-content: space-between;text-align: center;border: 1px solid #9982b1;overflow: hidden;}
.tab_wrap .list li{width: 50%;border-left: 1px solid #340866;}
.tab_wrap .list.col3 li{width: 33.33%;}
.tab_wrap .list.col2 li{width: 50%;}
.tab_wrap .list li:first-child{border-left:0}
.tab_wrap .list li a{display: block;padding: 10px 0;background-color: #fff;color: #340866;font-weight: 450;font-size: 17px;}
.tab_wrap .list li a.active,
.tab_wrap .list li a:hover,
.tab_wrap .list li a:focus{background-color: #340866;color: #fff;}
.m_view{display: none !important;}
.sub_page .sub_tit {width: 314px; background: #fff; text-align: center; margin: 0 auto;}
.sub_page .sub_tit::before {content: ''; background-color: #340866; width: 100%; height: 1px; position: absolute; left: 0; top: 12px; z-index: -1;}
/* 공용 */


/* message */
.sub_page.message {width: 90%;}
/* message */

/* hotel_transprtation */
.sub_page.hotel_transprtation{width: 90%;max-width: 1220px;}
.sub_page.hotel_transprtation .cont_wrap .btn_wrap a{padding: 10px 13px;background-color: #340866;border-radius: 8px;}
.sub_page.hotel_transprtation .txt.hotelname{margin-bottom: 15px;}
.sub_page.hotel_transprtation .map_wrap{border: 1px solid #340866;width: 1201px;height: 612px;}
.sub_page.hotel_transprtation .transportation_wrap .list{width: 1158px;margin: auto;row-gap: 75px;}
.sub_page.hotel_transprtation .transportation_wrap .list .method{width: calc(100% - 83px);line-height: 1.4;}
.sub_page.hotel_transprtation .transportation_wrap .list .method .type{display: block;margin-bottom: 9px;}

.sub_page.hotel_transprtation.renew {font-family: 'Pretendard';}
.sub_page.hotel_transprtation.renew .cont_wrap {padding-left: 24px;}
.sub_page.hotel_transprtation.renew .tit {padding-left: 24px; position: relative; margin-left: -24px;}
.sub_page.hotel_transprtation.renew .tit::before {margin-right: 0; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.sub_page.hotel_transprtation.renew .tit span {padding-left: 15px;}
.sub_page.hotel_transprtation.renew .sub_tits {color: #340866;}
.sub_page.hotel_transprtation.renew .txt2 {margin-bottom: 16px;}
.sub_page.hotel_transprtation.renew .txt2 span {display: inline-block; width: 80px;}
.sub_page.hotel_transprtation.renew .map_wrap iframe {width: 100%; height: 100%;}
.sub_page.hotel_transprtation.renew .transportation_wrap .list {width: 100%;}
.sub_page.hotel_transprtation.renew .transportation_wrap .list .method {padding-top: .8rem;}
/* hotel_transprtation */

/* mypage_wrap */
#wrapper.mypage_wrapper{width: auto;max-width: 1484px;}
#wrapper.mypage_wrapper{font-family: 'Pretendard';}
.sub_page.mypage_wrap{width: 1484px;max-width: unset; margin: unset;}
.sub_page.mypage_wrap .tit{margin-bottom: 45px;}
.sub_page.mypage_wrap #smb_my_ov{width: auto;max-width: 250px; border: 1px solid #e2e2e2;border-radius: 20px;overflow: hidden;}
.sub_page.mypage_wrap #smb_my_ov .smb_me{border-bottom: 1px solid #e2e2e2;padding: 40px 30px 28px;}
.sub_page.mypage_wrap #smb_my_ov .smb_me .my_ov_name span{display: block;margin-top: 12px;}
.sub_page.mypage_wrap #smb_my_ov .smb_me a{width: calc((100% - 10px) / 2);padding: 10px 0;border-radius: 0;}
.sub_page.mypage_wrap #smb_my_ov .smb_me a.logout_btn{border-left: 2px solid #ddd;border-top: 2px solid #ddd;border-right: 1px solid #666;border-bottom: 1px solid #666;}
.sub_page.mypage_wrap #smb_my_ov .smb_me a.logout_btn:hover{background-color: #666;}
.sub_page.mypage_wrap #smb_my_ov .my_info_wrap{padding: 40px 30px;background-color: #f2f2f2;}
.sub_page.mypage_wrap #smb_my_ov h3,
.sub_page.mypage_wrap #smb_my_ov .op_area{padding: 0;line-height: 1;}
.sub_page.mypage_wrap #smb_my_ov h3,
.sub_page.mypage_wrap #smb_my_ov .op_area dd{border: 0;margin: 0;padding: 0;}
.sub_page.mypage_wrap #smb_my_ov h3{font-size: 18px;font-weight: 800;margin-bottom: 35px;}
.sub_page.mypage_wrap #smb_my_ov .op_area dt{font-size: 17px;font-weight: 500;margin: 27px 0 8px;padding: 0;line-height: 1;color: #340866;}
.sub_page.mypage_wrap #smb_my_ov .op_area dt::before{content: '';display: inline-block;width: 2px;height: 14px;margin-right: 6px;background-color: #340866;vertical-align: middle;margin-top: -2px;}
.sub_page.mypage_wrap #smb_my_ov .op_area dd{font-size: 15px;font-weight: 600;color: #666;}
.sub_page.mypage_wrap #smb_my_list{width: 1100px;float: right;}
.sub_page.mypage_wrap #smb_my_od h2{font-size: 17px;font-weight: 700;margin-bottom: 20px;}
.sub_page.mypage_wrap #smb_my_od .smb_my_more{display: none;}
.sub_page.mypage_wrap #smb_my_od .tbl_head03 thead th{font-size: 16px;font-weight: 700;color: #222;border-bottom: 0;border-top: 2px solid #e7e7e7;background-color: #f2f2f2;letter-spacing: normal;padding: 14px 0;line-height: 1;}
.sub_page.mypage_wrap #smb_my_od .tbl_head03 td{font-size: 14px;font-weight: 500;color: #666;padding: 12px 0;text-align: center;background: unset;background-clip: unset;border-top: 0;border-left: 1px solid #e7e7e7;line-height: 1.3;cursor: default;}
.sub_page.mypage_wrap #smb_my_od .tbl_head03 td:first-child{border-left: 0;}
.sub_page.mypage_wrap .status_01,
.sub_page.mypage_wrap .status_02,
.sub_page.mypage_wrap .status_03,
.sub_page.mypage_wrap .status_04,
.sub_page.mypage_wrap .status_05,
.sub_page.mypage_wrap .status_06,
.sub_page.mypage_wrap .status_07,
.sub_page.mypage_wrap .status_08{width: 96px;height: unset;background: #340866;line-height: 1;padding: 7px 0;font-size: 15px;color: #fff;border: 1px solid #340866;}
.sub_page.mypage_wrap .status_06{width: 96px;height: unset;background: #fff;line-height: 1;padding: 7px 0;font-size: 15px;color: #340866;border: 1px solid #340866}
.sub_page.mypage_wrap #smb_my_od .tbl_head03 td button{width: 128px;border: 1px solid #828288;background: #fff;padding: 8px 0;border-radius: 8px;margin-bottom: 6px;font-family: 'Pretendard';}
.sub_page.mypage_wrap #smb_my_od .tbl_head03 td button:last-child{margin-bottom: 0;}
.sub_page.mypage_wrap #smb_my_od .tbl_head03 td button:hover{background-color: #828288;color: #fff;}
.sub_page.mypage_wrap #smb_my_od.lecture_room .tbl_head03 td{border-top: 1px solid #e7e7e7;padding: 29px 39px; padding-right: 0;}
.sub_page.mypage_wrap #smb_my_od.lecture_room .tbl_head03 td:first-child{text-align: left;}
.sub_page.mypage_wrap #smb_my_od.lecture_room .tbl_head03 td:last-child{padding-left: 0;}
.sub_page.mypage_wrap #smb_my_od.lecture_room .tbl_head03 .td_numbig a:hover img{transform: scale(1.1);}
/* mypage_wrap */

/* history */
.sub_page.history{width: 90%; max-width: 1191px;margin: auto;}
.sub_page.history .history2023 img{width: 100%;}
.sub_page.history .history_program .txt_wrap{padding: 35px 75px;padding-bottom: 50px;border: 1px solid #ccc;}
.sub_page.history .history_program iframe{width: 100%;height: 1213px;}
.sub_page.history .history_program iframe html #hd_wrap{display: none;}
#bo_list.history_program .tbl_wrap table .chk_box{display: none;}
.sub_page.history .acco {border-top: 1px solid #595959; border-bottom: 1px solid #595959;}
.sub_page.history .acco.first {border-bottom: 0;}
.sub_page.history .acco_tit.tit {margin-bottom: 0;}
.sub_page.history .acco_tit {padding: 12px 0; padding-left: 7px; position: relative;}
.sub_page.history .acco_tit::after {content: ''; width: 8px; height: 8px; border-left: 2px solid #000; border-top: 2px solid #000; border-bottom: 2px solid transparent; border-right: 2px solid transparent; position: absolute; right: 15px; top: 50%; transform: translateY(-40%) rotate(-135deg); border-radius: 1px; transition: all .3s ease;}
.sub_page.history .acco_tit.active {background-color: #e5e5e5;}
.sub_page.history .acco_tit.active::after {transform: translateY(-40%) rotate(45deg);}
.sub_page.history .acco_cont {padding-top: 40px; display: none;}
.sub_page.history .poster_wrap {padding: 0 30px;}
.sub_page.history .history_img .img_wrap {background-color: rgba(52, 8, 102, .1); text-align: center; padding: 30px;}
.sub_page.history .history_img .img_wrap img {width: 100%;}
.sub_page.history .acco_cont .btn_wrap {margin: 40px 0; display: flex; justify-content: end;}
.sub_page.history .acco_cont .btn_wrap button {border: 1px solid #340866; position: relative; width: 114px; height: 36px; line-height: 36px; text-align: left; padding-left: 15px; color: #340866; border-radius: 7px; appearance: none; background-color: #fff;}
.sub_page.history .acco_cont .btn_wrap button::before {content: ''; width: 8px; height: 8px; border-left: 2px solid #000; border-top: 2px solid #000; border-bottom: 2px solid transparent; border-right: 2px solid transparent; position: absolute; right: 15px; top: 50%; transform: translateY(-40%) rotate(45deg); border-radius: 1px;}
.sub_page.history .acco_cont .btn_wrap button:hover {background-color: #340866; color: #fff;}
.sub_page.history .acco_cont .btn_wrap button:hover::before {border-left: 2px solid #fff; border-top: 2px solid #fff;}
/* history */

@media (max-width: 1600px){

    /* mypage_wrap */
    #wrapper.mypage_wrapper{width: 100%;max-width: 100%;}
    .sub_page.mypage_wrap{width: 90%;max-width: 1484px;margin: auto;}
    .sub_page.mypage_wrap .tit{margin-bottom: 2.813vw;}
    .sub_page.mypage_wrap #smb_my_ov{max-width:unset; border-radius: 1.250vw;}
    .sub_page.mypage_wrap #smb_my_ov .smb_me{padding: 2.500vw 1.875vw 1.750vw;}
    .sub_page.mypage_wrap #smb_my_ov .smb_me .my_ov_name span{margin-top: 0.750vw;}
    .sub_page.mypage_wrap #smb_my_ov .smb_me a{padding: 0.625vw 0;border-radius: 0;font-size: 0.875vw;}
    .sub_page.mypage_wrap #smb_my_ov .my_info_wrap{padding: 2.500vw 1.875vw;}
    .sub_page.mypage_wrap #smb_my_ov h3,
    .sub_page.mypage_wrap #smb_my_ov .op_area{padding: 0;}
    .sub_page.mypage_wrap #smb_my_ov h3,
    .sub_page.mypage_wrap #smb_my_ov .op_area dd{border: 0;margin: 0;padding: 0;}
    .sub_page.mypage_wrap #smb_my_ov h3{font-size: 1.125vw;margin-bottom: 2.188vw;}
    .sub_page.mypage_wrap #smb_my_ov .op_area dt{font-size: 1.063vw;margin: 1.688vw 0 8px;padding: 0;}
    .sub_page.mypage_wrap #smb_my_ov .op_area dt::before{width: 2px;height: 0.875vw;margin-right: 0.375vw;margin-top: -2px;}
    .sub_page.mypage_wrap #smb_my_ov .op_area dd{font-size: 0.938vw;}
    .sub_page.mypage_wrap #smb_my_list{width: 70.350vw;}
    .sub_page.mypage_wrap #smb_my_od h2{font-size: 1.063vw;margin-bottom: 1.250vw;}
    .sub_page.mypage_wrap #smb_my_od .tbl_head03 thead th{font-size: 1.000vw;border-bottom: 0;padding: 0.875vw 0;}
    .sub_page.mypage_wrap #smb_my_od .tbl_head03 td{font-size: 0.875vw;padding: 0.750vw 0;}
    .sub_page.mypage_wrap .status_01,
    .sub_page.mypage_wrap .status_02,
    .sub_page.mypage_wrap .status_03,
    .sub_page.mypage_wrap .status_04,
    .sub_page.mypage_wrap .status_05,
    .sub_page.mypage_wrap .status_06,
    .sub_page.mypage_wrap .status_07,
    .sub_page.mypage_wrap .status_08{width: 6.000vw;padding: 0.438vw 0;font-size: 0.938vw;}
    .sub_page.mypage_wrap .status_06{width: 6.000vw;padding: 0.438vw 0;font-size: 0.938vw;}
    .sub_page.mypage_wrap #smb_my_od .tbl_head03 td button{width: 8.000vw;padding: 0.500vw 0;border-radius: 0.500vw;margin-bottom: 0.375vw;}
    .sub_page.mypage_wrap #smb_my_od .tbl_head03 td button:last-child{margin-bottom: 0;}
    .sub_page.mypage_wrap #smb_my_od.lecture_room .tbl_head03 td{padding: 1.813vw 2.438vw; padding-right: 0;}
    .sub_page.mypage_wrap #smb_my_od.lecture_room .tbl_head03 td:last-child{padding-left: 0;}
    /* mypage_wrap */
}
@media (max-width: 1280px){
    .sub_page{width: 100%;}
    
    /* hotel_transprtation */
    .sub_page.hotel_transprtation .map_wrap{width: 99%;height: 53vw;}
    .sub_page.hotel_transprtation .transportation_wrap .list{width: 100%;column-gap: 1%;row-gap: 60px;}
    .sub_page.hotel_transprtation .transportation_wrap .list li{width: 50% !important;}
    .sub_page.hotel_transprtation .transportation_wrap .list li:nth-child(2n){width: 48% !important;}
    /* hotel_transprtation */

    /* history */
    .sub_page.history .history_program .txt_wrap{padding: 2.734vw 5.859vw;padding-bottom: 3.906vw;}
    /* history */
}
@media (max-width: 767px){
    .sub_page .sub_tit {width: 39.1134vw;}

    /* message */
    .tab_wrap .list li a{font-size: 14px;}
    /* message */
    
    /* hotel_transprtation */
    .sub_page.hotel_transprtation .transportation_wrap .list{column-gap: 0%;row-gap: 40px;}
    .sub_page.hotel_transprtation .transportation_wrap .list li,
    .sub_page.hotel_transprtation .transportation_wrap .list li:nth-child(2n){width: 100% !important;}
    .sub_page.hotel_transprtation .transportation_wrap .list li img{width: 55px;}
    .sub_page.hotel_transprtation.renew .transportation_wrap .list li img{width: auto;}
    /* hotel_transprtation */

    /* mypage_wrap */
    .sub_page.mypage_wrap #smb_my_ov .smb_me .my_ov_name span{font-size: 12px;}
    .sub_page.mypage_wrap #smb_my_od.lecture_room .tbl_head03 td img{width: 43px;}
    /* mypage_wrap */
}
@media (max-width: 480px){
    .tab_wrap{max-width: 232px;}
    .tab_wrap.col3{width: 100%;max-width: unset;}
    .tab_wrap .list li a{font-size: 10px;height: 30px;padding: 0;display: flex;align-items: center;justify-content: center;}
    .sub_page{margin-top: 85px;}
    .sub_page .cont_wrap {margin-top: 70px;}
    .sub_page .cont_wrap:not(:first-child) {margin-top: 40px;}
    .sub_page h3.tit{margin-bottom: 20px;font-size: 17px;}
    .sub_page .tit::before{width: 3px;height: 18px;margin-right: 7px;}
    .sub_page .txt{font-size: 10px;}
    .sub_page .sub_tit {width: 56.1134vw;}

    /* message */
    .sub_page.message .txt{text-align: justify;}
    .sub_page.message .txt:last-child span{display: block;font-size: 12px;}
    /* message */

    /* hotel_transprtation */
    .sub_page.hotel_transprtation h3.tit{margin-bottom: 48px;}
    .sub_page.hotel_transprtation .txt_wrap{padding-left: 14px;}
    .sub_page.hotel_transprtation .txt_wrap .hotelname + .txt{margin-bottom: 15px;}
    .sub_page.hotel_transprtation .txt_wrap .hotelname + .txt + .txt{color: #666;margin-bottom: 0;}
    .sub_page.hotel_transprtation .txt_wrap .btn_wrap{margin-top: 33px;}
    .sub_page.hotel_transprtation .txt_wrap .btn_wrap a{font-size: 10px;padding: 5px 8px;width: auto;border-radius: 5px;}
    .sub_page.hotel_transprtation .map_wrap {width: 95%;height: 53vw;margin: auto;}
    .sub_page.hotel_transprtation .transportation_wrap{width: 90%;margin: auto; margin-top: 37px;}
    .sub_page.hotel_transprtation .transportation_wrap .list li img{width: 44px;}
    .sub_page.hotel_transprtation .transportation_wrap .list .method .type{font-size: 12px;}
    .sub_page.hotel_transprtation .transportation_wrap .list .method{width: calc(100% - 71px);font-size: 10px;color: #595757;}

    .sub_page.hotel_transprtation.renew .cont_wrap {padding-left: 12px;}
    .sub_page.hotel_transprtation.renew .tit {padding-left: 12px; margin-left: -12px;}
    .sub_page.hotel_transprtation.renew .sub_tits {font-size: 1.1rem;}
    .sub_page.hotel_transprtation.renew .txt_wrap {padding-left: 0;}
    .sub_page.hotel_transprtation.renew .map_wrap {width: 100%;}
    .sub_page.hotel_transprtation.renew .tit span {padding-left: 12px; font-size: .7rem;}
    .sub_page.hotel_transprtation.renew .transportation_wrap {width: 100%;}
    .sub_page.hotel_transprtation.renew .transportation_wrap .list li img {width: 27px;}
    .sub_page.hotel_transprtation.renew .txt2, .sub_page.hotel_transprtation.renew .txt2 span {font-size: 1rem;}
    .sub_page.hotel_transprtation.renew .txt2 span {width: 70px;}
    /* hotel_transprtation */

    /* history */
    .sub_page.history{padding-top: 130px;}
    .sub_page.history .acco_cont {padding-top: 30px;}
    .sub_page.history .poster_wrap {padding: 0 20px;}
    .sub_page.history .history_img .img_wrap {padding: 10px;}
    .sub_page.history .acco_cont .btn_wrap {margin: 30px 0;}
    .sub_page.history .acco_cont .btn_wrap button {width: 96px; height: 32px; line-height: 32px; padding-left: 12px; border-radius: 5px;}
    .sub_page.history .acco_cont .btn_wrap button::before {width: 6px; height: 6px; right: 12px;}
    /* history */

    /* mypage_wrap */
    .sub_page.mypage_wrap .tit{margin-bottom: 40px;}
    .sub_page.mypage_wrap #smb_my_ov,
    .sub_page.mypage_wrap #smb_my_list{width: 100%;border: 0; border-radius: 0;}
    .sub_page.mypage_wrap #smb_my_ov .smb_me{padding: 24px 0 32px;border: 0;background-color: #f7f8f8;}
    #smb_my_ov .smb_me .my_ov_name{line-height: 1;margin-bottom: 26px;}
    #smb_my_ov .smb_me img{width: 75px;}
    .sub_page.mypage_wrap #smb_my_ov .smb_me .my_ov_name span{margin-top: 20px;font-size: 14px;}
    .sub_page.mypage_wrap #smb_my_ov .smb_me .my_ov_name + .btn_wrap {justify-content: center;column-gap: 15px;}
    .sub_page.mypage_wrap #smb_my_ov .smb_me a{width: 71px;padding: 7px 0;border-radius: 5px;font-size: 9px;}
    .sub_page.mypage_wrap #smb_my_ov .my_info_wrap{padding: 0;}
    .sub_page.mypage_wrap #smb_my_ov h3{margin: 0;background-color: #efefef;padding: 9px 20px;font-size: 12px;color: #595757;border-top: 1px solid #e0e1e1;border-bottom: 1px solid #e0e1e1;}
    .sub_page.mypage_wrap #smb_my_ov .op_area{display: flex;flex-wrap: wrap;}
    .sub_page.mypage_wrap #smb_my_ov .op_area dt{margin: 0;padding: 15px 0;padding-left: 33px;display: inline-block;width: 110px;font-size: 10px;color: #231815;border-bottom: 1px solid #e4e5e5;}
    .sub_page.mypage_wrap #smb_my_ov .op_area dt::before{display: none;}
    .sub_page.mypage_wrap #smb_my_ov .op_area dd{display: inline-block;width: calc(100% - 113px);padding: 15px 0;font-size: 10px;color: #231815;border-bottom: 1px solid #e4e5e5;}
    .sub_page.mypage_wrap #smb_my_list > #smb_my_od:first-child{margin: 55px 0;}
    .sub_page.mypage_wrap #smb_my_od h2{margin: 0;background-color: #efefef;padding: 9px 20px;font-size: 12px;color: #595757;border-top: 1px solid #e0e1e1;border-bottom: 1px solid #e0e1e1;}
    .sub_page.mypage_wrap .pc_view{display: none !important;}
    .sub_page.mypage_wrap .m_view{display: block !important;}
    .sub_page.mypage_wrap .tbl_head03.tbl_wrap + section{padding: 67px 20px 63px;background-color: #f7f8f8;}
    .sub_page.mypage_wrap .oder_list_wrap{border: 1px solid #e0e1e1;background-color: #fff;margin-bottom: 55px;}
    .sub_page.mypage_wrap .oder_list_wrap:last-child{margin-bottom: 0;}
    .sub_page.mypage_wrap .oder_list_wrap .top{position: relative;}
    .sub_page.mypage_wrap .oder_list_wrap .top .order_num{padding: 10px 12px;font-size: 10px;font-weight: 400;color: #231815;border-bottom: 1px solid #f3f3f3;}
    .sub_page.mypage_wrap .oder_list_wrap .top .view_arrow{width: 6px;height: 4px;background: url(../img/main/list_arrow.png) no-repeat; background-position: center;background-size: cover;position: absolute;top: 50%;right: 10px;transform: translateY(-50%); border: 0;background-color: unset;}
    .sub_page.mypage_wrap .oder_list_wrap.open .top .view_arrow{transform: translateY(-50%) rotate(180deg); }
    .sub_page.mypage_wrap .oder_list_wrap .middle{display: none; border-bottom: 1px solid #f2f2f2;padding: 10px 0 15px;padding-left: 12px;}
    .sub_page.mypage_wrap .oder_list_wrap.open .middle{display: block;}
    .sub_page.mypage_wrap .oder_list_wrap .middle ol li:not(:last-child){margin-bottom: 15px;}
    .sub_page.mypage_wrap .oder_list_wrap .middle ol li p{font-size: 9px;font-weight: 400;line-height: 1.4;color: #595757;}
    .sub_page.mypage_wrap .oder_list_wrap .bottom .oder_info_wrap{padding: 12px 0 15px;padding-left: 12px;position: relative;}
    .sub_page.mypage_wrap .oder_list_wrap .bottom .oder_info_wrap > p{font-size: 10px;font-weight: 400;color: #231815;margin-bottom: 8px;}
    .sub_page.mypage_wrap .oder_list_wrap .bottom .oder_info_wrap .order_status{position: absolute;top: 50%;right: 5%;transform: translateY(-50%);}
    .sub_page.mypage_wrap .oder_list_wrap .bottom .oder_info_wrap .order_status span{text-align: center;width: 71px;padding: 7px 0;font-size: 9px;font-weight: 500;}
    .sub_page.mypage_wrap .oder_list_wrap .bottom .btn_wrap{display: flex;align-items: center;justify-content: center;}
    .sub_page.mypage_wrap .oder_list_wrap .bottom .btn_wrap button{width: 50%;border: 0;font-size: 9px;font-weight: 400;padding: 7px 0;color: #898989;background-color: #efefef;}
    .sub_page.mypage_wrap .oder_list_wrap .bottom .btn_wrap button:disabled{color: #d3d3d3}
    .sub_page.mypage_wrap .lecture_room > .tbl_head03 {padding: 75px 20px 60px;background-color: #f7f8f8;}
    .sub_page.mypage_wrap .lecture_room > .tbl_head03 table{border: 1px solid #e0e1e1;background-color: #fff;}
    .sub_page.mypage_wrap #smb_my_od .tbl_head03 thead th{padding: 7px 0;font-size: 10px;font-weight: 400;color: #231815;}
    .sub_page.mypage_wrap #smb_my_od.lecture_room .tbl_head03 td{padding: 34px 50px 44px;font-size: 10px;font-weight: 400;color: #231815;word-wrap: break-word;word-break: keep-all;}
    .sub_page.mypage_wrap #smb_my_od.lecture_room .tbl_head03 td:first-child{text-align: center;}
    .sub_page.mypage_wrap #smb_my_od.lecture_room .tbl_head03 td .date{margin-top: 15px;font-size: 10px;font-weight: 400;}
    .sub_page.mypage_wrap #smb_my_od.lecture_room .tbl_head03 td .live_link a{display: block;margin-top: 30px;}
    .sub_page.mypage_wrap #smb_my_od.lecture_room .tbl_head03 td .live_link img{width: 48px;height: 15px;}
    /* mypage_wrap */


}







/* 리모콘 */
.control_area{position: fixed; right: 50px; bottom: 50px;}
.control_area .control_icon{font-size: 0; background-image: url(../img/conference/sub/control_icon.png); background-repeat: no-repeat; width: 60px; height: 60px; background-position: center; background-color: var(--conference-color); background-size: 40px; border-radius: 100%; cursor:pointer;}
.control_area ul{position: absolute; width: 160px; right: 0; bottom: 65px; display:none; overflow: hidden;}
.control_area ul li{border: 1px solid #999; background: #fff; text-align: center; border-bottom:0; transition:0.35s ease-out;}
.control_area ul li:last-child{border-bottom:1px solid #999;}
.control_area ul li a{display:block; padding: 10px; color:inherit;}

@media (min-width:1024px){
	.control_area ul li:hover{background-color:var(--conference-color); color:#fff; transition:0.35s ease-out;}
}

@media (max-width:767px){
	.control_area{right:20px; bottom:20px;}
	.control_area .control_icon{width:50px; height:50px; background-size: 30px;}
	.control_area ul{bottom:55px; width:160px;}
}

@media (max-width:480px){
	.control_area{right:10px; bottom:10px;}
	.control_area .control_icon{width:40px; height:40px; background-size: 20px;}
	.control_area ul{bottom:42px; width:140px;}
	.control_area ul li a{font-size:12px;}
}
/* 리모콘 -end */







/*  shortcourse */
.hotel_transprtation .hotel_list {  display: flex;   align-items: center;   column-gap: 10px;}
.hotel_transprtation .hotel_list:before {   content: "";   width: 10px;   height: 10px;   background-color: var(    --main-color) !important;   border-radius: 100%; }
.hotel_transprtation .hotel_btn {  border: 1px solid var(--main-color) !important;  color: var(--main-color) !important;  width: 250px;   height: 45px;   display: flex;    align-items: center;    justify-content: center;   column-gap: 10px;}
.hotel_transprtation .hotel_btn:hover { color: #fff !important; }
.hotel_transprtation .hotel_btn:hover img {filter: invert(1) grayscale(1) brightness(2);}
.hotel_transprtation .subtxt a { color: var(--main-color); text-decoration: underline;  text-underline-offset: 4px;}
.hotel_transprtation .subtxt a:hover {font-weight: bold;}

@media (max-width: 1024px) {
 .hotel_transprtation   .hotel_list p {     width: 18vw;  }
}

@media (max-width: 480px) {
		.hotel_transprtation .hotel_list:before {   width: 5px;   height: 5px; }
		.hotel_transprtation   .hotel_list .hotel_btn {      font-size: 12px;width: 170px;      height: 30px;     column-gap: 5px;  }
		.hotel_transprtation .hotel_list {flex-wrap: wrap; gap: 10px; padding-bottom:10px}
		.hotel_transprtation .hotel_list p {   width: 50vw;  }
		.hotel_transprtation .subtxt {line-height: 1.4em;  word-break: keep-all;}
}