.w1200 {
max-width: 1200px;
width: 100%;
margin: 0 auto;
}

.carousel-control .glyphicon-chevron-left:hover, .carousel-control .glyphicon-chevron-right:hover{background-color: #3A89CE;}
.main_welcom {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 100px auto 70px;
}
.main_welcom .wel_left {
width: 60%;
}
.main_welcom .wel_left img {
width: 100%;
}
.main_welcom .wel_right {
width: 40%;
padding-left: 50px;
box-sizing: border-box;
}
.main_welcom .wel_right p.wel_msg {
font-size: 30px;
line-height: 1.4;
}
.main_welcom .wel_right p.wel_msg strong {
font-size: 40px;
font-weight: 500;
display: block;
}
.main_welcom .wel_right span {
color: #666666;
font-size: 16px;
line-height: 1.625;
display: block;
padding: 14px 0 40px;
}
.main_welcom .wel_right a {
font-size: 16px;
color: #2b2b2b;
}
.main_welcom .wel_right a:hover{color: #3A89CE;}

.main_bnr_cate {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0px 0 100px;
}
.main_bnr_cate > div {
width: calc(25% - 18px);
height: 370px;
border-radius: 5px;
overflow: hidden;
position: relative;
}
.main_bnr_cate > div a{display:block;height:100%;}
.main_bnr_cate > div:first-child {
background: url(../../images/main_bnr4_1.png) no-repeat center/cover;
}
.main_bnr_cate > div:nth-child(2) {
background: url(../../images/main_bnr4_2.png) no-repeat center/cover;
}
.main_bnr_cate > div:nth-child(3) {
background: url(../../images/main_bnr4_3.png) no-repeat center/cover;
}
.main_bnr_cate > div:last-child {
background: url(../../images/main_bnr4_4.png) no-repeat center/cover;
}
.main_bnr_cate > div.bnr_cate .bnr_cate_txt {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
width: 100%;
text-align: center;
}
.main_bnr_cate > div.bnr_cate .bnr_cate_txt strong {
font-size: 30px;
font-weight: 600;
display: block;
line-height: 1.23;
font-family: "Montserrat", sans-serif;
}
.main_bnr_cate > div.bnr_cate .bnr_cate_txt span {
font-size: 18px;
line-height: 1.5;
}
.spa_bnr {
padding: 70px 0;
background-color: #f6f6f6;
}
.spa_bnr .spa_inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.spa_bnr .spa_inner .spa_txt {
width: 30%;
}
strong.section_tit {
font-weight: 600;
font-size: 40px;
font-family: "Montserrat", sans-serif;
color: #1a1a1a;
display: block;
padding-bottom: 15px;
}
p.section_desc {
font-size: 16px;
line-height: 1.625;
color: #666666;
padding-bottom: 40px;
}
.m_info {
font-family: "Montserrat", sans-serif;
font-weight: 500;
color: #2B2B2B;
}
.m_info:hover{
	color: #3A89CE;
}
.m_info i {
font-size: 13px;
display: inline-block;
padding-left: 5px;
}
.spa_bnr .spa_inner .spa_view {
width: 70%;
}
.spa_bnr .spa_inner .spa_view img {
width: 100%;
}
.tour_spot {
padding: 100px 0;
}
.tour_spot .tit_wrap {
padding-bottom: 30px;
text-align: center;
}
.tour_spot .tit_wrap .section_tit {
font-size: 40px;
color: #1a1a1a;
font-weight: 600;
padding-bottom: 0;
line-height: 1.225;
}
.tour_spot .tit_wrap .section_desc {
font-size: 18px;
color: #1a1a1a;
line-height: 1.5;
padding-bottom: 0;
}
.tour_spot .spot_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.tour_spot .spot_list > div {
width: calc(33.33% - 16px);
}
.tour_spot .spot_list .spot_box .spot_img {
margin-bottom: 20px;
}
.tour_spot .spot_list .spot_box img {
width: 100%;
}
.tour_spot .spot_list .spot_info {
text-align: center;
}
.tour_spot .spot_list .spot_info .spot_name {
font-size: 20px;
font-weight: 500;
color: #2b2b2b;
line-height: 1.4;
}
.tour_spot .spot_list .spot_info .spot_rec {
font-size: 16px;
color: #666666;
line-height: 1.625;
display: block;
padding: 7px 0 18px;
width: 79%;
margin: 0 auto;
}
.tour_spot .spot_list .spot_info .spot_link {
display: block;
width: 150px;
height: 50px;
line-height: 50px;
font-size: 14px;
border-radius: 10px;
text-align: center;
font-family: "Montserrat", sans-serif;
transition: all 0.2s;
margin: 0 auto;
border: 1px solid #dddddd;
color: #2B2B2B;
}
.tour_spot .spot_list .spot_info .spot_link:hover {
background-color: #3a89ce;
border: none;
color: #fff;
}

.main_full_bnr {
height: 400px;
background: url(../../images/main_full_bnr.png) no-repeat center/cover;
}
.main_full_bnr .full_bnr_txt {
height: 100%;
position: relative;
}
.main_full_bnr .full_bnr_txt .bnr_inner {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.main_full_bnr .full_bnr_txt .far_txt {
font-size: 16px;
letter-spacing: 0.72em;
font-family: "Montserrat", sans-serif;
color: #fff;
}
.main_full_bnr .full_bnr_txt .far_txt br{display:none;}
.main_full_bnr .full_bnr_txt p {
font-size: 42px;
font-weight: 400;
line-height: 62px;
color: #fff;
}
.main_full_bnr .full_bnr_txt p b {
display: block;
font-weight:500;
}
.main_rev {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 100px 0;
}
.main_rev strong.section_tit {
padding-bottom: 0;line-height: 1.1;
}
.main_rev > div {
}
.main_rev .rev_left {
width: calc(42% - 187px);
position: relative;
display: flex;
box-sizing: border-box;
align-items:center;

justify-content: end;
}
.main_rev .rev_left .rev_txt_inner{
position: absolute;
width: 275px;
}

.main_rev .rev_left .han_rev {
font-size: 18px;
color: #1a1a1a;
line-height: 27px;
display: block;
padding: 6px 0 10px;
}
.main_rev .rev_left p.section_desc {
padding-bottom: 20px;
}
.main_rev .rev_left .rev_link {
display: block;
width: 150px;
height: 50px;
line-height: 50px;
border: 1px solid #dddddd;
border-radius: 10px;
font-family: "Montserrat", sans-serif;
text-align: center;
transition:all .3s;
}
.main_rev .rev_left .rev_link:hover{
background:#3A89CE;
color:#fff;
}
.main_rev .rev_right {
width: 67%;
}
.main_rev .m_rev_link {display:none;width: 150px;height: 50px;line-height: 50px;border: 1px solid #dddddd;border-radius: 10px;font-family: "Montserrat", sans-serif;text-align: center;}
.main_rev .rev_right .navi_bottom_wrap{
display:none;
}
.main_rev .swiper-slide .rev_img {
border-radius: 10px;
overflow: hidden;
display: block;
margin-bottom: 10px;
}
.main_rev .swiper-slide .rev_img img {
width: 100%;
}
.main_rev .swiper-slide .rev_cont {
}
.main_rev .swiper-slide .rev_cont .room_type {
font-size: 20px;
font-weight: 500;
display: block;
padding-bottom: 6px;
line-height: 29px;
color: #2B2B2B;
}
.main_rev .swiper-slide .rev_cont .rev_txt {
font-size: 16px;
line-height: 24px;
color: #666666;
display: block;
padding-bottom: 17px;
}
.main_rev .swiper-slide .rev_cont .writer_name {
color: #959595;
font-size: 14px;
}
.main_rev .swiper-slide .rev_cont .writer_date {
font-size: 14px;
color: #959595;
display: inline-block;
margin-left: 10px;
}
.main_rev .swiper-button-prev,
.main_rev .swiper-button-next {
width: 50px;
height: 50px;
background-color: #cfcfcf;
border-radius: 50%;
transition: all 0.3s;
position: absolute;
display: inline-block;
position: relative;
left: unset;
right: unset;
margin-top: 0;
}
.main_rev .swiper-button-prev {
margin-right: 5px;
}
.main_rev .swiper-button-prev:hover,
.main_rev .swiper-button-next:hover {
background-color: #3a89ce;
}
.main_rev .swiper-button-prev:after,
.main_rev .swiper-button-next:after {
font-size: 13px;
font-weight: 600;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.main_rev .navi_wrap {
margin-bottom: 40px;
}
.contact_box {
			background-color: #ececec;
			padding: 55px 0;
		}
		.contact_box .ctc_wrap {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
				padding: 0;
		}
		.contact_box .ctc_wrap > div {
			width: calc(33.33% - 16px);
			background-color: #fff;
			height: 210px;
			position: relative;
			border-radius: 10px;
			overflow: hidden;
		}

		.contact_box .ctc_wrap > div .ctc_cont {
			width: 100%;
			text-align: center;
			position: absolute;
			left: 50%;
top: 50%;
transform: translate(-50%, -50%);
		}
a.reserve_now{    position: absolute;
top: 0;
left: 0;
width: 100%;    height: 100%;}
		.contact_box .ctc_wrap .ctc_box .ctc_img {
			width: 50px;
			height: 50px;
			border-radius: 10px;
			overflow: hidden;
			position: relative;
			background-color: #c4c4c4;
			margin: 0 auto 10px;
		}
		.contact_box .ctc_wrap .ctc_box .ctc_img img {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
		}
		.contact_box .ctc_wrap .ctc_box .ctc_txt {
		}
		.contact_box .ctc_wrap .ctc_box .ctc_txt span {
			display: block;
			font-size: 18px;
			line-height: 28px;
			color: #2b2b2b;
		}
		.contact_box .ctc_wrap .ctc_box .ctc_txt span.big_ctc {
			font-size: 26px;
			font-weight: 500;
			padding-bottom: 5px;
		}
.main_map {
					height: 460px;
				}
				.main_map iframe {
					width: 100%;
					height: 100%;
				}
				.bottom_menu {
					background-color: #226198;
					padding: 35px 0 20px;
				}
				.bottom_menu .bot_menu_wrap {
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
				}
				.bottom_menu .bot_menu_wrap > div {
					width: 14.2%;
				}
				.bottom_menu .bot_menu_wrap .menu_box {
					text-align: center;
				}
				.bottom_menu .menu_box p.bottom_cate {
					font-size: 18px;
					font-weight: 500;
					font-weight: 500;
					line-height: 27px;
					padding-bottom: 14px;
					color: #fff;
				}
				.bottom_menu .menu_box p.bottom_cate a {
					color: #fff;
				}
				.bottom_menu .menu_box ul {
				}
				.bottom_menu .menu_box ul li {
					padding-bottom: 15px;
				}
				.bottom_menu .menu_box ul li a {
					font-size: 16px;
					color: rgba(255, 255, 255, 0.35);
				}
				.footer {
			position: relative;
			background-color: #0c344a;
		}
		.footer::after {
			content: "";
			display: block;
			position: absolute;
			width: 100%;
			height: 1px;
			background-color: rgba(255, 255, 255, 0.14);
			top: 71px;
			left: 0;
		}
		.footer .footer_cont {
		}
		.footer .footer_cont .foot_logo {
			width: 170px;
			padding: 20px 0;
		}
		.footer .footer_cont .foot_logo img {
			width: 100%;
		}
		.footer .footer_cont .footer_info {
			padding: 20px 0 30px;
		}
		.footer .footer_cont .footer_info p {
			line-height: 2;
		}
		.footer .footer_cont .footer_info p span {
		display:inline-block;
		padding-right:10px;
			font-size: 14px;
			color: #70828b;
		}
		.footer .footer_cont .footer_info .copy_r {
			color: #fff;
			font-size: 14px;
			padding-top: 20px;
		}

/*어사이드*/
.m_menu {
display:none;
                    width: 22px;
                    position: fixed;
                    right: 20px;
                    top: 20px;
                    z-index: 999;
                }
                .m_menu span {
                    display: block;
                    width: 100%;
                    height: 2px;
                    background-color: #232323;
					 transition: all 0.3s;
                }
                .m_menu span:nth-child(2) {
                    margin: 6px 0;
                }
				.m_menu.on{right: 25px;}
				.m_menu.on span{background:#fff;}
				.m_menu.on span:first-child {
    transform: rotate(45deg) translate(11px);
}
.m_menu.on span:nth-child(2) {
    opacity: 0;
}
.m_menu.on span:last-child {
    transform: rotate(-45deg) translate(11px);
}

                .aside {
                    position: fixed;
                    top: 0;
                    right: -100%;
                transition: all 0.5s;
                    bottom: 0;
                    height: 100%;
                    width: 90%;
                    background-color: #fff;
                    z-index: 99;
                }
				.aside.open {
                right: 0;
				}
				.dimmed_bg {
					opacity: 0;
					z-index: -1;
					position: fixed;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: rgba(0, 0, 0, 0.34);
					transition: all 0.5s;
				}
                .dimmed_bg.on {
                    opacity:1;
                    z-index: 98;
                    
                }
                .aside .aside_bg_bl {
                    background: linear-gradient(to right, #2ea6e8, #175e99);
                }
                .aside .aside_bg_bl .log_top {
                    height: 60px;
                    border-bottom: 1px solid rgba(243, 243, 243, 0.2);
                    padding: 0px 23px;
                    box-sizing: border-box;
                }
                .aside .aside_bg_bl .log_top .log_state {
                    display: flex;
                    align-items: center;
                    padding-top: 17px;
                }
                .aside .aside_bg_bl .log_top .log_state span {
                    color: #fff;
                    display: inline-block;
                    margin-left: 5px;
                }
                .aside .aside_bg_bl .m_reserve {
                    display: flex;
                }
                .aside .aside_bg_bl .m_reserve > div {
                    width: 50%;
                    text-align: center;
                    position: relative;
                    padding: 24px 0 23px;
                }
                .aside .aside_bg_bl .m_reserve > div.reserve_now {
                    border-right: 1px solid rgba(243, 243, 243, 0.2);
                    box-sizing: border-box;
                }
                .aside .aside_bg_bl .m_reserve > div > div img {
                    width: 32px;
                }
                .aside .aside_bg_bl .m_reserve > div > div span {
                    display: block;
                    margin-top: 5px;
                    color: #fff;
                    font-size: 14px;
                }
                .aside .aside_bg_bl .m_reserve > div > div a {
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }
                .aside_menu {
                    display: flex;
                    flex-wrap: wrap;
                    height: 100%;
                }
                .aside_menu > div.menu_list {
                    background-color: #fbfbfb;
                    width: 40%;
                }
                .aside_menu > div.submenu_list {
                    width: 60%;
                }
                .aside_menu ul li {
                    font-size: 16px;
                    line-height: 24px;
                    color: #c1c1c1;
                    padding: 15px 0 15px 20px;
                }
                .aside_menu > div.menu_list ul li {
                    border-bottom: 1px solid #f3f3f3;
                }
                .aside_menu ul li.selected {
                    color: #232323;
                    background-color: #fff;
                }
                .aside_menu ul li a {
                    display: block;
                }
                .aside_menu > div.submenu_list .submenu {
                    display: none;
                }
                .aside_menu > div.submenu_list .submenu.on {
                    display: block;
                }


@media (max-width:1200px){
.w1200{padding-left:20px;padding-right:20px;}

/*메인풀배너 영역*/
.main_full_bnr .full_bnr_txt .bnr_inner{left:20px;}
/*메인후기*/
.main_rev .rev_left .rev_txt_inner{left: 20px;}
/*메인컨택 정보*/
.contact_box{padding: 55px 20px;}

}

@media (max-width: 991px) {
.m_menu{display:block;}
/*메인비주얼*/
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{display:none;}
/*메인환영*/
.main_welcom{flex-direction: column;}
.main_welcom .wel_left,
.main_welcom .wel_right{width:100%;}
.main_welcom .wel_right{padding: 20px 0 0;}
.main_welcom .wel_right p.wel_msg{font-size:24px;}
.main_welcom .wel_right p.wel_msg strong{font-size:32px;}
/*메인4단배너*/
.main_bnr_cate > div{    width: calc(50% - 10px);    margin-bottom: 20px;}

/*척산스파호텔 배너*/
.spa_bnr .spa_inner .spa_txt,
.spa_bnr .spa_inner .spa_view{width:100%;}
.spa_bnr .spa_inner .spa_txt{padding-bottom: 24px;}
p.section_desc{    padding-bottom: 20px;}
/*메인 주변 관광지*/
.tour_spot .spot_list .spot_info .spot_rec{width:100%;}
/*메인컨택정보*/
.contact_box .ctc_wrap .ctc_box .ctc_txt span{font-size: 16px;}
.contact_box .ctc_wrap .ctc_box .ctc_txt span.big_ctc{font-size: 19px;}
#sitemap_wrap{display:none;}


}

@media (max-width: 767px) {
/*메인환영*/
.main_welcom{margin: 60px auto 25px;}
.main_welcom .wel_right span{font-size: 14px;padding: 0 0 20px;}
.main_welcom .wel_right a{font-size:14px;}
/*메인4단배너*/
.main_bnr_cate{padding: 0px 20px 45px;}
.main_bnr_cate > div{width: 100%;margin-bottom: 15px;height: 155px;}
.main_bnr_cate > div.bnr_cate .bnr_cate_txt strong{    font-size: 24px;}
.main_bnr_cate > div.bnr_cate .bnr_cate_txt span{font-size:16px;}
/*척산스파호텔 배너*/
.spa_bnr{padding: 60px 0;}
strong.section_tit{font-size: 30px;line-height: 1.2;}
p.section_desc{margin: 0;font-size: 14px;}
/*메인 주변 관광지*/
.tour_spot {padding: 60px 20px 30px;}
.tour_spot .tit_wrap{padding-bottom: 24px;}
.tour_spot .tit_wrap .section_tit{font-size: 30px;line-height: 1.2;}
.tour_spot .tit_wrap .section_desc{font-size: 16px;}
.tour_spot .spot_list > div{width:100%;}
.tour_spot .spot_list .spot_box .spot_img{margin-bottom:15px;}
.tour_spot .spot_list .spot_info .spot_name{font-size: 18px;margin:0;}
.tour_spot .spot_list .spot_info .spot_link{width: 130px;height: 42px;line-height: 42px;margin: 0 auto 30px;}
.tour_spot .spot_list .spot_info .spot_rec{padding: 7px 20px 18px;}
.main_full_bnr .full_bnr_txt .bnr_inner{left: 0;width: 100%;text-align: center;}
.main_full_bnr .full_bnr_txt .far_txt{font-size: 14px;}
.main_full_bnr .full_bnr_txt .far_txt br{display:block;}
.main_full_bnr .full_bnr_txt p{font-size: 32px;line-height: 1.31;}

/*메인리뷰*/
.main_rev{padding: 60px 0 60px 20px;box-sizing: border-box;}
.main_rev strong.section_tit br{display:none;}
.main_rev .rev_left{width: 100%;display: block;}
.main_rev .rev_left .rev_txt_inner{position: unset;}
.main_rev .rev_left p.section_desc,
.main_rev .navi_wrap,
.main_rev .rev_left .rev_link{display:none;}
.main_rev .rev_left .han_rev{padding: 0px 0 25px;}
.main_rev .rev_right{width:100%;}
.main_rev .swiper-slide .rev_cont .room_type{font-size: 18px;}
.main_rev .swiper-slide .rev_cont .rev_txt{    font-size: 14px;padding-bottom: 4px;line-height: 1.5;}

.main_rev .m_rev_link{display:block;margin-top: 30px;}
/*컨택정보*/
.contact_box{padding: 40px 20px 30px;}
.contact_box .ctc_wrap > div{width: 100%;margin-bottom: 12px;height:unset;padding: 23px 0;}
.contact_box .ctc_wrap > div .ctc_cont{position:unset;transform: unset;}
/*푸터*/
.footer .footer_cont .footer_info p{margin: 0;}

}