@import 'reset.css';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/* .wrap-page{
  min-width: auto !important;
}
html{
  width: 100%;
}

body{
  width: 100%;
}

section.sec_profile {
  width: 100%;
}
section.sec_tab {
  width: 100%;
}
.tabs_wrap {
  width: 100%;
}
div#tab-1 {
  width: 100%;
}
.inner {
  width: 100%;
}
ul.tabs.inner-tabs {
  width: 100%;
} */
/* 공통 */
.container {
	padding-top: 80px;
}
input,
textarea,
button {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.inner {
	/* height: 100%; */
	max-width: 1240px;
	margin: auto;
}

.btn {
	cursor: pointer;
}

.cen {
	display: flex;
	align-items: center;
	justify-content: center;
}

button {
	font-family: 'Noto Sans KR', sans-serif;
	background: none;
	border: none;
}

.mo_ver {
	display: none;
}
/* 개별 */
.cover_img {
	width: 1280px;
	height: 426px;
	background: lightgray no-repeat center / 100% 100%;
	background-position: center;
	background-size: 100% 100%;
	margin: auto;
	border-radius: 20px;
}

.cover_img .inner {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	height: 100%;
}

.cover_img .inner button {
	width: 108px;
	height: 32px;
	opacity: 0.9;
	border-radius: 5px;
	border: solid 1px #c9c9c9;
	background-color: #fff;
	font-size: 12px;
	font-weight: 500;
	color: #686868;
	margin-bottom: 24px;
}
.cover_img .inner .cover_btn {
	width: 108px;
	height: 32px;
	opacity: 0.9;
	border-radius: 5px;
	border: solid 1px #c9c9c9;
	background-color: #fff;
	font-size: 12px;
	font-weight: 500;
	color: #686868;
	margin-bottom: 24px;
	text-align: center;
	line-height: 30px;
}

.sec_profile .top {
	position: relative;
	display: flex;
	justify-content: flex-end;
	padding: 22px 0 14px;
}

.sec_profile .top .img_con {
	width: 167px;
	height: 167px;
	background-color: #fff;
	border-radius: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 10px;
}

.sec_profile .top .img_con img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.sec_profile .btn_con .btn {
	width: 134px;
	height: 48px;
	border-radius: 38px;
	border: solid 1px #c9c9c9;
	font-size: 16px;
	font-weight: bold;
	color: #888;
	margin-left: 24px;
}

.sec_profile .btn_con .btn_follow {
	background-color: #fec123;
	color: #fff;
	border: none;
}

.sec_profile .btn_con .btn_following {
	background-color: #f2f2f2;
	color: #8d8d8d;
	border: 1px solid #c9c9c9;
}

.sec_profile .btn_con .btn_following:hover {
	background-color: #fff;
	color: #ff6666;
	border-color: #ff6666;
}

.sec_profile .btn_con .btn_following:after {
	content: '팔로잉';
}

.sec_profile .btn_con .btn_following:hover:after {
	content: '팔로우 취소';
}

.sec_profile .btn_con .btn_edit {
	display: none;
	cursor: pointer;
}

.sec_profile .bottom .uid {
	font-size: 19px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #868686;
}

.sec_profile .bottom .nickname {
	position: relative;
	display: flex;
	align-items: center;
	margin: 2px 0 10px;
}

.sec_profile .bottom .nickname span {
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	color: #272727;
	margin-right: 20px;
}

.sec_profile .bottom .nickname .icon_arrow {
	width: 24px;
	height: 14px;
	background: url('//d2i2w6ttft7yxi.cloudfront.net/site_img/seller/images/icon/arrow_down.png')
		no-repeat center / 100%;
}

.sec_profile .bottom .nickname.show .icon_arrow {
	background: url('//d2i2w6ttft7yxi.cloudfront.net/site_img/seller/images/icon/arrow_up.png')
		no-repeat center;
}

.sec_profile .bottom .profile_list {
	position: absolute;
	width: 265px;
	border-radius: 5px;
	box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.16);
	background-color: #fff;
	padding: 8px 12px 14px;
	top: 100%;
	display: none;
	z-index: 1;
}

.sec_profile .bottom .nickname.show .profile_list {
	display: block;
}

.sec_profile .bottom .profile_list .title {
	font-size: 10px;
	font-weight: 500;
	text-align: left;
	color: #6a6a6a;
	margin-bottom: 13px;
}

.sec_profile .bottom .profile_list li {
	display: flex;
	align-items: center;
	margin: 5px 0;
	cursor: pointer;
}

.sec_profile .bottom .profile_list li img {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	margin-right: 11px;
}

.sec_profile .bottom .profile_list li span {
	font-size: 14px;
	font-weight: 500;
	color: #000;
}

.sec_profile .bottom .profile_desc {
	font-size: 19px;
	font-family: NotoSansCJKkr;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #363636;
	margin: 14px 0;
}

.sec_profile .bottom .sns_con {
	margin: 20px 0 20px;
}

.sec_profile .bottom .sns_con img {
	width: 25px;
	height: 25px;
	border-radius: 8px;
	display: inline-block;
	margin-right: 24px;
	box-shadow: 0 0 10px 0 rgb(140 140 140 / 40%);
}

.sec_profile .bottom .follow_con {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.sec_profile .bottom .follow_con .row {
	display: flex;
	align-items: center;
}

.sec_profile .bottom .follow_con .num {
	font-size: 16px;
	font-weight: 900;
	color: #141414;
	margin-right: 32px;
}

.sec_profile .bottom .follow_con .txt {
	font-size: 15px;
	font-weight: 300;
	color: #141414;
	margin-right: 56px;
}

.sec_profile .bottom .follow_info {
	display: flex;
	align-items: center;
	margin: 20px 0 20px;
}

.sec_profile .bottom .follow_img img {
	margin-left: -22px;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	box-shadow: 0 3px 20px 0 rgb(0 0 0 / 16%);
}

.sec_profile .bottom .follow_img img:first-child {
	margin-left: -6px;
}

.sec_profile .bottom .follow_info .txt {
	font-size: 13px;
	font-weight: 300;
	color: #888;
	margin-left: 10px;
}

.sec_tab .tabs_wrap {
	border-top: solid 1px #e9e9e9;
	border-bottom: solid 1px #e9e9e9;
}

.sec_tab ul.tabs {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	max-width: 1240px;
	margin: auto;
	height: 44px;
}

.sec_tab ul.tabs li {
	position: relative;
	height: 100%;
	padding: 0 10px;
	margin-right: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 15px;
	font-weight: 500;
	color: #272727;
}

.sec_tab ul.tabs li.current {
	font-weight: bold;
}

.sec_tab ul.tabs li.current::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 5px;
	background-color: #fec123;
	border-radius: 5px;
	bottom: -2.5px;
}

.tab-content {
	display: none;
}
.tab-content.current {
	display: inherit;
}

.sec_tab .inner {
	padding: 28px 0 90px;
}

.sec_tab .inner-tabs .inner-tap-menu {
	height: 35px;
	border-radius: 8px;
	border-radius: 8px;
	border: solid 1px #727272;
	background: #ffffff;
	font-size: 12px;
	font-weight: 500;
	color: #727272;
	margin-right: 22px;
}

/* .sec_tab .inner-tabs .inner-tap-menu:first-child {
  width: 102px;
} */

.sec_tab .inner-tabs .inner-tap-menu {
	width: 110px;
}

.sec_tab .inner-tap-menu.current::before {
	display: none;
}

.sec_tab .inner-tabs .inner-tap-menu.current {
	background-color: #242424 !important;
	font-weight: bold;
	color: #fff !important;
	border: none;
}

.sec_tab .grid_con {
	display: flex;
	margin-top: 26px;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.sec_tab .grid_con .card {
	width: 19%;
	border-radius: 5px;
	box-shadow: 0 1px 10px 0 rgb(0 0 0 / 5%);
	border-radius: 6px;
	background-color: #fff;
	margin-right: 1%;
	margin-bottom: 1%;
	list-style: none;
}

.sec_tab .card .thumbnail {
	overflow: hidden;
	border-radius: 5px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	aspect-ratio: 1/1;
}

.sec_tab .card .thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sec_tab .card .card_info {
	padding: 6px 12px 12px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.sec_tab .card .card_info .title {
	margin: 17px 0 0 0;
	height: 48px;
	font-size: 16px;
	color: #3d3b3a;
	font-weight: 500;
	line-height: 24px;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.sec_tab .card .card_info .data {
	padding: 7px 0 0 0;
	overflow: hidden;
	color: #646464;
	font-size: 12px;
	font-weight: 100;
	line-height: 18px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}

.sec_tab .card .card_info .data img {
	margin-right: 8px;
}

.sec_tab .card .card_info .bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 0 0 0;
}

.sec_tab .card .card_info .user {
	display: flex;
	align-items: center;
}

.sec_tab .card .card_info .user .img_con {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: #bfbfbf;
	margin-right: 6px;
	background: url('//d2i2w6ttft7yxi.cloudfront.net/site_img/seller/images/icon/icon_user01.png')
		no-repeat center / 100%;
}

.sec_tab .card .card_info .user .name {
	color: #8e8e8e;
	font-size: 12px;
	font-weight: 300;
	line-height: 24px;
}

.sec_tab .card .card_info .count {
	float: right;
	line-height: 24px;
	color: #8e8e8e;
	font-size: 12px;
	font-weight: 300;
}

.sec_tab .pagenation {
	display: flex;
	justify-content: center;
	margin-top: 60px;
}

.sec_tab .pagenation ul {
	display: inline-flex;
	border: solid 1px #e8e8e8;
}

.sec_tab .pagenation li {
	width: 38px;
	height: 40px;
	font-size: 14px;
	font-weight: 300;
	text-align: left;
	color: #5f5f5f;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: solid 1px #e8e8e8;
	cursor: pointer;
}

.modal-background {
	display: none;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(51, 51, 51, 0.5);
	z-index: 900;
}

.modal-content {
	overflow: hidden;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 650px;
	max-height: 815px;
	height: 80vh;
	border: solid 1px #cecece;
	background-color: #ffffff;
	border-radius: 24px;
	padding: 30px 40px;
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 901;
}

.cropper-modal-content {
	overflow: hidden;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	height: 100%;
	max-width: 650px;
	border: solid 1px #cecece;
	background-color: #ffffff;
	border-radius: 24px;
	padding: 30px 40px;
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 901;
}

/* .modal-content.modal-content1 {
  max-width: 500px;
  height: 610px;
  border-radius: 20px;
  padding: 30px 27px;
} */

.modal-content .modal_wrap {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.modal-content .modal_title {
	position: relative;
	font-size: 28px;
	font-weight: bold;
	color: #000;
	text-align: center;
	margin-bottom: 24px;
}

.modal-content .modal_title img {
	position: absolute;
	top: 50%;
	right: -16px;
	transform: translate(0%, -50%);
	width: 38px;
}

.modal-content .follow_list {
	overflow-y: auto;
}

.modal-content .follow_list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.modal-content .follow_list li .left {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.modal-content .follow_list li img {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	margin-right: 26px;
}

/* .modal-content .follow_list li .user_name {
  font-size: 18px;
  color: #000;
} */

.modal-content .follow_list li .btn {
	border-radius: 38px;
	border: solid 1px #c9c9c9;
	width: 134px;
	height: 48px;
	font-size: 16px;
	font-weight: bold;
	color: #8d8d8d;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f2f2f2;
}

.modal-content .follow_list li .btn:hover {
	background-color: #fff;
	color: #ff6666;
	border-color: #ff6666;
}

.modal-content .follow_list li .btn.active {
	background-color: #fec123;
	color: #fff;
	border: none;
}

.modal-content3 {
	padding: 24px 22px 22px;
	max-width: 347px;
	max-height: 320px;
	height: auto;
	border-radius: 20px;
}
.modal-content3 h2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
	color: #000;
	text-align: center;
}

.modal-content3 .desc {
	font-size: 15px;
	color: #747474;
	margin: 20px 0 20px;
	line-height: 1.3;
	text-align: center;
}

.modal-content3 .btn {
	width: 100%;
	height: 48px;
	border-radius: 20px;
	border: solid 1px #707070;
	background-color: #fff;
	font-size: 15px;
	font-weight: bold;
	color: #898989;
}

.modal-content3 .btn_follow_cancel {
	background-color: #fec123;
	color: #fff;
	margin-bottom: 10px;
	border: none;
}

/* 팔로워 목록 */
#follower_list .sec_tab ul.tabs {
	padding: 0;
	height: 93px;
}

#follower_list .sec_tab ul.tabs li {
	width: 50%;
	padding: 0;
	font-size: 28px;
	font-weight: 500;

	color: #525252;
	margin: 0;
}

#follower_list .sec_tab ul.tabs li.current {
	font-weight: bold;
	color: #000;
}

#follower_list .sec_tab ul.tabs li.current::before {
	max-width: none;
	width: 100%;
}

#follower_list .search_con {
	padding: 32px;
}

#follower_list .search_con .input_wrap {
	width: 100%;
	height: 91px;
	border-radius: 11px;
	background-color: #efefef;
	display: flex;
	align-items: center;
	padding: 0 18px;
}

#follower_list .search_con .input_wrap img {
	margin-right: 19px;
}

#follower_list .search_con .input_wrap input {
	border: none;
	height: 100%;
	flex: 1;
	background: none;
	font-size: 34px;
}

#follower_list .search_con .input_wrap input::placeholder {
	font-size: 34px;
	color: #9d9d9d;
}

#follower_list .tab-content {
	display: none;
	padding: 0 32px;
}
#follower_list .tab-content.current {
	display: inherit;
}

#follower_list .follow_list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 26px;
}

#follower_list .follow_list .left {
	display: flex;
	align-items: center;
	width: 80%;
}

#follower_list .follow_list .avatar {
	border-radius: 50%;
}

#follower_list .follow_list .user_info {
	display: flex;
	flex-direction: column;
	margin-left: 18px;
	width: 80%;
}

#follower_list .follow_list .user_name {
	font-size: 30px;
	font-weight: bold;
	color: #525252;
	line-height: 1.4;
}

#follower_list .follow_list .user_desc {
	font-size: 24px;
	font-weight: 300;
	color: #8d8d8d;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.6;
}

#follower_list .follow_list .btn {
	min-width: 195px;
	height: 71px;
	border-radius: 36px;
	border: solid 1px #c9c9c9;
	font-size: 28px;
	font-weight: 500;
	color: #8d8d8d;
	background-color: #f2f2f2;
}

#follower_list .follow_list .btn:hover {
	background-color: #fff;
	color: #ff6666;
	border-color: #ff6666;
}

#follower_list .follow_list .btn.active {
	background-color: #fec123;
	color: #fff;
	border: none;
}

li.page-item.active,
li.page-item.active:hover,
li.page-item.active:focus {
	z-index: 1;
	color: #373a3c;
	background-color: #fff;
	cursor: default;
	font-weight: 800;
}

li.disabled {
	cursor: none;
	pointer-events: none;
	color: #989;
	cursor: not-allowed;
	opacity: 0.3;
}

/* 찜css */
.sec_tab .card .btn-like {
	display: inline-block;
	position: absolute;
	top: 8px;
	right: 8px;
	width: 36px;
	height: 37px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/seller/images/icon/icon_like.png)
		no-repeat;
	z-index: 1;
}

.sec_tab .card .btn-like2 {
	display: inline-block;
	position: absolute;
	top: 8px;
	right: 8px;
	width: 36px;
	height: 37px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/seller/images/icon/icon_like2.png)
		no-repeat;
	z-index: 1;
}

.sec_tab .card .zzim_div {
	position: relative;
}

.modal-content button.btn.cancel:after {
	content: '팔로잉';
}

.modal-content button.btn.cancel:hover:after {
	content: '팔로우 취소';
}

.follow_list button.btn.cancel:after {
	content: '팔로잉';
}

.follow_list button.btn.cancel:hover:after {
	content: '팔로우 취소';
}

.p_home_btn {
	background: url('//d2i2w6ttft7yxi.cloudfront.net/site_img/seller/images/icon/home.png');
	background-size: cover;
	width: 30px;
	height: 30px;
}

.sec_profile .btn_con {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}

.search_user_con {
	position: relative;
	display: none;
}

.search_user_con .input_wrap {
	display: flex;
	align-items: center;
	width: 25vw;
	height: 51px;
	background-color: #efefef;
	border-radius: 11px;
	padding: 0 15px;
}

.search_user_con .input_wrap img {
	width: 25px;
}

.search_user_con .input_wrap input {
	border: none;
	height: 100%;
	flex: 1;
	background: none;
}

.search_user_con .search_user_list {
	display: none;
	min-height: 100px;
	position: absolute;
	z-index: 1;
	background-color: #f9f9f9;
	width: 100%;
	text-align: center;
	padding-top: 3vh;
}

.search_user_box {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	padding: 5px;
}

.search_user_box .search_user_img {
	width: 25px;
	border-radius: 50%;
}

.search_user_box .search_user_info {
	display: flex;
	flex-direction: column;
}

.qna_con {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.qna_card {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 26px 26px 16px;
	border-radius: 17px;
	border: solid 1px #dadada;
	margin: 1% 0;
}

.qna_title_grid {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	border-bottom: 1px solid #c4c4c4;
	margin-bottom: 1%;
	position: relative;
	padding-bottom: 1%;
}

.qna_title_grid span {
	flex-grow: 0;
	margin-right: 1%;

	font-size: 22px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #fec123;
}

.qna_title_grid div {
	flex-grow: 0;

	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #121212;
}
.qna_title_flex {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	width: 100%;
}

.qna_title_grid .qna_state1 {
	width: 10%;
	position: absolute;
	right: 0;
	flex-grow: 0;

	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	border-radius: 12px;
	background-color: #fabe2c;
	color: #fff;
	padding: 0.5% 1%;
}

.qna_title_grid .qna_state2 {
	width: 10%;
	position: absolute;
	right: 0;
	flex-grow: 0;

	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	border-radius: 12px;
	background-color: #565656;
	color: #fff;
	padding: 0.5% 1%;
}

.qna_input_grid {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

.qna_input_grid .comment_con {
	width: 85%;
	flex-grow: 0;
	border-radius: 20px;
	border: solid 1px #dadada;
	background-color: #fff;
	padding: 2%;
}

.qna_input_grid button {
	width: 10%;
	flex-grow: 0;
	border-radius: 12px;
	background-color: #fec123;

	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	padding: 1% 0;
}

.qna_btn_grid {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	flex-direction: row;
	flex-wrap: nowrap;
}

.qna_btn_grid img {
	width: 28px;
	height: 28px;
	flex-grow: 0;
	object-fit: contain;
}

.qna_btn_grid button {
	flex-grow: 0;

	font-size: 14px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #6a6a6a;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	margin: 0 1%;
}

.qna_con_grid .qna_commenter_info {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	width: 100%;
}

.qna_con_grid .qna_commenter_info .qna_commenter_info_grid {
	display: flex;
	flex-direction: column;
	width: 30%;
}

.qna_con_grid .qna_commenter_info .qna_commenter_info_grid div {
	margin-bottom: 1%;
	width: 100%;
}

.qna_con_grid .qna_commenter_info img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right: 1%;
}

.qna_con_grid .qna_commenter_info .qna_commenter_name {
	flex-grow: 0;

	font-size: 18px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #6a6a6a;
	margin-right: 1%;
}

.qna_con_grid .qna_commenter_info .qna_commenter_sns_id {
	flex-grow: 0;

	font-size: 14px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #6a6a6a;
}

.qna_con_grid .qna_commenter_info .qna_reg_date {
	flex-grow: 0;

	font-size: 14px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #6a6a6a;
}

.qna_con_grid .qna_con_text {
	flex-grow: 0;
	margin: 16px 0 14px;
	padding: 23px 26px 22px;
	border-radius: 20px;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
	background-color: #fff;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}
.qna_con_grid .qna_con_text .con {
	width: 80%;
}

.qna_con_grid .qna_con_text .con span {
	color: #ededed;
	font-size: 14px;
	margin-left: 10px;
}

.qna_con_grid .qna_con_text input {
	width: 80%;
}

.qna_con_grid .qna_con_text .comment_con {
	border: 1px solid #ededed;
	border-radius: 10px;
	padding: 5px;
}

.qna_con_grid .qna_con_text .qna_like {
	width: 20px;
	height: 20px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/seller/images/icon/qna_white_like.png)
		no-repeat;
	z-index: 1;
	background-size: contain;
}

.qna_con_grid .qna_con_text .qna_like2 {
	width: 20px;
	height: 20px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/seller/images/icon/icon_like2.png)
		no-repeat;
	z-index: 1;
	background-size: contain;
}

.like_cnt_grid {
	flex-grow: 0;
	margin: 3px 0 5px 4px;

	font-size: 14px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #6a6a6a;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}

.like_cnt_grid img {
	width: 25px;
	height: 25px;
}

.qna_form_box {
	display: flex;
	flex-direction: column;
}

.qna_form_box span {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;

	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #121212;
	margin-bottom: 1%;
}

.qna_form_box span img {
	width: 26px;
	height: 26px;
	margin-right: 1%;
}

.qna_form_box textarea {
	flex-grow: 0;
	padding: 26px;
	border-radius: 17px;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);
	background-color: #fff;
	margin-bottom: 1%;
	min-height: 196px;
	border: none;
}

.qna_form_box button {
	border-radius: 12px;
	width: 100%;
	background-color: #fec123;
	flex-grow: 0;

	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	padding: 1% 0;
}

.user_name {
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #000;
}
.user_sns_id {
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #727272;
}
.user_introduce {
	font-size: 15px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #b2b2b2;
}

.cropper_header {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 10px;
}

.cropper_header div {
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: nowrap;
}

.cropper_header .close_btn {
	width: 19px;
	height: 19px;
}

.cropper_header .close_btn img {
	width: 7px;
	height: 12px;
	display: inline-block;
	margin-top: 1px;
}

.cropper_header span {
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #000;
	padding-top: 4px;
	margin-left: 14px;
}

.cropper_header .save_btn {
	border-radius: 19px;
	background-color: #fec123;

	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	width: 63px;
	height: 30px;
}

.data_none {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.data_none img {
	margin-bottom: 16px;
	width: 110px;
	height: 80px;
}

.data_none span {
	font-size: 15px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #9f9f9f;
	margin-bottom: 33px;
}

.data_none a {
	border-radius: 20px;
	border: solid 1px #717171;
	background-color: #fff;
	font-size: 15px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #9f9f9f;
	padding: 14px;
}