@charest "utf-8"; /******************************************************** ■ 공통 부분 시작 html > css > solution.css ********************************************************/ span.bold{font-weight:500;} /*기본 컨텐츠 넓이 값 조정 *****중요함***** */ .container_wide{width:100%; margin:0 auto;} .container_fix{width:1330px; padding:0 15px; margin:0 auto; max-width:100%; position:relative;} /* 이미지 처리시 반응형*/ .container_img{overflow-x:hidden;} @media (min-width:2000px){ .container_img img{display:block; width:100%;} } @media (max-width:1900px){ .container_img img{display:block; width:100%;} } /*body , html overflow-y*/ body, html{overflow-x:hidden;} /*display:none block*/ .display_pc{display:block;} .display_mobile{display:none;} @media (max-width:991px){ .display_pc{display:none;} .display_mobile{display:block;} } /*스크롤바 제어*/ html{scrollbar-3dLight-Color: #fff; scrollbar-base-color: #fff; scrollbar-Face-Color: #fff; scrollbar-Track-Color: #f0f0f0; scrollbar-DarkShadow-Color: #fff; scrollbar-Highlight-Color: #fff;} ::-webkit-scrollbar {background:#fff; width:10px; float:left; position:absolute; left:0; height:5px; border-radius:10px;} ::-webkit-scrollbar-button:start:decrement {display: block; height: 10px; background:#f0f0f0; background-position:center;} ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background:#f0f0f0; background-position:center;} ::-webkit-scrollbar-button {background:transparent; color:#fff;} ::-webkit-scrollbar-track {background:#f5f5f5;} ::-webkit-scrollbar-thumb {height:50px; width:6px; border-radius:10px;} /*이미지맵 라인 제거*/ area, map{outline: none !important; text-decoration: none !important; border-radius: 0 !important;} /*input, button, textarea, select css*/ input, button, textarea, select{outline:none; box-shadow:none; border-radius:0; border:1px solid #e5e5e5;} input::placeholder, textarea::placeholder{color:#666;} /*톱니바퀴 모양 클릭 시 가려지는 현상 제거*/ .p10{overflow:hidden;} /*마진, 패딩 값 공통 조절*/ .margin_bottom{margin-bottom:60px;} .margin_top{margin-top:60px;} .padding_bottom{padding-bottom:60px;} .padding_top{padding-top:60px;} /*줄바꿈*/ span.w_br{display:block;} span.m_br{display:none;} /*강제 안보임 처리*/ aside#sidebar-btn{display:none;} /*포인트 컬러 조정*/ a:hover, a:focus, a:active{color:#52c3f1; text-decoration:none;} .main_text{color:#52c3f1;} .main_bg{background:#52c3f1; border:1px solid #52c3f1; color:#fff;} .main_btn{background:#52c3f1; color:#fff;} .main_btn_border{border:1px solid #52c3f1 !important;} .main_hover:hover{background:#52c3f1; color:#fff;} .main_hover_border:hover{background:#52c3f1; border:1px solid #52c3f1; color:#fff;} /*포인트 컬러 지정된 곳*/ .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.on > a, .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:hover > a, .at-menu .pc-menu .all_menu .all_ul > .all_li > .all_sub_div a:hover, .at-menu .pc-menu .all_menu .all_ul > .all_li:hover .all_a, .index_cont06 .fix_review .review_info .review_star i, .item_detail .thema-color, .item_detail .item-head .price-sum span, .modal-box .modal-score i, .use-content .star-wrap.thema-color, .myinfo-wrap .quart-box .quart-description, .board_style .list-board .list-body li > div a:hover, .board_style .list-board .list-body li > div a:focus, .board_style .list-board .list-body li > div a:active, .review_list .media-info .fa-star, .review_list .media-info .fa-star-o, .fix_category .list_sort .right_sort > a.on, .review_modal .review_content .review_text_box .text_box_top .right_text .item_star, .use_form_box .use_form_star .star_contents i{color:#52c3f1;} .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.on > a span:after, .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:hover > a span:after, .at-menu .m-menu .m-nav ul li.active a:after, .btn.active.btn-color, .btn.btn-color:hover, .btn.btn-color:focus, .btn.btn-color:active, .item_detail .item_detail_tab .tabs ul.tabs-top li.on span:after, .btn.btn-login, .register-form .regbtn-wrap .regbtn, .regbtn-wrap #display_pay_button input, .btn.active.btn-color, .btn.btn-color:hover, .btn.btn-color:focus, .btn.btn-color:active, .review_modal .review_content .review_img_box .review_slider .slick-dots > li.slick-active{ background:#52c3f1;} .index_cont04 .frame ul li.active, .m-review-panel .review-body > div .table-row .table-cell ul li.active:before, .m-review-panel .review-body > div .table-row .table-cell ul li.active:after, .item_detail .m-review-panel .review-body > div .table-row .table-cell ul li.active:before, .item_detail .m-review-panel .review-body > div .table-row .table-cell ul li.active:after, .password_confirm .confirm_input .confirm_btn_box .btn_confirm{background-color:#52c3f1;} .cart-wrap .shop-btn:hover {border: 1px solid #52c3f1;background-color: #52c3f1;color: #fff;} .simple_reviews .table-row .contents div input:checked + label{border: 0; background-color: #52c3f1; color:#fff;} .btn.btn-color{border: 1px solid #52c3f1; background: #52c3f1;} .password_confirm .btn_back > a{border-bottom:1px solid #52c3f1; color:#52c3f1;} .item_detail .item_detail_tab .tabs ul.tabs-top li.on span{background:#52c3f1; color:#fff;} .faq_box .div-panel .faq_a_content .faq_icon span{background:#52c3f1; border:1px solid #52c3f1;} html{scrollbar-arrow-color: #52c3f1; scrollbar-Shadow-Color: #52c3f1} ::-webkit-scrollbar-thumb{background:#52c3f1;} .ppay_wrap .ppay-box .order_price{color:#52c3f1} @media (max-width:991px){ .item_detail .item_detail_tab .tabs ul.tabs-top li.on span{color:#52c3f1;} } /*서브 컬러 조정*/ .black, .black *, .black a{color:#333;} .light_grey, .light_grey *, .light_grey, .light_grey a{color:#999;} .grey, .grey *, .grey a{color:#999;} .sub_btn{background:#999; color:#fff;} .sub_btn_border{border:1px solid #999;} .black_btn{background:#333; color:#fff;} /*이미 되어있는 부분들 강제로 정리*/ #sidebar-box .bg-navy, #sidebar-box .btn-navy{background-color:#52c3f1 !important; border-color:#52c3f1 !important;} #sidebar-box .btn-group.btn-group-justified > a{border-color:#fff !important;} .text-center .pagination>.active>a, .text-center .pagination>.active>span, .text-center .pagination>.active>a:hover, .text-center .pagination>.active>span:hover, .text-center .pagination>.active>a:focus, .text-center .pagination>.active>span:focus .list-wrap .text-center .pagination .active a, .view-wrap .text-center .pagination .active a, .board-list .list-wrap .pagination .active a, .view-wrap .pagination .active a{background-color:#52c3f1 !important;; border-color:#52c3f1 !important;} #sidebar-box #sidebar-menu .sidebar-menu .ca-head.active > a, #sidebar-box #sidebar-menu .sidebar-menu .ca-sub li.on a{color:#52c3f1 !important; font-weight:500 !important;} #sidebar-box #sidebar-menu .sidebar-menu a:hover, #sidebar-box #sidebar-user .sidebar-list a:hover{color:#52c3f1 !important;} /*//이미 되어있는 부분들 강제로 정리*/ /******************************************************** ■ //공통 부분 끝 ********************************************************/ /******************************************************** ■ 메인 페이지 시작 ********************************************************/ /* html > page > top_top_banner.php 탑배너 부분 관리*/ #fs_topbanner{width:100%;} #fs_topbanner .pc, #fs_topbanner .mobile{position:relative;} #fs_topbanner .pc .bg, #fs_topbanner .mobile .bg{background-repeat:no-repeat; background-size:cover;} #fs_topbanner .pc .tp_reject, #fs_topbanner .mobile .tp_reject{position:absolute; top:50%; transform:translateY(-50%); right:17.5%;} #fs_topbanner .pc .tp_reject img, #fs_topbanner .mobile .tp_reject img{width:auto;} /* html > thema > fivesense-basic > shop.head.php */ /*at_lnb*/ .at_lnb{width:100%;} .at_lnb .left_lnb{float:left;} .at_lnb > div > div > ul{list-style:none; text-align:left;} .at_lnb > div > div > ul > li{display:inline-block; padding:0 8px; position:relative; height:30px; line-height:30px;} .at_lnb > div > div > ul > li:first-child{padding: 0 8px 0 0;} .at_lnb > div > div > ul > li:last-child{padding:0 0 0 8px;} .at_lnb > div > div > ul > li:after{content:""; position:absolute; display:block; top:50%; transform:translateY(-50%); right:-2px; width:1px; height:15px; background:#ccc;} .at_lnb > div > div > ul > li:last-child:after{display:none;} .at_lnb > div > div > ul > li > a{font-size:13px; display:block;} .at_lnb > div > div.right_lnb{float:right;} .at_lnb > div > div.right_lnb > ul{list-style:none; text-align:right;} /*pc_header*/ .pc_header{width:100%; padding:40px 0 30px;} .pc_header .container_fix{display:table;} .pc_header .container_fix > div{display:table-cell; vertical-align:middle;} .pc_header .container_fix > div.logo_box{width:275px;} .pc_header .container_fix > div.logo_box > a{display:inline-block;} .pc_header .container_fix > div.search_box{width:calc(100% - 500px);} .pc_header .container_fix > div.search_box > form{width:490px; max-width:100%; display:block;} .pc_header .container_fix > div.search_box > form .header_search{width:100%; position:relative;} .pc_header .container_fix > div.search_box > form .header_search input{width:100%; display:block; border:0; border-bottom:2px solid #222222; color:#333; font-size:18px; height:50px; line-height:50px;} .pc_header .container_fix > div.search_box > form .header_search button{position:absolute; right:10px; top:50%; transform:translateY(-50%); background:none; border:0;} .pc_header .container_fix > div.header_icon_box{width:350px;} .pc_header .container_fix > div.header_icon_box > ul{list-style:none; text-align:right;} .pc_header .container_fix > div.header_icon_box > ul li{display:inline-block; text-align:center; padding:0 14px;} .pc_header .container_fix > div.header_icon_box > ul li:first-child{padding:0 14px 0 0;} .pc_header .container_fix > div.header_icon_box > ul li:last-child{padding:0 0 0 14px;} .pc_header .container_fix > div.header_icon_box > ul li img{display:block; margin:0 auto;} .pc_header .container_fix > div.header_icon_box > ul li p{font-size:15px; margin-top:7px;} /*menu | html > thema > fivesense-basic > menu.php 배분형 기준*/ .at-menu{width:100%; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background:#fff;} .at-menu .pc-menu{background:none; box-shadow:none; -webkit-box-shadow:none;} .at-menu .pc-menu .nav-top{padding:0 15px;} .at-menu .pc-menu .nav-top ul{list-style:none;} .at-menu .pc-menu .nav-top.nav-both .menu-a{background:none; color:#333; font-weight:500; font-size:19px;} .at-menu .pc-menu .nav-top .menu-li:hover .menu-a, .at-menu .pc-menu .nav-top .menu-li.on .menu-a{background:none;} .at-menu .pc-menu .nav-top .menu-li.all_menu_btn > a{display:block; width:61px; height:61px; text-align:center; position:relative; padding:0 !important;} .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li{display:inline-block; position:relative; z-index:1;} .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:first-child{margin-right:22px;} .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a{display:block; padding:0 22px;} .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div{position:absolute; left:50%; transform:translateX(-50%); border:1px solid #e5e5e5; top:76px; width:170px; text-align:center; box-shadow:none; -webkit-box-shadow:none;} .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.last_li .sub-1div{width:130px;} .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a span{position:relative;} .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.on > a span:after, .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:hover > a span:after{left:50%; transform:translateX(-50%); bottom:-5px; content:""; position:absolute; width:100%; height:1px;} .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da{padding:0; font-size:14px; display:block; padding:10px;} .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1dli:last-child .sub-1da{border-bottom:0;} .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da:hover{background:#666; color:#fff; border-bottom:1px solid #666;} .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.last_li{float:right; width:130px; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:0; } .at-menu .pc-menu .all_menu{width:100%; background:#fff; border:1px solid #d7d7d7; position:absolute; display:none; top:76px;} .at-menu .pc-menu .all_menu .all_ul{list-style:none; overflow:hidden; padding:40px 40px 0 40px;} .at-menu .pc-menu .all_menu .all_ul > .all_li{width:23%; float:left; text-align:center; height:200px; margin-right:2.666666666667%;} .at-menu .pc-menu .all_menu .all_ul > .all_li:nth-child(4n){margin-right:0;} .at-menu .pc-menu .all_menu .all_ul > .all_li > .all_a{display:block; font-size:16px; font-weight:500; border-bottom:1px solid #333; padding-bottom:10px; margin-bottom:5px;} .at-menu .pc-menu .all_menu .all_ul > .all_li > .all_sub_div{} .at-menu .pc-menu .all_menu .all_ul > .all_li > .all_sub_div a{display:block; padding:5px; color:#666; font-size:14px;} /*메인 슬라이더 html > thema > fivesense-basic > main > main-shop-basic-wide.php || html > thema > fivesense-basic > widget > miso-title-map.php */ .index_cont01{margin-top:20px;} .map_btn_box{width:100%; position:relative; height:40px; text-align:right; margin:20px auto;} .map_btn_box .map_paging{font-size:14px; color:#999; display:inline-block; height:40px; line-height:40px; vertical-align:top; margin-right:15px;} .map_btn_box .map_paging > span{color:#222} .map_btn_box .map_btn{position:relative; width:80px; height:40px; display:inline-block;} .map_btn_box .map_btn .carousel-control{display:block; width:50%; height:100%; opacity:1;} .map_btn_box .map_btn .carousel-control .glyphicon{position:static; width:100%; height:100%; margin:0; border:1px solid #d7d7d7;} .map_btn_box .map_btn .carousel-control .glyphicon-chevron-right{border-left:0;} /*메인페이지 텍스트*/ .main_text_box{margin-bottom:50px; text-align:center} .main_text_box h2{position:relative; margin-bottom:20px; font-weight:600; font-size:28px; color:#222} .main_text_box h2:after{display:block; content:""; position:absolute; top:50%; left:0; width:100%; height:1px; border-bottom: 1px dashed #999;} .main_text_box h2 span{display:inline-block; position:relative; z-index:1; padding:0 60px; background-color:#fff} .main_text_box p{font-size:18px; line-height:1.8; color:#666} /* .main_con .btn_box{text-align:center} .main_con .btn_box .btn_more{display:inline-block; margin-top:60px; padding:0 83px; border:2px solid #fff} .main_con .btn_box .btn_more > span{display:inline-block; font-weight:500; font-size:20px; line-height:61px; color:#fff} */ /*샵페이지 공통 부분 || 추천테마*/ .shop_container.shop_basic{} .shop_container.shop_basic .item-list{border:0;} .shop_container.shop_basic .item-content{padding:0; padding-top:17px; height:auto !important; text-align:left;} .shop_container.shop_basic .item-icon{position:relative; left:auto; top:auto; margin-bottom:5px;} .shop_container.shop_basic .item-icon img{margin-right:5px; margin-bottom:5px; display:inline-block;} .shop_container.shop_basic .item-content strong{font-size:16px; color:#666666;} .shop_container.shop_basic .item-price b .font-18{font-size:22px; color:#333;} .shop_container.shop_basic .item_price_box{width:100%; margin-top:5px;} .shop_container.shop_basic .item_price_box .sale_cont{display:inline-block; margin-right:5px;} .shop_container.shop_basic .item_price_box .sale_cont span{font-size:16px; display:none;} .shop_container.shop_basic .item_price_box .sale_cont strike{font-size:14px;} .shop_container.shop_basic .item_price_box > h5{font-size:16px; color:#333333; display:inline-block;} .shop_container.shop_basic .item_price_box > h5 span{font-weight:600; font-size:22px;} .shop_container.shop_basic .item-content .item-desc{display:none;} .shop_container .item-info, .shop_container .label-cap{display:none;} /*메인 품절임박! 선착순 타임특가*/ .index_cont03{background:-webkit-linear-gradient(135deg,#52c3f1,#b1dfcc); background:-moz-linear-gradient(135deg,#52c3f1,#b1dfcc); background:linear-gradient(135deg,#52c3f1,#b1dfcc); padding:60px 0;} .main_text_box h1{font-size:34px; color:#ffffff; font-weight:600; -webkit-text-shadow:0 0 12px rgba(0,0,0,0.3); -moz-text-shadow:0 0 12px rgba(0,0,0,0.3); text-shadow:0 0 12px rgba(0,0,0,0.3);} .saleitem_style.miso-item .item-info, .saleitem_style.miso-item .label-cap, .saleitem_style.miso-item .item-icon{display:none;} .saleitem_style.miso-item .item-list{border:0;} .saleitem_style.miso-item .item-image{width:300px; margin:0 auto;} .saleitem_style .bg-white{padding:25px 20px 50px; border-radius:50px;} .saleitem_style .sale_info{text-align:center; color:#333333; margin-bottom:20px;} .saleitem_style .sale_info > div{display:inline-block; font-weight:500; font-size:30px; line-height:60px;} .saleitem_style .sale_info > div span{display:inline-block; width:40px; margin-right:6px; border:1px dashed #52c3f1; border-radius:8px; color:#333} .saleitem_style.miso-item .item-content{padding:0; text-align:center; width:300px; margin:22px auto; height:auto !important;} .saleitem_style.miso-item .item-desc{display:none;} .saleitem_style .item-list .item-content strong{font-weight:500; font-size:18px; color:#222; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.2em; height:1.2em} .saleitem_style .sale_price_box{width:300px; margin:0 auto; text-align:center;} .saleitem_style .sale_price_box strike{display:inline-block; font-size:18px; font-weight:500; line-height:32px; vertical-align:top; margin-right:25px;} .saleitem_style .sale_price_box span.real_price{display:inline-block; font-size:30px; font-weight:500; line-height:30px;} /*급상승 검색어*/ .index_cont04 .part_tab_wrap{position:relative;} .index_cont04 .frame{overflow:hidden; margin-bottom:60px} .index_cont04 .frame ul{list-style:none;} .index_cont04 .frame ul li{float:left; width:162.5px; padding:95px 0 17px; border:1px solid #d7d7d7; background:#f0f0f0 url('/img/icon_mc04_01.png') no-repeat 50% 32%; text-align:center; cursor:pointer} .index_cont04 .frame ul li + li{border-left:0} .index_cont04 .frame ul li:nth-child(2){background-image:url('/img/icon_mc04_02.png')} .index_cont04 .frame ul li:nth-child(3){background-image:url('/img/icon_mc04_03.png')} .index_cont04 .frame ul li:nth-child(4){background-image:url('/img/icon_mc04_04.png')} .index_cont04 .frame ul li:nth-child(5){background-image:url('/img/icon_mc04_05.png')} .index_cont04 .frame ul li:nth-child(6){background-image:url('/img/icon_mc04_06.png')} .index_cont04 .frame ul li:nth-child(7){background-image:url('/img/icon_mc04_07.png')} .index_cont04 .frame ul li:nth-child(8){background-image:url('/img/icon_mc04_08.png')} .index_cont04 .frame ul li:nth-child(9){background-image:url('/img/icon_mc04_09.png')} .index_cont04 .frame ul li:nth-child(10){background-image:url('/img/icon_mc04_10.png')} .index_cont04 .frame ul li:nth-child(11){background-image:url('/img/icon_mc04_11.png')} .index_cont04 .frame ul li:nth-child(12){background-image:url('/img/icon_mc04_12.png')} .index_cont04 .frame ul li.active{background-color:#52c3f1; background-image:url('/img/icon_mc04_01_on.png')} .index_cont04 .frame ul li:nth-child(2).active{background-image:url('/img/icon_mc04_02_on.png')} .index_cont04 .frame ul li:nth-child(3).active{background-image:url('/img/icon_mc04_03_on.png')} .index_cont04 .frame ul li:nth-child(4).active{background-image:url('/img/icon_mc04_04_on.png')} .index_cont04 .frame ul li:nth-child(5).active{background-image:url('/img/icon_mc04_05_on.png')} .index_cont04 .frame ul li:nth-child(6).active{background-image:url('/img/icon_mc04_06_on.png')} .index_cont04 .frame ul li:nth-child(7).active{background-image:url('/img/icon_mc04_07_on.png')} .index_cont04 .frame ul li:nth-child(8).active{background-image:url('/img/icon_mc04_08_on.png')} .index_cont04 .frame ul li:nth-child(9).active{background-image:url('/img/icon_mc04_09_on.png')} .index_cont04 .frame ul li:nth-child(10).active{background-image:url('/img/icon_mc04_10_on.png')} .index_cont04 .frame ul li:nth-child(11).active{background-image:url('/img/icon_mc04_11_on.png')} .index_cont04 .frame ul li:nth-child(12).active{background-image:url('/img/icon_mc04_12_on.png')} .index_cont04 .frame ul li a{display:inline-block; font-size:16px; color:#666} .index_cont04 .frame ul li.active a{color:#fff} .index_cont04 button{position:absolute; top:50%; width:40px; height:40px; margin-top:-20px; border:1px solid #d7d7d7; border-radius:0; background-color:#fff} .index_cont04 .btn_prev{left:-60px} .index_cont04 .btn_next{right:-60px} .index_cont04 .part_product_wrap > div + div{display:none} /*베스트 상품*/ .index_cont05{width:100%;} .index_cont05 .index_cont05_box{width:100%;} .index_cont05 .index_cont05_box > div{width:49.231%; float:left;} .index_cont05 .index_cont05_box > div:nth-child(2){float:right;} .index_cont05 .index_cont05_box > div .top_content{width:100%;} .index_cont05 .index_cont05_box > div .bottom_content{width:100%; border:1px solid #d7d7d7; padding:15px 20px;} .index_cont05 .shop_container.shop_basic .item-list{margin-right:15px !important;} .index_cont05 .shop_container.shop_basic .item-wrap{margin-right:-15px !important;} /*써본 사람들의 진짜 리뷰*/ .index_cont06 .main_text_box h1{-webkit-text-shadow:none; -moz-text-shadow:none; text-shadow:none; color:#222; font-size:28px;} .index_cont06 .miso-shop-post-wrap{overflow:hidden; margin-right:-40px; margin-bottom:-40px;} .index_cont06 .fix_review_box{width:25%; float:left;} .index_cont06 .fix_review_box .fix_review_list{margin-right:40px; margin-bottom:40px; background:#f1f1f1; padding:20px 0; border-radius:30px; overflow:hidden;} .index_cont06 .fix_review_box .fix_review_list .fix_review{margin:0 auto; width:calc(100% - 40px);} .index_cont06 .fix_review .review_date{font-size:14px; line-height:1; color:#999;} .index_cont06 .fix_review .img_box{width:100%; margin:10px 0; position:relative;} .index_cont06 .fix_review .img_box > a{display:block; width:100%; overflow:hidden; position:relative; padding-bottom:100%; background-color:#fff;} .index_cont06 .fix_review .img_box > a img{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%;} .index_cont06 .fix_review .review_info{width:100%;} .index_cont06 .fix_review .review_info .review_product{} .index_cont06 .fix_review .review_info .review_product span{font-size:16px; color:#222;} .index_cont06 .fix_review .review_info .review_star{font-size:18px; margin:5px auto 10px;} .index_cont06 .fix_review .review_info .review_content{width:100%;} .index_cont06 .fix_review .review_info .review_content{font-size:14px; color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.25em; height:4.8em} .index_cont06 .fix_review .review_info .review_name{color:#999; font-size:14px; margin-top:20px;} /*푸터 html > thema > fivesense-basic > shop.tail.php*/ .fix_footer{margin-top:60px;} .fix_infos_box .container_fix:after{display:block; content:""; clear:both} .ft_info{float:left} .ft_service{float:left; margin-left:8%} /*footer_top*/ .fix_footer .fix_links_box{border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;} .fix_footer .fix_links_box ul{padding:22px 0;} .fix_footer .fix_links_box .fix_links > li{display:inline-block; position:relative} .fix_footer .fix_links_box .fix_links > li + li{margin-left:15px; padding-left:19px} .fix_footer .fix_links_box .fix_links > li + li:after{display:block; content:""; position:absolute; top:50%; left:0; width:1px; height:14px; margin-top:-7px; background-color:#a8a9ad} .fix_footer .fix_links_box .fix_links > li a{font-size:16px; color:#666} /*footer_bot*/ .fix_footer .fix_infos_box{padding:50px 0;} .fix_footer .fix_infos_box .container_fix{position:relative; } .fix_footer .fix_infos_box .info_ul{margin-bottom:12px;} .fix_footer .fix_infos_box .info_ul > li{display:inline-block; position:relative; font-size:14px; color:#666666; letter-spacing:-0.03em} .fix_footer .fix_infos_box .info_ul > li + li{margin-left:6px; padding-left:10px} .fix_footer .fix_infos_box .info_ul > li + li:after{display:block; content:""; position:absolute; top:50%; left:0; width:1px; height:12px; margin-top:-6px; background-color:#666} .fix_footer .fix_infos_box .info_ul > li a{font-size:14px; color:#666; } .fix_footer .fix_infos_box h4{font-size:14px; color:#6f6f6f; margin-top:20px;} .fix_footer .fix_infos_box .nicepay_escrow{position:absolute; bottom:50%; right:0; margin-bottom:-44px} /* 푸터 고객센터 */ .ft_service > .tit{margin-bottom:15px; font-weight:500; font-size:16px; color:#666} .ft_service > .tel{margin-bottom:15px; font-weight:600; font-size:26px;} .ft_service .time_box > p{display:inline-block; font-size:14px; color:#666} .ft_service .time_box > p.closed{display:block; margin-top:10px} .ft_service .time_box > p > span{display:inline-block;} .ft_service .time_box > p .time{margin-left:5px; margin-right:10px; font-weight:500} .ft_service .btn_box{margin-top:15px} .ft_service .btn_box .btn_service{display:inline-block; padding:0 25px; border-radius:3px; } .ft_service .btn_box .btn_service > span{display:block; font-size:14px; line-height:40px; color:#fff;} /*wing html > thema > fivesense-basic > wing.php */ .wing-right { position:absolute; width:80px; right:-100px; top:0px; } .fix_wing{list-style:none; text-align:center;} .fix_wing > li{background:#f2f2f2; margin-bottom:7px; display:table; height:80px; width:100%;} .fix_wing > li > a{display:table-cell; vertical-align:middle;} .fix_wing > li > a p{font-size:13px; color:#666; margin-top:10px;} .wing-right #stv{position:relative; width:80px; text-align:center; background:#fff; float:none; border:1px solid #e1e1e1;} .wing-right #stv #stv_list{width:80px; border:0; background-color:transparent; margin:0 auto; position:relative;} .wing-right #stv #stv_list .wing_title{color:#222; font-size:13px; margin:13px auto; text-align:center; font-weight:500;} .wing-right #stv #stv_list ul{width:65px; margin:0 auto;} .wing-right .stv_item{padding:0;} .wing-right .stv_item .prd_img{margin-bottom:10px; background-color:#fff; border:1px solid #e1e1e1;} .wing-right .stv_item .prd_name, .wing-right .stv_item .prd_cost{display:none;} .wing-right .stv_item img{display:block; width:100%; margin:0;} .wing-right #stv_btn {margin:13px 0;} .wing-right #stv_btn button{width:50%; height:13px; background:transparent; color:#333333; padding:0; outline:none; box-shadow:none; position:relative;} .wing-right #stv_btn button:first-child:after{content:""; width:1px; height:14px; position:absolute; top:50%; transform:translateY(-50%); background-color:#d4d4d4; right:0;} .wing-right #stv_btn button img{height:100%} .wing-right .cart_icon{width:100%; border-top:1px solid #e1e1e1; display:block; text-align:center; padding:15.5px 0;} .wing-right .cart_icon span{font-size:13px; color:#222222; font-weight:500; display:block; margin-top:10px;} .wing-right .topbtn{display:block; margin-top:5px; height:20px; margin-top:10px ;color:#222; font-size:16px; text-align:center; font-weight:600;} @media (max-width:1550px){ .wing-right{display:none !important;} /*반응형에서 깨지는 부분 정리*/ #fs_topbanner .pc .tp_reject, #fs_topbanner .mobile .tp_reject{right:15px;} .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a{padding:0 11px;} .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:first-child{margin-right:11px;} } @media (max-width:1360px){ /*반응형에서 깨지는 부분 정리*/ .at-menu .pc-menu .nav-top{padding:0;} } @media (max-width:991px){ /*공통*/ .margin_bottom{margin-bottom:40px;} ::-webkit-scrollbar {width:6px} span.m_br{display:block;} /*모바일 탑배너*/ #fs_topbanner .mobile .tp_reject img{width:15px;} /*모바일 헤더 m_header html > thema > fivesense-basic > shop.head.php*/ .m_header{width:100%; text-align:center;} .m_header a.left_menu{position:absolute; left:15px;} .m_header a.center_logo{display:inline-block;} .m_header .right_menu{position:absolute; right:15px; top:0;} .m_header .right_menu > a{display:inline-block;} .m_header .right_menu > a:first-child{margin-right:5px;} .m_header img{height:50px;} /*모바일 메뉴 m-menu html > thema > fivesense-basic > menu-m.php*/ .at-menu{background:transparent;} .nav-fixed .at-menu{top:0; z-index:20;} .at-menu .m-menu{background:rgba(255,255,255,0.95); -webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff; z-index:10;} .at-menu .m-menu .m-list{position:relative; height:auto; line-height:1} .at-menu .m-menu .m-list:after{/* position:absolute; content:""; background:linear-gradient(45deg, #fff, transparent); top:0; right:0; width:30px; height:100%; */} .at-menu .m-menu .m-nav{margin:0 25px} .at-menu .m-menu .m-nav ul li{padding:0} .at-menu .m-menu .m-nav ul li a{display:block; position:relative; padding:0 9px; font-size:16px; line-height:42px; color:#808080; letter-spacing:-1px} .at-menu .m-menu .m-nav ul li.active a{font-weight:600; color:#222} .at-menu .m-menu .m-nav ul li.active a:after{display:block; content:""; position:absolute; bottom:-1px; left:0; width:100%; height:4px;} .at-menu .m-menu .m-list > button{position:absolute; top:0; width:25px; height:42px; border:0; background-color:#fff; z-index:1;} .at-menu .m-menu .m-list .btn_prev{left:0} .at-menu .m-menu .m-list .btn_next{right:0} /*모바일 메인 슬라이더배너 */ .index_cont01 {overflow-y:hidden;} .map_btn_box{margin:15px auto 0; height:28px;} .map_btn_box .map_paging{font-size:12px; margin-right:5px; line-height:28px; height:28px;} .map_btn_box .map_btn{width:56px; height:28px;} .map_btn_box .map_btn .carousel-control .glyphicon{background-size:7px !important;} /*메인 텍스트*/ .main_text_box{margin-bottom:30px;} .main_text_box h2{font-size:18px; margin-bottom:14px;} .main_text_box h2 span{padding:0 15px;} .main_text_box p{font-size:12px; line-height:1.6;} .main_text_box h1{font-size:24px;} /*shop list에 관련된 모든 컨텐츠*/ .shop_container.shop_basic .item-list{margin-right:15px !important; margin-bottom:25px !important;} .shop_container.shop_basic .item-wrap{margin-right:-15px !important; margin-bottom:-25px !important;} .shop_container.shop_basic .item-content{padding-top:10px;} .shop_container.shop_basic .item-icon{margin-bottom:0;} .shop_container.shop_basic .item-icon img{margin-right:3px; margin-bottom:3px; width:38px} .shop_container.shop_basic .item-row{width:50% !important;} .shop_container.shop_basic .item-content strong{font-size:12px;} .shop_container.shop_basic .item_price_box{margin-top:0;} .shop_container.shop_basic .item_price_box .sale_cont strike{font-size:10px;} .shop_container.shop_basic .item_price_box > h5 span{font-size:14px;} .shop_container.shop_basic .item_price_box > h5{font-size:12px;s} /*품절임박! 선착순 타임특가*/ .index_cont03{padding:30px 0;} .saleitem_style .bg-white{padding:25px 10px; border-radius:25px;} .saleitem_style .sale_info{margin-bottom:10px;} .saleitem_style .sale_info > div{font-size:16px; line-height:18px} .saleitem_style .sale_info > div span{width:18px; margin-right:0; border-radius:4px} .saleitem_style.miso-item .item-image, .saleitem_style.miso-item .item-content, .saleitem_style .sale_price_box{width:100%;} .saleitem_style .item-list .item-content{margin:14px auto 0;} .saleitem_style .item-list .item-content strong{font-size:12px;} .saleitem_style .sale_price_box strike{font-size:10px; margin-right:5px;} .saleitem_style .sale_price_box span.real_price{font-size:14px;} /*급상승 검색어!*/ .index_cont04 .mc_txt_box h2:after{display:none} .index_cont04 .mc_txt_box h2 span{padding:0} .index_cont04 .frame{overflow:hidden; margin-bottom:30px} .index_cont04 .frame ul li{width:81.5px; padding:47px 0 10px; background-position:50% 28%; background-size:32%} .index_cont04 .frame ul li a{font-size:11px;} .index_cont04 .frame ul li:nth-child(1){background-position:50% 24%; background-size:16%} .index_cont04 .frame ul li:nth-child(3){background-position:50% 24%; background-size:21%} .index_cont04 .frame ul li:nth-child(6), .main_con04 .frame ul li:nth-child(9), .main_con04 .frame ul li:nth-child(12){background-position:50% 24%; background-size:28%} .index_cont04 .frame ul li:nth-child(13){background-size:46%} /*히트 / 베스트 상품*/ .index_cont05 .index_cont05_box > div{float:none; width:100%;} .index_cont05 .index_cont05_box > div:nth-child(2){float:none; margin-top:30px;} .index_cont05 .index_cont05_box > div .bottom_content{padding:10px;} /*진짜 리뷰*/ .index_cont06 .main_text_box h1{font-size:18px;} .index_cont06 .fix_review_box{width:50%;} .index_cont06 .fix_review_box .fix_review_list{margin-right:15px; margin-bottom:20px; border-radius:20px; padding:10px 0;} .index_cont06 .miso-shop-post-wrap{margin-right:-15px; margin-bottom:-20px;} .index_cont06 .fix_review_box .fix_review_list .fix_review{width:calc(100% - 20px);} .index_cont06 .fix_review .review_date{font-size:12px;} .index_cont06 .fix_review .review_info .review_product span{font-size:14px;} .index_cont06 .fix_review .review_info .review_star{font-size:12px; margin:0 0 5px;} .index_cont06 .fix_review .review_info .review_content{font-size:12px;} .index_cont06 .fix_review .review_info .review_name{margin-top:10px; font-size:12px; line-height:1.2em;} /*footer*/ .fix_infos_box .container_fix:after{display:none} .ft_info{float:none} .ft_service{float:none; margin-left:0; margin-top:20px} .fix_footer{margin-top:30px} .fix_footer .fix_infos_box .info_ul > li{font-size:13px} .fix_footer .fix_infos_box{padding:20px 0 30px;} .fix_footer .fix_infos_box .info_ul{margin-bottom:6px;} .fix_footer .fix_infos_box .info_ul > li{display:block; font-size:11px} .fix_footer .fix_infos_box .info_ul > li + li{margin-top:6px; margin-left:0; padding-left:0} .fix_footer .fix_infos_box .info_ul > li.m_inbk{display:inline-block; margin-top:0} .fix_footer .fix_infos_box .info_ul > li.m_inbk + li.m_inbk{margin-left:2px; padding-left:6px} .fix_footer .fix_infos_box .info_ul > li + li:after{display:none} .fix_footer .fix_infos_box .info_ul > li.m_inbk + li.m_inbk:after{display:block; height:10px; margin-top:-5px} .fix_footer .fix_infos_box .info_ul > li a{font-size:11px} .fix_footer .fix_infos_box h4{font-size:11px; margin-top:12px;} .fix_footer .fix_links{text-align:center} .fix_footer .fix_links_box ul{padding:9px 0;} .fix_footer .fix_links_box .fix_links > li + li{margin-left:4px; padding-left:8px} .fix_footer .fix_links_box .fix_links > li + li:after{height:10px; margin-top:-5px} .fix_footer .fix_links_box .fix_links > li a{font-size:12px} .ft_service{margin-top:15px} .ft_service > .tit{display:inline-block; margin-bottom:6px; font-size:12px; line-height:20px; vertical-align:middle} .ft_service > .tel{display:inline-block; margin-bottom:6px; margin-left:10px; font-size:20px; vertical-align:middle} .ft_service .time_box > p{font-size:11px} .ft_service .time_box > p.closed{margin-top:6px} .ft_service .time_box > p .time{margin-left:5px; margin-right:10px} .ft_service .btn_box{margin-top:10px} .ft_service .btn_box .btn_service > span{font-size:12px; line-height:36px} .fix_footer .fix_infos_box .nicepay_escrow{bottom:45px; right:15px; height:55px; margin-top:0} .fix_footer .fix_infos_box .nicepay_escrow img{display:block; height:100%} .fix_footer .fix_infos_box .nicepay_escrow{bottom:40px; height:40px;} } /* 아이콘추가사항 */ .item_sticker { padding:0px 8px; border-radius:5px; background:#555; color:#fff; margin-right:5px; display:inline-block; height:20px; line-height:20px; font-size:12px;} .item_sticker.new { background:#eb1111;} .item_sticker.best { background:#aa7d43;} .item_sticker.hit { background:#eb118c;} .item_sticker.discount { background:#3cc3d3;} .item_sticker.rec { background:#4f69da;} .item_sticker:last-child { margin-right:0;} @media(max-width:991px) { .shop_container.shop_basic .item_icon_box span.sit_icon { white-space:nowrap;} .item_sticker { padding:0px 5px; border-radius:3px; background:#555; color:#fff; margin-right:3px; display:inline-block; height:15px; line-height:15px; font-size:10px;} } /********************************************************************* 탑배너. html > page > top_banner.php *********************************************************************/ .sub_text{margin:0; padding:58px 0 54px} @media (max-width:991px){ .sub_text.ca_it_mb{padding:0} } @media (max-width:768px){ .sub_text{padding:50px 0 30px;} } /********************************************************************* 상품 상세페이지 - 기존 클래스 'item_detail' 사용 *********************************************************************/ /* 모바일 상품상세페이지 상단*/ .mob_shop_top{padding:15px 0} .mob_shop_top:after{display:block; content:""; clear:both} .mob_shop_top > a{display:block; height:15px} .mob_shop_top .btn_back{float:left} .mob_shop_top .btn_share{float:right} .mob_shop_top > a img{display:block; height:100%} /* 상품상세 페이지_ 베스트상품 위젯 */ .best_list_wrap{margin-bottom:90px} .best_list_wrap .best_list_tit{margin-bottom:30px; font-size:27px; color:#222} .shop_best_item.shop_container .item-list{border:0;} .shop_best_item.shop_container .item-image{background-color:#f8f8f8} .shop_best_item.shop_container .item-icon{display:none; position:absolute; left:10px; top:10px; z-index:1} .shop_best_item.shop_container .item-icon img{display:inline-block; margin-right:8px; margin-bottom:5px} .shop_best_item.shop_container .item-content{padding:0; padding-top:16px; height:auto !important; text-align:left} .shop_best_item.shop_container .item-content strong{font-weight:500; font-size:14px; line-height:1.2; color:#222} .shop_best_item.shop_container .item-content .item-desc{font-size:13px; line-height:1.2; color:#777} .shop_best_item.shop_container .item_price_box{margin-top:12px; text-align:left} .shop_best_item.shop_container .item_price_box .percent{display:none; margin-left:4px; font-weight:500; font-size:14px; color:#e0062a} .shop_best_item.shop_container .item_price_box .sale_cont{display:inline-block; margin-left:5px} .shop_best_item.shop_container .item_price_box .sale_cont strike{font-size:13px; color:#999} .shop_best_item.shop_container .item_price_box > h5{display:inline-block; font-size:15px; color:#222} .shop_best_item.shop_container .item_price_box > h5 span{display:inline-block; font-weight:500} .shop_best_item.shop_container .item-info, .shop_best_item .label-cap{display:none;} .shop_container .owl-carousel .owl-controls .owl-buttons div{display:none !important; background-color:transparent; width:14px; height:34px} @media (max-width:768px){ .shop_best_item.shop_container{overflow:visible} .shop_best_item.shop_container .owl-show{overflow:visible} .responsive .shop_best_item.shop_container .owl-container{overflow:visible; margin-right:-15px !important} .shop_best_item.shop_container .item-list{margin-right:15px !important} .shop_best_item.shop_container .item-wrap{margin-right:15px !important} .best_list_wrap{padding-top:28px; border-top:1px solid #222; margin-bottom:40px} .best_list_wrap .best_list_tit{margin-bottom:17px; font-size:15px} .best_list_wrap .best_list_con{margin:0 15px} .shop_best_item.shop_container .item-icon{left:5px; top:5px} .shop_best_item.shop_container .item-icon img{width:auto; height:12px; margin:0 5px 5px 0} .shop_best_item.shop_container .item-content{padding-top:15px; text-align:left} .shop_best_item.shop_container .item-content strong{font-size:13px} .shop_best_item.shop_container .item-content .item-desc{font-size:12px} .shop_best_item.shop_container .item_price_box{margin-top:10px; text-align:left} .shop_best_item.shop_container .item_price_box .sale_cont strike{font-size:12px} .shop_best_item.shop_container .item_price_box > h5{font-size:14px} .shop_container .owl-carousel .owl-controls .owl-buttons div{display:block !important; Width:8px; height:18px} .shop_container .owl-carousel .owl-controls .owl-buttons .owl-prev{left:-15px !important} .shop_container .owl-carousel .owl-controls .owl-buttons .owl-next{right:-5px !important} .shop_container .owl-carousel .owl-controls .owl-buttons div img{display:block; height:100%} } /*상품상세페이지 html > skin > apms > item > miso-baisc4 > item.skin.php */ .item_detail .img-container{width:50%;} .item_detail .item-head{border:0; margin-bottom:265px; background:#fff !important} .item_detail .label-band{display:none} .item_detail #sit_pvi{padding:0px; width:100%} .item_detail #sit_pvi_thumb{overflow:visible; width:100%; padding:10px 80px; margin:0 auto; border:0} .item_detail #sit_pvi_thumb > ul li{display:table-cell; float:none; white-space:nowrap} .item_detail #sit_pvi_thumb > ul li a{margin:0 7px 0} .item_detail #sit_pvi_thumb > ul li a img{border:1px solid transparent} .item_detail #sit_pvi_thumb > ul li a img:hover{border:1px solid transparent} .item_detail #sit_pvi_thumb > ul li.active a img{border:1px solid #222} .item_detail .thumb_tab_wrap{position:relative} .item_detail .thumb_tab_wrap button{display:block; position:absolute; top:0; width:80px; height:117px; border:0; background-color:#fff} .item_detail .thumb_tab_wrap .btn_prev{left:0} .item_detail .thumb_tab_wrap .btn_next{right:0} .item_detail .form-container{width:50%} .item_detail .item-head .text{padding:0; padding-left:80px} .item_detail .label-tack{display:none; position:static; padding-bottom:20px} .item_detail .label-tack img + img{margin-left:5px} .item_detail .item-head h1{margin:0; font-weight:400; font-size:30px; color:#222; line-height:1.2; letter-spacing:-0.5px;} .item_detail .item-head .desc{font-size:16px; line-height:1.3; color:#666; padding-top:12px;} .item_detail .item-head .tag{margin-top:15px} .item_detail .item-head .tag > a{display:inline-block; font-size:16px; line-height:1.2; color:#777} .item_detail .item-head .tag > a:hover{color:#777} .item_detail .item-head .tag > a + a{margin-left:3px} .item_detail .item-head .price{margin-top:35px; margin-bottom:20px} .item_detail .item-head .price > .pull-right{display:block; position:relative} .item_detail .item-head .price > .pull-right .btn_recommend{padding:0; line-height:26px} .item_detail .item-head .price > .pull-left{position:relative} .item_detail .item-head .pull-left b{ font-weight:500; font-size:26px; color:#222} .item_detail .item-head .pull-left .won{font-weight:300; font-size:20px} .item_detail .item-head .pull-left strike{display:none; font-size:20px; color:#666} .item_detail .item-head .pull-left span.dc_percent{display:none; width:50px; height:25px; line-height:23px; color:#ff0000; position:relative; top:-3px; font-size:15px; border:1px solid #ff0000; text-align:center; border-radius:10px; font-weight:500; margin-left:5px;} .item_detail .item-head .pull-left .unit{font-size:26px} .item_detail .item-head .price .dc{display:none} .item_detail .item-head .option-line{margin:15px 0; border-top:1px solid #222} .item_detail .item-head .option-tbl .option-line{border-top:1px solid #eee} .item_detail .item-head .option-tbl{margin-bottom:30px; font-size:15px; color:#666} .item_detail .item-head .option-tbl .price_tr strike{font-size:15px; line-height:22px; color:#666} .item_detail .item-head .option-tbl .price_tr .won{font-size:15px} .item_detail .item-head .option-tbl .price_tr .red{margin-left:6px; font-weight:600; font-size:18px; line-height:22px; color:#222} .item_detail .item-head .option-tbl .price_tr .dc_percent{margin-left:6px; font-weight:600; font-size:22px; line-height:22px; color:#fa193e} .item_detail .item-head .option-tbl th{width:155px; padding-top:20px; font-weight:500; font-size:16px; color:#222} .item_detail .item-head .option-tbl td{padding-top:20px; font-weight:400} .item_detail .item-head .option-tbl select.input-sm{-webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff} .item_detail .pay_con .pay_tab > label{margin-bottom:5px} .item_detail .pay_con .pay_tab > select.input-sm{margin-bottom:5px} .item_detail .list-group-item{padding:8px 20px; border: 1px solid #f1f1f1; background:#fafafa} .item_detail .list-group-item .col_tit{width:calc(100% - 155px); margin-top:5px; padding-bottom:5px} .item_detail .list-group-item .col_count{width:155px} .item_detail .item-head .list-group-item .col-sm-6 input{-webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff} .item_detail .item-head .list-group-item .col-sm-5 input, .item_detail .item-head .list-group-item .col-sm-5 input{-webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff} .item_detail .list-group-item .row .col-sm-7{width:55.333333%} .item_detail .list-group-item .row .col-sm-5{width:44.666667%} .item_detail .item-head .it_opt_subj{font-size:15px; line-height:1.2; color:#666} .item_detail .item-head .price-sum{margin:33px 0; font-weight:400; font-size:16px; color:#222} .item_detail .item-head .price-sum b{margin-left:10px} .item_detail .item-head .price-sum span{font-weight:500; font-size:25px} .item_detail .item-head .price-sum .won{font-weight:300; font-size:20px} .item_detail .item-head ul.item-form-btn{margin:0} .item_detail .item-head ul.item-form-btn li.btn_b{width:calc(50% - 5px)} .item_detail .item-head ul.item-form-btn li.btn_b + li.btn_b{margin-left:10px} .item_detail .item-head ul.item-form-btn li a{padding:0; border:1px solid #222; font-weight:500; font-size:17px; line-height:60px} .item_detail .item-head ul.item-form-btn li input{padding:0; border:1px solid #222; background-color:#fff; font-weight:400; font-size:17px; line-height:60px; color:#222} .item_detail .item-head ul.item-form-btn li input.black_btn{background-color:#222; color:#fff} .item_detail .item-form-footer{margin-top:50px} .item_detail .item-tab .tabs .tab-content{border:0} .item_detail_tab .tab-content>.tab-pane{display:block} .item_detail .item_detail_tab .tabs_box{width:100%; border-bottom:1px solid #ddd; background-color:#fff; text-align:center} .item_detail .item_detail_tab .tabs_box.fixed{position:fixed; top:0; left:50%; z-index:10; width:100%; max-width:100%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%)} .item_detail .item_detail_tab .tabs ul.tabs-top{display:inline-block; width:auto; border:0; margin:0 0 -3px} .item_detail .item_detail_tab .tabs ul.tabs-top li{width:auto; margin:0; text-align:center; cursor:pointer} .item_detail .item_detail_tab .tabs ul.tabs-top li + li{margin-left:12px} .item_detail .item_detail_tab .tabs ul.tabs-top li span{display:block; position:relative; padding:0 30px; border:0; background-color:transparent; font-size:18px; line-height:58px; color:#999} .item_detail .item_detail_tab .tabs ul.tabs-top li.on span{font-weight:500; background:#fff; color:#222} .item_detail .item_detail_tab .tabs ul.tabs-top li.on span:after{display:block; content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background-color:#222} .item_detail .item_detail_tab .tabs ul.tabs-top li .orangered{font-weight:400; color:#333} .item_detail .item_detail_tab .tabs ul.tabs-top li.on .orangered{font-weight:500; color:#fff} .item_detail .panel{margin-bottom:80px} .item_detail .link_con{margin-top:100px} .item_detail .link_con.it_detail_qa{margin-bottom:30px} .item_detail .tab_etc{margin-bottom:50px} .item_detail .use-btn{margin:12px 0 10px} .item_detail .item_rel_tit{padding:0; border:0; border-bottom:2px solid #222; padding-bottom:20px; margin-bottom:30px;} .item_detail .item_rel_tit h3{ font-size:27px; color:#222;} .item_detail .panel-body{padding:0;} @media (max-width:991px){ .item_detail #sit_pvi_thumb{padding:10px 45px} .item_detail #sit_pvi_thumb > ul li a img{display:inline-block; width:50px; height:50px} .responsive .item_detail .item-head .form-container{border:0} .item_detail .thumb_tab_wrap button{width:45px; height:70px} .item_detail .item-head ul.item-form-btn li.btn_b{width:50%} .item_detail .item-head ul.item-form-btn li.btn_b + li.btn_b{margin-left:0} .item_detail .item-head ul.item-form-btn li a{font-size:15px; line-height:46px} .item_detail .item-head ul.item-form-btn li input{font-size:15px; line-height:46px} .item_detail .item-form-footer{margin-top:1px} .item_detail .item_detail_tab .tabs_box{margin:0; padding:0} .item_detail .item_detail_tab .tabs{margin:0 -15px} .item_detail .item_detail_tab .tabs ul.tabs-top li + li{margin-left:0} .item_detail .item_detail_tab .tabs ul.tabs-top li span{display:inline-block; padding:0 10px; font-size:13px; line-height:42px} .item_detail .item_rel_tit{padding-bottom:15px; margin-bottom:20px; margin-top:30px;} .item_detail .item_rel_tit h3{font-size:15px; padding-bottom:0;} } @media (max-width:768px){ .item_detail .img-container{width:100%;} .responsive .item_detail .item-head{margin-bottom:0} .item_detail #sit_pvi_thumb{ padding:10px 45px} .item_detail #sit_pvi_thumb a{margin:0 5px 0} .item_detail #sit_pvi_thumb img{width:60px; height:60px} .item_detail .swiper-button-next, .item_detail .swiper-container-rtl .swiper-button-prev{width:45px; height:60px} .item_detail .swiper-button-prev, .item_detail .swiper-container-rtl .swiper-button-next{width:45px; height:60px} .responsive .item_detail .item-head .form-container{width:100%; border-top:0} .responsive .item_detail .item-head .text{padding:30px 0 10px} .item_detail .item-head h1{font-size:20px} .item_detail .item-head .desc{font-size:14px; padding-top:8px;} .item_detail .item-head .tag{margin-top:10px} .item_detail .item-head .tag > a{font-size:12px} .item_detail .item-head .price{margin-top:23px; margin-bottom:13px} .item_detail .item-head .pull-left b{font-weight:600; font-size:17px} .item_detail .item-head .pull-left .won{font-size:16px} .item_detail .item-head .option-line{margin:10px 0} .item_detail .item-head .option-tbl{margin-bottom:10px; font-size:12px} .item_detail .item-head .option-tbl .price_tr strike{font-size:12px; line-height:15px} .item_detail .item-head .option-tbl .price_tr .won{font-size:13px} .item_detail .item-head .option-tbl .price_tr .red{font-size:13px; line-height:15px} .item_detail .item-head .option-tbl .price_tr .dc_percent{font-size:15px; line-height:15px} .item_detail .item-head .option-tbl th{width:100px; padding-top:10px; font-size:12px;} .item_detail .item-head .option-tbl td{padding-top:10px} .item_detail .item-head .option-tbl label{line-height:32px} .item_detail .item-head .option-tbl select.input-sm{height:32px; line-height:32px; font-size:13px} .item_detail .list-group-item{padding:10px 0} .item_detail .list-group-item .col_tit{width:100%; margin-top:0} .item_detail .list-group-item .col_count{width:100%} .item_detail .list-group-item .row .col-sm-7{width:100%; padding:0 15px 10px; line-height:15px} .item_detail .list-group-item .row .col-sm-5{width:100%} .item_detail .item-head .it_opt_subj{font-size:12px} .item_detail .item-head .it_opt_prc{font-size:12px} .item_detail .item-head .price-sum{margin:20px 0 10px; font-size:14px} .item_detail .item-head .price-sum span{font-size:24px;} .item_detail .item-head .price-sum .won{font-size:18px} .item_detail .item-head ul.item-form-btn li.btn_b{width:50%} .item_detail .item-head ul.item-form-btn li.btn_b + li.btn_b{margin-left:0} .item_detail .item-head ul.item-form-btn li a{font-size:15px; line-height:46px} .item_detail .item-head ul.item-form-btn li input{font-size:15px; line-height:46px} .item_detail .item-form-footer{margin-top:0} .item_detail .panel{margin-bottom:40px} .item_detail .link_con{margin-top:30px} /* 구매버튼 변경 */ .item_detail .pay_con{bottom:0} .item_detail .pay_con .pay_tab > label{width:100px; font-size:13px; line-height:30px} .item_detail .pay_con .pay_tab > select.input-sm{width:calc(100% - 100px); margin-left:-4px; font-size:13px} .item_detail .pay_con .btn_payview{margin-bottom:0} } /* 공유하기 버튼 변경_pc 동일하게 변경 */ .share_popup_wrap{display:none; position:fixed; top:50%; left:50%; z-index:102; margin-left:-172px; transform: translateY(-50.3%);} .share_popup_wrap .it_share_popup{position:relative; min-width:345px; padding:15px 15px 30px; border:1px solid #959595; background-color:#fff} .it_share_popup .share_title{margin-bottom:25px} .it_share_popup .share_title .title{font-size:15px; color:#222} .it_share_popup .share_content .share_ul{text-align:center} .it_share_popup .share_ul > li{display:inline-block; padding:0 6px} .it_share_popup .share_ul > li > a{display:inline-block; overflow:hidden; border-radius:50%} .it_share_popup .share_ul > li > a img{} .it_share_popup .btn_close{display:block; position:absolute; top:10px; right:15px; padding:5px; cursor:pointer} .it_share_popup .input_url{border:none; width:1px; height:1px; position:absolute; top:0; left:0; background:transparent; } .dim_layer{display:none; position:fixed; top:0; left:0; z-index:101; width:100%; height:100%; background-color:rgba(0,0,0,0.2)} @media (max-width:768px){ .share_popup_wrap{position:fixed; width:290px; margin-left:-145px} .share_popup_wrap .it_share_popup{min-width:100%; padding:15px 15px 24px} .it_share_popup .share_title .title{font-size:13px} .it_share_popup .share_ul > li{padding:0 5px} .it_share_popup .share_ul > li > a{width:45px} .it_share_popup .share_ul > li > a img{display:inline-block; width:100%} .it_share_popup .btn_close{right:13px} .it_share_popup .btn_close img{width:12px} } /********************************************************************* 상품상세 하단_ 리뷰 ㄴ skin.에있는 하단리뷰 타이틀 모두 리뷰스킨안으로 넣기 *********************************************************************/ .item_detail .review_banner{margin-bottom:62px; padding:45px 0 50px; background-color:#fafafa; text-align:center} .item_detail .review_banner .txt{font-size:18px; line-height:29px; color:#222} .item_detail .review_banner .btn_write{display:inline-block; margin-top:24px; padding:0 109px; background-color:#000022} .item_detail .review_banner .btn_write > span{display:block; font-size:17px; line-height:56px; color:#fff} .responsive .fix_panel .fix_panel_head, .qa_panel .panel-heading h3{ font-size:27px; color:#222; font-weight:400; padding-bottom:20px} .m-review-panel .review-body > div .table-row .table-cell{padding:40px 0} .m-review-panel .review-body > div .table-row .table-cell + .table-cell{border-left:1px solid #ddd} .m-review-panel .review-body > div .table-row .table-cell.table_cell_star{width:55.018%} .responsive .fix_panel .m-review-panel .grade_total{margin-bottom:25px; color:#666; font-weight:400; font-size:20px} .responsive .fix_panel .m-review-panel .grade_total > span{font-weight:600; color:#000} .m-review-panel .review-body .cnt-wrap:after {display:none} .m-review-panel .review-body .cnt-wrap .grade_star {display:inline-block; max-width:200px} .m-review-panel .review-body .cnt-wrap .grade_star .fa{margin-left:-2px; font-size:38px;} .m-review-panel .review-body .cnt-wrap .grade_num{display:inline-block; margin-left:10px} .m-review-panel .review-body .cnt-wrap .grade_num .grade{margin:0} .m-review-panel .review-body .cnt-wrap .grade_num .grade .cur{display:inline-block; font-weight:600; line-height:1} .m-review-panel .review-body > div {border-right:0} .m-review-panel .review-body > div + div{border-left:1px solid #ddd} .m-review-panel .review-body .item-simple-review {width:31%; padding:0 55px} .responsive .item-simple-review .simple_wrap > div.left_text{width:75px; font-size:15px; font-weight:500;} .item_detail .use-btn .btn-box .btn, #itemqa .qa-btn .btn-group .btn{padding:0 20px; border:1px solid #222; border-radius:0 !important; background-color:#fff; font-weight:400; font-size:14px; line-height:37px; color:#222} .item_detail .use-btn .btn-box .review_btn, #itemqa .qa-btn .btn-group .btn-color{background-color:#222; color:#fff} .qa_panel .list-board .board-list{margin-bottom:22px} @media (max-width:991px){ .item_detail .review_banner{margin-bottom:40px; padding:35px 0 40px} .item_detail .review_banner .txt{font-size:12px; line-height:1.6} .item_detail .review_banner .btn_write{margin-top:15px; padding:0 45px} .item_detail .review_banner .btn_write > span{font-size:13px; line-height:35px} .qa_panel.panel .panel-heading{margin-bottom:0} .responsive .fix_panel .fix_panel_head, .qa_panel .panel-heading h3{font-size:15px; padding-bottom:15px} .m-review-panel .review-body > div .table-row .table-cell{padding:10px 0} .m-review-panel .review-body > div .table-row .table-cell + .table-cell{border-left:0} .m-review-panel .review-body > div .table-row .table-cell.table_cell_star{width:50%} .responsive .fix_panel .m-review-panel .grade_total{margin-bottom:15px} .m-review-panel .review-body .cnt-wrap.table .grade_star {display:inline-block; max-width:100%} .m-review-panel .review-body .cnt-wrap .grade_star .fa{font-size:20px;} .m-review-panel .review-body .cnt-wrap .grade_num{display:block; margin-left:0} .item_detail .m-review-panel .review-body .cnt-wrap.table .grade_num .grade{margin:10px 0} .m-review-panel .review-body > div .table-row .table-cell ul{max-width:150px} .m-review-panel .review-body > div + div{border-left:0} .m-review-panel .review-body .item-simple-review {width:100%} .responsive .fix_panel .m-review-panel{border-bottom:0} .item_detail .use-btn .btn-box .btn, #itemqa .qa-btn .btn-group .btn{padding:0 17px; font-size:12px; line-height:28px} }