@charset "utf-8";
 
/* À¥ ÆùÆ® - ³ª´®°íµñ, ³ª´®°íµñ º¼µå */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);/*Nanum Gothic*/

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500'); 
@import url('https://fonts.googleapis.com/css?family=Raleway:700,800,900&display=swap');

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;   
	src: url(../font/NotoSansKR/NotoSansKR-Regular.woff2) format('woff2'), 
         url(../font/NotoSansKR/NotoSansKR-Regular.woff) format('woff'), 
         url(../font/NotoSansKR/NotoSansKR-Regular.otf) format('opentype'); 

  
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
   src: url(../font/NotoSansKR/NotoSansKR-Medium.woff2) format('woff2'), 
         url(../font/NotoSansKR/NotoSansKR-Medium.woff) format('woff'), 
         url(../font/NotoSansKR/NotoSansKR-Medium.otf) format('opentype'); 

  
}


@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
     src: url(../font/NotoSansKR/NotoSansKR-Bold.woff2) format('woff2'), 
         url(../font/NotoSansKR/NotoSansKR-Bold.woff) format('woff'), 
         url(../font/NotoSansKR/NotoSansKR-Bold.otf) format('opentype'); 

  

}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
     src: url(../font/NotoSansKR/NotoSansKR-Black.woff2) format('woff2'), 
         url(../font/NotoSansKR/NotoSansKR-Black.woff) format('woff'), 
         url(../font/NotoSansKR/NotoSansKR-Black.otf) format('opentype'); 

}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
   src: url(../font/NotoSansKR/NotoSansKR-Light.woff2) format('woff2'), 
         url(../font/NotoSansKR/NotoSansKR-Light.woff) format('woff'), 
         url(../font/NotoSansKR/NotoSansKR-Light.otf) format('opentype'); 

}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
   src: url(../font/NotoSansKR/NotoSansKR-Thin.woff2) format('woff2'), 
         url(../font/NotoSansKR/NotoSansKR-Thin.woff) format('woff'), 
         url(../font/NotoSansKR/NotoSansKR-Thin.otf) format('opentype'); 

}
#TOPArea { 
				width:100%; 
				position: relative; 
				padding:0;
}

/*topmenu*/

  .wrap{
	position:relative;
	width:1000px;
	margin:0 auto;
}

 #topmenu{ z-index:2;}

@charset "utf-8";


#wrap{
		position: relative;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		top:0;
}
 
.wrap{
	margin:0 auto;
	padding:0;	 
	position:relative;
	max-width:1600px;
	}

.wide_wrap{
	margin:0 auto;
	padding:0; 
	position:relative;
	width:100%;
	}	

/*topmenu*/
#Header {
	position:absolute;
	z-index:200;
	width:100%;
	top:0;
	margin:0;
	padding:0;
	background: url(../image/back_topmenu.jpg) no-repeat center 0;
}
 
#Header:after{
	content:'';
	display:block;
	background:rgba(0,0,0,.0);  
	width:100%;
	height:0px;
}
 
.sub #Header:after 
{
	content:'';
	display:block;
	
	background:rgba(255,255,255,.0);   
	width:100%;
	height:0px;
}
 
#Header .header_inner {
	position:relative;
	height:118px;
	max-width:1000px;
	z-index:20;
	top:0;
	padding:0;
	
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	-webkit-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out; 	
	margin:0 auto;
	 
} 
.header_inner h1.logo {
	position:absolute;
	left:10px;
	top:0px;
	width:272px; 
	height:77px;
	 
	padding:0;
	margin:0;

	 
	 
}

.header_inner h1 > a,
.sub .header_inner h1 > a, 
#Header.topmenuOn .header_inner h1 > a{
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
	text-indent:-99900px;
	background:url(../image/logo.png) 0 5px no-repeat;
	 
	}

 

 

.mobileTopmenu{display:none;}

/* gnb */
 

 
#gnb {
	 
	width: 100%;
	margin: 0 0 0 0;
	padding-top:72px; 
	 
}
 

 
#gnb ul,
#gnb ul li,
#gnb ul li a{
		
	 font-family:'Noto Sans KR', sans-serif;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
#gnb ul li a{display:block;}
 
#gnb > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#gnb > ul{margin:0 auto; text-align:center;width:100%;z-index:2;}
#gnb > ul > li{display:inline-block;position:relative;width:12.5%;vertical-align:top;text-align:center;margin-left:-3px;}
#gnb > ul > li:before{content:'';display:block;position:absolute;top:23px;left:0; width:1px; height:10px; background: rgba(255,255,255,.3);}
#gnb > ul > li.first:before{background:none;}
#gnb > ul > li > a{display:block;color:#fff;font-size:15px;padding: 20px 10px; z-index:100;letter-spacing:-1px;font-weight:500;position:relative;line-height:1.1;text-align:center;}

 
#gnb > ul > li.hover > a{color:#99ff33;}
 

 
.topmenuOn #gnb > ul > li > a{ color:#fff; }
  
.topmenuOn #gnb > ul > li.hover > a{color:#99ff33;}

 #gnb ul li ul{ 
	display:none;
	height:0;
	overflow:hidden;
	width:100%;
	margin:12px auto 0 auto;
	position:relative;
	top:100%;  
	  
	  
	  
	 
	
  }
 #gnb ul.hover li ul{
	display:block;
	height:100%;
	min-height:100px; 
	padding-left:10px;
	padding-top:10px;
 
}

 
#gnb ul li.has-sub li{/*background:red;*/}

#gnb ul li ul li{list-style:none;padding-left:5px;  width:100%;text-align:left; transition:all .2s ease-in-out;	-webkit-transition:all .2s ease-in-out;	transform:translateY(5px);	-webkit-transform:translateY(5px);margin-bottom:1px;}
#gnb ul li.hover > ul > li{ 	transform:translateY(5px);	-webkit-transform:translateY(5px);}
#gnb ul li ul li a{ padding:4px 3px;font-size:13px;text-decoration:none;color:#fff;font-weight:400;letter-spacing:-1px;}
#gnb ul li ul li:last-child > a,
#gnb ul li ul li.last-item > a{border-bottom:0}
#gnb ul li ul li:hover{background: url(../image/icon_dot.png) no-repeat 0 8px;}
#gnb ul li ul li:hover > a,
#gnb ul li ul li a:hover{color:#eaff00;}


 

 
/*gnbback*/

 .gnb_back {
	position:absolute;
	left:0;
	top:118px;
	width:100%;
	height:0;	 
	background:rgba(25,96,190,0.8); 
 	z-index:1;
	display:none;
 
	}
 .gnb_back span{
	display:block;
	 
	width:100%;
	position:relative;
	height:100%;
 }

 
 .gnb_back.active{
	 border-top:0px solid #ccc;
	height:230px !important;
	display:block;	 
	transition:.3s;
 
}
/*.sub  .gnb_back.active{
	background:#f7f7f7; 
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.31);
} */

 
 

.Mgnb_back{
	display:none;
}
 

 /*lang*/
.header_utilarea {
	 
	position:absolute;  
	right:50px;
	z-index:2; 
	height:90px;
	
	 
	
}
 .Toplink{padding-top:25px;}
  
 .Toplink a{
	display:inline-block;
	font-size:11px; 
	line-height:1.2;
	padding:10px 20px;
	vertical-align:top;
	text-align:center;
	font-family:'Noto Sans KR', sans-serif;
	letter-spacing:0;
	color:#9f9f9f;
	position:relative;

}

.Toplink a:before{
	content:'';
	display:block;
	width:3px;
	height:3px;
	background:#9f9f9f;
	top:15px;
	position:absolute;
	left:10px;
	 
	
}
 
.allMenu{
	
	width:90px;
	height:100%;
	 
	top:0px;
	right:0;
	margin:0;
	vertical-align:top;
	position:absolute;
	 
	 
	 
	
}
.allMenu .btn{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-16px;
	margin-top:-19px;
 	 background:none;
	 
	
}
.gnb_btn{
	position:relative;
	width:32px;
	height:38px;	 
	background:none;	 
	cursor:pointer;
	margin:0 auto;
	

}
.gnb_btn span{
	position:absolute;
	margin-left:0px;
	width:100%;
	height:2px;
	 
	background-color:#6e6e76;
	 transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	left:0;

}
 .sub .gnb_btn span,
 .fp-viewing-main .gnb_btn span,
 .fp-viewing-support .gnb_btn span{
	background-color:#fff;

 }
/*on*/
/*.sub .gnb_btn span,*/
.topmenuOn .gnb_btn span
{
	background-color:#6e6e76;
}
.gnb_btn span.mgb_top{
	top:8px;
	width:80%;

}
.gnb_btn span.mgb_mid{
	top:18px;
	width:100%;
	 

}
.gnb_btn span.mgb_bot{
	top:28px;
	width:70%;

}
.gnb_btn:hover span.mgb_top {
	width:100%;

}
 

.gnb_btn:hover span.mgb_bot{
	width:100%;

}
 
/* Responsive gnb */
.btn_nav {
  display: none;
}
 


 
 

 /*topimg*/ 

 .maintopmenu{background: url(/image/back_maintop.jpg) no-repeat 0 0;height:120px;}
 
#topimg{position:relative;top:0;;z-index:1;}
.main_top{width:100%;position:relative;}

.main_top .mainbgA{background: url(../image/mainimg01.jpg) no-repeat center 0;height:730px;}
.main_top .mainbgB{background: url(../image/mainimg02.jpg) no-repeat center 0;height:730px;}
.main_top .mainbgC{background: url(../image/mainimg03.jpg) no-repeat center 0;height:730px;}
 

.main_top_baner{position:absolute;width:189px;height:280px;left:50%; top:200px;z-index:2;margin-left:320px;background: url(../image/back_baner.png) no-repeat 0 0;}
.main_top_baner .eventSlider{padding-top:50px;text-align:center;}
.evnetbox{text-align:center;}


 .subtopimg{height:320px;background:#fff;}
 .subtopimg_in{position:relative;width:100%;height:320px;}

  .subbgA_A{background: url(../image/top_sub1.jpg) no-repeat center 118px;}
  .subbgA_B{background: url(../image/top_sub1_2.jpg) no-repeat center 118px;}
 
  .subbgB_A{background: url(../image/top_sub2.jpg) no-repeat center 118px;}
  .subbgB_B{background: url(../image/top_sub2_2.jpg) no-repeat center 118px;}

  .subbgC_A{background: url(../image/top_sub3.jpg) no-repeat center 118px;}
  .subbgC_B{background: url(../image/top_sub3_2.jpg) no-repeat center 118px;}

  .subbgD_A{background: url(../image/top_sub4.jpg) no-repeat center 118px;}
  .subbgD_B{background: url(../image/top_sub4_2.jpg) no-repeat center 118px;}

  .subbgE_A{background: url(../image/top_sub5.jpg) no-repeat center 118px;}
  .subbgE_B{background: url(../image/top_sub5_2.jpg) no-repeat center 118px;}

  .subbgF_A{background: url(../image/top_sub6.jpg) no-repeat center 118px;}
  .subbgF_B{background: url(../image/top_sub6_2.jpg) no-repeat center 118px;}

  .subbgG_A{background: url(../image/top_sub7.jpg) no-repeat center 118px;}
  .subbgG_B{background: url(../image/top_sub7_2.jpg) no-repeat center 118px;}

  .subbgH_A{background: url(../image/top_sub8.jpg) no-repeat center 118px;}
  .subbgH_B{background: url(../image/top_sub8_2.jpg) no-repeat center 118px;}



  .subtopimg .toptxt{width:100%;text-align:left;margin:0 auto;position:relative;}


  /*left*/
#LeftMenuArea{position:relative;padding:0;margin:0;width:180px; }

  .leftmenuarea{ position:relative;z-index:1; top:0;left:0;width:180px;background: url(../image/back_leftmenu.png) no-repeat 0 0px; }
  .leftA{background: url(../image/about/lefttxt.png) no-repeat center 0px;}
  .leftB{background: url(../image/rafting/lefttxt.png) no-repeat center 0px;}
  .leftC{background: url(../image/survival/lefttxt.png) no-repeat center 0px;}
  .leftD{background: url(../image/motor/lefttxt.png) no-repeat center 0px;}
  .leftE{background: url(../image/package/lefttxt.png) no-repeat center 0px;}
  .leftF{background: url(../image/pension/lefttxt.png) no-repeat center 0px;}
  .leftG{background: url(../image/reser/lefttxt.png) no-repeat center 0px;}
  .leftH{background: url(../image/customer/lefttxt.png) no-repeat center 0px;}

 .leftmenulist{min-height:340px;}
   .leftmenulist ul {
	padding:70px 0 0 0px;
	margin:0;
	width:100%;
   }
  .leftmenulist ul li{
		list-style:none;
		display:block;
		padding:0 0 4px 10px;
		margin:0 0 0px 0;
		
		 
  }
 
	 .leftmenulist > ul > li.subOn:after{background:none;}


  .leftmenulist ul li a{ color:#fff;display:block; font-family:'Noto Sans KR', sans-serif;padding:5px 5px 5px 35px;font-size:13px;font-weight:500;letter-spacing:-0.03em;line-height:1.2; }
  .leftmenulist ul li.subOn a{color:#fff;background: url(../image/back_left_on.png) no-repeat center 2px;}
  
  .leftmenulist.leftA ul li.subOn > a{}
  .leftmenulist.leftB ul li.subOn > a{ }
  .leftmenulist.leftB ul li.subOn ul li a{color:#ff9f03;}
  .leftmenulist.leftC ul li.subOn > a{ }
  .leftmenulist.leftD ul li.subOn > a{ }


    .leftmenulist ul li ul{
		display:none;

	}

    .leftmenulist ul li.subOn ul{
		display:block;
		padding:10px 0 10px 0;
		background: rgba(255,255,255,.3);
		width:80%;
		margin:0px auto;
		position:relative;

	}
	  .leftmenulist ul li ul li{
		background:none;
		 
		margin:2px 0;
		padding:0 0 0px 0px;
	  }
	  .leftmenulist ul li.subOn ul li a{
		background:none;
		color:#fff;
		font-size:13px;
		word-break:keep-all;
		word-wrap:break-word;
		padding:1px 0px 1px 20px;
		position:relative;
	

	  }
	   .leftmenulist ul li.subOn ul li a:before{
		content:'';
		display:block;
		position:absolute;
		width:3;

		left:10px;
		height:3px;
		top:10px;
		border-radius:100% 100%;
		background:rgba(255,255,255,.9);
		 
	   }

	 .toparea{position:relative;}
.contents_area{position:relative;}
.iframeaarea{position:relative;}



.b_persongal{width:100px;border:1px solid #333; margin:5px auto;position:relative;padding:5px;line-height:1;}
.b_persongal a{color:#fff;line-height:1;}