@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; opacity:.5; }
/* 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; opacity:1;  }	
input[type="radio"] + label { cursor:pointer; }
input[type="radio"] + label span { display:inline-block; width:16px; height:16px; 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: 8px; height: 8px; box-sizing:border-box; border-radius:50%; background: #898989; position: absolute; top: 3px; left: 3px; }
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='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; }


/*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"; }

/*layout*/
.contents { overflow: hidden; padding:20px 15px 100px; }
.contents > button { display: block; width: 100%; line-height: 300%; overflow: hidden; margin-top:30px; text-align: center; border:none; background:#333; color:#fff; }
.scrollTop { position: fixed; bottom: 70px; right: 10px; width: 35px; height: 35px; background:url(../img/img_top.png) no-repeat center top; background-size:35px; }
.scrollTop > a { display: block; width:100%; height:100%; text-indent:-9999px; }


/*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; }


/*로그인
.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 li { border-bottom:2px solid #ccc; margin-top: 10px; }
.list li input { width:100%; height:35px;.list li input border:none; line-height:35px; color: #414141; 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: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 { display: block; float: left; margin-left:2px; min-width:32.7%; width:auto; height: 40px; text-align: center; background: #f4f4f4; } /* 20200630 송유라 수정 : width-> min-width 로 바꿈, width 추가 */
.tabMenu li a,
.tabMenu li span { display: block; width:100%; height:40px; line-height:40px;}
.tabMenu li.on a,
.tabMenu li.on span { 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;  }

.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;  }	

/*페이징 new*/
.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:27px; height:27px; border:1px solid #ccc; line-height:27px; 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; }



/***다른페이지***/
.leftMenu { position: absolute; top: 130px; left: 0; width: 60px; overflow: hidden; }
.leftMenu li { overflow: hidden; margin-bottom:5px; }
.leftMenu li a { display: block; width:50px; height:50px; background:#f4f4f4; position: relative; }
.leftMenu li.on a { background:#155887; width: 60px; }
.leftMenu li a i { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; width: 25px; height: 25px; overflow: hidden; }
.leftMenu li a i img { height:50px; position: absolute; bottom: 0; }
.leftMenu li.on a i img { position: absolute; bottom: -25px; }


.rightCont { float: right; width:calc(100% - 60px); overflow: hidden; }
.rightCont h3 { font-size:20px; line-height: 120%; color: #555; }
.rightCont > article { margin-top:10px; overflow: hidden; }


/*하단공통버튼*/
.btn_cm { margin-top:20px; text-align: center; }
.btn_cm li { display: inline-block; vertical-align: top; margin:0 2px; }
.btn_cm li a { display: block; width:80px; height:40px; line-height:40px; text-align: center; background: #555; color: #fff; }
.btn_cm li.add a { background: #1062af; }
.btn_cm li.delete a { background: #dcdcdc; color: #555; }
.btn_cm li.cancel a { width:120px;background: #dcdcdc; color: #555; }


/*베이직 테이블*/
.tbl { overflow: hidden; margin-top:20px; }
.tbl p { font-size:14px; color: #777; }
.tbl p em { color: #ef2d2d; font-weight: 700; }
.tbl table { margin-top: 10px; border-top:1px solid #ccc; font-size:14px; }
.tbl th { background:#f4f4f4;  border-bottom:1px solid #ccc; color: #333; padding:10px 0; font-weight: 500; letter-spacing: -.6px; }
.tbl td { border-bottom:1px solid #ccc; text-align: center; color: #666; padding:5px 2px; line-height:120%; height:35px; box-sizing:border-box; }
.tbl td a { display: inline-block; width:auto; max-width:100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.tbl td input[type='button'] { display: block; margin: 0 auto; width:45px; height:30px; line-height:30px; text-align: center; background: #dcdcdc; color: #666; border:none; }
.tbl p input[type="checkbox"] + label span { background-color: #fff; border-radius:3px; }

.tbl ul:not(.paging) { margin-top:10px; font-size:14px; border-bottom:1px solid #ccc; }
.tbl li { overflow: hidden; }
.tbl li .tit { border-top:1px solid #ccc; overflow: hidden; padding:9px 0; }
.tbl li .tit p { display: block; float: left; width:20px; }
.tbl li .tit > span { display: block; float: left; margin-left:5px; width:calc(100% - 25px); overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.tbl li .txt { display: none; overflow: hidden; background: #f4f4f4; padding:5px 25px; border-top:1px solid #ccc; line-height: 140%; }

/*주소록/ 그룹명 카테고리*/
.categoryM { overflow: hidden; box-sizing:border-box; border:1px solid #ccc; }
.categoryM select { display: block; width:100%; overflow: hidden; box-sizing:border-box; height: 35px; line-height:33px; color: #333; font-size:14px; text-indent:5px; position: relative; border:none; }
.categoryM select option { padding-left:5px; }
/* .categoryM > a { display: block; width:100%; overflow: hidden; box-sizing:border-box; height: 35px; line-height:33px; color: #333; font-size:14px; text-indent:10px; position: relative; }
.categoryM > a:after { content:""; display: block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #555; position: absolute; top: 14px; right: 10px; } */
.categoryM > ul { overflow-y: auto; background: #f6f6f6; border-top:1px solid #ccc; padding:10px 15px; max-height:125px; font-size:14px; }
.categoryM > ul li { position: relative; overflow: hidden; padding: 10px 0 10px 10px;}  /*20200616 송유라 검색박스 li 간격넓힘.  원본 -> padding: 5px 0 5px 10px;*/ 
.categoryM > ul li > ul li{ margin-top:10px;  padding: 10px 0 0px 10px;}  /*20200616 송유라 검색박스 li 간격넓힘. 새로추가함.*/ 
/*.categoryM > ul li:before { content:""; display: block; width:7px; height:7px; box-sizing:border-box; border-left:1px solid #aaa; border-bottom:1px solid #aaa; position: absolute; top: 8px; left: 0; }*/
.categoryM > ul li:before { content:""; display: block; width:7px; height:7px; box-sizing:border-box; border-left:1px solid #aaa; border-bottom:1px solid #aaa; position: absolute; top: 12px; left: 0; }/*20200616 송유라 검색박스 li 간격넓힘. 원본 -> top:8px.*/ 
.categoryM > ul li p { width:auto; display: inline-block; }
.categoryM > ul li p input[type="checkbox"] + label span { background-color: #fff; border-radius:3px; }
.categoryM > ul li ul { margin-top:5px; padding-left:10px; }



/*문자전송내역 & 예약내역리스트*/
.snsList > div { overflow: hidden; }
.snsList > div > select { float: left; width:calc(50% - 5px); height: 35px; }
.snsList > div > select:last-child { margin-left: 10px; }
.snsList .tbl td:nth-child(2) { text-align: left; }



/*전송내역 상세정보*/
.snsView > div { overflow: hidden; background: #f4f4f4; padding:10px; min-height:150px; line-height:120%; color: #666; font-size:14px; }
.snsView > ul { margin-top:20px; overflow: hidden; box-sizing:border-box; padding:10px; border:1px solid #ccc; }
.snsView > ul li { overflow: hidden; position: relative; width: 100%; display: table; min-height:35px; margin-top:5px; }
.snsView > ul li:first-child h4 { vertical-align: middle; }
.snsView > ul li h4 { display: table-cell; vertical-align: middle; font-size:15px; color: #333; width: 75px; padding-top: 2px; } 
.snsView > ul li p { display: table-cell; vertical-align: middle; font-size:14px; line-height: 130%; width:calc(100% - 75px); position: relative; }	
.snsView > ul li button { position: absolute; top: 0; right: 0; width:55px; height:35px; line-height:35px; text-align: center; background: #dcdcdc; color: #666; border:none; } 
.snsView .btn { margin: 20px auto 0; width:100px; }
.snsView .btn input { width:100%; height:35px; line-height:35px; font-size:14px; text-align: center; color: #fff; border:none; background: #555; cursor:pointer; }



/*예약내역 상세정보*/
.rsvView > div { overflow: hidden; background: #f4f4f4; padding:10px; min-height:150px; line-height:120%; color: #666; font-size:14px; }
.rsvView .add { margin-top: 15px; overflow: hidden; }
.rsvView .add li { overflow:hidden; float: left; margin-left: 5px; }
.rsvView .add li:first-child { margin-left: 0; width:35%; }
.rsvView .add li:nth-child(2) { width:calc(65% - 55px); }
.rsvView .add li input[type='text'] { display: block; width:100%; height:35px; line-height:33px; box-sizing:border-box; border:1px solid #ccc;  }
.rsvView .add li input[type='tel'] { display: block; width:100%; height:35px; line-height:33px; box-sizing:border-box; border:1px solid #ccc;  }
.rsvView .add li input[type='button'] { display: block; margin: 0 auto; width:45px; height:35px; line-height:35px; text-align: center; background: #555; color: #fff; border:none;  }
.rsvView .btn { margin: 20px auto 0; width:100px; }
.rsvView .btn input { width:100%; height:35px; line-height:35px; font-size:14px; text-align: center; color: #fff; border:none; background: #555; cursor:pointer; }




/*그룹관리*/
.groupCon { }
.groupCon > dl { margin-bottom: 30px; }
.groupCon .groupForm dt { color:#333; font-size:16px; }
.groupCon .btn_add { float: right; margin-top: 10px; overflow: hidden; }
.groupCon .btn_add li { float: left; margin-left: 5px; }
.groupCon .btn_add li a { display: block; width:80px; height:40px; line-height:40px; text-align: center; background:#1db04a; color:#fff; font-size:15px; }
.groupCon .btn_add li:first-child a { background:#555; }
.groupCon .btn_add + .tbl { clear:both; width: 100%; padding-top: 10px; }

/*그룹등록*/
.groupForm { overflow: hidden; }
.groupForm dt { margin-top: 20px; font-size:15px; font-weight: 700;  }
.groupForm dd { margin-top: 10px; width: 100%; overflow: hidden; }
.groupForm dd input[type='text'] { width: 100%; height: 35px; text-indent:10px; }
.groupForm dd ul { overflow: hidden; }
.groupForm dd li { float: left; margin-right:10px; font-size:14px; padding:2px 0; }



/*문자보내기*/
.rightCont > article > article.snsForm { margin-top: 0; overflow: hidden; box-sizing:border-box; border:1px solid #ccc; border-radius:5px; position: relative; padding-bottom:25px; }
.snsForm .tit { overflow: hidden; background: #666; height: 35px; position: relative; }
.snsForm .tit i img { height:13px; }
.snsForm .tit .left { position: absolute; top: 10px; left: 5px; }
.snsForm .tit .right { position: absolute; top: 10px; right: 5px; }
.snsForm .tit h3 { text-align: center; line-height: 35px; color: #fefefe; font-size:18px; }
.snsForm .subject { width: 100%; height:35px; }
.snsForm .subject input { display: block; width: 100%; height:35px; line-height:35px; border:none; text-indent:10px; }
.snsForm .img { overflow: hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; box-sizing:border-box; padding:10px; }
.snsForm .img li { float: left; margin-left:2%; width:32%; height:24vw; background: #eee; }
.snsForm .img li:first-child { margin-left: 0; }
.snsForm textarea { width: 100%; height:200px; overflow: hidden; padding:10px; }
.snsForm .count { position: absolute; bottom: 10px; left: 10px; color: #777; font-size:14px; }
.snsForm .sentence { position: absolute; bottom: 10px; right: 10px; color: #777; font-size:14px; }
.snsBtn { margin-top:10px; overflow: hidden; }
.snsBtn li { float: left; margin-left:2%; width:32%; }
.snsBtn li:first-child { margin-left: 0; }
.snsBtn li a { display: block; width:100%; height:40px; line-height:38px; border:1px solid #ccc; border-radius:10px; box-sizing:border-box; text-align: center; color: #555; font-weight: 500; font-size:14px; }
.snsBox { overflow: hidden; }
.snsBox > div { overflow: hidden; margin-top: 10px; }
.snsBox h4 { float: left; color: #333; font-weight: 700; font-size:15px; width:60px; line-height: 33px; }
.snsBox > div > p,
.snsBox > div > div { float: right; width:calc(100% - 60px); }
.snsBox > div > p input { width:100%; height:35px; border:1px solid #ccc; }
.snsBox > div > p.number input[type='text'] { width:calc(100% - 62px);	 }
.snsBox > div > p.number input[type='button'] { width:55px; font-size:14px; border:none; background:#dcdcdc; color:#666; }
.snsBox > div ul { overflow: hidden; margin-top:8px; }
.snsBox > div li { float: left; font-size:14px; margin-left: 5px; letter-spacing: -1.8px; padding:3px 0;  }
.snsBox > div li:first-child { margin-left: 0; }
.snsBox > div li label { height:25px; }
.filebox { margin-top:8px; display: none; }

.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}

.filebox label {
	display: block; 
	float: left;
	width:80px; 
	height:35px;
	color: #fff;
	background-color: #555;
	cursor: pointer;
	text-align: center; 
	line-height:35px;
	font-size:14px;
}

/* named upload */
.filebox .upload-name {
	display: block;
	float: left;
	box-sizing:border-box;
	width:calc(100% - 80px);
	height:35px;
	font-size:14px;
	text-indent:5px;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	background:none;
	border: 1px solid #ebebeb;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


.rightCont .sns { overflow: hidden; }
.rightCont > article.sns,
.rightCont > article#receivePop { margin-top: 0; }
#receivePop { display: none; border:1px solid #ccc; box-sizing:border-box; overflow: hidden; padding:15px; }
#receivePop .tit { overflow: hidden; }
#receivePop .tit h3 { float: left; font-size:17px; color: #333; font-weight: 700; font-family: "NanumSquare"; }
#receivePop .tit a { display: block; float: right; width: 20px; height: 20px; position: relative; font-size:0; }
#receivePop .tit a:before,
#receivePop .tit a:after { content:""; display: block; width:2px; height:100%; background: #555; position: absolute; top: 0;  }
#receivePop .tit a:before { left: 10px; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
#receivePop .tit a:after { left: 10px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }
#receivePop .menu { margin-top:20px; overflow: hidden; }
#receivePop .menu li { float: left; margin-right: 5px;  }
#receivePop > article { margin-top:20px; overflow: hidden; display: none; }
#receivePop > article.rcv1 { display: block; }
#receivePop form { overflow: hidden; }
#receivePop form input[type='text'] { display: block; float: left; border:1px solid #ccc; box-sizing:border-box; line-height:33px; height:35px; margin-right: 5px; width:calc(60% - 60px); }
#receivePop form input[type='text']:first-child { width:40%; }
#receivePop form input[type='tel'] { display: block; float: left; border:1px solid #ccc; box-sizing:border-box; line-height:33px; height:35px; margin-right: 5px; width:calc(60% - 60px); }
#receivePop form input[type='tel']:first-child { width:40%; }
#receivePop form input[type='button'] { display: block; float: left; width: 50px; height: 35px; line-height:35px; text-align: center; background: #dcdcdc; text-align: center; font-size:14px;  border:none; cursor:pointer; }

#smsVarifyPop { display: none; border:1px solid #ccc; box-sizing:border-box; overflow: hidden; padding:15px; }
#smsVarifyPop .tit { overflow: hidden; }
#smsVarifyPop .tit h3 { float: left; font-size:17px; color: #333; font-weight: 700; font-family: "NanumSquare"; }
#smsVarifyPop .tit a { display: block; float: right; width: 20px; height: 20px; position: relative; font-size:0; }
#smsVarifyPop .tit a:before,
#smsVarifyPop .tit a:after { content:""; display: block; width:2px; height:100%; background: #555; position: absolute; top: 0;  }
#smsVarifyPop .tit a:before { left: 10px; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
#smsVarifyPop .tit a:after { left: 10px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }
#smsVarifyPop .menu { margin-top:20px; overflow: hidden; }
#smsVarifyPop .menu li { float: left; margin-right: 5px;  }
#smsVarifyPop > article { margin-top:20px; overflow: hidden; display: none; }
#smsVarifyPop > article.rcv1 { display: block; }
#smsVarifyPop form { overflow: hidden; }
#smsVarifyPop form input[type='text'] { display: block; float: left; border:1px solid #ccc; box-sizing:border-box; line-height:33px; height:35px; margin-right: 5px; width:calc(60% - 60px); }
#smsVarifyPop form input[type='text']:first-child { width:40%; }
#smsVarifyPop form input[type='button'] { display: block; float: left; width: 50px; height: 35px; line-height:35px; text-align: center; background: #dcdcdc; text-align: center; font-size:14px;  border:none; cursor:pointer; }


.rcv2 .category { overflow: hidden; }
.rcv2 .category h4 { width:100%; height:35px; line-height:35px; text-align: center; background: #555; color: #fff; font-size:14px; font-weight: 700; }
.rcv2 .category > div { overflow: hidden; background: #f6f6f6; padding:5px; }
.rcv2 .category h5 { font-size:14px; color: #333; font-weight: 700; }
.rcv2 .category ul { overflow-y: auto; background: #f6f6f6; padding:5px 15px; font-size:14px; }
.rcv2 .category ul li { position: relative; padding:4px 0 4px 10px; overflow: hidden; }
.rcv2 .category ul li:before { content:""; display: block; width:7px; height:7px; box-sizing:border-box; border-left:1px solid #aaa; border-bottom:1px solid #aaa; position: absolute; top: 8px; left: 0; }
.rcv2 .category ul li p { width:auto; display: inline-block; }
.rcv2 .category ul li p input[type="checkbox"] + label span { background-color: #fff; border-radius:3px; }
.rcv2 .category ul li ul { padding-left:10px; padding-bottom:0; }

#receivePop .tit h4 { float: left; font-size:14px; color: #333; font-weight: 700; }
#receivePop .tit h4 span { color: #777; margin-left: 5px; font-weight: 400; }
#receivePop .tit p { float: right; }

/*수신인 등록*/
#stick { display: none; position: fixed; bottom: 21%; left: 23%; width:55%; overflow: hidden; background:#eee; box-sizing:border-box; padding:15px; }
#stick .tit { overflow: hidden; }
#stick .tit h4 { float: left; font-size:17px; font-weight: 700; color: #333; font-family: "NanumSquare"; }
#stick .tit a { display: block; float: right; width: 20px; height: 20px; position: relative; font-size:0; margin-top: -2px; }
#stick .tit a:before,
#stick .tit a:after { content:""; display: block; width:2px; height:100%; background: #555; position: absolute; top: 0;  }
#stick .tit a:before { left: 10px; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
#stick .tit a:after { left: 10px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }
#stick .tit + p { margin-top:15px; overflow: hidden; line-height: 130%; font-size:14px; position: relative; padding-left:18px; }
#stick .tit + p:before { content:"※"; display: block; position: absolute; top: 0; left: 0; }
#stick dl { margin-top:10px; overflow: hidden; }
#stick dt { font-size:14px; line-height:120%; }
#stick dt em { color: #f32727; font-weight: 700; }
#stick dd { margin-top: 5px; background: #fff; overflow: hidden; height: 140px; box-sizing:border-box; padding:10px; line-height:150%; font-size:14px;  }
#stick dd textarea { font-size:14px; width: 100%; height: 120px; overflow: hidden; }
#stick .btn_cm { text-align: right; }



/*popup*/
/*.popup { display: none; position: fixed; top: 50%; left: 5%; margin-top: -220px; width:90%; height:440px; background: #fff; z-index:150; box-sizing:border-box; padding:15px; }*/ /* 20200219 송유라 팝업 위치조정 */
/*.popup { display: none; position: fixed; top: 25%; left: 5%; margin-top: -220px; width:90%; height:440px; background: #fff; z-index:150; box-sizing:border-box; padding:15px; }*/
.popup { display: none; position: fixed; top: 25%; left: 5%; margin-top: -80px; width:90%; height:440px; background: #fff; z-index:150; box-sizing:border-box; padding:15px; }
.popupBg { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index:100; }


.popup .tit { overflow: hidden; }
.popup .tit h3 { float: left; font-size:17px; color: #333; font-weight: 700; font-family: "NanumSquare"; }
.popup .tit a { display: block; float: right; width: 20px; height: 20px; position: relative; font-size:0; }
.popup .tit a:before,
.popup .tit a:after { content:""; display: block; width:2px; height:100%; background: #555; position: absolute; top: 0;  }
.popup .tit a:before { left: 10px; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.popup .tit a:after { left: 10px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }

.popup .btn { margin-top:20px; text-align: center; }
.popup .btn li { display: inline-block; vertical-align: top; margin:0 3px; }
.popup .btn li a { display: block; width:80px; height:40px; line-height:40px; text-align: center; background: #dcdcdc; color: #555; }
.popup .btn li:first-child a { background: #155887; color: #fff; }



/* 내문자함 */
#snsBoxPop .tbl { overflow: hidden; height: 280px; overflow-y:auto; }


/* 전송시간 */
.popup#timePop { height:180px; margin-top:-90px; }
#timePop .tit p { font-size:13px; float: right; color: #777; }
#timePop article { margin-top:15px; overflow: hidden; }
#timePop article input { float: left; width:calc(100% - 150px); border:none; background: #f4f4f4; height:35px; line-height:35px; }
#timePop article select { float: left; width:70px; margin-left: 5px; background:#f4f4f4 url(../img/smsImg/icon_semo.png) no-repeat 85% center; background-size:8px; height:35px; line-height:35px; border:none;}


/* 전송내역*/
.popup .tabMenu { margin-top: 10px; width:100%; overflow: hidden; }
.popup .tabMenu li { display: block; float: left; width:80px; height: 40px; text-align: center; background: #f4f4f4; }
.popup .tabMenu li span { display: block; width:100%; height:40px; line-height:40px; }
.popup .tabMenu li.on span { background:#155887; color: #fff; }
.popup .tabMenu + article { margin-top:0; overflow: hidden; }
.popup .tabContent article { display: none; max-height:305px; overflow: hidden; overflow-y:auto; }


/*수신자 정보 수정*/
.popup#rsvPopup { height:180px; margin-top:-90px; }
.popup#rsvPopup form > div { margin-top:20px; overflow: hidden; }
.popup#rsvPopup form > div input { float: left; display: block; border:none; height: 35px; line-height:35px; background: #eee; text-indent:10px; width:40%; }
.popup#rsvPopup form > div input:nth-child(2) { margin-left: 5px; width:calc(60% - 5px); }


/*그룹선택*/
.popup#addPop { height: 290px; margin-top:-145px; }
.popup#addPop .categoryM { margin-top: 10px; }
.popup#addPop .categoryM > ul { display: block !important; }


/*주소등록*/
.popup#add2Pop { height: 240px; margin-top:-120px; }
.popup#add2Pop > article { margin-top:15px; }
.popup#add2Pop > article ul { margin-top:15px; overflow: hidden; }
.popup#add2Pop > article li { float: left; margin:0 0 5px 5px; width:calc(33% - 2.5px); }
.popup#add2Pop > article li:nth-child(3n+1) { margin-left: 0; }
.popup#add2Pop > article li input { display: block; width: 100%; height: 35px; line-height: 35px; background: #f4f4f4; border:none; }
.popup#add2Pop > article li input:-ms-input-placeholder { color: #999; font-weight: 300; }
.popup#add2Pop > article li input::-webkit-input-placeholder { color: #999; font-weight: 300; }
.popup#add2Pop > article li input::-moz-placeholder { color: #999; font-weight: 300; }