@charset "UTF-8";

/* 공통 */
.board-frame { display:block; }

.btn-box { display:flex; display:-ms-flexbox; justify-content:flex-end; -ms-flex-pack:end; width:100%; }
.btn-box .n-btn { display:block; /*width:100px;*/ padding:15px 20px; background-color:#464646; border:1px solid #464646; font-weight:600; font-size:0.91em; color:#fff; text-align:center; transition:0.3s all ease-in-out; }

.btn-box .a-btn { display:flex; display:-ms-flexbox; justify-content:space-between; -ms-flex-pack:justify; min-width:150px; padding:15px 20px; background-color:#464646; border:1px solid #464646; font-weight:600; font-size:0.91em; color:#fff; transition:0.3s all ease-in-out; }
.btn-box .a-btn .text,
.btn-box .a-btn .icon { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; display:block; }

.btn-box .btn.bg-c-blue { background-color:#1a5d9b; border-color:#1a5d9b; }
.btn-box .btn.bg-c-gray { background-color:#5e5e5f; border-color:#5e5e5f; }
.btn-box .btn.bg-c-red { background-color:#d52b2b; border-color:#d52b2b; }
.btn-box .btn.bg-c-black { background-color:#000; border-color:#000; }
.btn-box .btn.bg-c-green { background-color:#229f3a; border-color:#229f3a; }
.btn-box .btn.bg-c-white { background-color:#fff; color:#000; border-color:#b2b2b2; }

.btn-box .btn:hover,
.btn-box .btn:focus { text-decoration:none; }

.btn-box .btn.bg-c-blue:hover,
.btn-box .btn.bg-c-blue:focus { background-color:#092a49; border-color:#092a49; }

.btn-box .btn.bg-c-gray:hover,
.btn-box .btn.bg-c-gray:focus { background-color:#1a1a1b; border-color:#1a1a1b; }

.btn-box .btn.bg-c-red:hover,
.btn-box .btn.bg-c-red:focus { background-color:#7a1212; border-color:#7a1212; }

.btn-box .btn.bg-c-black:hover,
.btn-box .btn.bg-c-black:focus { background-color:#525252; border-color:#525252; }

.btn-box .btn.bg-c-green:hover,
.btn-box .btn.bg-c-green:focus { background-color:#0e511b; border-color:#0e511b; }

.btn-box .btn.bg-c-white:hover,
.btn-box .btn.bg-c-white:focus { background-color:#737373; border-color:#737373; color:#fff; }

.btn-box.btn-box-center { justify-content:center; -ms-flex-pack:center; }

/************************ 게시판 목록 검색 영역 ************************/
.search-area { display:flex; display:-ms-flexbox; justify-content:space-between; -ms-flex-pack:justify; width:100%; }
.search-area .item { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }
.search-area .left-item { font-family:'GmarketSansMedium', sans-serif; font-size:1.05em; font-weight:500; color:#000; }
.search-area .left-item .color-red { color:#f00; font-family:'GmarketSansMedium', sans-serif; font-weight:500; }

.search-area .func-area { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; padding:7px 0px; border:2px solid #545454; border-radius:5px;  }
.search-area .func-area input,
.search-area .func-area select,
.search-area .func-area .search-btn { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; height:30px; }

.search-area .func-area .search-btn { border:none; border-left:2px solid #545454; color:#fff; background-color:transparent; background-image:url('/res/home/img/sub/image_search_btnIcon.png'); background-repeat:no-repeat; background-position:center center; font-weight:600; padding:5px 16px 5px 31px; transition:0.3s all ease-in-out; }
.search-area .func-area .search-btn:hover,
.search-area .func-area .search-btn:focus { background-image:url('/res/home/img/sub/image_search_btnIcon_active.png'); }

.search-area .func-area input,
.search-area .func-area select { border:0px; margin-right:6px; font-weight:600; font-size:0.85rem; }

.search-area .func-area select,
.search-area .func-area input::placeholder { color:rgba(0,0,0,.6); }

.search-area .func-area select { margin-left:14px; }

.search-area .func-area select:focus {  }
.search-area .func-area input:focus { outline:none; }

/************************ 게시판 목록 - FAQ 게시판 ************************/
.faq-board { display:block; width:100%; }
.faq-board .faq-board-box { display:block; width:100%; border-top:2px solid #333; margin-top:30px; margin-bottom:30px; word-wrap:break-word; word-break:keep-all; }
.faq-board .faq-list { display:block; width:100%; border-bottom:1px solid #ccc; }

.faq-board .faq-title { display:block; width:100%; position:relative; }
.faq-board .link-btn { width:100%; padding:30px; display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; transition:0.3s all ease-in-out; }

.faq-board .link-btn:hover,
.faq-board .link-btn:focus { background-color:#f1f1f1; text-decoration:none; color:#000; }
.faq-board .link-btn.active { color:#fff; background-color:#064283; text-decoration:none; }

.faq-board .link-btn .mark { display:block; width:25px; height:13px; position:absolute; right:30px; top:50%; margin-top:-7.5px; }
.faq-board .link-btn .mark .mark-frame { display:block; width:100%; height:100%; position:relative; }
.faq-board .link-btn .mark .active-line { display:block; width:15px; height:2px; position:absolute; top:5px; background-color:#000; transition:0.3s all ease-in-out; }

.faq-board .link-btn .mark .active-line1 { transform:rotate(-135deg); left:0px; }
.faq-board .link-btn .mark .active-line2 { transform:rotate(135deg); right:0px; }

.faq-board .link-btn:hover .active-line1,
.faq-board .link-btn:focus .active-line1 { transform:rotate(-45deg); }
.faq-board .link-btn:hover .active-line2,
.faq-board .link-btn:focus .active-line2 { transform:rotate(45deg); }  

.faq-board .link-btn.active .mark .active-line1 { transform:rotate(-45deg); background-color:#fff; }
.faq-board .link-btn.active .mark .active-line2 { transform:rotate(45deg); background-color:#fff; }

.faq-board .link-btn .item { display:block; font-weight:600; }
.faq-board .link-btn .t-mark-q { width:50px; }
.faq-board .link-btn .list-title { width:calc(100% - 50px); padding-right:35px; }

.faq-board .faq-content { display:none; width:100%; padding:30px; }
.faq-board .faq-content .faq-content-frame { width:100%; display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; }
.faq-board .faq-content .t-mark-a { width:50px; display:block; font-weight:600; font-family:'NanumSquare'; font-size:1.3em; color:#f00; }
.faq-board .faq-content .txt-box { width:calc(100% - 50px); display:block; font-weight:600; line-height:1.6; }
.faq-board .faq-content .txt-box img { max-width:100%; height:auto !important; vertical-align:top; }
.faq-board .faq-content .txt-box p { display:block; font-weight:600; line-height:1.4; }

/************************ 게시판 stick형 디자인 ************************/
.stick-board--frame { display:block; width:100%; margin-top:30px; border-top:2px solid #000; }
.stick-board--frame .no-post { display:block; width:100%; padding:150px 0; border-bottom:1px solid #ccc; text-align:center; font-weight:600; font-size:1rem; }
.stick-board--frame .stick-list { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; flex-wrap:wrap; -ms-flex-wrap:wrap; width:100%; background-color:#fff; border-bottom:1px solid #b2b2b2; }
.stick-board--frame .stick-list .list-num,
.stick-board--frame .stick-list .list-subject,
.stick-board--frame .stick-list .list-info { display:block; -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }

.stick-board--frame .stick-list .list-num { font-size:0.91rem; font-weight:600; }
.stick-board--frame .stick-list .list-num .noti { padding:8px 10px; background-color:#069; border-radius:5px; color:#fff; font-weight:600; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; word-wrap:break-word; word-break:keep-all; }
.stick-board--frame .stick-list .list-subject { font-weight:500; font-family:'GmarketSansMedium', sans-serif; word-wrap:break-word; word-break:keep-all; }

.stick-board--frame .stick-list .list-info { display:flex; display:-ms-flexbox; }
.stick-board--frame .stick-list .list-info .list-info--item { display:block; -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; font-weight:600; font-size:0.85rem; color:rgba(0,0,0,.6); text-align:center; }

/************************ pager ************************/					
.board-pager { width:100%; display:flex; display:-ms-flexbox; justify-content:center; -ms-flex-pack:center; margin-top:30px; margin-bottom:20px; }
.board-pager .item { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; font-weight:600; letter-spacing:-.3px; }
.board-pager .item:not(:last-of-type) { margin-right:6px; }
.board-pager .pager-controller { display:block; color:#000; }
.board-pager .num-pager { display:flex; display:-ms-flexbox; justify-content:center; -ms-flex-pack:center; margin-left:20px; margin-right:20px; }
.board-pager .num-pager .num-list { display:block; -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; margin-right:6px; }
.board-pager .num-pager .num-list .num-b { display:block; width:31px; height:31px; border-radius:15.5px; padding-top:7px; background-color:#fff; font-weight:600; color:#000; text-align:center; }

.board-pager .num-pager .num-list:hover .num-b,
.board-pager .num-pager .num-list:focus .num-b { color:#000; }

.board-pager .num-pager .num-list .num-b.active { background-color:#1e5695; color:#fff; }

.board-pager .disable { color:#ccc; pointer-events:none; cursor:default; }

/************************ 게시판 상세페이지 ************************/
.board-view { word-wrap:break-word; word-break:keep-all; }
.board-view .board-view-header { display:block; width:100%; padding-bottom:30px; border-bottom:2px solid #000; }
.board-view .board-view-header .board-subject { text-align:center; color:#000; font-family:'GmarketSansMedium', gulim sans-serif; }

.board-view .info { display:flex; display:-ms-flexbox; justify-content:center; -ms-flex-pack:center; flex-wrap:wrap; -ms-flex-wrap:wrap; width:100%; padding-top:20px; }
.board-view .info .info-item { display:block; font-weight:600; font-size:0.91rem; color:rgba(0,0,0,.6); }
.board-view .info .info-item:not(:last-of-type) { margin-right:15px; }

.board-view .info .info-item.sepa { width:1px; background-color:rgba(0,0,0,.6); }

.board-view .board-view-content { display:block; width:100%; padding:30px 20px; line-height:1.6; border-bottom:1px solid #b2b2b2; }
.board-view .board-view-content img { max-width:100%; height:auto !important; vertical-align:top; }

/************************ 게시판 상세페이지 - 파일 다운로드 ************************/
.board-view .file-down { width:100%; border-bottom:1px solid #dadada; margin-top:20px; border-top:1px solid #484848; }
.board-view .file-down .down-box { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; width:100%; }
.board-view .file-down .down-title { display:flex; display:-ms-flexbox; font-weight:600; text-align:center; }
.board-view .file-down .down-title .v-align { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; display:block; width:100%; text-align:center; }
.board-view .file-down .list-box { display:block; }

.board-view .file-down .dwn-list-item { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; width:auto; max-width:100%; font-weight:600; font-size:0.85em; color:#000; }
.board-view .file-down .dwn-list-item:not(:last-of-type) { margin-bottom:15px; }
.board-view .file-down .dwn-list-item .text,
.board-view .file-down .dwn-list-item .icon { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; display:block; }

.board-view .file-down .dwn-list-item:hover,
.board-view .file-down .dwn-list-item:focus { color:#2579a4; text-decoration:none; }

/************************ 게시판 작성폼 ************************/
.board-write-form-box .form--frame { display:block; width:100%; }

.board-write-form-box .form--frame .form-group:not(:last-of-type) { margin-bottom:30px; }
.board-write-form-box .form--frame .form-group textarea { display:block; width:100%; height:474px; background-color:#fff; border:1px solid #b2b2b2; border-radius:5px; resize:none; }

.board-write-form-box .form--frame input[type="text"],
.board-write-form-box .form--frame select	{ display:block; padding:15px 20px; background-color:#fff; border:1px solid #b2b2b2; border-radius:5px; font-weight:600; font-size:0.85rem; height:auto; }

.board-write-form-box .form--frame .box-style { display:block; width:100%; background-color:#fafafa; padding:20px; border:1px solid #ccc; border-radius:5px; word-wrap:break-word; word-break:keep-all; }

.board-write-form-box .form--frame .box-style .file-info-text { display:block; width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #ccc; }
.board-write-form-box .form--frame .box-style .file-info-text .block { display:block; width:100%; font-weight:600; font-size:0.8rem; color:#000; line-height:1.6; }
.board-write-form-box .form--frame .box-style .file-info-text .block:not(:last-of-type) { margin-bottom:6px; }

.board-write-form-box .form--frame .file-regist { display:block; width:100%; }
.board-write-form-box .form--frame .file-regist .file-input--list { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; flex-wrap:wrap; -ms-flex-wrap:wrap; width:100%; }
.board-write-form-box .form--frame .file-regist .file-input--list:not(:last-of-type) { margin-bottom:12px; }
.board-write-form-box .form--frame .file-regist .file-input--list .title,
.board-write-form-box .form--frame .file-regist .file-input--list .input-file { display:block; -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }

.board-write-form-box .form--frame .file-regist .file-input--list .title { font-weight:600; font-size:0.85rem; color:#000; }

.board-write-form-box .form--frame .file-regist .file-input--list .input-file input { font-size:0.85rem; }

input::-webkit-inner-spin-button { -webkit-appearance:none; -moz-appearance:none; appearance:none; }

.file-regist .file-list { display:block; padding-top:10px; margin-top:10px; border-top:1px dashed #ccc; }
.file-regist .file-list .list-item { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; flex-wrap:wrap; -ms-flex-wrap:wrap; width:100%; }
.file-regist .file-list .list-item:not(:last-of-type) { margin-bottom:10px; }
.file-regist .file-list .list-item .chk-box,
.file-regist .file-list .list-item .file-dwn-btn { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }

.file-regist .file-list .list-item .chk-box { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; padding-right:10px; margin-right:10px; border-right:1px solid #ccc; }
.file-regist .file-list .list-item .chk-box .text, 
.file-regist .file-list .list-item .chk-box input { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; display:block; }

.file-regist .file-list .list-item .chk-box .text { margin-left:10px; font-weight:600; font-size:0.85rem; }

.file-regist .file-list .list-item .file-dwn-btn { font-weight:600; font-size:0.85rem; letter-spacing:0; }

/* toggle-pill-color */
.pc-m-t { margin-top:23px; }
.toggle-pill-color input[type="checkbox"] { display:none; }
.toggle-pill-color input[type="checkbox"] + label { display:block; position:relative; width:3em; height:1.6em; border-radius:1em; background-color:#e84d4d; box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.3); cursor:pointer; -webkit-user-select:none; -moz-user-select:none;  -ms-user-select:none; -webkit-transition:background 0.1s ease-in-out; transition:background 0.1s ease-in-out; }
.toggle-pill-color input[type="checkbox"] + label:before { content:""; display:block; width:1.2em; height:1.2em; border-radius:1em; background-color:#fff; box-shadow:2px 0px 5px rgba(0, 0, 0, 0.2); position:absolute; left:0.2em; top:0.2em; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
.toggle-pill-color input[type="checkbox"]:checked + label { background-color:#47cf73; }
.toggle-pill-color input[type="checkbox"]:checked + label:before { box-shadow:-2px 0px 5px rgba(0, 0, 0, 0.2); left:1.6em; }

.toggle-pill-color input[type="checkbox"] + label span { display:block; width:100px; position:absolute; left:3.8em; top:5px; font-weight:600; }
/* toggle-pill-color end */

/************************ 작성페이지 ************************/
.board-write-form-box { display:block; width:100%; }


.info-text--frame { display:block; width:100%; border-top:2px solid #000; border-bottom:1px solid #000; padding:30px; }
.info-text--frame .block { display:block; width:100%; font-weight:600; font-size:0.91rem; color:#000; line-height:1.4; }
.info-text--frame .block:not(:last-of-type) { margin-bottom:6px; }

.flat-btn--frame { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; flex-wrap:wrap; -ms-flex-wrap:wrap; width: 100%; }
.flat-btn--frame .flat-btn { display:flex; display:-ms-flexbox; justify-content:space-between; -ms-flex-pack:justify; width:130px; padding:12px; background-color:#646464; border-radius:5px; text-align:center; font-weight:600; font-size:0.85rem; color:#fff; transition:0.3s all ease-in-out; }
.flat-btn--frame .flat-btn:hover, .flat-btn--frame .flat-btn:focus { background-color:#0095d9; text-decoration:none; }

.signup-write-box.mypage .member-form--frame { border-top:0px; border-left:0px; border-right:0px; }

/*** Mobile ***/
@media screen and (min-width:1px) and (max-width:639px) {
	/************************ 게시판 검색 영역 ************************/
	.search-area { flex-wrap:wrap; -ms-flex-wrap:wrap; }
	.search-area .left-item,
	.search-area .right-item { width:100%; }
	.search-area .left-item { padding-bottom:10px; }
	
	.search-area .right-item select { width:20%; margin-right:1%; }
	.search-area .right-item input { width:58%; margin-right:1%; }
	.search-area .right-item button { width:20%; }	
	
	/************************ 게시판 stick형 디자인 ************************/
	.stick-board--frame .stick-list { padding:20px; }

	.stick-board--frame .stick-list .list-num,
	.stick-board--frame .stick-list .list-subject,
	.stick-board--frame .stick-list .list-info { width:100%; }
	
	.stick-board--frame .stick-list .list-subject { font-size:1rem; }
	.stick-board--frame .stick-list .list-info { margin-top:15px; }
	
	.stick-board--frame .stick-list .list-num .noti { display:inline-block; width:auto; margin-bottom:10px; }
	.stick-board--frame .stick-list .list-num .mob-none { display:none; }
	
	.stick-board--frame .stick-list .list-info .list-info--item:not(:last-of-type) { margin-right:20px; }
	
	.board-list .board-frame { position:relative; }
	.board-list .board-frame .btn-box { position:sticky; right:20px; bottom:30px; }
	.board-list .board-frame .btn-box .n-btn { padding:20px 18px 20px 22px; border-radius:50px; }
	.board-list .board-frame .btn-box .mob-color { background-color:rgba(0,162,162,.8); border-color:rgba(0,162,162,.8); }
	
	.board-list .board-frame .btn-box .text { display:none; }
	.board-list .board-frame .btn-box .icon { display:block; font-size:1.25rem; }
	
	/************************ 게시판 상세페이지 ************************/
	.board-view .board-view-header .board-subject { font-size:1.4em; }
	.board-view .btn-box .a-btn { min-width:auto; }
	.board-view .btn-box .a-btn .text { display:none; }
	
	/************************ 게시판 상세페이지 - 파일 다운로드 ************************/
	.board-view .file-down .down-box { flex-wrap:wrap; -ms-flex-wrap:wrap; }
	.board-view .file-down .down-box .down-title,
	.board-view .file-down .down-box .list-box { width:100%; }
	.board-view .file-down .down-box .down-title { padding:15px; background-color:#464646; color:#fff; }
	
	.board-view .file-down .down-box .list-box { padding:15px; border-left:1px solid #dadada; border-right:1px solid #dadada; }
	
	.faq-board .faq-content .txt-box p { font-size:0.85em; }
	
	/************************ 게시판 작성폼 ************************/	
	.board-write-form-box .form--frame .file-regist .file-input--list .title,
	.board-write-form-box .form--frame .file-regist .file-input--list .input-file { width:100%; }
	.board-write-form-box .form--frame .file-regist .file-input--list .input-file { margin-top:7px; }
	
	.file-regist .file-list { width:100%; }
	.file-regist .file-list .list-item { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #ccc; }
	.file-regist .file-list .list-item:not(:last-of-type) { margin-bottom:20px; }
	
	.file-regist .file-list .list-item .chk-box,
	.file-regist .file-list .list-item .file-dwn-btn { width:100%; }
	
	.file-regist .file-list .list-item .chk-box { padding-right:0; margin-right:0; border-right:0; margin-bottom:10px; }
}

/*** Mobile & Tablet ***/
@media screen and (min-width:1px) and (max-width:1216px) {
	/************************ 공통 ************************/
	.board-frame { width:100%; }
	
	/************************ 작성페이지 ************************/
	.board-write-form-box { padding-left:20px; padding-right:20px; }
}

/*** Tablet ***/
@media screen and (min-width:640px) and (max-width:1216px) {
	/************************ 게시판 검색 영역 ************************/
	.search-area .func-area select { min-width:90px; }
	.search-area .func-area input { min-width:180px; }
	.search-area .func-area input,
	.search-area .func-area select,
	.search-area .func-area button { margin-right:6px; }
	
	/************************ 게시판 상세페이지 ************************/
	.board-view .board-view-header .board-subject { font-size:1.7em; }
}

/*** Tablet & Desktop ***/
@media screen and (min-width:640px) {
	.btn-box .n-btn { min-width:100px; }
	
	.search-area .func-area select { width:80px; }
	.search-area .func-area input { width:200px; }
	
	/************************ 게시판 목록 - FAQ 게시판 ************************/
	.faq-board .faq-list .faq-title .item { font-family:'NanumSquare'; font-size:1.3em; }
	
	/************************ 게시판 stick형 디자인 ************************/
	.stick-board--frame .stick-list { padding:30px 20px; }
	 
	.stick-board--frame .stick-list .list-num { width:60px; text-align:center; margin-right:20px; }
	.stick-board--frame .stick-list .list-num .noti { display:block; width:100%; }
	
	.stick-board--frame .stick-list .list-subject { width:calc(100% - (60px + 20px + 200px)); font-size:1.21rem; }
	
	.stick-board--frame .stick-list .list-info { justify-content:flex-end; -ms-flex-pack:end; width:200px; }
	
	.stick-board--frame .stick-list .list-info .list-info--item:not(:last-of-type) { margin-right:10px; }
	
	.stick-board--frame .stick-list .list-info .info-writer { width:65px; }
	.stick-board--frame .stick-list .list-info .info-date { width:80px; }
	.stick-board--frame .stick-list .list-info .info-read { width:35px; }
	
	.stick-board--frame ~ .btn-box { margin-top:30px; }
	
	.board-list .board-frame .btn-box .text { display:block; }
	.board-list .board-frame .btn-box .icon { display:none; }
	
	/************************ 게시판 상세페이지 - 파일 다운로드 ************************/
	.board-view .file-down .down-box { padding:20px 20px 20px 0; }
	.board-view .file-down .down-title { width:15%; }
	.board-view .file-down .list-box { width:85%; border-left:1px solid #dadada; padding-left:20px; }	
	
	/************************ 게시판 작성폼 ************************/
	.board-write-form-box .form--frame { padding:50px; background-color:#fff; border:1px solid #ccc; border-radius:10px; }
	.board-write-form-box .form--frame .form-group--flex .form-item { width:49%; }
	
	.board-write-form-box .form--frame .inner-flex--box .item--list:not(:last-of-type) { margin-right:1.5%; }
	
	.board-write-form-box .form--frame .file-regist .file-input--list .title { width:100px; }
	.board-write-form-box .form--frame .file-regist .file-input--list .input-file { width:calc(100% - 100px); }
	
	.file-regist .file-list { width:calc(100% - 100px); margin-left:100px; }
}

/*** Desktop ***/
@media screen and (min-width:1217px) {
	.board-frame { width:1200px; margin-left:auto; margin-right:auto; }
	
	/************************ 게시판 상세페이지 ************************/
	.board-view .board-view-header .board-subject { font-size:2em; }
}