@charset "UTF-8";




.main .container {    padding-top: 90px;}
.main_visual_wrap {    height: 882px;    background: linear-gradient(270deg, #BAEBE1 0%, #C9EDD4 100%);}
.main_visual_wrap h2 {    font-family: 'Pretendard';    font-style: normal;    font-weight: 300;    font-size: 40px;    line-height: 52px;
    letter-spacing: -0.02em;    color: #000000;    white-space: nowrap;    padding-bottom: 20px;    text-align: center;}
.main_visual_wrap .cus-map {    display: inline-block;}
.main_visual_wrap .inner {    display: flex;    flex-direction: column;    align-items: center;    justify-content: space-between;    position: relative;
    padding-top: 60px;    max-width: 1100px;}
.main_visual_wrap .cus-img-zone {    position: absolute; }
.main_visual_wrap .cus-img-zone>* {    position: absolute;}
.main_visual_wrap .cus-img-zone.right {    width: 372px;    height: 100%;    right: -68%;    top:0; }
.main_visual_wrap .cus-img-zone.left {    width: 267px;    height: 100%;    left: -45%;    top:0;}
.main_visual_wrap .cus-img-zone .d1 {    top: 0%;    left: 38%;}
.main_visual_wrap .cus-img-zone .d101 {    top: 10%;    left: 63%;}
.main_visual_wrap .cus-img-zone .d2 {    top: 44%;  left: 11%;}
.main_visual_wrap .cus-img-zone .d3 {    top: 59%; 	left: 24%;}
.main_visual_wrap .cus-img-zone .d4 {    top: 63%;  left: 20%;}
.main_visual_wrap .cus-img-zone .d5 {    top: 74%;  left: 1%;}
.main_visual_wrap .cus-img-zone .d17 {    top: 64%;    left: 71%;}
.main_visual_wrap .cus-img-zone .d18 {    top: 29%;    left: 26%;}
.main_visual_wrap .cus-img-zone .d6 {   top: 35%;    left: 28%;}
.main_visual_wrap .cus-img-zone .d7 {    top: 43%;left: 59%;}
.main_visual_wrap .cus-img-zone .d8 {    top: 60%;left: 12%;}
.main_visual_wrap .cus-img-zone .d9 {   top: 64%;left: 1%;}
.main_visual_wrap .cus-img-zone .d10 {    top: 75%;left: 43%;}
.main_visual_wrap .cus-img-zone .d11 {    bottom: 0%;    left: 45%;}
.main_visual_wrap .cus-img-zone .d12 {   top: 20%;left: -11%;}
.main_visual_wrap .cus-img-zone .d13 {    top: 80%;left: -31%;}
.main_visual_wrap .cus-img-zone .d14 {    top: 84%;left: -53%;}
.main_visual_wrap .cus-img-zone .d15 {    top: -16%;left: 79%;}
.main_visual_wrap .cus-img-zone .d16 {    top: 3%;left: 43%;}

.main_visual_wrap .cus-map {    position: relative;}

.main_visual_wrap .cus-map a {    position: absolute;    padding: 7px 7px 7px 9px;    border-radius: 30px;    color: #fff;
    font-family: 'Pretendard';    font-style: normal;    font-weight: 600;    font-size: 20px;    letter-spacing: -0.02em;
    display: flex;    align-items: center;    justify-content: center;  column-gap: 4px;    line-height: 0;
}

.main_visual_wrap .cus-map a:after {    content: url("/dgtourcard/static/images/mainMapimages/main_icon_right.svg");}
.main_visual_wrap .cus-map a.cus-blue {    background: #286ED5;	transition: all 0.5s;}
.main_visual_wrap .cus-map a.cus-red1 {    background: #D5336F;    transition: all 0.5s;}
.main_visual_wrap .cus-map a.cus-red2 {    background: #E27029;    transition: all 0.5s;}
.main_visual_wrap .cus-map a.cus-bora {    background: #6837CC;    transition: all 0.5s;}
.main_visual_wrap .cus-map a.cus-green {    background: #1B8F55;    transition: all 0.5s;}

.main_visual_wrap .cus-map a.cus-blue:hover {    background: #1F58AC;}
.main_visual_wrap .cus-map a.cus-red1:hover {    background: #B4295C;}
.main_visual_wrap .cus-map a.cus-red2:hover {    background: #B75A20;}
.main_visual_wrap .cus-map a.cus-bora:hover {    background: #53309A;}
.main_visual_wrap .cus-map a.cus-green:hover {    background: #1A7748;}

.main_visual_wrap .cus-map a.cus-blue.d1 {    top: 2%;    left: 48%;}
.main_visual_wrap .cus-map a.cus-blue.d2 {    top: 5%;    left: 62%;}
.main_visual_wrap .cus-map a.cus-blue.d3 {    top: 11%;    left: 73%;}
.main_visual_wrap .cus-map a.cus-blue.d4 {    top: 18.4%;    left: 83%;}
.main_visual_wrap .cus-map a.cus-blue.d5 {    top: 26%;    left: 81%;}
.main_visual_wrap .cus-map a.cus-blue.d6 {    top: 12%;    left: 50%;}
.main_visual_wrap .cus-map a.cus-blue.d7 {    top: 21.5%;    left: 48%;}
.main_visual_wrap .cus-map a.cus-blue.d8 {    top: 27%;    left: 64%;}
.main_visual_wrap .cus-map a.cus-red1.d1 {    top: 10%;    left: 26%;}
.main_visual_wrap .cus-map a.cus-red1.d2 {    top: 20%;    left: 35%;}
.main_visual_wrap .cus-map a.cus-red1.d3 {    top: 19%;    left: 15%;}
.main_visual_wrap .cus-map a.cus-bora.d1 {    top: 31%;    left: 15%;}
.main_visual_wrap .cus-map a.cus-bora.d2 {    top: 28%;    left: 35%;}
.main_visual_wrap .cus-map a.cus-bora.d3 {    top: 28.4%;    left: 49%;}
.main_visual_wrap .cus-map a.cus-bora.d4 {    top: 37%;    left: 37%;}  /*괴산*/
.main_visual_wrap .cus-map a.cus-bora.d5 {    top: 39%;    left: 17%;}	/*예산*/
.main_visual_wrap .cus-map a.cus-bora.d6 {    top: 47.5%;    left: 33%;} /* 옥천 */
.main_visual_wrap .cus-map a.cus-bora.d7 {    top: 44%;    left: 51%;}
.main_visual_wrap .cus-map a.cus-bora.d8 {    top: 45.5%;    left: 16%;} /*보령 */
.main_visual_wrap .cus-map a.cus-bora.d9 {    top: 42.2%;    left: 33%;} /*보은 */

.main_visual_wrap .cus-map a.cus-green.d1 {    top: 51.9%;    left: 16%;}
.main_visual_wrap .cus-map a.cus-green.d2 {    top: 53.5%;    left: 39%;}
.main_visual_wrap .cus-map a.cus-green.d3 {    top: 58.3%;    left: 11.5%;}
.main_visual_wrap .cus-map a.cus-green.d4 {    top: 58%;    left: 26.5%;}

.main_visual_wrap .cus-map a.cus-green.d5 {    top: 70.6%;    left: 8%;}
.main_visual_wrap .cus-map a.cus-green.d6 {    top: 59.2%;    left: 41.5%;}
.main_visual_wrap .cus-map a.cus-green.d7 {    top: 76%;    left: 3%;}
.main_visual_wrap .cus-map a.cus-green.d8 {    top: 74%;    left: 29%;}
.main_visual_wrap .cus-map a.cus-green.d9 {    top: 82.5%;    left: 5%;}
.main_visual_wrap .cus-map a.cus-green.d10 {    top: 88.5%;    left: 9%;}
.main_visual_wrap .cus-map a.cus-green.d11 {    top: 80%;    left: 19%;}
.main_visual_wrap .cus-map a.cus-green.d12 {    top: 87%;    left: 44%;}
.main_visual_wrap .cus-map a.cus-green.d13 {    top: 65.3%;    left: 11%;}/*담양*/
.main_visual_wrap .cus-map a.cus-green.d14 {    top: 65.5%;    left: 30%;}/*순창*/
.main_visual_wrap .cus-map a.cus-green.d15 {    top: 88%;    left: 31%;}/*고흥*/
.main_visual_wrap .cus-map a.cus-green.d16 {    top: 93%;    left: 23%;}/*완로*/


.main_visual_wrap .cus-map a.cus-red2.d1 {    top: 36%;    left: 73%;}
.main_visual_wrap .cus-map a.cus-red2.d2 {    top: 46.5%;    left: 76%;}
.main_visual_wrap .cus-map a.cus-red2.d3 {    top: 53%;    left: 81%;}
.main_visual_wrap .cus-map a.cus-red2.d4 {    top: 60%;    left: 80%;}
.main_visual_wrap .cus-map a.cus-red2.d5 {    top: 68.4%;    left: 76%;}
.main_visual_wrap .cus-map a.cus-red2.d6 {    top: 76.6%;    left: 78.5%;}
.main_visual_wrap .cus-map a.cus-red2.d7 {    top: 84%;    left: 68%;}
.main_visual_wrap .cus-map a.cus-red2.d8 {    top: 89%;    left: 57%;}
.main_visual_wrap .cus-map a.cus-red2.d9 {    top: 80%;    left: 48%;}
.main_visual_wrap .cus-map a.cus-red2.d10 {    top: 70%;    left: 56%;}
.main_visual_wrap .cus-map a.cus-red2.d11 {    top: 54%;    left: 51.7%;}
.main_visual_wrap .cus-map a.cus-red2.d12 {    top: 57%;    left: 63%;}
.main_visual_wrap .cus-map a.cus-red2.d13 {    top: 50%;    left: 62%;}
.main_visual_wrap .cus-map a.cus-red2.d14 {    top: 41%;    left: 82%;}/*울진*/
.main_visual_wrap .cus-map a.cus-red2.d15 {    top: 65%;    left: 47%;}/*함양*/
.main_visual_wrap .cus-map a.cus-red2.d16 {    top: 71.5%;    left: 44%;}/*산청*/


.cus_notice_wrap{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-bottom: 1px solid #E6E6E6;
    padding:20px 0;
}

.cus_notice_wrap .inner{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.cus_notice_wrap .inner h3{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #000000;
    display: inline-block;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    margin-right: 10px;
}

.cus_notice_wrap .inner h3:before{
    content: '';
    background-image: url("../../../../static/images/mainMapimages/icon_notoce.png");
    width: 18px;
    height: 16px;
    display: block;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.cus_notice_wrap .inner .btn_more{
    font-size: 0;
}

/* faq */
.cus-faq-wrap {
    max-width: 940px;
    margin:0px auto;

    margin-top: 80px;
}

/* 질문 */
.cus-faq-question {
    width: 100%;
    padding: 20px;
    text-align: left;
    border: none;
    outline: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #000000;
}

.cus-faq-item{
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
}

.cus-faq-item:first-child{
    border-top: 1px solid #1567e2;
}

    

.cus-faq-question:hover {
    background-color: #EFF4FF;
    transition: background-color 0.5s;
}

.cus-faq-item.active .cus-faq-question {
    color: #fff;
    background: linear-gradient(90deg, #1e63ff, #7b2cff);
    font-weight: 700;
    letter-spacing: -0.02em;
}

.cus-faq-question .icon {
  font-size: 22px;
}

.cus-faq-answer {
    display: none;
    padding: 20px 40px;
    line-height: 1.8;
    color: #666;
    background: #F7F7F7;
    
}

.cus-faq-answer p{
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.02em;
    color: #666666;
    line-height: 1.5em;
}

.cus-faq-item.active .cus-faq-answer {
  display: block;
}

.cus-tour-wrap{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    padding: 10px 0;
    row-gap:24px;
    margin-top: 80px;
}

.cus-tour-wrap h2{
    max-width: 940px;
    display: flex;
    margin: 0 auto;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    font-weight: 800;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: -0.02em;
    color: #33333D;
}

.cus-tour-wrap .swiper_inner{
    width: 100%;
}

.cus-tour-wrap .swiper-container {
    padding-bottom: 48px;
}

.cus-tour-wrap .swiper-wrapper .swiper-slide {
    position: relative;
    max-width: 170px;
    max-height: 254px;
}

.cus-tour-wrap .swiper-wrapper .img_box {
    overflow: hidden;
    width: 100%;
    aspect-ratio: 0.67 / 1;
    border-radius: 8px;
    border: 1px solid #ccc;
    position: relative;
}

.cus-tour-wrap .swiper-wrapper .img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cus-tour-wrap .swiper-wrapper .img_box:after{
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url("../../../../static/images/mainMapimages/icon_play.png");
    right: 8px;
    top:8px;
    cursor: pointer;
}

.cus-tour-wrap .swiper-wrapper .img_box.no-play:after{
    content: none;
}

.cus-tour-wrap .swiper-button-prev.type_circle, .cus-tour-wrap .swiper-button-next.type_circle {
    margin-top: -50px;
}

.cus-insta{
    display: block;
    padding: 0;
    box-sizing: border-box;
    margin:0 auto;
    margin-top: 40px;
    width: 100%;
    max-width: 940px;
}

.cus-insta > a{
    display: flex;
    
    flex-direction: row;
    padding: 20px;
    background: linear-gradient(90deg, #FFF9FA 0%, #F8F8FF 100%);
    border-radius: 16px;
    border: 1px solid #9b06c9;
    justify-content: space-between;
    align-items: center;
    
    box-sizing: border-box;

}



.cus-insta h3{
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #000000;
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.cus-insta h3 br{
    display: none;
}

.cus-insta h3:before{
    content: '';
    background-image: url("../../../../static/images/mainMapimages/icon_insta.png");
    width: 60px;
    height: 60px;
    background-size: cover;
}

.cus-insta{cursor: pointer}

/* 인기여행 콘텐츠 팝업 */
.tour_popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.tour_popup .pop_con {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: 90%;
    max-width: 800px;

    z-index: 10000;
}

.tour_popup .con {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
}

.tour_popup img {
    width: 100%;
    max-height: 80vh;
    object-fit: contain;
    border-radius: 8px;
}

/* 닫기 버튼 */
.tour_popup .btn_pop_close{
    position:absolute;
    top:-18px;
    right:-18px;

    width:42px;
    height:42px;

    border:none;
    border-radius:50%;

    background:#fff;
    cursor:pointer;

    z-index:10;

    box-shadow:0 4px 12px rgba(0,0,0,0.25);
}

.tour_popup .dim {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}


@media screen and (max-width:1150px) {
    /* 260605 수정 */
    .main_visual_wrap {        height: auto;        padding-bottom: 7vw;    }
    .main_visual_wrap .inner {        flex-direction: column;        align-items: center;        justify-content: center;        position: relative;        padding-top: 15px;    }
    .main_visual_wrap h2 {        margin-top: 0vw;        padding-bottom: 2vw;    }
    .main_visual_wrap .cus-img-zone {        z-index: 0;    }
    .main_visual_wrap .cus-img-zone.right {        right: -32%;        top: 15%;        height: 100%;    }
    .main_visual_wrap .cus-img-zone.left {        left: -38%;        bottom: 47%;    }
    /* 260605 수정 */
    .main_visual_wrap .cus-map a {        font-size: 2.2vw;        z-index: 1;    }
    .main_visual_wrap .cus-img-zone .d1 {        top: 0%;        left: 43%;        width: 36%;    }
    .main_visual_wrap .cus-img-zone .d101 {        top: 7%;        left: 68%;        width: 25%;    }
    .main_visual_wrap .cus-img-zone .d2 {        top: 39%;        left: 70%;        width: 36%;        display: none;    }
    .main_visual_wrap .cus-img-zone .d3 {        top: 84%;        left: 69%;        width: 25%;    }
    .main_visual_wrap .cus-img-zone .d4 {        top: 87%;        left: 69%;        width: 25%;    }
    .main_visual_wrap .cus-img-zone .d5 {        bottom: 0%;        left: 1%;        width: 53%;    }
    .main_visual_wrap .cus-img-zone .d6 {        top: 17%;        left: 52%;        width: 24%;    }
    .main_visual_wrap .cus-img-zone .d7 {        top: 26%;        left: 74%;        width: 24%;        display: none;    }
    .main_visual_wrap .cus-img-zone .d8 {        top: 49%;        left: 47%;        width: 20%;    }
    .main_visual_wrap .cus-img-zone .d9 {        top: 54%;        left: 46%;        width: 20%;    }
    .main_visual_wrap .cus-img-zone .d10 {        top: 75%;        left: 49%;        width: 12%;    }
    .main_visual_wrap .cus-img-zone .d11 {        bottom: 0%;        left: 50%;        width: 26%;    }
    .main_visual_wrap .cus-img-zone .d12{        display: none;    }
    .main_visual_wrap .cus-img-zone .d13{        display: none;    }
    .main_visual_wrap .cus-img-zone .d14{        display: none;    }
    .main_visual_wrap .cus-img-zone .d15{        display: none;    }
    .main_visual_wrap .cus-img-zone .d16{        display: none;    }
    .cus-faq-wrap{margin-top:40px;padding: 0 20px}
    .cus-tour-wrap{margin-top: 40px;padding: 0 0px}
    .cus-tour-wrap .inner{padding: 0}
    .cus-insta{margin-top: 20px;width: calc(100% - 40px)}
    .cus-tour-wrap .swiper-pagination{display: none}
    .cus_notice_wrap{padding:10px 0}
    .cus-insta > a{padding: 16px}

    .cus-tour-wrap h2{padding-left: 20px}
    .cus-tour-wrap .swiper-container {padding: 0 20px; box-sizing: border-box;}
    .cus-tour-wrap .swiper_inner {box-sizing: border-box;}
}



@media screen and (max-width:740px) {
    .main_visual_wrap h2 {        margin-top: 0vw;        padding-bottom: 2vw;        font-size: 6vw;        line-height: 1.5em;        text-align: center;    }
    .main_visual_wrap .cus-map a {        font-size: 2.8vw;        padding: 4px 6px;      line-height: 100%;        column-gap: 2px;    }
    .main_visual_wrap .cus-map a::after {        content: '';        background-image: url("/dgtourcard/static/images/mainMapimages/main_icon_right.svg");        width: 1em;        height: 1em;        background-size: cover;        background-repeat: no-repeat;    }
    .main_visual_wrap .cus-img-zone.left {        left: 0;        bottom: initial;        top: 0;    }
    /* 260605 수정 */
    .main_visual_wrap .cus-img-zone.right {        right: 0;        top: 0;        height: 100%;    }
    /* 260605 //수정 */
    .main_visual_wrap .cus-img-zone .d1 {        top: 1%;        left: 77%;        width: 17%;    }
    .main_visual_wrap .cus-img-zone .d101 {        top: 9%;        left: 94%;        width: 16%;    }
    .main_visual_wrap .cus-img-zone .d2 {        top: 39%;        left: 79%;        width: 28%;    }
    .main_visual_wrap .cus-img-zone .d3 {        top: 84%;        left: 92%;        width: 8%;    }
    .main_visual_wrap .cus-img-zone .d4 {        top: 86%;        left: 90%;        width: 8%;    }
    .main_visual_wrap .cus-img-zone .d5 {        bottom: 0%;        top : 90%;        left: 80%;        width: 19%;    }
    .main_visual_wrap .cus-img-zone .d6 {        top: 10%;        left: 7%;        width: 15%;    }
    .main_visual_wrap .cus-img-zone .d7 {        top: 17%;        left: 0%;        width: 12%;    }
    .main_visual_wrap .cus-img-zone .d8 {        top: 28%;        left: 0;        width: 10%;    }
    .main_visual_wrap .cus-img-zone .d9 {        top: 31%;        left: 0;        width: 10%;    }
    .main_visual_wrap .cus-img-zone .d10 {        top: 39%;        left: 6%;        width: 8%;    }
    .main_visual_wrap .cus-img-zone .d11 {        top: 49%;        left: 6%;        width: 12%;    }
    .main_visual_wrap .cus-img-zone .d17 {        top: 42%;        left: 90%;        width: 11%;    }
    .main_visual_wrap .cus-map a.cus-blue:hover {        background: #286ED5;    }
    .main_visual_wrap .cus-map a.cus-red1:hover {        background: #D5336F;    }
    .main_visual_wrap .cus-map a.cus-red2:hover {        background: #E27029;    }
    .main_visual_wrap .cus-map a.cus-bora:hover {        background: #6837CC;    }
    .main_visual_wrap .cus-map a.cus-green:hover {        background: #1B8F55;    }

    .main_visual_wrap .cus-map a.cus-green.d13 {top: 64.5%;left: 11%;}
    .main_visual_wrap .cus-map a.cus-green.d7 {top: 76.5%;left: 3%;}
    .main_visual_wrap .cus-map a.cus-bora.d4 {top: 36.2%;left: 37%;}
    .main_visual_wrap .cus-map a.cus-bora.d6 {top: 47.9%;left: 33%;}
    .main_visual_wrap .cus-map a.cus-red2.d2{top:46.8%}
    .main_visual_wrap .cus-map a.cus-green.d15 {top: 87.5%;left: 31%;}
    .main_visual_wrap .cus-map a.cus-green.d6 {top: 59.3%;left: 41.5%;}
    .main_visual_wrap .cus-map a.cus-red2.d16 {top: 71.5%;left: 43%;}
    

    .cus-tour-wrap .swiper-wrapper .swiper-slide{width:35vw;max-width: 124px;}
    
    
    .cus-insta h3{font-size: 14px;line-height: 1.4em}
    .cus-insta h3:before{width: 40px;height: 40px;}
    .cus-tour-wrap h2{font-size: 18px}
    .cus-tour-wrap{row-gap: 10px}
    .cus-insta h3 br{display: block}
    .cus-insta h3 p{line-height: 1.4em}
    .cus-insta img{width:5vw;max-width: 24px}
    .cus-faq-question{font-size: 16px;padding: 16px;}
    .cus-faq-answer{padding: 20px}
    
    /* 260605 수정 */
    .main_visual_wrap {
        height: auto;
        padding-bottom: 30px;
    }

    .main_visual_wrap .inner {
        padding-top: 0px;
    }
    /* //260605 수정 */
}

@media screen and (max-width:420px) {
    .cus-tour-wrap .swiper-wrapper .swiper-slide{width:35vw;max-width: 140px;}
}
/* 260317 */
.main-banner-area{
    width: 100%;
    background-color: #410299;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-banner-area img{
    height: 90px;
    object-fit: cover;
}

@media screen and (max-width:740px) {    
    .main-banner-area{
        margin-top: 0.5rem;
    }

    .main-banner-area img{
        height: 3.0rem;
        object-fit: contain;
    }
}
/* // 260317 */