@charset "utf-8";


/* ======================== S [고정] ============================ */
html {
	font-size: 10px;
}

body {
	font-family: 'Pretendard JP';
	font-weight: normal;
	line-height: 1.3;
}

.pdp-wrap {
	margin: 5% auto;
}

.pdp__inner {
	max-width: 780px;
	width: 100%;
	margin: 0 auto;
	background: #F5F5F5;
}

.hide {
	overflow: hidden;
	display: block;
	position: absolute;
	border: 0;
	width: 1px;
	height: 1px;
	clip: rect(1px, 1px, 1px, 1px);
}

strong,
b {
	font-family: 'Pretendard JP';
}

p {
	letter-spacing: -0.02em;
}

/* ======================== E [고정] ============================ */



/* ======================== S [레이아웃] ============================ */
/* color */
:root {
	--color-black: #3D3E41;
	--color-white: #f8faff;
	--color-key: #cc4685;
	--color-blue: #00AFFF;
	--color-brblue:#E0EEFF;
	--color-green:#10B15F;
	--color-yellow:#FFB700;
	--color-bryellow:#F2E8AD;
	--color-orange:#FF6139;
	--color-brown:#512424;
	--color-mint:#1ED6CE;
	--color-pink:#FF6F86;
}

.inni_black {
	color:var(--color-black);
}
.inni_green {
	color:var(--color-green);
}
.inni_orange {
	color:var(--color-orange);
}
.inni_yellow{
	color:var(--color-yellow);
}
.inni_bryellow{
	color:var(--color-bryellow);
}
.inni_blue{
	color:var(--color-blue);
}
.inni_brown{
	color:var(--color-brown);
}

img {
	display:block;
	width:100%;
}

video {
	display:block;
	width:100%;
}

.txt_bg {
	padding: 0 1rem;
}

.txt_bg.type1{
	padding:0.5rem 2rem;
	border-radius: 50px;
}

.txt_bg.type2{
	display:inline-block;
	padding:0.5rem 2rem;
	border-radius: 50px;
}

.txt_bg.mint {
	background-color:var(--color-mint);
}
.txt_bg.green {
	background-color:var(--color-green);
}
.txt_bg.yellow {
	background-color:var(--color-yellow);
}
.txt_bg.brown {
	background-color:var(--color-brown);
}
.txt_bg.blue {
	background-color:var(--color-blue);
}
.txt_bg.brblue {
	background-color:var(--color-brblue);
}
.txt_bg.orange {
	background-color:var(--color-orange);
}
.txt_bg.pink {
	background-color:var(--color-pink);
}
.txt_bg.allwhite {
	background:#fff;
}
.txt_bg.gradient {
  	background:linear-gradient(to right,var(--color-blue),var(--color-orange));
}
.txt_bg.yellow {
	background-color: var(--color-yellow);
}

/* margin */

.mt0 {
	margin-top: 0 !important;
}

.mt5 {
	margin-top: 0.5rem;
}

.mt10 {
	margin-top: 1rem;
}

.mt20 {
	margin-top: 2rem;
}

.mt30 {
	margin-top: 3rem;
}

.mt40 {
	margin-top: 4rem;
}

.mt50 {
	margin-top: 5rem;
}

.mt60 {
	margin-top: 6rem !important;
}

.mt70 {
	margin-top: 7rem;
}

.mt80 {
	margin-top: 8rem;
}

.mt100 {
	margin-top: 10rem;
}

.mt110 {
	margin-top: 11rem;
}

.mt120 {
	margin-top: 12rem;
}

/*padding*/

.pd0 {
	padding: 0 !important;
}

.pt0 {
	padding-top: 0 !important;
}

.ta_c {text-align: center !important;}

.ta_l {text-align: left !important;}

.ta_r {text-align: right !important;}

.division {
	position:relative;

}

.division::before {
	position:absolute;
	content:"";
	display:block;
	background:#000;
	width:20%;
	height:0.5px;
	top:0;
	left:50%;
	transform: translate(-50%);
}
/* txt-type */
.txt-type {
	padding: 4rem 4rem 0;
	text-align: left;
	color: var(--color-black);
	width: 100%;
}
.txt__title--Ultrabig {
	font-weight: 700;
	font-size: 15rem;
}

.txt__title--morebig{
	font-size:9rem;
}

.txt__title--big{
	font-size:6.2rem;
}

.txt__title--medium {
	font-weight: 700;
	font-size: 5.5rem;
}

.txt__title {
	font-weight: 500;
	font-size: 4.3rem;
}

.txt__sub--big {
	font-weight: 300;
	font-size: 3.8rem;
}

.txt__sub--big--light {
	font-weight: normal;
	font-size: 3.8rem;
}

.txt__sub--medium {
	font-size: 3rem;
}

.txt__sub {
	font-weight: 500;
	font-size: 2.8rem;
}

.txt__sub--default{
	font-weight: normal;
	font-size: 2.6rem;
}

.txt__sub--light {
	font-weight: 300;
	font-size: 2.2rem;
}

.txt__sub--small {
	font-weight: 500;
	font-size: 2.2rem;
}

.txt__list {
	font-size: 1.8rem;
	font-weight: 200;
	line-height: 1.5;
	letter-spacing: -0.05em;
}
.txt__list--small {
	font-size: 1.5rem;
	font-weight: 200;
	line-height: 1.5;
	letter-spacing: -0.05em;
}

.txt__list--big {
	font-size: 2rem;
	line-height: 1.5;
}

:where(.txt__list, .txt__list--big).listOl {
	counter-reset: list-number;
}

:where(.txt__list, .txt__list--big).listOl li {
	counter-increment: list-number;
}

.txt__list.listOl li::marker {
	content: '*' counter(list-number);
}

.txt__list--big.listOl li::marker {
	content: counter(list-number);
	font-weight: 500;
}

.txt__list:where(.listOl, .listUl) {
	margin-left: 1.5rem;
}

.txt__list:where(.listOl, .listUl) li {
	padding-left: 0.5rem;
}

.txt__list--big:where(.listOl, .listUl) {
	margin-left: 2rem;
}

.txt__list--big:where(.listOl, .listUl) li {
	padding-left: 1rem;
}

.txt__list.listUl li::marker {
	content: '*';
}

.txt__list--big.listUl li::marker {
	content: '※';
}

.underline {
	text-decoration: underline;
}

.txt--light {
	font-weight: 300 !important;
}

.txt--medium {
	font-weight: 500 !important;
}

.txt--bold {
	font-weight: 700 !important;
}

.key-color {
	color: var(--color-key);
}

.abs {
	position: absolute;
}

.rel {
	position: relative;
}

.txt-type1 {
	padding-top: 8rem;
	text-align: center;
}

.txt-type1 .txt__underline {
	width: fit-content;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.txt-type1 .txt__underline::after {
	background-color: #3C3C3C;
	width: 100%;
	height: 2px;
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.txt-type1 .txt__sub {
	font-size: 3.6rem;
}

.txt-type1 .txt__title {
	font-size: 6rem;
}

.txt-type1 .txt__small {
	font-size: 2rem;
}

.txt-type2 {
	text-align: center;
}

.txt-type2 .txt__title {
	font-size: 4rem;
}

.txt-type2 .txt__price {
	font-size: 5rem;
}

.txt-type2 .txt__price span {
	font-size: 7rem;
}

.txt-type2 .txt__sub {
	font-size: 2.4rem;
}

.txt-type2 .txt__small {
	font-size: 1.6rem;
}

.godita {
	font-family: 'godita';
}

.italic {
	font-style: italic;
}

.txt-type5 .txt__underline {
	width: fit-content;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.txt-type5 .txt__underline::after {
	background-color: var(--color-black);
	width: 100%;
	height: 2px;
	display: block;
	content: "";
	position: absolute;
	bottom: 0px;
}

.gordita {
	font-family: 'gordita';
}

.txt-type5 .txt__sub {
	font-size: 2.8rem;
}

.txt-type5 .txt__title {
	font-size: 5rem;
}

.txt-type5 .txt__small {
	font-size: 1.6rem;
}

.txt-type5 .txt__desc {
	margin-top: 1rem;
	font-size: 3rem;
}

.txt-type5 .txt__bold {
	font-size: 8rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
}

.txt-type6 {
	padding-top: 2rem;
	text-align: center;
}

.txt-type6 .txt__title {
	font-size: 5rem;
	font-weight: 400;
}

.txt-type6 .txt__sub {
	font-size: 3rem;
}

.txt-type6 .txt__small {
	font-size: 1.6rem;
}

.txt-type-bottom {
	padding: 5rem 0;
	text-align: center;
}

.txt-type-bottom .txt__title {
	font-size: 5rem;
	font-weight: 500;
}

.txt-type-bottom .txt__sub {
	font-size: 3.8rem;
}

.content-wrap .content~.content {
	margin: 12rem 0 0;
}

.content-wrap .content.bottom {
	position: relative;
	margin-top: 5rem;
}

.link {
	position: absolute;
	text-indent: -9999rem;
}

/*gif*/
.gifCont {
	overflow: hidden;
	position: relative;
}

.gifCont.cont1 {
	aspect-ratio: 780/1126;
}

.gifCont.cont2 {
	aspect-ratio: 780/975;
}

.content.gifCont2 {
	aspect-ratio: 780/572;
	overflow: visible;
}

.gifImg {
	position: absolute;
	width: 100%;
	top: 0;
}

.gifImg.img1 {
	top: 10.5rem;
}

.gifImg.img2 {
	top: 10rem;
}

.gifHead {
	position: absolute;
	width: 100%;
	z-index: 2;
	top: 0;
}

.gifBg {
	position: absolute;
	z-index: 1;
	top: 23.9rem;
}

.imjlist {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin: 3rem auto 0;
	width: fit-content;
}

.imjlist li {
	display: flex;
	gap: 1rem;
	align-items: center;
	font-size: 2.2rem;
	font-weight: 500;
}

.imjlist li img {
	width: 2.1rem;
}

.imgFlex {
	display: flex;
	justify-content: center;
	gap: 3rem;
}

.imgFlex img {
	width: 32.6rem;
}

.imgFlex p {
	margin-top: 2rem;
	font-size: 2rem;
	font-weight: 500;
	text-align: center;
}

.white {
	color: #fff;
}

.txtsmall {
	font-size: 1.6rem;
	text-align: center;
	font-weight: 300;
}

.vidWrap {
	width: 100%;
	aspect-ratio: 680/482;
}

.content-wrap {
	overflow: hidden;
}

.vidWrap2 {
	width: 37.5rem;
	aspect-ratio: 1;
	position: absolute;
	border-radius: 50%;
	overflow: hidden;
	border: 1rem solid #0028B9;
	bottom: -7%;
	right: -6%;
}

:where(.vidWrap, .vidWrap2) video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.listCap {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding: 0 4rem;
	gap: 2rem;
}

.listCap li {
	width: 16.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.listCap p {
	letter-spacing: -0.08em;
	margin-top: 1rem;
	text-align: center;
	white-space: nowrap;
}

.listCap p em {
	font-weight: 700;
}

.txtabs {padding:0 4rem;}

.txtabs_display {
	display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.txtabs_display .stroke {
	color:#fff;
	-webkit-text-stroke: 1px #000;
	text-shadow: 
		-1px -1px 0 #000,  
		1px -1px 0 #000,  
		-1px  1px 0 #000,  
		1px  1px 0 #000;
}

.content .tag span {
	display: inline-block;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--color-green);
    border: 2px solid var(--color-green);
    border-radius: 3rem;
    padding: 0.5rem 1rem;
    box-sizing: border-box;
    margin-bottom: 1.5rem;
}

.indent{
	text-indent: -1rem;
}

.txtabs1 {
	width:100%;
	top: 12%;
	text-align: center;
}

.txtabs2 {
	width:100%;
	bottom:15%;
	align-items: baseline;
	padding:0 5rem;
}

.txtabs3 {
	width:100%;
	top:2%;
	gap:1.5rem;
	padding:0 3rem;
}

.txtabs4 {
	width:100%;
	top:8%;
	gap:1rem;
	padding:0 5rem;
}

.txtabs5 {
	bottom:8%;
    width: 100%;
	padding:0 5rem;
	text-align: left;
	align-items: baseline;
	letter-spacing: 0.5em;
}

.txtabs6 {
	width:100%;
	padding:0 5%;
	top:8%;
	text-align: left;
	align-items: baseline;
}

.txtabs7 {
	width:100%;
	padding:0 10%;
	bottom:5%;
}
.txtabs7 p{
	display:block;
	width:100%;
	padding:0.5rem;
	background-color:#fff;
	border:2px solid #000;
}

.txtabs8 {
    width: 100%;
    top: 8%;
}

.txtabs9 {
	width:100%;
	bottom:7%;
	padding:0 5rem;
}

.txtabs9 p:first-of-type {
	margin-top:3rem;
}
.flex_box {
	padding:0 2rem;
}
.flex_box > div{ 
	display:flex;
	justify-content: space-between;
	align-items: center;
	margin-top:3rem;
}

.flex_box > div:first-of-type{
	margin-top:0;
}

.flex_box div img {
	width:46%;
}
.flex_box div .txt_area { 
	text-align: left;
}

.flex_box2 { 
	width:100%;
	display:flex;
	justify-content: space-around;
	align-items: center;
 }
.flex_box2 div {
	display:flex;
	width:45%;
	height:22rem;
	padding:3rem;
	box-sizing: border-box;
	border-radius: 50%;
	background-color: #fff;
	border:1rem #00AFFF solid;
	align-items: center;
	justify-content: center;
}

.flex_box2 div img {width:auto; height:100%;}

.txt_box {
	padding:3.5rem;
	background-color:#fff;
	width:100%;
	height:100%;
	border-radius: 30px;
	box-sizing: border-box;
	box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
}

.txt_box .item_grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.txt_box .item_grid .tag {
	padding-bottom:10px;
}
.check_list_box {

}
.check_list_box .check_list {
	position: relative;
	padding-left: 3.5rem;
}

.check_list_box .check_list:not(:first-child) {
	margin-top:2rem;
}

.check_list_box .check_list::after {
	content: "";
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	margin-right: 1rem; /* 텍스트와의 간격 */
	background: url("./check.png") no-repeat center center;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 0.5rem;
}

.txtabs10 {
	width:100%;
	top:5%;
	padding:0 5rem;
}

.txtabs11 {
	left:5%;
	bottom:3%;
} 


.txtabs12 {
	width:100%;
	top:45%;
	padding:0 5rem;
}

.txtabs13 {
	width:100%;
	top:5%;
	padding:0 5rem;
}
.txtabs14 {
	width:100%;
	top:5%;
	padding:0 5rem;
}
.txtabs15 {
	top: 7%;
    width: 50%;
}

.txtabs16 {
	top: 30%;
    width: 52%;
	right:30%;
}

.txtabs15, .txtabs17{
    left: 25%;
}

.txtabs17 {
	width: 63%;
    top: 58%;
}
.txtabs18 {
	width: 70%;
    bottom: 6%;
    right: 24%;
}

.txtabs19 p.stroke {
	display:inline-block;
}
.txtabs19 p.stroke:after{
	content: "";
	display:block;
	width:100%;
	border-bottom:1px solid var(--color-green);
	padding-bottom:5px;
}

.txtabs20 {
	width:100%;
	bottom:5%;
	padding:0 5rem;

}

.txt_box_list{width:calc(100% - 40% - 2rem);}

/* 퍼센트 list */
.list li{
	margin-top:5rem;
}

.list li {
	display:flex;
  	justify-content: space-between;
	align-items: center;
	margin-top:1rem;
	width:100%;
	height:7.5rem;
	font-size: 5rem;
	font-weight: bold;
	border-radius: 50px;
	padding:1rem 3rem;
	box-sizing: border-box;
	background:linear-gradient(to right,#F9FFA6,#FF6520);
}

.list li span{
	color: #fff;
}

.list.type2 li:nth-child(2) span{
	width:93%;
}

.list.type2 li:last-child span{
	width:90%;
}

.list.type3 li {margin-top:2rem}
.list.type3 li img{
	width:40%;

}
.list.type3 li p{
	width:55%;

}
.list.type3 li{
	display:flex;
	justify-content: space-around;
	align-items: end;
	gap: 1rem;

}


.list1 {
	width: 100%;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

.list1 li {
	width:100%;
	padding: 2rem 1rem 2rem 13.5rem;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	gap: 1rem;
	font-size:2.8rem;
	font-weight: bold;
	text-align: center;
}

.list1 li p.check:before {
	display: inline-block;
    content: "";
    width: 4rem;
    height: 4rem;
    margin-right: 1.5rem;
    background: url("./check.png") no-repeat center center;
    background-size: contain;
    vertical-align: middle;
}

.list1 li:not(:last-child) {
	border-bottom: 1px dashed #000;
}

.list1.type1 {
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}

.list1.type1 ul {
	display: flex;
	justify-content: space-between;
  	flex-wrap: wrap;
}

.list1.type1 li {
	width:45%;
	padding:2rem;
}

.list1.type1 li p{
	width:100%;
	font-size:2.8rem;
	font-weight: bold;
	text-align: left;
	color:#fff;
}

.list1 li p.check:before {
    background: url("./check_wh.png") no-repeat center center;
    background-size: contain;
}

.list1.type1 li:not(:nth-last-child(1)):not(:nth-last-child(2)) {
	border-bottom: 1px dashed #fff;
}

.sticker {
	position:absolute;
	top: 6%;
    left: 5%;
    width: 13rem;
}

.prdl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap:0.7rem;
}
.prdl img {
	width:57%;
}
.prdl ul li {
	padding:1rem 0;
	
}

.prdl li:not(:last-child) {
	border-bottom:0.5px #000 dashed;
}

.prdl ul li:first-child {
	padding-top:0;
}
.prdl ul li:last-child {
	padding-bottom:0;
}



sup {
	font-size: 50%;
}

sub {
	font-size: 50%;
	vertical-align: bottom;
}

.tit1 {
	font-size: 4rem;
	font-weight: 700;
}

.tit1--big {
	font-size: 7rem;
	font-weight: 700;
}

.tit1.rel {
	display:inline-block;
}

.tit1.rel::after {
	display:block;
    content: "";
    width: 100%;
    height: 0.4rem;
    background-color: var(--color-black);
    position: absolute;
    left: 0.2rem;
    bottom: 0;
}

.tit2 {
	font-size: 3.5rem;
	font-weight: 200;
}

.tit2--medium {
	font-size: 4.3rem;
	font-weight: 700;
}

.tit2--big {
	font-size: 4.6rem;
	font-weight: 700;
}

.tit3 {
	font-size: 3rem;
	font-weight: 200;
}

.tit3--small {
	font-size: 2.3rem;
}

/* .tit3 em span {
	color: #00bfff;
} */

.tit4 {
	font-size: 1.8rem;
}

.tit4--big {
	font-size: 2rem;
}

.tit5 {
	font-size: 3.2rem;
	font-weight: 700;
	text-align: center;
	color: #fff;
}

.tit5 em {
	font-size: 5.2rem;
}

.tit6 {
	font-size: 3.2rem;
	font-weight: 700;
	color: #fff;
	text-align: center;
}

.tit7 {
	font-size: 1.4rem;
	font-weight: 300;
	text-align: center;
}

.titbox {
	padding: 3rem;
	background-color: #fff;
	border-radius: 2rem;
	margin-top: 2rem;
	line-height: 1.6;
}

.titbox p:nth-child(1) {
	font-size: 2.1rem;
	font-weight: 500;
}

.titbox p:nth-child(1) em {
	font-weight: 700;
}

.titbox p:nth-child(2) {
	font-size: 1.6rem;
	font-weight: 500;
	margin-top: 3rem;
}

.pdplist {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.pdplist li {
	display: flex;
	align-items: baseline;

}

.pdplist li p {
	width:50%;
	text-align: center;
}

.pdplist2 {
	width:90%;
	margin:0 auto;
	margin-top:3rem;
}

.pdplist2 li p{
	position: relative;
	padding-left:4rem;
}

.pdplist2 li p::before{
	position: absolute;
	content:"";
	display:block;
	top:5%;
	left:0;
	width:3rem;
	height:3rem;
	background:url("./check2.png") no-repeat center center;
	background-size:contain;
}

.pdplist3 {
	width:90%;
	margin:0 auto;
	margin-top:3rem;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.pdplist3 li {
	display: flex;
}

.pdplist3 li p {
	display: flex;
	align-items: center;
	padding:1.5rem;
	height:7rem;
	box-sizing: border-box;
}
.pdplist3 li p:first-child {
	justify-content: center;
	min-width: 22rem;
	border-top-left-radius:2rem;
	border-bottom-left-radius:2rem;
	background-color:var(--color-orange);
}

.pdplist3 li p:last-child {
	width:100%;
	border-top-right-radius:2rem;
	border-bottom-right-radius:2rem;
	background-color:#ffebe2;
}
.pdplist4 {
	margin-top:3rem;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	color:var(--color-orange);
}
.pdplist4 li {
	width:90%;
	margin:0 auto;
	background:#fff;
	border:5px solid var(--color-orange);
	box-sizing: border-box;
}

.pdplist4 li:last-child {
	width:100%;
}

.pdplist4 li .txt__title{
	display: flex;
	align-items: center;
	justify-content: center;
	padding:1.5rem;
	height:7rem;
	box-sizing: border-box;
}

.pdplist5 {
	width:100%;
	display: flex;
    flex-wrap: wrap;
}

.pdplist5 li {
	flex: 1 1 50%;
	display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
	 /*aspect-ratio: 1 / 1; */
}

.pdplist6 {
	width:100%;
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between
	
}

.pdplist6 > ul {
	display:flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.pdplist6 .list01 {
	width:30%;
}

.pdplist6 .list01 li {
	display:flex;
	align-items: center;
	justify-content: center;
}

.pdplist6 .list02 {
	position: relative;
	height:100%;
	width:65%;
	padding: 2.5rem 0 0;
	gap:7rem;
	box-sizing: border-box;
}

.pdplist6 .list02 li{
	position:relative;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	padding-left:5rem;
}

.pdplist6 .list02:before{
	content: "";
	position: absolute;
	display: block;
	border-left: 1px var(--color-blue) solid;
	width: 1%;
	height: 80%;
    left: 2%;
    top: 50%;
	transform: translateY(-50%);
}

.pdplist6 .list02 li:before{
	content: "";
	position: absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	display: block;
	width: 2rem;
	height: 2rem;
	background: url("./icon.png") center center;
	background-size: contain;
}

.pdp-wrap .best {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	height: 22rem;
	display: flex;
}

.pdp-wrap .best div {
	padding-top: 3.2rem;
}

.pdp-wrap .best div:nth-child(1) {
	width: 16.8rem;
	text-align: center;
	font-size: 2.4rem;
	font-family: gordita;
	font-weight: 700;
}

.pdp-wrap .best div:nth-child(2) {
	border-left: 1px solid #000;
	width: 30rem;
}

.pdp-wrap .best div:where(:nth-child(2), :nth-child(3)) {
	padding-left: 3rem;
}

.pdp-wrap .best div:nth-child(2) p {
	font-size: 1.2rem;
}

.rects {
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}

.rects li {
	font-size: 2rem;
	color: #3C3C3C;
	padding-left: 3.5rem;
	display: flex;
	align-items: center;
	position: relative;
}

.rects li::before {
	content: '';
	display: block;
	width: 2rem;
	aspect-ratio: 1;
	border: 1px solid #000;
	position: absolute;
	left: 0;
}

.rects li.act {
	font-weight: 700;
}

.rects li.act::before {
	background-color: #0028B9;
}

@media screen and (max-width:480px) {
	
}

@media screen and (max-width:480px) {
	.gifBg {
		top: 22.7rem;
	}
}

.gifTxt {
	font-size: 1.6rem;
	position: absolute;
	top: 76.5%;
	right: 6%;
	color: #3c3c3c;
}

/* ======================== E [레이아웃] ============================ */
.topBanner {
	background-color: #cfcfcf;
	padding: 30px 40px;
}

.topBanner .bannerCont {
	border: 1px solid #7c7c7c;
	padding: 20px;
}

.topBanner .bannerCont p {
	font-size: 2.3rem;
	line-height: 3.2rem;
}

.topBanner .bannerCont em {
	font-weight: 700;
}

/* 모바일 버전 */
@media screen and (max-width:480px) {

	/* =========================== S [고정] =========================== */
	/* renewal.css에서 img {display:block; width:100%} 으로 붙기 때문에 고려해서 맞추기 */
	img {
		display: block;
		width: 100%;
	}

	html {
		font-size: 5px;
	}

	/* =========================== E [고정] =========================== */


	/* ======================== S [레이아웃] ============================ */
	/* ======================== E [레이아웃] ============================ */

}