@charset "utf-8";
main {
    padding-bottom: var(--sub_pd);
}
main h2 {
    font-size: 46px;
    font-weight: 800;
    /* color: #fff; */
    line-height: 150%;
    letter-spacing: -0.0625rem;
    word-break: keep-all;
    font-family: var(--font-point-b);
    padding-bottom: .5rem;
}
main h2 span, main h2 strong {
    font-weight: 900;
    font-size: 60px;
}
main h3 {
    font-size: 36px;
    font-family: var(--font-point-b);
    font-weight: 900;
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    line-height: 120%;
    /* padding-bottom: 1rem; */
}
main h4 {font-size: 24px;font-weight: 700;letter-spacing: -.5px;font-family: var(--font-point);}
main h3 span, main h4 span {color: var(--color-main);letter-spacing: -1px;}
main .title {}
main .title p {margin-top:1rem;font-size: 20px;color:#5B5B5B}
.sec1 {padding-top: 150px;position:relative;background-color: #fff;height: 100%;}
.sec1:before {content:"";position:absolute;display:block;background:var(--gradient);width:60%;height:100%;right:0;top: 0;opacity: .3;border-radius: 0 0 0 5rem;}
.sec_share {display:flex;width: 100%;width: var(--width-size);padding: var(--sub_pd) 30px;margin: 0 auto;gap: 3rem;z-index: 1;position: relative;}
.main_slide {
    position: relative;
    width: 64%;
    height: 520px;
    overflow: hidden;
    border-radius: 1.2rem;
}
.main_slide .swiper-wrapper {width: 100%;}
.main_slide .slide {height: 100%;z-index: 2;transition: all 4s;/* background: url(/img/main/visual1.jpg); *//* background-size: cover; *//* background-position: center; *//* background-repeat: no-repeat; */position: relative;}
.main_slide .inr {
    overflow: hidden;
}
.main_slide .inr:before {/* content:''; */position: absolute;left: 5%;top: 0px;width: 95%;height: 100%;z-index: 3;}
.main_slide .inr:after {
    /* content: ''; */
    position: absolute;
    left: 5%;
    top: 0;
    width: 45%;
    height: 100%;
    /* border-radius: 50px 0 0 50px; */
    /* z-index: 2; */
    /* transition: all 2s; */
    /* background:url(/img/slide/1.jpg); */
    /* background-size: cover; */
    background-position: center;
    background-repeat: no-repeat;
}
.main_slide .txt_wrap {position: absolute;width: 100%;z-index: 3;bottom: 5rem;left: 4rem;color: #fff;opacity: 0;transition: all 2s;/* animation: fadein; *//* animation-delay: 1s; */flex-direction: column;}
.swiper-slide-active.inr .slide{width: 100%;}
.main_slide .txt_wrap {opacity:1;/* padding-left: 8rem; */}
.main_slide .txt_wrap h2 {}
.main_slide .txt_wrap p {font-size: 20px;color: #fff;}
.main_slide .slide img, .main_slide .slide video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.main-control {position:absolute;right: 2rem;bottom: 2rem;z-index: 1;display: flex;width: 25%;justify-content: space-between;align-items: center;}
.main-control .count {color:#fff;font-size: 16px;position: relative;height: 100%;\: block;top: 0;width: 25%;display: flex;justify-content: space-between;}
.main-control span {opacity:.5}
.main-control .count .current {position:relative; opacity:1}
.main-control .count .current:before {content:"";position:absolute;display:block;width:50px;height:50px;background:var(--gradient);top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%;z-index: -1;}
.main-control .count .current:after {content:"";position:absolute;display:block;width:20px;height:1px; background-color:rgb(255 255 255 / 50%); top:50%; left:1rem; transform:translateY(-50%)}
.main-control button {color:#fff;position: relative;width: 35px;height: 35px;}
.main-control button i {font-size:2rem; font-weight:100}
.slide-control {
    position: relative;
    width: auto;
    height: 30px;
    top: 0;
    right: 0;
    z-index: 2;
    display: flex;
    gap: 10px;
    align-items: center;
}
.slide-control .swiper-pagination-bullets.swiper-pagination-horizontal {text-align: right;position: relative;top: 2px;}
.slide-control .swiper-pagination-bullets .swiper-pagination-bullet {width:16px; height:16px}
.slide-control .swiper-pagination-bullet-active {background:var(--gradient)}
.slide-control .play_pause {}
.slide-control button {
    z-index: 1;
    position: relative;
}
.button-prev {
    /* left: -6%; */
    /* position: relative; */
}
.button-next {/* right: -6%; */}
.slide-control button.swiper-button-disabled{opacity: 60%;}
.slide-control button i {
    font-size: 1.5rem;
    color: #666;
    transition:all .5s;
}
.slide-control .play_pause i {font-size: 26px;color: #fff;}
.slide-control .play_pause .slide_play {padding-left:2px}
.slide-control button:hover {opacity:1 }
.slide-control button:hover i {color:var(--color-main)}
.bizSwiper .slide-control .play_pause i {color:#666}
.search-input_group {position: relative;/* overflow: hidden; */}
.search-input_group input {
	outline: 2px solid transparent;
	outline-offset: 2px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	height: 70px;
	width: 92%;
	border:0;
	padding: 0 2rem;
	background-color: #f8f8f8;
	/* box-shadow: inset 0px 2px 10px rgb(0 0 0 / 5%); */
	z-index: 1;
	position: relative;
	border-radius: 4rem;
}
.search-input_group input::placeholder {font-size:16px;}
.search-input_group:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    }
.search_i {position:absolute;right: 0;top:50%;transform:translateY(-50%);z-index: 1;width: 72px;height: 72px;background: var(--gradient);border-radius: 50%;}
.search_i i {color:#fff; font-size:24px}
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
    -webkit-box-shadow:0 0 5px #9ed4ff;
    -moz-box-shadow:0 0 5px #9ed4ff;
    box-shadow:0 0 5px #9ed4ff;
    border:0;
    }
.search_i:hover {color:var(--color-main2)}
.icon_area {width: 40%;}
.icon_part {
    width: 36%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.icon_box {height: 80%;border-radius: 1.2rem;padding: 2rem;background-color: #fff;}
.icon_box .quick {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    /* gap: 1.5rem 0; */
    align-content: space-around;
}
.icon_box .quick li {width: 33.333%;text-align:center}
.icon_box .quick li span {background-color: #FEF6F3;width:110px;height:110px;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;}
.icon_box .quick li p {margin-top: 10px;font-weight: 500;}
.icon_box .quick li:hover span {background-color: #ffe5c3;}
.icon_box .quick li:hover p {color:var(--color-main)}
.icon_box .quick li * {transition: .4s;}
.icon_part .sns {height: 20%;border: 1px solid #ddd;border-radius: 2rem;display: inline-flex;align-items: center;padding: 2rem;}
.icon_part .sns strong {font-size: 30px;width: 28%;font-family: var(--font-point);text-align: center;}
.icon_part .sns ul {
    display: flex;
    gap: 2rem;
    width: 70%;
    justify-content: center;
}
.icon_part .sns li {}
.sec_top {position: relative;margin-bottom: var(--sub_pd_half)}
.sec_top .more_link {/* background-color:var(--color-main); *//* border-color:var(--color-main); */transition: .4s}
.more_link a {
    display: inline-flex;
    justify-content: space-around;
    align-items: center;
    font-weight: 600;
}
.sec_top .more_link span {width:24px; height:24px}
.sec_top .more_link svg {width:100%; height:100%}
.sec_top .more_link svg path {fill:rgb(0 0 0 / 60%); transition: .4s}
.sec_top .more_link:hover svg path{fill:var(--color-main2)}
.sec_top .more_link:hover i  {}
.sec_inner {
    width: var(--width-size);
	margin: 0 auto;
	padding: 0 30px;
}
main .sec2{
    padding: var(--sub_pd) 0;
    position: relative;
    width: 100%;
    background-color: #fff;
    }
.sec2_inner {
	display: flex;
	gap: 2rem;
	flex-direction: row;
}
.news {width: 50%;margin-right: 2rem;}
.news_top {margin-bottom: 3rem;}
.food {width: 22%;text-align: center;background-color: #f7f7f7;padding: 1.5rem;border-radius: 1.2rem;}
.food .menu_bd {background-color:#fff;padding: 1rem 0;margin-top: 2rem;border-radius: 1.2rem;position: relative;height: calc(100% - 3.5rem);}
.food .menu_bd .day {position:absolute;top: 0;left: 50%;transform: translateX(-50%);color: #fff;background: var(--gradient);width: 70%;padding: .5rem;border-radius: 2rem;margin-top: -1rem;}
.food .menu_bd .menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.food .menu_bd .menu p {line-height:1.5}
.program {width: 50%;text-align: center;/* background-color: #f7f7f7; *//* padding: 1.5rem; *//* border-radius: 1.2rem; */}
.program h4 {padding-bottom:1rem}
.program .frame {/* background-color:#fff; */border-radius: 1.2rem;position: relative;height: 100%;overflow: hidden;display: flex;gap: 2rem;}
.program .frame li {
	background-color: #f7f7f7;
    padding: 1.5rem;
    border-radius: 1.2rem;
}
.program .frame li:nth-child(2) {
	background: linear-gradient(120deg, rgb(149 192 255 / 30%), rgb(191 84 204 / 30%));
}
.program .frame a {display:block; width:100%; height:100%}
.program .frame .imgbox {height:100%;width:100%;box-shadow: 0 3px 12px rgb(0 0 0 / 12%);border-radius: 1rem;overflow: hidden;}
.program .frame img {width:100%;height: 100%;object-fit: cover;object-position: center;}
.newsletter {width: 22%;height: 100%;text-align: center;position:relative;padding: 1.5rem;/* padding-bottom: 0; */height: 100%;background: linear-gradient(120deg, rgb(149 192 255 / 30%), rgb(191 84 204 / 30%));border-radius: 1.2rem;}
/*.newsletter:before {content:"";position:absolute;width:100%;height:30%;background-color:#ddd;left:0;top:0;border-radius: 1.2rem;background: linear-gradient(120deg, #95c0ff, #bf54cc);opacity: .3;/* background: var(--gradient); */}*/
.newsletter h4, .newsletter .thum {z-index:1;position: relative;}
.newsletter h4 {/* padding:1.5rem; */padding-bottom: 1rem;/* color: #fff; */}
.newsletter .thum {/* height: 370px; */width: 100%;border-radius:1.2rem;overflow:hidden;/* border: 1px solid #ddd; */box-shadow: 0 3px 12px rgb(0 0 0 / 12%);}
.newsletter .thum img {object-fit: cover;width: 100%;height: 100%;}
.sec2 .news_top {
    /* display: flex; */
    /* position: relative; */
    /* width: 100%; */
}
.news_top .title {display:flex;border-bottom: 1px solid #ddd;padding-bottom: 2rem;justify-content: space-between;align-items: flex-end;}
/* 소식 리스트 */
.first_li {
    width: 40%;
    padding: 2rem 1.5rem;
    background-color: #f7f7f6;
    border-radius: 1rem;
}
.first_li .lt_txt {}
.first_li .lt_date {margin-top:2rem; text-align:right}
.first_li h4 {font-size: 20px;font-weight:600;margin-bottom: 1rem;word-break:keep-all;line-height: 150%;}
.first_li p {word-break:keep-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;text-overflow: ellipsis;overflow: hidden;} 
.story_inner {
    width: 100%;
    /* margin-top: 4rem; */
    position: relative;
}
.slide_box {border:1px solid #ddd;/* overflow:hidden; */padding: 2rem;}
.gallerySwiper, .mediaSwiper {/* padding:2rem; *//* border:1px solid #ddd; */overflow: hidden;}
.gallerySwiper ul, .mediaSwiper ul {/* overflow: hidden; */}
.swiper-slide .imgbox {border-radius: 20px;overflow:hidden;width: 100%;height: 300px;}
.swiper-slide .imgbox img {object-position:center;width: 100%;height: 100%;object-fit: cover;}
.gallerySwiper li .gall_txt {padding:2rem 0 1rem}
.gallerySwiper li .gall_txt h4 {font-size:20px;font-weight:600;margin-bottom:1rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;text-overflow: ellipsis;overflow: hidden;}
.gallerySwiper li .gall_txt p {display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
	overflow:hidden
}

.news_btn button {
	/* border:none; */
	/* background: none; */
}
.news_btn .news-prev {}
.news_btn .news-next {}
.news_list {width: 100%;position: relative;}
.tab_inner {visibility:hidden;display: none;/* height: 375px; */width: 100%;}
.tab_inner.on {display: block;visibility:revert}

.news_top .subtab_case1 {display: flex;align-items: center;margin-left: 7rem;height: 100%;}
.title_tab {
    display: flex;
    justify-content: center;
    gap: 3rem;
}
.subtab_case1 .tabs {
    display: flex;
    gap: 1rem;
    height: 100%;
    align-items: center;
}
.subtab_case1 .tabs li {
}
.subtab_case1 .tabs li.on {/* text-align: center; */}
.subtab_case1 .tabs a {
    font-size: 22px;
    font-weight: 600;
    position:relative;
    transition: all .4s;
    color: #959595;
    padding: 2rem 1rem;
    border-bottom: 2px solid #ffffff00;
    font-family: var(--font-point);
    /* background: var(--gradient); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
}

.subtab_case1 .tabs li:hover a {color:#222}
.subtab_case1 .tabs a.on {/* background-color: var(--color-main); *//* color: var(--color-main); *//* border-color: var(--color-main); */background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: var(--font-point);}
.subtab_case1 .tabs a.on:after {content:"";position:absolute;bottom:0;margin-bottom: -1px;display:block;background: var(--gradient);width: 100%;height: 4px;left: 50%;transform: translateX(-50%);border-radius: 4px;}
.slide_btn {/* position: absolute; *//* top: 50%; *//* left: unset; *//* right: 0; *//* transform: translateY(-50%); */}

.sec3 {position:relative;padding-bottom: var(--sub_pd);}
.story_top {padding-top: var(--sub_pd);}
.sec3:before {content:"";position:absolute;display:block;width: 94%;height: 40%;background: var(--gradient);right: 0;top: 0;z-index: -1;border-radius: 6rem 0 0 6rem;}
.sec3 .title {color: #fff;}
.story_box {padding: 3.7rem;background-color:#fff;border-radius: 2rem;box-shadow: 5px 5px 20px rgb(0 0 0 / 12%);position: relative;}
.sec4 .title {display:flex;justify-content: space-between;align-items: center;}
.sec4_inner {display:flex;gap: 4%;justify-content: space-between;}
.sec4_inner .biz {width: 66%;}
.sec4_inner .media {width: 30%;border: 6px solid rgb(239 146 105 / 60%);padding: 2rem;border-radius: 1.2rem;display: flex;flex-direction: column;justify-content: center;}
.sec4_inner .media h4 {margin-bottom:2rem}
.sec4_inner .media p {padding-top:1rem;text-align: center;}
.sec4_inner .media .youtube {border-radius:1.2rem; overflow:hidden}
.sec4_inner .media .youtube img {width:100%;}

.bizSwiper {
    overflow: hidden;
}
.bizSwiper ul {height:286px;}
.bizSwiper li {padding:2rem;border:1px solid #ddd;border-radius: 1.2rem;position:relative; transition: .6s}
.bizSwiper li.swiper-slide-active {border-color:var(--color-main); margin-top:-3rem}
.bizSwiper li dt {font-size:20px;padding-bottom:1rem;font-family: var(--font-point);}
.bizSwiper li.swiper-slide-active dt {color:var(--color-main)}
.bizSwiper li span {position:absolute;right:0;bottom:0;padding: 2rem;}
.slide-control .play_pause button {width:30px; height:30px}
.slide-control .play_pause .slide_pause, .slide-control .play_pause .slide_play {display:none;}
.slide-control .play_pause .slide_pause.on, .slide-control .play_pause .slide_play.on {display:block;}

.gallerySwiper .slide-control {position: absolute;top: -20%;}
.gallerySwiper .slide-control .swiper-pagination-bullet {background-color:#fff;}
.gallerySwiper .slide-control .swiper-pagination-bullet-active {background: #fff;}


/* PC */ 
@media only screen and (min-width:1025px) and (max-width: 1500px)  {
    main {width:100%}
	.news {margin-right:0}
	.news_top .subtab_case1 {margin-left:1rem}
    .sec3:before {width:100%}
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1024px)*/ 
@media all and (max-width:1024px) {
	.sec1 {padding-top:80px;}
	.sec1:before {
    width: 100%;
    height: 60%;
    top: unset;
    bottom: 0;
}
	.sec_share {flex-wrap: wrap;padding: 2rem 30px var(--sub_pd);}
	.main_slide {width:100%;height: auto;}
	.icon_part {width:100%;display: flex;flex-direction: row;gap: 1rem;flex-wrap: wrap;}
	.icon_part .input_box {width:100%;}
	.icon_box {width: 100%;height: auto;}
	.icon_box .quick {align-content: start;gap: 1.5rem 0;}
	.sec2_inner {flex-wrap:wrap}
	.news {width:100%;margin-right: 0;}
	.program {width: 47%;}
	.newsletter {width:48%}
	.sec3:before {width:100%; border-radius:5rem 0 0 0}
	.story_box {padding:3rem 2rem}
    .swiper-slide .imgbox {height:240px}
    .sec4_inner {flex-wrap: wrap;gap: 3rem;}
	.sec4_inner .biz {width:100%}
	.bizSwiper ul {height: 220px;margin-top: var(--sub_pd);}
	.bizSwiper li {padding:1.5rem; word-break:keep-all}
	.bizSwiper li span {padding:1rem}
	.bizSwiper li span img {width:80%}
    .sec4_inner .media {width:100%;padding: 3rem;}
	.sec4_inner .media .youtube img {width:100%; height:auto; object-fit:contain; object-position:center;}
	
}
/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:767px) {
	main h2 {font-size: clamp(1.6rem, 6.5vw, 2rem);/* width: 100%; */}
	main h3 {font-size: clamp(1.8rem, 6vw, 2rem);}
	main h4 {font-size: clamp(1.2rem, 5.5vw, 1.6rem);}
    .sec_inner {padding:0 5%}
	.sec1:before {border-radius:0 0 0 4rem; height:70%}
	.main_slide {border-radius:1rem}
	.main_slide .txt_wrap {bottom:1rem; left:1rem}
	.main_slide .txt_wrap h2 {font-size:24px}
	.main_slide .txt_wrap p {font-size:16px}
	.main-control {bottom: unset;top: 1rem;right: 1rem;width: 40%;}
	.main-control button {width: 30px;height: 30px;}
	.main-control .count {width:30%}
	.main-control .count .current:before {width:30px; height:30px}
	.sec_share {padding: 2rem 5% 3rem;gap: 1rem;}
	.icon_part .input_box {}
	.search_i {width:50px; height:50px}
	.search-input_group input {height:50px}
	.icon_box {padding:1rem}
	.icon_box .quick li span {width:80px; height:80px}
	.icon_box .quick li span img {width:45%}
	.icon_box .quick li p {font-size:16px}
    .news_top .title {flex-wrap: wrap;gap: 1rem;padding-bottom: 5px;}
    .news_top .subtab_case1 {margin-left:0;width: 85%;}
	.subtab_case1 .tabs {gap: 1rem;}
    .subtab_case1 .tabs a {padding: 10px 5px;font-size:18px}
	.news_top .title .news_btn {width:10%}
    .program, .newsletter {width:100%}
    .story_box {padding:1rem;box-shadow: unset;padding: 0;background-color: #ffffff00;}
    .swiper-slide .imgbox {height:auto}
    .slide-control .swiper-pagination-bullets .swiper-pagination-bullet {width:10px; height: 10px;}
    .gallerySwiper .slide-control {top: -14%;}
	.slide-control .swiper-pagination-bullets.swiper-pagination-horizontal {top: -1px;}
    .sec4 .title {flex-wrap: wrap;}
    .sec4 .title .slide-control {/* float: right; *//* width: 100%; */position: absolute;top: unset;bottom: 0;margin-bottom: -2.5rem;}
	.bizSwiper li.swiper-slide-active {margin-top:-2rem;}
	.slide-control .play_pause button {width:20px; height:20px}
	.slide-control .play_pause i {font-size:20px}
	.sec4_inner .media {padding:1.5rem}
}