@charset "utf-8";

.doc{font-size:16px;}
.box1, .wrap{width:1300px; max-width:96%; margin: 0 auto; position: relative;}

/*header*/
#header{ background-color:#fff; position: fixed; font-size:16px; height: 90px; box-shadow: 0 1px 13px rgba(0,0,0,0.2);}
#header .in_header{height:90px;}
#header .in_header .h_logo{z-index: 10000;}
#header .in_header .gnb{flex:auto;}
#header .in_header .gnb .depth1{padding:0 22px;}
#header .in_header .gnb .depth1 > a{font-size:1.125em; position: relative; font-weight: normal;  height: 90px; line-height: 90px;}
#header .in_header .gnb .depth1 > a:after{content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height:5px; background:#91b911; transform: scaleX(0); transition: .3s; z-index: 11;}
#header .in_header .gnb .depth1:hover > a:after{transform: scaleX(1);}
#header .in_header .gnb .depth1 ul { padding-top:0; transition:all .5s; background:#fff; position:absolute; width:11em; left:50%; transform:translateX(-50%); margin-top:-1px; border:1px solid #ccc; height:0; overflow:hidden; opacity:0; visibility: hidden;}
#header .in_header .gnb .depth1:hover ul {height:auto; opacity:1;  visibility: visible;}
#header .in_header .gnb .depth2 > a { display:block; font-size:1em; line-height:1.3; padding:15px 10px; border-top:1px dotted #ddd; color:#444;}
#header .in_header .gnb .depth2 > a:hover { background:#f9f9f9; color:#222;}
#header .in_header .gnb .depth2:first-child a { border:0 }

#header .btn_gnb{width:30px; height: 30px; position: relative;}
#header .btn_gnb:hover{transform: rotate(-45deg);}
#header .btn_gnb .a_rd{width:10px; height: 10px; background-color: #555; border-radius: 50%;}
#header .btn_gnb .a_rd.a1{position: absolute; top: 0; left: 0;}
#header .btn_gnb .a_rd.a2{position: absolute; top: 0; right: 0; background-color:#a2ca1f;}
#header .btn_gnb .a_rd.a3{position: absolute; bottom: 0; left: 0;}
#header .btn_gnb .a_rd.a4{position: absolute; bottom: 0; right: 0;}

/*footer*/
#r_ft { border-top: 1px solid #ddd; background: #fff; padding: 38px 0; z-index: 10; font-size:16px; margin-top:9em;}
.main #r_ft {margin-top:0;}
#r_ft .f_top { text-align: left; padding-bottom: 38px; border-bottom: 1px solid #ddd; }
#r_ft .f_top .sct_wr { flex: 2 1 1;}
#r_ft .f_top .sct_wr > div { border-left: 1px solid #ededed; width: 30%; padding: 0 50px; }
#r_ft .f_top .sct_wr > div:first-child { border-left: none; width: 40%; padding-left: 0; }
#r_ft .f_top .sct_wr > div:last-child { padding-right: 0; }
#r_ft .f_top .sct_wr > div .f_hd { text-transform: uppercase; color: #666; font-size: 1.15rem; font-weight: 600; margin-bottom: 20px;  }
#r_ft .f_top .sct_wr > div .f_hd a { color: #666; }

#r_ft .f_top .sct_wr .customer .cus { display: flex; justify-content: space-between; }
#r_ft .f_top .sct_wr .customer .cus .cus_l { margin-right: 10px; }
#r_ft .f_top .sct_wr .customer .cus .cus_l > a { display: inline-block; font-weight:600; font-size:1.5em;}
#r_ft .f_top .sct_wr .customer .cus .cus_l > a i { background: #91b911; color: #fff; width: 50px; height: 50px; line-height: 50px; border-radius: 100%; text-align: center; margin-right: 16px; }
#r_ft .f_top .sct_wr .customer .cus .cus_l .gray { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; background: #f5f5f5; width: 100%; height: auto; border-radius: 10px; margin-top: 18px; padding: 20px 26px; box-sizing: border-box; }
#r_ft .f_top .sct_wr .customer .cus .cus_l .gray > a { display: inline-block; letter-spacing: 0.025rem; }
#r_ft .f_top .sct_wr .customer .cus .cus_r { }
#r_ft .f_top .sct_wr .customer .cus .cus_r > a { display: inline-flex; align-items: center; justify-content: flex-start; width: 160px; height: 40px; line-height: 40px; border: 1px solid #ddd; padding: 12px 20px; color: #666; border-radius: 5px; margin-bottom: 10px; transition: .3s; }
#r_ft .f_top .sct_wr .customer .cus .cus_r > a  i { margin-right: 12px; color: inherit !important; font-size: 1.125em;}
#r_ft .f_top .sct_wr .customer .cus .cus_r > a:hover, #ft .f_top .sct_wr .customer .cus .cus_r > a i { color: #91b911; border-color: #91b911 }

#r_ft .f_top .sct_wr .bank_info{}
#r_ft .f_top .sct_wr .bank_info .bank { margin-bottom: .5rem;}
#r_ft .f_top .sct_wr .bank_info .bank .img { color: #999;}
#r_ft .f_top .sct_wr .bank_info .bank div img { height: 20px; margin-right: 8px; }
#r_ft .f_top .sct_wr .bank_info .bank .acc { font-size: 26px; color: #444; font-weight: bold; }
#r_ft .f_top .sct_wr .bank_info .bank_name { font-size: .95em; color: #555; }
#r_ft .f_top .sct_wr .bank_info .bank_num { font-size:1.5em; font-weight: 600; color:#111; margin-top:5px;}

#r_ft .f_top .sct_wr .notice{}
#r_ft .f_top .sct_wr .notice .f_notice .lt_more { top: 0; right: 0;}

#r_ft .f_copy { color: #666; font-size: .938em; margin-top: 36px; }
#r_ft .f_copy .f_info p { margin: 0 20px;}
#r_ft .f_copy .f_info p:first-child { margin-left: 0; padding-left: 0; }
#r_ft .f_copy .f_info p:last-child { margin-right: 0; padding-right: 0; }
#r_ft .f_copy .copy { font-size: .875em; color: #999; letter-spacing: .1rem; margin-top: 20px; }

#top_btn { background-color: #91b911!important; color: #fff!important; border:0; border-radius: 50%; font-size: 1.625em;}
#call_btn {position: fixed; right:20px; bottom: 75px;width: 50px; height: 50px; line-height: 50px; text-align: center; z-index: 90; background-color: #4787e4!important; color: #fff!important; border:0; border-radius: 50%; font-size: 1.5em;}

/*==============================================================main==============================================================*/

/*main_visual*/
#main_vb {position: relative; }
#main_vb:after { content: ""; display: block; position: absolute; left: 0; bottom: -1px; width: 100%; height: 128px; background: url(../img/main/vb_wave.png) no-repeat center/cover; z-index: 1;}

#main_vb .el{ height:100vh; position:relative; overflow:hidden}
#main_vb .el .slog{ position:absolute; top:39vh; left:50%; transform: translateX(-50%); color:#fff; text-align:center}
#main_vb .el .slog .t1{font-family: 'GmarketSans'; font-size:4.5em; display:block; transform:translateY(1em); font-weight: 600; opacity:0; margin-bottom: 5px; line-height: 1.1;}
#main_vb .el .slog .t2{ font-size:1.625em; font-weight: 300; transform:translateY(1em); opacity:0; line-height: 1.6;}
#main_vb .el .slog .t2 .strong{font-size:1.25em;}
#main_vb .el .slog .bar{content:''; display:block; width:50px; height: 2px; background-color: #fff; margin:35px auto 30px; transform:translateY(1em); opacity: 0;}
#main_vb .el.swiper-slide-active .slog .t1{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1s}
#main_vb .el.swiper-slide-active .slog .t2{ transform:translateY(0); opacity:1; transition:1s; transition-delay:2s}
#main_vb .el.swiper-slide-active .slog .bar{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1.5s}

#main_vb .mainbn_control{ position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100;}
#main_vb .mainbn_control .xi{font-size:2em; width:70px; height: 70px; line-height: 70px; border-radius: 50%; color:#fff; border:1px solid #fff; text-align: center; cursor: pointer;}
#main_vb .mainbn_control .xi:hover{background-color:#fff; color:#91b911}
#main_vb .mainbn_control .b-prev{margin-left:-5em;}
#main_vb .mainbn_control .b-next{margin-right:-5em;}


.scroll_wrap { position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); width: 100%; z-index: 99; }
.scroll_wrap .mainSlide_scroll { color: #fff; font-size: .9rem; text-align: center; letter-spacing: .1rem; }
.scroll_wrap .mainSlide_scroll_bar { width: 2px; height: 100px; background: rgba(255,255,255,0.2); overflow: hidden; margin: 15px auto 0; }
.scroll_wrap .scroll_bar { width: 100%; height: 30px; background: #fff; animation: box-ani 2s linear infinite backwards; }
@keyframes box-ani { 0% { transform: translate(0, -100%); } 100% {transform: translate(0, 300%);} }

/*main_ic*/
.main_tit{font-size:2.825em; font-weight: 500; text-align: center; color:#111; padding: 50px 0 40px;}

/*main_about*/
#main_about { background: #fff; padding: 180px 0 100px; position: relative; z-index: 10; }
#main_about:after { content: ""; display: block; width: 100%; height: 112px; background: url(../img/main/main_ab_wave.png) no-repeat center/cover; position: absolute; bottom: -110px; left: 0px; z-index: 71; }
#main_about .sct_wr { display: flex; align-items: flex-start; justify-content: space-between; }
#main_about .sct_wr > div { width: 50%; }
#main_about .sct_wr .img { width: 550px; height: 366px; background: url(../img/main/main_ab.jpg) no-repeat center/cover; border-radius: 8px 100px 8px 8px; margin: 0 50px; position: relative;  }
#main_about .sct_wr .img:before { display: block; content: ""; width: 480px; height: 200px; border-radius: 100px; background: #a2ca1f; opacity: .25; position: absolute; top: -15%; left: -15%; z-index: -1; }
#main_about .sct_wr .img:after { display: block; content: ""; width: 440px; height: 165px; border-radius: 80px; background: #a2ca1f; opacity: .20; position: absolute; bottom: -10%; right: -10%; z-index: -1; }
#main_about .sct_wr .about { margin-left: 40px; }
#main_about .sct_wr .about .main_tit{padding-bottom:20px;}
#main_about .sct_wr .about .in_tx{font-weight: normal; line-height: 1.8; word-break: keep-all; font-size:1.25em; color:#444;}
#main_about .sct_wr .about .btn_more{ margin-top: 55px; display: inline-flex; justify-content: center; align-content: center; align-items: center; width: 185px; height: 50px; line-height: 45px; border: 1px solid #91b911; border-radius: 50px; padding: 0 1.5rem; box-sizing: border-box; background: #fff; color: #91b911; transition: .3s; font-size: 1.125em;}
#main_about .sct_wr .about .btn_more .xi{margin-left:5px;}
#main_about .sct_wr .about .btn_more:hover { background: #a2ca1f; color: #fff; }

/*main_room*/
#main_room { background: url(../img/main/main_room_bg.jpg) no-repeat center/cover; padding: 100px 0 100px; position: relative; }
#main_room .sct_wr .room_list {margin-right:-50px;}
#main_room .sct_wr .room_list li { width: 33.33%; text-align: center; position: relative;}
#main_room .sct_wr .room_list li .in{display:block; margin-right: 50px;}
#main_room .sct_wr .room_list li .room_img { width: 100%; height: 275px; border-radius: 25px;}
#main_room .sct_wr .room_list li .xi { display: inline-block; width: 90px; height: 90px; line-height: 90px; font-size: 2rem; border-radius: 100%; background: #a2ca1f; color: #fff; position: absolute; top: -10px; left: -10px;}
#main_room .sct_wr .room_list li .room_txt { margin-top:25px; }
#main_room .sct_wr .room_list li .room_txt .sct_tit {font-size: 1.625em; color:#111; font-weight: 500;}
#main_room .sct_wr .room_list li .room_txt .sct_txt {font-size: 1.25em; color:#444; margin-top:10px;}

/*main_book*/
#main_book { background: #fff; position: relative; margin-bottom: 6.5em;}
#main_book:before { background: url(../img/main/main_reser_bg.png) no-repeat center/cover; content: ""; display: block; width: 100%; height: 320px; position: absolute; top: -100px; left: 0px; }
#main_book:after { content: ""; display: block; width: 100%; height: 112px; background: url(../img/main/main_ab_wave.png) no-repeat center/cover; position: absolute; bottom: -170px; left: 0px; z-index: 71; }
#main_book .photo_slide .img_z{display:block; height: 300px; position: relative; border-radius: 20px; overflow: hidden;}
#main_book .photo_slide .img_z .in_img{width:100%; height: 100%; position: absolute; top: 0; left: 0;}
#main_book .photo_slide .photo_control{margin-top:40px;}
#main_book .photo_slide .photo_control .xi{font-size:2em; width:60px; height: 60px; line-height: 60px; text-align: center; border:1px solid #ddd; color:#aaa; border-radius: 50%; cursor: pointer; transition: .3s;}
#main_book .photo_slide .photo_control .xi:hover{color:#fff; border-color:#91b911; background-color:#91b911;}
#main_book .photo_slide .photo-pagen{height:4px; background-color: #ddd; width:calc(100% - 170px); position: relative; margin:0 25px;}
#main_book .photo_slide .photo-pagen .swiper-pagination-progressbar-fill{background-color: #91b911;}

/*map*/
#main_map { background: #faf4ea; padding: 50px 0 140px; position: relative; }
#main_map .k_map_box { border: 7px solid #fff; border-radius: 30px; overflow: hidden; box-shadow: 0px 0px 15px rgba(0,0,0,0.1); }
#main_map .k_map_box .k_map { border: none; }
#main_map .k_map_box .k_map .wrap_controllers { display: none !important; }
#main_map .k_map_box .k_map .wrap_map .map_border { display: none; }	
#main_map .k_map_info{margin-top:2em; border:2px solid #ddd;  border-radius: 10px; background: rgba(255,255,255,.4);}
#main_map .k_map_info > li{font-size:1.5em; font-weight: 500; border-right:1px solid #ddd; width:33.33%; padding: 2.5em 1.5em; position: relative;}
#main_map .k_map_info > li:last-child{border-right:0;}
#main_map .k_map_info > li .stt{font-size:.813em; font-weight: 400; color:#666;}
#main_map .k_map_info > li .xi{position: absolute; bottom:15px; right:20px; font-size: 2.5em; color:rgba(0,0,0,.1);;}

/*==============================================================sub==============================================================*/

/**/
#sub_visual{height:300px; margin-top:90px; position: relative;}
#sub_visual h2{padding:0; font-family: 'Pretendard'; font-weight: 700; font-size: 3.625em;}
#sub_visual h2:after{display:none;}
.container_title{font-weight:600; font-size:3em;}

#bo_cate ul{display: flex; flex-wrap:wrap;}
#bo_cate ul li{flex:calc(100% / 9);}
#bo_cate ul a{line-height: inherit; padding:0 10px; min-width: inherit; height: 60px;}
#bo_cate ul a .va{line-height:1.1; font-size: .938em;}

#bo_list_total{font-size:17px;}
#bo_list_total .total_icon{border: 1px solid #ddd; border-radius: 50%;  width: 2em; line-height:2em !important; height: 2em; text-align: center; font-size: 1.25em; margin-right: 7px; box-shadow: 1px 1px 4px rgb(0 0 0 / 15%);}
#bo_list_total .c_point{font-weight: 500;}

#contents{margin-top:70px;}

.page_tt{ font-size: 1.825em; margin-bottom: .7em; margin-top: 2.5em; color: #222;}
.page_stt{font-size: 1.25em; color: #333; line-height: 1.8; margin-top:-10px;}
.page_tx{ color: #333; line-height: 1.8;}
	
.dot_list{}
.dot_list > li{padding-left:13px; position: relative; margin-bottom: 7px;}
.dot_list > li:before{content:''; width:4px; height: 4px; border-radius: 50%; background-color:#91b911; position: absolute; top: 9px; left:0;}
.dot_list > li:last-child{margin-bottom:0;}


/*인사말*/
.intro_tit{padding: 7em 0 9em;}
.intro_tit .in_tt {line-height: 1; text-align: center;}
.intro_tit .in_tt .t1{ color: #fff; margin-bottom:17px; font-size:1.5em; }
.intro_tit .in_tt .t2{color:#fff; font-size:3.5em; font-weight: 700; }
.intro_box{background-color:#fff; padding:5.5em 12em; box-sizing: border-box; font-size: 1.068em; text-align: center; line-height: 1.8; margin-top: -5.5em; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.intro_box .tx{ margin-top: 30px; }


/*오시는길*/
.location_box{ margin: 0 auto; padding: 0 1em;}
.location_box .page_tt{font-size:1.625em;}
.location_box .page_tt .xi{background: #91b911; color: #fff; width: 50px; height: 50px; line-height: 50px; border-radius: 100%; text-align: center; margin-right: 16px;}	
.location_box .map_view{ border-top:3px solid #91b911; box-shadow:0 .25em .5em rgba(0,0,0,.2); transition:.3s; padding:1em; border-radius:0 0 1em 1em; margin-top:2.5em;}
.location_box .map_view .tt {padding-bottom:10px; font-size:1.125em; color:#222; letter-spacing:-2px; vertical-align:middle;}
.location_box .map_view .xi {vertical-align:middle; font-size:1.125em; padding-right:5px;}
.location_box .info_list{margin-top:1em;}
.location_box .info_list > li { overflow:hidden; padding:2.5em 1em; border-bottom:1px solid #ddd}
.location_box .info_list > li h3 { float:left; color:#222; font-size:1.375em; font-weight:500; position: relative; padding-top:7px;}
.location_box .info_list > li h3:before{content:''; width:25px; height: 2px; background: #005aaa; position: absolute; top:0; left: 0;}
.location_box .info_list > li h3.st:before{ background: #a2ca1f; }
.location_box .info_list > li h3 .xi { font-size:1.125em; margin-right: 5px;}
.location_box .info_list > li .info { margin:0 0 0 240px;}
.location_box .info_list > li .info .in_list{background: #f9f9f9; border: 1px solid #ddd; padding: 1.5em;}


/*편의시설*/
.page_txt_wrap{ margin-top:2.5em;}
.page_txt_wrap:first-of-type{ margin-top:0;}
.page_txt_wrap.flex > *{ padding:1.5em 2em; border-top:2px solid #e8e8e8;}
.page_txt_wrap.flex > .flex_w1{ flex:1; position:relative; padding-left:0; padding-right:0; border-top-color:#c6cad1; text-align: center;}
.page_txt_wrap.flex > .flex_w1:before,
.page_txt_wrap.flex > .flex_w1:after { content:""; position:absolute; top:-2px; height:2px; width:.8em;}
.page_txt_wrap.flex > .flex_w1:before{ left:0; background:#0e91d3;}
.page_txt_wrap.flex > .flex_w1:after { left:.8em; background:#91b911;}
.page_txt_wrap.flex > .flex_w1 .icon_img{ width: 130px; height: 130px; text-align: center; border-radius: 50%; margin: 0 auto 10px;  border: 3px solid #3989c9; display:none;}
.page_txt_wrap.flex > .flex_w1 .flex_wt{ font-size: 1.3em; font-weight: 500; text-align: center;}
.page_txt_wrap.flex > .flex_w2{ flex:4; margin-left:2em;}
.page_txt_wrap.flex > .flex_w2 .midd{margin-right:-25px;}

.table_st{table-layout:fixed; border-top: 2px solid #91b911; margin-bottom:10px;}
.table_st th,
.table_st td{ padding:.8em; border:1px solid #ddd; text-align: center;}
.table_st th{color:#222; background-color:#f9f9f9; font-size:1.068em;}
.table_st td{color:#333;}
.table_st .strong{font-weight:500;}


/*주변관광지*/
.point_wrap{} 
.point_wrap .in_box{ padding:2em 0;}
.point_wrap .in_box .img_z {flex:30%;}
.point_wrap .in_box .img_z .img_bg{height: 300px; border: 1px solid #ddd; border-radius: 10px;}
.point_wrap .in_box .txt_z {flex:70%; padding-left:4em; box-sizing: border-box;}


/*예약안내*/
.reser_info{margin-top:3.5em; margin-right:-30px;}
.reser_info li{width:50%;}
.reser_info li .in{border:1px solid #ddd;  border-radius: 10px; padding: 2.5em 4em; margin-right:30px; position: relative;}
.reser_info li .stt{color: #666; font-size: 1.15rem; font-weight: 600; padding: 0 10px; position: absolute; top: -15px; left: 2.5em; background-color: #fff;}
.reser_info li .tx{ font-size:1.3em; font-weight: 500;}
.reser_info li .tx .xi{background: #91b911; color: #fff; width: 52px; height: 52px; line-height: 52px; border-radius: 50%; text-align: center; margin-right: 15px;}
.reser_info li .tx .bk_name{font-size:.938em;}
.reser_info li:last-child{border-right:0;}
.reser_info li:last-child .tx .xi{background:#1a8fe4}

.reser_box{border:1px solid #ddd; background-color: #f9f9f9; padding: 1em 2em; margin-bottom: 10px; border-radius: 6px;}
.reser_box > li{margin-right:80px; margin-bottom: 0;}
.reser_box > li:last-child{margin-right:0;}

.ref_info{margin-top: 20px; color: #444; text-align: center;}
.ref_info .xi{font-size:1.068em; vertical-align: text-top;}

.mo_info{color:#666; margin-bottom: 10px; display:none;}

/*사례*/
.facility_w .sub_tit{ margin-bottom:.5em;}
.facility_w .page_viewWrap{overflow:hidden; padding-bottom:3em;}
.facility_w .page_viewWrap .slider_for  {float:left; width:80%;}
.facility_w .page_viewWrap .slider_for .item{}
.facility_w .page_viewWrap .slider_for .item .img_wrap{position:relative; margin:0 1em 1em 0; border:1px solid #ddd; text-align:center;}
.facility_w .page_viewWrap .slider_for .item .img_wrap .resize{ background:#fff;}

.facility_w .page_viewWrap .page_viewB{position:relative; margin:0 auto; float:right; width:20%;}
.facility_w .page_viewWrap .page_viewB .pro_tw {text-align:center; margin-bottom:1.5em;}
.facility_w .page_viewWrap .page_viewB .pro_tw .pro_name {text-align:center; font-size:1.125em; color:#4e9900; padding-bottom:15px;}
.facility_w .page_viewWrap .page_viewB .pro_tw .pro_line {width:40px; height:1px; background:#91b911; margin:0 auto;}

.facility_w .page_viewWrap .slider_nav{ margin-right:-6px;}
.facility_w .page_viewWrap .slider_nav .item{ margin-right:10px; margin-bottom:10px;}
.facility_w .page_viewWrap .slider_nav .item .img_wrap{border:1px solid #ddd; transition:.2s; cursor:pointer; box-sizing: border-box; padding: 10px;}
.facility_w .page_viewWrap .slider_nav .item:hover .img_wrap img{ opacity:.5;}
.facility_w .page_viewWrap .slider_nav .item:hover .img_wrap,
.facility_w .page_viewWrap .slider_nav .item.slick-current .img_wrap{ border-color:#91b911; box-shadow:2px 2px 10px rgba(0,0,0,.2);}

.facility_w .page_viewWrap .control_arrow{ position:absolute; bottom:-30px; left:50%; width:100%; text-align:center;}
.facility_w .page_viewWrap .control_arrow li{ position:absolute; top:0; margin-top:-1.5em;}
.facility_w .page_viewWrap .control_arrow li.prev{ left:-4em;}
.facility_w .page_viewWrap .control_arrow li.next{}
.facility_w .page_viewWrap .control_arrow li .xi{ width:50px; height: 50px; line-height:50px; border:1px solid #ddd; border-radius:50%; font-size:1.500em; color:#91b911; cursor:pointer; transition:.2s;}
.facility_w .page_viewWrap .control_arrow li:hover .xi{ background:#91b911; border-color:#91b911; color:#fff;}