@charset "utf-8";

/* 통계및정보공개 - 소개 *//*20201222 이지숙*/
#content .SI_introHistory {border:8px solid #b7e1f0; width: 30%; margin: 10px auto; padding: 15px; border-radius: 70px; text-align:center; background-color:#fff;}

/* other Table */
.borderRow { margin-top:10px; border-top:1px solid #dadada; }
.borderRow th,
.borderRow td { border-bottom:1px solid #dadada; }
.borderRow th { color:#6670ad; font-weight:bold; }
.borderRow td span { display:inline-block; padding-left:10px; background:url(/ei/images/common/bluebullet.gif) 0 7px no-repeat; }

/* 검색 */
.searchArea { position:relative; }
.searchArea .roundLT { position:absolute; left:0; top:0; width:7px; height:6px; background:url(/ei/images/eih/si/bg_round1.png) left top no-repeat; }
.searchArea .roundRT { position:absolute; right:0; top:0; width:7px; height:6px; background:url(/ei/images/eih/si/bg_round2.png) right top no-repeat; text-align:right; }
.searchArea .roundLB { position:absolute; left:0; bottom:0; width:7px; height:7px; background:url(/ei/images/eih/si/bg_round3.png) left bottom no-repeat; vertical-align:bottom; }
.searchArea .roundRB { position:absolute; right:0; bottom:0; width:7px; height:7px; background:url(/ei/images/eih/si/bg_round4.png) right bottom no-repeat; text-align:right; vertical-align:bottom; }
.searchArea .search { padding:10px 15px; background-color:#f0f0f0; border:1px solid #d2d2d2; text-align:center; }
.searchArea .search ul.left { float:left; width:580px; text-align:left; }
.searchArea .search ul li { display:inline; padding-right:9px; }
.searchArea .search p.right { float:right; text-align:center; }

/* Btn */
#content button { border:0 none; background:transparent; cursor:pointer; overflow:visible; }
#content button::-moz-focus-inner {border:0; padding:0;}
#content button.imgBtn { margin:0; padding:0; }
#content button.btn {position:relative;display:inline-block;line-height:17px; padding:3px 10px; margin-left:10px;margin-right:5px;color:#fff;background:url(/ei/images/common/btnBg2_s.png) repeat-x 0; }
#content button.btn>span { display:inline-block; width:5px; height:23px; line-height:16px; }
#content button.btn>span.bgl{position:absolute;left:-5px;top:0;background:url(/ei/images/common/btnBg1_s.png) no-repeat 0 0;}
#content button.btn>span.bgr{position:absolute;right:-5px;top:0;background:url(/ei/images/common/btnBg3_s.png) no-repeat 0 0;}
#content button.graybtn{background:url(/ei/images/common/grayBtnBg2_s.png) repeat-x 0;}
#content button.graybtn>span.bgl{position:absolute;left:-5px;top:0;background:url(/ei/images/common/grayBtnBg1_s.png) no-repeat 0 0;}
#content button.graybtn>span.bgr{position:absolute;right:-5px;top:0;background:url(/ei/images/common/grayBtnBg3_s.png) no-repeat 0 0;}
#content ul.btnList button.btn { padding:3px 0; font-size:11px;}
#content button.btnB {position:relative;display:inline-block;line-height:34px;padding-left:15px;padding-right:15px;margin-left:10px;margin-right:5px;font-family:"NaGoBo";font-size:15px;color:#fff;background:url(/ei/images/common/btnBg2_b.png) repeat-x 0;}
#content button.btnB>span { display:inline-block; width:5px; height:34px; line-height:16px; }
#content button.btnB>span.bgl{position:absolute;left:-5px;top:1px;background:url(/ei/images/common/btnBg1_b.png) no-repeat 0 0;}
#content button.btnB>span.bgr{position:absolute;right:-5px;top:1px;background:url(/ei/images/common/btnBg3_b.png) no-repeat 0 0;}
#content button.btnB.graybtn{position:relative;display:inline-block;line-height:34px;padding-left:15px;padding-right:15px;margin-left:10px;font-family:"NaGoBo";font-size:15px;color:#fff;background:url(/ei/images/common/btnBgG2_b.png) repeat-x 0;text-decoration:none;}
#content button.btnB.graybtn>span.bgl{position:absolute;left:-5px;top:1px;background:url(/ei/images/common/btnBgG1_b.png) no-repeat 0 0;}
#content button.btnB.graybtn>span.bgr{position:absolute;right:-5px;top:1px;background:url(/ei/images/common/btnBgG3_b.png) no-repeat 0 0;}

/* 정형통계 글보기 */
#content table.view td { padding:10px 20px; }
#content table.default th,
#content table.default td { padding-top:10px; padding-bottom:10px; }
table.default a,
table.view a { color:#666; }
table.view div.viewTxt { height:200px; }

/* 비정형 리스트 */
.stateList { border-bottom:1px solid #6670ad; }
.stateList li { border-top:1px solid #d2d2d2; }
.stateList li a { display:block; line-height:39px; padding-left:10px; }
.stateList li:first-child { border-top:1px solid #6670ad; }

/* 비정형 탭부분 */
.stateArea { padding-top:20px; }
.stateArea .stateChoice { float:left; display:inline; width:172px; margin-right:4px; }
.stateArea .stateChoice .list { height:320px; }
.stateArea .stateCenter { position:relative; float:left; width:238px; height:353px; }
.stateArea .stateCenter>div { padding:0 25px; }
.stateArea .stateCenter .stateCol { position:relative; }
.stateArea .stateCenter .stateRow { position:relative; margin-top:37px; }
.stateArea .stateCenter .list { height:125px; }
.stateArea .stateOutput { position:relative; float:right; width:243px; padding-right:25px; }
.stateArea .stateOutput .list { height:320px; margin-top:-5px; background:url(/ei/images/eih/si/line_state.png) 68px 0 repeat-y; }
.stateArea .stateOutput .list table { width:100%; }
.stateArea .list { border:1px solid #6670ad; }
.stateArea h4 { width:100%; line-height:31px; background-color:#6670ad; text-align:center; font-weight:bold; color:#fff; }
.stateArea h5 { padding:4px 9px; font-weight:bold; color:#424242; }
.stateArea div.list>ul>li { border-bottom:1px solid #d2d2d2; }
.stateArea div.list>ul>li:first-child { border:none; }
.stateArea div.list ul li a { display:block; padding:4px 20px; color:#666; }
.stateArea div.list ul li a:hover,
.stateArea div.list ul li a:focus,
.stateArea div.list ul li a.on { background:#d3d7f1; text-decoration:none; }
.stateArea .stateOutput ul.thView { display:inline-block; width:100%; }
#content .stateArea .stateOutput ul.thView li { float:left; line-height:31px; background-color:#6670ad; text-align:center; font-weight:bold; color:#fff; }
#content .stateArea .stateOutput ul.thView li label { color:#fff; }
#content .stateArea .stateOutput ul.thView li input { margin-right:5px; vertical-align:middle; }
.stateArea .stateOutput ul.thView li.col01 { width:31%; }
.stateArea .stateOutput ul.thView li.col02 { width:69%; }
.stateArea .stateOutput .list table thead th { display:none; }
#content .stateArea .stateOutput .list table thead th label { margin-left:5px; color:#fff; }
.stateArea .stateOutput .list table tbody td:first-child { text-align:center; }
.stateArea .stateOutput .list table tbody td { padding:4px 10px; }
#content .stateArea .stateOutput .list table input { vertical-align:middle; }
.stateArea .list { overflow-x:hidden; overflow-y:auto; }
.stateArea .btn { position:absolute; top:50%; margin-top:-20px; }
.stateArea .btn.left { left:0; }
.stateArea .btn.right { right:0; }
#content table tr.on td,
#content .list tr.on td { background:#d3d7f1; }

/* 추출 */
.extracArea { width:100%; padding-top:20px; }
.extracArea div.left { float:left; width:345px; }
.extracArea div.right { float:right; width:290px; }
.extracArea div.right th a img { margin-left:3px; vertical-align:middle; }
.extracArea>div { margin:0; }
.extracArea>div table thead th { display:none; }
.extracArea>div .list { max-height:200px; overflow-y:auto; overflow-x:hidden; }
.extracArea>div>ul.thView { width:100%; padding:8px 0; background:#f0f0f0; border-bottom:1px solid #D2D2D2; }
#content .extracArea>div>ul.thView li { display:inline-block; text-align:center; color:#424242; }
.extracArea>div.left>ul.thView li.col01 { width:100px; }
.extracArea>div.left>ul.thView li.col02 { width:auto; }
.extracArea>div.right>ul.thView li.col01 { width:100px; }
.extracArea>div.right>ul.thView li.col02 { width:auto; }
.extracArea>div.right>ul.thView li.col03 button { position:relative; top:2px; }
.extracArea>div.right>ul.thView li.col03 button img { padding-left:2px; }
.extracArea div.left>ul.thView li.col04 span { display:inline-block; margin-left:40px; text-align:right; padding:1px; border:1px solid #bbb; }
.extracArea div.left>ul.thView li.col04 span input { padding:1px 3px; }
.extracArea div.left>ul.thView li.col04 span input[type="text"] { width:80px; border:none; }
#content .extracArea ul.btnList { float:left; margin-top:100px; }
#content .extracArea ul.btnList li { padding-bottom:5px; }
.extracArea p.btnBottom { clear:both; padding-top:20px; text-align:center; }

/* 위탁처리신청 */
ul.stepCheck { text-align:right; padding-right:8px; }
ul.stepCheck li { display:inline; padding-right:8px; }
ul.stepCheck li img { padding:0 5px; }
ol.stepList { text-align:center; }
ol.stepList li { display:inline; }
ol.stepList li img { vertical-align:middle; }
ol.stepList li span img { padding:0 2px 0 7px; }
p.alignCenter { text-align:center; }
#content .stateWrite table.view th { padding-top:10px; vertical-align:top; }
#content .stateWrite table.view p,
#content .stateWrite table.view span,
#content .stateWrite table.view ul li { letter-spacing:-1px; }
.stateWrite table.view td a img { vertical-align:middle; }
.stateWrite table.view td.blLine a img { vertical-align:top; padding-top:1px; }
.stateWrite table.view td textarea { display:block; width:100%; height:100px; font-size:1em; border:1px solid #bbb; }

/* clearfix */
.extracArea:after,
.searchArea .search:after,
.stateArea:after {content:" ";display:block;height:0;clear:both;}
.extracArea,
.searchArea .search,
.stateArea {display: inline-block;}
* html .extracArea,
* html .searchArea .search,
* html .stateArea {height: 1%;}
.extracArea,
.searchArea .search,
.stateArea {display: block;}