@charset "utf-8";


/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
#autosave_pop:before{content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;}
#autosave_pop:after{content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important;}
#autosave_pop button {margin:0;padding:0;border:0;}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover{background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del{background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px;}


/* 상세보기 */
.prodWrap{width:100%; overflow:hidden;  position:relative; border-bottom:5px solid #ccc; padding-bottom:45px; margin-bottom:50px;}

.prod01{width:45%; float:left; text-align:center;}
.prod01 #bigphoto{width:90%; margin:0 auto !important; padding:0px;}
.prod01 #bigphoto li{ margin:0 !important; padding:0px;}
.prod01 #bigphoto li a{ margin:0; padding:0px;}
.prod01 #bigphoto li a img{display:block; width:100%; height:auto;}
.prod01 .smallphoto{width:90%; margin:-30px auto 0 ; text-align:center; padding:0px;}
.prod01 .smallphoto a {display:inline-block; width:50px; height:50px; margin:0 1%; border:1px solid #ccc; overflow:hidden; border-radius:50%;cursor:pointer; background-position:center center;background-size:150% auto;}
.prod01 .smallphoto a:hover{border:1px solid #999;}
.prod01 .smallphoto a.active{border:1px solid #000}
.prod02{width:50%; float:right; position:relative; text-align:center;}
.prod02 h2{font-size:26px; color:#000; padding-top:60px;}
.prod02 .sbjB1{padding:10px 30px 0; font-size:16px; color:#666; letter-spacing:-0.05em;}
.prod02 .sbjB2{padding:60px 60px 0 60px; font-size:14px; color:#666;}
.prod02 ul{ border-top:1px solid #e5e5e5; margin-top:30px;padding:45px; text-align:left;}
.prod02 ul li{padding:5px; font-size:13px; color:#666; letter-spacing:0.05em;}
.prodVbtn{overflow:hidden; text-align:center;  position:relative; margin:0 auto; padding:20px; background:#efefef;}
.prodVbtn h3{text-align:left; font-size:14px; color:#666; padding-bottom:10px;}
.prodVbtn a{display:block; width:33%; height:50px; line-height:50px; background:#333; color:#fff;font-size:13px; overflow:hidden ; float:left;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.prodVbtn a:hover{filter:Alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.prodVbtn a:nth-child(3){margin:0 0.5% !important;}
.bigphotoNoimg{display:block;width:100%;position:relative;}
.bigphotoNoimg img{display:block;width:100%;}
.bigphotoNoimg b{color:#999; font-size:16px;position:absolute;left:0px;width:100%; top:50%; height:30px; line-height:30px;margin-top:-15px;}

#bo_v_title .bo_v_cate{font-size:12px; display:block; padding:15px;margin-bottom:10px;}
#bo_v_info{text-align:center;}
@media all and (max-width: 900px)
{
	.prodWrap{background:none;}
	.prod01{width:100%; max-width:500px; margin:0 auto; float:none;}
	.prod01 .smallphoto a {width:40px; height:40px;}

	.prod02{width:100%; float:none;}
	.prod02 h2{font-size:20px; padding-top:0px;}
	.prod02 .sbjB1{padding:10px; font-size:14px;}
	.prod02 .sbjB2{padding:10px 10px 10px 10px; font-size:12px;}

	.prod02 ul{ padding:15px;}
	.prod02 ul li{padding:3px; font-size:12px;}

	.prodVbtn {padding:10px;}
	.prodVbtn a{font-size:11px;}

	.prodVbtnB a{width:50px; height:50px; background-size:100% auto !important;}

}