html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; list-style:none; }
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
/* ¿µ¿ª&°øÅë */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
}
body{background-color:#f0f0f0;}
body, code, li, .txtBase {
font-family: 'Noto Sans KR', 'Malgun Gothic', Arial, Helvetica, sans-serif;
font-size:14px;
color:#454545;
line-height:21px;
font-weight:normal;
font-style:normal;
text-decoration:none;
}
a, a:active, a:focus {
font-family:Verdana, 'Noto Sans KR', 'Malgun Gothic', Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
font-weight:normal;
font-style:normal;
text-decoration:none;
}
a:hover {
font-family:Verdana, 'Noto Sans KR', 'Malgun Gothic', Arial, Helvetica, sans-serif;
font-size:14px;
color:#757575;
font-weight:normal;
font-style:normal;
text-decoration:underline;
}
/*
strong > a, strong a:hover { font-weight:bold; }
input, select {
font-family:Verdana, 'Noto Sans KR', 'Malgun Gothic', Arial, Helvetica, sans-serif;
font-size:14px;
color:#757575;
font-weight:normal;
font-style:normal;
text-decoration:none;
}
textarea {
font-family:Verdana, 'Noto Sans KR', 'Malgun Gothic', Arial, Helvetica, sans-serif;
font-size:14px;
color:#8f8f8f;
font-weight:normal;
font-style:normal;
text-decoration:none;
*/
#wrap {position:relative; }
#header {width:200px;float:left;position:fixed; z-index:10001;left:0;top:0;padding:0; background-color:#2d508a;}
.lan {
float: left;
width: 200px;
border-bottom: 1px solid #e3e3e3;
vertical-align: middle;
}
.lan li{
float:left; 
height:24px;
padding: 6px 12px 2px 15px;
border-left:1px solid #e3e3e3;
}
.lan .last{margin-left:1px;}
.logo {
width: 199px;
height:159px;
border-right:1px solid #e3e3e3;
padding: 22px 0 22px 0px;
text-align: center;
background: #fff;
}
/* menu */
div#gnb {
position:fixed;
left:0;
width:200px;
height:100%;
background:#6eb92c;
z-index999;
}
div#gnb h1 {}
div#gnb h2 {}
div#gnb ul.menu {
}
div#gnb ul.menu li {
}
div#gnb ul.menu li a {
display:block;
height:22px;
padding:14px 14px; 0 30px;
background:#6eb92c;
background-image: url(/base/img/img/arrow.png);background-repeat: no-repeat; background-position: 170px 18px;
border-bottom:1px solid #5ea520;
color:#FFF;
font-size:15px;
font-weight:bold;
}
div#gnb ul.menu li a:hover,
div#gnb ul.menu li a.on {
background:#4d8e13;
text-decoration:none;
background-image: url(/base/img/img/arrow1.png);background-repeat: no-repeat; background-position: 170px 18px;
}
div#gnb ul.menu li ul {
display:none;
position:absolute;
top:0;
left:200px;
z-index:50;
width:186px;
height:500px;
border:none;
background:#fff;
border-right:1px solid #e3e3e3;
}
div#gnb ul.menu li ul li a {
height:30px;
color:#000;
padding:10px 0 0 15px;
background:none;
border:none;
border-bottom:1px solid #e2e2e2;
font-size:13px;
font-weight:100;
letter-spacing: -1px;
}
div#gnb ul.menu li ul li a:hover,
div#gnb ul.menu li ul li a.on {
color:#000;
background:#fff;
border-right:1px solid #434343;
}
div#gnb ul.menu li ul li a
div#gnb .sub_menu a:hover,
div#gnb ul.menu li ul li a.on {
color:#fff;
background:#8a8a8a;
}
div#gnb ul.menu li.comp ul {padding:203px 0 0;}
div#gnb ul.menu li.pro ul {padding:254px 0 0;}
div#gnb ul.menu li.bd ul {padding:305px 0 0;}
div#gnb ul.menu li.pr ul {padding:357px 0 0;}
div#gnb ul.menu li.cus ul {padding:406px 0 0;}
div#gnb ul.menu li.link ul {padding:406px 0 0;}
div#gnb ul.menu li span.chinese-character {
font-family:Verdana, 'Noto Sans KR', 'Malgun Gothic', Arial, Helvetica, sans-serif;
font-size:13px;
}
/*ºí·Î±×&Ä«Æä */
.link img{
top: 118px;
margin-right: 12px;
}
/*°í°´¼¾ÅÍ*/
#m_cus{
float:left;
margin:10px 10px 10px 10px;
}
.cus1{ 
font-family:Verdana, 'Noto Sans KR', 'Malgun Gothic', Arial, Helvetica, sans-serif;
font-size:16px;
color:#bbc3d5;
margin-bottom:-5px;
}
.cus2{ 
font-family:Verdana, 'Noto Sans KR', 'Malgun Gothic', Arial, Helvetica, sans-serif;
font-size:14px;
color:#fff;
font-weight:700;
letter-spacing: -0.5px;
line-height:40px;
border-bottom:1px solid #3c5c92;
}
.cus3{ 
font-family:Verdana, 'Noto Sans KR', 'Malgun Gothic', Arial, Helvetica, sans-serif;
font-size:14px;
color:#fff;
font-weight:700;
letter-spacing: -0.5px;
line-height:30px;
border-bottom:1px solid #3c5c92;
}
/*Ä«ÇǶóÀÌÆ® */
.company-info{
margin:220px 5px 10px 10px;
font-family:Verdana, 'Noto Sans KR', 'Malgun Gothic', Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
letter-spacing: -0.5px;
bottom:0;
line-height:18px;
}
#container{
float:left; 
position:relative; 
margin-left:200px; 
z-index:-9999;
}
/* ¸ÞÀÎÀ̹ÌÁö */
.hidden{display:none;}
#banner{position:relative; top:0px; width:640px; height:0px; z-index:-9999;}
#banner .img_list{position:absolute; top:0px; left:0px; }
#banner .img_list img{position:absolute; top:0px; left:0px; }
#banner .btn_list{position:absolute; float:right; bottom:10px; top:25px; right:15px; z-index:300;}
#banner .btn_list li{float:left; margin-right:7px;}
/*¸ÞÀÎÄÜÅÙÃ÷*/
#cont_wrap{
float:left; 
top:0px;
margin-left:640px;
width:420px;
height:1080px; 
background:#fff;
border-right:1px solid #e8e8e9;
z-index:12;
}
.name h1{
font-family:'Noto Sans KR', 'Malgun Gothic', Arial, Helvetica, sans-serif;
font-size:20px;
height:25px;
line-height:45px;
margin:11px 0 0 39px;
}
#motionj_slide_01{
width:420px;
margin:0px; auto;
}
#motionj_slide_01 p{ 
top:0px; 
margin:20px 0 0 -20px; 
float:right;
}
/*°øÁö»çÇ× */
.news h4{
font-family:'Noto Sans KR', 'Malgun Gothic', Arial, Helvetica, sans-serif;
font-size:19px;
height:45px;
line-height:45px;
margin:11px 0 0 28px;
}
.news p{
float:right; 
margin:-35px 30px 0 1px;
}
.news li{
margin:11px 0 0 25px;
}
/*µ¿¿µ»óÀÚ·á */
.news1{
height:185px;
background-image: url(/base/img/img/m_bg_22.jpg);background-repeat: no-repeat; background-position: 0px 0px;
}
.news1 h4{
font-family:'Noto Sans KR', 'Malgun Gothic', Arial, Helvetica, sans-serif;
font-size:19px;
height:35px;
letter-spacing: -0.5px;
line-height:35px;
padding-top:22px;
margin:0px 0 0 28px;
}
.news1 li{
font-family:'Noto Sans KR', 'Malgun Gothic', Arial, Helvetica, sans-serif;
font-size:14px;
color:#696969;
margin:7px 0 0 28px;
line-height:21px;
letter-spacing: -0.5px;
}
/*Ä«´Ù·Î±× */
.news2{
height:160px;
background-image: url(/base/img/img/index_31.jpg);background-repeat: no-repeat; background-position: 240px -10px;
}
.news2 h4{
font-family:'Noto Sans KR', 'Malgun Gothic', Arial, Helvetica, sans-serif;
font-size:19px;
height:35px;
letter-spacing: -0.5px;
line-height:35px;
margin:25px 0 0 28px;
}
.news2 li{
font-family:'Noto Sans KR', 'Malgun Gothic', Arial, Helvetica, sans-serif;
font-size:14px;
color:#696969;
margin:7px 0 0 28px;
line-height:21px;
letter-spacing: -0.5px;
}
#line{
position:relative;
width:420px;
display:block; 
border-bottom:1px solid #e8e8e9; 
}
/*left*/
#left_con{
position:absolute;
float:left; 
top:0px;
margin-left:1061px;
width:96px;
background:#fff;
border-right:1px solid #e8e8e9;
z-index:12;
}
#left_con li{
height:98px;
border-bottom:1px solid #e8e8e9; 
margin-top:12px;
text-align:center;
}
#left_con p{
font-family:'Noto Sans KR', 'Malgun Gothic', Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}
/* Ä«´Ù·Î±× */
.ftext1{float:left; display:block; width:189px; height:228px; margin-left:12px; margin-top:10px;}