/*---------------------------------------------------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;
						}



/*---------------------------------------------------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;}

.title_cover{positon:relative; padding-bottom:65px; }
.title_sector{padding-bottom:60px; border-bottom:1px solid #c6c6c6;}
.title_sector > div{float:left;}
.title_sector .title{font-size:44px;/*font-weight:bold;*/}
.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 -34px no-repeat;}



.join_cover{width:100%;}
.join_cover .join_title{ border-bottom:2px solid #c6c6c6; padding-bottom:10px; margin-bottom:30px;}
.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_agree > div{float:left; width:100%; margin-bottom:30px;}
.join_cover .join_agree .agree_con{ padding:2%; background-color:#f7f7f7; border:1px solid #c6c6c6;  color:#636363; font-size:13px; line-height:20px;}
.f_bold{font-weight:bold;}
.join_cover .join_agree .agree_etc{font-size:13px; line-height:10px; margin-top:10px; color:#4E4E4E;}




/*line-공통*/

.group_botline{     height:0;
                           width:100%;
			   float:left;
			   margin-top:80px;
			   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 (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; padding-left:4%;}
.title_sector .txt{font-size:12px;padding-left:4%;}
.title_sector .step{display:none;}
.topline div{width:96%;margin-left:4%;}
.join_title{padding-left:4%;}
.agree_etc{padding-left:4%;}
.agree_con{padding:2% 4%!important;}
.group_botline{margin-top:0;}
}


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

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

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



}