@charset "utf-8";

/************************************************************************
 * 파일명           : popup.css
 * 설명               : 팝업
 * 작성자           : (주)스마일웹 디자인팀
 * 작성일           : 2011.06.03
 * 최종수정일   : 2011.06.03
 * Copyright (c) 2011 Smileweb co., Ltd.  All rights reserved.  www.smileweb.co.kr *
************************************************************************/
@import "base.css";
@import "table.css";
@import "list.css";

#wrap {min-width:400px; margin:0 auto; background-color:#fff;}
#content {height:auto !important; height:0px; min-height:0px; padding:10px 20px 20px 20px;}
#pop_content {height:auto !important; height:0px; min-height:0px; padding:20px 30px 20px 30px;}


h1 {padding:15px; background:#4858da; color:#fff; font-weight:bold; font-size:15px; border-bottom:2px #3b49b4 solid;}
.complete {font:bold 14px dotum; text-align:center; padding:30px 0;}
.line_top {margin-top:30px; border-top:1px solid #ddd; padding-top:20px; text-align:center;}

/* 설명박스 - 공통 */
.txt_box {background:#fbfbfb; border:1px solid #ddd; padding:10px;}
.txt_box li {background:url('/images/common/icon/dot_gray.gif') no-repeat 0 45%; padding-left:10px;}

/* 설명박스 - 구매취소 팝업 */
.txt_box2 {background:#fbfbfb; border:1px solid #ddd; padding:10px;}
.txt_box2 li {background:url('/images/common/icon/dot_gray.gif') no-repeat 0 5px; padding-left:5px; font-size:11px;}

/* 설명박스 - 우편번호 */
.zip_box {margin:20px 0; border:3px solid #ddd; padding:15px 20px; text-align:center; line-height:160%;}

/* 우편번호 검색결과*/
.zip_result {overflow:hidden;width:100%;margin:20px 0 -10px}
.zip_result .fl{float:left; margin-top:3px; font-size:12px;color:#000; letter-spacing:-1px}
.zip_result .fl strong{color:#4959da}
.zip_btn {margin:20px 0; text-align:center;}

/* 우편번호 리스트*/
.zip_list{position:relative;max-height:199px;overflow-y:auto;margin-top:20px;padding:0;border-top:1px solid #383d4a;border-bottom:1px solid #edeeef}
.zip_list li{overflow:hidden;border-top:1px solid #e2e3e5;font-size:12px;letter-spacing:-1px} 
.zip_list li a{display:block;position:relative;padding:10px 71px 9px 0;line-height:15px;color:#565960;cursor:pointer;zoom:1} 
.zip_list li a:hover,.zip_list li a:focus{background:#fafafb;color:#4959da;text-decoration:none} 
.zip_list li:first-child{border-top:none} 
.zip_list{position:relative} 
.zip_list li strong{position:absolute;top:50%;right:10px;padding:0;margin-top:-9px;font-size:11px;letter-spacing:0} 
.zip_list{position:relative} 
.zip_list li strong{position:absolute;top:50%;right:10px;padding:0;margin-top:-9px;font-size:11px;letter-spacing:0} 

.zip_address{margin-top:15px;padding:18px 18px 20px;border:1px solid #eef2ec;background:#fcfcfc;letter-spacing:-1px} 
.zip_address dl{overflow:hidden;margin:8px 0 0 -1px;padding-top:6px;border-top:1px solid #eef2ec;line-height:25px} 
.zip_address dt{float:left;width:69px;padding-left:2px;color:#545454} 
.zip_address dd{overflow:hidden;color:#747474} 
.zip_address dd input{margin-top:2px} 


/* 검색박스 - 공통 */
.search_box {background:#fbfbfb; border:2px dotted #ccc; padding:10px 15px; overflow:auto;}

/* 탭 */
.tab_pop {position:relative; width:100%; height:34px; background:url('/images/mypage/bg_my_tab.gif') repeat-x 0 0;}
.tab_pop li {float:left; width:132px; text-align:center; background:#f7f7f7;}
.tab_pop li a {position:relative; height:23px; font:bold 14px dotum; color:#959595; border:1px solid #ddd; border-bottom:none; padding-top:9px; margin-right:-1px; display:block;}
.tab_pop li.on a {background:#fff; height:24px; font:bold 15px dotum; color:#4858da; border:1px solid #4858da; border-bottom:none; z-index:5;}

.tab_pop1 {position:relative; width:100%; height:34px; background:url('/images/mypage/bg_my_tab.gif') repeat-x 0 0;}
.tab_pop1 li {float:left; width:50%; text-align:center; background:#f7f7f7;}
.tab_pop1 li a {position:relative; height:23px; font:bold 14px dotum; color:#959595; border:1px solid #ddd; border-bottom:none; padding-top:9px; margin-right:-1px; display:block;}
.tab_pop1 li.on a {background:#fff; height:24px; font:bold 15px dotum; color:#4959da; border:1px solid #4959da; border-bottom:none; z-index:5;}

/* 파일업로드 */
.flie_upload {position:relative; clear:both; overflow:hidden; padding:15px; margin-top:20px; border:1px solid #ddd;}
.flie_upload .img {position:relative; float:left; width:450px; height:300px; margin-right:15px; border:1px solid #ddd;}
.flie_upload .upload_img {position:relative; text-align:center; z-index:50; /*width:450px; height:300px; background:yellow;*/ padding-top:120px; /*overflow:hidden;*/}
.file_upload .img .imgbox img {width:450px; height:300px; overflow:auto;}

/* input_btn */
.input_textbox {float:left; border:1px solid #ccc; padding:3px; color:#777; height:12px; margin-right:5px;} 
.input_div {float:left; position:relative; height:23px; overflow:hidden;} 
.input_button {float:left; display:inline-block; cursor:pointer; margin-right:5px;}
.input_hidden {font-size:45px; position:absolute; right:0px; top:0px; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0; cursor:pointer;} 

/* 로그인 */
.login_area {width:350px; margin:10px auto;}
.login_area th {padding:6px 0; text-align:left; font-size:14px; font-weight:bold; color:#444;}
.login_area td {padding:6px 0;}
.login_area td input.text2 {height:18px;}
.login_type {padding:10px 0 0 100px;}

/* 미리보기 */
.preview {width:500px; height:500px;}
.preview img {max-width:500px; max-height:500px; vertical-align:middle;}

/* 미니샵 */
.mini_l {float:left; width:160px; margin-top:10px; text-align:center; background:#f7f7f7; border:1px solid #ddd; padding:20px;}
.mini_r {float:right; width:535px; margin-top:10px;}

/* 주문팝업 설명박스 */
.pop_explain {border:1px #ccc solid; margin:20px 0;}
.pop_explain h3 {padding:6px; color:#fff; background:#5e5e5e; font-weight:bold; text-align:center;}
.pop_explain ul {width:400px; margin:0 auto; padding:20px;}
.pop_explain li {background:url('/images/common/icon/arrow_red.gif') no-repeat 0 5px; padding-left:8px; line-height:150%;} 

/* 총 주문금액 */
.order_total {position:relative; width:100%; height:40px; background:#fafafa; font:normal 16px/18px dotum; color:#444; border-top:1px solid #9f9f9f; border-bottom:1px solid #9f9f9f; text-align:right; padding-top:15px; margin-top:-1px;}
.order_total .price {font:bold 18px/20px dotum; color:#ff6600;}
.order_total .won {font:bold 14px/16px dotum; color:#ff6600;}

/* 우편번호 검색 */
.address_list {margin-top:10px; border-top:1px #ccc solid;}
.address_list li {padding:5px 0; border-bottom:1px #ccc solid;}

/* 핸드폰으로 쪼르기 */
.hp_left {float:left; width:200px; height:200px; background:#fbfbfb; border:1px solid #ddd; text-align:center; margin:10px 20px 0 0; padding:45px 20px;}
.hp_left .thumb img {width:160px; height:160;}
.hp_left .price {display:block; margin-top:5px;}

.hp_right {float:left; width:200px; height:230px; background:#fbfbfb; text-align:center; margin-top:10px; padding:98px 0 0 0; background: url("/images/popup/bg_hp.gif") no-repeat 0 0;}
.hp_right textarea {background: url("/images/popup/bg_pon2.gif") repeat 0 0; border:0 none; color:#4F6CA2; font-size:12px; height:80px; margin-top:10px; overflow:hidden; width:140px;   word-wrap: break-word;}


/* title */
.bg_title {position:relative; width:100%; height:43px; background:#6c6c6c; border-bottom:1px solid #444;}
.bg_title .center {float:left; font-weight:bold; color:#fff; margin:15px; 10px 0 10px; font-size:14px;}


/* 배송안내 */
.tbl_return {margin-top:10px;}
.tbl_return th {border:1px solid #ddd; padding:10px; text-align:left; font:bold 11px Dotum; background:#fbfbfb;}
.tbl_return td {border:1px solid #ddd; padding:10px; text-align:left; font:normal 11px Dotum; line-height:180%;}


 /* 팝업 경매상세정보 */
 .detail_area1 {float:left; width:720px;}
.title_area1 {border-bottom:5px solid #ddd; padding-bottom:10px; height:20px;}
.title_area1 .title {font-size:15px; color:#272727; font-weight:bold; margin-bottom:10px;}
.title_area1 .codenum {font-size:11px; color:#999;}
.photo_area1 {float:left; width:300px; margin-top:10px;}
.photo_area1 .big_photo {width:300px; height:300px; border:1px solid #ddd; margin-top:10px;}
.photo_area1 .photo {float:left; width:302px; }
.photo_area1 .big {display:table-cell; border:2px solid #ddd; width:302px; height:302px; vertical-align:middle;} 

.photo_area1 .zoom {margin:12px 0; text-align:center;}
.photo_area1 .thum {text-align:center; height:69px; margin-top:10px;}	
.photo_area1 .thum ul {float:left; width:302px;}
.photo_area1 .thum ul li {float:left; width:69px; height:69px; margin-right:8px;}
.photo_area1 .thum ul li.last {margin-right:0px;}
.photo_area1 .thum ul li img {width:67px; height:67px; border:1px solid #ddd;}

.detail2 {float:right; width:390px; margin-top:17px;}
.detail2 dl {border-bottom:1px solid #ddd; font-size:12px; margin-top:5px;}
.detail2 dl .box{border-bottom:0px; height: 131px; font-size:12px; margin-top:5px; background:url('/images/popup/gray_bx.png') no-repeat ;}
.detail2 dl dt {width:80px; color:#777; line-height:32px; padding-left:10px; }
.detail2 dl dd {float:right; width:290px; font-size:12px; letter-spacing:0; margin-top:-24px; padding-right:1px;}
.detail2 dl dd .price { color:#ff6600; font-size:21px; font-weight:bold; font-family:Tahoma; line-height:18px;}
.detail2 dl dd img.ico {vertical-align:text-bottom; margin:0 2px;}


 /* 팝업 쇼핑상세정보 */
 .sdetail_area {float:left; width:720px;}
.stitle_area {border-bottom:5px solid #ddd; padding-bottom:10px; height:30px;}
.stitle_area .stitle {font-size:15px; color:#272727; font-weight:bold; margin-bottom:10px;}
.stitle_area .codenum {font-size:11px; color:#999;}
.sphoto_area {float:left; width:300px; margin-top:10px;}
.sphoto_area .big_photo {width:300px; height:300px; border:2px solid #ddd; margin-top:10px;}
.sphoto_area .photo {float:left; width:302px; }
.sphoto_area .big {display:table-cell; border:2px solid #ddd; width:302px; height:302px; vertical-align:middle;} 
.sphoto_area .zoom {margin:12px 0; text-align:center;}
.sphoto_area .sns_btn{text-align:center; padding:10px 0;}
.sphoto_area .thum {text-align:center; height:69px; margin-top:10px;}	
.sphoto_area .thum ul {float:left; width:302px;}
.sphoto_area .thum ul li {float:left; width:69px; height:69px; margin-right:8px;}
.sphoto_area .thum ul li.last {margin-right:0px;}
.sphoto_area .thum ul li img {width:67px; height:67px; border:1px solid #ddd;}

.sdetail {float:right; width:390px; margin:0;}
.sdetail dl {border-bottom:1px solid #ddd; font-size:12px; margin-top:5px;}
.sdetail dl dt {width:100px; color:#777; line-height:30px; padding-left:10px; }
.sdetail dl dd {float:right; width:290px; font-size:12px; letter-spacing:0; margin-top:-22px; padding-right:1px;}
.sdetail dl dd .price { color:#ff6600; font-size:21px; font-weight:bold; font-family:Tahoma; line-height:18px;}
.sdetail dl dd img.ico {vertical-align:text-bottom; margin:0 2px;}