@charset "utf-8";


:root {
    --mainContMt: 8rem
}

.round_tab .tab{padding:0.8em 2.5em;}

/* common */
.main_tit_box > *{opacity: 0; transform: translateY(5rem);}
.main_tit_box .tit{font-size:var(--mainTit); font-weight: 700; line-height: 1.5; transition:  opacity 0.6s ease-in-out , transform 0.6s ease-in-out ;}
.main_tit_box .txt{font-size:var(--txt2); font-weight: 400; margin-top: 2.4rem ; transition:  opacity 0.6s ease-in-out 0.4s, transform 0.6s ease-in-out 0.4s;}
.main_tit_box .desc{font-size:var(--lgTxt2); font-weight: 600; margin-bottom: 1rem; transition:  opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.main_tit_box .desc + .tit{transition-delay: 0.2s;}
.main_tit_box .round_btn{margin-top: 7rem; opacity: 0; transform: translateY(5rem); transition:  opacity 0.6s ease-in-out 0.6s, transform 0.6s ease-in-out 0.6s;}
.round_btn.mo_show{display: none;}
.main_tit_box.active > *{transform: unset; opacity:1;}


.com_tag_box{display: flex; flex-wrap: wrap; gap:1.2rem; margin-top: 2.4rem;}
.com_tag_box .tag{background-color: #F8F8F6; border-radius: 50px; padding: 0.6em 2em; font-weight: 600; font-size:var(--smTxt);}


.controls {display: flex; align-items: center;}
.controls .paging { display: flex; align-items: center; }
/* .controls .paging > * + * {margin-left: 1.2rem;} */
.controls .paging .current,
.controls .paging .total { font-size:var(--txt2); font-weight:700; width: 15px; text-align: center;}
.controls .paging .bar { width:10rem; height:3px; background-color: rgba(0,0,0,0.3); position: relative;}
.controls .paging .bar span { position: absolute; display: inline-block; left:0; top:0; width:0; height:100%; background-color: var(--brown); }
.controls .swiper-pagination-progressbar { width:12rem; height:2px; background-color: rgba(0,0,0,0.1); position: relative; margin: 0 2rem; }
.controls .swiper-pagination-progressbar-fill,
.controls .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background-color: #000;}

.controls .paging + .swiper_btn_wrap{margin-left: 4rem;}
.swiper_btn_wrap{display: flex; align-items: center;}
.swiper_btn_wrap .swiper_btn { font-size: 1em; display: flex; align-items: center; justify-content: center; width: 6.4rem; height: 6.4rem; background: transparent; border-radius: 50%; transition: all 0.3s ease; cursor: pointer;}
.swiper_btn_wrap .swiper_btn .ico { width: 1em; height: 1em; width:28%; height: 28%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.001 20"><path data-name="패스 13449" d="M10,0,8.237,1.762,15.212,8.75H0v2.5H15.212L8.237,18.237,10,20,20,10Z" transform="translate(0 0)" fill="%231c1c1c"/></svg>') no-repeat center / contain; transition: background 0.3s ease;}
.swiper_btn_wrap .swiper_btn.swiper-button-disabled {opacity: 0.3;}
.swiper_btn_wrap .swiper_btn:first-child { margin-right: 1.6rem;}
.swiper_btn_wrap .swiper_btn:first-child .ico { transform: rotate(180deg);}
.swiper_btn_wrap .swiper_btn.line{border:1px solid #101010;}


/* 지점안내 */
.main .map_branch_sect {margin-top: -100lvh; position: relative; z-index: 31;}


/* 인트로 */
.intro { position: fixed; display: flex; align-items: center; justify-content: center; top: 0; left: 0; width: 100%; height: 100%; pointer-events: auto; touch-action: none; z-index: 2000; }
.intro.hide{opacity: 0; visibility: hidden; pointer-events: none;}
.intro .cont { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; }

.intro .cont .video_box { position: relative; width: 100%; height: 100%; }
.intro .cont .video_box .video_scale {position: relative; width: 100%; height: 100%;   transition: border-radius 0.3s ease; will-change: transform, border-radius; overflow: hidden; }
.intro .cont .video_box .video_scale:before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.1); z-index: 3; }
.intro .cont .video_box .video_scale img,
.intro .cont .video_box .video_scale video { display: block; width: 100%; height: 100%; object-fit: cover; }
.intro:not(.hide) .cont .video_box .video_scale video { background: url(/inc/img/main/main_visual_thum.jpg) center/cover no-repeat; }

.intro .cont .txt_box { position: absolute; width: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; opacity: 0; z-index: 3; text-align: center; will-change: transform, opacity; }
.intro .cont .txt_box .tit { font-size: 6.4rem; font-weight: 700; line-height: 1.5; }
.intro .cont .txt_box .tit .char { display: inline-block; opacity: 0; transform: translateY(2rem); will-change: transform, opacity; backface-visibility: hidden; }

/* 인트로 로고 */
/* .intro{ position: fixed; display: flex; align-items: center; justify-content: center; top: 0; left: 0; width: 100%; height: 100%; pointer-events: auto; touch-action: none; background-color: var(--yellow); z-index: 2000;}
.intro .cont{ height: 30%; overflow: hidden;}
.intro .cont svg,
.intro .cont img{display: block; width: 100%; height: 100%; object-fit: contain;} */


/* 비쥬얼 */
.visual_sect {position: relative; height: calc(100vh - var(--hdH)); margin-top: var(--hdH);}
.visual_sect .in2{position: relative; width: 100%; height: calc(100vh - var(--hdH) - var(--hdIn)); padding: 0;}
.visual_sect .swiper-container{position: relative; height: 100%;}
/* .visual_sect.active .swiper-container{border-radius: 4rem;} */

.visual_sect .swiper-slide { position: relative;  display: flex; align-items: center; height: 100%;}
.visual_sect .swiper-slide .txt_box { width:100%; z-index:2; color:#fff; padding: 0 calc(var(--hdIn) + 16rem); padding-bottom: 5vh;}
.visual_sect .swiper-slide .txt_box > *{transform: translateY(4rem); opacity:0; transition: opacity 1.2s ease, transform 1.2s ease;}
.visual_sect .swiper-slide .txt_box .tit { font-size: 6rem; font-weight:700; line-height: 1.5; transition-delay: 0.2s;}
.visual_sect .swiper-slide .txt_box .txt { font-size: var(--txt2); background-color: var(--blue); margin-top: 2rem; border-radius: 0.8rem; font-weight: 600; transition-delay: 0.4s;}

.visual_sect .swiper-slide .txt_box .round_btn{margin-top: 5rem; transition-delay: 0.6s;}

.visual_sect .swiper-slide .txt_box .round_btn .btn,
.visual_sect .swiper-slide .txt_box .round_btn .btn.brown{background-color: rgba(0,0,0, 0.6); backdrop-filter: blur(3px) ;border: none;}


.visual_sect .controls .swiper-pagination-progressbar { width:12rem; height:2px; background-color: rgba(255,255,255,0.3); position: relative; margin: 0 2rem; }
.visual_sect .controls .swiper-pagination-progressbar-fill,
.visual_sect .controls .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background-color: #fff;}

/* 인트로 있을 경우 */
body:not(.is-intro) .visual_sect .swiper-slide.swiper-slide-active .txt_box > *{ transform: translateY(0); opacity:1; }

.visual_sect .swiper-slide .bg { position: absolute; width: calc(100% - var(--hdIn) - var(--hdIn)); height: 100%; left:50%; transform: translateX(-50%); bottom:0;  border-radius: 4rem; overflow: hidden; transition: border-radius 1s ease;}
.visual_sect .swiper-slide .bg_filter::after {content: "";  position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2);}
/* .visual_sect .swiper-slide .bg:after {background: linear-gradient(180deg, rgba(0,0,0,0) 6%, rgba(0,0,0,1) 101%);position: absolute;left: 0;bottom: 0;width: 100%;height: 25%;display: block;content: "";z-index: 5;opacity: 0.45;} */

.visual_sect .swiper-slide .bg > * { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.1); transition: transform 1.5s ease-in-out 0s;}
.visual_sect .swiper-slide .bg > iframe{pointer-events: none;}
body:not(.is-intro) .visual_sect .swiper-slide.swiper-slide-duplicate-active .bg > *,
body:not(.is-intro) .visual_sect .swiper-slide.swiper-slide-active .bg > * { transform: scale(1); }

/* .visual_sect .swiper-slide.item:nth-child(2n) .bg > *{object-position: bottom;} */
.visual_sect .swiper-slide.item.video .bg:before {content: ""; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.15); width: 100%; height: 100%; z-index: 2;}

.visual_sect .controls { display: block; position: absolute; left:calc(var(--hdIn) + 16rem); bottom:3rem; z-index:2; display: flex; align-items: center; margin:0 auto; font-size: var(--txt);}

.visual_sect .controls .swiper-pagination-bullet {opacity: 0.4; transition: 0.3s  ease-in-out;}
/* .visual_sect.a_sect .controls .swiper-pagination-bullet {background-color: #6B3C30;} */
.visual_sect .controls .swiper-pagination-bullet-active {opacity: 1;}
.visual_sect .controls .total,
.visual_sect .controls .current { color: #fff; font-weight: 700; min-width: 0.8em; text-align: center; font-size: var(--smTxt);}
.visual_sect .controls .pagination {display: flex;}
.visual_sect .swiper-button-prev,
.visual_sect .swiper-button-next{position: static; top: 0; left: inherit; right: inherit; width: 1.2em; height: 1.2em; margin-top: 0; opacity: 1 ;transition:opacity 0.3s ease-in-out; margin: 0 10px;}
.visual_sect .swiper-button-prev{margin-left: 0}
/* .visual_sect .swiper-button-prev{ transform: rotate(180deg) translateX(0px);background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12H19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 5L19 12L12 19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain;} */
/* .visual_sect .swiper-button-next{ transform: translateX(0px); background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12H19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 5L19 12L12 19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain;} */
.visual_sect .swiper-button-prev {transform: rotate(180deg);}
.visual_sect .swiper-button-prev svg,
.visual_sect .swiper-button-next svg {width: 100%; height: 100%; display: block;}
.visual_sect .swiper-button-prev:hover {opacity: 1;}
.visual_sect .swiper-button-next:hover {opacity: 1;}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}
.visual_sect .swiper-pagination-bullet-active {width: 2.5em; background-color: var(--brown); border-radius: 10rem;}


.visual_sect .controls .play_stop { display: flex; align-items: center; justify-content: center; width:4rem; height: 4rem; margin-left: 1rem; display: none;}
.visual_sect .controls .play_stop button{position: relative; display: flex; align-items: center; justify-content: center; width:100%; height: 100%; border-radius: 50%; overflow: hidden;}
.visual_sect .controls .play_stop button:before{content: ''; position: absolute; display: block; width: 100%; height: 100%; background-color: var(--ps-color, #fff); opacity: 0.3;}
.visual_sect .controls .play_stop button svg { display: block; width:0.95rem; fill:#fff;}
.visual_sect .controls .play_stop button.play { display: none;}
.visual_sect .controls .play_stop.active button.play { display: flex;}
.visual_sect .controls .play_stop.active button.stop { display: none;}

.scroll_down { position: absolute; left: 50%; bottom: 3rem; transform: translateX(-50%); text-align: center; font-size: 12px; color: #fff; font-weight: 500; z-index: 2;}
.scroll_down .mouse { width: 25px; height: 35px; border: 2px solid #fff; border-radius: 20px; margin: 1.2rem auto 0; position: relative; }
.scroll_down .mouse .wheel { width: 4px; height: 8px; background: #fff; display: block; border-radius: 2px; position: absolute; top: 8px; left: 50%; transform: translateX(-50%); animation: wheelMove 1.4s infinite; opacity: 0.9; }

@keyframes wheelMove {
    0% { opacity: 0; transform: translate(-50%, 0); }
    40% { opacity: 1; transform: translate(-50%, 8px); }
    100% { opacity: 0; transform: translate(-50%, 16px); }
}




/* 신호 */
.signal_sect{position: relative; width: 100%; height: 100lvh;}
.signal_sect .cont_wrap{width: 100%; height: 100%;}
.signal_sect .cont{position: absolute; top: 0; left: 0;  width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center;}
.signal_sect .cont .txt{font-size:6rem; font-weight: 700;}
.signal_sect .cont .txt_box{position: relative; width: 100%; height: 100%; text-align: center; z-index: 2;}
.signal_sect .cont .txt_box .txt{position: absolute; width: 100%; opacity: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-bottom: 6%;}
.signal_sect .cont .img_box .img{position: absolute; width: 35rem; bottom: 0; left: 50%;}
.signal_sect .cont .img_box .img video{ width: 100%; height: 100%; object-fit: contain; object-position: bottom;}
.signal_sect .cont .img_box .img1{width: 27rem;}
.signal_sect .cont.last{opacity: 0;}
.signal_sect .cont.last .txt{font-size:10rem; padding-bottom: 4%;}
.signal_sect .cont.last .txt span{opacity: 0;}
/* .signal_sect .cont.last{background-color: var(--yellow); color: #fff;}
.signal_sect .cont.last .img{ width: 28rem;} */



/* 프로그램 */
.program_sect{padding:var(--pd250) 0 var(--pd300);}
.program_sect .main_tit_box{text-align: center;}
.program_sect .cont_wrap{margin-top: var(--mainContMt); opacity: 0; transform: translateY(5rem); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.program_sect.active .cont_wrap{opacity: 1; transform: unset;}

.program_sect .tab_cont{padding: 8rem 0 0;}
.program_sect .tab_cont .swiper-container{position: relative;}

.program_sect .tab_cont .item {display: flex; align-items: center; justify-content: space-between; padding: 0 2%;}
.program_sect .tab_cont .item .txt_box {padding-right: 12rem; padding-bottom: 6.4rem;}
.program_sect .tab_cont .item .txt_box a{display: flex; align-items: center; font-size:7.2rem;}
.program_sect .tab_cont .item .txt_box .tit{font-size:1em; font-weight: 700; letter-spacing: -0.01em;}
.program_sect .tab_cont .item .txt_box .arr{display: bloxk; display:none; width: 0.7em; height: 0.7em; margin-left: 0.2em; transition: 0.3s ease; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" fill="none"><path d="M30 0L24.7125 5.2875L45.6375 26.25L0 26.25L0 33.75H45.6375L24.7125 54.7125L30 60L60 30L30 0Z" fill="%23101010"/></svg>') no-repeat center / contain; }
.program_sect .tab_cont .item .txt_box .txt{font-size:var(--txt2); }
.program_sect .tab_cont .item .txt_box .com_tag_box{margin-top: 6.4rem;}

.program_sect .tab_cont .item .img_box{position:relative; width: 48%; padding-top: 53%; flex-shrink: 0; border-radius: 2.4rem; overflow: hidden;}
.program_sect .tab_cont .item .img_box img{position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover;}

.program_sect .tab_cont .controls{position: relative; z-index: 2; margin-top: -6.4rem;}
.program_sect .tab_cont .controls .swiper_btn_wrap .swiper_btn{background-color: transparent;}



/* 키워드 검색 */
.keyword_sect{padding:var(--pd200) 0; background:var(--bg);}
.keyword_sect .main_tit_box{text-align: center;}

.keyword_sect .sch_box{position:relative; display: flex; justify-content: space-between; width: 70%; min-width: 650px; max-width: 100%; height: 14.4rem; max-width: 100%; margin:10rem auto 0;}
.keyword_sect .sch_box .sch_inp{ display: flex; justify-content: space-between; align-items: center; gap: 10px; width: 100%; height:100%; background-color: #fff; border-radius: 10rem; padding: 0 2.5em 0 36rem;}
.keyword_sect .sch_box .sch_inp input{width:80%; height: 100%; font-size:5.6rem; font-weight: 700;}
.keyword_sect .sch_box .sch_inp input::placeholder{color:#666}
.keyword_sect .sch_box .sch_inp button svg{display: block; width: 4rem; height: 4rem; transition: fill 0.3s ease;}
.keyword_sect .sch_box .sch_inp button svg path{transition: stroke 0.3s ease;}
.sch_inp .type_txt.hide {opacity: 0; }

.keyword_sect .sch_box .type_txt{position: absolute; left: 36rem; font-size:5.6rem; font-weight: 700; pointer-events: none;}
.keyword_sect .sch_box .img_box .img{position: absolute; }
/* .keyword_sect .sch_box .img_box .img.character1{left: -3rem; bottom: 0; width: 34rem;} */
.keyword_sect .sch_box .img_box .img.character1{left:2.5rem; bottom: 0; width: 32rem;}
.keyword_sect .sch_box .img_box .img.character1 > video{display: block; width: 100%; object-fit: contain; object-position: bottom;}
.keyword_sect .sch_box .img_box .img.character2{top: -9rem; right: 10%; width: 13rem; height: 10rem;}

.keyword_sect .keword_box{display: flex; justify-content: center; font-size:var(--smTxt); margin: 4rem auto 0;  width: 55em; max-width: 100%;}
.keyword_sect .keword_box .tit{font-size:var(--subTxt); font-weight: 600; margin-right: 4rem; margin-top: 0.3em; white-space: nowrap;}
.keyword_sect .keword_box .keword_btn_box{display: flex; flex-wrap:wrap; gap: 10px;}
.keyword_sect .keword_box .keword_btn_box .btn{padding: 0.8em 1.25em; border-radius: 10rem; background-color: #EFE9E0; font-weight: 500; white-space: nowrap; line-height: 1; transition:0.3s ease}
.keyword_sect .keword_box .keword_btn_box .btn.active{background-color:var(--black); color:#fff; }



/* 자가진단  */
.bg_sect_wrap {background-color: #101010; transition: 0.3s ease-in-out;}
.bg_sect_wrap.yw {background-color: #FFEA70;}
.bg_sect_wrap.no {}

.self_sect {position:relative; padding:var(--pd250) 0 var(--pd300);}
.self_sect .main_tit_box{color: #fff;}
.self_sect .bg_txt{position: absolute; top: 17rem; right: 7.2rem; font-size:16rem; font-weight: 700; letter-spacing: -0.02em; color: #2D2D2D;}

.self_sect .cont{margin-top: 8rem; overflow: hidden; opacity: 0; transform: translateY(5rem); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out; transition-delay: 0.4s;}
.self_sect.active .cont{opacity: 1; transform: unset;}
.self_sect .cont .swiper-container{width: 102%; margin-left: -1%;}
.self_sect .cont .item{ position: relative; border-radius: 13rem; overflow: hidden; transition: transform 0.8s ease-in-out;} /*width: 32rem;*/

.self_sect .cont .item .txt_box{position: absolute; width: 100%; top: 0; left: 0; z-index: 4; text-align: center; padding: 7.2rem 1rem; color: #fff; transition: 0.6s ease;}
.self_sect .cont .item .txt_box .tit{font-size:var(--bigTxt); font-weight: 700; line-height: 1.3;}
.self_sect .cont .item .txt_box .txt{font-size:var(--subTxt); font-weight: 500; margin-top: 1rem; opacity: 0; height: 0; line-height: 1.6; overflow: hidden; transition: opacity 0.6s ease, height 1s ease;}
.self_sect .cont .item .txt_box .tit span{display: block; font-size:0.7em;}

.self_sect .cont .item .txt_box .btm_txt {position: relative;}
.self_sect .cont .item .txt_box .btm_txt .round_btn{position: absolute; top: 3rem; left: 50%; transform: translateX(-50%); transition: opacity 0.3s ease-in-out;}
.self_sect .cont .item .txt_box .btm_txt .round_btn .btn{background-color: var(--yellow); border: var(--yellow); padding: 1em 1.6em; font-size:var(--smTxt)}
.self_sect .cont .item .txt_box .btm_txt .round_btn .btn:after{margin-left: 0.5em;}

.self_sect .cont .swiper-container{padding-bottom: 14rem;}
.self_sect .cont .item{transform: translateY(0);}
.self_sect .cont .item.down{transform: translateY(6.4rem);}
.self_sect .cont .item.down2{transform: translateY(10rem);}
.self_sect .cont .item.down3{transform: translateY(0);}

.self_sect .cont .item .img_box{position: relative; padding-top: 156%; width: 100%; z-index: 1;}
.self_sect .cont .item .img_box:before{content: ''; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.30); z-index: 2;}
.self_sect .cont .item .img_box img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}
.self_sect .cont .item .hover_box {display: flex; justify-content: center; align-items: flex-end; padding-bottom: 20%; background-color: var(--yellow); position: absolute; opacity: 0; width: 100%; height: 100%; left: 0; top: 0;
    z-index: 3;  transition: opacity 0.6s ease-in-out;}
.self_sect .cont .item .hover_box img{width: 40%;}

.self_sect .cont .item:hover .txt_box{color:#fff;}
.self_sect .cont .item:hover .txt{opacity: 1; height: 100px;}
.self_sect .cont .item:hover .hover_box{opacity: 1;}
.self_sect .cont .item:hover .txt_box .btm_txt .round_btn{opacity: 0;}

.self_sect .cont .controls{justify-content: center; transition: 0.3s ease;}
.self_sect .cont .controls .swiper_btn_wrap .swiper_btn .ico { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.001 20"><path data-name="패스 13449" d="M10,0,8.237,1.762,15.212,8.75H0v2.5H15.212L8.237,18.237,10,20,20,10Z" transform="translate(0 0)" fill="%23fff"/></svg>') no-repeat center / contain; }
.self_sect .cont .swiper_btn_wrap .swiper_btn,
.self_sect .cont .swiper_btn_wrap .swiper_btn:first-child{background-color: rgba(255,255,255,0.15); border:none; margin: 0 0.8rem;}
.bg_sect_wrap.yw .self_sect .cont .controls{opacity: 0;}

/* since */
body.bk{background-color: #101010;}
body.yw{background-color: #FFEA70;}
body.yw .self_sect{background-color: #FFEA70; }

.since_sect{padding:var(--pd340) 0 var(--pd150);} /*padding-bottom:50vh > pd340*/
.since_sect .main_tit_box{text-align: center; padding: 0 var(--inPd);}
.since_sect .main_tit_box .desc{margin-bottom: 1.6rem;}
.since_sect .main_tit_box .txt{margin-top: 8rem;}

.since_sect .year_wrap{position: relative; display: flex; align-items: center; height: 70rem; margin-top: 3rem;}
.since_sect .year_wrap .year_box{display: flex; justify-content: center; align-items: center; width: 100%; gap: 10rem; font-family: var(--en); }
.since_sect .year_wrap .year_box .txt{font-size:30rem; width: 74rem; text-align: center; font-weight: 600; color: #BC8700; opacity: 0.2; transition: 0.8s ease-in-out 1s; }
.since_sect .year_wrap .year_box .line{ width: 0; height: 1.6rem; max-width: 100%; background-color: #BC8700; opacity: 0.2; transform-origin: left center; transition: 0.8s linear 0.5s}
.since_sect .year_wrap .year_box .txt1{padding-left: 3.5rem;}
.since_sect .year_wrap .year_box .txt2{position: absolute; display:block; right: 3.5rem; opacity: 0; transition: opacity .8s ease-in-out 1.5s;}
/* .since_sect .year_wrap .img_box{position: absolute; left: 56%; transform: translate(-50%, 0); top: 0; width: 85rem; width: 120rem; margin-top: -5rem; object-fit: cover; opacity: 0; transition: 0.8s ease-in-out 1.8s;} */
.since_sect .year_wrap .img_box{position: absolute; left: 50%; transform: translate(-50%, 0); top: 0; width:70rem; max-width: 45%; margin-top: 0rem; object-fit: cover; opacity: 0; transition: 0.8s ease-in-out 1.8s;}
.since_sect .year_wrap .img_box > *{width: 100%;}
.since_sect .year_wrap .img_box > video,
.since_sect .year_wrap .img_box > img{width: 100%; height: 100%; object-fit: contain;}

.since_sect .year_wrap.active .line{width: calc(100% - 74rem - 20rem - 74rem);  margin-right: 84rem;}
.since_sect .year_wrap.active .year_box .txt2{opacity: 0.2;}
.since_sect .year_wrap.active .img_box{opacity: 1; transform: translate(-50%, 0);}

.since_sect .in{width: max(1250px, 125rem);}
.since_sect .card_wrap{ position: relative; display: grid; gap: 10px; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(5, auto); margin-top: 5.6rem;}
.since_sect .card_wrap{opacity: 0; transform: translateY(5rem); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.since_sect .card_wrap.active{opacity: 1; transform: unset;}

.since_sect .card_wrap .item{position:relative; background-color: #fff; border-radius: 2.4rem; padding-top: 100%; overflow: hidden; transition: all .3s, color 0.2s ease; } /*cursor: pointer;*/
.since_sect .card_wrap .item1,
.since_sect .card_wrap .item3,
.since_sect .card_wrap .item5{padding-top: 150%;}

.since_sect .card_wrap .item1 {grid-column: 1; grid-row: 1 / span 3;}
.since_sect .card_wrap .item2 {grid-column: 2; grid-row: 1 / span 2;}
.since_sect .card_wrap .item3 {grid-column: 3; grid-row: 1 / span 3;}
.since_sect .card_wrap .item4 {grid-column: 1; grid-row: 4 / span 2;}
.since_sect .card_wrap .item5 {grid-column: 2; grid-row: 3 / span 3;}
.since_sect .card_wrap .item6 {grid-column: 3; grid-row: 4 / span 2;}


.since_sect .card_wrap .item .txt_box{position:absolute; top: 4.8rem; left:4rem; transition: transform 0.3s ease, color 0.3s ease; transform-origin: left top;}
.since_sect .card_wrap .item .txt_box .txt{font-size:var(--lgTxt2); font-weight: 500; }
.since_sect .card_wrap .item .txt_box .tit{font-size:6rem; font-weight: 700; line-height: 1; margin-top: 1rem;}

.since_sect .card_wrap .item .img_box{position: absolute; font-size:max(0.85rem, 8px); bottom: 0; right: 0; transform-origin: bottom right; transition: all 0.3s ease;}
.since_sect .card_wrap .item .img_box img{height: 100%; transition: 0.3s ease;}
.since_sect .card_wrap .item1 .img_box{width: 30em; bottom: -8%; right: -4%;}
.since_sect .card_wrap .item2 .img_box{width: 20em; bottom: -15%; right: -4%;}
.since_sect .card_wrap .item3 .img_box{width: 30em; bottom: -5%; right: -5%;}
.since_sect .card_wrap .item4 .img_box{width: 35em; bottom: -8%; right: -8%;}
.since_sect .card_wrap .item5 .img_box{width: 35em; bottom: -5%; right: -10%;}
.since_sect .card_wrap .item6 .img_box{width: 34em; bottom: -5%; right: -6%;}

.since_sect .card_wrap .item.on{color: #fff;}
.since_sect .card_wrap .item1.on{background-color: #FFCC00;}
.since_sect .card_wrap .item1.on .img_box{bottom: -8%; right: 2%; transform: scale(1.1) rotate(5deg);}
.since_sect .card_wrap .item2.on{background-color: #06D24A;}
.since_sect .card_wrap .item2.on .img_box{bottom: -5%; right: -4%; transform: scale(1.1) rotate(-5deg);}
.since_sect .card_wrap .item3.on{background-color: #FF6A91;}
.since_sect .card_wrap .item3.on .img_box{bottom: 3%; right: 3%; transform: scale(1.1) rotate(0);}
.since_sect .card_wrap .item4.on{background-color: #C6642A;}
.since_sect .card_wrap .item4.on .img_box{bottom: -5%; right: 0; transform: scale(1.1) rotate(5deg);}
.since_sect .card_wrap .item5.on{background-color: #5379FF;}
.since_sect .card_wrap .item5.on .img_box{bottom: -2%; right: -5%; transform: scale(1.1) rotate(0);}
.since_sect .card_wrap .item6.on{background-color: #4EC7FF;}
.since_sect .card_wrap .item6.on .img_box{bottom: 2%; right: 6%; transform: scale(1.1) rotate(5deg);}


.since_sect .fill_txt .txt{display: inline; background: linear-gradient(to right, rgb(0,0,0) 50%, rgba(242, 214, 93, 1) 50%); background-size: 200% 100%; background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text; will-change:background-position; transition: 1s none}
.since_sect .fill_txt{text-align: center; padding:15rem var(--inPd) 0;}
.since_sect .fill_txt .txt{font-size:10rem; font-weight: 700;}

/* 캔버스 */
.canvas_sect {position: relative; z-index: 20; height: 400lvh;}
.canvas_sect .pin_wrap {position: sticky; top: 0;; height: 100lvh;}
/* .canvas_sect .canvas_box #imageCanvas { position: absolute; left: 49.8%; top: 50%; width: 85%; height: auto; transform: translate(-50%,-50%); opacity: 1; } */
.canvas_sect .canvas_box { display: flex; justify-content: center; align-items: flex-end; position: absolute; left: 50%; bottom: 0%; width: 100%; height: 100%; transform: translate(-50%,0); overflow: hidden;}
.canvas_sect .canvas_box #imageCanvas {width: 70%; margin: 0 auto;}
.canvas_sect .canvas_box video { position: absolute; left: 50%; bottom: 0; width: 75%; height: auto; transform: translate(-50%,0%); opacity: 1; }







/* 스토리 */
.story_slide_sect {padding: var(--pd300) 0; background-color: #fff;}
.story_slide_sect .main_tit_box{text-align: center;}
.story_slide_sect .round_btn .btn{margin:10rem auto 0;}

.story_slide_sect .slide {margin-top: 9rem; } /*padding: 0 var(--inPd);*/
.story_slide_sect .slide.active{transform: unset; opacity: 1;}
.story_slide_sect .slide .item{position: relative; border-radius: 2.4rem;overflow:hidden; width: max(32rem, 320px);}
.story_slide_sect .slide .item:not(.item_img){background: linear-gradient(180deg, #FFE96A 0%, #FFBF00 100%); height: auto;}
.story_slide_sect .slide .item_img .img{position: relative; padding-top: 137%; width: 100%; height: 100%;}
.story_slide_sect .slide .item_img .img img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}
.story_slide_sect .slide .item .txt_box{display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 5rem 3.2rem;} /*opacity: 0; transform: translateY(5rem); transition: 0.5s ease-in-out;*/
.story_slide_sect .slide .item .txt_box .badge{font-size:var(--txt); width: max-content; color: #F2B600; font-weight: 700; padding: 0.3em 1em; background-color: #fff; border-radius: 10rem;}
.story_slide_sect .slide .item .txt_box .txt{margin-top: 2rem; font-size:var(--txt); font-weight: 500; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}
.story_slide_sect .slide .item .txt_box .btm {display: flex; justify-content: space-between; font-size:var(--subTxt); color: #fff;}
.story_slide_sect .slide .item .txt_box .btm .date {display: none}

/* story old */
.story_sect {padding: var(--pd300) 0; background-color: #fff;}
.story_sect .main_tit_box{text-align: center;}
.story_sect .cont .round_btn .btn{margin:10rem auto 0;}

.story_sect .cont {margin-top: 9rem; padding: 0 var(--inPd);}
.story_sect .cont .story_list{display: flex; gap: 3rem; justify-content: center; transform: translateY(10rem); opacity: 0; transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out;}
.story_sect .cont .story_list.active{transform: unset; opacity: 1;}
.story_sect .cont .story_list .item{position: relative; border-radius: 2.4rem;overflow:hidden; width: max(32rem, 320px);}
.story_sect .cont .story_list .item:not(.item_img){background: linear-gradient(180deg, #FFE96A 0%, #FFBF00 100%); height: auto;}
.story_sect .cont .story_list .item_img .img{position: relative; padding-top: 137%; width: 100%; height: 100%;}
.story_sect .cont .story_list .item_img .img img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}
.story_sect .cont .story_list .item .txt_box{display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 5rem 3.2rem; opacity: 0; transform: translateY(5rem); transition: 0.5s ease-in-out;}
.story_sect .cont .story_list .item .txt_box.active{opacity: 1; transform: unset;}
.story_sect .cont .story_list .item .txt_box .badge{font-size:var(--txt); width: max-content; color: #F2B600; font-weight: 700; padding: 0.3em 1em; background-color: #fff; border-radius: 10rem;}
.story_sect .cont .story_list .item .txt_box .txt{margin-top: 2rem; font-size:var(--txt); font-weight: 500; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}
.story_sect .cont .story_list .item .txt_box .btm {display: flex; justify-content: space-between; font-size:var(--subTxt); color: #fff;}
.story_sect .cont .story_list .item .txt_box .btm .date {display: none}

.story_sect .cont .story_list .item:nth-child(1){transform: translateX(calc(200% + 6rem)) rotate(-1deg); z-index: 3;}
.story_sect .cont .story_list .item:nth-child(2){transform: translateX(calc(100% + 3rem)) rotate(-8deg); z-index: 5;}
.story_sect .cont .story_list .item:nth-child(3){transform: rotate(5deg); z-index: 4; opacity: 0;}
.story_sect .cont .story_list .item:nth-child(4){transform: translateX(calc(-100% - 3rem)) rotate(-1deg); z-index: 3;}
.story_sect .cont .story_list .item:nth-child(5){transform: translateX(calc(-200% - 6rem)) rotate(5deg); z-index: 1;}




/* 3D */
.virtual_sect { background-color: var(--bg); padding: var(--pd150) 0; width: 96%; margin: 0 auto; border-radius: 3.2rem;}
.virtual_sect .in {width: max(124rem, 1240px); }
.virtual_sect .main_tit_wrap{display: flex; justify-content: space-between; align-items: flex-end;}
.virtual_sect .main_tit_wrap .round_btn{opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out 0.7s, transform 0.6s ease-in-out 0.7s;}
.virtual_sect .main_tit_wrap .active + .round_btn{opacity: 1; transform: translateY(0);}

.virtual_sect .wrap_3d{margin-top: var(--mainContMt);}

.main .modal_3d .device_sect .device_3d .remote .remote_cont .component{border-top: none;}

/* TV */
.tv_sect{padding: var(--pd200) 0;}
.tv_sect .main_tit_box {text-align: center;}
.tv_sect .marquee_cont{padding: 5rem 0 5rem; display: flex; overflow-x: hidden;}
.tv_sect .marquee_cont .track{display: flex; align-items: center; flex-shrink: 0; animation: textLoop 30s linear infinite;}
.tv_sect .marquee_cont .track > *{padding-right: 8rem;}
.tv_sect .marquee_cont .track .txt{font-size:9.6rem; font-weight: 700; line-height: 1.7; color: var(--yellow); white-space: nowrap;}
.tv_sect .marquee_cont .track .txt2{font-size:12.4rem; font-weight: 700; line-height: 1; white-space: nowrap;}
/* .tv_sect .marquee_cont .track .img{ display: flex;justify-content: center; align-items: center; width: 27rem; height: 13rem; background-color: var(--yellow); border-radius: 100rem;} */
/* .tv_sect .marquee_cont .track .img img{width: 22rem;} */
.tv_sect .marquee_cont .track .img{width: 24rem; padding-bottom: 2rem;}
.tv_sect .marquee_cont .track .txt2 .ico{display: inline-block; margin-right:2rem}
.tv_sect .marquee_cont .track .txt2 .ico svg{width: auto; height: 0.8em;}
.tv_sect .marquee_cont .track .img2 img{width: 14rem;}
/* 비디오 추가 */
.tv_sect .marquee_cont .track .txt2,
.tv_sect .marquee_cont .track .img2{padding-right: 5rem;}
.tv_sect .marquee_cont .track .img2 .video {width: 35rem;}
.tv_sect .marquee_cont .track .img2 .video video {width: 100%;}

.tv_sect .marquee_cont .track .img2 {position: relative;}
.tv_sect .marquee_cont .track .img2 .video {position: relative;}
.tv_sect .marquee_cont .track .img2 .lect  {position: absolute; z-index: 3;}
.tv_sect .marquee_cont .track .img2 .lect.top,
.tv_sect .marquee_cont .track .img2 .lect.bottom {width: 100%; height: 10px; left: 0; }
.tv_sect .marquee_cont .track .img2 .lect.left,
.tv_sect .marquee_cont .track .img2 .lect.right {width: 10px; height: 100%; top: 0;}
.tv_sect .marquee_cont .track .img2 .lect.left  {left: 0px; background: linear-gradient(270deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 130%);}
.tv_sect .marquee_cont .track .img2 .lect.right {right: 0px; background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 130%);}
.tv_sect .marquee_cont .track .img2 .lect.top {top: 0px; background: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 130%);}
.tv_sect .marquee_cont .track .img2 .lect.bottom {bottom: 0.9rem; background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 130%);}


.tv_sect .main_tit_box .round_btn {margin-top: 3rem;}
.tv_sect .main_tit_box .round_btn .btn{margin: 0 auto;}
.tv_sect .main_tit_box .youtube_btn{display: flex; align-items: center; font-size:var(--subTxt); margin-top: 4rem;  opacity: 0; transform: translateY(5rem); transition:  opacity 0.6s ease-in-out 0.4s, transform 0.6s ease-in-out 0.4s, color 0.3s ease;}
.tv_sect .main_tit_box .youtube_btn .ico svg{display: block; height: 1.4em; margin-right: 1rem;}
.tv_sect .main_tit_box .youtube_btn .txt{font-weight: 700; margin-top: 0; transform: unset; opacity:1;}
.tv_sect .main_tit_box.active .youtube_btn {transform: unset; opacity:1;}
.tv_sect .main_tit_box .youtube_btn:hover{color: var(--brown);}

.tv_sect .slide_wrap{margin-top: var(--mainContMt); opacity: 0; transform: translateY(5rem); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.tv_sect.active .slide_wrap{opacity: 1; transform: unset; }
.tv_sect .slide_wrap .view_slide{position: relative;}
.tv_sect .slide_wrap .view_slide .item {display: flex; justify-content: space-between;}
.tv_sect .slide_wrap .view_slide .item .txt_box{padding-top: 5.6rem; flex: 1; padding-left: 5rem;}
.tv_sect .slide_wrap .view_slide .item .txt_box .tit{font-size:var(--bigTxt); font-weight: 700; line-height: 1.5; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.tv_sect .slide_wrap .view_slide .item .txt_box .view_btn {display: inline-flex; align-items: center; margin-top: 5rem; border-bottom: 2px solid #101010; padding-bottom: 0px; font-size: var(--smTxt); font-weight: 500; }
.tv_sect .slide_wrap .view_slide .item .txt_box .view_btn:after {content: '';position: relative;margin-left: 0.8em;width: 1.1em;height: 1em;transition: transform 0.3s ease-in-out;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23101010" d="M429.8 273l17-17-17-17L276.2 85.4l-17-17-33.9 33.9 17 17L354.9 232 24 232 0 232l0 48 24 0 330.9 0L242.2 392.6l-17 17 33.9 33.9 17-17L429.8 273z"/></svg>') no-repeat center / contain;}
.tv_sect .slide_wrap .view_slide .item .txt_box .view_btn:hover::after {transform: translateX(5px);}


/* .tv_sect .slide_wrap .view_slide .item .txt_box .tag_box{flex-wrap: wrap; gap: 5px; margin-top: 3rem;  display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.tv_sect .slide_wrap .view_slide .item .txt_box .tag_box .tag{display: inline-block; font-size:var(--subTxt); white-space: nowrap; padding: 0.5em 1em; margin-right: 5px; margin-bottom:5px; color: #A6A6A6; font-weight: 600; background-color: #F8F8F8; border-radius: 10rem;} */

.tv_sect .slide_wrap .view_slide .item .txt_box .tag_box{margin-top: 10px;}
/* .tv_sect .slide_wrap .view_slide .item .txt_box .tag_box .tag_box_clamp{display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} */
.tv_sect .slide_wrap .view_slide .item .txt_box .tag_box .tag{ display: inline-block;font-size: var(--smTxt); padding: 0.5em 1em; margin-right: 5px; margin-bottom: 5px;color: #A6A6A6; font-weight: 600;background-color: #F8F8F8; border-radius: 10rem; white-space: nowrap; transition: 0.3s ease-in-out;}
.tv_sect .slide_wrap .view_slide .item .txt_box .tag_box .tag:hover {background-color: #101010; color: #fff;}

.tv_sect .slide_wrap .view_slide .item .img_box { flex-shrink: 0; cursor: pointer; width: 55%;}
.tv_sect .slide_wrap .view_slide .item .img_box .img {position: relative; width: 100%; padding-top: 56.25%; flex-shrink: 0; cursor: pointer;}
.tv_sect .slide_wrap .view_slide .item .img_box iframe,
.tv_sect .slide_wrap .view_slide .item .img_box img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.25s;}
.tv_sect .slide_wrap .view_slide .item .img_box iframe {z-index:5}
.tv_sect .slide_wrap .view_slide .item .img_box .img:before {content:''; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2); z-index: 2; opacity: 0; transition:0.3s ease-in-out;}
.tv_sect .slide_wrap .view_slide .item .img_box:hover .img:before {opacity: 1;}

.tv_sect .slide_wrap .view_slide .item .img_box .play_btn {position: absolute; left: 50%;top: 50%; transform: translate(-50%,-50%); width: 8rem; height: 8rem; background-color: rgba(255, 191, 0, 0.8); z-index: 3; border-radius: 50%; backdrop-filter: blur(5px);}
.tv_sect .slide_wrap .view_slide .item .img_box .play_btn::after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 30%; height: 30%;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%23fff"><path d="M91.2 36.9c-12.4-6.8-27.4-6.5-39.6 .7S32 57.9 32 72l0 368c0 14.1 7.5 27.2 19.6 34.4s27.2 7.5 39.6 .7l336-184c12.8-7 20.8-20.5 20.8-35.1s-8-28.1-20.8-35.1l-336-184z"/></svg>') no-repeat center / contain}


.tv_sect .slide_wrap .view_slide .controls{position: absolute; bottom: 0; right: 0; z-index: 2; padding-left: 5rem;}

.tv_sect .slide_wrap .thum_slide{margin-top: 8rem;}


@keyframes textLoop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}


/* 커뮤니티 */
.commu_sect{padding: var(--pd200) 0 var(--pd340)}
.commu_sect .main_tit_box{position: relative; text-align: center;}
.commu_sect .round_btn{display: flex; justify-content: center; margin-top: 6rem; }

.commu_sect .round_tab_wrap{margin-top: var(--mainContMt); margin-bottom: 0}
.commu_sect .slide_wrap{margin-top: 4rem; padding-left: max(calc((100% - var(--in))/2 + var(--inPd)), var(--inPd)); display: none;}
.commu_sect .slide_wrap.active{display: block;}

.commu_sect .slide_wrap .item{padding-bottom: 4rem; width: 17.3%; margin-right: 25px;}
.commu_sect .slide_wrap .item a{display: block; width: 100%; height: 100%; transform: translateY(4rem);  border-radius: 1.6rem; overflow: hidden; color:var(--black); transition: transform 0.5s ease, background-color 0.5s ease-in-out, color 0.3s ease-in-out;}
.commu_sect .slide_wrap .item .img_box{position: relative; padding-top: 56%; border-radius: 1.6rem; overflow: hidden;}
.commu_sect .slide_wrap .item .img_box .img{position: absolute; width: 100%; height: 100%; top:0; left: 0; object-fit: cover; object-position: center;}
.commu_sect .slide_wrap .item .img_box .badge{position: absolute; top: 0.5em; right: 0.5em; z-index: 2;}

.commu_sect .slide_wrap.cont1 .img_box{padding-top: 100%;}
.commu_sect .slide_wrap.cont1 .img_box .img{object-fit: contain;}
.commu_sect .slide_wrap.cont3 .img_box{padding-top: 100%;}
.commu_sect .slide_wrap.cont4 .item .img_box{padding-top: 63%;}


.commu_sect .slide_wrap.cont1 .item .img_box::before,
.commu_sect .slide_wrap.cont2 .item .img_box::before{content: ''; position: absolute; inset: 0; width: 100%; height: 100%; background-color:rgba(0,0,0,0.05); z-index: 2;}


.commu_sect .slide_wrap .item .txt_box{padding-top: 2rem; padding-left: 1%;}
.commu_sect .slide_wrap .item .txt_box .tit{font-size:var(--txt); font-weight: 700; line-height: 1.4; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.commu_sect .slide_wrap .item .txt_box .date{font-size:var(--smTxt); font-weight: 400; margin-top: 1.6rem; color:var(--yellow); color:#ACACAC;}
.commu_sect .slide_wrap .item .txt_box .badge{font-size:var(--smTxt); background-color: #101010; border-radius: 10rem; padding: 0.3em 1em 0.2em; color: #fff; width: max-content; font-weight: 700; margin-bottom: 1.4rem;}

.commu_sect .slide_wrap .item .sns_badge{position: absolute; font-size: 10px; top: 1em; right: 1em; z-index: 2; width: 3em; height: 3em; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.commu_sect .slide_wrap .item .sns_badge:before{content:''; display: block; height: 100%;}
.commu_sect .slide_wrap .item .sns_badge.insta{background: linear-gradient(139deg, #7B0CFF 11.54%, #E1009E 49.68%, #FF9101 87.82%);}
.commu_sect .slide_wrap .item .sns_badge.insta:before{width: 55%; background:url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.99957 5.15289C6.00107 5.15289 5.15234 6.00162 5.15234 7.00012C5.15234 7.99861 6.00107 8.84734 6.99957 8.84734C7.99806 8.84734 8.84679 7.99861 8.84679 7.00012C8.84679 6.00162 7.99806 5.15289 6.99957 5.15289Z" fill="white"/><path d="M9.36748 1.45831H4.68225C2.86861 1.45831 1.45801 2.86892 1.45801 4.63218V9.3174C1.45801 11.131 2.86861 12.5416 4.68225 12.5416H9.36748C11.1307 12.5416 12.5413 11.131 12.5413 9.3174V4.63218C12.5413 2.86892 11.1307 1.45831 9.36748 1.45831ZM6.99967 9.92195C5.38755 9.92195 4.12808 8.6121 4.12808 7.05036C4.12808 5.48862 5.38755 4.12839 6.99967 4.12839C8.6118 4.12839 9.87127 5.43824 9.87127 6.99998C9.87127 8.56172 8.6118 9.92195 6.99967 9.92195ZM9.97202 4.73293C9.61937 4.73293 9.3171 4.43066 9.3171 4.07801C9.3171 3.72536 9.61937 3.42309 9.97202 3.42309C10.3247 3.42309 10.6269 3.72536 10.6269 4.07801C10.6269 4.43066 10.3247 4.73293 9.97202 4.73293Z" fill="white"/></svg>') no-repeat center / contain;}

.commu_sect .slide_wrap .item .sns_badge.blog{background: #2FB44A;}
.commu_sect .slide_wrap .item .sns_badge.blog:before{width: 40%; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="11" viewBox="0 0 10 11" fill="none"><path d="M3.85002 3.3703C3.16435 3.3703 2.53352 3.59047 2.01241 3.96677V1.20056H0.5V9.78343H2.01241V9.35909C2.53352 9.73539 3.16826 9.95556 3.85002 9.95556C5.62103 9.95556 7.05507 8.48239 7.05507 6.66493C7.05507 4.84748 5.62103 3.3743 3.85002 3.3743V3.3703ZM3.70505 8.51441C2.74118 8.51441 1.95755 7.68575 1.95755 6.66093C1.95755 5.63611 2.74118 4.80745 3.70505 4.80745C4.66892 4.80745 5.45255 5.63611 5.45255 6.66093C5.45255 7.68575 4.66892 8.51441 3.70505 8.51441ZM8.8966 0.5H9.5V10.5H8.8966V0.5Z" fill="white" stroke="white" stroke-miterlimit="10"/></svg>') no-repeat center / contain;}

.commu_sect .slide_wrap .item .sns_badge.facebook{background:#1977F3;}
.commu_sect .slide_wrap .item .sns_badge.facebook:before{width: 70%; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.33333 9.6V15H9.85185V9.675H11.5556L12 7.425H9.85185C9.85185 7.425 9.85185 6.375 9.85185 5.775C9.85185 5.55 9.92593 5.25 10.2963 5.25C10.8148 5.25 11.4815 5.25 11.4815 5.25V3C11.4815 3 10.3704 3 9.18519 3C8.44445 3 7.33333 3.975 7.33333 5.1C7.33333 6.225 7.33333 7.425 7.33333 7.425H6V9.675L7.33333 9.6Z" fill="white"/></svg>') no-repeat center / contain;}




/* Hover event */
@media screen and (min-width: 1241px) {

    .visual_sect .swiper-slide .txt_box .round_btn .btn:hover,
    .visual_sect .swiper-slide .txt_box .round_btn .btn.brown:hover{background-color: var(--yellow); border-color:var(--yellow);}

    .visual_sect .swiper-slide .txt_box .round_btn .btn.white{background-color: rgba(255,255,255, 0.3); border:none; backdrop-filter: blur(3px)}
    .visual_sect .swiper-slide .txt_box .round_btn .btn.white:hover{background-color: var(--yellow); border:none;}


    .line_tab:hover{color:#000; border-color:#000;}

    .swiper_btn_wrap .swiper_btn:hover:not(.swiper-button-disabled) { background-color: var(--black);}
    .swiper_btn_wrap .swiper_btn:hover:not(.swiper-button-disabled) .ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.001 20"><path data-name="패스 13449" d="M10,0,8.237,1.762,15.212,8.75H0v2.5H15.212L8.237,18.237,10,20,20,10Z" transform="translate(0 0)" fill="%23ffffff"/></svg>') no-repeat center / contain;}
    .swiper_btn_wrap .swiper_btn.line:hover{border-color:var(--black);}

    .program_sect .tab_cont .item .txt_box a:hover .arr{transform: translateX(2rem);}
    .program_sect .tab_cont .item:has(.img_box:hover) .txt_box .arr { transform: translateX(2rem); }
    .program_sect .tab_cont .controls .swiper_btn_wrap .swiper_btn:not(.swiper_btn.swiper-button-disabled):hover{background-color: #101010;}

    .self_sect .cont .swiper_btn_wrap .swiper_btn:hover:not(.swiper_btn.swiper-button-disabled){background-color: #fff;}
    .self_sect .cont .swiper_btn_wrap .swiper_btn:hover:not(.swiper-button-disabled) .ico{background-color: #fff; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.001 20"><path data-name="패스 13449" d="M10,0,8.237,1.762,15.212,8.75H0v2.5H15.212L8.237,18.237,10,20,20,10Z" transform="translate(0 0)" fill="%23101010"/></svg>') no-repeat center / contain;}



    .commu_sect .slide_wrap .item:hover a{transform: translateY(0);} /* box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.05);*/

    .since_sect .card_wrap .item:hover .txt_box{transform: scale(1.1) translate(0);}
    .since_sect .card_wrap .item:hover{color: #fff;}

    .since_sect .card_wrap .item1:hover{background-color: #FFCC00;}
    .since_sect .card_wrap .item1:hover .img_box{bottom: -5%; right: 2%; transform: scale(1.1) rotate(5deg);}

    .since_sect .card_wrap .item2:hover{background-color: #06D24A;}
    .since_sect .card_wrap .item2:hover .img_box{bottom: -5%; right: -4%; transform: scale(1.15) rotate(-5deg);}

    .since_sect .card_wrap .item3:hover{background-color: #FF6A91;}
    .since_sect .card_wrap .item3:hover .img_box{bottom: 3%; right: 3%; transform: scale(1.1) rotate(0);}

    .since_sect .card_wrap .item4:hover{background-color: #C6642A;}
    .since_sect .card_wrap .item4:hover .img_box{bottom: -5%; right: 0; transform: scale(1.1) rotate(5deg);}

    .since_sect .card_wrap .item5:hover{background-color: #5379FF;}
    .since_sect .card_wrap .item5:hover .img_box{bottom: -2%; right: -5%; transform: scale(1.15) rotate(0);}

    .since_sect .card_wrap .item6:hover{background-color: #4EC7FF;}
    .since_sect .card_wrap .item6:hover .img_box{bottom: 2%; right: 6%; transform: scale(1.15) rotate(5deg);}

    .keyword_sect .keword_box .keword_btn_box .btn:hover{background-color:var(--yellow); color:#fff; }

    .round_tab_wrap .round_tab_box .round_tab:hover{color: var(--brown);}


}



/* 반응형 */
@media screen and (max-width: 2000px) {

    .program_sect .tab_cont{padding-top: 8rem;}
    .program_sect .tab_cont .item .img_box{position:relative; width: 45%; padding-top: 49.5%; }



    .signal_sect .cont .img_box .img{ width: 31.5rem; }
    .signal_sect .cont .img_box .img1{width: 24.3rem;}


}



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

    .visual_sect .swiper-slide .txt_box .tit{font-size: 5rem;}
    .visual_sect .swiper-slide .txt_box .txt{font-size: 16px;}

    /* .signal_sect .cont .img_box .img{width: 35rem;} */
    .signal_sect .cont .img_box .img1{width: auto; max-width: 27rem; height: 40vh; }
    .signal_sect .cont.last .txt{font-size: 8rem;}
    .signal_sect .cont .img_box .img{width: 30rem;}

    .program_sect .tab_cont .item .txt_box a{font-size: 6rem;}
    .com_tag_box .tag{padding: 0.5em 1.2em;}
    .program_sect .tab_cont .item .img_box{width: 40%; padding-top: 43.5%;}

    .self_sect .bg_txt{ right: 3%;}
    .self_sect .cont .item .txt_box .btm_txt .round_btn{top: 1.5rem;}

    .since_sect .main_tit_box .txt{margin-top: 2.4rem;}
    .since_sect .year_wrap .year_box{gap: 5rem;}
    .since_sect .year_wrap .year_box .txt{width: 65rem; font-size: 25rem;}
    .since_sect .year_wrap.active .line {width: calc(100% - 65rem - 10rem - 65rem); margin-right: 70rem;}
    .since_sect .fill_txt .txt{font-size: 10rem;}

    .since_sect .card_wrap .item{padding-top: 100%;}
    .since_sect .card_wrap .item1,
    .since_sect .card_wrap .item3,
    .since_sect .card_wrap .item5{padding-top: 140%;}

    /*.canvas_sect .canvas_box #imageCanvas{width: 80%;}*/

    .virtual_sect .main_tit_wrap{display: block;}
    .virtual_sect .main_tit_wrap .round_btn{margin-top: 20px;}

    .commu_sect{padding-bottom:var(--pd340);}


}


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

    .visual_sect .swiper-slide .txt_box{padding: 0 calc(var(--hdIn) + 10rem);}
    .visual_sect .controls{left: calc(var(--hdIn) + 10rem);}

    .signal_sect .cont .img_box .img video{height: 100%;}

    .since_sect .year_wrap .year_box .txt { width: 55rem; font-size: 22rem;}
    .since_sect .year_wrap.active .line {width: calc(100% - 55rem - 10rem - 55rem); margin-right: 60rem;}

    .since_sect .card_wrap{margin-top: 2rem;}


}




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

    .visual_sect .swiper-slide .txt_box{padding: 0 calc(var(--hdIn) + 6rem);}
    .visual_sect .controls{left: calc(var(--hdIn) + 6rem);}
    .visual_sect .swiper-slide .bg > *{object-position: 60% 50%;}

    .controls .swiper-pagination-progressbar{margin: 0 1rem;}
    .controls .paging + .swiper_btn_wrap{margin-left: 3rem;}

    /* .program_sect .tab_cont .item .img_box{width: 35%; padding-top: 38%;} */

    .self_sect{padding-top: var(--pd300);}
    .self_sect .bg_txt{top:var(--pd300); font-size: 12rem;}
    .self_sect .cont .item .hover_box{display: none;}
    .self_sect .cont .item:hover .hover_box{opacity: 0;}
    .self_sect .cont .item:hover .txt_box .txt{opacity: 0;}
    .self_sect .cont .item:hover .txt_box .btm_txt .round_btn{opacity: 1;}

    .since_sect .fill_txt .txt{font-size: 9rem;}

    .story_slide_sect .slide .item .txt_box{padding: 4rem 3rem 3rem;}

    /* story old */
    .story_sect .cont .story_list{gap: 15px;} */
.story_sect .cont .story_list .item .txt_box{padding: 4rem 3rem 3rem;}

    .tv_sect .slide_wrap .thum_slide{margin-top: 4rem;}
    .tv_sect .slide_wrap .view_slide .item .txt_box .tit{font-size: var(--lgTxt2);}
    .commu_sect .slide_wrap .item a{transform: unset;}

    .since_sect .year_wrap .year_box .txt1{padding-left: var(--inPd);}
    .since_sect .year_wrap .year_box .txt2{right: var(--inPd);}

    .canvas_sect .canvas_box #imageCanvas{width: 80%;}


}


@media screen and (max-width: 1000px) {
    .main_tit_box .txt{font-size: var(--txt);}
}


@media screen and (max-width: 1239px){
    .story_slide_sect .slide{margin-top: var(--mainContMt);}

    /* story old */
    .story_sect .cont{margin-top: var(--mainContMt);}
    .story_sect .cont .story_list .item:nth-child(1){transform: translateX(0) rotate(0); z-index: 3;}
    .story_sect .cont .story_list .item:nth-child(2){transform: translateX(0) rotate(0); z-index: 5;}
    .story_sect .cont .story_list .item:nth-child(3){transform: translateX(0) rotate(0); z-index: 4; opacity: 1;}
    .story_sect .cont .story_list .item:nth-child(4){transform: translateX(0) rotate(0); z-index: 3;}
    .story_sect .cont .story_list .item:nth-child(5){transform: translateX(0) rotate(0); z-index: 1;}

    .story_sect .cont .story_list{justify-content: flex-start; overflow: auto; width: calc(100% + var(--inPd)) * 2; margin: 15px calc(var(--inPd) * -1) 0; padding:0 var(--inPd); -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory;  scroll-padding-left: var(--inPd); overscroll-behavior-x: contain;  scroll-behavior: smooth;}
    .story_sect .cont .story_list::-webkit-scrollbar{display: none;}
    .story_sect .cont .story_list .item{flex-shrink: 0; scroll-snap-align: center; scroll-snap-stop: always;}
    .story_sect .cont .story_list.active .item .txt_box{opacity:1; transform: translateY(0);}
}



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

    .visual_sect{height: 50vh; min-height: 500px;}
    .visual_sect .in2{height: 100%;}
    .visual_sect .swiper-slide .txt_box{padding-bottom: 0;}

    .signal_sect .cont .txt{font-size: 5rem;}
    .signal_sect .cont.last .txt{font-size: 6rem;}

    .keyword_sect .sch_box{height: 14rem;}
    .keyword_sect .sch_box .img_box .img.character1{width: 25rem;}
    .keyword_sect .sch_box .sch_inp{padding-left: 30rem;}
    .keyword_sect .sch_box .type_txt{left: 30rem;}
    .keyword_sect .sch_box .img_box .img.character2{width: 11rem; top: -8rem;}

    .self_sect .bg_txt{font-size: 10rem;}

    .since_sect .year_wrap{height: 60rem;}
    .since_sect .year_wrap .img_box{width: 60rem;}
    .since_sect .year_wrap .year_box .txt { width: 40rem; font-size: 15rem;}
    .since_sect .year_wrap .year_box .line {height: 7px;}
    .since_sect .year_wrap.active .line {width: calc(100% - 40rem - 10rem - 40rem); margin-right: 45rem;}

    .since_sect .card_wrap .item .img_box{font-size: 7px;}
    .since_sect .fill_txt .txt{font-size: 7rem;}
    .since_sect .fill_txt{padding-top: 20vh;}


    .story_slide_sect .slide .item{width: 240px;}

    /* story old */
    .story_sect .cont .story_list .item{width: 240px;}

    .tv_sect .slide_wrap .view_slide .item .txt_box,
    .tv_sect .slide_wrap .view_slide .controls{padding-left: 3rem;}
    .tv_sect .slide_wrap .view_slide .item .txt_box{padding-top: 25px;}

}


@media screen and (max-width: 900px) {
    .since_sect .card_wrap .item .img_box{font-size: 6px;}
    /* .since_sect .card_wrap .item1 .img_box{width:28em;} */
    .since_sect .card_wrap .item1.on .img_box{bottom: -12%;}

}


@media screen and (max-width: 768px) {
    :root {
        --mainContMt: 40px;
    }

    .round_tab .tab{padding:0.7em 1.4em;}

    /* .intro .cont .video_box .video_scale{transform: scale(0.8);} */
    .intro .cont .txt_box .tit{font-size: 28px;}

    .main_tit_box .desc{margin-bottom: 0.5rem;}

    .visual_sect{height: 50vh; min-height: 450px;}
    .visual_sect .controls{left: calc(var(--hdIn) + 4.5rem);}
    .visual_sect .swiper-slide .txt_box{padding: 0 calc(var(--hdIn) + 4rem);}
    .visual_sect .swiper-slide .txt_box .tit{font-size: 28px; line-height:1.4;}
    .visual_sect .swiper-slide .txt_box .txt{font-size: 14px; line-height:1.6; margin-top: 1.5rem; font-weight: 500;}
    .scroll_down{font-size: 10px; display: none;}
    .scroll_down .mouse { width: 20px; height: 30px; margin-top: 5px;}
    .scroll_down .mouse .wheel { width: 3px; height: 5px;}

    .signal_sect{height: calc(100lvh - 60px); overflow: hidden;}
    .signal_sect .cont .img_box .img1{height: 32vh;}

    /*.line_tab_wrap{display: flex; overflow: auto; width: calc(100% + var(--inPd)) * 2; margin: 15px calc(var(--inPd) * -1) 0; }*/
    /*.line_tab_wrap::-webkit-scrollbar{display: none;}*/
    /*.line_tab_wrap .line_tab_box{justify-content: flex-start; padding: 0 var(--inPd); width: auto;}*/
    /*.line_tab_wrap .line_tab_box .line_tab {min-width: 100px; flex-shrink: 0;}*/
    .program_sect .tab_cont .item{padding: 0;}
    .program_sect .tab_cont .item .txt_box a{font-size: 28px;}
    .program_sect .tab_cont .item .txt_box .com_tag_box{margin-top: 20px;}
    .program_sect .tab_cont .item .txt_box{padding-right: 50px;}
    .program_sect .tab_cont .item .txt_box .txt br{display:none;}
    .controls .paging .current, .controls .paging .total{font-size: var(--subTxt);}
    .swiper_btn_wrap .swiper_btn{width: 36px; height: 36px;}
    .swiper_btn_wrap .swiper_btn:first-child{margin-right: 10px;}
    .com_tag_box .tag{font-size: var(--smTxt);}

    .keyword_sect .sch_box{width: 80%; min-width: 0;}
    .keyword_sect .sch_box .img_box .img.character1{width: 150px;}
    .keyword_sect .sch_box .sch_inp{padding-left: 170px;}
    .keyword_sect .sch_box .type_txt{left: 170px;}
    .keyword_sect .sch_box .sch_inp input,
    .keyword_sect .sch_box .type_txt{font-size: 28px;}
    .keyword_sect .keword_box{width: 80%;}
    .keyword_sect .keword_box .keword_btn_box{gap: 5px;}
    .keyword_sect .keword_box .tit{margin-right: 3rem;}


    .self_sect{padding-bottom: 0;}
    .self_sect .bg_txt{display: none;}
    .self_sect .cont .swiper-container {width: 100%; margin-left: 0; padding-left: var(--inPd);}
    .self_sect .cont .swiper-container{padding-bottom: 6.4rem;}
    .self_sect .cont .swiper_btn_wrap .swiper_btn,
    .self_sect .cont .swiper_btn_wrap .swiper_btn:first-child{margin: 20px 5px 0; width: 40px; height: 40px;}

    .since_sect .fill_txt .txt{font-size: 7rem;}
    .since_sect .year_wrap{height: 55rem;}
    .since_sect .year_wrap .img_box{width: 55rem;}
    .since_sect .card_wrap .item .img_box{font-size: 4px;}
    .since_sect .year_wrap .year_box{gap: 3rem;}
    .since_sect .year_wrap .year_box .txt {width: 32rem; font-size: 12rem;}
    .since_sect .year_wrap.active .line {width: calc(100% - 32rem - 6rem - 32rem); margin-right: 36rem;}
    .since_sect .year_wrap .year_box .line {height: 6px;}

    .since_sect .card_wrap .item .txt_box{top: 25px; left: 20px;}
    .since_sect .card_wrap .item .txt_box .txt{font-size:var(--txt)}
    .since_sect .card_wrap .item .txt_box .tit{font-size:30px; margin-top: 0.5rem;}

    .canvas_sect .canvas_box {align-items: center;}

    .virtual_sect .round_btn.phone_only {margin-top: 30px;}

    .tv_sect .marquee_cont{padding-top: 0;}
    .tv_sect .slide_wrap .view_slide{width: calc(100% + var(--inPd)) * 2; margin: 15px calc(var(--inPd) * -1) 0; }
    .tv_sect .slide_wrap .view_slide .swiper-container{padding: 0 var(--inPd);}
    .tv_sect .slide_wrap .view_slide .item{display:block;}
    .tv_sect .slide_wrap .view_slide .item .img_box{width:100%; }
    .tv_sect .slide_wrap .view_slide .item .txt_box{padding-left: 0; padding-top: 20px;}
    .tv_sect .slide_wrap .view_slide .controls{position:relative; left:0; padding-left:var(--inPd); margin-top: 25px;}

    .tv_sect .slide_wrap .thum_slide {margin-top: 6rem}
    .tv_sect .slide_wrap .thum_slide {width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); overflow: hidden}
    .tv_sect .slide_wrap .thum_slide .swiper-container {overflow: visible}


    /*.tv_sect .thum_slide{display: none;}*/
    /* .tv_sect .slide_wrap .view_slide .item .txt_box .tag_box .tag_box_clamp{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} */
    /* .tv_sect .slide_wrap .view_slide .item .txt_box .tag_box .tag_box_clamp{overflow: hidden; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; display: block;} */
    .tv_sect .slide_wrap {position: relative; padding-bottom: 50px}
    .tv_sect .slide_wrap .view_slide {position: static}
    .tv_sect .slide_wrap .view_slide .item .txt_box .tag_box .tag_box_clamp{height: auto; overflow: hidden; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .tv_sect .slide_wrap .view_slide .item .txt_box .tag_box .tag{font-size: 12px;}
    .tv_sect .slide_wrap .view_slide .item .txt_box .view_btn {margin-top: 20px}


    .tv_sect .slide_wrap .view_slide .controls{ padding-left: 0; justify-content: center; position: absolute; left: 0; bottom: 0}


    .commu_sect .round_btn{margin-top: 0;}
    .commu_sect .slide_wrap{padding-left: 0;}
    .commu_sect .slide_wrap .swiper-container{padding-left: var(--inPd);}
    .commu_sect .slide_wrap .item .txt_box .date{margin-top: 5px;}


    .virtual_sect {margin: 0; border-radius: 0; width: 100%;}

}

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

    .canvas_sect .canvas_box #imageCanvas { width: 120%;}

}

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

    :root {
        --inPd: 15px;
    }


    .com_tag_box{gap: 4.5px;}
    .com_tag_box .tag{font-size: 11px;}

    .intro .cont .txt_box{width:270px;}
    .intro .cont .txt_box .tit { font-size: 26px; line-height: 1.35;}
    .intro:not(.hide) .cont .video_box .video_scale video { background: url(/inc/img/sub/inuri_main_intro1_m.jpg) center/cover no-repeat; }

    .main_tit_box .txt{margin-top: 10px;}

    .visual_sect {max-height: 100svh; height: calc(100svh - var(--hdH) - 100px); min-height: 0;}

    .visual_sect .swiper-slide{align-items: flex-end;}
    .visual_sect .swiper-slide .bg > *{object-position: center top;}

    .visual_sect .swiper-slide .txt_box{padding: 0 calc(var(--hdIn) + 20px); padding-bottom: 20px;}
    .visual_sect .swiper-slide .txt_box .txt{width: 90%;}
    .visual_sect .controls{left: calc(var(--hdIn) + 20px);}
    .visual_sect .swiper-slide .txt_box .tit{font-size: 21px; }
    .visual_sect .swiper-slide .txt_box .txt{margin-top: 5px;}
    .visual_sect .swiper-slide .txt_box .round_btn{margin-top: 15px;}
    .visual_sect .swiper-slide .txt_box .round_btn .btn{padding: 0.9em 1.2em; font-size: 12px; font-weight: 400;}
    /* .visual_sect .swiper-slide .txt_box .txt br{display: none;} */

    .visual_sect .controls{right: 20px; left: unset; bottom: 20px;}
    .visual_sect .controls .swiper-pagination-progressbar{width: 8rem; margin: 0 1rem;}
    .visual_sect .scroll_down{display: none;}

    .signal_sect .cont .txt{font-size:22px; line-height:1.5; padding:0 var(--inPd);}
    .signal_sect .cont .txt_box .txt{padding-bottom: 15vh;}
    .signal_sect .cont .img_box .img { width: auto; width: 30rem; }
    .signal_sect .cont .img_box .img1{height: 35vh;}

    .signal_sect .cont.last .txt{font-size:32px;}

    .controls .paging .current,
    .controls .paging .total{font-size: 12px;}
    .swiper_btn_wrap .swiper_btn{width: 30px; height: 30px;}
    .swiper_btn_wrap .swiper_btn:first-child{margin-right: 8px;}
    .controls .paging + .swiper_btn_wrap{margin-left: 15px;}

    .program_sect .tab_cont{position: relative; padding-top: 30px;}
    .program_sect .tab_cont .item{flex-direction: column; justify-content: flex-start;}
    .program_sect .tab_cont .item .img_box{width: 100%; padding-top:110%; order:1;}
    .program_sect .tab_cont .item .txt_box{padding-bottom: 0; padding-right:0; order:2; margin-top: 20px;}
    .program_sect .tab_cont .item .txt_box .com_tag_box{margin-top: 10px;}

    .program_sect .tab_cont .controls{display: none; justify-content: center; position: absolute; top: 68%; right: 0; margin-top: 0;}
    .program_sect .controls .swiper-pagination-progressbar{width: 8rem;}


    .keyword_sect .sch_box{width:100%; height:65px;}
    .keyword_sect .sch_box .sch_inp input{width: 70%;}
    .keyword_sect .sch_box .sch_inp input{font-size:22px;}
    .keyword_sect .sch_box .type_txt{font-size:22px; left:130px;}
    .keyword_sect .sch_box .sch_inp{padding-left:130px; padding-right:20px}
    .keyword_sect .sch_box .img_box .img.character1{width: 110px; left:15px}
    .keyword_sect .sch_box .img_box .img.character2{width:50px; top:-35px;}
    .keyword_sect .sch_box .sch_inp button svg{width: 20px; height: 20px;}
    .keyword_sect .keword_box{width: 100%; flex-direction: column; margin-top: 20px;}
    .keyword_sect .keword_box .tit{margin-top: 0; margin-bottom: 5px;}

    .self_sect .cont .item{border-radius: 70px;}

    .since_sect .main_tit_box .txt br{display:none;}
    .since_sect .fill_txt .txt{font-size:28px; line-height:1.3}
    .since_sect .year_wrap{height: 400px; align-items: flex-start;}
    .since_sect .year_wrap .year_box{flex-direction: column; justify-content: flex-start; gap: 0;}
    .since_sect .year_wrap .year_box .txt{line-height: 1; height: 70px;}
    .since_sect .year_wrap .year_box .line{width: 3px; height: 0; margin-right: 0; transform-origin: top;}
    .since_sect .year_wrap.active .line{position: absolute; top: 75px; width: 3px; height: 240px;}
    .since_sect .year_wrap .year_box .txt2{position: relative; right: 0; margin-top: 255px;}
    .since_sect .year_wrap .img_box{width: 245px; max-width: 80%; top:50%; transform: translate(-50%, -50%);}
    .since_sect .year_wrap.active .img_box{opacity: 1; transform: translate(-50%, -50%);}
    .since_sect .card_wrap{margin-top: 40px;}

    .since_sect .card_wrap {gap: 10px; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, auto);}
    .since_sect .card_wrap .item{padding-top:120% !important;}
    .since_sect .card_wrap .item1 {grid-column: 1; grid-row: 1 / span 1;}
    .since_sect .card_wrap .item2 {grid-column: 2; grid-row: 1 / span 1;}
    .since_sect .card_wrap .item3 {grid-column: 1; grid-row: 2 / span 1;}
    .since_sect .card_wrap .item4 {grid-column: 2; grid-row: 2 / span 1;}
    .since_sect .card_wrap .item5 {grid-column: 1; grid-row: 3 / span 1;}
    .since_sect .card_wrap .item6 {grid-column: 2; grid-row: 3 / span 1;}
    .since_sect .card_wrap .item .txt_box { top: 20px; left: 15px;}
    .since_sect .card_wrap .item .txt_box .txt{font-size:12px;}
    .since_sect .card_wrap .item .txt_box .tit{font-size:24px;}
    .since_sect .card_wrap .item .img_box{font-size:4px}
    .since_sect .card_wrap .item2 .img_box{bottom: -10%;}
    /* .since_sect .card_wrap .item1 .img_box{width: 28em;} */
    .since_sect .card_wrap .item1 .img_box{width: 30em; bottom: -12%; right: -4%;}
    .since_sect .card_wrap .item1.on .img_box{width: 30em; bottom: -18%; }


    .map_branch_sect .main_tit_box .txt br{display: none;}

    .canvas_sect .canvas_box #imageCanvas{width: 140%; margin-left: 5%;}

    .virtual_sect .round_btn.phone_only {margin-top: 20px;}


    .story_slide_sect .slide .item{width: 220px;}
    .story_slide_sect .slide .item .txt_box{padding: 20px 15px 15px;}
    .story_slide_sect .slide .item .txt_box .badge{font-size:13px;}
    .story_slide_sect .slide .item .txt_box .btm{font-size:12px;}
    .story_slide_sect .round_btn .btn{margin-top: 40px;}

    /* story old */
    .story_sect .cont .story_list .item{width: 200px;}
    .story_sect .cont .story_list .item .txt_box{padding: 20px 15px 15px;}
    .story_sect .cont .story_list .item .txt_box .badge{font-size:13px;}
    .story_sect .cont .story_list .item .txt_box .btm{font-size:12px;}


    .tv_sect .marquee_cont .track .txt{font-size:40px;}
    .tv_sect .marquee_cont .track .txt2{font-size:45px;}
    /* .tv_sect .marquee_cont .track .txt2 .ico svg{height: 0.6em;} */
    .tv_sect .marquee_cont .track .img{width: 18rem;}
    .tv_sect .marquee_cont .track > *{padding-right: 30px;}
    .tv_sect .marquee_cont .track .txt2,
    .tv_sect .marquee_cont .track .img2{ padding-right: 10px;}
    .tv_sect .marquee_cont .track .img2 .lect.right {right: 10px;}
    .tv_sect .marquee_cont .track .img2 .video {width:28rem;}
    .tv_sect .slide_wrap .view_slide .item .txt_box{padding-top: 15px;}
    .tv_sect .slide_wrap .view_slide .item .txt_box .tag_box .tag{font-size:11px;}
    .tv_sect .slide_wrap .view_slide .item .txt_box .view_btn{margin-top: 15px}
    .tv_sect .slide_wrap .view_slide .item .txt_box .view_btn{border-bottom: 1px solid #101010;}

    .commu_sect .round_tab_wrap{justify-content: flex-start; overflow: auto; width: calc(100% + var(--inPd)) * 2; margin: var(--mainContMt) calc(var(--inPd) * -1) 0; padding: 0 var(--inPd);}
    .commu_sect .round_tab_wrap .round_tab{margin: 0}
    /*.round_tab_wrap .round_tab_box .round_tab{min-width: 0;}*/
    /*.round_tab_wrap .round_tab_box .round_tab + .round_tab{margin-left: 0;}*/

    .commu_sect .slide_wrap{margin-top: 25px;}


}

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

    .since_sect .card_wrap .item .img_box{font-size:3.4px}
}