@charset "utf-8";

/* 리스트형 게시판 (board_list) */
.board {}
.board .board_list {background: #fff;}
.board .board_list .board_util {background: #f5f5f5; padding: 20px; border-radius: 15px; margin-bottom: 30px;}
.board .board_list .board_util .board_search {display: flex; justify-content: space-between; background: #fff;}
.board .board_list .board_util .board_search input[type=text] {width: 100%; font-size: 16px; border: 0; padding: 10px 20px; padding-right: 0;}
.board .board_list .board_util .board_search input[type=text]:focus {outline: 0;}
.board .board_list .board_util .board_search button {width: 50px; height: 50px; cursor: pointer;}
.board .board_list .board_util .board_search button i {display: block; font-size: 20px;}
.board .board_list .board_tb {}
.board .board_list .board_tb table {width: 100%; border-top: 2px solid #df2d5a; table-layout: fixed;}
.board .board_list .board_tb table tr {position: relative; border-bottom: 1px solid #ddd;}
.board .board_list .board_tb table tr td {padding: 15px 0;}
.board .board_list .board_tb table tr td.num {width: 80px;}
.board .board_list .board_tb table tr td.num .notice {display: inline-block; font-size: 12px; padding: 5px 10px; color: #fff; background: #df2d5a; border-radius: 5px;}
.board .board_list .board_tb table tr td.subject {width: calc(100% - 310px);}
.board .board_list .board_tb table tr td.view {width: 80px;}
.board .board_list .board_tb table tr td.date {width: 150px;}
.board .board_list .board_tb table tr td.place {width: calc(100% - 500px);}
.board .board_list .board_tb table tr td.time {width: 150px;}
.board .board_list .board_tb table tr td.status {width: 100px;}
.board .board_list .board_tb table tr td.name {width: 100px;}
.board .board_list .board_tb table tr.cancel td p {color: #aaa;}
.board .board_list .board_tb table tr.confirm td.status p {font-size: 14px; line-height: 24px; border: 1px solid #2149a6; border-radius: 10px; color: #2149a6;}
.board .board_list .board_tb table tr.wait td.status p {font-size: 14px; line-height: 24px; border: 1px solid #ddd; border-radius: 10px; background: #fff; color: #aaa;}
.board .board_list .board_tb table tr.cancel td.status p {font-size: 14px; line-height: 24px; border: 1px solid #df2d5a; border-radius: 10px; color: #df2d5a;}
.board .board_list .board_tb table tr.cancel td a {color: #aaa;}
.board .board_list .board_tb table tr td p {}
.board .board_list .board_tb table thead tr {background: #f5f5f5;}
.board .board_list .board_tb table thead tr td {text-align: center;}
.board .board_list .board_tb table thead tr td p {font-weight: 500;}
.board .board_list .board_tb table tbody tr {}
.board .board_list .board_tb table tbody tr td {text-align: center;}
.board .board_list .board_tb table tbody tr td p {}
.board .board_list .board_tb table tbody tr td a {display: block; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.board .board_list .board_bt {display: flex; justify-content: flex-end; margin-top: 30px;}
.board .board_list .board_bt a {display: flex; justify-content: center; align-items: center; background: #df2d5a; color: #fff; width: 90px; height: 38px; border-radius: 5px; font-size: 15px;}
.board .board_list .board_page {margin-top: 30px;}
.board .board_list .board_page ul {display: flex; justify-content: center; align-items: center;}
.board .board_list .board_page ul li {margin-right: 15px;}
.board .board_list .board_page ul li:last-child {margin-right: 0;}
.board .board_list .board_page ul li a {display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; font-size: 14px; color: #aaa; border-radius: 5px;}
.board .board_list .board_page ul li a.on {background: #df2d5a; color: #fff;}
.board .board_list .board_modal {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 9999;}
.board .board_list .board_modal .board_pw {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; border-radius: 15px; max-width: 500px; width: 100%;}
.board .board_list .board_modal .board_pw i {position: absolute; top: -15px; right: -15px; width: 35px; height: 35px; border: 3px solid #fff; background: #2149a6; color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 50%; cursor: pointer; font-size: 18px;}
.board .board_list .board_modal .board_pw p {width: 100%; font-size: 24px; font-family: "Tenada"; margin-bottom: 10px; text-align: center;}
.board .board_list .board_modal .board_pw input[type=password] {width: 100%; height: 40px; padding: 0 10px; font-size: 15px; border: 1px solid #ddd; border-radius: 5px; background: #f5f5f5; margin-bottom: 20px;}
.board .board_list .board_modal .board_pw input[type=password]:focus {outline: 0;}
.board .board_list .board_modal .board_pw button {width: calc(100% / 2 - 10px); height: 40px; font-size: 15px; background: #fff; border: 1px solid #ddd; border-radius: 5px; color: #aaa; cursor: pointer;}
.board .board_list .board_modal .board_pw button:last-child {border: 1px solid #2149a6; background: #2149a6; color: #fff;}

/* 신청조회 */
.board.rm .board_list .board_tb table {border-top: 2px solid #008000;}
.board.rm .board_list .board_page ul li a.on {background: #008000;}

/* 리스트형 게시판 (board_view) */
.board .board_view {background: #fff;}
.board .board_view ul {}
.board .board_view ul li {border-bottom: 1px solid #ddd;}
.board .board_view ul li .board_title {padding-bottom: 20px;}
.board .board_view ul li .board_title h2 {font-size: 24px; line-height: 1.2;}
.board .board_view ul li .board_info {display: flex; padding: 15px 0;}
.board .board_view ul li .board_info .board_data {display: flex;}
.board .board_view ul li .board_info .board_data::after {content: ''; display: block; width: 1px; height: 50%; background: #ddd; margin: auto 20px;}
.board .board_view ul li .board_info .board_data:last-child::after {content: none;}
.board .board_view ul li .board_info .board_data p {font-size: 15px; color: #aaa; margin-right: 10px;}
.board .board_view ul li .board_info .board_data span {font-size: 15px; color: #aaa;}
.board .board_view ul li .board_info .board_data a {font-size: 15px; color: #aaa;}
.board .board_view ul li .board_info .board_data a:hover {text-decoration: underline;}
.board .board_view ul li .board_detail {min-height: 450px; padding: 30px 0;}
.board .board_view ul li .board_more {padding: 10px 0;}
.board .board_view ul li .board_more .board_desc {display: flex; align-items: center;}
.board .board_view ul li .board_more .board_desc p {position: relative; font-weight: 500; margin-right: 5px; padding-left: 15px;}
.board .board_view ul li .board_more .board_desc p::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background: #df2d5a;}
.board .board_view ul li .board_more .board_desc a {line-height: 1.4; color: #aaa;}
.board .board_view ul li .board_more .board_desc a:hover {text-decoration: underline;}
.board .board_view ul li .board_link {}
.board .board_view ul li .board_link .board_prev {display: flex; align-items: center;}
.board .board_view ul li .board_link .board_prev:first-child {border-bottom: 1px solid #ddd;}
.board .board_view ul li .board_link .board_prev p {width: 120px; text-align: center; background: #f5f5f5; padding: 15px 20px; font-weight: 500;}
.board .board_view ul li .board_link .board_prev a {display: block; width: calc(100% - 120px); line-height: 1.4; padding: 15px 20px; color: #aaa;}
.board .board_view .board_tb {}
.board .board_view .board_tb table {width: 100%; table-layout: fixed; border-top: 2px solid #008000;}
.board .board_view .board_tb table tr {border-bottom: 1px solid #ddd;}
.board .board_view .board_tb table tr td {padding: 20px;}
.board .board_view .board_tb table tr td:nth-child(2n) {width: calc(100% - 150px);}
.board .board_view .board_tb table tr td:nth-child(2n-1) {width: 150px; text-align: center; background: #f5f5f5; font-weight: 500;}
.board .board_view .board_bt {display: flex; justify-content: center; align-items: center; margin-top: 40px;}
.board .board_view .board_bt button {display: flex; justify-content: center; align-items: center; background: #df2d5a; color: #fff; width: 100px; height: 40px; border-radius: 5px; margin-right: 10px;}
.board .board_view .board_bt button:last-child {margin-right: 0;}

/* 신청조회 */
.board.rm .board_view .board_bt button {background: #008000;}

/* 리스트형 게시판 (board_write) */
.board .board_write {background: #fff;}
.board .board_write .board_input {}
.board .board_write .board_input table {width: 100%; border-top: 2px solid #df2d5a; table-layout: fixed;}
.board .board_write .board_input table tr {border-bottom: 1px solid #ddd;}
.board .board_write .board_input table tr td {}
.board .board_write .board_input table tr td.board_cate {width: 150px; text-align: center; padding: 15px; background: #f5f5f5;}
.board .board_write .board_input table tr td.board_cate p {}
.board .board_write .board_input table tr td.board_desc {width: calc(100% - 150px); padding: 15px;}
.board .board_write .board_input table tr td.board_desc input {}
.board .board_write .board_input table tr td.board_desc input[type=text] {width: 100%; border: 1px solid #ddd; height: 35px; border-radius: 5px; font-size: 15px; padding: 10px;}
.board .board_write .board_input table tr td.board_desc input[type=text]:focus {outline: none;}
.board .board_write .board_input table tr td.board_desc label {}
.board .board_write .board_input table tr td.board_desc textarea {width: 100%; resize: none; border: 1px solid #ddd; border-radius: 5px; font-size: 15px; padding: 10px;}
.board .board_write .board_input table tr td.board_desc textarea:focus {outline: none;}
.board .board_write .board_bt {display: flex; justify-content: center; margin-top: 40px;}
.board .board_write .board_bt button {background: #df2d5a; color: #fff; width: 100px; height: 40px; font-size: 16px; border-radius: 5px; cursor: pointer;}
.board .board_write .board_bt button:first-child {border: 1px solid #ddd; color: #aaa; background: #fff; margin-right: 20px;}

/* 갤러리형 게시판 (gallery_list) */
.gallery {}
.gallery .gallery_list {background: #fff;}
.gallery .gallery_list .gallery_util {background: #f5f5f5; padding: 20px; border-radius: 15px; margin-bottom: 30px;}
.gallery .gallery_list .gallery_util .gallery_search {display: flex; justify-content: space-between; background: #fff;}
.gallery .gallery_list .gallery_util .gallery_search input[type=text] {width: 100%; font-size: 16px; border: 0; padding: 10px 20px; padding-right: 0;}
.gallery .gallery_list .gallery_util .gallery_search input[type=text]:focus {outline: 0;}
.gallery .gallery_list .gallery_util .gallery_search button {width: 50px; height: 50px; cursor: pointer;}
.gallery .gallery_list .gallery_util .gallery_search button i {display: block; font-size: 20px;}.board .board_list .board_bt {display: flex; justify-content: flex-end; margin-top: 30px;}
.gallery .gallery_list .gallery_util .gallery_cate {margin-top: 20px;}
.gallery .gallery_list .gallery_util .gallery_cate ul {display: flex; justify-content: space-between;}
.gallery .gallery_list .gallery_util .gallery_cate ul li {width: calc(100% / 6 - 15px);}
.gallery .gallery_list .gallery_util .gallery_cate ul li button {display: block; width: 100%; height: 50px; font-size: 16px; cursor: pointer; background: #fff; text-align: center; color: #aaa;}
.gallery .gallery_list .gallery_bbs {}
.gallery .gallery_list .gallery_bbs ul {display: flex; flex-wrap: wrap;}
.gallery .gallery_list .gallery_bbs ul li {width: calc(100% / 3 - 20px); margin-right: 30px; margin-top: 30px;}
.gallery .gallery_list .gallery_bbs ul li:nth-child(3n) {margin-right: 0;}
.gallery .gallery_list .gallery_bbs ul li:nth-child(-n + 3) {margin-top: 0;}
.gallery .gallery_list .gallery_bbs ul li a {display: block;}
.gallery .gallery_list .gallery_bbs ul li a .gallery_thum {position: relative; padding-top: 70%; overflow: hidden; border-radius: 15px;}
.gallery .gallery_list .gallery_bbs ul li a .gallery_thum img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}
.gallery .gallery_list .gallery_bbs ul li a:hover .gallery_thum img {transform: translate(-50%, -50%) scale(1.1);} 
.gallery .gallery_list .gallery_bbs ul li a .gallery_thum i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 50%; font-size: 28px; background: #000; color: #fff; z-index: 2; opacity: 0.5;}
.gallery .gallery_list .gallery_bbs ul li a:hover .gallery_thum i {opacity: 1;} 
.gallery .gallery_list .gallery_bbs ul li a .gallery_txt {margin-top: 15px;}
.gallery .gallery_list .gallery_bbs ul li a .gallery_txt p {display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; margin-bottom: 5px;}
.gallery .gallery_list .gallery_bbs ul li a .gallery_txt span {font-size: 15px; color: #aaa;}
.gallery .gallery_list .gallery_bt {display: flex; justify-content: flex-end; margin-top: 30px;}
.gallery .gallery_list .gallery_bt a {display: flex; justify-content: center; align-items: center; background: #df2d5a; color: #fff; width: 90px; height: 38px; border-radius: 5px; font-size: 15px;}
.gallery .gallery_list .gallery_page {margin-top: 30px;}
.gallery .gallery_list .gallery_page ul {display: flex; justify-content: center; align-items: center;}
.gallery .gallery_list .gallery_page ul li {margin-right: 15px;}
.gallery .gallery_list .gallery_page ul li:last-child {margin-right: 0;}
.gallery .gallery_list .gallery_page ul li a {display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; font-size: 14px; color: #aaa; border-radius: 5px;}
.gallery .gallery_list .gallery_page ul li a.on {background: #df2d5a; color: #fff;}

/* 갤러리형 게시판 (policy_list) */
.gallery.plc .gallery_list .gallery_util .gallery_cate ul li.on button {background: #FFB100; color: #fff;}
.gallery.plc .gallery_list .gallery_bbs ul li a .gallery_thum {padding-top: 140%;}
.gallery.plc .gallery_list .gallery_bbs ul li a .gallery_txt h2 {font-size: 15px; margin-bottom: 5px; font-weight: 700; color: #fe4249;}
.gallery.plc .gallery_list .gallery_bt a {background: #FFB100;}
.gallery.plc .gallery_list .gallery_page ul li a.on {background: #FFB100;}

/* 갤러리 게시판 (gallery_view) */
.gallery .gallery_view {background: #fff;}
.gallery .gallery_view ul {}
.gallery .gallery_view ul li {border-bottom: 1px solid #ddd;}
.gallery .gallery_view ul li .gallery_title {padding-bottom: 20px;}
.gallery .gallery_view ul li .gallery_title h2 {font-size: 24px; line-height: 1.2;}
.gallery .gallery_view ul li .gallery_info {display: flex; padding: 15px 0;}
.gallery .gallery_view ul li .gallery_info .gallery_data {display: flex;}
.gallery .gallery_view ul li .gallery_info .gallery_data::after {content: ''; display: block; width: 1px; height: 50%; background: #ddd; margin: auto 20px;}
.gallery .gallery_view ul li .gallery_info .gallery_data:last-child::after {content: none;}
.gallery .gallery_view ul li .gallery_info .gallery_data p {font-size: 15px; color: #aaa; margin-right: 10px;}
.gallery .gallery_view ul li .gallery_info .gallery_data span {font-size: 15px; color: #aaa;}
.gallery .gallery_view ul li .gallery_info .gallery_data a {font-size: 15px; color: #aaa;}
.gallery .gallery_view ul li .gallery_info .gallery_data a:hover {text-decoration: underline;}
.gallery .gallery_view ul li .gallery_detail {min-height: 400px; padding: 30px 0;}
.gallery .gallery_view ul li .gallery_more {padding: 10px 0;}
.gallery .gallery_view ul li .gallery_more .gallery_desc {display: flex; align-items: center;}
.gallery .gallery_view ul li .gallery_more .gallery_desc p {position: relative; font-weight: 500; margin-right: 5px; padding-left: 15px;}
.gallery .gallery_view ul li .gallery_more .gallery_desc p::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background: #df2d5a;}
.gallery .gallery_view ul li .gallery_more .gallery_desc a {line-height: 1.4; color: #aaa;}
.gallery .gallery_view ul li .gallery_more .gallery_desc a:hover {text-decoration: underline;}
.gallery .gallery_view ul li .gallery_link {}
.gallery .gallery_view ul li .gallery_link .gallery_prev {display: flex; align-items: center;}
.gallery .gallery_view ul li .gallery_link .gallery_prev:first-child {border-bottom: 1px solid #ddd;}
.gallery .gallery_view ul li .gallery_link .gallery_prev p {width: 120px; text-align: center; background: #f5f5f5; padding: 15px 20px; font-weight: 500;}
.gallery .gallery_view ul li .gallery_link .gallery_prev a {display: block; width: calc(100% - 120px); line-height: 1.4; padding: 15px 20px; color: #aaa;}
.gallery .gallery_view .gallery_bt {display: flex; justify-content: center; margin-top: 40px;}
.gallery .gallery_view .gallery_bt button {display: flex; justify-content: center; align-items: center; background: #FFB100; color: #fff; width: 100px; height: 40px; border-radius: 5px; margin-right: 10px; font-size: 14px;}
.gallery .gallery_view .gallery_bt a {display: flex; justify-content: center; align-items: center; background: #FFB100; color: #fff; width: 100px; height: 40px; border-radius: 5px; font-size: 14px;}

/* 갤러리형 게시판 (policy_view) */
.gallery .gallery_view .gallery_bt button {background: #FFB100;}

/* 갤러리형 게시판 (gallery_write) */
.gallery .gallery_write {background: #fff;}
.gallery .gallery_write .gallery_input {}
.gallery .gallery_write .gallery_input table {width: 100%; border-top: 2px solid #df2d5a; table-layout: fixed;}
.gallery .gallery_write .gallery_input table tr {border-bottom: 1px solid #ddd;}
.gallery .gallery_write .gallery_input table tr td {}
.gallery .gallery_write .gallery_input table tr td.gallery_cate {width: 150px; text-align: center; padding: 15px; background: #f5f5f5;}
.gallery .gallery_write .gallery_input table tr td.gallery_cate p {}
.gallery .gallery_write .gallery_input table tr td.gallery_desc {width: calc(100% - 150px); padding: 15px;}
.gallery .gallery_write .gallery_input table tr td.gallery_desc input {}
.gallery .gallery_write .gallery_input table tr td.gallery_desc input[type=text] {width: 100%; border: 1px solid #ddd; height: 35px; border-radius: 5px; font-size: 15px; padding: 10px;}
.gallery .gallery_write .gallery_input table tr td.gallery_desc input[type=text]:focus {outline: none;}
.gallery .gallery_write .gallery_input table tr td.gallery_desc label {}
.gallery .gallery_write .gallery_input table tr td.gallery_desc textarea {width: 100%; resize: none; border: 1px solid #ddd; border-radius: 5px; font-size: 15px; padding: 10px;}
.gallery .gallery_write .gallery_input table tr td.gallery_desc textarea:focus {outline: none;}
.gallery .gallery_write .gallery_bt {display: flex; justify-content: center; margin-top: 40px;}
.gallery .gallery_write .gallery_bt button {background: #df2d5a; color: #fff; width: 100px; height: 40px; font-size: 16px; border-radius: 5px; cursor: pointer;}
.gallery .gallery_write .gallery_bt button:first-child {border: 1px solid #ddd; color: #aaa; background: #fff; margin-right: 20px;}

/* 갤러리형 게시판 (plicy_write) */
.gallery.plc .gallery_write .gallery_input table {border-top: 2px solid #FFB100;}
.gallery.plc .gallery_write .gallery_input table tr td.gallery_desc select {font-size: 15px; width: 100px; border: 1px solid #ddd; padding: 5px; border-radius: 5px;}
.gallery.plc .gallery_write .gallery_input table tr td.gallery_desc select:focus {outline: none;}
.gallery.plc .gallery_write .gallery_bt button {background: #FFB100;}
.gallery.plc .gallery_write .gallery_bt button:first-child {border: 1px solid #ddd; color: #aaa; background: #fff; margin-right: 20px;}


/* media Query */
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {
    .gallery .gallery_list .gallery_bbs ul li {width: calc(100% / 2 - 10px); margin-right: 20px; margin-top: 20px;}
    .gallery .gallery_list .gallery_bbs ul li:nth-child(3n) {margin-right: auto;}
    .gallery .gallery_list .gallery_bbs ul li:nth-child(2n) {margin-right: 0;}
    .gallery .gallery_list .gallery_bbs ul li:nth-child(-n + 3) {margin-top: 20px;}
}
@media screen and (max-width: 500px) {
    .board .board_list .board_tb table tr td p {font-size: 15px;}
    .board .board_list .board_tb table tr td.subject {width: calc(100% - 190px);}
    .board .board_list .board_tb table tr td.view {display: none;}
    .board .board_list .board_tb table tr td.date {width: 110px;}
    .board .board_list .board_tb table tbody tr td p {font-size: 15px;}
    .board .board_list .board_tb table tbody tr td a {font-size: 15px;}
    .board .board_view ul li .board_title h2 {font-size: 20px;}
    .board .board_view ul li .board_link .board_prev p {width: 100px; font-size: 15px; padding: 15px;}
    .board .board_view ul li .board_link .board_prev a {font-size: 15px; padding: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
    .gallery .gallery_list .gallery_bbs ul li {width: 100%; margin-right: 0;}
    .gallery .gallery_list .gallery_bbs ul li:first-child {margin-top: 0;}
    .gallery .gallery_list .gallery_page ul li a {width: 30px; height: 30px;}
    .gallery .gallery_view ul li .gallery_title h2 {font-size: 20px;}
    .gallery .gallery_view ul li .gallery_link .gallery_prev p {width: 100px; font-size: 15px; padding: 15px;}
    .gallery .gallery_view ul li .gallery_link .gallery_prev a {font-size: 15px; padding: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
}