/* 글쓰기 페이지 */
.productbox {}
.productbox .contentwrap {max-width:1000px;width:100%;margin:50px auto;}
.productbox .input_control {width:100%;border:1px solid #eee;border-radius:2px;padding:10px 15px;resize:none;}
.productbox textarea.input_control {min-height:200px;}
.productbox .formlist {list-style:none;}
.productbox .formlist > li {margin-bottom:5px;}
.productbox .formlist > li:last-child {margin-bottom:0;}
.productbox .formlist > li > div {font-size:0;}
.productbox .formlist > li > div > span {display:inline-block;vertical-align:middle;font-size:15px;}
.productbox .formlist > li > div > span:first-child {width:150px;}
.productbox .formlist > li > div > span:last-child {width:calc(100% - 150px);position:relative;}
.productbox .imgbox {position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:0;}
.productbox .imgbox .imgscreen {display:inline-block;vertical-align:middle;width:30px;height:30px;overflow:hidden;position:relative;}
.productbox .imgbox .imgscreen img {position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}
.productbox .imgbox .imgdelete {display:inline-block;vertical-align:middle;padding:10px;background:#e44034;border-radius:50%;margin-left:10px;position:relative;}
.productbox .imgbox .imgdelete::after {content:'';display:block;width:60%;height:3px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);border-radius:10px;}
.productbox .imgbox .imgdelete::before {content:'';display:block;width:60%;height:3px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);border-radius:10px;}
.productbox .board_controlbox {padding:30px 0;text-align:right;}
.productbox .board_controlbox .submitbtn {display:inline-block;vertical-align:middle;padding:10px 30px;background:#333;color:#fff;border:1px solid #000;font-size:14px;line-height:1.2;}
.productbox .board_controlbox .deletebtn {display:inline-block;vertical-align:middle;padding:10px 30px;background:#9a1616;color:#fff;border:1px solid #770d0d;font-size:14px;line-height:1.2;}
.productbox .board_controlbox .canclebtn {display:inline-block;vertical-align:middle;padding:10px 20px;background:#c1d4ff;color:#fff;border:1px solid #b5ccff;font-size:14px;line-height:1.2;font-weight:700;}

/* 목록 페이지 */
.productbox .listpagelist {font-size:0;}
.productbox .listpagelist.listheader {background:#edf6ff;border-top:2px solid #c1d4ff;border-bottom:1px solid #cdd9f5;}
.productbox .listpagelist.listheader span {padding:15px;text-align:center;}
.productbox .listpagelist .listpageitem {display:inline-block;vertical-align:top;width:50%;}
.productbox .listpagelist .listpageitem > a {display:block;width:auto;padding:10px;text-align:center;text-decoration:none;color:#333;font-size:14px;}
.productbox .listpagelist .listpageitem .thumb {position:relative;border:1px solid #f7f7f7;font-size:0;}
.productbox .listpagelist .listpageitem .thumb img {max-width:100%;}
.productbox .listpagelist .listpageitem .thumb .category {position:absolute;top:80px;left:20px;font-size:16px;writing-mode: vertical-rl;text-orientation: upright;z-index:1;color:#666;}
.productbox .listpagelist .listpageitem .thumb .category::after {content:'';display:block;width:1px;height:100px;background:#999;position:absolute;bottom:110%;left:50%;transform:translateX(-50%);z-index:2;}
.productbox .listpagelist .listpageitem .type {display:block;padding:6px 0;color:#ccc;}
.productbox .listpagelist .listpageitem .subject {display:block;font-size:18px;font-family:'NanumSquare';font-weight:700;}
.productbox .listpagelist .listpageitem .desc {display:block;padding:6px 0;color:#999;font-size:12px;margin:0 auto;word-break:keep-all;}
.productbox .listpagelist .listpageitem .price {display:block;padding:4px 0;color:#999;font-size:12px;margin:0 auto;word-break:keep-all;color:#eb570c;}
.productbox .listpagelist .listpageitem .textbox {padding:30px 15px;}
.productbox .listpagelist .listpageitem.empty {width:100%;text-align:center;}
.productbox .listpagelist .listpageitem.empty > div {}
.productbox .listpagelist .listpageitem.empty > div > span {display:block;padding:100px 20px;font-size:16px;font-weight:700;}

/* 뷰 페이지 */
.productbox .viewheader {font-size:0}
.productbox .viewheader > div {display:inline-block;vertical-align:middle;width:50%;font-size:12px;}
.productbox .viewheader > div.thumb {}
.productbox .viewheader > div.thumb img {max-width:100%;}
.productbox .viewheader > div.info {padding-left:30px;}
.productbox .viewheader > div.info .formlist {}
.productbox .viewheader > div.info .formlist > li {}
.productbox .viewheader > div.info .formlist > li > div {}
.productbox .viewheader > div.info .formlist > li > div > span {display:inline-block;vertical-align:middle;}
.productbox .viewheader > div.info .formlist > li > div > span:first-child {padding:5px;line-height:1.6;width:auto;color:#999;font-weight:400;}
.productbox .viewheader > div.info .formlist > li > div > span:last-child {padding:5px;word-break:keep-all;line-height:1.6;width:auto;font-size:17px;font-weight:500;}
.productbox .viewheader > div.info  .formlist > li > div > span.subject {width:100%;font-size:34px!important;font-weight:900;font-family:'NanumSquare';background:none!important;margin-bottom:30px;padding:0;color:#111;}
.productbox .viewheader > div.info  .formlist > li > div > span.category {width:auto;font-size:16px!important;font-weight:700;font-family:'Gmarket';background:none!important;margin:0!important;padding:0!important;display:inline-block;position:relative;}
.productbox .viewheader > div.info  .formlist > li > div > span.category::after {content:'';display:block;width:100px;height:1px;background:#000;position:absolute;top:50%;left:110%;transform:translateY(-50%);}
.productbox .viewheader > div.info  .formlist > li > div > span.price {color:#eb570c;font-weight:900;}
.productbox .viewheader > div.info .type {}
.productbox .viewheader > div.info .size {}
.productbox .viewheader .date {position:absolute;bottom:100%;right:0;font-size:12px;color:#666;letter-spacing:1px;padding:10px;font-weight:500;}
.productbox .viewspecial {position:relative;margin:50px auto;width:auto;border:1px solid #f1f1f1;padding:30px;padding-left:120px;font-size:18px;line-height:1.6;font-family:'NanumSquare';font-weight:300;min-height:50px;}
.productbox .viewspecial .title {position:absolute;top:50%;left:20px;transform:translateY(-50%);color:#999;font-weight:900;}
.productbox .viewspecial .title::after {content:'';display:block;width:1px;height:100%;background:#f1f1f1;position:absolute;top:50%;right:-25px;transform:translateY(-50%);}

.productbox .filebox {margin:30px auto 50px;text-align:center;}
.productbox .filebox img {max-width:100%;}
.productbox .viewcontent {padding:15px;line-height:1.6;font-size:14px;border-bottom:1px solid #f1f1f1;white-space:pre-line;}





@media all and (max-width:640px){
	
	/* 공통 */
	.productbox .contentwrap {width:95%;}

	/* 목록 */
	.productbox .listpagelist .listpageitem {width:100%;}

	/* 뷰 */
	.productbox .viewheader > div {width:100%;}
	.productbox .viewheader > div.info .formlist > li > div > span.subject {font-size:24px!important;}
	.productbox .viewspecial {margin:30px auto;width:95%;font-size:12px;padding-left:80px;}
	.productbox .viewspecial .title::after {right:-15px;}
	.productbox .filebox {margin:0 auto;}

	/* 글쓰기 */
	.productbox .formlist > li > div > span:first-child {width:70px;}
	.productbox .formlist > li > div > span:last-child {width:calc(100% - 70px);position:relative;}
	.productbox .board_controlbox {text-align:center;}
}