/*common*/
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
*{margin:0;padding:0;font-size:15px;box-sizing:border-box;word-break:keep-all;font-weight:normal}
strong{font-weight:bold;}
body{font-family: "Noto Sans KR", sans-serif;}
input:focus{outline:none;}
.clearfix:after{display:block;content:"";clear:both}

.wrap{
	width:100%;
	background-color: #bed058;
}
.header_img{
	width:100%;
	display:block;
}
.header_wrap{
	width:100%;
	background-color:#bed058;
}
.header{
	width:100%;
	background-color:#bed058;
	padding-bottom:50px;
}
.header > img{
	width:100%;
}
.header_content{
	width:80%;
	position:relative;
	margin:0 auto;
	margin-top:50px;
	padding-top:60px;
	padding-bottom:30px;
	padding-left:5%;	
	padding-right:5%;	
	border:1px solid #b1c747;
	border-radius:15px;
	box-shadow:inset 5px 5px 10px 5px #b1c747;
}
.header_content > img{
	position:absolute;
	left:50%;
	width:60%;
	margin-left:-30%;
	top:-50px;
}
.header_content > p{
	text-align:center;
	font-size:18px;
	line-height:35px;
}
.header_content > p > span{
	display:block;
	width:60%;
	height:40px;
	line-height:40px;
	border-radius:50px;
	background-color:#af0534;
	color:white;
	margin:0 auto;
	font-size:18px;
	margin-top:10px;
	cursor:pointer;
}
.header_content > p > strong{
	font-size:18px
}
.list_wrap{
	width:100%;
	background-color:#698318;
}
.list_wrap > .list{
	width:100%;
}
.list_wrap > .list > p{
	width:20%;
	height:50px;
	float:left;
	text-align:center;
	line-height:50px;
	cursor:pointer;
	position:relative;
}
.list_wrap > .list > p > span{
	color:#EAEAEA;
	font-size:18px;
	opacity:0.6;
}
.list_wrap > .list > p > b{
	position:absolute;
	font-size:13px;
	top:-20px;
	left:50%;
	background-color:#EAEAEA;
	color:#A6A6A6;
	width:50%;
	height:30px;
	line-height:30px;
	border-radius:15px;
	margin-left:-25%;
}
.list_wrap > .list > p.on{
	background-color:white;
	border-bottom:2px solid #698318;
}
.list_wrap > .list > p.on > span{
	font-weight:bold;
	color:black;
	opacity:1;
}
.join_wrap{
	width:100%;
	background-color:#ffd586;
	padding-top:50px;
	padding-bottom:50px;	
}
.join_wrap > .join{
	width:100%;
}
.join_title{
	width:28%;
	display:block;
	margin:0 auto;
	margin-top:35px;
}
.join_input_box {
	width:80%;
	margin:0 auto;
	margin-top:50px;
	padding-top:50px;
	padding-bottom:50px;
	padding-left:10%;
	padding-right:10%;
	border:1px solid #ffc760;
	border-radius:15px;
	box-shadow:inset 5px 5px 10px 5px #ffc760;
}
.join_input_title{
	font-size:18px;
	font-weight:bold;
}
.input_id{
	width:100%;
	height:65px;
	padding-left:5%;
	margin-top:10px;
	border:none;
	border-radius:10px;
	margin-bottom:50px;'
}
.sector_box{
	width:100%;
	margin-top:10px;
}
.sector_item{
	float:left;
	width:32%;
	margin-right:2%
}
.sector_item:last-child{
	margin-right:0%;
}
.sector_item >img{
	width:100%;
	cursor:pointer;
}
.sector_item > p{
	text-align:center;
	font-size:18px;
	margin-top:10px;
}
.sector_item > p:nth-child(2){
	font-weight:bold;
}
.join_notice{
	width:80%;
	margin:0 auto;
	padding-left:2%;
	margin-top:30px;
}
.join_notice > p:nth-child(1){
	margin-bottom:20px;
}
.join_notice > p:nth-child(1) > span{
	float:left;
	font-size:17px;
	font-weight:bold;
	height:45px;
}
.join_notice > p:nth-child(1) > span:nth-child(1){
	width:7%;
	line-height:45px;
	display:block;
}	
.join_notice > p:nth-child(1) > span:nth-child(1) > img{
	height:60%;
	margin-top:10px;
}
.join_notice > p:nth-child(1) > span:nth-child(2){
	height:45px;
	line-height:45px;
	display:block;
}


.join_notice > p:nth-child(2){
	margin-bottom:20px;
}
.join_notice > p:nth-child(2) > span{
	float:left;
	font-size:17px;
	line-height:30px;
}
.join_notice > p:nth-child(2) > span:nth-child(1){
	width:2%;
}	
.join_notice > p:nth-child(2) > span:nth-child(2){
	width:90%;
}
.join_notice > p:nth-child(3){
	margin-bottom:5px;
}
.join_notice > p:nth-child(3) > span{
	float:left;
	font-size:17px;
}
.join_notice > p:nth-child(3) > span:nth-child(1){
	width:2%;
}	
.join_notice > p:nth-child(3) > span:nth-child(2){
	width:90%;
}
.join_finish_box{
	margin-top:50px;
	margin-bottom:100px;
}
.join_finish_box > p{
	width:50%;
	margin:0 auto;
	border:3px solid black;
	background-color:#c44629;
	border-radius:30px;
	font-weight:bold;
	height:65px;
	line-height:55px;
	text-align:center;
	box-shadow:3px 3px black;
	color:white;
	font-size:25px;
	cursor:pointer;
}
.award_box{
	width:100%;
	background-color:#eeeeee;
}
.award_content{
	width:100%;
}
.award_content > img{
	width:100%;
}
.first_box{
	width:100%;
	background-color:#eeeeee;
}
.first_content{
	width:100%;
}
.first_content > img{
	width:100%;
}
.overview_wrap{
	width:100%;
	background-color:#ffe57b;
	padding-bottom:50px;
}
.overview_wrap > .overview_box{
	width:80%;
	margin:0 auto;
	padding-top:50px;
}
.overview_title{
	width:28%;
	display:block;
	margin:0 auto;
	margin-top:35px;
}
.overview_content {
	width:80%;
	padding-top:50px;
	padding-bottom:50px;
	padding-left:5%;
	padding-right:5%;
	margin:0 auto;
	margin-top:50px;
	border:1px solid #fbd854;
	border-radius:15px;
	box-shadow:inset 5px 5px 10px 5px #fbd854;
	background-color:#fcdf6f;
	border-radius:15px;
}
.overview_content  > .overview_item{
	margin-bottom:20px;
}
.overview_content  > .overview_item:last-child{
	margin-bottom:0;
}
.overview_content  > .overview_item > p{
	float:left;
	font-size:18px;
	line-height:30px;
}
.overview_content  > .overview_item > p > img{
	width:100%;
	margin-top:10px;
}
.overview_content  > .overview_item > p > span{
	font-size:15px;
	color:#CC3D3D;
}
.overview_content  > .overview_item > p > button{
	width:40%;
	border:1px solid black;
	background-color:#af0534;
	border-radius:25px;
	height:30px;
	line-height:30px;
	text-align:center;
	line-height:30px;
	color:white;
	cursor:pointer;
}
.overview_content  > .overview_item > p > strong{
	font-size:18px;
}
.overview_content  > .overview_item > p:nth-child(1){
	width:20%;
	margin-right:2%;
	font-weight:bold;
}
.overview_content  > .overview_item > p:nth-child(2){
	width:78%;
}
.overview_sub_content{
	width:80%;
	margin-left:20%;
	padding-top:20px;
	padding-bottom:10px;
	padding-left:5%;
	padding-right:5%;
	background-color:#ffda51;
	border-radius:10px;
	margin-bottom:20px;
}
.overview_sub_content > p{
	margin-bottom:10px;
}
.overview_sub_content > p > span{
	float:left;
	line-height:25px;
}
.overview_sub_content > p > span > span{
	font-size:15px;
	color:#CC3D3D;
}
.overview_sub_content > p > span:nth-child(1){
	width:5%;
	margin-right:2%;
}
.overview_sub_content > p > span:nth-child(2){
	width:93%;
}
.overview_sub_content_title{
	width:100% !important;
	margin-bottom:10px;
}
.overview_sub_content_title > span{
	float:left;
	height:40px;
	line-height:40px;
	color:black !important;
}
.overview_sub_content_title > span:nth-child(1){
	width:10% !important;
	margin-right:5% !important;
}
.overview_sub_content_title > span:nth-child(2){
	width:85% !important;
	font-size:18px;
	font-weight:bold;
}
.overview_sub_content_title > span > img{
	height:50% !important;
}
.agree_box{
	width:100%;
	height:60px;
	background-color:white;
	border-radius:5px;
	padding-left:5%;
	padding-right:5%;
	margin-bottom:30px;
}
.agree_box > p{
	float:left;
	height:60px;
	line-height:60px;
	font-size:15px;
}
.agree_box > p:nth-child(1){
	width:20%;
	cursor:pointer;
}
.agree_box > p:nth-child(2){
	width:70%
}
.agree_box > p:nth-child(3){
	width:10%;
	cursor:pointer;
}
.agree_box > p > img{
	height:60%;
	margin-top:13px;
	display:block;
}
.agree_box > p:nth-child(3) > img{
	height:40%;
	margin-top:18px;
}
.agree_info_win{
	width:100%;
	height:100%;
	position:fixed;
	background-color:white;
	top:0;
	left:0;
	z-index:9999;
	padding:5%;
}
.agree_detail > img {
    height: 30px;
    position: absolute;
    top: 50px;
    right: 30px;
	cursor:pointer;
}
.agree_detail > .title {
    margin-top: 100px;
    margin-bottom: 40px;
    font-weight: bold;
    font-size: 22px;
}
.agree_popbox > div{
	margin-bottom:20px;
}
.agree_popbox > div > p {
    margin-bottom: 10px;
    font-size: 17px;
}
.win_pop > .agree_detail > .agree_popbox > div {
    margin-bottom: 20px;
}
.win_pop > .agree_detail > .agree_popbox > div > p {
    width: 100%;
}
.agree_popbox > p {
    color: #4374D9;
}
.sector_win{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
}
.sector_win > div{
	width:40%;
	background-color:white;
	position:absolute;
	top:20%;
	left:50%;
	margin-left:-20%;
	border-top-right-radius:25px;
	border-top-left-radius:25px;
}
.sector_win > div > p:nth-child(1){
	width:100%;
	border-top-right-radius:25px;
	border-top-left-radius:25px;
	background-color:#2079d3;
	color:white;
	text-align:center;
	height:50px;
	line-height:50px;
}
.sector_win > div > p:nth-child(2){
	margin-top:30px;
	text-align:center;
	font-size:20px;
	line-height:25px;
}
.sector_win > div > p:nth-child(2) > span{
	font-size:20px;
	color:#CC3D3D;
}
.sector_win > div > p:nth-child(3){
	font-size:20px;
	line-height:35px;
	text-align:center;
	margin-top:30px;
}
.sector_win > div > p:nth-child(4){
	height:50px;
	text-align:center;
	line-height:50px;
	cursor:pointer;
	background-color:#c44629;
	font-weight:bold;
	margin-top:40px;
	color:white;
}
@media (min-width:800px){
	.header{
		width:800px;
		margin:0 auto;
	}
	.header_content{
		width:100%;
		padding-top:100px;
	}
	.list_wrap > .list{
		width:800px;
		margin:0 auto;
	}
	.join_wrap > .join{
		width:800px;
		margin:0 auto;
	}
	.award_content{
		width:800px;
		margin:0 auto;
	}
	.first_content{
		width:800px;
		margin:0 auto;
	}
	.overview_wrap > .overview_box{
		width:800px;
		margin:0 auto;
	}
}
@media (max-width:650px){
	.header_content{
		padding-top:100px;
	}
	.header_content > img{
		width:80%;
		margin-left:-40%;
		top:-35px;
	}
	.header_content > p{
		font-size:1.2rem;
		line-height:25px;
	}
	.header_content > p > strong{
		font-size:1.3rem;
	}
	.list_wrap > .list > p > span{
		font-size:12px;
	}
	.list_wrap > .list > p.on > span{
		font-size:12px;
	}
	.join_title{
		width:30%;
	}
	.join_notice > p:nth-child(1) > span:nth-child(1){
		margin-right:5%;
	}	
	.join_notice > p:nth-child(2) > span:nth-child(1){
		margin-right:5%;
	}	
	.join_notice > p:nth-child(3) > span:nth-child(1){
		margin-right:5%;
	}
	.join_input_box{
		width:90%;
		padding-left:5%;
		padding-right:5%;
		border:none;
		box-shadow:none;
		margin-top:0;
	}
	.overview_wrap{
		background-color:#fcdf6f;
	}
	.overview_title{
		width:30%;
	}
	.overview_wrap > .overview_box{
		width:95%;
	}
	.overview_content{
		width:98%;
		padding-top:20px;
		padding-bottom:20px;
		border:none;
		box-shadow:none;
	}
	.overview_content > .overview_item > p:nth-child(1){
		width:30%;
	}
	.overview_content > .overview_item > p:nth-child(2){
		width:68%;
	}
	.overview_sub_content{
		margin-left:30%;
		width:70%;
	}
	.overview_content > .overview_item > p > button{
		width:100%;
	}
	.sector_win > div{
		width:90%;
		margin-left:-45%;
	}
	.sector_win > div > p:nth-child(2){
		padding-left:5%;
		padding-right:5%;
	}
	.sector_win > div > p:nth-child(3){
		padding-left:5%;
		padding-right:5%;
	}
	.header_content{
		width:90%;
	}
}
@media (max-width:400px){
	.list_wrap > .list > p > span{
		font-size:12px;
	}
	.join_wrap{
		padding-top:5px;
	}
	.overview_wrap > .overview_box{
		padding-top:5px;
	}
	.header_content > p > span{
		width:80%;
		font-size:13px;
		height:30px;
		line-height:30px;
	}
	.join_finish_box > p{
		width:80%
	}
	.header_content{
		padding-top:40px;
	}
	.header_content > p{
		font-size:15px;
	}
	.header_content > p > strong{
		font-size:15px;
	}
	.join_notice{
		margin-top:0px;
	}
	.join_notice > p:nth-child(1){
		margin-bottom:10px;
	}
	.list_wrap > .list > p > b{
		width:90%;
		margin-left:-45%;
	}
}