@font-face {
    font-family: 'SMUSnowflake-Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2409-2@1.0/SMUSnowflake-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

.fun1_wrap {padding-bottom: 0; padding-top: 0;}
.fun1_wrap .spot_titbox3 .t2 {color: #000; padding-top: 80px; margin-top: 0;}
.fun1_poster {position: relative; padding-bottom: 0;}
.fun1_poster .fun1_box1 {background: #e6e6e6; border-radius: 20px 20px; position: relative; margin-bottom: 0;}
.fun1_poster .fun1_box1 p {color: #080a0d;}
.fun1_poster .fun1_cont {position: relative;}
.fun1_poster .fun1_tit1 {margin-bottom: 3em; padding: 0; position: static;}
.fun1_poster .fun1_box1 .h_tit1 {margin-bottom: .5em;}

.fun1_flex {display: flex;}
.fun1_flex .item:first-child {min-width: 30%; margin-right: 3%;}
.fun1_flex p {color: #080a0d;}
.fun1_flex .h_tit1  {margin-bottom: .2em;}

.fun1_box2 {margin-bottom: 70px; background-color: #e6e6e6;}

.h_tit1 {font-family: 'SBAggro'; font-weight: 700;}


.fun1_poster {display: flex; align-items: center; flex-direction: row-reverse;}
.fun1_imgs {min-width: 38%;}


.fun1_poster4 {position: relative;}
.fun1_poster4 .fun1_box1 {background: none; margin-bottom: 0;}
.fun1_poster4 .fun1_box1 p {color: #080a0d;}
.fun1_poster4 .fun1_box1 .pr {padding-right: 50%;}
.fun1_poster4 .imgs {position: absolute; top: 0; right: 0; width: 45%;}



#spot.spot2:after {content:none;}
#spot.spot2 .inr-c {max-width:1120px; font-family: 'GmarketSans'; text-align: left; color: #db586c; letter-spacing:-0.05em;}
#spot.spot2 .t1 {font-family: 'SMUSnowflake-Bold'; margin-bottom: 2em;}
#spot.spot2 .t1 span {position: relative; z-index: 1; position: relative; background: none; color: #fff; font-size: 26px; font-weight: 300;}
#spot.spot2 .t1 i {z-index: -1; position: absolute; left: 0; top: 50%; width: 2.5em; height: 2.5em; background-color: #4658a0; transform:translateY(-50%); border-radius: 50%;}
#spot.spot2 .t1 i:nth-child(2) {left: 1.6em;}
#spot.spot2 .t1 i:nth-child(3) {left: 3.1em;}
#spot.spot2 .tit {font-size: 48px; margin-bottom: .3em; line-height: 1.2;}
#spot.spot2 .tit strong {display: block; font-size: 1.4em;}
#spot.spot2 .tit2 {font-weight: 400; font-size: 42px; letter-spacing:-0.05em;}

.fun1_wrap .line-dot img {right: 0; margin-top: -40px;}

.fun1_tit1 {background-color: #e6e6e6; padding: 1em 2em; border-radius: 1em; position: relative;}
.fun1_tit1 .tit_icon1 img {max-width:80px;}
.fun1_tit1 > div {display: flex; align-items: flex-end; justify-content: space-between; font-size: 24px; color: #e6586c; letter-spacing: .2em;}
.fun1_tit1 .h_tit0 {margin-bottom: .3em; font-weight: 700; font-size: 45px; color: #e6586c;}
.fun1_tit1 .desc_mf1 {color: #080a0d; font-weight: 400;}
.fun1_tit1 .bg_icon1 {}


.icon1 {position: absolute; right: 5%; bottom:0;}
.icon1 img {max-height: 250px;}
.icon2 {position: absolute; right: 3%; bottom: -220%; max-width: 25%;}
.icon3 {position: absolute; right: 0; bottom: 0; max-width: 30%;}




.fun1_poster2 {position: relative;  background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto;}
.fun1_poster2 .h_tit1 {margin-bottom: 1em;}
.fun1_poster2 .desc_mf1 {color: #080a0d;}
.fun1_poster2 .icon3 {position: relative;}
.fun1_poster2 .icon3 img {max-width:75%; display: block; margin-left: auto; margin-right: auto; }
.fun1_poster2 .fun1_box1 {background-color: #e6e6e6;}
.fun1_poster2 .fun1_box1.bdrs1 {border-radius: 0 0 20px 20px;}
.fun1_poster2 .fun1_icon2 {position: absolute; right:2%; top:0; z-index: 1; margin-top: -100px; text-align: right;}
.fun1_poster2 .fun1_icon2 img {vertical-align: bottom;}
.fun1_poster2 .fun1_icon2 .icon1 img {max-height:300px;}



.fun1_poster3 {position: relative; padding: 5% 0 7%;}
.fun1_poster3 .fun1_box1 {display: flex; position: relative;}
.fun1_poster3 .imgs {position: absolute; left: 5%; bottom: 0; width: 33%; min-width: 33%;}
.fun1_poster3 .imgs img {width: 100%;}
.fun1_poster3 .tx {width: 63%; margin-left: 41%;}
.fun1_poster3 .h_tit1 {margin-bottom: 1em;}
.fun1_poster3 .desc_mf1 {color: #080a0d;}
.fun1_poster3 .icon4 img {max-height: 250px;}
.fun1_poster3 .box_float {position: relative; z-index: 1; margin-bottom: 100px;}
.fun1_poster3 .fun1_box1 {position: relative; background-color: #e6e6e6; margin-bottom: 0;}
.fun1_poster3 .icon5 {position: absolute; right: 20px; top: calc(100% - 50px);}
.fun1_poster3 .icon5 img {max-height: 150px;}


.bgbg1 {z-index: 1; position: absolute; left: 0; top: 5%; width: 100%;}
.bgbg2 {z-index: 1; position: absolute; left: 0; top: 10%; width: 100%; transform:rotate(150deg);}



.bg_icon1 {z-index: 0; position: absolute; right: 0; bottom: 100%; width: 30%; text-align: right;}
.bg_icon2 {z-index: 1; position: absolute; right: -40%; top: -5%; width: 50%;}


.fun1_bg {display: flex;     justify-content: space-between; margin: 0 10%;}
.fun1_bg span {display: block; width: 5%; height: 0; padding-bottom: 10%; background-color: #e6e6e6;}

@media (max-width: 960px) {
	.fun1_poster .fun1_box1 {border-radius: 16px;}

	#spot.spot2.fun1 img {max-height:200px}

	.fun1_tit1 .h_tit0 {font-size: 25px;}
	.fun1_tit1 .tit_icon1 img {max-width: 60px;}
	.fun1_tit1 > div {font-size: 18px; justify-content: flex-start; margin-bottom: 10px;}

	.fun1_wrap .spot_titbox3 .t2 {padding-top: 0;}
	.fun1_wrap .spot_titbox3 {margin-bottom: 3em;}

	.fun1_poster {padding-bottom: 0;}
	.fun1_poster .fun1_tit1 {margin-right: 0; margin-bottom: 2em; width: 100%;}
	.fun1_poster .imgs {position: static; height: auto; transform:translateY(0);}
	.fun1_poster .fun1_box1 {margin-right: 0; padding-left: 22px;}
	.fun1_poster .fun1_box1 .item {width: 100%; margin-right: 0;}

	.fun1_box2 {padding: 0; margin-bottom: 3%;}

	.fun1_poster2 {}
	.fun1_poster2 .fun1_icon2 {right: 0; width: 20%;}

	.fun1_poster3 {padding-top: 20px; padding-bottom: 50px;}
	.fun1_poster3 .icon4 img {max-width: 180px;}
	.fun1_poster3 .box_float {margin-bottom: 50px;}

	.fun1_poster3 .fun1_box1 {display: block;}
	.fun1_poster3 .imgs {position: static; width: 100%; margin-bottom: 2em;}
	.fun1_poster3 .tx {margin-left: 0; width: auto;}
	.fun1_poster3 .icon5 {top: calc(100% - 30px);}
	.fun1_poster3 .icon5 img {max-height: 100px;}

	.fun1_poster2 .icon3 img {max-height:100px; margin-top:20px;}

	.bg_icon1 {width: 20%;}

	.fun1_poster4 .fun1_box1 {padding: 0;}
	.fun1_poster4 .fun1_box1 .imgs {position: static; width: 100%; text-align: right;}
	.fun1_poster4 .fun1_box1 .imgs img {width: 45%;}
	.fun1_poster4 .fun1_box1 .pr {padding-right: 0;}


	.fun1_flex {display: block;}
	.fun1_flex .item:first-child {margin-bottom: 5%; text-align: center;}
	.fun1_flex .item:first-child img {max-width:50%;}
	.fun1_flex.ty2 {}
	.fun1_flex.ty2 .item:first-child {position: static;}
	.fun1_flex.ty2 .item:first-child img {width: 50%; position: absolute;}
	.fun1_flex.ty2 .item:nth-child(2) div {text-align: right;}
	.fun1_flex.ty2 .item:nth-child(2) div img {max-width:70%}
	.fun1_flex.ty2 .desc_mf1 {position: relative; z-index: 1;}

	.fun1_poster4 .imgs {top: -5%;}


	#spot.spot2 .t1 span {font-size: 16px;}
	#spot.spot2 .tit {font-size: 25px;}
	#spot.spot2 .tit2 {font-size: 20px;}

	.fun1_tit1 {padding-left: 22px; padding-right: 22px;}

	.fun1_poster2 .desc_mf1 strong {line-height: 1.2;}

	.fun1_wrap .spot_titbox3 {padding-top: 3em;}
	.spot_titbox3 .t2 {font-size: 16px;}


	.icon1 {width: 15%; bottom: 70%;}
	.icon2 {bottom: auto; top: -300%; max-width: 100px;}
	.icon3 {max-width: 110px;}

	.fun1_poster {display: block;}
	.fun1_imgs {overflow:hidden; position: relative; max-width: 80%; margin-left: auto; margin-right: auto; margin-bottom: -10px; border: 1px dashed #e6586c; border-radius: 16px 16px 0 0;}
	.fun1_imgs img {margin-left: -3px; margin-top: -2px; width: 103%; max-width: none;}


	.fun1_poster3 .imgs {text-align: center;}
	.fun1_poster3 .imgs img {width: 80%;}
}