@charset "utf-8";

/********** skip_nav **********/
.skip_nav {display:block;overflow:hidden;position:absolute;left:0;right:0;top:0;z-index:1000;height:0;background:#000;text-align:center;}
.skip_nav:focus {overflow:auto;height:auto;padding:5px 0;color:#fff;}


/********** 숨김 **********/
.hide {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);}


/********** 말줄임(사용시 클래스가 맨앞에 위치해야함) **********/
[class^="ellipsis"] {display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}
.ellipsis1 {-webkit-line-clamp:1;}/* 1줄 */
.ellipsis2 {-webkit-line-clamp:2;}/* 2줄 */
.ellipsis3 {-webkit-line-clamp:3;}/* 3줄 */
.ellipsis4 {-webkit-line-clamp:4;}/* 4줄 */


/********** 타이틀 **********/
.tith4 {padding-left:33px;font-size:2.2rem;font-weight:700;color:#222;position:relative;}
.tith4:before {content:"";position:absolute;top:8px;left:4px;z-index:1;width:15px;height:8px;background:#e43935;border-radius: 50px;}
.tith4:after {content:"";position:absolute;top:3px;left:9px;width:15px;height:8px;background:#ffd655;border-radius: 50px;}
.tith4 em {position:relative;}
.tith4 em:after {content:"";position:absolute;top:15px;left:-33px;width:15px;height:8px;background:#b1e7ee;border-radius: 50px;}
.tith5 {font-size:2rem;font-weight:700;color:#222;margin-bottom:20px;}
.tith5::before {content:"";display:block;width:15px;height:5px;margin-bottom:10px;background:#ea562b;border-radius: 50px;}
.tith6 {position:relative;padding-left:15px;font-size:1.8rem;font-weight:700;color:#1a5286;}
.tith6:after {content:"";position:absolute;left:0;top:4px;width:6px;height:10px;background:#1a5286;border-radius:50px;}


/********** 리스트(사용시 클래스가 맨앞에 위치해야함) **********/
[class^="list"] > li {position:relative;padding-left:15px;font-size:1.8rem;line-height:1.5;}
[class^="list"] > li:after {content:"";position:absolute;left:0;top:11px;}
/* 리스트_1 */
.list1 > li {color:#767676;}
.list1 > li:not(:last-child) {margin-bottom:5px;}
.list1 > li:after {width:5px;height:5px;background:#e43935;border-radius:50%;}
.list1 > li strong {font-weight: 600;color:#222;}
/* 리스트_2 */
.list2 > li {padding-left:17px;margin-top:10px;background:url("./../../images/fs/common/icon_check.png") no-repeat 0 10px;color:#666;}
.list2 > li strong {font-weight: 600;color:#222;}
/* 리스트_3 */
.list3 > li {color:#666;}
.list3 > li:after {width:3px;height:1px;background:#666;}
@media only screen and (max-width:1023px){
	[class^="list"] > li:after {top:9px;}
	.list2 > li {background:url("./../../images/fs/common/icon_check.png") no-repeat 0 7px;}
}
@media only screen and (max-width:767px){
	[class^="list"] > li:after {top:7px;}
	.list2 > li {background:url("./../../images/fs/common/icon_check.png") no-repeat 0 5px;}
}


/********** 들여쓰기 **********/
.idn15 {margin-left:1.5rem;}
.idn20 {margin-left:2rem;}
.idn32 {margin-left:3.2rem;}


/********** 폰트색상 **********/
.cr_red {color:#e43935;}
.cr_blue {color:#004c9d;}
.cr_green {color:#578a00;}
.cr_yellow {color:#ffa800;}
.cr_gray {color:#999;}
.cr_black {color:#222;}


/********** 테이블 **********/
.scroll-message {display: none;text-align: center;padding:10px 0;color: #e43935;font-size:2rem;font-weight: 600;}
.table_box_wide {overflow-x:auto;}
.table {width:100%;border-top:2px solid #222;border-bottom:1px solid #ddd;word-break: keep-all;}
.table thead th {position: relative;padding:15px 20px;background:#f7f7fb;border-left:1px solid #ddd;border-bottom:1px solid #ddd;color:#222;line-height: 1.2;}
.table th {position: relative;}
.table th:after {content:"";display: block;position:absolute;left:0;top:0;width: 100%;height: 1px;background: #fff;}
.table thead th:first-child {border-left:0;}
.table tfoot th {padding:15px 20px;background:#e8e8e2;border-top:1px solid #ddd;}
.table tfoot td {padding:15px 20px;border-left:1px solid #ddd;border-top:1px solid #ddd;background:#f7f7fb;}
.table tbody th {padding:15px 20px;border-left:1px solid #ddd;border-top:1px solid #ddd;background:#f7f7fb;text-align:left;vertical-align:middle;color:#222;font-weight: 500;}
.table tbody td {padding:15px 20px;border-left:1px solid #ddd;border-top:1px solid #ddd;line-height:1.5;color:#767676;}
.table tbody tr th:first-child,
.table tbody tr td:first-child {border-left:0;}
.table tbody tr:first-child th,
.table tbody tr:first-child td {border-top:1px solid #fff;}
.table tbody tr th.bd_none,.table tbody tr td.bd_none,
.table thead tr th.bd_none,.table thead tr td.bd_none {border-left:0;}
.table tbody tr th.bd_left,.table tbody tr td.bd_left,
.table thead tr th.bd_left,.table thead tr td.bd_left {border-left:1px solid #ddd;}
@media only screen and (max-width:1023px){
	.table_box_wide {overflow-x:scroll;border-top:2px solid #222;}
	.table_box_wide > table {}
}
@media only screen and (max-width:767px){
	.scroll-message {display: block;}
	.table_box_wide > table {width: 767px;}
	.table tbody tr th br {display: none;}
	.table tbody tr th,
	.table tbody tr td {display: block;border-left:0;width: 100%;}
	.table tbody tr:first-child th,
	.table tbody tr:first-child td {border-top:1px solid #ddd;}
	.table colgroup {display: none;}
}
@media only screen and (max-width:639px){
	.table_box_wide > table {width: 679px;}
}
/* 반응형테이블 */
@media screen and (max-width:767px){
	table.responsive {border-top:#a6a6a6 solid 1px;}
	table.responsive thead {display:none;}
	table.responsive colgroup {display:none;}
	table.responsive tbody tr {display:block; position:relative; border-bottom:1px solid #d9d9d9;}
	table.responsive tbody tr:after {content:"."; display:block; clear:both; visibility:hidden; height:0;}
	table.responsive tbody tr td:nth-child(odd) {background:#f8f8f8;}
	table.responsive tbody td {display:flex;padding:10px 0; border:none; background-color:transparent; box-sizing:border-box;text-align:left !important;line-height:24px;}
	table.responsive tbody td p {width:calc(100% - 70px);display:block;}
	table.responsive tbody th {display:block; padding:5px 0; border:none; background-color:transparent; text-align:left; vertical-align:middle;line-height:24px;}
	table.responsive tbody tr:first-child td, table.responsive tbody tr:first-child th {border-top:1px solid #ddd;}
	table.responsive > tbody > th:before, table.responsive > tbody td:before {flex-shrink:0;margin-right:10px;width:100px;font-size:13px;line-height:1.5;font-weight:500;color:#000;content:attr(data-content)''; display:inline;text-align: center;}/* thead의 내용을 tbody의 th, td에 각각 삽입 */
	.board_box .table tbody tr td .committee {width:auto !important;font-size:12px !important;display:table !important;}

	table.responsive tfoot {display:block;}
	table.responsive tfoot tr {display:block; position:relative; border-bottom:1px solid #d9d9d9;}
	table.responsive tfoot tr:after {content:"."; display:block; clear:both; visibility:hidden; height:0;}
	table.responsive tfoot tr:nth-child(odd) {background:#e8fff3;}
	table.responsive tfoot td {display:block; padding:5px 3%; border:none; background-color:transparent; text-align:left; box-sizing:border-box;}
	table.responsive tfoot th {display:block; padding:5px 3%; border:none; background-color:transparent; text-align:left; vertical-align:middle;}
	table.responsive tfoot tr:first-child td, table.responsive tfoot tr:first-child th {border-top:none;}
	table.responsive tfoot th:before, table.responsive tfoot td:before {content:attr(data-content)' : '; display:inline;}/* thead의 내용을 tbody의 th, td에 각각 삽입 */

	table.responsive tbody tr th.bd_left,table.responsive tbody tr td.bd_left,
	table.responsive thead tr th.bd_left,table.responsive thead tr td.bd_left {border-left:0;}
}

/********** 게시판(공통) **********/
/* 게시판 상단검색 */
.sch_top {display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:1;margin-bottom:20px;}
/* 총게시물 수 */
.sch_top .total {}
.sch_top .total strong {font-size:1.7rem;font-weight:500;color: #222;}
.sch_top .total strong > em {color: #ea562b;}
.sch_top .total strong > span {font-size:1.6rem;color: #767676;}
.sch_top .total strong > span em {color: #ea562b;}
/* 검색 */
.sch_top .search_box {}
.sch_top .search_box .inputbox {display: flex;justify-content: center;gap:4px;}
.sch_top .search_box .inputbox select {width:190px;font-size:1.8rem;border:1px solid #222;color: #222;border-radius: 5px;}
.sch_top .search_box .inputbox input {width:427px;font-size:1.8rem;border:1px solid #222;color: #222;}
.sch_top .search_box .inputbox input::-ms-input-placeholder {color: #222;}
.sch_top .search_box .inputbox input::-webkit-input-placeholder {color: #222;}
.sch_top .search_box .inputbox input::-moz-placeholder {color: #222;}
.sch_top .search_box .inputbox button {flex-shrink:0;width: 40px;height: 40px;background: #222;border-radius: 5px;}
.sch_top .search_box .inputbox button i {color: #fff;}
@media only screen and (max-width:1023px){
	.sch_top {margin-bottom:15px;}
	.sch_top .search_box .inputbox select {width:100px;}
	.sch_top .search_box .inputbox input {width:327px;}
}
@media only screen and (max-width:767px){
	.sch_top {flex-direction: column-reverse;align-items: flex-start;margin-bottom:10px;gap:10px;}
	.sch_top .search_box {width: 100%;}
	.sch_top .search_box .inputbox {flex-wrap: wrap;}
	.sch_top .search_box .inputbox select {flex-grow:1;}
	.sch_top .search_box .inputbox input {flex-grow:1;}
	.sch_top .search_box .inputbox button {flex-grow:1;}
}


/********** 게시판(리스트형) **********/
/* 게시판 영역 */
.board_box {border-top:2px solid #222;border-bottom:1px solid #e5e5e5;}
/* 공지사항(목록) */
.board_table {}
.board_table {width:100%;line-height:1;margin-top:1px;border-collapse:collapse;font-size:1.7rem;color:#222;}
.board_table thead th {position:relative;padding:1.5rem 2rem;font-weight:700;border-bottom:1px solid #222;}
.board_table tbody tr {border-top:1px solid #e5e5e5;}
.board_table tbody tr.noti {position:relative;background: #f3f6f9;}
.board_table tbody tr.noti:after {content:"";display: block;position:absolute;left:0;top:-1px;width: 100%;height: 1px;background: #fff;}
.board_table tbody td {padding:2.5rem 1.2rem;min-height: 5rem;font-weight: 400;}
.board_table tbody td .ellipsis1 {max-width:90%;}
.board_table tbody td .new {transform: translateY(-5px);color:#e53935;margin-right:2px;}
.board_table tbody td .new img {width: 20px;}
.board_table tbody td.num {font-size:1.6rem;color: #767676;}
.board_table tbody td.img {}
.board_table tbody td.img img {width:128px;}
.board_table tbody td.tit {font-weight: 600;}
.board_table tbody td.tit a {margin-top:4px;line-height: 1.2;text-decoration: none;}
.board_table tbody td.tit a .new {}
.board_table tbody td.tit .reply {display: inline-block;margin-left:14px;}
.board_table tbody td.filedown {}
.board_table tbody td.view {}
.board_table tbody td.view .btn_bace:first-child {margin-top:0;}
.board_table tbody td.view .btn_bace {margin-top:5px;}
.board_table tbody td.file {font-size:1.7rem;color:#767676;}
.board_table tbody td.file img {opacity: 0.5;}
.board_table tbody td.data {font-size:1.7rem;color:#767676;}
.board_table tbody td .btn_bace {height:35px;line-height:35px;font-size:1.4rem;}
.board_table tbody tr.noti {}
.board_table tbody tr.noti td {font-weight: 500;}
.board_table tbody tr.noti .num span {display:grid;place-items:center;width:52px;height:30px;margin:0 auto;background:#ea562b;text-align:center;border-radius:50px;font-size:1.7rem;color:#fff;}
.board_table tbody tr:is(:hover,:focus,:active) {background:#f9f9f9;}
@media only screen and (max-width:1199px){
	.board_table thead th {border-bottom:2px solid #222;}
}
@media only screen and (max-width:1023px){
	.board_table thead th {padding:10px 8px;}
	.board_table tbody td {padding:10px 8px;}
	.board_table tbody td .new img {width:17px;}
	.board_table tbody td .btn_bace {height:35px;line-height:35px;}
	.board_table tbody td.tit a {margin-top:0;}
}
@media only screen and (max-width:767px){
	.board_table {text-align:left;}
	.board_table colgroup,
	.board_table thead th {display:none;}
	.board_table tbody tr:first-child {border-top:0;}
	.board_table tbody tr.noti:after  {display: none;}
	.board_table tbody tr {display:flex;flex-wrap:wrap;padding:12px 0;}
	.board_table tbody td {display:block;height: auto;min-height: auto;}
	.board_table tbody td.homepage {padding:0;}
	.board_table tbody td.homepage a {display:block;padding:10px 8px 6px 8px;border:1px solid #ddd;border-radius: 3px;}
	.board_table tbody td.homepage img {width: 15px;margin-top:-3px;}
	.board_table tbody td.num {order: 1;display:none;}
	.board_table tbody td.tit {order: 2;width:100%;padding:8px 6px;font-weight: 600;}
	.board_table tbody td.tit a {font-size:2.2rem;}
	.board_table tbody td .ellipsis1 {font-size:2.2rem;}
	.board_table tbody td .new img {width:20px;}
	.board_table tbody td.adm {order: 3;padding:0 6px;border-right:1px solid #e5e5e5;}
	.board_table tbody td.file {order: 5;display:inline-block;padding:0 6px;border-right:0;}
	.board_table tbody td.file img {width: 18px;margin-top:3px;}
	.board_table tbody td.data {order: 4;display:inline-block;padding:0 6px;margin:0;border-right:1px solid #e5e5e5;}
	.board_table tbody td.hit {display:none;}
	.board_table tbody tr.noti td {font-weight: 600;}
	.board_table tbody tr.noti td.num {display:block;}
	.board_table tbody tr.noti .num {padding:0 6px 10px 6px;text-align: left;}
	.board_table tbody tr.noti .num span {display:inline-block;width:45px;line-height: 25px;height: 25px;}
	.board_table tbody tr.noti .num span img {height:50%;vertical-align: middle;}
	.board_table tbody tr td.ta-c {width:100%;}
}
@media only screen and (max-width:529px){
	.board_table tbody td .ellipsis1 {max-width:98%;}
	.board_table tbody td.tit .reply {display: block;/*margin:10px 0 0 0;*/}
}

/********** 게시판(갤러리형) **********/
/* 갤러리(목록) */
.gallery_table {overflow:hidden;position:relative;padding-top:40px;border-top:2px solid #222;}
.gallery_table:after {content:"";position:absolute;left:0;bottom:0;display: block;width: 100%;height: 1px;background: #e5e5e5;}
.gallery_table .gallery_ul {display: flex;flex-wrap: wrap;row-gap:40px;margin-left:-40px;}
.gallery_table .gallery_ul li {width: 25%;padding-left:40px;padding-bottom:40px;border-bottom:1px solid #e5e5e5;}
.gallery_table .gallery_ul li a {display: flex;flex-direction:column;height:100%;text-decoration: none;}
.gallery_table .gallery_ul li a .img {overflow:hidden;position:relative;display: block;padding-top:75%;border-radius:20px;border:1px solid #e5e5e5;background: #f3f6f9;transition: .3s;}
.gallery_table .gallery_ul li a .img iframe {position:absolute;left:50%;top:50%;width: 100%;height:100%;transform: translate(-50%,-50%);}
.gallery_table .gallery_ul li a .img img {position:absolute;left:50%;top:50%;width: 100%;transform: translate(-50%,-50%);}
.gallery_table .gallery_ul li a .tit {display: flex;gap:10px;line-height:1.2;margin-top:2.5rem;font-size:2.2rem;font-weight:700;color:#222;text-decoration: none;}
.gallery_table .gallery_ul li a .tit .new {margin-top:2px;color:#e53935;}
.gallery_table .gallery_ul li a .day {display: block;margin-top:25px;text-align: right;font-size:1.6rem;color: #767676;}
.gallery_table .gallery_ul li a:is(:hover,:focus,:active) .img {border:1px solid #222;box-shadow: 0 0 25px rgba(0,0,0,0.15);}
.gallery_table .gallery_ul .nocont_li {width: 100%;padding:0 0 0 40px;margin:0;}
.gallery_table .gallery_ul .nocont_li .nocont {padding:40px 15px 80px 15px;text-align: center;}
@media only screen and (max-width:1023px){
	.gallery_table {padding-top:20px;}
	.gallery_table .gallery_ul {margin-left:-20px;row-gap:20px;}
	.gallery_table .gallery_ul li {width: 33.3%;padding-left:20px;padding-bottom:20px;}
	.gallery_table .gallery_ul li a .tit {margin-top:15px;}
	.gallery_table .gallery_ul li a .day {margin-top:15px;}
}
@media only screen and (max-width:767px){
	.gallery_table {padding-top:20px;}
	.gallery_table .gallery_ul {margin-left:-20px;row-gap:20px;}
	.gallery_table .gallery_ul li {width: 50%;padding-left:20px;padding-bottom:20px;}
	.gallery_table .gallery_ul li a .day {margin-top:15px;}
}
/* 월별 행사안내 */
.day_top {display: flex;justify-content:center;gap:2rem;align-items: center;}
.day_top .year {vertical-align: middle;font-size:3rem;color:#222;}
.day_top .month {vertical-align: middle;font-size:3rem;color:#222;}
.day_top button {background: transparent;vertical-align: middle;}
.day_top button i {padding-top:2px;}
.gallery_table .gallery_ul a .events_img {flex-shrink:0;position:relative;display:flex;overflow:hidden;padding-top:120%;border-radius: 20px;background:#333;transition: 0.4s;}
.gallery_table .gallery_ul a .events_img img {position: absolute;left:50%;top:50%;width:100%;transform: translate(-50%,-50%);transition: 0.4s;}
.gallery_table .gallery_ul a .events_img .more {display:none;position: absolute;right:-8rem;bottom:-8rem;z-index: 1;width:8rem;aspect-ratio:1/1;background:url("./../../images/fs/main/more_bg.png") no-repeat left -2px top -2px;transition: 0.4s;}
.gallery_table .gallery_ul a .events_img .more span {display:inline-grid;place-items:center;position: absolute;right:0;bottom:0;width:5.1rem;aspect-ratio:1/1;background: #333;border-radius: 100%;color:#fff;}
.gallery_table .gallery_ul a .events_text_box {display: flex;flex-direction: column;height: 100%;}
.gallery_table .gallery_ul a .events_text_box .tit {display: block;font-size:2.4rem;color:#333;font-weight:700;border-bottom:1px solid #e7e7e7;margin:2.5rem 0 2rem 0;padding-bottom:2rem;}
.gallery_table .gallery_ul a .events_text_box .sp1 {display: block;font-size:1.8rem;color:#616161;margin-bottom:1rem;}
.gallery_table .gallery_ul a .events_text_box .sp1 strong {color:#333;}
.gallery_table .gallery_ul a .events_text_box .sp1 strong img {width: 2rem;margin-top:0.3rem;}
.gallery_table .gallery_ul a .events_text_box .more {height: 4rem;background: #ea562b;margin-top:auto;display: inline-grid;place-items: center;color:#fff;border-radius: 1rem;transition: 0.4s;}
.gallery_table .gallery_ul a:is(:hover,:focus,:active) .events_img {border-radius: 20px 20px 20px 20px;}
.gallery_table .gallery_ul a:is(:hover,:focus,:active) .events_img img {transform: translate(-50%,-50%) scale(1.2,1.2);opacity: 0.5;}
.gallery_table .gallery_ul a:is(:hover,:focus,:active) .events_img .more {right:0;bottom:0;}
.gallery_table .gallery_ul a:is(:hover,:focus,:active) .events_text_box .more {background: #333;}


/********** 페이지넘버 **********/
.pagination {display:flex;justify-content:center;color:#999;}
.pagination > li {display:inline-block;margin-right:5px}
.pagination > li a {display:block;width:40px;height:40px;line-height:38px;border:1px solid #ddd;border-radius:5px;transition:all .4s;}
.pagination > li a:hover {border:1px solid #ea562b;color:#ea562b;}
.pagination > li.page_btn a i {line-height:38px;}
.pagination > li.prev a i {transform:rotate(180deg);line-height:40px;}
.pagination > li strong.on {display:block;width:40px;height:40px;line-height:40px;border:1px solid #ea562b;background:#ea562b;border-radius:5px;color:#fff;}
.pagination > li span {font-size:0;}
/* 태블릿 */
@media only screen and (max-width:767px){
	.pagination > li a {width:35px;height:35px;line-height:33px;}
	.pagination > li.txt a:after {width:35px;height:35px;}
	.pagination > li.page_btn a i {line-height:33px;}
	.pagination > li.prev a i {line-height:33px;}
	.pagination > li strong.on {width:35px;height:35px;line-height:33px;}
}
/* 태블릿 */
@media only screen and (max-width:425px){
	.pagination > li a {width:25px;height:25px;line-height:23px;}
	.pagination > li.txt a:after {width:25px;height:25px;}
	.pagination > li.page_btn a i {line-height:23px;}
	.pagination > li.prev a i {line-height:23px;}
	.pagination > li strong.on {width:25px;height:25px;line-height:23px;}
}

/********** 게시판(상세) **********/
.view_box {border-bottom:1px solid #e5e5e5;}
.view_box .top {position:relative;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align: center;padding-top:45px;}
.view_box .top:after {content: "";position:absolute;left:0;right:0;top:-2px;display: block;width: 60px;height: 3px;margin:0 auto;background: #e43935;}
.view_box .top .sttit {display:flex;flex-direction:column;padding:1rem 3rem 0 3rem;margin-bottom:45px;line-height:0.7;font-weight:700;font-size:3.3rem;color:#222;}
.view_box .top .etc {display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;align-items:center;padding:2rem 1.5rem;font-weight:400;border-top:1px solid #e5e5e5;}
.view_box .top .etc span {display:inline-block;margin-right:1.5rem;padding-right:2rem;border-right:1px solid #e5e5e5;}
.view_box .top .etc span:last-child {margin-right:0;padding-right:0;border-right:0;}
.view_box .top .etc span em {display:inline-block;margin-right:1rem;color: #222;}
.view_box .content_box {padding:50px 30px;line-height:1.7;font-size:1.7rem;color:#767676;}
.view_box .file_box {display:flex;gap:55px;padding:2rem 3rem 1.8rem 3rem;border-top:1px solid #e5e5e5;}
.view_box .file_box strong {padding-top:2px;color:#222;}
.view_box .file_box .file_d {display:flex;align-items:center;gap:1.5rem 3.5rem;flex-wrap: wrap;}
.view_box .file_box .file_d a {display:flex;gap:8px;line-height: 1.2;}
.view_box .file_box .file_d a img {opacity: 0.5;transform: translateY(-2px);}
.view_box .file_box .file_d a span {font-size:1.6rem;color:#e43935;}
.view_box .file_box .file_d a:is(:hover, :focus, :active) {}
.view_box .public_box {margin:0;border-radius: 0;}
.view_box .btnnp {border-top:1px solid #e5e5e5;}
.view_box .btnnp > div {position:relative;display: flex;align-items: center;}
.view_box .btnnp > div:after {content: "";position:absolute;left:0;top:0;display: block;width: 100%;height: 1px;background: #fff;}
.view_box .btnnp > div button {padding:1rem 3rem;background: #f7f8fa;font-weight:500;color:#222;}
.view_box .btnnp > div button img {}
.view_box .btnnp > div .pbox {display: flex;align-items: center;padding:0 20px;}
.view_box .btnnp > div .pbox p {}
.view_box .btnnp > .np_item_left {border-bottom:1px solid #e5e5e5;}
.view_box .btnnp > .np_item_left img {transform: rotate(-90deg);margin:-3px 0 0 30px;}
.view_box .btnnp > .np_item_right {}
.view_box .btnnp > .np_item_right img {transform: rotate(90deg);margin-left:30px;}
.view_np_box {display: flex;justify-content: center;align-items: center;}
@media only screen and (max-width:1199px){
	.view_box .top .sttit {padding:7px 30px 0 30px;}
}
@media only screen and (max-width:1023px){
	.view_box .top {padding-top:40px;}
	.view_box .content_box {padding:30px 20px;font-size:1.8rem;}
	.view_box .file_box {gap:25px;padding:25px 20px;}
	.view_box .btnnp > div button {padding:15px 20px;}
	.view_box .btnnp > .np_item_left img {margin:-5px 0 0 30px;}
	.view_box .btnnp > .np_item_right {}
	.view_box .btnnp > .np_item_right img {margin:-4px 0 0 30px;}
}
@media only screen and (max-width:767px){
	.view_box .top {padding-top:28px;}
	.view_box .top .sttit {line-height:1;margin-bottom:28px;}
	.view_box .content_box {padding:20px 15px;font-size:2rem;}
	.view_box .file_box {flex-direction:column;gap:15px;padding:15px 15px;}
	.view_box .file_box .file_d {flex-direction:column;align-items: flex-start;gap:10px;}
	.view_box .file_box .file_d a img {margin-top:-2px;}
	.view_box .file_box .btn_down {height:30px;line-height:30px;}
	.view_box .file_box .btn_down img {margin-top:1px;}
	.view_box .btnnp > div button {padding:15px 15px;}
}


/********** 버튼 **********/
/* 기본 */
.btn_bace {display:inline-flex;align-items:center;height:40px;line-height:0.8;padding:0 30px;text-align:center;color:#fff;background:#e43935;cursor:pointer;border:1px solid #e43935;position:relative;z-index:0;border-radius:5px;transition:.2s;vertical-align:middle;}
.btn_bace:before {position:absolute;bottom:0;left:0;content:"";background:#333;width:100%;height:0;z-index:-1;transition:.3s ease-out}
.btn_bace:hover,.btn_bace:focus,.btn_bace:active {color:#fff;border-color:#333;transition:.2s;text-decoration: none;}
.btn_bace:hover::before,.btn_bace:focus::before,.btn_bace:active::before {height:100%;transition:.3s ease-out;}
/* 선버튼 */
.btn_line {display:inline-block;height:40px;line-height:40px;padding:0 30px;border:3px solid #5ac0a7;border-radius:50px;text-align:center;color:#5ac0a7;cursor:pointer;transition:all .5s;}
.btn_line:hover,.btn_line:focus,.btn_line:active {border-color:#222;text-decoration:none;transition:all .5s;color:#222;}

.btn_line.wh {border-color:#fff;color:#fff;}
.btn_line.wh:hover,.btn_line.wh:focus,.btn_line.wh:active {background:#fff;color:#666;}

/* 색상 */
.btn_blue {background:#344154;border:1px solid #344154;color:#fff;}
.btn_blue:hover,.btn_blue:focus,.btn_blue:active {background:#222;color:#fff;}
.btn_gray {background: #f1f1f1;color:#222;border:1px solid #ddd;}
.btn_gray:hover,.btn_gray:focus,.btn_gray:active {background:#222;color:#fff;}
.btn_orange {background:#ea562b;border:1px solid #ea562b;color:#fff;}
.btn_orange:hover,.btn_orange:focus,.btn_orange:active {background:#222;color:#fff;}
/* 관리자 버튼 */
.btnArea {display:flex;justify-content:center;flex-wrap:wrap;}
.btnArea .select_wrap {display:flex;flex-wrap:wrap;position:relative;}
.btnArea .select_wrap .selectbox {position:relative;}
.btnArea .select_wrap .selectbox::after {content:"";position:absolute;top:50%;right:20px;width:0px;height:0px;border-top:calc( 3px * 1.732 ) solid #aaa;border-left:4px solid transparent;border-right:4px solid transparent;transform:translateY(-50%);}
.btnArea .select_wrap .selectbox label {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);}
.btnArea .select_wrap .selectbox select {width:150px;height:40px;padding:0 20px;margin-right:5px;font-size:0.938em;color:#666;border:1px solid #ddd;outline-color:#ea562b;}
.btnArea a {margin:0 5px;}
@media only screen and (max-width:767px){
	.btnArea {flex-direction:column;}
	.btnArea .select_wrap {justify-content:center;}
	.btnArea .select_wrap .selectbox select {height:35px;line-height:35px;padding:0 10px;margin-bottom:5px;}
	.btnArea .btn_edit {margin-top:5px;}
}

/********** 체크버튼(라디오, 체크) **********/
.checks_box {display:flex;justify-content: center;gap:2rem;flex-wrap: wrap;background: #f4f4f4;padding:2rem;}
.checks_box2 {display:flex;gap:2rem;flex-wrap: wrap;}
.checks {display:inline-block;position:relative;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;cursor:pointer;}
.checks > input {overflow:hidden;position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0;}
/* radio */
.checks > input[type="radio"] ~ span {line-height:1.3;padding:2px 0 1px 35px;display: flex;align-items: center;color:#222;}
.checks > input[type="radio"] + span:after {content:'';position:absolute;top:12px;left:12px;width:0;height:0;background:#e43935;border-radius:100%;transition: 0.2s;}
.checks > input[type="radio"] + span:before {content:'';position:absolute;left:0;top:0;width:25px;height:25px;background:#fff;border:1px solid #ddd;border-radius:100%;transition: 0.4s;}
.checks > input[type="radio"]:checked + span:after {content:'';position:absolute;top:6px;left:6px;width:13px;height:13px;background:#e43935;border-radius:100%;}
.checks > input[type="radio"]:checked + span:before {border:1px solid #e43935;}
.checks > input[type="radio"]:disabled + span:before {background:#ddd;}
.checks > input[type="radio"]:focus + span:before {outline:2px dotted #222;}
/* checkbox */
.checks > input[type="checkbox"] ~ span {line-height:1.3;padding:7px 0 4px 0;display: flex;align-items: center;font-weight:var(--ft-wt400);color:#222;}
.checks > input[type="checkbox"] + span:before {content:'';flex-shrink:0;display:inline-block;width:25px;height:25px;margin:0 5px 0 0;background-color:#fff;background-position:center center;border:1px solid #ddd;border-radius:5px;vertical-align:middle;transition: 0.4s;}
.checks > input[type="checkbox"]:checked + span:before {content:'';background:url("./../../images/fs/common/icon_checks.png") no-repeat center center #e43935;border:1px solid #e43935;}
.checks > input[type="checkbox"]:disabled + span:before {background:var(--lay-bg-gray1);}
.checks > input[type="checkbox"]:focus + span:before {outline:2px dotted #222;}
@media only screen and (max-width:767px){
	.checks > input[type="radio"] ~ span {padding:2px 0 1px 30px;}
	.checks > input[type="radio"] + span:after {top:13px;left:13px;}
	.checks > input[type="radio"] + span:before {width:24px;height:24px;}
	.checks > input[type="radio"]:checked + span:after {top:6px;left:6px;width:12px;height:12px;}
}


/********** 인풋스타일 **********/
/*input[type="image"],*/
/*input[type="hidden"],*/
/*input[type="color"],*/
/*input[type="range"],*/
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"],input[type="url"],input[type="file"],input[type="date"],input[type="datetime-local"],input[type="month"],input[type="week"],input[type="time"],input[type="number"],input[type="submit"],select {font-family: "Pretendard Variable", 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;height:40px;line-height:1;padding:0 15px;border:1px solid #dfdfdf;background:#fff;font-size:1.6rem;color:#666;border-radius: 5px;}
input:focus,select:focus,textarea:focus {border:1px solid #1a5286;}
input[type="date"]{position:relative;}
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button {display:none;}
input[type="date"]::-webkit-calendar-picker-indicator {background:transparent;z-index:1;margin-left:-19px;}
input[type="date"]:after {content:'';position:absolute;top:50%;right:20px;z-index:0;width:17px;height:15px;background:url("./../../images/fs/common/icon_de.png") no-repeat center center #fff;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
input.datepicker {background:url("./../../images/fs/common/icon_de.png") no-repeat right 10px top 50%;}
textarea {padding:15px;font-size:0.938em;border:1px solid #dfdfdf;font-family: "Pretendard Variable", 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;}
select {background:url("./../../images/fs/common/select_arr.gif") no-repeat right 50%;border-radius: 5px;}
@media only screen and (max-width:767px){
	input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"],input[type="url"],input[type="file"],input[type="date"],input[type="datetime-local"],input[type="month"],input[type="week"],input[type="time"],input[type="number"], select {height:40px;line-height:40px;padding:0 10px;}
	input:first-child,select:first-child {margin-top:0;}
	textarea {padding:10px;}
}
.filebox {position: relative;}
.filebox .upload-name {display: inline-block;height: 40px;padding: 0 1rem;vertical-align: top;border: 1px solid #ddd;border-radius:0 5px 5px 0;width: 80%;color: #767676;}
.filebox label {display: inline-grid;place-items:center;padding: 0 1.5rem;width:20%;height: 40px;margin-right:-0.4rem;text-align:center;border-radius:5px 0 0 5px;color: #fff;vertical-align: top;background-color: #222;cursor: pointer;}
.filebox input[type="file"] {position: absolute;top:0;left:0;z-index:-1;width: 20%;height: 40px;padding: 1rem;overflow: hidden;border: 0;}
.filebox span {display:inline-block;margin-top:0.5rem;color:#222;}
.filebox span input {margin-left: 1.5rem;border:1px solid #222;width: 1.7rem;aspect-ratio: 1/1;accent-color: #e43935;}


/********** 가로값 **********/
.wh100p {width:100%;}
.wh99p {width:99%;}
.wh70p {width:70%;}
.wh50p {width:50%;}
.wh45p {width:45%;}
.wh40p {width:40%;}
.wh30p {width:30%;}
.wh20p {width:20%;}
.wh200 {width:200px;}
.wh70 {width:70px;}
@media only screen and (max-width:767px){
	.wh99p,
	.wh70p,
	.wh50p,
	.wh45p,
	.wh40p,
	.wh30p {width:100%;}
	.wh200 {width:100%;}
}


/********** 정렬 **********/
.ta-l {text-align:left;}
.ta-c {text-align:center;}
.ta-r {text-align:right;}
.vt-t {vertical-align:top;}
.vt-c {vertical-align:middle;}
.vt-b {vertical-align:bottom;}


/********** 전역클래스 **********/
.ft-l {float:left;}
.ft-r {float:right;}
.block {display:block;}
.inblock {display:inline-block;}
.overflow {overflow:hidden;}
.clear:after {content:"";display:block;clear:both;}
.flex {display: flex;flex-wrap: wrap;}
.flex input {flex-grow: 1;}
.align-items_c {align-items: center;}
.justify-content_c {justify-content: center;}
.gap1 {gap:1rem;}
.gap2 {gap:2rem;}


/********** 참고텍스트 **********/
/* 느낌표_흰배경파란 */
.point1 {display:block;padding-left:20px;background:url("./../../images/fs/common/ico_caution1.gif") no-repeat 0 6px;}
/* 느낌표_흰배경빨강 */
.point2 {display:block;padding-left:20px;background:url("./../../images/fs/common/ico_caution2.gif") no-repeat 0 6px;}
/* 느낌표_빨강배경흰색 */
.point3 {display:block;padding-left:20px;background:url("./../../images/fs/common/ico_caution3.gif") no-repeat 0 6px;}
/* 당구장표시 */
.point4 {display:block;padding-left:14px;background:url("./../../images/fs/common/bul_focus.gif") no-repeat 0 9px;}


/********** 가장자리_외부(margin) **********/
/* 위 */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}.mt65 {margin-top:65px;}
.mt70 {margin-top:70px;}.mt75 {margin-top:75px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
@media only screen and (max-width:1023px){
	.mt15 {margin-top:5px;}
	.mt20 {margin-top:10px;}.mt25 {margin-top:15px;}
	.mt30 {margin-top:20px;}.mt35 {margin-top:25px;}
	.mt40 {margin-top:30px;}.mt45 {margin-top:35px;}
	.mt50 {margin-top:40px;}.mt55 {margin-top:45px;}
	.mt60 {margin-top:50px;}.mt65 {margin-top:55px;}
	.mt70 {margin-top:60px;}.mt75 {margin-top:65px;}
	.mt80 {margin-top:70px;}
	.mt90 {margin-top:80px;}
}
@media only screen and (max-width:767px){
	.mt30 {margin-top:10px;}.mt35 {margin-top:15px;}
	.mt40 {margin-top:20px;}.mt45 {margin-top:25px;}
	.mt50 {margin-top:30px;}.mt55 {margin-top:35px;}
	.mt60 {margin-top:40px;}.mt65 {margin-top:45px;}
	.mt70 {margin-top:50px;}.mt75 {margin-top:55px;}
	.mt80 {margin-top:60px;}
	.mt90 {margin-top:70px;}
}
/* 우측 */
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
/* 좌측 */
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}