@charset "UTF-8";




/* 1. IMPORT SECTION */

	@import url("http://fonts.googleapis.com/css?family=Roboto:200,300,600,700&subset=latin,latin-ext");



/* 2. BASIC STYLES */

	html, body {
		height: 100%;
	}

	body {
		font-family: "Roboto", Arial, sans-serif;
		font-size: 14px;
		font-weight: 200;
		line-height: 1.7857;
		letter-spacing: 0.075em;
		color: #333333;
		background-color: #fff;
	}

	a { 
		color: #000;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	a:hover {
		color: #000;
	}

	a, a:hover, a:active, a:focus, button:focus {
		outline: 0;
		border: 0;
		text-decoration: none;
	}

	#st-preloader {
		background: #FFF;
		bottom: 0;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 9999;
	}

	p {
		line-height: 2;
	}

	h1, h2, h3, h4, h5, h6{
		font-family: "Roboto", Arial, sans-serif;
		font-weight: 700;
		text-transform: uppercase;
	}

	input, textarea{
		outline: none;
	}

	label{
		font-weight: 300;
	}
	.f-dsh-import{
		font-weight: bold;
		color: #004193;
	}
	.f-sk-import{
		font-weight: bold;
		color: #ff0000;
	}
	.f-orange-import{
		font-weight: bold;
		color: #FF7A00;
	}
	.f-smartsat-import{
		font-weight: bold;
		color: 	#800000;
	}


	#pre-status,
	.preload-placeholder {
		background-image: url(../images/preloader.gif);
		background-position: center;
		background-repeat: no-repeat;
		height: 40px;
		left: 50%;
		margin: -20px 0 0 -20px;
		position: absolute;
		top: 50%;
		width: 40px;
	}

	.preload-placeholder {
		background: none;
		left: 0;
		margin: 0;
		text-align: center;
		top: 65%;
	}

	.st-border{
		width: 34px;
		height: 1px;
		display: block;
		background-color: #000;
	}
	.st-border.wh{
		background-color: #fff;
	}

	.overlay{
		background-color: #000;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.8;
	}
	span.material-icons{
		margin-right: 5px;
		margin-top : 5px;
		font-size: 3px;
		line-height: 25px;
		color: #004193;
	}
	span.material-icons{
		font-size: 10px;
	}
	.sb-tit{
		margin: 15px 0 10px 0;
		padding-left: 10px;
		font-size: .9em;
		color: rgba(0,65,147,1);
		font-weight: 500;
		position: relative;
	}
	.sb-tit:before{
		content: "";
		position: absolute;
		top: 0;
		left :10px;
		width: 3%;
		height: 2px;
		background-color: rgba(0,65,147,1);
	}
	.coment-txt{
		font-size: .7em;
		font-weight: 400 !important;
	}
	
	
	.text-c{
		text-align: center !important;
	}
	.border-t{
		border-top: 1px solid #f8f8f8;
	}
	.mt-50{
		margin: 50px 0 0 0;
	}
	.mt-30{
		margin: 30px 0 0 0;
	}
	.mt-15{
		margin: 15px 0 0 0;
	}
	
	.mb-15{
		margin: 0 0 15px 0;
	}
	.mb-30{
		margin: 0 0 30px 0;
	}
	.mb-50{
		margin: 0 0 50px 0;
	}
	.ml-5{
		margin: 0 0 0 5px;
	}
	.ml-10{
		margin: 0 0 0 10px;
	}
	.ml-15{
		margin: 0 0 0 15px;
	}
	.ml-30{
		margin: 0 0 0 30px;
	}
	.mr-5{
		margin: 0 5px 0 0;
	}
	
	.mtb-15{
		margin: 15px 0;
	}
	.mtb-30{
		margin: 30px 0;
	}
	.mtb-50{
		margin: 50px 0;
	}
	.mtb-15-10{
		margin: 15px 0 10px 0;
	}
	.mtb-15-30{
		margin: 15px 0 30px 0;
	}
	.mtb-15-50{
		margin: 15px 0 50px 0;
	}
	
	
	.mrl-15{
		margin: 0 15px;
	}
	.mrl-30{
		margin: 0 30px;
	}
	
	
	.pt-50{
		padding: 50px 0 0 0 !important;
	}
	.pt-30{
		padding: 30px 0 0 0 !important;
	}
	.pt-15{
		padding: 15px 0 0 0 !important;
	}
	
	.ptd-50{
		padding: 50px 0 0 0 !important;
	}
	
	.pd-50-15{
		padding: 50px 15px 15px 15px !important;
	}
	
	.pl-15{
		padding: 0 0 0 15px;
	}
	.pl-30{
		padding: 0 0 0 30px;
	}
	.pl-118{
		padding: 0 0 0 118px;
	}
	
	
	.plr-15{
		padding: 0 15px;
	}
	.plr-30{
		padding: 0 30px;
	}
	
	
	
	
	
	
	
	.log-ico{
		width: 25px;
		margin: 0 5px 3px 0;
	}
	.coming-soon img{
		width: 100%;
	}
	.not-pd{
		padding: 0 !important; 
	}
	.not-mg{
		margin: 0 !important;
	}
/* HEADER */

	#header{}

	#header .navbar {
		min-height: 80px;
		margin-bottom: 0;
		border-radius: 0;
	}

	.st-navbar{
		background-color: #fff;
		border-bottom: 1px solid #f0f0f0;
	}

	.st-navbar ul{
		margin-top: 15px;
	}

	.st-navbar ul li a{
		text-transform: uppercase;
		font-weight: 400;
		padding: 0;
		margin: 14px;
	}

	.st-navbar ul li a:hover,
	.st-navbar ul li a:focus {
		background-color: transparent;
		color: #000;
	}

	.st-navbar .navbar-header{
		margin-top: 23px;
	}

	.st-navbar .navbar-toggle .icon-bar {
		background-color: #000;
	}

	.st-navbar .navbar-toggle{
		margin-top: 7px;
		margin-right: 25px;
		padding: 0;
		border-radius: 0;
	}
	
	.nav-select{
		position: absolute;
		top: 50%;
		right: 3%;
		transform:transLate(-5%,-50%);
		background-color: #004193;
	}
	.nav-select span{
		display: block;
		font-size: .9em;
		font-weight: 500;
		color: #fff;
		width: 100%;
		padding-left: .5em;
	}

	.nav-select select{
		-webkit-appearance: none;  /* 네이티브 외형 감추기 */
    	-moz-appearance: none;
	    appearance: none;
		position: relative;
		width: 180px; 
		border: none;
		font-size: .9em;
		line-height: 24px;
		height: 24px;
		background-color: #004193;
		color: #fff;
		padding: 0 .5em;
		cursor: pointer;
		top: 3px;
	}
	.nav-select select::-ms-expand{
    	display: none;
	}
	.nav-select::after{
		position: absolute;
		content:"";		
		top: 83%;
		right: 5%;
		transform:transLate(-5%,-83%);
		width :0;
		height :0;
		pointer-events: none;
		border-style :solid;
		border-width: 8px 5px 0 5px;
		border-color: #fff transparent transparent transparent;
	}
	
	
	
	
	
	
	
	.section-title{
		margin-bottom: 50px;
	}

	.section-title h1{
		margin-top: 0;
	}
	.section-title.wh h1{
		color:#fff;
	}
	
	#page-header{
		padding-top: 100px;
		padding-bottom: 100px;
		position: relative;
		margin-top: 80px;
	}
	
	.vsat-header{
		background: url("/images/sub/p-h-01.jpg") no-repeat;
		background-size : contain;
		background-attachment: fixed;
	}
	
	.shipping-header{
		background: url("/images/sub/p-h-02.jpg") no-repeat;
		background-size : contain;
		background-attachment: fixed;
	}
	
	.trading-header{
		background: url("/images/sub/p-h-03.jpg") no-repeat;
		background-size : contain;
		background-attachment: fixed;
	}
	
	.contact-header{
		background: url("/images/sub/p-h-04.jpg") no-repeat;
		background-size : contain;
		background-attachment: fixed;
	}

/* SLIDER */

	#slider{
		margin-top: 80px;
	}

	#home-carousel  .item {
		background-position: center top;
		background-repeat: no-repeat;
		background-size:cover;
		width:100%;
		height: 650px;
	}

	#home-carousel .item:before{
		background-color: #000;
		content: "";
		height: 100%;
		top: 0;
		left: 0;
		opacity: 0.5;
		position: absolute;
		width: 100%;
	}

	.carousel-caption {
		left: 15px;
		right: 15px;
		top: 50%;
		font-size: 15px;
		text-align: left;
		color: #fff;
		text-shadow: none;
		margin-top: -130px;	
	}

	.carousel-caption h1 {
		font-size:46px;
		margin-bottom:0;
		line-height:27px;
		letter-spacing:2px;
		font-weight:100;
	}

	.carousel-caption h2 {
		font-size:81px;
		font-weight:600;
		margin-top:0px;
		text-transform:lowercase;
		letter-spacing:2px;
		margin-bottom:20px;
	}

	.home-carousel-left, 
	.home-carousel-right {	
		background-color: #f0f0f0;
		height: 40px;
		position: absolute;
		text-align: center;
		top: 50%;
		width: 32px;
		z-index: 999;
		-webkit-transition: 300ms;
		-moz-transition: 300ms;
		-o-transition: 300ms;
		-ms-transition: 300ms;
		transition: 300ms;
	}
	
	.home-carousel-left span, 
	.home-carousel-right span{
		font-size: 32px;
		line-height: 40px;
		margin: 0 0 0 0;
		color:#000;
	}
	.home-carousel-left {
		left:-32px;
	}

	.home-carousel-right {
		right:-32px;
	}

	#home-carousel:hover .home-carousel-left {
		left:0;
	}

	#home-carousel:hover .home-carousel-right {
		right:0;
	}
	/* Carousel animation */

	#home-carousel .item h1, 
	#home-carousel .item h2, 
	#home-carousel .item p {
		opacity:0;
		-moz-transform: scale(0.5);
		-webkit-transform: scale(0.5);
		-o-transform: scale(0.5);
		-ms-transform: scale(0.5);
		transform: scale(0.5);
	}

	#home-carousel .item h1 {
		-webkit-transition: all 0.5s ease-in-out 0.15s;
		-moz-transition: all 0.5s ease-in-out 0.15s;
		-ms-transition: all 0.5s ease-in-out 0.15s;
		-o-transition: all 0.5s ease-in-out 0.15s;
		transition: all 0.5s ease-in-out 0.15s;
	}

	#home-carousel .item.active h1, 
	#home-carousel .item.active h2, 
	#home-carousel .item.active p {
		opacity:1;
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	#home-carousel .item h2 {
		-webkit-transition: all 0.5s ease-in-out 0.30s;
		-moz-transition: all 0.5s ease-in-out 0.30s;
		-ms-transition: all 0.5s ease-in-out 0.30s;
		-o-transition: all 0.5s ease-in-out 0.30s;
		transition: all 0.5s ease-in-out 0.30s;
	}

	#home-carousel .item p {
		-webkit-transition: all 0.5s ease-in-out 0.45s;
		-moz-transition: all 0.5s ease-in-out 0.45s;
		-ms-transition: all 0.5s ease-in-out 0.45s;
		-o-transition: all 0.5s ease-in-out 0.45s;
		transition: all 0.5s ease-in-out 0.45s;
	}
	
	
/* ABOUT US */
	
	#about-us{
		background-color: #f5f5f5;
		
	}

	#about-us .about-us{
		position: relative;
		width: 100%;
	}
	#about-us .about-us p{
		margin: 10% auto 0 auto;
		width: 75%;
		font-size: 1.2em;
	}
	
	
	#about-us .our-office{
		padding-right: 0px;
		padding-left: 0px;
	}


	#about-us .our-office .item img{
		width: 100%;
	}



/* VSAT */
	
	.layout-area{
		margin-top: 35px;
	}
	
	.post-quote{
		padding: 15px;
		font-size: 14px;
		font-weight: 500;
	}
	
	.post-article{
		padding : 0 15px;
	}
	
	.sidebar-widget{
		padding: 50px 0;
		background-color: #f8f8f8;
		min-height: 625px;
	}

	.sidebar-widget ul{
		list-style: square;
		margin: 0;
		padding-left: 18px;
	}

	.sidebar-widget ul li{
		margin-bottom: 10px;
		margin-left:10px;
		font-weight: 500;
		font-size: 12px;
		cursor: pointer;
	}
	.sidebar-widget ul li.active{
		font-weight: 800;
		font-size: 12px;
	}
	
	
	.dsh-smartsat table{
		width: 100%;
		font-size: .9em;
	}
	.dsh-smartsat table tr{
		height: 65px;
		border-bottom: 1px solid #EBEBEB;
		margin: 5px 0;
	}
	.dsh-smartsat table td{
		padding-left: 10px;
	}
	.dsh-smartsat table tr:first-child{
		border-bottom: 2px solid #333;
		margin-bottom: 2px;
	}
	
	
	.typical-service{}
	.typical-service h4{}		
	.typical-service .typical-service-tb table{
		border-spacing: 2px;
		border-collapse: separate;
		width:100%;
	}
	.typical-service .typical-service-tb th{
		font-size : .9em;
		border: 1px solid;
		height: 65px;
		text-align: center;
		background-color: #444444;
		color: #fff;
	}	
	.typical-service .typical-service-tb td{
		font-size: .8em;
		padding-left: 10px;
		border-bottom: 1px solid #f3f3f3;
	}
	

	.organization-service{
		position: relative;
	}
	.organization-service .organiztion-map{
		position: relative;
	}
	.organization-service img{
		width: 100%;
		position: relative;
	}
	span.material-icons.map-point{
		position: absolute;
		cursor: pointer;
		color: #3E4159;
		font-size: 1.5em;
		margin: 0 !important;
	}
	span.material-icons.map-point.togle{
		font-size:2.5em;
		color:#FFC963;
		display:block !important;
		z-index: 9999;
	}
	.map-point:after{
		content:"";
		position: absolute;
		bottom: 0;
		width: 10px;
		height: 10px;
		border: 1px solid;
		border-radius: 50%;
		left:5px;
		animation: pulsate 1s ease-out;
		animation-iteration-count: infinite;
		opacity: 0.0;
		box-shadow: 0 0 1px 2px #333;
		animation-delay: 1.1s;
	}
	.map-point.togle:after{
		content:"";
		position: absolute;
		bottom: -4px;
		width: 10px;
		height: 10px;
		border: 1px solid;
		border-radius: 50%;
		left:12px;
		animation: pulsate 1s ease-out;
		animation-iteration-count: infinite;
		opacity: 0.0;
		box-shadow: 0 0 1px 2px #333;
		animation-delay: 1.1s;
		z-index: -1;
	}
	@keyframes pulsate{
		0%{transform: scale(0.1, 0.1);
		   opacity: 0.0;
		} 
		50%{
		   opacity: 1.0;
		} 
		100%{
			transform:scale(1.2, 1.2);
			opacity: 0;
		} 
	}

	.map-point-01{		
		top: 43%; right: 17.6%;
	}
	.map-point-02{		
		top: 50.3%; right: 22.1%;
	}
	.map-point-03{		
		top: 54.3%; right: 19.6%;
	}
	.map-point-04{		
		top: 56%; right: 22.9%;
	}
	.map-point-05{		
		top: 55%; right: 24.8%;
	}
	.map-point-06{		
		top: 61%; right: 24.5%;
	}
	.map-point-07{		
		top: 65.4%; right: 23.3%;
	}
	
	.organiztion-map .btn-refresh{
		margin: 0 0 5px 0;
		font-size: .8em;
		font-weight: 600;
		color: #333;
		display: inline;
		float: right;
		padding: 3px 5px;
		border-bottom: 1px solid #ebebeb;
		border-top:  1px solid #ebebeb;
		cursor: pointer;
	}
	.organiztion-map .btn-refresh span.material-icons{
		font-size: 1.3em;
		margin: 0;
		line-height: 14px;
		position: relative;
		top: 3px;
	}
	.organiztion-map .location-box{
		position: absolute;
		left:15px;
		bottom: 0;
		width: 180px; 
		height: 85px;
		display: none;		
	}
	.organiztion-map .location-box.on{
		position: absolute;
		left:15px;
		bottom: 0;
		width: 180px; 
		height: 85px;
		border: 1px solid #333; 
		background: rgba(255,255,255,.6);
		box-shadow: 5px 5px 5px rgba(0,0,0,.3);
		display: block;
		padding: 10px 0 0 15px;
	}
	.organiztion-map .location-box.on .loca-box-tit{
		font-size: 1.1em;
		font-weight: 600;
		color: #333;
		margin-bottom: 5px;
	}
	.organiztion-map .location-box.on .loca-box-content{
		font-size: .95em;
		font-weight: 500;
		color: #333;
		margin: 0;
	}
	
	.organiztion-wrap{}
	.organiztion-wrap .exp-tit{
		text-align: right;
		width: 100%;
		margin: 5px 0;
		font-size: .8em;
		font-weight: 600;
		color: #333;
		padding-right: 15px;
	}
	.organiztion-content{
		position:relative;
		height: 80px; 
		line-height: 80px;
		text-align: center;
		background-color: #fff;
		z-index: 1;
	}
	.organiztion-content span{
		display: block;
		height: 80px;
		line-height: 80px;
		width: 97%;
		margin: -1px auto 0 auto;
		border: 2px solid #3792BF;
		font-size: .95em;
		color: #333;
		font-weight: 600;
		cursor: pointer;
		transition : background-color .5s ease-out;
		-webkit-transition : background-color .5s ease-out;
		-ms-transition : background-color .5s ease-out;
	}
	.organiztion-content span:hover{
		background-color: #3792BF;
		color: #fff;
	}
	.organiztion-content sup{
		position: absolute;
		top: 22%; 
		font-size: 1.5em;
		width : 97%;
		left: 50%;
		transform:translate(-50%,0);
	}
	
	.top-organi .vertical-arrow{
		position: absolute;
		top: 40%;
		left: 0;
		width: 150px;
		box-sizing: border-box;
		position: relative;
		border: 0 solid transparent;
		height: 16px;
		border-left: 18px solid transparent;
		border-right: 18px solid transparent;
		background: #428bca content-box;
		cursor: default;
	}
	
	.top-organi .vertical-arrow:before,
	.top-organi .vertical-arrow:after {
		content: '';
		position: absolute;
		margin: -18px;
		border: 18px solid transparent;
	}
	
	.top-organi .vertical-arrow:before {
		top: 50%;
		left: -9px;
		border-right-color: #428bca;
	}
	.top-organi .vertical-arrow:after {
		top: 50%;
		right: -9px;
		border-left-color: #428bca;
	}

	
	.organiztion-content.ver-line:before{
		content:"";
		position: absolute;
		height: 2px;
		background-color: #004193;
		top: -35%;
		left: 49%;
	}
	.mid-organi .organiztion-content.ver-line:before{
		width: 201%;
	}
	.bot-organi .organiztion-content.ver-line:before{
		width: 501.5%;
		left: 48%;
	}
	.organiztion-content.hori-line:after{
		content:"";
		position: absolute;
		width: 2px;
		background-color: #004193;
		left: 49%;
		height: 27px;
		top: -26px;
	}
	.top-organi .organiztion-content.hori-line:after{
		top: 98%;
		height: 25px;
	}
	.mid-organi.hori-line-d:after{
		content:"";
		position: absolute;
		width: 2px;
		background-color: #004193;
		left: 12.2%;
		height: 26px;
		top: 97%;
	}
	
	.bot-organi .organiztion-content.hori-line:after{
		left: 48%;
	}
	.bot-organi p{
		text-align: center;
		width: 100%;
		font-size: .8em;
		font-weight: 600;
		color: #333;
		position: relative;
		top: 10px;
	}
	
		
	.commission-service{}
	.commission-service h4{}
	.commission-servic img{}
	
	.commission-service p{
		font-size: .9em;
	}
	
	.service-chart{}
	.service-chart h4{}
	.service-chart img{
		width: 100%;
	}
	
	.info-bw{}
	.info-bw h4{
		margin-bottom: 30px;
	}
	.info-bw .info-bw-l{
		position: relative;
		height: 100px;
	}
	.info-bw .info-bw-l p {
		height: 100%;
		line-height: 100px;
		text-align: center;
		border: 1px solid #333;
		font-weight: 500;
	}
	
	.info-bw .info-bw-l.line-h-half p{
		line-height: 50px;
	}
	.info-bw .info-bw-r p {
		font-size: .9em;
	}
	.info-bw .info-bw-r p.info-bw-subtext{
		font-size: .85em;
		padding-left: 15px;
	}
	.info-bw .info-bw-r p span{
		margin-right: 5px;
		margin-top : 5px;
		font-size: 3px;
		line-height: 25px;
		color: #004193;
	}
	.coverage-map{
		min-height: 530px;
	}
	.coverage-map h4{}
	.coverage-map p{
		position: absolute;
		content: "VSAT(Ku-Band) Coverage Map";
		font-size: .9em;
		width: 55%;
		height: 35px;
		line-height: 35px;
		color: #fff;
		background-color: #004193;
		text-align: center;
		top: 0;
		left: 0;
	}
	.post-carousel-left, 
	.post-carousel-right {	
		background-color: #f0f0f0;
		height: 40px;
		margin-top: -20px;
		position: absolute;
		text-align: center;
		top: 50%;
		width: 32px;
		z-index: 999;
		-webkit-transition: 300ms;
		-moz-transition: 300ms;
		-o-transition: 300ms;
		-ms-transition: 300ms;
		transition: 300ms;
	}
	.post-carousel-left span, 
	.post-carousel-right span{
		font-size: 32px;
		color:#000;
		line-height: 40px;
		margin: 0 0 0 0;
	}

	.post-carousel-left {
		left:-32px;
	}

	.post-carousel-right {
		right:-32px;
	}

	#post-carousel:hover .post-carousel-left {
		left:0;
	}

	#post-carousel:hover .post-carousel-right {
		right:0;
	}
	
	.cs-feature{}
	.cs-feature h4{}
	.cs-feature img{
		width: 100%;
	}
	.cs-feature-area{
		position: relative;
	}
	.cs-feature-area p{
		font-size: .9em;
		font-weight: 600;
	}
	.cs-feature-area p.cs-feature-subtext{
		font-size: .85em;
		padding-left: 15px;
		padding-bottom : 10px;
		font-weight: 400;
		border-bottom: 1px dashed rgba(0,65,147,.7);
	}
	.cs-feature-area p.cs-feature-subtext:last-child{
		border-bottom: none;
	}		
	.cs-feature-area .cs-featyre-coment{
		font-size: .8em;
		padding-left: 15px;
		display: inline-block;
	}
	.cs-feature-subtext img{
		width: 100%;
		margin-top: 78px;
	}
	.cs-feature-furuno:after{
		position: absolute;
		background:url("/images/sub/service-furuno-01.jpg") no-repeat; 
		background-size :100% 100%;
		content: "";
		bottom:0;
		right:-8px;
		width: 180px;
		height: 180px;
	}

	.cs-feature-img-area img{
		width: 100%;
	}
	
	
	.mm-networkoper{}
	.mm-networkoper h4{}
	.mm-networkoper img{
		width: 100%;
	}
	
	.ad-servicer{}
	.ad-service h4{}
	.ad-service img,
	.ad-service table{
		width: 100%;
	}
	
	.ad-service p{
		font-size: .9em;
		font-weight: 600;
	}
	.ad-service p.ad-service-subtext{
		font-size: .8em;
		padding-left: 5px;
		padding-bottom : 5px;
		font-weight: 400;
		margin-bottom: 5px;
	}
	.ad-service-tb{
		border-top: 2px solid #004193;
		border-bottom: 1px solid #004193; 
		border-spacing: 0 2px;
		border-collapse: separate;
	}
	.ad-service-tb tr{
		height: 40px;
	}
	.ad-service-tb tr:last-child{
		margin-bottom: 0;
	}
	.ad-service-tb th{
		font-size: .9em;
		padding-left: 15px;
		line-height:40px;
		background-color:#f7f7f7;
	}
	.ad-service-tb td{
		font-size: .8em;
		padding-left: 15px;
	}
	

	.voipphone-wrap{
		position: relative;
	    padding: 10px 15px 0 15px;
	    border: 1px solid #e8e8e8;
	    margin-left: -1px;
	    margin-top: -1px;
	}
	.voipphone-wrap-01{
		min-height: 550px;
	}
	
	.voipphone-wrap dl dt {
	    font-size: 1.1em;
	    color: #004193;
	    margin-top: 20px;
	    margin-bottom: 10px;
	    letter-spacing: normal;
	}
	.voipphone-wrap dl dd {
	    font-size: .8em;
	    line-height: 17px;
	    margin-top: 5px;
	    letter-spacing: 0.00em;
	}
	.vsat-contact{}
	.vsat-contact h4{}
	.vsat-contact .map{
		height: 300px;
	}
	
	
		
	
	.contact-area{
		position: relative;
	}
	.contact-area h4{
		font-size: 1.5em;
		margin-bottom: 15px;
		color: #004193;
		text-transform: none;
	}
	.contact-area p{
		margin-bottom: 5px;
		font-size: .9em;
	}
	.contact-area span{
		display: inline-block;
		position: absolute;
		right: 15px;
		bottom:0;
		width: 130px;
		height: 50px;
		line-height: 50px;
		border: 1px solid #004193;
		color: #fff;
		background-color: #004193;
		cursor: pointer;
		font-weight: 500;
	}
	
	/*
	contact-mail modal
	*/
	.modal-input{
		width: 100%;
		height: 75px;
		margin-bottom: 10px;
	}
	.modal-input span,
	.modal-textarea span{
		display: block;
		font-size: .85em;
		height:25px;
		line-height:25px;
		margin-bottom : 10px;
	}
	.modal-input span span.material-icons,
	.modal-textarea span span.material-icons{
		font-size: .5em;
		line-height: 25px;
		color: #ff0000;
		display: inline-block;
	}
	.modal-input input{
		width: 100%;
		height: 40px;		
		border: 1px solid #333;
		font-size: .85em;
		font-weight: 500;
		padding-left: 5px;
	}
	input::placeholder {
		color: #b6b6b6;
		font-size: .75em;
		padding-left: 5px;
		font-weight: 400;
	}
	.modal-textarea{
		width: 100%;
	}
	.modal-textarea textarea{
		width: 100%;
		height: 250px;
		resize: none; 
		border: 1px solid #333;
		font-size: .85em;
		font-weight: 500;
		padding-left: 5px;
	}
	.mail-sbmit{
		display : inline-block;	
		width: 120px;
		height: 40px;
		line-height: 40px;
		border: 1px solid #004193;
		color: #fff;
		background-color: #004193;
		cursor: pointer;
		font-weight: 500;
		text-align: center !important;
	}
	/* captcha */
	.captcha-area{
		text-align: left !important;
		height: 40px;
	}	
	.captcha-area img{
		display: inline-block;
		height: 100%;
	}
	.captcha-area a{	
		cursor: pointer;
	}
	.captcha-area a span{
		position :relative;
		top:9px;
		font-size: 28px;
		color: #333;
		margin: 0;
	}
	.captcha-area input{
		width: 22%;
		height : 100%;		
		border: 1px solid #333;
		font-size: .95em;
		font-weight: 500;
		padding-left: 5px;
		display: inline-block;
	}
	
	
	
	
/* SHIPPING */

	.shipping-profile{}
	.shipping-profile img{
		width: 100%;
	}
	.shipping-profile p{
		font-size: .9em;
	}
	.shipping-profile p:nth-child(1){
		font-weight: 500;
	}
	
	
	.shipping-intro{}
	.shipping-intro img{
		width: 100%;
	}
	.shipping-intro table{
		width: 100%;
		font-size: .85em;
	}
	.shipping-intro table tr{
		height: 65px;
		border-bottom: 1px solid #EBEBEB;
		margin: 5px 0;
	}
	.shipping-intro table td{
		padding-left: 15px;
	}
	.shipping-intro table tr:first-child{
		border-bottom: 2px solid #333;
		margin-bottom: 2px;
	}
	.shipping-intro table td span{
		display: block;
		margin-bottom: 10px;
		font-size: 1em;
	}
	.shipping-intro table td span:first-child{
		margin-top: 10px;
	}
	
	
	.shipping-history{}
	.shipping-history img{
		width: 100%;
	}
	.shipping-history P{
		font-weight: 600;
	}
	.shipping-history-wrap{
		position: relative;
	    padding: 10px 15px 0 15px;
	    border: 1px solid #e8e8e8;
	    margin-left: -1px;
	    margin-top: -1px;
	}
	.shipping-history-wrap-01{
		min-height: 920px;
	}
	.shipping-history-wrap-02{
		min-height: 350px;
	}
	.shipping-history-wrap dl dt {
	    font-size: 1.1em;
	    color: #004193;
	    margin-top: 20px;
	    margin-bottom: 10px;
	    letter-spacing: normal;
	}
	.shipping-history-wrap dl dd {
	    font-size: .8em;
	    line-height: 17px;
	    margin-top: 5px;
	    letter-spacing: 0.00em;
	}
	
	.shipping-business{}
	.shipping-business img{
		width: 100%;
	}
	.shipping-business .shipping-business-wrap p{
		margin: 0 0 0 7px;
		font-size: .85em;	
	}
	
	.shipping-route{}
	.shipping-route img {
		width: 100%;
		
	}
	.shipping-route-btn span{
		display: block;
		width: 100%;
		text-align: right;
		font-size: .8em;
		font-weight: bold;
		margin-bottom: 5px;
	}	
	.shipping-route-btn div{
		cursor: pointer;
	}
	.shipping-route-btn img{
		height: 157px;
		padding-left: 0;
		padding-right: 0;
	}
	.shipping-route-btn .active img{
		border: 2px solid #333;
	}
	.shipping-route-btn p{
		font-size: .8em;
		text-align: center;
		margin-top: 5px;
	}
		
	
	.shipping-feetlist{}
	.shipping-feetlist img{
		width: 100%;
	}
	.shipping-feetlist-wrap p{
		margin: 0 0 15px 0;
		font-size: .86em;
	}
	
	.shipping-feetlist-tb{
		width: 100%;
		border-spacing: 0 2px;
   		border-collapse: separate;
	}
	.shipping-feetlist-tb th{
		height: 50px;
		border-bottom: 2px solid #333;
		font-size: .7em;
		text-align:center;
		padding: 0 0 10px 0;
	}
	.shipping-feetlist-tb td{
		font-size: .7em;
		height: 40px;
		border-bottom: 1px solid #ebebeb;
		text-align: center;
	}
	.shipping-feetlist-tb td:first-child{
		color: #333;
		font-weight: bold;
		text-align: left;
	}
	
	
	
	
/* TRADING */
	.petroleum-trade{}
	.petroleum-trade img{
		width: 100%;
	}
	.petroleum-trade-wrap{
		position: relative;
	}
	.petroleum-trade-wrap p{
		font-size: .9em;
		font-weight: 600;
	}
	.petroleum-trade-wrap p.cs-trade-subtext{
		font-size: .85em;
		font-weight: 400;
	}
	
	.naturalresource-trade{}
	.naturalresource-trade img{
		width: 100%;
	}
	.naturalresource-trade-wrap{
		position: relative;
	}
	.naturalresource-trade-wrap p{
		font-size: .9em;
		font-weight: 600;
	}
	.naturalresource-trade-wrap p.cs-trade-subtext{
		font-size: .85em;
		padding-left: 15px;
		padding-bottom : 10px;
		font-weight: 400;
	}
	
	.cng-trade{}
	.cng-trade img{
		width: 100%;
	}
	.cng-trade p.sb-tit{
		font-weight: 600;
		padding: 0;
	}
	.cng-trade p.sb-tit:before{
		left: 0;
	}
	.cryogenic-gas-tank{}
	.cryogenic-gas-tank .gas-tank-tb{}
	.cryogenic-gas-tank .gas-tank-tb p{
		margin: 0 0 10px 0;
		line-height: 1.2;
		font-size: 1em;
		font-weight: 600;
	}	
	.cryogenic-gas-tank .gas-tank-tb p:first-child{
		margin-bottom: 5px;
		font-size: .8em;		
	}
	.cryogenic-gas-tank .gas-tank-tb table{
		width: 100%;
		border-top: 2px solid #004193;
		border-bottom: 1px solid #004193; 
		border-spacing: 0 1px;
		border-collapse: separate;
	}
	.cryogenic-gas-tank .gas-tank-tb table tr{
		height: 25px;
	}
	.cryogenic-gas-tank .gas-tank-tb table th{
		font-size: .85em;
		padding-left: 10px;
		line-height:25px;
		background-color:#eef5ff;
	}
	.cryogenic-gas-tank .gas-tank-tb table td{
		font-size: .8em;
		padding-left: 10px;
	}
	
	
	.lpg-tank{}
	.lpg-tank span{
		position: absolute;
		bottom: 0;
		left: 16px;
		width: 90.6%;
		height : 30px;
		line-height:30px;
		font-size: .8em;
		font-weight: 600;
		background-color: rgba(0,0,0,.8);
		padding: 0 0 0 10px;
		color: #fff;		
	}
	
	.gas-cylinder{}
	.gas-cylinder img{
		width: 100%;
	}
	.gas-cylinder p{
		font-size: .85em;
	}
	.gas-cylinder .gas-cylinder-tb{
		width: 100%;
		border-top: 2px solid #004193;
		border-bottom: 1px solid #004193; 
		
	}
	.gas-cylinder .gas-cylinder-tb tr:last-child{
		border-top: 1px solid #ebebeb;
	}
	.gas-cylinder .gas-cylinder-tb th{
		font-size: .85em;
		line-height:25px;
		
		background-color:#eef5ff;
		text-align: center;
		
	}
	.gas-cylinder .gas-cylinder-tb td{
		font-size: .8em;
		text-align: center;
		height: 50px;
		line-height: 50px;
		padding: 0 10px;
		border-bottom : 1px solid #f4f4f4;
	}
	.gas-cylinder .gas-cylinder-tb td:nth-child(2),
	.gas-cylinder .gas-cylinder-tb td:nth-child(3),
	.gas-cylinder .gas-cylinder-tb td:nth-child(4){
		border-left : 1px solid #f4f4f4;
	}
	.gas-cylinder .gas-cylinder-tb td:nth-child(5),
	.gas-cylinder .gas-cylinder-tb td:nth-child(6){
		border-left : 1px solid #f4f4f4;
	}
	
/* CONTACT */
	.office-wrap{
		height: 290px;
		position: relative;
	}
	.office-wrap .visual{
		background: url(/images/sub/contact-office.jpg) left top no-repeat;
		width: 100%;
		height: 100%;
		position: relative;
	}
	.office-wrap .office-info{
		position: absolute;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    padding: 20px 30px;
	    text-align: left;
	    background: rgba(51,51,51,0.65);
	    z-index: 5;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
	
	.office-wrap .office-info .title{
	    display: inline-block;
	    zoom: 1;
	    font-size: 1.7em;
	    color: #dcc1a9;
	    vertical-align: middle;
	    margin-right: 15px;
	    margin-bottom : 0;
	    font-weight: 600;
	    
	}
	.office-wrap .office-info .more{
	    zoom: 1;
	    display: inline-block;
	    vertical-align: middle;
	}
	.office-wrap .office-info .more span{
		display: inline-block;
	    position: absolute;
	    right: 30px;
	    top: 20px;
	    width: 110px;
	    height: 40px;
	    line-height: 40px;
	    border: 1px solid #fff;
	    color: #fff;
	    cursor: pointer;
	    font-weight: 500;
	}
	
	.office-wrap .office-info .more p{
		margin-bottom: 0;
		color:#fff;
		letter-spacing:normal;
		font-size: .9em;
		line-height: 1.5;
	}
	.office-wrap .office-info .more p.fax{
		font-size: .82em;
	}
	.office-wrap .office-info .more a{
		margin-bottom: 0;
		color:#fff;
		letter-spacing:normal;
		font-size: .9em;
		line-height: 1.5;
	}
	.office-map {
	    position: relative;
	    width: 100%;
	   	height: 290px;
	}
	.office-map iframe{
		border: none;
		width: 100%;
		height: 100%;
	}
	
	
	
	
/* FOOTER */

	#footer{
		background-color: #262626;
		padding-top: 20px;
		padding-bottom: 20px;
		
	}
	.copyright p{
		margin: 0;
		line-height: 24px;
		font-size: 12px;
		color: rgba(255, 255, 255, 0.6);
	}
	


/* SCROLL TO TOP */
.scroll-up {
		position: fixed;
		display: none;
		z-index: 999;
		bottom: 1.8em;
		right: 1.8em;
	}

	.scroll-up ul{
		margin: 0;
		padding: 0;
	}

	.scroll-up li{
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.scroll-up a {
		background-color: #fff;
		display: block;
		width: 40px;
		height: 40px;
		text-align: center;
		box-shadow: 0px 0px 6px #ccc;
	}
	.scroll-up a span{
		line-height: 38px;
		font-size: 20px;
		margin: 0;
		color: #000;
	}

	.scroll-up a:hover,
	.scroll-up a:active {
		background-color: #f5f5f5;
		color: #000;
	}