@charset "utf-8";

body{margin:0; padding:0; font-family:Arial; font-size:12px; color:#707070;}
dt,dd,dl { text-align:left; }
dt { font-family:Arial; font-size:18px; color:#008cc9; margin-left:15px; margin-top:5px;}
span.tt01 { font-family:Arial; font-size:16px; font-weight:bold; color:#fb9413; margin-bottom:8px;}
span.tt07 { font-family:Arial; font-size:16px; font-weight:bold; color:#008cc9; margin-bottom:8px;}
span.tt08 { font-family:Arial; font-size:25px; font-weight:bold; color:#864f0b; margin-bottom:8px;}
span.tt09 { font-family:Arial; font-size:14px; font-weight:bold; color:#fb9413; margin-bottom:8px;}
span.tt02 { font-family:Arial; font-size:16px; color:#333; margin-bottom:8px;}
span.tt03 { font-family:Arial; font-size:12px; color:#59900b; margin-bottom:8px;}
span.tt04 { font-family:Arial; font-size:12px; color:#252525; margin-bottom:8px;}
span.tt05 { font-family:Arial; font-size:12px; color:#fb9413; margin-bottom:8px;}
span.tt06 { font-family:Arial; font-size:12px; color:#008cc9; margin-bottom:8px; font-weight:bold;}
table.call { margin-top:15px; margin-left:15px; }
table.st { border:1px dotted #ccc; height:25px;}
table.st td{ padding:5px; }
td { font-family:Arial; font-size:12px; color:#707070; }
img { vertical-align:middle; }

/*Link*/
a {color:#333; text-decoration:none;}
a:hover{color:#388ec4; text-decoration:none;}

/*Layout*/
#hd { width:100%; margin:0px; padding:0px; } 
#wrap { position:relative; width:900px; margin:0 auto; padding:0px; text-align:left;}
#top { position:relative; width:900px; height:200px;}
#top .logo { float:left; margin-top:10px; margin-bottom:10px; margin-left:20px; padding:0px; width:133px; height:44px;}
#top .quick { float:right; margin-top:30px; margin-right:10px; padding:0px; width:240px; height:18px;}
#top .quick ul { margin:0; padding:0px;}
#top .quick li { margin:0; padding:0px; list-style:none; display:inline;}
#top .quick li A {font-family:Arial; font-size:11px; color:#707070;  text-decoration:none; }
#top .quick li A:hover {font-family:Arial; font-size:11px; color:#388ec4;  text-decoration:none; }
#top .quick span { margin:0 3px; }
#top .gnb {float:left; width:900px; height:45px; background:url(../img/common/gvb_bg.gif) no-repeat;}
#top .gnb ul {margin-top:8px; margin-left:80px; padding:0px; text-align:left; }
#top .gnb li {margin:0; padding:0px; list-style:none; display:inline;}
#top .gnb li A {font-family:Tahoma; font-size:15px; color:#252525; text-decoration:none;  padding:0px;}
#top .gnb li A.a{margin-right:55px;}
#top .gnb li A.b{margin-left:45px;margin-right:45px;}
#top .gnb li A.c{margin-left:40px;margin-right:30px;}
#top .gnb li A.d{margin-left:60px;}
#top .gnb li A:hover {font-family:Tahoma; font-size:15px; color:#fff; text-decoration:none;  padding:0px;}

#top .visual {float:left; height:80px;}

#contents { position:relative; width:900px; margin-bottom:25px; overflow:hidden;  }
#contents div.right_bx { min-height:450px; _height:450px; } 
#contents .menu { float:left; width:169px; }
#contents .menu ul { margin:0px; padding:0px; list-style:none; }
#contents .menu li.title {width:159px; height:23px; display:block; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; border-top:2px solid #797979; padding-left:10px; padding-top:10px; font-size:16px; font-weight:bold; color:#363636; font-family:Arial; }
#contents .menu li.ttle {width:159px; height:23px; display:block; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; border-top:2px solid #797979; padding-left:10px; padding-top:10px; font-size:12px; font-weight:bold; color:#363636; font-family:Arial; }
#contents .menu li { margin-bottom:2px; }
#contents .menu li A {width:159px; display:block; border:1px solid #cccccc; padding-left:10px; padding-top:6px; padding-bottom:6px; font-size:12px; color:#fb8f09; font-family:Arial; }
#contents .menu li A:hover { font-weight:bold; }
#contents .menu li A.on { font-weight:bold; }
#contents .right_bx { float:right; width:710px; }
td.contact { height:149px; background:url(../img/index/box02.gif) no-repeat; padding-left:20px; padding-top:20px; margin:0px; text-align:left; vertical-align:top;}
table span.ct { font-family:Arial; font-size:12px; font-weight:bold; color:#fb9413; line-height:22px; margin-bottom:8px;}

table.tab { border-bottom:1px solid #f99e2d; margin-bottom:30px; }
td.title { background:url(../img/common/title_bg.gif) no-repeat; height:36px; margin:0px; padding-left:10px; color:#008cc9; font-weight:bold; vertical-align:middle; }
td.title img { vertical-align:middle; margin:0px; padding:0px; }
td.contents { border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; padding:10px; }

#bottom{position:relative; width:890px; height:52px; padding:10px;margin:0px; background:url(../img/common/bottom_bg.gif) repeat-x;}
#bottom span { float:left; margin:0px; padding:0px; line-height:16px;font-family:Arial; font-size:12px; color:#707070;}
#bottom span.add { color:#555;}
#bottom .gobiz {float:right; margin:15px; padding:0px; width:78px; height:13px;  }
#copy { position:relative; text-align:right; width:900px; height:20px; }

/* board */
.plan { border-left:1px solid #ccc;border-top:1px solid #ccc; }
.plan th { border-bottom:1px solid #ccc; border-right:1px solid #ccc; color:333; background-color:#e6e6e6; padding:8px; text-align:left;}
.plan td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:8px;}

.rate {border:1px solid #ccc; background-color:#efefef; padding:10px;}
.rate img,select {vertical-align:middle;}

.ab A{font-family:Arial; font-size:14px; color:#252525; margin-bottom:8px; text-decoration:none;}
.ab A:hover{font-family:Arial; font-size:14px; color:#388ec4; text-decoration:none; margin-bottom:8px;}

.graph {border-left:1px solid #ccc;border-top:1px solid #ccc;}
.graph th {border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:#efefef;}
.graph td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:8px;}
.graph td.country { background-color:#e9e9e9;}
.graph td.hellodial{ background-color:#e7f0f5;}

.introduce td{padding:20px;}
.history { padding:5px;  }
.history th { font-family:Arial; font-size:12px; font-weight:bold; color:#008cc9; text-align:left; height:40px; vertical-align:top;}
.history td { height:40px; vertical-align:top; }

.login { border-top:2px solid #864f0b; border-bottom:1px solid #864f0b; padding:20px; } 
.log td { padding:5px; }

.password A { text-decoration:underline; color:#333; }
.password A:hover { text-decoration:underline;color:#388ec4; }
.continue { padding-right:45px; }
 
input.field {border:1px solid #ccc; width:250px; }