@charset "utf-8";

/** main 공통 s **/

:root {
    --point-color: #E60F33;  /* 레드 */
    --point-color2: #FFD900; /* 노랑 */
    --black: #262627;
    --red: #E60F33;
}
.yellow {color: var(--point-color2);}
.main {position: relative; padding-top: 75px; background: #f6f6f6 url("/_user/img/main/bg-main.png") no-repeat center bottom -1px; z-index: 0;}
.main section, .inner-section {max-width: 1540px; padding: 0 20px; margin: 0 auto; box-sizing: border-box;}
.font-point {font-family: "GANGWONSTATE";}
.main-tit-box {display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
h3.section-tit {font-size: 33px; text-transform: uppercase; padding-bottom: 5px; line-height: 1.1; letter-spacing: -1.74px; font-family: GANGWONSTATE; color: var(--black);}
h3.section-tit > em {display: inline-block; padding-left: 7px; color: #e60f33;}
.section-sub-tit {color: var(--black); font-size: 17px; letter-spacing: -1px; font-weight: 300; line-height: 1.4;}
/*.section-sub-tit > span {display: inline-block;}*/
.section-sub-tit .mobile {display: none; width: max-content;}

.icon-link {position: relative; top: 2px; width: 15px; height: 15px; background-size: 100%; margin-left: 4px;}
.ico-link {width: 17px; min-width: 17px; height: 16px; margin-left: 5px; background: #222; --svg:url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.82397 7L14.824 2M14.824 2H11.4906M14.824 2V5.33333M14.824 9.33333V12.6667C14.824 13.0203 14.6835 13.3594 14.4335 13.6095C14.1834 13.8595 13.8443 14 13.4906 14H4.15731C3.80369 14 3.46455 13.8595 3.2145 13.6095C2.96445 13.3594 2.82397 13.0203 2.82397 12.6667V3.33333C2.82397 2.97971 2.96445 2.64057 3.2145 2.39052C3.46455 2.14048 3.80369 2 4.15731 2H7.49064' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); -webkit-mask: var(--svg); mask: var(--svg); }
.ico-more {position: relative; display: inline-block; width: 24px; height: 24px; background: none;}
.ico-more::before, .ico-more::after {content: ""; position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; background-color: #262627; transition: background-color 0.3s;}
.ico-more::before {transform: translate(-50%, -50%) rotate(0deg);}
.ico-more::after {transform: translate(-50%, -50%) rotate(90deg);}
.prev-button, .next-button {position: relative; display: flex; align-items: center; justify-content: center; width: 30px; height: 32px;}
.prev-button::after, .next-button::after {content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: translate(-50%, -50%) rotate(225deg); border-radius: 2px 0 2px 0;}
.next-button::after {transform:  translate(-50%, -50%) rotate(45deg);}

.section-tit-box {display: flex; align-items: center; justify-content: space-between; word-break: keep-all;}

/* 라벨 */
.label {display: flex; align-items: center; justify-content: center; padding: 5px 11px; border-radius: 5px; font-weight: 600;}
.label.green {color: #276038; background: rgba(0, 142, 43, 0.10);}
.label.red {color: #A22C2C; background: rgba(142, 0, 0, 0.10 );}
.label.blue {color: #004E82; background: rgba(0, 78, 142, 0.10);}
.label.purple {color: #5A008E; background: rgba(90, 0, 142, 0.12);}
.label.gray {color: #555; background: #EEE;}
.label.yellow {color: #DA6D00; background: rgba(218, 109, 0, 0.10);}

/* scroll s */
.fade-wrap  {overflow: hidden;}
.fade-wrap .fade-box.fadeUp {opacity: 1; transform: translateY(0);}
.fade-wrap .fade-box {opacity: 0; transform: translateY(100px); transition: all 1s; transition-delay: 0.3s;}
.fade-wrap .opacity-box {opacity: 0;  transition: opacity 1s ease-out;}
.fade-wrap .opacity-box.visible {opacity: 1;}
.typing-char {opacity: 0; animation: fadeIn 0.1s ease forwards;}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}
@media screen and (min-width: 768px){
    .main section, .inner-section {padding: 0 30px; max-width: 1560px;}
    .main .slide-control {padding-top: 30px;}
}

@media screen and (min-width: 1024px){
    .main section, .inner-section {padding: 0 40px; max-width: 1580px;}
    .main .mob-br {display: none;}
    .main section {max-width: 1580px; padding: 0 40px;}
    .section-tit-box {flex-wrap: wrap;}
    h3.section-tit {font-size: 40px;}
    .section-sub-tit .mobile {display: inline-block; padding-right: 4px;}
    .section-sub-tit br {display: none;}
    .icon-link {width: 20px; height: 20px; top: 0;}
    .main .arrow em {width: 60px; height: 60px;}
    .main .arrow::before {width: 50px; height: 50px; transition: all 0.3s;}
    .main .arrow:hover::before {width: 170px; height: 170px; background: rgba(255,122,0,1);}
    .main .arrow:hover {transform: translate(10px, -15px); z-index: 1;}
    .main .slide-control {display: none;}
    .swiper-pagination {display: none;}

    .label {font-size: 15px; padding: 7px 10px;}

    .btn-more {display: flex; gap: 5px; align-items: center; }
    .btn-more::after {content: '더보기'; width: fit-content; display: flex; font-size: 18px;}
    .ico-more::before, .ico-more::after {width: 12px;}
    .ico-more {width: 12px; height: 21px; display: inline-block; transition: .3s;}
    .btn-more:hover .ico-more {transform: rotate(180deg);}
    .btn-more:hover::after {font-weight: bold;}

    .main .no-contents > img {width: 100px;}
}

@media screen and (min-width: 1200px){
    .main {padding-top: 150px;}
    .main::before {content: ''; position: absolute; top: 25%; left: 0; display: block; width: 2029px; height: 1742px; background: url("/_user/img/main/bg-main02.png") no-repeat center bottom; z-index: -1;}
    h3.section-tit {font-size: 45px;}
    .main-tit-box.mob, .section-tit.mob {display: none;}
    .main-tit-box .section-tit.pc {display: block;}
}
/** main 공통 e **/

/* section-visual s */
section.section-visual {display: block; width: 100%; padding-top: 26px; padding-bottom: 60px;}
.visual-slide-area {position: relative; color: #fff;}
.section-visual .swiper-container {position: relative; aspect-ratio: 69 / 50; border-radius: 15px;}
.section-visual .swiper-slide > a > img {width: 100%; height: 100%; object-fit: cover; max-width: 100%; transition: 3s; animation-name: zoom-img; animation-duration: 4s;}
.section-visual .swiper-slide > a > img.pc {display: none;}
.visual-txt-box {position: absolute; left: 30px; bottom: 100px;}
.visual-txt-box h2 > img {display: block; max-width: 137px; padding-bottom: 20px;}
.visual-txt-box > h2 {display: block; font-weight: 300; font-size: 14px; line-height: 1.4; letter-spacing: -0.14px;}
.visual-txt-box > h2 > em {font-weight: 700;}
.main-visual-control {position: absolute; bottom: 40px; left: 30px; z-index: 2;}
.main-visual-control .swiper-pagination {width: auto; position: static; display: flex; gap: 7px; letter-spacing: 0; min-width: 50px; padding-right: 10px; font-size: 16px; white-space: nowrap;}
.main-visual-control .prev-button, .main-visual-control .next-button {position: relative; display: flex; align-items: center; justify-content: center; width: 30px; height: 32px;}
.main-visual-control .prev-button::after, .main-visual-control .next-button::after {content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: translate(-50%, -50%) rotate(225deg); border-radius: 2px 0 2px 0;}
.main-visual-control .next-button::after {transform:  translate(-50%, -50%) rotate(45deg);}
.main-visual-control .paging-btn {display: flex; justify-content: space-between; align-items: center; gap: 10px; width: 100%; height: 35px; border-radius: 25px; padding: 0 15px;background: rgba(255, 255, 255, 0.20); box-shadow: 3px 3px 9px rgba(0,0,0,0.2); backdrop-filter: blur(3.5px); box-sizing: border-box; font-family: GANGWONSTATE;}
.main-visual-control .paging-btn img {width: 7px; height: 13px;}
.main-visual-control .play-stop {display: flex; align-items: center; height: 24px;}
.main-visual-control .play-stop>button {display: none;}
.main-visual-control .play-stop>button.on {display: inline-block;}
.main-visual-control .play-stop .play {height: 0; border-left: 8px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent;}
.main-visual-control .play-stop .stop {width: 8px; height: 13px; border-left: 2px solid #fff; border-right: 2px solid #fff;}

.visual-board-area {position: relative; margin-top: 17px; background: #fff; padding: 40px 26px 21px; border-radius: 15px; box-shadow: 0 0 26px 0 rgba(99, 99, 99, 0.10);}
.board-box-tab {display: flex; gap: 8px; padding-bottom: 20px;}
.board-box-tab > li.on button {background: var(--red); color: #fff;}
.board-box-tab > li > button {display: flex; align-items: center; justify-content: center; min-height: 45px; padding: 13px 17px; box-sizing: border-box; border-radius: 100px; background: #fff; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15); color: #262627; font-size: 17px;}
.board-cont {display: none;}
.board-cont.on {display: block;}
.board-cont .btn-more {position: absolute; right: 26px; top: 50px;}

.board-item-box > li > a {display: block; padding: 20px 15px; font-size: 19px; border-bottom: 1px solid rgba(0, 0, 0, 0.20); justify-content: space-between;}
.list-tit-area > p {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #262627; font-weight: 600; line-height: 1; transition: .3s; position: relative; left: 0;}
.board-item-box > li .date {display: inline-block; padding-top: 6px; font-size: 17px; color: #888; letter-spacing: -0.5px;}

@keyframes zoom-img {
    from {transform: scale(1.1)}
    to {transform: scale(1)}
}

@media screen and (min-width: 768px){
    .board-item-box > li > a:hover p {left: 20px;}
}
@media screen and (min-width: 1024px){
    section.section-visual {display: flex;}
    .section-visual .swiper-container {border-radius: 25px 0 0 25px; aspect-ratio: 69  / 46;}
    .section-visual .swiper-slide > a > img.pc {display: block;}
    .section-visual .swiper-slide > a > img.mobile {display: none;}
    .visual-slide-area {width: 56%;}
    .visual-board-area {width: 42%; margin-top: 0; border-radius: 0 25px 25px 0; padding: 21px 26px;}
    .board-item-box > li:nth-of-type(n+5) {display: none;}
    .main-visual-control .swiper-pagination {font-size: 20px}
    .board-item-box > li > a {display: flex; font-size: 20px;}
    .board-item-box > li .date {white-space: nowrap; padding-top: 0;}
    .visual-txt-box {left: 70px; bottom: 130px}
    .main-visual-control {left: 70px; bottom: 50px;}
    .main-visual-control .paging-btn {padding: 15px 25px; height: 52px;}
    .list-tit-area {width: 75%;}
    .board-cont .btn-more {top: 35px;}
    .board-box-tab > li > button {font-size: 20px; padding: 13px 35px;}
}
@media screen and (min-width: 1200px){
    .board-item-box > li:nth-of-type(n+5) {display: block;}
}
@media screen and (min-width: 1500px){
    .visual-slide-area {width: 58%;}
    .visual-board-area {padding: 32px 50px 40px;}
    .section-visual .swiper-container {aspect-ratio: 1.56 / 1;}
    .visual-txt-box {left: 90px; bottom: 150px;}
    .main-visual-control {left: 90px; bottom: 65px; }
    .board-cont .btn-more {top: 70px; right: 53px;}
    .board-box-tab {padding-bottom: 35px;}
    .board-item-box > li:nth-of-type(n+6) {display: block;}
    .board-item-box > li > a {padding: 26px 15px;}
}

/* main-section e */

/* 도민커뮤니티 s */
section.main-community {background: #F0EFEC; padding-top: 55px; padding-bottom: 55px; }
.community-list-label {display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 12px;}
.community-list-area {padding-top: 30px;}
.community-list-area > li:nth-of-type(n+5) {display: none;}
.community-list-area > li + li {margin-top: 8px;}
.community-item {display: block; padding: 15px; border-radius: 5px; background: #fff; transition: .2s;}
.community-item .writer {display: none; color: #888; word-break: keep-all; min-width: fit-content;}
.community-item .tit  {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; font-size: 19px; font-weight: 600; color: var(--black); position: relative; left: 0; transition: .3s;}
.community-item .date {display: inline-block; padding-top: 6px; font-size: 17px; color: #888; letter-spacing: -0.5px; min-width: fit-content;}

@media screen and (min-width: 768px){
    .community-item:hover {box-shadow: 0 0 15px rgba(39, 58, 148, 0.3);}
    .community-item:hover .tit {left: 10px;}
}

@media screen and (min-width: 1024px){
    section.main-community {background: unset;}
    .community-list-area {background: #fff; padding: 23px; margin-top: 40px; border-radius: 20px;}
    .community-list-area > li:nth-of-type(n+5) {display: block;}
    .community-item {display: flex; background: #F6F8FD; justify-content: space-between; align-items: center;}
    .community-item .pc-left {width: 80%; display: flex; gap: 35px;}
    .community-item .pc-right {width: 20%; display: flex; justify-content: flex-end; gap: 80px;}
    .community-list-label {margin-bottom: 0;}
    .community-item .tit {width: 60%; line-height: 1.6;}
    .community-item .writer {display: block;}
    .community-item .date {padding-top: 0;}
}

@media screen and (min-width: 1200px){
    .section-sub-tit {font-size: 22px; padding-top: 10px;}
}
/* 도민커뮤니티 e */

/* 도민행사일정 s */
section.main-event {padding-top: 40px; padding-bottom: 50px;}
.event-calender-area {padding: 50px 12px; margin-top: 25px; border-radius: 15px; background: linear-gradient(180deg, #EFEFEF 40.95%, #EDE7DC 100%); }
.cal-date-box {display: flex; align-items: center; justify-content: center; gap: 20px; font-size: 27px; color: #002E42; font-weight: 700; letter-spacing: -0.44px; margin-bottom: 25px;}
.btn-prev-month, .btn-next-month {width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 10px solid #000;}
.btn-next-month {border-left: 10px solid #000; border-right: none;}
.slide-cal-list > li > a {display: flex; flex-direction: column; justify-content: center; align-items: center; min-width: 58px; box-sizing: border-box; padding: 20px 0 10px; border-radius: 10px; background: #fff;}
/*.slide-cal-list > li > a.today {background: blue;}*/
.slide-cal-list > li > a.schedule {background: #FDF7F6 url("/_user/img/main/ico-event-check.svg") no-repeat top 6px center / 13px;}
.slide-cal-list > li > a.on {background-color: var(--red);}
.slide-cal-list > li .day-num {font-size: 27px; font-family: GANGWONSTATE; font-weight: bold; color: var(--black);}
.slide-cal-list > li .day-txt {color: #787878; font-size: 14px; padding-top: 20px;}
.slide-cal-list > li.saturday .day-txt, .slide-cal-list > li.saturday .day-num {color: #0058A1;}
.slide-cal-list > li.sunday .day-txt, .slide-cal-list > li.sunday .day-num {color: #BD1430;}
.slide-cal-list > li > a.on .day-num, .slide-cal-list > li > a.on .day-txt {color: #fff;}
.event-cal-wrap .paging-btn {display: none;}
.event-dimm-box {position: relative;}
.event-list-wrap-inner {max-height: 300px; overflow-y: scroll; margin-top: 40px; padding-right: 8px;}
.event-list-wrap-inner > li + li {margin-top: 3px;}
.event-list-wrap-inner > li > a {display: flex; align-items: stretch;}
.event-list-wrap-inner > li > a > p {width: 20%; display: flex; align-items: center; justify-content: center; font-family: GANGWONSTATE; background: #242b45; border-radius: 10px 0 0 10px; color: #fff; font-size: 22px;}
.event-list-wrap .event-item-cont {width: 80%; padding: 15px 17px; border-radius: 0 10px 10px 0; box-sizing: border-box; background: #F9F9F9;}
.event-list-wrap-inner > li.none {display: flex; align-items: center; justify-content: center; min-height: 100px; background: #F9F9F9; border-radius: 10px;}
.event-list-label {display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 12px;}
.event-item-cont .date {color: #888; padding-top: 5px; }
.event-item-cont .tit {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; font-size: 19px; font-weight: 600; transition: .3s;}
.end-dimm::before {content: ''; width: 100%; height: 50px; position: absolute; left: 0; bottom: 0; background: linear-gradient(180deg, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 100%); z-index: 1;}


@media screen and (min-width: 768px){
    .event-list-wrap-inner > li > a:hover .tit {font-weight: 900;}
    .event-list-wrap-inner > li.none {font-size: 19px; min-height: 300px;}
}

@media screen and (min-width: 1200px){
    section.main-event {padding-bottom: 150px;}
    .event-calender-area {display: flex; background: unset; padding: 0; border-radius: 20px; overflow: hidden;}
    .event-cal-wrap-inner {width: 100%; margin: 0 auto; position: relative; max-width: 747px; margin: 0 auto;}
    .event-cal-wrap {width: 64%; min-height: 380px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;background: #fff; padding: 0 60px; box-sizing: border-box;}
    .cal-date-box {justify-content: flex-start; padding: 0 35px; font-size: 32px; margin-bottom: 45px;}
    .event-cal-wrap .swiper-container {width: 100%; max-width: 685px;}
    .event-list-wrap {width: 36%; background: #E2E2E2; padding: 40px;}
    .event-list-wrap-inner {margin: 0; padding-right: 20px;}
    .slide-cal-list > li > a {min-width: 64px; background: #FDF7F6; border-radius: 20px; padding: 30px 0 20px;}
    .event-cal-wrap .paging-btn {width: 100%; display: flex; align-items: center; justify-content: space-between; position: absolute; left: 0; top: 60%;}
    .main-event .prev-button::after, .main-event .next-button::after {border-color: #484848; width: 11px; height: 11px;}
    .slide-cal-list > li .day-num {font-size: 22px;}
    .slide-cal-list > li .day-txt {font-size: 18px;}
    .event-list-wrap-inner > li > a > p {font-size: 28px;}
    .slide-cal-list > li > a.schedule {background-position: top 10px center;}
}
/* 도민행사일정 e */

/* 포토갤러리 s */
section.main-photo {padding-right: 0; max-width: none;}
section.main-photo .btn-more {margin-right: 20px;}
section.main-photo .section-sub-tit br {display: none;}
.photo-first-area {padding-bottom: 30px;}
.main-photo .img-area {width: 100%; height: 100%; position: relative; overflow: hidden; border-radius: 8px 8px 0 0; aspect-ratio: 1 / 1;}
.photo-list-label {display: flex; flex-wrap: wrap; gap: 5px; padding-top: 14px; margin-top: 14px; border-top: 1px solid #D3D3D3;}
.photo-slide-area .txt-area {padding: 20px; border-radius: 0 0 8px 8px; background: #fff; transition: .3s;}

.photo-slide-area .swiper-slide {display: flex; flex-direction: column;}
.photo-slide-area .swiper-slide p {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; word-break: break-all; font-size: 19px; font-weight: 600;}
.photo-slide-area .swiper-slide img {width: 100%; height: 100%; position: absolute; top: 0; max-width: 100%; object-fit: cover; transition: .5s;}
.photo-slide-area .swiper-slide .date {display: inline-block; padding-top: 6px; font-size: 17px; color: #888; letter-spacing: -0.5px;}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 0.5;}

.control {display: flex; align-items: center; padding: 30px 0 10px; margin: 0 20px 0 0; overflow: hidden;}
.control .swiper-scrollbar {height: 3px; width: 100%; background: #DBDCE0;}
.control .swiper-scrollbar-drag {background: var(--point-color);}
.main-photo .slide-control {display: none;}
.main-photo .play-stop { }
.main-photo .play-stop>button {display: none; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 42px; background: #fff; box-shadow: 0 5px 10px #004D301F}
.main-photo .play-stop>button.on {display: flex;}
.main-photo .play-stop .play::before {content: ''; display: inline-block; height: 0; border-left: 8px solid #111; border-top: 6px solid transparent; border-bottom: 6px solid transparent;}
.main-photo .play-stop .stop::before {content: ''; display: inline-block; width: 4px; height: 13px; border-left: 2px solid #111; border-right: 2px solid #111;}

@media screen and (min-width: 768px){
    .control {display: none;}
    .photo-slide-area .swiper-slide:hover .txt-area {background: #242B45; color: #fff;}
    .photo-slide-area .swiper-slide:hover img {transform: scale(1.05);}
    .photo-slide-area .swiper-slide:hover .date {color: #fff;}
}
@media screen and (min-width: 1024px){
    .main-photo .section-tit-box {max-width: 300px;}
}
@media screen and (min-width: 1200px){
    section.main-photo {display: flex; padding-bottom: 100px; padding-left: 8%; gap: 60px;}
    .photo-first-area {width: 35%; padding-bottom: 0;}
    .photo-slide-area {width: 75%;}
    section.main-photo .section-sub-tit br {display: inline-block;}
    .main-photo .slide-control {display: flex; align-items: flex-end; justify-content: flex-end; max-width: 258px; padding-top: 109px; gap: 5px;}
    .main-photo .slide-control .swiper-button-prev, .main-photo .slide-control .swiper-button-next {position: relative; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 42px; background-color: #fff; box-shadow: 0 5px 10px #004D301F; background-image: none;}
    .main-photo .slide-control .swiper-button-prev {left: 0;}
    .main-photo .slide-control .swiper-button-next {right: 0;}
    .main-photo .slide-control .swiper-button-prev span, .main-photo .slide-control .swiper-button-next span {position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; border-top: 3px solid #111; border-right: 3px solid #111; transform: translate(-50%, -50%) rotate(45deg); border-radius: 2px 0 2px 0;}
    .main-photo .slide-control .swiper-button-prev span {transform: translate(-50%, -50%) rotate(225deg);}
    .main-photo .btn-more {padding-top: 60px;}
}
@media screen and (min-width: 1400px){
    section.main-photo {padding-left: 11%;}
}
/* 포토갤러리 e */

/* 강원도 대표관광지 s */
section.main-tour {position: relative; padding-top: 70px;}
section.main-tour::before {content: ''; position: absolute; top: -100px; right: 0; width: 715px; height: 274px; background: url("/_user/img/main/txt-gangwon.svg") no-repeat center / contain; transform: scale(0.35); transform-origin: right;}
section.main-tour .section-tit-box {flex-direction: column; justify-content: center; padding-bottom: 30px;}
.tour-list-area>li>a {display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100px; padding: 20px 23px; box-sizing: border-box; border-radius: 15px;}
.tour-list-area>li + li>a {margin-top: 10px;}
.tour-list-area>li>a .tour-tit {font-size: 29px; font-family: GANGWONSTATE;}
.tour-list-area .item01 {position: relative; background: #C5F6FF url("/_user/img/main/bg-tour01.png") no-repeat top center / 100% 80%; overflow: hidden;}
.tour-list-area .item01::before {content: ''; width: 175px; height: 163px; background: url("/_user/img/main/bg-tour01-2.png") no-repeat top center / contain; position: absolute; bottom: -23px; left: 60%; transform: scale(0.7); transform-origin: bottom;}
.tour-list-area .item02 {background: #F7F0C9 url("/_user/img/main/bg-tour02.png") no-repeat right center / contain;}
.tour-quick-area {padding-top: 20px;}
.quick-top-box {position: relative; padding: 32px 40px; border-radius: 15px 15px 0 0; color: #fff; background: url(/_user/img/main/bg-tour-quick.jpg) no-repeat left 23% bottom 35%; overflow: hidden; transition: 1s; background-size: 100%;}
.quick-top-box::before {content: ''; position: absolute; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(6, 42, 55, 0.75) 22.49%, rgba(6, 54, 72, 0.00) 100%); top: 0; transition: 1s; opacity: 1;}
.quick-top-box > p {font-size: 17px; position: relative; z-index: 1;}
.quick-top-box img {max-width: 100%; position: relative; z-index: 1;}
.quick-top-box img.pc {display: none;}
.quick-btn-box {display: flex; justify-content: center; padding: 13px 51px; background: var(--red); gap: 10px; border-radius: 0 0 15px 15px; color: #fff; font-size: 17px;}
@media screen and (min-width: 768px){
    .tour-quick-area > a:hover .quick-top-box {background-size: 110%;}
    .tour-quick-area > a:hover .quick-top-box::before {opacity: 0;}
}
@media screen and (min-width: 1024px){
    .tour-list-area {display: flex; align-items: center; gap: 20px;}
    .tour-list-area>li {width: 50%;}
    .tour-list-area>li + li>a {margin-top: 0;}
    .tour-list-area .item01::before  {transform: scale(1);}
}
@media screen and (min-width: 1200px){
    section.main-tour {padding: 130px 40px 100px;}
    section.main-tour::before {transform: scale(1); right: -10%;}
    section.main-tour .section-tit-box {padding-bottom: 55px;}
    .tour-list-area>li>a {height: 150px; padding: 40px 60px;}
    .tour-list-area>li>a .tour-tit {font-size: 39px;}
    .tour-list-area>li>a .tour-tag {font-size: 21px; padding-top: 5px;}
    .tour-quick-area > a {display: flex; width: 100%; height: 147px;}
    .quick-top-box > p {margin-bottom: -10px; font-size: 21px;}
    .quick-top-box img.mobile {display: none;}
    .quick-top-box img.pc {display: block;}
    .quick-top-box {width: 80%; border-radius: 20px 0 0 20px; padding: 35px 50px 35px 119px; background-position: left 23% bottom 35%;}
    .quick-btn-box {width: 20%; max-width: 205px; flex-direction: column; align-items: center; border-radius: 0 20px 20px 0; box-sizing: border-box; text-align: center; font-size: 21px; padding: 25px; word-break: keep-all;}
}
/* 강원도 대표관광지 e */

/* 링크모음 s */
section.main-link {padding-top: 60px; padding-bottom: 50px;}
.type-grad {font-size: 46px; font-weight: 800; letter-spacing: -1px; background: linear-gradient(115deg, #F5373B 12.92%, #353983 48.87%, #037392 77.49%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1; padding-bottom: 10px; background-size: 206px; padding-bottom: 30px;}
.link-info-area {display: flex; flex-direction: column-reverse;}
.link-info-area h3.section-tit {font-size: 19px; font-family: Pretendard; letter-spacing: -0.3px;}
.link-info-area .section-sub-tit {letter-spacing: -0.3px;}
.info-tit-box {min-width: 205px; margin-left: auto;}
.link-list-area {padding-top: 40px;}
.link-list-item {border-radius: 10px; background: #EBEFF2; padding: 15px 13px; color: var(--black); transition: .3s; position: relative; top: 0;}
.link-list-item + .link-list-item {margin-top: 10px;}
.link-list-item {position: relative; overflow: hidden;}
.link-list-item::before {content: ''; position: absolute; right: 0; bottom: 0; transform: scale(0.7); transform-origin: bottom right;}
.link-list-item:nth-of-type(1)::before {width: 172px; height: 174px; background: url("/_user/img/main/img-link-01.png") no-repeat center / contain;}
.link-list-item:nth-of-type(2)::before {width: 292px; height: 243px; background: url("/_user/img/main/img-link-02.png") no-repeat center / contain; right: -43px;}
.link-list-item:nth-of-type(3)::before {width: 267px; height: 225px; background: url("/_user/img/main/img-link-03.png") no-repeat center / contain; right: -29px; bottom: -10px;}
.link-list-item:nth-of-type(4)::before {width: 231px; height: 165px; background: url("/_user/img/main/img-link-04.png") no-repeat center / contain; right: -13px; bottom: -8px;}
.link-list-item:nth-of-type(5)::before {width: 286px; height: 168px; background: url("/_user/img/main/img-link-05.png") no-repeat center / contain; right: -60px;}
.link-list-item a {position: relative; width: 100%; display: flex; height: 40px; padding: 11px 29px; box-sizing: border-box; align-items: center; justify-content: space-between; border-radius: 10px; background: #fff; box-shadow: 0 0 18px 0 rgba(83, 59, 14, 0.13); font-size: 16px; font-weight: 600; word-break: keep-all; z-index: 1; transition: .3s;}
.link-list-area .link-box {display: flex; gap: 10px;}
.link-list-area .list-tit {position: relative; z-index: 1; font-size: 16px; font-weight: 700; padding-bottom: 12px; letter-spacing: -0.4px; word-break: keep-all;}
.link-list-area .list-tit > em {display: block; font-weight: 500; font-size: 14px; color: #666; padding-top: 10px;}
@media screen and (min-width: 768px){
    .link-list-item:hover {top: -20px;}
    .link-list-item a:hover {color: #fff; background: #242B45;}
    .link-list-item a:hover .ico-link {background: #fff;}
}
@media screen and (min-width: 1200px){
    section.main-link {padding: 100px 40px 200px;}
    .link-info-area {flex-direction: row; justify-content: space-between; align-items: center;}
    .link-info-area h3.section-tit {font-size: 38px;}
    .info-tit-box {margin-left: unset;}
    .type-grad {font-size: 70px; background-size: 610px;}
    .type-grad br {display: none;}
    .link-list-area {display: flex; gap: 10px; padding-top: 80px;}
    .link-list-item::before {transform: scale(1);}
    .link-list-item + .link-list-item {margin-top: 0;}
    .link-list-item {width: 25%; gap: 10px; padding: 50px 30px 125px;}
    .link-list-item a {height: 50px; font-size: 17px;}
    .link-list-area .link-box {flex-direction: column;}
    .link-list-area .list-tit {font-size: 27px; padding-bottom: 30px;}
    .link-list-area .list-tit > em {font-size: 17px;}
    .link-list-item:nth-of-type(2)::before {right: 0;}
    .link-list-item:nth-of-type(3)::before {right: 0;}
    .link-list-item:nth-of-type(4)::before {right: 0;}
    .link-list-item:nth-of-type(5)::before {right: auto; left: 10px;}

}
/* 링크모음 e */