/* BASIC css start */ /* 파워리뷰 비추천 숨김처리 :: 221013 주명희 */ #powerReview .PR15N01-review-wrap > li .reply .no{display:none;} /* BASIC css start */ #contentWrapper { padding-top:20px } #content {position:relative; width:1126px !important; height:auto; } #productDetail {position:relative; width:1126px; height:auto; } #productDetail .page-body {margin-bottom:50px;} /* 주문수량 */ #goods_amount { float: left; width: 32px; border: 0; } #productDetail .thumb-info .info .table-opt .opt-spin { position: relative; width: 52px; height: 15px; border: 1px solid #acacac; } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin, #productDetail .thumb-info .info .table-opt .opt-spin .btns { float: left; } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin { width: 41px; height: 13px; padding-left: 2px; padding-top: 2px; border: 0; font-size: 11px; } #productDetail .thumb-info .info .table-opt .opt-spin .btns { width: 19px; height: 15px; border-left: 1px solid #aaa; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a { overflow: hidden; float: left; width: 100%; height: 7px; text-indent: -999px; background: none; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-up { border-bottom: 1px solid #aaa; background: url('//toptopia.img17.kr/img/shop_detail/btn_h5_spin_up.gif') no-repeat 50% 2px; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-dw { background: url('//toptopia.img17.kr/img/shop_detail/btn_h5_spin_dw.gif') no-repeat 50% 2px; } /* 구매버튼영역(수정) */ #productDetail .soldout, #productDetail .prd-btns {margin-top:30px; text-align:center;} #productDetail .soldout {font-weight:bold; color:#fff; font-size:16px; padding:15px; background:#999;} #productDetail .prd-btns {width:100%; *zoom:1; font-size:0; } #productDetail .prd-btns:after{content:""; display:block; clear:both} #productDetail .prd-btns > a {display:block; float:left; width:32%; margin-left:5px; background-color:#ff3059; border:1px solid #333} #productDetail .prd-btns > a:first-child{margin-left:0} #productDetail .prd-btns > a > span{display:block; margin-left:5px; padding:10px 10px 12px; font:bold 14px Malgun Gothic, '맑은 고딕', dotum, '돋움'; letter-spacing:-1px; color:#fff; transition:all 0.2s; } #productDetail .prd-btns .btnPurple{background-color:#703fa6; border-color:#703fa6; transition:all 0.2s;} #productDetail .prd-btns .btnPurple:hover{ background-color:#fff; } #productDetail .prd-btns .btnPurple:hover span{color:#703fa6;} #productDetail .prd-btns .btnPink{background-color:#ff005a; border-color:#ff005a} #productDetail .prd-btns .btnBlack{background-color:#333; border-color:#333} #productDetail .prd-btns .btnWhite{background-color:#fff; border-color:#333} #productDetail .prd-btns .btnWhite > span{color:#333} /* 통합옵션 */ #productDetail .info .table-opt .opt-wrap { width:100%; margin-top:20px; padding-top:50px; padding-bottom:20px;border-top:1px solid #e6e6e6; } #productDetail .info .table-opt .opt-wrap .multi_opp {font:normal 12px '돋움'; color:#5f5f5f; letter-spacing:-1px; line-height:25px; padding:5px 0;} #productDetail .info .table-opt .opt-wrap > dl > dt { display:none; } #productDetail .info .table-opt .opt-wrap > dl > dd { overflow:hidden; margin-bottom:2px; } #productDetail .info .table-opt .opt-wrap select {width:100%; height:30px; border:1px solid #e6e6e6; font:normal 14px '돋움'; color:#5f5f5f; letter-spacing:-1px; line-height:30px; background:#ffffff; padding-left:10px;} #productDetail .info .table-opt .opt-wrap .tit { margin-bottom:10px; font:normal 14px '돋움'; color:#444f; letter-spacing:-1px;} #productDetail .info .table-opt .opt-wrap .sel-btn {padding-left:10px; text-align:center; } #productDetail .info .table-opt .opt-wrap .opt-btns {position:relative; width:56px; height:19px;} #productDetail .info .table-opt .opt-wrap .opt-btns input {position:absolute; top:0; left:0; width:40px; height:17px; text-align:right;} #productDetail .info .table-opt .opt-wrap .opt-btns .btn-up {position:absolute; top:0; right: 0;} #productDetail .info .table-opt .opt-wrap .opt-btns .btn-dw {position:absolute; bottom:0; right:0;} #productDetail .info .table-opt .opt-wrap dl .opt-count select {float:left; width:180px;} #productDetail .info .table-opt .opt-wrap dl .opt-count .opt-btns {float:left; width:56px; margin-left:5px;} /* review-write */ #productDetail .review-write { padding: 10px 0 15px 20px; border-top: 1px solid #ddd; } #productDetail .review-write th, #productDetail .review-write td { padding: 5px 0; } #productDetail .review-write th { font-weight: normal; } #productDetail .review-write .frm-w input { width: 150px; height: 18px; line-height: 18px; border: 1px solid #ededed; } #productDetail textarea.MS_review_content_box { height: 54px; } /* 댓글리스트 공통 */ #productDetail .table-slide th, #productDetail .table-slide td { padding: 10px 0; border-top: 1px solid #ddd; cursor: pointer; } #productDetail .table-slide th { font-size: 11px; font-weight: normal; } #productDetail .table-slide tr.cnt { display: none; } #productDetail .table-slide tr.cnt td { cursor: default; } #productDetail .table-slide tr.nbg td { background-image: none; } #productDetail .table-slide tr.ndata td { border-bottom: 1px solid #ddd; } #productDetail .table-slide tr.reply .tb-txt { padding-left: 30px; background: url('//toptopia.img17.kr/img/shop_detail/bull_reply.gif') no-repeat 10px 0; } /* review-list */ #productDetail .review-list .bg { padding-top: 35px; border-top: 1px solid #ddd; } #productDetail .tit-detail {margin-top:50px; } #productDetail .tit-detail img { padding-bottom:15px; } #productDetail .tit-detail .btns { float :right; margin-bottom:5px; } #productDetail .tit-detail .btns:after{content:""; display:block; clear:both} #productDetail .tit-detail .btns > a{display:block; float:left; font:normal 18px Malgun Gothic, '맑은 고딕', dotum, '돋움'; color:#222; padding:15px} /* item-hd */ #productDetail .item-hd { margin-top: 40px; } /* ****************** 상품 상세 옵션 ******************** */ .MK_not_choice { color: red; } .MK_optAddWrap, .MK_optAddWrap * { margin: 0; padding: 0; } .MK_optAddWrap { color: #666; font-size: 11px; line-height: 13px; font-family: Dotum; } .MK_optAddWrap li { list-style: none; } /* 옵션선택 */ #MK_optAddList { overflow: hidden; *zoom: 1; } #MK_optAddList li { float: left; width: 100%; margin-top: 5px; } #MK_optAddList .MK_tit, #MK_optAddList .MK_div, #MK_optAddList .MK_st { float: left; } #MK_optAddList .MK_tit, #MK_optAddList .MK_div { font-size: 11px; line-height: 16px; } #MK_optAddList .MK_tit { width: 65px; margin-right: 5px; } #MK_optAddList .MK_div { width: 5px; text-align: center; } #MK_optAddList .MK_st { width: 205px; } #MK_optAddList .MK_st .MK_btn-add { cursor: pointer; } #MK_optAddList .MK_st select { margin-left: 5px; width: 195px; height: 18px; } /* 옵션선택PP */ #MK_optAddListPP { overflow: hidden; *zoom: 1; } #MK_optAddListPP .MK_tit, #MK_optAddListPP .MK_st { float: left; width: auto; } #MK_optAddListPP .MK_tit { margin-right: 5px; margin-top: 3px; } /* 옵션 결과 리스트(수정) */ #MK_innerOptWrap {margin:10px 0;} #MK_innerOptWrap #MK_innerOptScroll.limit {position:relative; height:150px; overflow-y:auto;} #MK_innerOptWrap .MK_inner-opt-cm li {*zoom:1; position:relative; min-height:15px; _height:13px; *margin-bottom:-4px; padding:10px 0; background:#F9F9FA; border-top:1px solid #E0E0E0; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl, #MK_innerOptWrap .MK_inner-opt-cm li .MK_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { position: absolute; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name, #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl, #MK_innerOptWrap .MK_inner-opt-cm li .MK_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del {display:block;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_price {right:20px; top:10px; color:#333; font-weight:normal; padding-right:5px; font:normal 12px '돋움'; color:#5f5f5f; line-height:1.3;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del {right:5px; top:8px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .basic_option { height:15px;margin-top:3px;text-align:left!important;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name {font:normal 12px '돋움'; color:#5f5f5f; line-height:1.3;} /* 사용자 입력 인풋박스 (color, size )*/ .MK_optAddWrap .MK_inner-opt-cm li .MK_txt_uinput { width: 200px; } /* 기본옵션 */ #MK_innerOptWrap #MK_innerOpt_01 li .MK_p-name { width:330px; padding-left:15px;} #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl { width: 50px; height:22px; top: 6px; *top: 2px; right: 85px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl input.MK_count { width: 30px; height: 16px; line-height: 16px; padding: 2px 0 0 2px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a { position: absolute; right: 0px; font-size: 0; line-height: 0; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a img { vertical-align: top; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-up { top: 2px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-dw { top: 12px; } /* 개별옵션 */ #MK_innerOptWrap #MK_innerOpt_02 li .MK_p-name { padding-right: 140px; padding-left:10px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl { width: 50px; top: 9px; *top: 2px; right: 85px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl input.MK_count { width: 30px; height: 16px; line-height: 16px; padding: 2px 0 0 2px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a { position: absolute; right: 0px; font-size: 0; line-height: 0; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a img { vertical-align: top; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-up { top: 0; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-dw { top: 10px; } /* 총합계(수정) */ #MK_innerOptTotal {padding:10px 0; text-align:right; border-top:2px solid #444444;} #MK_innerOptTotal .MK_txt-total {font:normal 12px '돋움'; color:#5f5f5f; letter-spacing:-1px; padding-right:10px;} #MK_innerOptTotal .MK_txt-won {font:normal 12px '돋움'; color:#5f5f5f; letter-spacing:-1px;} #MK_innerOptTotal .MK_total {font:bold 20px tahoma, '돋움'; color:#e2161c;} /* 페이지 네비게이션 */ #productDetail div.loc_navi { position:relative; margin-bottom:50px; padding-bottom:10px; width:100%; text-align:right; font:normal 11px Dotum, '돋움'; color:#888888; letter-spacing:1px; line-height:15px; border-bottom:1px solid #222; } #productDetail div.loc_navi a {font:normal 11px Dotum, '돋움'; color:#888888; letter-spacing:1px; line-height:15px;} #productDetail ul.top_img_bnt {position:relative; width:1124px; min-height:500px; /*border:1px solid #e6e6e6;*/ zoom:1; overflow:hidden; background:url('//toptopia.img17.kr/img/shop_detail/top_info_bg.gif') 500px 0px repeat-y; margin-bottom:25px;} #productDetail ul.top_img_bnt:after {content: ""; display:block; clear:both;} #productDetail ul.top_img_bnt li.left_img {float:left; width:570px; height:auto;} #productDetail ul.top_img_bnt li.left_img img{max-width:100%} #productDetail ul.top_img_bnt li.left_img div.prev_bnt {position:absolute; left:-1px; top:222px; z-index:99;} #productDetail ul.top_img_bnt li.left_img div.icon {position:absolute; left:0; top:0; z-index:80;} #productDetail ul.top_img_bnt li.left_img div.tb_hashtag {margin:0 40px 15px 40px; text-align:center; white-space:normal; word-break:keep-all;} #productDetail ul.top_img_bnt li.left_img div.tb_hashtag a {font:normal 18px '나눔고딕', 'NanumGothic', 'Nanum Gothic', '돋움'; color:#000000; line-height:30px; letter-spacing:-1px; font-weight:400; display:inline;} #productDetail ul.top_img_bnt li.left_img div.sns_bnt {text-align:center;} #productDetail ul.top_img_bnt li.right_info {float:right; width:500px; height:auto;/* background:#fbfbfb;*/} #productDetail ul.top_img_bnt li.right_info div.info { margin:0 0 55px; } #productDetail ul.top_img_bnt li.right_info div.next_bnt {position:absolute; right:-1px; top:222px; z-index:99;} #productDetail ul.top_img_bnt li.right_info div.info h3.prd_name {font:bold 27px Malgun Gothic, '맑은 고딕', dotum, '돋움'; color:#333; line-height:30px; letter-spacing:-2px; margin-bottom:8px;} #productDetail ul.top_img_bnt li.right_info div.info h2.prd_subname {font:normal 14px '나눔고딕', 'NanumGothic', 'Nanum Gothic', '돋움'; color:#888888; line-height:20px; letter-spacing:-1px; padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #e6e6e6;} /* 상품옵션 정보 */ #productDetail div.table-opt th.title {font:normal 11px '돋움'; color:#000000; line-height:25px; letter-spacing:normal; text-align:center;} #productDetail ul.top_img_bnt li.right_info div.info .table-opt tr{height:40px} #productDetail ul.top_img_bnt li.right_info div.info .table-opt th {font:normal 14px Malgun Gothic, '맑은 고딕', dotum, '돋움'; color:#333; line-height:22px; letter-spacing:-1px; text-align:left; padding-left:22px; background: url('//toptopia.img17.kr/img/shop_detail/bg_detail_list.jpg') no-repeat 10px center;} #productDetail ul.top_img_bnt li.right_info div.info .table-opt td {font:normal 14px Malgun Gothic, '맑은 고딕', dotum, '돋움'; line-height:30px; letter-spacing:normal; text-align:left; } #productDetail ul.top_img_bnt li.right_info div.info .table-opt td .customer_price{text-decoration:line-through; color:#333} #productDetail ul.top_img_bnt li.right_info div.info .table-opt td font {font:normal 11px '돋움'; color:#5f5f5f; letter-spacing:-1px;} #productDetail ul.top_img_bnt li.right_info div.info .table-opt td span {font:normal 12px Malgun Gothic, '맑은 고딕', dotum, '돋움'; color:#333} #productDetail ul.top_img_bnt li.right_info div.info .table-opt td span.delivery_text{font-size:12px;letter-spacing:-1px; color:#333} #productDetail ul.top_img_bnt li.right_info div.info .table-opt td #price_text { font-weight:bold; font-size:28px; color:#ff005a;} #productDetail ul.top_img_bnt li.right_info div.info .table-opt td.price_strike_won span.price {font:normal 20px tahoma, '돋움'; color:#8f8f8f; text-decoration:line-through;} #productDetail ul.top_img_bnt li.right_info div.info .table-opt td.price_won {font:normal 25px tahoma, '돋움'; color:#ff005a;} #productDetail ul.top_img_bnt li.right_info div.info .table-opt td.price_won span.price {font:bold 25px tahoma, '돋움'; color:#ff005a; letter-spacing:-1px} #productDetail ul.top_img_bnt li.right_info div.info .table-opt td.reserve_won {font:bold 14px tahoma, '돋움'; color:#000000;} #productDetail ul.top_img_bnt li.right_info div.info .table-opt td.etc_won {font:normal 14px Malgun Gothic, '맑은 고딕', dotum, '돋움'; color:#333; line-height:20px;} #productDetail ul.top_img_bnt li.right_info div.info .table-opt td.etc_won.typePoint{color:#ff005a; font-weight:bold;} #productDetail ul.top_img_bnt li.right_info div.info .table-opt .type_delivery .etc_won{line-height:18px; padding-top:5px} #productDetail ul.top_img_bnt li.right_info div.info .table-opt td.last_line {height:10px; } .bg_g { padding-top:20px; padding-bottom:20px; background-color:#fefefe!important; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0} .volume{*zoom:1} .volume:after{content:""; display:block; clear:both} .volume > tr {border:1px solid #ccc;} .volume > tr > th, .volume > tr > td { background:red;} .volume > th{background:url('//toptopia.img17.kr/img/shop_detail/bg_detail_list.jpg') no-repeat 10px center; padding-left:22px; } .volume .arrow{float:left; margin:0 10px 0 2px;} .volume .arrow > a{display:block; width:11px; } .volume .arrow > a > img{vertical-align:top} .volume > td > select.basic_option {line-height:30px; height:30px;} .volume > td > input.MS_amount_basic{ height:26px; line-height:30px;} #productDetail div.nhn_bnt {width:100%; padding-top:15px; text-align:center;} /* 상품 상세 이미지 */ #productDetail div.prd-detail {position:relative; width:100%; height:auto; overflow:hidden;} #productDetail div.prd-detail div.right_product {position:absolute; width:202px; height:auto; right:0; top:0;} #productDetail div.prd-detail div.right_product h3 {height:30px; border-bottom:2px solid #000000; font:bold 14px '돋움'; color:#000000; line-height:30px; letter-spacing:-1px; text-align:center;} #productDetail div.prd-detail div.right_product div.right_inner {width:200px; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6;} #productDetail div.prd-detail div.right_product div.right_inner table {border-collapse:separate; border-spacing:10px;} #productDetail div.prd-detail div.right_product div.right_inner td.prd_img {position:relative;} #productDetail div.prd-detail div.right_product div.right_inner td.prd_name a {display:block; font:normal 12px '돋움'; color:#000000; line-height:16px; letter-spacing:-1px; text-align:center;} #productDetail div.prd-detail div.right_product div.right_inner td.prd_price span.price_sell {display:block; font:bold 12px '돋움'; color:#000000; line-height:25px; letter-spacing:normal; text-align:center;} #productDetail div.prd-detail div.right_product div.right_inner td.prd_price span.price_discount {display:block; font:normal 12px '돋움'; color:#888888; line-height:15px; letter-spacing:normal; text-decoration:line-through; text-align:center;} #productDetail div.prd-detail div.detail_wrap {position:relative; width:1200px; height:auto; margin-top:80px;} #productDetail div.prd-detail div.detail_wrap .center_inner {width:1126px; border-bottom:1px solid #e6e6e6;text-align:center;} #productDetail div.prd-detail div.detail_wrap table {table-layout:auto; text-align:center;} #productDetail div.prd-detail div.detail_wrap img {max-width:100%;} #productDetail a.navi_block {display:block; margin-bottom:30px; width:100%; height:40px; text-align:left; overflow:hidden; border-bottom:2px solid #000000; font:bold 20px '돋움'; color:#000000; line-height:30px; letter-spacing:-1px;} /** 상품_배너_이너보더CSS **/ .rect_img_border {position:absolute; top:0; left:0; border:1px solid #444444; filter:alpha(opacity=10); opacity:0.10; -moz-opacity:0.10; -khtml-opacity:0.10;} #anked__menu {position:relative; width:1126px; height:auto; margin:0 auto;} #anked__menu div {width:1126px; height:41px;} #anked__menu div table {border-collapse:collapse; background-color:#f8f8f8; border-bottom:1px solid #222} #anked__menu div table td {} #anked__menu div table td a {display:block; height:39px; font:normal 14px '맑은 고딕', 'MalgunGothic','나눔고딕','돋움','Dotum'; letter-spacing:-1px; color:#222; line-height:39px; overflow:hidden; text-align:center;} #anked__menu div .active_link, #anked__menu div a:hover {background:#703fa6; color:#fff; font-weight:bold;} #anked__menu .jbMenu {position:relative; margin-bottom:30px;} #anked__menu .jbFixed {position:fixed; z-index:9999; top:0;} #productDetail div.prd-detail .center_inner_2 {position:relative; width:100%; text-align:center; margin-top:50px;} /* 게시판 버튼타입 */ .table-slide .btns{display:block; text-align:right; margin-top:20px} .table-slide .btns > a{font:normal 18px Malgun Gothic, '맑은 고딕', dotum, '돋움'; letter-spacing:-1px; color:#222; margin-left:2px; padding:8px 12px; border:1px solid #222;} .table-slide .btns > a:hover{background-color:#222; color:#fff; } .table-slide .btns .btnBoardWh{display:inline-block; zoom:1; *display:inline; background-color:#fff; } /* 생생리뷰 동영상 */ .vivid_vod{} .vivid_vod .vod{display:block; margin:0 auto; width:720px; height:320px; } .vivid_vod .vod > iframe{width:100%; height:100%} @media(max-width:768px){ .vivid_vod .vod {width:300px; height:120px; } } /** 추가구매상품_스마트상품 **/ div.purchased__product__title {position:relative; width:100%; height:23px; margin:50px 0 20px 0; padding-bottom:15px; border-bottom:1px solid #222; font-size:20px; line-height:20px; text-align:center; overflow:hidden; color:#222;} div.purchased__product {position:relative; width:100%; height:auto; *zoom:1;} div.purchased__product dl.best__list dt > a {display:block; padding:0 4%} .rect_img { border:1px solid #ccc; overflow:hidden;} .rect_img > img {width:100%} div.purchased__product:after {content:""; display:block; clear:both;} div.purchased__product dl.best__list { margin:0 auto; width:16.66%; height:auto; float:left;} div.purchased__product dl.best__list:first-child {margin-left:0;} div.purchased__product dl.best__list dt {position:relative; width:100%;} div.purchased__product dl.best__list dd li.prd__name {width:100%; margin-top:10px; height:34px; word-wrap:break-word; word-break:keep-all; text-align:center;} div.purchased__product dl.best__list dd li.prd__name a {display:block; width:168px; font:bold 12px Dotum, '돋움'; color:#000000; letter-spacing:-1px; line-height:15px; word-wrap:break-word; word-break:keep-all;} div.purchased__product dl.best__list dd li.prd__price {font:bold 12px Dotum, '돋움'; color:#ed1c24; letter-spacing:0; height:18px; line-height:18px; text-align:center;} /*서우동영상*/ .HotClip { overflow:hidden; width:1126px; background:#fafafa;} .HotClip > h1 { height:95px; border-bottom:1px solid #dbdbdb;} .HotClip > h1 > img { width:100%;} .HotClip .hc_con { overflow:hidden; margin:50px auto; width:933px; height:600px; border:1px solid #eeefef; } .HotClip .hc_con .left { float:left; width:598px; height:100%; } .HotClip .hc_con .left > object { display:block; width:100%; height:100%;background:#000; text-align:center; } .HotClip .hc_con .left > object > embed { display:block; width:100%; height:100%;} .HotClip .hc_con .right { float:right; width:335px; height:100%; background:#fff;} .HotClip .hc_con .right > ul > li > p { margin:0 auto; width:286px; padding:25px 0;} .HotClip .hc_con .right > ul > li > p > a { display:block; padding:3px; color:#003569} /* 추석기획전 */ .eventWrap { width:100%; margin-bottom:20px; } .eventWrap > ul.conList > li > img, .eventWrap > ul.conList > li > a > img { width:100%; } /* 동영상팝업 */ .Pstyle { opacity: 0; display: none; position: relative; width: auto; border: 5px solid #fff; padding: 20px; background-color: #fff; } .b-close {position:absolute;bottom:5px;right:20px;color:#f37a20;font-weight:bold;cursor:pointer;} .vod_pointer { cursor: pointer; } .addition_option {text-align:left!important} /* 세트상품인포 */ .set_prd_info { margin-top:-20px; } .set_prd_info .set_thumb { width:120px;padding:10px; } .set_prd_info .set_thumb img { width:100%; } .set_prd_info .package_product_tit { letter-spacing:-1px; } .delivery dd { padding:0!importent } /* 인스타_관련상품 */ .insta_related { overflow:hidden; margin-top: 50px;} .insta_related .h3title { margin:0 0 20px; font-size:16px; line-height:1.5; color:#333; letter-spacing:-1px; } .insta_related .h3title strong { display:block; font-size:24px; } .insta_related .h3title strong::after { content:""; display:block; width:16px; height:2px; margin:3px 0; background:#333; } .insta_box { position:relative; float:left; width:398px; height:813px; border:1px solid #dbdbdb; background:url('//toptopia.img17.kr/common/instagram.jpg') no-repeat 0 0; } .insta_box > h2 { display:block; overflow:hidden; position:absolute; z-index:-9999px; width:1px; height:1px; font-size:0px; line-height:0px; text-indent:-9999px; } .insta_box > a.btn_go { position:absolute; right:10px; top:81px; display:block; width:120px; height:32px; background:#222; color:#fff; text-align:center; line-height:32px; } .insta_box > iframe { margin-top:125px; width:100%; height:398px;} .insta_box > div.insta_text { margin:55px auto 0; width:368px; } .insta_box > div.insta_text > p > a { font-size:14px; line-height:20px; color:#222;} .insta_box > div.insta_text > p.hash { margin-top:10px; } .insta_box > div.insta_text > p.hash > a { color:#02366a; } .related_box { float:left; width:686px; margin:0 0 80px 39px; } .related_box ul li a { display:block; transition:all 0.3s; } .related_box ul li a:hover { opacity:.8; } .related_box ul li a .thumb { display:block; } .related_box ul li a .thumb img { width:100%; } .related_box ul li a .info { padding:15px 10px; background:#f7f7f7; text-align:center; } .related_box ul li a .info .name { overflow:hidden; height:51px; font-weight:600; line-height:17px; color:#333; } .related_box ul li a .info .price_box { margin:5px 0 0; } .related_box ul li a .info .price_box .price { margin:0 0 0 5px; color:#ff0000; } .related_box ul li a .info .price_box .price_customer { text-decoration:line-through; } .related_box .related_list1 { overflow:hidden; margin:0 0 40px; } .related_box .related_list1 li { float:left; width:167px; margin:0 0 0 6px; } .related_box .related_list1 li:first-child { margin:0; } .related_box .bx-wrapper { margin:0 auto; } .related_box .bx-wrapper .bx-viewport { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:0; left:0; } .related_box .bx-wrapper .bx-pager { top:-33px; height:20px; padding:0; text-align:right; } .related_box .bx-wrapper .bx-pager.bx-default-pager a { width:20px; height:20px; margin:0 1px; border-radius:0; background:none; line-height:20px; color:#999; text-align:center; text-indent:0; } .related_box .bx-wrapper .bx-pager.bx-default-pager a:hover,.related_box .bx-wrapper .bx-pager.bx-default-pager a.active { border-bottom:1px solid #ff98ad; background:none; color:#f95c7c; } /* 멤버쉽 180219 wh.kim */ .memberWrap .membership { overflow:hidden; position:relative; padding-bottom:60px; text-align:center; } .memberWrap .membership .moreView { margin-bottom:10px; text-align:right; } .memberWrap .membership .moreView> a:hover { color:#f7025f; } .memberWrap .membership > h2 { float:left; width:210px; margin-right:10px; padding:78px 0; background:#f7025f; font-family:'Arial'; font-weight:600; font-size:22px; color:#fff; } .memberWrap .membership > h2 > span { display: block; margin-top:10px; font-size:14px; font-weight:normal; } .memberWrap .membership .membership_list { overflow:hidden; margin:0 auto; border-top:1px solid #ddd; border-right:1px solid #ddd; } .memberWrap .membership .membership_list li { float:left; width:180px; padding:140px 0 30px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; color:#222; } .memberWrap .membership .membership_list li .text1 { margin:0 0 7px; font-weight:600; font-size:13px; } .memberWrap .membership .membership_list li .text2 { margin:0 0 7px; font-weight:600; font-size:16px; color:#f7025f; } .memberWrap .membership .membership_list li .text3 { line-height:1.5; color:#555; } .memberWrap .membership .membership_list .child1 { background:url('//toptopia.img17.kr/common/member_ico01.png') no-repeat 50% 38px; } .memberWrap .membership .membership_list .child2 { background:url('//toptopia.img17.kr/common/member_ico02.png') no-repeat 50% 30px; } .memberWrap .membership .membership_list .child3 { background:url('//toptopia.img17.kr/common/member_ico03.png') no-repeat 50% 33px; } .memberWrap .membership .membership_list .child4 { background:url('//toptopia.img17.kr/common/member_ico04.png') no-repeat 50% 34px; } .memberWrap .membership .membership_list .child5 { background:url('//toptopia.img17.kr/common/member_ico05.png') no-repeat 50% 29px; } /* banner */ #commonWrap .combanner { overflow:hidden; margin-bottom:50px; } #commonWrap .combanner > ul > li { float:left; width:550px; margin:0 26px 26px 0; } #commonWrap .combanner > ul > li.mar_0 { margin-right:0; } #commonWrap .combanner > ul > li.bigBanner { width:100%; text-align:center; } #commonWrap .combanner > ul > li > a {display:block} #commonWrap .gift { text-align:center; } /* common_con */ .common_con { text-align:center; } .common_con .mar_t {margin-top:50px} /*유투브 오류 임시 배너 CSS K.HJ*/ .replace_Hj{margin-top: 130px;width: 100%;height: 398px;} /* 181123 탭스타일 수정 ar.jo */ .tab_detail .panel_wrap {padding-top:30px;} .tab_detail .panel_wrap .panel {display:none;} .tab_detail .panel_wrap .panel.show {display:block;} .tab_detail .tab_menu {height:55px;} .tab_detail .tab_menu > ul {overflow:hidden;border-bottom:1px solid #ddd;background-color:#f4f4f4;} .tab_detail .tab_menu > ul > li {float:left;width:140px;height:55px;line-height:55px;color:#222;cursor:pointer;text-align:center;transition:all 0.2s;} .tab_detail .tab_menu > ul.fixed {position:fixed;top:0;width:1126px;z-index:5;} .tab_detail .tab_menu .tab:hover, .tab_detail .tab_menu .tab.on {background:#703fa6; color:#fff; font-weight:bold;} .tab_detail .tab_menu .top_btn {float:right;height:55px;line-height:55px;} .tab_detail .img_list {text-align:center;} /* 181123 베스트 리뷰 ar.jo */ .best_review {margin:40px 0;} .best_review > h3 {padding:0 0 10px;border-bottom:1px solid #777;font-size:16px;color:#000;font-weight:bold;} .best_review .review_list {overflow:hidden;margin:0 0 20px;} .best_review .review_list > li {float:left;width:210px;margin:0 0 15px 16px;border:1px solid #eee;} .best_review .review_list > li:first-child {margin-left:0;} .best_review .review_list > li > a {display:block;} .best_review .review_list > li > a img {width:100%;} .best_review .review_list > li .heart {color:#9544ef;} .best_review .review_list .info {padding:10px;} .best_review .review_list .info > p {line-height:1.5;} .best_review .review_list .info .content {overflow:hidden;height:36px;} .best_review .all_review {padding:30px 0 10px;text-align:right;} .best_review .all_review > button {background:none;} .best_review .all_review > button:hover {text-decoration:underline;} /* 190422 wh.kim 멤버쉽 가림처리 */ .member_rewrap h2.member_tit {display:none} .member_rewrap .benefit_rewrap {display:none} #commonWrap .member_rewrap .member_re {margin-top:0} .member_all .member_rewrap h2.member_tit {display:block} .member_all .member_rewrap .benefit_rewrap {display:block} .member_all .member_rewrap .benefit_rewrap .more{display:none} .member_all .member_rewrap .benefit_rewrap .join{display:block} /*191108 new tab*/ .new_tab_num2 {width: 100%} .new_tab_num2 .tab_test {overflow: hidden;max-width: 900px;margin: 0 auto} .new_tab_num2 .tab_test li {float: left;width: 50%;text-align: center} .new_tab_num2 .tab_test li img {max-width: 100%} /* 통옵 추가 구성 상품 */ #productDetail .thumb-info .info .table-opt td.add-option-tit { padding:15px 0 0; border-top:1px solid #e4e4e5; color:#000; font-size:14px; } #productDetail .thumb-info .info .table-opt tr.add-option-start > td .add-option-img, #productDetail .thumb-info .info .table-opt tr.add-option-start > td .add-option-wrap { border-bottom:1px dashed #e4e4e5; } #productDetail .thumb-info .info .table-opt td.add-option-img { padding-top:10px; border-bottom:1px solid #e4e4e5; vertical-align:top; } #productDetail .thumb-info .info .table-opt td.add-option-img .thumb-s img { max-width:100%; } #productDetail .thumb-info .info .table-opt td.add-option-wrap { padding-top:10px; border-bottom:1px solid #e4e4e5; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .prd-icon, #productDetail .thumb-info .info .table-opt td.add-option-wrap .tit-prd { padding-left:20px; padding-top:0; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt { padding-left:20px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td select.basic_option, #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td select.addition_option { width:310px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td input.basic_option, #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td input.addition_option { width:306px; height:22px; line-height:24px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap { padding:5px 0 0 0; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap .tit { display:none; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap dd { width: 110px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap select { width: 100px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap input { width: 205px; } #productDetail .thumb-info .info .table-opt tr.add-option-end .MK_p-tit { display:block; width:90%; height:100%; line-height:12px; color:#000; font-weight:bold; } #productDetail .thumb-info .info .table-opt tr.add-option-end .MK_price { top:40px; right:0; } #productDetail .thumb-info .info .table-opt tr.add-option-end .MK_btn-del { top:0; } /*추가구성상품 191127 jw*/ #productDetail .info .table-opt .more_prd { border: 1px solid #e6e6e6; padding: 5px 0; border-bottom: 0; } #productDetail .info .table-opt .more_prd_click { position: relative; background-color: #fbfafa; padding: 5px 10px; border: 1px solid #e6e6e6; border-bottom: 0; } #productDetail .info .table-opt .more_prd_click span { position: absolute; right: 2%; top: 13%; } #productDetail .info .table-opt .more_prd td { padding: 5px } #productDetail .info .table-opt .more_prd .add-option-img .thumb-s img { width: 100%; } #productDetail .info .table-opt .more_prd .add-option-img{ position: relative; width: 100%; } #productDetail .info .table-opt .more_prd .add-option-img .prd-icon { display: inline-block; position: absolute; top:5px; left: 5px; width: 40px; } #productDetail .info .table-opt .more_prd .add-option-img .prd-icon img{ width:100%; } #productDetail .info .table-opt .more_prd .add-option-wrap h3.tit-prd { font-size: 14px; color: #000; font-weight: bold; } #productDetail .info .table-opt .more_prd .add-option-wrap .opt-wrap{ padding-top: 0; } #productDetail .info .table-opt .more_prd .add-option-wrap .table-opt tr { height: auto; } #productDetail .info .table-opt .more_prd .add-option-wrap .table-opt .tb-left select.basic_option{ width:100%; margin-bottom:5px; } #productDetail ul.top_img_bnt li.right_info div.info .table-opt .more_section td, #productDetail ul.top_img_bnt li.right_info div.info .table-opt .more_section th { line-height:15px; font-size:13px; } #productDetail ul.top_img_bnt li.right_info div.info .table-opt .more_section .add-option-wrap .tb-left{ padding-left:0; } /*191209 공통상단 단품,세트 할인 이벤트*/ .common_setevent_warp {margin:80px 0 80px;} .common_setevent_warp .common_setevent_box > div {margin-bottom:50px} .common_setevent_warp .common_setevent_box .setevent_title{margin-bottom:15px;text-align:center} .common_setevent_warp .common_setevent_box h2.setevent_title span {font-weight:bold;margin-left:10px} .common_setevent_warp .common_setevent_box h2.setevent_title span.row02 {display:block;margin-left:0} .common_setevent_warp .common_setevent_box .common_setevent_first ul.setevent_cont {overflow:hidden;width:745px;margin:0 auto} .common_setevent_warp .common_setevent_box .common_setevent_first ul.setevent_cont li {float:left;width:49%;margin-bottom:1%} .common_setevent_warp .common_setevent_box .common_setevent_first ul.setevent_cont li:nth-child(2) {margin-left:2%} .common_setevent_warp .common_setevent_box .common_setevent_sec ul.setevent_cont {overflow:hidden;width:100%} .common_setevent_warp .common_setevent_box .common_setevent_sec ul.setevent_cont li {float:left;width:32%;margin-bottom:1%} .common_setevent_warp .common_setevent_box .common_setevent_sec ul.setevent_cont li:nth-child(3n+2) {margin:0 1%} .common_setevent_warp .common_setevent_box ul.setevent_cont li img {display:block;width:100%;max-width:100%} .top_sp_banner {width:100%;margin:20px 0} .top_sp_banner img {width:100%} .tab_slider_wrap { max-width: 900px; margin: 0 auto; } .influencer{max-width:900px;margin:0 auto;} /* 201021 브이리뷰 동영상버튼삭제 wh.kim */ .vreview-fixed-go-to-top-button-prod_20190924 > div {display:none} /* BASIC css end */