@charset "utf-8";


/********************************************************

    main visual

********************************************************/

/* 영역 */
.main_visual .swiper {width:100%; height:84.3vh;}
.main_visual .swiper-slide {text-align: center; font-size: 18px; background: #444; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.main_visual .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.main_visual .swiper {margin-left: auto; margin-right: auto;}

/* 배경 */
.main_visual .visual_bg01 {background: url(../img/main/visual_img01.jpg) no-repeat center center; 
  background-size: cover;}
.main_visual .visual_bg02 {background: url(../img/main/visual_img02.jpg) no-repeat center center; 
  background-size: cover;
}
.main_visual .visual_bg03 {background: url(../img/main/visual_img03.jpg) no-repeat center center; 
  background-size: cover;}

/* font */
.main_visual .swiper-slide h2 {color:#fff; font-weight:600; font-size:40px;}
.main_visual .swiper-slide h1 {color:#fff; font-weight:800; font-size:70px; margin:10px 0 20px;}
.main_visual .swiper-slide p {color:#fff; font-weight:500; font-size:26px;}
.main_visual .swiper-slide button {color:#fff; font-weight:500; font-size:22px; margin-top:80px; padding:15px 20px 15px 30px; width:260px; border:1px solid #fff; border-radius:50px; display:flex; justify-content:space-between;}
.main_visual .swiper-slide button i {color:#fff;}
.main_visual .swiper-slide button:hover {background:#fff; color:#000;}
.main_visual .swiper-slide button:hover i {color:#000;}

/* 페이지 네비게이션 */
.main_visual .swiper-pagination-bullet {background:#ddd;}
.main_visual .swiper-pagination-bullet-active {background:#fff; width:30px; height:8px; border-radius:50px;}


@media screen and (max-width:1400px) {
}

@media screen and (max-width:1280px) {
    /* 영역 */
    .main_visual .swiper-slide {font-size:16px;}

    /* font */
    .main_visual .swiper-slide h2 {font-size:36px;}
    .main_visual .swiper-slide h1 {font-size:60px; margin:8px 0 15px;}
    .main_visual .swiper-slide p {font-size:22px;}
    .main_visual .swiper-slide button {font-size:18px; margin-top:60px; padding:12px 15px 12px 25px; width:220px;}

    /* 페이지 네비게이션 */
    .main_visual .swiper-pagination-bullet-active {width:25px;}
}

@media screen and (max-width:1024px) {
    .main_visual .swiper {height:80vw;}
}

@media screen and (max-width:760px) {
}

@media screen and (max-width:640px) {
    /* 영역 */
    .main_visual .swiper-slide {font-size:14px;}

    /* font */
    .main_visual .swiper-slide h2 {font-size:30px;}
    .main_visual .swiper-slide h1 {font-size:50px; margin:6px 0 12px;}
    .main_visual .swiper-slide p {font-size:20px;}
    .main_visual .swiper-slide button {font-size:16px; margin-top:50px; padding:10px 12px 10px 22px; width:180px;}

    /* 페이지 네비게이션 */
    .main_visual .swiper-pagination-bullet-active {width:22px;}
}

@media screen and (max-width:480px) {
    /* font */
    .main_visual .swiper-slide h2 {font-size:22px;}
    .main_visual .swiper-slide h1 {font-size:40px; margin:4px 0 10px;}
    .main_visual .swiper-slide p {font-size:16px;}
    .main_visual .swiper-slide button {font-size:14px; margin-top:40px; padding:10px 12px 10px 16px; width:150px;}

    /* 페이지 네비게이션 */
    .main_visual .swiper-pagination-bullet-active {width:22px;}
}

@media screen and (max-width:360px) {
}














/********************************************************

    태마여행

********************************************************/

.travel_slide .swiper-slide {position: relative; width: 100%; height: 100vh; overflow: hidden; padding:0 210px;}
.travel_slide .slide-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; filter: blur(5px) brightness(0.7); transform: scale(1.1); z-index: 1;}
.travel_slide .slide-content {position: relative; z-index: 2; display: flex; justify-content:space-between; align-items: center; height: 100%;}

.travel_slide .slide-content .sc_font {text-align:left;}
.travel_slide .slide-content .sc_font ul {display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:0 30px;}
.travel_slide .slide-content .sc_font ul li {color:#fff; font-weight:700; font-size:24px;}
.travel_slide .slide-content .sc_font h2 {color:#fff; font-weight:800; font-size:60px; margin:50px 0 40px 0;}
.travel_slide .slide-content .sc_font p {color:#fff; font-weight:500; font-size:20px; line-height:1.6em;}
.travel_slide .slide-content .sc_font button {color:#fff; border:1px solid #fff; font-weight:500; font-size:20px; padding:15px 60px; margin-top:70px;}
.travel_slide .slide-content .sc_font button:hover {background:#fff; color:#000;}

.travel_slide .slide-content .sc_img {max-width:920px; width: auto; height: auto;}
.travel_slide .slide-content .sc_img img {border-radius:100px 40px 0 50px;}
.travel_slide .slide-content .sc_img p {display:block; position:absolute; right:0; z-index:10; background:rgba(0, 0, 0, 0.6); color:#fff; font-weight:700; font-size:18px; padding:15px 25px; margin-top:-55px;}
.travel_slide .slide-content .sc_img p span {font-weight:500;}
.travel_slide .slide-content .sc_img p i {}


@media screen and (max-width:1800px) {
    .travel_slide .slide-content .sc_img {max-width:800px;}
}

@media screen and (max-width:1650px) {
    .travel_slide .slide-content .sc_font h2 {margin:30px 0 20px;}
}

@media screen and (max-width:1500px) {
    .travel_slide .swiper-slide {padding:0 30px;}
    .travel_slide .slide-content .sc_img {max-width:none; width:65%;}
}

@media screen and (max-width:1400px) {
}

@media screen and (max-width:1280px) {
    .travel_slide .slide-content .sc_font ul {gap:0 12px;}
    .travel_slide .slide-content .sc_font ul li {font-size:20px;}
    .travel_slide .slide-content .sc_font h2 {font-size:50px; margin:30px 0 20px;}
    .travel_slide .slide-content .sc_font p {font-size:18px;}
    .travel_slide .slide-content .sc_font button {font-size:18px; padding:15px 40px; margin-top:50px;}

    .travel_slide .slide-content .sc_img p {font-size:16px; padding:12px 20px; margin-top:-47px;}
}

@media screen and (max-width:1000px) {
    .travel_slide .swiper-slide{padding:40px 30px; height:auto;}
    .travel_slide .slide-content {display:block;}

    .travel_slide .slide-content .sc_font {text-align:center;}
    .travel_slide .slide-content .sc_font ul {justify-content:center;}
    .travel_slide .slide-content .sc_font h2 {margin:20px 0 10px;}
    .travel_slide .slide-content .sc_font h2 br {display:none;}
    .travel_slide .slide-content .sc_font p br {display:none;}
    .travel_slide .slide-content .sc_font button {margin-top:20px;}

    .travel_slide .slide-content .sc_img {width:100%; margin-top:30px; display:flex; justify-content:center;}
    .travel_slide .slide-content .sc_img img {height:480px; width:100%;}
    .travel_slide .slide-content .sc_img p {margin-top:0; left:0; bottom:0;} 
}

@media screen and (max-width:760px) {
}

@media screen and (max-width:640px) {
    .travel_slide .slide-content .sc_font ul li {font-size:18px;}
    .travel_slide .slide-content .sc_font h2 {font-size:40px;}
    .travel_slide .slide-content .sc_font p {font-size:16px;}
    .travel_slide .slide-content .sc_font button {font-size:16px; padding:12px 90px; margin-top:30px;}

    .travel_slide .slide-content .sc_img img {height:auto; border-radius:10px;}
    .travel_slide .slide-content .sc_img p {font-size:14px; padding:10px 20px;}
}

@media screen and (max-width:520px) {
    .travel_slide .slide-content .sc_font h2 br {display:block;}
    .travel_slide .slide-content .sc_font p br {display:block;}
}

@media screen and (max-width:480px) {
    .travel_slide .slide-content .sc_font ul li {font-size:16px;}
    .travel_slide .slide-content .sc_font h2 {font-size:34px;}
    .travel_slide .slide-content .sc_font p {font-size:14px;}
    .travel_slide .slide-content .sc_font button {font-size:14px;margin-top:30px;}

    .travel_slide .slide-content .sc_img img {height:auto;}
    .travel_slide .slide-content .sc_img p {font-size:12px; padding:10px 20px;}
}

@media screen and (max-width:360px) {
}














/********************************************************

    계절 여행추천

********************************************************/

.trip_season {height:100vh; padding-top:80px;}

/* 상단 title */
.trip_season .ts_tit {}
.trip_season .ts_tit ul {display:flex; align-items:flex-end; justify-content:center;}
.trip_season .ts_tit ul li {font-size:55px; font-weight:700; color:#222;}
.trip_season .ts_tit ul li:last-child {margin-left:22px; font-size:65px; font-weight:900; background:linear-gradient(to left top, #0090da, #024a6c); background-clip: text; -webkit-background-clip: text; color: transparent;}
.trip_season .ts_tit p {margin-top:16px; font-size:24px; font-weight:500; color:#666;}

/* 슬라이드 */
.trip_season .swiper {width:100%; padding-top:110px;}
.trip_season .swiper-slide {text-align:center;}

/* font */
.trip_season .ts_slide {}
.trip_season .ts_slide .ts_img {}
.trip_season .ts_slide .ts_img img {border-radius:30px;}
.trip_season .ts_slide .ts_img p {font-size:20px; width:80px; height:80px; right:-8px; bottom:65px; position:absolute; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:500; color:#fff; background:linear-gradient(to left top, #0090da, #024a6c);}

.trip_season .ts_slide .ts_text {text-align:left; margin-top:20px;}
.trip_season .ts_slide .ts_text h4 {font-size:20px; font-weight:700; color:#222;}
.trip_season .ts_slide .ts_text p {font-size:18px; font-weight:500; color:#666; margin-top:3px;}

.trip_season .ts_btn {display:flex; align-items:center; justify-content:center; margin-top:80px; gap:0 15px;}
.trip_season .ts_btn div a {font-size:18px; width:120px; height:60px; background:#000; font-weight:600; color:#fff; display:flex; align-items:center; justify-content:center; border-radius:50px;}
.trip_season .ts_btn div a i {font-weight:600; margin-right:10px;}

.trip_season .swiper-button-next, .trip_season .swiper-button-prev {width:60px; height:60px; position:relative; margin-top:auto;}
.trip_season .swiper-button-next {right:auto;}
.trip_season .swiper-button-prev {left:auto;}

.trip_season .swiper-button-next::after, .trip_season .swiper-button-prev::after {width:60px; height:60px; content:"";}
.trip_season .swiper-button-next::after {background:url(../img/main/slide_btn02.png) no-repeat;}
.trip_season .swiper-button-prev::after {background:url(../img/main/slide_btn01.png) no-repeat;}


.trip_season .bg-text {position: absolute; white-space: nowrap; overflow: hidden; width: 100%; top:-10px; z-index:-1; display:flex; align-items:center; justify-content:flex-start; gap:0 10px;}
.trip_season .bg-text span {display: inline-block; font-size: 120px; font-weight:800; font-weight: bold; color: #f4f4f4; animation: slideText 30s linear infinite;}

@keyframes slideText {0% {transform: translateX(0%);} 100% {transform: translateX(-100%);}}




@media screen and (max-width:1500px) {
    .trip_season {height:auto; padding:70px 0;}
}

@media screen and (max-width:1280px) {

    /* 상단 title */
    .trip_season .ts_tit ul li {font-size:45px;}
    .trip_season .ts_tit ul li:last-child {margin-left:22px; font-size:55px;}
    .trip_season .ts_tit p {margin-top:12px; font-size:22px;}

    /* 슬라이드 */
    .trip_season .swiper {padding-top:100px;}

    /* font */
    .trip_season .ts_slide .ts_img p {font-size:18px; width:70px; height:70px;}

    .trip_season .ts_slide .ts_text {margin-top:16px;}
    .trip_season .ts_slide .ts_text h4 {font-size:18px;}
    .trip_season .ts_slide .ts_text p {font-size:16px;}

    .trip_season .ts_btn {margin-top:60px; gap:0 10px;}
    .trip_season .ts_btn div a {font-size:16px;}

    .trip_season .bg-text span {font-size:100px;}
}

@media screen and (max-width:1000px) {
    .trip_season {padding:50px 0;}
    .trip_season .swiper {padding-top:70px;}

    .trip_season .bg-text span {font-size:80px;}
}

@media screen and (max-width:760px) {
}

@media screen and (max-width:680px) {
    .trip_season .ts_slide .ts_img p {right:60px;}
    .trip_season .ts_slide .ts_text {text-align:center;}
}

@media screen and (max-width:640px) {
    .trip_season {padding:40px 0;}

    /* 상단 title */
    .trip_season .ts_tit ul li {font-size:35px;}
    .trip_season .ts_tit ul li:last-child {margin-left:12px; font-size:45px;}
    .trip_season .ts_tit p {margin-top:8px; font-size:18px;}

    /* 슬라이드 */
    .trip_season .swiper {padding-top:60px;}

    /* font */
    .trip_season .ts_slide .ts_img {padding:0 30px;}
    .trip_season .ts_slide .ts_img p {right:30px; bottom:58px; font-size:16px; width:60px; height:60px;}
    .trip_season .ts_slide .ts_img img {width:100%;}

    .trip_season .ts_slide .ts_text {margin-top:14px;}
    .trip_season .ts_slide .ts_text h4 {font-size:16px;}
    .trip_season .ts_slide .ts_text p {font-size:14px;}

    .trip_season .swiper-button-next, .trip_season .swiper-button-prev {width:50px; height:50px;}

    .trip_season .swiper-button-next::after, .trip_season .swiper-button-prev::after {width:50px; height:50px; background-size:50px;}
    .trip_season .swiper-button-pause img {width:50px;}
     
    .trip_season .ts_btn {margin-top:40px;}
    .trip_season .ts_btn div a {font-size:14px; height:50px; width:100px;}

    .trip_season .bg-text span {font-size:70px;}
}

@media screen and (max-width:480px) {
    .trip_season {padding:40px 0;}
    .trip_season .swiper {padding-top:55px;}

    /* 상단 title */
    .trip_season .ts_tit ul {display:block;}
    .trip_season .ts_tit ul li {font-size:25px;}
    .trip_season .ts_tit ul li:last-child {margin-left:0; font-size:40px;}
    .trip_season .ts_tit p {font-size:16px;}

    /* font */
    .trip_season .ts_slide .ts_img p {font-size:14px; width:56px; height:56px; bottom:50px;}

    .trip_season .ts_slide .ts_text {margin-top:12px;}
    .trip_season .ts_slide .ts_text h4 {font-size:15px;}
    .trip_season .ts_slide .ts_text p {font-size:13px;}

    .trip_season .swiper-button-next, .trip_season .swiper-button-prev {width:40px; height:40px;}

    .trip_season .swiper-button-next::after, .trip_season .swiper-button-prev::after {width:40px; height:40px; background-size:40px;}
    .trip_season .swiper-button-pause img {width:40px;}
     
    .trip_season .ts_btn {margin-top:30px; gap:0 8px;}
    .trip_season .ts_btn div a {font-size:12px; height:40px; width:80px;}

    .trip_season .bg-text span {font-size:65px;}
}

@media screen and (max-width:360px) {
}
















/********************************************************

    전남관광알리미

********************************************************/

.infor_area {height:100vh; background:url(../img/main/infor_bg.png) no-repeat 100%; padding-top:70px;}

.infor_area .ia_introduce {display:flex; align-items:center; justify-content:center;}
.infor_area .ia_introduce h3 {font-size:40px; font-weight:800; color:#fff; text-align:left; margin-bottom:15px;}

/* 슬라이드 */
.infor_area .ia_introduce .tourism {margin-right:50px;}
.infor_area .ia_introduce .tourism .swiper {width:840px; height:190px; border-radius:30px;}
.infor_area .ia_introduce .tourism .swiper-slide {text-align: center; font-size: 18px; background: #444; display: flex; justify-content: center; align-items: center;}
.infor_area .ia_introduce .tourism .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}

.infor_area .ia_btn {display:flex; align-items:center; justify-content:center; position:absolute; bottom:0; right:0; gap:0;}
.infor_area .ia_btn .swiper-pagination {width:90px; left:auto; top:auto; bottom:auto; right:0; line-height:50px; font-size:20px; font-weight:300; color:#fff; background:rgba(0, 0, 0, 0.6);}
.infor_area .ia_btn .swiper-pagination-current {font-weight:600;}

.infor_area .swiper-button-next, .infor_area .swiper-button-prev {width:50px; height:50px; position:relative; margin-top:auto; border-right:1px solid #000;}
.infor_area .swiper-button-next {right:auto; margin-right:90px;}
.infor_area .swiper-button-prev {left:auto;}

.infor_area .swiper-button-next::after, .infor_area .swiper-button-prev::after {width:50px; height:50px; content:"";}
.infor_area .swiper-button-next::after {background:url(../img/main/infor_area02.png) no-repeat;}
.infor_area .swiper-button-prev::after {background:url(../img/main/infor_area01.png) no-repeat;}

/* 비디오 */
.infor_area .ia_introduce .video {}
.infor_area .ia_introduce .video iframe {width:610px; height:460px; border-radius:30px;}

/* btn */
.infor_area .ia_data {margin-top:60px; display:flex; justify-content:center;}
.infor_area .ia_data .date_div {background:linear-gradient(to bottom, #0090da, #024a6c); width:100%; max-width:1500px; border-radius:30px; display:grid; grid-template-columns:repeat(auto-fill, minmax(25%, auto));}
.infor_area .ia_data button {display:flex; align-items:center; justify-content:center; border-left:1px solid #00bce7; padding:30px 38px;}
.infor_area .ia_data button:first-child {border-left:none;}
.infor_area .ia_data button .btn_img {background:#fff; width:100px; height:100px; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.infor_area .ia_data button .btn_img img {}

.infor_area .ia_data button .btn_txt {margin-left:20px; color:#fff; text-align:left;}
.infor_area .ia_data button .btn_txt h4 {font-size:22px; font-weight:700;}
.infor_area .ia_data button .btn_txt p {font-size:16px; margin-top:5px; font-weight:400;}

.infor_area .ia_data button:hover {background:#0090da;}
.infor_area .ia_data button:first-child:hover {border-radius:30px 0 0 30px;}
.infor_area .ia_data button:last-child:hover {border-radius:0 30px 0 30px;}


@media screen and (max-width:1500px) {
    .infor_area {height:auto; padding:60px 0;}
    .infor_area .ia_introduce {display:grid; grid-template-columns:repeat(auto-fill, minmax(45%, auto)); gap:30px; padding:0 30px;}
    .infor_area .ia_introduce .tourism {margin-right:0;}

    .infor_area .ia_introduce .tourism .swiper {width:100%;}

    .infor_area .ia_data {padding:0 30px;}
    .infor_area .ia_introduce .video iframe {width:100%;}
}

@media screen and (max-width:1280px) {
    .infor_area .ia_introduce h3 {font-size:36px;}

    /* 슬라이드 */
    .infor_area .ia_introduce .tourism .swiper-slide {font-size: 16px;}

    .infor_area .ia_btn .swiper-pagination {font-size:18px;}

    /* btn */
    .infor_area .ia_data {margin-top:50px;}
    .infor_area .ia_data button {padding:30px 25px; flex-direction:column; gap:12px 0;}
    .infor_area .ia_data button .btn_img img {width:36px;}
    .infor_area .ia_data button .btn_txt {margin-left:0; text-align:center;}
    .infor_area .ia_data button .btn_txt h4 {font-size:20px;}
    .infor_area .ia_data button .btn_txt p {margin-top:3px;}
}

@media screen and (max-width:1000px) {
    .infor_area {padding:30px;}
    .infor_area .ia_introduce {grid-template-columns:repeat(auto-fill, minmax(50%, auto)); padding:0;}
    .infor_area .ia_introduce h3 {margin-bottom:10px;}

    .infor_area .ia_introduce .tourism .swiper {height:320px;}
    .infor_area .ia_introduce .video iframe {height:260px;}

    .infor_area .ia_data {margin-top:40px; padding:0;}
    .infor_area .ia_data .date_div {grid-template-columns:repeat(auto-fill, minmax(45%, auto));}
    .infor_area .ia_data button {flex-direction:row; justify-content:flex-start; padding:12px 25px; gap:0;}
    .infor_area .ia_data button:nth-child(3) {border-left:none;}
    .infor_area .ia_data button:first-child, .infor_area .ia_data button:nth-child(2) {border-bottom:1px solid #00bce7;}

    .infor_area .ia_data button .btn_img {width:80px; height:80px;}
    .infor_area .ia_data button .btn_txt {margin-left:20px; text-align:left;}
}

@media screen and (max-width:760px) {
}

@media screen and (max-width:640px) {
    .infor_area .ia_introduce h3 {font-size:30px;}

    .infor_area .ia_introduce .tourism .swiper {height:auto;}
    .infor_area .ia_introduce .video iframe {height:auto; min-height:180px;}

    /* 슬라이드 */
    .infor_area .ia_btn .swiper-pagination {font-size:16px; width:76px; line-height:40px;}

    .infor_area .swiper-button-next, .infor_area .swiper-button-prev {width:40px; height:40px;}
    .infor_area .swiper-button-next {margin-right:76px;}

    .infor_area .swiper-button-next::after, .infor_area .swiper-button-prev::after {width:40px; height:40px; background-position:center;}

    .infor_area .ia_data button .btn_txt h4 {font-size:16px;}
    .infor_area .ia_data button .btn_txt p {font-size:14px;}
}

@media screen and (max-width:480px) {
    .infor_area .ia_data .date_div {grid-template-columns:repeat(auto-fill, minmax(51%, auto));}
    .infor_area .ia_data button {border-left:none; border-bottom:1px solid #00bce7;}
    .infor_area .ia_data button:last-child {border-bottom:none;}
}

@media screen and (max-width:360px) {
}