@charset "utf-8";
main .title {
    display: flex;
    align-items: center;
    /* margin-bottom: 3rem; */
    flex-wrap: wrap;
}
main h2 {
    font-size: 48px;
    font-family: var(--font-point);
    font-weight: 800;
    display: inline-block;
    position:relative;
    margin: 1.5rem 0 3rem;
    line-height: 150%;
    letter-spacing: -.5px;
    text-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
}
main h2 span {color:var(--color-main)}
.main_slogan {font-family: var(--font-point);color: #fff;width: 40%;/* margin: 0 auto; *//* margin-right: 6rem; */}
.main_slogan p {font-weight: 500;font-size:28px;line-height: 1.4;}
.main_slogan p.small {font-size: 22px;letter-spacing: 3px;font-family: var(--font-point);/* background-color: var(--color-main); */display: inline-block;padding: 0 .2rem 2px .5rem;/* border-radius: 2rem; */background-image: linear-gradient(320deg, #f71362ad, #ff623b96);}
.main_slogan p.call {display:inline-flex;padding-top: 2rem;font-weight: 800;}
.main_slogan p i {margin-right: .5rem;font-weight: 300;}
main h3 {
    font-size: 38px;
    font-family: var(--font-point);
    font-weight: 800;
    padding-right: 2rem;
    position:relative;
    color: #302d2c;
}
main h3:before {content:"";width: 33px;height:34px;background-image:url(/img/common/point.svg);display: inline-block;margin-right: 10px;vertical-align: middle;}
main h3 span {color:var(--color-main)}

main .sec1 {
    background-image:url(/img/slide/bg2.jpg?ver=250717);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position:relative;
    /* display: flex; */
    height: 600px;
    margin-top: 100px;
    align-items: center;
    width: 100%;
    overflow: hidden;
    z-index: 0;
    }
main .sec1:after {/* background-color:#0000006b; */content:"";width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;background-image: linear-gradient(129deg, #09103636, #00000000);}
main .sec1_wd {
    display: flex;
    width: var(--width-size);
    height: 100%;
    align-items: center;
    position: relative;
    gap: 6rem;
    margin: 0 auto;
    justify-content: center;
}

.main_title_h4 h4 {
    position: absolute;
    transform: rotate(90deg);
    /* left: 0; */
    right: -1em;
    top: 3em;
}
.main_slide_inner {
    height: 420px;
    /* position: absolute; */
    /* border-radius: 2em; */
    right: 0;
    top: 50%;
    /* transform: translateY(-50%); */
    width: 52%;
    position: static;
}
.main_slide {
    position: absolute;
    width: 100%;
    /* height: 420px; */
    overflow: hidden;
}
.main_slide .swiper-wrapper {/* width: 680px; */height: 420px;}
.swiper-backface-hidden .swiper-slide { }
.main_slide .slide {
    height: 100%;
    height: 100%;
}
.swiper-backface-hidden .swiper-slide a {/* box-shadow: 0 0 0 3px #4872f4 inset; *//* height: 50%; */display: block;height: 100%;width: auto;padding: 5px;}

.swiper-backface-hidden .swiper-slide a:focus,
.swiper-backface-hidden .swiper-slide a:focus-visible {border:3px dotted red;}
.swiper-scrollbar.main-bar {
    background-color: rgb(255 255 255 / 30%);
}
.swiper-scrollbar.main-bar .swiper-scrollbar-drag {background-color:var(--color-main)}
.main_slide .slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 2rem;
}
.slide-control {
    position: absolute;
    top: 0;
    width: 70px;
    /* height: 100%; */
    left: 0;
    bottom: 0;
    width: 540px;
    margin-bottom: 7rem;
    z-index: 2;
}
.con_area {
    display: flex;
    flex-direction: column;
    height: 100%;
    /* padding: 1.5rem 0 1rem; */
    justify-content: flex-end;
    padding-bottom: .5em;
    align-items: flex-end;
}
.con_area > div {}
.con_area h4 {
    writing-mode: vertical-rl;
    height: 65%;
}
.con_area > div {}
.con_area .count {height: 14%;}
.slide-control .leaf{display: flex;}
.slide-control .leaf button {
    background-color: unset;
    border: unset;
}
.slide-control .leaf .button-prev {}
.slide-control .leaf .button-next {}
.slide-control .leaf button i {
    font-size: 2rem;
    color: rgb(255 255 255 / 40%);
    transition:all .5s
}
.slide-control .leaf button:hover i {color:#fff; }
.bg_visual {position:fixed;top:0;left: 0;width: 100%;height: 100vh;z-index: -1;}
.video_wrap{position:absolute;top:0;left:0;width:100%;height:100%}
.video_wrap video{position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;transform: translate(-50%,-50%);}
.contents_area {padding: 0 7%;}

.favorites {
    /* height: 420px; */
    display: flex;
    width: 100%;
    border-radius: 20px;
    align-items: center;
}
.favorites strong {
    font-size: 30px;
    font-family: var(--font-point);
    padding-bottom: .5rem;
    border-bottom: 1px solid var(--color-main);
    color: var(--color-main);
    width: 100%;
    display: inline-block;
    font-weight: 800;
}
.favorites .fav_icon {
    display: flex;
    width: 100%;
    gap: 2rem;
}
.favorites .fav_icon li {
    width: 100%;
    text-align: center;
    transition: .6s;
}
.favorites .fav_icon li:hover {}

.favorites .fav_icon li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .4s;
    background-image: url(/img/main/icon1.png?ver=241107);
    background-repeat: no-repeat;
    background-position: center;
    width: 126px;
    height: 126px;
    border-radius: 50%;
    background-color: #FCF3F3;
	transform-origin:center center;
	transition: 1.2s
}
.favorites .fav_icon li:hover span {transform:rotateY(180deg); background-color:#fff;}
@keyframes rotatey{
    0%{transform: perspective(1000px) rotateY(0);}
    50%{transform: perspective(1000px) rotateY(180deg);}
	100%{transform: perspective(1000px) rotateY(0);}
}

.favorites .fav_icon li p {margin-top: .5rem;font-weight: 500;font-size: 1.1rem;transition: all .4s;}
.favorites .fav_icon li:nth-child(2) span {background-image: url(/img/main/icon2.png?ver=241018);}
.favorites .fav_icon li:nth-child(3) span {background-image: url(/img/main/icon3.png?ver=241018);}
.favorites .fav_icon li:nth-child(4) span {background-image: url(/img/main/icon4.png?ver=241018);}
.favorites .fav_icon li:nth-child(5) span {background-image: url(/img/main/icon5.png?ver=241018);}
.favorites .fav_icon li:nth-child(6) span {background-image: url(/img/main/icon6.png?ver=241018);}
.favorites .fav_icon li:nth-child(7) span {background-image: url(/img/main/icon7.png?ver=241018);}
.favorites .fav_icon li:nth-child(8) span {background-image: url(/img/main/icon8.png?ver=241018);}

.favorites .fav_icon li:hover p {color:var(--color-main)}

main .sec2 {padding: 3rem 0;position: relative;overflow: hidden;}
main .sec2_inner {
    width: var(--width-size);
    margin: 0 auto;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sec2_left {width: 63%;height: 100%;display: flex;justify-content: space-between;flex-direction: column;}
.sec2_left .title {margin-bottom:2rem}
.sec2_right {}
.news_inner {
    /* overflow: hidden; */
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.news_inner .inner_top {
    display: flex;
    justify-content: space-between;
    /* padding: 3rem 0; */
    align-items: center;
    /* padding-left: 1rem; */
    width: 14%;
}
.tab_other_btn {
    width: 100px;
    position: absolute;
    top: 7em;
    right: 5em;
}
.news_btn button, .gall_btn button, .pro_btn button {
	border:none;
	background: none;
	/* border: 1px solid #ddd; */
	border-radius: 50%;
	width: 45px;
	height: 45px;
	/* margin-right: 20px; */
	background-color: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	box-shadow: 0 3px 10px rgb(0 0 0 / 10%);
}
.gall_btn button.gall-prev {margin-left: -20px;left: 0;}
.gall_btn button.gall-next {right:0;margin-right: -20px;}
.pro_btn button.pro-prev {margin-left: -50px;left: 0;}
.pro_btn button.pro-next {right:0;margin-right: -50px;}
.news_btn button i, .gall_btn button i, .pro_btn button i {font-size: 30px;color: #8B8B8B;transition:all .5s}
.news_btn button:hover, .gall_btn button:hover, .pro_btn button:hover {background-color:var(--color-main)}
.news_btn button:hover i, .gall_btn button:hover i, .pro_btn button:hover i {color:#fff}

.news_inner .news_slide {
    width: 80%;
    /* overflow: hidden; */
    padding: 0 0 2rem;
}
.tab_inner {/* visibility:hidden; */height: 0;display: none;width: 100%;position: relative;}
.tab_inner.on {display:unset; }
.newsSwiper {position: static;}
.newsSwiper .news-bar {margin-bottom:-2rem;}
.newsSwiper .news-pagination.swiper-pagination-progressbar {
    position: absolute;
    top: unset;
    background-color: #ddd;
    border-radius: 4px;
    margin-top: 2rem;
}
.newsSwiper .news-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color:var(--color-main);border-radius: 4px;}
.subtab_case1 {width: 100%;}
.subtab_case1 .tabs {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1.5rem 0;
}
.subtab_case1 .tabs li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80%;
    position: relative;
    border-radius: 10px;
    border: 1px solid #ddd;
    border-radius: 2rem;
    transition: all .6s;
}
.subtab_case1 .tabs li > a {
    font-size: 20px;
    font-weight: 800;
    font-family: var(--font-point);
    width: 100%;
    transition: all .3s;
    padding: .6rem 2rem;
    /* border-radius: 10px; */
    color:#616161;
    /* border: 1px solid #ddd; */
    border-radius: 2rem 0 0 2rem;
    text-align: center;
    width: auto;
}
.subtab_case1 .tabs li.on {background-color: #fff;width: 100%;border-color: #fff;box-shadow: 0px 3px 10px rgb(0 0 0 / 10%);}
.subtab_case1 .tabs li.on a  {color: var(--color-main);opacity:1}
.subtab_case1 .tabs li a:hover {color:var(--color-main);} 
.subtab_case1 .tabs li.on .more_link {display: inline-flex;opacity: 1;}
.news_btn {
    display: flex;
    align-items: center;
    width: 9em;
    height: 2em;
    position: relative;
    justify-content: flex-start;
    right: 0;
}
.slide_btn, .pro_btn {
    /* display: flex; */
    /* position: absolute; */
    top: 50%;
    /* left: 0; */
    /* transform: translateY(-50%); */
    width: 100%;
    z-index: 1;
    position: relative;
}
.gall_btn {
	display: flex;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	z-index: 1;
	position: absolute;
}
.more_link {/* margin-left:2rem; */width: 34px;height: 34px;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;/* border: 1px solid #ddd; */position: absolute;right: 0;margin-right: 3%;display: none;background-color: var(--color-main);transition: all .6s;opacity: 0;box-shadow: 0 3px 5px #9a204a5c;}
.more_link i {font-size: 1.5rem;color: #fff;}
.more_link:hover i {}
main .sec3{
    padding: 120px 0;
    position: relative;
    background-color:#f7f7f7;
    width: 100%;
    }
.sec3 .sec3_inner {
	width: var(--width-size);
    margin: 0 auto
}
.sec3 .sec3_top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;
    flex-wrap: wrap;
}
.gallery {width: 62%;}
.gallery > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.gallery > ul li {
    width: 48.5%;
    /* background-color: #fff; */
    margin-bottom: 1.5rem;
}
.gallery > ul li:last-child, .gallery > ul li:nth-last-child(2) {margin-bottom:0}
.gallery > ul li div {
    background-size: cover;
    width: 100%;
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 1rem;
    cursor: pointer;
}
.gallery > ul li div img {width:100%;height: 100%;object-fit: cover;border-radius: 1rem;}
.calendar {
    width: 31%;
    background-color: #fff;
    box-shadow: 0 3px 20px rgb(0 0 0 / 10%);
    border-radius: 20px;
}
.calendar_skin {background-color:#fff;padding: 1rem;height: 510px;border-radius: 1rem;position: relative;}
.calendar_skin > h4 {text-indent:-1111111px}
.calendar_skin ul {
    display: flex;
    justify-content: space-around;
    width: 100%;
}
.calendar_skin ul li {font-size: 22px;}
.calendar_skin ul li a {font-weight:500}
.calendar_skin ul li span {font-size:40px;font-weight: 600;}
.calendar_skin ul li i {
    /* padding: 0 2rem; */
    color: var(--color-main2);
}

main .sec4 {padding: 120px 0;position:relative;width: var(--width-size);margin: 0 auto;}

main .sec4_top {margin-bottom: 3rem;display: flex;justify-content: space-between;flex-direction: column;position: relative;}
.sec4_inner {display:flex;justify-content: space-between;width: 100%;}
.program_box {width: 57%;padding: 2rem;background-color: #f7f7f7;border-radius: 1rem;position: relative;}
.support_box {width: 38%;}
.programSwiper {overflow:hidden;height: 100%;}
.programSwiper .swiper-wrapper {position:static;}
.programSwiper .swiper-slide {background-color:#fff; padding:1rem;border-radius:1rem}
.programSwiper .swiper-slide img {width: 100% !important;object-fit:cover;object-position:center;}
.programSwiper .swiper-slide h4 {margin:1.5rem 0;text-align:center;font-weight: 500;}
.support_box ul {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: space-between;
    height: 100%;
}
.support_box li {background-image:url(/img/main/su1.jpg);height: 200px;background-repeat: no-repeat;border-radius: 1rem;color: #fff;display: flex;flex-direction: column;justify-content: center;transition:.6s;background-position: center;}
.support_box li:last-child {background-image:url(/img/main/su2.jpg)}
.support_box li a {color:#fff;display:block;width:100%;height:100%;padding: 2rem;}
.support_box li:hover {opacity:.8}
.support_box li h4 {margin-bottom:1rem; font-size:26px}
.gallery_inner{/* overflow-x: hidden; *//* padding-bottom: 20px; */padding-top: 30px;/* margin-top: -10px; */width: 100%;width: var(--width-size);margin: 0 auto;padding: 2rem;border-radius: 1rem;position: relative;border: 1px solid #E9E9E9;}
.gallerySwiper {
    overflow: hidden;
}
.gallerySwiper .swiper-wrapper {/* border:1px solid #ddd; *//* padding:2rem; *//* border-radius:1rem; *//* overflow: hidden; */}
.gallery_inner li {border-radius:20px;transition: transform .4s;}
.gallery_inner li:hover {}
.gallery_inner a {font-size:18px; font-weight:500}
.gallery_inner li img{width: 100%;object-fit: cover;border-radius: 1rem;}
.gallery_inner li .no_image {
    display: block;
    width: 100%;
    height: 220px;
    background-color: #f8f8f8;
    border-radius: 1rem;
    background-image: url(/img/logo/logo.svg);
    background-repeat: no-repeat;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    color: #fff0;
}
.tablist {width: 20%;height: 472px;display: flex;flex-direction: column;justify-content: space-between;}
.tablist li {
    background-color: #ffffff;
    border-radius: 1rem;
    transition:all .5s
}
.tablist span {margin-left:1rem; }
.tablist a {font-weight: 600;font-size: 20px;padding: 1.6rem;width: 100%;display: inline-flex;align-items: center;} 
.tablist li:hover {background-color:var(--color-main); transition:all .5s}
.tablist li:hover a {color:#ffffff;transition:all .5s}
.tablist li:hover svg path {stroke:#ffffff}

main .sec5 {padding: 0 0 120px;position:relative;width: var(--width-size);margin: 0 auto;height: auto;}

main .sec5_top, main .sec6_top {margin-bottom: 3rem;}
.sec5 .conts_top {height: 500px;display: flex;justify-content: space-between;flex-wrap: wrap;}
main .sec6 {padding: 0 0 120px;position:relative;width: var(--width-size);margin: 0 auto;height: auto;}
.sec6_conts {display:flex;justify-content: space-between;height: 370px;}
.sec6_conts h4 {font-size: 24px;font-weight: 700;margin-bottom: 1.5rem;}
.you_tv {width: 61%;background-color: #fff;border-radius: 20px;display: flex;flex-direction: row;padding: 2rem;justify-content: space-between;height: 100%;border: 1px solid #E9E9E9;}
.you_tv > a:nth-of-type(1) {
    display: flex;
    height: 100%;
    overflow: hidden;
    width: 480px;
    align-items: center;
    border-radius: 1rem;
    justify-content: center;
}
.you_tv a img{
    width: 100%;
    /* max-height: 500px; */
    object-fit: cover;
    object-position: center;
    height: 100%;
}
.you_tv iframe {height: 422px;border-radius: 20px 20px 0 0;width: 100%;}
.you_tv > div {/* height: 78px; *//* display: flex; */align-items: center;justify-content: center;width: 36%;word-break: keep-all;}
.you_tv a {font-weight:400;}
.you_tv a h5 {padding-bottom:1rem;border-bottom:1px solid #ddd;margin-bottom:1rem;font-size: 22px;color: var(--color-main);word-break: keep-all;font-weight: 500;}
.you_tv a p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    text-overflow: ellipsis;
    font-size: 17px;
    overflow: hidden;
    line-height: 1.5;
    }
.webzine {width: 17%;height: 100%;background-color: #fff;text-align: center;border-radius: 20px;overflow: hidden;position: relative;padding: 2rem;border: 1px solid #E9E9E9;}
.webzine .oneSwiper {width:100%;height: 100%;}
.webzine ul li {height:100%;display: flex;flex-direction: column;}
.webzine img {
    width: 100%;
    object-fit: cover;
    /* border-radius: 20px 20px 0 0; */
    height: 100%;
} 
.webzine .swiper-slide {height:auto}
.webzine .img {/* height: 240px; */width: 100%;}
.webzine .img a {width:100%;height:100%;display: block;}
.webzine .txt {display: flex;/* padding: 1.5rem; */background-color: #e73371c4;justify-content: center;padding: 0;margin-top: 5px;position: absolute;bottom: 0;border-radius: 1rem;width: 100%;padding: 5px;display: none;}
.webzine .txt a {font-weight: 400;text-align: center;color: #fff;}

.webzine li:hover .txt {display:block;}
.list-control {position:absolute;right: 0;bottom: 0;z-index: 1;background-color: #fff;height: 78px;width: 22%;padding: 1rem;display: inline-flex;align-items: center;justify-content: center;}
.list_area .leaf {display:flex;height: 100%;justify-content: space-between;align-items: center;}
.list_area button {border:none;background-color:unset;color: #697C82;}
.list_area button i {font-size: 30px;}
.list_area button:hover i {color:var(--color-main)}
.sns_bundle {
    width: 13%;
    background-color: #fff;
    border-radius: 20px;
    text-align: center;
    padding: 2rem;
    border: 1px solid #E9E9E9;
}
.sns_bundle h4 {margin-bottom: 1.5rem;}
.sns_bundle ul {
    display: flex;
    gap: .5rem 0;
    flex-direction: column;
    align-items: center;
}
.sns_bundle li {width: 50%; transition:1s}
.sns_bundle li:hover {transform:rotateY(180deg);}
.sns_bundle li p {
    padding-top: 10px;
    font-weight: 400;
    line-height: 1.3;
}
.conts_bottom ul {
    display: flex;
    justify-content: space-around;
    margin-top: 3rem;
    background-color: #ffebde;
    padding: 1rem;
    border-radius: 20px;
    /* box-shadow: 0 3px 20px rgb(0 0 0 / 10%); */
}
.conts_bottom li  {
    display: flex;
    align-items: center;
    width: 46%;
    border-right: 1px dotted #D1C1BB;
    position: relative;
}
.conts_bottom li:last-child {border:unset;}
.conts_bottom li a {display:block;width:100%;height:100%;position: absolute;text-indent: -11111px;}
.conts_bottom li:hover .text {color:#ff526b;}
.conts_bottom li .text {padding-left:2rem;transition: color .4s;}
.conts_bottom li .text strong {font-family:var(--font-point);font-size: 24px;font-weight: 800;}
.conts_bottom li .text p {
    font-family: var(--font-point);
    font-weight: 400;
    /* color: #787878; */
    margin-top: .5rem;
}


.main_gallery .more_link {
    position: unset;
}
.banner {
	width: 100%;
	height: 90px;
	/* margin: 0 auto; */
	padding: 1rem;
	position: relative;
	width: var(--width-size);
	margin: 0 auto;
}
.related {
    display: flex;
    width: 100%;
    overflow: hidden;
    position: static;
}
.related .tit {width: 10%;font-size: 20px;font-weight: 600;font-family: var(--font-point);}
.main_banner {padding: 6rem 0 6rem;}
.banner .slide {transition-timing-function: linear;}
.banner .slide li div {
    /* background-repeat: no-repeat; */
    width: 265px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 1px solid #e1e1e1; */
}

.banner button {
    border: unset;
    background-color: unset;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 3px 10px rgb(0 0 0 / 10%);
    z-index: 1;
}
.banner button i {
    font-size: 1.5rem;
    color: var(--color-dark);
}
.banner .banner-prev {right: 0;margin-right: -3rem;}
.banner .banner-next {
    left: 0;
    margin-left: -5rem;
}
.organ_banner {background-color:#fff;width: var(--width-size);margin: 0 auto;border-radius: 200px;}
.bannerSwiper {width: 100%;overflow:hidden;height: 100%;}
.bannerSwiper ul {}
.bannerSwiper li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.bannerslide-control {width: 7%;max-width: unset;left: unset;right: 0;bottom: 0;display: block;/* top: 50%; *//* transform: translateY(-50%); */height: 30px;position: relative;display: flex;align-items: center;justify-content: flex-end;}
.bannerslide-control .play_pause {margin: 0;}
.bannerslide-control button {position: relative;/* top:50%; *//* transform: translateY(-50%); */}
.bannerslide-control button.swiper-button-disabled{display:none;}
.bannerslide-control button i {font-size: 25px;transition:all .4s;color: #4b4b4b;}
.bannerslide-control button:hover i {color:var(--color-main2)}
.bannerslide-control .play_pause {z-index: 1;position: static;}
.bannerslide-control .play_pause i {font-size: 22px;}
.bannerslide-control .play_pause .slide_pause, .bannerslide-control .play_pause .slide_play {display:none;}
.bannerslide-control .play_pause .slide_pause.on, .bannerslide-control .play_pause .slide_play.on {display:block;}


/* PC */ 
@media all and (min-width:1024px) and (max-width: 1400px)  {
	main h2 {font-size: 3.8vw;word-break: keep-all;}
	main .sec1 {background-position:30%}
	main .sec1_wd {gap: 4rem;padding: 0 2rem;}
	.main_slide {position: relative;}
	.main_slogan {/* width: 37%; */}
	.slide-control {width: 42%;}
	.main_slide_inner {height:auto;}
	.main_slide .slide img {height:100%; object-fit:contain}
	.main_slide .swiper-wrapper {height:auto;}
	.news_inner {gap: 2rem;}
	.news_inner .inner_top {width: 19%;/* min-width: 190px; */}
	.news_inner .news_slide {width: 77%;}
	.news_board ul {height:auto}
	.news_board li span.date {position:relative;bottom: 0;right: 0;margin-top: .5rem;}
	.program_box {/* width:66%; */}
	.support_box {/* width:30%; */}
	.support_box li {/* background-position:center; */height: 90%;}
	.gallery_inner {margin:0; width:100%}
	.sec4_inner {flex-wrap:wrap}
	main .sec5_top, main .sec6_top {padding-top:2rem}
	.you_tv > a:nth-of-type(1) {width: 100%;display: flex;}
	.you_tv > div {width: 35%;}
	.sec6_conts h4 {text-align:center;}
	.you_tv a h5 {font-size: 20px;word-break: break-word;}
	.you_tv a p {
    font-size: 16px;
    -webkit-line-clamp: 5;
} 
	.banner {width:90%}
	.banner .banner-next {margin-left:-1.5rem}
	.banner .banner-prev {margin-right:-1.5rem}
	.sec6_conts {height: 33vw;flex-wrap: wrap;}
	.you_tv {
    /* padding: 1.5rem; */
    display: flex;
    flex-direction: column-reverse;
    width: 50%;
    align-items: center;
}
	.you_tv a {display:none;}
	.webzine {/* padding:1.5rem; */width: 23%;}
	.sns_bundle {width: 20%;/* padding:1.5rem; */height: 100%;}
	.sns_bundle ul {gap: 0;height: 74%;display: flex;justify-content: space-between;}
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/ 
@media all and (max-width:1023px) {
	main .sec1, main .sec2, main .sec3, main .sec4, main .sec5, main .sec6 {padding: 10% 5%;}
	main h2 {margin: 2rem 0;}
	main h3 {width:100%}
	main .sec1 {
		background-size: cover;
		height: auto;
		background-position: 30%;
		padding: 15% 5% 20%;
	}
	main .sec1_wd {flex-wrap:wrap; gap: 1rem;}
	.main_slogan {width:100%;text-align: center;}
	.main_slide_inner {width: 100%;}
	.slide-control {width: 100%;margin-bottom: -3rem;height: unset;z-index: 0;}	
	.favorites .fav_icon { gap:2rem 0 }
	.favorites .fav_icon li {}
	.favorites .fav_icon li span {width: 86px;height: 86px;background-size: 45%;}
	.favorites .fav_icon li p {font-size:1rem}
	.news_inner {flex-wrap:wrap;gap: 2rem;}
	.news_inner .inner_top {width:100%}
	.subtab_case1 .tabs {display: flex;flex-direction: row;gap: 2rem;}
	.subtab_case1 .tabs li {width: auto;}
	.subtab_case1 .tabs li.on {width: 32%;}
	.news_inner .news_slide {width:100%;padding-bottom: 0;}
	.sec4_inner {flex-wrap:wrap; gap:2rem}
	.program_box, .support_box {width:100%}
	.support_box ul {display:flex;flex-direction: row;gap:2rem}
	.support_box li {width:50%;height:auto;}
	.gallery_inner {padding:2rem 1rem}
	.sec6_conts {flex-wrap:wrap;height: auto;gap: 2rem;}
	.sec6_conts h4 {margin-bottom:1rem}
	.you_tv {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    width: 65%;
}
	.you_tv a {display:none;}
	.you_tv > a:nth-of-type(1) {width:100%;height: 200px;}
	.webzine {width: 30%;}
	.webzine .img {height:200px}
	.webzine .img img {height:100%;object-fit: contain;}
	.sns_bundle {width: 100%;display: flex;gap: 3rem;justify-content: center;align-items: center;}
	.sns_bundle h4 {margin-bottom:0}
	.sns_bundle ul {display:flex;flex-direction: row;width: 62%;}
	
	.banner {width:90%}
	.banner .banner-prev {margin-right:-1rem}
	.banner .banner-next {margin-left:-1rem}
	
	
} 



/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:767px) {
	main .sec1 {padding: 60px 5% 80px;background-position: 23%;}
	main .sec2, main .sec3, main .sec4, main .sec5, main .sec6 {padding: 4rem 3%;}
	main .sec5, main .sec6 {padding: 0 3% 4rem;}
	main h2 {font-size: 8vw;margin: 1rem 0;}
	main h3, .favorites strong {font-size:2rem;text-align: center;padding: 0;}
	main h4 {font-size:1.2rem}
	.sec6_conts h4, .support_box li h4 {font-size: 1.4rem;}
	.main_slide .swiper-wrapper {height:auto;}
	.main_slide {position:relative;}
	.main_slide_inner {height:100%;z-index: 1;}
	.main_slogan p.small {font-size: 1.05rem;}
	.main_slide .slide img {border-radius:1rem}
	.favorites .fav_icon {flex-wrap:wrap}
	.favorites .fav_icon li {width:33%}
	.sec3 .sec3_top {justify-content: center;}
	.subtab_case1 .tabs {gap: 1rem;}
	.subtab_case1 .tabs li > a {font-size:1rem;padding: .5rem 1rem;}
	.more_link {margin-right: -1rem;}
	.news_btn button, .gall_btn button, .pro_btn button {display:none;}
	.program_box {padding:1rem}
	.support_box ul {flex-wrap:wrap}
	.support_box li {width:100%;background-position: 80%;}
	.sec6_conts {gap: 1rem;}
	.you_tv {width:100%; padding:1rem}
	.webzine {width: 62%;padding:1rem}
	.webzine .img {height:auto}
	.sns_bundle {width: 33%;padding:1rem;display: flex;flex-direction: column;gap: .5rem;}
	.sns_bundle h4 {margin-bottom:.5rem}
	.sns_bundle ul {flex-direction: column;gap: 1rem;width: 100%;}
	.sns_bundle li {width:100%;}
	.sns_bundle li img {width:42px}
	.banner {display:flex}
	
}