/* CSS Document */

body{background:#1f2237;}
*{font-family:'TmoneyRoundWind','Noto Sans KR',malgun gothic;}

.wrap{overflow: hidden;}
.wrap_{width:1280px; margin:auto;}
@media screen and (max-width:1280px){
    .wrap_{width:100%;}
}


.top{height: 100px; position: fixed; top:0; left:0; right:0; z-index: 1000; background: none; border-bottom: 1px rgba(255,255,255,0.5) solid; transition: 0.3s;}
.top.move{ background: #fff; border-bottom: 1px rgba(222,222,222,0.5) solid;}
.top nav{}
.top nav ul{display: flex; justify-content: center;}
.top nav li{float: left; margin-left: 72px; width: 150px; height: 100px; position: relative; transition: 0.3s;}
.top nav li:first-child{margin-left: 0;}
.top nav li a{position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 500; letter-spacing: -1px; color:#000; transition: 0.3s;}
.top nav li a:hover{color:#1a22ce;}

@media screen and (max-width:1000px){
    .top{height: 70px;}
    .top nav li{margin-left: 50px; width: 100px; height: 70px;}
    .top nav li a{font-size: 18px;}
}
@media screen and (max-width:640px){
    .top{height: 60px;}
    .top nav li{margin-left: 20px; width: 70px; height: 60px;}
    .top nav li a{font-size: 16px;}
}
@media screen and (max-width:360px){
    .top{height: 50px;}
    .top nav li{margin-left: 10px; width: 60px; height: 50px;}
    .top nav li a{font-size: 15px;}
}


.content{background: #fff;}


.content .ti{display: block; text-align: center; background: url(../images/main/content_ti_icon.png) no-repeat center 0; padding-top: 85px; font-size: 40px; font-weight: 700; line-height: 1.5; letter-spacing: -1px; color:#3c476b; transition: 0.3s;}
.content .ti .blue{ color:#2977e2; background: url(../images/main/content_ti_point_underline.png) repeat-x center bottom;}

@media screen and (max-width:1280px){
    .content .ti{ font-size: 32px;}
}
@media screen and (max-width:1000px){
    .content .ti{font-size: 26px; padding:80px 50px 0; background-size: 50px auto;}
}
@media screen and (max-width:640px){
    .content .ti{font-size: 20px; padding:40px 30px 0; background-size: 30px auto;}
}


.main_wrap1{display: flex; justify-content: center;}
.main_wrap1 > img{object-fit: contain;}
.main_wrap1 > .txt_wrap{position: absolute; top:40%; display: flex; flex-direction: column; align-items: center;}
.main_wrap1 > .txt_wrap img{margin-bottom: 48px;}
.main_wrap1 > .txt_wrap span{font-size: 18px; line-height: 1.6; letter-spacing: -1px; color: #565656; text-align: center;}
.main_wrap1 > .scroll_icon{position: absolute; bottom:50px; width: 23px; height: 53px; background: url(../images/main/main_wrap1_scroll.png) no-repeat;}
@media screen and (max-width:1000px){
    .main_wrap1{background: url(../images/main/main_wrap1_bg1_mobile.jpg) no-repeat center 0; background-size: auto 100%; height: 100vh;}
    .main_wrap1 > img{display: none;}
    .main_wrap1 > .txt_wrap{position: absolute; top:45%; display: flex; flex-direction: column; align-items: center;}
    .main_wrap1 > .txt_wrap img{width: 60%;}
    .main_wrap1 > .txt_wrap span{padding: 0 50px;}
}
@media screen and (max-width:800px){
    .main_wrap1 > .txt_wrap span{font-size: 16px; letter-spacing: -1.5px;}
}
@media screen and (max-width:640px){
    .main_wrap1 > .txt_wrap span{font-size: 14px;}
}


.main_wrap2{margin-top: 130px;}
.main_wrap2 .wrap_{}
.main_wrap2 .wrap_ > div img{width: 100%; margin-top: 64px;}
@media screen and (max-width:640px){
    .main_wrap2{margin-top: 90px;}
    .main_wrap2 > div > div{ overflow-x: scroll;}
    .main_wrap2 .wrap_ > div img{margin-top: 48px; width: 150%;}
}


.main_wrap3{margin-top: 190px;}
.main_wrap3 > .ti{padding-bottom: 105px; background: url(../images/main/main_wrap3_bg3.gif) no-repeat center bottom; z-index: 10 !important; position: relative; overflow: hidden;}
.main_wrap3 > div{background: url(../images/main/main_wrap3_bg1.gif) no-repeat center 0; margin-top: -36px; z-index: 1 !important; position: relative; min-height: 508px; text-align: center; overflow: hidden;}
.main_wrap3 > div > strong{margin-top: 132px; color:#fff; text-shadow: rgba(0, 0, 0, 0.43) 2px 2px 4px; font-size: 48px; font-weight: 700; letter-spacing: -2px;}
.main_wrap3 > div > ul{background: url(../images/main/main_wrap3_bg2.gif) no-repeat center 0; height: 480px; display: flex; justify-content: center; overflow: hidden; margin-top: 35px; padding-top: 180px;}
.main_wrap3 > div > ul li{width: 280px; font-size: 24px; font-weight: 900; letter-spacing: -2px; color:#0b235c;}
.main_wrap3 > div > ul li:nth-child(1){background: url(../images/main/main_wrap3_icon1.png) no-repeat center 50px;}
.main_wrap3 > div > ul li:nth-child(2){background: url(../images/main/main_wrap3_icon2.png) no-repeat center 50px;}
.main_wrap3 > div > ul li:nth-child(3){background: url(../images/main/main_wrap3_icon3.png) no-repeat center 50px;}
.main_wrap3 > div > p{font-size: 25px; line-height: 1.6; font-weight: 400; color:#000; letter-spacing: -1px;}
.main_wrap3 > div > p strong{font-weight: 700; display: inline;}
@media screen and (max-width:1280px){
    .main_wrap3 > div > p{font-size: 22px; padding: 0 50px;}
    .main_wrap3 > div > p br{display: none;}
}
@media screen and (max-width:1000px){
    .main_wrap3{margin-top: 90px;}
    .main_wrap3 > .ti{padding-bottom: 80px; background-size: auto 60px;}
    .main_wrap3 > div{ min-height: 337px; background-size: auto 337px; margin-top: -30px;}
    .main_wrap3 > div > strong{margin-top: 100px; font-size: 30px;}
    .main_wrap3 > div > ul{background-size:auto 320px; height: 300px; margin-top: 30px; padding-top: 120px;}
    .main_wrap3 > div > ul li{width: 170px; font-size: 18px; font-weight: 700; letter-spacing: -1px;}
    .main_wrap3 > div > ul li:nth-child(1),
    .main_wrap3 > div > ul li:nth-child(2),
    .main_wrap3 > div > ul li:nth-child(3){background-position:center 40px; background-size: 60px;}
    .main_wrap3 > div > p{font-size: 18px;}
}
@media screen and (max-width:640px){
    .main_wrap3 > .ti{padding-bottom: 50px; background-size: auto 40px;}
    .main_wrap3 > div{ min-height: 229px; background-size: auto 229px;margin-top: -20px;}
    .main_wrap3 > div > strong{margin-top: 50px; font-size: 22px;}
    .main_wrap3 > div > ul{background-size:auto 250px; height: 220px; margin-top: 20px; padding-top: 95px;}
    .main_wrap3 > div > ul li{width: 130px; font-size: 16px; font-weight: 500;}
    .main_wrap3 > div > ul li:nth-child(1),
    .main_wrap3 > div > ul li:nth-child(2),
    .main_wrap3 > div > ul li:nth-child(3){background-position:center 30px; background-size: 50px;}
    .main_wrap3 > div > p{font-size: 16px; padding: 0 30px;}
}
@media screen and (max-width:480px){
    .main_wrap3 > .ti{padding-bottom: 30px; background-size: auto 20px;}
    .main_wrap3 > div{ min-height: 158px; background-size: auto 158px;margin-top: -10px;}
    .main_wrap3 > div > strong{margin-top: 20px; font-size: 18px;}
    .main_wrap3 > div > ul{background-size:auto 200px; height: 180px; margin-top: 10px; padding-top: 80px;}
    .main_wrap3 > div > ul li{width: 105px; font-size: 13px;}
    .main_wrap3 > div > ul li:nth-child(1),
    .main_wrap3 > div > ul li:nth-child(2),
    .main_wrap3 > div > ul li:nth-child(3){background-position:center 22px; background-size: 35px;}
    .main_wrap3 > div > p{font-size: 14px; padding: 0 10px;}
}



.main_wrap4{margin-top: 194px;}
.main_wrap4 > div{margin-top: 66px; background: #f2f2f2; padding: 40px 0;}
.main_wrap4 > div > ul{display: flex; justify-content: center;}
.main_wrap4 > div > ul li{width: 262px; background: url(../images/main/main_wrap4_icon_arrow.png) no-repeat 220px center;}
.main_wrap4 > div > ul li:last-child{width: 200px; background: url(../images/main/main_wrap4_icon_arrow.png) no-repeat 220px center;}
.main_wrap4 > div > ul li span{float:left; width: 200px; height: 200px; background: #fff; border:1px #ccc solid; font-size: 20px; font-weight: 500; letter-spacing: -1px; color:#000; padding-top: 140px; text-align: center;}
.main_wrap4 > div > ul li:nth-child(1) span{background:#fff url(../images/main/main_wrap4_icon1.png) no-repeat center 40px;}
.main_wrap4 > div > ul li:nth-child(2) span{background:#fff url(../images/main/main_wrap4_icon2.png) no-repeat center 40px;}
.main_wrap4 > div > ul li:nth-child(3) span{background:#fff url(../images/main/main_wrap4_icon3.png) no-repeat center 40px;}
.main_wrap4 > div > ul li:nth-child(4) span{background:#fff url(../images/main/main_wrap4_icon4.png) no-repeat center 40px;}
.main_wrap4 > p{font-size: 20px; line-height: 1.6; letter-spacing: -1px; color:#000; text-align: center; margin-top: 45px;}
.main_wrap4 > p strong{display: inline; padding-left: 5px;}
@media screen and (max-width:1280px){
    .main_wrap4 > p{font-size: 18px; padding: 0 50px;}
    .main_wrap4 > p br{display: none;}
}
@media screen and (max-width:1000px){
    .main_wrap4{margin-top: 90px;}
    .main_wrap4 > div{margin-top: 40px;}
    .main_wrap4 > div > ul {padding:0 5%;}
    .main_wrap4 > div > ul li{width: 26%; background: url(../images/main/main_wrap4_icon_arrow.png) no-repeat 93% center;}
    .main_wrap4 > div > ul li:last-child{width: 22%;}
    .main_wrap4 > div > ul li span{width: 80%; height: 180px; font-size: 18px; padding-top: 120px;}
    .main_wrap4 > div > ul li:last-child span{width: 100%;}
    .main_wrap4 > div > ul li:nth-child(1) span,
    .main_wrap4 > div > ul li:nth-child(2) span,
    .main_wrap4 > div > ul li:nth-child(3) span,
    .main_wrap4 > div > ul li:nth-child(4) span{background-position:center 30px;}
    .main_wrap4 > p{font-size: 18px; margin-top: 30px;}
}
@media screen and (max-width:800px){
    .main_wrap4 > div{padding: 20px 0;}
    .main_wrap4 > div > ul{padding: 0 20px;}
    .main_wrap4 > div > ul li{background-position:94% center; background-size: 10%;}
    .main_wrap4 > div > ul li span{width: 80%; height: 120px; font-size: 16px; padding-top: 75px;}
    .main_wrap4 > div > ul li:nth-child(1) span,
    .main_wrap4 > div > ul li:nth-child(2) span,
    .main_wrap4 > div > ul li:nth-child(3) span,
    .main_wrap4 > div > ul li:nth-child(4) span{background-position:center 17px; background-size: 40%;}
    .main_wrap4 > p{font-size: 16px; margin-top: 20px; padding: 0 30px;}
}
@media screen and (max-width:640px){
    .main_wrap4 > div{margin-top: 20px;}
    .main_wrap4 > div > ul li{ background-size: 8%;}
    .main_wrap4 > div > ul li span{height: 110px; font-size: 13px; padding-top: 65px;}
    .main_wrap4 > div > ul li:nth-child(1) span,
    .main_wrap4 > div > ul li:nth-child(2) span,
    .main_wrap4 > div > ul li:nth-child(3) span,
    .main_wrap4 > div > ul li:nth-child(4) span{background-position:center 17px; background-size: 40%;}
    .main_wrap4 > p{margin-top: 15px;}
}
@media screen and (max-width:480px){
    .main_wrap4 > div > ul li span{height: 90px; font-size: 12px; padding-top: 50px;}
    .main_wrap4 > div > ul li:nth-child(1) span,
    .main_wrap4 > div > ul li:nth-child(2) span,
    .main_wrap4 > div > ul li:nth-child(3) span,
    .main_wrap4 > div > ul li:nth-child(4) span{background-position:center 15px;}
    .main_wrap4 > p{ font-size: 14px; padding: 0 10px;}
}




.main_wrap5{margin-top: 195px;}
.main_wrap5 > div{background: url(../images/main/main_wrap5_bg1.gif) no-repeat center 0, url(../images/main/main_wrap5_bg2.gif) no-repeat center 460px; height: 783px; display: flex; flex-direction: column; align-items: center;}
.main_wrap5 > div > strong{background: url(../images/main/main_wrap5_logo1.png) no-repeat; width: 273px; height: 87px; text-indent: -1000px; overflow: hidden; margin-top: 124px;}
.main_wrap5 > div > ul{display: flex; justify-content: center; margin-top: 82px;}
.main_wrap5 > div li{padding: 0 13px; position: relative; display: flex; flex-direction: column; align-items: center;}
.main_wrap5 > div li span{position: absolute; top:-36px; left:0; background: url(../images/main/main_wrap5_iconbg2.png) no-repeat; display: flex; align-items: center; justify-content: center; width: 115px; height: 121px; padding: 0 21px 28px 0; color: #fff; font-size: 25px; line-height: 1; font-weight: 900;}
.main_wrap5 > div li em{position: absolute; height: 50px; text-align: center; top: 30px; padding: 13px 20px; background: url(../images/main/main_wrap5_iconbg1.gif) no-repeat; font-size: 30px; line-height: 1; font-weight: 700; letter-spacing: -2px; color: #0054a6;}
.main_wrap5 > div li p{width: 340px; height: 240px; background: #fff; border:2px #0054a6 solid; border-radius: 18px; padding: 100px 30px 0 30px; min-height: 240px; text-align: center; font-size: 17px; font-weight: 300; letter-spacing: -2px; color:#000;}
@media screen and (max-width:1280px){
    .main_wrap5 > div li{padding: 0 10px;}
    .main_wrap5 > div li p{width: 100%;}
}
@media screen and (max-width:1000px){
    .main_wrap5{margin-top: 90px;}
    .main_wrap5 > div{height: auto; display: block; text-align: center;}
    .main_wrap5 > div > ul{flex-direction: column; padding: 0 50px;}
    .main_wrap5 > div li{margin-bottom: 20px; width: 100%;}
    .main_wrap5 > div li span{font-size: 20px;}
    .main_wrap5 > div li em{height: 40px; font-size: 22px;}
    .main_wrap5 > div li p{width: 100%; height: auto; min-height: 1px; padding-bottom: 20px;}
}
@media screen and (max-width:640px){
    .main_wrap5 > div > ul{padding: 0 30px;}
    .main_wrap5 > div li span{width: 85px; height: 100px; background-size: 100%; padding: 0 19px 29px 0; top:-10px; left:0;}
    .main_wrap5 > div li p{font-size: 16px;}
}
@media screen and (max-width:480px){
    .main_wrap5 > div > ul{padding: 0 10px;}
    .main_wrap5 > div li p{font-size: 14px;}
}




.main_wrap6{}
.main_wrap6 > div{margin-top: 30px; background: url(../images/main/main_wrap6_bg1.gif) no-repeat; display: flex; flex-direction: column; align-items: center; padding: 0 50px;}
.main_wrap6 > div > strong{width: 170px; height: 170px; background: #03a0dc; border: 20px #fff solid; border-radius: 100px; font-size: 21px; line-height: 1.5; color:#fff; display: flex; align-items: center; justify-content: center; text-align: center; margin-top: 25px;}
.main_wrap6 > div > ul{display: flex; justify-content: center; padding: 45px 0 0 0; background: url(../images/main/main_wrap6_bg2.gif) no-repeat center 0; margin-top: 20px; width: 100%;}
.main_wrap6 > div li{float:left; margin:0 25px; padding-bottom: 10px; background: url(../images/main/main_wrap6_arrow1.png) no-repeat center bottom;}
.main_wrap6 > div li:nth-child(2){background-image: url(../images/main/main_wrap6_arrow2.png);}
.main_wrap6 > div li span{float:left; width: 175px; height: 155px; font-size: 22px; line-height: 1.3; font-weight: 500; letter-spacing: -1px; color:#fff; display: flex; align-items:flex-start; justify-content: center; background: #0054a6; border-radius: 15px; text-align: center; padding-top: 80px;}
.main_wrap6 > div li:nth-child(1) span{background:#0054a6 url(../images/main/main_wrap6_icon1.png) no-repeat center 20px;}
.main_wrap6 > div li:nth-child(2) span{background: #103284 url(../images/main/main_wrap6_icon2.png) no-repeat center 20px;;}
.main_wrap6 > div li:nth-child(3) span{background:#0054a6 url(../images/main/main_wrap6_icon3.png) no-repeat center 20px;}
.main_wrap6 > div p{margin-top: 30px; padding: 35px; font-size: 25px; line-height: 1.5; letter-spacing: -2px; color:#000; text-align: center; background: #fff; border: 3px #03a0dc solid; border-radius: 20px; width: 100%;}
.main_wrap6 > div p strong{color:#146ac2;}
@media screen and (max-width:1000px){
    .main_wrap6{margin-top: 90px;}
    .main_wrap6 > div p{padding: 30px; font-size: 20px;}
}
@media screen and (max-width:800px){
    .main_wrap6 > div{background-size: auto 300px;}
    .main_wrap6 > div > strong{width: 150px; height: 150px; border: 10px #fff solid; border-radius: 100px; font-size: 18px;}
    .main_wrap6 > div > ul{justify-content:space-between; padding: 35px 0 0 0; margin-top: 10px;}
    .main_wrap6 > div li{margin:auto;}
    .main_wrap6 > div li span{width: 150px; font-size: 18px;}
    .main_wrap6 > div p{padding: 20px 30px; font-size: 18px;}
}
@media screen and (max-width:640px){
    .main_wrap6 > div{padding: 0 30px; background-size: auto 260px;}
    .main_wrap6 > div > strong{width: 120px; height: 120px; border: 4px #fff solid; font-size: 16px;}
    .main_wrap6 > div > ul{justify-content:space-between; padding: 35px 0 0 0; margin-top: 10px;}
    .main_wrap6 > div li{margin:auto;}
    .main_wrap6 > div li span{float:left; width: 120px; height: 120px; font-size: 16px; line-height: 1.3; border-radius: 10px; padding-top: 60px; background-size: 25% !important;}
    .main_wrap6 > div p{padding: 10px 20px; font-size: 16px; letter-spacing: -1px;}
}
@media screen and (max-width:480px){
    .main_wrap6 > div{padding: 0 10px; background-size: auto 220px;}
    .main_wrap6 > div > strong{width: 100px; height: 100px; border: 4px #fff solid; font-size: 16px;}
    .main_wrap6 > div > ul{padding: 20px 0 0 0; margin-top: 5px;}
    .main_wrap6 > div li span{float:left; width: 100px; height: 100px; font-size: 14px; border-radius: 10px; padding-top: 50px; font-weight: 500;}
    .main_wrap6 > div p{border-radius: 10px; font-size: 14px; margin-top: 10px;}
}




.main_wrap7{margin-top: 197px;}
.main_wrap7 > div{background: url(../images/main/main_wrap7_bg2.gif) no-repeat center 0; margin-top: 55px; display: flex; flex-direction: column; align-items: center;}
.main_wrap7 > div > strong{margin-top: 75px; color:#0b235c; font-size: 24px; letter-spacing: -1px;}
.main_wrap7 > div > ul{display: flex; justify-content: center; margin-top: 15px;}
.main_wrap7 > div li{padding: 70px 12px 0 12px;}
.main_wrap7 > div li:nth-child(1){background: url(../images/main/main_wrap7_line1.png) no-repeat center 0;}
.main_wrap7 > div li:nth-child(2){background: url(../images/main/main_wrap7_line2.png) no-repeat center 0;}
.main_wrap7 > div li:nth-child(3){background: url(../images/main/main_wrap7_line3.png) no-repeat center 0;}
.main_wrap7 > div li > div{ float: left; width: 410px; height: 230px; background: #fff; box-shadow: rgba(85,95,109,0.13) 0 26px 52px; display: flex; flex-direction: column; align-items: center; justify-content:flex-start; padding: 47px 10px;}
.main_wrap7 > div li > div > span{position: absolute; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; color:#0054a6; font-size: 24px; font-weight: 500; border:5px #0054a6 solid; border-radius: 25px; top:-15px; left:20px; box-shadow: rgba(0, 0, 0, 0.2) 10px 15px 25px; background: #fff;}
.main_wrap7 > div li em{font-size: 25px; line-height: 1; letter-spacing: -2px; font-weight: 700; color:#000; width: 290px; text-align: center; border-bottom:1px #ccc solid; padding-bottom: 33px; display: flex; justify-content: center;}
.main_wrap7 > div li em span{position: relative; font-size: 17px; font-weight: 400; color: #353535; display: inline; width: auto; height: auto; margin-top: 8px; padding-left: 5px;}
.main_wrap7 > div li p{padding-top: 25px; text-align: center; font-size: 18px; line-height: 1.6; letter-spacing: -2px; color:#000;}
.main_wrap7 > div li p strong{color:#146ac2; font-weight: 700;}
@media screen and (max-width:1320px){
    .main_wrap7 > div li > div{ float: left; width: 300px; height: 260px; background: #fff; box-shadow: rgba(85,95,109,0.13) 0 26px 52px; display: flex; flex-direction: column; align-items: center; justify-content:flex-start; padding: 47px 10px;}
}
@media screen and (max-width:1000px){
    .main_wrap7{margin-top: 90px;}
    .main_wrap7 > div{margin-top: 30px; padding: 0 50px;}
    .main_wrap7 > div > strong{margin-top: 50px; font-size: 20px;}
    .main_wrap7 > div > ul{ margin-top: 10px; flex-direction: column; width: 100%;}
    .main_wrap7 > div li{background: none !important; padding-top: 40px;}
    .main_wrap7 > div li > div{ width: 100%; height: auto; padding: 20px 30px;}
    .main_wrap7 > div li > div > span{font-size: 22px; top:-15px; left:-15px;}
    .main_wrap7 > div li em{font-size: 22px; width: 100%; padding-bottom: 20px;}
    .main_wrap7 > div li em span{position: relative; font-size: 16px; margin-top: 8px;}
    .main_wrap7 > div li p{padding-top: 25px; text-align: center; font-size: 18px; line-height: 1.6; letter-spacing: -2px; color:#000;}
    .main_wrap7 > div li p strong{color:#146ac2; font-weight: 700;}
}
@media screen and (max-width:640px){
    .main_wrap7 > div{margin-top: 10px; padding: 0 30px;}
    .main_wrap7 > div > strong{margin-top: 50px;}
    .main_wrap7 > div > ul{ margin-top: 0;}
    .main_wrap7 > div li{padding-top: 20px;}
    .main_wrap7 > div li em{font-size: 18px; padding-bottom: 10px; letter-spacing: -1px;}
    .main_wrap7 > div li em span{font-size: 14px; margin-top: 5px;}
    .main_wrap7 > div li p{padding-top: 15px; font-size: 16px; letter-spacing: -1px;}
}
@media screen and (max-width:480px){
    .main_wrap7 > div{padding: 0 10px;}
    .main_wrap7 > div > strong{margin-top: 40px; font-size: 16px;}
    .main_wrap7 > div li{padding-top: 15px;}
    .main_wrap7 > div li > div > span{width: 30px; height: 30px; font-size: 18px; border:2px #0054a6 solid; top:-5px; left:5px;}
    .main_wrap7 > div li em{font-size: 16px;}
    .main_wrap7 > div li em span{font-size: 12px; margin-top: 3px;}
    .main_wrap7 > div li p{padding-top: 10px; font-size: 14px;}
}




.main_wrap8{margin-top: 220px; padding-bottom: 165px; background: #f1f0f0;}
.main_wrap8 > div{ background: url(../images/main/main_wrap8_logo.png) no-repeat center 147px; overflow:hidden;}
.main_wrap8 > div > ul{margin-top: 270px; display: flex; flex-direction: column;}
.main_wrap8 > div li{position: relative; margin-top: 80px; padding-right: 25px;}
.main_wrap8 > div li em{width: 235px; height: 235px; display: flex; align-items:flex-start; justify-content: center; padding-top: 142px; color:#fff; font-size: 22px; line-height: 1.3; font-weight: 700; letter-spacing: -2px; border-radius: 150px; text-align: center; float: left;}
.main_wrap8 > div li:nth-child(1) em{background:url(../images/main/main_wrap8_icon1.png) no-repeat center 65px, url(../images/main/main_wrap8_bg1.gif) no-repeat center center;}
.main_wrap8 > div li:nth-child(2) em{background:url(../images/main/main_wrap8_icon2.png) no-repeat center 65px, url(../images/main/main_wrap8_bg2.gif) no-repeat center center;}
.main_wrap8 > div li:nth-child(3) em{background:url(../images/main/main_wrap8_icon3.png) no-repeat center 55px, url(../images/main/main_wrap8_bg3.gif) no-repeat center center; padding-top: 135px;}
.main_wrap8 > div li > div{width:calc(100% - 120px); background: url(../images/main/main_wrap8_arrow.png) no-repeat; padding-left: 82px; margin-left: -115px; float: left;}
.main_wrap8 > div li > div > div{background: #fff; border-radius: 18px; border-top-left-radius:0; overflow: hidden; padding: 46px 72px; box-shadow: rgba(92, 114, 114, 0.2) 10px 15px 15px;}
.main_wrap8 > div li > div span{width: 50%; float:left; font-size: 25px; line-height: 2; font-weight: 400; letter-spacing: -2px; color:#434446;}
@media screen and (max-width:1280px){
    .main_wrap8 > div li > div > div{padding: 30px 40px;}
    .main_wrap8 > div li > div span{font-size: 20px;}
}
@media screen and (max-width:1000px){
    .main_wrap8{margin-top: 90px; padding-bottom: 90px;}
    .main_wrap8 > div{padding: 0 50px; background-size: 60%; background-position: center 60px;}
    .main_wrap8 > div ul{margin-top: 160px;}
    .main_wrap8 > div li{margin-top: 40px; padding-right: 0; display: flex; flex-direction: column; align-items: center;}
    .main_wrap8 > div li em{width: 180px; height: 180px; padding-top: 100px; font-size: 22px; background-position: center 30px, center 0 !important; background-size: 55px, auto !important;}
    .main_wrap8 > div li:nth-child(3) em{padding-top: 90px; font-size: 18px; background-size: 50px, auto !important; }
    .main_wrap8 > div li > div{width:100%; background: none; padding-left:0; margin-left: auto; float:none; margin-top: -30px;}
    .main_wrap8 > div li > div > div{ border-radius: 18px !important; padding-top: 50px;}
    .main_wrap8 > div li > div > div span{font-size: 16px; line-height: 1.5;}
}
@media screen and (max-width:800px){
    .main_wrap8 > div ul{margin-top: 160px;}
    .main_wrap8 > div li{margin-top: 30px;}
    .main_wrap8 > div li em{font-size: 18px;}
    .main_wrap8 > div li:nth-child(3) em{font-size: 18px;}
    .main_wrap8 > div li > div > div span{width:100%;}
}
@media screen and (max-width:640px){
    .main_wrap8 > div{padding: 0 30px;}
    .main_wrap8 > div ul{margin-top: 120px;}
    .main_wrap8 > div li em{width: 150px; height: 150px; padding-top: 80px; font-size: 18px; background-position: center 30px, center 0 !important; background-size: 45px, auto !important; z-index: 10;}
    .main_wrap8 > div li:nth-child(3) em{padding-top: 85px; font-size: 18px; background-size: 40px, auto !important; }
    
}
@media screen and (max-width:480px){
    .main_wrap8 > div{padding: 0 10px;}
    .main_wrap8 > div ul{margin-top: 100px;}
    .main_wrap8 > div li em{width: 120px; height: 120px; padding-top: 70px; font-size: 16px; background-position: center 20px, center 0 !important; background-size: 45px, auto !important; z-index: 10;}
    .main_wrap8 > div li:nth-child(3) em{padding-top: 65px; font-size: 16px; background-position: center 20px, center 0 !important; background-size: 40px, auto !important; }
    .main_wrap8 > div li > div > div{padding: 40px 30px 20px 30px;}
    .main_wrap8 > div li > div > div span{font-size: 14px;}
}




.main_wrap9{}
.main_wrap9 .txt_wrap{background: url(../images/main/main_wrap9_bg1.gif) no-repeat center 0; background-size: auto 100%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 440px;}
.main_wrap9 .txt_wrap strong{color:#fff; font-size: 45px; letter-spacing: -3px; line-height: 1; margin-bottom: 25px;}
.main_wrap9 .txt_wrap em{color:#fff; font-size: 35px; line-height: 1; font-weight: 400; border-bottom:2px #fff solid; padding-bottom: 7px;}
.main_wrap9 .txt_wrap em span{font-weight: 700; }
.main_wrap9 .counsel_wrap{background: url(../images/main/main_wrap9_bg2.gif) no-repeat center 0;}
.main_wrap9 .counsel_wrap > div{height: 118px; display:flex; justify-content:center; align-items: center;}
.main_wrap9 .counsel_wrap > div input[type=text]{background: #fff; border-radius: 2px; width: 242px; height: 49px; color:#6f7dab; font-size: 17px; letter-spacing: -2px; font-weight: 300; padding: 0 17px; margin-right: 14px;}
.main_wrap9 .counsel_wrap > div button{ width: 186px; height: 49px; color:#fff; background: #1b0c67; font-size: 22px; font-weight: 500; letter-spacing: -2px; border:0; border-radius: 5px; box-shadow: rgba(88,117,224,0.83) 3px 5px 5px; transition: 0.3s;}
.main_wrap9 .counsel_wrap > div button:hover{background: #861c62;}
@media screen and (max-width:1280px){
    .main_wrap9 .txt_wrap strong{font-size: 36px; letter-spacing: -2px; margin-bottom: 20px;}
    .main_wrap9 .txt_wrap em{font-size: 28px;}
    .main_wrap9 .counsel_wrap > div{height: 100px;}
    .main_wrap9 .counsel_wrap > div input[type=text]{width: 160px;  font-size: 16px; letter-spacing: -1px; margin-right: 10px;}
    .main_wrap9 .counsel_wrap > div button{ width: 160px; font-size: 18px;}
}
@media screen and (max-width:1000px){
    .main_wrap9 .txt_wrap{height: 250px; padding: 0 50px;}
    .main_wrap9 .txt_wrap strong{font-size: 30px; line-height:1.5 !important;}
    .main_wrap9 .txt_wrap em{font-size: 22px; line-height: 1.5;}
    .main_wrap9 .counsel_wrap{ background-position: center 0; background-size: auto 100%; }
    .main_wrap9 .counsel_wrap > div{flex-direction: column; height: auto; overflow: hidden; padding: 20px 50px;}
    .main_wrap9 .counsel_wrap > div input[type=text]{width: 100%;  font-size: 16px; letter-spacing: -1px; margin-right: 0; margin:5px 0;}
    .main_wrap9 .counsel_wrap > div button{ width: 100%; font-size: 18px; margin: 5px 0;}
}
@media screen and (max-width:640px){
    .main_wrap9 .txt_wrap strong{font-size: 20px;}
    .main_wrap9 .txt_wrap em{font-size: 18px;}
    .main_wrap9 .counsel_wrap > div{padding: 20px 30px;}
    .main_wrap9 .counsel_wrap > div input[type=text]{font-size: 16px; letter-spacing: 0; height: 40px;}
    .main_wrap9 .counsel_wrap > div button{font-size: 16px; margin: 5px 0; height: 40px;}
}
@media screen and (max-width:480px){
    .main_wrap9 .counsel_wrap > div{padding: 10px 20px;}
    .main_wrap9 .counsel_wrap > div input[type=text]{font-size: 16px;  height: 36px;}
    .main_wrap9 .counsel_wrap > div button{font-size: 14px; height: 36px;}
}

.bottom{}
.bottom > div{background: url(../images/bottom_logo.png) no-repeat 0 82px; padding: 76px 20px 100px 355px;}
.bottom > div footer{font-size:17px; letter-spacing: -0.5px; color:#7a7d96; line-height: 1.5;}
@media screen and (max-width:1280px){
    .bottom > div{background-size: 200px; padding: 60px 20px 150px 250px;}
    .bottom > div footer{font-size:16px; line-height: 1.5;}
}
@media screen and (max-width:1000px){
    .bottom > div{ background-position: center 60px; background-size: auto; padding: 170px 20px 150px 20px;}
    .bottom > div footer{font-size:16px; text-align: center;}
}
@media screen and (max-width:800px){
    .bottom > div{}
    .bottom > div footer{font-size:14px;}
}
@media screen and (max-width:480px){
    .bottom > div{background-size: 150px; padding-top: 150px;}
    .bottom > div footer{font-size:12px;}
}