/* Project : Author : Date : */ /* Common */ html, body {font-family: '돋움', Dotum;/*font-family:'Spoqa Han Sans', 'Source Sans Pro', Apple SD Gothic Neo, Nanum Barun Gothic, Nanum Gothic, '돋움', Dotum, Verdana, Arial, sans-serif;*/ font-size:12px;-webkit-font-smoothing: antialiased;background: #fff;line-height:1;} img{border:0;margin:0;padding:0;} a{margin:0;padding:0;} a[name]{height:0;} .fleft{float:left;} .fright{float:right;} .alternative{z-index: -1;width: 0;height: 0;overflow: hidden;visibility: hidden;} .txtleft{text-align:left !important;} .txtcenter{text-align:center !important;} .txtright{text-align:right !important;} .txtbold{font-weight:bold !important;} .prelative{position:relative;} .pabsolute{position:absolute !important;} .line_height{ line-height:0px;} .verttop{ vertical-align:top;} .vertbottom{ vertical-align:bottom;} ul, li{ margin:0;} li img { vertical-align:middle; } .maright{ margin-right:20px;} .maleft10{ margin-left:10px !important;} .total{ background-color:#f2f2f2; } .matop10{ margin-top:10px;} .matop30{ margin-top:30px;} .matop60{ margin-top:60px;} .matop{ margin-top:40px;} .matoplf{ margin-top:14px;} .padtop85{padding:85px 0 85px;} /* Layout */ .container{position:relative;width:951px;margin:0 auto;text-align:center;} .container-fluid{position:relative;width:100%;margin:0 auto; text-align:center;} .detail{margin:0 auto;text-align:center; width:951px; margin-top:20px;} .detail .det_left{float:left; width:458px; position:relative;} .detail .det_left .top_choose{text-align:left; margin:9px 0 15px 0;} .detail .det_left .top_choose select{ font-family: 'Malgun Gothic', Dotum, sans-serif; width:148.66px; height: 33px; padding-left: 8px; font-size: 12px; color: #666; border: 1px solid #d9d9d9; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background:url(/html/img/goods_detail/select_img.png) no-repeat 94% 50%; /* 화살표 모양의 이미지 */ } /*꿀팁*/ .detail .det_left .tip_left_bn{position:absolute; top:575px; left: -138px;} .detail .det_left .tip_left_bn .tip_left_bn1{position:relative;} .detail .det_left .tip_left_bn .tip_left_bn1 .tip_go_btn{position:absolute; top:-15px; left:31%;} .tip_go_btn {/*margin: 10px 10px; animation: tip_go_btn__keyFrame 1s 0s infinite ease-in-out alternate;*/ animation-name: tip_go_btn__keyFrame; animation-duration: 0.5s; animation-delay: 0s; animation-iteration-count: infinite; animation-timing-function: linear; animation-direction: alternate;} .tip_go_btn:hover{ animation-play-state: paused;} @keyframes tip_go_btn__keyFrame { 0%{transform:translateY(3px);} 50%{transform:translateY(-3px);} 100%{transform:translateY(3px);} } #tip_area{background:#fbd72b; border-radius:5px; position:relative; padding:20px 0; width: 458px;} #tip_area .tip_open_area{} #tip_area .tip_open_area .tip_close_btn{position:absolute; right:10px; top:10px;} #tip_area .title{text-align:center; } #tip_area .title .t_txt{display:inline-block; font-size:20px; font-family:'Spoqa Han Sans'; font-weight:bold; margin-top:-15px;} #tip_area .title .tip_logo{display:inline-block; margin-top:-5px;} #tip_area .tip_contents{background:#fff; padding:22px; margin:0 auto; text-align:center; width:380px; margin-top:-9px;} #tip_area .tip_contents .tip_primg{margin:8px 0 0 7px; clear:both;} #tip_area .tip_contents .tip_primg .tip_imgs{display:inline-block;} #tip_area .tip_contents .tip_primg .btn{display:inline-block; border:1px solid #d9d9d9; display:inline-block; border-radius:4px; margin-left:7px;} #tip_area .tip_contents .tip_primg .btn a{font-size:11px; display:inline-block; padding:4px 7px 2px 7px; text-decoration:none; color:#333; } #tip_area .tip_contents .tip_primg .tip_arrow{position:absolute; right:0px; bottom:0px;} #tip_area .tip_contents .tip_cont_txt{ text-align:left; line-height:20px;width:365px; } #tip_area .tip_logo_1{text-align:center; margin-top:-25px; z-index:999999;} #biggoimg{ position:absolute;} #biggoimg .close{position:absolute;top:10px; right:10px;} #biggoimg .original_img{text-align:center;height:100%;} #biggoimg .original_img img{max-width:700px; z-index:1100000;} #lean_overlay { position: fixed; z-index:500; top: 0px; left: 0px; height:100%; width:100%; background: #000; display: none; } .modal{display:none;} .detail .det_left .main_img{border:1px solid #d9d9d9; width:456px; height:456px;} .detail .det_left .main_img img{height:100%;} .detail .det_left ul {margin-top:10px; } .detail .det_left ul li{float:left; border:1px solid #d9d9d9; margin-left:7px;} .detail .det_left ul li img{width:84px; height:84px;} .detail .det_left ul li:first-child{margin-left:0px;} .detail .det_left .connect_event{margin-top:15px;} .detail .det_left .connect_event .connect_event_tt{font-size:12px; font-weight:bold; color:#666; border:1px solid #d9d9d9; border-right:1px solid #f7f7f7; width:98px; height:31px; line-height:33px;background:#f7f7f7;} .detail .det_left .connect_event .connect_event_option select{ font-family: 'Malgun Gothic', Dotum, sans-serif; width: 358px; height: 33px; padding-left: 10px; font-size: 12px; color: #666; border: 1px solid #d9d9d9; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background:url(/html/img/goods_detail/select_img.png) no-repeat 97% 50%; /* 화살표 모양의 이미지 */ } .detail .det_right{float:right; width:457px;} .detail .det_right .topright {margin-top:17px;} .detail .det_right .re_label{} .detail .det_right .re_label li{float:left; width:51px; height:18px; line-height:18px; color:#fff; font-size:11px; letter-spacing:-0.7px; margin-right:3px; border-radius:2px;} .detail .det_right .re_label li.kckc{background:#fff; border:1px solid #ccc; color:#000; box-sizing: border-box;} .label_price{background:#ff3c26;}/*한정특가*/ .label_recommend{background:#00d053;} .label_plus{background:#ff8a00;} .label_free{background:#0089ff;} .label_regular{background:#d735ff;} .label_fast{background:#2ac6ed;} .label_epay{background:#754e31;} .label_lowest{background:#9812ff;} .detail .det_right .re_label li.label_lowest{width:61px;} .detail .det_right .topright .topbtn .brandgo{margin-top:-7px;} .detail .det_right .topright .topbtn .brandgo a{font-size:12px; padding:6px 5px 2px 6px; letter-spacing:-0.7px; color:#a2411a; border:1px solid #a2411a; display:inline-block;} .detail .det_right .topright .topbtn .brandgo .ic_brand{margin:-1px 2px 0 0;} .detail .det_right .topright .topbtn .brandgo .txt_brand{} .detail .det_right .topright .topbtn .icon_best{border:1px solid #8e9ebc; /*width:161px; height:22px;*/ padding:3px 5px 2px 6px; margin:-7px 0 0 3px; } .detail .det_right .topright .topbtn .icon_best .jube{font-size:12px; color:#8e9ebc; margin-top:3px; margin-left:3px; letter-spacing:-0.7px;} .detail .det_right .topright .topbtn .icon_best .icon_bestimg{} .detail .det_right .topright .hshare{margin-left:3px;} .detail .det_right .topright .hshare a{font-size:12px; color:#222; text-decoration:none;} .detail .det_right .topright .hshare .heart{margin:0px 3px 0 0;} .detail .det_right .topright .hshare .heart a{width:16px; height:14px; border:0;display:block; background:url(/html/img/goods_detail/icon_heart.png)0 0 no-repeat;} .detail .det_right .topright .hshare .heart a:hover, .detail .det_right .topright .hshare .heart a.active{background-position:0 -19px;} .detail .det_right .topright .hshare .pick{margin:-1px 3px 0 20px;} .detail .det_right .line{background:#ededed; height:1px; margin-bottom:20px;} .line{background:#ededed; height:1px; margin-top:12px;} .lines{background:#d9d9d9; height:1px;} .detail .det_right h1{text-align:left; font-size:25px; line-height:35px; font-weight:normal; font-family:'Spoqa Han Sans'; letter-spacing:-1px;} .nosale_pr{text-decoration:line-through; font-weight:bold;} .sale_pr{color:#d50c0c; font-size:14px; font-weight:bold;} .detail .det_right table{margin:30px 0 3px;} .pdtl5{padding-left:5px;} .detail .det_right table tr td span{font-weight:normal; color:#d50c0c; padding-left:3px;} .detail .det_right table tr{font-size:12px; color:#666; font-weight:normal; text-align:left;} .detail .det_right table tr th{width:115px; text-align:left; padding-bottom:15px; font-weight:normal; color:#666;} .promt_sale{color:#1e88e4; font-size:12px; font-weight:bold;} .detail .det_right table tr td{padding-bottom:15px;} .detail .det_right table tr .add_sale a{color:#666; border:1px solid #666; background:#fff; padding:4px 5px 0px 5px; text-decoration:none;} .detail .det_right table tr .add_sale a:hover{background:#ededed;} .detail .det_right table .widt_free{float:right; margin-left:5px;} .detail .det_right table .widt_free a{color:#fff; background:#c6c6c6; text-decoration:none; border-radius:3px; padding:6px 8px; letter-spacing:-0.6px;} .detail .det_right h5{font-weight:normal; font-size:12px; color:#666; text-align:left; margin:18px 0 8px;} .detail .det_right .amount_set{margin-bottom:8px; width:430px; min-width:430px;} .detail .det_right .amount_set select { font-family: 'Malgun Gothic', Dotum, sans-serif; width: 430px; height: 33px; padding-left: 10px; font-size: 12px; color: #666; border: 1px solid #d9d9d9; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background:url(/html/img/goods_detail/select_img.png) no-repeat 97% 50%; /* 화살표 모양의 이미지 */ } select::-ms-expand { display: none; } .detail .det_right .option_boxs{padding-top:4px;} .detail .det_right .option_boxs .option_box{background:#fafafa; border:1px solid #d9d9d9; width:430px; height:100px; margin-top:7px;} .detail .det_right .option_boxs .add_component{background:#fff; border:1px solid #d9d9d9; width:430px; height:84px;} .detail .det_right .option_boxs .option_box h6{font-weight:normal; font-size:12px; color:#666; text-align:left; margin:22px 0 18px 24px;} .detail .det_right .option_boxs .add_component .addtt{font-size:11px; color:#666; text-align:left; margin:16px 0 10px 24px;} .detail .det_right .option_boxs .option_box .choicelist{margin-left:24px} .detail .det_right .option_boxs .option_box .choicelist span{font-size:11px; color:#999; margin:17px 0 0 4px; display:inline-block;} .detail .det_right .option_boxs .option_box .amount{float:left; font-size:12px; color:#4c4c4c; font-weight:normal; margin-top:4px; margin-right:18px;} .detail .det_right .option_boxs .option_box .amount_box{border-bottom:1px solid #d6d6d6; border-top:1px solid #d6d6d6; display:inline-block; float:left;} .detail .det_right .option_boxs .option_box .amount_box li{float:left;border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; height:30px; border-left:0;} .detail .det_right .option_boxs .option_box .amount_box li:first-child{border-left:1px solid #d6d6d6;} .detail .det_right .option_boxs .option_box .amount_box_sign, .detail .det_right .option_boxs .option_box .amount_box_sign2, .detail .det_right .option_boxs .option_box .amount_box_sign3, .detail .det_right .option_boxs .option_box .amount_box_sign4{width:30px; height:30px; background-color:#fff; line-height:30px;text-align:center;} .detail .det_right .option_boxs .option_box .amount_box input{width:30px;height:28px;text-align:center; border:none; font-size:12px;} .detail .det_right .option_boxs .option_box .cash_set{margin:11px 18px 0 0;} .detail .det_right .option_boxs .option_box .cash_set .cash{font-family:'Roboto'; font-size:17px; font-weight:bold; color:#222;} .detail .det_right .option_boxs .option_box .cash_set .won{font-size:14px; color:#222; margin-top:1px; margin-right:10px;} /*옵션박스2*/ .detail .det_right .option_box2{margin-top:18px;} .detail .det_right .option_box2 h3{font-weight:normal; color:#666; width:115px; text-align:left; margin-top:9px; font-size:12px;} .detail .det_right .option_box2 .volume{} .detail .det_right .option_box2 .volume .choicelist{} .detail .det_right .option_box2 .volume .choicelist span{font-size:11px; color:#999; margin:17px 0 0 4px; display:inline-block;} .detail .det_right .option_box2 .volume .amount{float:left; font-size:12px; color:#4c4c4c; font-weight:normal; margin-top:4px; margin-right:18px;} .detail .det_right .option_box2 .volume .amount_box{border-bottom:1px solid #d6d6d6; border-top:1px solid #d6d6d6; display:inline-block; float:left;} .detail .det_right .option_box2 .volume .amount_box li{float:left;border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; height:30px; border-left:0;} .detail .det_right .option_box2 .volume .amount_box li:first-child{border-left:1px solid #d6d6d6;} .detail .det_right .option_box2 .volume .amount_box_sign, .detail .det_right .option_box2 .volume .amount_box_sign2, .detail .det_right .option_box2 .volume .amount_box_sign3, .detail .det_right .option_box2 .volume .amount_box_sign4{width:30px; height:30px; background-color:#fff; line-height:30px;text-align:center;} .detail .det_right .option_box2 .volume .amount_box input{width:30px;height:28px;text-align:center; border:none; font-size:12px;} .detail .det_right .option_box2 .txt textarea{color:#222; font-size:12px; padding:15px 14px;width:317px;height:110px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #d9d9d9;} .detail .det_right .option_box3{margin-top:10px;} .detail .det_right .all_cash_area{margin-top:26px;} .detail .det_right .all_cash_area .all_cash_tt{color:#666; font-size:14px; margin-top:5px;} .detail .det_right .all_cash_area .all_cash .num{color:#d50c0c; font-size:27px; font-weight:bold; font-family:'Roboto';} .detail .det_right .all_cash_area .all_cash .num2{color:#d50c0c; font-size:27px; font-weight:bold; font-family:'Roboto';} .detail .det_right .all_cash_area .all_cash .won{color:#222; font-size:16px; font-weight:bold; margin-top:7px;} .detail .det_right .purchase_btn{margin-top:50px;} .detail .det_right .purchase_btn ul{display:inline-block} .detail .det_right .purchase_btn li{float:left; margin-left:8px;} .detail .det_right .purchase_btn li:first-child{margin-left:0px;} .detail .det_right .purchase_btn li a{font-size:16px; font-weight:bold; padding:23px 71px; text-decoration:none; } .detail .det_right .purchase_btn li .btn1{color:#d50c0c; background:#fff; border:1px solid #d50c0c;} .detail .det_right .purchase_btn li .btn2{color:#fff; background:#d50c0c; border:1px solid #d50c0c;} .detail .det_right .soldout{background:#454545; color:#fff; width:100%; display:inline-block; height:54px; line-height:54px; font-size:20px; font-family:'Spoqa Han Sans'; font-weight:bold;} /*2021.04.21 샘플구매 팝업 추가*/ #sample_area{position:relative;} .sample_btn{margin-top:34px;} .sample_btn a{padding:15px 0; width:94%; font-size:12px; color:#1e88e4!important; border:1px solid #1e88e4; text-decoration:none!important; display:inline-block;} #sample_area .sample_btn .gogo{background:#1e88e4; color:#fff; border-radius:50px; padding:8px 12px; font-size:11px; margin-left:3px;} #sample_area .sample_box{border:1px solid #d9d9d9; position:absolute; top:-456px; left:12px;/*top:-400px; left:-410px;*/ text-align:center; margin:0 auto;} .sam_container{text-align:center; margin:0 auto;} #sample_area .sample_box .sam{padding:9px 24px 3px; /*width:340px;*/ letter-spacing:-0.3px; background:#f0f5f9; font-family:'notosans'; font-size:15px;} #sample_area .sample_box .sam .svip_tt{margin-top:15px;} #sample_area .sample_box .round{background:#d9e9f6; border-radius:50px; padding:6px 8px;margin-right: 3px;} #sample_area .sample_box .num{padding:0px 41px 30px;/*padding:0px 24px 30px; width:349px;*/ background:#fff; text-align:center;} #sample_area .sample_box .num select { width:346px; height:32px; padding-left:10px; font-size:12px; color:#666; border:1px solid #d9d9d9; -webkit-appearance:none; /* 네이티브 외형 감추기 */ -moz-appearance:none; appearance:none; background:url(/html/img/goods_detail/select_img.png) no-repeat 97% 50%; /* 화살표 모양의 이미지 */ font-family: 'Malgun Gothic', Dotum, sans-serif; } .sam1{width: 60px; height: 32px; vertical-align: middle; display: table-cell;border:1px solid #d9d9d9;} .membox table{width:100%; margin:14px 0 0px!important; display:inline-block; } .membox table tr{} .membox table tr th{height:32px; background:#f7f7f7; text-align:center!important; padding-bottom:0!important;} .membox table tr td{height:42px; padding-bottom:0!important;} .membox tr, .membox th, .membox td { border: 1px solid #d9d9d9; vertical-align:middle; text-align:center; color:#000; } .fontin{font-size:14px; font-weight:500; color:#000; font-family:'notosans';} .membox .price_right{text-align:right; padding-right:17px;} .membox .price_right span{margin-left:1px;} /*등급별*/ .membox .chosen_vip td{background:#fffbf1; font-weight:bold;} .membox .chosen_vip .fontin{color:#dfb834;} .membox .chosen_svip td{background:#fff5f5; font-weight:bold;} .membox .chosen_svip .fontin{color:#e94848;} .membox .chosen_welcome td{background:#f0faff; font-weight:bold;} .membox .chosen_welcome .fontin{color:#57b1d9;} .meminfogo{width:100%; background:#4a5a65; color:#fff; margin:3px 0 14px;} .meminfogo .myorder{padding:11px 0 0 16px;} .meminfogo a{padding:11px 16px 11px 10px; display:inline-block; color:#fff!important;} #sample_area .buygobtn{display:inline-block; width:100%;} #sample_area .buygobtn li{display:inline-block; width:45%; margin:0 1px;} #sample_area .buygobtn li a{display:inline-block; width:100%; background:#c3c3c3; padding:16px 0; border-radius:5px; font-size:14px; color:#fff; font-weight:bold; text-decoration:none;} #sample_area .buygobtn .gogobtn{background:#2a363e;} .detail .event_banner{margin-top:0px; margin-bottom:30px; display:inline-block; } .detail .event_banner img{/*width:951px;*/} .detail .popular{clear:both;} .cate_pop{width:951px; margin-top:45px; margin-bottom:45px; display:inline-block;} .detail .popular .width_product{width:298px;} .cate_pop .cate_tt{font-size:16px; letter-spacing:-1px; font-weight:bold; text-align:left; border-bottom:1px solid #000; padding-bottom:8px;margin-bottom:10px;} .cate_pop .cate_bxslider .cate_img{text-align:left; width:141px; height:135px;} .cate_pop .cate_bxslider .cate_img a img{width:141px;} .cate_pop ul li{float:left;} .cate_pop .cate_bxslider p{margin:13px 0 12px;} .cate_pop .cate_bxslider p a{color:#222; font-size:12px; text-align:left; text-decoration:none; display:block} .cate_pop .cate_bxslider .money_area .percent{color:#d50c0c; font-weight:bold; font-size:14px;} .cate_pop .cate_bxslider .money_area .money{color:#222; font-weight:bold; font-size:14px; margin-left:10px;} .cate_pop .bx-wrapper{position: relative; margin: 0 auto; padding: 0;} .cate_pop .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 0px #ccc; -webkit-box-shadow: 0 0 0px #ccc; box-shadow: 0 0 0px #ccc; border:0px solid #fff; left:0px; background:0; } .cate_pop .bx-wrapper .bx-controls-direction a { position: absolute; top: 0%; margin-top:-44px; outline: 0; width:25px; height:25px; text-indent: -9999px; z-index: 9999; } .cate_pop .bx-wrapper .bx-prev{ left:901px; background: url(/html/img/goods_detail/before_btn.png) no-repeat; } .cate_pop .bx-wrapper .bx-next { right:0px; background: url(/html/img/goods_detail/next_btn.png) no-repeat; hover:none; } .cate_pop .bx-wrapper .bx-next:hover { background-position:0; } .cate_pop .bx-wrapper .bx-controls-direction a.disabled{display:inline-block;} /*pager안보일때*/ .cate_pop .bx-wrapper .bx-pager, .cate_pop .bx-wrapper .bx-controls-auto{ position: absolute; width: 100%; top: -31px; right: 0; } .cate_pop .bx-wrapper .bx-pager{ text-align: right; font-size: .85em; font-family: Arial; font-weight: bold; color: #db2929; padding-top: 0px; display: block; } .cate_pop .bx-wrapper .bx-pager .bx-default-pager a { background: #b0b0b0; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .cate_pop .bx-wrapper .bx-pager.bx-default-pager a:hover, .cate_pop .bx-wrapper .bx-pager.bx-default-pager a.active{background: #000;} .cate_pop .bx-default-pager { height: 10px; } /* .ml_bw .bx-default-pager { height: 10px; } .ml_bo .bx-default-pager { height: 10px; } */ .ml_bo .bx-wrapper .bx-controls .bx-pager .bx-pager-item a{text-decoration:none;} /*cate_pop끝*/ /*width_product 시작*/ .width_product .width_bxslider .cate_img, .width_product .recom_bxslider .cate_img{text-align:left; width:141px; height:135px;} .width_product ul li{float:left;} .width_product .width_bxslider p, .width_product .recom_bxslider p{margin:8px 0 12px;} .width_product .width_bxslider p a, .width_product .recom_bxslider p a{color:#222; font-size:12px; text-align:left; text-decoration:none; display:block} .money_area .percent{color:#d50c0c; font-weight:bold; font-size:14px;} .money_area .money{color:#222; font-weight:bold; font-size:14px; margin-left:10px;} .detail .popular .width_product .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 0px #ccc; -webkit-box-shadow: 0 0 0px #ccc; box-shadow: 0 0 0px #ccc; border:0px solid #fff; left:0px; background:0; } .detail .popular .width_product .bx-wrapper .bx-controls-direction a { position: absolute; top: 0%; margin-top:-44px; outline: 0; width:25px; height:25px; text-indent: -9999px; z-index: 9999; } .detail .popular .width_product .bx-wrapper .bx-prev{ left:242px; background: url(/html/img/goods_detail/before_btn.png) no-repeat; } .detail .popular .width_product .bx-wrapper .bx-next { right:0px; background: url(/html/img/goods_detail/next_btn.png) no-repeat; hover:none; } .detail .popular .width_product .bx-wrapper .bx-next:hover { background-position:0; } .detail .popular .width_product .bx-wrapper .bx-controls-direction a.disabled{display:inline-block;} /*pager안보일때*/ .bottomdet .botm_left{width:770px;position:relative;} .bottomdet .botm_left .tab ul{width:770px;} .bottomdet .botm_left .tab.fixed{position:fixed;top:0px;z-index:100;} .bottomdet .botm_left .tab ul li{float:left; width:192px; height:50px; line-height:50px; } .bottomdet .botm_left .tab>ul>li>a:hover{text-decoration:underline;} .bottomdet .botm_left .tab>ul>li>a.active{color:#fff; text-decoration: none; background:#222;} .bottomdet .botm_left .tab ul li a{ width:192px; height:50px; font-weight: bold; font-size: 14px; background: #fff; color: #222; line-height: 50px; display: block; border-left:1px solid #d9d9d9; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; text-decoration: none; } .bdrd9{border-right:1px solid #d9d9d9;} /*놀레구매하기버튼*/ .nolright{} .nolright p a{background:#e0273d; color:#fff; display: inline-block; width: 181px; height: 52px; line-height: 52px; font-size:14px; font-weight:bold; } /*브랜드샵*/ .bottomdet .botm_left .brand_shop{width:768px; height:192px; border: 1px solid #d9d9d9; background:#fff; margin-top:30px; margin-bottom:20px;} .bottomdet .botm_left .brand_shop .bgandgo .brandshop_img{width:141px; border:1px solid #d9d9d9;} .bottomdet .botm_left .brand_shop .bgandgo{margin:30px 0 0 26px;} .bottomdet .botm_left .brand_shop .bgandgo .saving{margin-top:5px;} .bottomdet .botm_left .brand_shop .bgandgo .saving a{display: inline-block; width: 141px; height: 32px; line-height:35px; font-size:12px; font-weight:bold; color:#fff; border-radius:3px; background:#828282; text-decoration:none; } .bottomdet .botm_left .brand_shop .brand_area ul{display:inline-block; margin-top:30px; margin-left:25px} .bottomdet .botm_left .brand_shop .brand_area ul li{float:left; margin-left:25px; } .bottomdet .botm_left .brand_shop .brand_area .brandshop_pr_img{width:110px; height:110px; overflow:hidden;} .bottomdet .botm_left .brand_shop .brand_area .brandshop_pr_img img{width:110px; height:110px; overflow:hidden;} .bottomdet .botm_left .brand_shop .brand_area .brand_txt{font-size:12px; font-weight:normal; color:#666; margin-bottom:6px; margin-top:5px;} .bottomdet .botm_left .brand_shop .brand_area .brand_cash{font-size:12px; font-weight:bold; color:#666;} .bottomdet .botm_left .brand_one{width:768px; height:192px; border: 1px solid #80cbea; background:#fff; margin-bottom:20px;} .bottomdet .botm_left .brand_one .bgandgo .brandshop_img{width:141px; height:92px; border:1px solid #d9d9d9;} .bottomdet .botm_left .brand_one .bgandgo{margin:30px 0 0 26px;} .bottomdet .botm_left .brand_one .bgandgo .saving{margin-top:5px;} .bottomdet .botm_left .brand_one .bgandgo .saving a{display: inline-block; width: 141px; height: 32px; line-height:35px; font-size:12px; font-weight:bold; color:#fff; border-radius:3px; background:#80cbea; text-decoration:none; } .bottomdet .botm_left .brand_one .brand_area ul{display:inline-block; margin-top:30px; margin-left:25px} .bottomdet .botm_left .brand_one .brand_area ul li{float:left; margin-left:25px; } .bottomdet .botm_left .brand_one .brand_area .brandshop_pr_img{width:110px; height:110px; overflow:hidden;} .bottomdet .botm_left .brand_one .brand_area .brandshop_pr_img img{width:110px; height:110px; overflow:hidden;} .bottomdet .botm_left .brand_one .brand_area .brand_txt{font-size:12px; font-weight:normal; color:#666; margin-bottom:6px; margin-top:5px;} .bottomdet .botm_left .brand_one .brand_area .brand_cash{font-size:12px; font-weight:bold; color:#666;} .bottomdet .botm_left h2{font-size:20px; font-family:'Spoqa Han Sans'; font-weight:normal; text-align:left; border-bottom:1px solid #222; padding-bottom:7px; width:770px;} .bottomdet .botm_left .banner_area{margin-top:20px; text-align:left; width:770px; margin-bottom:50px;} .bottomdet .botm_left .banner_area img{} .bottomdet .botm_left h3{font-size:18px; font-family:'Spoqa Han Sans'; font-weight:normal; text-align:left; margin-bottom:6px;} /*상품평*/ .bottomdet .botm_left .review_top{margin-top:60px;} .bottomdet .botm_left .product_criticism{font-size:18px; font-family:'Spoqa Han Sans'; font-weight:normal; text-align:left; position:relative;top:6px; } /*상품정보제공 고시*/ .bottomdet .botm_left .info_tb table{width:768px; border:1px solid #d9d9d9; font-size:12px; color:#222;} .bottomdet .botm_left .info_tb table th{width:170px; line-height:17px; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#f7f7f7;text-align:left; padding:10px 15px; font-weight:normal;} .bottomdet .botm_left .info_tb table td{padding-left:20px; text-align:left; border-bottom:1px solid #d9d9d9; } .bottomdet .botm_left .info_tb .import_mark{font-weight:normal; font-size:11px; margin-top:2px;} /*상품평,포인트배너*/ .bottomdet .botm_left .detail_img_2{text-align:left;} .bottomdet .botm_left .point_banner{margin-top:60px; margin-bottom:16px;text-align:left;} /*상품문의*/ .bottomdet .botm_left .inquiry{margin-top:20px; margin-bottom:20px;} .bottomdet .botm_left .inquiry .inquiry_tt{margin-top:15px;} .bottomdet .botm_left .inquiry .inquiry_btn a{font-size:14px; font-weight:bold; color:#222; border:1px solid #222; padding:14px 32px; text-decoration:none; background:#fff; line-height:40px;} .bottomdet .botm_left .right_btn{float:right; margin-top:60px; } .bottomdet .botm_left .right_btn a{font-size:12px; border:1px solid #f0511d; border-radius:3px; color:#f0511d; padding:5px 10px; text-decoration:none; background:#fff; line-height:29px; text-align:right;} .bottomdet .botm_left .right_btn1{margin-top:36px; } .bottomdet .botm_left .right_btn1 a{ padding:9px 13px; } .bottomdet .botm_left .inquire_area{margin-bottom:70px;} .bottomdet .botm_left .inquire_area table{width:770px; border-top:1px solid #d9d9d9; color:#222;} .bottomdet .botm_left .inquire_area table tr{height:44px; font-size:12px;} .bottomdet .botm_left .inquire_area table th{font-weight:normal; border-bottom: 1px solid #d9d9d9;} .bottomdet .botm_left .inquire_area table td{border-bottom: 1px solid #d9d9d9; color: #222; text-align: center; vertical-align: middle;} .bottomdet .botm_left .inquire_area table .txt, .bottomdet .botm_left .inquire_area table .user{padding-left:10px; text-align:left;} .bottomdet .botm_left .inquire_area table th a{color:#222; text-decoration:none;} .bottomdet .botm_left .inquire_area table th a:hover{text-decoration:underline;} .bottomdet .botm_left .inquire_area table td a{color:#222; text-decoration:none;} .bottomdet .botm_left .inquire_area table td a:hover{text-decoration:underline;} .bottomdet .botm_left .inquire_area table .answer{font-weight:bold;} .bottomdet .botm_left .inquire_area table .qna_area{border:0;display:none;} .bottomdet .botm_left .inquire_area table .qna{background:#f7f7f7; padding:15px; } .bottomdet .botm_left .inquire_area table .qnaa{background:#ededed;} .bottomdet .botm_left .inquire_area table .qna .icon_q{font-size:35px; font-family:'Tahoma'; font-weight:bold; margin-left:90px;} .bottomdet .botm_left .inquire_area table .qna .qna_q{margin:5px 0 5px 27px; text-align:left; font-size:12px; line-height:20px; width:520px;} /*배송정보*/ .bottomdet .botm_left .delivery_area table{border:1px solid #d9d9d9; text-align:left; font-size:11px;} .bottomdet .botm_left .delivery_area table th{/*padding-left:40px; padding-right:0px;*/ background:#f7f7f7; border:1px solid #d9d9d9; text-align:center; font-weight:normal;} .bottomdet .botm_left .delivery_area table tr{font-size:12px;} .bottomdet .botm_left .delivery_area table td{ border:1px solid #d9d9d9; padding:15px; line-height:18px; } .bottomdet .botm_left .delivery_area p{text-align:left; margin-top:8px; font-size:11px;} /*교환/반품정보*/ .pdt{padding-top:17px; margin-top: 33px;} .bottomdet .botm_left .return_area{margin-bottom:50px;} .bottomdet .botm_left .return_area table{ border:1px solid #d9d9d9; color: #222;} .bottomdet .botm_left .return_area table th{background:#f7f7f7; border:1px solid #d9d9d9;font-size:12px; padding:15px 0; font-weight:normal;} .bottomdet .botm_left .return_area table td{font-size:12px; line-height:18px; text-align:left; padding:15px; border:1px solid #d9d9d9;} /*하단오른쪽고정*/ .bottomdet .botm_right{width:169px;} .bottomdet .botm_right .order_area{border:1px solid #d9d9d9; padding: 25px 12px 20px 12px; position:relative; width:167px;background-color:#FFF;} .bottomdet .botm_right .order_area.fixed{border:1px solid #d9d9d9; padding: 25px 12px 20px 12px; position:fixed; top:0px; width:237px;float:left;background-color:#FFF;} .bottomdet .botm_right .order_area_ss{position:absolute;right:-16px;background-color:#FFF;z-index:99;} .bottomdet .botm_right .order_area_ss.fixed{position:absolute;right:177px;background-color:#FFF;} .bottomdet .botm_right .order_area .option_more_btn{ position:absolute; top:31px; right:-39px; width:40px; } .bottomdet .botm_right .order_area .option_more_btn a{ background:#fff; padding:40px 10px 27px 15px; border-top:1px solid #d9d9d9; border-left:1px solid #fff; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; } .bottomdet .botm_right .order_area h3{font-size:14px; font-weight:normal; text-align:left;} .bottomdet .botm_right .order_area .order_set{} .bottomdet .botm_right .order_area .order_set{margin-top:7px; } .bottomdet .botm_right .order_area .order_set select { width:100%; height: 38px; padding-left: 10px; font-size: 12px; color: #666; border: 1px solid #d9d9d9; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background:url(/html/img/goods_detail/select_img.png) no-repeat 97% 50%; /* 화살표 모양의 이미지 */ } .bottomdet .botm_right .order_area .tie{margin-bottom:17px;} .bottomdet .botm_right .order_area .tie .sub_opt_area{overflow-y:auto;} .bottomdet .botm_right .order_area .order_list_box{background:#f7f7f7; width:100%; text-align:center; margin:0 auto; margin-top:5px; padding-bottom:12px;} .bottomdet .botm_right .order_area .order_list_box .choicelist{margin-left:12px} .bottomdet .botm_right .order_area .order_list_box .amount{float:left; font-size:12px; color:#4c4c4c; font-weight:normal; margin-top:4px; margin-right:18px;} .bottomdet .botm_right .order_area .order_list_box .amount_box{border-bottom:1px solid #d6d6d6; border-top:1px solid #d6d6d6; display:inline-block; float:left;} .bottomdet .botm_right .order_area .order_list_box .amount_box li{float:left;border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; height:30px; border-left:0;} .bottomdet .botm_right .order_area .order_list_box .amount_box li:first-child{border-left:1px solid #d6d6d6;} .bottomdet .botm_right .order_area .order_list_box .amount_box_sign, .bottomdet .botm_right .order_area .order_list_box .amount_box_sign2, .bottomdet .botm_right .order_area .order_list_box .amount_box_sign3, .bottomdet .botm_right .order_area .order_list_box .amount_box_sign4{width:30px; height:30px; background-color:#fff; line-height:30px;text-align:center;} .bottomdet .botm_right .order_area .order_list_box .amount_box input{width:30px;height:28px;text-align:center; border:none; font-size:12px;} .bottomdet .botm_right .order_area .order_list_box .order_list{text-align:left; padding-top:17px; margin:0 0 12px 12px; } .bottomdet .botm_right .order_area .order_list_box .order_list .opt{font-size:11px;} .bottomdet .botm_right .order_area .order_list_box .order_list .opcl{margin:-2px 10px 0 0;} .bottomdet .botm_right .order_area .order_list_box .order_list_add{text-align:left; margin-left:12px; padding-bottom:12px;} .bottomdet .botm_right .order_area .order_list_box .order_list_add .opt{font-size:11px; letter-spacing:-1px;} .bottomdet .botm_right .order_area .order_list_box .order_list_add .opcl{margin:-2px 8px 0 0;} .bottomdet .botm_right .order_area .order_list_box .sm_cash_box{ margin:12px 0 0 14px; /*display:inline-block;*/} .bottomdet .botm_right .order_area .order_list_box .sm_cash_box .cash{font-size:16px; font-family:'Roboto'; font-weight:bold; color:#222;} .bottomdet .botm_right .order_area .order_list_box .sm_cash_box .won{} .bottomdet .botm_right .order_area p{text-align:left; margin:16px 0 6px 0px;} .bottomdet .botm_right .order_area .option_cash_box{margin-left:0px; margin-bottom:20px;} .bottomdet .botm_right .order_area .option_cash_box .cash{font-size:21px; font-family:'Roboto'; font-weight:bold; color:#d50c0c;} .bottomdet .botm_right .order_area .option_cash_box .won{font-weight:bold; font-size:14px; color:#222; margin-top:5px;} .bottomdet .botm_right .order_area .shop_btn{margin:40px 0 10px; display:inline-block;} .bottomdet .botm_right .order_area .shop_btn a{color:#d50c0c; background:#fff; border:1px solid #d50c0c; display:inline-block; padding:16px 43px; text-decoration:none; font-weight:bold; font-size:12px;} .bottomdet .botm_right .order_area .shop_btn1 a{color:#fff; background:#d50c0c; border:1px solid #d50c0c; display:inline-block; padding:16px 43px; text-decoration:none; font-weight:bold; font-size:12px;} .bottomdet .botm_right .order_area.fixed .shop_btn a{color:#d50c0c; background:#fff; border:1px solid #d50c0c; display:inline-block; width:100px; height:46px; line-height:46px;padding:0px; text-decoration:none; font-weight:bold; font-size:12px;} .bottomdet .botm_right .order_area.fixed .shop_btn1 a{color:#fff; background:#d50c0c; border:1px solid #d50c0c; display:inline-block; width:100px; height:46px; line-height:46px;padding:0px; text-decoration:none; font-weight:bold; font-size:12px;} .bottomdet .botm_right .order_area .shop_btn1{/*margin:31px 0 10px;*/ display:inline-block; padding-bottom:10px;} .bottomdet .botm_right .order_area .soldout2{background:#454545; color:#fff; width:96%; height:46px; line-height:46px; font-size:14px; font-weight:bold; display:inline-block; /*font-family:'Spoqa Han Sans';*/} /*인쇄문구*/ .bottomdet .botm_right .order_area .option_print{} .bottomdet .botm_right .order_area .option_print h3{font-size:12px; line-height:16px; margin-left:2px;} .bottomdet .botm_right .order_area .option_print .choicelist{ margin-top:7px; margin-left:2px;} .bottomdet .botm_right .order_area .option_print .amount{float:left; font-size:12px; color:#4c4c4c; font-weight:normal; margin-top:4px; margin-right:18px;} .bottomdet .botm_right .order_area .option_print .amount_box{border-bottom:1px solid #d6d6d6; border-top:1px solid #d6d6d6; display:inline-block; float:left;} .bottomdet .botm_right .order_area .option_print .amount_box li{float:left;border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; height:30px; border-left:0;width: 30px; line-height: 30px;} .bottomdet .botm_right .order_area .option_print .amount_box li:first-child{border-left:1px solid #d6d6d6;} .bottomdet .botm_right .order_area .option_print .amount_box_sign, .bottomdet .botm_right .order_area .option_print .amount_box_sign2, .bottomdet .botm_right .order_area .option_print .amount_box_sign3, .bottomdet .botm_right .order_area .option_print .amount_box_sign4{width:30px; height:30px; background-color:#fff; line-height:30px;text-align:center;} .bottomdet .botm_right .order_area .option_print .choicelist .times{margin-top:8px;} .bottomdet .botm_right .order_area .option_print .choicelist input[type="radio"]{position:relative; top:0.26vh; margin-right:3px;} .bottomdet .botm_right .order_area .option_print .amount_box input{width:29px;height:28px;text-align:center; border:none; font-size:12px;} .bottomdet .botm_right .order_area h4{text-align:left; margin:20px 0 3px 2px;} .bottomdet .botm_right .print_txt textarea{color:#222; font-size:12px; margin-bottom:20px;padding:6px;width:100%; height:90px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #d9d9d9;} /*상품문의팝업*/ .inquire_popup_area{display:none;position:absolute;top:100px;z-index:1111;background-color:#FFF;} .inquire_popup_area .popup_top{width:484px; height:50px; background:#86cbe9; } .inquire_popup_area .popup_top p{font-size:18px; font-family:'나눔고딕'; color:#fff; margin:17px 0 0 20px;} .inquire_popup_area .popup_top .close_popup{margin:15px 14px 0 0;} .inquire_popup_area .popup_content{border:3px solid #86cbe9; /*width:100%; width:440px;*/ padding:0px 19px; } .inquire_popup_area .popup_content h3{font-weight:normal; color:#999; font-size:11px; text-align:left; margin:19px 0 11px 10px; letter-spacing:-0.3px;} .inquire_popup_area .popup_content .popline{background:#dfdfdf; height:1px;} .inquire_popup_area .popup_content .popup_img_info{padding:16px 0 16px 11px;} .inquire_popup_area .popup_content .popup_img_info .popup_img{width:122px; height:122px; border:1px solid #dfdfdf; } .inquire_popup_area .popup_content .popup_img_info h2{width:245px; white-space:nowrap; font-size:14px;} .inquire_popup_area .popup_content table{margin:16px 0 16px 11px;} .inquire_popup_area .popup_content table th{border:1px solid #dfdfdf; width:122px; height:122px; } .inquire_popup_area .popup_content table td{font-weight:bold; font-size:14px; padding-left:18px; line-height:19px; color:#222;} .inquire_popup_area .popup_content .popup_info .info1{margin-top:12px;} .inquire_popup_area .popup_content .popup_info .info1 h4{width:42px; margin:11px 7px 0 0;} .inquire_popup_area .popup_content .popup_info .info1 input[type="text"], [type="text1"]{height:30px; width:130px; margin-left:0px; border:1px solid #d9d9d9; color:#222; padding:0 10px; font-size:12px; font-weight:normal;} .inquire_popup_area .popup_content .popup_info .info1 input[type="text1"]{width:370px;} .inquire_popup_area .popup_content .popup_info .info1 textarea{color:#222; font-size:12px; padding:15px 14px;width:370px;height:137px;border:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #d9d9d9;} .inquire_popup_area .popup_content .popup_info .info1 input[type="number"]{width:80px; text-align:center; height:30px; border:1px solid #d9d9d9;} .inquire_popup_area .popup_content .care_box .clause_box{padding-top:6px;/* width:373px;*/ margin-left:50px;} .inquire_popup_area .popup_content .care_box .clause_box .agree p{font-size:11px; } .inquire_popup_area .popup_content .care_box .clause_box .agree label{display:block; } .inquire_popup_area .popup_content .care_box .clause_box .agree input{ display:block; margin-top:-6px;} .inquire_popup_area .popup_content .care_box .clause_box .agree input[type=checkbox] { display: none; } .inquire_popup_area .popup_content .care_box .clause_box .agree input[type=checkbox] + label{ display: inline-block; cursor: pointer; position: relative; padding-left:15px; margin-right:14px; font-size:12px; } .inquire_popup_area .popup_content .care_box .clause_box .agree input[type=checkbox]+ label:before { content: "\2713"; display: inline-block; font-size:12px; width:12px; height:12px; margin-right:0px; position: absolute; left: 0; bottom:0px; background-color: #ccc; border-radius:0px; background:#fff; border:1px solid #333; } .inquire_popup_area .popup_content .care_box .clause_box .agree input[type=checkbox]:checked + label:before { content: ""; /* 체크모양 */ font-weight:800; color: #333; background:#fff; text-align: center; line-height: 18px; border:1px solid #333; } .inquire_popup_area .care_box .ex a{color:#222; margin-right:15px; font-size:11px;} .inquire_popup_area .care_box .clause_contents{background:#fff; width:344px; height:90px; border:1px solid #d9d9d9; margin-left:49px; overflow-y: scroll; text-align:left; font-size:12px; line-height:16px; padding:15px; margin-top:3px;} .inquire_popup_area .popup_content .pop_btn{margin:0 auto; padding-bottom:55px; margin:50px 0 0 29px;} .inquire_popup_area .popup_content .pop_btn ul{ margin:0 auto; display:inline-block;} .inquire_popup_area .popup_content .pop_btn ul li{float:left; margin-left:7px;} .inquire_popup_area .popup_content .pop_btn ul li a{color:#fff; font-size:16px; font-weight:bold; background:#747474; padding:14px 74px; text-decoration:none;} .inquire_popup_area .popup_content .pop_btn ul li .register_btn{background:#86cbe9;} /* kc변경 css 2018-06-20 jwno55 */ .banner_area #kc_table1805{width:770px;} .banner_area tbody{width:770px;} .banner_area .kc_detail_txt td{background-color:#1e529f; color:#fff; font-size:12px; padding-left:15px; height:0px; border:1px solid #1e529f; height:44px; position:relative;} .banner_area .kc_section{background-color:#f7f7f7; width:255px; border-right:1px solid #d9d9d9; border-bottom:1px solid #000; border-left:1px solid #000;} .banner_area .kc_section .kc_img{margin-left:30px;} .banner_area .kc_section .kc_number{font-size:14px; margin:14px 0 0 15px;} .banner_area .kc_section .kc_number h3{margin-bottom:0px; width:135px; font-size:14px; line-height:22px; font-family:'돋움'; font-weight:bold;} .banner_area .kc_age{padding-left:18px; height:40px; font-size:12px; border-bottom:1px solid #d9d9d9; border-right:1px solid #000;} .banner_area .kc_age span{font-weight:bold;} .banner_area .kc_caution{font-size:12px; line-height:18px;border:1px solid #fff; z-index:9999; border-bottom:1px solid #000; border-right:1px solid #000;} .banner_area .kc_caution .kc_caution_detail{padding-left:18px; padding-top:16px; padding-bottom:15px; } .banner_area .kc_caution span{font-weight:bold;} .banner_area .kc_file_btn{position:absolute; top:10px; left:320px;} .banner_area .kc_tt_txt{} #shopping_basket_popup{background-color:#fff; width:498px; height:135px; text-align:center;} #shopping_basket_popup .shop_top{border-bottom:1px solid #ccc; } #shopping_basket_popup h2{color:#000; font-size:17px; text-align:center; margin-top:15px; padding:0 30px 0 30px;} #shopping_basket_popup h2 span{color:#fa0019;} #shopping_basket_popup h3{color:#000; font-size:12px; text-align:center; margin-top:10px; font-weight:normal;} #shopping_basket_popup .basket_btn{text-align:center; margin:0 auto; padding-top:25px; display:inline-block;} #shopping_basket_popup .basket_btn li{float:left; text-align:center; } #shopping_basket_popup .basket_btn li a{padding:10px 13px; font-size:12px; letter-spacing:-0.5px; font-weight:bold; text-decoration:none;} #shopping_basket_popup .basket_btn .btn_fill a{background:#555; color:#fff; border:1px solid #555; margin:0 3px;} #shopping_basket_popup .basket_btn .btn_empty a{background:#fff; color:#555; border:1px solid #555; margin:0 3px;} #shopping_basket_popup .text_area {display: table-cell; width:498px;height:70px;vertical-align: middle; } /*공유팝업*/ #share_popup{position:absolute; background:#fff; border:1px solid #d9d9d9; width:248px; padding:20px 0 3px;display:none;z-index:999;} #share_popup .share_close{position:absolute; top:10px; right:10px;} #share_popup ul{} #share_popup ul li{float:left; width:31%; margin-bottom:17px;} #share_popup ul li a{text-decoration:none; color:#808080;} #share_popup ul li .share_icon{text-align:center;} #share_popup ul li .share_icon p{font-size:11px; letter-spacing:-0.7px; margin-top:10px;} .description_area img{width:770px;} .description_nol_area img{width:770px;text-align:center;} /*정기배송*/ .logis_cycle_pop{width:410px; background:#f5f5f5; border:1px solid #d9d9d9; border-radius: 2px; margin-top:5px; padding:15px 10px 8px; position: relative;display:inline-block;} .logis_cycle_pop2{width:89%;} .logis_cycle_pop:before { content: ''; position: absolute; left: 30px; top: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #cccccc;} .logis_cycle_pop:after { content: ''; position: absolute; left: 30px; top: -8px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #f5f5f5; } .detail .det_right .option_box2 input[type="radio"]{position:relative; top:2px; margin-right:3px;} .logis_cycle_pop div{width:121px; border:1px solid #d9d9d9; background:#fff; float:left; height:40px; line-height:40px;cursor:pointer;margin-left:8px; margin-bottom:8px;} .logis_cycle_pop2 div{width:91%;} .logis_cycle_pop div.active{border:1px solid #d50c0c; color:#d50c0c; font-weight:bold;} .subscription_choose_item{margin:6px 0;} .detail .det_right .option_box2 .subscription_choose_item h3{font-size:14px; font-weight:bold;} .detail .det_right .option_box2 .subscription_choose_item h3.activeh3{ color:#d50c0c; } .detail .det_right .subscription_all_cash_area{margin-top:2px;} .detail .det_right .all_cash_area .all_cash .subscription_num{font-size:18px;} .detail .det_right .all_cash_area .all_cash .subscription_won{margin-top:2px; font-size:14px;} /*당일출고*/ #theday_del{background:#f7f7f7; padding:15px 20px;} #theday_del .theday_txt{text-align:left; font-size:12px; line-height:18px; color:#666666; margin-left:14px;} #theday_del .theday_txt span{font-weight:bold;} #theday_del .percent99{color:#1e88e4;} #theday_del .theday_icon{margin-top:8px;} /*카테고리_리스트수정*/ .cglst{clear: both; width: 951px; margin:50px 0 30px; display:inline-block;} .cglst .cglst_area{width: 949px; height:152px; border:1px solid #d9d9d9; } .cglst .cglst_area .btn_cate{float: left; width: 158px; height: 150px;} .cglst .cglst_area .btn_cate li{float: left; width: 161px; height: 50px; line-height:50px; cursor: pointer; background:#f7f7f7; color:#656565; border-right:1px solid #d9d9d9;} .cglst .cglst_area .btn_cate .mid{border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; } .cglst .cglst_area .btn_cate .active{font-weight:bold; background:#5c6370; color:#fff; border-right:1px solid #5c6370; position: relative;} .cglst .cglst_area .btn_cate .active .arrow.top{border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: #5c6370;} .cglst .cglst_area .btn_cate .active .arrow{display: inline-block; border: 8px solid #5c6370; content: ''; position: absolute; right: -17px; transform: translateY(107%);} .cglst .cglst_area .scr_blk{margin: 25px auto 0;} .cglst .cglst_area .scr_blk ul{margin-left: 4px; display: inline-block; height:100px;} .cglst .cglst_area .scr_blk ul li{float: left; position: relative; width: 116px; height: 100px; padding: 0 4px; z-index: 13; cursor: pointer; font-style:normal;} .cglst .cglst_area .scr_blk ul li .bgd_img{ display: block; position: absolute; top: 0; left: 14px; width: 100px; height: 100px; z-index: 10; } .cglst .cglst_area .scr_blk ul li .bgd_base{ position: absolute; top: 0; left: 14px; width: 100px; height: 100px; background-color: #000000; opacity: 0.6; z-index: 11; } .cglst .cglst_area .scr_blk ul li .bgd_desc{ position: absolute; top: 0; left: 14px; width: 100px; height: 100px; z-index: 12; text-align: center; font-style:normal; } .cglst .cglst_area .scr_blk ul li .bgd_desc .gds_name { display: block; overflow: hidden; width: 90px; height: 45px; margin: 10px auto 0; color: #ffffff; font-style:normal; font-size:11px; line-height:15px; } .cglst .cglst_area .scr_blk ul li .bgd_desc .gds_nprice { display: block; width: 90px; height: 15px; margin: 5px auto 0; color: #ffffff; text-align: center; font-style:normal; font-size:11px; } .cglst .cglst_area .scr_blk ul li .bgd_desc .gds_bprice { display: block; width: 90px; height: 15px; margin: 0 auto 0; color: #ffffff; font-weight: bold; text-align: center; font-style:normal; font-size:11px; } /*브랜드샵*/ .brand_shop{width:951px; border: 1px solid #d9d9d9; background:#fff; margin-bottom:30px; padding-bottom:20px;} .brand_shop .bgandgo .brandshop_img{width:141px; border:1px solid #d9d9d9;} .brand_shop .bgandgo{margin:24px 0 0 26px;} .brand_shop .bgandgo p{font-family:'Spoqa Han Sans'; color:#aaa; font-size:13px; margin-top:4px;} .brand_shop .bgandgo .saving{margin-top:5px;} .brand_shop .bgandgo .saving a{font-family:'Spoqa Han Sans'; display: inline-block; width: 141px; height:28px; line-height:28px; font-size:14px; font-weight:bold; color:#babfcc; border:1px solid #babfcc; text-decoration:none; } .brand_shop .brand_area ul{display:inline-block; margin-top:18px; margin-left:25px} .brand_shop .brand_area ul li{float:left; margin-left:30px; } .brand_shop .brand_area .brandshop_pr_img{width:110px; height:110px; overflow:hidden;} .brand_shop .brand_area .brandshop_pr_img img{width:110px; height:110px; overflow:hidden;} .brand_shop .brand_area .brand_txt{font-size:12px; font-weight:normal; color:#666; margin-bottom:6px; margin-top:5px;} .brand_shop .brand_area .brand_cash{font-size:12px; font-weight:bold; color:#666;} /*해외직구*/ . /*정멀티회원 적립*/ .mem_saving_area{} .mem_saving{display:inline-block; margin-right:5px;} .mem_saving_area .mem_saving div{ display:inline-block; border:1px solid #c6c6c6; width:43px; height:19px; line-height:20px; color:#999999;} .mem_saving_area div span.mem_saving_tit{width:18px; background:#c6c6c6; color:#fff!important; height:19px; font-weight:bold!important; text-align:center!important; display:inline-block; padding-left:0!important;} .mem_saving_area img{vertical-align:top;} /*.mem_saving_area span.score_b{margin-top:3px;display:inline-block; margin-left:2px; color: #666!important; margin-right:5px;}*/ .mem_saving_area a{font-size:11px; text-decoration:underline!important;color:#b2b2b2!important;} @media screen and (min-width:0\0) { .detail .det_right .topright .hshare .heart { margin-top: -2px; } .detail .det_right .topright .hshare .pick { margin-top: -3px } } /*250401 포인트 안내*/ .pointguide{display:flex; align-items: center; gap:3px;} .detail .det_right table tr th .pointguide{display:flex; align-items: center;gap:3px;} .pointguide .numcircle{background:#c6c6c6; color:#fff; border-radius:500px; width:18px; height:18px; display:flex; justify-content: center; align-items: center; font-size:11px; font-weight:bold; cursor: pointer; position: relative;} .pointguide .numcircle p{position:relative; top:-1px;} .tooltip {position: absolute; top:150% ; left: -30px; background-color: #fff; padding: 6px 10px; border-radius:3px; font-size: 11px; white-space: nowrap; opacity: 0; line-height:1.4; color:#1e88e4; font-weight:normal; letter-spacing:-0.5px; visibility: hidden; transition: opacity 0.3s ease-in-out; border:1px solid #adcef6; background:#f0f7ff } .tooltip::after { border-color: #eef3fd transparent; border-style: solid; border-width: 0 6px 8px 6.5px; content: ''; display: block; left: 30px; position: absolute; top: -7px; width: 0; z-index: 1;} .tooltip::before { border-color: #7689fd transparent; border-style: solid; border-width: 0 6px 8px 6.5px; content: ''; display: block; left: 30px; position: absolute; top: -8px; width: 0; z-index: 0;} .numcircle:hover .tooltip { opacity: 1; visibility: visible; }