@charset "utf-8";
main {padding-left:100px}
main h2 {
    font-size: 56px;
    font-weight: 800;
    /* color: #fff; */
    line-height: 150%;
    letter-spacing: -0.0625rem;
    word-break: keep-all;
    font-family: var(--font-point);
}
main h2 span, main h2 strong {
    font-weight: 900;
    font-size: 60px;
}
main h3 {
    font-size: 50px;
    font-family: var(--font-point);
    font-weight: 800;
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
}
main h4 {font-size: 28px;font-weight: 700;letter-spacing: -.5px;}
main h3 span, main h4 span {color: var(--color-main);letter-spacing: -1px;}
main .title {
    width: 100%;
    text-align: center;
    margin-bottom: 70px;
}
main .title img {display:inline-block;width: 100px;}
main .title p {margin-top:1rem;font-size: 20px;color:#5B5B5B}
main .sec1 {height: 100vh;}
.main_slide {
    position: relative;
    width: 100%;
    height: 82%;
    overflow: hidden;
}
.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;}
.main_slide .inr {}
.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: relative;width: 100%;height: 100%;z-index: 3;display: flex;/* margin-left: 8.5rem; */padding-top: 9.5rem;opacity: 0;transition: all 2s;/* animation: fadein; *//* animation-delay: 1s; */flex-direction: column;align-items: center;}
.swiper-slide-active.inr .slide{width: 100%;position: relative;}
.swiper-slide-active.inr .slide a {width:100%;height:100%;display: block;}
.swiper-slide-active .txt_wrap {opacity:1;/* padding-left: 8rem; */}
.swiper-slide-active .txt_wrap h2 {}
.swiper-slide-active .txt_wrap p {font-size:1.5rem}
.swiper-slide-active .txt_wrap span {color:var(--color-main); font-weight:600;}
.main_slide .slide img, .main_slide .slide video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.slide-control {
    /* position: absolute; */
    /* width: 98% !important; */
    /* top: 50%; */
    /* left: 50%; */
    /* z-index: 2; */
    /* width: var(--width-size); */
    /* transform: translateY(-50%); */
    /* display: flex; */
    /* justify-content: space-between; */
}
.slide-control button {
    z-index: 3;
    background-color: unset;
    border: unset;
    position: relative;
    background-color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    transition:all .5s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 2rem;
}
.button-prev {
    left: 2%;
    /* position: relative; */
}
.button-next {right: 2%;left: unset;/* margin-left: 1rem; */}
.slide-control button.swiper-button-disabled{opacity: 60%;}
.slide-control button i {
    font-size: 2rem;
    color: var(--color-dark);
	transition:all .5s;
}

.slide-control button:hover {opacity:1 }
.slide-control button:hover i {color:var(--color-main)}
.icon_area {height: 18%;}
.icon_area ul {display:flex;width:100%;height: 100%;}
.icon_area ul li {width:100%;height: 100%;padding: 3rem 3rem 1rem;position:relative;background-color: #DAE8FF;}
.icon_area ul li:nth-child(2) {background-color: #FFE9EB}
.icon_area ul li:nth-child(3) {background-color: #c6ffc2;}
.icon_area ul li:nth-child(4) {background-color: #DAFBFF}
.icon_area ul li:nth-child(5) {background-color: #FFF4CA}
.icon_area ul li a {width:100%;height:100%;display: flex;justify-content: space-between;align-items: stretch;}
.icon_area ul li p {font-weight:600;font-size: 1.5rem;}
.icon_area ul li span {font-size:1rem;font-weight:400;display:block;margin-bottom: 5px;color: var(--color-black2);line-height: 1.4;}
.icon_area ul li img {/* position:absolute; *//* right:0; *//* top:50%; *//* float: right; */width: 33%;}
.icon_area ul li:hover img {animation-name: up; animation-duration:.5s}
.contents_area {padding: 0 7%;}

main .sec2{
    padding: var(--sub_pd) 0;
    position: relative;
    width: 100%;
    }
.sec2 .sec2_inner {
	width: var(--width-size);
	margin: 0 auto;
	padding: 0 30px;
}
.sec2 .news_top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.news_inner {display: flex;border: 1px solid #E9E9E9;border-radius: 1rem;padding: 3rem;justify-content: space-between;}
/* 소식 리스트 */
.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;
}
.story_inner .gallerySwiper {overflow: hidden;}
.gallerySwiper li {}
.gallerySwiper li .imgbox {border-radius: 20px;overflow:hidden}
.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
}
.story_inner li > div {
    height: 280px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 1rem;
    /* margin-bottom: 1rem; */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: .5em;
}
.story_inner li a {
    font-weight: 400;
    word-break: keep-all;
}
.story_inner li a img {width:100%; height:100%}
.story_inner button {
    position: absolute;
    top: 35%;
}
.story_inner button  i {font-size: 35px;transition:all .4s;color: #4b4b4b;}
.story_inner button:hover i {color:var(--color-main2)}
.gall-prev  {left:0;margin-left: -40px;}
.gall-next {right: 0;margin-right: -40px;}

.sec3_inner .swiper-scrollbar {
    margin-bottom: 0;
}
.sec3_inner .swiper-scrollbar-drag {background-color:var(--color-main2)}
.news_inner .inner_top {
    display: flex;
    width: 16%;
    flex-direction: column;
}
.news_title {display:flex;width:100%;margin-bottom: 2rem;gap: 0 2rem;}
.news_btn button {
	border:none;
	background: none;
	position: absolute;
}
.news_btn button i {font-size: 35px;color: var(--color-dark);transition:all .5s}
.news_btn button:hover i {color:var(--color-main2)}
.news_btn .news-prev {left:0;/* margin-left: -2rem; */}
.news_btn .news-next {right:0;/* margin-right: -2rem; */}
.news_slide {width: 80%;position: relative;}
.tab_inner {visibility:hidden;display: none;/* height: 375px; */width: 100%;}
.tab_inner.on {display: block;visibility:revert}

.subtab_case1 {
}
.title_tab {
    display: flex;
    justify-content: center;
    gap: 3rem;
}
.subtab_case1 .tabs {
    display: flex;
    gap: 1.5rem;
    flex-direction: column;
}
.subtab_case1 .tabs li {}
.subtab_case1 .tabs li.on {/* text-align: center; */}
.subtab_case1 .tabs a {
    font-size: 20px;
    font-weight: 600;
    position:relative;
    transition: all .4s;
    /* display: inline-flex; */
    border-radius: 2rem;
    align-items: center;
    color: #616161;
    padding: .5rem 1.5rem;
}

.subtab_case1 .tabs li:hover a {color:var(--color-main)}
.subtab_case1 .tabs li:hover a.on {color:#fff}
.subtab_case1 .tabs a.on:after {display:unset;}
.subtab_case1 .tabs a.on {background-color: var(--color-main);color: #fff;}
.news_btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 108%;}
.slide_btn {
    display: flex;
    align-items: center;
}
.more_link {
    display: flex;
    align-items: center;
    justify-content: center;
}
.more_link a {
    width: 40px;
    height: 40px;
    /* border: 1px solid #ccc; */
    border-radius: 50px;
    display: inline-flex;
    justify-content: space-around;
    align-items: center;
    color: var(--color-main);
    font-weight: 600;
    background-color: #F1F1F1;
}
.more_link i {color: var(--color-main);font-size: 1.5rem;font-weight: 300;transition:all .5s}
.more_link a:hover  {background-color:var(--color-main); color:#ffffff; border-color:var(--color-main)}
.more_link a:hover i {color:#ffffff}

main .sec3 {
    width:100%;
    height: auto;
    padding: var(--sub_pd) 0;
    background-color:#EEF7EE
}
main .sec3.gray {
    background-color: white;
    border-top: 1px solid #eaeaea;
}
.sec3_inner {
    max-width: var(--width-size);
    margin: 0 auto;
    padding: 0 30px;
    }
.sec3_inner h3 span {color:#5AB25D}
.cate_inner {position: relative;display: flex;justify-content: space-between;margin-bottom: 3rem;}
.ca_tab {/* border-bottom:1px solid #777b773b; *//* margin-bottom:3rem; *//* padding-bottom:1rem; */display: flex;justify-content: space-between;align-items: center;}
.ca_tab ul {display:flex;/* justify-content: center; */}
.ca_tab ul li {/* padding: 1rem 2rem; */position: relative;}
.ca_tab ul li a {font-size:20px;font-weight: 500;opacity:.5;padding: 1rem 1.8rem;display: block;}
.ca_tab ul li.on a {opacity:1;color:var(--color-main);font-weight: 700;}
.ca_tab ul li:after {content:""; width:6px; height:6px; background-color:#777b773b; position:absolute; right:0; top:50%; transform:translateY(-50%); border-radius:50%}
.ca_tab ul li:last-child::after {display:none}
.cate_inner .more_link a {background-color:#ffffff}
.cate_inner .more_link:hover a {background-color:var(--color-main)}


.promotion {
	display: flex;
	justify-content: space-between;
	margin-top: var(--sub_pd_half);
	gap: 3rem;
}
.channel {width: 55%;border: 1px solid #E9E9E9;padding: 3rem;border-radius: 1rem;display: flex;flex-direction: column;justify-content: center;}
.book {width: 43%;border: 1px solid #E9E9E9;padding: 3rem;border-radius: 1rem;overflow: hidden;}
.book ul {width:100%;}
.book ul li {
}
.book ul li .img {/* border:3px solid #ddd; */border-radius:20px;overflow:hidden;height: 326px;}
.book ul li img {width:100%;height: 100%;object-fit: cover;object-position: center;}
.book ul li .txt {text-align:center;margin-top: 1rem;}
.you_tv {
    border-radius: 1rem;
    text-align: center;
    height: 367px;
    overflow: hidden;
}
.you_tv iframe {height: 100%;object-fit:contain}
.you_tv a {width:100%; height:100%; display:block}
.you_tv strong {width: 100%;display: block;text-transform: uppercase;font-family: var(--font-point);text-align: center;margin-bottom: 1.5rem;}
.you_tv strong a {font-weight: 800;font-family: var(--font-point);font-size: 22px;}
.you_tv img {border-radius:1rem;object-fit: cover;object-position: center;height: 260px;width: 100%;}
.sec4 {width:100%;padding: var(--sub_pd) 0;}
.sec4_inner {max-width: var(--width-size);margin: 0 auto;padding: 0 30px;}
.pro_tabbox {margin-bottom:2rem;display: flex;justify-content: flex-end;gap: 2rem;align-items: center;}
.pro_tabbox ul {display:flex;justify-content: flex-end;gap: 2rem;}
.pro_tabbox ul li {}
.pro_tabbox ul li a {font-weight:500; font-size:20px; color:#A8A8A8}
.pro_tabbox ul li a.on  {color:var(--color-main);font-weight: 700;}
.sec4 .program {position:relative;/* overflow: hidden; */}
.protab_inner {visibility:hidden;display: none}
.protab_inner.on {display:block; visibility:unset}
.program .programSwiper {overflow: hidden;height: auto;width: 100%;}
.program .programSwiper ul {}
.program .programSwiper li {text-align:center;}
.program .txt {margin-top:1rem;/* height: 27px; *//* overflow: hidden; */}
.program .txt p {word-break: keep-all;}
.programSwiper .imgbox {height: 420px;}
.programSwiper .imgbox img {width:100%;height: 100%;object-fit:cover;border-radius: 20px;object-position: top;}
.program button {position:absolute;top:50%;transform: translateY(-50%);}
.program .pro-prev {left:0;margin-left: -40px;}
.program .pro-next {right: 0;margin-right: -40px;}
.program button.swiper-button-disabled{/* display:none; */}
.program button i {font-size: 35px;transition:all .4s;color: #4b4b4b;}
.program button:hover i {color:var(--color-main2)}
.sec5 {background-color:#F8F8F8;padding: var(--sub_pd) 0;}
.sec5_inner {
    margin: auto;
    width: var(--width-size);
    padding: 0 30px;
}
.center_inner {display: flex;gap: 5rem;align-items: center;justify-content: space-between;}
.center_inner .tab_box {width: 25%;}
.center_conts {width: 70%;}
.cttab_inner {display:none;visibility:hidden}
.cttab_inner.on {display:block; visibility:unset}
.center_box {position: relative;display: flex;align-items: center;justify-content: flex-end;}
.center_box .center_img {
    border-radius: 20px;
    overflow: hidden;
    width: 71.5%;
}
.center_box .center_img img {object-fit:cover; width:100%;height:100%}
.center_box .center_txt {position:absolute;left:0;width: 320px;background-color: var(--color-main);color: #fff;padding: 2.5rem;border-radius: 1rem;}
.center_box .center_txt p {word-break:keep-all; line-height:140%; margin:1rem 0}
.center_box .center_txt a {color:#F9F699; border-bottom:2px solid #f9f69900; transition: .5s; padding-bottom:4px}
.center_box .center_txt a:hover {border-color:#f9f699}
.tab_box ul {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.tab_box li {/* border:1px solid #ddd; */text-align: center;/* border-radius: 1rem; */}
.tab_box li a {width:100%;height:100%;display:block;padding: 1rem;border-radius: 1rem;border: 1px solid #ddd;color: #818181;font-weight:500;background-color:#ffffff;position: relative;}
.tab_box li a.on {color:var(--color-main);background-color:#D8E7E0;font-weight: 700;border-color: #bad1c700;}
.tab_box li a.on:before {content:"";/* width:60px; *//* height:30px; */position:absolute;right:0;margin-right: -20px;top: 50%;border-style: solid;border-width: 20px 0px 20px 40px;border-color: transparent transparent transparent #d8e7e0;transform: translateY(-50%);}
.sec6 {padding: var(--sub_pd) 0;}
.support_box {
    margin: auto;
    width: var(--width-size);
    padding: 0 30px;
}
.support_box ul {gap: 2rem;display: flex;}
.support_box ul li {padding: 2rem 1rem;width: 100%;text-align: center;border-radius: 1rem;}
.support_box ul li:first-child {background-color:#FFF4CA}
.support_box ul li:nth-child(2) {background-color:#FFE9EB}
.support_box ul li:nth-child(3) {background-color:#DAE8FF}
.support_box li h4 {font-size:1.5rem;font-weight: 600;margin-bottom: 1rem;}
.support_box li p { word-break:keep-all}
.support_box ul li:hover img {animation-name: up; animation-duration:.5s}
.footer_ft {padding-left: 100px;}
.related {display:flex;align-items: center;padding-bottom: 1rem;}
.relevantSwiper {overflow:hidden;width: 95%;}
.relevantSwiper .swiper-wrapper {transition-timing-function: linear;}
.related .tit {width: 10%;/* text-align: center; */color: #333;background-color: #fff;position: relative;display: flex;padding-left: 2rem;gap: 1rem;}
.bannerslide-control {/* position:absolute; *//* right:0; *//* top:50%; *//* transform:translateY(-50%); */}



/* PC */ 
@media only screen and (min-width:1025px) and (max-width: 1500px)  {
    main {width:100%}
	main .sec1, main .sec2, main .sec3, main .sec4 {}
    main .sec1 {}
    .main_slide {}
	.main_slide .slide {}
	.swiper-slide-active.inr .slide {}
	.main_slide .txt_wrap {}
	.slide-control {left: 60%;}
	.icon_area ul li {padding:1rem}
	.icon_area ul li a {flex-wrap:wrap}
	.icon_area ul li p {width:100%}
	.icon_area ul li img {width: 40%;position: absolute;right: 0;bottom: 0;}
	.news_inner {padding:2rem}
	.news_inner .inner_top {width:20%}
	.news_title {flex-wrap:wrap;gap:1rem;}
	.promotion {}
	.banner, .channel {}
	.channel {padding:1.5rem}
	.you_tv {height:280px}
	.book {padding:1.5rem}
	.you_tv img {}
	.ca_tab {
    display: flex;
    align-items: baseline;
    padding-bottom: 1rem;
}
	
	.ca_tab ul {flex-wrap:wrap;width: 90%;}
    .more_link {width:10%}
	.ca_tab ul li a {padding: .5rem 1.2rem;}
	.ca_tab ul li:after {right: -3px;}
	.story_inner {padding:0 1rem}
	.center_box .center_txt {/* left: -8%; *//* bottom: 0; *//* width: 100%; */padding: 2rem;/* width: 300px; */}
	.center_inner {gap:2rem;}
	.story_inner button {padding: 0 1rem;}
	.sec4 .program {padding: 0 1rem;}
	.program button {padding: 0 1rem;}
	.related .tit {width:15%}
	.relevantSwiper {width:85%}
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1024px)*/ 
@media all and (max-width:1024px) {
	main {padding-left:0}
	main h2 {font-size:3rem;/* width: 60%; */}
	main h3 {font-size: 2.5rem;}
	main h4 {font-size: 1.8rem;}
    main .title {margin-bottom: 40px;}
	main .title p {font-size:1.1rem;word-break: keep-all;}
	main .sec1, main .sec2, main .sec3, main .sec4 {}
    main .sec1 {padding: 0;padding-top: 80px;height: auto;}
	.main_slide {height: 400px;}
	.main_slide .slide {}
	.main_slide .txt_wrap {padding-top: 3rem;}
	.slide-control {/* left: 60%; */}
	.icon_area {height: auto;}
	.icon_area ul {/* flex-wrap:wrap; */}
	.icon_area ul li {/* width:50%; */padding: 2rem 1rem;height: auto;}
	.icon_area ul li a {flex-wrap:wrap;display: block;}
	.icon_area ul li p {font-size:20px; word-break:keep-all}
	.icon_area ul li p span {font-size:.9rem}
	.icon_area ul li img {width:80%;height: 80%;}
	main .sec2 {gap:1rem;display: flex;}
	.news_inner {display: flex;flex-direction: column;padding: 2rem;}
	.news_title {width: 24%;margin-bottom: 0;}
	.news_inner .inner_top {width:100%;margin-bottom: 2rem;display: flex;flex-direction: row;position: relative;align-items: center;flex-wrap: wrap;gap: 1rem;}
	.subtab_case1 .tabs {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}
	.subtab_case1 .tabs a {padding: .5rem 1rem;display: block;}
	.news_slide {width:100%}
	.promotion {flex-wrap:wrap;gap: 1rem;}
	.channel {padding: 1.5rem;width: 69%;}
	.you_tv {height: 100%;}
	.book {padding: 1.5rem;width: 28%;}
    .book ul li .txt {
    padding: 0 1rem;
    word-break: keep-all;
}
	book ul li .txt br {display:none}
	.ca_tab {
    display: block;
    padding-bottom: 1rem;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    width: 90%;
    overflow: scroll;
}
	.ca_tab ul {/* flex-wrap:wrap; *//* width: 1200px; *//* overflow: auto; */width: 1200px;/* overflow: scroll; */}
    .more_link {/* width: 100%; *//* justify-content: flex-end; */position: absolute;right: 0;/* bottom: 0; *//* padding-bottom: 1rem; *//* padding-right: 1rem; */}
	.ca_tab ul li a {padding: .5rem 1.2rem;}
	.ca_tab ul li:after {right: -3px;}
	.story_inner button {display:none}
	.pro_tabbox {position: relative;}
	.pro_tabbox ul {margin-right:10%}
    .program button {display: none;}
	.center_inner {gap: 3rem;}
    .center_box {flex-wrap: wrap;padding-bottom: 9rem;}
	.center_conts {/* padding-bottom:4rem; */width: 75%;}
	.center_box .center_img {width:100%}
    .center_box .center_txt {width: 100%;padding: 1.5rem;bottom: 0;} 
	.related .tit {width:20%}
	.relevantSwiper {width:80%}
    .footer_ft {padding-left:0}
}


/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:767px) {
	.sec2 .sec2_inner, .sec3_inner, .sec4_inner, .sec5_inner, .support_box {padding:0 20px}
	main h2, .swiper-slide-active .txt_wrap h2 {font-size: clamp(1.3rem, 6.5vw, 1.5rem);/* width: 100%; */}
	main h3 {font-size: clamp(2.2rem, 6vw, 2.2rem);}
	main h4 {font-size: clamp(1.5rem, 5.5vw, 2rem);}
	main .title p, .swiper-slide-active .txt_wrap p, .ca_tab ul li a, .tab_box li a {font-size: clamp(.95rem, 4.5vw, 1rem);}
	main .title img {width: 70px;}
	main .sec1 {height: 100%;}
	.main_slide {width:100%;height: 190px;}
	.main_slide .slide {}
	.main_slide .txt_wrap {padding-top: 1.5rem;}
	.slide-control button {width:40px; height:40px}
	.slide-control button i {font-size:20px}
	.icon_area {height: auto;}
	.icon_area ul {flex-wrap:wrap}
	.icon_area ul li {padding: 2rem;/* width: 100%; */height:auto;}
	.icon_area ul li a {flex-wrap:wrap}
	.icon_area ul li p {width:100%; font-size: clamp(1rem, 5.5vw, 1.2rem);}
	.icon_area ul li img {width: 45%;position: absolute;bottom: 0;right: 0;padding-bottom: 1rem;padding-right: 1rem;}
	.news_inner {padding:1.5rem}
	.news_inner .inner_top {flex-wrap:wrap}
	.news_title {width:100%}
	.subtab_case1 {margin-top:2rem}
	.subtab_case1 .tabs {flex-wrap:wrap;justify-content: center;gap: .5rem 0;}
	.subtab_case1 .tabs a {font-size: 17px;padding: .5rem 1rem;}
	.channel {width:100%}
	.book {width:100%}
	.book ul li .txt {padding:0}
	.book ul li .txt p {font-size:16px}
	.cate_inner {margin-bottom:2rem}
	.ca_tab {padding-bottom:0}
	.ca_tab ul {}
	.ca_tab ul li a {font-size: 17px;padding: .5rem 1rem;}	
	.ca_tab ul li:after {width:5px;height:5px;}
	.sec3_inner .more_link, .sec4_inner .more_link {/* position:relative; *//* width: 100%; *//* justify-content: flex-end; */}
	.pro_tabbox {flex-wrap:wrap;justify-content: flex-start;gap: .5rem;}
	.pro_tabbox ul {margin-right:0}
	.center_inner {flex-wrap:wrap}
	.center_inner .tab_box {width:100%;}
	.tab_box ul {display:flex;flex-direction: row;flex-wrap: wrap;gap: .5rem;}
	.tab_box li {width: 48%;}
	.tab_box li a {padding:.5rem}
	.tab_box li a.on:before {display:none}
	.center_conts {width:100%}
	.center_box {padding:0}
	.center_box .center_txt {position:relative; margin-top:-2rem}
	.center_box .center_txt h4, .support_box li h4 {font-size:20px;margin-bottom: .5rem;}
	.center_box .center_txt p, .center_box .center_txt a, .support_box li p {font-size:16px}
	.pro_tabbox ul li a {font-size:17px}
	.support_box ul {flex-wrap: wrap;gap: 1rem;}
	.support_box ul li {padding: 1rem;}
	.support_box ul li img {width: 35%;}
	.related .tit {width: 33%;padding-left:1rem;flex-wrap: wrap;gap: 10px;}
	.relevantSwiper {width: 67%;}
}