@charset "utf-8";

/* 헤더 */
header {width:100%; text-align:center; padding:30px 0; background:url(../../basic/img/top_bg.jpg) no-repeat 50%; display:block; overflow:hidden;}
header > h4.admTitle {
	text-align: left;
	text-indent: 260px;
	font-size: 22px;
}
.logo {float:left; margin-top:-16px;}
.logo a {}
.logo-img {height:55px; margin-left:30px;}

nav {
	/* padding:13px 0; */
}
nav ul {}
nav ul li {display:inline-block; font-size:18px; font-weight:600; padding:0 20px; position:relative; z-index:0;}
nav ul li:after, nav ul li:before {
	position:absolute;
	content:"";
	opacity:0;
	transition:all .3s;
	z-index:-1;
	top:13px;
	left:50%;
	width:35px;
	height:35px;
	border:3px solid #eaf1f8;
	transform:translateX(-50%) translateY(-50%) scale(.8);
	border-radius:50%;
	background:transparent;
}
nav ul li:after {border-width:2px; transition:all .4s;}
nav ul li:hover:before {opacity:1; transform:translateX(-50%) translateY(-50%) scale(1); background-color:#eaf1f8;}
nav ul li:hover:after {opacity:1; transform:translateX(-50%) translateY(-50%) scale(1.3);}
nav ul .active:before {
	position:absolute;
	content:"";
	opacity:1;
	z-index:-1;
	top:13px;
	left:50%;
	width:44px;
	height:44px;
	border:3px solid #eaf1f8;
	transform:translateX(-50%) translateY(-50%) scale(.8);
	border-radius:50%;
	background:transparent;
	background-color:#eaf1f8
}

#userNM {position:absolute; top:30px; right:30px;}

aside {min-width:230px; background-color:#1e3048; float:left; top:0; height:100vh; position:fixed;}
aside ul {margin-top:150px;}
aside ul li {
	list-style: none;
	font-size: 13pt;
	background-color: #254c5d;
	margin: 9px 0 5px 26px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	z-index: 1;
	position: relative;
}
aside ul li a {	padding: 13px 0 13px 50px; color:#d1d1d1; display:block; overflow:hidden; width:100%;}
aside ul li:before {
    content: "";
    background-color: #2a626d;
    position: absolute;
    left: 0;
    width: 35px;
    height: 51px;
    top: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 1;
}

aside ul li.active {background-color:#fff;}
aside ul li.active a {color:#000;}
aside ul li.active::before {
	content: "";
	background: #3fbcaf url(../img/icon_hub_w.png) no-repeat 50% 50%;
	position: absolute;
	left: 0;
	width: 35px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	z-index: 1;
}
aside ul li:hover {background-color:#fff; color:#191919;}
aside ul li:hover a {color:#000;}
aside ul li:hover a::before {
	content: "";
	background: #3fbcaf url(../img/icon_hub_w.png) no-repeat 50% 50%;
	position: absolute;
	left: 0;
	width: 35px;
	height: 51px;
	top:0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	z-index: 1;
}
#AdmContents {float:right; width:calc(100% - 230px); background-color:#eaf1f8; padding:20px 0; min-height:820px;}
#UsrContents {float:right; width:100%; background-color:#eaf1f8; padding:20px 0; min-height:820px; position:relative;}
#UsrContents > h2 {width:100%; text-align:center; font-size:30px; font-weight:500; margin-bottom:30px;}

.admList, .addItem {margin:0 30px; padding:10px;}
.admList > h4, .addItem > h4, .usrForm > h4 {border-bottom:1px solid #ccc; padding-bottom:10px; font-size:18px; font-weight:500; overflow:hidden;}
.admList > ul, .addItem > ul, .usrForm > ul {padding:10px 0;}

.addItem {background-color:#fff; border-top:2px solid #1e3048; border-bottom:1px solid #1e3048; overflow:hidden;}
.addItem > ul {}
.addItem > ul > li {display:inline-block;}
.addItem > ul > li > span {display:block; margin-bottom:5px; font-size:12px;}
.addItem > ul > li input, .addItem > ul > li select {width:200px;}

.admList {margin-top:30px; background-color:#fff; border-top:2px solid #1e3048; border-bottom:1px solid #1e3048}
.admList > ul {}
.admList > ul > li {margin-bottom:10px;}
.admList > ul > li:last-child {margin-bottom:0;}




.admListCnt {font-size:14px; border:1px solid #f1f1f1; background-color:#f4fffe; padding:5px 20px; position:relative; border-radius:9px; overflow:hidden; line-height:36px;}
.admListCnt::before {content:""; position:absolute; width:10px; height:100%; left:0; top:0; background-color:#000;}

.BtnClk {float:right;}

.addCnt {display:none; overflow:hidden; width:100%; padding:10px; background-color:#fbfbfb; margin-top:10px; border:1px solid #efefef; border-radius:9px;}
.addCnt > ul {}
.addCnt > ul > li {display:inline-block; line-height:normal;}
.addCnt > ul > li > span {display:block; margin-bottom:5px; font-size:12px;}


.pager {text-align:center;}

.preline {white-space:pre-line;}


/* 유저영역 */
.customer_top {position:absolute; top:33px; right:40px;}
.total_container {display:inline-block; margin-right:10px; font-size:12px;}
.total_container:last-child {margin-right:0;}
.total {
    padding: 5px 7px;
    border-radius: 5px;
    color: #fff;
    margin-right: 5px;
    font-weight: 600
}

.total-color {
    background-color: #56a0d3
}

.today-color {
    background-color: #1e3048
}

.result-color {
    background-color: #fff875;
    color: #191919
}


.usrItem {background-color:#fff; border-top:2px solid #1e3048; border-bottom:1px solid #1e3048; margin:0 30px; padding:10px; font-size:14px; display:inline-block; width:calc(100% - 60px);}
.usrItem > h4 {border-bottom:1px solid #ccc; padding-bottom:10px; font-size:18px; font-weight:500; overflow:hidden;}
.usrItem > ul {padding:10px 0; float:left; margin-right:20px; width:calc(25% - 20px);}
.usrItem > ul:last-child {margin-right:0;}
.usrItem > ul > li {margin-bottom:5px;}
.usrItem > ul > li > p {position:relative; display:inline-block; width:calc(100% - 114px); float:right;}
.usrItem > ul > li > p > input {}
.usrItem > ul > li > p > i {position:absolute; right:8px; bottom:12px;}
.usrItem > ul > li > select {width:calc(100% - 114px);}
.usrItem > ul > li:last-child {margin-bottom:0;}
.usrItem > ul > li > span {display:block; margin-bottom:5px; font-size:12px;}

.schTitle {display:inline-block; margin-right:10px; width:100px; line-height:33px;}
.useAdult {display:none;}


.columnCnt {margin:0 30px; display:inline-block; width:calc(100% - 60px); background-color:#fff; margin-bottom:30px; border-bottom:1px solid #1e3048; position:relative;}
.columnCnt::before {content:""; position:absolute; top:calc(0% - -2px); right:50%; height:calc(100% - 3px); border-right:2px dotted #ccc;}

.usrForm {background-color:#fff; border-top:2px solid #1e3048; float:left; width:50%; padding:10px 30px;}
.usrForm > ul {}
.usrForm > ul > li {display:inline-block; position:relative;}
.usrForm > ul > li > span {display:block; margin-bottom:5px; font-size:12px;}
.usrForm > ul > li input, .usrForm > ul > li select {width:200px;}


.modifyst {margin:0 30px 30px; overflow:hidden; background-color:#fff; margin-bottom:30px; border-bottom:1px solid #1e3048; position:relative;}

.bn_file {background-color:#fff !important; border:none;}
.dateTime {position:relative;}
.dateTime::before {
	content:"\f073";
	position:absolute;
	font-family:'FontAwesome';
	top: 0;
	left: 0;
	font-size: 14px;
}


.usrForm > ul > li > i {
	position: absolute;
    right: 8px;
    bottom: 12px;
}


.btnSecTion {
	text-align:right;
	margin: 0 30px;
    padding: 10px;
    font-size: 14px;
    overflow: hidden;
}
#DataArea {width:0; height:0; position:absolute; z-index:-1;}


/* 진행상태 클래스 */
.status {padding:5px 10px; border-radius:25px; display:block; overflow:hidden; background-color:#f1f1f1;} 



/***** 팝업 *****/
#PdPopUpScreen {position:fixed; width:100%; top:0; left:0; height:100vh; background-color:rgba(0, 0, 0, 0.5); z-index:1; display:none;}

#PdPopUp {position:absolute; width:700px; left:calc(50% - 350px); background-color:#fff; top:200px; border-radius:9px;}
#PdPopUp > button {position:absolute; right:20px; top:14px; font-size:20px; z-index:2;}
#PdPopUp > button > i {overflow:inherit;}
#PdPopUp > div > h4 {padding:20px; font-size:18px; border-bottom:1px solid #ccc;}
/* #PdPopUp > div > ul {padding:16px 0 100px;}
#PdPopUp > div > ul > h4 {text-align:center; font-size:18px; font-weight:400;}
#PdPopUp > div > ul > li {padding:0 24px;} */

#StockUp {}
#StockUp > ul {}
#StockUp > ul > li {}

.popCoupon {margin-bottom:54px; margin-top:20px;}
.popCoupon:last-child {margin-bottom:0;}
.popCoupon > dt {background-color:var(--red); color:#fff; border-radius:6px; padding:12px 20px; font-size:15px; font-weight:400;} 
.popCoupon > dd {margin-top:14px; padding:0 20px; font-weight:300; color:#323232; line-height:27px;}

.PdUp {width:50%; padding:20px; display:block; /*overflow:hidden;*/ float:left;}
.PdUp > dl {float:left; width:100%; margin-bottom:10px;}
.PdUp > dl > dt {float:left; width:100px; line-height:34px;}
.PdUp > dl > dd {float:right; width:calc(100% - 100px); }


.popUpMemo {width:100%; padding:20px; display:block; overflow:hidden; float:left;}
.popUpMemo > dl {float:left; width:100%; margin-bottom:10px;}
.popUpMemo > dl > dt {float:left; width:100px; line-height:34px;}
.popUpMemo > dl > dd {float:right; width:calc(100% - 100px); }

.PdPopUpSubmit {text-align:center; margin:20px;}

/* 알람스타일 */
.alarm {position:fixed; bottom:30px; right:80px;}
.alarmPop {
	font-size: 14px;
    display: block;
    overflow: hidden;
    height: 200px;
    background-color: #f1f1f1;
    width: 200px;
    border-radius: 9px;
	box-shadow: 0 0  10px -4px #000;
}
.alarmPop > dl {}
.alarmPop > dl > dt {padding:20px; border-bottom:1px solid #000;}
.alarmPop > dl > dd {text-align:left; margin-left:0; padding:20px;}
.alarmPop > dl > dd > a {}


/***** 로그인 타입 *****/
#LoginType {width:450px; margin:auto;}
#LoginType h2 {width:168px; margin:auto; padding-bottom:31px;}
#LoginType h2 img {width:100%;}
#LoginType > ul {display:block; overflow:hidden;}
#LoginType > ul > li {color:var(--fcGray2);border:1px solid #F1F1F1;text-align:center;float:left;width:50%;font-size: 18px;padding: 20px 0;border-radius:9px 0 0 9px;cursor:pointer;}
#LoginType > ul > li:nth-of-type(2){border-radius:0 9px 9px 0;}
#LoginType > ul > li.active {color:#fe0000; border:1px solid #fe0000;}

#LoginBox {margin-top:10px; border:1px solid #f2f2f2; border-radius:9px; overflow:hidden;}
#LoginBox ul {}
#LoginBox ul li {border-bottom:1px solid #f2f2f2;}
#LoginBox ul li:last-child {border-bottom:none;}
#LoginBox ul li input[type="text"],
#LoginBox ul li input[type="password"] {width:100%; font-family:'SUIT'; border:none; padding:25px;}
#LoginBox ul li span { color:var(--fcGray2); font-weight:500; font-size:15px; padding:10px 12px 18px; cursor:pointer; display:inline-block;}
#LoginBox ul li span.avtive {color:#525050 !important; font-weight:700 !important; position:relative;}
#LoginBox ul li span.avtive::before {position:absolute; content:""; border-right:1px solid #DBD7D7; width:1px; height:12px; right:0; top:15px;}
.btnSubmit {width:100%;background-color:#56a0d3;color:#fff;border:none;height:59px;line-height:59px;font-size: 18px;font-weight: 500;}


/* 업소 찾기 */
#FindCompany {position:relative;}
#RvCoFind {width:440px; border:1px solid #ccc; border-radius:4px; padding:6px; color:#424242; background: #fff url(../img/arrow.png) no-repeat calc(100% - 13px) 50%; cursor:pointer;}
#ApCoFind {width:100%; border:1px solid #ccc; border-radius:6px; padding:11px 16px; color:#424242; margin-top:-5px; background:#fff url(../img/arrow.png) no-repeat calc(100% - 13px) 50%; cursor:pointer; font-size:14px; font-weight:400;}

/* 업소검색 Ajax */
.rvCoFindAjax {z-index:1; position:absolute; top:10px; left:0; background-color:#fff; border:1px solid #ccc; width:400px; height:400px; border-radius:6px; display:none;}
.rvCoFindAjax h4 {font-size:16px; font-weight:400; padding:22px 30px 17px;}
.rvCoFindAjax a {float:right; font-weight:400;}

.schCopny {border-bottom:2px solid var(--red); padding-bottom:24px;}
.schCopny > li {position:relative; padding:0px 30px;}
.schCopny > li::before {content:"\f002"; font-family:"FontAwesome"; position:absolute; left:50px; font-size:16px; top:10px; color:#4c4c4c;}

.schCopny > li > input[type='text'] {border:none; background-color:#F5F5F5; border-radius:25px; width:100%; text-indent:40px;}
.schCopny > li > input[type='text']::placeholder {color:#BABABA; font-size:14px;}
.schCopny > li > i {cursor:pointer; position:absolute; top:7px; right:43px; font-size:18px; color:#4c4c4c;}

.rvAjaxCpList {padding:24px 30px; overflow:auto; height:240px;}
.rvAjaxCpList > li {font-size:14px; display:block; overflow:hidden; margin:10px 0;}
.rvAjaxCpList > li > p {float:left; cursor:pointer;}
.rvAjaxCpList > li > span {float:right; color:#fff; background-color:var(--red); border:1px solid var(--red); border-radius:6px; padding:2px 7px; font-size:12px; cursor:pointer;}
.rvAjaxCpList::-webkit-scrollbar {width:4px;}
.rvAjaxCpList::-webkit-scrollbar-thumb {background-color:#ccc; border-radius:25px;}
.rvAjaxCpList::-webkit-scrollbar-track {background-color:#f1f1f1; border-radius:25px; box-shadow:inset 0px 0px 5px white;}

/* 업소검색 팝업 */
#RvCoFindPop {width:440px; border:1px solid #ccc; border-radius:4px; padding:6px; color:#424242; background: #fff url(../img/arrow.png) no-repeat calc(100% - 13px) 50%; cursor:pointer;}
.rvCoFindAjaxPop {z-index:1; position:absolute; top:10px; left:0; background-color:#fff; border:1px solid #ccc; width:400px; height:400px; border-radius:6px; display:none;}
.rvCoFindAjaxPop h4 {font-size:16px; font-weight:400; padding:22px 30px 17px;}
.rvCoFindAjaxPop a {float:right; font-weight:400;}

/* 검색결과 셀렉 */
.selectInput {width:200px; float:left; display:none;}
.use_cpNm { width:200px; float:left; margin-left:10px; margin-top:-5px;}
.use_cpNm > ul {}
.use_cpNm > ul > li {float:left; cursor:pointer; padding:11px 15px;; border-radius:6px; border:1px solid #D0D0D2; margin-right:5px; font-size:14px; color:#424242;}
.cpNmActive {border-color:var(--red) !important; color:var(--red) !important;}
.textInput {width:200px; float:left; margin-top:-5px;}
.textInput > input[type='text'] {padding: 11.5px 10px; border:1px solid #ccc; border-radius:6px;}



/* footer */
footer {background:#212020; margin:0 auto; text-align:center; display:block; overflow:hidden; width:100%;}


@media (max-width:1400px) { 
	.columnCnt {width:calc(100% - 60px);}
	.columnCnt:nth-of-type(2){margin-top:30px;}
	.usrmemo {width:100% !important; margin-left: 0 !important;}
}

/* .columnCnt {column-count:2;}

@media (max-width:1400px) { 
	.columnCnt {column-count:1;}
} */