.section {width:100%; height:100%;}
.animation-here {opacity: 0;}
/* #wrap {overflow: hidden;} */

#main-visual {width: 100%; height: 72rem; overflow:hidden;}
#main-visual .swiper-slide {position: relative;}
#main-visual .swiper-slide.swiper-slide-active .vertical-line {width:100%; height:50%; background-color:black; position: absolute; left:0; z-index: 1;}
#main-visual .swiper-slide.swiper-slide-active .vertical-line.top {animation: decreaseHeight 3s linear forwards; top:0;}
#main-visual .swiper-slide.swiper-slide-active .vertical-line.bottom {animation: decreaseHeight2 3s linear forwards; bottom:0; }
@keyframes decreaseHeight {
  0% {
    height: 50%;
  }
  100% {
    height: 0;
  }
}

@keyframes decreaseHeight2 {
  0% {
    height: 50%;
  }
  100% {
    height: 0;
  }
}


#main-visual .swiper-slide video {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 100%; height: 100%; min-width: 100%; min-height: 100%; z-index: -1; object-fit :cover;}
#main-visual .swiper-slide .boundary {width: 100%; height: 100%; position: relative;} 
#main-visual .swiper-slide .banner-image {opacity: 0; transition: all 2s cubic-bezier(.23,1,.32,1); position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) scale(1.2); width: 100%; height: 100%; }
#main-visual .swiper-slide.swiper-slide-active .banner-image {opacity: 1; transform: translate(-50%,-50%) scale(1.0); width: 100%; z-index: -1; transition: all 2s cubic-bezier(.23,1,.32,1); }

#main-visual>.swiper-wrapper>.swiper-slide .boundary {display: flex; justify-content: center; align-items: center; position: relative; }
#main-visual>.swiper-wrapper>.swiper-slide { cursor: url('/assets/images/drag.svg'), auto; }
#main-visual>.swiper-wrapper>.swiper-slide .boundary .text-wrap {color:#000000; display: flex; justify-content: space-between; align-items: stretch; width: 100%; padding-left:4rem; padding-right:4rem; position: relative; top:4rem;} 
#main-visual>.swiper-wrapper>.swiper-slide .boundary .text-wrap .logo-wrap {font-size:5rem; position: relative; transition: all 0.4s; font-weight: 900; flex-basis: 35%; max-width: 35%;} 
#main-visual>.swiper-wrapper>.swiper-slide .boundary .text-wrap .logo-wrap>li {position: relative;  }
#main-visual>.swiper-wrapper>.swiper-slide .boundary .text-wrap .logo-wrap>li>h2 {font-size:3.6rem; background-color:#000000; color:#fff; padding: 1.3rem 3rem; display: inline-block; line-height: 1; opacity: 0; transition: all 3s cubic-bezier(.23,1,.32,1); visibility: hidden; transform: translateX(10px);}
#main-visual>.swiper-wrapper>.swiper-slide .boundary .text-wrap .logo-wrap>li>h4 {font-size:3.4rem; margin-top:1rem; opacity: 0; transition: all 4s cubic-bezier(.23,1,.32,1); visibility: hidden; transform: translateX(20px); font-weight: 900;}
#main-visual>.swiper-wrapper>.swiper-slide .boundary .text-wrap .logo-wrap>li>p {font-size:1.8rem; font-weight: 500; opacity: 0; transition: all 4s cubic-bezier(.23,1,.32,1); visibility: hidden; transform: translateX(30px);}
#main-visual>.swiper-wrapper>.swiper-slide .boundary .text-wrap .logo-wrap>li>img {max-width: 100%; opacity: 0;  transition: all 4s cubic-bezier(.23,1,.32,1); visibility: hidden; transform: translateX(50px);}
#main-visual>.swiper-wrapper>.swiper-slide .boundary .text-wrap .sub-wrap {font-size:2rem; text-align: right; flex-direction: column; display: flex; justify-content: flex-end; position: relative; margin-top:15rem;} 
#main-visual>.swiper-wrapper>.swiper-slide .boundary .text-wrap .sub-wrap>p {font-size:2rem; opacity: 1; transition: all 2s; transform: translateY(1rem); opacity: 0;}
#main-visual>.swiper-wrapper>.swiper-slide.swiper-slide-active .boundary .text-wrap .sub-wrap.on>p {font-size:2rem; opacity: 1; transform: translateY(0);}
#main-visual>.swiper-wrapper>.swiper-slide .boundary .text-wrap .progress {width: 100%; max-width: 320px;; display: flex; justify-content: space-between; align-items: center; align-self: flex-end; opacity: 0; transition: all 3s cubic-bezier(.23,1,.32,1); margin-bottom:2rem; visibility: hidden; transform: translateX(40px); } 
#main-visual>.swiper-wrapper>.swiper-slide .boundary .text-wrap .progress .bar {width: 85%; height: 5px; background-color:#E7EBF4; border-radius: 2rem; position: relative; overflow: hidden; margin-left:1rem; margin-right:1rem;}
#main-visual>.swiper-wrapper>.swiper-slide .boundary .text-wrap .progress .num {font-size:1.4rem; padding:1rem 0;}
#main-visual>.swiper-wrapper>.swiper-slide .boundary .text-wrap .progress .pause {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-basis: 3rem;}
#main-visual>.swiper-wrapper>.swiper-slide .boundary .text-wrap .progress .pause .btn {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding:0.3rem; cursor: pointer;} 
#main-visual>.swiper-wrapper>.swiper-slide .boundary .text-wrap .progress .pause .btn > img.pause {display: block;}
#main-visual>.swiper-wrapper>.swiper-slide .boundary .text-wrap .progress .pause .btn > img.stop {display: none;}
#main-visual>.swiper-wrapper>.swiper-slide .boundary .text-wrap .progress .pause .btn.on > img.pause {display: none;}
#main-visual>.swiper-wrapper>.swiper-slide .boundary .text-wrap .progress .pause .btn.on > img.stop {display: block;}

#main-visual>.swiper-wrapper>.swiper-slide .boundary .logo-svg {position: relative; opacity: 0;}
#main-visual>.swiper-wrapper>.swiper-slide .boundary .logo-svg path {stroke-dasharray: 455; stroke-dashoffset: 455; opacity: 0;}

#main-visual>.swiper-wrapper>.swiper-slide .boundary.on .logo-svg {position: relative; animation: fill 3s ease 3s forwards; opacity: 1;}
#main-visual>.swiper-wrapper>.swiper-slide .boundary.on .logo-svg path {stroke-dasharray: 455; stroke-dashoffset: 455;  animation: line-anim forwards 6s ease; opacity: 1;}
#main-visual>.swiper-wrapper>.swiper-slide .boundary.on .text-wrap .sub-wrap>p {font-size:2rem; opacity: 1; transform: translateY(0);}
#main-visual>.swiper-wrapper>.swiper-slide .boundary.on .progress .bar .gauge {position: absolute; left:0; width:0%; height:100%; background-color:#0C3190; animation: fillGauge 4s linear forwards; animation-delay: 1s;}
#main-visual>.swiper-wrapper>.swiper-slide:first-child .boundary.on .progress .bar .gauge {position: absolute; left:0; width:0%; height:100%; background-color:#0C3190; animation: fillGauge 4s linear forwards; animation-delay: 0s;}





#main-visual>.swiper-wrapper>.swiper-slide.swiper-slide-active .boundary .text-wrap .logo-wrap>li>h2 {opacity: 1; visibility: visible; transform: translateX(0);}
#main-visual>.swiper-wrapper>.swiper-slide.swiper-slide-active .boundary .text-wrap .logo-wrap>li>h4 {opacity: 1; visibility: visible; transform: translateX(0);}
#main-visual>.swiper-wrapper>.swiper-slide.swiper-slide-active .boundary .text-wrap .logo-wrap>li>p {opacity: 1; visibility: visible; transform: translateX(0);}
#main-visual>.swiper-wrapper>.swiper-slide.swiper-slide-active .boundary .text-wrap .logo-wrap>li>img {opacity: 1; visibility: visible; transform: translateX(0);}
#main-visual>.swiper-wrapper>.swiper-slide.swiper-slide-active .boundary .text-wrap .progress {opacity: 1; visibility: visible; transform: translateX(0);}

@keyframes fillGauge {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}


.section #main-slide .swiper-wrapper .swiper-slide .design-box {position: absolute; bottom:0; left:0; width:20rem; height:10rem; border-radius: 0 10rem 0 0; background-color:#1E3786; z-index: 1;}
.section #main-slide .swiper-wrapper .swiper-slide>img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) scale(1.0); width:100%; height:100%; transition: 6s ease-out; display: block;}
.section #main-slide .swiper-wrapper .swiper-slide>.scroll-wrap {position: absolute; left:50%; bottom:0%; transform: translate(-50%,-50%);z-index: 1; background-color:black; width:10rem; height:10rem; border:1px solid rgba(255,255,255,0.5);  cursor: pointer;}
.section #main-slide .swiper-wrapper .swiper-slide>.scroll-wrap:hover {background-color:#1E3786;}
.section #main-slide .swiper-wrapper .swiper-slide>.scroll-wrap img {margin:0 auto; margin-bottom:1rem; animation: down 1.3s infinite alternate;  display: block;}
@keyframes down{
  to{
    transform: translateX(10rem);
  }
  from{
    transform: translateX(20rem);
  }

}
.section #main-slide .swiper-wrapper .swiper-slide>.scroll-wrap p {color:#fff; text-align: center; font-family: "Play"; font-size:1.2rem; line-height: 1;}

.section #main-slide .swiper-wrapper .swiper-slide>.boundary {position: relative; display: flex; justify-content: flex-start; align-items: center; width:100%; height: 100%; border-left:1px solid rgba(255,255,255,0.3); border-right:1px solid rgba(255,255,255,0.3); z-index: 1;}
.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.btn-box {width:7.4rem; height:7.4rem; border:1px solid rgba(255,255,255,0.3); background-color:rgba(255,255,255,0.1); transition: all 0.4s; cursor: pointer;}
.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.btn-box:hover {background-color:#1E3786;}
.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.btn-box.left-btn {position: absolute; left:0; z-index: 99;}
.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.btn-box.right-btn {position: absolute; right:0; z-index: 99;}
.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment {position: relative; z-index: 1; padding-left:10rem; overflow: hidden; width: 100%;}
.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li:first-child {margin-bottom:2rem;}
.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li>div>h1 {font-size:9rem; font-family: "Play";  line-height: 1; color:#fff;}
.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li>div>h1>span {-webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #fff; color:transparent;}
.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li>div>p {font-size:2rem; line-height: 1.4; color:#fff;}
.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li>div>p:last-child {margin-bottom:3rem;}

.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li>.page-container {display: flex; justify-content: flex-start;}
.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li>.page-container .page-line {width:100%; max-width: 20rem;; background-color:rgba(255,255,255,0.5); height:4px; position: relative;}
.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li>.page-container .page-line>div {position: absolute; top:0; left:0; width:0%; height:4px; background-color:#fff; animation: line-animation 5s linear forwards;}




.search-wrap .search-container {flex-basis: 70%; max-width: 70%; display: flex; justify-content: flex-start; }
.search-wrap .search-container .select-container {display: flex; justify-content: space-between; align-self: stretch; width: 100%;}
.search-wrap .search-container .select-container>ul {width: 100%;display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.search-wrap .search-container .select-container>ul>li {flex-basis: 24%; max-width: 24%; margin-bottom:1.6rem; background-color:rgba(255,255,255,0.1); }
.search-wrap .search-container .select-container>ul>li.menu {display: flex;  flex-wrap: nowrap; justify-content: space-between; font-size:1.4rem; padding: 1.4rem 1.6rem; position: relative; cursor: pointer; max-height: 50px; color:#fff;}
.search-wrap .search-container .select-container>ul>li.menu>p {display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.search-wrap .search-container .select-container>ul>li.menu>.sub-menu {width: 100%; flex-basis: 100%; max-width: 100%; position: absolute; top:5rem;  left:0; height: 0; overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.4s cubic-bezier(.23,1,.32,1); background-color:#061E5C; color:#fff; max-height: 25rem;}
.search-wrap .search-container .select-container>ul>li.menu>.sub-menu>li {padding:0.8rem 2rem; border-bottom:1px solid rgba(255,255,255,0.2); font-size:1.3rem; color:rgba(255,255,255,0.7);}
.search-wrap .search-container .select-container>ul>li.menu>.sub-menu>li.active {background-color:#E4A01C; color:rgba(255,255,255,1);}


.search-wrap .search-container .select-container>ul>li.menu.on>.sub-menu {height: auto; overflow-y: auto; opacity: 1; visibility: visible; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.search-wrap .search-container .select-container>ul>li.menu.on>img {transform: rotate(180deg); transition: all 0.4s cubic-bezier(.23,1,.32,1);}
.search-wrap .search-container .select-container>ul>li.menu.on>.sub-menu>li:hover {background-color:#E4A01C; color:rgba(255,255,255,1); }
.search-wrap .search-container .select-container>ul>li.menu.on>.sub-menu {z-index: 9; }





.search-wrap .search-container .select-container>ul>li.input-search-box {flex-basis: 100%; max-width: 100%; margin-bottom:0;}
.search-wrap .search-container .select-container>ul>li.input-search-box input{width: 100%; padding:1.4rem 1.6rem; border:none; font-family: "Pretendard","sans-serif"; font-size:1.6rem; max-height: 5rem; font-weight: 300;}
.search-wrap .search-container .select-container>ul>li.input-search-box input::placeholder {color:rgba(0,0,0,0.4);}

.search-wrap .search-container .select-container .search-btn{width: 16rem; height: 100%; margin-left:1.6rem; background-color: #092365; position: relative;}
.search-wrap .search-container .select-container .search-btn>img {position: relative;}
.search-wrap .search-container .select-container .search-btn::before {content:''; position: absolute; top:0; left:0; height:0%; width: 100%; background-color:#E4A01C; transition: all 0.4s cubic-bezier(.23,1,.32,1);}
.search-wrap .search-container .select-container .search-btn:hover::before {height: 100%;}

/*섹션2 회사개요*/
.section#section_01 {width:100%; text-align: center;}
.section#section_01 .gradation>img {margin: 0 auto; transform: rotate(180deg); position: relative;}
.main-ment {text-align: center;}
.main-ment h4 {font-size:1.6rem; font-weight: 300; margin-top:1rem;}
.main-ment h2 {font-size: 5rem;}
.main-ment h3 {font-size:2.4rem; font-weight: 500;}
.main-ment p {font-size:1.6rem; margin-top:2rem; color:rgba(0,0,0,0.5);}
.section#section_01 .main-ment .dmt-btn {margin-top:3rem;}



.section-02-container {background-color: #F4F2F3; width: 100%; position: relative;}
#section_02 {width: 100%; max-width: 1920px; margin:0 auto; background-color:#F4F2F3; padding-left:1.6rem; padding-right:1.6rem; padding-top:20rem; padding-bottom:20rem;background-image:url(/assets/images/section-2-bg.png); background-repeat: no-repeat; background-position: right; background-size: auto; position: relative; }
#section_02 .flex_2ea {align-items: stretch;}
#section_02 .flex_2ea .content h4  {font-size:2.4rem; color:#092365; font-weight: 800; }
#section_02 .flex_2ea .content h3 {font-size:3rem; line-height: 1.4; margin-bottom:1rem; word-break: keep-all; }
#section_02 .flex_2ea .content p {font-size:1.6rem;}
#section_02 .flex_2ea .content .about-sub-box {margin-top:2.5rem; padding:1.8rem 0; width:100%; max-width:48rem;}
#section_02 .flex_2ea .content .about-sub-box strong {display:block; font-size:1.6rem; font-weight:800;  margin-bottom:0.2rem;}
#section_02 .flex_2ea .content .about-sub-box p {font-size:2rem; color:#666; line-height:1.6; margin:0;}

.section-02-container .vertical {width: 100%; height: 100%; background-color:rgba(255,255,255,0.7); position: absolute; top:0; left:0; transition: all 2s cubic-bezier(.23,1,.32,1);}
.section-02-container .vertical:last-child {width: 100%; height: 100%; background-color:rgba(255,255,255,0.3); position: absolute; top:0; left:0; transition: all 4s cubic-bezier(.23,1,.32,1);}
.section-02-container.aos-animate .vertical {left:100%;}


.border-btn {border:3px solid #dddddd; color:#dddddd; border-radius: 3rem; text-align: center; padding: 1rem; font-size:1.4rem; max-width: 17rem; margin-top:2rem; font-weight: bold; transition: all 0.4s;}
.border-btn:hover {border:3px solid #092365; color:#092365;}
.border-btn.orange:hover {border:3px solid #E4A01C; color:#E4A01C;}


#section_03 {width: 100%; padding-top:20rem; padding-bottom:20rem; padding-left:1.6rem; padding-right:1.6rem;}
#section_03 .flex_2ea {flex-wrap: wrap;}
#section_03 .flex_2ea .content {position: relative;}
#section_03 .flex_2ea .content h4 {font-size:1.4rem; color:#092365; font-weight: 800; padding-bottom:0.5rem; }
#section_03 .flex_2ea .content h3 {font-size:3rem; line-height: 1.4; margin-bottom:1rem; word-break: keep-all;}
#section_03 .flex_2ea .content p {font-size:1.6rem; color:rgba(0,0,0,0.6);}
#section_03 .business-area-wrap {width: 100%; flex-basis: 100%; max-width: 100%; overflow: visible; margin-top:2rem;}
#section_03 .business-area-wrap .swiper-slide {width: 51.8rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; margin-bottom:3rem;  cursor: url('/assets/images/drag.svg'), auto; }
#section_03 .business-area-wrap .swiper-slide .img-wrap {position: relative; transition: all 0.4s cubic-bezier(.23,1,.32,1); overflow: hidden;}
#section_03 .business-area-wrap .swiper-slide .img-wrap>img {vertical-align: middle; transition: all 2.4s cubic-bezier(.23,1,.32,1);}
#section_03 .business-area-wrap .swiper-slide .text-wrap {display: flex; justify-content: space-between; align-items: center; position: relative; padding:2rem 4rem; padding-bottom:3rem; }
#section_03 .business-area-wrap .swiper-slide .text-wrap::before {content:''; position: absolute; left:0; top:0; height:0%; width: 100%; background-color:#0C3190; transition: all 0.4s; z-index: -1;}
#section_03 .business-area-wrap .swiper-slide .text-wrap .name>div:first-child {font-size:1.4rem;}
#section_03 .business-area-wrap .swiper-slide .text-wrap .name>div:nth-child(2) {font-size:1.6rem;}
#section_03 .business-area-wrap .swiper-slide .text-wrap .name>div:nth-child(2) {font-size:2.2rem; font-weight: bold;}
#section_03 .business-area-wrap .swiper-slide .text-wrap .name>div:nth-child(3) {font-size:1.4rem; color:rgba(0,0,0,0.5);}
#section_03 .business-area-wrap .swiper-slide .text-wrap .img-wrap { display: flex; flex-direction: column; width: 100%; max-width: 28rem; position: absolute; right:0; top:-55%; }
#section_03 .business-area-wrap .swiper-slide .text-wrap .img-wrap p {display: inline-block; color:#333333; font-size:1.4rem; position: absolute; bottom:2rem;}
#section_03 .business-area-wrap .media_pagination {padding:1rem;}
#section_03 .business-area-wrap .media_pagination .scrollbar {z-index: 6; position: relative; left:0; top:0; width:100%; height:6px; border-radius: 8px; cursor: pointer; background-color:rgba(0,0,0,0.2);}
#section_03 .business-area-wrap .media_pagination .swiper-scrollbar-drag {background-repeat: no-repeat; top:-7px; box-sizing: border-box; width:96px !important; height:22px; margin-top:1rem; cursor: pointer; background-color:#0C3190; background-image:url(/assets/images/btn-texture.png); background-position: center;}
#section_03 .business-area-wrap .media_pagination .swiper-scrollbar-drag:hover {filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.1));}

#section_03 .business-area-wrap .swiper-slide:hover .text-wrap {color:#fff;}
#section_03 .business-area-wrap .swiper-slide:hover .text-wrap .name>div:nth-child(3) {color:rgba(255,255,255,0.6);}
#section_03 .business-area-wrap .swiper-slide:hover .text-wrap::before {height: 100%;}
#section_03 .business-area-wrap .swiper-slide:hover .text-wrap .img-wrap p {color:rgba(255,255,255,0.7);}
#section_03 .business-area-wrap .swiper-slide:hover .text-wrap .img-wrap {top:-65%; }
#section_03 .business-area-wrap .swiper-slide:hover>.img-wrap>img {transform: scale(1.1); }

#section_03 .business-area-wrap .swiper-slide-active .text-wrap {color:#fff;}
#section_03 .business-area-wrap .swiper-slide-active .text-wrap .name>div:nth-child(3) {color:rgba(255,255,255,0.6);}
#section_03 .business-area-wrap .swiper-slide-active .text-wrap::before {height: 100%;}
#section_03 .business-area-wrap .swiper-slide-active .text-wrap .img-wrap p {color:rgba(255,255,255,0.7);}
#section_03 .business-area-wrap .swiper-slide-active .text-wrap .img-wrap {top:-65%; }
#section_03 .business-area-wrap .swiper-slide-active>.img-wrap>img {transform: scale(1.1); }





#section_04 {height: 47.5rem;}
#section_04 .flex-2ea {align-items: stretch;  flex-wrap: nowrap; position: relative; width: 100%;}
#section_04 .flex-2ea .content {height: 47.5rem;}
#section_04 .flex-2ea .content:first-child {flex-basis: 50%; max-width: 50%; width: 100%; background-color:#0C3190; color:#fff; position: absolute; left:0; top:-3rem; z-index: 1; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; text-align: left;}
#section_04 .flex-2ea .content:first-child::before {content: ""; position: absolute;  right: -3rem; top: 0px;  width: 0; height: 0; border-bottom: 3rem solid #0B183C; border-right: 3rem solid transparent;}
/* #section_04 .flex-2ea .content:first-child::after {content:''; position: absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.07); animation: line-animation 5s linear forwards;} */
#section_04 .flex-2ea .content:first-child>div {width: 64rem; padding-right:4rem; padding-left:1.6rem;}
#section_04 .flex-2ea .content:first-child>div>h4 {font-size:1.6rem; width: 100%;}
#section_04 .flex-2ea .content:first-child>div>h3 {font-size:3rem; width: 100%; margin-bottom:1rem;}
#section_04 .flex-2ea .content:first-child>div>p {font-size:1.6rem; width: 100%; color:rgba(255,255,255,0.7); font-weight: 300;}
#section_04 .flex-2ea .content.rnd-bg {flex-basis: 60%; width: 60%; max-width: 60%;background-image:url(/assets/images/rnd-bg.jpg); position: absolute; right:0%; background-color:#161616; background-repeat: no-repeat;}
#section_04 .flex-2ea .content.rnd-bg>img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 2; max-width: 52.1rem;}
#section_04 .flex-2ea .content.rnd-bg>img:nth-child(2) {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 1;}
#section_04 .flex-2ea .content.rnd-bg::before {content: ""; position: absolute;  left: -3rem; bottom: 0px;  width: 0; height: 0; border-top: 3rem solid #0B183C; border-left: 3rem solid transparent;}
/* #section_04 .content:first-child::after {content:''; position: absolute; top:0; left:0; width: 100%; height: 100%; background-color:black; transition: all 1.2s cubic-bezier(.23,1,.32,1);} */
/* #section_04 .content.aos-animate:first-child::after {content:''; position: absolute; top:0; left:0; width: 100%; height: 0%; } */


#section_05 {padding-top:15rem; padding-bottom:20rem; overflow: hidden;}
#section_05 .title-wrap {margin: 0 auto; width: 100%; text-align: center;}
#section_05 .title-wrap>h4 {font-size:1.4rem;}
#section_05 .title-wrap>h3 {font-size:4.5rem;}
#section_05 .title-wrap>p {font-size:1.6rem; color:rgba(0,0,0,0.6);}
#section_05 .partners-wrap {margin-top:3rem; overflow: visible; pointer-events: none; }
#section_05 .partners-wrap ul {display: flex; justify-content: start; align-items: center; flex-wrap: nowrap; transition-timing-function: linear;}
#section_05 .partners-wrap ul li {padding:2rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px; border-radius: 1rem; max-width: 22rem; cursor: grab; display: flex; justify-content: center;}

.number-contents {width: 100%; text-align: center;}
.number-contents>li:first-child {font-size:1.6rem;}
.number-contents>li:nth-child(2) {font-size:6.5rem; font-weight: bold; line-height: 1.2;}
.number-contents>li:nth-child(2)>b {font-weight: 900;}
.number-contents>li:nth-child(3) {font-size:1.4rem; color:rgba(0,0,0,0.35);}


@-webkit-keyframes line-animation {
  from {
     width:0;
  }
  to {
    width:100%;
  }
}

.wrap #section_01 #slide-02 .content .item:first-child {flex-basis: 100%; max-width: 100%;}
.section#section_04 .news-container .pagenation .button-wrap .button {width:9rem; height:9rem; background-color:#fff;}
.section#section_04 .news-container .pagenation .button-wrap .button:last-child {margin-left:1rem;}
.section#section_04 .news-container #news-wrap {flex-basis: 62.5%; max-width: 62.5%; overflow: hidden; padding-right:1rem; }
.section#section_04 .news-container #news-wrap .swiper-wrapper {width: 100%;}
.section#section_04 .news-container #news-wrap .swiper-wrapper .swiper-slide {background-color:#fff; padding:2.5rem; width:100%;}
.section#section_04 .news-container #news-wrap .swiper-wrapper .swiper-slide:hover {background-color:#1E3786; color:#fff;}
.section#section_04 .news-container #news-wrap .swiper-wrapper .swiper-slide:hover .detail>li>p {color:rgba(255,255,255,0.7);}
.section#section_04 .news-container #news-wrap .swiper-wrapper .swiper-slide>.head {width:100%; margin-bottom:4rem;}
.section#section_04 .news-container #news-wrap .swiper-wrapper .swiper-slide>.head>.type {font-size:1.4rem; margin-right:2rem; padding:0.5rem 2rem; background-color:black; color:#fff; border-radius: 5rem; vertical-align: middle;} 
.section#section_04 .news-container #news-wrap .swiper-wrapper .swiper-slide>.head>.date {font-size:1.6rem;}
.section#section_04 .news-container #news-wrap .swiper-wrapper .swiper-slide>.body {margin-bottom:3rem;}
.section#section_04 .news-container #news-wrap .swiper-wrapper .swiper-slide>.body>li>h3 {font-size:2.4rem; line-height: 1.2;  width:100%; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.section#section_04 .news-container #news-wrap .swiper-wrapper .swiper-slide>.detail>li>p {font-size:1.6rem; line-height: 1.2; margin-bottom:2rem; width:100%; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; color:rgba(0,0,0,0.6);}
.section#section_04 .news-container #news-wrap .swiper-wrapper .swiper-slide>.button {display: flex; justify-content: flex-end;}
.section#section_04 .news-container #news-wrap .swiper-wrapper .swiper-slide>.button>li{background-color:black; width:6rem; height:6rem;}
.section#section_04 .text-line {margin-bottom:20rem;}


/*섹션1*/
@keyframes down{
  from{
      top:-20%;
  }
  to{
      top:-25%;
  }
}

@keyframes down-02{
  from{
      top:50%;
  }
  to{
      top:55%;
  }
}



.popup-wraps {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999;
  flex-wrap: wrap;
  /* display: none; */
}
.popup-wraps .content {
  width: 100%;
  height: auto;
  max-width: 500px;
  margin: 1%;
  transition: all 0.4s;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  border:1px solid rgba(255,255,255,0.5);
}

.popup-wraps .content .img-wraps {width:100%;}
.popup-wraps .content .img-wrap>a {vertical-align: middle;}

.popup-wraps .content .img-wraps img {
  width: 100%;
  background-color: #fff;
  vertical-align: middle;
}
.popup-wraps .content .text-wraps {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  color: #333333;
  background-color: #fafafa;
  width: 100%;
}
.popup-wraps .content .text-wraps div {
  flex-basis: 50%;
  max-width: 50%;
  text-align: center;
  transition: all 0.4s;
  cursor: pointer;
  /* border: 1px solid #ddd; */
  padding: 10px;
  background-color: #000000;
  font-size: 14px;
  color:#fff;
}
.popup-wraps .content .text-wraps div:first-child {border-right:1px solid rgba(255,255,255,0.1);}
.popup-wraps .content .text-wraps div:hover {
  opacity: 0.7;
}
.pop_none {
  display: none;
}

/* 인트로*/
.title-ment {text-align: center; max-width: 50rem; margin: 0 auto; padding-bottom: 2rem;}
.title-ment>h3 {font-size:3rem; }
.title-ment>h3>img {width: 100%; max-width: 30rem;}
.title-ment>h4 {font-size:1.8rem; width: 100%;  color:#fff; font-weight: 600;}
.title-ment>p {font-size:1.4rem; color:rgba(255,255,255,0.5);}

.intro-wrap {width: 100%; height: 100vh; background-color: #F9F9F9; display: flex; justify-content: center; align-items: center; position: relative; background-repeat: no-repeat; background-size: cover; background-image: url(/assets/images/intro-bg-02.jpg); background-position: center;} 
#intro-02 {background-image: url(/assets/images/intro-bg-02.jpg);}
#intro-03 {background-image: url(/assets/images/intro-bg-03.jpg);}
#intro-04 {background-image: url(/assets/images/intro-bg-04.jpg);}
.intro-wrap .center {width: 100%;}
.intro-wrap .flex-3ea {position: relative; display: flex; justify-content: center; align-items: stretch; text-align: center; gap:1%; width: 100%; max-width: 1280px; z-index: 2;}
.intro-wrap .flex-3ea .content {flex-basis: 32.333%; max-width: 32.333%; text-align: center; transform: perspective(1000px);  border-radius: 0.5rem; padding:7rem 0; transform-style: preserve-3d; background: rgba(0,0,0,0.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border:1px solid rgba(255,255,255,0.2);}
/* .intro-wrap .flex-3ea .content::before {content:''; background: rgba(255,255,255,0.5); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);} */
.intro-wrap .flex-3ea .content .img {max-width: 33.5rem; margin: 0 auto; transform: translateZ(20px); transform-style: preserve-3d;}
.intro-wrap .flex-3ea .content h3 {font-size:2.6rem; line-height: 1.2; font-weight: 800; margin-top:1rem; margin-bottom: 1rem; transform: translateZ(20px); color:#fff;}
.intro-wrap .flex-3ea .content p {font-size:1.6rem; line-height: 1.2; font-weight: 400; margin-bottom: 2rem; transform: translateZ(20px); color:rgba(255,255,255,0.5);}
.intro-wrap .flex-3ea .content .text-wrap {transform: perspective(1000px); transform-style: preserve-3d;}
.intro-wrap .flex-3ea .content .text-wrap button {padding:1rem; background-color: #081f58; color:#fff; border-radius: 2.5rem; font-size: 1.86rem; max-width: 20rem; margin: 0 auto;  transform: translateZ(20px); opacity: 0; transition: all 0.4s; width: 90%; margin-left:5%; margin-right:5%;}
.intro-wrap .flex-3ea .content .text-wrap button#green {background-color: #364d2f;}
.intro-wrap .flex-3ea .content .text-wrap button#yellow {background-color: #6fa118;}
/* .intro-wrap .flex-3ea .content:hover {box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;  } */
/* .intro-wrap .flex-3ea .content:nth-child(1):hover  {background-color: rgba(12, 49, 144,0.8);} */
/* .intro-wrap .flex-3ea .content:nth-child(2):hover  {background-color: rgba(58, 80, 51, 0.8);} */
/* .intro-wrap .flex-3ea .content:nth-child(3):hover  {background-color: rgba(154, 218, 42,0.8);} */
.intro-wrap .flex-3ea .content:hover .text-wrap button {opacity: 1;}

.intro-wrap .copyrights {position: absolute; bottom:2rem; left:50%; transform: translate(-50%,-50%); font-size: 1.4rem; color:rgba(255,255,255,0.6); width: 100%; text-align: center; }
.intro-wrap::after {content:''; position: absolute; bottom:0; left:0; width: 100%; height: 30rem; background-color: #F3F6F7; z-index: 1; display: none;}


@media screen and (max-width:768px){
  .intro-wrap {height: 100%; padding-top:10rem; padding-bottom:10rem;}
  .intro-wrap .boundary-1280 {display: flex; justify-content: flex-start;} 
  .intro-wrap .center {display: flex; flex-direction: column; align-items: flex-start; height: 100%;}
  .intro-wrap .flex-3ea {flex-wrap: wrap;}
  .intro-wrap .flex-3ea .content .img {max-width: 20rem; padding-top:2rem;}
  .intro-wrap .flex-3ea .content {padding:3rem 0; flex-basis: 100%; max-width: 100%; margin-bottom: 3rem;}
  .intro-wrap .flex-3ea .content h3 {font-size: 3rem;}
  .intro-wrap .flex-3ea .content .text-wrap button {font-size:1.4rem;}

  
}

@media screen and (max-width:500px){
  .title-ment>h4 {width: 90%; margin-left:5%; margin-right:5%;}
  .intro-wrap .flex-3ea .content h3 {font-size: 2.4rem;}
  .intro-wrap .flex-3ea .content p {font-size:1.6rem; margin-bottom: 1rem;}
  
}