@charset "utf-8";

/* sub (all) */
.sub_depth {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: 87.19px; background: #fff;}
.sub_depth .inner {padding: 0;}
.sub_depth ul {display: flex; align-items: center;}
.sub_depth ul li {position: relative; padding: 0 15px;}
.sub_depth ul li::after {content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 15px; background: #ddd; transform: translateY(-50%);}
.sub_depth ul li:last-child::after {content: none;}
.sub_depth ul li .depth_home {}
.sub_depth ul li .depth_home a {display: block;}
.sub_depth ul li .depth_home a i {font-size: 18px;}
.sub_depth ul li .depth_view {display: flex; justify-content: space-between; align-items: center; width: 200px; cursor: pointer;}
.sub_depth ul li .depth_view p {font-size: 15px; line-height: 45px;}
.sub_depth ul li .depth_view i {display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; color: #aaa; background: #ebebeb; border-radius: 50%;}
.sub_depth ul li .depth_list {position: absolute; top: 100%; left: 0; width: 100%; background: #fff; z-index: 9; border: 1px solid #ddd;}
.sub_depth ul li .depth_list a {position: relative; display: block; font-size: 15px; padding: 12px 15px; color: #aaa;}
.sub_depth ul li .depth_list a:hover {color: #444;}
.sub_depth ul li .depth_list a::after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 75%; height: 1px; border-bottom: 1px dotted #ddd;}
.sub_depth ul li .depth_list a:last-child::after {content: none;}
.sub_wrap {padding: 40px 0; min-height: 650px;}
.sub_wrap .sub_box {display: flex; justify-content: space-between;}
.sub_wrap .sub_box .sub_quick {width: 20%;}
.sub_wrap .sub_box .sub_quick .sub_cate {position: relative; background: #2149a6; padding: 30px 30px 80px; border-radius: 10px 30px 10px 10px; margin-bottom: 15px;}
.sub_wrap .sub_box .sub_quick.qc2 .sub_cate {background: #FFB100;}
.sub_wrap .sub_box .sub_quick.qc3 .sub_cate {background: #008000;}
.sub_wrap .sub_box .sub_quick.qc4 .sub_cate {background: #df2d5a;}
.sub_wrap .sub_box .sub_quick .sub_cate h2 {font-size: 30px; font-family: "Tenada"; color: #fff;}
.sub_wrap .sub_box .sub_quick .sub_cate i {position: absolute; bottom: 20px; right: 15px; color: rgba(255, 255, 255, 0.3); font-size: 50px;}
.sub_wrap .sub_box .sub_quick .sub_pg {}
.sub_wrap .sub_box .sub_quick .sub_pg ul {}
.sub_wrap .sub_box .sub_quick .sub_pg ul li {border: 1px solid #ddd; margin-bottom: 15px; border-radius: 10px;}
.sub_wrap .sub_box .sub_quick .sub_pg ul li.on {background: #2149a6; border: none;}
.sub_wrap .sub_box .sub_quick.qc2 .sub_pg ul li.on {background: #FFB100;}
.sub_wrap .sub_box .sub_quick.qc3 .sub_pg ul li.on {background: #008000;}
.sub_wrap .sub_box .sub_quick.qc4 .sub_pg ul li.on {background: #df2d5a;}
.sub_wrap .sub_box .sub_quick .sub_pg ul li:last-child {margin-bottom: 0;}
.sub_wrap .sub_box .sub_quick .sub_pg ul li a {display: block; color: #aaa; padding: 18px 20px;}
.sub_wrap .sub_box .sub_quick .sub_pg ul li.on a {color: #fff;}
.sub_wrap .sub_box .sub_con {width: calc(80% - 30px);}
.sub_wrap .sub_box .sub_con .sub_title {border-bottom: 1px dotted #ddd; margin-bottom: 20px;}
.sub_wrap .sub_box .sub_con .sub_title h2 {padding: 20px 0}

/* 사업소개 (intro01.html) */
.intro {}
.intro .intro01 {padding-top: 10px;}
.intro .intro01 .intro01_img {text-align: center; margin-bottom: 30px;}
.intro .intro01 .intro01_img img {display: inline-block; width: 180px;}
.intro .intro01 .intro01_txt {text-align: center;}
.intro .intro01 .intro01_txt h2 {font-size: 32px; font-family: "Tenada"; margin-bottom: 30px;}
.intro .intro01 .intro01_txt h2 strong {font-family: "Tenada"; color: #2149a6;}
.intro .intro01 .intro01_txt h2 strong:last-child {color: #008000;}
.intro .intro01 .intro01_txt p {margin-bottom: 30px;}
.intro .intro01 .intro01_txt p:last-child {margin-bottom: 0; word-break: keep-all; }
.intro .intro02 {margin-top: 80px;}
.intro .intro02 .intro02_title {text-align: center; margin-bottom: 20px;}
.intro .intro02 .intro02_title p {font-size: 28px; font-family: "Tenada"; font-weight: 500;}
.intro .intro02 .intro02_title p::before {content: ''; display: block; width: 50px; height: 5px; background: #2149a6; margin: 0 auto 25px;}
.intro .intro02 .intro02_list {}
.intro .intro02 .intro02_list ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.intro .intro02 .intro02_list ul li {position: relative; width: calc(100% / 2 - 15px); border: 1px solid #ddd; border-radius: 15px; padding: 30px; margin-bottom: 30px; overflow: hidden; background: #fff;}
.intro .intro02 .intro02_list ul li:nth-child(n+3) {margin-bottom: 0;}
.intro .intro02 .intro02_list ul li i {position: absolute; top: -50px; right: -80px; font-size: 200px; color: rgba(0, 0, 0, 0.1);}
.intro .intro02 .intro02_list ul li h2 {font-size: 24px; font-family: "Tenada"; color: #e5e5e5; margin-bottom: 10px;}
.intro .intro02 .intro02_list ul li p {font-size: 20px; font-weight: 700; margin-bottom: 10px;}
.intro .intro02 .intro02_list ul li span {position: relative; display: block; word-break: keep-all; padding-left: 12px; margin-bottom: 10px;}
.intro .intro02 .intro02_list ul li span:last-child {margin-bottom: 0;}
.intro .intro02 .intro02_list ul li span::before {content: ''; display: block; position: absolute; top: 7.5px; left: 0; width: 5px; height: 5px; background: #2149a6; border-radius: 50%; vertical-align: middle; opacity: 0.5;}

/* 협력기관 (intro02.html) */
.partner {}
.partner .partner01 {}
.partner .partner01 .partner01_util {background: #f5f5f5; padding: 20px; border-radius: 15px; margin-bottom: 30px;}
.partner .partner01 .partner01_util .partner01_search {display: flex; justify-content: space-between; background: #fff;}
.partner .partner01 .partner01_util .partner01_search input[type=text] {width: 100%; font-size: 16px; border: 0; padding: 10px 20px; padding-right: 0;}
.partner .partner01 .partner01_util .partner01_search input[type=text]:focus {outline: 0;}
.partner .partner01 .partner01_util .partner01_search button {width: 50px; height: 50px; cursor: pointer;}
.partner .partner01 .partner01_util .partner01_search button i {display: block; font-size: 20px;}
.partner .partner01 .partner01_util .partner01_cate {margin-top: 20px;}
.partner .partner01 .partner01_util .partner01_cate ul {display: flex; justify-content: space-between;}
.partner .partner01 .partner01_util .partner01_cate ul li {width: calc(100% / 6 - 15px);}
.partner .partner01 .partner01_util .partner01_cate ul li button {display: block; width: 100%; height: 50px; font-size: 16px; cursor: pointer; background: #fff; text-align: center; color: #aaa;}
.partner .partner01 .partner01_util .partner01_cate ul li.on button {background: #2149a6; color: #fff;}
.partner .partner01 .partner01_list {}
.partner .partner01 .partner01_list ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.partner .partner01 .partner01_list ul li {width: calc(100% / 2 - 10px); border: 1px solid #ddd; padding: 40px 20px; margin-top: 20px; border-radius: 15px;}
.partner .partner01 .partner01_list ul li:hover {background: #f5f5f5;}
.partner .partner01 .partner01_list ul li:nth-child(-n + 2) {margin-top: 0;}
.partner .partner01 .partner01_list ul li .partner01_thum {text-align: center;}
.partner .partner01 .partner01_list ul li .partner01_thum img {display: inline-block; max-width: 100%; width: auto; height: 50px; object-fit: contain; }
.partner .partner01 .partner01_list ul li .partner01_name {text-align: center; margin: 25px 0 10px;}
.partner .partner01 .partner01_list ul li .partner01_name p {font-size: 20px; font-family: "Tenada"; font-weight: 500;}
.partner .partner01 .partner01_list ul li .partner01_desc {margin-bottom: 20px;}
.partner .partner01 .partner01_list ul li .partner01_desc p {position: relative; color: #454545; padding-left: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.partner .partner01 .partner01_list ul li .partner01_desc p::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%) rotate(45deg); width: 10px; height: 3px; background: #2149a6; opacity: 0.3;}
.partner .partner01 .partner01_list ul li .partner01_desc p::after {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%) rotate(-45deg); width: 10px; height: 3px; background: #008000; opacity: 0.3;}
.partner .partner01 .partner01_list ul li .partner01_link {text-align: center;}
.partner .partner01 .partner01_list ul li .partner01_link a {color: #0080ff;}
.partner .partner01 .partner01_list ul li .partner01_link a:hover {text-decoration: underline;}

/* 오시는 길 (intro03.html) */
.location {}
.location .location01 {}
.location .location01 .location01_map {margin-bottom: 20px;}
.location .location01 .location01_map > div {width: 100% !important;}
.location .location01 .location01_info {margin-bottom: 30px;}
.location .location01 .location01_info table {width: 100%; border-top: 3px solid #2149a6;}
.location .location01 .location01_info table tr {border-bottom: 1px solid #ddd;}
.location .location01 .location01_info table tr td {padding: 20px;}
.location .location01 .location01_info table tr td:first-child {background: #f5f5f5; font-weight: 500; text-align: center; border-right: 1px solid #ddd;}
.location .location01 .location01_road {}
.location .location01 .location01_road ul {}
.location .location01 .location01_road ul li {margin-bottom: 40px;}
.location .location01 .location01_road ul li:last-child {margin-bottom: 0;}
.location .location01 .location01_road ul li .location01_car {display: flex; align-items: center; margin-bottom: 20px;}
.location .location01 .location01_road ul li .location01_car i {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background: #df2d5a; color: #fff; border-radius: 50%; font-size: 18px; margin-right: 10px;}
.location .location01 .location01_road ul li:last-child .location01_car i {background: #FFB100;}
.location .location01 .location01_road ul li .location01_car p {font-size: 24px; font-family: "Tenada"; margin-top: 6px;}
.location .location01 .location01_road ul li .location01_desc {margin-bottom: 20px;}
.location .location01 .location01_road ul li .location01_desc:last-child {margin-bottom: 0;}
.location .location01 .location01_road ul li .location01_desc p {position: relative; font-size: 18px; margin-bottom: 10px; padding-left: 15px;}
.location .location01 .location01_road ul li .location01_desc p:last-child {margin-bottom: 0;}
.location .location01 .location01_road ul li .location01_desc p::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border-radius: 50%; width: 5px; height: 5px; background: #2149a6; opacity: 0.5;}
.location .location01 .location01_road ul li .location01_desc p strong {display: inline-block; width: 120px;}
.location .location01 .location01_road ul li .location01_desc span {position: relative; display: block; padding-left: 30px; margin-bottom: 10px; word-break: keep-all;}
.location .location01 .location01_road ul li .location01_desc span:last-child {margin-bottom: 0;}

/* 이용안내 (room01.html) */
.use {}
.use .use01 {}
.use .use01 .use01_title {display: flex; justify-content: center; align-items: flex-start; padding-top: 30px;}
.use .use01 .use01_title i {font-size: 24px; opacity: 0.3;}
.use .use01 .use01_title p {font-size: 20px; text-align: center; margin: 0 20px;}
.use .use01 .use01_title p span {display: block; font-size: 2.4rem; font-family: "Tenada"; margin-top: 5px;}
.use .use01 .use01_title p span strong {position: relative; font-family: "Tenada"; color: #2149a6;}
.use .use01 .use01_title p span strong::before {content: ''; position: absolute; position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); width: calc(100% + 10px); height: 10px; background: #2149a6; opacity: 0.2;}
.use .use01 .use01_list {margin: 40px 0 60px;}
.use .use01 .use01_list ul {display: flex; justify-content: space-between; align-items: flex-end;}
.use .use01 .use01_list ul li {position: relative; width: calc(100% / 3 - 40px); border-radius: 30px; overflow: hidden;}
.use .use01 .use01_list ul li:nth-child(2) {width: calc(100% / 3 + 40px);}
.use .use01 .use01_list ul li img {}
.use .use01 .use01_list ul li i {position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); color: #fff;}
.use .use01 .use01_box {}
.use .use01 .use01_box ul {}
.use .use01 .use01_box ul li {margin-bottom: 60px;}
.use .use01 .use01_box ul li:last-child {margin-bottom: 0;}
.use .use01 .use01_box ul li .use01_cate {margin-bottom: 30px;}
.use .use01 .use01_box ul li .use01_cate p {font-size: 24px; font-weight: 500;}
.use .use01 .use01_box ul li .use01_cate p::before {content: ''; display: block; width: 25px; height: 3px; background: #000; margin-bottom: 15px;}
.use .use01 .use01_box ul li .use01_process {display: flex; justify-content: space-between;}
.use .use01 .use01_box ul li .use01_process .use01_con {width: calc(100% / 4 - 20px);}
.use .use01 .use01_box ul li .use01_process .use01_con .use01_ico {font-size: 3rem; text-align: center; margin: 20px 0;}
.use .use01 .use01_box ul li .use01_process .use01_con .use01_ico i {color: #aaa;}
.use .use01 .use01_box ul li .use01_process .use01_con .use01_txt {text-align: center;}
.use .use01 .use01_box ul li .use01_process .use01_con .use01_txt p {font-size: 20px; font-weight: 500; margin-bottom: 10px;}
.use .use01 .use01_box ul li .use01_process .use01_con .use01_txt span {color: #666;}
.use .use01 .use01_box ul li .use01_time {}
.use .use01 .use01_box ul li .use01_time table {width: 100%; border: 1px solid #ddd;}
.use .use01 .use01_box ul li .use01_time table tr {}
.use .use01 .use01_box ul li .use01_time table tr:last-child {border-bottom: 0;}
.use .use01 .use01_box ul li .use01_time table tr td {text-align: center; padding: 20px; border-left: 1px solid #ddd; line-height: 1.4;}
/* .use .use01 .use01_box ul li .use01_time table tr td:first-child {border-left: 0;} */
.use .use01 .use01_box ul li .use01_time table thead tr {background: #f9f9f9;}
.use .use01 .use01_box ul li .use01_time table thead tr td {font-weight: 500;}
.use .use01 .use01_box ul li .use01_time table tbody tr {border-top: 1px solid #ddd;}
.use .use01 .use01_box ul li .use01_time table tbody tr td {}
.use .use01 .use01_box ul li .use01_info {background: #f9f9f9; padding: 30px;}
.use .use01 .use01_box ul li .use01_info p {font-size: 20px; margin-bottom: 20px;}
.use .use01 .use01_box ul li .use01_info p i {}
.use .use01 .use01_box ul li .use01_info span {position: relative; display: block; padding-left: 15px; margin-bottom: 10px; color: #666;}
.use .use01 .use01_box ul li .use01_info span:last-child {margin-bottom: 0;}
.use .use01 .use01_box ul li .use01_info span::before {content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 5px; height: 5px; background: #666; border-radius: 50%;}
.use .use01 .use01_box ul li .use01_link {}
.use .use01 .use01_box ul li .use01_link a {display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 150px; height: 45px; color: #fff; background: #008000; border-radius: 10px;}

/* 신청하기 (room02.html) */
.apply {}
.apply .apply01 {padding-top: 30px;}
.apply .apply01 .apply01_form {border-bottom: 1px solid #ddd; border-top: 2px solid #008000; padding-top: 30px;}
.apply .apply01 .apply01_form ul {display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 20px;}
.apply .apply01 .apply01_form ul li {width: 100%; margin-bottom: 30px;}
.apply .apply01 .apply01_form ul li.wd2 {width: calc(100% / 2 - 15px);}
.apply .apply01 .apply01_form ul li:last-child {border-top: 3px dotted #ddd; margin-bottom: 0;}
.apply .apply01 .apply01_form ul li .apply01_cate {margin-bottom: 15px;}
.apply .apply01 .apply01_form ul li .apply01_cate p {font-size: 20px; font-weight: 500;}
.apply .apply01 .apply01_form ul li .apply01_cate p strong {font-size: 13px; font-weight: 400; color: #cc3232; padding-left: 10px;}
.apply .apply01 .apply01_form ul li .apply01_desc {display: flex; justify-content: space-between; flex-wrap: wrap;}
.apply .apply01 .apply01_form ul li .apply01_desc input[type="text"] {width: 100%; height: 45px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px; padding: 0 15px; background: #f9f9f9;}
.apply .apply01 .apply01_form ul li .apply01_desc input[type="text"]:focus {outline: none;}
.apply .apply01 .apply01_form ul li .apply01_desc input[type="password"] {width: 100%; height: 45px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px; padding: 0 15px; background: #f9f9f9;}
.apply .apply01 .apply01_form ul li .apply01_desc input[type="password"]:focus {outline: none;}
.apply .apply01 .apply01_form ul li .apply01_desc textarea {width: 100%; border: 1px solid #ddd; border-radius: 5px; font-size: 16px; padding: 15px; background: #f9f9f9; resize: none; min-height: 200px; max-height: 200px;}
.apply .apply01 .apply01_form ul li .apply01_desc textarea:focus {outline: none;}
.apply .apply01 .apply01_form ul li .apply01_desc .apply01_bt {position: relative; width: calc(100% / 3 - 15px); height: 45px; border: 1px solid #ddd; border-radius: 5px;}
.apply .apply01 .apply01_form ul li .apply01_desc .apply01_bt.date {width: calc(100% / 7 - 15px);}
.apply .apply01 .apply01_form ul li .apply01_desc .apply01_bt.time {width: calc(100% / 5 - 15px); margin-top: 15px;}
.apply .apply01 .apply01_form ul li .apply01_desc .apply01_bt.time:nth-child(-n + 5) {margin-top: 0;}
.apply .apply01 .apply01_form ul li .apply01_desc .apply01_bt input[type="radio"] {position: relative; display: none;}
.apply .apply01 .apply01_form ul li .apply01_desc .apply01_bt input[type="radio"]:checked+label {border: 1px solid #008000; background: #008000; color: #fff;}
.apply .apply01 .apply01_form ul li .apply01_desc .apply01_bt label {display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #aaa; border-radius: 5px; cursor: pointer; transition: all 0.3s;}
.apply .apply01 .apply01_form ul li .apply01_desc .apply01_bt label span {}
.apply .apply01 .apply01_form ul li .apply01_desc .apply01_bt.cancel {background: #f5f5f5;}
.apply .apply01 .apply01_form ul li .apply01_desc .apply01_bt.cancel::after {content: '예약불가'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #df2d5a;}
.apply .apply01 .apply01_form ul li .apply01_desc .apply01_bt.cancel label {opacity: 0;}
.apply .apply01 .apply01_form ul li .apply01_agree {display: flex; justify-content: space-between; align-items: center; padding: 15px 0;}
.apply .apply01 .apply01_form ul li .apply01_agree .apply01_check {}
.apply .apply01 .apply01_form ul li .apply01_agree .apply01_check input[type="checkbox"] {position: relative; display: none;}
.apply .apply01 .apply01_form ul li .apply01_agree .apply01_check input[type="checkbox"]:checked+label i {border: 1px solid #008000; color: #008000;}
.apply .apply01 .apply01_form ul li .apply01_agree .apply01_check label {display: flex; align-items: center; cursor: pointer;}
.apply .apply01 .apply01_form ul li .apply01_agree .apply01_check label i {display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border: 1px solid #ddd; border-radius: 50%; font-size: 15px; color: #ddd;}
.apply .apply01 .apply01_form ul li .apply01_agree .apply01_check label p {margin-left: 15px;}
.apply .apply01 .apply01_form ul li .apply01_agree .apply01_more {}
.apply .apply01 .apply01_form ul li .apply01_agree .apply01_more span {font-size: 15px; text-decoration: underline; color: #4b4b4b; cursor: pointer;}
.apply .apply01 .apply01_form ul li .apply01_privacy {display: none; padding: 20px; background: #f9f9f9; border: 1px solid #ddd; overflow-y: scroll; max-height: 200px; margin-bottom: 30px; border-radius: 5px;}
.apply .apply01 .apply01_form ul li .apply01_privacy .apply01_txt {margin-bottom: 25px;}
.apply .apply01 .apply01_form ul li .apply01_privacy .apply01_txt:last-child {margin-bottom: 0;}
.apply .apply01 .apply01_form ul li .apply01_privacy .apply01_txt p {font-size: 18px; margin-bottom: 10px; font-weight: 500;}
.apply .apply01 .apply01_form ul li .apply01_privacy .apply01_txt span {font-size: 15px; line-height: 1.6;}
.apply .apply01 .apply01_submit {display: flex; justify-content: center; margin-top: 30px;}
.apply .apply01 .apply01_submit button {width: 200px; height: 45px; background: #008000; color: #fff; font-size: 16px; border-radius: 5px; cursor: pointer;}

/* 시설 둘러보기 (room03.html) */
.around {}
.around .around01 {}
.around .around01 .around01_cate {margin-bottom: 40px;}
.around .around01 .around01_cate ul {display: flex; justify-content: space-between; align-items: center; padding: 20px; background: #f5f5f5;}
.around .around01 .around01_cate ul li {display: flex; justify-content: center; align-items: center; width: calc(100% / 3 - 20px); height: 50px; background: #fff; cursor: pointer; }
.around .around01 .around01_cate ul li.on {background: #008000;}
.around .around01 .around01_cate ul li p {color: #aaa;}
.around .around01 .around01_cate ul li.on p {color: #fff;}
.around .around01 .around01_desc {}
.around .around01 .around01_desc ul {}
.around .around01 .around01_desc ul li {}
.around .around01 .around01_desc ul li .around01_slide {}
.around .around01 .around01_desc ul li .around01_slide img {border-radius: 30px 30px 150px 30px;}
.around .around01 .around01_desc ul li .around01_info {margin-top: 40px;}
.around .around01 .around01_desc ul li .around01_info p {font-size: 2rem; font-family: "Tenada";}
.around .around01 .around01_desc ul li .around01_info span {display: block; font-size: 18px; min-height: 75px;}
.around .around01 .around01_desc .around01_info .place { padding-top: 20px; }
.around .around01 .around01_desc .around01_info .place.place_under { padding-top: 40px; }
.around .around01 .around01_desc .around01_info .place .title { padding-bottom: 10px; }
.around .around01 .around01_desc .around01_info .place .img_box { display: flex; width: 100%; overflow: hidden; justify-content: space-between; }
.around .around01 .around01_desc .around01_info .place .img_box img { width: 48%; height: 100%; border-radius: 20px; }

.around .around01 .around01_link {margin-top: 60px;}
.around .around01 .around01_link a {display: flex; justify-content: center; align-items: center; width: 150px; height: 45px; background: #008000; color: #fff; margin: 0 auto; border-radius: 15px;}


/* 대관신청 관리자 (로그인) */
.recruit {display: flex; justify-content: center; align-items: center; min-height: 100vh; background: #eef0f4;}
.recruit .recruit_login {width: 30%; background: #fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 15px; padding: 30px;}
.recruit .recruit_login .login_logo {text-align: center; margin-bottom: 30px;}
.recruit .recruit_login .login_logo img {display: inline-block; width: 150px;}
.recruit .recruit_login .login_form {}
.recruit .recruit_login .login_form input {display: block; width: 100%; height: 40px; border: 1px solid #ddd; background: #f9f9f9; border-radius: 5px; padding: 10px;}
.recruit .recruit_login .login_form input:first-child {margin-bottom: 10px;}
.recruit .recruit_login .login_form input:focus {outline: none;}
.recruit .recruit_login .login_form button {width: 100%; height: 40px; background: #2149a6; color: #fff; cursor: pointer; margin-top: 30px; border-radius: 5px;}
.recruit .recruit_login .login_copy {margin-top: 40px; text-align: center;}
.recruit .recruit_login .login_copy p {font-size: 15px; color: #4b4b4b;}

/* 대관신청 관리자 (신청내역) */
.recruit .recruit_list {width: 80%; background: #fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 15px; padding: 30px;}
.recruit .recruit_list .recruit_title {margin-bottom: 40px;}
.recruit .recruit_list .recruit_title p {display: inline-block; background: #2149a6; color: #fff; border-radius: 15px; padding: 10px 20px; font-weight: 500;}
.recruit .recruit_list .recruit_title h2 {margin-top: 20px;}
.recruit .recruit_list .recruit_util {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 20px;}
.recruit .recruit_list .recruit_util .recruit_num {}
.recruit .recruit_list .recruit_util .recruit_num p {}
.recruit .recruit_list .recruit_util .recruit_num p span {color: #fe4249; font-weight: 500;}
.recruit .recruit_list .recruit_util .recruit_search {border: 1px solid #ddd; border-radius: 5px; overflow: hidden;}
.recruit .recruit_list .recruit_util .recruit_search select {border: 0; padding: 10px; height: 40px; font-size: 15px;}
.recruit .recruit_list .recruit_util .recruit_search select:focus {outline: 0;}
.recruit .recruit_list .recruit_util .recruit_search input[type="text"] {width: 300px; border: 0; padding: 10px; height: 40px; font-size: 15px;}
.recruit .recruit_list .recruit_util .recruit_search input[type="text"]:focus {outline: none;}
.recruit .recruit_list .recruit_util .recruit_search button {width: 40px; height: 40px; background: #f5f5f5;}
.recruit .recruit_list .recruit_util .recruit_search button i {font-size: 16px;}
.recruit .recruit_list .recruit_tb {}
.recruit .recruit_list .recruit_tb table {width: 100%; table-layout: fixed; border-top: 2px solid #2149a6;}
.recruit .recruit_list .recruit_tb table tr {border-bottom: 1px solid #ddd;}
.recruit .recruit_list .recruit_tb table tr td {text-align: center; padding: 10px;}
.recruit .recruit_list .recruit_tb table tr td.check {width: 50px;}
.recruit .recruit_list .recruit_tb table tr td.num {width: 80px;}
.recruit .recruit_list .recruit_tb table tr td.name {width: 100px;}
.recruit .recruit_list .recruit_tb table tr td.tel {width: 150px;}
.recruit .recruit_list .recruit_tb table tr td.place {width: 200px;}
.recruit .recruit_list .recruit_tb table tr td.date {width: 150px;}
.recruit .recruit_list .recruit_tb table tr td.time {width: 150px;}
.recruit .recruit_list .recruit_tb table tr td.date2 {width: 150px;}
.recruit .recruit_list .recruit_tb table tr td.status {width: 100px;}
.recruit .recruit_list .recruit_tb table tr td.con {width: calc(100% - 1250px);}
.recruit .recruit_list .recruit_tb table tr td.edit {width: 120px;}
.recruit .recruit_list .recruit_tb table tr td p {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.recruit .recruit_list .recruit_tb table tr td button {border: 1px solid #ddd; background: #f5f5f5; width: 100%; height: 35px; border-radius: 5px; cursor: pointer;}
.recruit .recruit_list .recruit_tb table tr td a {font-size: 15px; color: #aaa; text-decoration: underline;}
.recruit .recruit_list .recruit_tb table thead tr {background: #f9f9f9;}
.recruit .recruit_list .recruit_tb table thead tr td {font-weight: 700;}
.recruit .recruit_list .recruit_tb table tbody tr {}
.recruit .recruit_list .recruit_tb table tbody tr td {}
.recruit .recruit_list .recruit_page {display: flex; justify-content: center; align-items: center; margin-top: 30px;}
.recruit .recruit_list .recruit_page a {display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 5px; color: #aaa; margin: 0 5px;}
.recruit .recruit_list .recruit_page a.on {background: #2149a6; color: #fff;}
.recruit .recruit_list .recruit_page a i {}
.recruit .recruit_list .recruit_page a span {}

/* 대관신청 관리자 (신청관리) */
.recruit .recruit_view {width: 80%; background: #fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 15px; padding: 30px;}
.recruit .recruit_view .recruit_title {margin-bottom: 40px;}
.recruit .recruit_view .recruit_title p {display: inline-block; background: #2149a6; color: #fff; border-radius: 15px; padding: 10px 20px; font-weight: 500;}
.recruit .recruit_view .recruit_title h2 {margin-top: 20px;}
.recruit .recruit_view .recruit_info {}
.recruit .recruit_view .recruit_info ul {display: flex; flex-wrap: wrap; border-top: 2px solid #2149a6;}
.recruit .recruit_view .recruit_info ul li {display: flex; width: calc(100% / 2); border-bottom: 1px solid #ddd;}
.recruit .recruit_view .recruit_info ul li.wd1 {width: 100%;}
.recruit .recruit_view .recruit_info ul li .recruit_cate {display: flex; justify-content: center; align-items: center; width: 200px; text-align: center; background: #f5f5f5; padding: 20px;}
.recruit .recruit_view .recruit_info ul li .recruit_cate p {font-weight: 500;}
.recruit .recruit_view .recruit_info ul li .recruit_desc {width: calc(100% - 200px); padding: 20px;}
.recruit .recruit_view .recruit_info ul li .recruit_desc p {}
.recruit .recruit_view .recruit_bt {text-align: center; margin-top: 40px;}
.recruit .recruit_view .recruit_bt button {width: 120px; height: 40px; font-size: 16px; background: #2149a6; color: #fff; margin: 0 auto; border-radius: 5px; cursor: pointer;}
.recruit .recruit_view .recruit_bt button:first-child {background: #fff; border: 1px solid #ddd; color: #aaa; margin-right: 10px;}

/* media Query */
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 1024px) {
    .sub_wrap {padding-top: 0;}
    .sub_wrap .sub_box .sub_quick {display: none;}
    .sub_wrap .sub_box .sub_con {width: 100%;}
}
@media screen and (max-width: 768px) {
    .partner .partner01 .partner01_util .partner01_cate ul {flex-wrap: wrap;}
    .partner .partner01 .partner01_util .partner01_cate ul li {width: calc(100% / 3 - 15px);}
    .partner .partner01 .partner01_util .partner01_cate ul li button {font-size: 15px;}
    .partner .partner01 .partner01_util .partner01_cate ul li:nth-child(n+4) {margin-top: 20px;}
}
@media all and (max-width: 578px) {
	.around .around01 .around01_desc .around01_info .place .img_box { gap: 10px; }
}
@media screen and (max-width: 500px) {
    header .header_wrap .mnb .mnb_list ul li .mnb_cate p {font-size: 16px;}
    header .header_wrap .mnb .mnb_list ul li .mnb_menu a {font-size: 15px;}
    .sub_depth {display: none;}
    .sub_wrap {margin-top: 87.19px;}
    .sub_wrap > .inner {padding: 0;}
    .sub_wrap .sub_box .sub_con .sub_title h2 {font-size: 18px;}
    .intro .intro01 .intro01_img img {width: 120px;}
    .intro .intro01 .intro01_txt h2 {font-size: 24px; word-break: keep-all;}
    .intro .intro01 .intro01_txt p {word-break: keep-all;}
    .intro .intro01 .intro01_txt p br {display: none;}
    .intro .intro02 {margin-top: 30px;}
    .intro .intro02 .intro02_title p {font-size: 24px;}
    .intro .intro02 .intro02_list ul {flex-wrap: wrap;}
    .intro .intro02 .intro02_list ul li {width: 100%; margin-bottom: 20px;}
    .intro .intro02 .intro02_list ul li:nth-child(n+3) {margin-bottom: 20px;}
    .intro .intro02 .intro02_list ul li:last-child {margin-bottom: 0;}
    .intro .intro02 .intro02_list ul li h2 {font-size: 20px;}
    .intro .intro02 .intro02_list ul li p {font-size: 18px;}
    .intro .intro02 .intro02_list ul li span {font-size: 15px;}
    .partner .partner01 .partner01_util .partner01_cate ul li {width: calc(100% / 2 - 10px);}
    .partner .partner01 .partner01_util .partner01_cate ul li:nth-child(n+3) {margin-top: 20px;}
    .partner .partner01 .partner01_list ul li {width: 100%;}
    .partner .partner01 .partner01_list ul li:nth-child(-n + 2) {margin-top: 20px;}
    .partner .partner01 .partner01_list ul li:first-child {margin-top: 0;}
    .location .location01 .location01_map .wrap_map {height: 250px !important;}
    .location .location01 .location01_info table tr td {padding: 15px; font-size: 15px; line-height: 1.4; word-break: keep-all;}
    .location .location01 .location01_info table tr td:first-child {white-space: nowrap;}
    .location .location01 .location01_road ul li .location01_car p {font-size: 18px;}
    .location .location01 .location01_road ul li .location01_desc p {font-size: 15px; padding-left: 0;}
    .location .location01 .location01_road ul li .location01_desc p::before {content: none;}
    .location .location01 .location01_road ul li .location01_desc p strong {display: block; width: auto;}
    .location .location01 .location01_road ul li .location01_desc span {padding-left: 10px; font-size: 14px; word-break: keep-all;} 
    .use .use01 .use01_title i {display: none;}
    .use .use01 .use01_title p {font-size: 16px; white-space: nowrap;}
    .use .use01 .use01_title p span {font-size: 1.6rem;}
    .use .use01 .use01_box ul li {margin-bottom: 30px;}
    .use .use01 .use01_box ul li .use01_cate p {font-size: 18px;}
    .use .use01 .use01_box ul li .use01_process {flex-wrap: wrap;}
    .use .use01 .use01_box ul li .use01_process .use01_con {width: calc(100% / 2 - 20px);}
    .use .use01 .use01_box ul li .use01_process .use01_con:nth-child(n+3) {margin-top: 20px;}
    .use .use01 .use01_box ul li .use01_process .use01_con .use01_ico {font-size: 2.4rem;}
    .use .use01 .use01_box ul li .use01_process .use01_con .use01_txt p {font-size: 18px;}
    .use .use01 .use01_box ul li .use01_process .use01_con .use01_txt span {font-size: 15px; word-break: keep-all;}
    .use .use01 .use01_box ul li .use01_time {overflow-x: scroll;}
    .use .use01 .use01_box ul li .use01_time table {width: 800px;}
    .use .use01 .use01_box ul li .use01_time table tr td {padding: 15px; font-size: 15px;}
    .use .use01 .use01_box ul li .use01_info {padding: 15px;}
    .use .use01 .use01_box ul li .use01_info p {font-size: 16px; margin-bottom: 10px;}
    .use .use01 .use01_box ul li .use01_info span {font-size: 14px; word-break: keep-all; padding-left: 5px;}
    .use .use01 .use01_box ul li .use01_info span::before {content: none;}
    .use .use01 .use01_box ul li .use01_link a {width: 120px; font-size: 15px;}
    .apply .apply01 .apply01_form {padding-top: 20px;}
    .apply .apply01 .apply01_form ul {padding: 0 10px;}
    .apply .apply01 .apply01_form ul li {margin-bottom: 20px;}
    .apply .apply01 .apply01_form ul li.wd2 {width: 100%;}
    .apply .apply01 .apply01_form ul li .apply01_cate {margin-bottom: 10px;}
    .apply .apply01 .apply01_form ul li .apply01_cate p {font-size: 16px;}
    .apply .apply01 .apply01_form ul li .apply01_desc input[type="text"] {font-size: 15px; height: 40px;}
    .apply .apply01 .apply01_form ul li .apply01_desc .apply01_bt {width: calc(100% / 3 - 10px); height: 40px; font-size: 15px;}
    .apply .apply01 .apply01_form ul li .apply01_desc .apply01_bt.date {width: calc(100% / 3 - 10px); margin-top: 15px;}
    .apply .apply01 .apply01_form ul li .apply01_desc .apply01_bt.date:nth-child(-n + 3) {margin-top: 0;}
    .apply .apply01 .apply01_form ul li .apply01_desc .apply01_bt.time {width: calc(100% / 2 - 10px);}
    .apply .apply01 .apply01_form ul li .apply01_desc .apply01_bt.time:nth-child(-n + 5) {margin-top: 15px;}
    .apply .apply01 .apply01_form ul li .apply01_desc .apply01_bt.time:nth-child(-n + 2) {margin-top: 0;}
    .apply .apply01 .apply01_form ul li .apply01_agree .apply01_check label i {width: 20px; height: 20px; font-size: 14px;}
    .apply .apply01 .apply01_form ul li .apply01_agree .apply01_check label p {font-size: 14px; white-space: nowrap; margin-left: 5px;}
    .apply .apply01 .apply01_form ul li .apply01_agree .apply01_more span {font-size: 14px; white-space: nowrap;}
    .apply .apply01 .apply01_submit button {width: 120px; font-size: 15px;}
    .around .around01 .around01_cate ul li {font-size: 15px; height: 40px;}
    .around .around01 .around01_desc ul li .around01_info {margin-top: 25px;}
    .around .around01 .around01_desc ul li .around01_info p {font-size: 24px; margin-bottom: 10px;}
    .around .around01 .around01_desc ul li .around01_info span {font-size: 15px; word-break: keep-all;}
    .around .around01 .around01_link a {width: 150px; font-size: 15px; text-align: center;}
}
@media all and (max-width: 375px) {
	.around .around01 .around01_desc .around01_info .place .img_box { flex-direction: column; }
	.around .around01 .around01_desc .around01_info .place .img_box img { width: 100%; }
}