/* 1280 : 1280 ~ 1550 */
@media only screen and (max-width: 1550px) {
	.top_menu_wrap .top_menu { position:relative; padding:0 30px; margin:0 5px; display:flex; line-height:30px; width:140px; height:30px; background:#fff; border:0.5px solid #000; border-radius:20px; color:#000; font-size:14px; white-space:nowrap; overflow:hidden; cursor:pointer; transition:all .5s ease; }
	.top_menu_wrap .top_menu .top_submenu a { margin:0 2px; font-size:12px; }
	.top_menu_wrap .top_menu.service { width:98px; }
	.top_menu_wrap .top_menu.service:hover { width:380px; }

    .body_container { z-index:2; }
/*    .container .grid2 { grid-template-columns: 1fr; }*/
/*    .container .grid2 { display:unset; }
	.dashboard .box_small.hovering.cursor { display:inline-block; width:33.3%;}
	.dashboard .grid4.nothing { display:unset;}
	.dashboard .box_small.hovering.cursor.wid { display:inline-block; width:49.5%;}
	.dashboard .box_small.hovering.cursor.wid100 { display:inline-block; width:100%;}
	.dashboard .grid2 .noname .margin_top3p { position:relative !important;}
	.box_small.cursor.nothing { display:inline-block; width: 33.3% }
*/

    .container .grid2_1 { grid-template-columns: 1fr; aspect-ratio:1; }

	.section .t_title { font-size:65px; }
	.section .txt_wrap, .section .t_title { line-height:1.2; }
	.scale_line_box.margin_top50 { margin-top:40px; }
	.from1550_self { padding: 10px 84px; }
	.from1550_drop { padding: 10px 50px; }
	.section .txt_large { font-size:65px; }
	.section .txt { font-size:23px; }
	.section .w1 { width:500px; }
	.section .c_title { font-size:120px; }
	.company { grid-template-columns:1fr 1fr 1fr; }
	.container_desc { font-size:18px; }

	.stepbox { width:32%; }
	.btn_right_box_msg { max-height:200px !important; top:calc(50vh - 100px); }
	/*.btn_right_box_msg { width:360px !important; max-height:200px !important; top:calc(50vh - 100px); left:calc(50vw - 180px); }*/
	
}
/* 960 : 960 ~ 1279 */
@media only screen and (max-width: 1279px) {
	.guide_line.line3 .guide_top_center_circle,
	.guide_line.line3 .guide_btm_center_circle { left: calc(50% - 10px); }

	.top_menu_wrap .top_menu .top_submenu a { padding:0px 6px; font-size:10px; } 
	/*.footer_area.mob_hide .brand { margin-bottom:230px; }*/
	/*.footer_area.mob_hide .company { display: block; bottom: -300px; text-align: center; padding-bottom: 89px; }*/
	.footer_area.mob_hide .company.only_landing { bottom: 90px; text-align: center; padding-bottom:0; }
	.under1279 { margin-top: 30px; }
	.footer .footer_nav { flex-flow: row wrap; }
	.guide_vert1, .guide_vert3 { display:none; }
/*
	.body_container .body_contents { width: calc(100% - 20px); }

	.guide_line .guide_vert1,
	.guide_line .guide_vert3 { display:none; }
*/
	.top_menu_wrap .top_menu.hotpod.on { width:366px; }
	.top_menu_wrap .top_menu.drop.on { width:340px; }
	.top_menu_wrap .top_menu.shop.on { width:575px;}
	.maker_wrap.maker { display:block; margin-bottom:90px; height:unset; }
	.maker_wrap .maker_vert1 { width:100%; padding:0; }
	.maker_wrap .maker_vert2 { width:100%; padding:0; margin-top:60px; }
	.maker_wrap .maker_vert3 { width:100%; padding:0; margin-top:60px; }

	.maker_wrap .maker_vert1.vert_common { margin-top:80px; }

	.vert_img { height:auto; overflow:hidden; }
	.vert_img .scroll_hint { display:none; }

	.section .t_title { font-size:70px; }
	.section .txt_large { font-size:48px; }
	.section .txt { font-size:25px; }
	.section .w1 { width:510px; }
	.section .news_wrap .grid2 { margin-bottom:80px; }

	.section .news_wrap .grid4 { grid-template-columns:1fr 1fr; gap:10px; margin-bottom:80px; }
	.section .news_wrap .grid2 { grid-template-columns:1fr; }
	.section .news_wrap .grid2 .g_info { margin-left:20px; }
	.section .news_wrap .grid2 .g_info .g_btn { margin-bottom:16px; padding:4px 12px; height:25px; }

	.image_box { grid-template-columns:1fr 1fr; margin-bottom:50px; }
	.maker_wrap .maker_vert1 > div { padding-right: 0; }

	.font_adjust { font-size:13px; }

	.container_product { width:100%; padding:10px; }
	.product_desc .product_grid4 { grid-template-columns: 1fr 1fr; gap:0; margin-bottom:0; }
	.product_desc .product_grid4 > div { padding-bottom:40px; }
	.product_detail .item_img .img_wrap img  { scale:0.6; }


	.full_size .txt_wrap .t_title { font-size:60px; }
	.full_size .txt_wrap .t_desc { font-size:22px; }
	.full_size .txt_wrap .t_desc.small { font-size:18px; }
	.board_content table,
	.board_content table tbody,
	.board_content table colgroup,
	.board_content table col,
	.board_content tr,
	.board_content td { display:block; width:100%; }
	.board_content td { padding:20px 0; }
	.board_content .image { width:100%; }
	.board_content .image img { width:100%; }

	.maker_wrap .scroll_area.early_mo,
	.maker_wrap .scroll_area.early_mo.btm2 { height:auto; overflow:hidden; }
	.maker_wrap .mob_flex { display:flex !important; }

	.maker_wrap.main { display:block; margin:0 auto; width:calc(100% - 180px); margin-bottom: 50px; }
	.maker_wrap .maker_left { width:100%; padding:0; position:relative; }
	.maker_wrap .maker_left .side { padding:0; padding-top:10px; }
	.maker_wrap .maker_right { width:100%; padding:0; gap:unset !important; }
	.maker_chk { margin-left:unset; padding:60px 0 50px 0; }
	.mob_hide_main { display:none !important; }
	/*.flex_only.dis_none.mob_show_main { display:block; overflow-y: scroll; height:100%; overflow-x:hidden; }*/
	.total_price_cart_checkbox.bg_lightgray.main_abs_btn { margin-bottom:50px; }
	/*.preview_maker { position: sticky; bottom: 0; }*/
	/*.maker_layer .maker_top.preview_img img { width:40% }*/
	.expanding_height { margin-bottom:50px; }
	.white_round.text_center.main { position: sticky; bottom: 40px; }
	.top_menu_hide { display:flex; }

	.guide_line.line3 .guide_center_circle { display:none; }
	.guide_line.line3 .guide_vert2 { width:50%; }
	.top_menu_wrap.line3 { left:unset; width:calc(100% - 160px); }
	
	.maker_wrap .center_wrap { width:100%; margin-top:10px; }
	.maker_wrap .center_wrap.flex_box { margin-top:30px; }
	.stepbox_wrap { width: calc(100% - 170px) !important; position: relative; font-size:12px; margin:0 auto; }
	.stepbox_wrap.main { padding-bottom:25px; }
	.maker_size_box { margin-bottom:90px; }

	.maker_r_layer .flex { flex-wrap: wrap; gap: 20px !important; }
	.maker_r_layer .flex > div { width:unset !important;}

	.maker_layer .maker_layer_wrap { overflow-y:scroll; display:block !important; padding-right:32px; }
	.maker_layer .maker_g_left { display:none; }
	.maker_layer .maker_top { display:block; margin:0 0 40px 0; }
	.main_abs_btn { position: sticky; bottom: 0px;  width:100% !important; }
	/*.main_abs_btn { position: fixed; bottom: 50px; width: calc(100% - 100px); }*/
	.maker_layer .maker_scroll { height:unset; overflow-y:unset; padding-right:0; }
	.maker_layer .maker_g_stand { display:block; }
	.maker_layer .maker_g_stand>div:first-child { margin-bottom:40px; }
	.maker_layer.maker_wrap.grid_1_1_0_8 .for_scroll { display:block; padding:0px 32px 0px 0px; overflow-y:scroll; }

/*	.maker_wrap .maker_vert2 .vert2 .prd_select_img { right:50px; }*/
}
/* MOBILE */
/* 640 : 640 ~ 959 */
@media only screen and (max-width: 959px) {
/*	.main_abs_btn { bottom:20px; width: calc(100% - 50px); }*/
	.maker_layer .maker_layer_wrap { padding-right:17px; }
	.maker_layer.maker_wrap.grid_1_1_0_8 .for_scroll { padding:0px 17px 0px 0px; }
	.maker_wrap .maker_vert2 .vert2 .prd_select_img { bottom:-5px; }

	.maker_wrap .scroll_area.btm2 {height:unset;} 
	.white_round.for_font14 { font-size:14px; }
	.maker_wrap .maker_vert3 .item_color_kor_name  { font-size:11px; }
	.btn_right_box.no_moving { bottom:0 !important; }
	.maker_wrap .maker_left .side, .img_notice_hidden { font-size:11px; }
	.maker_wrap .maker_file .maker_file_rect .maker_title,.maker_wrap .maker_file .maker_file_rect .maker_txt {font-size:11px; line-height:13px; }
	.maker_wrap .center_wrap > input, .maker_wrap .center_wrap { font-size:12px; }
	.box.width100.bg_gray, .box.width100.bg_opa5 { font-size: 14px; }
	.maker_chk .item_name, .total_price_cart_checkbox.bg_lightgray.main_abs_btn  { font-size:14px; }
	.new_main_abs_btn {font-size:14px; position:fixed !important; bottom:20px !important; width:calc(100% - 40px) !important; }
	.maker_size_box { margin-bottom:unset; }
	.stepbox_wrap { display:none; } 
	.body_container { padding-top: 60px; }
	/*.image_item .img { position: relative; padding-top: 40px; padding-left:0; width:unset; }*/
	.rect.height { font-size:12px !important; }
	.round.height, .maker_color, .rect.height.light_kr { font-size:11px !important; }

	.btn_right_box_msg .emo_img.mob_mar { margin:20% auto !important; }
	.btn_right_box_msg .emo_img.mob_mar2 { margin:13% auto !important; }
	.btn_right_box_msg .msg_pop_wrap .msg_content.mob_content { font-family: 'hotpods_light', 'Noto Sans CJK KR'; }
/*	.btn_right_box_msg .msg_pop_wrap .emt_area { height:30px; }*/
	.btn_right_box_msg .msg_pop_wrap .msg_height { display:none; }
	.btn_right_box.box_down { top: unset; bottom:-800px; }
	.btn_right_box.box_on { bottom:0; }
	.btn_right_box_msg.login { top: calc((100% / 2) - 90px); }
	.btn_right_box_msg { width:320px; right: calc((100% / 2) - 160px) !important;}
	.btn_right_box_msg.btn1 { width: 270px !important; right: calc((100% / 2) - 135px) !important; height:200px; }

	.section .center_img { height:70%; }
	.section .news_wrap .grid4 .g_item_img { width:100%; }

	.maker_wrap .center_wrap { display:flex; margin-top:10px; }
	.maker_wrap .center_wrap.flex_box { margin-top:10px; }
	.maker_wrap .circle { flex:1; height:5px; border-radius:0; background:#C1C5C7; }
	.maker_wrap .circle.on { background:#000; }
	.maker_wrap .mob_show { display:block !important; }
	.maker_wrap .mob_hide { display:none !important; }

	.total_price_cart_checkbox.bg_lightgray.main_abs_btn { margin-bottom:0px; bottom:20px; width:calc(100% - 40px) !important; }
	.total_price_cart_checkbox.main { margin-bottom: 60px !important; }
	.font_adjust { font-size:12px; }
	.top_menu_wrap { display:none; }
	.mb_site_name { display:grid; justify-content:center; }
	.left_menu { top:75px; }
	.center-button { width:160px; height:160px; font-size:11px; line-height: 15px; }
	.guide_line .guide_top_line { height:10px; }
	.guide_line .guide_lft_line { width:10px; }
	.guide_line .guide_rgt_line { width:10px; }
	.guide_line .guide_btm_line { height:10px; }

	.guide_line .guide_tl_rect,
	.guide_line .guide_tr_rect,
	.guide_line .guide_bl_rect,
	.guide_line .guide_br_rect,
	.guide_line .guide_vert1,
	.guide_line .guide_vert3,
	.guide_line.line3 .guide_vert1,
	.guide_line.line3 .guide_vert3 { display:none; }
	.guide_line.line3 .guide_vert2 { width:50%; }
	.guide_line.line3 .guide_center_circle,
	.guide_line .guide_center_circle { top:calc(50% - 80px); left:calc(50% - 80px); width:160px; height:160px; }
	.guide_line.line3 .guide_top_center_circle,
	.guide_line .guide_top_center_circle { top:50px; }
	.guide_line.line3 .guide_btm_center_circle,
	.guide_line .guide_btm_center_circle { bottom:50px; }
	.guide_line .guide_lft_center_circle { left:20px; }
	.guide_line .guide_rgt_center_circle { right:20px; }
	.guide_line .guide_vert1 { width:50%; }

	.guide_line.line3 .guide_top_center_circle { left:calc(50% - 10px); }
	.guide_line.line3 .guide_btm_center_circle { left:calc(50% - 10px); }

	.btn_left_menu,
	.btn_right_menu { width:60px; height:61px; }
	.btn_left_menu > img,
	.btn_right_menu > img { width:26px; }
	.btn_right_login { top:52px; right:10px; height:40px; }
	.btn_right_cart { top:90px; right:10px; height:40px; }
	.btn_btm_right_menu { width:40px; height:40px; right:10px; bottom:48px; }
	.btn_btm_right_menu > img { width:31px; }
/*
	.body_container .body_contents { width:unset; }
*/
	.p_title { top:0; right:30px; font-size:10px; }
	.container.inner_width { width:calc(100% - 20px); }
	.section .bot { font-size:10px; }
	.section .bot div:nth-child(1) { margin-left:-30px; }
	.section .bot div:nth-child(2) { margin-right:-30px; width:68px; }
	.section .bot div:nth-child(3) { width:calc(100% - 75px); }
	.section .news_wrap { width:calc(100% - 20px); margin:16px auto; padding:30px; }
	.section .news_title { padding-bottom:20px; font-size:10px; }
    .section .news_wrap .grid4 { margin-bottom:20px; }
	.section .news_wrap .grid4 { grid-template-columns:1fr 1fr; }
	.section .news_wrap .grid2 .g_info .g_title { font-size:15px; font-family: 'hotpods_regular', 'Noto Sans CJK KR_bold'; }
	.section .news_wrap .grid2 .g_info .g_desc { font-size:12px; font-family: 'hotpods_regular','Noto Sans CJK KR'; }
	.section .top_left { top:70px; left:25px; }
	.section .btm_right { bottom:70px; right:19px; }
	.from1550_self { padding: 10px 34px; }
	.from1550_drop { padding: 10px 50px; }
/*
	.section .txt_large { font-size:32px; }
*/
	.section .t_title { font-size:60px; }
	.section .txt { font-size:25px; }
/*
	.left_menu .menu { line-height:24px; font-size:14px; }
	.left_menu .submenu { line-height:20px; font-size:12px; height:18px; }
*/
	.left_menu .menu { line-height: 22px; font-family: 'hotpods_regular'; }
	.left_menu .submenu { box-sizing: border-box; padding: 0 10px; font-family: 'hotpods_regular', 'Noto Sans CJK KR'; }

	input[type="checkbox"].filter + label { font-size:12px; }
	.filter_layer { width:calc(100% - 20px); left:10px; overflow-y:scroll; }
	.filter_layer .filter_content { display:block; height:unset; }
	.filter_layer .chk_wrap.emty:nth-child(17n) { width:0; height:0; }
	.filter_layer .filter_content > div { width:25%; }
	.filter_layer .chk_wrap:not(.bold) { display:inline-block; font-size:0; }
	.filter_layer .chk_wrap.bold:nth-child(n+2) { margin-top:12px; }
	.filter_layer .filter_colors { grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; width:calc(100% - 32px); margin-bottom:60px; }
	.filter_layer.overlay_on { bottom:0; height:calc(100% - 60px); }
	.filter_layer.overlay_on .filter_btn_wrap { position:fixed; left:16px; bottom:20px; width:calc(100% - 78px); }
	.search_layer { width:calc(100% - 20px); height:100px; left:10px; }
	.search_layer.overlay_on { bottom:0; }
	.search_layer .input_search { width:70%; }
	.search_layer .btn_search { line-height: 0px; width: 25%; font-size: 10px; }
	.join_form .agree_box .chk_inline li { margin-right:12px; }

	.detail_layer { left:10px; width:calc(100% - 20px); height:88%; }

	.company { grid-template-columns:1fr; }
	.menu_bottom { grid-template-columns:1fr 1fr; }
	.page_wrap.page { padding:unset; }

	.container .page_wrap { padding: 0% 1% 0% 1%; }
	.container.page { padding: 0% 1% 0% 1%; }
	.container.page_grid { padding: 0% 1% 0% 1%; }
	.maker_right .maker_size_box { margin-top:10px; }
	.next_step.bg_lightgray { position: fixed; bottom: 20px; width: calc(100% - 40px); }

	.maker_wrap.maker, .maker_wrap.main { width:calc(100% - 20px); }
	.maker_wrap.maker.step1 { width: calc((100% - 180px)); }

	.maker_layer .maker_left{ float: unset; width: unset; }
	.maker_layer .maker_right { float: unset; width: unset; }
	.maker_layer .maker_scroll .scroll_hint { display:none; }
/*
	.maker_layer.maker_wrap.height { height:40%; }
	.maker_wrap .canvas_item, .maker_wrap .canvas_wrapper, .canvas_container .konvajs-content > canvas, .konvajs-content { width:380px !important; height:380px !important; bottom:40px; }
*/
	.maker_layer .maker_right .maker_left { display:block; }

	.maker_right .item_color { width:24px; height:24px; }

	.center_wrap .box, .round.cursor.step_page.step1_btn.text_center { width:100% !important; }

	.container .sad_emo_msg_front { font-size: 40px; }
	.container .sad_emo_msg_behind { font-size: 200px; }

	.product_detail { display:block; width:100%; }
	.product_detail .item_img { width:100%; }
	.product_detail .item_desc { width:100%; }
	.item_desc .more_info { position:fixed; top:50px; left:10px; width:calc(100% - 20px); height:calc(100% - 60px); }
	.product_size_box { position:fixed; bottom:10px; left:10px; width:calc(100% - 20px); z-index:1; }

	.bg_center { width:calc(100% - 40px); }
	.full_size .txt_wrap .t_title { font-size:40px; }
	.full_size .txt_wrap .t_desc { font-size:18px; }
	.full_size .txt_wrap .t_desc.small { font-size:14px; }
	.board_content_wrap .board_content { padding:20px; }

/*	.maker_wrap .canvas_item, .maker_wrap .canvas_wrapper, .canvas_container .konvajs-content > canvas { width:300px !important; height:300px !important; }*/
	.mob_flex { display:flex !important; }
	.mob_show { display:block !important; }
	.mob_show.hr { width:95%; margin:0 auto; }
	.mob_hide { display:none !important; }

	.img_notice, .btn_wrap { display:none !important; }
	.maker_right .sizebox { font-size:12px; }
	/*.maker_layer { overflow-y:scroll; padding: 50px 2px 50px 50px; }*/
	.img_notice_hidden { margin: 20px 0;}
}
/* 380 : 380 ~ 639 */
@media only screen and (max-width: 639px) {
	.maker_layer .maker_layer_wrap.grid2 { padding-right:17px; }
	.maker_layer .btn_close { top:10px; left:10px; }
/*	.maker_layer .maker_layer_wrap { height:92%; padding-right:22px; }*/
	.slick-dots { gap:10px; }
	.rect.bold.ellipsis { font-size:10px; }
	.section .center_img { height:50%; }
	.maker_layer .maker_top_order { display:block; margin:0 0 40px 0; }

	.mob_show_font45 { font-size:45px !important; }
	.mob_show_font25 { font-size:25px !important; }
	.mob_show_font20 { font-size:20px !important; }
	.mob_show_font15 { font-size:15px !important; }
	.mob_show_font10 { font-size:10px !important; }
	.mob_show_line35 { line-height:35px !important; }

	.section .c_title { font-size:90px; }
	.section .t_title { font-size:45px; line-height: 55px}
	.section .txt { font-size:15px; line-height: 35px; }
	.section .txt_large { font-size:32px; }

	.item_desc .etc { margin:0 24px; }
	.product_desc .product_grid4 { grid-template-columns: 1fr; }
	.product_images .product_grid4 { grid-template-columns: 1fr 1fr; }

	.maker_wrap .canvas_item { width:480px !important; }
	.maker_wrap .canvas_wrapper { width:480px !important; height:480px !important; }
	.maker_wrap .canvas_wrapper canvas { width:480px !important; height:480px !important; }
	.konvajs-content { width:480px !important; height:480px !important; }
	.maker_wrap .maker_file .maker_file_rect { width:180px; height:226px; }

	.scale_line_box.line_break { width:140px; height:60px; }
	.scale_line_box.line_break2 { width:130px; }
	.scale_line_box .slb_txt .cursor { display:grid; }
	.section .w1 { width:350px; }
	.section .txt { font-size:18px; line-height:22px; }
}
@media only screen and (max-width: 519px) {
    .maker_wrap .canvas_item { width:340px !important; }
    .maker_wrap .canvas_wrapper { width:340px !important; height:340px !important; }
    .maker_wrap .canvas_wrapper canvas { width:340px !important; height:340px !important; }
    .konvajs-content { width:340px !important; height:340px !important; }
    .maker_wrap .maker_file .maker_file_rect { width:128px !important; height:160px !important; }
	.maker_wrap .maker_file .maker_file_rect .maker_txt { top: 65px !important; }
	.img_notice_hidden { margin: 20px 0; }
}

@media only screen and (max-width: 400px) {
	.section .t_title { font-size:32px; }
	.section .c_title { font-size:60px; }
	.company { grid-template-columns:1fr; }
/*
	.toggleSwitch { left: 75%; }
*/
}