@import url(basic.css);
@import url(layout.css);
	
/*Çì´õ ¿µ¿ª*/
#Mgnb {margin:0; height:17px; padding:12px 0 0 0; background:url(/images/M_gnb_bg.gif) no-repeat top right;}
#Mgnb ul {overflow:hidden; height:9px; text-align:right; font-size:0; line-height:0; vertical-align:top;}
#Mgnb ul li {display:inline; margin:0 9px 0 -1px; padding:0 0 0 10px;}
#gnb {margin:0; height:9px; padding:15px 0 0 0;}
#gnb ul {overflow:hidden; height:9px; text-align:right; font-size:0; line-height:0; vertical-align:top;}
#gnb ul li {display:inline; margin:0 10px 0 -1px; padding:0 0 0 10px; border-left:1px solid #e9e9e9;}
#lnb {position:relative; width:980px; margin:0; padding:0; background:url(/images/ex.jpg) top no-repeat;}
#lnb .menu {position:absolute; padding:0 0 0 0; left:0; z-index:99;}
#lnb .menu li {display:block; padding:0 0 5px 0;}
#lnb .lnbObject {position:absolute; top:66px; left:0;}
#lnb .visualObject {position:absolute; top:78px; right:0px;}
#fullMenu {position:absolute; top:-24px; left:0; z-index:100; width:980px; height:500px; border:solid 3px #aa0707; visibility:hidden;}
#lnbList {width:210px; padding:80px 0 0 17px;}
#lnbList li {display:block; padding:0 0 5px 0;}


/*ÄÁÅÙÃ÷ ¿µ¿ª*/
/*ÄÁÅÙÃ÷_»çÀ̵å¸Þ´º ¿µ¿ª*/
#snb {position:absolute; top:44px; left:0; z-index:98; width:280px;}
#snb h2 {padding:0 0 10px 14px;}
#snb .slogan {padding:0 0 30px 14px; margin:0;}
#snbList {width:210px; padding:0 0 0 9px;}
#snbList li {display:block; padding:0 0 7px 0;}


/*ÄÁÅÙÃ÷_³»¿ë ¿µ¿ª*/
#content {width:700px;}
#content h3 {padding:22px 0 0 0;}
#content .location {height:13px; margin:0; padding:0 0 0 16px; background:url(/images/company/navi_home.gif) no-repeat 0 1px; font-family:dotum; font-size:11px; color:#aaa; line-height:13px;}
#content .bSlogan {margin:0; padding:66px 0 0 0;}
#content .sSlogan {margin:0; padding:10px 0 40px 0;}

/*ǪÅÍ ¿µ¿ª*/
#footer address {width:980px; margin:0 auto; padding:30px 0 0 11px; font-size:11px; color:#989898; line-height:14px; word-spacing:3px;}
#footer .copyright {width:980px; margin:0 auto; padding:0px 0 0 11px;; font-family:Arial; font-size:9px; color:#bfbfbf;}
#footer .mail {color:#989898;}
#footer .mail a, a:visited {text-decoration:none;}
#footer .mail a:link, a:hover, a:active {text-decoration:underline;}


/*company*/
#history {position:relative; width:700px; height:24px; background:url(/images/company/history_tap.gif) no-repeat 0 -24px;}
#history li {float:left; width:100%; height:24px;}
#history li.on {background:url(/images/company/history_tap.gif) no-repeat;}
#history li.tap01 {width:110px; background-position:0 0}
#history li.tap02 {width:109px; background-position:-110px 0}
#history li.tap03 {width:109px; background-position:-219px 0}
#history li a {display:block; overflow:hidden; width:100%; height:100%; text-indent:-1000em;}

table.history {width:100%; table-layout:fixed; font:12px Dotum;}
table.history caption {display:none;}
table.history th {width:120px; padding:10px 0 0 8px; background:#f6f6f6; text-align:left; vertical-align:top;}
table.history td {padding:5px 0 5px 21px; vertical-align:top;}
table.history .date {padding:0 20px 0 0; font-weight:bold;}

.history_title {padding:30px 0 12px 0;}

.location_bg {margin:66px 0 0 0; padding:29px 20px 50px 20px; background:url(/images/company/location_bg.gif) top no-repeat;}

.location_L {display:block; float:left; padding:11px 0 0 0; width:130px; border-top:solid 2px #c70303;}
.location_R {display:block; float:right; padding:11px 0 30px 0; margin:0 0 0 1px; width:529px; border-top:solid 2px #8c8c8c;}
.location_R dt {display:inline; font-weight:bold;}
.location_R dd {display:inline;}
.location_R .tap {display:block; padding:4px 0 0 0; width:100px; height:13px; background:url(/images/company/location02_bg.gif) no-repeat; font-size:11px; line-height:11px; font-weight:bold; color:#5b5b5b; text-align:center;}
.location_R .way {display:block; padding:17px 0 8px 3px; font-size:11px; font-weight:bold; color:#666;}

/*solution*/
#gw {position:relative; width:700px; height:24px; background:url(/images/solution/gw_tap.gif) no-repeat 0 -24px;}
#gw li {float:left; width:100%; height:24px;}
#gw li.on {background:url(/images/solution/gw_tap.gif) no-repeat;}
#gw li.tap01 {width:130px; background-position:0 0}
#gw li.tap02 {width:129px; background-position:-130px 0}
#gw li.tap03 {width:129px; background-position:-259px 0}
#gw li a {display:block; overflow:hidden; width:100%; height:100%; text-indent:-1000em;}

#erp {position:relative; width:700px; height:24px; background:url(/images/solution/erp_tap.gif) no-repeat 0 -24px;}
#erp li {float:left; width:100%; height:24px;}
#erp li.on {background:url(/images/solution/erp_tap.gif) no-repeat;}
#erp li.tap01 {width:130px; background-position:0 0}
#erp li.tap02 {width:129px; background-position:-130px 0}
#erp li.tap03 {width:129px; background-position:-259px 0}
#erp li a {display:block; overflow:hidden; width:100%; height:100%; text-indent:-1000em;}



/*portfolio*/
#web {position:relative; width:700px; height:24px; background:url(/images/portfolio/website_tap.gif) no-repeat 0 -24px; margin:0 0 30px 0;}
#web li {float:left; width:100%; height:24px;}
#web li.on {background:url(/images/portfolio/website_tap.gif) no-repeat;}
#web li.tap01 {width:130px; background-position:0 0}
#web li.tap02 {width:129px; background-position:-130px 0}

#web li a {display:block; overflow:hidden; width:100%; height:100%; text-indent:-1000em;}

p.web_link {margin:0; padding:5px 0 0 0; font-size:11px; color:#999;}
p.web_title {margin:0; color:#767676; line-height:140%; font-weight:bold;}

.erpList {position:relative; width:100%; height:130px;}
.erpList .List01 {position:absolute; top:0; left:0; width:211px;}
.erpList .List02 {position:absolute; top:0; left:245px; width:211px;}
.erpList .List03 {position:absolute; top:0; left:489px; width:211px;}

.webList {position:relative; width:100%; height:156px;}
.webList .List01 {position:absolute; top:0; left:0; width:221px;}
.webList .List02 {position:absolute; top:0; left:240px; width:221px;}
.webList .List03 {position:absolute; top:0; left:479px; width:221px;}

.mobileList {position:relative; width:100%; height:250px;}
.mobileList .List01 {position:absolute; top:0; left:0; width:221px;}
.mobileList .List02 {position:absolute; top:0; left:180px; width:221px;}
.mobileList .List03 {position:absolute; top:0; left:360px; width:221px;}
.mobileList .List04 {position:absolute; top:0; left:540px; width:221px;}



/*iot*/
#iot {position:relative; width:700px; height:24px; background:url(/images/solution/website_tap_2.gif) no-repeat 0 -24px; margin:0 0 30px 0;}
#iot li {float:left; width:100%; height:24px;}
#iot li.on {background:url(/images/solution/website_tap_2.gif) no-repeat;}
#iot li.tap01 {width:129px; background-position:0 0}
#iot li.tap02 {width:129px; background-position:-130px 0}
#iot li.tap03 {width:211px; background-position:-258px 0}
#iot li.tap04 {width:129px; background-position:-467px 0}

#iot li a {display:block; overflow:hidden; width:100%; height:100%; text-indent:-1000em;}

p.iot_link {margin:0; padding:5px 0 0 0; font-size:11px; color:#999;}
p.iot_title {margin:0; color:#767676; line-height:140%; font-weight:bold;}

.iotList {position:relative; width:100%; height:130px;}
.iotList .List01 {position:absolute; top:0; left:0; width:211px;}
.iotList .List02 {position:absolute; top:0; left:245px; width:211px;}
.iotList .List03 {position:absolute; top:0; left:489px; width:211px;}

.iotList {position:relative; width:100%; height:156px;}
.iotList .List01 {position:absolute; top:0; left:0; width:221px;}
.iotList .List02 {position:absolute; top:0; left:240px; width:221px;}
.iotList .List03 {position:absolute; top:0; left:479px; width:221px;}

.iotList {position:relative; width:100%; height:250px;}
.iotList .List01 {position:absolute; top:0; left:0; width:221px;}
.iotList .List02 {position:absolute; top:0; left:180px; width:221px;}
.iotList .List03 {position:absolute; top:0; left:360px; width:221px;}
.iotList .List04 {position:absolute; top:0; left:540px; width:221px;}



/*cs center*/
.reference {margin:0px 0 2px 0;}
.reference img { vertical-align:baseline;}
.contactus {margin:0; border-top:2px solid #e4211b; border-bottom:2px solid #D7D7D7; text-align:left;}
.contactus fieldset {border:0;}
.contactus legend {display:none;}
.contactus {font-size:12px;border-collapse:collapse;}
.contactus p {margin:0; padding:0;}
.contactus th {width:90px;padding:10px 0 10px 10px;font-weight:normal;text-align:left;vertical-align:top;border-bottom:1px solid #D7D7D7;}
.contactus td {width:590px;padding:10px 0 10px 10px;color:#666;border-bottom:1px solid #D7D7D7;}
.contactus label img {vertical-align:middle;}
 
.text_field {height:15px;padding-top:1px;border:1px solid #b6ad9b;} /* standards mode ¿Í height Â÷ÀÌ */
.my_email {width:100px;border:1px solid #b6ad9b;}
.email_company {width:109px;border:1px solid #b6ad9b;}
.tel {width:66px;border:1px solid #b6ad9b;}
.mail_title {width:500px;border:1px solid #b6ad9b;}
#contact {width:550px; height:200px; padding:4px; border:1px solid #b6ad9b;}

.but_box {width:auto; padding:20px 0; text-align:center;}

/* »çÀÌÆ®¸Ê */
.sitemap {float:left; width:169px; padding-top:22px; font-weight:bold;}
.sitemap a:link, a:visited {text-decoration:none; font-size:11px; color:#666;}
.sitemap a:hover, a:active {text-decoration:none; color:#c60202;}
.sitemap p {padding:11px 0 11px 10px; margin:0; border-top:solid 1px #cfcfcf; border-bottom:solid 1px #cfcfcf; background:#f9f9f9;}
.sitemap li {padding:5px 0 5px 10px; border-bottom:dotted 1px #dfdfdf;}
.sitemap ol ol {padding-left:10px; background:#f7f7f7; font-size:11px; list-style:none;}
.sitemap li li {border:none; margin:0; padding:0; font-weight:normal;}