@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Abel|Ropa+Sans');




/************************************ LAYOUT ************************************
*********************************************************************************/
body{ background-color:#ededed; height:100%;}
#wrap{ min-width:1160px; }
#header{ position:relative; width:100%; height:70px; background-color:#fff; z-index:99; }
#container{ width:1160px; margin:0 auto; }
#container.sub-wrapper{ width:100%; min-width:1160px; }
#footer{ width:100%; margin-top:128px; background-color:#fff; }




/************************************ 공통 ************************************
*********************************************************************************/
.btn-read-more{ position:absolute; left:28px; bottom:50px; width:97px; height:35px; line-height:35px; border:1px solid #fff; font-size:14px; color:#fff; text-align:center; transition:all ease-in-out 300ms;  -webkit-transition:all ease-in-out 300ms; -moz-transition:all ease-in-out 300ms; }
.btn-read-more:hover{ background:rgba(255,255,255,.2); }
.btn-read-more.type2{ color:#449260; border-color:#449260; }
.btn-read-more.type2:hover{ background:rgba(255,255,255,.2); color:#fff; }


/* 
.scale{
	width:100%;
	height:100%;	
	-webkit-transition:all .8s ease-out;
	-moz-transition:all .8s ease-out;
	-o-transition:all .8s ease-out;
	transition: all .8s ease-out;		
	outline: 1px solid transparent;	
}
.scale:hover{ 	 	
	-moz-transition: all .8s ease-out;
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out;
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;   
}
 */

@keyframes move {
  from {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.rotating-css{
	animation: move 20s linear;
	animation-iteration-count: infinite;
}



@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating-css{
	animation: rotating 200s linear;
	animation-iteration-count: infinite;
}




@-webkit-keyframes myfirstkeyframe {
	/* Chrome 4.0 + , Safari 4.0 +, Opera 15.0 + */
	from {margin-top: 0;}
	to {margin-top:5px;}
}
@-moz-keyframes myfirstkeyframe {
	/* Firefox 5.0 ~ < 16.0 */
	from {margin-top:0;}
	to {margin-top:5px;}
}
@-o-keyframes myfirstkeyframe {
	/* Opera 12.0 */
	from {margin-top:0;}
	to {margin-top:5px;}
}
@keyframes myfirstkeyframe {
	/* Standard : IE 10.0 +, Firefox 16.0 + */
	from {margin-top:0;}
	to {margin-top:5px;}
}
.updown-css { 
	-webkit-animation: myfirstkeyframe 2s infinite alternate; 
	-moz-animation: myfirstkeyframe 2s infinite alternate; 
	-o-animation: myfirstkeyframe 2s infinite alternate; 
	animation: myfirstkeyframe 2s infinite alternate; 
}
.updown-css{
	animation-direction: alternate;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	animation-play-state: running;
}



@-webkit-keyframes leftRightkeyframe {
	/* Chrome 4.0 + , Safari 4.0 +, Opera 15.0 + */
	from {margin-left:0;}
	to {margin-left:5px;}
}
@-moz-keyframes leftRightkeyframe {
	/* Firefox 5.0 ~ < 16.0 */
	from {margin-left:0;}
	to {margin-left:5px;}
}
@-o-keyframes leftRightkeyframe {
	/* Opera 12.0 */
	from {margin-left:0;}
	to {margin-left:5px;}
}
@keyframes leftRightkeyframe {
	/* Standard : IE 10.0 +, Firefox 16.0 + */
	from {margin-left:0;}
	to {margin-left:5px;}
}
.leftright-css { 
	-webkit-animation: leftRightkeyframe 2s infinite alternate; 
	-moz-animation: leftRightkeyframe 2s infinite alternate; 
	-o-animation: leftRightkeyframe 2s infinite alternate; 
	animation: leftRightkeyframe 2s infinite alternate; 
}
.leftright-css{
	animation-direction: alternate;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	animation-play-state: running;
}

/* 
.textilate {
  visibility:hidden;
}
 */
/************************************ HEADER ************************************
*********************************************************************************/
#header.navBg:after{ content:''; position:absolute; top:70px; left:0; right:0; width:100%; height:156px; background-color:#fff; z-index:9; }
#header > .inner{ position:relative; width:1160px; height:70px; margin:0 auto; }
.logo{ position:absolute; left:0; top:0; height:70px; line-height:70px; }
.nav{ position:relative; padding-left:210px; z-index:99; }
.nav > li{ position:relative; float:left; width:160px; padding-left:42px; box-sizing:border-box; }
.nav > li:first-child{  width:100px; padding-left:0; }
.nav > li > a{ display:inline-block; position:relative; padding-top:24px; padding-bottom:20px; font-size:20px; color:#444; font-family:'Abel'; transition:all ease-in-out 300ms;  -webkit-transition:all ease-in-out 300ms; -moz-transition:all ease-in-out 300ms; }


.nav > li > a:hover,
.nav > li.on > a{ color:#31b560; }
.nav > li > a:hover:after{ content:''; position:absolute; bottom:20px; left:0; width:100%; height:1px; background-color:#31b560; }
.nav > li.on > a:after{ content:''; position:absolute; left:0; bottom:20px; width:100%; height:1px; background-color:#31b560; }


.header-btn{ position:absolute; top:50%; right:0; margin-top:-19px; }
.header-link{ width:116px; height:38px; background:url(../images/common/img_header.png) no-repeat; cursor:pointer; }
.header-link2{ display:inline-block; width:101px; height:38px; background:url(../images/common/btn_vessel_status.png) no-repeat; cursor:pointer; }
.header-link3{ display:inline-block; width:101px; height:38px; background:url(../images/common/btn_terminal_info.png) no-repeat; cursor:pointer; }

/* .nav > li > ul > li > a{ display:block; width:100%; text-align:center; } */

/* 
.nav-box-wrapper{  display:none; position:absolute; top:70px; left:0; right:0; width:100%; height:154px; padding-bottom:36px; background-color:#fff; box-sizing:border-box; z-index:9; }
.nav-box{ overflow:hidden; width:1160px; margin:0 auto; margin-top:10px; padding-left:212px; background:url(../images/common/bg_nav.png) no-repeat 0 8px; box-sizing:border-box; }
.nav-box > li{ float:left; width:160px; height:108px; padding-left:42px; border-right:1px dotted #f1f1f1; box-sizing:border-box; }
.nav-box > li:first-child{ width:100px; padding-left:0; }
.nav-box > li > ul{ margin-top:-8px; }
.nav-box > li > ul > li > a{ display:block; font-family:'Abel'; font-size:16px; color:#a8a8a8; line-height:30px; }
.nav-box > li > ul > li > a:hover{ color:#555; } */

.nav > li:first-child .depth{  width:100px; padding-left:0; }
.depth{ display:none;  position:absolute; width:114px; border-right:1px dotted #f1f1f1; box-sizing:border-box; }
.depth li a{ display:block; font-family:'Abel'; font-size:16px; color:#a8a8a8; line-height:30px; }
.depth li a:hover{ color:#555; }
.bg-depth{ position:absolute; top:70px; left:0; right:0; width:100%; height:136px; background-color:#fff; display:none }
.bg-depth .inner{ position:absolute; left:0; right:0; top:0; width:1160px; height:136px; margin:0 auto; padding-left:212px; background:url(../images/common/bg_nav.png) no-repeat 0 8px; box-sizing:border-box; }

/************************************ CONTENT ************************************
*********************************************************************************/
/* .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width:7px; height:7px; background-color:#fff; opacity:1; margin:0 0 0 8px; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:first-child{ margin-left:0; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ width:44px; background-color:#31b560; border-radius:10px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ left:78px; bottom:87px; text-align:left; } */

.swiper-container{ position:relative; }
.swiper-pagination a{ display:inline-block; width:7px; height:7px; background-color:#fff; opacity:1; margin:0 0 0 4px; border-radius:10px;}
.swiper-pagination a.active{ width:44px; background-color:#31b560; border-radius:10px; }
.swiper-pagination{ position:absolute; right:78px; bottom:20px; text-align:left; }

.bx-wrapper {
  -moz-box-shadow: 0 0 0 #ccc;
  -webkit-box-shadow: 0 0 0 #ccc;
  box-shadow: 0 0 0 #ccc;
  border:0;
  background:none;
  margin-bottom:0;
}
.bx-controls{ display:none; }

.swiper-inner{ position:absolute; left:78px; bottom:140px; }
.swiper-inner div strong{ margin-right:5px; font-size:50px; color:#fff; font-style:italic; font-family:'Abel'; }
.swiper-inner div span{ font-size:92px; color:#fff; font-style:italic; font-family:'Abel'; }
.swiper-inner div{ font-size:60px; color:#fff; font-style:italic; }
.swiper-inner p{ font-size:28px; color:#fff; margin-top:-6px; line-height:29px; font-family:'Abel'; font-style:italic; }
.swiper-inner p span{ font-size:28px; color:#fff; line-height:29px; font-family:'Abel'; font-style:italic; }
.swiper-inner span{ color:#fff; }

.main-contant{ overflow:hidden; position:relative; margin-top:40px; }
.main-left{ overflow:hidden; float:left; width:870px; }
.main-right{ overflow:hidden; float:left; }




.box-content{ position:relative; overflow:hidden; float:left; box-sizing:border-box; }
.box-content h2 { position:relative; font-family:'Ropa Sans'; color:#fff; }
.box-content .img{ position:absolute; }
.box-content .cont{ position:absolute; width:290px; height:290px; padding:50px 28px; background-color:rgba(0,0,0,.7); box-sizing:border-box; }
.box-content .cont h2 { font-size:26px; color:#31b560; }
.box-content .cont h2 span { font-size:26px; color:#31b560; font-family:'Ropa sans'; }
.box-content .cont.type2{ background-color:#fff; }
.box-content .cont.type2 h2{ padding-bottom:8px; font-size:32px; color:#222; }
.box-content .cont.type2 h2 span{ font-size:32px; color:#222; font-family:'Ropa sans'; }
.box-content .cont.type2 h2:after{ content:''; position:absolute; left:0; bottom:0; width:24px; height:1px; background-color:#626262; }
.box-content strong{ display:block; position:relative; padding-top:16px; font-size:18px; font-weight:bold; color:#8f8f8f;  z-index:99; }
.box-content .cont strong + p{ padding-top:6px }
.box-content .cont.type2 p{ color:#8f8f8f; line-height:20px; }
.box-content .cont p{ position:relative; padding-top:14px; font-size:15px; color:#fff; line-height:20px; z-index:99; }
.box-content .cont em{ position:relative; display:block; font-family:'Ropa sans'; font-size:16px; color:rgba(255,255,255,.5); z-index:99; }
.box-content .cont.type2 em{ position:relative; display:block; font-family:'Ropa sans'; font-size:16px; color:rgba(34,34,34,.5); z-index:99; }




.box-content:hover .cont.type2 h2,
.box-content:hover .cont.type2 h2 span,
.box-content:hover .cont.type2 strong,
.box-content:hover .cont.type2 p{ position:relative; color:#fff; z-index:1; }
.box-content:hover .cont.type2 h2:after{ background-color:#fff; }
.box-content:hover .cont.type2 em{ color:#fff; }
.box-content:hover .btn-read-more{ border-color:#fff; color:#fff; }


.box-content .scale{ transform-origin: center center 0px;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease; }
.box-content:hover .scale{ -webkit-transform: scale(1.05,1.05);-moz-transform: scale(1.05,1.05);-o-transform: scale(1.05,1.05);transform: scale(1.05,1.05); }




/* SPEECH BUBBLES */
/* Bubble Top */
.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -ms-transform: perspective(1px) translateZ(0);
  -o-transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  
}
.hvr-bubble-top:after {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -o-transition-property: transform;
  -moz-transition-property: transform;



  left: calc(50% - 10px);
  top:0;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
}
.box-content:hover .cont.type2.hvr-bubble-top:after{
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}


/* Bubble Right */
.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -ms-transform: perspective(1px) translateZ(0);
  -o-transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-bubble-right:after {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
    -webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -o-transition-property: transform;
  -moz-transition-property: transform;
  top: calc(50% - 10px);
  right: 0;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent rgba(0,0,0,.7);
}
.cont.type2.hvr-bubble-right:after {
  border-color: transparent transparent transparent #e1e1e1;
}
.box-content:hover .hvr-bubble-right:before{
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}


/* Bubble Bottom */
.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -ms-transform: perspective(1px) translateZ(0);
  -o-transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-bubble-bottom:after {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
    -webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -o-transition-property: transform;
  -moz-transition-property: transform;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
}
.box-content:hover .hvr-bubble-bottom:before{
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

/* Bubble Left */
.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -ms-transform: perspective(1px) translateZ(0);
  -o-transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-bubble-left:after {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
    -webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -o-transition-property: transform;
  -moz-transition-property: transform;
  top: calc(50% - 10px);
  left: 0;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
}
.box-content:hover .hvr-bubble-left:after{
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}



.box-content .cont.type2:before{
	content:'';
	position:absolute;
	width:100%; 
	height:100%;
	transition:0.2s cubic-bezier(.666,0,.333,1);
	-webkit-transition:0.2s cubic-bezier(.666,0,.333,1);
	background-color:#449260;
}


.box-content .cont:before{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	transition:transform 0.2s cubic-bezier(.666,0,.333,1);
	-webkit-transition:transform  0.2s cubic-bezier(.666,0,.333,1);
	background-color:rgba(28,28,28,.8); 
}

.box-content:hover .cont:before{
	transform:translate3d(0,0,0); 
	-webkit-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0); 
	-moz-transform:translate3d(0,0,0);
}



.box-content .hvr-bubble-top:after{ border-color:transparent transparent rgba(0,0,0,.8) transparent;}
.box-content .cont.type2.hvr-bubble-top:after{ border-color:transparent transparent #fff transparent;}
.box-content:hover .hvr-bubble-top:after{ 
	border-color:transparent transparent rgba(255,255,255,.7) transparent; 
	-webkit-transition : border 0.25s ease-in;
   -moz-transition : border 0.25s ease-in;
   -o-transition : border 0.25s ease-in;
   transition : border 0.25s ease-in;
}
.box-content:hover .cont.type2.hvr-bubble-top:after{ 
	border-color:transparent transparent #449260 transparent; 
}
.box-content .hvr-bubble-top:before{ 
	left:0; 
	bottom:0; 
	transform:translate3d(0,100%,0); 
	-webkit-transform:translate3d(0,100%,0);
	-o-transform:translate3d(0,100%,0);
	-moz-transform:translate3d(0,100%,0);
}




.box-content .hvr-bubble-right:after{ border-color:transparent transparent transparent rgba(0,0,0,.8); }
.box-content .cont.type2.hvr-bubble-right:after{ border-color:transparent transparent transparent #fff; }
.box-content:hover .hvr-bubble-right:after{ 
	right:-10px;
	border-color:transparent transparent transparent rgba(28,28,28,.8);
	-webkit-transition : border 0.25s ease-in;
   -moz-transition : border 0.25s ease-in;
   -o-transition : border 0.25s ease-in;
   transition : border 0.25s ease-in;
}
.box-content:hover .cont.type2.hvr-bubble-right:after{ 
	border-color:transparent transparent transparent #449260;
}
.box-content .hvr-bubble-right:before{ 
	left:0; 
	top:0;
	transform:translate3d(-100%,0,0); 
	-webkit-transform:translate3d(-100%,0,0);
	-o-transform:translate3d(-100%,0,0);
	-moz-transform:translate3d(-100%,0,0);
}




.box-content .hvr-bubble-bottom:after{ border-color:rgba(0,0,0,.7) transparent transparent transparent; }
.box-content .cont.type2.hvr-bubble-bottom:after{ border-color:#fff transparent transparent transparent; }
.box-content:hover .hvr-bubble-bottom:after{ 
	bottom:-10px; 
	border-color:red transparent transparent transparent;
	-webkit-transition : border 0.25s ease-in;
   -moz-transition : border 0.25s ease-in;
   -o-transition : border 0.25s ease-in;
   transition : border 0.25s ease-in;
}
.box-content:hover .cont.type2.hvr-bubble-bottom:after{ 
	border-color:#449260 transparent transparent transparent;
}
.box-content .hvr-bubble-bottom:before{ 
	left:0; 
	top:0; 
	transform:translate3d(0,-100%,0); 
	-webkit-transform:translate3d(0,-100%,0);
	-o-transform:translate3d(0,-100%,0);
	-moz-transform:translate3d(0,-100%,0); 
}



.box-content .hvr-bubble-left:after{ border-color:transparent rgba(0,0,0,.7) transparent transparent; }
.box-content .cont.type2.hvr-bubble-left:after{ border-color:transparent #fff transparent transparent; }
.box-content:hover .hvr-bubble-left:after{ 
	left:0; 
	border-color:transparent red transparent transparent;
	-webkit-transition : border 0.25s ease-in;
   -moz-transition : border 0.25s ease-in;
   -o-transition : border 0.25s ease-in;
   transition : border 0.25s ease-in;
}
.box-content:hover .cont.type2.hvr-bubble-left:after{ 
	border-color:transparent #449260 transparent transparent;
}
.box-content .hvr-bubble-left:before{
	left:0; 
	top:0; 
	transform:translate3d(100%,0,0); 
	-webkit-transform:translate3d(0,-100%,0); 
	-o-transform:translate3d(100%,0,0);
	-moz-transform:translate3d(0,-100%,0); 
}




/* 

.top-arrow:after{
	content:''; 
	width:0; 
	height:0; 
	position:absolute;
	top:-10px;
	left:50%;
	margin-left:-8px;
	border-color:#fff;
	border-style:solid;
	border-top-width:0;
	border-bottom-width:10px;
	border-left-width:8px;
	border-right-width:8px;
	border-right-color:transparent;
	border-left-color:transparent;
}




.box-content .top-arrow:hover:after{
	content:''; 
	width:0; 
	height:0; 
	position:absolute;
	top:-10px;
	left:50%;
	margin-left:-8px;
	border-color:#449260;
	border-style:solid;
	border-top-width:0;
	border-bottom-width:10px;
	border-left-width:8px;
	border-right-width:8px;
	border-right-color:transparent;
	border-left-color:transparent;
	transition:1s;
}


.bottom-arrow:after{
	content:''; 
    width:0; 
    height:0; 
	position:absolute;
	bottom:-10px;
	left:50%;
	margin-left:-8px;
    border-color:#fff;
	border-style:solid;
	border-top-width:10px;
    border-bottom-width:0;
	border-left-width:8px;
	border-right-width:8px;
    border-right-color:transparent;
    border-left-color:transparent;
	z-index:9;
}


.right-arrow:after{
	content:''; 
    width:0; 
    height:0; 
	position:absolute;
	top:50%;
	margin-top:-8px;
	right:-10px;
    border-color:#fff;
	border-style:solid;
	border-top-width:8px;
    border-bottom-width:8px;
	border-left-width:10px;
	border-right-width:0;
    border-top-color:transparent;
    border-bottom-color:transparent;
	z-index:9;
}

 */

.box-content.m01{ width:580px; height:580px; }
.box-content.m01 .img{ /* background:url(../images/common/img_main_content01.jpg) no-repeat 50%;  */}
.box-content.m01 .cont{ left:0; bottom:0; width:290px; height:290px; background-color:rgba(0 , 0, 0, .7); }

.box-content.m02{ width:290px; height:580px; }
.box-content.m02 .img{ top:0; left:0; width:290px; height:290px; /* background:url(../images/common/img_main_content02.jpg) no-repeat 50%; */ }
.box-content.m02 .cont{ left:0; bottom:0; }


.box-content.m03{ position:absolute; left:0; bottom:0; width:100%; height:290px; }
.box-content.m03 .img{ top:0; left:290px; width:870px; height:290px; /* background:url(../images/common/img_main_content03.jpg) no-repeat 50%; */ }
.box-content.m03 .cont{ left:0; top:0; }



.box-content.m04{ width:290px; height:580px; }
.box-content.m04 .img{ top:290px; left:0; width:290px; height:290px; /* background:url(../images/common/img_main_content04.jpg) no-repeat 50%; */ }
.box-content.m04 .cont{ left:0; top:0; }













/************************************ OUR SERVICES ************************************
*********************************************************************************/
.our-services h2{ width:100%; height:52px; margin-top:40px; line-height:52px; font-family:'Ropa Sans'; font-size:28px; color:#fff; text-align:center; background-color:#000; }
.our-services{ overflow:hidden; border-top:1px solid #e1e1e1; }
.our-services li{ position:relative; float:left; width:33.33%; height:240px; background-color:#fff; border-left:1px solid #ededed; box-sizing:border-box; }
.our-services li > a{ display:block; height:386px; }
.our-services li:first-child{ border-left:0; }
.our-services li h3{ padding:40px 0 6px 0; font-family:'Abel'; font-size:26px; color:#1e8442; border-bottom:1px solid #e1e1e1; }
.our-services li p{ padding-top:20px; font-size:15px; line-height:20px; color:#555; }
.our-services li span{ position:absolute; right:0; bottom:0; width:50px; height:50px; padding:16px; box-sizing:border-box; background-color:#d8d8d8; transition:all ease-in-out 300ms;  -webkit-transition:all ease-in-out 300ms; -moz-transition:all ease-in-out 300ms; }
.our-services li span img{ transition:all ease-in-out 300ms;  -webkit-transition:all ease-in-out 300ms; -moz-transition:all ease-in-out 300ms;   }
.our-services li a:hover span img{ -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.our-services li a:hover span{background-color:#686868;}

.move{ 
	padding:0 34px; 
	height:100%;
	box-sizing:border-box;
	-webkit-transition-duration:.3s; 
	transition-duration:.3s; 
}
a:hover .move{ 
	-webkit-transform:translateY(-4px);
    -webkit-transition-timing-function:ease-in;
	transform:translateY(-4px);
    transition-timing-function:ease-in;
	-ms-transform:translateY(-4px);
}


/************************************ CONTACTS ************************************
*********************************************************************************/
.contacts{ overflow:hidden; margin-top:40px; }
.contacts .map{ float:left; width:773px; height:430px; }
.contacts .info{ float:right; width:386px; height:430px; padding:0 32px 30px 32px; background-color:#fff; box-sizing:border-box; }
.contacts .info h2{ font-family:'Ropa Sans'; padding-top:36px; font-size:28px; color:#222; }
.contacts .info .select-cont .name{ font-size:17px; color:#000; }
.contacts .info .select-cont .name em{ font-size:15px; color:#949494; font-style:italic; }
.mail{ display:block; padding-left:24px; font-size:16px; color:#909090; line-height:28px; background:url(../images/common/ico_contacts01.png) no-repeat 0 5px;}
.num{ display:block; padding-left:24px; font-size:16px; color:#909090; line-height:28px; background:url(../images/common/ico_contacts02.png) no-repeat 0 5px;}
.company{ display:block; padding-left:24px; font-size:16px; color:#909090; line-height:28px; background:url(../images/common/ico_contacts03.png) no-repeat 0 5px;}


.main-select-design{ width:100%; height:40px; line-height:40px; margin-top:14px; background-color:#fff; }
.main-select-design > button{ display:block; width:100%; height:40px; line-height:40px; padding:0 15px; background:url(../images/common/icon_select_arr_down.png) no-repeat right 15px center; font-size:20px; color:rgba(34, 34, 34, 0.33); text-align:left; font-family:'Abel'; border:1px solid #e5e5e5; outline:none;  }
.main-select-design > button.active{ background:url(../images/common/icon_select_arr_up.png) no-repeat right 15px center; }
.main-select-design > ul{ display:none; position:relative; border:1px solid #e5e5e5; z-index:9; border-top:0; box-sizing:border-box; }
.main-select-design > ul > li > button{ display:block; width:100%; padding-left:15px; background-color:#fff; height:40px; line-height:40px; font-size:20px; color:rgba(34, 34, 34, 0.33); font-family:'Abel'; text-align:left; }
.main-select-design > ul > li > button:hover{ background-color:#ddd; color:#fff; }



/************************************ FOOTER ************************************
*********************************************************************************/
#footer .inner{ position:relative; width:1160px; height:126px; padding:56px 0 45px 170px; margin:0 auto; background:url(../images/common/logo.png) no-repeat 0 50%; box-sizing:border-box; }
.footer-link a{ font-size:14px; color:#5a5a5a; }
.footer-link a:hover{ color:#a0a0a0; }
.footer-link em{ padding:0 2px; }
.copyright{ padding-top:6px; font-size:12px; color:#5a5a5a; }
.copyright{ padding-top:6px; font-size:12px; color:#5a5a5a; }
.scroll-top{ position:absolute; right:0; top:-42px; width:85px; height:87px; background:url(../images/common/btn_top_scroll.png) no-repeat 50%; outline:none; cursor:pointer; }





/************************************ SUB MAIN ABOUT US ************************************
*********************************************************************************/
.box-content h2.sbox-title{ color:#31b560; font-size:32px; padding-bottom:8px; }
.sbox-title:after{ content:''; position:absolute; left:0; bottom:0; width:24px; height:1px; background-color:rgba(49,181,96, .5)}


.box-content.abox01 .img{ width:100%; /* background:url(../images/common/sub_m_about_us_content01.jpg) no-repeat 50%; */ }
.box-content.abox01 .cont{ top:0; right:290px; }

.box-content.abox02 .img{ width:870px; right:0; background:url(../images/common/sub_m_about_us_content02.jpg) no-repeat 50%; }
.box-content.abox02 .cont{ top:0; left:0; }

.box-content.abox03 .img{ width:100%; background:url(../images/common/sub_m_about_us_content03.jpg) no-repeat 50%; }
.box-content.abox03 .cont{ top:0; right:0; }

.box-content.abox04 .img{ width:100%; left:0; background:url(../images/common/sub_m_about_us_content04.jpg) no-repeat 0 50%; }
.box-content.abox04 .cont{ top:0; right:0; }


.box-wrapper{ overflow:hidden; }
.sub-main-content .box-wrapper .box-content{ float:left; width:50%; }







/************************************ SUB ABOUT US ************************************
*********************************************************************************/
.sub-visual{ width:100%; height:400px; min-width:1160px; background:url(../images/common/aboutUs_img_visual.jpg) no-repeat 50%/cover;}
.sub-visual .inner{ position:relative; width:1160px; margin:0 auto; }
.sub-visual .title{ position:absolute; top:136px; left:48px; }
.sub-visual .title h2{ display:inline-block; font-size:50px; color:#fff; font-family:'Ropa sans'; border-bottom:2px solid #fff; }
.sub-visual .title p{ margin-top:20px; font-size:15px; color:#fff; line-height:20px; }


.sub-visual .title.type2 h2{ color:#222; border-color:#222; }
.sub-visual .title.type2 p{ color:#222; }


.sub-content{ width:100%; max-width:1160px; margin:0 auto; }
.sub-inner{ position:relative; overflow:hidden; margin-top:40px; padding:60px 50px; background-color:#fff; box-sizing:border-box; }

.earth{ position:absolute; right:-230px; bottom:-710px; width:779px; height:779px; }
.ship{ position:absolute; right:80px; bottom:67px; width:184px; height:64px; z-index:1; }
.cloud{ position:absolute; right:80px; bottom:174px; width:219px; height:49px; }


.sub-line-tit{ position:relative; padding-bottom:10px; font-size:30px; color:rgba(34, 34, 34, .9); font-family:'Ropa sans'; }
.sub-line-tit:after{ content:''; position:absolute; left:0; bottom:0; width:30px; height:1px; background-color:#474747; }
.sub-inner .tit-desc{ padding-top:24px; font-size:18px; color:#555; font-family:'Abel'; line-height:24px; }
.sub-inner .p-desc{ display:inline-block; padding-top:6px; font-size:24px; color:#449260; font-family:'Abel'; font-style:italic;  line-height:24px; border-bottom:1px solid #449260; }

.sub-inner .thumb{ overflow:hidden; padding-top:30px; }
.sub-inner .thumb li{ position:relative; float:left; width:338px; height:347px; margin-left:22px; }
.sub-inner .thumb li:first-child{ margin-left:0; }
.sub-inner .thumb li.t01{ background:url(../images/common/thumb_aboutUs_img01.jpg) no-repeat; }
.sub-inner .thumb li.t02{ background:url(../images/common/thumb_aboutUs_img02.jpg) no-repeat; }
.sub-inner .thumb li.t03{ background:url(../images/common/thumb_aboutUs_img03.jpg) no-repeat; }
.sub-inner .thumb li .tit{ position:absolute; left:0; right:0; bottom:0; width:100%; height:77px; line-height:77px; font-size:22px; color:rgba(255,255,255,.9); font-family:'Abel'; text-align:center; }

.sub-inner .thumb li.t01 .tit{ background-color:rgba(39,89,132,.95); }
.sub-inner .thumb li.t02 .tit{ background-color:rgba(30,131,66,.95); }
.sub-inner .thumb li.t03 .tit{ background-color:rgba(179,53,46,.95); }

.sub-inner.img-box{ height:562px; padding:60px 50px; background:url(../images/common/img_mission_bg.jpg) no-repeat 50%; }
.sub-inner.img-box .desc-wrapper{ position:relative; margin-top:24px; border-top:1px solid #e3e3e3; }
/*.sub-inner.img-box .desc-wrapper .desc{ position:absolute; }
.sub-inner.img-box .desc-wrapper .desc h4{ padding:0 0 2px 30px; font-family:'Ropa sans'; font-size:27px; color:#000; border-bottom:1px dotted #d7d7d7; }
.sub-inner.img-box .desc-wrapper .desc p{ padding-top:12px; font-size:15px; color:#777; line-height:20px;  }
.sub-inner.img-box .desc-wrapper .desc.d01{ top:202px; left:26px; }
.sub-inner.img-box .desc-wrapper .desc.d02{ top:52px; right:128px; }
.sub-inner.img-box .desc-wrapper .desc.d03{ top:337px; right:36px; }


.sub-inner.img-box .desc-wrapper .desc.d01 h4{ background:url(../images/common/icon_fidelity.png) no-repeat 0 4px; }
.sub-inner.img-box .desc-wrapper .desc.d02 h4{ background:url(../images/common/icon_foremost.png) no-repeat 0 4px; }
.sub-inner.img-box .desc-wrapper .desc.d03 h4{ background:url(../images/common/icon_frontier.png) no-repeat 0 4px; } */







/************************************ SUB MAIN OUR SERVICE ************************************
*********************************************************************************/
.about-interport{ margin-top:60px; padding:60px 48px; background-color:#fff; }
.about-interport p{ font-size:24px; font-family:'Abel'; color:#555; line-height:30px; }
.about-interport .box-inner{ margin-top:58px; border:1px solid #eaeaea; }
.about-interport .box-inner h2{ display:inline-block; margin-top:-15px; padding:0 10px; font-size:32px; color:#222; font-family:'Ropa sans'; text-align:center; background-color:#fff; }
.about-interport .box-inner .list{ overflow:hidden; padding:60px 25px; }
.about-interport .box-inner .list li{ float:left; width:33.33%; height:87px; padding-left:142px; border-left:1px dashed #ebebeb; box-sizing:border-box; }
.about-interport .box-inner .list li:first-child{ border-left:0; }
.about-interport .box-inner .list li.l01{ background:url(../images/common/icon_numerical01.png) no-repeat 28px 50%; }
.about-interport .box-inner .list li.l02{ background:url(../images/common/icon_numerical02.png) no-repeat 28px 50%; }
.about-interport .box-inner .list li.l03{ background:url(../images/common/icon_numerical03.png) no-repeat 28px 50%; }
.about-interport .box-inner .list li > em{ display:block; padding-top:14px; font-size:18px; color:#555; font-family:'Abel'; }
.about-interport .box-inner .list li span{ font-size:24px; color:#555; font-family:'Ropa sans'; font-style:italic; }
.about-interport .box-inner .list li span strong{ font-size:60px; color:#159442; font-family:'Ropa sans'; font-style:italic; letter-spacing:-2px; }
.about-interport .box-inner .list li span em{ font-size:28px; color:#159442; font-family:'Ropa sans'; font-style:italic; }
.about-interport .btn-area{ text-align:center; }
.about-interport .btn-area a{ display:inline-block; height:50px; line-height:50px; padding:0 28px; margin-top:40px; font-size:26px; color:#fff; font-family:'Ropa sans'; text-align:center; background-color:#449260; transition:all ease-in-out 300ms;  -webkit-transition:all ease-in-out 300ms; -moz-transition:all ease-in-out 300ms;}
.about-interport .btn-area a:hover{ background-color:#3b7f53; }



.sub-main-content .box-content{ float:none; height:290px; margin-top:40px; }
.sub-main-content .box-content .cont{ overflow:hidden; }

.sub-main-content .box-content.sbox01 .img{ width:870px; left:290px; }
.sub-main-content .box-content.sbox01 .link-sbox{ top:90px; left:236px; }


.sub-main-content .box-content.sbox02 .img{ width:100%; left:0; }
.sub-main-content .box-content.sbox02 .cont{ left:290px; }
.sub-main-content .box-content.sbox02 .link-sbox{ /* top:90px; */ left:525px; }


.sub-main-content .box-content.sbox03{ height:290px; }
.sub-main-content .box-content.sbox03 .img{ width:100%; left:0; }
.sub-main-content .box-content.sbox03 .cont{ left:580px; background:url(../images/common/bg_map_contact01.jpg) no-repeat 50%; }



.link-sbox{ 
	position:absolute;
	width:111px;
	height:111px;
	padding-top:50px;
	background:rgba(0,0,0,.8) url(../images/common/btn_our_service_link.png) no-repeat 50% 20px;
	box-sizing:border-box;
	border-radius:100%;
	z-index:99;
	box-sizing:border-box;
	-webkit-box-shadow: 2px 6px 10px -4px rgba(0,0,0,0.42);
	-moz-box-shadow: 2px 6px 10px -4px rgba(0,0,0,0.42);
	box-shadow: 2px 6px 10px -4px rgba(0,0,0,0.42);
}

.link-sbox span{ display:block; height:37px; background:url(../images/common/img_txt.png) no-repeat 50%; /* font-size:18px; color:#fff; font-family:'Abel'; line-height:20px; text-align:center;  */text-indent:-9999px; }





.animation {
    display: inline-block;
    position: absolute;
    top:90px;
    animation-name: animation;
    animation-duration:1.7s;
    animation-iteration-count: infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes animation {
    0% {
        top: 90px;
    }
    50% {
        top: 80px;
    }
    100% {
        top: 90px;
    }
}

/* Standard syntax */
@keyframes animation {
    0% {
        top: 90px;
    }
    50% {
        top: 80px;
    }
    100% {
        top: 90px;
    }
}



/************************************ SUB MAIN JOIN US ************************************
*********************************************************************************/


.sub-main-content .box-content.jbox01 .img{ width:870px; left:290px; /* background:url(../images/common/sub_m_joinUs_content01.jpg) no-repeat 50%; */ }
.sub-main-content .box-content.jbox01 .link-sbox{ left:436px; bottom:0; }


.sub-main-content .box-content.jbox02 .img{ width:980px; left:0; /* background:url(../images/common/sub_m_joinUs_content02.jpg) no-repeat 50%; */ }
.sub-main-content .box-content.jbox02 .cont{ left:580px; }



.box-content .recruitment{position:absolute; right:0; top:0; width:290px; height:290px; padding:50px 28px; background-color:rgba(0,0,0,.7); box-sizing:border-box; z-index:100;} 
.box-content .recruitment .list li{display:block; height:66px; line-height:66px; padding-left:62px; border-top:1px dashed #282a2c; font-size:20px; color:#fff; font-family:'Abel'; } 
.box-content .recruitment .list li:first-child{ border-top:0; }  

.box-content .recruitment .list li.icon01{ background:url(../images/common/icon_recruitment01.png) no-repeat 0 50%; } 
.box-content .recruitment .list li.icon02{ background:url(../images/common/icon_recruitment02.png) no-repeat 0 50%; } 
.box-content .recruitment .list li.icon03{ background:url(../images/common/icon_recruitment03.png) no-repeat 0 50%; } 






/************************************ SUB CONTACT US ************************************
*********************************************************************************/
.sub-visual{ width:100%; height:400px; min-width:1160px; background:url(../images/common/aboutUs_img_visual.jpg) no-repeat 50%/cover;}
.sub-visual.contactUs{ background:url(../images/common/contactUs_img_visual.jpg) no-repeat 50%/cover;}

.contacts.type2 .info h2{ position:relative; padding:72px 0 10px 0; font-size:32px; color:#222; font-family:'Ropa Sans'; }
.contacts.type2 .info h2:before{ content:''; position:absolute; left:0; bottom:0; width:24px; height:1px; background-color:#626262; }
.contacts .info p{ padding-top:20px; font-size:18px; color:#555; font-family:'Abel'; line-height:28px; }
.contacts .info .list{ margin-top:15px; }
.contacts .info .list li{ padding:11px 11px 11px 46px; font-size:18px; color:#555; font-family:'Abel'; }
.contacts .info .list li a{ font-size:18px; color:#555; font-family:'Abel'; }
.contacts .info .list li a:hover{color:#449260; border-bottom:1px solid #449260; }
.contacts .info .list .icon01{ background:url(../images/common/icon_contact_info01.png) no-repeat 0 6px; }
.contacts .info .list .icon02{ background:url(../images/common/icon_contact_info02.png) no-repeat 0 6px; }
.contacts .info .list .icon03{ background:url(../images/common/icon_contact_info03.png) no-repeat 0 6px; }



.box-contact-wrapper{ margin-top:40px; padding:70px 50px; background-color:#fff; }



.box-contact{ overflow:hidden; margin-left:-26px; margin-top:-20px; }
.box-contact > li{ float:left; width:340px; height:212px; padding:26px; margin:20px 0 0 22px; border:1px solid #ebebeb; background-color:#fcfcfc; box-sizing:border-box; }
.box-contact > li > em{ font-size:14px; color:rgba(85,85,85,.55); font-style:italic; }
.box-contact > li > strong{ display:block; margin-top:8px; font-size:18px; color:#555; font-weight:bold; }
.box-contact > li > ul{ padding-top:16px; margin-top:12px; border-top:1px dashed #d7d7d7; }
.box-contact > li > ul li a{font-size:16px; color:#909090;}
.box-contact > li > ul li a:hover{ color:#449260; border-bottom:1px solid #449260; }




.tabs-wrapper{ padding-top:4px; height:60px; background-color:#2c2c2c; box-sizing:border-box; }
.tabs{ width:1160px; margin:0 auto; height:60px; }
.tab_content{overflow:hidden;}
.tabs li { float:left; height:56px; line-height:56px; }
.tabs li a{ display:block; height:56px; padding:0 58px; line-height:56px; font-family:'Ropa Sans'; font-size:22px; color:rgba(255,255,255,0.44);  text-align:center; }
.tabs .tabs_on a{ color:#111; background-color:#ededed; }



/************************************ SUB OUR SERVICE BROKING ************************************
*********************************************************************************/
.sub-visual.ourService{ width:100%; height:400px; min-width:1160px; background:url(../images/common/our_service_broking_img_visual.jpg) no-repeat 50%/cover;}
.sub-main-content.type2{ width:1160px; margin:0 auto; }


.box-style{ overflow:hidden; height:290px; margin-top:40px; background-color:#fff; }
.box-style .img{ float:left; width:290px; height:290px; }
.box-style .desc{ float:left; width:870px; height:290px; padding:52px 40px 0 50px; box-sizing:border-box; }
.box-style .desc p{ margin-top:18px; font-family:'Abel'; font-size:20px; color:#555; line-height:24px; }


.title-line{ position:relative; padding-bottom:16px; font-family:'Ropa Sans'; font-size:32px; color:#222; }
.title-line:after{ content:''; position:absolute; left:0; bottom:0; width:24px; height:1px; background-color:#626262; }

.col2{ float:left; width:50%; }
.box-list{ margin-top:-10px; }
.box-list li{ position:relative; padding-left:14px; font-family:'Abel'; font-size:18px; color:#555; line-height:35px; }
.box-list li:before{ content:''; position:absolute; left:0; top:50%; margin-top:-1.5px; width:3px; height:3px; background-color:#222; border-radius:100%; }



/************************************ SUB JOIN US CULTURE ************************************
*********************************************************************************/


.sub-visual.joinUs{ width:100%; height:400px; min-width:1160px; background:url(../images/common/joinUs_culture_img_visual.jpg) no-repeat 50%/cover;}

.box-style02{ overflow:hidden; padding:68px 40px; margin-top:40px; background-color:#fff; }
.box-style02 .desc{ float:left; width:640px; padding-right:60px; box-sizing:border-box; }
.box-style02 .desc p{ margin-top:20px; font-family:'Abel'; font-size:18px; color:#555; line-height:24px;  }
.box-style02 .img{ float:left; }

.bg-box-style{ height:290px; padding:56px 0 0 52px; margin-top:40px; background:url(../images/common/bg_sub_ourService_content06.jpg) no-repeat 50%; box-sizing:border-box; }
.bg-box-style .desc p{ font-family:'Abel'; font-size:18px; color:#fff; line-height:24px; font-style:italic; }



/************************************ SUB ABOUT US HISTORY ************************************
*********************************************************************************/
.history-top{ height:196px; padding:58px 0 0 80px; margin-top:40px; font-family:'Abel'; font-size:30px; color:#d5f1ff; line-height:42px; font-style:italic; background:url(../images/common/bg_history.jpg) no-repeat; box-sizing:border-box; }
.history-cont{ margin-top:40px; height:514px; background:#fff url(../images/common/img_history_cont.jpg) no-repeat 50%/100%;}

/************************************ JOIN US RECRUITMENT ************************************
*********************************************************************************/
.sub-main-content.type3{ width:1160px; margin:0 auto; }
.sub-main-content.type3 .box-style{padding:70px 0; height:auto}
.sub-main-content.type3 .box-style .col2:first-child{border-right:1px dashed rgba(85, 85, 85, .25) }
.sub-main-content.type3 .box-style .col2.img1{padding:0 0 0 270px; background:url(../images/common/icon_numerical04.png) no-repeat 50px 50%; box-sizing:border-box;}
.sub-main-content.type3 .box-style .col2.img2{padding:0 0 0 270px; background:url(../images/common/icon_numerical05.png) no-repeat 50px 50%; box-sizing:border-box;}
.sub-main-content.type3 .box-style .box-list{margin-top:22px;}
.sub-main-content.type3 .box-style .box-list li{line-height:24px; margin-top:9px}
.sub-main-content.type3 .box-style .box-list li:before{top:11px;}

.careers-contact{margin-top:40px; padding:68px 70px;  background-color:#fff; box-sizing:border-box;}
.careers-contact input{ position:absolute; top:-99999em; }

.careers-contact .title{position:relative; padding-bottom:16px; border-bottom:1px solid #dbdbdb; font-family:'Ropa Sans'; font-size:32px; color:#222; }
.careers-contact ul{ padding-top:38px;}
.careers-contact ul li{ display:inline-block; margin-left:68px; padding-left:32px; line-height:35px; font-size:22px; font-family:'Abel'; font-style:italic; background:url(../images/common/ico_contect_email.png) no-repeat 0 50%; box-sizing:border-box;} 
.careers-contact ul li:first-child{ margin-left:0; } 
.careers-contact ul li a{font-size:22px; font-family:'Abel'; font-style:italic;}
.careers-contact ul li:hover{background:url(../images/common/ico_contect_email_hover.png) no-repeat 0 50%;}
.careers-contact ul li:hover a{color:#449260; border-bottom:1px solid #449260; }




/************************************ SUB ABOUT US VALUE ************************************
*********************************************************************************/



.sec-content{ display:table; width:100%; padding:65px 52px; margin-top:40px; background-color:#fff; box-sizing:border-box; }
.sec-content .desc{ display:table-cell; width:637px; vertical-align:top; }
.sec-content .desc p{ margin-top:22px; font-size:18px; color:#555; line-height:24px; font-family:'Abel'; }
.sec-content .img{ display:table-cell; vertical-align:top; }
.sec-content .box-list{ margin-top:38px; }







/* 카운터 */
.counter-holder{ padding:0; border-bottom:0; }
.counter .digit{ background:none; }



/* 레이어팝업 */

.layer { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; }
.layer .bg { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity:.8; }
.cbtn{ position:absolute; top:12px; right:12px; width:19px; height:19px; background:url(../images/common/btn_popup_close.png) no-repeat 50%; }
.pop-layer{position:absolute; left:50%; top:50%; width:1000px; height:600px; background:#fff; z-index:999; box-sizing:border-box; }


.popup-header{overflow:hidden; height:42px; padding:10px 18px; background-color:#3a3e49; box-sizing:border-box;}
.popup-header h2{float:left; font-size:19px;  color:#fff;}
.popup-header .cbtn{float:right; width:16px; height:16px; margin-top:3px; background:url(../images/common/icon_btn_close.png) no-repeat 50%; text-indent:-9999px; cursor:pointer; }


/* 

@media only screen and (max-device-width:480px){
	.device{ min-width:100% ! important;}
	.device  #container.sub-wrapper{min-width:100%;}
	#container.device{width:980px;}
	.device #header > .inner{width:980px;}
	.device .bg-depth .inner{width:980px;}
	.device #footer .inner{ position:relative; width:980px;}
	.device .sub-visual{min-width:980px;}
	.device .sub-visual .inner{width:980px;}
	.device .sub-content{ width:100%; max-width:980px;}
	.device .sub-main-content .box-content.jbox02 .img{width:980px;}
	.device .tabs{width:980px;}
	.device .sub-visual.ourService{min-width:980px;}
	.device .sub-main-content.type2{ width:980px;}
	.device .sub-visual.joinUs{min-width:980px;}
	.device .sub-main-content.type3{width:980px;}
	.careers-contact ul{overflow:hidden;}
	.careers-contact ul li{float:left; margin-left:0; width:33.33%; padding-left:32px; line-height:35px; box-sizing:border-box; background-position:0 0;} 
	.careers-contact{margin-top:40px; padding:68px 70px;  background-color:#fff; box-sizing:border-box;}
} */