@charset "euc-kr";

/* ±âº» */
* {margin:0; padding:0;}
body {color:#444; font:12px/1.6 µ¸¿ò,Dotum,AppleGothic,sans-serif;}
fieldset,img {border:none;}
img {vertical-align:top;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}

table {border-collapse:collapse;}

li, ol {list-style:none;}
address, em {font-style:normal;}
input,textarea,select {font-family:inherit; font-size:1.05em;}

a{color:#666; text-decoration:none;}
a:visited,a:visited *{color:#666;}
a.visited,a.visited:visited{color:#666;}
a:hover,a:hover *,a.visited:hover{color:#ff7800; text-decoration:underline;}

caption,
legend,
.accessibility {position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}

/* Input Style Definition */
.inputText { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1.4em; padding:.2em 0 0 .3em; background:#ffffff; font-size:1em; _font-size:9pt; }
*:first-child+html .inputText { font-size:9pt; }
.inputText:hover,
.inputText:focus { background:#f4f4f4; }
.inputTextArea { border:1px solid !important; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6 !important; background:#ffffff; font-size:1em; _font-size:9pt; height:100px;}
*:first-child+html .inputTextArea { font-size:9pt; }

.w40 { width:40px; }
.w50 { width:50px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w190 { width:190px; }
.w200 { width:200px; }
.w210 { width:210px; }
.w220 { width:220px; }
.w230 { width:230px; }
.w240 { width:240px; }
.w250 { width:250px; }
.w260 { width:260px; }
.w270 { width:270px; }
.w280 { width:280px; }
.w290 { width:290px; }
.w300 { width:300px; }
.w400 { width:400px; }

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:15px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.ml20 {margin-left:20px;}

.clear {clear:both;}

.btnR {margin-bottom:15px; text-align:right;}
.btnC {margin-bottom:15px; text-align:center;}
.tRight {text-align:right;}
.colorB {color:#396bb5;}
.colorR {color:#e62a2a;}

.fArea {*zoom:1;}
.fArea:after {content:""; display:block; clear:both;}
.fLeft {float:left;}
.fRight {float:right;}


/* Layout */
body {background-color:#e7e3da;}
#wrap {text-align:left;}
#header,
#container,
#footer {width:945px; padding-left:55px;}
#header {height:170px; background:url(../../images/common/headerBg.gif) no-repeat left top; *zoom:1;}
#header:after {content:""; display:block; clear:both;}
#header h1 {float:left; width:220px; margin:20px 0 0 10px;}
/*#header .nav {float:right; width:945px; margin-top:50px; text-align:center;}*/
#header .nav {float:none; margin-top:-10px; text-align:left;}

#container {background:url(../../images/common/containerBg.gif) repeat-y; *zoom:1;}
#container:after {content:""; display:block; clear:both;}
#aside {float:left; width:220px;}
#aside .subNav {margin-bottom:30px;}
#aside .asideBtn li {margin-bottom:20px;}
#aside div.csBox {text-align:center;}
#content {float:right; width:650px; padding:0 25px;}
#content div.visual {margin-bottom:30px;}
#content div.contentTop {margin-bottom:30px; padding:0 0 7px 10px; background:url(../../images/common/contentTopLine.gif) repeat-x left bottom; *zoom:1;}
#content div.contentTop:after {content:""; display:block; clear:both;}
#content div.contentTop h2.pageTitle {float:left; padding-left:20px; background:url(../../images/common/pageTitleBu.gif) no-repeat left center;}
#content div.contentTop div.thisPage {float:right; font-size:11px; color:#827d6f;}
#content div.contentTop div.thisPage span {padding:0 10px 0 5px; background:url(../../images/common/thisPageBu.gif) no-repeat right center;}
#content div.contentTop div.thisPage strong {padding-left:5px;}
#content div.inner {padding:0 0 30px 10px;}
#footer {padding-bottom:35px; text-align:right; background:url(../../images/common/footerBg.gif) no-repeat left bottom; *zoom:1;}
#footer:after {content:""; display:block; clear:both;}
#footer div.inner {float:right; width:650px; margin:0 25px; padding-top:15px; border-top:1px solid #dedace;}
#footer .fMenu {margin-bottom:5px; text-align:right;}
#footer .fMenu * {vertical-align:middle;}
#footer .fMenu li {display:inline; padding:0 15px 0 10px; background:url(../../images/common/fMenuLine.gif) no-repeat right center;}
#footer .fMenu li.end {padding-right:0; background:none;}

/* main */
body.main {background:#e7e3da url(../../images/main/bgRepeat.gif) repeat-y left top;}
body.main #wrap {background:url(../../images/main/bg.jpg) no-repeat left top;}
body.main #header {padding-left:55px; background:none;}

body.main #header h1 {float:none; padding:20px 0 0 10px; margin:0;}
body.main #header .nav {float:none; margin-top:-10px; text-align:left;}


#mainContainer {position:relative; width:945px; height:450px; padding-top:70px; padding-left:55px;}
#mainContainer div.quickBtn {margin-bottom:7px; text-align:right;}
#mainContainer div.csBox {margin-bottom:7px; padding-right:312px; text-align:right;}
#mainContainer div.estimateGoBtn {padding-right:287px; text-align:right;}
#mainContainer div.onlineConsult {position:absolute; top:210px; right:0;}
#mainContainer div.visual {margin:-28px 0 0 20px;}
#mainFooter {width:970px; padding-bottom:20px; padding-left:55px; text-align:right;}
.banner {position:relative; width:970px; height:35px; padding-top:7px; text-align:right; *zoom:1;}
.banner .left {position:absolute; left:70px; top:15px;}
.banner .right {position:absolute; right:10px; top:15px;}
#imageScroller {width:970px; position:relative; margin-left:5px;}
#viewer {height:35px; overflow:hidden; position:relative;}
#viewer img {padding:0 10px 0 10px; background:url(../../images/index/banner_line.gif) no-repeat right center; vertical-align:middle;}
.bannerbody {position:absolute; top:0; left:0px; width:1000px;} /* ¼û°ÜÁ®ÀÖ´Â °Å Æ÷ÇÔ ÀüÃ¼ »çÀÌÁî */

#mainFooter .fMenu {margin-bottom:5px; text-align:right;}
#mainFooter .fMenu * {vertical-align:middle;}
#mainFooter .fMenu li {display:inline; padding:0 15px 0 10px; background:url(../../images/common/fMenuLine.gif) no-repeat right center;}
#mainFooter .fMenu li.end {padding-right:0; background:none;}

#content h3 {margin-bottom:20px;}
#content h4 {margin-bottom:5px;}
#content h5 {color:#ff8400;}
.tabMenu {margin-bottom:30px;}
.tabMenu li {display:inline;}
.tabMenu li img {margin-bottom:5px;}
.h3Content {margin-bottom:45px; }
.h3Content.border {padding-bottom:25px; border-bottom:1px solid #f2f2f2;}
.lilist {margin-bottom:15px;}

.buCircle li {padding-left:10px; background:url(../../images/common/bu_circle.gif) no-repeat left 7px;}

.fastSelectTable {width:100%; border-top:1px solid #b5caeb;}
.fastSelectTable th {padding:10px; text-align:center; vertical-align:top; border-bottom:1px solid #b5caeb; background:#e6edf8;}
.fastSelectTable td {padding:5px; text-align:left; border-bottom:1px solid #c5d6ef;}
.fastSelectTable tr.cate td {background:#f5f5f5; font-weight:bold; color:#3669b6;}

.fastCheckList * {display:inline-block; margin-bottom:5px;}
.fastCheckList label {width:110px;}
.fastForm {width:100%;}
.fastForm th,
.fastForm td {text-align:left;}
.fastForm th {width:100px; padding-left:10px; background:url(../../images/fast/bu_fastForm.gif) no-repeat left center;}
.fastForm td {padding:5px 0;}
.fastForm textarea,
.fastForm input.inputText {border:1px solid #d2d2d2; background:#fafafa;}

.fastAgree {margin-bottom:20px; padding:15px; background:#f0f0f0;}

.fastSpeedForm {width:100%; margin-bottom:20px;}
.fastSpeedForm th,
.fastSpeedForm td {text-align:left; border:1px solid #e9e9e9;}
.fastSpeedForm th {width:100px; padding-left:20px; background:#fcfcfc url(../../images/fast/bu_fastForm.gif) no-repeat 10px center;}
.fastSpeedForm td {padding:5px 10px;}
.fastSpeedForm textarea,
.fastSpeedForm input.inputText {border:1px solid #d2d2d2; background:#fafafa;}

/* board */
.boardSearch {margin-bottom:10px; text-align:center;}
.boardSearch * {vertical-align:middle;}
.boardSearch input.inputText {height:13px; border:1px solid #d5d5d5;}

.boardListBasic {width:100%;}
.boardListBasic thead th {height:30px; text-align:center; background:#90908e url(../../images/board/line_list_th.gif) no-repeat left bottom;}
.boardListBasic thead th.first {background:#90908e;}
.boardListBasic tbody td {padding:5px 10px; text-align:center; border-bottom:1px solid #e7e7e6;}
.boardListBasic tbody td.left {text-align:left;}
.boardListBasic tbody td span.thumb {}
.boardListBasic tbody td span.title {margin-left:10px;}

.boardViewBasic {width:100%; margin-bottom:10px;}
.boardViewBasic thead th {width:80px; height:30px; text-align:center; border-bottom:1px solid #c7c7c6; background:#fff url(../../images/board/line_list_th2.gif) no-repeat right top;}
.boardViewBasic thead td {padding-left:20px; text-align:left; color:#757272; border-bottom:1px solid #c7c7c6; background:#fff;}
.boardViewBasic thead tr.title th {border-bottom:none; background:#90908e url(../../images/board/line_list_th.gif) no-repeat right top;}
.boardViewBasic thead tr.title td {color:#fff; border-bottom:none; background:#90908e;}
.boardViewBasic tbody td {padding:25px; text-align:left; border-bottom:1px solid #c7c7c6;}

.boardViewPrevNext {width:100%; margin-bottom:10px; border-top:1px solid #c7c7c6;}
.boardViewPrevNext tbody th {width:80px; height:30px; text-align:center; border-bottom:1px solid #c7c7c6; background:#fff url(../../images/board/line_list_th2.gif) no-repeat right top;}
.boardViewPrevNext tbody td {padding-left:20px; text-align:left; color:#757272; border-bottom:1px solid #c7c7c6; background:#fff;}

.boardWriteBasic {width:100%; margin-bottom:10px;}
.boardWriteBasic tbody th {width:80px; height:30px; text-align:center; border-bottom:1px solid #c7c7c6; background:#fff url(../../images/board/line_list_th2.gif) no-repeat right top;}
.boardWriteBasic tbody td {padding:10px 0 10px 20px; text-align:left; color:#757272; border-bottom:1px solid #c7c7c6; background:#fff;}
.boardWriteBasic tbody tr.title th {border-bottom:none; background:#90908e url(../../images/board/line_list_th.gif) no-repeat right top;}
.boardWriteBasic tbody tr.title td {padding:0 0 0 20px; color:#fff; border-bottom:none; background:#90908e;}
.boardWriteBasic textarea {width:95%; height:200px; padding:5px; border:1px solid #cecece;}

/* Paginate */
.paginate { padding:15px 0; text-align:center;}
.paginate a img { border:none; vertical-align:middle; _vertical-align:top;}
.paginate a,
.paginate strong { position:relative; margin-left:-6px; display:inline-block; vertical-align:middle; _width /**/:18px; padding:2px 6px 3px 7px; color:#333333; text-decoration:none; line-height:normal; font:12px Tahoma; background:url(/images/common/line_pg.gif) no-repeat left center;}
.paginate a:hover { text-decoration:underline;}
.paginate strong { color:#9c5b8f !important; font-weight:bold;}
.paginate .first-child { background:none;}
.paginate a.pre,
.paginate a.next { padding:0; background:none !important;}
.paginate a.pre { margin:0 3px 0 -6px;}
.paginate a.next { margin:0 3px 0 -3px;}
.paginate a.first,
.paginate a.end { padding:0; background:none !important;}
.paginate a.first { margin:0 6px 0 -3px;}
.paginate a.end { margin:0 3px 0 -3px;}