@charset "utf-8";

#multipleDiv_empty_2 {display: none !important;}
#menu1752_obj92 {overflow: visible;}

/* 비디오 */
#multipleContentsDiv_empty_2 {overflow: hidden;}
#menu1752_obj4124 {position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; z-index: 60;}
#menu1752_obj4124.close {display: none;}
#menu1752_obj4124 video {width: 100%; height: 100%; object-fit: cover;}
.wrap-video {height: 100%;}
.wrap-video::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../../../images/main/common/video-pattern.png'); opacity: .3; mix-blend-mode: overlay;}
.wrap-video .control {position: absolute; right: 40px; bottom: 40px; z-index: 1;}
.wrap-video .control ul {display: flex;}
.wrap-video .control button {width: 30px; height: 30px; margin-right: 10px; text-indent: -999999px; border-radius: 5px;}
.wrap-video .control .btn-close {background: #000000 url('../../../images/main/main/btn-video-close.png') no-repeat center;}
.wrap-video .control .btn-stop {display: none; background: #1174ff url('../../../images/main/main/btn-video-stop.png') no-repeat center;}
.wrap-video .control .btn-play {display: none; background: #1174ff url('../../../images/main/main/btn-video-play.png') no-repeat center;}
.wrap-video .control .btn-stop:hover,
.wrap-video .control .btn-play:hover {background-color: #0b5dd1;}
.wrap-video .control .btn-stop.on,
.wrap-video .control .btn-play.on {display: block;}
.edit #menu1752_obj4124 {position: static;}
.edit .wrap-video::after {display: none;}

/* 익스피리언스 */
#multipleContentsDiv_sc_3333 {display: flex; justify-content: space-between; padding-top: 60px; width: 100%; max-width: 1440px; margin: 0 auto;}
#menu1752_obj3334 {overflow: hidden; flex-shrink: 0; width: 22.2% !important;}
#menu1752_obj3335 {flex-grow: 1; width: calc(100% - 44.4%) !important; padding: 0 50px;}
#menu1752_obj3336 {overflow: hidden; flex-shrink: 0; width: 22.2% !important;}
.wrap-ex {padding-top: 150px;}
.wrap-ex .title {text-align: center;}
.wrap-ex .title .eng {display: block; font-family: pb; font-size: 18px; color: #0079fa;}
.wrap-ex .title strong {display: block; padding-top: 23px; font-family: nb; font-size: 40px; line-height: 1.1; color: #121212;}

@media screen and (max-width: 1500px) {
  #multipleContentsDiv_sc_3333 {padding: 0 20px;}
}

@media screen and (max-width: 1450px) {
  #multipleContentsDiv_sc_3333 {padding: 55px 20px 0 20px;}
  #menu1752_obj3335 {padding: 0 30px;}
  .wrap-ex {padding-top: 92px;}
  .wrap-ex .title strong {padding-top: 15px; font-size: 35px;}
}

@media screen and (max-width: 1100px) {
  #multipleContentsDiv_sc_3333 {padding: 50px 40px 0 40px;}
  #menu1752_obj3334 {width: 21% !important;}
  #menu1752_obj3335 {width: calc(100% - 42%) !important; padding: 0 20px;}
  #menu1752_obj3336 {width: 21% !important;}
  .wrap-ex {padding-top: 64px;}
  .wrap-ex .title strong {padding-top: 12px; font-size: 30px;}
}

@media screen and (max-width: 800px) {
  #multipleContentsDiv_sc_3333 {overflow: 50px 20px 0 20px;}
  .wrap-ex .title strong {font-size: 25px;}
}

@media screen and (max-width: 650px) {
  #multipleContentsDiv_sc_3333 {flex-wrap: wrap; padding: 20px 20px 0 20px;}
  #menu1752_obj3334 {width: calc(50% - 10px) !important;}
  #menu1752_obj3335 {order: -1; width: 100% !important; padding: 0 0 20px 0;}
  #menu1752_obj3336 {width: calc(50% - 10px) !important;}
  .wrap-ex {padding-top: 33px;}
  .wrap-ex .title strong {padding-top: 5px; font-size: 22px;}
}

/* 공지사항 */
#multipleDiv_sc_37 {padding: 150px 0;}
#multipleContentsDiv_sc_37 {display: flex; position: relative; width: 100%; max-width: 1440px; margin: 0 auto;}
#menu1752_obj3668 {width: 50% !important; padding-right: 40px;}

@media screen and (max-width: 1500px) {
  #multipleContentsDiv_sc_37 {padding: 0 20px;}
}

@media screen and (max-width: 1450px) {
  #multipleDiv_sc_37 {padding: 100px 0;}
  #multipleContentsDiv_sc_37 {padding: 0 40px;}
  #menu1752_obj3668 {padding-right: 25px;}
}

@media screen and (max-width: 1100px) {
  #multipleDiv_sc_37 {padding: 64px 0;}
  #menu1752_obj3668 {padding-right: 15px;}
}

@media screen and (max-width: 870px) {
  #menu1752_obj3668 {width: 40% !important;}
}

@media screen and (max-width: 800px) {
  #multipleContentsDiv_sc_37 {padding: 0 20px;}
}

@media screen and (max-width: 650px) {
  #multipleDiv_sc_37 {padding: 40px 0;}
  #multipleContentsDiv_sc_37 {flex-wrap: wrap;}
  #menu1752_obj3668 {width: 100% !important;}
}

/* 연세캘린더 */
#menu1752_obj3903 {width: 50% !important; padding-left: 40px;}

@media screen and (max-width: 1450px) {
  #menu1752_obj3903 {padding-left: 25px;}
}

@media screen and (max-width: 1100px) {
  #menu1752_obj3903 {padding-left: 15px;}
}

@media screen and (max-width: 870px) {
  #menu1752_obj3903 {width: 60% !important;}
}

@media screen and (max-width: 650px) {
  #menu1752_obj3903 {width: 100% !important; margin-top: 40px; padding-left: 0;}
}

/* 커뮤니티 */
.wrap-commu {padding: 150px 0 0 0;}
.wrap-commu .text {text-align: center;}
.wrap-commu .title .eng {display: block; font-family: pb; font-size: 18px; color: #0079fa;}
.wrap-commu .title strong {display: block; padding-top: 23px; font-family: nb; font-size: 40px; line-height: 1.1; color: #212121;}
.wrap-commu .desc p {padding-top: 32px; font-family: nr; font-size: 18px; color: #666666;}
.wrap-commu .sns {position: relative; padding-top: 55px;}
.wrap-commu .sns ul {display: inline-flex;}
.wrap-commu .sns li {margin: 0 5px;}
.wrap-commu .sns a {display: block;}
.wrap-commu .control {position: absolute; right: 0px; bottom: 0; width: 50px; height: 50px; background: #202020; border-radius: 100%;}
.wrap-commu .control:hover {background-color: rgb(17, 116, 255);}
.wrap-commu .control button {display: none; width: 100%; height: 100%; text-indent: -99999px;}
.wrap-commu .control button.on {display: block;}
.wrap-commu .control .stop {background: url('../../../images/main/main/btn-commu-stop.png') no-repeat center;}
.wrap-commu .control .play {background: url('../../../images/main/main/btn-commu-play.png') no-repeat center;}

@media screen and (max-width: 1450px) {
  .wrap-commu {padding: 100px 0 0 0;}
  .wrap-commu .title strong {padding-top: 15px; font-size: 35px;}
  .wrap-commu .desc p {padding-top: 28px; font-size: 16px;}
  .wrap-commu .sns {padding-top: 40px;}
  .wrap-commu .control {right: 20px;}
}

@media screen and (max-width: 1100px) {
  .wrap-commu {padding: 60px 0 0 0;}
  .wrap-commu .title strong {padding-top: 9px; font-size: 30px;}
  .wrap-commu .desc p {padding-top: 17px; font-size: 14px;}
  .wrap-commu .sns {padding-top: 30px;}
  .wrap-commu .sns li {margin: 0 3px;}
  .wrap-commu .sns img {max-width: 35px;}
  .wrap-commu .control {right: 40px; width: 35px; height: 35px;}
  .wrap-commu .control button {background-size: 6px auto !important;}
}

@media screen and (max-width: 800px) {
  .wrap-commu .title strong {font-size: 25px;}
}

@media screen and (max-width: 650px) {
  .wrap-commu {padding: 30px 0 0 0;}
  .wrap-commu .title .eng {font-size: 14px;}
  .wrap-commu .title strong {padding-top: 5px; font-size: 22px;}
  .wrap-commu .desc p {font-size: 13px;}
  .wrap-commu .sns {padding-top: 23px;}
}

/***[S]영문 css***/

/*[S]Common*/
body {visibility: hidden;opacity: 0;}
body.on {visibility: visible;opacity: 1;}

img.small {display: none;}
@media (max-width: 1024px) {
  img.large {display: none;}
  img.small {display: block;}
}

/*[E]Common*/

/*[S]탑버튼*/
.btn-top {position: fixed; right: 0px; bottom: -150px; z-index: 30;cursor: pointer; transition: .53s;}
.btn-top.fix {bottom: 0px;}
/*[E]탑버튼*/

/*[S]Visual*/
.wrap-visual {position: relative;height: 100vh;}
.wrap-visual > .inner {position: relative;width: 100%;margin: 0 auto;height: 100%;}
.wrap-visual .visual-list {height: 100%;}
.wrap-visual .visual-list > li {position: absolute;left: 0;top: 0;width: 100% ;height: 100%;transition: 0.8s;overflow: hidden;}
.wrap-visual .visual-list > li.off {opacity: 0; visibility: hidden; pointer-events: none;}
.wrap-visual .visual-list > li.on {opacity: 1;visibility: visible;pointer-events: auto;}
.wrap-visual .tab {position: absolute;left: 60px;top: 140px;z-index: 10;}
.wrap-visual .tab li {margin-bottom: 15px;}
.wrap-visual .tab li:last-child {margin-bottom: 0;}
.wrap-visual .tab li button  {display: flex;justify-content: center;align-items: center;width: 80px;height: 80px;font-size: 14px;opacity: 0.5;border:1px solid #fff;color: #fff;font-family: 'cr';border-radius: 50%;line-height: 14px;transition: color .2s, background .2s;}
.wrap-visual .tab li.on button {opacity: 1;background: #005ead;border: 1px solid #005ead;}
.wrap-visual .tab li:hover button {opacity: 1;background: #005ead;border: 1px solid #005ead;}

@media (max-width: 1850px) {
  .wrap-visual .tab {left: 40px;}
}

@media (max-width: 1024px) {
  .wrap-visual .tab li button {width: 75px;height: 75px;}
  .wrap-visual {height: 750px;}
}

@media (max-width: 768px) {
  .wrap-visual {height: 680px;}
  .wrap-visual .tab {left: 20px;top: 82px}
  .wrap-visual .tab li  {margin-bottom: 10px;}
  .wrap-visual .tab li button {width: 80px;height: 80px;font-size: 15px;line-height: 1.15;}
}

/*Visual1*/
.wrap-visual .visual1 .bg { position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: url('../../images/main/visual1_bg.jpg');background-repeat: repeat-x;background-position: 0 0;animation: scroll-bg 150s linear infinite;background-size: cover;}
.wrap-visual .visual1 .logo {position: absolute;left: 50%;transform: translateX(-50%);top: 15%;z-index: 1;}

.wrap-visual .visual1 .history {position: absolute;left: 50%;transform: translateX(-50%);bottom: 85px;width: 100%;max-width: 1800px;height: 363px;opacity: .5;}
.wrap-visual .visual1 .history::before {content: '';position: absolute;left: 0;top: 46.1%;width: 19px;height: 36px;background: url('../../images/main/history_arrow1.png') no-repeat center;}
.wrap-visual .visual1 .history::after {content: '';position: absolute;right: 0;top: 46.1%;width: 19px;height: 36px;background: url('../../images/main/history_arrow2.png') no-repeat center;}
.wrap-visual .visual1 .history > .wrap {position: relative;height: 363px;}
.wrap-visual .visual1 .history > .wrap::before {content: '';position: absolute;left: 0;top: 185px;width: 100%;height: 1px;background: #fff;}
.wrap-visual .visual1 .history > .wrap > div {position: relative;overflow: hidden;margin: 0 auto;width: 100%;height: 100%;;max-width: 1720px;}
.wrap-visual .visual1 .history ul {   display: flex !important;width: max-content !important;will-change: transform !important;user-select: none !important;  cursor: grab !important;padding-top: 210px;}
.wrap-visual .visual1 .history li {   flex-shrink: 0 !important;position: relative;width: 294px;}
.wrap-visual .visual1 .history li:nth-child(2n) {transform: translateY(-420px);}
.wrap-visual .visual1 .history li:nth-child(2n) > div {position: absolute;left: 0;bottom: 0;}
.wrap-visual .visual1 .history li::before {content: '';position: absolute;left: 0;top: -32px;width: 14px;height: 14px;background: #a8a9aa;border-radius: 50%;}
.wrap-visual .visual1 .history li:nth-child(2n)::before {top: auto;bottom: -38px}
.wrap-visual .visual1 .history b {font-size: 30px;font-family: 'cr';color: #fff;}
.wrap-visual .visual1 .history p {font-size: 18px;font-family: 'cr';color: #fff;}

.wrap-visual .visual1 .timeline {display: flex;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;z-index: 1;}
.wrap-visual .visual1 .timeline ul {display: flex;width: 100%;max-width: 1900px;justify-content: space-between;margin: 0 auto;padding-left: 65px;}
.wrap-visual .visual1 .timeline ul li {flex: 1;padding: 10px 0 30px;background: url('../../images/main/timeline_bg.png') no-repeat left 1px bottom / 100%;}
.wrap-visual .visual1 .timeline ul li:last-child {flex: none;position: relative;width: 80px;;background: url('../../images/main/timeline_bg_last.png') no-repeat left 2px bottom / auto 22px;} 
.wrap-visual .visual1 .timeline span {display: block;transform: translateX(-11px);font-size: 14px;color: #fff;font-family: 'cr';}
.wrap-visual .visual1 .timeline ul.right span {opacity: .3;}
.wrap-visual .visual1 .timeline ul li .mo-num {display: none;}

.wrap-visual .visual1 .progress {position: absolute; left: 0; bottom: 0; width: 100%; height: 60px;background: #2d2d2f;}
.wrap-visual .visual1 .progress img {position: relative; z-index: 1;}
.wrap-visual .visual1 .progress::after {  content: '';position: absolute;left: 0;top: 0;width: var(--progress-width, 0%);height: 100%;background: #001a3c;transition: width 0.1s linear;}
.wrap-visual .visual1 .progress.active::after {width: 53%;}

@keyframes scroll-bg {
  0% {background-position: 0 0;}
  100% {background-position: 100% 0;}
}

@media (max-width: 1850px) {
  .wrap-visual .visual1 .history {padding: 0 40px}
  .wrap-visual .visual1 .history > .wrap {padding: 0 40px} 
  .wrap-visual .visual1 .history::before {left: 40px;}
  .wrap-visual .visual1 .history::after {right: 40px;}
  .wrap-visual .visual1 .timeline ul li:last-child {background-size: auto 1.21vw;}
}

@media (max-width: 1400px) {
  .wrap-visual .visual1 .timeline ul {padding-left: 40px;}
}

@media (max-width: 1200px) {
  .wrap-visual .visual1 .timeline ul li {background-size: 90%;}
  .wrap-visual .visual1 .timeline ul li:nth-child(odd) {display: none;}
  .wrap-visual .visual1 .timeline ul li:last-child {flex: none;width: 45px;background: url('../../images/main/timeline_bg_last.png') no-repeat left 2px bottom / auto 2.2vw;}
  .wrap-visual .visual1 .timeline ul li .mo-num {display: block;}
  .wrap-visual .visual1 .timeline ul li .pc-num {display: none;}
}

@media (max-width: 1024px) {
  .wrap-visual .visual1 .progress  {height: 48px;}
  .wrap-visual .visual1 .timeline ul {padding-left: 25px;} 
  .wrap-visual .visual1 .timeline ul li {padding: 5px 0 19px;}
  .wrap-visual .visual1 .history {bottom: 50px;padding: 0 60px}
  .wrap-visual .visual1 .history > .wrap {padding: 0 30px}
  .wrap-visual .visual1 .history::before {top: 47.4%;left: 59px;}
  .wrap-visual .visual1 .history::after {top: 47.4%;right: 59px;}
  .wrap-visual .visual1 .history b {font-size: 25px;}
  .wrap-visual .visual1 .history p {font-size: 16px;}
  .wrap-visual .visual1 .history > .wrap::before {top: 190px}
  .wrap-visual .visual1 .history li:nth-child(2n) {transform: translateY(-409px);}
  .wrap-visual .visual1 .history li:nth-child(2n)::before {bottom: -34px}
  .wrap-visual .visual1 .history li::before {top: -27px}
  .wrap-visual .visual1 .timeline ul li:last-child {width: 32px;}
}

@media (max-width: 768px) {
  .wrap-visual .visual1 .history {padding: 0 40px}
  .wrap-visual .visual1 .history > .wrap {padding: 0 10px}
  .wrap-visual .visual1 .logo {width: 250px;transform: translateX(-36%);} 
  .wrap-visual .visual1 .history {bottom: 30px;}
  .wrap-visual .visual1 .history b {font-size: 22px;}
  .wrap-visual .visual1 .history p {font-size: 15px;}
  .wrap-visual .visual1 .history::before {left: 38px;}
  .wrap-visual .visual1 .history::after {right: 38px;}
  .wrap-visual .visual1 .timeline ul {padding: 0 4px 0 20px;}
  .wrap-visual .visual1 .timeline ul li {background-size: 100% auto;}
  .wrap-visual .visual1 .timeline ul li:last-child {width: 22px;flex: none;background-size: auto 2.5vw;}
  .wrap-visual .visual1 .timeline span {font-size: 12px;}
}

@media (max-width: 500px) {
  .wrap-visual .visual1 .timeline ul li {background-size: 186% auto;}
  .wrap-visual .visual1 .timeline ul li:last-child {background-size: auto 4.6vw;}
  .wrap-visual .visual1 .timeline span {transform: translate(-10px, -4px);}
}


/*Visual2*/
.wrap-visual .visual2 {background: url('../../images/main/visual2_bg.jpg') no-repeat center top / cover;}
.wrap-visual .visual2 .logo {display: none;position: absolute; left: 50%; bottom: 10%; transform: translate(-50%, 0);}
.wrap-visual .visual2 .stat {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.wrap-visual .visual2 .stat > li {display: flex;flex-direction: column;align-items: center;width: 14%;;transform: translateY(50px); padding-bottom: 440px;background: url('../../images/main/visual2_stat_line.png') no-repeat center bottom;text-align: center;opacity: 0; transition: transform .5s, opacity .5s;}
.wrap-visual .visual2 .stat > li:nth-child(3),
.wrap-visual .visual2 .stat > li:nth-child(5) {background-size: 30px;background-position: center bottom -104px;} 
.wrap-visual .visual2 .stat span {font-size: 50px;color: #fff;font-family: 'cb';}
.wrap-visual .visual2 .stat p {font-size: 22px;color: #fff;font-family: 'cr';line-height: 25px;}

.wrap-visual .visual2 .stat1 {position: absolute; left: 8%; top: 45%;}
.wrap-visual .visual2 .stat2 {position: absolute; left: 20%; top: 21%;}
.wrap-visual .visual2 .stat3 {position: absolute; left: 33%; top: 35%;}
.wrap-visual .visual2 .stat4 {position: absolute; left: 49%; top: 21%;}
.wrap-visual .visual2 .stat5 {position: absolute; left: 65%; top: 35%;}
.wrap-visual .visual2 .stat6 {position: absolute; left: 82%; top: 45%;}

.wrap-visual .visual2.on .stat > li {transform: translateY(0); opacity: 1;}
.wrap-visual .visual2.on .stat1 {transition-delay: .25s;}
.wrap-visual .visual2.on .stat2 {transition-delay: .35s;}
.wrap-visual .visual2.on .stat3 {transition-delay: .5s;}
.wrap-visual .visual2.on .stat4 {transition-delay: .65s;}
.wrap-visual .visual2.on .stat5 {transition-delay: .8s;}
.wrap-visual .visual2.on .stat6 {transition-delay: .95s;}


@media(max-width: 1919px) {
  .wrap-visual .visual2 .stat1 {left: 11%;}
  .wrap-visual .visual2 .stat2 {left: 23%;}
  .wrap-visual .visual2 .stat3 {left: 36%;}
  .wrap-visual .visual2 .stat4 {left: 50%;}
  .wrap-visual .visual2 .stat5 {left: 65%;}
  .wrap-visual .visual2 .stat6 {left: 82%;}
}

@media(max-width: 1500px) {
  .wrap-visual .visual2 .stat span {font-size: 44px;line-height: 1.2;}
  .wrap-visual .visual2 .stat p {font-size: 20px;}
}

@media (max-width: 1024px) {
  .wrap-visual .visual2 .logo {width: 140px;}
  .wrap-visual .visual2 .stat span {font-size: 40px;}
  .wrap-visual .visual2 .stat p {font-size: 18px;}
}

@media (max-width: 768px) {
  .wrap-visual .visual2 .logo {width: 130px;}
  .wrap-visual .visual2 .stat span {font-size: 30px;}
  .wrap-visual .visual2 .stat p {font-size: 16px;line-height: 1.3;}
  .wrap-visual .visual2 .stat > li {width: 21%;}
  .wrap-visual .visual2 .stat1 {left: 0;top: 426px;}
  .wrap-visual .visual2 .stat2 {left: 14%;top: 355px;}
  .wrap-visual .visual2 .stat3 {left: 33%;top: 170px;}
  .wrap-visual .visual2 .stat4 {left: 53%;top: 241px;}
  .wrap-visual .visual2 .stat5 {left: 67%;top: 328px;}
  .wrap-visual .visual2 .stat6 {left: 78%;top: 449px;}
  .wrap-visual .visual2 .stat > li {padding-bottom: 200px;background-position: center bottom -210px;}
  .wrap-visual .visual2 .stat > li:nth-child(3),
  .wrap-visual .visual2 .stat > li:nth-child(5) {background-position: center bottom -300px;}
  .wrap-visual .visual2 .stat p {width: 90px;}
}

@media(max-width: 500px) {
  .wrap-visual .visual2 .stat1 {left: 7px;top: 446px;}
  .wrap-visual .visual2 .stat2 {top: 342px;}
  .wrap-visual .visual2 .stat6 {left: auto;right: 5px;}
}

/*Visual3*/
.wrap-visual .visual3 {background: url('../../images/main/visual3_bg.jpg') no-repeat right 36% top / cover;}
.wrap-visual .visual3 .logo {display: none;position: absolute; left: 58%; bottom: 34%; z-index: 1;}
.wrap-visual .visual3 .stat {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.wrap-visual .visual3 .stat > li {opacity: 0; transition: .5s;text-align: center;}
.wrap-visual .visual3 .stat span {font-size: 50px;color: #fff;font-family: 'cb';}
.wrap-visual .visual3 .stat p {font-size: 22px;color: #fff;font-family: 'cr';line-height: 25px;}
.wrap-visual .visual3 .stat1 {position: absolute; left: 33%; top: 26%; width: 13%; transform: translateX(-40px);}
.wrap-visual .visual3 .stat2 {position: absolute; left: 28%; top: 56%; width: 13%; transform: translateX(-40px);}
.wrap-visual .visual3 .stat3 {position: absolute; left: 78%; top: 22%; width: 13%; transform: translateX(40px);}
.wrap-visual .visual3 .stat4 {position: absolute; left: 81%; top: 57%; width: 13%; transform: translateX(40px);}

.wrap-visual .visual3.on .stat > li {transform: translateX(0); opacity: 1;}
.wrap-visual .visual3.on .stat1 {transition-delay: 0s;}
.wrap-visual .visual3.on .stat2 {transition-delay: .15s;}
.wrap-visual .visual3.on .stat3 {transition-delay: .3s;}
.wrap-visual .visual3.on .stat4 {transition-delay: .45s;}

.wrap-visual .visual-btn {position: absolute; left: 0; top: 28%; z-index: 10; width: 100%; height: 0;}
.wrap-visual .visual-btn .area {height: 0;}
.wrap-visual .visual-btn ul {width: 5%;}
.wrap-visual .visual-btn li {margin-bottom: 5%;}
.wrap-visual .visual-btn li img {border-radius: 100%; border: 1px solid rgba(255,255,255,.2);}
.wrap-visual .visual-btn li.on img,
.wrap-visual .visual-btn li button:hover img {background: #005ead; border: 1px solid #005ead;}

@media(min-width: 1920px) {
  .wrap-visual .visual3 {background-position: right center;}
}

@media(max-width: 1500px) {
  .wrap-visual .visual3 .stat span {font-size: 44px;line-height: 1.2;}
  .wrap-visual .visual3 .stat p {font-size: 20px;}
}

@media (max-width: 1024px) {
  .wrap-visual .visual3 .stat1 {left: auto;right: 50%;width: 13%; }
  .wrap-visual .visual3 .stat2 {left: auto;right: 58%;width: 13%; }
  .wrap-visual .visual3 .stat3 {width: 13%;}
  .wrap-visual .visual3 .stat4 {left: auto; right: 5%;width: 13%;}

  .wrap-visual .visual3 .stat > li {width: 150px;}
  .wrap-visual .visual3 .logo {width: 120px;}
  .wrap-visual .visual3 .stat span {font-size: 40px;}
  .wrap-visual .visual3 .stat p {font-size: 18px;}
  
}

@media (max-width: 768px) {
  .wrap-visual .visual3 .logo {width: 110px;left: 48.5%;bottom: 34%;}
  .wrap-visual .visual3 .stat > li {width: 130px;}
  .wrap-visual .visual3 .stat1 {left: auto;right: 45% ;top: 28%; width: 13%;margin-left: -140px;}
  .wrap-visual .visual3 .stat2 {left: auto;right: 52%; top: 64%; width: 13%;}
  .wrap-visual .visual3 .stat3 {left: auto;right: 2%; top: 31%; width: 13%;}
  .wrap-visual .visual3 .stat4 {left: auto; right: 0;top: 65%; width: 13%;}
  .wrap-visual .visual3 .stat span {font-size: 30px;}
  .wrap-visual .visual3 .stat p {font-size: 16px;}
}

/*[E]Visual*/


/*[S]Want*/
.wrap-want {position: relative; height: 978px;background: url('../../images/main/want_bg.jpg') no-repeat center top / cover;}
.wrap-want > .inner {position: relative;max-width: 1920px;margin: 0 auto;height: 978px;}
.wrap-want .tit {display: flex; flex-direction: column; justify-content: center; align-items: center;position: absolute; left: 50%; top: 50%; width: 36%; transform: translate(-50%, -60%);}
.wrap-want .tit strong {position: relative;color: #fff; text-align: center;font-size: 40px;font-family: 'cs';margin-bottom: 25px;}
.wrap-want .tit strong::before {content: '';position: absolute;left: -50px;bottom: 36px;width: 21px;height: 16px;background: url('../../images/main/want_dot.png') no-repeat center;}
.wrap-want .tit strong::after {content: '';position: absolute;right: -50px;bottom: 36px;width: 21px;height: 16px;transform: rotate(180deg);background: url('../../images/main/want_dot.png') no-repeat center;}
.wrap-want .tit .search-box {position: relative;width: 100%;}
.wrap-want .tit .search-btn {position: absolute;width: 36px;height: 36px;right: 30px;top: 50%;margin-top: -17px;background: url('../../images/main/ic-want_search.png') no-repeat center;text-indent: -9999px;z-index: 10;}
.wrap-want .tit .typing { position: relative;left: 0; top: 0; display: flex; align-items: center; min-height: 72px;width: 100%; height: 100%; padding: 15px 40px ;font-size: 26px; color: rgba(255,255,255,.6);border: 1px solid #fff;border-radius: 37px;font-family: 'cr';}
.wrap-want .tit .typing input {display: block;width: 100%;padding-right: 15%;background-color: transparent;font-size: 26px;color: #fff;font-family: 'cs';}
.wrap-want .tit .typing input:focus {box-shadow: none;}
.wrap-want .tit #typing1.on {display: block;width: 100%;}

.wrap-want .cloud li {position: absolute;opacity: 0; filter: blur(20px); will-change: transform, opacity;}
.wrap-want .cloud li button,
.wrap-want .cloud li a {position: relative; display: flex;justify-content: center;align-items: center; background: rgba(0,0,0,.2);min-width: 210px;min-height: 70px;font-size: 16px;color: #fff; border: 2px solid rgba(255,255,255,.3); cursor: pointer;text-align: center;font-family: 'cs';line-height: 18px;}
.wrap-want .cloud li:hover button,
.wrap-want .cloud li:hover a {background: #0080eb;}
.wrap-want .cloud li button::after,
.wrap-want .cloud li a::after {content: ''; position: absolute; left: 5px; top: 5px; width: calc(100% - 10px); height: calc((100% - 10px)); border: 1px solid rgba(255,255,255,.5); opacity: 0; transition: .35s;}
.wrap-want .cloud li:hover button::after,
.wrap-want .cloud li:hover a::after {opacity: 1;}

.wrap-want .cloud1 {left: 50%; top: 50%;}
.wrap-want .cloud2 {left: 50%; top: 50%;}
.wrap-want .cloud3 {right: 50%; top: 50%;}
.wrap-want .cloud4 {right: 50%; top: 50%;}
.wrap-want .cloud5 {left: 50%; top: 50%;}
.wrap-want .cloud6 {right: 50%; top: 50%;}
.wrap-want .cloud7 {left: 50%; top: 50%;}
.wrap-want .cloud8 {right: 50%; top: 50%;}
.wrap-want .cloud9 {left: 50%; bottom: 50%;}
.wrap-want .cloud10 {left: 50%; bottom: 50%;}
.wrap-want .cloud11 {right: 50%; bottom: 50%;}
.wrap-want .cloud12 {right: 50%; bottom: 50%;}
.wrap-want .cloud13 {right: 50%; bottom: 50%;}

@media(max-width: 1500px) {
  .wrap-want .tit strong {font-size: 35px;}
  .wrap-want .tit strong::before {left: -35px;bottom: 30px;}
  .wrap-want .tit strong::after {right: -35px;bottom: 30px;}
}

@media(max-width: 1300px) {
  .wrap-want .tit strong {font-size: 29px;}
  .wrap-want .tit strong::before {width: 18px;height: 18px;background-size: contain;left: -25px;bottom: 25px;}
  .wrap-want .tit strong::after {width: 18px;height: 18px;background-size: contain;right: -25px;bottom: 25px;}
}

@media (max-width: 1100px) {
  .wrap-want {height: 950px;}
  .wrap-want .tit {width: 50%;}
  .wrap-want .cloud9 {display: none;}
  .wrap-want .cloud13 {display: none;}
  .wrap-want .cloud li button,
  .wrap-want .cloud li a {min-width: auto;width: auto;padding: 0 10px;min-height: 62px;}
}

@media(max-width: 850px) {
  .wrap-want .tit {width: 80%;transform: translate(-50%, -50%);}
  .wrap-want .tit .search-btn {width: 28px;height: 28px;background-size: contain;margin-top: -15px;right: 20px;}
  .wrap-want .tit .typing {padding: 13px 30px;min-height: 55px;font-size: 18px;}
  .wrap-want .tit .typing input {font-size: 18px;}
  .wrap-want .cloud li button,
  .wrap-want .cloud li a  {min-height: 55px;font-size: 14px;}
}

@media (max-width: 600px) {
  .wrap-want {height: 1000px;}
}

@media (max-width: 480px) {
  .wrap-want .tit strong {font-size: 26px;}
  .wrap-want .cloud li button,
  .wrap-want .cloud li a  {width: 31vw;;min-height: 14vw;}
}
/*[E]Want*/

/*[S]Global*/
.wrap-global {position: relative; overflow: hidden;z-index: 1;}
.wrap-global .pin {padding-top: 125px;background: url('../../images/main/global_bg.jpg') no-repeat top center; }
.wrap-global .pin::before {content: '';position: absolute;right: 45px;bottom: 85px;width: 289px;height: 256px;background: url('../../images/main/global_bg_img.png') no-repeat center;z-index: 10;pointer-events: none;}
.wrap-global .pin > .inner {max-width: 1740px;margin: 0 auto;}
.wrap-global .tit {display: block;margin-bottom: 68px;font-size: 130px;font-family: 'cs';color: #005ead;text-align: center;opacity: .7;line-height: 1;}
.wrap-global .circle {position: absolute; left: 50%; bottom: 150px; transform: translateX(-50%);}
.wrap-global .circle span {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.wrap-global .circle > img {animation: rotateCircle 10s linear infinite;}
.wrap-global .card {position: relative; z-index: 1; padding-bottom: 165px;}
.wrap-global .card > ul > li {position: relative;perspective: 600px; padding-bottom: 20px;}
.wrap-global .card > ul > li > div {display: flex;padding: 45px 220px 45px 45px;filter: brightness(1);background: #fff;border-radius: 30px}
.wrap-global .card > ul > li::before {position: absolute;top: 10px;right: 25px;font-size: 140px;color: #a9c9ff;font-family: 'cr';letter-spacing: 20px;z-index: 1;line-height: 1;}
.wrap-global .card1::before {content: '01'}
.wrap-global .card2::before {content: '02'}
.wrap-global .card3::before {content: '03'}
.wrap-global .card4::before {content: '04'}
.wrap-global .card .img-box {flex-shrink: 0;margin-right: 70px;}
.wrap-global .card strong {display: block;margin-bottom: 18px;font-size: 46px;color: #000;font-family: 'cb';}
.wrap-global .card .txt-box li {width: 442px;margin-bottom: 15px;}
.wrap-global .card .txt-box li.long {width: 100%;}
.wrap-global .card .txt-box li > a {position: relative;display: block;width: 100%;height: 100%;padding: 11px 40px 11px 30px;border: 1px solid #002566;color: #002666;font-family: 'cs';font-size: 18px;transition: .25s;border-radius: 25px;overflow: hidden;}
.wrap-global .card .txt-box li > a:hover {background: #002566;color: #fff;}
.wrap-global .card .txt-box li > a::before {content: '';position: absolute;top: 50%;right: 20px;width: 10px;height: 10px;;margin-top: -5px;background: url('../../images/main/global_plus.png') no-repeat center;} 
.wrap-global .card .txt-box li > a:hover::before {background-image: url('../../images/main/global_plus-on.png');}
.wrap-global .card .txt-box li:last-child {margin-bottom: 0;}

.wrap-global .bg-txt {  position: absolute;left: 0;bottom: 0;width: 2550px;pointer-events: none;z-index: 0;}
.wrap-global .bg-txt > img {position: absolute;left:0; bottom: 0; display: inline-block; overflow: hidden; white-space: nowrap; animation: txtMove 32s linear infinite;}
.wrap-global .bg-txt > .i2 {animation-delay: -16s;}

@keyframes rotateCircle {
  0% {transform: rotate(0);}
  100% {transform: rotate(360deg);}
}

@keyframes txtMove {
	0% {transform:translateX(100%)}
	to
	{transform:translateX(-100%)}
}

@media(min-width: 1921px) {
  .wrap-global .pin {background-size: cover;}
}

@media screen and (max-width: 1900px) {
  .wrap-global {background-size: contain;}
  .wrap-global .pin > .inner {padding: 0 25px;}
}

@media (max-width: 1500px) {
  .wrap-global .pin  {padding-top: 70px;}
  .wrap-global .tit {margin-bottom: 30px;font-size: 85px;}
  .wrap-global .card > ul > li::before {font-size: 110px;letter-spacing: 10px;}
  .wrap-global .card > ul > li > div {padding: 40px 220px 40px 40px;}
  .wrap-global .card .img-box {max-width: 500px;min-width: 350px;margin-right: 50px;}
  .wrap-global .card strong {font-size: 44px;line-height: 1;}
  .wrap-global .card .txt-box ul {width: 100%;} 
  .wrap-global .card .txt-box li {width: 100%;} 
}

@media (max-width: 1200px) {
  .wrap-global .pin {padding-top: 85px;}
  .wrap-global .pin::before  {width: 180px;height: 180px;bottom: 47px;background-size: contain;}
  .wrap-global .card {padding-bottom: 135px;}
  .wrap-global .card > ul > li::before {display: none;}
  .wrap-global .card > ul > li > div {padding: 35px;}
  .wrap-global .card .img-box {max-width: 450px;min-width: 300px;}
  .wrap-global .card strong {font-size: 35px;}
  .wrap-global .card .txt-box li > a {padding: 9px 38px 9px 25px;font-size: 17px;}
  .wrap-global .bg-txt > img{width: 80%;}
}

@media (max-width: 950px) {
  .wrap-global .pin {padding-top: 50px;}
  .wrap-global .card {max-width: 500px;margin: 0 auto;padding-bottom: 165px;}
  .wrap-global .tit  {font-size: 55px;}
  .wrap-global .card > ul > li::before {display: block;font-size: 80px;letter-spacing: 5px;}
  .wrap-global .card > ul > li > div {padding: 100px 40px 40px 40px;flex-direction: column;}
  .wrap-global .card .img-box {max-width: 100%;margin: 0 auto 30px;min-width: auto;} 
  .wrap-global .card strong {font-size: 28px;}
  .wrap-global .card .txt-box li > a {padding: 6px 20px;}
  .wrap-global .circle > img {width: 80%;}
  .wrap-global .circle {transform: translateX(-41%);}
  .wrap-global .circle span {width: 12%;transform: translate(-132%, 30%);}
  .wrap-global .pin::before {right: 20px;}
}

@media (max-width: 500px) {
  .wrap-global .circle span {width: 16%; transform: translate(-115%, 30%);}
  .wrap-global .tit {font-size: 50px;}
  .wrap-global .card > ul > li > div {padding:70px 25px 30px 25px}
  .wrap-global .card .txt-box li > a {padding: 6px 40px 6px 20px;}
  .wrap-global .card .txt-box li.long {width: 100%;}
  .wrap-global .card .txt-box li.long > a {padding: 12px 30px 12px 20px}
  .wrap-global .card > ul > li::before  {font-size: 55px;}
  .wrap-global .card strong {font-size: 32px;}
  .wrap-global .card .img-box {margin: 0 auto 20px;}
}
/*[E]Global*/

/*[S]Life*/
.wrap-life {position: relative;background: url('../../images/main/life_bg.jpg') no-repeat left top;}
.wrap-life::before {content: '';position: absolute;;left: 50%;transform: translateX(-50%);bottom: -95px;width: 274px;height: 391px;background: url('../../images/main/life_bg_img.png') no-repeat center;z-index: 10;}
.wrap-life > .inner {position: relative;padding: 220px 0 145px;z-index: 20;}
.wrap-life .con-wrap {display: flex;justify-content: space-between;}
.wrap-life .txt-box {transform: translateX(60px);flex-shrink: 0;position: relative;width: 1150px;margin-top:50px;z-index: 1;}
.wrap-life .txt-box strong {display: block;margin-bottom: 43px;color: #d3d3d3;font-size: 130px;font-family: 'cs';line-height: 120px;transition: color .25s;}
.wrap-life .txt-box .desc {opacity: 0;font-size: 22px;color: #666;font-family: 'cr';transition: .25s;}
.wrap-life .con-wrap.on .txt-box strong {color: #000;}
.wrap-life .con-wrap.on .txt-box .desc {opacity: 1;}


.wrap-life .more-btn {display: block;width: 120px;padding: 9px;margin-top: 25px;border: 1px solid #a6a6a6;font-family: 'cr';font-size: 14px;color: #a6a6a6;border-radius: 20px;text-align: center;transition: .25s;background: transparent;}
.wrap-life .more-btn:hover {background: #a6a6a6;color: #fff;}
.wrap-life .img-box {opacity: 0;flex-shrink: 0;width: 800px;transform: translateX(-100px);transition: .25s;}
.wrap-life .con-wrap.on .img-box {opacity: 1;}
.wrap-life .img-box img {width: 100%;}

@media (min-width: 1921px) {
  .wrap-life > .inner {max-width: 1850px;margin: 0 auto;}
}

@media (max-width: 1919px) {
  .wrap-life .txt-box {flex-shrink: 1;margin-top: 2vw;transform: translateX(5vw);}
  .wrap-life .img-box {flex-shrink: 1;min-width: 400px;transform: translateX(-5vw);}
  .wrap-life .txt-box strong {margin-bottom: 2vw;font-size: 6vw;line-height: 0.95;}
  .wrap-life .txt-box .desc {font-size: 1.3vw;}
  .wrap-life .more-btn {margin-top: 1.5vw;}
}

@media (max-width: 1500px) {
  .wrap-life > .inner {padding: 12vw 0 10vw;}
  .wrap-life .txt-box strong {font-size: 6vw;}
  .wrap-life .txt-box .desc {font-size: 1.7vw;}
}

@media (max-width: 1024px) {
  .wrap-life {background-position: right top;}
  .wrap-life::before {width: 300px; height: 300px;background-size: contain;bottom: -58px;}
  .wrap-life > .inner {padding: 50px 20px 50px;}
  .wrap-life .con-wrap {flex-direction: column;}  
  .wrap-life .txt-box {margin-bottom: 20px;}
  .wrap-life .txt-box strong {font-size: 40px;margin-bottom: 20px;}
  .wrap-life .txt-box .desc {font-size: 20px;}
  .wrap-life .txt-box .desc br {display: none;}
  .wrap-life .txt-box {width: 100%;transform: translateX(0);}
  .wrap-life .img-box {width: 100%;transform: translateX(0);}
  .wrap-life .more-btn {margin-top: 15px;}
  .wrap-life .img-box {min-width: auto;}
}
/*[E]Life*/



/***[E]영문 css***/