@charset "utf-8";
@import url(font.awesome.css);
@import url(font.notoSansKr.css);



@keyframes pagedownFillarc{
	0%{opacity:0; -webkit-transform:translateY(-220px) scale(.1); transform:translateY(-220px) scale(.1);}
	10%{opacity:1; -webkit-transform:translateY(-220px) scale( .1 ); transform:translateY(-220px) scale( .1 );}
	50%{-webkit-transform:translateY(0) scale( .1 ); transform:translateY(0) scale( .1 );}
	55%{opacity:1; -webkit-transform:scale( .1 ); transform:scale( .1 );}
	60%{opacity:.5;}
	80%{opacity:0; -webkit-transform:scale(1); transform:scale(1);}
	100%{opacity:0; -webkit-transform:scale(1); transform:scale(1);}
}

@keyframes zoomImage {
    from {
        transform:scale(1.1);
    }

    to {
        transform:scale(1.0);
    }
}

@keyframes topbottom {
    from {
        transform:translateY(-5px);
    }

    to {
        transform:translateY(2px);
    }
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slide-left {
    from {
        margin-left: -50px;
    }

    to {
        margin-left: 0%;
    }
}

@keyframes slide-bottom {
    from {
        margin-bottom: -50px;
    }

    to {
        margin-bottom: 0%;
    }
}

@-moz-keyframes fadein {

    /* Firefox */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {

    /* Safari and Chrome */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadein {

    /* Opera */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
@font-face {
	font-family: 'GyeonggiBatang';
	src: local('sdmisaeng'),
		url('/fonts/GyeonggiBatang_Bold.woff') format('woff'),
}

/* swiper */
.swiper-pagination { position: relative !important; margin-top: 30px;}
.swiper-pagination-bullet { background-color: #fff !important; margin-right: 10px; }

/* 공통 */
*{
    box-sizing: border-box; /* 오페라(Opera) */
    -moz-box-sizing: border-box; /* 파이어폭스(Firefox)*/
    -webkit-box-sizing: border-box; /* 웹킷(Webkit) & 크롬(Chrome)*/
}
html {}
input[type="submit"] { font-family:'Font Awesome 5 Pro'}
body {margin:0;padding:0;background-color:#fff;font-family: "Noto Sans KR", sans-serif !important; letter-spacing: -0.07em;}
hr {display:none;clear:both;}
img {border:0 none;}
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form {margin:0;padding:0;}
table {border-collapse:collapse;border:0 none; }
table th, table td {vertical-align: middle !important; text-align: center;}
form, p {margin: 0px;}
button {margin:0;padding:0;border:0 none;background:transparent;*overflow:visible;cursor:pointer;}
button::-moz-focus-inner {padding:0;border:0;}
ul, li, ol, dt, dd { list-style: none;}
body,table,th,td,input,select,textarea,div {
font-size: 12px;
font-style: normal;
line-height:18px;
margin:0;
word-spacing:-1pt;
word-break:break-all;
}


a{text-decoration:none; color:#333;}
a:hover{text-decoration:none}

.scroll-ani {
    position: absolute;
    bottom: 0;
    width: 50px;
    color: #fff;
    margin: 0 auto;
    left: 77px;
    height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.scroll-ani::before {
	content: 'scroll';
	color: #fff;
	position: relative;
	top:-10px
}
.scroll-ani::after{
    content: '';
    opacity: 0;
    display: block;
    position: absolute;
    left: 50%;
    top: 220px;
    width: 50px;
    height: 50px;
    margin: 0 0 0 -25px;
    background: #fff;
    border-radius: 100%;
    transform: translateY(100px) scale(.1);
    -webkit-transform: translateY(100px) scale(.1);
    animation: pagedownFillarc 1.9s linear 0s infinite;
    -webkit-animation: pagedownFillarc 1.9s linear 0s infinite;
}

.scroll-ani span:after {
    content: '';
    display: block;
    width: 1px;
    height: 230px;
    margin: 0px auto 0;
    background: #a4a4a4;
    vertical-align: middle;
}

.wrap { position: relative;}

/* header */
#header {
	width: 100%;
	margin: 0 auto;
	position: relative;
	display: flex;
    flex-direction: row;
	overflow: hidden;
}


#header .logo_area {
	width: 20.7%;
	height: 100vh;
	background: linear-gradient(180deg, rgba(37,84,148,1) 0%, rgba(6,56,123,1) 100%);
	display: flex;
	justify-content: center;
	box-sizing: border-box;
	padding-top: 30px;
	position: relative;
    z-index: 1;
}

#header .menu_area{
	width: 79.3%;
	box-sizing: border-box;
	display: flex;
    flex-direction: column;
	position: relative;
    z-index: 2;
}

.menu_box {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-right: 240px;
}

.menu {
	display: flex;
	justify-content: center;
	margin-top: 50px;
}

.menu ul {
	display: flex;
	flex-direction: row;
}

.menu ul li {
	margin-left: 115px;
	display: flex;
	flex-direction: column;
	position: relative;
}

.menu ul li a {
	font-size: 17px;
	color: #404040;
	font-weight: 600;
	transition: .3s ease-in-out;
	position:relative;
	z-index:3;
}

.menu ul li a:hover {
	color: #255494;
}


.menu ul li .submenu { display: none; padding-top: 30px !important;  width: 150px; top:00px; left: -40px; flex-direction: column; align-items: flex-start; position: absolute; z-index: 2;}
.menu ul li:nth-child(4) .submenu {left:0px;}

.menu ul li .submenu li { margin-left: 0px; background-color: #06387b; box-sizing: border-box;}
.menu ul li .submenu li a { font-size: 14px; display: block; padding: 15px 20px; color: #fff;}
.menu ul li .submenu li a:hover { background-color: #002555;}

.util_menu {
	display: flex;
	justify-content: flex-end;
	margin-top: 50px;
}

.util_menu ul {
	display: flex;
	flex-direction: row;
}

.util_menu ul li {
	margin-left: 28px;	
}
.util_menu ul li:first-child { margin-left: 0;}
.util_menu ul li a {
	font-size: 14px;
	color: #404040;
}

.nav-icon4 { display: none;}

.visual_area {
	width: 100%;
	height: 818px;
	position: relative;
	margin-top: 50px;
}

.visual_area .main_visual { width: 100%; height: 100%;}
.visualSwiper  {width: 100%; height: 100%;}

.quick_menu { position: absolute; right: 100px; top: 0; z-index: 10;}
.quick_menu ul {display: flex; flex-direction: column;}
.quick_menu ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.quick_menu ul li a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color:#fff;
	width: 100%;
	padding: 12px 30px;
	box-sizing: border-box;
}
.quick_menu ul li a img {margin-bottom: 10px;}
.quick_menu ul li:first-child a{
	background: linear-gradient(180deg, rgba(58,103,163,1) 0%, rgba(37,84,148,1) 100%);
	padding: 20px 30px;
}
.quick_menu ul li:nth-child(2) { margin-top: 10px;}
.quick_menu ul li:nth-child(2) a{
	background:#348f49;
}

.v_text { position: relative; z-index: 9;}



/* content */
#content {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.main_notice {
	width: 100%;
	background-color: #f4f5f9;
	height: 80px;
	overflow: hidden;
}

.main_notice .notice_wrap {
    width: 1310px;
    margin: 0 auto;
    display: flex;
    height: 80px;
    flex-direction: row;
}

.main_notice .notice_wrap .notice_title {
	font-size: 16px;
	color: #255494;
	width: 10%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
}
.noticeSwiper  { width: 100%;}
.noticeSwiper .swiper-slide {
	height:100%;
	width: 80%;
	display: flex;
	align-items: center;
}

.noticeSwiper .swiper-slide a {
	font-size: 15px;
	color: #404040;
	font-weight: 500;
} 

.notice_btn {
	width: 10%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.notice_btn > div > i {
	color: #102b50;
	font-size: 20px;
}

.v_text {
    position: absolute;
    z-index: 9;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
    color: #fff;
	box-sizing: border-box;
	padding-left: 400px;
}


.v_text span{
	letter-spacing: 0.7em;
	font-size: 19px;
	font-weight: bold;
	line-height: 1.0em;
	margin-bottom: 30px;
	text-shadow:  0px 0px 6px black;;
}

.v_text h3 {
	font-size: 80px;
	line-height: 1.0em;
	margin-bottom: 30px;
	text-shadow:  0px 0px 8px black;
}

.v_text p{
	font-size: 23px;
	line-height: 1.5em;
	text-shadow:  0px 0px 6px black;
}



.caravan {
	width: 100%;
	height: 845px;
	background: url(../img/se01bg.png) no-repeat center center;
}

.caravan_wrap {
	width: 1310px;
	margin:0 auto;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
}

.caravan_wrap .caravan_info {
	display: flex;
	flex-direction: column;
}

.caravan_wrap .caravan_info h3 {
	font-size: 24px;
	color:#fff;
	font-weight: 900;
	line-height: 1.0em;
}

.caravan_wrap .caravan_info h5 {
	font-size: 28px;
	color:#fff;
	font-weight: 500;
	line-height: 1.6em;
}

.caravan_wrap .caravan_info h5 strong { font-weight: 900;}

.caravan_wrap .caravan_info span {
	font-size: 17px;
	color:#fff;
	line-height: 2.0em;
	margin-top: 50px;
}

.caravan_image { width: 60%; overflow: hidden;}
.caravan_info h3 { margin-bottom: 54px;}
.caravan_btn {
	display: flex;
	flex-direction: row;
	margin-top: 80px;
}
.caravan_btn .btn { margin-right: 8px;}
.caravan_btn .btn a{ border:1px solid #fff; border-radius: 5px; display: block; color: #fff; font-size: 15px; padding: 13px 25px;}


.camping {
	width: 100%;
	height: 845px;
	background: url(../img/se02bg.png) no-repeat center center;
}

.camping_wrap {
	width: 1310px;
	margin:0 auto;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
}


.camping_wrap .camping_info {
	display: flex;
	flex-direction: column;
}

.camping_wrap .camping_info h3 {
	font-size: 24px;
	color:#fff;
	font-weight: 900;
	line-height: 1.0em;
}

.camping_wrap .camping_info h5 {
	font-size: 28px;
	color:#fff;
	font-weight: 500;
	line-height: 1.6em;
}

.camping_wrap .camping_info h5 strong { font-weight: 900;}

.camping_wrap .camping_info span {
	font-size: 17px;
	color:#fff;
	line-height: 2.0em;
	margin-top: 50px;
}


.camping_image { width: 60%; overflow: hidden;}
.camping_info h3 { margin-bottom: 54px;}
.camping_btn {
	display: flex;
	flex-direction: row;
	margin-top: 80px;
}
.camping_btn .btn { margin-right: 8px;}
.camping_btn .btn a{ border:1px solid #fff; border-radius: 5px; display: block; color: #fff; font-size: 15px; padding: 13px 25px;}

.section_title02 {
	text-align: center;
	margin-top: 43px;
}

.section_title02 span {
	letter-spacing: 0.5em;
	color: #404040;
	font-size: 24px;
	margin-bottom: 25px;
	display: block;
	line-height: 1.0em;
}

.section_title02 h3 {
	font-size: 57px;
	color: #404040;
	line-height: 1.0em;
	letter-spacing: 0.5em;
}


.tour {
	width: 100%;
	height: 605px;
	background: url(../img/tour_bg.png) bottom center no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.tour_wrap {
	width: 1310px;
	margin:85px auto 0px auto;
	position: relative;
}
.tour_wrap .tourSwiper {  width: 100%; overflow: hidden;}
.tour_wrap .tourSwiper .swiper-slide{ 
	height: 257px;
}

.tour_wrap .tourSwiper .swiper-slide a{ 
	height: 100%;
}

.tour_wrap .tourSwiper .swiper-slide a div{ 
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.tour_wrap .tourSwiper .swiper-slide a div h5 {
	background-color: rgba(0,0,0,0.8);
	color: #fff;
	padding: 15px 20px;
	font-size: 20px;
}
.tour-button-prev { position: absolute;top:50%;z-index: 9; left: -20px; font-size: 20px;  }
.tour-button-next { position: absolute;top:50%;z-index: 9; right:-20px; font-size: 20px; }
#footer { background-color: #282828; color: #fff;}
.footer_wrap { text-align: center; padding: 50px 0px; font-size: 17px;}
.footer_wrap div { font-size: 17px; margin-top: 20px;}



/* sub */

#sub_header {
	width: 100%;
	margin: 0 auto;
	position: relative;
	display: flex;
    flex-direction: row;
}

#sub_header .logo_area {
	width: 20.7%;
	display: flex;
	justify-content: center;
	box-sizing: border-box;
	padding-top: 30px;
	position: relative;
    z-index: 1;
}

#sub_header .menu_area{
	width: 79.3%;
	box-sizing: border-box;
	display: flex;
    flex-direction: column;
	position: relative;
    z-index: 2;
}

.subvisual_area {
	width: 100%;
	height: 260px;
	position: relative;
	margin-top: 50px;
}


.sub_visual {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sub_visual h3 { color: #fff; font-size: 35px;}

.sub_nav {
	width: 100%;
	height: 100%;
	border-bottom: 1px solid #dfdfdf;
}

.sub_nav ul {
	width: 1310px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
}

.sub_nav ul li:first-child {
	background-color: #383838;
	color: #fff;
	
}

.sub_nav ul li:first-child a { color: #fff; font-size: 16px; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px;}
.sub_nav ul li a{
	width: 260px;
	height: 60px;
	box-sizing: border-box;
	padding: 0px 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size:15px;
	color: #383838;
}

.sub_nav ul li:nth-child(2) a {

}

.sub_nav ul li { border-right: 1px solid #dfdfdf;}
.sub_nav ul li:nth-child(3) .active{
	color: #1a4a9f;
	border-bottom: 2px solid #1a4a9f;
	box-sizing: border-box;
}

.all_submenu { background-color: #1a4a9f;}
.menu_open .allmenu_area .all_nav li .all_submenu li a{ font-size: 14px; padding: 15px 30px; display: flex; align-items: center;}
.menu_open .allmenu_area .all_nav li .all_submenu li a::before { content: ''; width: 3px; height: 3px; background-color: #fff; margin-right: 8px; display: flex;}
.content_wrap {
	width:1310px;
	margin: 60px auto 50px auto;
}


.content_wrap h4 {color: #404040; font-size: 26px; text-align: center;}
.cont { width: 100%; margin-top: 60px; display: flex; flex-direction: column;}
.cont .cont_title{ font-size: 20px; color: #41478f;}
.cont .contTextBox { color: #383838; font-size: 15px; line-height: 1.8em; margin-top: 30px;}

.cont02 {
	border-top: 1px solid #dfdfdf;
	width: 100%;
	margin-top: 60px;
	padding-top: 60px;
}
.cont02 .caravan_img img{ width: 100%; height: auto;}
.cont03 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-top: 60px;
	padding-bottom: 60px;

	border-bottom: 1px solid #dfdfdf;
}

.cont03 .cont03_area {
	width: 30%;
	display: flex;
	flex-direction: column;
}

.cont03 .cont_title{ font-size: 20px; color: #41478f;}
.cont03 .contTextBox { color: #383838; font-size: 15px; line-height: 2.0em; margin-top: 30px;}
.cont03  a { width: 100%; padding: 20px 0px; margin-top: 60px; background-color: #41478f; text-align: center; color: #fff; font-size: 15px; border-radius: 10px;}

.cont04 {
	border-top: 1px solid #dfdfdf;
	width: 100%;
	margin-top: 60px;
	padding-top: 60px;
}

.cont04 ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.cont04 ul li { width: 50%; margin-bottom: 15px;}
.cont04 ul li div { width: 98%; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.cont04 ul li div img { width: 100%;}


.all_menu {display:none; z-index: 3; background-color: #06387b;}
.menu_open { display: flex; flex-direction: row; justify-content: space-between;  position: absolute;  top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; }

.menu_open .allmenu_area { width: 100%; box-sizing: border-box;}
.menu_open .allmenu_area .all_util { display: flex; box-sizing: border-box; padding: 0px 20px; flex-wrap: wrap; flex-direction: row; margin-top: 60px;}




.menu_open .allmenu_area .all_util li {  width: 25%; text-align: center; ; border-bottom: 1px solid #fff; border-top: 1px solid #fff;}
.menu_open .allmenu_area .all_util li a { width: 100%; display: block; padding: 12px 0px; font-size: 13px; text-align: center; color: #fff;}

.menu_open .allmenu_area .all_nav {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    padding: 0px 0px;
}
.menu_open .allmenu_area .all_nav li { width: 100%; margin-top: 1px;}
.menu_open .allmenu_area .all_nav li a { display: block; box-sizing: border-box; padding: 20px 23px; width: 100%; font-size: 16px;  color: #fff;}

.menu_open .nav-icon4 { position: absolute;  right: 22px; top: 15px;}
.menu_open .nav-icon4 span{ background-color: #fff;}

/* login page */
.login_wrap { width: 100%; height: 100vh; background-color: #f4f5f9;}
#login { width: 700px; height: 100%; box-sizing: border-box; padding: 60px 0px; background-color: #fff; margin:0 auto; display: flex; flex-direction: column; align-items: center;}
.logo_area { width: 100%; box-sizing: border-box; padding: 0px 80px;}
#login .logo_area .logo { text-align: center; border-bottom: 1px solid #dfdfdf; padding-bottom: 50px;}
.login_form { width: 100%; margin-top:60px; display: flex; flex-direction: column; box-sizing: border-box;}
.login_form ul { width: 100%; display: flex; flex-direction: column;}
.login_form ul li { width:100%; margin-bottom: 15px;}
.login_form ul li a {
	display: flex;
	width: 100%;
	color: #fff;
	padding: 20px;
	font-size: 17px;
	text-align: center;
}

.naver_login { background-color: #03c75a;}
.naver_icon { background: url(../img/nicon.png) no-repeat left center; margin-right: 20px; background-size: contain; width: 20px; height: 20px;}

.kakao_login { background-color: #ffe500;}
.login_form ul .kakao_login a { color: #3b1e1e;}
.kakao_icon { background: url(../img/kicon.png) no-repeat left center; margin-right: 20px; background-size: contain; width: 20px; height: 20px;}

.google_login { background-color: #fff;}
.login_form ul .google_login a { color: #555; box-sizing: border-box; border: 1px solid #dfdfdf;}
.google_icon { background: url(../img/gicon.png) no-repeat left center; margin-right: 20px; background-size: contain; width: 20px; height: 20px;}


#footer { position: absolute; bottom: 0; width: 100%;}
.login_text { width: 100%; display: flex; flex-direction: column; align-items: center; margin-bottom: 40px; text-align: center;}
.login_text h3 { font-size: 30px; color: #555; line-height: 1.0em;}
.login_text h5 { font-size: 16px; color: #999; line-height: 1.5em; margin-top: 15px;}



@media(max-width:1600px){
	.menu ul li {margin-left: 100px;}
	.quick_menu {right: 20px;}
	.menu_box {padding-right: 170px;}
}

@media(max-width:1440px){
	#header .logo_area {width: 20%;}
	#header .menu_area { width: 80%;}
	.menu ul li { margin-left: 80px;}
	.util_menu ul li { margin-left: 20px;}
	.scroll-ani {left:30px}
	.v_text h3{font-size: 65px;}
	#header .logo_area {height: auto;}

	.main_notice .notice_wrap { width: 100%; padding: 0px 40px; box-sizing: border-box;}
	.caravan_wrap { width: 100%; box-sizing: border-box; padding: 0px 40px;}
	.camping_wrap { width: 100%; box-sizing: border-box; padding: 0px 40px;}
	.tour_wrap { width: 100%; box-sizing: border-box; padding: 0px 40px;}
	.notice_btn { align-items: flex-end;}
	
	.footer_wrap {width:100%}

	/* sub */
	.content_wrap { width: 100%; box-sizing: border-box; padding: 0px 30px; }
	.sub_nav ul {  width: 100%;}

	.tour-button-prev {left: 15px;}
	.tour-button-next {right:15px;}

}


@media(max-width:1280px){
	.quick_menu {top: 120px;}
	.menu_box {padding-right: 30px;}
	.menu ul li { margin-left: 60px;}
	.menu ul li a { font-size: 16px;}
	.v_text h3 {font-size: 60px;}

	/* sub */
	.subvisual_area {margin-top: 40px;}
	.cont03 { flex-direction: column;}
	.cont03 .cont03_area { width: 100%;}
	.cont03_img { margin-top: 20px; width: 100%;}
	.cont03_img img { width: 100%;}
}


@media(max-width:1024px){
	.v_text { padding-left: 0; text-align: center; align-items: center;} 
	.v_img { display: none;}
	.quick_menu {top: 78px;}
	.menu { display: none;}
	.util_menu { display: none;}
	.menu_box {justify-content: flex-end; padding: 25px 30px 25px 0px;}
	.visual_area { margin-top: 5px;}
	#header .logo_area .logo h1 a img{ width: 120px;}

	.caravan{ background: url(../img/se01_bg.png) no-repeat; height: auto; background-size: cover;}
	.caravan_wrap {flex-direction: column; box-sizing: border-box; padding: 50px 0px;}
	.caravan_wrap .caravan_info { align-items: center; text-align: center; margin-bottom: 20px;}
	.caravan_wrap .caravan_info h3 { margin-bottom: 20px;}
	.caravan_wrap .caravan_info span { margin-top:20px}
	.caravan_btn { margin-top: 20px;}
	.caravan_image { width: 100%;}
	.caravan_swiper  .swiper-slide{ display: flex; align-items: center;  justify-content: center; box-sizing: border-box;  padding: 0px 30px;}
	.caravan_swiper  .swiper-slide img { width: 100%; height: auto; object-fit: contain;}

	
	.camping{ background: url(../img/se02_bg.png) no-repeat; height: auto; background-size: cover;}
	.camping_wrap {flex-direction: column-reverse; box-sizing: border-box; padding: 50px 0px;}
	.camping_wrap .camping_info { align-items: center; text-align: center; margin-bottom: 20px;}
	.camping_wrap .camping_info h3 { margin-bottom: 20px;}
	.camping_wrap .camping_info span { margin-top:20px}
	.camping_btn { margin-top: 20px;}
	.camping_image { width: 100%;}
	.camping_swiper .swiper-slide{ display: flex; align-items: center;  justify-content: center; box-sizing: border-box;  padding: 0px 30px;}
	.camping_swiper .swiper-slide img { width: 100%; height: auto; object-fit: contain;}

	.tour { padding: 50px 0px; height: auto;}
	.section_title02 { margin-top: 0px;}
	.section_title02 span {font-size:20px; letter-spacing: 0.12em;}
	.section_title02 h3 {font-size: 47px; letter-spacing: 0.07em;}
	.tour_wrap {margin: 45px auto 0px auto; padding: 0px 30px;}

	.noticeSwiper .swiper-wrapper { align-items: center; text-align: center; }
	.main_notice .notice_wrap .notice_title { width: 12%; word-break: keep-all; }

	.nav-icon4 {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		width: 30px;
		height: 23px;
	}
	
	.nav-icon4 span {
		display: block;
		position: absolute;
		height: 3px;
		width: 30px;
		background: #101477;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	.nav-icon4 span:nth-child(1) {
		top: 0px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	.nav-icon4 span:nth-child(2) {
		top: 10px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	.nav-icon4 span:nth-child(3) {
		top: 20px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	.nav-icon4.open span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 0px;
		left: 0px;
	}

	.nav-icon4.open span:nth-child(2) {
		width: 0%;
		opacity: 0;
	}

	.nav-icon4.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 21px;
		left: 0px;
	}


	/* sub */
	#sub_header .logo_area .logo h1 a img {width: 120px;}
	.subvisual_area {margin-top: 5px;}
	#sub_header .logo_area {padding-top: 22px;}

	#sub_header .menu_area .menu_box .nav-icon4 span{background-color: #101477;}
	.tour-button-prev {left: 10px;}
	.tour-button-next {right:10px;}
}

@media(max-width:800px){
	#login { width:100%}
	.logo_area { padding: 0px 20px}
}


@media(max-width:738px){
	#header{flex-direction: column;}
	#header .menu_area { width: 100%;}
	.scroll-ani { display: none;}
	#header .logo_area {width: 100%; padding-top: 10px; padding-bottom: 10px;}
	.visualSwiper  .swiper-wrapper .swiper-slide .v_text{padding: 0px 20px; box-sizing: border-box;}
	.v_text h3 { font-size: 50px;}

	.footer_wrap {font-size: 15px; box-sizing: border-box;  padding: 50px 20px; }
	.footer_wrap div { font-size: 15px; }

	.caravan_wrap .caravan_info { padding: 0px 20px; box-sizing: border-box;}
	.caravan_wrap .caravan_info h3 { font-size: 20px;}

	.camping_wrap .camping_info { padding: 0px 20px; box-sizing: border-box;}
	.camping_wrap .camping_info h3 { font-size: 20px;}
	#header .logo_area { position: absolute;}
	.menu_box {padding: 15px 30px 15px 0px;}
	.nav-icon4 span { background-color: #fff;}

	.section_title02 span { margin-bottom: 10px;}
	.section_title02 h3 {font-size: 40px;}

	.quick_menu { display: none;}
	.visual_area { height: 500px;}

	/* sub */
	
	#sub_header .logo_area {padding-top: 10px; width:auto; left: 30px;}
	.sub_nav ul li:first-child { width: 20%;}
	.sub_nav ul li:nth-child(2) { width: 40%;}
	.sub_nav ul li:nth-child(3) { width: 40%;}
	.sub_nav ul li:first-child  a { width: 100%;}
	.sub_nav ul li:nth-child(2) a { width: 100%;}
	.sub_nav ul li:nth-child(3) a { width: 100%;}
}

@media(max-width:480px){
	.v_text span {letter-spacing: 0.5em;  word-break: keep-all;}
	.v_text h3 { font-size: 40px; word-break: keep-all; line-height: 1.3em;}
	.v_text p { font-size: 18px; word-break: keep-all;}
	.main_notice .notice_wrap { padding: 0px 20px;}
	.caravan_wrap .caravan_info h5 {font-size: 25px; word-break: keep-all;}
	.camping_wrap .camping_info h5 {font-size: 25px; word-break: keep-all;}
	.tour_wrap .tourSwiper .swiper-slide a div h5 { font-size: 17px;}
	.visual_area { height: 400px;}

	/* sub */
	.sub_nav ul li a { padding: 0px 20px;}
	.cont03 a { margin-top: 30px;}
	.cont03_img { margin-top: 30px;}

	.cont04 ul li { width: 100%;}

	/* login */
	.login_text h5 {word-break: keep-all; }
}

@media(max-width:412px){
	.main_notice .notice_wrap .notice_title { font-size: 14px; width: 12%;}
	.v_text span {letter-spacing: -0.01em;}
	.noticeSwiper .swiper-slide a { font-size: 14px;}
}

@media(max-width:350px){
	.main_notice .notice_wrap .notice_title { font-size: 14px; width: 15%;}

	/*login*/
	.login_text h5 { font-size : 15px }
	.login_form ul li a { font-size:15px}

}