.wrap{position:relative; overflow:hidden }
.wrap.lock {
    position: fixed;
    width: 100%;
    height: 100%;
}

/*[ 상단 ]
///////////////////////////////////////////////////////////
*/
 
#header{position:relative; width:100%;z-index:11; transition:all .5s;}
#header .center{position:relative;}
#header .logo{float:left; font-size:1em;}
#header .logo a{display:block;width:215px;height:30px;text-indent:-99999px;overflow:hidden;background:url('/content/img/logo.svg') center no-repeat;-webkit-background-size:cover;background-size:cover;}
#header .gnb_wrap{position:relative;  }
#header .gnb_wrap:before{position:absolute;bottom:0;left:100%;display:block;content:'';width:1000px;height:1px;background:rgba(204,204,204,0.2);}
#header .gnb_wrap:after{position:absolute;bottom:0;right:100%;display:block;content:'';width:1000px;height:1px;background:rgba(204,204,204,0.2);}
#header .gnb>li{position:relative;float:left; min-width:200px }
#header .gnb>li>a{position:relative;display:block;font-size:18px; height:6.25em;line-height:6.25;border-bottom:1px solid rgba(204,204,204,0.2);color:#000;font-weight:500;text-align:center;padding:0 40px }
#header.active{position:fixed}
#header.active .gnb>li:hover>a,
#header.active .gnb li.active>a{color: var(--pointcolor1)}
#header .gnb>li>a:before,
#header .gnb>li>a:before{position:absolute;bottom:-1px;left:50%;display:block;content:'';width:0;height:3px;background: var(--pointcolor1) ;transition:all .5s;}
#header .gnb>li.active>a:before,
#header .gnb>li:hover>a:before{left:0;width:100%;}
#header .gnb .depth2{position:absolute;top:100%;left:0;z-index:1;width:100%;height:0;margin:0;transition:padding .35s, height .35s;overflow:hidden;}
#header .gnb_wrap:hover .depth2{height:200px;padding:2em 0 0;}
#header .gnb>li .depth2:after{position:absolute;top:2.5em;right:0;display:block;content:'';width:1px;height:16em;background:#f5f5f5;}
#header .gnb>li:first-child .depth2:before{position:absolute;top:2.5em;left:0;display:block;content:'';width:1px;height:24em;background:#f5f5f5;}
#header .gnb>li:last-child .depth2:before{position:absolute;top:2.5em;left:0;display:block;content:'';width:1px;height:24em;background:#f5f5f5;}


#header .gnb>li .depth2>li:first-child{margin-top:-.5em;}
#header .gnb .depth2>li a{display:block;line-height:1.4;padding:.4em 3px;color:#444;font-size:15px;text-align:center;letter-spacing: -1;}
#header .gnb .depth2>li a:hover{color: var(--pointcolor1)}
#header .gnb .depth3{margin:-.2em 0 0;}
#header .gnb .depth3>li a{line-height:1.9;padding:0;color:#999;font-size:.9375em;}

#header .gnb_wrap .bg_box{position:absolute;top:100%;left:-500%;width:1000%;height:0;background: url('/content/img/bg_gnb.png') 0 100% repeat-x;
 
transition:height .35s;box-sizing:border-box;}
#header .gnb_wrap:hover .bg_box{height:250px;}

#header.active{background:#fff;transition:all .25s ease;}
#header.active .logo a{background:url('/content/img/logo.svg') center no-repeat;-webkit-background-size:contain;background-size:contain;}
#header.active .gnb>li>a{color:#222;}
#header.active .gnb .depth2{display:block;}

#header .select_lang{position:absolute;top:33px;right:115px;z-index:1; }
#header .select_lang>a{display:block;width:100%; color:#fff; border:1px #fff solid; font-size:0.8375em;  padding:7px 20px; border-radius:5px;text-align:left; /*background:url('../images/common/lang_arrow.png') no-repeat 83% 50%;*/;  }
#header .select_lang ul{display:none;}
#header .select_lang ul li a{display:block;line-height:2.1428;padding:0 1.4285em;color:#fff;font-size:0.8375em;   }
#header.active .select_lang,
#header .select_lang.active{background:#fff; border:1px #000 solid; border-radius:5px; }
#header .select_lang.active>a,
#header.active .select_lang>a{color:#000;/*background:url('../images/common/lang_arrow_on.png') no-repeat 83% 50%;*/; padding:6px 20px}
#header .select_lang.active ul{display:block;}
#header .select_lang.active ul li a{color:#000; padding-top:1px; padding-boittom:1px;}
#header .select_lang.active ul li a:hover{color:#000;}
#header .select_lang.active ul li a span{position:relative;}
#header .select_lang.active ul li a span:before{position:absolute;top:100%;width:100%;height:2px;display:none;content:'';background:#232c59;}
#header .select_lang.active ul li a:hover span:before{display:block;}

#header .it_solution_btn{position:absolute; top:33px; right:30px; }
#header .it_solution_btn a{  color: #fff; border: 1px #fff solid; font-size: 0.8375em; 	padding: 7px 20px; border-radius: 5px;  display: flex; justify-content: center; align-items: center; }

#header.active  .it_solution_btn a{color:#000; border:1px #000 solid; }

@media all and (max-width:1330px) {
	#header .gnb>li{  min-width:180px }
	#header .gnb>li>a{ padding:0 20px }
}

@media all and (max-width:1200px) {
	#header .gnb>li{  min-width:160px }
	#header .gnb>li>a{ padding:0 10px }
}



@media all and (max-width:1100px) {
 	#header .gnb>li{  min-width:150px }
	#header .gnb>li>a {
 		font-size: 16px;  
 	}	
	#header .gnb .depth2>li a {
 		font-size: 13px;
 	}	
	#header .logo a{ width:180px;height:25px; }
	
	
}
 
 
#m_header{display:none;}

@media all and (max-width:992px) {
 	#header .pc_header{ display:none;}
	#m_header{ display:block; border-bottom:1px #eee solid;}
}

#m_header{position:fixed;width:100%;height:60px;z-index:9;padding:0 15px;background:#fff;}
#m_header .logo{float:left;margin:20px 0 0;font-size:1em;}
#m_header .logo img{ }
#m_header .logo a{display:block; }

.mo_menu{position:absolute;top:25px;right:15px;width:1.25em;height:1.2em;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
.mo_menu span{position:absolute;display:block;height:3px;width:1.25em;background:var(--pointcolor1);opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.mo_menu span:nth-child(1){top:0px;}
.mo_menu span:nth-child(2),.mo_menu span:nth-child(3){top:.458334em;}
.mo_menu span:nth-child(4){top:.916667em;}
.mo_menu.open span:nth-child(1){top:.458334em;width:0%;left:50%;}
.mo_menu.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.mo_menu.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.mo_menu.open span:nth-child(4){top:.458334em;width:0%;left:50%;}

.side_menu_wrap{position:absolute;top:3.3334em;right:-100%;z-index:100;display:block;width:100%;height:calc(100% - 3.3334em);background:#fff;}
.side_menu_wrap .lang{display:flex;padding:0 4.6875%;background:#f5f5f5;}
.side_menu_wrap .lang a{display:block;width:33.3%;height:3.375em;line-height:3.375;color:#999;font-weight:300;text-align:center;}
.side_menu_wrap .lang a.active{position:relative;color:var(--pointcolor1);font-weight:normal;}
.side_menu_wrap .lang a.active:after{position:absolute;left:0;bottom:0;display:block;content:'';width:100%;height:.16667em;background:var(--pointcolor1);}
.side_menu_wrap .side_menu{height:calc(100% - 8.375em);padding:1.208334em 4.6875%;overflow-y:auto;}
.side_menu_wrap .side_menu>li>a{border-bottom:1px solid #f0f0f0;}
.side_menu_wrap .side_menu li li{border-top:0;}
.side_menu_wrap .side_menu>li>a,
.side_menu_wrap .side_menu>li>a.open{padding:1.396em .83334em;color:#222;font-weight:500;}
.side_menu_wrap .side_menu>li>a{display:block; position:relative; }
.side_menu_wrap .side_menu>li>a:after{
    z-index: 20;
    font: normal normal normal 24px / 1 "Material Design Icons";
    content: "\F0140";
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
    right: 30px;
 
}

.side_menu_wrap .side_menu>li>a.open{ }
.side_menu_wrap .side_menu>li>a.on:after{
	 content: "\F0143";
}



.side_menu_wrap .side_menu>li>a.one{background:none;}
.side_menu_wrap .side_menu .depth2{display:none;padding:.83334em 0;border-bottom:1px solid #eee;}
.side_menu_wrap .side_menu .depth2>li>a{position:relative;display:block;padding:.521em 2.0834em;color:#666;font-size:1em;}
.side_menu_wrap .side_menu .depth2>li.active>a{color:#06d2de;}
.side_menu_wrap .side_menu .depth3{padding:2px 0;}
.side_menu_wrap .side_menu .depth3>li>a{position:relative;display:block;padding:.375em 4em;color:#666;font-size:1em;font-weight:300;}
.side_menu_wrap .side_menu .depth3>li>a:hover{color:#c8a977;}
.side_menu_wrap .side_menu .depth3>li a:before{position:absolute;top:.375em;left:3.1em;display:block;content:'-';}
.side_menu_wrap .quick{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;padding:1.25em 4.6875%;background:var(--pointcolor1);}
.side_menu_wrap .quick a{width:31.03%;height:2.5em;border:1px solid rgba(240,240,240,0.2);overflow:hidden; text-align:center; color:#fff; line-height:2.4em }
.side_menu_wrap .quick a:nth-child(1){ }
.side_menu_wrap .quick a:nth-child(2){ }
.side_menu_wrap .quick a:nth-child(3){ }

 
 
 
 
/*[ 하단 ]
///////////////////////////////////////////////////////////
*/
footer{padding:50px 0; color:#555; font-size:14px; border-top:1px #eee solid;}

.footer_inner .footer_logo{margin-right:30px}
.footer_inner .footer_logo img{height:25px;  }

@media(max-width: 991.98px) {
	footer{padding:30px 0 25px}
	.footer_inner {display:block; font-size:12px}
	.footer_inner .footer_logo{margin-right:0; margin-bottom:20px;}
	

}

/*[ 메인 slider ]
///////////////////////////////////////////////////////////
*/
 

.main01_slider_wrap{
	position:relative;
	z-index:1;
} 

.main_slider{height:850px; position:relative;}
.main_bg{height:100%!important;  }
.main_bg01{
    background: url(/content/img/main/main01.jpg) no-repeat center center;
    background-size: cover;
}
.main_bg02{
    background: url(/content/img/main/main02.jpg) no-repeat center center;
    background-size: cover;
}
.main_bg03{
    background: url(/content/img/main/main03.jpg) no-repeat center center;
    background-size: cover;
}
.main_bg04{
    background: url(/content/img/main/main04.jpg) no-repeat center center;
    background-size: cover;
}
.main_slider .swiper-slide{height:100%}

.main01_slider_wrap .swiper {  opacity: 0;     visibility: hidden;     transition: opacity 1s ease;   -webkit-transition: opacity 1s ease; }
.main01_slider_wrap .swiper.swiper-initialized { visibility: visible;   opacity: 1;  }



.main_bg:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(28, 30, 48, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}


.main01_slider_wrap .main_txt_box{
	 position: absolute;
	 left:0;
	 top:260px;
	 width:100%;
	 z-index:10;
	 text-align:center;
 
}
.main_txt_box h1{
	font-size: 74px;
	line-height:1;
     font-weight: 700;
	padding:20px 0;
	color:#fff;
}
.main_txt_box h5{
	display: inline-block;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    padding: 8px 12px;
    padding-left: 22px;
	color:#fff;
 	position: relative;
 }
 
.main_txt_box p{
	font-size:18px; color:#fff
}


.main_slider .swiper-button-next,
.main_slider .swiper-button-prev{
	color:rgba(255,255,255,0.5);
}
.main_slider .swiper-button-next{
	right:100px
}
 .main_slider .swiper-button-prev{
	left:100px
}
.main_slider .swiper-button-next:after, 
.main_slider .swiper-button-prev:after{
	font-size:80px
}

@media(max-width: 767.98px) {

	.main_slider{height: 530px  }
	.main_txt_box h1{
		font-size: 48px;
  		padding:20px 15px;
 	}
	.main_txt_box h5{
 		font-size: 16px;
 	 }
 	.main_txt_box p{
		font-size:14px;  
	}
	.main_txt_box p em{display:none;}
	

	.main01_slider_wrap .main_txt_box{
 		 top:130px;
 	 
	}

	.main_bg02{
		background: url(/content/img/main/main02.jpg) no-repeat 90% center;
 	}
	
	.main_slider .swiper-button-next,
	.main_slider .swiper-button-prev{
		color:rgba(255,255,255,0.5);
		width:78px;
		height:40px;
 	}
	.main_slider .swiper-button-next{
		right:30px;
		top:auto;
		bottom:30px;
		background: url(/content/img/main/m_slider_arrow_R.png) no-repeat;
	}
	 .main_slider .swiper-button-prev{
		left:30px;
		top:auto;
		bottom:30px;
		background: url(/content/img/main/m_slider_arrow_L.png) no-repeat;
	}
	.main_slider .swiper-button-next:after, 
	.main_slider .swiper-button-prev:after{
		font-size:0px;
	}
	

} 
 

/*[메인내용 ]
///////////////////////////////////////////////////////////
*/

.main_style_wrap{}
.main_style_wrap section{
	padding:120px 0
}

.main_style_wrap img{
    max-width: 100%;
    transition: all .3s ease-out 0s;
    height: auto;
}

.main_style_wrap .section_title .sub_title{
	display:block;
	color: var(--pointcolor1);
	text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
	margin-bottom:8px;
}
.main_style_wrap .section_title .title{
	margin-bottom: 0;
    font-size: 40px;
    font-weight: 800;
    text-transform: capitalize;
	line-height:1.2;
}


@media(max-width: 1199.98px) {
 	.main_style_wrap .section_title .title{ font-size: 36px; }
}

@media(max-width: 767.98px) {
 	.main_style_wrap .section_title .title{ font-size: 30px; }
	.main_style_wrap section { 	padding: 60px 0; }
}



/*메인내용*/

.aboutus_wrap .aboutus_img{
	position: relative;
    margin-right: 40px;
	max-width: 560px;
}

 
 
@media(max-width: 1199.98px) {
    .aboutus_img {
        margin-right:0
    }
}

@media(max-width: 991.98px) {
    .aboutus_img {
        margin-bottom:50px
    }
}

@media(max-width: 767.98px) {
    .aboutus_img {
        max-width:345px!important;
        margin: 0 auto 50px;
		 margin-right: auto!important;
		
    }
}

@media only screen and (min-width: 576px)and (max-width:767px) {
    .aboutus_img {
        max-width:400px;
        margin: 0 auto 50px;
		 margin-right: auto!important;
    }
}
 
.aboutus_img img:nth-child(2) {
    position: absolute;
    width: 175px;
    height: 163px;
    left: 0;
    bottom: 0;
    border-radius: 35px;
    object-fit: cover;
	
}
 
@media(max-width: 1199.98px) {
    .aboutus_img img:nth-child(2) {
        width:142px;
        height: 132px
    }
}

@media(max-width: 767.98px) {
    .aboutus_img img:nth-child(2) {
        width:110px;
        height: 103px;
        border-radius: 22px
    }
}

@media only screen and (min-width: 576px)and (max-width:767px) {
    .aboutus_img img:nth-child(2) {
        width:126px;
        height: 118px
    }
}
 
.aboutus_img img:nth-child(3) {
    position: absolute;
    width: 244px;
    height: 285px;
    right: 0;
    top: 0;
    border-radius: 38px;
    object-fit: cover;
	max-width: 100%;
}

 
@media(max-width: 1199.98px) {
    .aboutus_img img:nth-child(3) {
        width:197px;
        height: 230px
    }
}

@media(max-width: 767.98px) {
    .aboutus_img img:nth-child(3) {
        width:151px;
        height: 175px;
        border-radius: 25px
    }
}

@media only screen and (min-width: 576px)and (max-width:767px) {
    .aboutus_img img:nth-child(3) {
        width:175px;
        height: 204px
    }
}
 


.aboutus_content{}
.aboutus_content p {
    margin-bottom: 20px;
    font-size: 18px;
    width: 95%;
	color: var(--textcolor1);
}

.aboutus_list_box .list_wrap{
	margin-bottom:50px
}
.aboutus_list_box .list_wrap li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 15px;
}

.aboutus_list_box .list_wrap i {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: var(--bg-secondary);
    color: var(--white);
    border-radius: 50%;
    font-size: 12px;
    transform: translateY(1px);
}
.aboutus_list_box .list_wrap i:after{
    content: "\F012C";
	font: normal normal normal 14px / 1 "Material Design Icons";
}

.aboutus_list_box .list_wrap span{  	line-height:1; }

/*배너*/

.banner_wrap{padding:0!important; padding-bottom:120px!important;}
.banner_wrap2{padding-top:120px!important; padding-bottom:120px!important;}
.banner_wrap .banner_logo{max-width:1200px; margin:0 auto;}
 

.banner_wrap ul {
	display: flex;
	justify-content: center;
}
.banner_wrap ul li {
	margin:0 80px
}
.banner_wrap ul li img, 
.banner_wrap .banner_logo .swiper-slide img{
    cursor: pointer;
 }
.banner_wrap .banner_logo .swiper-slide{width:auto!important; margin:0 80px}

.banner_wrap .banner_logo .swiper-slide img:hover,
.banner_wrap ul li img:hover{
    opacity: .4;
    filter: grayscale(1);
}

.banner_wrap ul li:nth-child(3){
	margin-top:-10px
}
.banner_wrap .banner_logo .swiper-slide{margin-top:10px}
.banner_wrap .banner_logo .swiper-slide:nth-child(3){margin-top: 0px}
.banner_wrap .banner_logo .swiper-wrapper,
.banner_wrap .banner_logo .swiper-slide{height:auto; }

.banner_logo {  opacity: 0;     visibility: hidden;     transition: opacity 1s ease;   -webkit-transition: opacity 1s ease; }
.banner_logo.swiper-initialized { visibility: visible;   opacity: 1;  }
 


@media(max-width: 767.98px) {
	.banner_wrap{  padding-bottom:60px!important;}
	.banner_wrap2{padding-top:60px!important;  }

	.banner_wrap .container{padding-left:0!important; padding-right:0!important}
	.banner_wrap .banner_logo .swiper-slide{ margin:0 0px; }
	.banner_wrap .banner_logo .swiper-slide a{
		height:50px;
		display: flex;
 		align-items: center;
	}
	.banner_wrap .banner_logo .swiper-slide img {width:60%}
	.banner_wrap .banner_logo .swiper-slide{margin-top:10px}
	.banner_wrap .banner_logo .swiper-slide:nth-child(3){margin-top: 5px}
	.banner_wrap .banner_logo .swiper-slide:first-child{margin-left:15px}
}
	
	

/*서비스*/
.service_wrap{
	background:var(--bg-box);
    position: relative;
    padding: 120px 0 95px;
    z-index: 1;
}
.service_box ul{
	display: grid; gap: 0 20px; grid-template-columns: repeat(5, 1fr); 
}
.service_box{height:424px}
.service_wrap .swiper {
      width: 100%;
      height: 100%;
}
.service_box .swiper-slide{
	width:264px;
	   /* Center slide text vertically */
	  display: flex;
	  justify-content: center;
	  align-items: center;

}
   
.services_item{
    
    border-radius: 10px;
    overflow: hidden;
	background:#fff;
	
}
.services_thumb_wrap {
    position: relative;
    margin-bottom: 18px;
}
.services_thumb_wrap .services_thumb {
    -webkit-mask-image: url(/content/img/main/mask_img.png);
    mask-image: url(/content/img/main/mask_img.png);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    height: 250px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.services_thumb_wrap .services_thumb:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--bg-primary);
    opacity: 0;
    transition: all .3s ease-out 0s;
}

 

.services_thumb .btn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 32%;
    opacity: 0;
    visibility: hidden; 
    margin-top: 50px;
}

.services_item:hover .services_thumb:before{
    opacity: .8;
}

.services_item:hover .services_thumb .btn {
    opacity: 1;
    visibility: visible;
    margin-top: 0
}

.services_thumb img {
    max-width: unset;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.services_thumb_wrap .services_icon{
	width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-secondary);
    position: absolute;
    left: 22px;
    bottom: 2px;
    font-size: 39px;
    line-height: 0;
    color: var(--white);
    border-radius: 50%;
}
.services_thumb_wrap .services_icon i img{
	height:28px
}

.services_item .services_content{
	padding: 10px 15px 30px;
}

.services_item .services_content .title{
	margin-bottom: 10px;
    font-size: 22px;
}
.services_item .services_content p{
    margin-bottom: 0;
    line-height: 1.5;
	font-size:14px;
	color: var(--textcolor1);
	letter-spacing: 0;
}


 
@media(max-width: 1199.98px) {
	.service_wrap{ padding: 50px 0 50px!important; 	}
}

@media(max-width: 767.98px) {
	.service_wrap{ padding: 30px 0 30px!important;   	}
 
 }

@media(min-width: 577px) {
	.service_list {  opacity: 0;     visibility: hidden;     transition: opacity 1s ease;   -webkit-transition: opacity 1s ease; }
	.service_list.swiper-initialized { visibility: visible;   opacity: 1;  }
}


@media(max-width: 576.98px) {
 	
	.service_box{height:auto}
	.service_box .swiper-slide{ 	width:100%; margin-bottom:30px	; height:auto!important; }
	.service_box .swiper-slide:last-child{margin-bottom:0}
	.services_item{width:330px; margin:0 auto;}
	.service_wrap .swiper,
	.service_box .swiper-wrapper {display:block!important; height:auto!important;}
 	
	.services_thumb_wrap .services_thumb {
		-webkit-mask-image: url(/content/img/main/mask_img_m.png);
		mask-image: url(/content/img/main/mask_img_m.png);
		height: 211px;
 
	}
	
 }
 


/*글로벌시간*/

.globaltime_wrap{
    background: var(--bg-primary);
	padding:120px 0 95px 0;
}

.globaltime_wrap .globaltime_img img{
	border-radius: 15px;
}
.globaltime_wrap .globaltime_content .section_title span, 
.globaltime_wrap .globaltime_content .section_title h2{color:#fff!important;}

.globaltime_list ul:first-child{
	margin-bottom:30px
}
.globaltime_list li{
	width:25%;
	text-align:center;
	color:#fff;
}

 
@media(max-width: 1199.98px) {
	.globaltime_wrap{ padding: 50px 0 50px!important; 	}
}

@media(max-width: 767.98px) {
	.globaltime_wrap{ padding: 30px 0 30px!important;   	}
	.globaltime_wrap .globaltime_img {text-align:center; margin-bottom:30px}
}



/*[서브공통 ]
///////////////////////////////////////////////////////////
*/

.sub_top_visual{
    background-size: cover;
    background-position: 50%;
    padding: 105px 0;
    position: relative;
    z-index: 1;
}

.sub_top_visual:after, .sub_top_visual:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.sub_top_visual:before {
    background: linear-gradient(90deg, #000, #000);
    opacity: .3;
}
 
.breadcrumb_content{
}
.breadcrumb_content .title{
    margin-bottom: 15px;
    font-size: 48px;
	color: var(--white);
}
.breadcrumb_content .breadcrumb{
	margin-bottom:0;padding:0
}
.breadcrumb_content .breadcrumb a,
.breadcrumb_content .breadcrumb span{
	color: var(--gray);
	font-weight:700;
	display:block;
}
.breadcrumb_content .breadcrumb span.depth-3{
	color: #dae11c;
}
.breadcrumb_content .breadcrumb-separator{
	margin-right:15px;
	margin-left:15px;
}

.sub_content_wrap{max-width:1400px; margin:0 auto; padding:60px 0 100px}

@media(max-width: 1400px) {
	.sub_content_wrap{  padding:60px 15px 60px}
}
@media(max-width: 991.98px) {
	.sub_top_visual{
 		padding: 100px 0 50px;
 	}
	.breadcrumb_content .title{
		margin-bottom: 5px;
		font-size: 32px;
 	}
	
}



.sub_con_box h4{
    margin-bottom: 20px;
    font-size: 40px;
    text-transform: capitalize;
}
.sub_con_box p{
	color: var(--textcolor2);
	font-size:18px
}


/*[회사소개 ]
///////////////////////////////////////////////////////////
*/
.sub_aboutus_wrap .sub_con_img{margin-bottom:40px; position:relative}
.sub_aboutus_wrap .sub_con_img img{border-radius:10px; width:100%}
 
 
.aboutus_con_box h4{
	margin-bottom:40px;
	font-size:28px
}
.aboutus_con_box p{
	margin-bottom:30px
}
.aboutus_con_box p:last-child{
	margin-bottom: 0px
}

.aboutus_list_box{}
.aboutus_list_box dt{
	color: var(--pointcolor1);
	font-size:20px;
	font-weight:700;
	margin-bottom:15px
}
.aboutus_list_box dt{
	border-bottom:1px #ddd solid;
}
.aboutus_list_box dt span{
	position:relative;
	background:var(--bg-primary);
	color:var(--white);
	padding:10px 25px 10px 15px;
	border-radius:0 20px 0 0
}
.aboutus_list_box dt span:after{
	content:'';
	display:block;
	background:#ddd;
	width:50px;
	height: 40px;
    border-radius:0 20px 0 0;
	position:absolute;
	top:0;
	right:-10px;
	z-index:-1;
}

.aboutus_list_box dd{
	color: var(--textcolor2);
	font-size:18px;
	margin-bottom:30px
}
.aboutus_list_box dd:last-child{
	margin-bottom:0
}
.aboutus_list_box dd p{
	margin-bottom:15px
}

@media(max-width: 767.98px) {

	.aboutus_list_box dt{
 		font-size:18px;
 	}
	.aboutus_list_box dt{
		 
	}
	.aboutus_list_box dt span{
 		background:none;
		color:var(--pointcolor1);
		padding:0;
		border-radius:0
	}
	.aboutus_list_box dt span:after{
		content:'';
		display:none;
 
	}

	.aboutus_list_box dd{
		color: var(--textcolor2);
		font-size:16px;
 	}

}

/*contact us*/
.aboutus_con_box .table tbody th{
	color: var(--pointcolor1);
	font-weight:700
}
.aboutus_con_box .table tbody td,
.aboutus_con_box .table tbody td a{
	color: var(--textcolor2);
}
.aboutus_con_box .table tbody td a:hover{
	text-decoration:underline!important;
}

@media(max-width: 767.98px) {
	.aboutus_con_box h4{
 		font-size:22px!important;
	}
	.aboutus_con_box .table thead {display:none;}
	.aboutus_con_box .table tbody tr, .aboutus_con_box .table tbody th,.aboutus_con_box .table tbody td{display:block}
	.aboutus_con_box .table tbody th{background:#eee}
	.aboutus_con_box .table tbody th br{display:none;}
	.aboutus_con_box .table tbody th{border-bottom:none;  }
	.aboutus_con_box .table tbody td{border-bottom:none; padding-bottom:0}
	.aboutus_con_box .table tbody td:last-child{padding-bottom:15px}
	.aboutus_con_box  .table tbody tr:last-child th, .table tbody tr:last-child td { border-bottom: none }
	
}
.ceo_con_img{display:none;}
.ceo_wrap{
	display: flex;
	justify-content: space-between;
 	align-items: stretch;
	margin:50px 0 15px 0;
	 
}
.ceo_wrap .ceo_img{width:53%; position:relative;}
.ceo_wrap .ceo_img .img01 img{
	border-radius:10px
}
.ceo_wrap .ceo_img .img02 img{
	border-radius:10px;
	position:absolute;
	right:50px;
	top:230px;
	border:5px #fff solid;
}


.ceo_wrap .ceo_txt{width:47%}

.ceo_wrap .ceo_txt h4{
	font-size: 40px;
	line-height:1.3;
	margin-bottom:30px;
}
.ceo_wrap .ceo_txt p,
.ceo_bottom_txt p{
	font-size:18px;
	color: var(--textcolor2);
}
.ceo_bottom_txt{padding:  0px 0 0 0; }
.ceo_wrap .ceo_txt p,
.ceo_bottom_txt p{
	margin-bottom:15px
}
.ceo_bottom_txt .ceo_sign{
	display: flex;
	justify-content: flex-end;
 	align-items: center;
	margin-top:15px
	
}
.ceo_bottom_txt .ceo_sign span{
	display:block;
	margin-top:15px
 }
.ceo_bottom_txt .ceo_sign .ceo_sign_inner {
	text-align:center;
}
 .ceo_bottom_txt .ceo_sign span img{
	 
 }


@media(max-width: 991.98px) {
	.ceo_con_img{display:block;}
	.ceo_wrap{display:block; margin:50px 0 15px}
 	.ceo_wrap .ceo_txt p,
	.ceo_bottom_txt p{ font-size:16px; }
 	.ceo_wrap .ceo_img{display:none;}
	.ceo_wrap .ceo_txt{width:100%; padding:0px 0 0 0}
	.ceo_bottom_txt{padding:0}
	.ceo_wrap .ceo_txt h4{ 	font-size: 22px; margin-bottom:15px; }
}



.history_wrap{}
.history_inner {
	display: flex;
	justify-content: space-between;
 	align-items: flex-start;
	position:Relative;
}
.history_inner .history_tit_box{
	width:45%;
	position:sticky !important;
	top: 150px;
  
}
.history_inner .history_tit_box .history_tit_inner {


}

.history_inner .history_tit_box .history_tit_inner  h4{
 
	font-size:40px
}
.history_inner .history_tit_box .history_img{
	margin-top:30px;
}
.history_inner .history_tit_box .history_img img{
	border-radius:10px;
	width:100%;
}




.history_inner .history_content_box{
	width:50%; position:relative;
	height:100%;

}
.history_inner .history_content_box:after{
	content:'';
	display:block;
	width:1px;
	height:100%;
	background:#ddd;
	position:absolute;
	top:0;
	left:0;
}
.history_inner .history_content_box ul{
	margin-left:10%;
}
.history_inner .history_content_box li{
	background:var(--bg-box);
	padding:30px;
	border-radius:10px;
	margin-bottom:30px;
	font-size:18px;
	color: var(--textcolor2);
	position:relative;
}

.history_inner .history_content_box li:after{
	content:'';
	display:block;
	width:15px;
	height:15px;
	background:var(--bg-primary);
	border-radius:50%;
	position:absolute;
	top:40px;
	left:calc(-10% - 13px);
	z-index:10;
}

.history_inner .history_content_box li:before{
	content:'';
	display:block;
	width:100px;
	height:1px;
	background:#eee;
	position:absolute;
	top:47px;
	left:calc(-10% - 13px);
	z-index:-1;

}


.history_inner .history_content_box li p{
	font-size:30px;
	color:var(--pointcolor1);
	font-weight:700;
}

@media(max-width: 991.98px) {

	.history_inner {display:block}
	.history_inner .history_tit_box{width:100%}
	.history_inner .history_tit_box .history_img{display:none;}
	.history_inner .history_tit_box .history_tit_inner  h4{font-size:22px; margin-bottom:15px}
	.history_inner .history_tit_box .history_tit_inner  h4 br{display:none;}
	.history_inner .history_content_box{
		width:100%; 

	}
	.history_inner .history_content_box:after{
		content:'';
		display:none;
		width:1px;
		height:100%;
		background:#ddd;
		position:absolute;
		top:0;
		left:0;
	}
	.history_inner .history_content_box ul{
		margin-left: 0%;
	}

	.history_inner .history_content_box li p{
		font-size:22px;
 	}
	.history_inner .history_content_box li{font-size:16px; margin-bottom:15px}

	.history_inner .history_content_box li:after,
	.history_inner .history_content_box li:before{ display:none; }


}


.google_map{ padding-bottom:30px}
.google_map .web_map {width:100%; height:450px; border:0}

.contactus_info_wrap h4{font-size:40px; color: var(--pointcolor1);}
.contactus_info_wrap h4 span{font-size:30px}

.contactus_info_box ul{
	display: grid; gap: 0 15px; grid-template-columns: repeat(3, 1fr);
}
.contactus_info_box{padding-top:30px}
.contactus_info_box li p, .contactus_info_box li p a{font-size:18px;color: var(--textcolor2);}
.contactus_info_box li p a:hover{text-decoration:underline!important;}

.contactus_info_box li h5{font-size:22px; margin-bottom:15px;  }
.contactus_info_box li h5 i{margin-right:10px}

.sub_aboutus_wrap .nav-pills a span br{display:none}

@media(max-width: 991.98px) {
 	.sub_aboutus_wrap .nav-pills a {line-height:1;  }
	.sub_aboutus_wrap .nav-pills a em{display:none}
 	.contactus_info_box ul{
		display: grid; gap: 30px 0px; grid-template-columns: repeat(1, 1fr);
	}
	.google_map .web_map {  height:250px;  }
	
	.contactus_info_box li h5{ font-size:18px; margin-bottom:5px }
	.contactus_info_wrap h4{font-size:22px; }
	.contactus_info_wrap h4 span{font-size:18px; }
	
}

@media(max-width: 767.98px) {
	.sub_aboutus_wrap .nav-pills{ display: flex; 	justify-content: center; 	align-items: center; }
 	.sub_aboutus_wrap .nav-pills a {  font-size:12px; padding-left:0; padding-right:0 }
 	.sub_aboutus_wrap .nav-pills a span br{display:block}
	.sub_aboutus_wrap .nav-pills {padding-left:0; padding-right:0}
 
}

@media(max-width: 430px) {
 	.sub_aboutus_wrap .nav-pills a {  font-size:11px;  }
 }


/*[서비스 ]
///////////////////////////////////////////////////////////
*/
.sub_services_wrap .sub_con_img{margin-bottom:40px; position:relative}
.sub_services_wrap .sub_con_img img{border-radius:10px; width:100%}
 




@media(max-width: 767.98px) {
	.sub_con_box h4{font-size:30px}
	.sub_con_box p{
 		font-size:16px
	}	 
}







.services_con_box{
	margin-top: 60px;
 }
.service_inner_wrap{}
.service_inner{
    display: flex;
    flex-wrap: wrap;
	    --bs-gutter-x: 24px;
}
.service_inner .service_inner_L{
    width: 43.5%;
    flex: 0 0 auto;
}
.service_inner .service_inner_R{
    width: 56.5%;
    flex: 0 0 auto;
	padding-left:40px;
	padding-top:15px;
}

.service_inner .service_inner_L .service_img{}
.service_inner .service_inner_L .service_img img{
    height: 480px;
    object-fit: cover;
    border-radius: 10px;
	width:100%
}

.warehousing_con_box .service_inner .service_inner_L .service_img img{
    height: 570px;
 
}


.service_inner .service_inner_R h5{
    font-size: 30px;
    text-transform: capitalize;
	margin-bottom:15px
}

.sub_list_box{}
.sub_list_box .list_wrap li{
	color: var(--textcolor2);
	margin-bottom: 10px; 
    display: flex;
    align-items: center;
    gap: 8px;
	line-height: 1.6;
	font-size:18px;
	position:Relative;
	padding-left:30px
}
.sub_list_box .list_wrap li:after{
	content: "\F05E0";
	color: var(--bg-secondary);
	font: normal normal normal 22px / 1 "Material Design Icons";
	position:absolute;
	top:2px;
	left:0
}

.sub_services_wrap .sub_con_img .logo{
	position:absolute;
	top:20px;
	left:20px
}


@media(max-width: 767.98px) {
	.service_inner{
		display: block;
 	}
	.service_inner .service_inner_L{
		display:none;
	}
	.service_inner .service_inner_R{
		width: 100%;
		flex: 0 0 auto;
		padding-left: 0px;
		padding-top:15px;
	}
	
	.service_inner .service_inner_R h5{
		font-size: 20px;
	 }
	.sub_list_box .list_wrap li{
 		font-size:16px;
 		padding-left:30px
	}
}


/*[TOOLS ]
///////////////////////////////////////////////////////////
*/

.glossary_list_box{}
.glossary_list_box li{border:1px #eee solid; padding:0px; margin :15px 0; border-radius:8px;
	display: flex;
	justify-content: flex-start;
	align-items: stretch; /* 이게 핵심 */
}

.glossary_list_box li p{width:250px; padding:10px; text-align:center; background:#f6f8f9; 
	 display: flex; align-items: center;justify-content: center;
}
.glossary_list_box li span{display:block; width:calc(100% - 250px); padding:10px 20px;color: var(--textcolor2); }


@media(max-width: 767.98px) {

	.glossary_list_box li{display:block;}
	.glossary_list_box li p, .glossary_list_box li span{width:100%;  }
	.glossary_list_box li p{justify-content: flex-start;padding:10px 15px}
	.glossary_list_box li span{padding:10px 15px}

}

.incoterms_con_box .table td, 
.incoterms_con_box .table th{font-size:12px; line-height:1.2}
.incoterms_con_box .table tbody th,
.incoterms_con_box .table thead th{background:#f6f8f9}
.incoterms_con_box .table tbody th,
.incoterms_con_box .table tbody td{text-align:center;}
.incoterms_txt_box{padding-top:30px;color: var(--textcolor2);}

.incoterms_con_box .table td.bg-info{background:rgba(0,147,194, 0.7)!important; color:#fff!important;}
.incoterms_con_box .table td.bg-success{background:rgba(173,209,54, 0.7)!important;}


.converter_wrap{}
.converter_inner {
	display: flex;
	justify-content: space-between;
 	align-items: flex-start;
	position:Relative;
}
.converter_inner .converter_tit_box{
	width:45%;
	position:sticky !important;
	top: 150px;
  
}
.converter_inner .converter_tit_box .converter_tit_inner {


}

.converter_inner .converter_tit_box .converter_tit_inner  h4{
 
	font-size:20px
}
.converter_inner .converter_tit_box .converter_img{
	margin-top:30px;
}
.converter_inner .converter_tit_box .converter_img img{
	border-radius:10px;
	width:100%;
}




.converter_inner .converter_content_box{
	width:50%; position:relative;
	height:100%;

}
.converter_inner .converter_content_box:after{
	content:'';
	display:block;
	width:1px;
	height:100%;
	background:#ddd;
	position:absolute;
	top:0;
	left:0;
}
.converter_inner .converter_content_box ul{
	margin-left:10%;
}
.converter_inner .converter_content_box li{
	background:var(--bg-box);
	padding:30px;
	border-radius:10px;
	margin-bottom:30px;
	font-size:18px;
	color: var(--textcolor2);
	position:relative;
}

.converter_inner .converter_content_box li:after{
	content:'';
	display:block;
	width:15px;
	height:15px;
	background:var(--bg-primary);
	border-radius:50%;
	position:absolute;
	top:40px;
	left:calc(-10% - 13px);
	z-index:10;
}

.converter_inner .converter_content_box li:before{
	content:'';
	display:block;
	width:100px;
	height:1px;
	background:#eee;
	position:absolute;
	top:47px;
	left:calc(-10% - 13px);
	z-index:-1;

}


.converter_inner .converter_content_box li p{
	font-size:30px;
	color:var(--pointcolor1);
	font-weight:700;
}

.converter_txt_box {margin-top:50px;}
.converter_txt_box h5{    font-size: 30px;}
.converter_txt_box p{font-size:16px!important; color:var(--textcolor2); margin-top:15px }

.converter_cal_box{
	padding:30px;
	background:var(--bg-box);
	border-radius:10px;
	margin-top:30px;
}

.converter_cal_box .flex-c-c{
	margin-top:30px
}
.converter_cal_box p{font-size:16px!important; color:var(--pointcolor1)}
.converter_cal_box .cal_box{width:80%; margin-top:10px; position:relative}
.converter_cal_box .cal_box:after{
	content: '\e83a';
	    font-family: unicons;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}
.converter_cal_box .inputform{
	border:none;
	border:1px #eee solid;
	margin-right:10px;
	padding:5px 10px 5px 10px;
	font-size:14px;
	text-align:right;
}
.currency_input{margin-top:10px}
.cal_info{font-size:12px; margin-top:5px}

.selectform{ height:36px; width:100%; font-size:12px;padding:5px; border:1px #eee solid;}

.dimensional_box{margin-top:30px; display: grid; gap: 0 15px; grid-template-columns: repeat(5, 1fr);}
.dimensional_box .dimensional_input .inputform{width:100%}

.dimensional_radio_box{margin-top:15px; display: grid; gap: 0 15px; grid-template-columns: repeat(2, 1fr);}

.dimensional_btn_box .btn{margin:0 10px; max-height:50px}

.dimensional_result_box{
	margin-top:15px; display: grid; gap: 0 15px; grid-template-columns: repeat(2, 1fr);
	border-top:1px #eee solid;
	padding:15px 0
}
.dimensional_result_box  .inputform{width:100%}


@media(max-width: 991.98px) {

	.converter_inner {display:block}
	.converter_inner .converter_tit_box{width:100%;}
	.converter_inner .converter_tit_box .converter_img{display:none;}
	.converter_inner .converter_tit_box .converter_tit_inner h4{font-size:22px; margin-bottom:15px}
	.converter_inner .converter_tit_box .converter_tit_inner h4 br{display:none;}
	
	.converter_inner .converter_content_box{
		width:100%; 

	}
	.converter_inner .converter_content_box:after{
		content:'';
		display:none;
		width:1px;
		height:100%;
		background:#ddd;
		position:absolute;
		top:0;
		left:0;
	}
	.converter_inner .converter_content_box ul{
		margin-left: 0%;
	}

	.converter_inner .converter_content_box li p{
		font-size:22px;
 	}
	.converter_inner .converter_content_box li{font-size:16px; margin-bottom:15px}

	.converter_inner .converter_content_box li:after,
	.converter_inner .converter_content_box li:before{ display:none; }


}

@media(max-width: 767.98px) {
	.converter_cal_box{padding:15px}
	.converter_txt_box h5{font-size:20px}
	.converter_cal_box p{font-size:14px!important;   }
	.converter_txt_box p{font-size:14px!important;  }

	.converter_cal_box .cal_box{width:100%; display:block!important; }
	.converter_cal_box  .cal_pounds{margin-top:30px}
	
	.converter_cal_box .cal_box > div:first-child{ margin-bottom:30px}
	.converter_cal_box .cal_box:after{
		content: '\e838';
 		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
	}
	
	.cal_box .flex-l-m{width:100%; justify-content: space-between;}
	.cal_box .flex-l-m .cal_input{ width:90%}
	.cal_box .flex-l-m .cal_input .inputform{ width:100%; margin-right:0}
	
	.converter_cal_box .col-md-5{margin-top:15px}
	.currency_input .inputform{width:100%}
	
	.dimensional_box{ margin-top:15px; grid-template-columns: repeat(2, 1fr);}
	.dimensional_box > div > p{margin-top:10px}
	.dimensional_radio_box, .dimensional_result_box{  grid-template-columns: repeat(1, 1fr);}

	.dimensional_btn_box .btn{margin:0 10px}

 
	.dimensional_result_box > div:last-child, .converter_cal_results{margin-top:15px}
	
	
}