@charset 'utf-8';

/* 공통 */
	

/*input reset*/
input { vertical-align: top; -webkit-appearance:none; -webkit-border-radius:0; }
input[type="checkbox"], input[type="radio"] { display:none; }
input[type="checkbox"] + label { cursor:pointer; }
input[type="checkbox"] + label span { display:inline-block; width:16px; height:16px; border:1px solid #c5c5c5; box-sizing:border-box; margin:-2px 5px 0 0; vertical-align:middle; cursor:pointer; position: relative;  }
/* input[type="checkbox"]:checked + label span:before { content: ""; display: block; width: 9px; height: 9px; border-radius:2px; background: #f67e1f; position: absolute; top: 2px; left: 2px; }	 */
input[type="checkbox"]:checked + label span { background:url(../img/bg_check.png) no-repeat center; background-size:10px; }	
input[type="radio"] + label { cursor:pointer; color: #4f4f4f; font-weight: 300; }
input[type="radio"] + label span { display:inline-block; width:18px; height:18px; margin:-2px 5px 0 0; vertical-align:middle; cursor:pointer; border:1px solid #dedede; border-radius:50%; box-sizing:border-box; position: relative; background: #fff; }
input[type="radio"]:checked + label span {  }	
input[type="radio"]:checked + label span:before { content: ""; display: block; width: 9px; height: 9px; box-sizing:border-box; border-radius:50%; background: #f29300; position: absolute; top:4px; left: 4px; }
select { font-size:14px; width: auto; border:1px solid #ccc; padding-left:3px; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none; position: relative; background:#fff url(../img/icon_select.gif) no-repeat right 10px center; background-size:auto 6px; vertical-align: top; }
select::-ms-expand{ display: none; } 

input[type='text'],input[type='number'],
input[type='password']{ font-size:14px; border:1px solid #ccc; /* height:25px; line-height:28px; */  box-sizing:border-box; text-indent:5px; } 
input[type='text'].center { text-align: center; text-indent:0; }

textarea { border:none; padding:5px; box-sizing:border-box;  }
/* 
input[type='text']:-ms-input-placeholder { color: #a8a8a8; font-size:13px; line-height:150%; font-weight: 300; letter-spacing: -.5px; }
input[type='text']::-webkit-input-placeholder { color: #a8a8a8; font-size:13px; line-height:150%; font-weight: 300; letter-spacing: -.5px; }
input[type='text']::-moz-placeholder { color: #a8a8a8; font-size:13px; line-height:150%; font-weight: 300; letter-spacing: -.5px;  }

textarea:-ms-input-placeholder { color: #a8a8a8; text-align: center; font-size:13px; line-height:150%; font-weight: 300; letter-spacing: -.5px; }
textarea::-webkit-input-placeholder { color: #a8a8a8; text-align: center; font-size:13px; line-height:150%; font-weight: 300; letter-spacing: -.5px; }
textarea::-moz-placeholder { color: #a8a8a8; text-align: center; font-size:13px; line-height:150%; font-weight: 300; letter-spacing: -.5px;  } */


/*common*/
#wrap { min-width:360px; }

/*layout*/
.contents { overflow: hidden; padding:20px 15px 100px;  }


/*footer*/
.schBox { position: fixed; width: 100%; bottom: 0; left: 0; z-index:999; transition:bottom .5s -webkit-transition:bottom .5s; }
.ftMenu { position:relative ; bottom: 0; left: 0; width: 100%; height:55px; border-radius:20px 20px 0 0; background: #f4f4f4; z-index:10;}
.ftMenu ul { float: left; margin:16px 0 0; width:100%; }
.ftMenu li { float: left; width: 23%; text-align: center; }
.ftMenu li img { height:27px; }
.ftMenu p { position: absolute; bottom: 12px; right: 10px; }
.ftMenu p a { display: block; width:90px; height:30px; background: #1062af; border-radius:20px; line-height: 30px; color: #fff; font-size:15px; font-weight: 300; }
.ftMenu p a img { height:16px; margin:7px 4px 0 15px; }
.searchForm { display: none; background: #f4f4f4; overflow: hidden; position: absolute; bottom: 20px; left: 0; width: 100%; padding-bottom: 20px; }
.searchForm article { overflow: hidden; padding:15px; }
.searchForm article li { overflow: hidden; float: left; width: 33%; margin-bottom: 5px; }
.searchForm article li.txt { width:66%; }
.searchForm article li.txt input { width: 97.4%; height: 35px; margin:0 auto; overflow: hidden; display: block; border:1px solid #ccc; text-indent:5px; }
.searchForm select { width: 95%; display: block; margin: 0 auto; height:35px; box-sizing:border-box; border:1px solid #ccc; /* background: #fff;  */}
.searchForm .btn { margin:0 auto; overflow: hidden; text-align: center; }
.searchForm .btn li { display: inline-block; vertical-align: top; margin:0 2px 25px; }
.searchForm .btn li input { width:100px; height:35px; line-height:35px; font-size:14px; text-align: center; color: #fff; border:none; background: #155887; cursor:pointer; }
.searchForm .btn li:first-child input { background: #555; }

footer { padding:15px; overflow: hidden; border-top:2px solid #ccc; text-align: center; color: #777; font-size:14px; line-height: 145%; }
footer i { display: inline-block; vertical-align: top; margin:0 8px; font-style:normal; }


/*레이어팝업*/
.layerPopup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index:999; }
.layerPopup > div { position: absolute; top: 50%; margin-top:-60px; left: 10px; width:calc(100% - 20px); height:140px; background: #fff; text-align: center; }
.layerPopup a { display: block; position: absolute; top: 10px; right: 10px; width:20px; height:20px; font-size:0; }
.layerPopup a:before { content:""; display: block; width:2px; height:100%; background: #aaa; position: absolute; top: 0; left: 10px; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.layerPopup a:after { content:""; display: block; width:2px; height:100%; background: #aaa; position: absolute; top: 0; left: 10px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }
.layerPopup p { text-align: center; color: #555; font-size:18px; line-height:120%; font-weight: 700; margin-top: 35px; }
.layerPopup ul { margin-top:15px; overflow: hidden; }
.layerPopup li { display: inline-block; vertical-align: top; margin:0 3px; }
.layerPopup li input { font-size:14px; width:110px; height:35px; background:#155887; color: #fff; border:none; }
.layerPopup li:first-child input { background: #555; }

/*레이어팝업*/
.layerPopup2 { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index:999; }
.layerPopup2 > div { position: absolute; top: 20%; margin-top:-60px; left: 10px; width:calc(100% - 20px); height:140px; background: #fff; text-align: center; }
.layerPopup2 a { display: block; position: absolute; top: 10px; right: 10px; width:20px; height:20px; font-size:0; }
.layerPopup2 a:before { content:""; display: block; width:2px; height:100%; background: #aaa; position: absolute; top: 0; left: 10px; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.layerPopup2 a:after { content:""; display: block; width:2px; height:100%; background: #aaa; position: absolute; top: 0; left: 10px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }
.layerPopup2 p { text-align: center; color: #555; font-size:18px; line-height:120%; font-weight: 700; margin-top: 35px; }
.layerPopup2 ul { margin-top:15px; overflow: hidden; }
.layerPopup2 li { display: inline-block; vertical-align: top; }
.layerPopup2 li input { font-size:14px; width:110px; height:35px; background:#155887; color: #fff; border:none; }
.layerPopup2 li:first-child input { background: #555; }


/*로그인*/
/*.login { overflow: hidden; padding:30px 15px 100px; }
.login h2 { width:120px; }
.login dl { margin-top:20px; overflow: hidden; font-family: "NanumSquare"; }
.login dt { font-size:24px; color: #444; font-weight: 700; line-height: 120%; }
.login dd { margin-top:15px; overflow: hidden; color: #777; font-size:17px; line-height: 130%; }
.list { margin-top:25px; overflow: hidden; }
.list li { border-bottom:2px solid #ccc; margin-top: 10px; }
.list li input { width:100%; height:45px; border:none; line-height:45px; color: #999; font-size:15px; text-indent:10px; }
.list li input:-ms-input-placeholder { color: #999; }
.list li input::-webkit-input-placeholder { color: #999; }
.list li input::-moz-placeholder { color: #999; }
.login button { margin-top:15px; overflow: hidden; width:100%; height: 48px; line-height:48px; border-radius:45px; background: #155887; border:none; font-size:18px; font-weight: 700; color: #fff;  }*/

/*로그인 new*/
/* #wrap.login { width: 100%; height:100%; background:red; background-size:100% auto; } */
#wrap.login { width: 100%; height: 100%; position: relative; display: table; min-height:500px;}
#wrap.login:before { content:""; display: block; position: absolute; top: 0; left: 0; width:100%; height: 100%; background:url(../img/bg_login1.png) no-repeat top; background-size:100%;  z-index:-1;} 
#wrap.login:after { content:""; display: block; position: absolute; bottom: 0; left: 0; width:100%; height: 50vw; background:url(../img/bg_login2.png) no-repeat bottom; background-size:100%; z-index:-1; } 

.login > article { overflow: hidden; display: table-cell; vertical-align: middle; }
.login > article div { width:calc(100% - 30px); margin:0 auto; }
.login h1 { text-align: center; }
.login h1 img { height:65px; }
.login dl { text-align: center; margin-top: 10px; }
.login dt { font-size:45px; line-height: 120%; font-family: "NanumSquare"; font-weight: 700; text-transform: uppercase; color: #333; }
.login dd { margin-top:10px; overflow: hidden; font-size:18px; }
/*.list { margin-top:25px; overflow: hidden; }*/
.list { margin-top:25px; overflow: hidden;position:relative;width:280px; }
.list li { border-bottom:2px solid #ccc; margin-top: 10px; }
.list li input { width:100%; height:35px; border:none; line-height:35px; color: #999; font-size:16px; text-indent:10px; background: none; }
.list li input:-ms-input-placeholder { color: #999; }
.list li input::-webkit-input-placeholder { color: #999; }
.list li input::-moz-placeholder { color: #999; }
/*.login button { margin-top:15px; overflow: hidden; width:100%; height: 48px; line-height:48px; border-radius:45px; background: #155887; border:none; font-size:18px; font-weight: 700; color: #fff;  }*/
.login button { margin-top:15px; overflow: hidden; width:280px; height: 48px; line-height:48px; border-radius:45px; background: #155887; border:none; font-size:18px; font-weight: 700; color: #fff;  }


/* 탭메뉴*/
.tabMenu { width:100%; overflow: hidden; }
.tabMenu li { display: block; float: left; margin-left:2px; width:32.7%; height: 40px; text-align: center; background: #f4f4f4; }
.tabMenu li a { display: block; width:100%; height:40px; line-height:40px; }
.tabMenu li.on a { background:#155887; color: #fff; }
.tabMenu + article { margin-top:20px; overflow: hidden; }
 

/*리스트*/
/*.topBtn { float: right; overflow: hidden; }
.topBtn li { float: left; margin-left:5px; }
.topBtn li a { display: block; width:75px; height:30px; line-height:30px; font-size:14px; text-align: center; box-sizing:border-box; border:1px solid #ccc;}
.topBtn li.all { display: none; }
.topBtn li.all a { background: #464646; color: #fff; border:none; }
.topBtn li:last-child a { background: #155887; border:none; color: #fff; }
.total { clear:both; overflow: hidden; padding-top:5px; font-size:14px; color: #777; }
.total em { color: #ef2d2d; font-weight: 700; }
.listBox { margin-top:10px; overflow: hidden; border-top:1px solid #ccc; }
.listBox li { overflow: hidden; border-bottom:1px solid #ccc; padding:10px; position: relative; }
.listBox li a { overflow: hidden;background: red;  }
.listBox li h3 { font-size:17px; line-height:120%; font-weight: 500; color: #555; text-overflow:ellipsis; white-space:nowrap; width:80%; }
.listBox li h3 span { margin-left:5px; color: #777; font-size:13px; font-weight: 400; }
.listBox li .txt { margin-top:5px; font-size:14px; color: #777; width:80%; }
.listBox li .txt i { display: inline-block; vertical-align: top; font-style:normal; margin:2px 7px 0; font-size:0; width:1px; height:12px; background: #777; }
.listBox li .input { position: absolute; top: 20px; right: 5px;  }*/
.topBtn { float: right; overflow: hidden; }
.topBtn li { float: left; margin-left:5px; }
.topBtn li a { display: block; width:75px; height:30px; line-height:30px; font-size:14px; text-align: center; box-sizing:border-box; border:1px solid #ccc;}
.topBtn li.all { display: none; }
.topBtn li.all a { background: #464646; color: #fff; border:none; }
.topBtn li:last-child a { background: #155887; border:none; color: #fff; }
.total { clear:both; overflow: hidden; padding-top:5px; font-size:14px; color: #777; }
.total em { color: #ef2d2d; font-weight: 700; }
.listBox { margin-top:10px; overflow: hidden; border-top:1px solid #ccc; }
.listBox li { overflow: hidden; border-bottom:1px solid #ccc; padding:10px; position: relative; }
.listBox li a { overflow: hidden;background: red;  }
.listBox li h3 { font-size:17px; line-height:120%; font-weight: 500; color: #555; text-overflow:ellipsis; white-space:nowrap; width:80%; }
.listBox li h3 span { margin-left:5px; color: #777; font-size:13px; font-weight: 400; }
.listBox li .txt { margin-top:5px; font-size:14px; color: #777; width:80%; }
.listBox li .txt i { display: inline-block; vertical-align: top; font-style:normal; margin:2px 7px 0; font-size:0; width:1px; height:12px; background: #777; }
.listBox li .input { position: absolute; top: 20px; right: 5px;  }
.listBox.grpList li .input { position: absolute; top: 30px; right: 5px;  } /*20200219 송유라 조직리스트 top위치 수정*/

.listBox li p input[type="checkbox"] + label span { display:inline-block; width:16px; height:16px; border:1px solid #c5c5c5; box-sizing:border-box; margin:-2px 5px 0 0; vertical-align:middle; cursor:pointer; position: relative; }
.listBox li p.click input[type="checkbox"] + label span { opacity:1; background:none; }
.listBox li p input[type="checkbox"]:checked + label span { background:url(../img/bg_check.png) no-repeat center; background-size:10px; opacity:1;  }	

.paging { margin-top:25px; overflow: hidden; text-align: center; }
.paging li { display: inline-block; vertical-align: top; margin:0 2px; }
.paging li a { display: block; width:30px; height:30px; border:2px solid #ccc; line-height:26px; font-size:14px; position: relative; }
.paging li.on a { background:#1062af; color:#fff; border-color:#1062af; }
.paging li a img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; height:13px; }



/*조합원현황 상세페이지*/
.mbInfo .img { overflow: hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.mbInfo .img > div { float: left; width:50%; height: 178px; }
.mbInfo.uPicDelIn .img > div p { background: #ffffff url(../img/img_no.png) no-repeat center; background-size:70px; width:calc(95% - 30px); height:150px; display: block; margin: 10px auto; overflow: hidden; position: relative; }
.mbInfo .img > div p { background: #ffffff url(../img/img_no.png) no-repeat center; background-size:70px; width:calc(100% - 30px); height:160px; display: block; margin: 10px auto; overflow: hidden; position: relative; }
.mbInfo .img > div p img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; height: 100%; }
.mbInfo .img input[type='file'] { width:calc(100% - 30px); display: block; margin: 0 auto; }
.mbInfo .img table { float: right; width:50%; border-left:1px solid #ccc; box-sizing:border-box; }
.mbInfo .img table tr:last-child th,
.mbInfo .img table tr:last-child td { border-bottom:none; }
.mbInfo table:first-child { margin-top: 0; }
.mbInfo > table { border-top:1px solid #ccc; margin-top: 15px; }
.mbInfo th { border-bottom:1px solid #ccc; background: #f4f4f4; color: #555; font-size:14px; font-weight: 500; height: 35px; width:22%; }
.mbInfo td { border-bottom:1px solid #ccc; padding:0 5px; line-height: 130%; font-size:14px; width:27%; }
.mbInfo th:not(:first-child), .mbInfo td.none { border-left:1px solid #ccc; }
.mbInfo td input { width:100%; height: 25px; line-height: 25px; }
.mbInfo td input:-ms-input-placeholder { color: #999; font-weight: 300; }
.mbInfo td input::-webkit-input-placeholder { color: #999; font-weight: 300; }
.mbInfo td input::-moz-placeholder { color: #999;  font-weight: 300; }
.mbInfo td select { width:100%; height: 25px; }
.mbInfo .btn { margin-top:20px; text-align: center; }
.mbInfo .btn li { display: inline-block; vertical-align: top; margin:0 3px; }
.mbInfo .btn li a { display: block; width:80px; height:40px; line-height:40px; text-align: center; background: #555; color: #fff; }
.mbInfo .btn li:first-child a { background: #155887; }

.paging { margin-top:25px; overflow: hidden; text-align: center; }
.paging li { display: inline-block; vertical-align: top; margin:0 2px; }
.paging li a { display: block; width:30px; height:30px; border:2px solid #ccc; line-height:26px; font-size:14px; position: relative; }
.paging li.on a { background:#1062af; color:#fff; border-color:#1062af; }
.paging li a img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; height:13px; }

#loading { width: 100%;height: 100%;top: 0px;left: 0px;position: fixed;display: block;opacity: 0.7;background-color: #fff;z-index: 999;text-align: center; }
#loading-image { position: absolute;top: 50%;text-align:center;z-index: 100; }

/*header*/
header { height:60px; background: #333; text-align: center; position: relative; }
header h1 { line-height:60px; font-size:22px; color: #fff; font-family: "NanumSquare"; font-weight: 700; }
header .logo { position: absolute; top: 13px; left: 10px; }
header .logo img { height: 33px; }
header .btn { position: absolute; top: 18px; right: 10px; } 
header .btn img { height: 25px; }
.topBn { width: 100%; height:50px; line-height:50px; text-align: center; background: #f4f4f4; color: #555; }
.topBn h2 { font-weight: 700; font-size:17px; letter-spacing: -.8px; font-family: "NanumSquare"; }


/*header - ver */
header.ver h1 { text-align: center; line-height:110%; padding-top:9px; font-size:20px; }
header.ver h1 span { display: block; font-size:16px; color:rgba(255,255,255,.6); }