@charset "utf-8";

.m_content h3{color:#1d1e62; font-size:22px}
.m_content .wrap{padding:30px 15px;position: relative;}
.m_visual{max-width: 1780px;margin: 0 auto;/* height: 700px; */position: relative;color: #fff;}
.m_visual:before{display:block;content:'';background: url('/images/hope/main/vis_light.jpg') no-repeat left;max-width: 1800px;background-size: cover;height: 100%;filter: brightness(0.55);position: absolute;left: 0;top: 0;width: 100%;z-index: -1;}
.m_visual .visual_cont{padding: 30px 15px;text-align: center;height: 100%;}
.m_visual .left{padding-bottom: 30px;}
.m_visual .v_tit{letter-spacing: -.7px;}
.m_visual .v_tit span{display:block;font-size: 14px;}
.m_visual .v_tit strong{font-family: 'ELandNice';font-size: 30px;display: block;padding: 10px 0;font-weight: normal;}
.m_visual .v_txt li{display:flex;align-content:center;flex-wrap:wrap;margin-bottom: 10px;gap: 10px;justify-content: center;}
.m_visual .v_txt li span{background: rgba(255,255,255,.9);display: inline-block;border-radius: 5px;padding: 2px 6px;color: #504f4f;text-align: center;font-weight: 400;}
.m_visual .v_txt li strong{width: 100%;font-weight: 300;}
.m_visual .right{display: flex;flex-direction: column;gap: 10px;}
.m_visual .g_btn{position: relative;}
.m_visual .g_btn a{color: #fff;font-size: 22px;font-weight: 500;padding: 20px;background: #13a8eb;border-radius: 30px;display: block;display: flex;transition: .2s ease;flex-wrap: wrap;flex-direction: column;height: 100px;justify-content: center;align-items: center;}
.m_visual .g_btn a em{font-size: 15px;display: block;}
.m_visual .g_btn span{font-size:0;width: 51px;height: 50px;display: inline-block;margin: 0 0 0 auto;background: url('/images/hope/main/all_icons.png') no-repeat center -67px;transition: .2s ease;margin-top: -30px;display: none;}
.m_visual .inquiry a{background: #0b3b9f;}
.m_visual .g_btn:before{display:block;content:;width: 85px;height: 90px;background: url('/images/hope/main/m_i1.png') no-repeat center center / cover;margin: 0 auto;position: absolute;left: calc(50% - 40px);top: -54px;transition: .5s ease;}
.m_visual .inquiry:before{background: url('/images/hope/main/m_i2.png') no-repeat center center / cover;height: 81px;}
.m_visual .inquiry span{margin-top:0}
.m_visual .appeal:before{background: url('/upload_data/board_data/BBS_0000522/176352646493113.png') no-repeat center center / cover;height: 81px;}
.m_visual .appeal a{background: #01295d;}
.m_visual .appeal span{margin-top:0}


.bbs_cont{padding: 15px 0;}
.bbs_cont li{padding: 10px 0;}
.bbs_cont li:last-child{padding-bottom:0}
.bbs_cont li a{display:block;}
.bbs_cont li:hover a span{color:#13a8eb}
.bbs_cont li a span{font-weight: 400;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block;}
.bbs_cont li a em{font-style: normal;color: #5f5f5f;}
.m_bbs .more{position: absolute;left: 110px;top: 25px;}
.m_bbs .more a{font-size:0;width: 40px;height: 40px;background: url('/images/hope/main/all_icons.png') no-repeat center -25px;display: block;}

.m_faq{background: #f9f9f9;}
.faq_cont{padding: 15px 0;display: flex;flex-direction: column;gap: 10px;}
.faq_cont .list{background: #fff;border-radius: 20px;position: relative;}
.faq_cont .list .que a{display: block;padding: 15px 0 15px 15px;font-weight: 400;display: flex;width: calc(100% - 40px);color: #656565;}
.faq_cont .list .que a::before{display: inline-block;content: '';width: 28px;height: 28px;vertical-align: middle;margin: 0 5px 0 0;background: url('/images/hope/main/all_icons.png') no-repeat center -83px / 35px;}
.faq_cont .list .que a::after{display:block;content: '';width: 20px;height: 35px;background: url('/images/hope/main/all_icons.png') no-repeat center -210px;position: absolute;right: 20px;}
.faq_cont .list .anw{display: none;border-top: solid 1px #ebebeb;padding: 15px 0 15px 47px;color: #555555;}
.faq_cont .list .anw::before{display: inline-block;content: '';width: 28px;height: 28px;vertical-align: middle;margin-right: 10px;background: url('/images/hope/main/all_icons.png') no-repeat center -148px;position: absolute;left: 15px;}
.faq_cont .list.on{box-shadow:2px 2px 10px rgba(0,0,0,.02)}
.faq_cont .list.on .anw{display:block;}
.faq_cont .list.on .que a::after{background-position: center -177px;}
.faq_cont .list.on .que a{color: #393939;font-weight: 500;}
.faq_cont .list .que a:hover{color:#13a8eb}
.m_faq .more{position: absolute;left: 140px;top: 25px;}
.m_faq .more a{font-size:0;width: 40px;height: 40px;background: url('/images/hope/main/all_icons.png') no-repeat center -25px;display: block;}

.faq_cont .list .anw table { width: 100%; /*min-width: 700px;*/ margin: 10px 0;  border-top: 1px solid #02224d;  border-left: 2px solid #fff;  border-right: 2px solid #fff;}
.faq_cont .list .anw table th,
.faq_cont .list .anw table td {text-align: center;padding: 5px 0;border: 1px solid #ebebeb;border-top: none;vertical-align: middle;}
.faq_cont .list .anw table th { font-size: 18px;  background: #02224d;  color: #fff;}
.faq_cont .list .anw table td {  background: #fff;}

.faq_cont .list .anw .bbs_img{text-align: left;margin: 20px 0;}
.faq_cont .list .anw .bbs_img img{max-width: 100%;}


/* Tablet */
@media (min-width: 768px) {
.m_content h3{font-size:33px}
.m_visual{height:700px;}
.m_visual .visual_cont{padding: 3%;text-align: left;}
.m_visual .left{padding: 0;}
.m_visual .v_tit span{font-size: 28px;}
.m_visual .v_tit strong{font-size: 60px;padding: 15px 0;}
.m_visual .v_txt li{font-size: 18px;margin-bottom: 25px;justify-content: flex-start;}
.m_visual .v_txt li strong{font-size: 21px;width: auto;}
.m_visual .right{flex-direction: row;gap: 10px;margin-top: 115px;}
.m_visual .g_btn{width: 50%;}
.m_visual .g_btn:before{content:'';}
.m_visual .g_btn a{padding: 75px 0 0 0;font-size: 30px;height: 240px;justify-content: flex-start;text-align: center;}
.m_visual .g_btn a em{font-size: 20px;width: 100%;}
.m_visual .g_btn:before{width: 170px;height: 184px;left: calc(50% - 80px);top: -100px;background-size: auto;}
.m_visual .inquiry:before{height: 175px;width: 180px;left: calc(50% - 90px);}
.m_visual .inquiry a,
.m_visual .appeal a{padding-top: 100px;}
.m_visual .g_btn span{margin-top: 10px;display: block;margin-right: 10px;}
.bbs_cont li a span{font-size: 20px;}
.bbs_cont li a em{font-size: 18px;}
.m_bbs .more{top: 37px;left: 135px;}

.faq_cont{gap: 15px;}
.faq_cont .list .que a{font-size: 20px;padding: 30px;}
.faq_cont .list .que a::before{background-position: center -118px;background-size: 48px;}
.faq_cont .list .anw{font-size: 17px;padding: 25px 0 25px 60px;}
.faq_cont .list .anw::before{left: 30px;}
.m_faq .more{top: 37px;left: 180px;}
.faq_cont .list .anw table th, .faq_cont .list .anw table td{padding: 10px 0;}
}

/* Desktop */
@media all and (min-width:1023px) {
.m_content .wrap{display: flex;justify-content: space-between;}
.m_bbs .wrap{align-items:center;}
.bbs_cont{padding: 0;width: 70%;}
.bbs_cont li a span{width: 78%;}
.m_visual .right{max-width: 800px;}
.faq_cont{padding: 0;width: 70%;}
.faq_cont .list{padding: 0 35px;}
.faq_cont .list .que a{padding:30px 0}
.faq_cont .list .anw{padding-left: 35px;}
}



/* Desktop wide*/
@media all and (min-width:1400px) {
.m_content .wrap{margin: 0 auto;width: 1400px;padding: 65px 0;}
.m_visual{height:630px;}
.m_visual .visual_cont{margin: 0 auto;max-width: 1400px;padding: 0;display: flex;justify-content: space-between;align-items: center;}
.m_visual .v_tit strong{padding-bottom: 80px;}
.m_visual .v_tit{letter-spacing: 0;}
.m_visual .v_txt li span{padding: 3px 10px;}
.m_visual .g_btn{width: 355px;}
.m_visual .g_btn:before{top: -132px;}
.m_visual .g_btn a:hover { margin-top:-40px}
.m_visual .g_btn a:hover span{transform: rotateZ(-45deg);}
.m_visual .g_btn:hover:before{transform: translateY(-20px);}
.m_visual .g_btn.appeal{/* width:100%; */}
    
.bbs_cont{padding: 0;width: 1000px;}
.bbs_cont ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.bbs_cont li{width: 45%;padding: 0;}
.bbs_cont li a{display: flex;justify-content: space-between;gap: 20px;}
.m_bbs .more{top: 70px;}

.faq_cont{width: 1000px;}
.faq_cont .list .que a::after{right: 40px;}
.faq_cont .list .anw::before{left: 35px;}
.m_faq .more{top: 70px;}

}