@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Bungee+Shade);
@import url(https://fonts.googleapis.com/css?family=Nanum+Gothic);

#wrap, html, body { width:100%;	height:100%; margin:0; padding:0; }
body {background:url(../images/bg_left.gif) repeat-y;}

.leftCon { float:left; width:200px; height:100%; background:url(../images/bg_left.gif);}
.leftCon h1 { height:103px; text-align:center;}
.leftCon h1 img { padding-top:28px;}
.leftCon ul li a { display:block; height:34px; line-height:34px; font-weight:bold; padding-left:18px; background:url(../images/bg_menu.gif) no-repeat;}
.leftCon ul li a.menuOn, 
.leftCon ul li a:hover { color:#FFF; text-decoration:none; background:url(../images/bg_menu_on.gif) no-repeat;}
.leftCon .logInfo { margin:16px 13px 0 0; text-align:right;}
.leftCon .logInfo p { color:#91d4f6;}
.leftCon .logInfo p img { vertical-align:middle; padding-right:3px;}
.leftCon .logInfo a { display:inline-block; margin-top:5px;}
.leftCon .qlink { width:170px; margin:20px auto;}
.leftCon .qlink h2 { margin-bottom:12px;}
.leftCon .qlink ul li a { display:block; color:#fff; height:22px; line-height:22px; font-weight:bold; padding-left:25px; background:url(../images/bul_qlink.gif) 15px 6px no-repeat;}
.leftCon .qlink ul li a:hover {color:#45bdf6;}

.mainCon { width:100%; height:100%;}
.mainCon .smenu { min-width:995px; height:39px; background:url(../images/bg_smenu.gif);}
.mainCon .smenu a { display:inline-block; float:left; font-weight:bold; height:39px; line-height:39px; padding:0 18px; border-right:1px solid #bcbcbc;}
.mainCon .smenu a.smenuOn, 
.mainCon .smenu a:hover { color:#fff; text-decoration:none; border-right:1px solid #0075af; background:url(../images/bg_smenu_on.gif);}

.searchBox { min-width:995px; background:#45bdef url(../images/bg_search.gif) bottom repeat-x;}
.searchBox h2 { font-weight:bold; color:#0f3361; padding:13px 0 0 220px;}
.searchBox .searchList { padding:3px 0 11px 220px;}
.searchBox .searchList p { padding-top:2px;}
.searchBox .searchList label { color:#0f3361; display:inline-block;}
.searchBox .searchList select.basicColor { border:1px solid #83cbef; background:#2484b8; height:20px; color:#fff;}
.searchBox .searchList input.basicColor { border:1px solid #83cbef; background:#2484b8; height:18px; color:#fff;}
.searchBox .searchList label.basicColor { border:1px solid #83cbef; background:#2484b8; height:18px; color:#fff; vertical-align:middle; font-size:12px; font-size-adjust:none; font-stretch:normal; font-variant: normal;}

.pageInfo { min-width:755px; padding:14px 20px 0 220px;}
.pageInfo .infoLeft, .pageInfo2 .infoLeft, .pageInfo3 .infoLeft { float:left;}
.pageInfo .infoLeft b, .pageInfo2 .infoLeft b, .pageInfo3 .infoLeft b { font-weight:bold; color:#2687c3;}
.pageInfo h3.infoLeft, .pageInfo2 h3.infoLeft, .pageInfo3 h3.infoLeft { font-weight:bold; color:#2687c3;}
.pageInfo .infoRight, .pageInfo2 .infoRight, .pageInfo3 .infoRight { float:right;}
.pageInfo .infoRight img, .pageInfo2 .infoRight img, .pageInfo3 .infoRight img { vertical-align:middle;}
.pageInfo .infoRight b, .pageInfo2 .infoRight b, .pageInfo3 .infoRight b { font-weight:bold; color:#2687c3;}

.checkInfo { min-width:755px; padding:14px 20px 0 220px; margin:7px 0 -10px 0;}
.checkInfo .infoLeft { float:left;}

.pageInfo2 { width:1120px; padding:14px 14px 0 220px;}
.pageInfo3 { width:1020px; padding:14px 14px 0 220px;}

/*게시판1*/
.boardWrap {margin:20px 20px 0 220px;}
.boardType1 { width:100%; min-width:755px;}
.boardType1 tr th { height:41px; border-top:1px solid #52aada; border-right:1px solid #c1c1c1; background:url(../images/bg_name.gif);font-weight: bold;}
.boardType1 tr th a { line-height:41px; width:100%; display:block;}
.boardType1 tr th a:hover { text-decoration:none; color:#0CF;}
.boardType1 tr th a img { vertical-align:middle; padding-left:3px;}
.boardType1 tr th.firstName { border-left:1px solid #c1c1c1;}
.boardType1 tr td { border-bottom:1px solid #d3d3d3; height:35px; text-align:center; padding:0 2px;line-height: 17px}
.boardType1 tr td a { line-height:29px; width:100%; display:block;}
.boardType1 tr td a:hover { text-decoration:none; color:#006caf;}
.boardType1 tr td img { vertical-align:middle;}
.mouseOverBg { background:#b6e5ff; cursor:pointer;}
.mouseOutBg {}
.mouseClickBg { background:#b6e5ff;}


/*게시판2*/
.boardType2 { width:49%; float:left; margin-bottom:10px;}
.boardType2 tr th { height:41px; border-top:1px solid #52aada; border-right:1px solid #c1c1c1; background:url(../images/bg_name.gif);}
.boardType2 tr th a { line-height:41px; width:100%; display:block;}
.boardType2 tr th a:hover { text-decoration:none; color:#0CF;}
.boardType2 tr th a img { vertical-align:middle; padding-left:3px;}
.boardType2 tr th.firstName { border-left:1px solid #c1c1c1;}
.boardType2 tr td { border-bottom:1px solid #d3d3d3; height:29px; text-align:center; padding:0 2px;}
.boardType2 tr td a { line-height:29px; width:100%; display:block;}
.boardType2 tr td a:hover { text-decoration:none; color:#006caf;}
.boardType2 tr td img { vertical-align:middle;}

.btnLine { margin:10px 0 0 220px;}

.topSearchTitle { height:34px; padding:0 0 0 256px; margin-top:15px; line-height:34px; color:#2687c3; font-weight:bold; background:url(../images/ico_search2.gif) 225px 0 no-repeat;}
.topSearchBox { min-width:755px; height:40px; margin:0 20px 0 220px; border:1px solid #c1c1c1; background:url(../images/bg_name.gif); }
.topSearchBox ul {}
.topSearchBox ul li { display:inline-block; line-height:43px; padding-left:30px; background:url(../images/bul01.gif) 22px 16px no-repeat;}
.topSearchBox ul li img { vertical-align:middle;}
.topSearchBox ul li b.blue { color:#1e92d7;}


/*게시판3*/
.boardType3 { width:100%; min-width:755px;}
.boardType3 tr th { height:41px; border-top:1px solid #52aada; border-right:1px solid #c1c1c1; background:url(../images/bg_name.gif);}
.boardType3 tr th a { line-height:41px; width:100%; display:block;}
.boardType3 tr th a:hover { text-decoration:none; color:#0CF;}
.boardType3 tr th a img { vertical-align:middle; padding-left:3px;}
.boardType3 tr th.firstName { border-left:1px solid #c1c1c1;}
.boardType3 tr td { border-bottom:1px solid #d3d3d3; height:35px; text-align:center; padding:0 2px;line-height: 17px}
.boardType3 tr td a { line-height:29px; width:100%; display:block;}
.boardType3 tr td a:hover { text-decoration:none; color:#006caf;}
.boardType3 tr td img { vertical-align:middle;}

/*교정 접수 페이지*/
.boardWrap4 {margin:20px 20px 0 220px;}
.boardType4 { width:100%; min-width:755px;}
.boardType4 tr th { height:41px; border-top:1px solid #52aada; border-right:1px solid #c1c1c1; background:url(../images/bg_name.gif);}
.boardType4 tr th a { line-height:41px; width:100%; display:block;}
.boardType4 tr th a:hover { text-decoration:none; color:#0CF;}
.boardType4 tr th a img { vertical-align:middle; padding-left:3px;}
.boardType4 tr th.firstName { border-left:1px solid #c1c1c1;}
.boardType4 tr td { border-bottom:1px solid #d3d3d3; height:22px; text-align:center; padding:0 2px;line-height: 17px}
.boardType4 tr td a { line-height:29px; width:100%; display:block;}
.boardType4 tr td a:hover { text-decoration:none; color:#006caf;}
.boardType4 tr td img { vertical-align:middle;}

/*페이지넘버*/
#pageNum { text-align:center; margin:5px 0 0 220px;}
#pageNum a { line-height:18px; border:1px solid #FFF; padding-right:2px; margin-right:3px;}
#pageNum a.btnImg, #pageNum a:hover.btnImg { background:none; border:none; margin-right:1px;}
#pageNum a img { vertical-align:middle;}
#pageNum a:hover { text-decoration:none; background:#9ed5f5; border:1px solid #88bcdb; color:#fff; font-weight:bold;}
#pageNum a.pageOn { color:#fff; font-weight:bold; border:1px solid #88bcdb; display:inline-block; width:26px; height:19px; text-align:center; padding-top:3px; background:#9ed5f5;}
#pageNum a.pageNo { display:inline-block; width:21px; height:19px; text-align:center; padding-top:3px;}

/*팝업div*/
.popupDiv { position:absolute; width:320px; border:3px solid #21497b; background:#FFF; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.20);}
.popupDiv h3, .popupDiv2 h3 { height:36px; background:url(../images/bg_pop.gif);}
.popupDiv h3 p, .popupDiv2 h3 p { color:#9ee5ff; font-weight:bold; padding:10px 0 0 22px; background:url(../images/bul_pop.png) 10px 10px no-repeat;}
.popupDiv .inputTable { width:250px; margin:15px auto 0;}
.popupDiv .inputTable tr th, .popupDiv2 .inputTable tr th { text-align:left; height:28px; border-bottom:1px solid #d3d3d3;}
.popupDiv .inputTable tr td, .popupDiv2 .inputTable tr td { border-bottom:1px solid #d3d3d3;}
.popupDiv .inputTable tr td input, 
.popupDiv2 .inputTable tr td input { height:18px; border:1px solid #c2c2c2;}
.popupDiv .inputTable tr td input.imgBtnInput, 
.popupDiv2 .inputTable tr td input.imgBtnInput { border:none; height:auto;}
.popupDiv .inputTable tr td select, 
.popupDiv2 .inputTable tr td select { height:20px; border:1px solid #c2c2c2;}
.popupDiv .btnBArea, .popupDiv2 .btnBArea { width:250px; margin:7px auto 15px; text-align:center;}
.popupDiv .btnBArea img, .popupDiv2 .btnBArea img { vertical-align:middle;}
.popupDiv .btnCloseX, .popupDiv2 .btnCloseX { text-indent:-100000px;}
.popupDiv .btnCloseX a, .popupDiv2 .btnCloseX a { position:absolute; top:5px; right:5px; display:block; width:23px; height:22px; background:url(../images/btn_x.gif) no-repeat;}
.popupDiv .btnCloseX a:hover, .popupDiv2 .btnCloseX a:hover { background:url(../images/btn_xon.gif) no-repeat;}

/*팝업div2칸짜리*/
.popupDiv2 { position:absolute; width:640px; border:3px solid #21497b; background:#FFF; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.20);}
.popupDiv2 .inputTable { width:560px; margin:15px auto 0;}
.popupDiv2 .inputTable .fileOpt { width:470px;}
.popupDiv2 .inputTable .txtBig01 { width:440px;}
.popupDiv2 .inputTable .innerTable1 { width:100%; border-bottom:2px solid #09F; border-top:2px solid #09F; background:#f1f1f1;}
.popupDiv2 .inputTable .innerTable2 { width:100%; border-bottom:2px solid #09F; border-top:2px solid #09F; background:#fff;}
.popupDiv2 .inputTable .innerTable2 tr th { background:#f1f1f1; text-align:center;}
.popupDiv2 .inputTable .innerTable2 tr td { height:25px;}
.popupDiv2 .inputTable .innerTitle1 { height:30px; line-height:33px; font-weight:bold;}

/*측정기 관리 및 검색*/
.innerTable3 { width:100%; border-bottom:2px solid #09F; border-top:2px solid #09F; background:#fff;}
.innerTable3 tr th { height:30px; border-bottom:1px solid #d3d3d3; text-align:left; width:140px; padding-left:10px; background:#f1f1f1;}
.innerTable3 tr td { height:30px; border-bottom:1px solid #d3d3d3; text-align:left; padding-left:5px;}
.innerTable3 tr td input { height:18px; border:1px solid #c2c2c2;}
.innerTable3 tr td select { height:20px; border:1px solid #c2c2c2;}
.innerTable3 tr td textarea { border:1px solid #c2c2c2;}
.innerTable3 tr td input.imgBtnInput { border:none; height:auto;}
.innerTitle2 { height:25px; line-height:25px; font-weight:bold;}

.tableScrollDiv { overflow-y:scroll; height:155px; width:640px;}
.tableScrollDivLong { overflow-y:scroll; height:310px; width:640px;}
.tableScrollDivLong2 { overflow-y:scroll; height:310px; width:800px;}
.innerTable4 { background:#fff;}
.innerTable4 tr th { height:30px; border-bottom:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; background:#f1f1f1;}
.innerTable4 tr td { height:30px; border-bottom:1px solid #d3d3d3; text-align:center;}