/* ============================================================================================ */
/* 공통 */
/* ============================================================================================ */

.cursor-alias {cursor: alias;}
.cursor-all-scroll {cursor: all-scroll;}
.cursor-auto {cursor: auto;}
.cursor-cell {cursor: cell;}
.cursor-context-menu {cursor: context-menu;}
.cursor-col-resize {cursor: col-resize;}
.cursor-copy {cursor: copy;}
.cursor-crosshair {cursor: crosshair;}
.cursor-default {cursor: default;}
.cursor-e-resize {cursor: e-resize;}
.cursor-ew-resize {cursor: ew-resize;}
.cursor-grab {cursor: -webkit-grab; cursor: grab;}
.cursor-grabbing {cursor: -webkit-grabbing; cursor: grabbing;}
.cursor-help {cursor: help;}
.cursor-move {cursor: move;}
.cursor-n-resize {cursor: n-resize;}
.cursor-ne-resize {cursor: ne-resize;}
.cursor-nesw-resize {cursor: nesw-resize;}
.cursor-ns-resize {cursor: ns-resize;}
.cursor-nw-resize {cursor: nw-resize;}
.cursor-nwse-resize {cursor: nwse-resize;}
.cursor-no-drop {cursor: no-drop;}
.cursor-none {cursor: none;}
.cursor-not-allowed {cursor: not-allowed;}
.cursor-pointer {cursor: pointer;}
.cursor-progress {cursor: progress;}
.cursor-row-resize {cursor: row-resize;}
.cursor-s-resize {cursor: s-resize;}
.cursor-se-resize {cursor: se-resize;}
.cursor-sw-resize {cursor: sw-resize;}
.cursor-text {cursor: text;}
.cursor-w-resize {cursor: w-resize;}
.cursor-wait {cursor: wait;}
.cursor-zoom-in {cursor: zoom-in;}
.cursor-zoom-out {cursor: zoom-out;}

/* 페이지 css (공통) */
.page_items { width:100%; text-align:center; }
.page_items .pre-item { display:inline-block; width:22px; height:22px; background-image:url(/shop/img/page_left@2x.png); background-repeat:no-repeat; background-size:cover; background-position:center; }
.page_items .next-item { display:inline-block; width:22px; height:22px; background-image:url(/shop/img/page_right@2x.png); background-repeat:no-repeat; background-size:cover; background-position:center;  }
.page_items .item { display:inline-block; width:22px; height:22px; vertical-align:top; color:#999999; font-size:14px; border-bottom:1px solid #999999; }
.page_items .item.active { color:#ff014a; font-weight:600; border-bottom:1px solid #ff014a; }
.page_items .pgbtn { transition-duration: 0.3s; }
.page_items .pgbtn:active { transform: translate(2px, 2px); }

.no-search { width:100%; color:#191919; font-size:16px; font-weight:600; display:flex; flex-direction:row; align-items:center; justify-content:center; height:400px; }
.no-search p { margin-bottom:0; }

/* page 공통 */
.page_top { font-size:28px; font-weight:500; text-align:center; }
.page_sub { font-size:14px; margin-top:16px; letter-spacing: -0.35px; }
.page_sub p { text-align:center; margin:0; }
.page_sub .bl { color:#0089D3; }
.page_bottom { width:100%; text-align:center; margin-top:32px; }
.page_bottom .btn_cancel { padding: 8px 12px; font-size: 16px; display: inline-block; transition-duration: 0.3s; border:1px solid #999999; margin-right:16px; text-align:center; cursor:pointer; }
.page_bottom .btn_cancel:active { transform: translate(2px, 2px); }
.page_bottom .btn_payment { padding: 8px 12px; font-size: 16px; display: inline-block; transition-duration: 0.3s; border:1px solid #ff014a; text-align:center; color:#ff014a; width:240px; }
.page_bottom .btn_payment:active { transform: translate(2px, 2px); }
.page_bottom .btn_gray { padding: 8px 12px; font-size: 16px; display: inline-block; transition-duration: 0.3s; border:1px solid #999999; margin-right:16px; text-align:center; color:#999999; }
.page_bottom .btn_gray:active { transform: translate(2px, 2px); }

* {
	font-family: 'Spoqa Han Sans Neo', 'sans-serif';
	letter-spacing: -0.4px;
}

a {
	color: #ff014a;
}

a:hover {
	color: #ff014a;
}

figure {
	overflow: hidden;
}

figure:hover {
}

/* 모바일 클릭시 가짜 효과 */
.fake-active {
	background-color: #eee;
}

.f32 {
	font-size: 32px !important;
	letter-spacing: -0.4px;
}

.f20 {
	font-size: 20px !important;
	letter-spacing: -0.4px;
}

.f19 {
	font-size: 19px !important;
	letter-spacing: -0.4px;
}

.f18 {
	font-size: 18px !important;
	letter-spacing: -0.4px;
}

.f17 {
	font-size: 17px !important;
	letter-spacing: -0.4px;
}

.f16 {
	font-size: 16px !important;
	letter-spacing: -0.4px;
}

.f15 {
	font-size: 15px !important;
	letter-spacing: -0.4px;
}

.f14 {
	font-size: 14px !important;
	letter-spacing: -0.4px;
}

.f13 {
	font-size: 13px !important;
	letter-spacing: -0.4px;
}

.f12 {
	font-size: 12px !important;
	letter-spacing: -0.4px;
}

.f11 {
	font-size: 11px !important;
	letter-spacing: -0.4px;
}

.f10 {
	font-size: 10px !important;
	letter-spacing: -0.4px;
}

.fw600 {
	font-weight: 600;
}

.fw500 {
	font-weight: 500;
}

/* 메인 컬러 first-color */
.fc {
	background-color: #ff014a;
	color: #fff;
}

.fcb {
	background-color: #ff014a;
	color: #fff;
	border-color: #ff014a;
}

/* 폰트 컬러를 메인 컬러로 */
.fcc {
	color: #ff014a;
}

/* 보조 컬러 second-color */
.sc {
	background-color: #018eff;
}

/* 폰트 컬러를 보조 컬러로 */
.scc {
	color: #018eff;
}

/* 보조 컬러2 third-color */
.tc {
	background-color: #663fff;
}

.wc {
	background-color: #fff;
	color: #222;
}

/* 폰트 컬러를 하얀색으로 */
.wcc {
	color: #fff;
}

/* 폰트 컬러를 회색으로 */
.gcc {
	color: #999999;
}

/* 폰트 컬러를 기본으로 */
.bcc {
	color: #111;
}

/* 상단 마진 */
.page_top_margin {
	margin-top: 150px;
}

@media (max-width: 1000px) {
	.page_top_margin {
		margin-top: 120px;
	}
}

/* 인덱스 메인 텍스트 main */
.txt_main {
	font-size: 20px;
	font-weight: 700;
	color: #222;
	letter-spacing: -0.3px;
	line-height: 28px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 인덱스 모바일 메인 텍스트 main mobile */
.txt_main_m {
	font-size: 15px;
	font-weight: 700;
	color: #222;
	letter-spacing: -0.3px;
	line-height: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 이미지 라운드 */
.img_round {
	border-radius: 4px;
}

/* 텍스트 포인트 컬러 color point */
.txt_c_p {
	color: #ff014a;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.4px;
}

.txt_c_p_2 {
	color: #018eff;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -0.4px;
}

/* 굵은 글씨 title */
.txt_t {
	color: #111;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -0.4px;
}

.txt222 {
	color: #222;
}

/* 서브텍스트 sub */
.txt_s {
	color: #525252;
	font-size: 13px;
	letter-spacing: -0.4px;
}

/* 서브텍스트 (연한 회색) sub grey */
.txt_s_g {
	color: #777777;
	font-size: 13px;
	letter-spacing: -0.4px;
}

/* 글자 중간에 선 긋기 */
.txt_ml {
	text-decoration: line-through
}



/* 랭킹 숫자 */
.rank_num {
	position: absolute;
	left: 5px;
	top: 5px;
	width: 30px;
	height: 30px;
	font-size: 20px;
	text-align: center;
	background-color: black;
	color: white;
}

/* 랭킹 숫자 상위권(1~3) */
.rank_num_top {
	position: absolute;
	left: 5px;
	top: 5px;
	width: 30px;
	height: 30px;
	font-size: 20px;
	text-align: center;
	background-color: #018eff;
	color: white;
}

.img_border {
	border-style: solid;
	border-width: 1px;
	border-color: #f5f5f5;
}

.border_box {
	border-style: solid;
	border-width: 1px;
	border-color: #EDEDED;
}

.aic {
	align-items: center;
}

.jcc {
	justify-content: center;
}

.sel_sort{
	font-weight: 600;
}

.cate2_sel{
	background: #ff014a;
	color: #fff;
}

.shop-item{
	background: #FFFFFF;
	font-size: 12px;
	text-align: left;
}

.f777{
	color: #777;
}

.f555{
	color: #555;
}

.f222{
	color: #222;
}


.nav-item{
	cursor: pointer;
}

/* ============================================================================================ */
/* 페이지별 */
/* ============================================================================================ */



/* ============================================================================================ */
/* 견적 페이지 공통 */
/* ============================================================================================ */

.top_tab img {
	width: 64px;
	height: 64px;
}

/* 리스트 제목 축약 (div에 적용) */
.list_title {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #222;
}

.txt_price {
	font-size: 16px;
	font-weight: 700;
	color: rgb(47, 52, 56);
	letter-spacing: -0.3px;
	line-height: 28px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.txt_price_add {
	font-size: 12px;
	font-weight: 500;
	color: #ff6f61;
	letter-spacing: -0.3px;
	line-height: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bc_grey {
	background-color: #F8F8FA;
}

.bc_white {
	background-color: #FFFFFF;
}

.top_menu {
	padding: 35px 10px;
	border-radius: 8px;
	text-align: center;
}

/* 상단 광고 배너 이미지 크기 */
.add_banner img {
	width: 280px;
	height: 200px;
}

.sort_box input {
	vertical-align: middle;
}

.prd_img img {
	border-radius: 4px;
}

.prd_list {
	height: 1150px;
	overflow-y: auto;
	overflow-x: hidden;
}


/* 견적내기 고정 카테고리 스크롤바 */
/* .prd_list::-webkit-scrollbar {
	width: 2px;
}

.prd_list::-webkit-scrollbar-thumb {
	background-color: #ff014a;
}

.prd_list::-webkit-scrollbar-track {
}
*/

/* 견적내기 고정 카테고리 박스 */
.cate_box .cate {
	background-color: #fff;
	color: #222;
}

/* 견적내기 고정 카테고리 박스 활성화 시 */
.cate_box .cate_active {
	background-color: #ff014a;
	color: #fff;
}

/* 견적내기 필터 박스 */
.filter_box {
	background-color: #F8F8FA;
	padding: 6px 8px;
	color: #777777;
	font-size: 14px;
	margin-right: 4px;
	cursor: pointer;
	border-radius: 4px;
	display: inline-block;
	margin-bottom: 5px;
}

/* 견적내기 필터 박스 활성화 시 */
.filter_box_active {
	background-color: #FFE3EB;
	padding: 6px 8px;
	color: #FF014A;
	font-size: 14px;
	margin-right: 4px;
	cursor: pointer;
	border-radius: 4px;
	display: inline-block;
	margin-bottom: 5px;
}

/* 견적내기 필터 박스 활성화 시*/
.filter_box_active img {
	filter: invert(11%) sepia(84%) saturate(7103%) hue-rotate(339deg) brightness(104%) contrast(100%);
}

/* 견적내기 필터 박스 이미지 크기 */
.filter_box img {
	width: 15px;
	margin-bottom: 3px;
}

/* 견적내기 2차 필터 박스*/
.filter_obj_box {
	padding: 10px 15px;
	border: 1px solid #DDDDDD;
	color: #444444;
	font-size: 12px;
}

/* 견적내기 2차 필터 박스 개별 요소 */
.filter_obj {
	margin-right: 10px;
	cursor: pointer;
}

/* 견적내기 체크박스 선택된 요소 */
.fg_active {
	font-size: 12px;
	color: #222222;
	padding: 3px;
	border: 1px solid #222222;
	border-radius: 4px;
	margin-right: 4px;
	cursor: pointer;
}

/* 견적내기 체크박스 선택된 요소 */
.fg_active img {
	width: 15px;
	cursor: pointer;
	margin: 0 0 2px 2px;
}

/* 제품 요소 */
.prd_obj {
	cursor: pointer;
	color: #777;
	border-top: 1px solid #e5e5e5;
}

/* 내 손으로 견적 담기 버튼 */
.add_btn {
	padding: 3px 10px;
	border: 1px solid #222;
	border-radius: 4px;
	color: #222;
	cursor: pointer;
	width: 90%;
	margin: auto;
}

/* 내 손으로 견적 찜 버튼 */
.like_btn {
	padding: 3px 10px;
	border: 1px solid #222;
	border-radius: 4px;
	color: #222;
	cursor: pointer;
	width: 90%;
	margin: auto;
}

/* 견적내기 고정 카테고리 */
.category {
	height: 1300px;
	overflow-y: auto;
}

/* 견적내기 고정 카테고리 스크롤바 */
.category::-webkit-scrollbar {
	width: 2px;
}
.category::-webkit-scrollbar-thumb {
}

/* 견적내기 고정 카테고리 박스 */
.category_box {
	padding: 5px;
	border: 1px solid #EDEDED;
	border-radius: 4px;
}

/* 견적내기 고정 카테고리 박스 개별 */
.cate_box {
	cursor: pointer;
}

.vacate_btn {
	color: #ff014a;
	cursor: pointer;
	font-weight: 600;
}

.application_btn {
	width: 100%;
	background-color: #ff014a;
	padding: 10px;
	border-radius: 4px;
	color: #fff;
	text-align: center;
	cursor: pointer;
}

/* md 추천 담기 버튼 */
.md_add_btn {
	padding: 3px 10px;
	border: 1px solid #222;
	border-radius: 4px;
	color: #222;
	cursor: pointer;
	width: 90%;
	margin: auto;
}

/* md 추천 찜 버튼 */
.md_like_btn {
	padding: 3px 10px;
	border: 1px solid #222;
	border-radius: 4px;
	color: #222;
	cursor: pointer;
	width: 90%;
	margin: auto;
}

/* 변경 권유 말풍선 */
.change_bubble {
	position: absolute;
	margin-left: 770px;
	margin-top: -40px;
	z-index: 10;
	cursor: pointer;
}

/* 변경 권유 말풍선 */
.change_bubble img {
	width: 60%;
}

.md_obj {
	cursor: pointer;
	color: #777;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin-bottom: 20px;
	padding: 8px;
}

.md_obj img {
	width: 200px;
	height: 145px;
}

/* 체크박스 중앙 정렬 */
.filter_obj_box input {
	vertical-align: middle;
	cursor: pointer;
}

/* 오늘의견적 담기 버튼 */
.today_add_btn {
	border: 1px solid #222222;
	border-radius: 4px;
}

/* 오늘의견적 찜 버튼 */
.today_like_btn {
	border: 1px solid #222222;
	border-radius: 4px;
}

.modal-counsel{
	max-width: 1200px;
}

#pop_div_product{
	height: 540px;
	overflow-y: scroll;
}



/* ============================================================================================ */
/* 견적 페이지 모바일 */
/* ============================================================================================ */

/* 모바일 상단 메뉴 */
.m_top_menu {
	background-color: #F3F3F3;
	padding: 4px 20px 7px 20px;
	border-radius: 4px;
	color: #222;
}

/* 모바일 상단 메뉴 이미지 */
.m_top_menu img {
	width: 80%;
}

/* 모바일 상단 메뉴 활성화 시 */
.m_top_menu_active {
	background-color: #FFF;
	padding: 5px 10px 5px 10px !important;
	border-radius: 4px;
	font-weight: 500;
	color: #222;
}

/* 모바일 고정 카테고리 */
.fix_category {
	position: fixed;
	top: 14.5rem;
	right: 0;
	overflow-y:scroll;
	width: 60px;
	height: calc(90vh - 210px);
	z-index:10;
}

/* 모바일 고정 카테고리 기기별 크기*/
@media (min-width: 630px) {
	.fix_category {
		width: 100px;
	}
}

.application_btn_m {
	position: fixed;
	top: 12rem;
	right: 0;
	width: 60px;
	background-color: #ff014a;
	color: #fff;
	text-align: center;
}

@media (min-width: 630px) {
	.application_btn_m {
		width: 100px;
	}
}

/* 모바일 내 손으로 견적 담기 버튼 */
.add_btn_m {
	padding: 4px;
	border: 1px solid #CCC;
	border-radius: 4px;
}

/* 모바일 내 손으로 견적 담기 버튼 활성화 */
.add_btn_active_m {
	padding: 4px;
	border: 1px solid #CCC;
	border-radius: 4px;
	width: 24px;
	height: 24px;
}

.add_btn_active_m img {
}

/* 모바일 md추천 견적 담기 버튼 */
.md_add_btn_m {
	padding: 3px;
    padding-right: 5px;
	border: 1px solid #CCC;
	border-radius: 4px;
}

/* 모바일 md추천 견적 찜 버튼 */
.md_like_btn_m {
	padding: 1px 4px;
	border: 1px solid #CCC;
	border-radius: 4px;
}

/* 견적 정렬 */
.estimate_select {
	font-size: 13px;
	border: 1px solid #eee;
	background-color: #fff;
	padding: 5px 9px 3px 5px;
	font-weight: 500;
}

/* 견적 정렬 모바일 */
.estimate_select_m {
	font-size: 12px;
	border: none;
	background-color: #F8F8FA;
	color: #777;
	padding: 4px 6px;
}

/* 찜 제품 확인/취소 팝업 */

.like_modal {
	position: fixed;
	bottom: 10%;
	left: 50%;
	transform: translate(-50%,0);
	width: 800px;
	background-color: #3F3F3F;
	padding: 20px;
	border-radius: 4px;
	z-index: 100;
}

.like_modal_del {
	position: fixed;
	bottom: 10%;
	left: 50%;
	transform: translate(-50%,0);
	width: 800px;
	background-color: #3F3F3F;
	padding: 20px;
	border-radius: 4px;
	z-index: 100;
}

.like_modal_est {
	position: fixed;
	bottom: 10%;
	left: 50%;
	transform: translate(-50%,0);
	width: 800px;
	background-color: #3F3F3F;
	padding: 20px;
	border-radius: 4px;
	z-index: 100;
}

.like_modal_est_del {
	position: fixed;
	bottom: 10%;
	left: 50%;
	transform: translate(-50%,0);
	width: 800px;
	background-color: #3F3F3F;
	padding: 20px;
	border-radius: 4px;
	z-index: 100;
}

.like_modal_m {
	position: fixed;
	bottom: 5%;
	left: 5%;
	width: 90%;
	background-color: #3F3F3F;
	padding: 15px;
	border-radius: 4px;
	z-index: 100;
}

.like_modal_del_m {
	position: fixed;
	bottom: 5%;
	left: 5%;
	width: 90%;
	background-color: #3F3F3F;
	padding: 15px;
	border-radius: 4px;
	z-index: 100;
}

.like_modal_est_m {
	position: fixed;
	bottom: 5%;
	left: 5%;
	width: 90%;
	background-color: #3F3F3F;
	padding: 15px;
	border-radius: 4px;
	z-index: 100;
}

.like_modal_est_del_m {
	position: fixed;
	bottom: 5%;
	left: 5%;
	width: 90%;
	background-color: #3F3F3F;
	padding: 15px;
	border-radius: 4px;
	z-index: 100;
}


/* ============================================================================================ */
/* 고객센터 페이지 */
/* ============================================================================================ */

.notice .title {
	font-size: 32px;
	letter-spacing: -0.8px;
	color: #191919;
	font-weight: 500;
}

/* ============================================================================================ */
/* modal_ */
/* ============================================================================================ */

/* ============================================================================================ */

.modal-dialog {
	pointer-events: auto;
}

/* 제품 상세 모달 */
.product_modal {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow-y: auto;
	top: 0;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 100000;
}

/* x 버튼 */
.product_modal .modal_head img {
	width: 24px;
}

.product_modal .modal_content {
	background-color: #ffffff;
	width: 100%;
	height: 800px;
	overflow-y: auto;
	position: absolute;
	top: 5%;
	border-radius: 4px;
}

.product_modal .modal_head {
	border-bottom: 1px solid #eee;
}

/* modal_estimate */
.estimate_modal {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow-y: auto;
	top: 0;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 100000;
}

/* x 버튼 */
.estimate_modal .modal_head img {
	width: 24px;
}

.estimate_modal .modal_content {
	background-color: #ffffff;
	width: 740px;
	height: 800px;
	overflow-y: auto;
	position: absolute;
	top: 5%;
	border-radius: 4px;
}

.estimate_modal .modal_head {
	border-bottom: 1px solid #eee;
}
/* ============================================================================================ */

/* ============================================================================================ */
/* modal_sheet */
.sheet_modal {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow-y: auto;
	top: 0;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 10;
}

.sheet_modal .modal_content {
	background-color: #ffffff;
	width: 730px;
	position: absolute;
	top: 10%;
	border-radius: 4px;
}

.sheet_modal .modal_content .modal_sheet_head {
	border-bottom: 1px solid #777;
}

.sheet_modal .modal_content .del_btn {
	position: absolute;
	margin-left: 90%;
}

.sheet_modal .modal_content .del_btn img {
	width: 24px;
	height: 24px;
}

.sheet_modal .modal_content .logo_img img {
	width: 125px;
}

.sheet_modal .modal_content .time_img {
	position: absolute;
	margin-left: 465px;
}

.sheet_modal .modal_content .time_img img {
	width: 40px;
}

.sheet_card img {
	width: 100%;
}

.sheet_input input {
	width: 76%;
	height: 30px;
	padding-left: 5px;
	border: 1px solid #CACACA;
	border-radius: 4px;
	font-size:13px;
}

.sheet_btn button {
	background-color: #999;
	color: #fff;
	border: none;
	width: 50px;
	height: 30px;
	border-radius: 4px;
	margin-left: 5px;
}

/* modal_sheet_m */
.sheet_modal_m .modal_sheet_head_m {
	border-bottom: 1px solid #eee;
}

.sheet_modal_m .fix_bottom {
	background-color: #F5F5F5;
	position: fixed;
	margin: auto;
	bottom: 0;
	width: 100%;
}

.modal_sheet_m .del_btn {
	position: absolute;
	margin-left: 90%;
}

.modal_sheet_m .del_btn img {
	width: 18px;
	height: 18px;
}
/* ============================================================================================ */

/* ============================================================================================ */
/* modal_filter_m */
.filter_modal_m {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow-y: auto;
	top: 0;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 10;
}

.filter_modal_m .modal_content_m {
	background-color: #ffffff;
	width: 100%;
	position: absolute;
	bottom: 0;
}

.modal_content_m2 {
	background-color: #ffffff;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

.filter_modal_m .modal_head_m {
	border-bottom: 1px solid #ededed;
}

.cart_prd {
	border-bottom: 1px solid #eee;
}

.cart_prd .cart_min_btn {
	border: 1px solid #eee;
	background-color: #fff;
}

.cart_prd .cart_plus_btn {
	border: 1px solid #eee;
	background-color: #fff;
}

.cart_prd input {
	border: 1px solid #eee;
	width: 30%;
	background-color: #fff;
	text-align: center;
}

.modal_body_m .filter {
	height: 35px;
	width: 100%;
	border-bottom: 1px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.modal_body_m .filter_active {
	height: 35px;
	width: 100%;
	border-bottom: 1px solid #fff;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* ============================================================================================ */

/* ============================================================================================ */
/* modal_cart_m */
.cart_modal_m {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow-y: auto;
	top: 0;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 10;
}

.cart_modal_m .modal_content_m {
	background-color: #ffffff;
	width: 100%;
	position: absolute;
	top: 80%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.cart_modal_m .modal_head_m {
	border-bottom: 1px solid #777;
}
/* ============================================================================================ */





/* 광규 */
.btn_colse{
	cursor: pointer;
}


.gray_box{
	height: 16px;
	background: #F2F2F2 0% 0% no-repeat padding-box;
}

.mypage_title{
	text-align: center;
	letter-spacing: -0.8px;
	color: #222222;
	font-size: 32px;
}

.pop_counsel_product_title{
	font-size: 18px !important;
	color: #ff014a;
}

/* 스크롤 */
.c_scroll::-webkit-scrollbar{
	width: 5px;  /* 스크롤바의 너비 */
}

.c_scroll::-webkit-scrollbar-thumb{
	height: 30%; /* 스크롤바의 길이 */
	background: #a7a7a7; /* 스크롤바의 색상 */
	
	border-radius: 10px;
}

.c_scroll::-webkit-scrollbar-track{
	background: rgba(33, 122, 244, .1);  /*스크롤바 뒷 배경 색상*/
}