@charset "utf-8";
/* * */
body{max-width: 768px;padding-top: 55px;background-color: #fff;margin: 0 auto;box-shadow: 1px 1px 4px rgba(0,0,0,0.15);}
body #hd{position: fixed;width: 100%;max-width: 768px;top: 0;left: 50%;transform: translateX(-50%);z-index: 1001;}
body #btn_hdcate{color: #191919;}
body #btn_hdsch{color: #191919;}
body #btn_hduser{color: #191919;}
body #btn_hdcart{color: #191919;}
body #btn_hdcart img{position: relative;max-width:25px;height: auto;top: 5px;}
body #btn_hdcart .count{position: relative;font-size: 10px;top: -10px;}
#hd #hd_sch #sch_str{width: calc(100% - 80px);padding-left: 20px;}
body #forderform{width: 100%;}
body .sod_right{width: 100%;}
/* layout */
.container{width: 100%;padding: 0 20px;}
#sit #sit_ov_wrap{width: 100%;}
#container #ssch{width: 100%;}
body #sod_bsk{width: 100%;}
#sct{width: 100%;}
#sit{width: 100%;}
body #sqa_sch{width: 100%;}
body #sqa{width: 100%;}
.sub_banner{display: none;}
#container_title{font-size: 14px;}
/* menu */
#hd #logo img{max-width: 150px;vertical-align: middle;}
#category{width: 100%;}
#category h2{display: block;}
.menu .menu_wr{height: 100vh;}
#ol_before{background: #0663a4;}
#ol_before .ol_before_link .login{background: #0663a4;border: 1px solid #fff;}
#ol_before .ol_before_link .join{border: 1px solid #fff;line-height: 35px;}
.cate li button{width: 40px;right: 15px;}
#btn_hduser{top: 50%;transform: translateY(-50%);}
#cate_tnb li{padding-left: 20px;}
#stv_pg{display: none;}
#stv{height: auto;}
#hd_btn .cart-count{background: #0663a4;}
#ol_after_hd{padding: 15px 20px}
#ol_after_hd .point{display: none;}
#ol_after_btn .btn_admin{background-color: #0663a4;}
#ol_after_hd .profile_img{display: none;}
#ol_after_private{display: none;}
#ol_after_btn{top: 50%;transform: translateY(-50%);}
#ol_after_btn a{font-size: 12px;}
#btn_hduser{width: 25px;}
#btn_hdsch{width: 25px;}
/* main */
.st_30_wr{position: unset;}
.main_mid_banner{height: auto;flex-flow: column;padding: 30px 20px;}
.main_mid_banner img{vertical-align: middle;}
.main_mid_banner .txt2{margin-left: 0;padding-left: 0;margin: 10px auto;}
.main_mid_banner .txt2::before{display: none;}
.main_mid_banner > a{width: 120px;height: 35px;line-height: 33px;font-size: 12px;margin-left: 0;}
.main_product .sct_wrap h2{font-size: 20px;}
.main_product .sct_wrap h2 > a{width: 100px;line-height: 30px; font-size: 14px;}
.sct_noitem{font-size: 12px;padding: 50px 0;}
.main_banner .slick-arrow{display: none!important;}
.main_brand .brand_list .box{width: calc(33.33% - 6px);margin-right: 9px;margin-bottom: 20px;}
.main_brand .brand_list .box:nth-child(6n){margin-right: 9px;}
.main_brand .brand_list .box:nth-child(3n){margin-right: 0;}
.main_bottom{padding: 40px 0;}
.main_bottom .box{width: 100%;}
.main_bottom .box + .box{border-left: none;margin-top: 20px;padding-top: 20px;border-top: 1px solid #d9d9d9;}
.main_bottom .txt_tit{font-size: 18px;margin-bottom: 10px;}
.main_bottom .notice_list li a{font-size: 14px;}
.main_bottom .customer_txt1{font-size: 20px;}
.main_bottom .customer_txt2{font-size: 14px;}
.main_bottom .customer_txt3{font-size: 12px;}
.main_bottom .inquiry_box{height: auto;flex-flow: column;padding: 20px;}
.main_bottom .inquiry_box > div{width: 100%;text-align: center;}
.main_bottom .inquiry_box .right_box{margin-top: 10px;}
/* sub_page */
.sub_page .title_box .sub_tit{font-size: 24px;}
/* company_page */
.company_page{padding: 70px 0;}
.company_page .company_tit{font-size: 24px;}
.company_page .company_tit2{font-size: 14px;margin-bottom: 30px;}
.company_page .mid_text{padding: 30px 0;}
.company_page .mid_text p{font-size: 16px;word-break: keep-all;}
.company_page .mid_text p br{display: none;}
.company_page .company_bottom{flex-flow: wrap column;}
.company_page .company_bottom .box{width: auto; max-width: 400px;margin: 0 auto;}
.company_page .company_bottom .box + .box{margin-top: 30px;}
.company_page .company_bottom .box .text_box{height: auto;}
.company_page .company_bottom .bottom_tit{font-size: 20px;}
.company_page .company_bottom .bottom_txt{font-size: 14px;}
/* contact_page */
.contact_page.sub_page{padding: 70px 0;}
.contact_page .map_box{padding-bottom: 80%;}
.contact_page .map_text{width: 100%;top: unset;padding: 20px;margin-top: 30px;border-radius: 0;}
.contact_page .map_text ul{flex-flow: wrap column;-ms-align-items: flex-start;align-items: flex-start;}
.contact_page .map_text ul li{padding: 0;}
.contact_page .map_text ul li:first-child{width: 180px;}
.contact_page .map_text ul li + li{margin-top: 15px;}
.contact_page .map_text ul li p{font-size: 14px;}
.contact_page .text_box{flex-flow: wrap row;}
.contact_page .text_box>div{width: 100%;}
.contact_page .text_box .right_box{margin-top: 40px;}
.contact_page .text_box .icon_img{width: 100%;}
.contact_page .text_box .icon_img >img{width: 30px;}
.contact_page .text_box .icon_img .txt1{width: 60px;font-size: 18px;color: #0663a4;}
.contact_page .text_box .icon_img .txt2{width: calc(100% - 90px);font-weight: 400; font-size: 16px;padding-left: 10px;}
.contact_page .text_box .icon_text .txt3{font-size: 12px;}
.contact_page .text_box .icon_text{width: 100%;padding-left: 0;padding-top: 20px;}
.contact_page .text_box .icon_text li{margin-bottom: 10px;}
.contact_page .text_box .icon_text li p{font-size: 14px;}
.contact_page .text_box .icon_text li span{font-size: 10px;width: 36px;height: 20px;line-height: 20px;}
.contact_page .text_box .icon_text li i{width: 20px;height: 20px;line-height: 20px;font-size: 10px;}
/* brand_page */
.brand_page{padding: 70px 0;}
.brand_page .brand_list{margin-top: 40px;}
.brand_page .brand_list .box{width: calc(33.33% - 6px);margin-right: 9px;margin-bottom: 20px;}
.brand_page .brand_list .box:nth-child(6n){margin-right: 9px;}
.brand_page .brand_list .box:nth-child(3n){margin-right: 0;}
/* notice_page */
.notice_page{padding: 70px 20px 0;}
.notice_page .tbl_head01 thead th{font-size: 14px;}
body .notice_page #bo_list tbody td{font-size: 14px;background: #fff;border-left: none;}
.notice_page .inquiry_btn a{width: 120px;height: 40px;line-height: 40px;font-size: 14px;}
.paging{margin-bottom: 70px;}
.paging a{font-size: 14px;}
/* inquiry_page */
.inquiry_page{padding: 70px 0;}
.inquiry_page .table_box{width: 100%;}
.inquiry_page .table_box tbody{display: block;}
.inquiry_page .table_box tr{display: block;}
.inquiry_page .table_box table th{display: block; width: 100%;padding: 0;padding-bottom: 10px;font-weight: 500;}
.inquiry_page .table_box table td{display: block; width: 100%;padding: 0;margin-bottom: 20px;}
.inquiry_page .table_box table input[type="text"]{height: 50px;font-size: 14px;}
.inquiry_page .table_box table input[type="radio"]{-webkit-appearance:auto;}
.inquiry_page .table_box table input[type="radio"] + label{font-size: 14px;}
.inquiry_page .btn_box{text-align: center;}
.inquiry_page .btn_box a{width: 120px;height: 40px;line-height: 40px;font-size: 14px;}
/* product_list */
#sct_ct_1 li{height: 40px;border: none;padding: 5px;}
#sct_ct_1 li a{line-height: 30px;font-size: 12px;padding: 0 10px;background-color: #f3f3f3;}
.sct_ct .prd_cnt{line-height: 30px;top: 0;}
.sct_10 .sct_cost{font-size: 16px;}
.sct_10 .sct_op_btn{display: none;}
.sct_10 .sct_basic{display: none;}
.sct_10 .sct_img .set_list_img{width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;}
/* product */
.sct_ct{display: block;}
body #sit_pvi .btn_wr{display: none;}
body #sit #sit_pvi{display: block;width: 100%;padding-right: 0;}
#sit #sit_ov{width: 100%;}
#sit_star_sns{display: none;}
#sit #sit_pvi{display: none;}
#sit #sit_ov_wrap{padding: 0 20px;flex-flow: wrap column;}
#sit #sit_ov{padding: 30px 0;}
body #sit_tab .tab_con{padding: 20px 0;}
#sit_inf_open th{font-size: 14px;}
#sit_inf_open td{font-size: 14px;}
body .sct_10{display: flex;flex-flow: wrap row;}
body .sct_10 .sct_li{float: none;}
#sit #sit_title{padding-right: 0;font-size: 18px;}
.prd_info_table{width: 100%;}
.prd_info_table table{width: 100%;}
.sit_ov_tbl td{font-size: 14px;}
#sit_inf_explan{padding: 20px;}
.btn_submit{font-size: 14px;}
.sit_option select{font-size: 14px;}
#btn_option .sl_option{max-height: 350px;}
#sit_opt_added li{padding: 10px 15px;}
#sit_opt_added li .opt_name{font-size: 14px;}
#sit_opt_added button{width: 25px;height: 25px;}
#sit_opt_added .num_input{height: 25px;font-size: 12px;}
#sit_opt_added .sit_opt_prc{padding-top: 0;font-size: 14px;}
#sod_frm .sod_list .total_img .set_list_img{width: 70px;height: 70px;background-repeat: no-repeat;background-size: cover;background-position: center;}
#m_sod_bsk_tot .sod_bsk_cnt strong{color: #fff;}
.odf_list .btn_addsch{top: 1px;right: 0;height: calc(100% - 2px);border-radius: 0 10px 10px 0;padding: 0 20px;font-size: 14px;}
.frm_input{height: 40px;}
#sod_frm #sod_frm_pt_alert{font-size: 12px;color: #fff;}
.return_box{font-size: 10px;margin-top: 20px;padding: 20px;word-break: keep-all;}
.return_box .p_tit{color: #000;font-size: 12px;}
/* login */
.mbskin{width: 100%;}
/* join */
#fregister p{font-size: 12px;word-break: keep-all;}
#fregister h2{font-size: 18px;}
#fregister textarea{font-size: 12px;}
.tbl_head01 td{font-size: 12px;}
.frm_input{font-size: 14px;}
.adress{background-color: #fff;}
#fregisterform .frm_address, #fregisterform .password{margin: 5px 0;}

/* mypage */
body #smb_my_ov .my_name{padding: 30px 15px;}
body #smb_my_ov .my_name{position: relative;}
#smb_my_ov .my_name>strong{display: inline-block;}
#smb_my_ov .my_name img{display: none;}
#smb_my_ov .smb_my_act{top: 50%;transform: translateY(-50%);}
#smb_my_ov .smb_my_act li a{font-size: 12px;}
#smb_my_ov .my_pocou{display: none;}
#smb_my_ov .my_ov_btn button::before{content: '상세정보보기';font-size: 12px;}
#smb_my_od{margin-bottom: 40px;}
#sod_v_info{font-size: 12px;}
#sod_list_inq .li_op_wr .set_list_img{width: 60px;height: 60px;background-repeat: no-repeat;background-size: cover;background-position: center;}
#sod_ws .wish_img a{display: block;width: 100%;height: 100%;}
#sod_ws .wish_img .set_list_img{width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;}
/* footer */
.new_footer{padding: 40px 0 60px;}
.new_footer .left_box{width: 100%;}
.new_footer .left_box .logo_box img{max-width: 240px;}
.new_footer .right_box{width: 100%;}
.new_footer .left_box .text_box{margin-top: 30px;}
.new_footer .left_box .text_box ul{flex-flow: wrap row;}
.new_footer .left_box .text_box li{width: 100%; font-size: 12px;}
.new_footer .left_box .text_box li + li{margin-left: 0;margin-top: 2px;}
.new_footer .txt_copy{font-size: 10px;}