/* common */ @font-face { font-family:'SCDream4'; src: url('../css/fonts/SCDream4.ttf'), url('../css/fonts/SCDream4.eot'), url('../css/fonts/SCDream4.woff'); font-weight: 400; } @font-face { font-family:'SCDream1'; src: url('../css/fonts/SCDream1.ttf'), url('../css/fonts/SCDream1.eot'), url('../css/fonts/SCDream1.woff'); font-weight: 100; } *{outline:0 !important;} #typereceiptcardlay, #typereceiptlay{display:none !important;} .mypage_nav_wrap .right li:nth-child(3){display:none !important;} /*상세 하단 (iframe 높이 잡은 부분)*/ #goods_review_frame, #goods_qna_frame { border-radius: 20px; box-shadow: 0 0 20px rgba(0,0,0,0.1); } body.view_page { background: transparent !important; min-height: 300px; } body.view_page #wrap { padding: 0 !important; overflow:visible; } body.view_page .subpage_container { padding: 0; } body.view_page #layout_body { overflow: visible; padding: 0 !important; padding-bottom: 0 !important; } body.view_page #bbslist { padding:0; } body.view_page #wrap .review { margin: 0; border-radius: 0; box-shadow: none; width: 100%; } body.view_page #wrap .cs_wrap { border-radius: 0; box-shadow: none; width: 100%; margin: 0; } @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); * { box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif; } img { border:none; } .w1200 { width:1200px; margin: 0 auto; } .w1220 { width:1220px; margin: 0 auto; overflow:hidden; } .w1300 { width:1300px; margin: 0 auto; } .w1400 { width:1400px; margin: 0 auto; } .w1600 { width:1600px; margin: 0 auto; } .w1760 { width:1760px; margin: 0 auto; } .wfull { width:100%; min-width:1200px; } .w100 { width:100% !important;; } .w90 { width:90% !important; } .w80 { width:80% !important; } .w70 { width:70% !important; } .w60 { width:60% !important; } .w50 { width:50% !important; } .w40 { width:40% !important; } .w30 { width:30% !important; } .w20 { width:20% !important; } .w15 { width:15% !important; } .w10 { width:10% !important; } .mart5 { margin-top: 5px !important; } .mart10 { margin-top: 10px !important; } .mart20 { margin-top: 20px !important; } .mart30 { margin-top: 30px !important; } .mart40 { margin-top: 40px !important; } .mart50 { margin-top: 50px !important; } .mart60 { margin-top: 60px !important; } .marr5 { margin-right: 5px !important; } .marr10 { margin-right: 10px !important; } .marr20 { margin-right: 20px !important; } .marr30 { margin-right: 30px !important; } .marr40 { margin-right: 40px !important; } .marr50 { margin-right: 50px !important; } .marr60 { margin-right: 60px !important; } .marl5 { margin-left: 5px !important; } .marl10 { margin-left: 10px !important; } .marl20 { margin-left: 20px !important; } .marl30 { margin-left: 30px !important; } .marl40 { margin-left: 40px !important; } .marl50 { margin-left: 50px !important; } .marl60 { margin-left: 60px !important; } .marb5 { margin-bottom:: 5px !important; } .marb10 { margin-bottom: 10px !important; } .marb20 { margin-bottom: 20px !important; } .marb30 { margin-bottom: 30px !important; } .marb40 { margin-bottom: 40px !important; } .marb50 { margin-bottom: 50px !important; } .marb60 { margin-bottom: 60px !important; } .padt5 { padding-top: 5px !important; } .padt10 { padding-top: 10px !important; } .padt20 { padding-top: 20px !important; } .padt30 { padding-top: 30px !important; } .padt40 { padding-top: 40px !important; } .padt50 { padding-top: 50px !important; } .padt60 { padding-top: 60px !important; } .padr5 { padding-right: 5px !important; } .padr10 { padding-right: 10px !important; } .padr20 { padding-right: 20px !important; } .padr30 { padding-right: 30px !important; } .padr40 { padding-right: 40px !important; } .padr50 { padding-right: 50px !important; } .padr60 { padding-right: 60px !important; } .padl5 { padding-left: 5px !important; } .padl10 { padding-left: 10px !important; } .padl20 { padding-left: 20px !important; } .padl30 { padding-left: 30px !important; } .padl40 { padding-left: 40px !important; } .padl50 { padding-left: 50px !important; } .padl60 { padding-left: 60px !important; } .padb5 { padding-bottom: 5px !important; } .padb10 { padding-bottom: 10px !important; } .padb20 { padding-bottom: 20px !important; } .padb30 { padding-bottom: 30px !important; } .padb40 { padding-bottom: 40px !important; } .padb50 { padding-bottom: 50px !important; } .padb60 { padding-bottom: 60px !important; } .acenter { text-align:center !important;; } .aright { text-align:right !important;; } .aleft { text-align:left !important; } .none { display: none !important; } .away { position:absolute; left: -999em; } i { font-style:normal; } .mobile { display:none !important; } .pc { display:block !important; } body { overflow-x:hidden; min-height:1000px; } #layout_body { overflow:hidden; } body { -webkit-backface-visibility: hidden; } #wrap { padding-top: 110px !important} /* header - pc */ .layout_header { width:100%; height:auto !important; position:fixed; top:0; left:0; background:transparent; z-index:99; padding-top:32.5px;padding-bottom:32.5px; border:none; box-shadow:none; transition:all 0.5s; position:absolute; } .header_wrap { } .header_wrap, .main_aside_wrap, .main_aside_wrap2 { width:100%; padding: 0 80px; } .header_wrap .logo_area { width:90px; height: 45px; overflow:hidden; float:left; transition:all 0.5s;font-weight:bold;} /* width:130px; */ .header_wrap .logo_area a{display:block;} .header_wrap .logo_area img { width: 100%;display:block; } .layout_header.on .header_wrap .logo_area{transform:scale(0.8);transform-origin:center center;transition:all 0.5s;} .header_wrap .mNav { width:780px; margin: 0 auto; text-align:center; height:0;} .header_wrap .mNav > li { display:inline-block;text-align:center; line-height:45px; } /* line-height:55px; */ .header_wrap .mNav > li > a{display:block;padding:0 15px;} /* width: 10.4%; */ /* .header_wrap .mNav > li.long { width: 16% } */ .header_wrap .mNav > li a { position:relative; color:#413d3c; font-size:18px; } /* transition:.2s; */ .header_wrap .mNav > li a span { display:inline-block; width: 45px; height: 25px; background-color: transparent; border:10px solid transparent; border-top: 0; transition:.2s; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; position:absolute; bottom: -30px; left: 50%; transform: translateX(-50%); transition:.2s; display:none; } .header_wrap .mNav > li a:hover span { border:10px solid rgba(255,255,255,0.4); transition:.2s; border-top: 0; } .header_wrap .util_wrap_ver2 { float:right; /* line-height:55px; */} .header_wrap .util_wrap_ver2 > li { float:left;padding:7.5px auto; } .header_wrap .util_wrap_ver2 > li a { font-size:0; display: inline-block; width: 20px; height:20px; display:block; margin-top:12px;} .header_wrap .util_wrap_ver2 > li a.login { background:url(../images/newbird/nav_lock_icon.png) no-repeat center center; margin: 12px 30px 0 30px; background-size:auto 100%;} .header_wrap .util_wrap_ver2 > li a.logout { background:url(../images/newbird/nav_unlock_icon.png) no-repeat center center; margin: 12px 30px 0 30px; background-size:auto 100%;} .header_wrap .util_wrap_ver2 > li a.join, .header_wrap .util_wrap_ver2 > li a.mypage { background:url(../images/newbird/nav_login_icon.png) no-repeat center center; background-size:auto 100%;} .header_wrap .util_wrap_ver2 > li a.cart { background:url(../images/newbird/nav_crop_icon.png) no-repeat center center; position:relative; background-size:auto 100%;} .header_wrap a.cart .cart_cnt1 { position:absolute; top:-7px; right:-7px; } /* custom_open_wrap */ .main_aside_wrap .inner { width:100%; position:relative; } .main_aside_wrap .right_stick { position:absolute; right:0; z-index:10; } .custom_open_wrap { width:100%; position:relative; text-align:left; } .custom_open_wrap .top_category_wrap { position:absolute; right:0; bottom:50%; transform:translateY(-50%); width:600px; padding:40px; border-radius:25px; box-shadow:1px 3px 5px rgba(0,0,0,0.1); background:#fff; } .main_aside_wrap .color_select_list { position:static; } /* main */ .main_aside_wrap3, .main_aside_bottom { width:100%; padding: 0 40px; position:fixed; left:0; z-index:50; height:0;transform:translateY(-50%); top:50%;} /* top:50%; */ .main_aside_wrap3 .inner { width: 100%; height:0; } .main_aside_wrap3 .left_num { float:left; display:inline-block;color:#413d3c; font-size:16px; font-weight:bold; width:120px; height:30px; transform: rotate(-90deg); text-align:center; border-radius:15px; line-height:28px; box-shadow: 2px 3px 10px rgba(0,0,0,0.1); margin-left:-60px; background:#fff;} .main_aside_wrap3 .right_stick { float:right; position:relative; z-index:31; width:50px; height:50px; background:#fff; border-radius:50%; text-align:center; box-shadow:1px 1px 15px rgba(90,90,90,0.2); line-height:50px; right:-5px;} .main_aside_wrap3 .inner span.pc { width:auto; position:absolute; bottom:-75px; right:-10px; color:#3b3735; z-index:31 } .main_aside_wrap3 .right_stick.on { background:#413d3c; transition: .2s; } .main_aside_wrap3 .right_stick span.pc{font-size:11px;letter-spacing:-0.5px;bottom:-45px;display:none !important;} /* .main_aside_wrap3 .right_stick.on .stick_on { opacity:1; } */ .main_aside_bottom { top: auto; bottom: 100px; } .main_aside_bottom .inner { width:100%; position:relative; height:0 } .main_aside_bottom .talk { float:right; font-size:40px; position:absolute; top:30px; right:0; display:inline-block; line-height:0; display:none;} .main_aside_bottom > span { display:inline-block; position:absolute; bottom:0; left:0; } /* .main_aside_wrap3 .right_stick { right:4px; transform: scale(0.65);transform-origin: right bottom;} */ .main_aside_wrap3 .right_stick img { position:absolute; top: 10px; right:10px; } .main_aside_wrap3 .right_stick img.stick_on{opacity:0;transition:all 0.5s;} @media only screen and (min-width:1025px) { .main_aside_wrap3 .right_stick:hover img.stick_on{opacity:1;transition:all 0.5s;} } .main_aside_wrap3 .right_stick.on img.stick_on{opacity:1;transition:all 0.5s;} /*width: 550px;*/ .sub_cat_list_wrap .category_list { min-width: 290px;padding-right:30px; } .sub_cat_list_wrap .category_list .search_nav { width:100%;; } .sub_cat_list_wrap .category_list .kind { padding-left: 20px; } .sub_cat_list_wrap .search_nav select::-ms-expand { display:none; } /* 메인비쥬얼 - 2020-03-31 */ .main_visual_wrap { width:100%; height:100vh; min-width:320px; } .main_visual_wrap .visual_wrap { width:100%; height:100%; } .main_visual_wrap .visual_wrap .newVisual { width:100%; height:100%; } .main_visual_wrap .visual_wrap .newVisual .slick-list{height:100%;} .main_visual_wrap .visual_wrap .newVisual .slick-list .slick-track{height:100%;} .main_visual_wrap .visual_wrap .newVisual .newV { float:left; width:100%; min-width:320px; } /* height:100vh; */ .main_visual_wrap .visual_wrap .newVisual .s1 { background:#ffcf49 } .main_visual_wrap .visual_wrap .newVisual .s2 { background:#b0e9aa } .main_visual_wrap .visual_wrap .newVisual .s3 { background:#f4a7ad } .main_visual_wrap .visual_wrap .newVisual .s4 { background:#2ae3d8 } .main_visual_wrap .newVisual .con_outer { width:1760px; margin: 0 auto; padding: 180px 0 50px 0; height:100%; } .main_visual_wrap .newVisual .con_inner { width:1200px; margin: 0 auto; height:100%; position:relative; } .newVisual .gif_wrap { position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%) } .main_visual_wrap .visual_wrap .newVisual .newV { position:relative; } .newVisual .gif_wrap { width:1200px; } .s2 .text_box { position:absolute; top:50%; transform:translateY(-50%); z-index:50; text-align:center; width:100%; } .s2 .text_box .text2 span{ display:inline-block; width:90%; height:130px; padding: 10px 25px; background:url(../images/main_visual/main_visual_text_bg.png) no-repeat left center; background-size:100% 100%; } .main_visual_wrap .newVisual .s2 .text_box > p > span { font-family: 'SCDream1', sans-serif; letter-spacing: -4px; color:#413d3c; font-size:80px; } .main_visual_wrap .newVisual .s2.slick-current.slick-active .text_box .text2 span { overflow:hidden; white-space:nowrap; margin: 0 auto; animation: typewriter1 2.5s steps(40, end), blink-caret .75s step-end infinite; } @keyframes typewriter1 { from {width:0} to {width:90%} } .newV { text-align:center; } .s3 span, .s4 span { display:inline-block; position:absolute; top:50%; letter-spacing:-4px; color:#413d3c; font-family: 'SCDream1',sans-serif; transform: translateY(-50%); z-index:55; font-size:60px; width:50%; overflow:hidden; text-align:center; } .s3 .top { left:-120px;; } .s3 .bottom { right:-120px;; } .s4 .top { left:-120px;; } .s4 .bottom { right:-120px; } .main_visual_wrap .visual_wrap .slick-dots { bottom: 20px; z-index:40 } .main_visual_wrap .visual_wrap .slick-dots > li { padding: 0 10px; } .main_visual_wrap .visual_wrap .slick-dots > li > button { width:8px; height:8px; border-radius:50%; background:#413d3c; opacity:1; } .main_visual_wrap .visual_wrap .slick-dots > li.slick-active > button { background:transparent; border: 4px solid #413d3c; width: 12px; height:12px; } .main_visual_wrap .slick-dots>li.slick-active>button { box-shadow:none; } .layout_header.on { position:fixed; top:0; left:0; z-index:999; background:#ffd452; padding-top:5px;padding-bottom:5px;} /* transition:.2s; */ /* padding-top:25px; */ /* height:110px; */ .layout_header.on .header_wrap .mNav > li { /* transition:.2s; */ } .layout_header.on .header_wrap .mNav > li a { } .layout_header .header_wrap .mNav > li a:hover { font-weight:700; } /* font-weight:700; */ /* transition:.2s; */ .layout_header.on .header_wrap .util_wrap_ver2 { line-height:1.4 } .list_bg .category_wrap.on { width:100%; position:fixed;top: 55px; left:0; background:#fff; z-index:100; transition:.5s; } .category_wrap.review_filter.on { position:fixed;top: 55px; left:0; background:#fff; z-index:100; transition:.5s; } .category_wrap.my_category_wrap.on { position:fixed;top: 55px; left:0; background:#fff; z-index:100; transition:.5s; } /* mypage */ .mypage_wrap { width:1220px; margin: 0 auto; width:100%; overflow:hidden; padding: 10px; } .mypage_wrap .subpage_wrap { display:block; width:100%; overflow:hidden; } .mypage_wrap .subpage_wrap .subpage_lnb { display:block; float:left; margin: 10px; padding: 40px 50px; max-width:270px; border-radius:20px; box-shadow:1px 1px 15px rgba(90,90,90,.1) } .subpage_lnb .title1 { display:none; } .mypage_wrap .subpage_container { display:block;float:left; width:calc(1200px - 270px); margin-left: 30px; } .mypage_wrap .mycs_fcont_margin { margin-top: 10px; } .subpage_lnb .lnb_sub>li>a { position:relative; z-index:31 } /* ==================================================================================================== */ /* checkbox styling { */ .main_slide_wrapper .color_select_list > li { } .main_slide_wrapper .color_select_list > li input[type="radio"] { position:absolute; opacity:0; } .main_slide_wrapper .color_select_list > li input[type="radio"] + label { position:relative; cursor:pointer; padding:0; } .main_slide_wrapper .color_select_list > li input[type="radio"] + label { border-radius:3px; margin-right:10px; display:inline-block; vertical-align:text-top; width:20px; height:20px;/* background:brown; */ } .main_slide_wrapper .color_select_list > li input[type="radio"]:hover + label:before { /* background: pink; */ } .main_slide_wrapper .color_select_list > li input[type="radio"]:focus + label:before { box-shadow: 1px 1px 3px rgba(0,0,0,0.12) } .main_slide_wrapper .color_select_list > li input[type="radio"]:checked + label:before {/* background:pink; */} .main_slide_wrapper .color_select_list > li input[type="radio"]:disabled + label { color:gray; cursor:auto; } .main_slide_wrapper .color_select_list > li input[type="radio"]:disabled + label:before { box-shadow:none; background:gray; } .main_slide_wrapper .color_select_list > li input[type="radio"]:checked + label:after { content:''; position:absolute; left:5px; top:9px; background:white; width:2px; height:2px; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; transform:rotate(45deg); } .main_slide_wrapper .color_select_list > li #white:checked + label:after { background:#ccc;box-shadow: 2px 0 0 #ccc, 4px 0 0 #ccc, 4px -2px 0 #ccc, 4px -4px 0 #ccc, 4px -6px 0 #ccc, 4px -8px 0 #ccc; } /* } checkbox styling */ .category_edit_area { margin-bottom:30px; } .step_wrap { width:100%; min-width:1200px; height:150px; background:#645d5b; } .step_wrap > ul { } .step_wrap li { float:left; width:25%; color:#fff; background:url(../images/newbird/step_bg.png) no-repeat 90% center; } .step_wrap li:nth-child(1) {margin-left:3.5%;} .step_wrap li:nth-child(4) { background:none; width:20%;} .step_wrap li > div { float:left; } .step_wrap li .left_img { width:50px; height:150px; } .step_wrap li:nth-child(1) .left_img { background:url(../images/newbird/step_case.png) no-repeat center center; } .step_wrap li:nth-child(2) .left_img { background:url(../images/newbird/step_custom.png) no-repeat center center; } .step_wrap li:nth-child(3) .left_img { background:url(../images/newbird/step_payment.png) no-repeat center center; } .step_wrap li:nth-child(4) .left_img { background:url(../images/newbird/step_custom_last.png) no-repeat center center; } .step_wrap li .right_text { width: calc(100% - 50px); height:150px; padding: 40px 0 0 30px; } .step_wrap li .right_text span.title { display:block; color:#eac453; font-size: 12px; font-weight:bold; padding-bottom:10px; } .step_wrap li .right_text > p { font-size:14px; color:#fff; } .step_wrap li .right_text > p .block { display:block; font-size:14px; color:#cbc2c0; } .title_group1 { height:40px; line-height:40px; padding:0; margin: 100px 0 50px 0; } .title_group1 h3.title1 { width:1200px; margin: 0 auto; overflow:hidden; line-height:40px; background:url(../images/newbird/main_title_bg.png) no-repeat left center; padding-left:30px; } .title_group1 .title1 span.big { font-size:35px; color:#413d3c; display:inline-block; float:left; } .title_group1 .small { float:left; padding-left: 25px; font-size:15px; color:#89807e; font-weight:normal; } .title_group1 a.more { float:right; font-size:13px; display:inline-block; width: 90px; height:30px; line-height:30px; text-align:center; background:#ffd452; border-radius:15px; } .review_wrap { width:100%; background:#f3f4f6; overflow:hidden; margin:100px 0 0 0; padding-bottom:100px; } .review_wrap .review_list { width:1200px; margin: 0 auto; } .review_wrap .review_list .resp_display_goods_info { display:none !important; } .review_wrap .review_list .goods_list { margin:0; vertical-align:middle; } .review_wrap .goods_list .gl_item .gl_inner_item_wrap { border-radius:15px; overflow:hidden; } .review_wrap .goods_list .gl_item { width:12.5% !important; } /* main - bottom */ .main_bottom_wrap { width:100%; overflow:hidden; padding: 50px 0 0 0; } .main_bottom_wrap ul { width:100%; overflow:hidden; text-align:center; } .main_bottom_wrap li { float:left; width: 33.333%; padding: 30px 95px; border-radius:10px; } .main_bottom_wrap li .top { width:100%; height:100px; } .main_bottom_wrap li .top .img_box { display:inline-block; width:80px; height:80px; overflow:visible; background:#ffd452; padding:15px; border-radius:50%; box-shadow:2px 5px 10px rgba(0,0,0,0.1) } .main_bottom_wrap li .top .img_box img { width:100%; } .main_bottom_wrap li .bottom { } .main_bottom_wrap li .bottom p.big { text-align:center; font-size: 25px; color:#413d3c; padding: 0 0 10px 0; letter-spacing:-1px; background:url(../images/newbird/main_bottom_bg.png) no-repeat center 70%; } .main_bottom_wrap li:first-child p.big { background-size: 80px 9px; } .main_bottom_wrap li:nth-child(2) p.big { background-size: 150px 9px; } .main_bottom_wrap li:nth-child(3) p.big { background-size: 100px 9px; } .main_bottom_wrap li .bottom p.big:after { } .main_bottom_wrap li .bottom .small { color:#413d3c; font-size:15px; display:block; padding: 0 0 20px 0; line-height: 25px;} .btn_style1 { display:inline-block; padding: 7px 20px; border-radius:15px; color:#fff; text-align:center; background:#413d3c; font-size:12px; } .main_bottom_wrap li:hover { background:#f3f4f6; transition:.2s; } .event_banner_wrap { width:100%; overflow:hidden; } .event_banner_wrap .slide_contents .text_wrap { position:absolute; top:42%; left: 50%; transform: translateX(-50%) translateY(-50%); text-align:left; } .event_banner_wrap .slide_contents .text_wrap li { width: 1200px; margin: 0 auto; } .event_banner_wrap .slide_contents .text_wrap li p { font-size:60px; color:#413d3c; font-weight: 100; letter-spacing:-4px; } .event_banner_wrap .slide_contents .text_wrap li .text2 { font-weight:500; margin-bottom:30px; } .event_banner_wrap .slide_contents .text_wrap li .text3 { font-size:15px; color:#413d3c; } .event_banner_wrap .slide_contents .text_wrap li a.sbtn { display:inline-block; margin-top: 45px; font-size:18px; width: 220px; height:50px; text-align:center; line-height:50px; color:#edc148; background:#413d3c; border-radius:25px; } .event_banner_wrap .main_slider_a1 { margin:0 } .event_banner_wrap .slick-arrow { display: none !important; } .event_banner_wrap .slick-prev { left:0 } .event_banner_wrap .slick-next { right:0 } .event_banner_wrap .main_slider_a1 .sslide { padding:0; } .event_banner_wrap .slick-dots { width:1200px; left:50%; bottom:110px; text-align:left; transform:translateX(-50%); } .event_banner_wrap .slick-dots > li { padding: 0 10px; } .event_banner_wrap .slick-dots > li > button { width:8px; height:8px; border-radius: 50%; background:#413d3c; opacity:.5; } .event_banner_wrap .slick-dots > li.slick-active button { opacity:1; } /* 추천케이스 */ .best_wrap { width:100%; overflow:hidden; } .best_wrap .best_pc { width:1200px; margin: 0 auto; } .best_wrap .swiper-pagination { } .best_wrap .display_responsible_class .goods_list { margin:0 -12.5px; } .best_wrap .slick-list { /* background:pink; */ } .best_wrap .display_responsible_class .goods_list li.gl_item { padding:0 } .best_wrap .slick-dots { top:-15%; right:0; text-align:right; bottom:auto; } .best_wrap .slick-prev { opacity:.5; left: -70px; background:url(../images/newbird/best_arrow_left.png) no-repeat center center; } .best_wrap .slick-slider:hover .slick-prev {transform: translateX(0); opacity:1; } .best_wrap .slick-next { opacity:.5; right: -70px; background:url(../images/newbird/best_arrow_right.png) no-repeat center center; } .best_wrap .slick-slider:hover .slick-next {transform: translateX(0); opacity:1 } .best_wrap .display_responsible_class .goods_list li.gl_item { margin: 0 12.5px; } .best_wrap .gli_image { border-radius:20px; overflow:hidden } .best_wrap .slick-dots>li { padding: 0 10px; } .best_wrap .slick-dots>li>button { background:#e6e6e4; width: 8px; height:8px; border-radius:50%; opacity:1; box-shadow:none; } .best_wrap .slick-dots>li.slick-active>button { background:#89807e; width:8px; opacity:1; box-shadow:none; } .best_wrap .infO_group, .best_wrap .displaY_icon_images { display:none; } .best_wrap .infO_style_4 .displaY_goods_name { border:none; } .best_mobile .displaY_goods_name { } .best_mobile { display:none; } /* 아이디어쉐어 */ .review_list .list { width:50%; float:left; position:relative; overflow:hidden;} .review_list .list li { float:left; overflow:hidden; padding:10px; } .review_list .list li img { width:100%; border-radius:30px; } .review_list .idealist1 li:nth-child(1) { width:300px; height:300px; } .review_list .idealist1 li:nth-child(2) { width:150px; height:150px; } .review_list .idealist1 li:nth-child(3) { width:150px; height:150px; } .review_list .idealist1 li:nth-child(4) { width:150px; height:150px; margin-left:150px; } .review_list .idealist1 li:nth-child(5) { width:150px; height:150px; } .review_list .idealist1 li:nth-child(6) { width:300px; height:300px; } .review_list .idealist1 li:nth-child(7) { width:150px; height:150px; } .review_list .idealist1 li:nth-child(8) { width:150px; height:150px; } .review_list .idealist2 { } .review_list .idealist2 li:nth-child(1) { width:150px; height:150px; } .review_list .idealist2 li:nth-child(2) { width:150px; height:150px; margin-right:150px; } .review_list .idealist2 li:nth-child(3) { width:150px; height:150px; } .review_list .idealist2 li:nth-child(4) { width:150px; height:150px; margin-top:150px; } .review_list .idealist2 li:nth-child(5) { width:300px; height:300px; } .review_list .idealist2 li:nth-child(6) { width:150px; height:150px; } .review_list .idealist2 li:nth-child(7) { width:150px; height:150px; } .review_list .idealist2 li:nth-child(8) { width:150px; height:150px; } .review_list .idealist2 li:nth-child(9) { width:150px; height:150px; } .review_list .idealist2 li:nth-child(10) { width:150px; height:150px; } .review_list .idealist2 li:nth-child(11) { width:150px; height:150px; } /* list .category_wrap { width:100%; min-width:1200px; height:70px; padding: 0 60px; margin-bottom:15px; box-shadow:1px 5px 10px rgba(246,246,246,0.8); } .category_wrap .cat_list {padding: 0 20px; line-height:70px; } .category_wrap .cat_list > li { float:left; width:18.5%; background:url(../images/newbird/cat_list_bg.gif) no-repeat 92% center; padding-right:40px; } .category_wrap .cat_list .brand { min-width:309px; width: 21%; padding-right:15px; background-position:calc(100% - 15px) center } .category_wrap .cat_list .case_type, .category_wrap .cat_list .color { min-width:260px; width: 18%; padding-right: 25px; background-position: calc(100% - 15px) center; } .category_wrap .cat_list .case_type { width: 14% } .category_wrap .cat_list .case_type .type_title, .category_wrap .cat_list .color .type_title { padding-right:0; width: 18%; } .category_wrap .cat_list > li.polish { width: 17% } .category_wrap .cat_list > li.model { width: 16%; min-width: 298px; } .category_wrap .cat_list > li.reset { width:10%; text-align:right; background:none; padding-right:0; float:right; } .category_wrap .cat_list .kind { width:70%; float:right; } .category_wrap .cat_list .color .kind { } .category_wrap .cat_list .case_type .kind { float:none; float:left; width: 80% } .category_wrap .cat_list > li > div { float:left; } .category_wrap .type_title { font-size:14px; color:#413d3c; padding-right:20px; } .category_wrap .reset label { font-size:14px; color:#413d3c; } .category_wrap .brand .radio_list > li { float:left; } .category_wrap .cat_list > li.reset input { width:30px; height:30px; border:none; background:url(../images/newbird/filter_reset.png) no-repeat center center; font-size:0; cursor:pointer; } .category_wrap .cat_list .select_wrap select { margin: 10px 0 0 0; width:100%; height:50px; font-size:16px; color:#413d3c; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: #f3f4f6 url(../images/newbird/filter_arrow.png) no-repeat 92% center; border:none; padding: 0 15px; border-radius:10px; } .select_wrap select::-ms-expand { display:none; } .category_wrap .color { position:relative; } .category_wrap .color .kind { position:absolute; top:10px; right:40px; z-index:1; } .category_wrap .color_select { width:100%; overflow:hidden; border-radius:10px; position:absolute; bottom:100%; left:0; z-index:5; } .category_wrap .color_selected { width:100%; height: 50px; line-height:50px; padding-left:15px; background:#f3f4f6; position:absolute; top:0; left:0; z-index:10; border-radius:10px; } .category_wrap .color_selected .arrow { position:absolute; right: 15px; top: 50%; transform:translateY(-50%); transition:.2s; cursor:pointer;} .category_wrap .color_selected.on { background:#fff; } .category_wrap .color_selected.on .arrow { transform:translateY(-50%) rotate(180deg); transform-origin: center; } */ /* checkbox styling */ .category_wrap .color input[type=checkbox] { position:relative; color:black; border:1px solid gray; border-radius:4px; appearance:none !imporatnt; -webkit-appearance:none !imporatnt; outline:0; cursor:pointer; transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1); } .category_wrap .color input[type=checkbox]:before { position:absolute; content:''; display:block; top:0; left:6px; width:6px; height:12px; border-style:solid; border-color:white; border-width: 0 2px 2px 0; transform: rotate(45deg); opacity:0; filter: alpha(opacity=0); zoom:1; } .category_wrap .color input[type=checkbox]:checked { color:white; border-color:green; background:Green; } .category_wrap .color input[type=checkbox]:checked:before { opacity:1;filter: alpha(opacity=1); zoom:1; } .category_wrap .color input[type=checkbox]:checked ~ label:before { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } .category_wrap .color label { position:relative; cursor:pointer; user-select: none; } .category_wrap .color label:before { position:absolute; content:attr(data-content); color:lightgray; } .category_wrap .color_select li { width:100%; height:50px; padding: 0 15px; line-height:50px; } .color_select_list { padding-top:50px; position:absolute; width:100%;top: -100%; background:#fff; border-radius:10px; box-shadow:2px 5px 10px rgba(0,0,0,0.1) } .category_wrap .color_select.on { box-shadow:2px 3px 10px rgba(0,0,0,0.1) } .color_select_list li.on { border-top:1px solid #f3f4f6; } .category_wrap .cat_list .brand .type_title { padding-right:0 } .category_wrap .cat_list .brand .kind {/* width:70% */} .category_wrap .cat_list .brand .radio_list { } .category_wrap .cat_list .brand .radio_list li { float:left; width:30%; } .category_wrap .cat_list .brand .radio_list li input[type=radio] { display:none; } .category_wrap .cat_list .brand .radio_list li span { min-width: 22px; padding-right:5px; float:left; cursor:pointer; display:inline-block; width: 22px; height: 70px; background:url(../images/newbird/radio_uncheck.png) no-repeat left center; } .category_wrap .cat_list .brand .radio_list li input[type=radio]:checked + label span { background:url(../images/newbird/radio_checked.png) no-repeat left center; } .category_wrap .cat_list .brand .radio_list li label { font-size:16px; } .list_wrap { width:1220px; margin: 0 auto; } .list_wrap .searched_item_display { } .list_wrap .searched_item_display ul { margin:0 } .list_wrap .searched_item_display > ul > li { width:calc(33.333% - 30px); position:relative; margin: 20px 0; box-shadow:2px 10px 15px rgba(168,168,168,0.2); padding:0; overflow:hidden; } .list_wrap .searched_item_display > ul > li:nth-child(3n-1) { margin: 20px 40px } .list_wrap .goods_list_style1 { border-radius:15px; background:#fff; transition:.2s; } .list_wrap .searched_item_display .item_info_area .goods_icon_area { position:absolute; top:20px; left:0 } .list_wrap .searched_item_display .item_img_area { width:100%; overflow:hidden; } .list_wrap .searched_item_display .item_img_area img { width:100%; } .list_wrap .item_info_area { width:100%; overflow:hidden; padding: 20px 0 0 0; } .list_wrap .item_info_area .goods_name_area { width:100%; overflow:hidden; } .list_wrap .item_info_area .goods_name_area .name { display:block; font-size:14px; width:100%; padding: 0 20px 10px 20px; height:48px;} .list_wrap .item_info_area .goods_name_area .goods_desc_area { display:block; width:100%; color:#89807e; padding: 0 20px; height:36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 18px; } .list_wrap .item_info_area .goods_price_area { width:100%; overflow:hidden; padding: 15px 20px; border-bottom:1px solid #f3f4f6; text-align:right; } .list_wrap .item_info_area .goods_price_area .consumer_price { padding-right:25px; background:url(../images/newbird/sale_arrow.png) no-repeat right center; } .list_wrap .item_info_area .goods_price_area .sale_price .num { font-size:14px; color:#89807e; } .list_wrap .item_info_area .goods_price_area .sale_price .num2 { padding-left:10px; background:url(../images/newbird/main_bottom_bg.png) no-repeat right bottom; background-size: 85% 7px; } .list_wrap .item_info_area .goods_price_area .sale_price .num2:after { } .list_wrap .item_info_area .custom_btn { text-align:center; width:100%; padding: 15px 0; font-size: 14px; color:#413d3c; } .list_wrap .item_info_area .custom_btn img { width:17px; } .list_wrap .goods_list_style1:hover .custom_btn { background:#ffd452; transition:.2s; } .category_wrap { width:100%; min-width:1200px; height:70px; padding: 0 80px; margin-bottom:15px; box-shadow:1px 5px 10px rgba(246,246,246,0.8);transition:top 0.5s; position:fixed;top:110px;} .category_wrap .cat_list { width:100%; line-height:70px; height:70px; overflow:visible; } .category_wrap .cat_list > li { float:left; width:30%; background: url(../images/newbird/cat_list_bg.gif) no-repeat 95% center; } .category_wrap .cat_list > li.reset { width:10%; text-align:right; background:none; } .category_wrap .cat_list > li > div { float:left; } .category_wrap .cat_list > li .type_title { width:20%; } .category_wrap .cat_list > li .kind { float:right; width:80%; height:70px; } .category_wrap .cat_list .select_wrap select { margin: 10px 0 0 0; width:calc(100% - 40px); height:50px; font-size:16px; color:#413d3c; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: #f3f4f6 url(../images/newbird/filter_arrow.png) no-repeat 92% center; border:none; padding: 0 15px; border-radius:10px; } .select_wrap select::-ms-expand { display:none; } .category_wrap .cat_list > li.reset input { width:30px; height:30px; border:none; background:url(../images/newbird/filter_reset.png) no-repeat center center; font-size:0; cursor:pointer; } /* .category_wrap { width:100%; min-width:1200px; height:70px; padding: 0 60px; margin-bottom:15px; box-shadow:1px 5px 10px rgba(246,246,246,0.8); } .category_wrap .cat_list { width:100%; line-height:70px; height:70px; overflow:visible; } .category_wrap .cat_list > li { float:left; width:16.66%; background:url(../images/newbird/cat_list_bg.gif) no-repeat 95% center; } .category_wrap .cat_list > li.model { width:17.66% } .category_wrap .cat_list > li.reset { width:9%; text-align:right; background:none; } .category_wrap .cat_list > li.brand { width: 23.36%; } .category_wrap .cat_list > li > div { float:left; } .category_wrap .cat_list > li .kind { width:80%; padding: 0 20px 0 0; } .category_wrap .cat_list > li .type_title { width:20%; } .category_wrap .cat_list .select_wrap select { margin: 10px 0 0 0; width:calc(100% - 10px); height:50px; font-size:16px; color:#413d3c; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: #f3f4f6 url(../images/newbird/filter_arrow.png) no-repeat 92% center; border:none; padding: 0 15px; border-radius:10px; } .category_wrap .cat_list > li.reset input { width:30px; height:30px; border:none; background:url(../images/newbird/filter_reset.png) no-repeat center center; font-size:0; cursor:pointer; } .select_wrap select::-ms-expand { display:none; } .category_wrap .color { position:relative; } .category_wrap .color .kind { position:absolute; top:10px; right:20px; z-index:1; } .category_wrap .color_select { width:calc(100% - 20px); overflow:hidden; border-radius:10px; position:absolute; bottom:100%; left:0; z-index:5; } .category_wrap .color_selected { width:calc(100% - 20px); height: 50px; line-height:50px; padding-left:15px; background:#f3f4f6; position:absolute; top:0; left:0; z-index:10; border-radius:10px; } .category_wrap .color_selected .arrow { position:absolute; right: 15px; top: 50%; transform:translateY(-50%); transition:.2s; cursor:pointer;} .category_wrap .color_selected.on { background:#fff; } .category_wrap .color_selected.on .arrow { transform:translateY(-50%) rotate(180deg); transform-origin: center; } */ .paging_navigation { box-shadow: 1px 5px 25px rgba(190,190,190,0.4); border-radius: 10px; height:60px; line-height:60px; position:relative; } .paging_navigation a { border-radius: 50%; transition:.2s; border:none !important; font-size:14px; } .paging_navigation a:hover { background:#fff070 } .paging_navigation .next{ float:right; background:url(../images/newbird/paging_next_out.png) no-repeat center center; } .paging_navigation .prev { float:left; background:url(../images/newbird/paging_prev_out.png) no-repeat center center; border:none; border-right:1px solid #eee !important; width:60px; height:100% !important; border-radius: 10px 0 0 10px; } .paging_navigation .prev:hover { border:none; background:#413d3c url(../images/newbird/paging_prev_on.png) no-repeat center center; ; } .paging_navigation .next:hover { border:none; background:#413d3c url(../images/newbird/paging_next_on.png) no-repeat center center; ; } .paging_navigation a[rel='prev'] { float:left; background:url(../images/newbird/paging_prev_out.png) no-repeat center center; border:none; border-right:1px solid #eee !important; width:60px; height:100% !important; border-radius: 10px 0 0 10px; } .paging_navigation a[rel='prev']:hover { border:none; background:#413d3c url(../images/newbird/paging_prev_on.png) no-repeat center center; } .paging_navigation .last, .paging_navigation .first { display:none; } .paging_navigation .next { border:none; border-left:1px solid #eee !important; width:60px; height:100% !important; border-radius: 0 10px 10px 0; } .paging_navigation a i { } .paging_navigation a.on { background:#fff070; } .filtered_item_sorting { margin:0; width:100%; height:60px; } .search_filter_wrap { height: 60px; } .search_filter_wrap, .search_nav { width:1200px; margin: 0 auto; } .filtered_item_sorting, .filtered_item_sorting .item_total { border:none; padding:0; } .filtered_item_sorting .item_total { padding-left: 15px; background:url(../images/newbird/cnt_all_icon.png) no-repeat left center; } .filtered_item_sorting .item_total > a { color: #413d3c; font-size:12px; } .filtered_item_sorting .item_total > a .num2 { color: #413d3c; font-size:12px; position:relative; top:0; background:url(../images/newbird/main_bottom_bg.png) no-repeat center bottom; } .filtered_item_sorting .item_order { float:right; } .filtered_item_sorting .item_order > .list > li { border:none; margin-left: 5px; text-align:center; padding: 0; box-sizing:border-box; } .filtered_item_sorting .item_order > .list > li > label { background: #f3f4f6 url(../images/newbird/sort_bg.png) no-repeat 10px center; height:35px; border-radius: 20px; margin:0; padding:0 15px 0 25px; font-size:12px; color:#413d3c; line-height:35px; } .filtered_item_sorting .item_order > .list > li > label.active { background: #645d5b url(../images/newbird/sort_bg.png) no-repeat 10px center; color:#fff; } .top_title { width:1200px; margin: 0 auto; padding: 120px 0 50px 0; } #boardlayout .top_title{padding:50px 0;} #boardlayout .top_tab_wrap ~ .top_title{padding: 120px 0 50px 0;} .top_title h2 { text-align:center; font-size:50px; color:#413d3c; font-weight:200 } /* 마이페이지 & 로그인 */ .top_tab_wrap { width:100%; min-width:1200px; height:70px; box-shadow: 1px 5px 15px rgba(164,164,164,0.2); margin-bottom:15px;position:fixed;top:110px;transition:all 0.5s; background-color:#fff;z-index:99;} .layout_header.on ~ #layout_body .top_tab_wrap{top:55px;} .top_tab_wrap > ul { width:1200px; margin: 0 auto; line-height:70px; text-align:center; } .top_tab_wrap > ul > li { float:left; width:33.33%; } .top_tab_wrap > ul > li a { font-size:16px; color:#413d3c; font-weight:bold; } .top_tab_wrap > ul > li:hover { border-bottom:1px solid #413d3c; transition:.2s; } .top_tab_wrap > ul > li:hover a { background:url(../images/newbird/main_bottom_bg.png) no-repeat center bottom; } .top_tab_wrap > ul > li.on { border-bottom:1px solid #413d3c; transition:.2s; } .top_tab_wrap > ul > li.on a { background:url(../images/newbird/main_bottom_bg.png) no-repeat center bottom; } .login_wrap, .join_wrap, .find_wrap, .order_wrap { width:100%; background:#fefdfd; padding-bottom:80px; } .login_wrap .login_bg, .join_wrap .join_bg, .find_wrap .find_bg{ width:800px; margin: 0 auto; background:#fff; border-radius: 20px; box-shadow:2px 5px 25px rgba(99,99,99,0.2); padding: 10px 0 50px 0; } .login_wrap .resp_login_wrap, .join_wrap .resp_login_wrap { max-width:340px; } .login_wrap .tab_basic>ul>li, .find_wrap .tab_basic>ul>li { border-radius: 10px 10px 0 0; } .order_wrap .order_bg { width:1220px; margin: 0 auto; padding: 10px; } .login_wrap .resp_login_wrap .login_real_area li.pw, .login_wrap .guest_email { margin-top: 10px; } .login_wrap .resp_login_wrap .login_real_area li > p { font-size:14px; width:100%; height:30px; line-height:30px; padding: 0 0 0 25px; margin-bottom:10px; } .login_wrap .resp_login_wrap .login_real_area li.id > p { background:url(../images/newbird/login_id.png) no-repeat left center; background-size: 18px auto; } .login_wrap .resp_login_wrap .login_real_area li.pw > p { background:url(../images/newbird/login_pw.png) no-repeat left center; background-size: 18px auto; } .login_wrap .resp_login_wrap .box_pw { margin-top:0 } .login_wrap .resp_login_wrap .login_real_area li.id input, .login_wrap .resp_login_wrap .login_real_area li.pw input, .login_wrap .guest_num input, .login_wrap .guest_email input { height:50px; border:none; background:#f3f4f6; border-radius:10px; } .login_wrap input::-webkit-input-placeholder { color:#9a9899; font-size:14px; } .login_wrap input::-ms-input-placeholder { color:#9a9899; font-size:14px; } .login_wrap input::-moz-input-placeholder { color:#9a9899; font-size:14px; } .login_wrap #loginTab { margin-bottom: 30px; } .login_wrap .tab_basic>ul>li>a { font-weight:bold; font-size:16px; height:50px; line-height:50px; } .login_wrap .tab_basic>ul>li.on>a { color:#413d3c; } .login_wrap .guest_num > p { background:url(../images/newbird/guest_num.png) no-repeat left center; background-size: 18px auto; } .login_wrap .guest_email > p { background:url(../images/newbird/login_email.png) no-repeat left center; background-size: 18px auto; } .resp_login_wrap .box_order { margin-top:0 } .login_wrap .sns_login_wrap { width:340px; margin: 0 auto; padding-top:40px; border-top:1px solid #f3f4f6; margin-top:40px; } .login_wrap .sns_login_ul { width:100%; overflow:hidden; border-radius:20px; background:#f3f4f6; padding: 0 10px; } .login_wrap .sns_login_ul li { width:100%; height:60px; line-height:60px; border-bottom:1px solid #eeeff2; padding: 0 10px 0 50px; } .login_wrap .sns_login_ul li.naver { background:url(../images/newbird/login_naver.png) no-repeat 15px center; background-size: 20px auto; } .login_wrap .sns_login_ul li.facebook { background:url(../images/newbird/login_facebook.png) no-repeat 15px center; background-size: 20px auto; } .login_wrap .sns_login_ul li.kakao { background:url(../images/newbird/login_kakao.png) no-repeat 15px center; background-size: 20px auto; border-bottom:none; } .login_wrap .sns_login_ul li a { color:#89807e; font-size:14px; } .login_wrap .sns_login_ul li .xi-angle-right { float:right; line-height:60px; color:#413d3c; } .login_wrap .login_helper { padding: 20px 0; } .login_wrap .login_helper > p { width:100%; overflow:hidden; height:20px !important; line-height:20px !important; margin-bottom:20px !important; font-size:14px; padding: 0 0 0 25px; color:#413d3c; background:url(../images/newbird/login_field_bg.gif) no-repeat 10px center; } .login_wrap .login_helper > p > a { color:#89807e; font-size:14px; display:inline-block; text-align:left; float:right; width: 50%; } .login_wrap .login_btn { width:100%; height: 50px; background:#413d3c; border-radius:15px; color:#fff; font-size:16px; font-weight:bold; } .join_wrap .btn_resp.color2 { border-radius:10px; } .join_wrap .join_bg { padding: 50px 0; } .join_wrap .mypage_greeting { text-align:left; padding: 0 20px; } .join_wrap .resp_join_table { max-width:340px; margin: 0 auto; } .join_wrap .resp_join_table>ul>li { display:block; border:none; } .join_wrap .resp_join_table>ul>li.th { width:100%; float:none; background:#fff; border:none; } .join_wrap .resp_join_table>ul.required>li.th>p { padding: 10px 0 10px 17px; background-position: left center; } .join_wrap .btn_area_c { text-align:center; } .join_wrap .btn_resp.color2 { max-width:340px; cursor:pointer; } .join_wrap .resp_member_join input[type].size_mail1, .join_wrap .resp_member_join input[type].size_mail2 { width: calc(33.33% - 6px) } .join_wrap .resp_member_join #find_email { width: calc(33.33% - 10px) } .join_wrap .resp_member_join input[type].size_phone { width: calc(33.33% - 8px) } .find_wrap .find_bg { padding: 50px 0; } .resp_login_wrap .id_save { padding: 0 10px; } /* ====== checkbox ======= */ .login_wrap input[type=checkbox] { position:relative; color:black; border:1px solid #ffd452; border-radius:4px; appearance:none !imporatnt; -webkit-appearance:none !imporatnt; outline:0; cursor:pointer; transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1); } .login_wrap input[type=checkbox]:before { position:absolute; content:''; display:block; top:0; left:6px; width:6px; height:12px; border-style:solid; border-color:white; border-width: 0 2px 2px 0; transform: rotate(45deg); opacity:0; filter: alpha(opacity=0); zoom:1; } .login_wrap input[type=checkbox]:checked { color:white; border-color:#ffd452; background:#ffd452; } .login_wrap input[type=checkbox]:checked:before { opacity:1;filter: alpha(opacity=1); zoom:1; } .login_wrap input[type=checkbox]:checked ~ label:before { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } .login_wrap label { position:relative; cursor:pointer; user-select: none; } .login_wrap label:before { position:absolute; content:attr(data-content); color:lightgray; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .login_wrap input[type=checkbox]{box-shadow:0px 0px 1px 1px #ffd452;} } /* ====== checkbox ======= */ .login_wrap input[type=checkbox] { position:relative; color:black; border:1px solid #ffd452; border-radius:4px; appearance:none !imporatnt; -webkit-appearance:none !imporatnt; outline:0; cursor:pointer; transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1); } .login_wrap input[type=checkbox]:before { position:absolute; content:''; display:block; top:0; left:6px; width:6px; height:12px; border-style:solid; border-color:white; border-width: 0 2px 2px 0; transform: rotate(45deg); opacity:0; filter: alpha(opacity=0); zoom:1; } .login_wrap input[type=checkbox]:checked { color:white; border-color:#ffd452; background:#ffd452; } .login_wrap input[type=checkbox]:checked:before { opacity:1;filter: alpha(opacity=1); zoom:1; } .login_wrap input[type=checkbox]:checked ~ label:before { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } .login_wrap label { position:relative; cursor:pointer; user-select: none; } .login_wrap label:before { position:absolute; content:attr(data-content); color:lightgray; } /* goods_review */ /* 2020-07-27 */ .review { width:1200px; overflow:hidden; padding: 80px; margin: 0 auto; border-radius:30px; background:#fff; box-shadow:1px 1px 15px rgba(90,90,90,0.2) } .review .res_table { width: 100%; overflow:hidden; } .review .paging_navigation { background:#f3f4f6; box-shadow:none; } .review .res_table, .review .res_table>.thead+.tbody>li, .review .res_table>ul>li { border:none; } .review .tbody { display:block; padding:0; float:left; width: calc(33.333% - 18px); margin: 0 27px 40px 0; overflow:hidden; } .review .tbody:nth-of-type(3n+1) { margin: 0 0 40px 0; } .review .res_table>ul>li { display:block; padding:0; width:100%;} .review .board_goods_list { display: block; } .review .board_goods_list>li.pic { margin:0; padding:0; position: relative; width:100%; padding-bottom: 100%; border-radius:20px; overflow: hidden; display: block; background: #f6f7f9; } .review .board_goods_list>li.pic img { border:0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; } .review .res_table .tbody li.info { padding-top: 20px; min-height: 85px; width: 100%; display: block; } .review .board_goods_list>li.info .name { color: #999; } .review .board_goods_list>li.info .title { font-size: 19px; font-weight: 300; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; overflow: hidden; } .category_wrap.review_filter { padding:0; } .review_filter .review_filter_wrap { width:1200px; overflow:hidden; margin: 0 auto; max-height:70px; } .review_filter .review_filter_wrap .filter_left, .review_filter .review_filter_wrap .review_filter_form { float:left; } .review_filter .review_filter_wrap .filter_left { width:28%; background:url(../images/newbird/cat_list_bg.gif) no-repeat 98% center; background-size:1px 40px; } .review_filter .review_filter_wrap .review_filter_form { width:72%; padding-left:10px;} .review_filter .review_filter_wrap .filter_left > div { float:left; line-height:70px; } .review_filter .filter_left .article_info > span.text { color:#89807e; font-size:16px; background:url(../images/newbird/idea_all_icon.png) no-repeat left center; padding: 0 5px 0 30px; background-size:22px auto; } .review_filter .filter_left .btn_box { margin-left:30px;width:100px; height:70px; line-height:70px; } .review_filter .filter_left .btn_box button { background:#645d5b; height:20px; line-height:20px; font-size:12px; border:none; } .review_filter .filter_left .article_info span.number { color:#413d3c; font-size:16px; background:url(../images/newbird/main_bottom_bg.png) no-repeat center bottom; } .review_filter.category_wrap .cat_list > li { width:50%; background-size: 1px 40px; background-position:right center; } .review_filter.category_wrap .cat_list .type_title { font-size:14px; color:#413d3c } .review_filter.category_wrap .cat_list .brand { min-width:400px; } .review_filter.category_wrap .cat_list .brand .radio_list li { width:25%; } .review_filter.category_wrap .cat_list .brand .radio_list li {} .review_filter.category_wrap .cat_list .model { background:none; padding: 0 0 0 30px; } .review_filter.category_wrap .cat_list .brand .radio_list li input[type=radio]:checked + label span { background:url(../images/newbird/m_checked.png) no-repeat left center; } .review_filter.category_wrap .cat_list .brand .radio_list li span { width:22px; } /* review_list */ .review_list_wrap { width:100%; overflow:hidden; } /* 주문서작성 */ .top_tab_wrap .order_tab { } .top_tab_wrap .order_tab li { opacity:.5; background:url(../images/newbird/order_flow_arrow.png) no-repeat right center; } .top_tab_wrap .order_tab li:last-child { background:none; } .top_tab_wrap .order_tab li.on { opacity:1 } .top_tab_wrap .order_tab li a { padding-left:50px; } .top_tab_wrap .order_tab li:first-child a { background:url(../images/newbird/order_flow_1st.png) no-repeat left center; background-size:25px auto; } .top_tab_wrap .order_tab li:nth-child(2) a { background:url(../images/newbird/order_flow_2nd.png) no-repeat left center; background-size:25px auto; } .top_tab_wrap .order_tab li:last-child a { background:url(../images/newbird/order_flow_3rd.png) no-repeat left center; background-size:25px auto; } .top_tab_wrap .order_tab li:first-child.on a { background-image: url(../images/newbird/main_bottom_bg.png), url(../images/newbird/order_flow_1st.png); background-repeat: no-repeat, no-repeat; background-position: 52px bottom, left center; background-size: auto, 25px auto;} .top_tab_wrap .order_tab li:nth-child(2).on a { background-image: url(../images/newbird/main_bottom_bg.png), url(../images/newbird/order_flow_2nd.png); background-repeat: no-repeat, no-repeat; background-position: 52px bottom, left center; background-size: auto, 25px auto;} .top_tab_wrap .order_tab li:last-child.on a { background-image: url(../images/newbird/main_bottom_bg.png), url(../images/newbird/order_flow_3rd.png); background-repeat: no-repeat, no-repeat; background-position: 52px bottom, left center; background-size: auto, 25px auto; } .top_tab_wrap .order_tab li:first-child a:hover { background-image: url(../images/newbird/main_bottom_bg.png), url(../images/newbird/order_flow_1st.png); background-repeat: no-repeat, no-repeat; background-position: 52px bottom, left center; background-size: auto, 25px auto;} .top_tab_wrap .order_tab li:nth-child(2) a:hover { background-image: url(../images/newbird/main_bottom_bg.png), url(../images/newbird/order_flow_2nd.png); background-repeat: no-repeat, no-repeat; background-position: 52px bottom, left center; background-size: auto, 25px auto;} .top_tab_wrap .order_tab li:last-child a:hover { background-image: url(../images/newbird/main_bottom_bg.png), url(../images/newbird/order_flow_3rd.png); background-repeat: no-repeat, no-repeat; background-position: 52px bottom, left center; background-size: auto, 25px auto; } .order_wrap .order_left { float:left; max-width:680px; padding: 50px; border-radius: 30px; box-shadow:1px 1px 15px rgba(90,90,90,0.2) } .order_wrap .order_right { float:right; max-width:480px; padding: 50px; border-radius: 30px; box-shadow:1px 1px 15px rgba(90,90,90,0.2) } .order_wrap .subpage_container .title_od1 { font-size:25px; color:#413d3c; padding-bottom:40px; } .order_wrap .order_price_total > ul.total .settle_price { background:url(../images/newbird/main_bottom_bg.png) no-repeat right 85%; background-size: 100% 7px; } .order_wrap #total_goods_price { background:none; } .order_wrap .order_price_total { border:none; padding: 20px; border-radius:15px; background:#f3f4f6; } .order_wrap .Fs17 { font-size:14px; } .order_wrap .order_price_total > ul.total > li.th { font-size:16px; } .order_wrap .order_price_total > ul.total .settle_price { font-size:20px; } .order_wrap .select_wrap select { margin: 10px 0 0 0; width:100%; height:50px; font-size:16px; color:#413d3c; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: #f3f4f6 url(../images/newbird/filter_arrow.png) no-repeat 92% center; border:none; padding: 0 15px; border-radius:10px; } .order_wrap #pay_layer1.btn_area_c .btn_resp.size_extra { font-size:18px; height:52px; line-height:50px; border-radius: 10px; } .order_wrap .bank_name { font-size: 14px; color:#413d3c; padding-bottom:10px; } .order_wrap .bank_input input{ width:100%; background:#f3f4f6 ; padding: 0 15px; border-radius:10px; border:none; height:50px; line-height:50px; } .order_wrap .order_subsection .title3 { font-size:14px; } .order_wrap .radius_box { padding: 10px; border-radius:10px; background:#f3f4f6 !important; border:none; } .order_wrap .name_box { width:100%; overflow:hidden; } .order_wrap span.radius_box { display:inline-block; } .order_wrap #order_info .btn_resp { height:50px; } .order_wrap #order_info .radius_box { max-width:50%; } .order_wrap .settle_tab > li { width:50%; max-width:50%; } .order_wrap .settle_tab > li > a { border-radius:10px 10px 0 0; font-size:16px; } .order_wrap .settle_tab > li.current > a { color:#413d3c; } .order_wrap .phone1 { padding: 10px 20px; background:#f3f4f6; color:#413d3c; display:inline-block; border-radius:10px; font-size:14px; } .order_wrap .v2 span.od_sale_title { font-size:14px; display:block; color:#413d3c; } .order_wrap .v2 span.od_sale_price, .order_wrap .v2 span.save { font-size:16px; color:#413d3c; } .order_wrap .v2 span.od_sale_price { min-width:95px; display:inline-block; margin: 5px 5px 0 5px; border-radius:10px; background:#f3f4f6; padding: 10px; } .order_wrap .v2 span.od_sale_price input.od_m_box { line-height:1.6; border:none; font-size:16px; color:#413d3c; background: #f3f4f6; padding:0; } #coupon_apply, .emoney_input_button, .emoney_all_input_button { padding: 8px; height:auto; border:1px solid #413d3c; color:#413d3c; font-size:16px; border-radius:10px; margin-right:5px; } .order_wrap .btnStyle1 { padding: 10px 20px; color:#fff; font-size:14px; background:#413d3c; border-radius:5px; } .order_wrap .inputStyle1 { height: 40px } .order_wrap .size_zip_all { height:40px; background:#f3f4f6 !important; border:none; border-radius:10px; width:100px; margin-right:5px;} .order_wrap .goods_delivery_info .btn_resp.size_b { border-radius:5px; } .ship_message { } .shipping_group_list { border:none !important; } .shipping_group_list > li:last-child { border-bottom:1px solid #ddd ;} .cart_list .goods_thumb { border:none; border-radius:10px; } .cart_list .cgd_contents .block2 > li { background:url(../images/newbird/m_aside_bg.gif) no-repeat left center; padding-left:10px; } .cart_list .cgd_contents .block2 > li .ptitle { color:#89807e; } .cart_list .cgd_contents .block2 > li.price_c .ptitle { color:#413d3c; font-size: 14px } .order_wrap .cart_option, .order_wrap .cart_quantity { } .cart_goods .img_area img { max-height:80%; max-width:80%; } .newStyle.goods_delivery_info { height:40px; background: #f3f4f6 !important; border:none; border-radius:10px; } .order_wrap .none { display:none !important; } .order_wrap .ship_message { margin: 10px 0 0 0; width:100%; height:40px; font-size:16px; color:#413d3c; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: #f3f4f6 url(../images/newbird/filter_arrow.png) no-repeat 92% center; border:none; padding: 0 15px; border-radius:10px; } .order_wrap .ship_message > input { border:none; background: #f3f4f6 url(../images/newbird/filter_arrow.png) no-repeat 98% center; height:40px; } input.pilsu.complete { background:#f3f4f6; } input.pilsu.size_address { border:none; height:40px; } .newStyle { overflow:hidden; } .order_wrap .list_01.v2 > li { overflow:hidden; } .order_wrap .newBtn{ background:#645d5b; font-size:12px; border:none; color:#fff; padding: 3px 5px; float:right; } .order_wrap .small_title { width:100%; font-size:14px; color:#413d3c; font-weight:bold; height:30px; line-height:30px; } .order_wrap .big_title { width:100%; margin: 50px 0 30px 0; font-size:25px; color:#413d3c } ul.shipping_group_list { border-top: 1px solid #413d3c } .cart_list .goods_delivery_info { border:none; background:none; } .empty_border { width:100%; border-top:1px solid #f3f4f6 } .cart_list .cart_goods { border-top:1px solid #f3f4f6; } .cart_list .goods_delivery_info.delivery_new span { color:#89807e; font-size:16px; } .shipping_group_list > li:last-child { border:none; } .small_gray_btn { font-size:12px; padding: 2px 5px; background:#645d5b; color:#fff;} .iBlock { display:inline-block; } .fLeft { float:left; } .fRight {} .phone_number_box input { height:50px; line-height:50px; } .newStyle input { border:none !important; font-size:16px; } .hyphen { padding: 0 5px; float:left; height:50px; line-height:50px; } .round_box { height: 50px !important; overflow:hidden; float:left; background:#f3f4f6; padding:0 0 0 20px; line-height:50px !important; font-size:16px !important; color:#413d3c !important; background:#f3f4f6; border-radius:10px !important; } .newStyle input[type=checkbox] { width:20px } .num_box { width:100px !important; background:#f3f4f6; } .saving_opt input { border: 1px solid #ffd452 !important; } .order_wrap .v2 span.od_sale_price { margin: 0 10px 0 0; } .goods_name > a { color:#413d3c; font-size:14px; } .subpage_wrap.order_payment .order_payment_right { padding-left:0; } .gray_011 { color:#413d3c; } .bold { font-weight:bold } .lightgray_01 { color:#89807e !important; } .phone_number_box { line-height:50px; } .btnStyle2 { display:none; } .phone_number_box .mo_visible { display:none; } .mo_visible { display:none; } .order_wrap .cart_quantity .xtle, .order_wrap .cart_option .xtle { display:none; } .order_wrap .resp_cart_wrap { } .order_wrap .cart_left { float:left; max-width:680px; padding: 50px; border-radius: 30px; box-shadow:1px 1px 15px rgba(90,90,90,0.2) } .order_wrap .cart_right { float:right; width:40%;; max-width:480px; padding: 50px !important; border-radius: 30px; box-shadow:1px 1px 15px rgba(90,90,90,0.2) } .order_wrap .cart_right .subpage_container { } .order_wrap .cart_right .total_sum_price { border:none; background:#f3f4f6; border-radius:10px; padding: 20px; } .order_wrap .cart_right .total_sum_price .list.total .num { background:url(../images/newbird/main_bottom_bg.png) no-repeat center 85%; } .resp_layer_pop .btn_pop_close { z-index:99 } .layer_bottom_btn_area.v2 { border-radius: 0 0 20px 20px; } /* ====== checkbox ======= */ .order_wrap input.pilsu { background: transparent; } .order_wrap input[type=checkbox] { position:relative; color:black; border:1px solid #ffd452; border-radius:4px; -webkit-appearance: none; appearance:none !imporatnt; -webkit-appearance:none !imporatnt; outline:0; cursor:pointer; transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1); margin-right: 5px;} .order_wrap input[type=checkbox]:before { position:absolute; content:''; display:block; top:0; left:6px; width:6px; height:12px; border-style:solid; border-color:white; border-width: 0 2px 2px 0; transform: rotate(45deg); opacity:0; filter: alpha(opacity=0); zoom:1; } .order_wrap input[type=checkbox]:checked { color:white; border-color:#ffd452; background:#ffd452; } .order_wrap input[type=checkbox]:checked:before { opacity:1;filter: alpha(opacity=1); zoom:1; } .order_wrap input[type=checkbox]:checked ~ label:before { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } .order_wrap label { position:relative; cursor:pointer; user-select: none; color:#413d3c } .order_wrap label:before { position:absolute; content:attr(data-content); color:lightgray; } .payment_method_select { margin:0; width:100%; overflow:hidden; margin: 0 0 10px 0 } .payment_method_select > li { margin:0;line-height:normal; padding:0; margin: 0 10px 0 0 } .payment_method_select > li > div { width:30px; float:left; border-radius:0; height:50px; } .payment_method_select > li > div > label { display:inline-block; float:left; width:22px; } .payment_method_select > li > div.bank2 > label { background: url(../images/newbird/radio_uncheck.png) no-repeat left center; } .payment_method_select > li > div.bank2.active > label { background:url(../images/newbird/m_checked.png) no-repeat left center; } .payment_method_select > li > p { margin-top:0; float:right; height:69px; line-height:69px } .payment_method_select > li > div.active + p { } .payment_method_select > li > div.method_type > label { background: url(../images/newbird/radio_uncheck.png) no-repeat left center; } .payment_method_select > li > div.method_type.active > label { background:url(../images/newbird/m_checked.png) no-repeat left center; } .payment_method_select > li > p { margin-top:0; float:right; height:50px; line-height:50px } .payment_method_select > li > div.active + p { } .display_zzim { display:none !important; } .idea_box .popup_bg { display:none; } .idea_box .popup_wrapper { width:1200px; height:calc(100% - 80px); position:absolute; top: 110px; left: 50%; max-height:785px; transform:translateX(-50%); background:#fff; border-radius:30px; padding:0; } /* .idea_box .popup_wrapper .pop .head { width:100%; overflow:hidden; text-align:center; color:#413d3c; font-size:50px; font-family: 'SCDream1', sans-serif; font-weight:100; } */ .idea_box .popup_wrapper .pop_close {z-index:55; display:block; width:60px; height:60px; text-align:center; line-height:60px; border-radius:50%; background:#ffd452; color:#413d3c; font-size:25px; font-weight:bold; position:absolute; bottom:0; left:50%; transform:translateX(-50%) translateY(50%); } .idea_box .product_review .left_pic .slick-list, .idea_box .product_review .left_pic .slick-list .slick-track{ height:100%; } .idea_box .product_review { width:100%; height:100%; overflow:hidden; position:relative; } .idea_box .product_review > div { float:left; height:100%; } .idea_box .product_review #review_img_box { width:58%; border-radius: 25px 0 0 25px; overflow:hidden; } .idea_box .product_review .left_pic img { width:100%; } .idea_box .product_review .right_info { width:calc(42% - 20px);margin:20px 20px 20px 0; overflow-x:hidden; overflow-y:scroll; padding: 80px;-ms-overflow-style: -ms-autohiding-scrollbar;-ms-overflow-style: none !important; height:calc(100% - 40px);} .idea_box .product_review .right_info::-webkit-scrollbar{width: 6px;height: 6px;} .idea_box .product_review .right_info::-webkit-scrollbar-thumb{background-color:#413d3c;border-radius:3px;transition:all 0.5s;} .idea_box .product_review .right_info::-webkit-scrollbar-track{background-color:#ffffff;border-radius:3px;} .idea_box .product_review .right_info .top { } .idea_box .product_review .right_info .top .name { display:inline-block; font-size:25px; color:#413d3c; margin-bottom:20px; background:url(../images/newbird/main_bottom_bg.png) no-repeat left bottom; background-size: 100% 8px; } .idea_box .right_info .top .date_box { margin-bottom:5px; } .idea_box .right_info .top .date_box > p { width:100%; overflow:hidden; font-size:14px; background:url(../images/newbird/idea_share_bg.png) no-repeat left center; padding: 10px; color:#413d3c;margin-top:-10px; } .idea_box .right_info .top .date_box > p:first-child{margin-top:0;} .idea_box .right_info .top .date_box > p > span { } .idea_box .right_info .top .date_box > p > span img { } .idea_box .right_info .top .date_box > p .date { font-size:14px; color:#89807e; } .idea_box .right_info .top .date_box > p > b { display:inline-block; width: 120px; } .idea_box .right_info .top .desc { font-size:14px; color:#89807e; line-height:28px; width:100%; padding: 0 10px 0 0; overflow:hidden; overflow-y:auto; -ms-overflow-style: -ms-autohiding-scrollbar;-ms-overflow-style: none !important; } /* max-height: 200px; */ .idea_box .right_info .bottom { width:100%; overflow:hidden; width:340px; padding:10px 0; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;margin-bottom:20px;} /* 413d3c */ /* position:absolute; bottom:90px; right:80px; */ .idea_box .right_info .bottom > div { float:left; } .idea_box .right_info .bottom .mobile_box { width:100px; border-radius:15px; overflow:hidden; margin-right:20px;} .idea_box .right_info .bottom .mobile_info { width:calc(100% - 120px); position:relative; } .idea_box .right_info .bottom .mobile_info p { color:#89807e; font-size:14px; } .idea_box .right_info .bottom .mobile_info p.bold { font-size:14px; color:#413d3c; font-weight:bold; padding-bottom:10px; } .idea_box .right_info .bottom .mobile_info a { display:block; position:absolute; right:0; top:50%; } .right_info .desc { overflow-y:auto; --scrollbarBG: #CFD8DC; --thumbBG: #413D3C; } .right_info .desc::-webkit-scrollbar{ width:5px; } .right_info .desc::-webkit-scrollbar-thumb{ background-color: #413D3C; border-radius: 5px; } .right_info .desc::-webkit-scrollbar-track { background: var(--scrollbarBG); } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .right_info .desc { -ms-overflow-style: none !important; -ms-overflow-style: -ms-autohiding-scrollbar; } } /* 어바웃 - 회사소개 */ .service_section { width:1200px; overflow:hidden; margin: 0 auto; padding-bottom:80px; border-radius:30px; text-align:left; background:#fff; box-shadow:1px 1px 15px rgba(90,90,90,0.2) } .service_section .section1, .service_section .section2, .service_section .section3 { width:100%; overflow:hidden; padding: 80px; } .service_section .article { width:100%; overflow:hidden; margin-bottom: 40px;; } .service_section .article > p { font-size:12px; color:#413d3c; padding-left: 60px; background:url(../images/newbird/company_article_bg.gif) no-repeat left center; } .service_section .section_title { font-size:40px; color:#413d3c; font-weight:bold; margin-bottom:40px; } .service_section .second_title { font-size:25px; color:#413d3c; margin-bottom:40px; } .service_section .second_title span.border { background:url(../images/newbird/main_bottom_bg.png) no-repeat center bottom; background-size: 100% 8px; } .service_section p.paragraph { font-size:15px; color:#89807e; margin-bottom: 10px; } /* newly added on review page */ .product_review #review_img_box { position:relative; max-height: 785px; overflow:hidden; } .product_review #review_img_box .left_pic { min-height:100%; overflow:hidden; height:100%; } .product_review #review_img_box .left_pic img { height:100%; max-height: 785px; width:auto; } .product_review .slick-initialized .slick-slide { text-align:center; outline:none; /* 포커스시 생기는 테두리 제거 */ background-color:#f7f7f9;} .idea_box .popup_wrapper { } /* footer */ .layout_footer { background:#413d3c; overflow:hidden; } .layout_footer .footer_wrap { width:1200px; margin: 0 auto; } .layout_footer .ftop { width:100%; overflow:hidden; border-bottom: 1px solid #373433; padding: 20px 0; } .layout_footer .ftop > ul { float:left; } .layout_footer .ftop > ul > li { float:left; } .layout_footer .ftop .fNav { float:left; } .layout_footer .ftop .fNav li { background:url(../images/newbird/fnav_bg.gif) no-repeat right center; padding: 0 20px; background-size: 1px 10px; } .layout_footer .ftop .fNav li:nth-child(1) { padding-left:0; } .layout_footer .ftop .fNav li:nth-child(5) { background:none; } .layout_footer .ftop .fNav li a { color: #cbc2c0; font-size:13px; } .layout_footer .ftop .fNav li a.white { color:#fff; } .layout_footer .ftop .fNav li a:hover { color:#fff070 !important; transition: .2s; } .layout_footer .ftop .snsNav { float:right; } .layout_footer .ftop .snsNav li { padding: 0 10px; } .layout_footer .ftop .snsNav li:nth-child(4) { padding-right:0 } .layout_footer .ftop .snsNav li a span{color:#a09e9e;font-size:16px;} .layout_footer .ftop .snsNav li img { } .layout_footer .fbottom { width:100%; overflow:hidden; padding: 45px 0; position:relative; } .layout_footer .fbottom .address li { width:100%; line-height: 25px;} .layout_footer .fbottom .address.pc li{display:flex;flex-wrap:wrap; } .layout_footer .fbottom .address li > p { padding: 0 10px; background:url(../images/newbird/fnav_bg.gif) no-repeat right center; background-size:1px 10px;display:flex;} .layout_footer .fbottom .address li p:nth-child(1) { padding-left:0 } .layout_footer .fbottom .address li p:last-child { background:none; } .layout_footer .fbottom .address li span, .layout_footer .fbottom .address li a { font-size:13px; color:#89807e;} .layout_footer .copyright { width:100%; overflow:hidden; padding: 20px 0; background:#3b3735 } .layout_footer .copyright span { display:block; width:1200px; margin: 0 auto; font-size:13px; color:#89807e; } /* .layout_footer .fbottom .address li > p{background-color:black;} */ /* @supports(-webkit-appearance: none) or (-moz-appearance: none) or (-ms-appearance: none) { .category_wrap .color input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; } */ .category_wrap .color input[type=checkbox], .login_wrap input[type=checkbox], .selfun_right_wrapper input[type=radio]{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; } .category_wrap .color input::-ms-check{ display:none; } .login_wrap input::-ms-check{ display:none; } .selfun_right_wrapper input::-ms-radio { display:none; } /* .goods_review .model.pc { width: 320px !important; } .goods_review .cat_list > li.model.pc .type_title { width:25% !important; } .goods_review .cat_list > li.model.pc .kind { width:75% !important; } */ .cs_centre { position:absolute; right:0; top:0; padding: 35px 0 45px 70px; background:url(../images/newbird/cs_centre_img1.png) no-repeat left center; background-size: 60px auto; } .cs_centre > p { font-size:14px; color:#89807e; } .cs_centre > a { font-family: 'Montserrat', sans-serif; font-size:20px; font-weight:Bold; letter-spacing: 1px; color:#fff;display:block; } .cs_centre .first { padding-right:7px; background:url(../images/newbird/fnav_bg.gif) no-repeat right center; background-size: 1px 10px; } .cs_centre span { color:#89807e; } .layout_footer .copyright span.newbird { display:block; width: 1200px; margin: 10px auto; padding: 0; } .layout_footer .copyright span.newbird a { position:relative; z-index:99; color:#89807e; } /* 장바구니 */ .cart_right .cart_order_btn_area li { width:100%; } .resp_cart_wrap .btn_resp{ border-radius:10px !important; border:1px solid #666 !important } #shipping_detail_lay { width:1200px; position:fixed; top: 50%; left: 50%; max-height:785px; transform:translate(-50%, -50%); background:#fff; border-radius:30px; padding: 100px 90px; } #shipping_detail_lay .layer_bottom_btn_area { position:static; } .btn_resp.color6:hover { } .btn_resp.color6 { border-radius:15px; background:#413d3c; color:#fff; padding: 10px 0;font-size:18px; height:auto; line-height:normal; margin-top:20px; } #ship_set_list { margin: 0 10px } /* ====== checkbox ======= */ #shipping_detail_lay .layer_bottom_btn_area input.pilsu { background: transparent; } #shipping_detail_lay .layer_bottom_btn_area input[type=radio] { position:relative; color:black; border:1px solid #ffd452; border-radius:4px; -webkit-appeArance: none; appearance:none !imporatnt; -webkit-appearance:none !imporatnt; outline:0; cursor:pointer; transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1); margin-right: 5px;} #shipping_detail_lay .layer_bottom_btn_area input[type=radio]:before { position:absolute; content:''; display:block; top:0; left:6px; width:6px; height:12px; border-style:solid; border-color:white; border-width: 0 2px 2px 0; transform: rotate(45deg); opacity:0; filter: alpha(opacity=0); zoom:1; } #shipping_detail_lay .layer_bottom_btn_area input[type=radio]:checked { color:white; border-color:#ffd452; background:#ffd452; } #shipping_detail_lay .layer_bottom_btn_area input[type=radio]:checked:before { opacity:1;filter: alpha(opacity=1); zoom:1; } #shipping_detail_lay .layer_bottom_btn_area input[type=radio]:checked ~ label:before { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } #shipping_detail_lay .layer_bottom_btn_area label { position:relative; cursor:pointer; user-select: none; } #shipping_detail_lay .layer_bottom_btn_area label:before { position:absolute; content:attr(data-content); color:lightgray; } #optional_changes_form { } #optional_changes_form .goods_option_area { } .goods_quantity_table_container { } .goods_quantity_table { border:none; } .goods_quantity_table td.quantity_cell { border:none; } .layer_bottom_btn_area.v2 { } .layer_bottom_btn_area.v2 .basic_btn_area2.v2 { display:block; } .layer_bottom_btn_area.v2 .basic_btn_area2.v2 li { float:none !important; width:100% !important; display: block !important; } /* 2020-06-03 category filter area new */ .sub_cat_list_wrap { width:100%; overflow:hidden; height:70px; background:#fff; margin-bottom:15px; box-shadow:1px 5px 10px rgba(246,246,246,0.8); line-height:70px;position:fixed;top:110px; transition:all 0.5s;} .sub_cat_list_wrap form { margin: 0 auto; } /* width:800px; */ .sub_cat_list_wrap ul.cat_list { width:100%; overflow:hidden; height:70px; } .sub_cat_list_wrap ul.cat_list > li { float:left; height:100%; } .sub_cat_list_wrap ul.cat_list > li.brand { width: 350px; background:url(../images/newbird/cat_list_bg.gif) no-repeat calc(100% - 20px) center; } .sub_cat_list_wrap ul.cat_list > li.case_type { width: 300px; background:url(../images/newbird/cat_list_bg.gif) no-repeat calc(100% - 20px) center; } .sub_cat_list_wrap ul.cat_list > li.reset { width:150px; } .sub_cat_list_wrap ul.cat_list > li > div { float:left; } .sub_cat_list_wrap ul.cat_list > li.brand .type_title { width:100px; } .sub_cat_list_wrap ul.cat_list > li.brand .kind { width:calc(100% - 100px); } .sub_cat_list_wrap ul.cat_list .radio_list { width:100%; height:70px; } .sub_cat_list_wrap ul.cat_list .radio_list > li { float:left; width: calc(33.33% - 6.5px); height:100%; line-height:70px; } .sub_cat_list_wrap ul.cat_list .radio_list > li input[type=radio] { display:none; } .sub_cat_list_wrap ul.cat_list .radio_list > li span { width:20px; height:100%; float:left; display:inline-block; cursor:pointer; line-height:70px; background:url(../images/newbird/radio_uncheck.png) no-repeat left center; background-size:100% auto; } .sub_cat_list_wrap ul.cat_list .radio_list > li input[type=radio]:checked + label span { background:url(../images/newbird/m_checked.png) no-repeat left center; background-size:100% auto; } .sub_cat_list_wrap ul.cat_list > li.case_type .type_title { width: 55px; height:100% ; } .sub_cat_list_wrap ul.cat_list > li.case_type .kind { width:calc(100% - 95px); } .sub_cat_list_wrap ul.cat_list > li.case_type .select_wrap select { width:100%; height:50px; margin: 10px 0 0 0; font-size:13px; color:#413d3c; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: #f3f4f6 url(../images/newbird/filter_arrow.png) no-repeat 95% center; border:none; padding: 0 15px; border-radius:10px; } .select_wrap select::-ms-expand { display:none; } .sub_cat_list_wrap ul.cat_list > li.reset input { width: 30px; height:30px; border:none; background:url(../images/newbird/filter_reset.png) no-repeat center center; font-size:0; cursor:pointer; } .sub_cat_list_wrap.on { width:100%; position:fixed; top:75px; left:0; background:#fff; z-index:100; transition:.1s; } /*마이페이지 팝업영역*/ .ui-dialog.ui-corner-all, .ui-dialog.ui-corner-bottom, .ui-dialog.ui-corner-right, .ui-dialog.ui-corner-br { left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; position: fixed !important; max-width: 460px !important; width: calc(100% - 30px) !important;} body .ui-widget-content { border: 1px solid #fff; box-shadow: 0 1px 20px rgba(0,0,0,0.08); } .ui-widget-header.ui-dialog-titlebar { background: #434343 !important; } .ui-dialog a.ui-dialog-titlebar-close { } .ui-dialog .ui-dialog-content { padding: 20px !important; box-sizing:content-box; min-height: 70px !important; font-size: 15px; } /* design_tip board styling */ .design_tip .custom_gallery_board2 { margin:0; width:100%; overflow:hidden } .design_tip .custom_gallery_board2>li { padding:0; margin:0; width:calc(33.333% - 18px); margin: 0 27px 25px 0; float:left; overflow:hidden; } .design_tip .custom_gallery_board2>li:nth-child(3n) { margin-right:0 } .design_tip .custom_gallery_board2>li>ul { padding:0; } .design_tip .custom_board_img_area { } .design_tip .custom_gallery_board2>li>ul.custom_board_img_area { position: relative; width:100%; border-radius: 20px; overflow:hidden; padding-bottom: 100%; background: #f6f7f9; } .design_tip .custom_board_img_area .image_thumb { width:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } /* 공지사항, 신규게시물 아이콘 안보이게 ㅊㅓ리 */ .cs_wrap .gallery_detail_title img, .cs_wrap .pnl_title img, .design_tip .c_subject img, .design_tip .c_name, .design_tip .c_hit { display:none; } .design_tip .c_date { padding-left:0; display:inline-block; vertical-align:top; padding-top: 5px; margin-right:20px; color:#999; } .design_tip .custom_gallery_board2 .c_subject { color:#333; padding: 20px 0 3px 0; font-size:19px; font-weight:300; width: 100%; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; } .cs_wrap .bbs_top_wrap { width:100%; min-height:50px;} /* .design_tip .title_wrap { padding-bottom:10px; border-top: 1px solid #ddd; border-bottom:1px solid #ddd; } */ .search_nav .navi_linemap2:after, .search_nav .navi_linemap2 .navi_linemap_sub{display:none !important;} .slick-slide img{max-height:110vh;width:100%;} .main_visual_wrap .slick-slide img{min-height:1000px;} @media only screen and (max-width:1025px) { .main_visual_wrap .slick-slide img{min-height:0;} } .trxBanner{} .trxBanner > div{position:relative;overflow:hidden;} .trxBanner > div > img{position:relative;left:50%;transform:translateX(-50%);width:1920px;max-width:1920px;} .trxBanner > div > strong{text-align: center;font-size: 35px;color: #413d3c;padding: 0 0 10px 0;letter-spacing: -1px;background: url(../images/newbird/main_bottom_bg.png) repeat-x center 70%;position:absolute;top:10%;left:50%;transform:translateX(-50%);} .trxBanner > div > span{text-align: center;font-size:20px;color: #413d3c;position:absolute;top:25%;left:50%;transform:translateX(-50%);} .trxBanner > div > a{position:absolute;top:32%;left:50%;transform:translateX(-50%);} @media only screen and (max-width:1024px) { .trxBanner > div > img{width:1024px;} .trxBanner > div > strong{font-size:25px;top:10%;} .trxBanner > div > span{font-size:14px;top:25%;} .trxBanner > div > a{top:35%;} } .toTop.mobile{display:none !important;} /* -75px */ .gotoTop{font-size: 40px;position: absolute;top: 30px;right: -15vw;display: inline-block;line-height: 0;width:34px;height:34px;line-height:34px;background-color:#444;border-radius:20px;transition:all 0.5s;} .gotoTop.on{right:3px;transition:all 0.5s;} .gotoTop span{color:#fff;} .gotoTop span i{width: 34px;height: 34px;line-height: 33px;display: block;font-size: 35px;} @media only screen and (max-width:768px) { .gotoTop{transform:scale(0.9);transform-origin:bottom right;} }