#Board .boardBtnArea {margin:20px 0 0 0; text-align:right;}
#Board .boardBtnArea {margin-top:20px; overflow:hidden;}
#Board .boardBtnArea img {vertical-align:top;}
#Board .boardBtnArea .colLeft {float:left;}
#Board .boardBtnArea .colRight {float:right; text-align:right;}

.tblType01 {border-top:1px solid #006740;}
.tblType01 th, .tblType01 td {text-align:left; font-weight:normal; border-bottom:1px solid #F1F1F1; padding:16px 10px; height:52px}
.tblType01 th {background:#FAFAFA; color:#222; font-size:.875rem; font-weight: 500; line-height: 140%;}
.tblType01 th .red {font-size:16px;}

.tblType02 {border-top:1px solid #006740;}
.tblType02 thead {background:#FAFAFA;}
.tblType02 th {font-size: 14px; font-weight: 600; line-height: 140%;}
.tblType02 th, .tblType02 td {text-align:center; border-bottom:1px solid #F1F1F1; padding:16px 20px; font-size: 14px; font-weight: 400; line-height: 140%;}
.tblType02 td {color: #8e8e8e;}
.tblType02 .subject {text-align:left; font-size: 16px; color: #222;}
.tblType02 .subject a {color: #222;}

.tblType03 {border-top:1px solid #006740;}
.tblType03 thead {background:#FAFAFA;}
.tblType03 th {background:#FAFAFA; font-size: 14px; color:#222;}
.tblType03 th, .tblType03 td {text-align:left; font-weight:normal; border-bottom:1px solid #F1F1F1; padding:16px 20px;}
.tblType03 td {font-size: .875rem; color:#8e8e8e;}
.tblType03 td a {color:#222;}
.tblType03 td label {display: inline-flex; vertical-align: middle;}
.tblType03 tbody th {border-right: 1px solid #F1F1F1; text-align: center; font-weight: 600; word-break: keep-all;}
.tblType03 .subject {text-align:left; font-size: 1rem; color: #222; font-weight: 600;}
.tblType03 .info {font-size:14px; line-height: 140%; color:#8e8e8e;}
.tblType03 .info .underline {text-decoration:underline;}
.tblType03 .view_contents {padding:30px 25px; font-size: 1rem; line-height: 140%;}
.tblType03 .view_contents img {max-width:100%; height:auto;}

#Board.form .tblType03 .text {width:70%;}
#Board.form .tblType03 .pw {width:20%;}

#paging {display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 56px;}
#paging a, #paging b {display: flex; align-items: center; justify-content: center; width:32px; height:32px; box-sizing:border-box; border: 1px solid #fff; color:#222; vertical-align:top;}
#paging a.arrow {display: inline-flex; align-items: center; justify-content: center;}
#paging a.arrow img {width: 24px; vertical-align: middle;}
#paging b {color:#006740; border-color:#006740; font-weight:600; border-radius: 4px;}

#searchWrap {background:#FAFAFA; margin-top: 3.5rem; box-sizing:border-box; padding: 24px 32px; text-align:center; border-radius: 16px;}
#searchWrap form {display: flex; align-items: center; justify-content: center; gap: 8px;}
#searchWrap .select {width: 216px; height: 2.5rem; line-height: 2.5rem; font-size: .875rem;}
#searchWrap .text {width:50%; height: 2.5rem; line-height: 2.5rem; font-size: .875rem;}

#commentWrap {border-top:1px solid #222; margin-top:40px;}
.commentArea dl {border-top:1px dashed #F1F1F1; padding:20px 10px;}
.commentArea dl:first-child {border-top:none;}
.commentArea dt {margin-bottom:5px;}
.commentArea dt .date {color:#999; font-size:14px;}
.commentArea dt .btn_cmt {background:#aeaeae; font-size:12px; color:#fff; border-radius:2px; display:inline-block; padding:0 5px; height:18px; line-height:18px;}
.writeArea {border:1px solid #F1F1F1; background:#f7f7f7;}
.writeArea dl {padding:20px;}
.writeArea dl dt {margin-bottom:5px;}
.writeArea dl dt input.text {width:15%;}
.writeArea dl dd .textarea {width:87%; height:89px; resize:none;}
.writeArea dl dd .btn_cmt_ok {width:10%; height:95px; background:#666; color:#fff; line-height:95px; text-align:center;}

/* 글 삭제 팝업 */
.delete_pop .box_container {display: flex; flex-direction: column; gap: 1.5rem; align-items: center; border: 1px solid #F1F1F1; padding: 40px 32px;}
.delete_pop .box_container img {width: 4rem;}
.delete_pop .box_container p {font-size: 22px; font-weight: 700; line-height: 150%;}
.delete_pop .btnArea a {vertical-align:bottom;}
.delete_pop input.text {width: 400px;}


/********************************************************/
/**************** PC 1400px 해상도 ******************/
/********************************************************/
@media only screen and (max-width:1400px){
.tblType01 th {font-size:16px;}
}
/********************************************************/
/**************** 테블릿 1024px 해상도 ******************/
/********************************************************/
@media only screen and (max-width:1024px){
.tblType01 th, .tblType01 td {padding:15px 10px; font-size:15px;}
.tblType02 th, .tblType02 td {padding:12px 5px; font-size:15px;}
#Board.form .tblType03 colgroup col:first-child {width:15%;}

.tblType02#delivery_list {border-top: none;}
.tblType02#delivery_list col {width:100%;}
.tblType02#delivery_list thead {display:none;}
.tblType02#delivery_list tbody {display: flex; flex-direction: column; gap: 40px;}
.tblType02#delivery_list th, .tblType02#delivery_list td {display:block; width:100%; border:none; text-align:left; padding:0; border-bottom: 1px solid #F1F1F1;}
.tblType02#delivery_list td {display: flex; align-items: center;}
.tblType02#delivery_list td:first-child {display:none;}
.tblType02#delivery_list td:nth-child(2) {border-top: 1px solid var(--color-primary);}
.tblType02#delivery_list td:before {width: 160px; display:inline-flex; flex-shrink: 0; justify-content: center; font-size: .875rem; font-weight: 600; color:#222; text-align: center; background: #FAFAFA; padding: 16px 10px; border-right: 1px solid #F1F1F1; margin-right: 24px;}
.tblType02#delivery_list.tblDelivery td:nth-child(2):before {content:'주문번호';}
.tblType02#delivery_list.tblDelivery td:nth-child(3):before {content:'주문일자';}
.tblType02#delivery_list.tblDelivery td:nth-child(4):before {content:'결제금액';}
.tblType02#delivery_list.tblDelivery td:nth-child(5):before {content:'결제방법';}
.tblType02#delivery_list.tblDelivery td:nth-child(6):before {content:'구매상태';}
.tblType02#delivery_list.tblDeliveryList td:nth-child(2):before {content:'배송지이름';}
.tblType02#delivery_list.tblDeliveryList td:nth-child(3):before {content:'수취인명';}
.tblType02#delivery_list.tblDeliveryList td:nth-child(4):before {content:'주소';}
.tblType02#delivery_list.tblDeliveryList td:nth-child(5):before {content:'연락처';}
.tblType02#delivery_list.tblDeliveryList td:nth-child(6):before {content:'수정';}

.tblType02#delivery_list.tblGiftCardList td:nth-child(1) {display: block !important; border-top: 1px solid var(--color-primary);}
.tblType02#delivery_list.tblGiftCardList td:nth-child(1):before {content:'상품권이름';}
.tblType02#delivery_list.tblGiftCardList td:nth-child(2) {border-top: none !important;}
.tblType02#delivery_list.tblGiftCardList td:nth-child(2):before {content:'시작일';}
.tblType02#delivery_list.tblGiftCardList td:nth-child(3):before {content:'종료일';}
.tblType02#delivery_list.tblGiftCardList td:nth-child(4):before {content:'발행처';}
.tblType02#delivery_list.tblGiftCardList td:nth-child(5):before {content:'금액';}
.tblType02#delivery_list.tblGiftCardList td:nth-child(6):before {content:'상품권보기';}
}

/********************************************************/
/**************** 테블릿 768px 해상도 ******************/
/********************************************************/
@media only screen and (max-width:768px){
.tblType01 th, .tblType01 td {font-size: .875rem;}
.tblType02 th, .tblType02 td {font-size: .875rem;}
.tblType03 th, .tblType03 td {font-size: .875rem;}
#Board.form .tblType03 colgroup col:first-child {width:25%;}
}


/********************************************************/
/**************** 모바일 640px 해상도 ******************/
/********************************************************/
@media only screen and (max-width:640px){
#paging {margin-top: 3.5rem;}


.tblType01 th, .tblType01 td {padding:1rem;}
.tblType02 th, .tblType02 td {padding:1rem;}
.tblType03 th, .tblType03 td {padding:1rem;}

#Board.form .dc {display:block; margin-top:5px;}
#Board.form .tblType03 .pw {width:40%;}

.tblType02#delivery_list td:before {width: 80px; padding: 1rem 0; margin-right: 1rem;}

.tblType02 th, .tblType02 td {font-size: .75rem;}
.tblType02 .subject {font-size: .875rem;}
#Board .tblType02 .rp {display:none !important;}
#Board .tblType02 .img_bell {width:20px;}
#Board .tblType02 col.num {width:14% !important;}
#Board .tblType02 col.writer {width:20% !important;}
#Board .tblType02 table th, .tblType02 table td {padding:3% 1%; box-sizing:border-box;}

.tblType03 table {table-layout: fixed;}
.tblType03 th, .tblType03 td {font-size: .75rem;}
.tblType03 td label {display: flex; margin-top: .625rem;}
#Board.view .rp {display:none !important;}
.tblType03 tbody th  {padding: 1rem .25rem;}
#Board.view .tblType03 table colgroup {display:none;}
#Board.view .tblType03 table th, #Board.view .tblType03 table td {display:block; width:100%; padding: 1rem; box-sizing:border-box;}
#Board.view .tblType03 table th {border-bottom:none;}
#Board.view .tblType03 .info {font-size: .75rem;}
#Board.view .tblType03 .view_contents {padding: 1rem; font-size: .875rem;}
#Board.view .tblType03 .view_thumb li {width:48%; margin:1%; box-sizing:border-box; padding:2%;}
#Board.view .tblType03 table th, #Board.view .tblType03 table td {width:auto; display:table-cell; border-bottom:1px solid #F1F1F1;}
#Board.form .tblType03 .text {width: 100%;}

#searchWrap {padding: 1.5rem;}
#searchWrap form {flex-wrap: wrap;}
#searchWrap .select {width: 7.5rem;}
#searchWrap .text {flex: 1;}
#searchWrap .btn_search {width: 100%;}

/* 글 삭제 팝업 */
.delete_pop .box_container {padding: 1.5rem 1rem;}
.delete_pop .box_container p {text-align: center; font-size: 1.125rem; line-height: 140%;}
.delete_pop input.text {max-width: 100%;}



}

/********************************************************/
/**************** 모바일 520px 해상도 ******************/
/********************************************************/
@media only screen and (max-width:520px){
}