/* header */
.header {border-bottom:0; height:90px; background:rgba(0,0,0,.5);}
.header:before {top:90px; opacity:.1;}
.header .logo {left:50px; width:234px; height:90px; line-height:90px; background:url('../images/logo_w.svg') no-repeat 50% 50% / contain; transition:none;}
.header .gnb .menu > a {color:#fff; line-height:90px;}
.header .gnb .menu.on > a {color:#fff; font-weight:700;}
.header .links {right:60px; padding:30px 0;}

.header.fixed {backdrop-filter:blur(5px);}
.header.blk {background:rgba(255,255,255,.3);}
.header.blk .logo {background:url('../images/logo.svg') no-repeat 50% 50% / contain;}
.header.blk .gnb .menu > a {color:#666;}
.header.blk .gnb .menu.on > a {color:#222;}

/* .header.sub .gnb {display:none;} */

/* main */
.main_wrap {margin-top:0 !important;}
.mvisual {position:relative; width:100%; height:100vh; background:url('../images/mvisual.jpg') no-repeat 50% 50% / cover; overflow:hidden; z-index:0;}
.mvisual iframe {position:relative; top:-60px; left:50%; width:100%; height:calc(100vh + 120px); min-height:56.3vw; pointer-events:none; user-select:none; object-fit:cover; transform:translateX(-50%); z-index:2; opacity:.7;}
.mvisual:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; z-index:0;}
.mvisual .scroll {position:absolute; bottom:40px; left:50%; width:20px; height:20px; margin-left:-10px; z-index:2; animation:scroll 2s infinite;}
@keyframes scroll {
	0% {transform:translateY(0);}
	50% {transform:translateY(20px);}
	100% {transform:translateY(0);}
}
.mvisual .scroll:before {content:""; position:absolute; bottom:0; left:0; width:20px; height:20px; background:url('../images/arrow_scroll.svg') no-repeat 50% 50%;}
.mvisual .scroll span {position:absolute; bottom:112px; left:0; font-size:12px; color:#fff; line-height:20px; font-family:'Outfit'; width:90px; transform:rotate(90deg); transform-origin:bottom left;}

.mcon {position:relative; overflow:hidden;}
.mcon .point {top:0;}
.mcon .onpoint {top:-80px;}
.mcon .tit {position:relative; font-size:36px; font-weight:700; padding-top:22px; margin-bottom:50px; text-align:center;}
.mcon .tit:before {content:""; position:absolute; top:0; left:50%; width:30px; height:1px; margin-left:-15px; background:#222;}
.mcon .slick-dots {position:absolute; bottom:0; left:0; width:100%; display:flex; justify-content:center; gap:12px;}
.mcon .slick-dots li button {display:block; width:8px; height:8px; background:#ddd; border-radius:6px; font-size:0; opacity:.5;}
.mcon .slick-dots li.slick-active button {opacity:1; width:48px; background:#2E3191;}
.mcon .slick-arrow {top:50%; width:26px; height:52px; border:0; background:none;}
.mcon .imgfit {display:block;}
.mcon .imgfit img {transition:1s;}

.kima_mc01 {padding:200px 0; text-align:center;}
.kima_mc01 .tit {font-size:0 !important; font-weight:900; line-height:0 !important; margin-bottom:24px;}
.kima_mc01 .tit:after {content:""; display: block; width:100%; height:90px; background:url('../images/logo.svg') no-repeat 50% 50% / auto 70%;}
.kima_mc01 p {font-size:26px; line-height:46px;}
.kima_mc01 p .poppins strong {font-weight:900;}

.kima_mc02 {position: relative; padding:175px 0;}
.kima_mc02:before {content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: linear-gradient(180deg, #F0F2F9 0%, rgba(240, 242, 249, 0) 100%); border-radius: 200px 0px 0px 0px; z-index: -1;}
.kima_mc02 .tit {margin-bottom:0 !important;}
.kima_mc02 .tit:before {background:#fff;}
.kima_mc02 .mc02_slide {position:relative; padding:80px 0;}
.kima_mc02 .mc02_slide .slick-list {padding:0 calc((100vw - 1124px)/2) !important;}
.kima_mc02 .mc02_slide .slick-slide {pointer-events:none;}
.kima_mc02 .mc02_slide .slick-slide > div {padding:0 40px;}
.kima_mc02 .mc02_slide .mv {display:flex !important; gap:40px; overflow:hidden;}
.kima_mc02 .mc02_slide .imgfit,
.kima_mc02 .mc02_slide .txt {transition:.5s; transition-delay:.5s;}
.kima_mc02 .mc02_slide .imgfit {width:60%; max-width:700px; height:500px; border-radius:20px; /* transform:translateX(calc(30% + 70px)); */}
.kima_mc02 .mc02_slide .imgfit:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/icon_video.svg') rgba(0,0,0,.5) no-repeat 50% 50%; opacity:0; transition:.2s linear;}
.kima_mc02 .mc02_slide .txt {width:calc(40% - 40px); color:#222; overflow:hidden; border: #ddd 1px solid; border-radius:20px; padding: 30px;}
.kima_mc02 .mc02_slide .txt span {font-size:24px; font-weight:500; line-height:34px; margin-bottom:50px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.kima_mc02 .mc02_slide .txt .img {display:block; height:50px;}
.kima_mc02 .mc02_slide .txt .img img {max-width:100%; max-height:100%; object-fit:contain;}
.kima_mc02 .mc02_slide .txt .name {font-size:30px; font-weight:700; line-height:36px; margin:35px 0 32px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.kima_mc02 .mc02_slide .txt dl {display:flex; gap:24px; margin-bottom:16px;}
.kima_mc02 .mc02_slide .txt dl:last-child {margin-bottom:0;}
.kima_mc02 .mc02_slide .txt dt {font-size:16px; color:#fff; font-weight:600; line-height:34px; height:34px; width:96px; text-align:center; background:#2e3191; border-radius:17px;}
.kima_mc02 .mc02_slide .txt dd {font-size:20px; line-height:34px; width:calc(100% - 120px); overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.kima_mc02 .mc02_slide .slick-dots li button {width: 12px; height: 12px; background:#ddd; opacity:.5;}
.kima_mc02 .mc02_slide .slick-dots li.slick-active button {width: 58px; background:#2E3191; opacity:1;}
.kima_mc02 .mc02_slide .slick-arrow {width:22px; height:45px; margin-top:-23px; opacity:.4; outline:0; z-index: 1;}
.kima_mc02 .mc02_slide .slick-arrow:before {background:#999; mask:url('../images/arrow_slide.svg') no-repeat 50% 50% / contain; -webkit-mask:url('../images/arrow_slide.svg') no-repeat 50% 50% / contain;}
.kima_mc02 .mc02_slide .slick-prev {left:50%; margin-left:-730px;}
.kima_mc02 .mc02_slide .slick-next {right:50%; margin-right:-730px;}
.kima_mc02 .mc02_slide .slick-current {pointer-events:auto;}
.kima_mc02 .mc02_slide .slick-current .imgfit,
.kima_mc02 .mc02_slide .slick-current ~ .slick-slide .imgfit,
.kima_mc02 .mc02_slide .slick-current .txt,
.kima_mc02 .mc02_slide .slick-current ~ .slick-slide .txt {transform:translateX(0); transition:0s; transition-delay:0s;}

.kima_mc03 {position:relative; padding:200px 0; overflow:visible;}
.kima_mc03:before {content:""; position:absolute; top:-200px; left:-50px; width:548px; height:895px; background:url('../images/bg_mc03.svg') no-repeat 50% 50% / contain;}
.kima_mc03 .inner {display:flex;}
.kima_mc03 .tit {padding-top:0; text-align:left; width:460px;}
.kima_mc03 .tit strong {display:block; color:#2E3191; line-height:44px;}
.kima_mc03 .tit:before {top:104px; left:0; margin:0;}
.kima_mc03 .tit p {margin-top:81px; font-size:30px; font-weight:700; line-height:40px;}
.kima_mc03 .tit p span {font-weight:900;}
.kima_mc03 .con {width:calc(100% - 460px);}
/* .kima_mc03 .ibox {display:flex !important; gap:20px; flex-wrap:wrap;} */
.kima_mc03 .mc03_slide {margin:0 -10px; display:flex; flex-wrap:wrap; gap:20px;}
.kima_mc03 .slick-slide {padding:0 10px;}
.kima_mc03 .slick-slide > div {margin-bottom:20px;}
.kima_mc03 .slick-slide > div:last-child {margin-bottom:0;}
.kima_mc03 .box {position:relative; display:block; width:calc((100% - 40px)/3); height:242px; background:#fff; border-radius:10px; text-align:center; padding:26px 10px; border:#ebebeb 1px solid; transition:.2s linear;}
.kima_mc03 .box:before {content:""; position:absolute; top:-1px; left:-1px; width:calc(100% + 2px); height:calc(100% + 2px); border:#2E3191 3px solid; border-radius:inherit; opacity:0; transition:.2s linear;}
.kima_mc03 .box i {display:block; height:80px; transition:.2s linear;}
.kima_mc03 .box i.hover {display:none; background:#fff; mask:no-repeat 50% 50%; -webkit-mask:no-repeat 50% 50%; transition:.2s linear;}
.kima_mc03 .box i img {max-height:100%; margin:0 auto;}
.kima_mc03 .box strong {display:block; font-size:20px; font-weight:700; line-height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:16px 0 8px;}
.kima_mc03 .box .pset {height:60px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.kima_mc03 .box p {font-size:14px; color:#333; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition:.2s linear;}
.kima_mc03 .mc03_slide {position:relative; padding-bottom:52px;}
.kima_mc03 .mc03_slide .slick-arrow {margin-top:-52px;}
.kima_mc03 .mc03_slide .slick-arrow:before {background:url('../images/arrow_slide2.svg') no-repeat 50% 50% / contain; mask:none; -webkit-mask:none;}
.kima_mc03 .mc03_slide .slick-prev {left:-85px;}
.kima_mc03 .mc03_slide .slick-next {right:-85px;}

.kima_mc04 {padding:170px 0; background:linear-gradient(160deg, #FaFbFc 0.18%, #F3F6FD 137.47%);}
.kima_mc04 .mc04_slide {position:relative; margin:0 -10px 56px;}
.kima_mc04 .abox {display:flex !important; flex-wrap:wrap; gap:30px 35px; width:calc(100% + 60px); padding:0 30px;}
.kima_mc04 .slick-slide {padding:0 10px;}
.kima_mc04 .slick-slide > div {margin-bottom:20px;}
.kima_mc04 .slick-slide > div:last-child {margin-bottom:0;}
.kima_mc04 .mc04_slide .box {width:calc((100% - 70px)/3);}
.kima_mc04 .mc04_slide .box a {width: 100%;}
.kima_mc04 a {position:relative; display:block; width:calc((100% - 70px)/3); height:200px; border-radius:10px; border:#ddd 1px solid; padding:30px 40px; background:#fff;}
.kima_mc04 a .tt {font-size:20px; font-weight:500; line-height:32px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.kima_mc04 a .name,
.kima_mc04 a .date {position:absolute; bottom:30px; font-size:16px; line-height:20px;}
.kima_mc04 a .name {left:40px; display:flex; gap:0 21px; flex-wrap:wrap; width:calc(100% - 170px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.kima_mc04 a .name span {position:relative;}
.kima_mc04 a .name span:before {content:""; position:absolute; top:50%; left:-11px; width:3px; height:3px; background:#222; border-radius:50%; margin-top:-1px;}
.kima_mc04 a .name span:first-child:before {display:none;}
.kima_mc04 a .date {right:40px; opacity:.6;}
.kima_mc04 .slick-arrow {margin-top:-26px;}
.kima_mc04 .slick-arrow:before {background:url('../images/arrow_slide2.svg') no-repeat 50% 50% / contain; mask:none; -webkit-mask:none;}
.kima_mc04 .slick-prev {left:-56px;}
.kima_mc04 .slick-next {right:-56px;}
.kima_mc04 .slick-dots {bottom:-56px;}

.svisual {background-image:url('/other_kcia/pub/images/svisual05.jpg'); margin-top:90px;}

.video_pop_in .fancybox-wrap,
.video_pop_in .fancybox-skin,
.video_pop_in .fancybox-outer,
.video_pop_in .fancybox-inner,
.video_pop_in .fancybox-inner iframe {width:100% !important; max-width:100%; height:100%;}
.video_pop_in .fancybox-content {width:100%; max-width:800px; height:550px;}
.video_pop_in .fancybox-slide {padding:0;}