/* 공용 */
.sub_page{max-width: 1190px;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: 0.8rem 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; min-width: 25rem; max-width: 25rem; border: 1px solid #e2e2e2;border-radius: 20px;overflow: hidden;}
.sub_page.mypage_wrap #smb_my_ov .smb_me{border-bottom: 1px solid #e2e2e2;padding: 4rem 3rem 3.5rem;}
.sub_page.mypage_wrap #smb_my_ov .smb_me .my_ov_name {margin-bottom: 2.5rem;}
.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: 6px;}
.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: 2.5rem;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: 1.7rem;font-weight: 500;margin-bottom: 35px;}
.sub_page.mypage_wrap #smb_my_ov .op_area dt{font-size: 1.7rem;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: -3px;}
.sub_page.mypage_wrap #smb_my_ov .op_area dd{font-size: 1.5rem;font-weight: 400;color: #666;}
.sub_page.mypage_wrap #smb_my_list{width: 1100px;float: right;}
.sub_page.mypage_wrap #smb_my_od h2 {font-size: 2.4rem; font-weight: 600; 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: 1.7rem;font-weight: 600;color: #222;border-bottom: 0;border-top: 1px solid #ccc;background-color: #f2f2f2;letter-spacing: normal;padding: 14px 0;line-height: 1; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.sub_page.mypage_wrap #smb_my_od .tbl_head03 tr {border-bottom: 1px solid #ccc;}
.sub_page.mypage_wrap #smb_my_od .tbl_head03 td{font-size: 1.5rem;font-weight: 500;color: #666;padding: 12px 0;text-align: center;background: unset;background-clip: unset;border-top: 0;border-left: 1px solid #ccc;line-height: 1.3;cursor: default;}
.sub_page.mypage_wrap #smb_my_od .tbl_head03 th:first-child, .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.td_manage {padding-top: 0; padding-bottom: 0; height: 1px;}
.sub_page.mypage_wrap #smb_my_od .tbl_head03 td .print-btn-wrap {display: flex; flex-direction: column; width: 100%; height: 100%;}
.sub_page.mypage_wrap #smb_my_od .tbl_head03 td button{align-self:stretch; width: 100%;border: 0;background: #fff;padding: 1rem 0;border-radius: 0;margin-bottom: 0;font-family: 'Pretendard'; background: #ecf3fd; flex: 1;}
.sub_page.mypage_wrap #smb_my_od .tbl_head03 td button:last-child {margin-bottom: 0; border-top: 1px solid #ccc;}
.sub_page.mypage_wrap #smb_my_od .tbl_head03 td button:not(:disabled):hover {background-color: #828288;color: #fff;}
.sub_page.mypage_wrap #smb_my_od .tbl_head03 td button:disabled {cursor: auto;}
.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{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: 12px; min-width: 20rem;}
    .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: calc(100% - 22rem);}
    .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.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: 1024px) {
    .sub_page.mypage_wrap #smb_my_ov .smb_me a {font-size: 1.4vw;}
    .sub_page.mypage_wrap #smb_my_ov h3 {font-size: 1.5vw;}
    .sub_page.mypage_wrap #smb_my_ov .op_area dt {font-size: 1.5vw;}
    .sub_page.mypage_wrap #smb_my_ov .op_area dd {font-size: 1.4vw;}

    .sub_page.mypage_wrap #smb_my_od h2 {font-size: 1.6vw;}
    .sub_page.mypage_wrap #smb_my_od .tbl_head03 thead th {font-size: 1.3vw;}
    .sub_page.mypage_wrap #smb_my_od .tbl_head03 td {font-size: 1.3vw;}
    .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 {font-size: 1.3vw;}
}

@media (max-width: 767px){
    .sub_page .sub_tit {width: 39.1134vw;}

    /* message */
    .tab_wrap .list li a{font-size: 1.5rem;}
    /* 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 .tit{margin-bottom: 40px;}
    .sub_page.mypage_wrap #smb_my_ov,
    .sub_page.mypage_wrap #smb_my_list{width: 100%; }
    .sub_page.mypage_wrap #smb_my_ov .smb_me{padding: 2.8rem 1.5rem 3.2rem;}
    #smb_my_ov .smb_me .my_ov_name {display: flex; align-items: center; column-gap: 1.6rem; line-height: 1; margin-bottom: 26px;}
    #smb_my_ov .smb_me img {width: 5rem;}
    .sub_page.mypage_wrap #smb_my_ov .smb_me .my_ov_name span {margin-top: 0; font-size: 1.6rem;}
    .sub_page.mypage_wrap #smb_my_ov .smb_me .my_ov_name + .btn_wrap {justify-content: center;column-gap: 1rem;}
    .sub_page.mypage_wrap #smb_my_ov .smb_me a {width: unset; flex: 1; padding: 1.2rem 0; border-radius: 5px; font-size: 1.5rem;}
    .sub_page.mypage_wrap #smb_my_ov .my_info_wrap{padding: 0;}
    .sub_page.mypage_wrap #smb_my_ov h3 {margin: 0; padding: 2rem 1.2rem 1rem; font-size: 1.7rem;}
    .sub_page.mypage_wrap #smb_my_ov .op_area {display: flex;flex-wrap: wrap; padding: 1rem 0 2rem;}
    .sub_page.mypage_wrap #smb_my_ov .op_area dt {margin: 0; padding-left: unset; padding: 0.7rem 1.2rem; display: inline-block;width: 110px; font-size: 1.5rem; color: #231815;}
    .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: 0.6rem 1.2rem; font-size: 1.5rem; color: #231815;}
    .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: 1.6rem 1.2rem; font-size: 1.8rem; color: #595757;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
    .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{background-color: #f7f8f8;}
    .sub_page.mypage_wrap .oder_list_wrap{background-color: #fff;margin-bottom: 0; border-bottom: 1px solid #ccc;}
    .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: 1.5rem; font-size: 1.7rem; font-weight: 500; color: #231815; border-bottom: 1px solid #f3f3f3; line-height: 1.25em;}
    .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: 1.5rem; font-weight: 400; color: #231815; line-height: 1.15em; 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: 1rem 0;font-size: 1.5rem;font-weight: 500;}
    .sub_page.mypage_wrap .oder_list_wrap .bottom .btn_wrap{display: flex;align-items: center;justify-content: center; border-top: 1px solid #f3f3f3;}
    .sub_page.mypage_wrap .oder_list_wrap .bottom .btn_wrap button{width: 50%;border: 0;font-size: 1.5rem;font-weight: 400;padding: 1.2rem 0; color: #333; background-color: #ecf3fd;}
    .sub_page.mypage_wrap .oder_list_wrap .bottom .btn_wrap button:first-child {border-right: 1px solid #f3f3f3;}
    .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 */
}
@media (max-width: 480px){
    .tab_wrap{max-width: 232px;}
    .tab_wrap.col3{width: 100%;max-width: unset;}
    .tab_wrap .list li a{height: 4rem;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;}

    /* 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 .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 */

    


}







/* 리모콘 */
.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;}
}

/* [KSR 2026.01.28] 2026 kald 스타일 */

/* 폼 공통 스타일 */
.checkbox-wrap {display: flex; align-items: center;}
.checkbox input[type="checkbox"] {position: absolute; z-index: -10; height: 0; width: 0; overflow: hidden; opacity: 0; outline-width: 0;}
.checkbox .label label {display: flex; cursor: pointer; align-items: center; gap: 0.8rem; }
.checkbox .label span.checkbox-icon {display: flex; align-items: center; justify-content: center; border: 1px solid rgba(102,102,102,1); width: 2.4rem; height: 2.4rem; border-radius: 4px; background: transparent; transition: all .17s ease;}
.checkbox .label span.checkbox-icon::after {content: "✓"; font-size: 2.6rem; color: #333; font-weight: 300; opacity: 0; transition: all .17s ease;}
.checkbox .label span.m_view {display: none; border: 0; width: auto; height: auto; background: transparent;}
.checkbox .label span.m_view::after {content: none;}
.checkbox input[type="checkbox"]:checked + .label span.checkbox-icon {border-color: rgba(102,102,102,1); background: #fff; }
.checkbox input[type="checkbox"]:checked + .label span.checkbox-icon::after {opacity: 1;}

/* 서브 공통 스타일 */
.sub_page {padding-top: 10rem;}
.sub_page .subpage-heading {margin-bottom: 7rem; padding-left: 2rem;}
.subpage-heading h4 {font-size: 3rem; color: #171c61; font-weight: 700; position: relative; width: fit-content}
.subpage-heading h4::after {content: ""; display: inline-block; width: 100%; height: 8px; background: #cee1fd; position: absolute; left: 0; bottom: 0%; transform: translateY(100%); z-index: -1;}
.subpage-heading h4.lightgreen::after {background: #e0f8e4;}
.subpage-heading h4.lightorange::after {background: #fbede5;}
.subpage-content .aster {color: #c1272d;}
.subpage-content table th, .subpage-content table td {border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; font-size: 1.7rem; color: #333; text-align: center;}
.subpage-content table th:first-child, .subpage-content table td:first-child {border-left: 0;} 
.subpage-content table th:last-child, .subpage-content table td:last-child {border-right: 0;} 
.subpage-content table th {padding: 1.2rem 1rem 1.1rem; background: #f2f2f2; font-weight: 600; border-top: 1px solid #d9d9d9;}
.subpage-content table td {padding: 1.5rem 1rem 1.5rem;}
.subpage-content table .lightgreen-bg {background: #d1f4d7;}
.subpage-content table .fadegreen-bg {background: #e8faeb;}
.subpage-content table .lightorange-bg {background: #f5ceb8;}
.subpage-content table .fadeorange-bg {background: #fae6dc;}
.subpage-content table .lightgrey-bg {background: #f8f8f8;}
.subpage-content table .th-date {width: 30%;}
.subpage-content table .th-program {width: 42%;}
.subpage-content table .th-check {width: 10%;}
.subpage-content .box-blue {background: #e7f0fe;}
.subpage-content .butn-blueborder {border: 1px solid #171c61; border-radius: 6px; background: #fff; color: #171c61; transition: all .17s;}

/* welcome message */
.sub_page.message {padding-bottom: 16rem; width: 100%;}
.sub_page.message .subpage-heading {display: flex; justify-content: center;margin-bottom: 10rem; text-align: center;}
.message .txt_wrap {display: flex; flex-direction: column; row-gap: 2rem; max-width: 89.5rem; width: 100%; margin: 0 auto;}
.message .txt_wrap p {font-size: 1.7rem; line-height: 1.25em; letter-spacing: -0.8px; text-align: justify;}
.message .txt_wrap li {position: relative; display: inline; width: fit-content; font-size: 1.7rem; line-height: 1.25em; box-decoration-break: clone;
  -webkit-box-decoration-break: clone; background: linear-gradient(transparent 32%, #CEE1FC 32%, #cee1fd 65%, transparent 65%);}
/* .message .txt_wrap li::after {content: ""; display: inline-block; width: 100%; height: 0.8rem; background: #cee1fd; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: -1;} */
.message .txt_wrap .ta_right {font-size: 1.6rem; line-height: 2em; margin-top: 5rem; margin-bottom: 0;}
.message .txt_wrap .ta_right span {display: inline-block; padding-right: 0.4rem; font-family: 'NanumMyeongjo', serif; font-size: 1.7rem; font-weight: 800;}
.message .txt_wrap .ta_right em {font-style: normal; font-size: 1.4rem;}

/* committees */
.sub_page.committees .subpage-content {display: flex; flex-direction: column; row-gap: 12rem;}
.sub_page.committees .table_wrap + .table_wrap {margin-top: 4rem;}
.sub_page.committees .table_wrap .table_tit {font-weight: 600;}
.sub_page.committees .basic_txt {font-size: 1.8rem;}
.sub_page.committees .basic_txt .text-small {font-size: 1.4rem;}

/* history */
.sub_page.history .subpage-heading {display: flex; justify-content: center;}
.sub_page.history .subpage-heading h4 {line-height: 1.4em;}
.sub_page.history .subpage-heading h4::after {content: none;}
.sub_page.history .img-wrap {text-align: center;}

/* 프로그램 */
.sub_page .font-16 {font-size: 1.6rem;}
.sub_page .font-18 {font-size: 1.8rem;}
.sub_page .font-20 {font-size: 2.0rem;}
.sub_page .font-24 {font-size: 2.4rem;}
.sub_page.program .subpage-content {display: flex; flex-direction: column; row-gap: 12rem;}
.sub_page.program .subpage-heading {margin-bottom: 8.5rem;}
.sub_page.program .section-synopsis .box {padding: 3rem 2rem;}
.sub_page.program .synopsis-list {display: flex; flex-direction: column; margin: 0 auto; row-gap: 1.5rem; width: fit-content;}
.sub_page.program .synopsis-list li {display: flex; align-items: baseline; column-gap: 2.5rem;}
.sub_page.program .synopsis-list span {font-size: 1.7rem;}
.sub_page.program .synopsis-item--label {color: var(--color-darkblue); font-weight: 600;}
.sub_page.program .synopsis-item--label em {margin-right: 1ch;}
.sub_page.program .synopsis-item--value {color: #666666; line-height: 1.5em; font-weight: 400;}
.sub_page.program .synopsis-item--value em {font-style: normal; font-weight: 600;}
.sub_page.program .type-list {display: flex; align-items: center; justify-content: space-between;}
.sub_page.program .type-item {display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; width: 48%; background-position: center; background-size: cover; background-size: no-repeat; aspect-ratio: 57/40; padding: 4rem 2rem 6rem;}
.sub_page.program .type-item.tutorial {background-image: url('../img/kald_sub/program-day1-bg.jpg');}
.sub_page.program .type-item.workshop {background-image: url('../img/kald_sub/program-day2-bg.jpg');}
.sub_page.program .type-item span {color: #fff;}
.sub_page.program .type-item--day {font-size: 2.4rem; font-weight: 700; padding-bottom: 3.5rem;}
.sub_page.program .type-item--subtitle {font-size: 2.4rem; font-weight: 500; line-height: 1.25em; padding-bottom: 2.5rem;}
.sub_page.program .type-item--subtitle sup {font-size: 0.6em;}
.sub_page.program .type-item--title {font-size: 4.8rem; font-weight: 700; padding-bottom: 3rem;}
.sub_page.program .type-item--date {font-size: 2rem; font-weight: 700;}
.sub_page.program .type-item .btn-wrap {margin-top: 6rem;}
.sub_page.program .type-item--butn {display: flex; align-items: center; justify-content: center; font-size: 1.6rem; font-weight: 600; padding: 1.2rem 1rem; width: 19.5rem;}

.sub_page.program-type .section-heading {display: flex; flex-direction: column; row-gap: 1rem; text-align: center; margin-bottom: 6rem;}
.sub_page.program-type .section-heading h6 {font-size: 3.6rem;}
.sub_page.program-type .section-heading p {line-height: 1.25em;}
.sub_page.program-type .section-heading p sup {font-size: 0.6em;}
.sub_page.program-type .section-content {max-width: 99.5rem; width: 100%; margin: 0 auto;}
.sub_page.program-type .tutorial-heading {display: flex; flex-direction: column; row-gap: 1.5rem; padding-left: 2.5rem; margin-bottom: 3rem;}
.sub_page.program-type .tutorial-heading li {font-size: 1.7rem; line-height: 1.25em;}
.sub_page.program-type .tutorial-info {display: flex; align-items: baseline; column-gap: 2rem;}
.sub_page.program-type .tutorial-leader {margin-left: auto;}
.sub_page.program-type .table-wrap--opening {border-top: 1px solid #d9d9d9;}
.sub_page.program-type table {table-layout: fixed;}
.sub_page.program-type table th {padding-left: 2.5rem; padding-right: 2.5rem;}
.sub_page.program-type table th.fadegreen-bg {background: #effbf1;}
.sub_page.program-type table th.fadeorange-bg {background: #fbede5;}
.sub_page.program-type table td {padding: 0.85rem 0.8rem; line-height: 1.25em; word-break: auto-phrase;}
/* .sub_page.program-type table td:nth-child(3) {word-break: break-all;} */
.sub_page.program-type .lightgrey-bg {text-align: center;}
.sub_page.program-type .table-wrap + .table-wrap {margin-top: 2rem;}
.sub_page.program-type table .text-left {text-align: left;} 
.sub_page.program-type table .break-row td {color: #999; background: #f8f8f8;}
.sub_page.program-type .content-guide {margin-top: 4.5rem;}
.sub_page.program-type .content-guide h6 {font-size: 1.8rem; font-weight: 600; padding-bottom: 0.6rem; position: relative; width: fit-content; margin-bottom: 1.2rem;}
.sub_page.program-type .content-guide h6::after {content: ""; display: inline-block; width: 100%; height: 4px; position: absolute; left: 0; bottom: 0; transform: translateY(-130%); z-index: -1;}
.sub_page.program-type .content-guide.lightgreen h6::after {background: #effbf1;}
.sub_page.program-type .content-guide.lightorange h6::after {background: #fbede5;}
.sub_page.program-type .content-guide-list {padding-left: 1.75rem;}
.sub_page.program-type .content-guide-list li {display: flex; align-items: baseline; column-gap: 0.5rem; font-size: 1.6rem; font-weight: 400; line-height: 1.4em; }
.sub_page.program-type .content-guide-list li::before {content: "-"; font-size: inherit; line-height: inherit;}

.sub_page.program-type .section-speaker {margin-top: 10rem;}
.sub_page.program-type .section-speaker .subpage-heading {margin-bottom: 10rem;}
.sub_page.program-type .section-speaker .tutorial-num {font-weight: 600;}
.sub_page.program-type .section-speaker th {padding: 1.8rem 2.5rem 1.7rem;}
.sub_page.program-type .section-speaker td {padding: 25px 45px 25px 10px;}
.sub_page.program-type .speaker-wrap {display: flex; align-items: center; column-gap: 65px;}
.sub_page.program-type .speaker-wrap .speaker-info {display: flex; flex-direction: column; justify-content: space-between; align-self: stretch; text-align: left; padding-top: 10px;}
.sub_page.program-type .speaker-wrap .speaker-info span {display: block; line-height: 1.25em; font-size: 1.7rem; }
.sub_page.program-type .speaker-wrap .speaker-info .type-subtitle {font-size: 1.7rem;}
.sub_page.program-type .speaker-wrap .speaker-info--type {display: flex; flex-direction: column; row-gap: 4px;}
.sub_page.program-type .speaker-wrap .speaker-info--type span {font-weight: 600; color: #333;}
.sub_page.program-type .speaker-wrap .speaker-info--type .type-number {font-size: 1.5rem;}
.sub_page.program-type .speaker-wrap .speaker-info--title {margin-top: 2rem;}
.sub_page.program-type .speaker-wrap .speaker-info--title .title-position {font-size: 1.4rem;}
.sub_page.program-type .speaker-wrap button {background: transparent; border: none; margin-left: auto; cursor: default;}
.sub_page.program-type .speaker-wrap button.open-modal {cursor: pointer;}
.sub_page .text-underline {text-decoration: underline; text-underline-offset: 2px;}

/* [LDH 26.03.23] 스타일 추가 */
.sub_page.program-type .team_info_content {font-size: 1.4rem; line-height: 1.25rem;}
.sub_page.program-type .team_info_content.underline {text-decoration: underline;}
.sub_page.program-type .team_info_content + .team_info_content {margin-top: 1rem;}
.sub_page.program-type .team_info_content:last-of-type {margin-bottom: 2.5rem;}

.modal {display: none; align-items: center; position: fixed; inset: 0; background:rgba(0,0,0,0.6);}
.modal .modal-inner {max-width: 100rem; width: 95%; background: #fff; margin: 0 auto; padding: 10.5rem 4.3rem; max-height: 80svh; margin-top: 3vh; overflow-y: auto; position: relative;}
.modal .modal-inner::-webkit-scrollbar {width: 6px;}
.modal .modal-inner::-webkit-scrollbar-thumb {background: #000066; border-radius: 20px;}
.modal .close {display: flex; align-items: center; justify-content: center; position: absolute; top: 2.2rem; right: 4.3rem; width: 3.5rem; height: 3.5rem; border: 1px solid #bebebe; border-radius: 8px; background-image: linear-gradient(to bottom, #fff, #e7e7e7); font-size: 3.2rem; font-weight: 300; line-height: 1em; padding-bottom: 3px; color: #626262; cursor: pointer;}
.modal .modal-content {display: none;}
.modal-speaker .speaker-wrap {padding: 2.5rem 2rem; border-top: 1px solid #dcdddd; border-bottom: 1px solid #dcdddd; margin-bottom: 4.5rem;}
.modal-speaker .speaker-wrap .speaker-info span.type-title {font-size: 2rem;}
.modal-speaker .content-box {padding: 4rem 2rem; border-radius: 20px;}
.modal-speaker .content-box + .content-box {margin-top: 4.5rem;}
.modal-speaker .content-box--grey {background: #eff4f3; border: 1px solid #dcdddd;}
.modal-speaker .content-box--orange {background: #fdf6f2; border: 1px solid #dcdddd;}
.modal-speaker .box-title {font-size: 2rem; font-weight: 600; margin-bottom: 2rem;}
.modal-speaker .box-text {display: flex; flex-direction: column; row-gap: 2.5rem;}
.modal-speaker .box-text p {font-size: 1.7rem; line-height: 1.55em; letter-spacing: -0.6px; }
.modal-speaker .box-text--small p {font-size: 1.5rem; line-height: 1.8em;}
.modal-speaker .box-list-wrap {display: flex; flex-direction: column; row-gap: 3.2rem; margin-top: 4rem;}
.modal-speaker .box-list * {font-size: 1.7rem;}
.modal-speaker .box-list span {display: inline-block; color: #666666; padding-bottom: 1rem;}
.modal-speaker .box-list ul {padding-left: 0.6rem;}
.modal-speaker .box-list li {display: flex; align-items: baseline; column-gap: 0.6rem; line-height: 1.8em;}
.modal-speaker .box-list li::before {content: "▪"; font-size: inherit; line-height: inherit;}
.modal-speaker .modal-content--seung .box-list-wrap {margin-top: 0;}
.modal-speaker .modal-content--seung .box-list * {font-size: 1.5rem;}

.sub_page.sponsors .section + .section {margin-top: 13rem;}
.sub_page.sponsors .section-host .subpage-heading {margin-bottom: 5.5rem;}
.sub_page.sponsors .table_wrap .table_item1.first_sponsor.sponsor_upchem img {max-height: 6rem;}
.sub_page.sponsors .table_wrap .table_item1 .item_middle_txt {padding: 0.8rem 2.25rem; font-weight: 400;}
.sub_page.sponsors .table_wrap .table_tit {padding: 1.5rem 2.5rem; font-size: 2.4rem;}

.modal-sponsor .modal-inner {padding: 10.5rem 0; max-width: 103rem;}
.sub_page.sponsors .modal-sponsor .table_wrap .table_tit {padding: 1.5rem 4.7rem;}
.modal-sponsor .table_wrap .table_item1 {padding: 1rem 0; padding-left: 4.7rem; height: 8.7rem;}
.modal-sponsor .table_wrap .table_item1 .item_img {padding-left: 0; padding-right: 0; min-width: 125px; width: auto; max-width: 16rem;}
.modal-sponsor .sponsor-content {padding-left: 4.7rem; padding-right: 4.7rem;}
.modal-sponsor .sponsor-content .tit {font-size: 2rem;}
.modal-sponsor .sponsor-content .tit::before {width: 7px; height: 25px;}
.modal-sponsor .popup_list_content {max-width: 70rem; width: 100%; margin: 0 auto;}
.modal-sponsor .popup_box .popup_list .move_txt {padding: 0;}
.modal-sponsor .popup_img_area {display: flex; flex-direction: column; row-gap: 4.5rem;}
.modal-sponsor .popup_img_area.gap20 {row-gap: 2rem;}
.modal-sponsor .move_detail .border, .modal-sponsor .popup_img_area .border {border-top: 1px solid #999; border-bottom: 1px solid #999;}
.modal-sponsor .popup_box .popup_list .move_iframe {max-width: 80rem; width: 100%;}
.modal-sponsor .popup_box .popup_list .popup_ul {padding-left: 22px; font-size: 1.7rem;}

@media (hover: hover) {
    .modal-sponsor .popup_ul a:hover {text-decoration: underline; text-underline-offset: 3px;}
}


/* 주문서 쿠폰 스타일 */
.subpage-content .apply_discount .od_coupon_wrap {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,00.5); display: flex; align-items: center; justify-content: center; z-index: 10; }
.subpage-content .apply_discount .od_coupon {position: relative; background: #fff; max-width: 48rem; width: 100%; padding: 50px 20px 55px; display: flex; flex-direction: column; row-gap: 20px;}
.subpage-content .apply_discount table th {border-right: 0; border-left: 0;}
.subpage-content .apply_discount .coupon_wrap {display: flex; align-items: center; column-gap: 1rem; font-size: 1.7rem;}
.subpage-content .apply_discount .coupon_wrap .input_file {display: flex; align-items: center; column-gap: 3rem; font-size: 1.7rem;}
.subpage-content .apply_discount .coupon_wrap .btn_frmline {padding: 6px 10px;}
.subpage-content table .table-icon {text-align: center;}
.sub_page.order_form_wrap .subpage-content table .td-coupon {padding: 25px 0;}

.sub_page.registration .subpage-content {display: flex; flex-direction: column; row-gap: 8rem;}
.sub_page.registration .section {display: flex; flex-direction: column; row-gap: 4rem;}
.sub_page.registration .section-heading {width: 100%; padding: 2rem 3rem 1.6rem; border-top: 1px solid #d9d9d9; background: #f2f2f2;}
.sub_page.registration .section-heading h6 {font-size: 2.4rem; font-weight: 400; color: #333;}
.sub_page.registration .section-content .table-wrap {font-size: 1.7rem;}
.sub_page.registration .period-note, .sub_page.registration .refund-note {font-size: 1.7rem; font-weight: 600; padding-left: 1rem;}
.sub_page.registration .period-note {margin-bottom: 3rem;}
.sub_page.registration .refund-note {margin-top: 2.5rem;}
.sub_page.registration .refund-note ul {padding-top: 1rem; padding-left: 1.6rem;}
.sub_page.registration .refund-note li {font-weight: 400; position: relative; padding-left: 1rem; line-height: 1.25em;}
.sub_page.registration .refund-note li::before {content: "-"; font-size: inherit; position: absolute; left: 0;}
.sub_page.registration .content-note {color: #666; font-size: 1.4rem; line-height: 1.5em; text-align: center; font-weight: 400; margin-top: 5.5rem;}
.sub_page.registration .section-content .btn-wrap {display: flex; align-items: center; justify-content: center; margin-top: 9rem; column-gap: 0.6rem;}
.sub_page.registration .section-content .coupon-butn, .sub_page.registration .registration-butn {display: flex; align-items: center; justify-content: center; font-size: 1.8rem; font-weight: 550; padding: 1.2rem 1rem;}
.sub_page.registration .section-content .coupon-butn {width: 19.5rem; line-height: 1.2em;}
.sub_page.registration .registration-butn {width: 36rem; font-weight: 650;}
.sub_page.registration .checkbox-wrap {justify-content: center;}

@media (hover: hover) {
    .section-content .butn-blueborder:hover {background: #171c61; color: #fff;}

}

@media (max-width: 1580px) {
    .sub_page.history img {width: 100%;}

    .sub_page.sponsors .table_wrap .table_item1 .item_middle_txt {font-size: 1.5rem !important;}
}

@media (max-width: 1024px) {
    .sub_page.program .type-item--day {padding-bottom: 2.5rem}
    .sub_page.program .type-item--subtitle {padding-bottom: 2rem;}
    .sub_page.program .type-item--title {padding-bottom: 3rem;}
    .sub_page.program .type-item .btn-wrap {margin-top: 4rem;}

    .modal-speaker .modal-inner {padding: 8.5rem 3.6rem;}
    .modal-speaker .close {right: 3.6rem;}

    .modal-sponsor .modal-inner {padding: 8.5rem 0;}
    .modal-sponsor .sponsor-content {padding-top: 4rem;}
    .modal-sponsor .sponsor-content .tit {margin-bottom: 2.5rem;}

}

@media (max-width: 768px) {
    .checkbox .label span.checkbox-icon {width: 1.8rem; height: 1.8rem; border-radius: 3px;}
    .checkbox .label span.m_view {display: block !important; background: transparent !important;}
    .checkbox .label span.checkbox-icon::after {font-size: 1.9rem;}

    .subpage-heading h4 {font-size: 2.6rem;}
    .subpage-heading h4::after {height: 6px;}

    .subpage-content .section-registration table {display: block;}
    .subpage-content .section-registration table thead, .subpage-content .section-registration table tbody, .subpage-content .section-registration table tr {display: flex; width: 100%;}
    .subpage-content .section-registration table tbody {flex-wrap: wrap;}
    .subpage-content .section-registration table thead th:not(:last-child) {display: none;}
    .subpage-content .section-registration table .th-check {display: flex; align-items: center; width: 100%; border-left: 0;}
    .subpage-content .section-registration table tr {flex-wrap: wrap; position: relative;}
    .subpage-content .section-registration table tbody tr {border-bottom: 1px solid #d9d9d9;}
    .subpage-content .section-registration table td {display: block; border-left: 0; border-right: 0; border-bottom: 0; text-align: left; padding: 4px 1rem;}
    .subpage-content .section-registration table td.check {order: 1; position: absolute; left: 0; padding-top: 1rem;}
    .subpage-content .section-registration .td_label {display: flex; align-items: baseline; column-gap: 1rem; position: relative; padding-left: 3.5rem;}
    .subpage-content .section-registration .td_label::before {content: attr(data-label); flex-shrink: 0; font-size: inherit; font-weight: 600; }
    .subpage-content .section-registration table td.sct_basic {padding-top: 1rem;}
    .subpage-content .section-registration table td.sct_txt, .subpage-content .section-registration table td.sct_bottom {width: 100%;}
    .subpage-content .section-registration table td.sct_bottom {padding-bottom: 1rem;}

    .subpage-content table th, .subpage-content table td {font-size: 1.4rem;}

    .sub_page .font-16 {font-size: 1.4rem;}
    .sub_page .font-20 {font-size: 1.8rem;}
    .sub_page .font-24 {font-size: 2.2rem;}
    .sub_page.program .type-list {flex-wrap: wrap; row-gap: 3rem;}
    .sub_page.program .type-item {width: 100%; aspect-ratio: auto;}

    .sub_page.program-type .section-heading {row-gap: 0.6rem; margin-bottom: 4rem;}
    .sub_page.program-type .section-heading h6 {font-size: 3.2rem;}
    .sub_page.program-type .tutorial-info {column-gap: 1rem;}
    .sub_page.program-type .tutorial-heading {padding-left: 1rem; row-gap: 0.8rem; margin-bottom: 2rem;}
    .sub_page.program-type table th {padding-left: 1rem; padding-right: 1rem;}
    .sub_page.program-type table td {padding: 0.85rem 0.5rem;}
    .sub_page.program-type .lightgrey-bg {padding-left: 0.5rem;}
    .sub_page.program-type .br-pc {display: none;}

    .sub_page.program-type .speaker-wrap {column-gap: 2.5rem;}

    .sub_page.sponsors .table_wrap .table_item1 .item_middle_txt {text-align: center;}
    .sub_page.sponsors .table_wrap .table_item1 .item_img img {max-height: 4.6rem;}

    .sub_page.registration .section {row-gap: 3rem;}
    .sub_page.registration .subpage-content {row-gap: 6rem;}
    .sub_page.registration .section-heading {padding: 1.2rem 1.6rem 1.2rem;}
    .sub_page.registration .section-heading h6 {font-size: 1.8rem;}
    .sub_page.registration .period-note, .sub_page.registration .refund-note {font-size: 1.6rem; padding-left: 0.6rem;}
    .sub_page.registration .period-note {margin-bottom: 1.5rem;}
    .sub_page.registration .refund-note {margin-top: 1.6rem;}
    .sub_page.registration .refund-note ul {padding-top: 0.8rem; padding-left: 1rem;}
    .sub_page.registration .content-note {margin-top: 3rem;}
    .sub_page.registration .section-content .btn-wrap {margin-top: 4rem; width: 100%; }
    .subpage-content .apply_discount .od_coupon {padding: 35px 15px 40px; width: 90%;}
}

@media (max-width: 767px) {
    .modal-sponsor .table_wrap .table_item1 {height: 7.7rem;}
    .modal-sponsor .table_wrap .table_item1 .item_img {border-bottom: 0; padding: 0; max-width: 13rem;}
}

@media (max-width: 580px) {
    .sub_page.program-type .section-speaker td {padding: 2rem 1.6rem 2rem 1.2rem}
    .sub_page.program-type .speaker-wrap {align-items: flex-start; flex-wrap: wrap; row-gap: 2.5rem; column-gap: 1.5rem;}
    .sub_page.program-type .speaker-wrap .speaker-img {width: 30%;}
    .sub_page.program-type .speaker-wrap .speaker-img img {width: 100%;}
    .sub_page.program-type .speaker-wrap .speaker-info {flex: 1; padding-top: 4px;}
    .sub_page.program-type .speaker-wrap .speaker-info span {line-height: 1.3em;}
    .sub_page.program-type .speaker-wrap button {width: 100%; text-decoration: none; border: 1px solid #333; padding: 1rem; border-radius: 5px;}

    .modal-speaker .modal-inner {padding: 8.5rem 2rem 6rem}
    .modal .close {right: 2rem;}
    .sub_page.program-type .modal-speaker .speaker-wrap {padding: 2.5rem 1rem; margin-bottom: 3rem;}
    .modal-speaker .speaker-wrap .speaker-info span.type-title {font-size: 1.8rem;}
    .modal-speaker .content-box {padding: 3rem 2rem; border-radius: 12px;}
    .modal-speaker .content-box + .content-box {margin-top: 3.5rem;}

    .sub_page.sponsors .section + .section {margin-top: 8rem;}

    .modal-sponsor .modal-inner {padding: 8.5rem 0 6rem;}
    .sub_page.sponsors .modal-sponsor .table_wrap .table_tit {padding-left: 2rem; font-size: 2rem;}
    .sub_page.sponsors .table_wrap .table_item1 .item_middle_txt {font-size: 1.65rem !important;}
    .modal-sponsor .table_wrap .table_item1 {padding-left: 2rem;}
    .modal-sponsor .sponsor-content {padding-left: 2rem; padding-right: 2rem;}
    .modal-sponsor .sponsor-content .tit {font-size: 1.9rem;}
    .modal-sponsor .sponsor-content .tit::before {width: 5px; height: 20px;}
    .modal-sponsor .popup_list.pt90 {padding-top: 6rem;}
    .modal-sponsor .popup_list.pt120 {padding-top: 7rem;}
    .modal-sponsor .popup_box .popup_list .popup_ul {padding-left: 12px;}
    
}

@media (max-width: 480px) {
    .sub_page {padding-top: 14rem; padding-bottom: 12rem;}
    .sub_page .subpage-heading {margin-bottom: 5rem; padding-left: 0;}
    .subpage-content .apply_discount .coupon_wrap .input_file {width: 100%;}
    .subpage-content .apply_discount .coupon_wrap .input_file .form-control {flex: 1; padding: 8px 6px;}
    .subpage-content table .table-icon img {width: 20px;}
    .subpage-content .apply_discount .coupon_wrap .input_file {font-size: 1.5rem;}

    /* message */
    .sub_page.message .subpage-heading {margin-bottom: 5rem;}
    .sub_page.message .cont_wrap,
    .sub_page.committees .cont_wrap,
    .sub_page.history .cont_wrap {margin-top: 6rem;}
    .sub_page.message .txt{text-align: justify;}
    /* message */

    .sub_page.committees .subpage-content {row-gap: 8rem;}
    .sub_page.committees .table_wrap .table_tit {padding: 15px 1.5rem;}
    .sub_page.committees .basic_txt {padding: 10px 1.5rem;}

    .sub_page.program .subpage-content {row-gap: 8rem;}
    .sub_page.program .subpage-heading {margin-bottom: 5rem;}
    .sub_page.program .type-item {padding: 3rem 2rem 4rem;}
    .sub_page.program .type-item--day {font-size: 2rem; padding-bottom: 2rem;}
    .sub_page.program .type-item--subtitle {font-size: 2rem; padding-bottom: 1rem; font-weight: 500;}
    .sub_page.program .type-item--title {font-size: 3.6rem; padding-bottom: 2rem;}
    .sub_page.program .type-item--date {font-size: 1.9rem;}
    .sub_page.program .type-item .btn-wrap, .sub_page.program .type-item--butn {width: 100%;}

    .sub_page.program-type .section-speaker .subpage-heading {margin-bottom: 6rem;}
    .sub_page.program-type .section-heading p {font-weight: 500;}
    .sub_page.program-type .section-speaker th {padding: 1.8rem 2rem 1.7rem;}
    .sub_page.program-type .speaker-wrap .speaker-info span {font-size: 1.6rem; line-height: 1.25em;}
    .sub_page.program-type .speaker-wrap .speaker-info span.title-name {line-height: 1.4em;}

    .modal-speaker .box-list ul {padding-left: 0.4rem;}
    .modal-speaker .box-list li {line-height: 1.6em;}
    .modal .close {width: 3.2rem; height: 3.2rem; border-radius: 5px;}

    .sub_page.sponsors .table_wrap .table_tit {padding: 1.5rem 2rem; font-size: 2rem;}
    .sub_page.sponsors .section-host .subpage-heading {margin-bottom: 3.5rem;}

    .subpage-content .section-registration table td.sct_txt .m_view {display: none !important;}
    .sub_page.registration .registration-butn {width: 100%;}
}
