/* CSS Document */

body{background:#fff;}
*{font-family:'Noto Sans KR','Happiness',malgun gothic; color:#07005d; line-height: 1.3;}

.wrap{max-width:1030px; background: #e3e0ff url(../images/top_bg.png) no-repeat center 0;  overflow: hidden; box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.25); margin: auto;}
.wrap_{width:1030px; margin:auto; padding: 0 32px;}
@media screen and (max-width:1030px){
    .wrap_{width:100%;}
}
@media screen and (max-width:744px){
    .wrap_{width:100%; padding: 0 4.3vw;}
}
@media screen and (max-width:390px){
    .wrap_{width:100%; padding: 0 8.21vw;}
}

.top{ display: block; overflow: hidden; height: 425px;}
.top .wrap_{}
.top .wrap_ .doc_date{position: absolute; top: 70px; right:35px;  text-align: right;}
.top .wrap_ .doc_date .mm{display: block; font-size: 32px; font-weight: 700; color:#000;}
.top .wrap_ .doc_date .dn{display: block; font-size: 40px; color: #000; font-weight: 700; line-height: 1;}
.top .wrap_ .doc_no{float: left; margin-top: 70px; display: block; font-size: 16px;}
.top .wrap_ .tit_{clear: both; float:left;}
.top .wrap_ .tit_ strong{display: block; font-family: 'Happiness'; font-size: 64px; font-weight: 900; line-height: 80px; margin-top: 24px;}
.top .wrap_ .tit_ span{display: block; font-size: 18px; font-weight: 700; margin-top: 20px; letter-spacing: -0.5px;}
.top .wrap_ .pdf_down{clear: both; float: left;
width: 280px; height: 80px; box-shadow:0px 4px 0px rgba(0, 0, 0, 0.25); border-radius: 40px; font-family: 'Happiness'; font-weight: 900; font-size: 18px; color: #080062; display: flex; align-items: center; justify-content: flex-start; margin-top: 65px; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); border-radius: 40px; border: 1px solid #C1BEDB; letter-spacing: -0.5px;}
.top .wrap_ .pdf_down img{ width: 46px; height: 47px; margin: 0 15px 0 40px;}
@media screen and (max-width:800px){
    .top .wrap_ .tit_ strong{width: 48.39vw;line-height: 9.4vw;}.top .wrap_ .pdf_down{margin-top: 30px;}
}
@media screen and (max-width:744px){
    .top{height: 57.1vw;}
    .top .wrap_ .doc_date{top: 9.4vw; right:4.7vw;}
    .top .wrap_ .doc_date .mm{font-size:4.3vw;}
    .top .wrap_ .doc_date .dn{font-size: 5.37vw;}
    .top .wrap_ .doc_no{margin-top: 10.2vw; font-size: 2.15vw;}
    .top .wrap_ .tit_ strong{width: 48.39vw; font-size: 8.6vw; line-height: 9.4vw; margin-top: 3.22vw;}
    .top .wrap_ .tit_ span{font-size: 2.42vw; margin-top: 2.69vw;}
    .top .wrap_ .pdf_down{width: 37.63vw; height: 10.75vw; border-radius: 5.37vw; font-size: 2.42vw; margin-top: 3.1vw;}
    .top .wrap_ .pdf_down img{ margin: 0 2vw 0 5.37vw; width: 6.18vw; height: 6.32vw;}
}
@media screen and (max-width:390px){
    .top{ height: 117.2vw;}
    .top .wrap_ .doc_date{top: auto; right:auto; position: relative; float: right; margin: 16.9vw 0 0 0;}
    .top .wrap_ .doc_date .mm{font-size: 8.2vw;}
    .top .wrap_ .doc_date .dn{font-size: 10.25vw;}
    .top .wrap_ .doc_no{margin-top: 17.95vw; font-size: 4.1vw;}
    .top .wrap_ .tit_ strong{width: 100%; margin-top: 4.1vw; font-size: 12.4vw; line-height: 15.95vw;}
    .top .wrap_ .tit_ span{font-size: 4.61vw; margin-top: 5.13vw;}
    .top .wrap_ .pdf_down{width: 71.8vw; height: 20.52vw; border-radius: 10.26vw; font-size: 4.61vw; margin-top: 5.1vw;}
    .top .wrap_ .pdf_down img{ margin: 0 3.85vw 0 10.26vw;}
}


.content{clear: both; display: block;}
.content > div > .wrap_{}
.content > div > .wrap_ > strong.ti{font-size: 32px; font-family: 'Happiness'; font-weight: 900; margin-top: 40px;}
@media screen and (max-width:744px){
    .content > div > .wrap_ > strong.ti{font-size: 4.3vw; margin-top: 5.38vw;}
}
@media screen and (max-width:390px){
    .content > div > .wrap_ > strong.ti{font-size: 8.21vw; margin-top: 10.26vw;}
}


.content .wrap1{}
.wrap1 .wrap_{display: flex; flex-direction: column; padding-bottom: 48px;}
.wrap1 .post_{display: flex; justify-content: space-between; padding-top: 24px;}
.wrap1 .post_ .pbox{width: calc(50% - 19px); background: #fff;}
.wrap1 .pbox .imgs img{min-width: 100%; min-height: 100%; width: 100%;}
.wrap1 .pbox .text_{display: flex; flex-direction: column; align-items: center;}
.wrap1 .pbox .text_ .ti{text-align: center; font-size: 24px; line-height: 36px; font-weight: 700; margin: 16px 0 24px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding: 0 24px;}

@media screen and (max-width:744px){
    .wrap1 .wrap_{padding-bottom: 6.45vw;}
    .wrap1 .post_{padding-top: 3.23vw;}
    .wrap1 .post_ .pbox{width: calc(50% - 2.15vw); height: 38.17vw;}
    .wrap1 .pbox .imgs{height: 27.69vw;}
    .wrap1 .pbox .text_ .ti{font-size: 2.42vw; line-height: 3.63vw; margin: 1.48vw 0 3.23vw; padding: 0 3.26vw;}
}
@media screen and (max-width:390px){
    .wrap1 .wrap_{padding-bottom: 12.3vw;}
    .wrap1 .post_{padding-top: 6.15vw; display:block;}
    .wrap1 .post_ .pbox{width: 100%; height: 72.82vw; margin-top: 6.15vw;}
    .wrap1 .post_ .pbox:nth-child(1){margin-top: 0;}
    .wrap1 .pbox .imgs{height: 52.82vw;}
    .wrap1 .pbox .text_ .ti{font-size: 4.62vw; line-height: 6.92vw; margin: 2.82vw 0 3.33vw; padding: 0 6.15vw;}
}


.content .wrap2{background-color: #fff;}
.wrap2 .wrap_{padding-bottom: 63px; overflow: hidden;}
.wrap2 .post_{}
.wrap2 .post_ .pbox{margin-top: 24px; width: 50%; float: left;}
.wrap2 .post_ .pbox:nth-child(2n){border-left: 1px #080061 solid; padding-left: 36px;}
.wrap2 .post_ .pbox a{display: flex;}
.wrap2 .pbox .imgs{width: 208px; height: 104px; overflow: hidden; float: left; }
.wrap2 .pbox .imgs img{width: 100%; height: 100%;}
.wrap2 .pbox .text_{display: flex; align-items: center; float: left; width: 270px; padding:0 24px;}
.wrap2 .pbox .text_ span{font-size: 20px; font-weight: 700; text-transform: uppercase; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

@media screen and (max-width:744px){
    .wrap2 .wrap_{padding-bottom: 6.45vw;}
    .wrap2 .post_ .pbox{margin-top: 2.42vw;}
    .wrap2 .post_ .pbox:nth-child(2n){padding-left: 2.15vw;}
    .wrap2 .pbox .imgs{width: 21.5vw; height: 10.75vw;}
    .wrap2 .pbox .text_{padding:0 2.15vw; width: 29.57vw;}
    .wrap2 .pbox .text_ span{font-size: 2.15vw; line-height: 3.23vw; word-break: break-all;}
    .wrap2 .pbox .text_ span br{display: none;}
}
@media screen and (max-width:390px){
    .wrap2 .wrap_{padding-bottom: 13.85vw;}
    .wrap2 .post_ .pbox{margin-top: 4.1vw; width: 100%;}
    .wrap2 .post_ .pbox:nth-child(2n){border-left: 0; padding-left: 0;}
    .wrap2 .pbox .imgs{width: 41vw; height: 20.5vw;}
    .wrap2 .pbox .text_{padding:0 4.1vw; width: calc(100% - 41vw);}
    .wrap2 .pbox .text_ span{font-size: 4.1vw; line-height: 6.15vw;}
}




.content .wrap3{background: #DDE1E6;} 
.wrap3 .wrap_{padding-bottom: 40px; overflow: hidden;}
.wrap3 .post_{padding-top: 24px;}
.wrap3 .post_ .pbox{display: flex; background: #fff; margin-top: 8px; padding-left: 116px; min-height: 120px;}
.wrap3 .post_ .pbox:nth-child(1){margin-top: 0;}
.wrap3 .pbox .imgs{position: absolute; left:0; width: 116px; height: 100%; display: flex; align-items: center; justify-content: center; padding-top: 26px; background: #F5F7FA;}
.wrap3 .pbox .imgs .area{width: 100%; height: 26px; position: absolute; top:0; display: flex; align-items: center; justify-content: center; color:#fff; background: #89939E; font-size: 14px;}
.wrap3 .pbox .imgs img{width: 72px; height: 48px;}
.wrap3 .pbox .text_{display: flex; flex-direction: column; justify-content: center; padding: 24px;}
.wrap3 .pbox .text_ > div{font-size: 18px; line-height: 28px; color: #212121; float: left; word-wrap: break-word; padding-top: 4px; padding-bottom: 4px;}
.wrap3 .pbox .text_ .ct{font-size: 20px; line-height: 28px; font-weight: 700; color: #5648EE; float: left; padding-right: 10px;}


@media screen and (max-width:744px){
    .wrap3 .wrap_{padding-bottom: 5.38vw;}
    .wrap3 .post_{padding-top: 3.23vw;}
    .wrap3 .post_ .pbox{margin-top: 1.07vw; padding-left: 15.59vw; min-height: 16.13vw;}
    .wrap3 .pbox .imgs{width: 15.59vw; align-items:flex-start; padding-top: 5.65vw;}
    .wrap3 .pbox .imgs img{width: 9.68vw; height: 6.45vw;}
    .wrap3 .pbox .imgs .area{height: 3.49vw; font-size: 1.88vw;}
    .wrap3 .pbox .text_{padding: 3.23vw;}
    .wrap3 .pbox .text_ > div{font-size: 2.15vw; line-height: 2.96vw; padding-top: 0.54vw; padding-bottom: 0.54vw;}
    .wrap3 .pbox .text_ .ct{font-size: 2.15vw; line-height: 2.96vw; padding-right: 0.67vw;}
}
@media screen and (max-width:390px){
    .wrap3 .wrap_{padding-bottom: 10.26vw;}
    .wrap3 .post_{padding-top: 6.15vw;}
    .wrap3 .post_ .pbox{margin-top: 2.05vw; padding-left: 29.74vw; min-height: 30.77vw;}
    .wrap3 .pbox .imgs{width: 29.74vw; align-items:flex-start; padding-top: 10.77vw;}
    .wrap3 .pbox .imgs img{width: 18.46vw; height: 12.31vw;}
    .wrap3 .pbox .imgs .area{height: 6.67vw; font-size: 3.59vw;}
    .wrap3 .pbox .text_{padding: 6.15vw;}
    .wrap3 .pbox .text_ > div{font-size: 3.59vw; line-height: 5.13vw; padding-top: 1.03vw; padding-bottom: 1.03vw;}
    .wrap3 .pbox .text_ .ct{font-size: 3.59vw; line-height: 5.13vw; padding-right: 1.28vw;}
}




.content .wrap4{background: #f1f1f1;}
.wrap4 .wrap_{overflow: hidden; padding-bottom: 60px;}
.wrap4 .post_{display: flex; padding-top: 25px;}
.wrap4 .post_ .pbox{margin-left: 24px; flex: 1;}
.wrap4 .post_ .pbox:nth-child(1){margin-left: 0;}
.wrap4 .pbox .imgs{height: 160px; overflow: hidden;}
.wrap4 .pbox .imgs img{width: 100%; min-height: 100%;}
.wrap4 .pbox .text_{font-size: 17px; line-height: 26px; font-weight: 700; padding-top: 18px; word-break: break-all; text-transform: uppercase;}
.wrap4 .bu_wrap{ display: flex; align-items: center; justify-content: center; padding-top: 32px;}
.wrap4 .bu_wrap .bu{ width: 472px; height: 64px; background:#fff; border: 1px solid #C1BEDB; box-shadow:0px 4px 0px rgba(0, 0, 0, 0.25); border-radius: 40px; font-family: 'Happiness'; font-weight: 900; font-size: 18px; color: #080062; display: flex; align-items: center; justify-content: center;}
.wrap4 .bu_wrap .bu img{margin-left: 16px; width: 30px; height: 22px;}

@media screen and (max-width:744px){
    .wrap4 .wrap_{padding-bottom: 6.45vw;}
    .wrap4 .post_{padding-top: 3.23vw; display: block;}
    .wrap4 .post_ .pbox{margin-left: 4.3vw; flex: none; width: calc(50% - 2.15vw); float: left; margin-top: 4.44vw;}
    .wrap4 .post_ .pbox:nth-child(1),
    .wrap4 .post_ .pbox:nth-child(3){margin-left: 0;}
    .wrap4 .post_ .pbox:nth-child(1),
    .wrap4 .post_ .pbox:nth-child(2){margin-top: 0;}
    .wrap4 .pbox .imgs{height: 30.91vw;}
    .wrap4 .pbox .text_{font-size: 2.42vw; line-height: 3.49vw; padding-top: 2.15vw;}
    .wrap4 .bu_wrap{clear: both; padding-top: 4.3vw;}
    .wrap4 .bu_wrap .bu{ width: 63.44vw; height: 8.6vw; box-shadow:0px 0.54vw 0px rgba(0, 0, 0, 0.25); border-radius: 5.38vw; font-size: 2.42vw;}
    .wrap4 .bu_wrap .bu img{margin-left: 2.15vw; width: 4.03vw; height: 2.96vw;}
}
@media screen and (max-width:390px){
    .wrap4 .wrap_{padding-bottom: 17.95vw;}
    .wrap4 .post_{padding-top: 6.15vw;}
    .wrap4 .post_ .pbox{margin-left: 0; width: 100%; float: none; margin-top: 6.15vw !important;}
    .wrap4 .post_ .pbox:nth-child(1){margin-top: 0 !important;}
    .wrap4 .pbox .imgs{height: 58.97vw;}
    .wrap4 .pbox .text_{font-size: 4.62vw; line-height: 6.67vw; padding-top: 4.1vw;}
    .wrap4 .bu_wrap{padding-top: 8.2vw;}
    .wrap4 .bu_wrap .bu{ width: 100%; height: 16.41vw;}
    .wrap4 .bu_wrap .bu{ width: 121vw; height: 16.41vw; box-shadow:0px 1.03vw 0px rgba(0, 0, 0, 0.25); border-radius: 10.26vw; font-size: 4.62vw;}
    .wrap4 .bu_wrap .bu img{margin-left: 4.1vw; width: 7.69vw; height: 5.64vw;}
}



.content .wrap5{background: #e3e0ff;}
.wrap5 .wrap_{padding-bottom: 58px;}
.wrap5 .post_{}
.wrap5 .post_ .pbox{margin-top: 40px;}
.wrap5 .post_ .pbox:nth-child(1){margin-top: 24px;}
.wrap5 .post_ .pbox a{display: flex;}
.wrap5 .pbox .imgs{width: 405px; height: 273px;}
.wrap5 .pbox .imgs img{width: 100%;}
.wrap5 .pbox .text_{background: #fff; width: calc(100% - 405px); padding: 0 40px;}
.wrap5 .pbox .text_ em{font-size: 24px; font-weight: 700; line-height: 36px; margin-top: 32px;}
.wrap5 .pbox .text_ span{margin-top: 16px; font-size: 16px; line-height: 24px; color: #212121; max-height: 120px; overflow: hidden;}
.wrap5 .pbox .text_ .writer{color: #4d4d4d; font-size: 14px; margin-top: 16px; line-height: 1;}
.wrap5 .pbox .photo_{position: absolute; bottom:-16px; right:16px;}
.wrap5 .pbox .photo_ span{border-radius: 53px; width: 88px; height: 88px; overflow: hidden;}
.wrap5 .pbox .photo_ span img{width: 100%; height: 100%;}
.wrap5 .pbox .photo_ .icon{position: absolute; right: 0; bottom:0; width: 32px; height: 32px; border-radius: 20px; background: #3e7fe0 url(../images/wrap5_icon1.jpg) no-repeat center center; background-size: 17px;}

@media screen and (max-width:900px){
    .wrap5 .pbox .imgs{width: 33.6vw; display: flex; justify-content: center; overflow: hidden;}
    .wrap5 .pbox .imgs img{width: auto; height: 100%;}
    .wrap5 .pbox .text_{ width: calc(100% - 33.6vw); padding: 0 4.3vw;}
}
@media screen and (max-width:744px){
    .wrap5 .wrap_{padding-bottom: 7.53vw;}
    .wrap5 .post_ .pbox{margin-top: 5.38vw;}
    .wrap5 .post_ .pbox:nth-child(1){margin-top: 3.23vw;}
    .wrap5 .pbox .imgs{width: 33.6vw; display: flex; justify-content: center; overflow: hidden;}
    .wrap5 .pbox .imgs img{width: auto; height: 100%;}
    .wrap5 .pbox .text_{ width: calc(100% - 33.6vw); padding: 0 4.3vw;}
    .wrap5 .pbox .text_ em{margin-top: 4.3vw; font-size: 3.23vw; line-height: 4.84vw;}
    .wrap5 .pbox .text_ span{max-height: 19.68vw; margin-top: 2.15vw; font-size: 2.15vw; line-height: 3.23vw;}
    .wrap5 .pbox .text_ .writer{font-size: 2.15vw; margin-top: 2.69vw;}
    .wrap5 .pbox .photo_{bottom:-2.15vw; right:2.15vw;}
    .wrap5 .pbox .photo_ span{border-radius: 7.12vw; width: 11.83vw; height: 11.83vw;}
    .wrap5 .pbox .photo_ .icon{right: 0; bottom:0; width: 4.3vw; height: 4.3vw; border-radius: 2.69vw; background-size: 2.28vw;}
}
@media screen and (max-width:640px){
    .wrap5 .pbox .imgs{height: 42.66vw;}
}
@media screen and (max-width:390px){
    .wrap5 .wrap_{padding-bottom: 21.28vw;}
    .wrap5 .post_ .pbox{margin-top: 15.13vw;}
    .wrap5 .post_ .pbox:nth-child(1){margin-top: 6.15vw;}
    .wrap5 .post_ .pbox a{flex-direction: column;}
    .wrap5 .pbox .imgs{width: 100%; height: 70vw;}
    .wrap5 .pbox .imgs img{width: auto; height: 100%;}
    .wrap5 .pbox .text_{width:100%; padding: 4.1vw 6.15vw 13.85vw;}
    .wrap5 .pbox .text_ em{font-size: 5.13vw; line-height: 7.69vw; margin-top: 0;}
    .wrap5 .pbox .text_ span{ font-size: 3.59vw; margin-top: 4.1vw; line-height: 5.38vw; max-height: 90.15vw;}
    .wrap5 .pbox .text_ .writer{margin-top: 8.13vw; font-size: 3.15vw;}
    .wrap5 .pbox .photo_{ bottom:-10.77vw; right:4.1vw;}
    .wrap5 .pbox .photo_ span{border-radius: 13.59vw; width: 22.56vw; height: 22.56vw;}
    .wrap5 .pbox .photo_ .icon{right: 0; bottom:0; width: 8.21vw; height: 8.21vw; border-radius: 5.13vw; background-size: 4.39vw;}
}



.content .wrap6{background: #fff;}
.wrap6 .wrap_{display: flex; flex-direction: column; padding-bottom: 48px;}
.wrap6 .post_{display: flex; justify-content: space-between; padding-top: 16px;}
.wrap6 .post_ .pbox{width: calc(50% - 12px); background: #fff;}
.wrap6 .pbox .imgs{overflow: hidden;}
.wrap6 .pbox .imgs img{width: 100%; min-height: 100%;}
.wrap6 .pbox .text_{display: flex; align-items: center; justify-content:space-between; height: 48px; font-weight: 700; font-size: 18px; line-height: 30px; color: #212121; padding: 0 24px 0 40px; background: #DDE1E6;}
.wrap6 .pbox .text_ img{width: 30px; height: 22px;}

@media screen and (max-width:744px){
    .wrap6 .wrap_{padding-bottom: 6.45vw;}
    .wrap6 .post_{display: flex; flex-direction: column; padding-top: 2.15vw;}
    .wrap6 .post_ .pbox{width: 100%; background: #fff; padding-top: 3.23vw;}
    .wrap6 .post_ .pbox:nth-child(1){padding-top: 0;}
    .wrap6 .pbox .imgs{height: 30.91vw; overflow: hidden;}
    .wrap6 .pbox .text_{height: 6.45vw; font-size: 2.42vw; line-height: 30px; padding: 0 3.23vw 0 5.38vw;}
    .wrap6 .pbox .text_ img{width: 4.03vw; height: 2.96vw;}
}
@media screen and (max-width:390px){
    .wrap6 .wrap_{padding-bottom: 12.31vw;}
    .wrap6 .post_{padding-top: 4.1vw;}
    .wrap6 .post_ .pbox{padding-top: 6.15vw;}
    .wrap6 .pbox .imgs{height: 28.21vw;}
    .wrap6 .pbox .text_{height: 12.31vw; font-size: 4.62vw; line-height: 30px; padding: 0 6.15vw 0 10.26vw;}
    .wrap6 .pbox .text_ img{width: 7.69vw; height: 5.64vw;}
}



.content .wrap7{background: #E5EBF0;}
.wrap7 .wrap_{padding-top: 52px; padding-bottom: 57px; overflow: hidden; display: flex; justify-content: space-between; align-items: center;}
.wrap7 .bu_{display: flex; flex-direction: column; justify-content: space-between; width: 406px; float: left;}
.wrap7 .bu_ .bu{width: 100%; height: 137px; border-radius: 70px; margin-top: 8px; display: flex; align-items: center; border:1px solid #BABABA; font-family: 'Happiness'; font-size: 24px; font-weight: 900; letter-spacing: -1px; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); color:#07005d;}
.wrap7 .bu_ .bu img{margin: 0 25px 0 40px; width: 64px;}
.wrap7 .bu_ .bu:hover{color:#07005d;}
.wrap7 .bu_ .bu:nth-child(1){margin-top:0;}
.wrap7 .banner_{width: 531px; height: 281px; float: left; overflow: hidden;}
.wrap7 .banner_ .banner{overflow: hidden;}
.wrap7 .banner_ .banner img{width: 100%;}
.wrap7 .banner_ .banner .mm{display: none;}
@media screen and (max-width:1030px){
    .wrap7 .wrap_{padding-top: 5.05vw; padding-bottom: 5.53vw;}
    .wrap7 .bu_{width: 39.42vw;}
    .wrap7 .bu_ .bu{width: 100%; height: 13.3vw; border-radius: 6.8vw; margin-top: 0.78vw; font-size: 2.33vw;}
    .wrap7 .bu_ .bu img{margin: 0 2.43vw 0 3.88vw; width: 6.21vw;}
    .wrap7 .banner_{width: 51.55vw; height: 27.28vw;}
    .wrap7 .banner_ .banner{}
}
@media screen and (max-width:950px){
    .wrap7 .banner_{width: 50vw; height: 25vw;}
}
@media screen and (max-width:744px){
    .wrap7 .wrap_{padding-top: 5.38vw; padding-bottom: 6.45vw; flex-direction: column;}
    .wrap7 .bu_{width: 100%;}
    .wrap7 .bu_ .bu{height: 17.2vw; border-radius: 9.41vw; margin-top: 3.26vw; justify-content: center; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); font-size: 3.26vw; }
    .wrap7 .bu_ .bu img{margin: 0 3.36vw 0 0; width: 8.6vw;}
    .wrap7 .banner_{margin-left: 0; margin-top: 3.26vw; width: 100%; height: auto;}
    .wrap7 .banner_ .banner{}
}
@media screen and (max-width:390px){
    .wrap7 .wrap_{padding-top: 10.26vw; padding-bottom: 12.31vw;}
    .wrap7 .bu_ .bu{height: 24.6vw; border-radius: 17.95vw; margin-top: 4.1vw; font-size: 5.13vw; font-size: 5.13vw;}
    .wrap7 .bu_ .bu img{margin: 0 4.1vw 0 0; width: 16.41vw;}
    .wrap7 .banner_{margin-top: 4.1vw;}
    .wrap7 .banner_ .banner .pc{display: none;}
    .wrap7 .banner_ .banner .mm{display: block;}
}





.bottom{background: #080062;}
.bottom .wrap_{display: flex; padding-top: 109px; padding-bottom: 32px; padding-left: 283px;}
.bottom .bot_top{position: absolute; top:27px; left:0; padding:0 70px 0 283px;}
.bottom .bot_top .logo{position: absolute; left:74px; padding-top: 5px;}
.bottom .bot_top .logo img{width: 167px; height: 33px;}
.bottom .bot_top .txt{width: 100%; font-size: 14px; line-height: 26px; color: #FFFFFF; }
.bottom .footer.left{flex: 1.3;}
.bottom .footer.right{flex: 1;}
.bottom .footer > div{display: flex; padding-bottom: 8px;}
.bottom .footer > div > em{width: 70px; color:#fff; font-size: 14px; font-weight: 700; line-height: 26px;}
.bottom .footer > div > span{width: calc(100% - 77px); color:#fff; font-size: 14px; line-height: 26px;}
.bottom .footer > div > span a{display:inline; color:#fff; font-size: 14px; line-height: 26px; text-decoration: underline; margin-left: 15px;}

@media screen and (max-width:1030px){
    .bottom .wrap_{padding-top: 10.58vw; padding-bottom: 3.11vw; padding-left: 27.48vw;}
    .bottom .bot_top{position: absolute; top:2.62vw; left:0; padding:0 6.8vw 0 27.48vw;}
    .bottom .bot_top .logo{ left:7.18vw; padding-top: 0.49vw;}
    .bottom .bot_top .logo img{width: 16.21vw; height: 3.2vw;}
    .bottom .bot_top .txt{width: 100%; font-size: 1.36vw; line-height: 2.52vw; color: #FFFFFF; }
    .bottom .footer > div{padding-bottom: 0.78vw;}
    .bottom .footer > div > em{width: 7.48vw; font-size: 1.36vw; line-height: 2.52vw;}
    .bottom .footer > div > span{width: calc(100% - 7.48vw); font-size: 1.36vw; line-height: 2.52vw;}
    .bottom .footer > div > span a{font-size: 1.36vw; line-height: 2.52vw; margin-left: 1.46vw;}
}
@media screen and (max-width:744px){
    .bottom .wrap_{padding-top: 23.92vw; padding-left: 5.38vw; padding-bottom: 4.3vw;}
    .bottom .bot_top{top:0; padding:12.9vw 5.38vw 0 5.38vw;}
    .bottom .bot_top .logo{flex: none; position: absolute; top: 4.3vw; left:5.38vw;}
    .bottom .bot_top .logo img{width: 22.45vw; height: 4.44vw;}
    .bottom .bot_top .txt{width: 100%; font-size: 1.88vw; line-height: 3.49vw; color: #FFFFFF; }
    .bottom .footer > div{padding-bottom: 1.08vw;}
    .bottom .footer > div > em{width: 9.54vw; font-size: 1.88vw; line-height: 3.49vw;}
    .bottom .footer > div > span{width: calc(100% - 9.54vw); font-size: 1.88vw; line-height: 3.49vw;}
    .bottom .footer > div > span a{font-size: 1.88vw; line-height: 3.49vw; margin-left: 1.46vw;}
}
@media screen and (max-width:480px){
    .bottom .wrap_{display: block; padding-top: 0;}
    .bottom .bot_top{position: relative; top:0; padding: 0; overflow: hidden;}
    .bottom .bot_top .logo{top:0; left:0; position: relative; padding-top: 6.25vw;}
    .bottom .bot_top .logo img{width:34.8vw; height: 6.88vw;}
    .bottom .bot_top .txt{padding-top: 6.25vw; padding-bottom: 6.25vw; font-size: 2.92vw; line-height: 5.42vw;}
    .bottom .footer > div > em{width: 17vw; font-size: 2.92vw; line-height: 5.42vw;}
    .bottom .footer > div > span{width: calc(100% - 17vw); font-size: 2.92vw; line-height: 5.42vw;}
    .bottom .footer > div > span a{font-size: 2.92vw; line-height: 5.42vw; margin-left: 3.13vw;}
}