@charset "utf-8";

/* TEST */
.Test1 {
	background-color:red;
}
.Test2 {
	background-color:skyblue;
}



/* Admin Head */
.BodyWrap {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;position: relative;height: 100%;min-width: 1270px;padding: 0 0 0 210px;}
.Header {position: relative;z-index: 200;top: 0;left: 0;width: 100%;height: 80px;padding: 22px 40px 22px 40px;border-bottom: 1px solid #eee;}
.Header > .HeaderRight {float:right;}
.Header > .HeaderLeft {float:left; line-height:35px;}
.Header .HeaderBtn {position: relative;display: inline-block;margin: 0 0 0 20px;height: 36px;line-height: 36px;color: #333;font-size: 14px;letter-spacing: -1.0px;cursor: pointer;}
.HeaderBtnLine:after{content:''; display:inline-block; width:1px; height:14px; margin:0px 0px 0px 20px; background:gray; vertical-align:middle;}
.Nav {position:relative;padding:0 28px;-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);}
.Nav > ul {display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;white-space: nowrap;}
.Nav > ul > li {padding-right: 0;border-left:1px solid #eee;width:150px;max-width:150px;min-width:80px;padding:0;}
.Nav > ul > li:last-child {border-right:1px solid #eee;}
.Nav .NavItem {display: block;border-bottom: 2px solid #CCC;width: 100%;min-width: 35px;max-width: 400px;height: 60px;overflow: hidden;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;font-size: 16px;line-height: 60px;}
.NavItem:hover{border-bottom: 2px solid #f43142; color:#f43142 !important; font-weight:500;}
.active {border-bottom: 2px solid #f43142 !Important; color:#f43142 !important; font-weight:500;}

/* Admin LeftMenu */
.LeftBody {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
	position: fixed;z-index: 400;top: 0;left: 0;height: 100%;width: 210px;background-color: #4a4e5a;color: #fff;overflow: hidden;-webkit-transition: width 0.3s ease;transition: width 0.3s ease;}
.LeftBodyLogoAreaRow { position:relative; height: 142px; overflow:hidden; border-bottom:1px solid #333;}
.LeftBodyLogoArea {display:table-cell; z-index: 50;width: 210px; max-width:210px;height: 142px;padding: 10px;color: #fff;text-align:center; vertical-align:middle;font-size:1.6em;}
#LeftMenu {position:relative;width:210px;height:calc(100%-80px);}
.LeftSideMenu {min-height:35px;line-height:35px;}
.LeftSideMenuLi_1 {line-height:35px;font-size:1.1em;border-bottom:1px solid #333;}

.LeftSideMenuUl_2 { background-color:#34373d; }
.LeftSideMenuUl_2_disbled { display:none; }
.LeftSideMenuLi_2 {line-height:28px;font-size:0.8em;padding-left:24px;}
.LeftSideMenuLi_2 > a {color:#a0a6b5 !important;}
.LeftSideMenuLi_2 > a:hover {color:#bbdfff !important;}
.LeftSideMenuLi_2_Focus > a {color:#bbdfff !important;}
.LeftSideMenuLiTit {margin:6px;}
.LeftSizeMenuLiRightIcon {line-height:41px; width:25px;}
.mCSB_container{margin-right:0px!important;}

/* Index */
.ArticleBody {position:relative; background-color:#f6f6f6;padding:28px;}

/* Page */
.PageNav {line-height:25px;padding:5px;}
.PageNav > .PageNavText {font-size:1.2em;font-weight:400;}
.PageBody {border:1px solid #d9d9d9;min-height:400px; padding:30px 20px; background-color:white;}
.PageTable {width: 100%;border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;}
.PageSubmitLine {padding:20px;text-align:center;line-height:1.5;}
.pTr > td,.pTr > th {border-top:1px solid #c9c9c9;}
.pTh {position:relative;word-break: keep-all;vertical-align:middle;font-size:0.9em;width:18%;padding:6px 15px;background-color:#f1f1f1; text-align:left; font-family:"NF";line-height:35px;font-weight:500;}
.pTd {position:relative;font-size:0.9em;vertical-align:middle;width:32%;padding:6px 15px;background-color:#fff; text-align:left; font-family:"NF";line-height:35px;}

.PageTitle {font-family:NF;font-size:1.0em;line-height:30px;}

/* Member */ /* 기타 */
.lTh {text-align:center;position:relative;vertical-align:middle;font-size:0.9em;background-color:#f1f1f1; font-family:"NF";font-weight:500;border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;}
.lTh:last-child {border-right:none;}
.lTd {text-align:center;position:relative;vertical-align:middle;font-size:1.0em;font-family:"NF";font-weight:400;border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;height:32px;}
.lTd:last-child {border-right:none;}

/* It_List */
.ItListTitle {font-weight:500;font-size:1.1em;border:1px solid #c9c9c9;background-color:#f5f5f5;padding:10px;}
.ItListCon {border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9;padding:15px;font-size:0.9em;}
.ItListSearchLine {border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;text-align:center;}
.ItListSearchBtnLine {border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;padding:15px;text-align:center;}
.ItListTh {font-weight:500; background-color:#f1f1f1;border-top:1px solid #c9c9c9;}
.ItListTd {padding:4px;font-weight:400;border-top:1px solid #c9c9c9;}
.ItListTr {height:40px;}
.ItListSfl {font-weight:400;font-size:0.8em;vertical-align:middle;height:35px;}
.ItListStx {vertical-align:middle;width:40%;height:35px;}
.ItListStxLineBtn {font-size:1.2em;vertical-align:middle;}
.ItListConTh {height:35px;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;font-size:1.0em;}
.ItListConTd {height:35px;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;font-weight:400;font-size:0.9em;}
.ItListItNormalAmt, .ItListItAmt, .ItListItPoint, .ItListItStockQty {font-size:1em;width:65%;}
.ItListItName {font-size:1.1em;font-weight:500;}
.ItListItDesc{font-size:0.9em;font-weight:400;}
.ItListOpDesc{ position:relative; font-size:0.9em;font-weight:400; padding-top:5px; padding-left:5px; color:gray;  }
.ItListOpDescSpan { position:absolute; border:1px solid #d9d9d9; background-color:white; padding:5px; left:40px;top:20px; display:none; }
.ItListItState {font-size:1.0em;padding:3px;}
.ItListItState > option:nth-child(1) {color:#53a8ff;}
.ItListItState > option:nth-child(2) {color:#ff8080;}
.ItListItState > option:nth-child(3) {color:gray;}
.ItListlCount {font-size:1em;vertical-align:middle;padding:2px;margin:2px;}

/* Od_List */
.OdListTitle {font-weight:500;font-size:1.1em;border:1px solid #c9c9c9;background-color:#f5f5f5;padding:10px;}
.OdListCon {border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9;padding:15px;font-size:0.9em;}
.OdListSearchLine {border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;text-align:center;}
.OdListSearchBtnLine {border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;padding:15px;text-align:center;}
.OdListTh {font-weight:500; background-color:#f1f1f1;border-top:1px solid #c9c9c9;}
.OdListTd {padding:4px;font-weight:400;border-top:1px solid #c9c9c9;}
.OdListTr {height:40px;}
.OdListSfl {font-weight:400;font-size:0.8em;vertical-align:middle;height:35px;}
.OdListStx {vertical-align:middle;width:40%;height:35px;}
.OdListStxLineBtn {font-size:1.2em;vertical-align:middle;}
.OdListConTh {height:35px;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;font-size:1.0em;}
.OdListConTd {height:35px;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;font-weight:400;font-size:0.9em;}
.OdListlCount {font-size:1em;vertical-align:middle;padding:2px;margin:2px;}

/* Bb_List */
.BbListTitle {font-weight:400;font-size:1.1em;border:1px solid #c9c9c9;background-color:#f5f5f5;padding:10px; }
.BbListCon {border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9;padding:15px;font-size:0.9em;}
.BbListSearchLine {border-left:0px solid #c9c9c9;border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;text-align:center;}
.BbListSearchBtnLine {border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;padding:15px;text-align:center;}
.BbListTh {font-weight:500; background-color:#f1f1f1;border-top:1px solid #c9c9c9;}
.BbListTd {padding:4px;font-weight:400;border-top:1px solid #c9c9c9;}
.BbListTr {height:40px;}
.BbListSfl {font-weight:400;font-size:0.8em;vertical-align:middle;height:35px;}
.BbListStx {vertical-align:middle;width:40%;height:35px;}
.BbListStxLineBtn {font-size:1.2em;vertical-align:middle;}
.BbListConTh {height:35px;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;font-size:1.0em;}
.BbListConTd {height:35px;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;font-weight:400;font-size:0.9em;}
.BbListlCount {font-size:1em;vertical-align:middle;padding:2px;margin:2px;}

/* ETC */

	/*스위치*/
	.switch {position: relative;display: inline-block;width: 40px;height: 17px;vertical-align:middle;}
	.switch input {display:none;}
	.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .2s;transition: .2s;}
	.slider:before {position: absolute;content: "";height: 13px;width: 13px;left: 2px;bottom: 2px;background-color: white;-webkit-transition: .2s;transition: .2s;}
	input:checked + .slider {background-color: #085686;}
	input:focus + .slider {box-shadow: 0 0 1px #085686;}
	input:checked + .slider:before {-webkit-transform: translateX(23px);-ms-transform: translateX(23px);transform: translateX(23px);}
	.slider.round {border-radius: 17px;}
	.slider.round:before {border-radius: 50%;}
	p {margin:0px;display:inline-block;}

	/* 마크 */
	.Cog {
		margin-left:5px;font-size:25px;
		vertical-align:middle;
		cursor:pointer;
	}

	/* ZOOM */
	.zoom {background-color: none;transition: transform .2s;margin: 0 auto;}
	.zoom:hover {transform: scale(1.5);border:1px solid #d9d9d9;}