/* 메인 */
@font-face {
	font-family: "Pretendard-Regular";
	src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff")
		format("woff");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Pretendard-Medium";
	src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff")
		format("woff");
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: "Pretendard-SemiBold";
	src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff")
		format("woff");
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: "Pretendard-Bold";
	src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff")
		format("woff");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: "Pretendard-ExtraBold";
	src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff")
		format("woff");
	font-weight: 800;
	font-style: normal;
}
/* 공통 */
html {
	scroll-behavior: smooth;
}

.cmc_container {
	padding: 0 15.6%;
}
.cmc_container2 {
	padding: 0 22.2%;
}
.cmc_container.cont_wp {
	padding: 0;
	width: 1322px;
	margin: 0 auto;
}
.cmc_container2.cont_wp2 {
	padding: 0;
	width: 1020px;
	margin: 0 auto;
}
section.cmc_mainSec {
	padding: 160px 0 200px;
}
section.cmc_mainSec h3 {
	font-family: "Pretendard-Bold";
	color: #121212;
	text-align: center;
	font-size: 48px;
}
section.cmc_mainSec .cmc_tit {
	font-family: "Pretendard-SemiBold";
	display: block;
	color: #0085ff;
	text-align: center;
	font-size: 20px;
	margin-bottom: 36px;
}

@media (max-width: 1600px) {
	.cmc_container {
		padding: 0 10%;
	}
	.cmc_container.cont_wp {
		width: calc(100vw * (1322 / 1600));
	}
	.cmc_container2.cont_wp2 {
		width: calc(100vw * (1020 / 1600));
	}
	.cmc_showhost .cmc_hostGroup {
		gap: calc(100vw * (34 / 1600)) !important;
	}
	.cmc_showhost .cmc_hostGroup li {
		width: calc(100vw * (305 / 1600)) !important;
	}
	section.cmc_mainSec {
		padding: calc(100vw * (160 / 1600)) 0 calc(100vw * (200 / 1600));
	}
	section.cmc_mainSec h3 {
		font-size: 36px;
	}
}
@media (max-width: 1024px) {
	.cmc_container {
		padding: 0 6%;
	}
	section.cmc_mainSec h3 {
		font-size: 24px;
		line-height: 36px;
	}
	section.cmc_mainSec .cmc_tit {
		font-size: 18px;
		margin-bottom: 16px;
	}
}
@media (max-width: 767px) {
	.cmc_container2.cont_wp2 {
		width: calc(100vw * (320 / 360));
	}
	.cmc_banner .cmc_point {
		padding-bottom: calc(100vw * (125 / 360));
	}
	.cmc_container {
		padding: 0 calc(100vw * (20 / 360));
		gap: calc(100vw * (30 / 360));
		flex-flow: row wrap;
		justify-content: center !important;
	}
	.cmc_detailPage.design .cmc_container {
		position: relative;
		padding: 0;
	}
	section.cmc_mainSec {
		padding: 70px 0 75px;
	}
}
/* 공통 끝 */

/* main visual */
.mb_br {
	display: none;
}
.cmc_mainVisual {
	position: relative;
	padding: 0;
}
.cmc_mainVisual .swiper li div {
	width: 100%;
	height: 100%;
	background-position: center;
	position: relative;
}
.cmc_mainVisual .swiper li div::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 35, 67, 0.5);
}
.cmc_mainVisual .swiper li div .vod {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
	object-fit: cover;
}
.cmc_mainVisual .cmc_content {
	position: absolute;
	top: 29%;
	left: 15.6%;
	z-index: 10;
	color: #fff;
}
.cmc_mainVisual .cmc_content h2 {
	font-family: "Pretendard-ExtraBold";
	font-size: 64px;
	line-height: 90px;
}
.cmc_mainVisual .cmc_content .cmc_subTit {
	font-size: 26px;
	margin-bottom: 39px;
}
.cmc_mainVisual .cmc_scroll {
	position: absolute;
	bottom: 110px;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 10;
	color: #fff;
}
.cmc_mainVisual .cmc_scrDown {
	font-size: 16px;
}
.cmc_mainVisual .cmc_lineWp {
	position: absolute;
	top: 41px;
	left: 50%;
}
.cmc_mainVisual .cmc_scrLine {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 20px;
	background: #fff;
	animation: motion 2s infinite;
}
.cmc_mainVisual .cmc_scrLineBg {
	display: inline-block;
	width: 1px;
	height: 175px;
	background: rgba(255, 255, 255, 0.2);
}

@keyframes motion {
	from {
		top: 0;
	}
	to {
		top: 100%;
	}
}

@media (max-width: 1600px) {
	.cmc_mainVisual .cmc_content {
		left: 10%;
	}
	.cmc_mainVisual .cmc_content h2 {
		font-size: 48px;
		line-height: 64px;
		word-break: keep-all;
	}
	.cmc_mainVisual .cmc_content .cmc_subTit {
		font-size: 22px;
		margin-bottom: 35px;
	}
	.cmc_mainVisual .cmc_scroll {
		bottom: calc(100vw * (-2050 / 1600));
	}
}
@media (max-width: 1024px) {
	.mb_br {
		display: block;
	}
	.cmc_mainVisual .cmc_content h2 {
		font-size: 32px;
		line-height: 42px;
	}
	.cmc_mainVisual .cmc_content .cmc_subTit {
		font-size: 18px;
	}
}
@media (max-width: 767px) {
	.cmc_mainVisual .cmc_content {
		left: 20px;
	}
	.cmc_mainVisual .cmc_scroll {
		bottom: -850px;
	}
	.cmc_mainVisual .cmc_lineWp {
		top: 32px;
	}
	.cmc_mainVisual .cmc_scrLine {
		height: 15px;
	}
	.cmc_mainVisual .cmc_scrLineBg {
		height: 50px;
	}
}
@media (max-width: 767px) {
	.cmc_mainVisual .cmc_scrDown {
		font-size: 12px;
	}
}
/* main visual 끝 */

/* e-Commerce Services */
.cmc_service {
	background: #f3f5f8;
}
.cmc_service h3 {
	margin-bottom: 102px;
}
.cmc_service .cmc_serList {
	display: flex;
	justify-content: space-between;
	gap: 34px;
}
.cmc_service .cmc_serList li {
	flex: 1;
	padding: 56px 0;
	border-radius: 30px;
	background: #fff;
	box-shadow: 5px 5px 40px 0px #cfdcf0;
	text-align: center;
}
.cmc_service .cmc_serList li img {
	width: auto;
}
.cmc_service .cmc_serList li h4 {
	font-family: "Pretendard-SemiBold";
	font-size: 26px;
	line-height: 34px;
	margin-top: 36px;
}
.cmc_service .cmc_serList li p {
	color: #555;
	font-size: 18px;
	line-height: 30px;
	margin-top: 22px;
}

@media (max-width: 1600px) {
	.cmc_service .cmc_serList li h4 {
		font-size: 22px;
		line-height: 28px;
		margin-top: 25px;
	}
	.cmc_service .cmc_serList li img {
		width: 80px;
	}
	.cmc_service .cmc_serList li p {
		font-size: 16px;
		line-height: 24px;
	}
}
@media (max-width: 1280px) {
	.cmc_service .cmc_serList {
		gap: 20px;
	}
}
@media (max-width: 1024px) {
	.cmc_service h3 {
		margin-bottom: 50px;
	}
	.cmc_service .cmc_serList li {
		padding: 40px 0;
		border-radius: 15px;
	}
	.cmc_service .cmc_serList li h4 {
		font-size: 18px;
		line-height: 24px;
		margin-top: 19px;
	}
	.cmc_service .cmc_serList li p {
		font-size: 14px;
		margin-top: 10px;
	}
}
@media (max-width: 767px) {
	.cmc_service .cmc_serList {
		flex-wrap: wrap;
	}
	.cmc_service .cmc_serList li {
		flex: auto;
		width: 100%;
	}
}
/* e-Commerce Services 끝 */

/* partners */
.cmc_partners h3 {
	margin-bottom: 110px;
}
.cmc_partners .cmc_partList {
	display: flex;
	flex-wrap: wrap;
	gap: 55px 32px;
	justify-content: center;
}
.cmc_partners .cmc_partList li {
	width: 303px;
	padding-top: 60px;
	height: 160px;
	border-radius: 20px;
	border: 1px solid #eaeaea;
	text-align: center;
}
.cmc_partners .cmc_partList li:nth-child(3),
.cmc_partners .cmc_partList li:nth-child(4) {
	padding-top: 40px;
}
.cmc_partners .cmc_partList li:nth-child(6),
.cmc_partners .cmc_partList li:nth-child(7) {
	padding-top: 65px;
}
.cmc_partners .cmc_partList li img {
	width: auto;
}

@media (max-width: 1600px) {
	.cmc_partners .cmc_partList {
		gap: 20px 20px;
	}
	.cmc_partners .cmc_partList li {
		width: 100%;
	}
}
@media (max-width: 1024px) {
	.cmc_partners h3 {
		margin-bottom: 50px;
	}
	.cmc_partners .cmc_partList li {
		height: 110px;
		padding-top: 39px;
	}
	.cmc_partners .cmc_partList li:nth-child(3),
	.cmc_partners .cmc_partList li:nth-child(4) {
		padding-top: 26px;
	}
	.cmc_partners .cmc_partList li:nth-child(6),
	.cmc_partners .cmc_partList li:nth-child(7) {
		padding-top: 44px;
	}
	.cmc_partners .cmc_partList li img {
		width: 125px;
	}
	.cmc_partners .cmc_partList li:nth-child(1) img {
		width: 100px;
	}
	.cmc_partners .cmc_partList li:nth-child(4) img {
		width: 70px;
	}
	.cmc_partners .cmc_partList li:nth-child(6) img {
		width: 160px;
	}
}
@media (max-width: 767px) {
}
@media (max-width: 500px) {
	.cmc_partners .cmc_partList li {
		width: 150px;
		height: 80px;
		padding-top: 30px;
		border-radius: 10px;
	}
	.cmc_partners .cmc_partList li:nth-child(3),
	.cmc_partners .cmc_partList li:nth-child(4) {
		padding-top: 18px;
	}
	.cmc_partners .cmc_partList li:nth-child(6),
	.cmc_partners .cmc_partList li:nth-child(7) {
		padding-top: 33px;
	}
	.cmc_partners .cmc_partList li img {
		width: 100px;
	}
	.cmc_partners .cmc_partList li:nth-child(1) img {
		width: 70px;
	}
	.cmc_partners .cmc_partList li:nth-child(4) img {
		width: 51px;
	}
	.cmc_partners .cmc_partList li:nth-child(6) img {
		width: 128px;
	}
}
/* partners 끝*/

/* contact */
.cmc_contact {
	background: #f3f5f8;
}
.cmc_contact h3 {
	margin-bottom: 105px;
}
.cmc_contact .cmc_inputGroup {
	position: relative;
	display: flex;
	flex-direction: column;
}
.cmc_contact .cmc_inputGroup .cmc_inputTxt {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 26px;
	margin-bottom: 47px;
}
.cmc_contact .cmc_inputGroup .cmc_item {
	position: relative;
	width: 48%;
	position: relative;
}
.cmc_contact .cmc_inputGroup .cmc_item:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background: #0085ff;
	transition: 0.3s;
}
.cmc_contact .cmc_inputGroup .cmc_item.active:after {
	width: 100%;
}
.cmc_contact .cmc_inputGroup .cmc_item:nth-child(2n) {
	margin-right: 0;
}
.cmc_contact .cmc_inputGroup .cmc_item label {
	color: #888;
	font-size: 16px;
	font-weight: 500;
	position: absolute;
	top: 22px;
	left: 0;
	transition: all 0.2s;
	pointer-events: none;
}
.cmc_contact .cmc_inputGroup .cmc_item.active label,
.cmc_contact .cmc_inputGroup .cmc_item input:focus + label {
	font-family: "Pretendard-Bold";
	font-size: 16px;
	top: -8px;
	color: #0085ff;
}
.cmc_contact .cmc_inputGroup .cmc_item input {
	background: none;
	border: none;
	border-bottom: 1px solid #ddd;
	height: 60px;
	width: 100%;
	caret-color: #121212;
	font-size: 18px;
	color: #121212;
}
.cmc_contact .cmc_inputGroup .cmc_item input:focus {
	/* border-bottom: 2px solid #0085ff; */
}

.cmc_contact .cmc_inputGroup .cmc_itemArea {
	border-bottom: 1px solid #ddd;
	padding: 0;
}
.cmc_contact .cmc_inputGroup .cmc_itemArea textarea {
	width: 100%;
	background: none;
	color: #121212;
	font-size: 18px;
	border: none;
	resize: none;
	padding: 22px 26px;
	background: #fff;
}
.cmc_contact .cmc_inputGroup .cmc_inputChkCate {
	margin-bottom: 30px;
}
.cmc_contact .cmc_inputGroup .cmc_inputChkCate .cmc_sub_tit {
	color: #0085ff;
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: -0.54px;
	margin-bottom: 15px;
}
.cmc_contact .cmc_inputGroup .cmc_inputChkCate .cmc_li_wp {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.cmc_contact
	.cmc_inputGroup
	.cmc_inputChkCate
	.cmc_li_wp
	.cmc_li
	input[type="checkbox"] {
	display: none;
}
.cmc_contact .cmc_inputGroup .cmc_inputChkCate .cmc_li_wp .cmc_li label {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 52px;
	padding: 0 24px;
	font-size: 18px;
	border-radius: 50px;
	cursor: pointer;
	color: #555;
	background: #fff;
}
.cmc_contact
	.cmc_inputGroup
	.cmc_inputChkCate
	.cmc_li_wp
	.cmc_li
	input[type="checkbox"]:checked
	+ label {
	color: #fff;
	font-weight: 500;
	background: #0085ff;
}
.cmc_contact .cmc_inputGroup .cmc_itemChk {
	margin-top: 50px;
	display: flex;
	align-items: center;
	gap: 10px;
}
/* 	.cmc_contact  .cmc_inputGroup .cmc_itemChk input {position:relative;display:inline-block;min-width: 30px;width:1px;height:1px;vertical-align:middle} */
.cmc_contact .cmc_inputGroup .cmc_itemChk input {
	position: relative;
	display: inline-block;
	width: 26px;
	height: 26px;
	vertical-align: middle;
}
.cmc_contact .cmc_inputGroup .cmc_itemChk input:before {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 26px;
	height: 26px;
	background: #fff;
	border: 1px solid #d1d1d1;
	border-radius: 50%;
	box-sizing: border-box;
	cursor: pointer;
	content: "";
}
.cmc_contact .cmc_inputGroup .cmc_itemChk input:checked:before {
	background: #0085ff url("/img/chk.png") 50% 50% no-repeat;
	border: none;
	content: "";
}
.cmc_contact .cmc_inputGroup .cmc_itemChk label {
	color: #121212;
	font-size: 18px;
}
.cmc_contact .cmc_inputGroup .cmc_itemChk label span {
	border-bottom: 1px solid #121212;
	cursor: pointer;
	font-weight: bold;
}
.cmc_contact .cmc_inputGroup .cmc_btn {
	position: absolute;
	bottom: -63px;
	right: -55px;
	right: 0;
}
.cmc_contact .cmc_inputGroup .cmc_btn button {
	font-family: "Pretendard-Bold";
	color: #121212;
	border: none;
	font-size: 18px;
}
.cmc_contact .cmc_inputGroup .cmc_btn button img {
	width: auto;
	vertical-align: middle;
	margin-left: -14px;
}
.cmc_contact .cmc_inputGroup .cmc_btn button img.cmc_arrowMo {
	display: none;
}

@media (max-width: 1024px) {
	.cmc_contact .cmc_inputGroup .cmc_itemChk label {
		font-size: 16px;
	}
}
@media (max-width: 767px) {
	.cmc_contact h3 {
		margin-bottom: 50px;
	}
	.cmc_contact .cmc_inputGroup .cmc_inputTxt {
		gap: calc(100vw * (40 / 767));
		margin-bottom: 30px;
		order: -2;
	}
	.cmc_contact .cmc_inputGroup .cmc_itemArea {
		/* padding: 20px; */
		order: 1;
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
	}
	.cmc_contact .cmc_inputGroup .cmc_itemArea textarea {
		padding: 20px;
	}
	.cmc_contact .cmc_inputGroup .cmc_itemChk input {
		width: calc(100vw * (20 / 360));
		height: calc(100vw * (20 / 360));
	}
	.cmc_contact .cmc_inputGroup .cmc_itemChk {
		margin: 0 0 36px 0;
		order: -1;
	}
	.cmc_contact .cmc_inputGroup .cmc_btn {
		order: 2;
	}
	.cmc_contact .cmc_inputGroup .cmc_item {
		width: 100%;
	}
	.cmc_contact .cmc_inputGroup .cmc_item input {
		height: 50px;
	}
	.cmc_contact .cmc_inputGroup .cmc_item label {
		font-size: 14px;
	}
	.cmc_contact .cmc_inputGroup .cmc_item.active label,
	.cmc_contact .cmc_inputGroup .cmc_item input:focus + label {
		font-size: 14px;
		top: -8px;
		color: #0085ff;
	}
	.cmc_contact .cmc_inputGroup .cmc_itemArea textarea,
	.cmc_contact .cmc_inputGroup .cmc_itemChk label {
		font-size: 14px;
	}
	.cmc_contact .cmc_inputGroup .cmc_inputChkCate {
		margin-bottom: 24px;
	}
	.cmc_contact .cmc_inputGroup .cmc_inputChkCate .cmc_sub_tit {
		font-size: 14px;
		line-height: normal;
		letter-spacing: -0.42px;
	}
	.cmc_contact .cmc_inputGroup .cmc_inputChkCate .cmc_li_wp {
		gap: 8px;
	}
	.cmc_contact .cmc_inputGroup .cmc_inputChkCate .cmc_li_wp .cmc_li label {
		height: 37px;
		padding: 0 14px;
		font-size: 14px;
	}
	.cmc_contact .cmc_inputGroup .cmc_btn {
		position: static;
		margin: 30px auto 0;
		border-radius: 50px;
		background: #0085ff;
		right: 0;
		width: 150px;
		height: 50px;
		line-height: 50px;
		text-align: center;
	}
	.cmc_contact .cmc_inputGroup .cmc_btn button {
		font-size: 14px;
		color: #fff;
	}
	.cmc_contact .cmc_inputGroup .cmc_btn button img.cmc_arrow {
		display: none;
	}
	.cmc_contact .cmc_inputGroup .cmc_btn button img.cmc_arrowMo {
		display: inline-block;
		margin-left: 28px;
	}
}
@media (max-width: 500px) {
	.cmc_contact .cmc_inputGroup .cmc_item {
		width: 100%;
	}
}
/* contact 끝*/

/* 공통 */

/* 애니메이션 */
@keyframes bounce {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-7px);
	}
	100% {
		transform: translateY(0px);
	}
}
@keyframes bounce-rvs {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(7px);
	}
	100% {
		transform: translateY(0px);
	}
}

/* 공통 - contact */
.cmc_comm_contact {
	background: url(/img/commerce/e_cmc_contact_bg.png) 0 0 no-repeat;
	text-align: center;
	color: #fff;
	padding: 161px 0 140px;
	background-size: cover;
}
.cmc_comm_contact h2 {
	font-family: "Pretendard-ExtraBold";
	font-size: 48px;
	line-height: 70px;
	margin-bottom: 77px;
}
.cmc_comm_contact .more {
	font-family: "Pretendard-SemiBold";
	font-size: 26px;
}
.cmc_comm_contact .more img {
	width: auto;
	vertical-align: middle;
	margin-left: 10px;
}

/* 공통 - banner */
.cmc_comm_banner {
	background: #f0f2f6;
	padding: 270px 0 240px;
}
.cmc_comm_banner .cmc_container {
	display: flex;
}
.cmc_comm_banner .cmc_subTit {
	font-size: 20px;
	font-weight: 500;
}
.cmc_comm_banner h2 {
	font-family: "Pretendard-ExtraBold";
	font-size: 75px;
	line-height: 90px;
	margin: 23px 0 63px;
}
.cmc_comm_banner .cmc_txt {
	color: #666;
	font-size: 18px;
	line-height: 30px;
}

@media (max-width: 1600px) {
	.cmc_comm_banner h2 {
		font-size: calc(100vw * (54 / 1600));
		line-height: calc(100vw * (52 / 1600));
	}
	.cmc_comm_banner .cmc_subTit {
		font-size: calc(100vw * (17 / 1600));
	}
	.cmc_comm_banner .cmc_txt {
		font-size: calc(100vw * (16 / 1600));
		line-height: calc(100vw * (24 / 1600));
	}
}
@media (max-width: 1280px) {
	.cmc_comm_banner {
		padding: 200px 0 340px;
	}
	.cmc_comm_banner h2 {
		margin: 20px 0 23px;
	}
}
@media (max-width: 767px) {
	.cmc_comm_banner h2 {
		font-size: 40px;
	}
	.cmc_comm_banner .cmc_subTit {
		font-size: 15px;
	}
	.cmc_comm_banner .cmc_txt {
		font-size: 14px;
	}
}
@media (max-width: 500px) {
	.cmc_comm_banner {
		padding: 122px 0 207px;
	}
}

.cmc_ecmc_banner_ico {
	position: relative;
}
.cmc_ecmc_banner_ico img {
	position: absolute;
	width: auto;
	top: 0;
	left: 0;
}
.cmc_ecmc_banner_ico img:nth-child(1) {
	top: -116px;
	left: 152px;
	animation: bounce 3s 1s infinite ease-in-out forwards;
}
.cmc_ecmc_banner_ico img:nth-child(2) {
	top: -52px;
	left: 392px;
	animation: bounce-rvs 3s 1s infinite ease-in-out forwards;
}
.cmc_ecmc_banner_ico img:nth-child(3) {
	top: -150px;
	left: 575px;
	animation: bounce 3s 1s infinite ease-in-out forwards;
}
.cmc_ecmc_banner_ico img:nth-child(4) {
	top: 235px;
	left: 50px;
	animation: bounce-rvs 3s 1s infinite ease-in-out forwards;
}
.cmc_ecmc_banner_ico img:nth-child(5) {
	top: 160px;
	left: 290px;
	animation: bounce 3s 1s infinite ease-in-out forwards;
}
.cmc_ecmc_banner_ico img:nth-child(6) {
	top: 235px;
	left: 543px;
	animation: bounce-rvs 3s 1s infinite ease-in-out forwards;
}

@media (max-width: 1600px) {
	.cmc_ecmc_banner_ico img {
		width: 150px;
	}
	.cmc_ecmc_banner_ico img:nth-child(1) {
		top: -58px;
		left: 80px;
	}
	.cmc_ecmc_banner_ico img:nth-child(2) {
		top: -5px;
		left: 425px;
	}
	.cmc_ecmc_banner_ico img:nth-child(3) {
		top: -80px;
		left: 550px;
	}
	.cmc_ecmc_banner_ico img:nth-child(4) {
		top: 235px;
		left: 50px;
	}
	.cmc_ecmc_banner_ico img:nth-child(5) {
		width: 200px;
		top: 160px;
		left: 220px;
	}
	.cmc_ecmc_banner_ico img:nth-child(6) {
		width: 200px;
		top: 235px;
		left: 480px;
	}
}
@media (max-width: 1280px) {
	.cmc_comm_banner .cmc_container {
		display: flex;
	}
	.cmc_ecmc_banner_ico {
		width: 100%;
		max-width: calc(100vw * (570 / 1280));
	}
	.cmc_ecmc_banner_ico img:nth-child(1) {
		top: 45px;
		left: 28%;
	}
	.cmc_ecmc_banner_ico img,
	.cmc_ecmc_banner_ico img:nth-child(5),
	.cmc_ecmc_banner_ico img:nth-child(6) {
		width: calc(100vw * (110 / 1280));
	}
	.cmc_ecmc_banner_ico img:nth-child(2) {
		top: 48px;
		left: 57%;
	}
	.cmc_ecmc_banner_ico img:nth-child(3) {
		top: 6px;
		left: 76%;
	}
	.cmc_ecmc_banner_ico img:nth-child(4) {
		top: 160px;
		left: 22%;
	}
	.cmc_ecmc_banner_ico img:nth-child(5) {
		top: 144px;
		left: 42%;
	}
	.cmc_ecmc_banner_ico img:nth-child(6) {
		top: 154px;
		left: 68%;
	}
}
@media (max-width: 767px) {
	.cmc_ecmc_banner_ico img {
		width: calc(100vw * (60 / 360));
	}
	.cmc_ecmc_banner_ico img:nth-child(1) {
		top: 25px;
		left: 7%;
	}
	.cmc_ecmc_banner_ico img:nth-child(5),
	.cmc_ecmc_banner_ico img:nth-child(6) {
		width: calc(100vw * (70 / 360));
	}
	.cmc_ecmc_banner_ico img:nth-child(2) {
		top: 30px;
		left: 46%;
	}
	.cmc_ecmc_banner_ico img:nth-child(3) {
		top: 6px;
		left: 80%;
	}
	.cmc_ecmc_banner_ico img:nth-child(4) {
		top: 120px;
		left: -4%;
	}
	.cmc_ecmc_banner_ico img:nth-child(5) {
		top: 92px;
		left: 27%;
	}
	.cmc_ecmc_banner_ico img:nth-child(6) {
		top: 98px;
		left: 64%;
	}
}

.cmc_live_banner {
	background: #f0f2f6 url(/www/img/commerce/live_cmc_banner_bg.png) no-repeat
		83% bottom;
	position: relative;
	overflow: hidden;
	background-size: 50%;
}
.cmc_live_banner .cmc_live_banner_vod {
	margin-left: auto;
}
.cmc_live_banner .cmc_live_banner_vod video {
	border: 15px solid #fff;
	border-radius: 30px;
	width: 18.8%;
	position: absolute;
	bottom: -40px;
	right: 28%;
	box-shadow: 22px 12px 24px rgba(0, 0, 0, 0.3);
}
.cmc_comm_banner .cmc_live_banner_vod span {
	font-family: "Pretendard-SemiBold";
	display: inline-block;
	padding: 10px 15px;
	background: rgba(255, 255, 255, 0.8);
	font-size: 18px;
	color: #333;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 50px;
	animation-name: wave;
	animation-duration: 3s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}
.cmc_live_banner .cmc_live_banner_vod .cmc_live_vodTxt1 {
	top: 150px;
	right: 42%;
}
.cmc_live_banner .cmc_live_banner_vod .cmc_live_vodTxt2 {
	top: 370px;
	right: 43%;
}
.cmc_live_banner .cmc_live_banner_vod .cmc_live_vodTxt3 {
	top: 348px;
	right: 24%;
}
.cmc_live_banner .cmc_live_banner_vod .cmc_live_vodTxt4 {
	top: 465px;
	right: 18%;
}
.cmc_live_banner .cmc_live_banner_vod .cmc_live_vodTxt4 img {
	width: 20px;
}

.cmc_design_banner {
	background: #f0f2f6 url(/www/img/commerce/design_banner_bg.jpg) no-repeat
		right / contain;
	padding: 270px 0 240px;
}

@media (max-width: 1280px) {
	/* .cmc_live_banner {
		background: #f0f2f6 url(/www/img/commerce/live_cmc_banner_bg.png) no-repeat
			50% bottom;
		background-size: 50%;
	}
	.cmc_live_banner .cmc_live_banner_vod video {
		right: 45%;
	}
     */
	.cmc_live_banner .cmc_live_banner_vod .cmc_live_vodTxt1 {
		top: 30%;
		right: 50%;
	}
	.cmc_live_banner .cmc_live_banner_vod .cmc_live_vodTxt2 {
		top: 55%;
		right: 50%;
	}
	.cmc_live_banner .cmc_live_banner_vod .cmc_live_vodTxt3 {
		top: 45%;
		right: 24%;
	}
	.cmc_live_banner .cmc_live_banner_vod .cmc_live_vodTxt4 {
		top: 78%;
		right: 29%;
	}
}
@media (max-width: 1024px) {
	.cmc_live_banner {
		background-size: 58%;
	}
	.cmc_live_banner .cmc_live_banner_vod video {
		border: 8px solid #fff;
		border-radius: 18px;
		width: 23.8%;
		box-shadow: 6px 10px 15px rgba(0, 0, 0, 0.3);
	}
	.cmc_comm_banner .cmc_live_banner_vod span {
		font-size: 12px;
		padding: 7px 10px;
	}
}

@media (max-width: 767px) {
	.cmc_live_banner {
		background-size: calc(100% - 40px);
	}
	.cmc_live_banner .cmc_live_banner_vod video {
		right: 39%;
		width: 34.8%;
		bottom: -20px;
	}
}

/* 공통 - tab menu */
.cmc_comm_tabMenu {
	border-bottom: 1px solid #e3e5e8;
	display: flex;
	height: 60px;
	line-height: 60px;
	justify-content: center;
	gap: 150px;
	background: #fff;
	width: 100%;
	z-index: 90;
}
.cmc_comm_tabMenu.fixed {
	position: fixed;
	top: 90px;
	left: 0;
}
.cmc_comm_tabMenu li a {
	font-family: "Pretendard-SemiBold";
	color: #aaa;
	font-size: 16px;
}
.cmc_comm_tabMenu li a.on {
	color: #0085ff;
}

@media (max-width: 767px) {
	.cmc_comm_tabMenu {
		gap: 60px;
	}
	.cmc_comm_tabMenu li a {
		font-size: 14px;
	}
}
@media (max-width: 500px) {
	.cmc_comm_tabMenu {
		gap: 43px;
		height: 50px;
		line-height: 50px;
	}
	.cmc_comm_tabMenu li a {
		font-size: 13px;
	}
}
/* 공통 끝*/

/* 이커머스 */

/* BPO */
.cmc_ecmc_bpo {
	text-align: center;
	padding: 150px 0 210px;
}
.cmc_ecmc_bpo .cmc_subTit {
	font-family: "Pretendard-SemiBold";
	display: inline-block;
	height: 36px;
	line-height: 36px;
	width: 140px;
	font-size: 18px;
	color: #fff;
	background: #0085ff;
	border-radius: 50px;
	margin-bottom: 30px;
}
.cmc_ecmc_bpo h2 {
	font-family: "Pretendard-ExtraBold";
	font-size: 64px;
	margin-bottom: 23px;
}
.cmc_ecmc_bpo .cmc_txt {
	font-family: "Pretendard-Regular";
	font-size: 20px;
	color: #555555;
}
.cmc_ecmc_bpo .cmc_group {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 110px 0 270px;
	gap: 56px;
	position: relative;
}
.cmc_ecmc_bpo .cmc_group:after {
	content: url(/www/img/commerce/e_cmc_bpo_bg.png);
	position: absolute;
	bottom: -60%;
	left: 50%;
	transform: translate(-50%, 0);
}
.cmc_ecmc_bpo .cmc_group p {
	font-family: "Pretendard-SemiBold";
	color: #99aac3;
	font-size: 20px;
	line-height: 34px;
	border-radius: 50%;
	background: #f0f2f6;
	width: 304px;
	height: 304px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cmc_ecmc_bpo .cmc_group p.on {
	display: block;
	padding-top: 135px;
	color: #4e5e75;
	font-size: 26px;
	line-height: 40px;
	width: 400px;
	height: 400px;
	border: 1px solid #fff;
	background: linear-gradient(146deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
	box-shadow: 5px 5px 40px 0px #cfdcf0;
}
.cmc_ecmc_bpo .cmc_group p.on strong {
	color: #0085ff;
}
.cmc_ecmc_bpo h3 {
	font-family: "Pretendard-ExtraBold";
	font-size: 48px;
}
.cmc_ecmc_bpo h3 strong {
	color: #0085ff;
}

@media (max-width: 1600px) {
	.cmc_ecmc_bpo h2 {
		font-size: 44px;
	}
	.cmc_ecmc_bpo .cmc_subTit {
		width: 120px;
		font-size: 14px;
	}
	.cmc_ecmc_bpo {
		padding: calc(100vw * (350 / 1600)) 0 calc(100vw * (210 / 1600));
	}
	.cmc_ecmc_bpo .cmc_group {
		margin: calc(100vw * (110 / 1600)) 0 calc(100vw * (270 / 1600));
		gap: calc(100vw * (56 / 1600));
	}
	.cmc_ecmc_bpo .cmc_group p.on {
		padding-top: calc(100vw * (110 / 1600));
		font-size: calc(100vw * (34 / 1600));
		line-height: calc(100vw * (50 / 1600));
		width: calc(100vw * (400 / 1600));
		height: calc(100vw * (400 / 1600));
	}
	.cmc_ecmc_bpo .cmc_group p {
		width: calc(100vw * (300 / 1600));
		height: calc(100vw * (300 / 1600));
		font-size: calc(100vw * (25 / 1600));
		line-height: calc(100vw * (40 / 1600));
	}
	.cmc_ecmc_bpo h3 {
		font-size: calc(100vw * (34 / 1600));
	}
}

/* solution */
.cmc_ecmc_solution {
	text-align: center;
	background: #f3f5f8;
	padding: 145px 0 221px;
}
.cmc_ecmc_solution h2 {
	font-family: "Pretendard-ExtraBold";
	font-size: 48px;
	line-height: 65px;
	padding-top: 20px;
}
.cmc_ecmc_solution .cmc_subTit {
	display: inline-block;
	font-family: "Pretendard-Regular";
	color: #555;
	font-size: 20px;
	margin-bottom: 20px;
}
.cmc_ecmc_solution .cmc_mainTxtLineWp {
	width: 720px;
	height: 720px;
	border-radius: 50%;
	border: 1px dashed #add2f4;
	margin: 0 auto;
	animation: fade2 2s 1s infinite ease-in-out forwards;
	padding-top: 100px;
}
.cmc_ecmc_solution .cmc_mainTxtLine {
	width: 500px;
	height: 500px;
	border-radius: 50%;
	border: 1px dashed #8bb7df;
	margin: 0 auto;
	animation: fade 2s 1s infinite ease-in-out forwards;
	padding-top: 100px;
}
.cmc_ecmc_solution .cmc_mainTxt {
	font-family: "Pretendard-SemiBold";
	font-size: 26px;
	color: #fff;
	line-height: 40px;
	width: 306px;
	height: 306px;
	background: rgba(0, 133, 255, 0.85);
	border-radius: 50%;
	border: 3px solid #fff;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cmc_ecmc_solution .cmc_solutionList {
	position: relative;
	padding: 10px 0 0;
}
.cmc_ecmc_solution .cmc_solutionList span {
	font-family: "Pretendard-SemiBold";
	position: absolute;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 30px;
	border: 2px solid #fff;
	background: linear-gradient(139deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
	box-shadow: 5px 5px 40px 0px #cfdcf0;
	width: 180px;
	height: 180px;
}
.cmc_ecmc_solution .cmc_solutionList span:nth-child(2),
.cmc_ecmc_solution .cmc_solutionList span:nth-child(3),
.cmc_ecmc_solution .cmc_solutionList span:nth-child(6),
.cmc_ecmc_solution .cmc_solutionList span:nth-child(7) {
	width: 136px;
	height: 136px;
	animation: bounce 3s 1s infinite ease-in-out forwards;
	font-size: 18px;
}

.cmc_ecmc_solution .cmc_solutionList span:nth-child(1) {
	top: 82px;
	left: 60px;
	animation: bounce-rvs 3s 1s infinite ease-in-out forwards;
}
.cmc_ecmc_solution .cmc_solutionList span:nth-child(2) {
	top: 230px;
	left: 270px;
}
.cmc_ecmc_solution .cmc_solutionList span:nth-child(3) {
	top: 419px;
	left: 0;
}
.cmc_ecmc_solution .cmc_solutionList span:nth-child(4) {
	top: 506px;
	left: 240px;
	width: 208px;
	height: 208px;
	animation: bounce-rvs 3s 1s infinite ease-in-out forwards;
}
.cmc_ecmc_solution .cmc_solutionList span:nth-child(5) {
	top: 78px;
	right: 168px;
	width: 208px;
	height: 208px;
	animation: bounce-rvs 3s 1s infinite ease-in-out forwards;
}
.cmc_ecmc_solution .cmc_solutionList span:nth-child(6) {
	top: 278px;
	right: 0;
}
.cmc_ecmc_solution .cmc_solutionList span:nth-child(7) {
	top: 457px;
	right: 317px;
}
.cmc_ecmc_solution .cmc_solutionList span:nth-child(8) {
	top: 534px;
	right: 40px;
	animation: bounce-rvs 3s 1s infinite ease-in-out forwards;
}

@keyframes fade {
	0% {
		border: 1px dashed #8bb7df;
	}
	50% {
		border: 1px dashed #f3f5f8;
	}
	100% {
		border: 1px dashed #8bb7df;
	}
}
@keyframes fade2 {
	0% {
		border: 1px dashed #add2f4;
	}
	70% {
		border: 1px dashed #f3f5f8;
	}
	100% {
		border: 1px dashed #add2f4;
	}
}

@media (max-width: 1600px) {
	.cmc_ecmc_solution {
		padding: calc(100vw * (145 / 1600)) 0 calc(100vw * (220 / 1600));
	}
	.cmc_ecmc_solution h2 {
		font-size: 32px;
		line-height: 42px;
	}
	.cmc_ecmc_solution .cmc_mainTxt {
		width: 240px;
		height: 240px;
	}
	.cmc_ecmc_solution .cmc_solutionList span {
		font-size: 16px;
		width: 140px;
		height: 140px;
	}
	.cmc_ecmc_solution .cmc_solutionList span:nth-child(1) {
		top: 17px;
	}
	.cmc_ecmc_solution .cmc_solutionList span:nth-child(4) {
		top: 570px;
		left: 10px;
	}
	.cmc_ecmc_solution .cmc_solutionList span:nth-child(4),
	.cmc_ecmc_solution .cmc_solutionList span:nth-child(5) {
		width: 140px;
		height: 140px;
	}
	.cmc_ecmc_solution .cmc_solutionList span:nth-child(2) {
		left: 65px;
	}
	.cmc_ecmc_solution .cmc_solutionList span:nth-child(2),
	.cmc_ecmc_solution .cmc_solutionList span:nth-child(3),
	.cmc_ecmc_solution .cmc_solutionList span:nth-child(6),
	.cmc_ecmc_solution .cmc_solutionList span:nth-child(7) {
		font-size: 16px;
		line-height: 20px;
		width: 110px;
		height: 110px;
	}
	.cmc_ecmc_solution .cmc_solutionList span:nth-child(3) {
		left: 80px;
	}
	.cmc_ecmc_solution .cmc_solutionList span:nth-child(5) {
		right: 100px;
	}
	.cmc_ecmc_solution .cmc_solutionList span:nth-child(6) {
		right: 20px;
	}
	.cmc_ecmc_solution .cmc_solutionList span:nth-child(7) {
		right: 144px;
	}
	.cmc_ecmc_solution .cmc_solutionList span:nth-child(8) {
		right: -10px;
	}
}

/* service */
.cmc_ecmc_service {
	padding: 160px 0 190px;
}
.cmc_ecmc_service h2 {
	font-family: "Pretendard-ExtraBold";
	font-size: 48px;
	line-height: 65px;
	margin-bottom: 132px;
	text-align: center;
}
.cmc_ecmc_service .cmc_serList {
	display: flex;
	justify-content: space-between;
	gap: 34px;
}
.cmc_ecmc_service .cmc_serList li {
	flex: 1;
	padding: 70px 20px 66px;
	border-radius: 30px;
	background: #fff;
	box-shadow: 5px 5px 40px 0px #cfdcf0;
	text-align: center;
}
.cmc_ecmc_service .cmc_serList li h3 {
	font-family: "Pretendard-Bold";
	font-size: 26px;
	line-height: 34px;
	margin-bottom: 30px;
}
.cmc_ecmc_service .cmc_serList li h3 span {
	font-family: "Pretendard-Thin";
	font-size: 18px;
	color: #555;
	line-height: 34px;
	display: block;
}
.cmc_ecmc_service .cmc_serList li img {
	width: auto;
}
.cmc_ecmc_service .cmc_serList li p {
	color: #555;
	font-size: 18px;
	line-height: 30px;
	margin-top: 34px;
}

@media (max-width: 1600px) {
	.cmc_ecmc_service h2 {
		font-size: 32px;
		line-height: 42px;
		margin-bottom: 80px;
	}
	.cmc_ecmc_service .cmc_serList li {
		padding: 32px 20px 32px;
	}
	.cmc_ecmc_service .cmc_serList li img {
		width: 60px;
	}
	.cmc_ecmc_service .cmc_serList li h3 {
		font-size: 22px;
	}
	.cmc_ecmc_service .cmc_serList li h3 span {
		font-size: 14px;
		line-height: 23px;
	}
	.cmc_ecmc_service .cmc_serList li p {
		font-size: 17px;
		line-height: 24px;
		margin-top: 27px;
	}
}
@media (max-width: 767px) {
	.cmc_ecmc_service h2 {
		font-size: 24px;
		line-height: 36px;
		margin-bottom: 32px;
	}
	.cmc_ecmc_service .cmc_serList {
		display: block;
	}
	.cmc_ecmc_service .cmc_serList li {
		margin-bottom: 20px;
	}

	.cmc_ecmc_service .cmc_serList li p {
		font-size: 14px;
	}
}
/* help */
.cmc_ecmc_help {
	text-align: center;
	background: #f3f5f8;
	padding: 150px 0 830px;
}
.cmc_ecmc_help h2 {
	font-size: 48px;
	font-family: "Pretendard-ExtraBold";
	margin-bottom: 20px;
}
.cmc_ecmc_help .cmc_subTit {
	font-size: 20px;
	color: #555;
	text-align: center;
	margin-bottom: 58px;
}
.cmc_ecmc_help .cmc_help_list {
	position: relative;
	display: flex;
	justify-content: center;
	gap: 24px;
}
.cmc_ecmc_help .cmc_help_list > li.active .cmc_tab_name {
	color: #fff;
	background: #0085ff;
}
.cmc_ecmc_help .cmc_help_list .cmc_tab_name {
	display: inline-block;
	width: 192px;
	height: 60px;
	line-height: 60px;
	border-radius: 50px;
	background: #fff;
	color: #99aac3;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
}
.cmc_ecmc_help .cmc_help_list_con {
	display: none;
	position: absolute;
	top: 139px;
	left: 0;
	width: 100%;
}
.cmc_ecmc_help .cmc_help_list li.active .cmc_help_list_con {
	display: flex;
	flex-wrap: wrap;
	gap: 32px 0;
	justify-content: space-between;
}
.cmc_ecmc_help .cmc_help_list_con > li {
	display: flex;
	align-items: center;
	width: calc(50% - 16px);
	padding: 70px 0;
	border-radius: 20px;
	background: #fff;
	box-shadow: 5px 5px 40px 0px #cfdcf0;
	justify-content: space-around;
}
.cmc_ecmc_help .cmc_help_list_con .cmc_ico img {
	width: auto;
}
.cmc_ecmc_help .cmc_help_list_con .cmc_txt {
	font-family: "Pretendard-Bold";
	font-size: 26px;
	text-align: left;
	color: #121212;
}
.cmc_ecmc_help .cmc_help_list_con .cmc_txt p {
	font-family: "Pretendard-Regular";
	color: #555;
	font-size: 18px;
	line-height: 30px;
	margin-top: 20px;
	letter-spacing: -0.05em;
}

@media (max-width: 1600px) {
	.cmc_ecmc_help h2 {
		font-size: 32px;
		line-height: 42px;
	}
	.cmc_ecmc_help .cmc_help_list {
		gap: 17px;
	}
	.cmc_ecmc_help .cmc_help_list .cmc_tab_name {
		width: 126px;
		height: 50px;
		line-height: 50px;
		font-size: 16px;
	}
	.cmc_ecmc_help .cmc_help_list_con .cmc_ico img {
		width: 80px;
	}
	.cmc_ecmc_help .cmc_help_list_con .cmc_txt {
		font-size: 20px;
		text-align: center;
	}
	.cmc_ecmc_help .cmc_help_list_con .cmc_txt p {
		font-size: 15px;
		line-height: 24px;
		margin-top: 9px;
	}
}
@media (max-width: 1280px) {
	.cmc_ecmc_help .cmc_help_list_con > li {
		flex-direction: column;
		gap: 30px;
	}
}
@media (max-width: 767px) {
	.cmc_ecmc_help .cmc_help_list {
		display: block;
	}
	.cmc_ecmc_help .cmc_help_list > li .cmc_tab_name {
		margin-bottom: 20px;
	}
	.cmc_ecmc_help .cmc_help_list_con {
		position: static;
		margin-bottom: 20px;
	}
}

/* 이커머스 끝 */

/* 라이브커머스 */

/* info */
.cmc_live_info {
	text-align: center;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #eceff4 100%);
	padding: 150px 0 216px;
}
.cmc_live_info .cmc_subTit {
	font-family: "Pretendard-SemiBold";
	display: inline-block;
	height: 36px;
	line-height: 36px;
	width: 170px;
	font-size: 18px;
	color: #fff;
	background: #0085ff;
	border-radius: 50px;
	margin-bottom: 30px;
}
.cmc_live_info h2 {
	font-family: "Pretendard-ExtraBold";
	font-size: 64px;
	line-height: 90px;
	margin: 0 0 94px;
}
.cmc_live_info .cmc_live_infoList {
	display: flex;
	justify-content: space-between;
}
.cmc_live_info .cmc_live_infoList span {
	background: #fff;
	display: inline-block;
	width: 260px;
	height: 260px;
	border-radius: 30px;
	margin-bottom: 40px;
}
.cmc_live_info .cmc_live_infoList span img {
	width: auto;
	padding-top: 80px;
}
.cmc_live_info .cmc_live_infoList h3 {
	font-family: "Pretendard-SemiBold";
	font-size: 26px;
	margin-bottom: 12px;
}
.cmc_live_info .cmc_live_infoList p {
	font-family: "Pretendard-Regular";
	font-size: 18px;
	line-height: 30px;
	color: #555;
	word-break: keep-all;
}

@media (max-width: 1600px) {
	.cmc_live_info h2 {
		font-size: 44px;
		line-height: 60px;
		margin: 0px 0 60px;
	}
	.cmc_live_info .cmc_subTit {
		font-size: 14px;
	}
	.cmc_live_info .cmc_live_infoList li {
		width: 190px;
	}
	.cmc_live_info .cmc_live_infoList span {
		width: 190px;
		height: 190px;
	}
	.cmc_live_info .cmc_live_infoList span img {
		padding-top: 68px;
		width: 77px;
	}
	.cmc_live_info .cmc_live_infoList h3 {
		font-size: 22px;
	}
	.cmc_live_info .cmc_live_infoList p {
		font-size: 15px;
		line-height: 24px;
	}
	.cmc_live_info .cmc_live_infoList p br {
		display: none;
	}
}
@media (max-width: 1280px) {
	.cmc_live_info .cmc_live_infoList {
		flex-wrap: wrap;
		gap: 36px 0;
	}
	.cmc_live_info .cmc_live_infoList span {
	}
}
@media (max-width: 1024px) {
	.cmc_live_info .cmc_live_infoList li {
		width: 155px;
	}
	.cmc_live_info .cmc_live_infoList span {
		width: 155px;
		height: 155px;
		border-radius: 12px;
		margin-bottom: 20px;
	}
	.cmc_live_info .cmc_live_infoList span img {
		padding-top: 44px;
	}
}

@media (max-width: 767px) {
	.cmc_live_info {
		padding: 50px 0 70px;
	}
	.cmc_live_info h2 {
		font-size: 32px;
		line-height: 42px;
		margin: 0px 0 35px;
	}
	.cmc_live_info .cmc_live_infoList {
		width: 320px;
		margin: 0 auto;
	}
	.cmc_live_info .cmc_live_infoList h3 {
		font-size: 15px;
	}
	.cmc_live_info .cmc_live_infoList p {
		font-size: 14px;
	}
}
@media (max-width: 500px) {
	.cmc_live_info .cmc_subTit {
		width: 130px;
		height: 26px;
		line-height: 26px;
		margin-bottom: 14px;
	}
}

/* platform */
.cmc_live_plat {
	background: #f3f5f8;
	text-align: center;
	padding: 160px 0 226px;
}
.cmc_live_plat h2 {
	font-family: "Pretendard-ExtraBold";
	font-size: 48px;
	line-height: 65px;
	margin: 0 0 116px;
}
.cmc_live_plat .cmc_live_platLogo {
	display: flex;
	justify-content: space-between;
}
.cmc_live_plat .cmc_live_platLogo span {
	background: #fff;
	display: inline-block;
	width: 168px;
	height: 168px;
	border-radius: 30px;
	box-shadow: 5px 5px 40px #cfdcf0;
}
.cmc_live_plat .cmc_live_platLogo span:nth-child(even) {
	margin-top: 60px;
}
.cmc_live_plat .cmc_live_platLogo span img {
	width: auto;
	padding-top: 43px;
}
.cmc_live_plat .cmc_live_platLogo span:nth-child(2) img,
.cmc_live_plat .cmc_live_platLogo span:nth-child(5) img {
	padding-top: 56px;
}
.cmc_live_plat .cmc_live_platLogo span:nth-child(4) img {
	padding-top: 72px;
}

@media (max-width: 1600px) {
	.cmc_live_plat h2 {
		font-size: 32px;
		line-height: 42px;
		margin: 0 0 70px;
	}
	.cmc_live_plat .cmc_live_platLogo {
		justify-content: center;
		gap: 30px;
	}
	.cmc_live_plat .cmc_live_platLogo span {
		width: 120px;
		height: 120px;
	}
	.cmc_live_plat .cmc_live_platLogo span img {
		width: 50%;
		padding-top: 32px;
	}
	.cmc_live_plat .cmc_live_platLogo span:nth-child(2) img,
	.cmc_live_plat .cmc_live_platLogo span:nth-child(5) img {
		padding-top: 46px;
	}
	.cmc_live_plat .cmc_live_platLogo span:nth-child(4) img {
		padding-top: 55px;
	}
}
@media (max-width: 767px) {
	.cmc_live_plat {
		padding: 70px 0;
	}
	.cmc_live_plat .cmc_container {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.cmc_live_plat h2 {
		font-size: 24px;
		line-height: 36px;
		margin: 0 0 30px;
	}
	.cmc_live_plat .cmc_live_platLogo {
		flex-wrap: wrap;
		width: 320px;
		gap: 12px;
	}
	.cmc_live_plat .cmc_live_platLogo span {
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 20px;
		width: 98px;
		height: 98px;
	}
	.cmc_live_plat .cmc_live_platLogo span:nth-child(even) {
		margin-top: 0;
	}
	.cmc_live_plat .cmc_live_platLogo span img {
		padding: 0 !important;
	}
}

/* process */
.cmc_live_process {
	margin: 160px 0 256px;
}
.cmc_live_process h2 {
	font-family: "Pretendard-ExtraBold";
	font-size: 48px;
	margin: 0 0 150px;
	text-align: center;
}
.cmc_live_process .cmc_live_step {
	display: flex;
	position: relative;
	justify-content: space-between;
}
.cmc_live_process .cmc_live_step:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 1px;
	background: #eaeaea;
	position: absolute;
	top: 150px;
	left: 0;
}
.cmc_live_process .cmc_live_step span {
	display: inline-block;
	font-family: "Pretendard-Bold";
	font-size: 18px;
	color: #0085ff;
	border: 1px solid #0085ff;
	border-radius: 50px;
	padding: 7px 25px;
	margin-bottom: 30px;
}
.cmc_live_process .cmc_live_step h3 {
	font-family: "Pretendard-Bold";
	font-size: 26px;
	margin-bottom: 127px;
	position: relative;
}
.cmc_live_process .cmc_live_step h3:after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #eaeaea;
	border-radius: 50%;
	position: absolute;
	bottom: -67px;
	left: 0;
	z-index: 10;
}
.cmc_live_process .cmc_live_step p {
	font-size: 18px;
	line-height: 30px;
	color: #555;
}
.cmc_live_process .cmc_live_step li.on span {
	color: #fff;
	background: #0085ff;
}
.cmc_live_process .cmc_live_step li.on h3:after {
	background: #0085ff;
}

/* package */
.cmc_live_package {
	background: #f3f5f8;
	padding: 150px 0;
}
.cmc_live_package h2 {
	font-family: "Pretendard-ExtraBold";
	font-size: 48px;
	margin: 0 0 93px;
	text-align: center;
}
.cmc_live_package .cmc_live_packageList {
	display: flex;
	justify-content: space-between;
	gap: 64px;
}
.cmc_live_package .cmc_live_packageList li {
	border-radius: 30px;
	background: #fff;
	box-shadow: 5px 5px 40px 0px #cfdcf0;
	padding: 55px 50px;
	flex: 1;
}
.cmc_live_package .cmc_live_packageList .cmc_live_type {
	font-family: "Pretendard-SemiBold";
	color: #7286a4;
	text-align: center;
	font-size: 18px;
	display: inline-block;
	border-radius: 4px;
	background: #e8ecf2;
	padding: 5px 12px;
}
.cmc_live_package .cmc_live_packageList li:nth-child(2) .cmc_live_type {
	color: #0085ff;
	background: rgba(1, 139, 255, 0.1);
}
.cmc_live_package .cmc_live_packageList li:nth-child(3) .cmc_live_type {
	color: #ff344c;
	background: rgba(255, 52, 76, 0.1);
}
.cmc_live_package .cmc_live_packageList .cmc_live_price {
	display: block;
	font-family: "Pretendard-Bold";
	color: #0085ff;
	font-size: 40px;
	border-bottom: 1px solid #e8ecf2;
	padding: 15px 0 30px;
}
.cmc_live_package .cmc_live_packageList .cmc_live_price em {
	font-style: normal;
	font-size: 26px;
}
.cmc_live_package .cmc_live_packageList .cmc_live_txt {
	color: #555;
	font-size: 18px;
	line-height: 40px;
	margin-top: 26px;
}
.cmc_live_package .cmc_live_packageList .cmc_live_txt span {
	display: block;
	padding: 0 0 0 25px;
	background: url(/img/check_ico.svg) no-repeat left / 14px;
}
.cmc_live_package .cmc_live_packageList .cmc_live_txt span:after {
	content: "";
	display: inline-block;
}

@media (max-width: 1600px) {
	.cmc_live_package h2 {
		font-size: 32px;
		line-height: 42px;
	}
	.cmc_live_package .cmc_live_packageList {
		gap: 30px;
	}
	.cmc_live_package .cmc_live_packageList li {
		padding: 40px 38px;
	}
	.cmc_live_package .cmc_live_packageList .cmc_live_type {
		font-size: 14px;
		padding: 9px 18px;
	}
	.cmc_live_package .cmc_live_packageList .cmc_live_price {
		font-size: 28px;
		padding: 15px 0 20px;
	}
}
@media (max-width: 1024px) {
	.cmc_live_package .cmc_live_packageList {
		display: block;
	}
	.cmc_live_package .cmc_live_packageList li {
		margin-bottom: 20px;
		border-radius: 12px;
	}
}
@media (max-width: 767px) {
	.cmc_live_package {
		padding: 70px 0;
	}
	.cmc_live_package h2 {
		font-size: 24px;
		line-height: 36px;
		margin: 0 0 33px;
	}
	.cmc_live_package .cmc_live_packageList .cmc_live_price {
		font-size: 24px;
	}
	.cmc_live_package .cmc_live_packageList .cmc_live_txt {
		line-height: 24px;
	}
	.cmc_live_package .cmc_live_packageList .cmc_live_txt span {
		font-size: 14px;
	}
}
@media (max-width: 500px) {
	.cmc_live_package .cmc_live_packageList li {
		padding: 30px 24px;
	}
}

/* 라이브커머스 끝 */

/* 라이브커머스 스튜디오 */

.cmc_studio {
	text-align: center;
	padding: 150px 0 180px;
}
.cmc_studio .cmc_subTit {
	font-family: "Pretendard-SemiBold";
	display: inline-block;
	height: 36px;
	line-height: 36px;
	width: 100px;
	font-size: 18px;
	color: #fff;
	background: #0085ff;
	border-radius: 50px;
	margin-bottom: 30px;
}
.cmc_studio h2 {
	font-family: "Pretendard-ExtraBold";
	font-size: 64px;
	text-align: center;
	margin-bottom: 60px;
}
.cmc_studio .cmc_stu_tabMenu {
	display: flex;
	justify-content: center;
	gap: 24px;
	margin-bottom: 76px;
}
.cmc_studio .cmc_stu_tabMenu li {
	border-radius: 50px;
	background: #f3f5f8;
}
.cmc_studio .cmc_stu_tabMenu li.on {
	border: 2px solid #0085ff;
	background: #fff;
	box-shadow: 0px 5px 16px 0px #cfdcf0;
}
.cmc_studio .cmc_stu_tabMenu li a {
	display: block;
	width: 192px;
	height: 60px;
	line-height: 60px;
	font-family: "Pretendard-SemiBold";
	color: #99aac3;
	text-align: center;
	font-size: 18px;
}
.cmc_studio .cmc_stu_tabMenu li.on a {
	color: #0085ff;
}
.cmc_studio .cmc_stu_slideWp {
	position: relative;
}
.cmc_studio .cmc_stu_slideWp .stuTxt {
	position: absolute;
	left: 60px;
	bottom: 64px;
	font-size: 26px;
	color: #fff;
	font-weight: 600;
	line-height: 38px;
	z-index: 10;
	text-align: left;
}
.cmc_studio .cmc_stu_slideWp .swiper-button-next,
.cmc_studio .cmc_stu_slideWp .swiper-button-prev {
	width: 70px;
	height: 70px;
	background: url(/www/img/commerce/live_cmc_stu_next.png) 0 0 / contain
		no-repeat;
}
.cmc_studio .cmc_stu_slideWp .swiper-button-prev {
	transform: rotate(180deg);
	left: -95px;
}
.cmc_studio .cmc_stu_slideWp .swiper-button-next {
	right: -95px;
}
.cmc_studio .cmc_stu_slideWp .swiper-button-next:after,
.cmc_studio .cmc_stu_slideWp .swiper-button-prev:after {
	display: none;
}
.cmc_studio .cmc_stu_slideWp .swiper-pagination {
	bottom: 67px;
	right: 60px;
	left: auto;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	background-color: rgba(255, 255, 255, 0.2);
	width: 55px;
	height: 28px;
	line-height: 28px;
	border-radius: 15px;
}
.cmc_studio .cmc_stu_slideWp .swiper-pagination2 {
	display: none;
}
.cmc_studio .cmc_stu_slideWp .swiper-pagination3-wp {
	position: absolute;
	bottom: 74px;
	right: 130px;
	color: rgba(255, 255, 255, 0.6);
	z-index: 10;
	font-size: 0;
	font-weight: 600;
}
.cmc_studio .cmc_stu_slideWp .swiper-pagination3 {
	width: auto;
	display: inline-block;
}
.cmc_studio .cmc_stu_slideWp .swiper-pagination3 .swiper-pagination-current {
	font-size: 16px;
}
.cmc_studio .cmc_stu_slideWp .swiper-pagination3-wp .pape-name {
	font-size: 16px;
}
.cmc_studio .stuSlideWp3 .name {
	position: absolute;
	bottom: 74px;
	right: 130px;
	color: rgba(255, 255, 255, 0.6);
	z-index: 10;
	font-size: 16px;
	font-weight: 600;
}

/* 라이브커머스 스튜디오 끝 */

/* 라이브커머스 쇼호스트 */
.cmc_showhost {
	text-align: center;
	padding: 150px 0 180px;
}
.cmc_showhost .cmc_subTit {
	font-family: "Pretendard-SemiBold";
	display: inline-block;
	height: 36px;
	line-height: 36px;
	width: 130px;
	font-size: 18px;
	color: #fff;
	background: #0085ff;
	border-radius: 50px;
	margin-bottom: 30px;
	text-align: center;
}
.cmc_showhost h2 {
	font-family: "Pretendard-ExtraBold";
	font-size: 64px;
	text-align: center;
	margin-bottom: 60px;
}
.cmc_showhost .cmc_hostGroup {
	display: flex;
	flex-wrap: wrap;
	gap: 34px;
}
.cmc_showhost .cmc_hostGroup li {
	width: 305px;
	position: relative;
	cursor: pointer;
}
.cmc_showhost .cmc_hostGroup li span {
	font-family: "Pretendard-Bold";
	font-size: 20px;
	position: absolute;
	bottom: 30px;
	left: 40px;
	color: #fff;
}
.cmc_showhost .m_img {
	display: none;
}
.cmc_showhost .cmc_popSlide {
	display: none;
}
.cmc_showhost .cmc_popSlide:after {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 100;
}
.cmc_showhost .swiper {
	position: fixed;
	z-index: 1000;
	top: 14%;
	width: 1056px;
	left: 0;
	right: 0;
}
.cmc_showhost .cmc_popSlide .swiper-button {
	z-index: 200;
	width: 57px;
	height: 57px;
	top: 50%;
	transform: translate(0, -50%);
	position: fixed;
}
.cmc_showhost .cmc_popSlide .swiper-button:after {
	display: none;
}
.cmc_showhost .cmc_popSlide .swiper-button-next {
	background: url(/img/pop_next.png) 0 0 no-repeat;
	right: 50%;
	transform: translate(612px, 0);
}
.cmc_showhost .cmc_popSlide .swiper-button-prev {
	background: url(/img/pop_prev.png) 0 0 no-repeat;
	left: 50%;
	transform: translate(-612px, 0);
}
.cmc_showhost .swiper-slide {
	display: flex;
}
.cmc_showhost .swiper-slide .cont {
	background: #fff;
	padding: 90px 20px 0 72px;
	width: 51.5%;
	border-radius: 0 20px 20px 0;
	text-align: left;
}
.cmc_showhost .swiper-slide .cont span {
	display: block;
}
.cmc_showhost .swiper-slide .cont .close {
	width: 22px;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}
.cmc_showhost .swiper-slide .cont .pro {
	color: #888;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 30px;
}
.cmc_showhost .swiper-slide .cont .name {
	font-size: 48px;
	color: #000;
	font-family: "Pretendard-ExtraBold";
	margin-bottom: 18px;
}
.cmc_showhost .swiper-slide .cont .tag {
	color: #333333;
	font-size: 18px;
	margin-bottom: 40px;
}
.cmc_showhost .swiper-slide .cont p {
	font-size: 18px;
	line-height: 30px;
}
.cmc_showhost .swiper-slide .cont p strong {
	color: #0085ff;
	display: block;
}
.cmc_showhost .swiper-slide .cont .sns {
	margin-top: 52px;
}
.cmc_showhost .swiper-slide .cont .sns a {
	display: inline-flex;
	width: 60px;
	height: 60px;
	background: #f5f5f5;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	vertical-align: bottom;
	margin-right: 22px;
}
.cmc_showhost .swiper-slide .cont .sns a img {
	width: 28px;
	height: 28px;
}
.cmc_showhost .swiper-slide .cont .sns a:nth-child(2) img {
	width: 30px;
	height: 22px;
}
/* 라이브커머스 쇼호스트 끝*/

/* 디자인 - 상세페이지 */
.cmc_detailPage {
	text-align: center;
	padding: 150px 0 210px;
}
.cmc_detailPage.design {
	padding: 150px 0 0;
}
.cmc_detailPage.design .swiper-pagination {
	display: none;
}
.cmc_detailPage .cmc_subTit {
	font-family: "Pretendard-SemiBold";
	display: inline-block;
	height: 36px;
	line-height: 36px;
	width: 160px;
	font-size: 18px;
	color: #fff;
	background: #0085ff;
	border-radius: 50px;
	margin-bottom: 30px;
}
.cmc_detailPage h2 {
	font-family: "Pretendard-ExtraBold";
	font-size: 64px;
	margin-bottom: 23px;
}
.cmc_detailPage .cmc_txt {
	font-family: "Pretendard-Regular";
	font-size: 20px;
	color: #555555;
}
.cmc_detailPage .cmc_group {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 110px 0 270px;
	gap: 56px;
	position: relative;
}
.cmc_detailPage.design .cmc_group {
	margin: 110px 0 210px;
}
.cmc_detailPage .cmc_group:after {
	content: url(/www/img/commerce/e_cmc_bpo_bg.png);
	position: absolute;
	bottom: -60%;
	left: 50%;
	transform: translate(-50%, 0);
}
.cmc_detailPage.design .cmc_group:after {
	display: none;
}
.cmc_detailPage .cmc_group p,
.cmc_detailPage .cmc_group div {
	font-family: "Pretendard-SemiBold";
	color: #99aac3;
	font-size: 20px;
	line-height: 34px;
	border-radius: 50%;
	background: #f0f2f6;
	width: 304px;
	height: 304px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cmc_detailPage .cmc_group p.on,
.cmc_detailPage .cmc_group div.on {
	display: block;
	padding-top: 135px;
	color: #4e5e75;
	font-size: 26px;
	line-height: 40px;
	width: 400px;
	height: 400px;
	border: 1px solid #fff;
	background: linear-gradient(146deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
	box-shadow: 5px 5px 40px 0px #cfdcf0;
}
.cmc_detailPage .cmc_group p.on strong,
.cmc_detailPage .cmc_group div.on strong {
	color: #0085ff;
}

.cmc_detailPageInfo {
	padding: 190px 0;
	background: #f3f5f8;
}
.cmc_detailPageInfo h2 {
	font-size: 48px;
	text-align: center;
	font-family: "Pretendard-Bold";
	margin-bottom: 37px;
}
.cmc_detailPageInfo .cmc_subTit {
	color: #555;
	text-align: center;
	font-size: 20px;
	line-height: 35px;
	margin-bottom: 100px;
}
.cmc_detailPageInfo .cmc_subTit span {
	font-family: "Pretendard-SemiBold";
	color: #0085ff;
}
.cmc_detailPageInfo .cmc_sent {
	background: #158af9;
	width: 240px;
	height: 240px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	filter: drop-shadow(0px 10px 40px #8aa8d8);
	border-radius: 50%;
	position: absolute;
	top: 27%;
	left: 50%;
	transform: translate(-50%, 0);
	border: 3px solid #fff;
	line-height: 40px;
	padding-top: 73px;
	font-weight: 500;
	z-index: 10;
}
.cmc_detailPageInfo .cmc_sent span {
	font-size: 26px;
}
.cmc_detailPageInfo .cmc_infoGroup {
	position: relative;
	display: flex;
	justify-content: space-between;
}
.cmc_detailPageInfo .cmc_infoGroup .item {
	position: relative;
	width: 440px;
}
.cmc_detailPageInfo .cmc_infoGroup .item:before {
	content: "BEFORE";
	position: absolute;
	top: 0;
	left: 50%;
	width: 80px;
	height: 26px;
	line-height: 26px;
	background: #aaa;
	font-size: 16px;
	text-align: center;
	color: #fff;
	font-family: "Pretendard-SemiBold";
	top: -12px;
	left: 50%;
	transform: translate(-50%, 0);
}
.cmc_detailPageInfo .cmc_infoGroup .after:before {
	content: "AFTER";
	background: #0085ff;
}
.cmc_detailPageInfo .cmc_infoGroup .before .txt li:before {
	content: url(/www/img/commerce/design_detail_before_ico.png);
	display: inline-block;
	margin-right: 15px;
	vertical-align: middle;
}
.cmc_detailPageInfo .cmc_infoGroup .after .txt li:before {
	content: url(/www/img/commerce/design_detail_after_ico.png);
	display: inline-block;
	margin-right: 15px;
	vertical-align: middle;
}
.cmc_detailPageInfo .cmc_infoGroup .txt li {
	border-bottom: 1px solid #dce2eb;
	padding: 21px 10px;
}
.cmc_detailPageInfo .cmc_infoGroup .txt {
	font-size: 18px;
}

.cmc_allInOne {
	padding: 175px 0 185px;
}
.cmc_allInOne .cmc_container {
	display: flex;
	justify-content: space-between;
}
.cmc_allInOne .cmc_subTit {
	font-family: "Pretendard-SemiBold";
	display: inline-block;
	height: 36px;
	line-height: 36px;
	width: 118px;
	font-size: 18px;
	color: #fff;
	background: #0085ff;
	border-radius: 50px;
	text-align: center;
	margin-bottom: 26px;
}
.cmc_allInOne h2 {
	font-family: "Pretendard-Bold";
	font-size: 48px;
	line-height: 65px;
}
.cmc_allInOne .cmc_list {
	width: 60%;
}
.cmc_allInOne .cmc_list li {
	background: #f0f2f6;
	border-radius: 10px;
	padding: 28px 55px;
	margin-bottom: 20px;
	cursor: pointer;
	transition: all 0.4s;
}
.cmc_allInOne .cmc_list li .tit {
	font-family: "Pretendard-Regular";
	color: #99aac3;
	font-size: 20px;
	word-break: keep-all;
}
.cmc_allInOne .cmc_list li .tit:before {
	content: "1";
	font-size: 16px;
	vertical-align: top;
	display: inline-block;
	margin-right: 10px;
}
.cmc_allInOne .cmc_list li:nth-child(2) .tit:before {
	content: "2";
}
.cmc_allInOne .cmc_list li:nth-child(3) .tit:before {
	content: "3";
}
.cmc_allInOne .cmc_list li:nth-child(4) .tit:before {
	content: "4";
}
.cmc_allInOne .cmc_list li:nth-child(5) .tit:before {
	content: "5";
}
.cmc_allInOne .cmc_list li .txt {
	color: #555;
	font-size: 18px;
	line-height: 30px;
	display: none;
	word-break: keep-all;
}
.cmc_allInOne .cmc_list li.active {
	padding: 50px 55px;
	border-radius: 20px;
	background: #fff;
	box-shadow: 5px 5px 40px 0px #cfdcf0;
}
.cmc_allInOne .cmc_list li.active .tit {
	font-family: "Pretendard-Bold";
	display: inline-block;
	color: #0085ff;
	font-size: 26px;
	margin-bottom: 23px;
}
.cmc_allInOne .cmc_list li.active .txt {
	display: block;
}

.cmc_detailPageStep {
	background: #f3f5f8;
	padding: 190px 0;
}
.cmc_detailPageStep h2 {
	font-family: "Pretendard-Bold";
	font-size: 48px;
	margin-bottom: 37px;
	text-align: center;
}
.cmc_detailPageStep .cmc_sent {
	font-size: 20px;
	color: #555;
	text-align: center;
	margin-bottom: 105px;
}
.cmc_detailPageStep .step li {
	display: flex;
	background: #fff;
	border-radius: 30px;
	gap: 50px;
}
.cmc_detailPageStep .step li:not(:last-of-type) {
	margin-bottom: 50px;
}
.cmc_detailPageStep .step li .text {
	position: relative;
	padding-left: 136px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.cmc_detailPageStep .step li .text:before {
	content: "1";
	font-family: "Pretendard-Bold";
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	background: #0085ff;
	color: #fff;
	font-size: 20px;
	text-align: center;
	position: absolute;
	top: calc(100vw*(75/1920));
	left: 80px;
}
.cmc_detailPageStep .step li:nth-child(2) .text:before {
	content: "2";
}
.cmc_detailPageStep .step li:nth-child(3) .text:before {
	content: "3";
}
.cmc_detailPageStep .step li:nth-child(4) .text:before {
	content: "4";
}
.cmc_detailPageStep .step li:nth-child(5) .text:before {
	content: "5";
}
.cmc_detailPageStep .step li h3 {
	font-family: "Pretendard-Bold";
	color: #0085ff;
	font-size: 26px;
	margin-bottom: 15px;
}
.cmc_detailPageStep .step li p {
	color: #555;
	font-size: 18px;
	line-height: 30px;
	word-break: keep-all;
}
.cmc_detailPageStep .step li img {
	width: 544px;
	border-radius: 0 30px 30px 0;
	margin-left: auto;
}

.cmc_detailPagePort {
	padding: 190px 0;
}
.cmc_detailPagePort h2 {
	font-family: "Pretendard-Bold";
	font-size: 48px;
	margin-bottom: 37px;
	text-align: center;
}
.cmc_detailPagePort .cmc_sent {
	font-size: 20px;
	color: #555;
	text-align: center;
	line-height: 30px;
	margin-bottom: 85px;
}
.cmc_detailPagePort .list {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 25px;
}
.cmc_detailPagePort .list li {
	width: 410px;
	cursor: pointer;
}

/* portpolio modal */

.overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
}
.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 200;
}
.modal .swiper {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.modal_inner {
	position: absolute;
	display: flex;
	gap: 18px;
	width: 1360px;
	height: 660px;
	top: 58%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
}
.modal .mySwiper02 {
	width: 920px;
}
.modal .mySwiper02 .inner {
	padding-top: 30px;
}
.modal .mySwiper02 .modal_img {
	overflow-x: hidden;
	overflow-y: scroll;
}
.modal .mySwiper02 .modal_img::-webkit-scrollbar {
	width: 6px;
}
.modal .mySwiper02 .modal_img::-webkit-scrollbar-thumb {
	border-radius: 50px;
	background: #aaa;
}
.modal .mySwiper02 .modal_img::-webkit-scrollbar-track {
	background: transparent;
}
.modal .mySwiper02 .modal_img .img_inner {
	width: 920px;
	padding: 0 43px 0 30px;
}
.modal .mySwiper {
	width: calc(100% - 938px);
	height: 100%;
	border-left: 1px solid #eaeaea;
}
.modal .modal_inner .mySwiper .modal_content {
	padding: 90px 66px 0 45px;
}
.modal_content span {
	display: block;
	margin-bottom: 16px;
	font-size: 16px;
}
.content_title {
	margin-bottom: 10px;
	font-size: 26px;
	font-weight: 600;
	color: #121212;
}
.content_sub_title {
	font-size: 16px;
	color: #555;
}

.modal_inner .swiper-button-prev,
.modal_inner .swiper-button-next {
	margin: 0;
	top: 270px;
	left: auto;
	width: 60px;
	height: 60px;
}
.modal_inner .swiper-button-prev::after,
.modal_inner .swiper-button-next::after {
	display: none;
}

.modal_inner .swiper-button-prev {
	right: 315px;
	background: url(/img/icon_prev02.svg) center / contain no-repeat;
}
.modal_inner .swiper-button-next {
	right: 254px;
	background: url(/img/icon_next02.svg) center / contain no-repeat;
}
/* !modal */

/* 디자인 - 상세페이지  끝*/

/* 디자인 - 인트로/배너제작 */
.cmc_thumb {
	padding-top: 150px;
	text-align: center;
}
.cmc_thumb .cmc_subTit {
	text-align: center;
	font-family: "Pretendard-SemiBold";
	display: inline-block;
	height: 36px;
	line-height: 36px;
	width: 160px;
	font-size: 18px;
	color: #fff;
	background: #0085ff;
	border-radius: 50px;
	margin-bottom: 30px;
}
.cmc_thumb h2 {
	text-align: center;
	font-family: "Pretendard-ExtraBold";
	font-size: 64px;
	margin-bottom: 23px;
}
.cmc_thumb .sent {
	color: #555;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	line-height: 34px;
	margin-bottom: 140px;
}
.cmc_thumb .cmc_point {
	text-align: center;
	padding-bottom: 210px;
}
.cmc_thumb .cmc_point .cmc_subTit {
	width: 108px;
	background: #fff;
	color: #0085ff;
	border: 1px solid #0085ff;
}
.cmc_thumb .cmc_point h3 {
	font-family: "Pretendard-Bold";
	font-size: 40px;
	line-height: 60px;
}
.cmc_thumb .cmc_point01 {
	background: linear-gradient(#fff, #eef1f5);
	overflow: hidden;
}
.cmc_thumb .cmc_point01 .cmc_thumbImg {
	margin-top: 92px;
	display: flex;
	gap: 87px;
	justify-content: center;
}
.cmc_thumb .cmc_point01 .cmc_thumbImg img {
	width: 326px;
	height: 315px;
	box-shadow: 30px 30px 60px 0px #d6dde8;
}
.cmc_thumb .cmc_point01 .cmc_thumbImg img:nth-child(odd) {
	margin-top: 92px;
}
.cmc_thumb .cmc_point02 {
	background: #eef1f5;
}
.cmc_thumb .cmc_point02 img {
	width: auto;
	margin-top: 65px;
}
.cmc_thumb .cmc_point02 img:last-of-type {
	display: none;
}
.cmc_thumb .cmc_point03 {
	background: linear-gradient(#eef1f5 5%, #fff);
	padding-bottom: 360px;
}
.cmc_thumb .cmc_point03 .cmc_thmbLogo {
	display: flex;
	justify-content: space-between;
	margin-top: 82px;
}
.cmc_thumb .cmc_point03 .cmc_thmbLogo li {
	position: relative;
}
.cmc_thumb .cmc_point03 .cmc_thmbLogo .size {
	position: absolute;
	left: 0;
	width: 184px;
	color: #444;
	font-size: 16px;
	line-height: 28px;
	text-align: left;
	margin-top: 30px;
}
.cmc_thumb .cmc_point03 .cmc_thmbLogo .size span {
	font-family: "Pretendard-Medium";
	color: #121212;
	display: inline-block;
	width: 56px;
}

.cmc_banner {
	background: #f3f5f8;
	padding-top: 150px;
	text-align: center;
}
.cmc_banner .cmc_subTit {
	text-align: center;
	font-family: "Pretendard-SemiBold";
	display: inline-block;
	height: 36px;
	line-height: 36px;
	width: 160px;
	font-size: 18px;
	color: #fff;
	background: #0085ff;
	border-radius: 50px;
	margin-bottom: 30px;
}
.cmc_banner h2 {
	text-align: center;
	font-family: "Pretendard-ExtraBold";
	font-size: 64px;
	margin-bottom: 23px;
}
.cmc_banner .sent {
	color: #555;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	line-height: 34px;
	margin-bottom: 140px;
}
.cmc_banner .cmc_point {
	text-align: center;
	padding-bottom: 210px;
}
.cmc_banner .cmc_point .cmc_subTit {
	width: 108px;
	background: #fff;
	color: #0085ff;
	border: 1px solid #0085ff;
}
.cmc_banner .cmc_point h3 {
	font-family: "Pretendard-Bold";
	font-size: 40px;
	line-height: 60px;
	letter-spacing: -0.03em;
}
.cmc_banner .cmc_point01 img {
	width: auto;
}
.cmc_banner .cmc_point01 img:last-of-type {
	display: none;
}
.cmc_banner .cmc_bannerSlideWp {
	position: relative;
	margin-top: 70px;
}
.cmc_banner .cmc_bannerSlideWp li img:last-of-type {
	display: none;
}
.cmc_banner .cmc_bannerSlideWp .swiper-button-next,
.cmc_banner .cmc_bannerSlideWp .swiper-button-prev {
	width: 70px;
	height: 70px;
	background: url(/www/img/commerce/live_cmc_stu_next.png) 0 0 no-repeat;
}
.cmc_banner .cmc_bannerSlideWp .swiper-button-prev {
	transform: rotate(180deg);
	left: -95px;
}
.cmc_banner .cmc_bannerSlideWp .swiper-button-next {
	right: -95px;
}
.cmc_banner .cmc_bannerSlideWp .swiper-button-next:after,
.cmc_banner .cmc_bannerSlideWp .swiper-button-prev:after {
	display: none;
}
.cmc_banner .cmc_bannerSlideWp .swiper-pagination {
	bottom: -50px;
}
.cmc_banner .cmc_bannerSlideWp .swiper-pagination span {
	width: 12px;
	height: 12px;
	margin: 0 6px;
}
/* 디자인 - 인트로/배너제작 끝*/

/* 디자인 - 제품/영상 촬영 */
.cmc_prodBnr {
	padding: 422px 0;
	text-align: center;
	background: url(/www/img/commerce/design_prod_banner.jpg) center no-repeat;
	background-size: cover;
}
.cmc_prodBnr h2 {
	font-family: "Pretendard-Bold";
	color: #fff;
	font-size: 64px;
	margin-bottom: 40px;
}
.cmc_prodBnr p {
	font-family: "Pretendard-Medium";
	color: #fff;
	font-size: 40px;
	line-height: 56px;
}

.cmc_prodInfo {
	padding: 190px 0;
}
.cmc_prodInfo .item {
	display: flex;
}
.cmc_prodInfo .item img {
	width: auto;
}
.cmc_prodInfo .item > img:first-of-type {
	width: 784px;
	height: 370px;
}
.cmc_prodInfo .item .content {
	width: 415px;
}
.cmc_prodInfo .item .ico {
	display: inline-block;
	padding-top: 22px;
	text-align: center;
	width: 106px;
	height: 106px;
	border-radius: 16px;
	box-shadow: 5px 5px 40px 0px #cfdcf0;
}
.cmc_prodInfo .item h2 {
	font-family: "Pretendard-Bold";
	font-size: 48px;
	margin: 67px 0 40px;
}
.cmc_prodInfo .item .sent {
	font-size: 20px;
	color: #555;
	line-height: 35px;
}
.cmc_prodInfo .item01 {
	margin-bottom: 200px;
}
.cmc_prodInfo .item01 img {
	margin-left: auto;
}
.cmc_prodInfo .item > img:last-of-type {
	display: none;
}
.cmc_prodInfo .item02 .content {
	margin-left: auto;
}

.cmc_prodInfoDetail {
	background: #f3f5f8;
	padding: 170px 0;
	position: relative;
	overflow: hidden;
}
.cmc_prodInfoDetail:before {
	content: "";
	position: absolute;
	top: -17%;
	left: 15%;
	width: 69%;
	height: 134%;
	border: 1px dashed #add2f4;
	border-radius: 50%;
	z-index: 0;
}
.cmc_prodInfoDetail:after {
	content: "";
	position: absolute;
	top: 17%;
	left: 33%;
	width: 33%;
	height: 64%;
	border: 1px dashed #add2f4;
	border-radius: 50%;
	z-index: 0;
}
.cmc_prodInfoDetail h2 {
	font-family: "Pretendard-Bold";
	border-radius: 50%;
	width: 356px;
	height: 356px;
	border: 3px solid #fff;
	background: rgba(0, 133, 255, 0.85);
	box-shadow: 0px 10px 40px 0px #8aa8d8;
	color: #fff;
	font-size: 48px;
	text-align: center;
	padding-top: 126px;
	position: absolute;
	z-index: 10;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.cmc_prodInfoDetail .list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	gap: 140px 0;
	position: relative;
	z-index: 1;
	justify-content: space-between;
}
.cmc_prodInfoDetail .list li {
	width: 403px;
	height: 252px;
	position: relative;
	background: #fff;
	box-shadow: 5px 5px 40px 0px #cfdcf0;
	border-radius: 20px;
	padding: 54px 40px 0;
}
.cmc_prodInfoDetail .list li .num {
	font-family: "Pretendard-Bold";
	font-size: 20px;
	position: absolute;
	top: -18px;
	left: 50%;
	transform: translate(-50%, 0);
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #0085ff;
	border-radius: 50%;
}
.cmc_prodInfoDetail .list li h3 {
	font-family: "Pretendard-Bold";
	font-size: 26px;
	color: #0085ff;
	margin-bottom: 18px;
}
.cmc_prodInfoDetail .list li p {
	font-size: 18px;
	color: #555;
	line-height: 30px;
	word-break: keep-all;
}

.cmc_prodPrc {
	padding: 166px 0 0;
}
.cmc_prodPrc h2 {
	font-family: "Pretendard-Bold";
	font-size: 48px;
	text-align: center;
	margin-bottom: 110px;
}
.cmc_prodPrc .cmc_prodPrcList {
	display: flex;
	justify-content: space-between;
}
.cmc_prodPrc .cmc_prodPrcList li {
	width: 400px;
	height: 400px;
	padding-top: 56px;
	border-radius: 50%;
	box-shadow: 5px 5px 40px 0px #cfdcf0;
	text-align: center;
	position: relative;
}
.cmc_prodPrc .cmc_prodPrcList li:after {
	content: url(/www/img/commerce/design_prod_prc_arrow.png);
	position: absolute;
	top: 49%;
	right: -34px;
}
.cmc_prodPrc .cmc_prodPrcList li:last-child:after {
	display: none;
}
.cmc_prodPrc .cmc_prodPrcList li img {
	width: auto;
}
.cmc_prodPrc .cmc_prodPrcList li h3 {
	font-family: "Pretendard-Bold";
	font-size: 26px;
	margin: 30px 0 20px;
}
.cmc_prodPrc .cmc_prodPrcList li p {
	color: #4e5e75;
	font-size: 20px;
	line-height: 34px;
}

.cmc_map {
	text-align: center;
	padding: 250px 0 184px;
	background: linear-gradient(#fff, #eef1f5);
}
.cmc_map h2 {
	font-family: "Pretendard-Bold";
	font-size: 48px;
	margin-bottom: 40px;
}
.cmc_map .sent {
	color: #555;
	font-size: 20px;
	margin-bottom: 86px;
}
.cmc_map #place {
	height: 500px;
}
/* 디자인 - 제품/영상 촬영 끝*/

/* 서브 끝 */

/* max-width 1600 */

@media (max-width: 1600px) {
	/* design_index page */

	.cmc_design_banner {
		padding: calc(100vw * (270 / 1600)) 0 calc(100vw * (240 / 1600));
	}
	.cmc_comm_banner .cmc_live_banner_vod span {
		font-size: calc(100vw * (14 / 1600));
	}
	/* .cmc_live_banner .cmc_live_banner_vod .cmc_live_vodTxt1 {
		top: 46%;
	}
	.cmc_live_banner .cmc_live_banner_vod .cmc_live_vodTxt2 {
		top: 63%;
	}
	.cmc_live_banner .cmc_live_banner_vod .cmc_live_vodTxt3 {
		top: 60%;
	}
	.cmc_live_banner .cmc_live_banner_vod .cmc_live_vodTxt4 {
		top: 72%;
	} */
	.cmc_live_banner .cmc_live_banner_vod .cmc_live_vodTxt4 img {
		width: calc(100vw * (13 / 1600));
	}
	.cmc_prodBnr {
		padding: calc(100vw * (422 / 1600)) 0;
	}
	.cmc_prodBnr h2 {
		font-size: calc(100vw * (64 / 1600));
		margin-bottom: calc(100vw * (40 / 1600));
	}
	.cmc_prodBnr p {
		font-size: calc(100vw * (40 / 1600));
		line-height: calc(100vw * (56 / 1600));
	}
	.cmc_prodInfo {
		padding: calc(100vw * (200 / 1600)) 0;
	}
	.cmc_prodInfo .item01 {
		flex-direction: column-reverse;
		margin-bottom: calc(100vw * (120 / 1600));
	}
	.cmc_prodInfo .item02 {
		flex-direction: column;
	}
	.cmc_prodInfo .item > img:first-of-type {
		width: calc(100vw * (784 / 1600));
		height: calc(100vw * (370 / 1600));
		margin: 0 auto;
	}
	.cmc_prodInfo .item .content {
		margin-top: calc(100vw * (70 / 1600));
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
	}
	.cmc_prodInfo .item h2 {
		margin: calc(100vw * (65 / 1600)) 0 calc(100vw * (40 / 1600));
		font-size: calc(100vw * (60 / 1600));
	}
	.cmc_prodInfo .item .sent {
		font-size: calc(100vw * (40 / 1600));
		line-height: calc(100vw * (70 / 1600));
		text-align: center;
	}
	.cmc_prodInfoDetail {
		padding: calc(100vw * (165 / 1600)) 0;
	}
	.cmc_prodInfoDetail h2 {
		width: calc(100vw * (356 / 1600));
		height: calc(100vw * (356 / 1600));
		border: calc(100vw * (3 / 1600)) solid #fff;
		box-shadow: 0px calc(100vw * (10 / 1600)) calc(100vw * (40 / 1600)) 0px
			#8aa8d8;
		font-size: calc(100vw * (48 / 1600));
		padding-top: calc(100vw * (126 / 1600));
	}
	.cmc_prodInfoDetail .list {
		gap: calc(100vw * (140 / 1600)) 0;
	}
	.cmc_prodInfoDetail .list li {
		width: calc(100vw * (400 / 1600));
		height: calc(100vw * (252 / 1600));
		box-shadow: calc(100vw * (5 / 1600)) calc(100vw * (5 / 1600))
			calc(100vw * (40 / 1600)) 0px #cfdcf0;
		border-radius: calc(100vw * (20 / 1600));
		padding: calc(100vw * (54 / 1600)) calc(100vw * (40 / 1600)) 0;
	}
	.cmc_prodInfoDetail .list li .num {
		font-size: calc(100vw * (20 / 1600));
		top: calc(100vw * (-18 / 1600));
		width: calc(100vw * (40 / 1600));
		height: calc(100vw * (40 / 1600));
		line-height: calc(100vw * (40 / 1600));
	}
	.cmc_prodInfoDetail .list li h3 {
		font-size: calc(100vw * (26 / 1600));
		margin-bottom: calc(100vw * (18 / 1600));
	}
	.cmc_prodInfoDetail .list li p {
		font-size: calc(100vw * (18 / 1600));
		line-height: calc(100vw * (30 / 1600));
	}
	.cmc_comm_tabMenu {
		height: calc(100vw * (100 / 1600));
		line-height: calc(100vw * (100 / 1600));
		gap: calc(100vw * (150 / 1600));
	}
	.cmc_comm_tabMenu li a {
		font-size: calc(100vw * (26 / 1600));
	}

	.cmc_prodPrc {
		padding: calc(100vw * (166 / 1600)) 0 0;
	}
	.cmc_prodPrc h2 {
		font-size: calc(100vw * (48 / 1600));
		margin-bottom: calc(100vw * (110 / 1600));
	}
	.cmc_prodPrc .cmc_prodPrcList li {
		width: calc(100vw * (450 / 1600));
		height: calc(100vw * (450 / 1600));
		padding-top: calc(100vw * (56 / 1600));
		box-shadow: calc(100vw * (5 / 1600)) calc(100vw * (5 / 1600))
			calc(100vw * (40 / 1600)) 0px #cfdcf0;
	}
	.cmc_prodPrc .cmc_prodPrcList li:after {
		right: calc(100vw * (-30 / 1600));
	}
	.cmc_prodPrc .cmc_prodPrcList li h3 {
		font-size: calc(100vw * (26 / 1600));
		margin: calc(100vw * (30 / 1600)) 0 calc(100vw * (20 / 1600));
	}
	.cmc_prodPrc .cmc_prodPrcList li p {
		font-size: calc(100vw * (20 / 1600));
		line-height: calc(100vw * (34 / 1600));
	}

	.cmc_map {
		padding: calc(100vw * (250 / 1600)) 0 calc(100vw * (184 / 1600));
	}
	.cmc_map h2 {
		font-size: calc(100vw * (48 / 1600));
		margin-bottom: calc(100vw * (40 / 1600));
	}
	.cmc_map .sent {
		font-size: calc(100vw * (20 / 1600));
		margin-bottom: calc(100vw * (86 / 1600));
	}
	.cmc_map #place {
		height: calc(100vw * (500 / 1600));
	}

	.cmc_detailPage {
		padding: calc(100vw * (150 / 1600)) 0 calc(100vw * (210 / 1600));
	}
	.cmc_detailPage.design {
		padding: calc(100vw * (150 / 1600)) 0 0;
		margin-bottom: calc(100vw * (150 / 1600));
	}
	.cmc_detailPage .cmc_subTit {
		height: calc(100vw * (36 / 1600));
		line-height: calc(100vw * (36 / 1600));
		width: calc(100vw * (160 / 1600));
		font-size: calc(100vw * (18 / 1600));
		border-radius: calc(100vw * (50 / 1600));
		margin-bottom: calc(100vw * (30 / 1600));
	}
	.cmc_detailPage h2 {
		font-size: calc(100vw * (64 / 1600));
		margin-bottom: calc(100vw * (23 / 1600));
	}
	.cmc_detailPage .cmc_txt {
		font-size: calc(100vw * (20 / 1600));
	}
	.cmc_detailPage .cmc_group {
		margin: calc(100vw * (110 / 1600)) 0 calc(100vw * (270 / 1600));
		gap: calc(100vw * (56 / 1600));
	}
	.cmc_detailPage.design .cmc_group {
		margin: calc(100vw * (110 / 1600)) 0 calc(100vw * (210 / 1600));
	}
	.cmc_detailPage .cmc_group div {
		font-size: calc(100vw * (20 / 1600));
		line-height: calc(100vw * (34 / 1600));
		width: calc(100vw * (304 / 1600));
		height: calc(100vw * (304 / 1600));
	}
	.cmc_detailPage .cmc_group div.on {
		padding-top: calc(100vw * (135 / 1600));
		font-size: calc(100vw * (26 / 1600));
		line-height: calc(100vw * (40 / 1600));
		width: calc(100vw * (400 / 1600));
		height: calc(100vw * (400 / 1600));
		box-shadow: calc(100vw * (5 / 1600)) calc(100vw * (5 / 1600))
			calc(100vw * (40 / 1600)) 0 #cfdcf0;
	}

	.cmc_detailPageInfo {
		padding: calc(100vw * (190 / 1600)) 0;
	}
	.cmc_detailPageInfo h2 {
		font-size: calc(100vw * (48 / 1600));
		margin-bottom: calc(100vw * (37 / 1600));
	}
	.cmc_detailPageInfo .cmc_subTit {
		font-size: calc(100vw * (20 / 1600));
		line-height: calc(100vw * (35 / 1600));
		margin-bottom: calc(100vw * (100 / 1600));
	}
	.cmc_detailPageInfo .cmc_sent {
		width: calc(100vw * (240 / 1600));
		height: calc(100vw * (240 / 1600));
		font-size: calc(100vw * (20 / 1600));
		filter: drop-shadow(
			0px calc(100vw * (10 / 1600)) calc(100vw * (40 / 1600)) #8aa8d8
		);
		border: calc(100vw * (3 / 1600)) solid #fff;
		line-height: calc(100vw * (40 / 1600));
		padding-top: calc(100vw * (73 / 1600));
	}
	.cmc_detailPageInfo .cmc_sent span {
		font-size: calc(100vw * (26 / 1600));
	}
	.cmc_detailPageInfo .cmc_infoGroup .item {
		width: calc(100vw * (440 / 1600));
	}
	.cmc_detailPageInfo .cmc_infoGroup .item:before {
		width: calc(100vw * (80 / 1600));
		height: calc(100vw * (26 / 1600));
		line-height: calc(100vw * (26 / 1600));
		font-size: calc(100vw * (16 / 1600));
		top: calc(100vw * (-12 / 1600));
	}
	.cmc_detailPageInfo .cmc_infoGroup .before .txt li:before,
	.cmc_detailPageInfo .cmc_infoGroup .after .txt li:before {
		margin-right: calc(100vw * (15 / 1600));
	}
	.cmc_detailPageInfo .cmc_infoGroup .txt li {
		padding: calc(100vw * (21 / 1600)) calc(100vw * (10 / 1600));
	}
	.cmc_detailPageInfo .cmc_infoGroup .txt {
		font-size: calc(100vw * (18 / 1600));
	}
	.cmc_allInOne {
		padding: calc(100vw * (175 / 1600)) 0 calc(100vw * (185 / 1600));
	}
	.cmc_allInOne .cmc_subTit {
		height: calc(100vw * (36 / 1600));
		line-height: calc(100vw * (36 / 1600));
		width: calc(100vw * (118 / 1600));
		font-size: calc(100vw * (18 / 1600));
		border-radius: calc(100vw * (50 / 1600));
		margin-bottom: calc(100vw * (26 / 1600));
	}
	.cmc_allInOne h2 {
		font-size: calc(100vw * (48 / 1600));
		line-height: calc(100vw * (65 / 1600));
	}
	.cmc_allInOne .cmc_list li {
		border-radius: calc(100vw * (10 / 1600));
		padding: calc(100vw * (28 / 1600)) calc(100vw * (55 / 1600));
		margin-bottom: calc(100vw * (20 / 1600));
	}
	.cmc_allInOne .cmc_list li .tit {
		font-size: calc(100vw * (20 / 1600));
	}
	.cmc_allInOne .cmc_list li .tit:before {
		font-size: calc(100vw * (16 / 1600));
		margin-right: calc(100vw * (10 / 1600));
	}
	.cmc_allInOne .cmc_list li .txt {
		font-size: calc(100vw * (18 / 1600));
		line-height: calc(100vw * (30 / 1600));
	}
	.cmc_allInOne .cmc_list li.active {
		padding: calc(100vw * (50 / 1600)) calc(100vw * (55 / 1600));
		border-radius: calc(100vw * (20 / 1600));
		box-shadow: calc(100vw * (5 / 1600)) calc(100vw * (5 / 1600))
			calc(100vw * (40 / 1600)) 0px #cfdcf0;
	}
	.cmc_allInOne .cmc_list li.active .tit {
		font-size: calc(100vw * (26 / 1600));
		margin-bottom: calc(100vw * (23 / 1600));
	}

	.cmc_detailPageStep {
		padding: calc(100vw * (190 / 1600)) 0;
	}
	.cmc_detailPageStep h2 {
		font-size: calc(100vw * (48 / 1600));
		margin-bottom: calc(100vw * (37 / 1600));
	}
	.cmc_detailPageStep .cmc_sent {
		font-size: calc(100vw * (20 / 1600));
		margin-bottom: calc(100vw * (105 / 1600));
	}
	.cmc_detailPageStep .step li {
		border-radius: calc(100vw * (30 / 1600));
	}
	.cmc_detailPageStep .step li:not(:last-of-type) {
		margin-bottom: calc(100vw * (50 / 1600));
	}
	.cmc_detailPageStep .step li .text {
		padding-left: calc(100vw * (136 / 1600));
	}
	.cmc_detailPageStep .step li .text:before {
		width: calc(100vw * (40 / 1600));
		height: calc(100vw * (40 / 1600));
		line-height: calc(100vw * (40 / 1600));
		font-size: calc(100vw * (20 / 1600));
		top: calc(100vw * (70 / 1600));
		left: calc(100vw * (80 / 1600));
	}
	.cmc_detailPageStep .step li h3 {
		font-size: calc(100vw * (26 / 1600));
		margin-bottom: calc(100vw * (15 / 1600));
	}
	.cmc_detailPageStep .step li p {
		font-size: calc(100vw * (18 / 1600));
		line-height: calc(100vw * (30 / 1600));
	}
	.cmc_detailPageStep .step li img {
		width: calc(100vw * (544 / 1600));
		border-radius: 0 calc(100vw * (30 / 1600)) calc(100vw * (30 / 1600)) 0;
	}

	.cmc_detailPagePort {
		padding: calc(100vw * (190 / 1600)) 0;
	}
	.cmc_detailPagePort h2 {
		font-size: calc(100vw * (48 / 1600));
		margin-bottom: calc(100vw * (37 / 1600));
	}
	.cmc_detailPagePort .cmc_sent {
		font-size: calc(100vw * (20 / 1600));
		line-height: calc(100vw * (30 / 1600));
		margin-bottom: calc(100vw * (85 / 1600));
	}
	.cmc_detailPagePort .list {
		gap: calc(100vw * (40 / 1600)) calc(100vw * (25 / 1600));
	}
	.cmc_detailPagePort .list li {
		width: calc(100vw * (405 / 1600));
	}

	/* 공통 contact */

	.cmc_comm_contact {
		padding: calc(100vw * (161 / 1600)) 0 calc(100vw * (140 / 1600));
	}
	.cmc_comm_contact h2 {
		font-size: calc(100vw * (48 / 1600));
		line-height: calc(100vw * (70 / 1600));
		margin-bottom: calc(100vw * (77 / 1600));
	}
	.cmc_comm_contact .more {
		font-size: calc(100vw * (26 / 1600));
	}
	.cmc_comm_contact .more img {
		width: calc(100vw * (56 / 1600));
		height: calc(100vw * (56 / 1600));
		margin-left: calc(100vw * (10 / 1600));
	}

	/* 공통 banner */

	.cmc_comm_banner {
		padding: calc(100vw * (270 / 1600)) 0 calc(100vw * (240 / 1600));
	}
	.cmc_comm_banner .cmc_subTit {
		font-size: calc(100vw * (20 / 1600));
	}
	.cmc_comm_banner h2 {
		font-size: calc(100vw * (75 / 1600));
		line-height: calc(100vw * (90 / 1600));
		margin: calc(100vw * (23 / 1600)) 0 calc(100vw * (63 / 1600));
	}
	.cmc_comm_banner .cmc_txt {
		font-size: calc(100vw * (18 / 1600));
		line-height: calc(100vw * (30 / 1600));
	}
	.cmc_comm_tabMenu.fixed {
		top: calc(100vw * (90 / 1600));
	}
}

@media (max-width: 767px) {
	.cmc_comm_tabMenu.fixed {
		top: calc(100vw * (60 / 360));
	}
	.cmc_design_banner {
		padding: calc(100vw * (270 / 360)) 0 calc(100vw * (240 / 360));
		background: #f0f2f6 url(/www/img/commerce/design_banner_bg_mb.jpg) no-repeat
			center bottom / contain;
	}
	.cmc_comm_banner .cmc_live_banner_vod span {
		font-size: calc(100vw * (12 / 360));
	}
	.cmc_live_banner .cmc_live_banner_vod .cmc_live_vodTxt1 {
		top: 61%;
	}
	.cmc_live_banner .cmc_live_banner_vod .cmc_live_vodTxt2 {
		top: 73%;
		right: 54%;
	}
	.cmc_live_banner .cmc_live_banner_vod .cmc_live_vodTxt3 {
		top: 69%;
		right: 22%;
	}
	.cmc_live_banner .cmc_live_banner_vod .cmc_live_vodTxt4 {
		top: 79%;
		right: 9%;
	}
	.cmc_live_banner .cmc_live_banner_vod .cmc_live_vodTxt4 img {
		width: calc(100vw * (13 / 360));
	}

	.cmc_comm_tabMenu {
		height: calc(100vw * (50 / 360));
		line-height: calc(100vw * (50 / 360));
		gap: calc(100vw * (45 / 360));
	}
	.cmc_comm_tabMenu li a {
		font-size: calc(100vw * (13 / 360));
	}

	.cmc_detailPage {
		padding: calc(100vw * (150 / 360)) 0 calc(100vw * (210 / 360));
	}
	.cmc_detailPage.design {
		padding: calc(100vw * (58 / 360)) 0 0;
	}
	.cmc_detailPage.design .swiper-pagination {
		display: block;
	}
	.cmc_detailPage .cmc_subTit {
		height: calc(100vw * (26 / 360));
		line-height: calc(100vw * (26 / 360));
		width: calc(100vw * (120 / 360));
		font-size: calc(100vw * (14 / 360));
		border-radius: calc(100vw * (50 / 360));
		margin-bottom: calc(100vw * (14 / 360));
	}
	.cmc_detailPage h2 {
		font-size: calc(100vw * (32 / 360));
		margin-bottom: calc(100vw * (48 / 360));
	}
	.cmc_detailPage .cmc_txt {
		font-size: calc(100vw * (20 / 360));
	}
	.cmc_detailPage .cmc_group {
		margin: calc(100vw * (110 / 360)) 0 calc(100vw * (270 / 360));
		gap: 0;
	}
	.design_swiper {
		margin: calc(100vw * (80 / 360)) 0 calc(100vw * (180 / 360));
		padding: calc(100vw * (30 / 360)) !important;
	}
	.cmc_container .paginum {
		bottom: calc(100vw * (-10 / 360)) !important;
	}
	.cmc_detailPage.design .cmc_group {
		margin: 0;
		justify-content: unset;
	}
	.cmc_detailPage .cmc_group div {
		transition: 0.3s;
	}
	.cmc_detailPage .cmc_group div,
	.cmc_detailPage .cmc_group div.on {
		font-size: calc(100vw * (18 / 360));
		line-height: calc(100vw * (34 / 360));
		width: calc(100vw * (240 / 360));
		height: calc(100vw * (240 / 360));
	}
	.cmc_detailPage .cmc_group div.on {
		padding-top: calc(100vw * (80 / 360));
		color: #99aac3;
		background: #f0f2f6;
	}
	.cmc_detailPage .cmc_group p.on {
		padding-top: calc(100vw * (135 / 360));
		font-size: calc(100vw * (26 / 360));
		line-height: calc(100vw * (40 / 360));
		width: calc(100vw * (400 / 360));
		height: calc(100vw * (400 / 360));
		box-shadow: calc(100vw * (5 / 360)) calc(100vw * (5 / 360))
			calc(100vw * (40 / 360)) 0 #cfdcf0;
	}

	.cmc_detailPage .cmc_group .swiper-slide-active {
		background: linear-gradient(
			146.35deg,
			#ffffff 14.97%,
			rgba(255, 255, 255, 0) 85.25%
		) !important;
		border: 1px solid #ffffff !important;
		box-shadow: 0 0 calc(100vw * (30 / 360)) 0 #cfdcf0 !important;
	}

	.cmc_detailPageInfo {
		padding: calc(100vw * (70 / 360)) 0 calc(100vw * (90 / 360));
	}
	.cmc_detailPageInfo h2 {
		font-size: calc(100vw * (24 / 360));
		margin-bottom: calc(100vw * (20 / 360));
		line-height: calc(100vw * (36 / 360));
	}
	.cmc_detailPageInfo .cmc_subTit {
		font-size: calc(100vw * (15 / 360));
		line-height: calc(100vw * (24 / 360));
		margin-bottom: calc(100vw * (40 / 360));
	}
	.cmc_detailPageInfo .cmc_infoGroup {
		flex-flow: row wrap;
		justify-content: center;
	}
	.cmc_detailPageInfo .cmc_sent {
		margin-bottom: calc(100vw * (60 / 360));
		position: unset;
		transform: none;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: calc(100vw * (320 / 360));
		height: calc(100vw * (90 / 360));
		font-size: calc(100vw * (15 / 360));
		filter: drop-shadow(
			0px calc(100vw * (10 / 360)) calc(100vw * (40 / 360)) #8aa8d8
		);
		border: calc(100vw * (3 / 360)) solid #fff;
		line-height: calc(100vw * (24 / 360));
		padding-top: 0;
		border-radius: calc(100vw * (500 / 360));
	}
	.cmc_detailPageInfo .cmc_sent span {
		font-size: calc(100vw * (20 / 360));
	}
	.cmc_detailPageInfo .cmc_infoGroup .item {
		width: 100%;
	}
	.cmc_detailPageInfo .cmc_infoGroup .item:before {
		width: calc(100vw * (60 / 360));
		height: calc(100vw * (20 / 360));
		line-height: calc(100vw * (21 / 360));
		font-size: calc(100vw * (13 / 360));
		top: calc(100vw * (-10 / 360));
	}
	.cmc_detailPageInfo .cmc_infoGroup .before .txt li:before,
	.cmc_detailPageInfo .cmc_infoGroup .after .txt li:before {
		margin-right: calc(100vw * (15 / 360));
		width: calc(100vw * (10 / 360));
		height: calc(100vw * (10 / 360));
		content: "";
		background: url(/www/img/commerce/design_detail_before_ico.png) no-repeat
			center / contain;
	}
	.cmc_detailPageInfo .cmc_infoGroup .txt li {
		padding: calc(100vw * (21 / 360)) calc(100vw * (10 / 360));
	}
	.cmc_detailPageInfo .cmc_infoGroup .txt {
		font-size: calc(100vw * (14 / 360));
	}
	/* Ellipse 32 */

	.cmc_allInOne {
		padding: calc(100vw * (70 / 360)) 0 calc(100vw * (73 / 360));
	}
	.cmc_allInOne .cmc_subTit {
		height: calc(100vw * (26 / 360));
		line-height: calc(100vw * (24 / 360));
		width: calc(100vw * (100 / 360));
		font-size: calc(100vw * (14 / 360));
		border-radius: calc(100vw * (50 / 360));
		margin-bottom: calc(100vw * (10 / 360));
	}
	.cmc_title {
		text-align: center;
	}
	.cmc_allInOne h2 {
		font-size: calc(100vw * (24 / 360));
		line-height: calc(100vw * (36 / 360));
	}
	.cmc_allInOne .cmc_list {
		width: 100%;
	}
	.cmc_allInOne .cmc_list li {
		border-radius: calc(100vw * (10 / 360));
		padding: calc(100vw * (30 / 360)) calc(100vw * (20 / 360));
		margin-bottom: calc(100vw * (10 / 360));
	}
	.cmc_allInOne .cmc_list li .tit {
		display: block;
		position: relative;
		width: 100%;
		font-size: calc(100vw * (15 / 360));
		margin-bottom: 0;
	}
	.cmc_allInOne .cmc_list li .tit::after {
		position: absolute;
		top: 0;
		right: 0;
		width: 12px;
		height: 12px;
		content: "";
		background: url("../img/commerce/minus_ico.png") center / contain no-repeat;
	}
	.cmc_allInOne .cmc_list li .tit:before {
		font-size: calc(100vw * (16 / 360));
		margin-right: calc(100vw * (10 / 360));
	}
	.cmc_allInOne .cmc_list li .txt {
		font-size: calc(100vw * (14 / 360));
		line-height: calc(100vw * (24 / 360));
	}
	.cmc_allInOne .cmc_list li.active {
		padding: calc(100vw * (30 / 360)) calc(100vw * (20 / 360));
		border-radius: calc(100vw * (20 / 360));
		box-shadow: calc(100vw * (5 / 360)) calc(100vw * (5 / 360))
			calc(100vw * (40 / 360)) 0px #cfdcf0;
	}
	.cmc_allInOne .cmc_list li.active .tit {
		font-size: calc(100vw * (17 / 360));
		margin-bottom: calc(100vw * (18 / 360));
	}
	.cmc_allInOne .cmc_list li.active .tit::after {
		background: url("../img/commerce/plus_ico.png") center / contain no-repeat;
	}

	.cmc_detailPageStep {
		padding: calc(100vw * (70 / 360)) 0;
	}
	.cmc_detailPageStep h2 {
		font-size: calc(100vw * (24 / 360));
		margin-bottom: calc(100vw * (20 / 360));
	}
	.cmc_detailPageStep .cmc_sent {
		font-size: calc(100vw * (15 / 360));
		margin-bottom: calc(100vw * (33 / 360));
		line-height: calc(100vw * (24 / 360));
	}
	.cmc_detailPageStep .step li {
		flex-direction: column-reverse;
		border-radius: 0;
		gap: 0;
	}
	.cmc_detailPageStep .step li:not(:last-of-type) {
		margin-bottom: calc(100vw * (50 / 360));
	}
	.cmc_detailPageStep .step li .text {
		padding: calc(100vw * (20 / 360)) calc(100vw * (25 / 360))
			calc(100vw * (24 / 360));
	}
	.cmc_detailPageStep .step li .text:before {
		width: calc(100vw * (34 / 360));
		height: calc(100vw * (34 / 360));
		line-height: calc(100vw * (35 / 360));
		font-size: calc(100vw * (15 / 360));
		top: calc(100vw * (-188 / 360));
		left: 50%;
		transform: translate(-50%);
	}
	.cmc_detailPageStep .step li h3 {
		font-size: calc(100vw * (15 / 360));
		margin-bottom: calc(100vw * (10 / 360));
		line-height: calc(100vw * (24 / 360));
	}
	.cmc_detailPageStep .step li p {
		font-size: calc(100vw * (14 / 360));
		line-height: calc(100vw * (24 / 360));
	}
	.cmc_detailPageStep .step li img {
		width: 100%;
		border-radius: 0;
	}

	.cmc_detailPageStep .cmc_container {
		padding: 0;
	}

	.cmc_detailPagePort {
		padding: calc(100vw * (83 / 360)) 0;
	}
	.cmc_detailPagePort h2 {
		font-size: calc(100vw * (23 / 360));
		margin-bottom: calc(100vw * (37 / 360));
	}
	.cmc_detailPagePort .cmc_sent {
		font-size: calc(100vw * (15 / 360));
		line-height: calc(100vw * (24 / 360));
		margin-bottom: calc(100vw * (43 / 360));
	}
	.cmc_detailPagePort .list {
		gap: calc(100vw * (20 / 360));
	}
	.cmc_detailPagePort .list li {
		width: calc(100vw * (138 / 360));
	}

	/* 공통 contact */

	.cmc_comm_contact {
		padding: calc(100vw * (72 / 360)) 0;
		background: url(/img/commerce/e_cmc_contact_bg_mb.png) no-repeat center /
			cover;
	}
	.cmc_comm_contact h2 {
		font-size: calc(100vw * (24 / 360));
		line-height: calc(100vw * (36 / 360));
		margin-bottom: calc(100vw * (42 / 360));
	}
	.cmc_comm_contact .more {
		font-size: calc(100vw * (14 / 360));
	}
	.cmc_comm_contact .more img {
		width: calc(100vw * (32 / 360));
		height: calc(100vw * (32 / 360));
		margin-left: calc(100vw * (12 / 360));
	}

	/* 공통 banner */

	.cmc_comm_banner {
		padding: calc(100vw * (122 / 360)) 0 calc(100vw * (204 / 360));
	}
	.cmc_comm_banner .cmc_subTit {
		font-size: calc(100vw * (15 / 360));
	}
	.cmc_comm_banner h2 {
		letter-spacing: -0.03em;
		font-size: calc(100vw * (40 / 360));
		line-height: calc(100vw * (42 / 360));
		margin: calc(100vw * (20 / 360)) 0 calc(100vw * (22 / 360));
	}
	.cmc_comm_banner .cmc_txt {
		font-size: calc(100vw * (14 / 360));
		line-height: calc(100vw * (24 / 360));
		letter-spacing: -0.03em;
	}

	.cmc_container2 {
		padding: 0 calc(100vw * (20 / 360));
	}

	/* 이커머스 */

	/* BPO */
	.cmc_ecmc_bpo {
		text-align: center;
		padding: calc(100vw * (50 / 360)) 0 calc(100vw * (70 / 360));
	}
	.cmc_ecmc_bpo .cmc_subTit {
		height: calc(100vw * (26 / 360));
		line-height: calc(100vw * (24 / 360));
		width: calc(100vw * (120 / 360));
		font-size: calc(100vw * (14 / 360));
		margin-bottom: calc(100vw * (14 / 360));
	}
	.cmc_ecmc_bpo h2 {
		font-size: calc(100vw * (32 / 360));
		margin-bottom: calc(100vw * (20 / 360));
		line-height: 1.3;
	}
	.cmc_ecmc_bpo .cmc_txt {
		font-size: calc(100vw * (15 / 360));
	}
	.cmc_ecmc_bpo .cmc_group {
		margin: calc(100vw * (32 / 360)) 0 calc(100vw * (135 / 360));
		gap: 0;
	}
	.cmc_ecmc_bpo .cmc_group:after {
		width: calc(100vw * (27 / 360));
		height: calc(100vw * (87 / 360));
		content: "";
		bottom: calc(100vw * (-110 / 360));
		background: url(/www/img/commerce/e_cmc_bpo_bg.png) no-repeat center / cover;
	}
	.cmc_ecmc_bpo .cmc_group p {
		display: none;
		font-size: calc(100vw * (18 / 360));
		line-height: calc(100vw * (24 / 360));
		width: 304px;
		height: 304px;
	}
	.cmc_ecmc_bpo .cmc_group p.on {
		display: block;
		padding-top: calc(100vw * (78 / 360));
		font-size: calc(100vw * (18 / 360));
		line-height: calc(100vw * (28 / 360));
		width: calc(100vw * (240 / 360));
		height: calc(100vw * (240 / 360));
		box-shadow: calc(100vw * (5 / 360)) calc(100vw * (5 / 360))
			calc(100vw * (40 / 360)) 0px #cfdcf0;
	}
	.cmc_ecmc_bpo h3 {
		font-size: calc(100vw * (24 / 360));
		line-height: calc(100vw * (36 / 360));
	}

	.cmc_ecmc_solution {
		padding: calc(100vw * (70 / 360)) 0 calc(100vw * (140 / 360));
		overflow: hidden;
	}
	.cmc_ecmc_solution .cmc_solutionList {
		padding: calc(100vw * (70 / 360)) 0 0;
	}
	.cmc_ecmc_solution .cmc_mainTxtLineWp {
		padding-top: calc(100vw * (46 / 360));
		width: calc(100vw * (320 / 360));
		height: calc(100vw * (320 / 360));
	}
	.cmc_ecmc_solution .cmc_mainTxtLine {
		padding-top: calc(100vw * (40 / 360));
		width: calc(100vw * (228 / 360));
		height: calc(100vw * (228 / 360));
	}
	.cmc_ecmc_solution .cmc_mainTxt {
		padding-top: 0;
		width: calc(100vw * (140 / 360));
		height: calc(100vw * (140 / 360));
		font-size: calc(100vw * (18 / 360));
		line-height: calc(100vw * (25 / 360));
	}

	.cmc_ecmc_solution .cmc_solutionList span {
		font-size: calc(100vw * (14 / 360)) !important;
		border-radius: calc(100vw * (12 / 360));
	}
	.cmc_ecmc_solution .cmc_solutionList span:first-child {
		width: calc(100vw * (82 / 360));
		height: calc(100vw * (82 / 360));
		top: calc(100vw * (8 / 360));
		left: calc(100vw * (-28 / 360));
	}
	.cmc_ecmc_solution .cmc_solutionList span:nth-child(2) {
		width: calc(100vw * (64 / 360));
		height: calc(100vw * (64 / 360));
		top: calc(100vw * (96 / 360));
		left: calc(100vw * (80 / 360));
	}
	.cmc_ecmc_solution .cmc_solutionList span:nth-child(3) {
		width: calc(100vw * (64 / 360));
		height: calc(100vw * (64 / 360));
		top: calc(100vw * (174 / 360));
		left: calc(100vw * (17 / 360));
	}
	.cmc_ecmc_solution .cmc_solutionList span:nth-child(4) {
		width: calc(100vw * (82 / 360));
		height: calc(100vw * (82 / 360));
		top: auto;
		bottom: calc(100vw * (-20 / 360));
		left: calc(100vw * (57 / 360));
	}
	.cmc_ecmc_solution .cmc_solutionList span:nth-child(5) {
		width: calc(100vw * (82 / 360));
		height: calc(100vw * (82 / 360));
		top: calc(100vw * (56 / 360));
		right: calc(100vw * (28 / 360));
	}
	.cmc_ecmc_solution .cmc_solutionList span:nth-child(6) {
		width: calc(100vw * (64 / 360));
		height: calc(100vw * (64 / 360));
		top: calc(100vw * (174 / 360));
		right: calc(100vw * (17 / 360));
	}
	.cmc_ecmc_solution .cmc_solutionList span:nth-child(7) {
		width: calc(100vw * (64 / 360));
		height: calc(100vw * (64 / 360));
		top: auto;
		bottom: calc(100vw * (30 / 360));
		right: calc(100vw * (65 / 360));
	}
	.cmc_ecmc_solution .cmc_solutionList span:last-child {
		width: calc(100vw * (82 / 360));
		height: calc(100vw * (82 / 360));
		top: auto;
		bottom: calc(100vw * (-69 / 360));
		right: calc(100vw * (-24 / 360));
	}

	.cmc_ecmc_service,
	.cmc_ecmc_help {
		padding: calc(100vw * (70 / 360)) 0;
	}

	.cmc_ecmc_help h2 {
		margin-bottom: calc(100vw * (24 / 360));
		font-size: calc(100vw * (24 / 360));
		line-height: 1.5;
	}
	.cmc_ecmc_help .cmc_subTit {
		margin-bottom: calc(100vw * (32 / 360));
		font-size: calc(100vw * (15 / 360));
	}

	.cmc_ecmc_help .cmc_help_list_con {
		flex-direction: column;
		gap: calc(100vw * (12 / 360)) 0;
	}
	.cmc_ecmc_help .cmc_help_list_con > li {
		display: flex;
		width: 100%;
		padding: calc(100vw * (24 / 360));
	}
	.cmc_ecmc_help .cmc_help_list_con .cmc_txt {
		font-size: calc(100vw * (16 / 360));
	}
	.cmc_ecmc_help .cmc_help_list_con .cmc_txt p {
		font-size: calc(100vw * (14 / 360));
		letter-spacing: -0.03em;
	}
	.cmc_ecmc_help .cmc_help_list_con .cmc_ico img {
		width: calc(100vw * (50 / 360));
	}

	.cmc_ecmc_help .cmc_help_list > li .cmc_tab_name {
		padding-left: calc(100vw * (20 / 360));
		margin-bottom: calc(100vw * (12 / 360));
		width: 100%;
		font-size: calc(100vw * (15 / 360));
		border-radius: calc(100vw * (10 / 360));
		font-weight: 700;
		text-align: start;
		background: url(/img/plus_ico.svg) center right calc(100vw * (24 / 360)) /
			calc(100vw * (14 / 360)) no-repeat #fff !important;
	}
	.cmc_ecmc_help .cmc_help_list li.active .cmc_tab_name {
		background: url(/img/minus_ico.svg) center right calc(100vw * (24 / 360)) /
			calc(100vw * (14 / 360)) no-repeat #0085ff !important;
	}

	/* process */
	.cmc_live_process {
		margin: calc(100vw * (70 / 360)) 0;
	}
	.cmc_live_process h2 {
		font-size: calc(100vw * (24 / 360));
		margin: 0 0 calc(100vw * (40 / 360));
	}
	.cmc_live_process .cmc_live_step {
		flex-wrap: wrap;
		gap: calc(100vw * (40 / 360));
	}
	.cmc_live_process .cmc_live_step:before {
		content: "";
		display: inline-block;
		width: 100%;
		height: 1px;
		background: #eaeaea;
		position: absolute;
		top: calc(100vw * (115 / 360));
		left: 0;
	}
	.cmc_live_process .cmc_live_step:after {
		top: calc(100vw * (360 / 360));
	}
	.cmc_live_process .cmc_live_step span {
		font-size: calc(100vw * (14 / 360));
		line-height: calc(100vw * (24 / 360));
		border-radius: calc(100vw * (50 / 360));
		padding: 0 calc(100vw * (12 / 360));
		margin-bottom: calc(100vw * (12 / 360));
	}
	.cmc_live_process .cmc_live_step h3 {
		font-size: calc(100vw * (18 / 360));
		line-height: calc(100vw * (26 / 360));
		margin-bottom: calc(100vw * (50 / 360));
	}
	.cmc_live_process .cmc_live_step h3:after {
		width: calc(100vw * (10 / 360));
		height: calc(100vw * (10 / 360));
		bottom: calc(100vw * (-30 / 360));
	}
	.cmc_live_process .cmc_live_step li:nth-child(3) h3:after,
	.cmc_live_process .cmc_live_step li:last-child h3:after {
		bottom: calc(100vw * (-25 / 360));
	}
	.cmc_live_process .cmc_live_step p {
		font-size: calc(100vw * (14 / 360));
		line-height: calc(100vw * (24 / 360));
	}

	/* package */
	.cmc_live_package {
		padding: calc(100vw * (70 / 360)) 0;
	}
	.cmc_live_package h2 {
		font-size: calc(100vw * (24 / 360));
		margin: 0 0 calc(100vw * (32 / 360));
	}
	.cmc_live_package .cmc_live_packageList {
		flex-direction: column;
		gap: calc(100vw * (20 / 360));
	}
	.cmc_live_package .cmc_live_packageList li {
		border-radius: calc(100vw * (12 / 360));
		box-shadow: calc(100vw * (5 / 360)) calc(100vw * (5 / 360))
			calc(100vw * (40 / 360)) 0px #cfdcf0;
		padding: calc(100vw * (30 / 360)) 0
			calc(100vw * (30 / 360) calc(100vw * (24 / 360)));
		flex: 1;
	}
	.cmc_live_package .cmc_live_packageList .cmc_live_type {
		font-size: calc(100vw * (14 / 360));
		padding: calc(100vw * (7 / 360)) calc(100vw * (9 / 360));
	}
	.cmc_live_package .cmc_live_packageList .cmc_live_price {
		font-size: calc(100vw * (24 / 360));
		padding: calc(100vw * (12 / 360)) 0 calc(100vw * (22 / 360));
	}
	.cmc_live_package .cmc_live_packageList .cmc_live_price em {
		font-size: calc(100vw * (20 / 360));
	}
	.cmc_live_package .cmc_live_packageList .cmc_live_txt {
		font-size: calc(100vw * (14 / 360));
		line-height: calc(100vw * (24 / 360));
		margin-top: calc(100vw * (28 / 360));
	}
	.cmc_live_package .cmc_live_packageList .cmc_live_txt span {
		padding: 0 0 0 calc(100vw * (28 / 360));
		background: url(/img/check_ico.svg) no-repeat left /
			calc(100vw * (14 / 360));
	}

	/* 라이브커머스 스튜디오 */

	.cmc_studio {
		padding: calc(100vw * (50 / 360)) 0 calc(100vw * (170 / 360));
	}
	.cmc_studio .cmc_subTit {
		height: calc(100vw * (26 / 360));
		line-height: calc(100vw * (26 / 360));
		width: calc(100vw * (76 / 360));
		font-size: calc(100vw * (14 / 360));
		border-radius: calc(100vw * (50 / 360));
		margin-bottom: calc(100vw * (14 / 360));
	}
	.cmc_studio h2 {
		font-size: calc(100vw * (32 / 360));
		margin-bottom: calc(100vw * (32 / 360));
	}
	.cmc_studio .cmc_stu_tabMenu {
		gap: calc(100vw * (6 / 360));
		margin-bottom: calc(100vw * (34 / 360));
	}
	.cmc_studio .cmc_stu_tabMenu li {
		border-radius: calc(100vw * (50 / 360));
	}
	.cmc_studio .cmc_stu_tabMenu li.on {
		border: calc(100vw * (2 / 360)) solid #0085ff;
		box-shadow: 0px calc(100vw * (5 / 360)) calc(100vw * (16 / 360)) 0 #cfdcf0;
	}
	.cmc_studio .cmc_stu_tabMenu li a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: auto;
		min-width: calc(100vw * (60 / 360));
		max-width: calc(100vw * (105 / 360));
		height: calc(100vw * (30 / 360));
		padding: 0 calc(100vw * (8 / 360));
		line-height: calc(100vw * (40 / 360));
		font-size: calc(100vw * (12 / 360));
		letter-spacing: -0.05em;
	}
	.cmc_studio .cmc_stu_slideWp li > img {
		border-radius: calc(100vw * (10 / 360));
	}
	.cmc_studio .cmc_stu_slideWp .stuTxt {
		left: 0;
		bottom: calc(100vw * (-104 / 360));
		font-size: calc(100vw * (18 / 360));
		line-height: calc(100vw * (28 / 360));
		color: #121212;
	}
	.cmc_stu_slideWp {
		overflow: visible !important;
	}
	.cmc_studio .cmc_stu_slideWp .swiper-button-next,
	.cmc_studio .cmc_stu_slideWp .swiper-button-prev {
		width: calc(100vw * (38 / 360));
		height: calc(100vw * (38 / 360));
	}
	.cmc_studio .cmc_stu_slideWp .swiper-button-prev {
		left: calc(100vw * (-18 / 360));
	}
	.cmc_studio .cmc_stu_slideWp .swiper-button-next {
		right: calc(100vw * (-18 / 360));
	}
	.cmc_studio .cmc_stu_slideWp .swiper-pagination {
		bottom: calc(100vw * (20 / 360));
		right: calc(100vw * (20 / 360));
		font-size: calc(100vw * (12 / 360));
		background-color: rgba(255, 255, 255, 0.2);
		width: calc(100vw * (38 / 360));
		height: calc(100vw * (20 / 360));
		line-height: calc(100vw * (20 / 360));
		border-radius: calc(100vw * (50 / 360));
	}
	.cmc_studio .cmc_stu_slideWp .swiper-pagination3-wp {
		bottom: calc(100vw * (22 / 360));
		right: calc(100vw * (64 / 360));
	}
	.cmc_studio .cmc_stu_slideWp .swiper-pagination3 .swiper-pagination-current {
		font-size: calc(100vw * (12 / 360));
	}
	.cmc_studio .cmc_stu_slideWp .swiper-pagination3-wp .pape-name {
		font-size: calc(100vw * (12 / 360));
	}
	.cmc_studio .stuSlideWp3 .name {
		bottom: 74px;
		right: 130px;
		font-size: 16px;
	}

	/* 라이브커머스 스튜디오 끝 */

	/* 라이브커머스 쇼호스트 */

	.cmc_showhost {
		padding: calc(100vw * (50 / 360)) 0 calc(100vw * (70 / 360));
	}
	.cmc_showhost .cmc_subTit {
		height: calc(100vw * (26 / 360));
		line-height: calc(100vw * (26 / 360));
		width: calc(100vw * (100 / 360));
		font-size: calc(100vw * (14 / 360));
		border-radius: calc(100vw * (50 / 360));
		margin-bottom: calc(100vw * (14 / 360));
	}
	.cmc_showhost h2 {
		font-size: calc(100vw * (32 / 360));
		margin-bottom: calc(100vw * (32 / 360));
	}
	.cmc_showhost .cmc_hostGroup {
		gap: calc(100vw * (10 / 360)) !important;
	}
	.cmc_showhost .cmc_hostGroup li {
		width: calc(100vw * (143 / 360)) !important;
	}
	.cmc_showhost .cmc_hostGroup li span {
		font-size: calc(100vw * (13 / 360));
		bottom: calc(100vw * (20 / 360));
		left: calc(100vw * (20 / 360));
	}
	.cmc_showhost .swiper {
		top: 14%;
		width: calc(100vw * (320 / 360));
		left: 0;
		right: 0;
	}
	.cmc_showhost .swiper-slide {
		flex-direction: column;
	}
	.cmc_showhost .cmc_popSlide .swiper-button {
		width: calc(100vw * (20 / 360));
		height: calc(100vw * (20 / 360));
		top: 50%;
		transform: translate(0, -50%);
	}
	.cmc_showhost .cmc_popSlide .swiper-button-next {
		transform: translate(calc(100vw * (612 / 360)), 0);
	}
	.cmc_showhost .cmc_popSlide .swiper-button-prev {
		transform: translate(calc(100vw * (-612 / 360)), 0);
	}
	.cmc_showhost .cmc_popSlide .p_img {
		display: none;
	}
	.cmc_showhost .cmc_popSlide .m_img {
		display: block;
	}
	.cmc_showhost .swiper-slide .cont {
		padding: calc(100vw * (30 / 360)) calc(100vw * (36 / 360))
			calc(100vw * (30 / 360)) calc(100vw * (26 / 360));
		width: 100%;
		border-radius: 0 0 calc(100vw * (20 / 360)) calc(100vw * (20 / 360));
	}
	.cmc_showhost .swiper-slide .cont span {
		display: block;
	}
	.cmc_showhost .swiper-slide .cont .close {
		width: calc(100vw * (20 / 360));
		top: calc(100vw * (20 / 360));
		right: calc(100vw * (20 / 360));
	}
	.cmc_showhost .swiper-slide .cont .pro {
		display: none;
	}
	.cmc_showhost .swiper-slide .cont .name {
		font-size: calc(100vw * (30 / 360));
		margin-bottom: calc(100vw * (10 / 360));
	}
	.cmc_showhost .swiper-slide .cont .tag {
		font-size: calc(100vw * (14 / 360));
		margin-bottom: calc(100vw * (18 / 360));
	}
	.cmc_showhost .swiper-slide .cont p {
		font-size: calc(100vw * (14 / 360));
		line-height: calc(100vw * (24 / 360));
	}
	.cmc_showhost .swiper-slide .cont .sns {
		margin-top: calc(100vw * (14 / 360));
	}
	.cmc_showhost .swiper-slide .cont .sns a {
		width: calc(100vw * (40 / 360));
		height: calc(100vw * (40 / 360));
		margin-right: calc(100vw * (10 / 360));
	}
	.cmc_showhost .swiper-slide .cont .sns a img {
		width: calc(100vw * (22 / 360));
		height: calc(100vw * (22 / 360));
	}
	.cmc_showhost .swiper-slide .cont .sns a:nth-child(2) img {
		width: calc(100vw * (21 / 360));
		height: calc(100vw * (15 / 360));
	}

	/* 라이브커머스 쇼호스트 끝*/

	/* portpolio modal */

	.modal_inner {
		flex-direction: column;
		gap: calc(100vw * (18 / 360));
		width: calc(100vw * (300 / 360));
		height: calc(100vw * (500 / 360));
	}
	.modal .mySwiper,
	.modal .mySwiper02 {
		width: 100%;
	}
	.mySwiper02 .inner {
		padding-top: calc(100vw * (15 / 360));
	}
	.modal .mySwiper02 .modal_img::-webkit-scrollbar {
		width: calc(100vw * (6 / 360));
	}
	.modal .mySwiper02 .modal_img::-webkit-scrollbar-thumb {
		border-radius: calc(100vw * (50 / 360));
	}
	.modal .mySwiper02 .modal_img .img_inner {
		width: calc(100vw * (300 / 360));
		padding: 0 calc(100vw * (20 / 360)) 0 calc(100vw * (15 / 360));
	}
	.mySwiper {
		width: 100%;
	}
	.modal .modal_inner .mySwiper .modal_content {
		padding: 0 calc(100vw * (30 / 360)) 0 calc(100vw * (22 / 360));
	}
	.modal_content span {
		margin-bottom: calc(100vw * (14 / 360));
		font-size: calc(100vw * (14 / 360));
	}
	.content_title {
		margin-bottom: calc(100vw * (10 / 360));
		font-size: calc(100vw * (16 / 360));
	}
	.content_sub_title {
		font-size: calc(100vw * (14 / 360));
	}

	.modal_inner .swiper-button-prev,
	.modal_inner .swiper-button-next {
		top: auto;
		bottom: calc(100vw * (20 / 360));
		width: calc(100vw * (50 / 360));
		height: calc(100vw * (50 / 360));
	}

	.modal_inner .swiper-button-prev {
		right: calc(100vw * (150 / 360));
	}
	.modal_inner .swiper-button-next {
		right: calc(100vw * (100 / 360));
	}
	/* !modal */

	/* 디자인 - 썸네일 제작 */

	.cmc_thumb {
		padding-top: calc(100vw * (58 / 360));
	}
	.cmc_thumb .cmc_subTit {
		height: calc(100vw * (26 / 360));
		line-height: calc(100vw * (26 / 360));
		width: calc(100vw * (106 / 360));
		font-size: calc(100vw * (14 / 360));
		border-radius: calc(100vw * (50 / 360));
		margin-bottom: calc(100vw * (14 / 360));
	}
	.cmc_thumb h2 {
		font-size: calc(100vw * (32 / 360));
		margin-bottom: calc(100vw * (14 / 360));
	}
	.cmc_thumb .sent {
		font-size: calc(100vw * (15 / 360));
		font-weight: 400;
		line-height: calc(100vw * (24 / 360));
		margin-bottom: calc(100vw * (70 / 360));
	}
	.cmc_thumb .cmc_point {
		padding-bottom: calc(100vw * (90 / 360));
	}
	.cmc_thumb .cmc_point .cmc_subTit {
		width: calc(100vw * (78 / 360));
	}
	.cmc_thumb .cmc_point h3 {
		font-size: calc(100vw * (20 / 360));
		line-height: calc(100vw * (32 / 360));
	}
	.cmc_thumb .cmc_point01 .cmc_thumbImg {
		margin-top: calc(100vw * (30 / 360));
		gap: calc(100vw * (24 / 360));
	}
	.cmc_thumb .cmc_point01 .cmc_thumbImg img {
		box-shadow: calc(100vw * (30 / 360)) calc(100vw * (30 / 360))
			calc(100vw * (60 / 360)) 0px #d6dde8;
		width: calc(100vw * (130 / 360));
		height: calc(100vw * (126 / 360));
	}
	.cmc_thumb .cmc_point01 .cmc_thumbImg img:nth-child(odd) {
		margin-top: calc(100vw * (37 / 360));
	}
	.cmc_thumb .cmc_point02 img {
		margin-top: calc(100vw * (37 / 360));
		width: 100%;
		height: calc(100vw * (214 / 360));
	}
	.cmc_thumb .cmc_point02 img:first-of-type {
		display: none;
	}
	.cmc_thumb .cmc_point02 img:last-of-type {
		display: block;
	}
	.cmc_thumb .cmc_point03 {
		padding-bottom: calc(100vw * (78 / 360));
	}
	.cmc_thumb .cmc_point03 .cmc_thmbLogo {
		margin-top: calc(100vw * (40 / 360));
		flex-wrap: wrap;
		gap: calc(100vw * (32 / 360)) calc(100vw * (20 / 360));
	}
	.cmc_thumb .cmc_point03 .cmc_thmbLogo li {
		width: calc(100vw * (150 / 360));
		height: calc(100vw * (215 / 360));
	}
	.cmc_thumb .cmc_point03 .cmc_thmbLogo .size {
		left: 0;
		width: 100%;
		font-size: calc(100vw * (13 / 360));
		line-height: calc(100vw * (24 / 360));
		margin-top: calc(100vw * (16 / 360));
	}
	.cmc_thumb .cmc_point03 .cmc_thmbLogo .size span {
		width: calc(100vw * (34 / 360));
		margin-right: calc(100vw * (13 / 360));
	}

	.cmc_banner {
		padding-top: calc(100vw * (90 / 360));
	}
	.cmc_banner .cmc_subTit {
		height: calc(100vw * (24 / 360));
		line-height: calc(100vw * (24 / 360));
		width: calc(100vw * (106 / 360));
		font-size: calc(100vw * (14 / 360));
		border-radius: calc(100vw * (50 / 360));
		margin-bottom: calc(100vw * (14 / 360));
	}
	.cmc_banner h2 {
		font-size: calc(100vw * (32 / 360));
		margin-bottom: calc(100vw * (12 / 360));
	}
	.cmc_banner .sent {
		font-size: calc(100vw * (15 / 360));
		font-weight: 400;
		line-height: calc(100vw * (24 / 360));
		margin-bottom: calc(100vw * (64 / 360));
	}
	.cmc_banner .cmc_point01 {
		position: relative;
		padding-bottom: calc(100vw * (345 / 360));
		overflow: hidden;
	}
	.cmc_banner .cmc_point .cmc_subTit {
		width: calc(100vw * (78 / 360));
	}
	.cmc_banner .cmc_point h3 {
		font-size: calc(100vw * (20 / 360));
		line-height: calc(100vw * (32 / 360));
	}
	.cmc_banner .cmc_point01 img:first-of-type {
		display: none;
	}
	.cmc_banner .cmc_point01 img:last-of-type {
		position: absolute;
		top: calc(100vw * (130 / 360));
		left: 50%;
		transform: translateX(-50%);
		display: block;
		width: calc(100vw * (460 / 360));
		height: calc(100vw * (228 / 360));
	}
	.cmc_banner .cmc_bannerSlideWp {
		margin-top: calc(100vw * (40 / 360));
	}
	.cmc_banner .cmc_bannerSlideWp li img:first-of-type {
		display: none;
	}
	.cmc_banner .cmc_bannerSlideWp li img:last-of-type {
		display: block;
	}
	.cmc_banner .cmc_bannerSlideWp .swiper-button-next,
	.cmc_banner .cmc_bannerSlideWp .swiper-button-prev {
		width: calc(100vw * (28 / 360));
		height: calc(100vw * (28 / 360));
		background: url(/www/img/commerce/live_cmc_stu_next.png) 0 0 / contain
			no-repeat;
	}
	.cmc_banner .cmc_bannerSlideWp .swiper-button-prev {
		left: calc(100vw * (-15 / 360));
	}
	.cmc_banner .cmc_bannerSlideWp .swiper-button-next {
		right: calc(100vw * (-15 / 360));
	}
	.cmc_banner .cmc_bannerSlideWp .swiper-pagination {
		bottom: calc(100vw * (-30 / 360));
	}
	.cmc_banner .cmc_bannerSlideWp .swiper-pagination span {
		width: calc(100vw * (6 / 360));
		height: calc(100vw * (6 / 360));
		margin: 0 calc(100vw * (7 / 360));
	}
	/* 디자인 - 인트로/배너제작 끝*/

	/* 디자인 - 제품/영상 촬영 */
	.cmc_prodBnr {
		padding: calc(100vw * (188 / 360)) 0 calc(100vw * (307 / 360));
	}
	.cmc_prodBnr h2 {
		font-size: calc(100vw * (32 / 360));
		margin-bottom: calc(100vw * (14 / 360));
	}
	.cmc_prodBnr p {
		font-size: calc(100vw * (20 / 360));
		line-height: calc(100vw * (32 / 360));
		letter-spacing: -0.03em;
	}

	.cmc_prodInfo {
		padding: calc(100vw * (80 / 360)) 0;
	}
	.cmc_prodInfo .item .ico {
		padding-top: calc(100vw * (12 / 360));
		width: calc(100vw * (65 / 360));
		height: calc(100vw * (65 / 360));
		border-radius: calc(100vw * (12 / 360));
		box-shadow: calc(100vw * (5 / 360)) calc(100vw * (5 / 360))
			calc(100vw * (40 / 360)) 0px #cfdcf0;
		background-color: #fff;
	}
	.cmc_prodInfo .item .ico img {
		width: calc(100vw * (40 / 360));
		height: calc(100vw * (40 / 360));
		margin: 0 auto;
	}
	.cmc_prodInfo .item h2 {
		font-size: calc(100vw * (24 / 360));
		margin: calc(100vw * (20 / 360)) 0 calc(100vw * (12 / 360));
	}
	.cmc_prodInfo .item .sent {
		font-size: calc(100vw * (14 / 360));
		line-height: calc(100vw * (24 / 360));
		text-align: center;
	}
	.cmc_prodInfo .item .content {
		width: 100%;
		margin-top: calc(100vw * (-35 / 360));
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.cmc_prodInfo .item01 {
		margin-bottom: calc(100vw * (88 / 360));
	}
	.cmc_prodInfo .item img:first-of-type {
		display: none;
	}
	.cmc_prodInfo .item img:last-of-type {
		display: block;
	}
	.cmc_prodInfo .item img {
		width: 100%;
	}

	.cmc_prodInfoDetail {
		padding: calc(100vw * (105 / 360)) 0;
	}
	.cmc_prodInfoDetail:before {
		top: calc(100vw * (340 / 360));
		left: 50%;
		transform: translateX(-50%);
		width: calc(100vw * (208 / 360));
		height: calc(100vw * (208 / 360));
	}
	.cmc_prodInfoDetail:after {
		display: none;
	}
	.cmc_prodInfoDetail h2 {
		width: calc(100vw * (148 / 360));
		height: calc(100vw * (148 / 360));
		border: calc(100vw * (3 / 360)) solid #fff;
		box-shadow: 0px calc(100vw * (10 / 360)) calc(100vw * (40 / 360)) 0px
			#8aa8d8;
		font-size: calc(100vw * (24 / 360));
		padding-top: calc(100vw * (38 / 360));
		line-height: calc(100vw * (36 / 360));
	}
	.cmc_prodInfoDetail .list {
		gap: calc(100vw * (108 / 360)) calc(100vw * (10 / 360));
	}
	.cmc_prodInfoDetail .list li {
		width: calc(100vw * (155 / 360));
		height: calc(100vw * (284 / 360));
		box-shadow: calc(100vw * (5 / 360)) calc(100vw * (5 / 360))
			calc(100vw * (40 / 360)) 0px #cfdcf0;
		border-radius: calc(100vw * (12 / 360));
		padding: calc(100vw * (42 / 360)) calc(100vw * (11 / 360)) 0;
	}
	.cmc_prodInfoDetail .list li .num {
		font-size: calc(100vw * (14 / 360));
		top: calc(100vw * (-15 / 360));
		width: calc(100vw * (30 / 360));
		height: calc(100vw * (30 / 360));
		line-height: calc(100vw * (30 / 360));
	}
	.cmc_prodInfoDetail .list li h3 {
		font-size: calc(100vw * (18 / 360));
		margin-bottom: calc(100vw * (8 / 360));
		line-height: calc(100vw * (24 / 360));
	}
	.cmc_prodInfoDetail .list li p {
		font-size: calc(100vw * (14 / 360));
		line-height: calc(100vw * (24 / 360));
	}

	.cmc_prodPrc {
		padding: calc(100vw * (76 / 360)) 0 0;
	}
	.cmc_prodPrc h2 {
		font-size: calc(100vw * (32 / 360));
		margin-bottom: calc(100vw * (40 / 360));
	}
	.cmc_prodPrc .cmc_prodPrcList {
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		gap: calc(100vw * (44 / 360));
	}
	.cmc_prodPrc .cmc_prodPrcList li {
		width: calc(100vw * (264 / 360));
		height: calc(100vw * (264 / 360));
		padding-top: calc(100vw * (35 / 360));
		box-shadow: calc(100vw * (5 / 360)) calc(100vw * (5 / 360))
			calc(100vw * (40 / 360)) 0px #cfdcf0;
	}
	.cmc_prodPrc .cmc_prodPrcList li:after {
		content: url(/www/img/commerce/design_prod_prc_arrow.png);
		top: auto;
		right: 46%;
		bottom: calc(100vw * (-30 / 360));
		rotate: 90deg;
	}
	.cmc_prodPrc .cmc_prodPrcList li > img {
		width: calc(100vw * (45 / 360));
		height: calc(100vw * (45 / 360));
	}
	.cmc_prodPrc .cmc_prodPrcList li h3 {
		font-size: calc(100vw * (18 / 360));
		margin: calc(100vw * (16 / 360)) 0 calc(100vw * (10 / 360));
	}
	.cmc_prodPrc .cmc_prodPrcList li p {
		font-size: calc(100vw * (15 / 360));
		line-height: calc(100vw * (24 / 360));
	}

	.cmc_map {
		padding: calc(100vw * (90 / 360)) 0;
	}
	.cmc_map h2 {
		font-size: calc(100vw * (32 / 360));
		margin-bottom: calc(100vw * (12 / 360));
	}
	.cmc_map .sent {
		font-size: calc(100vw * (15 / 360));
		margin-bottom: calc(100vw * (40 / 360));
		line-height: calc(100vw * (24 / 360));
	}
	#daumRoughmapContainer1738651241363 {
		height: calc(100vw * (242 / 360));
		border-radius: calc(100vw * (12 / 360));
	}
	/* 디자인 - 제품/영상 촬영 끝*/
}
#daumRoughmapContainer1738651241363 {
	width: 100% !important;
}
.wrap_controllers {
	display: none !important;
}

/* cs 대행 */

.cs .cmc_design_banner {
	background: #f0f2f6 url(/img/commerce/cs_bnr_img.png) no-repeat center right
		296px / 650px;
}
.cmc_design_banner strong {
	font-size: 20px;
	font-family: "Pretendard-Bold";
	color: #121212;
}
.bnr_btn {
	margin-top: 32px;
	display: flex;
	gap: 10px;
}
.bnr_btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 170px;
	height: 50px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 8px;
	border: 1px solid #99aac3;
	color: #62738d;
	background: #fff;
}
.bnr_btn a:hover {
	border: none;
	color: #fff;
	background: #0085ff;
}
.cs .cmc_subTit,
.shopping .cmc_subTit,
.ful .cmc_subTit {
	font-family: "Pretendard-SemiBold";
	display: inline-block;
	height: 36px;
	line-height: 36px;
	font-size: 18px;
	color: #fff;
	background: #0085ff;
	border-radius: 50px;
	margin-bottom: 30px;
	text-align: center;
	width: auto;
	padding: 0 20px;
}
[class*="sec0"] .inner {
	margin: 0 auto;
}
[class*="sec0"] .tit {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.cs .sec01 {
	padding-top: 150px;
	padding-bottom: 220px;
}
.cs .sec01 .inner {
	width: 1200px;
}
.cs .sec02 .inner {
	width: 1358px;
}
.cs .sec04 .inner {
	width: 1328px;
}
.qa_sec .inner {
	width: 1056px;
}
.tit h2 {
	color: #121212;
	font-family: "Pretendard-Bold";
	text-align: center;
	line-height: 1.3;
	letter-spacing: -0.03em;
}
.cs .sec01 .tit {
	margin-bottom: 96px;
}
.cs .sec01 .tit h2 {
	margin-bottom: 23px;
	font-size: 64px;
}
.cs .sec01 h3 span {
	display: inline-block;
	margin-right: 10px;
}
.cs .sec01 .tit small {
	font-size: 20px;
	color: #555;
}
.cs .sec01 h3 {
	margin-bottom: 45px;
	font-size: 26px;
	font-family: "Pretendard-SemiBold";
	color: #121212;
	text-align: center;
}
.cs .sec01 h3 span {
	color: #0085ff;
}
.cs .sec01 .cont_img {
	width: 100px;
	height: 100px;
}
.cs .sec01 .cont_wp:not(:first-of-type) {
	margin-top: 90px;
}
.cs .sec01 .cont_wp ul {
	display: flex;
	justify-content: center;
	gap: 60px;
}
.cs .sec01 .cont_wp li {
	width: 350px;
	min-width: 350px;
	height: 180px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 48px;
	padding: 40px 0;
	border-radius: 30px;
	box-shadow: 5px 5px 40px 0px #cfdcf0;
	background: #fff;
}
.cs .sec01 .cont_wp .cont_txt {
	font-size: 20px;
	font-family: "Pretendard-SemiBold";
	color: #121212;
	text-align: center;
	line-height: 1.3;
	letter-spacing: -0.03em;
}
.cs .sec02 {
	padding-top: 160px;
	padding-bottom: 195px;
	background: #f3f5f8;
}
.cs .sec02 .tit {
	margin-bottom: 114px;
}
.cs .sec02 .tit h2 {
	margin-bottom: 23px;
	font-size: 48px;
}
.cs .sec02 .tit small {
	font-size: 20px;
	color: #555;
}
.cs .sec02 .cont_img {
	width: 168px;
	height: 168px;
	box-shadow: 5px 5px 40px 0px #cfdcf0;
	border-radius: 40px;
}
.cs .sec02 .cont_wp {
	display: flex;
	justify-content: space-between;
}
.cs .sec02 .cont_wp li:nth-child(even) {
	margin-top: 60px;
}
.cs .sec02 .cont_wp .cont_txt {
	margin-top: 20px;
	font-family: "Pretendard-SemiBold";
	font-size: 18px;
	color: #666;
	text-align: center;
}

/* sec03 cmc_allInOne */

.cs .cmc_allInOne .tit {
	margin-bottom: 75px;
}
.cs .cmc_allInOne .inner {
	width: 1328px;
	margin: 0 auto;
	flex-direction: column;
	justify-content: flex-start;
}
.cs .cmc_allInOne .cont_wp {
	display: flex;
	justify-content: space-between;
}
.cs .cont_img_wp li {
	display: none;
	width: 784px;
	height: 514px;
}
.cs .cont_img_wp li.active {
	display: block;
}
.cs .cmc_allInOne .cmc_list li {
	padding: 28px 40px;
	margin-bottom: 0;
}
.cs .cmc_allInOne .cmc_list li.active {
	padding: 50px 40px;
}
.cs .cmc_allInOne .cmc_list li .tit::before {
	content: none;
}
.cs .cmc_allInOne .cmc_list li .cont_img {
	display: none;
}
.cs .cmc_allInOne .cmc_list {
	width: 490px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* sec04 */
.cs .sec04 {
	padding-top: 160px;
	padding-bottom: 174px;
	background: #f3f5f8;
}
.cs .sec04 h2 {
	margin-bottom: 75px;
	font-size: 48px;
}
.cs .sec04 .cont_wp {
	display: flex;
	justify-content: space-between;
}
.cs .sec04 .cont_wp li {
	display: flex;
	flex-direction: column;
	gap: 35px;
	width: 400px;
}
.cs .sec04 .cont_wp li .cont_img {
	width: 100%;
	height: 400px;
	border-radius: 30px;
	background: #fff;
	box-shadow: 5px 5px 40px 0px #cfdcf0;
}
.cs .sec04 .cont_wp li .cont_img img {
	border-radius: 30px;
}
.cs .sec04 .cont_txt {
	color: #555;
	text-align: center;
	line-height: 1.3;
	font-size: 18px;
}
.cs .sec04 .cont_txt span {
	color: #0085ff;
	font-family: "Pretendard-SemiBold";
}
.cs .sec04 .cont_txt h3 {
	margin-bottom: 20px;
	font-size: 26px;
	font-family: "Pretendard-Bold";
	text-align: center;
	color: #121212;
}

/* sec05 */
.qa_sec {
	padding-top: 160px;
	padding-bottom: 170px;
}
.qa_sec h2 {
	margin-bottom: 85px;
	font-size: 48px;
}
.qa_sec .cont_wp {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	gap: 42px;
}
.qa_sec .cont_wp li {
	display: flex;
	justify-content: flex-end;
	gap: 32px;
	height: 134px;
}
.qa_sec .cont_wp li:nth-child(even) {
	flex-direction: row-reverse;
}
.qa_sec .cont_img {
	width: 104px;
	height: 104px;
	align-self: flex-end;
}
.qa_sec .cont_txt {
	width: 790px;
	height: 104px;
	padding: 40px 50px;
	font-size: 24px;
	font-family: "Pretendard-SemiBold";
	color: #121212;
	background: #f0f2f6;
	border-radius: 50px 50px 0 50px;
	letter-spacing: -0.04em;
}
.qa_sec .cont_txt span {
	display: inline-block;
	color: #ff344c;
	margin-right: 15px;
}
.qa_sec .cont_wp li:nth-child(even) .cont_txt {
	background: #fff;
	box-shadow: 5px 5px 40px 0px #cfdcf0;
	border-radius: 50px 50px 50px 0;
}
.qa_sec .cont_wp li:nth-child(even) .cont_txt span {
	color: #0085ff;
}
.footer_btn_wp {
	display: flex;
	justify-content: center;
	gap: 60px;
}
@media (max-width: 1750px) {
	.cs .cmc_design_banner {
		background: #f0f2f6 url(/img/commerce/cs_bnr_img.png) no-repeat center right
			190px / 650px;
	}
}
@media (max-width: 1600px) {
	.cs .cmc_design_banner {
		background: #f0f2f6 url(/img/commerce/cs_bnr_img.png) no-repeat center right
			calc(100vw * (70 / 1600)) / calc(100vw * (650 / 1600));
	}
	.cmc_design_banner strong {
		font-size: calc(100vw * (20 / 1600));
	}
	.bnr_btn {
		margin-top: calc(100vw * (32 / 1600));
		gap: calc(100vw * (10 / 1600));
	}
	.bnr_btn a {
		width: calc(100vw * (170 / 1600));
		height: calc(100vw * (50 / 1600));
		font-size: calc(100vw * (16 / 1600));
		border-radius: calc(100vw * (8 / 1600));
	}
	.cs .sec01 .inner {
		width: calc(100vw * (1200 / 1600));
	}
	.cs .sec02 .inner {
		width: calc(100vw * (1358 / 1600));
	}
	.cs .sec04 .inner {
		width: calc(100vw * (1328 / 1600));
	}
	.qa_sec .inner {
		width: calc(100vw * (1056 / 1600));
	}
	.cs .cmc_subTit,
	.shopping .cmc_subTit,
	.ful .cmc_subTit {
		height: calc(100vw * (36 / 1600));
		line-height: calc(100vw * (36 / 1600));
		width: calc(100vw * (150 / 1600));
		font-size: calc(100vw * (18 / 1600));
		border-radius: calc(100vw * (50 / 1600));
		margin-bottom: calc(100vw * (30 / 1600));
		padding: 0 calc(100vw * (20 / 1600));
	}
	.cs .sec01 {
		padding-top: calc(100vw * (150 / 1600));
		padding-bottom: calc(100vw * (220 / 1600));
	}
	.cs .sec01 .tit {
		margin-bottom: calc(100vw * (96 / 1600));
	}
	.cs .sec01 .tit h2 {
		margin-bottom: calc(100vw * (23 / 1600));
		font-size: calc(100vw * (64 / 1600));
	}
	.cs .sec01 .tit small {
		font-size: calc(100vw * (20 / 1600));
	}
	.cs .sec01 h3 {
		margin-bottom: calc(100vw * (45 / 1600));
		font-size: calc(100vw * (26 / 1600));
	}
	.cs .sec01 .cont_img {
		width: calc(100vw * (100 / 1600));
		height: calc(100vw * (100 / 1600));
	}
	.cs .sec01 .cont_wp:not(:first-of-type) {
		margin-top: calc(100vw * (90 / 1600));
	}
	.cs .sec01 .cont_wp ul {
		gap: calc(100vw * (60 / 1600));
	}
	.cs .sec01 .cont_wp li {
		width: calc(100vw * (350 / 1600));
		min-width: auto;
		height: calc(100vw * (180 / 1600));
		padding: calc(100vw * (40 / 1600)) 0;
		gap: calc(100vw * (48 / 1600));
		border-radius: calc(100vw * (30 / 1600));
		box-shadow: calc(100vw * (5 / 1600)) calc(100vw * (5 / 1600))
			calc(100vw * (40 / 1600)) 0px #cfdcf0;
	}
	.cs .sec01 .cont_wp .cont_txt {
		font-size: calc(100vw * (20 / 1600));
	}
	.cs .sec02 {
		padding-top: calc(100vw * (160 / 1600));
		padding-bottom: calc(100vw * (195 / 1600));
	}
	.cs .sec02 .tit {
		margin-bottom: calc(100vw * (114 / 1600));
	}
	.cs .sec02 .tit h2 {
		margin-bottom: calc(100vw * (23 / 1600));
		font-size: calc(100vw * (48 / 1600));
	}
	.cs .sec02 .tit small {
		font-size: calc(100vw * (20 / 1600));
	}
	.cs .sec02 .cont_img {
		width: calc(100vw * (168 / 1600));
		height: calc(100vw * (168 / 1600));
		box-shadow: calc(100vw * (5 / 1600)) calc(100vw * (5 / 1600))
			calc(100vw * (40 / 1600)) 0px #cfdcf0;
		border-radius: calc(100vw * (40 / 1600));
	}
	.cs .sec02 .cont_wp li:nth-child(even) {
		margin-top: calc(100vw * (60 / 1600));
	}
	.cs .sec02 .cont_wp .cont_txt {
		margin-top: calc(100vw * (20 / 1600));
		font-size: calc(100vw * (18 / 1600));
	}
	/* sec03 cmc_allInOne */

	.cs .cmc_allInOne .tit {
		margin-bottom: calc(100vw * (75 / 1600));
	}
	.cs .cmc_allInOne .inner {
		width: calc(100vw * (1328 / 1600));
	}
	.cs .cont_img_wp li {
		width: calc(100vw * (784 / 1600));
		height: calc(100vw * (514 / 1600));
	}
	.cs .cmc_allInOne .cmc_list li {
		padding: calc(100vw * (28 / 1600)) calc(100vw * (40 / 1600));
	}
	.cs .cmc_allInOne .cmc_list li.active {
		padding: calc(100vw * (50 / 1600)) calc(100vw * (40 / 1600));
	}
	.cs .cmc_allInOne .cmc_list {
		width: calc(100vw * (490 / 1600));
	}

	/* sec04 */
	.cs .sec04 {
		padding-top: calc(100vw * (160 / 1600));
		padding-bottom: calc(100vw * (174 / 1600));
	}
	.cs .sec04 h2 {
		margin-bottom: calc(100vw * (75 / 1600));
		font-size: calc(100vw * (48 / 1600));
	}
	.cs .sec04 .cont_wp li {
		gap: calc(100vw * (35 / 1600));
		width: calc(100vw * (400 / 1600));
	}
	.cs .sec04 .cont_wp li .cont_img {
		height: calc(100vw * (400 / 1600));
		border-radius: calc(100vw * (30 / 1600));
		box-shadow: calc(100vw * (5 / 1600)) calc(100vw * (5 / 1600))
			calc(100vw * (40 / 1600)) 0px #cfdcf0;
	}
	.cs .sec04 .cont_wp li .cont_img img {
		border-radius: calc(100vw * (30 / 1600));
	}
	.cs .sec04 .cont_txt {
		font-size: calc(100vw * (18 / 1600));
	}
	.cs .sec04 .cont_txt h3 {
		margin-bottom: calc(100vw * (20 / 1600));
		font-size: calc(100vw * (26 / 1600));
	}

	/* sec05 */
	.qa_sec {
		padding-top: calc(100vw * (160 / 1600));
		padding-bottom: calc(100vw * (170 / 1600));
	}
	.qa_sec h2 {
		margin-bottom: calc(100vw * (85 / 1600));
		font-size: calc(100vw * (48 / 1600));
	}
	.qa_sec .cont_wp {
		gap: calc(100vw * (42 / 1600));
	}
	.qa_sec .cont_wp li {
		gap: calc(100vw * (32 / 1600));
		height: calc(100vw * (134 / 1600));
	}
	.qa_sec .cont_img {
		width: calc(100vw * (104 / 1600));
		height: calc(100vw * (104 / 1600));
	}
	.qa_sec .cont_txt {
		width: calc(100vw * (790 / 1600));
		height: calc(100vw * (104 / 1600));
		padding: calc(100vw * (40 / 1600)) calc(100vw * (50 / 1600));
		font-size: calc(100vw * (24 / 1600));
		border-radius: calc(100vw * (50 / 1600)) calc(100vw * (50 / 1600)) 0
			calc(100vw * (50 / 1600));
	}
	.qa_sec .cont_txt span {
		margin-right: calc(100vw * (15 / 1600));
	}
	.qa_sec .cont_wp li:nth-child(even) .cont_txt {
		box-shadow: calc(100vw * (5 / 1600)) calc(100vw * (5 / 1600))
			calc(100vw * (40 / 1600)) 0px #cfdcf0;
		border-radius: calc(100vw * (50 / 1600)) calc(100vw * (50 / 1600))
			calc(100vw * (50 / 1600)) 0;
	}
	.footer_btn_wp {
		gap: calc(100vw * (60 / 1600));
	}
}
@media (max-width: 768px) {
	.cs .cmc_design_banner {
		background: #f0f2f6 url(/img/commerce/cs_bnr_img.png) no-repeat center
			bottom calc(100vw * (-50 / 360)) / calc(100vw * (254 / 360));
	}
	.cmc_design_banner strong {
		font-size: calc(100vw * (15 / 360));
	}
	.bnr_btn {
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		margin-top: 0;
		gap: 0;
		border-top: 1px solid #99aac3;
		border-bottom: 1px solid #99aac3;
		z-index: 10;
	}
	.bnr_btn a {
		width: 50%;
		height: calc(100vw * (52 / 360));
		font-size: calc(100vw * (14 / 360));
		border-radius: 0;
		border-right: none;
		border-left: none;
		background: #fff;
	}
	.bnr_btn.absolute {
		position: absolute;
		bottom: auto;
	}
	.bnr_btn a:first-of-type {
		border-right: 1px solid #99aac3;
	}
	.cs .sec01 .inner {
		width: calc(100vw * (320 / 360));
	}
	.cs .sec02 .inner {
		width: calc(100vw * (328 / 360));
	}
	.cs .sec04 .inner {
		width: calc(100vw * (328 / 360));
	}
	.qa_sec .inner {
		width: calc(100vw * (320 / 360));
	}
	.cs .cmc_subTit,
	.shopping .cmc_subTit,
	.ful .cmc_subTit {
		height: calc(100vw * (26 / 360));
		line-height: calc(100vw * (26 / 360));
		width: calc(100vw * (151 / 360));
		font-size: calc(100vw * (14 / 360));
		border-radius: calc(100vw * (50 / 360));
		margin-bottom: calc(100vw * (15 / 360));
		padding: 0 calc(100vw * (10 / 360));
	}
	.cs .sec01 {
		padding-top: calc(100vw * (50 / 360));
		padding-bottom: calc(100vw * (70 / 360));
	}
	.cs .sec01 .tit {
		margin-bottom: calc(100vw * (43 / 360));
	}
	.cs .sec01 .tit h2 {
		margin-bottom: calc(100vw * (20 / 360));
		font-size: calc(100vw * (32 / 360));
	}
	.cs .sec01 .tit small {
		font-size: calc(100vw * (15 / 360));
		text-align: center;
		line-height: 1.5;
	}
	.cs .sec01 h3 {
		margin-bottom: calc(100vw * (25 / 360));
		font-size: calc(100vw * (18 / 360));
	}
	.cs .sec01 .cont_img {
		width: calc(100vw * (60 / 360));
		height: calc(100vw * (60 / 360));
	}
	.cs .sec01 .cont_wp:not(:first-of-type) {
		margin-top: calc(100vw * (45 / 360));
	}
	.cs .sec01 .cont_wp ul {
		flex-direction: column;
		align-items: center;
		gap: calc(100vw * (10 / 360));
	}
	.cs .sec01 .cont_wp li {
		width: calc(100vw * (255 / 360));
		min-width: auto;
		height: calc(100vw * (110 / 360));
		padding: calc(100vw * (25 / 360)) calc(100vw * (40 / 360));
		gap: 0;
		justify-content: space-between;
		border-radius: calc(100vw * (15 / 360));
		box-shadow: calc(100vw * (5 / 360)) calc(100vw * (5 / 360))
			calc(100vw * (40 / 360)) 0px #cfdcf0;
	}
	.cs .sec01 .cont_wp .cont_txt {
		font-size: calc(100vw * (15 / 360));
		line-height: 1.5;
	}
	.cs .sec02 {
		padding-top: calc(100vw * (70 / 360));
		padding-bottom: calc(100vw * (70 / 360));
	}
	.cs .sec02 .tit {
		margin-bottom: calc(100vw * (40 / 360));
	}
	.cs .sec02 .tit h2 {
		margin-bottom: calc(100vw * (13 / 360));
		font-size: calc(100vw * (24 / 360));
	}
	.cs .sec02 .tit small {
		font-size: calc(100vw * (15 / 360));
		text-align: center;
		line-height: 1.5;
	}
	.cs .sec02 .cont_img {
		width: calc(100vw * (98 / 360));
		height: calc(100vw * (98 / 360));
		box-shadow: calc(100vw * (5 / 360)) calc(100vw * (5 / 360))
			calc(100vw * (40 / 360)) 0px #cfdcf0;
		border-radius: calc(100vw * (20 / 360));
	}
	.cs .sec02 .cont_wp {
		flex-wrap: wrap;
		gap: calc(100vw * (26 / 360)) calc(100vw * (13 / 360));
	}
	.cs .sec02 .cont_wp li:nth-child(even) {
		margin-top: 0;
	}
	.cs .sec02 .cont_wp .cont_txt {
		line-height: 1.2;
		margin-top: calc(100vw * (12 / 360));
		font-size: calc(100vw * (14 / 360));
	}
	/* sec03 cmc_allInOne */

	.cs .cmc_allInOne .tit {
		margin-bottom: calc(100vw * (37 / 360));
	}
	.cs .cmc_allInOne .inner {
		width: calc(100vw * (328 / 360));
	}
	.cs .cont_wp .cont_img_wp {
		display: none;
	}
	.cs .cmc_list .cont_img {
		display: none;
		width: calc(100vw * (280 / 360));
		height: calc(100vw * (220 / 360));
	}
	.cs .cmc_allInOne .cmc_list li {
		padding: calc(100vw * (20 / 360));
	}
	.cs .cmc_allInOne .cmc_list li.active {
		padding: calc(100vw * (20 / 360));
	}
	.cs .cmc_allInOne .cmc_list {
		width: 100%;
		gap: calc(100vw * (10 / 360));
	}
	.cs .cmc_allInOne .cmc_list li.active .cont_img {
		margin-top: calc(100vw * (20 / 360));
		display: block;
	}

	/* sec04 */
	.cs .sec04 {
		padding-top: calc(100vw * (70 / 360));
		padding-bottom: calc(100vw * (70 / 360));
	}
	.cs .sec04 h2 {
		margin-bottom: calc(100vw * (30 / 360));
		font-size: calc(100vw * (24 / 360));
	}
	.cs .sec04 .cont_wp {
		flex-direction: column;
		align-items: center;
		gap: calc(100vw * (24 / 360));
	}
	.cs .sec04 .cont_wp li {
		gap: calc(100vw * (20 / 360));
		width: calc(100vw * (255 / 360));
	}
	.cs .sec04 .cont_wp li .cont_img {
		height: calc(100vw * (255 / 360));
		border-radius: calc(100vw * (15 / 360));
		box-shadow: calc(100vw * (5 / 360)) calc(100vw * (5 / 360))
			calc(100vw * (40 / 360)) 0px #cfdcf0;
	}
	.cs .sec04 .cont_wp li .cont_img img {
		border-radius: calc(100vw * (15 / 360));
	}
	.cs .sec04 .cont_txt {
		font-size: calc(100vw * (14 / 360));
		line-height: 1.5;
	}
	.cs .sec04 .cont_txt h3 {
		margin-bottom: calc(100vw * (12 / 360));
		font-size: calc(100vw * (18 / 360));
	}

	/* sec05 */
	.qa_sec {
		padding-top: calc(100vw * (70 / 360));
		padding-bottom: calc(100vw * (175 / 360));
	}
	.qa_sec h2 {
		margin-bottom: calc(100vw * (32 / 360));
		font-size: calc(100vw * (24 / 360));
	}
	.qa_sec .cont_wp {
		gap: calc(100vw * (21 / 360));
	}
	.qa_sec .cont_wp li {
		gap: calc(100vw * (20 / 360));
		height: 100%;
		max-height: calc(100vw * (97 / 360));
	}
	.qa_sec .cont_img {
		width: calc(100vw * (65 / 360));
		height: calc(100vw * (65 / 360));
	}
	.qa_sec .cont_txt {
		display: flex;
		width: calc(100vw * (235 / 360));
		height: auto;
		padding: calc(100vw * (20 / 360)) calc(100vw * (25 / 360));
		font-size: calc(100vw * (16 / 360));
		border-radius: calc(100vw * (30 / 360)) calc(100vw * (30 / 360)) 0
			calc(100vw * (30 / 360));
		line-height: 1.4;
	}
	.qa_sec .cont_txt span {
		margin-right: calc(100vw * (8 / 360));
	}
	.qa_sec .cont_wp li:nth-child(even) .cont_txt {
		box-shadow: calc(100vw * (5 / 360)) calc(100vw * (5 / 360))
			calc(100vw * (40 / 360)) 0px #cfdcf0;
		border-radius: calc(100vw * (30 / 360)) calc(100vw * (30 / 360))
			calc(100vw * (30 / 360)) 0;
	}
	.footer_btn_wp {
		gap: calc(100vw * (30 / 360));
	}
}

/* shopping ads */

.shopping .cmc_design_banner {
	background: #f0f2f6 url(/img/commerce/shop_bnr_img.png) no-repeat right bottom /
		1030px;
	padding: 270px 0 240px;
}

.shopping .sec01 {
	padding: 150px 0 210px;
}
.shopping [class*="sec0"] .inner {
	width: 1328px;
}
.shopping .sec01 .tit {
	margin-bottom: 100px;
}
.shopping .sec01 h2 {
	font-size: 64px;
	font-weight: 700;
}
.shopping .sec01 .cont_wp {
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
}
.shopping .sec01 .cont_wp .cont_img {
	width: 90px;
	height: 90px;
	margin-bottom: 20px;
}
.shopping .sec01 .cont_wp .cont_txt {
	margin-bottom: 5px;
	font-size: 20px;
	font-family: "Pretendard-SemiBold";
}
.shopping .sec01 .cont_wp li {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 308px;
	height: 280px;
	border-radius: 30px;
	box-shadow: 5px 5px 40px 0px #cfdcf0;
	background: #fff;
}
.shopping .sec01 .cont_wp li small {
	font-size: 18px;
	color: #555;
	text-align: center;
	line-height: 1.5;
}

/* sec02 */
.shopping .sec02 {
	padding: 160px 0;
	background: #f3f5f8;
}
.shopping .sec02 .tit {
	margin-bottom: 90px;
}
.shopping .sec02 .tit h2 {
	font-size: 48px;
}
.shopping .sec02 .cont_wp {
	display: flex;
	gap: 40px 32px;
	flex-wrap: wrap;
}
.shopping .sec02 li {
	width: 648px;
	display: flex;
	gap: 40px;
	align-items: center;
}
.shopping .sec02 .cont_img {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 200px;
	border-radius: 30px;
	background: #fff;
}
.shopping .sec02 .cont_img img {
	width: 100px;
	height: 100px;
}
.shopping .sec02 .cont_txt {
	font-size: 24px;
	font-family: "Pretendard-SemiBold";
}
.shopping .sec02 .cont_txt p {
	margin-top: 13px;
	font-size: 18px;
	font-family: "Pretendard-Regular";
	color: #555;
	line-height: 1.5;
}

/* sec03 */

.shopping .sec03 {
	padding: 160px 0 200px;
}
.shopping .sec03 .tit {
	margin-bottom: 75px;
}
.shopping .sec03 h2 {
	font-family: "Pretendard-Bold";
	font-size: 48px;
}
.shopping .sec03 .swiper {
	padding-bottom: 60px;
}
.shopping .sec03 .cont_wp {
	align-items: center;
}
/* .shopping .sec03 .swiper-slide-active {
	margin: 0 50px;
} */
.shopping .sec03 .swiper-slide .swiper_inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 570px;
}
.shopping
	.sec03
	.swiper-slide:not(.swiper-slide-active)
	.swiper_inner
	.cont_img {
	transform: scaleX(0.5);
}
.shopping .sec03 .swiper-slide .swiper_inner .cont_img {
	transition: transform 0.4s ease;
}
.shopping .sec03 .swiper-slide-active .swiper_inner .cont_img {
	transform: scaleX(1);
	height: 440px;
	background: #fff;
	box-shadow: 5px 5px 40px 0px #cfdcf0;
}
.shopping .sec03 .cont_img {
	position: relative;
	width: 100%;
	height: 221px;
	margin-bottom: 20px;
	border-radius: 30px;
}
.shopping .sec03 .cont_img::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f0f2f6;
	z-index: 1;
	opacity: 0.5;
}
.shopping .sec03 .swiper-slide-active .cont_img::after {
	content: none;
}
.shopping .sec03 .cont_img img {
	height: 100%;
}
.shopping .sec03 .cont_txt {
	font-size: 15px;
	color: #99aac3;
	text-align: center;
	line-height: 1.3;
}
.shopping .sec03 .swiper-slide-active h3 {
	color: #121212;
}
.shopping .sec03 h3 {
	margin-bottom: 10px;
	font-family: "Pretendard-Bold";
	font-size: 20px;
}
.shopping .sec03 .cont_txt span {
	color: #0085ff;
}
.shopping .swiper-button-prev,
.shopping .swiper-button-next {
	width: 70px;
	height: 70px;
	top: 220px;
	left: 50%;
	transform: translateX(-50%);
}
.shopping .swiper-button-prev::after,
.shopping .swiper-button-next::after {
	content: none;
}
.shopping .swiper-button-prev {
	margin-left: -275px;
	background: url("/img/commerce/arrow-left.png") center / contain no-repeat;
}
.shopping .swiper-button-next {
	margin-left: 275px;
	background: url("/img/commerce/arrow-right.png") center / contain no-repeat;
}
.shopping .swiper-pagination {
	top: auto;
	bottom: 0 !important;
}

@media (max-width: 1600px) {
	.shopping .cmc_design_banner {
		background: #f0f2f6 url(/img/commerce/shop_bnr_mb_img.png) no-repeat right
			bottom / calc(100vw * (1030 / 1600));
		padding: calc(100vw * (270 / 1600)) 0 calc(100vw * (240 / 1600));
	}
	.shopping .sec01 {
		padding: calc(100vw * (150 / 1600)) 0 calc(100vw * (210 / 1600));
	}
	.shopping [class*="sec0"] .inner {
		width: calc(100vw * (1328 / 1600));
	}
	.shopping .sec01 .tit {
		margin-bottom: calc(100vw * (100 / 1600));
	}
	.shopping .sec01 h2 {
		font-size: calc(100vw * (64 / 1600));
	}
	.shopping .sec01 .cont_wp {
		gap: calc(100vw * (32 / 1600));
	}
	.shopping .sec01 .cont_wp .cont_img {
		width: calc(100vw * (90 / 1600));
		height: calc(100vw * (90 / 1600));
		margin-bottom: calc(100vw * (20 / 1600));
	}
	.shopping .sec01 .cont_wp .cont_txt {
		margin-bottom: calc(100vw * (5 / 1600));
		font-size: calc(100vw * (20 / 1600));
	}
	.shopping .sec01 .cont_wp li {
		width: calc(100vw * (308 / 1600));
		height: calc(100vw * (280 / 1600));
		border-radius: calc(100vw * (30 / 1600));
		box-shadow: calc(100vw * (5 / 1600)) calc(100vw * (5 / 1600))
			calc(100vw * (40 / 1600)) 0px #cfdcf0;
	}
	.shopping .sec01 .cont_wp li small {
		font-size: calc(100vw * (18 / 1600));
	}
	/* sec02 */
	.shopping .sec02 {
		padding: calc(100vw * (160 / 1600)) 0;
	}
	.shopping .sec02 .tit {
		margin-bottom: calc(100vw * (90 / 1600));
	}
	.shopping .sec02 .tit h2 {
		font-size: calc(100vw * (48 / 1600));
	}
	.shopping .sec02 .cont_wp {
		gap: calc(100vw * (40 / 1600)) calc(100vw * (32 / 1600));
	}
	.shopping .sec02 li {
		width: calc(100vw * (648 / 1600));
		gap: calc(100vw * (40 / 1600));
	}
	.shopping .sec02 .cont_img {
		width: calc(100vw * (200 / 1600));
		height: calc(100vw * (200 / 1600));
		border-radius: calc(100vw * (30 / 1600));
	}
	.shopping .sec02 .cont_img img {
		width: calc(100vw * (100 / 1600));
		height: calc(100vw * (100 / 1600));
	}
	.shopping .sec02 .cont_txt {
		font-size: calc(100vw * (24 / 1600));
	}
	.shopping .sec02 .cont_txt p {
		margin-top: calc(100vw * (13 / 1600));
		font-size: calc(100vw * (18 / 1600));
	}
	/* sec03 */
	.shopping .sec03 {
		padding: calc(100vw * (160 / 1600)) 0 calc(100vw * (200 / 1600));
	}
	.shopping .sec03 .tit {
		margin-bottom: calc(100vw * (75 / 1600));
	}
	.shopping .sec03 h2 {
		font-size: calc(100vw * (48 / 1600));
	}
	.shopping .sec03 .swiper {
		padding-bottom: calc(100vw * (60 / 1600));
	}
	.shopping .sec03 .swiper-slide .swiper_inner {
		height: calc(100vw * (570 / 1600));
	}
	.shopping .sec03 .swiper-slide-active .swiper_inner .cont_img {
		height: calc(100vw * (440 / 1600));
		box-shadow: calc(100vw * (5 / 1600)) calc(100vw * (5 / 1600))
			calc(100vw * (40 / 1600)) 0px #cfdcf0;
	}
	.shopping .sec03 .cont_img {
		height: calc(100vw * (221 / 1600));
		margin-bottom: calc(100vw * (20 / 1600));
		border-radius: calc(100vw * (30 / 1600));
	}
	.shopping .sec03 .cont_txt {
		font-size: calc(100vw * (15 / 1600));
	}
	.shopping .sec03 h3 {
		margin-bottom: calc(100vw * (10 / 1600));
		font-size: calc(100vw * (20 / 1600));
	}
	.shopping .swiper-button-prev,
	.shopping .swiper-button-next {
		width: calc(100vw * (70 / 1600));
		height: calc(100vw * (70 / 1600));
		top: calc(100vw * (220 / 1600));
	}
	.shopping .swiper-button-prev {
		margin-left: calc(100vw * (-275 / 1600));
	}
	.shopping .swiper-button-next {
		margin-left: calc(100vw * (275 / 1600));
	}
}

@media (max-width: 768px) {
	.shopping .cmc_subTit {
		width: calc(100vw * (80 / 360));
		height: calc(100vw * (26 / 360));
	}
	.shopping .cmc_design_banner {
		background: #f0f2f6 url(/img/commerce/shop_bnr_mb_img.png) no-repeat right
			bottom / calc(100vw * (340 / 360));
		padding: calc(100vw * (122 / 360)) 0 calc(100vw * (204 / 360));
	}
	.shopping .sec01 {
		padding: calc(100vw * (50 / 360)) 0 calc(100vw * (70 / 360));
	}
	.shopping [class*="sec0"] .inner {
		width: calc(100vw * (320 / 360));
	}
	.shopping .sec01 .tit {
		margin-bottom: calc(100vw * (40 / 360));
	}
	.shopping .sec01 h2 {
		font-size: calc(100vw * (32 / 360));
	}
	.shopping .sec01 .cont_wp {
		gap: calc(100vw * (20 / 360));
	}
	.shopping .sec01 .cont_wp .cont_img {
		width: calc(100vw * (50 / 360));
		height: calc(100vw * (50 / 360));
		margin-bottom: calc(100vw * (15 / 360));
	}
	.shopping .sec01 .cont_wp .cont_txt {
		text-align: center;
		margin-bottom: calc(100vw * (5 / 360));
		font-size: calc(100vw * (15 / 360));
	}
	.shopping .sec01 .cont_wp li {
		width: calc(100vw * (150 / 360));
		height: calc(100vw * (190 / 360));
		border-radius: calc(100vw * (12 / 360));
		box-shadow: calc(100vw * (5 / 360)) calc(100vw * (5 / 360))
			calc(100vw * (40 / 360)) 0px #cfdcf0;
	}
	.shopping .sec01 .cont_wp li small {
		font-size: calc(100vw * (14 / 360));
	}
	/* sec02 */
	.shopping .sec02 {
		padding: calc(100vw * (70 / 360)) 0;
	}
	.shopping .sec02 .tit {
		margin-bottom: calc(100vw * (40 / 360));
	}
	.shopping .sec02 .tit h2 {
		font-size: calc(100vw * (24 / 360));
	}
	.shopping .sec02 .cont_wp {
		flex-direction: column;
		gap: calc(100vw * (30 / 360)) 0;
	}
	.shopping .sec02 li {
		width: 100%;
		gap: calc(100vw * (20 / 360));
	}
	.shopping .sec02 .cont_img {
		width: calc(100vw * (100 / 360));
		height: calc(100vw * (100 / 360));
		border-radius: calc(100vw * (12 / 360));
		flex-shrink: 0;
	}
	.shopping .sec02 .cont_img img {
		width: calc(100vw * (60 / 360));
		height: calc(100vw * (60 / 360));
	}
	.shopping .sec02 .cont_txt {
		font-size: calc(100vw * (15 / 360));
	}
	.shopping .sec02 .cont_txt p {
		margin-top: calc(100vw * (5 / 360));
		letter-spacing: -0.03em;
		font-size: calc(100vw * (14 / 360));
	}
	/* sec03 */
	.shopping .sec03 {
		padding: calc(100vw * (70 / 360)) 0 calc(100vw * (140 / 360));
	}
	.shopping .sec03 .tit {
		margin-bottom: calc(100vw * (30 / 360));
	}
	.shopping .sec03 h2 {
		font-size: calc(100vw * (24 / 360));
	}
	.shopping .sec03 .swiper {
		padding-bottom: 0;
	}
	.shopping .sec03 .swiper-slide .swiper_inner {
		height: calc(100vw * (380 / 360));
	}
	.shopping
		.sec03
		.swiper-slide:not(.swiper-slide-active)
		.swiper_inner
		.cont_img {
		transform: scaleX(0.7);
	}

	.shopping .sec03 .swiper-slide-active .swiper_inner .cont_img {
		height: calc(100vw * (214 / 360));
		box-shadow: calc(100vw * (5 / 360)) calc(100vw * (5 / 360))
			calc(100vw * (40 / 360)) 0px #cfdcf0;
	}
	.shopping .sec03 .cont_img {
		height: calc(100vw * (200 / 360));
		margin-bottom: calc(100vw * (20 / 360));
		border-radius: calc(100vw * (15 / 360));
	}
	.shopping .sec03 .cont_txt {
		font-size: calc(100vw * (15 / 360));
		opacity: 0;
		letter-spacing: -0.07em;
	}
	.shopping .sec03 .swiper-slide-active .cont_txt {
		opacity: 1;
		color: #555;
	}
	.shopping .sec03 h3 {
		margin-bottom: calc(100vw * (12 / 360));
		font-size: calc(100vw * (18 / 360));
	}
	.shopping .swiper-button-prev,
	.shopping .swiper-button-next {
		display: none;
	}
	/* .shopping .swiper-button-prev {
		margin-left: calc(100vw * (-275 / 360));
	}
	.shopping .swiper-button-next {
		margin-left: calc(100vw * (275 / 360));
	} */
}

/* fulfillment page */
.ful .cmc_design_banner {
	background: #f0f2f6 url(/img/commerce/ful_bnr_img.png) no-repeat right 238px
		bottom 20px/ 890px;
	padding: 270px 0 240px;
}

/* fulfillment sec01 */
.ful .sec01 {
	padding-top: 150px;
	padding-bottom: 210px;
}
.ful .sec01 .inner {
	width: 1328px;
}
.ful .sec01 .tit {
	margin-bottom: 90px;
}
.ful .sec01 .tit h2 {
	margin-bottom: 23px;
	font-size: 64px;
	font-family: "Pretendard-Bold";
}
.ful .sec01 .tit small {
	font-size: 20px;
	color: #555;
	text-align: center;
	font-family: "Pretendard-Regular";
	line-height: 1.3;
	letter-spacing: -0.03em;
}
.ful .sec01 .tab_wp {
	width: 1056px;
	margin: 0 auto 78px;
	display: flex;
	justify-content: space-between;
}
.ful .sec01 .tab_wp .tab_cont.mb {
	display: none;
}
.ful .sec01 .tab_wp .li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 192px;
	height: 60px;
	font-size: 18px;
	font-family: "Pretendard-SemiBold";
	border-radius: 50px;
	color: #99aac3;
	background: #f3f5f8;
	cursor: pointer;
}
.ful .sec01 .tab_wp .li.on {
	color: #fff;
	background: #0085ff;
}
.ful .sec01 .tab_cont li {
	display: none;
}
.ful .sec01 .tab_cont li.on {
	display: flex;
}
.ful .sec01 .tab_cont li {
	gap: 135px;
	align-items: center;
	padding-left: 135px;
	box-shadow: 5px 5px 40px 0px #cfdcf0;
	border-radius: 30px;
	background: #fff;
}
.ful .sec01 .tab_cont .cont_img {
	width: 408px;
	height: 400px;
}
.ful .sec01 .tab_cont .cont_txt h3 {
	margin-bottom: 20px;
	font-size: 26px;
	font-family: "Pretendard-SemiBold";
	color: #121212;
}
.ful .sec01 .tab_cont .cont_txt p {
	font-size: 18px;
	color: #555;
	font-family: "Pretendard-Regular";
	line-height: 1.5;
}
/* sec01 fin */

/* ful sec02 */
.ful .cmc_ecmc_solution h2 {
	padding: 0;
	margin-bottom: 23px;
	font-size: 48px;
	font-family: "Pretendard-Bold";
}
.ful .sec02 small {
	display: block;
	margin-bottom: 78px;
	font-size: 20px;
	color: #555;
	font-family: "Pretendard-Regular";
	line-height: 1.5;
}
.ful .cmc_ecmc_solution .cmc_solutionList span:nth-child(1) {
	top: 160px;
	left: 135px;
	animation: bounce-rvs 3s 1s infinite ease-in-out forwards;
}
.ful .cmc_ecmc_solution .cmc_solutionList span:nth-child(2) {
	top: 10px;
	left: 347px;
}
/* ful sec03 */
.ful .sec03 {
	position: relative;
	padding-top: 160px;
	padding-bottom: 166px;
}
.ful .sec03::after {
	content: "";
	background: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0) 26.33%,
		#eceff4 100%
	);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ful .sec03 .inner {
	width: 1328px;
}
.ful .sec03 h2 {
	margin-bottom: 23px;
	font-size: 48px;
}
.ful .sec03 small {
	font-size: 20px;
	color: #555;
	font-family: "Pretendard-Regular";
}
.ful .sec03 .tit {
	margin-bottom: 80px;
}
.ful .sec03 .cont_wp {
	display: flex;
	position: relative;
	z-index: 2;
	margin-bottom: 42px;
}
.ful .sec03 .cont_wp::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 180px;
	background: linear-gradient(
		139deg,
		#fff 29.75%,
		rgba(255, 255, 255, 0) 93.56%
	);
	z-index: 1;
	border-radius: 20px;
	box-shadow: 5px 5px 40px 0px #cfdcf0;
}
.ful .sec03 .cont_wp li {
	width: 16.666%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
}
.ful .sec03 .cont_wp li .th {
	width: 100%;
	padding: 20px 0;
	font-size: 20px;
	text-align: center;
	color: #fff;
	font-family: "Pretendard-Bold";
	background: #0085ff;
}
.ful .sec03 .cont_wp li:first-of-type .th {
	border-radius: 10px 0 0 10px;
}
.ful .sec03 .cont_wp li:last-of-type .th {
	border-radius: 0 10px 10px 0;
}
.ful .sec03 .cont_wp li:first-of-type .td {
	border-radius: 20px 0 0 20px;
}
.ful .sec03 .cont_wp li:last-of-type .td {
	border-radius: 0 20px 20px 0;
}
.ful .sec03 .cont_wp li .td {
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 80px 0;
	font-size: 20px;
	text-align: center;
	color: #121212;
	font-family: "Pretendard-Bold";
	background: #fff;
}
.ful .sec03 .cont_wp li .td span {
	display: inline-block;
	font-family: "Pretendard-Regular";
	color: #666;
	margin-left: 5px;
}
.ful .fin_txt {
	position: relative;
	z-index: 1;
	display: flex;
	gap: 32px;
	justify-content: center;
}
.ful .fin_txt p {
	font-size: 16px;
	font-family: "Pretendard-Regular";
	color: #555;
}
.ful .fin_txt span {
	color: #0085ff;
}

@media (max-width: 1900px) {
	.ful .cmc_design_banner {
		background: #f0f2f6 url(/img/commerce/ful_bnr_img.png) no-repeat right
			calc(100vw * (60 / 1600)) bottom calc(100vw * (20 / 1600)) /
			calc(100vw * (780 / 1600));
	}
}
@media (max-width: 1600px) {
	.ful .cmc_design_banner {
		background: #f0f2f6 url(/img/commerce/ful_bnr_img.png) no-repeat right
			calc(100vw * (50 / 1600)) bottom calc(100vw * (20 / 1600)) /
			calc(100vw * (890 / 1600));
		padding: calc(100vw * (270 / 1600)) 0 calc(100vw * (240 / 1600));
	}

	/* fulfillment sec01 */
	.ful .sec01 {
		padding-top: calc(100vw * (150 / 1600));
		padding-bottom: calc(100vw * (210 / 1600));
	}
	.ful .sec01 .inner {
		width: calc(100vw * (1328 / 1600));
	}
	.ful .sec01 .tit {
		margin-bottom: calc(100vw * (90 / 1600));
	}
	.ful .sec01 .tit h2 {
		margin-bottom: calc(100vw * (23 / 1600));
		font-size: calc(100vw * (64 / 1600));
	}
	.ful .sec01 .tit small {
		font-size: calc(100vw * (20 / 1600));
	}
	.ful .sec01 .tab_wp {
		width: calc(100vw * (1056 / 1600));
		margin: 0 auto calc(100vw * (78 / 1600));
	}
	.ful .sec01 .tab_wp .li {
		width: calc(100vw * (192 / 1600));
		height: calc(100vw * (60 / 1600));
		font-size: calc(100vw * (18 / 1600));
		border-radius: calc(100vw * (50 / 1600));
	}
	.ful .sec01 .tab_cont li {
		gap: calc(100vw * (135 / 1600));
		padding-left: calc(100vw * (135 / 1600));
		box-shadow: calc(100vw * (5 / 1600)) calc(100vw * (5 / 1600))
			calc(100vw * (40 / 1600)) 0px #cfdcf0;
		border-radius: calc(100vw * (30 / 1600));
	}
	.ful .sec01 .tab_cont .cont_img {
		width: calc(100vw * (408 / 1600));
		height: calc(100vw * (400 / 1600));
	}
	.ful .sec01 .tab_cont .cont_txt h3 {
		margin-bottom: calc(100vw * (20 / 1600));
		font-size: calc(100vw * (26 / 1600));
	}
	.ful .sec01 .tab_cont .cont_txt p {
		font-size: calc(100vw * (18 / 1600));
	}
	/* sec01 fin */

	/* ful sec02 */
	.ful .cmc_ecmc_solution h2 {
		margin-bottom: calc(100vw * (23 / 1600));
		font-size: calc(100vw * (48 / 1600));
	}
	.ful .sec02 small {
		margin-bottom: calc(100vw * (78 / 1600));
		font-size: calc(100vw * (20 / 1600));
	}

	/* ful sec03 */
	.ful .sec03 {
		padding-top: calc(100vw * (160 / 1600));
		padding-bottom: calc(100vw * (166 / 1600));
	}
	.ful .sec03 .inner {
		width: calc(100vw * (1328 / 1600));
	}
	.ful .sec03 h2 {
		margin-bottom: calc(100vw * (23 / 1600));
		font-size: calc(100vw * (48 / 1600));
	}
	.ful .sec03 small {
		font-size: calc(100vw * (20 / 1600));
	}
	.ful .sec03 .tit {
		margin-bottom: calc(100vw * (80 / 1600));
	}
	.ful .sec03 .cont_wp {
		margin-bottom: calc(100vw * (42 / 1600));
	}
	.ful .sec03 .cont_wp::before {
		height: calc(100vw * (180 / 1600));
		border-radius: calc(100vw * (20 / 1600));
		box-shadow: calc(100vw * (5 / 1600)) calc(100vw * (5 / 1600))
			calc(100vw * (40 / 1600)) 0px #cfdcf0;
	}
	.ful .sec03 .cont_wp li {
		gap: calc(100vw * (30 / 1600));
	}
	.ful .sec03 .cont_wp li .th {
		padding: calc(100vw * (20 / 1600)) 0;
		font-size: calc(100vw * (20 / 1600));
	}
	.ful .sec03 .cont_wp li:first-of-type .th {
		border-radius: calc(100vw * (10 / 1600)) 0 0 calc(100vw * (10 / 1600));
	}
	.ful .sec03 .cont_wp li:last-of-type .th {
		border-radius: 0 calc(100vw * (10 / 1600)) calc(100vw * (10 / 1600)) 0;
	}
	.ful .sec03 .cont_wp li:first-of-type .td {
		border-radius: calc(100vw * (20 / 1600)) 0 0 calc(100vw * (20 / 1600));
	}
	.ful .sec03 .cont_wp li:last-of-type .td {
		border-radius: 0 calc(100vw * (20 / 1600)) calc(100vw * (20 / 1600)) 0;
	}
	.ful .sec03 .cont_wp li .td {
		padding: calc(100vw * (80 / 1600)) 0;
		font-size: calc(100vw * (20 / 1600));
	}
	.ful .fin_txt {
		gap: 32px;
	}
	.ful .fin_txt p {
		font-size: calc(100vw * (16 / 1600));
	}
}
@media (max-width: 768px) {
	.ful .cmc_design_banner {
		background: #f0f2f6 url(/img/commerce/ful_bnr_mb_img.png) no-repeat center
			bottom / contain;
		padding: calc(100vw * (122 / 360)) 0 calc(100vw * (204 / 360));
	}

	/* fulfillment sec01 */
	.ful .sec01 {
		padding-top: calc(100vw * (50 / 360));
		padding-bottom: calc(100vw * (74 / 360));
	}
	.ful .sec01 .inner {
		width: calc(100vw * (320 / 360));
	}
	.ful .sec01 .tit {
		margin-bottom: calc(100vw * (32 / 360));
	}
	.ful .sec01 .tit h2 {
		margin-bottom: calc(100vw * (20 / 360));
		font-size: calc(100vw * (32 / 360));
	}
	.ful .sec01 .tit small {
		font-size: calc(100vw * (15 / 360));
	}
	.ful .sec01 .tab_wp {
		flex-direction: column;
		width: 100%;
		margin: 0;
		gap: calc(100vw * (12 / 360));
	}
	.ful .sec01 .tab_wp .li {
		position: relative;
		width: 100%;
		height: calc(100vw * (50 / 360));
		font-size: calc(100vw * (15 / 360));
		border-radius: calc(100vw * (10 / 360));
		justify-content: flex-start;
		padding: calc(100vw * (16 / 360)) calc(100vw * (20 / 360));
	}
	.ful .sec01 .tab_wp .li::after {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 24px;
		width: 12px;
		height: 12px;
		content: "";
		background: url(../img/commerce/plus_ico.png) center / contain no-repeat;
	}
	.ful .sec01 .tab_wp .li.on::after {
		background: url(../img/commerce/minus_ico2.png) center / contain no-repeat;
	}
	.ful .sec01 .tab_cont {
		display: none;
	}
	.ful .sec01 .tab_wp .tab_cont.mb.on {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: calc(100vw * (20 / 360));
		padding: calc(100vw * (24 / 360)) calc(100vw * (20 / 360));
		background: #fff;
		box-shadow: 5px 5px 20px 0px #cfdcf0;
		border-radius: 10px;
	}
	.ful .sec01 .tab_cont.mb .cont_img {
		width: calc(100vw * (200 / 360));
		height: calc(100vw * (140 / 360));
	}
	.ful .sec01 .tab_cont.mb .cont_txt h3 {
		margin-bottom: calc(100vw * (5 / 360));
		font-size: calc(100vw * (16 / 360));
	}
	.ful .sec01 .tab_cont.mb .cont_txt p {
		font-size: calc(100vw * (14 / 360));
	}
	/* sec01 fin */

	/* ful sec02 */
	.ful .cmc_ecmc_solution h2 {
		margin-bottom: calc(100vw * (20 / 360));
		font-size: calc(100vw * (32 / 360));
		line-height: 1.3;
	}
	.ful .sec02 small {
		margin-bottom: calc(100vw * (20 / 360));
		font-size: calc(100vw * (15 / 360));
		letter-spacing: -0.03em;
		line-height: 1.5;
	}
	.ful .cmc_ecmc_solution .cmc_solutionList span:nth-child(1) {
		top: calc(100vw * (80 / 360));
		left: calc(100vw * (20 / 360));
	}
	.ful .cmc_ecmc_solution .cmc_solutionList span:nth-child(2) {
		top: calc(100vw * (10 / 360));
		left: calc(100vw * (120 / 360));
	}
	.ful .cmc_ecmc_solution .cmc_solutionList span:nth-child(3) {
		top: calc(100vw * (215 / 360));
		left: calc(100vw * (5 / 360));
	}
	.ful .cmc_ecmc_solution .cmc_solutionList span:nth-child(6) {
		top: calc(100vw * (185 / 360));
		right: calc(100vw * (-5 / 360));
	}
	.ful .cmc_ecmc_solution .cmc_solutionList span:last-child {
		top: calc(100vw * (305 / 360));
		right: calc(100vw * (30 / 360));
	}
	/* ful sec03 */
	.ful .sec03 {
		padding-top: calc(100vw * (70 / 360));
		padding-bottom: calc(100vw * (70 / 360));
	}
	.ful .sec03::after {
		content: "";
		background: linear-gradient(
			180deg,
			rgba(255, 255, 255, 0) 26.33%,
			#eceff4 100%
		);
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.ful .sec03 .inner {
		width: calc(100vw * (320 / 360));
	}
	.ful .sec03 h2 {
		margin-bottom: calc(100vw * (20 / 360));
		font-size: calc(100vw * (32 / 360));
	}
	.ful .sec03 small {
		font-size: calc(100vw * (15 / 360));
		text-align: center;
		line-height: 1.5;
	}
	.ful .sec03 .tit {
		margin-bottom: calc(100vw * (32 / 360));
	}
	.ful .sec03 .cont_wp {
		flex-direction: column;
		gap: calc(100vw * (20 / 360));
		margin-bottom: 0;
	}
	.ful .sec03 .cont_wp::before {
		/* height: 100%;
		border-radius: 0;
		box-shadow: calc(100vw * (5 / 360)) calc(100vw * (5 / 360))
			calc(100vw * (40 / 360)) 0px #cfdcf0; */
		display: none;
	}
	.ful .sec03 .cont_wp li {
		width: 100%;
		flex-direction: row;
		gap: 0;
		background: linear-gradient(
			139deg,
			#fff 29.75%,
			rgba(255, 255, 255, 0) 93.56%
		);

		box-shadow: 5px 5px 40px 0px #cfdcf0;
	}
	.ful .sec03 .cont_wp li .th {
		width: calc(100vw * (120 / 360));
		padding: calc(100vw * (20 / 360)) 0;
		font-size: calc(100vw * (15 / 360));
		border-radius: calc(100vw * (10 / 360)) 0 0 calc(100vw * (10 / 360)) !important;
		flex-shrink: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.ful .sec03 .cont_wp li .td {
		display: flex;
		justify-content: flex-end;
		padding: calc(100vw * (20 / 360)) calc(100vw * (20 / 360));
		font-size: calc(100vw * (15 / 360));
		border-radius: 0 calc(100vw * (10 / 360)) calc(100vw * (10 / 360)) 0 !important;
	}
	.ful .fin_txt {
		display: none;
	}
}