@media ( max-width: 1280px ) {
#header .head dl.gnb {padding:0px 10px;}
#visual, .photoslider-bullets, .photoslider-bullets .sliderkit-panel {}
.sec01 .presenters {padding:0 20px;}
.sec02 .presenters {padding:0 20px;}
.sec05 .event {width:calc(100% - 150px);margin: 0 auto;}
.sec05 .event .swiper-button-prev {left:10px;}
.sec05 .event .swiper-button-next {right:10px;}
.sec08 .contents {width: 100%;padding: 0 20px;box-sizing: border-box;}
/* 서브 */
.content02.time_tb img {width:100%;}
#footer {padding:0 20px;box-sizing:border-box;}
#container .content02 ul.conBox {width: 100%;}
/* 20230428 í´ëž˜ìŠ¤ëª° 통합 */
/* .mall_t .mall_sat td div {width:calc(1280px / 10 + 2px);} */
/* .mall_t .mall_sun td div {width: calc(1280px / 10 - 11px);} */
}
@media ( max-width: 1024px ) {
#header .top {display: block !important;}
#container .content02 {padding-top:80px !important; }
.sec01 .presenters li .textBox {display: none;}
.sec02 .presenters li .textBox {display: none;}
#header .head .top h1 {padding: 30px 0 20px 20px;margin: initial;}
#header .head .top ul.lnb {display: none;width: 100%;position: fixed;height: 100%;background-color: #111;right:0;top:0;margin-top: 0;}
.lnb + .menu {display: block;transition: all 0.25s ease;}
#header .head .top ul.lnb .pr40 {padding:0;}
#header .head .top ul.lnb > li {width: 100%;}
#header .head .top ul.lnb > li:nth-child(1) {margin-top:100px;}
#header .head .top ul.lnb > li.lnb_li {text-align: center;height:initial;}
#header .head .top ul.lnb > li.lnb_li a {color:#fff;font-size:2rem;line-height: 55px;display: inline-block;width: 50%;border-bottom: 1px solid #fff;line-height: 60px;}
.sec06 .contents ul li td.noTit a, .sec06 .contents .noTit .n_date {font-size:0.9rem; color: #777;}
.sec06 .contents ul li {margin:0 20px;width:calc(50% - 40px);}
.sec06 .contents ul li.video, .sec06 .contents ul li.gallery {height:250px;margin-top:60px;}
.sec05 li {height:0;padding-bottom:25%;}
#footer .sitemap {display: none;}
/* 서브페ì´ì§€ */
#container .content02.off_pre p > img {width: 100%;}
.gallery ul.gList li {width:25%;box-sizing: border-box;}
.gallery ul.gList li a img {width: 100%;}
.faq_search.input02{width: 50%;}
#container .content02 > p img {width: 100%;}
#container .content02 .hotel.info {height: initial;}
.login {width: 100%;box-sizing: border-box;}
.login dl dt {width: 50%;}
table.loginT {width: 100%;}
.login dl dd {width: 50%;padding: 25px 0 0 40px;box-sizing: border-box;}
.login dl dd img {width: 100%;}
p.joinStep {right: 20px;}
.class_time {overflow-x: scroll;}
#container .content02 .class, #container .content02 .class dl dd {width: 100%;}
#container .content02 .class dl {padding:0;}
#container .content02.off_pre .pre_class .detail {padding:40px 10px;}
.class_drag {display:none;}
.find {padding:10px;}
.app {padding:20px;box-sizing: border-box;}
.view, .view .blist {width:100%;}
#container .content02 .profile dl dt.proBox {height:295px;}
.sec02 {margin-top: 50px;}
.veiw_ver:before {content:'PCë²„ì „';display: block;position: absolute;left:50%;line-height: 30px;transform: translateX(-50%);}
.expo_reg #tab-2 .cont {width:calc(100% - 235px);margin:0;}
.tar.top {top:-50px;}
#container .content02.virtual .classes > ul > li {width: 100%;}
#container .content02.virtual .classes > ul > li:nth-child(odd) {margin-right: 0;}
/* 20230428 í´ëž˜ìŠ¤ëª° 통합 */
.mall_t .left_m {min-width: 70px;}
.mall_t div.class_title .cont {-webkit-line-clamp: 4;}
}
@media ( max-width: 880px ) {
.pia_party img {width: 100px;}
.pia_party .party_btn {margin-top: 10px;}
.sec06 .contents .subTitle {font-size: 1.5rem;}
#container .content02 .lecThumb ul li:before {font-size:0.9rem;}
.sec01 .presenters li {width: 24.25%; }
.sec01 .presenters li:nth-child(6n) {margin-right: 1%;}
.sec01 .presenters li:nth-child(4n) {margin-right: 0;}
.sec03 {padding: 0px 15px;}
.sec03 .link_btn {width: 100%; box-sizing: border-box;}
#svisual p.svtext {right:20px;left:initial;}
#container .content02 > p, #container .content02 > p a {font-size:0.9rem !important;}
.gallery ul.gList li span.date {font-size: 0.9rem;}
.gallery ul.gList li p.gTitle {padding-top:5px;}
#container .content02 .hotel {padding-right: 10px;}
#container .content02 .hotel .mallTitle {font-size:1.3rem;}
.login_form {margin-top: 22px;}
#container .content02 .class dl dd .classTable li.classInfo .class_img {height:initial;}
.sec06 .contents ul li td.noTit a {width:calc(100% - 90px);}
.sec06 .contents ul li.video, .sec06 .contents ul li.gallery {position: relative;overflow: hidden;}
.sec06 .contents ul li img {position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);width: 120%;}
.app .title {width:120px;}
.app .info {width: calc(100% - 120px);}
.app .info.half {width: calc(50% - 120px);}
#container .content02 .profile dl dt.proBox {padding:15px 25px;height:218px;}
#container .content02 .profile dl dt.proBox p.proCon {font-size:0.9rem;line-height:20px;}
table.mall02 .pt5 {font-size:1.1rem;}
.expo_reg .sch li {height:150px;}
.expo_reg ul.tabs li {width: 150px;}
#container .content02 > div.reg li, #container .content02 > div.reg p {font-size: 1.2rem;}
#container .content02 .pre_class .detail {padding: 0;}
#container .content02 .profile dl dt.proBox {padding: 15px;}
}
@media ( max-width: 550px ) {
#container .content02 {padding-top:50px !important; }
.sec01 .presenters li {width: 49%; }
.sec01 .presenters li:nth-child(4n) {margin-right: 1%;}
.sec01 .presenters li:nth-child(3n) {margin-right: 1%;}
.sec01 .presenters li:nth-child(2n) {margin-right: 0;}
.sec02 .presenters li {width: 32.6666%; }
.sec02 .presenters li:nth-child(4n) {margin-right: 1%;}
.sec02 .presenters li:nth-child(3n) {margin-right: 0;}
section h2.title {font-size: 13px; width: auto; min-width: 50px; padding: 0px 10px; border: 1px solid #999;}
.logo-area.bronzeSponser ul li {width: 20%; flex-basis: 20%;}
.logo-area ul li { padding: 0px 5px;}
.logoWarp { padding: 20px 0px;}
.class_drag {display:block;}
#header .head .top h1 {width: 90px;padding:20px;}
.lnb + .menu {right: 10px;}
.lnb + .menu i {font-size:3rem;}
.sec06 .contents ul li {width: calc(100% - 40px);margin-bottom: 50px;}
.sec06 .contents .noTit .n_date {display: block;}
.sec06 .contents ul li.video, .sec06 .contents ul li.gallery {margin-top: 0;}
.sec05 li {padding-bottom: 47%;}
.sec05 .event {width: calc(100% - 50px);}
.sec05 .event .swiper-button-prev {left:30px;}
.sec05 .event .swiper-button-next {right: 30px;}
.sec05 .event .swiper-button-next, .sec05 .event .swiper-button-prev {width: 30px;background-color: #fff;}
.sec03 {margin:50px 0;}
.sec03 a {margin-bottom: 10px; white-space: nowrap; width: 100%; font-size: 13px; text-align: center; margin-bottom: 15px;}
.sec03 a:last-child {margin-bottom: 0;}
.sec03 a i {display:none;}
#footer .sitemap ul {width: 100%;}
#footer .sitemap ul li {display: inline-block;}
#header .head .top ul.lnb > li.lnb_li a {font-size: 1.4rem;}
#pre_info li {width: 80%;}
#pre_info i {right: 0;}
.general td.botit a {width: calc(100% - 20px);display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gallery ul.gList li {width: 33.33%;box-sizing: border-box;}
.boardBox .search_area {width: 200px;}
.faq_search.input02 {width: 200px;}
.faqTab ul li {width: 80px;word-break: keep-all;}
#svisual {height: 150px;}
#svisual p.svtext {width: 150px;height: 150px;}
#svisual p.svtext img {width: 60%;}
#svisual p.svtext:after {width:100px;height:100px;}
#container .content02 .lecThumb .swiper-button-next, #container .content02 .lecThumb .swiper-button-prev {width: 30px;}
#container .content02 p.conTitle, #container .content02 span.colorB {font-size: 1.4rem;}
.faqTab ul li, .faq dl dd, .faq dl dd.group, .faq dl dd a, .faq dl dd.answer p {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.login dl dt {width: 100%;}
.login dl dd {padding:25px 0 0 0;width: 100%;}
.m_join .num {width: calc(33.33% - 20px) !important;}
.m_join #ZipCode1, .m_join #ZipCode2 {width:calc(33.33% - 20px) !important;}
.m_join #Email11, .m_join #Email12 {width:calc(33.33% - 20px) !important;}
.m_join .input03.mail_f {width:40% !important;}
#container .content02 .class dl dt {height: 50px;padding:0 15px;line-height: 50px;}
#container .content02 .class dl dt .dayIcon {width: 100px;line-height: 30px; height:30px;}
#container .content02 .class .day, #container .content02 .class dl dt .dayIcon {font-size:1.3rem;}
#container .content02.off_pre .pre_class .detail {padding: 20px 10px;}
#container .content02 .class dl dd .classTable .class_content {font-size:0.9rem;}
#container .content02 .class dl dd .classTable .info_detail span {display: block;}
#container .content02 .class dl dd .classTable li.classInfo {padding:15px;}
#container .content02 .class dl dd h3.eng {font-size:1.3rem;}
#container .content02 .class dl dd h3 {font-size:1.2rem;}
#container .content02 ul.conBox li.lBox {width: 100%;margin-right: 0;}
#container .content02 ul.conBox li.rBox {width: 100%;margin-top: 50px;}
#footer dl.footInfo dt {width: 100%;margin-bottom: 20px;}
#footer dl.footInfo dd {width: 100%;}
.login_form {margin-top:0 !important;}
.sec06 .contents ul li {margin:10px 20px;}
.app .price_frm li .total_price {width: 100%;}
#it_sum1, #it_sum2 {max-width: 100px;}
#container .content02 .profile dl dt.proBox, #container .content02 .profile dl dd {width: 100%;}
#container .content02 .profile .photo .big_img {height:300px;}
#container .content02 .profile .photo .big_img img {max-height: 300px;}
#container .content02 .class dl dd .classTable .info_detail span {font-size:1rem;margin-right:0;}
#container .content02.off_pre .pre_class .detail .priceBox {position: relative; margin-bottom: 20px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: left; align-items: flex-end; padding: 0px 15px;}
#container .content02.off_pre .pre_class .detail .priceBox p {width:50%;float:left;}
#container .content02.off_pre .pre_class .detail .priceBox .price {text-align: right;}
#container .content02.off_pre .pre_class .detail .priceBox p.pt15 {text-align: right;}
table.mall02 .input01 {display: block;}
table.mall02 th.tal02 {padding:10px;}
p.joinStep {position: relative;top: 10px;margin: 0 auto;right:initial;width: 100%;}
p.joinStep img {width:100%;}
.programs div.title {width: 100% !important;padding: 20px !important;box-sizing: border-box;}
.programs tr, .programs td, .programs span, .programs span a, .price_lv li {font-size:0.8rem !important;}
.price_lv ul {width: 50% !important;}
.re_btn {margin-top:20px;font-size:1.2rem;}
.programs img {max-height:30px;}
.programs span.main {font-size:1.3rem !important;}
.expo_reg ul.tabs li {width:100%;box-sizing: border-box;margin:5px 0;}
.expo_reg td.title {width: 80px;font-size:1.1rem;}
.expo_reg tr, .expo_reg td, .expo_reg table td span, .expo_reg .sch li span {font-size:1.1rem;line-height: 20px;}
.expo_reg table td span {width: 100%;}
.expo_reg table td .img_box {position: relative;right: 0;top:0;transform: initial;}
.expo_reg .cont table {margin:20px 0;}
.expo_reg .sch li p {left:10px;width: calc(100% - 20px);}
.expo_reg #tab-2:after {position: relative;}
.expo_reg .img_box {position: relative;width: 100%;top:30px;}
.expo_reg .img_box li {float:left;width: 50%;height:140px;overflow: hidden;}
.expo_reg .img_box li:first-child {position: absolute;right: 0;bottom: 0;}
.expo_reg .img_box li img {width:100%;}
.expo_reg #tab-2 .cont {width: 100%;}
.expo_reg #tab-2:after {display:block;}
.expo_reg p.title, .expo_reg span.detail {font-size:1.1rem;}
.expo_reg h4 {FONT-SIZE: 1.3rem;background-color: #af3f3f;color: #fff;text-align: center;}
.view .blist dl dt, .blist dl dt, .pl20, .blist .pn {font-size:1rem !important;}
.blist .pn {width: calc(100% - 10px);}
.view .blist dl dd, .blist dl dd {line-height:20px;}
#container .content02.online .mall_sat, #container .content02.online .mall_sun {width: 100%;}
#container .content02.online .mall_sat {margin-right:0;}
.popbox {width:calc(100% - 50px);left:25px !important;top:50% !important;transform: translateY(-50%);}
.popbox img {width:100%;height: auto;}
#container .content02.virtual table span.title {font-size:1rem;line-height: 30px;}
#container .content02.virtual table img {width: 100px;}
#container .content02.virtual table span.b, #container .content02.virtual table span.s, #container .content02.virtual table span.det, #container .content02.virtual table span.price {font-size:1rem;}
#container .content02.virtual {line-height: 20px;}
#container .content02 .hotel {width: 100%;padding-right: 0;padding-bottom: 30px !important;}
}
@media ( max-width: 425px ) {
.sec06 .contents ul li td.noTit a {width:calc(100% - 10px);}
.sec06 .contents .noTit .n_date {display: none;}
.sec06 .contents ul li.video, .sec06 .contents ul li.gallery {height: 200px;}
.sec06 .contents ul li {margin-bottom: 30px;}
.sec06 .contents ul li.main_you iframe {height: 200px;}
.sec08 .contents li img {width: 100%;}
.sec08 .contents li.party_logo {width: 100px;position: absolute;top: 0;left: 20px;z-index: 1;}
.sec08 .contents li.party_info div {width: initial;padding: 25px 15px;height: initial;position: relative;top:initial;right: initial;}
.sec08 .contents li.party_info {width: initial;position: absolute;bottom: -20px;right: 0;}
.sec08 .contents li {display: block;height: initial;}
.sec08 {margin:50px auto;}
#pre_info i {font-size: 40px;}
.sec06 .contents ul li.video a, .sec06 .contents ul li.gallery a {line-height: 40px;font-size:1rem;}
.gallery ul.gList li {width:50%;}
.general td.botit a {width: 300px;}
.boardBox .search_area {width: 100px;}
.page {width: 100%;}
.faq_search.input02 {width: 130px;}
p.joinStep {width: calc(100% - 20px);right: 0;position: relative;top: 0;}
#container .content02 {padding: 30px 10px;}
#container .content02 h1 {font-size: 1.5rem;}
#container .content02 .class dl dd .classTable .class_content .classes_sub {font-size: 1.3rem;}
#container .content02 .class dl dd h3 {font-size:1.3rem;line-height: 30px;}
#footer .f_nav .top_icon {height: 50px;line-height: 50px;}
#footer .f_nav {width: 50px;}
#footer .f_nav .top_icon a {font-size:1rem;display: block;}
#footer .f_nav {bottom: 20px;}
.app .title {width: 100px;}
.app .info {width: calc(100% - 100px);}
.app .info.half {width: calc(100% - 100px);}
#container .content02 .class dl dd .classTable .class_content {font-size: 1rem; line-height: 24px;}
#container .content02 .class dl dd .classTable .info_detail {width:100%; margin-bottom: 10px;}
table.mall02 th.tal, table.mall02 td {padding:10px;}
.pia_spon h2:before {width:300px;}
.pia_spon h2:after {left: 300px;}
.pia_spon h2 {font-size:1.5rem;}
.pia_spon div.title {font-size:1.1rem;}
.expo_reg table td span {width:calc(100% - 10px);}
.expo_reg .sch li {width: 100%;height: 80px;text-align: center;}
.expo_reg .sch li i {top:-10px;left:50%;transform:translate(-50%, 0%) rotate(-90deg);}
.expo_reg h2 {margin:10px 0;}
.expo_reg h2:before {width: 340px;}
.expo_reg h2:after {left:340px;}
.expo_reg ul.tabs {margin:30px 0;}
.expo_reg span.detail:before {top:10px;transform:initial;}
.expo_reg span.detail a {font-size:1.1rem !important;}
.expo_reg div.title {width: 100%;}
.expo_reg #tab-3 .cont {overflow-x: scroll;}
.expo_reg .tab-content {padding:0;}
.over {overflow-x: scroll;}
.view .blist dl dt, .blist dl dt {width: 70px;}
.blist dl dd {width: calc(100% - 90px);}
}
@media ( max-width: 375px ) {
.general td.botit a {width: 250px;}
.logo-area ul li { padding: 0px 5px;}
.faqTab ul li, .faq dl dd, .faq dl dd.group, .faq dl dd a, .faq dl dd.answer p {font-size: 1rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#container .content02 .class dl dd h3 {font-weight: 500;}
#container .content02 .class dl dd .classTable .info_detail span {font-size:1.1rem;}
#container .content02 .class dl dd .classTable li.classInfo {padding:10px;}
#container .content02 .class dl dd h3.eng {font-size:1.5rem;}
#container .content02 .class dl dd h3 {font-size:1.2rem;}
.find.mt20 > ul:last-child, .find.mt20 > ul:first-child, .find.mt20 > ul li.name .input02, .find.mt20 > ul li.id .input02 {width: 100%;}
.find.mt20 > ul li.email input:first-child {width: calc(40% + 10px);}
input.Find {height: 35px;line-height: 35px;margin-top: 5px;}
.pt20.find_m {font-size:1.1rem;line-height: 20px;padding-top:10px;}
.login_form ul:first-child, .login #UserID, .login #Password1 {width: 100% !important;}
.login_form ul:last-child {width: 100% !important;height: 35px !important;line-height: 35px !important;margin-top: 5px;}
.login_form ul input.login {height: 35px !important;line-height: 35px !important;}
.app .info input {width: calc(100% - 20px) !important;}
.app li, .app .price_frm li .sub_total td, .app .price_frm li th, .app .price_frm input, .app .price_frm li .total_price ul li, .app .privacy-of-use .content p {font-size:1rem;}
.app .title {line-height: 49px;}
#it_sum1, #it_sum2 {max-width: 70px;}
.app h2 {margin: 30px 0 10px 10px;}
.sec06 .contents ul li.video a, .sec06 .contents ul li.gallery a {font-size:1rem;}
#container .content02 > h2, .mallTitle, .mallDay {font-size:1.2rem;}
.mallCon .pt15, table.mall td, .mallCon .pt20 {font-size:1.1rem;line-height:20px;}
.expo_reg h2:before {width: 250px;}
.expo_reg h2:after {left:250px;}
.expo_reg h2 {font-size:1.2rem;}
.expo_reg ul.tabs li {font-size:1.1rem;padding: 5px 15px;}
.expo_reg #tab-2:after {font-size:4rem;line-height:4rem;}
.expo_reg .img_box li {height: 100px;}
.expo_reg tr, .expo_reg td, .expo_reg table td span, .expo_reg .sch li span {font-size:0.9rem}
.head .gnb .my a {font-size:0.8rem;}
#header .head dl.gnb dt, #header .head dl.gnb dd.lang {width: 50px;}
#header .head dl.gnb dt a, #header .head dl.gnb dd.lang a {width: calc(50% - 3px);display: inline-block;}
#header .head dl.gnb dt a img, #header .head dl.gnb dd.lang a img {width: 100%;}
#header .head dl.gnb dd.lang > a:nth-child(2) {left:25px;}
.on_class_time div.class_title {min-height: 155px !important;}
table.mall .pt15 .c_info {margin-right: 5px;margin-bottom: 5px;}
table.mall .pt15{height: 35px;}
#container .content02.virtual table img {width: 70px;}
}
@media ( max-width: 320px ) {
.sec06 .contents ul li td.noTit a {width: 265px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sec06 .contents ul li {margin-bottom: 30px;}
.sec06 .contents ul li.video, .sec06 .contents ul li.gallery {height: 150px;}
.general td.botit a {width: 220px;}
.general td.botit a, .general td {font-size: 1rem;}
#container .content02 .class dl dd h3 {font-size:1.2rem;}
#container .content02 .class dl dd .classTable .class_content, #container .content02 .class dl dd .classTable .class_content .classes_sub span {font-size:1rem;}
#container .content02.off_pre .pre_class .detail .priceBox p {line-height: 21px;}
#container .content02.off_pre .pre_class .detail .priceBox p.pt15 {padding-top: 5px;text-align:right;}
#container .content02 .class dl dd .classTable li {padding:5px 0;}
#container .content02 .class dl dd .classTable .info_detail {width: 100%;}
#container .content02.off_pre .pre_class .detail .priceBox .price {font-size:1.2rem;}
#it_sum1, #it_sum2 {max-width: 50px;}
.app h2 {font-size:1.3rem;}
.m_join input.input03 {max-width:180px !important;}
.m_join #BirthDay {width:calc(100% - 50px) !important;}
.m_join .pt20, .m_join .pt10 {font-size:1rem;}
#container .content02 .lecThumb ul li:before {font-size:0.8rem;}
table.mall02 .pt5 {font-size:1rem;}
.programs tr, .programs td {padding:5px !important;}
.pia_spon h2:before {width:230px;}
.pia_spon h2:after {left:230px;}
.pia_spon h2 {font-size:1.2rem;}
.expo_reg #tab-2:after {font-size:3rem;line-height:3rem;}
.expo_reg .img_box li {height: 80px;}
.head .gnb .my a {padding-left:15px;margin-right: 5px;}
table.mall th {min-width: 65px !important;}
#container .content02 > h2, .mallTitle, .mallDay {font-size: 1.1rem;}
}