@charset "utf-8";
@import url(board.css);



/*텝*/
.tab {height:31px; margin-bottom:15px;}
.tab a {display:block; float:left; width:140px; height:31px; line-height:32px; padding-right:10px; color:#676767; font-weight:bold; text-align:center; background:url(../../images/About/bg_tab.gif) no-repeat;}
.tab a:hover, .tab a:focus {color:#fa602e; background:url(../../images/About/bg_tab_over.gif) no-repeat;}
.tab a.choice {color:#fa602e; background:url(../../images/About/bg_tab_over.gif) no-repeat;}

.tab a.big {display:block; float:left; width:190px; height:31px; line-height:32px; padding-right:10px; color:#676767; font-weight:bold; text-align:center; background:url(../../images/About/bg_tab_b.gif) no-repeat;}
.tab a.big:hover, .tab a.big:focus {color:#fa602e; background:url(../../images/About/bg_tab_over_b.gif) no-repeat;}
.tab a.big.choice {color:#fa602e; background:url(../../images/About/bg_tab_over_b.gif) no-repeat;}


/*FAQ*/
.board.boardWrite tr.a{background-color:#f7f7f7;}
.board.boardWrite td.img{width:25px;}


/*소개*/
h3 {margin-bottom:10px;}
p.con {margin-bottom:20px;}


.graph {overflow:hidden; background:url(../../images/About/gra_bg.gif) 8.5em 15em no-repeat; }
.graph p img {margin-left:281px; margin-bottom:20px;}
.graph ul {margin-top:50px;}
.graph ul.step1 li {float:left; margin-left:10px; width:175px; background:url(../../images/About/gra_bg2.gif) no-repeat;}
.graph ul.step1 li span {display:block; width:110px; height:60px; margin-top:20px; margin-left:30px;  margin-bottom:50px; text-align:center;}
.graph ul.step1 li span.txt {margin-top:15px; margin-left:30px; margin-bottom:55px;}
.graph ul.step1 li span.none{display:none;}
.graph ul.step1 li span img {margin-bottom:5px;}
.bstep2 {overflow:hidden; height:250px; padding:10px; border:5px solid #dfdfdf;}
.bstep2 img.img1 {margin-left:5px; margin-bottom:10px; }
.bstep2 img.img2 {margin-left:20px; margin-bottom:15px; }
.bstep2 img.img3 {margin-left:0px; margin-bottom:15px; }
.bstep2 img.img4 {margin-left:15px; margin-bottom:15px; }
.bstep2 ul.step2 {margin-top:0px; margin-left:0px;}
.bstep2 ul.step2 li {width:130px; margin-left:0px; padding-left:10px; background:url(../../images/common/icn_navi.gif) 0em 0.5em no-repeat;}
.bstep2 ul.step2 li span.bold{display:block; width:130px; height:1.5em; margin:0px; text-align:left;font-weight:bold;}
.bstep2 ul.step2 li span.none{display:none;}



/*찾아오시는길*/
p.img {text-align:center;}
h3.map {margin-top:20px; margin-left:100px; padding:0 0 0 19px; background:url(../../images/Common/icn_h3.gif) 0.4em 0.2em no-repeat;}
h3 img{padding-left:5px;}

ul.map {margin-left:120px;}
ul.map li {padding-left:15px; background:url(../../images/Common/icn_navi.gif) 0.4em 0.4em no-repeat;}

/* 사이트맵 */
.depth {width:180px; margin:20px 15px 0 40px; float:left;}
.depth h3 {background:none; padding-left:0px; margin-left:0px;}
.depth.line{float:none;}
.depth ul {width:180px; padding-left:10px; }
.depth ul.outline1 {width:180px; height:250px;}
.depth ul.outline1 ul.depth2 {width:120px; padding:0px;}
.depth ul.outline1 ul.depth2 li {background:url(../../images/Main/icn_dot.gif) no-repeat 0 0.8em; padding:2px 0 2px 10px; border:none;}
.depth ul.outline1 ul.depth2 li a {color:#5a5a5a;}

.depth ul.outline2 {width:180px; height:350px;}
.depth ul.outline2 ul.depth2 {width:120px; padding:0px;}
.depth ul.outline2 ul.depth2 li {background:url(../../images/Main/icn_dot.gif) no-repeat 0 0.8em; padding:2px 0 2px 10px; border:none; font-weight:normal;}
.depth ul.outline2 ul.depth2 li a {color:#5a5a5a;}
.depth ul.outline2 ul.depth2 li.arrow {background:url(../../images/Main/icn_dot.gif) no-repeat 0 0.8em; padding:2px 0 2px 10px; border:none;}
.depth ul.outline3 {width:180px; height:200px;}
.depth ul li {width:145px; background:url(../../images/Common/ico_blet.gif) no-repeat 0.5em 0.4em; padding:3px 0 3px 25px;  border-bottom:1px dotted #CBCBCB;}
.depth ul li a {text-decoration:none; color:#5a5a5a;}

.depth3 {width:180px; margin:20px 15px 0 40px; float:left;}
.depth3 h3 {background:none; padding-left:0px; margin-left:0px;}
.depth3.line {width:180px; margin:10px 15px 0 10px; float:none;}
.depth3 ul {width:180px; padding-left:10px; padding-bottom:70px; }

.depth3 ul li {width:145px; background:url(../../images/Common/ico_blet.gif) no-repeat 0.5em 0.4em; padding:3px 0 3px 25px;  border-bottom:1px dotted #CBCBCB;}
.depth3 ul a {text-decoration:none; color:#5a5a5a;}


/* 에러페이지 */
.error {width:100%; text-align:center;}
.errorbox{position:relative; width:828px; height:418px; margin-top:150px; background:url(../../images/Common/error_bg.gif) no-repeat; margin:10em auto;}
.errorbox img.txt1 {position:absolute; top:140px; left:180px;}
.errorbox span.txt1 {position:absolute; width:550px; top:200px; left:180px; text-align:left; font:bold 1em "나눔고딕","맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif; color:#418e00;}
.errorbox span.txt2 {position:absolute; width:230px; top:300px; left:200px; background:url(../../images/Common/error_ico.gif) no-repeat;}
.errorbox span.txt3 {position:absolute; width:190px; top:300px; left:440px; background:url(../../images/Common/error_ico.gif) no-repeat;}