@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
/*reset*/
html, body,
form, p, div, ul, ol, dl, dt, dd, li, table, tr, th, td, input, h1, h2, h3, h4, h5, h6, a, caption, select, caption { margin: 0;	padding: 0; font-size:12px; font-family: Nanum Gothic, '나눔고딕'; color:#484848; vertical-align: baseline; line-height:1.6em; }
fieldset { border:0; vertical-align:top; }
legend { position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; }
address { font-style:normal; }
ul, li, dl, dd { list-style:none outside none;}
img, input.image { border: 0 none; }
textarea, select { border: 1px solid #c9c9c9; background: #fff;  height:21px; }
input, textarea { vertical-align: middle; color: #484848; }
select { width:auto; vertical-align: top; color: #666666; }
span.button, img.button, a.button { cursor: pointer; vertical-align: middle; }
img, input.image, fieldset{ border: 0 none; }
table { border-collapse: collapse; }
.dipy_n, hr, caption { position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font-size:0; line-height:0; }
.ls_1 { letter-spacing:-0.1em; }
.float_l { float:left; }
.float_r { float:right; }
.middle { vertical-align:middle; }
.top { vertical-align:top; }
.bottom { vertical-align:bottom; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.margincenter { margin:0 auto; }
.wfont { font-weight:bold; }
.sfont { font-size:0.95em; }
a:link, a:visited { color: #484848; text-decoration:none; }
a:active, a:hover { color: #484848; text-decoration:underline; }
.ir { display:block; text-indent:-5000px;  font-size:0; }
.float_bug { *zoom:1; }
.float_bug:after { content:""; display:block; clear:both; }
.clear_b { clear:both; }

body { background:url('/well/images/inc/tbg.gif') repeat-x left top; }

input.box { background:#FFFFFF; border: 1px solid #C9C9C9; height: 19px; }

/*popup*/
body#popup { position:relative; width:500px; background:url('/well/images/inc/popup_bg.gif') no-repeat left top; }
body#popup h1 { padding:25px 30px; font-size:20px; font-weight:bold; color:#fff; }
body#popup h2 { position:absolute; right:30px; top:10px; font-size:40px; font-weight:bold; color:#fff; }
body#popup .data { overflow:hidden; margin:60px 60px 45px; width:380px; height:240px; }
body#popup .bl { background:url('/well/images/contents/sub02_bl.gif') no-repeat left 50%; padding-left:18px; margin-bottom:20px; font-size:16px; font-weight:bold; color:#004c81; }
body#popup .sbl { background:url('/well/images/contents/sub02_sbl.gif') no-repeat left 6px; padding-left:10px; font-weight:bold; }
body#popup .data div.complex { width:190px; height:240px; border-right:1px solid #ccc; }  
body#popup .data div.complex p.select { position:absolute; right:150px; top:145px; }
body#popup .data div.complex ul.complex_list { position:absolute; left:273px; top:185px; }
body#popup .data dl.calculator dt, body#popup .data dl.calculator dd { float:left; height:50px; line-height:33px; font-size:14px; font-weight:bold; }
body#popup .data dl.calculator { margin:60px 0 20px 0; } 
body#popup .data dl.calculator input { margin:0 10px; }

/*skipnavi*/
#skipnavi { position:absolute; top:0; left:0; width:200px; }
#skipnavi a { position:absolute; display:block; height:1px; overflow:hidden; color:#666; z-index:99999; font-size:0px; line-height:0px}
#skipnavi a:hover, #skipnavi a:focus, #skipnavi a:active { width:auto; height:auto; color:#666; font-weight:bold; font-size:12px; line-height:1.2em}

/*header*/
header { position:relative; width:999px; height:106px; margin:0 auto; }
header h1 { padding-top:34px; }
header h1 a { width:179px; height:40px; background:url('/well/images/inc/logo.gif') no-repeat left top; }
header li { float:left; }
header ul#gnb { position:absolute; right:0; top:7px; }
header nav { position:absolute; left:288px; top:43px; }
header nav ul { *zoom:1; }
header nav ul:after { content:""; display:block; clear:both; }
header nav ul>li { float:left; margin-right:70px; }
header nav ul>li.menu3 { margin-right:0; }
header nav ul>li.menu1 a { width:71px; height:33px; background:url('/well/images/inc/menu01_off.gif') no-repeat left top;  display:block; text-indent:-5000px;  font-size:0; }
header nav ul>li.menu1 a:hover, nav ul>li.menu1 a:active { background:url('/well/images/inc/menu01_on.gif') no-repeat left top; }
header nav ul>li.menu2 a { width:71px; height:33px; background:url('/well/images/inc/menu02_off.gif') no-repeat left top;  display:block; text-indent:-5000px;  font-size:0; }
header nav ul>li.menu2 a:hover, nav ul>li.menu2 a:active { background:url('/well/images/inc/menu02_on.gif') no-repeat left top; }
header nav ul>li.menu3 a { width:71px; height:33px; background:url('/well/images/inc/menu03_off.gif') no-repeat left top;  display:block; text-indent:-5000px;  font-size:0; }
header nav ul>li.menu3 a:hover, nav ul>li.menu3 a:active { background:url('/well/images/inc/menu03_on.gif') no-repeat left top; }
header ul#btn { position:absolute; right:0; top:48px; }
header ul#btn li { padding-left:29px; }

/*footer*/
footer { background:#3d3d3d; }
footer div { position:relative; width:999px; height:64px; margin:0 auto; padding-top:21px; }
footer div p.copy_logo { width:155px; height:37px; background:url('/well/images/inc/copy_logo.gif') no-repeat left top; display:block; text-indent:-5000px; font-size:0; }
footer div ul { position:absolute; left:224px; top:21px; }
footer div ul li { float:left; }
footer div address { position:absolute; left:224px; top:45px; }
footer div fieldset { position:absolute; right:0; top:28px; padding:0; }
footer div fieldset select, footer div fieldset input { float:left; }
footer div fieldset select { height:21px; margin-right:3px; }