@charset "euc-kr";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=Nanum+Gothic);

@font-face {
  font-family:'nanumsquare'; 
  font-weight:normal;
  src: url(../font/nanumsquare.eot);
  src: local('¡Ø'), url(../font/nanumsquarer.eot?#iefix) format('embedded-opentype'),
       url(../font/nanumsquarer.woff) format('woff'),
     url(../font/nanumsquarer.woff2) format('woff');
}

@font-face {
  font-family:'nanumsquare'; 
  font-weight:bold;
  src: url(../font/nanumsquareb.eot);
  src: local('¡Ø'), url(../font/nanumsquareb.eot?#iefix) format('embedded-opentype'),
       url(../font/nanumsquareb.woff) format('woff'),
     url(../font/nanumsquareb.woff2) format('woff');
} 

@font-face {
  font-family:'nanumsquarexb';
  font-weight:bold;
  src: url(../font/NanumSquareEB.eot);
  src: local('¡Ø'), url(../font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumSquareEB.woff) format('woff');
}



@font-face { /* ³ª´®°íµñ Regular */
  font-family:'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face { /* ³ª´®°íµñ Bold */
  font-family:'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face { /* ³ª´®°íµñ ExtraBold */
  font-family:'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

/*---reset---*/
html { overflow-y:scroll; overflow-x:hidden;}
* { margin:0; padding:0; }
img { border:0; }
ul, ol, dl, li { list-style:none; }
caption { width:1px; height:1px; overflow:hidden; }
table, select { border-collapse:collapse; border-spacing:0;font-family:'nanumsquare' ,'Nanum Gothic';}
body{font-family:'nanumsquare' ,'Nanum Gothic'; font-size:15px; color:#3e3e3e; line-height:23px; text-decoration:none; -webkit-text-size-adjust:none;}

/*---a link---*/
a { text-decoration:none; color:#3e3e3e; }
p{line-height:23px; font-size:15px; }






.company{width:1200px; font-family:'nanumsquare';}

/**************************ȸ»ç°³¿ä*****************************/
.table{border-top:2px solid #ededed; font-size:18px;}
.table tr td{padding-left:30px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.table tr td.table_main{font-size:25px; font-weight:600;height:80px; line-height:80px; background:#1472d1; color:#fff;}
.table tr th{text-align:left; padding-left:30px;height:50px; line-height:50px; background:#f3f3f3;border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;}

/**************************Àλ縻*****************************/
.greeting_wrap{overflow:hidden;}
.company1{float:left; padding-right:50px; border-right:1px solid #ccc;}
.company1 h3{font-size:35px; padding:10px 0;}
.company1 p{font-size:30px;padding-top:15px;}
.company1 p span{color:#09467a;}
.company1 img{height:205px; margin-top:50px; padding-bottom:30px;}

.company2{width:480px;float:left; line-height:35px; font-size:16px; padding-left:50px;}


/*********¿¬Çõ*************/
#history{background:url(../images/history_bg.png) top right no-repeat;}
#history ul {margin-bottom:39px;}	
#history ul li.title {color:#3a61b5; font-weight:600;font-size:30px; margin-bottom:20px;}
#history ul li p {height:25px; margin-top:15px; }
#history ul li p span{height:25px; margin-top:15px; padding-right:10px; color:#3a61b5; font-weight:600; font-size:20px; line-height:20px;}
#history div{border-bottom:1px solid #f1f1f1;width:800px;}
.pa_top{padding-top:40px;}



/************Åë½ÅºÐ¾ß****************/

.communication_wrap{overflow:hidden; margin-bottom: 50px;}
.communication{float:left; padding-right:50px;border-right:1px solid #ccc;}
.communication2{float:left;line-height:40px; font-size:16px; padding-left:50px;}
.communication2 p.com_text{ line-height:40px;width:420px; height:345px; padding-top:10px;}
.communication2 div.btn p{width:150px;height:50px; line-height:50px;font-size:17px; border-radius:30px;font-weight:600; background:#ddd; text-align:center;}
.communication2 div.btn p:hover{width:150px;height:50px; line-height:50px;font-size:17px; border-radius:30px;font-weight:600; background:#3a61b5; text-align:center; color:#fff; transition:all 0.8s;}


/*****************¼Ö·ç¼Ç¸ð¹ÙÀÏ*********************/
.mobile_title{background:url(../images/mobile_title_bg.png) no-repeat; position:relative; height:207px;}
.mobile_title p{width:900px;font-size:28px; position:absolute; line-height:50px;top:75px;left:150px; text-align:center; }
.mobile_title p span{color:red; font-weight:600;}


.mobile_table{border-top:2px solid #ededed; font-size:18px; margin-top:80px; margin-bottom:80px;}
.mobile_table tr td{padding-left:30px;border-bottom:1px solid #ccc;border-right:1px solid #ccc; height:40px; line-height:40px; font-size:16px;}
.mobile_table tr td.last{padding-left:30px;border-bottom:1px solid #ccc;border-right:0; height:40px; line-height:40px; font-size:16px;}
.mobile_table tr th{text-align:left; padding-left:30px;height:50px; line-height:50px; background:#3a61b5; color:#fff;border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;}

.solu h3{font-size:23px; color:#747474; margin-bottom:50px;}
.solu2 h3{font-size:23px; color:#747474; margin-bottom:30px;}
.solu2_wrap ul li{ float:left; width:550px;}
.solu2_wrap ul li:last-child{margin-left:85px;}
.solu2_wrap ul li p{font-size:18px; color:#fff; margin-bottom:10px; font-weight:600; width:150px; height:40px; line-height:40px; background:#ef7600; text-align:center; border-radius:5px;}
.solu2_wrap ul li:last-child p{font-size:18px; color:#fff; margin-bottom:10px; font-weight:600; width:150px; height:40px; line-height:40px; background:#ef7600; text-align:center; border-radius:5px;}
.solu2_wrap{overflow:hidden;}

.video{overflow:hidden;}
.video p.vi_title{
	width: 556px;
    height: 85px;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    background: #f1f1f1;
    float: left;
    margin-right:42px;
    padding: 10px 0 20px 25px;
    border-radius: 8px;
    box-sizing: border-box;
}
.video p.vi_title2{width:540px; height:65px;font-size:18px; font-weight:bold; line-height:25px; background:#f1f1f1; float:left; margin-left:35px; padding-left:25px; padding-top:20px; border-radius:8px;}
.video p.vi_title span{
	 font-size: 16px;
    font-weight: normal;
    line-height: 1.4;
    display: block;
    margin-top: 3px;
	
}
.video p.vi_title2 span{font-size:16px; font-weight:normal;}

.video p.vi{width:540px;  float:left; margin-right:35px; padding-left:15px; padding-top:20px; border-radius:8px;}
.video p.vi2{width:540px; height:65px;font-size:18px; font-weight:bold; line-height:25px; float:left; margin-left:35px; padding-left:25px; padding-top:20px;}


.video2{overflow:hidden; margin-top:50px;}
.video2 p.vi_title{width:540px; height:65px;font-size:18px; font-weight:bold; line-height:25px; background:#f1f1f1; float:left; margin-right:35px; padding-left:25px; padding-top:20px; border-radius:8px;}
.video2 p.vi_title2{width:540px; height:65px;font-size:18px; font-weight:bold; line-height:25px; background:#f1f1f1; float:left; margin-left:35px; padding-left:25px; padding-top:20px; border-radius:8px;}
.video2 p.vi_title3{width:540px; height:40px;font-size:18px; font-weight:bold; line-height:25px; background:#f1f1f1; float:left; margin-right:35px; padding-left:25px; padding-top:20px; border-radius:8px;}
.video2 p.vi_title4{width:540px; height:40px;font-size:18px; font-weight:bold; line-height:25px; background:#f1f1f1; float:left; margin-left:35px; padding-left:25px; padding-top:20px; border-radius:8px;}
.video2 p.vi_title span{font-size:16px; font-weight:normal;}
.video2 p.vi_title2 span{font-size:16px; font-weight:normal;}


.video2 p.vi{width:540px;  float:left; margin-right:35px; padding-left:15px; padding-top:20px; border-radius:8px;}
.video2 p.vi2{width:540px; height:65px;font-size:18px; font-weight:bold; line-height:25px; float:left; margin-left:35px; padding-left:25px; padding-top:20px;}

.video2_1{overflow:hidden;}
.video2_1 p.vi_title{width:540px; height:65px;font-size:18px; font-weight:bold; line-height:25px; background:#f1f1f1; float:left; margin-right:35px; padding-left:25px; padding-top:20px; border-radius:8px;}
.video2_1 p.vi_title2{width:540px; height:65px;font-size:18px; font-weight:bold; line-height:25px; background:#f1f1f1; float:left; margin-left:35px; padding-left:25px; padding-top:20px; border-radius:8px;}
.video2_1 p.vi_title3{width:540px; height:40px;font-size:18px; font-weight:bold; line-height:25px; background:#f1f1f1; float:left; margin-right:35px; padding-left:25px; padding-top:20px; border-radius:8px;}
.video2_1 p.vi_title4{width:540px; height:40px;font-size:18px; font-weight:bold; line-height:25px; background:#f1f1f1; float:left; margin-left:35px; padding-left:25px; padding-top:20px; border-radius:8px;}
.video2_1 p.vi_title span{font-size:16px; font-weight:normal;}
.video2_1 p.vi_title2 span{font-size:16px; font-weight:normal;}


.video2_1 p.vi{width:540px;  float:left; margin-right:35px; padding-left:15px; padding-top:20px; border-radius:8px;}
.video2_1 p.vi2{width:540px; height:65px;font-size:18px; font-weight:bold; line-height:25px; float:left; margin-left:35px; padding-left:25px; padding-top:20px;}

.bor_line{margin:50px 0;border-top:1px dashed #ccc; }

.mobile_img{overflow:hidden;}
.mobile_img ul li{width:250px; height:260px;float:left; }
.mobile_img ul li.frist{margin-right:34px;}
.mobile_img ul li.line{width:250px; height:260px;float:left; margin-right:34px; padding-left:34px; border-left:1px solid #ccc;}
.mobile_img ul li.line2{width:250px; height:260px;float:left; margin-right:0px; padding-left:25px; border-left:1px solid #ccc;}
.mobile_img ul li p.img_title{width:250px; height:40px;line-height:40px;float:left; background:#f1f1f1; color:#000; border-radius:8px; text-align:center; }
.mobile_img ul li p.img_text{padding-left:15px;padding-top:10px; }
.mobile_img ul li img{padding-left:5px;padding-top:10px; }


/********************AI****************************/
.ai_wrap{height:350px; background:url(../images/ai_bg.png) no-repeat; position:relative; margin-top:80px;}
.ai_wrap h3{font-size:25px; margin-bottom:15px; color:#d00000;}
.ai_1{ width:520px; position:absolute; top:35px; left:0;}
.sub_title{ font-size:18px; font-weight:600; margin-bottom:10px; color:#000;}
.text_title{ font-size:17px; font-weight:600; margin-bottom:5px;}
.ai_text{line-height:35px;}
.ai_text2{padding-left:18px; margin-bottom:10px;}
.ai_2{ width:400px; position:absolute; top:35px; left:780px;}



/**********************************************/
.vehicle_wrap{overflow:hidden;}
.vehicle1, .vehicle3{float:left; width:600px;}
.vehicle2{float:left; width:600px; }

.box{width:100px; float:left;margin-right:20px;}
.vehicle1 p.vehicle_title{width:100px; height:40px; line-height:40px; text-align:center; background:#ef7600; color:#fff; font-size:18px; font-weight:600; float:left; }
.vehicle1 p.vehicle_sub_title{ width:450px;height:230px; float:left;line-height:32px;}
.vehicle1 p.vehicle_sub_title span{font-size:17px; font-weight:600;height:40px;line-height:40px; padding-bottom:10px;}

.box{width:100px;  float:left;margin-right:20px;}
.vehicle2 p.vehicle_title{width:100px; height:40px; line-height:40px; text-align:center; background:#528fda; color:#fff; font-size:18px; font-weight:600; float:left; }
.vehicle2 p.vehicle_sub_title{ width:450px;height:230px; float:left;line-height:32px;}
.vehicle2 p.vehicle_sub_title span{font-size:17px; font-weight:600;height:40px;line-height:40px; padding-bottom:10px;}
.vehicle1 img, .vehicle2 img{margin-top:20px; }

.vehicle3 p.vehicle_title{width:100px; height:40px; line-height:40px; text-align:center; background:#ef7600; color:#fff; font-size:18px; font-weight:600; float:left; }
.vehicle3 p.vehicle_sub_title{ width:470px;height:210px; float:left;line-height:32px;}
.vehicle3 p.vehicle_sub_title span{font-size:17px; font-weight:600;height:40px;line-height:40px; padding-bottom:50px;}
.vehicle3 img{margin-top:20px; }

.vehicle4{width:580px;margin-left:20px; float:left;}
.vehicle4 p.vehicle_title{width:100px; height:40px; line-height:40px; text-align:center; background:#ef7600; color:#fff; font-size:18px; font-weight:600; float:left; }
.vehicle4 p.vehicle_sub_title{ width:470px;height:210px; float:left;line-height:32px;}
.vehicle4 p.vehicle_sub_title span{font-size:17px; font-weight:600;height:40px;line-height:40px; padding-bottom:50px;}

.vehicle4 img{margin-top:20px; }

 .vehicle5{width:600px; margin-top:30px; overflow:hidden;}
.vehicle5 p.vehicle_title{width:100px; height:40px; line-height:40px; text-align:center; background:#528fda; color:#fff; font-size:18px; font-weight:600; float:left; }
.vehicle5 p.vehicle_sub_title{ width:450px;height:130px; float:left;line-height:32px;}
.vehicle5 p.vehicle_sub_title span{font-size:17px; font-weight:600;height:40px;line-height:40px; padding-bottom:10px;}
.vehicle5 img{margin-top:20px; }


/**********************outbound*********************************/
.outbound{overflow:hidden;}
.outbound p.vi_title{width:540px; height:120px;font-size:18px; font-weight:bold; line-height:25px; background:#f1f1f1; float:left; margin-right:35px; padding-left:25px; padding-top:20px; border-radius:8px;}
.outbound p.vi_title2{width:540px; height:120px;font-size:18px; font-weight:bold; line-height:25px; background:#f1f1f1; float:left; margin-left:35px; padding-left:25px; padding-top:20px; border-radius:8px;}
.outbound p.vi_title span{font-size:16px; font-weight:normal;}
.outbound p.vi_title2 span{font-size:16px; font-weight:normal;}

.outbound p.vi{width:490px;  float:left; margin-right:35px; padding-left:50px; padding-top:20px; border-radius:8px;}
.outbound p.vi2{width:490px;font-size:18px; font-weight:bold; line-height:25px; float:left; margin-left:80px; padding-left:25px; padding-top:20px;}

.new_outbd_tit{color: #528fda; font-size: 30px; text-align: center; margin-top: 80px; font-weight: 800; line-height: 1.5;}
.new_outbd_tit span{color: #000;}
.new_outbd_tit b{color: #ef7600;}
.new_outbd{ text-align: center; margin-top: 20px; max-width:1200px ;}
.new_outbd img{width: auto;}
.new_outbd img.new_outbd_wid{width: 100%;}
.new_outbd_tit_sm{color: #ef7600; font-weight: 600; font-size: 22px; width: 95%; margin: 0 auto;}
.outbound_margin{margin-top: 80px;}
.new_outbd_list{display: flex; justify-content: center; margin-top: 50px;}
.new_outbd_list li img{width: auto;}
/***************************class plus********************************/
.plus{margin-bottom:50px;}
.plus h3{font-size:18px; color:#ef7600;}
.plus p{padding-left:25px; padding-top:5px;}
.plus_img{margin-bottom:30px;}
.plus_title{background:url(../images/plus_title_bg.png) no-repeat; position:relative; height:207px;}
.plus_title p{width:900px;font-size:28px; position:absolute; line-height:50px;top:75px;left:50%; transform:translateX(-50%); text-align:center; }

/*********************¸ðÁý¿ä°­***************************************/
.re_wrap{overflow:hidden;}
.re_wrap ul{width:940px; margin:0 auto;}
.re_wrap ul li{width:136px; height:90px; border:2px solid #f68e56; float:left; border-radius:100px; text-align:center; padding-top:46px;}
.re_wrap ul li.noborder{width:30px; height:30px;padding-top:50px; border:none;float:left; margin:0 15px;}
.re_wrap ul li.last2{background:#f68e56; color:#fff;  }
.re_title{ width:1200px; text-align:center;font-size:23px; color:#747474; margin:50px 0 30px 0;}
/**********************************************/
.communication2 p.com_text2{font-size:17px; line-height:40px;width:390px; height:333px; padding-top:50px;  padding-left:30px;background:url(../images/road_bg.png) no-repeat; margin-top:15px;}
.communication2 p.com_text2 span{ font-weight:600; color:#000; font-size:23px;}

.btn2 p{width:150px;height:50px; line-height:50px;font-size:17px;font-weight:600; background:#ddd; text-align:center;}
.spec3 {
	border-top:2px solid #0b1b2a;
	border-bottom:2px solid #0b1b2a;
	margin-bottom:20px;
	}

.spec3 td {
	vertical-align:middle;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	}

.spec3 td:first-child{border-right:1px solid #dedede;}
.spec3 td:last-child{border-right:0;}
.spec3 td.button {border-bottom:0;}
.spec3 td.bg {
	background:#f5f5f5;
	text-align:center;
	}

  /* ************2023¼öÁ¤°Ç************ */
.video_wrap{margin-bottom: 50px;}
.video_wrap p{width: 100%; height: 500px; text-align: center;font-size: 50px; line-height: 500px; background-color: #eee;}
.data_download{margin-top: 80px;}
.data_download a{display: block; border: 2px solid #3a61b5; width: 50%; height: 50px; line-height: 50px; margin: 0 auto; text-align: center; font-size: 20px; font-weight: 600; border-radius: 10px; transition: all .3s; color:#3a61b5 ;}
.data_download a:hover{background-color: #3a61b5; color: #fff;}
.communication .address_txt{margin-bottom: 20px; font-size: 20px; font-weight: 600;}