@charset "utf-8";

	
	


@media (max-width: 1600px) {
	div.container {
		width: 100%;
	}
	.row {
		padding: 0 15px;
	}
	header ul.gnb {
		display: none;
	}

	
	
	header div.reservation,
	header div.m_menu,
	header div.m_menu_close {
		width: 100px;
		height: 91px;
		right: 100px;
	}
	header div.reservation a,
	header div.m_menu a,
	header div.m_menu_close a {
		width: 100px;
		height: 91px;
	}
	header div.reservation img,
	header div.m_menu img,
	header div.m_menu_close img {
		margin: 12px auto 10px; 
	}
	header div.m_menu img {
		margin: 12px auto 10px; 
	}
	header div.m_menu {
		display: block;
		right: 0;
		background-color: #00868a;
	}
	header div.m_menu_close {
		right: 0;
		background-color: #00868a;
	}

	header .logo {
		background-color: #45c8d0;
		width: 100%;
		height: 91px;
	}
	header .logo h1 {
		width: 25%;
		padding: 1.5% 0 0 3%;
	}
	header .logo h1 img {
		max-width: 100%;
	}

	header ul.gnb {
		background-color: #fff;
		overflow: hidden;
		width: 100%;
		border-bottom: 1px solid #eee;
		margin: 0;
		height: 80px;
	}
	header ul.gnb>li {
		float: left;
		width: 12.5%;
		height: 80px;
		line-height: 80px;
		text-align: center;
	}

	header ul.gnb>li>a {
		display: inline-block;
		width: 100%;
		height: 80px;
		color: #000;
	}
	header ul.gnb>li>a:hover {
		background-color: #F7F7F7;
	}

	




	#about {
		background: none;
	}


		

}
@media (max-width: 1280px) { 
	header ul.gnb {
		height: 160px;
	}
	header ul.gnb>li {
		width: 16.65%;
	}
	


	/* main_visual */
	#main_visual {
		padding-top: 45px;
	}
	#main_visual h2 {
		letter-spacing: -1px;
	}
	#main_visual ul+p {
		display: none;
	}




	/* about */
	#about {
		display: none;
	}


	/* special */
	#special {
		width: 100%;
		height: 100%;
		background: none;
		margin-top: 20px;
	}
	#special h2.pc_tit,
	#special p.text { 
		display: none;
	}
	#special h2.mobile_tit {
		display: block;
		text-align: center;
		margin-bottom: 2%;
		color: #333333;
	}
	
	#special ul li a {
		display: inline-block;
	}
	#special ul li p {
		bottom: 4px;
		padding: 6px 0 0 20px;
	}
	#special ul li p small {
		margin-top: 0;
	}

	


	/* preview */
	#preview {
		margin-top: 20px;
		margin-bottom: 0px;
		height: 100%;
		background: none;
	}
	#preview h2.pc_tit,
	#preview p.text { 
		display: none;
	}
	#preview h2.mobile_tit {
		display: block;
		text-align: center;
		margin-bottom: 2%;
		color: #333333;
	}
	#preview h2+p+p {
		width: 230px;
		height: 70px;
	}
	#preview h2+p+p a {
		width: 200px;
		height: 50px;
		line-height: 50px;
		font-size: 20px;
	}





	#tourist h2.pc_tit,
	#tourist p.text { 
		display: none;
	}
	#tourist h2.mobile_tit {
		display: block;
		text-align: center;
		color: #333333;
		padding-top: 4%;
	}




	/* violet */
	#violet h2+p,
	#violet2 h2+p{
		display:none;
	}
}




@media (max-width: 900px) {
	#main_visual {
		padding-top: 65px;
	}	

	header ul.gnb>li {
		width: 25%;
	}
	header .logo {
		height: 65px;
	}

	header div.reservation,
	header div.m_menu,
	header div.m_menu_close {
		width: 70px;
		height: 65px;
		right: 70px;
	}
	header div.reservation a,
	header div.m_menu a,
	header div.m_menu_close a {
		width: 70px;
		height: 56px;
	}
	header div.reservation img,
	header div.m_menu img,
	header div.m_menu_close img {
		width: 18px;
		margin: 13px auto 0; 
	}
	header div.m_menu img {
		margin: 13px auto 0; 
	}
	header div.reservation span,
	header div.m_menu span,
	header div.m_menu_close span {
		font-size: 11px;
	}
	header div.m_menu {
		display: block;
		right: 0;
		background-color: #00868a;
	}
	header div.m_menu_close {
		right: 0;
		background-color: #00868a;
	}


	
	#preview ul li {
		width:49%;
	}
	#preview ul li:nth-child(3n+2) {
		margin-left:0%; margin-right:0%;
	}
	#preview ul li:nth-child(2n+1) {
		margin-right:1%;
	}
	#preview ul li:nth-child(2n+2) {
		margin-left:1%;
	}



	#special ul li {
		width:49%;
	}
	#special ul li:nth-child(3n+2) {
		margin-left:0%; margin-right:0%;
	}
	#special ul li:nth-child(2n+1) {
		margin-right:1%;
	}
	#special ul li:nth-child(2n+2) {
		margin-left:1%;
	}



	
	#tourist .content li:nth-child(5n+1) {
		padding-right:0%;
	}
	#tourist .content li:nth-child(5n+2) {
		padding-left:0%;
		padding-right:0%;
	}
	#tourist .content li:nth-child(5n+3) {
		padding-left:0%;
		padding-right:0%;
	}
	#tourist .content li:nth-child(5n+4) {
		padding-left:0%;
		padding-right:0%;
	}
	#tourist .content li:nth-child(5n+5) {
		padding-left:0%;
	}

	#tourist .content li {
		width: 48%;
	}
	#tourist .content li:nth-child(2n+1) {
		padding-right:2%;
	}
	#tourist .content li:nth-child(2n+2) {
		padding-left:2%;
	}
	#tourist .content li h3 {
		height:20px;
		font-size: 14px;	
	}
	#tourist .content li span {
		font-size: 13px;
/*		line-height:25px;*/
		padding-top:5px;
		height:25px;
		 margin-bottom: 8px;

	}
	#tourist .content li p.more a {
		height: 25px;
		font-size: 13px;
	}
	
	
}
@media (max-width: 768px) {
	#main_visual {
		padding-top: 52px;
	}
	

	/* footer */
	footer {
		height: 380px;
	}
	footer div {
/*		float: none;*/
		height: 130px;
		padding-top: 10px;
		text-align: center;
	}
	footer .company_info {
		width: 100%;
		font-size: 12px;
		padding-left: 0;
	}


	footer .company_info p:first-child {
		color: #fff;
		margin-bottom: 5px;
	}
	footer .company_info p:first-child+p {
		line-height: 17px;
		margin-bottom: 10px;
	}
	footer .company_info ul {	
		margin-bottom: 5px;
		width: 355px;
		margin: 0 auto;
	}
	footer .logo {
		width: 100%;
		height: 85px;
		padding-top: 15px;
	}
	footer .logo p:first-child {
		margin-bottom: 0;
		float: right;
		margin-right: 40px;
	}
	footer .logo p:first-child+p {
		margin: 0 auto;
		width: 130px;
	}
	footer .logo p:first-child+p img {
		width: 110px;
	}	
	footer .contact {
		width: 100%;
		height: 150px;
		font-size: 24px;
		padding-left: 0;
	}
	footer .contact p:first-child {
		margin-bottom: 5px;
	}
	footer .contact span {
		font-size: 12px;
		margin-top: 0;
	}

	
	
}
@media (max-width: 479px) {
	header ul.gnb {
		height: 152px;
	}
	header ul.gnb>li {
		width: 33.3%;
		height: 50px;
		line-height: 50px;
		font-size: 14px;
	}
	header ul.gnb>li>a {
		height: 50px;
	}
	header .logo {
		height: 57px;
	}

	header div.reservation img,
	header div.m_menu img,
	header div.m_menu_close img {
		width: 18px;
		margin: 7px auto 0; 
	}
	header div.m_menu img {
		margin: 9px auto 0; 
	}
	header div.reservation,
	header div.m_menu,
	header div.m_menu_close {
		height: 57px;
	}


	
	#main_visual h2 {
		font-size: 12px;
	}




	#special ul li {
		width: 100%;
/*		height: 239px;*/
	}
	#special ul li:nth-child(2n+1) {
		margin-right:0%;
	}
	#special ul li:nth-child(2n+2) {
		margin-left:0%;
	}
	#special ul li img.img1 {
		display: none;
	}
	#special ul li img.img2 {
		display: block;
	}
	#special ul li img.img2 {
		width: 100%;
	}
	#special ul li p {
		top: 80.2%;
	}
	#special ul li p {
		font-size: 13px;
	}
	#special ul li p small {
		font-size: 12px;
	}





	#preview ul li {
		width: 100%;
	}
	#preview ul li:nth-child(2n+1) {
		margin-right: 0%;
	}
	#preview ul li:nth-child(2n+2) {
		margin-left: 0%;
	}
	#preview ul li span {
		font-size: 12px;
	}
	#preview ul div p:first-child {
		font-size: 14px;
	}
	#preview ul div p:first-child+p a {
		font-size: 12px;
	}


	
	
	#tourist .content h3 {
		font-size: 13px;
	}
	#tourist .content li span,
	#tourist .content li p.more a {
		font-size: 12px;
	}
	#tourist .content li p.more a {
		line-height: 30px;
	}




	




	#violet2 h2 {
		display: none;
	}
	#violet2 h2+p+p {
		margin: 15px 0 15px 0;
		text-align: center;
	}
	#violet {
		display: none;
	}
	

	#exterior h2+p {
		font-size: 12px;
	}






	#main_visual,
	#about_visual {
		display: none;
	}
	#mobile {
		display: block;
		padding-top: 10.5%;
	}
	#mobile_visual {
		position: relative;
	}
	#mobile_visual div.intro {
		position: absolute;
		top: 42%;
		right: 10%;
		z-index: 100;
		width: 55%;
	}
	#mobile_visual div.intro p img {
		max-width: 100%;
	}
	#mobile_visual div.intro h2 {
		color: #fff;
		font-weight: 100;
		margin-top: 3%;
		font-size: 1.15vw;
	}
	#mobile_visual .main_paging1,
	#mobile_visual .main_paging2,
	#mobile_visual .about_paging1,
	#mobile_visual .about_paging2 {
		position: absolute;
		bottom: 6%;
		left: 82%;
		z-index: 10;
		width: 5%;
	}
	#mobile_visual .main_paging2,
	#mobile_visual .about_paging2 {
		left: 87.2%;
	}
	#mobile_visual .main_paging1 img,
	#mobile_visual .main_paging2 img,
	#mobile_visual .about_paging1 img,
	#mobile_visual .about_paging2 img {
		max-width: 100%;
	}



	#mobile_visual .owl-theme .owl-dots {
		bottom: 5%;
	}
	#mobile_visual .owl-theme .owl-dots .owl-dot span {
		width: 8px;
		height: 8px;
		margin: 5px 1px;
	}
	#mobile_visual .owl-carousel .owl-nav button.owl-prev, 
	#mobile_visual .owl-carousel .owl-nav button.owl-next {
		position: absolute;
		bottom: 35%;
		width: 24px;
		height: 48px;
	}
	#mobile_visual .owl-carousel .owl-nav button span {
		color: rgba(0,0,0,0);
	}
	#mobile_visual .owl-carousel .owl-nav button.owl-prev {
		background: url(/img/mobile/m_prev_s.png) 0 0 no-repeat;
		left: 2%;
	}
	#mobile_visual .owl-carousel .owl-nav button.owl-next {
		background: url(/img/mobile/m_next_s.png) 0 0 no-repeat;
		right: 2%;
	}


	
}
@media (max-width: 400px) {
	#special ul li p {
		bottom: 6.1px;
	}	
}