@charset "utf-8";


@media only screen and (max-width:1280px) {
    .header_wrap { padding:0 10px; }
    .logo_wrap { width:300px; }
    .gnb_wrap { width:calc(100% - 550px) }
    .gnb_wrap .gnb > li > a { font-size:14px; }
    .idx_c { padding:0 10px; }
    .prod_yocheck { font-size:30px; }
    .ps_content .ps_name { font-size:20px !important; }
    .ps_desc { font-size:12px; }
}

@media only screen and (max-width:1024px) {


    .video_back video { width:100%; height:auto;  }
    .ps_content .ps_name { font-size:18px !important; }
    .ps_desc { font-size:14px; }
    .ps_img_wrap { margin-top:-180px;  margin-right: 20px;}
    .cate_sel > ul { display: flex;  flex-wrap: wrap;  justify-content: center;  align-items: center;  flex-direction: row;  gap: 30px;}
    .cate_sel > ul .sec5_cate_all { width:auto; }
    .cate_sel > ul .sec5_cate_sel { width:auto; }
    .ps_img_wrap { height:40%; margin-top:-50px;  }
    .ps_img_wrap img {  max-width:40%;}
    .mainSwiper .mainSliderPager { bottom:100px; }
    .logo_wrap { height:60px; }
    .mainSwiper { height:700px; }
    .review_slider { margin:20px 0; }
    .all_gnb > li.active .lnb { height:auto; }
    .all_menu .logo { position: absolute; left:20px; top:13px; }
    .all_menu.active { animation: unset; display:block; }
    .all_menu.active .all_gnb { animation-duration: .1s; background-color:#fff; animation-delay: 0s; }
    .all_menu { padding-top:60px; }
    .all_gnb { height:auto; overflow-y:auto; animation: unset; display:block; }
    .mmember_menu { width:100%; text-align:center; background-color:#4182db }
    .mmember_menu a { display:block; width:50%; font-size:18px; font-weight:500; padding:15px 0; color:#fff; }
    .all_menu .logo,
    .all_menu .mmember_menu
    { display:flex; }
    .all_gnb > li { width:100%; margin:0; }
    .all_gnb > li:first-child > a { border-top:1px solid #ddd; }
    .all_gnb > li > a { font-size:16px; margin:0; padding:15px; border-bottom:1px solid #ddd; position: relative; }
    .all_gnb > li > a:after { display:block; content:""; position:absolute; width:20px; height:1px; background-color:#222; right:20px; top:25px; transition:.3s;}
    .all_gnb > li > a:before { display:block; content:""; position:absolute; width:20px; height:1px; transform: rotateZ(-90deg); background-color:#222; right:20px; top:25px; transition:.3s; }
    .all_gnb > li.active { background-color:#f1f1f1; }
    .all_gnb > li.active  > a:before { transform:rotateZ(0deg); }
    .all_gnb .lnb { height:0; overflow: hidden; }
    .all_gnb .lnb li { margin:0; }
    .all_gnb .lnb li a { width:100%; display:block; font-size:13px; border-bottom:1px solid #ddd; padding:15px; }
    .am_close_btn { right:12px; top:0px; width:40px; height:40px; }
    .am_close_btn_bar { width:30px; margin-top:30px; }
    .am_close_btn_bar:after { width:30px; }
    .header_wrap { padding:0 0px; }
    .logo_wrap { width:100%; padding:0 20px; }
    .gnb_wrap { display:none; }
    .header_menu { display:none; }

    .mv_bn_content { text-align:center; }
    .mv_bn_txt_title { text-align:center; font-size:14px; margin-bottom:10px; }
    .mv_bn_txt_text { text-align:center; font-size:20px; line-height: 30px;}
    .mv_bn_btn { font-size:13px; line-height:40px; width:100px; margin-top: 20px;}
    .mainSwiper .mainSliderPager { text-align:center; }
    .block_row { flex-direction: column; }

    .mainSwiper .mainSliderPager { width:100% }
    .sec2_box1 { width:100%; text-align:center; margin-bottom:40px; }
    .sec_sm_title { font-size:14px; text-align:center; margin-bottom:10px; }
    .sec_m_title { font-size:22px; text-align:center; line-height: 32px;}
    .sec2_btn { display:inline-block; padding:10px 0; }

    .sec2_box_pic { width:100%;padding-top:35%; margin-bottom:20px; }
    .sec2_sec_txt p { font-size:16px; margin-bottom:30px;}
    .notice_title { font-size:14px; line-height:20px; margin:10px 0; }
    .block_row:first-child { margin-bottom:0; }
    .sec2_sec_txt { width:100%; margin-bottom:0; }
    .sec2_box_pic > p { font-size:26px; bottom:20px; left:20px; }
    .latest_link { padding:10px; }
    .latest_text { left:20px; right:20px; bottom:10px; width:100%; }
    #section3 > div > div { flex-direction: column; }
	.sec3_title {margin-bottom: 60px;}
    .sec3_left, .sec4_right { width:100%; }
    .sec3_icon_text h4 { font-size:14px; margin-top:10px; }
    .sec3_icon_text p { font-size:12px; }
    .sec3_icon_text { flex-direction: column; text-align:center; }
    .sec3_icon_text .icon_circle { margin-right:10px; }
    .prod_slider { width:100%; }
    .sec3_right { text-align:center; width:100% }
    .sec3_right img { width:80%; }

    .prod_slide .ps_content { height:auto; padding-top: 50%; }
    .sec5_cate_all a { font-size:14px; }
    .sec5_cate_sel a { font-size:14px; }
    .latest_slide { height:300px; }
    .latest_goods_name { font-size:16px; }
    .circle_arr { width:20px; height:20px; line-height:15px; }
    .latest_goods_desc { font-size:12px; }


    #section5 > div > div { flex-direction: column; }
    .sec5_left  { width:100%; }
    .sec5_right { width:100%; }
	
	#section6 {padding: 5% 40px;}
    .sec6_center h4 { font-size:20px; }
    .sec6_center p { font-size:14px; }
    .sec6_center img { margin-bottom:20px; }
    .sec6_center .prod_btn { width:200px; font-size:14px; margin-bottom:40px; margin-top:20px; }
	.sec6_center {padding: 0 20px;}
    .sec6_left img { display:none; }
    .sec6_right img { display:none; }

	#section7 {padding: 12% 0;}
    .sec7_title { font-size:20px; text-align:center; }
    .review_slide .re_no { font-size:14px; }
    .re_content { font-size:14px; }
    .re_name { font-size:14px; }

    .sec7_direct { flex-wrap: wrap; }
    .sec7_direct > div { width:50%; margin-bottom:30px; }
    .sec7_direct > div h5 { font-size:16px; margin-top:10px; margin-bottom:0; }
    .sec7_direct > div p { font-size:12px; }

    .notice_slider_wrap > .idx_c > div { flex-direction: column; }
    .sec8_title { width:100%; }
    #section8 .notice_slider_wrap h2 { font-size:14px; text-align:center; width:100%; margin-top:10px;}
    .notice_slider_wrap > .idx_c > div > .flex { justify-content: center; width:100%; margin-top:10px; }
    .notice_slider { padding:0 20px; }
    .notice_list { width:100%; }

    #section9 > div > div { flex-wrap: wrap; }
    .sec9_box { height:300px; text-align:center; width:50%; padding:10px; }
    .sec9_hid_cont { text-align:left; letter-spacing: -1px; }
    .sec9_box .sec9_no { font-size:20px; }
    .sec9_content h4 { font-size:16px; }
    .sec9_content > p { font-size:12px; }
    .sec9_box:hover .sec9_content h4 { font-size:16px; }
    .sec9_hid_cont span { margin:10px 0; }
    .sec9_hid_cont p { font-size:12px; }
    .sec9_box:hover .sec9_hid_cont { height:150px; margin-top:10px; }

    #section10 h4 { font-size:20px; }
    .ft_menu { padding:50px 10px; margin-top:0px; }
    .ft_menu > div { flex-direction: column-reverse; }
    .ft_left { width:100%; }
    .ft_left > ul > li { text-align:center; }
    .ft_left > ul > li > ul > li { text-align:center; }
    .ft_left > ul > li > a { font-size:16px; text-align:center; justify-content: center !important; }
    .ft_left > ul > li > ul > li > a { font-size:13px; }


    .ft_right { text-align:center; width:100%; margin-top:0px; margin-bottom:40px; padding-top:30px; }
    .ft_right h4 { font-size:20px; }
    .ft_right p { font-size:12px; margin-bottom:20px; }
    .ft_right > .flex { justify-content: center; margin-bottom:30px; }
    .consult_btn { padding:15px 0; font-size:13px; }

    .ft_wr { padding:50px 10px; margin-top:0; text-align:center; }
    .ft_wr .ft_pri { justify-content: center; width:100%; }
    .ft_wr .ft_pri a { font-size:13px; }
    .ft_wr > .flex { flex-direction: column; }

    .pc_v { display:none !important; }
    .mo_v { display:block !important; }

    .ft_text { margin-bottom:40px; }
    .fam_site { width:100%; }
    .fam_site > li > a { width:100%; }
    .copy_text { font-size:12px; text-align:center; }

    .sub_category_header { height:300px; padding:0 20px; background-position: center; background-size: cover; background-attachment: unset }
    .sub_category_header h4 { font-size:30px; letter-spacing: 0px; }
    .sub_category_header p { font-size:16px; }
    .scategory_list { }
    .scategory_list ul { flex-wrap:wrap; padding:0; justify-content: flex-start !important; align-items: flex-start !important; margin-bottom:-1px; }
    .scategory_list ul li { width:50%; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
    .scategory_list ul li:nth-of-type(even) { border-right:none !important; }
    .scategory_list ul li:last-child { border-right:1px solid #ddd; }
    .scategory_list li a { display:block; text-align:center; font-size:13px; line-height:40px; }

    .sub_content .map_title h2 { font-size:25px; }
    .sub_content .location_info { flex-direction: column; margin-top:10px;}
}

@media only screen and (max-width:768px) {
    .order_form_idc { padding:10% 10px; }
    #mb_login { padding:0px; }
    #sit_ov_wrap { margin-bottom:0; }
    #sit_tab .tab_tit { background-color:#fafafa; display: flex; justify-content: center; align-items: center; }
    #sit_tab .tab_tit li { padding:0; width:25%; }
    #sit_tab .tab_tit li button { padding:0 10px; height:40px;  }
    #sit_tab .tab_tit li .selected { background-color:#255ca7; color:#fff; }


    .idx_c.shop_list_wrap { padding: 20px 0;  }
    .dv_right { width:100%; }
    .dv_right img { width:80%; }
    .notice_list { margin-top:20px; width:100%; }
	.sec2_box_pic > p {font-size: 18px;}
    .sec2_box_pic {padding-top: 55%;}
    .cate_sel > ul {gap: 10px;}
    .sec5_cate_sel a {font-size: 12px;}
    .prod_slide .ps_content {padding-top: 0%;}
    .ps_content > div { position:unset; }
    .ps_img_wrap {margin-top: 0px;}
    .ps_desc {font-size: 12px; min-height:80px; }
    .sec5_cate_all a {font-size: 12px;}
    .sec7_title {margin-bottom: 20px;}
    .video_back { position: absolute; width:100%; left:0; top:0; height:100%; z-index: 99; overflow: hidden; }
    .video_back video { width:150%; position: absolute;   top:0;  bottom:0; opacity: .2;  }

    .sec7_direct { flex-wrap: nowrap; }
    .sec7_direct > div { width:33.33333%; }
    .sec7_direct > div img { width:40%; }
    .sec7_direct > div h5 { font-size:13px; }
    .sec7_direct > div p { letter-spacing: -1px; line-height:15px; margin-top:5px; }

    #bo_v_link strong { word-break: break-all; }

    .ft_menu { background-color:#2e5aa7; }
}