/*°øÅë*/
div, p, ul, li, input, body
{padding: 0px; margin: 0px; list-style: none; list-style-type: none; border-collapse: collapse; font-size:8pt; color: #888888; line-height:16px; font-family:µ¸¿ò,±¼¸²,Gulim,AppleGothic,sans-serif}

a:link {COLOR: #888888; TEXT-DECORATION: none}
a:active {COLOR: #888888; TEXT-DECORATION: none} 
a:visited {COLOR: #888888; TEXT-DECORATION: none}
a:hover {COLOR: #888888; TEXT-DECORATION: none}

td {font-family:µ¸¿ò,±¼¸²,Gulim,AppleGothic,sans-serif; font-size: 8pt; line-height:16px; color: #888888}

select {color:#888888; font-size:8pt; padding:2; font-family:µ¸¿ò,±¼¸²,Gulim,AppleGothic,sans-serif; letter-spacing:-1; height:19px}
input {color:#888888; font-size:9pt; padding:2; font-family:µ¸¿ò,±¼¸²,Gulim,AppleGothic,sans-serif;}
textarea {color:#888888; font-size:9pt; padding:2; font-family:µ¸¿ò,±¼¸²,Gulim,AppleGothic,sans-serif;}

.input_box01 {border: 1px solid #dadada; height:19px}
.input_box02 {border: 1px solid #7ca0cf; height:19px}
.radio_style01 {position:relative; top:2px;}
.input_box03 {border: 1px solid #7ca0cf; width:440px; height:55px; overflow:auto}

.img_box01 {border: 1px solid #b3cdf0}

.commoncant {float: left; padding:0px; text-align:left; margin: 0px; list-style-type: none; border-collapse: collapse; list-style: none; font-size:1px; line-height:1px}
.commoncant01 {padding:0px; margin: 0px; list-style-type: none; border-collapse: collapse; list-style: none; font-size:1px; line-height:1px}

a,area {blr:expression(this.onFocus=this.blur())} /* for IE */
:focus {-moz-outline-style:none;} /* for Firefox */ 

img {border:none}

.body01 {width: 100%; float: left; text-align: center; padding:0px}
/*.body01 div {width: 994px; margin: 0px auto;}*/

#sub {width: 994px; margin: 0px auto}
.sub_main {width: 994px; margin: 0px auto; height:132px; text-align:left}

.sub_body01 {background:url(../../images/sub_body01.gif) no-repeat; width: 994px; margin: 0px auto; height:132px; text-align:left}
.sub_body01 #center {float:left}

#left {float: left; width:240px; padding-top:40px; text-align:center}

#center {width:645px; text-align:left; padding-top:45px}
.title01 {float:left; width:255px}
.title02 {float:left; width:350px; text-align:right; padding-top:3px}
.title02 p {display:inline; background:url(../../images/location.gif) no-repeat; padding-left:15px}
.title03 {float:left; background:url(../../images/text_bar.gif) no-repeat; width:606px; height:23px; margin-top:10px}

#footer {float:left; width: 890px; padding:100px 0 50px 0}

.footer02 {position:absolute; top:-81px; left:705px; text-align:left}
.footer03 {position:absolute; top:-81px; left:605px; text-align:left}
.footer02 p, .footer03 p {padding-top:6px float:left; text-align:left}

#postit {display:inline; float:left; position:absolute; visibility:hidden; text-align:left}

.title01 p, .com_style03 p, #env_style02 p, #cy_style04 p, .cus_style04 p, .list_style02 {float:left}

/* main */
#main_center {width:805px; text-align:left; padding-top:45px}

#main_style01 {position:absolute; float:left; top:395px; padding-left:45px}
#main_style01 .main_style02 {float:left; width:197px}
.main_style03 {border-bottom: 1px solid #cacaca; padding-bottom:4px}
.main_style04 {width:197px; padding-top:5px}
.main_style05 {float:left; background:url(../../images/main_img02.gif) no-repeat; padding-left:13px; }
.main_style05 p {float:left; margin-bottom:3px}
.main_style05 font {float:left; width:150px; font-family:µ¸¿ò,±¼¸²,Gulim,AppleGothic,sans-serif; font-size: 8pt; }

/* company */
.com_style01 {float:left; background:url(../../images/company/em_img04.gif) no-repeat; width:454px; height:193px; margin:25px 0 0 75px; display:inline}
.com_style01 li {text-align:center; padding-top:5px}
.com_style02 {background:url(../../images/company/em_img06.gif) no-repeat; width:90px; text-align:left; margin-top:3px}
.com_style02 font {font-family:µ¸¿ò,±¼¸²,Gulim,AppleGothic,sans-serif; font-size: 8pt; line-height:16px; color:#045bcd; font-weight:bold; padding-left:10px}
.com_style03 {float:left; padding-left:80px; width:385px}

#em_write {float:left; background:url(../../images/company/em_img08.gif) no-repeat top left; width:607px; padding-top:5px}
#em_write li {border-left: 1px solid #b6cff1; border-right: 1px solid #b6cff1; padding-left:20px}

#em_write01 {float:left; font-size:1px; line-height:1px}
#em_write01 li {float:left; border-left: 1px solid #b6cff1; border-right: 1px solid #b6cff1}

#em_writepop {float:left; background:url(../../images/company/em_img08pop.gif) no-repeat top left; width:607px; padding-top:5px}
#em_writepop li {border-left: 1px solid #b6cff1; border-right: 1px solid #b6cff1; padding-left:20px}

#em_write02pop {float:left; font-size:1px; line-height:1px}
#em_write02pop li {border-left: 1px solid #b6cff1; border-right: 1px solid #b6cff1; padding-left:20px}

#em_pop {float:left; font-size:1px; line-height:1px}
#em_pop ul {float:left; border-left: 1px solid #b6cff1; border-right: 1px solid #b6cff1}

#em_write02 {float:left; background:url(../../images/company/em_img09.gif) no-repeat bottom left; width:607px; padding-bottom:5px}
#em_write02 li {border-left: 1px solid #b6cff1; border-right: 1px solid #b6cff1; padding-left:20px}
#em_write02 td {color:#045bcd}

#write01 p {float:left; color:#045bcd; margin-top:3px; display:inline}
#write01 td {padding-top:5px}

.em_style01 {background:url(../../images/company/em_img10.gif) no-repeat; color:#045bcd; font-weight:bold; padding-left:10px}
.em_style02 {float:left; background:url(../../images/company/em_img11.gif) no-repeat; width:107px; height:113px; font-size:1px; line-height:1px}
.em_style03 {padding-left:10px; margin-top:0px; width:75px}
.em_style04 {background-color:#e8f0fa; text-align:center; color:#055ccd; padding:6px 0 4px 0}
.em_style05 {background-color:#ffffff; padding:3px 0 3px 0; text-align:center; color:#055ccd}

#em_write01 li.em_style06, #em_pop li.em_style06 {float:left; width:285px; border-right: none; padding:0 3px 0 20px}
#em_write01 li.em_style07 {float:left; width:298px; border-left: none}
#em_pop li.em_style07 {float:left; width:297px; border-left: none}

.em_style08 {text-align:right; padding:10px 15px 0 0}
.em_style09 {background-color:#ffffff; padding:3px 0 3px 10px; color:#055ccd}

.com_style04 {background:url(../../images/company/lab_img04.gif) no-repeat; padding-left:10px; width:400px; margin-top:2px}
.com_style05 {background-color:#ebebeb; padding:6px 0 4px 0; text-align:center; font-weight:bold}
.com_style06 {background-color:#e8f0fa; color:#055ccd; padding:6px 0 4px 20px}
.com_style07 {background-color:#ffffff; text-align:right; padding:6px 60px 4px 0}
.com_style08 {background-color:#e8f0fa; text-align:right; color:#055ccd; padding:6px 20px 4px 0}
.com_style09 {background-color:#f7f7f7; text-align:right; padding:6px 60px 4px 0}
.com_style10 {background-color:#ebebeb; text-align:right; padding:6px 60px 4px 0}
.com_style11 {background-color:#ffffff; text-align:right; padding:6px 30px 4px 0}
.com_style12 {background-color:#f7f7f7; text-align:right; padding:6px 30px 4px 0}
.com_style13 {background-color:#ebebeb; text-align:right; padding:6px 30px 4px 0}
.com_style14 {background:url(../../images/company/em_img29.gif) no-repeat; width:575px; height:79px; padding:15px 0 0 20px; margin:18px 0 0 15px; display:inline}

/* product */
.pro_style01 {background-color:#ffffff; padding:6px 0 4px 0; text-align:center; color:#055ccd}
.pro_style02 {text-align:right; padding:15px 0 5px 0; width:595px}

/* environment */
.env_style01 {float:left; width:605px; text-align:right; padding:17px 0 5px 0}
.env_style01 p {display:inline; padding-left:3px}
#env_style02 li {float:left; width:605px; padding-top:15px; font-size:1px; line-height:1px}
.env_style03 {float:left; width:135px; padding:15px 0 0 5px}
.env_style04 {background-color:#e8f0fa; text-align:center; color:#055ccd; font-weight:bold; padding:6px 0 4px 0}
.env_style05 {background-color:#ffffff; padding:6px 0 4px 10px}
.env_style06 {background-color:#ffffff; padding:6px 0 4px 0; text-align:center}
.env_style07 td {border-top: 1px solid #b3cdf0}
.env_style08 {float:left; background-color:#e8f0fa; padding:5px; margin-left:10px; display:inline}

/* cyber */
.cy_style01 {float:left; padding:15px 0 15px 80px}
.cy_style02 {margin-left:15px; background:url(../../images/cyber/sabo_img02.gif) no-repeat; width:572px; height:222px}
.cy_style03 {padding:10px 70px 0 18px; font-size:1px; line-height:1px}

#cy_style04 li {float:left; width:605px; font-size:1px; line-height:1px}

.cy_style05 {float:left; padding-left:15px; width:134px}
.cy_style06 {margin-top:10px; background:url(../../images/cyber/sabo_img06.gif) no-repeat; width:134px; height:110px}
.cy_style07 {margin-top:5px; background:url(../../images/cyber/sabo_img07.gif) no-repeat; width:134px; height:30px; text-align:center; color:#045bcd; font-weight:bold; padding-top:8px}
.cy_style08 {float:left; margin:15px 15px 0 20px; background:url(../../images/cyber/pr_img03.gif) no-repeat; width:312px; height:242px}
.cy_style09 {text-align:right; padding-right:15px}
.cy_style10 {float:left; width:248px; padding-top:15px}
.cy_style11 {background:url(../../images/cyber/pr_img06.gif) no-repeat; width:247px; height:28px;}
.cy_style12 {float:left; padding-left:15px; width:184px}
.cy_style13 {margin-top:10px; background:url(../../images/cyber/pr_img12.gif) no-repeat; width:184px; height:230px; text-align:center; padding-top:10px}
/* .cy_style13 {margin-top:10px; background:url(../../images/cyber/pr_img12.gif) no-repeat; width:184px; height:230px; text-align:center; padding-top:18px} */
.cy_style14 {margin-top:5px; background:url(../../images/cyber/pr_img13.gif) no-repeat; width:184px; height:30px; text-align:center; font-weight:bold; padding-top:8px}
.cy_style15 {padding-top:24px; width:240px; letter-spacing:-1px}

/* custom */
.cus_style01 {float:left; background:url(../../images/custom/icon_box01.gif) no-repeat; width:590px; margin:10px 0 0 10px; padding-left:8px; display:inline}
.cus_style01 p {color:#055ccd}
.cus_style02 {background-color:#e8f0fa; width:115px; text-align:center; color:#055ccd; font-weight:bold}
.cus_style03 {background-color:#ffffff; padding:15px 0 13px 10px}
.cus_style04 {float:left; margin-bottom:10px}
.cus_style05 {background-color:#e8f0fa; width:55px; text-align:center; color:#055ccd; font-weight:bold; padding-top:2px}
.cus_style06 {background-color:#ffffff; padding:8px 0 5px 10px}
.cus_style07 {color:#045bcd; width:590px; text-align:right; padding:25px 0 5px 10px}
.cus_style08 {padding-top:10px; text-align:center; width:585px}

.weekend td {background-color:#e8f0fa; width:85px; text-align:center; padding:6px 0 5px 0; font-weight:bold;}
.weekend td p {color:#045bcd}
.day td {background-color:#ffffff; width:85px; padding:6px 0 5px 0; font-weight:bold; height:85px}
.day td p {padding-left:5px; vertical-align:bottom; letter-spacing:-1; font-size:8pt}

.day a:link {COLOR: #62a838; TEXT-DECORATION: none}
.day a:active {COLOR: #62a838; TEXT-DECORATION: none} 
.day a:visited {COLOR: #62a838; TEXT-DECORATION: none}
.day a:hover {COLOR: #62a838; TEXT-DECORATION: none}

/* etc */
.etc_style01 {border-right: 1px solid #e3e3e3; padding-right:20px}

/* list style */
.list_style01 {float:left; border-top: 1px solid #b4cef0; width:605px}
.list_style02 td {padding:10px 0 10px 0; border-top: 1px solid #b4cef0; text-align:center; vertical-align:middle}
.list_style03 {float:left; text-align:center; width:605px; border-top: 2px solid #b4cef0; padding-top:20px; COLOR: #045bcd}

.list_style03 a:link {COLOR: #045bcd; TEXT-DECORATION: none}
.list_style03 a:active {COLOR: #045bcd; TEXT-DECORATION: none} 
.list_style03 a:visited {COLOR: #045bcd; TEXT-DECORATION: none}
.list_style03 a:hover {COLOR: #045bcd; TEXT-DECORATION: none}

.list_style04 {float:left; background:url(../../images/text_bar01.gif) no-repeat right 50%; padding:5px 0 5px 0; border-top: 2px solid #b4cef0; border-bottom: 2px solid #b4cef0; text-align:center; color:#055ccd; font-weight:bold}
.list_style05 {float:left; padding:5px 0 5px 0; border-top: 2px solid #b4cef0; border-bottom: 2px solid #b4cef0; text-align:center; color:#055ccd; font-weight:bold}
.list_style06 {float:left; border-bottom: 1px solid #b3cdf0; padding:4px 0 5px 0; width:605px}
.list_style06 p {float:left; text-align:center; padding-top:2px}
.list_style06 p.list_style07 {float:left; width:275px; text-align:left; margin-left:5px; display:inline}
.list_style06 p.list_style09 {float:left; width:270; text-align:left; margin-left:5px; display:inline}
.list_style08 {float:left; text-align:center; width:605px; border-top: 1px solid #b4cef0; padding-top:20px}

.img_box01 {border: 1px solid #b4cef0}

.input_box01 {border: 1px solid #dadada; height:19px}

.view_style01 {float:left; border-top: 2px solid #b4cef0; border-bottom: 1px solid #b4cef0; width:605px}
.view_style02 {float:left; display:inline; background:url(../../images/img_bar.gif) no-repeat right top; margin:8px 0 4px 15px; color:#055ccd; font-weight:bold}
.view_style03 {float:left; display:inline; margin-left:10px; padding:7px 0 6px 0}
.view_style04 {float:left; border-bottom: 1px solid #b4cef0; width:605px}
.view_style05 {float:left; margin:10px; display:inline; border: 1px solid #dadada; padding:0 10px 15px 10px}
.view_style05 p {float:left; width:565px; padding-top:15px; line-height:16px}
.view_style06 {float:left; border-top: 2px solid #b4cef0; width:605px; text-align:right; padding-top:10px}

.pre_style01 {float:left; border-top: 1px solid #b4cef0; width:605px}
.next_style01 {float:left; background:url(../../images/bar01.gif) no-repeat; width:605px}

.write_style01 {float:left; border-top: 2px solid #b4cef0; border-bottom: 1px solid #b4cef0; width:605px; margin-top:15px; display:inline}
.write_style02 {float:left; background:url(../../images/text_bar01.gif) no-repeat right 50%; margin:6px 0 5px 8px; color:#055ccd; font-weight:bold; display:inline}
.write_style03 {float:left; margin-left:10px; padding:3px 0 4px 0; display:inline}
.write_style04 {float:left; border-bottom: 1px solid #b4cef0; width:605px}
.write_style05 {float:left; border-top: 2px solid #b3cdf0; padding-top:15; width:605px; text-align:center}
.write_style06 {float:left; border-bottom: 2px solid #b3cdf0; width:605px}
.write_style06 p {padding:8px 0 5px 95px}

/* pop_style */
#pop {margin:10px}
#pop div {float:left; background:url(../../images/custom/pop_img01.gif) no-repeat top left; width:288px}
#pop div ul {float:left; background:url(../../images/custom/pop_img02.gif) no-repeat bottom left; width:288px}
#pop div li {float:left; margin:8px 0 8px 0; border-left: 2px solid #045bcd; border-right: 2px solid #045bcd; display:inline;}
#pop div li p {width:284px; text-align:center; padding:35px 0 30px 0; color:#045bcd}

/* text_style */
.ts_01 {color:#888888; font-weight:bold; font-family:µ¸¿ò,±¼¸²,Gulim,AppleGothic,sans-serif; font-size: 9pt}

/* ³»Ãò·²¿§ Ãß°¡*/
/*µµ¿ò¸» ·¹À̾î*/
a.info{ position:relative;  /*this is the key*/    z-index:44; color:#111111;  background-color:#ccffFF;     text-decoration:none}
a.info:hover{z-index:25;  background-color:#ccffFF; color:#222222}
a.info span{display: none }
a.info:hover span{ /*the span will display just on :hover state*/
    display:block;	z-index:30;    position:absolute;    top:2em; left:-5em; width:15em;    border:1px solid #0cf;	padding:5px 5px 5px 5px;
    background-color:#cff; color:#000;    text-align: justfy}