@charset "utf-8";
@font-face {
	font-family: 'GmarketSansBold';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GmarketSansLight';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GmarketSansMedium';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/***** reset *****/
* { margin:0; padding:0; font-family:'GmarketSansMedium', 'Malgun Gothic','¸¼Àº°íµñ', sans-serif; }
html,body,div,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,canvas,details,figcaption,summary,time,mark,audio,video { margin:0; padding:0; font-family:'GmarketSansMedium', 'Malgun Gothic','¸¼Àº°íµñ', sans-serif; font-size:16px; line-height:150%; list-style-type:none; text-decoration:none; color:#000; }

img, input.image, input.btn, fieldset,iframe { border:0 none; }
img, fieldset { border:none; }
input[type=text],input[type=password],textarea, select { vertical-align:middle; border:1px solid #c9c9c9; font-family:'GmarketSansMedium', 'Malgun Gothic','¸¼Àº°íµñ', sans-serif; }
textarea { resize:none; }
hr { position:absolute; top:-5000px; left:0; width:0px; height:0px; overflow:hidden; font-size:0; line-height:0; }
select { padding:1px; vertical-align:top; font-family:'GmarketSansMedium', 'Malgun Gothic','¸¼Àº°íµñ', sans-serif;  }
legend { position:absolute; top:0; left:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; }
caption {position:absolute; display:block; overflow:hidden; text-indent:-5000px; font-size:0; line-height:0; width:1px; height:1px;}
address { font-style:normal; }
table { border-collapse:collapse; }
a { color:#000; text-decoration: none; }
a:active, a:hover { text-decoration:underline; }

* {box-sizing:border-box; word-wrap:break-word; word-break:keep-all;}


#skipnav { position:absolute; top:0; left:0; width:100%; z-index:999; }
#skipnav a {display:block; position:absolute; top:0; left:0; height:0px; font-size:0px; line-height:0px; text-align:center; }
#skipnav a:hover,
#skipnav a:active,
#skipnav a:focus { position:relative; margin:20px auto; width:90%; height:80px; line-height:80px; background:#261d18; text-align:center; border:2px solid #ffd84e; font-weight:bold; font-size:20px; }

.dp_mb {display:none;}

header{padding:1.5% 2%; max-width:1920px; margin:auto;}
header h1 a{font:1.6rem 'GmarketSansBold';}
#lnb h2{display:none;}
#lnb>ul{display:flex;}
#lnb>ul>li{margin-left:80px;}
#lnb>ul>li>a{display:block; padding-top:10px; padding-bottom:10px; text-decoration:none;}
#lnb>ul>li:hover>a,
#lnb>ul>li.select>a{position:relative;}
#lnb>ul>li>a:before,
#lnb>ul>li.select>a:before{content:''; position:absolute; left:50%; right:0; bottom:0; width:0; height:2px; background-color:#000; opacity:0; transition:.3s;}
#lnb>ul>li:hover>a:before,
#lnb>ul>li.select>a:before{left:0; width:100%; opacity:1;}
#gnb{display:flex;}
#gnb>li{margin-left:25px;}
#gnb>li:first-child{margin-left:0;}

#visual {overflow:hidden; padding:200px 0; text-align:center; background:url(https://images.unsplash.com/photo-1519808511465-c935152e1cf1?ixlib=rb-1.2.1&raw_url=true&q=80&fm=jpg&crop=entropy&cs=tinysrgb&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070) no-repeat center top; background-size:cover;}
#visual img {width:100%;}
#visual p {color:#fff; font:3.2rem 'GmarketSansBold'; text-shadow: -1px 0 rgb(0 0 0 / 30%), 0 -1px rgb(0 0 0 / 30%), 1px 0 rgb(0 0 0 / 30%), 0 1px rgb(0 0 0 / 30%);}
#visual p.ps {display:inline-block; margin-top:10px; padding:5px 10px; color:#fff; font:.9rem 'GmarketSansMedium'; text-shadow: -1px 0 rgb(0 0 0 / 30%), 0 -1px rgb(0 0 0 / 30%), 1px 0 rgb(0 0 0 / 30%), 0 1px rgb(0 0 0 / 30%); background:rgba(0,0,0,.5); border-radius:5px;}

#visual p {
	animation-name: move;
	animation-duration: 1s;
	animation-iteration-count: 1;
}

#visual p.time01 {
	animation-delay: .3s;
}

#visual p.time02 {
	animation-delay: .5s;
}


@keyframes move {
  0% {
    transform: translateY(-30px);
    opacity: 0;

  }
  100% {
    transform: translateY(0px);
    opacity: 1;

  }
}

#tab {position:relative; overflow:hidden; width:1024px; margin:0 auto; padding:0 0 100px; text-align:center;}
#tab h3 {font-size:2rem; line-height:140px;}
#tab h4 {position:absolute; top:140px; left:0; width:50%;}
#container .contents #tab h4 {position:absolute; top:0; left:0; width:50%;}
#tab>div:nth-of-type(2) h4, #container .contents #tab>div:nth-of-type(2) h4 {left:50%}
#tab>div:nth-of-type(3) h4, #container .contents #tab>div:nth-of-type(3) h4 {left:50%}
#tab>div:nth-of-type(4) h4, #container .contents #tab>div:nth-of-type(4) h4 {left:75%}
#tab h4>a {display:block; height:80px; line-height:80px; text-align:center; font-weight:normal;}
#tab .on h4>a {position:relative;}
#tab .on h4>a:after {display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#333;}
#tab .content {display:none; position:relative; width:100%; height:720px; margin-top:80px;}
#tab .on .content {display:block; position:relative;}

.swiper {
	width: 100%;
	height: 100%;
  }

  .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
  }

  .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }

#location div#map {width:100%; height:600px;}
.mwrap {position: absolute;left: 0;bottom: 40px;width: 288px;height: 132px;margin-left: -144px;text-align: left;overflow: hidden;font-size: 12px; font-family: 'Malgun Gothic', dotum, 'µ¸¿ò', sans-serif;line-height: 1.5;}
.mapinfo {width: 286px;height: 120px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
.mapinfo:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
.mapinfo .title {padding: 5px 0 0 10px;height: 35px;background: #eee;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;}
.mapinfo .close {position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');}
.mapinfo .close:hover {cursor: pointer;}
.mapinfo .body {position: relative;overflow: hidden;}
.mapinfo .desc {position: relative; margin:13px 0 0 10px; height: 75px;}
.desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.desc .jibun {font-size: 11px;color: #888;margin-top: -2px;}
.mapinfo .img {position: absolute;top: 6px;left: 5px;width: 73px;height: 71px;border: 1px solid #ddd;color: #888;overflow: hidden;}
.mapinfo:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0;width: 22px;height: 12px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
.mapinfo .tel {color: #5085BB;}

div#sub_visual {width:100%; height:500px; background:url('/img/sub01.jpg') no-repeat center top; background-size:cover;}
div#container {border-bottom:1px solid #eee;}
div.contents {position:relative; width:1200px; min-height:600px; margin:0 auto; padding:40px 0 60px; background:#fff; font-size:16px;}
div.contents h3 {padding:20px 0 40px; margin-bottom:60px; color:#333; font-size:38px; font-weight:bold; text-align:center; border-bottom:1px solid #cecece;}
.tbox { padding:10px; margin:20px 0 30px; background:url('/img/slash_gray.gif') repeat; }
.tbox>div {position:relative; padding:40px 0 25px; font-size:20px; line-height:25px; background:#fff; text-align:center;}
.tbox>div span {color:#174b9d; font-weight:bold;}
.para01 {margin-left:10px; margin-top:35px;}
.bl02 {padding-left:25px; font-size:18px; line-height:1.5em; background:url('/img/bl02.gif') no-repeat left 2px;}
.bl03 {margin-left:10px; margin-top:20px;}/*±âº»listÇü*/
.bl03>li, p.bl03 {position:relative; padding-left:10px; margin-bottom:8px; line-height:24px;}
.bl03>li:before, p.bl03:before {display:block; content:""; position:absolute; left:0; top:5px; width:4px; height:4px; background:#666;}
.boxin {margin-left:0; margin-top:0;}
.bl04>li, p.bl04 {position:relative; padding-left:8px;}
.bl04>li:before, p.bl04:before {display:block; content:""; position:absolute; left:0; top:11px; width:4px; height:1px; background:#666;}
/* .box {margin-top:20px;padding:50px; border:1px solid #ccc; text-align:center;} */
.golink {padding-left:20px; margin-left:3px; margin-right:3px; background:url('/img/golink.gif') left 2px no-repeat; text-decoration:underline !important;}

.scroll {overflow:auto;}
table.data {position:relative; width:100%; margin-top:20px; /* border-top:2px solid #000; */ border-spacing:0; border-collapse:collapse; word-break:break-all;}
table.data.nothead {border-top:0;}
table.data.nothead tr:first-child th, table.data.nothead tr:first-child td {border-top:2px solid #000;}
table.data.fix {table-layout:fixed;}
table.data:before {display:block; content:""; position:absolute; left:0; top:-1px; width:1px; height:100%; background:#fff;}
table.data:after {display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#000;}
table.data th, table.data td {padding:16px 18px; font-weight:300; color:#000;}
/* table.data thead {border-bottom:1px solid #d4d4d4;} */
table.data thead th {font-size:16px; letter-spacing:-1px; line-height:25px; border-top:1px solid #000; border-left:1px solid #000; background:#333; color:#fff;}
table.data tr:first-child th:first-child {border-left:none;}
table.data tbody th, table.data td {border-bottom:1px solid #d4d4d4; border-left:1px solid #000; text-align:center;}
table.data tfoot th {border-left:1px solid #d4d4d4; text-align:center;}
table.data tfoot tr:last-child td {border-bottom:none;}
table.data td:last-child {border-right:0 !Important;}
table.data tbody tr th:first-child, table.data tfoot th:first-child {border-right:1px solid #d4d4d4; border-left:0;}
table.data tbody tr td:first-child {border-left:none; border-right:1px solid #000;}
table.data .bdr_line {border-right:1px solid #d4d4d4;}
table.data tbody th, table.data tfoot th , table.data tfoot td {text-align:center; background-color:#f6f6f6;}
table.data .ssblet {margin-bottom:0; font-size:14px; font-weight:300; line-height:25px;}
table.data.overcolor tr:hover, table.data tr.point {background:#e9f1f8;}
.photo {padding:10px; border:1px solid #eee;}
div.introduce {overflow:hidden;}
div.introduce>p {float:left; width:35%; margin-right:5%;}
div.introduce p img {width:100%;}
div.introduce div {float:right; width:60%;}
div.introduce div p:last-child {text-align:right; font-size:20px; font-weight:bold;}
div.introduce .intro {font-size:24px; line-height:38px; font-weight:bold;}
div.introduce .intro span {color:rgba(23,76,157);}
div.introduce p {margin-bottom:30px;}
.facility {overflow:hidden;}
.facility li{float:left; width:48%; margin:0 2% 20px 0; font-size:0; line-height:0;}
.facility li img {width:100%;}
.facility li:last-child{margin-right:0;}
#gallery p {top:0;}
#gallery div.view_photo {margin-top:50px;}
.spot li {position:relative; padding-bottom:30px; margin-bottom:30px;}
.spot li img {position:absolute; left:0; top:0;}
.spot li dl {margin-left:527px; padding-top:10px; height:315px;}
.spot li dl dt {margin-bottom:20px; padding-bottom:20px; font-size:26px; border-bottom:1px dotted #333;}
.simple {overflow:hidden;}
.simple li {float:left;}
.simple li:nth-child(even) {float:right;}
.simple li img {position:relative; left:0; top:0; margin-bottom:10px;}
.simple li dl {margin-left:0; padding-top:10px; height:auto;}
.simple li dl dt {margin-bottom:10px; padding-bottom:10px;}
.simple li dl dd {position:relative; width:100%; margin-bottom:10px; padding-bottom:10px;}
.simple li dl dd a{position:absolute; right:0; top:0;}
div#map {width:100%; height:600px; margin-top:20px;}
a.link {display:block; padding:5px 10px; margin:10px auto 0; background:rgba(23,76,157); color:#fff;}
p.tel {margin-top:20px; padding:20px 0; background:#333; color:#fff; text-align:center; font-size:18px;}
p.tel span{font-weight:bold;}
.info {margin-top:10px; text-align:right;}

.swrap {position:relative; max-width:840px; margin:auto;} 
.mainCon {padding:40px 0 60px;}
.mainCon:after {display:block; content:""; clear:both;}
.mainCon>div.list {float:left; width:29%; margin-left:-20px; background:#f2f2f2;}
.mainCon>div.list>div {padding:18px 20px; border-top:1px solid #e2e2e2; overflow:hidden;}
.mainCon>div.list>div.on {background:#2f498e;}
.mainCon>div.list>div.on>a p, .mainCon>div.list>div.on>a span {color:#fff !Important;}
.mainCon>div.list>div:first-child {border-top:0;}
.mainCon>div.list>div>a {display:block; position:relative; padding-left:53%; line-height:1.2em;}
.mainCon>div.list>div>a img {position:absolute; left:0; width:48%; height:90px;}
.mainCon>div.list>div>a p.tit {height:50px; margin-top:3px; font-size:14px; line-height:24px; color:#666; overflow:hidden;}
.mainCon>div.list>div>a span {display:block; margin:25px 0 0; font-size:12px; letter-spacing:0; color:#999;}
.mainCon>div.con {position:relative; float:right; width:71.5%; overflow:hidden;}
.mainCon>div.con>img {min-width:100%;}
.mainCon>div.con .tit {text-align:center; width:100%; padding:30px 0; background:rgba(0,0,0,.8);}
.mainCon>div.con .tit>p {font-size:25px; color:#fff;}
.mainCon>div.con .tit>a {position:absolute; bottom:50px; display:block; width:46px; height:46px; border-radius:50%; border:2px solid #fff; background-image:url('/img/point.png'); background-repeat:no-repeat; background-position:center center;}
.mainCon>div.con .tit>a.prev {left:1.5%;}
.mainCon>div.con .tit>a.next {right:1.5%; transform:rotate(180deg);}
.mainCon>div.con .tit .list {width:85%; margin:20px auto 0; overflow:hidden;}
.mainCon>div.con .tit .list>ul {position:relative; font-size:0; line-height:0; white-space:nowrap;}
.mainCon>div.con .tit .list>ul>li {display:inline-block; width:19%; height:90px; margin-left:1%; overflow:hidden;}
.mainCon>div.con .tit .list>ul>li.on {border:2px solid #ff007d;}
.mainCon>div.con .tit .list>ul>li img {min-width:100%; min-height:100%;}
.mainCon>div.con .tit .list>ul>li:first-child {margin-left:.5%;}
.mainCon>div.con2 {position:relative; float:none; width:100%; height:730px; overflow:hidden;}

footer{text-align:center; padding-top:4%; padding-bottom:4%; background:#f5f5f5;}
footer p{color:#666; font:0.8125rem 'GmarketSansMedium'; line-height:160%; letter-spacing:.5px}

/*pc*/
@media all and (max-width:1023px){
	#visual {padding:80px 0; margin-bottom:20px;}
	#visual p {font:1.8rem 'GmarketSansMedium';}

	#tab {width:100%;}
	#tab {padding:0 0 40px;}
	#tab h3 {font-size:1.6rem; line-height:60px;}
	#tab h4 {top:60px;}
	#tab h4>a {height:60px; line-height:60px;}
	#tab .content {height:360px; margin-top:60px;}

	#location div#map {height:400px;}
	footer {margin-top:40px;}
	footer .bar{display:none;}
}

@media all and (min-width:801px){
	header .wrap{display:flex; justify-content:space-between; align-items:center;}
	footer br{display:none;}
}

/*tablet~mobile*/
@media screen and (max-width:800px){
	.dp_mb {display:block;}
	.dp_pc {display:none;}

	header{padding-top:20px;}
	header h1{text-align:center; margin-bottom:20px;}
	#gnb{position:absolute; left:0; right:0; top:0; padding-top:5px; padding-bottom:5px; width:100%; background-color:#F5F5F5; justify-content:center;}
	#gnb>li>a{font-size:.8rem;}
	#lnb>ul>li{text-align:center; margin-left:0; flex-basis:33.3%;}
	#lnb>ul>li>a{font-size:1.05rem;}

	#tab {width:100%;}

	div#sub_visual {width:100%; height:120px; background-size:100%;}
	div.contents {width:100%; padding:20px 5% 40px;}
	div.contents h3 { padding-bottom:20px; margin-bottom:40px; font-size:30px;}
	div.introduce>p {float:none; width:100%; margin-right:0;}
	div.introduce img, div.introduce div {float:none; width:96%; margin:0 auto;}
	div.introduce .intro {margin-top:20px; font-size:20px; line-height:28px;}
	.facility li{float:none; width:100%; margin-right:0; margin-top:10px;}
	#gallery h2, #location h2 {width:40%; margin:0 auto;}
	.tbox { width:90%; margin:0 auto 10px;}
	.tbox>div { padding:4% 6%; }

	.spot {width:90%; margin:0 auto;}
	.spot li {border-bottom:1px dotted #333;}
	.spot li img {position:relative; left:0; top:0; width:100%;}
	.spot li dl {margin-left:0; padding-top:20px; height:auto;}
	.spot li dl dt {border-bottom:none; margin-bottom:10px; padding-bottom:0; font-size:20px; font-weight:bold;}
	.simple li {float:none; width:100%;}
	.simple li dl dd a{position:relative; display:block;}
	.mainCon>div.con2 {height:auto;}

	.bl02 {padding-left:25px; font-size:18px; line-height:1.5em; background:url('/img/bl02.gif') no-repeat left 6px;}
	.bl03 {margin-left:10px; margin-top:20px;}/*±âº»listÇü*/
	.bl03>li, p.bl03 {position:relative; padding-left:10px; margin-bottom:8px; line-height:24px;}
	.bl03>li:before, p.bl03:before {display:block; content:""; position:absolute; left:0; top:10px; width:4px; height:4px; background:#666;}

	footer p{font-size:.7rem;}
}

/*mobile*/
@media all and (max-width:640px) {
	.mainCon>div.con .tit .list {width:75%; margin-top:10px;}
	.mainCon>div.con .tit .list>ul>li {width:32.3%; height:70px;}
	.mainCon>div.con .tit>a {bottom:40px; width:40px; height:40px;}
}