@charset "UTF-8";

		body {height:auto; font-family:"나눔고딕","NanumGothic",ng; -webkit -text-size-abjust:auto;}

		section, footer {width:100%; float:left;}

		header {float:left; width:100%; background:#f8f8f8; border-bottom:1px solid #e4e4e4;}

		#wrap {width:1200px; margin:0 auto; position:relative;}

		#top_nav {float:right;}
		#top_nav li {float:left; padding:15px 30px; color:#333; font-size:12px; font-weight:600; border-right:1px solid #e4e4e4; cursor:pointer;}
		#top_nav li:hover {background:#262727; color:#fff;}


		h1 {float:left; color:#fff; font-weight:bold; font-size:50px; position:absolute; top:-10px; left:0; cursor:pointer;}
		


		/* 네비게이션 스타일 */
		nav {width:100%; background:#2b2b2b; float:left; border-bottom:1px solid #595959;}
		
		nav ul {float:right;}
		nav ul.menu li {float:left; width:140px; background-color:#2b2b2b; position:relative; z-index:1000;}
		nav ul.menu li a {float:left; width: 100%; text-align:center; padding:40px 0 40px 0; font-weight: bold; color: #eee; text-decoration: none; font-size:15px; font-weight:600;}
		nav ul.menu li a:hover {font-weight:bold; color:#fff; background:#fc5655;}
		nav ul.menu li ul.sub {position:absolute; top:95px; right:0; width:200px;}
		nav ul.menu li ul.sub li {width:100%; float:left; border:1px solid #595959; border-top:none;}
		nav ul.menu li ul.sub li a {width:100%; padding:20px 0 20px 10px; font-size:12px; text-align:left; position:relative;}
		nav ul.menu li ul.sub li a:after {content:"+"; position:absolute; top:20px; right:10px;}

		
		/* 메인 이미지 스타일 */
		.main_img {background:url(../img/main_img.jpg) 0 60% no-repeat; background-size:cover; height:500px; background-color:#000; border-bottom:1px solid #3c3c3c;}

		.main_bt {width:100%; text-align:center; position:relative; bottom:40px; z-index:500;}
		.main_bt a {float:left; width:240px; padding:20px 0 20px 0; border:3px solid #fff; position:relative; left:50%; margin-left:-120px; color:#fff;}
		.main_bt a:hover {color:#fc5655; font-weight:bold;}

		/* 텍스트 슬라이드 스타일 */
		.swiper-container {float:left; width:100%; text-align:center; position:relative; top:70px;}
		.swiper-slide {float:left; width:100%; text-align:center;}
		.red-slide, .blue-slide, .orange-slide {float:left;  width:100%; text-align:center;}
		.pagination {float:left; width:100%; text-align:center; position:absolute; bottom:160px; left:0;}
		.swiper-pagination-switch {display:inline-block; width:12px; height:12px; border-radius: 8px; background: #fff; margin-right:8px; cursor: pointer;}
		.swiper-active-switch {background:#fc5655; width:40px;}
		.swiper-container .text_01 {float:left; width:100%;}



		/* 배너 스타일 */
		.banner {background:url(../img/bg.gif) repeat; padding:30px 0 30px 0;}
		.banner ul {width:1090px; position:relative; left:50%; margin-left:-545px;}
		.banner li {float:left; width:250px; padding:1px 0 40px 0; border:1px solid #a6a9ab; margin:0 30px 0 0; background:#2b2b2b;}
		.banner li p {float:left; width:100%; text-align:center;}
		.banner li .style_01 {font-weight:600; color:#fff; font-size:15px; margin:20px 0 10px 0;}
		.banner li .style_02 {font-size:12px; color:#909090; font-weight:600;}
		.banner li:last-child {margin:0;}

		/* 컨텐츠 스타일 */
		.content {background:#f3f3f3; padding:30px 0 30px 0;}
		.content ul {width:1060px; position:relative; left:50%; margin-left:-530px;}
		.content li {float:left; width:250px; padding:20px 0 20px 0; text-align:left; margin:0 20px 0 0;}
		.content li:last-child {margin:0;}
		.content h3, .content h4, content p {float:left; width:100%; text-align:center;}
		.content h3 {color:#353535; font-weight:600; font-size:16px; margin:20px 0 20px 0;}
		.content h4 {color:#c40000; font-weight:600; font-size:13px; margin:8px 0 8px 0;}
		.content p {text-align:center; width:100%; float:left; color:#353535;}
		.content p a {color:#595959;}
		.content p a:hover {color:#c40000;}



		/* 하단 스타일 */
		footer {background:#2b2b2b; border-top:1px solid #3c3c3c; padding:25px 0 25px 0; color:#fff; font-size:11px; text-align:center;}


		/* Recommended */
		@font-face {
			font-family:'NanumGothic';
			src: url('css/NanumGothic.eot');
			src: url('css/NanumGothic.eot?#iefix') format('embedded-opentype'),
				 url('css/NanumGothic.woff') format('woff'),
				 url('css/NanumGothic.ttf') format('truetype');
			font-weight: normal;
			font-style: normal; 
			}	

		/* border, padding값을 앨리먼트 너비값에 더하지 않음 (모든 앨리먼트에 적용)*/	
		* { 
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
					box-sizing: border-box;
		  }

		  a {text-decoration:none;}

		

		i {margin:0 5px 0 0;}


		.link_01 {color:#000;}
		.link_01:hover {color:#c40000; font-weight:bold;}

















		  /****************** 로그인 팝업 ******************/

		  #mask {display:none; position:absolute; z-index:9000; background-color:#000; left:0; top:0; text-indent:-9999px; opacity:0.6; filter:alpha(opacity=60)}
		.layerPop{display:none; position:absolute; left:50%; top:50%; width:40%; height:450px; border:2px solid #fff; padding:20px; margin-top:-225px; margin-left:-20%; z-index:10000; font-size:16px; background:#000;}
		.layerPop .close {position:absolute; top:20px; right:20px;}
		.layerPop h3 {float:left; width:100%; font-size:30px; font-weight:600; color:#fff; padding:20px 0 20px 0; border-bottom:1px dotted #fff;}
		.layerPop p {float:left; width:100%;}
		.layerPop .text_01 {line-height:18px; font-size:13px; color:#a5a5a5; text-align:left; font-weight:600; margin:10px 0 0 0;}
		.layerPop .Bt {padding:20px 0 0 0; border-top:1px dotted #fff; margin:20px 0 0 0;}


		.main_board {width:100%; border:1px solid #7c7c7c; border-bottom:none; margin:20px 0 0 0; float:left;}
		.main_board th, .main_board td {vertical-align:middle; border-bottom:1px solid #7c7c7c;}
		.main_board th {background:#2b2b2b; color:#fff; padding:20px 0 20px 0; font-weight:600; font-size:15px;}
		.main_board td {background:#505050; padding:20px 15px 20px 15px;}
		.main_board td .input_01 {width:100%; float:left; padding:10px;}


		.button_01 {float:right; padding:15px 30px 15px 30px; font-size:14px; font-weight:600; color:#000; background:#fff;}
		.button_01:hover {background:#72bcfe; color:#000;}

		.button_02 {float:left; padding:15px 25px 15px 25px; font-size:14px; font-weight:600; color:#fff; background:#797979; margin-right:10px;}










		/****************************** 회원가입 페이지  ******************************/

		h2 {float:left; width:100%; padding:20px; color:#000; background:#fff; font-weight:600; border-bottom:4px solid #72bcfe; font-size:18px; margin:10px 0 30px 0;}

		.join .box_01 {float:left; width:100%; margin:0 0 60px 0;}
		.join .box_01 .sub_title {float:left; width:100%; text-align:left; padding:18px; color:#fff; background:#2b2b2b; font-size:13px; font-weight:600;}
		.join .box_01 .copy_01 {float:left; width:100%; padding:30px; border:1px solid #dadada; height:300px; overflow:auto; line-height:24px; font-size:13px;}
		.join .box_01 .copy_01 .sub_title {padding:5px; margin:25px 0 25px 0; background:#e6e6e6; color:#000;}
		.join .box_01 .copy_01 ol {float:left; padding:0 0 0 20px; width:100%;}
		.join .box_01 .copy_01 ol li {float:left; list-style-type:decimal; width:100%; margin:0 0 10px 0;}
		.join .box_01 .copy_01 ol ol {margin-top:20px;}
		.join .box_01 .copy_01 ol ol li {list-style-type:disc; line-height:18px; font-size:12px;}
		.join .box_01 .copy_01 p {float:left; width:100%; margin:50px 0 50px 0;}
		.join .box_01 .copy_02 {float:left; width:100%; padding:30px; background:#b1b1b1; font-size:12px; border:1px solid #9c9c9c; margin:1px 0 0 0;}
		.join .box_01 .copy_02 input, .join .box_01 .copy_02 label {float:left;}
		.join .box_01 .copy_02 label {margin-left:10px;}

		.site_button {float:left; width:100%; text-align:center; margin:0 0 40px 0;}

		.site_button button {width:150px; padding:15px 0 15px 0; font-weight:600; font-size:15px;}
		.site_button button:hover {background:#fff; border:1px solid #000;}



		.join {width:100%; float:left; margin:0 0 50px 0;}
		.join .join_s_title td {background:#2b2b2b; color:#fff; font-size:14px; padding:25px 10px 25px 10px; font-weight:600; text-align:left;}
		.join th, .join td {padding:15px 10px 15px 10px; vertical-align:middle; border-bottom:1px solid #dadada; text-align:left;}
		.join th {background:#f0f0f0; font-size:13px; font-weight:600;}
		.join input, join label {float:left; }
		.join .join_input_01 {padding:10px; width:30%; border:1px solid #b3b3b3; margin-right:10px;}
		.join tr td p {float:left; width:100%; font-size:12px; color:#727272; margin:10px 0 0 0;}