@charset "euc-kr";


/******************************************************************************
 *** initialize ***************************************************************
 ******************************************************************************/
* {margin:0; padding:0;}
body {margin:0; padding:0; background:#fff; color:#444; font-size:12px; font-family:Dotum,Arial,Verdana,sans-serif;}
h1, h2, h3, h4, h5 {margin:0; padding:0; font-size:11px;}
form {margin:0; padding:0;}
p, ul, ol, li, dl, dt, dd, form {margin:0; padding:0; border:0; list-style-image:none; list-style-position:outside; list-style-type:none;}
table {border-collapse:collapse;}
th img, td img, input, label {vertical-align:middle;}
hr {display:none;}
caption, legend {display:none;}
img {border:0 none; vertical-align:middle;}
object {vertical-align:top;}
frameset, frameborder, frame {border:0;}

a, a:link, a:visited {color:#444; text-decoration:none;}
a:hover, a:active {text-decoration:underline;}

#bodyClear {background:none;}


/******************************************************************************
 *** form *********************************************************************
 ******************************************************************************/
input, select, textarea {vertical-align:middle; font-size:1em;}
fieldset {border:none;}
label {color:#777;}
input {padding:1px 0;}
input[type='radio'], input[type='checkbox'] {margin-top:-2px;}
input[type='file'] {height:20px; border:1px solid #aaa;}
textarea {width:100%; height:100px; padding:4px 0;}
.txtBox {width:95%; padding:3px; border:1px solid #bfbfbf; font-family:tahoma;}
.txtBoxR {width:95%; padding:3px; border:1px solid #bfbfbf; background-color:#f0f0f0; font-family:tahoma;}


/******************************************************************************
 *** system contents **********************************************************
 ******************************************************************************/
.tabStyle {width:100%; overflow:hidden; margin:10px 0 20px 0; padding:3px 0 1px 0; background:url("/storage/user/common/tab_style.gif") repeat 0 -12px; font:12px/150% Dotum;}
.tabStyle li {float:left; height:23px; margin:0 3px 16px 0; border:1px solid #808080; border-bottom:none; background:#e6e6e6; color:#5b5b5b; text-align:center;  _overflow:hidden;}
.tabStyle li a {display:inline-block; _width:45px; min-width:45px; height:100%; padding:0 15px; color:#5b5b5b !important; line-height:26px; white-space:nowrap;}
.tabStyle li.on {top:0; padding-top:0; background:#fff; color:#5a5a5a;}
.tabStyle li.on a {color:#5a5a5a !important;}

.tblList {clear:both; width:100%; color:#666; text-align:center;}
.tblList th {padding:10px 0; background-color:#e5e2dc;}
.tblList td {padding:10px 0; border-bottom:1px solid #e5e2dc;}
.tblList td .subject {padding-left:20px; text-align:left;}

.subject thead th {background:url("/storage/user/common/cf_tbl_bg.png") 0 0 repeat-x;}
.subject thead th.first {padding-left:10px; background:url("/storage/user/common/cf_tbl_left.png") 0 0 no-repeat;}
.subject thead th.last {background:url("/storage/user/common/cf_tbl_right.png") 100% 0 no-repeat;}

.tblDetail {clear:both; width:100%; color:#666;}
.tblDetail td {padding:6px 0; border-bottom:1px solid #d0d0cd;}
.tblDetail th {padding:9px 0 6px 0; background:#e5e2dc;}
.tblDetail th.first {padding:9px 0 7px 15px;}
.tblDetail tbody th {padding:9px 0 6px 0; border-bottom:1px solid #d0d0cd; background:none;}
.tblDetail td {padding:9px 0 6px 0; border-bottom:1px solid #d0d0cd;}
.tblDetail td img, .tblDetail td input {padding:4px 0;}
.tblDetail td.info {padding:9px 0 6px 10px;}

.tblContent {padding:10px; border-bottom:1px solid #d0d0cd; line-height:140%;}
.prevNext {margin-top:30px; border-top:1px solid #ccc;}
.prevNext p {padding:11px 0 6px 0; height:15px;border-bottom:1px solid #ccc;}

.tblDetail2 {clear:both; width:100%; color:#666;}
.tblDetail2 th, .tableDetail td {padding:6px 0; font-size:14px;}
.tblDetail2 th {padding:9px 10px 6px 10px; background-color:#ebebeb; text-align:left;}
.tblDetail2 td {padding:9px 0 6px 10px; border-bottom:1px solid #d0d0cd; color:#999; font-size:11px;}
.tblDetail2 td img, .tableDetail td input {padding:4px 0;}

.faqSearch {margin-bottom:20px; padding:12px 12px 5px 0; background-color:#efefef;}
.faqSearch .tit {position:absolute; margin:5px 0 0 15px;}
.faqList dt {padding:10px 12px 10px 40px; border-bottom:1px solid #e5e2dc; background:url("/storage/user/common/cf_question.gif") no-repeat 10px 7px; text-align:left;}
.faqList dd {padding:10px 12px 10px 40px; border-bottom:1px solid #e5e2dc; background:url("/storage/user/common/cf_answer.gif") no-repeat 10px 7px; text-align:left;}

.contact {margin-bottom:20px; padding:12px 12px 10px 10px; background-color:#f5e2f8;}
.tblContact {clear:both; width:100%; border-top:1px solid #d1d1d1; color:#666;}
.tblContact tbody th {padding:13px 0 7px 10px; border-bottom:1px solid #efefef; text-align:left;}
.tblContact td {padding:13px 0 7px 10px; border-bottom:1px solid #efefef; text-align:left;}
.tblContact td.txt {background-color:#f5e2f8;}

.clb {height:0; clear:both; font-size:0;}

.listSearch {margin-bottom:10px; text-align:right;}

.pagination {margin:15px auto 5px; *zoom:1;}
.pagination:after {content:""; display:block; clear:both;}
.pagination a, .pagination strong {display:inline-block; margin-right:3px; padding:4px 7px; border:1px solid #ccc; color:#777; font-size:11px; font-family:gulim; font-weight:bold; text-decoration:none; text-align:center; vertical-align:middle;}
.pagination a:hover, .pagination strong {border:1px solid #95a5ff; color:#6671ff;}
.pagination {text-align:center;}
.pagination .prev, .pagination .next {position:relative 0 0; width:34px; height:21px; padding:0; vertical-align:middle;}
.pagination .sel {display:inline-block; margin-right:3px; padding:4px 7px; border:1px solid #ccc; color:red; font-size:11px; font-family:gulim; font-weight:bold; text-decoration:none; text-align:center; vertical-align:middle;}

.galleryBox {clear:both; height:auto; overflow:hidden;}
.galleryBox li {width:25%; float:left;; margin-bottom:15px; text-align:center}
.galleryPaging {padding:10px 0 15px 0; width:100%; margin-top:20px; background-color:#ebebeb; text-align:center;}

.cb {clear:both; height:1px;}
.commentTitle {position:relative; margin-top:15px; padding:12px 0 7px 5px; background:url(/storage/user/common/cf_line.gif) repeat-x 0 0;}
.commentTitle .total {position:absolute; top:10px; right:0;}

.commentInput {padding:10px; border:1px solid #eee;}
.commentInput .writer {width:118px; height:18px; margin:0 30px 0 5px; border:1px solid #bfbfbf;}
.commentInput .passwd {width:80px; height:18px; margin-left:5px; border:1px solid #bfbfbf;}

.comment {margin-top:10px; border:0px solid #000; background-color:#f7f7f7;}
.comment th {padding:13px 7px 8px 7px; border-bottom:1px solid #eee; color:#999; vertical-align:top;}
.comment td {padding:13px 7px 8px 7px; border-bottom:1px solid #eeeeee; vertical-align:top; line-height:130%;}
.comment td.img {padding:8px 5px 3px 5px;}
.comment .commentTextarea {width:640px; height:45px; margin:5px 5px; border:1px solid #bfbfbf;}

.passInput {padding:10px 0; border-bottom:1px solid #ccc;}
.passInput strong {margin-right:10px;}

.secret {display:none; position:absolute; left:0; top:0; margin:0 auto; padding:10px; border:1px solid #ccc; background:#fff; z-index:2;}

.sitemap {width:100%; margin:0; padding:0;}
.sitemap ul {display:inline; float:left; width:173px; height:300px; margin-right:70px; text-align:left; list-style-type:none;}
.sitemap ul li {display:block; width:143px; margin:0; padding:7px 0 9px 30px; border-bottom:1px solid #ccc; background:url("/storage/user/common/cf_sitemap.gif") no-repeat 15px 12px;}
.sitemap ul li.first {width:173px; margin-bottom:10px; padding:9px 0 6px 0; border-bottom:none; background:red; color:#fff; text-align:center;}
.sitemap ul li.second {background:url("/storage/user/common/cf_sitemap.gif") no-repeat 15px 12px;}
.sitemap ul li.third {background:url("/storage/user/common/cf_sitemap_2.gif") no-repeat 15px 12px;}

.popupLayer {position:absolute; z-index:100;}
.popupLayer .popupClose {padding:6px 0 3px 0; border-top:2px solid #000; background-color:#fff; text-align:right;}

.vsl {clear:both; height:20px;}
.vsm {clear:both; height:10px;}
.vss {clear:both; height:5px;}

.align {clear:both; height:auto; padding-top:10px; text-align:center; overflow:hidden;}
.align .left {float:left;}
.align .right {float:right;}
.align .center {height:auto; overflow:hidden;}



/******************************************************************************
 *** layout *******************************************************************
 ******************************************************************************/
body {background:url("/storage/user/common/bg_sub.gif") repeat-x 0 0;}

#wrap {position:relative; overflow:hidden;}

#header {position:relative; width:990px; height:120px; margin:0 auto;}

h1 {position:absolute; top:60px; left:0;}
h1 img {vertical-align:top;}

.topLink {position:absolute; top:12px; right:0; text-align:right;}
.topLink li {display:inline; float:left; text-align:right;}

.gnb {position:absolute; top:30px; left:372px; text-align:right;}
.gnb li {display:inline; position:relative; *zoom:1;}
.gnb li img {position:relative;}
.gnb li:first-child {background:none;}

.viHome {text-align:center; background:url("/storage/user/common/bg_home.jpg") no-repeat;}

#container {width:990px; margin:0 auto;}

.snb {float:left; width:166px; padding-right:34px;}
.snb h2 {padding:35px 0; border-bottom:1px solid #dfdfdf;}
.snbMenu .txt2 {padding:12px 5px 7px 20px; border-bottom:1px solid #dfdfdf; background:url("/storage/user/common/snb_dot.gif") no-repeat -20px 5px;}
.snbMenu .txt2On {padding:12px 5px 7px 20px; border-bottom:1px solid #dfdfdf; background:#ffcdcd url("/storage/user/common/snb_dot.gif") no-repeat -20px 5px;}
.snbMenu .txt3 {padding:12px 5px 7px 20px; border-bottom:1px solid #dfdfdf; background:url("/storage/user/common/snb_dot_2.gif") no-repeat -20px 10px;}
.snbMenu .txt3On {padding:12px 5px 7px 20px; border-bottom:1px solid #dfdfdf; background:#eaff39 url("/storage/user/common/snb_dot_2.gif") no-repeat -20px 10px;}

#content {position:relative; float:left; width:739px; padding-left:50px; border-left:1px solid #dfdfdf;}
#content .contentBg {position: absolute;left: 0;top: 1px;}
#content .path {position:relative; color:#949494; top:38px;}
#content .path a {color:#949494;}
#content h2{position:relative; margin-bottom:40px; padding:76px 0 20px 0;}
#contentBody {min-height:500px; _height:500px; padding-bottom:40px;}
.centent{min-height:400px;}

#footer {position:relative; clear:both; width:100%; height:120px; border-top:1px solid #b7b7b7;}
#footer .footerWrap {position:relative; width:990px; margin:0 auto;}
#footer .footerLogo {position:absolute; top:20px; left:0;}
#footer .address {padding:20px 0 0 250px;}
#footer .address p {margin-bottom:5px; font-size:0; line-height:0;}

#popWrap {height:auto; padding:10px; overflow:hidden;}
#popWrap #popHead {clear:both; height:auto; padding-bottom:5px; border-bottom:3px solid #a70303; overflow:hidden;}
#popWrap #popHead h1 {position:inherit; float:left; color:#656565; font-size:20px; font-family:Tahoma;}
#popWrap #popHead p {float:right;}
#popWrap #popCont {clear:both; height:auto; padding:15px 15px 0 15px; overflow:hidden;}
#popWrap #popCont h2 {margin-bottom:10px; color:#000; font-size:14px;}

/*
 * jQuery Nivo Slider v3.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* The Nivo Slider styles */
.nivoSlider {position:absolute; top:106px; left:46px; width:460px; height:546px; height:auto; overflow: hidden;}
.nivoSlider img {position:absolute; top:0px; left:0px; max-width: none;}
.nivo-main-image {display: block !important; position: relative !important; width:100% !important;}

.nivoSlider2 {position:absolute; top:195px; left:0; width:299px; height:437px; height:auto; overflow: hidden;}


/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:6;
    display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
    display:block;
    position:absolute;
    z-index:5;
    height:100%;
    top:0;
}
.nivo-box {
    display:block;
    position:absolute;
    z-index:5;
    overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
    position:absolute;
    left:0px;
    bottom:0px;
    background:#000;
    color:#fff;
    width:100%;
    z-index:8;
    padding: 5px 10px;
    opacity: 0.8;
    overflow: hidden;
    display: none;
    -moz-opacity: 0.8;
    filter:alpha(opacity=8);
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
    padding:5px;
    margin:0;
}
.nivo-caption a {
    display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
    position:absolute;
    top:45%;
    z-index:9;
    cursor:pointer;
}
.nivo-prevNav {
    left:0px;
}
.nivo-nextNav {
    right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
    text-align:center;
    padding: 15px 0;
}
.nivo-controlNav a {
    cursor:pointer;
}
.nivo-controlNav a.active {
    font-weight:bold;
}



/******************************************************************************
 *** sub contents *************************************************************
 ******************************************************************************/
.service {margin-bottom:80px;}
.service dd {float:left;}
.service .txt {padding:20px 0 10px 20px; border-bottom:1px solid #efefef;}
.service .txtbox {padding-top:20px;}
.service .id {padding:25px 20px 0 20px; font-weight:bold;}
.service .pw {padding:25px 20px 0 40px; font-weight:bold;}
.service .img {padding:10px 0 0 20px;}