@charset "UTF-8";

._fnctWrap {line-height:1.5;}
#menu21160_obj5010 {overflow: unset;}

.wrap-promotion {width: 100%; margin-bottom: 80px; padding: 0 20px; background: linear-gradient(to bottom, #dbebffd0, #fff); padding: 100px 0; border-radius: 330px 330px 0 0; position: relative;}
.wrap-promotion::before {content: ''; width: 280px; height: 230px; background: url('../images/background-deco01.png')no-repeat center center/contain; position: absolute; top: 0; left: -10px;}
.wrap-promotion::after {content: ''; width: 310px; height: 350px; background: url('../images/background-deco02.png')no-repeat center center/contain; position: absolute; top: -75px; right: -15px;}
.wrap-promotion .promotion-tit {width: fit-content; margin: 0 auto; margin-bottom: 50px; text-align: center; position: relative; z-index: 30; padding: 0 20px; word-break: keep-all;}
.wrap-promotion .promotion-tit::before {content: ''; width: 180px; height: 216px; background: url('../images/speech.png')no-repeat center center/contain; position: absolute; top: -80px; right: -165px; z-index: 10;}
.wrap-promotion .promotion-tit h4 {font-size: 40px; font-weight: bold; line-height: 1.6;}
.wrap-promotion .promotion-tit h4 span {color: #014EA7;}
.wrap-promotion .promotion-tit p {font-size: 23px;}

.wrap-promotion .slider {padding: 0 30px; position: relative; z-index: 20;}
.wrap-promotion .slider li {text-align:center; padding: 0 30px; transform: scale(1); transition: transform 0.4s ease-in-out;}
.wrap-promotion .slick-center { transform: scale(1.15) !important;}
.wrap-promotion .slider li a {display:block;position: relative;border-radius: 20px;overflow: hidden; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.25);}
.wrap-promotion .slider li img {display:inline-block;width: 100%;height: 100%;object-fit: cover;}
.wrap-promotion .slick-track {padding: 40px 0;}

.wrap-promotion .slider li .list { }
.wrap-promotion .slider li .thum {}
.wrap-promotion .slider li .con {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #084994c7;opacity: 0;transition: 0.5s;transform: translateY(50px);display: flex;flex-direction: column;justify-content: center;padding: 30px;}
.wrap-promotion .slider li .con .con_title{font-size:20px;display: block;margin-bottom:15px;}
.wrap-promotion .slider li .con span {color: #fff; font-weight: bold; font-size: 40px; font-style: italic; line-height: 1; margin-left: -10px;}
.wrap-promotion .slider li .con p{color: #fff;font-size: 25px; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: keep-all;}
/* .wrap-promotion .slider li .con .date{background: url('../images/clock.png') no-repeat left 2px;padding-left: 27px;font-size:16px;margin-top:10px;color:#333;line-height: 1.25;padding-bottom: 3px;font-family: 'Noto Light';} */
.wrap-promotion .slider li .con p.desc {font-size: 18px; font-weight: normal; margin-top: 20px;}
.wrap-promotion .slider li .con .go {width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; background-color: #023776; border-radius: 50px; margin: 0 auto; margin-top: 30px; box-shadow: 1px 2px 4px 2px #1a1a1a36;}
.wrap-promotion .slider li .con .go img{height: 19px;object-fit: fill;aspect-ratio: 1/1;width: auto;}

.wrap-promotion .slider li:hover {}
.wrap-promotion .slider li:hover .list {}
.wrap-promotion .slider li:hover .thum {}
.wrap-promotion .slider li:hover .con {    opacity: 1;    transition: 0.5s;    transform: translateY(0);}
.wrap-promotion .slider li:hover .con .con_title {}
.wrap-promotion .slider li:hover .con p {}
.wrap-promotion .slider li:hover .con .go {}
.wrap-promotion .slider li:hover .con .go img{}

.wrap-promotion .prevnext {display: flex; flex-direction: row-reverse; gap: 30px; align-items: center; justify-content: center; margin: 0 auto; margin-top: 40px; width: 70%;}
.wrap-promotion .prevnext .container {display: flex; gap: 10px; position: relative;}
.wrap-promotion .prevnext button {width: 55px; height: 55px;text-indent: -9999px;border: 1px solid #8C8C8C; border-radius: 50%; transition: 0.3s;background-size: 23px !important;background-repeat: no-repeat !important;background-position: center !important;}
.wrap-promotion .prevnext button:hover {transition: 0.3s;opacity: 1; transform: initial;}
.wrap-promotion .prevnext .more {width: 55px; height: 55px;background: url('../images/plus_1_b.png') center no-repeat;text-indent: -9999px;border: 1px solid #8C8C8C; border-radius: 50%; transition: 0.3s;background-size: 17px !important;background-repeat: no-repeat !important;background-position: center !important;}
.wrap-promotion .prevnext .more:hover {transition: 0.3s;opacity: 1; transform: initial; background: #195fb1 url('../images/plus_1_w.png') center no-repeat; }
.wrap-promotion .prevnext .prev:hover { background: #195fb1 url('/sites/temp_16/images/common/arrow-l-w.png') center no-repeat }
.wrap-promotion .prevnext .next:hover { background: #195fb1 url('/sites/temp_16/images/common/arrow-r-w.png') center no-repeat}

.wrap-promotion .prevnext .prev {background: url('/sites/temp_16/images/common/arrow-l.png') center no-repeat; background-position-x: 14px !important;}
.wrap-promotion .prevnext .next {background: url('/sites/temp_16/images/common/arrow-r.png') center no-repeat; background-position-x: 16px !important;}

.wrap-promotion .progress-bar {width: 100%; height: 5px; background-color: #ddd; border-radius: 100px; overflow: hidden;}
.wrap-promotion .progress-fill {height: 100%; background-color: #014EA7; width: 0%; transition: width 0.3s ease-in-out;}
.wrap-promotion .slick-dots {display: none !important;}

.wrap-promotion .nodata {border: 1px solid #ccc; border-radius: 30px; padding: 50px; height: 200px;}
 

@media(max-width: 1580px) {
    .wrap-promotion .slider li {padding: 0 20px;}
    .wrap-promotion .slider li .con span {font-size: 35px;}
    .wrap-promotion .slider li .con p {font-size: 20px;}
    .wrap-promotion .slider li .con p.desc {font-size: 17px;}
}
@media(max-width: 1400px) {
    .wrap-promotion .slider {padding: 0 100px;}
    .wrap-promotion .slider li {padding: 0 35px;}
}
@media(max-width: 1200px) {
    .wrap-promotion {margin-bottom: 30px; padding: 70px 0;}
    .wrap-promotion::before {width: 200px;}
    .wrap-promotion::after {width: 210px; top: -90px; right: 0;}
    .wrap-promotion .promotion-tit {margin-bottom: 35px;}
    .wrap-promotion .promotion-tit::before {width: 145px; top: -85px; right: -100px;}
    .wrap-promotion .promotion-tit h4 {font-size: 33px;}
    .wrap-promotion .promotion-tit p {font-size: 21px;}

    .wrap-promotion .slider {padding: 0 30px;}
}
@media(max-width: 1024px) {
    #multipleContentsDiv_gfs_5009 {height: fit-content !important;}
    .wrap-promotion .promotion-tit::before {display: none;}
    .wrap-promotion .slider li .con p.desc {margin-top: 12px;}
}
@media(max-width: 950px) {
    .wrap-promotion {border-radius: 150px 150px 0 0;}
    .wrap-promotion .slider {padding: 0 10px;}
    .wrap-promotion .slider li {padding: 0 25px;}
}
@media(max-width: 850px) {
    .wrap-promotion .slider {width: 50%; margin: 0 auto;}
    .wrap-promotion .slick-list {overflow: unset !important;}
    .wrap-promotion .slider li {padding: 0 30px;}
    .wrap-promotion .prevnext {margin-top: 120px;}
}
@media(max-width: 768px) {
    .wrap-promotion {padding: 50px 0; border-radius: 120px 120px 0 0;}
    .wrap-promotion::before {width: 150px;}
    .wrap-promotion::after {width: 150px; top: -120px;}
    .wrap-promotion .promotion-tit {margin-bottom: 20px;}
    .wrap-promotion .promotion-tit h4 {font-size: 30px;}
    .wrap-promotion .promotion-tit p {font-size: 19px;}
    .wrap-promotion .prevnext button {width: 45px; height: 45px; background-size: 19px !important;}
    .wrap-promotion .prevnext .prev {background-position-x: 11px !important;}
    .wrap-promotion .prevnext .next {background-position-x: 13px !important;}
    .wrap-promotion .prevnext .more {width: 45px; height: 45px; background-size: 14px !important;}
    .wrap-promotion .slider li .con {padding: 0 15px;}
    .wrap-promotion .slider li .con .go {width: 45px; height: 45px; margin-top: 15px;}
    .wrap-promotion .slider li .con .go img {height: 15px;}
}
@media(max-width: 600px) {
    .wrap-promotion .slider li {padding: 0 20px;}
    .wrap-promotion .slider li .con span {display: none;}
    .wrap-promotion .slider li .con p.desc {-webkit-line-clamp: 1;}
}
@media(max-width: 550px) {
    .wrap-promotion {border-radius: 80px 80px 0 0;}
    .wrap-promotion::before {width: 100px;}
    .wrap-promotion::after {width: 100px;}
    .wrap-promotion .promotion-tit h4 {font-size: 27px; line-height: 1.4; margin-bottom: 10px;}
    .wrap-promotion .promotion-tit p {font-size: 18px;}

    .wrap-promotion .slider li .con p {font-size: 18px;}
    .wrap-promotion .slider li .con p.desc {font-size: 16px;}
    .wrap-promotion .prevnext {margin-top: 100px; width: 80%; gap: 20px;}
}
@media(max-width: 480px) {
    .wrap-promotion .slider {width: 100%;}
    .wrap-promotion .slick-list {overflow: hidden !important;}
    .wrap-promotion .slick-track {padding: 0;}
    .wrap-promotion .slider li a {box-shadow: none;}
    .wrap-promotion .prevnext {margin-top: 30px;}
    .wrap-promotion .slider li .con p {-webkit-line-clamp: 2 !important;}
}