.templateCode {display:none;}

/*
    ************************************ 요소효과 **********************************
*/
/*
    *** 오버시 원배경
*/
/*오버시 회색원*/
.hiddenCircle {display:flex; justify-content: center; align-items: center; width:70px; height:70px; border-radius:50%; background-color:#ffffff;}
.hiddenCircle:hover {background-color:#f3f3f3;}

/*오버시 흰원*/
.hiddenCircle.white {background-color:#f3f3f3;}
.hiddenCircle.white:hover {background-color:#ffffff;}


/*
    *** 오버시 버튼 회색 배경
*/
.overGrayBg {background-color:transparent;}
.overGrayBg:hover {background-color:#f3f3f3;}


/*
    *** 오버시 박스 이너글로우
*/
.overBoxInnerGlow:hover {box-shadow: inset 0 0 15px rgba(254, 162, 186, 0.6), 0 5px 7px rgba(136, 139, 144, 0.35);}

/*
   공통 팝업
 */
.cl_csPopup {position:fixed; display:none; top:0; left:0; width:100%; height:100%; justify-content: center; align-items: center; background-color:rgba(0,0,0,0.8); z-index: 9999;}
.cl_csPopup .popupWin {position:relative; width: 620px;  background-color:#ffffff; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;}
.cl_csPopup .popupWin .popupTitle .mainText {  font-size: 40px; color: #ffffff; font-family:NotoSansB; margin-bottom: 50px; }
.cl_csPopup .popupWin .popupTitle .subText { font-size: 30px; color: #ffffff; font-family:NotoSansR; }
.cl_csPopup .popupWin i.btnClose .cl_csPopup {position:absolute; top:20px; right:20px; color:#303030; font-size:32px; cursor:pointer;}
.cl_csPopup .popupWin .popupTitle { font-family:NotoSansB; text-align:center; background: #5e71e4; padding: 40px 0;}
.cl_csPopup .popupWin .popupContent {font-size:32px; color:#222222; font-family:NotoSansR; text-align:center; padding: 40px 0;}
.cl_csPopup .popupWin .popupContent .title { font-size: 48px; color: #5e71e4; font-family:NotoSansM; margin-bottom: 40px;}
.cl_csPopup .popupWin .popupContent .popupText { margin-bottom: 40px;}

/*
 * 검색필터 버튼들
 */
.cl_sortWrap .sortBtn {
	display: inline-block;
	padding:5px 15px;
	color: #222222;
	font-size: 20px;
	font-family:"NotoSansL";
	text-align: center;
	border: 1px solid #cfcfcf;
	box-sizing: border-box;
	border-radius: 20px;
	background: #f4f7fb;
	margin: 0 5px 20px 5px;
	cursor: pointer;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.cl_sortWrap .sortBtn.type2 { width: calc((100% - 20px)/2); }
.cl_sortWrap .sortBtn.on { background: #000000; color: #f4f7fb; }

/*
  탭
 */
.normalTab {margin-bottom:0;}
.normalTab {display:flex; flex-direction:row; border-bottom:2px solid #FEC848;}
.normalTab a {font-size:25px; color:#000; padding:15px 20px; cursor:pointer;}
.normalTab a.on {background-color:#FEC848; color:#fff;}

/*
    ************************************ 마이렌탈샵 **********************************
*/
.pageOutWrap.myRentalShop .header .btnLogout {display:none;}
.pageOutWrap.myRentalShop .header .btnLogin {display:none;}
.pageOutWrap.myRentalShop .topCommonMenu {display:none;}
.pageOutWrap.myRentalShop .footer .bottomMenu {display:none;}
.pageOutWrap.myRentalShop .cl_btnFavor {display:none;}
.pageOutWrap.myRentalShop .cl_productListBox .contentArea .topWrap .labelWrap {left:10px !important;}

.myRentalShopShare {
	position:fixed;
	max-width:800px;
	bottom:0; left:0; right:0;
	padding-top:15px; padding-bottom:15px;
	margin:0 auto;
	background-color:#9012FE; color:#fff;
	font-size:25px; text-align:center;
	cursor:pointer;
}
.myRentalShopShare i {font-size:25px; vertical-align:middle; margin-right:10px;}

/*
	************************************ 검색바 **********************************
*/
/*
    검색바 디폴트
*/
.cl_searchBar {display:flex; align-items:center; height:60px; border-radius:30px; border:solid 1px #e0e0e0; padding:4px; padding-left:15px; box-sizing: border-box; background-color:#ffffff;}
.cl_searchBar .inputCell {flex:1;}
.cl_searchBar .inputCell input {width:100%; font-size:24px; color:#373751; font-family:CarmenSansR; background-color:transparent;}
.cl_searchBar .inputCell input::placeholder {font-size:24px; color:#373751; font-family:CarmenSansR;}
.cl_searchBar .btnSearch {display:flex; justify-content: center; align-items: center; width:50px; height:50px; border-radius:50%; cursor:pointer; background-color:#faca66;}

.cl_searchBar .selectCell {position:relative;}
.cl_searchBar .selectCell:after {content:""; position:absolute; top:50%; right:-2px; transform:translateY(-50%); width:2px; height:24px; margin-right:10px; background-color:#222222;}
.cl_searchBar .selectCell .cl_selector {height:auto; font-size:26px; padding-left:10px; border:0; border-radius:0; background-color:transparent; background-image:url("../images.renew/selectorArrow1.png");}


/*
    *** 검색바 오렌지
*/
.cl_searchBar.orange {border-color:#fec848; background-color:#fec848;}
.cl_searchBar.orange .btnSearch {background-color:#ffffff;}




/*
    ************************************ 셀렉트박스 **********************************
*/
.cl_selector {
	appearance: none;
	width:100%;
	height:60px;
	font-size:24px;
	color:#373751;
	font-family:CarmenSansM;
	letter-spacing: -1px;
	padding-left:20px;
	padding-right:60px;
	box-sizing: border-box;
	border:solid 1px #e0e0e0;
	border-radius:10px;
	background: url("../images.renew/selectorArrow2.png") no-repeat calc(100% - 20px) 50%;
	background-color:#ffffff;
}


/*
    *** 사이즈
*/
.cl_selector.small {height:50px;}


/*
    *** 색상
*/
/*그레이*/
.cl_selector.gray {color:#283b82; background-color:#f3f3f3;}





/*
    ************************************ 인풋텍스트 **********************************
*/
.cl_inputText {
	width:100%;
	height:60px;
	font-size:24px;
	color:#373751;
	font-family:CarmenSansM;
	letter-spacing: -1px;
	padding-left:20px;
	box-sizing: border-box;
	border:solid 1px #e0e0e0;
	border-radius:10px;
	background-color:#ffffff;
}
.cl_inputText::placeholder {color:#c4c4c4;}


/*
    *** 사이즈
*/
.cl_inputText.small {height:50px;}


/*
    *** 색상
*/
/*그레이*/
.cl_inputText.gray {color:#283b82; background-color:#f3f3f3;}




/*
    ************************************ 달력인풋 **********************************
*/
.cl_calendarInput {
	display: flex;
	align-items: center;
	height:60px;
	box-sizing: border-box;
	border:solid 1px #e0e0e0;
	border-radius:10px;
	padding-left:20px;
	padding-right:10px;
	background-color:#ffffff;
}
.cl_calendarInput .inputCell {flex:1;}
.cl_calendarInput .iconCell {width:40px; text-align:right;}
.cl_calendarInput input {
	height: 100%;
	width:100%;
	font-size:24px;
	color:#373751;
	font-family:CarmenSansM;
	letter-spacing: -1px;
}
.cl_calendarInput .inputCell input::placeholder {color:#373751;}







/*
    ************************************ textarea **********************************
*/
.cl_textArea {
	width:100%;
	height:200px;
	font-size:24px;
	color:#373751;
	font-family:CarmenSansM;
	letter-spacing: -1px;
	padding:20px;
	box-sizing: border-box;
	border:solid 1px #e0e0e0;
	border-radius:10px;
	resize: none;
	background-color:#ffffff;
}
.cl_textArea::placeholder {color:#c4c4c4;}


/*
    *** 색상
*/
/*그레이*/
.cl_textArea.gray {color:#283b82; background-color:#f3f3f3;}




/*
    ************************************ 라디오버튼 **********************************
*/
input[type="radio"].cl_radio {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
input[type="radio"].cl_radio + label {
	display: inline-block;
	position: relative;
	font-size:24px;
	color:#373751;
	font-family:CarmenSansSB;
	padding-left: 40px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
input[type="radio"].cl_radio + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	width: 30px;
	height: 30px;
	text-align: center;
	box-sizing: border-box;
	border: 2px solid #c6ccd2;
	border-radius: 100%;
	background-color:#f3f3f3;
}
input[type="radio"].cl_radio:checked + label:after {
	content: '';
	position: absolute;
	top: 10px;
	left: 7px;
	width: 16px;
	height: 16px;
	background: #283b82;
	border-radius: 100%;
}




/*
    ************************************ 체크박스 **********************************
*/
input[type=checkbox].cl_checkBox {display:none;}
input[type=checkbox].cl_checkBox + label {display: inline-block; height:20px; font-weight:normal; cursor: pointer; line-height: 20px; padding-left: 25px; background: url('../images.renew/chkOff.png') left/20px no-repeat;}
input[type=checkbox].cl_checkBox:checked + label { background-image: url('../images.renew/chkOn.png'); }






/*
    ************************************ 입력폼 그리드 **********************************
*/
.cl_formGrid {margin-bottom:30px;}
.cl_formGrid:last-child {margin-bottom:0;}

.cl_formGrid .formTitle {position:relative; font-size:24px; color:#373751; font-family:CarmenSansM; margin-bottom:3px;}
.cl_formGrid .formTitle.required:after {position:relative; top:-1px; right:-5px; content:"*"; font-size:24px; color:#ef444a; font-family:CarmenSansM;}

.cl_formGrid .inputWrap {margin-bottom:10px;}
.cl_formGrid .inputWrap:last-child {margin-bottom:0;}

.cl_formGrid .inputWrap.rightButton {display:flex;}
.cl_formGrid .inputWrap.rightButton .inputCell {flex:1;}
.cl_formGrid .inputWrap.rightButton .buttonCell {width:150px; margin-left:8px;}
.cl_formGrid .inputWrap.rightButton .buttonCell .cl_roundButton {height:60px; font-size:22px; font-family:CarmenSansL;}

.cl_formGrid .inputWrap.halfDash {display:flex; align-items: center;}
.cl_formGrid .inputWrap.halfDash .inputCell {flex:1;}
.cl_formGrid .inputWrap.halfDash .dash {font-size:24px; font-family:CarmenSansM; margin:0 10px;}

.cl_formGrid .inputWrap.leftSelect {display:flex;}
.cl_formGrid .inputWrap.leftSelect .inputCell {flex:1;}
.cl_formGrid .inputWrap.leftSelect .selectCell {width:220px; margin-right:8px;}






/*
    ************************************ 페이지 타이틀 **********************************
*/
.cl_pageTitle {font-size:36px; color:#212120; font-family:CarmenSansB; text-align:center; margin-bottom:60px;}





/*
    ************************************ 섹션타이틀 **********************************
*/
/*
    *** 메인에 사용
*/
.cl_sectionTitle {font-size:34px; color:#373751; font-family:CarmenSansM; margin-bottom:30px; letter-spacing: -1px;}



/*
    *** 박스 위쪽 사용
*/
.cl_boxSectionTitle {display:flex; align-items:center; font-size:30px; color:#373751; font-family:CarmenSansSB; margin-bottom:15px;}
.cl_boxSectionTitle .boldText {font-family:CarmenSansB;}
.cl_boxSectionTitle .redText {color:#ef444a;}
.cl_boxSectionTitle .numCircle {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	font-size: 24px;
	color: #ffffff;
	font-family: CarmenSansB;
	border-radius:50%;
	margin-right:10px;
	background-color:#ef444a;
}
.cl_boxSectionTitle .loadMemberInfo {
	flex:1;
	text-align:right;
	font-size:1.5rem;
}




/*
    ************************************ 버튼 **********************************
*/
/*
 * 버튼 wrapper
 */
.cl_buttonWrapper {
	width:100%;
	display:flex;
}
.cl_buttonWrapper.center {
	justify-content:center;
}

.cl_buttonWrapper.marginTop {
	margin-top:30px;
}

/*
    *** 정렬버튼
*/
.cl_sortButton {
	display: inline-flex;
	align-items: center;
	height: 50px;
	font-size: 22px;
	color: #283b82;
	font-family: CarmenSansSB;
	border-radius: 30px;
	border: solid 1px #e0e0e0;
	padding:0 15px;
	box-sizing: border-box;
	cursor:pointer;
	background-color:#ffffff;
}
.cl_sortButton .icon {margin-right:5px;}



/*
    *** 라운드 버튼
*/
.cl_roundButton {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 70px;
	font-size: 26px;
	color: #ffffff !important;
	font-family: CarmenSansB;
	border-radius: 40px;
	cursor:pointer;
	background-color: #00024e;
}



/*라운드 사각*/
.cl_roundButton.roundRect {
	border-radius: 10px !important;
}


/*버튼 색상*/
.cl_roundButton.gray {background-color:#b1b4c1;}


/*버튼 그림자*/
.cl_roundButton.shadow {box-shadow:0 5px 7px rgba(136, 139, 144, 0.35);}


/*우측 아이콘*/
.cl_roundButton i {font-size:26px; margin-left:5px; margin-top:5px;}

/*좌측아이콘*/
.cl_roundButton.leftIcon i {font-size:26px; margin-left:0; margin-right:5px; margin-top:5px;}
.cl_roundButton.leftIcon img {margin-right:10px;}


/*사이즈*/
.cl_roundButton.small {width:190px;}
.cl_roundButton.medium {width:340px;}

.cl_roundButton.smallH {height:60px;}






/*
    ************************************ 그림자 박스 **********************************
*/
.cl_shadowBox {
	border: solid 1px #e0e0e0;
	border-radius: 20px;
	box-shadow: 0 5px 7px rgba(136, 139, 144, 0.35);
	padding: 30px;
	box-sizing: border-box;
	background-color: #ffffff;
}
.cl_shadowBox.marginBottom {margin-bottom:30px;}





/*
    ************************************ 라벨 **********************************
*/
.cl_label {display:flex; align-items: center; height:30px; font-size:18px; color:#ffffff; font-family:CarmenSansSB; padding:0 10px; border-radius:20px; margin-right:10px;}
.cl_label.blue {background-color:#0298e1; color:#fff;}
.cl_label.red {background-color:#ff6861; color:#fff;}
.cl_label.green {background-color: #33a65d; color:#fff;}




/*
    ************************************ 찜 버튼, 상품라벨 등 *********************************
*/
.cl_productListBox .cl_btnFavor {position:absolute; left:10px; bottom:10px; }
.cl_btnFavor {font-size:30px; cursor:pointer;}
.cl_btnFavor .offMark {display:inline-block; color:#50609a;}
.cl_btnFavor .onMark {display:none; color:#ff6861;}
.cl_btnFavor.on .offMark {display:none;}
.cl_btnFavor.on .onMark {display:inline-block;}
.cl_btnFavor .shareKakaoTalkButton img {width:35px;}

.cl_productListBox .cl_productLabelName {position:absolute; left:10px; top:10px; border-radius:10px; font-size:16px; padding:7px 15px; background-color: #33a65d; color:#fff;}



/*
    ************************************ 리스트 **********************************
*/

/*
    *** 상품 리스트
*/
.cl_productListBox {
	position:relative;
	display:flex;
	align-items: flex-start;
	border: solid 1px #e0e0e0;
	border-radius: 20px;
	box-shadow: 0 5px 7px rgba(136, 139, 144, 0.35);
	padding: 30px;
	box-sizing: border-box;
	margin-bottom:30px;
	background-color: #ffffff;
}
.cl_productListBox:last-child {margin-bottom:0;}
.cl_productListBox .thumbArea {width:40%; max-width:280px;}
.cl_productListBox .thumbArea img {width:100%;}

.cl_productListBox .contentArea {flex:1; margin-left:10px;}
.cl_productListBox .contentArea .topWrap {display:flex; align-items: center; justify-content: space-between; margin-bottom:15px;}
.cl_productListBox .contentArea .topWrap .labelWrap {position:absolute; bottom:20px; left:50px; display:flex; align-items: center;}

.cl_productListBox .contentArea .pdtInfo {margin-bottom:15px;}
.cl_productListBox .contentArea .pdtInfo .listTitle {font-size:24px; color:#373751; font-family:CarmenSansSB; margin-bottom:5px;}
.cl_productListBox .contentArea .pdtInfo .model {font-size:18px; color:#373751; font-family:CarmenSansL;}

.cl_productListBox .contentArea .priceInfo .priceLine {display:flex; align-items: center; justify-content: space-between;}
.cl_productListBox .contentArea .priceInfo .priceLine .title {font-size:22px; color:#373751; font-family:CarmenSansL;}
.cl_productListBox .contentArea .priceInfo .priceLine .price {font-size:25px; font-family:CarmenSansB;}
.cl_productListBox .contentArea .priceInfo .priceLine .price.type1 {color:#373751;}
.cl_productListBox .contentArea .priceInfo .priceLine .price.type2 {color:#ff6861;}
.cl_productListBox .contentArea .priceInfo .priceLine .price.type3 {color:#2799e3;}
.cl_productListBox .contentArea .priceInfo .priceLine .price .won {font-size:24px; font-family:CarmenSansM;}



/*
    *** 라운드박스 리스트
*/
.cl_roundBoxList {
	position:relative;
	display: flex;
	align-items: center;
	border: solid 1px #e0e0e0;
	border-radius: 50px;
	box-shadow: 0 5px 7px rgba(136, 139, 144, 0.35);
	padding:15px 40px;
	box-sizing: border-box;
	margin-bottom:20px;
	background-color: #ffffff;
}
.cl_roundBoxList:last-child {margin-bottom:0;}
.cl_roundBoxList .iconCell {width:45px; margin-right:15px;}
.cl_roundBoxList .iconCell img {display:block;}
.cl_roundBoxList .listTitle {font-size:26px; color:#373751; font-family:CarmenSansM;}
.cl_roundBoxList:after {content:""; position:absolute; top:50%; right:40px; transform:translateY(-50%); width:27px; height:26px; background-image:url("../images.renew/icon_arrow.png"); background-size:auto 100%;}




/*
    *** 테이블 리스트
*/
.cl_tableList {width:100%; border-collapse: collapse; border-spacing: 0; border-top:solid 3px #283b82;}
.cl_tableList th {height:60px; padding:5px; font-size:22px; color:#373751; font-family:CarmenSansB; font-weight:normal; border-bottom:solid 1px #afb6c9; box-sizing: border-box;}
.cl_tableList td {height:60px; padding:5px; font-size:20px; color:#373751; font-family:CarmenSansR; text-align:center; border-bottom:solid 1px #afb6c9; box-sizing: border-box;}
.cl_tableList td.leftAlign {text-align:left;}
.cl_tableList td.dateCell {width:125px;}
.cl_tableList td.nameCell {}
.cl_tableList td.titleCell {width:380px; font-family:CarmenSansSB;}
.cl_tableList td.titleCell .titleWrap {width:370px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cl_tableList td.stateCell {width:110px; text-align:center;}
.cl_tableList td.stateCell .stateMark {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 100px;
	height: 45px;
	font-size: 20px;
	color: #ffffff;
	font-family: CarmenSansB;
	border-radius:10px;
	background-color:#f7a600;
}
.cl_tableList td.stateCell .stateMark.red {background-color: #ef0606;}
.cl_tableList.marginBottom {margin-bottom:30px;}




/*
    ************************************ 그리드박스메뉴 **********************************
*/
.cl_gridBoxMenu {}
.cl_gridBoxMenu .iconMenuGrid {margin-bottom:60px;}
.cl_gridBoxMenu .iconMenuGrid .goBtnCell {text-align:right; margin-bottom:15px;}
.cl_gridBoxMenu .iconMenuGrid .goBtnCell a {display:inline-flex; align-items:center; font-size:24px; color:#4f4f74; font-family:CarmenSansM; padding:5px 15px; border-radius:30px;}
.cl_gridBoxMenu .iconMenuGrid .goBtnCell a img {height:20px; margin-left:5px;}
.cl_gridBoxMenu .iconMenuGrid .iconMenuWrap {padding:20px 70px;}
.cl_gridBoxMenu .iconMenuGrid .gridWrapper {overflow:hidden;}
.cl_gridBoxMenu .iconMenuGrid .grid {display:flex; flex-wrap:wrap; padding:90px 0 0 90px; margin:-90px -90px -50px -90px;}
.cl_gridBoxMenu .iconMenuGrid .grid .gridCell {
	box-sizing:border-box;
	width:calc(100% / 3);
	border:0 solid transparent;
	border-width:0 90px 50px 0;
}
.cl_gridBoxMenu .iconMenuGrid .iconMenu {text-align:center;}
.cl_gridBoxMenu .iconMenuGrid .iconMenu .iconCell {margin-bottom:20px;}
.cl_gridBoxMenu .iconMenuGrid .iconMenu .iconCell img {display:block;}
.cl_gridBoxMenu .iconMenuGrid .iconMenu .menuText {font-size:20px; color:#373751; font-family:CarmenSansM;}




/*
    ************************************ 그리드 **********************************
*/
/*
    *** 반반 나누는 그리드
*/
.cl_gridHalf {display:flex; align-items: center;}
.cl_gridHalf .gridArea {flex:1;}
.cl_gridHalf .gridArea:first-child {margin-right:20px;}






@media(max-width:800px){
	/*
		************************************ 그리드박스메뉴 **********************************
	*/
	.cl_gridBoxMenu .iconMenuGrid .iconMenuWrap {padding:20px 40px;}
	.cl_gridBoxMenu .iconMenuGrid .grid {display:flex; flex-wrap:wrap; padding:50px 0 0 50px; margin:-50px -50px -30px -50px;}
	.cl_gridBoxMenu .iconMenuGrid .grid .gridCell {
		box-sizing:border-box;
		width:calc(100% / 3);
		border:0 solid transparent;
		border-width:0 50px 30px 0;
	}
	.cl_gridBoxMenu .iconMenuGrid .iconMenu .iconCell {margin-bottom:20px;}
	.cl_gridBoxMenu .iconMenuGrid .iconMenu .iconCell img {display:block;}
	.cl_gridBoxMenu .iconMenuGrid .iconMenu .menuText {font-size:24px; color:#373751; font-family:CarmenSansM;}
	
	
	
	
	/*
		************************************* 리스트 *******************************************
	*/
	/*
		*** 테이블 리스트
	*/
	.cl_tableList th {height:50px; font-size:18px;}
	.cl_tableList td {height:50px; font-size:17px;}
	.cl_tableList td.dateCell {width:115px;}
	.cl_tableList td.nameCell {width:80px;}
	.cl_tableList td.titleCell {width:calc(100vw - 115px - 80px - 80px - 50px);}
	.cl_tableList td.titleCell .titleWrap {width:calc(100vw - 115px - 80px - 80px - 50px);}
	.cl_tableList td.stateCell {width:80px;}
	.cl_tableList td.stateCell .stateMark {
		width: 70px;
		height: 35px;
		font-size: 16px;
	}
}








@media(max-width:600px){
	
	/*
		************************************ 요소효과 **********************************
	*/
	/*
		*** 오버시 원배경
	*/
	.hiddenCircle {width:40px; height:40px;}
	
	/*
	  공통 팝업
	*/
	.cl_csPopup .popupWin {position:relative; width:300px;  background-color:#ffffff; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;}
	.cl_csPopup .popupWin i.btnClosecl_csPopup {position:absolute; top:20px; right:20px; color:#303030; font-size:18px; cursor:pointer;}
	.cl_csPopup .popupWin .popupTitle .mainText {  font-size: 18px; color: #ffffff; font-family:NotoSansB; margin-bottom: 20px; }
	.cl_csPopup .popupWin .popupTitle .subText { font-size: 14px; color: #ffffff; font-family:NotoSansR; }
	.cl_csPopup .popupWin .popupTitle { font-family:NotoSansB; text-align:center; background: #5e71e4; padding: 30px 0;}
	.cl_csPopup .popupWin .popupTitle img { width: 100px; }
	.cl_csPopup .popupWin .popupContent {font-size: 16px; padding: 30px 0;}
	.cl_csPopup .popupWin .popupContent .title { font-size: 26px; color: #5e71e4; font-family:NotoSansM; margin-bottom: 0px;}
	.cl_csPopup .popupWin .popupContent .popupText { margin-bottom: 20px;}
	
	/*
	  탭
	 */
	.normalTab {display:flex; flex-direction:row; border-bottom:2px solid #FEC848;}
	.normalTab a {font-size:16px; color:#000; padding:10px 15px; cursor:pointer;}
	.normalTab a.on {background-color:#FEC848; color:#fff;}
	
	/*
	 * 검색필터 버튼들
	 */
	.cl_sortWrap { width: 100%; font-size: 0; }
	.cl_sortWrap .sortBtn {
		display: inline-block;
		padding:3px 7px;
		color: #222222;
		font-size: 16px;
		margin: 0px 3px 10px 3px;
	}
	.cl_sortWrap .sortBtn.type2 { width: calc((100% - 10px)/1); }
	
	/*
	 * 마이렌탈샵
	 */
	.myRentalShopShare {
		padding-top:10px; padding-bottom:10px;
		font-size:16px;
	}
	.myRentalShopShare i {font-size:16px;}
	
	/*
		************************************ 검색바 **********************************
	*/
	/*
		검색바 디폴트
	*/
	.cl_searchBar {height:40px; padding:2px; padding-left:10px;}
	.cl_searchBar .inputCell input {font-size:16px;}
	.cl_searchBar .inputCell input::placeholder {font-size:16px;}
	.cl_searchBar .btnSearch {width:32px; height:32px;}
	.cl_searchBar .btnSearch img {height:18px;}
	
	.cl_searchBar .selectCell:after {height:18px; margin-right:10px;}
	.cl_searchBar .selectCell .cl_selector {height:auto; font-size:18px;}
	
	
	
	
	
	/*
		************************************ 셀렉트박스 **********************************
	*/
	.cl_selector {
		height:40px;
		font-size:15px;
		padding-left:10px;
		padding-right:40px;
		background: url("../images.renew/selectorArrow2.png") no-repeat calc(100% - 15px) 50%;
		background-size:12px;
		background-color:#ffffff;
	}
	
	
	/*
		*** 사이즈
	*/
	.cl_selector.small {height:40px;}
	
	
	
	
	/*
		************************************ 인풋텍스트 **********************************
	*/
	.cl_inputText {
		height:40px;
		font-size:15px;
		padding-left:10px;
	}
	
	
	/*
		*** 사이즈
	*/
	.cl_inputText.small {height:40px;}
	
	
	
	/*
		************************************ 달력인풋 **********************************
	*/
	.cl_calendarInput {
		height:40px;
		padding-left:10px;
		padding-right:10px;
	}
	.cl_calendarInput .iconCell {width:30px;}
	.cl_calendarInput .iconCell img {width:20px;}
	.cl_calendarInput input {
		font-size:15px;
	}
	
	
	
	/*
		************************************ textarea **********************************
	*/
	.cl_textArea {
		height:150px;
		font-size:15px;
		padding:10px;
	}
	
	
	
	/*
		************************************ 라디오버튼 **********************************
	*/
	input[type="radio"].cl_radio + label {
		font-size:15px;
		padding-left: 30px;
	}
	input[type="radio"].cl_radio + label:before {
		left: 0;
		top: 2px;
		width: 20px;
		height: 20px;
		border: 1px solid #c6ccd2;
	}
	input[type="radio"].cl_radio:checked + label:after {
		top: 7px;
		left: 5px;
		width: 10px;
		height: 10px;
	}
	
	
	
	/*
		************************************ 입력폼 그리드 **********************************
	*/
	.cl_formGrid {margin-bottom:20px;}
	
	.cl_formGrid .formTitle {font-size:15px; margin-bottom:3px;}
	.cl_formGrid .formTitle.required:after {top:0; right:-5px; font-size:15px;}
	
	.cl_formGrid .inputWrap {margin-bottom:5px;}
	
	.cl_formGrid .inputWrap.rightButton .buttonCell {width:100px; margin-left:4px;}
	.cl_formGrid .inputWrap.rightButton .buttonCell .cl_roundButton {height:40px; font-size:14px;}
	
	.cl_formGrid .inputWrap.halfDash .dash {font-size:15px; margin:0 5px;}
	
	.cl_formGrid .inputWrap.leftSelect .selectCell {width:120px; margin-right:4px;}
	
	
	
	/*
		************************************ 페이지 타이틀 **********************************
	*/
	.cl_pageTitle {font-size:26px; margin-bottom:40px;}
	
	
	
	/*
		************************************ 섹션타이틀 **********************************
	*/
	/*
		*** 메인에 사용
	*/
	.cl_sectionTitle {font-size:24px; margin-bottom:20px;}
	
	/*
		*** 박스 위쪽 사용
	*/
	.cl_boxSectionTitle {font-size:20px; margin-bottom:10px;}
	.cl_boxSectionTitle .numCircle {
		width: 25px;
		height: 25px;
		font-size: 16px;
		margin-right:5px;
	}
	.cl_boxSectionTitle .loadMemberInfo {font-size:1rem;}
	
	
	/*
		************************************ 버튼 **********************************
	*/
	/*
		*** 정렬버튼
	*/
	.cl_sortButton {
		height: 35px;
		font-size: 16px;
		padding:0 10px;
	}
	.cl_sortButton .icon {height:15px; margin-right:3px;}
	
	
	/*
		*** 라운드 버튼
	*/
	.cl_roundButton {
		height: 45px;
		font-size: 18px;
	}
	.cl_roundButton i {font-size:18px; margin-left:5px; margin-top:3px;}
	.cl_roundButton.leftIcon i {margin-left:0; margin-right:5px; margin-top:3px;}
	.cl_roundButton.leftIcon img {height:15px; margin-right:5px;}
	
	/*사이즈*/
	.cl_roundButton.small {width:140px;}
	.cl_roundButton.medium {width:200px;}
	
	.cl_roundButton.smallH {height:45px;}
	
	
	
	/*
		************************************ 그림자 박스 **********************************
	*/
	.cl_shadowBox {
		padding: 15px;
	}
	
	
	
	/*
		************************************ 라벨 **********************************
	*/
	.cl_label {height:22px; font-size:12px; padding:0 8px; margin-right:5px;}
	
	
	/*
	    ************************************ 찜 버튼, 상품라벨 *********************************
	*/
	.cl_btnFavor {font-size:20px; cursor:pointer;}
	.cl_productListBox .cl_productLabelName {left:5px; top:5px; border-radius:10px; font-size:11px; padding:5px 10px;}
	
	/*
		************************************ 리스트 **********************************
	*/
	
	/*
		*** 상품 리스트
	*/
	.cl_productListBox {
		padding: 15px;
		margin-bottom:15px;
	}
	.cl_productListBox .thumbArea {width:110px;}
	
	.cl_productListBox .contentArea {margin-left:10px;}
	.cl_productListBox .contentArea .topWrap {margin-bottom:10px;}
	.cl_productListBox .contentArea .topWrap .btnFavor {font-size:25px;}
	.cl_productListBox .contentArea .topWrap .labelWrap {left:35px; bottom:15px;}
	
	.cl_productListBox .contentArea .pdtInfo {margin-bottom:10px;}
	.cl_productListBox .contentArea .pdtInfo .listTitle {font-size:14px; margin-bottom:5px;}
	.cl_productListBox .contentArea .pdtInfo .model {font-size:12px;}
	
	.cl_productListBox .contentArea .priceInfo .priceLine .title {font-size:14px;}
	.cl_productListBox .contentArea .priceInfo .priceLine .price {font-size:14px;}
	.cl_productListBox .contentArea .priceInfo .priceLine .price .won {font-size:12px;}
	
	
	/*
		*** 라운드박스 리스트
	*/
	.cl_roundBoxList {
		padding:10px 20px;
		margin-bottom:15px;
	}
	.cl_roundBoxList .iconCell {width:25px; margin-right:10px;}
	.cl_roundBoxList .iconCell img {height:20px;}
	.cl_roundBoxList .listTitle {font-size:18px;}
	.cl_roundBoxList:after {right:20px; width:20px; height:18px;}
	
	
	
	/*
		*** 테이블 리스트
	*/
	.cl_tableList th {height:40px; font-size:13px;}
	.cl_tableList td {height:40px; font-size:12px;}
	.cl_tableList td.dateCell {width:75px; font-size:11px;}
	.cl_tableList td.nameCell {width:50px;}
	.cl_tableList td.titleCell {width:calc(100vw - 75px - 50px - 60px - 30px);}
	.cl_tableList td.titleCell .titleWrap {width:calc(100vw - 75px - 50px - 60px - 30px);}
	.cl_tableList td.stateCell {width:60px;}
	.cl_tableList td.stateCell .stateMark {
		width: 50px;
		height: 25px;
		font-size: 11px;
		border-radius:5px;
	}
	
	
	
	/*
		************************************ 그리드박스메뉴 **********************************
	*/
	.cl_gridBoxMenu .iconMenuGrid {margin-bottom:30px;}
	.cl_gridBoxMenu .iconMenuGrid .goBtnCell {margin-bottom:10px;}
	.cl_gridBoxMenu .iconMenuGrid .goBtnCell a {font-size:18px;}
	.cl_gridBoxMenu .iconMenuGrid .goBtnCell a img {height:15px;}
	.cl_gridBoxMenu .iconMenuGrid .iconMenuWrap {padding:10px;}
	.cl_gridBoxMenu .iconMenuGrid .gridWrapper {overflow:hidden;}
	.cl_gridBoxMenu .iconMenuGrid .grid {display:flex; flex-wrap:wrap; padding:20px 0 0 20px; margin:-20px;}
	.cl_gridBoxMenu .iconMenuGrid .grid .gridCell {
		box-sizing:border-box;
		width:calc(100% / 3);
		border:0 solid transparent;
		border-width:0 20px 20px 0;
	}
	.cl_gridBoxMenu .iconMenuGrid .iconMenu .iconCell {margin-bottom:15px;}
	.cl_gridBoxMenu .iconMenuGrid .iconMenu .iconCell img {width:100%;}
	.cl_gridBoxMenu .iconMenuGrid .iconMenu .menuText {font-size:15px;}
	
	
	
	
	/*
		************************************ 그리드 **********************************
	*/
	/*
		*** 반반 나누는 그리드
	*/
	.cl_gridHalf .gridArea:first-child {margin-right:10px;}
	
	
}