@charset "euc-kr";
/* 일반 정의 */
* html{height: 1px;}
* {margin:0; padding:0;}
html {overflow-y:scroll;}
body {background-color:#fff; *word-break:keep-all; -ms-word-break:keep-all; background: #fff url(../images/bg_body.gif) repeat-x left top; }
body, input, button {font:0.75em/1.5em 돋움, Dotum, 굴림, Gulim, Tahoma, Sans-serif; color:#595959;}
h1, h2, h3, h4, h5, h6 {clear:both; font:bold 100% 돋움; text-align:left;}
img, fieldset, iframe {border:none;}
a:link, a:visited {color:#777777; text-decoration:none;}
a:hover, a:focus {color:#17639a; text-decoration:underline;}
div, ul, ol, dl, form, fieldset, td, th, li, dt, dd, h1, h2, h3, h4, h5, p, a, img, span, caption {margin:0; padding:0;}
em, address, caption {font-style: normal;}
select, input, textarea {font:100% 돋움, Dotum, Tahoma, sans-serif; vertical-align:middle; color:#336666;}
input, select {line-height:18px; border:1px solid #ddd; veretical-align:middle;}
div select, p select {margin-bottom:3px;}
textarea {
width: 99%;
padding: 4px 4px;
border-top: 1px solid #999999;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
border-left: 1px solid #999999;
line-height:150%;
}
strong {font-weight:bold;}
em {font-style:italic;}
ul, ol {display:block;}
ul, li, ol {list-style:none;}
span {color:#747474;}
blockquote {}
label {cursor:pointer;}
legend,caption {display:none;}
hr{clear:both; border-style:none; height:0px; margin:0px; padding:0px; border-width: 0px; color: #FFFFFF;}
table {border-collapse:collapse;}
td, th {font-size:100%;}
th {padding:3px 6px; white-space:nowrap; white-space:nomal; word-break:keep-all;}
td {padding:3px 6px; white-space:nomal; word-break:keep-all;}
/* //일반 정의 */
/* 공통 정의 */
.tdContents {
padding: 10px;
vertical-align: top;
height: 200px;
overflow: auto;
}
input.date {background: #fff;}
input.dateYM {width: 50px;}
input.time {width: 40px;}
input.readonly, .frame input.readonly {background: #F0F0F0; cursor: default;}
.upper{ text-transform: uppercase;}
.lower{ text-transform: lowercase;}
input.chk {border:0; verticlal-align:middle;}
.hide {display:none;}
.R {text-align:right;}
.floatR {float:right; padding:0 5px;}
.floatL {float:left; padding:0 5px;}
/*자식의 엘리먼트의 높이를 부모에게 반영하는 방법*/
.float:after {content:"."; display:block; clear:both; visibility:hidden; height:0;}
.float {display:inline-block;}
/* Hides from IE-mac \*/
*html .float {height:1%;}
.float {display:block;}
/* End hide from IE-mac */
.C {text-align:center;}
.L {text-align:left;}
tbody td.vM {vertical-align:middle;}
.file, .fileApp {
width: 96%;
line-height: 18px;
margin-right: 3px;
border-top: 1px solid #999;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
border-left: 1px solid #999;
background: #F0F0F0;
vertical-align: middle;
}
.clear {clear: both;}
.fontSmall {font: 90% 돋움;}
.fontLarge {font: 120% 돋움; color:#000;}
.fix {table-layout:fixed; word-break:keep-all; overflow:auto;}
.box {
clear:both;
margin:4px 0 12px 0;
padding:3px;
color:#525252;
background:#82c2d1;
}
.inner, .frame .inner {border:1px solid #3fa1b7; margin-bottom:0; padding:3px; background:#fff; }
.msg, .frame .msg {
clear: both;
padding: 10px;
border:1px solid #e4e4e4;
background: #f2f2f2 url() repeat-x;
margin-bottom:0;
}
.source {padding:0 6px; font-size:90%; }
.inline {display:block; padding:10px 3px; }
.inline li {display:inline;}
.inline li img {padding:0 3px;;}
.block {display:inline;}
.bggr {background:#f4f4f4;}
.bgyl {background:#FFFFE6;}
.bgbl {background:#e3f5f0;}
.comment, td.comment, span.comment, p.comment, div.comment {font-size:90%; color:#f58500;}
div.tip {paddomg-left:6px; padding-right:6px;}
td.tip, span.tip, div.tip { margin:6px 0; font:11px/16px 돋움; color:#666666;}
.colorTip, td.colorTip, span.colorTip, p.colorTip, .frame p.colorTip, div.colorTip {margin:0 2px;font-weight:bold; color:#f58500;}
.point {color:#1485cb; font-weight:bold;}
.redPoint {color:#ff0000;}
.bgNone {background:none;}
.borderNone {border:0;}
.overflow200 {position:relative; clear:both; height:200px; overflow-y:scroll;}
.overflow250 {position:relative; clear:both; height:250px; overflow-y:scroll;}
.overflow300 {position:relative; clear:both; height:300px; overflow-y:scroll;}
/* 한글 입력 제한 */
.noKR {
ime-mode: disabled;
}
.KR { /* 한글우선 */
ime-mode: active;
}
/* //공통 정의 */
/* 레이아웃 정의 */
#header {position:relative; clear:both; width:100%; height:158px; min-width:1004px; background:url(../images/bg_header.gif) no-repeat left top; }
#left{width:180px; margin:0; margin-left:10px;}
#content {width:99%; margin:0 0px 0px 0px;}
#contentList {width:99%; min-height:420px; margin:0 0px 0px 0px;}
#footer {
clear:both;
width:100%;
margin-top:30px;
border-top: 1px solid #e3e3e3;
background:#fff url(../images/bg_footer.gif) repeat-x left bottom;
text-align:left;
}
/* 공통body 배경 */
.content_bg {margin: 0; padding: 0; background:#FFF url(../images/bg_content.gif) repeat-x left top;}
/* //레이아웃 정의 */
/* 헤더 영역 */
/* header 탑 */
.header_top {height:60px;}
.header_top h2 {float:left; padding:14px 15px 6px 20px;}
.header_top .group {float:right; width:78%; margin-right:1%;}
.addNav {float:right; height:23px; padding-top:8px; text-align:right;}
.addNav li {display:block; float:left; padding:0 8px; background:url(../images/common/bu_li3.gif) no-repeat right 48%;}
.addNav li.bgNone{background:none;}
.addNav img, .loginInfo img {padding-right:3px; vertical-align:middle;}
.addNav a:link, .addNav a:visited {color:#383d41;}
.addNav a:hover {color:#086e9c;}
.loginInfo {clear:both; float:right; height:23px; padding:8px 7px 0 0; text-align:right;}
/* header 네비게이션 */
.header_nav {
clear:both;
height:65px;
background:url(../images/bg_gnb.gif) repeat-x left top;
}
.gnbBox_guide {position:relative; width:100%; }
.gnbBox_guide .tL {display:block; position:absolute; top:0px; left:0px; width:8px; height:8px; background:url(../images/bg_gnbMnConner.gif) no-repeat left top; font-size:0;}
.gnbBox_guide .tR {display:block; position:absolute; top:0px; left:-8px; width:8px; height:8px; margin-left:100%; background:url(../images/bg_gnbMnConner.gif) no-repeat right top; font-size:0;}
.gnbBox {
position:relative;
width:100%;
height:65px;
text-align:left;}
.gnb {
clear:both;
float:left;
width:90%;
padding:0 3%;
height:36px;
text-align:left;
}
.gnb ul {
padding-top:5px;
}
.gnbBox .gnb li {
float:left;
padding:0 15px 5px 15px;
background:url(../images/bar_gnbDvision.gif) no-repeat right 35%;
font-weight:bold;
font-size:100%;
color:#e8f0f6;
}
.gnbBox .gnb li:last-child {background:none;}
.gnbBox .gnb li a {
display:block;
line-height:31px;
text-decoration:none;
font-weight:bold;
color:#e8f0f6;
}
.gnb li a:hover {color:#fff;}
.gnb li.none {border:none;}
.gnb li.selected {
padding:0 15px 5px 15px;
height:31px;
background:#fff url() repeat-x left top;
color:#006998;
}
.gnb li.selected a {color:#006998;}
.gnb li.selected a:hover {color:#3d9dc8;}
.lnb {
position:absolute;
left:0px;
top:37px;
width:820px;
padding:0 3%;
height:29px;
z-index:auto;
}
.lnb ul {
clear:both;
float:left;
width:100%;
padding-top:4px;
}
.gnbBox .lnb li {float:left; padding:0 2px; background:none; font-size:100%; font-weight:400;}
.gnbBox .lnb li a {
display:block;
padding:0 8px;
background:url(../images/common/bu_arrowGray.gif) no-repeat left 4px;
line-height:18px;
color:#3c3c3c;
text-decoration:none;
font-weight:400;
}
.lnb li a:hover {color:#17639a;}
.gnbBox .lnb li a.selected {
border:none;
background:url(../images/common/bu_arrowBlue.gif) no-repeat left 4px;
font-weight:bold;
color:#17639a;
}
/*
#lnb_01, #lnb_02, #lnb_03, #lnb_04, #lnb_05{visibility: hidden;}
#lnb_01, #lnb_02, #lnb_03, #lnb_04, #lnb_05{visibility: visible;} */
/* //header 네비게이션 */
/* 검색영역 */
.topSchArea{position:absolute; top:67px; right:2%; width:250px; text-align:right; z-index:auto;}
.topSchArea input{line-height:18px; padding:2px; margin:0 4px 0 2px;}
.topSchArea strong{color:#d1f1ff;}
.topSchArea img{vertical-align:middle;}
/* //검색영역 */
/* //헤더 영역 */
/* left 영역 */
/* 회원로그인정보 영역 */
.memInfoBox {width:213px; margin-bottom:10px;}
.memInfoBox h2{height:26px;}
.topGuide { position:relative; width:100%; height:26px; background:url(../images/bg_memInfoTopBox.gif) repeat-x left top;}
.topGuide .tL {position:absolute; top:0; left:0; width:12px; height:26px; background:url(../images/bg_memInfoBoxTopConner.gif) no-repeat left top; font-size:0;}
.topGuide .tR {display: block; position:absolute; top:0; left:-12px; width:12px; height:26px; margin-left:100%; background:url(../images/bg_memInfoBoxTopConner.gif) no-repeat right top; font-size:0;}
.memInfoBox .tlt{display:block; padding-top:10px; padding-left:12px; }
.memInfoBox .tlt strong{color:#005c8a;}
.botGuide {clear:both; position:relative; width:100%; height:12px; background:url(../images/bg_memInfoBotBox.gif) repeat-x left bottom;}
.botGuide .bL {display:block; position:absolute; top:0; left:0; width:12px; height:12px; background:url(../images/bg_memInfoBoxBotConner.gif) no-repeat left bottom; font-size:0;}
.botGuide .bR {display:block; position:absolute; top:0; left:-12px; width:12px; height:12px; margin-left:100%; background:url(../images/bg_memInfoBoxBotConner.gif) no-repeat right bottom; font-size:0;}
.memInfoBox .outer {float:left; display:block; width:203px; padding:0 4px; border:1px solid #ededed; border-bottom:none; background:url(../images/bg_memInfoBoxOuter.gif) repeat-x left top;}
.memInfoBox .inner {position:relative; clear:both; float:left; width:201px; border:1px solid #ededed; border-bottom:none; border-bottom:none; background:#fff; text-align:center;}
.memInfoBox .inner .idPw {margin:8px 6px; text-align:left;}
.memInfoBox .inner .btn {position:absolute; width:63px; right:10px; top:8px;}
.memInfoBox .inner .btn img {padding:1px 4px 1px 4px;}
.memInfoBox .idPw input {margin-bottom:1px;}
.memInfoBox .inner .navi {clear:both; float:left; margin:8px 6px; }
.memInfoBox .inner li {float:left; display:block; padding:0 5%; background:url(../images/common/bu_li2.gif) no-repeat left 2px; font:90%/1.6 돋움, dotum; letter-spacing:-0.075em;}
/* //회원로그인정보 영역 */
/* 레프트타이틀및 메뉴 영역 */
.leftBox_guide {clear:both; position:relative; width:100%;}
.leftBox_guide .tL {position:absolute; top:0; left:0; width:7px; height:50px; background:url(../images/bg_leftTopConner.gif) no-repeat left top; font-size:0;}
.leftBox_guide .tR {display: block; position:absolute; top:0; left:-7px; width:7px; height:50px; margin-left:100%; background:url(../images/bg_leftTopConner.gif) no-repeat right top; font-size:0;}
.leftBox_guide .bL {display:block; position:absolute; top:-35px; left:0px; width:7px; height:35px; background:url(../images/bg_leftBotConner.gif) no-repeat left bottom; font-size:0;}
.leftBox_guide .bR {display:block; position:absolute; top:-35px; left:-7px; width:7px; height:35px; margin-left:100%; background:url(../images/bg_leftBotConner.gif) no-repeat right bottom; font-size:0;}
.tlt_left {clear:both; padding:0 1% 0 1%; background:#fff url(../images/bg_leftH1.gif) repeat-x left top; }
.tlt_left h2 {height:45px; padding-top:5px; font-size:120%; color:#fff; letter-spacing:-0.05em;}
/*자식의 엘리먼트의 높이를 부모에게 반영하는 방법*/
#tlt_left h2:after {content:"."; display:block; clear:both; visibility:hidden; height:0;}
#tlt_left h2 {display:inline-block;}
/* Hides from IE-mac \*/
* html #tlt_left h2 {height:1%;}
#tlt_left h2 {display:block;}
/* End hide from IE-mac */
.tlt_left .img {float:left; padding:11px 4px 0 6px; vertical-align:bottom;}
.tlt_left .tlt {float:left; padding-top:13px; color:#fff;}
/* left 네비게이션 */
.side_nav {clear:both; width:100%; height:500px; padding:15px 0 30px 0; background:url(../images/bg_leftNavi.gif) repeat-x left top; }
.depth1 {padding:0 10px 35px 10px;}
.side_nav .depth1 li {display:inline; line-height:18px;}
.side_nav .depth1 li a {
display:block;
padding:5px 15px;
border:none;
border-bottom:solid 1px #d9d9d9;
background:url(../images/common/bu_arrowGray.gif) no-repeat 5px 8px;
text-decoration:none;
font-weight:bold;
color:#404040;
line-height:18px;
}
.depth1 li a:hover {color:#17639a;}
.depth1 li a.selected {
background:url(../images/common/bu_arrowBlue.gif) no-repeat 5px 8px;
color:#1a5392;
}
.depth2 {width:98%; margin:1px 1% 5px 1%;}
.side_nav .depth2 li {display:inline; line-height:16px;}
.side_nav .depth2 li a {
display:block;
border-bottom:1px dotted #e9e9e9;
padding:4px 15px;
background:url(../images/common/bu_check.gif) no-repeat 7px 9px;
font-weight:400;
font-size: 90%;
text-decoration:none;
color:#404040;
line-height:16px;
}
.depth2 li a:hover {color:#17639a;}
.depth2 li a.selected {border-bottom:1px dotten #e9e9e9; background:url(../images/common/bu_check.gif) no-repeat 7px 9px;font-weight:700;}
/* //left 네비게이션 */
/* //left 영역 */
/*하단영역 start*/
.group_footer {padding:10px 20px;}
/*자식의 엘리먼트의 높이를 부모에게 반영하는 방법*/
.group_footer:after {content:"."; display:block; clear:both; visibility:hidden; height:0;}
.group_footer {display:inline-block;}
/* Hides from IE-mac \*/
* html .group_footer {height:1%;}
.group_footer {display:block;}
/* End hide from IE-mac */
h2.logo_bottom a {
display: block;
float: left;
width: 115px;
height: 29px;
text-indent: -10000px;
background: url(../images/logo_bot.gif) no-repeat 5px 50%;
}
.group_footer .nav_footer {
display: inline;
float: left;
margin: 0 10px;
}
.nav_footer .menu_footer {margin-bottom: 5px;}
.nav_footer .menu_footer li {
display: block;
float: left;
height: 21px;
line-height: 21px;
padding: 0 7px;
font: 400 12px 돋움, 굴림;
color: #454545;
background: url(../images/common/bu_li3.gif) no-repeat right 4px;
}
.nav_footer .menu_footer li a {
height: 22px;
line-height: 22px;
color: #454545;
letter-spacing: -0.05em;
}
.nav_footer .menu_footer li.bgNone {background:none;}
.nav_footer .address {
clear: both;
margin-top: 8px;
padding: 0 5px;
font: 400 11px/140% 돋움;
color: #858585;
text-align:left;
}
/* //하단영역 */
/* 서브페이지 위치정보 */
.location {
clear:both;
text-align: right;
font-size: 90%;
color: #9f9f9f;
white-space: nowrap;
}
.location span.on {font-weight:bold;}
/* //서브페이지 위치정보 */
/* H2~H4 */
#content h1 {clear:both; margin-bottom:12px; padding-bottom:8px; background: #fff url(../images/bg_contentH1.gif) repeat-x left bottom;}
#content h1 span {
padding-left:14px;
font: bold 140%/160% 돋움, Dotum, Tahoma, AppleGothic, Tahoma, sans-serif;
color: #222;
letter-spacing: -0.05em;
background: #fff url(../images/common/bu_h1.gif) no-repeat left 3px;
}
#content h1 span img{padding:0 3px; vertical-align:bottom;}
#content h2 {
clear:both;
margin:12px 0 8px 0;
padding-left:12px;
font:bold 100% 돋움, Dotum, Tahoma, AppleGothic, Tahoma, sans-serif;
letter-spacing:-0.025em;
color:#444;
background: url(../images/common/bu_h2.gif) no-repeat left 2px;
}
#content h3 {
clear:both;
margin:8px 0;
padding-left: 12px;
font: bold 100% 돋움, Dotum, Tahoma, AppleGothic, Tahoma, sans-serif;
color: #555;
background: url(../images/common/bu_h3.gif) no-repeat left 2px;
}
#content h4 {
clear:both;
margin-bottom: 12px;
padding-left: 17px;
font: bold 100% 돋움, Dotum, Tahoma, AppleGothic, Tahoma, sans-serif;
color: #666;
background: url() no-repeat 2px 2px;
}
/* //H2~H4 */
/* 테이블 설정 */
td .img{padding:0 2px; vertical-align:middle;}
thead th, tbody th, tfoot th {font-weight: bold;}
thead th {text-align:center;}
thead td, tbody th, tbody td, tfoot td {text-align:left;}
table a:link, a:visited {font:100% 돋움; color:#565656;}
table a:hover {color:#17639a; text-decoration:underline;}
/* 박스보더1px */
.tableBox {border:1px solid #5facc3; margin-bottom:0;}
.tableBox_guide {clear:both; position:relative; width:100%;}
.tableBox_guide .tL {display:block; position:absolute; top:-1px; left:-1px; width:8px; height:9px; background:url(../images/bg_tableBoxCorner.gif) no-repeat left top; font-size:0; line-height:0; }
.tableBox_guide .tR {display:block; position:absolute; top:-1px; left:-7px; width:8px; height:9px; margin-left:100%; background:url(../images/bg_tableBoxCorner.gif) no-repeat right top; font-size:0; line-height:0;}
.tableBox_guide .bL {display:block; position:absolute; top:-8px; left:-1px; width:8px; height:9px; background:url(../images/bg_tableBoxCorner.gif) no-repeat left bottom; font-size:0; line-height:0; }
.tableBox_guide .bR {display:block; position:absolute; top:-8px; left:-7px; width:8px; height:9px; margin-left:100%; background:url(../images/bg_tableBoxCorner.gif) no-repeat right bottom; font-size:0; line-height:0;}
.tableBox .tableBoxInner, .frame .tableBox .tableBoxInner {margin-bottom:0; padding:2px; }
/* 박스보더2px */
.tableBoxStrong {border:2px solid #53a1bb; }
.tableBoxStrong_guide {clear:both; position:relative; width:100%;}
.tableBoxStrong_guide .tL {display:block; position:absolute; top:-2px; left:-2px; width:8px; height:9px; background:url(../images/bg_tableBoxCornerStrong.gif) no-repeat left top; font-size:0; line-height:0; }
.tableBoxStrong_guide .tR {display:block; position:absolute; top:-2px; left:-6px; width:8px; height:9px; margin-left:100%; background:url(../images/bg_tableBoxCornerStrong.gif) no-repeat right top; font-size:0; line-height:0;}
.tableBoxStrong_guide .bL {display:block; position:absolute; top:-7px; left:-2px; width:8px; height:9px; background:url(../images/bg_tableBoxCornerStrong.gif) no-repeat left bottom; font-size:0; line-height:0; }
.tableBoxStrong_guide .bR {display:block; position:absolute; top:-7px; left:-6px; width:8px; height:9px; margin-left:100%; background:url(../images/bg_tableBoxCornerStrong.gif) no-repeat right bottom; font-size:0; line-height:0;}
.tableBoxStrong .tableBoxInner, .frame .tableBoxStrong .tableBoxInner {margin-bottom:0; padding:2px; }
/* 테이블 */
.grid {clear:both;}
.grid th.necessary, .grid td.necessary {background: #f0f5f6 url(../images/common/icon_necessary.gif) no-repeat left center;}
.topline {border-top: 2px solid #222;}
.grid thead th, .frame .grid thead th {
border-left:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
padding:4px 6px;
background:#fafafa;
line-height:21px;
text-align:center;
color:#515151;
word-break:keep-all;
}
.grid thead td {
border-left:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;
line-height: 21px;
background:#e6e6e6;
font-weight:bold;
color:#515151;
}
.grid tbody td, .grid tfoot td {background-color:#fff;}
.grid .tlt {padding:4px 4px 4px 12px; text-align:left; text-weight:700;}
.grid tbody td, .grid thead td, .grid tfoot td {padding:4px 4px; }
.grid tbody td, .grid tbody th, .grid tfoot td, .grid tfoot th {
border: 1px solid #dddddd;
line-height: 20px;
}
.grid tbody th, .grid tfoot th {
padding:4px 4px 4px 0;
line-height:20px;
text-align:left;
color:#585858;
background:#fcf8f4;
word-break:keep-all;
}
.grid tbody th.C, .grid tfoot th.C {text-align:center; padding:2px;}
.grid td ul {}
.grid td li {color:#767676;}
.grid td li li {color:#888;}
.grid td thead th {line-height:16px; padding:2px 4px 2px 4px; color:#747474; font-size:90%; font-weight:700; background-image:none; background-color:#f6f6f6; text-align:center;}
.grid td tbody th, .grid td tfoot th {line-height:14px; padding:2px 4px 2px 4px; color:#747474; font-size:90%; font-weight:700; background-image:none; background-color:#f6f6f6; text-align:left;}
.grid td tbody td, .grid td tfoot td {line-height:14px; padding:2px 4px 2px 4px; color:#7f7f7f; font-size:90%; font-weight:400; background-color:#fff; }
.grid td thead th, .frame .grid td thead th {background:#fff url(../images/bg_td_tableHeader.gif) repeat-x left top; color:#666;line-height:16px; color:#515151;}
.grid td tbody th, .frame .grid td tbody th {background:#f6f6f6 url();}
/* //테이블 */
/* Button */
.button_area, .frame .button_area {clear:both; margin: 9px 12px 9px 12px;}
/* Button Reset */
span.button,
span.button a,
span.button button {position:relative; margin:0; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:돋움,Dotum,굴림,Gulim,AppleGothic,Sans-serif; word-wrap:normal; background:url(../images/button/btn_blue.gif) no-repeat; vertical-align:middle; overflow:visible; color:#fff;}
span.button {height:25px; padding:0; margin-right:2px; background-position:left top; overflow:visible; }
span.button a,
span.button button {left:2px; *vertical-align:top; _vertical-align:middle;}
span.button.large {height:30px; background-position:left -30px; }
span.button.small { height:18px; background-position:left -107px; }
/* Anchor */
span.button a { height:16px !important; padding:6px 11px 6px 11px !important; *html padding:4px 11px 3px 11px ; color:#FFF; font-size:12px; background-position:right top; line-height:16px;}
span.button.large a { padding:7px 13px 6px 11px !important; *html padding:5px 13px 9px 11px !important; _top:-1px; font-size:14px; line-height:16px; background-position:right -30px;}
span.button.small a { padding:4px 8px 3px 8px !important; *padding:4px 8px 3px 8px !important; font-size:11px; line-height:11px; background-position:right -107px; _top:-1px; letter-spacing:-0.025em;}
/* Button */
span.button button { height:18px !important; padding:7px 10px 5px 10px !important; *html padding:4px 10px 3px 10px !important; color:#FFF; font-size:12px; background-position:right top; cursor:pointer; line-height:1.8;}
span.button.large button { height:30px; padding:0 3px 0 3px !important; font-size:14px; line-height:30px; background-position:right -30px;}
span.button.small button { height:18px; padding:0 3px 0 3px !important; font-size:11px; line-height:18px; background-position:right -107px;}
/* Strong */
span.button.strong * { font-weight:bold !important;}
/* Color */
span.button *:hover,
span.button *:active,
span.button *:focus{ color:#f2f2f2;}
span.button *:visited{ color:#fff;}
span.button.green,
span.button.green a,
span.button.green button { background-image:url(../images/button/btn_green.gif); color:#fff; font-weight:bold;}
span.button.green *:hover,
span.button.green *:active,
span.button.green *:focus{ color:#99ff97;}
span.button.green *:visited{ color:#fff;}
span.button.black,
span.button.black a,
span.button.black button,
span.button.black input { background-image:url(../images/button/btn_lightblack.gif); color:#fff !important;}
span.button.black *:hover, span.button.black input *:hover,
span.button.black *:active, span.button.black input *:active,
span.button.black *:focus, span.button.black input *:focus, { color:#ff0 !important;}
span.button.black *:visited, span.button.black input *:visited { color:#fff;}
/* 2009.08.03 seonMi add */
span.button.blue,
span.button.blue a,
span.button.blue button{ background-image:url(../images/button/btn_blue.gif); color:#fff; font-weight:bold;}
span.button.blue *:hover,
span.button.blue *:active,
span.button.blue *:focus{ color:#f2f2f2;}
span.button.blue *:visited {color:#fff; font-weight:bold;}
/* //2009.08.03 seonMi add */
span.button.red,
span.button.red a,
span.button.red button { background-image:url(../images/button/btn_red.gif); color:#fff;}
span.button.red *:hover,
span.button.red *:active,
span.button.red *:focus{ color:#ff0;}
span.button.aqua,
span.button.aqua a,
span.button.aqua button{ background-image:url(../images/button/btn_aquablue.gif); color:#fff;}
span.button.aqua *:hover,
span.button.aqua *:active,
span.button.aqua *:focus{ color:#8dfffb;}
input.green {padding:0; padding:5px 0 3px 0; border:#4fa144 1px solid; background:#65c25a url(../images/button/bg_btnInputGreen.gif) repeat-x left top; font-weight:700; color:#fff; cursor:pointer; *overflow:visible;}
input.black {padding:0; padding:5px 0 3px 0; border:#6a6a6a 1px solid; background:#868686 url(../images/button/bg_btnInputBlack.gif) repeat-x left top; font-weight:700;color:#fff; cursor:pointer; *overflow:visible;}
input.blue {padding:0; padding:5px 0 3px 0; border:#3384a5 1px solid; background:#49a3c7 url(../images/button/bg_btnInputBlue.gif) repeat-x left top; font-weight:700;color:#fff; cursor:pointer; *overflow:visible;}
input.small {font-size:11px;}
span.button img{padding-right:3px; vertical-align:middle;}
/* //Button */
/* 페이징 */
.paging {
position:relative;
overflow:hidden;
margin-top:30px;
margin-bottom:12px;
border-top:#dcdcdc 1px solid;
border-bottom:#7cb2c5 1px solid;
padding:12px;
background:#f8f8f8;
font-size:100%;
color: #999;
text-align:center;
}
.paging a, .paging a:link {
padding: 0 7px;
}
.paging .current {
font-weight: bold;
color: #17639a;
padding-right: 4px;
padding-left: 4px;
}
.paging a img {padding:0 1px; vertical-align:middle;}
.paging .total {position:absolute; right:9px; top:9px; text-align:right;}
/* //페이징 */
/* 서브 게시판 검색박스 */
.schBox {
margin:8px 0 0 0;
margin-bottom:12px;
background: #ededed;
border: 1px solid #bababa;
padding: 0px;
text-align:center;
}
.schBox_guide {margin:0}
.schBox table {margin:0 auto; margin-top:10px; margin-bottom:7px;}
th.sch_item, td.sch_item, span.sch_item {
font: bold 100% 돋움, Tahoma;
color: #222;
background: url(../images/smba/common/bu_squar.gif) no-repeat left 10px;
padding: 0 10px;
height: 20px;
text-align: left;
}
.sch_data {height: 20px; padding-right:25px; text-align: left;}
.sch_data img, .frame .grid td img{vertical-align:middle;}
input.sch, input.data, input.date, input.dateYM, input.time {
padding: 2px 2px 0 2px;
height: 16px;
line-height: 16px;
border-top: 1px solid #999999;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
border-left: 1px solid #999999;
vertical-align: middle;
background:#fff;
}
.sch_data input.date, .sch_data input.dateYM, .sch_data input.time, .grid input.date {
width: 68px;
text-align: center;
}
.sch_btn {
background: url(../images/bg_schBtn.gif) repeat-y left top;
padding-left: 8px;
vertical-align: middle;
position : relative;
top:-5px;
}
/* //서브 게시판 검색박스 */
/* 회사설립신청 서식관련 frame */
.frame {clear:both; margin-bottom:12px; padding:10px 10px 10px 10px; border:solid 1px #cfcfcf; background-color:#f9f9f9;}
.frame p, .frame li p {margin:0 0 12px 0; color:#464646;}
.frame div {margin:0 0 12px 0; color:#464646;}
.frame p span {color:#464646;}
.frame .img {padding:0 2px; vertical-align:middle;}
.img {vertical-align:middle; border:none;}
.frame ol li { list-style:decimal;}
.frame ol ul li {list-style:none;}
.frame td {vertical-align:top;}
.frame .grid thead th, .frame .grid thead td, .frame .grid tbody td, .frame .grid tbody th {
border: 1px solid #e1e1e1;
line-height: 21px;
}
.frame ul, .frame ol {padding-top:6px; padding-bottom:12px;}
.frame li {margin-bottom:10px; padding-left:8px; color:#5e5e5e;}
.frame li li{margin-bottom:10px; padding-left:8px; background: url(../images/common/bu_li.gif) no-repeat left 6px; font-weight:bold; color:#5e5e5e;}
.frame li td, .frame .grid td li {font-weight:400;}
.frame .grid td ul {margin-bottom:0; padding-bottom:0;}
.frame .grid td li {margin-bottom:4px; background: url(../images/common/bu_li.gif) no-repeat left 6px;}
.frame .grid td li li {margin-bottom:2px; background: url(../images/common/bu_lili.gif) no-repeat left 6px;}
.frame .grid td li li li{margin-bottom:2px; background: url(../images/common/bu_lilili.gif) no-repeat left 6px;}
.frame .grid td ul li.bgNone, .frame li li.bgNone {background:none;}
.frame li th {color:#555;}
.frame li p {margin:6px 0; font-weight:400;}
.frame hr, td hr, .errorMsg hr {margin:5px 0; border:1px dashed #b5b5b5; }
.grid td.flow {padding-left:10px; font-size:0; line-height:0;}
.grid .flow td {padding-top:4px; padding-bottom:4px; font-size:0; line-height:0; border:0;}
.flow img {vertical-align:middle; padding:0 1px;}
.formList tbody th {padding-left:16px; background:#f0f5f6 url(../images/common/bu_bulecircle01.gif) no-repeat 8px 10px; vertical-align:top; }
.tableBoxStrong .formList tbody th {color:#000; background-color:#f0f5f6;}
/* //서식관련 frame */
/* 탭메뉴 */
.tabBox {clear:both; display:block; float:left; width: 100%; height:25px; margin:8px 0;}
.tab {clear:both; float:left; width:100%; margin:0; list-style: none; background: #FEFEFE url(../images/bg_tabBot.gif) repeat-x left bottom;}
.tab li {float:left; margin:0; padding:0; font:400 90% 돋움, 굴림; background:none; letter-spacing:-0.05em;}
.tab a, .tab a:link, .tab a:visited {
float: left;
display: block;
margin: 0 1px 0 0;
padding: 4px 8px;
color: #333;
text-decoration: none;
background: #FEFEFE url(../images/bg_tabOff.gif) repeat-x left top;
border: 1px solid #dcdcdc;
border-bottom: 1px solid #FEFEFE;
letter-spacing:-0.05em;
}
.tab a:hover {
color: #333;
margin: 0 1px 0 0;
padding: 5px 8px;
border: 2px solid #2681ac;
border-bottom: none;
background: #FEFEFE url(../images/bg_tabOn.gif) repeat-x left top;
letter-spacing:-0.05em;
}
.tab li.selected {
color: #333;
margin: 0 1px 0 0;
padding: 5px 8px;
border: 2px solid #2681ac;
border-bottom: none;
background: #FEFEFE url(../images/bg_tabOn.gif) repeat-x left top;
letter-spacing:-0.05em;
font-weight:bold;}
/* //탭메뉴 */
/* 시스템 에러시 */
.error {
}
.errorMsg {
clear:both;
padding-left: 40px;
background: url(../images/common/icon_inform.gif) no-repeat;
margin: 30px 20px;
width: 600px;
text-align: left;
}
.error .chapter_title {
margin-left: 0px;
}
.MsgBox {
background: url(../images/bg_MsgBox.gif) repeat-x;
height: 122px;
}
.MsgDetail {
padding: 16px;
height: 89px;
overflow: auto;
line-height: 18px;
}
.error p {
line-height: 30px;
}
/* //시스템 에러시 */
/* 사이즈관련 */
.w50pc {width:50%;}
.w40pc {width:40%;}
.h50px {height:50px;}
.h100px {height:100px;}
.br10 {line-height:10px;}
.br20 {line-height:20px;}
.br30 {line-height:30px;}
.br40 {line-height:40px;}
.br50 {line-height:50px;}
.br100{line-height:100px;}
/* //사이즈관련 */
/*자식의 엘리먼트의 높이를 부모에게 반영하는 방법*/
.msg:after {content:"."; display:block; clear:both; visibility:hidden; height:0;}
.msg {display:inline-block;}
/* Hides from IE-mac \*/
.msg {height:1%;}
.msg {display:block;}
/* End hide from IE-mac */
/*자식의 엘리먼트의 높이를 부모에게 반영하는 방법*/
.box:after {content:"."; display:block; clear:both; visibility:hidden; height:0;}
.box {display:inline-block;}
/* Hides from IE-mac \*/
.box {height:1%;}
.box {display:block;}
/* End hide from IE-mac */
/* 재택창업소개 subContent */
.subContent div, .subContent p, .subContent ul, .subContent ol {margin-bottom:12px;}
.subContent p img {margin:6px;}
/* // 재택창업소개 subContent */
/* alan */
#content .p{padding-left:15px;}
#content .li{padding-left:15px;}
#login_B {width:575px; margin:60px;}
.stock_line {border-bottom:1px solid #E4E4E4;}
.docframe {clear:both; padding:20px 20px 20px 20px; border:solid 3px #E6F1F6; line-height:180%;}
.imgs{ vertical-align:top; padding: 3px 3px 7px 3px;}
.imgs2{ vertical-align:absolute middle; padding: 8px 5px 3px 0px;}
.padding_login{padding: 0 0 0 0;}
.input_login {FONT-SIZE:12px; color:#959595; border:1px solid #e0e0e0; text-align:left; width:200px; height:18px; padding: 0px 0 0px 3px;}
.input_idpw {FONT-SIZE:12px; color:#959595; border:1px solid #e0e0e0; text-align:left; width:150px; height:18px; padding: 0px 0 0px 3px;}
.padding_login_02 {padding: 0 11px 0 0;}
.sitemap_st {padding: 2px 0 0 10px; background-repeat:repeat-x; background-image:url(../images/common/sitemap_bg.gif); font-family:Gulim,dotum,Tahoma,; color: #ffffff; font-size:12px; font-weight:bold;}
.sitemap_st02 {padding: 0 0 0 10px; font-family:Gulim,dotum,Tahoma,; color: #666666; font-size:12px; font-weight:bold;}
.sitemap_st03 {padding: 0 0 0 20px; font-family:Gulim,dotum,Tahoma,; color: #666666; font-size:11px;}
.board_listBar {width:100%; border-top:2px solid #c7c7c7; border-bottom:1px solid #c7c7c7;}
.board_padding {clear:both; padding-left:30px; border-bottom:1px solid #e5e5e5;}
.index_bg { background-position:top; background-repeat:repeat-x; background-image:url(../images/index_bg.jpg)}
.process_pad { padding-left:565px; }
.frame_info {clear:both; margin-bottom:12px; padding:10px 10px 10px 10px; border:solid 1px #cfcfcf; background-color:#f9f9f9; line-height: 18px;}
.frame_info .f_pad {padding:0px 10px 0px 10px;}
.textarea_cominfo {font-family:Gulim,dotum,Tahoma,; color: #666666; font-size:12px; text-align: right; display:inline; }
.font_s01{font-family:Gulim,dotum,Tahoma,; color: #7DAECB; font-size:12px; text-align: left;}
.font_s02{font-family:Gulim,dotum,Tahoma,; color: #7DAECB; font-size:12px; font-weight:bold;}
.sitemap_top A:link { FONT-SIZE:12px; FONT-FAMILY:Gulim,Dotum,Arial; COLOR:#ffffff; text-decoration:none; font-weight:bold;}
.sitemap_top A:visited { FONT-SIZE:12px; FONT-FAMILY:Gulim,Dotum,Arial; COLOR:#ffffff; text-decoration:none; font-weight:bold;}
.sitemap_top A:active { FONT-SIZE:12px; FONT-FAMILY:Gulim,Dotum,Arial; COLOR:#ffffff; text-decoration:underline; font-weight:bold;}
.sitemap_top A:hover { FONT-SIZE:12px; FONT-FAMILY:Gulim,Dotum,Arial; COLOR:#ffffff; text-decoration:underline; font-weight:bold;}
.sitemap_top02 A:link { FONT-SIZE:12px; FONT-FAMILY:Gulim,Dotum,Arial; COLOR:#666666; text-decoration:none; font-weight:bold;}
.sitemap_top02 A:visited { FONT-SIZE:12px; FONT-FAMILY:Gulim,Dotum,Arial; COLOR:#666666; text-decoration:none; font-weight:bold;}
.sitemap_top02 A:active { FONT-SIZE:12px; FONT-FAMILY:Gulim,Dotum,Arial; COLOR:#666666; text-decoration:underline; font-weight:bold;}
.sitemap_top02 A:hover { FONT-SIZE:12px; FONT-FAMILY:Gulim,Dotum,Arial; COLOR:#666666; text-decoration:underline; font-weight:bold;}
.sitemap_top03 A:link { FONT-SIZE:11px; FONT-FAMILY:Gulim,Dotum,Arial; COLOR:#666666; text-decoration:none;}
.sitemap_top03 A:visited { FONT-SIZE:11px; FONT-FAMILY:Gulim,Dotum,Arial; COLOR:#666666; text-decoration:none;}
.sitemap_top03 A:active { FONT-SIZE:11px; FONT-FAMILY:Gulim,Dotum,Arial; COLOR:#666666; text-decoration:underline;}
.sitemap_top03 A:hover { FONT-SIZE:11px; FONT-FAMILY:Gulim,Dotum,Arial; COLOR:#666666; text-decoration:underline;}
.attention A:link { FONT-SIZE:12px; FONT-FAMILY:Gulim,Dotum,Arial; COLOR:#0000cc; text-decoration:underline; line-height:22px;}
.attention A:visited { FONT-SIZE:12px; FONT-FAMILY:Gulim,Dotum,Arial; COLOR:#0000cc; text-decoration:underline; line-height:22px;}
.attention A:active { FONT-SIZE:12px; FONT-FAMILY:Gulim,Dotum,Arial; COLOR:#0000cc; text-decoration:underline; line-height:22px;}
.attention A:hover { FONT-SIZE:12px; FONT-FAMILY:Gulim,Dotum,Arial; COLOR:#0000cc; text-decoration:underline; line-height:22px;}
/* 회사설립신청>용어사전 */
#ga {position:absolute; left:0px; top:0px; visibility:hidden;}
#ga_open {position:relative; left:0px; top:-30px; visibility:visible; clear:both; }
/* 콜센터 통계화면 */
input.calendar {
padding: 2px 2px 0 2px;
width: 68px;
height: 16px;
line-height: 16px;
border-top: 1px solid #999999;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
border-left: 1px solid #999999;
vertical-align: middle;
background:#fff;
}
input.phone {
padding: 2px 2px 0 2px;
width: 100px;
height: 16px;
line-height: 16px;
border-top: 1px solid #999999;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
border-left: 1px solid #999999;
vertical-align: middle;
background:#fff;
}
input.num {
padding: 2px 2px 0 2px;
width: 20px;
height: 16px;
line-height: 16px;
border-top: 1px solid #999999;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
border-left: 1px solid #999999;
vertical-align: middle;
background:#fff;
}
input.code {
padding: 2px 2px 0 2px;
width: 150px;
height: 16px;
line-height: 16px;
border-top: 1px solid #999999;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
border-left: 1px solid #999999;
vertical-align: middle;
background:#fff;
}
select.calendar {
width: 84px;
}
.header02_nav {
clear:both;
height:49px;
background:url(../images/bg_gnb02.gif) repeat-x left top;
}
/* 창업절차간소화 수혜자 대상 확대 > 개인사업자 대상 창업정보 콘텐츠 관리 (관리자) */
a.orange:link, a.orange:visited, a.orange:active, a.orange:hover{color:#F60}
a.btn_green:link, a.btn_green:visited, a.btn_green:active, a.btn_green:hover{ color:#390}
#content h3.h3_basic {margin:20px 0 -17px 3px}
#content h3.h3_basic2 {margin:40px 0 0px 3px}
.font_11{font-size:11px}
.ol_font11 li{ list-style-type:decimal; margin-left:25px;font-size:11px}
.orange {color:#F60}
#content .setUp_img{ background:url(../images/setup/top_info.gif) no-repeat; width:601px; height:175px}
#content .setUp_img h2,#content .setUp_img p{ text-indent:-99999em; font-size:0; line-height:0}
ul.ul_setUp{margin:5px 10px}
ul.ul_setUp li{ background:url(../images/setup/ul_type01.gif) 0 6px no-repeat; padding-left:10px}
ul.ul_setUp li ul{margin:0px 0 5px 5px}
ul.ul_setUp li ul li{ background:url(../images/setup/ul_type01_1.gif) 0 7px no-repeat; padding-left:6px}
.vT{ vertical-align:top}
.set_step01{ background:url(../images/setup/set_step01.gif) center top no-repeat; height:150px;width:770px; margin-top:10px }
.set_step02{ background:url(../images/setup/set_step02.gif) center top no-repeat; height:150px;width:770px; margin-top:10px }
.set_step03{ background:url(../images/setup/set_step03.gif) center top no-repeat; height:150px;width:770px; margin-top:10px }
#content .set_step01 h3,#content .set_step02 h3,#content .set_step03 h3{ font-size:0; line-height:0; text-indent:-99999em; background-image:none}
#content .step_box{padding-left:48px;padding-top:30px;padding-bottom:30px; border-bottom:1px solid #ddd }
#content .step_box h4.h4_step{ background:url(../images/setup/ul_type01.gif) 0 2px no-repeat; padding-left:10px; margin-bottom:3px}
#content .step_box p.bg{ background:url(../images/setup/li_bg.gif) 0 2px no-repeat; display:inline-block; padding:5px 3px 3px 15px; height:22px; vertical-align:middle; width:653px; line-height:22px}
#content .step_box p.bg input{border:none}
*html #content .step_box p.bg{padding:3px 3px 3px 15px;}
#content .step_box .inner_box{padding:10px 15px}
#content .step_box .inner_box_in ul li{ list-style:disc !important; margin-left:33px}
#content .step_box .inner_box_in ol li{ list-style:decimal !important; margin-left:30px}
.margin_t30{margin-top:30px}
.stet_hidden_box{overflow:hidden; background:url(../images/setup/set_box_bg.gif) repeat-y; width:669px;margin-bottom:5px}
*html .stet_hidden_box{margin-top:2px}
.stet_hidden_box .top_bg{background:url(../images/setup/set_box_top.gif) no-repeat; height:7px}
.stet_hidden_box .bot_bg{background:url(../images/setup/set_box_bot.gif) no-repeat; height:22px; text-align:right; padding-top:10px;padding-right:10px;}
.stet_hidden_box .bot_bg a{color:#fff; font-size:11px; font-weight:bold}
.tit_box{ padding:8px 15px; border:1px solid #b5c9d9; margin-bottom:10px; background-color:#eef4f9 }
.tit_box ul li{color:#134771; font-weight:bold; padding-left:8px; background:url(../images/setup/ul_type01_2.gif) 0 5px no-repeat}
span.blue_line, span.blue_line a {position:relative; margin:0; display:inline-block; text-decoration:none !important; border:0; font-family:Dotum; background:url(../images/setup/btn_s_Bg.gif) no-repeat; vertical-align:middle; overflow:visible; color:#fff;color:#436e8f; font-weight:bold; font-size:11px; padding-left:10px; text-align:center;}
*html span.blue_line{margin-top:-18px}
*:first-child+html span.blue_line{margin-top:-22px}
span.blue_line a{height:12px !important; padding:6px 15px 3px 7px !important; color:#436e8f; font-size:11px; background-position:right top; line-height:11px;width:113px;}
span.blue_line a:link,span.blue_line a:visited,span.blue_line a:active{color:#436e8f;font-weight:bold;}
span.blue_line a:hover{color:#F60;font-weight:bold;}
*html span.blue_line a{padding:4px 15px 3px 7px !important;height:14px !important;}
.float_R{float:right}
.dis_none{display:none}
.pointer{ cursor:pointer}
#content .step_box .inner_box .hr_line{height:11px; border-top:1px solid #ddd;margin-top:10px; }
/* 경영 컨설팅 */
span.btn_tab_on{position:relative; margin:0; text-decoration:none !important; border:0; font-size:12px; font-family:Dotum; vertical-align:middle; overflow:visible; color:#0f7492;height:31px;padding:0; display:inline-block !important; background:url(../images/setup/tab_on.gif) left 0 no-repeat; }
span.btn_tab_on a { height:31px !important; padding:0px 10px 0px 0px !important; color:#0f7492; font-size:12px;margin-left:10px;margin-top:0; line-height:0;display:inline-block; line-height:31px;background:url(../images/setup/tab_on.gif) right top no-repeat; width:160px; text-align:center;font-weight:bold}
span.btn_tab_off{position:relative; margin:0; text-decoration:none !important; border:0; font-size:12px; font-family:Dotum; vertical-align:middle; overflow:visible; color:#919191;height:31px;padding:0; display:inline-block !important; background:url(../images/setup/tab_off.gif) left 0 no-repeat}
span.btn_tab_off a { height:31px !important; padding:0px 10px 0px 0px !important; color:#919191; font-size:12px;margin-left:10px;margin-top:0; line-height:0;display:inline-block; line-height:31px;background:url(../images/setup/tab_off.gif) right top no-repeat;width:160px; text-align:center;font-weight:bold}
div.tab_menu{ background:url(../images/setup/tab_bg.gif) repeat-x; height:31px; margin-bottom:10px}
div.schBox_type2{background:url(../images/setup/search_bg.gif) no-repeat; padding-top:6px; text-align:center; overflow:hidden; height:31px}
div.schBox_type2 label{ font-weight:bold; color:#538bab; padding-right:10px}
div.schBox_type2 dl{ overflow:hidden; margin:0 auto; width:520px}
div.schBox_type2 dl dt, div.schBox_type2 dl dd{float:left}
div.schBox_type2 dl dd.pad_r{padding-right:20px}
div.schBox_type2 dl dd select{width:100px}
div.schBox_type2 dl dd input{width:200px}
div.schBox_type2 dl dd.search_btn{margin-left:10px; border-left:1px solid #ddd; padding-left:10px}
div.schBox_type2 dl dd.search_btn input{width:55px}
div.photo{width:90px; height:80px; border:1px solid #6DB7D6; margin-bottom:3px; background:url(../images/setup/photo.gif) center 0px no-repeat}
ul.major_select li{ float:left; width:210px}
.mrg_t10{margin-top:10px}
div.schBox_type3{border:2px solid #538bab; padding:10px; margin-bottom:10px; background-color:#F7FAFC}
div.schBox_type3 label{ font-weight:bold; color:#538bab; padding-right:10px}
div.schBox_type3 dl{ overflow:hidden;}
div.schBox_type3 dl dt, div.schBox_type2 dl dd{float:left}
div.schBox_type3 dl dd.pad_r{padding-right:20px}
div.schBox_type3 dl dd select{width:100px}
.orange{ color:#F60}
.mrg_b10{margin-bottom:10px}
.ver_mid{vertical-align:middle}
.mrg_b40{margin-bottom:40px}
.bor_blue{border-top:2px solid #5FACC3}
/* 추가 2011.08.09 */
.orange{ color:#F60}
.mrg_b10{margin-bottom:10px}
div.schBox_type4{border:2px solid #7ec5da; padding:4px 10px; text-align:center; overflow:hidden;}
div.schBox_type4 label{ font-weight:bold; color:#538bab; padding-right:5px}
div.schBox_type4 dl{ overflow:hidden; margin:0 auto; display:inline-block; vertical-align:middle}
div.schBox_type4 dl dt, div.schBox_type4 dl dd{float:left}
div.schBox_type4 dl dd.pad_r{padding-right:10px}
div.schBox_type4 dl dd select{width:150px; height:19px}
div.schBox_type4 dl dd.search_btn{margin-left:5px; border-left:1px solid #ddd; padding-left:5px}
div.schBox_type4 dl dd.search_btn input{width:55px}
/* 추가 2011.08.10 */
ul.ul_inline li{display:inline-block; margin-right:30px; }
table.grid td ul.ul_inline{margin-bottom:0}
div.step_consult{ background:url(../images/setup/busi_consult.gif) 12px 0 no-repeat; height:339px;}
ul.ul_consult{margin-left:12px;}
div.consult_menu{padding:12px 20px; border:3px solid #E7F3F8}
div.consult_menu ol li{ list-style:decimal; margin-left:12px; color:#164e5c}
div.consult_menu ol li ul li{list-style:none;margin-left:0; color:#666}
em.em_orange{ color:#b55f23; font-style:normal; text-decoration:underline}
/* 추가 2011.08.10 */
div.step_Pool{ background:url(../images/setup/regi_pool.gif) 12px 0 no-repeat; height:201px;}
ul.ul_consult li em{ color:#b55f23; font-style:normal; text-decoration:underline}
div.social_id{margin-top:20px; padding:12px 20px; border:3px solid #E7F3F8}
div.social_id dl{margin:0 auto; width:430px; overflow:hidden}
div.social_id dl dt{ background-color:#DFECF0; color:#3E8DB9; width:100px; text-align:center}
div.social_id dl dt,div.social_id dl dd{float:left;padding:5px;}
div.social_id dl dd{ background-color:#f8f8f8; }
div.social_id dl dd input{padding:2px}
/* 추가 2011.08.10 */
div.line_box3{background:url(../images/setup/linebox_bg.gif) repeat-y; width:751px;margin:0 auto}
div.line_box3 .inner_box{padding:0px 30px; margin:0}
.p_blue{ color:#3073A5}
div.line_box3 .inner_box .inner_p{margin-top:15px; float:left; width:520px; padding-left:20px}
div.line_box3 .inner_box div{margin-bottom:0}
div.line_box3 .inner_box .inner_p h2.mrg_t0{margin-top:0 !important}
.mrg_l15{margin-left:15px}
.text_box{ border:1px solid #ccc; height:18px}
/* 추가 2017.02.14 : 통계 그래프 jqplot 추가 */
.graph1 {border:1px solid #ccc;padding:10px;margin-bottom:20px;overflow:hidden;height:180px;}