/* (주) 인터스코프
 * font-family: 'Montserrat', sans-serif;
 * font-family: 'Noto Sans KR', sans-serif;
 * */

@charset "utf-8";

* {
	font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
}


.pt--170{padding-top:170px!important;}

.mt--15{margin-top:15px!important;}
.mt--119{margin-top:119px!important;}
.mt--127{margin-top:127px!important;}
.mt--130{margin-top:130px!important;}
.mt--140{margin-top:140px!important;}
.mt--170{margin-top:170px!important;}
.mt--200{margin-top:200px!important;}

.mb--190{margin-bottom:190px!important;}

/* 해더 */
header {
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	width:100%;
}

header.black{
    border-bottom:1px solid #ddd;
    background: #fff;
    min-height:68px;
}

header .header {
}

header .header .logo {
	width:139px;
	height:40px;
	display:block;
	background:url(../images/logo.svg) no-repeat center;
	background-size:cover!important;
	position: fixed;
	top:35px;
	left:80px;
	z-index: 9;
}
.fp-viewing-1 header .header .logo {
    background:url(../images/logo_w.png) no-repeat center;
}
.fp-viewing-2 header .header .logo {
    background:url(../images/logo_w.png) no-repeat center;
}


header.black .header .logo{
    background:url(../images/logo.svg) no-repeat center;
}

header .header aside {
}

header .header aside ul {
    margin:0px;
	padding: 0px;
	display: flex;
	align-items: center;
	justify-content:center;
}


header .header aside ul li{
    padding: 0px;
    list-style: none;
}
header .header aside > ul > li {
    padding: 0px;
    list-style: none;
    padding:47px 30px;
}
header .header aside ul li a {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
}

header.black .header aside ul li a,
header.ty2 .header aside ul li a{
    color:#000;
}

/************************************
 *햄버거 버튼
 */
.hmb--btn{
    width:30px;
    height:30px;
    border-radius:30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    position:fixed;
    top:40px;
    right:80px;
    z-index: 11;
}

.hmb--btn span{
    height:3px;
    border-radius: 3px;
    width:28px;
    position: relative;
    overflow: hidden;
}
.hmb--btn span:before,
.hmb--btn span:after{
    transition-duration: 0.25s;
    transition-property: transform;
    border-radius: 3px;
}


.hmb--btn span:nth-of-type(2){
    margin:5px 0px;
}


.hmb--btn span:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: block;
    transform: translateX(0);
}

.hmb--btn span:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateX(100%);
}


header.black .hmb--btn span:before,
header.black .hmb--btn span:after,
header.ty2 .hmb--btn span:before,
header.ty2 .hmb--btn span:after{
    background-color: #000;
}


header:not(.actv) .hmb--btn span:nth-child(1)::before {transition-delay: 0.2s;}
header:not(.actv) .hmb--btn span:nth-child(1)::after {transition-delay: 0s;}
header:not(.actv) .hmb--btn span:nth-child(2)::before {transition-delay: 0.3s;}
header:not(.actv) .hmb--btn span:nth-child(2)::after {transition-delay: 0.1s;}
header:not(.actv) .hmb--btn span:nth-child(3)::before {transition-delay: 0.4s;}
header:not(.actv) .hmb--btn span:nth-child(3)::after {transition-delay: 0.2s;}

header:not(.actv) .hmb--btn:hover span:before {transform: translateX(-100%);}
header:not(.actv) .hmb--btn:hover span::after {transform: translateX(0%);}
header:not(.actv) .hmb--btn:hover span:nth-child(1)::before {transition-delay: 0s;}
header:not(.actv) .hmb--btn:hover span:nth-child(1)::after {transition-delay: 0.2s;}
header:not(.actv) .hmb--btn:hover span:nth-child(2)::before {transition-delay: 0.1s;}
header:not(.actv) .hmb--btn:hover span:nth-child(2)::after {transition-delay: 0.3s;}
header:not(.actv) .hmb--btn:hover span:nth-child(3)::before {transition-delay: 0.2s;}
header:not(.actv) .hmb--btn:hover span:nth-child(3)::after {transition-delay: 0.4s;}

.hmb--btn span:nth-child(1){animation:manuAnimate01_1 0.8s forwards;}
.hmb--btn span:nth-child(2){animation:manuAnimate02_1 0.8s forwards;}
.hmb--btn span:nth-child(3){animation:manuAnimate03_1 0.8s forwards;}

header.actv .hmb--btn span:nth-child(1){animation:manuAnimate01 0.8s forwards;}
header.actv .hmb--btn span:nth-child(2){animation:manuAnimate02 0s forwards;}
header.actv .hmb--btn span:nth-child(3){animation:manuAnimate03 0.8s forwards;}

@keyframes manuAnimate01 {
    0%{transform: translateY(0px) rotate(0deg);}
    50%{transform: translateY(6px) rotate(0deg);}
    100%{transform: translateY(9px) rotate(45deg);}
}
@keyframes manuAnimate01_1 {
    0%{transform: translateY(7px) rotate(45deg);}
    50%{transform: translateY(7px) rotate(0deg);}
    100%{transform: translateY(0px) rotate(0deg);}
}
@keyframes manuAnimate02 {
    0%{opacity: 1;}
    100%{opacity: 0;}
}
@keyframes manuAnimate02_1 {
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@keyframes manuAnimate03 {
    0%{transform: translateY(0px) rotate(0deg);}
    50%{transform: translateY(-7px) rotate(0deg);}
    100%{transform: translateY(-7px) rotate(135deg);}
}
@keyframes manuAnimate03_1 {
    0%{transform: translateY(-6px) rotate(135deg);}
    50%{transform: translateY(-6px) rotate(0deg);}
    100%{transform: translateY(0px) rotate(0deg);}
}



.flag--wrap{
    font-family : "Montserrat";
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 100%;
    text-transform: uppercase;
    color: #FFF;
    position: fixed;
    width: 57px;
    height: 15px;
    top: 47px;
    right:160px;
    background: url(../images/arrow_btm_ic.png) no-repeat right center;
}


header.black .flag--wrap,
header.ty2 .flag--wrap{
    color:#000;
    background: url(../images/arrow_btm_ic_b.png) no-repeat right center;
}


.flag--wrap select{
    background: transparent;
    -webkit-appearance: none;  /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    width:57px;
    height:15px;
    border:0px;
}
.flag--wrap select option{
    color:#222;
}


.main--slide--sections{
    width:100%;
    height:100vh;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding-left:238px;
}
.main--slide--sections > div{
    overflow: hidden;
}


.main--slide--sections h2{
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: bold;
    font-size: 60px;
    line-height: 80px;
    color: #FFFFFF;
    margin-top:0px;
    margin-bottom:0px;
    transform: translateY(20vw);
    transition-duration: 0.5s;
    transition-delay: 0.2s;
}

.main--slide--sections p{
    margin-top:39px;
    margin-bottom:50px;
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    line-height: 25px;
    color: #FFFFFF;
    transform: translateY(20vw);
    transition-duration: 0.5s;
    transition-delay: 0.2s;
}
.main--slide--sections a{
    color:#fff;
    border:1px solid #fff;
    width:201px;
    height:57px;
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 100%;
    text-align: center;
    letter-spacing: -0.02em;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(20vw);
}

.black--type .main--slide--sections h2,
.black--type .main--slide--sections p,
.black--type .main--slide--sections a{
    text-shadow: 2px 2px 2px rgba(0,0,0,0.58);
}

.main--slide--container .swiper-slide{
    background-size: cover!important;
}
.main--slide--container .swiper-slide-active .main--slide--sections h2{
    transform: translateY(0);
    transition-duration: 1s;
    transition-delay: 1s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}
.main--slide--container .swiper-slide-active .main--slide--sections p{
    transform: translateY(0);
    transition-duration: 1.5s;
    transition-delay: 1s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}
.main--slide--container .swiper-slide-active .main--slide--sections a{
    transform: translateX(0vw);
    transition-duration: 2s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}


.main--slide--page{
    position: absolute;
    top:90%;
    left:235px;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main--slide--page .nav--desc{
    display: flex;
    align-items: center;
    justify-content: center;
}
.main--slide--page .nav--desc span{
    display: inline-flex;
    width: 12px;
    height: 12px;
    background: #fff!important;
    opacity: 1;
    position: relative;
    z-index: 1;
    margin: 0 10px!important;
}
.main--slide--page .nav--desc span.swiper-pagination-bullet-active:after{
    width: 30px;
    height: 30px;
}

.main--slide--page .nav--desc span:after{
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    border-radius: 30px;
    border: 1px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    transition: all .2s linear;
}
.main--slide--page .play--pause--btn{
    display: flex;
    align-items: center;
    justify-content: center;
}
.main--slide--page .play--pause--btn button{
    width:8px;
    height:10px;
    border:0px;
    margin:0 10px;
}
.main--slide--page .play--pause--btn button.play{
    display:none;
}
.main--slide--page .play--pause--btn button.play{background:url(../images/play_btn.png) no-repeat center;}
.main--slide--page .play--pause--btn button.pause{background:url(../images/pause_btn.png) no-repeat center;}



.service--scope--wrap{

}
.service--scope--wrap > h2{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 50px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    margin-bottom:35px;
}
.service--scope--wrap > p{
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    margin-bottom:170px;
}

.s--scope--wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
}
.s--scope--content{
    width: 330px;
    height: 430px;
    left: 389px;
    top: 1476px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    box-shadow: 0px 7px 10px 3px rgba(33, 73, 102, 0.05);
    padding:30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}


.s--scope--content .thumb{
    margin-top:40px;
    margin-bottom:50px;
    width:120px;
    height:120px;
    border-radius: 120px;
    background: #F7F7F7;
    display: flex;
    align-items: center;
    justify-content: center;

}
.s--scope--content .thumb.tmb--01{background:#F7F7F7 url(../images/m_ic01.svg) no-repeat center;}
.s--scope--content .thumb.tmb--02{background:#F7F7F7 url(../images/m_ic02.svg) no-repeat center;}
.s--scope--content .thumb.tmb--03{background:#F7F7F7 url(../images/m_ic03.svg) no-repeat center;}

.s--scope--content > h2{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    margin-top:0px;
    margin-bottom:20px;
}
.s--scope--content p{
    word-break: keep-all;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 30px;
    text-align: center;
    color: #000000;
}

.global--network--wrap{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    height:100%;
}
.global--network--wrap > h2{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 50px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-top:110px;
}
.global--network--wrap > p{
    font-family: 'Noto Sans KR', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top:35px;
    margin-bottom:55px;
}


.global--network--wrap .head--content{
    display: flex;
    align-items: center;
    justify-content: center;
}

.global--network--wrap .head--content > div{
    width:223px;
    height:90px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background:#fff;
    border-radius: 15px;
    padding:20px;
    margin:0 25px;
}

.global--network--wrap .head--content > div .flag{
    display: inline-flex;
    width:50px;
    height:50px;
    margin-right:22px;
}
.global--network--wrap .head--content > div .flag.flg--01{background:url(../images/flag_01.png) no-repeat center;}
.global--network--wrap .head--content > div .flag.flg--02{background:url(../images/flag_02.png) no-repeat center;}
.global--network--wrap .head--content > div .flag.flg--03{background:url(../images/flag_03.png) no-repeat center;}
.global--network--wrap .head--content > div .flag.flg--04{background:url(../images/flag_04.png) no-repeat center;}

.global--network--wrap .head--content > div .desc h2{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 100%;
    text-transform: uppercase;
    color: #222222;
    margin-bottom:0px;
    margin-top:0px;
}
.global--network--wrap .head--content > div .desc p{
    font-family: 'Noto Sans KR', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-transform: uppercase;
    color: #333333;
    margin-bottom:0px;
    margin-top:5px;
}
.global--network--wrap .head--content > div .desc p span{
    font-family: 'Noto Sans KR', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    color: #62AEFF;
}


.pactra--news{
    display: flex;
    align-items: center;
    justify-content: center;
}
.pactra--news .left--sect{
    width:50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pactra--news .left--sect h2{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    font-size: 60px;
    line-height: 80px;
    color: #000000;
}
.pactra--news .left--sect p{
    font-family: 'Noto Sans KR', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    line-height: 100%;
    color: #000000;
    margin-top:40px;
}
.pactra--news .left--sect a{
    width:201px;
    height:57px;
    display: flex;
    align-items: center;
    justify-content: center;
    border:1px solid #000;

    font-family: 'Noto Sans KR', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 100%;
    text-align: center;
    letter-spacing: -0.02em;
    color: #000000;
    margin-top:80px;
}


.pactra--news .right--sect {
    width:50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-top:45px;
}

.pactra--news .right--sect .grid--desc{
    opacity: 0;
    width:320px;
    height:380px;
    background: #FBFBFB;
    margin-right:35px;
    margin-bottom:35px;
    padding:35px;
    box-sizing: border-box;
    position: relative;
    top:80px;
    transition: all .3s linear .4s;
}

.pactra--news .right--sect .grid--desc:nth-of-type(2n){
    position: relative;
    /*top:35px;*/
}

.fp-viewing-4 .pactra--news .right--sect .grid--desc:nth-of-type(1){
    top:0px!important;
    opacity: 1!important;
    transition: all .3s linear .4s;
}
.fp-viewing-4 .pactra--news .right--sect .grid--desc:nth-of-type(2){
    top:35px!important;
    opacity: 1!important;
    transition: all .3s linear .6s;
}
.fp-viewing-4 .pactra--news .right--sect .grid--desc:nth-of-type(3){
    top:0px!important;
    opacity: 1!important;
    transition: all .3s linear .8s;
}
.fp-viewing-4 .pactra--news .right--sect .grid--desc:nth-of-type(4){
    top:35px!important;
    opacity: 1!important;
    transition: all .3s linear 1s;
}

.pactra--news .right--sect .grid--desc > span{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 67px;
    height: 29px;
    background: #479CF7;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
}


.pactra--news .right--sect .grid--desc .date{
    width:80px;
    height:80px;
    border-radius: 80px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top:26px;
}
.pactra--news .right--sect .grid--desc .date .year--month{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 100%;
    text-align: center;
    color: #000000;
    margin:0px;
    padding:0px;
    margin-bottom:6px;
}

.pactra--news .right--sect .grid--desc .date .day{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 100%;
    text-align: center;
    color: #000000;
    margin:0px;
    padding:0px;
}

.pactra--news .right--sect .grid--desc > h2{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    font-size: 23px;
    line-height: 35px;
    letter-spacing: -0.02em;
    color: #000000;
    margin-bottom:0px;
    padding:0px;
}
.pactra--news .right--sect .grid--desc > p{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 30px;
    letter-spacing: -0.02em;
    color: #555555;
}



footer{
    background: #1c1c1c;
    height:592px;
}

footer .footer--wrap{
    width:100%;
    max-width:1467px;
    padding-top:50px;
    margin:0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
footer .footer--wrap > div > h2{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}
footer .footer--wrap > div > p{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}
footer .footer--wrap > div > p span{
    color:rgba(255, 255, 255, 0.2);
    margin:0 10px;
}

footer .footer--wrap .content--selector{
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
footer .footer--wrap .content--selector select{
    min-width:102px;
    height:45px;

    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #121212 url(../images/arrow_btm_ic.png) no-repeat calc(100% - 20px) center;
    border:0px;
    padding-left:20px;
    padding-right:45px;


    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

footer .footer--wrap .content--selector > div{
    margin-left:15px;
}
footer .footer--wrap div:nth-of-type(1) > h2{
    margin-bottom:35px;
}




.full__section1 {
	/*background: url(../images/main_bg.jpg) no-repeat center;*/
	background-size: cover !important;
}

.full__section2 {
	  /*background: url(../img/main_bg2_r_2.jpg) no-repeat center;
    background-size: cover!important;*/
}

.full__section3 {
    /*background: url(../images/main_bg3.jpg) no-repeat center;*/
}
.full__section4 {
	background: url(assets/img/4.jpg) no-repeat center;
	background-size: cover !important;
}
.full__section5 {
	background: url(assets/img/footer.jpg) no-repeat center;
	background-size: cover !important;
	height: 542px;
}



.main--indc--wrap{
    position: fixed;
    top:50%;
    right:150px;
    z-index: 99;
    width:113px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transform: translateY(-50%);
}
.main--indc--wrap.hide{
    display: none;
}
.main--indc--wrap .indc--bar{
    height:190px;
    width:2px;
    background:rgba(255, 255, 255, 0.2);
}
.main--indc--wrap .indc--bar > div{
    height:calc(190px/5);
    width:2px;
}
.main--indc--wrap .indc--bar > div.actv{
    background: #fff;
}


.main--indc--wrap .info--text--wrap{
    margin-top:70px;
}
.main--indc--wrap .info--text{
    display: block;
    transform: rotate(90deg);
    transform-origin: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
}

header.ty2 ~ .main--indc--wrap .indc--bar > div.actv{
    background: #000!important;
}

header.ty2 ~ .main--indc--wrap .indc--bar{
    background:rgba(0, 0, 0, 0.2)!important;
}
header.ty2 ~ .main--indc--wrap .info--text{
    color:#000!important;
}




.bi--wrap{
    height: 400px;
    max-width:1440px;
    width:100%;
    border: 1px solid #EEF0F1;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0 auto;
}
.bi--wrap > div{
    width:100%;
    height:100%;
    background:url(../images/bi.jpg) no-repeat center;
}





.service--location{
    height: 1080px;
    /*background: url(../images/sl_bg.jpg) no-repeat center;*/
}
.service--location.ty2{
    height:100%;
}

.service--location .head--content{
    display: flex;
    align-items: center;
    justify-content: center;
}

.service--location .head--content > div{
    width:223px;
    height:90px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background:transparent;
    border:1px solid #fff;
    border-radius: 15px;
    padding:20px;
    margin:0 25px;
}

.service--location .head--content > div .flag{
    display: inline-flex;
    width:50px;
    height:50px;
    margin-right:22px;
}
.service--location .head--content > div .flag.flg--01{background:url(../images/flag_01.png) no-repeat center;}
.service--location .head--content > div .flag.flg--02{background:url(../images/flag_02.png) no-repeat center;}
.service--location .head--content > div .flag.flg--03{background:url(../images/flag_03.png) no-repeat center;}
.service--location .head--content > div .flag.flg--04{background:url(../images/flag_04.png) no-repeat center;}

.service--location .head--content > div .desc h2{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 100%;
    text-transform: uppercase;
    color: #fff;
    margin-bottom:0px;
    margin-top:0px;
}
.service--location .head--content > div .desc p{
    font-family: 'Noto Sans KR', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-transform: uppercase;
    color: #fff;
    margin-bottom:0px;
    margin-top:5px;
}
.service--location .head--content > div .desc p span{
    font-family: 'Noto Sans KR', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    color: #62AEFF;
}
.chart--wrap{
    display: flex;
    align-items: center;
    justify-content: center;
}
.chart--wrap > div{
    border:1px solid #eee;

    position: relative;
    z-index: 1;
    margin:0px 17px;
}
.chart--wrap > div .chart--content{
    box-sizing: border-box;
    padding:120px 55px 50px;
    width:100%;
    max-width:702px;
    height:480px;
}
.chart--wrap > div .legends--wrap{
    position: absolute;
    top:45px;
    left:0px;
    height:25px;
    width:100%;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:0 50px;
}
.chart--wrap > div .legends--wrap h2{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: -0.02em;

    color: #000000;
    margin:0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.chart--wrap > div .legends--wrap h2 span{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #646F8D;
    margin-left:20px;
}

.chart--wrap > div .legends--wrap .legends{
    display: flex;
    align-items: center;
    justify-content: center;
}

.chart--wrap > div .legends--wrap .legends > div{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: -0.02em;

    color: #000000;
    margin-left:25px;
}

.chart--wrap > div .legends--wrap .legends > div:before{
    content:'';
    display: inline-flex;
    width:14px;
    min-width:14px;
    height:14px;
    margin-right:12px;
}
.chart--wrap > div .legends--wrap .legends.lgds--1 > div:before{
    background:url(../images/leg01.png) no-repeat center;
}

.chart--wrap > div .legends--wrap .legends.lgds--2 > div:nth-of-type(1):before{
    background:url(../images/leg02.png) no-repeat center;
}

.chart--wrap > div .legends--wrap .legends.lgds--2 > div:nth-of-type(2):before{
    background:url(../images/leg03.png) no-repeat center;
}
.highcharts-xaxis-labels text,
.highcharts-yaxis-labels text,
.highcharts-data-label text{
    font-weight: normal!important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    color: #646F8D!important;
    fill: #646F8D!important;
}


.text--info--wrap{
    max-width:1443px;
    width:100%;
    margin:0 auto;
}




.text--info--wrap > h2{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: -0.02em;

    color: #000000;
}
.text--info--wrap > p{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.02em;

    color: #000000;
    margin-top:50px;
    line-height: 40px;
    margin-bottom:120px;
}


.text--info--wrap.greeting{
    max-width:1005px;
}

.text--info--wrap.greeting h2{
    font-weight: bold;
    font-size: 32px;
    line-height: 60px;
    text-align: center;
    letter-spacing: -0.02em;

    color: #000000;
    position: relative;
    z-index: 1;
}
.text--info--wrap.greeting h2:before{
    content:'';
    display: inline-flex;
    width:51px;
    height:80px;
    background: url(../images/tx01.svg) no-repeat center;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    left:-100px;
    z-index: 9;
}
.text--info--wrap.greeting h2:after{
    content:'';
    display: inline-flex;
    width:51px;
    height:80px;
    background: url(../images/tx02.svg) no-repeat center;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    right:-100px;
    z-index: 9;
}

.text--info--wrap.ty2{
    text-align: left;
}
.text--info--wrap.ty3{
    text-align: center;
    padding-top:100px;
}
.text--info--wrap.ty3 > h2{
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;

}
.text--info--wrap.ty3 > p{
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top:35px;
    margin-bottom:55px;
}


.text--info--wrap.ty4{
    text-align: center;
}
.text--info--wrap.ty4 > h2{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 100%;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #000000;
}
.text--info--wrap.ty4 > p{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #000000;

}


.map--position--wrap{
    width:1150px;
    height:563.92px;
    margin:0 auto;
    background:url(../images/wmap.svg) no-repeat center;
    margin-top:90px;
    position: relative;
    z-index: 1;
}

.map--position--wrap.ty2{
    height: 393.92px;
    background-size: contain;
}

.map--position--wrap .pointer{
    position: absolute;
    top:50%;
    left:50%;
    background: #479CF7;
    width:40px;
    height:40px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;

    font-family: Montserrat;
    font-style: normal;
    font-weight: 800;
    font-size: 13px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    cursor: pointer;
}

.map--position--wrap .pointer.loc--01{
    transform: translate(-348px, -71px);
}

.map--position--wrap.ty2 .pointer.loc--01 {
    transform: translate(-248px, -71px);
}

.map--position--wrap .pointer.loc--02{
    transform: translate(112px, -141px);
}

.map--position--wrap.ty2 .pointer.loc--02 {
    transform: translate(72px, -100px);
}

.map--position--wrap .pointer.loc--03{
    transform: translate(352px, -91px);
}

.map--position--wrap.ty2 .pointer.loc--03 {
    transform: translate(240px, -74px);
}


.map--position--wrap.ty2 .pointer{
    opacity: 0;
}

.fp-viewing-3 .loc--01{
    opacity: 1!important;
    transition: all .5s linear .3s;
}
.fp-viewing-3 .loc--02{
    opacity: 1!important;
    transition: all .5s linear .4s;
}
.fp-viewing-3 .loc--03{
    opacity: 1!important;
    transition: all .5s linear .5s;
}
.fp-viewing-3 .loc--04{
    opacity: 1!important;
    transition: all .5s linear .6s;
}

.breadcrumb{
    max-width:1443px;
    width:100%;
    text-align: left;
    margin:0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: transparent!important;
    padding-top:140px;
    margin-bottom:25px;
}
.breadcrumb:before{
    content:'';
    display: inline-flex;
    min-width:14.8px;
    width:14.8px;
    height:16.22px;
    background: url(../images/home_ic.svg) no-repeat center;
    margin-right:15px;
    position: relative;
    top:1px;
}
.breadcrumb > span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #000000;
}
.breadcrumb > span:after{
    content:'';
    display:inline-flex;
    height:16.22px;
    width:16.22px;
    background:url(../images/right_arrow.svg) no-repeat center;
    margin:0 5px;
    position: relative;
    top:1px;
}
.breadcrumb > span:last-child{
    color:#2A62FF;
    font-weight: 500;
}
.breadcrumb > span:last-child:after{
    display: none;
}

.breadcrumb .drop--wrap{
    position: relative;
    z-index: 1;
    height: 48px;
    background: #FFFFFF;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:0 40px 0 0px;
    border-radius: 8px;
    background: url(../images/drp_ar.svg) no-repeat calc(100% - 10px) center;
    cursor: pointer;
    text-align: left;
}
.breadcrumb .drop--wrap.nv{
    background: none;
}

.breadcrumb .drop--wrap > div{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color:#2A62FF;
    white-space: nowrap;
    font-weight: 500;
}
.breadcrumb .drop--wrap > ul{
    display: none;
    position: absolute;
    top:0px;
    left:-29px;
    z-index: 1;
    list-style: none;
    padding:0px;

    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    box-sizing: border-box;
    padding:15px 20px;
    border-radius: 8px;
}
.breadcrumb .drop--wrap.actv > ul{
    display:block;
}
.breadcrumb .drop--wrap.actv > ul li{
    padding:5px 0px;
}
.breadcrumb .drop--wrap.actv > ul li a{
    white-space: nowrap;
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color:#000;
    text-decoration: none;
}
.breadcrumb .drop--wrap.actv > ul li a:hover{
    color:#2A62FF;
}

.header--title--wrap{
    margin:0 auto;
    width:100%;
    max-width:1443px;
    overflow: hidden;
    margin-bottom:50px;
}

.header--title--wrap > h2{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    /*font-size: 80px;*/
    font-size: 55px;
    line-height: 100%;
    display: flex;
    align-items: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #000000;
    margin:0px;
    padding:0px;
    margin-bottom:20px;
}
.header--title--wrap p{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #000000;
}


.full--size--banner{
    height:550px;
    width:100%;
    position: relative;
    background: transparent;
    background-size: cover!important;
    background-attachment: fixed!important;
}

.full--size--banner:after{
    content:'';
    display: block;
    width:100%;
    height:100%;
    background: rgb(0,0,0);
    background: linear-gradient(360deg, rgba(0,0,0,0.5074230375744048) 0%, rgba(255,255,255,0) 60%);
    position:absolute;
    top:0px;
    left:0px;
}
.full--size--banner h2{
    position: absolute;
    bottom:45px;
    left:50%;
    transform: translateX(-50%);
    max-width:1440px;
    text-align: left;
    width:100%;
    z-index: 2;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    font-size: 45px;
    line-height: 100%;
    color: #FFFFFF;
}



.full--size--banner.greeting{
    background: url(../images/top_vs01.jpg) no-repeat center;
}

.full--size--banner.abouts{
    background: url(../images/top_vs02.jpg) no-repeat center 100px;
}

.full--size--banner.history{
    background: url(../images/top_vs03.jpg) no-repeat center;
}

.full--size--banner.auth{
    background: url(../images/top_vs04.jpg) no-repeat center;
}

.full--size--banner.client{
    background: url(../images/top_vs05.jpg) no-repeat center;
}

.full--size--banner.dirc{
    background: url(../images/top_vs06.jpg) no-repeat center;
}

.full--size--banner.logistics{
    background: url(../images/top_vs08.jpg) no-repeat center;
}

.full--size--banner.psystem{
    background: url(../images/top_vs09.jpg) no-repeat center;
}

.full--size--banner.irdata{
    background: url(../images/top_vs10.jpg) no-repeat center;
}

.full--size--banner.notice{
    background: url(../images/top_vs11.jpg) no-repeat center;
}

.full--size--banner.servicescope{
    background: url(../images/servicescope_top_bg.jpg) no-repeat center;
}

.full--size--banner.lgnetwork{
    background: url(../img/net_top_ban.jpg) no-repeat center top;
    background-attachment: fixed!important;
    background-size:cover!important;
    border-bottom:1px solid #eee!important;
    margin-bottom:20px;
}

.full--size--banner.lgnetwork:after{
    display:none!important;
}

.chip--info--wrap{
    max-width:1443px;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin:0 auto;
}


.chip--info{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #333333;

    background: #F8F8F8;
    border-radius: 50px;
    height:56px;
    padding:0 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right:18px;
}

/*.chip--info--01*/
.chip--info:before{
    content:'';
    display: inline-flex;
    min-width:20px;
    width:20px;
    height:20px;
    margin-right:10px;
}

.chip--info.chip--info--01:before{background:url(../images/chip_ic01.svg) no-repeat center;}
.chip--info.chip--info--02:before{background:url(../images/chip_ic02.svg) no-repeat center;}
.chip--info.chip--info--03:before{background:url(../images/chip_ic03.svg) no-repeat center;}


.service--list{
    max-width:1440px;
    margin:0 auto;
    position: relative;
    z-index: 1;
    padding-bottom:180px;
}

.service--list .service--list--floating{
    position: absolute;
    top:388px;
    right:0px;
    z-index: 1;
}

.service--list > div h2{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #000000;
    margin:0;
    padding:0px;
    margin-top:50px;
    margin-bottom:30px;
}

.service--list > div p{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #555555;
}
.service--list > div:last-child{
    margin-top:424px;
}


.detail--pointer{
    background: #fff;
    position: absolute;
    z-index: 99;
    padding:10px 18px;
    max-width:172px;
    border-radius: 15px;
}
.detail--pointer:after{
    content:'';
    background: url(../images/right_arrow_white.svg) no-repeat center;
    width:7px;
    height:10px;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    right:-7px;
}



.gnb--wrapper{
    position: fixed;
    background: url(../img/all_menu_bg.jpg) no-repeat center;
    background-size: cover!important;
    top:0%;
    left:0%;
    width:100%;
    height:100%;
    z-index: 10;
    transform: translateX(100%);
    transition-duration: 1s;
    /*transition-delay: 1s;*/
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}
.gnb--wrapper:after{
    content:'';
    display: block;
    width:100%;
    height:100%;
    z-index: 1;
    background: rgba(0,0,0,.35);
    position: absolute;
    top:0px;
    left:0px;
}

header.actv ~ .gnb--wrapper{
    transform: translateX(0%);
}
header.actv ~ .main--indc--wrap{
    display: none;
}

header.actv .header aside ul{
    opacity: 0;
    pointer-events: none;
}
header.actv .header .logo {
    background:url(../img/logo_w.svg) no-repeat center;
    background-size:contain!important;
}

header.actv{
    background: transparent;
    border-bottom:0px;
}


.gnb--wrapper ul{
    list-style: none;
    padding:0px;
    position: relative;
    z-index: 2;
}
.gnb--wrapper ul li{
    padding:0px;
}
.gnb--wrapper > ul{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top:325px;
}
.gnb--wrapper > ul > li{
    width:200px;
    max-width:200px;
    margin-right:60px;
}
.gnb--wrapper > ul > li:last-child{
    margin-right:0px;
}
.gnb--wrapper > ul > li,
.gnb--wrapper > ul > li a{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    color: #FFFFFF;
    text-decoration: none;
}

.gnb--wrapper > ul > li a:hover{
    opacity: .7;
}
.gnb--wrapper > ul > li > ul > li{
    margin-bottom:25px;
    cursor: pointer;
}
.gnb--wrapper > ul > li > ul > li.servh:hover{
    opacity: .7;
}

.gnb--wrapper > ul > li > ul > li >ul{
    padding-left:10px;
}
.gnb--wrapper > ul h2{
    color:#fff;
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
    position: relative;
    z-index: 1;
    padding-bottom:30px;
    margin-bottom:40px;
}

.gnb--wrapper > ul h2:after{
    content:'';
    display: block;
    height:1px;
    width:100%;
    background:#fff;
    position: absolute;
    bottom:0px;
    left:0px;
}


.more--btn--r{
    width:180px;
    height:52px;
    background: transparent;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 50px;


    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 100%;
    display: flex;
    align-items: center;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    padding:0 30px;
    position: relative;
    z-index: 1;

    background: url(../img/r_arrow.svg) no-repeat calc(100% - 30px) center;

    margin-top:50px;

    display: none;
}
.more--btn--r:hover{
    color:#fff;
    text-decoration: none;
}

.service--rn--wrap{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    z-index: 1;
}


.service--rn--wrap > div{
    height:100vh;
}

.service--rn--wrap .sect01{
    width:480px;
    padding-left:90px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: center;

    flex-direction: column;
}

.service--rn--wrap .sect01 h2{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 275;
    font-size: 45px;
    line-height: 60px;
    /* or 133% */

    display: flex;
    align-items: flex-start;
    text-transform: uppercase;
    flex-direction: column;

    color:#fff;
    margin-bottom: 80px;
}
.service--rn--wrap .sect01 p{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 35px;
    /* or 194% */

    display: flex;
    align-items: center;
    letter-spacing: -0.03em;

    color: #FFFFFF;
}


.hv--sections{
    width:calc( (100% - 480px) / 4);
}

.hv--sections:after,
.hv--sections:before{
    content:'';
    display: block;
    width:1px;
    height:280px;
    position: absolute;
    background:rgba(255, 255, 255, 0.3);
}

.hv--sections:after{
    top:0px;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0.6486169467787114) 0%, rgba(255,255,255,0.3) 23%, rgba(255,255,255,0) 76%);
}

.hv--sections:before{
    bottom:0px;
    height:530px;
}

.hv--sections >  div{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 100%;
    display: flex;
    align-items: center;

    color: rgba(255, 255, 255, 0.4);
}

.hv--sections >  div:nth-of-type(1){
    padding-top:301px;
}


.hv--sections >  div.title{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 100%;
    /* identical to box height, or 30px */

    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.4);
    margin-top:30px;
    margin-bottom:50px;
}


.hv--sections >  div.desc{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 35px;
    /* or 206% */

    display: flex;
    align-items: center;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    word-break: keep-all;
    word-wrap: break-word;
    max-width:250px;

    overflow: hidden;
    max-height:0px;
}

.hv--sections:hover > div.desc{
    max-height:500px;
    transition-duration: 2s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.hv--sections:hover:before{
    height:170px;
    transition-duration:1.5s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.hv--sections:hover .more--btn--r{
    display: flex;
}
.hv--sections:hover >  div:nth-of-type(1),
.hv--sections:hover > div.title{
    color:#24BDFF;
}

/*
.full__section2:after{
    content:'';
    display: block;
    width:100%;
    height:100%;
    position: absolute;
    top:0px;
    left:0px;
    z-index: 2;
    background: rgba(0,0,0,.48);
    pointer-events: none;
}
*/


/*.full__section2.actv1{ background:url(../img/main_bg2_r_2.jpg) no-repeat center;}
.full__section2.actv2{ background:url(../img/main_bg2_r.jpg) no-repeat center;}
.full__section2.actv3{ background:url(../img/main_bg2_r3.jpg) no-repeat center;}
.full__section2.actv4{ background:url(../img/main_bg2_r4.jpg) no-repeat center;}*/



.full--size--banner.service01{background: url(../img/service01.jpg) no-repeat center;}
.full--size--banner.service02{background: url(../img/service02.jpg) no-repeat center;}
.full--size--banner.service03{background: url(../img/service03.jpg) no-repeat center;}
.full--size--banner.service04{background: url(../img/service04.jpg) no-repeat center;}
.full--size--banner.service05{background: url(../img/service05.jpg) no-repeat center;}
.full--size--banner.service06{background: url(../img/service06.jpg) no-repeat center;}
.full--size--banner.service07{background: url(../img/service07.jpg) no-repeat center;}
.full--size--banner.service08{background: url(../img/service08.jpg) no-repeat center;}

.glb--network--wrap{
    position: relative;
    z-index: 1;
    height:100vh;
}
.glb--network--wrap .head--title{
    position: absolute;
    top: 90px;
    left: 154px;
    z-index: 9;
}

.glb--network--wrap .head--title h2{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    font-size: 50px;
    line-height: 100%;
    display: flex;
    align-items: center;
    letter-spacing: -0.03em;
    color: #000000;
    margin-bottom:45px;
}
.glb--network--wrap .head--title p{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 35px;
    display: flex;
    align-items: center;
    letter-spacing: -0.03em;
    color: #555555;
}
.glb--network--wrap .content--wb{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top:240px;
}

.glb--network--wrap .content--wb .w--map{
    width:1164px;
    height:567px;
    background: url(../img/word_map.jpg) no-repeat center;
    position: relative;
    z-index: 1;
}



.glb--network--wrap .text--data{
    width:445px;
    max-width:445px;
    margin-top:150px;
}
.glb--network--wrap .text--data > h2{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 100%;
    display: flex;
    align-items: center;
    color: #479CF7;
}

.glb--network--wrap .text--data > p{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: 350;
    font-size: 18px;
    line-height: 32px;
    display: flex;
    align-items: center;
    letter-spacing: -0.03em;
    color: #333333;
    margin-bottom:50px;
    padding:0px;
}
.glb--network--wrap .text--data .chip--wrapper{
    display: flex;
    flex-wrap: wrap;
}
.glb--network--wrap .text--data .chip--wrapper .chip--box{
    background: #D7E3EF;
    border-radius: 50px;
    height:45px;
    padding:0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #5A7897;
    margin-top:30px;
    margin-right:10px;
}

.glb--network--wrap .text--data .chip--wrapper .chip--box:nth-of-type(2n){
    margin-right:0px
}


.glb--network--wrap .text--data .chip--wrapper .chip--box span{
    font-weight: normal;
    font-size: 16px;
    color: #738FAC;
}

.glb--network--wrap .content--wb .w--map .loc--pointer{
    width: 18px;
    height: 18px;
    background: rgba(255, 255, 255, 0.5);
    border: 4px solid #97ACC1;
    box-sizing: border-box;
    border-radius: 18px;
    position: absolute;
    cursor: pointer;
}

.glb--network--wrap .content--wb .w--map .loc--pointer:hover{
    background: #479CF7;
    width:110px;
    height:110px;
    border:0px;
    border-radius: 110px;
    margin-left:-45px;
    margin-top:-45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.glb--network--wrap .content--wb .w--map .loc--pointer.po--01{
    top:116px;
    left:80px;
}
.glb--network--wrap .content--wb .w--map .loc--pointer.po--02{
    top: 150px;
    left: 407px;
}
.glb--network--wrap .content--wb .w--map .loc--pointer.po--03{
    top: 210px;
    left: 457px;
}
.glb--network--wrap .content--wb .w--map .loc--pointer.po--04{
    top: 200px;
    left: 878px;
}
.glb--network--wrap .content--wb .w--map .loc--pointer.po--05{
    top: 308px;
    left: 161px;
}
.glb--network--wrap .content--wb .w--map .loc--pointer.po--06{
    top: 360px;
    left: 382px;
}

.glb--network--wrap .content--wb .w--map .loc--pointer:before{
    content:'';
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 100%;
    color: #FFFFFF;
}
.glb--network--wrap .content--wb .w--map .loc--pointer.po--01:hover:before{ content:"Europe";}
.glb--network--wrap .content--wb .w--map .loc--pointer.po--02:hover:before{ content:"Europe";}
.glb--network--wrap .content--wb .w--map .loc--pointer.po--03:hover:before{ content:"Asia";}
.glb--network--wrap .content--wb .w--map .loc--pointer.po--04:hover:before{ content:"America";}
.glb--network--wrap .content--wb .w--map .loc--pointer.po--05:hover:before{ content:"Africa";}
.glb--network--wrap .content--wb .w--map .loc--pointer.po--06:hover:before{ content:"Europe";}




.sitemap{
    height:378px;
    width:100%;
    background: #0D0D0D;
    padding: 55px 0px;
}
.sitemap h2,
.sitemap a{
    color:#fff;
}

.sitemap ul,
.sitemap li{
    padding:0px;
    margin:0px;
    list-style: none;
}

.sitemap > ul{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    max-width: 1467px;
    margin: 0 auto;
}
.sitemap > ul > li{
    margin-right:90px;
    cursor: pointer;
    color:#fff;
}
.sitemap > ul > li > ul > li> ul{
    padding-left:10px;
}
.sitemap > ul > li > ul > li> ul a{
    font-size:13px;
}
.sitemap > ul > li:last-child{
    margin-right:0px;
}
.sitemap > ul > li h2{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 100%;
    margin:0px;
    margin-bottom:30px;
    text-transform:uppercase;
}
.sitemap > ul > li a{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    text-decoration: none;
}
.sitemap > ul > li > ul >li{
    margin-bottom: 10px;
}
.sitemap > ul > li > ul >li:last-child{
    margin-bottom:0px;
}

header .header aside{
    height:118px;
    transition: all .3s;
    background: rgba(255,255,255,0);
}
header .header aside.on{
    height:490px;
    background: rgba(255,255,255,1);
}
header .header aside.on > ul > li{
    padding:47px 49px;
    transition: all .3s;
    position: relative;
    z-index: 1;
}
header .header aside.on > ul{
    border-bottom:1px solid #ddd;
}

.sub--menu--list a:hover,
header .header aside.on > ul > li.actv > a{
    color:#0255a6!important;
}
.onMenu > a{
    color: #2A62FF!important;
    font-size: 18px!important;
}



.sub--menu--list{
    position: absolute;
    top:119px;
    left:0px;
    display: none;
    padding-top:40px;
}
.sub--menu--list > ul{
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    text-align: left;
}
.sub--menu--list > ul > li{
    margin-bottom:20px;
    width:100%;
    text-align: left;
}
.sub--menu--list > ul > li:last-child{
    margin-bottom:0px;
}
.sub--menu--list a{
    font-family: 'Noto Sans KR'!important;
    font-weight: normal!important;
    font-size: 16px!important;
    line-height: 100%!important;
    text-transform: unset!important;
    white-space: nowrap;
}



header .header aside.on .sub--menu--list{
    display: block;
    padding-left:52px;
}
header .header aside.on .sub--menu--list > ul{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
header.actv.sub.black .flag--wrap,
header.actv.sub.ty2 .flag--wrap{
    color:#fff!important;
    background: url(../images/arrow_btm_ic.png) no-repeat right center;
}


header.actv.sub.black .hmb--btn span:before,
header.actv.sub.black .hmb--btn span:after,
header.actv.sub.ty2 .hmb--btn span:before,
header.actv.sub.ty2 .hmb--btn span:after{
    background-color: #fff!important;
}

.mb--0{
    margin-bottom:0px!important;
}
header .header aside .sub--menu--list > ul > li{
    cursor:pointer;
}
header .header aside .sub--menu--list > ul > li:hover{
    color:#337ab7;
}
header .header aside .sub--menu--list > ul > li > ul{
    display: flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction: column;

}
header .header aside .sub--menu--list > ul > li > ul{
    padding-top:5px;
}
header .header aside .sub--menu--list > ul > li > ul li a{
    font-size:14px!important;
    text-decoration: none;
    color: #333;
    font-weight:100!important;
    padding-left:10px;
    letter-spacing:-.5px;
    cursor:pointer;
}

.rtve--wrap{
    background: url(../img/rtv_bg.jpg) no-repeat center;
    background-size: cover;
    height:1080px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
    margin-top:200px;
    position:relative;
}

.rtve--wrap .title--wrap > h2{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: 500;
    font-size: 45px;
    line-height: 100%;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding:0px;
    margin:0px;
    margin-bottom:50px;
}
.rtve--wrap .title--wrap > p{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 40px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding:0px;
    margin:0px;
}

.rtve--wrap .title--wrap{
    margin-bottom:90px;
}

.rtve--slide{
    background: #fff;
    padding:50px 60px;
    max-width:400px;
    height:280px;
    box-sizing: border-box;

}
.rtve--slide .cp--title{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 23px;
    line-height: 42px;
    display: block;
    text-align: left;
    color: #000000;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.rtve--slide > p{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 28px;
    letter-spacing: -0.03em;
    color: #444444;
    margin-top:10px;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    height:52px;
    overflow:hidden;
    text-overflow:ellipsis;
}
.rtve--slide > a{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 100%;
    /* identical to box height, or 16px */

    display: flex;
    align-items: center;
    letter-spacing: -0.03em;
    margin-top:58px;
    color: #479CF7;
}
.rtve--slide > a:after{
    content:'';
    display: inline-flex;
    width:22px;
    height:22px;
    background:url(../img/rc_arrow.svg) no-repeat center;
    margin-left:12px;
}

.rtv--slide .swiper-slide{
    width:520px;
    height:500px;
    display: flex;
    align-items: flex-end;
    justify-content: center;

}

.rtv--slide .swiper-slide .rtve--slide{
    width:400px;
    margin:0 auto;
    transition: all .3s;
    position: relative;
    z-index: 1;
}

.rtv--slide .swiper-slide .rtve--slide .eft--ban{
    position: absolute;
    bottom:-43px;
    right:-59px;
    width:317px;
    height:304px;
    background: url(../img/eft_ban.png) no-repeat center;
    transform: scale(0);
}


.rtv--slide .swiper-slide .rtve--slide .eft--ban.ty2{
    width: 296px;
    height: 356px;
    bottom: -66px;
    right: -38px;
    background: url(../img/eft_ban5.png) no-repeat center;
}

.rtv--slide .swiper-slide .rtve--slide .eft--ban.ty3{
    width: 408px;
    height: 220px;
    bottom: 21px;
    right: -169px;
    background: url(../img/eft_ban3.png) no-repeat center;
}

.rtv--slide .swiper-slide .rtve--slide .eft--ban.ty4{
    width: 370px;
    height: 219px;
    bottom: 15px;
    right: -71px;
    background: url(../img/eft_ban4.png) no-repeat center;
}



.rtv--slide .swiper-slide-active .rtve--slide{
    width:500px;
    max-width:500px;
    height:500px;
}

.rtv--slide .swiper-slide-active .rtve--slide .eft--ban{
    transform: scale(1);
}
.rtv--slide .swiper-wrapper{
    padding-bottom:80px;
}
.swiper--contents---wrap{
    display: block;
}

.rtv--slide .swiper-slide-active .rtve--slide > p{
    text-overflow: unset!important;
    height:auto;
    display: flex;
}

.rtv--slide .swiper-slide-active .rtve--slide > a{
    position: absolute;
    bottom:64px;
    left:60px;
    z-index: 9;
}

.swiper--contents---wrap .pagination--wrap{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper--contents---wrap .pagination--wrap .swiper-pagination-bullet{
    opacity: 1;
    background: rgba(255, 255, 255, 0.1);
    width:16px;
    height:16px;
    margin:0 8px;
}
.swiper--contents---wrap .pagination--wrap .swiper-pagination-bullet-active{
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    background: transparent;
}

/*******************************
* 2022-02-16
 */
.contents{

}

/*******************************
* CEO 인사말
 */
.greeting--detail--text--warp{
    max-width:1440px;
    font-weight: 350;
    font-size: 19px;
    line-height: 40px;
    letter-spacing: -0.02em;
    color: #222222;
    margin:0 auto;
    margin-top:130px;
    padding:0 25px;
}
.greeting--detail--text--warp p{
    width:100%;
    max-width: 1470px;
    text-align: justify;
}
.ceo--sig--wrap{
    text-align: center;
    width:100%;
    font-weight: 350;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #333333;
    margin-top:150px;
    padding-bottom:230px;
}
.ceo--sig--wrap span{
    font-weight: bold;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0.4em;
    text-transform: uppercase;
    color: #000000;
    margin-left:35px;
}


/*********************************
* 연혁
 */
.history--contents{
    max-width:1440px;
    margin:0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.history--contents .circle--l{
    position: absolute;
    top:26px;
    left:0px;
    width: 7px;
    height: 7px;
    border-radius: 7px;
    background: #C4C4C4;
}
.history--contents .circle--r{
    position: absolute;
    top:26px;
    right:0px;
    width: 7px;
    height: 7px;
    border-radius: 7px;
    background: #C4C4C4;
}

.history--contents:after{
    content:'';
    width:100%;
    position: absolute;
    top:29px;
    left:0px;
    height:1px;
    background: #ddd;
    z-index: -1;
}

.history--contents > div{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}
.history--contents > div > div{
    width:160px;
    height:60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color:#777;
    background: #F0F1F4;
    border-radius: 50px;
}
.history--contents > div > div.actv{
    background: #479CF7;
    color:#fff;
}

.history--contents > div > h3{
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #999999;
    margin-top:20px;
    margin-bottom:13px;
}
.history--contents > div > h3.actv{
    color: #479CF7;
}

.history--contents > div > p{
    font-weight: normal;
    font-size: 17px;
    line-height: 100%;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #999999;
}
.history--contents > div > p.actv{
    color:#000;
}


.history--detail--info{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-bottom:205px;
    margin-top:189px;
}
.history--detail--info .thumb img{
    width:100%;
    max-width:680px;
}
.history--detail--info .desc{
    margin-left:113px;
}
.history--detail--info .desc > p{
    font-weight: 500;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #000000;
    margin:0px;
    padding:0px;
    margin-top:18px;

}
.history--detail--info .desc > h2{
    font-weight: bold;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #000000;
    margin-top:30px;
    margin-bottom:65px;
}
.history--detail--info .desc ul{
    list-style: none;
    padding:0px;
}
.history--detail--info .desc ul li{
    margin-bottom:15px;
    display: flex;
}
.history--detail--info .desc ul li:last-child{
    margin-bottom:0px;
}
.history--detail--info .desc ul li span:nth-of-type(1){
    font-weight: 600;
    font-size: 19px;
    line-height: 100%;
    text-transform: uppercase;
    color: #479CF7;
    display: inline-flex;
    width:95px;

}
.history--detail--info .desc ul li span:nth-of-type(2){
    font-weight: 500;
    font-size: 17px;
    line-height: 1.3;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #555555;
}

.history--detail--info--wrapper > div{
    display: none;
}
.history--detail--info--wrapper > div:nth-of-type(1){
    display: flex;
}

/*********************************
* 인증현황
 */
.auth--contents{
    max-width:1440px;
    margin:0 auto;
}


.auth--contents .db--data--wrap{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.auth--contents .db--data--wrap > div{
    width:100%;
    max-width:670px;
}
.auth--contents .db--data--wrap > div > h2{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 100%;
    text-transform: uppercase;
    color: #222222;
    border-bottom:1px solid #000;
    padding-bottom:30px;
    margin-bottom:50px;
}

.auth--contents .db--data--wrap > div > h2 span{
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    text-transform: capitalize;
    color: #222222;
    margin-left:20px;
}
.auth--contents .db--data--wrap .pic--wrap{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    min-height:375px;
}
.auth--contents .db--data--wrap .pic--wrap > div{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.auth--contents .db--data--wrap .pic--wrap .thumb{
    border:1px solid #ddd;
    width:203px;
    height:250px;
}

.auth--contents .db--data--wrap .pic--wrap .caption{
    width: 163px;
    height: 45px;
    border: 1px solid rgba(71, 156, 247, 0.5);
    box-sizing: border-box;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;


    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    color: #479CF7;

    margin-top:20px;
}

.auth--contents .db--data--wrap .pic--wrap .caption span{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    text-align: center;
    color: #98A0B6;
    margin-top:5px;
}

.auth--contents .db--data--wrap .pic--wrap.ty2 .caption{
    height:60px;
}

.auth--contents .db--data--wrap .table--data--wrap{
    border-top:1px solid #999;
}
.auth--contents .db--data--wrap .table--data--wrap table{
    border-collapse: collapse;
    width:100%;
    table-layout: fixed;
}
.auth--contents .db--data--wrap .table--data--wrap table td,
.auth--contents .db--data--wrap .table--data--wrap table th{
    border-top:1px solid #E6E6E6;
    border-bottom:1px solid #E6E6E6;
    text-align: center;
    height:54px;
}
.auth--contents .db--data--wrap .table--data--wrap table th{
    background: #F9F9F9;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
}

.auth--contents .db--data--wrap .table--data--wrap table td{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    text-transform: capitalize;
    color: #595959;
}

.auth--contents .db--data--wrap .sub--text{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;


    display: flex;
    align-items: center;
    text-transform: capitalize;

    color: #7E8A97;
    margin-top:30px;
}


.db--add--wrap{
    margin-top:55px;
}

.db--add--wrap .sub--text{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;


    display: flex;
    align-items: center;
    text-transform: capitalize;

    color: #7E8A97;
    margin-top:30px;
}

.auth--insur{
    width:100%;
    height:397px;
    background: #F8F8F8;
    display: flex;
    align-items: center;
    justify-content: center;
}



.auth--insur .desc{
    margin-left:157px;
}
.auth--insur .logo{
    width:87px;
    height:18px;
    background:url(../images/ins_logo.png) no-repeat center;
}

.auth--insur h2{
    font-weight: bold;
    font-size: 35px;
    line-height: 100%;
    letter-spacing: -0.03em;
    text-transform: capitalize;
    color: #111111;
    margin-top:45px;
    margin-bottom:25px;
}
.auth--insur p{
    font-weight: 350;
    font-size: 17px;
    line-height: 38px;
    letter-spacing: -0.03em;
    text-transform: capitalize;
    color: #555555;

}
.auth--insur p.captions{
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: -0.03em;
    text-transform: capitalize;
    color: #F18D00;
    margin-bottom:45px;
}

.auth--insur--content{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:80px;
    padding-bottom:200px;

}
.auth--insur--content >div{
    width:427px;
    margin:0 40px;
    display:flex;
    align-items: center;
    justify-content:center;
    flex-direction: column;
}

.auth--insur--content .captions--text{
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    letter-spacing: -0.03em;
    text-transform: capitalize;
    color: #479CF7;
    min-height: 53px;
    border: 1px solid rgba(71, 156, 247, 0.5);
    border-radius: 50px;
    display:inline-flex;
    align-items: center;
    justify-content:center;
    padding:0 20px;
    margin-top:40px;

}

/****************************
* 주요고객
 */
.client--content{
    max-width:1440px;
    margin:0 auto;
}
.client--content h2{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 100%;
    text-transform: uppercase;
    color: #222222;
    padding-bottom:30px;
    border-bottom:1px solid #333;
    margin-bottom:50px;
}
.client--content .client--logo{
    width:100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom:90px;
}
.client--content .client--logo > div{
    margin-right:30px;
    margin-bottom:30px;
}
.client--content .client--logo > div:nth-of-type(5n){
    margin-right:0px;
}

/****************************
* 찾아오시는길
 */
.dirc--content{
    max-width:1440px;
    margin:0 auto;
}

.dirc--content .tab--wrap{}
.dirc--content .tab--wrap .tab{
    display: flex;
    align-items: center;
    justify-content: center;
}
.dirc--content .tab--wrap .tab > div{
    width:calc(100% / 3);
    border:1px solid #E6E6E6;
    height:65px;
    display: flex;
    align-items: center;
    justify-content: center;

    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #333333;
    margin-right:-1px;
    position: relative;
    z-index: 1;
    cursor: pointer;
}
.dirc--content .tab--wrap .tab > div:last-child{
    margin-right:0px;
}

.dirc--content .tab--wrap .tab > div.actv{
    border-color: #479CF7;
    color: #479CF7;
    z-index: 2;
}

.dirc--content .tab--wrap .tab--items > div{
    display: none;
}
.dirc--content .tab--wrap .tab--items > div:nth-of-type(1){
    display: block;
}
.dirc--content .tab--wrap .tab--items > div .desc--wrap{
    padding-top:90px;
    padding-bottom:130px;
}
.dirc--content .tab--wrap .tab--items > div .desc--wrap >h2{
    padding-bottom:35px;
    border-bottom:2px solid #222;
    font-weight: bold;
    font-size: 38px;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #222222;
    display: inline-flex;
    margin:0px;
}

.dirc--content .tab--wrap .tab--items > div .desc--wrap >h2 span{
    font-weight: bold;
    font-size: 38px;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #479CF7;
}
.dirc--content .tab--wrap .tab--items > div .desc--wrap ul{
    list-style:none;
    padding:0px;
    margin-top:60px;
}
.dirc--content .tab--wrap .tab--items > div .desc--wrap ul li{
    margin-bottom:25px;
}
.dirc--content .tab--wrap .tab--items > div .desc--wrap ul li:last-child{
    margin-bottom:0px;
}

.dirc--content .tab--wrap .tab--items > div .desc--wrap ul li span{
    font-weight: 350;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -0.02em;

    color: #000000;
}
.dirc--content .tab--wrap .tab--items > div .desc--wrap ul li span:nth-of-type(1){
    display: inline-flex;
    width:125px;

}

.map--wrap > div{
    display: none;
}
.map--wrap > div:nth-of-type(1){
    display: block;
}
.map--wrap > div img{
    width:100%;
}
.map--wrap > div iframe{
    vertical-align: top;
}


/****************************
* 물류정보시스셈
 */
.logistics--content{
    max-width:1440px;
    margin:0 auto;
}
.logistics--content > h2{
    font-weight: bold;
    font-size: 35px;
    line-height: 100%;
    text-align: center;
    letter-spacing: -0.03em;
    color: #222222;
    margin-bottom:45px;
}

.logistics--content > h2 span{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 100%;

    text-align: center;
    letter-spacing: -0.03em;
    color: #222222;
}

.logistics--content >p {
    max-width:787px;
    margin:0 auto;

    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 19px;
    line-height: 38px;

    text-align: center;
    color: #666666;
}

.logistics--content .arc--content--wrap{
    display: flex;
    justify-content: center;
    padding-top:180px;
    border-top:1px solid #e6e6e6;
    margin-top:100px;
}
.logistics--content .arc--content--wrap .title--wrap{
    margin-right:120px;
}
.logistics--content .arc--content--wrap .title--wrap h2{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 100%;
    color: #333333;
    margin:0px;
    margin-bottom:30px;

}
.logistics--content .arc--content--wrap .title--wrap p{
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 100%;
    color: #555555;
}

.logistics--full--size--info{
    width:100%;
    height: 397px;
    background: #F8F8F8;
    display: flex;
    align-items: center;
    justify-content: center;
}
.logistics--full--size--info .desc--wrap{
    margin-left:153px;
}
.logistics--full--size--info .desc--wrap h2{
    font-weight: bold;
    font-size: 35px;
    line-height: 100%;

    letter-spacing: -0.03em;
    text-transform: capitalize;

    color: #111111;
    margin-top:26px;
    margin-bottom:30px;
}
.logistics--full--size--info .desc--wrap p{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    line-height: 100%;
    max-width:560px;

    text-transform: capitalize;
    color: #479CF7;
}
.logistics--full--size--info .desc--wrap p.captions{
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 30px;

    text-transform: capitalize;
    color: #555555;
}


.logistics--column--4{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top:100px;
    padding-bottom:180px;
    flex-wrap:wrap;
}
.logistics--column--4 > div{
    width: 323px;
    height: 366px;
    border: 1px solid rgba(71, 156, 247, 0.3);
    box-sizing: border-box;
    border-radius: 25px;
    padding-top:40px;
    padding-left:45px;
    box-sizing: border-box;
    margin-bottom:45px;
}


.logistics--column--4.en--type > div{
    padding-right:45px;
    height:426px;
}

.logistics--column--4 > div .icon{
    width:80px;
    height:80px;
    border-radius: 80px;
    background: #EDF6FF;
}

.logistics--column--4 > div:nth-of-type(1) .icon{background:#edf6ff url(../images/lgs_ic01.svg) no-repeat center;}
.logistics--column--4 > div:nth-of-type(2) .icon{background:#edf6ff url(../images/lgs_ic02.svg) no-repeat center;}
.logistics--column--4 > div:nth-of-type(3) .icon{background:#edf6ff url(../images/lgs_ic03.svg) no-repeat center;}
.logistics--column--4 > div:nth-of-type(4) .icon{background:#edf6ff url(../images/lgs_ic04.svg) no-repeat center;}

.logistics--column--4 > div:nth-of-type(5) .icon{background:#edf6ff url(../images/lgs_ic05.svg) no-repeat center;}
.logistics--column--4 > div:nth-of-type(6) .icon{background:#edf6ff url(../images/lgs_ic06.svg) no-repeat center;}
.logistics--column--4 > div:nth-of-type(7) .icon{background:#edf6ff url(../images/lgs_ic07.svg) no-repeat center;}
.logistics--column--4 > div:nth-of-type(8) .icon{background:#edf6ff url(../images/lgs_ic08.svg) no-repeat center;}


.logistics--column--4 > div > .icon--flex > h2{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 800;
    font-size: 35px;
    line-height: 100%;
    text-transform: capitalize;
    color: #479CF7;
    margin-top:40px;
    margin-bottom:25px;
}
.logistics--column--4 > div > p{
    font-weight: normal;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: -0.05em;
    text-transform: capitalize;
    color: #555555;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom:20px;
}

.logistics--column--4.en--type > div > p{
    line-height:1.3;
}

.logistics--column--4 > div > p:last-child{
    margin-bottom:0px;
}

.logistics--column--4 > div > p:before{
    content:'';
    display: inline-flex;
    width:5px;
    height:5px;
    border-radius: 5px;
    background: #90ACBC;
    margin-right:15px;
}

.logistics--column--4 > div > p.lt{
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
    padding-left:20px;
    text-transform: capitalize;
    color: #666666;
}
.logistics--column--4 > div > p.lt:before{
    display: none;
}

.report--content--wrap{
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-top:180px;
    max-width:1440px;
    margin:0 auto;
    margin-bottom:150px;
}
.report--content--wrap .title--wrap{
    margin-right:120px;
}
.report--content--wrap .title--wrap h2{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 100%;
    color: #333333;
    margin:0px;
    margin-bottom:30px;
    white-space: nowrap;

}
.report--content--wrap .title--wrap p{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 35px;
    /* or 206% */


    color: #888888;


    margin-bottom:80px;
}

.report--content--wrap .desc--thumb{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap:wrap;
}
.report--content--wrap .desc--thumb > div{
    margin-bottom:50px;
}
.report--content--wrap .desc--thumb > div img{
    width:100%;
    max-width:484px;
}


/**********************************************
* 인재채용> 인사제도
 */

.rec--process--wrap{
    height: 430px;
    width:100%;
    background: #F8F8F8;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.rec--process--wrap .thumb{
    align-self: flex-end;
    margin-bottom:-20px;
}
.rec--process--wrap .desc--wrap{
    margin-left:97px;
}
.rec--process--wrap .desc--wrap h2{
    font-weight: bold;
    font-size: 35px;
    line-height: 100%;
    letter-spacing: -0.03em;
    text-transform: capitalize;
    color: #111111;
    margin:0px;
    margin-bottom:25px;
}
.rec--process--wrap .desc--wrap p.ac{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    line-height: 100%;

    text-transform: capitalize;
    color: #479CF7;
    padding:0px;
    margin:0px;
    margin-bottom:35px;
}
.rec--process--wrap .desc--wrap p{
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 30px;
    text-transform: capitalize;
    color: #555555;
    padding:0px;
    margin:0px;
}

.rec--step--wrap{
    background: #479CF7;
    height:320px;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rec--step--wrap > div:not(.step--arrow){
    width:200px;
    height:200px;
    border-radius: 200px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.rec--step--wrap .step--arrow{
    width:37px;
    height:30px;
    background:url(../images/db_arrow.png) no-repeat center;
    margin:0 35px;
}

.rec--step--wrap > div > h2{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;

    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #479CF7;
    padding:0px;
    margin:0px;
    margin-bottom:10px;
}

.rec--step--wrap > div > p{
    font-weight: 500;
    font-size: 19px;
    line-height: 100%;
    text-align: center;
    letter-spacing: -0.03em;
    text-transform: capitalize;
    color: #333333;
    padding:0px;
    margin:0px;
}


.rec--step--wrap.en--type > div > p{
    font-size:15px;
    line-height:1.3;
}

.rec--step--wrap > div .icon{
    width:50px;
    height:50px;
}

.rec--step--wrap > div.stp1 .icon{
    background:url(../images/rec_ic01.svg) no-repeat center;
}
.rec--step--wrap > div.stp2 .icon{
    background:url(../images/rec_ic02.svg) no-repeat center;
}
.rec--step--wrap > div.stp3 .icon{
    background:url(../images/rec_ic03.svg) no-repeat center;
}
.rec--step--wrap > div.stp4 .icon{
    background:url(../images/rec_ic04.svg) no-repeat center;
}
.rec--step--wrap > div.stp5 .icon{
    background:url(../images/rec_ic05.svg) no-repeat center;
}
.psystem--contents{
    width:100%;
    max-width:1440px;
    margin:0 auto;
}
.psystem--contents > h2{
    font-weight: 500;
    font-size: 35px;
    line-height: 100%;

    letter-spacing: -0.02em;

    color: #000000;
    margin:0px;
    margin-bottom:18px;
}

.psystem--contents > p{
    font-weight: normal;
    font-size: 18px;
    line-height: 40px;
    /* or 222% */

    letter-spacing: -0.02em;


    color: #555555;
}

.psystem--contents .bm--step{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:160px;
}
.psystem--contents .bm--step > div{
    width:274px;
    height:60px;
    border-radius: 60px;
    font-weight: bold;
    font-size: 17px;
    line-height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left:25px;
    box-sizing: border-box;

    letter-spacing: -0.03em;


    color: #FFFFFF;
    margin-right:-81px;
}


.psystem--contents .bm--step.en--type > div{
    font-size:14px;
}

.psystem--contents .bm--step > div:last-child{
    margin-right:0px;
}
.psystem--contents .bm--step > div:nth-of-type(1){background: linear-gradient(90deg, #C0C6CD 0%, rgba(192, 198, 205, 0.5) 100%);}
.psystem--contents .bm--step > div:nth-of-type(2){background: linear-gradient(90deg, #A9AEB5 0%, rgba(169, 174, 181, 0.5) 100%);}
.psystem--contents .bm--step > div:nth-of-type(3){background: linear-gradient(90deg, #B5CBE2 0%, rgba(181, 203, 226, 0.5) 100%);}
.psystem--contents .bm--step > div:nth-of-type(4){background: linear-gradient(90deg, #B6D9FE 0%, rgba(182, 217, 254, 0.5) 100%);}
.psystem--contents .bm--step > div:nth-of-type(5){background: linear-gradient(90deg, #8DC2FC 0%, rgba(141, 194, 252, 0.5) 100%);}
.psystem--contents .bm--step > div:nth-of-type(6){background: linear-gradient(90deg, #67ADF9 0%, rgba(103, 173, 249, 0.5) 100%);}
.psystem--contents .bm--step > div:nth-of-type(7){background: linear-gradient(90deg, #479CF7 0%, rgba(71, 156, 247, 0.5) 100%);}

.wcond--wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    margin-top:50px;
    margin-bottom:160px;
}
.wcond--wrap > div .icon{
    width:70px;
    height:70px;
}
.wcond--wrap > div:nth-of-type(1) .icon{background:url(../images/ext_ic01.png) no-repeat center;}
.wcond--wrap > div:nth-of-type(2) .icon{background:url(../images/ext_ic02.png) no-repeat center;}
.wcond--wrap > div:nth-of-type(3) .icon{background:url(../images/ext_ic03.png) no-repeat center;}

.wcond--wrap > div{
    width:calc(100% / 3);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    border:1px solid #eee;
    height:300px;
    padding-top:40px;
    padding-left:55px;
    margin-right:-1px;
}


.wcond--wrap.en--type > div{
    height:350px;
}

.wcond--wrap > div:last-child{
    margin-right:0px;
}
.wcond--wrap > div > h2{
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;

    letter-spacing: -0.03em;


    color: #222222;
    margin-top:40px;
    margin-bottom:20px;
}
.wcond--wrap > div > p{
    font-weight: normal;
    font-size: 17px;
    line-height: 28px;

    letter-spacing: -0.03em;


    color: #777777;
    max-width:370px;
    padding:0px;
    margin:0px;
}

.wfare--wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    margin-top:50px;
    margin-bottom:160px;
    flex-wrap: wrap;
}
.wfare--wrap > div{
    width:calc(100% / 2);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border:1px solid #eee;
    height:300px;
    padding-left:80px;
    margin-right:-1px;
    margin-bottom:-1px;
}
.wfare--wrap > div .icon{
    width:140px;
    height:140px;
    border-radius: 140px;
    min-width:140px;
    background: #F8F8F8;
}

.wfare--wrap > div:nth-of-type(1) .icon{ background:#f8f8f8 url(../images/extj_ic01.png) no-repeat center;}
.wfare--wrap > div:nth-of-type(2) .icon{ background:#f8f8f8 url(../images/extj_ic02.png) no-repeat center;}
.wfare--wrap > div:nth-of-type(3) .icon{ background:#f8f8f8 url(../images/extj_ic03.png) no-repeat center;}
.wfare--wrap > div:nth-of-type(4) .icon{ background:#f8f8f8 url(../images/extj_ic04.png) no-repeat center;}
.wfare--wrap .desc--wrap{
    max-width:330px;
    margin-left:90px;
}
.wfare--wrap .desc--wrap h2{
    font-weight: bold;
    font-size: 20px;
    line-height: 100%;

    letter-spacing: -0.02em;


    color: #479CF7;
    padding:0px;
    margin:0px;
    margin-bottom:20px;
}
.wfare--wrap .desc--wrap p{
    font-weight: normal;
    font-size: 17px;
    line-height: 28px;

    letter-spacing: -0.02em;


    color: #888888;
    padding:0px;
    margin:0px;
}

/*******************************************
* FINANCE
 */
.board--tab--wrap{
    width:100%;
    max-width:1440px;
    margin:0 auto;
}

.board--tab--wrap .tab{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.board--tab--wrap .tab > div{
    width:calc(100% / 3);
    border:1px solid #E6E6E6;
    height:65px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-weight: 500;
    font-size: 18px;
    line-height: 100%;

    text-align: center;
    letter-spacing: -0.02em;
    /*text-transform: uppercase;*/

    color: #333333;
    margin-right:-1px;
    position: relative;
    z-index: 1;
}
.board--tab--wrap .tab > div:last-child{
    margin-right:0px;
}

.board--tab--wrap .tab > div.actv{
    font-weight: bold;
    font-size: 18px;
    line-height: 100%;
    text-align: center;
    letter-spacing: -0.02em;
    /*text-transform: uppercase;*/
    color: #479CF7;
    border-color:#479CF7;
    z-index: 2;
}
.board--tab--wrap .tab--items{
    margin-top:80px;
}
.board--tab--wrap .tab--items .board--list{
    border-top:2px solid #222;
}
.board--tab--wrap .tab--items .board--list .download--btn{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;

    border:0px;
    background: transparent;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0 auto;
}

.board--tab--wrap .tab--items .board--list .download--btn i{
    display: inline-flex;
    width:15px;
    height:15px;
    min-width:15px;
    background: url(../images/dw_ic.svg) no-repeat center;
    margin-right:18px;
}
.board--tab--wrap .tab--items .board--list table{
    width:100%;
}
.board--tab--wrap .tab--items .board--list table thead th{
    background: #E5E5E5;
    height:60px;
    border-bottom: 1px solid #E6E6E6;
    text-align: center;


    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    /* identical to box height, or 16px */

    text-align: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;

    color: #000000;
}
.board--tab--wrap .tab--items .board--list table tbody td{
    text-align: center;
    height:60px;
    border-bottom: 1px solid #E6E6E6;

    font-weight: 350;
    font-size: 15px;
    line-height: 100%;
    /* identical to box height, or 15px */

    text-align: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;

    color: #595959;
}

.board--tab--wrap .tab--items .board--pagenations--wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:55px;
    margin-bottom:155px;
}

.board--tab--wrap .tab--items .board--pagenations--wrap a{
    display: flex;
    align-items: center;
    justify-content: center;
    width:45px;
    height:45px;
    border-radius: 45px;

    border: 1px solid #E6E6E6;
    box-sizing: border-box;

    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;

    text-align: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #C0C7DB;
    margin:0 6px;
}

.board--tab--wrap .tab--items .board--pagenations--wrap a.prev{
    margin-right:30px;
}
.board--tab--wrap .tab--items .board--pagenations--wrap a.next{
    margin-left:30px;
}

.board--tab--wrap .tab--items .board--pagenations--wrap a.actv{
    color:#fff;
    background: #333;
    border-color:#333;
}


.board--tab--wrap .tab--items .board--view{
    padding-bottom:155px;
}
.board--tab--wrap .tab--items .board--title--wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height:85px;
    border-top:1px solid #222;
    border-bottom:1px solid #ddd;
    padding:0 40px;
}
.board--tab--wrap .tab--items .board--title--wrap h2{
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;

    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #000000;

    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin:0px;
}

.board--tab--wrap .tab--items .board--title--wrap .td--info{
    display: flex;
    align-items: center;
    justify-content: center;
}
.board--tab--wrap .tab--items .board--title--wrap .date{
    display: flex;
    align-items: center;
    justify-content: center;

    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;

    text-align: right;
    text-transform: uppercase;

    color: #888888;

}
.board--tab--wrap .tab--items .board--title--wrap .date i{
    width:16px;
    min-width:16px;
    height:16px;
    display: inline-flex;
    background: url(../images/calendar.svg) no-repeat center;
    margin-right:15px;
}


.board--tab--wrap .tab--items .board--title--wrap .user{
    display: flex;
    align-items: center;
    justify-content: center;

    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;

    text-align: right;
    text-transform: uppercase;

    color: #888888;

    margin-right:40px;
    position: relative;
    z-index: 1;
}
.board--tab--wrap .tab--items .board--title--wrap .user:after{
    content:'';
    display: block;
    width:1px;
    height:16px;
    background: #ddd;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    right:-20px;
}

.board--tab--wrap .tab--items .board--title--wrap .user i{
    width:16px;
    min-width:16px;
    height:16px;
    display: inline-flex;
    background: url(../images/user.svg) no-repeat center;
    margin-right:15px;
}

.board--tab--wrap .tab--items .board--content{}
.board--tab--wrap .tab--items .board--content img{
    max-width:100%;
}
.board--tab--wrap .tab--items .download--list{}
.board--tab--wrap .tab--items .download--list a{
    height: 60px;
    border: 1px solid #1B1B1B;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding:0 35px;

    font-weight: 500;
    font-size: 16px;
    line-height: 100%;

    letter-spacing: -0.02em;
    color: #000000;
    text-decoration: none;
}


.board--list--controll{
    margin-bottom:155px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height:80px;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}

.board--list--controll.ty2{
    border-bottom:0px;
    justify-content: center;
    width:100%;
}
.board--list--controll.ty2 .list--mov--btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 260px;
    height: 45px;
    border-radius: 45px;
    border: 1px solid #E6E6E6;
    box-sizing: border-box;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #C0C7DB;
    margin: 0 6px;
    margin-top:45px;
}

.board--list--controll > div{
    display: flex;
    align-items: center;
    justify-content: center;
}
.board--list--controll > div i{
    height:30px;
}
.board--list--controll > div > span{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 100%;

    letter-spacing: -0.02em;
    color: #565656;
}
.board--list--controll > div > span.loc--title{
    font-weight: bold;
    font-size: 16px;
    line-height: 100%;

    letter-spacing: -0.02em;
    color: #000000;
    margin-left:20px;
    margin-right:40px;
}
.board--list--controll > div > span.loc--title.ty2{
    margin-left:40px;
    margin-right:20px;
}
.board--list--controll a{
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #000000;
    text-decoration: none;
}
.board--list--controll button{
    font-weight: bold;
    font-size: 16px;
    line-height: 100%;

    letter-spacing: -0.02em;
    color: #000000;
    border:0px;
    background: transparent;
}


/****************************
* 서비스 스코프
 */
.service--scope--wrap{
    width:100%;
    /*max-width:1440px;*/
    margin:0 auto;
    margin-bottom:150px;
}

.service--scope--wrap > h2{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 100%;

    text-transform: uppercase;
    color: #222222;
    margin:0px;
    padding:0px;
    text-align: left;
}
.service--scope--wrap .ms--route--wrap{
    width:100%;
    margin-top:50px;
}
.service--scope--wrap .ms--route--wrap ul{
    list-style:none;
    padding:0px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.service--scope--wrap .ms--route--wrap li{
    position: relative;
    z-index: 1;
    margin-right:30px;
    cursor: pointer;
}
.service--scope--wrap .ms--route--wrap li:last-child{
    margin-right:0px;
}
.service--scope--wrap .ms--route--wrap li .captions{
    height:48px;
    width:calc(100% - 50px);
    position: absolute;
    bottom:25px;
    left:25px;

    background: rgba(255,255,255,.8);
    border-radius: 50px;


    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;

    text-align: center;
    text-transform: capitalize;

    color: #222222;
    display: flex;
    align-items: center;
    justify-content: center;
}

.scope--content--wrap{}
.scope--content--wrap .tabs{
    margin-top:50px;
}
.scope--content--wrap .tabs .tab{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.scope--content--wrap .tabs .tab > div{
    width:100%;
    height:65px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E6E6E6;
    box-sizing: border-box;
    margin-right:-1px;
    position: relative;
    z-index: 1;
}

.scope--content--wrap .tabs .tab > div.actv{
    color: #479CF7;
    border-color:#479CF7;
    z-index: 2;
}

.scope--content--wrap .tabs .tab > div:last-child{
    margin-right:0px;
}

.scope--content--wrap .tabs .tab--items > div{

}

.scope--content--wrap .tabs .tab--items > div.actv{
    display: block;
}

.scope--content--wrap .tabs .tab--items .desc--box{
    padding-top:90px;
    width:100%;
    max-width:1440px;
    margin:0 auto;
}

.scope--content--wrap .tabs .tab--items .desc--box h2{

    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 34px;
    line-height: 100%;
    text-transform: capitalize;
    color: #479CF7;
    margin:0px;

}
.scope--content--wrap .tabs .tab--items .desc--box h3{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    line-height: 100%;

    text-transform: capitalize;
    color: #A0A9B1;
    margin-top:40px;
    margin-bottom:15px;
}
.scope--content--wrap .tabs .tab--items .desc--box p{
    font-weight: normal;
    font-size: 17px;
    line-height: 35px;

    letter-spacing: -0.03em;
    text-transform: capitalize;

    color: #666666;
}


.scope--content--wrap .tabs .tab--items .dv--box{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    margin-top:90px;

}
.scope--content--wrap .tabs .tab--items .dv--box > div{
    width:100%;
    max-width:163px;
    position: relative;
    z-index: 1;
}
.scope--content--wrap .tabs .tab--items .dv--box > div .thumb{
    width:100%;
    max-width:163px;
    height:163px;
    background: #F8F8F8;
    border-radius: 20px;
}
.scope--content--wrap .tabs .tab--items .dv--box > div .captions{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;

    text-align: center;
    text-transform: capitalize;

    color: #888888;
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    margin-top:22px;
}
.scope--content--wrap .tabs .tab--items .dv--box > div:after{
    content:'';
    display: inline-flex;
    width:28px;
    min-width:28px;
    height:28px;
    background:url(../images/arrow.png) no-repeat center;
    position: absolute;
    top:50%;
    transform: translateY(-118%);
    left:calc(100% + 6%);
}

.scope--content--wrap .tabs .tab--items .dv--box.ty2 > div:after{
    left:calc(100% + 38%);
}
.scope--content--wrap .tabs .tab--items .dv--box.plant--ty > div:after{
    display:none;
}

.scope--content--wrap .tabs .tab--items .dv--box > div:last-child:after{
    display: none;
}

.scope--content--wrap .tabs .tab--items .dv--box > div:nth-of-type(1) .thumb{
    background:#F8F8F8 url(../images/dv_icon01.png) no-repeat center;
}
.scope--content--wrap .tabs .tab--items .dv--box > div:nth-of-type(2) .thumb{
    background:#F8F8F8 url(../images/dv_icon02.png) no-repeat center;
}
.scope--content--wrap .tabs .tab--items .dv--box > div:nth-of-type(3) .thumb{
    background:#F8F8F8 url(../images/dv_icon03.png) no-repeat center;
}
.scope--content--wrap .tabs .tab--items .dv--box > div:nth-of-type(4) .thumb{
    background:#F8F8F8 url(../images/dv_icon04.png) no-repeat center;
}
.scope--content--wrap .tabs .tab--items .dv--box > div:nth-of-type(5) .thumb{
    background:#F8F8F8 url(../images/dv_icon05.png) no-repeat center;
}
.scope--content--wrap .tabs .tab--items .dv--box > div:nth-of-type(6) .thumb{
    background:#F8F8F8 url(../images/dv_icon06.png) no-repeat center;
}
.scope--content--wrap .tabs .tab--items .dv--box > div:nth-of-type(7) .thumb{
    background:#F8F8F8 url(../images/dv_icon07.png) no-repeat center;
}
/** 트럭 **/
.scope--content--wrap .tabs .tab--items .dv--box .thumb.ty8{
    background:#F8F8F8 url(../images/dv_icon08.png) no-repeat center!important;
}
/** 지게차 열림 **/
.scope--content--wrap .tabs .tab--items .dv--box .thumb.ty9{
    background:#F8F8F8 url(../images/dv_icon09.png) no-repeat center!important;
}
/** 배 **/
.scope--content--wrap .tabs .tab--items .dv--box .thumb.ty10{
    background:#F8F8F8 url(../images/dv_icon10.png) no-repeat center!important;
}
/** 비행기 아래쪽 **/
.scope--content--wrap .tabs .tab--items .dv--box .thumb.ty11{
    background:#F8F8F8 url(../images/dv_icon04.png) no-repeat center!important;
}
/** 기차 **/
.scope--content--wrap .tabs .tab--items .dv--box .thumb.ty12{
    background:#F8F8F8 url(../images/dv_icon11.png) no-repeat center!important;
}
/** 태극마크 **/
.scope--content--wrap .tabs .tab--items .dv--box .thumb.ty13{
    background:#F8F8F8 url(../images/dv_icon12.png) no-repeat center!important;
}
/** 상담원 **/
.scope--content--wrap .tabs .tab--items .dv--box .thumb.ty14{
    background:#F8F8F8 url(../images/dv_icon13.png) no-repeat center!important;
}
/** 계산기 **/
.scope--content--wrap .tabs .tab--items .dv--box .thumb.ty15{
    background:#F8F8F8 url(../images/dv_icon14.png) no-repeat center!important;
}
/** 다중 차량 **/
.scope--content--wrap .tabs .tab--items .dv--box .thumb.ty16{
    background:#F8F8F8 url(../images/dv_icon15.png) no-repeat center!important;
}
/** 트럭 반대편 **/
.scope--content--wrap .tabs .tab--items .dv--box .thumb.ty17{
    background:#F8F8F8 url(../images/dv_icon16.png) no-repeat center!important;
}

/** 짐내리는 트럭 **/
.scope--content--wrap .tabs .tab--items .dv--box .thumb.ty18{
    background:#F8F8F8 url(../images/dv_icon17.png) no-repeat center!important;
}

/** 저장고 **/
.scope--content--wrap .tabs .tab--items .dv--box .thumb.ty19{
    background:#F8F8F8 url(../images/dv_icon18.png) no-repeat center!important;
}

/** 일반 지게차 **/
.scope--content--wrap .tabs .tab--items .dv--box .thumb.ty20{
    background:#F8F8F8 url(../images/dv_icon01.png) no-repeat center!important;
}


.scope--content--wrap .tabs .tab--items .dv--box .thumb.ty21{
    background:#F8F8F8 url(../images/dv_icon19.png) no-repeat center!important;
}
.scope--content--wrap .tabs .tab--items .dv--box .thumb.ty22{
    background:#F8F8F8 url(../images/dv_icon20.png) no-repeat center!important;
}
.scope--content--wrap .tabs .tab--items .dv--box .thumb.ty23{
    background:#F8F8F8 url(../images/dv_icon21.png) no-repeat center!important;
}
.scope--content--wrap .tabs .tab--items .dv--box .thumb.ty24{
    background:#F8F8F8 url(../images/dv_icon22.png) no-repeat center!important;
}
.scope--content--wrap .tabs .tab--items .dv--box .thumb.ty25{
    background:#F8F8F8 url(../images/dv_icon23.png) no-repeat center!important;
}





/*.scope--content--wrap .tabs .tab--items .dv--box .thumb.ty26{
    background:#F8F8F8 url(../img/plant2-01.png) no-repeat center!important;
}
.scope--content--wrap .tabs .tab--items .dv--box .thumb.ty27{
    background:#F8F8F8 url(../img/plant2-02.png) no-repeat center!important;
}
.scope--content--wrap .tabs .tab--items .dv--box .thumb.ty28{
    background:#F8F8F8 url(../img/plant2-03.png) no-repeat center!important;
}
.scope--content--wrap .tabs .tab--items .dv--box .thumb.ty29{
    background:#F8F8F8 url(../img/plant2-04.png) no-repeat center!important;
}
.scope--content--wrap .tabs .tab--items .dv--box .thumb.ty30{
    background:#F8F8F8 url(../img/plant2-05.png) no-repeat center!important;
}*/
.scope--content--wrap .tabs .tab--items .dv--box.plant--ty > div{
    max-width:100%;
}
.scope--content--wrap .tabs .tab--items .dv--box.plant--ty .thumb{
    background:none!important;
    height:auto;
    width:100%;
}


.service--type{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    margin-top:140px;
}
.service--type > h2{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 100%;

    text-transform: capitalize;
    color: #333333;
    margin-bottom:30px;
}
.service--type .table--data--wrap{
    border-top:1px solid #999;
}
.service--type .table--data--wrap table{
    border-collapse: collapse;
    width:100%;
    table-layout: fixed;
}
.service--type .table--data--wrap table td,
.service--type .table--data--wrap table th{
    border-top:1px solid #E6E6E6;
    border-bottom:1px solid #E6E6E6;
    border-right:1px solid #E6E6E6;
    text-align: center;
    height:54px;
}

.service--type .table--data--wrap table td:last-child,
.service--type .table--data--wrap table th:last-child{
    border-right:0px;
}


.service--type .table--data--wrap table th{
    background: #F9F9F9;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
}

.service--type .table--data--wrap table td{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    text-transform: capitalize;
    color: #595959;
    padding:15px 0px;
}

.service--adv{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    margin-top:140px;
}
.service--adv > h2{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 100%;

    text-transform: capitalize;
    color: #333333;
    margin-bottom:30px;
}
.service--adv p{
    font-weight: normal;
    font-size: 17px;
    line-height: 35px;

    letter-spacing: -0.03em;
    text-transform: capitalize;

    color: #666666;
}

.service--scope--btm--content{
    background:url(../images/svsc_bg.jpg) no-repeat center;
    background-size: cover!important;
    height:480px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top:130px;
}
.service--scope--btm--content .desc{
    margin-left:238px;
    margin-right:228px;
}
.service--scope--btm--content .desc h2{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 30px;
    color: #FFFFFF;
}
.service--scope--btm--content .desc p{
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
}
.service--scope--btm--content .desc > div{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 55px;
    line-height: 100%;

    letter-spacing: 0.05em;
    color: #FFFFFF;
}
.service--scope--btm--content .desc > div span{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: 0.05em;
    color: #FFFFFF;
}


.service--scope--btm--content .chart--bar{
    width: 890px;
    height: 400px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 20px;
    overflow:hidden;
    padding:50px;
}

.service--scope--btm--content .chart--bar .xaxis{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:0 30px;
}
.service--scope--btm--content .chart--bar .xaxis span{
    display: flex;
    align-items: center;
    justify-content: center;
}
.service--scope--btm--content .chart--bar .xaxis span:before{
    content:'';
    width:14px;
    height:14px;
    border-radius: 14px;
    display: inline-flex;
    margin-right:10px;
}
.service--scope--btm--content .chart--bar .xaxis span:nth-of-type(1):before{
    background: linear-gradient(180deg, #479CF7 0%, rgba(71, 156, 247, 0.5) 100%);
}
.service--scope--btm--content .chart--bar .xaxis span:nth-of-type(2):before{
    background: linear-gradient(180deg, #2A62FF 0%, rgba(42, 98, 255, 0.5) 100%);
}
.service--scope--btm--content .chart--bar .xaxis span:nth-of-type(3):before{
    background: linear-gradient(180deg, #0139CC 0%, rgba(1, 57, 204, 0.5) 100%);
}
.service--scope--btm--content .chart--bar .xaxis span:nth-of-type(4):before{
    background: linear-gradient(180deg, #1EE4F1 0%, rgba(30, 228, 241, 0.5) 100%);
}
.service--scope--btm--content .chart--bar .xaxis span:nth-of-type(5):before{
    background: linear-gradient(180deg, #60EF66 0%, rgba(96, 239, 102, 0.5) 98.96%);
}
.service--scope--btm--content .chart--bar .xaxis span:nth-of-type(6):before{
    background: linear-gradient(180deg, #FFA800 0%, rgba(255, 168, 0, 0.5) 100%);
}
.service--scope--btm--content .chart--bar .xaxis span:nth-of-type(7):before{
    background: linear-gradient(180deg, #E96350 0%, rgba(233, 99, 80, 0.5) 100%);
}


.map--pop--wrap{
    position: fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index: 9999;
    background: rgba(0,0,0,.5);

}

.map--pop--wrap .map--pop--content--wrap{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    width:100%;
    height:100%;
    background:#F6FBFF url(../images/map_ct.png) no-repeat center;
    border-radius: 30px;
    max-width:1080px;
    max-height:720px;
    padding:45px 55px;
}
.map--pop--wrap .map--pop--content--wrap.vs--02{background:#F6FBFF url(../images/map_ct2.png) no-repeat center;}
.map--pop--wrap .map--pop--content--wrap.vs--03{background:#F6FBFF url(../images/map_ct3.png) no-repeat center;}
.map--pop--wrap .map--pop--content--wrap.vs--04{background:#F6FBFF url(../images/map_ct4.png) no-repeat center;}
.map--pop--wrap .map--pop--content--wrap.vs--05{background:#F6FBFF url(../images/map_ct5.png) no-repeat center;}

.map--pop--wrap .map--pop--content--wrap .map--content{}
.map--pop--wrap .map--pop--content--wrap .map--content h2{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 100%;
    color: #333333;
    margin-bottom:15px;
}

.map--pop--wrap .map--pop--content--wrap .map--content p{
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 25px;
    color: #666666;
}
.map--pop--wrap .map--pop--content--wrap .map--content .close--btn{
    width:40px;
    height:40px;
    border:0px;
    background: url(../images/x-circle.svg) no-repeat center;
    position: absolute;
    top:35px;
    right:45px;
}



/*************************
* 로지틱스
 */
.map--selector--wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    padding:85px 0px;
    background: url(../images/map_s_bg.jpg) no-repeat center;
}
.map--selector--wrap .map--box{
    width:822px;
    height:472px;
    background: url(../images/w_map.png) no-repeat center;
    position: relative;
    z-index: 1;
}
.map--selector--wrap .map--box .map--loc{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}

.map--selector--wrap .map--box > div{
    display: none;
}
.map--selector--wrap .map--box > div:nth-of-type(1),
.map--selector--wrap .map--box > div.actv{
    display: block;
}

.map--selector--wrap .map--box .m--01{background: url(../images/w_m_korea.png) no-repeat center;}
.map--selector--wrap .map--box .m--02{background: url(../images/w_m_eur.png) no-repeat center;}
.map--selector--wrap .map--box .m--03{background: url(../images/w_m_asia.png) no-repeat center;}
.map--selector--wrap .map--box .m--04{background: url(../images/w_m_amc.png) no-repeat center;}
.map--selector--wrap .map--box .m--05{background: url(../images/w_m_africa.png) no-repeat center;}



.subdivision{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom:60px;
}
.subdivision span{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 100%;
    display: flex;
    align-items: center;
    color: #333333;
    margin-right:30px;
}
.subdivision span:last-child{
    margin-right:0px;
}
.subdivision span:before{
    content:'';
    display: inline-flex;
    min-width:20px;
    width:20px;
    height:20px;
    margin-right:10px;
}


.subdivision span:nth-of-type(1):before{
    background: url(../images/map-pin_bl.svg) no-repeat center;
}
.subdivision span:nth-of-type(2):before{
    background: url(../images/map-pin_yw.svg) no-repeat center;
}
.subdivision span:nth-of-type(3):before{
    background: url(../images/map-pin_org.svg) no-repeat center;
}

.selector--cont{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.selector--cont .loc--selector{
    margin-left:50px;
}
.selector--cont .loc--selector > div{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-transform: capitalize;
    color: #222222;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom:20px;

    cursor:pointer;
}
.selector--cont .loc--selector > div:last-child{
    margin-bottom:0px;
}
.selector--cont .loc--selector > div:before{
    content:'';
    display: inline-flex;
    width:18px;
    min-width:18px;
    height:18px;
    background: url(../images/check_ic_off.svg) no-repeat center;
    margin-right:20px;
}
.selector--cont .loc--selector > div:nth-of-type(1):before,
.selector--cont .loc--selector > div.actv:before{
    background: url(../images/check_ic_on.svg) no-repeat center;
}

.selector--cont .map--pin--controll > div{
    width:190px;
    height:56px;
    display: flex;
    align-items: center;
    justify-content: flex-start;


    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 100%;
    text-transform: capitalize;
    color: #FFFFFF;
    position: relative;
    z-index: 1;

    padding-left:57px;
    box-sizing: border-box;
    background: #D1D8DF;
    border-radius: 56px;
    margin-bottom:15px;

    cursor:pointer;
}
.selector--cont .map--pin--controll > div:last-child{
    margin-bottom:0px;
}
.selector--cont .map--pin--controll > div:before{
    content:'';
    width:20px;
    height:20px;
    border-radius: 20px;
    background:#fff;
    position: absolute;
    top:50%;
    left:22px;
    transform: translateY(-50%);
}
.selector--cont .map--pin--controll > div.actv{
    background: #479CF7;
}
.selector--cont .map--pin--controll > div.actv:after{
    content:'';
    width:10px;
    height:10px;
    border-radius: 10px;
    background:#007BFF;
    position: absolute;
    top:50%;
    left:27px;
    transform: translateY(-50%);
}
.m--selector{
    margin-right:231px;
}
.m--selector .btn--wrap{
    margin-top:80px;
}
.m--selector .btn--wrap button{
    width: 248px;
    height: 68px;

    background: #FFFFFF;
    border: 1px solid #479CF7;
    box-sizing: border-box;

    font-weight: bold;
    font-size: 17px;
    line-height: 100%;

    text-align: center;
    letter-spacing: -0.03em;
    text-transform: capitalize;

    color: #2B91FF;

    display: flex;
    align-items: center;
    justify-content: center;
}
.m--selector .btn--wrap button:before{
    content:'';
    display: inline-flex;
    width:18px;
    height:18px;
    min-width:18px;
    background:url(../images/google_ic.png) no-repeat center;
    margin-right:12px;
    position: relative;
    top:-1px;
}

.loc--detail--wrap{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    margin-top:130px;
    padding-bottom:150px;
}
.loc--detail--wrap > h2{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 52px;
    line-height: 100%;

    display: flex;
    align-items: center;

    color: #000000;
    margin-bottom:40px;
}
.loc--detail--wrap .pin--data{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.loc--detail--wrap .pin--data span{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 100%;
    display: flex;
    align-items: center;
    color: #333333;
    margin-right:30px;
}
.loc--detail--wrap .pin--data span:last-child{
    margin-right:0px;
}
.loc--detail--wrap .pin--data span:before{
    content:'';
    display: inline-flex;
    min-width:20px;
    width:20px;
    height:20px;
    margin-right:10px;
}


.loc--detail--wrap .pin--data span:nth-of-type(1):before{
    background: url(../images/map-pin_bl.svg) no-repeat center;
}
.loc--detail--wrap .pin--data span:nth-of-type(2):before{
    background: url(../images/map-pin_yw.svg) no-repeat center;
}
.loc--detail--wrap .pin--data span.wh:before,
.loc--detail--wrap .pin--data span:nth-of-type(3):before{
    background: url(../images/map-pin_org.svg) no-repeat center;
}

.loc--detail--wrap .pin--data span.stf:before{
    background: url(../images/map-pin_jblue_s.svg) no-repeat center;
}
.loc--detail--wrap .map--data--table{
    display: none;
    align-items: center;
    justify-content: center;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    margin-top:50px;
}

.loc--detail--wrap .map--data--table.actv,
.loc--detail--wrap .map--data--table:nth-of-type(1){
    display: flex;
}

.loc--detail--wrap .map--data--table .data--table{
    width:100%;
    max-width:740px;
    margin-left:100px;
}
.loc--detail--wrap .map--data--table .data--table .table--wrap{
    border-top:1px solid #999;
}
.loc--detail--wrap .map--data--table .data--table .table--wrap table,
.loc--detail--wrap .map--data--table .data--table .table--wrap{
    width:100%;
}

.loc--detail--wrap .map--data--table .data--table .table--wrap th{
    height: 54px;
    background: #F9F9F9;
    border-right:1px solid #e6e6e6;
}
.loc--detail--wrap .map--data--table .data--table .table--wrap td{
    height: 54px;
    border-right:1px solid #e6e6e6;
}
.loc--detail--wrap .map--data--table .data--table .table--wrap th,
.loc--detail--wrap .map--data--table .data--table .table--wrap td{
    text-align: center;
    border-bottom:1px solid #e6e6e6;
}

.loc--detail--wrap .map--data--table .data--table .table--wrap th:last-child,
.loc--detail--wrap .map--data--table .data--table .table--wrap td:not(.last--it):last-child{
    border-right:0px;
}


.loc--detail--wrap .map--data--table .data--table .table--wrap table tr:last-child td{
    font-weight: 600;
}

.loc--detail--wrap .map--data--table .data--table .table--wrap thead th:nth-of-type(3){
    color:#FF4D00;
}
.loc--detail--wrap .map--data--table .data--table .table--wrap thead th:nth-of-type(4){
    color: #479CF7;
}
.loc--detail--wrap .map--data--table .data--table .table--wrap thead th:nth-of-type(5){
    color:#3453BE;
}

.loc--detail--wrap .map--data--table .data--table >p{
    font-weight: 350;
    font-size: 17px;
    line-height: 35px;

    letter-spacing: -0.03em;
    color: #888888;
    margin-top:25px;

}


.loc--detail--wrap .map--data--table .map{
    height:640px;
    width:600px;
    position: relative;
}
.loc--detail--wrap .map--data--table .map.korea{
    background: url(../images/m_korea.png) no-repeat center;
}
.loc--detail--wrap .map--data--table .map > div{
    width:25px;
    height:25px;
    position: absolute;
    cursor: pointer;
}

.loc--detail--wrap .map--data--table .map > div span{
    position: absolute;
    top:120%;
    left:50%;
    white-space: nowrap;
    transform: translateX(-50%);
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #58727D;

    height: 35px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    padding:0 15px;
    display: none;
}
.loc--detail--wrap .map--data--table .map > div:hover{
    z-index: 99999;
}
.loc--detail--wrap .map--data--table .map > div:hover span{
    display: flex;
}

.loc--detail--wrap .map--data--table .map > div.office{
    background: url(../images/map-pin_blue_b.png) no-repeat center;
}
.loc--detail--wrap .map--data--table .map > div.warehouse{
    background: url(../images/map-pin_orange_b.png) no-repeat center;
}

.loc--detail--wrap .map--data--table .map.korea .pin01{
    top: 228px;
    left: 132px;
}
.loc--detail--wrap .map--data--table .map.korea .pin02{
    top: 228px;
    left: 148px;
}
.loc--detail--wrap .map--data--table .map.korea .pin03{
    top: 378px;
    left: 398px;
}
.loc--detail--wrap .map--data--table .map.korea .pin04{
    top: 501px;
    left: 423px;
}
.loc--detail--wrap .map--data--table .map.korea .pin05{
    top: 181px;
    left: 193px;
}

.loc--detail--wrap .map--data--table .map.europe{
    background: url(../images/m_europe.png) no-repeat center;
}

.loc--detail--wrap .map--data--table .map.europe .pin01{
    top: 66px;
    left: 218px;
}
.loc--detail--wrap .map--data--table .map.europe .pin02{
    top: 80px;
    left: 261px;
}
.loc--detail--wrap .map--data--table .map.europe .pin03{
    top: 80px;
    left: 373px;
}
.loc--detail--wrap .map--data--table .map.europe .pin04{
    top: 109px;
    left: 205px;
}
.loc--detail--wrap .map--data--table .map.europe .pin05{
    top: 138px;
    left: 288px;
}
.loc--detail--wrap .map--data--table .map.europe .pin06{
    top: 166px;
    left: 275px;
}
.loc--detail--wrap .map--data--table .map.europe .pin07{
    top: 166px;
    left: 317px;
}
.loc--detail--wrap .map--data--table .map.europe .pin08{
    top: 179px;
    left: 331px;
}
.loc--detail--wrap .map--data--table .map.europe .pin09{
    top: 205px;
    left: 317px;
}
.loc--detail--wrap .map--data--table .map.europe .pin10{
    top: 416px;
    left: 499px;
}
.loc--detail--wrap .map--data--table .map.europe .pin11{
    top: 416px;
    left: 528px;
}
.loc--detail--wrap .map--data--table .map.europe .pin12{
    top: 138px;
    left: 260px;
}
.loc--detail--wrap .map--data--table .map.europe .pin13{
    top: 151px;
    left: 344px;
}
.loc--detail--wrap .map--data--table .map.europe .pin14{
    top: 166px;
    left: 246px;
}



.loc--detail--wrap .map--data--table .map.chinaasia{
    background: url(../images/m_chinaasia.png) no-repeat center;
}


.loc--detail--wrap .map--data--table .map.chinaasia .pin01{
    top: 38px;
    left: 471px;
}
.loc--detail--wrap .map--data--table .map.chinaasia .pin02{
    top: 80px;
    left: 513px;
}
.loc--detail--wrap .map--data--table .map.chinaasia .pin03{
    top: 123px;
    left: 499px;
}
.loc--detail--wrap .map--data--table .map.chinaasia .pin04{
    top: 220px;
    left: 373px;
}
.loc--detail--wrap .map--data--table .map.chinaasia .pin05{
    top: 234px;
    left: 288px;
}
.loc--detail--wrap .map--data--table .map.chinaasia .pin06{
    top: 248px;
    left: 359px;
}
.loc--detail--wrap .map--data--table .map.chinaasia .pin07{
    top: 374px;
    left: 330px;
}
.loc--detail--wrap .map--data--table .map.chinaasia .pin08{
    top: 374px;
    left: 316px;
}


.loc--detail--wrap .map--data--table .map.usa{
    background: url(../images/m_usa.png) no-repeat center;
}


.loc--detail--wrap .map--data--table .map.usa .pin01{
    top: 81px;
    left: 23px;
}
.loc--detail--wrap .map--data--table .map.usa .pin02{
    top: 81px;
    left: 415px;
}
.loc--detail--wrap .map--data--table .map.usa .pin03{
    top: 123px;
    left: 51px;
}
.loc--detail--wrap .map--data--table .map.usa .pin04{
    top: 107px;
    left: 428px;
}
.loc--detail--wrap .map--data--table .map.usa .pin05{
    top: 153px;
    left: 470px;
}
.loc--detail--wrap .map--data--table .map.usa .pin06{
    top: 164px;
    left: 78px;
}
.loc--detail--wrap .map--data--table .map.usa .pin07{
    top: 164px;
    left: 401px;
}
.loc--detail--wrap .map--data--table .map.usa .pin08{
    top: 208px;
    left: 442px;
}

.loc--detail--wrap .map--data--table .map.usa .pin09{
    top: 248px;
    left: 260px;
}

.loc--detail--wrap .map--data--table .map.usa .pin10{
    top: 81px;
    left: 8px;
}

.loc--detail--wrap .map--data--table .map.usa .pin11{
    top: 81px;
    left: 401px;
}

.loc--detail--wrap .map--data--table .map.usa .pin12{
    top: 123px;
    left: 37px;
}

.loc--detail--wrap .map--data--table .map.usa .pin13{
    top: 107px;
    left: 414px;
}

.loc--detail--wrap .map--data--table .map.usa .pin14{
    top: 154px;
    left: 456px;
}

.loc--detail--wrap .map--data--table .map.usa .pin15{
    top: 164px;
    left: 65px;
}

.loc--detail--wrap .map--data--table .map.usa .pin16{
    top: 164px;
    left: 387px;
}

.loc--detail--wrap .map--data--table .map.usa .pin17{
    top: 179px;
    left: 429px;
}

.loc--detail--wrap .map--data--table .map.usa .pin18{
    top: 208px;
    left: 428px;
}

.loc--detail--wrap .map--data--table .map.usa .pin19{
    top: 248px;
    left: 247px;
}

.loc--detail--wrap .map--data--table .map.africa{
    background: url(../images/m_europe.png) no-repeat center;
}
.loc--detail--wrap .map--data--table .map.africa .pin01{
    top: 416px;
    left: 499px;
}
.loc--detail--wrap .map--data--table .map.africa .pin02{
    top: 416px;
    left: 528px;
}

.loc--detail--wrap .tab{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    z-index: 1;
    margin-bottom:50px;
}
.loc--detail--wrap .tab:after{
    content:'';
    width:100%;
    height:1px;
    background: #e6e6e6;
    display: block;
    position: absolute;
    bottom:0px;
    left:0px;
}
.loc--detail--wrap .tab > div{
    height:60px;
    width:170px;
    border:1px solid #E6E6E6;
    display: none;
    align-items: center;
    justify-content: center;
    margin-right:-1px;


    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;

    text-align: center;
    text-transform: capitalize;
    color: #333333;


    position: relative;
    z-index: 1;
    cursor: pointer;
}
.loc--detail--wrap .tab > div.actv,
.loc--detail--wrap .tab > div:nth-of-type(1){
    display: flex;
}
.loc--detail--wrap .tab > div.on,
.loc--detail--wrap .tab > div:hover{
    border-color:#479CF7;
    color: #479CF7;
    z-index: 2;
}





.branch--detail--wrap{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-top:130px;
    width:100%;
    max-width: 1440px;
    margin: 0 auto;
}
.branch--detail--wrap .branch--content{
    position:relative;
    z-index: 1;

    max-width:705px;
    width: 100%;
    height: 220px;

    background: #FFFFFF;
    border: 1px solid #EFEFEF;
    box-sizing: border-box;

    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;

    padding-left:50px;

    margin-right:30px;
    margin-bottom:30px;
}
.branch--detail--wrap .branch--content:nth-of-type(2n){
    margin-right:0px;
}

.branch--detail--wrap .branch--content h2{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;

    color: #2A62FF;
    margin:0px;
}
.branch--detail--wrap .branch--content h3{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;

    color: #000000;
    margin:0px;
    margin-top:30px;
    margin-bottom:15px;
}
.branch--detail--wrap .branch--content h3 span{
    font-weight: normal;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: -0.03em;
    color: #777777;
    margin-left:10px;
}
.branch--detail--wrap .branch--content p{
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 28px;
    color: #666666;
}
.branch--detail--wrap .branch--content button{
    width:70px;
    height:70px;
    border-radius: 70px;
    border:0px;
    background: rgba(236, 240, 242, 0.5) url(../images/google_user_ic.png) no-repeat center;
    position: absolute;
    top:35px;
    right:35px;
}


.items--tabs--wrap > div{
    display: none;
}

.items--tabs--wrap > div.actv,
.items--tabs--wrap > div:nth-of-type(1){
    display: block;
}


.branch--detail--wrapper{
    flex-direction: column;
}

.branch--detail--wrapper > div{
    display: none;
}

.branch--detail--wrapper > div:nth-of-type(1){
    display: flex;
}

.branch--detail--wrapper .btn--wrapper{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:130px 0px;
}
.branch--detail--wrapper .btn--wrapper button{
    width:120px;
    height:60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: transparent;
    border:0px;
}
.branch--detail--wrapper .btn--wrapper button span{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;

    text-align: center;
    text-transform: uppercase;
    color: #000000;


}
.branch--detail--wrapper .btn--wrapper button .arrow--ic{
    width:28px;
    height:28px;
    display: flex;
    min-width:28px;
    background: url(../images/arrow-down.png) no-repeat center;
}






/**************************
* 메인 비쥬얼 bg
 */
.main--vs01{ background:url(../images/main_bg.jpg) no-repeat center;}
.main--vs02{ background:url(../images/main_vs02.jpg) no-repeat center;}
.main--vs03{ background:url(../images/main_vs03.jpg) no-repeat center;}
.main--vs04{ background:url(../images/main_vs011.jpg) no-repeat center;}
.main--vs05{ background:url(../images/main_vs012.jpg) no-repeat center;}
.main--vs06{ background:url(../images/main_vs06.jpg) no-repeat center;}



.ware--house--wrap{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding-top:130px;
    padding-bottom:130px;
}
.ware--house--wrap > div{
    display: none;
    margin-bottom:85px;
}
.ware--house--wrap > div.actv{
    display: block;
}
.ware--house--wrap > div:last-child{
    margin-bottom:0px;
}
.ware--house--wrap > div:nth-of-type(1){
    display: block;
}
.ware--house--wrap .ware--house--content{
    padding:60px 65px;
    background: #FFFFFF;
    border: 1px solid #EFEFEF;
    box-sizing: border-box;
    margin-bottom:50px;
}
.ware--house--wrap .ware--house--content:last-child{
    margin-bottom:0px;
}
.ware--house--wrap .wd--head{
    position: relative;
}
.ware--house--wrap .wd--head > h2{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    color: #000000;
    position: relative;
}
.ware--house--wrap .wd--head > p{
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 28px;
    color: #666666;

}
.ware--house--wrap .wd--head .gmap--btn{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 264px;
    height: 62px;
    border:0px;
    background: #F6F8F9;
    border-radius: 10px;

    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #575E65;
    position: absolute;
    top:0px;
    right:0px;
    z-index: 1;
    padding-left:25px;
    box-sizing: border-box;
}
.ware--house--wrap .wd--head .gmap--btn:before{
    content:'';
    display: inline-flex;
    width:20px;
    height:24px;
    background: url(../images/google_user_small.png) no-repeat center;
    margin-right:18px;
}
.ware--house--wrap .wd--head .gmap--btn:after{
    content:'';
    display: block;
    width:20px;
    height:20px;
    background: url(../images/arrow-right.png) no-repeat center;
    position: absolute;
    top:50%;
    right:21px;
    transform: translateY(-50%);
}
.ware--house--wrap .wd--body > h2{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    color: #333333;
}
.ware--house--wrap .wd--body .tb--wrap{
    overflow: hidden;
    border-top:2px solid #333;
}
.ware--house--wrap .wd--body .tb--wrap table{
    width:100%;
}
.ware--house--wrap .wd--body .tb--wrap table th{
    background: #F3F3F3;
    padding:15px 0px;

    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    border-bottom:1px solid #E6E6E6;
    color: #444444;
    text-align: center;
}

.ware--house--wrap .wd--body .tb--wrap table td{
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 100%;
    border-bottom:1px solid #E6E6E6;
    color: #222222;
    padding:15px 0px;
    padding-left:40px;
}
.ware--house--wrap .wd--body .tb--wrap table td p{
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 100%;
    color: #777777;
    margin:0px;
    margin-top:10px;
    margin-bottom:10px;
}







.map--wrapper {
    position: relative;
    z-index: 1;
}

.map--wrapper .tab--rtx{
    position: absolute;
    top:10px;
    left:10px;
    z-index: 99999;
    width:300px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.map--wrapper .tab--rtx > div{
    width:calc(100% / 3);
    height:45px;
    background: #fff;
    border:1px solid #E6E6E6;
    border-right:0px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    color: #333333;
    position: relative;
    z-index: 1;
}

.map--wrapper .tab--rtx > div:last-child{
    border-right:1px solid #E6E6E6;
}

.map--wrapper .tab--rtx > div.actv{
    font-weight: 600;
    color: #479CF7;
    border:1px solid #479CF7!important;
    z-index: 2;
}


.map--location--content {
    border: 1px solid #ddd;
    background: #fff;
    width: 300px;
    position: absolute;
    height: calc(100% - 65px);
    top: 54px;
    left: 10px;
    z-index: 9999;
    overflow-y: auto;
}

.map--location--content .map--subject {
    padding: 15px;
    border-bottom: 1px solid #ddd;
}

.map--location--content .map--subject > h2 {
    font-size: 16px;
    color: #479CF7;
    margin: 0px;
    margin-bottom: 10px;
}

.map--location--content .map--subject > h3 {
    font-size: 18px;
    color: #666;
    margin: 0px;
    margin-bottom: 10px;
}

.map--location--content .map--subject > p {
    font-size: 14px;
    color: #000;
}



.location--detail--wrap {
    position: absolute;
    top:10px;
    left:-100%;
    z-index:9998;
    width:600px;
    height:calc(100% - 20px);
    transition: left .3s linear;
}
.location--detail--contents{
    padding-top:35px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 15px;
    height:calc(100% - 2px);
    overflow-y: auto;
}
.location--detail--wrap .close--detail{
    position: absolute;
    top:30px;
    right:25px;
    z-index: 999;
    cursor: pointer;
}
.location--detail--wrap.actv{
    left:320px;
}
.location--detail--wrap.ty2.actv{
    left:50%;
    transform: translateX(-50%);
    overflow: hidden;
    border-radius: 15px;
}

.location--detail--wrap .title{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 100%;
    color: #479CF7;
    margin:0px;
    padding:0px;
    max-width:520px;
    margin:0 auto;
    text-align: left;
}
.location--detail--wrap .branch--overview{
    margin:0 auto;
}
.location--detail--wrap .branch--overview > h2{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    color: #646F8D;
    margin:0px;
    padding:0px;
    margin-bottom:15px;
    margin-top:50px;
}



.location--detail--wrap .branch--overview .branch--overview--table table{

}

.location--detail--wrap .branch--overview .branch--overview--table table th{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #646F8D;
    height:30px;
    width:122px;
}

.location--detail--wrap .branch--overview .branch--overview--table table td{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #444444;
}


#map2{
    width:100%;
    max-width:520px;
    height:350px;
    margin:15px auto;
    margin-bottom:30px;
    border-radius: 15px;
    overflow: hidden;
}

#map3{
    width:100%;
    /*max-width:700px;*/
    height:350px;
    margin:15px auto;
    margin-bottom:30px;
    border-radius: 15px;
    overflow: hidden;
}
.offering--wrap{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap:wrap;
    width:100%;
}

.offering--wrap > div{
    max-width:80px;
    margin-right:30px;
}
.offering--wrap > div:nth-of-type(5n){
    margin-right:0px;
}

.offering--wrap .thumb{
    background-color: #F4F4F4!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: 70%!important;
    border-radius: 15px;
    width:80px;
    height:80px;
    display: block;
    margin-bottom:9px;
}
.offering--wrap span{
    width:100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    color: #646F8D;
}
.offer01 .thumb{background-image:url(../images/dv_icon10.png); }
.offer02 .thumb{background-image:url(../images/dv_icon04.png); }
.offer03 .thumb{background-image:url(../images/dv_icon01.png); }
.offer04 .thumb{background-image:url(../images/dv_icon12.png); background-size: 45%!important;}
.offer05 .thumb{background-image:url(../images/dv_icon08.png); }
.offer06 .thumb{background-image:url(../images/dv_icon08.png); }
.offer07 .thumb{background-image:url(../images/dv_icon04.png); }
.offer08 .thumb{background-image:url(../img/); }
.offer09 .thumb{background-image:url(../img/); }
.offer10 .thumb{background-image:url(../images/dv_icon11.png); }
.offer11 .thumb{background-image:url(../img/); }
.offer12 .thumb{background-image:url(../img/); }


.branch--overview{
    max-width:520px;
}
.branch--overview .main--customer{
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    border-radius:15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:15px;
}
.branch--overview .main--customer > div{
    height:80px;
    width:calc(100% / 5);
    border-right:1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
}
.branch--overview .main--customer > div:last-child{
    border-right:0px;
}

.branch--overview .main--customer2{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom:15px;
}
.branch--overview .main--customer2 > div{
    border-radius: 15px;
    overflow:hidden;
}

.warehouse--detail--wrap{
    position: absolute;
    top:10px;
    left:-100%;
    z-index:9998;
    width:880px;
    height:calc(100% - 20px);
    transition: left .3s linear;


}

.warehouse--detail--wrap.actv{
    left:320px;
}
.warehouse--detail--wrap.ty2.actv{
    left:50%;
    transform: translateX(-50%);
    border-radius: 15px;
    overflow: hidden;
}

.warehouse--detail--wrap .title{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 100%;
    color: #479CF7;
    margin:0px;
    padding:0px;
    max-width:100%;
    margin:0 auto;
    text-align: left;
}
.warehouse--detail--wrap .location--detail--contents{
    padding:35px;
}
.warehouse--detail--wrap .warehouse--overview{
    margin:0 auto;
}
.warehouse--detail--wrap .warehouse--overview > h2{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    color: #646F8D;
    margin:0px;
    padding:0px;
    margin-bottom:15px;
    margin-top:50px;
}

.warehouse--detail--wrap .warehouse--overview .operations--wrap table th,
.warehouse--detail--wrap .warehouse--overview .spec--wrap table th{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #646F8D;
    height:30px;
    width:200px;
}
.warehouse--detail--wrap .warehouse--overview .operations--wrap table td,
.warehouse--detail--wrap .warehouse--overview .spec--wrap table td{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #444444;
}

.warehouse--detail--wrap .warehouse--overview .warehouse--pic--wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.warehouse--detail--wrap .warehouse--overview .warehouse--pic--wrap > div{
    overflow: hidden;
    border-radius: 15px;
}

.warehouse--detail--wrap .close--detail2 {
    position: absolute;
    top: 30px;
    right: 25px;
    z-index: 999;
    cursor: pointer;
}





.gnb--net--work--wrap{
    padding-top:117px;
    position: relative;
    z-index: 1;
    height:100%;
}

.gnb--net--work--wrap.main--contents{
    background: #F5F9FC;
}

.gnb--net--work--wrap .title--wrapper{
    width:100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-left:240px;
    padding-right:240px;
}
.gnb--net--work--wrap .title--wrapper >div.m--title{
    position:relative;
    width:100%;
}

.gnb--net--work--wrap .title--wrapper >div.m--title button{
    width: 248px;
    height: 68px;

    background: #FFFFFF;
    border: 1px solid #479CF7;
    box-sizing: border-box;

    font-weight: bold;
    font-size: 17px;
    line-height: 100%;

    text-align: center;
    letter-spacing: -0.03em;
    text-transform: capitalize;

    color: #2B91FF;

    display: flex;
    align-items: center;
    justify-content: center;
    position:absolute;
    top:0px;
    right:0px;
}
.gnb--net--work--wrap .title--wrapper >div.m--title button:before{
    content:'';
    display: inline-flex;
    width:18px;
    height:18px;
    min-width:18px;
    background:url(../images/google_ic.png) no-repeat center;
    margin-right:12px;
    position: relative;
    top:-1px;
}

.gnb--net--work--wrap .title--wrapper >div > h2{
    font-weight: 700;
    font-size: 50px;
    line-height: 100%;
    display: flex;
    align-items: center;
    letter-spacing: -0.03em;
    color: #000000;
    margin:0px;
    margin-bottom:35px;
}
.gnb--net--work--wrap .title--wrapper >div > p{
    font-weight: 400;
    font-size: 19px;
    line-height: 35px;
    display: flex;
    align-items: center;
    letter-spacing: -0.03em;
    color: #555555;
    max-width:560px;
}

.gnb--net--work--wrap.main--contents .map--controller--wrap{
    width:100%;
    position: absolute;
    bottom:0px;
    left:0px;
    height:530px;
    top:auto;
}

.gnb--net--work--wrap .map--controller--wrap{
    width:calc(100% - 480px);
    position: absolute;
    top:300px;
    left:240px;
    height:calc(100% - 320px);
}
.gnb--net--work--wrap .map--controller--wrap.main--type{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
}

.gnb--net--work--wrap .map--controller--wrap .map--loc--list--wrap{
    position: absolute;
    top:70px;
    left:0px;
    z-index: 9999;
}
.gnb--net--work--wrap .map--controller--wrap .map--loc--list--wrap ul{
    list-style: none;
    padding:0px;
    height: calc(100vh - 410px);
    overflow-y: auto;
}
.gnb--net--work--wrap .map--controller--wrap ul li{
    margin-bottom:3px;
    display: none;
    cursor: pointer;


    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    text-transform: uppercase;
    color: #A4ADC6;
}
.gnb--net--work--wrap .map--controller--wrap ul li:after{
    content:'';
    display: inline-flex;
    width:18px;
    height:18px;
    position: relative;
    top:2px;
    margin-left:10px;
}
.gnb--net--work--wrap .map--controller--wrap ul li:hover{
    text-decoration: underline;
    color: #479CF7;
}
.gnb--net--work--wrap .map--controller--wrap ul li:hover:after{
    background: url(../img/msearch.png) no-repeat center;
}

.map--loc--list--wrap > ul > li[data-idx="korea"]{
    display: block;
}
.map--controller--wrap .map--wrapper{
    width:100%;
    height:100%;
    position: relative;
    height: 100%;
    background: url(../img/word_map_m.png) no-repeat 100% 50px;

}
.map--controller--wrap .map--wrapper .tab--controller{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.map--controller--wrap .map--wrapper .tab--controller > div{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left:30px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 100%;
    color: #333333;
    cursor: pointer;
}
.map--controller--wrap .map--wrapper .tab--controller > div:before{
    margin-right:10px;
}
.map--controller--wrap .map--wrapper .tab--controller > div:nth-of-type(1):before{
    content:'';
    display: inline-flex;
    width:20px;
    height:20px;
    background: url(../img/mspin_01.png) no-repeat center;
}
.map--controller--wrap .map--wrapper .tab--controller > div:nth-of-type(2):before{
    content:'';
    display: inline-flex;
    width:20px;
    height:20px;
    background: url(../img/mspin_02.png) no-repeat center;
}
.map--controller--wrap .map--wrapper .tab--controller > div:nth-of-type(3):before{
    content:'';
    display: inline-flex;
    width:20px;
    height:20px;
    background: url(../img/mspin_03.png) no-repeat center;
}


.map--controller--wrap .map--wrapper .tab--controller > div:nth-of-type(1).actv,
.map--controller--wrap .map--wrapper .tab--controller > div:nth-of-type(1):hover{
    color:#007bff;
}
.map--controller--wrap .map--wrapper .tab--controller > div:nth-of-type(2).actv,
.map--controller--wrap .map--wrapper .tab--controller > div:nth-of-type(2):hover{
    color:#ffa200;
}
.map--controller--wrap .map--wrapper .tab--controller > div:nth-of-type(3).actv,
.map--controller--wrap .map--wrapper .tab--controller > div:nth-of-type(3):hover{
    color:#ff4c00;
}

.gnb--net--work--wrap .title--wrapper .btn--wrap button{
    width: 248px;
    height: 68px;

    background: #FFFFFF;
    border: 1px solid #479CF7;
    box-sizing: border-box;

    font-weight: bold;
    font-size: 17px;
    line-height: 100%;

    text-align: center;
    letter-spacing: -0.03em;
    text-transform: capitalize;

    color: #2B91FF;

    display: flex;
    align-items: center;
    justify-content: center;
}
.gnb--net--work--wrap .title--wrapper .btn--wrap button:before{
    content:'';
    display: inline-flex;
    width:18px;
    height:18px;
    min-width:18px;
    background:url(../images/google_ic.png) no-repeat center;
    margin-right:12px;
    position: relative;
    top:-1px;
}


.map--container{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    max-width: 1164px;
    height: 100%;
    z-index: -1;
}
.map--container >div{
    width:20px;
    height:20px;
    position: absolute;
    left:50%;
    top:50%;
}
/* 한국 */
.map--container .pin01{
    transform: translate(-132px, -50px);
    background:url(../img/mspin_01.png) no-repeat center;
}
.map--container .pin02{
    transform: translate(-132px, -54px);
    background:url(../img/mspin_01.png) no-repeat center;
}
.map--container .pin03{
    transform: translate(-130px, -50px);
    background:url(../img/mspin_01.png) no-repeat center;
}
.map--container .pin04{
    transform: translate(-128px, -50px);
    background:url(../img/mspin_01.png) no-repeat center;
}
.map--container .pin05{
    transform: translate(-132px, -45px);
    background:url(../img/mspin_01.png) no-repeat center;
}
.map--container .pin06{
    transform: translate(-137px, -50px);
    background:url(../img/mspin_03.png) no-repeat center;
}

.map--container .pin07{
    transform: translate(-402px, -145px);
    background: url(../img/mspin_02.png) no-repeat center;
}
.map--container .pin08{
    transform: translate(-422px, -125px);
    background: url(../img/mspin_02.png) no-repeat center;
}
.map--container .pin09{
    transform: translate(-382px, -125px);
    background: url(../img/mspin_02.png) no-repeat center;
}
.map--container .pin10{
    transform: translate(-397px, -104px);
    background: url(../img/mspin_02.png) no-repeat center;
}
.map--container .pin11{
    transform: translate(-402px, -115px);
    background: url(../img/mspin_02.png) no-repeat center;
}
.map--container .pin12{
    transform: translate(-372px, -135px);
    background: url(../img/mspin_02.png) no-repeat center;
}
.map--container .pin13{
    transform: translate(-382px, -115px);
    background: url(../img/mspin_03.png) no-repeat center;
}
.map--container .pin14{
    transform: translate(-388px, -105px);
    background: url(../img/mspin_03.png) no-repeat center;
}
.map--container .pin15{
    transform: translate(-379px, -102px);
    background: url(../img/mspin_02.png) no-repeat center;
}
.map--container .pin16{
    transform: translate(-390px, -95px);
    background: url(../img/mspin_03.png) no-repeat center;
}


.map--container .pin17{
    transform: translate(-160px, -55px);
    background: url(../img/mspin_02.png) no-repeat center;
}

.map--container .pin18{
    transform: translate(-155px, -25px);
    background: url(../img/mspin_02.png) no-repeat center;
}

.map--container .pin19{
    transform: translate(-160px, -5px);
    background: url(../img/mspin_02.png) no-repeat center;
}

.map--container .pin20{
    transform: translate(-190px, 5px);
    background: url(../img/mspin_02.png) no-repeat center;
}

.map--container .pin21{
    transform: translate(-210px, 8px);
    background: url(../img/mspin_03.png) no-repeat center;
}

.map--container .pin22{
    transform: translate(-201px, 35px);
    background: url(../img/mspin_03.png) no-repeat center;
}

.map--container .pin23{
    transform: translate(-170px, -5px);
    background: url(../img/mspin_03.png) no-repeat center;
}

.map--container .pin24{
    transform: translate(-180px, -15px);
    background: url(../img/mspin_03.png) no-repeat center;
}

.map--container .pin25{
    transform: translate(-205px, 38px);
    background: url(../img/mspin_02.png) no-repeat center;
}


/** 아메리카 **/
.map--container .pin26{
    transform: translate(378px, -62px);
    background: url(../img/mspin_03.png) no-repeat center;
}

.map--container .pin27{
    transform: translate(348px, -92px);
    background: url(../img/mspin_03.png) no-repeat center;
}

.map--container .pin28{
    transform: translate(348px, -32px);
    background: url(../img/mspin_03.png) no-repeat center;
}

.map--container .pin29{
    transform: translate(346px, -22px);
    background: url(../img/mspin_03.png) no-repeat center;
}

.map--container .pin30{
    transform: translate(298px, -122px);
    background: url(../img/mspin_03.png) no-repeat center;
}


.map--container .pin31{
    transform: translate(293px, -126px);
    background: url(../img/mspin_02.png) no-repeat center;
}


.map--container .pin32{
    transform: translate(303px, -75px);
    background: url(../img/mspin_03.png) no-repeat center;
}


.map--container .pin33{
    transform: translate(313px, -45px);
    background: url(../img/mspin_02.png) no-repeat center;
}

.map--container .pin34{
    transform: translate(323px, -57px);
    background: url(../img/mspin_03.png) no-repeat center;
}

.map--container .pin35{
    transform: translate(303px, -50px);
    background: url(../img/mspin_03.png) no-repeat center;
}


.map--container .pin36{
    transform: translate(283px, -11px);
    background: url(../img/mspin_03.png) no-repeat center;
}



.map--container .pin37{
    transform: translate(223px, -61px);
    background: url(../img/mspin_02.png) no-repeat center;
}


.map--container .pin38{
    transform: translate(233px, -55px);
    background: url(../img/mspin_03.png) no-repeat center;
}



.map--container .pin39{
    transform: translate(233px, -31px);
    background: url(../img/mspin_02.png) no-repeat center;
}



.map--container .pin40{
    transform: translate(243px, -22px);
    background: url(../img/mspin_03.png) no-repeat center;
}



.mask--map--pop{
    position: fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index: -1;
    opacity: 0;
}
.mask--map--pop.actv{
    opacity: 1;
    z-index: 999999999;
    background: rgba(0, 16, 34, 0.6);
}



.full--size--banner > .title--wrpper{
    max-width:1440px;
    margin:0 auto;
    position: relative;
    z-index: 2;
}
.full--size--banner > .title--wrpper .title--s{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    font-size: 45px;
    line-height: 100%;
    color: #FFFFFF;
    position:relative;
    top:222px;
}

.map--controller--wrap{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
}


.location--list--wrap{
    position:relative;
    width: calc(100% - 585px);

}

.location--list--wrap.ty2{
    width:300px!important;
}

.location--list--wrap > div{
    width:280px;
    display: none;
}

.location--list--wrap > div.body--ct{
    width:100%;
    display:block;
}

.location--list--wrap > div:nth-of-type(1){
    display: block;
}

.location--list--wrap .location--list > h2{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 100%;
    display: flex;
    align-items: center;
    color: #333333;
}

.location--list--wrap .location--list > p{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    display: flex;
    align-items: center;
    color: #333333;
}

.location--list ul li{
    display:block;
}

.world--map--rn--wrapper{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.world--map--rn{
    width:1164px;
    min-width:1164px;
    height:567px;
    background:url(../img/word_map2.png) no-repeat center;
    position:relative;
}
.world--map--rn.main--type{
    width:100%;
    min-width:100%;
    height:530px;
    background:url(../img/map_cont.png) no-repeat center bottom;
}


.world--map--rn .point--pin{
    width:100px;
    height:100px;
    /*background: url(../img/point_pin.png) no-repeat center;*/
    position:absolute;
    top:50%;
    left:50%;
    z-index: 9;
    cursor:pointer;
    opacity: 0;
    transform: translate(-50%, -50%);
}


.world--map--rn .point--pin > div{
    width:135px;
    height:135px;
    border-radius:135px;
    flex-direction: column;
    background:#479CF7;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}

.world--map--rn .point--pin > div:nth-of-type(2){
    opacity: 0;
    display:none;
}

.world--map--rn .point--pin:hover > div:nth-of-type(1){
    opacity: 0;
}

.world--map--rn .point--pin:hover > div:nth-of-type(2){
    opacity: 1;
    display:flex;
    align-items:center;
    justify-content:center;
}

.world--map--rn .point--pin > div:nth-of-type(1){
    background: rgba(255, 255, 255, 1);
    border: 3px solid #D9E5F1;
    width:100px;
    height:100px;
}

.world--map--rn .point--pin > div:nth-of-type(2){

}

.world--map--rn .point--pin > div span{
    display:block;
}
.world--map--rn .point--pin > div span:nth-of-type(1){
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height:1.3;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}
.world--map--rn .point--pin > div span:nth-of-type(2){
    font-weight: 500;
    font-size: 12px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    text-align: center;
    margin-top:6px;
    color: #FFFFFF;
}
.world--map--rn .point--pin > div span:nth-of-type(3){
    margin-top:4px;
    width:20px;
    height:20px;
    background:url(../img/plus.svg) no-repeat center;
}
.world--map--rn .point--pin > div:nth-of-type(1){
    display:flex;
    align-items:center;
    justify-content:center;
}
.world--map--rn .point--pin > div:nth-of-type(1) span{
    font-family: 'Montserrat'!important;
    font-weight: 800!important;
    font-size: 15px!important;
    text-transform: capitalize;
    color: #95A5B7!important;
}



.world--map--rn .point--pin.pt--01{
    margin-top: -220px;
    margin-left: -400px;
}
.world--map--rn .point--pin.pt--02{
    margin-top: -80px;
    margin-left: -250px;
}
.world--map--rn .point--pin.pt--03{
    margin-top: -110px;
    margin-left: 300px;
}
.world--map--rn .point--pin.pt--04{
    margin-top: -12px;
    margin-left: -70px;
}
.world--map--rn .point--pin.pt--05{
    margin-top: -160px;
    margin-left: -400px;
}
.world--map--rn .point--pin.pt--06{
    margin-top: 60px;
    margin-left: -230px;
}

/* 지역 포인트 */
.world--map--rn.main--type .point--pin.pt--01{
    margin-top: -268px;
    margin-left: -560px;
}
.world--map--rn.main--type .point--pin.pt--02{
    margin-top: -180px;
    margin-left: -270px;
}
.world--map--rn.main--type .point--pin.pt--03{
    margin-top: -230px;
    margin-left: 440px;
}
.world--map--rn.main--type .point--pin.pt--04{
    margin-top: -240px;
    margin-left: -126px;
}
.world--map--rn.main--type .point--pin.pt--05{
    margin-top: -160px;
    margin-left: -400px;
}
.world--map--rn.main--type .point--pin.pt--06{
    margin-top: -40px;
    margin-left: -20px;
}

.world--map--rn .dot > div{
    position:absolute;
    top:50%;
    left:50%;
    opacity: 0;
}

.world--map--rn .dot.about > div{
    width:8px;
    height:8px;
    background:#337ab7;
    border-radius:10px;
}

.world--map--rn.main--type .dot > div{
    transform:translate(-50%, -50%);
}

.world--map--rn.main--type .dot > div .dot--pin{
    position:absolute;
    top:50%;
    left:50%;
    width:8px;
    height:8px;
    background:#337ab7;
    border-radius:10px;
    transform:translate(-50%, -50%) rotateX(65deg);
}

.world--map--rn .dot > div .inn--pin{
    width:21px;
    height:29px;
    position:absolute;
    bottom:0px;
    left:50%;
    margin-left:-11px;
    display:block;
    transform: rotateX(0deg);
}
.world--map--rn .dot > div .inn--pin.ty01{
    background:url(../img/pin-01.png) no-repeat center;
}
.world--map--rn .dot > div .inn--pin.ty02{
    background:url(../img/pin-02.png) no-repeat center;
}
.world--map--rn .dot > div .inn--pin.ty03{
    background:url(../img/pin-03.png) no-repeat center;
}


.world--map--rn .dot > div.actv .inn--pin{
    background:url(../img/pin-03.png) no-repeat center!important;
}

.world--map--rn .dot > div.dot--1 {
    margin-top: -162px;
    margin-left: -425px;
}

.world--map--rn .dot > div.dot--2 {
    margin-top: -186px;
    margin-left: -449px;
}

.world--map--rn .dot > div.dot--3 {
    margin-top: -174px;
    margin-left: -437px;
}

.world--map--rn .dot > div.dot--4 {
    margin-top: -162px;
    margin-left: -449px;
}

.world--map--rn .dot > div.dot--5 {
    margin-top: -174px;
    margin-left: 152px;
}

.world--map--rn .dot > div.dot--6 {
    margin-top: -174px;
    margin-left: 165px;
}

.world--map--rn .dot > div.dot--7 {
    margin-top: -174px;
    margin-left: 140px;
}

.world--map--rn .dot > div.dot--8 {
    margin-top: -151px;
    margin-left: 140px;
}

.world--map--rn .dot > div.dot--9 {
    margin-top: -174px;
    margin-left: 261px;
}

.world--map--rn .dot > div.dot--10 {
    margin-top: -163px;
    margin-left: 285px;
}

.world--map--rn .dot > div.dot--11 {
    margin-top: -151px;
    margin-left: 309px;
}

.world--map--rn .dot > div.dot--12 {
    margin-top: -139px;
    margin-left: 297px;
}

.world--map--rn .dot > div.dot--13 {
    margin-top: -64px;
    margin-left: 334px;
}

.world--map--rn .dot > div.dot--14 {
    margin-top: -64px;
    margin-left: 345px;
}

.world--map--rn .dot > div.dot--15 {
    margin-top: -54px;
    margin-left: 322px;
}

.world--map--rn .dot > div.dot--16 {
    margin-top: -30px;
    margin-left: 332px;
}

.world--map--rn .dot > div.dot--17 {
    margin-top: 19px;
    margin-left: 334px;
}

.world--map--rn .dot > div.dot--18 {
    margin-top: -175px;
    margin-left: 285px;
}

.world--map--rn .dot > div.dot--19 {
    margin-top: -162px;
    margin-left: 309px;
}

.world--map--rn .dot > div.dot--20 {
    margin-top: -79px;
    margin-left: -136px;
}

.world--map--rn .dot > div.dot--21 {
    margin-top: 3px;
    margin-left: 287px;
}

.world--map--rn .dot > div.dot--22 {
    margin-top: 30px;
    margin-left: -196px;
}

.world--map--rn .dot > div.dot--23 {
    margin-top: 37px;
    margin-left: -184px;
}

.world--map--rn .dot > div.dot--24 {
    margin-top: -18px;
    margin-left: -160px;
}

.world--map--rn .dot > div.dot--25 {
    margin-top: -163px;
    margin-left: -389px;
}

.world--map--rn .dot > div.dot--26 {
    margin-top: -126px;
    margin-left: -413px;
}

.world--map--rn .dot > div.dot--27 {
    margin-top: -138px;
    margin-left: -401px;
}

.world--map--rn .dot > div.dot--28 {
    margin-top: -127px;
    margin-left: -389px;
}

.world--map--rn .dot > div.dot--29 {
    margin-top: -152px;
    margin-left: -377px;
}

.world--map--rn .dot > div.dot--30 {
    margin-top: -176px;
    margin-left: -353px;
}

.world--map--rn .dot > div.dot--31 {
    margin-top: -127px;
    margin-left: -437px;
}

.world--map--rn .dot > div.dot--32 {
    margin-top: -164px;
    margin-left: -474px;
}

.world--map--rn .dot > div.dot--33 {
    margin-top: -139px;
    margin-left: -365px;
}

.world--map--rn .dot > div.dot--34 {
    margin-top: -116px;
    margin-left: -401px;
}

.world--map--rn .dot > div.dot--35 {
    margin-top: -6px;
    margin-left: -183px;
}

.world--map--rn .dot > div.dot--36 {
    margin-top: -30px;
    margin-left: -171px;
}

.world--map--rn .dot > div.dot--37 {
    margin-top: -18px;
    margin-left: -172px;
}

.world--map--rn .dot > div.dot--38 {
    margin-top: -54px;
    margin-left: -171px;
}

.world--map--rn .dot > div.dot--39 {
    margin-top: -67px;
    margin-left: -136px;
}

.world--map--rn .dot > div.dot--40 {
    margin-top: -67px;
    margin-left: -123px;
}

.world--map--rn .dot > div.dot--41 {
    margin-top: -91x;
    margin-left: 405px;
}

.world--map--rn .dot > div.dot--42 {
    margin-top: -115px;
    margin-left: 418px;
}

.world--map--rn .dot > div.dot--43 {
    margin-top: -66px;
    margin-left: 249px;
}

.world--map--rn .dot > div.dot--44 {
    margin-top: -54px;
    margin-left: 237px;
}

.world--map--rn .dot > div.dot--45 {
    margin-top: -66px;
    margin-left: 369px;
}

.world--map--rn .dot > div.dot--46 {
    margin-top: -42px;
    margin-left: 370px;
}

.world--map--rn .dot > div.dot--47 {
    margin-top: -54px;
    margin-left: 357px;
}

.world--map--rn .dot > div.dot--48 {
    margin-top: -77px;
    margin-left: 345px;
}

.world--map--rn .dot > div.dot--49 {
    margin-top: -80px;
    margin-left: -100px;
}

.world--map--rn .dot > div.dot--50 {
    margin-top: -80px;
    margin-left: -100px;
}

.world--map--rn .dot > div.dot--51 {
    margin-top: -42px;
    margin-left: 249px;
}

.world--map--rn .dot > div.dot--52 {
    margin-top: -54px;
    margin-left: 261px;
}





/** 메인용 핀포인트 **/
.world--map--rn.main--type .dot > div.dot--1{margin-top: -237px;margin-left: -350px;}
.world--map--rn.main--type .dot > div.dot--2{margin-top: -242px;margin-left: -354px;}
.world--map--rn.main--type .dot > div.dot--3{margin-top: -232px;margin-left: -368px;}
.world--map--rn.main--type .dot > div.dot--4{margin-top: -242px;margin-left: -365px;}
.world--map--rn.main--type .dot > div.dot--5{margin-top: -163px;margin-left: -53px;}
.world--map--rn.main--type .dot > div.dot--6{margin-top: -153px;margin-left: -42px;}
.world--map--rn.main--type .dot > div.dot--7{margin-top: -183px;margin-left: -33px;}
.world--map--rn.main--type .dot > div.dot--8{margin-top: -143px;margin-left: -30px;}
.world--map--rn.main--type .dot > div.dot--9{margin-top: -212px;margin-left: 54px;}
.world--map--rn.main--type .dot > div.dot--10{margin-top: -192px;margin-left: 38px;}
.world--map--rn.main--type .dot > div.dot--11{margin-top: -192px;margin-left: 92px;}
.world--map--rn.main--type .dot > div.dot--12{margin-top: -182px;margin-left: 78px;}
.world--map--rn.main--type .dot > div.dot--13{margin-top: -64px;margin-left: 620px;}
.world--map--rn.main--type .dot > div.dot--14{margin-top: -64px;margin-left: 605px;}
.world--map--rn.main--type .dot > div.dot--15{margin-top: -48px;margin-left: 620px;}
.world--map--rn.main--type .dot > div.dot--16{margin-top: -28px;margin-left: 620px;}
.world--map--rn.main--type .dot > div.dot--17{margin-top: 13px;margin-left: 617px;}
.world--map--rn.main--type .dot > div.dot--18{margin-top: -177px;margin-left: 509px;}
.world--map--rn.main--type .dot > div.dot--19{margin-top: -191px;margin-left: 509px;}
.world--map--rn.main--type .dot > div.dot--20{margin-top: -177px;margin-left: 537px;}
.world--map--rn.main--type .dot > div.dot--21{margin-top: -166px;margin-left: 563px;}
.world--map--rn.main--type .dot > div.dot--22{margin-top: -254px;margin-left: -67px;}
.world--map--rn.main--type .dot > div.dot--23{margin-top: -230px;margin-left: -67px;}
.world--map--rn.main--type .dot > div.dot--24{margin-top: -237px;margin-left: -51px;}
.world--map--rn.main--type .dot > div.dot--25{margin-top: -240px;margin-left: -310px;}
.world--map--rn.main--type .dot > div.dot--26{margin-top: -247px;margin-left: -290px;}
.world--map--rn.main--type .dot > div.dot--27{margin-top: -246px;margin-left: -280px;}
.world--map--rn.main--type .dot > div.dot--28{margin-top: -240px;margin-left: -288px;}
.world--map--rn.main--type .dot > div.dot--29{margin-top: -229px;margin-left: -288px;}
.world--map--rn.main--type .dot > div.dot--30{margin-top: -178px;margin-left: -325px;}
.world--map--rn.main--type .dot > div.dot--31{margin-top: -148px;margin-left: -342px;}
.world--map--rn.main--type .dot > div.dot--32{margin-top: -138px;margin-left: -353px;}
.world--map--rn.main--type .dot > div.dot--33{margin-top: -129px;margin-left: -343px;}
.world--map--rn.main--type .dot > div.dot--34{margin-top: -119px;margin-left: -324px;}
.world--map--rn.main--type .dot > div.dot--35{margin-top: -129px;margin-left: -282px;}
.world--map--rn.main--type .dot > div.dot--36{margin-top: -109px;margin-left: -299px;}
.world--map--rn.main--type .dot > div.dot--37{margin-top: -119px;margin-left: -291px;}
.world--map--rn.main--type .dot > div.dot--38{margin-top: -136px;margin-left: -261px;}
.world--map--rn.main--type .dot > div.dot--39{margin-top: -137px;margin-left: -214px;}
.world--map--rn.main--type .dot > div.dot--40{margin-top: -123px;margin-left: -193px;}
.world--map--rn.main--type .dot > div.dot--41{margin-top: -96px;margin-left: 206px;}
.world--map--rn.main--type .dot > div.dot--42{margin-top: -96px;margin-left: 223px;}
.world--map--rn.main--type .dot > div.dot--43{margin-top: -73px;margin-left: -15px;}
.world--map--rn.main--type .dot > div.dot--44{margin-top: -63px;margin-left: 1px;}
.world--map--rn.main--type .dot > div.dot--45{margin-top: -72px;margin-left: 108px;}
.world--map--rn.main--type .dot > div.dot--46{margin-top: -47px;margin-left: 89px;}
.world--map--rn.main--type .dot > div.dot--47{margin-top: -64px;margin-left: 125px;}
.world--map--rn.main--type .dot > div.dot--48{margin-top: -63px;margin-left: 108px;}
.world--map--rn.main--type .dot > div.dot--49{margin-top: -155px;margin-left: 662px;}
.world--map--rn.main--type .dot > div.dot--50{margin-top: -65px;margin-left: 480px;}
.world--map--rn.main--type .dot > div.dot--51{margin-top: -47px;margin-left: 475px;}
.world--map--rn.main--type .dot > div.dot--52{margin-top: -55px;margin-left: 505px;}



.world--map--rn .dot > div.dot2-1{
    margin-top: -146px;
    margin-left: -649px;
}
.world--map--rn .dot > div.dot2-2{
    margin-top: -154px;
    margin-left: -627px;
}
.world--map--rn .dot > div.dot2-3{
    margin-top: -161px;
    margin-left: -604px;
}
.world--map--rn .dot > div.dot2-4{
    margin-top: -138px;
    margin-left: -576px;
}
.world--map--rn .dot > div.dot2-5{
    margin-top: -161px;
    margin-left: -558px;
}
.world--map--rn .dot > div.dot2-6{
    margin-top: -154px;
    margin-left: -532px;
}
.world--map--rn .dot > div.dot2-7{
    margin-top: -168px;
    margin-left: -521px;
}
.world--map--rn .dot > div.dot2-8{
    margin-top: -176px;
    margin-left: -501px;
}
.world--map--rn .dot > div.dot2-9{
    margin-top: -161px;
    margin-left: -479px;
}
.world--map--rn .dot > div.dot2-10{
    margin-top: -198px;
    margin-left: -456px;
}
.world--map--rn .dot > div.dot2-11{
    margin-top: -183px;
    margin-left: -435px;
}


.world--map--rn .dot > div.dot2-38{
    margin-top: -202px;
    margin-left: -495px;
}
.world--map--rn .dot > div.dot2-39{
    margin-top: -164px;
    margin-left: -435px;
}
.world--map--rn .dot > div.dot2-40{
    margin-top: -173px;
    margin-left: -455px;
}


.world--map--rn .dot > div.dot2-12{
    margin-top: -76px;
    margin-left: -276px;
}
.world--map--rn .dot > div.dot2-13{
    margin-top: -67px;
    margin-left: -262px;
}
.world--map--rn .dot > div.dot2-14{
    margin-top: -67px;
    margin-left: -244px;
}
.world--map--rn .dot > div.dot2-15{
    margin-top: -86px;
    margin-left: -239px;
}
.world--map--rn .dot > div.dot2-16{
    margin-top: -145px;
    margin-left: -188px;
}
.world--map--rn .dot > div.dot2-17{
    margin-top: -95px;
    margin-left: -185px;
}

.world--map--rn .dot > div.dot2-18{
    margin-top: -121px;
    margin-left: -178px;
}

.world--map--rn .dot > div.dot2-19{
    margin-top: -47px;
    margin-left: -150px;
}

.world--map--rn .dot > div.dot2-20{
    margin-top: -138px;
    margin-left: -141px;
}

.world--map--rn .dot > div.dot2-21{
    margin-top: -139px;
    margin-left: -126px;
    z-index: 9;
}

.world--map--rn .dot > div.dot2-22{
    margin-top: -154px;
    margin-left: -125px;
}

.world--map--rn .dot > div.dot2-23{
    margin-top: -146px;
    margin-left: -109px;
}
.world--map--rn .dot > div.dot2-24{
    margin-top: -146px;
    margin-left: -92px;
}


.world--map--rn .dot > div.dot2-25{
    margin-top: -138px;
    margin-left: 349px;
}
.world--map--rn .dot > div.dot2-26{
    margin-top: -121px;
    margin-left: 373px;
}
.world--map--rn .dot > div.dot2-37{
    margin-top: -112px;
    margin-left: 394px;
}
.world--map--rn .dot > div.dot2-27{
    margin-top: -146px;
    margin-left: 411px;
}


.world--map--rn .dot > div.dot2-28{
    margin-top: -95px;
    margin-left: 437px;
}
.world--map--rn .dot > div.dot2-29{
    margin-top: -95px;
    margin-left: 453px;
}
.world--map--rn .dot > div.dot2-30{
    margin-top: -129px;
    margin-left: 467px;
}
.world--map--rn .dot > div.dot2-31{
    margin-top: -154px;
    margin-left: 501px;
}
.world--map--rn .dot > div.dot2-32{
    margin-top: -113px;
    margin-left: 527px;
}
.world--map--rn .dot > div.dot2-33{
    margin-top: -138px;
    margin-left: 543px;
}
.world--map--rn .dot > div.dot2-34{
    margin-top: -146px;
    margin-left: 553px;
}
.world--map--rn .dot > div.dot2-35{
    margin-top: -162px;
    margin-left: 559px;
}
.world--map--rn .dot > div.dot2-36{
    margin-top: -169px;
    margin-left: 569px;
}




.loc--list--content{
    margin-top:50px;
}
.loc--list--content > div{
    display:flex;
    margin-bottom:20px;
}
.loc--list--content > div:last-child{
    margin-bottom:0px;
}
.loc--list--content > div > span:nth-of-type(1){
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 100%;
    display: flex;
    align-items: center;
    color: #444444;
    width:102px;
}
.loc--list--content > div > span:nth-of-type(2){
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 100%;
    display: flex;
    align-items: center;
    color: #646F8D;
}
.loc--list--content > div:before{
    content:'';
    display:block;
    width:30px;
    height:30px;
    border-radius:30px;
    overflow:hidden;
    margin-right:13px;
}
.loc--list--content > div:nth-of-type(1):before{
    background:url(../img/flag01.png) no-repeat center;
}
.loc--list--content > div:nth-of-type(2):before{
    background:url(../img/flag02.png) no-repeat center;
}
.loc--list--content > div.vietnam:nth-of-type(2):before{
    background:url(../img/flag08.png) no-repeat center;
}
.loc--list--content > div:nth-of-type(3):before{
    background:url(../img/flag03.png) no-repeat center;
}
.loc--list--content > div:nth-of-type(4):before{
    background:url(../img/flag04.png) no-repeat center;
}
.loc--list--content > div:nth-of-type(5):before{
    background:url(../img/flag05.png) no-repeat center;
}
.loc--list--content > div:nth-of-type(6):before{
    background:url(../img/flag06.png) no-repeat center;
}

.loc--list--content > div:nth-of-type(7):before{
    background:url(../img/flag_egypt.png) no-repeat center;
}


.locations--china .loc--list--content > div:nth-of-type(1):before{
    background:url(../img/flag07.png) no-repeat center;
}

.locations--america .loc--list--content > div:nth-of-type(1):before{
    background:url(../img/flag11.png) no-repeat center;
}

.locations--america .loc--list--content > div:nth-of-type(2):before{
    background:url(../img/flag12.png) no-repeat center;
}

.locations--korea .loc--list--content > div:nth-of-type(1):before{
    background:url(../img/flag10.png) no-repeat center;
}

.locations--africa .loc--list--content > div:nth-of-type(1):before{
    background:url(../img/flag09.png) no-repeat center;
}

.location--s--eastasia .loc--list--content > div:nth-of-type(1):before{
    background:url(../img/flag08.png) no-repeat center;
}


.loc--list--content > ul{
    display:flex;
    margin-bottom:20px;
    flex-direction: column;
}
.loc--list--content > ul:last-child{
    margin-bottom:0px;
}
.loc--list--content > ul > li{
    display:flex!important;
}
.loc--list--content > ul > li span{
    text-transform: capitalize!important;
}
.loc--list--content > ul > li span:nth-of-type(1){
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    display: flex;
    align-items: center;
    color: #479CF7;
    width:60px;
    min-width:60px;
}
.loc--list--content > ul > li span:nth-of-type(2){
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    display: flex;
    align-items: center;
    color: #646F8D;
}
.loc--list--content > ul > li:after{
    display:none!important;
}

.dn--chart{
    height:320px;
    width:320px;
    position:relative;
    z-index: 2;
}

.ml--60{
    margin-left:60px;
}

.pactra--portfolio--wrap{
    width:100%;
    height:100%;
    background:url(../img/earth_bg.png) no-repeat right bottom;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
}

.pactra--portfolio--wrap .header--depth{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    margin-bottom:50px;
}
.pactra--portfolio--wrap .header--depth > h2{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 50px;
    line-height: 100%;
    display: flex;
    align-items: center;
    color: #000000;
    margin-bottom:35px;
}
.pactra--portfolio--wrap .header--depth > p{
    font-weight: 400;
    font-size: 19px;
    line-height: 35px;
    display: flex;
    align-items: center;
    letter-spacing: -0.03em;
    color: #555555;
}

.pactra--portfolio--wrap .body--depth{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
}
.pactra--portfolio--wrap .body--depth > div{
    display:flex;
    align-items:center;
    justify-content:center;
}
.pactra--portfolio--wrap .body--depth .chart--1{
    max-width:535px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-wrap:wrap;
}
.pactra--portfolio--wrap .body--depth .chart--1 > div{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
    width:145px;
    height:145px;
    box-sizing: border-box;
    border-radius:145px;
    margin-right:50px;
    border: 10px solid rgba(71, 156, 247, 0.1);
    flex-wrap: wrap;
    margin-bottom:30px;
}

.pactra--portfolio--wrap .body--depth .chart--1 > div:nth-of-type(3n){
    margin-right:0px;
}

.pactra--portfolio--wrap .body--depth .chart--1 > div h2{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #999999;
    margin-bottom:15px;
}
.pactra--portfolio--wrap .body--depth .chart--1 > div > div{
    font-family: 'Montserrat';
    font-style: normal;
    line-height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.02em;
    color: #7C8EA2;
    font-weight: 700;
    font-size: 40px;
    color: #7C8EA2;
}

.pactra--portfolio--wrap .body--depth .chart--1 > div > div.ty2{
    font-size: 30px;
}

.pactra--portfolio--wrap .body--depth .chart--2 > div{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.pactra--portfolio--wrap .body--depth .chart--2 > div > div{
    position:relative;
    width:320px;
    height:320px;
}
.pactra--portfolio--wrap .body--depth .chart--2 > div > div .dt--info--wrap{
    position:absolute;
    top:0px;
    left:0px;
    width:320px;
    height:320px;
    border-radius:320px;
    overflow:hidden;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
    z-index: 1;
}

.pactra--portfolio--wrap .body--depth .chart--2 > div > div .dt--info--wrap .thumb{
    width:60px;
    height:60px;
    margin-bottom:20px;
}
.pactra--portfolio--wrap .body--depth .chart--2 > div > div:nth-of-type(1) .dt--info--wrap .thumb{
    background:url(../img/air_plan_ic.svg) no-repeat center;
}
.pactra--portfolio--wrap .body--depth .chart--2 > div > div:nth-of-type(2) .dt--info--wrap .thumb{
    background:url(../img/ship_ic.svg) no-repeat center;
}
.pactra--portfolio--wrap .body--depth .chart--2 > div > div .dt--info--wrap > span{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.02em;
    color: #479CF7;
}
.pactra--portfolio--wrap .body--depth .chart--2 > div > div .dt--info--wrap > p{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.02em;
    color: #8A9AAB;
    margin-top:25px;
}


.detail--info--rn{
    width:100%;
    margin:0 auto;
    margin-top:70px;
    padding-bottom:70px;
}
.detail--info--rn .tab{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:50px;
}
.detail--info--rn .tab > div{
    width:calc(100% / 4);
    height:65px;
    border:1px solid #E6E6E6;
    border-bottom:1px solid #479CF7;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:-1px;
    position:relative;
    z-index: 1;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    text-transform: capitalize;

    color: #333333;
}
.detail--info--rn .tab > div.actv{
    z-index: 2;
    border-color:#479CF7;
    color: #479CF7;
    font-weight: 600;
    border-bottom:1px solid #fff!important;
}


.tab--detail--banner{
    width:100%;
    height:350px;
    background:url(../img/samp_ban.jpg) no-repeat center;
    background-size: cover!important;
    background-attachment: fixed!important;
}

.logban--01{
    margin-top:25px!important;
}
.logban--01 .tab--detail--banner{ background:url(../img/lognet_ban01.jpg) no-repeat center; }
.logban--02 .tab--detail--banner{ background:url(../img/lognet_ban02.jpg) no-repeat center; }
.logban--03 .tab--detail--banner{ background:url(../img/lognet_ban03.jpg) no-repeat center; }
.logban--04 .tab--detail--banner{ background:url(../img/lognet_ban04.jpg) no-repeat center; }

.detail--info--rn .tab--items{
    margin:0 auto;
    margin-top:80px;
    width:100%;
    max-width:1440px;
}

.detail--info--rn .tab--items > div{
    width:100%;
}
.detail--info--rn .tab--items > div .map--is{
    width:500px;
    height:600px;
    margin-right:85px;
    background-size: 440px!important;
}

.detail--info--rn .tab--items > div .map--is.korea{background:url(../img/lg_map_01.jpg) no-repeat left top;}
.detail--info--rn .tab--items > div .map--is.america{background:url(../img/lg_map_02.jpg) no-repeat left top;}
.detail--info--rn .tab--items > div .map--is.mexico{background:url(../img/lg_map_02-1.jpg) no-repeat left top;}
.detail--info--rn .tab--items > div .map--is.china{background:url(../img/lg_map_03.jpg) no-repeat left top;}
.detail--info--rn .tab--items > div .map--is.vietnam{background:url(../img/lg_map_03-1.jpg) no-repeat left top;}
.detail--info--rn .tab--items > div .map--is.germany{background:url(../img/lg_map_04.jpg) no-repeat left top;}
.detail--info--rn .tab--items > div .map--is.austria{background:url(../img/lg_map_05.jpg) no-repeat left top;}
.detail--info--rn .tab--items > div .map--is.hungary{background:url(../img/lg_map_06.jpg) no-repeat left top;}
.detail--info--rn .tab--items > div .map--is.slovakia{background:url(../img/lg_map_07.jpg) no-repeat left top;}
.detail--info--rn .tab--items > div .map--is.czech{background:url(../img/lg_map_08.jpg) no-repeat left top;}
.detail--info--rn .tab--items > div .map--is.poland{background:url(../img/lg_map_09.jpg) no-repeat left top;}



.detail--info--rn .tab--items > div {
    display:none;
    align-items:flex-start;
    justify-content:flex-start;
}
.detail--info--rn .tab--items > div:nth-of-type(1){
    display:flex;
}
.detail--info--rn .tab--items > div .location--list--wrap .flag{
    width:45px;
    height:45px;
    min-width:45px;
    margin-right:18px;
}
.detail--info--rn .tab--items > div .location--list--wrap .flag.korea{background:url(../img/falg_korea.png) no-repeat center;}
.detail--info--rn .tab--items > div .location--list--wrap .flag.america{background:url(../img/flag_america.png) no-repeat center;}
.detail--info--rn .tab--items > div .location--list--wrap .flag.mexico{background:url(../img/flag_mexico.png) no-repeat center;}
.detail--info--rn .tab--items > div .location--list--wrap .flag.china{background:url(../img/flag_china.png) no-repeat center;}
.detail--info--rn .tab--items > div .location--list--wrap .flag.vietnam{background:url(../img/flag_vietnam.png) no-repeat center;}

.detail--info--rn .tab--items > div .location--list--wrap .flag.germany{background:url(../img/flag_germany.png) no-repeat center;}
.detail--info--rn .tab--items > div .location--list--wrap .flag.austria{background:url(../img/flag_austria.png) no-repeat center;}
.detail--info--rn .tab--items > div .location--list--wrap .flag.hungary{background:url(../img/flag_hungary.png) no-repeat center;}
.detail--info--rn .tab--items > div .location--list--wrap .flag.slovakia{background:url(../img/flag_slovakia.png) no-repeat center;}
.detail--info--rn .tab--items > div .location--list--wrap .flag.czech{background:url(../img/flag_czech.png) no-repeat center;}
.detail--info--rn .tab--items > div .location--list--wrap .flag.poland{background:url(../img/flag_poland.png) no-repeat center;}
.detail--info--rn .tab--items > div .location--list--wrap .flag.egypt{background:url(../img/flag_egypt.png) no-repeat center;}


.detail--info--rn .tab--items > div .location--list--wrap .head--ct{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding-top:25px;
}

.detail--info--rn .tab--items > div .location--list--wrap .head--ct .m--title{
    font-weight: 700;
    font-size: 35px;
    line-height: 100%;
    text-transform: capitalize;
    color: #111111;
    white-space: nowrap;
}
.detail--info--rn .tab--items > div .location--list--wrap .head--ct .s--title{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 100%;
    text-transform: capitalize;
    color: #555555;
    margin-left:10px;
    white-space: nowrap;
}
.detail--info--rn .tab--items > div .location--list--wrap .body--ct{
    margin-top:85px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-wrap: wrap;
    width:100%;
}
.detail--info--rn .tab--items > div .location--list--wrap .body--ct ul{
    list-style: none;
    padding:0px;
    margin:0px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    width:50%;
    margin-right:-1px;
}
.detail--info--rn .tab--items > div .location--list--wrap .body--ct ul.vert--contents,
.detail--info--rn .tab--items > div .location--list--wrap .body--ct ul.line--ul{
    width:100%;
}


.detail--info--rn .tab--items > div .location--list--wrap .body--ct ul li{
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    width:100%;
    height:285px;
    border: 1px solid #EEE;
    padding-left:35px;
    box-sizing: border-box;
    margin-bottom:-1px;
    margin-right:-1px;
}


.detail--info--rn .tab--items > div .location--list--wrap .body--ct ul li.spacer--vert{
    height:1px;
    background:#eee;
    border:0px;
    margin:25px 0px;
}

.detail--info--rn .tab--items > div .location--list--wrap .body--ct ul li.service--wrap{
    height:136px;
    background: #FAFCFF;
    display:flex;
    justify-content:flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 20px 0px;
    padding-left:35px;
}

.detail--info--rn .tab--items > div .location--list--wrap .body--ct ul li.service--wrap.ty2{
    background: #FFFAFA;
}

.detail--info--rn .tab--items > div .location--list--wrap .body--ct ul li.service--wrap span{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    width:136px;
    padding-left:21px;
    box-sizing: border-box;
    position:relative;
    color:#777;
}

.detail--info--rn .tab--items > div .location--list--wrap .body--ct ul li.service--wrap span.actv{
    color:#479CF7;
}

.detail--info--rn .tab--items > div .location--list--wrap .body--ct ul li.service--wrap.ty2 span.actv{
    color: #F74747;
}

.detail--info--rn .tab--items > div .location--list--wrap .body--ct ul li.service--wrap span:before{
    content:'';
    display:block;
    width:11px;
    height:11px;
    border-radius:11px;
    background:#D9D9D9;
    position:absolute;
    top:50%;
    left:0px;
    transform: translateY(-50%);
}

.detail--info--rn .tab--items > div .location--list--wrap .body--ct ul li.service--wrap span.actv:before{
    background:#479CF7;
}


.detail--info--rn .tab--items > div .location--list--wrap .body--ct ul li.service--wrap.ty2 span.actv:before{
    background:#F74747;
}

.detail--info--rn .tab--items > div .location--list--wrap .body--ct ul li.service--wrap span:nth-of-type(2n){
    width:calc(100% - 200px);
}

.detail--info--rn .tab--items > div .location--list--wrap .body--ct ul.vert--contents li{
    width:100%;
}

.detail--info--rn .tab--items > div .location--list--wrap .body--ct ul li > h2{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    text-transform: capitalize;
    color: #333333;
    margin-top:35px;
    margin-bottom:20px;
}

.detail--info--rn .tab--items > div .location--list--wrap .body--ct ul li > .law--title{
    margin-bottom:25px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    text-transform: capitalize;
    color: #479CF7;
}

.detail--info--rn .tab--items > div .location--list--wrap .body--ct ul li > .law--title.ty2{
    color: #F74747;
}

.detail--info--rn .tab--items > div .location--list--wrap .body--ct ul li > p{
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    color: #555555;
    margin-bottom:15px;
    position:relative;
    padding-left:34px;
    text-transform:lowercase;
}

.detail--info--rn .tab--items > div .location--list--wrap .body--ct ul li > p:nth-of-type(1){
    text-transform: capitalize;
}

.detail--info--rn .tab--items > div .location--list--wrap .body--ct ul li > p:before{
    position:absolute;
    top:3px;
    left:0px;
}
.detail--info--rn .tab--items > div .location--list--wrap .body--ct ul li > p:nth-of-type(1):before{
    content:'';
    display:block;
    width:18px;
    height:18px;
    background:url(../img/box_ic01.svg) no-repeat center;
}
.detail--info--rn .tab--items > div .location--list--wrap .body--ct ul li > p:nth-of-type(2):before{
    content:'';
    display:block;
    width:18px;
    height:18px;
    background:url(../img/box_ic02.svg) no-repeat center;
}
.detail--info--rn .tab--items > div .location--list--wrap .body--ct ul li > p:nth-of-type(3):before{
    content:'';
    display:block;
    width:18px;
    height:18px;
    background:url(../img/box_ic03.svg) no-repeat center;
}


.detail--info--rn .tab--items > div .location--list--wrap .tab{
    width:100%;
    display:flex;

}
.detail--info--rn .tab--items > div .location--list--wrap .tab > div{
    width:100%;
    cursor: pointer;
}


.map--glp{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    margin-top:100px;
}
.map--glp iframe{
    border:0px;
}

.abt--prev--btn{
    width:70px;
    height:70px;
    background:url(../img/arrow_left.png) no-repeat center;
    position:absolute;
    bottom:50px;
    left:15%;
    z-index: 99;
    cursor:pointer;
}
.abt--next--btn{
    width:70px;
    height:70px;
    background:url(../img/arrow_right.png) no-repeat center;
    position:absolute;
    bottom:50px;
    right:15%;
    z-index: 99;
    cursor:pointer;
}

.flex--box--info{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    margin-top:40px;
}

.flex--box--info > h2{
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    display: flex;
    align-items: center;
    letter-spacing: 0.02em;
    color: #479CF7;
    margin-bottom:25px;
}

.flex--box--info .grid--icon--box{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.flex--box--info .grid--icon--box > div{
    height:120px;
    margin-right:25px;
    width:calc( (100% - 100px) / 5);
    background:url(../img/grid_bg.png) no-repeat center;
    background-size: cover;
    border-radius: 15px;
    position:relative;
}
.flex--box--info .grid--icon--box > div:last-child{
    margin-right:0px;
}
.flex--box--info .grid--icon--box > div > h2{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 100%;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    position:absolute;
    top:22px;
    left:25px;
    margin:0px;
}
.flex--box--info .grid--icon--box > div .icon{
    width:80px;
    height:80px;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    right:25px;
}
.flex--box--info .grid--icon--box > div .icon.ic--01{
    background:url(../img/grd_ic01.svg) no-repeat center;
}
.flex--box--info .grid--icon--box > div .icon.ic--02{
    background:url(../img/grd_ic02.svg) no-repeat center;
}
.flex--box--info .grid--icon--box > div .icon.ic--03{
    background:url(../img/grd_ic03.svg) no-repeat center;
}
.flex--box--info .grid--icon--box > div .icon.ic--04{
    background:url(../img/grd_ic04.svg) no-repeat center;
}
.flex--box--info .grid--icon--box > div .icon.ic--05{
    background:url(../img/grd_ic05.svg) no-repeat center;
}



.inner--tab{
    position:relative;
}
.inner--tab .tab{
    width:100%;
    display:flex;
    align-items: center;
    justify-content:flex-start;
}
.inner--tab .unit{
    position:absolute;
    top:20px;
    right:0px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    text-align: right;
    letter-spacing: -0.02em;
    color: #000000;
}
.inner--tab .tab > div{
    min-width:250px;
    max-width:250px;
    height:60px!important;
    border-radius:60px!important;

    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    background: #D0D5DB;
    margin-right:20px;
    cursor:pointer;

}
.inner--tab .tab > div.actv{
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    letter-spacing: -0.02em;
    background: #479CF7;
    color:#fff;
}


.inner--tab--items > div{
    padding-top:35px;
    padding-bottom:35px;
    display:none;
    position:relative;
}
.inner--tab--items > div:nth-of-type(1){
    display:block;
}
.inner--tab--items > div > table{
    width:100%;
}
.inner--tab--items > div > table th{
    background: #F9F9F9;
    border: 1px solid #E6E6E6;
    text-align: center;
    height:45px;
    border-top:1px solid #999;
}
.inner--tab--items > div > table th:nth-of-type(1){
    border-left:0px!important;
}

.inner--tab--items > div > table td{
    text-align: center;
    border: 1px solid #E6E6E6;
    height:45px;
}
.inner--tab--items > div > table th:last-child,
.inner--tab--items > div > table td:last-child{
    border-right:0px;
}



.service--rn--swiper--wrap{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index: 1;
}
.service--rn--swiper--wrap .desc--wrap{
    display:none;
}
.service--rn--swiper--wrap .swiper-slide img.mo{
    display:none;
}

.global--map img{
    width:100%;
    /*max-width:100%;*/
    height:100vh;
    object-fit: cover;
}

.service--rn--swiper--wrap .pager--hv{
    position:absolute;
    bottom:15px;
    left:50%;
    transform: translateX(-50%);
    z-index: 99;
    padding:5px 3px;
    border-radius:50px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(0,0,0,.5);
}

.service--rn--swiper--wrap .pager--hv span{
    width:15px;
    height:15px;
    background:#fff;
    margin:0 5px;
}


/** 2022-07-08 히스토리 **/
.history--scroll--wrap{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    display:flex;
    align-items: stretch;
    justify-content:flex-start;
    height:100%;
    position:relative;
    padding-bottom:170px;
}
.history--scroll--wrap .left--section{
    max-width:720px;
    min-width:720px;
    width:100%;
    height:364px;
}
.sect--contents--wrapper{
    max-width:720px;
    min-width:720px;
    width:100%;
    height:364px;
    background: #FFFFFF;
    box-shadow: 0px 16px 40px rgba(112, 144, 176, 0.2);
    border-radius: 30px;
    overflow:hidden;
    padding:55px 50px;
    position:relative;
}
.sect--contents--wrapper.actv{
    position:fixed;
    top:160px;
}
.sect--contents--wrapper.abs{
    position:absolute!important;
    top:auto;
    bottom:120px!important;
}



.history--scroll--wrap .left--section .sect--contents{
    position:relative;
}
.history--scroll--wrap .left--section .sect--contents > div{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    opacity: 0;
    transition: all .3s linear;
}
.history--scroll--wrap .left--section .sect--contents > div.actv{
    opacity: 1;
}
.history--scroll--wrap .left--section .sect--contents > div > h3{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 100%;
    /*text-transform: uppercase;*/
    color: #479CF7;
    padding:0px;
    margin:0px;
}
.history--scroll--wrap .left--section .sect--contents > div > h2{
    padding:0px;
    margin:0px;
    font-weight: 700;
    font-size: 40px;
    line-height: 100%;
    /*text-transform: uppercase;*/
    color: #111111;
    margin-top:35px;
    margin-bottom:40px;
}
.history--scroll--wrap .left--section .sect--contents > div > p{
    padding:0px;
    margin:0px;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    text-transform: uppercase;
    color: #666666;
}

.history--scroll--wrap .left--section  .tab--items{
    position:absolute;
    bottom:50px;
    left:50px;
    display:flex;
    align-items: center;
    justify-content:flex-start;
    width:100%;
}

.history--scroll--wrap .left--section  .tab--items > div{
    width:115px;
    height:40px;
    border-radius:40px;
    background:#F9F9F9;
    display:flex;
    align-items: center;
    justify-content:center;
    margin-right:12px;
    cursor: pointer;


    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #777777;
}

.history--scroll--wrap .left--section  .tab--items > div.actv{
    background:#479CF7;
    color:#fff;
}


.history--scroll--wrap .right--section{
    margin-left:200px;
}
.history--scroll--wrap .right--section .history--detail--contents{
    position:relative;
    padding-top:15px;
}
.history--scroll--wrap .right--section .history--detail--contents:before{
    content:'';
    display:block;
    width:1px;
    height:calc(100% - 50px);
    position:absolute;
    left:4px;
    top:25px;
    background: #F1F1F1;
}
.history--scroll--wrap .right--section .history--detail--contents > h2{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 100%;
    color: #479CF7;
    padding:0px;
    margin:0px;
    margin-bottom:40px;
    margin-top:60px;
    padding-left:25px;
    position:relative;
}

.history--scroll--wrap .right--section .history--detail--contents > h2:before{
    content:'';
    display:block;
    width:9px;
    height:9px;
    border-radius: 9px;
    background: #479CF7;
    position:absolute;
    top:8px;
    left:0px;
}
.history--scroll--wrap .right--section .history--detail--contents > h2:nth-of-type(1){
    margin-top:0px;
}
.history--scroll--wrap .right--section .history--detail--contents > div{
    display:flex;
    align-items: flex-start;
    justify-content:flex-start;
    margin-bottom:30px;
}
.history--scroll--wrap .right--section .history--detail--contents > div > span{
    padding-left:25px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 28px;
    color: #444444;
    margin-right:50px;
    position:relative;
}

.history--scroll--wrap .right--section .history--detail--contents > div > span:before{
    content:'';
    display:block;
    width:9px;
    height:9px;
    border-radius: 9px;
    background: #F1F1F1;
    position:absolute;
    top:10px;
    left:0px;
}

.history--scroll--wrap .right--section .history--detail--contents > div > ul{
    padding:0px;
    list-style: none;
}

.history--scroll--wrap .right--section .history--detail--contents > div > ul > li{
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    color: #555555;
}


.auth--in--contents{
    width:100%;
    background: #FFFFFF;
    box-shadow: 0px 16px 40px rgba(112, 144, 176, 0.2);
    border-radius: 20px;
    margin-top:90px;
    margin-bottom:150px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.auth--in--contents > div{
    width:170px;
    height:135px;
    margin:0 35px;
}
.auth--in--contents > div:nth-of-type(1){
    background:url(../img/auth_int01.png) no-repeat center;
}
.auth--in--contents > div:nth-of-type(2){
    background:url(../img/auth_int02.png) no-repeat center;
}
.auth--in--contents > div:nth-of-type(3){
    background:url(../img/auth_int03.png) no-repeat center;
}
.auth--in--contents > div:nth-of-type(4){
    background:url(../img/auth_int04.png) no-repeat center;
}



.btn-more a{
    width:260px!important;
}



.main--slide--container{
    z-index: 9!important;
}


.touch--swipe--img{
    cursor: pointer;
    position:absolute;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
    background:url(../img/touch_swipe.png) no-repeat center;
    background-size: 302px;
    display:none;
}
.touch--swipe--img--e{
    cursor: pointer;
    position:absolute;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
    background:url(../img/touch_swipe_eng.png) no-repeat center;
    background-size: 302px;
    display:none;
}

@media screen and (max-width:640px){
    .touch--swipe--img{
        display:block;
    }
    .touch--swipe--img--e{
        display:block;
    }
}


.table--data--wrap{
    position:relative;
}



/**********************************************
 * 2022-10-13 tracing 메뉴 추가
 */

.tracing--wrap{
    position:fixed;
    right:237px;
    z-index: 9;
    width: 90px;
    height: 30px;
    top: 40px;
    background: #989EA3;
    border-radius: 50px;
    display:flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.tracing--wrap:hover{
    background: #0072B9;
}
.tracing--wrap a{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 100%;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    display:flex;
    align-items: center;
    justify-content:center;
}


.earth--ic{
    display:inline-flex;
    min-width:15px;
    width:15px;
    height:15px;
    background:url(../img/earth_ic.svg) no-repeat center;
    background-size: contain!important;
    margin-left:3px;
}