/*헤더*/
.main_bg {width:100%;position: relative;}
.main_bg img{width:100%}
.main_bg p {
    position: absolute;
    left: calc(50% - 10px);top: 7px;
    font-size: 12px;
    width: 100%;
    color: #163256;
    font-weight: bold;
    line-height: 1.1;
    text-align: right;
    transform: translate(-50%, 0);
}
.headerswp .swpBtn {bottom:3rem}
.headerswp .swpBtn .swiper-pagination-bullet { width: 3rem; background: #fff; border-radius: 0%; height: 4px;    opacity: 1;}
.headerswp .swpBtn .swiper-pagination-bullet-active {background:#85f9ff}
header {z-index:-1;}
header img {width :100%;position:relative}
/* header p {position: absolute; color: #fff; font-size: 1.4rem; top: 23rem; left: 3.5rem; line-height: 1.4; letter-spacing: -0.1rem;font-weight:bold} */
header p i {color:#a3ff8d}



/*content*/

.content {background: #fff; position: relative; top: -2rem; border-radius: 2rem;z-index:1; padding:2rem}
.content::after {content:'';position:absolute; width:100%; height:1px; background: #ddd; left: 0; top: 7rem;}
.content h2 {font-size: 2.3rem; font-weight: 900; line-height: 1.5;margin-bottom:3rem}
.conlist ul {display:flex; flex-wrap:wrap;justify-content: flex-start;}
.conlist ul li {width:30%;margin-top:1rem; margin-right: 0.7rem;}
.conlist ul li img {width:100%}
.conlist ul li  p { word-break: keep-all; margin: 0 auto; font-size: 1.5rem; color: #5e5e5e; line-height: 1.3; padding-top: 0.5rem;text-align:center}


@media screen and (max-width:500px) {
/* header .hdtxt {top: 16rem; left: 2.5rem;} */
}