@charset "utf-8";

.main section {padding: 100px 0;}
#main-visual { background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sumcyhf.ohfna.pbz%2Sfuner%2Spff%2S..%2S..%2Svzt%2S00_znva%2S250903unccl6.wct) center center no-repeat; background-size: cover; padding: 70px 0; }
#main-visual .flex > div { width: 50%; }
#main-visual .main-copy {font-size: 70px; line-height: 1.1;}
#main-visual .main-copy b {position: relative; z-index: 1;}
#main-visual .main-copy span {padding: 3px 40px; border-radius: 50px; margin-left: -40px;}
#main-visual .main-copy p {line-height: 1.5;}
#main-visual .slick-slide .txt h4 {height: 60px;display: flex;align-items: center; justify-content: center;}
.main-slide a { color: #777; }
.main-slide .img {border-radius: 25px 25px 0 0; overflow: hidden;}
.img img {width: 100%; height: 100%; object-fit: cover; display: block; aspect-ratio: 1/1; object-position: top center;}
.main-slide .img .inner-category {position: absolute; right: 30px; bottom: 20px;}
.main-slide .img .inner-category span {color: #222; background: #fff; padding: 7px 40px; border-radius: 20px; font-size: 18px; box-shadow: 3px 3px 10px rgba(35,35,35,.35);}
.main-slide .img .inner-category a:nth-child(2) span {color: #222; background: #ffcc00;}
.main-slide .txt {padding: 20px 15px; /*border-radius: 0 0 25px 25px;*/}
.main-slide ul {position: relative; z-index: 2;}
.slick-list {box-shadow: 5px 5px 15px rgba(0,0,0,.5); border-radius: 25px 25px 0 0;}
.main-slide .slide-nav .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); z-index: 1;}
.main-slide .slide-nav .slick-arrow i {font-size: 100px; color: #fff;}
.main-slide .slide-nav .prev-btn {left: -80px;}
.main-slide .slide-nav .next-btn {right: -80px;}
.main-slide .slide-nav button {width: auto; height: auto; background: none; box-shadow: none;}
.main-slide .slick-dotted {text-align: center;}
.main-slide .slick-dots {display: inline-block; border-radius: 3.5px; height: 7px; overflow: hidden; margin-top: 10px;}
.main-slide .slick-dots > li {display: inline-block; background: rgba(79,63,0,0.23); text-indent: -9999px; width: 55px;}
.main-slide .slick-dots > li.slick-active {background: #fff; border-radius: 3.5px; height: 7px;}
@media (min-width: 1930px) {#main-visual {background-size: cover; }
}
@media (max-width: 767px) {
    #main-visual { background: #fbe39b; background-size: cover; }
    #main-visual .main-copy { font-size: 48px; }
    #main-visual .main-copy span { padding: 3px 20px; margin-left: -20px; }
    #main-visual .flex {flex-wrap: wrap; gap: 30px;}
    #main-visual .flex > div { width: 100%; }
    .main-slide .slide-nav {display: none;}
}

#main-event .img img {border-radius: 200px; box-shadow: 5px 4px 11px 1px #dddddd;}
#main-event .img .point {position: absolute; font-size: 18px; color: #fff; background: #5baf4f; width: 90px; height: 90px; border-radius: 50%; right: 0; top: 0; display: flex; justify-content: center; align-items: center;}
/* #main-event .img .point {position: absolute; font-size: 18px; color: #fff; background: #4149b8; width: 90px; height: 90px; border-radius: 50%; right: 0; top: 0; display: flex; justify-content: center; align-items: center;} */
#main-event .img .inner-category {position: absolute; padding: 7px 40px; border-radius: 20px; font-size: 18px; left: 50%; bottom: 40px; transform: translateX(-50%);}
#main-event .img .inner-category.white-category {color: #222; background: #fff;}
#main-event .txt {padding-top: 27px;}
#main-event .txt ul li {font-size: 18px;}
#main-event .txt ul li b {color: #222;}

#main-board ul li {border-radius: 16px; overflow: hidden;}
#main-board .board-normal ul li a {font-size: 18px; line-height: 2;}
#main-board .txt {padding: 30px;}
#main-board .main-button {position: absolute; right: 0; top: 0;}

/* #main-banner { background-color: #4149b8; margin-bottom: -150px; } */
#main-banner { background-color: #89afef; margin-bottom: -150px; }
#main-banner .txt { font-size: 35px; }
#main-banner .txt span { font-size: 44px; }
#main-banner .img img { aspect-ratio: auto; }

.main-button a {padding: 7px 30px 5px 30px; border-radius: 30px; display: inline-flex; font-size: 18px; align-items: center; gap: 5px;}
.main-button.yellow-button a {background-color: #ffcc00; color: #fff;}
.main-button.blue-button a {background-color: #4149b8; color: #fff;}
.main-button.black-button a {background-color: #000; color: #fff;}

@media (max-width: 767px) {
    #main-banner .txt { font-size: 26px; }
    #main-banner .txt span { font-size: 32px; }
}