@charset "utf-8";

@font-face { font-family: Kenzo Regular; src: url('../fonts/Kenzo Regular.otf'); }
@font-face {
  font-family: 'Nanum Square';
  src: url('../fonts/NanumSquareL.eot'); /* IE9 Compat Modes */
  src: url('../fonts/NanumSquareL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NanumSquareL.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NanumSquareL.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NanumSquareOTFLight.svg#017f9c78318bcde3d1dc4451e8eaca0a') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  300;
}

@font-face {
  font-family: 'Nanum Square';
  src: url('../fonts/NanumSquareR.eot'); /* IE9 Compat Modes */
  src: url('../fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NanumSquareR.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NanumSquareR.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NanumSquareOTFR.svg#9e23ceb0c858ca37642ba540402577eb') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'Nanum Square' ;
  src: url('../fonts/NanumSquareB.eot'); /* IE9 Compat Modes */
  src: url('../fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NanumSquareB.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NanumSquareB.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NanumSquareOTFB.svg#a41a1fda1fdf3dafd3394867a156b1cf') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  700;
}

@font-face {
  font-family: 'Nanum Square';
  src: url('../fonts/NanumSquareEB.eot'); /* IE9 Compat Modes */
  src: url('../fonts/NanumSquareEB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NanumSquareEB.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NanumSquareEB.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NanumSquareOTFExtraBold.svg#090d6763bc81b49309446d23fbd10e87') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  900;
}



html,body{ width:100%; height:100vh; }
html,body,div,span,p,li{ font-smoothing:antialiased;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

input:-ms-input-placeholder { color: #ddd; }
input::-webkit-input-placeholder { color: #ddd; } 
input::-moz-placeholder { color: #ddd; }
input::-moz-placeholder { color: #ddd; }
.login_wrap{ width:100%; min-height:100vh; background: url('../images/back.png') no-repeat center center fixed; background-size:100% 100%; }
.intro_wrap_1{ width:100%; min-height:100vh; background: url('../images/intro/intro1.jpg') no-repeat center center fixed; background-size:100% 100%; }
.intro_wrap_2{ width:100%; min-height:100vh; background: url('../images/intro/intro2.jpg') no-repeat center center fixed; background-size:100% 100%; }
.intro_wrap_3{ width:100%; min-height:100vh; background: url('../images/intro/intro3.jpg') no-repeat center center fixed; background-size:100% 100%; }
.intro_wrap_4{ width:100%; min-height:100vh; background: url('../images/intro/intro4.jpg') no-repeat center center fixed; background-size:100% 100%; }
	.login_logo{ width:50%;  margin:0 auto; } 
	.login_logo img{ width:100%; }

	.login_box{ width:78%; margin:0 auto; }
	.login_box input{ width:100%; padding:3%; border:0; border-bottom:2px solid rgba(255,255,255,0.3); background: none; color:#fff; font:300 1.5em/1.5em 'Nanum Square'; letter-spacing:0.1em; outline:none; }

	.login_btn_box{ width:78%; margin:0 auto; }
		.login_btn_left{ float:left; width:50%; }
		.login_btn_left img{ width:100%; }
		.login_btn_right{ float:left; width:50%; }
		.login_btn_right img{ width:100%; }

	.login_menu{ width:78%; margin:0 auto;  text-align:center; color:#2f5b65; font:700 1.1em/1em 'Nanum Squarec'; }
	.login_menu a{color:#2f5b65;}
	.login_menu span{ padding:0.2em; font:700 2em/0em 'Nanum Squarec'; color:rgba(0,0,0,0.2); }

.basic_wrap{ width:100%; min-height:100vh; overflow:hidden;}
.basic_wrap2{ width:100%; min-height:100vh; background: #ebebeb; overflow:hidden; }
	.date{ width:100%; height:14vh; background: url('../images/main_top_pattern1.jpg');  z-index:201;}
		.date_text{ width:100%; padding:1vh 0; text-align:center; color:#fff; font:400 1.5em/0.5em 'Nanum Square'; }		
		.date_text img { width:5%; vertical-align:middle; }
	.top_title{  width:100%; height:16vh; background:#e1e2e5;  z-index:205;}
		.date_text2{ width:100%; padding:1vh 0; text-align:center; color:#000; font:400 1.5em/1.5em 'Nanum Square'; }


	.date_list{ position:fixed; top:14vh; width:100%; margin:0; padding:0; z-index:200; display:none;}
	.date_list li{ height:6vh; background: #fafafa; border-bottom:1px solid #ccc; list-style-type:none; font:400 1.3em/2.1em 'Nanum Square'; text-align:center; }
	.date_list li:hover{  background: #edeef0;  }
	.date_list li.on{  background: #edeef0;  }
	.date_list li.more{  background: #fefefe;  }
	.date_list li.closed{ height:4vh; background: #D1d5d9 ; border-bottom:1px solid #ccc; text-align:center; line-height:1.2em;}
	.date_list li.closed img{ width:7%; }

		.main_top{ width:100%; height:5.5vh; background: url('../images/main_top_pattern1.jpg'); }
		.main_top_title{ width:100%; height:5.5vh; background: url('../images/main_top_pattern2_1.png') no-repeat;background-size:100% 100%;  text-align:center; color:#fff; font:700 1.3em/1.8em 'Nanum Square'; text-shadow: 1px 1px 1px #999;}
	

	
	.main_con{ width:100%; min-height:51vh; margin:0 auto; background: url('../images/main_pattern.jpg') no-repeat center bottom; background-size:contain; overflow:hidden; }
		.main_per{ width:100%; height:10vh; margin:0 auto; padding:0;}
		.main_per li{ float:left; width:29%; margin:0 2%; height:9vh; text-align:center; color:#8a96a6; font:600 1.5em/1.2em 'Nanum Square'; list-style-type:none;  }
		.main_per li.space{}
		.main_per li.txt_red{  color:#e85050; }
		.main_per li span{ font:500 2em/1.1em 'Kenzo Regular'; }
		.main_per li span.red{ font:500 2em/1.1em 'Kenzo Regular'; color:#e85050; }
			.main_per li.left{ }
			.main_per li.center{ }
			.main_per li.right{ }
		.main_gra{ clear:both; width:100%; height:32vh; margin:0 auto; }
			.main_gra_left{ float:left; width:12%;  text-align:center; }
				.main_gra_left img{ width:60%; margin-top:10vh;}
			.main_gra_center{ float:left; width:76%; }
				.main_gra_center img{ width:100%; }
			.main_gra_right{ float:left; width:12%;   text-align:center; }
				.main_gra_right img{ width:60%;margin-top:10vh; }
		.main_ta{ clear:both; width:37%; height:5vh; margin:0 auto; margin-top:2vh; padding-bottom:5vh; background: url('../images/main_bat.png') no-repeat; background-size:100% 100%; }
			.main_ta_left{ float:left; width:53%; text-align:center; font:600 1.1em/1.9em 'Nanum Square';  color:#999; letter-spacing:-1px;}
			.main_ta_right{ float:left; width:47%; text-align:center; font:400 1.2em/2em 'Kenzo Regular'; color:#fff; letter-spacing:5px;}

	.sub_con{ width:100%; min-height:86vh; margin:0 auto; background: url('../images/con_ba_shadow.jpg') no-repeat center top, url('../images/main_pattern.jpg') no-repeat center bottom; background-size:contain; overflow:hidden; }
	.con_line{ clear:both; width:100%; height:3vh; background: url('../images/con_line.png') no-repeat; background-size:100% 100%;}
	.main_nasmo_title{ font:700 1.7em/1.1em 'Nanum Square';  color:#4d5968 ; text-align:center; }
	.main_nasmo_title img{ width:7%; vertical-align:center; }
.main_nasmo{ width:100%; height:14vh; margin:0 auto; padding-top:2vh; overflow:hidden; overflow-x:scroll; }
/*		.main_nasmo_list{ width:300%; padding:0; padding-left:0.3%; }
		.main_nasmo_list li{ position:relative; float:left; width:10%; height:15vh; margin:0 .5%; padding-top:3vh; font:700 1em/1.3em 'Nanum Square';  color:#fff; text-align:center; text-shadow: 0.1em 0.1em 0.15em #000; list-style-type:none; }
		.main_nasmo_list li img{ width:30%; }
		.main_nasmo_list li.no1{ background: url('../images/movie_320.png') no-repeat; background-size:100% 100%; }
		.main_nasmo_list li.end{ width:0.5%; padding:0; }
		*/

	.main_nasmo_list{ width:100%;  margin:0 auto;  overflow:hidden; overflow-x:scroll; }	
	.main_nasmo_list > li{ position:relative; float:left; width:49%; height:11vh; margin-right:2%; margin-bottom:2vh; list-style-type:none; background: #000; border-radius: 0.5em; overflow:hidden; }
	.main_nasmo_list > li img{ width:20%; }
	.main_nasmo_list > li.nasmo_no{ width:100%;text-align:center; border:1px solid #ddd;}
		.main_nasmo_info{ position:absolute; top:35%; width:100%; font:700 0.8em/1.3em 'Nanum Square';  color:#fff; text-align:center; text-shadow: 0.1em 0.1em 0.15em #000; list-style-type:none;}
	.nasmo_no{ width:70%; margin:0 auto; padding:1vh 10%; text-align:center; border:1px dotted #eee; background: #88d1e4; color:#fff;}	
		.main_nasmo_best{ position:absolute; top:0; left:0; width:100%; height:10vh; }
		.main_nasmo_best img{ position:absolute; top:0.5vh; left:0.5vh; width:100%; }

	.bi_info{ clear:both; width:100%; margin:0 auto; padding:0; overflow:hidden; }
		.bi_info li{ float:left; text-align:center; color:#aeb2bd; font:600 1.2em/1.2em 'Nanum Square'; list-style-type:none;  }
		.bi_info li.left{ width:30%; }
		.bi_info li.center{ width:40%;}
		.bi_info li.right{ width:30%;}
		.bi_info li.left span{ color:#63b2c7; font:400 2em/1.5em 'Kenzo Regular'; }
		.bi_info li.center span{ color:#636d7a; font:400 2em/1.5em 'Kenzo Regular'; }
		.bi_info li.right span{ color:#f15f5f; font:400 2em/1.5em 'Kenzo Regular'; }
	.bi_graph{ width:100%; min-height:37vh; margin:0 auto;overflow:hidden; background: url('../images/con_ba_graph.png') no-repeat top center; background-size:contain; }
	.bi_graph_bar{ width:95%; height:7vh; padding-right:5%; margin:0 auto; background: url('../images/con_ba_graph_m2.png') no-repeat; background-size:100% 100%; text-align:right; font:italic 600 1em/4em 'Nanum Square'; color:#9fe8e9; }
	.bi_graph_bar a{ color:#9fe8e9; }
	.red_dot{ position:absolute; width:2.5%;}	
	.red_dot img{ width:100%; background: url('../images/con_ba_graphdot.png') no-repeat; background-size:contain; }

	.do6{ width:87%; margin:0 auto; padding:0; overflow:hidden; }
		.do6 li{ float:left; width:31%; height:19vh; margin:0 1%; padding-top:3.5vh; text-align:center; color:#aeb2bd; font:600 1.1em/1em 'Nanum Square'; background: url('../images/do6.png') no-repeat; background-size:100%; list-style-type:none;}
		.do6 li p{ color:#636d7a; font:500 2em/1.7em 'Kenzo Regular';}
	.do8{ width:87%; margin:0 auto; padding:0; overflow:hidden; }
		.do8 li{ float:left; width:31%;  margin:0 1%; padding-top:2.5vh; margin-top:1vh; text-align:center; color:#aeb2bd; font:600 0.9em/0.9em 'Nanum Square'; list-style-type:none; border-right:1px dotted #eee;}
		.do8 li.end{ border:0;}
		.do8 li p{ color:#636d7a; font:500 2.3em/1.7em 'Kenzo Regular';}

	.w_info{ clear:both; width:87%; margin:0 auto; padding:0; overflow:hidden; }
		.w_info li{  color:#aeb2bd; list-style-type:none; text-align:left;;}
		.w_info li.title{ height:8vh; color:#63b2c7; font:600 2.5em/1em 'Nanum Square'; }
		.w_info li.text{ color:#999; font:400 1.2em/1em 'Nanum Square'; }
		.w_info li.per{ color:#f15f5f; font:400 4em/1.1em 'Kenzo Regular'; }
		.w_info li span clubsize{ color:#ccc; }
	.approch_graph_box{ position:relative; width:87%; margin:0 auto; margin-top:-3.5vh; }
		.approch_bg_line{ width:100%; margin:0; padding:0; }
		.approch_bg_line > li{ height:6vh;  list-style-type:none; text-align:right; border-bottom:1px solid #eee; font:400 1.5em/2em 'Kenzo Regular'; color:#d2d5de;}
		.approch_bg_line > li.gray{ border-bottom:1px solid #f5f5f5;  font:400 0.8em/3.5em 'Nanum Square';  }
		.approch_bg_line > li.end{  }
		.approch_bg_line > li.title{  border:0;  border-top:2px solid #ddd;  }

		.approch_graph_title{  width:100%; margin:0; padding:0;}
		.approch_graph_title > li{ float:left; width:14%; font:400 0.7em/1.5em 'Kenzo Regular';  list-style-type:none; color:#ccc; text-align:center; }

		.approch_graph_line{ position:absolute;; top:6vh; width:100%; margin:0; padding:0; }
		.approch_graph_line li{ position:relative; float:left; width:14%; height:24vh; text-align:center; vertical-align:bottom; list-style-type:none;   }
			.approch_g{ position:absolute; bottom:0; left:25%; width:50%; min-height:1vh; background:#9ca8b7;; box-sizing:border-box; border-top:3px solid #6d7580; }
			.approch_g2{ position:absolute; bottom:0; left:25%; width:50%; min-height:1vh; background:#f15f5f;; box-sizing:border-box; border-top:3px solid #a84242; }

	.putting_info{ position:relative; float:right; width:44%; margin:0; padding:0; margin-right:6%; margin-top:-4vh;}
	.putting_info li{ float:left; list-style-type:none;}
	.putting_info li.color1{ width:9%; height:2.5vh; margin-top:0.2vh;  background: #9fc6ca;}
	.putting_info li.color2{ width:9%; height:2.5vh; margin-top:0.2vh;  background: #aaacce;}
	.putting_info li.title{ width:60%; padding-left:5%; font:400 1.5em/1em 'Nanum Square'; color:#ccc;}
	.putting_info li.per{ width:31%; font:400 1.5em/1.1em 'Kenzo Regular'; text-align:right;}
	.putting_info li.line{ clear:both; width:100%; height:1vh; border-top:1px dashed #ddd; }

	.putting_graph_box{ clear:both; position:relative; min-height:35vh; width:87%; margin:0 auto; background: url('../images/putting_graph_line.png') no-repeat bottom center;  background-size:100%;}
	.putting_87{ width:87%; margin:0 auto; font:400 1.2em/2em 'Nanum Square'; color:#ccc; text-align:left; }

	.putting_graph_line{ width:100%; margin:0; padding:0; }
		.putting_graph_line li{ position:relative; float:left; width:10%; height:33vh; text-align:center;  list-style-type:none; }
		.putting_graph_line li.space{ width:5%;}
		.putting_graph_line li.space2{ width:3%;}
			.putting_g1{ position:absolute; float:left; bottom:0; width:90%; min-height:1vh; background:#97c1c5;; box-sizing:border-box; font:400 1.3em/2em 'Kenzo Regular'; color:#fff; }
			.putting_g2{ position:absolute; float:left; bottom:0; width:90%; min-height:1vh; background:#a5a7cb;; box-sizing:border-box; font:400 1.3em/2em 'Kenzo Regular'; color:#fff; }

	.putting_graph_title{ width:87%; margin:0; padding:0; margin:0 auto;}
	.putting_graph_title li{float:left; width:25%;  text-align:center;  list-style-type:none; font:400 1.5em/1em 'Kenzo Regular'; color:#777; }

	.mem_agree{ width:87%; margin:0; padding:0; margin:0 auto;  overflow:hidden;}
	.mem_agree li{ float:left;  height:4.5vh; list-style-type:none; text-align:left; color:#999; font:600 1.2em/1.6em 'Nanum Square'; }
	.mem_agree li.btn{ width:25%; text-align:left; background: url('../images/bg_mem_title.png') no-repeat; background-size:100% 100%; font:500 1em/1em 'Nanum Square'; color:#fff;  }
	.mem_agree li.title{ width:27%; color:#6da9b9; font:600 1.2em/1.6em 'Nanum Square'; }

	.agree_line{ width:87%; margin:0; padding:0; margin:0 auto;  overflow:hidden; }
	.agree_line li{ float:left; height:6vh;  list-style-type:none;  text-align:center; }
	.agree_line li.title{ letter-spacing:-0.1em;  font:400 1em/2.7em 'Nanum Square';  }
	.agree_line li.chk{ float:right; width:8%; text-align:center;   font:400 1em/3em 'Nanum Square' }
	.agree_line li.agree_btn{ float:right; width:23%;  font:400 1em/2.7em 'Nanum Square';color:#777;  }

	.agree_line2{ width:87%; margin:0; padding:0; margin:0 auto;  overflow:hidden; border:1px solid #ddd;}
	.agree_line2 li{ float:left; height:6vh;  list-style-type:none;  text-align:center;  }
	.agree_line2 li.title{letter-spacing:-0.1em; font:400 1em/2.7em 'Nanum Square';  }
	.agree_line2 li.title span{ color:#ff9657; }
	.agree_line2 li.chk{ float:right; width:8%;  text-align:center;  font:400 1em/3em 'Nanum Square' }
	.agree_line2 li.agree_btn{ float:right; width:23%; background:#ededed;  font:400 1em/2.7em 'Nanum Square';color:#777; }


	.btn_agree{ width:100%; height:6vh;  background:#4d5867;  color:#fff;  font:600 0.8em/1.7em 'Nanum Square'; border:0; text-align:center; border-radius: 0.2em; letter-spacing:-1px; }
	.btn_agree_next{ width:50%; height:10vh;  background:#88d1e4;  color:#fff;  font:600 1.5em/2.7em 'Nanum Square'; border:0; text-align:center; border-radius: 0.2em;  }

	.agree_textarea{ width:87%; height:20vh; margin:0 auto; overflow:hidden; padding-bottom:2vh; border:0; }
	.agree_textarea textarea{ width:100%; height:100%; background: #fefefe; border:1px solid #eee; overflow-y:scroll; }

	.mem_table{ width:87%; border-collapse: collapse; border:0; padding:0; margin:0; margin:0 auto; }
	.mem_table thead tr th{ height:6vh; text-align:center; border-right:1px solid #fff;  font:700 1.3em/2.5em 'Nanum Square'; cursor:pointer; border-bottom:1px solid #eee;color:#000; background: #f9f9f9; }
	.mem_table thead tr th.on{ color:#fff; background: #88d1e4; }
	.mem_table tr.line{ border-bottom:1px dotted #eee;}
	.mem_table tr td{ padding:1vh 0; vertical-align:center; font:400 1.3em/2.5em; }
	.mem_table tr td.a_center{ text-align:center; }
	.mem_table tr td input{ width:100%; height:6vh; padding:0 2%; border:1px solid #eee; outline:none;}
	.mem_table tr td input.a_right{ text-align:right; }
	.mem_table tr td input.mail{ width:45%;  }
	.mem_table tr td select{ width:100%; height:6vh; padding:0 2%; border:1px solid #eee; background: #fff;; }
	.mem_table tr td select option{ background: #fff;}

	.mem_table2{ width:87%; border-collapse: collapse; border:0; padding:0; margin:0; margin:0 auto; }
	.mem_table tr td{ padding:1vh 0; vertical-align:center;}

	.nasmo_title{ height:9vh; font:700 1.7em/2.5em 'Nanum Square';  color:#4d5968 ; text-align:center; }
	.nasmo_title img{ width:7%; vertical-align:center; }
	.nasmo_con{ width:95%; padding:0; margin:0 auto;  }
	.nasmo_con > li{ position:relative; float:left; width:49%; height:22vh; margin-right:2%; margin-bottom:2vh; list-style-type:none;  border-radius: 0.5em; overflow:hidden; }
	.nasmo_con > li.end{ margin-right:0; }
	.nasmo_con > li img{ width:90%; opacity: 0.5; }
		.nasmo_best{ position:absolute; top:0; left:0; width:30%; height:5vh; }
		.nasmo_check{ top:0; left:0; width:10%; height:5vh; }
		.nasmo_best img{ width:100%; }
		.nasmo_chk{ position:absolute; top:1vh; left:5%; }
		.nasmo_btn{ position:absolute; top:5vh; left:50%; transform:translateX(-50%); width:20%;  }
		.nasmo_info{ position:absolute; bottom:0; width:100%; height:9vh; background: #f9f9f9;; overflow:hidden; }
			.nasmo_info_list{ padding:0; width:95%; margin:0 auto; margin-top:1vh; }
			.nasmo_info_list li{ float:left; width:33%; height:4.5vh; list-style-type:none; background: #f9f9f9; border-right:1px solid #ddd;  text-align:center;  font:400 1.5em/1.5em 'Kenzo Regular'; color:#777;}
			.nasmo_info_list li img{ width:30%;}
			.nasmo_info_list li.end{ border:0; }
		.nasmo_info p{ font:400 1em/1.5em 'Nanum Square'; color:#ccc; text-align:center; }
	.video_box{ position:relative; width:100%; }
		.btn_movie_play{ position:absolute; top:25vh; left:50%; transform:translateX(-50%); width:20%; height:11.5vh; border:0; outline:0; background: url('../images/movie_play.png') no-repeat center; background-size:95%; }
		.btn_movie_stop{ position:absolute; top:25vh; left:50%; transform:translateX(-50%); width:20%; height:11.5vh; border:0; outline:0; background: url('../images/movie_stop.png') no-repeat center; background-size:95%; }

	.video_title{ width:100%; height:7vh; background: #a8c3cd; }
		.video_title_list{  padding:0; margin:0 auto;  }
		.video_title_list li{ float:left; width:30%; height:7vh; color:#fff;  text-align:center;  font:400 2.2em/1.3em 'Kenzo Regular'; letter-spacing:0.1em; list-style-type:none;   }
	.gak_box{ width:100%; height:27vh;  background:#f7f7f7 url('../images/nasmo_gak.png') no-repeat center; background-size:60%; }
	.gak_box p.ms{ text-align:right; padding-top:2vh; padding-right:15%; font:400 2em/1em 'Kenzo Regular'; color:#63b2c7; }
	.gak_box p.ms span{ text-align:right;  font:400 0.5em/1em 'Kenzo Regular'; color:#63b2c7; }
	.gak_box p.do{ padding-top:9.5vh; padding-left:38%; font:400 1.7em/1em 'Kenzo Regular'; color:#8896a1; }

	.nasmo_foot{ position:fixed; bottom:0; width:100%; height:6.2vh; background: url('../images/nasmo_more1_side.png') no-repeat; background-size:100%; z-index:201;}

	.page_title{  height:9vh; color:#6da9b9; padding-left:3.5%; font:700 1.4em/3.3em 'Nanum Square';  border-bottom:1px solid #eee;}
	.page_title_left{float:left; width:30%;  }
	.page_title_right{float:right; width:20%; }
	.push_text{ padding:2vh 5%; padding-bottom:0; font:400 1.2em/1.5em 'Nanum Square'; color:#9397a3; background: #f5f5f5; }

	.page_title_btn{ float:right;  width:40%;  text-align:right; padding-right:1%; }
	.btn_title_right{ width:90px; height:5.5vh; background: #63b2c7; border:0; border-radius:1vh; color:#fff; font:400 0.8em/1em 'Nanum Square';outline:none; cursor:pointer; }
	

	.notice_list{ width:100%; margin:0; padding:0; }
	.notice_list li{ height:9vh; padding-top:2vh; padding-left:3.5%; border-bottom:1px solid #eee;  font:400 1.2em/1.2em 'Nanum Square'; list-style-type:none; background: url('../images/noimg.png') no-repeat 95% 50%; background-size:7%;}
	.notice_list li:hover{ background:#f9f9f9 url('../images/noimg.png') no-repeat 95% 50%; background-size:7%;}
	.notice_list li p{ font:400 0.9em/0.5em 'Nanum Square'; color:#a1a4ae; }

	.notice_list_detail{ width:100%; margin:0; padding:0; }
	.notice_list_detail li{ font:400 1.2em/1.2em 'Nanum Square'; list-style-type:none; }
	.notice_list_detail li.title{ min-height:15vh; padding-top:2vh; padding-bottom:1vh;padding-left:3.5%; border-bottom:1px solid #eee;  font:400 1.5em/1.1em 'Nanum Square'; background:#f1f1f1 url('../images/noimgb.png') no-repeat 95% 100%; background-size:15%;}	
	.notice_list_detail li.title p{padding-top:1vh; font:400 0.9em/0.7em 'Nanum Square'; color:#a1a4ae; }
	.notice_list_detail li.text{ padding:7%;}


	.store_find_box{ width:100%;  height:8vh; padding-top:0.5vh; background: #f9f9f9; text-align:center; }
	.store_find { width:95%; margin:0 auto; padding:0;}
	.store_find li{ float:left; height:6vh; list-style-type:none;  }
	.store_find li.put{ width:80%; }
	.store_find li.btn2{ width:20%; background:#80cfe1 url('../images/find_icon.png') no-repeat center ; background-size:25%; color:#fff; }
	.store_find > li input{ width:100%; height:6vh; padding:0 2%; border:1px solid #80cfe1; }

	.store_find_box2{ width:100%; padding-bottom:1vh;padding-top:1vh; background: #f9f9f9; text-align:center;  border-bottom: 1px solid #eee;}

	.store_date { width:95%; margin:0 auto; box-sizing:border-box; }
	.store_date tbody tr td{ height:5vh; box-sizing:border-box; padding:3px 0 3px; text-align: center;}
	/*.store_date tbody tr td input { width:100%; height:6vh; border:1px solid #eee; background: #fff; text-align: center;}
	 .store_date tbody tr td select { width:100%; height:6vh; border:1px solid #eee; background: #fff; text-align: center; text-align-last:center;} */

	.list_box{ clear:both; width:100%; border-bottom:1px solid #eee;  }
	.list_left{float:left; width:30%;  }
	.list_right{float:right; width:70%; }


	.list_img{ width:90%; height:6vh; margin:0 auto; margin-top:1.5vh;  text-align:center; background: #80cfe1;  font:500 1em/2.8em 'Nanum Square'; color:#fff; }
	.list_img2{ width:90%; height:6vh; margin:0 auto; margin-top:1.5vh;  text-align:center; background: #ca2322;  font:500 1em/2.8em 'Nanum Square'; color:#fff; }
	.list_img img{ width:100%; }

	.store_find_list{ clear:both; width:100%; margin:0; padding:0; }
	.store_find_list li{ padding-top:2vh; padding-bottom:1vh; padding-left:3.5%;  font:400 1.2em/1em 'Nanum Square'; color:#aaa; list-style-type:none;}
	.store_find_list li:hover{ background:#f9f9f9 no-repeat 95% 50%; background-size:7%;}
	.store_find_list li p{ font:400 1em/1em 'Nanum Square'; color:#333;}
	.store_find_list li p.add { font:400 0.8em/1.5em 'Nanum Square'; color:#aaa;}
	.store_find_list li button{ background:#80cfe1; border:0; padding-top:3px;  font:400 0.7em/1.5em 'Nanum Square'; color:#fff; }
	

	.list_box2{ clear:both; width:100%; padding:1.5vh 0; border-bottom:1px solid #ddd;  }
		.store_reserve{ }
			.store_list_title{ width:95%; margin:0 auto;  font:400 1.5em/1.5em 'Nanum Square'; color:#63b2c7;}
			.store_list_tel{ width:95%; margin:0 auto; font:400 1.3em/1.5em 'Nanum Square'; color:#999;}
			.store_list_tel span{ font:400 0.8em/1.5em 'Nanum Square'; color:#aaa; }
			.store_list_btn{ width:95%; margin:0; padding:0;  margin:0 auto; margin-top:2vh; }
			.store_list_btn li{ float:left; width:50%; height:5vh; list-style-type:none; text-align:left; }
			.store_list_btn li.right{ float:right;  text-align:right; }
			.store_list_btn select{ width:100%; height:5vh; border:1px solid #eee; background: #fff;;}
			.store_list_btn_reserve{ height:5vh; padding:0 10px; background:#80cfe1; border:0; font:400 1em/1.7em 'Nanum Square'; color:#fff; }
			.store_list_btn_reserve_cancle{ height:5vh;padding:0 10px; background:#ca2322; border:0; font:400 1em/1.7em 'Nanum Square'; color:#fff; }
			.store_list_btn_reserve_cancle2{ height:4vh;padding:0 10px; background:#ca2322; border:0; font:400 1em/1.7em 'Nanum Square'; color:#fff; }
			.store_list_info{ width:95%; margin:0 auto;  }
			.store_list_info p{ margin:0; padding:0;  font:400 1em/2.5em 'Nanum Square'; color:#555; border-top:1px dotted #ddd; }
			.store_info_list{ margin:0; padding:0;  font:400 1em/2.5em 'Nanum Square'; color:#555; border-top:1px dotted #ddd; }
			.store_info_listb{ margin:0; padding:0;  font:400 1em/2.5em 'Nanum Square'; color:#5555557a; border-top:1px dotted #ddd; }
			.store_info_list_btn{ float:right; }





.head{ position:fixed; top:0; width:100%; height:8vh; background:#465262 url('../images/main_topbar_img1.png') no-repeat; text-align:center; z-index:100; }
	.head img{ width:24%; margin:1vh;}
.head_menu{ position:fixed; top:0; width:14%; height:8vh; text-align:center; z-index:101; }
	.head_menu img{ width:60%; margin-top:2vh;  }
.head_right{ position:fixed; top:0; right:0; width:30%; height:8vh; text-align:right;z-index:102; color:#fff; }
.head_right a{ color:#fff;}
	.head_right img{ width:10%; margin-top:2vh;  }

.foot_menu{ bottom:0; width:100%; height:7.5vh; background:#95b6ca;}
	.foot_menu_list{ padding:0; 	}
	.foot_menu_list li{ float:left; width:50%; height:7.5vh; color:#fff;  font:400 1.1em/3em 'Nanum Square'; text-align:center;  list-style-type:none; }
	.foot_menu_list li img{ width:12%; }
	.foot_menu_list li.off{ background:#758d9c; }


.main_menu{ position:fixed; top:8vh; width:86%; height:92vh; background: #fefefe; border-right:1px solid #555; overflow:auto; z-index:999999; }
.cbp-spmenu-left {left: -86%; }
.cbp-spmenu-left.cbp-spmenu-open {left: 0px;}
.main_menu,.cbp-spmenu-push {	-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;	transition: all 0.3s ease;}
	.menu_title{position:relative; width:100%; height:30vh; border:0; background:#000 url('../images/pic.jpg') no-repeat; background-size:cover; background-position: center; text-align:center; z-index:401;}
	.menu_title img{ position:relative; width:27%; border-radius: 50%; margin-top:6vh;margin-left:7%; z-index:900;}
	.menu_title p{ margin-left:7%; padding-top:1vh; font:400 1em/2em 'Nanum Square'; color:#fff; }
	.menu_list{ width:100%; padding:0; }
	.menu_list li{ height:7vh; font:400 1.3em/2.7em 'Nanum Square'; color:#9197a0; list-style-type:none; }
	.menu_list li.left{ float:left; width:57%; padding-left:3%; }
	.menu_list li.right{ float:right; width:35%; padding-right:5%; text-align:right; }
	.menu_list li.right img.arrow{ width:27%;}
	.menu_list li.right img.onoff{ width:87%; }
	.menu_list li.line{ clear:both; height:1px; background: #efeff1;}
	.menu_list li.line2{ clear:both; height:1vh; background: url('../images/menu_line.png') no-repeat; background-size:100% 100%; }
	.menu_list a{ color::; color:#9197a0; text-decoration:none; }
	.menu_list a:hover{ color:#555; }


	.menu_title_point{position:absolute; top:15vh; left:20%; font:400 1em/2em 'Nanum Square'; color:#000; }
	.menu_title_score{position:absolute; width:100%; top:22vh; font:400 1em/2em 'Nanum Square'; color:#000; text-align:center;}

		/*
		.screen_menu{ position:absolute; right:5%; top:8vh; width:20%; height:10vh; padding-top:2.5vh; background: #88d1e4; border:3px solid #fff; border-radius: 50%;  font:600 1em/1em 'Nanum Square'; color:#fff; box-sizing:border-box;  }
		.screen_menu2{  position:absolute; right:5%; top:13vh; width:20%; height:10vh;}
		*/
		.screen_menu{ position:absolute; right:5%; top:8vh; width:20%; height:10vh; padding-top:2.5vh; background: #88d1e4; border:3px solid #fff; border-radius: 50%;  font:600 1em/1em 'Nanum Square'; color:#fff; box-sizing:border-box;  }
		.screen_menu2{  position:absolute; right:15%; top:4vh; width:20%; height:10vh; z-index:99;}
		.screen_menu2 img{ position:relative; width:120%;border-radius: 0%; z-index:99;}

	.h_space_1{ clear:both; padding:1%; }
	.h_space_2{ clear:both; padding:2%; }
	.h_space_3{ clear:both; padding:3%; }
	.h_space_4{ clear:both; padding:4%; }
	.h_space_5{ clear:both; padding:5%; }
	.h_space_6{ clear:both; padding:6%; }
	.h_space_7{ clear:both; padding:7%; }
	.h_space_8{ clear:both; padding:8%; }
	.h_space_9{ clear:both; padding:9%; }
	.h_space_10{ clear:both; padding:10%; }
	.h_space_11{ clear:both; padding:11%; }
	.h_space_12{ clear:both; padding:12%; }
	.h_space_13{ clear:both; padding:13%; }

/* 레이어*/
.rsmask{ position:absolute;left:0;top:0;z-index:9999;background-color:#000;display:none; }
.rsmask2{ position:absolute;left:0;top:0;z-index:9999;background-color:#000;display:none; }
.rswindow{ position:absolute; display: none; width:100%;height:200px; z-index:999; text-align:center; }
.rswindow2{ display: none; width:87%;height:200px; z-index:99999; text-align:center; }

.rswindow3{ position:fixed; left:0; top:8vh; display:none; width:100%; min-height:92vh; z-index:999; text-align:center; background: #000;  }
.rswindow4{ position:fixed; left:50%; transform:translateX(-50%);  top:8vh; width:87%; min-height:52vh;  z-index:999; text-align:center; background: #000;  }

.pop_window{position:absolute; left:0; top:0vh; width:100%; min-height:102vh;  background-color: rgba(0, 0, 0, 0.7); z-index:9999; text-align:center;  }

.login_pop_box{ position:fixed; left:50%; transform:translateX(-50%); top:0vh; width:100%;  z-index:999; text-align:center;  min-height: 100vh; background-color: rgba(0, 0, 0, 0.7);  }
	.login_pop{ position:absolute; left:50%; transform:translateX(-50%);  top:20vh; width:80%;  z-index:999; text-align:center; background: #ddd; border-radius:3vh; }
		.pop_number{ height:8vh; margin-top:7vh; color:#fff; font:700 2em/2.5em 'Nanum Square';text-align:center; letter-spacing:1em;}
		.pop_btn_box{ position:absolute; width:100%; bottom:7vh; clear:both; text-align:center;}
			.btn_pop_login{ width:40%; height:6vh; min-height:30px; text-align:center; background:#7ec3d3 ;  color:#fff; font:700 0.9em/2.3em 'Nanum Square'; outline:none; border:0;  border-radius:1vh;}
			.btn_pop_close{ width:40%; height:6vh; min-height:30px; text-align:center; background:#999 ;  color:#fff; font:700 0.9em/2.3em 'Nanum Square'; outline:none; border:0;  border-radius:1vh;}
			.btn_24{ width:50px; height:4vh; text-align:center; background:#4a5665 ; letter-spacing:-1px; color:#fff; font:400 12px/15px 'Nanum Square'; outline:none; border:0;  border-radius:1vh;}

			.slogin_list{ width:100%; margin:0;padding:0; }
			.slogin_list li{ list-style:none;  margin:0;padding:0; }
			.slogin_list li.stitle{height:50px; background: #455161;   border-top-left-radius: 3vh;  border-top-right-radius: 3vh; color:#fff; font:500 1.5em/2.3em 'Nanum Square'; }
			.slogin_list li.sput{ height:60px; padding:2vh; }
			.slogin_list li.sput input{ width:13%; height:7vh; min-height:35px; margin:0 2%; border:0;  font:700 1.3em/1.5em 'Nanum Square'; text-align:center; border-radius:1vh; }
			.slogin_list li.sbtn{ padding:2vh; }

		.sc_login{   margin:0; padding:0; width:80%; margin:0 auto; margin-top:10.5vh; }
		.sc_login li{ float:left;  list-style-type:none; width:20%; height:8.5vh; margin:0 2%; border-radius:2vh;background: #fff;  font:700 2em/2em 'Nanum Square';text-align:center; }
		.sc_login li input{ width:70%; height:6vh; margin:0 2%; border:0;  font:700 1em/1.5em 'Nanum Square'; text-align:center; }

	.pop_left{ float:left; width:60%; background: #fff; }
	.pop_right{ float:right; width:40%; background: #fff; }


	.pop_title{ float:left; color:#fff; font:700 1.5em/1.5em 'Nanum Square'; text-align:left; } 
	.pop_title span{ color:#88d1e4; font:700 1em/1em 'Nanum Square'; } 
	.pop_btn{ float:right; width:18%; text-align:right; }
		.pop_colse_btn{ height:4vh; background: #68acc1; padding:0 10%; border:0; border-radius:1vh; color:#fff; font:400 1.5em/1.2em 'Nanum Square';outline:none; }
	.pop_con{ clear:both; width:100%; min-height:10vh;  overflow:hidden; }
		.pop_tab{ height:6vh; padding:0; background:#f8f8f8; list-style-type:none; }
		.pop_tab li{ float:left; width:40%; height:6vh; font:400 1.2em/2.2em 'Nanum Square'; border-sizing:border-box; }
		.pop_tab li.on{ border-bottom:0.5vh solid #68acc1; color:#68acc1;  font:600 1.2em/2.2em 'Nanum Square';}

		.pop_tab2{ float:left; width:100%; padding:0; margin:0; list-style-type:none; }
		.pop_tab2 li{ float:left; width:44%; height:6vh; padding:0; margin-right:1px; } 
		.pop_tab2 li.off{ background: #fff; font:400 0.9em/3.2em 'Nanum Square';  }
		.pop_tab2 li.on{ background: #68acc1; color:#fff; font:500 0.9em/3.2em 'Nanum Square'; }
		.pop_tab2 li.btn{ float:right; width:10%; background: none; text-align:right; }
		.pop_colse_btn2{ height:4vh; background: #68acc1; border:0; border-radius:1vh; color:#fff; font:400 1.5em/1.2em 'Nanum Square';outline:none; }
		.pop_con2{ clear:both; width:100%; min-height:10vh; padding: 5vh 5%; border-top:1px solid #68acc1; background:#fff;  overflow:hidden;}
		.pop_con2 p.text{ font:400 1.1em/1.5em 'Nanum Square'; }
		.pop_con2 p.text span{ font:500 1.1em/1.5em 'Nanum Square'; color:#68acc1; }
		.pop_con2 p.text2{ border-top:1px dotted #eee; color:#999; font:300 0.9em/1.5em 'Nanum Square'; }
		.pop_con2 p.text3{  font:400 0.9em/1.5em 'Nanum Square';}
		.pop_con2 p.text4{ font:700 1em/1em 'Nanum Square'; text-align:left; }
		.pop_con2 p.text5{ padding-top:5vh;font:700 5em/1em 'Nanum Square';  color:#68acc1; }
		.pop_con2 p.text6{ padding-top:5vh;font:500 2em/1em 'Nanum Square';  }

		.pop_btn_list{ width:100%; margin:0; padding:0; }
		.pop_btn_list li{ float:left; height:6vh;  list-style-type:none; }
		.pop_btn_list li.put2{ width:70%; background: #ddd; }
		.pop_btn_list li.btn2{ width:30%; background: #ccc; }
		.btn2_input{ width:100%; height:6vh; margin:0; background: #fff; padding:1vh 5%; border:1px solid #eee; color:#555; font:400 1em/1.4em 'Nanum Square'; outline:none; }
		.btn2_btn{ width:100%; height:6vh; margin:0; background: #68acc1; border:0;  color:#fff; font:400 1em/1.4em 'Nanum Square';outline:none; }
		.btn3_btn{ width:40%; height:7vh; background: #68acc1; border:0; border-radius:1vh; color:#fff; font:400 1.5em/1.5em 'Nanum Square';outline:none; }



		.pop_data_table{ clear:both; width:100%; border-collapse: collapse; border:0; padding:0; margin:0;  }
		.pop_data_table thead tr th{ height:8vh; text-align:center;  font:400 1.2em/1.7em 'Nanum Square';}
		.pop_data_table thead tr th.point{ color:#60a6b9;}
		.pop_data_table tbody tr{ background:#e0e5ec; padding:0; margin:0;}
		.pop_data_table tbody tr td{ height:16vh; }
		.pop_data_table tbody tr.line{ height:0; background: #fff; }		
		.pop_data_table tbody tr td{padding-top:1.2vh; color:#89919d; font:350 1.6em/1.9em  'Nanum Square'; vertical-align:center; }
		.pop_data_table tbody tr td.line2{height:0.1em; padding:0;}
		.pop_data_table tbody tr td.t_bg{ height:16vh;  padding-top:0; padding-right:4%; color:#fff; font:400 1.1em/1.2em 'Nanum Square'; background:#f5f5f5 url('../images/pop_title_bg.png') no-repeat;  letter-spacing:0;  background-size:100% 100%; }
		.pop_data_table tbody tr td.point2{ color:#000; background: #f9f9f9;}
		.pop_data_table tbody tr td input { width:70%; text-align:center; border:none;border-right:0px; border-top:0px; boder-left:0px; boder-bottom:0px; background: #e0e5ec;}

		.pop_data_table1{ clear:both; width:100%; border-collapse: collapse; border:0; padding:0; margin:0;  }
		.pop_data_table1 thead tr th{ height:8vh; text-align:center;  font:400 1.2em/1.7em 'Nanum Square';}
		.pop_data_table1 thead tr th.point{ color:#60a6b9;}
		.pop_data_table1 tbody tr{ background:#e0e5ec; padding:0; margin:0;}
		.pop_data_table1 tbody tr td{ height:16vh; }
		.pop_data_table1 tbody tr.line{ height:0; background: #fff; }		
		.pop_data_table1 tbody tr td{padding-top:1.2vh; color:#89919d; font:350 1.6em/1.9em 'Nanum Square'; vertical-align:center; }
		.pop_data_table1 tbody tr td.line2{height:0.1em; padding:0;}
		.pop_data_table1 tbody tr td.t_bg{ height:16vh;  padding-top:0; padding-right:4%; color:#fff; font:400 1.1em/1.2em 'Nanum Square'; background:#f5f5f5 url('../images/pop_title_bg.png') no-repeat;  letter-spacing:0;  background-size:100% 100%; }
		.pop_data_table1 tbody tr td.point2{ color:#000; background: #f9f9f9; padding-right: 6%;}
		.pop_data_table1 tbody tr td input { width:100%; text-align:center; border:none;border-right:0px; border-top:0px; boder-left:0px; boder-bottom:0px; background: #f9f9f9;}

		.pop_data_table2{ clear:both; width:100%; border-collapse: collapse; border:0; padding:0; margin:0;  }
		.pop_data_table2 tbody tr td{ height:15vh;background:#f3f3f3; padding:0; margin:0; vertical-align:center; border-bottom:1px solid #c7c7c7; border-right:1px solid #c7c7c7; }
		.pop_data_table2 tbody tr td{ color:#c9ced5;  font:600 1.5em/1em 'Nanum Square'; }
		.pop_data_table2 tbody tr td.point{ color:#636d7a; }
		.pop_data_table2 tbody tr td.end{ border-right:0;}


		.pop_reserve_table{ clear:both; width:100%; border-collapse:collapse; border:0; padding:0; margin:0; background: #fff; box-sizing:border-box; }
		.pop_reserve_table tbody tr td{ font:400 1.1em/1.5em 'Nanum Square'; box-sizing:border-box; padding:5px; }
		.pop_reserve_table tbody tr td.text{  height:6vh; min-height:40px; background: #eee; }
		.pop_reserve_table tbody tr td.title{ height:6vh; min-height:40px; padding-top:10px; font:400 1em/1em 'Nanum Square'; }
		.pop_reserve_table tbody tr td.ta{ height:30vh; min-height:100px; }
		.pop_reserve_table tbody tr td.ta textarea{ width:100%; height:30vh; padding:10px; border:1px solid #ddd; font:400 1em/1em 'Nanum Square'; }
		.pop_reserve_table tbody tr td.btn{ height:8vh; min-height:50px; }
		.store_list_btn_reserve{ height:5vh; padding:0 10px; background:#80cfe1; border:0; font:400 1em/1.7em 'Nanum Square'; color:#fff; }
		.store_list_btn_reserve_cancle{ height:5vh;padding:0 10px; background:#ca2322; border:0; font:400 1em/1.7em 'Nanum Square'; color:#fff; }



.rswindow2{ display: none;  width:87%; height: 200px; z-index:99999; text-align:center; }