

.all_wrap{position:relative;overflow:hidden;width:100%;}
.all_wrap img{    max-width: 100%;}

.side_bx{background: url(/images/bg_sub.jpg) no-repeat 50%;width: 15%;height:650px;position: absolute;right: 0;top: 560px;border-radius: 100px 0 0 100px;z-index: -1;}

.gps{text-align:center;}
.gps>div[class*="part"]{max-width:1200px;margin:90px auto;}
.gps>div:after{content:'';clear:both;display:block;}
.gps .fLeft{width:50%;float:left;text-align:right;}
.gps .fRight{width:50%;float:left;text-align:left;padding-top:109px;}
.gps h2{font-family: 'MapoFlowerIsland', 'Noto Sans KR', sans-serif;font-size:44px;font-weight: 400;margin-bottom:40px;letter-spacing: -.09em;word-break:keep-all;}
.gps h3{}
.gps h4{margin-bottom:30px;font-size:18px;font-weight:400;color:#ff7873;line-height:62px;position:relative;}
.gps h4 .num{font-family:'BCcardB',sans-serif;display:inline-block;width:62px;height:62px;background:#f48161;border:8px solid #f69a81;color:#fff;border-radius:50%;text-align:center;line-height:48px;font-size:22px;margin-left:10px;}
.gps p{letter-spacing: -.06em;font-size:20px;line-height:1.75;color:#1a1a1a;word-break:keep-all;}
.gps ul{}
.gps ul li{text-align:left;}
.gps span.color{color:#fe7c77}

.top{position: relative;}
.top .bg_bx_wrap{border:1px solid #fe7c77;padding:0 50px 50px 0;border-radius:0 0 120px 0;max-width:1605px;width:72.5%;overflow:hidden;height:773px;border-top:0;border-left:0;}
.top .bg_bx_wrap .bg_bx{border-radius:0 0 100px 0;overflow:hidden;background:url(/images/bg_main.jpg) no-repeat 50%;background-size: cover;height:100%;}
.top .bg_bx_wrap .bg_bx .cont_bx{color:#fff;margin-top: 130px;margin-left: 30px;}
.top .bg_bx_wrap .bg_bx .cont_bx img{margin-bottom: 45px;}
.top .bg_bx_wrap .bg_bx .cont_bx h1{font-family: 'MapoFlowerIsland', 'Noto Sans KR', sans-serif;font-size:80px;text-shadow: 3px 3px 12px rgba(0,0,0,.2);}
.top .bg_bx_wrap .bg_bx .cont_bx p{color:#fff;font-size:22px;margin-top:50px;}
.top .img_bx{position: absolute;top:63px;right: 50%;margin-right: -33%;}
.top .img_bx img{max-width:100%}


.part1 h4:before{content:'';position:absolute;top:50%;height:1px;background:#fe7c77;width:144px;left:-170px;box-shadow: 3px 3px 5px rgba(0,0,0,.34);z-index: 2;}
.part1 h4:after{content:'';position:absolute;top:50%;height:10px;background:#fe7c77;width:10px;left:-170px;border-radius:50%;margin-top:-5px;box-shadow: 3px 3px 5px rgba(0,0,0,.34);z-index: 2;}

.part2 h4:before{content:'';position:absolute;top:50%;height:1px;background:#fff;width:320px;right:-340px;box-shadow: 3px 3px 5px rgba(0,0,0,.34);z-index: 2;}
.part2 h4:after{content:'';position:absolute;top:50%;height:10px;background:#fff;width:10px;right:-340px;border-radius:50%;margin-top:-5px;box-shadow: 3px 3px 5px rgba(0,0,0,.34);z-index: 2;}

.part2{width:100%;max-width:initial!important}
.part2 .bg_bx_wrap{width:100%;max-width:1633px;margin:0 auto;border-radius:120px;border:1px solid #fe7c77;padding:50px;}
.part2 .bg_bx_wrap .bg_bx{border-radius:100px;background: #ff716e;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #ff926c, #ff716e);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #ff926c, #ff716e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.part2 .bg_bx_wrap .bg_bx:after{content:'';display:Block;clear:both;}
.part2 .bg_bx_wrap .bg_bx .fLeft{padding: 90px 70px 110px 0;}
.part2 .bg_bx_wrap .bg_bx .fLeft *{color:#fff;}
.part2 .bg_bx_wrap .bg_bx .fLeft .mtMore{margin-top:65px;}
.part2 .bg_bx_wrap .bg_bx .fRight{position: relative;float:right;}
.part2 .bg_bx_wrap .bg_bx .fRight img{position: absolute;top: -122px;left: 45px;}
.part2 h4 .num{background:rgba(255,255,255,.85);border-color:rgba(255,118,109,.73);color:#ff716e!important;}


.part3{position:relative;}
.part3 .arrow{width:501px;height:145px;background:url(/images/arrow_part3.png) no-repeat 50%;position:absolute;top: 134px;left: 50%;margin-left: -32%;z-index: 2;}
.part3 .bg_circle{width:590px;height:588px;background:url(/images/bg_circle.png) no-repeat 50%;position: absolute;top: 0%;left: -25%;z-index: -1;}
.part3 .fRight{padding-left:140px;}
.part3 ul{margin-left:-5px;margin-top:30px;}
.part3 ul li{background:#ff7974;width:262px;height:42px;line-height:36px;padding-left:20px;border-radius:30px;margin-top:13px;}
.part3 ul li *{display:inline-block;vertical-align:middle;}
.part3 ul li img{margin-right:7px;}
.part3 ul li span{color:#fff;font-size:18px;letter-spacing: -.06em;}

.bottom{text-align:center;background:#f5f5f5;padding:90px 20px 90px 40px;}
.bottom h2{margin:0 0 40px;}
.bottom h2 img{display:block;margin:0 auto 20px;}
.bottom ul{display:inline-block;max-width:1200px;width:100%;margin:0 auto;}
.bottom ul li{margin-bottom:13px;list-style: decimal;letter-spacing: -.07em;font-size:20px;line-height:1.75;color:#1a1a1a;word-break:keep-all;}

p.ft_copy{font-size:15px!important;padding:.8em 20px;letter-spacing: 0.5px;text-transform: uppercase;background: #808080;color: #fff;font-weight: 300;line-height: 22px;}

@media(max-width:1650px) and (min-width:641px){
	
	.top .img_bx{margin-right:-39%}
	.top .bg_bx_wrap .bg_bx .cont_bx{text-align: left;padding-right: 188px;word-break: keep-all;}
	.top .bg_bx_wrap .bg_bx .cont_bx h1{font-size:45px;line-height: 1.25;}
	.top .bg_bx_wrap .bg_bx .cont_bx br{display:none;}
	.top .bg_bx_wrap .bg_bx .cont_bx p{font-size: 19px;margin-top: 32px;}
	.top .bg_bx_wrap .bg_bx .cont_bx img {width: 94px;margin-bottom: 33px;}
	
	.gps h2{font-size: 30px;margin-bottom: 18px;}
	.gps p{font-size: 18px;}
	.gps p br{display:none;}
	
	.part2{padding:0 20px;}
	.part2 .bg_bx_wrap .bg_bx .fRight img{top: -39px;}
	.part2 .bg_bx_wrap .bg_bx .fLeft {padding: 60px 48px 75px 20px;}
	
	.side_bx{top: 710px}
	
	.bottom ul li{font-size:18px;}
}
@media(max-width:1240px){
	.gps>div[class*="part"]{padding:0 20px;}
}
@media(max-width:990px){	
	.gps>div[class*="part"]{max-width:640px!important;margin:35px auto;}
	.gps h2 { font-size:24px;margin-bottom: 20px;}
	.gps h4{line-height:28px;font-size:14px;margin-bottom: 20px;}
	.gps h4 .num {width: 35px;height: 35px;border-width:5px;line-height: 28px;font-size: 14px;}
	.gps p{font-size:16px;}
	.gps p br{display:none;}
	.gps .fLeft{width:100%;float:inherit;text-align:left;padding:0!important;}
	.gps .fRight{width:100%;float:inherit;text-align:left;padding:0!important;}
	
	.top .img_bx{margin-right: -395px;}
	.top .bg_bx_wrap .bg_bx .cont_bx {color: #fff;margin-top: 30px;margin-left: 20px;padding-right:20px;padding-top:174px;text-align: left;}

	.part2 .bg_bx_wrap{padding: 50px;border:none;padding:0;border-radius:0;}
	.part2 .bg_bx_wrap .bg_bx{border-radius: 45px;}
	.part2 .bg_bx_wrap .bg_bx .fLeft{padding:30px 20px !important;}
	.part2 .bg_bx_wrap .bg_bx .fLeft .mtMore{margin-top:25px}
	.part2 .bg_bx_wrap .bg_bx .fRight{float:inherit;margin-bottom: -37%;}
	.part2 .bg_bx_wrap .bg_bx .fRight img{top: -31px;right: -25px;left: auto;position: relative;width:90%;}
	
	.part3 .bg_circle{display:none;}
	.part3 ul li span{font-size:14px;}
	.part3 ul li img {margin-right: 7px;height: 18px;}

	.bottom{padding:30px 20px 30px 10px;}
	.bottom h2 img{margin: 0 auto 10px;height: 25px;}
	.bottom ul li{margin-left:20px;font-size:16px;}
	
	p.ft_copy{font-size:13px!important;line-height:18px;}
	p.ft_copy br{display:Block;}
	
	.part1 h4:before{display:none;}
	.part1 h4:after{display:none;}
	.part2 h4:before{display:none;}
	.part2 h4:after{display:none;}
	.part3 .arrow{display:none;}
}
@media(max-width:990px) and (min-width:681px){
	.top .bg_bx_wrap .bg_bx .cont_bx{padding-right: 325px;    margin-top: -29px;max-width:640px;position:absolute;left:50%;margin-left:-320px;}
}
@media(max-width:680px){
	.gps>div[class*="part"]{padding:0 20px}
	
	.top .bg_bx_wrap {padding: 0 10px 10px 0px;border-radius: 0 0 100px 0; width: 90%;height: 580px;border-top: 0;border-left: 0;}
	.top .bg_bx_wrap .bg_bx .cont_bx h1 {font-size: 30px;padding-right: 114px; word-break: keep-all; line-height: 1.28; width: 146px;}
	.top .bg_bx_wrap .bg_bx .cont_bx p{font-size:16px;margin-top:20px;}
	.top .bg_bx_wrap .bg_bx .cont_bx img { margin-bottom: 15px; width: 55px;}
	.top .img_bx{right: -38px; margin-right: 0;top:5px;}
	.top .img_bx img{width: 215px;}
	.top .bg_bx_wrap .bg_bx{border-radius: 0 0 100px 0;}
}