@charset "utf-8";
body{word-break: break-all;}
/* ===== SUB COMMON ===== */
/* .maxinner {margin:0 auto; max-width:120rem; width:90%;} */
.sub #header .gnb-wrap::after {opacity:1; width:100%; background:rgba(255,255,255,0.2);}
.sub-contents {padding:5em 0 6em; font-size: 1.1rem; letter-spacing: -1px; color:#333; word-break:keep-all;}
.sub-con-tit-wrap {margin-bottom:5em; text-align:center;}
.sub-con-tit {font-size:3rem; color:#111111; line-height:1.333em;font-weight: 900;}
.sub-con-txt {margin-top:1.111em; font-size:1.8rem;}
.sub-con-tit02-wrap {margin-bottom:5em;}
.sub-con-tit02 {position:relative; font-size:1.5rem;  padding-left:0.6em; margin-bottom:1em;  color:#111111; line-height:1.333em;}
.sub-con-tit02::after {content:""; position:absolute; left:0; top:5px; width:5px; height:24px; background:#d71718;}
.sub-con-txt02 {position:relative; font-size:1.3rem; color:#333; font-weight:500; line-height:1.667em;}
.sub-con-tit03-wrap {margin-bottom:2em;}
.sub-con-tit03 {position:relative; font-size:1.35rem; color:#d71718; font-weight:500; line-height:1.667em;}
.sub-con-tit03::before {content:""; position:absolute; left:0; top:-5px; z-index:1; width:40px; height:3px; background:#d71718;}

/* SUB VISUAL */
.loading .sub-visual:before {width:100%;}
.loading .sub-visual:after {width:100%;}
.sub-visual {overflow: hidden; position:relative; height:30em;}
.sub-visual .con {position:relative; z-index:10; display:flex; align-items:center; margin:0 auto; width:100%; height:100%; text-align:center;}
.sub-visual .sub-tit h2{margin-top:1.582em; font-size:3rem; color:#fff; font-weight:700; font-family:'Noto Sans KR',sans-serif; letter-spacing:0;}
.sub-visual .sub-tit .txt {margin-top:0.938em; font-size:1.6rem; color:rgba(255,255,255,0.8); line-height:1.5em;}
.sub-visual .bg {position:absolute; left:0; top:0px; width:100%; height:100vh; background-size:cover; background-position:center center; background-repeat:no-repeat; z-index:-1;
    -webkit-animation:bgScale 2s cubic-bezier(0.33, 1, 0.68, 1) both;
    -moz-animation:bgScale 2s cubic-bezier(0.33, 1, 0.68, 1) both;
    -ms-animation:bgScale 2s cubic-bezier(0.33, 1, 0.68, 1) both;
    -o-animation:bgScale 2s cubic-bezier(0.33, 1, 0.68, 1) both;
    animation:bgScale 2s cubic-bezier(0.33, 1, 0.68, 1) both;
}
.sub-visual .bg {height: 100%; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}
@-webkit-keyframes bgScale {
    from {transform:scale(1.2);}
    to {transform:scale(1);}
}
@-moz-keyframes bgScale {
    from {transform:scale(1.2);}
    to {transform:scale(1);}
}
@-ms-keyframes bgScale {
     from {transform:scale(1.2);}
    to {transform:scale(1);}
}
@-o-keyframes bgScale {
    from {transform:scale(1.2);}
    to {transform:scale(1);}
}
@keyframes bgScale {
    from {transform:scale(1.2);}
    to {transform:scale(1); }
}

.sub-visual h2 {overflow:hidden; margin-top:0.444em; font-size:4.5rem; color:#fff; font-weight:700;}
.sub-visual h2 span {opacity: 0; -webkit-animation: slideAni 1s cubic-bezier(0.4, 0, 0.2, 1) both; animation: slideAni 1s cubic-bezier(0.4, 0, 0.2, 1) both;}
@-webkit-keyframes slideAni {
    from {opacity:0; -webkit-transform: translateY(4rem); transform: translateY(4rem);}
    to {opacity:1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes slideAni {
    from {opacity:0; -webkit-transform: translateY(4rem); transform: translateY(4rem);}
    to {opacity:1; -webkit-transform: translateY(0); transform: translateY(0);}
}

/* .sub-visual.sub-bg {height:100vh;}
.sub-visual.sub-bg .sub-tit h2 {margin-top:0; font-size:6.6rem;}
.sub-visual.sub-bg .sub-tit .txt {margin-top:1.25em; font-size:2rem; line-height:1.6em;}
.sub-visual .scroll-down p {font-weight:700;} */
/* .title:after {content: "";position: absolute;left: 0;top: 0;width: 30px;height: 3px;background: #004386;} */

/* ----- NAVIGATION ----- */
.sub-nav-wrap {position:relative; z-index:100; background:#fff; border-bottom:1px solid #ddd;}
.sub-nav-wrap .sub-nav {display:flex; justify-content:flex-start;}
.sub-nav-wrap .sub-nav .home {display:block;border-left:1px solid #ddd; border-right:1px solid #ddd; font-size: 1rem; width:3.75em;  height:3.75em; background:url('/img/ico-home.png') no-repeat center; }
.sub-nav-wrap .sub-nav .nav-depth {position:relative; z-index:2;}
.sub-nav-wrap .sub-nav .nav-depth h2 {position:relative; min-width:300px; width:100%; border-right:1px solid #ddd; cursor:pointer;}
.sub-nav-wrap .sub-nav .nav-depth h2:before {content:""; position:absolute; right:30px; top:50%; margin-top:-4px; width:15px; height:8px; background-repeat:no-repeat; background-position:center center; background-size:100%; background-image:url(/img/bu-subnav.png);}
.sub-nav-wrap .sub-nav .nav-depth h2 strong {display:block; padding:0 1.875em; padding-right:4em; font-size:1rem; color:#333; font-weight:400; line-height:3.75em;}
.sub-nav-wrap .sub-nav .nav-depth ul {display:none; position:absolute; left:-1px; top:100%; width:calc(100% + 1px); -webkit-box-shadow:0px 5px 12px rgba(0,0,0,0.1); box-shadow:0px 5px 12px rgba(0,0,0,0.1);}
.sub-nav-wrap .sub-nav .nav-depth:last-child {z-index:11;}
.sub-nav-wrap .sub-nav .nav-depth ul li a {display:block; padding:0.5em 1.875em; border-top:1px solid #eee; background:#fff; font-size:1rem; line-height:2em; color:#333;}
.sub-nav-wrap .sub-nav .nav-depth ul li:first-child a {border-top:none;}
.sub-nav-wrap .sub-nav .nav-depth ul li.on a {color:#666;}
.sub-nav-wrap .sub-nav .nav-depth:last-child h2 strong {background:#d71718; color:#fff;}
.sub-nav-wrap .sub-nav .nav-depth:last-child h2:before {background-image:url('/img/bu-subnav-on.png');}
.sub-nav-wrap .sub-nav .nav-depth:last-child h2:after{background-image:url('/img/bu-subnav-on.png'); transform:rotate(-90deg);}
.sub-nav-wrap .sub-nav .nav-depth.open ul {display:block;}

/* tab-link */
.tab-link-nav {width:100%;}
.tab-link-nav ul {display: flex; justify-content: space-between; margin: 0 auto;  margin-bottom: 3em; width: 100%;}
.tab-link-nav ul li {width:100%; border:1px solid #ddd; cursor:pointer;  transition:all ease .3s; border-right:0; background-color:}
.tab-link-nav ul li:last-child {border-right:1px solid #ddd;}
.tab-link-nav ul li a {width:100%; height:3em; display:flex; justify-content: center; align-items: center; font-weight:500; color:#222; transition:all ease .3s; font-size:1.2rem;}
.tab-link-nav ul li a span {font-size:0.9rem;}
.tab-link-nav ul li.active a {border-color:#d71718;background:#d71718;color:#fff;font-weight:500;}

.tab-link-nav1 {width:100%;}
.tab-link-nav1 ul {display: flex; flex-wrap:wrap; margin: 0 auto;  margin-bottom: 30px; width: 100%;}
.tab-link-nav1 ul li {width:33.33333%; border:1px solid #ddd; cursor:pointer;  transition:all ease .3s; border-right:0;background-color: #f1f3f4}
.tab-link-nav1 ul li:last-child {border-right:1px solid #ddd;}
.tab-link-nav1 ul li:nth-child(3) {border-right:1px solid #ddd;}
.tab-link-nav1 ul li:nth-child(6) {border-right:1px solid #ddd;}
.tab-link-nav1 ul li:nth-child(9) {border-right:1px solid #ddd;}
.tab-link-nav1 ul li:nth-child(n+4) {border-top:0;}
.tab-link-nav1 ul li a {width:100%; height:2.75em; display:flex; justify-content: center; align-items: center; font-weight:500; color:#222; transition:all ease .3s; font-size:1.2rem;}
.tab-link-nav1 ul li.active a {border-color:#d71718;background:#d71718;color:#fff;font-weight:500;}

/* SUB TAB MENU  */
.sub-tabmenu {border-bottom:1px solid #ddd;}
.sub-tabmenu ul {display:flex; justify-content:center;}
.sub-tabmenu li {margin-left:1em;}
.sub-tabmenu li:first-child {margin-left:0;}
.sub-tabmenu li {min-width:11em; text-align:center;}
.sub-tabmenu li a {display:inline-block; position:relative; font-size:1.2rem; color:#666; line-height:3.889em; vertical-align:middle;}
.sub-tabmenu li a::after {display:none; content:""; position:absolute; left:0; bottom:-0.111em; width:100%; height:0.167em; background:#2d76ee;}
.sub-tabmenu li.on a::after {display:block;}


@media all and (min-width:1025px){
    .sub-nav-wrap .sub-nav .nav-depth ul li a:hover{background:#222;color:#fff;}
}
@media all and (max-width:1440px){
.sub-visual .bg {position:absolute; left:0; top:0; }
}
@media all and (max-width:1024px){
    .pc-br {display:none !important;}
    .sub-nav-wrap .sub-nav .nav-depth h2 {min-width:220px;}
    .sub-nav-wrap .sub-nav .nav-depth ul li a:hover{background:#d71718;color:#fff;}
    .sub-con-tit .tit {font-size:3rem;}
    /*.sub-con-smtit01 .tit {font-size:2.4rem;}
    .sub-con-smtit02 .tit {font-size:2.4rem;}
    .sub-con-smtit02 .sm-tit {display:block;margin:0;padding:0;font-size:1.5rem;}
    .sub-nav-wrap .sub-nav .nav-depth h2 {min-width:220px;}
    .sub-visual .sub-tit .txt {font-size:1.5rem;}
    .sub-visual.bg-big .sub-tit .tit {font-size:4rem;}
    .sub-visual.bg-big .sub-tit .txt {font-size:1.6rem;} */
}
@media all and (max-width:768px){
    .sub-con-tit02 {font-size:1.4rem;}
    .sub-con-tit02::after {height:20px;}
    .sub-nav-wrap .sub-nav .nav-depth h2 strong { overflow:hidden; text-overflow:ellipsis;  white-space:nowrap;}
}

@media all and (max-width:576px){
    .sub-contents {padding:3em 0 3em;}
    .sub-con-tit-wrap {margin-bottom:2em ;}
    .sub-con-tit {padding:0; font-size:1.8rem;}
    .sub-con-tit .tit {font-size:2rem;}
    .sub-con-tit02-wrap {margin-bottom:3em;}
    .sub-con-tit02 {font-size:1.3rem;}
    .sub-con-tit02::after {height:18px;}
    .sub-con-txt02 {font-size:1.2rem;line-height:1.667em;}
    .sub-visual .sub-tit h2 {margin-top: 1.582em;font-size: 2em;color: #fff;font-weight: 500;letter-spacing: 0;}
    .sub-visual .sub-tit .txt {margin-top: 0.5em;font-size: 1.1em;color: #fff}
    /* .sub-nav-wrap > div > div > nav:nth-child(2) {display: none;} */
    .sub-nav-wrap .sub-nav .nav-depth h2:before {right: 10px;}
    .sub-nav-wrap .sub-nav .nav-depth h2 strong {padding:0 1em; padding-right: 0em;}
    .sub-nav-wrap .sub-nav .nav-depth ul li a {padding: 0.5em .875em;}
    .sub-nav-wrap .sub-nav .home {width: 6.75em;}
    .sub-nav-wrap .sub-nav .nav-depth h2 {min-width:150px;}
    .sub-nav-wrap > div > div > nav.nav-depth{width:80%;}


}

.manager.card-header{background-color:none;}
.bgred{background-color: #d71718; color:#f0f0f0;}
.ico_circle a { display:inline-block; font-size:18px; color:#fff; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%; background: #00be76; margin-bottom:5px;}
.ico_circle2 a { display:inline-block; font-size:18px; color:#fff; width:30px; height:30px; line-height:30px; text-align:center; border-radius:50%; background: #00be76; margin-bottom:5px; margin-left:5px}
.ico_circle1 a { display:inline-block; font-size:18px; color:#fff; width:30px; height:30px; line-height:30px; text-align:center; border-radius:50%; background: #a0a0a0; margin-bottom:5px;  margin-left:5px}
.ico_circle3 { display:inline-block; font-size:16px; color:#fff; width:30px; height:30px; line-height:30px; text-align:center; border-radius:50%; background: #d71718; margin-bottom:5px;  margin-left:5px}
.ico_circle4 a{ display:inline-block; font-size:18px; color:#fff; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%; background: #888; margin-bottom:5px;}

.parallax {margin: 0; padding: 40px 0; background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/img/sub-visual-9.jpg'); min-height: 460px;  background-attachment: fixed; background-position: center; background-repeat: no-repeat;background-size: cover;}


.bg_cover {background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%;}
.about_content {padding-right: 50px;}
.about_content1 {padding-left: 50px;}
.about_area {background-color: #F9F9F9;position: relative;}
.about_area1 {background-color: #Fff;position: relative;}
.about_image {position: absolute; top: 0; right: 0; width: 50%; height: 100%;}
.about_image1 {position: absolute; top: 0; left: 0; width: 50%; height: 100%;}

/* Seoul Metal Group Organization chart */
.about .orgbox{position: relative; padding: 20px 0; text-align: center; background: linear-gradient(-20deg, #ff0844 0%, #ffb199 100%);color: #fff;border:3px solid #eee;border-radius: 20px 0 20px 0;font-size: 1.6rem;font-weight: 600;box-shadow: 2px 2px 10px rgb(0 66 191 / 30%);}
.about .orgbox:after{content: '';position: absolute; width: 10px;height: 10px; border-radius: 50%;background: #fff; border: 2px solid #ff0844;  left:48%; bottom: -10px; transform: translateY(-50%);}
.about .orgbox1{position: relative; padding:20px 0; text-align: center; background: linear-gradient(-20deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%); color:#fff; border:3px solid #eee; font-size: 1.2rem;font-weight: 500;box-shadow: 2px 2px 10px rgb(0 66 191 / 30%);}
.about .orgbox1:before{content: '';position: absolute; width: 10px;height: 10px; border-radius: 50%;background: #fff; border: 2px solid #ff0844;  left:49%; top: 0px; transform: translateY(-50%);}
.about .orgbox2{position: relative; padding:20px 0; text-align: center; background: linear-gradient(-20deg, #b721ff 0%, #21d4fd 100%);color: #fff;border:3px solid #eee; font-size: 1.2rem;font-weight: 500;box-shadow: 2px 2px 10px rgb(0 66 191 / 30%);}
.about .orgbox2:before{content: '';position: absolute; width: 10px;height: 10px; border-radius: 50%;background: #fff; border: 2px solid #ff0844;  left:48%; top: 0px; transform: translateY(-50%);}
.about .orgbox3{position: relative; padding:0; text-align: center; background: linear-gradient(-20deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%);color: #fff;border:3px solid #eee; font-size: 1.2rem;font-weight: 500;box-shadow: 2px 2px 10px rgb(0 66 191 / 30%);}
.about .orgbox3:before{content: '';position: absolute; width: 10px;height: 10px; border-radius: 50%;background: #fff; border: 2px solid green;  left:47%; top: 0px; transform: translateY(-50%);}
.about .orgbox4{position: relative; padding:0; text-align: center; background: linear-gradient(-20deg, #b721ff 0%, #21d4fd 100%);color: #fff;border:3px solid #eee; font-size: 1.2rem;font-weight: 500;box-shadow: 2px 2px 10px rgb(0 66 191 / 30%);}
.about .orgbox4:before{content: '';position: absolute; width: 10px;height: 10px; border-radius: 50%;background: #fff; border: 2px solid #0d6efd;  left:50%; top: 0px; transform: translateY(-50%);}
.about .orgbox5{position: relative; padding:10px 0;text-align: center; background:#3D4E81;color: #fff;border:1px solid #eee; margin:5px; font-size: 1rem;font-weight: 300;box-shadow: 2px 2px 10px rgb(0 66 191 / 30%);}
.about .orgbox6{position: relative; padding:10px 0; text-align: center; background: #c71d6f;color: #fff;border:1px solid #eee; margin:5px; font-size: 1rem;font-weight: 300;box-shadow: 2px 2px 10px rgb(0 66 191 / 30%);}

.research .circle{width:25rem;height:25rem;padding:0 80px;padding-top:120px;border-radius: 50%;border:5px solid #ddd;color:#6e7379; word-break:keep-all; margin-top:-3rem;}
/* .research .circle:after{width:18rem;height:18rem;padding-top:50px;border-radius: 50%;border:5px solid #ddd;color:#6e7379;}
.research .circle:before{content: '';width: 50px;height: 0;border-top: 2px dotted #c71d6f;position: absolute;right: -50px;top: 50%;transform: translateY(-50%);} */

.zoom1 img{transition: transform 1s, filter 1.5s ease-in-out; transform-origin: center center;}
.zoom1:hover img{transform: scale(1.1);}

.products .card:hover {border:1px solid #d71718; color:#d71718;}
.products .card:hover h5{color:#d71718;}
.shadow {box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.15) !important;}
.lg-br{display:none;}
.md-br{display:none;}
.sm-br{display:none;}
.xs-br{display:none;}
.logo li img {border: 1px solid #dcdcdc;}

.global .dsc-tabs {display: grid !important; grid-template-columns: repeat(10, 1fr); grid-gap: 0px; margin-bottom: 40px !important;}
.global .dsc-tabs .nav-link {width: 100%;height:68px;padding: 5px; background: #fff;border-radius: 0px !important;font-weight: 500;font-size: 18px;border: 1px solid !important; color: #222 !important;border-color: #2222 !important;display: flex;justify-content: center;align-items: center;column-gap: 15px; transition: 0.5s !important;text-align: center;}
.global .dsc-tabs .nav-link.active {background: #d71718; pointer-events: none; color: #fff !important; font-weight: 700}


@media(max-width:1400px){
    .global .dsc-tabs {grid-template-columns: repeat(5, 1fr);margin-bottom: 35px !important;}
    .global .dsc-tabs .nav-item button{padding: 5px 10px;font-size: 15px;}
    .global .dsc-tabs .nav-link{height:54px;padding: 5px;}
    .global .dsc-tabs .nav-link:nth-child(n+5) {border-top:0 !important;}
}
@media(max-width:991px){
    .about_content {padding-right:0;}
    .about_content1 {padding-left:0;}
    .global .dsc-tabs .nav-link {font-weight: 500;font-size: 16px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about_image {width: 100%; height: 500px; position: relative;}
    .about_image .image_content {left: 0; }


}


@media (max-width: 767px) {
    .about_image {width: 100%; height: 15em; background-size:100%; position: relative;}
    .about_image1 {width: 100%; height: 15em; background-size:100%; position: relative;}
    .research .circle{width:22rem;height:22rem;padding:0 60px;padding-top:80px;border-radius: 50%;border:5px solid #ddd;color:#6e7379; word-break:keep-all; margin-top:-3rem;}
    .global .dsc-tabs {grid-template-columns: repeat(3, 1fr);margin-bottom: 35px !important;}
    .global .dsc-tabs.nav-item button{padding: 5px 10px;font-size: 15px; font-weight: 300}
    /* .dsc-tabs .nav-item button {font-size: 14px;flex-direction: column;row-gap: 5px;text-align: center;height: 100%;} */
    .sub-nav-wrap .sub-nav .nav-depth h2 strong {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
}


.global-network{margin:0 auto; top:50%; margin-top:-4px; background-repeat:no-repeat; background-position:center center; background-size:100%; background-image:url(/img/wordmap01.png)}

.location .map{width:100%; height:30rem;}
.location .addr{font-size: 1.4rem;}
.warranty-process{margin-bottom: 5em;}
.arrow{color:#999; font-size: 1.4rem}
@media(max-width:992px){
    .sub-visual {height:27.5rem;}

}
@media(max-width:768px){
    .sub-visual {height:25rem;}
    .tab-link-nav ul {margin-bottom: 1em;}
    .tab-link-nav ul li a {height:2.5em;}
    .global .dsc-tabs .nav-link {height:42px}

}
@media(max-width:576px){
    .sub-visual {height:20em;}
    .fs-4 {font-size: calc(0.99rem + .3vw)!important;}
    .fs-5{font-size:0.8rem;}
    .location .addr{font-size: 1.15rem;}
    .global_map .country{display:none}
    .tab-link-nav1 ul li a {font-size:1rem;}
    .qm p{font-size: 1rem}
    .warranty-process, .warranty-origin{margin-bottom:4em; font-size: 1rem}
    .xs-br{display:block;}

}

/* .btn-glo {display: block; width:8em; border:1px solid #eee; background: #C00000; color:#f0f0f0; padding:1em 2.5em; text-align: center;}  */
.btn-glo a{display: block; width:8em; border:1px solid #d71718; background: #f0f0f0; color:#222; padding:0.5em 1em; text-align: center;font-size: 0.9rem; margin-top:0.6em}
/* STORY */
.maxinner {margin: 0 auto;max-width: 82.5rem;width: 90%;}
.story {overflow: hidden;position:relative;padding-bottom:15em;}
.story::after {opacity: 0;content:"";position:absolute;left:0;bottom:0;width:100%;height:15vh;background: linear-gradient(0deg, rgba(255,255,255,1) 29%, rgba(255,255,255,0) 100%);-webkit-transition:all 0.15s ease;transition:all 0.15s ease;}
.story.blind::after {opacity: 1;position: fixed;}
.story .progressbar {position:absolute;left:50%;top:11em;margin-top:0;margin-left:-0.05em;z-index:-1;width:0.1em;height:100%;}
.story .progressbar::after {content:"";position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;border-left:1px dashed #ddd;}
.story .progressbar .bar {position:absolute;left:0;top:0;width:100%;background:#d71718;-webkit-transition:all 0.7s ease;transition:all 0.7s ease;}
.story-list {padding-top:10em;}
.story-list .story-con {display:flex;justify-content:space-between;padding-top:4em;}
.story-list .left-con {position:relative;max-width:55.5rem;width:calc(50% - 4.5rem);}
.story-list .left-con > div {position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.story-list .right-con {width:50%;}
.story-list .story-year {padding-bottom:0.571em;font-size:3rem; font-weight: 600; color:#111;letter-spacing:-0.057em;}
.story-list dl {position:relative;margin-top:3em;}
.story-list dl::after {content:"";position:absolute;top:0.75em;width:0.9em;height:0.9em;border-radius:50%;background:#cdcdcd;-webkit-transition:all 1.2s ease;transition:all 1.2s ease;-webkit-transition-delay:0.3s;transition-delay:0.3s;}
.story-list dl::before {content:"";position:absolute;top:0.25em;width:2em;height:2em;border-radius:50%;background:transparent;-webkit-transition:all 0.1s ease;transition:all 0.1s ease;-webkit-transition-delay:0.3s;transition-delay:0.3s;}
.story-list dl:first-of-type {margin-top:0;}
.story-list dt {opacity: 0;position:absolute;top:0;font-size:2.4rem;font-weight:600;line-height:1.233em;-webkit-transform:translateY(4rem);transform:translateY(4rem);-webkit-transition:all 1s ease; transition:all 1s ease;}
.story-list dd {opacity: 0;padding-top:0.5rem;font-size:1.1rem;font-weight:300;line-height:1.233em;-webkit-transform:translateY(4rem);transform:translateY(4rem);-webkit-transition:all 1s ease;transition:all 1s ease;}
.story-list .story-con:first-child {position:relative;padding-top:0;}
.story-list .story-con:first-child .story-year {position:absolute;left:0;top:-2.2em;padding:0;width:100%;font-size:3rem;line-height:1.3;text-align:center;}
.story-list .story-con .right-con {padding-left:4.5em;}
.story-list .story-con dl {padding-left:0em;}/*4em*/
.story-list .story-con dl::after {left:-4.95em;}
.story-list .story-con dl::before {left:-5.5em;}
.story-list .story-con dt {top:0;left:0;}

.story-list dl.active dt,.story-list dl.active dd {opacity: 1;-webkit-transform:translateY(0);transform:translateY(0);}
.story-list dl.active::after {background:#c00000;}
.story-list dl.current::before {background:rgba(239,0,0,0.2);}

@media all and (min-width:1025px) {
    .story-list .story-con:nth-child(even) {flex-direction:row-reverse;	text-align:right;}
    .story-list .story-con:nth-child(even) .right-con {padding-left:0;padding-right:4.5rem;}
    .story-list .story-con:nth-child(even) dl {padding-right:0em;}/*4em*/
    .story-list .story-con:nth-child(even) dl::after {left:auto;right:-4.55em;}
    .story-list .story-con:nth-child(even) dl::before {left:auto;right:-5.1em;}
    .story-list .story-con:nth-child(even) dt {right:0;}
}

@media all and (max-width:1024px) {
    .story {overflow: visible;}
    .story-list {margin-top:-5em;}
    .story-list .story-con:first-child .story-year {font-size:3.5rem;}
    .story-list dd {padding-top:0rem;}
    .story-list .story-con {flex-wrap:wrap;text-align:left !important;}
    .story-list .left-con {max-width:none !important;width:100% !important;}
    .story-list .right-con {margin-top:3em;	padding-left:2em !important;width:100% !important;}
    .story-list .story-con dl::after {left:-2.45em;}
    .story-list .story-con dl::before {left:-3.02em;}
    .story .progressbar {left:5%;transform:none;}
    .story-list .story-year {font-size:2.6rem;}
}
.equipment > div.card > div > p{height:30rem; vertical-align: middle;}
/* .client1 li{display:block;} */
.client1 li img {width:100%; height:100%; border:1px solid #dddd; }


.licenses .slider-lic .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white {
    color: #d71718;}

.cover {position:relative; left:0; top:0px; width:100%; height:100vh; max-height: 333px; background-size:cover; background-position:center center; background-repeat:no-repeat; z-index:-1;
    -webkit-animation:bgScale 2s cubic-bezier(0.33, 1, 0.68, 1) both;
    -moz-animation:bgScale 2s cubic-bezier(0.33, 1, 0.68, 1) both;
    -ms-animation:bgScale 2s cubic-bezier(0.33, 1, 0.68, 1) both;
    -o-animation:bgScale 2s cubic-bezier(0.33, 1, 0.68, 1) both;
    animation:bgScale 2s cubic-bezier(0.33, 1, 0.68, 1) both;
}
/* .equipment.card-body p{height:30rem; vertical-align: middle;} */
/* .bg-global{background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url(../img/worldmap01.png) center center no-repeat; background-size: cover;} */
/* .bg-global{background:url(../img/worldmap01.png) center center no-repeat; background-size: cover;} */
/* .bg-global{width:100%; height:600px; background:url('../img/worldmap01.png') no-repeat center; background-size:cover;} */

.global{position:relative;}
.global.history h4 {position: relative; font-size: 1.5rem; color: #222; line-height: 1;}
.global.history h4:before {content:""; position: absolute;  left:-48px; top:50%; transform: translateY(-50%);  width: 17px; height: 17px; border-radius: 100%; background:#fff; border: 5px solid #ff5a2b; box-sizing: border-box;}
.global.history div {position: relative; padding: 0 0 0 48px; margin:0; }
.global.history div:before { content:""; position:absolute; left:8px; top:12px; width: 2px; height:100%; background:#ddd;}
.global.history div:first-child:before { top:10px; height:calc(100% - 10px);}
.global.history ol { padding: 20px 0 74px; }
.global.history li {font-size: 17px; color:#000; line-height: 29px;  }

/* global - 글로벌 네트워크 */
.global .map_bg img{vertical-align:top;}
.global_map{width:100%; margin:0 auto; position:relative;}
.global_map ul{position:absolute; left:0; top:0; width:100%; height:100%;}
.global_map ul li{position:absolute; font-size: 0;}
.global_map ul li:nth-child(1){top:42%; left:39%;}
.global_map ul li:nth-child(2){top:41%; left:36%;}
.global_map ul li:nth-child(3){top:42%; left:37.5%;}
.global_map ul li:nth-child(4){top:46%; left:37.5%;}
.global_map ul li:nth-child(5){top:51%; left:35%;}
.global_map ul li:nth-child(6){top:56%; left:35.5%;}
.global_map ul li:nth-child(7){top:61%; left:34%;}
.global_map ul li:nth-child(8){top:54%; left:38.5%;}
.global_map ul li:nth-child(9){top:40.5%; left:6%;}
.global_map ul li:nth-child(10){top:39%; left:13%;}
.global_map ul li:nth-child(11){top:37.5%; left:12%;}
.global_map ul li:nth-child(12){top:56%; left:27.5%;}
.global_map .country{font-size:13px; position:absolute; width:200px; top:-20px; left:0; z-index:2;  color:#111; font-weight:500; }
.global_map .country.ko{top:-5px; left:13px;}
.global_map .country.tj{top:-5px; left:-48px;}
.global_map .country.dg{top:-19px; left:-32px;}
.global_map .country.vt{top:6px; left:-21px;}
.global_map .country.bt{top:10px; left:0;}
.global_map .country.ma{top:9px; left:-22px;}
.global_map .country.in{top:-20px; left:-14px;}


.global_map .dot{position:relative; display:block; width:6px; height:6px; border-radius:50%;background-color:#d71718; z-index:1;  transition:all ease .3s; }
.global_map .dot:after{content:'';	border:1px solid #d71718;border-radius: 50%; display: block; width:6px;height:6px;position: absolute; top:  0; left: 0;  transform: scale(1); transform-origin: center center; animation: 1200ms pulse forwards infinite .3s ease-in-out;   opacity: 0.8; z-index:1;}
.global_map .dot:before{content:'';	width:6px;height:6px;	border:1px solid #e60012 border-radius: 50%;  display: block;position: absolute; top:  0; left: 0;  transform: scale(1); transform-origin: center center; animation: 1200ms pulse forwards infinite ease-in-out; opacity: 0; z-index:1; }
.global_map .dot1{position:relative; display:block; width:6px; height:6px; border-radius:50%;background-color:gray; z-index:1;  transition:all ease .3s; }
.global_map .dot1:after{content:'';	border:1px solid gray;border-radius: 50%; display: block; width:6px;height:6px;position: absolute; top:  0; left: 0;  transform: scale(1); transform-origin: center center; animation: 1200ms pulse forwards infinite .3s ease-in-out;   opacity: 0.8; z-index:1;}
.global_map .dot1:before{content:'';width:6px;height:6px;	border:1px solid gray border-radius: 50%;  display: block;position: absolute; top:  0; left: 0;  transform: scale(1); transform-origin: center center; animation: 1200ms pulse forwards infinite ease-in-out; opacity: 0; z-index:1; }
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 0.5
  }
  100% {
    transform: scale(6);
    opacity: 0;
  }
}

.global_map_kr{width:100%; margin:0 auto; position:relative;}
.global_map_kr ul{position:absolute; left:0; top:0; width:100%; height:100%;}
.global_map_kr ul li{position:absolute; font-size: 0;}
.global_map_kr ul li:nth-child(1){top:19%; left:22.5%;}
.global_map_kr ul li:nth-child(2){top:35%; left:52%;}
.global_map_kr ul li:nth-child(3){top:51%; left:68.5%;}
.global_map_kr ul li:nth-child(4){top:69%; left:74.5%;}
.global_map_kr ul li:nth-child(5){top:66%; left:77.5%;}
.global_map_kr ul li:nth-child(6){top:4%; left:15.5%;}
.global_map_kr ul li:nth-child(7){top:9%; left:15.5%;}
.global_map_kr .country{font-size:13px; position:absolute; width:200px; top:-20px; left:0; z-index:2;  color:#111; font-weight:500; }
.global_map_kr .country.ko{top:-26px; left:-16px;}
.global_map_kr .country.cj{top:16px; left:-17px;}
.global_map_kr .country.dg{top:13px; left:-32px;}
.global_map_kr .country.vt{top:-18px; left:-21px;}
.global_map_kr .country.le{top:-1px; left:23px;}
.global_map .country.ma{top:9px; left:-22px;}
.global_map .country.in{top:-20px; left:-14px;}


.global_map_kr .dot{position:relative; display:block; width:15px; height:15px; border-radius:50%;background-color:#d71718; z-index:1;  transition:all ease .3s; opacity: 0.33;}
.global_map_kr .dot:after{content:'';	border:1px solid #d71718;border-radius: 50%; display: block; width:6px;height:6px;position: absolute; top: 5px; left: 4px;  transform: scale(1); transform-origin: center center; animation: 1200ms pulse forwards infinite .3s ease-in-out;   opacity: 0.8; z-index:1;}
.global_map_kr .dot:before{content:'';	width:6px;height:6px;	border:1px solid #e60012 border-radius: 50%;  display: block;position: absolute; top:  0; left: 0;  transform: scale(1); transform-origin: center center; animation: 1200ms pulse forwards infinite ease-in-out; opacity: 0; z-index:1; }
.global_map_kr .dot1{position:relative; display:block; width:15px; height:15px; border-radius:50%;background-color:gray; z-index:1;  transition:all ease .3s; opacity: 0.33;}
.global_map_kr .dot1:after{content:'';	border:1px solid gray;border-radius: 50%; display: block; width:6px;height:6px;position: absolute; top:  5px; left: 4px;  transform: scale(1); transform-origin: center center; animation: 1200ms pulse forwards infinite .3s ease-in-out;   opacity: 0.8; z-index:1;}
.global_map_kr .dot1:before{content:'';width:6px;height:6px;	border:1px solid gray border-radius: 50%;  display: block;position: absolute; top:  0; left: 0;  transform: scale(1); transform-origin: center center; animation: 1200ms pulse forwards infinite ease-in-out; opacity: 0; z-index:1; }



.pslider {position: relative; max-width: 99.6%;}
.pslider .inner {overflow: hidden;margin-right: -0.4%;}
.pslider .swiper-slide {display:flex;flex-wrap:wrap;}
.pslider .list {width: 24%;height: auto;text-align: center;margin: 1% 1% 1% 0;}

.pslider .swiper-prev,.pslider .swiper-next {font-size:12px; position: absolute; margin:0; bottom: 2%;width: 25px;height: 25px; background: transparent; line-height: 22px;  text-align: center; border: 2px solid #d4d3d3; border-radius: 50%;  opacity:0; visibility:hidden;  color:#d71718; z-index:52; display:none; transition:all .3s ease; }
/* opacity:0; visibility:hidden;  transition:all .3s ease; */

/* .slider .swiper-pagination {position: absolute;left: 50%;top:10px;transform: translateX(-50%);} */
.pslider .swiper-prev:after,.pslider .swiper-next:after {font-size: 12px;}
.pslider .swiper-container-horizontal>.swiper-scrollbar {position: absolute;left: 1%;bottom: 40px;z-index: 50;height: 5px;width: 98%;}
.pslider .swiper-scrollbar-drag {height: 100%; width: 100%; position: relative; background: #d71718; border-radius: 10px; left: 0; top: 0;}
.pslider .swiper-pagination-current{color:#d71718}
@media (max-width: 1199px) {
    .pslider .inner {margin-right: -2%;}
    .pslider .list{width: 31.3%;margin-right: 2%;}
}
@media (max-width: 991px) {
    .pslider .inner {margin-right: -2%;}
    .pslider .list{width: 48%;margin-right: 2%;}
    .pslider .list > p{font-size:1.6rem;}
}
@media (max-width: 575px) {
    .pslider .inner {margin-right: -2%;}
    .pslider .list{width: 98%;margin-right: 2%;}
    .pslider .swiper-prev,.pslider .swiper-next {display: block;}
    .pslider .swiper-prev,.pslider .swiper-next :after{font-size: 12px; }
    .pslider:hover .swiper-prev,.pslider:hover .swiper-next { transform:translateX(0); opacity:1; visibility:visible;cursor: pointer;}
    .pslider .swiper-prev {left: 0;transform: translate(0,-50%);}
    .pslider .swiper-next {right:0;transform: translate(0,-50%);}

}