@charset "UTF-8";



/********** 회원정보수정 **********/
.user-modify--frame { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; flex-wrap:wrap; -ms-flex-wrap:wrap; width:100%; border-bottom:1px solid #b2b2b2; }
	
.user-modify--frame .form--frame .info-text { display:block; width:100%; text-align:center; font-weight:600; font-size:0.85rem; }
.user-modify--frame .form--frame .waring-text { display:block; width:100%; padding:8px; background-color:#fafafa; border:1px solid #b2b2b2; font-size:0.85rem; color:#f00; font-weight:600; text-align:center; margin-bottom:20px; }

.user-modify--frame .nickname--frame { display:block; }

.withdrawal-btn--frame { display:flex; display:-ms-flexbox; justify-content:flex-end; -ms-flex-pack:end; width:100%; padding:20px 0 30px 0; }
.withdrawal-btn--frame .withdrawal-btn { display:flex; display:-ms-flexbox; justify-content:space-between; -ms-flex-pack:justify; width:120px; color:rgba(0,0,0,.7); font-weight:600; }

.withdrawal-btn--frame .withdrawal-btn:hover,
.withdrawal-btn--frame .withdrawal-btn:focus { text-decoration:none; color:#8ac08c; }

.withdrawal-btn--frame .withdrawal-btn .text,
.withdrawal-btn--frame .withdrawal-btn .icon { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; display:block; font-family:'SEBANG_Gothic_Bold', sans-serif; }

/********** 나의 작성글 - 이전 사이트 퍼옴 **********/ 
.notice-info-box { display:block; width:100%; margin-bottom:30px; border:1px solid #ccc; background-color:#fafafa; background-image:url('/go_now/res/img/home/sub/image-infoText-bg.png'); background-repeat:no-repeat; }
.notice-info-box .txt-box { display:block; width:100%; }
.notice-info-box .txt-box .dot { display:block; width:100%; background:url('/go_now/res/img/home/common/image_dot_black.jpg') no-repeat left 9px; padding-left:10px; line-height:1.5; font-weight:600; font-size:0.91em; word-break:keep-all; word-wrap:break-word; }
.notice-info-box .txt-box .dot:not(:last-of-type) { margin-bottom:8px; }

#bbsBoardlist.mypage {  }
#bbsBoardlist.mypage .sect {  }
#bbsBoardlist.mypage .sect:not(:last-of-type) { margin-bottom:80px; }

.normal-board-list { display:block; width:100%; margin-top:30px; border-top:2px solid #323232; }
.normal-board-list .n-b-list { display:flex; display:-ms-flexbox; justify-content:space-between; -ms-flex-pack:justify; flex-wrap:wrap; -ms-flex-wrap:wrap; width:100%; padding:20px; border-bottom:1px solid #ccc; }

.normal-board-list .n-b-list:hover,
.normal-board-list .n-b-list:focus { background-color:#f1f1f1; text-decoration:none; }

.normal-board-list .n-b-list .board-txt,
.normal-board-list .n-b-list .detail { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }

.normal-board-list .n-b-list .board-txt { display:block; width:calc(100% - 150px); }
.normal-board-list .n-b-list .board-txt .tt { width:100%; display:block; }
.normal-board-list .n-b-list .board-txt .category { display:block; width:100%; margin-bottom:8px; }
.normal-board-list .n-b-list .board-txt .category .ca-tt { display:inline-block; padding:5px 15px; background-color:#464646; color:#fff; font-weight:600; font-size:0.91em; border-radius:5px; }

.normal-board-list .n-b-list .board-txt .txt-box { width:100%; display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; }
.normal-board-list .n-b-list .board-txt .txt-box .txt,
.normal-board-list .n-b-list .board-txt .txt-box .commentCnt { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }

.normal-board-list .n-b-list .board-txt .txt-box .txt { display:block; max-width:100%; font-weight:600; font-size:1.2em; letter-spacing:-.6px; }
.normal-board-list .n-b-list .board-txt .txt-box .txt .lock-mark { display:inline-block; width:25px; background:url('../img/common/img-lock.png') no-repeat left center; text-indent:-9999px; }
.normal-board-list .n-b-list .board-txt .txt-box .txt.reply-mark { padding-left:25px; background:url('../img/board/img-reply-mark.png') no-repeat left center; }

.normal-board-list .n-b-list .board-txt .txt-box .commentCnt { min-width:50px; font-weight:600; color:#0054a6; margin-left:20px; }

.normal-board-list .n-b-list .board-txt .w-info { width:100%; display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; flex-wrap:wrap; -ms-flex-wrap:wrap; margin-top:30px; }
.normal-board-list .n-b-list .board-txt .w-info span { display:block; -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; width:auto; font-weight:600; font-size:0.85em; color:#676767; }
.normal-board-list .n-b-list .board-txt .w-info .status { padding:5px 10px; background-color:#454545; color:#fff; margin-left:12px; border-radius:5px; }
.normal-board-list .n-b-list .board-txt .w-info .status.end { background-color:#323232 }
.normal-board-list .n-b-list .board-txt .w-info .status.waiting { background-color:#31739c; }
 
.normal-board-list .n-b-list {  }
.normal-board-list .n-b-list .detail { border:1px solid #ccc; padding:12px; width:120px; transition:0.3s all ease-in-out; display:flex; display:-ms-flexbox; justify-content:center; -ms-flex-pack:center; text-align:center; }
.normal-board-list .n-b-list .detail strong { font-size:1em; }
.normal-board-list .n-b-list .detail span { display:none; }

.normal-board-list .n-b-list:focus .detail,
.normal-board-list .n-b-list:hover .detail{ background-color:#0054a6; color:#FFF; border-color:#0054a6; width:140px; }

.normal-board-list .n-b-list:focus .detail span,
.normal-board-list .n-b-list:hover .detail span { display:block; font-size:0.85em; vertical-align:text-bottom; }
.normal-board-list .n-b-list:hover .detail strong { font-size:1em; margin-left:10px; }


.mypage-default--board { border-top:2px solid #000; }
.mypage-default--board .board-list { display:block; }
.mypage-default--board .board-list .list-text { width:100%; }

/********** responsive - start **********/ 

/* Mobile */
@media screen and (min-width:1px) and (max-width:639px) {
	/********** 회원정보수정 **********/
	.user-modify--frame { padding-bottom:30px; }
	.user-modify--frame .nickname--frame { width:100%; }
	
	/********** 나의 작성글 - 이전 사이트 퍼옴 **********/
	.notice-info-box { padding:180px 30px 30px 30px; background-position:center 30px; }
	
	.normal-board-list .n-b-list .board-txt,
	.normal-board-list .n-b-list .detail { width:100%; }
	.normal-board-list .n-b-list .detail { margin-top:20px; }
	.normal-board-list .n-b-list .board-txt .w-info .status { width:100%; margin-left:0px; margin-top:12px;}
	
	.normal-board-list .n-b-list:focus .detail,
	.normal-board-list .n-b-list:hover .detail{ width:100%; }
	
	
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1316px) {
	/********** 회원정보수정 **********/
	.user-modify--frame .image--frame,
	.user-modify--frame .form--frame { display:block; width:100%; }
	
	.user-modify--frame .image--frame { text-align:center; }
	.user-modify--frame .image--frame img { max-width:100%; }
}

/* Tablet */
@media screen and (min-width:640px) and (max-width:1316px) {
	/********** 회원정보수정 **********/
	.user-modify--frame { padding:30px; }
}

/* Tablet & PC */
@media screen and (min-width:640px) {
	/********** 나의 작성글 - 이전 사이트 퍼옴 **********/ 
	.notice-info-box { padding:60px 60px 60px 205px; background-position:30px center; }	
}

/* PC */
@media screen and (min-width:1317px) {
	/********** 회원정보수정 **********/
	.user-modify--frame { padding:50px 30px; } 
	.user-modify--frame .form--frame { width:calc(100% - 312px); padding-left:30px; padding-right:30px; }
	
	.user-modify--frame .image--frame,
	.user-modify--frame .form--frame { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; display:block; }
}