@charset "utf-8";
@font-face {font-family: 'GothicA1';font-style: normal;font-weight: 900;src: url(/public/font/GothicA1-Black.woff) format('woff'),url(/public/font/GothicA1-Black.ttf) format('openType');}
@font-face {font-family: 'SpoqaHan';font-style: normal;font-weight: 100;src: url(/public/font/SpoqaHanSansNeo-Thin.otf) format('openType');}
@font-face {font-family: 'SpoqaHan';font-style: normal;font-weight: 300;src: url(/public/font/SpoqaHanSansNeo-Light.otf) format('openType');}
@font-face {font-family: 'SpoqaHan';font-style: normal;font-weight: 500;src: url(/public/font/SpoqaHanSansNeo-Regular.otf) format('openType');}
@font-face {font-family: 'SpoqaHan';font-style: normal;font-weight: 700;src: url(/public/font/SpoqaHanSansNeo-Medium.otf) format('openType');}
@font-face {font-family: 'SpoqaHan';font-style: normal;font-weight: 900;src: url(/public/font/SpoqaHanSansNeo-Bold.otf) format('openType');}

/* font - Pretendard */
@font-face {font-family: 'Pretendard';font-style: normal;font-weight: 400;src: url(/public/font/Pretendard-Regular.woff2) format('woff'),url(../font/Pretendard-Regular.otf) format('opentype');}
@font-face {font-family: 'Pretendard';font-style: normal;font-weight: 500;src: url(/public/font/Pretendard-Medium.woff2) format('woff'),url(../font/Pretendard-Medium.otf) format('opentype');}
@font-face {font-family: 'Pretendard';font-style: normal;font-weight: 600;src: url(/public/font/Pretendard-SemiBold.woff2) format('woff'),url(../font/Pretendard-SemiBold.otf) format('opentype');}
@font-face {font-family: 'Pretendard';font-style: normal;font-weight: 700;src: url(/public/font/Pretendard-Bold.woff2) format('woff2'),url(../font/Pretendard-Bold.otf) format('opentype');}
@font-face {font-family: 'Pretendard';font-style: normal;font-weight: 900;src: url(/public/font/Pretendard-ExtraBold.woff2) format('woff'),url(../font/Pretendard-ExtraBold.otf) format('opentype');}

body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul,a {margin:0;padding:0;letter-spacing: -0.03em;}
body, button, input, select, table, textarea {font-size:12px;color:#202020;font-family:"SpoqaHan", "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif}
h1, h2, h3, h4, h5, h6 {font-size:inherit;line-height:inherit}
textarea {-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:transparent;border:0;word-break:keep-all;word-wrap:break-word}
button, input {-webkit-border-radius:0;border-radius:0;border:0}
button {background-color:transparent; cursor:pointer;}
fieldset, img, li {border:0;}
img {vertical-align:top}
ol, ul {list-style:none; font-size: 0;}
address, em {font-style:normal}
a {color:inherit;text-decoration:none}
a:hover {text-decoration:none;}
iframe {overflow:hidden;margin:0;border:0;padding:0;vertical-align:top}
mark {background-color:transparent}
i {font-style:normal}
[aria-hidden="true"]{display:none;}

@-webkit-keyframes introOut { 0% { opacity:1;  } 100% { opacity:1;  } }
@keyframes introOut { 0% { opacity:1;  } 100% { opacity:0;  } }
@-webkit-keyframes scale-up-logo {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  50% {
    -webkit-transform: scale(6.03);
            transform: scale(6.03);
  }
  100% {
    -webkit-transform: scale(20);
            transform: scale(20);
			opacity:0;
  }
}
@keyframes scale-up-logo {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50 {transform: scale(1.1);}
  55% {
            transform: scale(6.03);
			opacity:1;
  }
  100% {
    -webkit-transform: scale(20);
            transform: scale(20);
			opacity:0;
  }
}
@-webkit-keyframes move-intro {
  0% {
  	-webkit-transform: translateX(2000px);
  	transform: translateX(2000px);
	  
  }
  100% {
  	-webkit-transform: translateX(120px);
  	transform: translateX(120px);
	  
	  opacity:100;
  }
}
@-webkit-keyframes move-textbox{
  0%{-webkit-transform: scaleX(10); transform: scaleX(10); transition:2s;}
  70%{-webkit-transform: scaleX(1); transform: scaleX(1);transition:2s;}
  100%{}
}
@-webkit-keyframes move-textbox2{
  0%{-webkit-transform: scaleX(1); transform: scaleX(1); transition:2s;}
  100%{-webkit-transform: scaleX(0.3); transform: scaleX(0.3);transition:2s;}
}
@-webkit-keyframes spot{
  0%{-webkit-transform: scaleY(0); transform: scaleY(0); transition:2s;}
  100%{-webkit-transform: scaleY(1); transform: scaleY(1);transition:2s;}
}
@-webkit-keyframes mainTxt{
  0%{opacity: 0; transform: translate3d(0, 100%, 0);}
  100%{opacity: 1;  transform: translateZ(0);}
}
@keyframes fadeIn { 0%{opacity:0;} 100%{opacity:1;} }
@keyframes boxMoving { 0%{ transition:2s;} 70%{transition:2s;} 100%{width:478px;} }
@keyframes boxMoving2 { 0%{ transition:2s;} 70%{transition:2s;} 100%{width:80px;} }
@keyframes boxMoving3 { 0%{ transition:2s;} 70%{transition:2s;} 100%{width:157px;} }
@keyframes maskingBox { 0%{opacity:1;} 100%{opacity:0;} }
@keyframes subImgTop{
    0%{}
    100%{transform: translateY(-250px);}
  }
@keyframes subImgBottom{
	0%{}
	100%{transform: translateY(250px);}
}
@keyframes updown{
	0%{transform: translatey(-5px);}
    100%{transform: translatey(5px);}
}


/*공통*/
body.popupView{position:static; overflow: hidden;}
.selectBox{position: relative;}
.selectBox .selectInfo{position: relative; display: block; height: 38px; line-height: 40px; color: #464B58; font-size: 14px; font-weight: 400; background-color: #fff;
border: 1px solid #464B58;}
.selectBox .selectList{position: absolute; top: -155px; left: 0; display: none; width: 100%; max-height:360px; padding: 7px; overflow:auto; background-color: #fff; border: 1px solid #464B58; box-sizing:border-box; z-index: 10;}
.selectBox .selectList a{position: relative; display: block; height: 28px; line-height: 28px; font-size: 14px; border-radius:4px;}
.selectBox .selectInfo{}
.selectBox .selectInfo:after{content:""; position: absolute; top: 13px; right: 10px; width: 16px; height: 16px; background-position: -254px -72px;}
.selectBox .selectInfo[aria-pressed="true"], .selectBox .selectInfo:hover{}
.selectBox .selectInfo[aria-pressed="true"]+.selectList{z-index: 777; display: block;}
.selectBox .selectInfo[aria-pressed="true"]:after, .selectBox .selectInfo:hover:after , .selectBox:hover .selectInfo:after{content:""; position: absolute; top: 13px; right: 10px; width: 16px; height: 16px; background-position: -238px -72px;}
.selectBox .selectInfo[aria-pressed="true"]+.selectList:hover:after{content:""; position: absolute; top: 13px; right: 10px; width: 16px; height: 16px; background-position: -238px -72px;}
.location{width: 1200px; margin:0 auto; padding:16px 0 48px 0; }
.location li{float: left; position: relative; padding: 0 15px ;}
.location .locationList:after{content:""; position: absolute; top: 0; right: -10px; width: 16px; height: 16px; background-position: -266px 0;}
.location li:first-child{padding: 0 15px 0 0;}
.location li:last-child .locationList:after{content:none;}
.location li a{font-size: 12px;}
.contentHead{text-align: center;}
.contentHead h2{font-weight: 900; line-height: 58px; font-size: 42px; color: #202224;}
.spot{position: relative; width: 100%; height: 360px; background-size: cover; background-repeat:no-repeat; background-position:center; z-index: -10;}
.contentContainer{width: 1200px; margin:80px auto 0;}
.animationWrap{overflow: hidden;}
.animationWrap .aniBox{position: absolute; left: 0; top: 0; right: 0; height: 239px; background: #fff; z-index: 20; transition: all 0.8s cubic-bezier(0.550, 0.055, 0.675, 0.190); overflow: hidden; transform:skewy(-5deg)}
.animationWrap .aniBox.top{ animation: subImgTop 0.5s ease-out both;}
.animationWrap .aniBox.bottom{top: auto; bottom: 0; animation: subImgBottom 0.5s ease-out both;}

#wrap{width: 100%; height: 100%; padding-top: 64px;}

/*헤더*/
.headerWrap{position:fixed; top: 0; left: 0; right: 0; z-index:1; background: #fff;}
.headerWrap:hover{box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.12); backdrop-filter: blur(4px);}
.headerWrap.viewTop{position: fixed; top: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.9); box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.12); backdrop-filter: blur(4px); z-index: 200;}
.headerWrap.viewTop:hover{background-color: #fff;}
.headerWrap .headerInner{position: relative; width: 1200px; margin:auto; text-align: center;}
.headerWrap .headerInner .logo{position: absolute; top: 16px; left: 0; width: 247px; height: 32px; background-position: -284px 0;}
.headerNavigation{display: inline-block; height: 64px;}
.navigationMenu{}
.navigationMenu>li{display:inline-block;}
.navigationMenu li a{display: block; padding: 22px 28px; font-family: 'SpoqaHan'; font-weight: 900; font-size: 16px;}
.navigationMenu>li>a:hover{color: #FF8900;}
.navigationMenu li .subNavigation{position: absolute; top: 64px; right: 0; left: 0; width: 100vw; height:0; margin-left: calc(-50vw + 50%); text-align:center;}
.navigationMenu li .subNavigation:after {content:""; position:fixed; z-index:0; top:64px; right:0; left:0; height:64px; transform:scaleY(0); transition:transform .2s;}
.navigationMenu .subNavigation>a{position:relative; z-index:2; display:none; color: #fff;}
.navigationMenu>li:hover .menu+.subNavigation>a {display:inline-block;}
.navigationMenu>li:hover .menu+.subNavigation {height:64px;}
.navigationMenu>li:hover .menu+.subNavigation:after {transform:scaleY(1); background-color: #FF8900;}
.headerWrap .langWrap{float: right; margin: 23px 0 0 0;}
.headerWrap .langWrap li{position: relative; display: inline-block; }
.headerWrap .langWrap li:first-child{/*margin: 0 21px 0 0;*/}
.headerWrap .langWrap li .eng {color: #AEB2BA;}
.headerWrap .langWrap li .eng:before{content:"│"; position: absolute; top: 0; left: -16px; color: #F0F4F8;}
.headerWrap .langWrap li a{display: inline-block; color: #464B58; font-size: 14px; font-weight: 700;}

.container{position: relative; min-width: 1300px;}

/*intro*/
.container .introWrap{position:fixed; top:0; left:0; z-index:1; width: 100%; height: 100%; overflow: hidden; background-color:#fff;}
.container .introLogo{position: relative; width: 100vw; height: 100vh; text-align: center; overflow: hidden;}
.container .introLogo .logo{position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -104px; display: block; width: 208px; height: 68px; text-align: center;  background-position: 0 0; -webkit-animation: scale-up-logo 1.5s ease-out both; animation: scale-up-logo 1.5s ease-out both;}
.container .introTitle{position: absolute; top:50%; left: 0; transform:translateY(-50%); width: 100%;  overflow: hidden; animation:introOut .5s ease-in both; animation-delay:5.5s;}
.container .introTitle p{position: relative; margin-bottom: 8px; padding-left:120px; font-family: 'GothicA1'; font-weight: 900; font-size: 80px; color: #202224; overflow:hidden; white-space:nowrap; animation:fadeIn .5s ease-in both; animation-delay:2s;}
.container .introTitle p strong{color: #FF8900;}
.introTitle .box {position:relative; display:inline-block; width:100%;}
.introTitle .box1 {animation:boxMoving .5s ease-in both; animation-delay:2.5s;}
.introTitle .box2 {animation:boxMoving2 .5s ease-in both; animation-delay:2.5s;}
.introTitle .box3 {animation:boxMoving3 .5s ease-in both; animation-delay:2.5s;}
.introTitle .box:after{content:""; position: absolute; z-index:1; top:0; left: 0; width:100%; height:100%; background-color: #FF8900; animation:maskingBox 0.5s ease-in both; animation-delay:3.5s;}

/*메인이미지*/
.visualWrap{position: relative; margin-top: 80px; height: 680px; overflow:hidden;}
.visualWrap .swiper-slide{height: 680px; background-size:cover; background-repeat:no-repeat; background-position:0 0; /*-webkit-ani mation: spot 0.3s ease-out both; an imation: spot 0.3s ease-out both; */}
.visualWrap .swiper-slide:nth-child(1){background-image: url(../../files/ekms/image/Keyvisual01.png?ver=20240104);}
.visualWrap .swiper-slide:nth-child(2){background-image: url(../../files/ekms/image/proptier_main_newrent_01.png?ver=20240425);}
.visualWrap .swiper-slide:nth-child(3){background-image: url(../../files/ekms/image/Keyvisual02.png?ver=20240104);}
.visualWrap .visualBox{width: 1200px; margin: auto;}
.visualWrap .visualInner{position: absolute; top: 42px; z-index: 10;}
.visualWrap .visualInner .visualText{margin-top: -50px; font-family: "SpoqaHan"; font-weight: 900; font-size: 72px; -webkit-animation: mainTxt 0.8s ease-out both; animation: mainTxt 0.8s ease-out both; animation-delay:0.5s;}
.visualWrap .visualInner .visualText span{font-weight: 700; font-size: 20px; letter-spacing: -0.05em; line-height: 26px; color: #FF8900;}
.visualWrap .visualInner .visualText strong{color: #FF8900;}
.visualWrap .visualInner .btnMore{position: relative; margin-top: 32px; height: 48px; padding: 12px 54px 12px 24px; border: 1px solid #202224; font-size: 16px; font-weight: 500; }
.visualWrap .visualInner .btnMore:after{content:""; position: absolute; top: 12px; right: 24px; width: 24px; height: 24px; background-position: -216px 0;}
.visualWrap .visualInner .btnMore:hover{border: none; background: #FF8900; color: #fff;}
.visualWrap .visualInner .btnMore:hover:after{content:""; background-position: -240px 0;}
.visualWrap .btnScroll{ position: absolute; bottom: 20px; left: 50%; font-size: 16px; font-family: 'SpoqaHan'; font-weight: 500; text-align: center; color: #202224; z-index: 100;}
.visualWrap .btnScroll .scrollImg{display: block; width: 24px; height: 36px; margin: 8px auto 11px; background-position: -349px -176px;}
.visualWrap .btnScroll:after{content:""; display: block; width: 24px; height: 19px; margin:auto; background-position: -349px -223px; animation:updown 1s infinite ease-in-out alternate}
.swiperVisual .swiper-pagination{position: absolute; right: 136px; bottom: 16px; z-index: 10;}
.swiperVisual .swiper-pagination span{width: 12px; height: 34px; margin-right:5px; border-radius: 0; transform:skewX(20deg);}
.swiperVisual .swiper-pagination span.swiper-pagination-bullet-active{background-color: #FF8900;}

/*메인리스트*/
.summaryWrap{width: 1200px; margin:88px auto 0;}
.contentSummary{display:flex; }
.contentSummary .summaryContainer{position: relative; width: 376px; margin-right: 20px;}
.contentSummary .summaryContainer .swiper {overflow:hidden;}
.contentSummary .summaryContainer:not(:last-child):after{content:""; position: absolute; top: 0; right: 0; width: 1px; height: 148px; background: #F0F4F8;}
.summaryContainer .summaryTitle{margin-bottom:32px; font-size: 16px; color: #202224; font-family: 'SpoqaHan'; font-weight: 700;}
.summaryContainer .summaryText, .summaryContainer .summaryText a{display: block; width: 350px; margin-bottom: 27px; line-height: 32px; color: #464B58; font-size: 20px; letter-spacing: -0.02em; font-family: 'SpoqaHan'; font-weight: 700;}
.summaryContainer .newsTitle .icnNew, .newsList .newsBox .newsInfoBox .newsTitle .icnNew{display: inline-block; margin-top: -3px; margin-left: 3px; width: 24px; height: 24px; background-position: -196px -72px; vertical-align: middle;}
.summaryContainer .summaryLink{position: relative; padding: 3px 22px 3px 0; margin-top: 20px; font-family: 'SpoqaHan'; font-size: 14px; color: #464B58;}
.summaryContainer .summaryLink:after{content:""; position: absolute; right: 0; width: 16px; height: 16px; background-position: -18px -273px;}
.summaryContainer .indexBox{}
.summaryContainer .indexBox span{margin-bottom: 8px; font-size: 16px; color: #5e6570; font-weight: 400;}
.summaryContainer .indexBox .num{font-weight: 700; font-size: 58px; letter-spacing: -0.01em; color: #464B58;}
.summaryContainer .indexBox .num .unit{font-size: 24px; letter-spacing: -0.02em;}
.summaryContainer .swiper-pagination {padding-top:100px;}

/*메인 하단메뉴*/
.mainMenuWrap{width: 1200px; margin:200px auto 0;}
.mainMenuWrap .contentMenu{}
.mainMenuWrap .contentMenu .menuList{display:flex; flex-wrap : wrap;}
.mainMenuWrap .contentMenu .menuList li {position: relative; width: 384px; height: 408px; margin-right:24px;}
.mainMenuWrap .contentMenu .menuList .menuThumbnailBox {position:relative; transform:translateY(24px); transition:all 0.5s; width:384px; height:384px;}
.mainMenuWrap .contentMenu .menuList li:nth-child(3n+3){margin-right: 0;}
.mainMenuWrap .contentMenu .menuList li:nth-child(1) .menuThumbnailBox {background:  url(../../files/ekms/image/main_menu_bg01.jpg?ver=202401050853) 0 0 ;}
.mainMenuWrap .contentMenu .menuList li:nth-child(2) .menuThumbnailBox {background:  url(../../files/ekms/image/main_menu_bg02.jpg?ver=202401050853) 0 0 ;}
.mainMenuWrap .contentMenu .menuList li:nth-child(4) .menuThumbnailBox {background:  url(../../files/ekms/image/main_menu_bg03.jpg?ver=202401050853) 0 0 ;}
.mainMenuWrap .contentMenu .menuList li:nth-child(5) .menuThumbnailBox {background:  url(../../files/ekms/image/main_menu_bg04.jpg?ver=202401050853) 0 0 ;}
.mainMenuWrap .contentMenu .menuList li:nth-child(6) .menuThumbnailBox {background:  url(../../files/ekms/image/main_menu_bg05.jpg?ver=202401050853) 0 0 ;}
.thumbnailDimmed{display: block; width: 100%; height: 100%; transition:all 0.5s;}
.mainMenuWrap .contentMenu .menuList .menuThumbnailBox .thumbnailDimmed h4{position: absolute; bottom: 32px; left: 24px; display:none; color:#fff; font-weight: 700; font-size: 32px; transition:all 0.1s;}
.mainMenuWrap .contentMenu .menuList .menuThumbnailBox .thumbnailDimmed dl{position: absolute; bottom:24px; left: 24px; height:51px; overflow:hidden; transition:all 0.5s;}
.mainMenuWrap .contentMenu .menuList .menuThumbnailBox .thumbnailDimmed dt{margin-bottom: 8px; font-weight: 700; font-size: 32px; color: #fff;}
.mainMenuWrap .contentMenu .menuList .menuThumbnailBox .thumbnailDimmed dt:after{content:""; display:none; width: 56px; height: 40px; background-position: -251px -227px; vertical-align: middle; margin-left: 8px;}
.mainMenuWrap .contentMenu .menuList li:hover .menuThumbnailBox .thumbnailDimmed dt:after {display:inline-block;}
.mainMenuWrap .contentMenu .menuList .menuThumbnailBox .thumbnailDimmed dd {display:none; font-weight: 500; font-size: 16px; color: #fff;}
.mainMenuWrap .contentMenu .menuList li:hover .menuThumbnailBox .thumbnailDimmed dd {display:block;}
.mainMenuWrap .contentMenu .menuList .menuThumbnailBox .thumbnailDimmed dd.subTitle{position: relative; margin-top: 16px; margin-bottom: 16px; padding-top: 16px; }
.mainMenuWrap .contentMenu .menuList .menuThumbnailBox .thumbnailDimmed dd.subTitle:before{content:""; position: absolute; top: 0; width: 300px; height: 1px; background-color: #F0F4F8;}
.mainMenuWrap .contentMenu .menuList .menuThumbnailBox .thumbnailDimmed dd .highlight{display: inline-block; margin-bottom: 4px; padding: 8px; background: #FF8900;}
.mainMenuWrap .contentMenu .menuList li:hover .menuThumbnailBox {transform:translateY(0);}
.mainMenuWrap .contentMenu .menuList .menuThumbnailBox:nth-child(3){ pointer-events: none;}
.mainMenuWrap .contentMenu .menuList li:hover .thumbnailDimmed {background: linear-gradient(180deg, rgba(255, 137, 0, 0) 0%, #FF8900 98.7%), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); box-shadow: 0px 25px 35px -10px rgba(0, 0, 0, 0.2);}
.mainMenuWrap .contentMenu .menuList .menuThumbnailBox .thumbnailDimmed:hover h4{opacity: 0;}
.mainMenuWrap .contentMenu .menuList li:hover .menuThumbnailBox .thumbnailDimmed dl {height:75px;}
.mainMenuWrap .contentMenu .menuList li:nth-child(4):hover .menuThumbnailBox .thumbnailDimmed dl {height:268px;}
.mainMenuWrap .contentMenu .menuList li p{position:absolute; top: 108px; left: 52px; line-height: 56px; font-weight: 900; font-size: 42px; color: #464B58;}
.mainMenuWrap .contentMenu .menuList li p strong{color: #FF8900;}

/*푸터*/
.footerWrap{display: flex; position: relative; margin-top:80px; padding-top: 32px; padding-bottom: 64px; border-top: 1px solid #F0F0F3;}
.footerInner{position: relative; width: 1200px; margin:auto;}
.footerInner .logo{position: absolute; top: 0; left: 0; width: 94px; height: 38px; background-position: -100px -70px;}
.footerInner .infoWrap{padding-left: 126px; width: 470px;}
.footerInner .infoWrap li{float: left; margin-right: 10px; color: #AFAEBA; font-size: 12px; font-family: 'SpoqaHan'; font-weight: 500; line-height: 20px;}
.footerInner .selectBox{position: absolute; right: 0;}
.footerInner .selectBox .selectInfo{width: 188px; padding-left:16px;}
.footerInner .selectBox:hover .selectList{display: block;}
.footerWrap .buttonWrap{display: none; position: fixed; bottom: 92px; right: 24px; opacity: 0;  animation:maskingBox .5s ease-in both; z-index: -100;}
.btnTop{width: 88px; height: 88px; border-radius:50%; border: 1px solid #dedfe5; background-color: #fff; filter: drop-shadow(0px 12px 16px rgba(0, 0, 0, 0.08));}
.btnTop:after{content:""; display: block; margin:auto; width: 28px; height: 35px; background-position: -312px -95px;}
.headerWrap.viewTop + .container + .footerWrap .buttonWrap{display: block; animation:fadeIn .5s ease-in both; z-index: 100;}
.btnTop:hover{background: #FF8900; border-color: #FF8900;}
.btnTop:hover:after{content:""; background-position: -312px -130px;}

/*히스토리*/
.spot.history{background-image:url(../../files/ekms/image/bg_history.png?ver=20240104);}
.contentBoxLeft{display: inline-block; vertical-align: top; width: 263px; font-size: 20px; color: #AEB2BA; line-height: 28px; letter-spacing: -0.6px; padding-right: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; font-weight: 700; letter-spacing: -0.02em;}
.contentBoxLeft .pageSubTabItem{position: relative; display: inline-block; margin-bottom: 18px;}
.contentBoxLeft .pageSubTabItem[aria-selected="true"]{color: #FF8900;}
.contentBoxLeft .pageSubTabItem[aria-selected="true"]:after{content:""; display: block; position: absolute; left: 1px; bottom: 1px; width: calc(100% - 2px); height: 2px; background-color: #FF8900;}
.contentBoxRight{display: inline-block; vertical-align: top; width: 894px; font-size: 14px; color: #5e6570;}
.contentBoxRight[aria-hidden="true"] {display:none;}
.contentBoxRight .historyBox{position: relative; padding:27px 0 24px 0;}
.contentBoxRight .historyBox:fitst-child {padding: 0 0 24px 0;}
.contentBoxRight .historyBox:after{content:""; position: absolute; right: 0; bottom: 0; width: 100%; height: 1px; background-color: #F0F4F8;}
.contentBoxRight .historyBox .historyYear{float: left; width: 78px; margin-right: 24px; font-size: 20px; letter-spacing: -0.02em; font-weight: 700; color: #464B58;}
.contentBoxRight .historyBox .historyExplain{overflow: hidden; margin: 3px 0 0; font-size: 14px; }
.contentBoxRight .historyBox .historyExplain dl{padding-bottom: 24px;}
.contentBoxRight .historyBox .historyExplain .historyMonth{float: left; width: 78px; margin-right: 24px; font-weight: 900;}
.contentBoxRight .historyBox .historyExplain .historyText{overflow: hidden; font-size: 14px; font-weight: 500;}
.contentBoxRight .historyBox .historyExplain .historyText p + p{margin-top: 24px;}
.contentBoxRight .historyBox .thebiz{position: absolute; right: 0; color: #7A8089; font-size: 13px;}

/*뉴스*/
.newsContainer{margin: -258px auto 0;}
.spot.news{background-image:url(../../files/ekms/image/bg_news.png?ver=20240104);}
.newsList .newsBox{display: inline-block; vertical-align: top; width: 384px; height: 399px; margin-right: 24px; margin-bottom: 65px;}
.newsList .newsBox:nth-child(3n+3){margin-right: 0;}
.newsList .newsBox a{display: block;}
.newsList .newsBox .newsImgBox{position: relative; width: 100%; padding-top: 240px; margin-bottom: 24px; overflow: hidden; background-size: cover; background-image: url(../../files/ekms/image/news_noImg.jpg?ver=20240104); background-position: 0 0; background-repeat: no-repeat; transition:all 0.5s;}
.newsList .newsBox .newsImgBox.newsNoImg{background-image: url(../../files/ekms/image/news_noImg.jpg?ver=20240104); background-position: 0 0; background-repeat: no-repeat;}
.newsList .newsBox .newsImgBox .thumbnailDimmed{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; transition:all 0.5s;}
.newsList .newsBox .newsImgBox .thumbnailDimmed:after{content:""; position: absolute; right: 24px; bottom: 24px; display: inline-block; width: 56px; height: 40px; background-position: -251px -227px; vertical-align: middle; margin-left: 8px; opacity: 0;}
.newsList .newsBox .newsInfoBox .newsTitle{height: 56px; line-height: 28px; margin-bottom: 8px; font-weight: 700; font-size: 18px; color: #464B58;}
.newsList .newsBox .newsInfoBox .newsTxt{max-width:100%; height: 48px; margin-bottom: 8px; line-height: 24px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2; color: #5E6570; font-size: 14px;}
.newsList .newsBox .newsInfoBox .newsDate{color: #7A8089; font-size: 12px;}
.newsList .newsBox:hover .thumbnailDimmed{background: linear-gradient(180deg, rgba(255, 137, 0, 0) 0%, #FF8900 100%); }
.newsList .newsBox:hover .thumbnailDimmed:after{opacity: 1;}
.newsList .newsBox:hover .newsImgBox{margin-top: -24px; box-shadow: 0px 25px 35px -10px rgba(0, 0, 0, 0.2);}
.newsList .newsBox:hover .newsTitle{color: #FF8900;}
.newsContainer .buttonWrap{text-align: center; padding-top: 80px;}
.buttonWrap .btnMore{width: 180px; height: 40px; border: 1px solid #464B58; font-size: 14px; color: #464B58; transition:all 0.5s;}
.buttonWrap .btnMore:after{content:""; display: inline-block; margin-left: 6px; width: 16px; height: 16px; background-position: -36px -274px; vertical-align: middle;}
.buttonWrap .btnMore:hover{background: #FF8900; border: none; color: #fff;}
.buttonWrap .btnMore:hover:after{content:""; background-position: -216px -274px;}

/*채용*/
.spot.careers{background-image: url(../../files/ekms/image/bg_careers.png?ver=20240104);}
.careersContainer{}
/* .swiperCareersWrap{width: 1200px; ma rgin: -320px auto 0; } */
.swiperCareers{position: relative; margin: -190px 0 0 0; padding-left:100px; overflow:hidden;}
.swiperCareers .careersSwiperTitle{margin-bottom: 32px; font-size: 20px; font-weight: 700; color: #464B58;}
.swiperCareers .swiper-wrapper{}
.swiperCareers .swiper-slide{width: 486px; height: 320px; margin-right: 24px; background-repeat: no-repeat; background-position: 0 0;}
.swiperCareers .swiper-slide:nth-child(1){background-image: url(../../files/ekms/image/work_space01.png?ver=20240104);}
.swiperCareers .swiper-slide:nth-child(2){background-image: url(../../files/ekms/image/work_space02.png?ver=20240104);}
.swiperCareers .swiper-slide:nth-child(3){background-image: url(../../files/ekms/image/work_space03.png?ver=20240104);}
.swiperCareers .swiper-slide:nth-child(4){background-image: url(../../files/ekms/image/work_space04.png?ver=20240104);}
.swiperCareers .swiper-slide:nth-child(5){background-image: url(../../files/ekms/image/work_space05.png?ver=20240104);}
.swiperButtonWrap{position: relative; width: 1200px; margin: auto;}
.swiperButtonWrap span{align-items:center; display: inline-block; text-align: right; padding-top: 40px; padding-left: 820px; font-size: 18px; color: #464B58;}
.swiperButtonWrap .swiper-button-prev{top: 32px; right: 39px; border: 1px solid #464B58; text-align: center; transition:all 0.3s; box-sizing:border-box;}
.swiperButtonWrap .swiper-button-prev:after{content:""; display: inline-block; margin-top: 12px; text-align: center; width: 16px; height: 16px; text-align: center; background-position: 0 -273px;}
.swiperButtonWrap .swiper-button-next{top: 32px; right: 0px; border: 1px solid #464B58; text-align: center; transition:all 0.3s; box-sizing:border-box;}
.swiperButtonWrap .swiper-button-next:after{content:""; display: inline-block; margin-top: 12px; width: 16px; height: 16px; text-align: center; background-position: -18px -273px;}
.swiperButtonWrap .swiper-button-prev:hover, .swiperButtonWrap .swiper-button-next:hover{background-color: #FF8900; border: 1px solid #FF8900;}
.swiperButtonWrap .swiper-button-prev:hover:after{background-position: -180px -273px;}
.swiperButtonWrap .swiper-button-next:hover:after{background-position: -198px -273px;}
.careersContainer .contentBoxLeft{width: 302px;}
.careersContainer .contentBoxLeft p{color: #464B58; font-size: 20px; font-weight: 700; line-height: 30px; letter-spacing: -0.02em;}
.careersContainer .contentBoxRight{width: 891px; margin-left: 4px;}
.careersContainer .careersListHeader{display:flex; padding-bottom: 18px; border-bottom:1px solid #5E6570}
.careersContainer .careersListHeader .counter{display: inline-block; font-size: 14px; letter-spacing: -0.02em; color: #5e6570;}
.careersContainer .careersListHeader .counter .num{color: #FF8900;}
.careersContainer .careersListHeader .careersTab{margin-left: auto;}
.careersContainer .careersListHeader .careersTab li{position: relative; display: inline-block; margin-right: 24px; font-size: 20px; letter-spacing: -0.02em; font-weight: 700; color: #AEB2BA; cursor:pointer;}
.careersContainer .careersListHeader .careersTab li:last-child{margin-right: 0;}
.careersContainer .careersListHeader .careersTab li[aria-selected="true"]{color: #FF8900;}
.careersContainer .careersListHeader .careersTab li[aria-selected="true"]:after{content:""; position: absolute; bottom: 0; left: 2px; height: 2px; width: 100%; background-color: #FF8900;}
.careersContainer .careersList .careersBox{position: relative; padding: 24px 0; border-bottom:1px solid #F0F4F8;}
.careersContainer .careersList .careersBox a{display: inline-block;}
.careersContainer .careersList .careersBox .careersTitle{margin-bottom: 16px; font-size: 20px; font-weight: 700; color: #464B58;}
.careersContainer .careersList .careersBox .recruitType{}
.careersContainer .careersList .careersBox .recruitType li{display: inline-block; font-size: 14px; color: #7A8089; }
.careersContainer .careersList .careersBox .recruitType li + li:before{content:"│";}
.careersContainer .careersList .careersBox .applyWrap{position: absolute; top: 24px; right: 0;}
.careersContainer .careersList .careersBox .applyWrap .btnLink{position: relative; display: block; float: right; padding: 3px 22px 3px 0; margin-bottom: 12px; font-size: 14px; color: #464B58;}
.careersContainer .careersList .careersBox .applyWrap .btnLink:after{content:""; position: absolute; top: 4px; right: 0; width: 16px; height: 16px; background-position: -18px -273px; vertical-align: middle;}
.careersContainer .careersList .careersBox .applyWrap .btnLink:hover{color: #FF8900;}
.careersContainer .careersList .careersBox .applyWrap .btnLink:hover:after{background-position: -108px -273px;}
.careersContainer .careersList .careersBox .applyWrap .companyLogo{clear:both;}
.companyLogo .kms{width: 85px; height: 28px; background-position: -194px -322px;}
.companyLogo .thebiz{width: 116px; height: 28px; background-position: -194px -354px;}
.careersList.careersNoList{padding: 120px 0; text-align: center; margin:auto; border-bottom: 1px solid #F0F4F8;}
.careersList.careersNoList span{display: block; margin-bottom: 16px; font-size: 42px; font-weight: 700; color: #AEB2BA;}
.careersList.careersNoList p{font-size: 14px; line-height: 24px; color: #AEB2BA;}

/*투자*/
.spot.investment{background-image: url(../../files/ekms/image/bg_investment.png?ver=20240104);}
.investmentContainer .contentBoxLeft h3{font-weight: 700; font-size: 20px; letter-spacing: -0.02em; color: #464B58;}
.investmentListHeader{padding: 16px 0; border-top: 1px solid #5E6570; border-bottom: 1px solid #5E6570;}
.investmentListHeader .column{display: inline-block; font-weight: 700; font-size: 14px; color: #464B58;}
.stockholder .investmentListHeader .column:nth-child(1){width: 486px;}
.stockholder .investmentListHeader .column:nth-child(2), .stockholder .investmentListHeader .column:nth-child(3){width: 180px; margin-left: 24px; text-align: center;}
.investmentListContent .boardItem{padding: 24px 0;}
.investmentListContent .boardItem + .boardItem{border-top: 1px solid #F0F4F8;}
.investmentListContent .boardItem .column{position: relative;}
.investmentListContent .boardItem .column span{display: inline-block; line-height: 24px; font-weight: 500; font-size: 14px; color: #5e6570;}
.stockholder .investmentListContent .boardItem .column span:nth-child(2){width: 374px; padding-left: 112px;}
.stockholder .investmentListContent .boardItem .column span:nth-child(3), .stockholder .investmentListContent .boardItem .column span:nth-child(4){width: 180px; margin-left: 24px; text-align: center;}
.investmentListContent .boardItem .column span.name{position: absolute; top: -7px; left: 0; width: 88px; height: 40px;}
.investmentListContent .boardItem .column span.sk{background-position: 0 -432px;}
.investmentListContent .boardItem .column span.yanolja{background-position: 0 -474px;}
.investmentListContent .boardItem .column span.logo_aegis{position: absolute; top: -7px; left: 0; width: 88px; height: 40px; background: url("../../files/ekms/image/logo_aegis.png") no-repeat center;}
.investmentListContent .boardItem .column span.thebiz{background-position: 0 -516px;}
.investmentListFooter{padding: 16px 0; border-top: 1px solid #5E6570;}
.investmentListFooter .column{display: inline-block; color: #464B58;}
.stockholder .investmentListFooter .column:nth-child(1){width: 486px; font-weight: 700; font-size: 14px;}
.stockholder .investmentListFooter .column:nth-child(2), .stockholder .investmentListFooter .column:nth-child(3){width: 180px; margin-left: 24px; font-size: 20px; font-weight: 700; text-align: center;}

.subsidiary{margin-top: 80px;}
.subsidiary .investmentListHeader .column:nth-child(1){width: 690px;}
.subsidiary .investmentListHeader .column:nth-child(2){width: 180px; margin-left: 24px; text-align: center;}
.subsidiary .investmentListContent .boardItem .column span:nth-child(2){width: 578px; padding-left: 112px;}
.subsidiary .investmentListContent .boardItem .column span:nth-child(3){width: 180px; margin-left: 24px; text-align: center;}
.subsidiary .investmentListFooter .column:nth-child(1){width: 690px; font-weight: 700; font-size: 14px;}
.subsidiary .investmentListFooter .column:nth-child(2){width: 180px; margin-left: 24px; font-size: 20px; font-weight: 700; text-align: center;}

/*KMS 소개*/
.spot.companyIntro{background-image: url(../../files/ekms/image/bg_company.png?ver=20240104);}
.companyContainer .sectionWrap + .sectionWrap{margin-top: 80px;}
.companyContainer h3{color: #464B58; line-height: 24px; letter-spacing: -0.02em; font-weight: 700; font-size: 20px;}
.companyContainer p{color: #464B58; line-height: 25px; font-weight: 700; letter-spacing: -0.02em; font-size: 20px;}
.companyContainer p em{color: #FF8900;}
.companyContainer .btnDownload{position: relative; display: inline-block; margin-top: 16px;width: 108px; height: 32px; padding:0 15px; border: 1px solid #464B58; box-sizing:border-box;}
.companyContainer .btnDownload:after{content:""; position: absolute; top: 7px; width: 16px; height: 16px; margin-left: 6px; background-position: -54px -273px;}
.companyContainer .btnDownload button{color: #464B58; font-size: 12px;}
.companyContainer .btnDownload:hover{border: 1px solid #FF8900; background-color: #FF8900; color: #fff;}
.companyContainer .btnDownload:hover:after{background-position: -233px -273px;}
.companyContainer .btnDownload:hover button{color: #fff;}
.profileList{border-top: 1px solid #5E6570;}
.profileList .boardItem{padding: 16px 0; border-bottom: 1px solid #F0F4F8;}
.profileList .boardItem .title{display: inline-block; width: 180px; vertical-align:top; text-indent: 0; font-weight: 700; color: #464B58; font-size: 14px; letter-spacing: -0.02em;}
.profileList .boardItem .column{display: inline-block; width: 690px; text-indent: 24px; font-weight: 400; font-size: 14px; letter-spacing: -0.02em; color: #5E6570;}
.profileList .boardItem .column em{font-weight: 700;}
.profileList .boardItem .column ul{padding-left: 24px;}
.profileList .boardItem .column ul li{position: relative; display: block; margin-bottom: 8px; line-height: 24px; text-indent: 12px; font-size: 14px; color: #5E6570;}
.profileList .boardItem .column ul li:before{content:""; position: absolute; top: 11px; left: 5px; width: 2px; height: 2px; background-color: #5E6570;}
.partnerList{}
.partnerList .partnerItem{display: inline-block; width: 166px; height: 80px; margin-right: 16px; margin-bottom: 16px; border: 1px solid #F0F4F8; box-sizing:border-box;}
.partnerList .partnerItem:nth-child(5n+5){margin-right: 0;}
.partnerList .partnerItem:after{content:""; display: block; width: 166px; height: 80px;}
.partnerList .naver:after{background-position: 0 0;}
.partnerList .kt:after{background-position: -166px 0;}
.partnerList .skt:after{background-position: -336px 0;}
.partnerList .reb:after{background-position: -504px 0;}
.partnerList .kdata:after{background-position: -672px 0;}
.partnerList .seoulsi:after{background-position: 0 -82px;}
.partnerList .molit:after{background-position: -166px -82px;}
.partnerList .navercloud:after{background-position: -336px -82px;}
.partnerList .samyangdata:after{background-position: -504px -82px;}
.partnerList .kb:after{background-position: -672px -82px;}
.partnerList .woori:after{background-position: 0 -164px;}
.partnerList .shinhan:after{background-position: -166px -164px;}
.partnerList .hana:after{background-position: -336px -164px;}
.partnerList .sinhancapital:after{background-position: -504px -164px;}
.partnerList .mk:after{background-position: -672px -164px;}
.partnerList .joinsland:after{background-position: 0 -246px;}
.partnerList .slp:after{background-position: -166px -246px;}
.partnerList .sbsbiz:after{background-position: -336px -246px;}
.partnerList .house:after{background-position: -504px -246px;}
.partnerList .mdmplus:after{background-position: -672px -246px;}
.partnerList .lifetech:after{background-position: 0 -328px;}
.partnerList .dndproperty:after{background-position: -166px -328px;}
.partnerList .deoham:after{background-position: -336px -328px;}
.partnerList .ssg:after{background-position: -504px -328px;}
.partnerList .eland:after{background-position: -672px -328px;}
.partnerList .socialhousing:after{background-position: 0 -410px;}
.partnerList .crazyalpaca:after{background-position: -166px -410px;}
.partnerList .foodtech:after{background-position: -336px -410px;}

/*mission가치*/
.spot.mission{background-image: url(../../files/ekms/image/bg_mission.png?ver=20240104);}
.missionList{}
.missionList .boardItem{padding-bottom: 24px; margin-top: 24px; border-bottom: 1px solid #F0F4F8;}
.missionList .boardItem:nth-child(1){margin-top: 0;}
.missionList .boardItem .num{display: inline-block; width: 180px; margin-right: 21px; font-weight: 700; letter-spacing: -0.02em; font-size: 20px; color: #202224;}
.missionList .boardItem .missionBox{display: inline-block; width: 690px; vertical-align: top;}
.missionList .boardItem .missionBox .missionTitle{margin-bottom: 24px; font-weight: 700; font-size: 20px; line-height: 25px; color: #464B58;}
.missionList .boardItem .missionBox .missionTxt{font-size: 14px; line-height: 24px; color: #5E6570;}

/*서비스*/
.contentheadBg{position: relative;}
.contentheadBg:before{content:"";position: absolute; top: 51px; left: 50%; margin-left: -96px; width: 125px; height: 74px; background-position: 0 -323px; z-index: -1;}
.serviceContainer{}
.servicecontentBox{margin-bottom: 80px;}
.servicecontentBox .contentBoxLeft{width: 588px; padding: 54px 0;}
.servicecontentBox .contentBoxLeft .titleBox{}
.servicecontentBox .contentBoxLeft .icnService{display: inline-block; width: 104px; height: 104px; margin-right: 24px; border-radius:24px; background: #fff; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);}
.servicecontentBox .contentBoxLeft .icnService:after{content:""; display: block; margin: auto;}
.servicecontentBox .contentBoxLeft .icnService.aisiljang:after{margin-top: 41px; width: 82px; height: 22px; background-position: -5px -405px;}
.servicecontentBox .contentBoxLeft .icnService.newrent:after{margin-top: 41px; width: 82px; height: 22px; background-position: -402px -230px;}
.servicecontentBox .contentBoxLeft .icnService.eroom:after{margin-top: 20px; width: 58px; height: 64px; background-position: -132px -323px;}
.servicecontentBox .contentBoxLeft .icnService.ebunyang:after{margin-top: 35px; width: 86px; height: 34px; background-position: -93px -399px;}
.servicecontentBox .contentBoxLeft .serviceTitle{display: inline-block; vertical-align: top; line-height: 52px; font-weight: 900; font-size: 42px; color: #202224;}
.servicecontentBox .contentBoxLeft .serviceTitle span{display: block; margin-bottom: 8px; line-height: 20px; font-weight: 500; font-size: 16px; color: #5E6570;}
.servicecontentBox .contentBoxLeft .serviceTitle .icnAiroommate{position: relative; display: inline-block;}
.servicecontentBox .contentBoxLeft .serviceTitle .icnAiroommate:after{content:""; display: inline-block; top: -40px; width: 53px; height: 53px; background-position: -184px -400px; vertical-align: middle; margin-top: -9px;}
.servicecontentBox .contentBoxLeft .serviceTxt{margin: 24px 0 32px; font-size: 16px; line-height: 26px; font-weight: 400; color: #5E6570;}
.servicecontentBox .contentBoxLeft .serviceLinkBox{display:flex; margin: 32px 0 56px 0;}
.servicecontentBox .contentBoxLeft .serviceLinkBox li{display: inline-block; margin-right: 16px;}
.servicecontentBox .contentBoxLeft .serviceLinkBox li a{position: relative; display: inline-block; width: 160px; height: 40px; border: 1px solid #464B58; font-size: 12px; color: #464B58;}
.servicecontentBox .contentBoxLeft .serviceLinkBox li a:hover{background-color: #FF8900; border: 1px solid #FF8900; color: #fff;}
.servicecontentBox .contentBoxLeft .serviceLinkBox li .linkGoogleplay:after{content:""; display: inline-block; margin: 8px 26px; width: 108px; height: 24px; background-position: -240px -400px;}
.servicecontentBox .contentBoxLeft .serviceLinkBox li .linkGoogleplay:hover:after{background-position: -240px -453px;}
.servicecontentBox .contentBoxLeft .serviceLinkBox li .linkAppstore:after{content:""; display: inline-block; width: 94px; height: 22px; margin-top: 9px; margin-left: 33px; background-position: -240px -427px;}
.servicecontentBox .contentBoxLeft .serviceLinkBox li .linkAppstore:hover:after{background-position: -240px -481px;}
.servicecontentBox .contentBoxLeft .serviceLinkBox li .linkSite{line-height: 40px; text-indent: 17px; font-size: 14px;}
.servicecontentBox .contentBoxLeft .serviceLinkBox li .linkSite:after{content:""; position: absolute; top: 12px; right: 18px; width: 16px; height: 16px; background-position: -18px -273px; vertical-align: middle;}
.servicecontentBox .contentBoxLeft .serviceLinkBox li .linkSite:hover:after{background-position: -198px -273px;}
.servicecontentBox .contentBoxLeft .thumbnailBox{display: flex; height: 136px;}
.servicecontentBox .contentBoxLeft .thumbnailBox li{display: inline-block;}
.servicecontentBox .contentBoxLeft .thumbnailBox li:hover .thumbnailDimmed{background: linear-gradient(180deg, rgba(255, 137, 0, 0) 0%, #FF8900 98.7%), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); box-shadow: 0px 25px 35px -10px rgb(0 0 0 / 20%);}
.servicecontentBox .contentBoxLeft .thumbnailBox li+li{margin-left: 16px;}
.servicecontentBox .contentBoxLeft .thumbnailBox li a{position: relative; display: block; width: 160px; height: 96px; margin-bottom: 8px; background-color: #000; transition:all 0.5s;}
.servicecontentBox .contentBoxLeft .thumbnailBox li a.ai1{background-image: url(../../files/ekms/image/thumb_ai01.png?ver=20240104);}
.servicecontentBox .contentBoxLeft .thumbnailBox li a.ai2{background-image: url(../../files/ekms/image/thumb_ai02.png?ver=20240104);}
.servicecontentBox .contentBoxLeft .thumbnailBox li a.ai3{background-image: url(../../files/ekms/image/thumb_ai03.png?ver=20240104);}
.servicecontentBox .contentBoxLeft .thumbnailBox li a.er1{background-image: url(../../files/ekms/image/thumb_eroom01.png?ver=20240104);}
.servicecontentBox .contentBoxLeft .thumbnailBox li a.er2{background-image: url(../../files/ekms/image/thumb_eroom02.png?ver=20240104);}
.servicecontentBox .contentBoxLeft .thumbnailBox li a.er3{background-image: url(../../files/ekms/image/thumb_eroom03.png?ver=20240104);}
.servicecontentBox .contentBoxLeft .thumbnailBox li a.kt1{background-image: url(../../files/ekms/image/thumb_kt01.png?ver=20240104);}
.servicecontentBox .contentBoxLeft .thumbnailBox li a.kt2{background-image: url(../../files/ekms/image/thumb_kt02.png?ver=20240104);}
.servicecontentBox .contentBoxLeft .thumbnailBox li a.kt3{background-image: url(../../files/ekms/image/thumb_kt03.png?ver=20240104);}
.servicecontentBox .contentBoxLeft .thumbnailBox li a:after{content:""; position: absolute; top: 24px; left: 56px; width: 48px; height: 48px; background-position: -92px -440px; opacity: .6;}
.servicecontentBox .contentBoxLeft .thumbnailBox li a:hover{margin-top:-8px;}
.servicecontentBox .contentBoxLeft .thumbnailBox li a:hover:after{opacity: 1;}
.servicecontentBox .contentBoxLeft .thumbnailBox li span{font-size: 12px; font-weight: 400; color: #7A8089;}
.servicecontentBox .contentBoxRight{width: 588px;}
.servicecontentBox .contentBoxRight .contentBoxSlide{position: relative; padding:60px; text-align:center;}
.servicecontentBox .contentBoxRight .contentBoxSlide .slideItem{position: absolute; top: 47px; left: 50%; margin-left: -130px;}
.servicecontentBox .contentBoxRight .swiper-cards .swiper-slide {overflow:visible;}
.servicecontentBox .contentBoxRight .contentBoxSlide  img{background: #FFFFFF;border: 6px solid #FFFFFF; box-shadow: 16px 32px 32px rgba(0, 0, 0, 0.1), 8px 18px 24px rgba(0, 0, 0, 0.1); border-radius: 16px;}
.servicecontentBox .contentBoxRight .contentBoxSlide .swiper-pagination{bottom: 10px; left: 50%; transform:translate3d(-50%,0,0);}

.bigdatacontentBox{position: relative; width: 100%; height: 582px; background-size: cover; background-repeat:no-repeat; background-position:center; background-image: url(../../files/ekms/image/bg_bigdata.png?ver=20240104);}
.bigdatacontentBox .contentBoxLeft{display: block; width: 1200px; margin:auto;}
.bigdatacontentBox .contentBoxLeft .serviceTitle{ margin-top: 122px; color: #fff;}
.bigdatacontentBox .contentBoxLeft .serviceTitle span{color: #fff;}
.bigdatacontentBox .contentBoxLeft .serviceTxt{color: #fff;}
.bigdatacontentBox .contentBoxLeft ul li .btnView{display: block; border: 1px solid #fff; line-height: 40px; text-indent: 36px; color: #fff; font-size: 14px;}
.bigdatacontentBox .contentBoxLeft .btnView:after{content:"";position: absolute; top: 12px; right: 36px; width: 16px; height: 16px; background-position: -252px -273px;}

/*팝업*/
.layerPopupWrap{position:fixed; z-index:7777; top:0; right:0; bottom:0; left:0; background-color:rgba(0, 0, 0, .4);}
.popupContentWrap{position:absolute; top:80px; bottom: 80px; left:50%; transform:translate(-50%, 0); min-width:300px; background:#fff; box-shadow:0px 25px 35px -10px rgba(0, 0, 0, 0.2);}
.popupLayer{position:absolute; z-index:7777; padding:16px 24px; background:#fff; border:1px solid #dedfe5; box-shadow:0px 15px 30px -5px rgba(0, 0, 0, 0.1);}
.popupContentWrap .close{position: absolute; z-index: 10; top: 24px; right: 24px; width: 24px; height: 24px;}
.popupContentWrap .close .icnClose{display: block; width: 24px; height: 24px; background-position: 0 -291px;}
.popupHeader{position: absolute; top: 0; left: 0; right: 0; background: #fff;  height: 72px; border-bottom: 1px solid #F0F0F3; z-index: 5;}
.popupHeader .title{line-height: 70px; text-align: center; font-weight: 900; font-size: 24px; color: #202224;}
.popupContent{height:100%; padding-top: 73px; box-sizing: border-box;}
.popupInner{overflow:auto; height: 100%; padding: 40px 50px 40px 64px; box-sizing: border-box;}
.popupInner::-webkit-scrollbar{width: 24px;}
.popupInner::-webkit-scrollbar-thumb{background-color: #AEB2BA; border-radius: 100px; background-clip: padding-box; border: 8px solid transparent;}
.popupInner::-webkit-scrollbar-track{background-color: #fff;}

/*팝업-동영상*/
.videoContent{}
.videoContent .popupContentWrap{width: 864px; top: 50%; bottom: auto; transform:translate(-50%, -50%);}
.videoContent .popupContent{padding:72px;}
.videoContent .videoSwiper{overflow:hidden;}
.videoContent .videoSwiper .videoWrap{position:relative; width: 720px; height: 460px; margin:0 auto 26px; background-color: #dcdcdc;}
.videoContent .videoSwiper .videoWrap video {position:absolute; top:0; left:0; width:100%; height:100%;}
.videoContent .videoSwiper .videoTitle{width: 502px; margin: auto; text-align: center; font-weight: 700; font-size: 24px; color: #202224;}
.videoContent .vdSwiperButtonWrap{position: relative;  width: 720px;}
.videoContent .vdSwiperButtonWrap .swiper-button-next{width: auto; height: auto; top: -25px; right: 0;}
.videoContent .vdSwiperButtonWrap .swiper-button-next:after{content:""; display: inline-block; width: 24px; height:24px; background-position: -52px -291px; vertical-align: middle;}
.videoContent .vdSwiperButtonWrap .swiper-button-next:hover:after{content:""; background-position: -356px -72px;}
.videoContent .vdSwiperButtonWrap .swiper-button-prev{width: auto; height: auto; top: -25px; left: 0;}
.videoContent .vdSwiperButtonWrap .swiper-button-prev:before{content:""; display: inline-block; width: 24px; height:24px; background-position: -26px -291px; vertical-align: middle;}
.videoContent .vdSwiperButtonWrap .swiper-button-prev:hover:before{background-position: -332px -72px;}
.videoContent .vdSwiperButtonWrap span{display: inline-block; vertical-align: middle; font-size: 16px; color: #5E6570;}
.videoContent .vdSwiperButtonWrap span:hover{color: #FF8900;}

/*팝업-빅데이터*/
.bigdataContent .popupContentWrap{width: 880px;}
.bigdataContent .section{display: flex; align-items:center; margin-bottom: 24px;}
.bigdataContent .section div:nth-of-type(1){margin-right: 24px;}
.bigdataContent .section .textBox{display: inline-block; width: 364px; vertical-align: middle;}
.bigdataContent .section .textBox .title{margin-bottom: 16px; font-weight: 900; font-size: 20px; color: #202224;}
.bigdataContent .section .textBox ul{}
.bigdataContent .section .textBox ul li{position: relative; line-height: 24px; text-indent: 16px; font-size: 14px; color: #5E6570;}
.bigdataContent .section .textBox ul li:before{content:""; position: absolute; top: 11px; left: 8px; width: 2px; height: 2px; border-radius:50%; background-color: #5E6570;}
.bigdataContent .section .imgBox{display: inline-block; width: 364px; height: 280px;}
.bigdataContent .section .imgBox.bg1{background-position: 0 -558px;}
.bigdataContent .section .imgBox.bg2{background-position: 0 -838px;}
.bigdataContent .section .imgBox.bg3{background-position: -364px -276px;}
.bigdataContent .section .imgBox.bg4{background-position: -364px -559px;}
.bigdataContent .section .imgBox.bg5{background-position: -364px -838px;}

.introLogo .logo,.headerWrap .headerInner .logo, .footerInner .logo, .selectBox .selectInfo:after, .selectBox .selectInfo[aria-pressed="true"]:after, .selectBox .selectInfo:hover:after, .visualWrap .visualInner .btnMore:after, .visualWrap .btnScroll .scrollImg, .visualWrap .btnScroll:after, .summaryContainer .newsTitle .icnNew, .summaryContainer .summaryLink:after, .mainMenuWrap .contentMenu .menuList .menuThumbnailBox .thumbnailDimmed dt:after, .btnTop:after, .location .locationList:after, .newsList .newsBox .newsImgBox.newsImgNone, .newsList .newsBox .newsInfoBox .newsTitle .icnNew, .newsList .newsBox .newsImgBox .thumbnailDimmed:after, .buttonWrap .btnMore:after, .buttonWrap .btnMore:hover:after,.swiperButtonWrap .swiper-button-prev:after, .swiperButtonWrap .swiper-button-next:after, .careersContainer .careersList .careersBox .applyWrap .btnLink:after, .companyLogo .kms, .companyLogo .thebiz, .investmentListContent .boardItem .column span.name, .companyContainer .btnDownload:after, .contentheadBg:before, .servicecontentBox .contentBoxLeft .icnService:after, .servicecontentBox .contentBoxLeft .serviceTitle .icnAiroommate:after, .servicecontentBox .contentBoxLeft .serviceLinkBox li .linkGoogleplay:after, .servicecontentBox .contentBoxLeft .serviceLinkBox li .linkAppstore:after,.servicecontentBox .contentBoxLeft .serviceLinkBox li .linkGoogleplay:hover:after, .servicecontentBox .contentBoxLeft .serviceLinkBox li .linkSite:after,.servicecontentBox .contentBoxLeft .serviceLinkBox li .linkAppstore:hover:after, .bigdatacontentBox .contentBoxLeft .serviceTitle .btnView:after,.bigdatacontentBox .contentBoxLeft .btnView:after, .popupContentWrap .close .icnClose, .bigdataContent .section .imgBox, .servicecontentBox .contentBoxLeft .thumbnailBox li a:after, .videoContent .vdSwiperButtonWrap .swiper-button-next:after, .videoContent .vdSwiperButtonWrap .swiper-button-prev:before{background-image: url(../../files/ekms/image/yj_bg_ver01.svg?ver=20240104);}
.logoEn, .headerWrap .footerInner .logoEn{background-image: url(../../files/ekms/image/yj_bg_ver01.svg?ver=20240104);}

.partnerList .partnerItem:after{background-image: url(../../files/ekms/image/yj_partner_logo_ver01.svg?ver=20240104);}


.SYloading {position:relative; height:300px; background:url(/public/img/KMS_loading.gif?ver=20240104) center center no-repeat; background-size:250px 250px;}


/* 푸터 개인정보 처리방침 관련 추가 */*{
  box-sizing: border-box;
}
.career_privacy{
  padding-top:0;
}
.career_privacy .container{
  min-width: auto;
}
.career_privacy .contentContainer{
  width: 1080px;
  margin: 40px auto 60px;
  padding: 0 20px;
}
.career_privacy .personalInfoWrap{
  width: 700px;
}
.career_privacy .personalInfoWrap .labeling{
    width: 100%;
}

@media screen and (max-width: 1080px) {
  .career_privacy .contentContainer{
    width: 100%;
  }
  .career_privacy .personalInfoWrap{
    max-width: 100%;
    width: 700px;
  }
}

@media screen and (max-width: 768px) {
  .career_privacy .personalInfoWrap .labeling{
    width: 100%;
  }
  .career_privacy .termsContent .terms .tableWrap{
    width: 100%;
    overflow-x: auto;
  }
  .career_privacy .tableWrap table{
    max-width: 120%;
    width: 700px;
  }
}

@media screen and (max-width: 480px) {
  .career_privacy .contentContainer{
    margin: 20px auto 40px;
    padding: 0 10px;
  }
  .career_privacy .tableWrap table{
    max-width: 140%;
  }
  .career_privacy .termsContent h2 span{
    display: block;
    position: static;
    padding-top: 8px;
  }
}



/* 약관 공통 */
.mb-0 {margin-bottom: 0 !important;}
.mt-8 {margin-top: 8px;}
.termsContent .ta-l {text-align: left;}
.termsContent .ta-c {text-align: center;}
.termsContent .ta-r {text-align: right;}
.termsContent .headTitle .title .YJicon{background-position: -159px -252px;}
.termsTabMenuWrap{width: 1128px; margin:0 auto 24px;}
.termsTabMenuWrap .tabMenuInner a{display: inline-block; padding: 13px 24px; margin-right: 13px; background: #fff; border-radius:100px; border: 1px solid #ff951a; font-family: "SpoqaHan", "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif; font-weight: 500; font-size: 20px;}
.termsTabMenuWrap .tabMenuInner a[aria-selected="false"]{border: none;}
.termsContent{font-family: "Pretendard", "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif; font-weight: 400;color:#4F4E64;}
.termsContent h2{position: relative; padding: 24px 0 16px 0; margin-bottom: 40px; border-bottom: 1px solid #ACACB4; font-family: "SpoqaHan", "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif; font-weight: 700; font-size: 20px; letter-spacing: -.1rem;}
.termsContent h2 span{position: absolute; top: 29px; right: 0; font-family: 'Pretendard'; font-weight: 400; font-size: 14px; color: #7a7a89; letter-spacing: -.03em;}
.termsContent table{border-spacing: 0; border-style: hidden; font-family: "Pretendard", "맑은 고딕", "Malgun Gothic", sans-serif; color:#4F4E64;}
.termsContent .terms{padding-bottom: 18px; font-size: 12px; line-height: 18px; color: #4F4E64;}
.termsContent .terms strong{font-weight: 500;}
.termsContent .terms .tit{display: flex; align-items: center; gap: 8px; margin: 30px 0 20px; font-size: 14px;}
.termsContent .terms .tit strong{display: inline-block; margin: 0;}
.termsContent .terms strong{display: block; margin: 30px 0 20px; font-size: 14px;}
.termsContent .terms .img{margin: 16px 0;}
.termsContent .terms .dot{font-weight: 700;font-size: 16px;vertical-align: bottom;}
.termsContent .terms ol li{font-size: 12px; line-height: 18px; color: #4F4E64;}
.termsContent .terms ol .text{font-size: 12px; line-height: 18px; color: #4F4E64;}
.termsContent .terms ol li ol li{padding-left: 12px;}
.termsContent .terms ol li ol li p{padding-left: 12px;}
.termsContent .terms ol li a.co-blue{color: #417BE6; text-decoration: underline;}
.termsContent .prevTermsBox{display:flex; justify-content: center; margin-top: 40px;}
.termsContent .prevTermsBox .title{margin-right: 16px; line-height: 34px; font-size: 14px;}
.termsContent .prevTermsBox .selectBox{width: 240px;}
.termsContent .loginFooter{margin-top: 100px;}
.termsContent .terms .listLayout{width: 640px; height: 170px; margin-top: 24px; margin-bottom: 24px; border: 1px solid #dedfe5; border-radius:8px;}
.termsContent .terms .listLayout .listHeader{width: 640px; height: 64px; border-bottom: 1px solid #dedfe5; text-align: center;}
.termsContent .terms .listLayout .listHeader div{float: left; width: 320px; line-height: 64px; font-weight: 500;}
.termsContent .terms .listLayout .listContent{display:flex; width: 640px;}
.termsContent .terms .listLayout .listContent div{width: 320px; height: 104px; padding: 12px 16px; line-height: 20px; text-align:left;}
.termsContent .terms .listLayout .listHeader div:first-child, .termsContent .terms .listLayout .listContent div:first-child{border-right:1px solid #dedfe5;}
.termsContent .customSelectBox {-webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 14px; color: #7a7a89; width:100%; height:35px; padding: 5px 30px 5px 10px; border: 1px solid #dedfe5; border-radius: .5em; box-shadow: 0 1px 0 1px rgba(0,0,0,.04); }
.termsContent .customSelectBox:hover{border: 1px solid #92929c}
.termsContent .customSelectBox option {padding: 3px 0; }
.termsContent .select__arrow{ position: absolute; top :16px; right: 15px; width :0; height :0; pointer-events: none; border-style :solid; border-width: 8px 5px 0 5px; border-color: #999 transparent transparent transparent; }
.agree-section .checkbox{display: inline-block;}
.agree-section .checkbox .labelInfo{font-size: 14px;line-height: 20px;font-weight: 400;color: #3F3F4A;}
/* // 약관 공통 */

/* 개인정보 처리방침 */
.listLayoutPrivacy{width: 700px; height: 350px; margin-top: 24px; margin-bottom: 24px; border: 1px solid #dedfe5; border-radius:8px;}
.personalInfoWrap table.va-t td{vertical-align: top;}
.personalInfoWrap .labeling{width: 720px;}
.termsContent .terms .tableWrap{width: 700px; margin: 24px 0;border: 1px solid #dedfe5; border-radius:8px; overflow: hidden;}
.termsContent .terms .tableWrap.w100p{width: 100%;}
.termsContent .terms .tableWrap.auto{width: fit-content;}
.termsContent .terms .tableWrap.auto table{width: auto;table-layout: auto;}
.termsContent .terms table{width: 100%; border-collapse: collapse;}
.termsContent .terms table th{font-weight: 600; background-color: #f8f8f9;}
.termsContent .terms table th, .termsContent .terms table tr, .termsContent .terms table td { border-bottom: 1px solid #dedfe5; border-left: 1px solid #dedfe5; padding: 10px;}
.termsContent .terms table strong{margin: 0; font-size: 14px;}
.termsContent .terms table .line{text-decoration: underline;}
.termsContent [class*='terms-icon']{display: inline-block;width: 36px;height: 36px;background: url("../img/terms_icons.svg") no-repeat;}
.termsContent .terms-icon01{background-position: 0 0;}
.termsContent .terms-icon02{background-position: -36px 0;}
.termsContent .terms-icon03{background-position: -72px 0;}
.termsContent .terms-icon04{background-position: -108px 0;}
.termsContent .terms-icon05{background-position: -144px 0;}
.termsContent .terms-icon06{background-position: -180px 0;}
.termsContent .terms-icon07{background-position: -216px 0;}
.termsContent .terms-icon08{background-position: 0 -36px;}
.termsContent .terms-icon09{background-position: -36px -36px;}
.termsContent .terms-icon10{background-position: -72px -36px;}
.termsContent .terms-icon11{background-position: -108px -36px;}
.termsContent .terms-icon12{background-position: -144px -36px;}
.termsContent .terms-icon13{background-position: -180px -36px;}
.termsContent .label-wrap{display: inline-flex;gap: 4px;}
/* // 개인정보 처리방침 */