@import url("./reset.css");

body{font-family: 'Noto Sans KR', sans-serif;}
.cleafix:after{content:'';display: block;clear:both;}
.cleafix>*{float:left;}

.icon-bar{width: 22px; height: 2px; border-radius: 1px; margin: 3px 0; background-color: #5a5a5a;}

header *{transition:0.3s;}
header{position:fixed; left:0; top:0; width:100%; background-color: rgba(255, 255, 255, 0);z-index: 99;transition:0.3s;}
header.active{background-color: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
header > .wrapper{padding: 0 0px; font-size:0; max-width:1200px;}
header .logo {float: left; display:block; padding-top: 30px; }
header .logo img {height: 42px; }
header .nav{float:right;}
header .nav a{display:inline-block; padding:35px 30px;color: black; font-size: 21px; text-decoration: none; letter-spacing: -1px; line-height: 35px;	}

header.active .wrapper{	padding: 0 0px;}
header.active .logo {padding-top: 14px; }
header.active .nav a{color:black;line-height: 30px; padding:21px 24px;text-shadow: none;}
header.active .nav a.active{	background-color: #ec6c5f; color: black; font-weight: bold;}

header #btn_toggle_menu{float: right; margin-top: 11px; padding: 7px 10px; background-color: black; border: 1px solid #cacaca; border-radius: 5px;}
header .toggle_menu_wrap{width: 100%; box-sizing: border-box; transition:none;display:none;padding: 10px 0; background-color: white; border-top: 1px solid #d2d2d2; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.10196078431372549); }
header .toggle_menu_wrap a{display: inline-block; width: 100%; padding: 10px 30px; font-size:14px; color: black; text-decoration: none;}
header .toggle_menu_wrap a.active{background-color: #ec6c5f;}

#main{font-size: 0; overflow:hidden; }
#main>img{width: 100%; max-width:1200px;}

.map_wrap {width: 100%; max-width:1200px; margin: 0 auto; padding-bottom: 90px; }
.map_wrap iframe {width: 100%; height: 750px; border: solid 0px #fff;}

.blind	{width: 0px; height: 0px; position:relative; overflow:hidden; display:block; }

.wrapper{
	position:relative;
	max-width: 1920px;
	width:100%;
	margin:0 auto;
	box-sizing: border-box;
	text-align:center; 

}
.on_pc.top {padding-top: 106px; max-width:1920px !important; position:relative; z-index:10; }
.on_pc_1.top {padding-top: 106px; max-width:1000px !important; position:relative; z-index:10; }

.mark {display:block; width: 100%; max-width:1200px; margin: 0 auto; position:relative; }
.mark:before {content:''; display:inline-block; width: 519px; height: 539px; position:absolute; right:-175px; top:-265px; background:url(../img/mark.png) 0 0 no-repeat; }

.bg_obj1 {position:absolute; left:0px; top:0px; width: 100%;}
.bg_obj1 span {display:block; width: 100%; max-width:1920px !important; margin: 0 auto;}
.bg_obj1 span img {width: 100%; max-width:1920px;}

.links_wrap				{max-width:1200px; margin: 0 auto; position:relative; }
.links_wrap > a			{display: block; float: left; width: 33.33333%; padding: 4px; box-sizing: border-box; font-weight:bold; }
.links_wrap > a > img	{width:100%;}
.links_wrap > span			{display: block; float: left; width: 16.66666%; padding: 4px; box-sizing: border-box; font-weight:bold; }

.swiper_wrap{max-width: 1200px; }

.gallery-top{/*height:0;padding-bottom:70%;*/}
.gallery-top img{width:100%;}

.thumbs_wrap{overflow-x: hidden;}

.gallery-thumbs{padding: 30px 70px; box-sizing: border-box;} 
.gallery-thumbs .swiper-slide {
	font-size: 0;
	height: 100%;
	border:6px solid transparent;
	margin-right: 10px;
}
.gallery-thumbs .swiper-slide-thumb-active {border-color:#ec6c5f; }
.gallery-thumbs img{width:100%;cursor:pointer;}

.guide{position:relative;width:100%;/*background-color: red;height: 1px;*/}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {color:#000;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {color:#000;}

@media (min-width:801px) {.on_m{display: none !important;} }
@media (max-width:1437px)
{
	.bg_obj1 {background-color:white;}
}

@media (max-width:1292px)
{
	header .wrapper{ padding:0 30px !important;/*height: 61px !important;*/}
	
	
}

@media (max-width:1088px)
{
	.on_pc.top {padding-top: 65px; }

	header .wrapper {padding:0 10px 0 30px !important;/*height: 61px !important;*/}
	header .logo {padding-top: 14px; }
	header.active .logo {padding-top: 14px; }
	header .logo img {height: 32px !important;}
	header .nav a {padding:20px  20px !important; font-size: 18px !important; line-height: 25px !important;}

	.map_wrap iframe {height: 600px;}
}

@media (max-width:800px)
{
	.mark {display:none; }
	.on_m.top {padding-top: 56px; }	
	.bg_obj1 {display:none; }


	header .logo {padding-top: 14px; padding-bottom: 14px; }
	header .logo img {height: 28px !important;}

	.on_pc{display: none;}
	.gallery-thumbs{padding: 15px 50px;}
	header{background-color: white;}
	header .wrapper {
		padding: 0 15px !important;
	}
	.links_wrap>a{padding:1px;}

	.map_wrap {padding-bottom: 50px; }
	.map_wrap iframe {height: 400px;}
}

@media (min-width:640px){
	.swiper_wrap{padding-bottom:105px;}	
}