@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* CSS Reset */
body,html,
header,footer,aside,nav,section,article,details,figure,figcaption,menu,command,
div,dl,dd,ol,ul,li,form,fieldset,legend,iframe,table,caption,thead,tfoot,tbody,tr,th,td, /* Block Element */
h1,h2,h3,h4,h5,h6,dt,summary,input,textarea,button,select,datalist,
img,embed,object,canvas,audio,video,meter,progress,keygen, /* Inline Block Element */
a,label,output,dialog, /* Inline Element */
address,blockquote, /* Text Block Element */
p,pre,/* Text Inline Block Element */
span,b,strong,i,em,dfn,var,u,ins,s,del,q,mark,small,sub,sup,abbr,bdi,bdo,cite,time,ruby,rp,rt,code,kbd,samp, /* Text Inline Element */
acronym,big,frame,frameset,noframes,tt, /* Not HTML5 Used Element */
map,option,hr,*{border:0;padding:0;margin:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;}
header,footer,aside,nav,section,article,details,summary,figure,figcaption,menu,command{display:block} /* HTML5 Block Element */
applet,basefont,center,dir,font,strike{display:none} /* XHTML4, HTML5 Element Not Used Remove */
q,blockquote{quotes:none;content:none}
li,menu{list-style:none;word-break:break-all}

table{width:100%;border-spacing:0;border-collapse: separate;} /* Table Border (separate) */
caption{text-align:left}
th,td{text-align:center;vertical-align:middle}

address{font-style:normal}
label{display:inline-block;}
a{text-decoration:none;display:inline-block;} /* A Attribute  */

/* Common Setting */
html{overflow-y:auto}
html,body{min-width:1000px;background:#fff;height:100%;} /* Horizen Scroll */
body{color:#2d2d2d;font-size:13px;font-family:'Noto Sans KR', sans-serif, "Nanum Gothic";}

div{outline:0} /* Script TabIndex Click Focusing Line Remove */
img {vertical-align:middle;}


/* GNB */
#gnb {position:absolute;width:100%;height:80px;top:0;left:0;z-index:100;}
#gnb .logo {position:absolute;top:18px;left:30px;}
#gnb .logo img {width:240px;}
#gnb .menu {position:absolute;height:20px;top:32px;right:0;}
#gnb .menu li {float:left;margin-right:40px;color:#828282;}
#gnb .menu li a {font-size:15px;font-weight:400;letter-spacing:-1px;}
#gnb .menu li .on, #gnb .menu li a:hover {color:#f4bc1c;text-decoration:underline;}
#gnb .menu li:last-child a {font-weight:700;color:#0b0b0b;}
#gnb .menu li.sns_mbtn{margin-top: -10px; margin-right:25px;}
#gnb .menu li.sns_mbtn img{width:40px;}
.gnb_white {background-color:white;}
.gnb_none .menu li a {color:white;}
.m_menu {display:none;}
.m_gnb {display:none;}

/* Footer */
#footer {position:relative;width:100%;height:125px;background-color:#1a1a1a;z-index:101;clear:both;}
#footer .copy {position:relative;padding:25px;color:#8d8d8d;font-size:12px;}
#footer .copy li {float:left;}
#footer .copy li:last-child {padding-left:35px;padding-top:12px;}
#footer .copy li p {padding-bottom:3px;;}
#footer .copy li span {padding-right:15px;}
#footer .copy li img {opacity:0.4;width:200px;padding-top:23px;}
#footer .sns {position:absolute;top:45px;right:40px; display: none;}
#footer .sns a h3 {width:30px;height:30px;background-color:#5f5f5f;border-radius:30px;color:#929292;font-size:18px;font-weight:900;text-align:center;float:left;margin-left:3px;}
#footer .sns a h3 p {padding-top:1px;}
#footer .sns a:first-child:hover h3 {color:white;background-color:#3b5999;}
#footer .sns a:nth-child(2):hover h3 {color:white;background-color:#a49284;}
#footer .sns a:last-child:hover h3 {color:white;background-color:#fff016;color:#3e3a26;}

/* Main */

#main {position:relative;width:100%;height:900px;}

#main .conbox {position:absolute;width:250px;height:220px;left:50%;text-align:center;color:white;overflow:hidden;display:none;}
#main .conbox div {position:relative;z-index:10;}
#main .conbox div h2 {font-size:22px;font-weight:400;letter-spacing:0px;margin-top:40px;z-index:1000;padding-bottom:5px;}
#main .conbox div p {font-size:12px;line-height:18px;opacity:0.7;margin-bottom:30px;font-weight:200;}
#main .conbox div .btn {font-size:11px;opacity:0.5;padding:12px 25px;border:solid 1px white;}
#main .conbox div .btn:hover {opacity:1;}

#main .box_01 {margin-left:-500px;bottom:0px;}
#main .box_02 {margin-left:-250px;bottom:0px;}
#main .box_03 {margin-left:0px;bottom:0px;}
#main .box_04 {margin-left:250px;bottom:0px;}
#main .box_01 .bg {background-image:url('../img/main_bg_01.jpg');}
#main .box_02 .bg {background-image:url('../img/main_bg_02.jpg');}
#main .box_03 .bg {background-image:url('../img/main_bg_03.jpg');}
#main .box_04 .bg {background-image:url('../img/main_bg_04.jpg');}

#main .fwbox {position:absolute;width:100%;text-align:center;height:310px;top:50%;margin-top:-250px;color:white;}
#main .fwbox .fw {position:absolute;top:0;left:50%;margin-left:-500px;display:none;}
#main .fwbox h1 {position:absolute;top:100px;left:50%;margin-left:-500px;width:1000px;text-align:center;font-size:30px;font-weight:normal;padding:10px 0 3px 0;display:none;line-height:0px;}
#main .fwbox span {position:absolute;top:150px;left:50%;margin-left:-500px;width:1000px;text-align:center;font-size:55px;font-weight:300;display:none;}
#main .fwbox span b {font-weight:700;color:#fcba63;}
#main .fwbox p {position:absolute;top:190px;left:50%;margin-left:-500px;width:1000px;text-align:center;font-size:15px;opacity:0.5;font-weight:normal;padding:10px 0 10px 0;line-height:0px;display:none;}

#main .bg {position:absolute; top:0; right:0; bottom:0; left:0; display:block; background-color:#000; background-position:50% 50%; background-repeat:no-repeat;-webkit-transition:-webkit-transform 1s;transition:transform 1s;}
#main .bg-scale-hover{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-ms-transform-origin:0% 0% !important;transition:all 1.5s ease;}
#main .bg-scale-hover:hover{transform:scale(1.08);}

.blackbg {position:absolute;top:0;left:0;width:100%;height:100%;background-color:black;opacity:1;background-image:url('../img/main_visual_color.jpg');background-position:center bottom;}

/* Intro */
.spirit_top {position:fixed;bottom:0;right:0;background-color:#000;z-index:100;width:50px;height:50px;text-align:center;cursor:pointer;}
.spirit_top img {padding-top:15px;opacity:0.5;}
.spirit_top:hover img {opacity:1;}

.spirit_scroll {position:absolute;width:60px;left:50%;bottom:30px;margin-left:-30px;text-align:center;color:white;font-weight:300;font-size:13px;z-index:100;opacity:0.5;}
.spirit_scroll img {padding-bottom:5px;}

#document{position:relative;height:100%; padding-top:80px; box-sizing:border-box; -webkit-box-sizing:border-box; background-color:#0b0c0c;}
#document > section{position:relative;}
.height-100 {height:100%;}
.height-50 {height:50%;}

.brand section {position:relative; text-align:center; overflow:hidden;}
.brand section:after {content:''; vertical-align:middle; display:inline-block; height:100%;}
.bg {position:absolute; top:0; right:0; bottom:0; left:0; display:block; background-color:#000; background-size:cover; background-position:50% 50%; background-repeat:no-repeat;-webkit-transition:-webkit-transform 1s;transition:transform 1s;}

#document.brand{padding-top:0;}
.brand section .content {position:relative;display:inline-block;z-index:10;text-align:center;font-family:'Nanum Myeongjo', serif;font-weight:normal;letter-spacing:-1px;font-size:40px;color:white;}

.brand section .content .text{font-family: 'Lato', sans-serif, "Nanum Gothic";font-weight:300;font-size:14px;padding-bottom:10px;letter-spacing:3px;padding-top:100px;}
.page-active {}

.brand .bg {-ms-behavior:url('backgroundsize.min.htc');}
.brand .page-1 .bg {background-image:url('../img/brand_back_01.jpg');}
.brand .page-2 .bg {background-image:url('../img/brand_back_02.jpg');}
.brand .page-3 .bg {background-image:url('../img/brand_back_03.jpg');}
.brand .page-4 .bg {background-image:url('../img/brand_back_04.jpg');}
.brand .page-5 .bg {background-image:url('../img/brand_back_05.jpg');}
.brand .page-6 .bg {background-image:url('../img/brand_back_06.jpg');}
.brand .page-7 .bg {background-image:url('../img/brand_back_07.jpg');}
.brand .page-8 .bg {background-image:url('../img/brand_back_08.jpg');}
.brand .page-9 .bg {background-image:url('../img/brand_back_09.jpg');}
.brand .page-10 .bg {background-image:url('../img/brand_back_10.jpg');}
.brand .page-11 .bg {background-image:url('../img/brand_back_11.jpg');}

.indicator{position:fixed;right:20px;top:0;bottom:0;z-index:15;white-space:nowrap;-webkit-transition:opacity 0.2s;transition:opacity 0.2s;}
[data-page] .indicator {opacity:1;}
.indicator, [data-page='0'] .indicator {opacity:0;}
.indicator:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.indicator ol{display:inline-block; vertical-align:middle; }
.indicator li{width:10px; height:10px; margin-top:10px; background:url("../img/indicator.png") no-repeat 0 0;}
.indicator li.active{background-position:0 -10px;}
.indicator a{display:block; width:10px; height:10px; font-size:0;}



/* faci */
#tech {position:relative;width:100%;margin-top:80px;border-top:solid 1px #d7d7d7;text-align:center;background-color:#e6e6e6;}
#tech .flow {position:relative;width:1000px;height:52px;left:50%;margin-left:-500px;padding:100px 0 80px 0;z-index:100;}
#tech .flow li {float:left;cursor:pointer;margin-right:75px;}
#tech .flow li:last-child {margin-right:0;}
#tech .flow li a h5 {width:46px;height:46px;border:solid 3px #8b8b8b;border-radius:46px;background-color:#8b8b8b;text-align:center;font-weight:300;}
#tech .flow li a h5 p {color:white;font-size:16px;padding-top:12px;}
#tech .flow li .on {width:100px;font-weight:700;background-color:#434343;border:solid 3px #434343;}
#tech .flow li .on2 {background-color:#434343;border:solid 3px #434343;}
#tech .flow li a .won {background-color:#e6e6e6;}
#tech .flow li a:hover .won {background-color:#e6e6e6;}
#tech .flow_line {position:absolute;width:1000px;height:1px;left:50%;margin-left:-500px;border-top:dashed 1px #bdbdbd;bottom:103px;z-index:99;}
#tech .flow b {display:none;}

#tech .tech_01 {position:relative;width:1000px;height:500px;left:50%;margin:100px 0 0 -500px;}
#tech .tech_01 .img {position:absolute;top:0;left:0;}
#tech .tech_01 .text {position:absolute;top:50px;left:30px;color:white;z-index:100;text-align:left;line-height:17px;}
#tech .tech_01 .text p {font-size:30px;font-weight:700;padding-bottom:15px;}

#tcon2, #tcon3, #tcon4, #tcon5, #tcon6, #tcon7, #tcon8, #tcon9, #tcon10, #tcon11 {display:none;}

#tech .arrow_prev {position:fixed;top:400px;left:0;}
#tech .arrow_prev a img {opacity:0.3;}
#tech .arrow_prev a:hover img {opacity:1;}
#tech .arrow_next {position:fixed;top:400px;right:0;}
#tech .arrow_next a img {opacity:0.3;}
#tech .arrow_next a:hover img {opacity:1;}



/* Glamping */
.glamp_01 {position:relative;width:100%;height:450px;margin-top:80px;border-top:solid 1px #f2f2f2;text-align:center;background-image:url('../img/glamping_01.jpg');background-position:center bottom;font-size:13px;font-weight:300;}
.glamp_01 p {font-size:32px;font-weight:700;padding:100px 0 10px 0;}

.glamp_02 {position:relative;width:100%;height:560px;text-align:center;background-color:#f2e9e0;}
.glamp_02 h1 {font-size:40px;font-weight:200;padding:70px 0 0px 0;}
.glamp_02 p {font-size:20px;font-weight:200;}
.glamp_02 .box {position:relative;width:560px;margin:10px auto;}
.glamp_02 .box li {float:left;padding:10px 20px;font-size:12px;}
.glamp_02 .box li img {width:240px;}
.glamp_02 .box li h1 {font-size:15px;font-weight:700;padding:10px 0 3px 0;}

.glamp_03 {position:relative;width:100%;text-align:center;padding:80px 0;font-size:12px;}
.glamp_03 p {font-size:18px;font-weight:700;padding-bottom:3px;}
.glamp_03 .box {position:relative;width:1000px;text-align:center;margin:30px auto 0 auto;}
.glamp_03 .box .title {position:absolute;width:300px;top:610px; left:350px;opacity:0.6;}
.glamp_03 .box .title h2 {font-size:35px;font-weight:700;;}
.glamp_03 a {position:relative;width:1000px;margin:0 auto;}
.glamp_03 a .btn {position:relative;margin-top:20px;text-align:center;font-weight:200;font-size:18px;padding:17px 0;background-color:#fcba63;}
.glamp_03 a .btn b {font-weight:700;}
.glamp_03 a:hover .btn {background-color:#363636;color:#fcba63;}

.glamp_03 .box .title2 {position:absolute;width:1000px;top:15px;left:0px;opacity:0.8;font-size:20px;font-weight:200;text-align:center;}
.glamp_03 .box .title2 b {font-weight:700;}

.glamp_04 {position:relative;width:100%;text-align:center;padding:30px 0 80px 0;font-size:12px;background-color:#f0f0f0;}
.glamp_04 .box {position:relative;width:1000px;text-align:center;margin:0 auto 0 auto;text-align:left;}
.glamp_04 .box h1 {font-size:30px;font-weight:200;padding-top:50px;}
.glamp_04 .box p {font-size:15px;font-weight:700;padding:15px 0 3px 0;}
.glamp_04 .box .cost {position:relative;padding-top:25px;}
.glamp_04 .box .cost th {border-bottom:solid 1px #bbbbbb;background-color:#dbdbdb;padding:15px 0; border-left:1px solid #bbbbbb}
.glamp_04 .box .cost th:first-child {border-left:0;}
.glamp_04 .box .cost td {background-color:white;border-bottom:solid 1px #dbdbdb;padding:15px 7px; border-left: solid 1px #dbdbdb;}
.glamp_04 .box .cost td:first-child {border-left:0;}
.glamp_04 .box .cost tr:first-child th {border-top:solid 1px #bbbbbb;}


/* gallery */
.gallery {position:relative;width:100%;margin-top:80px;border-top:solid 1px #f2f2f2;text-align:center;}
.gallery h1 {padding-top:50px;font-size:37px;color:#343434;font-weight:700;padding-bottom:3px;}
.gallery p {font-size:13px;font-weight:300;color:#474747;padding-bottom:40px;}

.gallery_list {position:relative;width:1080px;margin:0 auto 0 auto;padding-bottom:100px;}
.gallery_list li {float:left;margin:10px;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:0.7;}
.gallery_list li img {width:250px;}
.gallery_list li:hover {opacity:1;-webkit-filter:grayscale(0);filter:grayscale(0);}

.gallery_height {position:relative;width:1000px;height:100px;margin:0 auto 0 auto;clear:both;}


/* map */
.map_title {position:relative;width:100%;margin-top:80px;border-top:solid 1px #f2f2f2;}
.map_title .box {position:relative;width:1000px;padding:75px 0 40px 0;left:50%;margin-left:-500px;border-bottom:solid 1px #e3e3e3;margin-bottom:70px;font-size:43px;font-weight:200;line-height:48px;}
.map_title .box b {font-weight:700;}

.map_zone {position:relative;width:100%;margin:50px 0 70px 0;}
#map {position:relative;width:1000px;height:650px;margin:0 auto;}

.map_info {position:relative;width:100%;margin-bottom:100px;}
.map_info .box {position:relative;width:1000px;margin:0 auto;}
.map_info .box h1 {font-size:28px;font-weight:200;line-height:30px;}
.map_info .box h1 b {font-weight:500;}
.map_info .box .how {margin-top:25px;background-color:#f2f2f2;padding:35px 45px;font-size:12px;font-weight:200;}
.map_info .box .how p {font-weight:500;font-size:24px;padding-bottom:5px;}
.map_info .box .how li {padding:5px 0;}
.map_info .box .how li a {text-decoration:underline;padding-right:20px;opacity:0.5;}

.mapviewm {display:none;}



#pop_back {position:fixed;width:100%;height:100%;background-color:#000;top:0;left:0;opacity:0.8;z-index:200;display:none;}
.bphoto {position:fixed;width:800px;height:500px;top:50%;left:50%;margin-top:-260px;margin-left:-410px;background-color:white;padding:10px;z-index:201;display:none;}
.bphoto .close {position:absolute;top:0;right:-66px;}
.bphoto .close a {background-color:black;padding:22px;}
.bphoto .close a img{opacity:0.5;}
.bphoto .close a:hover img{opacity:1;}


/* Tour */
.tour_01 {position:relative;width:100%;margin-top:80px;border-top:solid 1px #f2f2f2;text-align:left;}
.tour_01 .box {position:relative;width:1000px;margin:0 auto;padding-top:70px;font-size:29px;font-weight:200;}
.tour_01 .box h1 {font-size:48px;font-weight:200;line-height:48px;padding-top:20px;}

.tour_02 {position:relative;width:1000px;height:220px;margin:40px auto 0 auto;padding-top:50px;border-top:solid 1px #f2f2f2;text-align:left;}
.tour_02 img {position:absolute;top:50px;left:0;width:250px;}
.tour_02 .text {margin-left:280px;font-size:15px;}
.tour_02 .text p {font-weight:700;font-size:24px;padding-bottom:20px;}

.tour_03 {position:relative;width:1000px;height:220px;margin:40px auto 0 auto;padding-top:50px;border-top:solid 1px #f2f2f2;text-align:left;}
.tour_03 img {position:absolute;top:50px;right:0;width:250px;}
.tour_03 .text {margin-right:280px;font-size:15px;text-align:right;}
.tour_03 .text p {font-weight:700;font-size:24px;padding-bottom:20px;}


/* POPUP */

.popup1 {position:absolute;top:100px;right:580px;z-index:400;}
.popup1 .close {position:absolute;top:10px;right:10px;}
.popup1 .close img {opacity:0.5;width:25px;}

.popup2 {position:absolute;top: 100px;right: 990px;;z-index:400;cursor:no-drop;}
.popup2 a{cursor:default;}
.popup2 .close {position:absolute;top:10px;right:10px;}
.popup2 .close img {opacity:0.5;width:25px;}

.popup3 {position:absolute;top:100px;right:171px;z-index:400;}
.popup3 .close {position:absolute;top:10px;right:10px;}
.popup3 .close img {opacity:0.5;width:25px;}


#popup1 {
	width: 400px;
	height: 354px;
	background-image: url('../img/event1.png');
	background-size: cover;
}
#popup1 .link {
	display: block;
	position: relative;
	height: 100%;
}
#popup1-wrap {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	flex-direction: column;
	-webkit-flex-direction: column;

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#popup1-wrap .title {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	text-align: center;
}
#popup1-wrap .title h1 {
	font-size: 3em;
	color: #ef736b;
	position: relative;
	width: 50%;
}
#popup1-wrap .title h1::before,
#popup1-wrap .title h1::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 3px;
	background-color: #888;
}
#popup1-wrap .title h1::before {
	bottom: -10px;
	left: 10px;
}
#popup1-wrap .title h1::after {
	bottom: 0px;
	left: -5px;
}
#popup1-wrap .title h2 {
	font-size: 2.2em;
	font-weight: 400;
	color: #d52c1f;
	width: 50%;
	padding-top: 20px;
}
#popup1-wrap .event-list {
	font-size: 1.2em;
	padding: 30px 0 10px;
	text-align: center;
}
#popup1-wrap .event-list .field {
	color: #ef736b;
}
#popup1-wrap .or {
	font-size: 1.8em;
	font-weight: 600;
	color: #ef736b;
}

.popup4 {position:absolute;top:405px;right:171px;z-index:400;}
.popup4 .close {position:absolute;top:10px;right:10px;}
.popup4 .close img {opacity:0.5;width:25px;}

.popup5 {position:absolute;top:535px;right:20px;z-index:400;}
.popup5 .close {position:absolute;top:10px;right:10px;}
.popup5 .close img {opacity:0.5;width:25px;}

.popup6 {position:absolute;top:535px;right:215px;z-index:400;}
.popup6 .close {position:absolute;top:10px;right:10px;}
.popup6 .close img {opacity:0.5;width:25px;}


.tour_table {font-size:14px; border:1px solid #ddd; margin-top:20px;}
.tour_table tr th { border-left:1px solid #ddd; padding:6px 0; background:#f4f4f4; font-weight:500;}
.tour_table tr td {border-top:1px solid #ddd; border-left:1px solid #ddd; padding:5px 0; font-size:13px; color:#747474; font-weight:400;}
.tour_table tr td span {color:#dc2f22;}

.text-bic-cont {font-size: 16px;font-weight: normal;background: #f0f0f0;padding: 10px;margin-top: 12px;text-align: center;}

.text-bic-cont a {
    display: inline-block;
    color: #BF360C;
}

.text-bic-cont a.homepage {
    padding-left: 6px;
}

.text-bic-cont span {
    display: inline-block;
    margin-left: 20px
}

.text-bic-cont .wave_data {
    padding-top: 8px
}

.text-bic-cont .wave_data a {
    color: #0277BD
}