/*============LIST 페이지==========*/ /* 페이지타이틀, 페이지경로 */ div.page_loca{font-size:16px; color:#222; text-align:left; margin:0 0 15px;} div.page_loca ul { padding: 0; margin: 0; } div.page_loca ul li { list-style: none; float: left; color:#a9a9a9; font-size:13px;} div.page_loca ul li a{color:#a9a9a9; } div.cate_pt{margin:-15px 0px 20px 0px; text-align:center; } div.cate_pt h3{font-size:35px;color:#000; } /* 페이지경로 */ .select_location {zoom:1; margin-bottom:0px; overflow:hidden;} .select_location:after {display:block;clear:both;content:'';} .select_location a {font-size:14px;color:#7c7c7c;font-weight:bold;letter-spacing:0;} .select_location > a {float:left;height:35px;line-height:35px;} .select_location > span {float:left;color:#D0D0D0;height:35px;line-height:35px;font-size:16px;padding:0 8px; font-family:"돋움"; font-weight:bold;} .select_location .dsn_select {float:left;height:33px;width:158px;border:1px solid #E6E6E6;} .select_location .dsn_select > a {display:block;position:relative;overflow:hidden;height:33px;padding-right:30px ;line-height:35px;text-indent:10px;text-decoration:none;} .select_location .dsn_select > a span {position:absolute;top:14px;right:10px;display:block;width:10px;height:9px;overflow:hidden;zoom:1;vertical-align:top;background:url(/images/mall/select_arr.png) 0 0 no-repeat;} .select_location .dsn_select > a:hover, .select_location .dsn_select.active > a, .select_location .dsn_select > a.selected {color:#0767F1;} .select_location .dsn_select.active {position:relative;z-index:110;} .select_location .dsn_select ul {display:none;position:absolute;top:33px;left:-1px;width:100%;overflow:hidden;background-color:#FFF;border:1px solid #e5e5e5;border-top:0 none;} .select_location .dsn_select.active ul {display:block} .select_location .dsn_select ul li {line-height:1;display: block;} .select_location .dsn_select ul li a {display: block;padding: 0 10px 0;line-height: 25px;font-size:13px;font-weight:normal; text-align:left;} .select_location .dsn_select ul li a:hover, .select_location .dsn_select ul li a:focus, .select_location .dsn_select ul li a:active, .select_location .dsn_select ul li a.selected {background-color: #4A9BEC;color: #fff;text-decoration: underline !important; } /* 카테고리 영역 */ div.sub_category{margin-bottom:50px;} div.sub_category .cate_list_box{margin-bottom:30px; overflow:hidden; border:1px solid #ddd; margin:-1px 0;} div.sub_category .cate_list_box:after{content:''; display:block; clear:both;} div.sub_category .cate_list_box li{float:left; width:calc(100% / 6); border: 1px solid #ddd; border-left-color: transparent; border-top-color: transparent;position:relative;z-index:1;} div.sub_category .cate_list_box li a{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; display:inline-block; width:100%; margin:0 0 -1px 0; text-indent:10px; border-width:0 1px 1px 0; font-size:14px; line-height:50px; position:relative;} div.sub_category .cate_list_box li a:hover{ color: #002590;} div.sub_category .cate_list_box li.on a:after {content:'\e92a'; display:block; position:absolute; top:1px; right:15px; font-size:18px; color:#002590; font-family: 'xeicon' !important;} div.sub_category .cate_list_box li.on a {color:#002590; background:#eff2fd; font-weight:600;} div.sub_category .cate_list_box li.on:after {content:''; display:block; position:absolute; top:-1px; left:-1px; width:100%; height:49px; border:1px solid #002590; z-index:1;} div.sub_category .cate_list_box li:nth-child(6n){border-bottom-color:#ddd; border-right-color: transparent;} div.sub_category .detail_list{border:1px solid #ddd; border-top:2px solid #002590; overflow:hidden; } div.sub_category .detail_list p{box-sizing:border-box;padding:11px 20px;letter-spacing:-0.06em; position:relative; background:#f7f8f9; font-weight:600; font-size:19px; color:#000;} div.sub_category .detail_list p:after {content:'\e943'; display:block; position:absolute; top:50%; right:15px; font-size:24px; color:#002590; font-family: 'xeicon' !important; margin-top:-19px;} div.sub_category .detail_list div{border-top:1px solid #ddd;} div.sub_category .detail_list div ul{overflow:hidden; box-sizing:border-box; padding:20px 15px;} div.sub_category .detail_list div ul li{float:left; margin:0px 15px; line-height:1.8; } div.sub_category .detail_list div ul li a{font-size:15px;letter-spacing:-0.06em; box-sizing:border-box; color:#666;} div.sub_category .detail_list div ul li a:hover{color: #002590;} div.sub_category .detail_list div ul li a.active{color: #002590; text-decoration:underline !important;} /* 정렬순 */ div.order_txt { color:#908d8e; margin-bottom:10px;} div.order_txt span.proTit{color:#231f20; font-weight:bold; margin-right:10px;} div.order{overflow:hidden; border-bottom:1px solid #d5d8db; border-top:1px solid #d5d8db; background-color:#fcfcfd; height:46px; line-height:46px; position:relative; } div.order fieldset{ width:100px; float:left; } div.order select::-ms-expand { display: none; -webkit-display: none; -moz-display: none; -o-display: none; -ms-display: none;} div.order select.sel_type{*background-image:none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; background:url('/images/mall/sel_icon.png') no-repeat right center;font-size:16px; color:#616161;height:46px; line-height:46px; text-decoration:underline; padding:0 15px 0 10px; border:0; position:relative; cursor:pointer;} div.order select.sel_type option{font-size:14px; text-decoration:none !important;} div.order select.sel_type:after{} div.sel_type {float:left;} div.sel_type ul li {float:left;text-align:center;margin-right:20px;cursor:pointer;color:#888;} div.sel_type ul li.on {color:#333; font-weight:bold;} /* 상품갯수 */ div.order .count_sort {float:right;padding:0px 20px; color:#222;text-align:center; border-right:1px solid #d5d8db; border-left:1px solid #d5d8db;} div.order .count_sort .tx_view {float:left;width:40px;color:#222;text-align:center; font-weight:500;} div.order .count_sort > ul {float:left; margin-left:10px;overflow:hidden} div.order .count_sort > ul > li {float:left;text-align:center;color:#ccc} div.order .count_sort > ul > li+li {margin-left:5px} div.order .count_sort > ul > li > a {display:block;min-width:20px;color:#888; font-size:15px; cursor:pointer;} div.order .count_sort > ul > li.on {color:#333;text-decoration:underline} div.order .count_sort > ul > li.on > a {color:#333} div.order .type_sort{float:right; box-sizing:border-box; margin:0px 10px;} div.order .type_sort button{width:18px; height:18px;cursor:pointer; text-indent:-9999px;margin:15px 3px; } div.order .type_sort button.gallery{background: url('/images/mall/view_img.gif') no-repeat left center; } div.order .type_sort button.list{background: url('/images/mall/view_list.gif') no-repeat left center;} div.order .type_sort button.gallery.on{background: url('/images/mall/view_img_on.gif') no-repeat left center; } div.order .type_sort button.list.on{background: url('/images/mall/view_list_on.gif') no-repeat left center; } /* 상품 정렬 타입 */ .cate_prd_list:after { content: ''; display: block; clear: both;} .cate_prd_list > li div.prd_thumb{position:relative; text-align:center; margin-bottom:15px; height:220px; border-radius:5px; overflow:hidden;} .cate_prd_list > li div.prd_thumb div.inner a{position:relative; display:block; width:100%; height:100%; } .cate_prd_list > li div.prd_thumb div.inner a:before{content : ""; display : block; position : absolute; left : 0; bottom : 0; width : 100%; height : 100%; background : rgba(0,0,0,0.05);} .cate_prd_list > li div.prd_thumb div.inner{position:relative; overflow:hidden; display:block;} .cate_prd_list > li div.prd_thumb img{width: 220px; height:220px;} .cate_prd_list > li div.prd_thumb .btn{ position: absolute; bottom:45px; right:-35px; width:35px;} .cate_prd_list > li div.prd_thumb:hover .btn{right:15px; transition: all 0.2s ease-out 0s;} .cate_prd_list > li div.prd_thumb button { width: 35px; height: 35px; outline:none; border:none; text-indent: -999999px; font-size: 0; cursor:pointer; margin:2px 0px;} .cate_prd_list > li div.prd_thumb .btn_zzim {background: url('/images/mall/btn_wish.png') no-repeat 50% 50%; background-size:35px 35px;} .cate_prd_list > li div.prd_thumb .btn_zzim:hover{background: url('/images/mall/btn_wish_ov.png') no-repeat 50% 50%;background-size:35px 35px;} .cate_prd_list > li div.prd_thumb .btn_basket {background: url('/images/mall/btn_basket.png') no-repeat 50% 50%; background-size:35px 35px;} .cate_prd_list > li div.prd_thumb .btn_basket:hover{background: url('/images/mall/btn_basket_ov.png') no-repeat 50% 50%;background-size:35px 35px;} .cate_prd_list > li div.prd_thumb div.img_zone .show_mark{z-index:10; position:absolute; top:5px; right:5px;} .cate_prd_list > li div.prd_thumb div.img_zone .mark img{width:50px; height:50px;} .cate_prd_list > li div.prd_thumb div.img_zone .mark00{z-index:10; position:absolute; top:5px; left:5px;} .cate_prd_list > li div.prd_thumb div.img_zone .mark01{z-index:10; position:absolute; top:5px; left:5px;} .cate_prd_list > li div.prd_thumb div.img_zone .mark02{z-index:10; position:absolute; top:5px; right:5px;} .cate_prd_list > li div.prd_thumb div.img_zone .mark03{z-index:10; position:absolute; bottom:35px; left:5px;} .cate_prd_list > li div.prd_thumb div.img_zone .mark04{z-index:10; position:absolute; bottom:45px; left:5px;} .cate_prd_list > li div.prd_thumb div.img_zone .soldout{width:100%; height:100%; position:absolute; top:0; left:0; background:url('/images/content/soldout.png?v=1') no-repeat center center; background-size:cover; z-index:99;} .cate_prd_list > li div.prd_thumb div.img_zone .proStop{width:100%; height:100%; position:absolute; top:0; left:0; background:url('/images/content/proStop.png?v=1') no-repeat center center; background-size:cover; z-index:99;} .cate_prd_list > li div.prd_thumb span.sub_title{display:block; width:100%; position:absolute; height:35px; line-height:35px; font-size:12px; color:#fff; bottom:-15px; left:0; background:rgba(0,0,0,0.6); padding:0px 10px; margin-bottom:15px; } .cate_prd_list > li div.prd_thumb span.sub_title b{display:block; width:100%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-weight:400;} .cate_prd_list > li .prd_name{position:relative; margin-bottom:10px} .cate_prd_list > li .prd_name a {overflow: hidden; display:block; height: 36px; margin-top: 2px; padding: 2px 0; -webkit-box-orient: vertical; line-height: 18px; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; word-break: keep-all; color:#000; font-weight:600;} .prd_price {height:25px;line-height:22px; margin-top:5px;font-size:12px;} .prd_price .tx_org {color:#b5b5b5;font-size:12px;text-decoration:line-through;vertical-align:middle;} .prd_price .tx_org > span {display:inline-block;font-size:14px;text-decoration:line-through;vertical-align:0;letter-spacing:-0.02em; margin-left:5px;} .prd_price .tx_cur {display:inline-block;} .prd_price .tx_cur > span {display:inline-block;font-size:20px;vertical-align:-1px; color:#dc1508; font-weight:500; margin-left:5px;} .prd_price .tx_org+.tx_cur {margin:0 0 0 7px;vertical-align:bottom} .prd_price span.proReplace{font-size:14px; font-weight:bold;} .prd_price a.proReplace{font-size:14px; background:#dc1508; color:#fff; font-weight:bold; padding:3px 5px;} .prd_price span.proSoldOut{font-size:14px; font-weight:bold;} .prd_price a.proSoldOut{font-size:14px; background:#dc1508; color:#fff; font-weight:bold; padding:3px 5px;} .prd_ori_number{font-size:14px; line-height:16px;} .prd_ori_made{font-size:14px; line-height:16px; margin-bottom:5px;} .prd_ori{margin-bottom:5px;} .prd_ori .prd_ori_number{font-size:13px; border:1px solid #111; display:inline-block; padding:1px 4px;} .prd_ori .prd_ori_number span{color:#0051C9;} .prd_ori .icon{display:inline-block; } .boardList{overflow:hidden;} .boardList ul.cate_prd_list li{width:20%; float:left; box-sizing:border-box; padding:20px 20px; min-height:450px;} .boardList ul.cate_prd_list2 li{min-height:400px;} .boardList ul.cate_prd_list li.nodate{padding:160px 0px 30px 0px !important; background:url('/images/content/nodata.png') no-repeat center 25px !important; background-size: 105px auto !important;} .boardList ul.cate_prd_list li .prd_ori_star{margin-top:10px; margin-bottom:5px; position:relative;} .boardList ul.cate_prd_list li .prd_ori_star em{padding-left:110px;} .boardList ul.cate_prd_list li .prd_ori_star span.grade{background: url('/images/main/star.png') no-repeat 0px -18px;background-size:98px 36px;} .boardList ul.cate_prd_list li .prd_ori_star span.state{background: url('/images/main/star.png') no-repeat 0px 1px; background-size:98px 36px;} .boardList ul.cate_prd_list li .prd_ori_star span.grade, .boardList ul.cate_prd_list li .prd_ori_star span.state{position: absolute; left: 0; top:0; display: inline-block; text-indent: -9999px; max-width: 100%; width: 100px; height: 18px; } .boardList ul.cate_prd_list li .prd_ori_star span i{vertical-align:middle; color:#71A0FF; font-size:18px; } .boardList ul.cate_prd_list li .prd_ori_deli{ font-size: 14px; color: #0051C9;} .relationList{position:relative;clear:both; /* padding-bottom:50px; */} .relationList div.title {position:relative; text-align:center; padding-bottom:20px; } .relationList div.title b{font-size:30px; font-weight:bold; color:#000; } .relationList div.title span{color:#d9121f; font-weight:400; font-size:18px;} .relationList ul.related_button{} .relationList ul.related_button li{display:inline-block;} .relationList ul.related_button li img{cursor:pointer;} .relationList div.boardList {position:relative; background:#fff; width:1300px;} .relationList div.boardList ul.cate_prd_list li{width:240px;} .relationList div.boardList .img_zone img{display:block;} .relationList div.boardList p.prev {position:absolute; cursor:pointer; top:50%;margin-top:-27.5px;z-index:9;} .relationList div.boardList p.next {position:absolute; cursor:pointer; top:50%;right:0;margin-top:-27.5px;z-index:9;} .relationList .rel_buy{padding:45px 35px; background:#fff;} .relationList .rel_buy table.tb_title{border-top:3px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} .relationList .rel_buy table.tb_title th{padding:15px 0; position:relative;} .relationList .rel_buy table.tb_title th:before{content:""; position:absolute; left:0; width:1px; height:26px; background:#e5e5e5;} .relationList .rel_buy table.tb_title th:first-child:before{width:0;} .relationList .rel_buy table.tb_view .center{text-align:center;} .relationList .rel_buy table.tb_view td{border-bottom:1px solid #e5e5e5; padding:5px 0; position:relative;} .relationList .rel_buy table.tb_view td .soldout{width:125px; height:100px; position:absolute; top:0; left:0; background:url('/images/content/soldout.png?v=1') no-repeat center center; background-size:cover;} .relationList .rel_buy table.tb_view td a.proReplace{font-size:14px; background:#dc1508; color:#fff; font-weight:bold; width:125px; height:40px; line-height:40px; display:inline-block; text-align:center;} .relationList .rel_buy .prd_list{width:100%; max-height:400px; overflow-y:scroll;} .relationList .rel_buy .prd_list .prd_btn_area span{display:inline-block; width:85px; height:40px; line-height:40px; background:#fff; cursor:pointer;} .relationList .rel_buy .prd_list .relBuy{color:#f25a4d; border:1px solid #f25a4d;} .relationList .rel_buy .prd_list .relCart{color:#00c6d7; border:1px solid #00c6d7;} .relationList .rel_buy .prd_list .rel_select{width:70px; height:42px;} .relationList .rel_buy .relation_button{width:100%; text-align:right; margin-top:25px;} .relationList .rel_buy .relation_button a{background:#888;color:#fff; font-size:15px; padding:10px 20px;} .r_productCount {width:50px;text-align:right;} .gal p img{width:100px; height:100%;} .gal .mark01{z-index:10; position:absolute; top:0px; left:100px; } .gal .mark02{z-index:10; position:absolute; top:0px; right:0px;} .gal .mark03{z-index:10; position:absolute; bottom:0px; left:100px;} .gal .mark04{z-index:10; position:absolute; bottom:0px; right:0px;} p.title{position:relative; margin:10px 0;} p.prd_ori .product_number{font-size:16px; font-weight:400; border:1px solid #111; padding:0 3px; margin-right:3px;} a.btn_list{margin-left:10px; background:#333; color:#fff; padding:0px 10px;} .sub_title{color:#888; border-bottom:1px solid #ddd; padding-bottom:5px;} /* 보기방식 */ div.mall_container div.boardList table.tb_view{} div.mall_container div.boardList table.tb_view td{border-bottom:1px solid #ccc; } div.mall_container div.boardList table.tb_view td.pimg{padding:10px 0px;} div.mall_container div.boardList table.tb_view td.pimg img{width:125px; height:100px;} div.mall_container div.boardList table.tb_view td.pimg .mark img{width:50px; height:50px;} div.mall_container div.boardList table.tb_view td.pimg .mark01{z-index:10; position:absolute; top:5px; left:5px;} div.mall_container div.boardList table.tb_view td.pimg .mark02{z-index:10; position:absolute; top:5px; right:30px;} div.mall_container div.boardList table.tb_view td.pimg .mark03{z-index:10; position:absolute; bottom:5px; left:5px;} div.mall_container div.boardList table.tb_view td.pimg .mark04{z-index:10; position:absolute; bottom:5px; right:30px;} div.mall_container div.boardList table.tb_view td.title{font-size:14px; text-align:left; color:#888; font-weight:bold; line-height:23px;} div.mall_container div.boardList table.tb_view td.title a{color:#888;} div.mall_container div.boardList table.tb_view td p.icon{margin-bottom:10px;} div.mall_container div.boardList table.tb_view td.price p{margin:4px 0px; overflow:hidden; line-height:25px; font-weight:bold; font-size:14px; color:#3e3e3e; text-align:left;} div.mall_container div.boardList table.tb_view td.price p span{border:1px solid #ccc; width: 104px; height:23px; line-height:25px; float:left; display:block; margin-right:5px;font-size:14px; color:#888; font-weight:normal; text-align:center; margin-right:15px;} .prd_btn_area{text-align:center;} .cartBtn{width:85px;height:40px;color:#00b9c9;border:1px solid #00C6D7;background:#fff; margin:0px 5px;} .wishBtn{width:85px;height:40px;color:#8A61FF;border:1px solid #8A61FF;background:#fff; margin:0px 5px;} /*============VIEW 페이지==========*/ /* 탑이미지, 제품명 박스 */ div.mall_container div.pro_box{margin-bottom: 80px; margin-top:20px;} div.mall_container div.pro_box div.pleft{float:left; width:620px; text-align:center;} div.mall_container div.pro_box div.pright{float:right; width: 605px; position:relative; margin-left:75px;} div.mall_container div.pro_box div.pright p.title{font-size: 28px; color: #000; line-height: 32px; letter-spacing:-0.06em; word-break: break-all;} div.mall_container div.pro_box div.pright div.icon{margin-top:10px;} div.mall_container div.pro_box div.pright ul.info_list{margin-top:15px; font-size:15px;} div.mall_container div.pro_box div.pright ul.info_list li{overflow:hidden; padding:5px 0px;} div.mall_container div.pro_box div.pright ul.info_list li span.tit{float:left; width:120px;} div.mall_container div.pro_box div.pright ul.info_list li span.tb_cont{width:calc(100% - 120px);float:left; text-align:left;} div.mall_container div.pro_box div.pright ul.info_list li span.tb_cont_left{width:calc(100% - 120px);float:left; text-align:left;} div.mall_container div.pro_box div.pright ul.info_list li.price{padding:0px 0px; line-height:30px; height:30px;} div.mall_container div.pro_box div.pright ul.info_list li.br{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:12px 0px; margin:5px 0px;} div.mall_container div.pro_box div.pright ul.info_list li.br_t{border-top:1px solid #ddd; padding-top:12px; margin-top:5px; } div.mall_container div.pro_box div.pright ul.info_list li.br_b{border-bottom:1px solid #ddd; padding-bottom:12px; margin-bottom:5px;} .org_price{color:#b0b0b0;text-decoration:line-through;font-weight:400;} .tb_cont .tx_cur{color: #ff3012;} .cur_price{font-size:22px; font-weight: 700;} .red{color:#ed493f;} /* 큰이미지 롤링 */ .gal{position:relative;} .bimg{ width:520px; height:470px; position:relative; border:1px solid #e4e4e4; text-align:center; margin-bottom:40px; padding-top:0px; margin-left:100px;} .bimg img.big{width:100%; height:100%;} .gal div.simg_wrap{position:absolute; left:-100px; top:-5px; width:80px;} .gal div.simg_wrap ul{width:80px !important; height:470px;margin:0 auto;} .gal div.simg_wrap ul li{display:inline-block;width:77px; margin:5px 0px; text-align:center; box-sizing:border-box;border:1px solid #ddd;} .gal div.simg_wrap ul li a{display:inline-block; box-sizing:border-box; cursor:pointer; background-color:#fff; text-align:center; } .gal div.simg_wrap ul li a img{ width:75px; height:68px;} .gal div.simg_wrap ul li a img.grayscale {filter:alpha(opacity=70); /*투명도*/ opacity:0.3;} .gal div.simg_wrap ul li.on img.grayscale{filter:alpha(opacity=100); opacity:1;} .gal p.prev{position:absolute; top:35%; left:30px; z-index:10;} .gal p.next{position:absolute; top:35%; right:30px; z-index:10;} .gal div.soldout{width:100%; height:100%; position:absolute; top:0; left:0; background:url('/images/content/soldout.png?v=1') no-repeat center center; background-size:cover; z-index:99;} .gal div.proStop{width:100%; height:100%; position:absolute; top:0; left:0; background:url('/images/content/proStop.png?v=1') no-repeat center center; background-size:cover; z-index:99;} /* 옵션 */ .prd_option_box {position:relative;width:100%;height:48px;margin:20px 0 0;background:#fff;} .prd_option_box .sel_option {display:block;height:48px;line-height:46px;padding:0 20px;border:1px solid #f25a4d;color:#f25a4d;background:url("/images/mall/option_arrow.png") no-repeat 94% 20px;font-weight:700} .prd_option_box .sel_option > .icon_flag {margin-right:5px} .prd_option_box .sel_option_list {display:none;position:absolute;top:48px;left:0;width:100%;max-height:245px;overflow-x:hidden;border-left:1px solid #aaa;border-right:1px solid #aaa;border-bottom:1px solid #aaa;background:#fff;z-index:1} .prd_option_box .sel_option_list > li {position:relative;width:100%} .prd_option_box .sel_option_list > li+li {border-top:1px solid #e5e5e5} .prd_option_box .sel_option_list > li > a {overflow:hidden;display:block;width:100%;min-height:46px;padding:12px 115px 12px 20px;color:#666; box-sizing:border-box; } .prd_option_box .sel_option_list > li > a.option_soldout{background:#efefef; color:#999; position:relative;} .prd_option_box .sel_option_list > li.on{background:#f2f2f2} .prd_option_box .sel_option_list > li .icon_flag {display:block;float:left;vertical-align:top;font-weight:normal;} .prd_option_box .sel_option_list > li .option_value {display:block;max-width:271px;text-overflow:ellipsis;/*white-space:nowrap;*/} .prd_option_box .sel_option_list > li .icon_flag+.option_value {max-width:226px;} .prd_option_box .sel_option_list > li .color+.option_value {max-width:245px;} .prd_option_box .sel_option_list > li .color {display:block;float:left;width:16px;height:16px;margin-right:10px;vertical-align:middle} .prd_option_box .sel_option_list > li .color img {width:16px;height:16px} .prd_option_box .sel_option_list > li button {position:absolute;top:50%;right:20px;margin-top:-11px;width:78px;height:22px;color:#ee782f;border:1px solid #ee782f;background:#fff;font-family:'dotum','돋움';font-size:12px;font-weight:400} .prd_option_box .sel_option_list > li .option_price {position:absolute;top:20px;right:20px;margin-top:-7px} .prd_option_box .sel_option_list > li .option_price .tx_num {font-size:15px} .prd_option_box .sel_option_list > li .coupon_info {padding-left:15px;background:url("/images/mall/bar_repeat.png") repeat-x 0 0;margin:0 20px;height:46px;line-height:46px;color:#969937;font-weight:700} .prd_option_box .sel_option_list > li .coupon_info:before {display:inline-block;content:"";margin:0 3px 0 -15px;background:url("/images/mall/icon_prd_coupon.png") no-repeat 0 center;width:11px;height:11px;} .prd_option_box .color img{width:16px;vertical-align:middle;} .prd_option_box .color{margin-right:10px;} .prd_option_box .sel_option_list > li .coupon_info button {top:auto;bottom:11px;color:#969937;border-color:#969937;line-height:20px} .prd_option_box .open {border-color:#002590; color:#002590; background:url("/images/mall/option_arrow.png") no-repeat 94% -23px;} /* 상품 개수 변경 영역 (상품상세) */ .evt_prd_list .prd_cnt_box{margin:0;min-height:auto;padding:0;border:0;background:none;} .prd_cnt_box {position:relative;margin:10px 0 0;min-height:60px;padding:14px 20px;border:1px solid #e9e9e9;background:#f9f9f9} .prd_cnt_box+.prd_gift_box {margin:0;border-top:0} .prd_cnt_box:after {content:'';display:block;clear:both} .prd_cnt_box .tit_area {color:#333;line-height:30px} .prd_cnt_box .tit_area > span {display:block;font-weight:700} .prd_cnt_box .cont_area {position:absolute;bottom:20px;right:22px;max-width:50%} .prd_cnt_box .case_cnt_box~.cont_area {top:46px;} .prd_cnt_box .cont_area .option_price {display:inline-block;color:#222;font-weight:700} .prd_cnt_box .cont_area .option_price .tx_num {font-size:18px;margin-right:1px;vertical-align:-2px} .prd_cnt_box .btn_opt_del {overflow:hidden;display:inline-block;width:13px;height:13px;margin-left:7px;margin-bottom:2px;background:url("/images/mall/close.png") no-repeat 50% 50%;vertical-align:middle;text-indent:-9999px} .prd_cnt_box .option_cnt_box {display:block;max-width:121px;margin-top:5px;border:1px solid #ddd;overflow:hidden} .prd_cnt_box .option_cnt_box input[type="text"] {float:left;font-weight:700;width:60px;height:28px;padding:0 10px;border:0;text-align:center;color:#222;background-color: #fff;} .prd_cnt_box .option_cnt_box .btnCalc {float:left;width:29px;height:28px;text-indent:-9999px;background:#f5f5f5 url("/images/mall/ico_calculator.png") no-repeat 0 50%} .prd_cnt_box .option_cnt_box .btnCalc.minus {background-position:1px 50%;border-right:1px solid #ddd} .prd_cnt_box .option_cnt_box .btnCalc.plus {background-position:-32px 50%;border-left:1px solid #ddd} .prd_cnt_box .cont_area .option_cnt_box {margin-bottom:-6px} .prd_option_box~.option_add_area .prd_cnt_box {padding:10px 20px 19px} .option_add_area.pkg_goods_n .prd_cnt_box + .prd_cnt_box{margin-top:-1px;} .option_add_area.pkg_goods_n .prd_cnt_box.no_prom + .prd_cnt_box{margin-top:10px;} .option_add_area + .prd_gift_box{margin-top:10px;border-top:1px solid #e9e9e9} .option_add_area .case_cnt_box, .prd_cnt_box .case_cnt_box {padding:6px 24px;} .option_add_area .case_cnt_box p, .prd_cnt_box .case_cnt_box p {padding-left:7px;background:url("/images/mall/bar2.gif") no-repeat 0 center;font-size:12px;line-height:22px;color:#888;} .option_add_area .case_cnt_box strong, .prd_cnt_box .case_cnt_box p strong {color:#969937;} .prd_cnt_box .case_cnt_box {padding:0;margin:10px 0 -10px;} .prd_cnt_box.disabled input[type="text"] {color:#ccc;background:#fafafa} /* 상품금액 */ .prd_total_price {overflow:hidden;height:70px;margin:10px 0 0;padding:18px 0 0;border-bottom:2px solid #00338c;color:#002590;font-weight:700; box-sizing:border-box;} .prd_total_price .tx_tit {float:left;font-size:18px; padding-top: 12px;} .prd_total_price .tx_cont {float:right} .prd_total_price .tx_cont .price_detail{font-size:30px;} .prd_total_price .tx_cont .tx_num {font-size:22px;margin-right:2px;vertical-align:-2px;letter-spacing:-0.04em !important} /* 버튼 */ .btn {overflow:hidden; text-align: center; margin-top:25px;} .btn_purchase { float: left; margin-left: 11px; width:315px; height: 60px; line-height: 60px; font-size: 19px; font-weight: bold; color: #fff; background-color: #002590; } .btn_cart { float: left; margin-right: 11px;width:134px; height: 60px; line-height: 60px; font-size: 19px; font-weight: bold; color: #666; background-color: #fff; border:1px solid #d8d8d8; box-sizing:border-box; } .btn_cart:hover{color:#a0a0a0;} .btn_pick { float: left; width:134px; height: 60px; line-height: 60px; font-size: 19px; font-weight: bold; color: #666; background-color: #fff; border:1px solid #d8d8d8; box-sizing:border-box; } .btn_pick:hover{color:#a0a0a0;} .btn_order { float: left; margin-right: 7px; padding: 0 20px; height: 30px; line-height: 26px; font-size: 14px; font-weight: bold; color: #fff; background-color: #cc2633; border: 1px solid #cc2633; } .btn_replace {display:inline-block; width:134px; height: 50px; line-height: 50px; font-size: 19px; font-weight: bold; color: #fff; background-color: #F25A4D; text-align:center; margin-top:10px;} /* 공유하기 */ div.sns{overflow:hidden; margin-top:20px;} div.sns p{float:left; width:15%; line-height:36px; font-size: 15px; color:#000; font-weight:bold;} div.sns ul{float:left: width:85%;} div.sns ul li{float:left; margin-left:5px;} /*경고문구*/ .warningBox{background:#f7fafc; border:1px solid #ececec; padding:20px;} .warningBox h4{font-size:35px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #ddd; text-align:center; color:#111;} .warningBox ul {padding:0 210px; font-size:18px; } .warningBox ul li{margin-top:10px; position:relative;} .warningBox ul li i{color:#01559E;} /*관련상품*/ .pro_text{padding-top:0; border-bottom:none;} .pro_text .swiper-container{padding-bottom:20px;} .pro_text .img_zone{border:1px solid #eee; margin-bottom:5px;} .pro_text .img_zone img{max-width:100%; height:125px;} .pro_text .prd_name{display: block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2em;height: 2.3em; font-size:14px; margin-bottom:10px; text-align:left;} .pro_text .prd_price{text-align:left;} .pro_text .prd_price .tx_cur > span{margin-left:0; color:#000; } .pro_text .prd_price .tx_org > span{ font-size:10px;} .pro_text .nodate{padding: 130px 0px 20px 0px !important; background: url(/images/content/nodata.png) no-repeat center 20px !important; background-size: 85px auto !important; border:1px solid #eee; margin-bottom:30px} .pro_text .swiper-container-horizontal>.swiper-pagination-bullets, .pro_text .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0; } .pro_text .btnWrap{position:absolute; left:50%; bottom:0px; transform:translateX(-50%); z-index:1000;} .pro_text .btnWrap .swiper-pagination{position:relative;} .pro_text .btnWrap .swiper-pagination .swiper-pagination-bullet{margin:0 2px;} .pro_text .swiper-button-prev, .pro_text .swiper-button-next{display:inline-block; margin:0 3px; width:16px; height:18px; z-index:1000; cursor:pointer; background:none; position:absolute; top:50%; transform:translateY(-50%); } .pro_text .swiper-button-prev{left:-20px;} .pro_text .swiper-button-prev:after{ content : ""; display : block; width:11px; height:18px; position : absolute; left:0px; top:0; background:url('/images/main/prev0.png')no-repeat 0 0; background-size:100%;} .pro_text .swiper-button-next{right:-25px;} .pro_text .swiper-button-next:after{ content : ""; display : block;width:11px; height:18px; position : absolute; left:0px; top:0; background:url('/images/main/next0.png')no-repeat 0 0; background-size:100%;} /* 뷰단에 있는 상품평 없애고 관련상품 넣음 2021-0408 .pro_text{ padding:20px 0 20px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; text-align:left; } .pro_text_tit h4{display:inline-block; font-size:22px; color:#111; margin-right:30px;} .pro_text_tit h5{display:inline-block; font-size:24px; color:#01559E; margin-right:30px;} .prd_ori_star{position:relative; display:inline-block;vertical-align:middle; } .prd_ori_star span.grade{background: url('/images/main/star.png') no-repeat 0px -22px;background-size:126px 43px;} .prd_ori_star span.state{background: url('/images/main/star.png') no-repeat 0px 1px; background-size:126px 43px;} .prd_ori_star span.grade, .prd_ori_star span.state{position: absolute; left: 0; top:0; display: inline-block; text-indent: -9999px; max-width: 100%; width: 100px; height: 23px; } .prd_ori_star span i{vertical-align:middle; color:#71A0FF; font-size:18px; } .prd_ori_star em{font-size:14px; padding-left:135px;} .pro_text ul{border-top:1px dashed #ddd; padding-top:10px; margin-top:20px;} .pro_text ul li{margin-top:10px; position:relative; padding-right:80px; } .pro_text ul li.nodate{padding: 75px 0px 0px 0px !important; background: url(/images/content/nodata.png) no-repeat center 0px !important; background-size: 65px auto !important; text-align:center;} .pro_text ul li span{position:absolute; right:0px; top:0px;} */ /* 상품정보 탭 */ .prodetail{margin-top:60px;} .prodetail ul.tab{margin-top:0px; width:100%; position:relative; background:#fff; z-index:10;} .prodetail ul.tab:before{content:'';display : block; position : absolute; left :-50%; bottom:0px; width :200%; height : 1px; border-bottom:1px solid #dedede; z-index:1; } .prodetail ul.tab li{float: left; display:block; width:calc(33.33% - 1px); height: 62px; line-height: 60px; box-sizing:border-box; text-align: center;} .prodetail ul.tab li a { display: block; text-align:center; font-size: 18px; color: #888; font-weight: bold;} .prodetail ul.tab li.current a {position:relative; color: #0065CC; background-color: #fff; border:none; } .prodetail ul.tab li.current a:before{content:'';display : block; position : absolute; left :0px; bottom:-1px; width :100%; height : 3px; z-index:1; background: #0065CC; } .prodetail .p_detail{padding: 40px 15px; color:#575757; font-size:16px; line-height:24px; max-width:1300px;} .prodetail .p_detail h2{color:#000; border-bottom:2px solid #000; font-size:28px; padding-bottom:15px; margin-bottom:35px; } .prodetail .prod_info{text-align:center;} .prodetail .prod_info img{max-width:1200px; margin:0 auto;} .prodetail ul.tab.fix{position:fixed; top:140px; left:50%; margin-left:-650px; width:1300px; margin-top:0;} /* 관련상품 */ .prod {width: 1100px; border-bottom:1px solid #ddd;position:relative;} .prod div.prod_inner{ width:1100px; margin:0 auto; overflow:hidden;text-align:center;} .prod ul{overflow:hidden; height:253px;} .prod ul li {float:left; width:201px; height:253px; margin-left: 10px; } .prod ul li img{width:201px; height:155px; margin-bottom:10px;} .prod ul li p.name {width: 197px; height: 18px; letter-spacing: 0; line-height: 20px; overflow: hidden; font-size: 14px; color: #888;margin:0px 10px; margin-bottom:5px;} .prod ul li p.price{width: 197px; color:#303030; font-size:14px; margin:0px 10px;} .prod p.prev, .prod p.next{ width:36px; height:55px; z-index:1000;} .prod p.prev{position:absolute; left:0px; top:80px;} .prod p.next{position:absolute; right:0px; top:80px;} .no_data{text-align:center; line-height:50px; padding-bottom:30px;} .relation_cnt_box{display:block;max-width:121px;margin-top:5px;border:1px solid #ddd;overflow:hidden} .relation_cnt_box input[type="text"] {float:left;font-weight:700;width:45px;height:28px;padding:0 10px;border:0;text-align:center;color:#222;background-color: #fff;} .relation_cnt_box .btnRelCalc {float:left;width:29px;height:28px;text-indent:-9999px;background:#f5f5f5 url("/images/mall/ico_calculator.png") no-repeat 0 50%} .relation_cnt_box .btnRelCalc.rel_minus {background-position:1px 50%;border-right:1px solid #ddd} .relation_cnt_box .btnRelCalc.rel_plus {float:right; background-position:-32px 50%;border-left:1px solid #ddd} /* 배송안내 */ div.info h3{font-size: 20px; display:inline-block; color: #002590; font-weight:700; padding-bottom: 5px; } div.info div {/* padding: 20px 0 20px 0; margin-top: -1px; border-top:1px solid #ddd; */} div.info p{margin-top:5px; margin-bottom:20px;} div.info p.ex{margin-bottom:30px;} div.mall_container div.boardView div.pro_body {width:100%; position:relative;margin-top:30px;border-top:1px solid #dbdbdb;} div.mall_container div.boardView div.pro_body div.nav {margin-bottom:10px;} div.mall_container div.boardView div.pro_body div.content {padding:10px;} /*div.mall_container div.boardView table tbody tr.first { background:url(/images/board/layout/bar_bg_bot.gif) repeat-x; }*/ div.mall_container div.boardView table tbody tr td.num { } div.mall_container div.boardView table tbody tr td.title { text-align:left; vertical-align:middle; } fieldset{border:none;} legend {display:none;} /*============마이쇼핑==========*/ .myLayout{width:1360px; margin:0px auto; padding-bottom:90px !important; padding-top:30px !important; } .myLayout #sepration2{float:left; width:200px; } .myLayout #sepration2 .leftMenu{border:1px solid #ddd; padding:30px 20px;} .myLayout #sepration2 .leftMenu h2{color:#3F65E0; font-size:24px; border-bottom:1px solid #111; margin-bottom:10px; padding-bottom:10px;} .myLayout #sepration2 .leftMenu ul li{margin-top:10px; } .myLayout #sepration2 .leftMenu ul li.on a{color:#0065CC;} .myLayout #sepration2 .cartBox{margin-top:10px; border:1px solid #ddd; padding:30px 20px; font-size:19px;} .myLayout #sepration2 .cartBox i{color:#0050CD; margin-left:60px;} .myLayout #section2{float:left; width:1130px; margin-left:30px; position:relative;} /* 장바구니 Step */ div.mall_step{overflow:hidden; margin-bottom:30px; padding-bottom:5px; position:relative;} div.mall_step h3{font-size:40px; font-weight:600; color:#222; } div.mall_step ul{position:absolute; right:0; bottom:15px;} div.mall_step ul li{display:inline; font-size:22px; margin-left:10px; color:#898989; padding-right:25px; background:url("/images/mall/next.gif") no-repeat right center; background-size:10px auto;} div.mall_step ul li.on{background:url("/images/mall/next_on.gif") no-repeat right center; background-size:10px auto; color:#333;} div.mall_step ul li.last{padding-right:0; background:none !important;} div.mall_step ul li span{font-size:20px;} div.mall_container div.boardList ul.sButton {width: 66px; margin: 0 auto;} div.mall_container div.boardList ul.sButton li{clear:both; margin-bottom: 5px; margin-right: 0;} /* 관리자 테이블 */ table.tblDataList { width:100%; border-collapse:collapse; } table.tblDataList th, table.tblDataList td { border:1px solid #dbdbdb; } table.tblDataList th { padding:5px; background:#f6f6f6; color:#333; letter-spacing:-1px; } table.tblDataList td { padding:4px 5px; color:#333; text-align:center; } table.tblDataList td { padding:5px\9; }/*ie*/ table.tblDataList td img { vertical-align:middle; } table.tblDataList td.left { text-align:left; } table.tblDataList td.right { text-align:right; } table.tblDataList td.nowrap { white-space:nowrap; } table.tblDataList td p.option{font-size:14px; color:#888; font-weight:400;} /* 폼 테이블 */ table.tblForm { width:100%; border-collapse:collapse; } table.tblForm th, table.tblForm td { border:1px solid #dbdbdb; } table.tblForm th { padding:5px; background:#f6f6f6; color:#333; } table.tblForm td { padding:4px 5px; color:#333; } table.tblForm td { padding:5px\9; }/*ie*/ table.tblForm td input, table.tblForm td select, table.tblForm td textarea { margin-top:2px\0IE8+9; margin-bottom:2px\0IE8+9; }/*ie*/ table.tblForm td a img { margin-top:-2px; vertical-align:middle; } table.tblForm td textarea { width:99%; } table.tblForm td input[type="text"], table.tblForm td input[type="password"], table.tblForm td textarea { border:1px solid #cecece; -webkit-box-shadow:0 0 3px #e0e0e0; box-shadow:0 0 3px #e0e0e0; } table.tblForm td input[type="text"], table.tblForm td input[type="password"] { padding:2px\9; }/*ie*/ table.tblForm td label { white-space:nowrap; } table.tblForm td label input[type="checkbox"], table.tblForm td label input[type="radio"] { margin:4px; vertical-align:middle; } /* 주문서 작성 */ div.shop h3{font-size:24px; color:#222; font-weight:500; margin-bottom:10px; letter-spacing:-0.06em; margin-top:20px;} div.shop h4{font-size:18px; color:#263F8F; font-weight:400;letter-spacing:-0.06em; position:relative; padding-left:15px; margin-bottom:10px; margin-top:40px;} div.shop h4:before{ content : ""; display : block; position : absolute; left :0; top:50%; margin-top:-3px; width : 6px; height : 6px; background : #263F8F; border-radius:50%; } .shop h4 span{font-size:15px;} .shop h4 input{margin-left:15px;} /* 주문완료 */ .order_complete{margin-top: 30px; width: 100%; height: 310px; border: 5px solid #ddd; display:inline-block; *display:inline; zoom:1; -webkit-box-sizing:border-box; box-sizing:border-box; padding: 30px 0px; margin-bottom: 30px; } p.txt02{font-size: 20px; line-height: 30px;text-align:center;} .inner_txt{margin-left: 100px; margin-top: 30px;} .inner_txt li{text-align:left;line-height: 25px;} table.tb_white { width:70%; border-collapse:collapse; margin: 0 auto; margin-top: 30px;} table.tb_white td {padding: 0px 10px; height: 35px;} table.tb_white td.code{color:blue; font-size:20px; font-family:verdana; background-color: #f5f5f5; text-align:center;} .btn_complete { margin: 0 auto; display:block; width:150px; height:45px; text-align:center; line-height:45px; font-size: 16px; font-weight: bold; color: #fff; background-color: #FB4335; border: 1px solid #FB4335; cursor:pointer;} ul.check{margin:10px 0px;} ul.check li{background:url('/images/mall/check.gif') no-repeat 0 8px; padding-left:15px;} .txt01{font-weight:bold; margin-top:10px; background-color:#f4f4f4; padding:20px; margin-bottom:10px; font-size:14px; text-align:center;} /* 장바구니, 마이쇼핑 테이블 */ .rbutton { display: inline-block; font-size: 13px; line-height: 1; font-weight: bold; letter-spacing: -1px; padding: 8px 15px; } .rbutton.dark { color: #fff; background: #626770; border: 1px solid #363c47; box-shadow: 0 1px 1px #d8d8d8; text-shadow: 1px 1px #4b4f56; } .rbutton.white { color: #626770; background: #fff; border: 1px solid #363c47; box-shadow: 0 1px 1px #d8d8d8; } .rbutton.gray { color: #797877; background: #e7e5e5; border: 1px solid #a0a0a0; padding: 3px 10px; } ul.sButton li{margin-top:5px; text-align:center;} ul.sButton li:first-child{margin-top:0px;} .choice{margin-top:5px;} table.tb_shop { clear:both; border-collapse:collapse; width:100%;table-layout: fixed; } table.tb_shop th, table.tb_shop td { box-sizing:border-box; } table.tb_shop td{border: 1px solid #ddd; color: #666; background: #fff; text-align:center; vertical-align: middle; padding: 5px 10px; font-size:15px;} table.tb_shop th{border: 1px solid #f4f4f4; border-top:2px solid #111; color: #333; background: #f4f4f4; font-weight:500; padding: 15px 10px;} table.tb_shop td.t_left{text-align:left;} table.tb_shop td.t_right{text-align:right;} table.tb_shop td.title ul{} table.tb_shop td.title ul li{text-align:left; overflow:hidden;width:100%;} table.tb_shop td.title ul li.productImg{float:left; width:20%;} table.tb_shop td.title ul li.productImg img{width:300px; height:300px;} table.tb_shop td.title div.detailField ul{display:table;} table.tb_shop td.title div.detailField ul li{display:table-cell; width:80%;} table.tb_shop td.title div.detailField ul li.proimg{position:relative;} table.tb_shop td.title div.detailField ul li:first-child{width:70px;} table.tb_shop td.title div.detailField ul li.proname a{color:#333;} table.tb_shop td.title div.detailField ul li img{width:100%; height:auto; } table.tb_shop td.title div.detailField ul li .soldout{width:100%; height:100%; position:absolute; top:0; left:0; background:url('/images/content/soldout.png?v=1') no-repeat center center; background-size:cover;} table.tb_shop td.title div.detailField ul li .proStop{width:100%; height:100%; position:absolute; top:0; left:0; background:url('/images/content/proStop.png?v=1') no-repeat center center; background-size:cover;} table.tb_shop td.title ul li.productOpt{width:100%;} table.tb_shop td.title ul li.productOpt div.optCon{margin-top:5px;} table.tb_shop td.title ul li.productOpt div.optCon h5{padding:5px;border:1px solid #ddd; font-weight:bold;} table.tb_shop td.title ul li.productOpt ul{background:#f8f8f8; padding:10px; position:relative;} table.tb_shop td.title ul li.productOpt ul li{float:none; font-weight:normal; line-height:18px;} table.tb_shop td.title ul li.productOpt ul li p{position:absolute; top:-23px; right:5px; font-weight:bold; color:#666;} table.tb_shop td.title ul li.productOpt ul li span{float:right; font-weight:bold; color:#666;} table.tb_shop td.title ul li.pro_tit a{color: #242424;} table.tb_shop td input[type="text"]{border:1px solid #ddd; height:35px; line-height:35px; text-indent:10px;} table.tb_shop td input.datepicker{background: #fff url('/images/mall/calendar.gif') no-repeat right 50%; width:140px;} .btn_delete{font-size:13px; border:1px solid #666; padding:5px; color:#666;} div.result_zone{width:100%; height:50px; text-align:right; line-height:50px; padding:0px 10px; box-sizing:border-box; margin-bottom:20px; font-size:18px;} .btn_zone{text-align:center; margin-bottom:30px;} div.result_zone span.price_detail{font-size:16px; color:#f34921; font-weight:bold;} table.tb_shop input.btn_edit{ border: 0 none; padding: 0; margin: 0; background: transparent; outline: none; cursor: pointer; background-color:#a1a1a1; border:1px solid #666; color:#fff; font-size:11px; padding:3px 5px; margin-top:10px;} table.left_tb {border-collapse: collapse; width: 100%; table-layout: fixed;} table.left_tb th {text-align: left; border-left: 1px solid #cecece; background-color: #fbfbfb; letter-spacing:0em; font-weight:bold; color:#474747; padding:10px 5px 10px 25px; line-height:130%; border-bottom: 1px solid #cecece; border-top: 1px solid #cecece; border-right: 1px solid #cecece; } table.left_tb td { border-bottom: 1px solid #cecece; border-right: 1px solid #cecece; padding: 10px 15px;line-height:180%; border-top: 1px solid #cecece; } table.left_tb td input[type="text"], table.left_tb td input[type="password"]{ line-height: 1; height: 35px; padding: 3px 0 5px; vertical-align:middle; border: 1px solid #cecece; border-radius: 0 !important; -webkit-appearance: none !important; background: #fff; color: #4d4d4d; text-indent: 5px !important; } table.left_tb td input[type="file"]{height:30px;} table.left_tb th.t_row, table.left_tb td.t_row{border-top: 3px solid #cecece;} table.left_tb select{padding: 5px 10px;} table.left_tb textarea{width:95%;} table.left_tb td label{margin-left:15px;} table.left_tb td label:first-child{margin-left:0;} /* 옵션테이블 */ table.opt_table {border-collapse: collapse; width: 100%; table-layout: fixed;background-color: #fff;} table.opt_table th {background-color: #fff;text-align: left;letter-spacing:0em; font-weight:bold; color:#474747; padding:5px !important; line-height:100%; border: 1px solid #cecece;} table.opt_table td { padding:5px !important; line-height:100%; border: 1px solid #cecece;} table.opt_table td input[type="text"], table.opt_table td input[type="password"]{ line-height: 1; height: 10px; padding: 3px 0 5px; vertical-align:middle; border:none; border-radius: 0 !important; -webkit-appearance: none !important; background: #fff; color: #4d4d4d; text-indent: 5px !important; } table.opt_table th ul.opt_name li{} table.opt_table td.pbold{font-size:14px !important; font-weight:bold;} /* 결제정보 테이블 */ .tb1 { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0 none;} .tb1 th { height: 38px; text-align: left; background: #f3f3f3; border-top: 1px solid #898989; border-bottom: 1px solid #898989;} .tb1 td { height: 82px; border-bottom: 1px solid #ddd; text-align: right; color: #333;} .tb1 td.num_deliv{background: url('/images/mall/ico_plus.gif') no-repeat 0 50%;} .tb1 td.num_minus{background: url('/images/mall/ico_minus.gif') no-repeat 0 50%;} .tb1 td.num_total{background: url('/images/mall/ico_total.gif') no-repeat 0 50%;} span.price{font: bold 24px tahoma; text-align: right; color: #333;} span.txt_won{top: -3px; padding: 0px 5px; font-size: 14px; } div.poin{margin-top:10px; background:#f5f5f5; padding:10px 30px;} .tb1 td input[type="text"]{border:1px solid #ddd; height:35px; line-height:35px; padding:0px 5px;} .pnlNone{margin-top:10px; } .res_tb th{padding:10px 30px; text-align:left; color:#111; font-weight:500; border-bottom:1px solid #ddd;} .res_tb td{padding:10px ; border-bottom:1px solid #ddd;} .res_tb .first_th th, .res_tb .first_th td{border-top:1px solid #111} .res_tb td input[type="text"], .res_tb td input[type="password"] {line-height: 1; height: 35px; padding: 3px 0 5px; vertical-align: middle; border: 1px solid #cecece; border-radius: 0 !important; -webkit-appearance: none !important; background: #fff; color: #4d4d4d; text-indent: 5px !important;} .res_tb select{line-height: 1; height: 35px; width:115px; padding: 3px 0 5px; vertical-align: middle; border-radius: 0 !important; color: #4d4d4d; border: 1px solid #cecece;} .res_tb td.phone input[type="text"]{width:115px !important;} .res_tb .cash_no label{margin-right:15px;} /* 주문취소 반품 교환 */ div.tab_menu{margin-bottom:40px;} div.tab_menu ul{display:flex;width:100%;margin-bottom:30px; position:relative;} div.tab_menu ul:after{content:"";display:block;clear:both;} div.tab_menu ul li{float:left;width:calc(50% + 1px);margin-right:-1px;height:66px;border:1px solid #e5e5e5;border-bottom:2px solid #0065CC;box-sizing: border-box;transition: .05s ease-in-out} div.tab_menu ul li a{display:block;width:100%;height:100%; font-size:22px; line-height:66px; color:#a5a5a5; letter-spacing:-1px; text-align:center; box-sizing:border-box; transition: .05s ease-in-out; background:#f9f9f9;} div.tab_menu ul li.selected{position:relative;border:2px solid #0065CC;border-bottom:0; } div.tab_menu ul li.selected a{font-weight:500;color:#0065CC; background:#fff;} div.period{position: relative; border: 1px solid #ddd; background: url('/images/mall/pattern_bg.gif') repeat 0 0; text-align: right; width: 100%; box-sizing: border-box; display: inline-block; vertical-align: top; padding: 30px 0; margin-bottom: 10px;} .tb_period { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0 none; } .tb_period th { text-align: right; padding-right:10px; font-weight:normal; font-size:16px;} .tb_period td {padding:6px 0px; color: #333; text-align:left; } .tb_period td ul li{float:left;} .tb_period td ul li a{padding:4px 15px; background-color:#fff; color:#999; border:1px solid #999; margin-right:5px; font-size:15px;} .tb_period td ul li.on a{ background-color:#002590; color:#fff; border:1px solid #002590;} .tb_period td input[type="text"]{line-height: 1; padding: 5px 0 7px; vertical-align:middle; border: 1px solid #cecece; border-radius: 0 !important; -webkit-appearance: none !important; background: #fff; color: #4d4d4d; text-indent: 5px !important; background: #fff ;} .tb_period td input.input_year{background: #fff url('/images/mall/calendar.gif') no-repeat right 50%; width:140px;} .tb_period span.btn_search{display:inline-block; width:70px; height:33px; line-height:33px; text-align:center; color:#fff; background-color:#002590; font-size:15px; } p.refer{ color:#898989; margin-top:15px; position:relative; margin-bottom:30px; padding-left:10px; font-size:15px; line-height:1.0;} p.refer:before{content:'';display : block; position : absolute; left :0; top:0; width :2px; height :100%; background : #999;} .top_area span.btn_excel{display:inline-block; width:90px; height:25px; line-height:25px; text-align:center; color:#fff; background-color:#002590; font-size:14px; margin-left:10px;} /*마이쇼핑*/ div.buyZone{width:40%; float:left; position:relative;} div.buyZone h3{position:relative; margin-top:0;} div.buyZone h3:before{content : ""; display : block; position : absolute; right : -10px; top : 6px; width:202px;height:40px; background:url('/images/mall/myshop_ex.png')no-repeat 0 0;} div.buyTop{background:#f7f8f9; border:1px solid #eee; margin-right:8px; margin-bottom:5px; text-align:right; padding:5px;} div.buyTop a{display:inline-block; height:30px; line-height:30px; border:1px solid #111; background:#fff; color:#111; width:60px; text-align:center; font-size:14px;} div.buyTop a.btn_confirm{background-color: #002590 !important; border: 1px solid #002590 !important; color:#fff;} div.buyZone div.buyTop a:hover{background:#0050CD; color:#fff; border-color:#002590;} div.buyZone div.buyTop a.on{background:#0050CD; color:#fff; border-color:#002590;} div.buyZone div.buyTop span.date{padding-right:20px;} div.buyZone_inner{width: 100%; max-height: 555px; overflow: hidden; overflow-y: auto; padding-right:8px;} div.buyZone_inner::-webkit-scrollbar {width:5px;height:3px;background-color:#eae9e9;} div.buyZone_inner::-webkit-scrollbar-thumb {background-color:#000; -webkit-border-radius:3px;border-radius:3px;} div.buyZone_inner > ul > li{border:1px solid #ddd; padding:5px 10px; margin-bottom:3px; overflow:hidden;} div.buyZone_inner > ul > li .buyImg{float:left; width:50px; margin-right:10px;} div.buyZone_inner > ul > li .buyImg img{width:50px; height:50px; } div.buyZone_inner > ul > li .buyInfo{position:relative; float:left; width:calc(100% - 60px); padding-right:70px; min-height:55px;} div.buyZone_inner > ul > li .buyInfo p.name{font-size:17px; color:#000; } div.buyZone_inner > ul > li .buyInfo p.name span{white-space: nowrap; background:#ebf2fc; color:#0050CD; font-size:14px; padding:2px 4px;} div.buyZone_inner > ul > li .buyInfo p.dst{margin-top:3px;} div.buyZone_inner > ul > li .buyInfo p.dst span{background:#f7f7f7; padding:3px 5px; color:#000;} div.buyZone_inner > ul > li .buyInfo p.dst em{margin-left:10px; color:#777; font-size:14px;} div.buyZone_inner > ul > li .buyInfo p.cost{color:#000; font-weight:500;} div.buyZone_inner > ul > li .buyInfo .btn{position:absolute; right:0px; top:50%; transform:translateY(-50%); margin-top:0;} div.buyZone_inner > ul > li .buyInfo .btn .bmod, div.buyZone_inner > ul > li .buyInfo .btn .bdel{display:block; width:60px; height:25px; line-height:25px; text-align:center; border-radius:2px; } div.buyZone_inner > ul > li .buyInfo .btn .bmod{background:#0050CD; border:1px solid #0042a9; color:#fff;} div.buyZone_inner > ul > li .buyInfo .btn .bdel{margin-top:5px; background:#EBEBEB; border:1px solid #aaa; color:#000;} div.buyZone_inner > ul > li.nolist{padding:40px 10px 40px 140px; background:url('/images/mall/nolist.png')no-repeat 30px 50%; background-size:40px auto;} .accordion a.title{position:relative; border:1px solid #ddd; display:block; padding:2px; font-size:14px;} .accordion a.title:before{content : "\e942"; display : block; position : absolute; right : 8px; top : 2px; color:#888; font-size:13px; font-family: 'xeicon';} .accordion ul.option_list{display:none; border:1px solid #eee; border-top:none; background:#f7f7f7;} .accordion ul.option_list li{ color:#1579db; font-size:13px; padding:2px 4px; border-right:1px solid #ddd; } .accordion.active ul.option_list{display:block;} ul.option_list.list2{color:#0050CD; font-size:11px; } ul.option_list.list2 li{display:inline-block; margin-right:5px; border-right:1px solid #ddd; padding-right:5px; } ul.option_list.list2 li:last-child{border-right:none;} div.buyZone div.buyZone_inner > ul > li .buyInfo a.buyCart{position:absolute; right:0px; top:50%; transform:translateY(-50%); height:60px; line-height:1.3; padding:12px 0; width:70px; color:#888; text-align:center; border-radius:10px; background:#f7f7f7; cursor:pointer} div.cartZone{width:58%; float:left; margin-left:2%;} div.cartZone h3{position:relative; margin-bottom:6px; margin-top:0;} div.cartZone div.buyTop{margin-right:13px;} div.cartZone div.buyTop a{width:80px;} div.cartZone div.buyZone_inner{padding-right:13px;} div.buyZone_inner > ul > li.no_Data{padding:40px 10px 40px 140px; background:url('/images/mall/nolist.png')no-repeat 30px 50%; background-size:40px auto;} /*마이쇼핑 하단 슬라이드*/ .swiper1{} .swiper1 li{border:1px solid #eee; border-radius:5px; overflow:hidden;} .swiper1 li .prd_thumb{position:relative; z-index:1; } .swiper1 li .prd_thumb a{position:relative; display:block; width:100%; height:100%;} .swiper1 li .prd_thumb a:before{content : ""; display : block; position : absolute; left : 0; bottom : 0; width : 100%; height : 100%; background : rgba(0,0,0,0.05); } .swiper1 li .prd_thumb img{display:block; margin:0 auto;} .swiper1 li .prd_thumb a.buyCart{position:absolute; bottom:15px; right:-150px; z-index:10; opacity:0; height:60px; width:60px; border-radius:50%; background:#fff url('/images/main/btn_basket2.png')no-repeat 50% 50%; text-indent:-10000px; cursor:pointer;} .swiper1 li .prd_thumb a.buyCart:before{display:none;} .swiper1 li:hover .prd_thumb a.buyCart{transition: all 0.2s ease-out 0s; opacity:1; right:20px; } .swiper1 li .prd_info{padding:15px 10px 10px;} .swiper1 li .prd_info .name{font-size:16px; color:#000; margin:10px 0; display: block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.3em;height: 2.6em;} .swiper1 li .prd_info .prd_ori_number span{background:#f7f7f7; padding:2px 4px;} .swiper1 li .prd_info .price .tx_org{color:#b5b5b5;font-size:12px;text-decoration:line-through;} .swiper1 li .prd_info .price .tx_cur{color:#000; font-size:18px; font-weight:500;} .swiper1 .swiper-button-prev, .swiper1 .swiper-button-next{margin:0; top:65%;width:27px; height:44px; transform:translateY(-50%); z-index:1000; position:absolute; cursor:pointer; background:none;} .swiper1 .swiper-button-prev{left:0px;} .swiper1 .swiper-button-prev:after{ content : "\e93d"; display : block;font-size:30px; font-weight:700; text-align:center; position : absolute; left:0px; top:0; width : 100%; height : 100%; line-height:2.5rem; font-family:'xeicon'; color:#333; } .swiper1 .swiper-button-next{right:0px;} .swiper1 .swiper-button-next:after{ content : "\e940"; display : block;font-size:30px; font-weight:700;text-align:center; position : absolute; left:0px; top:0; width : 100%; height : 100%; line-height:2.5rem; font-family:'xeicon'; color:#333; } .swiper1 div.prd_thumb .btn{ position: absolute; bottom:45px; right:-75px; width:35px; z-index:10;} .swiper1 div.prd_thumb button { width: 35px; height: 35px; outline:none; border:none; text-indent: -999999px; font-size: 0; cursor:pointer; margin:2px 0px;} .swiper1 div.prd_thumb .btn_basket {background: url('/images/mall/btn_basket.png') no-repeat 50% 50%; background-size:35px 35px;} .swiper1 div.prd_thumb .btn_basket:hover{background: url('/images/mall/btn_basket_ov.png') no-repeat 50% 50%;background-size:35px 35px;} /*마이쇼핑 옵셥팝업창*/ div.order_popup{display:none; position:fixed; top:50%; left:50%; transform:translate(-27% , -50%); width:500px; background:#fff; border-radius:5px; border:1px solid #777; padding:20px; z-index:1100;} div.order_popup h3{padding:0 0 10px; margin:0 0 10px; font-size:24px; font-weight:600; border-bottom:1px solid #111;} div.order_popup h3 span{float:right; cursor:pointer; font-size:30px;} div.order_popup h5{font-size:18px; margin-bottom:10px;} div.order_popup .optionZone{display:none;} div.order_popup .optionZone select{width:100%; height:35px; margin-bottom:10px;} div.order_popup .optionZone .orderOptionList{ background:#F9F9F9; border:1px solid #E9E9E9; margin-bottom:20px;} div.order_popup .optionZone .orderOptionList li{margin:10px 0; padding:0 10px; position:relative; padding-right:20px;} div.order_popup .optionZone .orderOptionList li span{margin-right:10px;} div.order_popup .optionZone .orderOptionList li span.optionDel{position:absolute; top:50%; right:5px; transform:translateY(-50%); margin:0; cursor:pointer;} div.order_popup table{width:100%;} div.order_popup table td{height:40px;} div.order_popup table tr.optionZone{} div.order_popup div.order_button{text-align:center;} div.order_popup div.order_button span.order_save{display:inline-block; background:#0050CD; cursor:pointer; color:#fff; font-size:20px; height:55px; line-height:55px; width:180px;} /*마이쇼핑 바로구매팝업창*/ div.buy_popup{display:none; position:absolute; top:0%; left:50%; transform:translateX(-51% ); width:1100px; background:#fff; border-radius:5px; border:1px solid #777; padding:20px; z-index:1010; } div.buy_popup h2{padding:0 0 10px; margin:0 0 10px; font-size:24px; font-weight:600; border-bottom:1px solid #111;} div.buy_popup h2 span{float:right; cursor:pointer; font-size:30px;} /* 주문 배송 조회 관심상품 */ div.top_area{margin-bottom:10px; overflow:hidden;} div.top_area b{float:right; font-weight:normal; color:#dd1508; font-size:15px;} div.tb_top{position:relative; clear:both; margin: 10px 0px 0px 0px; padding: 8px 15px; box-sizing:border-box; background-color: #fbfbfb; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } p.tb_top{clear:both; margin: 10px 0px 0px 0px; padding: 8px 15px; box-sizing:border-box; background-color: #fbfbfb; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } button, input[type=submit] { border: 0 none; outline: none; cursor: pointer;} .sbtn { display: inline-block; font-size: 13px; line-height: 1; font-weight: bold; letter-spacing: -1px; padding:5px 10px; border-radius: 0px;} .sbtn.dark { color: #fff; background: #666; border: 1px solid #666; } .sbtn.white { color: #626770; background: #fff; border: 1px solid #363c47; box-shadow: 0 1px 1px #d8d8d8; border-radius: 0px; } .sbtn.grey { color: #797877; background: #e7e5e5; border: 1px solid #a0a0a0; } .sbtn.red { color: #fff; background: #ff414d; border: 1px solid #ff414d; } ul.sbtn_list li{margin-top:3px;} ul.sbtn_list li:first-child{margin-top:0px;} .choice{margin-top:5px;} div.change h3{ font-size:24px; font-weight:bold; color:#666; margin-top:30px; margin-bottom:5px;background: url("/images/mall/h4.gif") no-repeat 0 3px; } div.popArea{background-color:#f8f8f8; padding:20px; font-size:15px;} div.popArea h4{font-weight:bold; margin-top:20px; color:#fb366b; font-size:14px; } div.popArea span{font-weight:bold;} .mt0{margin-top:0px !important;} /* 주문상품확인 */ .boardOrder h2{font-size:16px; font-weight:bold; color:#333; margin-bottom:10px; margin-top:30px;} .boardOrder h3{font-size: 15px; margin-top:20px; margin-bottom:10px;} .btn_white{padding:5px 20px; border:1px solid #454545; font-weight:bold; color:#454545;} /* 마이쇼핑-today */ .mall_tab{position: relative; overflow: hidden; width: 100%; height: 40px; background: url('/images/mall/tab_line.png'); margin:15px 0px;} .mall_tab ul{} .mall_tab ul li{float:left;} .mall_tab ul li a { display: inline-block; margin: 0; padding: 3px 0 0 0; vertical-align: middle; text-align: center; text-decoration: none !important; white-space: nowrap; line-height: 35px;} .mall_tab ul li.on{background-color: #fc5e08;} .mall_tab ul li.on a { width: 162px; padding: 2px 0; border: 0px solid #5c5c5c; border-right: 0; color: #fff; font-weight:bold; text-decoration: none;} .mall_tab ul li.off a { width: 160px; border: 1px solid #c5c5c5; border-right: 0; color: #555; text-decoration: none; background-color: #f7f7f7;} .mall_tab ul li:last-child { border-right: 1px solid #c5c5c5;} /* Table */ .tb_date{border-collapse: collapse; border-spacing: 0; table-layout: fixed; margin-bottom: 25px;} .tb_date tbody th{background-color: #e2e2e2; color: #242424; font-weight: bold; border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; } .tb_date tbody td{border-bottom: 1px solid #e2e2e2;border-top: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; color: #333; height:40px; vertical-align:middle; padding:0px 10px;} .tb_date tbody td ul li{float:left; margin-right:10px;} .tb_date tbody td input[type="text"]{line-height: 1; height: 15px; padding: 3px 0 5px; vertical-align:middle; border: 1px solid #cecece; border-radius: 0 !important; -webkit-appearance: none !important; background: #fff; color: #4d4d4d; text-indent: 5px !important; } .tb_date tbody td select{ height: 25px; vertical-align:middle; border: 1px solid #cecece; width:90px; border-radius: 0 !important; -webkit-appearance: none !important; background: #fff; color: #4d4d4d; text-indent: 5px !important;} h3 span.stxt{font-weight:normal; color: #898989; font-size:16px;} div.period .my_grade{float:left; position:relative; width:310px; text-align:center;} div.period .my_grade h3{font-size:26px; color:#222; margin:15px 0px;} div.period .my_grade:after {content:'';display : block; position : absolute; right :0px; top:20px; width :1px; height : 157px; background : #ddd; } div.period .my_grade a{border:1px solid #111; margin-top:10px; padding:3px 10px; font-size:15px; display:inline-block; cursor:pointer} ul.total{overflow:hidden; box-sizing:border-box; padding:20px 0;} ul.total li{float:left; width:157px; text-align:center; margin-left:60px;} ul.total li div{width:157px; height:157px; background-color:#009CE6; border-radius:10px; color:#fff; box-sizing:border-box;margin:0 auto; padding-top:20px;} ul.total li h3{font-size:21px; margin-bottom:10px;color:#fff; margin:0; padding:0; } ul.total li div p.num{font-size:21px; } ul.total li div p.more{margin-top:15px;} ul.total li div p.more a{color:#fff; padding:5px 10px; border:1px solid #fff;} ul.total li.t02 div{background-color:#E02E8C;} ul.total li.t03 div{background-color:#f7b500;} /*레프트메뉴 쪽으로 이동*/ ul.total.leftMenu2{padding:0;} ul.total.leftMenu2 li{float:none; width:100%; margin-left:0;} ul.total.leftMenu2 li div{width:100%; height:auto; border-radius:0; padding:10px; text-align:left;} ul.total.leftMenu2 li h3{position:relative; margin-bottom:10px;} ul.total.leftMenu2 li h3 a{position:absolute; right:0px; top:7px; font-size:14px;} ul.total.leftMenu2 li div p.num{background:#fff; color:#111; border-radius:5px; padding:5px; text-align:right} div.timg{overflow:hidden; margin-top:15px; position:relative; width:100%; padding:0; border-top:2px solid #00C6D7; border-bottom:1px solid #ddd; padding:50px 30px;} div.timg ul{width: 100%; margin:0 auto; overflow:hidden;} div.timg ul li a{float:left; display:inline; width:180px; margin-left:10px; text-align:left;} div.timg ul li a img{ border:1px solid #d9d9d9 !important; width:140px; height:140px; margin-bottom:10px;} div.timg ul li a p{margin:0; padding:0;} div.timg ul li a p.name{ color:#444646; margin-bottom:10px; height:50px;} div.timg ul li a p.price{margin-top:5px;} div.timg ul li a p.price .tx_org {color:#b5b5b5;font-size:10px;text-decoration:line-through;vertical-align:middle;} div.timg ul li a p.price .tx_org > span {display:inline-block;font-size:12px;text-decoration:line-through;vertical-align:0;letter-spacing:-0.02em} div.timg ul li a p.price .tx_cur {display:inline-block;} div.timg ul li a p.price .tx_cur > span {display:inline-block;font-size:16px;vertical-align:-1px; color:#dc1508;} div.timg ul li a p.price .tx_org+.tx_cur {margin:0 0 0 7px;vertical-align:bottom} div.timg .swiper-button-prev, .swiper-button-next{width:52px; height:52px; margin-top:-20px; } div.timg .swiper-button-prev{background: url('/images/main/prev.png') no-repeat center top; background-size:52px 52px; left:0;} div.timg .swiper-button-next{background: url('/images/main/next.png') no-repeat center top; background-size:52px 52px; right:0;} /* 검색완료페이지 */ div.tit-search h2{text-align: center; position: relative; height: 60px; margin-bottom: 8px; } div.tit-search h2 span{display: inline-block; line-height: 60px; font-size: 23px; color: #352f29; padding: 0 18px; } div.tit-search h2 em{font-family: Tahoma; font-weight: bold; color: #e2704b;} div.mall_container div.boardList ul li.search_none{border:none; text-align:center; width:100%; margin:50px 0px; border-bottom:1px solid #ddd; font-size:15px; color:#898989;} div.mall_container div.boardList ul li.search_none img{margin-bottom: 10px;} /*상품 리스트 페이징*/ .mall_container .boardPageNav {width: 100%;text-align: center; position: relative; overflow: hidden; margin-top: 30px !important;} .mall_container .boardPageNav ul{display:inline-block; zoom:1;*display:inline;} .mall_container .boardPageNav ul li{display:inline; } .mall_container .boardPageNav ul li a{display:block;float:left;width:35px; height:32px; border:1px solid #eaeaea; background:#fbfbfb; font-size: 13px; font-weight:bold; line-height:32px; text-align:center; margin-left:5px;} .mall_container .boardPageNav ul li.first a{background: url('/images/board/clip/first.gif') no-repeat 0 0; border:none; margin:0; width:35px; height:32px; } .mall_container .boardPageNav ul li.prev a{background: url('/images/board/clip/prev.gif') no-repeat 0 0; width:35px; height:32px; border:none; } .mall_container .boardPageNav ul li.next a{background: url('/images/board/clip/next.gif') no-repeat 0 0; width:35px; height:32px; border:none;} .mall_container .boardPageNav ul li.last a{background: url('/images/board/clip/last.gif') no-repeat 0 0; border:none;width:35px; height:32px;} .mall_container .boardPageNav strong a, div.boardPageNav strong {background: #7d7d7d; color: #fff; font-weight: bold; width:100%; height:100%; display:block; border:1px solid #7d7d7d;} /* BEST */ div#wrap div#container h3 a{margin-left:10px;} div#wrap div#container div.best{position:relative;} div#wrap div#container div.best h3{ color:#222; font-size:27px; padding-top:40px; font-weight:600;} div#wrap div#container div.best div.best_tab{position: absolute;top:0; right:0; z-index:10; } div#wrap div#container div.best div.best_tab ul{overflow:hidden;} div#wrap div#container div.best div.best_tab ul li{float:left; margin:0px 5px;} div#wrap div#container div.best div.best_tab ul li a{display:block; color:#a5a5a5; padding:0px 5px;font-size:13px; padding-top:52px;} div#wrap div#container div.best div.best_tab ul li.on a{ color:#00c6d7;} div#wrap div#container div.best div.best_tab ul li a.b00{background: url('/images/main/cate00.png') no-repeat center top;} div#wrap div#container div.best div.best_tab ul li a.b01{background: url('/images/main/cate01.png') no-repeat center top;} div#wrap div#container div.best div.best_tab ul li a.b02{background: url('/images/main/cate02.png') no-repeat center top;} div#wrap div#container div.best div.best_tab ul li a.b03{background: url('/images/main/cate03.png') no-repeat center top;} div#wrap div#container div.best div.best_tab ul li a.b04{background: url('/images/main/cate04.png') no-repeat center top;} div#wrap div#container div.best div.best_tab ul li a.b05{background: url('/images/main/cate05.png') no-repeat center top;} div#wrap div#container div.best div.best_tab ul li a.b06{background: url('/images/main/cate06.png') no-repeat center top;} div#wrap div#container div.best div.best_tab ul li a.b07{background: url('/images/main/cate07.png') no-repeat center top;} div#wrap div#container div.best div.best_tab ul li a.b08{background: url('/images/main/cate08.png') no-repeat center top;} div#wrap div#container div.best div.best_tab ul li a.b09{background: url('/images/main/cate09.png') no-repeat center top;} div#wrap div#container div.best div.best_tab ul li.on a.b00{background: url('/images/main/cate00_on.png') no-repeat center top;} div#wrap div#container div.best div.best_tab ul li.on a.b01{background: url('/images/main/cate01_on.png') no-repeat center top;} div#wrap div#container div.best div.best_tab ul li.on a.b02{background: url('/images/main/cate02_on.png') no-repeat center top;} div#wrap div#container div.best div.best_tab ul li.on a.b03{background: url('/images/main/cate03_on.png') no-repeat center top;} div#wrap div#container div.best div.best_tab ul li.on a.b04{background: url('/images/main/cate04_on.png') no-repeat center top;} div#wrap div#container div.best div.best_tab ul li.on a.b05{background: url('/images/main/cate05_on.png') no-repeat center top;} div#wrap div#container div.best div.best_tab ul li.on a.b06{background: url('/images/main/cate06_on.png') no-repeat center top;} div#wrap div#container div.best div.best_tab ul li.on a.b07{background: url('/images/main/cate07_on.png') no-repeat center top;} div#wrap div#container div.best div.best_tab ul li.on a.b08{background: url('/images/main/cate08_on.png') no-repeat center top;} div#wrap div#container div.best div.best_tab ul li.on a.b09{background: url('/images/main/cate09_on.png') no-repeat center top;} div#wrap div#container div.best div.pcon{margin-top:0px;} div.boardList ul li.search_none{border:none; text-align:center; width:100%; margin:50px 0px; border-bottom:1px solid #ddd; font-size:15px; color:#898989;} div.boardList ul li.search_none img{margin-bottom: 10px;} .cate_prd_list > li div.prd_thumb div.inner > h3 {position:absolute;top:1px;left:4px;width:32px;height:23px;background-color:#f3f3f3;padding-top:5px;color:#898989;font-weight:bold;font-size:13px;text-align:center;} .cate_prd_list > li div.prd_thumb div.inner > h3.first {background:url('/images/mall/best_ico.gif') no-repeat center top; height:25px; padding-top:13px; color:#fff; width:40px;} .view_list td.pimg .img_zone{position:relative;} .view_list td.pimg .img_zone > h3 {position:absolute;top:1px;left:4px;width:32px;height:23px;background-color:#f3f3f3;padding-top:5px;color:#898989;font-weight:bold;font-size:13px;text-align:center;} .view_list td.pimg .img_zone > h3.first {background:url('/images/mall/best_ico.gif') no-repeat center top; height:25px; padding-top:13px; color:#fff; width:40px;} .view_list td.pimg .img_zone .soldout{width:125px; height:100px; position:absolute; top:0; left:0; background:url('/images/content/soldout.png?v=1') no-repeat center center; background-size:cover; z-index:9999;} .view_list td.pimg .img_zone .proStop{width:125px; height:100px; position:absolute; top:0; left:0; background:url('/images/content/proStop.png?v=1') no-repeat center center; background-size:cover; z-index:9999;} /* 찜한상품 */ table.tbWish{border-collapse:collapse; clear:both; border-top:2px solid #111111;} table.tbWish td{padding:20px; border:1px solid #ececec; border-right:none; vertical-align:top;} table.tbWish td:first-child{border-left:none;} table.tbWish td div.item{position:relative; overflow:hidden;} table.tbWish td div.item input[type='checkbox']{position:absolute; left:2px;top:2px; box-sizing:border-box;} table.tbWish td div.item div.pimg{width:150px; margin:0px 30px; float:left; } table.tbWish td div.item ul{width:60%;float:left;} table.tbWish td div.item ul li{overflow:hidden; width:100%; margin-top:10px;} table.tbWish td div.item ul li.prd-name{margin-bottom:10px; font-size:16px; font-weight:500;margin-bottom:20px; margin-top:0; color:#000;} table.tbWish td div.item ul li strong{width:20%; float:left; font-size:14px; font-weight:400;} table.tbWish td div.item ul li p{width:80%; float:left;} table.tbWish td div.item ul li span{font-size:14px; border-radius:0;} table.tbWish thead td{padding:10px 20px;} table.tbWish thead td button.delete{background:#fff; border:1px solid #ddd; box-sizing:border-box; margin-left:5px;} table.tbWish thead td button.cart{border:1px solid #ddd; box-sizing:border-box;} div.all-select{ clear: both; margin-top: 10px; padding: 12px 15px; background-color: #fbfbfb; border: 1px solid #ddd; border-bottom:none; position:relative; } div.all-select div{position:absolute;top:8px; right:15px;} div.all-select div button.select_cart{font-size:15px; background:#07689f; color:#fff; padding:5px 8px; letter-spacing:-0.08em;} div.all-select div button.delete{font-size:15px; background:#ff414d; color:#fff; padding:5px 8px; letter-spacing:-0.08em;} div.wish_Box{margin:20px 0; border:1px solid #0051c9; padding:20px; overflow:hidden} div.wish_Box .wish_button{float:left; width:150px; padding-right:20px;} div.wish_Box .wish_button select{width:100%;} div.wish_Box .wish_button button{margin-top:10px; width:100%; background:#0051c9; color:#fff; font-size:14px;} div.wish_Box .wish_button .btn_setting{margin-top:10px; display:block; height:30px; background: #ffc93c; color:#111; line-height:30px; font-size:14px; text-align:center; cursor:pointer} div.wish_bookmark_list{float:left; width:calc(100% - 150px);} div.wish_bookmark_list h4{color:#111; font-size:18px; padding-bottom:5px; border-bottom:1px solid #ddd; margin-bottom:5px;} div.wish_bookmark_list .wish_list{position:relative; } div.wish_bookmark_list .wish_list li{display:inline-block; margin-left:20px; margin-top:5px;} div.wish_bookmark_list .wish_list li:first-child{margin-left:0px;} div.wish_bookmark_list .wish_list li a{color:#111; } div.wish_bookmark_list .wish_list li.on a{font-weight:600; color:#0051c9;} div.wish_product_list{width:100%;border:1px solid #ddd;box-sizing:border-box;border-top:2px solid #111;} div.wish_product_list table.wTable{width:100%;} div.wish_product_list table.wTable thead th{background:#f6f6f6; line-height:37px; height:37px; border-bottom:1px solid #111;} div.wish_product_list table.wTable tbody td{text-align:center; padding:3px; border-bottom:1px solid #ccc;} div.wish_product_list table.wTable tbody td.t_left{text-align:left; padding:3px 10px;} div.wish_product_list table.wTable tbody td.t_right{text-align:right; padding:3px 10px;} div.wish_product_list table.wTable tbody td.t_border{border-left:1px dotted #ccc;} div.wish_product_list .rbutton{width:80px;} div.wish_product_list .rbutton.white{margin-top:5px;} .mybuybox{border:1px solid #0050CD; padding:20px; } /*배송지리스트*/ .btn_shipping{display:inline-block; padding:3px 5px; background:#333; color:#fff; margin-left:10px; font-size:15px; cursor:pointer;} /*리뷰페이지*/ .review_table{border-collapse: collapse; border-spacing:0; margin-bottom:20px;} .review_table thead th{color:#474747;background-color:#f8f8f8;font-weight:bold;padding:13px 10px 11px 10px;border-bottom:1px solid #606264;border-top:2px solid #606264;} .review_table tbody td{color:#454545;padding:15px 10px 14px 10px;text-align:center;vertical-align:middle; border-bottom:1px solid #dee2e7;} .review_table tbody td.t_left{color:#454545;padding:15px 10px 14px 10px;text-align:left;vertical-align:middle;} .review_table tbody td img{width:100px;height:100px;} .review_bottom{text-align:right;margin-top:5px;} .review_table tbody td p{padding:0;margin:0} ul.start_list{list-style:none; padding:0; margin:0;} ul.start_list li{float:left;} ul.start_list li span{display:inline-block; width:22px; height:22px; background: url('/images/main/star.png') no-repeat 0px -22px;background-size:126px 43px;} ul.start_list li.on span{display:inline-block; width:22px; height:22px; background: url('/images/main/star.png') no-repeat 0px 1px;background-size:126px 43px;} /* .pro_text{ padding-top:20px; border-bottom: 1px solid #ddd; text-align:left; } .pro_text_tit h4{display:inline-block; font-size:24px; color:#333333; margin:0; margin-right:30px;} .pro_text_tit h5{display:inline-block; font-size:24px; color:#01559E; margin:0; margin-right:30px;} .prd_ori_star{position:relative; display:inline-block;vertical-align:middle; margin:0; height:25px;} .prd_ori_star span.grade{background: url('/images/main/star.png') no-repeat 0px -22px;background-size:126px 43px;} .prd_ori_star span.state{background: url('/images/main/star.png') no-repeat 0px 1px; background-size:126px 43px;} .prd_ori_star span.grade, .prd_ori_star span.state{position: absolute; left: 0; top:0; display: inline-block; text-indent: -9999px; max-width: 100%; width: 100px; height: 23px; } .prd_ori_star span i{vertical-align:middle; color:#71A0FF; font-size:18px; } .prd_ori_star em{font-size:16px; padding-left:135px; font-style:normal; font-weight:400;} */ ul.review_list{width:100%; list-style:none; padding:0; margin:0;} ul.review_list li{border-bottom:1px solid #ddd; padding:10px;cursor:pointer;} ul.review_list li div.list_top{position:relative; height:80px; padding-left:120px; box-sizing:border-box;} ul.review_list li div.list_top div.img_zone{position:absolute; top:0px; left:10px; width:100px; height:80px;} ul.review_list li div.list_top a.review_edit{position:absolute; top:0px; right:0px; display:inline-block; padding:5px 10px; background:#002590; color:#fff;} ul.review_list li div.list_top h4{margin:0;} ul.review_list li div.list_top h5{margin:0; margin-top:5px; color:#888;} ul.review_list li div.list_top .prd_ori_star em{color:#aaa;} ul.review_list li p{margin:0px;} ul.review_list li p.productName{color:#002590; font-size:14px;} ul.review_list li p.subject{color:#000; font-size:16px;} ul.review_list li div.content{display:none; color:#333; font-size:14px; background:#f7f7f7; padding:5px; margin-top:5px;} ul.review_list li.active div.content{display:block;} ul.review_list li.active div.list_top{height:auto; }