@charset "utf-8";
/**********************************************************************************************/
/* -- 공통 스타일 -- */
form {padding:0;margin:0;}
img {border:none;}
.hand {cursor:pointer;}


/* -- 숨김 콘텐츠 -- */
#skip-navigation, .blind, .location dt, legend { position:absolute; left:-1000em; font-size:0; line-height:0; }


/*전체 태그에 대하여 마진, 패딩 서체크기, 서체종류 초기화*/
* { margin:0; padding:0; }


/* -- 페이지 여백 초기화 -- */
body { font:0.75em dotum, "돋움", gulim, "굴림", sans-serif; color:#4f4f4f; }


/* -- 링크 초기화 -- */
a:link { text-decoration:none; color:#020202; }
a:visited { text-decoration:none; color:#020202; }
a:hover, a:active, a:focus { text-decoration:none; color:#020202; }


/* -- 제목 초기화 -- */
h1, <span class="th_title">, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }


/* -- 테두리 초기화 -- */
fieldset, img, abbr, acronym { border:0 none; }


/* -- 리스트 초기화 -- */
ol, ul, li { list-style:none; }


/*테이블 보더 초기화 (마크업에 cellspacing="0" 지정 함께 필요)*/
table { border-collapse:collapse; border-spacing:0; border:0 none; }

/* -- 테이블 초기화 -- */
caption, th, td { text-align:left; font-weight:normal; }

/* -- 텍스트 초기화 -- */
address, caption, em { font-weight:normal; }

/* -- 수평선 초기화 -- */
hr {display:none;}
/**********************************************************************************************/


/* -- wrap -- */
#guarantee_wrap { width:660px; padding:20px 0 25px; font-size:12px; margin:0 auto; overflow:hidden; }
#guarantee_wrap img, select, label, input {vertical-align:middle;}


/* --- list --- */
/* 배열 */
div.arrangement_area { overflow:hidden; padding:0 20px 10px 7px; border-bottom:1px solid #dcdcdc; word-spacing:-2px; }
div.arrangement_area select { width:150px; padding:1px 0;} 
ul.arrangement { display:inline-block; text-align:right; float:right; }
ul.arrangement li { display:inline; }
ul.arrangement li a { padding:0 3px; }
ul.arrangement li strong {padding-left:5px; }

/* 리스트 */
div.photo_wrap { overflow:hidden; }
.photo_wrap li { float:left; margin:15px 0 20px; }

/* 데이터가 없을때 */
.no_goods { width:660px; padding-top:60px; text-align:center; }

/* 앨범 Wrap */
div.photo_list { height:220px; width:150px; padding:5px 7px 10px; }

/* 제목 / 버튼 / 금액 */
div.photo_list p { color:#454545; text-align:center; padding:10px 0 6px; line-height:18px;
						font-family:'NanumGothic', Dotum, 돋움, Gulim, 굴림, Verdana, Arial ;}
div.photo_list span { display:block; text-align:center; }
div.photo_list .amt { background:url(../images/photo_gallery/amt_bg.gif) no-repeat 0 0;; margin-top:10px; height:26px; padding:2px 0 0 0;
								text-align:center; color:red; clear:both; }
div.photo_list .amt img {vertical-align:middle; display:inline-block; margin-left:5px; }
div.photo_list .i_con { text-align:center; }


/* 사진 */
div.photo_br { border:1px solid #dcdcdc; width:145px; height:135px; text-align:center; background:url(../images/photo_gallery/photo_bg.gif) repeat-x 0 0 ;}
div.photo_br div { vertical-align:middle; height: inherit; display: table-cell; position:relative; left:0%; width:145px;}

/* 폰트 */
@import url(http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb); 
@import url(http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb); 

/* -- paging -- */
.paging { clear:both; text-align:center; padding:20px 0; }
.paging li { display:inline; }
.paging li a { padding:2px; font-weight:bold;}
.paging li a:hover { color:#0000ff; }
.paging li a:focus { color:#0000ff; }



/* --- view --- */
/* 그림 정보 */
div.v_header { overflow:hidden; border-bottom:1px solid #dcdcdc; padding-bottom:10px; }

div.v_header .v_pt_thumbnail {  float:left; width:47%; margin-right:10px; border:1px solid #e1e1e1; padding:10px 0; }
div.v_header .v_pt_thumbnail .big_ph {text-align:center; }
div.v_header .v_pt_thumbnail .thumbnail { overflow:hidden; margin-top:10px; width:230px; margin:0 auto;}
div.v_header .v_pt_thumbnail .thumbnail li { float:left; margin:10px 1px; }
div.v_header .v_pt_thumbnail .thumbnail li img { width:55px; height:41px; }

div.v_header .v_pt_info { float:right; width:50%; position:relative; min-height:270px; }
div.v_header .v_pt_info h2{ font-weight:bold; font-size:14px; padding:5px 0 15px 0; }
div.v_header .v_pt_info ul li { background:url(../images/photo_gallery/th_icon.gif) no-repeat 3px 10px; padding-left:11px; line-height:24px; }
div.v_header .v_pt_info ul li strong { color:#f00a0a;  }
div.v_header .v_pt_info ul span { display:inline-block; width:80px;  }
div.v_header .v_pt_info select { width:50px; vertical-align:middle; height:18px; font-size:11px; }
div.v_header .v_pt_info .clickBtn_R { position:absolute; bottom:10px; right:5px; }

/* 그림 설명 */
div.view_body { padding: 20px 10px; }
div.view_body  h4 { font-weight:bold; margin-bottom:20px; background:url(../images/photo_gallery/title_icon.gif) no-repeat 0 2px; word-spacing:-1px;
							padding-left:10px; }
div.view_body p { line-height:18px; padding:0 0 50px 10px; }


/* 상품평 쓰기 */
.member_grading { width:100%; border-top:1px solid #dcdcdc; }
.member_grading th { font-weight:bold; padding-left:10px; border-bottom:1px solid #dcdcdc; }
.member_grading td { border-bottom:1px solid #dcdcdc; padding:5px 0 6px 0; }
.member_grading caption { display:none; }
.member_grading label { padding-right:10px; }
.member_grading textarea { width:85%; border:1px solid #ccc; background:#f8f8f8; }
.member_grading input, select, label { vertical-align:top; }
.member_grading .input135 { width:135px; border:1px solid #ccc; background:#f8f8f8; height:20px; }


/** 상품평 리스트 **/
div.grading_list { border-top:2px solid #969696; padding-bottom:20px;}
div.grading_list dt {border-bottom:1px dashed #969696; background:#fff8e8; padding:10px 18px; color:#6d523d;
								background:url(../images/common/Q_btn.gif) no-repeat 0 9px;}
div.grading_list dd {border-bottom:1px solid #969696; padding:30px 18px; line-height:18px;
								background:url(../images/common/A_btn.gif) no-repeat 0 32px;}


div.grading_area { padding-top:50px; }
div.grading_area h2 { font-size:14px; font-weight:bold; padding-bottom:6px; font-family:'NanumGothic', Dotum, 돋움, Gulim, 굴림, Verdana, Arial ;  }
.grading_list .no_txt { text-align:center; padding:5px 10px; color:#979797; border-top:1px solid  #dcdcdc;}
.grading_list li { border-bottom:1px solid #dcdcdc; }
.grading_list li dl { line-height:20px; }
.grading_list li dl dt { color:#747474; padding:5px 10px; }
.grading_list li dl dd { padding:5px 10px;  background:#f8f8f8;   position:relative; }
.grading_list li dl dt span { display:inline-block; width:480px; }
.grading_list li dl .th_title { display:inline-block; width:40px; color:#747474; text-align:left; border-right:1px solid #dcdcdc; 
									margin-right:10px; font-weight:bold; }
.grading_list li dl .star { width:100px; }
.grading_list li .del_btn { position:absolute; top:8px; right:5px; }



/* -- 팝업 (크게보기) */
#pop_area { overflow:hidden; width:690px; margin:0 auto; background:#2a2a2a; padding:10px; }
div.big_photo { width:555px; height:370px; border:1px solid #dcdcdc; text-align:center; float:left; margin-right:20px; }
.pop_thumbnail { float:left; width:100px; }
.pop_thumbnail li { width:102px; height:68px; border:1px solid #dcdcdc; margin:10px 0 20px; text-align:center; } 


/* 버튼 */
.clickBtn { text-align:center; margin-top:2px; }


/* 공통 */
.radioBtn { vertical-align:middle; margin-right:3px; }


/* -- password pop -- */
#layer_pop {width:250px; background:#FCFCFC; position:relative; left:0%; border:2px solid #D99694; padding:15px; display:none; z-index:100 }
#layer_pop dt {padding:5px 0; text-align:center;font-size:12px; line-height:18px; }
#layer_pop dd {padding:5px 0; text-align:center;}
#layer_pop .pop_input {width:36px;}