﻿@charset "utf-8";

/* common */
.borRN { border-right:none !important; }
.fs16 { font-size:16px !important; }

#wrapHeader { 
	width:100%;
	position:relative;
}

/* 서브 컨텐츠 */
.subContainer { 
	width:100%;
	float:left;
	margin-top:1px;
	/*margin-top:120px;
	 background:yellow; */
}
.s_comm { 
	width:100%;
	float:left;
	height:150px;
	background:url(/www/event/run31/img/s_comm_img.jpg) no-repeat 0 0;
	background-size:cover;
}
.s_comm_text { 
	width:66.66%; 
	margin:0 auto; 
	text-align:right; 
}
.s_comm_text img {
	margin:30px 150px 0 0; 
}
.subcontents { 
	width:66.66%;
	margin:0 auto;
}
.s_contents { 
	width:100%; 
	float:left; 
	margin-top:3em; 
	padding-bottom:2em; 
}
.wr_substance { width:76.56%; margin:0 auto; }
.substance { width:100%; float:left; }

.contents_sub { width:100%; }
.stepBox { width:100%; }
.stepBox ul li { 
	width:33.3%;
	float:left;
	background:url(/www/event/run31/img/ico_arrow2.gif) no-repeat center right;
	text-align:center;
}
.stepBox ul li.last { background:none; }
.stepBox ul li .stBox { 
	display:inline-block;
	width:76px;
	height:76px;
	background:#efefef;
	border-radius:50%;
}
.stepBox ul li .stBox b { 
	line-height:76px; 
	font-size:18px; 
	letter-spacing:-2px;
	font-weight:normal;
}
.stepBox ul li .st_tit { 
	margin-left: .5em;
	font-size:18px;
	/* font-weight:bold; */
}
.stepBox ul li.on .stBox { 
	background:#6a33c4;
}
.stepBox ul li.on .stBox b { color:#fff; }
.stepBox ul li.on .st_tit { color:#6a33c4; }

.agrBox { width:100%; float:left; margin-top:1.5em; }
/* 체크박스 */
.checkBox { width:100%; float:left; text-align:left; }
.all_chBox { 
	display:block;
	padding:1em;
	background:#efefef;
	border-radius:5px;
	border:1px solid #d9d9d9;
	text-align:left;
}
.checkBox label, .all_chBox label { 
	margin-left: .3em; 
	font-size:15px;
	vertical-align:middle;
}
.inagrBox { width:100%; float:left; margin-top:1.5em; }
.in_agBox { 
	display:block;
	overflow-y:scroll;
	height:200px;
	padding:1.5em;
	border-radius:5px;
	border:1px solid #d9d9d9;
}
.in_ag_tit { 
	margin-bottom: .5em;
	font-size:15px;
	text-align:left;
	font-weight:bold;
}
.in_agtext { 
	width:100%;
	text-align:left;
	line-height:150%;
}
.in_agtext dt { 
	margin-bottom: .2em;
	font-size:15px;
	font-weight:bold;
	color:#3d3d3d;
}
.in_agtext dd { 
	line-height:150%;
	text-align:justify
}
.color_f93861 { color:#f93861 !important; }
ul.in_agtext li { font-size:15px; }

.textB { width:100%; float:left; }
.textB .in_agtext dt { font-size:16px; }
.textB .in_agtext dd, .textB .in_agtext dd p { 
	font-size:15px; 
	line-height:160%;
}
.fs15 { font-size:15px !important; }
.fs14 { font-size:14px !important; }




/* 접수마감 */
.dateBox { 
	display:block;
	padding:2em;
	margin-top:3em;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
}
.dateBox p { 
	font-size:15px;
	text-align:center;
	line-height:160%;
}


/* 접수 버튼 */
.wrapBtn { width:50%; margin:0 auto; }
.wrapBtn .btn50 { 
	display:inline-block;
	width:40%; 
	margin-top:30px; 
	padding:15px 0;
	color:#fff;
	text-align:center;
}
.btn_apply, .btn_download { background:#6a33c4; }
.btn_apCheck, .btn_cancel { background:#484848; }


/* 테이블 */
.adv { 
	width:100%;
	float:left;
	padding:10px 0;
	font-size:15px;
	margin-bottom:20px;
	text-align:left;
	border-top:1px dashed #ddd;
	border-bottom:1px dashed #ddd;
}
.adv span { margin-left:10px; }
.tbl { width:100%; float:left; }
.tbl table { width:100% !important; }
.m_tbl_type2 { display:none; }
.tbl_type { width:100%; }
.tbl_type th, .tbl_type td { 
	padding:8px 0;
}
.tbl_type th { background:#464646; color:#fff; }
.tbl_type td { 
	padding-left:5px;
	padding-right:5px;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	box-sizing:border-box;
}
.tbl_type #bg_f5f5f { background:#f5f5f5; }
.tbl_type td span { vertical-align:0; }

input::placeholder { color:#7d7d7d; }
::-webkit-input-placeholder { color:#7d7d7d; }
:-ms-input-placeholder { color:#7d7d7d; }

.userName, .birthDay, .addr, .phone { 
	width:80%; 
	padding:5px 0;
	border:1px solid #ddd;
	border-radius:3px;
}
.birthDay { width:50%; }
.addr { width:88%; }
.phone { width:50%; }
.selBox { 
	padding:5px 0;
	border:1px solid #ddd;
	border-radius:3px;
}
.addBox { 
	width:100%; 
	float:left; 
	margin-bottom:15px;
	text-align:left; 
}
.addBox button { 
	display:inline-block;
	padding:5px 10px;
	border-radius:3px;
	vertical-align:middle;
	color:#fff;
}
.btn_add { background:#f93861; }
.btn_minus { background:#484848; }

.tsize { 
	width:100%; 
	float:left; 
	margin-top:2em; 
	text-align:center; 
}
.apply_fin { 
	width:100%;
	float:left;
	margin:3em 0 2em 0;
	padding:2em 0;
	text-align:center;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.apply_fin p { display:block; margin-top:1em; font-size:16px; }

/* 대회요강 */
.wrapTab { width:100%; float:left; }
.tabmenu { width:100%; float:left; }
.tabmenu li { 
	width:50%;
	float:left;
	padding:20px 0;
	background:#efefef;
	font-size:15px;
}
.tabmenu li a { display:block; color:#464646; }
.tabmenu li.on { background:#4d1a9f; }
.tabmenu li.on a { color:#fff; }

.sub_img { width:100%; float:left; margin-top:1.2em; }
.sub_img img { width:100%; }

/* 테이블 */
.tbl_type3, m_tbl_type3, .tbl_type4, .tbl_type5 { width:100%; }
.tbl_type3 th, .tbl_type3 td, .m_tbl_type3 th, .m_tbl_type3 td, .tbl_type4 th, .tbl_type4 td { 
	padding:15px 0;
	padding-left:10px;
	text-align:left;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
}
.tbl_type3 th, .m_tbl_type3 th, .tbl_type4 th, .tbl_type5 th { background:#f5f5f5; }
.tbl_type3 td, .m_tbl_type3 td, .tbl_type4 td { font-size:15px; line-height:150%; }
.m_tbl_type3 { display:none; }

.tbl_type5 th, .tbl_type5 td { 
	padding:12px 0;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	text-align:center;
	font-size:15px;
}
.tbl_type5 td { line-height:160%; }
.t-a-left { text-align:left !important; }







/* 미디어쿼리 */
@media screen and (max-width:1366px) {
	.s_comm_text { 
		width:100%; 
		float:left; 
		text-align:left; 
	}
	.s_comm_text img {
		float:left;
		margin-top:30px;
		margin-left:2.5em;
	}
	/* 서브컨텐츠 */
	.subcontents { width:100%; }
	.wr_substance { width:90%; }
	
	
}

@media screen and (max-width:1280px) {
	.s_comm_text { width:100%; float:left; }
	.s_comm_text img {
		float:left;
		margin-top:30px;
		margin-left:2.5em;
	}
	.subcontents { width:100%; }
	.wr_substance { width:90%; }

}

@media screen and (min-width:980px) and (max-width:1024px) {

	
}


@media screen and (max-width:800px) {
	/*.subContainer { margin-top:85px; }*/
	.s_comm_text { width:95%; }
	/* 서브컨텐츠 */
	.wr_substance { width:94%; }
	/* step */
	.stepBox ul li .stBox { 
		display:inline-block;
		width:60px;
		height:60px;
		background:#efefef;
		border-radius:50%;
	}
	.stepBox ul li .stBox b { 
		line-height:60px; 
		font-size:16px; 
		letter-spacing:-2px;
		font-weight:normal;
	}
	.stepBox ul li .st_tit { 
		margin-left: .5em;
		font-size:16px;
		/* font-weight:bold; */
	}
	/* 참가신청 */
	.tsize img { width:100%; }
	
}

@media screen and (max-width:768px) {



}

@media screen and (max-width:640px) {
	.s_comm { height:120px; }
	.s_comm_text img {
		width:80%;
		margin-top:20px;
	}
	/* 서브컨텐츠 */
	.wr_substance { width:90%; }
	/* step */
	.stepBox ul li .stBox { 
		display:block; 
		margin:0 auto;
	}
	.stepBox ul li { background-position:right 20px; }
	.stepBox ul li .st_tit { 
		display:block; 
		margin-top:8px; 
		margin-left:0; 
	}
	/* 접수버튼 */
	.wrapBtn { width:80%; }
	.adv.mT40 { margin-top:25px !important; }
	/* 테이블 */
	.tbl_type { display:none; }
	.m_tbl_type2 { width:100% !important; display:table; }
	.m_tbl_type2 th, .m_tbl_type2 td { padding:10px 0; }
	.m_tbl_type2 td { 
		padding-left:10px;
		border-right:none !important; 
		border-top:1px solid #ddd;
		border-bottom:1px solid #ddd;
		text-align:left;
	}
	.m_tbl_type2 .borT_ddd { border-top:1px solid #ddd; }
	.m_tbl_type2 th { background:#464646; color:#fff; }
	.m_tbl_type2 th.i_member { 
		padding-left:20px;
		background:#efefef; 
		color:#464646; 
		text-align:left; 
	}
	.addr { width:90%; }
	/* 대회요강 */
	.tbl_type3 { display:none; }
	.m_tbl_type3 { display:table; }
	
}

@media screen and (max-width:600px) {
	/* 서브 컨텐츠 */
	/* 참가신청 */
	.adv span { margin-left:0; }
	
}

@media screen and (max-width:568px) {

}

@media screen and (max-width:480px) {
	/*.subContainer { margin-top:65px; }*/
	.s_contents { margin-top:1.5em; }
	.s_comm { height:100px; }
	.s_comm_text img {
		margin-left:1.5em;375
	}
	/* 대회요강 */
	.contents_sub.mT40 { margin-top:25px !important; }
	.adv.mB { margin-bottom:5px !important; }
	
}

@media screen and (min-width:412px) and (max-width:414px) {
	.s_comm { height:80px; }
	.s_comm_text img {
		margin-left:1.5em;
		margin-top:15px;
	}
	/* 접수 버튼 */
	.wrapBtn { width:100%; }
	.wrapBtn .btn50 { width:49%; }
	
	/* 대회요강 */
	.tabmenu li { padding:15px 0; }
	.contents_sub.mT40 { margin-top:25px !important; }
	.contents_sub .adv.mB { margin-bottom:0; }
	.sub_img { margin-top:25px !important; }
	
}

@media screen and (max-width:375px) {
	.s_comm { height:80px; }
	/* stepbox */
	.stepBox ul li .stBox b, 
	.stepBox ul li .st_tit { font-size:15px; letter-spacing:-2px; }
	/* 접수 버튼 */
	.wrapBtn { width:100%; }
	.wrapBtn .btn50 { width:49%; }
	
}

@media screen and (max-width:360px) {

}

@media screen and (max-width:320px) {

}