@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1680px){	
.box1{max-width:95%}
/*.lodging_wrap .lodging_list_box{height:400px;}*/
}

@media screen and (max-width:1680px){	
.PHONE1680{display:block;}
.PHONE1680f{display:flex;}
.PHONE1680i{display:inline-block;}
.PHONE1680t{display:table;}
.PC1680{display:none;}
.PC1680f{display:none;}
.PC1680i{display:none;}
.PC1680t{display:none;}
}

@media screen and (max-width:1440px){
.PHONE1440{display:block;}
.PHONE1440f{display:flex;}
.PHONE1440i{display:inline-block;}
.PHONE1440t{display:table;}
.PC1440{display:none;}
.PC1440f{display:none;}
.PC1440i{display:none;}
.PC1440t{display:none;}

#header .gnb_wrap .gnb > li{padding:0 1.5em;}

.visualSlider_wrap .slogan .tt{font-size:2.5rem;}
#contents .sub_page_top .sub_tit .tit1{font-size:2.5em;}
}

@media screen and (max-width:1370px){	
/*subpage*/
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body{flex-direction:column;}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body .it_left{width:100%; margin-bottom:1em;}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body .it_right{margin:0 auto;}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body .it_right .rt_slides_wrap .slick-dots ul{margin-top:1em;}
}

@media screen and (max-width:1280px){	
body{ font-size:14px;}
.step_process{display:flex; flex-wrap:wrap; justify-content:center;}
.step_process > li{width:33.33%;}
.step_process > li:nth-of-type(n+4){margin-top:50px;}
.step_process .line{display:none;}
#footer .footer_info_wrap > div > div{width:100% !important;}
}

@media screen and (max-width:1200px){	
.PHONE1200{display:block;}
.PHONE1200f{display:flex;}
.PHONE1200i{display:inline-block;}
.PHONE1200t{display:table;}
.PC1200{display:none;}
.PC1200f{display:none;}
.PC1200i{display:none;}
.PC1200t{display:none;}
#header .gnb_wrap .gnb > li{padding:0 1em; font-size:1.125em;}

.lodging_wrap{flex-direction:column-reverse;}
.lodging_wrap .lodging_list_box{width:100%;}
.lodging_wrap .lodging_map_box{width:100%; height:400px; margin-bottom:2em;}

.slick-slide{width:100vw;}
.lodgingSlide_wrap .arrow_wrap > li.prev{left:0; margin-left:0;}
.lodgingSlide_wrap .arrow_wrap > li.next{right:0; margin-right:0;}
}

@media screen and (max-width:1024px){
.PHONE1024{display:block;}
.PHONE1024f{display:flex;}
.PHONE1024i{display:inline-block !important;}
.PHONE1024t{display:table;}
.PC1024{display:none;}
.PC1024f{display:none;}
.PC1024i{display:none;}
.PC1024t{display:none;}

#header .gnb_wrap{width:calc(100% - 150px);}
#header .gnb_wrap .gnb > li{padding:0 .5em; font-size:1.025em; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; width:auto; flex-wrap:wrap;}
#header .gnb_wrap .gnb > li:last-of-type{padding-right:0;}

.main_con1 .main_quick_boxs{justify-content:space-between;}
.main_con1 .main_quick_boxs .main_quick_in{width:49%;}
.main_con1 .main_quick_boxs .main_quick_in:first-of-type{margin-right:0;}

/*subpage*/
.lodging_detail_wrap{flex-direction:column;}
.lodging_detail_wrap .ld_left{width:100%;}
.lodging_detail_wrap .ld_right{width:100%; height:320px; margin-top:2em;}

.lodging_detail_info_box{flex-direction:column;}
.lodging_detail_info_box .ld_left{width:100%; margin-bottom:2em;}
.lodging_detail_info_box .ld_right{width:100%;}

.lodgingSlide{height:447px;}
.lodgingSlide .item .img{background-size:contain;}
.resize.s1{padding-bottom:50%;}
}

@media screen and (max-width:768px){
.PHONE768{display:block;}
.PHONE768f{display:flex;}
.PHONE768i{display:inline-block;}
.PHONE768t{display:table;}
.PC768{display:none;}
.PC768f{display:none;}
.PC768i{display:none;}
.PC768t{display:none;}
body{ font-size:13px;}

#header .gnb_wrap{display:none;}
#header .m_menu_wrap{display:flex; cursor:pointer; height:40px; align-items:center;}
#header .m_menu_wrap .xi{display:block; width:40px; height:4px; border-radius:2px; background:#fff; position:relative;}
#header .m_menu_wrap .xi:before{content:''; display:block; width:40px; height:4px; border-radius:2px; background:#fff; position:absolute; left:0; top:-12px;}
#header .m_menu_wrap .xi:after{content:''; display:block; width:40px; height:4px; border-radius:2px; background:#fff; position:absolute; left:0; bottom:-12px;}
#header:hover .m_menu_wrap .xi,
#header:hover .m_menu_wrap .xi:before,
#header:hover .m_menu_wrap .xi:after{background:#555;}

.visualSlider_wrap .slogan{padding-top:31vh;}
.visualSlider_wrap .slogan .tt{font-size:2rem;}
.visualSlider_wrap .slogan .t1{font-size:1.25em;}

.review_list{flex-direction:column;}
.review_list > li{width:100%; margin-bottom:1.25rem !important;}
.review_list > li:hover{transform:none;}
.review_list > li:last-of-type{margin-bottom:0;}
.review_list > li .in{display:flex;}
.review_list > li .in .img_wrap{width:70%; margin-bottom:0;}
.review_list > li .in .con_wrap{width:30%; min-width:220px; padding:1rem; box-sizing:border-box;}
.review_list > li .in .con_wrap .con_t1{font-size:1.25em;}
.review_list > li .in .con_wrap .con_t3{font-size:1em; display:block;}

.main_con5{height:400px;}

#footer .footer_info_wrap > .flex > .flex.space > div.footer_in_l,
#footer .footer_info_wrap > .flex > .flex.space > div.footer_in_r{flex:1 1 50%;}
#footer .footer_info_wrap > .flex > .flex.space > div.flex{flex:1 1 80%;}
#footer p.tt{height:40px;}

#contents .sub_page_top{padding:9em 0 5em 0;}
#contents .sub_page_top .sub_tit .tit1{font-size:2.5em;}

.grt_box{padding:2rem 0;}

.step_process > li{width:50%;}
.step_process > li:nth-of-type(n+3){margin-top:50px;}
.step_process > li:nth-of-type(n+4){margin-top:50px;}

.services_wrap > div{flex-direction:column;}
.services_wrap.st2 > div{flex-direction:column}
.services_wrap > div .img_wrap{margin:0 auto; margin-bottom:1em;}
.services_wrap > div .txt_wrap{width:100%;}

.lodgingSlide{height:300px;}
.resize.s1{padding-bottom:35%;}
}

@media screen and (max-width:660px){
.sub_page_tit:not(:first-child){margin-top:1.5rem; margin-bottom:1.5rem;}
}

@media screen and (max-width:600px){
body.main .visualSlider_wrap{height:50vh;}
.visualSlider_wrap .slogan{padding-top:21vh; padding-left:8%; padding-right:8%;}
.visualSlider_wrap .slogan .tt{font-size:1.875rem;}
body.main .visualSlider .el .bg:after{height:40%;}

.main_con2 .main_con2_in{flex-direction:column;}
.main_con2 .main_con2_in .el{width:100%; flex-direction:row; margin-bottom:1rem;}
.main_con2 .main_con2_in .el:last-of-type{margin-bottom:0;}
.main_con2 .main_con2_in .el .text_wrap{margin-top:0;}

.main_con1 .main_quick_boxs{flex-direction:column;}
.main_con1 .main_quick_boxs .main_quick_in{flex-direction:row; width:100%; height:260px;}
.main_con1 .main_quick_boxs .main_quick_in:last-of-type{flex-direction:row-reverse;}
.main_con1 .main_quick_boxs .main_quick_in .mq_bg{height:100%;}
.main_con1 .main_quick_boxs .main_quick_in .mq_text{width:160px; margin-top:0; height:100%;}

.review_list > li .in .con_wrap{min-width:180px;}

/*서브페이지*/
.lodging_wrap .lodging_map_box{height:300px; margin-bottom:2em;}
.lodging_wrap .lodging_list_box{height:auto;}
.lodging_wrap .lodging_list_box .lodging_info_wrap{width:100%; margin-right:0; flex-direction:row;}

.lodging_wrap .lodging_list_box .lodging_info_wrap:first-of-type{margin-bottom:2em;}
.lodging_wrap .lodging_list_box .lodging_info_wrap .lodging_thumb_box{width:60%;}
.lodging_wrap .lodging_list_box .lodging_info_wrap .lodging_text_box{width:40%;}

.grt_box .grt_ctt{width:90%;}

#footer .footer_info_wrap > .flex > .flex.space{flex-direction:column;}
#footer .footer_info_wrap > .flex > .flex.space > div.footer_in_l,
#footer .footer_info_wrap > .flex > .flex.space > div.footer_in_r{flex:1 1 100%;}
#footer .footer_info_wrap > .flex > .flex.space > div.flex{flex:1 1 100%;}
#footer p.tt{margin-bottom:.5rem;}
#footer .footer_info_wrap > .flex > .flex.space > div{margin-right:0;}
#footer .footer_info_wrap > .flex > .flex.space > div:not(:first-of-type) p.tt{margin-top:1.25rem;}
}

@media screen and (max-width:500px){
.PHONE500{display:block;}
.PHONE500f{display:flex;}
.PHONE500i{display:inline-block;}
.PHONE500t{display:table;}
.PC500{display:none;}
.PC500f{display:none;}
.PC500i{display:none;}
.PC500t{display:none;}

.swiperBtn.prev{left:-16px !important;}
.swiperBtn.next{right:-16px !important;}

.visualSlider_wrap .slogan{padding-top:22vh;}
.visualSlider_wrap .slogan .tt{font-size:1.375rem;}
.visualSlider_wrap .slogan .t1{font-size:1em;}

.review_list > li .in .img_wrap .resize.s3{padding-bottom:63%;}

.main_con5{height:300px;}
.main_con5 .staff_wrap .txt_wrap .tt{font-size:2em;}
.main_con5 .staff_wrap .txt_wrap .t1{font-size:1.25em;}

.table_st.response.form th:first-child{border-left:1px solid #777;}
.table_st.response,
.table_st.response caption,
.table_st.response thead,
.table_st.response tbody,
.table_st.response tfoot,
.table_st.response th,
.table_st.response td,
.table_st.response tr,
.table_st.response .in_Ta
ble,
.table_st.response .in_Table .tr,
.table_st.response .in_Table .th,
.table_st.response .in_Table .td{ display:block; box-sizing:border-box; height:auto;}
.table_st.response .in_Table .th,
.table_st.response .in_Table .td{ width:auto;}
.table_st.response { font-size:1em !important;}
.table_st.response thead{ display:none;}
.table_st.response th,
.table_st.response td,
.table_st.response th[class^="w_"],
.table_st.response td[class^="w_"]{ width:auto;}
.table_st.response th,
.table_st.response td{ border-color:#777; border:1px solid #777}
.table_st.response th{margin-top:.5em; background:#f2f2f2; border-bottom-color:#ccc; color:#000; text-align:left;}
.table_st.response td{ border-width:0 1px 1px 1px;}

/**/
.board_st.response,
.board_st.response caption,
.board_st.response thead,
.board_st.response tbody,
.board_st.response tfoot,
.board_st.response th,
.board_st.response td,
.board_st.response tr,
.board_st.response .in_Table,
.board_st.response .in_Table .tr,
.board_st.response .in_Table .th,
.board_st.response .in_Table .td{ display:block; box-sizing:border-box; height:auto;}
.board_st.response .in_Table .th,
.board_st.response .in_Table .td{ width:auto;}
.board_st.response { font-size:1em !important;}
.board_st.response thead{ display:none;}
.board_st.response th,
.board_st.response td,
.board_st.response th[class^="w_"],
.board_st.response td[class^="w_"]{ width:auto;}
.board_st.response th,
.board_st.response td{ border-color:#777; border:1px solid #777}
.board_st.response th{margin-top:.5em; background:#f2f2f2; border-bottom-color:#ccc; color:#000; text-align:left;}
.board_st.response td{ border-width:0 1px 1px 1px;}

/**/
.board_table.response,
.board_table.response caption,
.board_table.response thead,
.board_table.response tbody,
.board_table.response tfoot,
.board_table.response th,
.board_table.response td,
.board_table.response tr,
.board_table.response .in_Table,
.board_table.response .in_Table .tr,
.board_table.response .in_Table .th,
.board_table.response .in_Table .td{ display:block; box-sizing:border-box; height:auto;}
.board_table.response .in_Table .th,
.board_table.response .in_Table .td{ width:auto;}
.board_table.response { font-size:1em !important;}
.board_table.response thead{ display:none;}
.board_table.response th,
.board_table.response td,
.board_table.response th[class^="w_"],
.board_table.response td[class^="w_"]{ width:auto;}
.board_table.response th,
.board_table.response td{ border-color:#777; border:1px solid #777}
.board_table.response th{margin-top:.5em; background:#f2f2f2; border-bottom-color:#ccc; color:#000; text-align:left;}
.board_table.response td{ border-width:0 1px 1px 1px;}

.lodgingSlide{height:200px;}
.resize.s1{padding-bottom:25%;}
}

@media screen and (max-width:420px){
.PHONE412{display:block !important;}
.PHONE412f{display:flex;}
.PHONE412i{display:inline-block;}
.PHONE412t{display:table;}
.PC412{display:none;}
.PC412f{display:none;}
.PC412i{display:none;}
.PC412t{display:none;}

.main_con2 .main_con2_in .el .icon_wrap{width:80px;}
.main_con2 .main_con2_in .el .text_wrap{padding-left:12px; box-sizing:border-box;}
.main_con2 .main_con2_in .el .text_wrap .t1{font-size:1.025em;}

.main_con_wrap .main_con_tit_wrap{margin-bottom:20px;}

.main_con1 .main_quick_boxs .main_quick_in{flex-direction:column; height:auto;}
.main_con1 .main_quick_boxs .main_quick_in:last-of-type{flex-direction:column; margin-top:1rem}
.main_con1 .main_quick_boxs .main_quick_in .mq_bg{height:200px;}
.main_con1 .main_quick_boxs .main_quick_in .mq_text{width:100%; height:40px;}

.review_list > li .in{display:block;}
.review_list > li .in .img_wrap{width:100%;}
.review_list > li .in .con_wrap{width:100%;}

.lodging_wrap .lodging_list_box .lodging_info_wrap{flex-direction:column;}
.lodging_wrap .lodging_list_box .lodging_info_wrap .lodging_thumb_box{width:100%;}
.lodging_wrap .lodging_list_box .lodging_info_wrap .lodging_text_box{width:100%;}


.step_process > li{width:100%; margin-top:1em;}
.step_process > li:nth-of-type(n+3){margin-top:1em;}
.step_process > li:nth-of-type(n+4){margin-top:1em;}
.step_process > li:first-of-type{margin-top:0;}
.step_process .tit:last-of-type{min-height:auto;}
.step_process > li .inner{padding:1em;}
.step_process .check{margin-top:0;}
.step_process .num{padding:3em 0 1em 0;}
}

@media screen and (max-width:384px){
.PHONE384{display:block;}
.PHONE384f{display:flex;}
.PHONE384i{display:inline-block;}
.PHONE384t{display:table;}
.PC384{display:none;}
.PC384f{display:none;}
.PC384i{display:none;}
.PC384t{display:none;}
html.l-nav-open .l-nav{width:100%;}
.visualSlider_wrap .slogan{padding-top:20vh;}
}

@media screen and (max-width:360px){
.PHONE360{display:block;}
.PHONE360f{display:flex;}
.PHONE360i{display:inline-block;}
.PHONE360t{display:table;}
.PC360{display:none;}
.PC360f{display:none;}
.PC360i{display:none;}
.PC360t{display:none;}

.main_con2 .main_con2_in .el{flex-direction:column;}
.main_con2 .main_con2_in .el .text_wrap{padding-left:0;}

.icon_st.st2{width:65px !important; height:65px;}
}

@media screen and (max-width:320px){
.PHONE320{display:block;}
.PHONE320f{display:flex;}
.PHONE320i{display:inline-block;}
.PHONE320t{display:table;}
.PC320{display:none;}
.PC320f{display:none;}
.PC320i{display:none;}
.PC320t{display:none;}
}

@media screen and (max-width:280px){
.PHONE280{display:block;}
.PHONE280f{display:flex;}
.PHONE280i{display:inline-block;}
.PHONE280t{display:table;}
.PC280{display:none;}
.PC280f{display:none;}
.PC280i{display:none;}
.PC280t{display:none;}
body{ font-size:12px;}
}