/*---------------------------------------------------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; font-family:Georgia, "Times New Roman", Times, serif;}
.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 -34px no-repeat;}



.join_cover{width:100%;}
.join_cover .join_title{ border-bottom:2px solid #4c4c4c; 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{height:260px; padding:2%; background-color:#f7f7f7; border:1px solid #c6c6c6; overflow-y:scroll; 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;}

.btn{text-align:center; padding:6% 0;}
.ok_btn a{width:150px;  background:#BE0445;  border:1px solid #900344; height:45px; line-height:45px; display:block; padding:0; color:#fff; cursor:pointer; font-size:16px; font-family:"NanumBarunGothic", "나눔바른고딕"; text-align:center;margin-right:10px;}

.cancel_btn a{width:150px; background:#c2c2c2; border:1px solid #acacac; height:45px; line-height:45px; display:block; padding:0; color:#fff; cursor:pointer; font-size:16px; font-family:"NanumBarunGothic", "나눔바른고딕"; text-align:center;}


/*line-공통*/

.group_botline{
			   height: 0px;
			   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;}



}