/*modal*/
.join-start p:first-child {
	margin-bottom: 8px;
	color: #000;
}
p.modal-title {
	font-size: 17px;
	text-align: center;
	width: 100%;
	font-weight: 400;
}
.accept-check-wrap .check-wrap p {
	color: #2d4697;
	margin-bottom: 5px;
}
.template-detail-wrapper .tmp-detail-box .title p.hh {
	margin-bottom: 0;
	font-size: 23px;
	color: #191919;
}
p.modal-title {
	font-size: 17px;
	text-align: center;
	width: 100%;
	font-weight: 400;
}

/*main*/
.main-product-list figcaption p {
	margin-bottom: 0.5rem;
	line-height: 1.2;
	margin-top: 0;
}
.small-img-wrapper .text-box p.title {
	margin-bottom: 0.5rem;
	font-weight: 500;
	line-height: 1.2;
	margin-top: 0;
}
/*  23.04.28 인기 & 이벤트 상품 리스트 추가 시 긴 상품명 말줄임표 처리 */
.pop-event-items {
	width: auto;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
} /* 너비 224px은 텍스트 박스 크기에서 패딩값 제외한 값으로 설정했습니다! 추후 레이아웃 변경시에 참고해주세요!*/
/* 23.06.21 인기상품 최소가격, 사이즈 수량 표시 일원화 작업*/
.new-product-price-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}

/* 23.06.12 롤 스티커 리뉴얼 후 변경사항에 대한 아이콘 커스터마이징(.box-info) */
@media (max-width: 1100px) {
	.box-info-wrap {
		display: block;
		margin-top: 10px;
	}
}
/*product-list*/
p.t_title {
	margin-bottom: 0.5rem;
	font-weight: 500;
	line-height: 1.2;
	margin-top: 0;
	font-size: 1.5rem;
}
.grid figcaption p.tcenter {
	font-weight: 500;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.2;
	margin-top: 0;
}
.side_img {
	width: 86.5%;
}
.message_info_box {
	width: 70%;
	border: 1px solid #e0e0e0;
	text-align: center;
	margin: 0 auto;
}
@media (max-width: 767px) {
	.message_info_box {
		width: 100%;
	}
	.v7 .img-form-section .banner-wrapper .title-container h1 .title {
		font-size: 1.7rem;
		line-height: 2rem;
	}
	.v7 .img-form-section .banner-wrapper .title-container {
		margin-top: 30px;
		padding-top: 20px;
	}
}
@media (max-width: 350px) {
	/* 23.05.12  롤 스티커 제목용으로 다른 부분에서 2줄로 넘어갈 시 롤 스티커 확인하면서 수정 */
	.v7 .img-form-section .banner-wrapper .title-container h1 .title {
		font-size: 7vw;
		line-height: 10vw;
	}
}

/* product-list/category/stickers */
/* 23.05.04 스티커 카테고리 안내 페이지 제작 시 필요한 커스텀 스타일 */
.sticker-guide-layout {
	justify-content: center;
}
.sticker-guide-container {
	flex-direction: row-reverse;
	justify-content: center;
	gap: 50px;
}
.sticker-guide-container > .docs-sidebar-wrapper {
	-ms-flex: 0 0 240px;
	flex: 0 0 240px;
	max-width: 240px;
	padding-top: 70px !important;
}
.sticker-guide-contents {
	padding-top: 50px !important;
	-ms-flex: 0 0 calc(100% - 300px) !important;
	flex: 0 0 calc(100% - 300px) !important;
	max-width: calc(100% - 300px) !important;
}
.sticker-guide-contents > h1 {
	padding-left: 0 !important;
	padding-bottom: 0 !important;
	font-size: 48px !important;
	border-bottom: none !important;
}
.sticker-guide-contents-desc-box {
	display: flex;
	justify-content: center;
	gap: 30px;
}
.sticker-guide-contents-desc-box > .text_left {
	padding: 30px 0 0 0 !important;
	font-size: 18px;
	border: none !important;
}
.sticker-guide-contents-desc-box > img {
	width: 45%;
	min-width: 398px;
	max-height: 269px;
	border: none !important;
}
.sticker-guide-contents-section {
	padding: 50px 0 !important;
}
.sticker-guide-contents-section:first-child {
	padding-top: 100px !important;
}
.sticker-guide-contents-section img {
	width: 45%;
	border: none !important;
}

/* products/roll-stickers-v2 */
/* 23.05.08 롤스티커 주문페이지 상품소개 커스텀 스타일 */
/* 23.06.02 롤스티커 주문페이지 상품소개 내용 수정 */
.roll-stickers-titleinfo-wrapper {
	position: relative;
	padding: 350px 50px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f5eaff 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #f5eaff 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f5eaff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5eaff',GradientType=0 );
}
.roll-stickers-titleinfo-bgtitle {
	position: absolute;
	font-size: 96px;
	transition: font-size 300ms;
}
.roll-stickers-titleinfo-bgtitle01 {
	right: 50px;
	top: 100px;
	color: #8d6cac;
}
.roll-stickers-titleinfo-bgtitle02 {
	right: 50px;
	top: 180px;
	color: #c0a3db;
}
/* 원래 max-width: 500px인데 스 <<< 이 글자 하나만 밑으로 떨어지는거 방지용 5px 추가 */
.roll-stickers-titleinfo-innerbox {
	max-width: 505px;
}
.roll-stickers-titleinfo-imgbox {
	position: absolute;
	width: 800px;
	height: 560px;
	right: 0;
	bottom: 0px;
	transition-duration: 300ms;
}
.roll-stickers-titleinfo-imgbox > img {
	display: block;
	width: 100%;
	height: 100%;
}
.roll-stickers-img-wrapper {
	background-color: #f5eaff;
	padding: 150px 0 100px;
}
.roll-stickers-img-innerbox {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 800px;
	height: 500px;
	margin-left: auto;
	background-color: #fff;
	border-radius: 20px 0 0 20px;
}
.roll-stickers-img-innerbox > h2 {
	position: relative;
}
.roll-stickers-img-innerbox > h2::after {
	display: block;
	position: absolute;
	width: 100%;
	height: 5px;
	left: -5px;
	top: 100px;
	background-color: #8d6cac;
	content: '';
}
.roll-stickers-img-content {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 4fr 1fr;
	gap: 10px;
	justify-content: center;
	align-items: center;
	width: 90%;
	height: 60%;
}
.roll-stickers-img-content > img {
	display: block;
	width: 233px;
	height: 233px;
}
.roll-stickers-img-content > p {
	text-align: center;
}
.roll-stickers-desc-wrapper {
	background: #f5eaff;
	background: -moz-linear-gradient(top, #f5eaff 0%, #fbf7ff 100%);
	background: -webkit-linear-gradient(top, #f5eaff 0%, #fbf7ff 100%);
	background: linear-gradient(to bottom, #f5eaff 0%, #fbf7ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5eaff', endColorstr='#FBF7FF',GradientType=0 );
}
.roll-stickers-desc-titlebox {
	width: 900px;
	height: 150px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 20px;
}
.roll-stickers-desc-content-imgbox > h2::after {
	left: 8px !important;
}
.roll-stickers-desc-content01-wrapper {
	display: flex;
	flex-direction: row-reverse;
	padding: 40px 0 !important;
}
.roll-stickers-desc-content01-textbox {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 400px;
	height: 600px;
}
.roll-stickers-desc-content01-imgbox {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 800px;
	height: 600px;
	gap: 10px;
	background-color: #fff;
	border-radius: 0 20px 20px 0;
}
.roll-stickers-desc-content01-imgbox > h2 {
	position: relative;
}
.roll-stickers-desc-content01-imgbox > h2::after {
	display: block;
	position: absolute;
	width: 100%;
	height: 5px;
	left: 0;
	top: 64px;
	background-color: #8d6cac;
	content: '';
}
.roll-stickers-desc-content01 {
	display: flex;
	gap: 10px;
	justify-content: center;
	width: 75%;
	height: 80%;
}
.roll-stickers-desc-content01 > img {
	display: block;
	width: 100%;
	height: 100%;
}
.roll-stickers-desc-content01 p {
	text-align: center;
}
.roll-stickers-desc-content02-wrapper {
	display: flex;
	padding: 40px 0 !important;
}
.roll-stickers-desc-content02-textbox {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 400px;
	height: auto;
}
.roll-stickers-desc-content02-imgbox {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 800px;
	height: fit-content;
	background-color: #fff;
	border-radius: 20px 0 0 20px;
}
.roll-stickers-desc-content02-imgbox > h2 {
	position: relative;
}
.roll-stickers-desc-content02-imgbox > h2::after {
	display: block;
	position: absolute;
	width: 100%;
	height: 5px;
	left: 0;
	top: 64px;
	background-color: #8d6cac;
	content: '';
}
.roll-stickers-desc-content02 {
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: flex-start;
	width: 85%;
	height: 75%;
}
.roll-stickers-desc-content02 > img {
	display: block;
	width: 100%;
	height: 50%;
}
.roll-stickers-desc-content02 p {
	text-align: center;
}
.roll-stickers-desc-content03-wrapper {
	display: flex;
	flex-direction: row-reverse;
	padding: 40px 0 !important;
}
.roll-stickers-desc-content03-textbox {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 400px;
	height: auto;
}
.roll-stickers-desc-content03-imgbox {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 800px;
	height: fit-content;
	background-color: #fff;
	border-radius: 0 20px 20px 0;
}
.roll-stickers-desc-content03-imgbox > h2 {
	position: relative;
}
.roll-stickers-desc-content03-imgbox > h2::after {
	display: block;
	position: absolute;
	width: 100%;
	height: 5px;
	left: 0;
	top: 64px;
	background-color: #8d6cac;
	content: '';
}
.roll-stickers-desc-content03 {
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: flex-start;
	width: 85%;
	height: 75%;
}
.roll-stickers-desc-content03 > img {
	display: block;
	width: 30%;
	height: auto;
	margin: 0 auto;
}
.roll-stickers-desc-content03 p {
	text-align: center;
}
.roll-stickers-desc-content04-wrapper {
	display: flex;
	padding: 40px 0 !important;
}
.roll-stickers-desc-content04-textbox {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 400px;
	height: 600px;
}
.roll-stickers-desc-content04-imgbox {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 800px;
	height: 600px;
	background-color: #fff;
	border-radius: 20px 0 0 20px;
}
.roll-stickers-desc-content04-imgbox > h2 {
	position: relative;
}
.roll-stickers-desc-content04-imgbox > h2::after {
	display: block;
	position: absolute;
	width: 100%;
	height: 5px;
	left: 0;
	top: 64px;
	background-color: #8d6cac;
	content: '';
}
.roll-stickers-desc-content04 {
	display: flex;
	justify-content: center;
	gap: 50px;
	width: 720px;
	height: 400px;
}
.roll-stickers-desc-content04 > div {
	width: 20%;
}
.roll-stickers-desc-content04 img {
	display: block;
	width: 100%;
	height: 100%;
}
.roll-stickers-desc-content04 p {
	text-align: center;
	height: 100px;
	margin: 0 !important;
}
.roll-stickers-desc-content06-wrapper {
	display: flex;
	flex-direction: row-reverse;
	padding: 40px 0 !important;
}
.roll-stickers-desc-content06-textbox {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 400px;
	height: 600px;
}
.roll-stickers-desc-content06-imgbox {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 50px;
	width: 800px;
	height: 600px;
	background-color: #fff;
	border-radius: 0 20px 20px 0;
}
.roll-stickers-desc-content06-imgbox > h2 {
	position: relative;
}
.roll-stickers-desc-content06-imgbox > h2::after {
	display: block;
	position: absolute;
	width: 100%;
	height: 5px;
	left: 0;
	top: 64px;
	background-color: #8d6cac;
	content: '';
}
.roll-stickers-desc-content06 {
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: center;
	width: 600px;
	height: 400px;
}
.roll-stickers-desc-content06 > div {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 50px;
	width: 100%;
}
.roll-stickers-desc-content06 > div > img {
	display: block;
	width: 80px;
	height: 80px;
}
.roll-stickers-desc-content06 p {
	text-align: center;
}
.roll-stickers-desc-content06 p > span {
	display: inline-block;
	margin-right: 30px;
	font-weight: 600;
}

@media (max-width: 1280px) {
	.roll-stickers-desc-content-wrapper {
		justify-content: flex-end;
	}
	.roll-stickers-desc-content-textbox {
		flex: 1;
		width: 320px;
		height: 480px;
	}
	.roll-stickers-desc-content-imgbox {
		width: 640px;
		height: auto;
	}
	.roll-stickers-desc-content02-textbox {
		height: auto;
	}
	.roll-stickers-desc-content02-imgbox {
		height: fit-content;
	}
	.roll-stickers-desc-content03-textbox {
		height: auto;
	}
	.roll-stickers-desc-content03-imgbox {
		height: fit-content;
	}
	.roll-stickers-desc-content04-imgbox {
		height: 700px;
	}
	.roll-stickers-desc-content04 {
		gap: 10px;
		width: 600px;
		height: fit-content;
	}
	.roll-stickers-desc-content04 > div {
		width: 18%;
	}
	.roll-stickers-desc-content04 img {
		height: auto;
	}
	.roll-stickers-desc-content04 p {
		height: 110px;
	}
	.roll-stickers-desc-content06-imgbox {
		gap: 20px;
	}
	.roll-stickers-desc-content06 > div > img {
		display: block;
		width: 60px;
		height: 60px;
	}
}
@media (max-width: 1200px) {
	.roll-stickers-titleinfo-bgtitle {
		font-size: 72px;
	}
	.roll-stickers-titleinfo-bgtitle02 {
		top: 160px;
	}
	.roll-stickers-titleinfo-imgbox {
		width: 640px;
		height: 448px;
	}
}

@media (max-width: 1030px) {
	.roll-stickers-titleinfo-imgbox {
		width: 520px;
		height: 360px;
	}
}

@media (max-width: 1000px) {
	.roll-stickers-titleinfo-innerbox {
		max-width: 505px;
	}
	.roll-stickers-img-wrapper {
		display: flex;
		justify-content: center;
		padding-right: 0;
		padding-top: 50px;
	}
	.roll-stickers-img-innerbox {
		width: 80%;
		height: 80%;
		margin-left: 0;
		border-radius: 20px;
	}
	.roll-stickers-img-innerbox > h2 {
		font-size: 24px !important;
	}
	.roll-stickers-img-innerbox > h2::after {
		top: 68%;
	}
	.roll-stickers-img-content {
		display: flex;
		flex-direction: column;
	}
	.roll-stickers-img-content > img {
		width: 250px;
	}
	.roll-stickers-htu-img01 {
		order: 0;
	}
	.roll-stickers-htu-img02 {
		order: 2;
	}
	.roll-stickers-htu-img03 {
		order: 4;
	}
	.roll-stickers-htu-txt01 {
		order: 1;
	}
	.roll-stickers-htu-txt02 {
		order: 3;
	}
	.roll-stickers-htu-txt03 {
		order: 5;
	}
	.roll-stickers-desc-titlebox {
		width: 80%;
		height: 150px;
	}
	.roll-stickers-desc-content-wrapper {
		flex-direction: column-reverse;
		align-items: center;
		gap: 20px;
	}
	.roll-stickers-desc-content-textbox {
		width: 90%;
	}
	.roll-stickers-desc-content-imgbox {
		width: 80%;
		border-radius: 20px;
	}
}
@media (max-width: 768px) {
	.roll-stickers-titleinfo-wrapper {
		padding-top: 200px;
	}
	.roll-stickers-titleinfo-innerbox > h2 {
		font-size: 6.2vw !important;
	}
	.roll-stickers-titleinfo-innerbox > p {
		font-size: 14px;
	}
	.roll-stickers-titleinfo-bgtitle {
		white-space: nowrap;
		font-size: 64px;
		right: inherit !important;
		left: 50% !important;
		transform: translateX(-50%);
	}
	.roll-stickers-titleinfo-bgtitle01 {
		top: 30px;
	}
	.roll-stickers-titleinfo-bgtitle02 {
		top: 85px;
	}
	.roll-stickers-titleinfo-imgbox {
		width: 480px;
		height: 336px;
	}
	.roll-stickers-desc-titlebox > h2 {
		font-size: 26px;
	}
	.roll-stickers-desc-content-imgbox > h2::after {
		top: 110%;
	}
	.roll-stickers-desc-content04-imgbox {
		height: auto;
		padding-bottom: 20px;
	}
	.roll-stickers-desc-content04 {
		width: 90%;
		height: 80%;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(3, 1fr);
	}
	.roll-stickers-desc-content04 > div {
		width: 100%;
	}
	.roll-stickers-desc-content04 img {
		height: auto;
	}
	.roll-stickers-desc-content04 p {
		height: auto;
	}
	.roll-stickers-desc-content06-imgbox {
		height: auto;
	}
	.roll-stickers-desc-content06 {
		width: 80%;
		height: inherit;
	}
	.roll-stickers-desc-content06 > div {
		flex-direction: column;
		gap: 10px;
	}
	.roll-stickers-desc-content06 > div > p {
		width: 87%;
	}
	.roll-stickers-desc-content06 > div > p > span {
		display: block;
		margin: 0 !important;
	}
}
@media (max-width: 500px) {
	.roll-stickers-titleinfo-bgtitle {
		font-size: 48px;
	}
	.roll-stickers-titleinfo-bgtitle02 {
		top: 75px;
	}
	.roll-stickers-titleinfo-imgbox {
		width: 400px;
		height: 280px;
	}
	.roll-stickers-img-innerbox > h2 {
		font-size: 5vw !important;
	}
	.roll-stickers-desc-titlebox > h2 {
		font-size: 5vw;
	}
	.roll-stickers-desc-titlebox > p {
		font-size: 13px !important;
	}
	.roll-stickers-desc-content-imgbox > h2 {
		font-size: 5vw !important;
	}
}
@media (max-width: 350px) {
	.roll-stickers-titleinfo-wrapper {
		padding: 200px 20px;
	}
	.roll-stickers-titleinfo-bgtitle {
		font-size: 42px;
	}
	.roll-stickers-titleinfo-bgtitle02 {
		top: 65px;
	}
	.roll-stickers-titleinfo-imgbox {
		width: 300px;
		height: 210px;
	}
}
/* template */
#template_search_index {
	scroll-behavior: auto !important;
}
.template-short-list-divider {
	display: flex;
	justify-content: flex-start;
}
.template-short-list-divider > div {
	width: 50%;
}
.template-short-list-divider > div:first-child > p {
	margin-right: 1rem;
}

/* turnaround-time */
/* 23.06.19 출하예정일 퀵메뉴 추가 커스텀 */
.turnaround-index-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr 1fr;
	gap: 10px;
	text-align: center;
}
.turnaround-index-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 10px;
	font-weight: 600;
	border: 1px solid #2d4696;
	border-radius: 10px;
	background-color: #fff;
	transition: background-color 200ms;
}
.turnaround-index-item > a {
	display: block;
	width: 100%;
	height: 100%;
}
.turnaround-index-item:hover {
	background-color: #2d4696;
	color: #fff;
}
/* 23.06.12 출하예정일 커스텀 스타일 */
.turnaround-grid-container {
	position: relative;
	display: grid;
	grid-template-columns: 1.2fr 2fr 0.6fr;
	margin-bottom: 7px;
	border: 1px solid #2d4696;
	border-bottom: none;
	border-collapse: collapse;
}
.turnaround-first-row {
	position: relative;
	margin-right: 2px;
	margin-bottom: 7px;
	padding: 20px 0px;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 600;
	text-align: center;
	background-color: #2d4696;
}
.turnaround-first-row:last-child {
	margin-right: 0;
}
.turnaround-first-row::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -8px;
	width: 200%;
	height: 7px;
	background-color: #fff;
	transform: translateX(-50%);
}
.turnaround-first-column {
	position: relative;
	margin: 0;
	grid-column: 1 / 4;
	border: 1px solid transparent;
}
.turnaround-first-column::after {
	bottom: -3px;
	height: 2px;
}
.turnaround-grid-container00 {
	position: relative;
	margin-bottom: 0;
}
.turnaround-grid-container::before {
	content: '';
	position: absolute;
	left: 50%;
	top: -1px;
	width: 100%;
	height: 1px;
	background-color: #2d4696;
	transform: translateX(-50%);
}
.turnaround-grid-container::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -1px;
	width: 100%;
	height: 1px;
	background-color: #2d4696;
	transform: translateX(-50%);
}
.turnaround-grid-container00 > .turnaround-first-column {
	margin-bottom: 2px;
}
.turnaround-merged,
.turnaround-grid-item {
	display: flex;
	flex: 1;
	justify-content: center;
	align-items: center;
}
.turnaround-grid-item {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	border: 1px solid #2d4696;
	border-collapse: collapse;
}
.turnaround-grid-item > a {
	display: inline-block;
	margin: 5px;
	padding: 5px 10px;
	color: #222;
	font-weight: 600;
	background: #eee;
	border-radius: 4px;
}
.turnaround-grid-item > a:hover {
	background: #2d4696;
	color: #fff;
}
.turnaround-main-merged {
	position: relative;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 600;
	background-color: #2d4696;
}
.turnaround-main-merged-hitpoint {
	position: absolute;
	top: -60px;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 1px;
}
.turnaround-main-merged01,
.turnaround-main-merged02,
.turnaround-main-merged03,
.turnaround-main-merged04,
.turnaround-main-merged05,
.turnaround-main-merged06 .turnaround-main-merged07 {
	grid-row: 1;
}
.turnaround-sub-merged01 {
	grid-row: 2 / 4;
}
.turnaround-sub-merged02 {
	grid-row: 4 / 5;
}
.turnaround-sub-merged03 {
	grid-row: 5 / 8;
}
.turnaround-sub-merged04 {
	grid-row: 8 / 9;
}
.turnaround-sub-merged05 {
	grid-row: 9 / 10;
}
.turnaround-sub-merged06 {
	grid-row: 10 / 11;
}
.turnaround-sub-merged07 {
	grid-row: 3 / 4;
}
.turnaround-sub-merged08 {
	grid-row: 2 / 3;
}
.turnaround-sub-merged09 {
	grid-row: 2 / 3;
}
.turnaround-sub-merged10 {
	grid-row: 3 / 4;
}
.turnaround-sub-merged11 {
	grid-row: 2 / 3;
}
.turnaround-sub-merged12 {
	grid-row: 2 / 3;
}

@media (max-width: 767px) {
	.turnaround-index-container {
		gap: 2px;
	}
	.turnaround-index-item {
		padding: 5px 2px;
		font-size: 0.7rem;
	}
	.turnaround-grid-container {
		grid-auto-columns: auto;
		font-size: 13px;
	}
}

/*icon_point*/
/* .plasticS_point, .plasticD_point, .holoD_point, .holoS_point, .medaka_point0, .cutting_point0{} */
.pvc_point,
.outdoor_point,
.medaka_point0,
.cutting_point0 {
	position: absolute;
	bottom: -45px;
	left: 0;
	padding: 10px 15px;
}
.outdoor_point p,
.pvc_point p {
	text-shadow: -2px 0px #fff, 0px 2px #fff, 2px 0px #fff, 0px -2px #fff;
	font-size: 14px;
	color: #2d4697;
	font-weight: 500;
}
@media (max-width: 767px) {
	.pvc_point {
		position: absolute;
		bottom: 460px;
	}
	.outdoor_point {
		position: absolute;
		bottom: 540px;
	}
	.plasticS_point {
		position: absolute;
		top: -30px;
		right: 0;
		left: unset;
	}
	.plasticD_point {
		position: absolute;
		top: -30px;
		right: 0;
		left: unset;
	}
	.holoD_point {
		position: absolute;
		top: -30px;
		right: 0;
		left: unset;
	}
	.holoS_point {
		position: absolute;
		top: -30px;
		right: 0;
		left: unset;
	}
	.cutting_point,
	.water_point2,
	.medaka_point,
	.silver_point {
		/* bottom: 960px; */
		position: absolute;
		top: -20px;
		right: 0;
	}
	.cutting_point0 {
		position: absolute;
		bottom: 960px;
		padding: 10px 15px;
	}
	.medaka_point0 {
		position: absolute;
		bottom: 475px;
		padding: 10px 15px;
	}
}
@media (max-width: 330px) {
	.outdoor_point {
		bottom: 530px;
	}
}

/*ex_img_swiper */
.mobile_look {
	display: none !important;
}
@media (max-width: 767px) {
	.mobile_look {
		display: block !important;
	}
	.pc_look {
		display: none !important;
	}
	.mobile_look .swiper {
		width: 100%;
		height: 100%;
	}
	.mobile_look .swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	.mobile_look .swiper-slide img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.mobile_look .swiper-slide {
		width: 80% !important;
	}
}

/*purposes_�Ū�۰�ުȪ�*/
.purposestab.tab-content > .tab-pane {
	display: none !important;
}
.purposestab.tab-content > .active {
	display: block !important;
}

.v7
	.img-form-section
	.product-form-wrapper
	.form-container
	.select-option-group
	.option-wrapper
	.select-options
	.choose-box.half-multi-stickers {
	width: calc(100% / 2) !important;
}
.v7
	.img-form-section
	.product-form-wrapper
	.form-container
	.select-option-group
	.option-wrapper
	.select-options
	.choose-box.multi-stickers-small {
	width: calc(100% / 2) !important;
}
.v7
	.img-form-section
	.product-form-wrapper
	.form-container
	.select-option-group
	.option-wrapper
	.select-options
	.choose-box.multi-stickers {
	width: calc(100% / 1) !important;
}

/*����������*/
/* @media (max-width: 766px){
.order-search .col:nth-child(1) {max-width: 30%; flex: 0 0 30%;padding: 0 10px;}
.order-search .col:nth-child(2) {max-width: 70%; flex: 0 0 70%;    margin-top: 0  !important; padding: 0 10px 0 0;}
.order-search .col:nth-child(3) {padding: 0 10px;}
.order-search .col:nth-child(4) {padding: 0 10px;}
}
@media (max-width: 373px){
.order-search .col:nth-child(1) {max-width: 100%; flex: 0 0 100%;padding: 0 10px;}
.order-search .col:nth-child(2) {max-width: 100%; flex: 0 0 100%;   padding: 0 10px;margin-top: 15px  !important; }
} */

.daterangepicker td.available.today {
	color: red;
}
.daterangepicker td.available.today.end-date {
	background-color: #243878;
}
.main-content-block .left .content_view {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.blog-list-wrapper .main-block .main-content-block .left {
	width: 100%;
	text-align: center;
}
.blog-list-wrapper .main-block .main-content-block {
	display: block;
	display: block;
	align-items: unset;
	align-items: unset;
}
.blog-list-wrapper .main-block .main-content-block > div {
	height: auto;
}
.blog-list-wrapper .main-block .main-content-block .right {
	width: auto;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	align-items: flex-start;
}
.blog-list-wrapper .main-block .main-content-block .right h4 {
	width: 80%;
}
.blog-list-wrapper .main-block .main-content-block .right .meta {
	width: 10%;
}
.blog-list-wrapper .main-block .main-content-block .right a {
	width: 10%;
}

@media (max-width: 1200px) {
	.blog-list-wrapper .main-block .main-content-block .right {
		display: block;
		display: block;
		align-items: unset;
		align-items: unset;
	}
	.blog-list-wrapper .main-block .main-content-block .right h4 {
		font-size: 30px;
		width: 100%;
	}
	.blog-list-wrapper .main-block .main-content-block .right .meta {
		width: 100%;
	}
	.blog-list-wrapper .main-block .main-content-block .right a {
		width: 100%;
	}
}
@media (max-width: 767px) {
	.blog-list-wrapper .main-block .main-content-block .right {
		width: 100%;
		height: auto;
	}
	.imghight {
		height: unset !important;
	}
}
@media (max-width: 567px) {
	.blog-list-wrapper .main-block .main-content-block .right h4 {
		font-size: 25px;
	}
}

/*daicut-backcut*/
.backcut_info img {
	width: auto;
	display: inline-block;
}
.backcut_info .backcut_info_text {
	width: 38%;
	display: inline-block;
	vertical-align: text-top;
	padding-right: 20px;
}

.modal-backdrop {
	z-index: 1046 !important;
}

@media (max-width: 991px) {
	.backcut_info img {
		width: 100%;
	}
	.backcut_info .backcut_info_text {
		width: 100%;
		margin-top: 10px;
		padding-right: 0;
	}
}

.col_one_fifth .roboto {
	position: relative;
}
.alarm_on {
	background: url('/assets/images/member/alarm_plus2.png') no-repeat;
	background-size: contain;
	position: absolute;
	right: -30px;
	width: 25px;
	height: 25px;
	top: 0;
	-webkit-animation: blink2 0.5s ease-in-out infinite alternate;
	-moz-animation: blink2 0.5s ease-in-out infinite alternate;
	animation: blink2 0.5s ease-in-out infinite alternate;
}
.alarm {
	border: 1px solid #2d4697;
	-webkit-animation: blink 0.5s ease-in-out infinite alternate;
	-moz-animation: blink 0.5s ease-in-out infinite alternate;
	animation: blink 0.5s ease-in-out infinite alternate;
}

@-webkit-keyframes blink {
	0% {
		border: 1px solid #ddd;
	}
	100% {
		border: 1px solid #2d4697;
	}
}
@-moz-keyframes blink {
	0% {
		border: 1px solid #ddd;
	}
	100% {
		border: 1px solid #2d4697;
	}
}
@keyframes blink {
	0% {
		border: 1px solid #ddd;
	}
	100% {
		border: 1px solid #2d4697;
	}
}
@-webkit-keyframes blink2 {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-moz-keyframes blink2 {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes blink2 {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@media (max-width: 575px) {
	.alarm_on {
		right: -90%;
		top: -15px;
		width: 20px;
		height: 20px;
	}
}

.front_totalno {
	display: none;
}
.m_form-container_view {
	display: none;
}
.swiper-thumbs .swiper-wrapper .swiper-slide-visible {
	cursor: pointer;
}
.v7 .img-form-section .product-form-wrapper .form-container {
	z-index: 3;
}
@media (max-width: 767px) {
	.notScroll {
		overflow: hidden;
		width: 100%;
		height: 100vh;
		touch-action: none;
	}
	.v7 .img-form-section .banner-wrapper .bg-image {
		position: relative;
		top: 0;
	}
	.swiper-thumbs {
		position: relative !important;
	}
	.mySwiper {
		height: 30%;
		width: 100%;
	}
	.swiper-button-next {
		right: 10px !important;
	}
	#div_view {
		display: none;
	}
	.m_form-container_view {
		position: fixed !important;
		bottom: 0;
		z-index: 1045;
		display: block;
		padding: 18px 15px;
		width: 100%;
		background: #fff;
		border-top: 3px solid #f5f5f5;
	}
	.m_form-container_view_btn {
		font-size: 13px;
		padding: 20px;
		text-align: center;
		background: #2d4697;
		color: #fff !important;
		border: 1px solid #2d4697;
		width: calc(100% - 77px) !important;
		display: block;
	}
	.m_form-container_close_btn {
		font-size: 13px;
		padding: 20px !important;
		text-align: center;
		background: #fff !important;
		color: #2d4697 !important;
		border: 1px solid #2d4697;
		width: 49.4%;
		display: inline-block !important;
	}
	.v7
		.img-form-section
		.product-form-wrapper
		.form-container
		.button-wrapper
		a.order_btn {
		border: 1px solid #2d4697;
		width: 49.4%;
		display: inline-block;
		padding: 20px;
	}
	.v7 .img-form-section .product-form-wrapper .form-container {
		position: fixed !important; /* top: 0; */
		bottom: 0;
		z-index: 1046;
		border-top: 3px solid #f5f5f5;
		-webkit-box-shadow: 0 -10px 30px 0 rgb(0 0 0 / 7%);
		box-shadow: 0 -10px 30px 0 rgb(0 0 0 / 7%);
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.form-container .front {
		overflow-y: scroll;
		max-height: 300px;
	}
	.v7 .img-form-section .product-form-wrapper#div_view {
		position: fixed !important;
		bottom: 0;
		z-index: 1046;
	}
	.select2-dropdown {
		z-index: 1047;
	}
	.select2-container {
		display: block;
	}
	.front_total {
		display: block !important;
	}
	.front_totalnone {
		display: none;
	}
	.front .topclose {
		text-align: center;
	}
	.v7 .form-container .front {
		padding: 20px 15px 20px;
	}
	.v7 .form-container .bottom {
		padding: 15px 15px 20px;
	}
	.v7
		.img-form-section
		.product-form-wrapper
		.form-container
		.select-option-group
		.title {
		margin-bottom: 5px;
	}
	.v7
		.img-form-section
		.product-form-wrapper
		.form-container
		.select-option-group:not(:first-child) {
		margin-top: 20px;
	}
	.front .topclose {
		position: relative;
	}
	.front .topclose b {
		border-color: #888 transparent transparent transparent;
		border-style: solid;
		border-width: 15px 14px 0 14px;
		height: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		right: 50%;
		transform: translate(-50%, -50%);
		width: 0;
	}
}
@media (max-width: 385px) {
	.v7
		.img-form-section
		.product-form-wrapper
		.form-container
		.button-wrapper
		a.order_btn {
		width: 49%;
	}
}

/*���������� ������*/
.swiper-pagination {
	position: unset;
}
.swiper-pagination-bullet {
	margin: 0 3px;
}
.btns input {
	display: none;
}
.btns input:checked + label {
	color: #fff;
}
.btns label {
	cursor: pointer;
}
.clicked {
	color: #000 !important;
}
.butt {
	background: none;
	border: none;
	color: #aaa;
	font-size: 12px;
}
.bg-blue {
	background: #eaf1ff;
}
.quick-menu {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.4rem 0;
	border-radius: 5px;
	border: 1px solid #e0e0e0;
}
.quick-menu:hover {
	background: #f5f5f5;
	transition: 0.2s;
}
.quick-menu a {
	display: block;
	width: 100%;
}
.right-full_p {
	background: #2d4697;
	border-radius: 5px;
	color: #fff !important;
	padding: 4px 8px;
}
.quick-menu-pc {
	display: inline-block;
}
.quick-menu-m {
	display: none;
}
.twitter-timeline {
	overflow-y: scroll;
	height: 410px;
	padding: 0 20px;
}
.twitter-timeline iframe html div div div div {
	max-height: 100%;
}
.box-new {
	font-size: 0.7rem;
	background: #ffde40;
	color: #e7505a;
	padding: 1px 5px 2px;
	border-radius: 3px;
	margin-right: 5px;
}
.box-hit {
	font-size: 0.7rem;
	background: #e7505a;
	color: #fff;
	padding: 1px 5px 2px;
	border-radius: 3px;
	margin-right: 5px;
}
.box-info {
	font-size: 0.7rem;
	background: #2d4697;
	color: #fff;
	padding: 1px 5px 2px;
	border-radius: 3px;
	margin-right: 5px;
}
.box-kikaku {
	font-size: 0.7rem;
	background: #2d4697;
	color: #fff;
	padding: 1px 5px 2px;
	border-radius: 3px;
	margin-right: 5px;
}
.box-renew {
	font-size: 0.55rem;
	background: #6c39ca;
	color: #ffffff;
	padding: 1px 5px 2px;
	border-radius: 3px;
	margin-right: 5px;
}
.icon_notice::after {
	content: '';
	display: block;
	clear: both;
}
.icon_notice .float_top1 {
	float: right;
	width: 40%;
	padding: 0.25rem;
}
.icon_notice .float_top2 {
	float: right;
	width: 60%;
	margin-right: 0.25rem;
}
/* 23.06.21 기존 인기, 신상품 가격, 사이즈 수량 커스텀 스타일 */
/* .leftprice{display:inline-block;width:38%;}
.rightprice{display:inline-block;width:60%;} */

.notice {
	width: 100%;
	height: 60px;
	overflow: hidden;
	background-color: #fff;
}
.rolling {
	position: relative;
	width: 100%;
	height: auto;
}
.rolling li {
	width: 100%;
	height: 60px; /* line-height:25px; */
	padding: 10px 0;
}
.rolling li a {
	display: block;
}
.notScroll {
	overflow: hidden;
	width: 100%;
	height: 100%;
	touch-action: none;
}
@media (max-width: 991px) {
	.quick-menu-pc {
		display: none;
	}
	.quick-menu-m {
		display: inline-block;
	}
}

.info-more {
	padding-left: 10px;
}
.content-box .intro-top {
	border-radius: 10px;
}
.content-box .intro-top:hover a img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;
}
.content-box .intro-top a {
	position: relative;
	display: block;
}
.content-box .intro-top a .box-hit {
	font-size: 0.8rem;
	font-weight: 600;
	background: #e7505a;
	color: #fff;
	padding: 0;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: 50%;
	margin-right: 0;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2;
}
.content-box .intro-top a .box-new {
	font-size: 0.8rem;
	font-weight: 600;
	background: #ffde40;
	color: #e7505a;
	padding: 0;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: 50%;
	margin-right: 0;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2;
}
.content-box .intro-top a .box-renew {
	font-size: 0.6rem;
	font-weight: 600;
	background: #6c39ca;
	color: #ffffff;
	padding: 0;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: 50%;
	margin-right: 0;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2;
}
.content-box .intro-top a .box-top {
	font-size: 1rem;
	text-align: center;
	font-weight: 600;
	background: #000;
	color: #fff;
	padding: 0;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	margin-right: 0;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2;
}
.content-box .intro-top2 {
	border-radius: 10px 10px 0 0;
}
.content-box .intro-top2:hover a img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;
}
.content-box .intro-top2 a {
	position: relative;
	display: block;
}
.content-box .intro-top2 a .box-hit {
	font-size: 0.7rem;
	font-weight: 600;
	background: #e7505a;
	color: #fff;
	padding: 0;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: 50%;
	margin-right: 0;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2;
}
.content-box .intro-top2 a .box-new {
	font-size: 0.7rem;
	font-weight: 600;
	background: #ffde40;
	color: #e7505a;
	padding: 0;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: 50%;
	margin-right: 0;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2;
}
.content-box .intro-top2 a .box-renew {
	font-size: 0.55rem;
	font-weight: 600;
	background: #6c39ca;
	color: #ffffff;
	padding: 0;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: 50%;
	margin-right: 0;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2;
}
.content-box .intro-top2 a .box-top {
	font-size: 1rem;
	text-align: center;
	font-weight: 600;
	background: #000;
	color: #fff;
	padding: 0;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	margin-right: 0;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2;
}
.main-product-list figcaption p.paper_category {
	background-color: #000;
	color: #fff;
	padding: 10px 0;
	max-height: 50px;
	line-height: 30px !important;
}
.title_container {
	position: relative;
}
.title_container a {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 13px;
	border-bottom: 1px solid;
}
.title_container a:hover {
	color: #2d4697;
	font-weight: 600;
}
/* .content-box .intro-bottom{} */
.content-box .intro-bottom h5 a {
	font-size: 1.25rem !important;
}
@media (max-width: 575px) {
	.content-box .intro-bottom h5 a {
		font-size: 1rem !important;
	}
}

/* .content-box .intro-bottom p span{background:#2d4697; color:#fff; padding: 1px 6px 2px; border-radius: 3px; margin-left: 5px; } */
.main-product-list {
	overflow: hidden;
}
.link-underline-main:hover {
	border-bottom: 0;
}
.link-underline-main::before {
	border-bottom: 0;
}
.link-underline-main:hover::before {
	border-bottom: 0;
}
.link-underline-main:hover::after {
	border-bottom: 0;
}
@media (max-width: 425px) {
}
.feature-grid:hover {
	background: #2d4697;
}
.feature-grid:hover > .noline-first span {
	color: #fff !important;
}
.hoicon_1 {
	background-image: url('/assets/images/index/feature-section-01.png');
	width: 80px;
	height: 80px;
	background-size: 100%;
}
.hoicon_2 {
	background-image: url('/assets/images/index/feature-section-02.png');
	width: 80px;
	height: 80px;
	background-size: 100%;
}
.hoicon_3 {
	background-image: url('/assets/images/index/feature-section-03.png');
	width: 80px;
	height: 80px;
	background-size: 100%;
}
.hoicon_4 {
	background-image: url('/assets/images/index/feature-section-04.png');
	width: 80px;
	height: 80px;
	background-size: 100%;
}
.hoicon_5 {
	background-image: url('/assets/images/index/feature-section-05.png');
	width: 80px;
	height: 80px;
	background-size: 100%;
}
.hoicon_6 {
	background-image: url('/assets/images/index/feature-section-06.png');
	width: 80px;
	height: 80px;
	background-size: 100%;
}
.reasonBox {
	height: 100%;
	background: #e0e0e0;
	display: block;
	border-radius: 15px;
}
.reasonBox:hover {
	background: #2d4697;
	transition: 0.3s;
}
.reasonBox:hover > div > div > p {
	color: #fff !important;
}
.reasonBoxImg img {
	width: 40%;
}
/* .use-section-box{} */
.use-section-box:hover img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transition: all 600ms ease;
	transition: all 600ms ease;
}
.use-section-box p {
	font-size: 0.8rem;
	background: #fff;
	border-radius: 6px 6px 0 0;
}
.use-section-box-img {
	overflow: hidden;
	border-radius: 0 0 6px 6px;
}
.pc-toppadding {
	padding-top: 30px;
}
@media (max-width: 575px) {
	.pc-toppadding {
		padding-top: 0;
	}
}

.main-calender {
	display: flex;
	justify-content: center;
	align-items: center;
}
.main-calender table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.8rem;
	text-align: center;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}
.main-calender table caption {
	caption-side: top;
}
.main-calender table th {
	padding: 0.5rem 0.2rem;
	border-bottom: 1px solid #dedede;
}
.main-calender table td {
	padding: 0.2rem;
}
.main-calender .red {
	padding: 0.2em !important;
	color: #ef0808;
}
.main-calender .red span {
	display: block;
	background-color: #ef0808;
	color: #fff !important;
}
.main-calender .blue {
	color: #1a73ba;
}
.main-calender .yellow {
	padding: 0.2em !important;
	color: #ffee00;
}
.main-calender .yellow span {
	display: block;
	background-color: #ffee00;
	color: #fff !important;
}
@media (max-width: 400px) {
	.col-xs-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}
.business-hours {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0.3rem;
}
@media (max-width: 575px) {
	.m-pad {
		padding-top: 40px;
	}
	/* 23.06.21 기존 인기, 신상품 가격, 사이즈 수량 커스텀 스타일 */
	/* .leftprice{width:100%;}
    .rightprice{width:100%;} */
}
@media (max-width: 991px) and (min-width: 768px) {
	.reasonBoxImg img {
		width: 30%;
	}
}
@media (max-width: 1499px) {
	.swiper-img {
		width: auto !important;
		height: 100%;
		max-width: unset;
	}
	.main-slider .swiper-wrapper .swiper-slide {
		display: flex;
		display: -webkit-flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	}
	.main-slider .swiper-wrapper .swiper-slide a {
		display: contents;
	}
}
@media (max-width: 1499px) {
	.main-slider .swiper-wrapper {
		height: 380px;
	}
}
@media (max-width: 1199px) {
	.main-slider .swiper-wrapper {
		height: 300px;
	}
}
@media (max-width: 991px) {
	.main-slider .swiper-wrapper {
		height: 250px;
	}
	.icon_notice .float_top1 {
		float: unset;
		width: 100%;
		text-align: center;
	}
	.icon_notice .float_top2 {
		float: unset;
		width: 100%;
		margin: 0.5rem 0;
	}
	.rolling {
		text-align: left;
	}
}
@media (max-width: 767px) {
	.main-slider .swiper-wrapper {
		height: 200px;
	}
}
@media (max-width: 575px) {
	.main-slider .swiper-wrapper {
		height: 150px;
	}
}

.swiper-container-1 {
	width: 95%;
}

.matome-box a {
	display: block;
}
.matome-box a img {
	border-radius: 15px;
}

.swiper-button-next-1 {
	color: #000;
	background: #fff;
	width: 44px;
	border-radius: 50%;
	-webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.35);
	right: 0;
}
.swiper-button-next-1::after {
	font-size: 20px;
}

.swiper-button-prev-1 {
	color: #000;
	background: #fff;
	width: 44px;
	border-radius: 50%;
	-webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.35);
	left: 0;
}
.swiper-button-prev-1::after {
	font-size: 20px;
}

/*��������Ʈ*/
.box-top {
	font-size: 1rem;
	text-align: center;
	font-weight: 600;
	color: #fff;
	padding: 0;
	width: 105px;
	height: 55px;
	margin-right: 0;
	position: absolute;
	left: 10px;
	bottom: 0;
	z-index: 2;
	background: url('/assets/images/index/peper/cutting_point.png');
	background-size: cover;
}
.box-top2 {
	font-size: 1rem;
	text-align: center;
	font-weight: 600;
	color: #fff;
	padding: 0;
	width: 55px;
	height: 55px;
	margin-right: 0;
	position: absolute;
	left: 10px;
	bottom: 0;
	z-index: 2;
	background: url('/assets/images/index/peper/icon_weter2.png');
	background-size: cover;
}
.box-text {
	font-size: 0.9rem;
	text-align: center;
	font-weight: 500;
	background: #2d4794;
	color: #fff;
	width: 100%;
	padding: 10px;
	margin-right: 0;
	margin-bottom: 0;
	border-radius: 0 0 4px 4px;
	max-height: 102px;
}
.top_rank {
	position: relative;
	cursor: pointer;
}
.top_rank div img {
	width: 100%;
	border-radius: 4px 4px 0 0 !important;
}
.top_line {
	position: relative;
	overflow: hidden;
}
.master-category-stickers .grid-list-wrap .grid figcaption {
	padding: 5px;
}
.list-change img:last-child {
	display: none;
}
.list-change:hover img:first-child {
	display: none;
}
.list-change:hover img:last-child {
	display: inline-block;
}
.arrow {
	border: solid #898989;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 2.5px;
	margin: 0 0 2px 0;
}
.justify-content-end .nav-tabs li a.active {
	border-color: #191919;
	background: #191919;
	color: #fff;
}
.justify-content-end .nav-tabs li a {
	border: 2px solid #dee2e6;
	border-radius: 0;
	text-align: center;
	font-size: 14px;
	color: #bbb;
	line-height: 1.5;
	height: 40px;
}
.justify-content-end .nav-tabs li {
	margin-right: 10px;
}
.justify-content-end .nav-tabs {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	margin-bottom: 30px;
	border-bottom: none;
}
.padding-15 {
	padding: 15px;
}
.padding-25 {
	padding: 25px;
}
.paper_btn img {
	width: 100%;
}
.top_line:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;
}
.pop_wrap {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}
.pop_wrap .bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 9997;
}
.popup {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 670px;
	height: auto;
	background: #fff;
	z-index: 9998;
}
.popup .closePopup {
	text-align: center;
	width: 200px;
	background-color: #000;
	color: #fff;
	padding: 10px;
	display: block;
	margin: 20px auto 0;
}
.popup .close:hover {
	color: #fff;
}
.popup .popup_con {
	overflow: auto;
	width: 100%;
	height: auto;
	font-size: 16px;
	line-height: 24px;
	color: #000;
}
.openPopup {
	cursor: pointer;
}

.box_wrap {
	position: relative;
	height: 100%;
	overflow: hidden;
	min-height: 210px;
}
.wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.target {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.photo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: transform 0.5s ease-out;
}

@media (max-width: 991px) {
	.popup {
		position: absolute;
		top: 0;
		left: 0;
		transform: translate(0%, 0%);
		width: 100%;
		height: 100%;
		background: #fff;
		z-index: 9998;
	}
	.popup .popup_con {
		padding-bottom: 60px;
		height: 100%;
	}
	.grid-list-wrap > div {
		margin-bottom: 0;
	}
}

/* Mobile xxs 1-line */
@media (max-width: 320px) {
	.grid-xxs-1 {
		-webkit-box-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}
/* Mobile xxs 1-line */
@media (min-width: 1200px) {
	.paper_btn {
		max-height: 275px;
	}
}

@media (hover: hover) {
	/*.testline dd a:hover{text-decoration: underline; transition: all ease-in-out 0.5s;}*/
}
/* .big_tab ul{overflow: hidden; width: 100%;}
.big_tab ul li{width: 25%; box-sizing: border-box; float: left; list-style-type: none; border: 1px solid #ccc; text-align: center; line-height: 40px;}
.big_tab ul li.activeClass{font-weight: bold; font-size: 20px;} */
.sm_select {
	display: none;
}
.sm_select select {
	width: 100%;
	height: 40px;
}

@media (max-width: 767px) {
	.sm_select {
		display: block;
	}
	.big_tab {
		display: none;
	}
}

.roll_info_left {
	width: 25%;
}
.roll_info_left > div {
	padding: 55% 0;
	text-align: left;
}
.roll_info_right {
	width: 75%;
}
.roll_info_left2 {
	width: 55%;
}
.roll_info_left2 > div {
	padding: 10% 0;
	text-align: left;
}
.roll_info_right2 {
	width: 45%;
}
.roll_info_left3 {
	width: 60%;
}
.roll_info_left3 > div {
	text-align: left;
}
.roll_info_right3 {
	width: 40%;
}
.roll_info_right3 img {
	padding: 52% 0;
}
.roll_info_left4 {
	width: 72%;
}
.roll_info_left4 > div {
	text-align: left;
}
.roll_info_right4 {
	width: 28%;
}
.roll_info_right4 img {
	padding: 76% 0;
}
.roll_info_left3 .roll-info img {
	width: 25%;
	padding: 1% 6%;
}
.roll_info_left3 .roll-info p {
	width: 75%;
	margin-bottom: 0;
	padding: 3.5% 2%;
}
.roll_info_left4 .roll-info {
	width: 20%;
	padding: 2.5% 2%;
	border-right: 3px solid #fff;
}
.roll_info_left4 .roll-info:last-child {
	border-right: 0;
}
.roll_info_left6 {
	width: 55%;
}
.roll_info_left6 > div {
	padding: 4% 0;
	text-align: left;
}
.roll_info_right6 {
	width: 45%;
}

@media (max-width: 767px) {
	.roll_info_right,
	.roll_info_right2,
	.roll_info_right3,
	.roll_info_right4,
	.roll_info_right6 {
		display: none;
	}
	.roll_info_left,
	.roll_info_left2,
	.roll_info_left3,
	.roll_info_left4,
	.roll_info_left6 {
		width: 100%;
	}
	.roll_info_left > div,
	.roll_info_left2 > div,
	.roll_info_left3 > div,
	.roll_info_left6 > div {
		padding: 0;
	}
	.roll-info {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: -15px;
		margin-left: -15px;
	}
	.roll-info img {
		width: 30%;
	}
	.roll-info p {
		width: 70%;
		padding-left: 4%;
	}
	.roll_info_left4 .roll-info {
		width: 100%;
		padding: 2.5% 2%;
		border-right: 0;
	}
	.roll_info_left3 .roll-info img {
		width: 100%;
		padding: 5% 30%;
	}
	.roll_info_left3 .roll-info p {
		width: 100%;
		margin-bottom: 0;
		padding: 3.5% 2%;
	}
}

/* 23.11.21 크리스마스 스티커 커스텀 스타일 */
.customimg-christmas-stickers {
	width: 100%;
	height: 100%;
}

@media (max-width: 768px) {
	.customimg-christmas-stickers {
		object-fit: cover;
		transform: translateY(1.6%) !important;
		scale: 1.21;
	}
}

@media (max-width: 1199px) {
	.customimg-christmas-stickers {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 10% 0%;
	}
}

@media (min-width: 1200px) {
	.customimg-christmas-stickers {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

@media (min-width: 1500px) {
	.customimg-christmas-stickers {
		width: 100%;
		height: 100%;
		object-position: center 60%;
	}
}


/* 사이트 내리기 전 까지 당분간만 팝업 조정을 위한 overflow scroll 처리 */
body {
	overflow-y: scroll !important;
}