@charset "utf-8";
/* CSS Document */
@import url('../css/common.css');

/*상단(공통)*/
.pop{}
.pop .top{ height:47px; line-height:47px; color:#fff; font-weight:600; text-align:center; 
background:url(file:///C|/Users/ubi_wd_h/Documents/img/common/pop_bg.png) repeat #0e42a8  ; font-size:16px}
.pop .close{ display:block; width:17px; height:17px; position:absolute; top:14px; right:20px;}
/*하단*/
.pop .bottom{ position:absolute; bottom:0; left:3%; text-align:center; font-size:12px; height:50px; width:94%; margin:auto; border-top:1px dashed #ccc;}
.pop .bottom .button_10 { border-radius:2px; padding:5px 12px; border:1px solid #ccc; margin-top:10px; display:inline-block; color:#555}



/*쿠폰---------------------------------*/
/*사용가능한 쿠폰*/
.pop .content.coupon{ width:715px; margin:20px auto; }
.coupon .tap{ height:44px; line-height:42px; width:100%; display:block; border-bottom:1px solid #bebebe; }
.coupon .tap li {display:block; float:left; font-size:15px; font-weight:600; background:#f5f5f5;margin-right:5px;}
.coupon .tap li a {width:200px;display:block; height:43px; border:1px solid #cecece; 
border-bottom:1px solid #bebebe; text-align:center; color:#99a0ac}
.coupon .tap li a.on{background: #fff; color:#535353; border-bottom:#fff; height:44px}
.coupon .comm_table01 tfoot td .final{ margin:0;}
.coupon .comm_table01 td{ height:38px;}
.coupon .comm_table01 thead th{ height:38px; border-top:1px solid #dcdcdc; color:#111;}
.coupon_sel tbody{ text-align:center; font-size:12px; color:#1f1f1f;}
.coupon .btn_box{width:100%; text-align:center; margin:20px 0 20px 0 ; overflow:hidden; display:block}
.coupon .btn_box a{padding:5px;}

/*전체 보유 쿠폰*/
.pop .content.coupon2{ width:715px; margin:20px auto; }
.coupon2 .tap{ height:44px; line-height:42px; width:100%; display:block; border-bottom:1px solid #bebebe; }
.coupon2 .tap li {display:block; float:left; font-size:15px; font-weight:600; background:#f5f5f5;margin-right:5px;}
.coupon2 .tap li a {width:200px;display:block; height:43px; border:1px solid #cecece; 
border-bottom:1px solid #bebebe; text-align:center; color:#99a0ac}
.coupon2 .tap li a.on{background: #fff; color:#535353; border-bottom:#fff; height:44px}

.coupon2 .comm_table01 tfoot td .final{ margin:0}
.coupon2 .comm_table01 td{ height:53px;}
.coupon2 .comm_table01 thead th{ height:38px; border-top:1px solid #dcdcdc; color:#111;}
.coupon2 .comm_table01 tbody{ text-align:center; font-size:12px; color:#111;}
.coupon2 .comm_table01 .over{ padding:2px 8px; background:#f4f4f4; display:inline-block; color:#b2b2b2; float:right; margin:4px 20px 0 0; font-size:11px; border:1px solid #ddd;}
.coupon2 .comm_table01 .dis_no{ visibility:hidden}
.coupon2 .btn_box{width:100%; text-align:center; margin:20px 0 25px 0 ; overflow:hidden; display:block}
.coupon2 .btn_box a{padding:5px;}
.paging a.button_on_01 {color:#4771b8; font-weight:bold; border:1px solid #4771b8; background:#fff;}
.coupon2 .paging { margin:20px 0 0 0; }

/*쿠폰 적용대상 검색*/
.pop>p { font-size:12px; background:#f0f5fe; padding: 20px 0; border-botto:1px solid #e6e6e6;}
.pop>p>span{ width:715px; margin:auto; display:block; color:#111; line-height:15px}
.pop>form{ display:block; width:510px; height:38px; margin:30px auto; background:url(file:///C|/Users/ubi_wd_h/Documents/img/common/pop_03.jpg) no-repeat; }
.pop>form input[type="text"] { height:36px; line-height:36px; padding-left:10px; width:278px; border:1px solid #d4d4d4; margin-left:80px}
.pop>form input[type="button"] { width:126px; height:38px; background:url(file:///C|/Users/ubi_wd_h/Documents/img/common/pop_05.jpg) no-repeat;}

.pop .content.coupon3 { width:715px; margin:auto; }
.coupon3 .comm_table01 th,.coupon3 .comm_table01 td{ color:#111;}
.coupon3 .comm_table01 td.alig_left{ padding:15px 0 15px 10px; line-height:16px}

/*쿠폰적용 대상 아닐 시 팝업*/
.coupon4 { width:300px; margin:30px auto; height:110px; line-height:37px; font-size:15px; background:url(file:///C|/Users/ubi_wd_h/Documents/%EB%84%A4%EC%9D%B4%ED%8A%B8%EC%98%A8%20%EB%B0%9B%EC%9D%80%20%ED%8C%8C%EC%9D%BC/img/pop_10.jpg) no-repeat; text-align:center}
.coupon4 p{ margin-left:35px; font-weight:600; margin-bottom:30px}


/*쿠폰 적용 20150529 추가-----------------------*/
.cp_apply>p.btn{margin:1px 0 10px 0; height:25px; text-align:right}
.cp_apply>p.btn .button_10{ padding:5px 15px; border: 1px solid #ddd; font-weight:800; font-size:13px; color:#555}
/*쿠폰적용 테이블*/ 
.cp_apply{width:715px; margin:20px auto;}
.cp_apply input[type="radio"] { vertical-align:-2px; margin:0 4px 0 10px}
.cp_apply .btn_right{}
.cp_apply table{ width:100%}
.cp_apply .cp_table{margin:10px 0 20px 0}
.cp_apply .cp_table tr td{ padding:15px 20px; line-height:17px}
.cp_apply .cp_table .tr_01 td{ border-top:1px solid #666; border-bottom:1px solid #eee}
.cp_apply .cp_table .tr_02 td{ border-bottom:1px solid #ddd;}
.cp_apply .cp_table .tr_03 td{ background:#f1f1f1; text-align:right; color:#111; font-weight:700; font-size:14px; padding:20px; border-bottom:2px solid #ccc}
.cp_apply .cp_table .tr_03 td span{ color:#F33}
.cp_apply .cp_table .tr_03 td span b{ font-weight:800; font-size:18px}
.cp_apply .cp_table tr td.pro_text{ color:#111}
.cp_apply .cp_table tr td.pro_text span{ color:#301390; font-size:11px; }
.cp_apply .cp_table tr td.apply{}
.cp_apply .cp_table tr td.apply .float_left{ width:60px}
.cp_apply .cp_table tr td.apply div{ float:left; width:500px}
.cp_apply .cp_table tr td.apply div label{ display:block; height:24px}
.cp_apply .cp_table tr td.apply div label b{ font-weight:800; color:#111}
.cp_apply .cp_table tr td.apply div label span{ display:inline-block; padding:1.5px 8px; 
background:#aaa; font-weight:bold; font-size:11px; color:#fff ; margin-left:10px}

/*할인적용 금액 테이블*/
.app_pr { position:relative; overflow:hidden;border:2px solid #333}
.app_pr .icon01{ display:block; position:absolute; top:63px; left:218px}
.app_pr .icon02{ display:block; position:absolute; top:63px; left:448px}
.cp_apply .price_t{ }
.cp_apply .price_t th,.cp_apply .price_t td { padding:15px 20px; border:1px solid #d7d7d7;}
.cp_apply .price_t th { font-size:14px; font-weight:800; color:#333; background:#f7f7f7}
.cp_apply .price_t th span{ font-size:13px; margin-left:7px; color:#666}
.cp_apply .price_t td{ text-align:right; font-weight:700; color:#111}
.cp_apply .price_t td .number{ font-size:18px;}
.cp_apply .price_t .final_p{ color:#f33}
.cp_apply .al_center{ margin:30px 0  60px}
.cp_apply .al_center a { margin:5px}



/*배송지목록 ----------------------------------*/
.adress_list .comm_table01{ width:715px; margin: auto;margin-top:30px}
.adress_list .comm_table01 td{  height:38px;}
.adress_list .comm_table01 thead th{ color:#343434;}
.adress_list .comm_table01 tbody td{ text-align:center; font-size:12px; color:#1f1f1f;}
.adress_list .comm_table01 .alig_left{text-align:left; padding-left:10px}
.adress_list .btn_box {display:block; width:715px; margin:auto;}
.adress_list .btn_box .button_10 {  font-size:12px; border-radius:2px; padding:5px 12px; border:1px solid #ccc; margin-top:10px; display:block; color:#555; float:left;}
.adress_list .button_10.mar_le3 { margin-left:3px}


/*포인트 적립 안내 ----------------------------------*/
.pop .point p{ font-size:13px; text-align:center; margin-top:50px}
.pop .bottom{ position:absolute; bottom:0; left:3%; text-align:center; font-size:12px; height:50px; width:94%; margin:auto; border-top:1px dashed #ccc;}
.pop .bottom .button_10 { border-radius:2px; padding:5px 12px; border:1px solid #ccc; margin-top:10px; display:inline-block; color:#555}



/*구매후기-삼품Q&A 작성*/
.pop .purple{ height:47px; line-height:47px; color:#fff; font-weight:600; text-align:center; 
background:url(../img/common/pop_bg.png) repeat #6b4eca  ; font-size:16px}
.review { width:650px; margin:auto; }
.review .comm_table02 thead th{border-top:1px solid #767676;}
.review .comm_table02 thead td{border-top:1px solid #767676;}
.review .comm_table02 tfoot td{border-top:1px solid #767676;}
.review .comm_table02 { border-top:none; margin-top:20px}
.review .comm_table02 th { }
.review .comm_table02 .input_text01 { width:95%}
.review .comm_table02 .input_text02 { width:100px; border:1px solid #d7d7d7; height:25px; }
.review .comm_table02 .input_text03 { width:75%; border:1px solid #d7d7d7; height:25px; margin-right:10px; }
.review .comm_table02 .product {}
.review .comm_table02 .product img{ width:100px; height:100px; float:left; padding:10px}
.review .comm_table02 .product>span { display:inline-block; margin-left:20px; color:#111; margin-top:20px; line-height:16px}
.review .comm_table02 .product>span p{ color:#999}
.review .comm_table02 label {  padding:0; margin:0; vertical-align:middle; margin-right:10px;}
.review .text_board { width:95%; border:1px solid #d7d7d7; margin:25px 0 ; padding:2.5%}
.review .comm_table02 ul { margin-left:30px; font-size:11px; line-height:14px; margin-bottom:20px; width:92%}
.review .comm_table02 ul  li{ margin-top:5px; }
.review .comm_table02 p.tit{ font-weight:bold;margin:20px 0 10px 10px; padding-left:19px; background:url(file:///C|/Users/ubi_wd_h/Documents/img/common/icon01.jpg) no-repeat; }
.review .button_box { text-align:center;  margin:20px 0 30px 0; }
.review .button_box a{ padding:5px}

/*퀵뷰*/
.quick_view {overflow:hidden; border:2px solid #444; box-shadow:3px 3px 7px #bbb; width:820px; position:relative;}
.quick_view>a { display:block; background:#555; padding:3px}
.view_pro_tit{ display:block; position:relative; height:30px; line-height:40px; font-size:18px; font-weight:600; letter-spacing:-1px; width:790px; margin:5px auto; color:#444;}
.view_pro_tit span{ position:absolute; right:35px; top:8px; display:block;  font-size:13px; font-weight:normal; height:20px; line-height:20px;  }
.view_pro_tit span a{ vertical-align:middle; float:left; margin:3px;}

.view_pro_info{ overflow:hidden;width:785px; margin:auto; padding:20px}                           
.view_pro_info li{ overflow:hidden;}
.view_pro_info .pro_img{  margin-right:20px; width:305px;float:left; }
.view_pro_info .pro_img .img{position:relative; border:1px solid #dfdfdf; box-sizing:border-box; width:302px; height:302px}
.view_pro_info .pro_img .img>img{width:300px; height:300px}
.view_pro_info .pro_img .img .zoom{ position:absolute; bottom:10px; right:10px;}
.view_pro_info .pro_img .img_tit{padding:15px 0 7px 0;}
.view_pro_info .pro_img .simg { width:340px; height:60px; overflow:hidden;}
.view_pro_info .pro_img .simg span{width:360px;}
.view_pro_info .pro_img .simg span img{ display:block;padding:2px; float:left; padding-right:1px; border:1px solid #dfdfdf; box-sizing:border-box; margin-right:2px;}
.view_pro_info .pro_img .simg img:hover{ border:2px solid #dfdfdf; box-sizing:border-box;}
.view_pro_info .pro_img p{float:left; display:block; width:100%;}
.view_pro_info .pro_img .eventlist{padding-top:10px;}
.view_pro_info .pro_img .eventlist select{width:100%;  border:1px solid #dfdfdf; }
.view_pro_info .pro_info{ border:1px solid #dfdfdf; position:relative; width:450px;min-height:390px; float:right}
.view_pro_info .pro_info .sale{ position:absolute; top:0; right:20px; font-size:24px; font-weight:bold; background:url(file:///C|/Users/ubi_wd_h/Documents/img/common/view_sale_icon_bg.png) no-repeat; width:75px; height:60px; color:#fff; text-align:center; padding-top:6px; }
.view_pro_info .pro_info .sale span{ float:none; font-size:16px;}
.view_pro_info .pro_info dl.group01{overflow:hidden; padding-top:20px;}
.view_pro_info .pro_info dl.group02{overflow:hidden; margin-top:10px;}
.view_pro_info .pro_info dl.group03{overflow:hidden; margin-top:15px;}
.view_pro_info .pro_info dl.group04{overflow:hidden; margin-top:15px;}
.view_pro_info .pro_info dl.group05{overflow:hidden; margin-top:10px;  background:#f7f7f7; padding:10px 0 ;}
.view_pro_info .pro_info dl.group02 .btn{ display:block; width:100%;  padding:0 !important;  margin-top:2px;}
.view_pro_info .pro_info dl.group02 .btn a{float:left; margin-right:5px;}
.view_pro_info .pro_info dl{width:410px; display:block; margin:auto;}
.view_pro_info .pro_info dl dt{float:left; width:80px; font-size:11px; line-height:18px; height:18px; padding-left:30px; }
.view_pro_info .pro_info dl dd{float:right; width:270px; line-height:16px;}
.view_pro_info .pro_info dl.group01 .sale_price{ display:block; width:100%; font-size:22px; height:28px; line-height:28px; font-weight:bold; color:#f30009; margin-bottom:3px; }
.view_pro_info .pro_info dl.group01 .price{font-size:12px; height:20px; line-height:20px; font-weight:bold; color:#000; }
.view_pro_info .pro_info dl.group01 .tit_h01{height:30px; line-height:30px;}
.view_pro_info .pro_info dl.group05 .tit_h02{height:30px; line-height:30px;}
.view_pro_info .pro_info dl.group05 .tit_h02 select{border:1px solid #cccccc; width:95%}
.view_pro_info .pro_info dl dd p{display:block; width:100%;}
.view_pro_info .btn{ width:382px; margin:10px auto}         
.view_pro_info .btn span{ margin:15px 3px;}   

/*뷰페이지 확대보기*/
.pop_zoom_img{width:700px; margin:auto;}
.pop_zoom_img p{ display:block; width:500px; margin:auto;}
.pop_zoom_img p.b_img{position:relative; margin:50px auto; }
.pop_zoom_img p.b_img .back{position:absolute; display:block; z-index:10; left:0; top:230px;}
.pop_zoom_img p.b_img .next{position:absolute; display:block; z-index:10; right:0; top:230px;}
.pop_zoom_img p.s_img{ text-align:center;}
.pop_zoom_img p.s_img a{ display:inline-block; width:50px; height:50px; margin:0 5px;   border:2px solid #d7d7d7}
.pop_zoom_img p.s_img a.hover{border:2px solid #DC0003; width:50px; height:50px;}



/*옵션변경/추가-------------------*/
.option2>p{ width:600px; margin: 10px auto; color:#111; font-size:13px}
.option2>p>a{margin-left:15px; text-decoration:underline; font-size:11px}
.option2 .comm_table01{ width:600px; margin: 10px auto 0;}
.option2 .comm_table01 th{ color:#333; font-size:13px}
.option2 .comm_table01 td{ padding:15px; text-align:left}
.option2 .comm_table01 .first_td img { display:inline-block; float:left;  width:80px; border:1px solid #ddd; margin-right:15px}
.option2 .comm_table01 .last_td{ text-align:center; color:#000;}
/*옵션 선택 테이블*/
.option_sel{ width:600px; background:#f8f8f8;margin:auto;}
.option_sel .option_table{margin:auto;  width:95%; }
.option_sel .option_table th{ text-align:left; padding:15px 0 ; border-bottom:1px solid #ddd; color:#222; font-size:13px; margin-bottom:10px}
.option_sel .option_table td { padding:6px 0; }
.option_sel .option_table td select{ width:100%; padding:2px ; border:1px solid #bbb}
.option_sel .option_table td.text { color:#0e42a8; text-align:right; padding-bottom:13px;}
/*선택한 옵션*/
.option_sel2{ width:600px;height:150px; margin:auto;  overflow-y:scroll; overflow-x:hidden; background:url() no-repeat; background-position:bottom;  background:#fff; margin-top:10px; border-top:1px solid #666;}
.option_sel2 ul{  width:100%;}
.option_sel2 ul li { line-height:30px; padding:0 2.5%; clear:left; height:30px ;margin:4px 0;width:550px; display:block }
.option_sel2 ul li .price{font-weight:bold; color:#000;}
.option_sel2 ul li.add_option{ background:#f7f8fc;}
.option_sel2 ul li input{background:#fff;}
.option_sel2 ul li>p{ width:340px; float:left;}
.option_sel2 ul li .box_cart { float:left; margin-top:3px;}
.option_sel2 ul li>span{ display:inline-block; float:left; width:100px; margin-left:30px}
.option_sel2 ul li>span b{font-size:16px; color:#333}
.option_sel2 ul li a { display:block; margin-top:2px; width:14px; height:14px; float:right;}
/*총주문금액*/
.option2 .pricebox {width:600px; height:55px; line-height:55px; margin:auto; border:1px solid #fa1041; color:#111;}
.option2 .pricebox>b{ float:left; display:block; margin-left:20px; overflow:hidden}
.option2 .pricebox>b>span{ font-weight:normal;}
.option2 .pricebox .price_c { float:right; margin-right:20px; overflow:hidden; color:#fa1041;}
.option2 .pricebox .price_c .number{font-size:18px; vertical-align:-2px}
.option2 .button_box { margin-top:25px}
.option2 .button_box a{ padding:0px}


/*0520추가*/
.visit_receive_info{ width:600px; margin:auto;}
.visit_receive_info .s_txt{ display:block; font-size:11px; margin-top:20px; color:#888888;}
.visit_receive_info .b_txt{ display:block; font-size:14px; font-weight:bold; color:#000; margin-top:20px; border-bottom:1px solid #000000; height:30px; line-height:30px;}
.visit_receive_info .comm_table01{ width:100%; margin:auto;}
.visit_receive_info .comm_table01 td{text-align:left; padding:0 15px;}
.visit_receive_info .comm_table01 th{text-align:left; padding:0 15px;}
.visit_receive_info .com_map{border:1px solid #d7d7d7; height:350px; margin-top:20px;}
.visit_receive_info .btn_box {display:block; width:100%; margin:auto; margin-top:10px; text-align:center;}
.visit_receive_info .button_10 { display:inline-block; font-size:12px; border-radius:2px; padding:5px 12px; border:1px solid #ccc; margin-top:10px;  color:#555; }


/*배송지추가*/
.add_del { width:650px; margin:auto; }
.input_box01{border:1px solid #d7d7d7; height:25px; margin:2px;}
.pop_tit{font-size:16px; font-weight:bold; letter-spacing:-1px; padding-top:20px;}
.button_box { margin-top:25px}
.button_box a{ padding:0px}
.button03{border:1px solid #d7d7d7;}
.comm_table02 select{padding:5px;}
.comm_table02 tfoot td{border-bottom:2px solid #dcdcdc;}
.comm_table02 tfoot th{border-bottom:2px solid #dcdcdc;}


/*0618추가*/
.table03{border-collapse:collapse; border:1px solid #d7d7d7; width:100%; margin-top:5px;}
.table03 th{padding:10px; background:#f5f5f5; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-top:2px solid #000;}
.table03 td{padding:10px; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
.table03 td.tit{ font-weight:bold; font-size:16px; border-right:1px solid #f5f5f5; background:#f5f5f5;}
.table03 td.price{ text-align:right; font-size:18px; font-weight:bold; background:#f5f5f5; }
.table03 td input{vertical-align:middle;}
.box_line{padding:20px; margin-top:10px; border:2px solid #333; background:#f5f5f5;}
.last_delprice{ height:20px; }
.last_delprice .tit{  width:150px;  font-weight:bold; font-size:16px; }
.last_delprice .price{  width:450px; text-align:right; font-size:18px; font-weight:bold;}
.last_delprice .comment{font-size:12px; padding-left:10px;}

/*0629*/
.search01{ width:95%; margin:20px auto;}
.search01 p{padding:5px;}
.search01 input{border:1px solid #d7d7d7; height:30px; line-height:30px;}


/*신용카드 매출전표------------------0629추가*/
.pop .receipt .comm_table02{}
.pop .receipt .comm_table02 th,.pop .receipt .comm_table02 td{ border:1px solid #d7d7d7}
.pop .receipt .comm_table02 tr td b{ font-size:13px; color:#000;}
.pop .receipt .al_center{ overflow:hidden; margin:20px 0 30px}
.pop .receipt .al_center a{ padding:4px 20px; border:1px solid #ccc; display:inline-block; margin:5px;}
.pop .receipt .guide{width:750px; margin:10px auto; line-height:18px;}