/* ================================================
	common style
	source file: style_common.css
	target: CSS Level 2
================================================ */

@charset "euc-kr";

/* common style */
* {margin: 0; padding: 0;}
body, input, select, textarea { font: 12px dotum, sans-serif, arial, Gulim; color: #6d7f93;}
input, select, textarea { vertical-align: middle; color:#4a667e; border:solid #bdc6c3 1px}
input {padding-top:2px;}
select {height: 18px;}
img {border: 0; display: block; vertical-align: middle;}
body {background-color: #8ea9be;}
ul, dl, li, dt, dd {list-style: none;}

a:link { color: #6f7e91; text-decoration: none; }
a:visited { color: #6f7e91; text-decoration: none; }
a:active { color: #6f7e91; text-decoration: none; }
a:hover { color: #143c69; text-decoration: none; }

#container {width: 850px; margin: 15px auto 0 auto; border: 10px solid #83a1b9; background: #fff;}
#header {overflow: hidden;}
#header h2 {float: left; margin: 24px 12px 0 40px; display: inline; width:239px; height: 41px; background: url(/Images/common/slogun.gif) no-repeat;}
#header h2 span {display:none;}
#header h1 {float: left; margin: 14px 0 0 0; padding-left: 17px; background: url(/Images/common/logo_sepe_line.gif) no-repeat left 2px;}
#header h1 span {width:151px; height:67px; display: block; cursor: pointer; background: url(/Images/common/logo.gif) no-repeat left 2px; text-indent: -1000px;}
#header .swfInsert {float: left;}

#recentContainer {width:816px; padding: 22px 0 20px 34px; overflow: hidden;}
#recentWrap {overflow: hidden; float:left; display: inline;}
.recentList {width: 340px; background: url(/Images/common/recent_title_back.gif) repeat-x top; margin-bottom:15px;}
.recentList p.recentTitle {height: 30px; margin-bottom: 7px;}
.recentList p.recentTitle img {border-top: 3px solid #d2ae00; padding: 5px 3px 0 2px;}
.recentList li { background: url(/Images/icon/list_bullet.gif) no-repeat 3px 8px; padding: 1px 0 1px 13px; list-style: none;}
.recentList li.title {padding:0; background:none;}
.indi {margin-left: 5px; display:inline;}

#infoMarket {float: left; margin-left: 65px;}
.pr {overflow: hidden; margin-left: -20px;}
.pr dt {width: 120px; float: left; text-align: center; padding-top: 2px; background: url(/Images/common/pr_sepe_line.gif) no-repeat right top;}
.pr dt img {margin-bottom: 3px; display: block; margin: 0 auto;}
.pr dt span {color: #133c6a; font-weight: bold;}
.pr dt.bgNone {background: none;}


#contWrap {padding:25px; width: 770px; position:relative;}
#divTop {height:36px;position:absolute;left:810px;}

.loc {overflow:hidden; float: right;}
.loc li {float: left;}
.loc li span {font-weight:bold; text-decoration: underline;}
.loc li.home {background: url(/Images/icon/home.gif) no-repeat 0 1px; padding-left: 17px;}
.loc li.mnu {background: url(/Images/icon/arrow_yellow.gif) no-repeat 6px 5px; padding-left: 15px;}

h3 {overflow:hidden; width:100%; background: url(/Images/common/loc_line.gif) repeat-x left bottom; margin: 5px 0 15px 0;}
h3 img {float: left; border-bottom: 2px solid #d2ae00; padding: 0 3px 5px 2px;}
h3 img.titleShadow {padding: 0 3px 0 2px; border-bottom: 2px solid #0a52a4;}

#tblWrap {border-bottom: 3px solid #e5e5e5; padding-bottom:2px; margin-bottom:20px;}
.brdList {width:100%;}
.brdList th {color:#d2ae02; border-bottom: 3px solid #e5e5e5; border-top: 3px solid #e5e5e5; padding: 5px 0;}
.brdList th.firstField {border-left: 3px solid #e5e5e5;}
.brdList th.lastField {border-right: 3px solid #e5e5e5;}
.brdList tr.colorful {background-color: #f1f1f1;}
.brdList td {text-align:center;padding: 5px 0; border-bottom: 1px solid #e5e5e5;}
.brdList td.txtLeft {text-align:left; padding-left: 20px;}


.brdView {width:100%;}
.brdView li {border: 1px solid #e5e5e5; padding: 5px 10px;}
.brdView li.box {color:#d2ae02; border: 3px solid #e5e5e5; font-size:14px; font-weight: bold;}
.brdView li.box span {font-size:11px; color:#6f7e91; font-weight: normal;}
.brdView li.content {margin:5px 0; padding-bottom: 20px;}
.brdView li.content span {font-weight: bold;}
.brdView li p {margin: 10px 0;}
.brdView img {display: inline;}

.brdView ul.innerList li {border:0; background: url(/Images/icon/rect_yellow.gif) no-repeat 3px 6px; padding: 0 12px; text-decoration:underline;}

.brdView li.down { height:100%; border: 2px solid #e5e5e5; overflow:hidden; padding:0;}

.brdView td.downTxt {height:auto; width:140px; background: #e5e5e5 url(/Images/common/download.gif) no-repeat center center; }
.brdView ul.fileDown {float: left; padding: 10px 0;}
.brdView ul.fileDown li {font-weight: bold; border:0; padding:1px 23px; background: url(/Images/icon/ico_file.gif) no-repeat 10px 4px;}
.brdView ul.fileDown li span {font-weight: normal; text-decoration: underline;}


.navi {overflow: hidden; margin: 3px 0 10px 0; text-align: center}
.navi img {display: inline; }
.navi img.spacingPrev {margin: 0 7px 0 3px;}
.navi img.spacingNext {margin: 0 3px 0 7px;}
.navi span {margin:0 0px; border-left: 1px solid #d7d7d7; padding:0 6px; line-height:0px}
.navi span.pagingOn {font-weight:bold; color:#123d6a;} 
.navi span.borderRight {border-right: 1px solid #d7d7d7;}
.navi img.disInline {display: inline;}

.floatRight {float:right; margin-top: -25px;}
.btnRight {text-align:right; margin-top:3px;}
.btnRight img {display: inline;}


.search {text-align: center; margin-bottom: 10px;}
.search select {width:100px; display: inline}
.search input {width:130px;}
.search img.disInline {display: inline;}
.alignRe {text-align: left;}



#linkWrap {}
#linkWrap h4 {height:25px; background: url(/Images/common/link_border.gif) no-repeat; padding:7px 10px; font-size:15px; color:#0a50a5;}
#linkWrap span {float:right; margin-top: -30px; padding-right: 10px;}
.link {margin-bottom: 25px;}
.link dt {background: url(/Images/icon/mouse.gif) no-repeat; color:#0a52a7; padding: 3px 0 0 16px; height: 17px; font-size: 12px; font-weight: bold;}
.link dd a:link, .link dt a:visited, .link dt a:active {color:#6d7f93; text-decoration:underline;}
.link dd a:hover {color:#333; text-decoration:underline;}
.link dd {padding-left: 16px; margin-bottom:15px;}



#teamWrap {}
#teamWrap h4 {height:32px; background: url(/Images/common/gray_back.gif) repeat; overflow: hidden;}
#teamWrap h4 span {font-size:15px; color:#fff; display:block; padding:7px 10px; background:#0a52a4; width:310px; float: left;}
.team {border:1px solid #d7d7d7; border-top: none; margin-bottom: 15px;}
.teamDl {height:100%; clear: both; overflow:hidden; padding: 10px 0 10px 15px;}
.addLine {border-bottom: 1px solid #d7d7d7;}
.team dt {float:left; width:87px; height:101px; background:#d7d7d7; overflow: hidden;}
.team dt img {float:left; margin:2px; border:1px solid #fff; display:inline;}
.team dd {float:left; background: url(/Images/common/rect_blue.gif) no-repeat 25px 8px; padding: 2px 0 0 35px; width:630px; }
.team dd.line {border-bottom:1px solid #d7d7d7; padding-bottom: 8px;}
.team dd.specialty {padding-top: 8px; background: url(/Images/common/rect_blue.gif) no-repeat 25px 14px;}
.team dd span {font-weight:bold;}
.team dd span.name {color:#0b52a4;}

#contactWrap {overflow:hidden;}
.contantTxt {width: 280px; float:left; margin-top: 10px;}
.contantTxt dt {background: url(/Images/common/bar_blue.gif) no-repeat left 3px; color: #0c50a3; font-weight: bold; padding: 0 0 0 9px; margin-bottom: 10px;}
.contantTxt dt.rect {background: url(/Images/common/rect_sky.gif) no-repeat left 6px; color: #589dbc; padding: 0 0 0 9px; margin-bottom: 5px;}
.contantTxt dd {padding: 0 0 0 9px; margin-bottom: 10px; line-height: 17px;}
.contantTxt dd.address {margin-bottom:20px;}


.mapImg {float:left;}


#footer {width: 850px; margin: 2px auto 0 auto; position: relative; overflow: hidden;}
#footer h1 {width: 110px; float: left; padding: 20px 0 0 40px;overflow: hidden;}
#footer h1 img { float: left;}
#footer address {float: left; width: 554px; background: url(/Images/common/footer_sepe_line.gif) no-repeat left top; margin-top:14px; padding-left: 25px;}
#footer address img { float: left;}
#footer img.copyright { margin-top: 3px; }
#footer img.goAdmin {position: absolute; top: 38px; left: 645px;}
.visitor {float: left; width: 118px; height: 68px; background: url(/Images/common/visitor_back.gif) no-repeat; padding-top: 8px; overflow: hidden;}
.visitor dt, .visitor dd {padding: 1px 0; display: block; color: #305d84;}
.visitor dt {float: left; clear: both; width: 35px; margin-left: 15px; display: inline;}
.visitor div.title { padding: 2px 0 0 15px; height: 13px; overflow: hidden;}
.visitor dd span { font-weight: bold;}




.btnBasic {margin: 0 4px;}
