@charset "utf-8";


.color_ff2486 { color:#ff2486; }

/* 공통 */
.waiting_img img { width:100%; float:left; }

/* 레이아웃 */
#wrap { width:100%; }
#wrapContainer { width:100%; float:left; }

/* 중앙정렬 */
.layer_center { width:100%; clear:both; }
.ly_center { margin:0 auto; text-align:center; width:100%; }

/* header PC */
.m_header { display:none; }
#wrapHeader { 
	width:100%;
	position:fixed; 
	top:0; 
	left:0; 
	z-index:2001;
}
.topHeader { 
	width:100%;
	float:left;
	background:#6b6b6b;
}
.t_header { 
	width:66.66%;
	margin:0 auto;
}
.btn_login, .btn_logout { 
	width:8%; 
	float:right;
	line-height:30px;
	background:#ffde00;
	text-align:center;
	font-weight:bold;
}
.wr_header { 
	width:100%;
	float:left;
	height:90px;
	background-color:rgba(255, 255, 255, 0.4);
}
.header {
	width:66.66%;
	margin:0 auto;
}
h1.logo { 
	float:left; 
}
h1.logo a { line-height:88px; }

/* GNB PC */
.GNB { float:right; /* background:yellow; */ }
.gnbmenu { width:100%; float:left; }
.gnbmenu ul li { 
	float:left; 
	margin-right:50px;
	font-size:16px;
	line-height:88px;
	letter-spacing:-1px;
	font-weight:bold;
}
.gnbmenu ul li a { color:#fff; }
.gnbmenu ul li.int a { color:#6a33c4; }
.gnbmenu ul li.on { text-decoration:underline; }
.gnbmenu ul li.int.on2 a { color:#6a33c4 !important; }

.color_fff { color:#fff !important; }
/* header PC */
.gnbmenu_w { background:rgba(255, 255, 255, 1); }
.gnbmenu_w ul li a { color:#464646; }
.gnbmenu_w ul li.int a { color:#6a33c4 !important; text-decoration:underline; }



/* 메인컨텐츠 */
.container { 
	position:relative;
	top:0;
	left:0;
	z-index:1001;
}
.contents, .rolling { width:100%; float:left; }

.visual_img { width:100%; float:left; }
.visual_img li { height:1030px; }
.visual_img li.vi_img01 { 
	background:url(/event/content/run31/img/visual_img_01.jpg) no-repeat center 0;
	background-size:cover;
}
.visual_img li.vi_img02 { 
	background:url(/event/content/run31/img/visual_img_02.jpg) no-repeat center 0;
	background-size:cover;
}
.visual_img li.vi_img03 { 
	background:url(/event/content/run31/img/visual_img_03.jpg) no-repeat center 0;
	background-size:cover;
}
.visual_img li.vi_img01 .vi_txt01 { 
	position:absolute;
	margin-top:360px; 
	left:350px;
	/* text-align:center; */
}
.visual_img li.vi_img02 .vi_txt02 { 
	margin-top:350px; 
	text-align:center;
}
.visual_img li.vi_img03 .vi_txt03 { 
	/* margin-top:350px; */
	margin-top:250px;
	text-align:center;
}
.blit { 
	width:100%;
	position:absolute;
	top:950px;
	z-index:4001;
}
.blit ul { width:66.66%; margin:0 auto; }
.blit ul li { 
	display:inline-block;
	margin-right:15px; 
}
.dir_menu {
	width:66.66%; 
	margin:0 auto;
}
.direct { 
	position:fixed;
	top:150px;
	right:360px;
	z-index:4001;
}
.btn_dir_join , .btn_dir_check {
	width:100%; 
	display:inline-block;
	margin-bottom:10px;
	padding:0 20px;
	height:66px;
	line-height:60px;
	font-size:17px;
	letter-spacing:-2px;
}
.btn_dir_join span, .btn_dir_check span { margin-right: .5em;   }
.btn_dir_join { background:#ffde00; }
.btn_dir_check { background:#6a33c4; }
.btn_dir_check span { color:#fff; }





/* footer */
#wrapFooter { width:100%; float:left; }
.footer { width:100%; float:left; }
.ftBox { width:100%; float:left; border-top:1px solid #d9d9d9; padding-bottom:12px; }

.ft_sponsor { 
	width:66.66%; 
	margin:0 auto;
	padding-bottom:12px; 
}
.ft_sponsor span { 
	float:left; 
	padding-top:15px;
	margin-right:15px;
	font-size:15px;
	text-align:left;
}
.ft_sponsor ul { 
	width:90%;
	float:left;
	padding:10px 0; 
}
.ft_sponsor ul li { display:inline-block; float:left; margin-right:30px; vertical-align:0; }
.ft_sponsor ul li img { vertical-align:middle; }
.bg_efefef { background:#efefef !important; }

.footer address {
	width:100%;
	float:left;
	padding:20px 0;
	font-size:14px;
}
.footer address .adr { 
	width:66.66%;
	margin:0 auto;
}
.footer address .adr div { text-align:left; line-height:160%; }


/* print */
.prHeader { width:980px; margin:0 auto; }
.prHeader .header { 
	width:100%;
	float:left;
	padding:15px 0;
	border-bottom:2px solid #454545;
}
.prHeader .header .logo { display:inline-block; float:left; }
.prHeader .header .logo img { width:80%; float:left; }
.prHeader h2.pri_tit { 
	float:left; 
	text-align:left;
}
.prHeader h2.pri_tit span { 
	display:inline-block;
	font-size:35px; 
	font-weight:bold; 
	margin-left:-30px;
	margin-top:10px;
	letter-spacing:-1px;
}
/* 설문조사 */
/*
.pop_Logo2 { float:left; }
.pop_Logo2 img { width:50%; float:left; margin-top:8px; }

.pop_Logo .h2_p_title { 
	float:left;
	margin-left:10px;
	color:#fff;
	font-size:25px;
	text-align:left;
}*/
.wr-pop-layor { 
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.5);
	z-index:9001;
}
.pop-layor{
	position:absolute;
	top:50%;
	left:50%;
	width:500px;
	margin-left:-250px;
	margin-top:-300px;
	background:#fff;
}
.pop-layor .p_title { 
	width:100%;
	float:left;
	height:50px;
	/*background:#6a33c4;*/
	background:#222;
	line-height:48px;
	text-align:left;
}
.pop-layor .p_title span { 
	color:#fff;
	margin-left:1em;
	letter-spacing:-1px;
	font-size:16px;
	font-weight:bold;
}
.pop-layor .p_title .btn_ly_close { 
	float:right;
	margin-right:1em;
	line-height:46px;
}
.pop-layor .introduce { 
	width:100%;
	float:left;
	margin:20px 0;
	font-size:15px;
	line-height:150%;
	letter-spacing:-1px;
	text-align:center;
}
.pop-layor .formList { width:100%; float:left; }
.pop-layor .radioGroup { 
	width:50%;
	margin:0 auto;
	line-height:200%; 
	text-align:left; 
}
.pop-layor .wrapBtn { 
	width:100%;
	float:left; 
	margin-top:1.5em; 
	text-align:center;
}
.pop-layor .wrapBtn a { 
	float:left;
	padding:15px 0;
	color:#fff;
	font-size:15px;
}
.pop-layor .btn_ok { background:#6c6c6c; }
.pop-layor .wrapBtn .w100 { width:100%; }

/* 카카오 친구추가 이벤트 */
.banEvent { width:500px; float:left; }
.banEvent a img { width:100%; }

/* 홍보부스 이벤트 */
.mak_event { display:block; margin-top:60px; }
.mak_event a img { width:100%; }
.mak_event img { width:100%; }
.m_mak_event { display:none; }



/* 미디어쿼리 */
@media screen and (max-width:1366px) {
	/* header */
	.t_header, .header { width:95%; }
	
	/* 메인 */
	/* 다이렉트 */
	.direct { right:150px; }
	/* 비쥬얼이미지 */
	.visual_img li.vi_img01 .vi_txt01 { left:80px; }
			
}

@media screen and (max-width:1280px) {
	/* footer */
	.ft_sponsor, .footer address .adr { width:95%; }
	/* 메인 컨텐츠 */
	.dir_menu {	width:95%; }
	.direct { right:80px; }

}

@media screen and (min-width:980px) and (max-width:1024px) {
	/* header */
	.gnbmenu ul li { margin-right:25px; }

	/* 메인 컨텐츠 */
	.btn_dir_join, .btn_dir_check { height:55px; line-height:55px; }
	.btn_dir_join span, .btn_dir_check span, .btn_dir_join img, .btn_dir_check img { vertical-align:0; }
	
	/* 메인 */
	/* 비쥬얼이미지 */
	.visual_img li.vi_img01 .vi_txt01 { width:55%; left:50px; }
	
}


@media screen and (max-width:800px) {
	/* header */
	.topHeader, .wr_header { display:none; }
	.m_header { 
		display:block; 
		width:100%;
		float:right;
		height:85px;
		background-color:rgba(255, 255, 255, 0.5);
	}
	.m_header .logo { margin-left:2em; }
	.btn_m_menu { float:right; line-height:85px; margin-right:2em; }
	/* mobile gnb */
	.mGNB { 
		display:none;
		width:300px;
		position:absolute;
		top:0;
		right:0;
	}
	.m_gnbmenu { 
		width:100%;
		float:left;
		height:100%;
		background:#fff;
	}
	.m_gnbmenu .btn_m_login { 
		width:100%;
		float:left;
		height:85px;
		line-height:85px;
		background:#ffde00;
		text-align:left;
	}
	.m_gnbmenu .btn_m_login img { margin-left:2em; }
	.m_gnbmenu .btn_m_login span { 
		margin-left: .5em;
		font-size:16px; 
		font-weight:bold;
		color:#000;
	}
	.m_gnbmenu ul li { 
		width:100%;
		float:left;
		padding:15px 0;
		border-bottom:1px solid #ddd;
		text-align:left;
	}
	.m_gnbmenu ul li a { 
		margin-left:2em;
		font-size:16px; 
		font-weight:bold;
	}
	/* footer */
	.ft_sponsor ul { width:90%; }
	.ft_sponsor ul.last { width:88%; }
	.ft_sponsor ul li { margin-right:20px; }
	.footer address .adr { width:90%; float:left; margin-left:20px; }
	
	/* 메인 컨텐츠 */
	.visual_img li { height:640px; }
	.visual_img li img { width:50%; }
	.visual_img li.vi_img01 .vi_txt01 { margin-top:250px; }
	.blit { top:600px; }
	/* 다이렉트메뉴 */
	.direct { top:130px; right:620px; }
	.btn_dir_join, .btn_dir_check { height:45px; line-height:45px; padding:0 15px; }
	.btn_dir_join span, .btn_dir_check span { font-size:16px; }
	.btn_dir_join span, .btn_dir_check span, .btn_dir_join img, .btn_dir_check img { vertical-align:0; }
	
	
}

@media screen and (max-width:768px) {
	/* 다이렉트메뉴 */
	.direct { right:580px; }
	
	/* footer */
	.ft_sponsor ul li { margin-right:10px; }
	.ft_sponsor ul.last { width:80%; }
	

}

@media screen and (max-width:640px) {
	/* 다이렉트메뉴 */
	.direct { right:460px; }
	/* 비쥬얼이미지 */
	.visual_img li.vi_img01 .vi_txt01 { margin-top:270px; left:40px; }
	
	/* footer */
	.ft_sponsor ul { width:92%; }
	.ft_sponsor ul li { margin-right:0 !important; }
	.ft_sponsor ul li.sp_thrd { margin-left:-10px; }
	.ft_sponsor ul li.sp_last { float:right; text-align:right; margin-left:-40px; margin-right:0px !important; }
	.ft_sponsor ul li img { width:85%; margin-right:0; }
	
	
	/* 홍보부스 이벤트 */
	.mak_event { display:none; }
	.m_mak_event { display:block; margin-top:30px; }
	.m_mak_event a img { width:100%; margin-top:10px; }
	.m_mak_event img { width:100%; }
	
	
}

@media screen and (max-width:600px) {
	/* 다이렉트메뉴 */
	.direct { right:420px; }
	
	/* footer */
	.ft_sponsor ul li.sp_last { 
		float:left;
		margin-top:30px; 
		margin-left:-465px; 
		text-align:left;
	}
	.ft_sponsor ul.last { width:80%; }
	
}

@media screen and (max-width:568px) {
	/* 다이렉트메뉴 */
	.direct { right:390px; }
}

@media screen and (max-width:480px) {
	.m_header { height:65px; }
	.m_header .logo { margin-left: .5em; } 
	.m_header .logo a { line-height:65px; }
	.m_header .logo img { width:90%; }
	.btn_m_menu { 
		width:10%; 
		height:65px;
		margin-right:1em;
		line-height:65px;
	}
	.btn_m_menu img { width:100%; }
	.m_gnbmenu .btn_m_login { 
		height:65px;
		line-height:65px;
	}
	/* 메인 컨텐츠 */
	.visual_img li img { width:70%; }
	.visual_img li.vi_img01 .vi_txt01,
	.visual_img li.vi_img02 .vi_txt02 { margin-top:240px; }
	.visual_img li.vi_img03 img { width:90%; }
	.visual_img li.vi_img03 .vi_txt03 { margin-top:250px; }
	
	/* 다이렉트메뉴 */
	.direct { top:90px; right:320px; }
	.btn_dir_join, .btn_dir_check { padding:0 10px; }
	
	/* footer */
	.ft_sponsor ul { width:90%; }
	.ft_sponsor ul li.sp_thrd, .ft_sponsor ul li.sp_last { margin-top:5px; margin-left:0; }
	.ft_sponsor ul.last { width:80%; }
	.j_rail { float:left; /*margin-left:-205px; margin-top:25px;*/ }
	
	/* 설문조사 layer */
	.pop-layor{	width:400px; margin-left:-200px; margin-top:-350px; }
	.pop-layor .introduce { letter-spacing:-2px; }
	/* 카카오 친구추가 이벤트 */
	.banEvent { width:400px; }
	
}

@media screen and (min-width:412px) and (max-width:414px) {
	/* 다이렉트메뉴 */
	.direct { right:260px; }
	/* 비쥬얼이미지 */
	.visual_img li.vi_img01 .vi_txt01 { margin-top:260px; left:15px; }
	
	/* footer */
	.ft_sponsor ul { width:85%; }
	.ft_sponsor ul.last { width:70%; }
	.ft_sponsor ul.last li { margin-bottom:5px; }
	
	/* 설문조사 layer */
	.pop-layor{	width:360px; margin-left:-180px; margin-top:-250px; }
	.pop-layor .introduce { font-size:15px; margin:15px 0; }
	.pop-layor .radioGroup { width:70%; }
		/* 카카오 친구추가 이벤트 */
	.banEvent { width:360px; }
}

@media screen and (max-width:375px) {
	/* 다이렉트메뉴 */
	.direct { right:210px; }
	/* 비쥬얼이미지 */
	.visual_img li.vi_img01 .vi_txt01 { left:15px; }
	/* footer */
	.ft_sponsor ul { width:80%; }
	.ft_sponsor ul li.sp_scend { float:left; margin-top:-20px; margin-left:120px; }
	.ft_sponsor ul.last { width:72%; }
	.ft_sponsor ul.last li { margin-bottom:6px; }
	
	/* 설문조사 layer */
	.pop-layor{	width:375px; margin-left:-188px; margin-top:-250px; }
	.pop-layor .introduce { font-size:14px; }
	.pop-layor .radioGroup { width:80%; }
	/* 카카오 친구추가 이벤트 */
	.banEvent { width:375px; }
}

@media screen and (max-width:360px) {
	/* footer */
	.j_rail { margin-left:-205px; margin-top:25px; }
	.j_silk { margin-left:-150px; margin-top:25px; }
	
 	/* 다이렉트메뉴 */
	.direct { right:200px; }
	/* 설문조사 layer */
	.pop-layor{	width:360px; margin-left:-180px; margin-top:-250px; }
	/* 카카오 친구추가 이벤트 */
	.banEvent { width:360px; }
}

@media screen and (max-width:320px) {
	/* 다이렉트메뉴 */
	.direct { right:160px; }
	/* footer */
	.ft_sponsor ul.ft_sp { width:100%; float:left; }
	.ft_sponsor ul li.sp_last { float:left; margin-left:0; }
	.ft_sponsor ul.last { width:100%; }
	.j_rail { margin-left:0; margin-top:0; }
	.j_silk { margin-left:0; margin-top:0; }
	
	
	/* 설문조사 layer */
	.pop-layor{	width:320px; margin-left:-160px; }
	/* 카카오 친구추가 이벤트 */
	.banEvent { width:320px; }
}