@charset "UTF-8";
/* CSS Document */
/* Product */
.contents-product{
    display: flex;
    gap: 5rem 2.5rem;
    flex-wrap: wrap;
    width: 65rem;
	justify-content: flex-start;
	align-items: flex-start;
}
/* List */
.list-product-a{
    position: relative;
    border-radius: 0.25rem;
    width: 20rem;
    overflow: hidden;
    cursor: pointer;
}
.list-product{
	width: 100%;
    background-color: var(--white);
}
.list-product-a.on, .list-product-a:hover, .list-product-a:active{
    outline: 1px solid var(--primary);
    box-shadow: 0 4px 16px 0 rgba(204, 44, 20, 0.16);
}
.list-product-img{
    position: relative;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
}
.list-product-img > img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list-product-info{
    padding: 1.25rem;
}
.list-product-info__ttl{
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list-product-info__txt{
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 2.5rem;
    font-size: 0.875rem;
    color: var(--dark-2);
}
.list-product-info__sum{
    margin-top: 1.4rem;
    display: flex;
    gap: 0.4rem;
    font-size : 0.875rem;
}

.list-product-info__badge{
    font-weight: 700;
    margin-right: 0.2rem;
}
.list-product-info__thmoney{
    color: var(--dark-3);
    text-decoration: line-through;
}
.list-product-info__money{
    color: var(--primary);
    font-weight: 700;
    font-size: 1.125rem;
}
.list-product-badge{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items:flex-start;
}
.list-product-badge__sale{
    border-radius: 0.125rem;
    padding: 0.1rem 0.75rem;
    background-color: var(--primary);
}
.list-product-badge__sale > span{
    font-size: 0.75rem;
    color: var(--white);
    font-weight: 700;
}
.list-product-badge__amount{
    border-radius: 0.125rem;
    padding: 0.1rem 0.75rem;
    background-color: var(--dark-1);
}
.list-product-badge__amount span{
    font-size: 0.75rem;
    color: var(--white);
}
.list-product-badge__outstock{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
    height: 100%;
}
.list-product-badge__outstock > span{
    border-radius: 0.125rem;
    padding: 0.125rem 0.75rem;
	display: inline-block;
	vertical-align: top;
    font-size: 0.75rem;
    color: var(--gray-99);
    background-color: var(--light-2);
}

/* Newsroom */
.ttl-page{
    margin-bottom: 2.5rem;
    width: 100%;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--dark-1);
}
.list-newsroom-img{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
}
.list-newsroom-img > img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list-newsroom-info__ttl{
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
    font-weight: 700;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 2.8rem;
}
.list-newsroom-info__name{
    font-size: 0.875rem;
    color: var(--dark-3);
}
.list-newsroom-info__date{
    font-size: 0.75rem;
    color: var(--dark-3);
}
/*--// Product */

/* Product - 상세페이지 */
.wrap-viewinfo{
    display: flex;
    justify-content: space-between;
    gap: 10rem;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.view-img{
    border-radius: 0.25rem;
    width: 27.5rem;
    padding-top: 27.5rem;
    position: relative;
    flex-shrink: 0;
}
.badge-view-sale{
    position: absolute;
    left: 1.25rem;
    top: 1.25rem;
    border-radius: 0.025rem;
    padding: 0.5rem 1.25rem;
    background-color: var(--primary);
    z-index: 1;
}
.badge-view-sale > span{
    padding-left: 1.25rem;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: var(--white);
    background: url('../images/ic_sale_bullet.svg') left center no-repeat;
}

.product-info{
}
.product-info-top{
    border-radius: 0.25rem 0.25rem 0 0;
    padding: 2.5rem 3.75rem 2.5rem;
    background-color: var(--white);
}
.product-info-ttl{
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--dark-1);
    margin-bottom: 1rem;
}
.product-info-txt{
    font-size: 1rem;
    color: var(--dark-2);
}

.product-info-body{
    border-radius: 0 0 0.25rem 0.25rem;
    padding: 2.5rem 3.75rem;
    background-color: var(--light-1);
}

.info-items{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.65rem 1rem;
    font-size: 0.875rem;
}
.info-items-dt{
    width: 7.5rem;
    color: var(--dark-3);
    font-weight: 700;
}
.info-items-dd{
    flex-grow: 1;
    color: var(--dark-1);
    width: calc(100% - 8.5rem);
}
.info-items-dd > select{
    width: 20rem;
}
.txt-guide{
    font-size: 0.75rem;
    color: var(--dark-3);
}
.txt-guide-dot{
    font-size: 0.75rem;
    color: var(--dark-3);
    background: url(../images/ic_guide_bullet.svg) left top 0.35rem no-repeat;
    padding-left: 0.75rem;
}

.term-section{
    margin-top: 5.62rem;
}
.ttl-section{
    margin-bottom: 2.5rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--dark-1);
}
.view-product-img > img{
    width: 100%;
}
/*--// Product - 상세페이지 */

/* 구매하기 */
.contbox{
    margin-bottom: 2.5rem;
    border-radius: 0.25rem;
    overflow: hidden;
}
.contbox-top{
    padding: 1rem 2.5rem;
    background: var(--white);
}
.contbox-body{
    padding: 2.75rem 7.5rem 3.75rem;
    background: var(--light-1);
}
.contbox-body.search{
    padding: 0.25rem 2.5rem 1.25rem 2.5rem;
}
.contbox-top-dl, .contbox-body-dl{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
}
.contbox-body-dl{
    margin-top: 1rem;
}
.contbox-top-dt{
    width: 12.5rem;
    font-size: 1rem;
    font-weight: 700;
}
.contbox-top-dd{
    display: flex;
    justify-content: flex-start;
}
.contbox-top-ttl{
    font-size: 1rem;
    font-weight: 700;
}
.contbox-top-txt{
    font-size: 0.875rem;
    color: var(--dark-3);
}
.contbox-body-dt{
    width: 7.5rem;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--dark-3);
}
.contbox-body-dd{
    flex:1;
    display: flex;
    gap: 0.5rem;
}
.contbox-body-dd.l-name{
    width: 25%;
}
.contbox-body-dd.fd-col{
    flex-direction: column;
}
.contbox-stats img{
    width: 100%;
}
.input-biz1{
    width: 5.625rem;
}
.input-biz2{
    width: 3.75rem;
}
.input-biz3{
    width: 7.625rem;
}
.input-flex{
    flex-grow: 1;
}
/*--// 구매하기 */

/* 표 */
.table-cart{
    border-radius: 0.25rem;
    overflow: hidden;
    overflow-x: auto;
}
.table-thead{
    min-width: 40rem;
    padding: 0.5rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--white);
}
.table-tbody{
    min-width: 40rem;
    padding-bottom: 1rem;
    background-color: var(--light-1);
}
.max-h-scroll{
    max-height: 30rem;
    overflow-y: auto;
}
.table-tbody-tr{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--light-2);
}
.table-tbody-tr.on, .table-tbody-tr:hover, .table-tbody-tr:active{
    background: var(--primary-light);
}

.table-th{
    padding: 0.25rem;
    flex: 1;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--gray-99);
}
.table-td{
    padding: 0.75rem 0.25rem;
    flex: 1;
    font-size: 0.875rem;
    color: var(--dark-2);
}
.table-td.sum{
    font-weight: 700;
    color: var(--dark-1);
}
.table-td a{
    text-decoration: underline;
}
.table-td.cancle{
    font-weight: 700;
    color: var(--gray-99);
}
.table-td.complete{
    font-weight: 700;
    color: var(--dark-1);
}
.table-th:first-child, .table-th:last-child, .table-td:first-child, .table-td:last-child{
    padding: 0;
    max-width: 3.5rem;
    text-align: center;
}
.no-last .table-th:last-child, .no-last .table-td:last-child{
    max-width: inherit;
}

.table-stats{
    border-top: 2px solid var(--gray-99);
    overflow-x: auto;
}
.table-thead-stats{
    display: flex;
    align-items: stretch;
    text-align: center;
}
.table-th-stats{
    flex: 1;
    min-width: 3rem;
    padding: 0.75rem 0.25rem;
    border-right: 1px solid var(--light-3);
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--dark-2);
    border-bottom: 1px solid var(--light-3);
    background-color: var(--light-2);
}
.table-tbody-stats{
    min-width: 40rem;
}
.table-tr-stats{
    display: flex;
    align-items: stretch;
    text-align: center;
}
.table-td-stats{
    flex: 1;
    min-width: 3rem;
    padding: 1.25rem 0.25rem;
    border-right: 1px solid var(--light-2);
    font-size: 0.75rem;
    color: var(--dark-1);
    border-bottom: 1px solid var(--light-2);
    background-color: var(--white);
}
.table-th-stats:last-child, .table-td-stats:last-child{
    border-right: none;
}


.flex-2{
    flex:2;
}

.flex-15{
    flex:1.5;
}

.flex-05{
    flex:0.5;
}
.pagenum{
    margin-top: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
}
.pagenum-div{
    cursor: pointer;
}
.pagenum-ul{
    display: flex;
    justify-content: center;
    gap: 0.25rem;
}
.pagenum-li{
    font-size: 0.875rem;
    color: var(--dark-2);
    padding: 0.25rem;
    text-align: center;
    min-width: 1.5rem;
    cursor: pointer;
}
.pagenum-li.on, .pagenum-li:hover{
    color: var(--primary);
    font-weight: 700;
    text-decoration:underline;
}
/*--// 표 */


/* 구매완료 */
.completebox{
    border-radius: 0.25rem;
    background-color: var(--white);
}
.completebox-top{
    padding: 2.5rem 3.75rem;
    font-size: 1.5rem;
    font-weight: 700;
}
.completebox-body{
    text-align: center;
    padding: 5rem 2.5rem;
}
.complete-items{
    margin-top: 3.75rem;
    margin-left: 12.5rem;
    text-align: left;
}
.complete-items li{
    background: url('../images/ic_guide_bullet.svg') left top 0.5rem no-repeat;
    padding-left: 1rem;
    font-size: 1rem;
    font-weight: 500;
    color: var(--dark-1);
    margin-top: 1.25rem;
}
.complete-items li .txt-guide{
    font-size: 0.875rem;
}

.completebox-foot{
    padding: 2.5rem;
    background-color: var(--light-1);
    font-size: 0.875rem;
}
.complete-explain{
    margin-left: 7.5rem;
}
.complete-explain dt{
    background: url('../images/ic_guide_bullet.svg') left top 0.5rem no-repeat;
    padding-left: 1rem;
    color: var(--dark-1);
}
.complete-explain dd{
    margin-top: 0.5rem;
    padding-left: 2.5rem;
    text-indent: -1.5rem;
    color: var(--dark-3);
    line-height: 1.6rem;
}
/*--// 구매완료 */


/* Manual */
.contents-manual{
    display: flex;
    gap: 2.5rem;
    flex-wrap: wrap;
}
.list-manual{
    border-radius: 0.25rem;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    font-size: 2.25rem;
    position: relative;
    color: var(--dark-1);
    background-color: var(--white);
    height: 15rem;
    line-height: 140%;
    box-shadow: 0 0.5rem 1rem 0 rgba(204, 204, 204, 0.3);
}
.list-manual.f-2{
    width: calc(50% - 1.25rem);
}
.list-manual.f-3{
    width: calc((100% / 3) - 1.67rem);
}
.list-manual-txt.txt-white{
    color: var(--white);
}


/* Main */
/* Main 공통 */
/* layout */
.wrap-main{
	margin-top: 3.5rem;
	text-align: center;
}
.main-area{
	padding: 10rem 0;
	text-align: center;
	width: 1400px;
	margin: auto;
}
.img-main02{
	margin-top: 3.75rem;
}

/* bg color */
.bg-white{
	background: var(--white);
}
.bg-black{
	background: var(--dark-1);
}
.bg-light-bg{
	background: var(--light-bg);
}
.bg-light-1{
	background: var(--light-1);
}
.bg-light-2{
	background: var(--light-2);
}
.bg-target{
	background: var(--white) url('../images/img_mainadd01_01.png') center top no-repeat;
	background-size: cover;
	height: 67.5rem;
}

/* 타이틀 텍스트 */
.main-ttl{
	font-size: 3.75rem;
	font-weight: 700;
}
.main-ttl-depth2{
	font-size: 2.5rem;
	font-weight: 700;
}
.main-ttl strong{
	font-weight: 700;
}
.main-ttl-txt01{
	margin-top: 1.25rem;
	font-size: 1.5rem;
	font-weight: 300;
	color: var(--dark-2);
}
.main-ttl-txt02{
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--primary);
}
.main-ttl-txt03{
	font-size: 1.5rem;
	font-weight: 300;
	color: var(--gray-99);
	margin-top: 1.5rem;
}
.main-tooltip{
	margin-bottom: 1.25rem;
	border-radius: 3rem;
	padding: 0.5rem 1.875rem;
	display: inline-block;
	background: var(--primary);
	font-weight: 600;
	color: var(--white);
	font-size: 1rem;
}

/* 말풍선 */
.txtballoon{
	position: relative;
	margin-bottom: 3rem;
	border-radius: 3rem;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04);
	border: 1px solid var(--light-2);
	padding: 0.75rem 1.875rem;
	display: inline-block;
	background: var(--white);
	font-size: 1.25rem;
	font-weight: 300;
	color: var(--dark-1);
	white-space: nowrap;
	z-index: 1;
}
.txtballoon strong{
	font-weight: 700;
}
.txtballoon:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 3rem;
	transform: translateX(-8px);
	width: 16px;
	height: 20px;
	background: url('../images/ic_balloon_white.svg') center top no-repeat;
}
.txtballoon.black{
	border: 1px solid var(--dark-1);
	background: var(--dark-1);
	color: var(--white);
}
.txtballoon.black:after{
	background: url('../images/ic_balloon_black.svg') center top no-repeat;
}
.txtballoon.primary{
	border: 1px solid var(--primary);
	box-shadow: 0 4px 8px 0 rgba(204, 44, 20, 0.20);
	background: var(--primary);
	color: var(--white);
}
.txtballoon.primary:after{
	background: url('../images/ic_balloon_primary.svg') center top no-repeat;
}
.txtballoon.m-b0{
	margin-bottom: 0;
}

/* 키워드 */
.main-keyword{
	margin-top: 5.62rem;
	margin-bottom: 3.75rem;
}
.main-key-ul{
	display: flex;
	align-content: center;
	justify-content: center;
	gap: 0.625rem;
}
.main-key-li{
	font-size: 1.25rem;
	border-radius: 3rem;
	padding: 0.75rem 1.875rem;
	border: 1px solid var(--light-3);
	background: var(--white);
	color: var(--dark-2);
}
.main-keyword.black .main-key-li{
	border: 1px solid var(--dark-3);
	background: transparent;
	color: var(--gray-99);
}


/* main section 01 */
.main-section01{
	/* background: url('../images/bg_main01.gif') center center no-repeat;
	background-size: cover; */
	background-attachment: fixed;
	/* font-size: 5.625rem; */
	text-align: center;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	height:calc(100vh - 3.5rem);
	min-height:auto;
	color: var(--white);
	position: relative;   /* ★ 동영상 기준점 */
	overflow: hidden;     /* ★ 화면 밖 영상 자르기 */
}
	/* section01 background video */
.kv-video{
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    z-index: -1;
}
.main01-ttl01{
	font-size: 5.625rem;
	font-weight: 700;
	color: var(--white);
}
.main01-ttl02{
	font-size: 6rem;
	color: var(--primary);
	font-weight: 700;
}

/* ===== Section01 : 라운드 버튼 (최종 조정) ===== */

/* 헤드라인 + 버튼 묶음이 섹션 중앙에 붙어 있게(main-area도 flex) */
.main-section01 .main-area{
    display:flex;
    flex-direction:column;
    align-items:center;
}

/* 헤드라인과 버튼 사이 간격 ↓ */
.main-ttl-depth2{ margin-bottom:0.4rem; }   /* 기존 0 인 경우 */

/* 버튼 컨테이너 */
.main01-btns{
    display:flex;
    justify-content:center;
    gap:0.8rem;          /* 버튼 간격 좁힘 */
    margin-top:0.4rem;   /* 헤드라인과 거리 더 줄임 */
}

/* 공통 버튼 스타일 – 기본: α50% 흰 박스 + 검정 글자 */
.main01-btn{
    display:inline-block;
    padding:0.5rem 0.9rem;          /* 텍스트-테두리 약 10px 여백 */
    border-radius:0.7rem;
    background:rgba(255,255,255,.5);/* α 50 % */
    color:#555555 !important ;
    font-size:1.25rem;
    font-weight:400;                /* 볼드 해제 */
    text-decoration:none;
    transition:background .3s ease,color .3s ease,transform .3s ease;
    will-change:transform,background;
}

/* Hover: α35 % 회색 박스 + 흰 글자 + 살짝 위로 */
.main01-btn:hover{
    background:rgba(51,51,51,.35);
    color:#fff !important ;
    transform:translateY(-3px);
}

/* 키보드 접근성 */
.main01-btn:focus{
    outline:2px solid #fff;
    outline-offset:2px;
}

/* 모바일: 가로 스택 */
@media (max-width:768px){
    .main01-btns{
        flex-direction:row;      /* 가로 유지 */
        gap:0.8rem;
    }
    .main01-btn{ width:90%; max-width:22rem; text-align:center; }
}

/* 헤드라인 그라데이션: 흰 → 빨강 짙어짐 */
.gradient-text{
    background:linear-gradient(90deg,#ffffff 0%,#ffffff 40%,#de0010 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    font-weight: 800;
}

/* Section02 */
/* ===== Section02 전용 배경 ===== */
.sec02{
    background-color:#0C1013;   /* 어두운 블루그레이 */
}
/* ===== Section02 : 메인 툴팁 색상 (#00A2E0) ===== */
.sec02 .main-tooltip{
    background:#798792;      /* 버튼 배경 */
    border-color:#798792;    /* 테두리가 있다면 동일 색으로 */
    color:#ffffff;           /* 글자 흰색 유지 (필요 시) */
    border-radius:0.5rem; /* ← 둥근 모서리 (≈ 8 px) */
}
/* ===== Section02 : 헤드라인 색상 ===== */
.sec02 .main-ttl-depth2{
    color:rgba(255,255,255,0.9);   /* 흰색 투명도 90 % */
}
.sec02 .main-ttl-txt01{
    color:#CCCCCC;                 /* 밝은 회색 */
}

/* ===== Section02 : 키워드 버튼 ===== */
.sec02 .main-key-ul{
    display:flex; flex-wrap:wrap; gap:0.75rem;          /* 가로 정렬  + 간격 */
    justify-content:center;                             /* 가운데 정렬 */
}

/* 개별 버튼(li) */
.sec02 .main-key-li{
    display:inline-block;
    padding:0.5rem 1.2rem;            /* 텍스트와 테두리 간 적당한 여백 */
    background:#333333;               /* 짙은 회색 박스 */
    color:#ffffff;                    /* 흰색 글자 */
    border-radius:0.6rem;             /* 둥근 모서리 */
    font-size:0.95rem;
    font-weight:500;
    cursor:pointer;
    transition:background .3s ease;   /* Hover 애니메이션 */
}

/* Hover: 살짝 밝아지는 투명 흰색 필름 */
.sec02 .main-key-li:hover{
    background:rgba(255,255,255,0.8);  /* α 80 % */
    color:#1A2128;                     /* 배경색과 동일 */
}

.p-b0.main-area{
	padding: 10rem 0 0;
}
.main-flex{
	margin: auto;
	margin-top: 5.62rem;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.main-ktalk{
	margin: auto;
	/* 	임의수정 */
	overflow-x: hidden;
}
.main-ktalk-ul{
	margin-top: 5.62rem;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 5.25rem;
}
.main-keyword .main-ktalk-ul{
	gap: 2.5rem;
	text-align: right;
}
.main-keyword .txtballoon{
	margin-right: 1rem;	
}
.main-keyword .img-keyword{
	margin-top: -0.5rem;
}

.main-keyimg{
	margin: auto;
}
.main-keyimg-ul{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items:flex-end;
	margin-bottom: 5.62rem;
}

.main02-img{
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap : 5.62rem;
}

/* Section03 */
/* Section03 컨테이너 */
.sec03{
    position:relative;     /* video 의 absolute 기준 */
    overflow:hidden;       /* 좌·우 넘침도 잘라냄 */
    /* background:#0C1013; */           /* Section02·04 와 동일 색 */
}

/* 대신 ::before 가 뒤에서 깔도록 */
.sec03::before{
    content:'';
    position:absolute;   /* 부모를 꽉 채움 */
    inset:0;
    background:#0C1013;  /* 예비(로딩 중) 배경색 */
    z-index:-2;          /* 영상(-1)보다도 한 단계 뒤 */
}

.main03-cont01 .txtballoon{
	margin-bottom: 0;
}
.main03-bg{
	/* height: 60rem; */
	min-height: 20rem;        /* 여유분 – 너무 작게 줄어드는 것 방지 */
	text-align: center;
	/* font-size: 5.625rem; */
	/* font-weight: 700; */
	padding: 10rem 0;      /* Section 02 와 동일한 위-아래 여백 */
	/* background: url("../images/img_main03_bg.png") right bottom no-repeat; */
	background: none;          /* 이미지 끄기 */
	position: relative;        /* ↓ 영상 absolute 기준 */
	/* overflow: hidden; */          /* 넘친 영상 잘라내기 */
}
/* ── Section03 전용 타이틀 색상 덮어쓰기 ── */
.sec03 .main-ttl,
.sec03 .main-ttl strong,
.sec03 .main-tooltip{
    color:#ffffff !important;   /* 흰색 글자 */
    text-shadow:0 2px 4px rgba(0,0,0,.25); /* 가독성 보강 (선택) */
}

/* Section03 background video */
.sec03-video{
    position:absolute;
    top:0; left:0;
    width:100%;           /* 뷰포트 가로 전체 */
    height:100%;
    object-fit:cover;   /* 화면비 유지하며 빈틈 없이 */
    z-index:-1;         /* 텍스트·카드 뒤로 */
}

/* ===== [override] Section03 높이 : Section02와 동일하게 auto ===== */
.main03-bg{ height:auto !important; }

.btn-ktalk{
	margin-top: 5.62rem;
	background: transparent;
	border: none;
}


/* ===== Section03 : 2열 × 2행 그리드 ===== */
.features{
    max-width:72rem;                    /* 중앙 박스 폭 */
    margin:5rem auto 0;
    display:grid;
    grid-template-columns:1fr 1fr;      /* 2열 */
    grid-template-rows:repeat(2,16rem); /* 2행, 1칸 높이 = 16rem */
    gap:2rem;
}

/* 공통 카드 모양 */

.feature-card{
    background:rgba(255,255,255,.06);
    backdrop-filter:blur(40px);
    border-radius:1rem;
    padding:2rem 1.5rem;
    box-shadow:0 20px 40px rgba(0,0,0,.25);
    text-align:center;
    display:flex; flex-direction:column;
    overflow:hidden;            /* ⬅︎ 둥근 테두리 안으로 클리핑 */
}
/* ── Section03 Tall 카드 전용 이미지 규칙 (수정본) ── */
#f-phone img {
    width:100%;                  /* 카드 폭 가득 채움 */
    height:100%;                 /* 카드 높이 가득 채움 */
    object-fit:cover;            /* 잘림이 있어도 전체 채움 */
    object-position:right bottom;/* 오른쪽·아래 기준으로 붙임 */
    margin-bottom:0;             /* 불필요 여백 제거 */
}
#f-phone {
    position:relative;
}

#f-phone .card-img-area {
    position:absolute;
    inset:0;
    width:100%; height:100%;
    z-index:0;
}

#f-phone .card-img-area img {
    width:100%; height:100%;
    object-fit:cover;
    object-position:right bottom;
    display:block;
}

#f-phone .card-caption {
    position:relative;
    z-index:1;
    width:100%;
    height:auto;
    padding:2rem 1.5rem 0 1.5rem;  /* 카드 패딩과 동일(위, 좌우) */
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:flex-start;         /* 텍스트 좌상단 정렬 */
    text-align:left;
}
/* ───── #f-873 : 이미지 좌측 고정 + 텍스트 우측 오버레이 ───── */
#f-873 img {
    width:100%;                  /* 카드 폭 가득 채움 */
    height:100%;                 /* 카드 높이 가득 채움 */
    object-fit:cover;            /* 잘림이 있어도 전체 채움 */
    object-position:left;/* 오른쪽·아래 기준으로 붙임 */
    margin-bottom:0;             /* 불필요 여백 제거 */
}

#f-873{position:relative;}

/* ① 이미지 : 카드 왼쪽, 세로 중앙 */
#f-873 .card-img-area{
    position:absolute;
    inset:0;
    width:100%;           /* 좌측 영역 폭 */
    height:100%;
    z-index:0;
}
#f-873 .card-img-area img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:left center;
    display:block;
}

/* ② 캡션 : 카드 오른쪽, 세로 중앙 */
#f-873 .card-caption{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:50%;           /* 우측 영역 폭 */
    padding:2rem 1.5rem 0 1.5rem;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:flex-end;   /* 좌상단 정렬 */
    text-align:right;
    z-index:1;
}
/* 혹시 다른 카드에 영향을 주지 않도록 보조 */
#f-873 .fc-title,
#f-873 .fc-desc{
    text-align:right;
}

/* ───── #f-mau : 중앙 숫자 + 좌하단 캡션 ───── */
#f-mau{ position:relative; }

/* 1) 이미지 영역 숨기기 */
#f-mau .card-img-area{ display:none; }

/* 2) 중앙 숫자 “10만” 출력 */
#f-mau::before{
    content:"10만";              /* 필요하면 ‘10만+’ 등으로 변경 */
    position:absolute;
    inset:0;                     /* 카드 전역 */
    display:flex;
    justify-content:center;      /* 가로 중앙 */
    align-items:center;          /* 세로 중앙 */
    font-size:5rem;              /* PC 기준 크기 – 적당히 조절 */
    top:35%;                     /* 카드 높이의 35 % 위치 */
    left:50%;
    transform:translate(-50%,-50%)scaleY(1.25);   /* ← 세로만 25% 확대 */
    white-space:nowrap;            /* 줄바꿈 금지 */
    font-weight:900;
    line-height:1;
    color:var(--white);          /* 배경색·콘트라스트에 맞춰 변경 */
    opacity:0.6;             /* ← 투명도 60 % */
    z-index:0;                   /* 캡션 뒤쪽(배경) */
}

/* 3) 캡션 : 좌측·하단 정렬 */
#f-mau .card-caption{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    padding:1.5rem;              /* 카드 내부 여백 */
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:flex-start;      /* 좌측 정렬 */
    text-align:left;
    z-index:1;                   /* 숫자 위로 */
}
/* 글자 정렬 유지 */
#f-mau .fc-title,
#f-mau .fc-desc{ text-align:left; }

/* ─ 모바일 폰트 크기  ─ */
@media (max-width:768px){
  #f-mau::before{
      font-size:6rem;                        /* ③ 폴백(모바일) */
      transform:translate(-50%,-50%) scaleY(1.2);  /* 모바일은 20%만 확대 */
      font-weight:900;
  }
}

/* ───── #f-first : 중앙 숫자 + 좌하단 캡션 ───── */
#f-first{ position:relative; }

/* 1) 이미지 영역 숨기기 */
#f-first .card-img-area{ display:none; }

/* 2) 중앙 숫자(예: ‘1st’) 출력 */
#f-first::before{
    content:"200만";               /* 원하는 값으로 수정 */
    position:absolute;
    inset:0;                     /* 카드 전역 */
    display:flex;
    justify-content:center;      /* 가로 중앙 */
    align-items:center;          /* 세로 중앙 */
    font-size:5rem;            /* PC 기준 크기 */
    top:35%;
    left:50%;
    transform:translate(-50%,-50%) scaleY(1.25); /* 세로만 25% 확대 */
    white-space:nowrap;            /* 줄바꿈 금지 */
    font-weight:900;
    line-height:1;
    color:var(--white);
    opacity:0.6;                 /* 투명도 60% */
    z-index:0;                   /* 캡션 뒤쪽 */
}

/* 3) 캡션 : 우측·하단 정렬 */
#f-first .card-caption{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    padding:1.5rem;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    text-align:RIGHT;
    z-index:1;                   /* 숫자 위로 */
}
#f-first .fc-title,
#f-first .fc-desc{ text-align:right; }

/* ─ 모바일 폰트 크기 ─ */
@media (max-width:768px){
  #f-first::before{
    font-size:6rem;                        /* 폴백(모바일) */
    transform:translate(-50%,-50%) scaleY(1.2); /* 모바일은 20%만 확대 */
    font-weight:900;
  }
}

/* ── Section03 카드 Hover 효과 ───────────── */
.feature-card{
    overflow:hidden;             /* 둥근 테두리 안으로 클리핑 */
    transition:background .35s ease,    /* 부드럽게 밝아짐 */
               box-shadow  .35s ease,
               transform   .35s ease;
}

.feature-card:hover{
    background:rgba(255,255,255,.18);   /* 원래 .06 → .18 로 밝게 */
    box-shadow:0 28px 48px rgba(0,0,0,.35);
    transform:translateY(-4px);         /* 살짝 위로 띄우기(선택) */
}
.feature-card:hover .fc-title,
.feature-card:hover .fc-desc{
    text-shadow:0 3px 6px rgba(0,0,0,.80);
}
.feature-card img{width:100%;height:auto;margin-bottom:1.5rem;}
.fc-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.25rem;
    text-shadow:0 2px 4px rgba(0,0,0,.70);
    }
.fc-desc {font-size:1rem;font-weight:300;color:#B4B4B4;
    text-shadow:0 2px 4px rgba(0,0,0,.70);
    }
/* ── Section03 : 툴팁·타이틀 컬러를 Section02 와 맞춤 ── */
.sec03 .main-tooltip{
    background:#798792;      /* Section02와 같은 짙은 회색-블루 */
    border-color:#798792;
    color:#ffffff;
    border-radius:0.5rem;
    transition:background .3s;
}
/* ▶ Section02와 동일한 간격 & 색상 */
.sec03 .main-tooltip   { margin-bottom:1.25rem; }      /* 툴팁 ↔ 첫 타이틀 */
.sec03 .main-ttl-depth2{ margin-bottom:1.25rem; }      /* 첫 ↔ 두 번째 타이틀 */
.sec03 .main-ttl-txt01 { font-size:1.5rem;  color:#CCCCCC; }  /* 글자 크기·색 */

.sec03 .main-ttl-depth2{ color:rgba(255,255,255,.9); }
.sec03 .main-ttl-txt01 { color:#CCCCCC; }

/* ── 위치 지정 ──────────────────────── */
.tall        { grid-row:span 2; }           /* 기본 2행 */
#f-phone     { grid-column:1 / 2; }         /* 왼쪽 전체(1–2행) */
#f-873       { grid-column:2 / 3; grid-row:1; } /* 오른쪽 위 한 칸 */

/* 작은 카드 두 개 래퍼 */
.small-boxes{
    grid-column:2 / 3; grid-row:2;          /* 오른쪽 아래 한 칸 */
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:2rem;
}
.small{height:100%;}                        /* 래퍼 안에서 꽉 차게 */

/* 모바일 : 다시 세로 스택 */
@media (max-width:768px){
    .features     {display:flex;flex-direction:column;gap:2rem;}
    .small-boxes  {display:flex;flex-direction:column;}
    .feature-card {width:100%;}
}

/* Section03 전용 – <section class="bg-white"> 가 흰배경 덮지 않도록 */
.bg-white .main03-bg{
    background-color: transparent !important;   /* 흰색 OFF */
}

/* Section04 전용 배경 */
.sec04 { background-color:#0C1013; }
.sec04 .main-area { padding-top:10rem; }
.sec04 .main-tooltip {
    background:#798792; border-radius:0.5rem; color:#fff; margin-bottom:1.25rem;
    font-size:1rem; font-weight:600; display:inline-block;
}
.sec04 .main-ttl-depth2 {
    font-size:2.5rem; font-weight:700; color:rgba(255,255,255,0.9); margin-bottom:1.25rem;
}
.sec04 .main-ttl-txt01 {
    font-size:1.5rem; font-weight:300; color:#CCCCCC; margin-bottom:2.5rem;
}
/* ===== Section04 : 말풍선 → '쿠팡캠페인'형 버튼 ===== */
.sec04 .txtballoon{
    /* 기존 말풍선 속성 제거 */
    border:1px solid rgba(255,255,255,.4);  /* 얇은 흰 선(40% 투명) */
    /* border:none; box-shadow:none; */
    position:static;            /* 삼각형 위치 계산 안 함 */
    white-space:nowrap;
    /* 버튼 모양 – Section02 키워드와 동일 */
    display:inline-block;
    padding:0.5rem 1.2rem;
    background:#333333;         /* 기본색 */
    color:#ffffff;
    border-radius:0.6rem;       /* 둥근 모서리 */
    font-size:0.95rem;
    font-weight:500;
    transition:background .3s ease,color .3s ease;
}
/* 꼬리 삼각형 숨김 */
.sec04 .txtballoon::after{ display:none; }

/* Hover : 투명 흰 필름 + 다크글자 (Section02와 동일) */
.sec04 .txtballoon:hover{
    background:rgba(255,255,255,.8);
    color:#1A2128;
}

/* ───────── Section05 : 매출 그래프 (영상 배경) ───────── */
.sec05{
    position:relative;
    overflow:hidden;                 /* 좌·우 넘침 제거 */
}
/* 예비(로딩) 배경색 – 영상보다 한 단계 뒤 */
.sec05::before{
    content:'';
    position:absolute;
    inset:0;
    background:#0C1013;              /* Section02·03·04와 통일 */
    z-index:-2;
}
/* 영상 */
.sec05-video{
    position:absolute;
    top:0; left:0;
    width:100%; height:100%;
    object-fit:cover;               /* 빈틈 없이 채움 */
    z-index:-1;                     /* 텍스트·그래프 뒤 */
}

/* ── Section05 헤드라인 색상 덮어쓰기 ── */
.sec05 .main-ttl-depth2 { font-size:2.5rem; font-weight:700; color:rgba(255,255,255,0.9); margin-bottom:1.25rem;
}
.sec05 .main-ttl-txt01 { font-size:1.5rem; font-weight:300; color:#CCCCCC; margin-bottom:2.5rem;
}

/* 안쪽 여백·정렬 (PC) – Section02·03과 같은 값 */
.main05-bg{
    padding:10rem 0;
    text-align:center;
}

/* ───────────── Section 06 공통 ───────────── */
.sec06{ background-color:#0C1013; }
.sec06 .main-area { padding-top:10rem; }

/* 헤드라인/서브헤드라인 색상 */
.sec06 .main-ttl-depth2 { font-size:2.5rem; font-weight:700; color:rgba(255,255,255,0.9); margin-bottom:1.25rem;
}

.sec06 .main-ttl-txt01 { font-size:1.5rem; font-weight:300; color:#CCCCCC; margin-bottom:2.5rem;
}


/* 아이콘 리스트 */
.main-icbox{
	margin-top: 5.62rem;
}
.main-icbox-ul{
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 100%;
}
.main-icbox-li{
	border-radius: 0.5rem;
	box-shadow: 0px 4px 16px 0px rgba(25, 25, 25, 0.06);
	background: var(--white);
	font-size: 1.25rem;
	font-weight: 300;
	color: var(--dark-1);
	padding: 1.875rem;
}

.main-safetxt{
	margin-top: 1.25rem;
	font-size: 1.25rem;
	color: var(--dark-2);
}
.main-safetxt strong{
	font-weight: 700;
	color: var(--primary);
}

/* Section 07 */
.main-txtsection{
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 3.75rem;
}
.main-txtsection.mt-3rem{
	margin-top: 5.62rem;
}
.main-txt-left{
	text-align: right;
	font-size: 5.625rem;
	font-weight: 300;
}
.main-txt-line{
	width: 0.25rem;
	background: var(--white);
}
.main-txt-line .top{
	height: 5.625rem;
	background: var(--primary);
}
.main-txt-line.gray{
	width: 0.25rem;
	background: var(--light-3);
}
.main-txt-line.gray .top{
	height: 3rem;
}
.main-txt-right{
	display: flex;
	flex-direction: column;
	text-align: left;
	font-size: 2rem;
	justify-content: space-between;
}
.main-txt-big{
	font-size: 5.625rem;
	font-weight: 430;
	letter-spacing:-0.04em;
}
.main-txt-small{
	font-size: 2.3rem;
	font-weight: 300;
}
.main-txt-big strong, .main-txt-small strong{
	font-weight: 700;
}

/* Section 10-2 파트너 */
.main-ttl-partner{
	font-size: 2.5rem;
	font-weight: 700;
	color: var(--dark-1);
}
.main-partner{
	margin-top: 3.25rem;
	/* 	임의수정 */
	overflow-x: hidden;
}
.main-partner-ul{
	display: flex;
	margin-bottom: 1rem;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: nowrap;
	overflow-x: auto;
	gap: 1.25rem;
}
.main-partner-li{
}
.main-partner-txt .ttl{
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--dark-2);
}
.main-partner-txt .txt{
	margin-top: 0.5rem;
	font-size: 1rem;
	font-weight: 300;
	color: var(--dark-3);
	white-space: nowrap;
}

/* ───────────── Section 08 공통 ───────────── */
.sec08{ background-color:#0C1013; }
.sec08 .main-area { padding-top:10rem; }

/* 헤드라인/서브헤드라인 색상 */
.sec08 .main-ttl-depth2 { font-size:2.5rem; font-weight:700; color:rgba(255,255,255,0.9); margin-bottom:1.25rem;
}

.sec08 .main-ttl-txt01 { font-size:1.5rem; font-weight:300; color:#CCCCCC; margin-bottom:2.5rem;
}


/* Section 12 */
.main12-ttl02{
	margin-bottom: 0.5rem;
	font-size: 3.5rem;
	color: var(--white);
	font-weight: 300;
}
.main12-ttl02 img{
	vertical-align:text-top;
}
.main12-ttl{
	font-size: 5.5rem;
	color: var(--white);
	font-weight: 300;
}
.main12-txt{
	margin-top: 1rem;
	font-size: 2.5rem;
	color: var(--gray-99);
	font-weight: 300;
}
.btn-maingo{
	margin-top: 4rem;
	
	border-radius: 0.5rem;
	border: 2px solid rgba(255, 255, 255, 0.20);
	
	padding: 1.5rem 5.75rem;
	background: var(--color-primary, #CC2C14);
	box-shadow: 0px 4px 8px 0px rgba(204, 44, 20, 0.60);
	
	font-size: 1.875rem;
	color: var(--white);
}
/*--// Main */




/* Mobile Size */
@media (max-width: 1399px) {
    /* Product */
    .contents-product{
        gap: 1rem 0.5rem;
        justify-content: center;
        width: 100%;
        padding: 0.5rem;
        padding-top: 1rem;
    }
    /* List */
    .list-product-a{
        width: calc(100vw - 1rem);
    }
    /*--// Product */

    /* Product - 상세페이지 */
    .wrap-viewinfo{
        display: block;
    }
    .view-img{
        width: 100%;
        padding-top: 100%;
    }
    .badge-view-sale{
        position: absolute;
        left: 1.25rem;
        top: 1.25rem;
        border-radius: 0.025rem;
        padding: 0.5rem 1.25rem;
        background-color: var(--primary);
        z-index: 1;
    }
    .badge-view-sale > span{
        padding-left: 1.25rem;
        display: inline-block;
        font-size: 1rem;
        font-weight: 700;
        color: var(--white);
        background: url('../images/ic_sale_bullet.svg') left center no-repeat;
    }

    .product-info{
        margin-top: 0.5rem;
    }
    .product-info-top{
        padding: 1.5rem 1rem;
    }
    .product-info-ttl{
        font-size: 1.25rem;
        margin-bottom: 0.5rem;
    }
    .product-info-txt{
        font-size: 1rem;
        color: var(--dark-2);
    }

    .product-info-body{
        border-radius: 0 0 0.25rem 0.25rem;
        padding: 1.5rem 1rem;
        background-color: var(--light-1);
    }

    .info-items{
        display: block;
        font-size: 0.875rem;
    }
    .info-items-dt{
        width: 100%;
    }
    .info-items-dd{
        width: 100%;
        margin-top: 0.5rem;
        margin-bottom: 1rem;
    }
    .info-items-dd > select{
        width: 100%;
    }

    .contents-manual{
        padding-top: 3.5rem;
    }
    .ttl-page{
        padding: 0.5rem;
        padding-top: 1.5rem;
        /* 임의 수정 */
        margin-bottom: 1.5rem;
        font-size: 1.25rem;
    }

    .term-section{
        margin-top: 2.5rem;
    }
    .ttl-section{
        margin-bottom: 0.75rem;
        font-size: 1.5rem;
        font-weight: 700;
        color: var(--dark-1);
    }
    /*--// Product - 상세페이지 */

    /* 구매하기 */
    .contbox{
        margin-bottom: 1rem;
    }
    .contbox-top{
        padding: 1rem;
    }
    .contbox-body{
        padding: 1rem;
    }
    .contbox-top-dl, .contbox-body-dl{
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 0.5rem;
    }
    .contbox-body-dl{
        margin-top: 1rem;
    }
    .contbox-top-dt{
        width: 100%;
        font-size: 1rem;
        font-weight: 700;
    }
    .contbox-top-dd{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .contbox-body-dd.l-name{
        width: 100%;
    }
    .contbox-top-ttl{
        font-size: 1rem;
        font-weight: 700;
    }
    .contbox-body-dt{
        width: 100%;
        font-size: 0.875rem;
        font-weight: 700;
        color: var(--dark-3);
    }
    .contbox-body-dd{
        width: 100%;
        flex:1;
        display: flex;
        gap: 0.5rem;
    }
    .input-biz1{
        width: 5.625rem;
    }
    .input-biz2{
        width: 3.75rem;
    }
    .input-biz3{
        width: 7.625rem;
    }
    .input-flex{
        flex-grow: 1;
    }
    /*--// 구매하기 */

    /* 구매완료 */
    .completebox-top{
        padding: 1rem;
        font-size: 1rem;
    }
    .completebox-body{
        text-align: center;
        padding: 1rem;
    }
    .complete-items{
        margin-top: 3.75rem;
        margin-left: 0;
    }
    .img-complete img{
        width: 100%;
    }
    .completebox-foot{
        padding: 1rem;
    }
    .complete-explain{
        margin-left: 0;
    }
    /*--// 구매완료 */

    
    /* Manual */
    .contents-manual{
        display: flex;
        gap: 2.5rem;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .list-manual{
        border-radius: 0.25rem;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        flex-wrap: wrap;
        font-size: 2.25rem;
        position: relative;
        color: var(--dark-1);
        background-color: #5A44C6;
        height: 15rem;
        line-height: 140%;
        box-shadow: 0 0.5rem 1rem 0 rgba(204, 204, 204, 0.3);
    }
    .list-manual.f-2, .list-manual.f-3{
        width: 100%;
    }


	/* Main */
	/* Main 공통 */
	/* layout */
	.wrap-main{
		margin-top: 3.5rem;
	}
	.main-area{
		padding: 3rem 0.5rem;
		width: 100%;
	}
	.main-cont{
		margin-top: 1rem;
	}
	.p-b0.main-area{
		padding: 3rem 0.5rem 0;
	}
	.img-main02{
		margin-top: 1.5rem;
	}
	.img-main02 img{
		width: 100%;
	}
	.main-flex{
		margin: auto;
		margin-top: 1.5rem;
		display: flex;
		justify-content: space-around;
		align-items: center;
		flex-direction: column;
		gap: 1.5rem;
	}
	.bg-target{
		height: auto;
		padding-bottom: 20rem;
	}
	
	/* 타이틀 텍스트 */
	.main-ttl{
		font-size: 1.675rem;
	}
	.main-ttl-txt01{
		margin-top: 0.5rem;
		font-size: 1rem;
		color: var(--dark-2);
	}
	.main-ttl-txt02{
		font-size: 1rem;
		font-weight: 600;
		color: var(--primary);
	}
	.main-tooltip{
		margin-bottom: 0.5rem;
		border-radius: 3rem;
		padding: 0.5rem 1.5rem;
		font-size: 0.875rem;
	}

	/* 말풍선 */
	.txtballoon{
		margin-bottom: 1.5rem;
		padding: 0.5rem 1.5rem;
		background: var(--white);
		font-size: 0.875rem;
		color: var(--dark-1);
		white-space: nowrap;
	}
	.txtballoon:after{
		top: 1.9rem;
	}
	.txtballoon.black{
		border: 1px solid var(--dark-1);
		background: var(--dark-1);
		color: var(--white);
	}
	.txtballoon.primary{
		border: 1px solid var(--primary);
		box-shadow: 0 4px 8px 0 rgba(204, 44, 20, 0.20);
		background: var(--primary);
		color: var(--white);
	}
	.txtballoon.m-b0{
		margin-bottom: 0;
	}

	/* 키워드 */
	.main-keyword{
		margin-top: 1.5rem;
		margin-bottom: 1rem;
	}
	.main-key-ul{
		display: flex;
		align-content: center;
		justify-content: center;
		gap: 0.5rem;
		flex-wrap: wrap;
	}
	.main-key-li{
		font-size: 0.825rem;
		padding: 0.5rem 1.5rem;
		white-space: nowrap;
	}
	.main-keyimg{
		margin: auto;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	.main-keyimg-ul{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		gap: 5.62rem;
	}

	.main02-img{
		display: flex;
		justify-content: center;
		align-items: stretch;
		gap : 5.62rem;
		flex-direction: column;
	}
	.main02-img img{
		max-width: 100%;
	}
	.main02-img video{
	        max-width: 100%;
	        object-fit: cover;   /* 잘리더라도 빈 칸 없이 꽉 채움 */
	}


	/* main section 01 */
	.main-section01{
		flex-direction: column;
		height: auto;
		padding: 3rem 0;
		min-height: 100vh;   /* ★ 모바일에서 한 화면을 꽉 채움 */
	}
	.main01-ttl01{
		font-size: 2.5rem;
		font-weight: 300;
		color: var(--white);
	}
	.main01-ttl02{
		font-size: 2.5rem;
		margin-top: 0.5rem;
		color: var(--primary);
		font-weight: 700;
	}


	/* Section02 */
	.main-ktalk{
		margin-top: 1.5rem;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 2.5rem;
	}
	.main-ktalk-ul{
		flex-direction: column;
		gap: 2.5rem;
		width: 100%;
	}
	.main-ktalk-li{
		width: 100%;
	}
	.main-ktalk-li img{
		width: 100%;
	}
	.main-keyword .main-ktalk-ul{
		gap: 2.5rem;
	}
	
	/* ===== Section02 : 모바일 레이아웃 보강 ===== */
	@media (max-width:768px){

  	  /* 1) 헤드라인 1행 → 2행(‘성장부스터’ 줄바꿈) */
    	.m-br{ display:block; }   /* <span class="m-br"></span> 삽입해 둔 위치에서만 줄바꿈 */

   	 /* 2) 섹션 시작(=main-area top) ↔ 툴팁 버튼 사이 간격 ×2 */
    	.sec02 .main-area{ padding-top:8rem; }          /* 기존 1rem → 8rem */

   	 /* 3) 툴팁 버튼 ↔ 헤드라인 간격 ×2 */
   	 .sec02 .main-tooltip{ margin-bottom:2rem; }     /* 기존 1rem → 2rem */

   	 /* 4) 헤드라인 두 줄(Depth2 ↔ Txt01) 간격 ×2 */
  	  .sec02 .main-ttl-depth2{ margin-bottom:1.2rem; }/* 기존 0.8rem → 1.2rem */

   	 /* 5) ‘온라인 판매…’ ↔ 키워드 버튼 리스트 간격 ×2 */
   	 .sec02 .main-ttl-txt01{ margin-bottom:2.5rem; }   /* 기존 1rem → 2.5rem */

   	 /* 6) 키워드 버튼 리스트 ↔ 영상(또는 다음 영역) 간격 ×2 */
   	 .sec02 .main-keyword{ margin-bottom:4rem; }     /* 기존 1rem → 4rem */
    	 /* 🔹 ‘온라인 판매 어렵지 않습니다.’ 폰트 1.5배 확대 */
   	 .sec02 .main-ttl-txt01{
       		 font-size:1.5rem;   /* 기존 1.5rem × 1.5 = 1.5rem */
        	 line-height:1.3;     /* 읽기 편하도록 살짝 줄간격 조정 */
}
	  /* ===== Section02 : 모바일 왼쪽 정렬 ===== */
	  @media (max-width:768px){

	  /* 왼쪽 정렬 기본값 */
    	  .sec02 .main-area{ align-items:flex-start; }   /* flex 컨테이너 기준 */
    
    	  /* 툴팁 · 헤드라인 · 서브헤드라인 텍스트 */
    	  .sec02 .main-tooltip,
    	  .sec02 .main-ttl-depth2,
    	  .sec02 .main-ttl-txt01{
      	    text-align:left;
}
	  /* 키워드 버튼 리스트(쿠팡캠페인 …) */
	  .sec02 .main-key-ul{
	  justify-content:flex-start;   /* 왼쪽으로 붙임 */
	}
}

	  /* ===== Section03 : 모바일 좌정렬 & 간격 ===== */
 	  /* ① 왼쪽 정렬 */
	  .sec03 .main-area{ align-items:flex-start;
	   padding-top:8rem;        /* Section02 와 동일한 시작 간격 */ 
	   padding-left:0.5rem;    /* ← 이 한 줄 추가! */
           padding-right:0.5rem;   /* ← 이 한 줄 추가! */
	}
	  .sec03 .main-tooltip,
  	  .sec03 .main-ttl-depth2,
  	  .sec03 .main-ttl-txt01{ text-align:left; }

	    /* ② 간격(Section02와 같은 값) */
    	.sec03 .main-tooltip    { margin-bottom:2rem; }
    	.sec03 .main-ttl-depth2 { margin-bottom:1.2rem; }
    	.sec03 .main-ttl-txt01  { margin-bottom:2rem; }

	/*	Section03	 */
	.main03-cont01 img{
		width: 100%;
	}
	.main03-bg{
		height: auto;
		text-align: center;
        	padding: 5rem 0;        /* 모바일은 위·아래 5rem */
        	min-height:auto;
		/* font-size: 3rem; */
		/* background-size: contain; */
		/* padding-bottom: 30rem; */
	}

	/* 불필요한 아래쪽 여백 제거 */
	.sec03 .main-area{ margin-bottom:0; }
	.sec03 .main-area{ padding-bottom:0; }/* ↓ 남는 3rem 없애기 */
	.sec04{ margin-top:0; }
	

	/* section03 카드 박스 모바일(≤768px)에서 카드 높이 통일 ─────────────────*/

	/*  첫 번째 카드(#f-phone)의 실제 높이를 기준으로 min-height 지정
         → 필요하면 28rem 부분을 컨텐츠 길이에 맞게 조정하세요 */
	#f-phone,
	#f-873,
	#f-mau,
	#f-first{
		min-height:14rem;
	}


	/* ③ #f-873 : 이미지 왼쪽 / 캡션 오른쪽 배치  ─────────────*/
	#f-873{ position:relative; }

	/* 이미지 : 카드 왼쪽 세로 중앙 */
	#f-873 .card-img-area{
	    position:absolute; inset:0;
	    padding:0 !important;          /* ← 1.5rem 제거 */
	    z-index:0;
	    }
	#f-873 .card-img-area img{
	    width:100% !important;
	    height:100% !important;
	    object-fit:cover;          /* 꽉 채우되 비율 유지 */
	    object-position:center;    /* 중앙 기준 클리핑 */
	    }

	/* 캡션 : 카드 캡션 – 세로·가로 중앙 정렬  */
	#f-873 .card-caption{
      	    position:absolute !important;
      	    inset:0 !important;            /* left·right·top·bottom 전부 0 */
	    transform:none !important;     /* PC용 translateY 해제 */
	    width:100% !important;

      	    display:flex;
      	    flex-direction:column;
      	    justify-content:center;    /* ↑ 세로 중앙 */
      	    align-items:flex-end;        /* ← 가로 중앙(원하면 flex-start 로) */
      	    padding:1.5rem;            /* 카드 기본 여백만 남김 */
      	    text-align:right;         /* 문단도 가운데 */
	}
  	/* 타이틀·본문 모두 우측 정렬 */
	#f-873 .fc-title,
	#f-873 .fc-desc{
	    text-align:right;
	}
  	.sec04 .main-area{ 
		align-items:flex-start;		/* 좌측 정렬 */	 
		padding-top:8rem;         /* Section02/03과 동일 */
		padding-left:0.5rem;      /* 좌우 살짝 여백 */
		padding-right:0.5rem;
		padding-bottom:4rem;     /* 섹션 끝 ↔ 이미지 아래 여백 */
	}
	.sec04 .main-ktalk{
		margin-bottom:4rem;           /* 이미지 대신 말풍선 리스트에 여백 */
	}
	.sec04 .main-tooltip,
  	.sec04 .main-ttl-depth2,
  	.sec04 .main-ttl-txt01{ text-align:left; }
	
    	.sec04 .main-tooltip   {margin-bottom:2rem;}  /* 툴팁 ↔ 헤드라인 */
   	.sec04 .main-ttl-depth2{margin-bottom:1.2rem;}/* 헤드라인 ↔ 서브 */
   	.sec04 .main-ttl-txt01 {margin-bottom:2rem;}  /* 서브 ↔ 다음 영역 */

	/* ── 모바일(≤768px) 규칙 : 왼쪽 정렬 + 간격 동일 ── */
        .main05-bg{
            padding-top:8rem;           /* 시작 간격 Section02·03과 동일 */
            padding-left:0.5rem;
            padding-right:0.5rem;
            text-align:left;
        }
        .sec05 .main-ttl-depth2,
        .sec05 .main-ttl-txt01{
            text-align:left;
        }
        /* 헤드라인 ↔ 서브헤드라인 간격 Section03 과 동일 */
        .sec05 .main-ttl-depth2{ margin-bottom:1.2rem; }
        .sec05 .main-ttl-txt01 { margin-bottom:2rem; }
        /* 그래프 이미지 폭 100 % */
        .sec05 .img-main02 img{ width:100%; }

	/* 1) 섹션 시작 ↔ 첫 텍스트 간격 */
	.sec05 .main-area{
	padding-top:8rem;        /* 기존 3rem → 8rem */
		padding-left:0.5rem;     /* 좌우 여백(다른 섹션과 통일) */
		padding-right:0.5rem;
		/* 필요하면 아래쪽도 추가 여백 */
		padding-bottom:4rem;     /* 섹션 끝 ↔ 이미지 아래 여백 */
	}

	/* 2) 마지막 이미지 ↔ 섹션 끝 간격 4rem 확보 */
	.sec05 .img-main02{ margin-bottom:4rem; }

	.btn-ktalk{
		margin-top: 2rem;
		background: transparent;
		border: none;
	}

	.main-safetxt{
		margin-top: 0.5rem;
		font-size: 1rem;
	}

	/* ───────────── Section 06 모바일 전용 ───────────── */


        /* 왼쪽 정렬 + 상단 여백·좌우 여백 확보 */
	.sec06 .main-area{
	    align-items:flex-start;
	    padding-top:8rem;      /* Section 02~04와 같은 값 */
	    padding-left:0.5rem;
	    padding-right:0.5rem;
	}

        /* 텍스트 좌측 정렬 */
	.sec06 .main-ttl-depth2,
	.sec06 .main-ttl-txt01{ text-align:left; }

	/* 요소 간 간격(Section 02·03·04와 동일) */
	.sec06 .main-ttl-depth2{ margin-bottom:1.2rem; }
	.sec06 .main-ttl-txt01 { margin-bottom:2rem; }

	/* ───────────── Section 08 모바일 전용 ───────────── */


        /* 왼쪽 정렬 + 상단 여백·좌우 여백 확보 */
	.sec08 .main-area{
	    align-items:flex-start;
	    padding-top:4rem;      /* Section 02~04와 같은 값 */
	    padding-left:0.5rem;
	    padding-right:0.5rem;
	}

        /* 텍스트 좌측 정렬 */
	.sec08 .main-ttl-depth2,
	.sec08 .main-ttl-txt01{ text-align:left; }

	/* 요소 간 간격(Section 02·03·04와 동일) */
	.sec08 .main-ttl-depth2{ margin-bottom:1.2rem; }
	.sec08 .main-ttl-txt01 { margin-bottom:2rem; }

	/* 1) 섹션 끝 ↔ 화면 하단 간격 */
	.sec08 .main-area{ padding-bottom:4rem; }

	/* 2) 파트너 로고 리스트 ↔ 섹션 끝 간격 */
	.sec08 .main-partner{ margin-bottom:1rem; }  /* 필요하면 3~5rem 사이로 조정 */

	/* 아이콘 리스트 */
	.main-icbox{
		margin-top: 1.5rem;
	}
	.main-icbox-ul{
		display: flex;
		justify-content: space-around;
		align-items: center;
		flex-direction: column;
		gap: 2.5rem;
		width: 100%;
	}

	/* Section 07 */
	.main-txtsection{
		display: flex;
		justify-content: center;
		align-items: stretch;
		flex-direction: column;
		gap: 1.5rem;
	}
	.main-txt-left{
		text-align: center;
		font-weight: 300;
	}
	.main-txt-line{
		display: none;
	}
	.main-txt-right{
		text-align: center;
		gap: 1.5rem;
	}
	.main-txt-big{
		font-size: 2.5rem;
		font-weight: 300;
	}
	.main-txt-small{
		font-size: 1.25rem;
		font-weight: 300;
	}
	.main-txt-big strong, .main-txt-small strong{
		font-weight: 700;
	}

	/* Section 10-2 파트너 */
	.main-ttl-partner{
		margin-top: 3rem;
		font-size: 1.25rem;
		font-weight: 700;
		color: var(--dark-1);
	}
	.main-partner{
		margin-top: 1.5rem;
	}
	.main-partner-ul{
		gap : 1rem;
		margin-bottom: 0.75rem;
	}
	
	.main-partner-li img{
		width: 5.625rem;
	}
	
	.img-logo-white{
		height: 2rem;
	}
	.main-icbox-li{
		font-size: 0.825rem;
	}

	/* ── Section “무엇이 특별한가요?” : 모바일 좌측 정렬 오버라이드 ───────── */

	/* 1) 섹션 시작·끝 여백 모바일 여백/정렬 보강 */
	.bg-white .main-area{
		/* Section05와 동일 Top 8rem ->4rem , Bottom 4rem */
		padding-top:4rem;
		padding-bottom:4rem;
	}
	/* ① 세로 스택으로 배치된 두 칼럼을 왼쪽에 붙임 */
	.bg-white .main-txtsection{           /* 해당 섹션에만 한정 */
		align-items:flex-start;           /* ← 가운데 ⇒ 왼쪽 */
	}
	.bg-white .main-ttl{
		font-size:clamp(2.25rem, 7vw, 2.75rem); /* 한 단계 키움 */
		margin-bottom:1.25rem;                  /* 기본보다 살짝 좁게 */
	}	
	  /* 2) “셀러를 위한” 글자 크기 ↑ */
	.bg-white .main-txt-left .main-txt-small.t-primary{
		font-size:1.8rem;      /* 기존 1rem 계열 → +0.125rem */
		line-height:1.4;	
	}
	/* (모바일) “오직 텐케이만 / 할 수 있는 / 마케팅 솔루션” 글자 두께 ↑ */
	.bg-white .main-txt-left .main-txt-big{ 
		font-size:1.8rem;
		font-weight:500; }  /* 400→600 정도로 */

	/* 3) 타이틀~본문 사이 여백 추가 미세 조정(옵션) mt-5-62 클래스가 주는 margin-top(≈5.6rem)을 3rem로 줄임 */
	.bg-white .mt-5-62{ margin-top:3rem; }

	/* ② 왼쪽·오른쪽 칼럼 모두 텍스트 좌측 정렬 */
	.bg-white .main-txt-left,
	.bg-white .main-txt-right{
		text-align:left;                  /* 기존 center 를 덮어씀 */
		align-items:flex-start;           /* <div class="main-txt-right"> 내부 flex 보강 */
	}

	/* Section 12 */
	/* ── Section12 : 모바일 하단 패딩 보강 ─────────────────── */
	.bg-black .main-area{          /* Section12 전용 */
		padding-bottom:5rem;       /* 위 3rem, 아래 5rem */
	}
	.bg-black .btn-maingo{ margin-top:3rem; }    /* 모바일 버튼간격 확대 */
	.main12-ttl02{
		margin-bottom: 0.5rem;
		font-size: 1.75rem;
		color: var(--white);
		font-weight: 300;
	}
	.main12-ttl{
		font-size: 2.25rem;
		color: var(--white);
		font-weight: 300;
	}
	.main12-txt{
		margin-top: 1rem;
		font-size: 1.5rem;
		color: var(--gray-99);
		font-weight: 300;
	}
	.btn-maingo{
		margin-top: 1rem;
		border-radius: 0.25rem;
		border: 1px solid rgba(255, 255, 255, 0.20);
		padding: 0.75rem 1.5rem;
		font-size: 1rem;
	}
	.btn-maingo img{
		width: 1rem;
	}
	
	/*--// Main */

}


/* Tablet Size1 */
@media (min-width : 768px) and (max-width : 1399px) {
    /* Product */
    .contents-product{
        gap: 3rem 2.5rem;
        width: 100%;
        padding: 1.5rem;
        padding-top: 3rem;
        justify-content: flex-start;
    }
    /* List */
    .list-product-a{
        width: calc((100% / 2) - 1.25rem);
    }
    /*--// Product */

    /* Product- 상품상세 */
   
    .product-info{
    }
    .product-info-top{
        border-radius: 0.25rem 0.25rem 0 0;
        padding: 2.5rem 3.75rem 2.5rem;
        background-color: var(--white);
    }
    .product-info-ttl{
        font-size: 1.5rem;
        font-weight: 700;
        color: var(--dark-1);
        margin-bottom: 1rem;
    }
    .product-info-txt{
        font-size: 1rem;
        color: var(--dark-2);
    }

    .product-info-body{
        border-radius: 0 0 0.25rem 0.25rem;
        padding: 2.5rem 3.75rem;
        background-color: var(--light-1);
    }

    .info-items{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        gap: 1.65rem 1rem;
        font-size: 0.875rem;
    }
    .info-items-dt{
        width: 7.5rem;
        color: var(--dark-3);
        font-weight: 700;
    }
    .info-items-dd{
        margin: 0;
        flex-grow: 1;
        color: var(--dark-1);
        width: calc(100% - 8.5rem);
    }
    .info-items-dd > select{
        width: 20rem;
    }
    .txt-guide{
        font-size: 0.75rem;
        color: var(--dark-3);
    }
    /*--// Product- 상품상세 */

    /* 구매하기 */
    .contbox{
        margin-bottom: 1rem;
        border-radius: 0.25rem;
        overflow: hidden;
    }
    .contbox-top{
        padding: 1rem;
        background: var(--white);
    }
    .contbox-body{
        padding: 1.5rem 2.5rem 2.5rem;
        background: var(--light-1);
    }
    .contbox-top-dl, .contbox-body-dl{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 1rem;
        flex-direction: row;
    }
    .contbox-body-dl{
        margin-top: 1rem;
    }
    .contbox-top-dt{
        width: 10rem;
        font-size: 1rem;
        font-weight: 700;
    }
    .contbox-top-dd{
        display: flex;
        justify-content: flex-start;
    }
    .contbox-top-ttl{
        font-size: 1rem;
        font-weight: 700;
    }
    .contbox-body-dt{
        width: 7.5rem;
        font-size: 0.875rem;
        font-weight: 700;
        color: var(--dark-3);
    }
    .contbox-body-dd{
        flex:1;
        display: flex;
        gap: 0.5rem;
    }
    .contbox-body-dd.l-name, .contbox-body-dd.f-name{
        width: 25%;
    }
    .input-biz1{
        width: 5.625rem;
    }
    .input-biz2{
        width: 3.75rem;
    }
    .input-biz3{
        width: 7.625rem;
    }
    .input-flex{
        flex-grow: 1;
    }
    /*--// 구매하기 */


    .img-complete img{
        width: inherit;
    }


    /* Manual */
    .contents-manual{
        display: flex;
        gap: 2.5rem;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .list-manual{
        border-radius: 0.25rem;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        flex-wrap: wrap;
        font-size: 2.25rem;
        position: relative;
        color: var(--dark-1);
        background-color: #5A44C6;
        height: 15rem;
        line-height: 140%;
        box-shadow: 0 0.5rem 1rem 0 rgba(204, 204, 204, 0.3);
    }
    .list-manual.f-2{
        width: calc(50% - 1.25rem);
    }
    .list-manual.f-3{
        width: calc((100% / 3) - 1.67rem);
    }
    .list-manual-txt.txt-white{
        color: var(--white);
    }


	/* Main */
	/* Main 공통 */
	/* layout */
	.main-area{
		padding: 5rem 1rem;
		width: 100%;
	}
	.img-main02{
		margin-top: 2.5rem;
	}

	/* 타이틀 텍스트 */
	.main-ttl{
		font-size: 3rem;
		font-weight: 300;
	}
	.main-ttl strong{
		font-weight: 700;
	}
	.main-ttl-txt01{
		margin-top: 1.25rem;
		font-size: 1.5rem;
		font-weight: 300;
		color: var(--dark-2);
	}
	.main-ttl-txt02{
		font-size: 1.25rem;
		font-weight: 600;
		color: var(--primary);
	}
	.main-tooltip{
		margin-bottom: 1.25rem;
		border-radius: 3rem;
		padding: 0.5rem 1.875rem;
		display: inline-block;
		background: var(--primary);
		font-weight: 600;
		color: var(--white);
		font-size: 1rem;
	}

	/* 말풍선 */
	.txtballoon{
		margin-bottom: 1.5rem;
		padding: 0.625rem 1.5rem;
		font-size: 1.125rem;
		white-space: nowrap;
	}
	.txtballoon strong{
		font-weight: 700;
	}
	.txtballoon:after{
		top: 2.675rem;
	}

	/* 키워드 */
	.main-keyword{
		margin-top: 2.5rem;
		margin-bottom: 2rem;
	}
	.main-key-ul{
		display: flex;
		align-content: center;
		justify-content: center;
		gap: 0.625rem;
	}
	.main-key-li{
		font-size: 1.25rem;
		border-radius: 3rem;
		padding: 0.5rem 1.5rem;
		border: 1px solid var(--light-3);
		background: var(--white);
		color: var(--dark-2);
	}
	.main-keyword.black .main-key-li{
		border: 1px solid var(--dark-3);
		background: transparent;
		color: var(--gray-99);
	}


	/* main section 01 */
	.main-section01{
		display: flex;
		flex-direction: column;
		align-content: center;
		justify-content: center;
		color: var(--white);
	}
	.main01-ttl01{
		font-size: 3.5rem;
		font-weight: 300;
		color: var(--white);
	}
	.main01-ttl02{
		font-size: 3.5rem;
		margin-top: 1rem;
		color: var(--primary);
		font-weight: 700;
	}

/* ===== [override] main-section01 : video background ===== */
.main-section01{
    /* 기존 GIF·고정높이 무력화 */
    background: none !important;
    height: auto !important;

    /* 영상 배치용 */
    position: relative;
    overflow: hidden;
}
/* 풀스크린 비디오 */
.kv-video{
    position: absolute;
    top:0; left:0;
    width:100%; height:100%;
    object-fit:cover;
    z-index:-1;          /* 텍스트 뒤로 */
}
@media (max-width:767px){
    /* 모바일 1스크린 꽉 차게 */
    .main-section01{min-height:100vh;}
}

	/* Section02 */
	.p-b0.main-area{
		padding: 5rem 1rem 0;
	}
	.main-flex{
		margin: auto;
		margin-top: 3rem;
		display: flex;
		justify-content: space-around;
		align-items: center;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.main-ktalk{
		margin-top: 3rem;
		display: flex;
		justify-content: space-around;
		align-items: center;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.main-ktalk-ul{
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
		gap: 3rem 1rem;
		flex: 1;
	}
	.main-ktalk-li img{
		width: 320px;
	}

	/* 아이콘 리스트 */
	.main-icbox{
		margin-top: 3rem;
	}
	.main-icbox-ul{
		display: flex;
		justify-content: space-evenly;
		flex-direction: row;
	}
	.main-icbox-li{
		font-size: 1.25rem;
		padding: 1.5rem 1.25rem;
	}

	.main-safetxt{
		margin-top: 1.25rem;
		font-size: 1.25rem;
		color: var(--dark-2);
	}

	/* Section 07 */
	.main-txtsection{
		flex-direction: row;
		justify-content: center;
		align-items: stretch;
		gap: 1.5rem;
	}
	.main-txt-left{
		text-align: right;
		font-weight: 300;
	}
	.main-txt-line{
		display: block;
		width: 0.25rem;
		height: auto;
		background: var(--white);
	}
	.main-txt-line .top{
		height: 4.5rem;
		width: 100%;
		background: var(--primary);
	}
	.main-txt-line.gray{
		background: var(--light-3);
	}
	.main-txt-line.gray .top{
		height: 2rem;
	}
	.main-txt-right{
		display: flex;
		flex-direction: column;
		text-align: left;
		justify-content: space-between;
		max-width: calc(50% - 3rem);
	}
	.main-txt-big{
		font-size: 3.5rem;
		font-weight: 300;
	}
	.main-txt-small{
		font-size: 1.25rem;
		font-weight: 300;
	}

	/* Section 10-2 파트너 */
	.main-ttl-partner{
		font-size: 2.5rem;
		font-weight: 700;
		color: var(--dark-1);
	}
	.main-partner-txt{
		display: block;
	}
	.main-partner-txt .ttl{
		font-size: 1.25rem;
		font-weight: 700;
		color: var(--dark-2);
	}
	.main-partner-txt .txt{
		margin-top: 0.5rem;
		font-size: 1rem;
		font-weight: 300;
		color: var(--dark-3);
	}
	
	/* Section 12 */
	.main12-ttl02{
		margin-bottom: 0.5rem;
		font-size: 2rem;
		color: var(--white);
		font-weight: 300;
	}
	.main12-ttl{
		font-size: 5rem;
		color: var(--white);
		font-weight: 300;
	}
	.main12-txt{
		margin-top: 1rem;
		font-size: 2.5rem;
		color: var(--gray-99);
		font-weight: 300;
	}
	.btn-maingo{
		margin-top: 4rem;

		border-radius: 0.5rem;
		border: 2px solid rgba(255, 255, 255, 0.20);

		padding: 1.5rem 5.75rem;
		background: var(--color-primary, #CC2C14);
		box-shadow: 0px 4px 8px 0px rgba(204, 44, 20, 0.60);

		font-size: 1.875rem;
		color: var(--white);
	}
	/*--// Main */
}