/*---------------------------------------------------basic--------------------------------------------------*/
		
			/* reset-css  */
			/* 요소(element) 여백 초기화  */
			*{margin:0;padding:0;}
			/* 제목요소 */
			h1, h2, h3, h4, h5, h6 { font-size:100%;   font-weight:normal;} 
			/* 테두리 없애기 */
			fieldset, img, abbr,acronym { border:0 none; } 
			/* 목록 */
			 ul { list-style:none; }
			/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
			table {border-collapse: separate;border-spacing:0;border:0 none;}
			caption, th, td {text-align:left;font-weight: normal;}
			/* 텍스트 관련 요소 초기화 */
			address, caption, strong, em, cite {font-weight:normal;font-style:normal;}
			ins { text-decoration:none; }
			del { text-decoration:line-through; }
			/* 인용문 */
			blockquote:before, blockquote:after, q:before, q:after { content:""; }
			blockquote,q { quotes:"" ""; }
			/* 수평선*/
			hr { display:none; }
			/* reset-css  */
			*{margin:0px; padding:0px; -webkit-box-sizing: border-box;
 			-moz-box-sizing: border-box; box-sizing: border-box;}
 			/*보더와 패딩을쓸때(마진아님) 위드스값에 포함시켜서 별도의계산없이 편하게쓸수있음*/
 			

					.hide{display:none;}
					a{text-decoration:none;color:#000000;}
					li{list-style:none;}
					.block{display:block;}
					.border_right_none{border-right:0px solid #fff;}
					.border_left_none{border-left:0px solid #fff;}
					.border_top_none{border-top:0px solid #fff;}
					.border_bottom_none{border-bottom:0px solid #fff;}
					.border_none{border:0px solid #fff;}
					
					/*전체*/
					
					.inline{
						display: inline-block;
						*display: inline;
						*zoom:1;
						}


					body {
						overflow-y:scroll;
						font-family:"NanumBarunGothic", "나눔바른고딕";
						font-size:100%;
						line-height: inherit;
						color: #000;background:#363636;
						}



/*---------------------------------------------------basic-end----------------------------------------------*/



/* @font-face{
  font-family:"NanumBarunGothic"; 
  src:url("/css/fonts/NanumBarunGothic.eot");
  src: url("/css/fonts/NanumBarunGothic.eot') format('embedded-opentype'),
      url("/css/fonts/NanumBarunGothic.woff")format("woff"),
	  url("/css/fonts/NanumBarunGothic.ttf")format("truetype");
} */

@font-face{
  font-family:"NanumBarunGothic"; 
  src:url("/css/fonts/NanumBarunGothic.eot");
  src:local(※), url("/css/fonts/NanumBarunGothic.woff")format("woff");
}

/*-----------font----------------------------------------------------------------------------------------*/









		   .container{
		   margin: 0 auto;
		   max-width: 1900px;
                   margin-top:47px;
		   display: block;
		   }

.section{position:relative; width:67%; margin:0 auto; padding:4% 0;}

.topline{position:relative; background:#fafafa; width:100%; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #E2E2E2;}
.topline div{width:67%; margin:0 auto; background-repeat:no-repeat; background-position:0% 0%;}
.topline p{font-size:13px; color:#292929;;}
.topline p a{color:#5C5C5C;}
.topline p a:hover{color:#BE0445;}
.topline p span{font-size:8px; padding:0 5px;line-height:2.2em; }
.topline p .r_txt{color:#BE0445;}

.title_cover{positon:relative; padding-bottom:65px; }
.title_sector{padding-bottom:88px; border-bottom:1px solid #c6c6c6;}
.title_sector > div{float:left;}
.title_sector .title{font-size:44px;}
.title_sector .txt{font-size:16px; color:#4e4d4d; padding-top:5px;}
.title_sector .step{float:right; width: 414px; height:65px; background:url('images/step.png') -44px -110px no-repeat;}



.join_cover{width:100%;}
.join_cover .join_title{ border-bottom:2px solid #4c4c4c; padding-bottom:10px;}
.join_cover .join_title .title{font-size:15px;font-weight:bold;}
.join_cover .join_title .txt{font-size:13px; color:#868585; padding-left:5px;}
.join_cover .join_sel > div{float:left; width:100%; margin-bottom:70px;}
.join_cover .join_sel .sel_con{padding:5%; background-color:#f7f7f7;  color:#636363; font-size:13px; line-height:20px;}
.join_common{padding:5%; border-right:1px dotted #c6c6c6; padding-right:12%; vertical-align:top;}
.join_common .txt{font-size:15px; color:#363636;}
.join_common .btn a{border:1px solid #363636; width:88px; background:#f7f7f7;height:35px; line-height:35px; display:block; padding:0; text-align:center; font-family:"NanumBarunGothic", "나눔바른고딕"; font-size:14px;}
.join_common .btn a:hover{background:#363636; color:#fff;}

.join_facebook{padding:5%; padding-left:12%;  vertical-align:top;}
.join_facebook .txt{font-size:15px; color:#466298;}
.join_facebook .btn a{border:1px solid #466298; width:88px; background:#f7f7f7;height:35px; line-height:35px; display:block; padding:0; text-align:center; color:#466298; font-family:"NanumBarunGothic", "나눔바른고딕"; margin-left:10px; font-size:14px;}
.join_facebook .btn a:hover{background:#466298; color:#fff;}

.btn{text-align:center; padding-top:15px;}

/*line-공통*/

.group_botline{
			   height: 0px;
			   width:100%;
			   float:left;
			   /* margin-top:30px;*/
			   border-top: 1px solid #C4C4C4;
			   text-indent:-9999px;
			   }



.on_bold{font-weight:bold;}



#top_btn{width:100%;
		 float:left;;}

/*
#top_btn a{float:right;
		   width:45px;
		   height:45px;
		   font-size:15px;
		   font-weight:bold;
		   color:#fff;
		   background:#b7b7b7;}

#top_btn a span{width:45px;
				height:45px;
				display:table-cell;
				vertical-align:middle;
				text-align:center;}

*/

/*---------------------------------------------------------------------------------------------------------------------*/



/*media query*/

@media screen and (max-width:340px) {
.join_cover .join_sel .sel_con{padding:2%;}
	}
@media screen and (min-width:320px) and (max-width:660px) {
.section{width:100%;margin:0 auto;}
.join_cover .join_title .title{padding-top:20px;}
.join_cover .join_title .txt{padding-left:0;}
.title_cover{padding-top:30px; padding-bottom:0;}
.title_sector{padding-bottom:65px;}
.title_sector div{width:100%;}
.title_sector .title{font-size:26px;}
.title_sector .txt{font-size:12px; padding-left:4%;width:100%;}
.title_sector .step{display:none;}
.topline div{width:96%; margin-left:4%;}
.join_cover .join_sel > div{margin-bottom:0;}
.title{padding-left:4%;}
.group_botline{margin-top:0;}
}


@media screen and (min-width:661px) and (max-width:960px) {
.title_sector .step{width:65px; background-position:-151px -110px;}
.section{width:92%;}
.title_sector{padding-top:20px;}
}

@media screen and (max-width:1144px) {
.title_sector .step{width:65px; background-position:-151px -110px;}
}

@media screen and (min-width:961px) and (max-width:1272px) {
.section{overflow:hidden;}



}