hr {display:none} form, fieldset {border:0 none} html,body {border:0 none;width:100%;font-family:'Malgun Gothic','맑은 고딕',Helvetica,'Apple SD Gothic Neo',Dotum,'돋움',sans-serif;} body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;-webkit-text-size-adjust:none;} ul,ol,li,dl,dt,dd,table,th,td {font-weight:normal;text-align:left;line-height:100%} ul,ol,li {list-style:none} a {text-decoration:none} a,img,input.type-image {border:0 none} table {border:0;border-spacing:0;border-collapse:collapse} em {font-style:normal} .blind {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;white-space:nowrap;font-size:0;line-height:0} body { background-color:;} #wrap { width:100%;} #time_header { position:relative; padding:50px 0; height:auto; background-color: white;} #time_header .btn_category {} #time_header .category-1 {background-color: white; position: absolute; width: 30px; height: 32px; top:17px; left: 8px;} #time_header .line {background-color: red; width: 20px; height: 2px; margin: 6px 0 5px 5px; border-radius: 2px;} #time_header .logo-1 {position: absolute; top:12px;} #time_header .logo { position:absolute; top:12px; left:40px} #time_header .logo a { display:block; background:url(../images/header.png) no-repeat 0 8px; background-size:100px auto; font-size:0; line-height:0; width:90px; height:36px; } #time_header .top-menu-icon {position: absolute; top:15px;right: 10px;} #time_header .top-menu-coupon {height: 30px;} #time_header .top-menu-cart {height: 30px;} #time_header .top-menu-num {position: absolute; padding: 0 6px 0 6px; background-color: red; color: white; border-radius: 12px; top: 10px; right: 40px;} #time_header .top-cart-num {position: absolute; padding: 0 6px 0 6px; background-color: green; color: white; border-radius: 12px; top: 10px; right: 5px;} #time_header .search {position: absolute; border: 1px solid #c01010; width: 78%; padding: 5px 40px 5px 10px; bottom: 10px; left: 8px; border-radius: 20px;} #time_header .main_search {margin-left:20px;width: 80%; height:26px; border:0; outline:none; padding-top:2px; background-color: transparent;} #time_header .search_div {background-repeat: no-repeat;background-position: 20px -5px;} #time_header .btn_main_search { position:absolute; top:-4px; right:0; width:36px; height:36px; text-indent:-999px; font-size:0; line-height:0; background:url(../images/header.png) no-repeat -68px -26px; background-size:100px auto; } #gnb { height:40px; background-color:white; border-bottom: 1px solid #dadada;overflow:hidden;} #gnb li { float:left; text-align:center} #gnb li a { position:relative; display:block;color:#606060; font-size:1em; line-height:40px; font-weight:700} #gnb .on{color:#ff0000} @media screen and (max-width:450px) { #gnb li a { letter-spacing:-1px; font-size:0.9em;} } @media screen and (max-width:350px) { #gnb li a { letter-spacing:-1px; font-size:0.9em;} } /* @media screen and (max-width:350px) { #gnb li a { letter-spacing:-1px; font-size:0.9em; padding:0 0 0 13px} #gnb .gnb01, #gnb .gnb02, #gnb .gnb03, #gnb .gnb04, #gnb .gnb05 {width:auto;} } */ #gnb li a.on:after{content:'';display:block;position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:2px;-moz-border-radius:2px;background:#f5242d;z-index:10;} #content { height:100%; letter-spacing:-0.05em;} #content .con_tit { color:#485671; font-weight:bold; font-size:15px; background:#fff; padding:10px 0 9px 15px; border-bottom:1px solid #cacaca} #content .con_subtit { padding:0 0 10px; font-size:16px} #category { display:none; height:100%; letter-spacing:-0.05em;} #category .con_tit { color:#485671; font-weight:bold; font-size:15px; background:#fff; padding:10px 0 9px 15px; border-bottom:1px solid #cacaca} #category .con_subtit { padding:10px 15px 0; font-size:14px} /*0912 추가*/ #category2 { display:none; height:100%; letter-spacing:-0.05em; border:2px solid #cacaca;} #category2 .con_tit { color:#485671; font-weight:bold; font-size:15px; background:#fff; padding:10px 0 9px 15px; border-bottom:1px solid #cacaca} #category2 .con_subtit { padding:0px 15px 0; font-size:14px} #btm_menu { position:fixed; left:0; bottom:0; z-index:999; width:100%; height:55px; border-top:1px solid #2b2b2b; background:#fff} #btm_menu a { display:block; float:left; height:100%; font-size:0.75em; color:#2b2b2b; text-align:center; font-weight:bold; box-sizing:border-box; border-left:1px solid #bcbcbc; width:25%} #btm_menu img {width: 35px;} #btm_menu .ico_btm { display:block; width:30px; height:22px; margin:10px auto 0; background:url(../images/ico_btm_menu.png) no-repeat; background-size:30px auto;} #btm_menu .mypage .ico_btm { background-position: center 0} #btm_menu .home .ico_btm { background-position: center -50px} #btm_menu .cart .ico_btm { background-position: center -100px} #btm_menu .category .ico_btm { background-position: center -150px} #btm_menu .login .ico_btm { background-position: center -200px} #footer { border-top:1px solid #cbcbcb; background:#f4f4f4; padding:13px 0 65px; font-size:12px} #footer .footer_btn { text-align:center} #footer .footer_btn a {display:inline-block;margin:0 3px;padding:0 10px;background:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#f9f9f9));background-color:#f9f9f9;line-height:27px; color:#444;border-radius:3px; border:1px solid #cfcfcf} #footer .footer_link {text-align:center; margin:10px 0 7px} #footer .footer_link a { display:inline-block; color:#222} #footer .footer_link a:not(:first-child):before { display:inline-block; width:1px; height:12px; margin:0 6px; background:#bbb; vertical-align:-2px;content:''; } #footer address { text-align:center; margin:5px 0 0; padding:0 20px; font-size:11px; color:#8a8a8a; font-style:normal} #footer address a {color:#8a8a8a;} #footer .copyright { padding:5px 0; text-align:center; font-size:11px; color:#9a9a9a} #footer .partner_contact { text-align:center; /*background-color:#e2e2e2; border:1px solid #d8d8d8;*/padding:5px 0; font-size:11px; color:#464646} #footer .partner_contact strong { color:#577ea3; margin-right:10px} #footer .partner_contact span { margin-right:5px} #footer .partner_contact a {color:#464646} /* 메인 배너 */ #main_visual { width:100%; overflow:hidden; } #main_visual .main_visual_wrap { overflow:hidden} #main_visual .main_banr { float:left; width:100%; height:auto; position:relative;} #main_visual .main_banr .btn_banr { position:absolute; display:inline-block; width:37px; height:100%; background:url(../images/mainbanr_arr.png) no-repeat; background-size:75px auto; font-size:0; line-height:0; text-indent:-9999px; z-index:20;} #main_visual .main_banr .btn_prev_banr {top:0; left:0; background-position:0 50%; } #main_visual .main_banr .btn_next_banr {top:0; right:0; background-position:100% 50%; } #main_visual .main_banr_img {width:100%; height:auto; position:relative; overflow:hidden; z-index:17;} #main_visual .main_banr_img li { width:100%; height:auto; float:left;} #main_visual .main_banr_img a { z-index:16;} #main_visual .main_banr_img a img { width:100%;} #main_visual .main_banr_priceinfo { display:none; position:absolute; left:30px; bottom:30px; z-index:19;} #main_visual .sale_percent { /* position:absolute; */ /* top:0px; */ /* left:0px; */ font-size:25px; color:#474e59;line-height:40px; width:70px} #main_visual .sale_percent .num { font-size:40px; font-weight:normal;} #main_visual .price_info { /* position:absolute; */ /* top:5px; */ /* left:70px; */ display: inline-block;} #main_visual .prime_price { color:#999; font-size:11px; text-decoration:line-through; display:block} #main_visual .prime_price .num { font-size:12px} #main_visual .sale_price { color:#fb3131; font-size:15px;line-height::22px} #main_visual .sale_price .num {font-size:18px; line-height:22px; font-weight:bold} #main_visual .time_price {/* position:absolute; */ /* top:50px; */ /* left:0px; */ width:300px; height:25px; padding:5px 0 0 0; color:#fb3131; font-size:15px;line-height: 22px;display: block;} #main_visual .time_price .num { color:#fb3131; font-size:22px} #main_visual .time_price .time_price_txt { float:left; margin:0 10px 0 0; width:99px; height:23px; background:url(../images/prd_main.png) no-repeat; background-position:0 -50px; font-size:0; line-height:0; text-indent:-9999px; vertical-align:top;} /* 메인 배너 오른쪽 리스트 #main_visual .main_banr_lst { width:100%; border-bottom:1px solid #c7c7c7; overflow:hidden; background-color:#fff} #main_visual .main_banr_lst ul {overflow:hidden} #main_visual .main_banrlst_wrap {overflow:hidden} #main_visual .main_prd_lst_wrap:after {content:" ";display:block;clear:both} #main_visual .lst_banr { float:left; position:relative; width:25%; height:auto; box-sizing:border-box; background:#fff;border-left:1px solid #acaeb2; border-bottom:1px solid #acaeb2;} #main_visual .lst_banr img { width:100%; height:auto} #main_visual .lst_banr_prdname { display:none; position:absolute; top:15px; left:0px; width:100%; text-align:center; color:#555; font-size:11px; font-weight:bold} #main_visual .lst_banr_priceinfo { position:absolute; bottom:15px; left:0px; width:100%; text-align:center;} #main_visual .lst_banr_saleper {color:#fb3131; font-size:11px;} #main_visual .lst_banr_saleper .num {} #main_visual .lst_banr_price {color:#000; font-size:11px;} #main_visual .lst_banr_price .num { font-size:14px;} #main_visual .lst_banr_on .lst_banr_prdname {color:#df0b0b;} #main_visual .lst_line {border-left:1px solid #acaeb2;} */ /* 메인 배너 수정 */ .touchBanner { display:block; position:relative; min-height:150px } .touchBanner img {} .touchBanner div {} .touchBanner-nav { width:100%; padding:5px 0; text-align:center} .touchBanner-nav-item, .touchBanner-nav-item-current { display:inline-block; width:6px; height:6px; margin:3px; padding:0; border-radius:3px;} .touchBanner-nav-item { background-color:#b4b6bd} .touchBanner-nav-item-current { background-color:#ff354d} .btn_banr { position:absolute; display:inline-block; width:37px; height:100%; background:url(../images/mainbanr_arr.png) no-repeat; background-size:75px auto; font-size:0; line-height:0; text-indent:-9999px; z-index:20;} .touchBanner-prev {top:0; left:0; background-position:0 50%; } .touchBanner-next {top:0; right:0; background-position:100% 50%;} /* 서비스 바로가기 */ #service_link {} #service_link .service_link_wrap { background:#fff; height:70.7px; padding:5px; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1} #service_link .service_link_wrap a { display:block; float:left; width:25%; text-align:center} #service_link .service_link_wrap a img { width:55px; height:70.7px; margin:0 auto} /* 메인 카테고리 서비스 */ #category_link {width:100%; overflow:hidden;} #category_link .category_link_wrap { height:100px; padding:10px; display:-webkit-box;overflow-x:auto;} #category_link .category_link_wrap .goods-1 { float: left; width:80px;} #category_link .category_link_wrap img { width: 65px;} #category_link .category_link_wrap .goods-text { width: 65px; font-size: 0.7em; padding:5px 0 0 0; text-align:center;} /* 상품리스트 */ .main_tit { font-size:15px; color:#222; letter-spacing:-0.02em; padding:0 0 5px 10px} .prd_main_tit {font-size:16px; color:#222; letter-spacing:-0.02em; padding:0 0 5px 10px/*background:#fff; padding:10px 0 9px 15px; border-bottom:1px solid #cacaca*/} .prd_main_tit .random { color:#c21e26;} .prd_main_tit .down { color:#3e51c7;} .prd_main_tit .up { color:#7736b2;} #main_prd_lst .main-un-line { position: absolute; top:-5px; right: 0px; width: 30px;} #main_prd_lst .main-un-box { position: absolute; top:-5px; right: 0px; width: 30px;} #main_prd_lst .main-un-line .un-line { width: 25px; height: 2px; background-color: gray; margin: 6px 0 0 4px;} #main_prd_lst .main-un-box .un-box { width: 10px; height: 10px; background-color: gray; float: left; margin: 4px 0 0 3px;} #main_prd_lst .rank-1 { position: absolute; top:-7px; right: 30px;} #main_prd_lst .rank-1 select { padding: 6px 2px 6px 2px; text-align: center; border:none;font-family: 'Nanum Gothic'; font-weight: bold; background-color: transparent} #main_prd_lst { width:100%; margin:10px 0 0; position: relative;} #main_prd_lst li { background:#fff; position:relative; margin-bottom:0px; padding:0 0 10px 0; border-bottom:1px solid #eee;} #main_prd_lst .product_list .prd_thumbnail { position:absolute; width:130px; height:130px; z-index:7; padding:5px;} #main_prd_lst .product_list .prd_thumbnail img { border-radius:10px; width:100%; height:100%; border:1px solid #eee;} #main_prd_lst .product_list .prd_thumbnail .time-deal-1 {position: absolute; width: 130px; bottom: 4px; padding: 3px 0 3px 2px;background-color: #dadada; opacity: 0.8;} #main_prd_lst .product_list .prd_thumbnail .deal-text { text-align: center; color: #df0000;} #main_prd_lst .product_list .info { margin-left:140px; height:130px; overflow:hidden} #main_prd_lst .product_list .prd_tit { padding:5px 8px 0 0; clear:both; color:#000; font-size:14px; font-weight:normal; line-height:18px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:5px;} #main_prd_lst .product_list .prd_price_info { padding:3px 0 0; vertical-align:top} #main_prd_lst .product_list .sale_percent {float:left;color:#474e59; font-size:20px;line-height:30px; padding:0 8px 0 0} #main_prd_lst .product_list .sale_percent .num { font-size:35px; font-weight:normal; letter-spacing:-0.05em} #main_prd_lst .product_list .price_info {padding:5px 0 0 0} #main_prd_lst .product_list .prime_price { color:#999; font-size:11px; text-decoration:line-through; display:block; line-height:12px; } #main_prd_lst .product_list .prime_price .num { font-size:12px} #main_prd_lst .product_list .sale_price { color:#fb3131; font-size:15px;} #main_prd_lst .product_list .sale_price .num {font-size:18px; line-height:20px; font-weight:bold} #main_prd_lst .product_list .free-1 { font-size:14px; font-weight: bold; display: block; position: absolute; bottom: 1px; color: #999;} #main_prd_lst .product_list .time-deal-11 { position: absolute; bottom: 0px; color: #000; font-size:14px; } #main_prd_lst .product_list .time-deal-11 .deal-count { color: red;} #main_prd_lst .prd_star_score { height:15px; padding:5px 0 0; vertical-align:top } #main_prd_lst .prd_star_score .score { padding:0; font-size:13px} #main_prd_lst .list_star_score { display:inline-block; width:75px; height:13px; background:url(../images/star_bg.png) repeat-x; background-size:15px auto} #main_prd_lst .list_star { display:inline-block; height:100%; background:url(../images/star.png) repeat-x; background-size:15px auto} #main_prd_lst .on .prd_star_score { height:15px; padding:5px 0 0 5px; vertical-align:top } #main_prd_lst .on {} #main_prd_lst .on li { width: 50%; float: left; vertical-align: top; box-sizing:border-box; padding:13px 7px; border-top:0;} #main_prd_lst .on .prd_thumbnail { position: relative; width: 100%; height: 100%; padding:0;} #main_prd_lst .on .prd_thumbnail img {} #main_prd_lst .on .prd_thumbnail .time-deal-1 {width: 100%; bottom:0px;} #main_prd_lst .on .prd_thumbnail .deal-text {} #main_prd_lst .on .info { margin-left:0px;} #main_prd_lst .on .prd_tit {padding:8px 5px 0;} #main_prd_lst .on .prd_price_info {padding:5px 0 0 5px;} #main_prd_lst .on .sale_percent {} #main_prd_lst .on .sale_percent .num {} #main_prd_lst .on .price_info {} #main_prd_lst .on .prime_price {} #main_prd_lst .on .prime_price .num {} #main_prd_lst .on .sale_price {} #main_prd_lst .on .sale_price .num {} /* #main_prd_lst .on .free-1 { font-family: 'Nanum Gothic'; font-weight: 700; position: relative; display: block; color: #999; bottom: 0px; padding:10px 0 0 0;} */ #main_prd_lst .on .time-deal-11 { right: 0px; bottom: 0px;} #main_prd_lst .on .time-deal-11 .deal-count {} /* 상품페이지 */ .ico_sale_type { display:inline-block; background:url(../images/product.png) no-repeat; background-size:300px auto;text-indent:-999px; font-size:0; line-height:0; vertical-align:top} .sale_type_random { width:59px; height:22px;} .sale_type_up { width:39px; height:22px; background-position:0 -30px} .sale_type_down { width:49px; height:22px; background-position:0 -60px} .sale_type_add { width:59px; height:22px; background-position:0 -90px} .sale_type_jackpot { width:59px; height:22px; background-position:0 -120px} .sale_type_time { width:49px; height:22px; background-position:0 -150px} /* 상품 정보 아이콘 */ .ico_stiker {font-size:12px; font-weight:bold; line-height:20px; padding:0 5px; display:block; float:left; background-color:#fff} .today_open {color:#62a70a; border:1px solid #62a70a;} .closed {/*color:#686868; border:1px solid #686868;*/ background:url(../images/closed.gif) no-repeat; background-size:64px auto; font-size:0; line-height:0; width:64px; height:22px;} .del_free {color:#f05a00; border:1px solid #f05a00;} .del_free_con {color:#f05a00; border:1px solid #f05a00;} .best_num {position:absolute; top:10px; left:6px; width:34px; height:40px; background:url(../images/ico_best.png) no-repeat; background-size:370px auto; font-size:0; line-height:0; text-indent:-9999px; z-index:50} .best_num1 { background-position:0 0} .best_num2 { background-position:-37px 0} .best_num3 { background-position:-74px 0} .best_num4 { background-position:-111px 0} .best_num5 { background-position:-148px 0} .best_num6 { background-position:-185px 0} .best_num7 { background-position:-222px 0} .best_num8 { background-position:-259px 0} .best_num9 { background-position:-296px 0} .best_num10 { background-position:-333px 0} /* 타임쿠폰 */ .timecoupon_s { position:absolute; top:90px; left:90px; display:block; font-size:0; line-height:0; width:40px; height:40px; background:url(../images/timecoupon.png) no-repeat; background-size:50px auto; z-index:51} .timecoupon_b { position:absolute; bottom:20px; left:20px; display:block; font-size:0; line-height:0; width:60px; height:60px; background:url(../images/timecoupon.png) no-repeat 0 -62px; background-size:65px auto; z-index:40} /* 랜덤타입 */ .randomtype_b { position:absolute; bottom:20px; right:20px} .randomtype_b span { display:block; font-size:0; line-height:0; width:60px; height:60px; background:url(../images/randomtype.png) no-repeat; background-size:250px auto} .randomtype_b .random_jp { background-position:0 -36px !important} .randomtype_b .random_up { background-position:-65px -36px !important} .randomtype_b .random_down { background-position:-128px -36px !important} /** .randomtype_s {} .randomtype_s span { display:inline-block; font-size:0; line-height:0; width:54px; height:22px; background:url(../images/randomtype.png) no-repeat; background-size:175px auto} .randomtype_s .random_jp { background-position:0 0 !important} .randomtype_s .random_up { background-position:-55px 0 !important} .randomtype_s .random_down { background-position:-110px 0 !important} **/ .randomtype_s {} .randomtype_s span { display:block; float:left; margin-right:3px; background:url(../images/randomtype.png) no-repeat; background-size:175px auto;font-size:10px; font-weight:bold; line-height:18px; color:#fff; text-align:center; padding:0 5px} .randomtype_s .random_jp { background-position:0 0 !important; border:1px solid #be141c} .randomtype_s .random_up {background-position:-110px 0 !important; border:1px solid #6c1bb8} .randomtype_s .random_down { background-position:-55px 0 !important; border:1px solid #3a4ab3} .randomtype_s span strong { color:#fff6ba} /* 상품 상세 상단 */ .product_info {width: 100%; height:auto; border-bottom:1px solid #c7c7c7; background-color:#fff} .product_info .price_graph_area { height:88px; background:#e5ecf6; padding:5px 10px} .product_info .prd_img { height:auto; position:relative} .product_info .stiker { position:absolute; z-index:10; left:0px; width:100%} .product_info .ico_stiker { margin:0 0 0 5px} .product_info .closed {position:absolute; right:20px} .product_info .thumbnail { z-index:8; height:auto; text-align:center; border-bottom:1px solid #ccc; } .product_info .thumbnail img {width: 100%; height:auto; max-width: 600px} .product_info .timedeal-1 { width: 100%; padding: 5px 0 5px 0; background-color: #dadada; text-align:center;} .product_info .timedeal-text { font-size: 20px;color:#df0000;} .product_info .dealcount-1 {color:red;} .product_info .prd_tit { padding:15px 10px 0;font-size:20px;} .product_info .prd_tit h2 {color:#222; font-size:22px; letter-spacing:-1px; display:inline-block} .product_info .prd_tit .ico_sale_type { display:block; margin:5px 2px 0 0} .product_info .small-img {text-align: center;margin-top:10px;} .product_info .small-img img {width: 15%; padding: 0 5px 0 5px ;vertical-align:middle;opacity: 0.5;} .product_info .small-img .on {width: 17%;opacity: 1;} /* 상품 상세 시계 */ .product_info .prd_time { margin:10px 0 0; height:69px; background-color:#2e343c; } .product_info .time_info { padding:10px 0 0 0; color:#c3c8d0; font-size:13px; text-align:center; line-height:15px} .product_info .minute { color:#83c3ff} .product_info .won { color:#fff} .product_info .count_time {text-align:center} .product_info .txt_open { margin:0 5px 0 0} .product_info .open_time_wp { display:inline-block; padding:0 10px; background:-webkit-gradient(270deg,#f9ef49,#e8c51c); background-color:#f9ef49; border-radius:10px; line-height:20px; color:#2b3036; font-size:13px; font-weight:bold; margin:10px 25px 0 0; vertical-align:top} .product_info .open_time {} .product_info .time {color:#ffe956; font-size:30px; line-height:34px;} .product_info .time .ico_watch {display:inline-block; margin:12px 5px 0 0; width:15px; height:15px; background:url(../images/product.png) no-repeat -158px -30px; background-size:300px auto; vertical-align:top} /* 상품 상세 가격 */ .product_info .prd_price { padding:15px 10px} .product_info .sale_percent {float:left;color:#474e59; font-size:20px;line-height:30px; padding:5px 8px 0 0} .product_info .sale_percent .num { font-size:35px; font-weight:normal; letter-spacing:-0.05em} .product_info .slae_per {float:right; margin:5px 0 0; background:url(../images/product.png) no-repeat; background-size:300px auto; width:62px;height:48px;display:block;color:#fff; font-size:14px; text-align:center} .product_info .slae_per em {} .product_info .slae_per strong {font-size:24px;font-weight:normal} .product_info .timesale_percent { float:right;} .product_info .per_down { background-position:-70px 0} .product_info .per_up { background-position:-70px -50px} .product_info .per_up em { line-height:48px} .product_info .sale_per_tit { display:block; color:#D40000; font-size:12px; text-align:center; font-weight:bold} .product_info .sale_num_info { float:right; text-align:center} .product_info .sale_num { display:block; font-size:12px; font-weight:bold} .product_info .random_sale_info .sale_num { color:#ff6e00;} .product_info .up_sale_info .sale_num { color:#7737b3;} .product_info .down_sale_info .sale_num { color:#364cd4;} .product_info .price_normal { margin:5px 0 0 0; color:#999; font-size:16px} .product_info .price_normal dt {display:inline-block} .product_info .price_normal dd {display:inline-block; text-decoration:line-through} .product_info .price_normal .num {} .product_info .price_start { margin:8px 0; color:#222; font-size:18px} .product_info .price_start dt {display:inline-block} .product_info .price_start dd {display:inline-block} .product_info .price_start .num {} .product_info .price_now { margin:5px 0 0 0; color:#fb3131; font-size:18px} .product_info .price_now dt {display:inline-block} .product_info .price_now dd {display:inline-block; font-weight:bold} .product_info .price_now .num {} .product_info .prd-free-1 { margin: 15px 0 0 10px; font-size: 15px; font-weight: bold; color:#999;} .product_info .review { margin: 10px 0 0 10px;} .product_info .review .star-score { display: inline-block; width: 75px; height: 13px; background: url(../images/star_bg.png) repeat-x; background-size: 15px auto;} .product_info .review .review-star { display: inline-block; height: 100%; background: url(../images/star.png) repeat-x; background-size: 15px auto;} .product_info .review .review-more { display: inline-block; margin: 0 0 0 10px;font-size:12px} .prd_price_random { padding:5px 15px 0} .prd_price_random .price_now dd { margin:15px 0 0 0; height:35px; display:block; background:#2e2e2e; border-radius:5px; padding:10px;} .prd_price_random .price_now .random_num {float:left; width:11.75%; margin:0 0 0 0.5%; font-size:30px; line-height:33px;background-color:#fff;background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#ddd));border-radius:5px;color:#fb3131;font-weight:bold;-webkit-box-sizing:border-box; text-align:center} .prd_price_random .price_now .random_com {float:left; color:#fff; width:1%;line-height:50px; vertical-align:text-bottom; text-align:center} .prd_price_random .price_jackpot .jackpot_num {float:left;width:7.9%;font-size:30px;color:#fb3131;line-height:33px;text-align:center;font-weight:bold;} .prd_price_random .price_jackpot .jackpot_com {float:left;width:2%;} /* 상품 상세 랜덤세일 */ .prd_radomsale { padding:5px 15px} .prd_radomsale .btn_random, .prd_radomsale .btn_random_stop {display:inline-block; width:100%;;border-radius:5px;color:#fff;font-weight:bold;-webkit-box-sizing:border-box; text-align:center;line-height:40px; font-size:20px; margin:0 0 7px 0 } .prd_radomsale .btn_random {border:2px solid #c51313;background-color:#d51b1b;background:-webkit-gradient(linear,0 0,0 50%,from(#f15252),to(#d51b1b));} .prd_radomsale .btn_random_stop {border:2px solid #417ff1;background-color:#3d75dd;background:-webkit-gradient(linear,0 0,0 50%,from(#7da8f8),to(#3d75dd))} .prd_radomsale .randomsale_info { font-size:12px; color:#606060; height:20px; padding:0 10px} .prd_radomsale .sale_desc {margin:5px 0;font-size:12px; font-weight:bold; color:#222; line-height:22px;} .prd_radomsale .sale_type_add { margin-right:5px} .prd_radomsale .user_point { float:right;} .prd_radomsale .sound { float:left; font-size:12px; font-weight:bold; color:#727272; font-family:Tahoma, Geneva, sans-serif; background:url(../images/ico_sound.png) no-repeat 0 1px; background-size:9px auto; padding:0 0 0 13px; line-height:15px} .prd_radomsale .sound_on em { color:#538bf4} .prd_radomsale .sound_off em { color:#aaa} .prd_radomsale .num { color:#3962d8; font-weight:bold} /* 상품 상세 안내 */ .product_detail { clear:both} .product_detail .tap { height:30px; background-color:#fff; border-bottom:2px solid #474e59} .product_detail .tap li { float:left; text-align:center; font-size:0.75em; width:20%; height:30px; box-sizing:border-box; border-top:1px solid #c7c7c7; border-left:1px solid #c7c7c7;} .product_detail .tap li a { display:block; font-size:1em; color:#474747; line-height:28px; font-weight:bold} .product_detail .tap li{} .product_detail .tap .on { background-color:#5b6471} .product_detail .tap .on a {color:#fff;} .product_detail .tap_cont {background-color:#fff;} .product_detail .tap_cont img { width:100%} /* 옵션 */ .view_option { margin:10px} .view_option .opt_sel_layer { border:2px solid #606b78; height:28px;padding:0px 32px 0px 9px; background:url(../images/opt_arr.png) no-repeat 100% 10px; background-size:25px auto; background-color:#fff; line-height:28px; font-size:12px;} .view_option .opt_sel_layer .SEL_OPTION_NEW {width:100%;padding:5px 8px 5px 0;height:26px;*height:auto;*margin-top:3px;border:none;border-radius:0;background:#fff;background-size:22px 16px;-webkit-background-size:22px 16px;-webkit-appearance:none;font-size:12px;line-height:15px;color:#606060} .view_option .opt_sel_layer .SEL_OPTION_FAM {width:100%;padding:5px 8px 5px 0;height:26px;*height:auto;*margin-top:3px;border:none;border-radius:0;background:#fff;background-size:22px 16px;-webkit-background-size:22px 16px;-webkit-appearance:none;font-size:12px;line-height:15px;color:#606060} .view_option .opt_sel_layer ul {} .view_option .opt_sel_layer li {} .view_option .opt_sel_layer li a { display:block; line-height:33px; border-bottom:1px solid #eee; font-size:12px; background:#fff; color:#000; padding:0 0 0 10px} .view_option .option_result { position:relative; display:none; background-color:#f2f2f2; border:1px solid #ededed; padding:10px; margin:10px 0} .view_option .option_result ul {} .view_option .option_result li { border-bottom:1px solid #e0e0e0} .view_option .opiton_name {color:#111; font-size:12px;} .view_option .opiton_remain {color:#666; font-size:12px; line-height:24px; margin:0 0 0 10px } .view_option .opiton_remain .num { color:#3962d8; font-weight:bold} .view_option .opiton_edit { height:30px; margin:7px 0} .view_option .count {} .view_option .count .prd_num { float:left; height:22px; padding:0; margin:0; border:1px solid #a9a9a9; width:45px; text-align:center;-webkit-border-radius:1px;-webkit-appearance:none;} .view_option .count .btn_p_plus { float:left;display:inline-block; background:url(../images/product.png) no-repeat -140px 0; background-size:300px auto;background-color:#a9a9a9; width:24px; height:24px; line-height:24px;text-indent:-999px; font-size:0; line-height:0; vertical-align:top} .view_option .count .btn_p_minus { float:left;display:inline-block; background:url(../images/product.png) no-repeat -165px 0; background-size:300px auto; background-color:#a9a9a9; width:24px; height:24px;text-indent:-999px; font-size:0; line-height:0;vertical-align:top} .view_option .btn_del { float:right;display:inline-block; background:url(../images/product.png) no-repeat -190px 0; background-size:300px auto; background-color:#a9a9a9; width:24px; height:24px;text-indent:-999px; font-size:0; line-height:0;vertical-align:top} .view_option .optioncoupon-1 { background-color: red; padding: 5px 10px 5px 10px; position: absolute; left: 115px; bottom: 24px; border-radius: 8px; color: white;} .view_option .option_price { float:right; line-height:24px; color:#fb3131; font-weight:bold; font-size:16px;} .view_option .option_price .num {} /* 상품 상세 구매하기 버튼 */ #buy_btn { background-color:#2d3036; padding:10px; position:fixed; bottom:0; left:0; right:0;z-index:90;} #buy_btn .btn_cart { display:none;border:1px solid #c30c0b;background-color:#fff;background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#eee));border-radius:5px;color:#db2321;font-weight:bold;-webkit-box-sizing:border-box; text-align:center} #buy_btn .btn_cart, #buy_btn .btn_buy {display:inline-block;line-height:37px; font-size:18px;} #buy_btn .btn_buy {border:1px solid #c30c0b;background-color:#db2321;background:-webkit-gradient(linear,0 0,0 100%,from(#eb3331),to(#cf1716));border-radius:5px;color:#fff;font-weight:bold;-webkit-box-sizing:border-box; text-align:center} #buy_btn .btn_box { clear:both; text-align:center} #buy_btn .btn_cart, #buy_btn .btn_buy { width:48% !important; } .view_option .option_result { display:block !important} /* 솔드아웃 */ .soldout_b { position:absolute; top:0; left:0; display:block; font-size:0; line-height:0; background:url(../images/soldout.png) no-repeat center top; width:100%; height:100%; z-index:56} .soldout_s { position:absolute; top:5px; left:5px; display:block; font-size:0; line-height:0; background:url(../images/soldout.png) no-repeat; background-size:130px auto; width:130px; height:130px; z-index:55} /* 배송정보 */ .del_info2 { font-size:11px; padding-top:5px; text-align:right} /* 카테고리 */ #m_category {margin:0 0 30px 0} #m_category .category .depth1 { margin:10px;border:1px solid #cacaca; font-size:15px; color:#2b2b2b} #m_category .category .depth1 li a { position:relative; padding:0 50px; color:#2b2b2b;border-top:1px solid #cacaca; display:block; background-color:#fff; line-height:50px; font-weight:bold;} #m_category .category .depth1 li:first-child a { border-top:none} #m_category .category .depth1 li a:before, #m_category .category .depth1 li a:after{position:absolute;top:50%;content:''; margin-top:-12px} #m_category .category .depth1 li a:before { left:15px; width:25px; height:25px; background:url(../images/ico_category.png) no-repeat 0 0; background-size:150px auto;} #m_category .category .depth1 li.open a:before { background-position: 0 -25px} #m_category .category .depth1 li a:after { right:15px; width:25px; height:25px; background:url(../images/ico_category.png) no-repeat -25px 0; background-size:150px auto;} #m_category .category .depth1 li.open a:after { background-position:-25px -25px} #m_category .category .depth1 .open a { color:#2d62c1} #m_category .category .depth1 .depth2 { display:none} /*#m_category .category .depth1 .open .depth2 { display:block}*/ #m_category .category .depth2 li a { padding:0 0 0 30px;background-color:#ededf4 !important; line-height:40px; font-size:12px; color:#4f4e4e !important} #m_category .category .depth1 li:first-child .depth2 li a, #m_category .category .depth1 li .depth2 li:first-child a { border-top:1px solid #cacaca;} #m_category .category .depth2 li a:before, #m_category .category .depth2 li a:after{content:''; background:none;} #m_category .point_menu { margin:10px;border:1px solid #616e89; font-size:15px; color:#fff} #m_category .point_menu li a { position:relative; padding:0 50px; color:#fff;border-top:1px solid #616e89; display:block; background-color:#707c95; line-height:50px; font-weight:bold;} #m_category .point_menu li:first-child a { border-top:none} #m_category .point_menu li a:before, #m_category .point_menu li a:after{position:absolute;top:50%;content:''; margin-top:-12px} #m_category .point_menu li a:before { left:15px; width:25px; height:25px; background:url(../images/ico_category.png) no-repeat; background-size:150px auto;} #m_category .point_menu li a:after { right:15px; width:25px; height:25px; background:url(../images/ico_category.png) no-repeat -125px 0; background-size:150px auto;} #m_category .point_menu .p1 a:before {background-position:-50px 0} #m_category .point_menu .p2 a:before {background-position:-75px 0} #m_category .point_menu .p3 a:before {background-position:-100px 0} /* 카테고리 0912 추가*/ #m_category2 {margin:0 0 0px 0;} #m_category2 .category .depth1 { margin:10px;border:1px solid #cacaca; font-size:13px; color:#2b2b2b} #m_category2 .category .depth1 li {margin:0 !important; border:0px;} #m_category2 .category .depth1 li a { position:relative; padding:0 20px; color:#2b2b2b;border-top:1px solid #cacaca; display:block; background-color:#fff; line-height:36px; font-weight:bold;} #m_category2 .category .depth1 li:first-child a { border-top:none} #m_category2 .category .depth1 li a:before, #m_category2 .category .depth1 li a:after{position:absolute;top:50%;content:''; margin-top:-12px} #m_category2 .category .depth1 li a:before { left:15px; width:25px; height:25px;} #m_category2 .category .depth1 li.open a:before { background-position: 0 -25px} #m_category2 .category .depth1 li a:after { right:15px; width:25px; height:25px; background:url(../images/ico_category.png) no-repeat -25px 0; background-size:150px auto;} #m_category2 .category .depth1 li.open a:after { background-position:-25px -25px} #m_category2 .category .depth1 .open a { color:#2d62c1} #m_category2 .category .depth1 .depth2 { display:none} /*#m_category .category .depth1 .open .depth2 { display:block}*/ #m_category2 .category .depth2 li a { padding:0 0 0 30px;background-color:#ededf4 !important; line-height:26px; font-size:12px; color:#4f4e4e !important} #m_category2 .category .depth1 li:first-child .depth2 li a, #m_category2 .category .depth1 li .depth2 li:first-child a { border-top:1px solid #cacaca;} #m_category2 .category .depth2 li a:before, #m_category2 .category .depth2 li a:after{content:''; background:none;} /* 회원가입 */ #m_join {margin:0 0 30px 0} #m_join .con_subtit { padding:10px 15px 0} /* 마이페이지 */ #m_mypage {margin:0 0 30px 0} #m_mypage .user_info { display:block; border:1px solid #cacaca; background:url(../images/mypage2.png) no-repeat 15px 15px; background-size:75px auto; background-color:#fff; margin:10px 10px 0; padding:15px; font-size:15px; color:#2b2b2b; border-bottom:none; min-height:65px} #m_mypage .userid { font-weight:bold; padding:10px 0 0 80px} #m_mypage .userid strong {color:#5280d4;} #m_mypage .userlevel {padding:0 0 0 80px} #m_mypage .user_mymenu { margin:10px;border:1px solid #cacaca;} #m_mypage .user_mymenu li {} #m_mypage .user_mymenu li:first-child a { border-top:none} #m_mypage .user_mymenu li a { position:relative;border-top:1px solid #cacaca; display:block; background-color:#fff; padding:15px; font-weight:bold color:#2b2b2b; font-size:15px; color:#2b2b2b; font-weight:bold} #m_mypage .user_mymenu li a:after{position:absolute;top:50%;content:''; margin-top:-12px;right:15px; width:25px; height:25px; background:url(../images/mypage2.png) no-repeat 0 -79px; background-size:75px auto;} #m_mypage .user_info2 {display:block; border:1px solid #cacaca; background-color:#fbffdf; margin:0 10px 10px; font-size:15px; color:#2b2b2b; min-height:90px} #m_mypage .user_info2 li a { width:50%; padding:15px; float:left; color:#2b2b2b; box-sizing:border-box} #m_mypage .user_info2 li a:before {content:''; display:block;height:25px; background:url(../images/mypage.png) no-repeat; background-size:75px auto; vertical-align:top} #m_mypage .user_info2 .user_point a:before { width:34px;background-position:0 -104px} #m_mypage .user_info2 .user_coupon a:before { width:42px;background-position:0 -129px} #m_mypage .user_info2 .user_point a { border-right:1px solid #cacaca} #m_mypage .user_point strong, #m_mypage .user_coupon strong {display:block; color:#ff5723; line-height:20px} #m_mypage .point_gift a { position:relative;margin:10px 10px 0;border:1px solid #cacaca; font-size:15px; color:#354fd5; display:block; background-color:#fff; padding:10px 0; line-height:25px; font-weight:bold; text-align:center} #m_mypage .point_gift a:after {content:''; display:inline-block;width:25px; height:25px; margin:0 0 0 3px; background:url(../images/mypage2.png) no-repeat 0 -154px; background-size:75px auto; vertical-align:top} #m_mypage .coupon_reg a { position:relative;margin:0 10px 0;border:1px solid #cacaca; border-top:none; font-size:15px; color:#ff354d; display:block; background-color:#fff; padding:10px 0; line-height:25px; font-weight:bold; text-align:center} #m_mypage .coupon_reg a:after {content:''; display:inline-block;width:25px; height:25px; margin:0 0 0 3px; background:url(../images/mypage2.png) no-repeat 0 -179px; background-size:75px auto; vertical-align:top} /* 로그인 */ #m_login {background-color:#fff; padding:30px 15px} #m_login .login_tap { position:relative; height:45px} #m_login .login_tap h2 { position:absolute; top:0; float:left; width:50%; font-size:14px; text-align:center; -webkit-box-sizing:border-box} #m_login .login_tap h2 a { display:block; padding:12px 0 10px; border-top:1px solid #e5e5e5; border-bottom:2px solid #485061 !important; border-bottom:none;background-color:#f9f9f9; font-size:14px; color:#666} #m_login .login_tap .mem h2 a { border-left:1px solid #e5e5e5;} #m_login .login_tap .nonmem h2 a { border-right:1px solid #e5e5e5; margin:0 0 0 1px} #m_login .login_tap .nonmem h2 {margin-left:50%;} #m_login .on h2 a { background:#fff; border:2px solid #485061 !important; border-bottom:none !important; margin:0 -1px 0 0 !important; padding:11px 0 12px; color:#485061} #m_login .on {display:block !important} #m_login .memlogin {} #m_login .btn_login {width:100%; line-height:44px; font-size:15px; display:inline-block;border:1px solid #af0000;background-color:#e72323;background:-webkit-gradient(linear,0 0,0 100%,from(#e81a18),to(#b91c1c));border-radius:5px;color:#fff;font-weight:bold;-webkit-box-sizing:border-box; text-align:center; box-shadow:1px 1px 1px #aaa;} #m_login label { font-size:12px; color:#444; vertical-align:top} #m_login .login_btn_area { border-top:1px solid #cacaca; padding:10px 15px; margin:10px 0 0 0;vertical-align:top }/* #m_login .login_btn_area .infotxt { display:inline-block; padding:5px 110px 0 0; font-size:13px; color:#666; vertical-align:top } #m_login .login_btn_area .btn_blul, #m_login .login_btn_area .btn_redl { position:absolute; top;0; right:0; line-height:24px; font-size:12px; padding:0 10px} #m_login .login_btn_area li { clear:both;vertical-align:top; position:relative; height:33px; }*/ #m_login .login_btns {border-top:1px solid #cacaca; padding:10px 0 0; margin:10px 15px; height:33px;vertical-align:top} #m_login .login_btns li {vertical-align:top; position:relative; float:left;width:50%; text-align:center } #m_login .login_btns li a {line-height:28px; font-size:12px; width:95%} #m_login .login_btns li:first-child { text-align:left} #m_login .login_btns li:last-child { text-align:right} /* 로그인 */ #m_findidpw {background-color:#fff; padding:30px 15px} #m_findidpw .find_tap { position:relative; height:41px} #m_findidpw .find_tap h2 { position:absolute; top:0; float:left; width:50%; font-size:14px; text-align:center; -webkit-box-sizing:border-box} #m_findidpw .find_tap h2 a { display:block; padding:12px 0 10px; border-top:1px solid #e5e5e5; border-bottom:2px solid #485061 !important; border-bottom:none;background-color:#f9f9f9; font-size:14px; color:#666} #m_findidpw .find_tap .fid h2 a { border-left:1px solid #e5e5e5;} #m_findidpw .find_tap .fpw h2 a { border-right:1px solid #e5e5e5; margin:0 0 0 1px} #m_findidpw .find_tap .fpw h2 {margin-left:50%;} #m_findidpw .on h2 a { background:#fff; border:2px solid #485061 !important; border-bottom:none !important; margin:0 -1px 0 0 !important; padding:11px 0 12px; color:#485061} #m_findidpw .on {display:block !important} #m_findidpw .findid, #m_findidpw .findpw { border:1px solid #cacaca; border-top:none} #m_findidpw .btn_findidpw {width:100%; line-height:44px; font-size:15px; display:inline-block;border:1px solid #384969;background-color:#415882;background:-webkit-gradient(linear,0 0,0 100%,from(#526993),to(#415882));border-radius:5px;color:#fff;font-weight:bold;-webkit-box-sizing:border-box; text-align:center; box-shadow:1px 1px 1px #aaa;} #m_findidpw .find_notice { margin:0 15px; padding:20px 0 15px; font-size:12px; border-bottom:1px solid #dadada; color:#666} #m_findidpw .find_result { margin:5px 0 0; padding:10px 0; text-align:center; font-size:14px; border:1px solid #d6dbe4; background:#f3f4f7; color:#2A3FAA} #m_findidpw .find_result strong { } #m_findidpw .btn_blul {line-height:28px; font-size:12px; } #m_findidpw .ct_btn { text-align:center} /* 장바구니 */ #m_cart .cart_non { padding:100px 0; text-align:center} #m_cart .cart_non p { padding:0 0 15px 0; font-weight:bold} #m_cart .cart_non .btn_red { padding:0 20px; line-height:35px; font-size:14px} #m_cart .cart_non .ico_cart_non { margin:0 auto;display:block; background:url(../images/cart.png) no-repeat; width:80px; height:80px; background-size:80px auto} #m_cart .cart_chkall { padding:15px 10px 0; vertical-align:top; color:#222; font-size:15px} #m_cart .cart_head { padding:5px; background-color:#dde8f9; } #m_cart .cart_head .prd_tit { display:inline-block; font-weight:bold; font-size:16px; color:#222; margin:3px 0 0; vertical-align:top} #m_cart .prd_thumbnail { width:85px; height:85px } #m_cart .con_box_wp .prd_info { padding:10px } #m_cart .con_box_wp .prd_info .info { padding:0 0 0 100px } #m_cart .btn_b2_box { padding:0 15px 25px} #m_cart .btn_s_box {padding:8px 10px} .ico_select {display:inline-block; width:18px; height:18px; margin:0 2px 0 0; background:url(../images/input.png) no-repeat -3px -52px; background-size:24px auto; vertical-align:middle} /* 찜한 상품 */ #main_prd_lst .wish_non { padding:100px 0; text-align:center} #main_prd_lst .wish_non p { padding:5px 0 15px 0; font-weight:bold} #main_prd_lst .wish_non .btn_red { padding:0 20px; line-height:35px; font-size:14px} #main_prd_lst .wish_non .ico_wish_non { margin:0 auto;display:block; background:url(../images/ico_wish.png) no-repeat; width:40px; height:40px; background-size:auto 40px} /* 검색 */ #m_srch_lst .srch_non { padding:100px 0; text-align:center} #m_srch_lst .srch_non p { padding:0 0 15px 0; font-weight:bold} #m_srch_lst .srch_non .btn_red { padding:0 20px; line-height:35px; font-size:14px} #m_srch_lst .srch_non .ico_srch_non { margin:0 auto;display:block; background:url(../images/srch_none.png) no-repeat; width:80px; height:80px; background-size:80px auto} #m_srch_lst .srch_non strong {color:#6187d1} #m_srch_lst { width:100%; margin:20px 0 0 } #m_srch_lst li { background:#fff; position:relative; margin-bottom:15px; border-top:1px solid #c7c7c7 } #m_srch_lst .stiker_s {} #m_srch_lst .stiker_s .ico_stiker { margin-right:3px} #m_srch_lst .prd_thumbnail { position:absolute; width:130px; height:130px; z-index:7;} #m_srch_lst .prd_thumbnail img { width:100%; border-right:1px solid #e3e3e3} #m_srch_lst .info { margin-left:130px; height:120px; padding:10px 10px 0 10px} #m_srch_lst .prd_desc {color:#606060; font-size:12px; line-height:15px; display:block; padding:0 0 0 2px} #m_srch_lst .prd_tit { padding:8px 0 0; clear:both; color:#000; font-size:16px; font-weight:bold; line-height:18px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;} #m_srch_lst .purchase_num {color:#777777; font-size:11px; padding:2px 0 0} #m_srch_lst .purchase_num .num { color:#3962d8; font-size:14px; line-height:16px;} #m_srch_lst .prd_price_info { padding:10px 0 0; vertical-align:top} #m_srch_lst .sale_percent {float:left;color:#474e59; font-size:20px;line-height:30px; padding:0 8px 0 0;} #m_srch_lst .sale_percent .num { font-size:35px; font-weight:normal} #m_srch_lst .price_info {padding:5px 0 0 0} #m_srch_lst .prime_price { color:#999; font-size:11px; text-decoration:line-through; display:block; line-height:12px; } #m_srch_lst .prime_price .num { font-size:12px} #m_srch_lst .sale_price { color:#fb3131; font-size:15px;} #m_srch_lst .sale_price .num {font-size:18px; line-height:20px; font-weight:bold} #m_srch_lst .prd_time_price { position:relative; padding:5px 13px; background:#f1f1f2; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; height:30px; position:relative} #m_srch_lst .prd_time_price .ico_sale_type { margin:3px 0 0 0} #m_srch_lst .prd_time_price .ico_sale_type, #m_srch_lst .prd_time_price .time_price_txt { vertical-align:top} #m_srch_lst .time_price { position:absolute; top:5px; right:13px; color:#fff; font-size:17px;line-height:26px;text-align: right;} #m_srch_lst .time_price .num { margin:0 0 0 5px; font-weight:bold; } #m_srch_lst .sale_watch {display:inline-block; text-align:right;font-family:"맑은고딕",'Malgun Gothic'; letter-spacing:-1px } #m_srch_lst .sale_watch .time_info { font-size:12px; color:#474e59; line-height:24px} #m_srch_lst .sale_watch .minsec {} #m_srch_lst .sale_watch .won {} #m_srch_lst .time { position:absolute; top:5px; right:13px; color:#3962d8; font-size:22px; line-height:24px; vertical-align:top } #m_srch_lst .sale_watch .ico_time2 { margin:5px 3px 0 0; display:inline-block;background:url(../images/ico_time2.png) no-repeat; width:16px; height:16px;font-size:0; line-height:0; vertical-align:top} #m_srch_lst .time .ico_watch2 { margin:5px 0 0 0} #m_srch_lst .ico_stiker {font-size:10px; font-weight:bold; line-height:18px; padding:0 5px;} /* 약관 */ #m_policy {margin:0 0 30px 0; font-size:12px;} #m_policy .con_box_wp { padding:20px} /* 주문 */ #m_order {} #m_order .con_subtit { padding:10px 15px 0} #m_orderlist .order_num_wp { float:right} .deal_account dd { font-weight:bold; color:#3e4857 !important; font-size:14px} .deal_account .all_account, .account { color:#fb4931 !important} .order_prd_detail { border-color:#4c586b !important} .order_prd_detail .dl_w01 { padding:5px 0 0;} .order_prd_detail .dl_w01 .btn_blul, .order_prd_detail .dl_w01 .btn_redl, .order_prd_detail .dl_w01 .btn_gryl { line-height:23px} .order_prd_detail .view_form .dl_w01 dt, .order_prd_detail .view_form .dl_w01 dd {line-height:18px} .order_prd_detail .prd_info { border-bottom:1px solid #eee} .order_prd_detail .prd_info .prd_thumbnail { width:85px !important; height:85px !important} .order_prd_detail .prd_info .info { padding:0 0 0 100px !important} .order_prd_detail .order_data { background-color:#4c586b !important; font-weight:bold; color:#fff !important} .order_data .order_num_wp { font-weight:normal;} .order_data .order_num { display:inline-block; margin:0 0 0 5px; font-weight:bold;color:#fb7831;text-decoration:underline} .order_state {padding:10px 0; text-align:center; background-color:#f4f4f4; font-weight:bold; font-size:16px; color:#5c7caf} .order_state .del_info { display:block; color:#666; font-size:14px; font-weight:normal;} .info_area .dl_w02 { margin:0 } /* 포인트 선물 */ #m_pointgift {margin:0 0 50px 0;} .my_point { padding:15px 0; text-align:center; font-size:16px; font-family:"맑은고딕",'Malgun Gothic'; font-weight:bold; letter-spacing:-1px;} .my_point strong { color:#ff6000} .con_notice { margin:10px; padding:10px; background:#e2e2e2; border:1px solid #d8d8d8; font-size:11px; color:#666 } .con_notice li { padding:3px 0 3px 5px; line-height:150%;} #m_pointgift .con_box_wp { margin:10px 0; border:0} #m_pointgift .con_box_wp .con_subtit { padding:10px 15px} #m_pointgift .my_point {background:#f8fafb; border:1px solid #dedede; margin-bottom:10px} /* 버튼 */ .btn_red {display:inline-block;border:1px solid #da0f0d;background-color:#f53230;background:-webkit-gradient(linear,0 0,0 100%,from(#ff4442),to(#f53230));border-radius:5px;color:#fff;font-weight:bold;-webkit-box-sizing:border-box; text-align:center; box-shadow:1px 1px 1px #aaa;} .btn_redl {display:inline-block;border:1px solid #e65757;background-color:#fff;background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#fceeee));border-radius:5px;color:#db2321;font-weight:bold;-webkit-box-sizing:border-box; text-align:center; box-shadow:1px 1px 1px #ccc;} .btn_blu {display:inline-block;border:1px solid #384969;background-color:#415882;background:-webkit-gradient(linear,0 0,0 100%,from(#526993),to(#415882));border-radius:5px;color:#fff;font-weight:bold;-webkit-box-sizing:border-box; text-align:center; box-shadow:1px 1px 1px #aaa;} .btn_blul {display:inline-block;border:1px solid #8c99b1;background-color:#fff;background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6eefb));border-radius:5px;color:#3f5275;font-weight:bold;-webkit-box-sizing:border-box; text-align:center; box-shadow:1px 1px 1px #ccc;} .btn_gryl {display:inline-block;border:1px solid #9e9e9e;background-color:#fff;background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f0f0f0));border-radius:5px;color:#5a5a5a;font-weight:bold;-webkit-box-sizing:border-box; text-align:center; box-shadow:1px 1px 1px #ccc;} .btn_morelist {text-align:center;margin-bottom:10px;} .btn_more{display:inline-block;border:1px solid #384969;background-color:#415882;background:-webkit-gradient(linear,0 0,0 100%,from(#526993),to(#415882));border-radius:5px;color:#fff;font-weight:bold;-webkit-box-sizing:border-box; text-align:center; box-shadow:1px 1px 1px #aaa;padding:10px 15px;} .btn_review{display:inline-block;border:1px solid #384969;background-color:#415882;background:-webkit-gradient(linear,0 0,0 100%,from(#526993),to(#415882));border-radius:5px;color:#fff;font-weight:bold;-webkit-box-sizing:border-box; text-align:center; box-shadow:1px 1px 1px #aaa;width:50%;} /*로딩*/ .loading-body { margin:10px; display: flex; justify-content: center; align-items: center;} .loading span { display: inline-block; width: 10px; height: 10px; background-color: gray; border-radius: 50%; animation: loading 1s 0s linear infinite;} .loading span:nth-child(1) { animation-delay: 0s; background-color: red;} .loading span:nth-child(2) { animation-delay: 0.2s; background-color: orange;} .loading span:nth-child(3) { animation-delay: 0.4s; background-color: yellow;} @keyframes loading { 0%, 100%{opacity: 0; transform:scale(0.5);} 50%{opacity: 1; transform:scale(1.2);}} /* 버튼 박스 */ .btn_s_box { padding:10px 15px} .btn_s_box a { padding:0 10px; margin:0 0 0 5px; line-height:29px; font-size:12px; float:right} .btn_s_box:after {content:" ";display:block;clear:both} .btn_b1_box { padding:12px 15px;} .btn_b1_box a { width:100%; line-height:44px; font-size:16px;} .btn_b1_box:after {content:" ";display:block;clear:both} .btn_b2_box { padding:12px 15px;} .btn_b2_box a { width:49%; line-height:40px; font-size:16px;} .btn_b2_box:after {content:" ";display:block;clear:both} .con_box_wp .btn_s_box, .con_box_wp .btn_b1_box, .con_box_wp .btn_b2_box { border-top:1px solid #e4e4e4;} .btn_s1c_box { text-align:center } .btn_s1c_box a { padding:0 10px; line-height:29px; font-size:14px;} /* 본문 박스 */ .con_box_wp { display:block; border:1px solid #cacaca; background-color:#fff; margin:10px} .con_box_wp .prd_info {padding:15px;} .con_box_wp .prd_info:after {content:" ";display:block;clear:both} .con_box_wp .prd_info .prd_thumbnail { float:left; width:100px; height:100px; border:1px solid #e3e3e3;} .con_box_wp .prd_info .prd_thumbnail img { width:100%; height:auto} .con_box_wp .prd_info .info { padding:0 0 0 120px} .con_box_wp .prd_info .prd_tit { font-weight:bold; font-size:16px; color:#222; margin:0 0 3px 0} .con_box_wp .prd_info .prd_option { font-size:14px; color:#444} .con_box_wp .prd_info .prd_num { font-size:12px; color:#666} .con_box_wp .prd_info .prd_price { margin:8px 0 0 0; font-size:14px; color:#fb3131; font-weight:bold} .con_box_wp .order_data { padding:10px 15px; background-color:#f3f5f7; border-bottom:1px solid #e4e4e4; color:#666; font-size:14px;} .con_box_wp .del_state { color:#5c7caf; font-weight:bold; font-size:13px;} .prd_info .prd_price_info { padding:15px 0 0} .prd_info .sale_percent {float:left;color:#474e59; font-size:20px;line-height:30px; padding:0 8px 0 0;} .prd_info .sale_percent .num { font-size:35px; font-weight:normal} .prd_info .price_info {padding:5px 0 0 0} .prd_info .prime_price { color:#999; font-size:11px; text-decoration:line-through; display:block; line-height:12px; } .prd_info .prime_price .num { font-size:12px} .prd_info .sale_price { color:#fb3131; font-size:15px;} .prd_info .sale_price .num {font-size:18px; line-height:20px; font-weight:bold} /* 입력 보기 폼 */ .wrt_form {border-top:1px solid #e4e4e4;} .wrt_form label {margin:0 10px 0 0} .dl_w01 { padding:15px; font-size:12px} .dl_w01 dt { float:left; width:70px; padding-top:4px; line-height:18px; font-weight:bold; color:#465772} .dl_w01 dd { overflow:hidden; min-height:19px; padding-bottom:6px; color:#222} .dl_w01 dd .i_text { width:98%} .dl_w01 dd .i_sel { width:98%} .dl_w01 .btn_blul, .dl_w01 .btn_redl, .dl_w01 .btn_gryl { line-height:28px; padding:0 8px; margin:0 0 0 4px} .dl_w02 { margin:5px 0; padding:5px 15px; font-size:12px} .dl_w02 dt { float:left; width:55px; padding-top:4px; line-height:18px; font-weight:bold; color:#465772} .dl_w02 dd { overflow:hidden; min-height:19px; padding-bottom:6px; color:#222} .dl_w03 { font-size:12px; background:#f4f4f4} .dl_w03 dt { float:left; width:80px; padding:10px 0 0 10px; line-height:18px; font-weight:bold; color:#465772} .dl_w03 dd { overflow:hidden; min-height:19px; padding:10px 0 10px 10px; color:#222; background:#fff} .dl_w03 dt, .dl_w03 dd { border-top:1px solid #dedede} .dl_w03 .txt { line-height:18px} .view_form .dl_w01 dt, .view_form .dl_w01 dd, .view_form .dl_w02 dt, .view_form .dl_w02 dd {line-height:22px; padding:2px 0} .view_form .a_line { padding:0} .ul_w01 { padding:14px 15px 13px; font-size:12px} .ul_w01 li { padding:8px 0 0} .ul_w01 li:first-child { padding-top:0;} .ul_w01 li .i_text { width:100%} .ul_w02 li { padding:8px 15px; border-top:1px solid #ddd} .ul_w02 li:first-child {border-top:0;} .li_tit { font-size:14px; font-weight:bold} .li_tit a { line-height:25px; padding:0 8px; margin:0 0 0 4px; font-size:14px} .sel_d03 { width:100%; display:table; table-layout:fixed} .sel_d03 span {display:table-cell} .sel_d03 .i_sel, .sel_d03 .i_text, .sel_d03 a { width:98% !important} .sel_d03 .wp_sel01 .i_sel, .sel_d03 .wp_sel01 .i_text { margin:0 2px 0 0 } .sel_d03 .wp_sel02 .i_sel, .sel_d03 .wp_sel02 .i_text { margin:0 0 0 2px} .sel_d03 .wp_sel03 .i_sel, .sel_d03 .wp_sel03 .i_text, .sel_d03 .wp_sel03 a { margin:0 0 0 4px} .sel_d03 a { line-height:28px} .a_line { padding:8px 0 0 0} .err { font-size:11px; padding:0 0 0 3px; line-height:18px; color:#FF3F00} .w40 { width:40px !important} .w50 { width:50px !important} .w60 { width:60px !important} .fr { float:right} .tr { text-align:right} /* 인풋 */ .i_radio { vertical-align:top} .i_text { border:1px solid #bebebe; padding:5px 3px; background-color:#fff; line-height:150%; font-size:12px; border-radius:2px; box-sizing:border-box} .i_sel { border-color:#bebebe; height:30px; background-color:#fff; line-height:150%; font-size:12px; border-radius:2px; box-sizing:border-box} .img_form input[type=checkbox] { width:28px; height:28px; border:0; border-radius:0; box-shadow:none; background:url(../images/input.png) 50% 3px no-repeat; background-size:24px auto;} .img_form input[type=checkbox]:checked { background-position:2px -47px; -webkit-appearance:none;} .img_form input[type=checkbox], .img_form input[type=radio] { -webkit-appearance:none; padding:0; display:inline-block} .img_form input[type=radio] { width:20px; height:20px; border:0; border-radius:0; box-shadow:none; background:url(../images/input.png) 0 -53px no-repeat; background-size:14px auto;} .img_form input[type=radio]:checked { background-position:0 -82px; -webkit-appearance:none;} .img_form label {vertical-align:top; padding:0 0 0 3px; line-height:25px} /* 테이블 */ .basic_table { width:100%} .basic_table th { background:#b4bdcb; padding:13px 0; font-weight:bold; color:#fff} .basic_table th, .basic_table td { text-align:center; font-size:12px; padding:6px 0; border:1px solid #a7b1c1} .basic_table td {} /* 회원가입 */ .agree_box { margin:10px; height:85px; border:1px solid #f0f0f0; background-color:#f7f7f7; overflow-y:scroll; z-index:120; position:relative } .agree_wp { } .agree_txt { padding:10px; font-size:12px; line-height:150%} /* 게시글 리스트 */ .art_lst { background:#fff; border-top:2px solid #1a3051 } .art_lst li {} .art_lst li a { display:block; position:relative; border-bottom:1px solid #ddd; padding:13px 100px 13px 15px; color:#2b2b2b; font-size:13px; line-height:15px} .art_lst li .data { position:absolute; top:15px; right:15px; color:#666; font-size:13px;} .art_lst .art_con {padding:12px 15px 20px; border-top:1px solid #e9e9e9;border-bottom:1px solid #ddd; background:#f2f2f2; color:#444; font-size:12px; line-height:150%;} .art_sel .art_tit { font-weight:bold; color:#29374c} /* 페이징 */ #paging { padding:15px 0; text-align:center; background:#fff} #paging a {display:inline-block;width:30px;height:30px;line-height:30px;border:1px solid #8c99b1;background-color:#fff;background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6eefb));border-radius:3px;color:#3f5275;-webkit-box-sizing:border-box; text-align:center} #paging strong {display:inline-block;width:30px;height:30px;line-height:30px;border:1px solid #8c99b1;background-color:#fff;background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6eefb));border-radius:3px;color:#3f5275;-webkit-box-sizing:border-box; text-align:center;font-weight:bold;} /* 리뷰 */ #m_review_wrt .con_box_wp { margin:5px !important;} #m_review_lst { display:block; border:1px solid #cacaca; background-color:#fff; margin:5px; letter-spacing:-0.07em;} #m_review_lst .review_lst { border-bottom:1px solid #afafaf; margin:0 0 20px 0;} #m_review_lst .review_cont { border-top:1px solid #e3e3e3; padding:15px} #m_review_lst .review_cont:first-child {border-top:0 none } #m_review_lst .review_head { line-height:20px; height:20px; padding:0 0 5px 0} #m_review_lst .review_head .user_id, #m_review_lst .review_head .seller_id { font-weight:bold; font-size:14px} #m_review_lst .review_head .user_id { color:#607ca4} #m_review_lst .review_head .seller_id { color:#607ca4} #m_review_lst .review_head .data { margin:0 0 0 5px; color:#969696; font-size:11px; letter-spacing:-0.05em;} #m_review_lst .review_head .review_info_wrap { float:left } #m_review_lst .review_head .star_wrap { float:right; height:15px; vertical-align:top } #m_review_lst .review_head .star_wrap .score { padding:5px 0 0 0; font-size:13px} #m_review_lst .review_con_txt { clear:both; font-size:13px; color:#222; line-height:150%} #m_review_lst .review_con_btn { margin:5px 0 0 0} #m_review_lst .review_reply { position:relative; margin:15px; border:1px solid #eee; background:url(../images/ico_reply.gif) no-repeat 30px 18px; background-color:#f8f8f8; padding:15px; line-height:150%} #m_review_lst .review_reply .review_head, #m_review_lst .review_reply .review_con_txt, #m_review_lst .review_reply .review_con_btn { padding:0 0 5px 15px} #m_review_lst .star_score { display:inline-block; width:75px; height:15px; background:url(../images/star_bg.png) repeat-x; background-size:15px auto} #m_review_lst .star { display:inline-block; height:100%; background:url(../images/star.png) repeat-x; background-size:15px auto} #m_review_lst .score { vertical-align:top} #m_review_lst .score strong { vertical-align:top} #m_review_lst .review_num { vertical-align:top} #m_review_lst .btn_gryl { padding:0 8px 0 6px; line-height:25px; font-size:12px} #m_review_lst .ico_reply { margin:0 5px 0 0} .ico_reply { background:#5685c1; color:#fff; border:1px solid #3d6ead; padding:0 5px 2px 5px; font-size:11px; vertical-align:top} .ico_answer { position:absolute; top:18px; left:15px; display:inline-block; width:9px; height:9px; background:url(../images/product.png) no-repeat; background-position:-175px -30px; background-size:300px auto;text-indent:-999px; font-size:0; line-height:0; vertical-align:top } /* 리뷰 */ #m_qna_wrt .con_box_wp { margin:5px !important;} #m_qna_lst { display:block; border:1px solid #cacaca; background-color:#fff; margin:5px; letter-spacing:-0.07em;} #m_qna_lst .qna_lst { border-bottom:1px solid #afafaf; margin:0 0 20px 0;} #m_qna_lst .qna_cont { border-top:1px solid #e3e3e3; padding:15px} #m_qna_lst .qna_cont:first-child {border-top:0 none } #m_qna_lst .qna_head { padding:0 0 5px 0} #m_qna_lst .qna_head .user_id, #m_qna_lst .qna_head .seller_id { font-weight:bold; font-size:14px} #m_qna_lst .qna_head .user_id { color:#607ca4} #m_qna_lst .qna_head .seller_id { color:#607ca4} #m_qna_lst .qna_head .data { margin:0 0 0 5px; color:#969696; font-size:11px; letter-spacing:-0.05em;} #m_qna_lst .qna_head .qna_info_wrap { line-height:22px } #m_qna_lst .qna_con_txt { clear:both; font-size:13px; color:#222; line-height:150%;} #m_qna_lst .qna_con_btn { margin:5px 0 0 0} #m_qna_lst .qna_reply { position:relative; border:1px solid #eee; background-color:#f8f8f8; padding:15px; line-height:150%} #m_qna_lst .qna_reply .qna_head, #m_qna_lst .qna_reply .qna_con_txt, #m_qna_lst .qna_reply .qna_con_btn { padding:0 0 5px 15px} #m_qna_lst .qna_num { vertical-align:top} #m_qna_lst .btn_gryl { padding:0 8px 0 6px; line-height:25px; font-size:12px} #m_qna_lst .ico_reply { margin:0 5px 0 0} #m_qna_lst .qnacon_tit { display:block; line-height:18px; font-size:14px; color:#444} #m_qna_lst .ico_replywt {float:right; padding:0 5px; height:17px;display:block;border:1px solid #aaa;color:#aaa;font-size:11px;font-weight:normal;text-align:center;line-height:18px; } #m_qna_lst .ico_replyfin {float:right; padding:0 5px; height:17px;display:block;border:1px solid #5cc5ee; color:#5cc5ee;font-size:11px;font-weight:normal;text-align:center;line-height:18px;} #m_qna_lst .qna_reply .qna_a { padding-top:5px; margin-top:5px; border-top:1px dashed #dadada;} /* 찜하기 */ .prd_lefttime_tools { position:relative; width:100%; height:30px; padding:10px 0; border-top:1px solid #eee; clear:both; text-align:right; } .left_time {float:left; display:block; line-height:16px; background:url(../images/ico_time.png) no-repeat; padding:6px 5px 0 18px;font-size:20px;color:#606060; letter-spacing:0;} .ico_watch2 {display:inline-block; margin:0 5px 0 0; width:16px; height:16px; background:url(../images/product.png) no-repeat -140px -30px; background-size:300px auto; vertical-align:top;text-indent:-999px; font-size:0; line-height:0;} .share_prd { display:inline-block;} .share_prd div {float:left; margin:0 5px 0 0; width:31px; height:30px; font-size:0; line-height:0; background:url(../images/ico_sns.png) no-repeat; background-size:360px auto; vertical-align:top; cursor:pointer} .share_prd .facebook {background-position:0 0;} .share_prd .kakaos {background-position:-184px 0;} .share_prd .kakaot {background-position:-73px 0;} .wish { float:right; margin:0 15px 0 0; width:31px; height:30px; background:url(../images/ico_wish.png) no-repeat; background-size:75px auto; font-size:0; line-height:0; cursor:pointer} .wish_on, .wish:hover{ background-position:-35px 0;} /* 상단 타이틀 탭 */ .con_tit_tap{padding:0 0 15px;} .con_tit_tap ul{overflow:hidden;border-bottom:1px solid #d1d1d6;background:#f4f4f4;} .con_tit_tap h2 { font-size:15px} .con_tit_tap li{float:left; background:#f4f4f4;border-left:1px solid #dedede;border-right:1px solid #dedede; box-sizing:border-box;; box-shadow: inset 0 1px 0 #dedede,inset 0 -1px 0 #dedede} .con_tit_tap li:first-child { border-right:0} .con_tit_tap li a{display:block;color:#888;font-size:1em;padding:12px 0;text-align:center; box-shadow:none} .con_tit_tap li.on a{background:#5382ca;color:#fff;} .con_tit_tap:after { display:block; content:''; clear:both} .con_tit_tapcont { background:#fff; padding:15px 10px; margin:10px 0} /* 타이틀 탭메뉴 */ .cont_tit_tap2 { } .cont_tit_tap2 li { float:left; background:#f1f5f8; border:1px solid #cedce6; border-bottom-color:#687484; text-align:center; width:33.3333%; box-sizing:border-box} .cont_tit_tap2 li:first-child { border-right:0 none;} .cont_tit_tap2 li.on { background:#fff; border:1px solid #687484; border-bottom:none} .cont_tit_tap2 li.on a { color:#474e59; font-weight:bold; padding:7px 0 8px;} .cont_tit_tap2 a { display:inline-block; width:100%; padding:7px 0; font-size:13px; color:#587598; line-height:18px; font-family:"맑은고딕",'Malgun Gothic'; letter-spacing:-1px; box-sizing:border-box} /* 타임쿠폰 상단 탭 */ .coupon_tap li {width:50%;} /* 포인트샵 상단 탭 */ .point_tap li {width:50%;} .point_tap h2 { font-size:16px !important} /* 포인트 충전 */ .con_tit_tapcont .con_box_wp { margin:0} .con_tit_tapcont .btn_b1_box { padding:12px 0} .sel_result { display:-webkit-box; border:3px solid #dadada; -webkit-box-orient:horizontal; -webkit-box-sizing:border-box; margin:10px 0} .sel_result .sec {-webkit-box-flex:2; border:1px solid #eee} .sel_result .sec .tit { display:block; font-size:12px; background-color:#f4f4f4; padding:0 0 0 5px; color:#444; line-height:25px} .sel_result .sec .num { display:block; padding:0 10px 0 0; color:#222; text-align:right; font-size:16px; line-height:40px} /* 마이 타임포인트 */ .my_point_all { margin:0 0 20px 0; background:#f1f5f8; padding:5px 0} .my_point_all dt, .my_point_all dd { line-height:30px; } .my_point_all dt { float:left; width:190px; padding:0 0 0 10px; font-size:14px; } .my_point_all dd { text-align:right; padding:0 10px 0 0;font-weight:bold; font-size:15px; } .my_point_all .p_on { color:#ff6000} .my_point_all .p_off { color:#87898b} .ico_point { display:inline-block; margin:0 0 0 0; width:17px; height:17px; background:url(../images/ico_point.png) no-repeat; background-size:17px auto; vertical-align:middle} .point_pre { background-position:0 -20px} .point_lst { margin:0 0 10px 0; border:1px solid #c3d0da} .point_lst li { border-top:1px solid #e4e4e4} .point_lst li:first-child { border-top:0 none;} .point_lst_head { padding:8px; background-color:#eff4f8; font-size:14px; color:#3d5883} .point_lst_head .data { float:right; color:#666} .point_lst .point { font-weight:bold; color:#d61111 !important} .point_lst .dl_w01 {padding:5px 10px} .point_lst .dl_w01 dd { text-align:right} .point_lst_none { margin:10px; padding:20px 0; background:#f4f4f4; color:#777; text-align:center; font-size:15px } /* 쿠폰 */ .coupon_subtit { margin:30px auto 10px; width:990px; height:20px; font-size:16px; font-weight:bold; letter-spacing:-1px;} .tapmenu_cont { margin:10px 0 0} .coupon_top_img { position:relative; clear:both; margin:0 10px; background:url(../images/coupon_down_bg.png) no-repeat #f6fbfd; background-size:100% auto} .coupon_top_img .time_coupon { margin:0 auto} .coupon_top_img img { z-index:30; width:100%} .my_coupon { background:#fff; border-top:1px solid #dedede; padding:15px 10px; margin:10px 0 } .my_coupon .my_point {background:#f8fafb; border:1px solid #dedede; padding:15px 0; margin:0 0 30px 0; text-align:center; font-size:16px; font-family:"맑은고딕",'Malgun Gothic'; font-weight:bold; letter-spacing:-1px;} .my_coupon .my_point strong { color:#ff6000} .my_coupon .coupon_lst { clear:both} .my_coupon .coupon_lst_box .coupon_lst li { padding:30px 0; border-bottom:1px solid #d6dbe4} .my_coupon .coupon_img {width:200px; height:76px; margin:0 auto} .my_coupon .coupon_img img { width:100%; height:100%} .my_coupon .coupon_info { margin:20px 0 0 } .my_coupon .coupon_info ul { margin-bottom:5px; font-size:12px} .my_coupon .coupon_info li { padding:5px 0 !important; height:auto !important; border-bottom:none !important;} .my_coupon .coupon_info li strong { display:inline-block; color:#587598; width:100px} .coupon_prd_lst #main_prd_lst { margin-left:-6px;} .coupon_none { clear:both; padding:50px 0; text-align:center; font-weight:bold; font-size:14px; background:#f9fbff; border:1px solid #bcc3cf;color:#545860; } .coupon_none strong { color:#6187d1} .coupon_none p { padding:5px 0 0; font-size:11px; color:#999; font-weight:normal} .ico_coupon_none { margin:0 auto; background:url(../images/ico_coupon_none.png) no-repeat center; display:block; width:100%; height:78px; background-size:320px auto} .time_coupon { width:200px; height:76px; position:relative; background:url(../images/time_coupon.png) no-repeat; background-size:200px auto} .time_coupon p { position:absolute; margin-top:-28px; top:50%; left:57px; width:138px; text-align:center; color:#474e59; font-size:15px;font-family:"맑은고딕",'Malgun Gothic'; font-weight:bold; letter-spacing:-1px; line-height:50px} .time_coupon em { font-size:30px;} .event_coupon { width:200px; height:76px; position:relative; background:url(../images/event_coupon.png) no-repeat; background-size:200px auto} .event_coupon p { position:absolute; margin-top:-28px; top:50%; left:57px; width:138px; text-align:center; color:#474e59; font-size:15px;font-family:"맑은고딕",'Malgun Gothic'; font-weight:bold; letter-spacing:-1px; line-height:50px} .event_coupon .event_tit { font-size:16px; line-height:18px; display:block} .event_coupon em { font-size:30px; line-height:32px}/* .t_coupondown_none img { width:100% } .e_coupondown_none img { width:100% }*/ #m_coponreg .con_box_wp { margin:10px 0; border:0px} #m_coponreg .con_box_wp .con_subtit { padding:10px 15px} /* 팝업 */ #layer-overlay {position:fixed;top: 0;left: 0;bottom: 0;right: 0;background: #000;opacity: 0.75;z-index:1000; } #pop_wrap{overflow:visible;position:fixed; top:60px; left:12px; right:12px; line-height:normal;z-index:10001; box-shadow:3px 3px 3px rgba(0,0,0,.4); letter-spacing:-0.05em} #pop_wrap img,#pop_wrap fieldset{border:none} #pop_wrap legend{display:none} #pop_content{position:relative;z-index:20;border:1px solid #e81a18; border-top-width:1px;background:#fff} #pop_content .pop_con_wrap {} #pop_content .pop_header { position:relative; letter-spacing:-1px; text-align:center; border-bottom:1px solid #eee; line-height:35px} #pop_content .pop_header h1 { font-size:16px; color:#444;} #pop_content .pop_header .btn_close { position:absolute; top:7px; right:7px; font-size:0; line-height:0; width:20px; height:20px; background:url(../images/close.png) no-repeat; background-size:20px auto} #pop_content .pop_header p { font-size:11px; color:#999999;} #pop_content .btn_s1c_box { margin-bottom:10px} /* 팝업 */ #fullBanner{visibility:hidden;height:100%;width:100%;z-index:2000;background-color:rgba(0,0,0,0);position:fixed;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;transition:all 1s ease-in-out} #fullBanner.show{visibility:visible} #fullBanner .innerContent{min-width:230px;min-height:420px;height:100%;width:100%;position:absolute;margin:0 auto;background-color:rgba(0,0,0,0.5);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out} #fullBanner .innerContent{display:table} #fullBanner .pannel{display:table-cell;vertical-align:middle;padding-bottom:40px;text-align:center} #fullBanner .go-app{display:block;width:80%;margin:0 auto;background-position:center} #fullBanner .go-app img {width:100%} div#fullBanner{width:100%} #fullBanner .close-banner{display:block;margin-top:10px;text-decoration:underline;color:#fff} /* 포인트 충전 */ #m_point_c { background:#fff; letter-spacing:-0.05em} #m_point_c .point_c_head { position:relative; background:url(../images/point_c_bg.png) no-repeat center; background-color:#c00810; background-size:320px auto; height:123px} #m_point_c .mypoint { position:absolute; top:40px; left:0; right:0; color:#fff;text-align:center; font-size:14px;} #m_point_c .current_point { display:block;text-align:center; font-size:24px; line-height:26px} #m_point_c .point_c_cont { padding:15px; height:300px} #m_point_c .tit { text-align:center; font-size:15px; line-height:18px; padding:10px 0 25px;} #m_point_c #point_c_menu { display:block; height:100px; margin-bottom:30px} #m_point_c #point_c_menu a {display:block; float:left; font-size:0.75em; color:#2b2b2b; text-align:center; font-weight:bold; font-size:12px; width:33.333%} #m_point_c .ico_point_c { display:block; width:80px; height:80px; margin:0 auto; background:url(../images/ico_point_c_menu.png) no-repeat; background-size:80px auto;} #m_point_c .free .ico_point_c { background-position: 0 0} #m_point_c .okcashbag .ico_point_c { background-position: 0 -90px} #m_point_c .charge .ico_point_c { background-position: 0 -180px} #m_point_c .info { text-align:center; font-size:12px; line-height:18px;} #m_point_c .info strong {} #m_point_c .info em { font-weight:bold; color:#D40000} @media screen and (max-width:640px) { #m_point_c #point_c_menu { margin:0 50px 30px 50px} } @media screen and (max-width:480px) { #m_point_c #point_c_menu { margin:0 15px 30px 15px} } @media screen and (max-width:320px) { #m_point_c .ico_point_c { width:62px;height:62px; background-size:62px auto;} #m_point_c .okcashbag .ico_point_c { background-position: 0 -70px} #m_point_c .charge .ico_point_c { background-position: 0 -140px} } /* 간편가입 */ .join_social { padding:12px 15px} .social_type {} .social_type li a {position:relative; margin-bottom:5px; border:1px solid #ccc; background:#fbfbfb; padding:0 0 0 50px; color:#333;display:block; line-height:40px; font-weight:bold; font-size:14px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;} .social_type .ico_social { position:absolute; display:block; top:6px; left:6px; width:30px; height:30px; background:url(../images/ico_join_sc.png) no-repeat; background-size:30px auto;} .social_type .kakao { color:#532424} .social_type .kakao .ico_social {} .social_type .fb { color:#3b5699} .social_type .fb .ico_social { background-position:0 -30px} .social_type .naver { color:#19ae00 } .social_type .naver .ico_social { background-position:0 -60px} /* 베스트 아이템 */ .seller_best_item { background:#fff} .seller_best_item .tit { padding:10px; position:relative; background:#dfe8f0; border-top:2px solid #aebdca; border-bottom:1px solid #aebdca} .seller_best_item .tit h3 { font-size:16px; color:#222; line-height:20px;} .seller_best_item .tit a { position:absolute; right:13px; top:7px; font-size:12px; padding:0 8px 0 6px; line-height:24px} .seller_best_item ul { overflow:hidden; display:block} .seller_best_item ul li { float:left; width:33.3%; text-align:center; margin:15px 0;} .seller_best_item ul li img { width:60%; border:1px solid #e3e3e3} /* 타임세일 베스트 */ .timesale_best_item { background:#fff} .timesale_best_item .tit { padding:10px; position:relative; background:#f1f1f1; border-top:2px solid #bcbcbc; border-bottom:1px solid #bcbcbc} .timesale_best_item .tit h3 { font-size:16px; color:#222; line-height:20px;} .timesale_best_item .tit a { position:absolute; right:13px; top:7px; font-size:12px; padding:0 8px 0 6px; line-height:24px} .timesale_best_item ul { overflow:hidden; display:block} .timesale_best_item ul li { float:left; width:33.3%; text-align:center; margin:15px 0;} .timesale_best_item ul li img { width:60%; border:1px solid #e3e3e3} /* 레이어팝업 css */ #mask { position:absolute; left:0; top:0; width:100%; z-index:9000; background-color:#000; display:none; } #boxes .window { position:absolute; border:1px solid #e4e4e4; left:50%; top:0; width:100%; height:100%; max-height:100%; display:none; z-index:9999; background:#e5e5e5; } #boxes #dialog { position:fixed; left:50%; top:0; margin-left:-3%; width:90%; height:100%; max-height:420px; overflow-y:scroll; padding:10px; background-color:#ffffff; background:#e5e5e5; } #boxes #dialog2 { position:fixed; left:50%; top:0; margin-left:-3%; width:90%; height:100%; max-height:350px; overflow-y:scroll; padding:10px; background-color:#ffffff; background:#e5e5e5; } #boxes #dialog4 { position:fixed; left:50%; top:0; margin-left:-3%; width:90%; height:100%; max-height:320px; overflow-y:scroll; padding:10px; background-color:#ffffff; background:#e5e5e5; } #boxes #dialog3 { position:fixed; left:50%; top:0; margin-left:-3%; width:90%; height:100%; max-height:340px; overflow-y:scroll; padding:10px; background-color:#ffffff; background:#e5e5e5; } /* 0912 추가 */ #boxes #dialog5 { position:fixed; left:50%; top:0; margin-left:-3%; width:90%; height:100%; font-size:20px; text-align:center; color:yellow; font-weight:bold; max-height:250px; overflow-y:auto; padding:10px; background-color:red; } /*리뷰페이지 제목*/ .review-title { z-index: 1000; padding: 10px; border-bottom: 1px solid #eee; position: sticky; top: 0; left: 0; right: 0; background-color: white;} .review-title .title { text-align: center; font-size: 20px;} .review-title .title img { width: 25px; float: right;} /*리뷰 상품*/ .review-pd {} .review-pd-list {} .review-pd-list li {} .review-pd-list .review-prd-thumbnail {} .review-pd-list .review-prd-thumbnail img { width: 100px; margin: 10px; border: 1px solid #eee; border-radius: 10px; float: left;} .review-pd-list .review-info { height: 110px; padding: 15px 0 0 120px;} .review-pd-list .review-info .review-prd_tit { font-weight: bold; font-size:16px; color:#222; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .review-pd-list .review-info .review-prd_price_info { margin-top: 5px;} .review-pd-list .review-info .review-price_info {} .review-pd-list .review-info .prd_option { margin:3px 0 0 0;font-size:14px; color:#444; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .review-pd-list .review-info .review-price {margin:8px 0 0 0;font-size:14px; color:#fb3131; font-weight:bold} /*별점*/ .star { height: 100px; border-top: 15px solid #eee; padding: 15px;} .star .star-title { text-align: center; font-weight: bold; font-size: 20px;} .star-num { text-align: center;} #reviewfrm fieldset{ display: inline-block; /* 하위 별점 이미지들이 있는 영역만 자리를 차지함.*/ direction: rtl; /* 이모지 순서 반전 */ border: 0; /* 필드셋 테두리 제거 */ } #reviewfrm input[type=radio]{ display: none; /* 라디오박스 감춤 */ } #reviewfrm label{ font-size: 2.5em; /* 이모지 크기 */ color: transparent; /* 기존 이모지 컬러 제거 */ text-shadow: 0 0 0 #f0f0f0; /* 새 이모지 색상 부여 */ } #reviewfrm label:hover{ text-shadow: 0 0 0 #a00; /* 마우스 호버 */ } #reviewfrm label:hover ~ label{ text-shadow: 0 0 0 #a00; /* 마우스 호버 뒤에오는 이모지들 */ } #reviewfrm input[type=radio]:checked ~ label{ text-shadow: 0 0 0 #a00; /* 마우스 클릭 체크 */ } /*리뷰 작성*/ .review-write { border-top: 1px solid #eee; padding: 20px;} .review-write .write-p { text-align: center;} .review-write .write-box { border:1px solid #dadada; height: 130px; margin-top: 20px; border-radius: 10px; background-color: #f4f4f4; position: relative;} .review-write .write-text { resize: none; width: 90%; height: 80%; position: absolute; margin: 15px; background-color: transparent; border: none;} /*사진, 동영상 추가*/ .plus { padding: 20px;} .plus-photo { font-weight: bold; font-size: 14px; border:1px solid #ccc; padding: 10px; border-radius: 5px;} /*리뷰 등록하기*/ .un-review { background-color: #dadada; height: 45px; position: sticky; bottom: 0; left: 0; right: 0;} .un-review .on { text-align: center; border-radius: 10px; padding: 10px;} /*쿠폰*/ .coupon-type { } .coupon-label { width: 100%;} .coupon-type .red {background-color: red;} .coupon-type .blue {background-color: blue;} .coupon-type .green {background-color: green;} .coupon-label .coupon-bg{ width: 100%;} .coupon-label .coupon-bg:before { content: ''; position: absolute; top: 8px; left: 20px; height: 40%; width: 55%; background: white; transform: skew(20deg, 0deg);} .coupon-label .coupon-bg:after { z-index: 1; content: ''; position: absolute; top: 35px; left: 20px; height: 40%; width: 55%; background: white; transform: skew(-20deg, 0deg);} .coupon-label .coupon-bg .coupon-txt { position:absolute; z-index: 10; top: 26px; left: 35px; font-weight: bold; font-size: 14px;} .coupon-label .coupon-bg .coupon-pri { color:red; width: 80px; top: 0; position: absolute; text-align:left;padding-left:10px;} .coupon-label .coupon-down {color: white; position: absolute; top: 15px; left: 70%; text-align: center; font-size: 14px; font-weight: bold;} .coupon-label .coupon-down span {display: block; } /*리뷰 목록*/ .review-list {clear: both; margin: 0 auto; background-color: white; padding: 10px;} .review-list .review-title-1 { font-size: 16px; font-weight: bold; margin: 10px;} .review-list .review-sub { margin: 0 5px 15px 3px;} .review-list .review-sub .all { margin: 5px; padding: 2px 10px 2px 10px; border-radius: 15px; background-color: #dadada;} .review-list .review-sub .photo { margin: 5px; padding: 2px 10px 2px 10px; border-radius: 15px; background-color: #dadada;} .review-list .review-sub .text { margin: 5px; padding: 2px 10px 2px 10px; border-radius: 15px; background-color: #dadada;} .review-list .review-sub .on { color: white; background-color: #444;} .review-list .review { font-size: 14px; padding: 8px 0 5px 2px; line-height: 20px;} .review-list .num {font-size: 16px;} .review-list .list-1 {} .review-list .list-1 li { width: 100%; height: 90px; float: left; border-top: 1px solid #ccc; padding: 5px 0;} .review-list .list-1 img { width: 80px; height: 80px; float: right; margin: 5px 0; border-radius: 5px; border: 1px solid #ccc;} .review-list .list-star { height: 15px; padding: 3px 0 5px 3px;} .review-list .star-score { display: inline-block; width: 90px; height: 20px; background: url(../images/star_bg.png) repeat-x; background-size: 18px auto;} .review-list .review-star { display: inline-block; height: 100%; background: url(../images/star.png) repeat-x; background-size: 18px auto;} .review-list .list-id { font-size: 12px; padding: 5px 0 3px 3px; color:#999;} .review-list .list-review { font-size: 12px; padding: 5px 0 0 3px; line-height: 20px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box;} .prd_radomsale .ico_sale_type-img { display:inline-block; background:url(../images/product.png) no-repeat; font-size:0; line-height:0; vertical-align:top; background-size:350px;} .prd_radomsale .sale_type_random-img { width:69px; height:27px; background-position: 0 0;} .prd_radomsale .sale_type_up-img { width:43px; height:27px; background-position:0 -35px;} .prd_radomsale .sale_type_down-img { width:55px; height:27px; background-position:0 -70px;} .prd_radomsale .sale_type_jackpot-img { width:69px; height:27px; background-position:0 -140px;} .prd_radomsale .sel_option_free {font-size: 14px;color:#00b0f0; font-weight:600;} /*당첨자 리뷰*/ #n-review {} #n-review .n-title { display:flex; justify-content:space-between; font-size:15px; padding:5px;} #n-review {} #n-review li { width: 50%; float: left; vertical-align: top; box-sizing:border-box; padding:13px 7px; border-top:0;} #n-review .prd_thumbnail { position: relative; padding:0;} #n-review .prd_thumbnail img {} #n-review .prd_thumbnail .time-deal-1 {width: 100%; bottom:0px;} #n-review .prd_thumbnail .deal-text {} #n-review .info { margin-left:0px;} #n-review .prd_tit {padding:8px 5px 0;} #n-review .prd_price_info {padding:5px 0 0 5px;} /*포인트 이용내역*/ .npo-title { padding:6px 0; border-bottom:3px solid #2f5693;} .npo-title span { background-color:#2f5693; color:white; padding:5px 5px; border:1px solid #2f5693; } /*달력*/ .n-month { border:1px solid #e0e4eb; background-color:#f1f5f8; padding:10px 0;} .n-month .mon { background-color:#2f5693; padding:2px 5px; margin:1px; color:#fff;} #main_prd_lst .on .free-1 { font-family: 'Nanum Gothic'; font-weight: 700; display: block; color: #999; bottom: 0px; padding:10px 0 0 0;} #main_prd_lst .prd_time_price1 { position:relative} #main_prd_lst .prd_time_price1 .ico_sale_type1, #main_prd_lst .prd_time_price1 .time_price_txt { vertical-align:top} #main_prd_lst .ico_sale_type1 { display:inline-block; height:19px; background:url(../images/product.png) no-repeat; font-size:0; line-height:0; text-indent:-9999px; background-size:300px;} #main_prd_lst .sale_type_random1 { width:59px; height:22px;} #main_prd_lst .sale_type_jackpot1 { width:59px; height:22px; background-position:0 -120px} /*당첨자 리뷰*/ #main_prd_lst .product_list .prd_price_name { margin:5px; color:#666;} #main_prd_lst .product_list .prd_price_name .price_name { } #main_prd_lst .product_list .prd_price_name .price_date { } .select input[type=radio]{ display: none;} .select input[type=radio]+label{ display: inline-block; cursor: pointer; border: 1px solid #d9d9d9; line-height: 24px; text-align: center; font-weight:bold; font-size: 12px; margin: 5px 0; padding:5px 0; border-radius:5px; width:30%;} .select input[type=radio]+label{ background-color: #fff; color: #333;} .select input[type=radio]:checked+label{ background-color: #da0f0d; color: #fff;}