@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap');

@font-face {
    font-family: 'SBAggro';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'SBAggro';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'SBAggro';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: 700, bold;
    font-style: normal;
}
@font-face {
    font-family: 'Sweet';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Heavy.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}
@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Heavy.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

/*
font-family: 'Suit';
font-family: "Inter", sans-serif;
font-family: "DM Sans", sans-serif;
font-family: "Plus Jakarta Sans", sans-serif;
font-family: "Google Sans Flex", sans-serif;
*/

/* 모션 */
.a-up{transform:translateY(25px); opacity:0;}
.in-view.a-up{transform:translateY(0px); opacity:1; transition:all 1s;}
.a-down{transform:translateY(-25px); opacity:0;}
.in-view.a-down{transform:translateY(0px); opacity:1; transition:all 1s;}
.a-left{transform:translateX(15px); transition:.5s; opacity:0; transition-delay:.3s;}
.a-left.in-view{transform:translateX(0px); opacity:1;}
.a-right{transform:translateX(-15px); transition:.5s; opacity:0; transition-delay:.3s;}
.a-right.in-view{transform:translateX(0px); opacity:1;}

.a-:nth-child(1){transition-delay:.1s;}
.a-:nth-child(2){transition-delay:.2s;}
.a-:nth-child(3){transition-delay:.3s;}
.a-:nth-child(4){transition-delay:.4s;}
.a-:nth-child(5){transition-delay:.5s;}
.a-:nth-child(6){transition-delay:.6s;}
.a-:nth-child(7){transition-delay:.7s;}
.a-:nth-child(8){transition-delay:.8s;}
.a-:nth-child(9){transition-delay:.9s;}
.a-:nth-child(10){transition-delay:1s;}
.a-:nth-child(11){transition-delay:1.2s;}
.a-:nth-child(12){transition-delay:1.3s;}
.a-:nth-child(13){transition-delay:1.4s;}
.a-:nth-child(14){transition-delay:1.5s;}
.a-:nth-child(15){transition-delay:1.6s;}

/* 스크롤 */
*::-webkit-scrollbar{width:5px;}
*::-webkit-scrollbar-thumb{background-color:#8088E6; border-radius:0px; transition:all 0.5s;}
*::-webkit-scrollbar-track{background-color:#f2f2f2; background:rgba(255,255,255,0.5); border-radius:0;}

/* Cursor */
.hover-this .hover-anim {pointer-events: none; transition: transform 0.2s linear;}
.cursor {pointer-events: none; position: fixed; padding: 0.3rem; background-color: #8088E6; border-radius: 50%; /*mix-blend-mode: exclusion;*/ transition: transform 0.3s ease, opacity 0.4s ease; z-index: 99999;}
.cursor-active {transform: translate(-50%, -50%) scale(8); opacity: 0.1;}
.cursor-pointer {cursor: pointer;}

@media (max-width:767px), (hover:none), (pointer:coarse) {
	.cursor{display:none !important;}
	.hover-this .hover-anim{transform:none !important;transition:none;}
}

html {overflow-y: visible;}
body{margin: 0;background: #000;overflow-x:hidden;}

header{position:fixed;top:0;z-index:10;/* backdrop-filter: blur(30px); */}

main{position: fixed;left:0;top:0;display: flex;top: 0;height: 100vh;opacity: 0.7;z-index:-2;}
canvas{width: 100%;height: 100%;margin: auto;}

:root {color-scheme: light only;}

/* 비주얼 */
#mVisual{position: relative;/* width: 100%; */height: 100vh;/* padding: 0 0 40px 0; */background: #fff;}
#visual{background:#fff;position: relative;width:100%;margin: 0px auto;height: 100%;z-index: 2;display: flex;/* padding-bottom: 20px; */align-items: flex-end;}
#visual .visual-wr{/* max-width: 1792px; */background: #000;position: relative;overflow:hidden;display: block;width: 100%;height: 100vh;margin: 0 auto;z-index: 1;align-items: center;justify-content: center;flex-direction: column;}
#visual .visual-slide{position: absolute;width: 100%;height: 100vh;bottom: 0;z-index: 0;border-radius: 0;overflow: hidden;opacity: .5;}
#visual .visual-slide .visual-bg.slick-slide img{object-fit: cover;position: absolute;left:0%;top: 0;width: 100%;height:100%;}
#visual .visual-slide .slick-active img {max-width:100%; animation:mymove 5s;}
#visual .visual-slide .visual-bg.slick-current{overflow:hidden;}
#visual .visual-slide .slick-list{height:100%;}
#visual .visual-slide .slick-track{height:100%;}

@keyframes mymove {
	from {transform:scale(1.1);}
	to {transform:scale(1);}
}
#visual .slo-txt{/* padding: 60px 3%; */width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;/* padding-top: 190px; */position: relative;z-index: 10;}
#visual .slo-txt strong{width: min(300px, 55vw);color:#fff;font-size:80px;font-family: "Michroma", sans-serif;letter-spacing: 6px;}
#visual .slo-txt strong img{max-width:100%;filter: brightness(0) invert(1);}
#visual .slo-wr{/* padding: 60px 3%; */width: 100%;/* height: 100%; */display: flex;align-items: flex-start;justify-content: space-between;padding-top: 190px;}
#visual .slogan{position: relative;z-index:10;/*display: flex;*/display:none;word-break:keep-all;text-align:left;flex-direction: row;align-items: flex-end;justify-content: space-between;width: 100%;padding-right: 0px;margin-left: -30px;margin-bottom: -40px;}
#visual .slogan .slo-cont{position:relative;line-height: 1.1;font-family: "Plus Jakarta Sans", sans-serif;/* font-family: "Google Sans Flex", sans-serif; */}
#visual .slogan small{font-size: 22px;/* color:#fff; */display:block;position:relative;margin-bottom: 15px;}
#visual .slogan big{/* color:#fff; */font-size: 100px;font-weight: 600;display:block;position:relative;/* letter-spacing: -1px; */text-transform: uppercase;}
#visual .slogan .scroll-btn{width: 100px;height: 100px;display: none;font-size: 45px;margin-inline: 0px 0;border: 3px solid #fff;border-radius: 50%;background: #fff;position: relative;transition: .15s ease-out;transition-property: background, transform;margin-top: -17px;justify-content: center;align-items: center;}
#visual .slogan .scroll-btn:before {content: ""; display: block; width: 105%; height: 105%; background: transparent; border: 2px solid hsla(0, 0%, 100%, .5); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: scroll-cir 2s infinite;}
#visual .slogan .scroll-btn .arr{width: 100%;flex-shrink: 0;position: absolute;top: 50%;left: 50%;color: #3e3e3e;transition: .15s ease-in-out;transition-property: transform, opacity;}
#visual .slogan .scroll-btn .arr.r1{opacity: 1;transform: translate(-50%, -50%);/* filter: invert(100%); */}
#visual .slogan .scroll-btn .arr.r2{opacity: 0;transform: translate(-50%, -80%);color: #fff;}
#visual .slogan .scroll-btn:hover {background-color: transparent;transform: scale(1.1);}
#visual .slogan .scroll-btn:hover:before {animation: none;}
#visual .slogan .scroll-btn:hover .arr.r1{opacity: 0;transform: translate(-50%, -20%);color: #fff;}
#visual .slogan .scroll-btn:hover .arr.r2{opacity: 1;transform: translate(-50%, -50%);transition-delay: .05s;}

#visual .slogan .btnWr{/* margin-top:90px; *//* margin-left:-40px; */}
#visual .slogan .circle-button {}
#visual .slogan .circle-button .icon{/* color:#fff; */}
#visual .slogan .circle-button .textcircle {/*fill: #fff;*/}

@keyframes scroll-cir {
    0% {transform: translate(-50%,-50%) scale(1); opacity: 1}
    70% {transform: translate(-50%,-50%) scale(1.6); opacity: 0;}
    70.1%,to {transform: translate(-50%,-50%) scale(1); opacity: 1;}
}

#visual .slogan p{font-size:30px;font-family: 'Suit';letter-spacing: -.5px;line-height: 1.2;/* color:#fff; */font-weight: 400;animation-delay:1.0s;text-transform: uppercase;margin-top: 50px;}
#visual .slogan p b{font-weight:500;}
#visual .slogan big span, #visual p, #visual small, #visual .tag{
	animation:text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation-delay:calc(60ms * var(--char-index));
}

@keyframes text-active-animation{
	from{opacity:0; transform: translateY(50%);}
	to{opacity:1.0; transform: translateY(0px);}
}

#visual .slogan .tag{position:relative;padding: 40px 0 0;width: 130%;margin-top: 100px;}
#visual .slogan .tag:before{content:""; background:#fff; opacity:.4; display:block; width:100%; height:2px; position:absolute; top:0;}
#visual .slogan .tag > span{font-size: 18px;color:#fff;font-family: "Chakra Petch", sans-serif;letter-spacing:-.5px;font-weight: 600;border:1px solid #fff;border-radius:5px;padding: 5px 10px;line-height:1;display: inline-block;transition: .3s;margin: 0  10px 10px 0;}
#visual .slogan .tag > span:hover{background:rgb(255,255,255,.3); border-color:rgb(255,255,255,0);}

#visual .video{position:relative;z-index:10;width: 405px;height: 230px;border-radius: 20px; display:none;} /*250418 영상 삭제요청 */
#visual .video iframe{width: 100%;height: 100%;border-radius: 15px;box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.2);}
#visual .video .video-btn{
	position: absolute;	transform: translate(-50%, -50%);width: 88px;height: 88px;border-radius: 50%;background: hsla(0, 0%, 100%, .6);
	z-index: 3;left: 0;top: 0;border: 0;backdrop-filter: blur(5px);transition: .15s ease-out;
}
#visual .video .video-btn i{position:relative;display: flex;font-size:24px;width:100%;height:100%;align-items: center;justify-content: center;transition: .4s ease-in-out;transition-property: opacity, visibility;transition: .15s ease-out;}
#visual .video .video-btn i:after{
	content:"";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:131px;height:124px;
	background:url("/images/main/roll_txt.png") no-repeat;background-size: 100%; animation: video-roll 10s linear infinite;transition: .15s ease-out;
}
@keyframes video-roll {
    0% {transform: translate(-50%,-50%) rotate(0);}
    to {transform: translate(-50%,-50%) rotate(1turn);}
}
#visual .video .video-btn:hover{background:#fff;box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.3);}
#visual .video .video-btn:hover i{/*transform: scale(1.3);*/font-size:30px;}
#visual .video .video-btn:hover i:after{opacity:0; width:50%; height:50%;}


#mVisual .popRoll{position:absolute;left: 55%;overflow:hidden;width: 1100px;top: 430px;z-index: 10;}
#mPopup{position:relative;/* padding: 0 0 160px 0; */}
#mPopup .mpWr{}
#mPopup .mp-tit-wr{display: flex;justify-content: space-between;/* position: relative; */width: 722px;}
#mPopup .mp-tit-wr .mp-tit{position: relative;display: inline-flex;gap: 15px;align-items: flex-end;}
#mPopup .mp-tit-wr .mp-tit h3{font-family: 'Paperozi';font-size: 32px;font-weight: bold;}
#mPopup .mp-tit-wr .mp-tit .adm-btn{}

/* 컨트롤 */
#mPopup .mp-control{display:flex;align-items:center;justify-content:flex-end;gap: 20px;color:#fff;margin-bottom: 40px;}
#mPopup .mp-control .num{font-size: 17px;width: 22px;font-weight: 400;letter-spacing:.06em;font-variant-numeric: tabular-nums;font-family: "DM Sans", sans-serif;}
#mPopup .mp-control .prog{position:relative;width: 538px;height: 3px;border-radius: 3px;background: rgb(255 255 255 / 29%);border-radius:999px;overflow:hidden;transform:translateY(-1px);}
#mPopup .mp-control .prog-fill{position:absolute; left:0; top:0; width:0%; height:100%; background:rgba(255,255,255,.9); border-radius:999px; transition: width 450ms cubic-bezier(0.4, 0, 0.2, 1); will-change: width;}
#mPopup .mp-control .mp-nav{display:flex;align-items:center;position: relative;gap: 0;background: #ffffff24;backdrop-filter: blur(10px);border-radius: 100px;height: 43px;font-size: 18px;margin-left: 45px;}
#mPopup .mp-control .control{border:0;background: transparent;color:#fff;padding:0;cursor:pointer;line-height:1;width: 44px;height: 100%;border-radius: 14px;}
#mPopup .mp-control .arrow i{display:block;}
#mPopup .mp-control .prev{border-radius: 50px 20px 20px 50px;}
#mPopup .mp-control .next{border-radius: 20px 50px 50px 20px;/* background: #fff; *//* color: #000; */}
#mPopup .mp-control .auto{display:flex;align-items:center;justify-content:center;width: auto;}
#mPopup .mp-control .auto i{display:none;}
#mPopup .mp-control .auto.is-playing .stop{display:block;}
#mPopup .mp-control .auto:not(.is-playing) .play{display:block;}
#mPopup .mp-control .control:hover{opacity:1;}

#mPopup .mp-slide-list{position: relative; display: block;}
#mPopup .mp-slide-list .slick-track{display:block;}
#mPopup .mp-slide-list .slick-slide{height:auto;}
#mPopup .mp-slide-list .slick-slide > div{width:100%;position: relative;background: #00000036;backdrop-filter: blur(10px);border-radius: 30px;height: 250px;}
#mPopup .mp-slide-list .slick-slide{padding: 0 15px;box-sizing: border-box;}
#mPopup .mp-slide-list{margin: 0 -15px;}
#mPopup .mp-slide-list .slick-list{overflow: visible;}
#mPopup .mp-item{ position: relative; width:100%;}
#mPopup .mp-item .slide-item{}
#mPopup .mp-item .slide-item a{display: flex; padding: 10px; width: 100%; height: 100%;}
#mPopup .mp-item .img-wr{border-radius: 30px;overflow: hidden;position: relative;background: #000000;display: block;width: 250px;}
#mPopup .mp-item .img-wr::after{content:""; position:absolute; inset:0; background:rgba(0,0,0,0); transition: background 0.4s ease; pointer-events:none;}
#mPopup .mp-item .txt-wr{width:calc(100% - 250px);display:flex;padding:30px;flex-direction: column;color: #fff;font-family: 'Suit';}
#mPopup .mp-item .txt-wr big{
    font-size: 20px;
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: -.5px;
    word-break: keep-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: .3s;
    overflow: hidden;
}
#mPopup .mp-item .txt-wr small{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;line-height: 1.6;font-size: 15px;overflow: hidden;opacity:.8;word-break: keep-all;margin-top: 15px;}
#mPopup .mp-item .img-wr img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

#mPopup .mp-item .img-wr::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0.15) 0%,
        rgba(0,0,0,0.55) 100%
    );
    opacity: 0;
    transition: opacity 0.6s ease;
}

#mPopup .mp-item .slide-item a:hover .img-wr img {
    transform: scale(1.12);
}

#mPopup .mp-item .slide-item a:hover .img-wr::after {
    opacity: 1;
}
#mPopup .empty{color:#fff; display:flex;justify-content:center;align-items:center;height:100%; font-size:18px; position:relative;}



/* 뉴스 */
#mNews{position:relative;z-index:5;text-align:right;/* background:#fff; *//* border-bottom:1px solid #f2f2f2; */padding: 100px 0 70px;}
#mNews article{}
#mNews article img{}



/* 검색 */
#mSearch{position:relative;text-align: center;padding-top: 60px;background: #fff;padding-bottom: 30px;}
#mSearch .obj{position:relative;}
#mSearch .obj .obj-in{display:flex;justify-content: center;}
#mSearch .obj .obj-roll{}
#mSearch .obj .obj-roll .scroll-btn{position: relative;width: 124px;height: 124px;color: #fff;border-radius: 50%;background: #8088e77d;z-index: 3;left: 0;top: 0;border: 0;backdrop-filter: blur(5px);transition: .15s ease-out;border: 1px solid #fff;}
#mSearch .obj .obj-roll .scroll-btn i{position:relative;display: flex;font-size: 31px;font-weight: normal;width:100%;height:100%;align-items: center;justify-content: center;transition: .4s ease-in-out;transition-property: opacity, visibility;transition: .15s ease-out;}
#mSearch .obj .obj-roll .scroll-btn i:after{
	content:"";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:106px;height:106px;
	background:url("/images/new/roll1.png") no-repeat;background-size: 100%; animation: video-roll 10s linear infinite;transition: .15s ease-out;
}
@keyframes video-roll {
    0% {transform: translate(-50%,-50%) rotate(0);}
    to {transform: translate(-50%,-50%) rotate(1turn);}
}
#mSearch .obj .obj-roll .scroll-btn:hover{background: #8088e7;border-color: #8088e7;box-shadow: 15px 15px 20px #8088e780;}
#mSearch .obj .obj-roll .scroll-btn:hover i{font-size:42px;}
#mSearch .obj .obj-roll .scroll-btn:hover i:after{opacity:0; width:50%; height:50%;}
#mSearch .obj .obj-img{}
#mSearch .obj .obj-img .img{width:124px;height:124px;border-radius:50%;overflow:hidden;margin-left: -20px;}
#mSearch .obj .obj-img .img img{max-width:100%;}

#search{position: relative; text-align: center; margin-top: 60px;}
#search .tit{font-family: 'Suit';font-weight: 700;line-height: 1.5;position: relative;display: flex;flex-direction: column;align-items: center;margin-bottom: 60px;}
#search .tit small{font-size: 14px;font-weight: 500;text-transform: uppercase;line-height: 1.143em;margin: 0px 0px 30px 0px;display: inline-block;color: #181818;position: relative;padding: 6px 12px;letter-spacing: 0;border:1px solid #181818;border-radius: 30px;font-family: "Google Sans Flex", sans-serif;transition: 0.4s;}
#search .tit big{font-size: 36px;letter-spacing: -1px;transition: all 0.4s;font-family: 'Sweet';color: #222;font-weight: 800;}
#search .tit big b{font-weight: 800;}
#search .tit big em{transition: all 0.4s;position:relative;display:inline-block;font-style:normal;z-index: 1;background-color: transparent;background-image: linear-gradient(90deg, #041a71 0%, #2562ff 50%, #041a71 100%);background-size: 200% 100%;animation: gradientMove 10s linear infinite;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
#search .tit big em:before{width:100%;height:100%;background: #fff;right:0;bottom: 0;position:absolute;content:'';transition:.6s;z-index:2;}
#search .tit big em.in-view:before{width:0;}

@keyframes gradientMove {
  0% {background-position: 0% 0%;}
  100% {background-position: 200% 0%;}
}

#search .search-input{width: 760px; height: 75px; background: #ecf0f4; border-radius: 60px; margin: 0 auto; display: flex; justify-content: space-between; padding: 5px; position: relative; transition: all 0.4s;}
#search .search-input:before{content: "\f26c"; position:absolute; left: 25px; font-size: 20px; top: 50%; font-family: 'remixicon' !important; font-style: normal; color: #aaadaf; transform: translateY(-50%);}
#search .search-input input{border: 0;background: transparent;padding: 0 20px 0 50px;width: 100%;font-weight: 500;color: #a5a6a7;font-family: 'Sweet';font-size: 20px;border-radius: 50px;}
#search .search-input button{width: 120px; height: 100%; border: 0; border-radius: 60px; transition: all 0.4s; font-size: 30px; line-height: 0; color: #fff; background: #000;}
#search .search-input button:hover{background: #8088E6;}

/* 검색 영역 반응형 */
@media (max-width: 1024px) {
	#mSearch{padding:50px 24px 30px;}
	#search{margin-top:50px;}
	#search .tit{margin-bottom:45px;}
	#search .tit big{font-size:32px;}
	#search .search-input{width:min(100%, 760px);}
}

@media (max-width: 767px) {
	#mSearch{padding:40px 20px 25px;}
	#mSearch .obj .obj-roll .scroll-btn{width:100px;height:100px;}
	#mSearch .obj .obj-roll .scroll-btn i{font-size:26px;}
	#mSearch .obj .obj-roll .scroll-btn i::after{width:86px;height:86px;}
	#mSearch .obj .obj-roll .scroll-btn:hover{box-shadow:8px 8px 14px rgba(128,136,231,.4);}
	#mSearch .obj .obj-roll .scroll-btn:hover i{font-size:32px;}
	#mSearch .obj .obj-img .img{width:100px;height:100px;margin-left:-16px;}
	#mSearch .obj .obj-img .img img{width:100%;height:100%;object-fit:cover;}
	#search{margin-top:40px;}
	#search .tit{margin-bottom:32px;}
	#search .tit small{margin-bottom:18px;font-size:12px;}
	#search .tit big{font-size:27px;line-height:1.4;word-break:keep-all;}
	#search .search-input{width:100%;height:62px;padding:5px;}
	#search .search-input::before{left:20px;font-size:18px;}
	#search .search-input input{min-width:0;padding:0 12px 0 42px;font-size:16px;}
	#search .search-input button{width:92px;flex:0 0 92px;font-size:25px;}
}

@media (max-width: 480px) {
	#mSearch{padding:35px 16px 22px;}
	#mSearch .obj .obj-roll .scroll-btn{width:84px;height:84px;}
	#mSearch .obj .obj-roll .scroll-btn i{font-size:23px;}
	#mSearch .obj .obj-roll .scroll-btn i::after{width:72px;height:72px;}
	#mSearch .obj .obj-img .img{width:84px;height:84px;margin-left:-13px;}
	#search{margin-top:34px;}
	#search .tit{margin-bottom:26px;}
	#search .tit big{font-size:23px;letter-spacing:-.6px;}
	#search .search-input{height:56px;}
	#search .search-input::before{left:17px;font-size:16px;}
	#search .search-input input{padding-left:36px;font-size:14px;}
	#search .search-input button{width:68px;flex-basis:68px;font-size:22px;}
}


/* 교수진 */
#mProf{position:relative;padding: 100px 15px 0 15px;background: linear-gradient(180deg, #fff 0%, #fff 70%, transparent);}
#mProf:before{content:"";position:absolute;width: 1920px;height: 1920px;border-radius:50%;background: linear-gradient(to bottom, #00000005 0%, rgba(255, 255, 255, 0) 100%);left:50%;top: 100px;transform: translate(-50%, 0%);z-index: 0;}
#mProf article{display:flex;max-width:1640px;padding: 50px 0;margin:0 auto;justify-content: center;align-items: flex-start;margin-bottom: 160px;}
#mProf .box{width: 28%;padding:0 15px;}
#mProf .box.box-left{}
#mProf .box.titWr{width: 46%;position: sticky;top: 0;padding: 150px 0;text-align: center;display: flex;flex-direction: column;justify-content: space-between;}
#mProf .box.titWr .tit{display:flex;flex-direction: column;align-items: center;text-align: center;position: relative;}
#mProf .box.titWr .tit small{font-size: 14px;font-weight: 500;text-transform: uppercase;line-height: 1.143em;margin: 0px 0px 14px 0px;display: inline-block;color: #181818;position: relative;padding: 6px 12px;letter-spacing: 0;border:1px solid #181818;border-radius: 30px;font-family: "Google Sans Flex", sans-serif;transition: 0.4s;}
#mProf .box.titWr .tit big{font-family: "Google Sans Flex", sans-serif;font-size: 140px;font-weight: 400;line-height: 1em;letter-spacing: -0.02em;}
#mProf .box.box-right{padding-top: 100px;}
#mProf .prof-list-wr{display:flex;gap:120px;flex-direction: column;align-items: center;justify-content: flex-start;}
#mProf .box.box-right .prof-list-wr{justify-content: flex-end;}
#mProf .prof-item{font-family: 'Suit';padding: 30px;width:420px;height:420px;border-radius:30px;background-color: #ffffff8f;/* background: #00000021; */backdrop-filter: blur(10px);/* border: 1px solid #E6E6E6; */overflow: hidden;position: relative;box-shadow: 0px 20px 30px 10px rgb(0 0 0 / 5%);}
#mProf .prof-item a{display: flex;flex-direction: column;height: 100%;justify-content: space-between;}
#mProf .prof-item .cont-top{display:flex;}
#mProf .prof-item .cont-btm{margin-top:40px;position: relative;display: flex;flex-direction: column;}
#mProf .prof-item .img_box{position: relative;flex-shrink: 0;width: 120px;height: 120px;border-radius: 15px;overflow: hidden;}
#mProf .prof-item .img_box .img{position: absolute;top: 50%;left: 50%;width: 120%;height: 100%;object-position: top;object-fit: cover;transform: translate(-50%, -50%);}
#mProf .prof-item .txt_box{padding: 0;display: flex;flex-direction: column;width: calc(100% - 100px);justify-content: center;}
#mProf .prof-item .message{font-size: 64px;color: #0000000d;font-weight: 500;letter-spacing: -2px;font-family: "Plus Jakarta Sans", sans-serif;/* font-family: "Google Sans Flex", sans-serif; */position: absolute;white-space: nowrap;left: 50%;bottom: 0;/* top: 50%; */transform: translate(-50%, 0%);display: none;}
#mProf .prof-item .info_box{padding-left: 30px;}
#mProf .prof-item .tag{display: inline-flex;width: max-content;font-size: 15px;font-family: 'Suit';font-weight: 600;background-color: #e6e9f4;color: #586eb4;padding: 8px 12px;line-height: 1;border-radius: 8px;margin-bottom: 20px;}
#mProf .prof-item .name{display: flex;align-items: center;font-size: 32px;font-weight: 700;}
#mProf .prof-item .name .position{font-size: 20px;margin-left: 5px;}
#mProf .prof-item .dp{font-size: 17px;word-break: keep-all;line-height: 1.4;opacity:.8;font-weight:500;letter-spacing:-.5px;margin-top: 5px;color: #6e6e6e;}
#mProf .prof-item .info-list{}
#mProf .prof-item .info-list > li{position:relative;padding-left: 28px;font-size: 17px;color:#000;opacity:.8;font-weight: 500;}
#mProf .prof-item .info-list > li i{font-weight:normal;}
#mProf .prof-item .info-list > li i.ri-mail-fill,
#mProf .prof-item .info-list > li i.ri-home-4-fill{position:absolute;left:0;top: 4px;}
#mProf .prof-item .info-list > li + li{margin-top:10px;}
#mProf .prof-item .tag-rsch{display:inline-flex;flex-wrap: wrap;gap: 7px;margin-top: 20px;}
#mProf .prof-item .tag-rsch > li{border-radius: 100px;color: #3d3d3d;background: #0000000d;/* border: 1px solid #3f3f3f; */font-size:14px;padding: 6px 10px;line-height: 1;font-weight: 500;font-family: "Google Sans Flex", sans-serif;}

#mProf .scroll-down{display: block;margin:0 auto;position: relative;margin-top: 80px;}
#mProf .scroll-down .in{display: flex;}
#mProf .scroll-down .arr{font-size: 116px; transform: rotate(90deg); fill: #8088E6; color: #8088E6; display: flex; height: 100px; position: relative; width: 100px; justify-content: center; align-items: center;}
#mProf .scroll-down .arr svg {display: block; height: 1em; position: relative; width: 1em;}
#mProf .scroll-down .txt{}
#mProf .scroll-down .txt .tit{font-size: 24px; padding-top:3px; display: inline-block; position: relative; z-index: 1; font-family: "Google Sans Flex", sans-serif; font-weight:500; line-height: 1.333em; word-break: break-word; transition: 0.4s;}

#mProf .btnWr{margin-top: 300px;}

.circle-button {position: relative; display: inline-block; transition: all 0.4s;}
.circle-button .icon {width:60px; text-align: center; color:#fff; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); transition: all 0.4s;}
.circle-button .textcircle {width: 250px;fill: #fff;text-transform: uppercase;transition: all 0.4s;}
.circle-button .rotate-circle {animation-name: rotateCircle; animation-duration: 20s; animation-iteration-count: infinite; animation-timing-function: linear; font-size: 24px; line-height: 32px;font-family: "Google Sans Flex", sans-serif;font-weight: 500;}
.circle-button .w-60px {width: 60px;}

@keyframes rotateCircle {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
.circle-button:hover .icon{color:#8088E6;}
.circle-button:hover .textcircle{opacity:.6;}

/* 뉴스/행사 */
.media {display: flex;justify-content: space-between;position: relative;padding: 140px 0 160px;margin: 0 auto;width: min(1792px, calc(100% - 40px));gap: 90px;}
.media .media-item {display: flex; flex-direction: column; gap: 2.4rem;}
.media .media-item#adult {width: 100%;gap: 0;}
.media-item#student {width: 640px;}
.media-title {display: flex; justify-content: space-between; flex-shrink: 0;}
.section-title {color:#fff;display: flex;justify-content: space-between;align-items: flex-end;border-bottom: 2px solid #fff;padding-bottom: 40px;width: 100%;/* height: 154px; */}
.media .tit{display:inline-flex;align-items: flex-end;gap: 70px;}
.media .tit .tit-in{display: inline-flex;flex-direction: column;align-items: flex-start;}
.media .tit small{
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.143em;
    margin: 0px 0px 14px 0px;
    display: inline-block;
    color: #fff;
    position: relative;
    padding: 6px 12px;
    letter-spacing: 0;
    border: 1px solid #fff;
    border-radius: 30px;
    font-family: "Google Sans Flex", sans-serif;
    transition: 0.4s;
}

.media .tit big{font-size: 70px;/* font-family: 'SBAggro'; *//* font-family: "Google Sans Flex", sans-serif; */font-family: "Michroma", sans-serif;/* text-transform: uppercase; */line-height: 1em;font-weight: 800;letter-spacing: 0;}
.media .tit .tab > ul{display:flex;gap:40px;padding-bottom: 10px;}
.media .tit .tab a, .media .tit .tab button{position:relative;padding:0 0 8px;border:0;background:transparent;color:rgba(255,255,255,.55);font-family:'Sweet';font-size:22px;font-weight:500;line-height:1.4;cursor:pointer;transition:.3s;}
.media .tit .tab a::after, .media .tit .tab button::after{content:"";position:absolute;right:0;bottom:0;width:0;height:2px;background:#fff;transition:width .3s;}
.media .tit .tab a:hover, .media .tit .tab button:hover, .media .tit .tab .is-active{color:#fff;}
.media .tit .tab a:hover::after, .media .tit .tab button:hover::after, .media .tit .tab .is-active::after{right:auto;left:0;width:100%;}
.media .wgl-button.box{border:0;padding: 0 20px;}
.media-contents {flex-grow: 1;display: flex;flex-direction: column;gap: 4rem;justify-content: space-between;position: relative;}
.media-list {display: flex; flex-wrap: wrap;}
.media-panel[hidden]{display:none;}
.media-list-empty{width:100%;margin:0;padding:60px 0;border-bottom:1px solid rgba(255,255,255,.5);color:#fff;font-family:'Sweet';font-size:18px;text-align:center;}
.media-list-item {width: 50%;display: flex;gap: 32px;flex-direction: row-reverse;padding: 32px;border-bottom: 1px solid #fff;position: relative;overflow: hidden;font-family: 'Suit';color: #fff;justify-content: flex-end;}
.media-list-item::before {backdrop-filter: blur(10px);display: block;content: "";width: 100%;height: 100%;background: #ffffff33;position: absolute;top: 0;left: 0;transform: translateY(100%);transition: 0.35s;z-index: -1;opacity: 0;}
.media-list-item-image {display: block; width: 14.8rem; height: 13.9rem; overflow: hidden;}
.media-list-item-image img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.media-list-item-information {width: 100%;display: flex;flex-direction: column;align-items: flex-start;}
.media-list-item-information-company {font-weight: 600;font-size: 15px;font-family: "Inter", sans-serif;padding: 4px 12px;margin-bottom: 10px;border-radius: 20px;background: rgb(255,255,255,.2);}
.media-list-item-information-title {text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 69px;font-weight: 500;line-height: 1.4545454545;/* letter-spacing: -0.05em; */margin-bottom: 30px;font-size: 24px;word-break: keep-all;font-family: 'Sweet';font-weight: 500;}
.media-list-item-information-date {color: #fff; margin-top: auto;}
.media-list-item:hover::before {transform: translateY(0); opacity: 1;}

.media-item#student .media-contents {
    border-bottom: 1px solid #fff;
    padding: 40px 40px 40px 48px;
}
.media-thumbnail {
    position: absolute;
    top: 16px;
    left: 48px;
    width: 320px;
    aspect-ratio: 1 / 1.4;
}
.media-thumbnail .swiper {
    width: 100%;
    height: 100%;
}
.media-thumbnail-item {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    transform-style: preserve-3d;
}
.media-thumbnail-item img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center top;
    transition: transform 1s cubic-bezier(.22,.61,.36,1);
}
.media-thumbnail-item:hover img {
    transform: scale(1.06) translateZ(20px);
}
.media-slider-item a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 4rem;
}
.media-slider-item a strong {
    font-size: 30px;
    color: #fff;
    line-height: 1.375;
    letter-spacing: -0.05em;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 83px;
    font-family: 'Suit';
}
.media-contents .media-slider-item-arrow {
    width: 5.1rem;
    align-self: flex-end;
}
.media-slider-pagination {
    margin-top: auto;
}

.pagination {
    display: flex;
    /* padding-left: 320px; */
    z-index: 2;
    bottom: auto;
    left: auto;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.pagination .swiper-pagination-bullet {
    margin: 0 !important;
    opacity: 1 !important;
    border-radius: 0 !important;
    width: 2rem;
    height: 2rem;
    background: transparent;
    display: flex;
    position: relative;transition:.3s;
}
.pagination .swiper-pagination-bullet::before {
    display: block;
    content: "";
    width: 0.4rem;
    height: 100%;
    background: #ffffff70;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);transition:.3s;
}
.pagination .swiper-pagination-bullet-active::before {
    background: #ffffff;
    transform: rotate(45deg);
}

.media-slider-item-arrow{display:flex;gap:7px;margin-top: -40px;}
.media-slider-item-arrow button{background: transparent;width: 40px;height: 40px;border: 0;color: #fff;font-size: 40px;transition: all 0.4s;}
.media-slider-item-arrow .btn-prev i{display: inline-block; transform: rotate(135deg) scale(-1);}
.media-slider-item-arrow .btn-next i {display: inline-block; transform: rotate(135deg);}
.media-slider-item-arrow button:hover {color:#8088E6;}
.media-slider-item-arrow button.slick-disabled {opacity: 0.4;cursor: default;pointer-events: none;}
.media-slider-item-arrow button.slick-disabled i {opacity: 0.4;}

/* News responsive: tablet */
@media (max-width: 1199px) {
	.media {
		padding: 100px 24px 120px;
		gap: 50px;
	}

	.media .section-title {
		padding-bottom: 30px;
	}

	.media .tit {
		gap: 40px;
	}

	.media .tit big {
		margin-left: -4px;
		font-size: 54px;
	}

	.media .tit .tab > ul {
		gap: 24px;
	}

	.media .tit .tab a,
	.media .tit .tab button {
		font-size: 18px;
	}

	.media-list-item {
		gap: 20px;
		padding: 26px 20px;
	}

	.media-list-item-information-title {
		height: 58px;
		margin-bottom: 22px;
		font-size: 20px;
	}
}

/* News responsive: small tablet */
@media (max-width: 900px) {
	.media-list-item {
		width: 100%;
	}
}

/* News responsive: mobile */
@media (max-width: 767px) {
	.media {
		display: block;
		padding: 70px 16px 80px;
	}

	.media .media-item,
	.media .media-item#adult {
		width: 100%;
	}

	.media .section-title {
		padding-bottom: 22px;
	}

	.media .tit {
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
	}

	.media .tit big {
		margin-left: 0;
		font-size: 42px;
	}

	.media .tit .tab {
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}

	.media .tit .tab > ul {
		width: max-content;
		min-width: 100%;
		gap: 22px;
		padding-bottom: 2px;
		white-space: nowrap;
	}

	.media .tit .tab a,
	.media .tit .tab button {
		padding-bottom: 7px;
		font-size: 16px;
	}

	.media-contents {
		gap: 0;
	}

	.media-panels,
	.media-panel,
	.media-list {
		width: 100%;
	}

	.media-list {
		display: block;
	}

	.media-list-item {
		width: 100%;
		gap: 0;
		padding: 24px 4px;
	}

	.media-list-item-information-company {
		padding: 3px 10px;
		margin-bottom: 9px;
		font-size: 12px;
	}

	.media-list-item-information-title {
		height: auto;
		min-height: 48px;
		margin-bottom: 18px;
		font-size: 18px;
		line-height: 1.45;
	}

	.media-list-item-information-date {
		font-size: 13px;
	}

	.media-list-empty {
		padding: 50px 0;
		font-size: 15px;
	}
	@media (max-width: 767px) {
	  /* 뉴스 목록 모바일에서 3개만 노출 */
	  .media-panel .media-list .media-list-item:nth-child(n+4) {
		display: none;
	  }
	  /* 3번째 항목 하단 구분선 제거 */
	  .media-panel .media-list .media-list-item:nth-child(3) {
		border-bottom: 0;
	  }
	}
}

@media (max-width: 480px) {
	.media {
		padding-top: 60px;
	}

	.media .tit big {
		font-size: 36px;
	}

	.media-list-item-information-title {
		font-size: 17px;
	}
}

/* 뉴스레터 */
#mNewsletter{position:relative; padding: 10px; background:#fff;}
#mNewsletter article{display:flex;gap: 10px;}
#mNewsletter .nl-box{position:relative;width:50%;border-radius: 30px;display: flex;flex-direction: column;justify-content: space-between;/* min-height: 680px; */height: 680px;overflow: hidden;}
#mNewsletter .nl-box.cover{background: url("/images/new/nl_bg1.jpg") no-repeat;padding: 42px 30px 36px 52px;}
#mNewsletter .nl-box.cover .txt1{}
#mNewsletter .nl-box.cover .txt1 p{color:#fff;font-family: 'Suit';font-size: 24px;font-weight: 500;line-height: 1.8;}
#mNewsletter .nl-box.cover .txt2{display: flex; flex-direction: column;}
#mNewsletter .nl-box.cover .txt2 big{color: #8088E6;font-size: 200px;line-height: 0.9;font-family: "Google Sans Flex", sans-serif;font-weight: 400;/* opacity: .6; */display: inline-flex;flex-direction: column;}
#mNewsletter .nl-box.cover .txt2 big .line1{}
#mNewsletter .nl-box.cover .txt2 big .line2{letter-spacing: 20px;}
#mNewsletter .nl-box.roll{background-color: transparent;background-image: linear-gradient(90deg, #EFF0FF 0%, #8088E6 100%);overflow: hidden;border-radius: 30px 30px 30px 30px;padding-top: 18px;paddi;padding-bottom: 55px;padding-left: 50px;padding-right: 50px;}
#mNewsletter .roll .text-editorWr{margin: 0px -200px 0px -70px;}
#mNewsletter .roll .text-editorWr .word{white-space: nowrap;}
#mNewsletter .roll .text-editorWr .word span{font-family: "Google Sans Flex", sans-serif;display: inline;font-size: 190px;font-weight: 500;color: #FFFFFF;}
#mNewsletter .roll .txt-vol{}
#mNewsletter .roll .txt-vol p{font-size: 52px;color:#181818;font-family: "Google Sans Flex", sans-serif;font-weight: 500;/* letter-spacing: 2px; */text-transform: uppercase;}
#mNewsletter .roll .nl-item{position: relative;}
#mNewsletter .roll .nl-item .item__author{display:flex;gap: 30px;position: relative;}
#mNewsletter .roll .nl-item .author__name{display:flex;flex-direction:column;}
#mNewsletter .roll .nl-item .author__name small{color: #181818; margin-bottom: 2px; display: inline-block; font-size: 18px; line-height: 1.5; letter-spacing: 0; margin-top: 8px; margin-bottom: -2px; font-weight: 600; font-family: "Google Sans Flex", sans-serif;}
#mNewsletter .roll .nl-item .author__name big{font-family: "Google Sans Flex", sans-serif; font-weight: 600; font-size: 31px; line-height: 1.5em; color:#181818; transition: 0.4s;}
#mNewsletter .roll .nl-item .item__thumbnail{width: 110px;height: 110px;border-radius: 27px;background:#000;display:inline-flex;color:#fff;justify-content: center;align-items: center;font-family: "Inter", sans-serif;font-weight: 600;font-size: 32px;}
#mNewsletter .roll .nl-item .author__position_wrapper{position:absolute;right: 0px;bottom: 0px;}
#mVisual .mf-control .arrows-block{display:flex;gap:7px;}
#mVisual .mf-control .arrows-block button{background: transparent; width: 40px; height: 40px; border: 0; font-size: 40px; transition: all 0.4s;}
#mVisual .mf-control .arrows-block .btn-prev i{display: inline-block; transform: rotate(135deg) scale(-1);}
#mVisual .mf-control .arrows-block .btn-next i {display: inline-block; transform: rotate(135deg);}
#mVisual .mf-control .arrows-block button:hover {color:#8088E6;}
#mVisual .mf-control .arrows-block button.slick-disabled {opacity: 0.4;cursor: default;pointer-events: none;}
#mVisual .mf-control .arrows-block button.slick-disabled i {opacity: 0.4;}

.line-btn{font-size: 14px;font-weight: 600; text-transform: uppercase; line-height: 1.143em; margin: 0px 0px 14px 0px; border-radius:50px;  border:1px solid #000; padding: 6px 10px;}
.sm-btn{display: flex;align-items: center;font-size: 18px;font-weight: 500;white-space: nowrap;text-transform: uppercase;font-family: "DM Sans", sans-serif;}
.sm-btn .arrow-icon {width: 38px; height: 38px; line-height: 38px; text-align: center; border-radius: 50%; background: #fff; margin-left: 15px;  color: #1f1f1f; position: relative; overflow: hidden;}
.sm-btn .arrow-icon span{transition: all 0.4s;}
.sm-btn .arrow-icon svg {stroke: #1f1f1f; transition: all 0.4s;}
.sm-btn .arrow-icon svg:first-of-type {position: absolute; top: 0; height: 100%; transform: translateY(-40px);}
.sm-btn:hover span{opacity:.8;}
.sm-btn:hover .arrow-icon svg:first-of-type {transform: translateY(0);}
.sm-btn:hover .arrow-icon svg:last-of-type {transform: translateY(40px);}

#mNewsletter .nl-box.cover .sm-btn{color:#fff;position:absolute;right: 50px;bottom: 55px;}
#mNewsletter .roll .nl-item .sm-btn{}


/* 프로젝트 */
#mProj {position: relative;background: linear-gradient(
180deg, #ffffff00 0%, #ffffff00 50%, #ffffff 100%);padding: 80px 30px 40px;}
#mProj:before{content:"";position:absolute;top:0;width:100%;height: 50%;background: linear-gradient(
0deg, #ffffff00 0%, #ffffff00 50%, #ffffff 100%);left: 0;}
/* 스크롤 길이 (패널 7장 + 여유) */
#mProj .stack {
  position: relative;
  height: 520vh; /* 7장 기준 최적 */
  max-width: 1792px;
  margin: 0 auto;
}
/* 패널 공통 */
#mProj .panel {
  position: sticky;
  top: 140px;          /* 상단 여유 */
  height: 640px;       /* 카드 높이 */
  display: flex;
  align-items: flex-start;
  justify-content: center;
  font-size: 80px;
  border-radius: 30px;
  padding: 70px;
}

/* 겹침 순서 + 계단식 덮임 (30px 간격) */
#mProj .p1 { z-index: 1; top: 140px; background:url("/images/new/proj_bg1.jpg") no-repeat 50% 50% / cover; }
#mProj .p2 { z-index: 2; top: 170px; background:url("/images/new/proj_bg2.jpg") no-repeat 50% 50% / cover; }
#mProj .p3 { z-index: 3; top: 200px; background:url("/images/new/proj_bg3.jpg") no-repeat 50% 50% / cover; }
#mProj .p4 { z-index: 4; top: 230px; background:url("/images/new/proj_bg4.jpg") no-repeat 50% 50% / cover; }
#mProj .p5 { z-index: 5; top: 260px; background:url("/images/new/proj_bg5.jpg") no-repeat 50% 50% / cover; }
#mProj .p6 { z-index: 6; top: 290px; background:url("/images/new/proj_bg6.jpg") no-repeat 50% 50% / cover; }
#mProj .p7 { z-index: 7; top: 320px; background:url("/images/new/proj_bg7.jpg") no-repeat 50% 50% / cover; }

#mProj .txtWr{display: flex; flex-direction: column; width: 100%;}
#mProj .txtWr .tit{display: flex; flex-direction: column;}
#mProj .txtWr .tit small{
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    position: relative;
    transition: 0.4s;
    text-transform: uppercase;
    line-height: 1.143em;
    letter-spacing: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #fff;
    font-family: "Google Sans Flex", sans-serif;
    /* font-family: 'SBAggro'; */
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
#mProj .txtWr .tit big{font-size: 62px;font-weight: 400;line-height: 1;margin: 0em 0em 0em -0.08em;color: #fff;display: flex;align-items: flex-end;gap: 25px;margin-top: 20px;}
#mProj .txtWr .tit big .eng{font-family: "Google Sans Flex", sans-serif;font-family: "Michroma", sans-serif;/* font-family: 'SBAggro'; */font-weight: 500;}
#mProj .txtWr .tit big .kor{font-family: 'Suit';font-family: 'Sweet';font-size: 28px;font-weight: 500;display: inline-block;padding-bottom: 20px;}
#mProj .txtWr .txt{margin-top: 80px;position:relative;}
#mProj .txtWr .txt p{font-size: 22px;color: #fff;line-height: 1.8;font-weight: 500;font-family: 'Suit';font-family: 'Sweet';}
#mProj .category-tags{display:flex;flex-wrap:wrap;gap:10px;width:100%;max-width:780px;margin-top:28px;}
#mProj .category-tags a{display:inline-flex;align-items:center;min-height:36px;padding:7px 16px;border:1px solid rgba(255,255,255,.6);border-radius:100px;background:rgba(255,255,255,.1);color:#fff;font-family:'Sweet';font-size:19px;font-weight:500;line-height:1.3;backdrop-filter:blur(4px);transition:background-color .25s,color .25s,border-color .25s,transform .25s;}
#mProj .category-tags a:hover{border-color:#fff;background:#fff;color:#111;transform:translateY(-2px);}
#mProj .btnWr{position: relative;display: none; /* 버튼 숨김 */}
#mProj .btnWr .sm-btn{color:#fff;}
#mProj .btnWr .more-arr{display: flex;align-items: center;gap: 5px;justify-content: flex-end;}
#mProj .btnWr .more-arr span{font-family: "Google Sans Flex", sans-serif;font-size: 20px;font-weight: 500;color:#fff;display: inline-block;line-height: 1;text-align: center;transition: all .3s;white-space: nowrap;}
#mProj .btnWr .more-arr svg{transform: rotate(135deg); height: 60px; display: block; height: 1em; position: relative;fill: #fff; width: 1em; font-size:60px; color:#fff; display: inline-block; line-height: 1; text-align: center; transition: all .3s;}

/* Project responsive: laptop */
@media (max-width: 1440px) {
	#mProj {
		padding: 70px 24px 40px;
	}

	#mProj .stack {
		height: 500vh;
	}

	#mProj .panel {
		height: 580px;
		padding: 56px;
		border-radius: 26px;
	}

	#mProj .p1 { top: 110px; }
	#mProj .p2 { top: 136px; }
	#mProj .p3 { top: 162px; }
	#mProj .p4 { top: 188px; }
	#mProj .p5 { top: 214px; }
	#mProj .p6 { top: 240px; }
	#mProj .p7 { top: 266px; }

	#mProj .txtWr .tit big {
		font-size: clamp(42px, 4.3vw, 62px);
	}

	#mProj .txtWr .tit big .kor {
		font-size: 24px;
		padding-bottom: 10px;
	}

	#mProj .txtWr .txt {
		max-width: 1100px;
		margin-top: 55px;
	}

	#mProj .txtWr .txt p {
		font-size: 19px;
	}
}

/* Project responsive: tablet */
@media (min-width: 768px) and (max-width: 1199px) {
	#mProj {
		padding: 60px 20px 30px;
	}

	#mProj .stack {
		height: 470vh;
	}

	#mProj .panel {
		height: min(540px, calc(100vh - 150px));
		min-height: 460px;
		padding: 42px;
		border-radius: 22px;
		flex-direction: column;
		justify-content: flex-start;
	}

	#mProj .p1 { top: 80px; }
	#mProj .p2 { top: 100px; }
	#mProj .p3 { top: 120px; }
	#mProj .p4 { top: 140px; }
	#mProj .p5 { top: 160px; }
	#mProj .p6 { top: 180px; }
	#mProj .p7 { top: 200px; }

	#mProj .txtWr .tit big {
		flex-direction: column;
		align-items: flex-start;
		gap: 14px;
		font-size: clamp(34px, 5vw, 48px);
		line-height: 1.18;
	}

	#mProj .txtWr .tit big .kor {
		font-size: 22px;
		padding-bottom: 0;
	}

	#mProj .txtWr .txt {
		max-width: 760px;
		margin-top: 36px;
	}

	#mProj .txtWr .txt p {
		font-size: 17px;
		line-height: 1.7;
	}
	#mProj .category-tags{gap:8px;margin-top:22px;}
	#mProj .category-tags a{min-height:32px;padding:6px 13px;font-size:14px;}

	#mProj .btnWr {
		position: absolute;
		right: 42px;
		bottom: 38px;
	}
}

/* Project responsive: mobile */
@media (max-width: 767px) {
	#mProj {
		padding: 50px 16px;
		background: #fff;
	}

	#mProj::before {
		display: none;
	}

	#mProj .stack {
		display: grid;
		height: auto;
		gap: 14px;
	}

	#mProj .panel,
	#mProj .p1,
	#mProj .p2,
	#mProj .p3,
	#mProj .p4,
	#mProj .p5,
	#mProj .p6,
	#mProj .p7 {
		position: relative;
		top: auto;
		height: auto;
		min-height: 430px;
		padding: 30px 24px;
		border-radius: 18px;
		flex-direction: column;
		justify-content: flex-start;
	}

	#mProj .txtWr .tit small {
		font-size: 12px;
	}

	#mProj .txtWr .tit big {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		margin-top: 14px;
		font-size: clamp(27px, 8vw, 38px);
		line-height: 1.22;
	}

	#mProj .txtWr .tit big .kor {
		font-size: 19px;
		padding-bottom: 0;
	}

	#mProj .txtWr .txt {
		margin-top: 28px;
	}

	#mProj .txtWr .txt p {
		font-size: 15px;
		line-height: 1.65;
		word-break: keep-all;
	}
	#mProj .category-tags{gap:7px;margin-top:20px;}
	#mProj .category-tags a{min-height:30px;padding:5px 11px;font-size:13px;}

	#mProj .btnWr {
		position: static;
		margin-top: auto;
		padding-top: 30px;
	}
}

@media (max-width: 480px) {
	#mProj .panel,
	#mProj .p1,
	#mProj .p2,
	#mProj .p3,
	#mProj .p4,
	#mProj .p5,
	#mProj .p6,
	#mProj .p7 {
		min-height: 410px;
		padding: 26px 20px;
	}

	#mProj .txtWr .txt p {
		font-size: 14px;
	}
}



.wgl-navigation_wrapper{display:flex; gap:20px;}
.wgl-navigation_wrapper button{color:rgb(255,255,255,.4);font-size: 50px;font-weight: normal;border:0;background:transparent;width: 50px;height: 50px;display: flex;justify-content: center;}
.wgl-navigation_wrapper button .title{display:none;}
.wgl-navigation_wrapper .elementor-swiper-button-prev i, .wgl-carousel_wrapper .motion-prev i{display: inline-block; transform: scale(-1);}

.wgl-button.line{
    border-bottom: 1px solid #ffffff9c;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    display: inline-flex;
    width: auto;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    padding: 16px 0px;
    transition: 0.4s;
    gap: 17px;
    font-family: "Inter", sans-serif;
    position: relative;
}
.wgl-button.box{
    border: 1px solid #ffffff9c;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    display: inline-flex;
    width: auto;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    padding: 16px 20px;
    transition: 0.4s;
    gap: 17px;
    font-family: "Inter", sans-serif;
    position: relative;
}
.wgl-button .button__content{display: flex; justify-content: center;align-items: center; gap: 17px;}
.wgl-button .media-wrapper{}
.wgl-button .icon-wrapper{display: inline-flex; align-items: center; line-height: 0; font-weight: normal; margin: -1em 0;}
.wgl-button .wgl-icon{
    font-size: 20px;
    display: inline-flex;
    align-items: center;
    line-height: 0;
    margin: 0;
    padding: 0;
    border-radius: 0;
    color: #fff;
    fill: currentColor;
    transition: 0.4s;
    justify-content: center;
}
.wgl-button .icon{}
.wgl-button svg{}
.wgl-button .button__text{}
.wgl-button:hover {background-size: 100% 100%;}

.wgl-button .button__text {display: inline-block; position: relative;}
.wgl-button .letter {display: inline-block;}
.wgl-button:hover .icon-wrapper {animation: WGLIconBounce 0.5s cubic-bezier(0.34, 0.91, 0.7, 0.96) both;}
.wgl-button:hover .letter {animation: WGLLetterWave 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) both;}

.wgl-button:hover .letter:nth-child(4) {animation-delay: 0.12s;}
.wgl-button:hover .letter:nth-child(5) {animation-delay: 0.15s;}
.wgl-button:hover .letter:nth-child(6) {animation-delay: 0.18s;}
.wgl-button:hover .letter:nth-child(7) {animation-delay: 0.21s;}
.wgl-button:hover .letter:nth-child(8) {animation-delay: 0.24s;}
.wgl-button:hover .letter:nth-child(9) {animation-delay: 0.27s;}
.wgl-button:hover .letter:nth-child(10) {animation-delay: 0.3s;}
.wgl-button:hover .letter:nth-child(11) {animation-delay: 0.33s;}
.wgl-button:hover .letter:nth-child(12) {animation-delay: 0.36s;}
.wgl-button:hover .letter:nth-child(13) {animation-delay: 0.39s;}
.wgl-button:hover .letter:nth-child(14) {animation-delay: 0.42s;}
.wgl-button:hover .letter:nth-child(15) {animation-delay: 0.45s;}
.wgl-button:hover .letter:nth-child(16) {animation-delay: 0.48s;}
.wgl-button:hover .letter:nth-child(17) {animation-delay: 0.51s;}
.wgl-button:hover .letter:nth-child(18) {animation-delay: 0.54s;}
.wgl-button:hover .letter:nth-child(19) {animation-delay: 0.57s;}
.wgl-button:hover .letter:nth-child(20) {animation-delay: 0.6s;}
.wgl-button:hover .letter:nth-child(21) {animation-delay: 0.63s;}
.wgl-button:hover .letter:nth-child(22) {animation-delay: 0.66s;}
.wgl-button:hover .letter:nth-child(23) {animation-delay: 0.69s;}
.wgl-button:hover .letter:nth-child(24) {animation-delay: 0.72s;}
.wgl-button:hover .letter:nth-child(25) {animation-delay: 0.75s;}
.wgl-button:hover .letter:nth-child(26) {animation-delay: 0.78s;}
.wgl-button:hover .letter:nth-child(27) {animation-delay: 0.81s;}
.wgl-button:hover .letter:nth-child(28) {animation-delay: 0.84s;}
.wgl-button:hover .letter:nth-child(29) {animation-delay: 0.87s;}
.wgl-button:hover .letter:nth-child(30) {animation-delay: 0.9s;}
.wgl-button:hover .letter:nth-child(31) {animation-delay: 0.93s;}
.wgl-button:hover .letter:nth-child(32) {animation-delay: 0.96s;}

.wgl-button:hover.align-icon-right .letter:nth-last-child(1) {animation-delay: 0.03s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(2) {animation-delay: 0.06s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(3) {animation-delay: 0.09s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(4) {animation-delay: 0.12s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(5) {animation-delay: 0.15s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(6) {animation-delay: 0.18s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(7) {animation-delay: 0.21s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(8) {animation-delay: 0.24s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(9) {animation-delay: 0.27s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(10) {animation-delay: 0.3s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(11) {animation-delay: 0.33s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(12) {animation-delay: 0.36s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(13) {animation-delay: 0.39s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(14) {animation-delay: 0.42s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(15) {animation-delay: 0.45s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(16) {animation-delay: 0.48s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(17) {animation-delay: 0.51s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(18) {animation-delay: 0.54s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(19) {animation-delay: 0.57s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(20) {animation-delay: 0.6s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(21) {animation-delay: 0.63s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(22) {animation-delay: 0.66s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(23) {animation-delay: 0.69s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(24) {animation-delay: 0.72s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(25) {animation-delay: 0.75s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(26) {animation-delay: 0.78s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(27) {animation-delay: 0.81s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(28) {animation-delay: 0.84s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(29) {animation-delay: 0.87s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(30) {animation-delay: 0.9s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(31) {animation-delay: 0.93s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(32) {animation-delay: 0.96s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(33) {animation-delay: 0.99s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(34) {animation-delay: 1.02s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(35) {animation-delay: 1.05s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(36) {animation-delay: 1.08s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(37) {animation-delay: 1.11s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(38) {animation-delay: 1.14s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(39) {animation-delay: 1.17s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(40) {animation-delay: 1.2s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(41) {animation-delay: 1.23s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(42) {animation-delay: 1.26s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(43) {animation-delay: 1.29s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(44) {animation-delay: 1.32s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(45) {animation-delay: 1.35s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(46) {animation-delay: 1.38s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(47) {animation-delay: 1.41s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(48) {animation-delay: 1.44s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(49) {animation-delay: 1.47s;}
.wgl-button:hover.align-icon-right .letter:nth-last-child(50) {animation-delay: 1.5s;}

@keyframes WGLIconBounce {
    0% {transform: translateX(0) rotate(0);}
    25% {transform: translateX(8px) rotate(5deg);}
    50% {transform: translateX(0) rotate(-2deg);}
    75% {transform: translateX(4px) rotate(2deg);}
    100% {transform: translateX(0) rotate(0);}
}
@keyframes WGLLetterWave {
    0% {transform: translateY(0);}
    30% {transform: translateY(-4px);}
    60% {transform: translateY(2px);}
    100% {transform: translateY(0);}
}
@keyframes WGLIconBounceRight {
    0% {transform: translateX(0) rotate(0);}
    25% {transform: translateX(-8px) rotate(-5deg);}
    50% {transform: translateX(0) rotate(2deg);}
    75% {transform: translateX(-4px) rotate(-2deg);}
    100% {transform: translateX(0) rotate(0);}
}





/* 하단 */
footer{position:relative; background:#fff;}


#mVisual .titArr-wr{display: none !important;align-items: center;width: calc(100% - 250px);padding-bottom: 60px;}
#mVisual .titArr-wr big{font-family:"Chakra Petch", sans-serif;display: block;font-weight: bold;font-size:70px;letter-spacing:0px;line-height: 1.2;color: #000;word-break:keep-all;text-align: left;}
#mVisual .titArr-wr big b{color:#ffffff;}
#mVisual .titArr-wr > div{flex:1;}
#mVisual .titArr-wr .mf-control{display: flex;align-items: center;}
#mVisual .faculty-cont{position: relative;margin-left: 500px;left:0%;top: -30px;width: 1600px;}
#mVisual .progress {
	display: block;
	width: calc(100% - 127px);
	height: 4px;
	border-radius: 10px;
	overflow: hidden;
	background-color: rgb(255 255 255 / 12%);
	transition: background-size .4s ease-in-out;
	background-image: linear-gradient(to right, #ffffff, #ffffff);
	background-repeat: no-repeat;
	background-size: 0 100%;
}
#mVisual .mf-control .arrows-block{display: inline-flex;padding-left: 40px;}
/*#mVisual .mf-control .arrows-block nav {background: transparent;border-radius: 100%;cursor: pointer;display: inline-block;width: 90px;height: 90px;position: relative;vertical-align: top;-ms-transform-origin: center;transform-origin: center;transition: all .5s cubic-bezier(.165,.84,.44,1);outline: none;box-shadow: none;z-index:0;}
#mVisual .mf-control .arrows-block nav:before {background: #2469c3; border-radius: 100%; content: ""; top: 0; left: 0; position: absolute; width: 100%; height: 100%; -ms-transform: scale(0); transform: scale(0); transition: transform .5s cubic-bezier(.165,.84,.44,1); z-index: 1;}
#mVisual .mf-control .arrows-block nav figure.circle {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23CACACAFF' stroke-width='4' stroke-dasharray='2%2c 9' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
	border-radius: 50%; margin: auto; opacity: 1; top: 0; right: 0; bottom: 0; left: 0; position: absolute; width: 100%; height: 100%;
    -ms-transform-origin: center; transform-origin: center; transition: opacity .5s cubic-bezier(.165,.84,.44,1); animation: e 16s linear infinite; z-index: 0;
}
#mVisual .mf-control .arrows-block nav.arr-next{margin-left: -20px;z-index: 1;}
#mVisual .mf-control .arrows-block nav i {
    position: absolute; top: 50%; left: 50%;width:23px; height:27px;background: transparent url("/images/common/arr.svg") no-repeat 50% / 100%;
    -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);stroke: #0d0d0d;transition: all .5s cubic-bezier(.165,.84,.44,1); z-index: 2;
}
#mVisual .mf-control .arrows-block nav.arr-prev i{transform: scale(-1, 1) translate(50%, -50%);}
#mVisual .mf-control .arrows-block nav:hover figure.circle {opacity: 0;}
#mVisual .mf-control .arrows-block nav:hover:before {-ms-transform: scale(1); transform: scale(1);}
#mVisual .mf-control .arrows-block nav:hover i{filter: invert(100%);}
*/

#mVisual .mf-control .arrows-block{}
#mVisual .mf-control .arrows-block nav{background: transparent;color:#fff;opacity: .5;width: 40px;height: 40px;border: 0;font-size: 40px;transition: all 0.4s;}
#mVisual .mf-control .arrows-block .arr-prev i{display: inline-block; transform: rotate(135deg) scale(-1);}
#mVisual .mf-control .arrows-block .arr-next i {display: inline-block; transform: rotate(135deg);}
#mVisual .mf-control .arrows-block nav:hover {opacity:1; cursor:pointer;}
#mVisual .mf-control .arrows-block nav.slick-disabled {opacity: 0.4;cursor: default;pointer-events: none;}
#mVisual .mf-control .arrows-block nav.slick-disabled i {opacity: 0.4;}

.n2 .nav .cs-logo a.logo-1 {/* display:none; */}
.n2 .nav .right-utill {gap: 1px;flex-direction: column-reverse;align-items: center;justify-content: center;border-radius: 12px;overflow: hidden;}

/* 그누보드 기본 삽입 스크롤 최상단 이동 버튼 제거 */
#top_btn { display: none !important; }

/* 우측 상단 유틸 : 밝은 배경 위에 있을 때 자동으로 어두운 컬러로 반전
   스크립트가 스크롤에 따라 .is-on-light 를 붙였다 뗐다 한다 */
.n2 .nav .right-utill.is-on-light .lang-top li,
.n2 .nav .right-utill.is-on-light h1.pc-menu { background: rgba(0, 0, 0, 0.55); }
.n2 .nav .right-utill.is-on-light .lang-top a,
.n2 .nav .right-utill.is-on-light h1.pc-menu button > span { color: #fff; }
.n2 .nav .right-utill.is-on-light h1.pc-menu button:before,
.n2 .nav .right-utill.is-on-light h1.pc-menu button:after { background-color: #fff; }
.n2 .nav .lang-top a{color:#fff;font-size:13px;line-height:1;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding: 8px 0;}
.n2 .nav .lang-top a.on {color: #fff;}
.n2 .nav .lang-top a:hover {background: #8088e7; color:#fff;}
.n2 .nav h1.pc-menu {border-radius: 0;background: rgb(255, 255, 255, .2);backdrop-filter: blur(10px);}
.n2 .nav .lang-top{width:100%;gap: 1px;}
.n2 .nav .lang-top li{text-align: center;background: rgb(255, 255, 255, .2);backdrop-filter: blur(10px);width:100%;}



/* ************************** 푸터 ****************************** */
.aiisN2Ftr, .aiisN2Ftr *{box-sizing:border-box;}
.aiisN2Ftr{width:100%;min-height:400px;margin:0;padding: 40px clamp(32px, 3.65vw, 70px) 78px;background:#fff;color:#222;font-family: 'Sweet', "Inter", "Pretendard", "Noto Sans KR", Arial, sans-serif;}
.aiisN2Ftr__inner{width:100%;max-width:1784px;min-height:232px;margin:0 auto;display:flex;justify-content:space-between;align-items:stretch;gap:70px;}
.aiisN2Ftr__brand{min-width:0;}
.aiisN2Ftr__logoLink{display:inline-block;align-self:flex-start;line-height:0;}
.aiisN2Ftr__logo{display:block;width:178px;height:auto;}
.aiisN2Ftr__contact{margin:28px 0 0;color:#555;font-style:normal;}
.aiisN2Ftr__contact dl, .aiisN2Ftr__contact dd{margin:0;}
.aiisN2Ftr__contact dl > div{display:flex;align-items:flex-start;font-size: 17px;line-height:1.5;}
.aiisN2Ftr__contact dl > div + div{margin-top:14px;}
.aiisN2Ftr__contact dt{width:104px;flex:0 0 104px;color:#111;font-size: 18px;font-weight:700;}
.aiisN2Ftr__contact a{color:inherit;text-decoration:none;}
.aiisN2Ftr__copyright{margin:39px 0 0;color:#333;font-size: 15px;font-weight:400;line-height:1.5;}
.aiisN2Ftr__utility{width:320px;flex:0 0 320px;}
.aiisN2Ftr__policy{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-bottom:40px;white-space:nowrap;}
.aiisN2Ftr__policy a{color:#333;font-size: 18px;font-weight:700;line-height:1.4;text-decoration:none;transition:color .2s ease;}
.aiisN2Ftr__family{position:relative;width:260px;margin-left:auto;}
.aiisN2Ftr__familyBtn{appearance:none;width:100%;height:44px;padding:0 20px 0 28px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:22px;background:#f6f7fa;color:#333;font:inherit;font-size:17px;font-weight:500;cursor:pointer;}
.aiisN2Ftr__familyIcon{position:relative;width:15px;height:15px;flex:0 0 15px;}
.aiisN2Ftr__familyIcon::before, .aiisN2Ftr__familyIcon::after{content:"";position:absolute;top:7px;left:0;width:15px;height:2px;background:#333;transition:transform .2s ease;}
.aiisN2Ftr__familyIcon::after{transform:rotate(90deg);}
.aiisN2Ftr__familyBtn[aria-expanded="true"] .aiisN2Ftr__familyIcon::after{transform:rotate(0);}
.aiisN2Ftr__familyList{position:absolute;right:0;bottom:calc(100% + 8px);z-index:10;width:100%;margin:0;padding:10px 0;border:1px solid #e5e5e5;border-radius:14px;background:#fff;list-style:none;box-shadow:0 10px 30px rgba(0, 0, 0, .15);}
.aiisN2Ftr__familyList a{display:block;padding:10px 20px;color:#555;font-size:14px;text-decoration:none;}
.aiisN2Ftr__sns{display:flex;justify-content:flex-end;gap:12px;margin-top:43px;}
.aiisN2Ftr__sns a{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#777;color:#fff;font-size:15px;font-weight:800;line-height:1;text-decoration:none;transition:transform .2s ease, background-color .2s ease;}
.aiisN2Ftr__sns svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:1.8;}
.aiisN2Ftr__sns .aiisN2Ftr__svgFill{fill:#fff;stroke:none;}
.aiisN2Ftr__sns .aiisN2Ftr__svgDark{fill:#777;stroke:none;}
.aiisN2Ftr__talk{font-size:7px;letter-spacing:-.5px;}

@media (hover: hover){
    .aiisN2Ftr__policy a:hover, .aiisN2Ftr__familyList a:hover{color:#000;}
    .aiisN2Ftr__sns a:hover{background:#999;transform:translateY(-2px);}
}
@media (max-width: 767px){
    .aiisN2Ftr{min-height:0;padding:45px 24px 38px;}
    .aiisN2Ftr__inner{min-height:0;flex-direction:column;gap:38px;}
    .aiisN2Ftr__brand{display:block;}
    .aiisN2Ftr__logo{width:154px;}
    .aiisN2Ftr__contact{margin-top:24px;}
    .aiisN2Ftr__contact dl > div{display:block;font-size:13px;}
    .aiisN2Ftr__contact dt{width:auto;margin-bottom:4px;font-size:14px;}
    .aiisN2Ftr__utility{width:100%;flex-basis:auto;}
    .aiisN2Ftr__policy{justify-content:flex-start;flex-wrap:wrap;gap:10px 24px;margin-bottom:26px;}
    .aiisN2Ftr__policy a{font-size:14px;}
    .aiisN2Ftr__family{width:100%;}
    .aiisN2Ftr__sns{justify-content:flex-start;margin-top:26px;}
    .aiisN2Ftr__copyright{margin-top:30px;font-size:11px;}
}


.media{width: min(1792px, calc(100% - 40px));/* max-width:1920px; */margin:0 auto;box-sizing:border-box;}
.media-list-item{box-sizing:border-box;min-width:0;}
.media-list-item-information{min-width:0;}

#mProf article{width:100%;max-width:1640px;padding:50px 30px;box-sizing:border-box;}
#mProf .box{min-width:0;box-sizing:border-box;}
#mProf .prof-item{width:100%;max-width:420px;box-sizing:border-box;}

@media (max-width: 1440px) {
	.media{padding:100px 24px 120px;}
	.media-list-item{padding:26px 20px;}
	.media-list-item-information-title{font-size:20px;}
	#mProf article{gap:30px;}
	#mProf .prof-list-wr{gap:60px;}
}

@media (max-width: 1200px) {
	.media-list-item{width:100%;}
	#mProf article{padding-right:20px;padding-left:20px;}
	#mProf .box{padding-right:10px;padding-left:10px;}
	#mProf .prof-item{padding:22px;}
}

/* ===== 카드 배경 WebP 우선 제공 (2026-09-21) =====
   원본 jpg 는 위에 그대로 두고, webp 를 읽을 수 있는 브라우저만 가벼운 webp 를 받는다.
   화질은 동일(원본에서 무손실에 가깝게 변환), 용량만 4.0MB -> 1.0MB. */
@supports (background-image: image-set(url("x.webp") type("image/webp"))) {
	#mProj .p1 { background-image: image-set(url("/images/new/proj_bg1.webp") type("image/webp"), url("/images/new/proj_bg1.jpg") type("image/jpeg")); }
	#mProj .p2 { background-image: image-set(url("/images/new/proj_bg2.webp") type("image/webp"), url("/images/new/proj_bg2.jpg") type("image/jpeg")); }
	#mProj .p3 { background-image: image-set(url("/images/new/proj_bg3.webp") type("image/webp"), url("/images/new/proj_bg3.jpg") type("image/jpeg")); }
	#mProj .p4 { background-image: image-set(url("/images/new/proj_bg4.webp") type("image/webp"), url("/images/new/proj_bg4.jpg") type("image/jpeg")); }
	#mProj .p5 { background-image: image-set(url("/images/new/proj_bg5.webp") type("image/webp"), url("/images/new/proj_bg5.jpg") type("image/jpeg")); }
	#mProj .p6 { background-image: image-set(url("/images/new/proj_bg6.webp") type("image/webp"), url("/images/new/proj_bg6.jpg") type("image/jpeg")); }
	#mProj .p7 { background-image: image-set(url("/images/new/proj_bg7.webp") type("image/webp"), url("/images/new/proj_bg7.jpg") type("image/jpeg")); }
}