@charset "utf-8";

fieldset{border:none}
fieldset legend {overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-999em;}
.sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}
.blind {position:absolute;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}

/* 파일업로드 */
.file_wr {position:relative; padding-right:140px;}
.file_wr label {width:136px; height:50px; border:1px solid #ddd; background:#fff; font-size:18px; color:#666; text-align:center; position:absolute; right:0; top:50%; margin-top:-25px; cursor:pointer; transition:all 0.6s;}
.file_wr label:hover {background:#000; border-color:#000;}
.file_wr label:before {content:'파일첨부'; line-height:48px; color:#000; transition:all 0.6s;}
.file_wr label:hover:before {color:#fff;}
.file_wr input[type="file" i] {width:270px; border-bottom:1px solid #ddd; line-height:49px; font-size:20px; color:#acacac; padding:0 10px; cursor:pointer;}
.file_wr input[type="file" i]::-webkit-file-upload-button {display:none;}

@media (max-width:640px){
	.file_wr {padding-right:100px;}
	.file_wr label {width:80px; height:40px; font-size:14px; margin-top:-22px;}
	.file_wr label:before {line-height:38px;}
	.file_wr input[type="file" i] {width:200px; line-height:39px; font-size:16px;}
}

/* 라디오박스 */
.radiobox {display:inline-block; position:relative; vertical-align:middle; margin-top:-.2em; font-size:20px; color:#000;}
.radiobox input {position:absolute; top:0; left:0; width:0; height:0; border:0; opacity:0; z-index:-1;}
.radiobox label {display:inline-block;}
.radiobox label:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 8px 0 0; width:18px; height:18px; background-color:#f4f4f4; border:1px solid #ccc; border-radius:100%;}
.radiobox input:checked + label:before {background:#fff url("../img/layout/radiobox.png") 50% 50% no-repeat;}
.radiobox input:focus + label:before {outline:0;}
/* 체크박스 */
.checkbox {display:inline-block; position:relative; vertical-align:middle; margin-top:-.2em; font-size:20px; color:#000;}
.checkbox input {position:absolute; top:0; left:0; width:0; height:0; border:0; opacity:0; z-index:-1;}
.checkbox label {display:inline-block;}
.checkbox label:before {content:""; display:inline-block; vertical-align:middle; margin:0px 8px 0 0; width:18px; height:18px; background-color:#f4f4f4; border:1px solid #ccc;}
.checkbox input:checked + label:before {background:#555 url("../img/layout/checkbox.png") 50% 50% no-repeat; border-color:#555;}
.checkbox input:focus + label:before {outline:0;}




/* 카테고리 */
#bo_cate {margin-bottom:60px;}
#bo_cate ul {display:flex; justify-content:center;}
#bo_cate ul li {padding:0 20px; position:relative;}
#bo_cate ul li:after {content:''; width:1px; height:20px; background:#ddd; position:absolute; top:50%; margin-top:-10px; right:0;}
#bo_cate ul li:last-child:after {display:none;}
#bo_cate ul li a {font-size:20px; color:#333; display:block; line-height:1.5em;}
#bo_cate ul li a#bo_cate_on {font-weight:700;}

/* 게시판 카운트, 검색바 */
.board-top {display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:50px;}
.list_total {float:left; font-size:16px; color:#666; line-height:1.6em;}
.list_total strong {color:#000;}
.search_bar {display:inline-block; border-bottom:2px solid #000; padding-right:10px;}
.search_bar select {border:0; padding:0 10px; height:50px; width:140px;}
.search_bar .sch_input {border:0; width:330px; line-height:50px; padding:0 10px;}
.search_bar .sch_btn {width:20px; height:20px; border:0; background:#fff; background:url('../img/layout/search-icon.png');}
.search_bar .sch_btn i {display:none;}

/* 일반게시판 */
.board-list {margin-bottom:40px; display:block; }
.board-list table {width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #333; }
.board-list table th {height:53px; padding:20px 10px; color:#333; font-size:18px; font-weight:700; line-height:1.7em; border-bottom:1px solid #ddd; text-align:center; box-sizing: border-box;}
.board-list table td {height:53px; padding:26px 10px; color:#666; font-size:18px; font-weight:400; line-height:1.7em; border-bottom:1px solid #ddd; text-align:center; box-sizing: border-box;}
.board-list table tbody tr:hover td {background-color:#f9f9f9; font-weight:600; color:#000;}
.board-list table td .notice_icon {display:inline-block; width:84px; line-height:34px; border:1px solid #111; text-align:center; font-size:14px; color:#000; font-weight:600;}
.board-list table td.subject {text-align:left; padding:26px 35px; position:relative;}
.board-list table td.subject a {height:calc(1.5em * 1 * 1); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; max-width:800px;}
.board-list table td.subject .down-file {position:absolute; right:0; top:50%; margin-top:-9px;}
.board-list table td.date {font-size:16px;}
.board-list .nodata {text-align:center; font-size:18px; color:#666; padding:60px 0; border-bottom:1px solid #ddd;}

.m-board-list {display:none; margin-bottom: 20px;}
.m-board-list  .nodata {font-size:16px; color:#666; padding:40px 0; border-bottom:1px solid #ddd; text-align:center;}

.write_btn {text-align:right; margin-top:40px; margin-bottom: 190px;}
.write_btn_center {text-align:center;}


/* 갤러리게시판 */
.gallery-list ul {display:flex; flex-wrap:wrap; margin-left:-48px;}
.gallery-list ul li {width:calc(33.33333333% - 48px); margin-left:48px; margin-bottom:50px;}
.gallery-list ul li.none {width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;}
.gallery-list ul li a {display:block; border:1px solid #ddd; padding:25px; height:100%; transition:all 0.6s; box-sizing: border-box;}
.gallery-list ul li a .thumb {overflow:hidden; margin-bottom:26px; position:relative;}
.gallery-list ul li a .thumb .notice_icon {position:absolute; top:20px; left:20px; z-index:1; width:84px; text-align:center; line-height:34px; border:1px solid #000; color:#000; font-size:14px; font-weight:600; background:#fff;}
.gallery-list ul li a .thumb .pic {position:relative; padding-bottom:62.06%; overflow:hidden; transition:all 0.6s;}
.gallery-list ul li a .thumb .pic img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.gallery-list ul li a .tit {font-size:18px; margin-bottom:20px; color:#666; line-height:1.6em; height:calc(1.6em * 1 * 2); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition:all 0.6s;}
.gallery-list ul li a .date {font-size:14px; line-height:1.6em; color:#666; transition:all 0.6s;}
.gallery-list ul li a:hover {border-color:#000; box-shadow:5px 5px 13px 3px rgba(165,165,165,0.45);}
.gallery-list ul li a:hover .tit  {color:#000; font-weight:600;}

.gallery-list ul.col3 li{width:calc(33.33333333% - 48px);}
.gallery-list ul.col4 li{width:calc(25% - 48px);}
.gallery-list ul.col5 li{width:calc(20% - 48px);}
.gallery-list ul li.none {width: 100%;}


/* button */
.btn-pack {display:inline-block; border:1px solid; text-align:center; transition:all 0.6s; cursor:pointer;}
/* button size */
.btn-pack.large {width:240px; line-height:66px; font-size:20px;}
/* button color */
.btn-pack.dark{background:#000; color:#fff;}
.btn-pack.dark:hover {background:#000; color:#fff;}





/* 게시판 뷰페이지 */
.board-view-wrap{margin-bottom: 190px;}
.board-view {margin-bottom:60px;}
.board-view .title {padding:56px 20px; border-bottom:1px solid #ddd; border-top:1px solid #000; position:relative;}
.board-view .title h3 {font-size:40px; color:#000; line-height:1.2em; margin-bottom:20px; word-break:break-all;}
.board-view .title .info ul {font-size:16px; color:#666; display:flex;}
.board-view .title .info ul li {padding-right:30px; position:relative;}
.board-view .title .info ul li strong {display:inline-block; margin-right:6px;}
.board-view .title .btns {position:absolute; bottom:50px; right:20px; z-index:11;}
.board-view .title .btns ul {display:flex;}
.board-view .title .btns ul li {margin-left:15px;}
.board-view .title .btns ul li a {font-size:16px; color:#666; line-height:1.6em; display:block;}
.board-view .content-box {padding:20px 0 100px; border-bottom:1px solid #ddd; margin-bottom:40px; word-break:break-word;}
.board-view .content-box .text {min-height:400px;}
.board-view .content-box .text .img-box {margin-bottom:50px;}
.board-view .content-box  .file {margin-bottom:60px;}
.board-view .content-box  .file ul {display:flex; flex-wrap:wrap;}
.board-view .content-box  .file ul li {margin-right:40px; padding-right:24px; position:relative; margin-bottom:10px;}
.board-view .content-box  .file ul li:after {content:''; width:14px; height:14px; background:url('../img/layout/board-file-down.png') no-repeat; position:absolute; right:0; top:50%; margin-top:-7px;}
.board-view .content-box  .file ul li a {display:block; font-size:18px; line-height:1.4em; color:#666; position:relative;}
.board-view .content-box  .file ul li a:after {content:''; width:100%; height:1px; background:#666; position:absolute; bottom:2px; left:0; transition:all 0.6s; opacity:1;}
.board-view .content-box  .file ul li a:hover {opacity:.7;}
.board-view-btn {margin-top:60px;}
.board-view-btn ul {display:flex; align-items:center; justify-content:center;}
.board-view-btn ul li.btn {width:calc(50% - 32px);}
.board-view-btn ul li.btn a {padding:0 50px; display:block; position:relative;}
.board-view-btn ul li.btn a strong {font-size:16px; line-height:1.6em; color:#000; display:block; margin-bottom:2px;}
.board-view-btn ul li.btn a p {font-size:18px; color:#666; line-height:1.2em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board-view-btn ul li.next {text-align:right;}
.board-view-btn ul li.btn a:after {content:''; width:10px; height:16px; position:absolute; top:50%; margin-top:-8px; background-repeat:no-repeat; background-size:cover;}
.board-view-btn ul li.prev a:after {background-image:url('../img/layout/board-view-prev.png'); left:0;}
.board-view-btn ul li.next a:after {background-image:url('../img/layout/board-view-next.png'); right:0;}
.board-view-btn ul li.list a {width:64px; height:64px; border:1px solid #000; font-size:0; background:#000; position:relative; transition:all 0.6s; display:block; }
.board-view-btn ul li.list a:hover {background:#fff;}
.board-view-btn ul li.list a span {width:20px; height:2px; background:#fff; position:absolute; top:50%; margin-top:-1px; left:50%; margin-left:-10px; transition:all 0.6s;}
.board-view-btn ul li.list a span:before,
.board-view-btn ul li.list a span:after {content:''; width:20px; height:2px; background:#fff; left:0; position:absolute; transition:all 0.6s;}
.board-view-btn ul li.list a span:before {top:-6px;}
.board-view-btn ul li.list a span:after {bottom:-6px;}
.board-view-btn ul li.list a:hover span,
.board-view-btn ul li.list a:hover span:before,
.board-view-btn ul li.list a:hover span:after {background:#000;}

/* 문의폼 게시판 */
.inquiry-required {text-align:right; margin-bottom:20px;}
.inquiry-required p {display:inline-block; font-size:18px; line-height:1.4em; color:#666; position: relative;}
.inquiry-required p span {margin-right:10px; vertical-align:middle; margin-top:0px; margin-left: -10px;}
span.required {display:inline-block; width:5px; height:5px; border-radius:50%; background:#000; vertical-align:top; margin-top:2px; margin-left:5px; position: absolute; top: 4px;}
.inquiry-wrap {padding:50px 0; border-top:1px solid #000; }
.inquiry-wrap .wrap {display:flex;}
.inquiry-wrap .tit-box {max-width:325px; width:100%;} 
.inquiry-wrap .tit-box h4 {font-size:40px; color:#000; line-height:1.2em;}
.inquiry-wrap .txt-box {width:1%; flex:1 1 auto; }
.inquiry-wrap .txt-box .form-agree {margin-top:10px; position: relative; }
.inquiry-wrap .col {display:flex; margin-bottom:22px; align-items:center;}
.inquiry-wrap .label {width:150px; font-size:18px; font-weight:500; color:#666; position: relative;}
.inquiry-wrap .row {width:1%; flex:1 1 auto;}
.inquiry-wrap .row .input {width:100%; border:0; border-bottom:1px solid #ddd; font-size:20px; color:#000; height:60px; padding:10px 20px; box-sizing: border-box;}
.inquiry-wrap .row .input::placeholder {color:#b5b5b5;}
.inquiry-wrap .row textarea {border:1px solid #ddd; resize:none; padding:10px 20px; font-size:20px; width: 100%; font-family: "Pretendard", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; box-sizing: border-box;}
.inquiry-wrap .row .bo_w_flie {max-width:440px; margin-bottom:10px; padding:10px 0;}
.inquiry-wrap .row .bo_w_flie:last-child {margin-bottom:0;}
.inquiry-wrap .check label {font-size:18px; font-weight:500; color:#000; line-height:1.8em;}
.inquiry-wrap .radio label {font-size:18px; font-weight:500; color:#000; line-height:1.8em;}
.inquiry-wrap .check a {font-size:16px; color:#666; line-height:1.4em; display:inline-block; text-decoration:underline; margin-left:10px; transition:all 0.6s;}
.inquiry-wrap .row ul {max-width:880px; width:100%; display:flex; margin:0 -20px;}
.inquiry-wrap .row ul li {width:33.3333333%; padding:0 20px; position:relative; box-sizing: border-box;}
.inquiry-wrap .row ul li:after {content:''; width:10px; height:1px; background:#666; position:absolute; right:-5px; top:50%;}
.inquiry-wrap .row ul li:last-child:after {display:none;}
.inquiry-wrap .row ul li.at:after {content:'@'; background:none; line-height:20px; margin-top:-10px;}
.inquiry-wrap .row ul.mail li:nth-child(2):after {display:none;}
.inquiry-wrap .row .type {display:flex; flex-wrap:wrap;}
.inquiry-wrap .row .type span {padding:12px 0; margin-right:20px;}
.write_btn {text-align:right; margin-top:40px;}
.write_btn_center {text-align:center;}
.cke_sc {display:none;}

/* pagenate */
.pg_wrap .pg {display:flex; justify-content:center;}
.pg_wrap .pg .pg_page,
.pg_wrap .pg .pg_current {margin:0 5px; width:32px; height:32px; line-height:32px; border-radius:50%; background-color:#fff; color:#999; text-align:center; font-size:20px; transition:all 0.6s;}
.pg_wrap .pg .pg_current {color:#000; font-weight:700;}
/* .pg_wrap .pg .pg_page:hover,
.pg_wrap .pg .pg_current:hover {filter:invert(.2);} */
.pg_wrap .pg .pg_page.pg_prev,
.pg_wrap .pg .pg_page.pg_next,
.pg_wrap .pg .pg_page.pg_start,
.pg_wrap .pg .pg_page.pg_end {font-size:0; background-repeat:no-repeat; background-position:center center;}
.pg_wrap .pg .pg_page.pg_start {background-image:url('../img/layout/pg_start.png');}
.pg_wrap .pg .pg_page.pg_end {background-image:url('../img/layout/pg_end.png');}
.pg_wrap .pg .pg_page.pg_prev {background-image:url('../img/layout/pg_prev.png');}
.pg_wrap .pg .pg_page.pg_next {background-image:url('../img/layout/pg_next.png');}


@media (max-width:1024px){
	/* 게시판 카운트, 검색바 */
	.search_bar .sch_input {width:280px;}

	/* 일반게시판 */
	.board-list table th {height:50px; font-size:16px; padding:15px 10px;}
	.board-list table td {height:50px; font-size:16px; padding:15px 10px;}
	.board-list table td.subject {padding:20px 20px;}

	/* 갤러리 게시판 */
	.gallery-list ul {margin-left:-20px;}
	.gallery-list ul li {width:calc(33.33333333% - 20px); margin-left:20px; margin-bottom:30px;}
	.gallery-list ul:is(.col3, .col4, .col5){margin-left:-20px;}
	.gallery-list ul:is(.col3, .col4, .col5) li {width:calc(33.33333333% - 20px); margin-left:20px; margin-bottom:30px;}
	.gallery-list ul li a {padding:15px;}
	.gallery-list ul li a .thumb .notice_icon {top:15px; left:15px; line-height:30px; width:78px;}
	.gallery-list ul li a .tit {font-size:16px; margin-bottom:12px;}


	/* 글작성 버튼 */
	.write_btn {margin-top:50px; margin-bottom: 15vw;}
	.btn-pack.large {width:160px; line-height:52px; font-size:18px;}
	/* 뷰페이지 */
	.board-view-wrap{margin-bottom: 15vw;}
	.board-view .title {padding:40px 10px;}
	.board-view .title h3 {font-size:28px; margin-bottom:12px;}
	.board-view .content-box {padding:30px 0 50px;}
	.board-view .content-box .text {min-height:300px;}
	.board-view .content-box .file ul li {margin-right:30px; padding-right:20px;}
	.board-view-btn ul li.btn {width:calc(50% - 29px);}
	.board-view-btn ul li.btn a {padding:0 30px;}
	.board-view-btn ul li.btn a p {font-size:24px;}
	.board-view-btn ul li.list a {width:58px; height:58px;}
	
		/* 글작성, 문의폼 */
	.inquiry-wrap {padding:40px 0;}
	.inquiry-wrap .wrap {display:block;}
	.inquiry-wrap .tit-box {max-width:none; margin-bottom:40px;}
	.inquiry-wrap .tit-box h4 {font-size:28px;}
	.inquiry-wrap .txt-box {width:100%;}
	.inquiry-wrap .col {margin-bottom:15px;}
	.inquiry-wrap .label {font-size:16px;}
	.inquiry-wrap .row .input {font-size:16px; height:54px; padding:8px 15px;}
	.inquiry-wrap .row textarea {height:200px !important; font-size:18px;}
	.inquiry-wrap .check label {font-size:16px;}
	.inquiry-wrap .radio label {font-size:16px;}
	.inquiry-wrap .row ul {margin:0 -10px;}
	.inquiry-wrap .row ul li {padding:0 10px;}

	

}


@media (max-width:640px){
	/* 게시판 카운트, 검색바 */
	.list_total {font-size:14px;}
	.search_bar .sch_input {width:200px;}
	/* 일반게시판 */
	.board-list {display:none;}
	.m-board-list {display:block;}
	.m-board-list ul {border-top:1px solid #000;}
	.m-board-list ul li {border-bottom:1px solid #ddd; padding:10px 0;}
	.m-board-list ul li .subject {}
	.m-board-list ul li .subject .num {display:none;}
	.m-board-list ul li .subject .notice_icon {display:inline-block; line-height:28px; border:1px solid #000; color:#000; font-size:14px; padding:0 10px; font-weight:500; margin-right:10px;}
	.m-board-list ul li .subject a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:30px; font-size:16px; color:#000;}
	.m-board-list ul li .subject a div {display:none;}
	.m-board-list ul li .txt { margin-top:4px;}
	.m-board-list ul li .txt span {display:inline-block; margin-right:10px; font-size:14px; color:#666; line-height:1.6em;}

		/* 갤러리 게시판 */
	.gallery-list ul {margin-left:-15px;}
	.gallery-list ul li {width:calc(50% - 15px); margin-left:15px; margin-bottom:30px;}
	.gallery-list ul:is(.col3, .col4, .col5) li{width:calc(50% - 15px); margin-left:15px; margin-bottom:30px;}
	.gallery-list ul li a {padding:10px;}
	.gallery-list ul li a .thumb .notice_icon {top:10px; left:10px;}
	.gallery-list ul li a .tit {font-size:15px; margin-bottom:10px;}

	/* 글작성 버튼 */
	.write_btn {margin-top:40px;}
	/* button size */
	.btn-pack.large {width:100px; line-height:40px; font-size:16px;}
	/* 뷰페이지 */
	.board-view .title {padding:30px 0;}
	.board-view .title h3 {font-size:20px; margin-bottom:10px;}
	.board-view .content-box {padding:20px 0 40px;}
	.board-view .content-box .text {min-height:200px;}
	.board-view .content-box  .file {margin-bottom:20px;}
	.board-view .content-box .file ul li {margin-right:20px; padding-right:20px;}
	.board-view .content-box .file ul li a {font-size:16px;}
	.board-view-btn ul li.btn {width:calc(50% - 22px);}
	.board-view-btn ul li.btn a {padding:0 20px;}
	.board-view-btn ul li.btn a strong {font-size:14px;}
	.board-view-btn ul li.btn a p {font-size:18px;}	
	.board-view-btn ul li.list a {width:44px; height:44px;}

	/* 글작성, 문의폼 */
	.inquiry-wrap {padding:30px 0;}
	.inquiry-wrap .tit-box {margin-bottom:20px;}
	.inquiry-wrap .tit-box h4 {font-size:24px;}
	.inquiry-wrap .col {margin-bottom:15px; display:block;}
	.inquiry-wrap .label {font-size:15px; width:100%; margin-bottom:6px;}
	.inquiry-wrap .row {width:100%;}
	.inquiry-wrap .row .input {font-size:14px; height:44px; padding:8px 0;}
	.inquiry-wrap .row select.input {background: #fff url(../img/layout/select.png) right 4px center no-repeat;}
	.inquiry-wrap .row textarea {height:140px !important; font-size:14px;}
	.inquiry-wrap .check label {font-size:14px;}
	.inquiry-wrap .radio label {font-size:14px;}
	.inquiry-wrap .row .bo_w_flie {max-width:300px;}
	.inquiry-wrap .label br{display: none;}

}