@charset "utf-8";
@import url('fontawesome.css');
@import url('Pretendard.css');


.phone input {width: 110px !important;}
.phone span {font-size: 16px;line-height: 30px;}

.date input[type=text] {width: 116px !important;}
.date span {line-height: 30px;}

/* 버튼 */ 
.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:40px;padding:0 10px 1px;text-align: center;font-size:16px;line-height: 40px;border-width:1px;border-style: solid;vertical-align:top;font-family: 'Pretendard-Medium', sans-serif;-webkit-appearance:none;box-sizing: border-box;}

/* 빨간색 */			.btnDef {background-color: #af0d16 !important;border-color: #af0d16 !important;color: #fff !important;}
/* 파란색 */			.btnPoint {background-color:#29477a !important;border-color:#29477a !important;color:#fff !important;}

/* 회색 */				.btnGrey {background-color:#7e7f87 !important;border-color:#7e7f87 !important;color:#fff !important;}
/* 연회색 */			.btnLGrey {background-color:#888 !important;border-color:#888 !important;color:#fff !important;}


/* border+ 빨간색 */  		.btnBdDef {background-color:#fff !important;border-color:#af0d16 !important;color:#af0d16 !important;}
/* border+ 파란색 */		.btnBdPoint {background-color:#fff !important;border-color:#29477a !important;color:#29477a !important;}
/* border+ 회색 */			.btnBdGrey {background-color:#fff !important;border-color:#555 !important;color:#555 !important;}
/* border+ 연회색 */		.btnBdLGrey {background-color:#f5f5f5 !important;border-color:#b3b3b3 !important;color:#454545 !important;}

.btn a img {padding-right: 10px;}

.btn .excel {border-color: #2f7c24;color: #2f7c24;}

.btnArea {font-size: 0;line-height: 0;text-align: center;}

form .btnArea {margin-top: 50px;}
.btn .btnBig {min-width: 150px;height: auto;padding:5px 15px;}


.btnEdit {display: block;width: 150px;height: 40px;margin: 0 auto;line-height: 40px;border-radius: 20px;box-shadow: 1px 0 10px rgba(0, 0, 0, 0.16);background-color: #fff;color: #af0d16 !important;font-size: 16px;text-align: center;font-family: 'Pretendard-Medium', sans-serif;text-decoration: none;}
.btnDrag {display: block;width: 29px;height: 31px;margin: 0 auto;: center;}

/* 공통 */
div.wrapper {position: relative;overflow: hidden;width: 100%;min-width:1400px;font-family: 'Pretendard-Regular', sans-serif;background-color: #fff;}


/* Header 영역 */
div#headerWrap {position: relative;height: 50px;padding-top: 100px;}
div#headerWrap:after {position: absolute;left: 0;bottom: 0;display: block;width: 100%;height: 50px;content: "";background-color: #af0d16;}

div#headerWrap h1 {position:absolute;left:50%;top:37px;margin-left: -700px;}
div#headerWrap h1 a, 
div#headerWrap h1 img {display:block;}

ul#gnb {position: relative;z-index: 10;}
ul#gnb:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul#gnb li {position: relative;float: left;}
ul#gnb li:before {position: absolute;left: 0;top: 50%;transform:translateY(-50%);content: "";width: 2px;height: 20px;background-color: #fff;opacity: .34;}
ul#gnb li:first-child:before {display: none;}
ul#gnb a {display: table-cell;width: 700px;height: 50px;vertical-align: middle;text-align: center;color: #fff;font-size: 20px;line-height: 22px;}

div.headerUtil * {margin: 0;padding: 0;list-style: none;text-decoration: none;}
div.headerUtil {position: absolute;left: 50%;top: 35px;width: 700px;text-align: right;font-size: 0;line-height: 0;}
div.headerUtil ul,
div.headerUtil li,
div.headerUtil div {display: inline-block;vertical-align: top;}
div.headerUtil a {display: block;font-size: 14px;line-height: 30px;color: #fff;text-align: center;}

div.headerUtil ul {position: relative;width: 226px;text-align: center;padding: 0 10px;margin-right: 15px;border-radius: 15px;background-color: #474747;}
div.headerUtil ul:after {position: absolute;left: 50%;top: 50%;transform:translate(-50%, -50%);content: "";width: 4px;height: 4px;border-radius: 50%;background-color: #fff;}
div.headerUtil li {width: 50%;}
div.headerUtil .logout a {width: 80px;border: 1px solid #af0d16;color: #af0d16;line-height: 28px;}

.pageTit {margin: 0;padding: 0 0 10px;font-weight: normal;color: #222;font-size: 24px;font-family: 'Pretendard-Medium', sans-serif;}

div#container {width: 1400px;margin: 0 auto;padding: 35px 0 70px;}









/* 페이징 */
ul.pager {clear: both;margin: 0;padding:30px 0;text-align:center;}
ul.pager li {display:inline-block;vertical-align: top;list-style:none;}
ul.pager li {margin-left:2px;}
ul.pager li:first-child {margin-left:0;}
ul.pager img {display: inline-block;vertical-align: top;width: 30px;}

ul.pager a {display: inline-block;width: 30px;border:0 none;padding: 4px 0 6px;vertical-align: top;text-decoration: none;color: #808080;font-size: 14px;line-height:20px;}
ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a {display:inline-block;padding:0;}

ul.pager a.on {background-color: #a3a3a3;color: #fff;text-align: center;}
ul.pager a img {width: 30px;}









table.inputTbl,
table.tblDef {border-top: 2px solid #797d91;}
table.inputTbl > * > tr > th,
table.tblDef > * > tr > th {background-color: #f5f6fa;color: #222;}
table.tblDef > * > tr > th {border-right: 1px solid #dedede;}
table.inputTbl > * > tr > th + * {border-left: 1px solid #dedede;}
table.inputTbl > * > tr > td,
table.tblDef > * > tr > td {color: #555;} 
table.inputTbl > * > tr > * + *,
table.tblDef > * > tr > td + th {border-left: 1px solid #dedede;} 
table.inputTbl > * > tr > *,
table.tblDef > * > tr > * {padding: 5px 15px;font-family: 'Pretendard-Regular', sans-serif;font-size: 16px;border-bottom: 1px solid #dedede;letter-spacing: -1px;}

table.tblDef > * > tr > th,
table.inputTbl > * > tr > th {padding: 5px 0;}

table.inputTbl input[type=text],
table.inputTbl input[type=password],
table.inputTbl input[type=date],
table.inputTbl select {width: 361px;height: 30px;padding: 0 5px;border: 1px solid #e1e1e1;box-sizing: border-box; font-family: 'Pretendard-Regular', sans-serif;}

table.tblDef a,
table.inputTbl a {color: #555;text-decoration: none;}

table.inputTbl input[type=radio],
table.inputTbl input[type=checkbox] {margin: 8px 0 0 0;}
table.inputTbl input[type=radio] + label {margin-right: 10px;}
table.inputTbl label {line-height: 30px;}
table.inputTbl .pluginArea {padding: 0 !important;}


/* 검색영역 */
div.searchArea {}


table.list {border-top: 2px solid #797d91;}
table.list > * > tr > * {padding: 5px;border-left: 1px solid #dedede;border-bottom: 1px solid #dedede;text-align: center;font-size: 14px;line-height: 18px;font-family: 'Pretendard-Regular', sans-serif;}
table.list > * > tr > *:first-child {border-left: 0 none;}

table.list > thead > tr > th {background-color: #f5f6fa;color: #222;font-family: 'Pretendard-Medium', sans-serif;}

table.list .bdLeft {border-left: 1px solid #dedede !important;}

a.list {display: inline-block;vertical-align: top;padding: 0 10px;border: 1px solid #2273b2;background-color: #2273b2;color: #fff;font-size: 13px;line-height: 18px;}
a.preview {display: inline-block;vertical-align: top;padding: 0 10px;border: 1px solid #000033;background-color: #fff;color: #000033;font-size: 13px;line-height: 18px;}
a.print {display: inline-block;vertical-align: top;padding: 0 10px;border: 1px solid #af0d16;background-color: #af0d16;color: #fff;font-size: 13px;line-height: 18px;}



/* 로그인 */
div.loginWrap {min-height: 800px;background: #f4f9ff url('/image/login_bg.png') 0 0 no-repeat;}

div.login {position: absolute;left: 50%;top: 50%;transform:translate(-50%, -50%);width: 870px;}
div.login h1 {margin: 0;padding-bottom: 50px;}
div.login h1 img {display: block;margin: 0 auto;}

div.login form {padding: 80px 95px;border-radius: 10px;background-color: #fff;box-shadow:15px 5px 30px rgba(0,0,0,.17);}
div.login input {display: block;width: 100%;height: 75px;border: 1px solid #eaeaea;box-sizing:border-box;font-size: 24px;color: #222;}
div.login dl {position: relative;margin-bottom: 10px;}
div.login dt {position: absolute;left: 25px;top: 0;color: #222;font-size: 24px;line-height: 75px;font-family: 'Pretendard-Medium', sans-serif;}
div.login dd input {padding: 0 25px 0 90px;}
div.login .btn {padding-top: 15px;}
div.login input[type=submit] {border-color: #af0d16;background-color: #af0d16;color: #fff;text-align: center;}



/* 팝업 */
div.popupWrap {}
div.popupWrap h1 {padding: 10px 30px;background-color: #af0d16;color: #fff;font-size: 20px;font-family: 'Pretendard-Regular', sans-serif;font-weight: normal;line-height: 1.3;}

div.popupCon {padding: 30px 30px 50px;}

div.popupWrap .btnArea {margin-top: 30px;}
div.popupWrap .btnArea > * {width: 120px;height: 40px;margin-left: 5px;text-align: center;font-size: 16px;line-height: 40px;}
div.popupWrap .btnArea > *:first-child {margin-left: 0;}


div#popupMember,
div#popupEvent {width: 620px;}

div#popupSort,
div#popupEdit,
div#popupPrint {width: 820px;}

div#popupSort div.scrollArea {max-height: 500px;margin-top: 30px;}
div#popupSort table.sort td {padding: 20px;}
div#popupSort table.sort tr:hover {background-color: #fdeaeb;}


div.photoEdit {position: relative;padding: 20px 304px 20px 20px;margin-top: 30px;border-top: 2px solid #797d91;border-bottom: 1px solid #dedede;}
div.photoEdit div.viewArea {width: 435px;height: 530px;background-color: #d9d9d9;}
div.photoEdit div.viewArea img {display: block;height: 100%;margin: 0 auto;}

ul.photoUtil, ul.photoUtil li {margin: 0; padding: 0; list-style: none; }
ul.photoUtil {position: absolute;width: 220px;height: 200px;top: 50%; transform: translateY(-50%); right: 40px;padding: 30px 0;border: 1px solid #dedede;box-sizing: border-box;}
ul.photoUtil li {position: relative;margin-left: 25px;}
ul.photoUtil li + li {margin-top: 5px;}

ul.photoUtil a {position: relative;display: block;padding-left: 75px;color: #222;line-height: 68px;font-size: 16px;font-family: 'Pretendard-Medium', sans-serif;background-repeat: no-repeat; background-position: left top; text-decoration: none;}

ul.photoUtil a.arrowL {background-image:url('/image/popup_left_arrow.png');}
ul.photoUtil a.arrowL:hover,
ul.photoUtil a.arrowL:focus {background-image: url('/image/popup_left_arrow_on.png');}

ul.photoUtil a.arrowR {background-image:url('/image/popup_right_arrow.png');}
ul.photoUtil a.arrowR:hover,
ul.photoUtil a.arrowR:focus {background-image: url('/image/popup_right_arrow_on.png');}


ul.receiptList, ul.receiptList li {margin: 0; padding: 0; list-style: none;}
ul.receiptList {margin-top: 30px;padding: 20px;border-top: 2px solid #797d91;border-bottom: 1px solid #dedede;}
ul.receiptList:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0;}
ul.receiptList li {float: left;width: 350px;height: 219px;margin: 20px 16px 0 0;border: 1px solid #ddd;}
ul.receiptList li:nth-child(2n) {margin-right: 0;}
ul.receiptList li:nth-child(-n+2) {margin-top: 0;}
ul.receiptList img {display: block;max-width:100%; height: 100%;margin: 0 auto;}


div#popupSms {width: 100%;}
div#popupSms div.scrollArea {max-height: 119px;}
ul.smsList, ul.smsList li {margin: 0; padding: 0; list-style: none; }
ul.smsList {margin-bottom: 15px; text-align:center;}
ul.smsList li {color: #222;font-size: 16px;font-family: 'Pretendard-Regular', sans-serif;letter-spacing: -1px;}

div#popupSms input[type=text] {width: 100%;text-align: center;}