/*---------------------------------------------------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:6px; 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:15px; border-bottom:1px solid #c6c6c6;}
.title_sector .title{font-size:44px;}
.title_sector .txt{font-size:16px; color:#4e4d4d; padding-top:5px;}




.login_cover{width:100%;}
.box{border:1px solid #c6c6c6; position:relative;}

.left_con{width:50%;float:left; overflow:hidden;}
.event_banner{position:absolute; top:0; width:50%; height:100%; overflow:hidden;}
.event_banner img{float:left;width:100%;height:100%;}
.right_con{width:50%; left:50%; position:relative;}
.right_inn{height:420px; padding:10% 0; border-left:1px solid #c6c6c6;}
.login_input{float:left; width:63%; margin:0 3% 0 5%}
.login_input ul{width:100%; padding:0; margin:0;}
.login_input li{float:left; position:relative; width:100%; height:50px; font-size:14px; line-height:50px; padding-left:15px;letter-spacing:normal; margin-bottom:15px;}
.login_input li .labeltxt{font-family:"NanumBarunGothic", "나눔바른고딕"; height:50px; line-height:50px; width:100%; border:1px solid #c6c6c6; padding-left:10px;}
.login_input .login_etc{font-size:13px; line-height:10px;}
.right_inn p.login_btn{float:left; width:21%;}
.right_inn p.login_btn a{float:left; width:100%; height:115px; line-height:115px; display:block; padding:0; color:#fff; cursor:pointer; font-size:18px; background:#BE0445; text-align:center; border:1px solid #900344; font-family:"NanumBarunGothic", "나눔바른고딕"}

.join_box{float:left; width:61%; margin:0 3% 5% 7%; padding:20px 15px; background:#f7f7f7; height:93px;}
.join_box > div{font-size:12px; color:#4e4d4d;}
.join_box > div > span{font-size:16px; color:#000; padding-bottom:10px; line-height:25px; }
.right_inn p.join_btn{float:left; width:21%;}
.right_inn p.join_btn a{float:left; width:100%; height:93px; line-height:17px; display:block; padding:0; color:#fff; cursor:pointer; font-size:14px; background:#636363; text-align:center; padding-top:20%; border:1px solid #c6c6c6; font-family:"NanumBarunGothic", "나눔바른고딕"}

/*popup*/
	.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
		.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
		.layer .pop-layer {display:block;}

	.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 21%; height:auto;  background-color:#fff; z-index: 10;}	
	.pop-layer p.ctxt {color: #666; line-height: 25px;}
	.pop-layer .ctxt .layer_title{font-size:21px; color:#fff; background:#c70c47;padding:15px 20px 10px;} 
	.pop-layer .ctxt .layer_txt{font-size:14px; line-height:18px; padding:30px 20px; #464646;} 
        .pop-layer .ctxt .layer_txt span{font-weight:bold;}
	.pop-layer .btn-r {width: 100%; padding: 20px; border-top: 1px solid #c6c6c6; text-align:right;}

	a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #7D7D7D; background-color:#959595; font-size:13px; color:#fff; line-height:25px;}	
	a.send_btn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #AF083D; background-color:#C70C47; font-size:13px; color:#fff; line-height:25px;}
	a.cbtn:hover {border: 1px solid #7D7D7D; background-color:#4E4D4D; color:#fff;}
	a.send_btn:hover {border: 1px solid #AF083D; background-color:#900344; color:#fff;}




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






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



/*media query*/


@media screen and (min-width:320px) and (max-width:660px) {
.section{width:100%;margin:0 auto;}

.title_sector{padding-left:4%;}
.title_cover{padding-top:30px; padding-bottom:0;}
.title_sector .title{font-size:26px;}
.title_sector .txt{font-size:12px;}

.topline div{width:96%;
                 margin-left:4%;}

.box{float:left;width:100%; border:0;}
.right_con{width:100%;float:left;left:0; border-top:1px solid #c6c6c6;}
.right_inn{border-left:0px solid #fff;}

.login_input{margin:0 2% 0 0}
.login_input .login_etc{line-height:30px;}
.login_input li{height:30px; margin-bottom:24px;}
.right_inn p.login_btn{width:30%;}
.right_inn p.login_btn a{height:104px;}
.login_input .login_etc{font-size:12px;}
.join_box{height:107px; margin:0 2% 0 4%; width: 59%; padding:15px 13px;}
.join_box > div > span{font-size:14px;}
.right_inn p.join_btn{width:30%; height:107px;}
.right_inn p.join_btn a{height:107px; padding-top:32%; height:107px;}

.left_con{width:100%;}
.event_banner{width:100%;
		   	  height:auto!important;
		   	  float:left;
		   	  position:relative!important;
		   	  left:0;
		   	  top:0;}

.event_banner img{width: 100%; height: 100%; top: 0px; left: -57px;}

.pop-layer{width:100%;}
.group_botline{margin-top:0;}

}

@media screen and (min-width:661px) and (max-width:960px) {
.title_sector{padding-top:20px;}
.section{width:92%;}
.box{float:left;width:100%;}
.right_con{width:100%;float:left;left:0; border-top:1px solid #c6c6c6;}
.right_inn{border-left:0px solid #fff; height:217px;}

.left_con{width:100%;}
.event_banner{width:100%;
		     height:auto!important;
		     float:left;
		     position:relative!important;
		     left:0;
		     top:0;}

.event_banner img{width: 100%; height: 100%; top: 0px; left: -57px;}

}

.pop-layer{width:43%;}

@media screen and (min-width:961px) and (max-width:1272px) {
.section{overflow:hidden;}
.box{float:left;width:100%;}
.right_con{width:100%;float:left;left:0; border-top:1px solid #c6c6c6;}
.right_inn{border-left:0px solid #fff; height:250px;}
.left_con{width:100%;height:auto;}
.event_banner{width:100%;
		   	  float:left;
		   	  position:relative!important;
		   	  left:0;}

.event_banner img{width:100%;}


}