@charset "utf-8";

.sub-tab {margin-bottom:55px;}
.sub-tab ul {justify-content:center;}
.sub-tab ul li {text-align:center; width:auto; position:relative; padding:0 25px; color:#bcbcbc;}
.sub-tab ul li:before {content:''; display:block; width:1px; height:12px; background:#ddd; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.sub-tab ul li:first-child:before {display:none;}
.sub-tab ul li a {font-size:var(--fz18); font-weight:600; line-height:1.3em; display:block;}
.sub-tab ul li.active {color:var(--color-primary);}

.greeting {padding-bottom:var(--space-100); position:relative;}
.greeting:after {content:'JEONO'; position:absolute; right:0; bottom:0; font-size:var(--fz190); line-height:.7em;  font-weight:600; color:rgba(36, 36, 36, 0.05);}
.greeting .head {margin-bottom:55px;}
.greeting .head .t1 {font-size:var(--fz48); font-weight:600; letter-spacing:-.03em; line-height:1.3em;}
.greeting .head .t1 span {color:var(--color-primary);}
.greeting .head .t2 {margin-top:30px; font-size:var(--fz18); font-weight:400; color:#454545;}
.greeting .cnt {margin-top:50px;}
.greeting .cnt .tit {margin-bottom:30px; font-size:var(--fz32); font-weight:600; line-height:1.44em;}
.greeting .cnt .txt {margin-bottom:28px; font-weight:500; color:#454545;}
.greeting .cnt .ceo {font-size:var(--fz18); font-weight:600;}

.vision {margin-bottom:115px; border-radius:var(--radius-20); border:3px solid #d9e1ef; text-align:center;}
.vision:last-child {margin-bottom:0;}
.vision .inner {padding:35px;}
.vision .inner.type2 {padding:60px 74px;}
.vision .title {position:relative; margin:-.5em auto 0; display:flex; align-items:center; justify-content:space-between; width:215px; background:#fff; font-size:var(--fz32); font-weight:700; text-align:center;}
.vision .title:before,
.vision .title:after {content:''; display:block; width:12px; height:12px; border-radius:50%; background:var(--color-primary);}
.vision .text {font-size:var(--fz18); font-weight:500; line-height:1.67em;}
.vision .list .row {display:flex; margin:-10px;}
.vision .list .col {width:25%; padding:10px;}
.vision .list .ico {margin:0 auto 22px; display:flex; align-items:center; justify-content:center; width:100%; max-width:180px; aspect-ratio:1/1; background:#f8f8f8; border-radius:50%;}
.vision .list lord-icon {width:88px; height:88px;}
.vision .list .tit {margin-bottom:8px; font-weight:600; font-size:var(--fz20);}
.vision .list .txt {font-weight:400; color:#454545;}

.history {position:relative;}
.history:before {top:16px; height:87%; position:absolute; left:35.6%; width:1px; background-color:#ddd; content:"";}
.history-item {padding-bottom:85px; display:flex; justify-content:center; align-items:stretch;}
.history-item:last-child {padding-bottom:0;}
.history-item .history-year {width:35.6%;text-align:right; display:flex; justify-content:flex-end;}
.history-item .history-year .tit {color:#454545; font-weight:600; font-size:var(--fz28); line-height:1.4em; display:inline-block; margin-right:105px; transition:all 0.5s ease; font-weight:500;}
.history-item .dots {width:10px; height:10px; top:16px; right:-5px; margin:0; position:relative; border:2px solid #686868; background:#fff; border-radius:50%; transition:all 0.3s; z-index:0;}
.history-item .dots .inner-dots {width:100px; height:100px; position:absolute; background:rgba(64, 107, 174, 0.2); border-radius:100%; top:50%; left:50%; transform:translate(-50%,-50%) scale(0); z-index:-1; transition:all 0.3s;}
.history-item .dots .inner-dots:after {width:60px; height:60px; display:block; content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(0); z-index:-1; background:rgba(64, 107, 174, .6); border-radius:100%; transition:all 0.5s;}
.history-item .history-desc {margin-left:110px; flex:1;}
.history-item .history-desc .con {display:flex;}
.history-item .history-desc .month {padding-right:18px; text-align:right; line-height:2.22em; min-width: 110px; font-size:var(--fz18); font-weight:600;}
.history-item .history-desc .txt {line-height:2.22em; flex:1; font-size:var(--fz18); font-weight:400; color:#454545;} 

.history-item.active .history-year .tit {color:var(--color-primary); font-weight:700; line-height:1em; font-size:2.14em;}
.history-item.active .dots .inner-dots {transform:translate(-50%,-50%) scale(1); animation:ani .5s forwards ease; animation-delay:.05s;}
.history-item.active .dots .inner-dots:before {width:40px; height:40px; display:block; content:""; background:#fff; position:absolute; left:50%; top:50%; border-radius:100%; border:10px solid var(--color-primary); animation:ani .5s forwards ease; animation-delay:.02s;}
.history-item.active .dots .inner-dots:after {animation:ani .5s forwards ease; animation-delay:.08s;}

@keyframes ani {
	0% {transform:translate(-50%,-50%) scale(0);}
	100% {transform:translate(-50%,-50%) scale(1);}
}

.contact-content {overflow:hidden; position:relative; height:0; opacity:0;}
.contact-content.active {z-index:1; height:auto; opacity:1;}

.contact-con {display:flex;}
.contact-con .info-area {width:480px;}
.contact-con .info-area .tit {margin-bottom:30px; font-size:var(--fz28); font-weight:600; line-height:1.4em;}
.contact-con .info-area .desc {margin-bottom:70px;}
.contact-con .info-area .desc dl {margin-bottom:32px; display:flex;}
.contact-con .info-area .desc dl:last-child {margin-bottom:0;}
.contact-con .info-area .desc dl dt {width:107px; font-size:var(--fz18); font-weight:500; line-height:1.4em;}
.contact-con .info-area .desc dl dt img {margin-right:10px; vertical-align:middle;}
.contact-con .info-area .desc dl dd {flex:1; font-weight:400; line-height:1.6em;}
.contact-con .info-area .btns ul {display:flex; gap:0 20px;}
.contact-con .info-area .btns .btn {font-weight:400; color:#686868; border-radius:8px; border:1px solid #686868; display:flex; align-items:center; justify-content:center; text-align:center; height:56px; min-width:180px; padding:0 20px;}
.contact-con .info-area .btns .btn:hover {background:var(--color-primary); border-color:var(--color-primary); color:#fff;}
.contact-con .map-area {border-radius:var(--radius-24); overflow:hidden; flex:1;}
.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_map {height:370px !important;}
.root_daum_roughmap .cont {display:none;}
.root_daum_roughmap .border1,
.root_daum_roughmap_landing .border3,
.root_daum_roughmap_landing .border4  {display:none;}
.root_daum_roughmap .wrap_controllers {border:0 !important;}