@charset "euc-kr";
/* ------------------------------------------------------------
   Basic Style Sheet
 * website   : http://www.
 * version   : 1.0
 * author    : Yun tea gun
 * email     : xorjs0825@naver.com
 * Created   : 2009/08/10
 * Updated   :
 ------------------------------------------------------------ */

body {margin:0px; padding:0px;}
hr {border:1px dashed #CCCCCC;}
img,fieldset {border:0 none;}
dl,ul,ol,li {list-style: none;}
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend {margin:0;padding:0;}
table {border-collapse:collapse;}
body,td {font-size:12px;font-family:µ¸¿ò,Dotum,AppleGothic,sans-serif;color:#000;}

/* type */
#content #mainboard li {border-bottom:1px solid #e5e5e5; margin:10px 0; padding:0px;}
#mainboard td {marin:0px; padding:0px;}
#content #quickmenu dd {margin:0 0 10px 0;}
#txtbox p {line-height:18px;}
#txtbox h1 {margin-bottom:5px;}
#txtbox h2 {margin-bottom:5px; margin-top:0px;}
#txtbox dt {margin:0px; padding:0px;}
#specbox h2 {font:18px "µ¸¿ò"; font-weight:bold; border-bottom:2px solid #006699; border-top:1px solid #aaaaaa; background:#ffffff; padding:3px 0;}
#specbox h2 span {font:14px "µ¸¿ò", Arial; color:#777777;}
#txtbox h3 {font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#000000; text-transform:uppercase; letter-spacing:-1px;}

/* LINK*/
a {color:#333333; text-decoration:none;}
a:hover{text-decoration:underline;}
#com5table li a {color:#333333; text-decoration:none;}
#com5table li a:hover{text-decoration:underline;}
#quickmenu a {border:1px solid #cfcfcf; display:inline-block;}
#quickmenu a:hover {border:1px solid #333333; display:inline-block;}
#imgbox a {border:2px solid #efefef; display:inline-block; color:#999999; margin:2px;}
#imgbox a:hover {border:2px inset #0099FF; display:inline-block; text-decoration:none; color:#000000; margin:2px;}
#servicebox a {border:1px solid #bfbfbf; display:inline-block; color:#999999; width:165px; height:149px; padding:0px;}
#servicebox a:hover {border:1px solid #6f6f6f; display:inline-block; text-decoration:none; color:#000000; padding:0px;}
#servicebox2 a {border:1px solid #bfbfbf; display:inline-block; color:#999999;  padding:0px; width:295px; height:202px;}
#servicebox2 a:hover {border:1px solid #6f6f6f; display:inline-block; text-decoration:none; color:#000000; padding:0px;}
#servicebox a {border:1px solid #bfbfbf; display:inline-block; color:#999999; width:165px; height:149px; padding:0px;}
#servicebox a:hover {border:1px solid #6f6f6f; display:inline-block; text-decoration:none; color:#000000; padding:0px;}
#listimg a {border:1px solid #bfbfbf; display:inline-block;}
#listimg a:hover {border:1px solid #6f6f6f; display:inline-block;}

/* Layout */
#boardcenter{width:955px; padding:0px; margin:0px; position:relative; z-index:0;}
#top_box {width:100%; position:relative;}
#top {width:950px; position:relative; margin:0 auto}
#wrap {width:950px; margin:0 auto; position:relative;}
#navi {position:relative;}
#content {width:890px; height:230px; position:relative; left:30px; top:-60px; z-index:30; background:url(../img/contentbg.gif) repeat-x top left #ffffff;}
#content #mainboard {width:255px; height:220px; position:absolute; top:15px; z-index:10; left:25px;}
#content #mainboard #board_1 {position:relative; top:0px; left:0px;}
#content #mainboard #board_2 {position:relative; top:10px; left:0px;}
#content #product {width:265px; height:220px; position:absolute; top:15px; left:37%; z-index:10;}
#content #quickmenu {width:207px; height:220px; position:absolute; top:15px; right:25px; z-index:10;} 
#toptit{width:200px; position:absolute;	top:-34px; left:0px; z-index:40;}
#com5table {width:90%; position:relative; top:10px; margin:0 auto;}
#com5table th {border-bottom:2px solid #333333; padding:2px; height:20px;}
#com5table li {padding:8px;}
#titbox {height:32px; border-bottom:3px double #666666;}
#contentsub {width:890px; padding:3px 30px 0px 30px; position:absolute; top:260px; left:0px; z-index:30; background:url(../img/contentbg.gif) repeat-x top left #ffffff;}
#boardsub {width:953px; padding:12px 30px 0px 30px; position:absolute; top:245px; left:0px; z-index:100; background:url(../img/contentbg.gif) repeat-x top left #ffffff;}
#titbox {clear:both; }
#titbox .root {color:#999999; float:left; position:relative; top:17px; left:0px; font-size:11px;}
#titbox .pagetit {float:right; position:relative; top:7px; right:0px;}
#submenu {width:155px; height:210px; float:left; margin-top:10px; position:relative;}
#txtbox {margin-top:0px; width:703px; float:right; border-left:1px solid #666666; padding:30px 0px 50px 30px; position:relative;}
#txtbox #tit {position:absolute; top:75px; width:634px; border-bottom:2px solid #666666; text-align:right;}
#txtbox #zoomimg {width:420px; height:580px; margin:0 auto; background:url(../img/citationbg.gif) no-repeat left top;}
#txtbox #listimg {width:620px; height:165px; margin:0 auto;}
#txtbox #listimg li {display:inline-block; padding:0px; margin:10px 2px; width:90px;}
#txtbox #servicebox {position:relative; top:20px; left:40px; width:580px;}
#txtbox #servicebox dt{margin-bottom:5px; padding:0px;}
#txtbox #servicebox dd{display:inline; margin:0 5px 0 0 ; padding:0px;}
#txtbox #servicebox2 {}
#txtbox #servicebox2 li{display:inline; margin:0 7px 0 0 ; padding:0px;}
#txtbox #servicebox2 li img {border:2px solid #CCCCCC;}
#txtbox #servicebox3 {margin-top:15px;}
#txtbox #servicebox3 dt{margin:0 0 5px -2px;}
#txtbox #imgbox {width:310px; height:485px; float:left; position:relative; top:10px; margin:0px; padding:0px;}
.second {margin-top:100px; border:1px solid #ff0000;}
#txtbox #imgbox #mainimg{width:310px; height:370px; border:2px solid #006699; margin:0px; padding:0px;}
#txtbox #imgbox li {display:inline; position:relative; top:4px;}
#txtbox #specbox {width:380px; float:right; position:relative; top:10px; border-bottom:2px solid #006699; background:#fafafa;}
#txtbox #specbox h2 {color:#000000; margin-bottom:10px;}
#txtbox #specbox dd span {margin-left:-8px; display:block; width:12px; float:left; color:#3399CC; font-weight:bold;}
#txtbox #specbox dd {padding:2px 5px 2px 12px; margin:5px 2px; line-height:16px;}
#txtbox #specbox dt {font-size:12px; font-weight:900; margin:3px;}
#txtbox #specbox dl {margin:5px 0;}
#txtbox #detailbox {float:none; clear:both;  float:none; width:100%; margin:0 auto; padding-top:30px;}
#txtbox #detailbox caption {height:20px; border-top:1px dashed #CCCCCC; padding-top:6px;}
#txtbox #detailbox table {border-bottom:2px solid #666666; border-top:2px solid #666666; position:relative; top:30px; margin-bottom:30px;}
#txtbox #detailbox table td,th {padding-left:10px; text-align:left; border-top:1px solid #cccccc; height:25px;}
#txtbox #detailbox table td {background:#ffffff;}
#txtbox #detailbox table th {background-color:#f9f9f9; width:25%;}
#txtbox dd {line-height:18px;}
#contentsub dt {margin:0 0 10px 0;}
#contentsub dd {margin:0 0 32px 0;}
#com1table {position:relative; top:20px;} 
#com1table table {width:100%; height:230px;}
#com1table caption {display:none;}
#com1table table th {background:#f9f9f9;}
#com1table table th,td {padding:2px 0 2px 4px;}
#com1table table ul {margin:0px; padding:0px;}
#com1table table li {margin:5px 0;}
#txtbox #pro5 {width:100%; border:3px solid #999999; margin-bottom:20px;}
#pro5 caption {height:20px; }
#pro5 th {width:15%; background:#f6f6f6;}
#m_footer {height:70px; background:url(../img/footer.gif) no-repeat 0px 7px #fefefe; border-top:1px solid #aaaaaa; }
#footer {height:70px; background:url(../img/Sfooter.gif) no-repeat 0px 7px #fefefe; border-top:1px solid #aaaaaa; }
#board_center {position:relative;}
#footer_sub {height:70px;   position:relative;}
#footer_bg {height:70px; width:950px; text-align:center; border-top:1px solid #aaaaaa;}
#footer_bg td{background:url(../img/Sfooter.gif) no-repeat 0px 7px;}
#sertable {width:94%; margin-top:15px; border-top:2px solid #666666; border-bottom:2px solid #666666;}
#sertable td,th {border-top:1px solid #999999;}
#sertable th {background:#f4f4f4;}
#sertable td {height:20px; padding:5px 0 5px 10px; border-left:1px dotted #cacaca;}
#sertable li {padding:5px 0;}
#video {clear:both; position:relative; top:40px;}
#table_video {width:100%; border-collapse:collapse; border-bottom:2px solid #666666 !important; border-top:2px solid #666666 !important;}
#table_video caption {text-align:left; height:20px; border-top:1px dashed #CCCCCC; padding-top:6px;}
#table_video th {background:#f9f9f9; padding-left:15px; border-bottom:1px solid #aeaeae; border-right:1px solid #cfcfcf;}
#table_video td {text-align:center; padding-top:10px; padding-bottom:10px; border-right:1px solid #cfcfcf;}
.last {border-right:none !important;}

/* customer */
#cus_container_box {padding:3px 30px 0px 30px;}

/* class */
.btn {display:inline-block; padding:3px;}
.bk {color:#000000;}
.red {color:#990000;}
.dotline {border-bottom:1px #dddddd dashed; margin:25px 0; width:60%;}
.dotline1 {border-bottom:1px #dddddd dashed; margin:5px 0; width:100%;}
.word {word-spacing:7px;}
.bus1point {position:relative; left:15px;}
.serpoint {position:relative; left:35px;}
.spectxt {padding:0 0 1px 3px;}
.gr {color:#cccccc;}
.icon {padding:3px 3px 4px 1px;}
.pro5img {width:290px; height:340px; float:left; position:relative; top:10px; border:2px solid #666666;}
.boardicon {margin-right:2px;}
.hitarea {display:block; width:24px; padding:3px 0 3px 5px;}
.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;}
.pointimg {width:260px; height:173px; position:absolute; top:80px; right:30px; z-index:100; border:1px ridge #666666;}
.img_txt {position:relative; top:15px; left:0px; text-align:left;}


/* tableline */
.tl {border-top:1px solid #868686;}
.tl2 {border-top:2px solid #363636;}
.bl {border-bottom:1px solid #868686;}
.bl2 {border-bottom:2px solid #363636;}
.rl {border-right:1px solid #868686;}
.ll {border-left:1px solid #868686;}
.rightpadding1 {margin-right:16px;}
.rightpadding {margin-right:20px;}

/* sitemap */
#sitemap {font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#0055cc;}
.sitemap {padding:0 0 20px 15px;}
.sitemap li {list-style:disc; padding:2px 0;}

#section {width:90%; margin:20px auto;}
#l_box{float:left; width:55%;}
#r_box{float:left; width:30%;}

/** Selecter **/
sub {font:0.9ems;}
.detailul {padding:0 0 0 3px;}