@charset "UTF-8";

/* 공통사항 */
html,body{
	  height:100%;
	  margin: 0px;
	  padding: 0px;
	  -webkit-overflow-scrolling:touch;/*아이폰 스크롤 스무스처리*/
	}

*{-webkit-text-size-adjust:none}
body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, input, textarea,button,select,a{margin:0;padding:0;color:#777777;}
body{background:#eaedf3;-webkit-user-select:none;-webkit-touch-callout:none
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-size:14px;
  line-height:1.25em;
  color:#777777;
  -webkit-text-size-adjust:none;
  font-family:'Quicksand',sans-serif,"Apple SD Gothic Neo", NanumBarunGothic, "나눔바른고딕", Malgun Gothic, "맑은 고딕", dotum;
letter-spacing:-0.7px;
}
a{text-decoration:none}
a[href^="tel"]{font-style:normal}
address, caption, em, var{font-style:normal;font-weight:normal}
input, textarea, select{border-radius:0;background:none;letter-spacing:normal}
ol, ul, dl, li{list-style:none}
fieldset{border:0}
legend{display:none}
img{border:0;vertical-align:top}
hr{display:none}
table{border-collapse:collapse;border-spacing:1}
br,p{letter-spacing:normal}
input{vertical-align:top}
input[type="text"], input[type="password"]{-webkit-appearance:none;border-radius:0;}
input[type="checkbox"]{-webkit-border-radius:0;width:20px;height:20px;}
input:checked[type="checkbox"]{border:0;-webkit-appearance:checkbox}
input[type="radio"]{border:0;-webkit-appearance:radio}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0}
textarea{-webkit-appearance:none}
select{    height: 32px;
	line-height: 32px;
	background: #ffffff/*-webkit-appearance:menulist-text*/;
	border: 1px solid #d9dee6;
	box-sizing: border-box;}
.borderWrap{border:1px solid #d9dee6;border-radius:7px;margin-bottom:10px;}
.borderWrap1{
	padding: 10px;
	border: 1px solid #d9dee6;
	/* border-bottom: 1px solid #f2f2f2; */
	background: #ffffff;
	border-radius: 7px;
}
.display{
	border: 1px solid #4bdaa6;
	font-size: 0.85em;
	padding: 1px 2px;
	line-height: 1em;
	color: #4bdaa6;
	border-radius: 2px;
}
.display1{
	border: 1px solid #dac14b;
	font-size: 0.85em;
	padding: 1px 2px;
	line-height: 1em;
	color: #dac14b;
	border-radius: 2px;
}

.prprice{letter-spacing:-0.5px;}


/* 관리자로그인화면*/
#wrapAdminLogin{width:90%;margin:100px auto;overflow:hidden}
#wrapAdminLogin .notice{text-align:center;color:#9fa7b8;font-size:0.9em}
#wrapAdminLogin h1{
	margin-bottom: 16px;
	text-align: center;
	font-size: 1.7em;
	font-weight: bold;
	letter-spacing: -1px;
	color: #949bab;
	line-height: 2em;}
.loginIdpw{padding:20px;overflow:hidden}
.loginIdpw .loginInput{}
.loginIdpw .loginInput input{
width: 100%;
height: 38px;
padding-left: 14px;
background: #ffffff;
border: 0px solid #e9eaed;
box-sizing: border-box;
border-radius: 3px;
font-size: 1em;
text-align: left;
}
.loginIdpw .loginInput input:first-child{margin-bottom:7px}
.loginIdpw .loginBtn{margin: 12px 0px;}
.loginIdpw .loginBtn input{
width: 100%;
border: 0px;
background: #0f9ce4;
color: #ffffff;
font-weight: bold;
font-size: 1.5em;
line-height: 3em;
border-radius: 5px;}
.loginNoticeList{margin:20px 0px;display:none;}
.loginNoticeList h2{margin-bottom:5px;font-size:1.2em;font-weight:bold}
.loginNoticeList a{display:block;padding:2px 0px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.loginAdverBanner{margin-bottom:20px;display:none;}
.pcAdmin{margin-bottom:10px;text-align:center;}
.pcAdmin a{display:inline-block;padding:5px 10px;border:1px solid #ccc;color:#9fa7b8;}
.loginBottom{text-align:center;color:#9fa7b8;}
.search{
	display: block;
	float: right;
	width: 10%;
	border: 1px solid #d9dee6;
	border-left: none;
	box-sizing: border-box;
	background: #ffffff url(images/btn_search.png) no-repeat;
	background-position: center;}

/*폰트정의*/
.font_orange{color:#e7004a;}
.font_blue{color:#00aae2;}
.white_font{
	border: 1px solid #58da4b;
	font-size: 0.85em;
	padding: 1px 2px;
	line-height: 1em;
	color: #58da4b;
	border-radius: 2px;
}


/*여백*/
.padding{padding:5px 0px;}



/* font size */
@media (max-width:320px){html{font-size:12px;}}
@media (min-width:321px) and (max-width:359px){html{font-size:14px;}}
@media (min-width:360px) and (max-width:399px){html{font-size:15px;}}
@media (min-width:400px) and (max-width:439px){html{font-size:15px;}}
@media (min-width:440px) and (max-width:479px){html{font-size:15px;}}
@media (min-width:480px) and (max-width:519px){html{font-size:15px;}}
@media (min-width:520px) and (max-width:559px){html{font-size:15px;}}
@media (min-width:560px) and (max-width:599px){html{font-size:15px;}}
@media (min-width:600px) and (max-width:639px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:679px){html{font-size:16px;}}
@media (min-width:680px) and (max-width:719px){html{font-size:16px;}}
@media (min-width:720px) and (max-width:759px){html{font-size:20px;}}
@media (min-width:760px) and (max-width:799px){html{font-size:21px;}}
@media (min-width:800px) and (max-width:839px){html{font-size:22px;}}
@media (min-width:840px) and (max-width:879px){html{font-size:23px;}}
@media (min-width:880px){html{font-size:24px;}}

.none{display:none}
.bold{font-weight:bold}
.input{padding-left:4px;border:1px solid #d9dee6;box-sizing:border-box;background:#ffffff;font-size:1em}
.button{border:1px solid #d9dee6;border-bottom:1px solid #c0c0c0;box-sizing:border-box;background:#fafafa;font-size:1em}
.buttonBig{color:#ffffff;display: inline-block;height: 40px;padding: 0px 10px;line-height: 40px;border-radius: 4px;border:1px solid #009cd0;border-bottom:1px solid #c0c0c0;box-sizing:border-box;background:#00aae2;font-size:1em}
.orangeFonts{color:#f62205;}
.blueFonts{color:#00a1c9}
.bigfont{font-size:1.5em;}
.radio{width:20px;height:20px;}

#wrap{width:100%;overflow:hidden}

#wrapTop{overflow:hidden}
#wrapTop .overlay {background:#000000;}
#wrapTop .closeButton{display:none;position:fixed;top:5px;width:30px;height:30px;background:url('images/btn_close.png') no-repeat;background-position:center;background-size:20px auto;z-index:2000}
#wrapTop .closeButton a{display:block}
.topMain{position:fixed;top:0px;left:0px;width:100%;height:45px;background:#445163;overflow:hidden;z-index:30}
.topMain h1{float:left;height:45px;line-height:45px;margin-left:15px;text-align:center;font-size:1em}
.topMain h1 a{display:block;color:#ffffff;font-size:1em;font-weight:bold;letter-spacing:-1px;word-spacing:-1px}
.topMain .topHome{
	float: right;
	/* height: 45px; */
	width: 30px;
	height: 45px;
	background: url(images/btn_myshop.png) no-repeat;
	background-size: auto 21px;
	background-position: center;
}
.topMain .topHome span{display:none;margin-top:13px;padding:0.2em 0.6em 0.1em 0.6em;border-radius:10px;background:#444444;color:#c5c5c5;font-size:0.8em;letter-spacing:-1px}
.topMain .topCategory{float:right;width:45px;height:45px;background:url('images/btn_category.png') no-repeat;background-size:auto 15px;background-position:center}
.topMenu{margin-top:45px;height:55px;background:#89919d;overflow:hidden}
.topMenu a{float:left;display:block;width:20%;height:55px;line-height:55px;color:#ffffff;font-size:1em;text-align:center}
.topMenu .nowMenu{background:#00aae2}

/* 우측 숨김메뉴 */
[data-sidebar]{display:none;position:fixed;top:0px;right:0px;width:235px;height:100%;background:#ffffff;overflow-y:auto;z-index:2000}
[data-sidebar-overlay]{display:none;position:fixed;top:0;left:0;opacity:0;width:100%;height:100%;min-height:inherit;z-index:1000}
#wrapHiddenMenu .menuBox dt a{    display: block;
	height: 42px;
	line-height: 42px;
	padding-left: 20px;
	background: #eaedf3;
	font-weight: bold;
	color: #333333;}
#wrapHiddenMenu .menuBox dd{height:40px;line-height:40px;padding-left:25px;border-bottom:1px solid #f2f2f2}
#wrapHiddenMenu .menuBox dd:last-child{height:35px;line-height:35px;padding-left:25px;border-bottom:none}
#wrapHiddenMenu .menuBox dd a{1.1em;display:block;padding-left:10px;background:url('images/icon_dot.png') no-repeat;background-position:0% 45%;background-size:2px auto;color:#777777}
#wrapHiddenMenu .menuBox .orangeFonts{padding: 0.1em 0.5em;
	border-radius: 8px;
	background: #f9f9f9;
	font-weight: bold;
	color: #f62205;
	font-size: 1em;
	text-align: center;
	border: 1px solid #f1f1f1;
}


#wrapContent{overflow:hidden;margin: 12px;}
.wrapMain{margin:0px}
.wrapMain h2{font-weight:bold;padding:20px 10px 10px 0px;font-size:1.1em;}
.wrapMain table{width: 100%;background: #ffffff;border-radius:7px;}
.wrapMain table a{display:block;padding:13px 10px}
.wrapMain th{padding:13px 10px;border-bottom:1px solid #f2f2f2;text-align:left;font-weight:normal;}
.wrapMain .thend{border-bottom:0px solid #f2f2f2;text-align:left}
.wrapMain td{padding:13px 10px;border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;text-align:right}
.wrapMain .tdline{padding:13px 10px;border-right:1px solid #f2f2f2;border-bottom:0px solid #f2f2f2;font-weight:bold;text-align:right}
.wrapMain .tdline1{padding:13px 10px;border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;font-weight:bold;text-align:right}
.wrapMain .tdend{padding:13px 10px;border-right:0px solid #f2f2f2;border-bottom:0px solid #f2f2f2;font-weight:bold;text-align:right}
.wrapMain td:last-child{border-right:none}
.orderChart th, .orderChart td{}
.orderChart .normal{color:#333333;}
.boardChart .normal{}
.boardChart .todayWriteCount{padding:0.1em 0.6em;border-radius:8px;background:#ff4400;color:#ffffff;font-size:0.8em;font-weight:normal;text-align:center}
.todayChart{border-bottom:1px solid #d9dee6;overflow:hidden}
.todayChart h2{padding:25px 0px 25px 0px;color:#00aae2;font-size:1.4em;line-height:140%;font-weight:bold;}
.todayChart span{float:right;font-size:1.2em}
.majorChart table{border-top:none;background:#ffffff}
.majorChart th{background:#f1f3f8;text-align:center;font-size:0.9em}
.majorChart th:first-child{font-size:1.1em;text-align:left;letter-spacing:-1px}
.majorChart td:first-child{color:#777777;font-size:0.9em;font-weight:normal;text-align:left}
.majorChart .today{color:#f62205;    font-size: 1.5em;}
.noticeList h2{position:relative}
.noticeList h2 a{position:absolute;top:13px;right:0px;background-position:100% 45%;font-size:0.8em;font-weight:normal}
.noticeList ul{padding: 10px;
	border: 1px solid #d9dee6;
	/* border-bottom: 1px solid #f2f2f2; */
	background: #ffffff;
	border-radius: 7px;}
.noticeList li{margin-left:3px;padding-left:10px;background:url('images/icon_dot.png') no-repeat;background-position:0% 50%;background-size:2px auto}
.noticeList a{display:block;padding:4px 0px;font-size:0.95em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.solutionChart table a{display:inline-block;padding:0px}
.solutionChart td{font-weight:normal;color:#333333;font-weight:bold;}

#wrapBottom{padding:20px 0px 40px 0px;text-align:center;color:#999999;}
.botMenu{margin-bottom:10px;overflow:hidden}
.botMenu a{    display: inline-block;
	padding: 4px 8px 2px 8px;
	border: 0px;
	background: none;
	border-right: 1px solid #dddddd;
	padding: 0px 15px;
	color:#999999;}

/* 주문 목록 */
.wrapOrderlist{margin:0px}
.wrapOrderlist h1{position:relative;margin:20px 0px 20px 0px;color:#00aae2;font-size:1.4em;font-weight:bold;text-align:left}
.wrapOrderlist h1 .button{    position: absolute;
	top: -2px;
	right: 0px;
	padding: 0.3em 0.6em;
	color: #888888;
	font-size: 0.67em;
	border-radius: 5px;
	height: 30px;
	line-height: 18px;}
.orderSearch{margin-bottom:20px}
.orderSearch input{height:32px;line-height:32px}
.orderTodayList{overflow:hidden}
.orderInfo{    margin-bottom: 10px;
	padding: 20px;
	border: 1px solid #e0e5ee;
	box-sizing: border-box;
	background: #ffffff;
	border-radius: 4px;
}
.orderInfo caption{margin-bottom:17px;font-size:1.2em;text-align:left;overflow:hidden}
.orderInfo th{padding:4px 0px;text-align:left;color:#888888;font-weight:normal}
.orderInfo td{padding:4px 0px;}
.orderInfo a{display:block;background:url('images/btn_more.png') no-repeat;background-position:100% 45%;background-size:7px auto;color:#333333}
.orderInfo .button{height:30px;padding:0px 8px;border:none;border-radius:3px;background:#bbbbbb;color:#ffffff}
.orderList th{display:none;}


/* 주문 상세보기 */
.wrapOrderDetail{position:relative;margin:0px}
.wrapOrderDetail h1{display:none;margin:20px 0px;font-size:1.2em}
.wrapOrderDetail h1 .orangeFonts{font-weight:bold}
.wrapOrderDetail .btnClose{
	margin: 0px 0px 20px 0px;
	display: block;
	/* top: 0px; */
	/* right: 5px; */
	/* height: 20px; */
	line-height: 20px;
	border-radius: 10px;
	/* background: #444444 url(images/btn_close.png) no-repeat; */
	background-position: 15% 50%;
	background-size: 8px auto;
	font-size: 4em;
	text-align: right;
}
.orderStep{margin:10px 0px;text-align:center;overflow:hidden}
.orderStep a{display:inline-block;width:32%;padding:10px 0px;border-radius:5px;background:#ffffff;text-align:center;font-weight:bold}
/*.orderStep a:first-child{background:#f62205;color:#ffffff;font-weight:bold}*/
.orderDetailInfo{
	margin-bottom: 10px;
	padding: 20px;
	border: 1px solid #e0e5ee;
	box-sizing: border-box;
	background: #ffffff;
	border-radius: 7px;}
.orderDetailInfo caption{font-weight:bold;margin-bottom:20px;font-size:1.2em;text-align:left;overflow:hidden}
.orderDetailInfo table{margin-top:10px;border-top:1px dotted #f2f2f2}
.orderDetailInfo h4{margin-bottom:10px;font-size:1.2em;text-align:left;overflow:hidden}
.orderDetailInfo th{padding:10px 0px;border-top:1px solid #f2f2f2;text-align:left;color:#888888;font-weight:normal}
.orderDetailInfo td{padding:10px 0px;border-top:1px solid #f2f2f2;text-align:right}
.orderDetailInfo .vender{font-size:0.9em;font-weight:normal}
.deliveryInsert{position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);z-index:100}
.deliveryInsert .bgbox{position:fixed;top:30%;left:50%;width:70%;margin-left:-40%;padding:20px;padding-bottom:10px;border:2px solid #666666;border-radius:10px;background:#ffffff;}
.deliveryInsert caption{padding-bottom:4px;border-bottom:1px solid #f2f2f2;font-weight:bold;text-align:left}
.deliveryInsert th{padding:4px;background:#f8f8f8;border-bottom:1px dotted #f2f2f2;text-align:left;color:#888888;font-weight:normal}
.deliveryInsert td{padding:4px;border-bottom:1px dotted #f2f2f2}
.deliveryInsert input{height:35px;color:#888888}
.deliveryInsert .button{padding:0px 8px;border-radius:3px}
.orderSaleprice{    border-radius: 7px;
	margin-bottom: 10px;
	padding: 20px;
	border: 1px solid #d9dee6;
	box-sizing: border-box;
	background: #ffffff;
}
.orderSaleprice caption{font-weight:bold;margin-bottom:20px;font-size:1.2em;text-align:left;overflow:hidden}
.orderSaleprice th{padding:4px 0px;text-align:left;color:#888888;font-weight:normal}
.orderSaleprice td{padding:4px;padding-right:0px;text-align:right}
.orderDetailView{    margin: 12px;
	padding: 20px;
	/* border: 1px solid #d9dee6; */
	box-sizing: border-box;
	background: #ffffff;
	border-radius: 7px;}
.orderDetailView img{width:100%}
.proList th{background:#f8f8f8;border:none;text-align:center;color:#222222}
.proList td{padding:20px 0px;color:#888888;text-align:left}
.proList .input{padding:0px;height:32px;color:#888888}
.allStepChange{margin-top:10px}
.allStepChange .button{float:left;height:32px;margin-right:4px;padding:0px 6px;letter-spacing:-0.6px;border:none;border-radius:3px;background:#b3bcc8;color:#ffffff}
.orderPartCancel{margin-bottom:10px;padding:20px;border:1px solid #d9dee6;box-sizing:border-box;background:#ffffff}
.orderPartCancel h4{margin-bottom:10px;font-size:1.2em;text-align:left;overflow:hidden}
.orderPartCancel .btnGroup{margin-bottom:10px}
.orderPartCancel button{height:35px;border-radius:3px}
.orderPartCancel .refusal{width:25%}
.orderPartCancel .adminReq{width:46%}
.orderPartCancel .apporoval{width:25%;border:none;background:#00a1c9;color:#ffffff}
.orderPartCancel table{border:3px solid #00a1c9}
.orderPartCancel caption{margin-bottom:10px;color:#ff6600;font-size:1em;text-align:justify}
.orderPartCancel th{padding:10px;border-bottom:1px dotted #dddddd;background:#f9f9f9;color:#777777;text-align:left}
.orderPartCancel td{padding:10px;border-bottom:1px dotted #dddddd;text-align:right}
.orderPartCancel input{height:35px}
.orderPartCancel .refund{text-align:center}
.orderPartCancel .refund input{width:30%;border:none;border-radius:3px;background:#00a1c9;color:#ffffff}
.orderRefundBankInfo{border-radius:7px;margin-bottom:10px;padding:20px;border:1px solid #d9dee6;box-sizing:border-box;background:#ffffff}
.orderRefundBankInfo h4{margin-bottom:10px;font-size:1.2em;text-align:left;overflow:hidden}
.orderRefundBankInfo table{margin-bottom:10px}
.orderRefundBankInfo th{padding:10px 10px 10px 0px;font-weight:normal;color:#777777;text-align:left}
.orderRefundBankInfo td{padding:5px 0px;text-align:left}
.orderRefundBankInfo input{width:100%;height:32px}
.orderRefundBankInfo button{float:right;width:27%;height:32px;border:none;border-radius:3px;background:#b3bcc8;color:#ffffff}
.closeBtn{display:block;margin: 12px auto;height:35px;padding:0px 8px;border-radius:3px}

/* 상품 목록 */
.wrapProductlist{margin:0px}
.wrapProductlist h1{position:relative;margin:20px 0px 20px 0px;color:#00aae2;font-size:1.4em;font-weight:bold;text-align:left}
.wrapProductlist h1 .button{    position: absolute;
	top: -2px;
	right: 0px;
	padding: 0.3em 0.6em;
	color: #888888;
	font-size: 0.67em;
	border-radius: 5px;
	height: 30px;
	line-height: 18px;}
.productSearch{margin-bottom:20px}
.productSearch input{height:32px;line-height:32px}
.productTotalList{overflow:hidden}
.wrapProductlist .loopProduct{margin-bottom: 10px;
	padding: 15px 5px;
	border-bottom: 1px solid #f2f2f2;
	box-sizing: border-box;
	background: #ffffff;
	overflow: hidden;}
.wrapProductlist .loopProduct .primage{float:left;width:20%;text-align:center}
.wrapProductlist ul{float:right;width:75%}
.wrapProductlist .loopProduct .prcategory{color:#999999;font-size:0.9em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.wrapProductlist .loopProduct .prprice{font-size:1em}
.wrapProductlist .loopProduct .prname{margin:0.3em 0em;font-size:1.2em;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.orderInfo a{display:block;background:url('images/btn_more.png') no-repeat;background-position:100% 45%;background-size:7px auto;color:#333333}
.orderInfo .button{height:30px;padding:0px 8px;border:none;border-radius:3px;background:#bbbbbb;color:#ffffff}

/* 상품등록+수정 */
.prdInputTbl{margin: 12px}
.prdInputTbl h1{margin:20px 0px 20px 0px;color:#00aae2;font-size:1.4em;font-weight:bold;text-align:left}
.prdInputTbl .table{width:100%;margin-bottom:0px;border:0px solid #d9dee6;background:#ffffff;color:#777777;border-radius:7px;}
.prdInputTbl .table th{padding:15px;border-bottom:0px solid #f2f2f2;font-weight:normal;text-align:left}
.prdInputTbl .table .thEnd{padding:15px;border-bottom:0px solid #f2f2f2;font-weight:normal;text-align:left}
.prdInputTbl .table td{padding:15px 15px 13px 0px;border-bottom:0px solid #f2f2f2;font-weight:normal;text-align:left}
.prdInputTbl .table .tdEnd{padding:15px 15px 13px 0px;border-bottom:0px solid #f2f2f2;font-weight:normal;text-align:left}
.prdInputTbl input{height:32px;padding:0px 4px;vertical-align:middle}
.prdInputTbl td li{padding:4px 0px}
.prdInputTbl .table table{width:100%;border:1px solid #d9dee6;background:#ffffff;color:#777777}
.prdInputTbl .table table th{padding:5px 0px;border-bottom:1px solid #d9dee6;border-right:1px solid #d9dee6;color:#777777;font-size:1em;}
.prdInputTbl .table table td{padding:5px 0px;border-bottom:1px solid #d9dee6;border-right:1px solid #d9dee6;color:#777777;font-size:1em;font-weight:normal;text-align:center}
.prdInputTbl .benefit li{float:left;width:50%}

/*카테고리 등록/수정*/
.category_manageBtn{text-align:right;margin: 12px;}

.category_manageBtn .button{
	padding: 0.3em 0.6em;
	color: #888888;
	font-size: 0.9em;
	font-weight:bold;
	border-radius: 5px;
	height: 30px;
	line-height: 18px;
}

/*타이틀*/
.stitle{display:block;font-weight:bold;color:#e7004a;padding:10px 0px 6px;}
.stitleBlack{display:block;font-weight:bold;color:#333333;padding:10px 0px 6px;}

/* 전체 게시물 */
.wrapCommunity{margin:0px}
.wrapCommunity h1{margin:20px 0px;color:#00aae2;font-size:1.4em;font-weight:bold;text-align:center}
.articleSearch{margin-bottom:20px}
.articleSearch input{height:32px;line-height:32px}
.moveList{padding:10px 0px;border-top:1px solid #f2f2f2}
.moveList .button{float:right;height:32px;padding:0px 10px;line-height:32px;border-radius:3px}
.articleTotalList{    margin-bottom: 10px;
	padding: 20px 20px 10px 20px;
	border: 1px solid #d9dee6;
	box-sizing: border-box;
	background: #ffffff;
	overflow: hidden;
	border-radius: 7px;}
.articleTotalList .loopContents{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #f2f2f2}
.articleTotalList .loopContents .title{margin-bottom:4px;width:100%;font-size:1.2em;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.articleTotalList .loopContents .title .newWrite{position:relative;top:-2px;display:inline-block;padding:0.2em 0.4em 0em 0.4em;border-radius:10px;background:#ff4400;color:#ffffff;font-size:0.6em;font-weight:normal;text-align:center}
.articleTotalList .loopContents .writer{color:#bbbbbb;font-size:0.9em}
.articleTotalList .loopContents .vLine{padding:0px 5px;color:#bbbbbb;font-size:0.9em}
.articleTotalList .loopContents .date{color:#bbbbbb;font-size:0.9em}

/* 게시물 내용보기 */
.viewContents{border:1px solid #d9dee6;box-sizing:border-box;background:#ffffff;overflow:hidden;border-radius:7px;}
.viewContents h2{    padding: 15px 15px 30px 15px;
	padding-bottom: 5px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.5em;}
.viewContents .writerTimes{margin-bottom:10px;padding:15px;color:#bbbbbb;font-size:0.9em;}
.viewContents .contents{    padding: 15px 15px 30px 15px;
	overflow: hidden;
	line-height: 1.5em;}
.viewContents .addFiles{margin-top:10px;padding:15px;color:#bbbbbb;font-size:0.9em}
.viewContents .addFiles a{color:#bbbbbb;}
.viewContents .reply{margin-top:10px;padding:10px;border-top:1px solid #d9dee6;overflow:hidden}
.viewContents .reply h2{padding:5px 0px}
.viewContents .reply textarea{width:100%;height:100px;padding:10px;background:#f9f9f9}

.wrapComment{margin-top:40px;overflow:hidden}
.wrapComment h2{display:none;padding:5px 10px;font-size:1.2em;font-weight:bold}
.wrapComment table{border:1px solid #d9dee6;box-sizing:border-box;background:#ffffff;}
.wrapComment caption{padding-bottom:5px;border-bottom:1px solid #d9dee6;font-size:1.2em;font-weight:bold;text-align:left}
.wrapComment th{padding:5px 10px;border-bottom:1px solid #d9dee6;background:#f8f8f8;color:#888888;text-align:left}
.wrapComment td{padding:5px;border-bottom:1px solid #d9dee6;text-align:left}
.wrapComment td input{width:50%;height:24px;}
.wrapComment textarea{width:100%;height:50px}
.wrapComment .button{height:32px;padding:0px 10px;line-height:32px;border-radius:4px}

.wrapButton{margin:10px;text-align:center}
.wrapButton a{display:inline-block;height:32px;padding:0px 10px;line-height:32px;border-radius:4px}

.wrapCommentList{overflow:hidden}
.wrapCommentList .loopReview{margin:10px 0px;border:1px solid #f2f2f2;background:#ffffff;overflow:hidden}
.wrapCommentList .loopReview .reviewText{padding:10px 0px}
.wrapCommentList .loopReview .adminComment{margin-top:10px}
.wrapCommentList .loopReview .adminComment p{margin:4px 0px;padding-left:44px;background:url('images/icon_reply.png') no-repeat;background-position:0% 50%;color:#888888;line-height:125%}
.wrapCommentList .loopReview .button{padding:0.2em 0.4em}
.wrapCommentList .loopReview .adminComment .input{height:24px;line-height:24px}
.wrapCommentList .loopReview .adminCommentWrite{padding:5px 10px;border-top:1px solid #f2f2f2;overflow:hidden}
.wrapCommentList .loopReview .adminCommentWrite label{height:24px;line-height:24px}
.wrapCommentList .loopReview .adminCommentWrite .input{float:left;width:83%;height:24px;line-height:24px}
.wrapCommentList .loopReview .adminCommentWrite .button{float:right;width:15%;height:24px;line-height:24px;padding:0em;text-align:center}

/* 게시물 작성하기*/
.writeContents{
	border: 1px solid #d9dee6;
	box-sizing: border-box;
	background: #ffffff;
	border-radius: 4px;
	padding: 30px;
	text-align: center;
}
.writeContents th{padding:5px 10px;border-bottom:1px solid #f2f2f2;text-align:left;font-weight:normal;}
.writeContents td{padding:10px;border-bottom:1px solid #f2f2f2;text-align:left}
.writeContents td input{width:100%;height:32px;}
.writeContents textarea{width:100%;height:200px}
.writeCheck{margin:20px 0px;text-align:center}

/* 게시물 삭제하기 */
.deleteContents{border:1px solid #d9dee6;border-bottom:none;box-sizing:border-box;background:#ffffff;overflow:hidden;border-radius:7px;}
.deleteContents .title{padding:15px;text-align:center;font-weight:bold;}
.deleteContents .name{padding:0px 0px 13px 0px;text-align:center;}
.deleteCheck{margin:20px 0px;text-align:center}

/* 페이징 */
.wrapPages{overflow:hidden}
.pages{    text-align: center;
	overflow: hidden;
	width: 150px;
	margin: 0px auto;}
.pages .btnPrev{float:left;display:block;width:32px;height:32px;border-radius:3px;background:#fafafa url('images/btn_prev_arrow.png') no-repeat;background-size:7px auto;background-position:center}
.pages .btnNext{float:right;display:block;width:32px;height:32px;border-radius:3px;background:#fafafa url('images/btn_next_arrow.png') no-repeat;background-size:7px auto;background-position:center}
.pages .nums{position:absolute;left:50%;margin-left:-50px;width:100px;height:32px;line-height:32px;text-align:center}

/* basic_select-기본셀렉스박스 */
.basic_select{width:100%}
.basic_select .jq_sel{display:block;position:relative;min-height:32px;background:#ffffff url('images/icon_down_arrow.png') no-repeat;background-size:7px auto;background-position:95% 50%;border:1px solid #d9dee6;box-sizing:border-box}
.basic_select .jq_sel span{position:absolute;top:0px;left:0px;width:90%;min-height:32px;line-height:32px;padding-left:0.75em;text-align:left;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.basic_select .jq_sel a.transformSelectOpen{display:block;position:absolute;top:0px;right:0px;width:32px;height:32px;background:url('images/icon_arrow_bottom01.png') no-repeat;background-position:center}
.basic_select .jq_sel ul{position:absolute;top:30px;left:-1px;width:100%;max-height:100px;border:1px solid #d9dee6;border-top:none;background:#ffffff;overflow:auto;display:none;z-index:10}
.basic_select .jq_sel li{padding:0px}
.basic_select .jq_sel li a{display:block;width:90%;min-height:28px;line-height:28px;padding-left:0.75em;text-decoration:none;text-align:left;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.basic_select .jq_sel_hide{display:none}

.basic_select select{width:100%}