section{font-size:16px;} div{font-size:14px;} .section-title{text-align:center; font-size:45px; line-height:62px; font-weight:700; padding:80px 0 40px 0} .forPC{display:block;} .forM{display:none;} .tbl_head03{color:#222;} .tbl_head03 thead th{border-top:2px solid #222222; border-bottom:2px solid #dddddd;} .tbl_head03 td{border-left:none; border-top:2px solid #dddddd;} #tnb [class~=tnb_left] a{font-size:16px; font-weight:700; color:rgb(156,9,17)} #tnb {border-bottom: 2px solid #dddddd; display: flex; justify-content: center; align-items: center;} #tnb .orderGoArrow{margin-left:8px; position:relative; top:-2px; width:8px; } #tnb ul{width: 100%; max-width: 1146px; zoom: 1;margin:0 0px; } #tnb li{border:none; background:url("../img/loginMenu-bar.png") no-repeat 100% 50%; } #tnb [class~=tnb_left]{background:none;} #tnb [class~=tnb_cart]{border:none;} #tnb ul li{position:relative;} #tnb ul li:hover .top-sub{display:block;} #tnb .top-sub{display:none; position:absolute; border:1px solid #222222; background-color:#fff; z-index:100;} #tnb .top-sub a{display: inline-block; padding:0; color: #222222; line-height: 20px; border-bottom: 0;} #tnb .top-sub li{float:none; text-align:center; display:block; padding:2px 20px; background:none;} #tnb .top-sub li:hover{background:#9d0911; color:#fff;} #tnb .top-sub li:hover > a{color:#fff;} #tnb .top-sub#member-sub{width:108px; left:-16px} #tnb .top-sub#customer-sub{width:108px; left:-22px} #hd_wrapper{width:100%; height:70px;} #hd_wrapper {position: relative; width: 100%; max-width:100%; display: flex; justify-content: center; align-items: center; } #hd_wrapper .nav{width:100%; max-width:1146px; margin:0 95px; display: flex; align-items: center;} #hd_menu {border:none;} #hd_menu [class~=ul_2nd]{display:block;} /* 메인메뉴 */ #nav{position:relative; display:flex; align-items: center; justify-content: center;} #gnb1{width:100%; height:70px; max-width:1150px; margin-left:90px; display:flex; align-items: center; } #gnb1 .mainMenu{clear:both; display:inline-block; margin-left:38px;} #gnb1 .mainMenu li{float:left; position:relative;} #gnb1 .mainMenu li a{display:block; padding:25px 15px; font-size:16px;} #gnb1 .mainMenu li:hover .border-line{position:absolute; bottom:0; width:100%; height:4px; background:#9d0911; } /* #gnb1 .mainMenu li .border-line{position:absolute; bottom:0; width:100%; height:4px; background:#9d0911; } */ #gnb2{display:none; top:70px; position:absolute;width:100%; height:50px; background:url("../img/top_submenu_bg.png"); z-index:99} #gnb2.open{} #gnb2 .subMenu{width:100%; max-width:946px; margin:0 auto; display:none;} #gnb2 .subMenu ul{display:inline-block; } #gnb2 .subMenu ul li{float:left; } #gnb2 .subMenu ul li > a {display:inline-block; font-size:14px; color:#fff; padding: 14px 20px;} #gnb2 .subMenu ul li > a:hover{color:#9ccee7;} #container{max-width:1240px;} /* 메인 비쥬얼 */ #mian-visual{width:100%; max-height:500px; overflow:hidden; position:relative;} #mian-visual .visual-cover{position:absolute; z-index:1; background:#000; opacity:0.1; width:100%; height:100%} #mian-visual .slide-contents{} #mian-visual .slide-contents img{width:100%;} #mian-visual .slick-arrow{z-index:2; visibility:hidden;} #mian-visual:hover .slick-arrow{visibility:visible;} #mian-visual .slick-next{right:0; z-index:10} #mian-visual .slick-prev{left:0;z-index:10} .slick-prev::before { content: "" !importnat;} #slide-info-wrap{position:absolute; top:0;left:0; z-index:2; top:120px; left:0;/* 417px; */} #slide-info-wrap .slide-info-align{width:100%; max-width:1146px; margin:0 auto; position:relative; } #slide-info-wrap .slide-in-contents{display:none; color:#dddddd;} #slide-info-wrap .slide-in-contents h1{color:#dddddd; font-size:43px; line-height:56px; font-weight:700;} /* #slide-info-wrap .slide-in-contents h3{color:#dddddd; font-size:30px; line-height:47px;} */ #slide-info-wrap .slide-in-contents p{color:#dddddd; font-size:30px; line-height:55px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:10px;} #slide-info-wrap .slide-in-contents:first-child{display:block;} /* 상단 메뉴 */ #top-btn-wrap{width:100%; display:flex; justify-content: center; position:relative; top:-60px;} #top-btn-wrap > ul {clear:both; width:1240px; } #top-btn-wrap > ul > li{width:25%; height:120px; background:#9d0911; float:left; position:relative;} #top-btn-wrap > ul > li:hover{background:#4f0000; transform: scaleY(1.025); bottom:1.6px;} #top-btn-wrap > ul > li p{ margin-left:20px; color:#fff;} #top-btn-wrap > ul > li .ca_list{font-size:15px;30px} #top-btn-wrap > ul > li .order_title{font-size:30px; font-weight:700;} #top-btn-wrap > ul > li.selected{background:#4f0000; transform: scaleY(1.025); bottom:1.6px;} #top-btn-wrap > ul > li > a{display:flex; align-items: center; justify-content: center; color:#fff; width:100%; height:100%;} #top-btn-wrap .filter_icon{width:68px;} #top-btn-wrap .truck_icon{width:68px;} #top-btn-wrap .oil_icon{width:68px;} #top-btn-wrap .light_icon{width:68px;} /* 카테고리 리스트 */ #category-list{width:100%; text-align:center; display:inline-block;} #category-list .section-title{padding-top:20px;} #category-list .cate-item{width:390px; height:412px; border:1px solid #bbbbbb; float:left; margin-bottom:53px; position:relative; } #category-list .cate-item .item-img{width:100%;} #category-list .cate-item .over-text {display:none;} #category-list .cate-item .item-hover {display:none;} #category-list .cate-item:hover .item-hover{position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; display: flex; align-items: center; justify-content: center;} #category-list .cate-item:hover .item-hover .hover-bg{position:absolute; z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.9); } #category-list .cate-item:hover .item-hover .over-text {display:block;position:relative; z-index:2; color:#fff; font-size:28px; font-weight:700; line-height:62px; } #category-list .cate-item:nth-child(2){margin:0 20px;} #category-list .cate-item:nth-child(5){margin:0 20px;} #category-list .bottom-info{position: absolute; left:20px; bottom: 45px; text-align:left; } #category-list .bottom-info .cate-title{font-size:25px; font-weight:700; line-height:30px;} #category-list .bottom-info .cate-title-eng{font-size:15px;} #banner01 {width:100%; height:409px; color:#fff; display:flex; flex-direction: column; align-items: center; justify-content: center; background:url("../img/main/banner01_bg.jpg") no-repeat; background-size:cover; } #banner01 p, #banner01 input[type=button]{color:#fff;} #banner01 .banner-main-title{font-size:45px; line-height:45px; margin-bottom:15px;} #banner01 .banner-sub-title{font-size:20px; margin-bottom:37px;} #banner01 .btn{font-size:12px; font-weight:700; background:none; border:1px solid #fff; padding: 0 55px; height:50px;} #banner01 .btn:hover{background:#9d0911; cursor:pointer; } #allProduct{background:#f6f3f2;} #allProduct .tab-menu{width:100%; display:flex; align-items:center; justify-content:center;} #allProduct .tab-menu a {display:inline-block; padding:8px 15px; background:#fff; border-radius:15px; font-size:14px; margin:0 15px;} #allProduct .tab-menu a:hover{background:#9d0911; color:#fff;} #allProduct .tab-menu a.selected{background:#9d0911; color:#fff;} #allProduct .product-list{display:none; max-width:1240px; margin:0 auto; margin-top:50px;} #allProduct .product-list.selected{display:block;} #allProduct .btn-box{width:100%; padding:50px 0 70px 0; text-align:center; } /* 상품 리스트 공통 */ .product_list_wrp{display:inline-block; width:100%; } .pd_slide{display:flex; width:50%; float:left; align-items: center; justify-content: center;} .pd_thumb, .pd_contents{width:295px; height:295px;} .pd_thumb{ background:#accdec;border:1px solid #accdec;} .pd_contents{display:flex; align-items:center; justify-content:center; text-align:center;} .pd_contents .dp_incon{max-width:178px; } .pd_contents .dp_incon .top-title{font-size:12px; line-height:62px;} .pd_contents .dp_incon .pd_name{font-size:30px; line-height:62px;} .pd_contents .dp_incon .pd_desc{font-size:14px; line-height:20px;} .sct_ct_wrap{text-align:center;} .sct_img:hover{box-shadow:0 0 10px 1px rgb(0 0 0 / 40%)} .sct_txt{font-size:16px; } .sct_10 .sct_txt{border:none;} .sct_10 .sct_cost{font-size:16px;} /* 회원가입 step1*/ #fregister section{border:none; margin-top:24px;} #fregister h2{font-size:25px; font-weight:700; border-bottom:none; padding:0;} #fregister p{background-color:#fff; font-size:16px; font-weight:400; text-align:left;} #fregister textarea{border:1px solid #dddddd;margin-top: 8px;} .fregister_agree{position:relative;} .selec_chk{position:relative;} .fregister_agree input[type="checkbox"] + label{font-size:14px; color:#222222;} .fregister_agree input[type="checkbox"] + label span{position:relative; top:3px;right:0; display:inline-block; border: 1px solid #222222; border-radius:0;} .fregister_agree input[type="checkbox"]:checked + label span{background: url("../img/chk.png") no-repeat 50% 50% #9d0911; border-color: #9d0911; border-radius: 3px;} #fregister_private div{padding:20px 0} #fregister_chkall{text-align:left; background:#fff; line-height:100%; border:none;} .fregister_agree.chk_all input[type="checkbox"] + label span{top:4px; margin-right:5px;} .register .btn_confirm .btn_submit, .register .btn_confirm .btn_close{ width:100%; max-width:298px; border:1px solid #222222; color:#222222; } [class~=register] [class~=btn_confirm] [class~=btn_close]:hover{border:1px solid #9d0911; color:#9d0911; } [class~=register] [class~=btn_confirm] [class~=btn_submit]{background:#9d0911; color:#fff; margin-top:0px;} [class~=register] [class~=btn_confirm] [class~=btn_submit]:hover{background:#4f0000;} @media (max-width:500px) { #testbanner {display:none;} #main-left-banner {display:none;} [class~=sct_10] [class~=sct_li] {margin: 0px 0px 0px 0px !important;} [class~=lists-row] [class~=col-row-5] {width: calc(100% / 1) !important;} } [class~=sct_10] [class~=sct_li] {margin: 0 33px 50px 0} [class~=lists-row] [class~=col-row-5] {width: calc(52% / 3); min-height:440px;} [class~=sct_10] [class~=sct_cart] { /* bottom:0px; position: absolute !important; */} [class~=lists-row] [class~=col-row-4] {width: 22%; min-height:440px;} #testbanner{ display: flex; flex-direction: column; align-items: flex-end;position: absolute; right: 60px; top : 30px; z-index: 999; width:auto; height:auto} #testbanner img{width:100%; } #testbanner ul {width: 82px; } #testbanner ul li{margin-bottom:10px;} #testbanner ul li:last-child{margin-top:25px;} #testbanner .bottomBanner{width:230px; height:426px;} #main-left-banner{ position: absolute; left: 60px; top : 30px; width: 230px; z-index: 999; height: 426px;} .lable_span {font-size: 14px; font-weight: bolder; background-color: #fff; text-align: center; display: block;} /* 상품상세 상단 */ #sit_pvi {width:49.2%;} #sit_ov {width:49.44%} #sit_title{font-size:24px; margin:0; padding-top:32px; padding-bottom:29px; border-bottom:2px solid #bbbbbb;} .sit_info .tr_price th, .sit_info .tr_price td{padding-bottom:0;} .sit_info { padding:0; border:none; margin:0; } .sit_info .tr_price{border:none;} .sit_ov_tbl{font-size:14px; color:#222222;} .sit_ov_tbl td strong{font-size:14px;} #sit_ov_wrap{width: 100%; padding: 45px 0; padding-bottom: 20px; border-top:none;} #sit_ov_wrap [class~=sit_ov_tbl] td{padding:15px 0 ;} #sit_ov_from{border-bottom:none;} #sit_siblings{display:none;} .sit_btn_cart {background: #fff; border-radius: 3px; border: 1px solid #98a3b3; color: #000;} [class~=sit_btn_buy]{background:#9d0911; color:#fff;} [class~=sit_btn_buy]:hover{background:#4f0000} .sit_btn_wish{border:1px solid #222222; color:#9d0911; } .sit_btn_wish:hover{color:#9d0911; } /* 상품상세 하단 */ #sit_info{border:none; margin-top: 70px;} #sit_rel{border:none; padding: 0px; margin-top: 0px;} #sit_rel h2 {font-size:20px; font-weight:700; color:#222; text-align:left; border-bottom:2px solid #222;} #sit_tab .tab_tit{border-bottom:none;border:none;} #sit_tab [class~=tab_tit] li{border:none;} #sit_tab [class~=tab_tit] li [class~=selected]{background:#fff; color:#9d0911; border-bottom:none;} #sit_tab [class~=tab_tit] li button{font-size:16px; border:1px solid #222222; border-right:none;} #sit_tab [class~=tab_tit] li:last-child button{border-right:1px solid #222222;} /* 상품 후기 */ .pdView-list-btl{width:100%; } .pdView-list-btl dl{display:flex; width:100%; font-size:14px; color:#222; } .pdView-list-btl dl dt{ padding:30px 0; border-top:2px solid #222222; text-align:center;} .pdView-list-btl dl dd{ padding:32px 0 39px 0 ; text-align:center; } .pdv_num{width:5%; } .pdv_title{width:65%; } dd.pdv_title{cursor:pointer;} .pdv_score{width:10%; } .pdv_writer{width:10%; } .pdv_date{width:10%; } #sit_use_wbtn a{font-size:15px; font-weight:400; color:#222222; padding:0;} #sit_use_wbtn a:first-child{} #sit_use_wbtn a:first-child:after{content:" | "; bottom: 1px; position: relative;} #sit_use_wbtn a.selected{font-weight:700;} #sit_use_ol, #sit_qa_ol{border-top: 2px solid #dddddd;} .sit_use_li{position: relative; padding:0; padding-left:0px; min-height:auto; border-bottom: 2px solid #dddddd;} #sit_board_wbtn {position: static; text-align: right; margin-bottom: 20px;} #sit_board_wbtn a{font-size:15px; font-weight:400; color:#222222; padding:0;} #sit_board_wbtn .itemuse_form{width:200px; text-align:center; font-size:15px; font-weight:700; color:#fff; background:#9d0911; padding:5px 0; border-radius:0} #sit_board_wbtn a.itemuse_form:after{content:"";} #sit_board_wbtn .itemuse_form:hover{background:#4f0000;} #sit_board_wbtn .itemuse_list{width:200px; text-align:center; font-size:15px; font-weight:700; color:#9d0911; padding:4px 0;border-radius:0; border:1px solid #9d0911;} #sit_board_wbtn .itemuse_list:hover{border:1px solid #4f0000; color:#4f0000;} #sit_board_wbtn .btn02{width:200px; text-align:center; font-size:15px; font-weight:700; color:#fff; background:#9d0911; padding:5px 0; border-radius:0} #sit_board_wbtn .btn02:hover{background:#4f0000;} #sit_board_wbtn .btn01{width:200px; text-align:center; font-size:15px; font-weight:700; color:#9d0911; padding:4px 0;border-radius:0; border:1px solid #9d0911;} #sit_board_wbtn .btn01:hover{border:1px solid #4f0000; color:#4f0000;} #sit_qa_list .list-li{border-bottom:2px solid #dddddd;} #sit_qa_list .sit_qa_li{border-bottom:none;} #sit_qa_list .pdv_num{width:15%;} #sit_qa_list .pdv_title{width:55%;} #sit_qa_list .pdv_writer{width:15%;} #sit_qa_list .pdv_date{width:15%;} .sit_qa_p{background:none;} .sit_qa_p .qa_alp{left:40px;} .sit_qa_qaq{padding-bottom:25px; border-bottom:2px solid #ddd;} /*sit_qa_ol*/ .sit_qa_qaq p, .sit_qa_qaa p{display: block; width: auto; margin-left: 150px} /* 상품목록 */ #sub-title-img{width:100%; margin-top:80px;} #sub-title-img > img{width:100%; } [class~=sct_admin]{top:280px;} #sct_location{width:100%; } #wrapper_title{text-align:center; font-size:28px; font-weight:700;} #sct_ct_1 ul{display:flex;justify-content: center; align-items: center; height:118px;} #sct_ct_1 li:after{display:none;} #sct_ct_1.sct_ct { clear: both; margin: 10px 0 40px 0; background: #fff; border-top: none; border: 1px solid #222; padding: 0px; border-radius:15px;} #sct_ct_1 li{font-size:18px; font-weight:400;} #sct_ct_1 li a{font-weight:400; line-height:auto;} /* 상품목록 정렬 */ #sct_sortlst{border:none;} #sct_sort{width:100%;} #sct_sort ul{width:auto; float:right;} #ssch_sort li a{font-size:15px; border:none;} #ssch_sort li a.selected{font-weight:700;} #ssch_sort li a:after{content:url("../img/pd_list_nav_bar.png"); position:absolute; right:0; } #ssch_sort li:last-child a:after{content:"";} [class~=sct_10][class~=lists-row]{margin-top:10px;} #ssch_sort_m{display:none;} #ft{background:#1d1d1d; padding: 30px 0 25px;} #ft .ft_wr{ display:flex; color:#fff;} #ft .ft_wr a, #ft .ft_wr p{color:#fff;} #ft .ft-contents{/*margin-right: 55px; */} #ft .ft-contents:nth-child(1){width:195px;/*margin-right: 55px; */} #ft .ft-contents:nth-child(2){width:540px;/* margin-right:77px; */} #ft .ft-contents:nth-child(3){width:290px;/*margin-right: 135px; */} #ft [class~=ft_ul]{padding: 0; margin: 0 ; text-align: left;border-bottom: 0; margin-bottom: 22px;} #ft .ft_ul li{font-size:12px;} #ft .ft-contents p{font-size:12px;} #ft p.t1{font-size:15px; font-weight:700; margin-bottom:17px;} #ft p.t2{font-size:14px;margin-bottom:22px;} #ft p.t3{font-size:12px;} #ft .ft_wr.mFooter{display:none;} /* 모바일 메뉴 */ #mobile_category #ol_before {display: flex; align-items: center;background:#282828; height:100px; border:1px solid #515151; margin:0; padding-left:0;} #ol_before .ol_before_link{display: flex; align-items: center;} #ol_before .ol_before_link a {width:130px; padding: 4px 0; text-align:center;} #ol_before .ol_before_link .mobile_cateLogo{margin-left:38px;} #ol_before .ol_before_link .btn-boc{position:absolute; right:70px;} #ol_before .ol_before_link .login{background:none; border:1px solid #f6f3f2; color:#fffefe; font-size:24px; border-radius:0; } #ol_before [class~=ol_before_link] [class~=join]{background:none; border:1px solid #f6f3f2; color:#fffefe; font-size:24px; border-radius:0; line-height:30px;} #ol_after_btn a { width:130px; display: inline-block; padding: 4px 0px; font-size:24px; line-height: 30px; font-weight: bold; text-align:center; border: 1px solid #f6f3f2; background: none; color: #fff; vertical-align: top; border-radius: 0px;} #mobile_category{background:none;} #mobile_category .menu-cover{width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; background: #000; opacity: 0.7;} #mobile_category [class~=cate] {border-bottom:25px solid #dddddd;} #mobile_category [class~=cate] a{font-size:30px; padding: 15px 35px;} #mobile_category [class~=menu_wr]{width:83%; background:none; z-index:2;} #mobile_category [class~=menu_close]{width:80px; top:20px; left:83%;} #mobile_category [class~=menu_close] > img{width:100%;} #mobile_category [class~=cate] li button{background:none; text-indent:0px; width: auto; height: auto; font-size: 50px; color:#7a7a7a; padding-right:29px; top:-10px;} #mobile_category [class~=sub_cate] a{/* background: url(../../../img/btn_next.gif) no-repeat 21px 32px; */ background:none;} #mobile_category [class~=sub_cate] a > i{font-size:20px; position:relative; top:-5px;} #cate_tnb{margin:0; border-bottom:25px solid #dddddd;} #stv_mobile{margin:0; border-bottom:25px solid #dddddd; } #stv_mobile h2{font-size:30px; color:#222222; font-weight:700; border-bottom:none; padding:15px 35px;} #sod_bsk_act{text-align:right;} #sod_bsk_act .btn_submit{height:55px; text-align:center;} #sod_bsk_act [class~=btn_submit]{width:21%;} #sod_bsk_act .btn01{height:55px; line-height:55px;text-align:center;} #sod_bsk_act [class~=btn01]{width:21%;} #sod_bsk_act [class~=btn01]{border:1px solid #222222; border-radius:0px; font-size:15pt; font-weight:bold;} #sod_bsk_act [class~=btn01]:hover{border:1px solid #9d0911; color:#9d0911; background:#fff;} #sod_bsk_act [class~=btn_submit]{background:#9d0911; border:1px solid #9d0911; border-radius:0px; font-size:15pt; font-weight:bold;} #sod_bsk_act [class~=btn_submit]:hover{background:#4f0000; border:1px solid #4f0000;} #sod_bsk #sod_bsk_tot{border:2px solid #222222; height:118px; display:flex; align-items: center; justify-content: center;} #sod_bsk #sod_bsk_tot ul{width:auto; } #sod_bsk #sod_bsk_tot li{width:auto; border-left:none; line-height:42px; text-align:center; padding:0 10px; background:none;} #sod_bsk #sod_bsk_tot li[class~=sod_bsk_pt]{background:none !important;font-size:16pt; color:#222222;} #sod_bsk #sod_bsk_tot li[class~=sod_bsk_dvr]{font-size:16pt; color:#222222; background:none !important;} #sod_bsk #sod_bsk_tot li strong{margin-left:10px;} #sod_bsk #sod_bsk_tot .sod_bsk_cnt{width:auto; font-size:20pt; font-weight:700;color:#9d0911; background:none; margin-top:-4px;} #sod_bsk #sod_bsk_tot .sod_bsk_cnt strong{font-size:28pt;} #sod_bsk_tot .cart-pcTot{display:block;} #sod_bsk_tot .cart-mTot{display:none;} @media screen and (max-width:1300px){ #container [class~=shop-content]{width:89.03%} [class~=sct_10] [class~=sct_li]{margin: 0 2% 40px 0; height: 440px !important;} } /* 반응형 코드 */ @media screen and (max-width:1240px){ #category-list .cate-item{width: 32%; height:auto;} #category-list .cate-item:nth-child(2){margin: 0 2%;} #category-list .cate-item:nth-child(5){margin: 0 2%;} } @media screen and (max-width:1200px){ #gnb1{margin-left:10px;} } @media screen and (max-width:1120px){ .forPC{display:none !important;} .forM{display:block;} #mobile_hd_wr{margin:0 6.25vw; height:200px; padding-top:30px; border-bottom:0; } #mobile_hd {display: block; min-width: 320px; } #mobile_hd #mobile_logo{margin-top:0px;} #mobile_hd #mobile_hd_btn a{top:30px; right:0;} #mobile_hd #mobile_hd_btn .mcart{ right:59px;} #mobile_hd #mobile_hd_btn .mMypage{ right:0;} #mobile_hd #mobile_hd_btn button > img{width:100%;} #mobile_btn_hdcate{top:30px;} #hd_scha{top:98px; width:78%; height:55px; margin-left:0; left:11%;} #hd_scha #sch_str{border: 1px solid #dddddd; border-radius:27px; height:55px; padding:0 55px; font-size:16px;} #hd_scha #sch_str:hover{border-color:#dddddd;} #hd_scha #sch_submit{width:32px; height:55px; border:none; left:0;} #hd_scha #sch_submit .fa-search{/* font-size:35px */} #hd_scha #sch_submit .search-icon{width:30px; margin-left:20px;} #gnb1{width: 100%;height: auto;margin-left: 0px; display: inline-block; align-items: center; background:#1d1d1d;} #gnb1 .mainMenu li{border-bottom:1px solid #222222;} #gnb1 .mainMenu li a{padding: 20px 15px; font-size: 24px;color:#fff;} #mobile_hd_wr[class~=fixed] {height:70px; padding:20px; margin:0;} #mobile_hd_wr[class~=fixed] #mobile_btn_hdcate{top:10px; left:20px;} #mobile_hd_wr[class~=fixed] #mobile_hd_btn a{top:6px;} #mobile_hd_wr[class~=fixed] #mobile_hd_btn a.mMypage{right:20px;} #mobile_hd_wr[class~=fixed] #mobile_hd_btn a.mMypage > img{width:27px;} #mobile_hd_wr[class~=fixed] #mobile_hd_btn a.mcart{right:75px;} #mobile_hd_wr[class~=fixed] #mobile_hd_btn a.mcart > img{width:32px;} #mobile_hd_wr[class~=fixed] #hd_scha{display:none;} #cate_tnb li{width:100%; font-size:30px; padding:15px 35px;} #cate_tnb li:nth-child(2n+1){border-right:none;} #cate_tnb li i.fa-angle-right{position: absolute; left:auto; right:29px; top: 13px; width: auto; text-align: center; color: #7a7a7a; line-height: auto; font-size: 50px; } .section-title{font-size:36px;} #mian-visual{max-height:750px;} #mian-visual .slick-slide img{margin:0 auto; width:100%;} #slide-info-wrap{top:auto; bottom:72px; padding-top:5%;} #top-btn-wrap{display:block; text-align:center; top:0; margin-top: 40px;} #top-btn-wrap > ul{width:88.88%; display: inline-block; } #top-btn-wrap > ul > li{width:100%; height:160px; margin-bottom:40px; float:none; display:flex; justify-content:center;} #top-btn-wrap > ul > li:last-child{margin-bottom:20px;} #top-btn-wrap > ul > li > a{width:45%; text-align: left;} #top-btn-wrap > ul > li p{width:70%;} #mobile-cate-list{width:auto; margin:0 auto; text-align: center;} #mobile-cate-list li {display:inline-block; width:22.22%; margin:0 1.38%; margin-bottom:4.16%} #mobile-cate-list li > a > img{width:100%;} /* 장바구니 */ #sod_bsk #sod_bsk_tot li[class~=sod_bsk_dvr]{font-size:14pt;} #sod_bsk #sod_bsk_tot .sod_bsk_cnt{font-size:18pt} #sod_bsk #sod_bsk_tot .sod_bsk_cnt strong{font-size:26pt;} } @media screen and (max-width:992px){ [class~=sct_10] [class~=sct_li]{ height: 450px !important;} [class~=sct_10] [class~=sct_li]:nth-child(3n+1){clear:none;} [class~=sct_10] [class~=sct_txt]{font-size:26px; } .sct_10 .sct_cost {font-size:26px; } } @media screen and (max-width:920px){ /* 장바구니 */ #sod_bsk #sod_bsk_tot li{padding:0 7px;} #sod_bsk #sod_bsk_tot li[class~=sod_bsk_dvr]{font-size:12pt;} #sod_bsk #sod_bsk_tot .sod_bsk_cnt{font-size:14pt} #sod_bsk #sod_bsk_tot .sod_bsk_cnt strong{font-size:20pt;} } @media screen and (max-width:770px){ /* 장바구니 */ #sod_bsk_act{display: flex; align-items: center; justify-content: space-between;} #sod_bsk_act [class~=btn01]{width:48%; height:91px; line-height:91px; font-size:30px; margin:0;} #sod_bsk_act [class~=btn_submit]{width:48%; height:91px; font-size:30px; margin:0;} #sod_bsk #sod_bsk_tot{height:auto;} #sod_bsk_tot .cart-pcTot{display:none; font-size:17px;} #sod_bsk_tot .cart-mTot{width:100%; display:block; } #sod_bsk_tot .cart-mTot span{float:right;} .cart-mTot .left-tot, .cart-mTot .right-tot{display:inline-block; text-align:left;font-size:30px; width:49%; padding:38px 20px;} .cart-mTot .left-tot{border-right:2px solid #222;} #sod_bsk_tot .cart-mTot .bottom-tot{width:100%; font-size:36px; font-weight:700; color:#9d0911;padding:38px 20px; border-top:2px solid #222;} } @media screen and (max-width:720px){ #testbanner {display:none;} #main-left-banner {display:none;} #banner01{height:40.27vw;} #banner01 .banner-main-title{font-size:5.27vw; line-height:5.27vw;margin-bottom:1.66vw;} #banner01 .banner-sub-title{font-size:3.33vw; line-height:3.33vw; margin-bottom:2.77vw;} #banner01 .btn{background:#9d0911;} .section-title{font-size:5vw;} #allProduct{text-align:center;} #allProduct .section-title{line-height: 6.94vw; padding: 5.55vw 0 5.55vw 0;} #allProduct .tab-menu{width:70%; display:inline-block; text-align:center;} #allProduct .tab-menu a{margin-bottom:2.77vw;} [class~=sct_10] [class~=sct_li]{width:49% !important; height:520px !important;margin: 0;} [class~=sct_10] [class~=sct_li]:nth-child(4n){margin-right:0;} [class~=sct_10] [class~=sct_li]:nth-child(odd){margin-right:2% !important;} [class~=sct_10] [class~=sct_txt]{font-size:3.61vw;} .sct_10 .sct_cost{font-size:3.61vw;} /* 주문서 탭메뉴 */ #top-btn-wrap > ul > li{height:22.22vw; margin-bottom:5.55vw;} #top-btn-wrap > ul > li .order_title{font-size:4.16vw} #top-btn-wrap > ul > li .ca_list{font-size:2.08vw;} /*제품 상세 */ #sit_pvi{width:100%; } #sit_ov{width:100%;} .sit_ov_tbl{font-size:2.77;} .sit_ov_tbl td{font-size:2.77;} #sit_title{font-size:5vw; text-align:left;} #sit_rel h2{font-size:4.44vw;} #sit_tab [class~=tab_tit] li button{font-size:4.16vw;} #sit_use_wbtn a{font-size:4.16vw;} #sit_tab [class~=tab_tit] li button {height:auto;} #sit_board_wbtn {position: static; text-align: center; margin-bottom: 2.77;} #sit_board_wbtn .itemuse_form{width:43%; font-size:4.16vw; padding:4.02vw 0; margin-right:10px;} #sit_board_wbtn .itemuse_list{width:43%; font-size:4.16vw; padding:4.02vw 0;} /*사용후기*/ #sit_use .pdv_num{display:none;} #sit_use .pdv_title{width:75%;} #sit_use .pdv_score {width:25%} #sit_use .pdv_writer{display:none;} #sit_use .pdv_date{display:none;} #sit_qa .pdv_num{display:none;} #sit_qa .pdv_title{width:75%;} #sit_qa .pdv_score {display:none;} #sit_qa .pdv_writer{display:none;} #sit_qa .pdv_date{width:25%} /* 제품 목록 */ [class~=sct_admin]{top:0px} #wrapper_title{font-size:5.55vw; } #sct_ct_1.sct_ct{/* border:none */} #sct_ct_1 ul{display:inline-block; width:100%; height:auto;} #sct_ct_1 ul li{font-size:4.4vw} #sct_ct_1 li a{padding:1.66vw 1.38vw;} #sct_ct_1 ul li:not(:last-child){width:50%;border-bottom:2px solid #222222;border-right:2px solid #222222;} #sct_ct_1 ul li:first-child{/* border-top:1px solid #ddd; border-left:1px solid #ddd; border-radius:15px 0 0 0; */} #sct_ct_1 ul li:nth-child(2){/* border-top:1px solid #ddd; border-right:1px solid #ddd; border-radius:0 15px 0 0; */} #sct_ct_1 ul li:nth-child(even){border-right:none;} #sct_ct_1 ul li:last-child{/* border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-radius:0 0 15px 0; */} #sct_ct_1 ul li:nth-last-child(2){border-bottom:none;/* border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-radius:0 0 0 15px; */} #sct_ct_1 li:after{position: absolute; top: 0px; right: 0; display: none; clear: both; content: ""; width: 0px; height: 0px; background: none;} /* 정렬기준 */ #ssch_sort{display:none;} #sct_sort{position:relative; border:none; text-align:right;border:none;} #sct_sort li a{border-left:none;} #ssch_sort_m{display:block; text-align:right;} #ssch_sort_m{text-align:right; position:relative;} #ssch_sort_m > a{display:block; width:160px; display:inline-block; font-size:28px; line-height:100%; text-align:center;} #ssch_sort_m ul{display:none; position:absolute; top:42px; right:0; z-index:100; border:1px solid #222222; background:#fff;} #ssch_sort_m li{width:auto; height:auto; font-size:28px; line-height:100%; float:none;} #ssch_sort_m li.selected > a{color:#9c0911} #ssch_sort_m li a{text-align:center; padding:0 30px;} #ssch_sort_m li a:after{content:"";} #ssch_sort_m #sort-list{position:absolute;} /* 장바구니 */ .od_prd_list .td_prd .prd_name{font-size:5.83vw} .sod_opt li{font-size:5.13vw} #sod_bsk table tbody td:before{font-size:5.55vw;} #sod_bsk table tbody td{color:#222; font-size:5.83vw} .od_prd_list .total_prc{font-size:5.83vw; font-weight:400; color:#222222;} #sod_bsk_act [class~=btn01]{ height:12.63vw; line-height:12.63vw;font-size:3.55vw} #sod_bsk_act [class~=btn_submit]{ height:12.63vw; font-size:3.55vw} #sod_bsk_tot .cart-pcTot{display:none; font-size:3.55vw;} .cart-mTot .left-tot, .cart-mTot .right-tot{font-size:3.55vw; padding:3.27vw 1.77vw;} .cart-mTot .left-tot{border-right:2px solid #222;} #sod_bsk_tot .cart-mTot .bottom-tot{font-size:4.66vw; padding:3.27vw 1.77vw; } /* 회원가입 step1 */ #fregister h2{font-size:4.44vw;} #fregister p{font-size:3.88vw} #fregister textarea{font-size:4.16vw; height:48.61vw;} #fregister_private th{font-size:4.16vw;} #fregister_private td{font-size:2.9vw;} .fregister_agree input[type="checkbox"] + label{font-size:4.16vw;} .fregister_agree input[type="checkbox"] + label span{width: 4.16vw; height:4.16vw;} .register .btn_confirm .btn_submit, .register .btn_confirm .btn_close{width:48%; font-size:4.16vw;} /* 상품문의 */ #sit_board_wbtn .btn02 {width:43%; font-size:4.16vw; padding:4.02vw 0; margin-right:10px; text-align: center; font-weight: 700; color: #fff; background: #9d0911; border-radius: 0; } #sit_board_wbtn .btn01 { width:43%; font-size:4.16vw; padding:4.02vw 0; margin-right:10px; text-align: center; font-weight: 700; color: #9d0911; border-radius: 0; border: 1px solid #9d0911;} #ft .ft_wr.pcFooter{display:none;} #ft .ft_wr.mFooter{display:flex; flex-direction: column;width:89%; margin:0 auto;} .footer_logo{width:150px; margin-bottom:25px;} #ft [class~=ft_ul] li a{font-size:24px;} #ft .ft-contents{margin-bottom:20px;} #ft .ft-contents:nth-child(2){margin-right:0;} #ft .ft-contents:nth-child(1){width:100%;} #ft .ft-contents:nth-child(2){width:100%;margin-right:0;} #ft .ft-contents:nth-child(3){width:100%;} #ft p.t1{font-size:24px; margin-bottom:0px;line-height: 28px;} #ft p.t2{font-size:22px;line-height: 25px;} #ft p.t3{font-size:22px; line-height: 25px;} #ft p.t4{font-size:16px; line-height: 20px;} #ft p.comp-info{font-size:20px;} } @media screen and (max-width:640px){ #ol_before .ol_before_link .mobile_cateLogo{margin-left:10px; } #ol_before .ol_before_link .btn-boc{right:10px;} #ol_before .ol_before_link a {width:91px; } #ol_before .ol_before_link .login{font-size:16px; } #ol_before [class~=ol_before_link] [class~=join]{font-size:16px;} #ol_after_btn a{font-size:16px; width:91px;} } @media screen and (max-width:560px){ #allProduct .tab-menu{width:85%;} [class~=sct_10] [class~=sct_li]{height:450px !important;} } @media screen and (max-width:420px){ #gnb1 .mainMenu li a{font-size:16px;} #ol_before .ol_before_link .mobile_cateLogo{width:101px; margin-left:10px;} #ol_before .ol_before_link .btn-boc{right:30px;} #mobile_category [class~=menu_close]{width:14.28vw} #mobile_category [class~=cate] a{font-size:21px;} #mobile_category [class~=cate] li{line-height:49px;} #mobile_category [class~=cate] li button{font-size:35px; top:8px;} #mobile_category [class~=sub_cate] a > i {top:-2px;} #cate_tnb li{font-size:21px; padding:15px 35px; } #cate_tnb li:nth-child(2n+1){border-right:none;} #cate_tnb li i.fa-angle-right{font-size:35px;} #stv_mobile h2{font-size:21px;} #mobile_hd #mobile_hd_btn .mcart {right:40px;} #slide-info-wrap .slide-in-contents h1{font-size:30px; line-height:38px;} #slide-info-wrap .slide-in-contents p{font-size:21px; line-height:38px;} #top-btn-wrap > ul > li > a{width:80%;} #top-btn-wrap > ul > li .order_title{display:inline-block; margin-top:5px} #allProduct .tab-menu{width:100%;} [class~=sct_10] [class~=sct_li]{width:100% !important; height:auto !important; margin-bottom:50px !important;} [class~=sct_10] [class~=sct_li]:nth-child(odd){margin-right:0 !important;} [class~=sct_10] [class~=sct_txt] {font-size:18px;} .sct_10 .sct_cost{font-size:18px;} #ft [class~=ft_ul] li a{font-size:16px;} #ft p.t1{font-size:16px;} #ft p.t2{font-size:15px} #ft p.t3{font-size:15px} #ft p.comp-info{font-size:14px;} } @media screen and (max-width:360px){ #slide-info-wrap .slide-in-contents h1{font-size:21px; line-height:38px; } #top-btn-wrap > ul > li .order_title{font-size:24px;} /* 제품목록 */ #wrapper_title{font-size:20px; } /* 제품목록 정렬기준 */ #ssch_sort_m > a{width:80px; font-size:14px; } #ssch_sort_m ul{top:42px; } #ssch_sort_m li{font-size:14px;} #ssch_sort_m li a{padding:0 15px;} /* 상품상세 */ #sit_title{font-size:18px;} .sit_ov_tbl{font-size:14px;} .sit_ov_tbl td{font-size:14px;} #sit_rel h2{font-size:16px;} }