@charset "utf-8";

body {background: #fff;}
.at-body {margin-top: -80px;}
.main_wrap ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.main_wrap p {margin: 0;}
.main_wrap > div .fp-tableCell {padding-top: 40px;}
.main_wrap > div .contents_wrap {
	position: relative;
	z-index: 1;
}
.main_wrap .title {
	margin-bottom: 50px;
	overflow: hidden;
}
.main_wrap .title h2 {
	font-family: "Cafe24 Dangdanghae";
	font-size: 40px;
	margin: 0;
	display: inline-block;
	position: relative;
}
#fp-nav {
	right: inherit !important;
	left: 50px;
}
#fp-nav ul li {
	width: 7px !important;
	height: 7px !important;
	margin: 20px 0 !important;
	padding-right: 2px;
}
#fp-nav ul li:last-child {display: none !important;}
#fp-nav ul li a span {
	width: 7px !important;
	height: 7px !important;
	background: #ddd !important;
	margin: 0 !important;
	transform: translate(-50%, -50%);
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
	width: 7px !important;
	height: 7px !important;
	background: #ffb00a !important;
	margin: 0 !important;
}
.modal-backdrop { display: none; }
.modal-open .modal {background: rgba(0,0,0,0.5);}
.pc-menu .nav-top .sub-1div {
	background: #f9f8f3;
	border-bottom: 1px solid #eee;
}

.main_wrap .now_wrap .left {
	float: left;
	width: calc((100% - 15px)/2);
	margin-right: 15px;
}
.main_wrap .now_wrap .left li:first-child {
	width: 100%;
	background: #ffc20a;
	padding: 15px;
	position: relative;
	margin-bottom: 15px;
}
.main_wrap .now_wrap .left li:first-child::before {
	content: "";
	background: #c78700;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 1px;
	height: 100%;
}
.main_wrap .now_wrap .left li:first-child::after {
	content: "";
	background: url("/img/custom/main_sect_1_img_1.png") no-repeat;
	background-position: center;
	background-size: contain;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 24px;
	height: 100%;
}
.main_wrap .now_wrap .left li:first-child > span {
	background: url("/img/custom/tape_blue.png") no-repeat;
	background-size: cover;
	width: 151px;
	height: 31px;
	position: absolute;
	right: 15px;
	top: -20px;
}
.main_wrap .now_wrap .left li:nth-child(2) {
	float: left;
	width: calc((100% - 15px)/2);
	margin-right: 15px;
	position: relative;
}
.main_wrap .now_wrap .left li:last-child {
	float: left;
	width: calc((100% - 15px)/2);
}
.main_wrap .now_wrap .right {
	float: right;
	width: calc((100% - 15px)/2);
	padding: 20px;
	background: #31c0f8;
	position: relative;
	cursor: pointer;
}
.main_wrap .now_wrap .right .object > div {
	position: absolute;
	z-index: 2;
}
.main_wrap .now_wrap .right .object .ob1 {top: 65px; left: 10px;}
.main_wrap .now_wrap .right .object .ob2 {bottom: 65px; left: 8px;}
.main_wrap .now_wrap .right .object .ob3 {top: 155px; right: 10px;}
.main_wrap .now_wrap .right .object .ob4 {bottom: 150px; right: 15px;}
.main_wrap .now_wrap .right .inner_box {
	background: url("/img/custom/main_sect_1_bg_2.jpg") no-repeat;
	background-position: center;
	background-size: cover;
}
.main_wrap .now_wrap .right .inner_box h3 {
	text-align: center;
	padding: 23px 0;
	margin: 0;
}
.main_wrap .now_wrap .right .inner_box h3 > span {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	line-height: 35px;
	margin-right: 10px;
	background: #1877f2;
	display: inline-block;
	text-align: center;
}
.main_wrap .now_wrap .right .inner_box h3 > span > img {width: 12px; height: 22px;}
.main_wrap .now_wrap .right .inner_box h3 > img {width: 250px; height: 36px;}
.main_wrap .now_wrap .right .inner_box .contents {text-align: center;}
.main_wrap .now_wrap .right .inner_box .contents .fb_iframe_widget {
	border: 1px solid #333;
	border-bottom: none;
}
.main_wrap .section_2 {background: #d1f4f3;}
.main_wrap .section_2 .title {margin-bottom: 20px;}


/*object*/

.main_wrap .object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.main_wrap .object .at-container {
	position: relative;
	height: 100%;
}
.main_wrap .object .at-container > div > div {position: absolute;}

.main_wrap .section_1 .object .left .ob1 {top: 320px;left: -200px;}
.main_wrap .section_1 .object .left .ob2 {top: 520px;left: -120px;}
.main_wrap .section_1 .object .left .ob3 {top: 680px;left: -300px;}
.main_wrap .section_1 .object .right .ob1 {top: 200px;right: -230px;}
.main_wrap .section_1 .object .right .ob2 {top: 350px;right: -60px;}
.main_wrap .section_1 .object .right .ob3 {top: 450px;right: -260px;}
.main_wrap .section_1 .object .right .ob4 {top: 700px;right: -150px;}
.main_wrap .section_1 .object .right .ob5 {top: 800px;right: -280px;}

.main_wrap .section_3 .object .left .ob1 {top: 380px;left: -250px;}
.main_wrap .section_3 .object .left .ob2 {top: 500px;left: -100px;}
.main_wrap .section_3 .object .left .ob3 {top: 650px;left: -200px;}
.main_wrap .section_3 .object .right .ob1 {top: 280px;right: 30px;}
.main_wrap .section_3 .object .right .ob2 {top: 420px;right: -60px;}
.main_wrap .section_3 .object .right .ob3 {top: 500px;right: -220px;}
.main_wrap .section_3 .object .right .ob4 {top: 680px;right: -140px;}


@media all and (max-width: 991px) {
	.main_wrap .section_1 {padding: 120px 0;}
	.main_wrap .now_wrap .left {
		float: none;
		width: 100%;
		margin: 0;
	}
	.main_wrap .now_wrap .right {
		float: none;
		width: 100%;
		margin-top: 15px;
	}
	.main_wrap .at-footer {display: none !important;}
}
@media all and (max-width: 767px) {
	.main_wrap {padding-top: 50px;}
	.main_wrap .section_1 {padding: 80px 0;}
	.main_wrap .title {margin-bottom: 30px !important;}
	.main_wrap .title h2 {font-size: 30px;}
	.modal-backdrop { display: none; }
	.modal-open .modal {background: rgba(0,0,0,0.5);}
	.main_wrap > div > .object {display: none;}
	.main_wrap .now_wrap .left li:first-child {
		padding: 10px;
		margin-bottom: 10px;
	}
	.main_wrap .now_wrap .left li:first-child > span {
		width: 107px;
		height: 22px;
		top: -15px;
	}
	.main_wrap .now_wrap .left li:nth-child(2) {
		margin-right: 10px;
		width: calc((100% - 10px)/2);
	}
	.main_wrap .now_wrap .left li:last-child {width: calc((100% - 10px)/2);}
	.main_wrap .now_wrap .right {
		margin-top: 10px;
		padding: 10px;
	}
	.main_wrap .now_wrap .right .object .ob1 {top: 50px; left: 5px;}
	.main_wrap .now_wrap .right .object .ob1 img {width: 46px !important; height: 46px !important;}
	.main_wrap .now_wrap .right .object .ob3 {right: 5px;}
	.main_wrap .now_wrap .right .object .ob2 {left: 5px;}
	.main_wrap .now_wrap .right .object .ob4 {right: 10px;}
	.main_wrap .now_wrap .right .inner_box h3 {padding: 20px;}
	.main_wrap .now_wrap .right .inner_box h3 > span {
		width: 35px;
		height: 35px;
		line-height: 30px;
		margin-right: 5px;
	}
	.main_wrap .now_wrap .right .inner_box h3 > img {width: 200px; height: 29px;}
	.main_wrap .now_wrap .right .inner_box .contents {padding: 0 10px;}
	.main_wrap .section_2 {padding-bottom: 80px;}
}