@charset "UTF-8";



/* ****************************************************

***************************************************** */



/* General Elements

---------------------------------------------------------------------------- */

a { color:#888888;text-decoration: none; outline: none; }

/* body

---------------------------------------------------------------------------- */

body{

	font-family:arial, "Nanum Gothic";

    font-size:12px;

    background:#ffce00;

}

/* MainContainer

---------------------------------------------------------------------------- */



#Container{

    border-top:0px solid #ffce00;  /* 최상단 여백 */

    width:1024px;

    margin:auto;   /*  각 위치 갑을 주면 중앙정렬이 안됨 */

	background:#ffce00 url(../images/bg-top.jpg) no-repeat left top;

    padding-bottom:15px;



    background:url(../images/background/bg.jpg) no-repeat; 

	background-position: 0px 0px; 

}



body.innerpage #Container{

    

    border:0px;

}

/* header

---------------------------------------------------------------------------- */

.head{

    background:#ffce00 url(../images/bg-top.jpg) no-repeat left top;

    padding-bottom:15px;

}

#Header{

    width:1024px;

    margin:auto;

}



.logo{

	margin-top:5px;

    float:left;

    width:340px;

}

body.innerpage .logo{    /*  intro 페이지를 제외한 모든 페이지의 로고 위치 및 크기 정보 */

    margin-top:40px;

    margin-left:80px;

    width: 260px;

}

.right-head{

    float:right;

    width:680px;

    margin-top:20px;

}

.lang {

    float:right;

	font-family:Arial, Helvetica, sans-serif, "Nanum Gothic";

    margin-right:0px;  /* 오른쪽 끝에서 국기까지 간격 */

    margin-bottom:10px;

}

.lang ul li{

    float:left;

    padding-right:10px;  /* 국기 사이 간격 */

    padding-bottom:10px;

}

.cooming{

    clear: both;

    padding-top:50px;

}

.cooming h3{

    font-size:62px;

	font-family:Arial, Helvetica, sans-serif, "Nanum Gothic";

    color:#FFF;

    padding:0px;

    margin:0px;

    line-height:45px;

}

.cooming h4{

    font-size:36px;

	font-family:Arial, Helvetica, sans-serif, "Nanum Gothic";

    color:#FFF;

    padding:0px;

    margin:0px;

}

.menu-nav{

    padding-bottom:20px;

    margin-right:10px;

}

.line-ft{

    height:15px;

    width:100%;

    background:#000 url(../images/bg-bottom.jpg) no-repeat left 0px;

}

.banner{

    position: relative;

}

.banner span{

    position: absolute;

    left:50px;

    top:50px;

    font-size:37px;

    color:#FFF;

    text-transform: uppercase;

}

/*  .footer{

    width:1024px;

	background:#ffce00;

    height:167px;

    margin:auto;

}  */



.footer{

    width:1024px;

    background: #ffce00 url(../images/bg-footer_01.jpg) no-repeat;

    position: relative;

    bottom:0px;

    margin:auto;

}

.footer1{

    width:1024px;

    margin:auto;

    position: relative;

}

.logo-ft{

    float:left;

    width:200px;

	padding-top:0px;

}

.company{

	padding-top:25px;

    float:left;

    width:274px;

}





.company h3{

    font-size:22px;

	font-family:Arial, Helvetica, sans-serif, "Nanum Gothic";

    color:#000;

    font-weight:bold;

    padding-top:10px;

}

.company p.office,.address p.office{

    color:#000;

    font-size:14px;

font-family:Arial, Helvetica, sans-serif, "Nanum Gothic";

}

.company p{

    font-size:11px;

	font-family:Arial, Helvetica, sans-serif, "Nanum Gothic";

    color:#000;

}

.company p a{

    color:#000;

}

.company p a:hover{

    color:#EEE;

}

.address{

    margin-top:30px;

    float:right;

    width:400px;

}

.address p{

	font-size:11px;

	font-family:Arial, Helvetica, sans-serif, "Nanum Gothic";

    color:#000;

}

.address p.tel{

    display: block;

    padding-bottom:5px;

}

.main{

    width:985px;

    margin:auto;

    clear:both;

    overflow:hidden;

}

.intro{

    width:564px;

    height:370px;

    /* background:url(../images/bg-text.png) no-repeat;  홈피 카피 바닥 무늬 */

    margin-bottom:320px;  /* 이 수치를 올릴수록 그림 크기(밑으로)가 커진다 (더 보인다) */

    margin-top:10px;

}

.intro h3{

    color:#FFF;

    font-size:20px;

	font-family:Arial, Helvetica, sans-serif, "Nanum Gothic";

    padding-top:37px;

    padding-left:45px;

}

.pic-projects{

    width:100%;

    border-top:3px solid #000;

    border-bottom:3px solid #000;

    position: relative;

    clear:both;

    margin-bottom:400px;



}

.pic-projects span.theexpert{

    font-size:31px;

	font-family:Arial, Helvetica, sans-serif, "Nanum Gothic";

    color:#000;

    position: absolute;

    display: block;

    bottom:15px;

    left:27%;

}

body.innerpage .layout{

    background:#FFF;

}

.left-main{

    float:left;

    width:237px;

    margin-top:20px;

}

.left-main h3{

    background:#FFF;

    display: block;

    color:#000;

    font-size:23px;

	font-family:Arial, Helvetica, sans-serif, "Nanum Gothic";

    margin-bottom:4px;

    padding-left:10px;

    line-height:36px;

    padding-bottom:0px;

}

.menu-left{

    

    padding-top: 17px;

}

.menu-left ul li{

    background:url(../images/bg-li.png) no-repeat 0px 7px;

    padding-left:12px;

    padding:3px 12px;

}

.menu-left ul li a{

    font-size:13px;

    color:#000;

    font-weight:600;

}

.menu-left ul li ul{

    display: none;

}

.menu-left ul li.current ul{

    display: block;

}

.menu-left ul li.current ul li{

    background:none;  

}

.menu-left ul li.current ul li a{

    font-size:12px;

    font-weight:normal;

    color:#808080;

}

.menu-left ul li a:hover, .menu-left ul li.current ul li a:hover{  color:#F7931D;  } /* 마우스 올라갔을 때 메뉴 색  */

.menu-left ul li.current ul li a.current{  color:#F05A28; }   /* 선택된 서브메뉴 색  */

.menu-left ul li.current ul li ul.submenu{  display: none; }

.menu-left ul li.current ul li.current ul.submenu{  display: block; }

.menu-left ul li.current ul { margin-left:0px; }

.menu-left ul li a.current{ color:#F05A28; }   /* 선택된 메인 메뉴 색  */



.right-main{

    float:right;

    width:725px;

    margin-top:10px;

}

.right-main h3{

    color:#000;

	font-family:Arial, Helvetica, sans-serif, "Nanum Gothic";

    font-size:24px;

    border-bottom:2px solid #CBCBCB;   /*  본문 페이지 상단에 있는 선  */

    padding:0px 0px 0px 0px;   /* 제일 마지막 수치는 본문 첫 제목 및 이미지로 된 제목들 - <H3>로 된 거 - 들여쓰기  */

    text-transform: uppercase;

}



.right-main h4{

    color:#000;

	font-family:Arial, Helvetica, sans-serif, "Nanum Gothic";

    font-size:18px;

    border-bottom:2px solid #CBCBCB;   /*  본문 페이지 상단에 있는 선  */

    padding:0px 0px 0px 0px;

    text-transform: uppercase;

}



.right-main h4-1{

    color:#000;

	font-family:Arial, Helvetica, sans-serif, "Nanum Gothic";

    font-size:18px;

    padding:0px 0px 0px 5px;

}







.banner span.cleara{

    color:#FFF200;

}



.box-about{

    margin-top:25px;    /*  본문 페이지 상단 선 밑 공간 */

    margin-bottom: 15px;

    border-bottom:3px solid #CBCBCB;  /*  본문 페이지 하단에 있는 선  */

    padding-bottom:20px;

    overflow: hidden;

}

.box-container {

    padding-bottom:0px;

    margin-bottom:20px;

}

.avatar{

	text-align: right;

	margin-top: 10px;

	margin-bottom: 30px;

	padding-right: 20px;



   /*  float:right;  */

   /*  width:120px;  */

}

.content-about{

	margin-top:25px;    /*  위쪽 공간 */

    width:580px;

    float:right;

}



.content-about p{

	text-align: justify;

    padding-bottom:15px;

    color:#000;

    font-size:14px;

}

.content-about p-1{

	text-align: justify;

	margin-left: 0px;

    padding-bottom:0px;

    color:#000;

    font-size:12px;

}



.content-about h3{

    color:#000;

    font-size:18px;

    border:0px;

	font-family:Arial, Helvetica, sans-serif, "Nanum Gothic", "맑은 고딕";

    padding-bottom:10px;

    clear:both;

	

}



.box-about table tbody tr.head-tr{

    background:#CBCBCB;

}

.box-about table tbody tr.head-tr td{

    font-size:20px;

    color:#000;

    font-weight:bold;

    text-align: center;

}

.box-about table tbody tr.list-1{

    background:#FFF;

}

.box-about table tbody tr.list-2 td{

    background:#EEE;

}



.box-about table tbody tr.list-3 td{

    background:#EEE;

	/* font-weight:bold; */

	color:#F05A28;

	/* text-transform: uppercase;  */

	text-align: left;

}



.box-about table tbody tr.list-4 td{

    background:#000;

	/* font-weight:bold; */

	color:#F05A28;

	/* text-transform: uppercase;  */

}



.box-about table tbody tr.list-5 td{

    background:#EEE;

	/* font-weight:bold; */

	color:#F05A28;

	/* text-transform: uppercase;  */

}



.box-about table tbody tr td{

    font-size:14px;

    background:#FFF;

    padding:5px 10px;

}

.box-about table {

    

    padding-bottom:30px;

    margin-bottom:40px;

}

.box-about h3{

    color:#000;

    font-size:20px;

    border:0px;

	font-family:Arial, Helvetica, sans-serif, "Nanum Gothic", "맑은 고딕";

    padding-bottom:10px;

    clear:both;

	

}

.box-confi{

	font-size:24px;

	font-family:Arial, Helvetica, sans-serif, "Nanum Gothic", "맑은 고딕";

    background:#000;

    border-radius:10px;

    padding:30px 20px;

}

.box-confi container-transit{

	font-size:10px;

	font-family:Arial, Helvetica, sans-serif, "Nanum Gothic", "맑은 고딕";

    background:#000;

    border-radius:10px;

    padding:20px 20px;

}





.box-configpt{

    padding:10px 20px;

    background:#000;

    border-radius:5px;

}

.box-configpt p{

    color:#FFF;

    font-size:14px;

}

.box-confi p{

    color:#FFF;

    font-size:18px;

	font-family:Arial, Helvetica, sans-serif, "Nanum Gothic", "맑은 고딕";

	

}

.box-about ul.usual{

    margin-left:0px;

}

.box-about ul.usual li{

    list-style:disc;

    padding:7px 0px;

    font-size:13px;

}

.box h3{

    padding-left:20px;

    padding-top:10px;

    padding-bottom:3px;

}

.site-map{

    background: #80BA27;

    border-radius:5px;

    margin-top:20px;

	font-family:Arial, Helvetica, sans-serif, "Nanum Gothic", "맑은 고딕";

	

}

.site-map ul{

    width:500px;

    margin:auto;

    display: block;

    padding-bottom: 20px;

}

.site-map ul li{

    clear:both !important;

    padding:0px;

    font-size:13px !important;

	font-weight:bold;

	font-family:Arial, Helvetica, sans-serif, "Nanum Gothic", "맑은 고딕"

    color:#231F20 !important;

    float:none;

	line-height: 22px;

}

.box-safer{

    position: relative;

    margin-top:40px;

    clear:both;

    overflow: hidden;

}

.box-smater{

    position: relative;

    margin-top:40px;

    clear:both;

    overflow: hidden;

}

.box-speeder{

    position: relative;

    margin-top:40px;

    clear:both;

    overflow: hidden;

}

.box-smater img ,.box-speeder img{

    left: 97px;

    position: absolute;

    top: 16px;

    z-index: 999;

}

.box-safer img{

    left: 97px;

    position: absolute;

    top: 16px;

    z-index: 999;

}

.box-safer1{

    border-radius:10px;

    background:#000;

    width:490px;

    float:right;

    margin-right:20px;

}

.box-safer1 h3.sa{

    color: #AAA;

    font-size: 20px;

	font-family:Arial, Helvetica, sans-serif, "Nanum Gothic", "맑은 고딕";

    padding-bottom: 0;

    padding-left: 41px;

    padding-top: 6px;

}

.box-safer1 ul{

    padding-left:60px;

    padding-bottom: 20px;

}

.box-safer1 ul li{

    color:#FFF;

    font-size:13px;

    list-style: disc;

}

.box{

    clear:both;

}

.box-safer1 h3.smater{

    color:#000 !important;

	font-size: 20px;

	font-family:Arial, Helvetica, sans-serif, "Nanum Gothic", "맑은 고딕";

    padding-bottom: 0;

    padding-left: 41px;

    padding-top: 6px;

}

.box-safer1 h3.speeder{

    color:#F6921E !important;

	font-family:Arial, Helvetica, sans-serif, "Nanum Gothic", "맑은 고딕";

	font-size: 20px;

    padding-bottom: 0;

    padding-left: 41px;

    padding-top: 6px;

}

.title{

    clear: both;

    margin-bottom: 19px;

    overflow: hidden;

}

.title h3.bus{

    color:#000;

    font-size:24px;

    border:0px;

    font-family: Calibri;

    padding-bottom:10px;

    float:left;

}

.title h4.viet{

	margin-left:20px;

    float:left;

    color:#628B43;

    font-size:24px;

}

.title span.trans{

    display: block;

    float:right;

}

.box-configpt p strong{

    font-weight:bold;

    color:#7AC142;

    font-size:18px;

}

.faster{

    clear:both;

    margin-left:20px;

    margin-top:20px;

}

.faster h3{

    background:url(../images/icon-1.png) no-repeat 0px 8px;

    padding-left:22px;

    padding-bottom:0px;

	font-weight:bold;

}

.faster ul {

    margin-left:40px;

    margin-bottom:25px;

}

.faster ul li{

    list-style:disc;

    font-size:16px;

    color:#05347A;

    padding:3px 0px;

}

.qwee{

    margin:10px 10px 50px 10px;

}



.box-about ul.tran{

    margin:0px 0px;

    padding-bottom:30px;

    overflow:hidden;

}

.box-about ul.tran li{

    float:left;

    margin-left:0px;

}

.box-about ul.tran li.pic{

    float:right;

    margin-right:30px;

}

.box-about table.con{

	margin-left:0px;

    margin-top:15px;

    border-bottom:3px solid #000;

    padding-bottom:20px;

	font-size:12px /*  display: block;   */

}







.box-about table.con tr.bg-1 td{

    font-size:12px;

    text-align:center;

    padding:5px 0px;

    background:#FFF;

   /* font-weight:bold */

    vertical-align: middle;

}

.box-about table.con tr.bg-2 td{

    font-size:12px;

    text-align:center;

    padding:5px;

    background:#DDD;

   /* font-weight:bold */

    vertical-align:top;

}



.box-about table.con_organi{   /*  Organization Table    */

	margin-left:0px;

    margin-top:15px;

    border-bottom:3px solid #000;

    padding-bottom:20px;

	font-size:10px /*  display: block;   */

}



.box-about table.con_organi tr.head-con td{

    padding:5px 0px !important;

    text-align: center;

    background:#000;

    color:#FFF;

    font-size:14px;

    /* font-weight:bold */

}



.box-about table.con_organi tr.head-schedule td{

    padding:5px 0px !important;

    text-align: center;

    background:#AAA;

    color:#FFF;

    font-size:14px;

    /* font-weight:bold */

}



.box-about table.con_organi tr.list-1 td{

    font-size:12px;

    text-align:center;

    padding:5px 0px;

    background:#FFF;

    /* font-weight:bold */

    vertical-align: middle;

}

.box-about table.con_organi tr.list-2 td{

    font-size:12px;

    text-align:center;

    padding:5px;

    background:#DDD;

    /*  font-weight:bold;  */

    vertical-align:top;

}



.box-about table.con_organi tr.list-4 td{

    background:#000;

	/* font-weight:bold; */

	color:#F05A28;

	/* text-transform: uppercase;  */

}





.box-about table tbody.con_organi tr.list-4 td{

    background:#000;

	/* font-weight:bold; */

	color:#F05A28;

	/* text-transform: uppercase;  */

}





.box-1{

    background:#F2FAFC;

    border-radius: 7px;

    border: 4px dotted #7D9BAA;

    overflow:hidden;

    margin:40px auto 0px auto;

    width:648px;

}

.box-1 ul{

    width:580px;

    margin:auto;

    display: block;

    padding-top:20px;

}

.box-1 ul li{

    float: left;

    margin-bottom: 30px;

    margin-right: 45px;

}

.box-1 ul li.last{

    margin-right:0px;

}

.box-1 ul li span{

    clear:both;

    display: block;

    color:#000000;

    font-size:13px;

    padding:5px 0px;

    text-align: center;

}

.box-1 ul li div.pic1{

    padding-left:0px;

    margin-left:0px;

    float:left;

    margin-right:45px;

}

.box-1 ul li div.last{

    margin-right:0px;

}

.container-heavy{

    border-radius:15px;

    padding:15px 10px;

}

.container-heavy p{

    font-size:14px;

    text-align:center;

}

.box-about h3.heav{

    font-size:20px;

    font-family:Arial, Helvetica, sans-serif, "Nanum Gothic", "맑은 고딕";

}

.box-heavy h3{

    font-size:18px;

    color:#000;

    font-weight:bold;

    padding-top:20px;

}

.box-heavy p{

    font-size:14px;

    color:#000;

    padding-left:35px;

    padding-bottom:40px;

}

.box-heavy span{

    display: block;

    text-align:center;

}



.left-trans{

    background: url(../images/line.jpg) no-repeat right 0px;

    width:318px;

    float:left;

    margin-top:10px;

    margin-left:10px;

}

.left-trans ul li{

    clear:both;

    margin-bottom:65px;

}

.left-trans ul li span{

    clear:both;

    color:#666666;

    font-size:14px;

    display: block;

    padding:5px 0px;

    text-align:center;

    width:238px;

}

.right-trans{

    float:left;

    width:310px;

    margin-top:10px;

    margin-left:20px;

}

.box-3{

    border: 3px dotted #AAA;

    border-radius:10px;

    background:#F2FAFC;

    padding:1px 1px;

    margin-bottom:10px;

}

.box-3 table {

    background:none;

    margin-bottom:0px;

}

.box-3 table tr td{

    background: none !important;

}

.box-3 table tr td.number{

    font-size:55px;

    display: block;

    float:left;

    color:#00578A;

    line-height:100px;  /*  박스 아래 위 크기  */

}

.box-3 table tr td.text{

    font-size:13px;

    color:#05347A;

}

.box-temp{

    margin-top:20px;

}

.box-temp h3{

    color:#00578A;

    font-size:18px;

    font-family:Arial, Helvetica, sans-serif, "Nanum Gothic", "맑은 고딕";

    font-weight:bold;

    padding-top:20px;

}

.box-temp p{

    font-size:13px;

    color:#000;

    padding-left:18px;

    padding-bottom:20px;

    font-weight:normal;

}

.box-temp p.icon{

    background:url(../images/arrow2.png) no-repeat 16px 3px;

    padding-left:36px;

}

.container-equi p{

    font-size:14px;

}

.container-equi {

    border-radius:15px;

    padding:10px 15px;

}

.box-biz table{

    border-bottom:3px solid #05347A;

}

.box-biz table tr.bg-3 td{

    background:#05347A;

    color:#FFF;

    font-weight:bold;

    text-align:center;

    font-size:12px;

}

.box-biz table tr.bg-4 td{

    font-size:11px !important;

    font-weight:bold !important;

    text-align: center;

}

.pic-biz ul li{

    float:left;

    padding-right:29px;

}

.pic-biz ul li img{

    clear:both;

}

.pic-biz ul li span{

    clear:both;

    display: block;

    color:#000;

    font-size:16px;

    padding-top: 5px;

}

.box-about h3.coal{

    padding-left:0px;

}

.pic-biz {

    display: block;

    padding-bottom:70px;

    overflow:hidden;

}

.q{

    margin-left:30px;

}

.box-about table tr.head-tr-history td{

	font-weight:bold;

    text-align:center;

    font-size:14px;

	text-transform: uppercase;

    background:#cbcbcb;

}

.biz-padding{

    padding-bottom:25px;

}

/* Map for branch

---------------------------------------------------------------------------- */

#Container-map{

	float:right;

	height:770px;

    width:725px;

    margin:auto;

    background:url(../images/map.jpg) no-repeat;

}



.haiphong-map{

    width:157px;

    height:50px;

	margin-left:295px;

	margin-top:130px;

    background:url(../images/map-haiphong-office.png) no-repeat;

	position:absolute; z-index: 1;

}

.hanoi-map{

    width:107px;

    height:50px;

	margin-left:250px;

	margin-top:105px;

    background:url(../images/map-hanoi-office.png) no-repeat;

	position:absolute; z-index:2;

}

.hcmc-map{

    width:107px;

    height:390px;

	margin-left:285px;

	margin-top:605px;

    background:url(../images/map-hcmc-office.png) no-repeat;

	position:absolute; z-index:3;

}

.equiment-ta{

    padding-top:5px;

}

.equiment-ta table tr.bg-2 td{

    background: #E6EAF1;

    text-align: center;

    font-size: 11px !important;

    font-weight: bold !important;

    text-align: center;

}

.tranequi h3{

    text-transform: none;

    padding-top:10px;

    background: url(../images/arrow2.png) no-repeat 0px 16px;

    font-size:18px;

    font-weight:bold;

}

.tranequi ul li span.list-tra{

    display: block;

    font-size:14px;

    color:#163072;

    font-weight:bold;

    background:url(../images/li-bg.png) no-repeat 0px 6px;

    padding-left: 10px;

}

.tranequi ul li{

    float:left;

    margin-right:20px;

}

.tranequi ul li table{

    border-bottom: 3px solid #05347A;

    margin-top:0px !important;

    padding-bottom:10px !important;

}

.tranequi ul li table tr.bg-3 td{

    background:#05347A;

    color:#FFF;

    font-size:13px;

    font-weight:bold;

    text-align: center;

}

.tranequi ul li table tr td{

    text-align: center;

}

.tranequi ul li table.con{

    padding-bottom:0px !important;

}

.tranequi ul li.width-right{

    width:430px;

}

.tranequi ul li.width-right table{

    

}

.tranequi ul li.left-1{

    width:250px;

}

.partnerr{

    width:300px;

    margin-left:60px;

}

.tranequi ul li.width-full{

    width:703px;

    clear:both;

}

.tranequi ul li.width-full table tr.bg-1 td{

    border-bottom:1px solid #808184;

}

.tranequi ul li.width-full table tr.lasttr td{

    border:0px;

}

.noborder{

    /*border-bottom:0px !important;*/

}

/* Map for branch

----------------------------------





#Container-map{

	float:right;

    width:725px;

    margin-top:1000px;

    background:url(../images/map.jpg) no-repeat;

	}

	

#hanoi-map{

    background:url(../images/map-hanoi-office.png) no-repeat;

	position:absolute; z-index: 1;

	margin-top:100px; 

}

#hcmc-map{

    background-position:url(../images/map-hcmc-office.png) no-repeat;

	position:absolute; left:125px; top:180px;  z-index: 2;

}



------------------------------------------ */