/*-------------------------------------------------------*/
/* www.terraweb.co.kr
/*-------------------------------------------------------*/
.transAll_02 { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.transAll_025 { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.transAll_03 { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

/*-------------------------------------------------------*/
/* 서브 페이지 공통
/*-------------------------------------------------------*/
.h_10px {height:10px; }
.h_20px {height:20px; }
.h_30px {height:30px; }
.h_40px {height:40px; }
.h_50px {height:50px; }
.h_60px {height:60px; }
.h_80px {height:80px; }

.btn-black {background-color:#000000;border-color:#000000}
.btn-black:hover {background-color:#525252;border-color:#525252}
.btn-e-brd.btn-dark {color:#000000 !important;background-color:transparent;border-color:#000000}
.btn-e-brd.btn-dark:hover {color:#525252 !important;background-color:transparent;border-color:#525252}

@media all and (min-width:1200px) {
	.h_10px {height:10px; }
	.h_20px {height:20px; }
	.h_30px {height:30px; }
	.h_40px {height:40px; }
	.h_50px {height:50px; }
	.h_60px {height:60px; }
	.h_80px {height:80px; }
}
@media all and (max-width:1199px) {
	.h_10px {height:10px; }
	.h_20px {height:20px; }
	.h_30px {height:30px; }
	.h_40px {height:40px; }
	.h_50px {height:50px; }
	.h_60px {height:60px; }
	.h_80px {height:80px; }
}
@media all and (max-width:767px) { 
	.h_10px {height:5px; }
	.h_20px {height:10px; }
	.h_30px {height:15px; }
	.h_40px {height:20px; }
	.h_50px {height:25px; }
	.h_60px {height:30px; }
	.h_80px {height:40px; }
}

/*서브 페이지 스타일*/
/*사이드바 있음*/
.sub-basic-body .container {max-width: 1560px;padding:0 30px;} /*서브페이지 메인과 너비가 다름*/
.sub02-basic-body .container {max-width: 1280px;padding:0 10px;} 


.load-motion .page-title-image {background-size: auto 120%;}
.load-motion .page-title-caption h2{opacity: 0;transform: translateY(30px);}
.load-motion .page-title-caption .breadcrumb{opacity: 0;transform: translateY(30px);}
.page-title-image {background-size: auto 100%;transition: 5s background-size;}
.page-title-caption h2 {transform: translateY(0);opacity: 1;transition-duration: 0.7s ;transition-delay:0.3s;transition-property: transform,opacity;}
.page-title-caption .breadcrumb {transform: translateY(0);opacity: 1;transition-duration: 0.6s ;transition-property: transform,opacity;transition-delay: 0.9s}


.wrap{}
.wrap .side-style{display: flex;justify-content: space-between;}
.wrap .side-content{width: 240px;border:1px solid #e1e1e1;border-radius: 25px;box-shadow:2px 3px 10px 0px rgba(0,0,0,0.1);    overflow: hidden;}
.wrap .side-content .header-box {width: 100%;height: 100px;display: flex;justify-content: center;align-items: center;}
.wrap .side-content .header-box  > h2 {font-size: 26px;font-weight: 700;color:#000000;position: relative;}
.wrap .side-content .header-box  > h2::after{content:'';width: 6px;height: 6px;border-radius: 100%;background-color: #d70c19;display: block;position: absolute;top:0;right: -10px;}
.wrap .side-content .menu-item {border-top:1px solid #e1e1e1;}
.wrap .side-content .menu-item:last-of-type > a{height:70px;padding-bottom: 10px;}
.wrap .side-content .menu-item > a{width: 100%;padding:0 20px;color:#000000;font-size: 18px;font-weight: 500;letter-spacing: -0.05em;height: 60px;display: flex;align-items: center;justify-content: space-between;transition: 0.2s;}
.wrap .side-content .menu-item > a:hover{background: #f5f5f4;}
.wrap .side-content .menu-item.active > a{background-color: #d70c19;color:#ffffff;}
.wrap .side-content .menu-item.submenu > a::after{content:'';width: 22px;height: 22px;background-image: url("/image/common/icon-menu-arrow.svg");background-repeat:no-repeat;background-size: 8px 5px;background-position: center;display: block;border:1px solid rgba(225,225,225,0.7);border-radius: 5px;transform: rotate(180deg);}
.wrap .side-content .menu-item.active  .submenu-list{display: block;}
.wrap .side-content .menu-item.submenu.active > a::after{background-image: url("/image/common/icon-menu-arrow-on.svg");border:1px solid rgba(255,255,255,0.2);transform: rotate(0);}
.wrap .side-content .submenu-list {padding:10px 0;display: none;background-color: #fafafa;}
.wrap .side-content .submenu-item{}
.wrap .side-content .submenu-item > a {display: block;width: 100%;padding:0 20px;color:#747474;font-size: 15px;font-weight: 400;letter-spacing: -0.05em;line-height: 2.266;}
.wrap .side-content .submenu-item > a:hover{text-decoration: underline;}
.wrap .side-content .submenu-item > a::before{content:'';display: inline-block;background-image: url("/image/common/icon-menulist.png");background-size:200% 100%;background-position:0 0;background-repeat:no-repeat;width: 10px;height: 10px;margin-right: 10px;}
.wrap .side-content .submenu-item.active > a{color:#000000; font-weight:600;}
.wrap .side-content .submenu-item.active > a::before{background-position:100% 0;}

.wrap .sub-content-box{width: 100%;display: flex;justify-content: space-between;}
.wrap.side-style .content-box{max-width: calc(100% - 300px);}
.wrap.side-style .terra-wrap{max-width: calc(100% - 300px);}
.wrap .terra-wrap{width:100%; padding:20px 0;}
.wrap .terra-content-box { width:100%; padding:0px 0;}
.wrap .terra-content-box > .terra-title-box h2 {font-size:44px; color:#000000; padding-left:0px; font-weight:600; font-family:'Noto Sans KR','Nanum Gothic','나눔고딕'; letter-spacing:-0.03em;}
.wrap .terra-content-box > .terra-board-title-box h2 {font-size:34px; font-weight:700; color:#000000;}
.wrap .content-box {width: 100%;padding:20px 0;}
.wrap .content-box .mt10{margin-top: 10px;}
.wrap .content-box .mt15{margin-top: 15px;}
.wrap .content-box .mt20{margin-top: 20px;}
.wrap .content-box .mt25{margin-top: 25px;}
.wrap .content-box .mt30{margin-top: 30px;}
.wrap .content-box .mt40{margin-top: 40px;}
.wrap .content-box .mt45{margin-top: 45px;}
.wrap .content-box .mt50{margin-top: 50px;}
.wrap .content-box .mt60{margin-top: 60px;}
.wrap .content-box .mt70{margin-top: 70px;}
.wrap .content-box .mt80{margin-top: 80px;}
.wrap .content-box > .title-box h2{font-size:44px; font-weight: 700;color:#000000; font-weight:700; font-family:'Noto Sans KR','Nanum Gothic','나눔고딕'; letter-spacing:-0.03em;}
.wrap .content-box > .text-box{}
.wrap .content-box > .text-box h3{font-size: 26px;font-weight: 700;color:#000000;letter-spacing: -0.05em;line-height: 1.307;}
.wrap .content-box > .text-box p{font-size: 18px;font-weight: 400;color:#474747;letter-spacing: -0.05em;line-height: 1.666;}
.wrap .content-box > .img-group{display: flex;justify-content: space-between;}
.wrap .content-box .img-box{width: 100%;height: 356px;overflow: hidden;border-radius: 10px;}
.wrap .content-box .img-box > img{width: 100%;height: 100%;object-fit: cover;}
.wrap .content-box > .img-group.two .img-box{width: calc((100% - 10px) /2);}

.wrap .content-box .img-box2{width: 100%;height: 356px;overflow: hidden;border-radius:0px;}
.wrap .content-box .img-box2 > img{width: 100%;height: 100%;object-fit: cover;}
.wrap .content-box > .img-group.two .img-box2{width: calc((100% - 10px) /2);}

.wrap .content-box .img-box-small{width: 100%;height: 240px;overflow: hidden;border-radius: 10px;}
.wrap .content-box .img-box-small > img{width: 100%;height: 100%;object-fit: cover;}
.wrap .content-box > .img-group.three .img-box-small{width: calc((100% - 20px) /3);}

.wrap .content-box .img-box-small2{width: 100%;height: 240px;overflow: hidden;border-radius:0px;}
.wrap .content-box .img-box-small2 > img{width: 100%;height: 100%;object-fit: cover;}
.wrap .content-box > .img-group.three .img-box-small2{width: calc((100% - 20px) /3);}

.wrap .content-box .view-btn{position: relative;cursor: pointer;}
.wrap .content-box .view-btn:after {content: "";display: block;position: absolute;top: 50%;left: 50%;width: 61px;height: 60px;background-image: url('/image/common/icon-magnifier.png');background-repeat: no-repeat;background-size: 61px 60px;background-position: center;transform: translate(-50%, -100%);opacity: 0;transition-duration: 0.4s;transition-property: opacity, transform;}
.wrap .content-box .view-btn:hover:after {opacity:1;transform: translate(-50%,-50%);}


.wrap .content-box > .info-box{}
.wrap .content-box > .info-box h2{font-size: 22px;font-weight: 500;color:#333333;letter-spacing: -0.05em;line-height: 1.666;}
.wrap .content-box > .info-box p{font-size: 18px;font-weight: 400;color:#333333;letter-spacing: -0.05em;line-height: 1.666;background-color: #f9f9f9;display: block;width: 100%;padding:30px;border-radius: 15px;}
.wrap .content-box > .button-box{display: flex;column-gap: 12px;}
.wrap .content-box > .button-box .button{display: flex;justify-content: center;align-items: center;min-width:150px;height: 50px;padding:0 20px;border:1px solid #000000;border-radius: 50px;font-size: 18px;font-weight: 500;color:#000000;letter-spacing: -0.05em;transition: .3s;}
.wrap .content-box > .button-box .button:hover{background-color: #8b6d49;border-color: #8b6d49;color:#ffffff;}
.wrap .content-box > .button-box .button.color1{background-color: #000000;color:#ffffff;}
.wrap .content-box > .button-box .button.color1:hover{background-color: #d70c19;border-color: #d70c19;color:#ffffff;}
.wrap .content-box .map-box{width: 100%;height: 600px;background-color:#d7d7d7;}

.wrap .content-box .gallery-slider {background-color: #f1f3f6;position: relative;}
.wrap .content-box .gallery-slider .list-box .img-item{width: 100%;height:620px;position: relative;}
.wrap .content-box .gallery-slider .list-box .img-item figure {margin: 0;position: relative;}
.wrap .content-box .gallery-slider .list-box .img-item figcaption{position: absolute;left: 0;bottom:0;font-size: 16px;color:#ffffff;padding:10px 15px;background-color: rgba(0,153,184,0.8);}
.wrap .content-box .gallery-slider .vr-button {width: 148px;height: 50px;background-color: #ffffff;position: absolute;right: 20px;top: 20px;border: 1px solid #000000;border-radius: 50px;font-size: 18px;font-weight: 500;letter-spacing: -0.05em;color: #000000;display: flex;justify-content: center;align-items: center;transition: 0.2s;z-index: 1;}
.wrap .content-box .gallery-slider .vr-button:after{content:'';background-image: url("../page/img/vr-arrow.png");background-repeat: no-repeat;background-size: 200% 100%;background-position: 0;width: 7px;height: 11px;display: block;margin-left: 12px;}
.wrap .content-box .gallery-slider .vr-button:hover {background-color: #000000;border-color:#000000;color:#ffffff;}
.wrap .content-box .gallery-slider .vr-button:hover:after{background-position: 100%;}

.wrap .content-box .gallery-slider .pagingInfo{position: absolute;right: 20px;top:570px;width: 50px;height: 30px;display: flex;;justify-content: center;align-items: center;color:#ffffff;background-color: #000000;border-radius: 50px;font-size: 11px;}
.wrap .content-box .gallery-slider .slick-dots li{display:none;}
.wrap .content-box .gallery-slider .slick-dotted.slick-slider{margin: 0;}
.wrap .content-box .gallery-slider .list_thumb {position: relative;padding: 40px 80px;}
.wrap .content-box .gallery-slider .list_thumb .thumb-item {width: 172px;height: 107px;overflow: hidden;padding:0 10px;position: relative;cursor: pointer;}
.wrap .content-box .gallery-slider .list_thumb .slick-slide{position: relative;}
.wrap .content-box .gallery-slider .list_thumb .thumb-item .img{position: relative;width: 100%;height: 100%;}
.wrap .content-box .gallery-slider .list_thumb .thumb-item .img::before{content:'';width: 100%;height: 100%;position: absolute;left: 0;top:0;background-color: rgba(0,0,0,0.4);z-index: 1;opacity: 0;pointer-events: none;transition: 0.3s;}
.wrap .content-box .gallery-slider .list_thumb .slick-slide.slick-current .thumb-item .img::before{opacity: 1;pointer-events: auto;}
.wrap .content-box .gallery-slider .list_thumb .slick-slide.slick-current::after {content: "";width: 30px;height: 30px;background-color: #000000;border-radius: 50%;display: flex;justify-content: center;align-items: center;position: absolute;transform: translate(-50%, -50%);left: 50%;top: 50%;background-image: url("../page/img/slider-check-arrow@2x.png");background-size: 14px 10px;background-position: center center;background-repeat: no-repeat;z-index: 2;}
.wrap .content-box .gallery-slider.fade-style .list_thumb .slick-slide.slick-current::after {content: none;}
.wrap .content-box .gallery-slider.fade-style .list_thumb .slick-slide.slick-current .thumb-item .img::before{content:none;}
.wrap .content-box .gallery-slider.fade-style .list_thumb .slick-slide.slick-current .img::after {content: "";width: 100%;height: 100%;border: 6px solid #d70c19;position: absolute;top:0;left: 0;z-index: 2}
.wrap .content-box .gallery-slider .list_thumb .thumb-item img {width: 100%;height: 100%;object-fit: cover;position: relative;}
.wrap .content-box .gallery-slider .slick-prev {left: 30px;}
.wrap .content-box .gallery-slider .slick-next {right: 30px;}
.wrap .content-box .gallery-slider .slick-arrow {position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;font-size:0;text-indent:-99999px;width: 30px;height: 30px;background-color: #ffffff;border-radius: 100%;display: flex;justify-content: center;align-items: center;transition: 0.2s;}
.wrap .content-box .gallery-slider .slick-arrow::before {content:'';background-image: url("../page/img/slider-arrow@2x.png");background-repeat: no-repeat;background-size: cover;width: 7px;height: 12px;display: block;}
.wrap .content-box .gallery-slider .slick-arrow.slick-next::before {transform: rotate(180deg);}
.wrap .content-box .gallery-slider .slick-arrow:hover {box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);}

.wrap .content-box .gallery-slider .list-box .slick-arrow {position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;font-size:0;text-indent:-99999px;width: 80px;height: 80px;background-color: transparent;display: flex;justify-content: center;align-items: center;transition: 0.2s;}
.wrap .content-box .gallery-slider .list-box .slick-arrow::before {content:'';background-image: url("../page/img/slider-list-arrow.png");background-repeat: no-repeat;background-size: cover;width: 80px;height: 80px;display: block;transition-duration: 0.3s;transition-property: background-image;}
.wrap .content-box .gallery-slider .list-box .slick-arrow.slick-next::before {transform: rotate(180deg);}
.wrap .content-box .gallery-slider .list-box .slick-arrow:hover::before {background-image: url("../page/img/slider-list-arrow-over.png");}



.sub-basic-body {padding:40px 0 0 0; position:relative;}
.sub02-basic-body {padding:40px 0 0 0; position:relative;}
.select-box{width: 100%;display: none;position: absolute;left: 0;top:0;}
.select-box > .select-item {width: 50%;height: 100%;min-height:50px;border-top:1px solid #e5e5e7;    box-sizing: content-box;position: relative;}
.select-box > .select-item .label{width:100%;height: 50px;font-size: 14px;font-weight: 500;border:0;color:#333;background-size: 12px auto;padding:0 15px;text-align: left;position: relative;background-color: #ffffff;border-bottom:1px solid #e5e5e7;}
.select-box > .select-item .optionList+.label::after{content:'';background: url('../page/img/icon-select-arrow.svg') center no-repeat;background-size: contain;position: absolute;width: 10px;height: 6px;top: calc(50% - 4px);right: 20px;}
.select-box > .select-item:first-of-type{border-right:1px solid #e5e5e7;}
.select-box > .select-item .optionList{display: none;position: absolute;top:50px;width: 100%;z-index: 2;    box-sizing: content-box;}
.select-box > .select-item:first-of-type .optionList{border-right:1px solid #e5e5e7;}
.select-box > .select-item:last-of-type .optionList{border-left:1px solid #e5e5e7;left: -1px;}
.select-box > .select-item .optionList .optionItem{display: flex;align-items: center;width: 100%;font-size: 14px;font-weight: 500;padding:0 15px;height: 50px;background-color: #ffffff;border-bottom:1px solid #e5e5e7;position: relative;}
.select-box > .select-item .optionList .optionItem.active{background: #f6f6f8;}
.select-box > .select-item .optionList .optionItem.more::after{content:'';background: url('../page/img/spon_link.svg') center no-repeat;background-size: contain;position: absolute;width: 11px;height: 11px;top: calc(50% - 4px);right: 20px;}
/*.select-box > .select-item:hover .optionList+.label{background: #f6f6f8;}
.select-box > .select-item:hover .optionList{opacity: 1;pointer-events: auto;height: auto;display: block;}*/

.board_gab { padding:0px 0 44px 0; }
.board_top_ab { height:22px; }
.board_total { font-size:18px; font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림'; font-weight:500; color:#404040; padding-left:0px; }
.board_total strong { color:#d70c19 !important; font-weight:500; padding-right:3px; }
.board_total_under { /*border-bottom:2px solid #333333;*/ padding-bottom:20px; border-bottom: 1px solid #dedede;}


/*공통 스타일 작업 */
.board-top{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid #dedede;flex-wrap: wrap;row-gap: 20px;}
.board-top .search-box{display: flex;column-gap: 5px;height: 50px;}
.board-top .search-box :is(input,select){height: 100%;border:1px solid #dedede;min-width: 110px;padding:0 15px;font-size: 15px;letter-spacing: -0.025em;}
.board-top .search-box select {background: transparent;-webkit-appearance: none;background-image: url("../image/icons/select-arrow.svg");background-size:9px 6px;background-repeat: no-repeat;background-position: calc(100% - 15px) center;    color: #000000;}
.board-top .search-box .search-input{position: relative;    width: 100%;}
.board-top .search-box .search-input .sch_input{padding-right: 65px}
.board-top .search-box .search-input .sch_btn{top:0;right: 0;position: absolute;width: 50px;height: 100%;border:0;background-color: #000000;background-image: url("../image/icons/icon-search.png");background-size: 25px 24px;background-position: center;background-repeat: no-repeat;}

.board-top .search-box .search-input .kfem_sch_btn{top:0;right: 0;position: absolute;width: 50px;height: 100%;border:0;background-color: #000000;background-image: url("../image/icons/icon-search_w.png");background-size: 25px 24px;background-position: center;background-repeat: no-repeat;}
.direct-box{display: flex;column-gap: 5px;height: 50px;}
.direct-box :is(input,select){height: 100%;border:1px solid #dedede;min-width: 110px;padding:0 15px;font-size: 15px;letter-spacing: -0.025em;}
.direct-box select {background: transparent;-webkit-appearance: none;background-image: url("../image/icons/select-arrow.svg");background-size:9px 6px;background-repeat: no-repeat;background-position: calc(100% - 15px) center;    color: #000000;}
.type-box{display: flex;width: 100%;justify-content: space-between;align-items: center}
.type-box > ul{display: flex;}

.section-monthly {text-align:center}
.section-monthly .years{font-size:32px; display:flex; justify-content:center; align-items:center; column-gap:22px;}
.section-monthly .years .btn-arrow{width: 56px;height: 56px;display: inline-block;background-image: url("../image/icons/icon-arrow.png");background-size: 18px 18px;background-position: center;background-repeat: no-repeat;border:1px solid #cccccc;border-radius: 50%;background-color: transparent; transition: 0.3s;}
.section-monthly .years .btn-arrow.prev{transform: rotate(180deg);}
.section-monthly .years .btn-arrow:hover{border-color:#000; background-color:#000;background-image: url("../image/icons/icon-arrow-white.png");}
.section-monthly .months {display:flex;align-items:center;width:100%;margin-top:34px;border-top:2px solid #000000;border-bottom:1px solid #000000;padding:26px 0;}
.section-monthly .months .button{width:90px;height: 40px; text-align:center;color:#000000;font-size: 16px;letter-spacing: -0.025em; display: flex; align-items: center; justify-content: center;border:1px #fff solid; transition: 0.3s;}
.section-monthly .months .button:hover{border-color:#000;}
.section-monthly .months .button.btn-prev:before{content:'';width: 7px;height:14px;display: inline-block;background-image: url("../image/icons/icon-month-arrow.png");background-size: 7px 14px;background-position: center;background-repeat: no-repeat;margin-right: 9px;}
.section-monthly .months .button.btn-next:after{content:'';width: 7px;height:14px;display: inline-block;background-image: url("../image/icons/icon-month-arrow.png");background-size: 7px 14px;background-position: center;background-repeat: no-repeat;margin-left: 9px;transform: rotate(180deg);}
.section-monthly .months ul {width:calc(100% - 180px);display: flex;flex-wrap: nowrap;align-items: center;gap:4px;}
.section-monthly .months ul li {width:calc(100% / 12);height: 40px;}
.section-monthly .months ul li .btn-mm {display:flex;justify-content:center;align-items:center;width:100%;height:100%;border:1px solid #e2e2e2;padding:2px 10px;color:#666666;font-size: 16px;font-weight: 400;}
.section-monthly .months ul li .btn-mm::after{content:'월';}
.section-monthly .months ul li .btn-mm.active {background-color:#000000;color:#fff}

.status-box{min-width:50px;left: 12px;top:12px;position: absolute;z-index: 1;display:flex;justify-content:center;align-items:center;background-color: #d70c19;box-shadow: 2px 2px 0 rgba(0,0,0,0.2);border-radius: 25px;font-size: 14px;letter-spacing: -0.05em;color:#ffffff;font-weight: 600;padding:5px 12px;}
.status-box.ready{background-color: #d70c19;}
.status-box.book{background-color: #d70c19;}
.status-box.book_ready {background-color: #d70c19; color:#ffffff;}
.status-box.end{background-color: #d70c19; color:#ffffff;}

.btn-style{ display: inline-flex;min-width: 86px;height:50px;justify-content:center;align-items:center;color: #000000 ;border: 1px solid #000000;background: #ffffff;font-family: 'Noto Sans KR', 'Nanum Gothic', 'dotum', '굴림', serif;font-size: 16px;font-weight:500; letter-spacing:-0.02em; transition: all 0.25s ease-in-out;border-radius: 0;padding:0 16px;}

.btn-style i{margin: 0 8px;}
.btn-style.medium{height: 40px;font-size: 14px;}
.btn-style.live{color:#ffffff;background-color: #000000;}
.btn-style.disable {color: #999999;border: 1px solid #cccccc;background: #ffffff;cursor: default;}
.btn-style.list{min-width: 160px;}
.btn-style.list i{margin-right: 20px;}

.btn-style.color-block{background-color:#000000;color:#ffffff;}
.btn-style.color-block:hover {background-color:#d70c19;color:#ffffff;border: 1px solid #d70c19;}
.btn-style.color-gray-line{background-color:#ffffff;color:#000000;border-color: #cccccc;}
.btn-style.color-yellow-bg{background-color:#a37c13;color:#ffffff;border:0;}

.btn-style.radius{border-radius: 50px;}
.btn-style.radius-5{border-radius: 5px;}
.btn-style.w-140{min-width: 140px;}
.btn-style.w-200{min-width: 200px;}



.board-view-btn-wrap{display: flex;justify-content: flex-end;width: 100%;column-gap: 10px;    margin-bottom: 30px;}
.board-button-buttons{display: flex;justify-content: center;}
.system-buttons{display: flex;justify-content: flex-end;column-gap: 5px;}

/*폼 커스트*/
/*
.eyoom-form .select select {-webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("../image/icons/icon-select-arrow.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
}
*/

.eyoom-form .select select {-webkit-appearance: none;
    background: transparent;
    -webkit-appearance: none;
    background-image: url(../image/icons/select-arrow.svg);
    background-size: 9px 6px;
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
    color: #000000;
}


@media (max-width: 992px) {
    .sub-basic-body, .sub02-basic-body {position: relative;}
    .sub-basic-body .container {max-width:1560px; padding:0 12px 0 10px;}
    .sub02-basic-body .container {max-width:1280px; padding:0 15px 0 15px;}
    .select-box{display: flex;}
    .wrap .side-content{width: 0;}
    .wrap .side-content :is(.header-box,.menu-list){display: none;}
    .wrap .content-box {padding:3rem 0 0 0;}
    .wrap .content-box > .text-box {margin-top:0rem;}    
    .wrap.side-style .content-box {max-width: 100%;}
    .wrap .content-box > .title-box h2 {font-size:1.8rem;}
    
    .wrap.side-style .terra-wrap {max-width: 100%;}
    .wrap .terra-wrap {padding:40px 0;}
    .wrap .terra-content-box > .terra-title-box h2 {font-size: 24px;}
    .wrap .terra-content-box > .terra-board-title-box h2 {font-size: 4.4rem;}
    .board_gab { padding:0px 0 44px 0; }
    
    .wrap .content-box > .text-box h3 {font-size: 3.4rem;}
    .wrap .content-box > .text-box p {font-size: 1.0rem;}

    .wrap .content-box > .img-group.two .img-box {width: calc((100% - 1rem) /2);}
    .wrap .content-box .img-box {width: 100%;height: auto;aspect-ratio: 23 / 15;}
    
    .wrap .content-box > .img-group.two .img-box2 {width: calc((100% - 1rem) /2);}
    .wrap .content-box .img-box2 {width: 100%;height: auto;aspect-ratio: 23 / 15;}
    
    .wrap .content-box > .img-group.three .img-box-small {width: calc((100% - 2rem) /3);}
    .wrap .content-box .img-box-small {width: 100%;height: auto;aspect-ratio: 36 / 24; border-radius:5px;}
    .wrap .content-box > .img-group.three .img-box-small2 {width: calc((100% - 2rem) /3);}
    .wrap .content-box .img-box-small2 {width: 100%;height: auto;aspect-ratio: 36 / 24; border-radius:0px;}
    .wrap .content-box .mt60 {margin-top: 7rem;}

    .wrap .content-box .view-btn:after {content: none;}

    .wrap .content-box > .info-box p {font-size: 2.4rem;padding: 4rem;}
    .wrap .content-box .gallery-box{margin-top: 8rem}
    .wrap .content-box .gallery-slider .list-box .img-item {width: 100%;height: auto;aspect-ratio: 44 / 25;overflow: hidden;}
    .wrap .content-box .gallery-slider .list-box .img-item img {display: block;width: 100%;height: 100%;object-fit: cover;}
    .wrap .content-box .gallery-slider .list_thumb {position: relative;padding: 3rem  2.5rem;}
    .wrap .content-box .gallery-slider .list_thumb .thumb-item {height: auto;aspect-ratio: 267 / 154;padding: 0 1rem;}
    .wrap .content-box .gallery-slider .slick-prev {left: 0.5rem;}
    .wrap .content-box .gallery-slider .slick-next {right: 0.5rem;}
    .wrap .content-box .gallery-slider .vr-button {width: 19rem;height: 6.5rem;right: 2rem;top: 2rem;font-size: 2.4rem;}
    .wrap .content-box .gallery-slider .pagingInfo {right: 2rem;top: 43rem;width: 8rem;height: 4rem;border-radius: 50px;font-size: 1.4rem;}
    .wrap .content-box .gallery-slider .slick-arrow {width: 6rem;height: 6rem;}
    .wrap .content-box .gallery-slider .slick-arrow::before {width: 1.4rem;height: 2.2rem;}
    .wrap .content-box .gallery-slider .list_thumb .slick-slide.slick-current::after {width: 6rem;height: 6rem;background-size: 2.8rem 2rem;}

    .wrap .content-box .gallery-slider .list-box .slick-arrow{pointer-events: none;}
    .wrap .content-box .gallery-slider .list-box .slick-arrow::before{display: none;}
    .wrap .content-box .gallery-slider .list-box .img-item figcaption {font-size: 2.4rem;padding: 1rem 2rem;}

    .wrap .content-box > .button-box {column-gap: 2rem;margin-top: 7rem;}
    .wrap .content-box > .button-box .button {display: flex;justify-content: center;align-items: center;min-width: 19rem;height: 6.5rem;padding: 0 2rem;font-size: 2.4rem;}
    .wrap .content-box .map-box {width: 100%;height:48rem;margin-top: 6rem;}

    .section-monthly {text-align:center;margin-top:20px;}
    .section-monthly .years {font-size:22px; display:flex; justify-content:center; align-items:center; column-gap:12px; }
    .section-monthly .years .btn-arrow {width:36px; height:36px; display:inline-block; background-image: url("../image/icons/icon-arrow.png"); background-size:12px 12px;background-position: center;background-repeat: no-repeat;border:1px solid #cccccc;border-radius: 50%;background-color: transparent; transition: 0.3s;}
    .section-monthly .months .button{display: none;}   
    
    .section-monthly .months {margin:12px 0 12px 0; justify-content: space-between; padding:10px 5px;}
    .section-monthly .months ul {width:100%; margin:0; display:flex; flex-wrap:nowrap; align-items:center; gap:4px;}
    .section-monthly .months ul li {width: calc(100% / 12);height: auto;aspect-ratio: 1/1;}
    .section-monthly .months ul li .btn-mm {padding:0;border-radius: 50%;border: 0;}
    .section-monthly .months ul li .btn-mm::after{content:'';}

    .board-top .right-box{width: 100%;}
    .board-top .search-box{column-gap: 10px;}
    .board-top .search-box select {width: 100px;}
    .board-top .search-box .search-input{width: calc(100% - 110px);}
    .board-top .search-box .search-input input{width:100%;}
    .board-top .search-box .search-input .sch_input{width: 100%;padding-right: 10px}
    .board-top .search-box .search-input .sch_btn{top:0;right: 0;position: absolute;}


    .type-box > ul img{width: 80px;}

    .direct-box :is(input,select) {min-width: 100px;}

    .btn-style {min-width:4.8rem; height:2.8rem; font-size:1.2rem; padding:0 0.6em;}
    .btn-style.list {min-width:8.6rem; height:2.8rem; font-size:1rem; padding:0 1em 0 0.6em;}
    .btn-style.list i {margin-right:0.6rem;}
    .btn-style.w-140 {min-width:7.6rem;}

    .status-box {min-width: 12rem;left: 2rem;top: 2rem;font-size: 2.4rem;}

    #bo_w table {font-size:0.9rem; vertical-align:middle;}
    #bo_w table select, #bo_w table input, #bo_w table input + label {font-size:0.8rem; height:2.6rem; margin:0.2em 0;}

    .board-view-btn-wrap {column-gap: 1rem;margin-bottom: 3rem;display: none;}

    .search-modal.show .modal-header { padding: 5rem 3rem; }
    .search-modal.show .modal-header .f-s-20r{font-size:4rem !important;}
    .search-modal.show .modal-header .btn-close{width: 3rem; height:3rem; background-size:80%; margin:0;}
    .search-modal.show .modal-body {padding: 0 3rem 5rem;}
    .search-modal.show .modal-body .m-t-10 { margin-top: 0 !important; }
    .search-modal.show .modal-body .m-t-10 .form-control{background-size:2rem;}
    .search-modal.show .modal-body .m-t-10 .form-control,
    .search-modal.show .modal-body .eyoom-form .input input{font-size:4rem; height:10rem;}
    .search-modal.show .modal-body .eyoom-form .input-button .button{width:16rem; height:10rem; font-size:3rem; line-height:1; padding:0; display: flex; align-items: center; justify-content: center; top:0; right:0; border:1px #D5D5D5 solid;}
    .search-modal.show .modal-body .eyoom-form .input-button .button input{padding: 0; width: 100%; height:100%;}
    .search-modal.show .modal-body .eyoom-form .input, .search-modal.show .modal-body .eyoom-form .select, .search-modal.show .modal-body .eyoom-form .textarea {margin-bottom: 3rem; }
}

@media (max-width: 640px) {
    .sub02-basic-body .container {max-width:1280px; padding:0 15px 0 15px;}
}