/* common */
#hd_login_msg {display:none !important;}

/* header */
header {position:fixed; left:0; top:0; width:100%; z-index:1000; transition:all ease 0.5s;}
header .container {display:flex; flex-wrap:wrap;}
header .main-logo {flex:1; min-width:0; display:flex; flex-wrap:wrap;}
header .main-logo h1 a {display:flex; flex-wrap:wrap; align-items:center; height:70px;}
header .main-logo h1 a img {width:140px;}
header .main-logo h1 a img.logo-2 {display:none;}
header .main-cate .cate-head {display:none;}
header .main-cate .cate-body > ul {display:flex; flex-wrap:wrap; justify-content:center;}
header .main-cate .cate-body > ul > li {position:relative;}
header .main-cate .cate-body > ul > li > a {padding:0 40px; height:70px; font-size:16px; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:relative;}
header .main-cate .cate-body > ul > li:hover > a:after {position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:100px; height:2px; content:""; background:#003a72;}
header .main-cate .cate-body > ul > li > button {display:none;}
header .main-cate .cate-body > ul > li > .inner {width:100%; padding:10px 0 30px; display:none;}
header .main-cate .cate-body > ul > li > .inner ul li {margin:0 0 4px;}
header .main-cate .cate-body > ul > li > .inner ul li:last-of-type {margin:0;}
header .main-cate .cate-body > ul > li > .inner ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:15px; color:#fff; text-align:center;}
header .main-cate .cate-body > ul > li > .inner ul li a:hover {text-decoration:underline;}
header .main-cate .cate-body > ul > li > .inner ul li.active a {color:#003a72; text-decoration:underline;}
header .main-cate .cate-body > ul > li:hover > .inner {display:block;}
header .main-cate .cate-body > ul > li.active > a {font-weight:bold;}
header .main-button {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; flex:1; min-width:0; height:70px;}
header .main-button .download {height:35px; padding:0 20px; font-size:16px; color:#fff; background:rgba(255,255,255,0.5); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
header .main-button .menu {display:none;}
header.scroll {background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
header.scroll .main-logo h1 a img.logo-1 {display:none;}
header.scroll .main-logo h1 a img.logo-2 {display:block;}
header.scroll .main-cate .cate-body > ul > li > a {color:#000;}
header.scroll .main-cate .cate-body > ul > li > .inner ul li a {color:#000;}
header.scroll .main-button .download {background:#003a72; color:#fff;}
header.hover {background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
header.hover .main-logo h1 a img.logo-1 {display:none;}
header.hover .main-logo h1 a img.logo-2 {display:block;}
header.hover .main-cate .cate-body > ul > li > a {color:#000;}
header.hover .main-cate .cate-body > ul > li > .inner ul li a {color:#000;}
header.hover .main-button .download {background:#003a72; color:#fff;}
@media (max-width:1300px){
header .main-cate .cate-body > ul > li > a {padding:0 20px;}
}
@media (max-width:991px){
header {padding:10px 0;}
header .container {align-items:center;}
header .main-logo h1 a {height:auto;}
header .main-logo h1 a img {width:120px;}
header .main-cate {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999; transition:all ease 0.5s;}
header .main-cate .box {pointer-events:none; opacity:0; position:absolute; left:-15px; top:0; width:280px; height:100%; display:flex; flex-direction:column; background:#fff; transition:all ease 0.5s;}
header .main-cate .cate-head {border-bottom:1px solid #fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; background:#003a72; padding:10px 15px; width:100%;}
header .main-cate .cate-head h2 img {width:120px;}
header .main-cate .cate-head .close {width:25px; height:25px; font-size:0; background:url('../images/icon_close.svg') no-repeat center / cover; filter:var(--filter-white);}
header .main-cate .cate-body {width:100%; height:100%; overflow-y:auto;}
header .main-cate .cate-body > ul > li {width:100%; border-bottom:1px solid var(--color-gray-400);}
header .main-cate .cate-body > ul > li > a {display:none;}
header .main-cate .cate-body > ul > li > button {color:#000; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%; height:50px; padding:0 15px; font-size:16px; font-weight:500;}
header .main-cate .cate-body > ul > li > button:after {display:block; content:""; width:20px; height:20px; background:url('../images/icon_arrow_down.svg') no-repeat center / cover; filter:var(--filter-gray-400);}
header .main-cate .cate-body > ul > li > .inner {display:none !important; padding:10px 0; background:var(--color-gray-100);}
header .main-cate .cate-body > ul > li > .inner ul li a {justify-content:flex-start; color:#000; padding:0 15px; height:35px;}
header .main-cate .cate-body > ul > li > .inner ul li.active a {color:#003a72; font-weight:600;}
header .main-cate .cate-body > ul > li.active > button {background:#003a72; color:#fff;}
header .main-cate .cate-body > ul > li.active > button:after {filter:var(--filter-white); transform:rotate(180deg);}
header .main-cate .cate-body > ul > li.active > .inner {display:block !important;}
header .main-button {height:auto;}
header .main-button .download {display:none;}
header .main-button .menu {display:block; width:26px; height:28px; font-size:0; background:url('../images/icon_menu.svg') no-repeat center / cover; filter:var(--filter-white);}
header.scroll .main-button .menu {filter:var(--filter-black);}
header.fixed .main-cate {pointer-events:inherit; opacity:1;}
header.fixed .main-cate .box {pointer-events:inherit; opacity:1; left:0;}
}

/* footer */
footer {background:var(--color-gray-900); padding:40px 0;}
footer .container {max-width:1300px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
footer h2 img {width:140px; margin:0 20px 0 0;}
footer .footer-link ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-link ul li {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-link ul li:after {display:inline-block; content:""; width:1px; height:13px; margin:0 10px; background:#fff;}
footer .footer-link ul li:last-of-type:after {display:none;}
footer .footer-link ul li a {font-size:15px; font-weight:500; color:#fff;}
footer .footer-info {margin:0 0 0 20px;}
footer .footer-info ul li {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-info ul li p {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; margin:5px 0 0; color:#fff;}
footer .footer-info ul li p:after {display:inline-block; content:""; width:1px; height:13px; margin:0 10px; background:#fff;}
footer .footer-info ul li p:last-of-type:after {display:none;}
@media (max-width:991px){
footer {padding:20px 0;}
footer h2 {width:100%;}
footer h2 img {display:block; margin:0 auto; width:120px;}
footer .footer-link {width:100%; margin:15px 0;}
footer .footer-link ul {justify-content:center;}
footer .footer-link ul li:after {height:10px;}
footer .footer-link ul li a {font-size:14px;}
footer .footer-info ul li {justify-content:center;}
footer .footer-info ul li p {font-size:13px; width:100%; justify-content:center; margin:0;}
footer .footer-info ul li p:after {display:none;}
footer .footer-info ul li p a {font-size:13px; color:#fff;}
}

/* main-title */
.main-title {margin:0 0 40px; display:flex; flex-wrap:wrap; align-items:center;}
.main-title div {flex:1; min-width:0;}
.main-title h2 {font-size:48px; font-weight:bold; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.main-title p {font-size:18px; color:#adadad; font-weight:600; margin:5px 0 0; word-break:keep-all;}
.main-title a {width:45px; height:45px; font-size:0; background:url('../images/icon_main_more.svg') no-repeat center / cover; filter:var(--filter-gray-500);}
.main-title a:hover {filter:var(--filter-black);}
@media (max-width:991px){
.main-title {margin:0 0 20px;}
.main-title div {flex:none; width:100%;}
.main-title h2 {font-size:24px;}
.main-title p {font-size:152025-08-30px;}
.main-title a {margin-left:auto;}
}

@keyframes bounce {
  0%, 100% {
    transform: translate(-50%,0);
  }
  50% {
    transform: translate(-50%,-10px); /* 위로 튀기 */
  }
}

/* main-video */
.main-video {overflow:hidden; position:relative;}
.main-video:after {display:block; content:""; padding-bottom:100%; pointer-events:none;}
.main-video iframe {position:absolute; left:0; top:-20%; width:100%; height:126%; object-fit:cover; pointer-events:none;}
.main-video .video-wrapper {position:absolute; left:0; top:0; width:100% ; height:100%; transform-origin: center center;}
.main-video .video-wrapper:after {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); content:"";}
.main-video .text {position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; z-index:10;}
.main-video .text:after {animation: bounce 1s ease-in-out infinite; position:absolute; content:""; width:30px; height:60px; background:url('../images/icon_mouse.png') no-repeat center / cover; left:50%; transform:translateX(-50%); bottom:5%;}
.main-video .text h2 {text-align:center; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:35px; font-weight:300; color:#fff; word-break:keep-all; width:100%;}
.main-video .text h2 b {font-size:40px; font-weight:bold; color:#fff; margin:0 10px 0 0;}
.main-video .text p {width:100%; text-align:center; font-size:20px; color:#fff; font-weight:200; word-break:keep-all;}
.main-video .text p:after {display:block; content:""; width:1px; height:50px; background:#fff; margin:15px auto;}
.main-video .text a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:150px; height:50px; margin:15px auto 0; border:1px solid #fff; color:#fff; font-size:18px; font-weight:300;}
.main-video .text a:hover {background:#fff; color:#000;}
.main-video .image {pointer-events:none; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; transition:all ease 0.5s;}
.main-video .image:after {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:3; content:"";}
.main-video .image img {width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0;}
.main-video .btn {position:absolute; top:50%; transform:translateY(-50%); font-size:0; width:60px; height:40px; background-size:cover; background-position:center; z-index:15;}
.main-video .btn.prev {background-image:url('../images/left_arrow.png'); left:1.5%;}
.main-video .btn.next {background-image:url('../images/right_arrow.png'); right:1.5%;}
.main-video.on .image {opacity:1; z-index:9;}
.video-bg {overflow:hidden; position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000; overflow:hidden;}
.video-bg:after {display:block; content:""; padding-bottom:100%; pointer-events:none;}
.video-bg iframe {position:absolute; left:0; top:-20%; width:100%; height:126%; object-fit:cover; pointer-events:none;}
@media (max-width:991px){
.main-video .text h2 {font-size:25px; line-height:1.3;}
.main-video .text h2 b {font-size:30px; display:block; text-align:center; line-height:1.3; margin:0;}
.main-video .text p {font-size:16px; margin:10px 0 0;}
.main-video .text p:after {height:30px;}
.main-video .text a {height:40px; width:120px; font-size:15px;}
.main-video .text:after {width:20px; height:40px; bottom:3%;}
.main-video iframe {width:177.78vh; left:50%; top:50%; transform:translate(-50%,-50%); height:100vh;}
.main-video .btn {width:40px; height:20px;}
}

/* main-list */
.main-list {background:url('../images/bg_main_list.png') no-repeat center / cover; position:relative;}
.main-list:before {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); content:"";}
.main-list .container {display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:1; max-width:100%; padding:0 0 0 100px;}
.main-list .list-left {width:400px; margin:0 100px 0 0;}
.main-list .list-left .inner {display:flex; flex-wrap:wrap; justify-content:center;}
.main-list .list-left .inner:before {display:block; content:""; width:15px; border:1px solid #fff; border-right:0; margin:0 10px 0 0;}
.main-list .list-left .inner:after {display:block; content:""; width:15px; border:1px solid #fff; border-left:0; margin:0 0 0 10px;}
.main-list .list-left .title h2 {font-size:40px; font-weight:100; color:#fff; text-align:center; line-height:1.3; letter-spacing:-1px;}
.main-list .list-left .title strong {display:block; text-align:center; font-size:40px; font-weight:600; color:#fff; line-height:1.3; letter-spacing:-1px;}
.main-list .list-left .button {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:20px 0 0;}
.main-list .list-left .button a {height:50px; width:150px; font-size:18px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #fff; color:#fff;}
.main-list .list-left .button a:after {display:block; content:""; width:24px; height:24px; margin:0 0 0 5px; background:url('../images/icon_main_arrow_more.svg') no-repeat center / cover; filter:var(--filter-white);}
.main-list .list-left .button a:hover {background:#fff; color:#000;}
.main-list .list-left .button a:hover:after {filter:var(--filter-black);}
.main-list .list-right {position:relative; position:relative; overflow:hidden; flex:1; min-width:0; background:#fff; padding:50px;}
.main-list .list-right:before {position:absolute; left:0; bottom:0; width:100%; height:50%; background:var(--color-gray-200); content:"";}
.main-list .list-right h2 {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 0 50px; gap:0 25px;}
.main-list .list-right h2 span {color:#999; font-weight:300;}
.main-list .list-right .swiper-slide a {display:block;}
.main-list .list-right .swiper-slide .list-image {position:relative; overflow:hidden;}
.main-list .list-right .swiper-slide .list-image:after {display:block; content:""; padding-bottom:72%;}
.main-list .list-right .swiper-slide .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.main-list .list-right .swiper-slide .list-content {padding:10px 0 0; display:flex; flex-wrap:wrap;}
.main-list .list-right .swiper-slide .list-content > b {width:70px; height:30px; padding:1px 0 0; background:#666; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-list .list-right .swiper-slide .list-content > b.active {background:var(--color-active);}
.main-list .list-right .swiper-slide .list-content div {flex:1; min-width:0; margin:0 0 0 10px;}
.main-list .list-right .swiper-slide .list-content strong {display:block; font-size:20px; font-weight:500;}
.main-list .list-right .swiper-slide .list-content ul {margin:5px 0 0;}
.main-list .list-right .swiper-slide .list-content ul li {display:flex; flex-wrap:wrap;}
.main-list .list-right .swiper-slide .list-content ul li b {width:80px; font-size:14px; font-weight:300;}
.main-list .list-right .swiper-slide .list-content ul li p {flex:1; min-width:0; font-size:14px; font-weight:300; word-break:keep-all;}
.main-list .list-right .swiper-button-prev {top:38%; width:40px; height:40px; background:url('../images/icon_arrow_left.svg') no-repeat center / cover; filter:var(--filter-white);}
.main-list .list-right .swiper-button-prev:after {display:none;}
.main-list .list-right .swiper-button-next {top:38%; width:40px; height:40px; background:url('../images/icon_arrow_right.svg') no-repeat center / cover; filter:var(--filter-white);}
.main-list .list-right .swiper-button-next:after {display:none;}
@media (max-height:800px){
.main-list {padding:80px 0;}
}
@media (max-width:1500px){
.main-list .container {padding:0 0 0 50px;}
.main-list .list-left {width:300px; margin:0 50px 0 0;}
}
@media (max-width:1300px){
.main-list .list-right .swiper-slide .list-image:after {padding-bottom:60%;}
.main-list .list-right .swiper-slide .list-content {padding:20px;}
.main-list .list-right .swiper-slide .list-content > b {font-size:13px; width:60px;}
.main-list .list-right .swiper-slide .list-content strong {font-size:25px;}
.main-list .list-right .swiper-slide .list-content ul {margin:10px 0 0;}
.main-list .list-right .swiper-slide .list-content ul li b {font-size:16px;}
.main-list .list-right .swiper-slide .list-content ul li p {font-size:16px;}
}
@media (max-width:991px){
.main-list {padding:50px 0 0;}
.main-list .container {padding:0 15px;}
.main-list .list-left {width:100%; margin:0;}
.main-list .list-left .title h2 {font-size:30px;}
.main-list .list-left .title strong {font-size:30px;}
.main-list .list-left .button a {width:120px; height:40px; font-size:15px;}
.main-list .list-left .button a:after {width:20px; height:20px;}
.main-list .list-right h2 {margin:0 0 30px; gap:0 20px;}
.main-list .list-right {width:calc(100% + 30px); flex:none; margin:50px -15px 0; padding:30px 0;}
.main-list .list-right .swiper {max-width:calc(100% - 30px);}
.main-list .list-right .swiper-slide .list-content {padding:10px 0 0;}
.main-list .list-right .swiper-slide .list-content strong {font-size:18px;}
.main-list .list-right .swiper-slide .list-content ul {margin:10px 0 0;}
.main-list .list-right .swiper-slide .list-content ul li b {font-size:13px; width:60px;}
.main-list .list-right .swiper-slide .list-content ul li p {font-size:13px;}
.main-list .list-right .swiper-button-prev {top:36%;}
.main-list .list-right .swiper-button-next {top:36%;}
}
@media (max-width:575px){
.main-list .list-right .swiper-slide .list-image:after {padding-bottom:80%;}
}

/* main-partner */
.main-partner {background:#fafafa;}
.main-partner ul {display:flex; flex-wrap:wrap; margin:0 -2.5px -5px;}
.main-partner ul li {width:calc(16.66% - 5px); margin:0 2.5px 5px; position:relative; border:1px solid var(--color-gray-400); overflow:hidden;}
.main-partner ul li:after {display:block; content:""; padding-bottom:40%;}
.main-partner ul li img {transition:all ease 0.5s; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.main-partner ul li:hover img {transform:scale(1.1);}
@media (max-height:800px){
.main-partner {padding:80px 0;}
}
@media (max-width:991px){
.main-partner {padding:50px 0;}
.main-partner ul li {width:calc(20% - 5px);}
}
@media (max-width:767px){
.main-partner ul li {width:calc(25% - 5px);}
}
@media (max-width:575px){
.main-partner ul li {width:calc(33.33% - 5px);}
}

/* main-intro */
.main-intro {background:#f7f7f7;}
.main-intro h2 {font-size:44px; font-weight:800; line-height:1.4; margin:0 0 35px; word-break:keep-all; color:#004b88;}
.main-intro .inner {display:flex; flex-wrap:wrap;}
.main-intro .inner .intro-image {width:500px;}
.main-intro .inner .intro-image img {width:100%;}
.main-intro .inner .intro-content {flex:1; min-width:0; padding:0 0 0 30px;}
.main-intro .inner .intro-content strong {font-size:24px; font-weight:700; margin:0 0 20px; display:block;}
.main-intro .inner .intro-content p {font-size:18px; font-weight:300; word-break:keep-all; margin:0 0 30px; line-height:1.75;}
.main-intro .inner .intro-content p b {font-size:18px; font-weight:500; line-height:1.75;}
.main-intro .inner .intro-content .name {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.main-intro .inner .intro-content .name b {font-size:18px; font-weight:300;}
.main-intro .inner .intro-content .name img {margin:0 0 0 10px; width:90px;}
@media (max-height:800px){
.main-intro {padding:80px 0;}
}
@media (max-width:991px){
.main-intro {padding:50px 0;}
.main-intro h2 {font-size:25px;}
.main-intro .inner .intro-image {width:100%;}
.main-intro .inner .intro-image img {display:block; max-width:560px;}
.main-intro .inner .intro-content {flex:none; width:100%; padding:0; margin:20px 0 0;}
.main-intro .inner .intro-content strong {font-size:20px;}
.main-intro .inner .intro-content p {font-size:16px;}
.main-intro .inner .intro-content p b {font-size:16px;}
.main-intro .inner .intro-content .name b {font-size:16px;}
.main-intro .inner .intro-content .name img {width:70px;}
}

/* main-contact */
.main-contact {background:url('../images/bg_main_contact.png') no-repeat center / cover;}
.main-contact .container {display:flex; flex-wrap:wrap; align-items:center;}
.main-contact .list-left {width:50%; margin:0 50px 0 0;}
.main-contact .list-left h2 {font-size:48px; font-weight:500;}
.main-contact .list-left .cs {display:flex; flex-wrap:wrap;}
.main-contact .list-left .cs span {height:36px; border-radius:6px; background:#003a72; color:#fff; font-size:13px; padding:0 20px; display:flex; flex-wrap:wrap; align-items:center;}
.main-contact .list-left .cs strong {width:100%; font-size:48px; font-weight:500; margin:10px 0 0;}
.main-contact .list-left .cs p {font-size:18px; word-break:keep-all; font-weight:300;}
.main-contact .list-right {flex:1; min-width:0; background:#fff; border-radius:15px; box-shadow:0 0 10px rgba(0,0,0,0.1); padding:50px;}
.main-contact .list-right ul li {margin:0 0 15px;}
.main-contact .list-right ul li > strong {display:flex; flex-wrap:wrap; align-items:center; font-size:16px;}
.main-contact .list-right ul li > strong.req:after {display:block; content:""; width:5px; height:5px; background:#f25656; border-radius:50%; margin:0 0 0 10px;}
.main-contact .list-right ul li > div input {width:100%; border-bottom:1px solid var(--color-gray-200); height:40px; font-size:16px; transition:all ease 0.5s;}
.main-contact .list-right ul li > div input:focus {border-color:#003a72;}
.main-contact .list-right ul li > div textarea {width:100%; display:block; height:80px; font-size:16px; border-bottom:1px solid var(--color-gray-200); transition:all ease 0.5s;}
.main-contact .list-right ul li > div textarea:focus {border-color:#003a72;}
.main-contact .list-right ul li > div p {font-size:16px; margin:0 10px;}
.main-contact .list-right .button {margin:20px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-contact .list-right .button .submit {font-size:18px; font-weight:600; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:6px; height:45px; background:#003a72; color:#fff; width:200px;}
@media (max-height:800px){
.main-contact {padding:80px 0;}
}
@media (max-width:991px){
.main-contact {padding:50px 0;}
.main-contact .list-left {width:100%; margin:0 0 20px;}
.main-contact .list-left h2 {font-size:30px;}
.main-contact .list-left .cs span {height:30px; border-radius:4px;}
.main-contact .list-left .cs strong {font-size:25px;}
.main-contact .list-left .cs strong a {font-size:30px; font-weight:500;}
.main-contact .list-left .cs p {font-size:16px;}
.main-contact .list-right {border-radius:10px; padding:30px;}
.main-contact .list-right .button .submit {width:150px;}
}