/* 메인 */
#area_main{position:relative; background:#fec0cd url(../img/main/main_bg.jpg)no-repeat bottom center; background-size:cover; height:100vh;}
#area_main .inr{height:100%;}
#area_main .inr > div{float:left;}
#area_main .area_img{position:relative; top:50%; margin:0 0 0 3%; width:45%; transform:translateY(-50%);}
#area_main .area_img img{animation: bounce 3s infinite ease-in-out;}
#area_main .area_img:before{content:''; position:absolute; top:0; left:-100px; width:136px; height:159px; background:url(../img/main/obj01.png)no-repeat center; background-size:contain;}
#area_main .area_img:after{content:''; position:absolute; bottom:40px; right:-20px; width:87px; height:87px; background:url(../img/main/obj02.png)no-repeat center; background-size:contain;}
#area_main .area_txt{position:absolute; top:50%; left:55%; text-align:center; transform:translateY(-55%); }
#area_main .area_txt span{display:inline-block; padding:5px 40px; font-size:20px; font-weight:300; color:#fff; background:#f1405f; border-radius:50px; line-height:1.4em;}
#area_main .area_txt h2{margin:20px 0 10px; font-size:70px; font-weight:800; color:#202744; line-height:1.3em;}
#area_main .area_txt em{font-style:normal; font-size:18px; font-weight:400; color:#4d5473; word-break:keep-all; line-height:1.4em;}


@-webkit-keyframes bounce {
    0% { transform: translateY(-5px)  }
    50% { transform: translateY(10px) }
    100% { transform: translateY(-5px) }
}

@keyframes bounce {
    0% { transform: translateY(-5px)  }
    50% { transform: translateY(10px) }
    100% { transform: translateY(-5px) }
}

@media (max-width: 1700px) {
	#area_main .area_img:before{left:-100px;}
}
@media (max-width: 1500px) {
	#area_main .area_img{margin:0 0 0 5%; width:45%;}
	#area_main .area_img img{max-width:100%;}
	#area_main .area_img:before{top:-20px; left:-80px;}
	#area_main .area_img:after{right:0px;}
	#area_main .area_txt{width:50%; left:50%;}
}
@media (max-width: 1400px) {
	#area_main .area_txt h2{font-size:65px;}
	#area_main{background-size:contain;}
}
@media (max-width: 1200px) {
	#area_main .area_txt h2{font-size:60px;}
	#area_main .inr{width:96%;}
	#area_main .area_img:before{left:-60px; width:100px; height:130px;}
	#area_main .area_img:after{right:20px; width:65px; height:65px;}
}
@media (max-width: 1100px) {
	#area_main .area_txt h2{font-size:55px;}
}
@media (max-width: 1024px) {
	#area_main .area_txt h2{font-size:50px;}
	#area_main .area_txt em{font-size:16px;}
}
@media (max-width: 950px) {
	#area_main{height:620px;}
	#area_main .area_txt{position:relative; padding-top:100px; top:unset; left:unset; transform:none; width:100%;}
	#area_main .area_img{position:absolute; top:unset; left:50%; bottom:-220px; transform:translateX(-50%); margin:0 auto; width:450px; text-align:center;}
	#area_main .area_img img{min-width:auto;}
	#area_main .area_img:before{top:-10px;}
	#area_main .area_img:after{bottom:unset; top:30px; right:-50px;}
	#area_main .area_txt span{font-size:18px;}
	#area_main .area_txt h2{margin:10px 0 5px;}
}

@media (max-width: 768px) {
	#area_main{height:540px;}
	#area_main .area_txt{padding-top:90px;}
	#area_main .area_txt span{font-size:17px; padding:4px 25px;}
	#area_main .area_txt h2{font-size:45px;}
	#area_main .area_img{width:400px;}
}

@media (max-width: 600px) {
	#area_main{height:450px;}
	#area_main .area_txt span{font-size:16px; padding:3px 20px;}
	#area_main .area_txt h2{font-size:40px;}
	#area_main .area_txt em{font-size:15px;}
	#area_main .area_img{width:320px; bottom:-200px;}
	#area_main .area_img:before{left:-45px; width:70px; height:100px;}
	#area_main .area_img:after{right:-40px; width:45px; height:45px;}
}
@media (max-width: 550px) {
	#area_main .area_txt{padding-top:70px;}
	#area_main .area_txt span{font-size:14px; padding:2px 15px 0;}
	#area_main .area_txt h2{margin:8px 0 5px; font-size:32px;}
	#area_main .area_txt em{font-size:14px;}
	#area_main .area_img{bottom:-150px;}
}
@media (max-width: 450px) {
	#area_main{height:400px;}
	#area_main .area_img{width:280px;}
}
@media (max-width: 400px) {
	#area_main{height:380px;}
	#area_main .area_img{width:240px; bottom:-130px;}
}

.inr > div{padding:50px 0;}
.inr > div h3{font-size:45px; font-weight:200; color:#333; line-height:1.4em; word-break:keep-all; z-index:2; position:relative; text-align:center;}
.inr > div h3 .bold{font-weight:500;}

/* 인사말 */
.area_about{position:relative; padding:50px 0; text-align:center;}
.area_about h3{font-size:45px; font-weight:500 !important; color:#333; line-height:1.4em; word-break:keep-all; z-index:2; position:relative;}
.area_about h3 span{font-size:35px; font-weight:200;}
.area_about .about_cont{margin:50px 0 0;}
.area_about .about_cont:after{content:''; display:block; clear:both;}
.area_about .area_img{float:left; width:40%;height:530px; background:#fff url(../img/main/img_intro.jpg)no-repeat center; background-size:cover;}
.area_about .area_txt{float:left; margin:0 0 0 4%; width:56%; text-align:left;}
.area_about .area_txt b{font-size:24px; font-weight:500; color:#333;}
.area_about .area_txt p{margin:10px 0 0; word-break:keep-all; line-height:1.7em;}
.area_about .area_txt .sign{font-size:17px; color:#000; font-weight:600; margin-top:10px; text-align:right;}
.area_about .area_txt .sign img{width:100px; height:auto;}

.inr ul{margin:40px 0 0;}
ul:after{content:''; display:block; clear:both;}
ul > li{float:left;}

@media (max-width: 1024px) {
	.inr > div h3{font-size:40px;}
	.area_about h3 span{font-size:32px;}
	.area_about .area_img{width:60%; margin:0 20%;}
	.area_about .area_txt{width:100%; margin:40px auto 0;}
}
@media (max-width: 950px) {
	.area_about .about_cont{margin:30px 0 0;}
	.area_about{margin:120px 0 0;}
}
@media (max-width: 768px) {
	.area_about .area_img{width:100%; margin:0 auto; height:400px;}
	.area_about .area_txt{margin:30px auto 0;}
}
@media (max-width: 550px) {
	.inr ul{margin:20px 0 0;}
	.inr > div{padding:30px 0 0;}
	.inr > div h3{font-size:30px;}
	.area_about{margin:120px 0 0;}
	.area_about .about_cont{margin:20px 0 0;}
	.area_about h3 span{font-size:23px;}
	.area_about .area_img{height:250px;}
	.area_about .area_txt{margin:20px 0 0;}
	.area_about .area_txt b{font-size:20px;}
	.area_about .area_txt p{font-size:15px; margin:5px 0 0;}
	.area_about .area_txt .sign{text-align:left; }
	.area_about .area_txt .sign img{width:80px;}
}
/* 협력사 */
ul.partner > li{position:relative; float:left; margin:0 20px 0 0; width:calc((100% / 6) - 16.7px); width:-webkit-calc((100% / 6) - 16.7px); background:#fff; border:1px solid #eee; text-align:center;}
ul.partner > li:nth-child(6){margin:0;}
ul.partner > li p{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:16px; color:#999;}
ul.partner > li img{max-width:100%;}

@media (max-width:950px) {
	ul.partner > li{margin:0 20px 20px 0; width:calc((100% / 3) - 13.5px); width:-webkit-calc((100% / 3) - 13.5px);}
	ul.partner > li:nth-child(3n){margin:0;}
}

@media (max-width:550px) {
	ul.partner > li{margin:0 15px 15px 0; width:calc((100% / 2) - 7.5px); width:-webkit-calc((100% / 2) - 7.5px);}
	ul.partner > li:nth-child(3n){margin:0 15px 15px 0;}
	ul.partner > li:nth-child(2n){margin:0;}
}
/* 가족 */
.area_family{text-align:center;}
ul.family > li{float:inherit; display:inline-block; margin:0 30px 0 0; border:1px solid #eee;}
ul.family > li img{width:100%;}
ul.family > li div{padding:15px 10px; font-size:16px; font-weight:600; color:#333; background:#fff;}
ul.family > li div span{display:block; font-size:15px; font-weight:400; color:#555;}
ul.family.v1 > li{width:230px;}
ul.family > li:last-child{margin:0;}
ul.family.v2{margin:30px 0 0 !important;}
ul.family.v2 > li div{border-top:1px solid #eee; color:#555; font-weight:400;}

@media (max-width: 850px) {
	ul.family.v2{margin:20px 0 0 !important;}
	ul.family > li{margin:0 20px 0 0;}
}
@media (max-width: 768px) {
	ul.family > li{float:left; margin:0 20px 20px 0; width:calc((100% / 2) - 10px) !important; width:-webkit-calc((100% / 2) - 10px) !important;}
	ul.family > li:nth-child(2n){margin:0;}
	ul.family.v2{margin:0 !important;}
}
/* 운영목적 */
.area_goal{text-align:center;}
.area_goal .area_img{margin:40px 0 30px;}
.area_goal .area_txt{font-size:18px; font-weight:400; line-height:1.8em; word-break:keep-all;}

@media (max-width: 550px) {
	.area_goal .area_img img{width:100%;}
	.area_goal .area_img{margin:30px 0 20px;}
}
@media (max-width: 450px) {
	.area_goal .area_txt p br{display:none;}
}
/* 특혜 */
ul.benefit{}
ul.benefit > li{margin:0 40px 0 0; width:calc((100% / 3) - 27px); width:-webkit-calc((100% / 3) - 27px); background:#fff; border:1px solid #eee; border-radius:20px; text-align:center;}
ul.benefit > li .area_img{padding:20px; box-sizing:border-box;}
ul.benefit > li .area_img img{width:60%;}
ul.benefit > li:last-child{margin:0;}
ul.benefit > li .area_txt{word-break:keep-all; background:#fee4ed; border-radius:0 0 19px 19px; border-top:1px solid #eee; padding:20px 15px; font-size:18px; font-weight:400; color:#222;}
ul.benefit > li .area_txt span{color:#0d09af; font-weight:500;}
ul.benefit > li:nth-child(2) .area_txt span{color:#ec145f;}
ul.benefit > li:nth-child(2) .area_txt{background:#e5defd;}

@media (max-width: 950px) {
	ul.benefit{text-align:center;}
	ul.benefit > li{display:inline-block; float:inherit; margin:0 20px 0 0;}
	ul.benefit > li .area_img img{width:100%;}
}
@media (max-width: 850px) {
	ul.benefit > li{width:46%; vertical-align:top;}
	ul.benefit > li .area_img img{width:60%;}
	ul.benefit > li:nth-child(1){margin:0 20px 20px;}
	ul.benefit > li .area_txt{background:#e5defd; padding:20px 20px;}
	ul.benefit > li:nth-child(1) .area_txt{background:#fee4ed;}
	ul.benefit > li:nth-child(2) .area_txt{padding:20px 45px;}
	ul.benefit > li:nth-child(3) .area_txt{padding:20px 30px;}
}
@media (max-width: 550px) {
	ul.benefit > li .area_img{padding:10px;}
	ul.benefit > li{margin:0 15px 0 0; width:48%;}
	ul.benefit > li:nth-child(1){margin:0 15px 15px;}
	ul.benefit > li .area_txt{padding:10px 10px;}
	ul.benefit > li .area_txt{font-size:14px;}
	ul.benefit > li:nth-child(2) .area_txt{padding:10px 20px;}
	ul.benefit > li:nth-child(3) .area_txt{padding:10px;}
}
@media (max-width: 500px) {
	ul.benefit > li{width:45%;}
	ul.benefit > li:nth-child(2) .area_txt{padding:10px;}
}
/* 비젼 */
.area_vision{text-align:center;}
.area_vision h4{position:relative;margin:40px 0 0; display:inline-block; padding:15px 40px; box-sizing:border-box; background:#f1405f; color:#fff; font-size:25px; font-weight:500; border-radius:50px; line-height:1.5em;}
.area_vision h4 span{display:inline-block; position:relative; padding:0 25px; color:#fff; font-size:25px; font-weight:500; line-height:1.5em;}
.area_vision h4 span:before{content:''; position:absolute; top:50%; left:0; width:20px; height:20px; background:url(../img/main/icon_heart.svg)no-repeat center; transform:translateY(-50%);}
.area_vision h4 span:after{content:''; position:absolute; top:50%; right:0; width:20px; height:20px; background:url(../img/main/icon_heart.svg)no-repeat center; transform:translateY(-50%);}
.area_vision ul.benefit > li .area_img img{width:100%;}
.area_vision ul.benefit > li .area_txt{background:#e5defd;}
.area_vision ul.benefit > li:nth-child(2) .area_txt{background:#fee4ed;}
@media (max-width: 850px) {
	.area_vision ul.benefit > li .area_txt{padding:20px 10px; background:#fee4ed;}
	.area_vision ul.benefit > li:nth-child(2) .area_txt,
	.area_vision ul.benefit > li:nth-child(3) .area_txt{background:#e5defd;}

}
@media (max-width: 550px) {
	.area_vision h4{margin:20px 0 0; font-size:22px; padding:7px 20px;}
	.area_vision ul.benefit > li .area_txt{padding:10px;}
	.area_vision ul.benefit > li:nth-child(2) .area_txt{padding:10px 30px;}
}

/* 시그널 */
.area_signal{position:relative; padding:50px 0; text-align:center;}
.area_signal h3{font-size:45px; font-weight:200; color:#333; line-height:1.4em; word-break:keep-all; z-index:2; position:relative;}
.area_signal h3 .bold{font-weight:500;}
.area_signal .signal_list{margin:80px auto 0; width:1100px; text-align:center;}
.area_signal .signal_list:after{content:''; display:block; clear:both;}
.area_signal .signal_list > li{position:relative; float:left; z-index:1; margin:0 100px 100px 0; width:500px; border-radius:20px; box-sizing:border-box; box-shadow: 0 0 25px 2px rgba(210, 210, 210, 0.3); transition:all 0.3s ease;}
.area_signal .signal_list > li:nth-child(2n){top:200px; margin:0 0 100px;}
.area_signal .signal_list > li > i{z-index:90; display:inline-block; position:absolute; top:-25px; left:-25px; width:50px; height:50px; border-radius:50px; background:#202744; color:#fff; font-weight:bold; text-align:center; font-size:25px; font-style:normal; line-height:50px;}
.area_signal .signal_list > li .area_img{position:relative; height:310px; border-radius:20px 20px 0 0;}
.area_signal .signal_list > li .area_img img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.area_signal .signal_list > li:nth-child(1) .area_img img,
.area_signal .signal_list > li:nth-child(5) .area_img img{position:absolute; top:inherit; left:inherit; bottom:0; left:50%; transform:translateX(-50%);}
.area_signal .signal_list > li:nth-child(1) .area_img{background:#e5defd;}
.area_signal .signal_list > li:nth-child(2) .area_img{background:#fee4ed;}
.area_signal .signal_list > li:nth-child(3) .area_img{background:#b9f8cb;}
.area_signal .signal_list > li:nth-child(4) .area_img{background:#fff4bf;}
.area_signal .signal_list > li:nth-child(5) .area_img{background:#cfe9fe;}
.area_signal .signal_list > li .area_txt{padding:20px 10px; background:#fff; border-radius:0 0 20px 20px; }
.area_signal .signal_list > li .area_txt > span{font-size:25px; font-weight:400; color:#333;}
.signal_ogj > li{position:absolute; z-index:1;}
.signal_ogj > li:nth-child(1){top:13%; right:-8%; z-index:0;}
.signal_ogj > li:nth-child(2){top:40%; left:-35%;}
.signal_ogj > li:nth-child(3){right:0%; bottom:40px;}
.signal_ogj > li:nth-child(3) img{width:300px; height:auto;}

@media (max-width: 1400px) {
	.signal_ogj > li:nth-child(1){top:12%;}
	.signal_ogj > li:nth-child(1) img{width:80%;}
}
@media (max-width: 1300px) {
	.area_signal .signal_list > li{margin:0 70px 70px 0;}
}
@media (max-width: 1200px) {
	.area_signal .signal_list{width:90%;}
	.area_signal .signal_list > li{margin:0 60px 60px 0; width:calc((100% / 2) - 30px); width:-webkit-calc((100% / 2) - 30px);}
	.area_signal .signal_list > li .area_img{height:0; padding-bottom:61%;}
	.area_signal .signal_list > li .area_img img{width:40%;}
	.area_signal .signal_list > li:nth-child(1) .area_img img, 
	.area_signal .signal_list > li:nth-child(5) .area_img img{width:70%;}
	.area_signal .signal_list > li:nth-child(2) .area_img img,
	.area_signal .signal_list > li:nth-child(4) .area_img img{width:50%;}
	.area_signal .signal_list > li:nth-child(2n){margin:0 0 60px; top:150px;}

}
@media (max-width: 1024px) {
	.area_signal h3{font-size:40px;}
	.signal_ogj > li:nth-child(1){top:2%; right:-20%;}
	.signal_ogj > li:nth-child(3) img{width:60%;}
	.signal_ogj > li:nth-child(3){right:-9%; bottom:0;}
}
@media (max-width: 950px) {
	.area_signal{padding:50px 0 0;}
	.area_signal .signal_list{width:100%; margin:60px auto 0;}
	.area_signal .signal_list > li{margin:0 40px 40px 0; width:calc((100% / 2) - 20px); width:-webkit-calc((100% / 2) - 20px);}
	.area_signal .signal_list > li:nth-child(2n){top:100px; margin:0 0 40px;}
	.area_signal .signal_list > li > i{left:-20px; top:-20px; width:40px; height:40px; line-height:40px; font-size:22px;}
	.area_signal .signal_list > li .area_txt{padding:15px 10px;}
	.area_signal .signal_list > li .area_txt > span{font-size:22px;}
	.signal_ogj > li:nth-child(1){top:12%;}
	.signal_ogj > li:nth-child(1) img{width:70%;}
}
@media (max-width: 768px) {
	.area_signal{padding:50px 0 0;}
	.area_signal h3{font-size:35px;}
	.area_signal .signal_list > li .area_txt{padding:10px;}
	.area_signal .signal_list > li .area_txt > span{font-size:20px;}
	.signal_ogj > li:nth-child(3){right:-30%; bottom:-30px;}
	.signal_ogj > li:nth-child(1) img{width:60%;}
	.signal_ogj > li:nth-child(1){right:-30%;}
}
@media (max-width: 650px) {
	.area_signal .signal_list > li{margin:0 30px 30px 0; width:calc((100% / 2) - 15px); width:-webkit-calc((100% / 2) - 15px);}
	.area_signal .signal_list > li:nth-child(2n){margin:0 0 30px;}
	.area_signal .signal_list > li > i{left:-16px; top:-16px; width:35px; height:35px; line-height:35px; font-size:18px;}
	.signal_ogj > li:nth-child(1){top:17%; right:-40%;}
}
@media (max-width: 550px) {
	.area_signal{padding:30px 0;}
	.area_signal h3{font-size:30px;}
	.area_signal .signal_list{margin:40px auto 0;}
	.area_signal .signal_list > li{margin:0 0 40px; width:100%;}
	.area_signal .signal_list > li:nth-child(2n){top:0; margin:0 0 40px;}
	.area_signal .signal_list > li .area_txt{padding:15px;}
	.area_signal .signal_list > li:last-child{margin:0;}
	.signal_ogj > li:nth-child(3){right:unset; left:-40%;}
}
@media (max-width: 450px) {
	.area_signal h3{font-size:27px;}
	.area_signal .signal_list > li .area_txt{padding:10px;}
}