@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
html, body {font-family:'Noto Sans KR','Noto sans','Open sans', sans-serif !important;overflow:auto !important;}
* {box-sizing:border-box;}

.pace-disable:not(.modal-open) {
	overflow-y: unset;
}
 
/* color */
.c-blue {color:#4789e7 !important;}
.c-red {color:#ee445f !important;}
.c-gray {color:rgb(130,130,130) !important;}
.c-black {color:rgb(0,0,0) !important;}

/* padding */
.padding-0 {padding:0px !important;}
.pb-0 {padding-bottom:0px !important;}
.pb-15 {padding-bottom:15px !important;}
.pb-48 {padding-bottom:48px !important;}
.pb-50 {padding-bottom:50px !important;}
/* overflow */
.of-h {overflow:hidden !important;}
.of-un {overflow:unset !important;}
.of-visi {overflow:visible !important;}

/* border */
.b-border-0 {border-bottom:0px !important;}
.b-border-1 {border-bottom:1px solid rgb(180,180,180) !important;}
.b-border-2-ededed {border-bottom:2px solid #ededed !important;}
.b-border-2-9e9e9e {border-bottom:2px solid #9e9e9e !important;}
.border-0 {border:0px !important;}
.b-border-2-9e9e9e {border-bottom:2px solid #9e9e9e !important;}

/* text align */
.ta-left {text-align:left !important;}
.ta-center {text-align:center !important;}
.ta-right {text-align:right !important;}

/* font */
.fs-10 {font-size:10pt !important;}
.fs-18px {font-size:18px !important;}

/* text align */
.ta-center {text-align:center !important;}
.ta-right {text-align: right !important;}

/* FONT WEIGHT */
.fw-100 {font-weight: 100;}
.fw-200 {font-weight: 200;}
.fw-300 {font-weight: 300;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-bold {font-weight: bold;}
.fw-bolder {font-weight: bolder;}

/* MARGIN */
.mb-0 {margin-bottom: 0px !important;}
.mb-2 {margin-bottom: 2px !important;}
.mb-5 {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-13 {margin-bottom: 13px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-16 {margin-bottom: 16px !important;}
.mb-19 {margin-bottom: 19px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-23 {margin-bottom: 23px !important;}
.mb-25 {margin-bottom: 25px !important;}
.mb-27 {margin-bottom: 27px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-35 {margin-bottom: 35px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-50 {margin-bottom: 50px !important;}
.mb-51 {margin-bottom: 51px !important;}
.mb-55 {margin-bottom: 55px !important;}
.mb-56 {margin-bottom: 56px !important;}
.mb-60 {margin-bottom: 60px !important;}
.mb-70 {margin-bottom: 70px !important;}
.mb-100 {margin-bottom: 100px !important;}

.ml-0 {margin-left: 0px !important;}
.ml-10 {margin-left: 10px !important;}
.ml-17 {margin-left: 17px !important;}
.ml-18 {margin-left: 18px !important;}
.ml-19 {margin-left: 19px !important;}
.ml-50 {margin-left: 50px !important;}
.ml-70 {margin-left: 70px !important;}
.ml-80 {margin-left: 80px !important;}
.ml-83 {margin-left: 83px !important;}
.ml-85 {margin-left: 85px !important;}

.mr-0 {margin-right: 0px !important;}

.mt-0 {margin-top: 0px !important;}
.mt-2 {margin-top: 2px !important;}
.mt-5 {margin-top: 5px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-13 {margin-top: 13px !important;}
.mt-14 {margin-top: 14px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-19 {margin-top: 19px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-55 {margin-top: 55px !important;}
.mt-60 {margin-top: 60px !important;}
.mt-150 {margin-top: 150px !important;}
.mt-180 {margin-top: 180px !important;}
.mt-200 {margin-top: 200px !important;}

/* FLOAT */
.f-left {float: left !important;}
.f-right {float: right !important;}

/* BACKGROUND COLOR */
.background-color-dark-gray {background-color:rgba(125,134,149,1);}
.background-color-blue {background-color:rgba(71,137,231,1);}

/* DISPLAY */
.display-none {display:none;}

/* POSITION */
.p_relative {position:relative;}
.p_absolute {position:absolute;}
.p_fixed {position:fixed;}

/* TEXT DECORATION */
.text_d_un {text-decoration:underline;}

/* CURSOR */
.cur-p {cursor:pointer;}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {font-size:15pt;cursor:hand;cursor:pointer;}

/* FONT */
.fs-10 {font-size:10px !important;}
.fs-11 {font-size:11px !important;}
.fs-12 {font-size:12px !important;}
.fs-13 {font-size:13px !important;}
.fs-14 {font-size:14px !important;}
.fs-15 {font-size:15px !important;}

/* Button */
.btn {border:0px;cursor:pointer;}
.payment-btn {width:100%;height:58px;background-color:rgb(60,60,60);color:rgb(255,255,255);border-radius:3px;font-weight:normal;font-size:13pt;margin-top:30px;float:left;}
.payment-btn:nth-child(2) {width:calc(50% - 10px);height:50px;background-color:rgb(51,131,241);color:rgb(255,255,255);border-radius:50px;font-weight:normal;font-size:13pt;margin-top:50px;float:right;}
.payment-btn:hover {color:rgb(255,255,255) !important;}
.payment-btn:active {color:rgb(255,255,255) !important;}
.payment-btn:visited {color:rgb(255,255,255) !important;}
.payment-btn:focus {color:rgb(255,255,255) !important;}

.more-product-btn {width:212px;height:58px;display:inline-block;border-radius:3px;background-color:rgb(255,255,255);border:1px solid #3c4450;color:#3c4450;text-align:center;font-weight:normal;font-size:18px;margin-right:20px;}
.more-product-btn:hover {color:rgb(60,60,60);}
.mypage-btn {width:212px;height:58px;display:inline-block;border-radius:3px;background-color:#3c4450;color:rgb(255,255,255);text-align:center;padding:5px 0px;font-weight:normal;font-size:12pt;margin-right:10px;}
.mypage-btn:hover {color:rgb(255,255,255);}
.mypage-content-btn {color:rgb(0,0,0);border:1px solid rgb(130,130,130);background-color:rgb(255,255,255);border-radius:0px;width:100%;height:100%;margin:0px;}
.qna-write-btn {width:120px;height:40px;background-color:rgb(60,60,60);color:rgb(255,255,255);border-radius:0px;float:right;border:0px;}
.qna-write-btn:hover {width:120px;height:40px;background-color:rgb(60,60,60);color:rgb(255,255,255);border-radius:0px;}
.popup-primary-btn {background-color:#4789e7;color:white !important;width:100%;height:50px;float:left;font-size:14pt;border:0px;border-radius:3px;}
.popup-close-btn {background-color:#eaeaea;color:black !important;width:100%;height:50px;float:left;font-size:14pt;border:0px;display:none;}
.popup-main-close-btn {background-color:rgb(60,60,60);color:white !important;width:100%;height:64px;float:left;font-size:14pt;border:0px;display:none;position:fixed;bottom:0px;}
.popup-close-pc-btn {background-color:rgb(60,60,60);color:white !important;width:100%;height:64px;float:left;font-size:14pt;border:0px;}

.black-more-product-btn {width:100%;max-width:260px;border-radius:5px;height:58px;line-height:58px;background-color:rgb(60,60,60);color:rgb(255,255,255);display:inline-block;}
.black-more-product-btn:hover {color:rgb(255,255,255);}

.no-member-mypage-btn {width:110px;height:30px;border:1px solid rgb(160,160,160);background-color:rgb(255,255,255);font-size:13px;}

.modal .cancel-btn {width:100%;background-color:#fff;border:none;color:#222428;}
.modal .popup-primary-btn {font-size:13px;}

.btn ,
.btn:hover, 
.btn:focus { 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

textarea::-webkit-input-placeholder {color: #b1b3b7;}
textarea:-ms-input-placeholder {color: #b1b3b7;}
textarea:-mos-input-placeholder {color: #b1b3b7;}
input::-webkit-input-placeholder {color: #b1b3b7;}
input:-ms-input-placeholder {color: #b1b3b7;}
input:-mos-input-placeholder {color: #b1b3b7;}

/****************************************************************************************************************************************seyoung_202003*/
/********************************************************************************************************************/
/* Creatorlink Shopping Dashboard ::: Page Detail PC CSS ▼ **********************************************************/ 
/* (1) Dashboard Shopping Menu																					  	*/
/* (2) Dashboard Shopping Sub Menu										 											*/
/* (3) Right Menu(Product Search Modal)											   									*/
/* (3-1) Product Search Modal 														   								*/
/* (4) Body(content)																								*/
/* (4-1) Order/Cancel/Exchange/Return 		:: Product List														 	*/
/* (4-2) QnA/Review							:: Contents List														*/
/* (4-3) Shopping_setting					:: Contents Setting													 	*/
/* (5) Modal Popup																								  	*/
/* (5-1) Order/Cancel/Exchange/Return		:: Product Detail Contents											  	*/
/* (5-2) Settings							:: Popup Contents										  				*/
/* (6) Shopping Mall																  								*/
/* (6-1) Shopping Mall						:: Product Detail									  					*/
/* (6-2) Shopping Mall						:: Mypage									  							*/

.container > .title {
	width:100%;
	font-size:23pt;
	font-weight:500;
	text-align:center;
}

/* (1) Dashboard Shopping Menu																					  */
.sub-navbar > li > a > div > .order-number { display:inline-block; margin-left:10px; color:#3c4450;}

/* (2) Dashboard Shopping Sub Menu										 											*/
.submenu_nav .sub-menu > span {margin-left: 9px;color:#4789e7;}
.submenu_nav .order-number { margin-left:8px;}

/* (3) Right Menu(Product Search Modal)											   								*/
.dot-menu {
	position: absolute;
	float: right;
	cursor: pointer;
	margin-right: 43px;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.right-menu {
	display:none;
	width:279px;
	border-radius:5px;
	position:absolute;
	right:-48px;
	top:68px;
	background-color:rgb(255,255,255);
	padding:20px 23px;
	z-index:19;
	box-shadow: 1px 1px 5px 4px rgb(213,213,213);
}
.right-menu .cl-icon-img {
	display:inline-block;
	position:absolute;
	right:8px;
	font-size:20px;
	padding-top:6px;
}
.right-menu:after, .right-menu::after {
	position: absolute;
	top: -9px;
	right: 95px;
	border-top: 11px solid none;
	background-color: #fff;
	box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, 0.4 );
	content: "\00a0";
	height: 20px;
	transform: rotate( 134deg );
	-moz-transform: rotate( 134deg );
	-ms-transform: rotate( 134deg );
	-o-transform: rotate( 134deg );
	-webkit-transform: rotate( 134deg );
	width: 20px;
}
.right-menu > ul > li {
	width:100%;
	line-height:35px;
	padding:17px 0px;
	cursor:pointer;
	font-weight:normal;
	border-bottom:1px solid rgb(151,151,151);
	position:relative;
}

.right-menu > ul > li:last-child {border-bottom:none;}
.right-menu > ul > li label {margin-bottom:0px; line-height: 1.16;}
.right-menu > ul > li:last-child form label div {
	line-height: 130%;
}
.right-menu > ul > li:last-child form label span {
	top: 15px;
}

/* (3-1) Product Search Modal 														   								*/
.cl-s-productSearch { width:100%; position: relative;}
.overflowHidden {overflow: hidden;}
.cl-cmmodal .sub-order-title.exchange-disabled:nth-child(6),
.cl-cmmodal form .sub-order-title:first-child {margin-top: 0;}
.cl-s-productSearch .sub-order-title,
.cl-cmmodal .sub-order-title {
	color:#696c71;	
	font-size:14px;	
	text-align: left; 
	margin-top: 30px;
	margin-bottom: 8px;
	float: left;
	width: 100%;
}
.cl-s-productSearch .sub-order-title,
.cl-cmmodal .sub-order-title,
.cl-s-productSearch .change-date-box .input-group input,
.cl-s-productSearch .change-date-box .input-group .site-visit-datetext,
.cl-s-productSearch .cl-s-popup-selectbox * {font-family: 'Noto Sans KR',sans-serif;}
.cl-s-productSearch .input-group { 
	border: 1px solid #dbdcdf; 
	padding:7px 20px 7px 15px;
	max-width: 140px; 
	border-radius: 3px;
	float: left;
}
.cl-s-productSearch .change-date-box {
	position: relative; 
	display: inline-block; 
	width: 100%;
	margin-bottom: 5px;
}
.cl-s-productSearch .change-date-box .input-group input{
	padding: 0;
	line-height: 1;
	height: auto;  
	width: 100%;
	opacity: 0; 
	position: relative;
	z-index: 11;
	cursor: pointer;
	font-size: 14px; 
	color: #696c71;
}
.cl-s-productSearch .change-date-box .input-group + .fa {
	content: '';
	float: left;
	display: inline-block;
	width: 8px;
	height: 1px;
	background-color: #696c71;
	margin: 20px 6px 0;
}
.cl-s-productSearch .change-date-box .input-group .site-visit-datetext {
	position: absolute;
	width: 90px;
	left: 9px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	font-size: 14px; 
	color: #696c71;
}
.cl-s-productSearch .change-date-box .input-group .site-visit-datetext + svg {
	fill:#4789e7;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
}
.cl-s-productSearch .change-date-box .bootstrap-datetimepicker-widget {
	position: absolute;
	top: 38px !important;
	left: 0px !important;
	max-width: 218px;
	min-width: 218px;
	padding: 5px 10px;
	font-size: 12px !important;
	text-align: center;
	word-break: break-word;
	-moz-border-radius: 0;
	border-radius: 0;
	box-shadow: none;
	max-width: 218px;
	min-width: 218px;
}

/** cl-s-productSearch datetimepicker **/
.cl-s-productSearch .bootstrap-datetimepicker-widget table thead th:hover,
.cl-s-productSearch .bootstrap-datetimepicker-widget table thead th:hover,
.cl-s-productSearch .bootstrap-datetimepicker-widget table thead th:hover,
.cl-s-productSearch .bootstrap-datetimepicker-widget table thead th:hover {
	background: #eeeeee;
	color:#333333 !important;
	padding:3px 5px;
	width:auto;
}
.cl-s-productSearch .bootstrap-datetimepicker-widget table thead th:nth-child(2):hover,
.cl-s-productSearch .bootstrap-datetimepicker-widget table thead th:nth-child(2):hover,
.cl-s-productSearch .bootstrap-datetimepicker-widget table thead th:nth-child(2):hover,
.cl-s-productSearch .bootstrap-datetimepicker-widget table thead th:nth-child(2):hover {
	background: #fff;
	color:#333333 !important;
}   
.cl-s-productSearch .bootstrap-datetimepicker-widget table td.active ,
.cl-s-productSearch .bootstrap-datetimepicker-widget table td.active,
.cl-s-productSearch .bootstrap-datetimepicker-widget table td.active ,
.cl-s-productSearch .bootstrap-datetimepicker-widget table td.active { background-color: #4789e7; color: #fff; }

.cl-s-productSearch .bootstrap-datetimepicker-widget table,
.cl-s-productSearch .bootstrap-datetimepicker-widget table,
.cl-s-productSearch .bootstrap-datetimepicker-widget table,
.cl-s-productSearch .bootstrap-datetimepicker-widget table { width: 100%; text-align: center;}

.cl-s-productSearch .bootstrap-datetimepicker-widget table th.picker-switch,
.cl-s-productSearch .bootstrap-datetimepicker-widget table th.picker-switch,
.cl-s-productSearch .bootstrap-datetimepicker-widget table th.picker-switch,
.cl-s-productSearch .bootstrap-datetimepicker-widget table th.picker-switch { text-align: center; cursor: pointer; }

.cl-s-productSearch .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.cl-s-productSearch .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"],
.cl-s-productSearch .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.cl-s-productSearch .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"],
.cl-s-productSearch .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.cl-s-productSearch .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"],
.cl-s-productSearch .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.cl-s-productSearch .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"] { width: 73%;}

.cl-s-productSearch .bootstrap-datetimepicker-widget table td.day,
.cl-s-productSearch .bootstrap-datetimepicker-widget table td.day,
.cl-s-productSearch .bootstrap-datetimepicker-widget table td.day,
.cl-s-productSearch .bootstrap-datetimepicker-widget table td.day { line-height: 15px; cursor: pointer;}

.cl-s-productSearch .bootstrap-datetimepicker-widget table span,
.cl-s-productSearch .bootstrap-datetimepicker-widget table span,
.cl-s-productSearch .bootstrap-datetimepicker-widget table span,
.cl-s-productSearch .bootstrap-datetimepicker-widget table span { padding: 5px 0; float: left; width: 25%; line-height: 1.2; cursor: pointer;}

.cl-s-productSearch .bootstrap-datetimepicker-widget table thead th {text-align: center;}
.cl-s-productSearch .bootstrap-datetimepicker-widget table thead th:hover {
	background: #eeeeee;
	color:#333333 !important;
	padding:3px 5px;
	width:auto;
}
.cl-s-productSearch .bootstrap-datetimepicker-widget table thead th:nth-child(2):hover{
	background: #fff;
	color:#333333 !important;
}
.cl-s-productSearch .bootstrap-datetimepicker-widget table td.active { background-color: #4789e7; color: #fff; }
.cl-s-productSearch .bootstrap-datetimepicker-widget table { width: 100%; text-align: center;}
.cl-s-productSearch .bootstrap-datetimepicker-widget table th.picker-switch { text-align: center; cursor: pointer; }
.cl-s-productSearch .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.cl-s-productSearch .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"] { width: 73%;}
.cl-s-productSearch .bootstrap-datetimepicker-widget table td.day { line-height: 15px; cursor: pointer;}
.cl-s-productSearch .bootstrap-datetimepicker-widget table span { padding: 5px 0; float: left; width: 25%; line-height: 1.2; cursor: pointer;}

.cl-s-productSearch .cl-s-popup-selectbox {position: relative; float: left; width: 100%;}
.cl-s-productSearch .change-date-box + ul {border-radius: 3px; overflow: hidden; margin-bottom: 30px;}
.cl-s-productSearch .change-date-box + ul * {font-family: 'Noto Sans KR',sans-serif;}
.cl-s-productSearch .check-button:first-child:not(.check-button-active) {border-radius: 3px 0 0 3px; border-left:1px solid #dbdcdf;}
.cl-s-productSearch .check-button:last-child {border-radius: 0 3px 3px 0;}
.cl-s-productSearch .check-button:first-child {border-radius: 3px 0 0 3px;}
.cl-s-productSearch .check-button {
	padding: 8px 0;
	text-align:center;
	border-top: 1px solid #dbdcdf;
	border-bottom: 1px solid #dbdcdf;
	border-right: 1px solid #dbdcdf;
	float:left;
	font-size:14px;
	color:#b1b3b7;
	width: 69.6px;
	height: 40px;
	cursor:pointer;
}
.cl-s-productSearch .check-button .check-label-click {width: 100%; display: block; height: 100%;}
.cl-s-productSearch .check-none-borderR {border-right-color: #4789e7;}
.cl-s-productSearch .check-button:first-child.check-button-active {border-left: 1px solid #4789e7;}
.cl-s-productSearch .check-button-active {border-color: #4789e7;color:#4789e7;}
.cl-s-productSearch .cl-s-popup-selectboxWrap.common-selectbox {max-width: 150px;}
.cl-s-productSearch .cl-s-popup-selectboxWrap.common-selectbox,
.cl-s-popup-selectboxWrap.common-selectbox.cl-s-popupDetail-selectbox {float:left;}
.cl-s-popup-selectbox.cl-s-popup-selectboxWrap .common-selectbox .dropdown {height: 48px;}
.cl-s-productSearch .search_text {
	width: calc(100% - 160px);
	height: 48px; 
	float: left; 
	margin : 0 0 0 10px;
	border-radius: 3px;
	border: 1px solid #dbdcdf;
}

.modal-default .cl-s-list-search-Modal.modal-dialog .modal-footer .btn.btn-primary.ok-button-dialog {background-color: #4789e7 !important;}

/* (4) Body(content)																								*/
.product-list {width:100%;}

/* (4-1) Order/Cancel/Exchange/Return :: Product List															   */
.list-table {width:100%;background-color: #fff;}
.order-mobile-status {display:none;}
.list-table > thead { border-top:1px solid #eeeef0; }
.list-table > thead > tr > th {
	text-align:center;
	height:36px;
	font-weight:normal;
	color:#696c71;
	vertical-align:middle;
}
.list-table > tbody:before,
.list-table > tbody:after { content: ' '; }
.list-table > tbody { border-top:1px solid #eff0f4; border-bottom:1px solid #eff0f4; }
.empty-list .list-table > tbody { border-top: none; border-bottom: none; }
.list-table > tbody > tr { 
	cursor: pointer;
	font-size:13px;
	color:#696c71;
}
.list-table > tbody > tr + tr { border-top:1px solid #eff0f4; }

.list-table > tbody > tr > td {
	text-align:center;
	background-color:#fff;
	min-height:40px;
	height:40px;
	padding: 0;
	line-height: 1;
}
.list-table > tbody > tr td.imgblock {/* display: inline-block ;*/}
.list-table > tbody > tr > td.text-center {text-align:left; padding:10px 15px 10px 15px;}
.list-table > tbody > tr > td > img {width:100%;height:100%;}
.list-table > tbody > tr > td:last-child > img {width:25px;height:25px;}
.list-table > tbody > tr:hover, .list-table > tbody > tr.over {color:#2c2e2f;}
.product-plus-conatiner {
	width:100%;
	height:60px;
	text-align:center;
	line-height:60px;
	color:#696c71;
	background-color:#FFF;
	cursor:pointer;
	font-weight:normal;
	font-size:14px;
	position: relative;
	overflow: hidden;
}

/* (4-2) QnA/Review :: Contents List														   						*/
.qna-container {
	margin: 0 auto;
	background-color: #fff;
	width: 100%;
	max-width: 947px;
	position: relative;
	padding-bottom: 50px;
}
.qna-container * {font-weight: normal;}
.qna-container .none-qna {color:#888;}
.qna-header,.review-header {
	width: 100%;
	overflow: hidden;
	padding: 11px 0;
	border-bottom: 1px solid #eeeef0;
	/*border-top: 1px solid #eeeef0;*/
	font-size: 13px;
	color: #82888d;
}
.qna-header .qna-title,
.review-header .qna-title {
	font-size: 13px;
	float: left;
	text-align: center;
	margin:0;
	color: #82888d;
}
.qna-header .qna-title:first-child,
.review-header .qna-title:first-child,
.qnaR-contentsBox:first-child {padding-left: 40px;width: 130px;}
.qna-header .qna-title:nth-child(2),
.qnaR-contentsBox.qna,
.review-header .qna-title:nth-child(2) {padding-left: 30px; width: calc(100% - 410px);}
.qna-box .qnaR-contentsBox.qna_Replied,
.qna-box:hover .qnaR-contentsBox.qna_Replied.qnaRreply {color:#b1b3b7;}
.qna-box .qnaR-contentsBox.no_answer,
.qna-box:hover .qnaR-contentsBox.no_answer.qnaRreply {color:#ee445f;}

.qna-header .qna-title:nth-child(3),
.qnaR-contentsBox:nth-child(3),
.review-header .qna-title:nth-child(3) {width: 140px; padding: 0 10px;}
.qna-header .qna-title:last-child,
.qnaR-contentsBox:last-child,
.review-header .qna-title:last-child {width: 140px; padding:0 30px 0 10px;}

.qnaR-contentsBox.qnaRreply,
.qnaR-contentsBox.qnaRdate {display: block;}
.qnaR-contentsBox.qnaRreply,
.qna-box:hover .qnaR-contentsBox.qnaRreply {color:#4789e7;}

.qnaR-contents div.qna-btn-box {overflow: hidden; margin-top: 20px;}

.qnaR-contents .qna-title-box + .qnaRdate,
.qnaR-contents .qna-title-box + .qna-privacy + .qnaRdate {display: none;}

.qnaR-contents .qna-privacy h3 {margin: 40px 0 20px; font-size: 13px; font-weight: normal; color: #696c71;}
.qnaR-contents .qna-privacy p {position: relative; margin-bottom: 0; color: #8e9095; padding-left: 11px; line-height: 1.6;}
.qnaR-contents .qna-privacy p.writer-nm{margin-bottom: 20px;}
.qnaR-contents .qna-privacy p:before {content: '-'; position: absolute; left: 0;}

.qna-parent-box {
	width:100%;
	position:relative;
	overflow:hidden;
}
.qna-box,.review-box {
	cursor:pointer;
	width:100%;
	position:relative;
	overflow:hidden;
	padding:20px 0;
	flex-direction:row;
	align-items:flex-start;
	justify-content:center;
	border-top: 1px solid #eeeff0;
}
.qna-box:first-child,.review-box:first-child {border-top: none;}
.qna-box, .qnaR-contents {float: none;}
.qna-box:hover *,
.review-box:hover * {color:#222428;}
.qnaR-contentsBox {
	text-align:center;
	float:left;
	font-size:13px;
	margin: 0;
	color: #222428;
	line-height: 1.4;
}
.qnaR-contentsBox.qna {text-align: left; fill: #696c71;}
.qnaR-contentsBox.qna.product-status_N {color: #b1b3b7;}
.qnaR-contentsBox.qna svg{margin-right: 5px;}
.qnaR-contentsBox.qna .ico-naverpay { margin-top: 2px; }
.qnaR-contentsBox.qna .qna_Replied-ico{margin-left: 10px; vertical-align: middle; fill:#4789e7;}
.qnaR-contentsBox .re_starWrap {
	width: auto;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	display: inline-block;
}
.qnaR-contentsBox:nth-child(3) {word-break:break-word;}
.qnaR-contents,
.qnaR-contents {
	width:69%;
	float:none;
	position:relative;
	display:none;
	margin:0;
	padding:0 0 30px 160px;
	text-align:left;
	border-bottom: none;
	line-height: normal;
}
.qnaR-contents {color:#696c71;}
.review-parent-box .qnaR-contents {color:#696c71;}
.qnaR-contents .qna-title-box {
	width:100%;
	margin-bottom:15px;
	display:flex;
	cursor:pointer;
	color: #222428;
}
/*.qnaR-contents .qna-image {overflow:hidden;margin-top:15px;}*/
.qnaR-contents .qna-title-box img  {
	width: 60px;
	height: 60px;
	border: solid 1px #eeeff0;
}
.qnaR-contents .qna-image img {
	width:70px;
	height:70px;
	margin-right:10px;
}
.qnaR-contents .product-url{margin-top: 15px;}
.qnaR-contents .product-url a{color: #4789e7; fill: #4789e7;}
.qnaR-contents .product-url span{margin-right: 5px; text-decoration: underline;}
.qnaR-contents .qna-title-box .empty-img { 
	cursor: default; 
	display: inline-block; 
	background-color: rgba(25,25,25,0.04); 
	position: relative; 
	clear: both; 
}
.qnaR-contents .qna-title-box .empty-img > i { 
	font-size: 10px; 
	font-family: 'Open Sans'; 
	font-style: normal; 
	text-transform: uppercase; 
	color: rgba(25,25,25,0.3);
	position: absolute; 
	top: 5px; 
	left: 0; 
	right: 0; 
	text-align: center; 
	line-height: 1.2; 
}
.review-parent-box .qnaR-contents .qna-title-box .qna-title {line-height: normal; margin-left: 0;}
.qnaR-contents .qna-title-box .qna-title {
	width: 100%;
	overflow: hidden; 
}
.qna-parent-box .qnaR-contents .qna-title-box.product-data {display:block;padding: 15px; border: 1px solid #eeeff0; margin-top: 15px; margin-bottom: 20px; cursor: unset;}
.qna-parent-box .qnaR-contents .qna-title-box.product-data a{display: flex;}
.qna-parent-box .qnaR-contents .qna-title-box.product-data .qna-title {margin-left:15px; font-size: 15px; color: #222428;}
.qna-parent-box .qnaR-contents .qna-title-box.product-data .product-removed {color: #b1b3b7; margin: 0;}
.qna-parent-box .qnaR-contents .qna-title-box .product-price{font-size: 14px;}
.qna-parent-box .qnaR-contents .qna-title-box .product-price .product_sale_price{color: #b1b3b7; margin-right: 10px; text-decoration: line-through;}
.qnaR-contents .qna-title-box .qna-title p {margin: 0 0 5px; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/}
.qnaR-contents .qna-title-box .qna-title p:last-child {margin: 0;}
.qnaR-contents > .answer {
	width: 100%;
	position: relative;
	/*margin: 15px 0px 20px 0;*/
	overflow: hidden;
}
.qnaR-contents > .answer > span {display:inline-block;padding-left:15px;}
.qnaR-contents > .answer > span:nth-child(3) {position:absolute;right:40px;top:20px;}
.qnaR-contents div.button {position:absolute;left:-40px;}
.qnaR-contents div.mypage-button {margin-top: 20px;overflow: hidden;}
.qnaR-contents > .answer div.mypage-button > button {
	font-weight: normal;
	font-size: 13px;
	width: 80px;
	height: 30px;
	margin-right: 0;
	float: right;
	right: 0;
	background-color: #fff;
	color: #696c71;
	border: 1px solid #dbdcdf;
	border-radius: 0;
	padding: 0;
	margin-left:10px;
}
.qnaR-contents > .answer div.mypage-button > button.qna-edit-btn {
	color: #4789e7;
	border: 1px solid #4789e7;
}
.qnaR-contents > div.pw-button {position:absolute;left:-120px;}
.qnaR-contents > div.pw-button > button {height:30px;}

.qnaR-contents > .qna-image {overflow:hidden;margin-top:15px;}
.qnaR-contents > .qna-image > img {width:70px;height:70px;margin-right:10px;}

.review-parent-box {
	width:100%;
	position:relative;
	overflow:hidden;
	color: #222428;
}
.detail-review-parent-box {
	width:100%;
	position:relative;
	overflow:hidden;
	border-bottom:2px solid rgb(0,0,0);
}
.review-box.re_star {display: block;}
.review-box .re_starimg {width:15px;height:15px;float:left; margin-right:2px;}
.review-box .re_starimg:last-child{margin-right: 0;}
.review-box .re_starimg.star_on{fill: #ff748d;}
.review-box .re_starimg.star_off{fill: #e7e8e9;}

.re_title {color:#b1b3b7;}
.qnaR-contents > .answer {
	width:100%;
	position:relative;
	overflow:hidden;
}
.qnaR-contents > .answer > .answer-content {margin-top: 20px;}
.qnaR-contents > .answer > .answer-content .answer-title {margin-bottom: 10px; font-weight: bold; color: #222428;}
.qnaR-contents > .answer > .answer-content .answer-title .answer-date {font-weight: normal; padding-left:15px; color:#b1b3b7;}
.qnaR-contents > .answer > .answer-editor {display: none;}
.qnaR-contents > .answer textarea {
	width:100%;
	position:relative;
	padding:10px;
	resize:none;
	height:120px;
	border: solid 1px #dbdcdf;
	margin-top: 20px;
}
.qnaR-contents > .answer textarea::-webkit-input-placeholder {color: #b1b3b7;}
.qnaR-contents > .answer textarea:-ms-input-placeholder {color: #b1b3b7;}
.qnaR-contents > .answer textarea:-moz-placeholder {color: #b1b3b7;}

.qnaR-contents > .answer > span {display:inline-block;padding-left:15px;}
.qnaR-contents > .answer > span:nth-child(3) {position:absolute;right:40px;top:20px;}
.qnaR-contents > div.button {position:absolute;left:-40px;}
.qnaR-contents > div.mypage-button {
	float:left;
	position:absolute;
	right:30px;
	top:20px;
}
.qnaR-contents > .answer > div.mypage-button {left:calc(100% - 70px);margin-top:20px;}
.qnaR-contents > div.pw-button {position:absolute;left:-120px;}
.qnaR-contents > div.pw-button > button {height:30px;}
.qnaR-contents > div > button {
	font-size: 13px;
	border: 1px solid #dbdcdf;
	height:30px;
	width:80px;
	margin-left:10px;
	background-color: #fff;
	color: #696c71;
	float:right;
}
.qnaR-contents > div > .review-write-btn {
	border: 1px solid #4789e7;
	color: #4789e7;
}

@media only screen and (max-width: 767px) {
	.qna-container { padding-bottom: 0; }
}

/* (4-3) Shopping_setting				   :: Contents Setting													 */
.half-setting-content {float: left;}
.setting-point .newcheckbox {margin: 0; min-height: 16px;}
.setting-point .newcheckbox span {float: left;margin: 1px 0 0 0px;}
.setting-point .newcheckbox label {	}
.setting-point .newcheckbox .cm-popover-info {float: left; position: relative;}
.setting-point ~ .half-setting-content .setting-sub-content-title {margin-bottom: 6px;}

.setting-point-Box {float: left;width: 100%;}
.setting-point-Wrap,
.setting-point-Wrap .delivery-price {float: left; width:100%;}
.setting-point-Wrap .setting-sub-content-radio-box.setting-point-radio .newcheckbox {margin-right: 30px;}
.setting-point-Wrap .delivery-price {color:#696c71;}
.setting-point-Wrap .cl-common-form-wrap.nonplace-holder  {
	width: 100%;
    max-width: 115px;
    color: #696c71;
    margin-right: 6px;
}
.setting-point-Wrap.ml-19 { width: calc(100% - 19px); }
.setting-point-Wrap .cl-common-form-wrap.nonplace-holder .cl-common-form-group {
	padding: 12px 10px 12px 15px;
}
.setting-point-Wrap .cl-common-form-wrap.nonplace-holder .cl-common-form-group #buy_point {max-width: 100%;}
.setting-point-Wrap .cl-common-form-wrap.nonplace-holder .cl-common-form-group input { 
	width: 100%;
    float: left;
    max-width: 67px;
    margin-right: 6px;
}
.setting-point-Wrap .cl-common-form-wrap.nonplace-holder.setting-month-custom { width: 90px; }
.setting-point-Wrap .cl-common-form-wrap.nonplace-holder.setting-month-custom .cl-common-form-group input { width: 25px; }
.setting-point-Wrap .cl-common-form-wrap.nonplace-holder .cl-common-form-group .money_text {position: absolute; display: inline-block; top: 0;}
.setting-point + .point-pay-review { margin: 0 0 22px 20px; width: auto; }
.setting-point + .point-pay-review span:not(.money_text) { margin-bottom: 20px; display: inline-block; line-height: 1.4; }
.setting-point + .point-pay-review .setting-sub-content-title {float: none;margin-bottom: 6px;}
.setting-point + .point-pay-review span ~ .half-setting-content .cl-common-form-group input {max-width: 73px;}
.setting-point + .point-pay-review span ~ .half-setting-content {width: 120px;}
.setting-point + .point-pay-review span + .half-setting-content  {margin-right: 10px;}
.setting-point-Wrap .setting-common-select.common-selectbox {max-width: 120px; margin-right: 10px; height: 40px;}
.setting-sub-content .setting-text-box.setting-point-Wrap .common-selectbox.setting-common-select.nonplace-holder > 
.bootstrap-select.dropdown.setting-point-input {max-width: 120px;}
.setting-point-Wrap .setting-common-select.common-selectbox.point-state-select {max-width: 60px; margin:0 5px 0 4px;}
.setting-point-Wrap .setting-common-select.common-selectbox.setting-point-useCheck select[disabled] ~ button,
.setting-point-Wrap .setting-common-select.common-selectbox.point-state-select select[disabled] ~ button {background-color:#f3f4f5 !important; }
.setting-point-Wrap .setting-common-select.common-selectbox.point-state-select > svg {left: 42px;}
.setting-sub-content > .pg-text {
	width: 100%;
	position: relative;
	display: inline-block;
	margin-bottom: 5px;	
}
.setting-sub-content .pg-key.pg-key-gabia {float:left; width:100%;}
.setting-sub-content .pg-key,
.setting-sub-content .naverpay-key {margin: 40px 0 0; height:100%; position: relative;}
.setting-sub-content .npay_img {display: inline-block;}
.setting-sub-content .npay-info-text {
 	font-size: 13px;
	color: #8e9095;
	margin:20px 0 0 0;
}
.kakaotalk-section {padding-top:15px;}
.setting-sub-content > .pg-text > p {font-size:13px; color: #696c71;}
.setting-sub-content > .pg-text > p:first-child {font-weight:normal;/*text-decoration:underline;*/font-size:18px; color: #222428;}
.setting-sub-content button.pg-btn.pg-btn-gabia {margin-bottom: 0;}
.setting-sub-content button.pg-btn.pg-btn-gabia {margin-top: 0;}
.setting-sub-content button.pg-btn {
	min-width:128px;
	height:36px;
	background-color:#4789e7;
	color:#fff;
	font-size:13px;
	border-radius: 3px;
	margin-top: 20px; 
	float: right;
}

.setting_cdNotice {
	color: #97999e;
	font-size: 13px;
	margin-bottom: 23px;
	float: left;
	width: 100%;
}
.setting_cdNotice p {margin-bottom: 0;}
.pg-key > p:first-child {font-size:15px;color:#222428;}
.pg-key > p + p.setting_pay_gabia_text {margin-bottom: 0;}
.pg-key > p.setting_pay_gabia_text,
.pg-key > p:nth-child(2) {
	font-size:13px;
	color:#97999e;
	line-height: 20px;
	margin-bottom: 13px;
}
.pg-key .pg-code-input-wrap {
    position: relative;
    float:left;
    width:100%;
}
.pg-key .pg_info_txt {
    font-size: 13px;
    color: #4789e7;
    line-height: 1.4;
    margin: 15px 0 0 0;
    display: inline-block;
}
.pg-key .pg-code-input + div {
    float: left;
    width: 100%;
}
.pg-code-input { margin-top: 30px;}
.pg-code-input,
.npay-code-input,
.nshopping-input { float: left; width:100%; }
.pg-key > div .mb-5 { color:#696c71; }

.tax-use {position:relative;}
.tax-use + .setting-sub-content .setting-sub-content-radio-box {margin-bottom: 10px;}
.tax-use .popover { max-width: 560px;width: max-content;left: 0 !important; }
.kakao-cnt .popover { max-width: 560px;width: auto;left: 0 !important; }
.tax-use .popover .arrow { left: 82px !important; }
.kakao-cnt .popover .arrow { left: 62px !important; }
.notice-popup {
	width:560px;
	padding:25px;
	background-color:#fff;
	position:absolute;
	left:39px;
	top:-259px;
	font-size:12px;
	display:none;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
	border-radius: 3px;
}
.notice-popup + div > svg {	fill: #4789e7; top: 6px; position: absolute;}
.setting-sub-content .pay-notice-popup {
	width:100%;
	padding:13px 17px;
	background-color:#fff;
	position:absolute;
	left:0px;
	top:-330px;
	z-index:999;
	font-size:12px;
	display:none;
	box-shadow:0px 0px 10px 0px #aaa;
}
.setting-sub-content .notice-popup::before,
.setting-subInfoBox .notice-popup::before {
	position: absolute;
	box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, 0.15 );
	height: 15px;
	transform: rotate( 312deg );
	-moz-transform: rotate( 312deg );
	-ms-transform: rotate( 312deg );
	-o-transform: rotate( 312deg );
	-webkit-transform: rotate( 312deg );
	width: 15px;
	bottom: -6px;
	background-color: #fff;
	border: none;
	content:" ";
	left: 40px;
}
.setting-sub-content .pay-notice-popup::before {
	width:0px;
	height:0px;
	border:8px solid transparent;
	border-top:8px solid #fff;
	content:" ";
	position:absolute;
	bottom:-16px;
	left:63px;
}
.setting-sub-title .notice-popup > div, .setting-sub-content .pay-notice-popup > div {overflow:hidden;}
.setting-sub-title .notice-popup > div > span, .setting-sub-content .pay-notice-popup > div > span {float:left;}
.setting-sub-title .notice-popup > div > div, .setting-sub-content .pay-notice-popup > div > div {float:left;}
.setting-sub-title .notice-popup a, .setting-sub-content .pay-notice-popup a {color:#4886e3;}

.notice-background {
	width:100%;
	height:100%;
	position:fixed;
	left:0px;
	top:0px;
	display:none;
	z-index:998;
}
.setting-sub-content .notice-popup {
	left: 15px;
	top: -198px;
	display: none;
}

.setting-input {
	width:100%;
	max-width:440px;
	height:40px;
	border:none;
	padding:0px 15px;
	margin-right:9px;
	font-size:13px;
	font-weight: 400;
	float:left;
	background-color:#f3f4f5;
	border-radius: 3px;
	color: #696c71;
}
.setting-input-270 {max-width:270px;}
.setting-input-340 {max-width:340px;}
.setting-input-340,
.setting-input-270 {
	width:calc(100% - 170px);
	height:40px;
	border:none;
	padding:0px 17px;
	margin-right:10px;
	font-size:13px;
	float:left;
	color: #696c71;
	border-radius: 3px;
	background-color:#f3f4f5;
}
.setting-input-340::placeholder {color:#c3c3c3;}
.setting-middle-input {
	width:80%;
	max-width:210px;
	height:40px;
	border:none;
	padding:0px 17px;
	margin-right:9px;
	float:left;
}
.common-selectbox > .bootstrap-select .dropdown-menu > li > a {
	text-align: left;
}
.delivery-price .setting-small-input:read-only {background-color: #e1e3e4;}
.setting-textarea {
	width:80%;
	max-width:400px;
	height:100px;
	border:none;
	padding-left:20px;
	padding-top:10px;
	resize:none;
}
.filebox label {
	width:290px;
	height:150px;
	display:inline-block;
	margin:0px;
	padding:.5em .75em;
	color:rgb(153,153,153);
	background-color:rgba(234,234,234,1);
	cursor:pointer;
}
.filebox label .img {width:40%;height:100%;float:left;}
.filebox label .img-text {
	width:60%;
	height:100%;
	float:left;
	font-size:12pt;
	position:relative;
}
.filebox label .img-text span {
	width:100%;
	display:inline-block;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	padding-left:5px;
}
.filebox input[type="file"] {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}

.setting-sub-content-box .setting-disabled {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
}
.setting-sub-content .naverpay-key.disabled .newcheckbox svg.active,
.setting-sub-content .naverpay-key.complete .newcheckbox svg.active {fill: #bcbfc2;}
.setting-sub-content .naverpay-key.disabled input,
.setting-sub-content .naverpay-key.disabled .npay-code-input *,
.setting-sub-content .naverpay-key.complete input,
.setting-sub-content .naverpay-key.complete .npay-code-input * {color: #b1b3b7;;}

.setting-sub-content-box { float: left;max-width: 440px; }
.setting-sub-content-box > div.setting-sub-content  { float: none; width: 100%;border-bottom: 1px solid #eeeff0;margin-bottom: 40px;padding-bottom: 40px; }
.setting-sub-content-box > div.setting-sub-content:first-child { padding-top: 0px; }
.setting-sub-content-box > div.setting-sub-content:last-child { border:none;padding-bottom: 0px;margin-bottom: 0px; }
.setting-sub-content-box > div.setting-sub-content .setting-text-box { margin-bottom: 0; }

.setting-sub-content[data-npayStatus="C"] .setting-disabled,
.setting-sub-content[data-pguse="true"] .setting-disabled,
.setting-sub-content[data-nomember="Y"] .setting-disabled,
.setting-sub-content[data-npayuse="true"] .setting-disabled,
.setting-sub-content .naverpay-key .setting-disabled,
.setting-sub-content .setting-disabled.npayonoff { display: none;}

.setting-sub-content[data-pguse="false"] .setting-disabled.pgNomember,
.setting-sub-content[data-nomember="N"] .setting-disabled.pgNomember,
.setting-sub-content[data-pguse="true"] .setting-disabled[data-npayuse="false"],
.setting-sub-content[data-npayuse="true"] .naverpay-key.disabled .setting-disabled.npaystatus,
.setting-sub-content[data-npayuse="true"] .naverpay-key.complete .setting-disabled.npaystatus {
	position: absolute;
	width: 100%;
	height:100%;
	display: block;
	z-index: 99;
	top:0;
}
.setting-sub-content[data-pguse="true"] .setting-disabled[data-npayuse="false"] { margin-top: 30px; }
.setting-sub-content[data-pguse="true"] .setting-disabled.disabled {
	right: 0;
	display: block;
    position: absolute;
    height: 25px;
    width: 41px;
    top: 0;
}
.setting-sub-content .naverpay-key.disabled .setting-disabled,
.setting-sub-content .naverpay-key.complete .setting-disabled {height:80%;}
.setting-sub-content .npay-code-input .popover-content {color:#222428 !important;}
.setting-sub-content svg.cm-popover-info,
.setting-sub-content svg.cm-popover-info {position: relative; z-index: 24;}
.setting-sub-content .setting-disabled.npayuse + .naverpay-key .npay-code-input svg.cm-popover-info { z-index: 100;}

.setting-sub-content[data-pguse="false"] *,
.setting-sub-content[data-pguse="false"] .npay-code-input input,
.setting-sub-content[data-nomember="N"] *,
.setting-sub-content[data-nomember="N"] .npay-code-input input,
.setting-sub-content[data-npayuse="false"] *,
.setting-sub-content[data-npayuse="false"] .npay-code-input input {color:#b1b3b7;}
.setting-sub-content .naverpay-key.disabled .cl-common-form-group,
.setting-sub-content .naverpay-key.disabled .common-selectbox > .bootstrap-select .btn.btn-default,
.setting-sub-content .naverpay-key.complete .cl-common-form-group {background-color: #f1f2f3 !important;}
/*.setting-sub-content[data-pgUse="false"] .switch-set-label,
.setting-sub-content[data-npayuse="false"] .switch-set-label {background: #d6d9dc !important;}*/
.setting-sub-content[data-pgUse="false"] .newcheckbox svg.active,
.setting-sub-content[data-nomember="N"] .newcheckbox svg.active,
.setting-sub-content[data-npayuse="false"] .newcheckbox svg.active {fill: #bcbfc2;}

.setting-sub-content-box .box-sub-content-title { font-size: 18px;line-height: 1.44; color: #222428;}
.setting-sub-content-box .setting-sub-content-title { font-size: 15px; }
.setting-sub-content-box .box-sub-content-title span.switch_onoff_btn { position: absolute;right: 0; }

.setting-sub-content-box .select-month-btn {
	max-width: 440px;
	height: 40px;
    padding: 9px 15px;
    font-size: 13px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #dbdcdf;
    background-color: #ffffff;
    color: #696c71;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none!important;
    width: 100%;
}
.setting-sub-content-box .npay_important {
	display: inline-block;
    color: #4789e7;
    text-decoration: underline;
    font-weight: normal;
}
.setting-sub-content-box .npay-btn {
	background-color:#00ca5a;
	width: 215px;
    height: 36px;
    color: #fff;
    font-size: 13px;
    border-radius: 3px;
    margin-right: 10px;
}
.setting-sub-content-box .setting-npay-domain-default {
	height: 38px;
    padding: 12px 15px;
    position: relative;
    margin-bottom: 0;
    background-color: #fff;
    text-align: left;
    float: left;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #dbdcdf;
    color:#696c71;    
    line-height: 12px;
}
.setting-sub-content-box .npay-btn a {display: inline-block;}
.setting-sub-content-box .npay-btn.join { background-color: #fff;border: solid 1px #dbdcdf; color:#696c71; margin-right:0; }
.setting-sub-content-box .npay-request-btn,
.setting-sub-content-box.npay button.npay-request-btn {
	width: 100%;
	height:36px;
	background-color:#d1d3d5;
	color:#fff;
	font-size:13px;
	border-radius: 3px;
	cursor: initial;
}
.setting-sub-content-box .npay-request-btn.npaybtnActivate {
	background-color:#4789e7;
	color:#fff;
	cursor: pointer;
}

.setting-sub-content-box .npay .naverpay-key .request-info {
	text-align: center;
	margin-top: 5px;
	color:#8e9095;
	font-weight: 300;
}
.setting-sub-content-box .npay .naverpay-key .request-info .request-status p {margin:0;}
.setting-sub-content-box .npay .naverpay-key .request-info .request-status svg {fill:#ee445f; margin-right:5px;}
.setting-sub-content-box .npay .naverpay-key .request-info svg { fill:#ee445f;transform: translateY(2px); margin-right:3px; }
.setting-sub-content-box .npay .naverpay-key .request-info .request-title { color:#ee445f; }
.setting-sub-content-box .npay .naverpay-key .request-info .request-complete { color:#4789e7; }

.setting-sub-content .naverpay_info {
	border: solid 1px #e7e8e9;
	font-size: 13px;
	font-weight: 300;
	border-radius: 3px;
	padding: 20px;
	margin-top: 30px;
	line-height: normal;
	float: left;
    width: 100%;
}
.setting-sub-content .naverpay_info p {
	margin: 0;
	margin-bottom: 5px;
}
.setting-sub-content .naverpay_info p.info-title {
	color:#484b50;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 15px;
}
/*.setting-sub-content .naverpay_info span {
	display: inline-block;
}
.setting-sub-content .naverpay_info p span:first-child {
	padding-right:5px;
	vertical-align: top;
}
.setting-sub-content .naverpay_info p span span.fw-500 {width:auto;}*/
.setting-sub-content .naverpay_info li {float:left; width:100%;}
.setting-sub-content .naverpay_info .info-title {width:13px; float:left;}
.setting-sub-content .naverpay_info .info-contents-title {
	font-size: 15px;
  	font-weight: bold;
  	color: #484b50;
  	margin-bottom: 15px;
}
.setting-sub-content .naverpay_info .info-contents {
	width: calc(100% - 13px);
    word-break: keep-all;
    display: inline-block;
    color:#696c71;
    font-size: 13px;
    font-weight: normal;
}

.setting-sub-content-box .npay .setting-sub-content-title.npay-review {
	border-top:1px solid #eeeff0;
	padding-top: 30px;margin-top: 40px;
}

.setting-sub-content-box .nshopping-input .cl-common-form-wrap	{ border:none; }
.setting-sub-content-box .nshopping-input .cl-common-form-group { background-color: #f3f4f5; border-radius: 3px; line-height: 14px;}
.setting-sub-content-box .nshopping-input .mb-5					{ color:#484b50; }

/*data-mode="no-key"*/
.setting-sub-content-box [data-mode="no-key"] .box-sub-content-title,
.setting-sub-content-box [data-mode="no-key"] .setting-sub-content-title,
.setting-sub-content-box [data-mode="no-key"] .setting-text-box,
.setting-sub-content-box [data-mode="no-key"] .setting-sub-content-radio-box .newcheckbox span,
.setting-sub-content-box [data-mode="no-key"] .npay-code-input div:first-child,
.setting-sub-content-box [data-mode="no-key"] .npay-code-input .cl-common-form-group input { color: #b1b3b7; }
.setting-sub-content-box [data-mode="no-key"] button { background-color: #f1f2f3 !important; border-color: #dbdcdf !important; color: #b1b3b7 !important; }
.setting-sub-content-box [data-mode="no-key"] .setting-text-box .setting-pay-select.common-selectbox > svg { fill: #b1b3b7; }
.setting-sub-content-box [data-mode="no-key"] .newcheckbox svg.active { fill: #bcbfc2; }

.setting-sub-content-box [data-mode="disabled"] .setting-sub-content-title,
.setting-sub-content-box [data-mode="disabled"] .setting-text-box,
.setting-sub-content-box [data-mode="disabled"] .setting-sub-content-radio-box .newcheckbox span,
.setting-sub-content-box [data-mode="disabled"] .npay-code-input div:first-child,
.setting-sub-content-box [data-mode="disabled"] .npay-code-input .cl-common-form-group input { color: #b1b3b7; }
.setting-sub-content-box [data-mode="disabled"]:not(.npay) button { background-color: #fff !important; border-color: #eaebee !important; color: #b1b3b7 !important; }
.setting-sub-content-box [data-mode="disabled"] button.dropdown-toggle { background-color: #f1f2f3 !important; border-color: #dbdcdf !important; color: #b1b3b7 !important; }
.setting-sub-content-box [data-mode="disabled"] .setting-text-box .setting-pay-select.common-selectbox > svg { fill: #b1b3b7; }
.setting-sub-content-box [data-mode="disabled"] .newcheckbox svg.active { fill: #bcbfc2; }
.setting-sub-content-box [data-mode="disabled"] .cl-common-form-group { background-color: #f1f2f3 !important; }
.setting-sub-content-box [data-mode="disabled"] .cl-common-form-group input {
	border-color: #dbdcdf !important; color: #b1b3b7 !important;
}

.setting-sub-content-sub {font-size:11pt;margin:10px 0px 50px 0px;color:rgb(153,153,153);}
#pc_setting_form {position: relative; overflow: hidden;}
.settingBtnSaveWrap {
	display: block;
	/*position: relative;*/
	background-color: transparent;
	overflow: hidden;
	padding: 20px 40px 20px 40px;
	position: sticky; bottom:0; width: 200px; float: right;
}
.settingBtnSaveWrap .setting-button {
	position: relative;
	float: right;
	transform: inherit;
	margin-right: 0;
    right: unset;
    top: unset;
    transform: unset;
}
.dashbottom-wrap { padding-left: 15px; padding-right: 15px; }
.dashbottom-wrap .dashbottom-container { max-width: 1366px; }
.dashbottom-wrap .dashbottom-container .submenu_navWrap { max-width: 100%; }
.dashbottom-wrap .dashbottom-container.kakao-wrap-width {    max-width: 945px;}
.dashbottom-wrap .dashbottom-container .shopping-dashboard {max-width: 100%; background: #fff; float: left; width: 100%;}
.dashbottom-wrap .submenu_navWrap .setting-saveMobile {display: none;}
.dashbottom-wrap .submenu_navWrap .setting-savePc {display: block;}
.setting-button {
	max-width: 107px;
	width: 100%;
	background-color: rgba(71,137,231,1);
	color: #fff;
	border: 0px;
	border-radius: 3px;
	font-size: 14px;
	position: absolute;
	right: -10px;
	margin-right: 40px;
	height: 36px;
	top: calc(100% + 30px);
	transform: translateY(-50%);
}

.submenu_nav.qnaReview {display: flex;}
.submenu_nav.qnaReview ul{flex: 1;}
.submenu_navWrap .answer-filter { margin-right: 40px; float: right; overflow: hidden; position: relative; margin-top: 10px;}
.submenu_navWrap .answer-filter select,
.mobile-title .answer-filter select{ width: 100px; height: 30px; padding: 0 20px 0 10px; border: 1px solid #e2e2e2; color: #696c71; font-size: 13px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff;}
.submenu_navWrap .answer-filter svg,
.mobile-title .answer-filter svg{position: absolute; right: 10px; top:13px; fill: #696c71;}
.mobile-title .answer-filter { margin-right: 15px; float: right; overflow: hidden; font-size: 13px; position: relative;}

.submenu_nav.qnaReview .btn-naverpay-sync { margin-right: 20px; }

.setting-kPlusId {margin-bottom: 15px;line-height: 1.5;
    letter-spacing: -0.24px;
    font-size: 12px;
color: #8e9095;
}

.template-button {
	max-width: 100%;
	height: 40px;
	background-color: #687486;
	color: #fff;
	border: 0px;
	border-radius: 3px;
	font-size: 13px;
	width: 100%;
	margin-bottom: 23px;
}
#bank-add {
	font-size:13px;
	position:relative;
	cursor:pointer;
	width: 100%;
	max-width: 413px;
	border: 1px solid #d1e1f9;
	height: 40px;
	text-align: center;
	color: #4789e7;
	background-color: #fff;
	border-radius: 3px;
}
#bank-add > span {
	font-size:14px;
	position:relative;
	top:1px;
	margin-right:6px;
	color: #222428;
}
.setting-sub-content .bank-list {width:100%;float:left; position: relative;}
.setting-sub-content .bank-list .cl-common-form-wrap {float: left; margin-right: 10px;}
.setting-sub-content .bank-list:nth-last-child(2) {width:100%;float:left;}
.setting-sub-content .bank-list > input {
	color:#696c71;
	font-size: 13px;
	font-weight: 400;
	padding: 0 15px;
}
.setting-sub-content .bank-list .bank-list-blank {
	float: left;
	max-width: 413px;
	width: 100%;
	margin-right: 15px;
}
.setting-sub-content .bank-list .bank-list-blank .bank-list-blank-wrap {float: left; width: 100%;}
.setting-sub-content .bank-list .cl-common-form-wrap:first-child {width: 100px; }
.setting-sub-content .bank-list .cl-common-form-wrap:nth-child(2) {width: 183px; }
.setting-sub-content .bank-list .cl-common-form-wrap:nth-child(3n) {width: 110px;  margin-right: 0;}
.delete-bank {
	position: relative;
	cursor: pointer;
	top: 7px;
	float: right;
}
.delete-bank svg {fill:#ee445f;}
.setting-sub-box-explan {font-weight:normal;padding-left:20px;}
.setting-pay-button {
	width:130px;
	height:35px;
	color:#FFF;
	border:0px;
	border-radius:5px;
	display:inline-block;
	font-weight:normal;
	text-align:center;
	padding:6px 0px;
	margin-left:20px;
}
.setting-pay-button:hover {color:#FFF;}
.sub-title {color:#97999d;font-weight:500;margin-left:0px;}
.setting-sub-content-radio-box {display:inline-block;width:100%;padding: 0;}
.setting-sub-content-radio-box.setting-checSms {margin: 10px 0 23px 0;}
.setting-sub-content-radio-box .newcheckbox {float: left;margin:0 30px 0 0;}
.setting-sub-content-radio-box .newcheckbox span {
	color: #222428;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
}
.setting-sub-content-radio-box .newcheckbox .newcheckboxSvgRadio + span {line-height: 18px;}
.setting-sub-content-radio-box.escrow-image .newcheckbox span { display: inline-block; }

.setting-sub-content-radio-box.escrow-image .newcheckbox:nth-child(1) span {margin-top: 0px;}
.setting-sub-content-radio-box + div > p {margin-bottom: 0;}
.setting-sub-content .setting-noticeText {color: #97999e;font-size: 13px;}
#bank-list .setting-sub-content .setting-noticeText {margin-bottom: 5px;}
.setting-sub-content-radio-box > span {
	position:relative;
	float:left;
	font-size:10pt;
	display:inline-block;
	width:80px;
}
.setting-sub-content-radio-box > input[type="radio"] {
	margin-top:5px;
	margin-right:11px;
	position:relative;
	float:left;
}
.setting-sub-content-radio-box > span > input[type="radio"] {position:fixed;top:-9999px;}
.setting-sub-check-box {display:inline-block;width:100%;}
.setting-sub-check-box > span {
	position:relative;
	float:left;
	margin-right:30px;
	font-size:10pt;
}
.setting-sub-check-box > input[type="checkbox"] {
	margin-right:15px;
	position:relative;
	float:left;
	top:2px;
	position:relative;
}
.setting-sub-content-check-box {
	display: inline-block;
	width: 100%;
	position: relative;
	margin-bottom: 30px;
}
.setting-sub-content-check-box .settingCheckbox {
	float: left;
	width: calc(33.33333333333% - 29px);
	line-height: 16px;
	margin-bottom: 20px;
}
.setting-sub-content-check-box .settingCheckbox span {color:#222428;font-size: 13px;}
.setting-sub-content .setting-text-box .setting-common-select.setting-pay-select.common-selectbox > .bootstrap-select.dropdown {
	max-width: 66px;
	margin-right: 6px;
	height: 40px;
}
.setting-sub-content .setting-common-select.setting-depositdue-select.common-selectbox > .bootstrap-select.dropdown {
	width:77px;
}
.setting-sub-content .setting-common-select.setting-depositdue-select.common-selectbox svg { left: 108px;}
.setting-sub-content .setting-delivery-select.setting-deliveryCharge-select.common-selectbox > .bootstrap-select.dropdown  {
	max-width: 120px;
	margin-top: 0px;
}
.setting-sub-content .setting-delivery-select.setting-deliveryCharge-select.common-selectbox > svg {left: 98px;}
.setting-delivery-select.common-selectbox {float: left;width: 100%; margin-bottom: 26px;}
.setting-sub-content .setting-email-smsNum-select.setting-common-select.common-selectbox > .bootstrap-select .btn.btn-default {margin-top: 0;}
.setting-sub-content .setting-common-select.common-selectbox > .bootstrap-select .btn.btn-default { max-width: 440px;}
.setting-sub-content .setting-delivery-select.common-selectbox > .bootstrap-select.dropdown,
.setting-sub-content .setting-delivery-select.common-selectbox > .bootstrap-select .btn.btn-default {max-width: 250px;}
.setting-sub-content .setting-email-smsNum-select.setting-common-select.common-selectbox > svg,
.setting-sub-content .setting-email-kPlusPhone-select.setting-common-select.common-selectbox > svg,
.setting-sub-content .setting-width100-select.common-selectbox > svg {left: auto; right:13px;}
.setting-sub-content .setting-delivery-select.common-selectbox > svg {
	left: 227px;
	top: 48%;
	transform: translateY(-48%);
}
.setting-text-box .setting-pay-select.common-selectbox > svg {left: 47px;}
.setting-delivery-chargeWrap {float: left;width: 100%;}
.setting-delivery-chargeWrap > .delivery-price .cl-common-form-wrap.nonplace-holder {
	width: 160px;
	float: left;
	margin-right: 10px;
}
.delivery-price .cl-common-form-wrap.readOnly,
.delivery-charge-free .cl-common-form-wrap.readOnly,
.delivery-price .cl-common-form-wrap.readOnly + span,
.delivery-charge-free .cl-common-form-wrap.readOnly + span {opacity: 0.3;}
/*.setting-delivery-chargeWrap > .delivery-price .cl-common-form-wrap.point-holder {
	width: 120px;
}*/
.settingDelivery input + span {color: #676767; position: absolute; top: 0;}
.settingDelivery .delivery-free-check .setting-sub-content[data-costtype="F"] .newcheckbox {opacity: 0.5;}
.settingDelivery .delivery-free-check .setting-sub-content[data-costtype="F"] .newcheckbox label {cursor: default;}

.setting-delivery-chargeWrap .setting-delivery-select.common-selectbox {max-width: 120px; margin-right: 10px;}
.setting-pay-select .setting-delivery-select.common-selectbox {max-width: 66px;}
.delivery-price {display:inline-block;line-height:37px;color:#222428; }
.delivery-charge-free {margin-top: 25px; color: #222428; width: 100%;}
.delivery-charge-free .cl-common-form-wrap {float: left; max-width: 120px; margin-right: 10px;}
.setting-delivery-addCharge {margin-bottom: 23px; width: 100%;}
.setting-delivery-addCharge .cl-common-form-wrap.nonplace-holder{
	width: 100%; 
	max-width: 120px; 
	float: left; 
	margin-right: 10px;
}
.setting-delivery-addCharge .content-sub-title {width: 100%;float: left;}

/*.setting-email .setting-box {padding-top: 30px;}*/
.shopping-dashboard .setting-box {padding-top: 40px; border-top: none;}
.shopping-dashboard.setting-email .setting-box {padding-top:40px;}
.shopping-dashboard.setting-point .setting-box {padding-top:50px;}
.shopping-dashboard .setting-box .point-sub-box .point_onoff { line-height: 1; }

.setting-sub-content.product-margin .input-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; }
.setting-sub-content.product-margin .input-group > .form-control { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; border-color: #dbdcdf; }
.setting-sub-content.product-margin .input-group > .form-control:focus { -webkit-box-shadow: none; box-shadow: none; }
.setting-sub-content.product-margin .input-group-append { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -1px; }
.setting-sub-content.product-margin .input-group-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #dbdcdf; border-radius: 0.25rem; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.setting-sub-content.product-margin .pl-15 { padding-right: 15px; }

.social-close-btn {
	width:calc(100% - 34px);
	max-width:686px;
	height:50px;
	padding-right:10px;
	padding-top:10px;
	position:fixed;
	background-color:#fff;
	top:0px;
	left:50%;
	transform:translateX(-50%);	
}
.social-close-btn > img {
	width:20px;
	height:20px;
	float:right;
	cursor:pointer;
}
.none-qna {
	width:100%;
	background-color:#fff;
	padding:10px 0px;
	text-align:center;
	line-height:30vh;
}
.reason-image {width:100%;display:inline-block;}
.reason-image > a {
	display:inline-block;
	float:left;
	width:70px;
	height:70px;
	margin-right:10px;
}
.reason-image > a > img {width:70px;height:70px;}
.sms-setting {width:100%;}
.sms-setting > div {float:right;}
.sms-setting > div > span {display:inline-block;margin-right:40px;position:relative;}
.sms-setting > div > span:last-child {display:inline-block;margin-right:0px;}
.sms-setting > div > span > input {
	display:inline-block;
	margin-right:12px;
	position:relative;
	top:2px;
}
.sms-setting > div > span > label {font-weight:normal;}
.talk-popup-btn {
	width:170px;
	height:38px;
	font-size:13px;
	background-color:#4886e3;
	border-radius:3px;
	color:white;
	border:0px;
}
.search-section {margin-top:30px;margin-bottom:50px;width:100%;text-align:center;display: flex;justify-content: center;}
.search-section > *{margin-right: 5px;}
.search-section > *:last-child{margin-right: 0;}
.search-section > select {width:100px;height:35px;border:1px solid #e2e2e2e2;}
.search-section > input {
	width: 180px;
	height:35px;
	border:1px solid #e2e2e2e2;
	padding-left:10px;
}
.search-section > button {
	width:100px;
	height:35px;
	background-color:#222228;
	color:#fff;
	border:none;
}
.friends-btn {
	font-size:13px;
	float:left;
	position:relative;
	cursor:pointer;
	max-width: 160px;
	width:100%;
	height:40px;
	background-color:#687486;
	color:white;
	border:none;
	border-radius:3px;
	text-align:center;
	line-height:40px;
}
.setting-sms-number {max-width: 100%;margin-bottom: 30px;}
.setting-sub-content .setting-email-smsNum-select.common-selectbox > .bootstrap-select.dropdown,
.setting-sub-content .setting-email-smsNum-select.common-selectbox > .bootstrap-select .btn.btn-default,
.setting-sub-content .setting-email-kPlusPhone-select.common-selectbox > .bootstrap-select.dropdown,
.setting-sub-content .setting-email-kPlusPhone-select.common-selectbox > .bootstrap-select .btn.btn-default,
.setting-sub-content .setting-npay-select.common-selectbox > .bootstrap-select.dropdown,
.setting-sub-content .setting-width100-select.common-selectbox > .bootstrap-select .btn.btn-default {max-width: 100%;}


@media screen and (min-width:992px) {
	.mobile-top-align[data-placement='top']{ display: none; }
}
@media screen and (max-width:991px) {
	.mobile-top-align[data-placement='right']{ display: none!important; }
	.mobile-top-align[data-placement='top']{ display: unset!important; }
}

.kakao-wrap .setting-sub-box .setting-subInfoBox {margin-bottom: 50px;}
.kakao-wrap .setting-sub-content-title {margin-bottom: 8px;}
.kakaoUsedData {width:48.6%;margin-bottom: 0px; max-width: 100%;}
.kakaoUsedData:last-child {margin-left: 10px;}
.kakao-wrap .cm-popover-info {margin-bottom: 1px;margin-left: 6px;}
.kakao-wrap .inputsetting-wrap .cl-common-form-wrap {width: 248px;}
.kakao-wrap .friends-btn.talk-charge,.kakao-wrap .friends-btn.talk-charge-en,.kakao-wrap .charge-box + .friends-btn{       max-width: 120px;  }
.kakao-wrap .friends-btn.plus-friends{       max-width: 120px;  }
.kakao-wrap .setting-sub-content {        max-width: 380px; }
.kakao-wrap .bs-placeholder {color: #b1b3b7!important;padding-left: 12px!important;padding-right: 12px!important;}
/*location -> notificationtalkmail*/
.kakao-wrap .br-tag-height{    line-height: 0;    height: 8px;    display: block;}
.kakao-wrap .contents-align + div.popover .popover-content {
    padding:13px 15px 9px 27px; 
    width: 301px;
}
.kakao-wrap .contents-align + .popover {
    max-width: 316px;
    line-height: 1.4;
}
.kakao-wrap .contents-align + div.popover .popover-content > div svg {
    position: absolute;
    top: 7px;
    left: -10px;
    fill: #696c71;
    margin: 0 auto;
}

.kakao-wrap .contents-align + div.popover .popover-content > div{
    position: relative;

 
}
.setting-kakaoNoticePoint {
	color: #222428;
	font-size: 14px;
	float: left;
	width: 100%;
	border-bottom: 1px solid #eeeff0;
	padding: 16px 0 16px 0;
}
.setting-kakaoNoticePoint:first-child {padding-top: 0;}
.setting-kakaoNoticePoint:last-child {margin-bottom: 0px;}
.setting-kakaoNoticePoint .kaNoticePointTitle {float: left;}
.setting-kakaoNoticePoint .kaNoticePointLists {float: right;}
.setting-kakaoNoticePoint .newcheckbox {float: left;margin-right: 40px;margin-bottom: 1px;}
.setting-kakaoNoticePoint .newcheckbox:last-child {margin-right: 0;}
.setting-kakaoNoticePoint .newcheckbox span { }
.setting-kakaoNoticePoint .newcheckbox.disabled {opacity: 0.3;}

.not-plus-friends {background-color:#d2d6db !important;}

.kaNoticeGeneralTitle {padding-top: 4px;}
.kaNoticeGeneralTitle .newcheckbox{float: left;margin-right: 20px;}
.kaNoticeGeneralTitle .en-margin-right{float: left;margin-right: 24px;}
.kakao-chkwrap .kaNoticePointTitle {color: #b1b3b7;}
.kakao-chkwrap .newcheckbox label {color:#b1b3b7;}
.kakao-chkwrap .newcheckbox svg.active {fill:#b1b3b7;}
@media only screen and (max-width: 767px) {
.kakao-wrap .setting-sub-content {max-width: 100%;}
.kakao-wrap .inputsetting-wrap .cl-common-form-wrap {width: 100%}
}
@media only screen and (max-width: 480px) {
.kaNoticeGeneralTitle .newcheckbox {width: 39%}
.kakao-wrap .contents-align + div.popover .popover-content {width: auto;}
}

/* (5-1) Order/Cancel/Exchange/Return	   :: Product Detail Contents											  */
.payment-popup {
	width:100%;
	height:100%;
	background-color:rgba(238,239,243,0.95);
	position:fixed;
	left:0px;
	top:0px;
	z-index:1010;
	display:none;
}
.close-btn-box {
	z-index: 19;
	position: absolute;
	top: 20px;
	right: 23px;
	cursor: pointer;
}
.close-btn-box svg { fill: #222428;}
.payment-box {
	max-width: 1280px;
	width: 100%;
	height:100%;
	position:fixed;
	left:50%;
	top:0px;
	transform:translateX(-50%);
	background-color:rgba(255,255,255,1);
	z-index:1001;
	display:none;
}
.payment-box-subject {
	width:100%;
	font-size:24px;
	font-weight:400;
	padding:44px 0 46px 0;
	text-align:center;
	color:#3c4451;
}
.payment-box-subject svg.close {display: none;}
.payment-list-box {
	width: 73.4%;
	position: relative;
	z-index: 3;
	float: left;
	height: 100%;
	padding: 0 30px 50px;
}
.detail-title {
	width:100%;
    padding: 5px 46px;
    line-height: 1.3;
	margin-top: 0;
	margin-bottom:0;
	color: #222428;
	font-size: 14px;
	font-weight: 400;
}
.detail-title[data-status="f"] {padding: 10px 16px;}
.payment-table-box {height:calc(100% - 230px);}
.payment-table {
}
.payment-table-box .payment-table-header-mobile {display: none;}
.payment-table-box > #order-group-number {
	font-weight:normal;
	margin-bottom:10px;
	font-size:14px;
	color: #222428;
}
.payment-table-box .orderDate { float: right; }
.orderNumText .ico-naverpay {
	margin-top: 5px;
	vertical-align: top;
	float: none;
}
.payment-table tr.payment-table-header {
	background-color: #f5f7f9;
	height: 30px;
}

.payment-table tr.payment-table-header td { color: #696c71; font-size: 14px; vertical-align: middle; }

.payment-table > div.payment-table-header .paym-title {
	color: #222428; 
	font-size: 14px;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
}

.payment-table-box > div.payment-table-header > div.newcheckbox[data-status="f"] svg {  display: none; }

.payment-table-box > div.payment-table-header > div:first-child {width:46px;padding-left: 0;}
.payment-table-box > div.payment-table-header .chhide {opacity: 0;}
.payment-table-box > div.payment-table-header > div:first-child > input {position:relative;top:1px;}
.payment-table-box > div.payment-table-header > div:nth-child(2) {width:calc(100% - 248px);}
.payment-table-box > div.payment-table-header > div:nth-child(3) {width:80px;}
.payment-table-box > div.payment-table-header > div:nth-child(4) {width:121px;}

.payment-table-box .payment-list-head { overflow: hidden; }
.payment-table-box .payment-list-head .payment-table { width: 100%; }
.payment-table-box > div#payment-list-body {
	width:100%;
	height:calc(100% - 64px);
	overflow-y:auto;
	overflow-x:hidden;
	padding:0;
}
.payment-table-box > div#payment-list-body::-webkit-scrollbar {
	width: 8px;
	height: 8px;
 	border: 5px solid #f3f4f5;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.payment-table-box > div#payment-list-body::-webkit-scrollbar-thumb {
	height: 50px;
	width: 50px;
	background: #d1d3d5; 
	-webkit-border-radius: 8px;
	border-radius: 8px;
	/* -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1); */
	border: 0;
}
.payment-table-box .newcheckbox {
	width: 16px;
	height: 16px;
	position: relative;
	margin: 0;
	display: inline-block;
}

.payment-table-box #payment-list-body table.table,
.payment-table-box .payment-table {  margin-bottom: 0; table-layout: fixed; }
.payment-table-box .newcheckbox input.none-check ~ svg {opacity: .4;}
.payment-table-box > div#payment-list-body .detail-listbox td.product-desc-td { /*padding-right:20px;*/ }
.payment-table-box > div#payment-list-body .detail-listbox td.product-desc-td.desc_mng_prd {width:518px; text-align: left;}
.payment-table-box > div#payment-list-body .detail-listbox td { font-size: 14px; line-height: 1.54; padding: 0; vertical-align: middle; text-align: center; padding-top: 15px; padding-bottom: 15px; border: none; color: #222428; }
.payment-table-box > div#payment-list-body .admin-status-box td { padding: 0; border: none; }
.payment-table-box > div#payment-list-body > div > div {width:100%;display:inline-block;margin-bottom:10px;}
.payment-table-box > div#payment-list-body .detail-title-box:first-child td { border-top: none; }
.payment-table-box > div#payment-list-body .detail-title-box {
	margin-bottom: 15px;
	border: none;
	border-bottom: 1px solid #eeeff0;
	padding: 0;
}
.payment-table-box > div#payment-list-body .prDeliveryCompany input[type=text] { width: 150px; border: 1px solid #dbdcdf; font-size: 14px; display: inline-block; border-radius: 3px; box-shadow: none; text-align:center; }
.payment-table-box > div#payment-list-body .prDeliveryCompany input[type=text]:disabled { background-color: #f3f4f5 !important; }

.payment-table-box > div#payment-list-body .cl-s-delivery-company-selector { position: relative; width: 150px; border: 1px solid #dedede; margin-bottom: 5px; display: inline-block; text-align: left; border-radius: 3px; margin-top:2px; }
.payment-table-box > div#payment-list-body .cl-s-delivery-company-selector.disabled { background-color: #f3f4f5; pointer-events: none; }
.payment-table-box > div#payment-list-body .cl-s-delivery-company-selector.open { border-color: #bcbcbc; }
.payment-table-box > div#payment-list-body .cl-s-delivery-company-selector > .select-box {
	width: 100%;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	font-weight: 400;
	padding-left: 0;
	text-align: center;
	position: relative;
	cursor: pointer;
	z-index: 2;
	color: #696c71;
}
.payment-table-box > div#payment-list-body .cl-s-delivery-company-selector > .option-box {
    display: none;
    background-color: #fff;
    border: 1px solid #bcbcbc;
    border-top: 0px;
    position: absolute;
    left: 0px; top: 33px;
    width: calc(100% + 2px);
    height: auto;
    max-height: 240px;
    margin-left: -1px;
    overflow: auto;
    z-index: 10;
	text-align: center;
}

.payment-table-box > div#payment-list-body .cl-s-delivery-company-selector > .option-box > div {
    background-color: #ffffff;
    border-bottom:1px solid #eee;
    color: #222228;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    padding: 5px 10px 0px 10px;
    width:100%;
    height:auto;
    min-height: 32px;
    cursor: pointer;
    overflow: hidden;
}

.payment-table-box > div#payment-list-body .cl-s-delivery-company-selector > .option-box > div:hover {
    border-color: #d6d7d8;
    background-color: #f7f7f7;
}

.payment-table-box > div#payment-list-body .cl-s-delivery-company-selector > .option-box > div svg,
.payment-table-box > div#payment-list-body .cl-s-delivery-company-selector > .select-box .selected-option-text svg { position: relative; vertical-align: text-top; top: -2px; margin-left: 5px; fill: #4789e7; }

.payment-table-box > div#payment-list-body .cl-s-delivery-company-selector > .select-box > .selected-option > svg {
	position: absolute;
    top: 50%;
    right: 10px;
    fill: #696c71;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*.payment-table-box > div#payment-list-body > div > div > div {float:left;text-align:center;color:#222428;}*/
/*.payment-table > div#payment-list-body .detail-listbox .prTotalPricePc {display: block;}*/
.payment-table-box > div#payment-list-body > div > div > div:first-child {
	padding-left: 0;
	margin-right: 15px;
	margin-top: 17px; 
	width: 16px; 
	height: 16px;
}
.payment-table-box > div#payment-list-body > div > div > div > p {
	text-align:left;
	padding-left:15px; 
	margin:0px;
	line-height: 1.4;
}

.payment-table-box > div#payment-list-body .detail-listbox { border-bottom: 1px solid #eeeff0; }
.payment-table-box > div#payment-list-body td.product-img img { width: 60px; }
.payment-table-box > div#payment-list-body .product-desc-box { display: flex; }
.payment-table-box > div#payment-list-body .product-desc {text-align: left; width:259px; display: inline-block; }
.payment-table-box > div#payment-list-body .desc_mng_prd .product-desc { width: 220px; position: relative; display: inline-block; padding-right: 10px;}
.payment-table-box > div#payment-list-body .mngPrCode { word-break: break-all; width: 108px; display: inline-block;text-align: center;align-self: normal; padding: 15px 10px;font-size: 14px;color: #222428;}
.payment-table-box > div#payment-list-body .product-desc-box .mngPrCode.mngPrMobile {
	width: 100%;
    text-align: left;
    padding: 5px 10px;
    color: #696c71;
	display:none;
}
.payment-table-box > div#payment-list-body .product-desc-box > .product-desc {display: inline-block;}

@media (min-width:768px) {
	.payment-table-box > div#payment-list-body .detail-listbox td:first-child,
	.payment-table-box > div#payment-list-body .detail-listbox .product-img { padding-top:15px !important;}
	.payment-table-box > div#payment-list-body .detail-listbox.htop .product-img,
	.payment-table-box > div#payment-list-body .detail-listbox.htop td:first-child {vertical-align:top;}
	.payment-table-box > div#payment-list-body .detail-listbox.htop td:first-child {padding-top:37.5px !important;}
	.payment-table-box > div#payment-list-body .product-desc-box {position:relative;padding:0;min-height:60px;align-items:center;}
	/*.payment-table-box > div#payment-list-body .product-desc-box > .prTotalCount,
	.payment-table-box > div#payment-list-body .product-desc-box > .prTotalPricePc { position: absolute; left: 259px; top: 50%; transform: translateY(-50%); z-index: 2; }
	.payment-table-box > div#payment-list-body .product-desc-box > div.prTotalPricePc { left: 329px; }*/
	.payment-table-box > div#payment-list-body .product-desc-box > div.prTotalPricePc.sale { display: flex; flex-direction: column; justify-content: center; }
}
@media (min-width:768px) and (max-width:1279px) {
	/*.payment-table-box > div#payment-list-body .product-desc-box > .prTotalCount,
	.payment-table-box > div#payment-list-body .product-desc-box > .prTotalPricePc { left: 170px; }
	.payment-table-box > div#payment-list-body .product-desc-box > div.prTotalPricePc { left: 223px; }*/
	.payment-table-box > div#payment-list-body .product-desc-td > .subcontents-box { max-width:175px; }
}
@media (max-width:767px) {
	.payment-table-box > div#payment-list-body .detail-listbox td:first-child {margin-top:20px;}
}

.payment-table-box > div#payment-list-body .product-desc-box > div {
    font-size: 14px;    
    color: #222428;
    display: flex;
    align-items: center;
    justify-content: center;
}

.payment-table-box > div#payment-list-body .prTotalCount { width: 70px; align-self: normal; }
.payment-table-box > div#payment-list-body .desc_mng_prd .prTotalPricePc {width: 120px;}
.payment-table-box > div#payment-list-body .prTotalPricePc { display: inline-block; width: 130px; align-self: normal; font-size: 14px; color: #222428; text-align: center;}
.payment-table-box > div#payment-list-body .prDeliveryPrice { border: 1px solid #eeeff0 !important; }
.payment-table-box > div#payment-list-body .prDeliveryPrice .pay-type-delivered,
.payment-table-box > div#payment-list-body .prDeliveryPrice .price-type-desc { color: #8e9095; font-weight: normal; }
/*.payment-table-box > div#payment-list-body .prDeliveryCompany { border: 1px solid #eeeff0 !important; }*/
.payment-table-box > div#payment-list-body .prDeliveryCompany { position: relative; left: 5px; }
@media (min-width:768px) and (max-width:1279px) {
	.payment-table-box > div#payment-list-body .prDeliveryCompany { left: -2px; }
}
.payment-table-box > div#payment-list-body .prDeliveryCompany .order-status { display: block; color: #8e9095; font-weight: normal; }
.payment-table-box > div#payment-list-body .prDeliveryCompany .order-status.order-status-F { color: #4789e7; }
.payment-table-box > div#payment-list-body .prDeliveryCompany .order-status-C,
.payment-table-box > div#payment-list-body .prDeliveryCompany .order-status-CY,
.payment-table-box > div#payment-list-body .prDeliveryCompany .order-status-R,
.payment-table-box > div#payment-list-body .prDeliveryCompany .order-status-RY,
.payment-table-box > div#payment-list-body .prDeliveryCompany .order-status-E,
.payment-table-box > div#payment-list-body .prDeliveryCompany .order-status-ES,
.payment-table-box > div#payment-list-body .prDeliveryCompany .order-status-ED,
.payment-table-box > div#payment-list-body .prDeliveryCompany .order-status-EY {color:#ee445f;}

.payment-table-box > div#payment-list-body .newcheckbox input[disabled] + svg {fill:#f8f8f9;}
.payment-table-box > div#payment-list-body .newcheckbox[data-status="f"],
.payment-table-box > div#payment-list-body .newcheckbox[data-status="f"] + .admin-status-box > div {/*width: auto;*/margin-right: 0;}
/*.payment-table-box > div#payment-list-body .newcheckbox[data-status="f"] svg {display: none;}*/
.payment-table-box > div#payment-list-body .newcheckbox[data-status="f"] ~ .text-center {width:calc(100% - 260px);}

.payment-table-box #payment-list-body .subcontents-box { padding-top:15px; }
.payment-table-box #payment-list-body .subcontents-box li.product-log {padding-bottom: 2px;}
.payment-table-box #payment-list-body .subcontents-box li.product-log:last-child { border-bottom: none; padding-bottom:0; }

.payment-table-box > div#payment-list-body > div > div > div:not(.product-log-etc):nth-child(3) > p:nth-child(2) {color:#96989b; height: auto; margin-top:10px;}
.payment-table-box > div#payment-list-body .optionPc {
	color: #96989b;
    height: auto;
    /* margin-top: 10px; */
    margin-bottom: 2px;
	display: block;
    overflow: hidden;
    padding-left: 15px;
    text-align: left;
    font-size: 14px;
}
.payment-table-box > div#payment-list-body > div > div > div:nth-child(3) > p.optionPc > span {word-break: break-word;}
.payment-table-box > div#payment-list-body .optionMobile, .payment-table-box > div#payment-list-body .prTotalPriceMobile {display: none;}
/*.payment-table > div#payment-list-body .prTotalCount {display: block;}*/
.payment-table-box > div#payment-list-body > div > div > div:nth-child(4) {width:80px;line-height:55px;}
.payment-table-box > div#payment-list-body > div > div > div:nth-child(5) {width:113px;line-height:55px;}
.payment-table-box > div#payment-list-body > div > div.admin-status-box {
	height:auto !important;
	position:relative;
	top:-15px;
	padding:0 0 0 15px;
	float: left;
}
.payment-table-box #payment-list-body .subcontents-box { font-size:14px; padding-left: 15px; text-align: left; }
.payment-table-box #payment-list-body [data-status="f"] .subcontents-box {width: calc(100% - 60px); padding-left: 15px;padding-right: 15px;}
/*.payment-table-box #payment-list-body .subcontents-box.product-log-etc { padding-left:0px; }*/
.payment-table-box #payment-list-body .subcontents-box p { color: #96989b;word-break: break-all;margin: auto; } 
.payment-table-box #payment-list-body .subcontents-box p.product-log-heading { position: relative;line-height: 1.4;padding: 15px 10px 4px 0px;color: #222428; border-top: 1px solid #eeeff0; }
.payment-table-box #payment-list-body .subcontents-box p.product-log-heading-sub { font-size:13px; position: relative; padding-top: 0; padding-bottom: 2px; line-height: 1.4; }

.payment-table-box #payment-list-body .subcontents-box p .product-log-title { padding-right:15px;color: #696c71; }
.payment-table-box #payment-list-body .subcontents-box p .product-log-date { color: #96989b; }
.payment-table-box #payment-list-body .subcontents-box p.product-log-detail { line-height: 20px; padding-bottom: 15px;color: #696c71; }
.payment-table-box #payment-list-body .subcontents-box p.product-log-detail:empty { display: none; }

.payment-table-box #payment-list-body .subcontents-box .product-log-reason,
.payment-table-box #payment-list-body .subcontents-box .product-log-reason-detail {display:block;padding-left:65px;color:#96989b;}
.payment-table-box #payment-list-body .subcontents-box .product-log-reason {color:#222428; padding-top:4px; font-size:13px; }

.popover .coupon_detail {position:relative; color:#696c71; padding-left:11px; display:block; }
.popover .coupon_detail:before { content: ""; position: absolute; display: inline-block; top: 7px; left: 0; width: 6px; height: 6px; border-bottom: 1px solid #8e9095; border-left: 1px solid #8e9095; }
.payment-table-box > div#payment-list-body .coupon-name {display:none;}

.payment-table-box > div#payment-list-body > div > div.admin-status-box > div {
	height: auto !important;
	line-height: 100%;
	min-height: 20px;
	margin-top: 0;
	text-align: left;
}
.payment-table-box > div#payment-list-body .admin-status-box .subcontents-box li {
	border-bottom: 1px solid #e7e8e9;
}
.payment-table-box > div#payment-list-body .product-name {
	font-size: 14px;
    color: #222428;
    margin: 0px;
    text-align: left;
    padding-left: 15px;
    line-height: 1.4;
    word-break: break-word;
}
.payment-table-box > div#payment-list-body .coupon-name {
	color: #8e9095;
	font-size: 12px;
	margin:8px 0 0 15px;
}
@media (max-width:767px) {
	.payment-table-box > div#payment-list-body .coupon-name {
		margin:0 0 0 -70px;
		padding:0 0 10px 80px;
	}
}
.payment-table-box > div#payment-list-body .coupane_underline {
	position: relative;
}

.payment-table-box > div#payment-list-body .info-title {margin-top: 15px !important; width: 100%; text-align: left; padding-left: 15px; }
.payment-table-box > div#payment-list-body .info-title .state-title {
	font-size: 13px; 
	margin-right: 15px;
}
.payment-table-box > div#payment-list-body .info-title .state-date {
	font-size: 12px;
	color: #b1b3b7;
}
.payment-table-box > div#payment-list-body .info-title .state-desc {
	font-size: 13px;
	margin-top: 10px;
	color: #696c71;
	display: block;
}

.payment-table-box > div#payment-list-body .info-title .state-title.blue {
	color: #4789e7;
}

.payment-table-box > div#payment-list-body .info-title .state-title.red {
	color: #ee445f;
}



.payment-table-box > div#payment-list-body .detail-listbox .prDeliveryPriceMobile,
.payment-table-box > div#payment-list-body .detail-listbox .prDeliveryCompanyMobile { display: none; }
.payment-table-box > div#payment-list-body .detail-listbox .prDeliveryPriceMobile .price svg { position: relative; top: 1px; margin-right: 5px; }

.popup-slide {
	width: 26.6%;
	height:100%;
	overflow:hidden;
	overflow-y:auto;
	position:relative;
	padding:112px 20px 100px 20px;
	z-index:4;
	background-color:rgb(255,255,255);
	float:left;
	overflow:auto;
	background-color:#f5f7f9;
}
.popup-slide > .slide-btn {
	width:100%;
	text-align:center;
	font-size:15px;
	color:rgb(71,137,241);
	height:50px;
	line-height:50px;
	cursor:pointer;
	position:absolute;
	left:0px;
	background-color:#fff;
}
.popup-slide::-webkit-scrollbar {
	width: 8px;
	height: 8px;
 	border: 5px solid #f3f4f5;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.popup-slide::-webkit-scrollbar-thumb {
	height: 50px;
	width: 50px;
	background: #d1d3d5; 
	-webkit-border-radius: 8px;
	border-radius: 8px;
	/* -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1); */
	border: 0;
}
.status-button {
	width:100%;
	background-color:rgb(71,137,231);
	border-radius:5px;
	overflow:hidden;
	position:relative;
}
.status-button > button {
	/* width:calc(25% - 1px); */
	flex: 1;
	height:50px;
	float:left;
	border:0px;
	background-color:transparent;
	color:rgb(255,255,255);
}
.status-button > span {
	width:1px;
	float:left;
	height:30px;
	position:relative;
	transform:translateY(10px);
	background-color:rgb(255,255,255);
	display:inline-block;
}
#popup-total-price {
	display: flex;
	width:100%;
	text-align:right;
	padding:10px 10px 21px;
	font-weight:normal;
	color:#222428;
	font-size: 14px;
	justify-content: space-between;
	align-items: center;
}
.paybtn-pc {display: flex;}
.cancel-status-button.paybtn-mobile {display: none;}
#popup-total-price > span {display:inline-block;float:left;}
.status-button > .full-button {width:100%;}
.cancel-status-button {
	width:calc(100%);
	background-color:rgb(71,137,231);
	border-radius:5px;
	overflow:hidden;
	position:relative;
	display: flex;
}
.cancel-status-button > button {
	flex: 1 1 auto;
	height:50px;
	float:left;
	border:0px;
	background-color:transparent;
	color:rgb(255,255,255);
}
.cancel-status-button > button.disabled {
	opacity: .3;
}

.escrow-btn-box > button {width:calc(33.333333333% - 1px) !important;}
.cancel-status-button > span {
	display: block;
	width:1px;
	float:left;
	height:30px;
	position:relative;
	transform:translateY(10px);
	background-color:rgb(255,255,255);
	display:inline-block;
}
.delivery-option {
	width:100%;
	display:inline-block;
	margin:30px 0px;
	background-color:rgb(245,245,245);
	padding:15px 0px;
	font-weight:normal;
}
.delivery-option > form {width:100%;height:25px;}
.delivery-option > form > span {
	display:inline-block;
	margin:0px 20px;
	float:left;
	height:25px;
	line-height:25px;
	font-size: 11pt;
}
.delivery-option > form > div {float:left;}
.delivery-number-box > select {
	width:100%;
	height:25px;
	border:1px solid #a1a1a1;
	margin-bottom:5px;
	background-color:#fff;
}
.delivery-number-box > input {
	width:150px;
	height:25px;
	border:1px solid #a1a1a1;
	padding-left:5px;
}
.delivery-number-box > a {
	width:calc(100% - 150px);
	height:25px;
	color:rgb(71,137,231);
	padding-left:5px;
	float:right;
	text-align:center;
	cursor:pointer;
}
.delivery-option > form > button {float:right;}
.delivery-option > form > button.delivery-button {
	width:100px;
	height:35px;
	position:relative;
	top:-5px;
	border:0px;
	background-color:rgb(71,137,231);
	border-radius:5px;
	color:#fff;
	margin-right:10px;
}
.delivery-option > form > button.cancel-button {
	width:70px;
	height:35px;
	position:relative;
	top:-5px;
	border:0px;
	margin-right:10px;
	font-weight:normal;
}
.delivery-option a {
	color:rgb(71,137,231);
	font-weight:normal;
	margin-left:20px;
	cursor:pointer;
	padding-top:2px;
	display: inline-block;
}
.delivery-option a:hover {color:rgb(71,137,231);text-decoration:underline;}
.delivery-box {overflow:hidden;width:100%;}
.delivery-box:nth-child(2) {margin-top:60px;}
.delivery-box > div {width:100%;float:left;margin-bottom: 28px; line-height: 1;}
.delivery-box > div:last-child { margin-bottom: 0; }
.delivery-box > div > div:nth-child(2) {padding:15px 20px;}
.delivery-box > div > form {padding:10px 20px;}
.admin-order-delivery-info > .info-subject {
	font-size:16px;
	color:#222428;
	padding-left:0px;
	background-color:#f5f7f9;
	height: auto;
	line-height: 180%;
	margin-bottom: 10px;
}

.payment-popup .popover {max-width:100%;border-color:#e7e8e9 !important;box-shadow: unset;}
.payment-popup .popover .coupon-category { text-align: center; font-size: 12px; line-height: 1.52; padding: 2px 11px; border: 1px solid #dfe1e3; }
.payment-popup .popover .coupon-info { text-align: left; font-size: 12px; line-height: 1.52; padding: 3px 11px; border: 1px solid #dfe1e3; }
.payment-popup .popover .coupon-info-inner,
.payment-popup .popover .product-name,
.payment-popup .popover .coupon-name,
.payment-popup .popover .coupon-item,
.payment-popup .popover .coupon-all { display: block; }
.payment-popup .popover .coupon-item { position: relative; color:#696c71; padding-left:19px; }
.payment-popup .popover .coupon-item::before { content: ""; position: absolute; display: inline-block; top: 6px; left: 7px; width: 6px; height: 6px; border-bottom: 1px solid #8e9095; border-left: 1px solid #8e9095; }
.payment-popup .popover .coupon-all { position: relative; color:#696c71; padding-left:10px; }
.payment-popup .popover .coupon-all::before { content: ""; position: absolute; display: inline-block; top: 9px; left: 0; width: 6px; border-bottom: 1px solid #8e9095; border-left: 1px solid #8e9095; }
.payment-popup .popover .coupon-discount { width: min-content; font-size: 12px; line-height: 1.52; padding: 2px 11px; text-align: right; border: 1px solid #dfe1e3; }

.delivery-box .step-line { position: relative; float: right; width: calc(100% - calc(15px + 7px)); color: #696c71; font-size: 12px; z-index: 2; line-height: 1.6; }
.delivery-box .step-line:before { content: ""; position: absolute; display: inline-block; top: 6px; left: -12px; width: 6px; height: 6px; border-bottom: 1px solid #8e9095; border-left: 1px solid #8e9095; }
.delivery-box .step-line > span.info-title { text-align: left; line-height: 1.4; padding-top:4px; }

.admin-order-delivery-info > .info-body {background-color:#fff; line-height: 180%;}
.admin-order-delivery-info > .info-body.re_req_price {
	border: 2px solid #4789E7;
}
.admin-order-delivery-info > .info-body.re_req_price.pay_return_blink {
    display: inline-block;
    -webkit-animation:blink .6s ease-in-out alternate;
    -moz-animation:blink .6s ease-in-out alternate;
    animation:blink .6s ease-in-out alternate;
} 
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/*.admin-order-delivery-info > .info-body + .info-body { margin-top: 5px; }*/
.admin-order-delivery-info .delivery_cpWrap,
.admin-order-delivery-info .delivery_numWrap {
	float: left;
	width: 100%;
}
.admin-order-delivery-info .delivery_numWrap {margin-top: 13px;}
.admin-order-delivery-info .delivery_cpWrap .common-selectbox,
.admin-order-delivery-info .delivery_numWrap .cl-common-form-wrap {
	float: right;
}
.common-payment-config-selectbox {
	width: 100%;
	border: 1px solid #dbdcdf;
	position: relative;
}
.common-payment-config-selectbox .caret {display: none;}
.common-payment-config-selectbox .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width:100% !important;}
.common-payment-config-selectbox svg {position: absolute;right:15px;top:calc(50% - 2px);}
.delivery_numWrap {width:100%;border:1px solid #dbdcdf;}
.delivery_numWrap input {width:100%;height:30px;padding:0px 15px;border:none;}

.admin-order-delivery-info .delivery_cpWrap .common-selectbox > svg {left: 104px;}
.info-subject {
	width:100%;
	height:45px;
	line-height:45px;
	background-color:rgb(245,245,245);
	padding-left:20px;
	font-weight:normal;
	font-size:11pt;
}
.info-body {
	width:100%;
	padding:10px 20px;
	display: inline-block;
}
.info-body p {
	margin:0 0 2px 0;
	float: left;
	width: 100%;
	color: #222428;
	font-size: 13px;
}
.info-body p.title {
	margin: 15px 0px 15px 0px;
	float: left;
	width: 100%;
	color: #96989b;
	font-size: 13px;
}
.info-body p.cut-line {
	margin: 15px 0px 15px 0px;
	float: left;
	width: 100%;
	height:1px;
	background-color: #e7e9eb;
}
.info-body p.title:first-child {
	margin: 0px 0px 15px 0px;
	float: left;
	width: 100%;
	color: #96989b;
	font-size: 13px;
}
.info-body p.opt-nm { color: #8e9095; }
.info-body .info-title {max-width: 100px;width: 100%;}
.info-body .info-title.info-pccc { line-height: 1.4; }
.info-body .info-text {
	width: calc(100% - 100px);
	overflow: hidden;
	word-break: break-word;
	height: auto;
	float: right;
}
.exchangeComplete-radio-box  {
	position: relative;
	overflow: hidden;
	float: left;
	width: 100%;
	margin-top: 7px;
}
.exchangeComplete-radio-box .newcheckbox span {margin-top: 1px; display: inline-block; }
.exchangeComplete-radio-box .newcheckbox {float: left;margin-right: 15px;}
.cl-s-cancel-info .cl-common-form-wrap.isborder,
.cl-s-escrow-info .cl-common-form-wrap.isborder {border: none;}
.modal-default .modal-dialog.cl-s-change-info.cl-s-RY .modal-content .modal-title:not(.cl-notice-title) {display: none;}
.modal-default .modal-dialog.cl-s-change-info.cl-s-RY .modal-content .modal-title.cl-notice-title {
	margin: 50px 0 30px 0; 
}
.modal-default .modal-dialog.cl-s-change-info.cl-s-RY .modal-content .modal-title + form {margin-top: 34px;}
.cl-s-change-info .shopping-textarea {height:100px;}
.cl-s-change-info .cl-s-popup-selectbox {width:100%; float: left;}
.cl-s-change-info .delivery-number {margin-top: 2px;}
.cl-s-change-info .cl-s-popup-selectbox .search_text {
	margin-bottom:0px !important;
}
.cl-s-change-info .cancel-process {width:100%; }
.cl-s-change-info .cancel-process + .btn-box {max-width: 300px; margin: 0 auto;}
.modal-default .modal-dialog.cl-cmmodal.cl-s-cancel-info .modal-content .cancel-process .modal-title {margin-bottom: 30px;}
.cl-s-change-info .cancel-contents {
	padding: 0px 5px;
	font-size: 14px;
	word-break: keep-all;
	line-height: 1.6;
}
.cl-s-change-info .cancel-process .cancel-contents a {color:#4789e7;text-decoration: underline;}
.cl-s-change-info .cancel-process .cancel-confirm-text {margin-top:30px; font-size: 14px;}
.cl-s-change-info .cancel-process button {max-width:300px;}

.cl-s-cancel-info .cl-common-form-wrap,
.cl-s-change-info .cl-common-form-wrap {
	/*overflow: unset;
	padding: 1px 0px;*/
	float: left;
	width: 100%;
	margin-bottom: 0;
}
.cl-s-change-info .cl-common-form-wrap.delivery-type-box { border: none; display: flex; flex-wrap: wrap;}
.cl-s-change-info .cl-common-form-wrap.delivery-type-box label { flex: 1 1 50%; font-size: 13px; font-weight: normal; margin-bottom: 20px; text-align: left; }
.cl-s-change-info .cl-common-form-wrap.delivery-type-box label:nth-child(n+3) { margin-bottom: 0; }
.cl-s-change-info .cl-common-form-wrap.delivery-type-box label input { display: none; }

.cl-s-change-info .cl-common-form-wrap.delivery-type-box input[type=radio] { display: none; }
.cl-s-change-info .cl-common-form-wrap.delivery-type-box input[type=radio] + svg { fill: #dbdcdf; display: inline-block; position: relative; top: 3px; margin-right: 5px; }
.cl-s-change-info .cl-common-form-wrap.delivery-type-box input[type=radio] + svg + svg { fill: #4789e7; display: none; position: relative; top: 3px; margin-right: 5px; }
.cl-s-change-info .cl-common-form-wrap.delivery-type-box input[type=radio]:checked + svg { display: none; }
.cl-s-change-info .cl-common-form-wrap.delivery-type-box input[type=radio]:checked + svg + svg { display: inline-block; }

.cl-s-change-info .common-selectbox > .bootstrap-select .btn.btn-default {max-width: 100% !important;}
.cl-s-cancel-info .cl-s-popup-selectbox .common-selectbox > .bootstrap-select + svg {right: 15px;left: unset;}
.cl-s-change-info .common-selectbox > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {max-width: 100%;height: 50px;}
.cl-s-change-info .common-selectbox .bootstrap-select .dropdown-menu > li > a { padding: 10px 18px; }
.cl-s-change-info .cl-s-popup-selectboxWrap.common-selectbox {width: calc(50% - 5px); margin: 0px 5px;}
.cl-s-change-info .cl-s-popup-selectbox.delivery-row .bootstrap-select.delivery-company svg { position: absolute; margin-left: 5px; fill: #4789e7; }
.cl-s-change-info .delivery-number .noTransition {
	width: 81%;
	height: 100%;
	padding: 14px 0;
	pointer-events: auto;
	-webkit-transition: none;
	-moz-transition: all 0.28s ease-in-out;
	-ms-transition: all 0.28s ease-in-out;
	-o-transition: all 0.28s ease-in-out;
	transition: none;
	z-index: 99;
} 
.cl-s-change-info .common-selectbox > svg {right:15px;left:unset;}
.cl-s-cancel-info .payback-notice-text {
	position: relative;
	text-align: left;
	font-size: 13px;
	color: #696c71;
	float: left;
	width: 100%;
	margin-top: 10px;
}
.cl-s-cancel-info .payback-notice-icon {
	fill: #4789e7;
	float: left;
	margin-right: 6px;
	margin-top: 2px;
}
.modal-default .modal-dialog.cl-s-cancel-info .payback-notice-icon + p {
	margin-bottom: 0;
	font-size: 13px;
	float: left;
	width: calc(100% - 23px);
}
.cl-s-cancel-info .payback-notice-icon + p .payback-notice-link {}
.cl-s-change-info .cl-s-popup-selectbox .search_text {
	width: calc(50% - 10px) !important;
	height: 48px; 
	float: left; 
	margin : -2px 0 50px 10px;
	border-radius: 3px;
	border: 1px solid #dbdcdf;
}

.modal-body form {float: left; width: 100%;}
.cl-common-form-wrap.cl-common-form-half { width:calc(50% - 5px); margin:0px 5px; display:inline-block;}
.cl-common-form-group.disabled { background-color: #f3f4f5; border-color: #dbdcdf;}
.cl-common-warring {
	color:#4789e7;
	text-align:left;
	padding-bottom: 30px;
	border-bottom: 1px solid #eeeff0;
	overflow:hidden;
}
.cl-common-warring svg {position:relative;top:3px;float:left;}
.cl-common-warring span {
	display:inline-block;
	width:calc(100% - 13px);
	padding-left:5px;
	float:left;
}

.product-btn {
	width:100px;
	height:30px;
	font-size:10pt;
	float:right;
	line-height:0px;
	border:0px;
	position:absolute;
	right:50px;
	top:50%;
	transform:translateY(-50%);
}
.detail-box {
	width:100%;
	float:left;
	position:absolute;
	margin-top:10px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.table-td > .drag-handle > .fa {top: 50%;left: 50%;transform: translate(-50%, -50%);}

#admin-memo {
	width: 100%;
	height: 35px;
	line-height: 35px;
	border: none;
	background-color: #fff;
	font-size: 13px;
	color: #222428;
	cursor: pointer;
	text-align: center;
	padding: 0px;
	float: left;
}
#admin-memo-list {float: left; width: 100%;margin-top: 8px;}
#admin-memo-list.msgFalse {margin-top: 0;}
.admin-memo-box {
	padding:15px 20px 10px 20px;
	width: 100%;
	background-color: #fff;
	margin-bottom: 8px;
}
.admin-memo-box.admin-memo-edit {padding:0px;}
.memo-box.admin-memo-edit {display:none;}
.admin-memo-box textarea {
	resize:none;
	width:100%;
	height:70px;
	border:1px solid #e7e9eb;
	border-radius:3px;
	padding:5px 10px;
	font-size:13px;
}
.admin-memo-box .admin-btn-box {width:100%;overflow:hidden;}
.admin-memo-box .admin-btn-box div {
	float:right;
	font-size:13px;
	background-color:transparent;
	padding:5px 5px 0 10px;
}
.admin-memo-box .admin-btn-box .admin-memo-cancel-btn {cursor:pointer;color:#b1b3b7;}
.admin-memo-box .admin-btn-box .admin-memo-primary-btn {cursor:pointer;color:#4789e7;}

.admin-memo-list-box {
	width:100%;
	padding:15px 20px;
	overflow:hidden;
	font-size:13px;
	background-color:#fff;
	margin:0 0 10px 0px;
	position:relative;
}
.admin-memo-list-box:last-child {margin-bottom: 0;}
.admin-memo-list-box .memo-btn {
	position:absolute;
	top:15px;
	right:20px;
	cursor: pointer;
}
.admin-memo-list-box .memo-btn span:first-child {margin-right:10px;}
.admin-memo-list-box .memo-date {float:left;color:#96989b;}
.admin-memo-list-box .memo-text {width:100%;float: left;margin-top:10px;}
.memo-text pre {
	background-color: transparent; 
	border: none;
	padding:0px;
	font-family: 'Noto Sans KR', sans-serif;
}
.modal .shopping-textarea {height:72px;resize:none;}
.admin-order-delivery-info > form {background-color:#fff;padding:20px !important;}
.cl-s-delivery-info .cl-common-form-wrap {margin-bottom: 0;}

/* (5-2) Settings						:: Popup Contents										  				*/
.modal-default .modal-dialog.cl-cmmodal.cl-cmmodal .modal-content .modal-body {
	font-family: "Noto Sans KR", "Noto Sans", sans-serif;
}
.modal-default .modal-dialog.cl-cmmodal.cl-s-plusFriendAdd .modal-content .modal-body,
.modal-default .modal-dialog.cl-cmmodal.cl-s-plusFriendAdd .modal-footer,
.modal-default .modal-dialog.cl-cmmodal.cl-s-smsNumberInput .modal-content .modal-body,
.modal-default .modal-dialog.cl-cmmodal.cl-s-smsNumberInput .modal-footer {max-width: 420px;}
.modal-default .modal-dialog.cl-cmmodal.cl-s-plusFriendAdd .modal-content .contents-detail {
	float: left;
	width: 100%;
}
.modal-default .modal-dialog.cl-cmmodal.cl-s-plusFriendAdd .modal-content .modal-title {padding: 0;}
.cl-s-plusFriendAdd .cl-common-form-wrap,
.cl-s-smsNumberInput .cl-common-form-wrap {margin-bottom: 10px;}

.cl-s-plusFriendAdd .cl-common-form-wrap.nonDisabled .cl-common-form-group,
.cl-s-smsNumberInput .cl-common-form-wrap.nonDisabled .cl-common-form-group {background-color: #f3f4f5;;}

.cl-s-plusFriendAdd .cl-common-form-group,
.cl-s-smsNumberInput .cl-common-form-group { box-sizing: border-box; height: 48px;}

.cl-s-plusFriendAdd input::-webkit-input-placeholder,
.cl-s-smsNumberInput input::-webkit-input-placeholder {font-size:14px;}
.cl-s-plusFriendAdd input:-ms-input-placeholder,
.cl-s-smsNumberInput input:-ms-input-placeholder {font-size:14px;}
.cl-s-plusFriendAdd input:-mos-input-placeholder,
.cl-s-smsNumberInput input:-mos-input-placeholder {font-size:14px;}

.cl-s-plusFriendAdd .contents-detail > button,
.cl-s-smsNumberInput .authentication {
	width:100%;
	height:48px;
	background-color:#6c7685;
	color:#fff;
	border-radius:3px;
	border:none;
}
.cl-s-smsNumberInput .authentication {margin: 10px 0;}
.cl-s-plusFriendAdd .contents-detail .sub-title {
	width:100%;
	font-size: 14px;
	color:#696c71;
	margin: 30px 0 10px 0;
	position:relative;
	text-align: left;
	font-weight: 400;
	float: left;
	width: 100%;
}
.setting-email-kaTalkPlus.common-selectbox.setting-common-select {margin-bottom: 12px;}
.setting-email-kaTalkPlus.common-selectbox.setting-common-select:last-child {margin-bottom: 0;}
.cl-s-plusFriendAdd .contents-detail .setting-common-select.common-selectbox > .bootstrap-select.dropdown,
.cl-s-plusFriendAdd .contents-detail .setting-common-select.common-selectbox > .bootstrap-select .btn.btn-default,
.cl-s-smsNumberInput .setting-common-select.common-selectbox > .bootstrap-select.dropdown,
.cl-s-smsNumberInput .setting-common-select.common-selectbox > .bootstrap-select .btn.btn-default {max-width: 100%;}

.cl-s-plusFriendAdd .contents-detail .setting-common-select.common-selectbox svg,
.cl-s-smsNumberInput .setting-common-select.common-selectbox svg {left: auto; right: 20px;}
.modal-default .modal-dialog.cl-s-plusFriendAdd .modal-content .modal-footer > button.btn.close-button-dialog {display: none;}

.setting-email-kaTalkPlus.common-selectbox.setting-common-select,
.setting-email-kaTalkPlus.second-category,
.setting-email-kaTalkPlus.third-category {
	position: relative;
	height: 50px;
}

.setting-email-kaTalkPlus.second-category .dropdown.bootstrap-select.bs3,
.setting-email-kaTalkPlus.third-category .dropdown.bootstrap-select.bs3 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}
.setting-email-kaTalkPlus.zIndexClass {z-index: 9;}
.setting-email-kaTalkPlus.second-category svg,
.setting-email-kaTalkPlus.third-category svg {
	position: absolute;
	z-index: 4;
}

#second-category,
#third-category {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

#second-category2,
#third-category2 {
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	z-index: 1;
}

.contents-detail #second-category > option {display:none;}
.contents-detail #second-category > option:first-child {display:block;}
.contents-detail #third-category > option {display:none;}
.contents-detail #third-category > option:first-child {display:block;}
.cl-s-talkPayCharge .kakao-talk-box {
	font-size: 14px;
	color: #696c71;
	float: right;
}
.cl-s-talkPayCharge .price-section {
	color: #222428;
	float: left;
	width: 100%;
	padding: 26px 40px;
	font-size: 18px;
	border-radius: 3px;
	border: solid 1px #eaeaea;
	margin-bottom: 10px;
	line-height: 28px;
}
.cl-s-talkPayCharge .price-section:hover {
	border-color:#4789e7;
}
.cl-s-talkPayCharge .price-section .newcheckbox {float: left;margin: 0;}
.cl-s-talkPayCharge .price-section .newcheckbox label {
	transform: translateY(4px);
}
.cl-s-talkPayCharge .price-section .newcheckbox span {}



.cl-s-talkPayCharge .price-section-paypal {
	color: #222428;
	float: left;
	width: 100%;
	padding: 26px 40px;
	font-size: 18px;
	border-radius: 3px;
	border: solid 1px #eaeaea;
	margin-bottom: 10px;
	line-height: 28px;
}
.cl-s-talkPayCharge .price-section-paypal:hover {
	border-color:#4789e7;
}
.cl-s-talkPayCharge .price-section-paypal .newcheckbox {float: left;margin: 0;}
.cl-s-talkPayCharge .price-section-paypal .newcheckbox label {
	transform: translateY(4px);
}
.cl-s-talkPayCharge .price-section-paypal .newcheckbox span {}






.cl-s-talkPayCharge .warring {
	width: 100%;
	text-align: right;
	float: left;
	color: #ee445f;
	margin-bottom: 34px;
}
.modal-default .modal-dialog.cl-s-talkPayCharge .modal-content .modal-footer {/*margin-bottom: 40px;*/}

.modal-default .cl-s-callHistory.modal-dialog.cl-cmmodal.cover .modal-content,
.modal-default .cl-s-chargeHistory.modal-dialog.cl-cmmodal.cover .modal-content {
	height: 95%;
	overflow: hidden;
	padding-bottom: 10px;
}
.modal-default .cl-s-callHistory.modal-dialog.cl-cmmodal .modal-content .modal-body,
.modal-default .cl-s-chargeHistory.modal-dialog.cl-cmmodal .modal-content .modal-body {
	height: 100%;
}
.modal-default .cl-s-callHistory.modal-dialog.cl-cmmodal.cover {width: 820px; max-width: 820px;}
.modal-default .modal-dialog.cl-cmmodal.cl-s-callHistory .modal-content .modal-body,
.modal-default .modal-dialog.cl-cmmodal.cl-s-chargeHistory .modal-content .modal-body {padding:0 10px; max-width: 100%;}
.modal-default .modal-dialog.cl-cmmodal.cl-s-chargeHistory.chargegabia .table-title > div {width: 25%}
.modal-default .modal-dialog.cl-cmmodal.cl-s-chargeHistory.chargegabia .callPcContents > div{width: 25%}
.modal-default .modal-dialog.cl-cmmodal.cl-s-chargeHistory.chargegabia .table-content > div > div:last-child {cursor: unset;}
.cl-s-callHistory .sent-search {height: 30px;}
.cl-s-callHistory .calendar-box {float: left; width: calc(100% - 435px); margin-right: 5px;}
.cl-s-callHistory .change-date-box {
	margin-bottom: 0px;
	padding: 0px;
	border-radius: 0px;
	width: 66.6666666%;
	height: 30px;
}
.cl-s-callHistory .change-date-box .input-group {
	border: 1px solid #dbdcdf;
	float: left;
	max-width: 102px;
	width: calc(50% - 7.5px);
	height: 100%;
}
.cl-s-callHistory .change-date-box .input-group > input[readonly] {
	width: 86px;
	padding: 3px;
	line-height: 1;
	height: auto;
	opacity: 1;
	position: relative;
	z-index: 11;
	cursor: pointer;
	font-size: 13px;
	box-shadow: none;
	color: #696c71;
	background-color: transparent;
	border: none;
}
.cl-s-callHistory .change-date-box .input-group .site-visit-datetext + svg {
	fill: #696c71;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 5px;
}
.cl-s-callHistory .change-date-box .input-group .site-visit-datetext {
	position: absolute;
	width: 90px;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	font-size: 14px;
	color: #696c71;
}
.cl-s-callHistory .change-date-box .input-group + .fa {
   	content: '';
	float: left;
	display: inline-block;
	width: 5px;
	height: 1px;
	background-color: #696c71;
	margin: 11px 5px 0;
}
.cl-s-callHistory .setting-email-callHistory-select {
	float: left; 
	max-width: 101px;
	width: 33.3333333333%;
	margin-right: 5px;
}
.cl-s-callHistory .calendar-box .setting-email-callHistory-select {
	margin-right: 0px;
	margin-left: 5px;
}
.cl-s-callHistory .setting-email-callHistory-select.common-selectbox > .bootstrap-select.dropdown  {
	max-width: 101px;
	height: 100%;
}
.cl-s-callHistory .setting-tallClass.setting-email-callHistory-select.common-selectbox > .bootstrap-select.dropdown,
.cl-s-callHistory .setting-tallClass.setting-email-callHistory-select > .bootstrap-select .btn.btn-default,
.cl-s-callHistory .setting-tallClass.setting-email-callHistory-select {max-width:66px; }

.cl-s-callHistory .setting-content.setting-email-callHistory-select.common-selectbox > .bootstrap-select.dropdown,
.cl-s-callHistory .setting-content.setting-email-callHistory-select > .bootstrap-select .btn.btn-default,
.cl-s-callHistory .setting-content.setting-email-callHistory-select {max-width:80px;}

.cl-s-callHistory .setting-status.setting-email-callHistory-select.common-selectbox > .bootstrap-select.dropdown,
.cl-s-callHistory .setting-status.setting-email-callHistory-select > .bootstrap-select .btn.btn-default,
.cl-s-callHistory .setting-status.setting-email-callHistory-select {max-width:93px;}

.cl-s-callHistory .setting-email-callHistory-select.common-selectbox svg {right: 10px;left: unset;}
.cl-s-callHistory .setting-tallClass.setting-email-callHistory-select.common-selectbox svg, 
.cl-s-callHistory .setting-content.setting-email-callHistory-select.common-selectbox svg,
.cl-s-callHistory .setting-status.setting-email-callHistory-select.common-selectbox svg {left: auto; right: 7px;}

.cl-s-callHistory .setting-email-callHistory-select > .bootstrap-select .btn.btn-default{
	max-width: 101px;
	height: 100%;
	padding: 3px 8px;
	min-width: auto;
	font-size: 12px;
	border-radius: 0;
	margin-top: 0;
}

/** cl-s-callHistory datetimepicker **/
.cl-s-callHistory .change-date-box .bootstrap-datetimepicker-widget {
	position: absolute;
	top: 38px !important;
	left: 0px !important;
	max-width: 218px;
	min-width: 218px;
	padding: 5px 10px;
	font-size: 12px !important;
	text-align: center;
	word-break: break-word;
	-moz-border-radius: 0;
	border-radius: 0;
	box-shadow: none;
	max-width: 218px;
	min-width: 218px;
}
.cl-s-callHistory .bootstrap-datetimepicker-widget table thead th:hover,
.cl-s-callHistory .bootstrap-datetimepicker-widget table thead th:hover,
.cl-s-callHistory .bootstrap-datetimepicker-widget table thead th:hover,
.cl-s-callHistory .bootstrap-datetimepicker-widget table thead th:hover {
	background: #eeeeee;
	color:#333333 !important;
	padding:3px 5px;
	width:auto;
}
.cl-s-callHistory .bootstrap-datetimepicker-widget table thead th:nth-child(2):hover,
.cl-s-callHistory .bootstrap-datetimepicker-widget table thead th:nth-child(2):hover,
.cl-s-callHistory .bootstrap-datetimepicker-widget table thead th:nth-child(2):hover,
.cl-s-callHistory .bootstrap-datetimepicker-widget table thead th:nth-child(2):hover {
	background: #fff;
	color:#333333 !important;
}   
.cl-s-callHistory .bootstrap-datetimepicker-widget table td.active ,
.cl-s-callHistory .bootstrap-datetimepicker-widget table td.active,
.cl-s-callHistory .bootstrap-datetimepicker-widget table td.active ,
.cl-s-callHistory .bootstrap-datetimepicker-widget table td.active { background-color: #4789e7; color: #fff; }

.cl-s-callHistory .bootstrap-datetimepicker-widget table,
.cl-s-callHistory .bootstrap-datetimepicker-widget table,
.cl-s-callHistory .bootstrap-datetimepicker-widget table,
.cl-s-callHistory .bootstrap-datetimepicker-widget table { width: 100%; text-align: center;}

.cl-s-callHistory .bootstrap-datetimepicker-widget table th.picker-switch,
.cl-s-callHistory .bootstrap-datetimepicker-widget table th.picker-switch,
.cl-s-callHistory .bootstrap-datetimepicker-widget table th.picker-switch,
.cl-s-callHistory .bootstrap-datetimepicker-widget table th.picker-switch { text-align: center; cursor: pointer; }

.cl-s-callHistory .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.cl-s-callHistory .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"],
.cl-s-callHistory .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.cl-s-callHistory .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"],
.cl-s-callHistory .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.cl-s-callHistory .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"],
.cl-s-callHistory .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.cl-s-callHistory .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"] { width: 73%;}

.cl-s-callHistory .bootstrap-datetimepicker-widget table td.day,
.cl-s-callHistory .bootstrap-datetimepicker-widget table td.day,
.cl-s-callHistory .bootstrap-datetimepicker-widget table td.day,
.cl-s-callHistory .bootstrap-datetimepicker-widget table td.day { line-height: 15px; cursor: pointer;}

.cl-s-callHistory .bootstrap-datetimepicker-widget table span,
.cl-s-callHistory .bootstrap-datetimepicker-widget table span,
.cl-s-callHistory .bootstrap-datetimepicker-widget table span,
.cl-s-callHistory .bootstrap-datetimepicker-widget table span { padding: 5px 0; float: left; width: 25%; line-height: 1.2; cursor: pointer;}

.cl-s-callHistory .bootstrap-datetimepicker-widget table thead th {text-align: center;}
.cl-s-callHistory .bootstrap-datetimepicker-widget table thead th:hover {
	background: #eeeeee;
	color:#333333 !important;
	padding:3px 5px;
	width:auto;
}
.cl-s-callHistory .bootstrap-datetimepicker-widget table thead th:nth-child(2):hover{
	background: #fff;
	color:#333333 !important;
}
.cl-s-callHistory .bootstrap-datetimepicker-widget table td.active { background-color: #4789e7; color: #fff; }
.cl-s-callHistory .bootstrap-datetimepicker-widget table { width: 100%; text-align: center;}
.cl-s-callHistory .bootstrap-datetimepicker-widget table th.picker-switch { text-align: center; cursor: pointer; }
.cl-s-callHistory .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.cl-s-callHistory .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"] { width: 73%;}
.cl-s-callHistory .bootstrap-datetimepicker-widget table td.day { line-height: 15px; cursor: pointer;}
.cl-s-callHistory .bootstrap-datetimepicker-widget table span { padding: 5px 0; float: left; width: 25%; line-height: 1.2; cursor: pointer;}

.cl-s-callHistory .change-date-box + ul {border-radius: 3px; overflow: hidden;}
.cl-s-callHistory .change-date-box + ul * {font-family: 'Noto Sans KR',sans-serif;}
.cl-s-callHistory .check-button:first-child:not(.check-button-active) {border-radius: 3px 0 0 3px; border-left:1px solid #dbdcdf;}
.cl-s-callHistory .check-button:last-child {border-radius: 0 3px 3px 0;}
.cl-s-callHistory .check-button {
	padding: 9px 0;
	text-align:center;
	border-top: 1px solid #dbdcdf;
	border-bottom: 1px solid #dbdcdf;
	border-right: 1px solid #dbdcdf;
	float:left;
	font-size:14px;
	color:#b1b3b7;
	width: 69.6px;
	height: 40px;
	cursor:pointer;
}
.cl-s-callHistory .sent-search .cl-common-form-wrap {
	float: left;
	margin-bottom: 0;
	border: 1px solid #dbdcdf;
	border-radius: 0;
}
.cl-s-callHistory .sent-search .cl-common-form-group {padding: 0px 8px;}
.cl-s-callHistory .sent-search .cl-common-form-wrap,
.cl-s-callHistory .sent-search .cl-common-form-group {
	max-width: 103px;
	width: 100%;
	height: 100%;
}
.cl-s-callHistory .sent-search .cl-common-form-group input {height: 30px;}
.callhistorySearch-input.input::-webkit-input-placeholder {font-size: 13px;}
.callhistorySearch-input.input:-ms-input-placeholder {font-size: 13px;}
.callhistorySearch-input.input:-mos-input-placeholder {font-size: 13px;}
.cl-s-callHistory .talk-send-btn {
	max-width: 70px;
	width: 100%;
	border: none;
	box-shadow: none;
	background-color: #4789e7;
	color: #fff;
	height: 100%;
	float: left;
	margin-left: 3px;
}
.table-title {
	display: block;
	width:100%;
	height:30px;
	background-color:#f3f4f5;
	margin-top:30px;
	text-align:center;
	font-weight:normal;
	height:30px;
	overflow:hidden;
	line-height:30px;
	color: #696c71;
	font-size: 13px;
}
.table-title > div {width:77px;height:100%;float:left;}
.table-title > div:nth-child(2) {width:141px;}
.table-title > div:nth-child(3) {width:124px;}
.table-title > div:nth-child(4) {width:124px;}
.table-title > div:nth-child(5) {width:68px;}
.table-title > div:nth-child(6) {width:122px;}
.table-title > div:last-child {width:96px;}
.table-content {
	height:calc(100% - 299px); 
	overflow:auto; 
	color: #696c71;
	font-size: 13px;
}
.cl-s-callHistory .table-content .callContents {}
.cl-s-callHistory .table-content .callPcContents,
.cl-s-chargeHistory .table-content .callPcContents {display: block;}
.cl-s-callHistory .table-content .callmobileInfo,
.cl-s-chargeHistory .table-content .callmobileInfo {display: none;}


.table-content > div {
	text-align:center;
	font-weight:normal;
	height:47px;
	line-height:47px;
	overflow: hidden;
}
.table-content > div > div {width:77px;height:100%;float:left;}
.table-content > div > div:nth-child(2) {width:141px;}
.table-content > div > div:nth-child(3) {
	width:124px;
	word-break: break-all;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.table-content > div > div:nth-child(4) {width:124px;}
.table-content > div > div:nth-child(5) {width:68px;}
.table-content > div > div:nth-child(6) {width:122px;}
.table-content > div > div:last-child {width:96px;}
.table-page {margin:30px;}
.table-page > ul {
	display:inline-block;
	position:relative;
	left:50%;
	transform:translateX(-50%);
	width: 100%;
}
.table-page > ul li:last-child {margin-right: 0; }
.table-page > ul li.arrow_lft {margin-right:34px; }
.table-page > ul li.arrow_rgt {margin-left:8px; }
.table-page > ul li {
	display: inline-block;
	margin-right: 26px;
	font-size: 13px;
	color: #b1b3b7;
}
.table-page > ul li.active {color: #4789e7;}
.table-content::-webkit-scrollbar {
	width: 8px;
	height: 8px;
 	border: 5px solid #f3f4f5;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.table-page > ul li svg {fill:#696c71; }
.table-content::-webkit-scrollbar-thumb {
	height: 50px;
	width: 50px;
	background: #d1d3d5; 
	-webkit-border-radius: 8px;
	border-radius: 8px;
	/* -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1); */
	border: 0;
}
.table-content > div.talk-none-list {
	width:100%;
	margin-top:119px;
	text-align:center;
	font-size:13px;
	color:#8c8c8c;
}
.modal-default .cl-s-smsNumberInput.modal-dialog.cl-cmmodal .modal-content .modal-title {padding: 0 20px; letter-spacing: -1px;}
.cl-s-chargeHistory .table-title,
.cl-s-chargeHistory .table-content {padding: 0 12px;}
.cl-s-chargeHistory .table-content {height: calc(100% - 239px);}
.cl-s-chargeHistory .table-title > div {width:130px;height:100%;float:left;}
.cl-s-chargeHistory .table-title > div:nth-child(2) {width:180px;}
.cl-s-chargeHistory .table-title > div:nth-child(3) {width:105px;}
.cl-s-chargeHistory .table-title > div:nth-child(4) {width:121px;}
.cl-s-chargeHistory .table-title > div:last-child {width:73px;}

.cl-s-chargeHistory .table-content > div > div {width:130px;height:100%;float:left;}
.cl-s-chargeHistory .table-content > div > div:nth-child(2) {width:180px;}
.cl-s-chargeHistory .table-content > div > div:nth-child(3) {width:105px;}
.cl-s-chargeHistory .table-content > div > div:nth-child(4) {width:121px;}
.cl-s-chargeHistory .table-content > div > div:last-child {
	width:73px;
	color:#4789e7;
	cursor:pointer;
}
.sms-delete {color:#ed5d52; display: inline; cursor: pointer; }

.cl-s-smsNumberInput .sms-popup-list  {
	color:#696c71;
	font-size: 14px;
	text-align: center;
	margin-top: 50px;
	overflow: hidden;
}
.cl-s-smsNumberInput .sms-popup-list > .sms-popup-title {}
.cl-s-smsNumberInput .sms-popup-list > .sms-popup-sub-title {
	padding-bottom:20px;
	border-bottom:1px solid #dfe0e2;
	margin-bottom:20px;
	color:#696c71; font-weight: 300;
}
.cl-s-smsNumberInput .sms-popup-list > .none-content {
	width:100%;
	text-align:center;
	height:34px;
	font-size:13px;
	color:#c5c5c5;
	line-height:34px;
}
.cl-s-smsNumberInput .sms-number-list {
	width: 100%;
	font-size: 14px;
	color: #696c71;
	margin-bottom: 20px;
	float: left;
}
.cl-s-smsNumberInput .sms-number-list .sms-number-box {
	/* width: 170px; */
	padding: 0 50px 0 40px;
	text-align: right;
	float: none;
	overflow: hidden;
	margin: 0 auto;
	line-height: 22px;
}
.cl-s-smsNumberInput .sms-number-list .sms-phone-number { float: left; font-weight: 300;}
.cl-s-smsNumberInput .sms-number-list .sms-phone-number span { font-weight: normal; }
.cl-s-smsNumberInput .sms-number-list .sms-delete svg {fill:#ee445f;}
.cl-s-smsNumberInput #auth-btn {width: 100%; margin-top: 30px; padding: 14px 0px;}

.modal-default .modal-dialog.cl-cmmodal.cl-s-kakaoTemplate .modal-content .modal-body {padding: 0 75px; max-width: 100%;}
.cl-s-kakaoTemplate > form {height:calc(100%);overflow:auto;}
.cl-s-kakaoTemplate .important_alert {font-size: 14px; color: #4789e7; margin: 70px 0 60px 0;}

.cl-s-kakaoTemplate .contents-detail .sub-title {
	text-align: left;
	padding: 0px 0px 20px;
	font-size: 14px;
	color: #222428;
	border-bottom: 1px solid #dfe1e3;
}
.cl-s-kakaoTemplate .template-wrap {
	width: 100%;
	padding: 30px 0px;
	overflow: hidden;
	text-align: left;
}
.cl-s-kakaoTemplate .template-wrap > .template-container {width:calc(50% - 15px);margin-right:15px;float:left;}
.cl-s-kakaoTemplate .template-wrap > .template-container:nth-child(2n) {width:calc(50% - 15px);margin-right:0px;margin-left:15px;}
.cl-s-kakaoTemplate .template-wrap > .template-container > .template-title {width:100%;font-size:14px;color:#696c71;}
.cl-s-kakaoTemplate .template-wrap > .template-container > .template-title > span.ing, 
.cl-s-kakaoTemplate .template-wrap > .template-container > .template-title > span.nope,
.cl-s-kakaoTemplate .template-wrap > .template-container > .template-title > span.success {
	padding: 0 14px;
	height:20px;
	color:#fff;
 	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float:right;
	font-size:11px;
	display:inline-block;
	text-align:center;
	line-height:18px;
	position:relative;
	top:4px;
	font-size: 12px;
}
.cl-s-kakaoTemplate .template-wrap > .template-container > .template-title > span.ing {background-color:#c7c7c7;}
.cl-s-kakaoTemplate .template-wrap > .template-container > .template-title > span.nope {background-color:#f03f60;}
.cl-s-kakaoTemplate .template-wrap > .template-container > .template-title > span.success {background-color: #4886e3;}
.cl-s-kakaoTemplate .template-wrap > .template-container > .template-box {
	width:100%;
	height:190px;
	overflow:auto;
	overflow-x:hidden;
	margin-top:10px;
	border-radius:3px;
	border:1px solid #eaeaea;
	padding:15px 20px;
	margin-bottom:28px;
	font-size: 14px;
	color:#696c71;
}
.cl-s-kakaoTemplate .template-wrap > .template-container > .template-box::-webkit-scrollbar {
	width: 8px;
	height: 8px;
 	border: 5px solid #f3f4f5;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.cl-s-kakaoTemplate .template-wrap > .template-container > .template-box::-webkit-scrollbar-thumb {
	height: 50px;
	width: 50px;
	background: #d1d3d5; 
	-webkit-border-radius: 8px;
	border-radius: 8px;
	/* -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1); */
	border: 0;
}
.kakaotalk-guide {
	background-color: #f7fafd;
	border-left: 3px solid #4789e7;
	padding: 12px 35px;
	font-size: 13px;
	position: relative;
	margin-bottom: 40px;
	color: #8e9095;
	line-height: 22px;
	word-break: keep-all;
}
.kakaoemail-hyperlink{text-decoration: underline;}
.kakaoemail-hyperlink > a {color: #4789e7;word-break: break-all;}
.kakaoemail-hyperlink:hover{color:rgb(107,137,231)}
.kakaoemail-setting-button {
	max-width: 100px;
	max-height: 36px;
	width: 100%;
	background-color: rgba(71,137,231,1);
	color: #fff;
	border: 0px;
	border-radius: 3px;
	font-size: 14px;
	position: absolute;
	right: 0px;
	margin-right: 40px;
	height: 36px;
	top: 38px;
	transform: translateY(-50%);
	display: none;
}
.kakaotalk-wrap-width > div {  position:relative; }
.kakaotalk-wrap-width > div:before{content: "-";
    display: inline-block;
    height: 100%;
    width: 0px;    
    left:-10px;
	position: absolute;

}
.pc-setting-btn.kakao-btn-bottom {max-width: 100px;}
@media all and (max-width:768px) {
.setting-email .settingBtnSaveWrap .pc-setting-btn, .shopping-dashboard .kakaoemail-setting-button {
	display: none;
}
.kakaoemail-setting-button {
	/*display: none;*/
    max-width: 80px;
    font-size: 13px;
    margin-right: 15px;
    top: 50%;
    right: 0;
}	
.kakaoemail-setting-button.mobileopen{display: block;}
}

@media all and (min-width:768px) {

.kakaoemail-setting-button .mobileopen	{display: none;}
.kakaotalk-wrap-width > div{	width:70%; }
}


.connect-guide {
	font-size: 13px;
	width: 170px;
	height: 40px;
	position: absolute;
	right:23px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 3px;
	border: 1px solid #4886e3;
	color: #4886e3;
	background-color: transparent;
}
.inputsetting-wrap {width: auto; float: none;}
.inputsetting-wrap.charge-box {float: left;margin-right: 10px;}
.inputsetting-wrap .cl-common-form-wrap {width: 270px;}
.talk-plus-friends-delete {
	position:absolute;
	right:145px;
	top:13px;
	cursor:pointer;
	display:none;
}
.cl_icon_help01 {cursor:pointer;}
.contents .contents-detail input[disabled] {background-color:#f5f5f5 !important;}
.cl_icon_del02 {color:#ed5d52;}
.no-bank-info-popup .popup-btn-box button.cancel-btn {
	display:none;
	width:50%;
	background-color:#fff;
	border:none;
	color:#000;
}
.setting-sub-content-check-box input[type="checkbox"] {
	position: fixed;
	top: 0;
	width: 18px;
	margin-top: 0;
	top:-99999px;
	height: 18px;
	left:0;
	opacity: 0;
}
.setting-sub-content-check-box > span {margin-right:10px;}
.setting-sub-content-check-box .cl-icon-email-check {position:relative;top:5px;display:none;}
.setting-sub-content-check-box .checkbox input {
	opacity:1;
	width:15px;
	height:15px;
	position:relative;
	top:4px !important;
}
.setting-social .setting-sub-content-radio-box + div {margin-top: 30px; margin-bottom: 10px;}
.setting-social .socialLogin-input {margin-bottom: 30px;}
.setting-social .setting-detail-btn {
	color: #4789e7;
	text-decoration: underline;
	margin-bottom: 23px;
}
.modal-default .guidePopup.modal-dialog.sclogin-modal .guide-wrap .step p,
.guidePopup.modal-dialog.sclogin-modal .guide-wrap .step #step2 p {margin: 6px 0 70px 0; text-align: left;}
.modal-default .guidePopup.modal-dialog.sclogin-modal .guide-wrap .step .subDetail {margin: 0 0 15px 0;}
.modal-default .guidePopup.modal-dialog.sclogin-modal .guide-wrap .step .subDetail.mt50 {margin-top: 50px;}
.guidePopup.sclogin-modal .guide-wrap .step h3 {margin-bottom: 60px;}
.guidePopup .socialLoginSmallStep {
	margin: 9px 0 70px 0;  
	text-align: left;
	width: 100%; 
	overflow: hidden;
	color: #696c71;
	font-size: 14px;
	word-break: keep-all;
}

.guidePopup .socialLoginSmallStep li {float: left; width: 100%;}

/* 네이버페이 가이드 모달  */

.guidePopup.naverpay-guide-modal .guide-top { padding-top: 13px; }
.guidePopup.naverpay-guide-modal .guidetitle { margin-top: 0 !important; margin-bottom: 40px !important; }
.guidePopup.naverpay-guide-modal .guide-wrap { top: unset; height: calc(100% - 126px); }
.guidePopup .naverpaySmallStep {
	margin: 8px 0 15px 0;  
	text-align: left;
	width: 100%; 
	overflow: hidden;
	color: #696c71;
	font-size: 14px;
	word-break: keep-all;
	float: left;
}
.guidePopup.naverpay-guide-modal .naverpaySmallStep li { margin-left: 30px; line-height: 1.4;}
.guidePopup.naverpay-guide-modal .naverpaySmallStep li.except { margin-top: 5px; }
.guidePopup.naverpay-guide-modal .naverpaySmallStep li + li { margin-top: 8px; }
.guidePopup.naverpay-guide-modal .naverpaySmallStep li:not(.except)::before {
	content : '·';
}
.guidePopup.naverpay-guide-modal .naverpaySmallStep li::before {
	margin-left: -15px;
	position: absolute;
}

.guidePopup.naverpay-guide-modal .naverpaySmallStep li.danger { color: #ee445f; }
.guidePopup.naverpay-guide-modal .naverpaySmallStep li.note { color: #aaacb1; }

.guidePopup.naverpay-guide-modal .naverpaySmallStep + p { margin-bottom: 8px; }
.guidePopup.naverpay-guide-modal .step-sub-title-item { color: #484b50 !important; margin-left: 15px !important; margin-top: 5px !important; margin-bottom: 0 !important; font-weight : bold;}

.guidePopup.naverpay-guide-modal .guide-menu { width: 100%; }
.guidePopup.naverpay-guide-modal .guide-menu > ul { max-width: 540px; display: flex; margin: 0 auto; }
.guidePopup.naverpay-guide-modal .guide-menu > ul > li { flex: 1 1 30%; }
.guidePopup.naverpay-guide-modal .guide-menu > ul > li div.line.right { left: 100%; }
.guidePopup.naverpay-guide-modal .sub-title { font-size: 18px !important; margin-top: 0 !important; margin-bottom: 20px !important; color: #222428 !important; }
.guidePopup.naverpay-guide-modal .naverpay-fee-table { width: 100%; margin-top: 10px; float: left; color: #696c71;}
.guidePopup.naverpay-guide-modal .naverpay-fee-table tr { height: 30px; }
.guidePopup.naverpay-guide-modal .naverpay-fee-table th, .guidePopup .naverpay-fee-table td { border: 1px solid #e6e6e6; text-align: center; }
.guidePopup.naverpay-guide-modal .naverpay-fee-table th { background-color: #f5f5f5; }
.guidePopup.naverpay-guide-modal .naverpay-fee-table td { font-weight: 300; }
.guidePopup.naverpay-guide-modal .step-point { color: #4789e7 !important; font-weight: bold;}
.guidePopup.naverpay-guide-modal p { margin: 0 !important; margin-bottom: 10px !important; text-align: left;}
.guidePopup.naverpay-guide-modal p + p { margin-top: 30px !important; }
.guidePopup.naverpay-guide-modal p.sub-title + p { margin-top: 0px !important; }
.guidePopup.naverpay-guide-modal .img-responsive { margin-bottom: 10px !important; }
.guidePopup.naverpay-guide-modal .img-responsive + p { margin-top : 30px !important; }
.guidePopup.naverpay-guide-modal .img-responsive + p.sub-title { margin-top: 60px !important; }
.guidePopup.naverpay-guide-modal .img-responsive + p.step-sub-title { margin-top: 20px !important; }
.guidePopup.naverpay-guide-modal div.devide-line { height: 1px; background-color: #eeeff0; margin: 70px auto 0 auto; max-width: 540px; }
.guidePopup.naverpay-guide-modal .step [id^='step'] { max-width: 540px !important; margin-top: 70px !important; }
.guidePopup.naverpay-guide-modal .step .sub-title { margin-top: 60px !important; }
.guidePopup.naverpay-guide-modal .step .step-sub-title { font-size: 16px !important; color: #484b50 !important; font-weight: bold; }
.guidePopup.naverpay-guide-modal .indent-row > span, .guidePopup.naverpay-guide-modal .indent-row-num > span { display: inline-block; float: left; }
.guidePopup.naverpay-guide-modal .indent-row > span:nth-child(1) { width: 60px; margin-right: 5px; }
.guidePopup.naverpay-guide-modal .indent-row > span:nth-child(2) { width: calc(100% - 65px);  }

.guidePopup.naverpay-guide-modal .indent-row-num > span:nth-child(1) { width: 20px; margin-right: 5px; }
.guidePopup.naverpay-guide-modal .indent-row-num > span:nth-child(2) { width: calc(100% - 25px);  }
.guidePopup.naverpay-guide-modal .modal-footer.guideClose { margin-top: 80px !important; margin-bottom: 80px !important; max-width: 300px !important; }
.naverpay-guide-modal a.c-blue.text_d_un:hover, .naverpay-guide-modal a.c-blue.text_d_un:visited ,.naverpay-guide-modal a.c-blue.text_d_un:focus { text-decoration: underline; }
.naverpay-guide-modal .desc-area { display: inline-block; width: calc(100% - 15px); margin-left: 15px; text-align: left; background-color: #f8f9fa; margin-bottom: 40px; padding: 15px; }
.naverpay-guide-modal .desc-area .desc-title { color: #696c71; font-size: 14px; font-weight: bold; margin-bottom: 8px; }
.naverpay-guide-modal .desc-area ul li:not(.except)::before { content: '·'; position: absolute; margin-left: -10px; }
.naverpay-guide-modal .desc-area ul li { padding-left: 10px; font-size: 14px; color: #696c71; }
.naverpay-guide-modal .desc-area ul li + li { margin-top: 8px; }

.navershopping-guide-modal .naverpaySmallStep > li { margin-left: 15px !important; }
.guidePopup.kakaosync-guide-modal .naverpaySmallStep.etcStep li { margin-left: 14px;}
/* 네이버페이,쇼핑 가이드 모달  */

/* Beta 뱃지 */
.beta-badge { color: #ee445f !important; font-style: italic; }
.beta-badge.naver-shopping { margin-left: 6px !important; font-size: 13px;}
.beta-badge.submenu-naverpay { margin-left: 4px !important; font-size: 11px; }
@media only screen and (max-width: 768px) {
	.beta-badge.naver-shopping { margin-left: 8px !important; font-size: 16px; }
	.beta-badge.submenu-naverpay { margin-left: 6px !important; font-size: 13px; }
}
/* Beta 뱃지 */

.modal-default .guidePopup.modal-dialog.sclogin-modal .socialLoginSmallStep li:nth-child(4) .guidelistBox {float: right;}
.modal-default .guidePopup.modal-dialog.sclogin-modal .subDetail .guide_important {float: none; margin-right: 0;}
.modal-default .guidePopup.modal-dialog.sclogin-modal .guide_important {margin-right: 5px; float: left;}
.modal-default .guidePopup.modal-dialog.sclogin-modal .guidelistBox { float: left; width: calc(100% - 19px);}
.modal-default .guidePopup.modal-dialog.sclogin-modal .guide-menu ul li {flex: 1 1 auto; }
.modal-default .guidePopup.modal-dialog.sclogin-modal .guide-menu ul div.line.right {left: 100%;}
.content-sub-title {
	display:inline-block;
	width:120px;
	color:#333;
	float:left;
}
.talk-charge-form {display:block;}
.small-input {
	width:120px;
	height:30px !important;
	padding-left:10px;
	border:1px solid #dbdde2;
}
.middle-input {
	width:200px;
	height:30px;
	padding-left:10px;
	border:1px solid #dbdde2;
}
.cl-tax-state-info-icon {
	margin-left:10px !important;
	color:#4789e7;
	position:absolute;
	top:6px;
	font-size: 13px;
	cursor:pointer;
}

/* (6) Shopping Mall																  								*/
/* (6-1) Shopping Mall						:: Product Detail									  					*/
.mall-product-detail-wrap {width:100%;padding-top:100px;padding-bottom:100px;}
.mall-product-detail-container {
	width:100%;
	max-width:1171px;
	margin:auto;
	padding:15px;
}
.order-section {width:100%;position:relative;display:inline-block;}
.image-section {width:55%;max-width:600px;float:left;}
.image-section > .preview {width:100%;overflow:hidden;}
.image-section > .preview > img {width:100%;position:relative;}
.image-list {width:100%;margin-top:36px;display:inline-block;}
.image-list > ul > li {
	float:left;
	width:90px;
	height:90px;
	margin-right:16px;
	cursor:pointer;
}
.image-list > ul > li > img {width:100%;height:100%;}

.order-section > form {
	width:calc(45% - 55px);
	max-width:486px;
	float:left;
	margin-left:55px;
}
.input-section {width:100%;float:left;}
.input-section > .product-title {font-size:24px;position:relative;}
.input-section > .product-price {
	font-size:30px;
	font-weight:normal;
	padding-top:30px;
	padding-bottom:15px;
	border-bottom:2px solid #ededed;
}
.input-section > .product-price > span {
	font-size:18px;
	text-decoration:line-through;
	font-weight:400;
	display:inline-block;
	margin-left:16px;
	color:#848484;
}

.delivery-info {
	width:100%;
	height:30px;
	overflow:hidden;
	font-weight:normal;
	line-height:30px;
}
.delivery-info > .delivery {
	width:100px;
	float:left;
	height:100%;
	font-size:13px;
}
.delivery-info > .price {
	width:calc(100% - 100px);
	float:left;
	height:100%;
	font-size:13px;
}

.option-selector {width:100%;margin-top:22px;position:relative;}
.option-selector > .select-box {
	width:100%;
	height:48px;
	border:1px solid rgb(153,153,153);
	line-height:48px;
	font-size:16px;
	font-weight:normal;
	padding-left:19px;
	position:relative;
	cursor:pointer;
	z-index:2;
	background-color:#fff;
	color:#000 !important;
}
.option-selector > .select-box > .first-option > span {
	position:absolute;
	right:20px;
	top:50%;
	transform:translateY(-50%);
}
.option-selector > .option-box {
	width:calc(100% + 2px);
	height:auto;
	max-height:240px;
	overflow:auto;
	margin-left:-1px;
	position:absolute;
	left:0px;
	top:48px;
	z-index:2;
	line-height:48px;
	display:none;
	border:2px solid rgb(60,60,60);
	border-top:0px;
}
.option-selector > .option-box > div {
	width:100%;
	height:48px;
	padding-left:20px;
	padding-right:20px;
	font-size:16px;
	font-weight:normal;
	border-bottom:1px solid rgb(211,211,211);
	cursor:pointer;
	background-color:rgb(255,255,255);
	color:#000 !important;
}
.option-selector > .option-box > div:hover {background-color:rgb(234,234,234);}
.option-selector > .option-box > div > .number {float:left;margin-right:10px;}
.option-selector > .option-box > div > .price {float:right;}

.option-select-box {
	width:100%;
	height:auto;
	max-height:384px;
	margin-top:20px;
	border-top:1px solid #c7c7c7;
	border-bottom:1px solid #c7c7c7;
	overflow:auto;
	position:relative;
	z-index:1;
}
.box-option-name {width:100%;height:40px;line-height:40px;}
.option-count-box {
	overflow:hidden;
	padding:0px 10px;
	border-bottom:rgb(200,200,200);
	border-top:1px solid #ededed;
}
.option-count-box:first-child {border-top:0px;}
.box-option-count {
	position:relative;
	border:1px solid rgb(235,235,235);
	float:left;
	margin-bottom:20px;
}
.box-option-count > span {
	width:35px;
	height:34px;
	background-color:rgb(241,242,244);
	float:left;
	text-align:center;
	line-height:36px;
	cursor:pointer;
	color:#000;
}
.box-option-count > input {
	width:44px;
	height:34px;
	text-align:center;
	border:0px;
	float:left;
}
.box-option-price {
	float:right;
	margin-right:10px;
	font-weight:normal;
	height:38px;
	line-height:38px;
	font-size:16px;
}
.box-delete {
	float:right;
	margin-right:10px;
	height:38px;
	line-height:38px;
	cursor:pointer;
	position:relative;
	transform:rotate(-45deg);
	font-size:35px;
}

.total-price-box {width:100%;margin:19px 0px 42px;display:inline-block;}
.total-price-box > span:first-child {margin-left:10px;font-size:14px;font-weight:normal;}
.total-price-box > span:nth-child(2) {margin-right:10px;font-size:24px;font-weight:normal;}
.total-price-box > span:last-child {
	margin-right:10px;
	font-size:14px;
	font-weight:normal;
	color:rgb(200,200,200);
}

.product-detail-btn {width:100%;overflow:hidden;}
.product-detail-btn > .btn {height:64px;border-radius:0px;}
.btn-white {
	width:calc(50% - 6px);
	margin-right:6px;
	border:1px solid rgb(153,153,153);
	background-color:rgb(255,255,255);
	font-size:24px;
	font-weight:normal;
}
.btn-black {
	width:calc(50% - 6px);
	margin-left:6px;
	color:rgb(255,255,255);
	border:0px;
	background-color:rgb(64,64,64);
	font-size:24px;
	font-weight:normal;
}
.btn-black:hover {color:rgb(255,255,255);}

hr {margin:0px;border-top:1px solid rgb(200,200,200);}

.detail-info-section {
	width:100%;
	position:relative;
	margin-top:71px;
	display:inline-block;
}
.detail-info-top-menu {
	width:100%;
	position:relative;
	z-index:9;
	top:0px;
}
.detail-info-top-menu > ul {width:100%;overflow:hidden;}
.detail-info-top-menu > ul > li {
	width:33.3333333%;
	float:left;
	text-align:center;
	height:52px;
	line-height:52px;
	border-bottom:1px solid rgb(0,0,0);
	background-color:#f1f2f4;
	border:1px solid #f1f2f4;
	font-size:14px;
	font-weight:normal;
	color:#828282;
	cursor:pointer;
	box-sizing:border-box;
}
.detail-info-top-menu > ul > li.active {
	border:1px solid #222228;
	border-bottom:0px;
	background-color:rgb(255,255,255);
	color:rgb(0,0,0);
	box-sizing:border-box;
}
.detail-info-top-menu > ul > li > a {
	width:100%;
	height:100%;
	text-align:center;
	display:inline-block;
}

.about-info > img {width:100%;}

.buy-review {width:100%;position:relative;}
.review-title {
	width:100%;
	font-size:18px;
	font-weight:normal;
	padding:10px 5px 0px;
	margin:45px 0px 10px;
	display:inline-block;
}
.review-title > span {float:left;margin-right:13px;}
.buy-review > table {
	width:100%;
	border-top:2px solid rgb(0,0,0);
	border-bottom:2px solid rgb(0,0,0);
	font-size:13px;
}
.buy-review > table > thead > tr > th {
	height:39px;
	vertical-align:middle;
	text-align:center;
	color:#222428;
	border-bottom:1px solid #d6d7d8;
}
.buy-review > table > tbody > tr > td {
	height:50px;
	vertical-align:middle;
	text-align:center;
	font-weight:normal;
	border-bottom:1px solid rgb(200,200,200);
}
.buy-review > table > tbody > tr > td:nth-child(1) {text-align:left;padding-left:28px;padding-top:22px;}
.buy-review > table > tbody > tr > td:nth-child(1) > div {padding-bottom:18px;}
.buy-review > table > tbody > tr > td:nth-child(2) > div {display:inline-block;}
.buy-review > table > tbody > tr > td:nth-child(2) > div > img {
	width:15px;
	height:15px;
	float:left;
	margin-right:2px;
}

.product-qna > table {
	width:100%;
	border-top:2px solid rgb(0,0,0);
	border-bottom:2px solid rgb(0,0,0);
	font-size:13px;
}
.product-qna > table > thead > tr > th {
	height:39px;
	vertical-align:middle;
	text-align:center;
	color:#222428;
	border-bottom:1px solid #d6d7d8;
}
.product-qna > table > tbody > tr > td {
	height:50px;
	vertical-align:middle;
	text-align:center;
	font-weight:normal;
	border-bottom:1px solid rgb(200,200,200);
}
.product-qna > table > tbody > tr > td:nth-child(1) {text-align:left;padding-left:28px;padding-top:22px;}
.product-qna > table > tbody > tr > td:nth-child(1) > div {padding-bottom:18px;}
.product-qna > table > tbody > tr > td:nth-child(2) > div {display:inline-block;}
.product-qna > table > tbody > tr > td:nth-child(2) > div > img {
	width:15px;
	height:15px;
	float:left;
	margin-right:2px;
}

.paging {width:100%;margin-top:35px;position:relative;}
.paging > .page {width:100%;position:relative;}
.paging > .page > ul {
	display:inline-block;
	position:relative;
	left:50%;
	transform:translateX(-50%);
}
	.paging > .page > ul > li {
	float:left;
	padding:5px 10px;
	font-weight:normal;
	cursor:pointer;
	color:rgb(150,150,150);
}
.paging > .page > ul > li.active {color:rgb(60,60,60);}

#answer {position:relative;left:0px;top:-50px;}

.paging > .review-write {position:absolute;right:0px;top:-5px;}
.write-btn {
	width:107px;
	height:38px;
	border:0px;
	background-color:rgb(60,60,60);
	color:rgb(255,255,255);
	border-radius:0px;
}
.write-btn:hover {color:rgb(255,255,255);}


.escrow-box {width:100%;padding-left:5px;display:none;}
.escrow-box > input[type='checkbox'] {position:relative;top:3px;margin-right:5px;}
.escrow-box > label {cursor:pointer;}
.escrow-box > table {display:none;}

.mr-50-13 {width:calc(50% - 12px) !important;margin-right:12px;}
.ml-50-13 {width:calc(50% - 12px) !important;margin-left:12px;}

#postcode-layer-box {
	width:100%;
	max-width:500px;
	height:100%;
	max-height:400px;
	position:fixed;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	z-index:-1;
	display:none;
}
#postcode-layer-box > .close {
	width:100%;
	background-color:rgb(255,255,255);
	position:relative;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:13px;
	opacity:1;
}
#postcode-layer-box > .close > #close-btn {
	width:30px;
	height:30px;
	position:absolute;
	bottom:0px;
	transform:rotate(45deg);
	right:0px;
	font-size:20pt;
	font-weight:normal;
	cursor:pointer;
	line-height:100%;
	text-align:left;
}
#postcode-layer {
	width:100%;
	max-width:500px;
	height:100%;
	max-height:400px;
}

/* (6-2) Shopping Mall						:: Mypage									  							*/
.delivery-status > td:nth-child(6) {text-align:right;padding-right:15px;}
.delivery-status > td:nth-child(6) > span {font-weight:normal;}
.no-bank-info-popup {
	width:100%;
	height:100%;
	position:fixed;
	background-color:rgba(0,0,0,0.7);
	left:0px;
	top:0px;
	z-index:1002;
	display:none;
	font-size:13px;
	overflow:auto;
}
.no-bank-info-popup > .return-hold-container {
	width:100%;
	max-width:700px;
	height:auto;
	min-height:100%;
	padding-bottom:50px;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	background-color:#fff;
}
.no-bank-info-popup > .return-hold-container form {
	width:324px;
	height:auto;
	margin:auto;
	padding-top:72px;
}
.no-bank-info-popup > .return-hold-container .title {
	width:100%;
	font-size:24px;
	font-weight:normal;
	text-align:center;
	background-color:rgb(255,255,255);
	margin-bottom:49px;
}
.no-bank-info-popup > .return-hold-container .sub-title {
	width:100%;
	font-size:18px;
	text-align:center;
	background-color:rgb(255,255,255);
	padding-bottom:20px;
	margin-bottom:29px;
	border-bottom:1px solid #e3e6e8;
	margin-left:0px;
	color:#222228;
}
.no-bank-info-popup > .return-hold-container .return-hold-contents {width:100%;background-color:rgb(255,255,255);padding:0px;}
.no-bank-info-popup > .return-hold-container .return-hold-contents .contents-warring {
	width:100%;
	color:#4886e3;
	margin-bottom:20px;
	padding-bottom:5px;
	text-align:center;
	border-bottom:none;
}
.no-bank-info-popup > .return-hold-container .return-hold-contents > .contents {
	margin-bottom:68px;
	font-weight:normal;
	padding-bottom:28px;
	border-bottom:1px solid #e3e6e8;
}
.no-bank-info-popup > .return-hold-container .return-hold-contents > .contents > span {
	display:inline-block;
	width:125px;
	height:30px;
	margin-bottom:5px;
	font-weight:normal;
}
.no-bank-info-popup > .return-hold-container .return-hold-contents > .contents > select {height:25px;border:1px solid #dbdde2;}
.no-bank-info-popup > .return-hold-container .return-hold-contents > .contents > textarea {
	width:calc(100% - 180px);
	max-width:387px;
	height:65px;
	padding:10px;
	resize:none;
	border:1px solid #dbdde2;
}
.no-bank-info-popup table {
	width:230px;
	position:relative;
	left:calc(50% + 12px);
	transform:translateX(-50%);
}
.no-bank-info-popup table button {
	width:100%;
	height:37px;
	background-color:#4886e3;
	color:white;
	border-radius:3px;
	border:0px;
}
.no-bank-info-popup .popup-btn-box button {
	width:300px;
	height:60px;
	background-color:#2d343e;
	color:white;
	border-radius:3px;
	border:0px;
	margin:auto;
	float:none;
	position:relative;
	left:50%;
	transform:translateX(-50%);
}
.mall-mypage-wrap {
	width:100%;
	position:relative;
	background-color:rgb(245,245,245);
	padding-bottom:50px;
	color:#000;
}
.mall-mypage-container {
	width:100%;
	max-width:678px;
	position:relative;
	margin:auto;
	padding:63px 0px 0px;
}
.mall-mypage-container > .title {
	font-size: 36px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1.1px;
	text-align: center;
	color: #222228;
	margin: auto;
}

.mall-mypage-container > .fixed-menu {
	width:100%;
	max-width:678px;
	position:relative;
	z-index:9;
	top:0px;
	padding-top:50px;
	padding-bottom:15px;
}
.mall-mypage-container > .fixed-menu > .title {
	font-size: 36px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1.1px;
	text-align: center;
	color: #222228;
	margin: auto;
}
.mall-mypage-container > .order-info {
	width:100%;
	text-align:center;
	font-size:12pt;
	font-weight:normal;
	margin-top:30px;
}
.mall-mypage-container > .order-info > div {width:100%;overflow:hidden;}
.mall-mypage-container > .order-info > div > div {width:50%;float:left;text-align:center;}

#basket-section {display:inline-block;}
.mall-mypage-container > .content-box {
	width:100%;
	max-width:678px;
	margin:auto;
	margin-top:61px;
	position:relative;
}
.mall-mypage-container > .content-box > .mypage-left-menu {width:140px;position:absolute;left:-170px;}
.mall-mypage-container > .content-box > .title {
	width:100%;
	font-size: 22px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.91;
	letter-spacing: -0.7px;
	text-align: left;
	color: #222228;
	padding-left:26px;
	margin-bottom:25px;
	margin-top:51px;
}

.mall-mypage-container > .content-box > .content-payment-box {
	width:100%;
	background-color:rgb(255,255,255);
	position:relative;
	padding:20px 19px;
	overflow:hidden;
	display:inline-block;
}
.mall-mypage-container > .content-box > .content-payment-box > .title {
	width:100%;
	font-size:15pt;
	font-weight:normal;
	padding-left:20px;
}

.mall-mypage-container > .n-member-content-box {
	width:100%;
	max-width:687px;
	margin:auto;
	margin-top:30px;
	position:relative;
	overflow:hidden;
}
.mall-mypage-container > .n-member-content-box > .title {
	width:100%;
	font-size:22px;
	margin-bottom:20px;
	padding-left:20px;
	font-weight:normal;
}
.mall-mypage-container > .n-member-content-box > .content-payment-box {
	width:100%;
	background-color:rgb(255,255,255);
	position:relative;
	padding:0px 20px;
	overflow:hidden;
	border:1px solid rgb(180,180,180);
	display:block;
}
.mall-mypage-container > .n-member-content-box > .content-payment-box > .payment-detail-box {display:block;border-bottom:1px solid #f4f6f7;}
.mall-mypage-container > .n-member-content-box > .content-payment-box > .payment-detail-box > div {float:left;}
.mall-mypage-container > .n-member-content-box > .content-payment-box > .payment-detail-box > div.delivery-status {
	margin-top:20px;
	float:right;
	width:100%;
	position:relative;
	right:0px;
	bottom:0px;
}
.mall-mypage-container > .n-member-content-box > .content-payment-box > .payment-detail-box > div.delivery-status > .delivery-button {width:100%;right:0px;text-align:right;}
.mall-mypage-container > .n-member-content-box > .content-payment-box > .payment-detail-box > div.delivery-status > .delivery-button > button {margin:5px;}
.mall-mypage-container > .n-member-content-box > .content-payment-box > .payment-detail-box > div.payment-content-btn {float:right;}

.mall-mypage-container > .n-member-content-box > .delivery-no-member-box {width:100%;max-width:338px;float:left;}
.mall-mypage-container > .n-member-content-box > .delivery-no-member-box > .title {
	font-weight:normal;
	width:100%;
	font-size:22px;
	margin-bottom:20px;
	margin-top:52px;
	padding-left:20px;
}
.mall-mypage-container > .n-member-content-box > .delivery-no-member-box > .content-payment-box {
	height:330px;
	width:100%;
	background-color:rgb(255,255,255);
	position:relative;
	padding:20px 30px;
	overflow:hidden;
	border:1px solid rgb(180,180,180);
	display:block;
}
.mall-mypage-container > .n-member-content-box > .delivery-no-member-box > .content-payment-box > .payment-info-box {position:relative;top:50%;transform:translateY(-50%);}
.mall-mypage-container > .n-member-content-box > .payment-no-member-box {width:100%;max-width:300px;float:right;}
.mall-mypage-container > .n-member-content-box > .payment-no-member-box > .title {
	font-weight:normal;
	width:100%;
	font-size:22px;
	margin-bottom:20px;
	margin-top:52px;
	padding-left:20px;
}
.mall-mypage-container > .n-member-content-box > .payment-no-member-box > .content-payment-box {
	height:330px;
	width:100%;
	background-color:rgb(255,255,255);
	position:relative;
	padding:20px 30px;
	overflow:hidden;
	border:1px solid rgb(180,180,180);
	display:block;
}
.mall-mypage-container > .n-member-content-box > .payment-no-member-box > .content-payment-box > .payment-info-box > .box > .payment-content > .explanation {
	font-size:9pt;
	text-align:right;
	width:100%;
}

.mall-mypage-popup {
	width:100%;
	height:100%;
	top:0px;
	position:fixed;
	overflow:auto;
	display:none;
	padding-top:80px;
	background-color:rgb(245,245,245);
	z-index:11;
}
.pg-close-btn-box {
	width:100%;
	text-align:right;
	position:relative;
	z-index:20;
}
.pg-close-btn-box > div {
	position:absolute;
	right:-50px;
	transform:rotate(-45deg);
	font-size:30pt;
	cursor:pointer;
	font-weight:normal;
	margin:20px;
}
.no-close-btn-box {
	width:100%;
	text-align:right;
	position:relative;
	z-index:19;
}
.no-close-btn-box > div {
	position:absolute;
	right:0px;
	transform:rotate(-45deg);
	font-size:30pt;
	cursor:pointer;
	font-weight:normal;
	margin:20px;
}
.basket-close-btn-box {
	width:100%;
	text-align:right;
	position:relative;
	z-index:19;
}
.basket-close-btn-box > div {
	position:relative;
	right:0px;
	transform:rotate(-45deg);
	font-size:20pt;
	cursor:pointer;
	font-weight:normal;
	margin:20px;
}
.sh-close-btn-box {
	width:100%;
	text-align:right;
	position:relative;
	z-index:19;
	top:-30px;
}
.sh-close-btn-box > div {
	position:absolute;
	top:0px;
	right:-10px;
	transform:rotate(-45deg);
	font-size:30pt;
	cursor:pointer;
	font-weight:normal;
	margin:20px;
}

.order-parent-box {
	overflow:hidden;
	border-bottom:1px solid #dadddf;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	background-color: rgb(240,240,240);
}
.order-parent-box:last-child {border:0px;}
.order-info-box {overflow:hidden; width:100%; background-color: rgb(255,255,255);}
.order-delivery-info {
	width:120px;
	height:29px;
	text-align:center;
	margin:0px 20px;
}
.admin-order-delivery-info {width:80px;height:auto;}
.admin-order-delivery-info.additional-message .message {
	padding-top: 15px;
	padding-bottom: 15px;
	display: flex;
	line-height: 1.4;
	flex-direction: column;
}

.admin-order-delivery-info.additional-message .message + .message { border-top: 1px solid #eeeff0; }

.admin-order-delivery-info.additional-message .message:first-child { padding-top: 0; }
.admin-order-delivery-info.additional-message .message:last-child { padding-bottom: 0; }

.admin-order-delivery-info.point-used-desc .info-body, .admin-order-delivery-info.delivery-extra-charge .info-body {
	padding: 15px 20px;
	border: 1px solid #f8b7c1;
	border-radius: 3px;
}

.admin-order-delivery-info .requests-notice { line-height: 1.4; color: #696c71; }
.admin-order-delivery-info .requests-notice .c-blue { text-decoration: underline; }

.admin-order-delivery-info.point-used-desc .desc-title { color: #ee445f; font-size: 13px; font-weight: 500; margin-bottom: 10px; position: relative; padding-left: 20px; }
.admin-order-delivery-info.point-used-desc .desc-title svg { fill: #ee445f; position: absolute; margin-top: 5px; left: 0; }
.admin-order-delivery-info.point-used-desc .section { font-size: 13px; color: #4d5054; line-height: 18px; font-weight: 300; position: relative; padding-left: 10px; }
.admin-order-delivery-info.point-used-desc .section::before { content: '-'; position: absolute; left: 0;  }
.admin-order-delivery-info.point-used-desc .section + .section { margin-top: 5px; }
.admin-order-delivery-info.point-used-desc .point-color { color: #ee445f; }

.admin-order-delivery-info.delivery-extra-charge .desc-title { color: #ee445f; font-size: 13px; font-weight: 500; margin-bottom: 10px; position: relative; padding-left: 20px; }
.admin-order-delivery-info.delivery-extra-charge .desc-title svg { fill: #ee445f; position: absolute; margin-top: 5px; left: 0; }
.admin-order-delivery-info.delivery-extra-charge .section { font-size: 13px; color: #4d5054; line-height: 18px; font-weight: 300; position: relative; padding-left: 10px; }
.admin-order-delivery-info.delivery-extra-charge .section::before { content: '-'; position: absolute; left: 0;  }
.admin-order-delivery-info.delivery-extra-charge .section + .section { margin-top: 5px; }
.admin-order-delivery-info.delivery-extra-charge .point-color { color: #ee445f; }


.point-used-desc.cancel-contents { padding: 15px 20px; border: 1px solid #e7e8e9; margin-top: 30px; display: inline-block; width: 100%; border-radius: 3px; }
.point-used-desc.cancel-contents .desc-title { color: #222222; font-size: 13px; font-weight: 500; margin-bottom: 15px; }
.point-used-desc.cancel-contents .section { color: #4d5054; font-size: 13px; font-weight: 300; text-align: left; position: relative; padding-left: 10px; }
.point-used-desc.cancel-contents .section::before { content: '-'; position: absolute; left: 0; }
.point-used-desc.cancel-contents .section + .section { margin-top: 5px; }
.point-used-desc.cancel-contents .point-color { color: #4789e7; }
.point-used-desc.cancel-contents .point-used-cancel-agree-desc { color: #f2677d; font-size: 13px; font-weight: 300; position: relative; display: none; padding-left: 15px; }
.point-used-desc.cancel-contents .point-used-cancel-agree-desc svg { fill: #f2677d; position: absolute; margin-top: 4px; margin-left: -15px; }
.point-used-desc.cancel-contents .newcheckbox { margin-top : 25px; }


.payment-detail-box {
	width:100%;
	position:relative;
	overflow:hidden;
	padding:20px 0px 20px;
	min-height:130px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	float:left;
}
.payment-detail-box:last-child {border-bottom:0px;}
.payment-detail-box > .payment-content-image {width:60px;height:60px;margin-right:19px;}
.payment-detail-box > .payment-content-image > img {width:100%;height:100%;}
.payment-detail-box > .payment-content-info {width:calc(100% - 250px);margin-right:30px;}
.payment-detail-box > .payment-content-info > div {
	width:100%;
	display:inline-block;
	font-size:10pt;
	color:rgb(150,150,150);
	margin-bottom:5px;
}
.payment-detail-box > .payment-content-info > div.title {color:rgb(0,0,0);font-size:14px;}
.payment-detail-box > .payment-content-btn {
	width:130px;
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
.payment-detail-box > .payment-content-btn > button {margin:4.5px 0px;}
.payment-detail-box > .payment-content-btn > .price {font-size:20px;font-weight:normal;text-align:right;}
.payment-detail-box > .delivery-status {
	position:absolute;
	bottom:15px;
	text-align:left;
	width:100%;
	padding-left:140px;
}
.payment-detail-box > .delivery-status > .status {float:left;height:30px;line-height:30px;}
.payment-detail-box > .delivery-status > .delivery-button {float:right;position:relative;right:42px;}

.payment-detail-box-2 {
	width:100%;
	position:relative;
	overflow:hidden;
	padding:0px 19px 20px;
	min-height:0px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	float:left;
}
.payment-detail-box-2 > .payment-content-image {width:100px;height:0px;margin-right:20px;}
.payment-detail-box-2 > .payment-content-image > img {width:100%;height:100%;}
.payment-detail-box-2 > .payment-content-info {width:calc(100% - 160px);}
.payment-detail-box-2 > .payment-content-info > div {
	width:100%;
	display:inline-block;
	font-size:13px;
	color:rgb(150,150,150);
}
.payment-detail-box-2 > .payment-content-info > div > span {color:rgb(160,160,160) !important;}
.payment-detail-box-2 > .payment-content-info > div.title {color:rgb(0,0,0);font-size:12pt;}
.payment-detail-box-2 > .payment-content-btn {
	width:110px;
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
.payment-detail-box-2 > .payment-content-btn > .price {font-size:14pt;font-weight:normal;text-align:right;}
.payment-detail-box-2 > .delivery-status {
	position:absolute;
	bottom:15px;
	text-align:left;
	width:100%;
	padding-left:140px;
}
.payment-detail-box-2 > .delivery-status > .status {float:left;height:30px;line-height:30px;}
.payment-detail-box-2 > .delivery-status > .delivery-button {float:right;position:relative;right:42px;}

#more-mypage-payment {
	width:100%;
	height:50px;
	line-height:50px;
	text-align:center;
	margin-top:20px;
	background-color:rgb(255,255,255);
	cursor:pointer;
	margin-bottom:73px;
}
.detail-qna-parent-box {
	width:100%;
	position:relative;
	overflow:hidden;
	border-bottom:2px solid rgb(0,0,0);
}

.detail-qna-box {
	cursor:pointer;
	width:100%;
	position:relative;
	overflow:hidden;
	padding:10px 10px;
	display:flex;
	flex-direction:row;
	align-items:flex-start;
	justify-content:center;
	float:left;
}
.detail-qna-box > div {width:150px;text-align:center;}
.detail-qna-box > div:nth-child(2) {width:calc(100% - 450px);text-align:left;padding-left:20px;}

.subject-qna-box {
	cursor:pointer;
	width:100%;
	position:relative;
	overflow:hidden;
	border-bottom:1px solid rgb(160,160,160);
	padding:10px 10px;
	display:flex;
	flex-direction:row;
	align-items:flex-start;
	justify-content:center;
	float:left;
}
.subject-qna-box > div {
	width:150px;
	text-align:center;
	font-weight:normal;
	color:rgb(150,150,150);
}
.subject-qna-box > div:nth-child(2) {width:calc(100% - 450px);}

.popup-qna-info {width:100%;overflow:hidden;}
.popup-qna-info > input {
	height:40px;
	float:left;
	border:0;
	margin-top:10px;
	background-color: rgb(245,245,245);
	padding-left:10px;
}
.popup-qna-info > .qna-info-input {width:calc(50% - 15px);margin:0px 15px 0px 0px;}
.popup-qna-info > .qna-info-input:nth-child(2) {width:calc(50% - 15px);margin:0px 0px 0px 15px;}
.popup-qna-info > .qna-email-input {width:calc(100%);}

.my-info-check {
	width:100%;
	text-align:right;
	position:relative;
	padding:10px 0px;
}
.my-info-check.checkbox {position:relative; padding: 0px;display: inline-block;}
.my-info-check.checkbox label {color:#808088;padding-left: 22px;float: right;}
.my-info-check.checkbox label input { opacity: 1; margin-top: 6px;  position: inherit;}
.my-info-check > input {position:relative;top:2px;}
.qna-paging {width:100%;padding-top:30px;border-top: 1px solid #eeeff0;}
.qna-paging > .page {}
.qna-paging > .page > ul {
	display:inline-block;
	position:relative;
	left:50%;
	transform:translateX(-50%);
}
.qna-paging > .page > ul > li {
	float:left;
	width: 30px;
	height: 30px;
	cursor:pointer;
	color: #b1b3b7;
	font-weight:normal;
	text-align: center;
	margin: 0 2px;
	line-height: 30px;
	background: #f6f8f9;
}
.qna-paging > .page > ul > li.active {color: #4789e7; border: 1px solid #4789e7;
    background: #fff;}
.qna-write-btn-box {
	width:100%;
	margin-top:20px;
	overflow:hidden;
	margin-bottom:58px;
}
/*.qna-paging > .page > ul > li.go-prev {padding-right: 10px;}*/
/*.qna-paging > .page > ul > li.go-next {padding-left: 10px;}*/
.qna-paging > .page > ul > li svg {fill: #b1b3b7;}
.qna-paging > .page > ul > li.disabled svg {fill: #d1d3d5;}
.content-payment-box > .my-info {text-align:center;padding:20px;overflow:hidden;}
.content-payment-box > .my-info > a {
	color:rgb(150,150,150);
	width:50%;
	display:inline-block;
	float:left;
}
.content-payment-box > .my-info > a:hover {color:rgb(0,0,0);font-weight:normal;}
.content-payment-box > .payment-info-box {width:100%;padding:0px 0px 20px;border-bottom:1px solid rgb(190,190,190);}
.content-payment-box > .payment-info-box > .box {overflow:hidden;margin:10px 0px;font-size:12pt;}
.content-payment-box > .payment-info-box > .box > .payment-title {
	width:100px;
	float:left;
	font-weight:normal;
	font-size:14px;
}
.content-payment-box > .payment-info-box > .box > .payment-content {
	width:calc(100% - 100px);
	float:left;
	text-align:right;
	font-size:14px;
}
.content-payment-box > .payment-info-box > .box > .payment-content > div {color:rgb(71,137,241);cursor:pointer;}
.content-payment-box > .payment-info-box > .box > .payment-content > .explanation {
	float:left;
	font-size:10pt;
	color:rgb(130,130,130);
	text-align:left;
}
.content-payment-box > .payment-info-box > .box > .payment-content > a {float:right;font-size:10pt;}
.background-cover {
	width:100%;
	height:100%;
	position:fixed;
	background-color:rgba(0,0,0,0.7);
	z-index:1001;
	left:0px;
	top:0px;
	display:none;
}
.qna-popup-box {
	width:100%;
	max-width:480px;
	display:none;
	position:fixed;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	background-color:rgb(255,255,255);
	z-index:13;
	color:#000;
}
.qna-popup-box > .password-check {
	width:100%;
	height:100%;
	background-color:rgb(255,255,255);
	position:relative;
}
.qna-popup-box > .password-check > .password-input {width:100%;text-align:center;padding-bottom:20px;}
.qna-popup-box > .password-check > .password-input > span {display:inline-block;height:40px;line-height:40px;}
.qna-popup-box > .password-check > .password-input > input {
	display:inline-block;
	width:200px;
	height:40px;
	line-height:40px;
	border:1px solid rgb(0,0,0);
	padding-left:10px;
}
.qna-popup-box > .password-check > .password-input > button {
	display:inline-block;
	position:relative;
	width:100px;
	height:40px;
	line-height:40px;
	background-color:rgb(255,255,255);
	border:1px solid rgb(0,0,0);
	top:2px;
	cursor:pointer;
}
.qna-popup-box > form > .title {
	background-color:rgb(255,255,255);
	text-align:center;
	width:100%;
	font-size:20pt;
	font-weight:normal;
	padding:0px 0px 20px;
}
.qna-popup-box > form {padding:30px 15px 0px;}
.qna-popup-box > form > .contents > .popup-product-section {
	width:100%;
	border-bottom:1px solid rgb(150,150,150);
	overflow:hidden;
	padding-bottom:20px;
}
.qna-popup-box > form > .contents > .popup-product-section > .popup-image {
	width:110px;
	height:90px;
	float:left;
	margin-right:20px;
}
.qna-popup-box > form > .contents > .popup-product-section > .popup-image > img {width:100%;height:100%;}
.qna-popup-box > form > .contents > .popup-product-section > .popup-title {
	width:calc(100% - 130px);
	height:90px;
	line-height:90px;
	float:left;
	font-size:13pt;
}
.qna-popup-box > form > .contents > .popup-qna {width:100%;padding:20px 0px 0px;}
.qna-popup-box > form > .contents > .popup-qna > .popup-qna-title {width:100%;}
.qna-popup-box > form > .contents > .popup-qna > .popup-qna-title > input {
	padding-left:10px;
	width:100%;
	background-color:rgb(245,245,245);
	border:0px;
}
.qna-popup-box > form > .contents > .popup-qna > .qna-editor {width:100%;margin-top:20px;position:relative;}
.qna-popup-box > form > .contents > .popup-qna > .qna-editor > div {
	position:absolute;
	bottom:0px;
	z-index:2;
	text-align:right;
	padding-right:10px;
	right:0px;
}
.qna-popup-box > form > .contents > .popup-qna > .qna-editor > div > input {
	width:1px;
	height:1px;
	position:fixed;
	z-index:-9999;
	top:-9999px;
}
.qna-popup-box > form > .contents > .popup-qna > .qna-editor > textarea {
	position:relative;
	z-index:1;
	width:100%;
	height:150px;
	resize:none;
	background-color:rgb(245,245,245);
	border:0px;
	padding:10px;
}
.qna-popup-box > form > .contents > .popup-qna > .qna-counting {width:100%;text-align:right;}

#delivery-number-file {
	width:1px;
	height:1px;
	position:fixed;
	z-index:-9999;
	top:-9999px;
}
.popup-image {width:100%;display:inline-block;}
.popup-image > div > img {width:50px;height:50px;margin-right:15px;}

.secret {text-align:right;overflow:hidden;}
.secret.checkbox {position:relative; padding: 0px;}
.secret.checkbox label {color:#808088;padding-left: 22px; float:right;}
.secret.checkbox label input { opacity: 1; margin-top: 6px;  position: inherit;}
.secret > input {position:relative;top:2px;}

.payment-receipt {
	color:#000;
	display:none;
	width:100%;
	max-width:640px;
	position:fixed;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	background-color:rgb(255,255,255);
	z-index:12;
	padding:30px;
}
.payment-receipt > .title {
	background-color:rgb(255,255,255);
	text-align:center;
	width:100%;
	font-size:15pt;
	font-weight:normal;
}
.payment-receipt > .payment-receipt-box {width:100%;margin-top:20px;}
.payment-receipt > .payment-receipt-box > .payment-receipt-header {padding:10px 0px;border-bottom:1px solid rgb(230,230,230);overflow:hidden;}
.payment-receipt > .payment-receipt-box > .payment-receipt-header > div {
	float:left;
	width:100px;
	text-align:center;
	font-weight:normal;
}
.payment-receipt > .payment-receipt-box > .payment-receipt-header > div:first-child {
	width:calc(100% - 200px);
	text-align:left;
	padding-left:10px;
}

.payment-receipt > .payment-receipt-box > #payment-list {
	width:calc(100% + 15px);
	background-color:rgb(245,245,245);
	position:relative;
	border-bottom:1px solid rgb(230,230,230);
	overflow:hidden;
	max-height:400px;
	overflow-y:scroll;
}
.payment-receipt > .payment-receipt-box > #payment-list > #sub-payment-list > div {
	width:calc(100% - 100px);
	overflow:hidden;
	float:left;
	background-color:rgb(255,255,255);
	height:80px;
}
.payment-receipt > .payment-receipt-box > #payment-list > #sub-payment-list > div > div {float:left;margin:10px 0px;}
.payment-receipt > .payment-receipt-box > #payment-list > #sub-payment-list > div > div:first-child {width:70px;height:60px;}
.payment-receipt > .payment-receipt-box > #payment-list > #sub-payment-list > div > div:first-child > img {width:70px;height:60px;}
.payment-receipt > .payment-receipt-box > #payment-list > #sub-payment-list > div > div:nth-child(2) {width:calc(100% - 170px);padding-left:20px;}
.payment-receipt > .payment-receipt-box > #payment-list > #sub-payment-list > div > div:nth-child(2) > div {font-weight:normal;}
.payment-receipt > .payment-receipt-box > #payment-list > #sub-payment-list > div > div:nth-child(2) > div:nth-child(2) {color:rgb(180,180,180);}
.payment-receipt > .payment-receipt-box > #payment-list > #sub-payment-list > div > div:nth-child(3) {
	width:100px;
	text-align:center;
	font-weight:normal;
	height:60px;
	line-height:60px;
}

.payment-receipt > .payment-receipt-box > #payment-list > #delivery-payment-list {
	width:100px;
	position:absolute;
	top:50%;
	text-align:center;
	right:0px;
	transform:translateY(-50%);
	background-color:transparent;
}
.payment-receipt > .payment-receipt-box > #payment-list > #delivery-payment-list > div {width:100%;overflow:hidden;font-weight:normal;}
.buy-receipt-box {width:100%;text-align:center;margin-top:20px;}
.buy-receipt-box > button {
	padding:10px 20px;
	background-color:rgb(17,137,241);
	color:rgb(255,255,255);
	border:0px;
	cursor:pointer;
}

.qna-detail-popup-box {
	color:#000;
	width:100%;
	max-width:598px;
	display:none;
	position:fixed;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	background-color:rgb(255,255,255);
	z-index:13;
	padding:30px 30px 0px;
	height:auto;
	max-height:100%;
	overflow-y:auto;
	overflow-x:hidden;
}
.qna-detail-popup-box > .password-check {
	width:100%;
	height:100%;
	background-color:rgb(255,255,255);
	position:relative;
}
.qna-detail-popup-box > .password-check > .password-input {width:100%;text-align:center;padding-bottom:20px;}
.qna-detail-popup-box > .password-check > .password-input > span {display:inline-block;height:40px;line-height:40px;}
.qna-detail-popup-box > .password-check > .password-input > input {
	display:inline-block;
	width:200px;
	height:40px;
	line-height:40px;
	border:1px solid rgb(0,0,0);
	padding-left:10px;
}
.qna-detail-popup-box > .password-check > .password-input > button {
	display:inline-block;
	position:relative;
	width:100px;
	height:40px;
	line-height:40px;
	background-color:rgb(255,255,255);
	border:1px solid rgb(0,0,0);
	top:2px;
	cursor:pointer;
}
.qna-detail > div {width:100%;margin-top:15px;}
.qna-detail > div > img {width:50px;height:50px;margin-right:15px;}

.buy-text {margin-top:20px;}
.buy-text > p {margin:5px 0px;}

.delivery-text {float:right;}
.sub-order-content > select {height:24px;}
.sub-order-content > textarea {
	height:100px;
	width:100%;
	resize:none;
	padding:5px;
	border:1px solid rgb(0,0,0);
}
.sub-order-content > table {width:100%;border-spacing:0;border-collapse:0;}
.sub-order-content > table > thead > tr > th {border:1px solid rgb(180,180,180);text-align:center;}
.sub-order-content > table > tbody > tr > td {padding:10px;}
.sub-order-content > table > tbody > tr > td:nth-child(2) {padding-left:10px;}
.sub-order-content > table > tbody > tr:last-child > td {border-bottom:1px solid rgb(180,180,180);}

.re-sub-order {position:relative;margin-bottom:10px;background-color:rgb(255,255,255);}
.re-sub-order ul {overflow:hidden;}
.re-sub-order ul li {
	overflow:hidden;
	float:left;
	width:100%;
	min-height:24px;
}
.re-sub-order ul li.sub-order-main-title {
	overflow:hidden;
	float:left;
	padding:15px 0px 10px 0px;
	font-weight:normal;
	border-top:2px solid rgb(232,232,232);
	width:100%;
}
.re-sub-order ul li div.sub-order-title {
	width:110px;
	height:21px;
	font-weight:normal;
	text-align:left;
	line-height:24px;
	float:left;
}
.re-sub-order ul li div.sub-order-content {
	height:24px;
	float:left;
	padding:0px 18px;
	min-width:180px;
	text-align:left;
	width:calc(100% - 110px);
}
.re-sub-order ul li div.return-hold-title {
	width:110px;
	height:24px;
	font-weight:normal;
	text-align:center;
	line-height:22px;
	float:left;
	background-color:rgb(239,246,255);
}
.re-sub-order ul li div.return-hold-content {
	min-height:24px;
	float:left;
	padding:0px 18px;
	text-align:left;
	width:100%;
}
.re-sub-order ul li.sub-order-main-title div.order-title {
	width:110px;
	font-size:16px;
	background-color:transparent;
	padding:0px;
	float:left;
}
.re-sub-order ul li.sub-order-main-title div.order-content {
	width:calc(100% - 110px);
	padding:0px;
	padding-left:18px;
	font-size:13px;
	background-color:transparent;
	float:left;
	text-align:left;
	color:rgb(71,137,231);
}


.basket-box {width:100%;max-width:750px;margin-top:70px;}
.basket-box > table.p-basket-table {
	width:100%;
	border-spacing:0;
	border-collapse:0;
	font-size:13px;
}
.basket-box > table.p-basket-table > thead > tr > th {
	padding:15px 0px;
	border-bottom:1px solid #ededed;
	text-align:center;
	color:#888888;
}
.basket-box > table.p-basket-table > tbody > tr > th {
	padding:18px 0px;
	border-bottom:1px solid #ededed;
	text-align:center;
	color:rgb(150,150,150);
	font-weight:normal;
	vertical-align:middle;
}
.basket-box > table.p-basket-table > tbody > tr > td {
	padding:18px 0px;
	border-bottom:1px solid #ededed;
	text-align:center;
	color:rgb(150,150,150);
	font-weight:normal;
	vertical-align:middle;
}
.basket-box > table.p-basket-table > tbody > tr > td > span {color:rgb(0,0,0);}
.basket-box > table.p-basket-table > tbody > tr > td:nth-child(2) {padding:20px 20px;text-align:left;}
.basket-box > table.p-basket-table > tbody > tr > td > img {width:60px;height:60px;}
.basket-box > table.p-basket-table > tbody > tr > td:last-child {cursor:pointer;font-weight:normal;}

.basket-box {width:100%;max-width:750px;margin-top:50px;}
.basket-box > div.total-box {
	width:100%;
	height:50px;
	text-align:right;
	font-weight:normal;
	font-size:15pt;
	background-color:transparent;
}
.basket-box > div.total-box > div {
	width:auto;
	float:right;
	height:100%;
	margin:0px 20px;
}

.basket-box-count {
	position:relative;
	overflow:hidden;
	float:left;
	left:50%;
	transform:translateX(-50%);
}
.basket-box-count > span {
	width:36px;
	height:36px;
	background-color:rgb(255,255,255);
	float:left;
	text-align:center;
	line-height:36px;
	cursor:pointer;
	border:1px solid rgb(150,150,150);
}
.basket-box-count > input {
	width:45px;
	height:36px;
	text-align:center;
	border:0px;
	float:left;
	border-top:1px solid rgb(150,150,150);
	border-bottom:1px solid rgb(150,150,150);
}
.p-basket-table input[type='checkbox'] {
	width:1px;
	height:1px;
	position:fixed;
	top:-99999px;
}

.total-box > td {border:0px !important;height:90px !important;}
.total-box > td > span {font-size:16px;color:#888888 !important;}
.total-box > td > span.total-price {font-size:22px;color:#222228 !important;}

/* etc */
.input-label {position:absolute;left:20px;top:15px;font-size:12pt;color:rgb(153,153,153);width:calc(100% - 20px);padding:5px 0px 0px 0px;cursor:text;}
.option-name {/* width:65%; */height:65px;}
.option-price {width:25%;height:65px;}
.option-option {width:10%;height:65px;background-color:#fff;position:relative;}
.option-option > .drag-handle > i {top:50%;left:50%;transform:translate(-50%, -50%);}
.option-option > .option-delete {width:20px;height:20px;position:relative;top:50%;left:50%;transform:translate(-50%, -50%);cursor: pointer;}
.option-list-input {width:100%;height:100%;position:relative;left:0px;top:0px;padding-left:20px;border:0px;}
.option-title {font-size:1.5em;font-weight:normal;padding-top:20px;padding-left:20px;}
.option-sub-title {font-size:1em;font-weight:normal;color:rgb(153,153,153);padding-top:30px;padding-left:20px;}
.primary-btn {background-color:rgb(71,137,231);color:white !important;width:115px;}
.rotate {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
#qna-check-password {border:0px;border-bottom:1px solid rgb(200,200,200);text-align:center;}
.popup-btn-box {width:100%;position:relative;left:0px;z-index:2;overflow:hidden;}
.popup-pc-btn-box {width:100%;max-width:212px;position:relative;z-index:2;margin:51px auto 0px;}
.popup-btn-box > .btn {border-radius:0px;}
.popup-btn-box > .cancel-btn {width:50%;height:63px;background-color:#989b9f;color:white;float:left;}
.popup-btn-box > .primary-btn {width:50%;height:63px;background-color:#3a4350;color:white;float:left;border:0px;}

/****************************/



/* login */
.login-box {width:100%;max-width:400px;margin:40px auto 20px;text-align:center;padding-bottom:40px;border-bottom:1px solid rgb(150,150,150);}
.login-box > form {position:relative;}
.login-box .login-full-input {width:100%;max-width:314px;height:48px;padding-left:10px;font-size:12pt;border:1px solid rgb(160,160,160);}
.login-box .full-input {width:100%;height:48px;padding-left:10px;font-size:12pt;border:1px solid rgb(160,160,160);}
.login-box .login-btn {width:80%;max-width:314px;height:48px;padding-left:10px;font-size:12pt;color:rgb(255,255,255);background-color:rgb(60,60,60);margin-top:30px;border-radius:3px;}
.login-box .join-box > .login-full-input {width:80%;max-width:314px;height:48px;padding-left:10px;font-size:12pt;}
.login-box .join-box > .login-btn {width:100%;width:100%;max-width:314px;height:48px;padding-left:10px;font-size:12pt;color:rgb(255,255,255);background-color:rgb(71,137,241);margin-top:30px;border-radius:3px;}
.login-box .join-btn {display:inline-block;line-height:48px;width:100%;max-width:314px;height:48px;padding-left:10px;font-size:12pt;color:rgb(0,0,0);background-color:rgb(255,255,255);margin-top:10px;border:1px solid rgb(150,150,150);border-radius:3px;}
.login-box .search-btn {width:100%;max-width:314px;margin:auto;text-align:right;}
.login-box .search-btn > a {color:rgb(60,60,60);}

.social-login-btn {width:100%;max-width:400px;margin:40px auto 20px;text-align:center;padding-bottom:40px;border-bottom:1px solid rgb(150,150,150);}
.social-login-btn > .social-login-btn-box {width:100%;max-width:314px;margin:auto;}
.social-login-btn > .social-login-btn-box > .facebook-login-btn {width:100%;height:48px;background-color:rgb(65,103,178);color:rgb(255,255,255);margin:5px 0px;font-weight:normal;position:relative;line-height:36px;z-index:98;}
.social-login-btn > .social-login-btn-box > .naver-login-btn {width:100%;height:48px;background-color:rgb(1,199,60);color:rgb(255,255,255);margin:5px 0px;font-weight:normal;position:relative;line-height:36px;z-index:98;}
.social-login-btn > .social-login-btn-box > .kakao-login-btn {width:100%;height:48px;background-color:rgb(255,235,50);color:rgb(0,0,0);margin:5px 0px;font-weight:normal;position:relative;line-height:36px;z-index:98;}
.social-login-btn > .social-login-btn-box .google-login-btn {width:100%;height:48px;background-color:rgb(255,255,255);color:rgb(0,0,0);font-weight:normal;position:relative;line-height:36px;z-index:98;}
.g-btn {width:100%;height:48px;background-color:rgb(255,255,255);color:rgb(0,0,0);margin:5px 0px;font-weight:normal;border:1px solid rgb(200,200,200);position:relative;line-height:36px;overflow:hidden;border-radius:3px;}
.g-signin2 {cursor:pointer;}

.f-btn {width:100%;height:48px;background-color:#4c69ba;line-height:48px;color:rgb(255,255,255);margin:5px 0px;font-weight:normal;border:1px solid rgb(200,200,200);position:relative;overflow:hidden;cursor:pointer;border-radius:3px;}
.f-btn > div {width:60px;height:48px;position:absolute;left:3px;top:-2px;overflow:hidden;}
.f-btn > div > img {width:16px;height:30px;}

.kakao-login-btn > div {width:60px;height:48px;position:absolute;left:0px;top:0px;overflow:hidden;}
.kakao-login-btn > div > img {}

.naver-login-btn > div {width:48px;height:48px;position:absolute;left:12px;top:0px;overflow:hidden;}
.naver-login-btn > div > a > img {position:relative;top:-1px;left:-1px;}

.google-logo {width:60px;height:100%;position:absolute;left:0px;top:0px;}
.google-logo > svg {display:inline-block;position:absolute;left:50%;top:50%;transform:translate(-35%, -50%);}
.g-signin2 {width:100%;height:100%;position:absolute;display:inline-block;opacity:0;left:0px;top:0px;z-index:99;}
.abcRioButtonLightBlue {width:100% !important;height:100% !important;}

.no-member-order-search {width:100%;max-width:400px;margin:40px auto 20px;text-align:center;}
.no-member-order-search > a {display:inline-block;width:100%;max-width:314px;margin:auto;height:48px;line-height:48px;text-align:center;color:rgb(255,255,255);background-color:rgb(162,166,175);text-decoration:none;}
.no-member-order-search > a:hover {display:inline-block;width:100%;max-width:314px;margin:auto;height:48px;line-height:48px;text-align:center;color:rgb(255,255,255);background-color:rgb(162,166,175);text-decoration:none;}

.join-box {width:100%;position:relative;}
.join-box.mb-0,
.join-box .login-full-input { margin-bottom: 0; }
.join-box.mb-0 .login-full-input { border-bottom: 0px; }
.join-box.mb-0 .login-full-input[name="addr1"] { cursor: pointer; }
.join-box .error {
	text-align: left;
	display: block;
	padding: 2px 0 0 45px;
	font-size: 12px;
}
.input-star {color:red;position:absolute;right:60px;top:14px;/*top:50%;transform:translateY(-50%);*/font-weight:normal;}

.register-text {width:100%;font-size:8pt;margin-top:30pt;text-align:center;}

.no-member-btn {width:100%;max-width:314px;height:50px;margin-top:40px;border-radius:5px;border:0px;color:rgb(255,255,255);background-color:rgb(60,60,60);font-weight:normal;font-size:12pt;}
.no-member-btn:hover {color:rgb(255,255,255);}

.date-sub-order {position:relative;margin-bottom:10px;background-color:rgb(255,255,255);}

.date-sub-order ul {display:inline-block;}
.date-sub-order ul li {float:left;margin:5px 0px;width:100%;min-height:35px;}
.date-sub-order ul li.sub-order-main-title {overflow:hidden;float:left;padding:15px 0px 10px 0px;font-weight:normal;;border-top:2px solid rgb(232,232,232);width:100%;}
.date-sub-order ul li div.sub-order-title {width:110px;height:35px;font-weight:normal;text-align:left;line-height:35px;float:left;}
.date-sub-order ul li div.sub-order-content {min-height:24px;float:left;padding:0px 18px;min-width:180px;text-align:left;width:calc(100% - 110px);padding-top:5px;margin:0px !important;}
.date-sub-order ul li div.sub-order-content input, .date-sub-order ul li div.sub-order-content select {height:40px !important;}
.date-sub-order ul li .site-visit .input-group:after {top:8px !important;}
.date-sub-order ul li .site-visit .input-group + .fa {margin:20px 6px !important;}
.date-sub-order ul li div.return-hold-title {width:110px;height:24px;font-weight:normal;text-align:center;line-height:22px;float:left;background-color:rgb(239,246,255);}
.date-sub-order ul li div.return-hold-content {min-height:24px;float:left;padding:0px 18px;text-align:left;width:100%;}
.date-sub-order ul li.sub-order-main-title div.order-title {width:110px;font-size:16px;background-color:transparent;padding:0px;float:left;}
.date-sub-order ul li.sub-order-main-title div.order-content {width:calc(100% - 110px);padding:0px;padding-left:18px;font-size:13px;background-color:transparent;float:left;text-align:left;color:rgb(71,137,231);}

.payment-loading {width:100%;height:100%;background-color:rgb(255,255,255);z-index:19;position:fixed;}
.payment-loading-text {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:25pt;font-weight:normal;}


.mypage-image-box {width:20px;height:20px;position:absolute;right:5px;bottom:10px;z-index:2;}
.mypage-image-box > img {width:100%;height:100%;}
.mypage-image-box > input[type='file'] {width:20px;height:20px;position:absolute;height:auto;top:0;right:0;margin:0;opacity:0;left:0;bottom:0;-ms-filter:'alpha(opacity=0)';font-size:20px;direction:ltr;cursor:pointer;}
.photo-box {float:left;}
.tm-15 {top:-15px;}
.status-radio-box {width:100%;height:40px;display:inline-block;background-color:rgb(255,255,255);}
.status-radio-box > .radio-check-box {width:50%;height:100%;line-height:40px;text-align:center;float:left;border:1px solid rgb(180,180,180);}
.status-radio-box > .active {border:1px solid rgb(71,137,241) !important;color:rgb(71,137,241);}

#review-more {width:100%;border-bottom:2px solid rgb(0,0,0);padding:10px;font-size:12pt;font-weight:normal;text-align:center;}
#qna-more {width:100%;border-bottom:2px solid rgb(0,0,0);padding:10px;font-size:12pt;font-weight:normal;text-align:center;}
.file-upload {z-index:2;text-align:right;padding-right:10px;}
.file-upload > input {width:1px;height:1px;position:fixed;z-index:-9999;top:-9999px;}

#payment-box {height:100%;}
.width-check {display:inline-block;}

.myinfo-change-popup {width:100%;height:100%;position:fixed;left:0px;top:0px;overflow:auto;background-color:rgb(245,245,245);display:none;}
.myinfo-popup {width:100%;height:100%;position:fixed;left:0px;top:0px;overflow:auto;background-color:rgb(245,245,245);display:none;}
#myinfo-change-container {width:100%;max-width:687px;margin:auto;padding-top:120px;}
#myinfo-change-container > .title {
	font-size: 36px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1.1px;
	text-align: center;
	color: #222228;
	margin: auto;
}

.social-popup {width:100%;height:100%;position:fixed;z-index:1001;background-color:rgba(0,0,0,0.7);left:0px;top:0px;display:none;}
.social-close-bg {width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:1;}
.popup-section {width:100%;max-width:720px;height:100%;margin:auto;background-color:rgb(255,255,255);padding:55px 20px 90px;overflow:auto;position:relative;z-index:2;}
.popup-section > .title {margin-top:89px;font-size:24px;text-align:center;font-weight:normal;}
.popup-section .content {margin-top:37px;}
.popup-section > .content > .content-title {font-size:18px;font-weight:normal;text-align:center;color:rgb(71,137,241);}
.popup-section > .content > .content-text {margin-top:29px;}
.popup-section > .content > .content-text > img {margin-bottom:20px;width:100%;}
.popup-section > .content > .content-text > p {margin:0px;font-size:14px;}
.popup-section > .content > .content-text > p > a {color:rgb(71,137,241);}

#jeju-check {display:none;}

.swiper-container {width:100%;height:100%;position:fixed !important;top:50%;left:50%;background-color:rgba(0,0,0,0.8);transform:translate(-50%, -50%);z-index:11 !important;display:none;}
.swiper-container > .swiper-wrapper > .swiper-slide {position:relative;z-index:11;width:100%;height:100%;}
.swiper-container > .swiper-wrapper > .swiper-slide > img {max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.swiper-button-next {height:100% !important;top:0px !important;margin-top:0px !important;z-index:12;}
.swiper-button-prev {height:100% !important;top:0px !important;margin-top:0px !important;z-index:12;}

.product-sale {position:absolute;top:50%;transform:translateY(-46%);margin-left:10px;width:51px;height:18px;font-size:13px;color:#FFFFFF;background-color:#f03f60;line-height:18px;padding:0px 10px;display:inline-block;}

.mypage-menu {width:100%;height:49px;margin-top:30px;}
.mypage-menu > ul {overflow:hidden;border:1px solid #eeeeee;}
.mypage-menu > ul > li {float:left;width:50%;height:100%;background-color:#ffffff;text-align:center;line-height:49px;cursor:pointer;}
.mypage-menu > ul > li.active {background-color:#3c4450;color:#ffffff;}
.mypage-menu > ul > li > a {display:inline-block;width:100%;height:100%;text-align:center;line-height:49px;}
.delivery-text {width:35%;padding-left:10px;color:red;float:right;height:30px;margin-top:15px;}
.none-list {width:100%;height:200px;border-bottom:none !important;cursor:auto !important;}

.mng-nav.tab-nav > li > a {
	color: #797f86;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 10px 20px;
}
.mng-nav.tab-nav > li > a,
.mng-nav.tab-nav > li > a:hover,
.mng-nav.tab-nav > li > a:focus,
.mng-nav.tab-nav > li.active > a { background-color: transparent; }
.mng-nav.tab-nav > li.active > a { color: #4888e9; }
.mng-nav.tab-nav > li.active:after {
	content: ' ';
	display: inline-block;
	position: absolute;
	right: 0; bottom: -1px; left: 0;
	background-color: #4888e9;
	background-clip: content-box;
	padding: 0 20px;
	height: 2px; width: 100%;
}

.mng-top {
	background-color: #fff;
	border-bottom: 1px solid #e4e5e7;
}
.mng-top h2.mng-caption {
	color: #2d343e;
	font-size: 26px;
	font-weight: 700;
	padding: 20px 20px 0;
}
.mng-top p.mng-description {
	padding: 0 20px 10px;
	color : #797f86;
}

.mng-body {	padding: 25px 0; }

.mng-settings:before,
.mng-settings:after {
	position: relative;
	display: table;
	content: ' ';
	clear: both;
}
.mng-settings {
	position: relative;
	background-color: #fff;
	border: 1px solid #dddddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 30px 15px;
}
.mng-settings.point-setting {
	border: none;
	padding: 0 !important;
}
.mng-settings + .mng-settings {
	margin-top: 20px;
}
.mng-settings h5 {
	font-size: 16px;
	font-weight: 700;
	color: #2d343e;
	margin: 0;
}
.mng-search-box {
	clear: both;
	max-width: 370px;
	margin: 0 0 0 auto;
}
.mng-search-box .form-control,
.mng-search-box .form-control:focus,
.mng-search-box .form-control:hover,
.mng-search-box .search-btn ,
.mng-search-box .search-btn:hover, 
.mng-search-box .search-btn:focus { 
	background-color: transparent;
	border: 1px solid #e9e9e9; 
	-webkit-border-radius: 0; 
	-moz-border-radius: 0; 
	border-radius: 0; 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	height: 24px;
	vertical-align: top;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.mng-search-box .form-control { 
	font-family: 'Nanum Gothic'; 
	font-size: 12px; 
	color: #737373; 
	padding: 0 5px; 
}
.mng-search-box .form-control#stx { 
	border-right: none; 
}
.mng-search-box select.form-control { 
	width: 100px; 
	text-transform: uppercase; 
	margin-right: 5px; 
	/*background-image: url('');*/ /*IE*/ 
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120' fill='%23555555'><polygon points='50 20,100 20,50 80,0 20'/></svg>");
	background-size: 8px;
	background-position: 94% center;
	background-repeat: no-repeat;
}
.mng-search-box .search-btn { 
	border-left: 0! important; 
	color: #191919; 
	padding: 0 7px 3px; 
	-webkit-transform: translateX(1px);
	-moz-transform: translateX(1px);
	-ms-transform: translateX(1px);
	-o-transform: translateX(1px);
	transform: translateX(1px);
}
.mng-list table {  
	margin-top: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #dadada;
}
.mng-list.point-list table {  
	margin-top: 0px;
}
.mng-list.point-list .tableListContainer {margin-bottom: 0;}
/* .mng-list thead > tr > th,
.mng-list tbody > tr > td { 
	font-weight: 100;
	font-size: 12px;
	text-align: center; 
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	color:#797f86;
} */
.mng-list thead > tr > th {
	border-bottom: none;
	background-color: #f5f5f5;
	border-bottom: 1px solid #fff;
	text-transform: uppercase;
	vertical-align: middle;
}
.mng-list tbody > tr > td {
	border-top: none;
}
.mng-list tbody > tr.active > td {
	border-left: 1px solid #f4f7fc;
	border-right: 1px solid #f4f7fc;
	background-color: #f4f7fc;
}
.mng-list tbody > tr.active > td:last-child .fa {
	color:#4888e9;
}
.mng-list input[type="checkbox"] + label:before {
	border: 1px solid #cfcfcf;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.mng-list input[type="checkbox"]:checked + label:before { border-color: #000; }
.mng-list input[type="checkbox"]:checked + label:after { color: #000; top: -3px; left: 0; }

.mng-list nav > .pagination { margin: 10px 0 0; }
.mng-list nav > .pagination > li > a {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 0 2px !important;
    color: #696c71;
    font-weight: normal;
    line-height: 30px;
    background: #f6f8f9 !important;
    color: #b1b3b7;
}
.mng-list nav > .pagination > li > a:hover,
.mng-list nav > .pagination > li > span:hover,
.mng-list nav > .pagination > li > a:focus,
.mng-list nav > .pagination > li > span:focus {
	/*background: transparent;*/
}
.mng-list nav > .pagination > .active > a,
.mng-list nav > .pagination > .active > span,
.mng-list nav > .pagination > .active > a:hover,
.mng-list nav > .pagination > .active > span:hover,
.mng-list nav > .pagination > .active > a:focus,
.mng-list nav > .pagination > .active > span:focus {
	z-index: 2;
	color: #4888e9;
	cursor: default;
	font-weight: normal;
	background-color: transparent;
	border: 1px solid #dadada;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	/*border-radius: 2px;*/
}

.mng-list.point-list nav > .pagination > .active > a,
.mng-list.point-list nav > .pagination > .active > span,
.mng-list.point-list nav > .pagination > .active > a:hover,
.mng-list.point-list nav > .pagination > .active > span:hover,
.mng-list.point-list nav > .pagination > .active > a:focus,
.mng-list.point-list nav > .pagination > .active > span:focus {
	color: #4789e7;
    border: 1px solid #4789e7;
    background: #fff !important;
}

/**********************************************************************************   toast */
.mng-toast-wrap { 
	position: absolute;
	top: 50%; left: 50%;
	/*width: 80%; height: 80%;*/
	padding: 5px 50px;
	text-align: center;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 7px -1px rgba(71, 137, 321, 0.8);
	-moz-box-shadow: 1px 1px 7px -1px rgba(71, 137, 321, 0.8);
	box-shadow: 1px 1px 7px -1px rgba(71, 137, 321, 0.8);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.mng-toast-showing {
	pointer-events: none;
}
#change {display:block;}
#cancel {display:none;}


/**********************/
.no-member-m-mypage-btn {width:calc(25% - 6px);height:30px;border:1px solid rgb(160,160,160);background-color:rgb(255,255,255);display:none;margin:10px 3px !important;float:right;}


.m-shopping-dashboard {width:100%;padding:15px 0px;background-color:rgb(255,255,255);}
.m-shopping-card {width:100%;padding:15px;overflow:hidden;}
.m-shopping-card > div {float:left;font-size:12pt;height:50px;line-height:50px;}
.m-shopping-card > .card-img {width:50px;height:100%;}
.m-shopping-card > .card-img > img {width:100%;height:100%;}
.m-shopping-card > .card-subject {width:calc(70% - 50px);height:100%;padding-left:10px;}
.m-shopping-card > .card-count {width:30%;height:100%;text-align:center;font-weight:normal;position:relative;}
.m-shopping-card > .card-count > i {font-size:10pt;color:rgb(0,0,0);display:inline-block;position:absolute;right:0px;top:50%;transform:translateY(-50%);}
.m-statistics-container {width:100%;background-color:rgb(255,255,255);}

.m-re-status-box {width:calc(100% - 10px);display:none;padding:0px !important;margin:0px 5px;}
.m-re-status-box > .re-status-button {width:50%;height:50px;border:1px solid #d9d9d9;float:left;text-align:center;line-height:50px;cursor:pointer;background-color:rgb(255,255,255);}
.m-re-status-box > .active + .re-status-button[data-status='N'] {border-left:none;}
.m-re-status-box .re-status-button[data-status='Y']{border-right:none;}
.m-re-status-box > .active {border:1px solid rgb(71,137,241);font-weight:normal;color:rgb(71,137,241);}
.m-re-status-box > .active.re-status-button[data-status='Y'] {border-right:1px solid rgb(71,137,241);}
.m-popup-product-section {width:100%;text-align:center;padding-bottom:30px;font-size:12pt;font-weight:normal;}
.m-save-btn {background-color:transparent;border:none;color:#4789e7;font-size:16px;float:right;margin-right:15px;}
.mobile-detail-popup .cl_icon_back {font-size:18px;}
.mobile-back-menu {position:relative;cursor:pointer;float:left;position:relative;top:11px; font-size:18px;}
.mobile-detail-back-menu {position:relative;cursor:pointer;right:18px;position:absolute;font-size:16px;top:15px;}
.mobile-detail-popup > form {width:100%;height:100%;}
.mobile-detail-popup > form > .title {padding:15px 0px 20px 0;}
.mobile-detail-popup > form > .title span {float:left;position:relative;display:inline-block;padding-left:15px;font-weight:500;}
.mobile-detail-popup > form > .title span.cl_icon_menu {
	color: #222428;
	font-size: 18px;
	float: left;
}

.detail-popup > form[name="m_delivery_form"] .mobile-popup-contents .mobile-contents-box > .admin-status-box {margin-top:3px;width:calc(100% - 92px);padding-left:5px;float: right;}
.detail-popup > form[name="m_delivery_form"] .mobile-popup-contents .mobile-contents-box.detail_f > .admin-status-box {width:calc(100% - 60px);}
.detail-popup > form[name="m_delivery_form"] .mobile-popup-contents .mobile-contents-box.detail_f > .admin-status-box {width:calc(100% - 60px);}
.detail-popup > form[name="m_delivery_form"] .mobile-popup-contents .mobile-contents-box > .admin-status-box > p {margin-bottom:0px;}
.detail-popup > form[name="m_delivery_form"] .mobile-popup-contents .mobile-contents-box > .admin-status-box > div > p {margin-bottom:0px;}
.detail-popup > form[name="m_delivery_form"] .mobile-popup-contents .mobile-contents-box > .admin-status-box > div > p:first-child {line-height:1.3;}
.detail-popup > form[name="m_delivery_form"] .mobile-popup-contents .mobile-contents-box > .admin-status-box > p:nth-child(2) {margin-bottom:0px;line-height:1.3;}
.m-product-btn {width:100%;height:55px;position:fixed;left:0px;bottom:0px;z-index:10;}
.m-product-btn > .buy-btn {width:100%;height:100%;background-color:#3c4451;color:#fff;border:0px;cursor:pointer;}

.m-product-box {width:100%;height:470px;position:fixed;left:0px;bottom:-100%;background-color:#fff;z-index:11;border-top:1px solid rgb(200,200,200);}
.bottom-fixed {width:100%;position:absolute;bottom:0px;overflow:hidden;z-index:2;}

.bottom-fixed > .total-price-box {width:100%;float:left;background-color:#f5f6f7;padding:10px 0px;margin:0px;}
.bottom-fixed > .total-price-box > span:first-child {margin-left:30px;font-size:14px;font-weight:normal;}
.bottom-fixed > .total-price-box > span:nth-child(2) {margin-right:30px;font-size:14px;font-weight:normal;}
.bottom-fixed > .total-price-box > span:last-child {margin-right:10px;font-size:14px;font-weight:normal;color:rgb(200,200,200);}
.bottom-fixed > .m-product-btn-box {float:left;width:100%;}
.bottom-fixed > .m-product-btn-box > .btn-white {width:calc(50%);float:left;margin:0px;border-radius:0px;font-size:16px;height:55px;}
.bottom-fixed > .m-product-btn-box > .btn-black {width:calc(50%);float:left;margin:0px;border:1px solid rgb(64,64,64);border-radius:0px;font-size:16px;height:55px;}

.m-product-close-btn {width:85px;text-align:center;font-size:20px;height:40px;line-height:40px;position:absolute;left:50%;transform:translateX(-50%);top:-40px;background-color:#fff;border:1px solid rgb(200,200,200);border-bottom:0px;border-radius:20px 20px 0px 0px;}
.option-box-cover {width:100%;height:100%;position:fixed;left:0px;top:0px;z-index:1;display:none;}

.detail-popup {width:100%;height:100%;position:fixed;top:0px;overflow-y:auto;overflow-x:hidden;background-color:#f5f5f5;z-index:-1;display:none;opacity:0;padding-bottom:50px;}
.detail-popup > form {padding-top:60px;position:relative;z-index:1;}
.detail-popup > .title {width:100%;color:#222228;padding:15px 0px;font-size:24px;position:fixed;background-color:#f5f5f5;font-weight:500;display:inline-block;z-index:2;text-align:center;}
.detail-popup-title {width:100%;padding: 20px 15px 15px 16px;font-size:18px;font-weight:normal;float:left; background-color: #f5f5f5;}

.mobile-detail-box {padding:15px;width:100%;background-color:rgb(255,255,255);float:left;}
.mobile-detail-box > p {margin:0px;font-size:16px;}
.mobile-detail-box select {width:100%;height:37px;border:1px solid #eee;background-color:#fff;}
.mobile-detail-box input {width:100%;height:37px;border:1px solid #eaeaea;padding-left:10px;}

.mobile-detail-box > div > span:nth-child(2) {display:inline-block;float:right;}

.m-popup-btn-box {width:100%;margin-top:30px;display:inline-block;}
.m-popup-btn-box > .m-confirm-btn {width:60%;min-width:280px;padding: 16px 0;background-color:#3c4451;color:white;float:left;border:0px;border-radius:4px;position:relative;left:50%;transform:translateX(-50%);margin-top:10px;}
.m-popup-btn-box > .m-search-btn {width:110px;height:50px;background-color:rgb(255,255,255);border:1px solid #e5e5e5;border-radius:3px;float:right;}

/* .setting-dashboard {border-top:1px solid #eeeef0;display:inline-block;margin-top:25px;} */

input:-moz-read-only { /* For Firefox */
  background-color: transparent !important;
}

input:read-only {
  background-color: transparent !important;
}
.mng-list-pagination li.default { display:none; }
.popup-selectbox .bootstrap-select, .popup-selectbox .dropdown-toggle {width:100%;max-width:100% !important;}
.popup-selectbox > svg {right:25px;left:unset;}
.full-selectbox {width:100% !important;}

.cancel-process {width:100%;}
.cancel-process + .btn-box {max-width: 300px; margin: 0 auto;}
.modal-default .modal-dialog.cl-cmmodal.cl-s-cancel-info .modal-content .cancel-process .modal-title {margin-bottom: 30px;}
.cancel-contents {padding:0px 5px;font-size: 14px;word-break: keep-all;}
.cancel-process .cancel-contents a {color:#4789e7;text-decoration: underline;}
.cancel-process .cancel-confirm-text {margin-top:30px; font-size: 14px;}
.cancel-process button {max-width:300px;}

.vcnt-setting-text, 
.kakaopay-setting-text,
.tosspay-setting-text {
	margin-bottom: 0px;
	color: #97999e;
}

.vcnt-setting, .kakaopay-setting {
	color: #4789e7;
	text-decoration: underline;
	display: inline-block;
	cursor: pointer;
}

.cl-info-notice .vcnt-setting {
	margin-top: 30px;
}

.cl-s-setting-modal {
	padding: 0px !important;
	padding-top: 0px !important;
	max-width: 560px !important;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) !important;
}
.cl-s-setting-modal .modal-content {
	padding: 40px 130px 70px !important;
}

.cl-s-setting-modal .modal-title {
	font-size: 24px !important;
}

.modal-default .cl-s-setting-modal .modal-footer .btn {
	width: 100% !important;
	background-color: #4789e7 !important;
}

.cl-s-setting-modal button.close {
	position: absolute;
	right: 15px;
	top: 15px;
}

.cl-s-vcnt-guide .modal-body {
	padding: 0px 65px !important;
}

.cl-s-vcnt-guide .modal-title {
	color: #222428 !important;
}

.cl-s-vcnt-guide .modal-body p {
	font-size: 14px !important;
}

.cl-s-vcnt-guide .vcnt-guide-modal {
	width: 100%;
	font-size: 14px;
	color: #696c71;
	padding-bottom: 30px;
}

.cl-s-vcnt-guide .vcnt-guide-modal img {
	width: 100%;
}

.vcnt-guide-modal p {
	margin-top: 15px;
	text-align: left;
}

.vcnt-guide-modal p a {
	color: #4789e7;
	border-bottom: 1px solid #4789e7;
}

.escrow-warring {
	width: 100%;
	color: #4789e7;
	position: relative;
	text-align: left;
	float: left;
}

.top-escrow {
	padding: 0px 0px 15px 20px;
}

.bottom-escrow {
	padding: 10px 0px 0px 20px;
}

.top-escrow svg {
	position: absolute;
	left: 0;
	top: 2px;
}

.bottom-escrow svg {
	position: absolute;
	left: 0;
	top: 12px;
}

.escrow-warring .escrow-return-info {
	font-size: 13px;
	color: #999;
}

.cl-vcnt-escrow-info .modal-footer {
	margin-bottom: 30px !important;
}
.switch { width: auto !important; height: 18px !important; }
.switch-set-label{
    width: 35px;
    position: relative;
    display: block;
    height: inherit;
    background: #939faa;
    border-radius: inherit;
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: opacity background;
    -moz-transition-property: opacity background;
    -o-transition-property: opacity background;
    transition-property: opacity background;
}
.switch-set-label:before, .switch-set-label:after{
    position: absolute;
    top: 45%;
    margin-top: -.4em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}
.switch-input:checked ~ .switch-set-label {
    background: #4789E7;
}
.switch-input:checked ~ .switch-set-handle{
    left: 21px;
}

.switch-set-handle{
    position: absolute;
    top: 4px;
    left: 4px;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 10px;
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}

[data-mode="no-key"] .switch-set-label { background: #d6d9dc !important; }
[data-mode="no-key"] .switch-set-handle { background: #bcbfc2; }

/********************************************************************************************************************/
/* Creatorlink Shopping Dashboard ::: Page Detail Media Query CSS ▼ *************************************************/ 
/* (1) Dashboard Shopping Menu																					  	*/
/* (2) Dashboard Shopping Sub Menu										 											*/
/* (3) Product Search Modal 														   								*/
/* (4) Body(content)																								*/
/* (4-1) Order/Cancel/Exchange/Return 		:: Product List														 	*/
/* (4-2) QnA/Review							:: Contents List														*/
/* (4-3) Shopping_setting					:: Contents Setting													 	*/
/* (5) Modal Popup																								  	*/
/* (5-1) Order/Cancel/Exchange/Return		:: Product Detail Contents											  	*/
/* (5-2) Settings							:: Popup Contents										  				*/
@media only screen and (max-width:1279px) {
	.payment-box { max-width: 748px; overflow-y: auto; }
	.payment-box::-webkit-scrollbar {
		width: 8px;
		height: 8px;
	 	border: 5px solid #f3f4f5;
		-webkit-border-radius: 8px;
		border-radius: 8px;
	}
	.payment-box::-webkit-scrollbar-thumb {
		height: 50px;
		width: 50px;
		background: #d1d3d5; 
		-webkit-border-radius: 8px;
		border-radius: 8px;
		/* -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1); */
		border: 0;
	}
	.payment-list-box { padding: 0 20px 0px; width: 100%; height: auto; position:unset; }
	.payment-box-subject { padding-top: 60px;  }
	.payment-table-box > div#payment-list-body { height: auto; overflow: unset; }
	.popup-slide {
		width: 100%;
		height: auto;
		padding: 30px 20px 50px;
		background-color: #ffffff;
	}
	.admin-order-delivery-info > .info-subject { background-color: transparent; }
	.admin-order-delivery-info > .info-body { border: 1px solid #dbdcdf; padding: 15px; }
	#admin-memo { border: 1px solid #dbdcdf; border-radius: 3px; }
	#popup-total-price div { display: none; }
	.paybtn-pc { display: none; }
	.status-button.paybtn-mobile,
	.cancel-status-button.paybtn-mobile { display: flex; width: calc(100% - 40px); margin: 0 auto 50px; }
	.paybtn-mobile:empty { display: none; }
	.cancel-status-button > button { flex: 1 1 auto; }

	.payment-table-box > div#payment-list-body .product-desc { max-width: 170px; }

	.payment-table-box > div#payment-list-body .product-name,
	.payment-table-box > div#payment-list-body .option-name,
	.payment-table-box > div#payment-list-body .subcontents-box,
	.payment-table-box > div#payment-list-body .info-title.det-status { padding-left: 10px; }
}
@media only screen and (max-width:992px) {
	/* (1) Dashboard Shopping Menu																					*/
	#shopping-container {display:none;}

	.mall-product-detail-wrap {padding-top:0px;}
	.mall-product-detail-container {padding:15px;padding-top:50px;}

	.statistics-title {width:calc(100% - 30px);border-top:1px solid rgb(180,180,180);margin:0px 15px;padding-top:15px;position:relative;}
	.shopping-sub-title {margin-left:15px;font-size:12pt;}

	.qnaR-contents .qna-image img{width: 50px; height: 50px;}
}
@media only screen and (max-width:930px) and (min-width: 840px) {
	.setting-sub-content .notice-popup {width: 500px;}
	.setting-sub-content .notice-popup {top: -221px;}
}
@media only screen and (max-width:841px) and (min-width: 818px) {
	.setting-sub-content .notice-popup {width: 464px;}
	.setting-sub-content .notice-popup {top: -265px;}
}
@media only screen and (max-width:767px) {
	.cl-s-vcnt-guide .modal-body {
		max-width: 530px;
		margin:auto;
		padding: 0 !important;
	}
	/* (1) Dashboard Shopping Menu																					*/
	.shopping-wrap {display: none;}
	.shopping-dashboard { margin-top: 99px; }
	.shopping-dashboard:not(.m-h-auto) { min-height: auto; }
	.shopping-dashboard:not(.m-h-auto).setting-email { margin-top: 64px; min-height: auto; }
	.shopping-dashboard:not(.m-h-auto).m-h-100-99 { min-height: calc(100vh - 99px); }
	/* .shopping-dashboard:is(.flex-container, .visible-paging):not(.m-h-auto):not(.empty-list):not(.empty-paging) { min-height: calc(100vh - 61px); position: relative; } */
	.shopping-dashboard:is(.flex-container, .visible-paging):not(.m-h-auto):not(.empty-list):not(.empty-paging) { min-height: auto; margin-bottom: 61px; position: relative; }
	.setting-button {max-width: 80px;font-size: 13px; margin-right: 15px; top: 50%; right: 0;}
	
	/* (2) Dashboard Shopping Sub Menu										 										*/	
	.dashbottom-wrap .submenu_navWrap .setting-saveMobile {display: block;}
	.dashbottom-wrap .submenu_navWrap .setting-savePc {display: none;}
	.submenu_navWrap .answer-filter {display: none;}
	
	/* (3) Product Search Modal 														   								*/	
 	.cl-s-productSearch .check-button {width: 16.6%;}
	.cl-s-popup-selectbox {width: 100%;}
	.cl-s-productSearch .cl-s-popup-selectboxWrap.common-selectbox {width: 100%; max-width: 150px;}
	.cl-s-change-info .cl-s-popup-selectboxWrap.common-selectbox {width:48%;height: 52px;}
	.cl-s-popup-selectbox .common-selectbox > .bootstrap-select .btn.btn-default {min-width: auto; padding: 13px 12px;}
	.cl-s-popup-selectbox .common-selectbox > .bootstrap-select + svg {left:129px;}
	.cl-s-change-info .cl-s-popup-selectboxWrap.common-selectbox > .bootstrap-select + svg {right:10px;left:unset;}
	.cl-s-productSearch .search_text { width: calc(100% - 160px);}
	.modal-default .modal-dialog.cl-cmmodal .modal-footer .btn.btn-primary {color:#fff !important;} 

	/* (4-1) Order/Cancel/Exchange/Return 		:: Product List														 	*/
	/*.list-table thead {display:none;}*/
	/*.list-table > tbody {border-bottom:5px solid #eff0f4 !important;}*/
	/*.list-table:not(.m-list-table) tr td {display:none;font-size:14px;}*/
	/*.list-table tr td.imgblock,*/
	/*.list-table tr td.text-center {display:table-cell;padding:15px;border-right: none !important;}*/
	/*.list-table tr td.imgblock img {width:50px;height:50px;}*/
	/*.order-mobile-status {margin-top:10px;font-size:14px;color:#222428;display:block;}*/
	/*.list-table > tbody > tr > td.text-center {padding:0px;vertical-align:middle;padding-right:15px;}*/
	.shopping-dashboard.flex-container.order-list-area { overflow: auto; flex-wrap: nowrap; margin-top: 0; }
	.shopping-dashboard .right-div { width: fit-content !important; }
	.shopping-dashboard .right-div .tablecon-wrap.head-div { scrollbar-width: none; }
	.shopping-dashboard .right-div .tablecon-wrap.head-div,
	.shopping-dashboard .right-div .tablecon-wrap.body-div { overflow: visible;  }

	.setting-sub-box .setting-subInfoBox:last-child { border: none; padding-bottom: 0; }

	/* (4-2) QnA/Review							:: Contents List														*/
	/*.qnaR-contentsBox.qnaRreply,*/
	.qnaR-contentsBox.qnaRreply,
	.qnaR-contentsBox.qnaRreply + .qnaR-contentsBox{text-align: left; margin-bottom: 5px; padding: 0 15px;}
	.qna-header, .review-header {display: none;}
	.qna-box,.review-box {
		padding:15px 0;
	}
	.review-box {height: auto; min-height: 76px; padding: 15px 0;}
	.qna-box:first-child,
	.review-box:first-child {border:none;}
	.qna-box:last-child {border-bottom:5px solid #eff0f4;}
	.qnaR-contentsBox {/*font-size: 14px;*/color:#222428;}
	.qnaR-contents {
		padding: 0;
		width: 100%;
		margin-bottom: 30px;
		color: #696c71;
		padding: 0 15px;
	}

	.qnaR-contentsBox.qnaRreply + .qnaR-contentsBox,
	.qnaR-contentsBox.re_star + .qnaR-contentsBox {min-width: 233px; width: 100%;}
	.qnaR-contentsBox.qnaRreply + .qnaR-contentsBox + .qnaR-contentsBox,
	.qnaR-contentsBox.re_star + .qnaR-contentsBox + .qnaR-contentsBox {
		word-break: break-word;
		line-height: 15px;
		/*float: right;
		padding-left: 0;
		max-width: 75px;
		width: 100%;*/
		padding: 0 10px 0 15px;
		width: auto;
		border-right: 1px solid #b1b3b7;
		color: #b1b3b7;
	}
	.qnaR-contentsBox.qnaRdate {width: auto; line-height: 15px; padding-left: 10px; color: #b1b3b7;}
	.qnaR-contentsBox.re_star + .qnaR-contentsBox {padding:0 15px 5px 15px;}
	/*.qnaR-contents .qna-title-box + .qnaRdate {
		display:block; 
		color:#b1b3b7;
		margin-top: 6px;
		margin-bottom: 3px;
	}*/
	.qnaR-contents > .answer {
		width: 100%;
		position: relative;
		/*margin: 33px 0 20px 0;*/
		overflow: hidden;
		font-size: 14px;
		padding: 0;
	}

	.review-box .re_star { width: auto; margin: 0 0 10px 0; padding-left:15px; }
	.mobile-qna-box .m_re_starimg { margin-top: 4px;}
	.search-section > select {width:90px;}
	.search-section > input {width: 150px;}
	.search-section > button {width:80px;}


	/* (4-3) Shopping_setting					:: Contents Setting													 	*/
	.setting-sub-content > .pg-text > p:first-child {font-weight: normal; text-decoration: none;}
	.setting-sub-content > .pg-text > p {width:100%; line-height: 1.4;}
	.setting-sub-content-title {font-size:13px;margin-bottom: 10px;}
	.setting-delivery-select.common-selectbox { max-width: 440px;}
	.setting-delivery-chargeWrap {float:left; width: 100%;}

	.setting-sub-box .setting-sub-title { font-size:22px; }
	.tax-use .popover, .kakao-cnt .popover { width: 100%; max-width: 100%; }
	.tax-use .popover .arrow { left: 99px !important; }
	.setting-sub-box .setting-subInfoBox:first-child .setting-sub-title { margin-top: 20px !important; }

	.setting-sub-box.setting-social .setting-detail-btn.mb-0-m { margin-bottom: 0; }
	.setting-sub-content-box { max-width: none; }

	.setting-sub-content-box .npay-btn { width: 100%; margin-right: 0px; margin-bottom: 10px; }
	
	.setting-sub-content-title .settingpsubtitle { margin: 10px 0 0 0; display: inline-block;font-size: 13px;}
	.setting-sub-content .delivery-price .content-sub-title {font-size:12px; color:#82888d;}
	.setting-sub-content .delivery-price { color:#82888d;}
	.setting-sub-content .delivery-price.mb-10.f-left { color:#222428;padding-bottom: 42px;}
	.setting-sub-content-radio-box .mBfree .mBfree-text {float:left;margin-top: -2px;}

	.setting-sub-content-radio-box .nomember-text {font-size:12px;margin-top: -2px;width: 66px;}
	.setting-sub-content-radio-box > span > span.cl-icon {font-size:18px;width: auto;margin-right:10px;top:0;}

	.setting-sub-content-radio-box .cl_icon_checked03_out,
	.setting-sub-content-check-box span.cl_icon_unchecked02 {color:#82888d;}
	.mobile-contents-box span.cl_icon_unchecked02 {color:#5a5a5a;}
	
	.mobile-popup-contents span.cl_icon_checked02 {color:#5a5a5a;  position: absolute;  top: 0; left: 0;}

	.settingBtnSaveWrap {display: none;}
	.setting_cdNotice {margin-top: 5px;}

	.modal-default .guidePopup.modal-dialog.sclogin-modal .guide-menu ul li { width: 30%;}
	.modal-default .guidePopup.modal-dialog.sclogin-modal .guide-menu ul div.line.right {left: 100%;}
	.modal-default .modal-dialog.setting-save-notice .modal-footer .btn.close-button-dialog,
	.modal-default .modal-dialog.setting-save-notice .modal-footer .btn.ok-button-dialog,
	.modal-default .modal-dialog .modal-footer .btn,
	.modal-default .modal-dialog .modal-footer .btn + .btn {color:#fff !important;}
	.setting-sub-content .setting-email-smsNum-select.setting-common-select.common-selectbox > .bootstrap-select .btn.btn-default,
	.setting-sub-content .setting-common-select.common-selectbox > .bootstrap-select .btn.btn-default {max-width: 100%;}
	.modal-default .modal-dialog.cl-cmmodal.cl-s-kakaoTemplate .modal-content .modal-body {padding: 0;}
	.cl-s-kakaoTemplate .template-wrap > .template-container, .cl-s-kakaoTemplate .template-wrap > .template-container:nth-child(2n) {width:100%;margin:0px;}
	.setting-subInfoBox .setting-sub-content .notice-popup::before {left:59px;}
	.setting-subInfoBox .notice-popup::before {
		left: 93px;
	}
	.setting-sub-content .notice-popup {left:auto; bottom: 112px; top: auto;}
	.notice-popup {
		width: 100%;
		left: 0px;
		bottom: 32px;
		font-size: 12px;
		top: auto;
	}
	.setting-sub-content .bank-list .cl-common-form-wrap:first-child { width: calc(30% - 18px);}
	.setting-sub-content .bank-list .cl-common-form-wrap:nth-child(2) { width: calc(40% + 16px);}
	.setting-sub-content .bank-list .cl-common-form-wrap:nth-child(3n) { width:calc(30% - 18px);}
	.setting-sub-content > .bank-list .bank-list-blank {
		width: 100%;
		max-width: calc(100% - 37px);
	}
	#bank-add {max-width: calc(100% - 37px);}

	/* (5-1) Order/Cancel/Exchange/Return		:: Product Detail Contents											  	*/
	.payment-box {
		width:100%;
		height:100%;
		z-index:1010;
		overflow-x:hidden;
		overflow-y:auto;
		background-color: #f5f7f9;
		padding-bottom: 50px;
		max-width: 100%;
	}
	.payment-list-box {width:100%;padding:0;height: auto;}
	.payment-table-box > #order-group-number {padding: 0 15px; overflow: hidden; width: 100%; line-height: 16px;}
	.popup-slide {
		width: 100%;
		height: auto;
		padding: 0;
		margin-top: 30px;
		background-color: #f5f7f9;
	}
	.admin-order-delivery-info > .info-subject,
	.info-body > p {font-weight: 400; color: #222428;}
	.admin-order-delivery-info > .info-subject {padding:0 15px;font-size: 18px;}
	.admin-order-delivery-info .requests-notice { padding: 0 15px; }
	.delivery-box > div > div:nth-child(2) {padding: 15px; border: none !important;}
	.admin-order-delivery-info > .info-body { border:none; }
	.info-body > p {font-size:14px;}
	.info-body .info-title {
		min-width: 37px;
		width: 100%;
		margin-right: -10px;
		max-width: 115px;
	}
	.info-body .info-text {float: right; width: auto;}
	.delivery-box {margin-bottom: 0;}
	.payment-table-box > div#payment-list-body .detail-listbox td:first-child { padding-left: 15px; padding-right: 15px; padding-top: 15px; }
	.payment-table-box .payment-table-header {display: none;}
	.payment-table-box .payment-table-header-mobile {display: block;}

	.payment-table-box .payment-table-header-mobile .chhide { display: none; }
	.payment-table-box > div#payment-list-body .optionPc { margin-top: 2px; display: inline-block; margin-bottom: 0; font-size: 14px; color: #8e9095; float: left;}
	.payment-table-box > div#payment-list-body .optionPc:empty { display: none; }
	.payment-table-box .orderNumText { float: left; font-size: 14px;}
	.payment-table-box .orderNumText .orderNumTextPc { display: none; }
	.payment-table-box .payment-table-header-mobile > div {
		float:left;
		text-align:center;
		display: table;
		margin: 0;
	}
	.payment-table-box .payment-table-header-mobile > div:first-child {
		width:16px;
		height:16px; 
		margin-right:15px;
		padding-left: 0;
		min-height: 16px;
	}
	.payment-table-box .payment-table-header-mobile > div:first-child > input {position:relative;top:1px;}
	.payment-table-box > div#payment-list-body { background-color:#fff; border-top: 1px solid #dbdcdf;}
	.payment-table-box > div#payment-list-body table { margin-bottom: 0; display: block; }
	.payment-table-box > div#payment-list-body table:last-of-type { border-bottom: 1px solid #dbdcdf; }
	.payment-table-box > div#payment-list-body table tbody { display: block; }
	.detail-title {
		border-bottom: 1px solid #f5f7f9;
		padding: 15px 30px 10px 45px;
		font-size: 16px;
		color: #222428;
		font-weight: 400;
		margin: 0;
	}
	.payment-table-box > div#payment-list-body .product-desc-box > div.mngPrCode:not(.mngPrMobile) {display: none;}
	.payment-table-box > div#payment-list-body .product-desc-box .mngPrCode.mngPrMobile {display:inline-block;}
	.payment-table-box > div#payment-list-body table.table + table.table:before { content: ''; height: 10px; display: block; border-top: 1px solid #dbdcdf; border-bottom: 1px solid #dbdcdf; background-color: #f5f7f9; margin-top: -1px; }
	.payment-table-box > div#payment-list-body .detail-title-box-row { display: flex; }
	.payment-table-box > div#payment-list-body .detail-title-box {margin-bottom: 0; width: 100%;}
	.payment-table-box > div#payment-list-body .detail-title-box:empty { display: none;}
	.payment-table-box > div#payment-list-body > div {margin-bottom: 0;}
	.payment-table-box > div#payment-list-body > div > div {margin-bottom: 15px;margin-top: 20px;}
	.payment-table-box > div#payment-list-body .detail-listbox { display: flex; }
	.payment-table-box > div#payment-list-body .detail-listbox:last-child { border-bottom: none; }
	.payment-table-box > div#payment-list-body .detail-listbox td.product-desc-td.desc_mng_prd {width:auto; text-align: center;}
	.payment-table-box > div#payment-list-body .product-desc-td { flex: 0 1 calc(100% - 105px); padding-right: 15px !important; }
	.payment-table-box > div#payment-list-body .product-desc-td .det-status { padding-left: 0; margin-top: 5px !important; margin-left: -60px; }
	.payment-table-box > div#payment-list-body .detail-listbox .prTotalCount {display: none;}
	.payment-table-box > div#payment-list-body .detail-listbox .prTotalCount.optionMobile { display: block; padding-top: 0; padding-left: 10px; margin-bottom: 5px; color: #8e9095; font-size: 14px; font-weight: normal; margin-top: 2px; }
	.payment-table-box > div#payment-list-body .detail-listbox .prTotalCount.optionMobile .count { display:inline-block; padding-top:2px; }

	/* .payment-table-box > div#payment-list-body .detail-listbox .option-name.optionPc:not(:empty) + .prTotalCount.optionMobile { padding-left: 10px; margin-left: 10px; }
	.payment-table-box > div#payment-list-body .detail-listbox .option-name.optionPc:not(:empty) + .prTotalCount.optionMobile:before { content: ' '; border-left: 1px solid #8e9095; font-size: 10px; position: relative; left: -10px; } */
	.payment-table-box #payment-list-body .subcontents-box { margin-left: -70px; margin-bottom: 10px; padding-top: 0; }
	.payment-table-box > div#payment-list-body .detail-listbox .prTotalPriceMobile { display : block; padding-left: 10px; color: #222428; font-size: 14px; font-weight: bold; margin-bottom:8px; }
	.payment-table-box > div#payment-list-body .detail-listbox .prTotalPriceMobile span { font-weight: normal; }
	.payment-box-subject {padding: 20px 0 50px 0;}
	.payment-box-subject svg.close {
		fill: #222428;
		display: inline-block;
		position: absolute;
		left: 20px;
	}
	.payment-table-box > div#payment-list-body > div > div > div.newcheckbox[data-status="f"] ~ .text-center,	

	.payment-table-box > div#payment-list-body > div > div > div:nth-child(3),

	.payment-table-box > div#payment-list-body > div > div.admin-status-box .subcontents-box	{ width:calc(100% - 31px); }
	.payment-table-box > div#payment-list-body > div > div.admin-status-box[data-status="f"] .subcontents-box	{ width:100%; }
	.payment-table-box > div#payment-list-body > div > div.admin-status-box div:nth-child(2) { display: none; }

	.payment-table-box > div#payment-list-body .product-desc { max-width: unset; flex: 1 1 auto; width: auto; }

	.payment-table-box > div#payment-list-body .prDeliveryCompanyMobile { margin-left: -60px; flex: 1 1 100%; display: block !important; border: none !important; border-top: 1px solid #eeeff0 !important; padding-top: 10px; text-align: left; }
	.payment-table-box > div#payment-list-body .prDeliveryCompanyMobile .cl-s-delivery-company-selector { width: 100%; }
	.payment-table-box > div#payment-list-body .prDeliveryCompanyMobile .order-status-box { margin-bottom: 5px; }
	.payment-table-box > div#payment-list-body .prDeliveryCompanyMobile .delivery-type { text-align: right; font-size: 14px; color: #222428; padding-right:15px; }
	.payment-table-box > div#payment-list-body .prDeliveryCompanyMobile .title { font-size: 14px; color: #222428; }
	.payment-table-box > div#payment-list-body .prDeliveryCompanyMobile .order-status { font-size: 14px; display: inline-block; position: absolute; right: 15px; }
	.payment-table-box > div#payment-list-body .prDeliveryCompanyMobile input[type=text] { width: 100%; }
	.payment-table-box > div#payment-list-body .prDeliveryPriceMobile { flex: 1 1 100%; border: none !important; border-top: 1px solid #eeeff0 !important; display: block !important; margin-left: -60px; margin-top: 10px; padding-top: 10px; text-align: right; color: #222428; font-size: 14px; padding-right:15px; }
	.payment-table-box > div#payment-list-body .prDeliveryPriceMobile span.title { font-size: 14px; color: #222428; font-weight: normal; float: left; }
	.payment-table-box > div#payment-list-body .prDeliveryPriceMobile .price { font-size: 14px; color: #222428; font-weight: bold; }
	.payment-table-box > div#payment-list-body .prDeliveryPriceMobile .desc { font-size: 12px; color: #8e9095; }

	.payment-table-box > div#payment-list-body .detail-listbox .prTotalPricePc {display: none;}
	.payment-table-box > div#payment-list-body > div > div > div.text-center > p.product-name { letter-spacing: -0.42px; }

	.payment-table-box > div#payment-list-body .detail-listbox.group { border-bottom: none; }
	.payment-table-box > div#payment-list-body .detail-listbox.group:not(:last-child) { margin-bottom: 10px; }
	.payment-table-box > div#payment-list-body .detail-listbox.group:not(:last-child) + .detail-listbox:before {
		content: ' '; height: 10px; background-color: #f5f7f9; position: absolute; width: 100%; margin-top: -10px; border-top: 1px solid #dbdcdf; border-bottom: 1px solid #dbdcdf;
	}

	.payment-table-box > div#payment-list-body .detail-listbox .prDeliveryPrice:not(.prDeliveryPriceMobile),
	.payment-table-box > div#payment-list-body .detail-listbox .prDeliveryCompany:not(.prDeliveryCompanyMobile) { display: none; }

	.payment-table-box > div#payment-list-body .admin-status-box {padding:0 0 0 0; top: auto; margin-top: 0;}
	#popup-total-price div {display: none;}
	.paybtn-pc {display: none;}
	.cancel-status-button.paybtn-mobile {
		padding: 0 15px;
		display: block;
		margin-top: 22px;
		float: left;
		width: 100%;
		background-color: transparent;
	}
	.paybtn-mobile.status-button {
		padding: 0 15px;
		display: block;
		margin-top: 22px;
		float: left;
		width: 100%;
		background-color: transparent;
	}
	.cancel-status-button > span {display: none;}
	.paybtn-mobile.status-button > span {display: none;}
	.cancel-status-button > button {
		width: 100%;
		margin-bottom: 10px;
		background-color: rgb(71,137,231);
		border-radius: 3px;
		font-size: 14px;
		font-weight: 400;
	}

	.paybtn-mobile.status-button > button.exchange-btn,
	.paybtn-mobile.status-button > button.return-btn,
	.paybtn-mobile.status-button > button.status-change-btn {
	    width: 100% !important;
	    margin-bottom: 10px;
	    background-color: rgb(71,137,231);
	    border-radius: 3px;
	    font-size: 14px;
	    font-weight: 400;
	}

	/* (5-2) Settings			   			:: Popup Contents										  				*/
	.table-content {border-top: 5px solid #eeeff3;}
	.modal-default .cl-s-callHistory.modal-dialog.cl-cmmodal.cover .modal-content {padding: 20px 0 50px 0 ;}
	.modal-default .cl-s-chargeHistory.modal-dialog.cl-cmmodal.cover .modal-content {padding: 20px 0 0 0 ;}
	.modal-default .cl-s-callHistory.modal-dialog.cl-cmmodal.cover .modal-content .modal-title,
	.modal-default .cl-s-chargeHistory.modal-dialog.cl-cmmodal.cover .modal-content .modal-title {padding: 0 20px; }
	.setting-email-callHistory-select.common-selectbox.setting-common-select.setting-tallClass .dropdown-menu.open,
	.setting-email-callHistory-select.common-selectbox.setting-common-select.setting-tallClass .dropdown-menu.open .inner.open{
		min-height: auto!important;
	}
	.modal-default .modal-dialog.cl-cmmodal.cl-s-plusFriendAdd .modal-content .modal-body,
	.modal-default .modal-dialog.cl-cmmodal.cl-s-plusFriendAdd .modal-footer,
	.modal-default .modal-dialog.cl-cmmodal.cl-s-smsNumberInput .modal-content .modal-body,
	.modal-default .modal-dialog.cl-cmmodal.cl-s-smsNumberInput .modal-footer {padding: 0;}
	/* .modal-default .modal-dialog.cl-cmmodal.cl-s-smsNumberInput .sms-number-list {display: inline-block; float: none; width: auto;} */
	.modal-default .cl-s-callHistory.modal-dialog.cl-cmmodal.cover {width: 100%;max-width: 100%;}
		
	.modal-default .modal-dialog.cl-cmmodal.cl-s-callHistory .modal-content .modal-body,
	.modal-default .modal-dialog.cl-cmmodal.cl-s-chargeHistory .modal-content .modal-body {padding: 0;}
	.cl-s-callHistory .sent-search {
		height: auto;
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}
	.cl-s-callHistory .calendar-box {width: 100%; margin-bottom: 10px;}
	.cl-s-callHistory .change-date-box {width: 66.666666666%;}
	.cl-s-callHistory .change-date-box .input-group {width: calc(50% - 7.5px); max-width:  calc(50% - 7.5px);}
	.calendar-box .setting-email-callHistory-select {width: calc(33.3333333% - 2.5px); margin-left: 2.5px !important; margin-right: 0px; float: right; max-width: calc(33.3333333% - 2.5px);}
	.calendar-box .setting-email-callHistory-select .bootstrap-select {width: 100%; max-width: 100% !important;}
	.calendar-box .setting-email-callHistory-select > .bootstrap-select .btn.btn-default {max-width: 100% !important;}
		
	.cl-s-callHistory .change-date-box .input-group > input[readonly] {width: calc(100%);padding: 0px 10px;}

	.cl-s-callHistory .setting-tallClass.setting-email-callHistory-select.common-selectbox > .bootstrap-select.dropdown,
	.cl-s-callHistory .setting-tallClass.setting-email-callHistory-select > .bootstrap-select .btn.btn-default,
	.cl-s-callHistory .setting-content.setting-email-callHistory-select.common-selectbox > .bootstrap-select.dropdown,
	.cl-s-callHistory .setting-content.setting-email-callHistory-select > .bootstrap-select .btn.btn-default,
	.cl-s-callHistory .setting-status.setting-email-callHistory-select.common-selectbox > .bootstrap-select.dropdown,
	.cl-s-callHistory .setting-status.setting-email-callHistory-select > .bootstrap-select .btn.btn-default {max-width:100%;}

	.cl-s-callHistory .setting-tallClass.setting-email-callHistory-select,
	.cl-s-callHistory .setting-content.setting-email-callHistory-select,
	.cl-s-callHistory .setting-status.setting-email-callHistory-select, 
	.cl-s-callHistory .sent-search .cl-common-form-wrap { width: calc(25% - 3.8px); max-width: calc(25% - 3.8px); }
	.cl-s-callHistory .sent-search .cl-common-form-wrap {border-radius: 0px; }
	.cl-s-callHistory .sent-search .cl-common-form-group input {height: 28px;}
	.cl-s-callHistory .talk-send-btn {width: 100%; max-width: 100%;margin-left:0px;}
	.cl-s-callHistory .talk-send-btn {margin-top: 10px; height: 32px;  max-height: 100%;}
	.cl-s-callHistory .table-content {float: left; width: 100%; height: calc(100% - 265px);}
	.table-page {float: left; width: 100%;margin: 30px 0;}
	.cl-s-callHistory .table-title,
	.cl-s-chargeHistory .table-title {display: none;}
	.cl-s-callHistory .table-content .callContents,
	.cl-s-chargeHistory .table-content .callContents {float: left; width: 100%;}
	.cl-s-callHistory .table-content .callPcContents,
	.cl-s-chargeHistory .table-content .callPcContents {display: none;}
	.cl-s-callHistory .table-content .callmobileInfo,
	.cl-s-chargeHistory .table-content .callmobileInfo {
		display: block;
		text-align: center;
		font-weight: normal;
		border-bottom: 1px solid #f5f5f5;
		height: auto;
		background-color: #fff;
	}
	.cl-s-callHistory .sent-search {padding: 0 20px;}
	.cl-s-callHistory .table-content .callmobileInfo, 
	.cl-s-chargeHistory .table-content .callmobileInfo {padding: 7px 20px;}

	.cl-s-callHistory .table-content .callmobileInfo div,
	.modal-default .modal-dialog.cl-s-chargeHistory.cl-cmmodal .table-content > .callmobileInfo div {
		width: 100%;
		overflow: hidden;
		font-size: 16px;
		line-height: normal;
	}
	.cl-s-callHistory .table-content .callmobileInfo span,
	.cl-s-chargeHistory .table-content .callmobileInfo span {float: left; }
	.cl-s-callHistory .table-content .callmobileInfo span:nth-child(2n),
	.cl-s-chargeHistory .table-content .callmobileInfo span:nth-child(2n) {float: right;padding-right: 10px; }
	.cl-s-callHistory .table-content .callmobileInfo .dateStatus,
	.cl-s-chargeHistory .table-content .callmobileInfo .dateStatus {color: #8c8c8c;font-size: 12px;}
	.cl-s-chargeHistory .table-content .callmobileInfo .dateStatus:last-child {color:#4789e7;}
	.cl-s-chargeHistory .table-content {padding: 0;  height: calc(100% - 184px);}

	/*************/
	.my-info-check.checkbox label input,
	.secret.checkbox label input {position: absolute;}	
	.my-info-check.checkbox label,
	.secret.checkbox label {float: left;}
 	.login-box > form > .login-full-input {width:100%;}
	.login-box > form > .join-btn {width:100%;}
	#m-basket-section {display:inline-block;}
	.mall-payment-container > .title {margin-bottom:30px;}
	.buy-review {display:none;}
	.m-buy-review {display:block;}
	.basket-box > div.m-basket-table {display:block;}
	.basket-box > table.p-basket-table {display:none;}
	.more-product-btn {width:calc(50% - 25px);max-width:150px;height:50px;display:inline-block;border-radius:5px;background-color:rgb(255,255,255);border:2px solid rgb(60,60,60);color:rgb(60,60,60);text-align:center;font-weight:normal;font-size:12pt;margin:0px 10px;}
	.more-product-btn:hover {color:rgb(60,60,60);}
	.mypage-btn {width:calc(100% - 25px);max-width:150px;height:50px;display:inline-block;border-radius:5px;background-color:rgb(60,60,60);color:rgb(255,255,255);text-align:center;font-weight:normal;font-size:12pt;margin:0px 10px;}
	.mypage-btn:hover {color:rgb(255,255,255);}
	.payment-section {padding:15px;}
	.payment-section > .purchase {width:100%;margin:30px 0px 0px;}
	.payment-section > .option {width:100%;margin:0px;}
	.m-payment-box {border-radius:0px;border-radius:5px;bottom:0px;}
	.payment-loading-text {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:20pt;font-weight:normal;}
	.mypage-content-btn {color:rgb(0,0,0);border:1px solid rgb(130,130,130);background-color:rgb(255,255,255);border-radius:0px;width:calc(50% - 6px) !important;height:40px;margin:5px 3px;padding:0px;float:left;border-radius:3px;}
	#m-mypage-container {display:inline-block;}
	#p-mypage-container {display:none;}
	.mall-mypage-container > .order-info > div > div {width:100%;float:left;text-align:center;}
	.mall-mypage-container > .n-member-content-box > .content-payment-box > .payment-detail-box > div.payment-content-btn {text-align:right;display:block;}
	.mall-mypage-container > .n-member-content-box > .delivery-no-member-box {width:100%;max-width:100%;float:left;border:0px;}
	.mall-mypage-container > .n-member-content-box > .payment-no-member-box {width:100%;max-width:100%;float:right;border:0px;}
	.mall-mypage-container > .n-member-content-box > .content-payment-box {width:100%;background-color:rgb(255,255,255);position:relative;padding:10px;overflow:hidden;border:0px;display:block;}.mall-mypage-container > .n-member-content-box > .payment-no-member-box > .content-payment-box {height:310px;width:100%;background-color:rgb(255,255,255);position:relative;padding:10px;overflow:hidden;border:1px solid rgb(180,180,180);display:block;}
	.mall-mypage-container > .n-member-content-box > .payment-no-member-box > .content-payment-box {height:330px;width:100%;background-color:rgb(255,255,255);position:relative;padding:20px 30px;overflow:hidden;border:0px;display:block;}
	.mall-mypage-container > .n-member-content-box > .delivery-no-member-box > .content-payment-box {height:330px;width:100%;background-color:rgb(255,255,255);position:relative;padding:20px 30px;overflow:hidden;border:0px;display:block;}
	.payment-detail-box > .payment-content-image {width:70px;height:70px;margin-right:20px;}
	.payment-detail-box > .payment-content-image > img {width:100%;height:100%;}
	.payment-detail-box > .payment-content-info {width:calc(100% - 90px);}
	.payment-info-box {margin:0px;}
	.mall-mypage-container > .content-box > .content-payment-box {border:0px;}
	#m-myinfo-list {background-color:transparent;margin-top:30px;}
	.content-payment-box > .my-info > a {color:rgb(60,60,60);text-decoration:none;}
	.mall-mypage-container > .content-box > .title {font-weight:normal;}
	.qna-parent-box > div:last-child {border-bottom:0px;}
	.qna-write-btn {border-radius:5px;margin-right:10px;}
	.qna-write-btn:hover {border-radius:5px;}

	.ta-left {text-align:right !important;}
	.payment-content > a {display:none;}
	.login-btn {max-width:314px;}

	.popup-primary-btn {width:100%;float:left;font-size:16px;}
	.popup-close-btn {width:100%;float:left;display:inline-block;background-color:#FFF;}
	.popup-main-close-btn {width:100%;float:left;display:inline-block;}

	.re-sub-order {position:relative;margin-bottom:10px;background-color:transparent;}
	.review-write {text-align:right;margin-top:10px;}

	.detail-info-section {width:100%;position:relative;margin-top:0px;}
	.payment-detail-box > .delivery-status {padding:0px;}
	.delivery-button {text-align:center;}

	.no-member-mypage-btn {display:none;}
	.no-member-m-mypage-btn {display:inline-block;}
	.mall-mypage-popup {padding-top:50px;}

	.close-btn-box {display:none;}

	.secret {text-align:left;overflow:hidden;margin-top:5px;position:relative;}
	.secret > input {position:relative;top:2px;}
	.m-qna-file-upload {float:right;padding-top:5px;}
	.m-reivew-file-upload {margin-top:10px;}

	.mall-mypage-container > .n-member-content-box > .delivery-no-member-box > .content-payment-box > .payment-info-box {position:relative;top:50%;transform:translateY(-50%);}

	.popup-qna-info {width:100%;overflow:hidden;}
	.popup-qna-info > span {width:70px;display:none;float:left;height:40px;line-height:40px;font-size:10pt;margin-top:10px;}
	.popup-qna-info > span:nth-child(3) {margin-left:20px;}
	.popup-qna-info > input {height:40px;float:left;border:0;margin-top:10px;background-color: rgb(245,245,245);padding-left:10px;}
	.popup-qna-info > .qna-info-input {width:calc(50% - 5px);margin:0px 5px 0px 0px;border:0px;background-color:#fff;}
	.popup-qna-info > .qna-info-input:nth-child(4) {width:calc(50% - 5px);margin:0px 0px 0px 5px;}
	.popup-qna-info > .qna-email-input {width:100%;border:0px;background-color:#fff;}
	.qna-popup-box > form > .contents > .popup-qna > .popup-qna-title > input {background-color:#FFF;}
	.qna-popup-box > form > .contents > .popup-qna > .qna-editor > textarea {background-color:#FFF;}

	.my-info-check {width:100%;text-align:left;position:relative;padding:10px 0px 30px;}
	.my-info-check > input {position:relative;top:2px;}
	.sh-close-btn-box {display:none;}

	.qna-popup-box {width:100%;max-width:100%;height:100%;transform:translate(0%, 0%);overflow:auto;left:0px;top:0px;background-color:#f3f3f3;}
	
	.width-check {display:none;}
	
	.image-list {margin-top:15px;}
	.image-list > ul {display:inline-block;}
	.image-list > ul > li {float:left;width:60px;height:60px;margin-right:15px;cursor:pointer;}

	.delivery-info {height:auto;}
	.option-selector {width:calc(100% - 30px);margin:15px auto 0px;position:relative;z-index:3;}
	.option-selector > .option-box {max-height:400px;}
	
	/* .flat-modal {z-index:1011;position:fixed;left:0px;top:0px;} */

	.detail-popup {opacity:1;z-index:202;}
	
	
	

	.return-hold > .return-hold-container {width:100%;height:100%;position:relative;left:50%;top:50%;transform:translate(-50%, -50%);}
	.return-hold > .return-hold-container form {overflow:auto;}
	.no-bank-info-popup > .return-hold-container .return-hold-contents {background-color:#f3f3f3;height:auto;}
	.return-hold-contents > .contents > select {width:calc(100%);margin-bottom:24px;height:36px; border: none;font-size: 14px; padding:7px;}
	.return-hold-contents > .contents > textarea {width:calc(100%);max-width:100%;height: 130px;border: none;margin-top: 0px;}
	.return-hold-contents > .contents > textarea::placeholder {color:#a1a7af;}
	.popup-btn-box {font-size:16px;width:100%;z-index:2;overflow:hidden; position: absolute; left: auto; bottom: 0;}
	.input-section > .product-price {border-bottom:0px;padding-top:10px;font-size:20px;}
	.input-section > .product-price > span {font-size:14px;}

	.m-product-qna {display:block;}
	.mypage-menu {width:100%;height:49px;margin-top:30px;padding:0px 15px;}

	.mall-mypage-container > .fixed-menu {padding-top:90px;}

	.return-process {width:100%;height:100%;position:fixed;background-color:#f3f3f3;left:0px;top:0px;z-index:1001;display:none;}
	.return-process > .return-process-container {width:100%;height:100%;position:relative;left:50%;top:50%;transform:translate(-50%, -50%);}
	.return-process-container form {width:100%;height:100%;}
	.return-process-container .title {width:100%;height:auto;font-size:20px;font-weight:normal;line-height:1;text-align:center;background-color:#f3f3f3;padding:30px 0;font-weight:500;}
	.return-process-container .return-disavowal-input {padding-top:5px;width:10px !important;}
	.return-process-container .return-disavowal-title {padding-left:10px;margin-top:-5px;}
	.return-process-container .return-process-contents {width:100%;height:calc(100% - 142px);background-color:#f3f3f3;padding:15px;border-bottom:1px solid #fff;overflow-y: auto;}
	.return-process-contents .contents-warring {width:100%;color:rgb(71,137,231);font-weight:normal;border-bottom:1px solid rgb(200,200,200);margin-bottom:20px;padding-bottom:5px;}
	.return-process-contents > .contents > span {display:inline-block;width:100%;margin:5px;font-weight:normal;display:none;height:40px;}
	.return-process-contents > .contents > select {height:40px !important;width:calc(100% - 10px);margin:5px;border:0px;}
	.return-process-contents > .contents > textarea {width:calc(100% - 10px);height:75px;padding:5px;resize:none;margin:5px;border:0px;}
	.return-process-contents > .contents > input {width:calc(50% - 10px);float:left;margin:5px;height:40px !important;border:0px;}
	.return-process-contents > .contents > input.middle-input {width:calc(100% - 10px);float:left;margin:5px;height:40px !important;}
	
	.return-hold-container form {background-color:#f3f3f3;}
	.return-hold-contents .contents-warring {text-align:center;border-bottom:none;font-weight: 500;line-height: 1.4;font-size:14px;margin-bottom: 29px;}
	.return-hold-contents > .contents > span {font-size:14px;margin-bottom: 10px;height:auto;}

	.m-re-status-box {display:inline-block;}
	.payment-section > .option > .title {padding-left:0px;}
	.no-bank-info-popup > .return-hold-container {width:100%;height:100%;position:relative;left:50%;top:50%;transform:translate(-50%, -50%);background-color:#f5f5f5;}
	
	.cancel-disavowal > .cancel-disavowal-container {
		width: 100%;
		height: 100%;
		position: relative;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	.cancel-disavowal-container .title {
		background-color: #f3f3f3;
		padding: 30px 0;
		height: auto;
		line-height: inherit;
		font-weight: 500;
	}
	.cancel-disavowal-container .cancel-disavowal-contents {
		padding: 0 15px 15px 15px;
		background-color: #f3f3f3;
		margin-top:-1px;
	}
	.cancel-disavowal-contents > .contents > span {
		display: block;
		font-size: 14px;
		margin-bottom: 10px;
		height: auto;
		font-weight:500;
	}
	.cancel-disavowal-contents > .contents > textarea {
		width: calc(100%);
		max-width: 100%;
		height: 130px;
		border: none;
		margin-top: 0px;
	}
	.setting-sub-content > .m-bank-list > input:nth-child(2) {width:37%;height:34px;}
	.setting-sub-content > .m-bank-list > input:nth-child(3n) {width:21%; margin-right:0px;}
	.setting-sub-content > .m-bank-list .delete-bank {left: 9px;}
	
	.setting-sub-content .setting-sub-content-radio-box .mBfree{
		position: relative;
		display: inline-block;
		width: 30%;
	}
	

	.setting-sub-content .setting-sub-content-check-box .mpay_card,
	.setting-sub-content .setting-sub-content-check-box .mpay_bank{
		position: relative;
		width: 47%;
		margin-bottom: 16px;
		float: left;
	}
	.setting-sub-content .setting-sub-content-check-box .mpay_no_bank {
		position: relative;
		float: left;
	}

	.setting-sub-content-check-box span.cl-check-icon-howtopay,
	.mobile-popup-contents span.cl-icon-returncheck {
		width: auto;
		 margin-right: 0; 
	}
	.setting-sub-content-check-box span.cl-check-icon-howtopay + span {
		margin-top: -5px;
	}
	.setting-sub-content-check-box span {width:28%;}
	.setting-sub-content > .pg-text > button {height:34px;position:relative;margin-top:20px;border-radius:2px;top:0px;left:0px;font-size: 12px;background-color: #6c7685;}
	.return-hold-container .title {
		font-size:24px;
		background-color:#f3f3f3;
		padding:30px 0;
		height: auto;
		line-height: inherit;
	}
	.setting-input-340 {width:calc(100% - 100px);height:34px;border:none;padding:0px 17px;margin-right:9px;font-size:13px;float:left;background-color:#f5f5f5;}
	.setting-input-340::placeholder {color:#c3c3c3;}
	.setting-middle-input {width:80%;max-width:210px;height:34px;border:none;padding:0px 17px;margin-right:9px;float:left;background-color:#f5f5f5;}
	/* .setting-small-input {
		max-width: 107px;
		border: none;
		float: left;
		background-color: #f5f5f5;
		border-radius: 2px;
	} */
	.setting-textarea {width:80%;max-width:400px;height:100px;border:none;padding-left:20px;padding-top:10px;resize:none;background-color:#f5f5f5;}
	.talk-charge-popup > .plus-friends-container .contents .contents-detail > .price-section .charge-radio-box {width:48px;}
	.talk-charge-popup > .plus-friends-container .contents .contents-detail > .price-section .price {width:calc(100% - 48px);height:50%;line-height:58px;padding-left:20px;float:left;}
	.talk-charge-popup > .plus-friends-container .contents .contents-detail > .price-section .talk-count-box {width:calc(100% - 48px);padding-left:20px;padding-top:0px;height:50%;line-height:220%;}
	.talk-charge-popup > .plus-friends-container .contents .contents-detail > .price-section .talk-count-box span {width:40px;}
	.sms-setting > div {float:left;}
	.talk-template-popup > .plus-friends-container .title .important_alert {width:100%;padding:0px 30px;margin-top:55px;}

	#m-pg-key {margin-bottom: 51px;}

	.no-bank-info-popup > .return-hold-container form {padding-top:0px;width:100%;height:calc(100% - 65px); overflow-y: auto;}
	.no-bank-info-popup > .return-hold-container .title {background-color:#f5f5f5;margin-bottom:0px;}
	.no-bank-info-popup > .return-hold-container .sub-title {margin-bottom:0px;border:none;padding:30px 0 20px 0px;}
	.no-bank-info-popup > .return-hold-container .return-hold-contents > .contents {margin-bottom:0px;padding:23px 15px 30px 15px;border:none;margin-bottom:20px;background-color:#fff;font-weight:500;}
	.no-bank-info-popup table {width:100%;padding:0px 15px;left:0px;transform:translateX(0%);}
	.no-bank-info-popup tr td:nth-child(2) {text-align:right;}
	.no-bank-info-popup > .return-hold-container .return-hold-contents .contents-warring {background-color:#fff;margin-bottom:0px;}

	.no-bank-info-popup .popup-btn-box {display:inline-block;border-top: 1px solid #f3f3f3;}
	.no-bank-info-popup .popup-btn-box button {width:50%;float:left;left:auto;transform:none;font-size:16px;padding: 24px 0; height: auto;border-radius: 0;line-height:1;}
	.no-bank-info-popup .popup-btn-box button.cancel-btn {display:block;}
	.no-bank-info-popup .no-close-btn-box {display:none;}

	.popup-btn-box > .cancel-btn {background-color:#fff; color:#3c4451;}
	.popup-btn-box > .primary-btn {background-color:#3c4451; color:#fff;}
	.detail-popup > .title {padding-top:19px;}
	.mobile-detail-back-menu {top:19px;}
	.detail-popup-title {font-size:20px;font-weight: 500;padding-bottom: 11px;}
	.detail-popup-title .Allcheck {
		position: relative;
		width: 18px;
		height: 18px;
		display: inline-block;
	}
	.detail-popup-title .ordernum_title { margin: 0 12px 0 15px;}
	.detail-popup-title .ordernum_title.return_detail_ornum {margin-left:0px;}
	.mobile-detail-box > p {font-size:14px;}

	.mobile-popup-contents .mobile-contents-box > div.m-detail:first-child {height:auto; line-height: 1; position: relative;; margin-top: 18px;}

	.talk-sent-popup > .plus-friends-container {display:none;}
	.talk-sent-popup > .m-plus-friends-container {display:block;}

	.m-plus-friends-container .calendar-box {width:calc(100%);}
	.m-plus-friends-container .calendar-box .site-visit {width:66.66666%;}
	.m-plus-friends-container .calendar-box .site-visit .input-group {width:calc(50% - 8px);height:20px;border:1px solid #eaeaea;}
	.site-visit .input-group > input[readonly] {width:calc(100%);height:20px;}
	.m-plus-friends-container .calendar-box .site-visit .input-group:after {top:0px;}
	.m-plus-friends-container .calendar-box .site-visit .input-group + .fa {margin:11px 4px;width:6px;height:1px;background-color:#8c8c8c;}

	.talk-charge-log-popup > .plus-friends-container {display:none;}
	.talk-charge-log-popup > .m-plus-friends-container {display:block;}
	
	.friends-btn {float: right;}
	.friends-btn, button.friends-btn {font-size:12px;border-radius:2px;width:90px;}
	.kakaoUsedData:first-child {margin-bottom:10px;}
	.kakaoUsedData:last-child {margin-left: 0;margin-bottom: 0;}
	.call-history, .charge-history { width: 100% !important;}
	.setting-sms-number {width: 100% !important;}

	.setting-sub-content-check-box > .setting-email-title {width:40%;float:left;}
	.setting-sub-content-check-box > .setting-checkbox-box {width:30%;float:right;}

	.kakao-template-guide {width:100%;overflow:hidden;}
	.kakao-template-guide > div {float:left;}
	.kakao-template-guide > div:last-child {float:left;width:calc(100% - 20px);margin-left:4px;}

	.template-button { max-width: 100%;}
	.sms-number-popup > .plus-friends-container .contents {padding:0px 0px 40px;}
	.sms-number-popup > .plus-friends-container {padding:0px;}

	.sms-number-popup > .plus-friends-container .title {padding:45px 0px 40px;margin:0px;}
	.sms-number-popup > .plus-friends-container .contents {height: calc(100% - 115px);}
	.template-wrap > .template-container > .template-box {height:150px;}
	.talk-template-popup > .plus-friends-container .title {padding-top:45px;height:auto;padding-bottom:20px;}
	.talk-template-popup > .plus-friends-container .title .important_alert {margin-top:45px;}
	.talk-template-popup > .plus-friends-container .contents .contents-detail .sub-title {padding-bottom:10px;}
	.m-talk-charge-form {display:block;}

	.kakaotalk-guide {margin: 0 15px;}
	.kakaotalk-guide > div {display:inline-block;}
	.kakaotalk-guide > div > div {float:left;}
	.kakaotalk-guide > div > div:nth-child(2) {width:calc(100% - 12px);padding-left:5px;}
	.connect-guide {
		position: relative;
		top: 0px;
		transform: translateY(0%);
		margin-top: 20px;
		left: 0px;
		width: 100%;
	}
	.talk-plus-friends-delete {right: 15px;}
	.inputsetting-wrap  {
		width: calc(100% - 100px);
		position: relative;
		float: left;
	}
	.inputsetting-wrap .cl-common-form-wrap,.setting-input-270 {max-width: 100%; width: 100%;}
	.kakaotalk-guide-popup .shopguide-menu {display:none;}
	.kakaotalk-guide-popup > .plus-friends-container .title {width:150px;margin:auto;margin-bottom:66px;}
	.kakaotalk-guide-content .content {width:100%;}
	.talk-charge-popup > .plus-friends-container .contents, .plus-friends-popup > .plus-friends-container .contents {padding-top:0px;}
	.talk-charge-popup > .plus-friends-container .title {height:auto;padding:45px 0px 35px;}
	.plus-friends-popup > .plus-friends-container .title {padding:45px 0px;height:auto;}

	#m-bank-add > span  {font-size:15px;color:#222428;}
	#m-bank-add {font-size:13px;float:left;position:relative;cursor:pointer;background-color:#fff;border:none;}

	.mobile-popup-nav {
		overflow-x:auto;
		overflow-y:hidden;
		position:relative;
		z-index:1;
	}
	.mobile-popup-cover .menu-cover-left {
		width:24px;
		background-color:
		rgba(238,239,243,0);
		background-image:-webkit-linear-gradient(-180deg,rgba(238,239,243,0) 0%,rgba(238,239,243,0.6) 100%);
		background-image:linear-gradient(270deg,rgba(238,239,243,0) 0%,rgba(238,239,243,0.6) 100%);
		left: 0;
		height:100%;
		position:absolute;
		z-index:2;
		top:0px;
	}
	.mobile-popup-cover .menu-cover-right {
		width:24px;
		background-color:rgba(238,239,243,0);
		background-image:-webkit-linear-gradient(0deg,rgba(238,239,243,0) 0%,rgba(238,239,243,0.6) 100%);
		background-image:linear-gradient(90deg,rgba(238,239,243,0) 0%,rgba(238,239,243,0.6) 100%);
		right: 0;
		height:100%;
		position:absolute;
		z-index:2;
		top:0px;
	}
	.setting-sub-content .pg-key, .setting-sub-content .naverpay-key {margin-top:30px;}
	.dashbottom-wrap { padding-left: 0; padding-right: 0; }
	.guidePopup.naverpay-guide-modal .guide-wrap { height: calc(100% - 116px); }	
	.popover.bottom { width:calc(100% - 37px) !important; left:15px !important;transform:translateX(0%) !important ; }
}

@media only screen and (max-width:700px) {
	.image-section {width:100%;max-width:100%;}
	.image-section > .preview {width:calc(100% + 28px);position:relative;left:-14px;}
	.order-section > form {width:100%;margin:0px;margin:30px 0px;}
	.buy-review {display:none;}
	.m-buy-review {display:block;}
	.basket-box > div.m-basket-table {display:block;}
	.basket-box > table.p-basket-table {display:none;}
}
@media only screen and (max-width:480px) {
	.setting-sub-content-check-box .settingCheckbox {margin: 0 0 22px 0;}
	.cl-s-talkPayCharge .price-section .newcheckbox { width: 100%; text-align: left;}
	.cl-s-talkPayCharge .price-section .newcheckbox label {top: 20px; transform: translateY(0);}
	.cl-s-talkPayCharge .kakao-talk-box {float: left; }
	.cl-s-talkPayCharge .price-section {padding:20px 40px;}
	.cl-s-talkPayCharge .price-section-paypal .newcheckbox {
    float: unset;
    margin: 0;
    margin-bottom: 10px;
}
}

@media only screen and (max-width:400px) {
	.mypage-product-btn {width:100% !important;float:right !important;}
}

@media only screen and (max-width:486px) {
	.setting-sub-content > .bank-list > .cl-common-form-wrap:nth-child(3n) {width:23% !important;}
}

/********************** shopping - PG Modal START *********************/
/**********************************************************************/
.pg-modal-wrap .modal-default .modal-dialog.pg-modal * {font-family: "Noto Sans KR", "Noto Sans", sans-serif;letter-spacing: -0.03em; word-break: keep-all;}
.pg-modal-wrap .modal-default .modal-dialog.pg-modal.cover {max-width: 980px; width: 100%;}
.pg-modal-wrap .modal-default .modal-dialog.pg-modal .modal-content {padding-left: 0; padding-right:0;overflow: hidden;}
.pg-modal-wrap .modal-default .modal-dialog.pg-modal .modal-content .modal-body {padding-left: 0; padding-right: 0;}
.pg-modal-wrap .modal-default .modal-dialog.pg-modal .modal-body { text-align: left; }
.pg-modal-wrap .modal-default .modal-dialog.pg-modal .modal-content .modal-title { 
	color: #222428;
	letter-spacing: -0.01em;
	margin-bottom: 70px;
	font-weight: 400;
}
.pg-modal-wrap .modal-default .modal-dialog.pg-modal .pg-content span.point { color:#ee445f; }
.pg-modal-wrap .pg-modal .pg-wrap { margin: 0 ;}
.pg-modal-wrap .pg-modal .pg-header { padding-bottom:72px; }
.pg-modal-wrap .pg-modal .pg-header > .kcp-logo,
.pg-modal-wrap .pg-modal .pg-header > .nicepay-logo { text-align: right; }
.pg-modal-wrap .pg-modal .pg-header > .kcp-logo > .img-wrap,
.pg-modal-wrap .pg-modal .pg-header > .nicepay-logo > .img-wrap { padding-right: 15px; }
.pg-modal-wrap .pg-modal .pg-header > .kcp-logo > .img-wrap  > img,
.pg-modal-wrap .pg-modal .pg-header > .nicepay-logo > .img-wrap  > img { display: inline-block;  }
.pg-modal-wrap .pg-modal .pg-header > .kcp-info > p,
.pg-modal-wrap .pg-modal .pg-header > .nicepay-info > p { 
	padding-left: 15px;
    text-align: left;
    display: inline-block;
    font-size: 18px;
    padding-top: 12px;
    padding-bottom: 5px;
    color: #222428;
    letter-spacing: -0.54px;
}
.pg-modal-wrap .pg-modal .pg-header > .nicepay-info > p > .tel + span.tel_02 {font-size:20px; font-weight: normal;;}
.pg-modal-wrap .pg-modal .pg-header > .kcp-info > p > span.tel,
.pg-modal-wrap .pg-modal .pg-header > .nicepay-info > p > span.tel,
.pg-modal-wrap .pg-modal .pg-header > .nicepay-info > p > span.tel_02 {	
	font-family: 'Lato CR',sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 1.2px;
}
.pg-modal-wrap .pg-modal .pg-body > .pg-title {
	font-size: 18px;
	color: #222428;
	letter-spacing: -0.66px;
	padding-bottom: 9px;
	border-bottom: 2px solid #222428;
	margin:0 85px; 
}
.pg-modal-wrap .pg-modal .pg-body > .pg-title:nth-child(n+2) {padding-top: 94px;}
.pg-modal-wrap .pg-modal .pg-body > .pg-content {padding: 25px 0 0 0; margin: 0;}
.pg-modal-wrap .pg-modal .pg-body > .pg-content:not(.pg-step) dl {overflow: hidden;margin-bottom: 21px;}
.pg-modal-wrap .pg-modal .pg-body > .pg-content:not(.pg-step) dl:last-child{margin-bottom: 0;}
.pg-modal-wrap .pg-modal .pg-body > .pg-content.pg-step dt {font-size: 18px; line-height: 1.25;}
.pg-modal-wrap .pg-modal .pg-body > .pg-content dt,
.pg-modal-wrap .pg-modal .pg-body > .pg-content dd {
	font-size: 15px;
	font-weight: 400;
	color:#222428;
	float: left;
	width: 100%;
}
.pg-modal-wrap .pg-modal .pg-body > .pg-content dt {max-width: 15.5%;  margin-left: 85px; margin-right: 40px;}
.pg-modal-wrap .pg-modal .pg-body > .pg-content dd {max-width: 63.4%; color:#696c71; }
.pg-modal-wrap .pg-modal .pg-body > .pg-step dd {}
.pg-modal-wrap .pg-modal .pg-body > .pg-content dl.pb-0 {padding-bottom: 0;}
.pg-modal-wrap .pg-modal .pg-body > .pg-content dl {margin:0; }
.pg-modal-wrap .pg-modal .pg-body > .pg-step dl { width: 100%; float: left; margin-bottom:58px;}
.pg-modal-wrap .pg-modal .pg-body > .pg-step dl:first-child {overflow: hidden;}
.pg-modal-wrap .pg-modal .pg-body > .pg-step p {
	font-size:15px;
	line-height: 1.4;
	letter-spacing: -0.5px;
	margin: 0 0 6px 0;
}
.pg-modal-wrap .pg-modal .pg-body > .pg-step .point {color:#ee445f;}
.pg-modal-wrap .pg-modal .pg-body > .pg-step p:not(.mobileWidth) {}
.pg-modal-wrap .pg-modal .pg-body > .pg-content .mobileWidth {display: inline-block;width: 100%;}
.pg-modal-wrap .pg-modal .pg-body > .pg-step .pgstep-title:first-child {margin-top:0;}
.pg-modal-wrap .pg-modal .pg-body > .pg-step .pg-step-dlist-wrap {float: left;width: 100%;line-height: 1;}
.pg-modal-wrap .pg-modal .pg-body > .pg-step .pg-step-dlist {
	overflow: hidden;
	line-height: 1;
	display: inline-block;
	width: 100%;
}
.pg-modal-wrap .pg-modal .pg-body > .pg-content .firststepText > svg {fill:#fff; transform : translate(-3px,1px);}
.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-modal-detailbtn.firststepText {max-width: 86px;}
.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-modal-detailbtn.firststepText span {margin-left:2px;}
.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-modal-detailbtn {
	display: inline-block;
	padding: 3px 0;
	background-color: #a7acb5;
	border-radius: 3px;
	z-index: 20;
	color: #fff;
	font-weight: 400;
	font-size: 13px;
	max-width: 80px;
	height: 20px;
	line-height: 14px;
	text-align: center;
	width: 100%;
	margin: 0 0 0 10px;
}
.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-content-detailWrap {
	position:relative; 
	background-color: #f7fafd;
	left: calc(50% - 100px);
	text-align: center;
	transform: translate(-50%);
	overflow: hidden;
	border-top: 3px solid #fff;
}
.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-content-detailWrap .marginBox {
	position: relative;
	width: 100%;
	background-color: #fff;
	height: 27px;
	-webkit-transition: all 0.3s cubic-bezier(0.23, 0.21, 0.31, 1.01);
	-moz-transition: all 0.3s cubic-bezier(0.23, 0.21, 0.31, 1.01);
	-ms-transition: all 0.3s cubic-bezier(0.23, 0.21, 0.31, 1.01);
	-o-transition: all 0.3s cubic-bezier(0.23, 0.21, 0.31, 1.01);
	transition: all 0.3s cubic-bezier(0.23, 0.21, 0.31, 1.01);
}
.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-content-detailWrap#detailBox10 a {text-decoration: underline;color:#4789e7;}
.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-content-detailWrap p {
	font-size: 15px;
	color:#222428;
	letter-spacing: -0.7px;
	font-weight:400;
	margin: 17px auto 0 auto;
	max-width: 520px;
}	
.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-content-detailWrap .marginControl {margin-top:70px;}
.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-content-detailWrap .pgBold {font-weight: 600;}
.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-content-detailWrap .example-text {color:#b1b3b7;font-size: 14px;margin-top: 7px;}
.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-content-detailWrap p:first-child {margin-top:53px;}
.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-content-detailWrap ul {
	text-align: left;
	max-width: 515px;
	width: 100%;
	margin: 50px auto 0 auto;
	font-size: 15px;
	color: #222228;
	letter-spacing: -0.7px;
}
.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-content-detailWrap ul li {margin-bottom: 11px;line-height: 1.4;overflow: hidden;}
.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-content-detailWrap ul li > div {float: left;width: calc(100% - 24px);}
.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-content-detailWrap .detail-num {
	color:#ee445f;
	margin-right: 6px;
	font-weight: 400;
	float: left;
}
.pg-modal-wrap .pg-modal .pg-body > .pg-content .emphasistext {color:#ee445f;}
.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-content-detailWrap img {margin-top:27px;}
.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-content-detailWrap svg {fill:#696c71;}
.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-close-wrap {
	display: inline-block;
	cursor: pointer;
	margin: 67px 0 6px 0;
	padding: 9px 39px;
}
.pg-modal-wrap .pg-modal .pgTable  {
	border-collapse:collapse;
	border-spacing:0;
	max-width: 520px;
	width: 100%;
	margin: 70px auto 0 auto;
	border:1px solid #dfe1e3;
}
.pg-modal-wrap .pg-modal .pg-body > .pg-content .fdetailbtn {margin-bottom: 23px;}
.pg-modal-wrap .pg-modal .marginControl {margin-top:50px;}
.pg-modal-wrap .pg-modal .pgTable.mt-40 {margin-top: 40px;}
.pg-modal-wrap .pg-modal .pgTable td {
	font-size:14px;
	padding:15px;
	line-height: 1.4;
	border-style:solid;
	border-width:0px;
	overflow:hidden;
	word-break:normal;
	width: 50%;
}
.pg-modal-wrap .pg-modal .pgTable tr {border-bottom:1px solid #dfe1e3;}
.pg-modal-wrap .pg-modal .pgTable .bdR {border-right: 1px solid #dfe1e3;}
.pg-modal-wrap .pg-modal .pgTable th {
	font-size:14px;
	font-weight:normal;
	padding:17px 0;
	border-style:solid;
	border-width:0px;
	overflow:hidden;
	word-break:normal;
}
.pg-modal-wrap .pg-modal .pgTable .pgTable-contents {
	font-size:14px;
	color:#222428;
	text-align:center;
	vertical-align:middle;
	background-color: #fff;
}
.pg-modal-wrap .pg-modal .pgTable .pgTable-contents .pg_emphasis {color:#ee445f;}
.pg-modal-wrap .pg-modal .pgTable .pgTable-title {
	font-size:14px;
	background-color:#ebf1f6;
	color:#222428;
	text-align:center;
	vertical-align:middle;
	font-weight: 600;
}
.pg-modal-wrap .pg-modal .mt-40 {margin-top: 40px !important;}
.pg-modal-wrap .pg-modal .pg-body > .pg-content > dd > a { 
	color: #4882de; 
	display: inline-block; 
	border-bottom: 1px solid #dfe1e3; 
	line-height: 1.3; 
}
.pg-modal-wrap .pg-modal.modal-dialog.cl-modal .modal-content button.close {position: absolute; right: 20px;}
.pg-modal-wrap .pg-modal-wrap button.pg-modal-closebtn {
	position: absolute; 
	right: 45px;
	fill: #898989;
	color: #898989;
	font-size: 16px;
	top: 40px;
	z-index: 11;
}
.pg-modal-wrap .modal-default .modal-dialog.pg-modal .modal-content .modal-footer { margin-top:36px;}
.pg-modal-wrap .modal-default .modal-dialog.pg-modal .modal-content .modal-footer > button.btn {
	font-size: 15px;
	background-color: #4789e7 !important; 
	color: #fff !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	padding: 22.5px 23px;
	max-width: 300px;
}
.pg-modal-wrap .modal-default .modal-dialog.pg-modal .modal-content .modal-footer > button.btn + .btn {margin-left: auto;}
.pg-modal-wrap .modal-default .modal-dialog.cl-modal.pg-modal.pg-event .modal-footer .btn-default.close-button-dialog {display:inline-block;}
.flat-modal.pg-modal-wrap + .modal-backdrop.fade.in {background-color: #eeeff3;}
.flat-modal.pg-modal-wrap + .modal-backdrop.fade.in {opacity: 0.95;}

.cl-s-nobank-info .nobank-container {width:100%;}
.cl-s-nobank-info .nobank-container .contents-warring {
	width:100%;
	color:#4789e7;
	padding:0px 0px 30px 20px;
	position:relative;
	text-align:left;
	border-bottom:1px solid #eeeff0;
}
.cl-s-nobank-info .nobank-container .contents-warring svg {position:absolute;left:0px;top:2px;}
.cl-s-nobank-info .nobank-container .contents {padding-top:23px;}
.cl-s-nobank-info .nobank-container .contents table {
	width:100%;
	font-size:14px;
	color:#696c71;
	letter-spacing:-0.42px;
	table-layout: fixed;
    word-break: break-all;
}
.cl-s-nobank-info .nobank-container .contents table tr:last-child td {padding-bottom: 0;}
.cl-s-nobank-info .nobank-container .contents table td {text-align:left;padding:7.5px 0px;}
.cl-s-nobank-info .nobank-container .contents table td:last-child {text-align:right;}
.cl-s-nobank-info .nobank-container .popup-primary-btn {width:100%;height:50px;color:#fff;border-radius:3px;background-color: #4789e7;font-size:14px;}
.cl-s-nobank-info .nobank-container .cancel-btn {width:100%;height:50px;color:#696c71;border-radius:3px;background-color:transparent;border:none;font-size:14px;}

.delivery-edit,
.pccc-edit {
	display:inline-block;
	float: right;
	padding:1px 10px;
	font-size: 13px;
	border: 1px solid #d1d3d5;
	color:#96989b;
	background-color: #fff;
	border-radius: 3px;
	cursor: pointer;
	width: 56px;
	height: 24px;
	text-align: center;
	line-height: 1.6;
	text-align: center;
}

.setting-sub-content-radio-box {display:inline-block;width:100%;}
.setting-sub-content-radio-box.escrow-image > div {width: 100%; margin-top: 5px;}
.setting-sub-content-radio-box.escrow-image > div:first-child { margin-top: 0px; }
.setting-sub-content-radio-box.escrow-image .newcheckboxSvgRadio { margin: 20px 18px 0 0;}
.setting-sub-content-radio-box.escrow-image label {}
.escrow-disabled {width:100%;height:30px;position:absolute;left:0px;z-index:99;display:none;}
.setting-sub-content.pay-escrow .pg-key { margin:0px; }

.escrow-image .dropdown.bootstrap-select .dropdown-toggle:focus{outline: none !important;}
.escrow-image .dropdown button{width: 240px; height: 92px; padding: 10px 8px 10px 12px; border: 1px solid #dbdcdf; fill: #696c71}
.escrow-image .dropdown img{margin: 0; border-radius: 3px; border: solid 1px #e7e8e9;}
.escrow-image .dropdown-menu {width: 240px; max-height: 400px; overflow-y: scroll; padding: 20px 24px; margin: 0;}
.escrow-image .dropdown-menu > li {margin: 0 0 15px 0;}
.escrow-image .dropdown-menu > li:last-child{margin: 0;}
.escrow-image .dropdown-menu > li > a,
.escrow-image .dropdown-menu > li > a:hover{padding: 0; background-color: #fff;}

.escrow-image .dropdown-menu > li.active img{border: 3px solid #4789e7;}

.point-list {
	width: 100%;
	margin-bottom: 0 !important;
}

.point-list table {
	width: 100%;
	color: #696c71;
}

.point-list table th {
	height: 50px;
	background-color: #f7f8f9;
	font-size: 12px;
	text-align: center;
}

.point-list table td {
	height: 50px;
	background-color: #fff;
	font-size: 12px;
	text-align: center;
}

.point-list table td div {
	line-height: 16px;
}

.point-list table .point-gray {
	color: #b1b3b7;
}
.point-list table .point-blue {
	color: #4789e7;
}
.point-list table .point-red {
	color: #ee445f;
}

.point-list table .newcheckbox {
	padding-left: 0px;
	width: 16px;
	display: inline-block;
}

.point-setting .paging {
	text-align: center;
	padding: 30px;
	background: #fff;
	color: #000;
	font-weight: 300;
	font-size: 13px;
	margin-top: 0;
}

.point-setting .paging a, .point-setting .paging span, .point-setting .paging strong {
	width: 30px;
	height: 30px;
	display: inline-block;
	margin: 0 2px;
	color: #696c71;
	font-weight: normal;
	line-height: 30px;
	background: #f6f8f9;
	color: #b1b3b7;
}
.point-setting .paging strong {
	color: #4789e7;
	border: 1px solid #4789e7;
	background: #fff;
	vertical-align: top;
}

.point-setting .paging svg {
	fill: #b1b3b7;
}

.point-setting .paging [disabled] svg {
	/*display: none;*/
	fill: #d1d3d5;
}

.point-search-box {
	width: 100%;
	display: table;
}

.point-search-box > div, .point-search-box > form > div { vertical-align: top; }

.point-plus-minus {
	width: 120px;
	height: 30px;
	background-color: #4789e7;
	color: #fff;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	float: left;
	pointer-events: auto !important;
}
.point-plus-minus svg {
	fill: #fff;
}
.point-plus-minus.disabled {background-color: #d2d6db;}

.point-search-box .point-reg-box {
	overflow: hidden;
	display: inline-block;
}

.point-search-box .point-reg-box .point-reg {
	float: left;
	color: #696c71;
    width: 60px;
    height: 30px;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    border-left: 1px solid #dbdcdf;
    border-top: 1px solid #dbdcdf;
    border-bottom: 1px solid #dbdcdf;
}
.point-search-box .point-reg-box .point-reg:last-child {border-right:1px solid #dbdcdf;}
.point-search-box .point-reg-box .point-reg:nth-child(2) {
	/* border-left: 1px solid #dbdcdf; */
}
.point-search-box .point-reg-box .point-reg:hover {border-color: #4789e7; color: #4789e7;}
.point-search-box .point-reg-box .point-reg.active + .point-reg,
.point-search-box .point-reg-box .point-reg:hover + .point-reg { border-left-color: #4789e7;}
.point-search-box .point-reg-box .point-reg.active {
	color: #4789e7;
    border-color: #4789e7;
}

.point-search-date {
	margin-left: 10px;
	display: inline-block;
}

.point-search-date .sub-order-title,
.point-search-date .change-date-box .input-group input,
.point-search-date .change-date-box .input-group .site-visit-datetext,
.point-search-date .cl-s-popup-selectbox * {font-family: 'Noto Sans KR',sans-serif;}
.point-search-date .input-group { 
	border: 1px solid #dbdcdf; 
	height: 30px;
	width: 85px; 
	display: inline-block;
}
.point-search-date .change-date-box {position: relative; width: 100%;}
.point-search-date .change-date-box .input-group input{
	padding: 0 5px;
	line-height: 1;
	height: 100%;  
	width: 100%;
	position: relative;
	cursor: pointer;
	font-size: 14px; 
	color: #696c71;
	border: none;
	background-color: transparent;
	box-shadow: none;
	letter-spacing: -0.42px;
	text-align: center;
}
.point-search-date .change-date-box .input-group + .fa {
	content: '';
	display: inline-block;
	width: 5px;
	height: 1px;
	background-color: #696c71;
	margin: 16px 5px 0;
}
.point-search-date .change-date-box .input-group .site-visit-datetext {
	position: absolute;
	width: 90px;
	left: 9px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	font-size: 14px; 
	color: #696c71;
}
.point-search-date .change-date-box .input-group .site-visit-datetext + svg {
	fill:#4789e7;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
}
.point-search-date .change-date-box .bootstrap-datetimepicker-widget {
	position: absolute;
	top: 38px !important;
	left: 0px !important;
	max-width: 218px;
	min-width: 218px;
	padding: 5px 10px;
	font-size: 12px !important;
	text-align: center;
	word-break: break-word;
	-moz-border-radius: 0;
	border-radius: 0;
	box-shadow: none;
	max-width: 218px;
	min-width: 218px;
}

/** cl-s-productSearch datetimepicker **/
.point-search-date .bootstrap-datetimepicker-widget table thead th:hover,
.point-search-date .bootstrap-datetimepicker-widget table thead th:hover,
.point-search-date .bootstrap-datetimepicker-widget table thead th:hover,
.point-search-date .bootstrap-datetimepicker-widget table thead th:hover {
	background: #eeeeee;
	color:#333333 !important;
	padding:3px 5px;
	width:auto;
}
.point-search-date .bootstrap-datetimepicker-widget table thead th:nth-child(2):hover,
.point-search-date .bootstrap-datetimepicker-widget table thead th:nth-child(2):hover,
.point-search-date .bootstrap-datetimepicker-widget table thead th:nth-child(2):hover,
.point-search-date .bootstrap-datetimepicker-widget table thead th:nth-child(2):hover {
	background: #fff;
	color:#333333 !important;
}   
.point-search-date .bootstrap-datetimepicker-widget table td.active ,
.point-search-date .bootstrap-datetimepicker-widget table td.active,
.point-search-date .bootstrap-datetimepicker-widget table td.active ,
.point-search-date .bootstrap-datetimepicker-widget table td.active { background-color: #4789e7; color: #fff; }

.point-search-date .bootstrap-datetimepicker-widget table,
.point-search-date .bootstrap-datetimepicker-widget table,
.point-search-date .bootstrap-datetimepicker-widget table,
.point-search-date .bootstrap-datetimepicker-widget table { width: 100%; text-align: center;}

.point-search-date .bootstrap-datetimepicker-widget table th.picker-switch,
.point-search-date .bootstrap-datetimepicker-widget table th.picker-switch,
.point-search-date .bootstrap-datetimepicker-widget table th.picker-switch,
.point-search-date .bootstrap-datetimepicker-widget table th.picker-switch { text-align: center; cursor: pointer; }

.point-search-date .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.point-search-date .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"],
.point-search-date .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.point-search-date .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"],
.point-search-date .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.point-search-date .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"],
.point-search-date .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.point-search-date .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"] { width: 73%;}

.point-search-date .bootstrap-datetimepicker-widget table td.day,
.point-search-date .bootstrap-datetimepicker-widget table td.day,
.point-search-date .bootstrap-datetimepicker-widget table td.day,
.point-search-date .bootstrap-datetimepicker-widget table td.day { line-height: 15px; cursor: pointer;}

.point-search-date .bootstrap-datetimepicker-widget table span,
.point-search-date .bootstrap-datetimepicker-widget table span,
.point-search-date .bootstrap-datetimepicker-widget table span,
.point-search-date .bootstrap-datetimepicker-widget table span { padding: 5px 0; float: left; width: 25%; line-height: 1.2; cursor: pointer;}

.point-search-date .bootstrap-datetimepicker-widget table thead th {text-align: center;}
.point-search-date .bootstrap-datetimepicker-widget table thead th:hover {
	background: #eeeeee;
	color:#333333 !important;
	padding:3px 5px;
	width:auto;
}
.point-search-date .bootstrap-datetimepicker-widget table thead th:nth-child(2):hover{
	background: #fff;
	color:#333333 !important;
}
.point-search-date .bootstrap-datetimepicker-widget table td.active { background-color: #4789e7; color: #fff; }
.point-search-date .bootstrap-datetimepicker-widget table { width: 100%; text-align: center;}
.point-search-date .bootstrap-datetimepicker-widget table th.picker-switch { text-align: center; cursor: pointer; }
.point-search-date .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.point-search-date .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"] { width: 73%;}
.point-search-date .bootstrap-datetimepicker-widget table td.day { line-height: 15px; cursor: pointer;}
.point-search-date .bootstrap-datetimepicker-widget table span { padding: 5px 0; float: left; width: 25%; line-height: 1.2; cursor: pointer;}

.point-search-date .cl-s-popup-selectbox {position: relative; float: left; width: 100%;}
.point-search-date .change-date-box + ul {border-radius: 3px; overflow: hidden; margin-bottom: 30px;}
.point-search-date .change-date-box + ul * {font-family: 'Noto Sans KR',sans-serif;}
.point-search-date .check-button:first-child:not(.check-button-active) {border-radius: 3px 0 0 3px; border-left:1px solid #dbdcdf;}
.point-search-date .check-button:last-child {border-radius: 0 3px 3px 0;}
.point-search-date .check-button:first-child {border-radius: 3px 0 0 3px;}
.point-search-date .check-button {
	padding: 8px 0;
	text-align:center;
	border-top: 1px solid #dbdcdf;
	border-bottom: 1px solid #dbdcdf;
	border-right: 1px solid #dbdcdf;
	float:left;
	font-size:14px;
	color:#b1b3b7;
	width: 69.6px;
	height: 40px;
	cursor:pointer;
}
.point-search-date .check-button .check-label-click {width: 100%; display: block; height: 100%;}
.point-search-date .check-none-borderR {border-right-color: #4789e7;}
.point-search-date .check-button:first-child.check-button-active {border-left: 1px solid #4789e7;}
.point-search-date .check-button-active {border-color: #4789e7;color:#4789e7;}
.point-search-date .cl-s-popup-selectboxWrap.common-selectbox {max-width: 150px;}
.point-search-date .cl-s-popup-selectboxWrap.common-selectbox,
.cl-s-popup-selectboxWrap.common-selectbox.cl-s-popupDetail-selectbox {float:left;}
.cl-s-popup-selectbox.cl-s-popup-selectboxWrap .common-selectbox .dropdown {height: 48px;}
.point-search-date .search_text {
	width: calc(100% - 160px);
	height: 48px; 
	float: left; 
	margin : 0 0 0 10px;
	border-radius: 3px;
	border: 1px solid #dbdcdf;
}

.shopping-visit-btn {
	margin-left: 10px;
	background-color: #3c4450;
	color: #fff;
	font-size: 14px;
	border: none;
	width: 60px;
	height: 34px;
}

.point-search-text {
	border: 1px solid #dbdcdf;
	position: relative;
	height: 30px;
	width: 160px;
	margin-left: 10px;
	display: inline-block;
}

.point-search-text input {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0px 20px 0px 10px;
	border: none;
}

.point-search-text svg {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	fill: #696c71;
}

.point-select-box {
	min-width: 80px;
	position: relative;
	height: 30px;
	display: inline-block;
}
.point-select-box #cl-point-limit-select {width: 80px;margin-right: 0;}
.point-select-box select::-ms-expand {
   display: none;            /* 화살표 없애기 for IE10, 11*/
}
.point-select-box .form-control { 
    width: 100px; 
    text-transform: uppercase; 
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    /*background-image: url('');*/ /*IE*/ 
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMjAnIGhlaWdodD0nMTIwJyB2aWV3Qm94PScwIDAgMTIwIDEyMCcgZmlsbD0nJTIzNTU1NTU1Jz48cG9seWdvbiBwb2ludHM9JzUwIDIwLDEwMCAyMCw1MCA4MCwwIDIwJy8+PC9zdmc+');
    /* background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120' fill='%23555555'><polygon points='50 20,100 20,50 80,0 20'/></svg>"); */
    background-size: 8px;
    background-position: 94% center;
    background-repeat: no-repeat;
    font-size: 12px;
    color: #696c71;
    padding: 0 10px;
    background-color: transparent;
    border: 1px solid #dbdcdf;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 30px;
    vertical-align: top;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.point-select-box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: 100%;
	border: 1px solid #dbdcdf;
	height: 100%;
}

.point-select-box .btn {
	font-size: 13px;
	height: 28px;
}

.point-select-options { display: inline-block; float: right; }

.point-setting table td {
	table-layout: fixed;
}

.cl-point-info .btn.btn-secondary {
	border: 1px solid #eeeff0;
	color: #b1b3b7;
	height: 40px;
	font-size: 14px;
	padding: 0px;
	border-radius: 0px;
	line-height: 38px;
	text-align: center;
	width: 50%;
}

.cl-point-info .btn.btn-secondary.active,
.cl-point-info .btn.btn-secondary:hover {
	border: 1px solid #4789e7;
	color: #4789e7;
}

.point-plus-add #point-span {
	color: #4789e7;
}

.point-minus-add #point-span {
	color: #ee445f;
}

.cl-point-info .btn-group, .cl-point-info .btn-group-vertical {
	width: 100%;
	margin-bottom: 30px;
}

.cl-point-info #minus-desc { color: #b1b3b7; font-size: 14px; font-weight: 300; position: relative; padding-left: 15px; margin-top: 15px; }
.cl-point-info #minus-desc svg { fill: #b1b3b7; position: absolute; margin-left: -18px; margin-top: 5px; }

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.btn-group > .btn:last-child:not(:first-child) {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.least-text,
.least_use-text,
.reserves-text,
.buy-text,
.review-text,
.point-term-text {
	margin: 6px 0 0 0 !important;
	display: none;
}

.least-text span,
.least_use-text span,
.reserves-text span,
.buy-text span,
.review-text span,
.point-term-text span {display: inline !important; line-height: unset !important; vertical-align: middle;}

.least-text svg,
.least_use-text svg,
.reserves-text svg,
.buy-text svg,
.review-text svg,
.point-term-text svg {vertical-align: middle;}

.point-first-text {
	display: inline-block;
	float: left;
	margin-right: 10px;
}

.point-sub-box .setting-subInfoBox .setting-delivery-chargeWrap .delivery-price {
	color: #696c71;
}

.setting-sub-content-title svg.point-info {
	margin-left: 5px;
	position: relative;
	top: 2px;
	cursor: pointer;
	display: inline-block;
}

/***************** 쇼핑 관리자 주문조회 2021-01-21 최성진 */
.section-search {
	width: 100%;
	/*height: 174px;*/
	background-color: #fff;
	padding: 30px 28.5px 10px;
}

.section-search .search-box > ul {
	/*height: 44px;*/
	display: flex;
}

.section-search .search-box > ul > li {
	display: inline-block;
	height: 100%;
	padding: 7px 0;
	line-height: 30px;
}



.search-box > ul:last-child > li:nth-child(2) { flex : 0 0 70px; }

.section-search .status-condition { display: inline-flex !important; flex-wrap: wrap; }


.section-search .search-box > ul > li:first-child {
	flex: 0 0 100px;
}

.section-search .search-box button.btn-naverpay-sync { margin-top: 6px; height: 32px; float: right; position: absolute; right: 0; }

.section-search .datepicker-days tr {
	height: 26px;
}

.section-search > form > table > tbody > tr {
	height: 45px;
}

.section-search > form  > table > tbody > tr td:first-child {
	color : #696c71;
	font-size: 14px;
}

.section-search > form  > table > tbody > tr td {
	border: none;
	padding: 0;
	vertical-align: middle;
}

.section-search-container .common-selectbox {
	height: 30px;
}

.section-search-container .common-selectbox svg {
	left: 80px;
}

.section-search-container .btn.dropdown-toggle {
	width: 103px !important;
	height: 30px !important;
	border: 1px solid #dbdcdf;
	font-size: 13px !important;
	color: #696c71 !important;
	padding: 5px 10px 6px !important;
}

.section-search-container .dropdown.bootstrap-select {
	height: 100% !important;
	vertical-align: initial;
}

.section-search-container .change-date-box {
	margin: 0;
	width: auto;
	vertical-align: top;
}

.section-search .duration {
	height: 30px;
	padding: 6px 15px 7px;
	border: solid 1px #dbdcdf;
	background-color: #ffffff;
	display: inline-block;
	cursor: pointer;
	border-right: none;
	line-height: 1;
}

.section-search .duration + .duration {
	margin-left: -3px;
	/*border-right: none;*/
}

.section-search .duration:nth-child(4) {
	border-right: 1px solid #dbdcdf;
}

.section-search .duration span {
  height: 17px;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  text-align: left;
  color: #696c71;
}

.section-search .duration.active {
	border-color : #4789e7;
}

.section-search .duration.active span {
	color: #4789e7;
}

.section-search .duration.active + .duration {
	border-left: 1px solid #4789e7;
}

.section-search .datebox {
	width: 112px;
  	height: 30px;
  	display: inline-block;
	border: solid 1px #dbdcdf;
	vertical-align: top;
	margin-left: 5px;
	margin-right: 5px;
  	/*padding-right: 10px;*/
 /* margin: 0 10px 15px;
  padding: 7px 10px 6px;
  border: solid 1px #dbdcdf;
  font-size: 13px;
  background-color: var(--ffffff);*/
}

.section-search .cl-s-productSearch {
	display: inline-block;
	width: auto;
}

.section-search .datebox input {
	width: 75%;
	display: inline-block;
	font-size: 13px;
	height: 28px;
	padding: 5px 5px 5px 8px;
	border: none;
	color: #696c71;
	vertical-align: inherit;
	line-height: normal;
}

.section-search .datebox .ico-calendar {  
	width: 28px;
	height: 28px;
	padding: 6px 8px;
	background-color: #ffffff;
	display: inline-block;
	margin-left: -1px;
	cursor: pointer;
	position: absolute;
	line-height: normal;
	border-left: 1px solid #dbdcdf;
}

.section-search select {
	display: none !important;
}

.section-search input[type=checkbox], .list-section-search input[type=checkbox] {
	width: 13px;
	height: 13px;
	vertical-align: initial;
	margin: 0;
	display: none;
}

.section-search input[type=checkbox].title {
	width: 16px;
	height: 16px;
}

.section-search input[type=checkbox] + label {
	height: 17px;
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 16px;
	letter-spacing: normal;
	text-align: left;
	color: #696c71;
	margin-right: 20px;
	vertical-align: middle;
	cursor: pointer;
}

.section-search input[type=checkbox] + label svg, .list-section-search input[type=checkbox] + label svg, .list-item-order input[type=checkbox] + label svg {
	vertical-align: top;
	fill: #dbdcdf;
	margin-right: 2px;
}

.section-search input[type=checkbox]:checked + label svg, .list-section-search input[type=checkbox]:checked + label svg, .list-item-order input[type=checkbox]:checked + label svg {
	fill: #4789e7;
}

.section-search input[type=checkbox].read-only + label svg, .list-section-search input[type=checkbox].read-only + label svg {
	/*opacity: .4;*/
}

.section-search input[type=checkbox].read-only + label, .list-section-search input[type=checkbox].read-only + label {
	opacity: .4;
}

.section-search input[type=checkbox] + label svg path, .list-section-search input[type=checkbox] + label svg path {
	d: path('M13 0H3C1.3 0 0 1.3 0 3v10c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3V3C16 1.3 14.7 0 13 0zM15 13c0 1.1-0.9 2-2 2H3c-1.1 0-2-0.9-2-2V3c0-1.1 0.9-2 2-2h10c1.1 0 2 0.9 2 2V13z');
}

.section-search input[type=checkbox]:checked + label svg path, .list-section-search input[type=checkbox]:checked + label svg path {
	d: path('M13 0H3C1.34 0 0 1.34 0 3v10c0 1.66 1.34 3 3 3h10c1.66 0 3-1.34 3-3V3C16 1.34 14.66 0 13 0zM13.03 6.03l-5.5 5.5C7.38 11.68 7.19 11.75 7 11.75s-0.38-0.07-0.53-0.22l-3.5-3.5c-0.29-0.29-0.29-0.77 0-1.06s0.77-0.29 1.06 0L7 9.94l4.97-4.97c0.29-0.29 0.77-0.29 1.06 0S13.32 5.74 13.03 6.03z');
}

.section-search .checkbox-title {
	height: 30px;
	border-radius: 3px;
	border: 1px solid #dbdcdf;
	padding: 6px 11px 7px;
	min-width: 90px;
	display: inline-block;
	cursor: pointer;
	line-height: 17px;
	color: #696c71;
	margin-right: 7px;
	margin-bottom: 7px;
}

.section-search .checkbox-item + .checkbox-title {
	/*margin-left: 7px;*/
}

.section-search .all-checkbox-title {
	display: inline-block;
	vertical-align: middle;
}

.section-search .checkbox-title span {
	vertical-align: top;
	padding-right: 10px;
	/*padding-left: 5px;*/
}

.section-search .checkbox-title svg {
	position: relative;
	float: right;
	top: 5px;
	fill: #696c71;
}

.section-search .common-selectbox {
	width: auto;
	margin-right: 10px;
	min-width: 103px;
}

.section-search .common-selectbox .btn.btn-default {
	width: 100% !important;
	vertical-align: text-bottom;
}

.section-search .common-selectbox .filter-option-inner { 
	padding-right: 10px;
}

.section-search .common-selectbox .dropdown + svg {
	left: calc(100% - 20px);
}

.section-search .checkbox-item {
	position: absolute;
	z-index: 1;
	background: #fff;
	display: none;
	user-select: none;
}

.section-search .checkbox-item label {
	font-size: 13px;
	line-height: 17px;
	/*vertical-align: text-bottom !important;*/
}

.section-search .checkbox-item > ul {
	border: 1px solid #dbdcdf;
	min-width: 180px;
	/*height: 363px;*/
	border-radius: 3px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.section-search .checkbox-item > ul > li.separator {
	height: 1px !important;
	border-top: 1px solid #eff0f4;
}

.section-search .checkbox-item > ul > li:first-child {
	height: 36px;
	padding: 10px 0 10px 11px;
	line-height: normal;
}

.section-search .checkbox-item > ul > li > ul {
	max-height: 327px;
	overflow-y: auto;
}

.section-search .checkbox-item > ul > li > ul > li {
	height: 30px;
	padding: 10px 0 5px 11px;
	line-height: initial;
}

.checkbox-item > ul > li:last-child { padding-bottom: 5px; }

.section-search .checkbox-item input[type=checkbox] {
	width: 16px;
	height: 16px;
}

.section-search input[type=text].keyword {
	width: 276px;
	display: inline-block;
	font-size: 13px;
	border: solid 1px #dbdcdf;
	height: 30px;
	padding: 5px 10px;
}

.section-search .disp_conditions {
	display: inline-block;
	/*padding-top: 10px;*/
	font-size: 13px;
	color: #696c71;
}

.section-search-container .btn-section {
	text-align: center; 
	height: 80px; 
	padding: 25px;
	background: #fff;
	border-top: 1px solid #eff0f4;
}

.section-search-container .btn-section button {
	width: 100px;
	height: 30px;
	padding: 0;
	font-size: 13px;
}

.section-search-container .btn-section .btn-primary {
	background-color: #4789e7;
	border: none;
}

.section-search-container .btn-section .btn-default {
	background-color: #fff;
	border: 1px solid #dbdcdf;
	color: #696c71;
}

.list-section-search {
	text-align: right;
	height: 46px;
	padding: 10px 20px;
	background-color: #fff;
}

.list-section-search select {
	display: none !important;
}

.list-section-search .dropdown.bootstrap-select {
	height: auto !important;
}

.list-section-search .dropdown-menu li {
	width:100%;
	display: initial;
}

.list-section-search .dropdown-menu li + li {
	padding-left: 0;
}

.list-section-search .common-selectbox {
	height: 26px !important;
	display: inline-block;
	width: 115px;
	float: none;
	vertical-align: middle;
}

.list-section-search .common-selectbox svg {
	left: 93px;
}

.list-section-search  .btn.dropdown-toggle {
	width: 115px !important;
	height: 26px !important;
	border: 1px solid #dbdcdf;
	font-size: 13px !important;
	color: #696c71 !important;
	padding: 3px 10px 6px !important;
	margin-top: -1px;
}

.list-section-search .checkbox-title {
	height: 26px;
	border-radius: 3px;
	border: 1px solid #dbdcdf;
	padding: 6px 11px 7px;
	min-width: 103px;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	line-height: 1;
	color: #696c71;
}


.list-section-search input[type=checkbox] {
	width: 13px;
	height: 13px;
	vertical-align: initial;
	margin: 0;
}

.list-section-search input[type=checkbox].title {
	width: 16px;
	height: 16px;
}

.list-section-search input[type=checkbox] + label {
	height: 17px;
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 16px;
	letter-spacing: normal;
	text-align: left;
	color: #696c71;
	margin-right: 20px;
	vertical-align: middle;
	cursor: pointer;
}

.list-section-search .all-checkbox-title {
	display: inline-block;
}

.list-section-search .checkbox-title span {
	vertical-align: top;
}

.list-section-search .checkbox-item {
	position: absolute;
	z-index: 1;
	background: #fff;
	display: none;
}

.list-section-search .checkbox-item svg.cm-popover-info {
	vertical-align: text-top;
	margin-left: -15px;
	cursor: pointer;
}

.list-section-search .checkbox-item label {
	font-size: 13px;
	line-height: 17px;
	/*vertical-align: text-bottom !important;*/
}

.list-section-search .checkbox-item > ul {
	border: 1px solid #dbdcdf;
	width: 180px;
	/*height: 363px;*/
	border-radius: 3px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	text-align: left;
}

.list-section-search .checkbox-item > ul > li.separator {
	height: 1px !important;
	border-top: 1px solid #eff0f4;
}

.list-section-search .checkbox-item > ul > li:first-child {
	height: 36px;
	padding: 10px 0 10px 11px;
}

.list-section-search .checkbox-item > ul > li > ul {
	max-height: 327px;
	overflow-y: auto;
}

.list-section-search .checkbox-item > ul > li > ul > li {
	height: 33px;
	padding: 10px 0 5px 11px;
	line-height: initial;
}

.list-section-search .checkbox-item input[type=checkbox] {
	width: 16px;
	height: 16px;
}

.rotate180 {
	transform: rotate(180deg);
}

.head-row { user-select: none; height: 36px !important; border-bottom: none !important; color: #9d9fa4 !important; }
.head-row td { background-color: #f8fbfd !important; }

.section-search .checkbox-item li.btn-li, .list-section-search .checkbox-item li.btn-li {
	height: 50px;
	padding: 10px;
}

.list-section-search .btn-list-item-order {
	min-width: 72px; margin-top: -5px; float: right; margin-right: 10px;
}

.list-section-search .list-item-order .btn-up-down-area {
	padding: 0 10px !important;
} 

.list-section-search .list-item-order .btn-up-down {
	width: 36px; height: 36px;
	display: inline-block;
	line-height: 36px;
	text-align: center;
	cursor: pointer;
	user-select: none;
}

.list-section-search .list-item-order .btn-up-down svg {
	fill: #696c71;
}

.list-section-search .list-item-order .list-item-area .item {
	cursor: pointer;
	padding: 7px 0px 7px 11px;
}

.list-section-search .list-item-order .list-item-area .item.active {
	background-color: #f1f6fc;
	color: #4789e7;
}

.result-title {
	height: 19px;
	margin: 30px 10px 15px 10px;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.36;
	letter-spacing: normal;
	color: #222428;
}

.result-title .wide-switch {
	display: inline-block;
	float: right;
}
.result-title .wide-switch .switch {
	width: auto !important;
	height: auto !important;
	margin-right: 10px;
}
.result-title .wide-switch .switch-label {
	height: 12px !important;
	width: 24px !important;
}
.result-title .wide-switch .switch-input:checked ~ .switch-handle {
	left: 15px;
}
.result-title .wide-switch .switch-handle:before {
	top: 75%;
	left: 85%;
}
.result-title .wide-switch .switch-handle, .result-title .wide-switch .switch-handle:before {
	width: 10px;
	height: 10px;
}

.result-title .wide-switch .switch-label, .switch-label:before, .result-title .wide-switch .switch-handle:before,.switch-input:checked ~ .switch-label:after {
	content: '';
}

#wide-section {
	background: #fff;
}

#wide-section.wide, #wide-section.wide .shopping-dashboard {
	max-width: none;
}

.list-table-section { display: flex; flex-wrap: wrap; }
.list-table-section:not(.order_search_table) .forms.list-table-right {margin-bottom: 50px;}
.list-table .order-name {
	display: inline-block; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: break-all; line-height: 1.2;
}

.list-table-left {
	width: 250px;
	display: inline-block;
}

.list-table-left-wide { width: 100% !important; }

.list-table-right {
	width: calc(100% - 250px);
	display: inline-block;
}

.list-table-left tr, .list-table-right tr {
	height: 40px;
}

.list-table-left-bottom {overflow:hidden; }
.list-table-right-top {
	overflow-x: hidden;
	background: #fff;
	width: 100%;
}
.list-table-left-bottom > table, .list-table-right-bottom > table { border-top: none !important; }

.list-table-right-top.fixed { z-index: 2 !important; }
/*.list-table-left-top table, .list-table-left-bottom table {border-right: 1px solid #eff0f4;}*/

.list-table-left-top.thin-scroll-bar table, .list-table-left-bottom.thin-scroll-bar table { border-right: none; }
.list-table-left-top.thin-scroll-bar, .list-table-left-bottom.thin-scroll-bar { overflow-y: scroll; width: 100%; }
.list-table-left-top.thin-scroll-bar::-webkit-scrollbar-track {
	background: #fff;
	border: 1px solid #eff0f4;
	border-right: none;
}

.list-table-left-top table, .list-table-right-top table {border-bottom: 1px solid #dbdcdf !important;}

.list-table-right-bottom { overflow-x: scroll !important; }

.list-table-right-bottom.thin-scroll-bar::-webkit-scrollbar-thumb:vertical, .list-table-right-bottom.thin-scroll-bar::-webkit-scrollbar-track:vertical { border-left: 1px solid #eff0f4; }
.list-table-right-bottom.thin-scroll-bar::-webkit-scrollbar-thumb:horizontal, .list-table-right-bottom.thin-scroll-bar::-webkit-scrollbar-track:horizontal { border-top: 1px solid #eff0f4; border-bottom: 1px solid #eff0f4;}

.list-table-left {
	border-right: 1px solid #eff0f4;
}
.list-table-left-top { overflow: hidden; }

.list-table-left-bottom-scroll {
	height: 10px;
	background: #fff;
	border-bottom: 1px solid #eff0f4;
	border-top: 1px solid #eff0f4;
	border-right: 1px solid #eff0f4;
}

.list-table-right-top-scroll {
	height: 36.5px;
	width: 10px;
	background: #fff;
	float: right;
	border: 1px solid #eff0f4; 
	border-right: none;
	border-bottom: none;
}

.p5l {padding-left: 5px !important;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.list-table-right-bottom-scroll {
		width: 17px;
		height: 17px;		
		margin-top: -17px;
	}	
	.list-table-right-top {
		width: calc(100% - 17px);
	}
	.list-table-right-top-scroll {
		width: 17px;
	}
	.list-table-left-bottom-scroll {
		height: 17px;
	}
	.list-table-left-bottom {
		height: 493px;
		max-height: 493px;
	}
}
.list-table-right-bottom-scroll {
	width: 10px;
	height: 10px;
	background: #fff;
	position: absolute;
	right: 0;
	float: right;
	margin-top: -10px;
	border: 1px solid #eff0f4;
}

.table-container.thin-scroll-bar {
	/*overflow-x: auto;*/
	background: #fff;
	/*overflow-x: visible;*/
}

.mob-table-col, 
.mob-table-td
{ display: none; }
/*.list-table-right-top tr td:not(.mob-table-td):nth-of-type(4), .list-table-right-bottom tr td:not(.mob-table-td):nth-of-type(4) {border-left: none;}*/

.table-container table { table-layout: fixed; }

.table-container table td {
	width: fit-content;
}
#wide-section .paging {
	text-align: center;
	padding: 30px;
	background: #fff;
	color: #000;
	font-weight: 300;
	font-size: 13px;
	margin-top: 0;
}

#wide-section .paging a, #wide-section .paging span, #wide-section .paging strong {
	width: 30px;
	height: 30px;
	display: inline-block;
	margin: 0 2px;
	color: #696c71;
	font-weight: normal;
	line-height: 30px;
	background: #f6f8f9;
	color: #b1b3b7;
}
#wide-section .paging strong {
	color: #4789e7;
	border: 1px solid #4789e7;
	background: #fff;
	vertical-align: top;
}

#wide-section .paging svg {
	fill: #b1b3b7;
}

#wide-section .paging [disabled] svg {
	/*display: none;*/
	fill: #d1d3d5;
}

.ico-orderby svg {fill : #696c71;}

.datebox .disabled {
	color: #eee !important;
}

.tableCon-wrap .list-table { border-top: 1px solid #eff0f4; border-bottom: 1px solid #eff0f4; }
.tableCon-wrap .list-table tbody:nth-child(2n-1) tr:not(.head-row, .notice-tr) td { background: #f5f6f7; }
.tableCon-wrap .list-table tbody:hover tr:not(.head-row, .notice-tr) td, .tableCon-wrap .list-table tbody.over tr:not(.head-row, .notice-tr) td { background: #f2f6fb; }
.tableCon-wrap .list-table tr td { height: 25px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.tableCon-wrap .list-table tr td {padding: 0 10px;}
.tableCon-wrap .list-table tr td + td,
.tableCon-wrap .list-table tr td + td + td {
	border-left: 1px solid #eff0f4;
}

.list-table .notice-td {display: table-cell!important; height: 40vh; text-align: center; }
.list-table .notice-tr { min-height: 400px; cursor: default; }
@media only screen and (max-width: 767px) {
	.list-table .notice-td { height: calc(100vh - 153px); }
}

.list-table.bb-0-m > tbody { border-bottom: none!important; }

.thin-scroll-bar {
	scrollbar-width: thin;
}
.thin-scroll-bar::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #fff;
}

.thin-scroll-bar::-webkit-scrollbar-thumb {
	background: #d1d3d5;
}

.thin-scroll-bar::-webkit-scrollbar-track {
	background: #eff0f4;
}

.btn-apply { 
	width: 160px; 
	height: 30px;
	border-radius: 3px; 
	background-color: #4789e7; 
	border: none;
	color: #fff;
}

#section-top-menu {
	background: #eff0f4;
	margin-bottom: -1px;
	overflow-x : auto;
}

#section-top-menu .nav-container { 
	padding: 0;
	height: 50px;
	border-bottom: none;
	display: flex;
	overflow: auto;
}

#section-top-menu .sub-navbar {
	display: flex;
	flex: 1;
}

#section-top-menu .sub-navbar.f-right { justify-content: flex-end; }

#section-top-menu .sub-navbar li {
	min-width: 100px;
	text-align: center;
	padding: 0;
}

#section-top-menu .sub-navbar.f-right li a {
	padding: 14px 10px 13px;
	height: 100%;
	line-height: 1.6;
}

#section-top-menu .sub-navbar > li.active:after {
	display: none;
}

#section-top-menu .sub-navbar li svg {
	margin-top: -3px;
	vertical-align: middle;
}

#section-top-menu .sub-navbar li a {
	color: #222428;
	font-size: 14px;
	padding: 14px 5px 13px;
	width: 100%;
}

#section-top-menu .sub-navbar li.active a {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: #fff;
}

#section-top-menu .sub-navbar li a:hover:not(li.active a) {
	background: #F4F5F9;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}


.fix-item-area { display: table; margin-top: 6px; border-collapse: collapse; width: 320px; margin-bottom: 40px;}
.fix-item-unit { display: table-cell; width: calc(100% / 4); flex-basis: 25%; padding: 10px; height: 40px; line-height: 18px; border: 1px solid #dbdde2; color: #b1b3b7; border-right: none; cursor: pointer; } 
.fix-item-unit:last-child { border-right: 1px solid #dbdde2; }
.fix-item-unit.active {color: #4789e7; border-color: #4789e7; border: 1px solid #4789e7; }
.list-item-order { height: 300px; overflow-y: auto; border: 1px solid #dbdcdf; display: inline-block; border-top: none; width: 100%; }
.list-item-order .list-item-row {width: 100%; height: 32px; padding: 6px 10px; text-align: left; cursor: pointer; line-height: 20px; }
.list-item-order .list-item-row.active, .list-item-order .list-item-row:hover { background: #f1f6fc; color: #4789e7;}
.list-item-order .list-item-row input[type=checkbox] { display:none; }
.list-item-order .list-item-row label {font-size: 14px; font-weight: 300; letter-spacing: -0.7px; line-height: 14px; vertical-align: super; }

.list-item-order .list-item-row > svg { fill: #a8adb4; margin-left: 6px; }

.popover .delivery-tooltip .title.product-weight:before { content: ' '; height: 1px; display: block; background-color: #f1f1f1; margin-top: 10px; margin-bottom: 10px; }

.modal-default .modal-dialog.cl-cmmodal.cl-changePro-modal { padding: 35px 0; overflow:hidden; }

#flat-modal .list-item-box { margin: 0 auto; text-align: left; position: relative; }
#flat-modal .list-item-box svg {margin-left: 0; margin-right: 6px;}
#flat-modal .list-item-box .list-item-title svg { margin-left:0; margin-right: 6px; fill: #d1d3d5; vertical-align: bottom;}
#flat-modal .list-item-box .list-item-title.active svg { fill: #4789e7; }
#flat-modal .list-item-box .item-box { height: 420px; display: flex; flex-direction: column; }
#flat-modal .list-item-box .fix-item-box  {background: #f8f8f8; flex: 0 0 120px; flex-direction: column; border: 1px solid #dbdcdf; border-bottom: none; padding-right: 10px;}
#flat-modal .list-item-box .fix-item-box.no-item { border: 1px dashed #4789e7; background: #fff; color: #4789e7; text-align: center; padding-top: 35px;}
#flat-modal .list-item-box .fix-item-box .list-item-row .ico-fixed { fill: #4789e7; }
#flat-modal .list-item-box .ui-sortable-placeholder { border: 1px solid #4789e7; visibility: visible !important; }
#flat-modal .list-item-box .ui-sortable-helper { background: #fff;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16); }
#flat-modal .list-item-box .list-item-row svg { fill: #d1d3d5; vertical-align: middle; margin-top: -5px; }
#flat-modal .list-item-box .list-item-row .handle { position: absolute; right: 12px; top: calc(50% - 6px); display: none; fill: #a8adb4; }
#flat-modal .list-item-box .list-item-row .ico-view { width: 40px; margin-right: 0; padding-right: 6px; padding-left: 10px; height: 100%; }
#flat-modal .list-item-box .list-item-row.active .ico-view { fill: #4789e7; }
#flat-modal .list-item-box .list-item-row { height: 40px; line-height: 40px; padding: 0 11px; font-weight: 300; position: relative; cursor: pointer; }
#flat-modal .list-item-box .list-item-row:hover {background: #f1f6fc;}
#flat-modal .list-item-box .list-item-row:hover .handle {display: block;}
#flat-modal .order-item-box { flex: 1; flex-direction: column; overflow-y: scroll; border: 1px solid #dbdcdf; border-top: none; }
#flat-modal .order-item-box .list-item-row { padding: 0 11px 0 0; }
#flat-modal .list-item-title { position: relative; margin-bottom: 10px; display: inline-block; cursor: pointer; line-height: 25px; font-weight: 300; padding-left: 11px; }
#flat-modal .list-item-title.active svg { fill: #4789e7; }
#flat-modal .list-item-box .btn-reset {cursor: pointer; color:#8a8d92; margin-top: 10px; padding-right: 5px; text-align: right; font-weight: 300;}
#flat-modal .list-item-box .btn-reset svg { fill: #8a8d92; }

/*.fix-item-box.no-item svg + .popover { top: 252px !important; left: 112px !important; }*/

.section-search .search-box .change-date-box .datebox:last-child {
	margin-left: 5px;
	margin-right: 0;
}

.only-pc-inline {display: inline-block;}
.only-pc-block {display: block;}
.only-pc-col {display: table-column;}
.only-pc-td {display: table-cell;}
.only-mobile-inline, .only-mobile-block, .only-mobile-col, .only-mobile-td {display: none;}

/* 쇼핑 관리자 주문조회 2021-01-21 최성진 ****************/


/* 쇼핑 관리자 주문 상태별 페이지 2021-03-04 최성진 ************/
.shopping-dashboard .paging {
	text-align: center;
	padding: 30px;
	background: #fff;
	color: #000;
	font-weight: 300;
	font-size: 13px;
	margin-top: 0;
}

.shopping-dashboard .paging:empty { display: none; }

.shopping-dashboard .paging a, .shopping-dashboard .paging span, .shopping-dashboard .paging strong {
	width: 30px;
	height: 30px;
	display: inline-block;
	margin: 0 2px;
	color: #696c71;
	font-weight: normal;
	line-height: 30px;
	background: #f6f8f9;
	color: #b1b3b7;
}
.shopping-dashboard .paging strong {
	color: #4789e7;
	border: 1px solid #4789e7;
	background: #fff;
	vertical-align: top;
}

.shopping-dashboard .paging svg {
	fill: #b1b3b7;
}

.shopping-dashboard .paging [disabled] svg {
	/*display: none;*/
	fill: #d1d3d5;
}

.submenu_navWrap .common-selectbox {
	display: inline-block;
    width: auto;
    height: 26px;
    position: absolute;
    top: 28px;
    right: 75px;
}

.submenu_navWrap { height: 50px; background: #fff; padding: 0;border-bottom:1px solid #eff0f4; }
.submenu_navWrap .submenu_nav { height: 100%; display: flex; }
.submenu_navWrap .submenu_nav ul { height: 100%; display: inline-flex; }
.submenu_navWrap .submenu_nav ul:first-child { overflow-x: auto; }
.submenu_navWrap .submenu_nav ul.f-right { flex: 1 1; justify-content: flex-end; }
.submenu_navWrap .submenu_nav ul li { height: 100%; text-align: center; white-space: nowrap; }
.submenu_navWrap .submenu_nav li + li { padding: 0; }
.submenu_navWrap .submenu_nav li.search { padding: 15px; color: #3c4450; font-size: 14px; cursor:pointer; font-weight: 300; line-height: 16px; margin-left: 10px;}
.submenu_navWrap .submenu_nav li.search span { margin-right: 5px; vertical-align: bottom; color: #000;}
.submenu_navWrap .submenu_nav ul li a { display: inline-block; padding: 15px; height:100%; line-height: 16px; font-weight: 400; }
.submenu_navWrap .submenu_nav ul li a.active { border-bottom: 3px solid #4789e7; }
.submenu_navWrap .submenu_nav ul li a:hover:not(.active) { color: #000; border-bottom:3px solid rgba(107,137,231, .15); }
.submenu_navWrap .submenu_nav ul li.search:hover { color: #000; border-bottom:3px solid rgba(107,137,231, .15); }
.submenu_navWrap .submenu_nav .sub-menu:after{ display: none; }

button.btn-naverpay-sync { min-width: 126px; padding-left: 30px; height: calc(100% - 17px); margin: 9px 30px 9px 0; color: #696c71; font-size: 13px; font-weight: 300; background-color: #fff; border: 1px solid #dbdde2; border-radius: 0;}
button.btn-naverpay-sync svg { position: absolute; margin-top: 1px;}
button.btn-naverpay-sync svg.ico-naverpay { margin-left: -20px; margin-top: 3px; }
button.btn-naverpay-sync svg.cm-popover-info { fill: #b1b3b7;  }
button.btn-naverpay-sync.btn-naverpay-sync-mobile { display: none; }

.dashbottom-wrap .btn-util-section { height: 50px; background: #fff; padding:10px 30px; text-align:right; max-width: 100%; }

.dashbottom-wrap .btn-util-section .list-limit-option, .dashbottom-wrap .btn-util-section .download-option, .dashbottom-wrap .btn-util-section .tracking-option { min-width: 115px; display:inline-block; cursor: pointer; font-weight: 300; line-height: 16px; }
.dashbottom-wrap .btn-util-section .download-option { min-width: 100px; height: 30px; border: 1px solid #dbdcdf; padding: 3px 10px 3px 10px; vertical-align: top; line-height: 22px; text-align: left; color: #696c71; position: relative; padding-right: 30px; }
.dashbottom-wrap .btn-util-section .download-option svg { fill: #696c71; position: relative; right: -20px; top: -2px; }
.dashbottom-wrap .btn-util-section .download-option .download-option-items { display: none; position: absolute; left: 0; min-width: 120px; border-radius: 3px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background:#fff; padding: 5px 0; top: calc(100% + 1px); z-index: 3; }
.dashbottom-wrap .btn-util-section .download-option .download-option-items .download-option-item { padding: 6px 15px 5px 15px; font-weight: 300; }
.dashbottom-wrap .btn-util-section .download-option .download-option-items .download-option-item:hover { background: #f3f4f5; }

.dashbottom-wrap .btn-util-section .tracking-option { min-width: 100px; height: 30px; border: 1px solid #dbdcdf; padding: 3px 10px 3px 10px; vertical-align: top; line-height: 22px; text-align: center; color: #696c71; }
.dashbottom-wrap .btn-util-section .tracking-option label { font-weight: 300; cursor: pointer; }

.dashbottom-wrap .btn-util-section .btn-batch-group { display: flex; float: left; column-gap: 10px; }
.dashbottom-wrap .btn-util-section .btn-option-group { display: flex; justify-content: flex-end; column-gap: 5px; }
.dashbottom-wrap .btn-util-section .btn-batch-proc { display: inline-block; padding: 0 10px; border: 1px solid #dbdcdf; color: #696c71; font-weight: 300; min-width: 116px; text-align: center; height: 30px; line-height : 26px; font-size: 14px; background-color: #ffffff; }
.dashbottom-wrap .btn-util-section .btn-batch-proc:hover { background-color:  #F9F9F9; }
.dashbottom-wrap .btn-util-section .btn-batch-proc.primary { background-color: #4789e7; color: #ffffff; border: none; line-height: 28px; }
.dashbottom-wrap .btn-util-section .btn-batch-proc.primary:hover { background-color : #266CD1; }

.dashbottom-wrap .btn-util-section .state-option { display: inline-block; height: 30px; min-width: 110px;  font-weight: 300; vertical-align: top; position: relative; user-select: none; text-align: left; }
.dashbottom-wrap .btn-util-section .state-option.checkbox-title > svg { fill: #696c71; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; pointer-events: none;  }



.tracking-upload-desc li { position: relative; padding-left: 10px; list-style: none; font-size: 14px; text-align: left; color: #696c71; font-weight: normal; }
.tracking-upload-desc li:before {
	position: absolute;
	content: '·';
	top:0;
	left:0;
}

.dashbottom-wrap .btn-util-section .common-selectbox svg { left: unset; pointer-events: none; right: 10px; }
.dashbottom-wrap .btn-util-section .common-selectbox .bootstrap-select { height: auto !important;} 
.dashbottom-wrap .btn-util-section .common-selectbox .bootstrap-select .btn.dropdown-toggle { height: 30px; padding: 3px 10px 3px; border-radius: 0; font-size: 13px;font-weight: 300; border-color: #dbdcdf; }
.dashbottom-wrap .btn-util-section .common-selectbox .bootstrap-select .btn.dropdown-toggle .filter-option { line-height: 22px;}
.dashbottom-wrap .btn-util-section .common-selectbox .bootstrap-select .btn.dropdown-toggle ~ .dropdown-menu { border-color: #dbdcdf; min-height: unset !important; border-radius: 0; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px 0px; margin-top: -1px; }
.dashbottom-wrap .btn-util-section .common-selectbox .bootstrap-select .btn.dropdown-toggle ~ .dropdown-menu  li > a { color: #696c71; font-weight: 300; font-size: 13px; padding: 5px 10px; }

.shopping-dashboard.flex-container {display:flex; flex-wrap: wrap; padding-left: 30px; padding-right: 30px; padding-bottom: 30px; justify-content: space-between;}
.shopping-dashboard .left-div {flex: 1 0 415px; overflow-x: hidden; display: flex; flex-direction: column;}
.shopping-dashboard .left-div .body-div { flex: 1 1 auto; overflow-x: scroll; overflow-y: auto; scrollbar-width: none; }
.shopping-dashboard .left-div .body-div::-webkit-scrollbar { width: 0; }
.shopping-dashboard .right-div {width:calc(100% - 417px); flex: 0 0 calc(100% - 417px); position: relative; display: flex; flex-direction: column; }
.shopping-dashboard .right-div .tablecon-wrap.head-div { width: 100%; overflow-x: hidden; max-width: 100%; flex: 0 0 auto;  }
.shopping-dashboard .right-div .tablecon-wrap.head-div::-webkit-scrollbar-track { background-color: #f8fbfd; }
.shopping-dashboard .right-div .tablecon-wrap.body-div { flex: 1 1 auto; overflow: auto; }

.shopping-dashboard .left-div .body-div table tbody:nth-child(2n-1) td , .shopping-dashboard .right-div .body-div table tbody:nth-child(2n-1) td {
	background-color: #f5f6f7;
}
.shopping-dashboard .right-div .tablecon-wrap.head-div th:first-child, .shopping-dashboard .right-div .tablecon-wrap.body-div td:first-child { border-left: none; }
 
.shopping-dashboard .tablecon-wrap.head-div table tr th, .shopping-dashboard .tablecon-wrap.body-div table tr td {border-left: 1px solid #eff0f4; border-right: 1px solid #eff0f4; }
.shopping-dashboard .tablecon-wrap.body-div tr:hover td, .shopping-dashboard .tablecon-wrap.body-div tr.over td { background: #f1f6fc !important; }
.shopping-dashboard .tablecon-wrap.head-div tr th { color: #696c71; height: 35px; border-right: 1px solid #eff0f4 !important; background-color: #f8fbfd ; }

.head-div th, .body-div td:not(.date-td) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.shopping-dashboard .list-table > tbody tr td.etc-date-td{text-align: left; padding: 0 5px;}

.right-div .body-div .det-popup { position: absolute; right:10px; top: calc(50% - 7px); cursor: default; }

.naverpay-process-only.w100 { width: 100% !important; }

/* 쇼핑 관리자 주문 상태별 페이지 2021-03-04 최성진 ************/



/* 쇼핑 통계 페이지 */


.statistics-container label input[type='checkbox']:not(:checked) + svg { display: none; }
.statistics-container label input[type='checkbox']:checked + svg { fill: #4789e7; margin-right: 5px; margin-top: -2px; vertical-align: middle;}
.statistics-container label input[type='checkbox'] + svg + svg { fill: #dbdcdf; margin-right: 5px; margin-top: -2px; vertical-align: middle;}
.statistics-container label input[type='checkbox']:checked + svg + svg { display: none; }

.statistics-container {
    background: #fff;
}

.statistics-top { padding: 30px; }
.statistics-top .statistics-title { display: inline-block; font-size: 18px; color: #222428; width: auto; margin-right: 50px;}
.statistics-top .btn-naverpay-sync { vertical-align: top; margin: 0; margin-left: 20px; height: 36px; }

.statistics-container .statistics-top .util-left { display: inline-table; }
.statistics-container .statistics-top .util-left > div { display: table-cell; min-width: 100px; background: #fff; color: #9ca3a9; height: 36px; border: 1px solid #dbdde2; text-align: center; vertical-align: middle; cursor: pointer; }
.statistics-container .statistics-top .util-left > div.active { background: #4789e7; color: #fff; border-color: #4789e7;}

.statistics-top .btn-filter { display: inline-block; border: 1px solid #dbdde2; padding: 0px 15px; line-height: 34px; min-width: 76px; height: 36px; font-size: 13px; color: #b1b3b7; cursor: pointer; float: right; margin-right: 30px;}
.statistics-top .btn-filter svg { margin-left: 9px; vertical-align: -2px; fill: #b1b3b7;}
.statistics-top .btn-filter.active { border: 1px solid #4789e7; background: #fff; color: #4789e7; }
.statistics-top .btn-filter.active svg { fill: #4789e7; }
.statistics-top .filter-pop { width: 595px; border: 1px solid #dbdde2; background: #fff; display: inline-block; position: absolute; display: none; z-index: 2; user-select: none; }
.statistics-top .mobile-btn-filter { display: none; }

.statistics-top .filter-pop .filter-check-area { padding-bottom: 17px; max-height: 340px; overflow-y: auto; overflow-x: hidden; }
.statistics-top .filter-pop .close { display: inline-block; position: absolute; width: 12px; height: 12px; line-height: 6px; top: 6px; right: 8px; cursor: pointer; display: none; }
.statistics-top .filter-pop .filter-pop-content { padding: 25px;  }
.statistics-top .filter-pop .select-list { border-top: 1px solid #eff0f4; padding: 15px 0; }
.statistics-top .filter-pop .select-list .select-item { display: inline-block; padding: 5px 15px 6px 14px; background: #f2f5f6; color: #767a83; border-radius: 50px; margin-right: 5px; margin-bottom: 5px; font-size: 13px; font-weight: 300; }
.statistics-top .filter-pop .select-list .select-item svg { fill: #767a83; margin-left: 5px; cursor: pointer; }
.statistics-top .filter-pop .btn-area { border-top: 1px solid #dbdcdf; padding: 10px 20px; text-align: right;}
.statistics-top .filter-pop .btn-area .btn-reset { display: inline-block; color: #767a83; float: left; height: 30px; position: relative; padding-left: 25px; line-height: 30px; font-weight: 300; }
.statistics-top .filter-pop .btn-area .btn-reset svg { fill: #767a83; position: absolute; margin-top: 3px; left: 0; }
.statistics-top .filter-pop .btn-area .btn-area-ok { background: #4789e7; font-size: 13px; color: #fff; padding: 6px 16px 6px; }
.statistics-top .filter-pop .btn-area .btn-area-cancel { color: #696c71; font-size: 13px; padding: 6px 16px 6px; background: #fff; }

.statistics-top .filtered-list { display: inline-block; margin: 10px 0 0; vertical-align: top; width: 100%; }
.statistics-top .filtered-list .select-item { display: inline-block; padding: 5px 15px 6px 14px; background: #f2f5f6; color: #767a83; border-radius: 50px; margin-right: 5px; margin-top: 2px; margin-bottom: 3px; font-size: 13px; font-weight: 300; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.statistics-top .filtered-list .select-item svg { fill: #767a83; margin-left: 5px; cursor: pointer; }

.statistics-top .date-box { display: inline-flex; float: right; height: 36px; }
.statistics-top .date-box .date-btn { flex: 0 0 30px; display: inline-block; height: 36px; border: 1px solid #dbdde2; padding: 7px 8px; cursor: pointer; }
.statistics-top .date-box .duration { flex: 0 0 auto; display: inline-flex; min-width: 234px; height: 100%; text-align: center; border: 1px solid #dbdde2; line-height: 30px; border-width: 1px 0; position: relative; cursor: pointer;}
.statistics-top .date-box .duration span.duration-title { color: #696c71; padding: 0 0 0 10px; cursor: pointer; line-height: 34px; flex: 1 1 auto; max-width: 40%;}
.statistics-top .date-box .duration input { border: none; height: 34px; color: #222428; text-align: center; margin: 0 auto; cursor: pointer; line-height: 34px; flex: 1 1 auto;}

.filter-pop .filter-top-line { display: flex; padding-bottom: 5px; }
.filter-pop .filter-top-line .chk-product { flex: 0 0 150px; font-size: 12px; color: #4789e7; font-weight: 300; position: relative;}
.filter-pop .filter-top-line .chk-product label {font-size: 13px; color: #4789e7; font-weight: 300; padding-left: 25px;}
.filter-pop .filter-top-line .chk-product svg { position: absolute; top: 6px; left: 0; }

.filter-pop .filter-top-line .title-category { flex: 0 0 auto; padding-left: 14px; font-size: 13px; color: #4789e7; font-weight: 300; }
.filter-pop .filter-item-box .filter-item-line { display: flex; min-height: 43px; width: 100%; padding-bottom: 5px; }
.filter-pop .filter-item-box > .filter-item-line { padding: 5px 0; }
.filter-pop .filter-item-box .filter-item-line .filter-item-title { display: inline-block; flex: 0 0 150px; word-break: break-all; }
.filter-pop .filter-item-box .filter-item-line .filter-item-title label { margin-bottom: 0; cursor: pointer; color: #222428; font-weight: 300; position: relative; padding-left: 25px;}
.filter-pop .filter-item-box .filter-item-right { display: inline-flex; flex-wrap: wrap; width: 100%; }
.filter-pop .filter-item-box .filter-item-line .filter-item-title label svg {position: absolute; left: 0; top: 6px;}
.filter-pop .filter-item-box .filter-item { margin-bottom: 5px; display: inline-block; padding: 2px 15px 3px 14px; background: #fff; color: #767a83; margin-right: 5px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; }
.filter-pop .filter-item-box .filter-item.active { color: #4789e7; border-radius: 50px; border: 1px solid #4789e7; padding: 1px 14px 2px 13px; height: 28px;}
.filter-pop .filter-item-box .filter-item.disabled { color: #ced0d4; }

#chart-div { position: relative; }
/*canvas.chart-area {margin-top: 45px; padding: 0px 30px; }*/

#chartjs-tooltip {
    background: #fff;
    border: 1px solid #dbdde2;
    padding: 10px 15px;
    min-width: 150px;
}

#chartjs-tooltip:before { content: ' ';width: 16px; height: 16px; position: absolute; background:#fff; transform: rotate(45deg); }

#chartjs-tooltip .custom-tooltip_yAxis { display : flex; font-size: 13px; font-weight: normal; }
#chartjs-tooltip .custom-tooltip_yAxis:nth-child(2) { color: #4789e7; }
#chartjs-tooltip .custom-tooltip_yAxis:nth-child(3) { color: #54ce68; }
#chartjs-tooltip .custom-tooltip_yAxis div:nth-child(1) { flex: 0 0 40%; }
#chartjs-tooltip .custom-tooltip_yAxis div:nth-child(2) { flex: 0 0 60%; text-align: right; color: #696c71; }

#chartjs-tooltip.y-top { margin-top: 15px; }
/*#chartjs-tooltip.y-center { margin-top: -18px; }*/
#chartjs-tooltip.y-bottom { margin-bottom: 15px; }
#chartjs-tooltip.x-left { margin-left: 15px; }
/*#chartjs-tooltip.x-center { margin-left: 2.75%; }*/
#chartjs-tooltip.x-right { margin-right: 15px; }

#chartjs-tooltip.y-top.x-right:before { transform: none; border: 10px solid transparent; border-top: 10px solid red; border-bottom: none; }
#chartjs-tooltip.y-top.x-right:after { content: ' '; width:16px; height: 16px; position: absolute; background:#fff;border: 10px solid transparent; border-top: 10px solid green; top: -8px; right: -8px; }
#chartjs-tooltip.y-top:before { top: -8px; border-top: 1px solid #dbdde2; border-left: 1px solid #dbdde2;}
#chartjs-tooltip.y-bottom:before { bottom: -8px; 
    border-right: 1px solid #dbdde2;
    border-bottom: 1px solid #dbdde2;}
#chartjs-tooltip.y-center:before {top: 37px;}
#chartjs-tooltip.x-center:before { left: calc(50% - 8px); }
#chartjs-tooltip.x-right:before { right: -8px; border-right: 1px solid #dbdde2;
    border-top: 1px solid #dbdde2;}
#chartjs-tooltip.x-left:before { left: -8px; border-left: 1px solid #dbdde2;
    border-bottom: 1px solid #dbdde2; }


.statistics-container .summary-area { height: 90px; background: #f8fbfd; display: flex; flex-direction: row; justify-content: space-between; margin-top: 50px; margin-bottom: 18px;}
.statistics-container .summary-area > div { flex: 1 1 auto; text-align: center; padding: 23.5px 0 16.5px 0; }
.statistics-container .summary-area .main { font-size: 14px; color: #696c71; font-weight: 300; margin-top: -5px; padding-bottom: 5px; }
.statistics-container .summary-area .sub { font-size: 16px; color: #696c71; font-weight: 500; }
.statistics-container .summary-area .duration { flex: 0 0 200px; min-width: 200px; }
.statistics-container .summary-area .duration .main { font-size: 18px; color: #222428; border-right: 1px solid #dbdde2; font-weight: 500; }
.statistics-container .summary-area .duration .sub { font-size: 13px; color: #696c71; border-right:1px solid #dbdde2; }
.statistics-container .summary-area .order { position: relative; }
.statistics-container .summary-area .order:before { content: ' '; position: absolute; left: calc(50% - 23px); width: 46px; height: 2px; top: 0; background: #4789e7; }
.statistics-container .summary-area .order-important:before { background: #4789e7 !important; }
.statistics-container .summary-area .order .main { font-size: 14px; color: #4789e7; font-weight: 300; }
.statistics-container .summary-area .order-important .main { color: #4789e7 !important; }
.statistics-container .summary-area .order .sub { font-size: 16px; color: #4789e7; font-weight: 500; }
.statistics-container .summary-area .order-important .sub { color: #4789e7 !important; }
.statistics-container .summary-area .sale { position: relative; }
.statistics-container .summary-area .sale:before { content: ' '; position: absolute; left: calc(50% - 23px); width: 46px; height: 2px; top: 0; background: #54ce68; }
.statistics-container .summary-area .sale-important:before { background: #54ce68 !important; }
.statistics-container .summary-area .sale .main { font-size: 14px; color: #42bf57; font-weight: 300; }
.statistics-container .summary-area .sale-important .main { color: #42bf57 !important; }
.statistics-container .summary-area .main > svg { margin-left: 5px;}
.statistics-container .summary-area .sale .sub { font-size: 16px; color: #42bf57; font-weight: 500; }
.statistics-container .summary-area .sale-important .sub { color: #42bf57 !important; }
.statistics-container .summary-area .summary-btn-item { flex: 0 0 auto; padding: 20px 30px; }
.statistics-container .summary-area .summary-btn-item .btn-item { min-width: 44px; height: 32px; border: 1px solid #dbdde2; background: #fff; color: #696c74; font-weight: 300; font-size: 13px; display: inline-block; line-height: 30px; margin-top: 10px; cursor: pointer;}
.statistics-container .summary-area .display-item { display: flex; padding: 0 30px; overflow-x: auto; padding-right: 0; justify-content: flex-start; }
.statistics-container .summary-area .display-item div.display-item-column { flex: 0 0 auto; display: flex; flex-direction: column; justify-content: center; margin-right: 30px; cursor: pointer; position: relative;}
.statistics-container .summary-area .display-item div.display-item-column:last-child { margin-right: 0; }
.statistics-container .summary-area .display-item div.display-item-column:not(.order, .sale):hover:before { content: ' '; position: absolute; left: calc(50% - 23px); width: 46px; height: 2px; top:0; background: #eeeef0; }
.statistics-container .summary-area.duration-summary-area .display-item .display-item-column { flex: 0 0 auto; min-width: 100px; }
.statistics-container .summary-area.product-summary-area .display-item .display-item-column { flex: 0 0 auto; min-width: 84px; }

.statistics-container .util-row { padding: 12px 30px; height: 56px; text-align: right; }
.statistics-container .util-row:not(.fixed) { width: 100% !important; }
.statistics-container .util-row .util-left { float: left; text-align: left; width: calc(100% - 260px);}
.statistics-container .util-row .util-left > div { display: inline-block; min-width: 100px; background: #fff; color: #9ca3a9; height: 32px; border: 1px solid #dbdde2; text-align: center; vertical-align: middle; cursor: pointer; line-height: 30px; }
.statistics-container .util-row .util-left > div.active { background: #4789e7; color: #fff; border-color: #4789e7;}
.statistics-container .util-row .util-left .btn-back { border: 1px solid #4789e7; color: #4789e7; position: relative; padding-left: 4px;}
.statistics-container .util-row .util-left .btn-back > svg { fill: #4789e7; position: absolute; margin-left: -8px; margin-top: 8px; }
.statistics-container .util-row .util-left .btn-back > span { margin-left: 10px; }
.statistics-container .util-row .util-left .product-title { border: none; margin-left: 20px; display: inline-block; line-height: 30px; font-size: 14px; color: #696c71; font-weight: 300; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: left;}
.statistics-container .util-row .util-right { display: inline-block; }
.statistics-container .util-row .util-right.disabled { pointer-events: none; opacity: .5; }
.statistics-container .util-row .util-right .list-limit-option { display: inline-block; height: 32px; margin-right: 10px; vertical-align: bottom; }
.statistics-container .util-row .util-right .list-limit-option .common-selectbox { float: none; }
.statistics-container .util-row .util-right .list-limit-option .common-selectbox .bootstrap-select { height: 32px; }
.statistics-container .util-row .util-right .list-limit-option .common-selectbox .bootstrap-select button { height: 32px; padding: 0 10px; line-height: 30px; border-radius: 0}
.statistics-container .util-row .util-right .list-limit-option .common-selectbox .bootstrap-select .dropdown-menu,
.statistics-container .util-row .util-right .list-limit-option .common-selectbox .bootstrap-select .dropdown-menu .inner { min-height: auto !important; }
.statistics-container .util-row .util-right .list-limit-option .common-selectbox .bootstrap-select .filter-option { padding-right: 20px; }
.statistics-container .util-row .util-right .list-limit-option .common-selectbox .bootstrap-select .filter-option-inner-inner { font-size: 13px; font-weight: 300; }
.statistics-container .util-row .util-right .list-limit-option .common-selectbox svg { left: 85%; }
.statistics-container .util-row .util-right .btn-download { display: inline-block; min-width:72px; height: 32px; background: #fff; color: #696c71; border: 1px solid #dbdde2; text-align: center; line-height: 30px; margin-right: 10px; font-weight: 300; cursor: pointer; }
.statistics-container .util-row .util-right .btn-item { display: inline-block; min-width: 44px; height: 32px; background: #fff; color: #696c71; border: 1px solid #dbdde2; text-align: center; line-height: 30px; font-weight: 300; cursor: pointer; }

.statistics-container .list-section table thead td { cursor: pointer; }
.statistics-container .list-section table thead td svg { fill: #b1b3b7; margin-left: 5px; vertical-align: top; margin-top: 8px; }
.statistics-container .list-section table td.sorted { font-weight: 500 !important; color: #222428 !important; }
.statistics-container .list-section table td.sorted svg { fill: #222428; }
.statistics-container .list-section table td {
    border : 1px solid #eff0f4;
}

#flat-modal .list-item-box .fix-item-box.statistics-fix-item-box { flex: 0 0 40px }
#flat-modal .summary-item-box { flex: 1; flex-direction: column; overflow-y: scroll; border: 1px solid #dbdcdf; }
#flat-modal .summary-item-box .list-item-row { padding: 0 11px 0 0; }

.statistics-container .list-section { display: flex; flex-wrap: nowrap; padding: 0 30px 30px; width: 100%; }
.statistics-container .list-section table { table-layout: fixed; margin-bottom: 0; }
.statistics-container .list-section table tr { height: 40px; }
.statistics-container .list-section table tbody tr:hover td, .statistics-container .list-section table tbody tr.over td { background-color: #f2f6fb; }
.statistics-container .list-section table thead tr { height: 35px; }
.statistics-container .list-section table thead td { padding: 6px 8px; border-top: 1px solid #eff0f4 !important; }
.statistics-container .list-section .list-table-left table thead.fixed tr, .list-section table thead.fixed td:not(.mob-table-td) { display: block; }
.statistics-container .list-section .list-table-right table thead.fixed { overflow: hidden; z-index: 2 !important; border-left: 1px solid #eff0f4; }
.statistics-container .list-section .list-table-right table thead.fixed tr {display: inline-flex; overflow: hidden;} 
.statistics-container .list-section .list-table-right table thead.fixed td:not(.mob-table-td) { display: inline-block; }

.statistics-container .list-section table td {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.statistics-container .list-section.list-section-product .list-table-left { flex: 1 1 360px; border-right: 1px solid #eff0f4 ; position: relative;}
.statistics-container .list-section.list-section-duration .list-table-left { flex: 1 1 150px; border-right: 1px solid #eff0f4 ; width: 150px;}
.statistics-container .list-section.list-section-option .list-table-left { flex: 1 1 185px; border-right: 1px solid #eff0f4;}

.statistics-container .list-section.list-section-product .list-table-left div.popover { position: absolute; }
/*.statistics-container .list-section .list-table-right div.popover { position: relative; }*/

.statistics-container .list-section .list-table-left table td {
	position: relative;
    line-height: 22px;
    color: #696c71;
    font-weight: 300;
}
.statistics-container .list-section .list-table-left table td .info-add-option { 
    position: absolute;
    top: 11px;
    right: 4px;
    color: #fff;
    font-size: 11px;
    font-weight: 300;
    color: #4789e7;
    border:1px solid #4789e7;
    border-radius: 15px;
    padding: 0px 5px;
    line-height: 19px;
}
.statistics-container .list-section .list-table-left table tbody td.img, .statistics-container .list-section .list-table-right table tbody td.img {
    padding: 0;
    position: relative;
}

.statistics-container .list-section .list-table-left table tbody td.img.deleted, .statistics-container .list-section .list-table-right table tbody td.img.deleted {
	background-color: #000;
	cursor: pointer;
}

.statistics-container .list-section .list-table-left table tbody td.img.deleted img, .statistics-container .list-section .list-table-right table tbody td.img.deleted img {
	opacity: .5;
}

.statistics-container .list-section .list-table-left table tbody td.img svg, .statistics-container .list-section .list-table-right table tbody td.img svg {
	position: absolute;
	margin-top: 12px;
	margin-left: 13.3px;
	fill: #fff;
	left: 0;
}

.statistics-container .list-section .list-table-left table tbody .img + td:nth-child(2), .statistics-container .list-section .list-table-right table tbody .img + td:nth-child(2) {
    position: relative;
    padding-right: 20px;
    text-align: left;
}
.statistics-container .list-section .list-table-left table tbody td:nth-child(2) svg, .statistics-container .list-section .list-table-right table tbody td:nth-child(2) svg {
    position: absolute; right: 0; margin-right: 5px; fill: #696c71; margin-top: 4px;
}
.statistics-container .list-section .list-table-left table td:last-child { border-right: none; }
.statistics-container .list-section .list-table-left thead td, .statistics-container .list-section .list-table-right thead td { border-bottom-color: #dbdcdf;  }

.statistics-container .list-section.list-section-product .list-table-right { overflow-x: scroll; flex: 0 0 calc(100% - 361px); border-right: 1px solid #eff0f4;}
.statistics-container .list-section.list-section-duration .list-table-right { overflow-x: scroll; flex: 0 0 calc(100% - 151px); border-right: 1px solid #eff0f4;}
.statistics-container .list-section.list-section-option .list-table-right { overflow-x: scroll; flex: 0 0 calc(100% - 186px); border-right: 1px solid #eff0f4;}
.statistics-container .list-section .list-table-right table td { 
    text-align: center;
    line-height: 22px;
    color: #696c71;
    font-weight: 300;
}

/*.statistics-container .list-section.list-section-product .list-table-right div.popover { min-width: 200px }
.statistics-container .list-section.list-section-option .list-table-right div.popover { min-width: 200px}*/
.statistics-container .list-section-product .price-changed,
.statistics-container .list-section-option .price-changed { position: relative; }
.statistics-container .list-section-product .price-changed svg,
.statistics-container .list-section-option .price-changed svg { position: absolute; fill:#4789e7 !important; }

.statistics-container .list-section.list-section-product .list-table-left-bottom-scroll,
.statistics-container .list-section.list-section-duration .list-table-left-bottom-scroll,
.statistics-container .list-section.list-section-option .list-table-left-bottom-scroll { border-left: 1px solid #eff0f4; border-top : none;  }

/*.statistics-container .list-section .list-table-right table td:last-child { border-right: none; }*/
/*.statistics-container .list-section .list-table-right { border-right: 1px solid #eff0f4; }*/

.statistics-container .list-section.list-section-option td.deleted { padding-right: 20px; position: relative; }
.statistics-container .list-section.list-section-option td.deleted svg { position: absolute; right:0; margin-top: 3px; margin-right: 10px; }
.statistics-container .list-section.list-section-option td .opt-title { max-width: 71%; margin-right: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; line-height: 1.6; vertical-align: middle;}

.statistics-container .paging {
	text-align: center;
	padding: 30px 0;
	background: #fff;
	color: #000;
	font-weight: 300;
	font-size: 13px;
	margin-top: 0;
}

.statistics-container .paging a, .statistics-container .paging span, .statistics-container .paging strong {
	width: 30px;
	height: 30px;
	display: inline-block;
	margin: 0 2px;
	color: #696c71;
	font-weight: normal;
	line-height: 30px;
	background: #f6f8f9;
	color: #b1b3b7;
}
.statistics-container .paging strong {
	color: #4789e7;
	border: 1px solid #4789e7;
	background: #fff;
	vertical-align: top;
}

.statistics-container .paging svg {
	fill: #b1b3b7;
}

.statistics-container .paging [disabled] svg {
	/*display: none;*/
	fill: #d1d3d5;
}
.statistics-container .dummy-td { border-right: none; }

.statistics-container #choice-chart-color { width: 110px; height: 61px; border-radius: 5px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.1); background-color: #fff; border: 1px solid #eff0f4; text-align: center; padding: 15px 18px 14px; display: flex; margin-top: -45px;}
.statistics-container #choice-chart-color > div { width: 32px; height: 32px; border-radius: 50%; border: 1px solid; display: inline-block; cursor: pointer;}
.statistics-container #choice-chart-color #data-color-1 { border-color: #3978d1; background-color: #4789e7; margin-right : 10px;}
.statistics-container #choice-chart-color #data-color-2 { border-color: #32a245; background-color: #42bf57;}
.shopping-statistics-filter-modal .modal-title { display: none; }
.shopping-statistics-filter-modal .modal-body { max-width: none !important; display: flex !important; flex-direction: column; height: 100%; }
.shopping-statistics-filter-modal .modal-content { padding: 0 !important; }
.shopping-statistics-filter-modal .modal-footer { display: none !important;  }
.shopping-statistics-filter-modal .ok-button-dialog { background: #4789e7 !important; border-radius: 0; width: 100%; font-size: 16px; font-weight: 300;}

.shopping-statistics-filter-modal .filter-modal-top { padding: 15px; flex: 0 0 60px; }
.shopping-statistics-filter-modal .filter-modal-top .filter-modal-title { display: inline-block; font-size: 18px; color: #222428; float: left; margin-left: 5px; }
.shopping-statistics-filter-modal .filter-modal-top .btn-reset { display: inline-block; float: right; color: #767a83; line-height: 28px; margin-right: 5px; }
/*.shopping-statistics-filter-modal .filter-modal-top svg { float: right; margin-top: 2px; fill: #767a83; }*/
.shopping-statistics-filter-modal .select-list { text-align: left; padding: 0 15px 15px; }
.shopping-statistics-filter-modal .select-list:empty { display: none; }
.shopping-statistics-filter-modal .select-list .select-item { display: inline-block; padding: 5px 15px 6px 14px; background: #f2f5f6; color: #767a83; border-radius: 50px; margin-right: 5px; margin-bottom: 5px; font-size: 13px; font-weight: 300; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; }
.shopping-statistics-filter-modal .select-list .select-item svg { margin-left: 5px; }
.shopping-statistics-filter-modal .filter-item-box { border-top: 1px solid #e7e8e9; max-height: calc(100% - 120px); overflow-y: scroll; flex: 1 1 auto; }
.shopping-statistics-filter-modal .check-area { display: inline-block; flex: 0 0 46px; height: 100%; }
.shopping-statistics-filter-modal .check-area label { padding: 15px; margin-bottom: 0; height: 100%; }
.shopping-statistics-filter-modal .title-area { display: inline-block; flex: 1 1 auto; padding: 12px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.shopping-statistics-filter-modal .filter-gallery .title-area:last-child { padding-right: 15px; }
.shopping-statistics-filter-modal .filter-category .title-area { padding-right: 15px; }
.shopping-statistics-filter-modal .btn-fold { flex: 0 0 46px; height: 100%; padding: 15px; }
.shopping-statistics-filter-modal .filter-gallery { height: 48px; border-top: 1px solid #eeeff0; line-height: 24px; text-align: left; color: #222428; display: flex; }
.shopping-statistics-filter-modal .filter-category { height: 48px; border-top: 1px solid #eeeff0; background: #f6f7f9; display: none; display: flex; text-align: left; }
.shopping-statistics-filter-modal .filter-category.disabled { opacity: .5; }
.shopping-statistics-filter-modal .filter-gallery label,
.shopping-statistics-filter-modal .filter-category label { margin-bottom: 0; }
.shopping-statistics-filter-modal .filter-gallery label input[type='checkbox'] + svg + svg,
.shopping-statistics-filter-modal .filter-category label input[type='checkbox'] + svg + svg { fill: #dbdcdf; }
.shopping-statistics-filter-modal .filter-gallery label input[type='checkbox']:checked + svg + svg,
.shopping-statistics-filter-modal .filter-category label input[type='checkbox']:checked + svg + svg { display: none; }
.shopping-statistics-filter-modal .filter-gallery label input[type='checkbox']:not(:checked) + svg,
.shopping-statistics-filter-modal .filter-category label input[type='checkbox']:not(:checked) + svg { display: none; }
.shopping-statistics-filter-modal .filter-gallery label input[type='checkbox']:checked + svg,
.shopping-statistics-filter-modal .filter-category label input[type='checkbox']:checked + svg { fill: #4789e7; }
.shopping-statistics-filter-modal .ok-button-dialog { font-size: 16px; font-weight: 300; flex: 0 0 60px; }
.shopping-statistics-filter-modal .chk-product { float: right; line-height: 1; margin-top: 7px; }
.shopping-statistics-filter-modal .chk-product svg { vertical-align: top; margin-right: 10px; }
.shopping-statistics-filter-modal .chk-product label input[type='checkbox'] + svg + svg { fill: #dbdcdf; }
.shopping-statistics-filter-modal .chk-product label input[type='checkbox']:not(:checked) + svg { display: none; }
.shopping-statistics-filter-modal .chk-product label input[type='checkbox']:checked + svg { fill: #4789e7; }
.shopping-statistics-filter-modal .chk-product label input[type='checkbox']:checked + svg + svg { display: none; }


/** cafe24 모바일 필터 * */
.shopping-statistics-filter-modal .filter-category.depth2 { padding-left: 30px; }
.shopping-statistics-filter-modal .filter-category.depth3 { padding-left: 60px; }

/* 쇼핑 통계 페이지 */

/*** 네이버 페이 주문 아이콘 ***/
.ico-naverpay {
	fill: #1ec800;
}

.list-table td .ico-naverpay { vertical-align: top; margin-top: 1px; }

/*** 네이버 페이 주문 아이콘 ***/



/** 개인고유통관부호 **/
.cl-s-delivery-info .cl-common-form-wrap + .pccc-error { font-size: 12px; float: left; text-align: left; width: 100%;  }

@media only screen and (min-width: 768px) {
	.payment-list-box .col-responsive-1280 { display: none; visibility: hidden; }
	.payment-list-box .col-responsive-768 { display: table-column; visibility: visible; }
}
@media only screen and (min-width: 980px) {
	.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-content-detailWrap { min-width: 980px; width: 100vw;}
}
@media only screen and (min-width: 1280px) {
	.payment-list-box .col-responsive-1280 { display: table-column; visibility: visible; }
	.payment-list-box .col-responsive-768 { display: none; visibility: hidden; }
}



@media only screen and (max-width: 991px) {
	.point-list-box .point-search-text {
		width: calc(100% - 447px);
		margin-bottom: 15px;
	}

	.result-title .wide-switch { display: none !important; }
}

@media only screen and (max-width:979px) {
	.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-content-detailWrap {width:100vw;min-width: 100%;}	
	.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-content-detailWrap .marginBox {
		width: 100vw;
		left:50%;
		transform:translateX(-50%);
	}
}

@media only screen and (max-width:950px) {

}

@media only screen and (max-width:860px) {
	.submenu_navWrap .common-selectbox { display: none; }
}


/*@media only screen and (min-width: 768px) and (max-width:) {

}*/

@media only screen and (max-width: 767px) {
	.pg-modal-wrap .modal-default .modal-dialog.pg-modal {padding: 44px 0 0 0;}
	.flat-modal.pg-modal-wrap + .modal-backdrop.fade.in {background-color: #000;}
	.pg-modal-wrap .modal-default .modal-dialog.pg-modal .modal-content {padding-left:0; padding-right:0;}
	.pg-modal-wrap .pg-modal .pg-body > .pg-title {margin: 0 15px;}
	.pg-modal-wrap .pg-modal .pg-body > .pg-content {padding-top:30px;}
	.pg-modal-wrap .pg-modal .pg-body > .pg-content dt {
		float:none;
		max-width: 100%;
		width:100%;
		margin-bottom:9px;
		margin-left:0;
		padding: 0 15px;
	}
	.pg-modal-wrap .pg-modal .pg-body > .pg-step dt {font-size: 18px;}
	.pg-modal-wrap .pg-modal .pg-body > .pg-content:not(.pg-step) dd {padding: 0 15px;line-height: 1.4;}
	.pg-modal-wrap .pg-modal .pg-body > .pg-content dd {max-width: 100%; width:100%;}
	.pg-modal-wrap .pg-modal .pg-body > .pg-content dl:first-child .pg-modal-detailbtn {max-width: 58px;}
	.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-modal-detailbtn {max-width: 44px;}
	.pg-modal .pg-body > .pg-content .pg-modal-detailbtn .pg-content-detailWrap {
		left:50%;
		width:100vw;
		min-width: 100%; 
		padding: 0 15px;
	}
	.pg-modal .pg-body > .pg-content.pg-step .pgstep-title {margin-top:0; line-height: 1.7;}
	.pg-modal .pg-body > .pg-title {margin:0 15px;padding-bottom: 15px;}
	.pg-modal .pg-body > .pg-title:nth-child(n+2) {padding-top:47px;}
	.pg-modal-wrap .pg-modal .pg-body > .pg-content .mobileWidth {line-height: 1.4;padding: 0 0 0 15px;}
	.pg-modal .pg-body > .pg-content.pg-step dl {margin-bottom: 30px;}
	.pg-modal .pg-body > .pg-content.pg-step dl dd > div {overflow: hidden;}
	.pg-modal .pg-body > .pg-content .pg-modal-detailbtn {
		margin-right: 15px;
		max-width: 44px;
		position: relative;
   	 	width: 100%;
		height: 22px;
		margin-bottom: 2px;
		margin-top: 2px;
	}
	.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-modal-detailbtn.firststepText span {margin-left: 7px;}
	.pg-modal-wrap .pg-modal .pg-body > .pg-content .firststepText > svg {float:left;transform : translate(8px,1px);}
	.pg-modal .pg-body > .pg-content .pg-modal-detailbtn span { left: 26px;}
	.pg-modal-wrap .pg-modal .pg-body > .pg-content .fdetailbtn{margin-bottom: inherit;}
	.pg-modal-wrap .pg-modal .pg-body > .pg-step p {padding: 0 15px;}
	.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-content-detailWrap {left: 50%;transform: translate(-50%);padding: 0 15px;}
	.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-content-detailWrap p {margin:9px auto 0 auto; width: 100%;}
	.pg-modal .pg-body > .pg-content .pg-content-detailWrap .marginControl {margin-top: 50px; margin-bottom: 20px;}
	.pg-modal-wrap .pg-modal .pg-body > .pg-content .pg-content-detailWrap p:first-child {margin-top:32px;}
	.pg-modal-wrap .modal-default .modal-dialog.pg-modal .modal-content .modal-footer {margin-top:40px; padding: 0 15px;}
	.pg-modal-wrap .pg-modal .pgTable {margin-top:40px;}
	.pg-modal-wrap .pg-modal .hidden-xs {display: block !important;}
	.pg-modal-wrap .pg-modal .pg-step .hidden-xs {display: none !important;}
	.point-member-box .point-search-text {
		width: calc(100% - 130px);
		margin-bottom: 15px;
	}
	.section-search-container {
		padding-top: 50px;
	}
	.section-search {
		margin-top: 10px;
		padding: 10px 15px;		
	}

	.section-search .search-box > ul {
		height: auto;
		margin-bottom: 10px;
	}

	.section-search .search-box > ul:last-child {
		margin-bottom: 0;
	}

	.section-search .search-box > ul > li {
		display: block;
		float: unset;
	}

	.section-search .search-box > ul > li:first-child {
		padding-bottom: 4px;
	}

	.section-search .search-box > ul > li:first-child + li {
		padding-top: 0;
	}

	.section-search .search-box .keyword-box {display: flex;flex-wrap :nowrap }
	.section-search .search-box .keyword-box .common-selectbox {display: flex; max-width: calc(45% - 10px); min-width: auto;}
	.section-search .search-box .common-selectbox + input {
		flex: 1 1 auto;
		display: flex;
		min-width: 55%;
	}
	li.status-condition + li {height: 0px !important; padding: 4px !important;}

	.section-search .search-box .status-condition { display: flex; padding-bottom: 2px; flex-wrap: wrap; width: 100%;}

	.section-search .search-box .all-checkbox-title {
		width: 100%;
		text-align: right;
		margin-left: 0;
		position: relative;
		right: 0;
		top: -110px;
	}

	.section-search .search-box .all-checkbox-title label {
		margin-right: 1px;
	}
	.section-search .checkbox-title {
		min-width: unset;
		flex: 1 1 30%;
	}
	.section-search .checkbox-title:nth-child(3n+2) {
		margin-right: 0;
	}

	.section-search .checkbox-title:nth-child(n+7), .section-search .checkbox-item:nth-child(n+7) {
		/*margin-top: 10px;*/
	}

	.section-search .checkbox-title:last-child {
		margin-right: 0;
	}

	.section-search-container .btn-section button {
		width: 200px;
	}

	#wide-section .list-table tr { border-bottom-width: 1px; }

	.list-section-search {
		padding: 10px 15px;
		height: 50px;
	}

	.list-section-search.fixed {
		margin-top: 54px;
	}
	
	.list-table-left-top.fixed, .list-table-right-top.fixed {
		margin-top: 104px;
	}

	.list-section-search .common-selectbox, .list-section-search .btn.dropdown-toggle, .list-section-search .checkbox-title {
		height: 30px !important;
    	vertical-align: -webkit-baseline-middle;
	}

	.list-section-search .btn-list-item-order {height: 25px !important; line-height: 12px;}

	.list-section-search .common-selectbox .dropdown.bootstrap-select, .list-section-search .common-selectbox .dropdown.bootstrap-select .btn.dropdown-toggle {
		line-height: normal;
	}

	.list-table-left {
		display: none !important;
	}
	.list-table-right {
		width: 100% !important;
		display: inline-block !important;
	}

	.mob-table-col {display: table-column !important;}
	.mob-table-td {display: table-cell !important;}


	.list-table-right-top tr td:not(.mob-table-td):nth-of-type(4), .list-table-right-bottom tr td:not(.mob-table-td):nth-of-type(4) {border-left: 1px solid #eff0f4;}

	.thin-scroll-bar::-webkit-scrollbar { height: 0; }

	.cl-changePro-modal.w700 {
		padding: 44px 0 0 0 !important;
		max-width: 100% !important;
	}
	#flat-modal { overflow-y: auto; }
	.fix-item-unit.active {
		border-color: #696c71;
		color: #696c71;
		font-weight: 300;
	}

	.fix-item-area {margin-bottom: 0; opacity: .4;}
	.fix-item-area + .only-mobile-block {margin-bottom: 30px; text-align: left; color: #b1b3b7; font-weight: 300;}

	.only-mobile-inline {display: inline-block !important;}
	.only-mobile-block {display: block !important;}
	.only-mobile-col {display: table-column !important;}
	.only-mobile-td {display: table-cell !important;}

	.only-pc-inline, .only-pc-block, .only-pc-col, .only-pc-td { display: none !important; }

	.tablecon-wrap .m-list-table2 {overflow:hidden;}

	.section-search .search-box > ul {display: block;}

	.search-box > ul:last-child > li:nth-child(2) {
		position: absolute;
		right: 15px;
		top : 365px;
	}

	/*.shopping-dashboard .left-div { width: 100%; padding-left: 0; flex: unset; max-height: unset; }*/
	/*.shopping-dashboard.add-padding .left-div {padding-bottom: 60px}*/
	/*.shopping-dashboard .right-div { display: none; }*/
	.shopping-dashboard .right-div .tablecon-wrap.head-div { max-width: unset; }
	/*.shopping-dashboard .tablecon-wrap.body-div table tr td {border: none;}*/
	/*.shopping-dashboard .product-list.table-container table tr td { width: unset !important; }*/
	/*.shopping-dashboard .tablecon-wrap.body-div table tr td.text-center {width: calc(100% - 80px);}*/
	/*.list-table-left-bottom-scroll { display: none; }*/
	/*.shopping-dashboard .left-div .tablecon-wrap.body-div { overflow-y: auto; }*/

	.dashbottom-wrap .btn-util-section { margin-top: 103px;  padding: 10px 15px; }
	.dashbottom-wrap .btn-util-section > div > div:not(.btn-batch-proc, .state-option, .list-limit-option) { display: none !important; }
	.dashbottom-wrap .btn-util-section > .btn-batch-group > div { min-width: 103px; }
	.dashbottom-wrap .btn-util-section .btn-batch-group { column-gap: 0; }
	.dashbottom-wrap .btn-util-section .btn-option-group { column-gap : 10px; }
	.dashbottom-wrap .btn-util-section .state-option { width: 30px; height: 30px; min-width: unset; display: flex; justify-content: center; align-items: center; }
	.dashbottom-wrap .btn-util-section .state-option .common-selectbox .bootstrap-select .btn.dropdown-toggle ~ .dropdown-menu { min-width: 100px; transform: translateX(-50%); left: 50%; }
	.dashbottom-wrap .btn-util-section .common-selectbox .bootstrap-select.open .btn.dropdown-toggle { background-color: #f7f7f7 !important; }

	.submenu_navWrap .submenu_nav li.search {display: none;}
	.dashbottom-wrap .submenu_navWrap { position: fixed !important; z-index: 1002; }
	.dashbottom-wrap .submenu_navWrap .submenu_nav ul:first-child { overflow-x: unset; }
	.dashbottom-wrap .dashbottom-container .shopping-dashboard { padding-left: 0; padding-right: 0; padding-bottom: 0; }
	.dashbottom-wrap .dashbottom-container .shopping-dashboard:not(.m-h-auto):not(.empty-list).empty-paging { min-height: calc(100vh - 153px); }

	.shopping-dashboard .paging { position: fixed; left: 0; bottom: 0; border-top: 1px solid #eeeff3; padding: 15px; }

	.shopping-dashboard.setting-point .setting-box,
	.shopping-dashboard .setting-box { padding-top: 0; }
	.shopping-dashboard .setting-box { height: 100%; overflow-y: auto; border-bottom: none; }
	.shopping-dashboard.setting-email .setting-box { padding-top: 30px; }

	#wide-section .paging { padding: 15px; }

	#flat-modal .list-item-box .btn-reset { position: absolute; top: 2px; right: 0; margin-top: 0; }
	#flat-modal .list-item-box .list-item-row .handle { display: block; }
	/*#flat-modal .fix-item-box .list-item-row .ico-fixed { fill: #d1d3d5 !important; }*/

	.shopping-listitem-modal .modal-body { max-width: 330px !important; }
	.shopping-listitem-modal .modal-footer { margin-top: 30px !important; }

	.fix-not-support { color: #ee445f; padding-left: 20px; margin-top: 30px; font-weight: 300;}
	.fix-not-support svg { fill :#ee445f;position: absolute; left: 3px; margin-top: 5px; }
	.#flat-modal .list-item-box .btn-reset { padding-right: 0; }

	/*.fix-item-box.no-item svg + .popover { top: 223px !important; left: 112px !important; }*/
	.statistics-container .list-section { padding: 0 15px 50px; }

	.statistics-container .list-section.list-section-product .list-table-right,
	.statistics-container .list-section.list-section-duration .list-table-right,
	.statistics-container .list-section.list-section-option .list-table-right {
		flex: 0 0 100% !important;
		border: 1px solid #eff0f4;
		border-width: 0 1px;
	}

	.statistics-container .util-row.fixed { margin-top: 50px;}
	.statistics-container .list-section thead.fixed { margin-top: 116px; }

	.statistics-container .statistics-top { margin-top: 64px; padding: 0;}
	.statistics-container .statistics-top .statistics-title { display: none; }

	.statistics-container .statistics-top .util-left { display: block; width: 100%; padding: 15px; border-bottom: 1px solid #e7e8e9; }
	.statistics-container .statistics-top .util-left > div { width: 100px; }

	.statistics-container .statistics-top .date-box { float: none; width: 100%; height: auto; padding: 30px 15px 0 15px; margin-bottom: 20px; justify-content: flex-end; }

	.statistics-container .summary-area { flex-direction: column; height: auto; border: 1px solid #eff0f4; border-width: 1px 0; padding-right: 35px;}
	.statistics-container .summary-area .duration { flex: 0 0 57px; text-align: left; display: none;}
	.statistics-container .summary-area .duration .main { display: inline-block; border-right: none; font-size: 15px; }
	.statistics-container .summary-area .duration .sub { display: inline-block; border-right: none; margin-left: 8px;}
	.statistics-container .summary-area .display-item { padding: 0; margin-right: 0; height: 75px; padding-left: 15px;}
	.statistics-container .summary-area .display-item > div.display-item-column:last-of-type { padding-right: 20px; }
	.statistics-container .summary-area .display-item > div.display-item-column:last-child:before { left: calc(50% - 33px); }
	.statistics-container .summary-area .summary-btn-item { display: none; }
	.statistics-container .summary-area .btn-item.only-mobile-inline { width: 36px; position: absolute; right: 0; border: 1px solid #eff0f4; border-right: 0; border-width: 0 1px; height: 75px; background: #fff; padding: 28px 0; }
	.statistics-container .summary-area .btn-item.only-mobile-inline svg { fill: #696c71; }

	.statistics-top .btn-filter { display: none; }
	.statistics-top .btn-filter.mobile-btn-filter { width: 36px; height: 36px; padding: 0; margin: 0; min-width: unset; margin-left: 10px;}
	.statistics-top .btn-filter.mobile-btn-filter svg { margin-left: 11px; }

	.statistics-top .filtered-list { display: none; }

	.statistics-container .util-row { height: auto; padding: 12px 15px; display: flex; flex-direction: column; }
	.statistics-container .util-row .util-left { display: flex; padding-bottom: 10px; width: auto;}
	.statistics-container .util-row .util-left .btn-back { flex : 0 0 100px; }
	.statistics-container .util-row .util-left .product-title { text-align: left; }
	.statistics-container .util-row .util-right { padding-top: 10px; }
	.statistics-container .util-row.option-util-row .util-right { border-top: 1px solid #eff0f4; }

	.statistics-top .date-box .duration { min-width: auto; position: unset; flex: 1 1 auto; justify-content: center;}
	.statistics-top .date-box .date-btn { flex: 0 0 28px; padding : 7px; }
	.statistics-top .date-box .duration span.duration-title { flex: 0 0 auto; }
	.statistics-top .date-box .duration input { flex: 2 1 auto; text-align: left; max-width: 160px; margin: unset; margin-left: 10px; }
	.uis-datepicker-duration { border: none !important; }

	.statistics-container #choice-chart-color { margin-top : -35px; }
	.point-search-box { display: flex; flex-wrap: wrap; }

	.point-list-box .point-reg-box {
		width: 100%;
		margin-bottom: 10px;
	}

	.point-search-box.point-list-box .point-reg-box .point-reg {
		width: 25%;
	}
	
	.point-search-box.point-list-box .point-search-date {
		flex: 1 1 35%;
		margin-left: 0px;
	}

	.point-list-box .point-search-text {
		flex: 1 1 35%;
		margin-bottom: 15px;
	}

	.point-search-date .change-date-box {
		display: flex;
		justify-content: space-between;
	}

	.point-search-date .input-group {
		flex: 0 0 47%;
	}

	.point-select-options {
		width: 100%;
		text-align: right;
	}

	.point-setting .paging { padding: 30px 0 0 0; }

	.admin-order-delivery-info.point-used-desc { padding: 0 10px; }
	.admin-order-delivery-info.point-used-desc .info-body { padding: 15px; }

	.btn-naverpay-sync svg.ico-desc { display: inline-block; }
	.btn-naverpay-sync-pc {display: none;}
	.btn-naverpay-sync-mobile { display: inline-block !important; margin: 0 !important; height: 30px !important; padding-right: 27px;}
	.mobile-title .btn-naverpay-sync-mobile { float: right; margin-right: 20px !important;}
	.submenu_nav.qnaReview .btn-naverpay-sync { height: 30px !important; margin: 0 !important; margin: 5px 0px !important; }

	.payment-table > div#payment-list-body .info-title { width: calc(100% - 100px); float: right; padding-left: 5px; }

	.btn-naverpay-sync-mobile .popover, .naverpay-desc-tooltip {
		margin-right: 20px;
		position: fixed;
		left: unset !important;
		width: 276px;
		max-width: 276px;
		right: 0px;
	}
	.naverpay-desc-tooltip {
		margin-right: 15px;
	}
	.btn-naverpay-sync-mobile .popover.bottom .arrow, .naverpay-desc-tooltip .arrow {
		left: unset !important;
		right: 7px;
	}
}

@media only screen and (max-width: 802px) {
	button.btn-naverpay-sync { margin-left: 20px; }
}

@media only screen and (max-width: 600px) {

	.section-search .change-date-box { display: block; 	margin-top: 10px; }
	.section-search .search-box .change-date-box .datebox { width: calc(49.99% - 13px);	margin: 0; margin-right: 5px; }
	.section-search .search-box .cl-s-productSearch { width: 100%; }
	.section-search .duration { width: calc(25% - 1px); text-align: center; }
	.section-search .datebox input { width: calc(100% - 28px);  text-align: center; }
	.search-box > ul:last-child > li:nth-child(2) {
		top : 405px;
	}
}

@media only screen and (max-width: 590px) {

	.section-search .search-box .change-date-box {
		/*display: block;
		margin-top: 10px;*/
	}
	.section-search .search-box .change-date-box .datebox {
		/*margin: 0;*/
		/*margin-right: 5px;*/
	}

}
@media only screen and (max-width: 580px) {
	#flat-modal .item-box { flex-wrap: wrap; }
	.item-box .left-item-box {order: 3; flex: 0 0 100% !important; margin-top: 15px !important;}
	.item-box .center-btn-box {order: 2; flex: 0 0 100% !important; margin-top: 15px;}
	.item-box .right-item-box {order: 1; flex: 0 0 100% !important; margin-top: 10px !important;}

	.item-box .center-btn-box .btn-add, .item-box .center-btn-box .btn-remove { display: inline-block; }
	.item-box .center-btn-box .btn-remove { margin-left: 7px; margin-top: 0 !important; }
	.list-item-order {height: 160px;}
	.left-item-box, .right-item-box {height: 200px;}

	.center-btn-box .btn-add, .center-btn-box .btn-remove {width: 76px !important; height: 32px; padding-left: 0 !important; text-align: center !important;}
	.center-btn-box .btn-add svg, .center-btn-box .btn-remove svg {transform: rotate(-90deg); margin-left: 8px;}
}
@media only screen and (max-width: 560px) {
}
@media only screen and (max-width: 540px) {
}

@media only screen and (max-width: 480px) {
	.pg-modal-wrap .pg-modal .hidden-xs {display: none !important;}

	.section-search .search-box .all-checkbox-title {
		top: -150px;
	}

	.section-search-container .btn-section {
		display: flex;
		height: auto;
		padding: 25px 15px;
	}
	.section-search-container .btn-section button {
		width: -webkit-fill-available;
	}
	.section-search .search-box .status-condition { flex-wrap: wrap; }
	.section-search .search-box .status-condition .checkbox-title {
		flex: 1 1 40%;
	}

	.list-section-search .checkbox-title {
		min-width: 68px;
	}

	.result-title { margin: 30px 15px 15px 15px; }

	.fix-item-area { width: 100%; }

	.search-box > ul:last-child > li:nth-child(2) {
		top : 445px;
	}

	.section-search .checkbox-title:nth-child(4n-1) {
		margin-right: 0;
	}

	.section-search .checkbox-title:nth-child(4n-3) {
		margin-right: 7px;
	}

	.section-search .checkbox-title:nth-child(n+9) {
		margin-bottom: 0;
	}

	.statistics-top .date-box .duration { flex: 1 1 auto; }
}
/********************** shopping - PG Modal END ***********************/
/**********************************************************************/

.shopping_disabled[class*="delete"] svg,
.dashbottom-wrap .site-detail .inner-box ul.kakaolink-setting .kakaolink-delete.shopping_disabled svg,
.dashbottom-wrap .site-detail .inner-box ul > li.detail-site-favicon span.site-favicon-delete.shopping_disabled svg {
	fill: #ee445f !important;
}
.shopping_disabled:not(.newcheckbox):not(button):not(.btn-batch-proc):not(.tracking-option):not(.delivery-edit):not(#admin-memo):not(#submit-change):not(#submit-change-m):not(.memo-btn),
.shopping_disabled .simple-switch-input:checked ~ .simple-switch-label,
.shopping_disabled.bootstrap-select .btn.btn-default,
.shopping_disabled textarea {
 	color: #d1d3d5 !important;
    background-color: #f3f4f5 !important;
    opacity: 0.6;
    cursor: default !important;
/*	pointer-events: none;*/
}
button.shopping_disabled,
.btn-batch-proc.shopping_disabled,
.tracking-option.shopping_disabled,
.delivery-edit.shopping_disabled,
#admin-memo.shopping_disabled, 
#submit-change.shopping_disabled {
	color: #d1d3d5 !important;
    background-color: #f3f4f5 !important;
    border: none !important;
}
.shopping_disabled.newcheckbox {
	color: #d1d3d5;
    opacity: 0.6;
    cursor: default !important;
/*	pointer-events: none;*/
}
.shopping_disabled.btn-init-add-coupon.disabled {
	pointer-events: auto;
}
.shopping_disabled.bootstrap-select .btn.btn-default {
    border: 1px solid #dbdcdf !important;
    opacity: 1;
}
/*.bootstrap-select.shopping_disabled,*/
.setting-text-box.shopping_disabled,
.site-delete-wrap a.shopping_disabled,
.inbox .list-item.row.shopping_disabled,
.talk-plus-friends-delete.shopping_disabled,
.dashbottom-wrap .site-detail a.shopping_disabled,
.inbox .inbox-ctrls.show .mark-all-read.shopping_disabled,
.setting-delivery-template .template-row-buttons span.shopping_disabled,
.mng-settings[data-type="uadmin-list"] .mng-list table .shopping_disabled,
.dashbottom-wrap .mng-member .setting-text-box .switch.shopping_disabled,
.mng-settings[data-type="collection"] .shopping_disabled,
/*.dashbottom-wrap .setting-sub-content .shopping_disabled,*/
.qnaR-contents .product-url a.shopping_disabled,
.qna-parent-box .qnaR-contents .qna-title-box.product-data a.shopping_disabled,
.sub-domain.index .list-item > li .zone-state .remove-mx-record.shopping_disabled,
.dashbottom-wrap .site-detail .inner-box ul .blockSearch-onoff-btn.shopping_disabled,
.formBorder-box .right-div .formTable td:nth-child(3) .form-name-edit.shopping_disabled,
.statistics-container .summary-area .display-item .display-item-column.shopping_disabled,
.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li svg.btn-delete.shopping_disabled,
.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li .msetting-info a.shopping_disabled,
.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li[data-type="sitemap"] .msetting-info svg.btn-sitemap,
.cl-metatagSetModal .meta-plus.shopping_disabled,
.admin-memo-list-box .memo-btn.shopping_disabled { background-color: transparent !important; }
.admin-memo-list-box .memo-btn.shopping_disabled {cursor: default; opacity: 0.6;}

.setting-sub-content-box .npay-request-btn.shopping_disabled {background-color: #d1d3d5 !important; color: #fff !important;}
.setting-delivery-template .btn-add-template.shopping_disabled {
	color: #d1d3d5 !important;
    background-color: #f3f4f5 !important;
    border: none !important;
}

.statistics-container .summary-area .display-item .display-item-column.shopping_disabled,
.dashbottom-wrap .site-detail .inner-box ul > li > div.icon-pen .edit-meta.shopping_disabled {pointer-events: all;}
.dashbottom-wrap .site-detail .inner-box ul > li svg.shopping_disabled {height: unset;}
.shopping_disabled > svg {fill : #d1d3d5 !important;}
.profile-edit.shopping_disabled,
.plan-site .plan-more.shopping_disabled,
.create-site-box.shopping_disabled,
.site-dropdown-box.shopping_disabled {pointer-events: none; background-color: unset !important;}
#site-select .list-site .shopping_disabled,
.message_content tr.shopping_disabled {
	color: #2d343e !important;
    background-color: transparent !important;
    opacity: 1;
    pointer-events: all;
}
#site-select .list-site .shopping_disabled .drag-handle {pointer-events: none;}
#site-select .list-site li .site-dropdown-box.shopping_disabled:hover {	background-color: #c8c8c8 !important;	pointer-events: none;}
.create-site-box .shopping_disabled {background-color:unset !important; color: #c8c8c8 !important}
.create-site-box .shopping_disabled svg {fill : #c8c8c8 !important;}
.sub-domain.index .list-item > li .zone-state .remove-mx-record.shopping_disabled svg {fill: #b1b3b7 !important;}

.qnaR-contents .product-url a.shopping_disabled svg,
.formBorder-box .right-div .formTable td:nth-child(3) .shopping_disabled svg,
.dashbottom-wrap .site-detail .inner-box ul > li > div.icon-pen .shopping_disabled svg,
.cl-metatagSetModal .meta-plus.shopping_disabled svg {fill: #4789e7 !important;}
.plan-site .shopping_disabled svg,
.site-dropdown-box.shopping_disabled svg,
.setting-delivery-template .template-row-buttons span.shopping_disabled svg {fill: #696c71 !important; opacity: 0.6;}
.social-login-data .shopping_disabled,
.delete-accinfo .shopping_disabled {background-color: unset !important; color: unset !important; opacity: 0.5;}
.site-publish-info .shopping_disabled {background-color: unset !important;}

.site-delete-wrap a.shopping_disabled {color: #ee445f !important;}
.talk-plus-friends-delete.shopping_disabled {color: #ed5d52 !important;}

/*.qnaR-contents .product-url a.shopping_disabled,
.dashbottom-wrap .setting-sub-content a.shopping_disabled,
.dashbottom-wrap .site-detail .inner-box .add-language.shopping_disabled,
.dashbottom-wrap .site-detail .inner-box .plan-paydate + .upgrade.shopping_disabled,
.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li .msetting-info a.shopping_disabled,
.cl-metatagSetModal .meta-plus.shopping_disabled {color: #4789e7 !important;}*/
.shopping_disabled.bootstrap-select .btn.btn-default,
.dashbottom-wrap .mng-member .setting-text-box .switch.shopping_disabled .switch-label:before {color: #696c71 !important;}

#pc_setting_form .shopping_disabled .cl-common-form-group {
	color: #d1d3d5 !important;
    background-color: #f3f4f5 !important;
    opacity: 0.6;
    cursor: default !important;
	pointer-events: none;
}

.setting-sub-content-box .npay-btn.shopping_disabled {
	color: #d1d3d5 !important;
    background-color: #f3f4f5 !important;
    border: none !important;
}