@charset "utf-8";

/**** Media Query *********************************/
@media (max-width:1320px){
/* sub_con */
	.speed_ul{box-sizing: border-box; padding: 10px 20px;}

/* shop1_intro */
	.shop_intro_list{box-sizing: border-box; padding: 0 20px;}
	.shop_intro_list > li figure{height: auto;}

/* shop1 list */
	.shop_s1{box-sizing: border-box; padding: 0 20px;}
	.shop_s1 #sit_ov_wrap #sit_ov .sit_ovinen{padding-left: 40px;}

/* 시안선택하기 템플릿*/
	.fliter_list{box-sizing: border-box; padding: 0 20px;}

/* 시안선택하기 디자인 업로드 */
	.self_temp_section{box-sizing: border-box; padding: 0 20px 12vw;}
	.self_temp_section .arti1 p, .self_temp_section .arti1 ul > li{word-break: break-all;}

/* 마이페이지 장바구니  */
	#sod_bsk_list{box-sizing: border-box; padding: 0 20px;}

/* 마이페이지 주문하기 주문결제 */
	#sod_fin{box-sizing: border-box; padding: 0 20px; margin-bottom: 12vw;}

/* 미아페이지 주문내역 전체보기 */
	#sod_inquiry{width: calc(100% - 40px); margin-left: 20px;	}
}

@media (max-width:1024px){

/* shop1_intro */
	.shop_intro_list{margin-bottom: 12vw;}
	.shop_intro_list > li{width: 49%; margin-right: 2%;}
	.shop_intro_list > li:nth-child(3n+3){margin-right: 2%;}
	.shop_intro_list > li:nth-child(2n+2){margin-right: 0;}

/* shop1 list */
	.shop_s1 #sit_ov_wrap {flex-direction: column;}
	.shop_s1 #sit_ov_wrap #sit_pvi{width: 100%;}
	.shop_s1 #sit_ov_wrap #sit_ov{width: 100%; padding: 5vw 0px;}
	.shop_s1 #sit_pvi .bx-wrapper,
	.shop_s1 #sit_pri_frame{height: auto !important;}
	#sit_pvi_big > a img{position: static; width: 100%; height: auto !important;}
	#sit_pvi_thumb li > a > img{width: 100%; height: auto !important;}
	.shop_s1 #sit_pvi_thumb li{height: auto;}
	.shop_s1 #sit_ov_wrap #sit_ov .sit_ovinen{padding-left: 0;}
	.shop_s1 .option_style > li{width: auto;}
	.shop_s1 .option_style > li a{padding: 0 7px;}
	.shop_s1 #sit_pvi_thumb li{flex:none; width: 32%; margin-right: 2% !important;}
	.shop_s1 #sit_pvi_thumb li:nth-child(3n+3){margin-right: 0 !important;}

/* 작업가이드 */
	.bottom_page .cms_page2 .cms_cnt_wrap > * > .cnt_box{display: block !important;}
	.bottom_page .cms_page2 .cms_cnt_wrap > * > .cnt_box .b_figure{display: block !important; width: 100% !important; }
	.bottom_page .cms_page2 .cms_cnt_wrap > * > .cnt_box .b_figure figure{width: 100% !important;}
	.bottom_page .cms_page2 .cms_cnt_wrap > * > .cnt_box .right_txt{display: block !important; width: 100% !impotant; padding-left: 0 !Important; margin-top: 5vw !important;}

/* 고객리뷰 */
	.sit_use_list #sit_use_ol .sit_use_li .view_box .tbx h3{word-break: break-all;}

/* 시안선택하기 */
	.Synopsis_wrap{width: 100%; }
	.Synopsis_wrap .Synopsis_box{width: 95%;}
	.close_new_what{right: 0; top: -50px;}
	
/* 마이페이지 장바구니 */
	#sod_bsk_list{width: 100%; overflow-y: auto;}
	.my_cart {min-width:850px; overflow-y: auto;}
	
}


@media (max-width:800px){
/* shop1 list */
	.bottom_page .cms_page2 .cms_cnt_wrap {padding: 5vw 0;}

/* 고객리뷰 */
	.sit_use_list #sit_use_ol .sit_use_li .view_box{flex-wrap:wrap;}
	.sit_use_list #sit_use_ol .sit_use_li .view_box figure{width: 100%; order:1; margin-bottom: 5vw;}
	.sit_use_list #sit_use_ol .sit_use_li .view_box .num{order:2; display: none;}
	.sit_use_list #sit_use_ol .sit_use_li .view_box .star_box{width: 100%; order:3; text-align: left;}
	.sit_use_list #sit_use_ol .sit_use_li .view_box .tbx{width: 100%; order:4; padding-left: 0;}

/* 시안선택하기 템플릿*/
	.shop_list2 > li{width: 49%; margin-right: 2%; margin-bottom: 3vw;}
	.shop_list2 > li img{width: 100%;}
	.shop_list2 > li:nth-child(4n+4) {margin-right: 2%;}
	.shop_list2 > li:nth-child(2n+2) {margin-right: 0;}

/* 회원가입오나료 */
	.my_page_menu{box-sizing: border-box; padding: 0 20px;}
	.my_page_menu > li > a{font-size: 14px; }

/* 마이페이지 장바구니 */



}

@media (max-width:500px){
/* sub_con */
	.sub_wrap{margin-top: 126px;}
	.speed_ul{margin-bottom: 6vw;}

/* shop1_intro */
	.shop_intro_list > li .tbx h3{font-size: 4vw; line-height: 1; margin-bottom: 2vw;}
	.shop_intro_list > li .tbx .content,
	.shop_intro_list > li .option_box > li{font-size: 3vw; line-height: 1.7; word-break: keep-all;}
	.shop_intro_list > li .tbx .red_span{font-size: 3.2vw; line-height: 1.7;}

/* shop1 list */
	.sub_bigtitle {font-size: 5.5vw; padding-top: 20px; padding-bottom: 5vw;}
	#sit_pvi_big > a figcaption{font-size: 3.6vw; line-height: 1.5; word-break: keep-all; padding: 0 20px; box-sizing: border-box; height: 14vw;}
	.shop_s1 #sit_title{font-size: 4.5vw; line-height: 1.7; margin-bottom: 2vw;}
	.shop_s1 #sit_desc{font-size: 3.2vw; line-height: 1.7; word-break: keep-all; margin-bottom: 3vw; padding-bottom: 0;}
	.shop_s1 #sit_desc ul {margin-top: 3vw;}
	.shop_s1 #sit_desc ul > li {font-size: 3.2vw; line-height: 1.7; }
	.shop_s1 #sit_desc ul > li:before{top: 0.75em;}
	.shop_s1 .sit_op_sl th{font-size: 3.4vw;}
	.shop_s1 .option_style > li > a{font-size: 3vw; }
	.shop_s1 .op_box{margin-bottom: 8vw;}
	.shop_s1 .sit_ov_btn_custom > li{width: 150px; height: 50px;}
	.shop_s1 .sit_ov_btn_custom > li > #sit_btn_cart,
	.shop_s1 #sit_ov_btn .sit_ov_btn_custom > li.cell_box > a{padding-left: 15px; font-size: 3.2vw; line-height: 50px; height: 50px;}
	.shop_s1 .sit_ov_btn_custom > li.cart_box:after{top: 12px;}
	.shop_s1 #sit_ov_btn .sit_ov_btn_custom > li.cell_box > a:after{top: 11px;}
	.shipping_cost_pop .cnt{width: 95%; }	
	.shipping_cost_pop .cnt .cms_cnt_wrap {padding: 30px 15px;}
	
	.bottom_page .page_tab{margin-bottom: 8vw;}
	.bottom_page .page_tab ul > li{font-size: 3.2vw;}
	.bottom_page .page_wrap h4.page_tit{margin-bottom: 5vw;}
	.bottom_page .page_wrap h4.page_tit span{font-size: 3.8vw;}
	.bottom_page .page_wrap h4.page_tit:before{top: 0.75em;}
	.bottom_page .page_wrap h4.page_tit span:before, .bottom_page .page_wrap h4.page_tit span:after{top: 0.23em;}

	.bottom_page .page_wrap{padding-bottom: 5vw;}
	.bottom_page .cms_page1 h2, .bottom_page .cms_page2 h2{font-size: 4vw; line-height: 1.5; margin-bottom: 3vw;}
	.bottom_page .cms_page1 .item_cms_cnt1 .item_cms_cnt_owl .tbx p{font-size: clamp(3.2vw, 3.4vw, 5vw) !important; word-break: keep-all;}
	.bottom_page .cms_page1 .item_cms_cnt2,
	.bottom_page .cms_page1 .item_cms_cnt3{margin-top: 10vw;}
	.bottom_page .cms_page1 .item_cms_cnt2 > ul > li{width: 32%; margin-right: 2%; }
	.bottom_page .cms_page1 .item_cms_cnt2 > ul > li:nth-child(4n+4){margin-right: 2%;}
	.bottom_page .cms_page1 .item_cms_cnt2 > ul > li:nth-child(3n+3){margin-right: 0;}
	.bottom_page .cms_page1 .item_cms_cnt2 > ul > li p{font-size: 3.4vw;}
	.bottom_page .cms_page1 .item_cms_cnt3 ul > li{width: 49%; margin-right: 2%;}
	.bottom_page .cms_page1 .item_cms_cnt3 ul > li:nth-child(3n+3){margin-right: 2%;}
	.bottom_page .cms_page1 .item_cms_cnt3 ul > li:nth-child(2n+2){margin-right: 0;}
	.bottom_page .cms_page1 .item_cms_cnt3 ul > li .tbx h5{font-size: 3.6vw; line-height: 1.5;}
	.bottom_page .cms_page1 .item_cms_cnt3 ul > li .tbx p{font-size: 3.2vw;}

/* 작업가이드 */
	.cms_page{padding-bottom: 5vw;	}
	.bottom_page .cms_page2 > ul{margin-bottom: 0;}
	.bottom_page .cms_page2 > ul > li{font-size: 3.2vw; line-height: 1; }
	.bottom_page .cms_page2 > ul > li:not(:last-child):after{top: 0.2em; height: 0.75em;} 
	.bottom_page .cms_page2 .cms_cnt_wrap{padding-top: 5vw !important; padding-bottom: 2vw !Important;}
	.bottom_page .cms_page2 .bot_p{font-size: 3.4vw; line-height: 1.7;}
	.bottom_page .cms_page2 .cms_cnt_wrap > * > .cnt_box .right_txt{width: 100% !important;}
	.bottom_page .cms_page2 .cms_cnt_wrap > * > .cnt_box .right_txt ol > li .tbx h5{font-size: 3.4vw !important;}
	.bottom_page .cms_page2 .cms_cnt_wrap > * > .cnt_box .right_txt ol > li .tbx p{font-size: 3.2vw !important;}
	.bottom_page .cms_page2 .down_btn{margin-top: 5vw !important;}
	.bottom_page .cms_page2 .down_btn ol li a{font-size: 3.4vw;}

/* 가격 */
	.bottom_page .cms_page3 .none_cms ul{margin-bottom: 5vw;}
	.bottom_page .cms_page3 .none_cms ul > li span{font-size: 3.6vw;}
	.bottom_page .cms_page3 .none_cms ul > li select{font-size: 3.2vw; padding-right: 30px;}
	.bottom_page .cms_page3 table tr *{font-size: 3.2vw; line-height: 1.7; height: 40px;}
	

/* 고객리뷰 */
	.sit_use_list #sit_use_ol .sit_use_li .view_box .tbx h3{font-size: 4vw; line-height: 1.7;}
	.sit_use_list #sit_use_ol .sit_use_li .view_box .tbx ul > li{font-size: 3.2vw; line-height: 1.7;}
	.sit_use_list #sit_use_ol .sit_use_li .view_box .tbx ul > li:not(:last-child):after{height: 0.75em; top: 0.5em;}
	.list_shop{margin-top: 3vw;}
	.sit_use_list #sit_use_ol .sit_use_li .hidden_box{word-break: keep-all;}
	.sit_use_list #sit_use_ol .sit_use_li .hidden_box .content *{    word-break: break-all; font-size: 3.2vw;}

/* 시안선택 */
	.close_new_what:before, .close_new_what:after{left: 16px;}
	.Synopsis_wrap .Synopsis_box ul {justify-content: space-between;}
	.Synopsis_wrap .Synopsis_box ul li{width: 49%; margin: 0;}
	.Synopsis_wrap .Synopsis_box ul li .tbx{padding: 15px 10px;}
	.Synopsis_wrap .Synopsis_box ul li .tbx h4{font-size: 3.6vw; line-height: 1; margin-bottom: 2vw;}
	.Synopsis_wrap .Synopsis_box ul li .tbx p{font-size: 3.2vw; line-height: 1.7;}
	.Synopsis_wrap .Synopsis_box ul li .tbx p:before{top: 0.6em;}
	.Synopsis_wrap .Synopsis_box ul li .tbx span{font-size: 3.2vw;}

/* 시안선택하기 템플릿*/
	.shop_temp_tab > li > a{font-size: 3.4vw; line-height: 1.7;}
	.back_page_pop_wrap .back_page_pop_box{width: 95%;}

/* 시안선택하기 디자인 등록*/
	.self_temp_section h3{font-size: 4vw; line-height: 1.7; margin-bottom: 3vw;}
	.self_temp_section article{margin-bottom: 5vw;}
	.self_temp_section .arti1 p{font-size: 3.6vw; line-height: 1.7; margin-bottom: 2vw;}
	.self_temp_section .arti1 ul > li{font-size: 3vw; line-height: 1.7;	}
	.self_temp_section .arti2 {flex-direction: column;}
	.self_temp_section .arti2 > *{width: 100% !important;}
	.self_temp_section .arti2 > .down_box{margin-bottom: 5vw;}
	.self_temp_section .arti2 > .down_box > a{font-size: 3.2vw;}
	.self_temp_section .arti2 > * p{font-size: 3vw; line-height: 1.7;}
	.self_temp_section .btn_cart button.cart_link{font-size: 4vw !important;}

/* 회원가입완려 */
	.my_page_menu > li > a{font-size: 3.2vw; padding: 0 5px; line-height: 40px;}

/* 마이페이지 장바구니 */
	.my_cart .my_btn1{font-size: 3.2vw; padding: 0 5px;}
	.my_cart .arti1 ul > li{font-size: 3.2vw; }
	.my_cart .arti1 ul > li strong{font-size: 3.4vw;}

	.my_cart .arti1 ul > li {margin-left: 5px}
	.my_cart {min-width: 100px;}
	.my_cart .arti1 {flex-direction: column;}
	.my_cart .arti2{width: 100%; display: block; border-bottom: 2px solid #000;} 
	.my_cart .arti2 th{font-size: 14px; line-height: 40px;}
	.my_cart .arti2 > .lbx{width: 100%;}
	.my_cart .arti2 > .lbx td img{height: auto;}
	.my_cart .arti2 > .lbx td .cnt_box .tbx h3{font-size: 3.4vw; margin-bottom: 0;}
	.my_cart .arti2 > .lbx td .cnt_box .tbx ul > li{font-size: 3.2vw; line-height: 1.5;}
	.my_cart .arti2 > .lbx td .cnt_box .tbx > a{font-size: 3.2vw;}
	.my_cart .arti2 > .lbx td .cnt_box .tbx{padding-left: 10px;}
	.my_cart .arti2 > .lbx td .cnt_box{align-items: flex-start;}
	.my_cart .arti2 > .lbx td .cnt_box figure{width: 45%;}
	.my_cart .arti2 > .lbx td .cnt_box .tbx{width: 55%; padding: 0px 10px; margin-top: -0.3em;}
	.my_cart .arti2 > .rbx{width: 100%;}
	.my_cart .arti2 .rbx th{border-top: 1px solid #ddd; display: none;}
	.my_cart .arti2 td{font-size: 3.2vw;}
	.my_cart .arti2 .rbx tr{display: flex;}
	.my_cart .arti2 .rbx td{width: 25%;}
	.my_cart .arti2 .rbx td:before{font-size: 3.4vw; line-height: 40px; color: #333; font-weight: 500; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 15px;}
	.my_cart .arti2 .rbx td:nth-child(1):before{display: block; content: '수량';} 
	.my_cart .arti2 .rbx td:nth-child(2):before{display: block; content: '템플릿사용';}
	.my_cart .arti2 .rbx td:nth-child(3):before{display: block; content: '가격';}
	.my_cart .arti2 .rbx td:nth-child(4):before{display: block; content: '비교';}

	.my_cart .arti2 > .rbx .btn_ul a{font-size: 3.2vw; padding: 0 5px;}

/* 마이페이지 주문하기 주문결제 */
	#sod_fin_no{font-size: 4vw;}
	#sod_fin .sod_list2 .li_name_od a{font-size: 3.4vw;}
	#sod_fin .sod_list2 .li_total{font-size: 3.2vw; line-height: 1.7;}
	#sod_sts_wrap{display: none;}
	#sod_fin_view section h3{font-size: 4vw;}

	 #sod_fin #sod_bsk_tot{font-size: 3.6vw; line-height: 1.7;}
	 #sod_fin_view .odf_tbl td,
	 #sod_fin_view .odf_tbl th{font-size: 3.2vw;}
	#sod_fin, #sod_bsk, #smb_my, #sod_v{margin-bottom: 12vw !important;}

	.my_page_foot{
		padding: 20px;
	}
}