@charset "utf-8";

/*********************************************************
	product_info.css - &.202403
**********************************************************/

/*COMMON*/
#prdtInfo {
	width:100%;
	max-width:1210px;
	font-size:10px;
	letter-spacing:-0.025em;
	background:#EEEFF5;
}
#prdtInfo * {
	font-family:'Poppins','Noto Sans KR','notokr','Malgun Gothic','dotum','돋움','gulim','굴림','Tahoma';
}
#prdtInfo .prdtInfo_seciton {
	padding:8em 4em;
}
#prdtInfo .prdtInfo_seciton.has_bg_color {
	color:#fff;
}
#prdtInfo .prdtInfo_seciton .prdtInfo_seciton_heading {
	display:flex;
	flex-flow:column;
	justify-content:center;
	align-items:center;
	gap:1.5ex;
	margin-bottom:4em;
	text-align:center;
}
#prdtInfo .prdtInfo_seciton .prdtInfo_seciton_haeding__main {
	font-size:4em;
	font-weight:500;
	font-family:'Poppins','arita','Noto Sans KR','notokr','Malgun Gothic','dotum','돋움','gulim','굴림','Tahoma';
}
#prdtInfo .prdtInfo_seciton .prdtInfo_seciton_haeding__main br {
	display:none;
}
#prdtInfo .prdtInfo_seciton .prdtInfo_seciton_haeding__sub {
	font-size:2em;
	font-weight:400;
}

/*SECTIONS*/
#prdtInfo_Main {
	text-align:center;
	background:url('../img/prdtInfo_main__bg.png') no-repeat center / cover;
	border-radius:0 0 3em 3em;
}
#prdtInfo_Main.prdtInfo_seciton .prdtInfo_seciton_haeding__main {
	font-size:5em;
}
#prdtInfo_Main .prdtInfo_Main__img .wrap {
	display:flex;
	align-items:center;
	justify-content:center;
	width:80%;
	height:auto;
	margin:0 auto;
	aspect-ratio: 1 / 1;
	border-radius:50em;
	background:#fff;
}
#prdtInfo_Main .prdtInfo_Main__img .wrap  img {
	width:80%;
	height:80%;
	object-fit:contain;
	object-position:center;
}
#prdtInfo_Main .prdtInfo_Main__size {
	margin-top:4em;
}
#prdtInfo_Main .prdtInfo_Main__size .tit {
	width:6em;
	padding:0.5ex 1ex;
	margin:0 auto 1ex;
	font-size:1.8em;
	background:#556EE6;
	border-radius:50em;
}
#prdtInfo_Main .prdtInfo_Main__size .value {
	font-size:2.4em;
}

#prdtInfo_Spec .prdtInfo_Spec__list {
	display:flex;
	flex-wrap:wrap;
	gap:4em 0;
}
#prdtInfo_Spec .prdtInfo_Spec__list li {
	width:20%;
	text-align:center;
}
#prdtInfo_Spec .prdtInfo_Spec__list li .icon {
	display:flex;
	justify-content:center;
	align-items:center;
	width:8.4em;
	height:8.4em;
	margin:0 auto;
	background:#fff;
	border:1px solid #ddd;
	border-radius:50em;
}
#prdtInfo_Spec .prdtInfo_Spec__list li .txt {
	display:block;
	margin-top:1ex;
	font-size:1.8em;
}
#prdtInfo_Spec .prdtInfo_Spec__list li .txt small { color:#888; }

#prdtInfo_Spec .prdtInfo_Spec__list li .txt b {
	color:#556EE6;
}

#prdtInfo_Price {
	background:#556EE6;
}
#prdtInfo_Price .prdtInfo_Price__dl dt {
	margin-bottom:1ex;
	font-size:2.4em;
	font-weight:500;
	font-family:'Poppins','arita','Noto Sans KR','notokr','Malgun Gothic','dotum','돋움','gulim','굴림','Tahoma';
}
#prdtInfo_Price .prdtInfo_Price__comm dd {
	display:flex;
	flex-flow:column;
	gap:0.5em;
	padding:2em;
	background:#fff;
	border-radius:1.5em;
	box-shadow:0 0.3em 0.6em 0 rgba(0,0,0,0.15); 
}
#prdtInfo_Price .prdtInfo_Price__comm dd > div {
	display:flex;
	align-items:center;
	gap:1em;
}
#prdtInfo_Price .prdtInfo_Price__comm dd > div .tit {
	display:block;
	width:10em;
	padding:1ex 0;
	text-align:center;
	font-size:1.8em;
	background:#25292A;
	border-radius:0.5em;
}
#prdtInfo_Price .prdtInfo_Price__comm dd > div .detail {
	font-size:1.8em;
	color:#000;
}
#prdtInfo_Price .prdtInfo_Price__plans {
	margin-top:4em;
}
#prdtInfo_Price .prdtInfo_Price__plans dd {
	display:flex;
	justify-content:space-between;
	gap:2em;
}
#prdtInfo_Price .prdtInfo_Price__plans dd.event_price {
	margin-bottom:20px; /* CHJ : 2024-04-18 */
}
#prdtInfo_Price .prdtInfo_Price__plans dd > div {
	width:33.33%;
	background:#fff;
	border-radius:1.5em;
	box-shadow:0 0.3em 0.6em 0 rgba(0,0,0,0.15); 
	overflow:hidden;
}
#prdtInfo_Price .prdtInfo_Price__plans dd.event_price > div {
	width:100%;
}
#prdtInfo_Price .prdtInfo_Price__plans dd.event_price > div > div.tit {
	background-color : #e15353;
}

#prdtInfo_Price .prdtInfo_Price__plans dd .tit {
	padding:1em;
	text-align:center;
	font-size:1.8em;
	font-weight:600;
	background-color:#000;
}
	#prdtInfo_Price .prdtInfo_Price__plans dd > div:nth-child(1) .tit {
		background-color:#41C905;
	}
	#prdtInfo_Price .prdtInfo_Price__plans dd > div:nth-child(2) .tit {
		background-color:#202425;
	}
	#prdtInfo_Price .prdtInfo_Price__plans dd > div:nth-child(3) .tit {
		background-color:#CA9764;
	}
#prdtInfo_Price .prdtInfo_Price__plans dd ul {
	width:100%;
	padding:2em;
}
#prdtInfo_Price .prdtInfo_Price__plans dd ul li {
	position:relative; 
	width:100%;
	z-index:1;
}
#prdtInfo_Price .prdtInfo_Price__plans dd ul li:not(:last-child)::after {
	content:"or";
	display:block;
	width:3em;
	margin:1ex auto ; 
	text-align:center;
	color:#999;
	font-size:1.6em;
	background:#fff;
}
#prdtInfo_Price .prdtInfo_Price__plans dd ul li:not(:last-child)::before {
	content:"";
	display:block;
	position:absolute;
	bottom:1em;
	width:100%;
	border:1px dashed #eee;
	z-index:-1;
}
#prdtInfo_Price .prdtInfo_Price__plans dd ul li p {
	display:flex; 
  justify-content:space-between;
	font-size:1.6em;
}
#prdtInfo_Price .prdtInfo_Price__plans dd ul li p:not(:last-child) {
	margin-bottom:1ex;
}
#prdtInfo_Price .prdtInfo_Price__plans dd ul li p span {
	color:#999;
}
#prdtInfo_Price .prdtInfo_Price__plans dd ul li p strong {
	color:#000;
}
#prdtInfo_Price .prdtInfo_Price__plans dd .amount {
	padding:1em;
	text-align:right;
	font-size:1.6em;
	color:#000;
  line-height: 1;
	border-top:1px solid #ddd;
}
#prdtInfo_Price .prdtInfo_Price__plans dd .amount b {
	font-size:1.6em;
	color:#E80D6C;
}
#prdtInfo_Price .prdtInfo_Price__plans dd .amount small {
	color:#999;
}
#prdtInfo_Price .prdtInfo_Price__option  {
	margin-top:4em;
}
#prdtInfo_Price .prdtInfo_Price__option dd ul {
	display:flex;
	flex-wrap:wrap;
	gap:2em;
}
#prdtInfo_Price .prdtInfo_Price__option dd ul li {
	width:calc(25% - calc(6em / 4));
	border-radius:1.5em;
	background-color:#EEEFF5;
	overflow:hidden;
}
#prdtInfo_Price .prdtInfo_Price__option dd ul li .img {
	height:15em;
	background:#fff;
}
#prdtInfo_Price .prdtInfo_Price__option dd ul li .img img {
	width:100%;
	height:100%;
	object-fit:contain;
}
#prdtInfo_Price .prdtInfo_Price__option dd ul li .txt {
	padding:1em 0;
	text-align:center;
	font-size:1.8em;
	color:#000;
}
#prdtInfo_Price .prdtInfo_Price__option dd ul li .txt .name {
	display:flex;
	flex-flow:column;
	justify-content:center;
	align-items:center;
	height:2.4em;
	font-weight:600;
} 
#prdtInfo_Price .prdtInfo_Price__option dd ul li .txt .name small {
	display:block;
	color:#999;
	font-size:0.8em;
}
#prdtInfo_Price .prdtInfo_Price__option dd ul li .txt .price {
	margin-top:0.5ex;
}
#prdtInfo_Price .prdtInfo_Price__option dd ul li .txt .price b {
	color:#556EE6;
	font-size:1.4em;
}
#prdtInfo_Price .prdtInfo_Price__ref {
	margin-top:1.5em;
	text-align:right;
	font-size:1.6em;
}

#prdtInfo_Client .prdtInfo_Client__list ul {
	display:flex;
	flex-wrap:wrap;
	align-items:end;
	gap:4em 0;
}
#prdtInfo_Client .prdtInfo_Client__list ul li {
	width:33.33%;
	padding:0 2em;
	text-align:center;
	font-size:1.8em;
}
#prdtInfo_Client .prdtInfo_Client__list ul li p {
	margin-top:2ex;
}

#prdtInfo_Process {
	background-color:#CA9764;
}
#prdtInfo_Process .prdtInfo_Process__dl {
	margin-bottom:4em;
}
#prdtInfo_Process .prdtInfo_Process__dl dt {
	margin-bottom: 1ex;
	font-size: 2.2em;
	font-weight: 500;
	font-family: 'Poppins', 'arita', 'Noto Sans KR', 'notokr', 'Malgun Gothic', 'dotum', '돋움', 'gulim', '굴림', 'Tahoma';
}
#prdtInfo_Process .prdtInfo_Process__dl dt b {
	font-family: 'Poppins', 'arita', 'Noto Sans KR', 'notokr', 'Malgun Gothic', 'dotum', '돋움', 'gulim', '굴림', 'Tahoma';
}
#prdtInfo_Process .prdtInfo_Process__dl dd ol {
	display:flex;
	border:1px solid #ddd;
}
#prdtInfo_Process .prdtInfo_Process__dl dd ol li {
	position:relative;
	width:25%;
	background:#fff;
}
#prdtInfo_Process .prdtInfo_Process__dl dd ol li:not(:last-child){
	border-right:1px solid #ddd;
}
#prdtInfo_Process .prdtInfo_Process__dl dd ol li:not(:last-child):after {
	content:"";
	position:absolute;
	right:-1.7em;
	top:calc(50% - 1.7em);
	display:block;
	width:3.4em;
	height:3.4em;
	background:#fff url('../img/prdtInfo_process__arrow.svg') no-repeat center;
	border:1px solid #ddd;
	border-radius:50em;
	z-index:1;
}
#prdtInfo_Process .prdtInfo_Process__dl dd ol li .img {
	height:12em;
}
#prdtInfo_Process .prdtInfo_Process__dl dd ol li .img img {
	width:100%;
	height:100%;
	object-fit:cover;
}
#prdtInfo_Process .prdtInfo_Process__dl dd ol li .txt {
	display:flex;
	flex-flow:column;
	justify-content:center;
	align-items:center;
	padding:2em 1em;
	text-align:center;
}
#prdtInfo_Process .prdtInfo_Process__dl dd ol li .txt .num {
	font-size:1.6em;
	color:#999;
}
#prdtInfo_Process .prdtInfo_Process__dl dd ol li .txt .tit {
	margin:0.5ex 0;
	font-size:2em;
	font-weight:500;
	color:#556EE6;
}
#prdtInfo_Process .prdtInfo_Process__dl dd ol li .txt .detail {
	font-size:1.6em;
	color:#000;
}
#prdtInfo_Process .prdtInfo_Process__ref {
	padding:2em;
	text-align:center;
	font-size:1.6em;
	background:#AA7B4D;
	border-radius:1em;
}
#prdtInfo_Process .prdtInfo_Process__ref strong {
	display:block;
	margin-bottom:0.5ex;
	font-size:1.4em;
}

#prdtInfo_Prepare {
	background:#556EE6 url('../img/prdtInfo_prepare__bg.svg') no-repeat;
	background-position:115% -4em;
}
#prdtInfo_Prepare .prdtInfo_Prepare__list ol {
	display:flex;
	flex-flow:column;
	justify-content:center;
	gap:2em;
	padding:0 4em;
}
#prdtInfo_Prepare .prdtInfo_Prepare__list ol li {
	position:relative;
	display:flex;
	color:#000;
}
#prdtInfo_Prepare .prdtInfo_Prepare__list ol li span {
	position:absolute;
	left:0;
	top:calc(50% - 1.25em);
	display:flex;
	justify-content:center;
	align-items:center;
	width:2.5em;
	height:2.5em;
	font-size:2.4em;
	font-weight:600;
	background: #fff;
	border-radius:50em;
	border:3px solid #556EE6;
	z-index:1;
}
#prdtInfo_Prepare .prdtInfo_Prepare__list ol li p {
	width:100%;
	padding: 0.5em 0 0.5em 1.5em;
	margin-left: 2.5em;
	font-size:1.8em;
	background-color:#fff;
	border-radius:0.2em;
}
#prdtInfo_Prepare .prdtInfo_Prepare__list ol li p b {
	color:#E80D6C
}
#prdtInfo_Prepare .prdtInfo_Prepare__list ol li p br {
	display:none;
}

#prdtInfo_Service {
	background-color:#02062f
}
#prdtInfo_Service .prdtInfo_Service__list ul {
	display:flex;
	flex-wrap:wrap;
	gap:2em;
}
#prdtInfo_Service .prdtInfo_Service__list ul li {
	width:calc(50% - 1em);
	padding:2em 2em 4em;
	color:#000;
	border-radius:1.5em;
	background:#fff  no-repeat calc(100% - 2em) calc(100% - 2em);
}
	#prdtInfo_Service .prdtInfo_Service__list ul li:nth-child(1) {
		background-image:url('../img/prdtInfo_service__icon01.svg');		
	}
	#prdtInfo_Service .prdtInfo_Service__list ul li:nth-child(2) {
		background-image:url('../img/prdtInfo_service__icon02.svg');		
	}
	#prdtInfo_Service .prdtInfo_Service__list ul li:nth-child(3) {
		background-image:url('../img/prdtInfo_service__icon03.svg');		
	}
	#prdtInfo_Service .prdtInfo_Service__list ul li:nth-child(4) {
		background-image:url('../img/prdtInfo_service__icon04.svg');		
	}
	#prdtInfo_Service .prdtInfo_Service__list ul li:nth-child(5) {
		background-image:url('../img/prdtInfo_service__icon05.svg');		
	}
	#prdtInfo_Service .prdtInfo_Service__list ul li:nth-child(6) {
		background-image:url('../img/prdtInfo_service__icon06.svg');		
	}
#prdtInfo_Service .prdtInfo_Service__list ul li strong {
	font-size:2.4em;
	font-weight:500;
	font-family:'Poppins','arita','Noto Sans KR','notokr','Malgun Gothic','dotum','돋움','gulim','굴림','Tahoma';
}
	#prdtInfo_Service .prdtInfo_Service__list ul li:nth-child(1) strong,
	#prdtInfo_Service .prdtInfo_Service__list ul li:nth-child(4) strong,	#prdtInfo_Service .prdtInfo_Service__list ul li:nth-child(5) strong {
		color:#556EE6;
	}
	#prdtInfo_Service .prdtInfo_Service__list ul li:nth-child(2) strong,	#prdtInfo_Service .prdtInfo_Service__list ul li:nth-child(3) strong,
	#prdtInfo_Service .prdtInfo_Service__list ul li:nth-child(6) strong {
		color:#CA9764;
	}
#prdtInfo_Service .prdtInfo_Service__list ul li p {
	margin-top:0.5ex;
	font-size:1.8em;
}

#prdtInfo_Center.prdtInfo_seciton .prdtInfo_seciton_haeding__sub {
	color:#556EE6;
}
#prdtInfo_Center .prdtInfo_Center__map {
	text-align:center;
}

#prdtInfo .prdtInfo_seciton#prdtInfo_Contact {
	display:flex;
	padding:0;
}
#prdtInfo_Contact > div {
	width:50%;
	padding:4em 4em 6em;
}
#prdtInfo_Contact .prdtInfo_Contact__kakao {
	text-align:center;
	background-color:#02062f;
}
#prdtInfo_Contact .prdtInfo_Contact__kakao strong {
	display:block;
	font-size:4em;
	font-weight:500;
	font-family:'Poppins','arita','Noto Sans KR','notokr','Malgun Gothic','dotum','돋움','gulim','굴림','Tahoma';
}
#prdtInfo_Contact .prdtInfo_Contact__kakao .search {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:70%;
	margin:1ex auto 0;
	padding:1ex 1.5ex;
	color:#000;
	font-size:1.8em;
	background-color:#fff;
	border-radius:0.5em;
}
#prdtInfo_Contact .prdtInfo_Contact__kakao p {
	margin-top:1ex;
	font-size:1.8em;
}
#prdtInfo_Contact .prdtInfo_Contact__kakao p b {
	color:#FED719;
}
#prdtInfo_Contact .prdtInfo_Contact__call {
	background:#556EE6 url('../img/prdtInfo_contact__call.svg' )no-repeat calc(100% - 4em) calc(100% - 4em);
}
#prdtInfo_Contact .prdtInfo_Contact__call strong {
	display:block;
	font-size:3em;
	font-weight:500;
	font-family:'Poppins','arita','Noto Sans KR','notokr','Malgun Gothic','dotum','돋움','gulim','굴림','Tahoma';
}
#prdtInfo_Contact .prdtInfo_Contact__call .num {
	font-size:4.2em;
	font-weight:600;
	font-family:'Noto Sans KR','notokr','Malgun Gothic','dotum','돋움','gulim','굴림','Tahoma';
}
#prdtInfo_Contact .prdtInfo_Contact__call .info {
	margin-top:1ex;
	line-height:1.2;
	font-size:2.4em;
	color:#E5E9FF;
}
#prdtInfo_Contact .prdtInfo_Contact__call .info small {
	font-size:0.75em;
}
#prdtInfo_Contact .prdtInfo_Contact__call .ref {
	margin-top:1ex;
	font-size:1.6em;
}
#prdtInfo_Contact .num a { color:#fff; } /* CHJ (2024-04-19) */

@media screen and (max-width:860px){
	#prdtInfo {
		font-size:1.2vw;
	}

	/* CHJ 추가 / 창인 전용 코드 - 2025-06-05 */
	#prdtInfo_Client .prdtInfo_Client__list ul li img {
		max-width: 100%;
		height: auto;
		display: block;
	}
}
@media screen and (max-width:747px){
	#prdtInfo_Spec .prdtInfo_Spec__list li {
		width:33.33%;
	}
	#prdtInfo_Price .prdtInfo_Price__plans dd {
		flex-wrap:wrap;
	}
	#prdtInfo_Price .prdtInfo_Price__plans dd > div {
		width:calc(50% - 1em);
	}

	/* CHJ 추가 / 창인 전용 코드 - 2025-06-05 */
	#prdtInfo_Client .prdtInfo_Client__list ul li img {
		max-width: 100%;
		height: auto;
		display: block;
	}
}
@media screen and (max-width:640px){
	#prdtInfo {
		font-size:2vw;
	}
	#prdtInfo .prdtInfo_seciton .prdtInfo_seciton_haeding__main br {
		display:block;
	}
	#prdtInfo_Price .prdtInfo_Price__comm dd {
		gap:1em;
	}
	#prdtInfo_Price .prdtInfo_Price__plans dd > div {
		width:100%;
		flex-flow:column;
    align-items: start;
		gap:1ex;
	}
	#prdtInfo_Price .prdtInfo_Price__comm dd > div {
		flex-flow:column;
    align-items: start;
		gap:1ex;
	}
	#prdtInfo_Price .prdtInfo_Price__comm dd > div .tit {
		width:auto;
		padding:0.5ex 1ex;
	}
	#prdtInfo_Price .prdtInfo_Price__ref {
		text-align:left;
	}
	#prdtInfo_Price .prdtInfo_Price__option dd ul li {
		width:calc(50% - 1em);
	}
	#prdtInfo_Client .prdtInfo_Client__list ul li {
		width:50%;
	}
	
	/* CHJ 추가 / 창인 전용 코드 - 2025-06-05 */
	#prdtInfo_Client .prdtInfo_Client__list ul li img {
		max-width: 100%;
		height: auto;
		display: block;
	}

	#prdtInfo_Process .prdtInfo_Process__dl dd ol {
		flex-flow:column;
	}
	#prdtInfo_Process .prdtInfo_Process__dl dd ol li {
		display:flex;
		width:100%;
	}
	#prdtInfo_Process .prdtInfo_Process__dl dd ol li .img {
    width: 50%;
    height: auto;
	}
	#prdtInfo_Process .prdtInfo_Process__dl dd ol li .txt {
		width:50%;
	}
	#prdtInfo_Process .prdtInfo_Process__dl dd ol li:not(:last-child):after {		
    left: 0;
    right: 0;
    top: inherit;
    bottom:-1.7em;
    margin: 0 auto;
    transform: rotate(90deg);
	}
	#prdtInfo_Process .prdtInfo_Process__dl dd ol li{
		border-right:0;
	}
	#prdtInfo_Process .prdtInfo_Process__dl dd ol li:not(:last-child){
		border-bottom:1px solid #ddd;
	}
	#prdtInfo_Process .prdtInfo_Process__ref {
		text-align:left;
	}
	#prdtInfo_Prepare {
		background-size:60%;
	}
	#prdtInfo_Prepare .prdtInfo_Prepare__list ol {
		padding:0;
	}
	#prdtInfo_Prepare .prdtInfo_Prepare__list ol li p br {
		display:block;
	}
	#prdtInfo_Service .prdtInfo_Service__list ul li {
		width:100%;
	}
	#prdtInfo_Service .prdtInfo_Service__list ul li:nth-child(odd) strong {
		color:#556EE6;
	}
	#prdtInfo_Service .prdtInfo_Service__list ul li:nth-child(even) strong {
		color:#CA9764;
	}
	#prdtInfo .prdtInfo_seciton#prdtInfo_Contact {
		flex-flow:column;
	}
	#prdtInfo_Contact > div {
		width:100%;
	}
}