@charset "utf-8";

/* empty */
.empty {width: 100%; padding: 50px 0 80px!important; text-align: center;}
.empty span {color: #888; font-size: 1rem; display: block; padding-top: 130px; background: url(/resources/images/contents/stickies-fill.svg) center no-repeat; width: 100%;}
.gallery_list li.empty {border-top: 1px solid #443816; border-bottom: 1px solid #dedede; width: 100%!important;}

/* search box */
.search_box {display: flex; justify-content:flex-end;}
.search_box .search_box_wrap {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; max-width: 675px;}
.search_box .search_box_wrap .select {position: relative; background: #fff; cursor: pointer;}
.search_box .search_box_wrap .select select {height: 100%; width: auto; font-size: .9375rem; padding: 15px 40px 15px 20px; cursor: pointer; transition: all 0.3s; border: 1px solid #dedede; color: #888; background: transparent; z-index: 1; position: relative;}
.search_box .search_box_wrap .select select:focus {border: 1px solid #443816; color: #555;}
.search_box .search_box_wrap .select::after{content: ""; width: 16px; height: 16px; position: absolute; right: 20px;  top: 50%; transform: translateY(-50%);background: url(/resources/images/layout/ico_select.png) center no-repeat; background-size: 11px; cursor: pointer; z-index: 0;}
.search_box .search_box_wrap input {padding: 15px 20px; background: #fff; border: 1px solid #dedede; font-size: .9375rem; color: #888;}
.search_box .search_box_wrap input::placeholder {color: #888;}
.search_box .search_box_wrap input:focus {border: 1px solid #443816; color: #555;}
.search_box .search_box_wrap .search_input {margin: 0 10px;}
.search_box .search_box_wrap .search_input input {min-width: 300px; width: 100%;}
.search_box .search_box_wrap .search_date {margin: 0 20px;}
.search_box .search_box_wrap .search_date .search_date_wrap {display: flex; align-items: center;}
.search_box .search_box_wrap .search_date .search_date_wrap input {max-width: 190px;}
.search_box .search_box_wrap .search_date .search_date_wrap span {margin: 0 10px; display: inline-block; color: #888;}
.search_box .search_box_wrap .btn_search {min-width: 90px;height: 50px;background: #333 url(/resources/images/layout/ico_search_w.svg) 80% no-repeat;transition: .3s;font-size: 1rem;display: block;color: #fff;padding: 15px 20px;}
.book_search {width: 100%; margin-bottom: 50px;}
.book_search .search_box {width: 100%; margin-bottom: 0; justify-content: flex-start; padding: 40px 20px;}
.book_search .search_box  .search_box_wrap {width: 100%; max-width: inherit;}
.book_search .search_box  .search_box_wrap .book_search_list {width: 100%;}
.book_search .search_box  .search_box_wrap .book_search_list li {display: flex; align-items: center; padding: 10px 40px;}
.book_search .search_box  .search_box_wrap .book_search_list li strong {display: inline-block; min-width: 100px;}
.book_search .search_box  .search_box_wrap .book_search_list li .select {margin: 0 20px;}
.book_search .search_box  .search_box_wrap .book_search_list li input {max-width: 300px; width: 100%;}

/* board list */
.bd_count {font-size: .9375rem; color: #555; margin-bottom: 10px; letter-spacing: .05rem;}
.bd_count span {font-weight: 700; color: #cf0d61;}
.bd_list {width: 100%; border-top: 1px solid #443816; border-bottom: 1px solid #dedede;}
.bd_list > li {display: flex; align-items: center; padding: 25px 35px; width: 100%;}
.bd_list > li.nlist {background: #e5f1fb42;}
.bd_list > li + li {border-top: 1px solid #dedede;}
.bd_list > li .num_wrap {min-width: 50px;margin-right: 20px;text-align: left;}
.bd_list > li .num_wrap span {font-size: 1rem; color:#666;}
.bd_list > li.nlist .num_wrap span {font-size: 1.5rem; color:#1473e7;}
.bd_list > li .tit_wrap {width: calc(100% - 100px); display: flex; flex-wrap: wrap; align-items: center;}
.bd_list > li .tit_wrap .tit {position: relative; display: flex; align-items: center;}
.bd_list > li .tit_wrap .tit a {font-size: 1.1rem; font-weight: 700; transition: .3s; position: relative; height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.bd_list > li .tit_wrap .tit a::after {content: ""; width: 0; height: 1px; background: #555; position: absolute; left: 0; bottom: 0; transition: .3s;}
.bd_list > li .tit_wrap .tit a:hover::after {width: 100%; transition: .3s;}
.bd_list > li .tit_wrap .tit img {margin-left:5px; min-width: 16px;}
.bd_list > li .tit_wrap .etc {display: flex; align-items: center; width: 100%; margin-top: 15px;}
.bd_list > li .tit_wrap .etc li {font-size:.9rem; color: #555; padding-left: 15px;}
.bd_list > li .tit_wrap .etc li.date {background: url(/resources/images/layout/ico_calendar.svg) left center no-repeat;}
.bd_list > li .tit_wrap .etc li.name {background: url(/resources/images/layout/ico_user.svg) left center no-repeat;}
.bd_list > li .tit_wrap .etc li.count {background: url(/resources/images/layout/ico_eye.svg) left center no-repeat;}
.bd_list > li .tit_wrap .etc li + li {margin-left: 20px; position: relative;}
.bd_list > li .tit_wrap .etc li + li::before {content: ""; width: 1px; height:10px; background: #888; position: absolute; left: -10px; top: 50%; transform: translateY(-50%);}
.bd_list > li .file_wrap {text-align: center; margin-left:1rem;}
.bd_list > li .file_wrap img {width: 36px; padding: 10px; border-radius: 50%; background: #f4f4f4;}
.bd_list > li .re_wrap .re_txt {font-size: .75rem; color: #fff; background: #15875f; padding: 4px 8px; border-radius: 4px; display: inline-block; margin-left: 10px;}

.bd_list > li.nlist .file_wrap img {background:#e7f2f8;}

/* board table */
.tbl_wrap .tbl.board_tbl tr th {background: none; border-right: none;}
.tbl_wrap .tbl.board_tbl tr td {border-right: none; padding: 22px 10px;}
.tbl_wrap .tbl.board_tbl tr td.left {text-align: left;}


/* gallery list */
.gallery_list {display: flex; flex-wrap: wrap; width: 100%; gap: 60px 30px;}
.gallery_list > li {width: calc(100% / 3 - 20px); transition: .3s;}
.gallery_list > li:hover a span.tit {text-decoration: underline; text-underline-position: under;}
.gallery_list > li a {display: block; width: 100%; height: 100%;}
.gallery_list > li a span {display: block;}
span.img {display: block; position: relative; overflow: hidden; border: 1px solid #e6e6e6; }
span.img.square01 {padding-top: calc(75% - 2px);/*400:300*/}
span.img.square02 {padding-top: calc(100% - 2px);/*400:400*/}
span.img.square03 {padding-top: calc(125% - 2px);/*400:500*/}
span.img img {width: 100%; height: 100%; object-fit: cover;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1);  transition: .3s;}
.gallery_list > li:hover a span.img img {transform: translate(-50%, -50%) scale(1.05); transition: .3s;}
.gallery_list > li a span.img span.receipt {position: absolute; right: 10px; top: 10px; z-index: 2;  margin-top: 0; margin-right: 0; width: 65px; height: 65px; font-size: .875rem; display: flex!important; align-items: center; justify-content: center; border-radius: 3px;}
.gallery_list > li a span.img span.receipt.st01 {background: linear-gradient(90deg, rgba(0,102,177,1) 0%, rgba(113,191,69,1) 100%); color: #fff; box-shadow: -3px 3px 10px rgb(45 137 135);}
.gallery_list > li a span.img span.receipt.st02 {background: #555; color: #fff; box-shadow: -4px 4px 20px rgba(0,0,0,.4);}
.gallery_list > li a span.img span.receipt.st03 {background: #dd4948;color: #fff;box-shadow: -4px 4px 20px #dd4948;}
.gallery_list > li a span.img span.receipt.st04 {background: #134aa9; box-shadow: -4px 4px 20px #134aa9; color:#fff;}
.gallery_list > li a h3.tit {max-width:100%; font-size: 1.125rem; line-height: 1.5; font-weight: 700; color: #333; margin: 20px 0px; border-bottom:1px solid #ddd; padding-bottom:20px; transition: .3s; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;  white-space: nowrap;}
.gallery_list > li:hover h3.tit {border-bottom:1px solid #333;}

.gallery_list > li a span.img .play {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); background: #fff; width:80px; height:80px; border-radius: 100%; z-index: 9;}
.gallery_list > li a span.img .play i {position:absolute; top:50%; left:50%;transform: translate(-50%,-50%); font-size:2rem; color:#1d52b2;}
.gallery_list > li a ul.cate {display: flex; flex-wrap: wrap; gap: 5px; margin: 20px 0 -10px;}
.gallery_list > li a ul.info {display: flex; justify-content: space-between;}
.gallery_list > li a ul.info li {display: flex; font-size: .9375rem; color: #555;}
.gallery_list > li a ul.info li span {color:#ccc; transition: .5s;}
.gallery_list > li a ul.info li strong {display: inline-block; min-width: 65px;}
.gallery_list > li a ul.info li strong.date{display: inline-block; padding-left: 20px; min-width: inherit; background: url(/resources/images/layout/ico_calendar.svg) left center no-repeat; background-size: 16px; transition: .5s; opacity: .5;}
.gallery_list > li a ul.info li:last-child{display: block; color:#ccc; font-weight: bolder; transition: .5s;}
.gallery_list > li a ul.info li:last-child span {position: relative; display: inline-block; width:16px; height:16px; background: #ccc; border-radius: 100%; margin-left:8px; vertical-align:-1px; transition: .5s;}
.gallery_list > li a ul.info li:last-child span:before {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-family: Bootstrap-icons; content: "\F4FE"; color:#fff;}
.gallery_list > li:hover ul.info li:last-child {color:#333; }
.gallery_list > li:hover ul.info li strong.date {opacity: 1;}
.gallery_list > li:hover ul.info li span {color:#666;}
.gallery_list > li:hover ul.info li:last-child span {background: #00a3ff; }

span.category {display: inline-block!important; padding: 2px 6px;  font-size: .8125rem;}
span.category.st01 {background: linear-gradient(90deg, rgba(0,102,177,1) 0%, rgba(113,191,69,1) 100%); color: #fff;}
span.category.st02 { background: #555; color: #fff;}
span.category.st03 { background: #dd4948; color: #fff;}


/* gallery list - 보조기기 검색 */
.gallery_list > li a ul.date li strong,.gallery_list > li a ul.date li span {display: inline-block;}
.gallery_list > li a ul.date li strong {color:#666;}
.gallery_list > li a ul.date li strong:after {content: ""; display: inline-block; width:1px; height:13px; background: #ccc; margin-left:15px; vertical-align: -1px;}
.gallery_list > li a ul.date li strong i {font-size:.9rem; margin-right:3px; }
.gallery_list > li a ul.date li span {position:relative; margin-left:10px; color:#1d52b2; font-weight: 500;}
.gallery_list > li a ul.date li span:before {content: ""; position:absolute; bottom:0; left:0; display: inline-block; width:0; height:1px; background:#1d52b2; bottom:0; transition: ease-in-out .2s;}
.gallery_list > li:hover ul.date li span:before {width:100%;}

.search_con {position:relative; background: #134aa9; padding:50px; margin-bottom:40px; overflow: hidden;}
.search_con:before {content: ""; display: block; position: absolute; top:40%; right:-20%; width:500px; height:500px; background: url("/resources/images/main/bg01.png")no-repeat; background-size: cover; opacity: .1;}
.search_con .tit_wrap {color:#fff;margin-bottom: 40px;border-bottom: 1px solid rgba(255,255,255,.2);padding-bottom: 20px;}
.search_con .tit_wrap span {display:block; margin-bottom:10px; color:#00baff;}
.search_con .tit_wrap h1:after {content: ""; display: inline-block; width: 40px; height:44px; margin-left:20px; background: url("/resources/images/main/img_mouse.png")no-repeat; background-size: cover; vertical-align:middle;}
.search_con .search_wrap {position:relative; justify-content: space-between; flex-wrap: wrap; z-index: 9;}
.search_con .search_wrap .date {width:calc(100%/2 - .5rem); height:65px; background: #fff; border-radius:10px; overflow: hidden;}
.search_con .search_wrap label { color:#fff; font-size:1.1rem; cursor: pointer; margin:0;}
.search_con .search_wrap label span {position:relative; display: inline-block; color:#fff;}
.search_con .search_wrap label span:before {content: ""; position: absolute; bottom:-8px; left:0; display: block; width:0; height:1px; background: #fff;  transition: ease-in-out .3s;}
.search_con .search_wrap label span:hover:before {width:100%;}
.search_con .search_wrap label input {display:inline-block; width:20px; height:20px; background: #fff; padding:0; color:#333; border-radius: 3px;  vertical-align: -3px; margin-right:8px;}
.search_con .search_wrap label input:before {width:10px; height:10px;}
.search_con .search_wrap label input:checked:before {transform: scale(1) translate(5px, 5px);}
.search_con .search_wrap input {display: block; width:100%; height:100%; border: 0; font-size:1rem; padding: 15px 20px; font-weight: 600;}
.search_con .search_wrap .search_input {position:relative; justify-content: space-between; width:75%; border-radius: 10px; background: #fff;  overflow: hidden;}
.search_con .search_wrap .search_input input {max-width: initial; height:65px;}
.search_con .search_wrap .search_input input:focus {border:0;}
.search_con .search_wrap .search_input a {position:relative; display: inline-block; width:100px; background:#22afff; transition: ease-in-out .3s; opacity: .8;}
.search_con .search_wrap .search_input a i {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); color:#fff; font-size:1.3rem;}
.search_con .search_wrap .search_input a:hover {opacity: 1; transition: .3s;}
.category {margin-bottom:50px; padding-top:40px; border-top:1px solid #eee;}
.category .quick_menu {position: relative; z-index: 9; border-top:1px solid rgba(255,255,255,.5);}
.category .quick_menu ul {display: flex; flex-wrap: wrap; gap:.5rem; flex-wrap: wrap;}
.category .quick_menu ul li {width:calc(100%/5 - .5rem);}
.category .quick_menu ul li a {display: block; text-align: center; background: #f3f5f9; color:#333; padding:15px 0; border-radius: 5px;}
.category .quick_menu ul li.active a,.category .quick_menu ul li:hover a {color:#fff; background: #407de7; transition: .3s;}


/* archive list */
.archive_list {width: 100%; display: flex; flex-wrap: wrap; gap: 60px 30px;}
.archive_list > li {width: calc(100% / 2 - 20px); border-top: 1px solid #443816; border-bottom: 1px solid #dedede;}
.archive_list > li > a {display: flex; flex-wrap: wrap; align-items: center; padding: 20px 0;}
.archive_list > li .left {width: 42%;}
.archive_list > li .left .img {padding-top: 150%;}
.archive_list > li .right {width: 58%; padding-left: 40px;}
.archive_list > li .right h3.tit {font-size: 1.25rem; font-weight: 700; color: #333; transition: .3s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 22px; width: 100%;}
.archive_list > li .right ul.info {margin: 20px 0 30px;}
.archive_list > li .right ul.info li {font-size: .9375rem; color: #555; margin-top: 7px;}
.archive_list > li .right ul.info li strong {display: inline-block; min-width: 65px; margin-right: 10px;}
.archive_list > li .right .more span {font-size: .9375rem; color: #cf0d61; position: relative;}
.archive_list > li .right .more span::after {content: ""; background: url(/resources/images/main/ico_more.svg) center center no-repeat; font-size: 1rem; position: absolute; right: -35px; top: 40%; transform: translateY(-50%); transition: .3s; padding: 6px 15px;}
.archive_list > li .right .more span:hover::after {right: -40px; transition: .3s;}
.btn_3d {position: absolute; right: 12px; top: 12px; z-index: 99; width: 80px; padding-left: 20px; height: 40px; display: flex; align-items: center; justify-content: center; text-align: center; background: #15875f url(/resources/images/layout/ico_box.svg) left 15px center no-repeat; color: #fff; box-shadow: -4px 4px 20px rgba(21,135,95,.2); border-radius: 50px; font-size: .9375rem; transition: .3s;}
.btn_3d:hover {color: #fff;}
.audio_tit {display: flex; align-items: center; gap: 15px;}
.audio_tit .btn_audio {width: 40px; height: 40px; border-radius: 50%; background: #f7f5ef url(/resources/images/layout/ico_sound.svg) center  center no-repeat; display: flex; align-items: center; justify-content: center; transition: .3s;}
.audio_tit .btn_audio.active {background: #f7f5ef url(/resources/images/layout/ico_mute.svg) center  center no-repeat;}


/* pagination */
.paging_box {margin-top: 50px;}
.paging_box .paging {display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.paging_box .paging a {display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 1rem; color: #999; margin:0 3px; text-align: center; cursor: pointer; border:1px solid #e5e5e5;}
.paging_box .paging a.active {border:1px solid #333; background: #333; color: #fff;}
.paging_box .paging a:hover:not(a.active) {transition: all .5s ease; border:1px solid #000; color:#000;}
.paging_box .paging .prebtn a:nth-child(1){background:url(/resources/images/layout/pprev_page.svg) no-repeat center;}
.paging_box .paging .prebtn a:nth-child(2){background:url(/resources/images/layout/prev_page.svg) no-repeat center;}
.paging_box .paging .nextbtn a:nth-child(1){background:url(/resources/images/layout/next_page.svg) no-repeat center;}
.paging_box .paging .nextbtn a:nth-child(2){background:url(/resources/images/layout/nnext_page.svg) no-repeat center;}


/* detail */
.detail_wrap .top {padding:50px 0; border-bottom: 1px solid #dedede; display: flex; flex-wrap: wrap;}
.detail_wrap .bottom {min-height:300px; padding: 40px 20px; border-bottom: 1px solid #443816;}
.detail_wrap .hall_list {position: relative;}
.detail_wrap .control ul li.prev {position: absolute; left:0; top:50%; transform: translate(0,-50%); z-index: 99;}
.detail_wrap .control ul li.next {position: absolute; right:0; top:50%; transform: translate(0,-50%); z-index: 99;}
.detail_wrap .control ul li a{padding:30px; background: rgba(0,0,0,.6);}
.detail_wrap .control ul li a {display: block; color:#fff; text-align: center; }
.detail_wrap .control ul li a i {font-size: 2rem;}
.detail_wrap .control ul li:hover a {background: rgba(0,0,0,.8); transition: .3s;}

.bd_file {margin-top: 30px; padding: 20px; background: #f9f9f9; border-radius: 4px; font-size: .9375rem; color: #555; justify-content: flex-start!important;}
.detail_wrap .bottom .contents img {max-width: 100%; float: inherit!important;}
.bd_file > div {padding-left: 20px; position: relative; display: block; width: 100%; text-align: left;}
.bd_file > div::before {content: ""; background: url(/resources/images/layout/ico_attachment2.svg) center center no-repeat; position: absolute; left: 0; top: 3px; width: 15px; height: 15px; background-size: cover;}
.bd_file > div + div {margin-top: 8px;}
.bd_file > div a {transition: .3s; color: #555; font-size: .9375rem;}
.bd_file > div a:hover {text-decoration: underline; text-underline-position: under;}
.video_wrap {width: 100%; padding-top: 50%; position: relative; margin-bottom: 50px;}
.video_wrap iframe {width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}


/* detail type01 */
.detail_wrap .top.type01 .thum {max-width: 450px;width: 100%;overflow: hidden;position: relative;}
.detail_wrap .top.type01 .desc {max-width: calc(100% - 530px);width :100%;margin-left: 80px;}
.detail_wrap .top.type01 .desc span.category {font-size: .9375rem; padding:8px 15px; border-radius: 3px;}
.detail_wrap .top.type01 .desc .tit h3 {font-size: 1.5rem; color: #333; margin: 20px 0;}
.detail_wrap .top.type01 .desc .info {margin-top:30px;}
.detail_wrap .top.type01 .desc .info > li {margin-top: 20px; display: flex; align-items: flex-start;}
.detail_wrap .top.type01 .desc .info > li span {display: block; font-size: 1rem; line-height: 1.5;}
.detail_wrap .top.type01 .desc .info > li span.tit {min-width: 80px; font-weight: 600;}
.detail_wrap .top.type01 .desc .info > li span.txt {padding-left: 20px; position: relative;}
.detail_wrap .top.type01 .desc .info > li span.txt::before {content: ""; width: 1px; height: 10px; background: #ccc; position: absolute; left: 0; top: 6px;}
.detail_wrap .top.type01 .desc .info > li span.txt ul.sns {display: flex; align-items: center; gap: 15px;}
.detail_wrap .top.type01 .desc .info > li span.txt ul.sns li a img {width: 16px; padding-top: 3px;}
.detail_wrap .top.type01 .desc a.vrlink {padding: 15px 30px; border: 1px solid #333; border-radius: 50px; transition: .3s;}
.detail_wrap .top.type01 .desc a.vrlink:hover {background: #33306E; color: #fff;}
/*.detail_wrap .top.type01 .desc a.vrlink {padding: 15px 80px 15px 20px; border: 1px solid #33306E; border-radius: 4px; background: #fff; font-size: .9375rem; margin-top: 20px; display: inline-block; position: relative; transition: .3s;}*/
/*.detail_wrap .top.type01 .desc a.vrlink:hover {background: #33306E; color: #fff;}*/
/*.detail_wrap .top.type01 .desc a.vrlink::after {content: ""; background: #eae9ff  url(/resources/images/layout/ico_vr.png) center center no-repeat; border-radius: 50%; background-size: 75%; width: 32px; height: 32px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}*/
.detail_wrap .top .slider .view_slider_list {margin-top: 10px;}
.detail_wrap .top .slider .view_slider_list .swiper-slide {width: 20%; height: 100%; opacity: 0.4;}
.detail_wrap .top .slider .view_slider_list .swiper-slide-active {opacity: 1;}
.detail_wrap .top .slider .swiper-button-next::after,
.detail_wrap .top .slider .swiper-button-prev::after {font-size: 20px; color: #333; font-weight: bold;}


.detail_wrap .top.type01 .desc .btn_area {justify-content: flex-start;}
.detail_wrap .top.type01 .desc .btn_area .btn.st03 {cursor: default; background: #ccc;}
.detail_wrap .top.type01 .desc .btn_area .btn.st03:hover i {transform: rotateY(0deg);}

/* detail type02 */
.detail_wrap .top.type02 .desc {width: 100%;}
.detail_wrap .top.type02 .desc .tit span {display: block; text-align: center; color: #cf0d61; font-size:.875rem; margin-bottom: 5px;}
.detail_wrap .top.type02 .desc .tit h3 {font-size: 1.5rem; color: #333; margin-bottom: 20px; text-align: center;}
.detail_wrap .top.type02 .desc .info {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px;}
.detail_wrap .top.type02 .desc .info li {font-size: .875rem; color: #555;}
.detail_wrap .top.type02 .desc .info li span {display: inline-block; color: #888; margin-right: 5px;}
.answer {padding: 20px 15px; border-bottom: 1px solid #443816;}
.answer .info {display: flex; gap: 10px; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0 24px;}
.answer .info > li {display: flex; gap: 10px; align-items: center;}
.answer .info .tit {position: relative;}
.answer .info .tit::before {content: ""; background: url(/resources/images/layout/ico_reply.svg) left center no-repeat; width: 12px; height: 12px; background-size: 90%; position: absolute; left: -16px; top: 1px;}
.answer .info .tit .name {font-size: .875rem; font-weight: 700;}
.answer .info .tit .date {font-size: .75rem; color: #888;}
.answer_btn {display: flex; justify-content: flex-end; gap: 20px!important;}
.answer_btn a {font-size: .8125rem; font-weight: 400; color: #888; position: relative; transition: .3s;}
.answer_btn a:hover {color: #333;}
.answer_btn a + a::before {content: ""; width: 0; height: 8px; border-left: 1px dotted #bbb; position: absolute; left: -10px; top: 5px;}
.answer .cnt {padding: 0 24px;}
.answer .cnt p {margin-top: 10px; font-size: 1rem; line-height: 1.5;}


/* 공공누리 */
.description {width: 100%; margin-top: 50px; background: #eff7f4; padding: 25px; border-radius: 4px; display: flex; align-items: center; gap: 20px;}
.description .opentype {width: auto;}
.description .opentype img {width: auto!important; height: 50px;}
.description .txt {width: auto; font-size: .9375rem; line-height: 1.5; color: #555;}
.description .txt u {text-underline-position: under; color: #333;}


/* prev/next */
.view_more {border-bottom: 1px solid #443816; display: flex; flex-wrap: wrap; position: relative;}
.view_more li {width: 50%; padding: 20px 0;}
.view_more li a {display: flex; align-items: center;}
.view_more li a div {max-width:80%;}
.view_more li a span {display:block; font-size: .875rem; color: #333; font-weight: 700; margin-bottom:5px;}
.view_more li a p {font-size: 1rem; padding: 4px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative;}
.view_more li a p::before {content: ""; width: 0; height: 1px; background: #555; position: absolute; bottom: 0; left: 0; transition: .3s;}
.view_more li a:hover p::before {width: 100%; transition: .3s;}
.view_more li.next {text-align: right;}
.view_more li.next a {border-left: 1px solid #dedede; flex-direction: row-reverse;}
.view_more li a span.icon {width: 40px; height: 40px; margin: 0 20px; border:1px solid #666; border-radius: 2px;}
.view_more li.prev .icon {background:url(/resources/images/layout/ico_arrow_left.svg) center center no-repeat; background-size: 20px;}
.view_more li.next .icon {background:url(/resources/images/layout/ico_arrow_right.svg) center center no-repeat; background-size: 20px;}

.view_more li a.no_data {color:#888; cursor: default;}
.view_more li a.no_data p::before {display: none;}

/* password */
.secret {margin: 0 auto;}
.secret h4 {font-size: 1.5rem;}
.secret p {margin: 20px 0; color: #555;}


/* write */
.bd_write {margin-top: 50px; border-top: 1px solid #443816; border-bottom: 1px solid #dedede;}
.bd_write > li {padding: 30px 20px; display: flex; align-items: center;}
.bd_write .editor {padding: 40px 0;}
.bd_write > li + li {border-top: 1px dashed #ccc;}
.bd_write > li span.tit {display: block; width: 140px; margin-right: 10px; padding-right: 10px; font-size: 1rem; font-weight: 700; position: relative;}
.bd_write > li span.tit::after {content: ""; width: 1px; height: 100%; background: #ccc; position: absolute; right: 0; top: 0;}
.bd_write > li span.txt {display: block; margin-left: 10px; font-size: 1rem; width: calc(100% - 160px);}
.bd_write > li span.bd_attach .alert {display: block; font-size: .9375rem; color: #666; margin-bottom: 20px;}
.bd_write > li span.bd_attach button > li span.bd_attach ul li a.btn_sm_red  {font-size: .9375rem;}
.bd_write > li span.bd_attach button.btn_file {padding: 10px 20px; color: #fff; background: linear-gradient(90deg, rgba(0,102,177,1) 0%, rgba(113,191,69,1) 100%); border-radius: 3px;}
.bd_write > li span.bd_attach ul li a.btn_sm_red {}
.bd_write > li span.bd_attach ul li {margin-top: 10px; padding-left: 20px; position: relative;}
.bd_write > li span.bd_attach ul li::before {content: ""; background: url(/resources/images/layout/ico_attachment2.svg) center center no-repeat; width: 15px; height: 15px; background-size: cover; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.up_file_list button { margin-left:10px;}
.up_file_list .btn_sm_red {color:red;}

input[type="text"], input[type="password"] {padding: 15px 20px; border: 1px solid #ddd; border-radius: 0; max-width: 450px; width: 100%; font-size: .9375rem;}
input[type="text"]:focus, input[type="password"]:focus {border: 1px solid #1d52b2;}

/* reservation */
.calendar_box {position: relative; display: flex; flex-wrap: wrap; border: 1px solid #dedede;}
.calendar_box .calendar {width: calc(65% - 10px); padding: 40px 20px;}
.calendar_box .reservation_time {width: calc(35% - 10px); height: 100%; padding: 40px 20px; border-left: 1px solid #dedede; position: absolute; right: 0;}
.calendar_box .calendar .select_month {text-align: center; display: flex; align-items: center; justify-content: center;}
.calendar_box .calendar .select_month li {display: inline-block; margin:0 15px;}
.calendar_box .calendar .select_month li.month {font-size: 1.5rem;}
.calendar_box .calendar .select_month li.month span {font-weight: 700;}
.calendar_box .calendar .select_month li a {display: block;}
.calendar_box .calendar .select_month li a img {width: 20px; transform: translateX(0); transition: .3s;}
.calendar_box .calendar .select_month li:first-child a:hover img {transform: translateX(-5px);}
.calendar_box .calendar .select_month li:last-child  a:hover img {transform: translateX(5px);}
.calendar_box .calendar .calendar_tbl {border-top: 1px solid #443816; border-bottom: 1px solid #ddd; width: 100%; margin-top: 20px; text-align: center;}
.calendar_box .calendar .calendar_tbl th {border-bottom: 1px solid #ddd; font-size: 1.125rem;}
.calendar_box .calendar .calendar_tbl td {font-size: 1rem; border-top: 1px solid #ddd; border-left: 1px solid #ddd; padding: 0;}
.calendar_box .calendar .calendar_tbl td:first-child {border-left: 0;}
.calendar_box .calendar .calendar_tbl td a{display: block; padding: 25px 0; position: relative; z-index: 2;}
.calendar_box .calendar .calendar_tbl td a span.today {position: relative; color: #fff;}
.calendar_box .calendar .calendar_tbl td a span.today::before {content: ""; width: 30px; height: 30px; border-radius: 50%; background: #443816; position: absolute; left: 50%; top: 50%; transform :translate(-50%, -50%); z-index: -1;}
.calendar_box .calendar .calendar_tbl td.data_none {background:#fbfbfb;}
.calendar_box .calendar .calendar_tbl td:first-child a {color: #df1f1f;}
.calendar_box .calendar .calendar_tbl td:last-child a {color: #0064cb;}
.calendar_box .calendar .calendar_tbl td.reser_impossibility {background: #efefef;}
.calendar_box .calendar .calendar_tbl td.reser_impossibility a {color: #555;}
.calendar_box .calendar .calendar_tbl td.reser_impossibility a:hover {text-decoration: none;}
.calendar_box .calendar .calendar_tbl td.reser_current {background: #FFF8FB;}
.calendar_box .calendar .reser_note {margin-top: 20px; display: flex; align-items: center; justify-content: flex-end;}
.calendar_box .calendar .reser_note li {font-size: .9375rem; display: flex; align-items: center;}
.calendar_box .calendar .reser_note li + li {margin-left: 20px;}
.calendar_box .calendar .reser_note li span {width: 13px; height: 13px; display: inline-block; margin-right: 5px; border-radius: 50%;}
.calendar_box .calendar .reser_note li span.possible {border: 1px solid #ddd;}
.calendar_box .calendar .reser_note li span.impossible {border: 1px solid #ddd; background: #efefef;}
.calendar_box .calendar .reser_note li span.select {border: 1px solid #ddd; background: #FFF8FB;}
.calendar_box .reservation_time .pad_align {padding-left: 45px; position: relative;}
.calendar_box .reservation_time .pad_align::before {content: ""; background: #cf0d61 url(/resources/images/contents/cal_reser.svg) center center no-repeat; background-size: 18px; padding: 10px; width: 14px; height: 14px; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.calendar_box .reservation_time .pad_align span {font-size: 1.25rem; color: #333;}
.calendar_box .reservation_time .time_check {margin-top: 25px;}
.calendar_box .reservation_time .time_check_list {display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between;}
.calendar_box .reservation_time .time_check_list li {width: calc(100% / 2 - 10px);}
.calendar_box .reservation_time .time_check_list li input[type="radio"] {display: none;}
.calendar_box .reservation_time .time_check_list li input[type="radio"] + span {width:100%; font-size: .9375rem; display: inline-block; background: none; border: 1px solid #dedede; padding: 10px 0; text-align: center; cursor: pointer; transition: .3s; border-radius: 4px; background: #fff; color: #555;}
.calendar_box .reservation_time .time_check_list li:hover input[type="radio"] + span {border: 1px solid #cf0d61;}
.calendar_box .reservation_time .time_check_list li input[type="radio"]:checked + span {border: 1px solid #cf0d61; background: #cf0d61; color:#fff;}
.reservation {margin-top: 50px; display: flex; flex-wrap: wrap; gap: 50px 30px;}
.reservation > div{width: calc(100% / 2 - 15px);}
.reservation .bd_write {border: 1px solid #dedede; padding: 20px;}
.reservation .bd_write > li {padding: 15px;}
.reservation .bd_write > li textarea {padding: 15px 20px; border: 1px solid #ddd; width: 100%; resize: none; font-size: .9375rem; border-radius: 0;}
.reservation .bd_write > li textarea::placeholder {color: #999;}
.reservation .bd_write > li textarea:focus {border: 1px solid #cf0d61;}
.reservation .bd_write > li .select {position: relative;}
.reservation .bd_write > li .select::after {content: ""; width: 16px; height: 16px; position: absolute; right: 20px;  top: 18px; background: url(/resources/images/layout/ico_select.png) center no-repeat; background-size: 11px; cursor: pointer; z-index: 0;}
.reservation .bd_write > li .select select {padding: 15px 20px; border: 1px solid #ddd; width: 100%; font-size: .9375rem;}
.reservation .bd_write > li .select select:focus {border: 1px solid #cf0d61;}
.reservation .bd_write > li .selet_input {margin-top: 10px;}
.reservation .bd_write > li.form_chk {flex-wrap: wrap;}
.reservation .bd_write > li.form_chk span.checkbox {display: flex; align-items: center; gap: 10px; width:100%;}
.reservation .bd_write > li.form_chk span.checkbox label {font-size: 1rem; font-weight: 700; color: #222; margin-left: 0;}
.reservation .bd_write > li.form_chk span.txtbox {display: block; padding: 20px; font-size: .9375rem; color: #333; line-height: 1.5; background: #f4f4f4; border-radius: 4px;}


/* event */
.event_form {display: flex; flex-wrap: wrap; margin-bottom: 50px;}
.event_impossibility a {cursor: default;}
.event_form .calendar_box {width: 100%; overflow: hidden;}
.reser_note .education {background: #609966;}
.reser_note .event {background: #EE6983;}
.calendar_box .calendar .calendar_tbl.event td {padding: 10px 5px;}
.calendar_box .calendar .calendar_tbl.event td.reser_current {background: #FFF8FB;}
.calendar_box .calendar .calendar_tbl.event td.reser_current a {color: #333;}
.calendar_box .calendar .calendar_tbl.event td:last-child a {color: #0064cb;}
.calendar_box .calendar .calendar_tbl.event td:first-child a {color: #df1f1f;}
.calendar_box .calendar .calendar_tbl.event td a {width: 100%; height: 81px; position: relative; padding: 0; z-index: 2;}
.calendar_box .calendar .calendar_tbl.event td a:hover {text-decoration: none;}
.calendar_box .calendar .calendar_tbl.event td a span.date {display: block; font-size: .9375rem; margin-bottom: 10px; margin-right: 46px;}
.calendar_box .calendar .calendar_tbl.event td a span.date.today {position: relative; color: #fff;}
.calendar_box .calendar .calendar_tbl.event td a span.date.today::before {content: ""; width: 30px; height: 30px; border-radius: 50%; background: #443816; position: absolute; left: 50%; top: 50%; transform :translate(-50%, -50%); z-index: -1;}
.calendar_box .calendar .calendar_tbl.event td a .date_data li {display: flex; align-items: center; justify-content: center; color: #333!important; font-size: .9375rem;}
.calendar_box .calendar .calendar_tbl.event td a .date_data li + li {margin-top: 5px;}
.calendar_box .calendar .calendar_tbl.event td a .date_data li .tit {padding: 3px 8px; border-radius: 4px; background: #333; color: #fff; display: inline-block; margin-right: 5px; font-size: .875rem; letter-spacing: .05rem;}
.calendar_box .calendar .calendar_tbl.event td a .date_data li .tit.education {background: #609966;}
.calendar_box .calendar .calendar_tbl.event td a .date_data li .tit.event {background: #EE6983;}
.calendar_box .calendar .calendar_tbl.event td a .date_data li .txt {font-size: .875rem;}
.calendar_box .calendar .calendar_tbl.event td a .date_data li .txt strong {margin-right: 3px; font-size: .9375rem;}
.event_list {height: calc(100% - 48px); margin-top: 25px; overflow: hidden; overflow-y: auto;}
.event_list > li:first-child {margin-top: 0;}
.event_list > li {margin-top: 20px; display: flex; flex-wrap: wrap; padding: 15px; border: 1px solid #dedede; background: #fff; border-radius: 4px; transition: .3s;}
.event_list > li a {display: block; width: 100%; height: 100%;}
.event_list > li:hover {border: 1px solid #cf0d61;}
.event_list > li:hover h5.ev_tit {text-decoration: underline; text-underline-position: under;}
.event_list > li .ev_cate {display: flex; flex-wrap: wrap; gap: 5px; font-size: .8125rem;}
.event_list > li .ev_cate li {padding: 3px 8px; border: 1px solid #443816; color: #443816; border-radius: 50px;}
.event_list > li .ev_cate li.gubun.edu {background: #609966; border: 1px solid #609966; color: #fff;}
.event_list > li .ev_cate li.gubun.event {background: #EE6983; border: 1px solid #EE6983; color: #fff;}
.event_list > li .ev_tit {font-size: 1.0625rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 20px; margin: 12px 0;}
.event_list > li .ev_cont {display: flex; flex-wrap: wrap; gap: 5px;}
.event_list > li .ev_cont li {width: 100%; font-size: .875rem; color: #555; line-height: 1.5; display: flex;}
.event_list > li .ev_cont li span.tit {display: inline-block; width: 68px; margin-right: 10px; padding-right: 10px; position: relative;}
.event_list > li .ev_cont li span.tit::after {content: ""; width: 1px; height: 8px; background: #bbb; position: absolute; right: 0; top: 7px;}
.event_list > li .ev_cont li span.info {display: inline-block; width: calc(100% - 88px);}
.event_list > li .ev_cont li span.info span {display: block; width: 100%;}

.eduTime {margin-top: 50px;}
.eduTime .tbl {min-width: 700px;}
.eduTime .tbl td p {height: 30px; display: flex; align-items: center; justify-content: center; position: relative;}
.eduTime .tbl td p + p {margin-top: 20px;}
.eduTime .tbl td p + p::before {content: ""; width: 100%; border-top: 1px dashed #ddd; position: absolute; left: 50%; top: -10px; transform: translateX(-50%);}
.eduTime .eduTime_btn {padding: 5px 12px; border-radius: 4px; background: #15875f; color: #fff; font-size: .875rem; display: inline-block; height: 28px;}
.eduTime .eduTime_btn.alarm {white-space: nowrap; padding: 0 12px 0 20px; border: 1px solid #443816; color: #333; background: #fff url(/resources/images/contents/ico_alarm.svg) left 8px center no-repeat; background-size: 12px;}
.reserve_advice {margin-top: 10px; font-size: .875rem; text-align: right; color: #555;}

.program_info {padding: 20px; background: #fff; border-radius: 4px;}
.program_info h5 {font-size: 1.25rem; margin-bottom: 15px;}
.program_info span {font-size: 1rem; color: #333; display: flex; align-items: center; font-weight: 400;}
.program_info span + span {margin-top: 10px;}
.program_info span span {color: #878787; min-width: 80px; margin-right: 10px;}
.btn_area .btn.pay {border-color: #4737ff;}
.btn_area .btn.pay::after {background: #4737ff;}

/* museumshop list */
.museum_best {margin-bottom: 100px;}
.museum_best .best_top {margin-bottom: 30px;}
.museum_best .best_top .best_tit {font-size: 1.5rem; text-align: center;}
.museum_best .best_top .best_sub_tit {font-size: 1rem; color: #777; display: block; text-align: center; margin-top: 10px;}
.museum_best .best_top .best_tab {margin-top: 20px;}
.museum_best .best_top .best_tab .tab_list {display: flex; align-items: center; justify-content: center;}
.museum_best .best_top .best_tab .tab_list li {margin: 0 6px;}
.museum_best .best_top .best_tab .tab_list li a {display: inline-block; padding: 7px 18px; background: #f1f1f1; color: #555; border-radius: 50px; font-size: .9375rem;}
.museum_best .best_top .best_tab .tab_list li.active a {background: #443816; color: #fff;}
.museum_best .best_bottom .gallery_list {gap: 0; flex-wrap: nowrap;}
.museum_best .best_bottom .gallery_list > li {transition: none;}
.museum_best .best_bottom .swiper-pagination {display: none;}
.museum_controler {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.museum_controler ul {display: flex; align-items: center; gap: 10px;}
.museum_controler ul > li {position: relative;}
.museum_controler ul > li::after {content: ""; display: block; width: 1px; height: 10px; position: absolute; left: -5px; top: 6px; background: #ddd;}
.museum_controler ul > li:first-child::after {display: none;}
.museum_controler ul > li > input {width: 0; height: 0; position: absolute; top: 0; left: 0; z-index: -1; opacity: 0;}
.museum_controler ul > li > label {font-size: .8125rem; color: #888; cursor: pointer;}
.museum_controler ul > li > label.on, .museum_controler ul > li > input:checked + label {color: #333; font-weight: 700;}

.museum_inquiry .box_wrap {background: #fff8ee; border-radius: 4px;}
.museum_inquiry .checkbox {margin-bottom: 10px; justify-content: flex-end;}
.museum_inquiry textarea {border-radius: 0; width: 100%; border: 1px solid #dedede; resize: none; padding: 15px 20px; font-size: .9375rem; line-height: 1.5;}
.museum_inquiry .tit_wrap {display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 10px; margin-top: 50px;}
.museum_inquiry .tit_wrap .checkbox {margin: 0;}
.museum_inquiry .tit_wrap h5 {font-size: 1.125rem;}
.comm_tit {display: flex; gap: 10px; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.comm_tit > li {display: flex; gap: 10px; align-items: center;}
.comm_tit .name {font-size: .875rem; font-weight: 700;}
.comm_tit .date {font-size: .75rem; color: #888;}
.comm_cnt .cnt {margin-top: 10px; font-size: 1rem; line-height: 1.5;}
.museum_inquiry .ico {display: flex; align-items: flex-start;}
.museum_inquiry .ico img {padding-top: 5px; margin-right: 6px;}
.comm_btn {display: flex; justify-content: flex-end; gap: 20px!important;}
.comm_btn a {font-size: .8125rem; font-weight: 400; color: #888; position: relative; transition: .3s;}
.comm_btn a:hover {color: #333;}
.comm_btn a + a::before {content: ""; width: 0; height: 8px; border-left: 1px dotted #bbb; position: absolute; left: -10px; top: 5px;}
.comm_btn.resi {margin-top: 10px;}
.comm_btn.resi > a {background: #15875f; color: #fff; padding: 10px 25px; font-size: .9375rem; border-radius: 4px;}
.comm_del, .comm_del a {color: #888;}
.comm_list {border-top: 1px solid #443816;}
.comm_list > li {padding: 20px 15px; border-bottom: 1px solid #dedede;}
.comm_owner {background: #fbfbfb;}
.comm_owner .comm_cnt {padding-left: 25px; position: relative;}
.comm_owner .comm_cnt .name {font-size: .875rem;}
.comm_owner .comm_cnt::before {content: ""; background: url(/resources/images/layout/ico_reply.svg) left center no-repeat; width: 12px; height: 12px; background-size: 90%; position: absolute; left: 8px; top: 1px;}

.comm_user textarea , .comment_modify textarea{margin-top: 0;}

@media (max-width: 1023px) {

    /* gallery list */
    .gallery_list > li {width:calc(100% / 2 - 15px)}


    /* gallery list - 보조기기 검색 */
    .search_con {padding:40px;}
    .search_con .search_wrap .search_input {width:100%; margin-bottom: 20px;}

    .detail_wrap .top.type01 .thum {max-width: 45%;}
    .detail_wrap .top.type01 .desc {max-width:45%; margin-left:50px;}


    /* board list */
    .bd_list > li .num_wrap {width: 40px; margin-right: 20px;}
    .bd_list > li .tit_wrap {width: calc(100% - 60px);}
    .view_more li a div {max-width:70%;}
    .view_more li.prev .icon {margin:0 10px; width:30px; height:30px;}

    /* event */
    .calendar_box .calendar .calendar_tbl.event td a .date_data li .tit {font-size: 0; padding: 6px; border-radius: 50%;}

    /* reservation */
    .calendar_box .calendar {width: 100%;}
    .calendar_box .reservation_time {width: 100%; border-left: 0; border-top: 1px solid #dedede; position: relative;}
    .reservation > div {width: 100%;}




}

@media (max-width: 767px) {


    /* search box */
    .search_box {display:block; padding: 10px 0px 40px 0px;}
    .search_box .search_box_wrap .select {width: 100%;}
    .search_box .search_box_wrap .select ~ * {margin-top: 10px;}
    .search_box .search_box_wrap .select select {width: 100%;}
    .search_box .search_box_wrap .search_date {width: 100%; margin: 10px 0;}
    .search_box .search_box_wrap .search_date .search_date_wrap {flex-wrap: wrap;}
    .search_box .search_box_wrap .search_date .search_date_wrap input ~ * {margin-top: 10px;}
    .search_box .search_box_wrap .search_input {width: 100%; margin: 10px 0;}
    .search_box .search_box_wrap .search_input input {min-width: inherit;}
    .search_box .search_box_wrap .btn_search {width:100%; background-image: none; text-align: center;}
    .search_box .search_box_wrap input {width: 100%;}
    .search_box .search_box_wrap .search_date .search_date_wrap input {max-width: inherit; width: calc(100% / 2 - 14px);}
    .book_search .search_box {padding: 20px;}
    .book_search .search_box .search_box_wrap .book_search_list li {flex-wrap: wrap; padding: 10px 0;}
    .book_search .search_box  .search_box_wrap .book_search_list li strong {min-width: inherit; width: 100%; margin-bottom: 10px;}
    .book_search .search_box .search_box_wrap .book_search_list li .select {margin: 10px 0 10px 10px; width: calc(35% - 10px);}
    .book_search .search_box .search_box_wrap .book_search_list li:first-of-type input:first-of-type {width: 65%;}


    /* gallery list - 보조기기 검색 */
    .category .quick_menu ul li {width:calc(100%/3 - .5rem);}
    .search_con .search_wrap label {font-size: 1rem;}
    .gallery_list > li a ul.info li {font-size: .9rem;}
    .gallery_list > li a ul.info li:last-child {display: none;}
    .gallery_list > li a h3.tit {padding-bottom:15px; margin:15px 0;}

    .detail_wrap .top.type01 .desc {margin-left:30px;}


    /* archive list */
    .archive_list > li {width: calc(100% / 2 - 15px);}
    .archive_list > li .left {width: 100%;}
    .archive_list > li .right {width: 100%; margin-top: 20px; padding: 0 10px;}
    .archive_list > li .right .more span {display: flex; align-items: center; justify-content: center; width: 100%; height: 45px; border: 1px solid #cf0d61; border-radius: 4px; transition: .3s;}
    .archive_list > li .right .more span:hover {background: #cf0d61; color: #fff; transition: .3s;}
    .archive_list > li .right .more span::after {display: none;}


    /* board list */
    .bd_list > li {padding:25px 20px;}
    .bd_list > li .num_wrap {margin-right:0;}
    .bd_list > li .tit_wrap .etc {margin-top: 10px;}
    .bd_list > li .file_wrap img {width:30px; padding:8px;}


    /*view*/
    .bd_file > div a {font-size: .8rem;}
    .view_more li a {display:block;}
    .view_more li a div {max-width:inherit;}
    .view_more li a p {max-width:95%;}


    /* prev/next */
    .view_more li {width: 100%; padding: 15px;}
    .view_more li.next {border-top: 1px solid #dedede;}
    .view_more li.next a {flex-direction: row;border-left: 0;text-align: left;}
    .view_more li a span.icon {display: none;}
    .view_more li a p {vertical-align: middle;}


    /* detail */
    .detail_wrap .top {padding: 40px 5px;}
    .detail_wrap .bottom {padding: 40px 5px;}
    .detail_wrap .top.type01 .desc .tit h3 {font-size: 1.2rem;}
    .detail_wrap .top.type01 .desc .info > li {margin-top: 5px;}
    .detail_wrap .top.type01 .desc .info > li span {font-size: .9375rem;}
    .detail_wrap .top.type02 .desc .info li {font-size: .8125rem;}


    /* detail type01 */
    .detail_wrap .top.type01 .desc span.category {font-size: .8125rem; padding: 8px 10px;}
    .detail_wrap .top.type01 .thum {max-width: 40%;}
    .detail_wrap .top.type01 .desc a.vrlink {width: 100%;}
    .detail_wrap .top.type01 .desc .btn_area a {padding:13px 20px; font-size:1rem;}


    /* write */
    .bd_write > li {flex-wrap: wrap; padding: 20px 10px;}
    .bd_write > li span.tit {width: 100%!important; margin-right: 0; padding-right: 0; font-size: .9375rem;}
    .bd_write > li span.tit::after {display: none;}
    .bd_write > li span.txt {width: 100%!important; margin-left: 0; margin-top: 10px;}


    /* reservation */
    .calendar_box {border: none;}
    .calendar_box .calendar {padding: 0;}
    .calendar_box .reservation_time {border-top: none; margin-top: 20px; background: #f9f9f9;}

    input[type="text"], input[type="password"] {padding: 10px 15px;}
    .reservation .bd_write > li textarea {padding: 10px 15px;}
    .museum_inquiry textarea {padding: 10px 15px;}


}

@media (max-width: 500px) {


    /* board list */
    .bd_list > li {flex-wrap: wrap; justify-content: flex-start; padding:20px;}
    .bd_list > li .num_wrap {width: 13%; margin-right: 2%; min-width: inherit;}
    .bd_list > li .num_wrap span {font-size: .875rem;}
    .bd_list > li.nlist .num_wrap span { background: none;}
    .bd_list > li .tit_wrap {width: 73%; margin-right: 2%;}
    .bd_list > li .tit_wrap .tit a {-webkit-line-clamp: 2; height: auto; font-size:1.1rem;}
    .bd_list > li .tit_wrap .etc {margin-top:10px;}
    .bd_list > li .tit_wrap .etc li.name, .bd_list > li .tit_wrap .etc li.date {padding-left: 0; background: none!important;}
    .bd_list > li .tit_wrap .etc li {font-size:.9rem;}

    .bd_list > li .file_wrap {width: 10%; margin-left:0;}
    .bd_list > li .file_wrap img {width: 25px; padding: 5px;}



    /* 민간지원사업 */
    .gallery_list {gap:30px;}
    span.img.square03 {padding-top:calc(100% - 2px);}


    /*갤러리*/
    .gallery_list > li a ul.info li:last-child {display: inline-block;}


    /* gallery list - 보조기기 검색 */
    .search_con {padding:50px 30px;}
    .search_con:before {display: none;}
    .search_con .tit_wrap h1 {font-size: 1.8rem;}
    .search_con .tit_wrap h1:after {position:absolute; width: 31px; height:34px; margin-left:10px; }
    .search_con .search_wrap input {font-size:.9rem;}
    .search_con .search_wrap .date {width:100%; height:50px; margin-top:10px;}
    .search_con .search_wrap .date:first-child {margin-top:0;}
    .search_con .category ul li {width:calc(100%/2 - .5rem);}
    .search_con .search_wrap .search_input {margin-top:10px;}
    .search_con .search_wrap .search_input input {font-size:.9rem;}
    .search_con .search_wrap .search_input a {width:70px;}
    .search_con .search_wrap .search_input a i {font-size:1.2rem;}

    .detail_wrap .top.type01 .thum {max-width:100%;}
    .detail_wrap .top.type01 .desc {margin:30px 0 0 0; max-width:100%;}
    .detail_wrap .top.type01 .desc .tit {text-align: center;}
    .detail_wrap .top.type01 .desc .btn_area {margin-top:0 !important; justify-content: center;}
    .detail_wrap .top.type01 .desc .btn_area a {font-size:.9rem;}
    .detail_wrap .top.type01 .desc .info {padding:20px; background: #f7f7f7;}
    .detail_wrap .top.type01 .desc .info > li span.tit {text-align: left;}

    .detail_wrap .control ul li a {padding:20px;}



    .count .search_box {padding:0;}


    /* archive list */
    .archive_list > li {width: 100%;}


    /* museumshop */
    .museum_best .best_bottom {overflow: hidden; position: relative; padding-bottom: 30px;}
    .museum_best .best_bottom .swiper-pagination {display: block; position: absolute; bottom: 0;}
    .museum_best .best_bottom .swiper-pagination .swiper-pagination-bullet-active {background: #cf0d61!important; padding: 0 12px; border-radius: 14px!important;}
    .museum_controler ul {margin-left: auto; margin-bottom: 20px;}


    /* event */
    .calendar_box .calendar .calendar_tbl.event td a .date_data li .tit {display: none;}
    .calendar_box .calendar .calendar_tbl.event td a .date_data li .txt {width: 100%; background: #EE6983; color: #fff; border-radius: 4px; font-size: .7125rem; padding: 3px 0;}
    .calendar_box .calendar .calendar_tbl.event td a .date_data li:first-child .txt {background: #609966;}
    .calendar_box .calendar .calendar_tbl.event td a span.date {margin-right: 0;}
    .calendar_box .calendar .calendar_tbl.event td a .date_data li .txt strong {font-size: .7125rem;}
    .program_info {padding: 0;}
    .txt_box + .txt_box h4 {padding-top: 20px; margin-top: 20px; border-top: 1px solid #bbb;}


    /* reservation */
    .reserve_advice {text-align: left;}
    .reservation .bd_write {padding: 0; border: none;}
    .reservation .bd_write > li {padding: 0;}
    .reservation .bd_write > li + li {border-top: none;}


    /* pagination */
    .paging_box .paging {gap: 10px 0;}
}


@media (max-width: 430px) {


    /*list*/
    .bd_list > li .tit_wrap .tit a {font-size: 1rem;}


    .category .quick_menu ul li {width:calc(100%/2 - .5rem);}


    /*view*/
    .detail_wrap .top.type02 .desc .tit h3 {font-size: 1.3rem;}

    .paging_box {margin-top:30px;}
    .paging_box .paging a {width:30px; height:30px; }



    /* 민간지원사업 */
    .gallery_list > li {width:100%;}

}