@media all and (max-width:767px) {

.popup_drag {
top: 0px !important;
left: 0px !important;
}
.popup_drag table {
width:100% !important;
height:auto !important;
}
.popup_drag img {
width:100% !important;
height:auto !important;
}

/* header */
#float_banner { display:none; }
.right_tab { display:none; }
.icon_list > li > a { font-size:0; margin-right:10px; gap:0; }
.t_logo { left:10px; width:52px; height:10px; }
.search_area .keyword { width:100% !important; }
.mBtn { width: 20px; height: 20px; top: 50%; transform: translate(0, -50%); right:10px; }
#mheader .mNav { width:80%; }
.search_area.mobile { padding:10px; }
.only_m { display:block; }
table.only_m { display:table; }
.only_pc { display:none; }
.left_tab { left:60px; }
.left_tab li a {  width:auto; padding:0 8px; font-size:12px; letter-spacing:-0.35px; }
.icon_list { margin-right:0; }
.icon_list li .b_icon { width:26px; height:26px; }
.top_header { height:50px; }
.tr_flex { top:0; }
.hub_main_select { font-size:12px; padding:3px 7px; }
.custom-prev, .custom-next { width:30px !important; height:30px !important; }
.custom-prev:after, .custom-next:after { font-size:13px !important; }
.icon_list > li.face_icon { display:none; }
.icon_list > li:nth-child(3) a { margin-right:0; }

.slide_txt { width:90%; min-width:90%; }
.slide_txt h3 { font-size:30px; }
.slide_txt p { font-size:14px; }

.mySwiper .swiper-slide { height:300px; }
.thumb_list { row-gap:40px; }
.thumb_list li .thumb_tit { font-size:14px; }
.thumb_list li:first-child { display:none; }
.tn_list { grid-template-columns: repeat(2, 1fr); grid-column-gap: 15px; }
.pro_list li .price_list .blue_txt { position:absolute; left:8px; top:8px; background-color:#fff; width:35px; height:35px; border-radius:100%; display:flex; align-items:center; justify-content:center; font-size:13px; }
.tn_list li .price_list .blue_txt { position:absolute; left:8px; top:8px; background-color:#fff; width:35px; height:35px; border-radius:100%; display:flex; align-items:center; justify-content:center; font-size:13px; }
.np_list > li .num { width:35px; font-size:15px; }
.tn_sum { font-size:13px; }
.item_tit h2 { font-size:25px; }
.tn_list { margin-top:30px; }
.tn_th { height:26vw; }
.sort_item { margin-bottom:10px; gap:5px; }
.sort_item li a { font-size:12px; padding:5px 10px; }
.item_tit h2 { font-size:18px; }
.select_pagi_box { gap:10px; }
.custom-prev { margin-right:7px; }
.item_tit { margin-bottom:0; flex-flow:column; align-items:start; gap:7px; }
.plus_more { font-size:12px; margin-left:5px; }
.select_pagi_box { width:100%; justify-content:space-between; }

.rec_swiper .swiper-slide { align-items:start; }
.tn_name { font-size:14px; }
.new_rec { margin-bottom:50px; }
.main_media { margin-bottom:110px; }
.new_pro { margin-bottom:50px; }
.event_banner { margin-bottom:50px; }
.hot_item { margin-bottom:50px; }
.mint_webinar { margin-bottom:50px; }
.me_video { width:95%; left:50%; top:60%; right:auto; transform: translate(-50%, 0); }
.swiper_txt { padding-top:50px; }
.swiper-horizontal > .swiper-scrollbar { width:100% !important; min-width:100%; }
.mw_list > li { margin-right:0; }
.mw_tit h2 { font-size:30px; }
.mw_tit h2 .eng_tit { font-size:15px; }
.main-pagi { bottom:20px; }
.mint_webinar { padding:50px 0; }
.swiper_txt h2 { font-size:30px; }

.big_tab { flex-wrap:wrap; }
.big_tab li { flex:auto; margin-top:-1px; }

.sort_area { flex-flow:column; }
.sort_res { margin-bottom:15px; }
.sort_wrap { flex-flow: column; width:100%; }
.sort_wrap li { width:100%; margin-bottom:10px;}
select.sort_select { width:100%; }
.big_tab li { font-size:16px; }
.big_tab.grid4 li:nth-child(2) { border-right:1px solid #eee; }
.product_tit { font-size:30px; margin-bottom:25px; }
.cate_tab { margin:25px 0; }

.pro_de_wrap { flex-flow:column; }
.pro_de_wrap > div { width:100%; }
.pro_de_wrap > div:first-child { margin-bottom:30px; }
.pdsum_tab_list li a { font-size:14px; letter-spacing:-0.55px; }
.de_tb li p { padding:15px; font-size:13px; }
.de_tb li p:nth-child(1n+0) { width:40%; }
.de_tb li p:nth-child(2n+0) { width:60%; }
.devi_list { grid-template-columns: repeat(2, 1fr); }
.vi_ti { font-size:13px; }
.product_tb colgroup col:nth-child(1) { display:none; }
.product_tb thead th:nth-child(1) { display:none; }
.product_tb tbody td:nth-child(1) { display:none; }
.product_tb colgroup col:nth-child(3) { width:20%; }
.product_tb colgroup col:nth-child(4) { width:20%; }

.aca_img { display:none; }
.aca_txt { width:100%; }
.aca_txt h3 { margin-bottom:20px; }
.aca_list { grid-row-gap:25px; }
.aca_title h3 { font-size:17px; }
.aca_title .state_icon { font-size:15px; }
.aca_sum_list p { font-size:14px; }
.aca_sum { padding:20px 0; }
.aca_sum_list li { padding:0 10px; }
.event_list { grid-template-columns: repeat(1, 1fr); grid-row-gap: 30px; }
.event_txt h3 { font-size:16px; }
.event_txt .date { font-size:14px; }
.event_img.over:after { font-size:18px; }
.mint_tb thead th { font-size:13px; }
.mint_tb tbody td { font-size:13px; letter-spacing:-0.55px; }
.bo_search_wrap li { flex-wrap:wrap; }
.bo_search_wrap .sort_input  { width:85%; }
.faq_cate { font-size:15px; width:40%; }
.faq_sub { font-size:15px; }
#faq_acc h1 > p { font-size:15px; padding:0 25px; }
#faq_acc h1 p:before { font-size:16px; }
.faq_ico { width:20px; height:20px; }
.faq_a li { font-size:15px; padding-left:20px; }
.faq_a { padding:20px 15px; }
.faq_a li:before { font-size:16px; top:-1px; }
#faq_acc h1 { padding:25px 15px; }
.media_list { grid-template-columns: repeat(1, 1fr); }
.media_list h3 { font-size:16px; }

.ct_list li a { font-size:13px; }

.mp_my { padding:20px 15px; }
.mp_my h3 { font-size:16px; }
.mp_my_list li span { font-size:14px; }
.mp_my_list li .ml_num { font-size:15px; margin-left:5px; }
.mp_my_list li { margin-right:25px; }
.mp_my_list li:after { right:-15px; }
.mp_box li .ti { font-size:14px; letter-spacing:-0.35px; }
.mp_box li { padding:20px 5px; }
.mp_box li .num { font-size:20px; }
.mp_left_cate.mobile_only li a { font-size:14px; padding:0; }
.mp_left_cate.mobile_only li { width:33.333%; margin-right:0; }
.mp_left_cate.mobile_only { flex-wrap:wrap; padding:15px; }
.mypage_stit { font-size:16px; margin-bottom:0; }
.mypage_stit:before { height:15px; }
.mp_stit { margin-bottom:15px; }
.rev_tb colgroup col:nth-child(1) { width:12%; }
.rev_tb colgroup col:nth-child(3), .rev_tb colgroup col:nth-child(4) { width:22%; }
.myinfo_tb tbody th { font-size:14px; width:30%; }
.search_area.mobile .key_btn { top:10px; }
input[type="file"].ipt_box { width:100% !important; }
.mypage_tb tbody td { font-size:13px; }
.mypage_grid { margin-bottom:30px; }
.mp_sebox > div { flex-flow:column; align-items:start; }
.mp_sebox { padding:15px; }
.mp_intit { width:100%; margin-bottom:10px; }
.mp_inbox { width:100%; flex-flow:column; align-items:start; gap:10px; }
.mp_sebox > div:first-child { border-bottom:1px solid #eee; padding-bottom:20px; }
.mp_inbox  select.sort_select { margin-bottom:5px; }
.ctd_flex { display:flex; align-items:center; }
.ctd_flex .cimg_area { top:auto; left:auto; position:relative; }
.ctd_flex .ctxt_area { padding-top:0; padding-left:15px; margin-bottom:10px; }
.ctd_desk { padding-left:80px; margin-top:15px; }
.ctd_desk li { display:flex; align-items:center; justify-content:space-between; margin-bottom:5px; }
.ctd_desk li:last-child { margin-bottom:0; }
.cartbtn_list.ctd { display:flex; margin-top:15px; }
.cartbtn_list.ctd li { flex:1 1; width:50%; margin-right:8px;  }
.cartbtn_list.ctd li:last-child { margin-right:0; }
.cartbtn_list.ctd li a { display:block; }
.ver_t { vertical-align:top; }
.cp_wrap_m { background-color:#eaf4f5; padding:15px; margin-bottom:30px; }
.cp_wrap_m ul li { display:flex; align-items:center; font-weight:400; justify-content:space-between; margin-bottom:5px; }
.cp_wrap_m ul li b { position:relative; font-size:16px; font-weight:600; }
.cp_wrap_m ul li b:after { content:'원'; font-size:13px; margin-left:2px; margin-top:-2px; }
.cp_wrap_m ul li .blue { color:#1fa0b0; }
.pay_list { flex-flow:column; align-items:start; gap:0; padding:10px 0; }
.pay_list li { margin-bottom:5px; }
.pay_list input { height:auto !important; }
.order_noti { font-size:16px; word-break:keep-all; }
.comp_txt { font-size:26px; }
.myinfo_tb tbody td textarea { width:100%; }

.big_tab li a { font-size:15px;}
.small_tab { gap:0; }
.small_tab li { flex:1; }
.small_tab li a { font-size:14px; }
.small_tab li a:after { bottom:0 !important; }

.f_inner { flex-wrap:wrap; flex-flow: column-reverse; gap:20px; padding:30px 20px; }
.f_logo { width:60px; height:25px; margin-bottom:15px; }
.f_info { width:100%; flex:auto; margin-bottom:0; }
.f_info .f_list li { font-size:13px; }
.f_info .f_list br { display:none; }
.f_company .f_clist li { font-size:13px; }
.f_cs .f_cslist li { font-size:13px; }
.back-top { width:40px; height:40px; right:20px; bottom:20px; }
.back-top svg { width:18px; }
.f_select .fs_box { font-size:13px; padding:12px 15px; }
.f_select .fs_menu li { font-size:13px; }
.f_select .fs_menu { padding:10px 15px; }


/* 허브 상세 */
.hub_left_video { margin-bottom:15px; }
.hub_detail_name { font-size:18px; }
.hub_detail_date { font-size:14px; }
.hub_detail_logo { width:30px; height:30px; }
.hub_detail_icon ul { gap:10px; }
.hub_detail_desk_list li { font-size:12px; }
.hub_detail_icon_list li i { font-size:18px; }
.hub_detail_desk_list .b_num { font-size:14px;  }
.hub_detail_recolist li .hd_conts { padding-top:0; }
.hd_conts .hd_conts_name { font-size:14px; margin-bottom:5px; }
.hd_conts .hd_conts_conts { font-size:13px; }
.hub_detail_recolist li { margin-bottom:10px; }
.hub_detail_stit { margin-bottom:15px; }
.hub_detail_wrap { margin-bottom:50px; }
.hub_detail_item { margin-bottom:50px; }
.hub_detail_comment_thumbnail { width:40px; height:40px; }
.hub_detail_commentbox input { height:50px; }
.hub_detail_commentbox button { padding:5px 10px; font-size:12px; }
.hub_detail_commentbox input { padding-right:80px; }
.hd_comment_tit { font-size:14px; margin-bottom:2px; }
.hd_comment_tit span { font-size:12px; }
.hd_comment_desk { font-size:13px; margin-bottom:10px; }
.hub_detail_commneticon li { font-size:12px; }
.close_comment { font-size:14px; padding:25px 0 15px; }
.hub_detail_comment_tit { font-size:15px; }

.tnp_name { font-size:14px; }
.tnp_sum { font-size:13px; }
.price_list li { font-size:13px; }

.hub_li_gap { gap:15px; }

.tn_name { -webkit-line-clamp: 2; }

.sub_visual h2 { font-size:30px; }
.sub_visual p { font-size:15px; }

.li_name { font-size:14px; }
.li_sum { font-size:13px; }

.relation_wrap {width: 85%;}
.next_btn a {font-size: 13px; line-height: 30px;}
.next_btn {margin: 15px 0 0;}
.relation_video {display:none;}

.kakao-btn-r {width: 40px; height: 40px; right: 20px; bottom: 65px;}
.kakao-btn-r a > img {width: 25px; padding: 7px 0;}

.pipLayer_video {bottom: 25px; right: 80px;}
.big_banner img { width: 100% !important;  height: 170px; object-fit: cover; }

.join_title h2 { font-size:30px; }
.join_title h3 { font-size:16px; font-weight:400; word-break:keep-all; }
.int_dotlist.flex > li .ti { font-size:15px; padding-left:11px; }
.int_dotlist.flex > li .ti:before { top:9px; }
.int_dotlist.flex > li .desk { font-size:15px; }

.join_tb { table-layout:fixed; }
.join_tb colgroup col:nth-child(1) { width:35%; }
.join_tb colgroup col:nth-child(2) { width:65%; }
.join_tb tbody th { font-size:14px; }
.join_tb tbody td { font-size:14px; }
.join_tb tbody td input[type="password"] { width:100%; }
.join_tb tbody td select { width:100%; }
.join_tb tbody td input[type="text"] { width:100%; }

.joincs_list { font-size:15px; }
.joincs_txt { font-size:14px; }
.joincs_list a { margin-left:5px; }

.f_email { font-size:13px; }
.copy { font-size:13px; }

.mint_tb tbody td:nth-child(1) { width:auto !important; }
.mint_tb tbody td.new_qna_icon { padding-left:10px !important }

.plus_more { color:#1fa0b0; }
.plus_more i { display:none; }
}

@media all and (max-width:545px) {
	.pipLayer_video {height: 45vw; width: 79vw; bottom: 25px; right: 70px;}
	#pipLayer .pipVideo-dimensions { height: 100% !important; width: 100% !important;}
}


@media all and (max-width:420px) {
	.next_conts_name {font-size: 13px;}
	.next_conts_conts {font-size: 12px;}
}