

	.main_visual {
		display:flex;
		align-items:center;
		justify-content:center;
		background:#fdc131;
		height:658px;
		padding:100px 0 178px 0;
	}
	.main_visual .visual_txtbox{
		text-align:center;
		font-family:'GmarketSans';
		position:relative;
		z-index:1;
	}

	.main_visual .visual_txtbox .txtbig{
		font-size:50px;
		font-weight:1000;
		line-height:1;
		word-break: auto-phrase;
	}
	.main_visual .visual_txtbox .txtsmall{
		font-size:24px;
		font-weight:500;
		color:#725610;
	}

	.main_visual .char_group{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		overflow:hidden;
	}
	.main_visual .char{
		position:absolute;
		left:50%;
	}
	.main_visual .char.left{
		background:url('../images/main_char_left.png') 0 0 no-repeat;
		background-size:contain;
		width:651px;
		height:391px;
		top:139px;
		margin-left:-1004px;
	} 
	.main_visual .char.right{
		background:url('../images/main_char_right.png') 0 0 no-repeat;
		background-size:contain;
		width:624px;
		height:441px;
		top:128px;
		margin-left:350px;
	} 

	
	/* ------------------------------------------------------------------ MEDIA 1240px ------------------------------------------------------------------ */
	@media (max-width: 1240px) {
		.main_visual{
			padding: 60px 0 80px 0;
			height:450px;
		}
		.main_visual .visual_txtbox{
			padding-bottom:100px;
		}
		.main_visual .visual_txtbox .txtbig{
			font-size:40px;
		}
		.main_visual .visual_txtbox .txtsmall{
			font-size:20px;
		}
		.main_visual .char.left{
			width:400px;
			height:240px;
			top:204px;
			margin-left:-400px;
		}
		.main_visual .char.right{
			width:390px;
			height:276px;
			top:200px;
			margin-left:0;
		}
	}
	/* ------------------------------------------------------------------ MEDIA 786px ------------------------------------------------------------------ */
	@media (max-width: 786px) {
		.main_visual{
			max-width:100%;
			padding: 60px 0 40px 0;
			height:380px;
		}

		.main_visual .visual_txtbox{

		}

		.main_visual .visual_txtbox .txtbig{
			font-size:30px;
		}
		.main_visual .visual_txtbox .txtsmall{
			font-size:16px;
			margin-top:4px;
		}

		.main_visual .visual_txtbox .txtbig br{
			display:none;
		}

		.main_visual .visual_txtbox .txtbig .color_blue{
			font-size:80px;
			line-height:1;
			letter-spacing:-4px;
			text-align:center;
		}

		.main_visual .visual_txtbox .txtbig .color_black{
			font-size:80px;
			line-height:1;
			text-indent:0;
			letter-spacing:-4px;
			text-align:center;
		}
		.main_visual .char.left{
			top:200px;
			margin-left:-380px;
		}
		.main_visual .char.right{
			top:190px;
			margin-left:-20px;
		}
	}
	/* ------------------------------------------------------------------ MEDIA 480px ------------------------------------------------------------------ */
	@media (max-width: 480px) {
	}
	/* ------------------------------------------------------------------ MEDIA 480px ------------------------------------------------------------------ */



	.main_conttitle{
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		margin-bottom:34px;
	}

	.main_conttitle .label{
		position:relative;
		font-size:20px;
		color:#7b4f00;
		margin-bottom:14px;
		padding:0 14px;
		line-height:30px;
		border-radius:100px;
		background:linear-gradient(90deg,rgba(255, 215, 54, 1) 0%, rgba(216, 152, 47, 1) 100%);
		font-family:'Jalnan';
	}
	.main_conttitle .label:after{
		content:'';
		width:22px;
		height:22px;
		position:absolute;
		left:calc(100% - 4px);
		top:-14px;
		background:url('../images/main_conttitle_sparkle.png') 0 0 no-repeat;
		background-size:contain;
	}

	.main_conttitle .txtbig{
		font-size:50px;
		font-weight:800;
		font-family:'GmarketSans';
		line-height:1;
		letter-spacing:-2px;
	}

	/* ------------------------------------------------------------------ MEDIA 768px ------------------------------------------------------------------ */
	@media (max-width: 768px) {
		.main_conttitle {
			margin-bottom:20px;
		}

		.main_conttitle .label{
			font-size:16px;
			line-height:24px;
			padding:0 10px;
			margin-bottom:8px;
		}
		
		.main_conttitle .label:after{
			width:16px;
			height:16px;;
		}

		.main_conttitle .txtbig{
			font-size:30px;
		}
	}
	/* ------------------------------------------------------------------ MEDIA 768px ------------------------------------------------------------------ */





	.main_recommend{
		position:relative;
		margin-top:-178px;
		padding: 80px 0;
		background:#fff;
		border-radius:0 180px 180px 0;
		z-index:1;
	}

	.main_recommend:before{
		content:'';
		position:absolute;
		left:0;
		bottom:100%;
		width:159px;
		height:159px;
		background:url('../images/main_visual_corner.png') 0 0 no-repeat;
		background-size:contain;
	}

	.main_recommend:after{
		content:'';
		position:absolute;
		left:0;
		top:100%;
		width:159px;
		height:159px;
		background:url('../images/main_visual_corner.png') 0 0 no-repeat;
		background-size:contain;
		transform:rotate(90deg);
	}


	/* ------------------------------------------------------------------ MEDIA 1240px : S ------------------------------------------------------------------ */
	@media (max-width: 1240px) {
		.main_recommend{
			border-radius:0 80px 80px 0;
			margin-top:-80px;
		}
		.main_recommend:before{
			width:80px;
			height:80px;
		}
		.main_recommend:after{
			width:80px;
			height:80px;
		}
	}
	/* ------------------------------------------------------------------ MEDIA 1240px : E ------------------------------------------------------------------ */



	/* ------------------------------------------------------------------ MEDIA 768px : S ------------------------------------------------------------------ */
	@media (max-width: 768px) {
		.main_recommend{
			margin-top:-40px;
			border-radius:0 40px 40px 0;
			padding: 40px 0;
		}
		.main_recommend:before{
			width:40px;
			height:40px;
		}
		.main_recommend:after{
			width:40px;
			height:40px;
		}
	}
	/* ------------------------------------------------------------------ MEDIA 768px : E ------------------------------------------------------------------ */


	.main_bot{
		background:#f0f0f0;
		padding: calc(178px + 80px) 0 130px 0;
		border-radius: 180px 0 0 0;
		margin-top:-178px;
	}

	.noticelist{
		display:flex;
		margin-bottom:60px;
		margin-left:-40px;
	}

	.noticelist li{
		width: calc(25% - 40px);
		margin-bottom: 40px;
		margin-left: 40px;
	}

	.noticelist .item{
		display:flex;
		flex-direction:column;
		padding:40px;
		background:#fff;
		border-radius:0 30px 30px 30px;
		height:280px;
		box-shadow:0 20px 0 rgba(0,0,0,0.1);
		transition:transform .2s , box-shadow .2s;
	}

	.noticelist .item:hover{
		transform:translateY(-8px);
		box-shadow:0 28px 0 rgba(0,0,0,0.1);
	}

	.noticelist .item .title{
		font-size:20px;
		font-weight:700;
		line-height:1.2;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		letter-spacing:-1px;
	}
	.noticelist .item .date{
		font-size:16px;
		font-weight:400;
		color:#737373;
		margin-top:20px;
		line-height:1;
	}
	.noticelist .item .view_detail{
		margin-top:auto;
		display:flex;
		align-items:center;
		font-size:16px;
		font-weight:800;
		color:#7b4f00;
	}
	.noticelist .item .view_detail:after{
		content:'';
		width:8px;
		height:12px;
		margin-left:8px;
		background:url('../images/main_notice_arrow.png') 0 0 no-repeat;
	}

	/* ------------------------------------------------------------------ MEDIA 1240px : S ------------------------------------------------------------------ */
	@media (max-width: 1240px) {
		.noticelist{
			flex-wrap:wrap;
		}
		.noticelist li{
			width: calc(50% - 40px);
		}
		.noticelist .item{
			height:220px;
		}
		.noticelist .item:hover{
			transform:none;
			box-shadow: 0 20px 0 rgba(0, 0, 0, 0.1);
		}
	}
	/* ------------------------------------------------------------------ MEDIA 1240px : E ------------------------------------------------------------------ */

	/* ------------------------------------------------------------------ MEDIA 768px : S ------------------------------------------------------------------ */
	@media (max-width: 768px) {
		.noticelist{
			margin-left:0;
			margin-bottom:20px;
		}
		.noticelist li{
			width:100%;
			margin-left:0;
			margin-bottom:20px;
		}
		.noticelist .item{
			padding:30px;
			height:190px;
			box-shadow: 0 10px 0 rgba(0, 0, 0, 0.1) !important;
		}
		.noticelist .item .date{
			margin-top:14px;
		}
		.noticelist .item .title{
			font-size:18px;
		}
		.noticelist .item .date{
			font-size:14px;
		}
		.noticelist .item .view_detail{
			font-size:14px;
		}
	}
	/* ------------------------------------------------------------------ MEDIA 768px : E ------------------------------------------------------------------ */






	.main_bot .botbanlist{
		display:flex;
	}
	.main_bot .botbanlist li{
		flex:1;
	}
	.main_bot .botbanlist li + li{
		margin-left:40px;
	}
	.main_bot .botbanlist .item{
		display:flex;
		align-items:center;
		border-radius:20px;
		background:#ddd;
		padding:0 40px;
		height:180px;
		transition:transform .2s , box-shadow .2s;
	}

	.main_bot .botbanlist .item:hover{
		transform:translateY(-8px);
		box-shadow:0 8px 0 rgba(0,0,0,0.1);
	}

	.main_bot .botbanlist .item .txtsmall{
		font-size:18px;
		font-weight:600;
		display:flex;
		align-items:center;
	}
	.main_bot .botbanlist .item .txtsmall:after{
		content:'';
		margin-left:6px;
	}
	.main_bot .botbanlist .item .txtbig{
		font-size:32px;
		font-weight:800;
		font-family:'GmarketSans';
		letter-spacing:-2px;
	}

	.main_bot .botbanlist .item.about{
		background:url('../images/main_botban_about.png') center right 20px no-repeat #fdc131;
	}
	.main_bot .botbanlist .item.about .txtbig{
		color:#000;
	}
	.main_bot .botbanlist .item.about .txtsmall{
		color:#725610;
	}
	.main_bot .botbanlist .item.about .txtsmall:after{
		width:8px;
		height:12px;
		background:url('../images/main_botban_arrow.png') 0 0 no-repeat;
	}

	.main_bot .botbanlist .item.gopa{
		background:url('../images/main_botban_gopa.png') center right no-repeat #8c5b1f;
	}
	.main_bot .botbanlist .item.gopa .txtbig{
		color:#fff;
	}
	.main_bot .botbanlist .item.gopa .txtsmall{
		color:#ddcebc;
	}
	.main_bot .botbanlist .item.gopa .txtsmall:after{
		width:16px;
		height:16px;
		background:url('../images/main_botban_linkBlank.png') 0 0 no-repeat;
	}

	/* ------------------------------------------------------------------ MEDIA 1240px : S ------------------------------------------------------------------ */
	@media (max-width: 1240px) {
		.main_bot .botbanlist{
			flex-direction:column;
		}
		.main_bot .botbanlist li + li{
			margin-left:0;
			margin-top:20px;
		}
		.main_bot .botbanlist .item:hover{
			transform:none;
			box-shadow:none;
		}
	}
	/* ------------------------------------------------------------------ MEDIA 1240px : E ------------------------------------------------------------------ */

	/* ------------------------------------------------------------------ MEDIA 768px : S ------------------------------------------------------------------ */
	@media (max-width: 768px) {
		.main_bot .botbanlist .item{
			height:250px;
			align-items:flex-start;
			padding:30px;
		}
		.main_bot .botbanlist .item .txtbig{
			font-size:28px;
		}
		.main_bot .botbanlist .item .txtsmall{
			font-size:18px;
		}
		.main_bot .botbanlist .item.about{
			background-size:200px;
			background-position:bottom 20px right 20px;
		}
	}
	/* ------------------------------------------------------------------ MEDIA 768px : E ------------------------------------------------------------------ */


	/* main popup */
	.btn_view_pop {display:block; position:absolute; top:0; left:0; width:1px; height:1px; opacity:0.01; text-indent:-999px; overflow:hidden;}
	.main_notice_pop{display:block; position:absolute; max-width:100%; top:50%; right:0; left:0; width:100%; z-index:7000;}
	.main_notice_pop .mask {position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.6);}
	.main_notice_pop .pop_con {position:relative; border:2px solid rgba(0,0,0,0.9);}
	.main_notice_pop:focus .pop_con {box-shadow:0 0 3px 3px rgba(255,255,255,0.6);}
	.main_notice_pop .pop_con .img img {width:100%;}
	.main_notice_pop .pop_con .btns {position:relative; padding:12px; background:rgba(0,0,0,0.9); overflow:hidden; color:#fff;}
	.main_notice_pop .pop_con .btns .btn_invisible {width:14px; height:14px; margin:-2px 6px 0 0; border:none; border-radius:0; vertical-align:middle;}
	.main_notice_pop .pop_con .btns .btn_close {position:absolute; top:50%; right:12px; margin-top:-10px; padding-right:20px; border:none; background:url('../images/btn_m_x.png') no-repeat right 4px center; background-size:11px auto; color:#fff; font-size:13px; line-height:20px;}

	@media screen and (max-width: 1200px){
		.main_notice_pop{left:50% !important; transform:translateX(-50%); height:auto !important;}
	}