@charset "euc-kr";
/* e-front WebDesign Team(http://www.e-front.co.kr), LYJ 201301 */
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);

* { margin: 0; padding: 0;  }

html { border:0 !important; }

body {
	font-family: 'Nanum Gothic';
	font-size:12px;
	color:#444;
	width: 100%;
	border:0 !important;
}


/* Type Selector */
*{margin:0; padding:0; font-size:12px; line-height:18px; font-family:"³ª´®°íµñ",Dotum,"±¼¸²",Gulim,"Lucida Grande",Tahoma,Verdana,AppleGothic,UnDotum,sans-serif;}
a{text-decoration:none; color: #666666;}
a:hover, a:active, a:focus{text-decoration:none;}
li{list-style:none;}
img, fieldset, button{border:none;}
hr, button img{display:none;}
textarea{overflow:auto;}
legend{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

#wrapper { width: 100%; position:relative; border:0 !important; }


/* Layout Selector */
#wrapbody{position:relative; width:100%; background: url("/common/images/bg.jpg") no-repeat top center; min-width:1400px;}
#wrap{position:relative; margin:0 auto; width:100%; text-align:center;}
#header{position:relative; margin:0 auto; width:100%;}
#container{margin:0 auto; padding:0px;}

.main_visual{width:100%;}

#footerbody{margin:0 auto; padding:0px; width:100%; background: url("/common/images/bg_footer.gif") no-repeat top center; min-width:1400px;}
#footer{margin:0 auto; padding:0px; width:1400px; height:130px;}

.box{padding:0;}
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}



/* Visual*/
.main_ani { overflow:hidden; position:relative; width:100%; height: 600px; z-index:1;}

.slider_panel { width:100%; height:600px; position:relative;}
.slider_image { position: absolute; left:0; top:0; width: 100%; height:600px; opacity:0;}

.slider_panel .img1 {background:url(/common/images/bg_visual1.jpg) no-repeat center top;}
.slider_panel .img2 {background:url(/common/images/bg_visual2.jpg) no-repeat center top;}
.slider_panel .img3 {background:url(/common/images/bg_visual3.jpg) no-repeat center top;}

.slider_text_panel { position:absolute; top:0px; left: 0px; width: 100%; height: 600px; }
/*.slider_text_panel .slider_text { width: 960px; height: 460px; position:absolute; left:50%; top:0; margin-left: -480px; background-color:red;}*/

.slider_text_panel .txt1 .text01 { position: absolute; left: 50%; top: 130px; margin-left: -25px; opacity: 0; filter: alpha(opacity=0); } /* ¼º°øÀûÀÎȨÆäÀÌÁö¸¦ */
.slider_text_panel .txt1 .text02 { position: absolute; left: 50%; top: 205px; margin-left: -25px; opacity: 0; filter: alpha(opacity=0); } /* ~ÇÔ²²Çϼ¼¿ä */
.slider_text_panel .txt1 .text03 { position: absolute; left: 50%; top: 275px; margin-left: -503px; opacity: 0; filter: alpha(opacity=0); } /*¸ð´ÏÅÍ*/
.slider_text_panel .txt1 .text04 { position: absolute; left: 50%; top: 227px; margin-left: -700px; opacity: 0; filter: alpha(opacity=0); } /*¸ÞÀÏ*/
.slider_text_panel .txt1 .text05 { position: absolute; left: 50%; top: 167px; margin-left: -195px; opacity: 0; filter: alpha(opacity=0); } /* µ· */
.slider_text_panel .txt1 .text06 { position: absolute; left: 50%; top: 140px; margin-left: -390px; opacity: 0; filter: alpha(opacity=0); } /* ¹é */
.slider_text_panel .txt1 .text07 { position: absolute; left: 50%; top: 180px; margin-left: -528px; opacity: 0; filter: alpha(opacity=0); } /* ¸»Ç³¼± */
.slider_text_panel .txt1 .text08 { position: absolute; left: 50%; top: 328px; margin-left: -620px; opacity: 0; filter: alpha(opacity=0); } /* ÇÚµåÆù */
.slider_text_panel .txt1 .text09 { position: absolute; left: 50%; top: 264px; margin-left: -620px; opacity: 0; filter: alpha(opacity=0); } /* ¶óÀοÞÂÊ */
.slider_text_panel .txt1 .text10 { position: absolute; left: 50%; top: 193px; margin-left: -357px; opacity: 0; filter: alpha(opacity=0); } /* ¶óÀοÀ¸¥ÂÊ */
.slider_text_panel .txt1 .text11 { position: absolute; left: 50%; top: 310px; margin-left: 44px; opacity: 0; filter: alpha(opacity=0); } /* ¾ÆÀÌÄÜ1 */
.slider_text_panel .txt1 .text12 { position: absolute; left: 50%; top: 420px; margin-left: -25px; opacity: 0; filter: alpha(opacity=0); } /* ¼³¸í 1 */
.slider_text_panel .txt1 .text13 { position: absolute; left: 50%; top: 310px; margin-left: 305px; opacity: 0; filter: alpha(opacity=0); } /* ¾ÆÀÌÄÜ2 */
.slider_text_panel .txt1 .text14 { position: absolute; left: 50%; top: 420px; margin-left: 262px; opacity: 0; filter: alpha(opacity=0); } /* ¼³¸í 2 */
.slider_text_panel .txt1 .text15 { position: absolute; left: 50%; top: 310px; margin-left: 557px; opacity: 0; filter: alpha(opacity=0); } /* ¾ÆÀÌÄÜ3 */
.slider_text_panel .txt1 .text16 { position: absolute; left: 50%; top: 420px; margin-left: 485px; opacity: 0; filter: alpha(opacity=0); } /* ¼³¸í 3 */
.slider_text_panel .txt1 .text17 { position: absolute; left: 50%; top: 510px; margin-left: -440px; opacity: 0; filter: alpha(opacity=0); } /* ¼³¸í 4 */

.slider_text_panel .txt2 .text21 { position: absolute; left: 50%; top: 398px; margin-left: -556px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt2 .text22 { position: absolute; left: 50%; top: 293px; margin-left: -630px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt2 .text23 { position: absolute; left: 50%; top: 192px; margin-left: -455px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt2 .text24 { position: absolute; left: 50%; top: 110px; margin-left: -290px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt2 .text25 { position: absolute; left: 50%; top: 65px; margin-left: -82px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt2 .text26 { position: absolute; left: 50%; top: 110px; margin-left: 180px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt2 .text27 { position: absolute; left: 50%; top: 192px; margin-left: 300px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt2 .text28 { position: absolute; left: 50%; top: 293px; margin-left: 350px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt2 .text29 { position: absolute; left: 50%; top: 398px; margin-left: 320px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt2 .text30 { position: absolute; left: 50%; top: 103px; margin-left: -318px; opacity: 0; filter: alpha(opacity=0); } /*  ¶óÀÎ  */
.slider_text_panel .txt2 .text31 { position: absolute; left: 50%; top: 265px; margin-left: -91px; opacity: 0; filter: alpha(opacity=0); } /* monitor*/
.slider_text_panel .txt2 .text32 { position: absolute; left: 50%; top: 156px; margin-left: -97px; opacity: 0; filter: alpha(opacity=0); } /* light  */
.slider_text_panel .txt2 .text33 { position: absolute; left: 50%; top: 467px; margin-left: -101px; opacity: 0; filter: alpha(opacity=0); } /* btn */

.slider_text_panel .txt3 .text41 { position: absolute; left: 50%; top: 146px; margin-left: -700px; opacity: 0; filter: alpha(opacity=0); } /* Á¦ÀÛ¹®ÀÇ */
.slider_text_panel .txt3 .text42 { position: absolute; left: 50%; top: 170px; margin-left: -700px; opacity: 0; filter: alpha(opacity=0); } /* 02.830.8266 */
.slider_text_panel .txt3 .text43 { position: absolute; left: 50%; top: 252px; margin-left: -690px; opacity: 0; filter: alpha(opacity=0); } /* ico1 */
.slider_text_panel .txt3 .text44 { position: absolute; left: 50%; top: 287px; margin-left: -558px; opacity: 0; filter: alpha(opacity=0); } /*  +  */
.slider_text_panel .txt3 .text45 { position: absolute; left: 50%; top: 252px; margin-left: -492px; opacity: 0; filter: alpha(opacity=0); } /* ico2 */
.slider_text_panel .txt3 .text46 { position: absolute; left: 50%; top: 287px; margin-left: -367px; opacity: 0; filter: alpha(opacity=0); } /*  +  */
.slider_text_panel .txt3 .text47 { position: absolute; left: 50%; top: 252px; margin-left: -293px; opacity: 0; filter: alpha(opacity=0); } /* ico3 */
.slider_text_panel .txt3 .text48 { position: absolute; left: 50%; top: 155px; margin-left: -35px; opacity: 0; filter: alpha(opacity=0); } /*¸»Ç³¼±*/
.slider_text_panel .txt3 .text49 { position: absolute; left: 67%; top: 117px; opacity: 0; filter: alpha(opacity=0); }/*»ç¶÷*/
.slider_text_panel .txt3 .text50 { position: absolute; left: 50%; top: 447px; margin-left: -710px; opacity: 0; filter: alpha(opacity=0); }/*¹öÆ°*/


.control_panel { position:absolute; top: 150px; left: 50%; margin-left:676px; width:25px; height: 70px; overflow:hidden; z-index: 100; }
.control_panel .control_button { width:15px; height:15px; position:relative; float:left; cursor:pointer; display:inline-block; background:url(/common/images/point.png) no-repeat center top; margin: 7px 0px 0 0; }
.control_panel .control_button.active { background-position: center bottom; }
.control_panel .first { margin: 5px 5px 0 0px; }


.i_btn01{}
.i_btn02{margin-left:400px;}
.i_btn03{margin-left:400px;}


/* Header */
.main_top{width:1400px; height:32px; margin:0 auto;}

.top{width:1400px; height:76px; margin:0 auto;}
.logo_top{float:left; margin-top:7px; margin-left:55px; background:#ffffff; height:62px;}
.unb_top{float:left; margin-top:0px; margin-left:5px;}
.unb_top li{float:left; margin:0px 0px 0px 0px;}
.top_login{float:right; height:32px; margin-top:5px; margin-right:4px; font-family:"±¼¸²"; font-size:12px; color:#FFFFFF; font-weight:bold; line-height:150%;}
.input{height:18px; font-family:"±¼¸²","µ¸¿ò"; color:#817975; border:1px solid #fff; background-color:#fff; vertical-align:middle; }
.login_t{height:18px;}
.gnb{float:right; margin-top:20px; margin-right:20px; /*background-color:red;*/ width:1050px;}


/* Main Contents */
#main_container{margin:0 auto; padding:0px; width:1400px; text-align:left; margin-bottom:20px;}
.main_visual{width:100%; margin:0 auto; padding:0;}
.maincontents{width:1400px; margin-top:40px; margin-bottom:15px; height:1050px;}

.main_top{width:1400px;}
.top_left{float:left; width:260px; height:441px; background: url("/common/images/project_bg.gif") no-repeat top center;}
.top_right{float:right; width:1120px; margin-right:15px;}

.tr_top{width:1132px;}
.tr_top ul li{float:left; padding-left:24px;}
.tr_bottom{clear:both; margin-left:2px; padding-top:30px; height:65px; width:1128px;}
.tr_bottom ul li{float:left; padding:0 0 0 24px;}

.main_bottom{position:relative; width:1400px; margin-top:13px;}
.bottom_left{float:left; width:260px;}
.bottom_right{float:right; margin-top:-115px; margin-right:0px; width:1110px;}

.new service{}

.bottom_left ul{font-size:0;}
.bottom_left ul li{margin-top:8px;}



/* project ¼öÁÖ ¹× À¯Áöº¸¼ö ÇöȲ */
.project{position:relative; height:82px; padding-left:23px; padding-top:13px;}
.project ul{display:block;}
.project ul li{width:230px; padding-top:2px; font-family:"³ª´®°íµñ"; color:#595959; font-size:12px;}
.pro_tit{padding-top:23px; padding-left:99px;}
.pro_tit2{padding-top:13px; padding-left:46px;}
.pro_line{padding-top:24px; padding-left:99px;}
.pro_line2{padding-top:14px; padding-left:68px;}

.maintenance{position:relative; height:103px; padding-left:23px; padding-top:13px; background-color:#f26015;}
.maintenance a{text-decoration:none; color: #fff;}
.maintenance ul{display:block;}
.maintenance ul li{width:220px; padding-top:2px; font-family:"³ª´®°íµñ"; color:#fff; font-size:12px;}




/* Footer */
.footer_img{width:1400px; margin-top:16px; margin-left:0px;}
.unb_footer{width:1400px; float:left; margin-top:14px; margin-left:2px; color:#8f9caa;}
.unb_footer li{float:left; margin:0px 0px 0px 7px;}

.copyright{float:left; font-family:"-À±µðÀÚÀÎÀ¥µ¸¿ò"; font-size:11px; color:#535b63; margin-top:8px;}
.copy_right{float:right; margin-top:5px; margin-right:25px; font-family:"-À±µðÀÚÀÎÀ¥µ¸¿ò"; font-size:14px; color:#535b63;}
.color_o{font-family:"±¼¸²"; font-size:12px; color:#e1e1e1; font-weight:bold;}
.color_w{font-family:"±¼¸²"; font-size:12px; color:#8f9caa;}


/* Aside */
.aside{}
.spot{}
.search{}



/*¸Þ´º½ºÅ©¸³Æ®*/

#dd{margin:0; padding:0;}
#dd li{margin:0; padding:0; list-style: none; float:left;}
.rr{padding-top:10px;}

#dd li a.menu{display:block; text-align: center; padding-top:17px; margin:0 0px 0 0; color:#000; width:175px; height:27px; text-decoration:none; font-family:'Noto Sans Korean'; font-size:17px; font-weight:400;}
#dd li a.menu:hover{/*background:#e04702;*/}

.submenu{background:#fff3ee; visibility:hidden; width:160px; position:absolute; z-index:3; margin-top:12px;}
.submenu a{display:block; font-size:12px; font-family:"³ª´®°íµñ"; text-align:left; text-decoration:none; padding:10px; margin-left:0px; color:#000; font-weight:bold;}
.submenu a:hover{background:#fff3ee; color:red; font-weight:bold;}
.menu{margin-left:0px}



/* works */

.works{position:relative; padding-left:0px; width:1105px; height:720px; overflow:hidden;}
.worksD{width:1100px;}

.item{width:210px; float:left; margin-left:13px;}
.item_l{width:210px; float:left;}

.it_t01{height:320px; border-top:1px solid #eeeced; border-left:1px solid #dad8d9; border-right:1px solid #dad8d9; border-bottom:1px solid #bdb6b9;}
.it_t02{height:380px; border-top:1px solid #eeeced; border-left:1px solid #dad8d9; border-right:1px solid #dad8d9; border-bottom:1px solid #bdb6b9;}
.it_t03{height:320px; border-top:1px solid #eeeced; border-left:1px solid #dad8d9; border-right:1px solid #dad8d9; border-bottom:1px solid #bdb6b9;}
.it_t04{height:360px; border-top:1px solid #eeeced; border-left:1px solid #dad8d9; border-right:1px solid #dad8d9; border-bottom:1px solid #bdb6b9;}
.it_t05{height:340px; border-top:1px solid #eeeced; border-left:1px solid #dad8d9; border-right:1px solid #dad8d9; border-bottom:1px solid #bdb6b9;}

.it_b01{height:320px; margin-top:11px; border-top:1px solid #eeeced; border-left:1px solid #dad8d9; border-right:1px solid #dad8d9; border-bottom:1px solid #bdb6b9;}
.it_b02{height:260px; margin-top:11px; border-top:1px solid #eeeced; border-left:1px solid #dad8d9; border-right:1px solid #dad8d9; border-bottom:1px solid #bdb6b9;}
.it_b03{height:318px; margin-top:11px; border-top:1px solid #eeeced; border-left:1px solid #dad8d9; border-right:1px solid #dad8d9; border-bottom:1px solid #bdb6b9;}
.it_b04{height:278px; margin-top:11px; border-top:1px solid #eeeced; border-left:1px solid #dad8d9; border-right:1px solid #dad8d9; border-bottom:1px solid #bdb6b9;}
.it_b05{height:298px; margin-top:11px; border-top:1px solid #eeeced; border-left:1px solid #dad8d9; border-right:1px solid #dad8d9; border-bottom:1px solid #bdb6b9;}


.item span{padding-left:32px; font-family:"Arial"; font-size:12px; color:#de4a4a; font-weight:bold;}
.item_l span{padding-left:32px; font-family:"Arial"; font-size:12px; color:#de4a4a; font-weight:bold;}
.item_b{padding-left:15px; height:88px; background-color:#f2f0f1;}

.iwrap{padding-top:28px;}


.i_photo{padding:8px 8px 8px 8px; border-bottom:1px solid #dad8d9;}
.i_tit{padding:13px 0 3px 0px; font-family:"³ª´®°íµñ"; font-size:12px; color:#1c64a1; font-weight:bold; vertical-align:middle; text-transform: uppercase;}
.i_add{padding-left:32px; font-family:"Arial"; font-size:11px; color:#999999; font-weight:bold;}



/* works rolling */

#container {
	width:1125px;
	height:720px;
	padding:0px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#slides {
	position:absolute;
	top:0px;
	left:0px;
}

.slides_container {
	width:1125px;
	height:720px;
	overflow:hidden;
	position:relative;
	z-index:100;
}


.pagination {
	position:absolute;
    float : left;
	margin: -735px 0px 0px 230px;
	width:870px;
	z-index:999;
}

.pagination li {
	float : left;
	z-index:505;
	margin: 0px 1px;
}

.pagination li a {
	text-indent:9999px;
	display:block;
	width:83.7px;
	height:5px;
	padding-top:0px;
	background-image:url(/common/images/pagination.png);
	background-position:0 0;

	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -14px;
}




/* section */
#section {width:100%; background:#232c35;}
#section:after {clear:both; content:""; display:block;}
.section {position:relative; box-sizing:border-box;}
.section .m_tit {text-align:center; line-height:150%; padding:40px 0px 10px 0px; color:#000;  position:relative;  font-size:36px; font-family: PT Sans; opacity:0; filter:alpha(opacity=0);/* margin-top:30px;*/}
.section .m_tit .bb {font-weight:bold;}
.section .m_tit_s {text-align:center; display:block;  color:#000; font-size:16px; line-height:150%; padding:0px 0px 10px 0px; opacity:0; filter:alpha(opacity=0); /*margin-top:30px;*/ }


.animated_tit {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.section .m_tit.zoomIn {opacity: 1;}
.section .m_tit_s.zoomIn {opacity: 1;}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}


.section.solution {position:relative; padding-bottom:40px;}

.btn_pr {max-width:100%;}

.solu_wrap {box-sizing:border-box; width:100%; margin:0 auto;  margin-top:30px;  background:#fff;overflow:hidden;  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2); position:relative;}
.user_box {clear:both; max-width:1400px; margin:0 auto; padding:30px 0;}
.solu_wrap .tt {font-size:32px; line-height:42px; font-family:nGothicB; color:#333;  }
.solu_ul {overflow:hidden; box-sizing:border-box; padding:40px 0 20px 0;text-align:center;}
.solu_ul li {display:inline-block; box-sizing:border-box; width:24.5%; margin-bottom:20px; opacity:0; filter: alpha(opacity=0); }
.solu_ul li .box {box-sizing:border-box; text-align:center; }
.solu_ul li .box .ic {text-align:cener;}
.solu_ul li .box .ic img {max-width:100%;}
.solu_ul li .box .txt {font-size:13px; line-height:21px; color:#333; padding-top:10px; letter-spacing:-1px;}




/* techonlogy */
.section.service {/*background:url(/images/service_bg.gif) no-repeat center center; background-size:cover;*/ padding-bottom:30px;}
.sev_in {clear:both; max-width:1400px; margin:0 auto; padding:30px 0;}
.sev_ul {box-sizing:border-box; overflow:hidden; margin-left:-14px;}
.sev_ul li {float:left; width:16.6%; box-sizing:border-box; opacity:0; filter:alpha(opacity=0); margin-top:-20px;}
.sev_ul li a {display:block; box-sizing:border-box; margin-left:14px; text-align:center; background:#53c1c7; border-radius:5px; padding:30px 10px; transition: all 0.4s 0s ease-in-out; }
.sev_ul li a .tb_in {display:table; box-sizing:border-box; width:100%;}
.sev_ul li a .title {display:block; box-sizing:border-box;}
.sev_ul li a .tt_box {display:block; box-sizing:border-box;}
.sev_ul li a .tt {display:block; word-break:break-all; font-size:18px; line-height:22px; color:#fff;}
.sev_ul li a .tt2 {display:block; box-sizing:border-box; font-size:20px; line-height:30px; color:#fff; font-family:nGothicB; padding-bottom:20px;}
.sev_ul li a .txt {display:block; box-sizing:border-box; font-size:13px; line-height:21px; color:#fff; min-height:63px;}
.sev_ul li a .ic {display:block; box-sizing:border-box; padding:20px 0;}
.sev_ul li a .ic img {max-width:100%;}
.sev_ul li a .ic .im_w {display:inline-block; transition: all 0.3s 0s ease-in-out;}
.sev_ul li a .ic .im_m {display:none; transition: all 0.3s 0s ease-in-out;}

.sev_ul li a:hover {background:#fff; transition: all 0.4s 0s ease-in-out; }
.sev_ul li a:hover .tt {transition: all 0.4s 0s ease-in-out; color:#000; }
.sev_ul li a:hover .ic .im_w {display:none; transition: all 0.4s 0s ease-in-out; }
.sev_ul li a:hover .ic .im_m {display:inline-block; transition: all 0.4s 0s ease-in-out; }
.sev_ul li a:hover .tt2 {color:#009999; transition: all 0.4s 0s ease-in-out; }
.sev_ul li a:hover .txt {color:#000; transition: all 0.4s 0s ease-in-out; }


.animated_p {
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes s_bounce {
  from {
    transform: translate(0px, 0px);
  }

  50% {
    transform: translate(0px, 10px);
  }

  to {
    transform: translate(0px, 0px);
  }
}

.s_bounce {
  animation-name: s_bounce;
}



/* õ»ç¼Ö·ç¼Ç ¼Ö·ç¼Ç */
#solution{position:relative; overflow:hidden; width:100%; height:727px; background:url('/images/solution_bg.gif') center 0 no-repeat; background-size:cover; background-attachment:fixed}
.solution_in{position:relative; width:1160px; margin:0 auto}	
.solution_in h3{text-align:center; padding:100px 0 60px 0; font-family: 'PT Sans', sans-serif; font-size:39px; font-weight:700; line-height:42px; color:#fff}
.solution_in ul{width:1080px; margin:0 auto;}
.solution_in li{width:510px; float:left;}
.solution_in li.one{margin-right:59px;}
.solution_in li .simg{margin-bottom:30px;}
.solution_in li .txt{position:relative; font-size:24px; color:#fff; letter-spacing:-1pt; line-height:100%;}
.solution_in li .txt p{font-size:16px; font-family: 'PT Sans', sans-serif; font-weight:700; color:#92c1ee; letter-spacing:0.3pt; line-height:100%; margin-top:8px;}
.solution_in .title{float:left; width:198px;}
.solution_in .btn1{float:left; text-align:center; margin-left:2px;}
.solution_in .btn1 a:link, .solution_in .btn1 a:visited
{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;
position:relative;color:#fff;display:inline-block; font-size:15px; height:48px; line-height:48px;
text-align:center;color:#fff;font-size:15px;border:1px solid #fff;vertical-align:middle;min-width:88px;z-index:2}
.solution_in .btn1 a:after {width:0%;height:100%;top:0;left:0;background:#003268;content:'';position:absolute;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.solution_in .btn1 a:hover {color:#fff; border:1px solid #003268}
.solution_in .btn1 a:hover:after {width: 100%}

.solution_in .btn2{float:left; background:#fff; width:124px; font-weight:600; text-align:center; margin-left:2px;}
.solution_in .btn2 a:link, .solution_in .btn2 a:visited{color:#217ada; display:block; font-size:15px; height:48px; line-height:48px; border:1px solid #fff;}
.solution_in .btn2 a:hover{background:#003268; color:#fff; border:1px solid #003268; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

#solution2{position:relative; overflow:hidden; width:100%; height:727px; background:url('/images/solution_bg2.gif') center 0 no-repeat}
	.solution_in2{position:relative; width:1180px; margin:0 auto;}
	.solution_in2 .solution_tit{float:left; width:553px; padding-bottom:175px;  background:url('/images/solution_icon.gif') right bottom no-repeat}
		.solution_tit h3{padding:205px 0 30px 0; font-family: 'PT Sans', sans-serif; font-size:55px; font-weight:700; line-height:39px; color:#86888c}
		.solution_tit h3 p{font-family:PT Sans, sans-serif; color:#fff; font-size:55px; line-height:39px; margin-left:92px}
		.solution_tit p.stit{border-top:8px solid #fff; color:#d7d7d9; margin-left:92px; padding:45px 0 0 0; font-size:17px; line-height:28px; letter-spacing:-0.5pt}
	.solution_in2 ul{position:relative; float:left; width:627px; background:url('images/solution_line.gif') 0 0 repeat-y; padding:139px 0 0 0;}
	.solution_in2 li{position:relative; float:left; background-color:#353840; padding-bottom:63px}
	.solution_in2 li.one{margin-right:19px}
	.solution_in2 li .txt{position:absolute; top:328px; z-index:88}
	.solution_in2 .btn1{float:left; text-align:center; margin:0 2px 0 20px;}
	.solution_in2 .btn1 a:link, .solution_in2 .btn1 a:visited
	{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;
	position:relative;color:#fff;display:inline-block; font-size:15px; height:48px; line-height:48px; background:rgba(53,56,64,.8) url('/images/solution_pc.png') 20px 16px no-repeat;
	text-align:center;color:#fff;font-size:15px;border:1px solid #27292f;vertical-align:middle;min-width:131px;z-index:2; padding:0 0 0 15px; box-sizing:border-box}
	.solution_in2 .btn1 a:hover {background:#27292f  url('/img/ver11/solution_pc.png') 20px 16px no-repeat; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
	.solution_in2 .btn1 a:hover:after {width: 100%}
	.solution_in2 .btn2{float:left; text-align:center;}
	.solution_in2 .btn2 a:link, .solution_in2 .btn2 a:visited
	{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;
	position:relative;color:#fff;display:inline-block; font-size:15px; height:48px; line-height:48px; background:rgba(53,56,64,.8) url('/images/solution_mo.png') 20px 16px no-repeat;
	text-align:center;color:#fff;font-size:15px;border:1px solid #27292f;vertical-align:middle;min-width:131px;z-index:2; padding:0 0 0 15px; box-sizing:border-box}
	.solution_in2 .btn2 a:hover {background:#27292f  url('/img/ver11/solution_mo.png') 20px 16px no-repeat; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
	.solution_in2 .btn2 a:hover:after {width: 100%}
	.solution_in2 .btn3{float:left; background:#fff; width:304px; font-weight:600; text-align:center; margin:23px 0 0 0;}
	.solution_in2 .btn3 a:link, .solution_in2 .btn3 a:visited{color:#353840; display:block; font-size:15px; height:58px; line-height:58px; border:1px solid #fff;}
	.solution_in2 .btn3 a:hover{background:#1d7cd4; color:#fff; border:1px solid #1d7cd4; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

	

/* ¼ýÀÚ- */
#threewayNum{position:relative; overflow:hidden; width:100%; height:371px; background:url('/images/threewaynum_bg.gif') center 0 no-repeat;}
	.threewayNum_in{position:relative; overflow:hidden; width:1180px; margin:94px auto;}
	.threewayNum_in .txtbox{float:left; width:510px;}
	.threewayNum_in .txtbox h3{text-align:left; padding:0 0 10px 0; font-family: 'PT Sans', sans-serif; font-size:39px; font-weight:700; line-height:42px; color:#fff}
	.threewayNum_in .txtbox .txt{font-size:18px; color:#fff; line-height:30px; letter-spacing:-1pt; margin-bottom:20px;}
	.threewayNum_in .txtbox .btn{border:1px solid #becff6; width:130px;}
	.threewayNum_in .txtbox .btn a{display:block; text-align:center; color:#becff6; font-size:15px; height:50px; line-height:50px; letter-spacing:-0.5pt;}
	.threewayNum_in .txtbox .btn a span{display:block;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
	.threewayNum_in .txtbox .btn a:after {width:0%;height:100%;top:0;left:0;background:#fff;content:'';position:absolute;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
	.threewayNum_in .txtbox .btn a:hover {color:#fff;}
	.threewayNum_in .txtbox .btn a:hover:after {width: 100%}
	
	a.btn_arrow {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;position:relative;display:inline-block;height:50px;line-height:50px; text-align:center; padding:0 30px;color:#becff6;font-size:15px;border:1px solid #becff6;vertical-align:middle;min-width:70px;z-index:2}
	.btn_arrow:after {width:0%;height:100%;top:0;left:0;background:#003268;content:'';position:absolute;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
	.btn_arrow:hover {color:#fff; border:1px solid #003268}
	.btn_arrow:hover:after {width: 100%}

	.threewayNum_in ul{width:670px; float:left;}
	.threewayNum_in li{float:right; width:25%; text-align:center; height:170px; background:url('/images/round_bg.png') no-repeat;}
	.threewayNum_in li p.num{font-size:38px; font-weight:700; font-family: 'PT Sans', sans-serif; line-height:100%; color:#fff; padding:52px 0 12px 0;}
	.threewayNum_in li p.tit{font-size:16px; line-height:100%; color:#b3c9e1; letter-spacing:-0.7pt;}


#threewayNum2{position:relative; overflow:hidden; width:100%; height:560px; background:url('/images/threeway_bg.jpg') center 0 no-repeat; background-attachment:fixed}
	.threewayNum_in2{position:relative; overflow:hidden;}
	.threewayNum_in2 .txtbox{position:relative; overflow:hidden; padding:120px 0 70px 0; width:1180px; margin:0 auto;}
	.threewayNum_in2 .txtbox h3{float:left; text-align:left; font-family: 'PT Sans', sans-serif; font-size:72px; font-weight:700; line-height:100%; color:#fff}
	.threewayNum_in2 .txtbox h3 p{font-size:23px; font-weight:100; letter-spacing:-0.5pt; line-height:100%; padding:0 0 10px 0}
	.threewayNum_in2 .txtbox .txt{float:left; font-size:17px; color:rgba(255,255,255,.8); line-height:28px; letter-spacing:-0.7pt; margin:44px 0 0 40px;}
	.threewayNum_in2 .txtbox .btn{float:right; padding-top:45px;}
	
	a.btn_arrow {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;position:relative;display:inline-block;height:50px;line-height:50px; text-align:center; padding:0 30px;color:#becff6;font-size:15px;border:1px solid #becff6;vertical-align:middle;min-width:70px;z-index:2}
	.btn_arrow:after {width:0%;height:100%;top:0;left:0;background:#003268;content:'';position:absolute;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
	.btn_arrow:hover {color:#fff; border:1px solid #003268}
	.btn_arrow:hover:after {width: 100%}

	.threewayNum_in2 .num_con{position:relative; overflow:hidden; width:100%; background:rgba(14,30,188,.2)}
	.threewayNum_in2 .num_con ul{position:relative; overflow:hidden; width:1180px; margin:0 auto; box-sizing:border-box;  border-left:1px solid rgba(255,255,255,.2)}
	.threewayNum_in2 li{float:right; width:25%; text-align:center; height:267px; box-sizing:border-box; border-right:1px solid rgba(255,255,255,.2)}
	.threewayNum_in2 li p.num{font-size:55px; font-weight:700; font-family: 'PT Sans', sans-serif; line-height:100%; color:#fff; padding:78px 0 18px 0;}
	.threewayNum_in2 li p.tit{font-size:20px; line-height:100%; color:#fff; letter-spacing:-0.7pt;}



/* õ»ç½ºÅ丮 ½ºÅ丮 */
#story2{position:relative; overflow:hidden; width:100%; padding:130px 0;  }
.story_in2{position:relative; overflow:hidden; width:1180px; margin:0 auto; }	
		

/* ÃÖÁ¾ ´º½º */
#news{padding:3% 0 5%;}
#news > h1.h1{ margin-bottom: 5.2%; text-transform: uppercase; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #000; font-size: 50px; line-height: 22px; text-align: center; }
#news .lst_new{  position:relative;}
#news .lst_new > .header{ cursor:pointer; position:relative; padding:30px 160px 2% 80px; /* margin:3.5% 0;  */border-bottom:1px solid #d6d6d6; -moz-transition: all 0.3s ease-in-out;    -o-transition: all 0.3s ease-in-out;    -webkit-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out}
#news .lst_new > .header:after{display:block; clear:both; content:""; height:0; visibility:hidden;}

#news .lst_new > .header:hover{ background-color:#f8f8f8;}
#news .lst_new > .header > p{color:#696969; padding-right: 10%;}
#news .lst_new > .header .group.rgh{position:absolute; top:20px; right:5px;}
#news .lst_new > .header .group.rgh .arr{width:44px;height:47px; display:inline-block; text-indent:-99999px; background-repeat:no-repeat; background-image:url(images/btn_news.png); background-position:0 -47px;}

/*ÃÖÁ¾ ´º½º : open½Ã*/
#news .lst_new.on > .header > p{color:#000;}
#news .lst_new.on > .header .group.rgh .arr{background-position:0 0;}
#news .lst_new > .header .group.rgh .date{float:left; padding-right:21px; padding-top:15px; color:#696969;}
#news .lst_new > .header .num{position:absolute; left:25px; top:25px; font-size:40px; margin-right:22px;}
#news .lst_new > .header .h1{display:block;font-size:16px; margin-bottom:9px; line-height:18px; font-weight:400; }
#news .lst_new > .header .h2{display:block;font-size:12px; color:#050505;}
#news .lst_new > .news_cont{display: none; border-bottom:1px solid #d6d6d6; font-size:13px; line-height:18px; color:#565454;  }
#news .lst_new > .news_cont .inner{padding:3% 0; background-color: #f9f9f9;}
#news .lst_new > .news_cont .inner:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}

/*ÃÖÁ¾ ´º½º : editer css*/
#news .lst_new > .news_cont:after{display:block; clear:both; content:""; height:0; visibility:hidden;}
#news .lst_new > .news_cont .group{ float:right; width:53%; margin-right: 2%; font-size: 16px; line-height: 29px;}  
#news .lst_new > .news_cont .group.lft{padding-top: 15px;}
#news .lst_new > .news_cont .group.rgh{float:left; width: 41%; margin-left: 2%;}
#news .lst_new > .news_cont .group.rgh img{width: 100%;}
#news .lst_new > .news_cont .group.lft.img_None{ float: none; width:88.4%; margin-left: auto; margin-right: auto; }
#news .lst_new > .news_cont .h1{ color:#706e6e; margin-bottom:5px; font-weight:bold;   }

/*ÀÌÀü ´º½º*/
#news_main{ padding: 4% 0;}
#news_main h1.h1{ margin-bottom: 4%; text-transform: uppercase; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #000; font-size: 20px; line-height: 22px; text-align: center; }
#news_main > .inner:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
#news_main .group_lft{ float: left; width: 25%; min-height: 500px; overflow-x: hidden; overflow-x: auto; }
#news_main .group_lft .tab{width: 90%; border: 1px solid #ff0000; text-align: center;}
#news_main .group_lft .tab > li{ float: left; width: 50%; text-align: center;}
#news_main .group_lft .tab > li a{display: block; padding: 17px 10px; color: #f00; font-size: 11px; line-height: 15px;}
#news_main .group_lft .tab > li.on{background-color: #ff0000;}
#news_main .group_lft .tab > li.on a{color: #fff; }
#news_main .group_lft .tab:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;content:' '}
#news_main .group_lft .lst{width: 90%;}
#news_main .group_lft .lst > .inner > ul > li{ border-bottom: 1px solid #d6d6d6; padding: 14px 0; }
#news_main .group_lft .lst > .inner > ul > li a{color: #8d8d8d; font-size: 12px; line-height: 19px;}
#news_main .group_lft .lst > .inner > ul > li a:hover,
#news_main .group_lft .lst > .inner > ul > li.on a{color: #000;}
#news_main .group_lft .lst > .inner > ul > li .data{ display: block; margin-top: 5px; }

#news_main .group_rgh{float: right; width: 71%;  min-height: 500px; font-size: 12px; line-height: 19px;}
#news_main .group_rgh img{max-width: 100%;}
#news_main .group_rgh h1{ font-size: 20px; line-height: 24px; color: #000; margin-bottom: 4%; }
#news_main .group_rgh .img{margin-bottom: 4%;}
#news_main .group_rgh .cont{margin-bottom: 4%;}

/* ÆäÀÌ¡ */
.paging_comm {margin-top: 40px; font-weight:bold;font-size:15px;line-height:14px;text-align:center;vertical-align:top}
.paging_comm .link_page {display:inline-block;padding: 2px 3px 3px 3px;margin-right:1px;text-decoration:none;vertical-align: -1px;}
.paging_comm .link_page:hover,
.paging_comm em.link_page {color:#ee2e2d;font-weight:bold;font-size:15px; display:inline-block;padding: 3px 5px 3px 3px;margin-right:1px;text-decoration:none;vertical-align: -1px; vertical-align:top}
.paging_comm .img_sample {display:inline-block;padding:6px 2px 4px 3px;border:0 none;font-weight:normal;color:#999;text-decoration:none}
.paging_comm .link_page:hover {text-decoration:none}
.paging_comm .btn_prev {padding-left:5px;}
.paging_comm .btn_next {padding-right:5px;}




/* ã¾Æ¿À½Ã´Â±æ */
#mapArea{position:relative; overflow:hidden; width:100%;}
	.map_txt{width:334px; height:298px; position:absolute; text-align:center; background:url('/images/loca_bg.png') no-repeat; z-index:50; top:139px; left:50%; margin-left:270px}
	.map_txt h3{ font-family: 'PT Sans', sans-serif; font-size:33px; line-height:100%; font-weight:700; color:#fff; padding:85px 0 26px 0}
	.map_txt p.address{color:#d3ddf5; font-size:15px; line-height:24px; letter-spacing:-0.7pt; padding-bottom:18px;}
	.map_txt p.tel{color:#fff; font-size:14px; line-height:24px;}