/* Input, select */
* {word-break: keep-all; letter-spacing: -0.02em !important;}
br {font-family:dotum !important;}
input {display: block; width: 100%; height: 48rem; margin: 0; border: 1rem solid #e3e3e3; padding: 0 10rem; background-color: #ffffff; font-weight: 300; font-size: 14rem; line-height: 21rem; color: #333333;}

input::placeholder {color: #c0c0c0;}
select {display: inline-block; width: 100%; height: 43rem; margin: 0; border: 1rem solid #e3e3e3; padding: 0 25rem 0 10rem; background-color: #ffffff; background-image: url("/images/common/slt_arr_icon.png"); background-position: right 10rem center; background-size: 11rem 7rem; background-repeat: no-repeat; cursor: pointer; font-weight: 400; font-size: 14rem; line-height: 24rem; color: #000000;}

/* Input, select */

/* Button stlye */
.btn_area {margin: 75rem 0 0; font-size: 0; text-align: right;}
.btn_area.top_line {margin: 35rem 0 0; border-top: 1rem solid #e3e3e3; padding: 45rem 0 0;}
.btn_area.tl {text-align: left;}
.btn_area.tc {text-align: center;}
.btn_area .btn {display: inline-block; width: auto; margin: 0 0 0 7rem; border: 1rem solid #a7a9a8; border-radius: 10rem; padding: 0 56rem; background-color: #a7a9a8; font-family: "GmarketSans"; font-weight: 500; font-size: 20rem; line-height: 53rem; color: #ffffff; vertical-align: middle; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.btn_area .btn:first-child {margin: 0;}
.btn_area .btn:hover, .btn_area .btn:focus {background-color: inherit; color: #a7a9a8;}

/* ==================== Table style ==================== */
.board_area {overflow: hidden; margin: 30rem 0 0;}
.synthesis {display: inline-block; position: relative; font-weight: 400; font-size: 14rem; line-height: 21rem; color: #757575;}
.synthesis .num {color: #e62e8b;}
.board_area .synthesis .num {color: #e03321;}

/* 공통 테이블 */
/* ==================== Sub Sch Style ==================== */
.sub_cont {width: 100%;max-width: 1280px;margin: 0 auto;padding: 50px 0 80px;} /* 20231113 수정 */
.sub_sch_box {position: relative; margin: 85rem 0 0; padding: 30rem 27rem 30rem 27rem; background-color: #f5f5f5; border-radius: 10rem;}
.sub_sch_area .sub_sch_box {position: inherit; margin: 0; padding: 30rem 123rem 30rem 0; box-shadow: none; background: none;}
.sub_sch_box .row {display: table; width: 100%;}
.sub_sch_box .row label {display: table-cell; width: 90rem; font-weight: 700; font-size: 16rem; line-height: 48rem; color: #000000; text-align: center; vertical-align: top;}
.sub_sch_box .row label:first-child {text-align: left;}
.sub_sch_box .row .slt_box {display: table-cell; width: 150rem; padding: 0 5rem 0 0; vertical-align: middle;}
.sub_sch_box .row .slt_box.m_on {display: none;}
.sub_sch_box .row .slt_box select {position: relative; width: 100%; height: 48rem; border: 1rem solid #c6cbcf; padding: 0 35rem 0 19rem; background-color: #ffffff; background-image: url('../images/common/sub_select_down.png'); background-position: right 15rem top 50%; background-size: 11rem 7rem; background-repeat: no-repeat; font-weight: 400; font-size: 15rem; line-height: 45rem; color: #000000; cursor: pointer;border-radius: 4rem;}
.sub_sch_box .row .input_box {display: table-cell; padding: 0; vertical-align: middle;}
.sub_sch_box .row .input_box input {font-size: 16rem; line-height: 24rem;box-sizing: border-box;}
.sub_sch_box .row .serch_box {display: flex;}
.sub_sch_box .row .serch_box input {width: calc(100% - 110rem);border-radius: 4rem;}
.sub_sch_box .row .serch_box .st_sch_btn {flex: none;}
.sub_sch_box .row .period_box {display: table-cell; font-size: 0;}
.sub_sch_box .row .period_box .date_inp {display: inline-block; max-width: 200rem; height: 48rem;}
.sub_sch_box .row .period_box .etc {display: inline-block; padding: 0 10rem; font-weight: 300; font-size: 14rem; line-height: 40rem; color: #333333;}
.sub_sch_box .st_sch_btn {display: block; overflow: hidden; width: 80rem; height: 48rem; background-color: #54575e; text-align: center;margin-left: 10rem;border-radius: 4rem;}
.sub_sch_box .st_sch_btn .ico {display: inline-block; position: relative; padding: 0; font-weight: 400; font-size: 18rem; line-height: 48rem; color: #ffffff;}

.sub_sch_box.sty2 {}
.sub_sch_box.sty2 .row {margin: 13rem 0 0;}
.sub_sch_box.sty2 .row:first-child {margin: 0;}
.sub_sch_box.sty2 .row .btn_list {font-size: 0;}
.sub_sch_box.sty2 .row .btn_list li {display: inline-block; width: 120rem; margin: 0 8rem 0 0; text-align: center;}
.sub_sch_box.sty2 .row .btn_list li:last-child {margin: 0;}
.sub_sch_box.sty2 .row .btn_list li button {display: block; width: 100%; border: 1rem solid #12a0b0; font-weight: 700; font-size: 18rem; line-height: 48rem; color: #12a0b0; border-radius: 5rem; }
.sub_sch_box.sty2 .row .btn_list li button:hover, .sub_cont .sub_sch_box.sty2 .row .btn_list li button:focus {border: none; background-color: #12a0b0; line-height: 48rem; color: #ffffff; border-radius: 5rem; }
.sub_sch_box.sty2 .row .btn_list li.on button {border: none; background-color: #12a0b0; line-height: 48rem; color: #ffffff; border-radius: 5rem; }
.sub_sch_box.sty2 .row .data_box {width: 100%; max-width: 477rem; font-size: 0;}
.sub_sch_box.sty2 .row .data_box .date_input {display: inline-block; width: calc(50% - 16.3rem); height: 45rem; border: 1rem solid #c6cbcf; padding: 0 40rem 0 10rem; background-image: url("/images/user/basic/cal_ico.png"); background-position: right 11rem center; background-repeat: no-repeat; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16rem; line-height: 24rem; color: #242424; text-align: left;}
.sub_sch_box.sty2 .row .data_box .text {display: inline-block; padding: 0 12rem; font-weight: 400; font-size: 15rem; line-height: 48rem; color: #333333; vertical-align: top;}

.sub_sch_box.sty2 .row .slt_box.sty2 {display: inherit;}
/* ==================== Sub Sch Style ==================== */

/* ==================== 갤러리 Style ==================== */
.gallery_cont {margin: 40rem 0 0;}
.gallery_cont img {border: 0 none;vertical-align: top;height: 100%;width: auto;} /* 20231113 수정*/

.gallery_cont .gallery_list {margin: 12rem 0; border-top: 1rem solid #e0e0e0; padding: 25rem 0 0;}
.gallery_cont .gallery_list > .list {font-size: 0;}
.gallery_cont .gallery_list > .list > li {display: inline-block; width: calc(25% - 15rem); margin: 0 20rem 40rem 0; vertical-align: top;}
.gallery_cont .gallery_list > .list > li:nth-last-child(-n+4) {margin: 0 20rem 0 0;}
.gallery_cont .gallery_list > .list > li:nth-child(4n) {margin: 0 0 40rem;}
.gallery_cont .gallery_list > .list > li:last-child {margin: 0;}
.gallery_cont .gallery_list > .list > li .box {position: relative;}
.gallery_cont .gallery_list > .list > li .box .date_list {position: absolute; top: 0; left: 0; z-index: 1; white-space: nowrap;}
.gallery_cont .gallery_list > .list > li .box .date_list li {display: inline-block;}
.gallery_cont .gallery_list > .list > li .box .date_list li:first-child {border-radius: 10rem 0 0 0 !important;}
.gallery_cont .gallery_list > .list > li .box .date_list li:last-child {border-radius: 0 0 10rem 0 !important;}
.gallery_cont .gallery_list > .list > li .box .date_list li.else_date {border-radius: 10rem 0 10rem 0 !important;}
.gallery_cont .gallery_list > .list > li .box .date_list li.date1 {background-color: #e62e8b;}
.gallery_cont .gallery_list > .list > li .box .date_list li.date2 {border: none; background-color: #144db3; background-image: inherit; border-radius: 0;}
.gallery_cont .gallery_list > .list > li .box .date_list li.date3 {background-color: #ff8c36;}
.gallery_cont .gallery_list > .list > li .box .date_list li.date4 {background-color: #37b37c;}
.gallery_cont .gallery_list > .list > li .box .date_list li .date_txt {display: block; padding: 0 9rem; font-weight: 400; font-size: 14rem; line-height: 28rem; color: #fff; }
.gallery_cont .gallery_list > .list > li .box .img_box {display: table; overflow: hidden; width: 100%; table-layout: fixed; border-radius: 10rem;}
.gallery_cont .gallery_list > .list > li .box .img_box .inner_box {display: table-cell; overflow: hidden; width: 100%; height: 217rem; background-color: #f5f5f5; vertical-align: middle; text-align: center;}
.gallery_cont .gallery_list > .list > li .box .img_box .inner_box img {display: inline-block; transition: all .35s ease-in-out;}
.gallery_cont .gallery_list > .list > li .box:hover .img_box .inner_box img, .gallery_cont .gallery_list > .list > li .box:focus .img_box .inner_box img {transform: scale(1.1);}
.gallery_cont .gallery_list > .list > li .box .txt_box {padding: 16rem 0 0;}
.gallery_cont .gallery_list > .list > li .box .txt_box .tit_area {}
.gallery_cont .gallery_list > .list > li .box .txt_box .tit_area .kay {font-weight: 300; font-size: 16rem; line-height: 24rem; color: #4894ea;}
.gallery_cont .gallery_list > .list > li .box .txt_box .tit_area .tit {height: 48rem; margin: 1rem 0 0; font-weight: 500; font-size: 16rem; line-height: 24rem; color: #333333; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.gallery_cont .gallery_list > .list > li .box .txt_box .txt_area {margin: 5rem 0 0;}
.gallery_cont .gallery_list > .list > li .box .txt_box .txt_area .txt {display: block; position: relative; padding: 0 0 0 94rem; font-weight: 400; font-size: 14rem; line-height: 21rem; color: #898989; word-break: keep-all;}

.gallery_cont .gallery_list > .list > li .box .txt_box .txt_area .txt .ft_c {display: inline-block; min-width: 77rem; position: absolute; top: 0; left: 0; padding: 0 0 0 24rem; font-weight: 700; color: #525252; }
.gallery_cont .gallery_list > .list > li .box .txt_box .txt_area .txt .ft_c::before {content: ''; display: inline-block; position: absolute; top: 50%; left: 3rem; width: 14rem; height: 16rem; background-image: url("/images/common/icon_date.png"); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; transform: translateY(-50%);}
.gallery_cont .gallery_list > .list > li .box .txt_box .txt_area .txt .ft_c::after {content: ''; display: inline-block; position: absolute; top: 50%; right: -10rem; width: 1rem; height: 16rem; background-color: #e0e0e0; transform: translateY(-50%); }
.gallery_cont .gallery_list > .list > li .box .txt_box .txt_area .txt.icon02 .ft_c::before {background-image: url('/images/common/reserve_icon4.png');}
.gallery_cont .gallery_list > .list > li .box .txt_box .txt_area .txt.icon03 .ft_c::before {background-image: url('/images/common/reserve_icon5.png');}


.gallery_cont .gallery_list > .list > li .box .txt_box .data_list {margin: 3rem 0 0;}
.gallery_cont .gallery_list > .list > li .box .txt_box .data_list > .list {font-size: 0;}
.gallery_cont .gallery_list > .list > li .box .txt_box .data_list > .list > li {display: inline-block; position: relative; width: calc(50% - 5rem); margin: 10rem 10rem 0 0; font-weight: 300; font-size: 14rem; line-height: 21rem; color: #a0a0a0;}
.gallery_cont .gallery_list > .list > li .box .txt_box .data_list > .list > li:after {display: block; content: ''; position:absolute; top: 50%; right: 0; width: 1rem; height: 11rem; margin: -6rem 0 0; background-color: #d5d5d5;}
.gallery_cont .gallery_list > .list > li .box .txt_box .data_list > .list > li:nth-child(2n) {margin: 0; padding: 0;}
.gallery_cont .gallery_list > .list > li .box .txt_box .data_list > .list > li:nth-child(2n):after {display: none;}
.gallery_cont .gallery_list > .list > li .box .txt_box .data_list > .list > li img {vertical-align: middle;}

.gallery_cont .gallery_list.event > .list > li .box .txt_box .txt_area .txt {padding: 0 0 0 74rem;}
.gallery_cont .gallery_list.event > .list > li .box .txt_box .txt_area .txt .ft_c {min-width: auto;}

/* 포토갤러리에 준비중입니다 문구 추가 */
.photo_board ul li .not {width: 100%;padding-top: 56.5%;position: relative;display: block;background: #333;}
.photo_board ul li .not span {color: #fff;text-align: center;font-size: 20rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;display: block;}
/* ==================== 갤러리 Style ==================== */

/* ==================== Table style ==================== */
.board_area {overflow: hidden; margin: 30px 0 0;}
.synthesis {display: inline-block; position: relative; font-weight: 400; font-size: 14px; line-height: 21px; color: #757575;}
.synthesis .num {color: #e62e8b;}
.board_area .synthesis .num {color: #e03321;}
.board_area .board_list {width: 100%; margin: 15px 0 0; border-top: 2px solid #5f6577; text-align: center; border-collapse: collapse; table-layout: fixed; box-sizing: border-box;}
.board_area .board_list thead {border-bottom: 1px solid #d5d5d5; background-color: #f7f7f7;}
.board_area .board_list thead tr {}
.board_area .board_list thead tr th {padding: 13px 10px; font-weight: 700; font-size: 16px; line-height: 22px; color: #212121;}
.board_area .board_list tbody {}
.board_area .board_list tbody tr {border-bottom: 1px solid #d5d5d5; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.board_area .board_list tbody tr td {position: relative; padding: 15px 5px; font-weight: 400; font-size: 16px; line-height: 24px; color: #424242; word-break: keep-all;}
.board_area .board_list tbody tr td .tc {text-align: center;}
.board_area .board_list tbody tr td.tit {padding: 0; text-align: left;}
.board_area .board_list tbody tr td.tit a {display: block; padding: 15px 5px;}
.board_area .board_list tbody tr td.tit a .text {display: inline-block; position: relative; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.board_area .board_list tbody tr td.tit .ft_c {display: block; font-weight: 500; color: #000000 !important; text-align: center;}
.board_area .board_list tbody tr td.tit a:hover .text, .board_area .board_list tbody tr td.tit a:focus .text {font-weight: 700; text-decoration: underline;}
.board_area .board_list tbody tr td.sub_tit a .text {display: inline-block; position: relative; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.board_area .board_list tbody tr td.sub_tit a:hover .text, .board_area .board_list tbody tr td.sub_tit a:focus .text {font-weight: 700; text-decoration: underline;}
.board_area .board_list tbody tr td .file {display: inline-block; width: 14px; height: 14px; background-image: url("/images/common/flie_icon.png"); background-position: 0 0; background-size: cover; background-repeat: no-repeat; vertical-align: middle;}
.board_area .board_list tbody tr td.ca .text{display: inline-block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.board_area .board_list tbody tr.red {background-color: #fcf0f0;}
.board_area .board_list tbody tr.red td {}
.board_area .board_list tbody tr.red td.num {font-weight: 500; color: #ec1a10;}
.board_area .board_list tbody tr.red td.tit {}
.board_area .board_list tbody tr.red td.date {}
.board_area .board_list tbody tr.red td.file {}
.board_area .board_list tbody tr td .blue {color: #3c84ef;}
.board_area .board_list tbody tr td .red {color: #fb1a1a;}

/* ==================== Table Style ==================== */

/* ==================== Pagination Style ==================== */
.pagination {margin: 50px 0 0; font-size:0; text-align: center;}
.pagination a {display: inline-block; width: 39px; height: 39px; margin: 0 0 3px; font-size: 15px; line-height: 39px; text-align: center; vertical-align: middle; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.pagination a:hover, .pagination a:focus, .pagination .active {background-color:#f5f5f5; border-radius: 50%;}
.pagination .page_arrow {position: relative;}
.pagination .page_arrow:before {display: block; content: ''; position: absolute; top: 50%; height: 12px; background-position: 0 0; background-size: cover; background-repeat: no-repeat;}
.pagination .page_arrow:hover, .pagination .page_arrow:focus {background-color: inherit;}
.pagination .page_arrow.l1 {margin: 0 20px 3px 0;}
.pagination .page_arrow.l1:before {left: 50%; width: 13px; margin: -6px 0 0 -6px; background-image: url("/images/common/page_l1.png");}
.pagination .page_arrow.l2 {}
.pagination .page_arrow.l2:before {left: 50%; width: 13px; margin: -6px 0 0 -6px; background-image: url("/images/common/page_l2.png");}
.pagination .page_arrow.r1 {margin: 0 0 3px 20px;}
.pagination .page_arrow.r1:before {left: 50%; width: 9px; margin: -6px 0 0 -6px; background-image: url("/images/common/page_r1.png");}
.pagination .page_arrow.r2 {}
.pagination .page_arrow.r2:before {left: 50%; width: 13px; margin: -6px 0 0 -6px; background-image: url("/images/common/page_r2.png");}
/* ==================== Pagination Style ==================== */

/* 공지사항 - 상세 (20231113 추가) */
/* ==================== 게시판 VIEW Style ==================== */
.board_view {border-bottom:1rem solid #d7d7d7;max-width: 1280rem;margin:0 auto}
.board_view .board_view_top {position:relative; border-top: 2rem solid #5f6577; padding:30rem 40rem; background-color: #f5f5f5; z-index:1; }
.board_view .board_view_top .view_tit {height: 96rem; padding: 0 275rem 0 0; font-weight: 800; font-size: 32rem; line-height: 48rem; color: #212121; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.board_view .board_view_con {padding:30rem 40rem; font-weight: 400; font-size: 18rem; line-height: 32rem; color: #424242;}
.board_view .board_view_con .box_cont {margin: 40rem 0 0;}
.board_view .board_view_con .box_cont:first-child {margin: 0;}
.board_view .board_view_con .box_cont .title {position: relative; padding: 0 0 0 45rem; font-weight: 500; font-size: 24rem; line-height: 36rem; color: #333333;}
.board_view .board_view_con .box_cont .title:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 36rem; height: 36rem; border-radius: 50%; color: #ffffff; text-align: center;}
.board_view .board_view_con .box_cont.q_box .title:before {content: 'Q'; background-color: #888888;}
.board_view .board_view_con .box_cont.a_box .title:before {content: 'A'; background-color: #4894ea;}
.board_view .board_view_con .box_cont .text_box {margin: 20rem 0 0; padding: 25rem 10rem 25rem 40rem; font-weight: 300; font-size: 15rem; line-height: 25rem; color: #333333; background-color: #f7f7f7; word-break: keep-all;}
.board_view .board_view_con .editor_view img {max-width: 100%;display: block;margin: 0 auto;}

.board_view .board_view_file {display:table; width:100%; border-collapse:collapse; border-top:1rem solid #e0e0e0; border-bottom:1rem solid #e0e0e0;}
.board_view .board_view_file .tit {display:table-cell; width:10%; padding:15rem 40rem; font-weight: 700; font-size: 16rem; color: #616161; background-color :#fff; vertical-align:middle;}
.board_view .board_view_file .file_box {display:table-cell; padding:15rem 20rem; vertical-align:middle;}
.board_view .board_view_file .file_each {margin: 0 0 10rem;}
.board_view .board_view_file .file_each:last-child {margin-bottom:0;}
.board_view .board_view_file .file_each a:hover, .board_view_file .file_each a:focus {text-decoration:underline;}
.board_view .board_view_file .file_each a {display: inline-block; position: relative; padding: 0 0 0 16rem; background-image: url("/images/common/attach_ico.png"); background-position: 0 3rem; background-repeat: no-repeat; font-weight: 400; font-size: 16rem; line-height: 22rem; color: #12a0b0; word-break: break-all;}
.board_view .board_view_file .file_each button {width: 78rem; height: 29rem; margin: 0 0 0 10rem; background-color: #373737;}
.board_view .board_view_file .file_each button:hover, .board_view_file .file_each button:focus {border: 1rem solid #373737; background-color: inherit;}
.board_view .board_view_file .file_each button .text {display: inline-block; font-weight: 300; font-size: 14rem; line-height: 27rem; color: #ffffff; box-sizing: border-box;}
.board_view .board_view_file .file_each button:hover .text, .board_view_file .file_each button:focus .text {color: #373737;}

.board_view .board_arr_view {margin: 60rem 0 0;}
.board_view .board_arr_box {display:table; width:100%; border-collapse:collapse; border-top:1rem solid #e0e0e0;}
.board_view .board_arr_box .tit {display:table-cell; width:10%; padding:15rem 40rem; font-weight: 700; font-size: 16rem; color: #616161; background-color :#fff; vertical-align:middle;}
.board_view .board_arr_box .arr_box {display:table-cell; padding:15rem 20rem; vertical-align:middle;}
.board_view .board_arr_box .arr_box .arr_each {margin: 0 0 10rem;}
.board_view .board_arr_box .arr_box .arr_each:last-child {margin-bottom:0;}
.board_view .board_arr_box .arr_box .arr_each a:hover, .board_view_file .file_each a:focus {text-decoration:underline;}
.board_view .board_arr_box .arr_box .arr_each a {display: inline-block; position: relative; padding: 0 0 0 24rem; background-position: 0 center; background-repeat: no-repeat; font-weight: 400; font-size: 16rem; line-height: 22rem; color: #424242; word-break: break-all;}
.board_view .board_arr_box .arr_box.prev .arr_each a {background-image: url("/images/common/view_prev.png");}
.board_view .board_arr_box .arr_box.next .arr_each a {background-image: url("/images/common/view_next.png");}

.board_view .board_view_top .tit {display:block; margin: 0 0 20px; font-size: 26px; line-height: 39px; color: #333333;}
.board_view .board_view_top .tit .mark {margin: 0 5px 0 0; vertical-align:top;}
.board_view .board_view_top .tit .mark:last-child {margin: 0;}
.board_view .board_view_top .tit .ft_c01 {color: #4894ea;}
.board_view .board_view_top .info {margin: 20px 0 0; color:#616161; font-size:0;}
.board_view .board_view_top .info .each {display:inline-block; margin: 0 0 0 40px; font-weight: 400; font-size:16px; color: #616161; line-height: 26px;}
.board_view .board_view_top .info .each:first-child {margin: 0;}
.board_view .board_view_top .info .each .ft_color {font-weight: 700;}
.board_view .board_view_top .info .each .ft_color:after {content:""; display:inline-block; margin-top:-2px; margin:0 11px; width: 1px; height: 15px; background-color: #e0e0e0; vertical-align:middle;}
.board_view .board_view_top .info .each:last-child:after {display:none;}

/*  (20231113 추가 끝) */
/* ==================== 포토갤러리 ==================== */
.photo_board {}
.photo_board ul {display: flex;flex-wrap: wrap;}
.photo_board ul li {width: 30.33%;margin-bottom: 70rem;margin-right: 4.5%;}
.photo_board ul li button {width: 100%;}
.photo_board ul li:nth-child(3n) {margin-right: 0;}
.photo_board ul li img {width: 100%;height: auto;}
.photo_board ul li p {font-size: 22rem;line-height: 30rem;font-weight: 500;margin-top: 15rem;}

/* 포토갤러리 팝업 */
.photo_pop {position: fixed;background: rgba(0,0,0,0.4);top: 0;width: 100%;height: 100%;z-index: 10;display: none;}
.photo_pop .photo_pop_in {max-width: 900rem;width: 90%;max-height: 90vh;overflow-y: auto;background-color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.photo_pop .photo_pop_top {width: 100%;height: 70rem;display: flex;padding: 0 28rem;justify-content: space-between;background-color: var(--point-color-blue);box-sizing: border-box;align-items: center;}
.photo_pop .photo_pop_top span {font-size: 18rem;color: #FFFFFF;font-weight: 500;}
.photo_pop .photo_pop_top .pop_close {}

.photo_pop .photo_pop_cont {padding: 40rem;font-size: 22rem;color: #111111;margin-bottom: 20rem;text-align: center;}
.photo_pop .photo_pop_cont .photo_pop_cont_ttl {display: inline-block;font-size: 22rem;margin-bottom: 20rem;}
.photo_pop .photo_pop_cont .cont_lst {margin-bottom: 35rem;}
.photo_pop .photo_pop_cont .cont_lst li {line-height: 1.5;}
.photo_pop .photo_pop_cont .cont_lst li b {font-size: 18rem;color: #111111;font-weight: 500;}
.photo_pop .photo_pop_cont .cont_lst li span {font-size: 18rem;color: #111111;font-weight: 500;}
.photo_pop .photo_pop_cont img {width: 100%;max-width: 720rem;height: auto;}

/* ==================== 포토갤러리 ==================== */



@media screen and (max-width:1080px){
    /* ==================== 공통 ==================== */

	/* Input, select, br */
	input {height: 40rem; font-size: 14rem; line-height: 40rem;}

	select {height: 40rem; font-size: 14rem; line-height: 40rem;}
	/* Input, select */
	
	/* radio */
	.radio_area label .text {font-size: 14rem; line-height: 21rem;}
	/* radio */

	/* Button stlye */
	.btn_area {margin: 45rem 0 0;}
	.btn_area.top_line {margin: 20rem 0 0; padding: 25rem 0 0;}
	.btn_area .btn {margin: 0 0 0 5rem; padding: 0 30rem; font-size: 18rem; line-height: 38rem;}
	/* Button stlye */

	/* ==================== 공통 ==================== */

    /* ==================== 공통 테이블 view ==================== */
	.com_table_cont > .table_box {margin: 20rem 0 0;}
    .com_table_cont > .table_box > .title_area .title_box > .title {font-size: 18rem; line-height: 27rem;}
	.com_table_cont > .table_box > .title_area > .fr > .text {font-size: 14rem; line-height: 21rem;}
	.com_table_cont > .table_box > .title_area > .fr > .btn_box > .btn {height: 27rem; padding: 0 10rem; font-size: 14rem; line-height: 27rem;}

    .com_table_cont .table_box .board_write {display: block; margin: 10rem 0 0;}
    .com_table_cont .table_box .board_write tbody {display: block;}
    .com_table_cont .table_box .board_write tbody tr {display: block; overflow: hidden; border: none;}
    .com_table_cont .table_box .board_write tbody tr th {display: block; float: left; width: 100%; padding: 10rem; font-size: 14rem; line-height: 21rem; box-sizing: border-box;}
    .com_table_cont .table_box .board_write tbody tr td {display: block; float: left; width: 100%; padding: 10rem; font-size: 14rem; box-sizing: border-box;}

	.com_table_cont .table_box .board_write.sty2 tbody tr th {padding: 10rem;}
	.com_table_cont .table_box .board_write.sty2 tbody tr td {padding: 10rem;}

	.com_table_cont .table_box .board_write tbody tr td textarea {padding: 10rem; font-size: 14rem; line-height: 21rem;}

	/* ==================== 공통 테이블 view ==================== */

    /* ==================== 기본 검색영역 ==================== */
	.sub_sch_box {margin: 0 0 15rem; padding: 10rem;}
	.sub_sch_box .row {display:block; width: 100%; margin-bottom:0;}
	.sub_sch_box .row label {display:block; width:100%; margin: 0 0 5rem; font-size: 14rem; line-height: 30rem; text-align: left;}
	.sub_cont .sub_sch_box .row .slt_box select {height: 40rem; padding: 0 20rem 0 10rem; background-repeat: no-repeat; font-weight: 400; font-size: 15rem; line-height: 40rem;}
	.sub_sch_box .row .slt_box {display:block; width:100%; margin-bottom:10rem; padding-right:0;}
	.sub_sch_box .row .slt_box select {font-size: 14rem;}
	.sub_sch_box .row .input_box {display:block; width:100% !important; margin-bottom:10rem; padding-right:0;}
	.sub_sch_box .row .input_box input {font-size: 14rem;width: 100%;}
	.sub_sch_box .st_sch_btn {position: inherit; bottom: inherit; right: inherit; width:100%; height:40rem; margin: 10rem 0 0;}
    .sub_sch_box .st_sch_btn .ico {font-size: 14rem; line-height: 40rem;}

	.sub_sch_box.sty2 .row .btn_list li {width: calc(33.3333% - 5.3333rem); margin: 8rem 8rem 0 0; }
	.sub_sch_box.sty2 .row .btn_list li:nth-child(-n + 3) {margin: 0 8rem 0 0;}
	.sub_sch_box.sty2 .row .btn_list li:last-child {margin: 0;}
	.sub_sch_box.sty2 .row .btn_list li:nth-child(3) {margin: 0;}
	.sub_sch_box.sty2 .row .btn_list li button {font-size: 15rem; line-height: 40rem;}
	.sub_sch_box.sty2 .row .btn_list li button:hover, .sub_cont .sub_sch_box.sty2 .row .btn_list li button:focus {line-height: 40rem;}
	.sub_sch_box.sty2 .row .btn_list li.on button {border: none; background-color: #12a0b0; line-height: 40rem;}
	.sub_sch_box.sty2 .row .data_box {width: 100%; max-width: 477rem; font-size: 0;}
	.sub_sch_box.sty2 .row .data_box .date_input {display: inline-block; width: calc(50% - 16.3rem); height: 45rem; border: 1rem solid #c6cbcf; padding: 0 40rem 0 10rem; background-image: url("/images/user/basic/cal_ico.png"); background-position: right 11rem center; background-repeat: no-repeat; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16rem; line-height: 24rem; color: #242424; text-align: left;}
	.sub_sch_box.sty2 .row .data_box .text {display: inline-block; padding: 0 12rem; font-weight: 400; font-size: 15rem; line-height: 48rem; color: #333333; vertical-align: top;}
    /* ==================== 기본 검색영역 ==================== */

	/* ==================== 기본 검색영역 - 상세검색이 있을 경우 / details_sch ==================== */
	.sub_sch_box.details_sch .sch_box .box:last-child {padding: 10rem;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data {display: block;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data.chk_list_area .chk_list {display: block;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data.chk_list_area .chk_list .list {display: none;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data.chk_list_area .chk_list .list li {display: inline-block; width: calc(25% - 3.75rem); margin: 5rem 5rem 0 0;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data.chk_list_area .chk_list .list li:nth-child(-n+5) {margin: inherit;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data.chk_list_area .chk_list .list li:nth-child(5n) {margin: 5rem 5rem 0 0;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data.chk_list_area .chk_list .list li:nth-child(5) {margin: 5rem 5rem 0 0;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data.chk_list_area .chk_list .list li:nth-child(-n+4) {margin: 0 5rem 0 0;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data.chk_list_area .chk_list .list li:nth-child(4n) {margin: 5rem 0 0;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data.chk_list_area .chk_list .list li:nth-child(4) {margin: 0;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data.chk_list_area .chk_list .sch_slt_box {display: block;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data.chk_list_area2 .chk_list2 {display: block;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data.chk_list_area2 .chk_list2 .list li .chk_area label .text {font-size: 14rem; line-height: 21rem;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data .tit_box {display: block; width: 100%; height: 30rem; margin: 0 0 5rem; text-align: left; -webkit-line-clamp: 1;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data .tit_box .tit {font-size: 14rem; line-height: 30rem;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data .tit_box .tit br {display: none;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data.slt_area .slt_box {display: block;}

	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data.period_area .period_box {display: block;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data.period_area .period_box .date_inp {font-size: 14rem; line-height: 21rem;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data.radio_list_area .radio_list .list li .radio_area label .text {font-size: 14rem; line-height: 21rem;}
	
	/* 통합검색 - 검색기 (초기화 있을 경우)*/
	.sub_sch_box.details_sch.sty2 .sch_box .box {padding: 10rem;}
	.sub_sch_box.details_sch.sty2 .sch_box .box .btn_com {position: inherit; top: inherit; right: inherit; width: 100%;}
	.sub_sch_box.details_sch.sty2 .sch_box .box .btn_com .st_sch_btn {margin: 0;}
	.sub_sch_box.details_sch.sty2 .sch_box .box .btn_com .reset_btn {margin: 4rem 0 0; width: 100%; height: 40rem; line-height: 40rem;}

    /* ==================== 갤러리 Style ==================== */
	.gallery_cont {margin: 0;}
	.gallery_cont .gallery_list {margin: 15rem 0 0; padding: 15rem 0 0;}
	.gallery_cont .gallery_list > .list > li {width: calc(33.3333% - 13.3333rem); margin: 0 20rem 20rem 0;}
	.gallery_cont .gallery_list > .list > li:nth-last-child(-n+4) {margin: 0 20rem 20rem 0;}
	.gallery_cont .gallery_list > .list > li:nth-child(4n) {margin: 0 20rem 20rem 0;}
	.gallery_cont .gallery_list > .list > li:nth-last-child(-n+3) {margin: 0 20rem 0 0;}
	.gallery_cont .gallery_list > .list > li:nth-child(3n) {margin: 0 0 20rem 0;}
	.gallery_cont .gallery_list > .list > li .box .txt_box {padding: 10rem 0 0;}
	.gallery_cont .gallery_list > .list > li .box .txt_box .tit_area .kay {font-size: 14rem; line-height: 21rem;}
	.gallery_cont .gallery_list > .list > li .box .txt_box .tit_area .tit {height: 42rem; margin: 0; font-size: 14rem; line-height: 21rem;}
	.gallery_cont .gallery_list > .list > li .box .date_list li .date_txt {padding: 0 6rem; line-height: 24rem;}
	/* ==================== 갤러리 Style ==================== */

    /* ==================== Table style ==================== */
    .board_area {margin: 20px 0 0;}
    .board_area .board_list {margin: 10px 0 0;}
    .board_area .board_list thead {display: none;}
	.board_area .board_list, .board_area .board_list tbody, .board_area .board_list tr, .board_area .board_list td {display: block;}
	.board_area .board_list tbody tr {position:relative; z-index:1; overflow:hidden; padding:10px 5px;}
	.board_area .board_list tbody tr td {float: left; width: 100%; border:none; padding:4px 0; font-size: 14px; color:#777; text-align:left;}
	.board_area .board_list tbody tr td:before {display: inline-block; content: attr(data-th) ": ";	 width: auto; margin: 0 5px 0 0; color: #333333;}
	.board_area .board_list tbody tr td.tit:before, .board_area .board_list tbody tr td.title:before {display: none;}
	.board_area .board_list tbody tr td.data_non:before {display: none;}
	.board_area .board_list tbody tr td .tc {text-align: left;}
	.board_area .board_list tbody tr td.tit .ft_c {text-align: left;}
    .board_area .board_list tbody tr td.tit {font-size: 14px; line-height: 21px;}
    .board_area .board_list tbody tr td.tit a {padding: 0;}
    .board_area .board_list tbody tr td.tit a .text {padding: 0;}
	.board_area .board_list tbody tr td br {display: none;}
	.board_area .board_list tbody tr td.list {display: inline-block; width: 50%;}
	.board_area .board_list tbody tr td.tit.secret a:after {top: 0;}
	.board_area .board_list tbody tr td .state {width: 60px; font-size: 12px; line-height: 24px; text-align: center;}
	.board_area .board_list tbody tr td.chk:before {display: none;}

    /* ==================== Table style ==================== */

    /* ==================== Pagination Style ==================== */
	.pagination {margin: 15px 0 0;}
	.pagination a {width: 19px; height: 19px; font-size:12px; line-height: 19px;}
	.pagination .page_arrow {font-size:15px;}
	.pagination .page_arrow.l1 {margin: 0 8px 3px 0;}
	.pagination .page_arrow.r1 {margin: 0 0 3px 8px;}
	.pagination.skin2 a {line-height:20px;}
    .pagination .page_arrow.l2 {margin: 0 8px 3px 0;}
    .pagination .page_arrow.r2 {margin: 0 0 3px 8px;}
    /* ==================== Pagination Style ==================== */


}

@media screen and (max-width:767px){
	/* Input, select */
	input {padding: 0 5px;}
	input::placeholder {font-size: 13px;}
	/* Input, select */

	/* Button stlye */
	.btn_area {margin: 30px 0 0;}
	.btn_area.top_line {margin: 15px 0 0; padding: 15px 0 0;}
	.btn_area .btn {padding: 0 10px; font-size: 14px; line-height: 30px;}
	/* Button stlye */
	/* 공통테이블 */
	.com_table_cont > .table_box {margin: 15px 0 0;}
	.com_table_cont > .table_box > .title_area .title_box > .title {font-size: 16px; line-height: 24px;}
	.com_table_cont .table_box .board_write {margin: 7px 0 0;}
	.com_table_cont .table_box .board_write tbody tr th {padding: 7px;}
	.com_table_cont .table_box .board_write tbody tr td {padding: 7px;}


	/* 공통테이블 */

     /* ==================== 기본 검색영역 - 상세검색이 있을 경우 / details_sch ==================== */
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data.chk_list_area .chk_list .list li {display: none; width: 100%; margin: 0;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data.chk_list_area .chk_list .list li.m_slt {display: block;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data.slt_area .slt_box select {max-width: 100%;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data.period_area .period_box .date_inp {width: calc(50% - 15px); max-width: inherit;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data.period_area .period_box.sty2 .date_inp {width: 100%;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data.radio_list_area .radio_list .list li {/* width: 50%; */ margin: 0 0 10px;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data.chk_list_area2 .chk_list2 .list li {/* width: 50%; */ margin: 0 0 10px;}
	/* ==================== 기본 검색영역 - 상세검색이 있을 경우 / details_sch ==================== */

	/* 통합검색 검색기 */
	.sub_sch_box.details_sch.sty2 .sch_box .box:nth-child(2) {padding: 10px;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data.radio_list_area .radio_list {display: block;}
	.sub_sch_box.details_sch .sch_box .box .com_data_box .com_data.chk_list_area2 .chk_list2 {display: block;}
	/* 통합검색 검색기 */
	.board_view .board_view_top .view_tit {height: 60px; padding: 0; font-size: 19px; line-height: 30px; }


	/* 체크박스 */
	/* .chk_list .list {font-size: 0;}
	.chk_list .list li {width: 50%; margin: 5px 0 0;}
	.chk_list .list li:nth-child(-n+2) {margin: 0;}
	.chk_list .list li:last-child {margin: 5px 0 0;} */

	.step_box {display: none;}

	/* ==================== 갤러리 Style ==================== */    
	.gallery_cont .gallery_list > .list > li {width: calc(50% - 5px); margin: 0 10px 10px 0;}
	.gallery_cont .gallery_list > .list > li:nth-last-child(-n+4) {margin: 0 10px 10px 0;}
	.gallery_cont .gallery_list > .list > li:nth-child(4n) {margin: 0 10px 10px 0;}
	.gallery_cont .gallery_list > .list > li:nth-last-child(-n+3) {margin: 0 10px 10px 0;}
	.gallery_cont .gallery_list > .list > li:nth-child(3n) {margin: 0 10px 10px 0;}
	.gallery_cont .gallery_list > .list > li:nth-last-child(-n+2) {margin: 0 10px 0 0;}
	.gallery_cont .gallery_list > .list > li:nth-child(2n) {margin: 0 0 20px 0;}
	.gallery_cont .gallery_list > .list > li .box .txt_box .txt_area .txt {font-size: 12px; line-height: 18px;}
	.gallery_cont .gallery_list > .list > li .box .txt_box .data_list > .list > li {margin: 0 6px 0 0; padding: 0 6px 0 0; font-size: 12px; line-height: 18px;}
	.gallery_cont .gallery_list > .list > li .box .txt_box .data_list > .list > li img {padding: 1px 0;}
	/* ==================== 갤러리 Style ==================== */

    
 

    /* ==================== 포토갤러리 ==================== */
    .photo_board ul li {width: 48%;margin-bottom: 30rem;margin-right: 4%;}
    .photo_board ul li:nth-child(3n) {margin-right: 4%;}
    .photo_board ul li:nth-child(2n) {margin-right: 0;}
    .photo_board ul li img {width: 100%;height: auto;}
    .photo_board ul li p {font-size: 18rem;line-height: 30rem;font-weight: 500;margin-top: 10rem;}

    /* 포토갤러리 팝업 */
    .photo_pop .photo_pop_top {height: 50rem;padding: 0 20rem;}
    .photo_pop .photo_pop_top .pop_close img {width: 20rem;}
    .photo_pop .photo_pop_cont {padding: 25rem 20rem 20rem 20rem;}
    .photo_pop .photo_pop_cont .photo_pop_cont_ttl {font-size: 20rem;}
    .photo_pop .photo_pop_cont .cont_lst li {line-height: 1.3;}
    .photo_pop .photo_pop_cont .cont_lst li b {font-size: 16rem;}
    .photo_pop .photo_pop_cont .cont_lst li span {font-size: 16rem;}   
    /* ==================== 포토갤러리 ==================== */

}

@media screen and (max-width:480px){
	
	/* Input, select, br */

	select {max-width: 100%;}

	.chk_area {padding: 0 0 0 20px;}
	

	/* 공통 테이블*/
	.com_table_cont > .table_box > .title_box > .text {margin: 0 0 5px 0;}


	.board_view .board_view_top .view_tit {height: 54px; font-size: 17px; line-height: 27px; }


	/* ==================== 갤러리 Style ==================== */
	.gallery_cont .gallery_list > .list > li {width: 100%; margin: 0 0 10px 0 !important;}
	.gallery_cont .gallery_list > .list > li:nth-child(-n+4), .gallery_cont .gallery_list > .list > li:nth-child(-n+3), .gallery_cont .gallery_list > .list > li:nth-child(-n+2) {margin: 0 0 20px 0 !important;}
	.gallery_cont .gallery_list > .list > li:nth-child(4n), .gallery_cont .gallery_list > .list > li:nth-child(3n), .gallery_cont .gallery_list > .list > li:nth-child(2n) {margin: 0 0 20px 0 !important;}
	.gallery_cont .gallery_list > .list > li:nth-child(4), .gallery_cont .gallery_list > .list > li:nth-child(3), .gallery_cont .gallery_list > .list > li:nth-child(2) {margin: 0 0 20px 0 !important;}
	/* ==================== 갤러리 Style ==================== */

        /* ==================== 포토갤러리 ==================== */
        .photo_board {}
        .photo_board ul {display: flex;flex-wrap: wrap;}
        .photo_board ul li {width: 100%;margin-bottom: 20rem;margin-right: 0;}
        .photo_board ul li:nth-child(3n) {margin-right: 0;}
        .photo_board ul li:nth-child(2n) {margin-right: 0;}
        .photo_board ul li img {width: 100%;height: auto;}
        .photo_board ul li p {font-size: 22rem;line-height: 30rem;font-weight: 500;margin-top: 15rem;}

        /* ==================== 포토갤러리 ==================== */
}