@charset "utf-8";
@import url("./common.css?2019");
@import url("./nanumsquare.css");
@import url("./NanumBarunGothic.css");

	
	body {position:relative; min-width:1500px;  font-family: 'Noto Sans KR' ,sans-serif;; }

	.default_layout {position:relative; width:1100px; margin:0 auto; clear:both;}


	/*******************기본 감싸는 레이아웃*******************/
	#wrap,#header,#footerGroup {position:relative; width:100%;}


	/* 헤더 */
	/*******************헤더*******************/
	#header {height:144px; z-index:99; min-width:1100px;}


	/* 로고 */
	#header h1 {text-align:center; }
	#header h1 a{display:inline-block; height:73px; line-height:73px;}
	#header h1 img {vertical-align:middle;}


	/* 상단유틸 오른쪽메뉴 */
	#header .top_util {position:absolute; top:28px;}
	#header .util_left {left:3px;}
	#header .util_right {right:3px;}

	#header .top_util ul {margin-top:7px;}
	#header .top_util li {float:left; line-height:24px; } 
	#header .top_util li a {color:#999; display:block; padding:0 15px; background:url(../images/common/top_util_bar.gif) left 6px no-repeat;} 
	#header .top_util li:first-child a {background:none;}
	#header .top_util li img {margin-right:3px;}
	#header .top_util li a:hover {color:#000;} 
	

	p.menu_btn,
	.topMenu_box .menu_btn_colse {display:none;} 



	/*상단메뉴*/
	.topMenu_box {border-top:1px solid #dedcdf; height:52px; margin-top:18px;}
	#topMenu {position:relative; text-align:center; margin:0 auto; width:1100px;}
	#topMenu li.menu_list {display:inline-block; line-height:52px; width:19%; position:relative; text-align:center; background:url(../images/common/topmenu_dot.gif) left 20px no-repeat;}
	#topMenu li.menu_list:first-child {background:none; }
	#topMenu li.menu_list a.depth_link {display:block; font-size:18px; color:#000; font-weight:600; line-height:52px; position:relative;}

	#topMenu li.menu_list a.menu_on {color:#353a92;}

	#topMenu li div.depth_box {position:absolute; display:none; top:52px; width:200px; left:50%; margin-left:-90px; background:#2d54a8; border-top:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
	#topMenu li div.depth_box ul li {font-size:13px; text-align:left;}
	#topMenu li div.depth_box ul li a {display:block; font-weight:600; color:#fff; padding-left:15px; line-height:44px; border-bottom:1px solid rgba(0,0,0,0.1);}
	#topMenu li div.depth_box ul li a:hover {color:#fff; background:#444;}
	#topMenu li div.depth_box ul li:last-child a{border-bottom:0px;}


	/*3뎁스*/
	#topMenu li div.depth_box ul.three_depth{display:none;; background:#fff; border-top:1px #ddd solid; padding:0px; border-bottom:1px #ddd solid;}
	#topMenu li div.depth_box ul.three_depth li a{display:block;line-height:30px; color:#949494;}



	/*******************하단*******************/
	/*하단cs*/
	.bottom_cs {position:relative; padding:70px 0; overflow:hidden; background:#f1eff2;}

	.bottom_cs .cs_box {position:relative; float:left; width:264px; margin-left:20px; background:#fff; height:257px; border-radius:20px; padding:0 30px;}
	.bottom_cs .cs_box:first-child {margin-left:0;}

	.bottom_cs .cs_info {width:352px;}
	.bottom_cs .cs_reservation {background:#77c41b;}
	.bottom_cs .cs_reservation:hover {background:#009a59;}
	.bottom_cs .cs_map {background:#4b6bb0;}
	.bottom_cs .cs_map:hover {background:#1b459f;}

	.bottom_cs .cs_box .tit {font-size:21px; color:#fff; padding-top:25px;}
	.bottom_cs .cs_info .tit {color:#000;}

	.bottom_cs .cs_box .explain {font-size:15px; color:#fff; line-height:22px; margin-top:23px; word-break:keep-all;} 
	.bottom_cs .cs_info .explain {font-size:14px; color:#888; margin-top:0;}

	.bottom_cs .cs_box .btn {display:inline-block; margin:30px 0 0 5px;}
	.bottom_cs .cs_box .btn img {vertical-align:top;}

	.bottom_cs .cs_info .tell {border-bottom:1px solid #d7d9da; margin-bottom:16px; font-size:35px; line-height:36px; letter-spacing:0.5px; font-family:'Lato'; color:#353a92; padding-bottom:20px;}
	.bottom_cs .cs_info .tell a {color:#353a92;}
	.bottom_cs .cs_info .tell .ic {float:left; margin:0 8px 0 5px;}
	.bottom_cs .cs_info dt {color:#333; font-size:16px; margin-top:2px;}
	.bottom_cs .cs_info dd {color:#333; font-size:25px; line-height:26px; letter-spacing:0.5px; font-family:'Lato';}

	.bottom_cs .cs_box a {display:block;}

	.bottom_cs .cs_box .img {position:absolute; right:36px; bottom:36px;}




	/*퀵메뉴*/
	#footerGroup {position:relative; height:255px; background:#353336;}

	/*하단메뉴*/
	#footerGroup .f_util {background:#4e4c51; text-align:center;}
	#footerGroup .f_util li {display:inline-block;}
	#footerGroup .f_util li a {padding:0 15px 0 20px; background:url(../images/common/bottom_util_dot.png) left 50% no-repeat; line-height:53px; color:#ccc;}
	#footerGroup .f_util li:first-child a {background:none;}
	#footerGroup .f_util li a:hover {color:#fff;}


	/*위로버튼*/
	#footerGroup .camping_top_btn {position:absolute; left:50%; bottom:52px; margin-left:540px; z-index:9;}
	#footerGroup .camping_top_btn a {display:block; }
	#footerGroup .camping_top_btn img {vertical-align:top; transition: all .2s;}
	#footerGroup .camping_top_btn a:hover img {margin:-6px 0 6px;transition: all .2s;}


	/*하단로고*/
	#footerGroup .logo {float:left; padding-top:40px; margin-right:50px;}
	#footerGroup .logo img {vertical-align:top;}


	/*회사정보*/
	#footerGroup .footer {float:left; padding:40px 0 55px; font-size:13px; line-height:20px; position:relative; color:#aaa;}
	#footerGroup .name {color:#fff; font-size:21px; font-weight:600; margin-bottom:30px; letter-spacing:-1px;}
	#footerGroup .footer span {display:inline-block; padding-right:20px;}
	#footerGroup .footer .addres {letter-spacing:0.5px;}

	#footerGroup .site {position:absolute; right:0; top:90px;}
	#footerGroup .site a {float:left; margin-right:3px;}
	#footerGroup .site img {vertical-align:top;}



	@media all and (max-width:1024px) {

		.mobile_none {display:none;}


		/*팝업*/
		#hd_pop .hd_pops {left:0px !important;}
		#hd_pop .hd_pops .hd_pops_con{width:280px !important; height:auto !important;}
		#hd_pop .hd_pops img {width:100% !important; height:auto !important; vertical-align:middle;}


		/*기본사이즈*/
		body {min-width:100%;}
		#wrap,#container,#header ,#footerGroup  {min-width:100%; width:100%;}
		.default_layout { width:100%; min-width:100% ; }
		
		#container {margin-top:85px;}


		#header {background:#fff; position:fixed;left:0px;top:0px; width:100%; box-shadow:0px 1px 10px rgba(0,0,0,0.2); height:85px;}

		


		/* 상단유틸 오른쪽메뉴 */
		#header .top_util {display:none;;}



		#header h1 {height:85px; line-height:85px;position:absolute; left:10px; top:0px; margin-top:0px; }
		#header h1 a {display:block;}
		#header h1 img{ width:160px;}

		
		#header .t_util li a{padding:0 8px;  }



		



		/*모바일버튼*/
		p.menu_btn {display:block; position:absolute; right:10px; top:20px; cursor:pointer; text-align:center; width:43px; height:43px; background:#fff; border:1px #eeeeee solid;}
		p.menu_btn a {display:block; padding-top:13px;}
		p.menu_btn span {background:#222; display:block; width:60%; height:3px; margin:0 20% 4px; vertical-align:top;}


		/*상단메뉴*/
		.topMenu_box {display:none; }
		#topMenu {float:none; margin:0px; background:#fff;  margin-top:0px; position:fixed; left:0px; top:0px; min-width:250px; width:80%; min-height:100% !important; height:100% !important;   overflow-y:auto; -webkit-overflow-scrolling:touch;}
		
		#topMenu .menu_btn_colse {display:block; height:50px;  line-height:50px; padding-left:10px; color:#fff; background:#0e4194; font-size:16px; }
		#topMenu .menu_btn_colse a{float:right; width:60px;  height:50px; background:rgba(0,0,0,0.2); text-align:center; color:#fff;}
		
		

		
		#topMenu li.menu_list {width:100%; text-align:left; background-image:none; clear:both;padding:0px; margin:0px; }
		#topMenu li.menu_list a.depth_link {display:block;line-height:60px; color:#222; font-size:16px; padding:0 10px; border-bottom:1px #eee solid; }
		#topMenu li.menu_list a.menu_on {color:#0e4194; }

		#topMenu li div.depth_box {position:relative;margin:0px; left:0px; top:0px; width:100%; background:#f8f8f8; border:0px; border-bottom:1px #eee solid; text-align:left;}
		#topMenu li div.depth_box ul {padding:0; margin:0px;}
		#topMenu li div.depth_box ul li a {color:#333; padding:0px 10px 0 15px;  border-bottom:1px #eee solid; line-height:50px; font-size:13px; text-align:left;}
		#topMenu li div.depth_box ul li a:hover {background:none; text-decoration:underline; }


		#topMenu li#topMenu2 div.depth_box { width:100%;}
	
		/*3뎁스*/
		#topMenu li div.depth_box ul.three_depth{display:block;; background:#f8f8f8; border-bottom:1px #eee solid;}
		#topMenu li div.depth_box ul.three_depth li a{display:block; padding-left:20px; line-height:45px; font-size:12px; font-weight:normal; border-bottom:1px #eee solid;  color:#666;}
		#topMenu li div.depth_box ul.three_depth li:last-child a{border-bottom:0px;}


		
		/*******************하단*******************/



		/*하단cs*/
		.bottom_cs {padding:20px 0; }

		.bottom_cs .cs_box { float:none; width:auto;; margin:10px 0px !important;  height:257px; border-radius:0px; padding:0 30px;}
		.bottom_cs .cs_box:first-child {margin-left:0;}

		.bottom_cs .cs_info {width:auto;}
	
		#footerGroup .footer {padding:30px 10px;}


		#footerGroup .camping_top_btn {margin:0px; left:auto; right:0px;}





	}