@charset "utf-8";

/* =========================================================
   contents2.css
   수정 방향:
   - 헤더 / 푸터 / 플러그인에 영향 줄 수 있는 전역 규칙 삭제
   - 본문에서 실제 쓰는 컴포넌트성 스타일만 유지
   ========================================================= */


/* 공통영역 - 본문 전용 컴포넌트만 유지 */
ul.style1 li {font-size:18px;font-weight:500;position:relative;padding-left:14px;}
ul.style1 li:before {content:"";display:block;width:6px;height:6px;border-radius:100%;background:#00A040;position:absolute;top:9px;left:0;}
ul.style1 li + li {margin-top:10px;}

ul.style2 li {width:100%;padding-bottom:30px;border-bottom:1px solid #ddd;display:flex;}
ul.style2 li:nth-child(n+2) {padding-top:30px;}
ul.style2 li h5 {width:150px;font-size:18px;font-weight:800;}
ul.style2 li p {font-size:16px;font-weight:500;}

ul.style1.chk li {padding-left:30px;}
ul.style1.chk li:before {width:20px;height:20px;background:url(/_public/images2/icon/check_icon.svg) no-repeat;background-size:cover;top:2px;}
ul.style1.chk li + li {margin-top:15px;}

ol.style1 {display:flex;gap:20px;}
ol.style1 li {flex:1;background:#fff;border-radius:5px;border:1px solid #ddd;padding:20px 20px 25px;text-align:center;}
ol.style1 li i {display:block;margin:0 auto 20px;font-size:20px;font-weight:800;width:30px;height:30px;line-height:26px;border-radius:100%;border:2px solid #00A040;color:#00A040;}
ol.style1 li p {font-size:20px;font-weight:800;margin-bottom:15px;}
ol.style1 li span {font-size:16px;}

table.style1 {margin-top:50px;}
table.style1 thead th {font-size:18px;font-weight:800;padding:15px 20px;text-align:left;border-top:1px solid #121212;border-bottom:1px solid #121212;}
table.style1 tbody th {font-size:18px;font-weight:700;padding:15px 20px;text-align:left;border-bottom:1px solid #ddd;}
table.style1 tbody td {font-size:18px;font-weight:500;padding:15px 20px;text-align:left;border-bottom:1px solid #ddd;}

.top-banner {display:block;margin:0 auto 100px;}

.tip-box {display:block;width:fit-content;margin-top:6px;padding:10px 20px;border-radius:5px;border:1px solid #00A040;font-size:16px;font-weight:500;background-color:#fff;line-height:1;}
.tip-box strong {display:inline-block;color:#00A040;margin-right:15px;font-weight:800;}

.noti-box {padding:25px 25px 25px 125px;background:#f8f8f8;border-radius:10px;border:1px solid #ddd;position:relative;}
.noti-box:before {content:"";display:block;width:60px;height:60px;background:url(/_public/images2/icon/notice_icon.svg) no-repeat;background-size:cover;position:absolute;top:50%;left:35px;transform:translateY(-50%);}
.noti-box p {font-size:18px;font-weight:500;}

.color-green {color:#00A040 !important;}


/* 할인코드 */
#main .section2 {padding-top:0;}

.coupon {display:flex;gap:35px;padding:25px;background:#f5f5f5;border-radius:10px;align-items:center;position:relative;}
.coupon + .coupon {margin-top:20px;}
.coupon img {display:block;max-width:140px;}
.coupon .txt h5 {font-size:22px;font-weight:800;margin-bottom:5px;}
.coupon .txt p {font-size:16px;font-weight:800;color:#00A040;margin-bottom:15px;}
.coupon .txt em {display:block;font-size:14px;font-weight:500;color:#7e7e7e;}

.coupon .btn-area {position:absolute;top:50%;right:50px;transform:translateY(-50%);text-align:center;width:220px;height:47px;}
.coupon .btn-area button {display:inline-block;width:160px;line-height:47px;background:#00A040;color:#fff;font-size:18px;font-weight:700;border-radius:4px;position:absolute;top:0;left:0;transition:all 0.3s;}
.coupon .btn-area span {display:inline-block;font-size:16px;font-weight:700;color:#7e7e7e;width:160px;line-height:45px;background:#EFFFF5;border-radius:4px;border:1px dashed #00A040;position:absolute;right:0;}
.coupon .btn-area:hover button {width:100%;background-color:#058438;}
.coupon .btn-area.code-on button {display:none;}
.coupon .btn-area.code-on span {width:100%;border:2px dashed #00A040;font-size:18px;font-weight:700;color:#121212;cursor:pointer;}

/* 2025.12.26 버튼 수정 */
.coupon .btn-area.open {display:flex;flex-direction:column;gap:5px;width:260px;position:absolute;top:auto;right:25px;margin-left:30px;height:fit-content;transform:translateY(0);}
.coupon .btn-area.open span {cursor:pointer;width:100%;position:relative;}
.coupon .btn-area.open span:before {content:"";display:inline-block;width:20px;height:20px;background:url(/_public/images2/icon/copy_ico.svg) no-repeat;background-size:cover;position:absolute;top:50%;left:12px;transform:translateY(-50%);}
.coupon .btn-area.open span:after {content:"복사하기";display:inline-block;font-size:15px;font-weight:600;color:#00a040;position:absolute;top:50%;right:15px;transform:translateY(-50%);}

.coupon .btn-area.copy {display:flex;flex-direction:column;gap:5px;width:260px;position:absolute;top:auto;right:25px;margin-left:30px;height:fit-content;transform:translateY(0);}
.coupon .btn-area.copy span {color:#222;border:2px solid #00A040;width:100%;position:relative;}
.coupon .btn-area.copy span:before {content:"";display:inline-block;width:20px;height:20px;background:url(/_public/images2/icon/check_icon.svg) no-repeat;background-size:cover;position:absolute;top:50%;left:12px;transform:translateY(-50%);}
.coupon .btn-area.copy span:after {content:"복사완료!";display:inline-block;font-size:15px;font-weight:600;color:#00a040;position:absolute;top:50%;right:15px;transform:translateY(-50%);}

.coupon .btn-area.open a,
.coupon .btn-area.copy a {display:inline-block;line-height:47px;font-size:16px;font-weight:500;padding:0 10px;background:#fff;border:1px solid #5e5f5f;border-radius:5px;}


.section3 h4 {display:flex;align-items:center;}
.section3 h4 em {display:inline-block;position:relative;font-size:20px;color:#CF0000;margin-left:12px;padding-left:28px;}
.section3 h4 em:before {content:"";display:block;width:23px;height:23px;background:url(/_public/images2/icon/import_ico.svg) no-repeat;background-size:cover;position:absolute;top:2px;left:0;}
.section3 h4 a {display:inline-block;margin-left:20px;font-size:16px;font-weight:700;padding:4px 15px;border-radius:5px;color:#fff;background-color:#CF0000;}
.section3 h4 a:hover {background-color:#ad0101;}

.pay-box {margin-top:10px;padding:25px 40px;border-radius:5px;border:1px solid #ddd;display:flex;}
.pay-box h5 {font-size:20px;font-weight:800;padding-right:40px;width:160px;border-right:1px solid #ddd;}
.pay-box ul {margin-left:60px;display:flex;gap:35px;}
.pay-box ul li {font-size:16px;font-weight:600;text-align:center;}
.pay-box ul li img {display:block;margin:0 auto 8px;max-width:40px;}


/* 취소 및 환불 */
.cancel section.section2 {padding-top:0;}
.cancel section.section2 h4:nth-child(1) {margin-top:0;}

.pay-meth {margin-top:10px;padding:20px;border-radius:10px;border:1px solid #ddd;display:flex;}
.pay-meth h5 {font-size:16px;width:140px;}
.pay-meth p {font-size:16px;font-weight:500;}


/* 자주 묻는 질문 */
.faq .section2 {padding-top:0;}

.faq-box dt {font-size:18px;font-weight:800;padding:25px 25px 25px 55px;border-radius:5px 5px 0 0;border:1px solid #ddd;margin-top:40px;position:relative;}
.faq-box dt:before {content:"Q";display:inline-block;font-size:inherit;font-weight:900;color:#00A040;position:absolute;top:25px;left:25px;}

.faq-box dd {font-size:18px;font-weight:500;padding:25px 25px 25px 55px;border-radius:0 0 5px 5px;border:1px solid #ddd;background:#f8f8f8;position:relative;margin-top:-1px;}
.faq-box dd:before {content:"A";display:inline-block;font-size:inherit;font-weight:900;color:#7e7e7e;position:absolute;top:25px;left:25px;}


/* 고객센터 */
.cscenter .section1 {padding-bottom:120px;}

.c-info {padding:25px;border-radius:10px;border:1px solid #ddd;margin-top:20px;}
.c-info h5 {font-size:18px;margin-bottom:15px;}
.c-info span {display:inline-block;font-size:18px;font-weight:800;margin-right:20px;position:relative;}
.c-info span + span {padding-left:20px;}
.c-info span + span:before {content:"";display:block;width:2px;height:14px;background:#ddd;position:absolute;top:7px;left:0;}
.c-info span:last-child {margin-right:0;}

.info-box {display:flex;gap:20px;margin-top:20px;}
.info-box .c-info {flex:1;}


/* mobile */
@media all and (max-width:879px) {

  br.br {display:none;}

  ul.style1 li {font-size:14px;padding-left:8px;}
  ul.style1 li:before {width:4px;height:4px;top:6px;}
  ul.style1 li + li {margin-top:6px;}

  ul.style2 li {flex-wrap:wrap;padding-bottom:25px;}
  ul.style2 li:nth-child(n+2) {padding-top:25px;}
  ul.style2 li h5 {width:100%;font-size:15px;margin-bottom:10px;}
  ul.style2 li p {font-size:14px;}

  ul.style1.chk li {padding-left:22px;}
  ul.style1.chk li:before {width:16px;height:16px;top:1px;}
  ul.style1.chk li + li {margin-top:12px;}

  ol.style1 {flex-wrap:wrap;gap:10px;}
  ol.style1 li {flex:none;width:100%;padding:20px;}
  ol.style1 li i {margin:0 auto 15px;font-size:16px;width:24px;height:24px;line-height:21px;}
  ol.style1 li p {font-size:18px;margin-bottom:10px;}
  ol.style1 li span {font-size:14px;}

  table.style1 {margin-top:40px;}
  table.style1 thead th {font-size:15px;padding:8px 10px;}
  table.style1 tbody th {font-size:14px;padding:8px 10px;}
  table.style1 tbody td {font-size:14px;padding:8px 10px;}

  .tip-box {width:100%;padding:8px 15px;font-size:14px;}
  .tip-box strong {margin-right:10px;}

  .noti-box {padding:95px 20px 20px;text-align:center;}
  .noti-box:before {width:50px;height:50px;top:25px;left:50%;transform:translate(-50%, 0);}
  .noti-box p {font-size:15px;text-align:left;}

  .top-banner {margin:0 auto 60px;}


  /* 할인코드 */
  .coupon {flex-wrap:wrap;gap:20px;padding:25px;}
  .coupon img {margin:auto;}
  .coupon .txt {width:100%;}
  .coupon .txt h5 {font-size:20px;margin-bottom:3px;}
  .coupon .txt p {font-size:15px;margin-bottom:10px;}

  .coupon .btn-area {position:relative;top:0;right:0;width:100%;transform:translateY(0);}
  .coupon .btn-area span {width:60%;}
  .coupon .btn-area button {width:80%;}

  .coupon .btn-area.open {width:100%;margin-left:0;position:relative;right:auto;}
  .coupon .btn-area.copy {width:100%;margin-left:0;position:relative;right:auto;}

  .coupon .btn-area.open span {text-align:left;padding:0 40px;}
  .coupon .btn-area.copy span {text-align:left;padding:0 40px;}

  .coupon .btn-area.open span:after {right:10px;}
  .coupon .btn-area.copy span:after {right:10px;}

  .section3 h4 {flex-wrap:wrap;}
  .section3 h4 em {font-size:18px;padding-left:24px;}
  .section3 h4 em:before {width:19px;height:19px;top:3px;}
  .section3 h4 a {width:100%;margin:10px 0 0;padding:10px 15px;text-align:center;}

  .pay-box {padding:20px;flex-wrap:wrap;}
  .pay-box h5 {font-size:18px;width:100%;padding-right:0;border-right:0;padding-bottom:10px;border-bottom:1px solid #ddd;}
  .pay-box ul {margin-left:0;margin-top:20px;gap:20px;flex-wrap:wrap;width:100%;}
  .pay-box ul li {width:calc(25% - 15px);font-size:14px;}


  /* 취소 및 환불 */
  .pay-meth {flex-wrap:wrap;padding:16px;}
  .pay-meth h5 {font-size:15px;width:100%;margin-bottom:10px;}
  .pay-meth p {font-size:14px;}


  /* 자주 묻는 질문 */
  .faq-box dt {font-size:15px;padding:15px 15px 15px 40px;margin-top:25px;}
  .faq-box dt:before {top:15px;left:15px;}
  .faq-box dd {font-size:14px;padding:15px 15px 15px 40px;}
  .faq-box dd:before {top:15px;left:15px;}

  /* 고객센터 */
  .cscenter .section1 {padding-bottom:80px;}
  .c-info {padding:20px;margin-top:10px;}
  .c-info h5 {font-size:15px;margin-bottom:10px;}
  .c-info span {display:block;font-size:15px;}
  .c-info span + span {padding-left:0;}
  .c-info span + span:before {display:none;}
  .info-box {flex-wrap:wrap;gap:0;margin-top:10px;}
  .info-box .c-info {flex:auto;width:100%;}
}

/* =========================================================
   본문 정렬 복구용 코드
   - 헤더 / 푸터 / 플러그인 영향 없음
   - Impreza 본문 영역(.l-main) 안에서만 적용
   ========================================================= */

/* 본문 섹션 기본 간격 복구 */
.l-main section {
	padding: 120px 0;
}

.l-main section.section1 {
	padding: 0;
}

.l-main section.pb0 {
	padding-bottom: 0;
}

.l-main section.bg {
	background: #f8f8f8;
}

/* 본문 최대폭 복구 */
.l-main .layout {
	max-width: 880px;
	margin: 0 auto;
}

/* 페이지 제목 정렬 복구 */
.l-main h3.page-title {
	text-align: center;
	margin-bottom: 60px;
	font-size: 40px;
	font-weight: 800;
}

/* 본문 소제목 정렬/간격 복구 */
.l-main h4 {
	font-size: 22px;
	font-weight: 800;
	margin: 60px 0 20px;
}

.l-main h3.page-title + h4 {
	margin-top: 80px;
}

.l-main h3.page-title + ul {
	margin-top: 80px;
}

/* 본문 기본 폰트만 복구
   전역 * 선택자는 쓰지 않고 본문 안에서만 적용 */
.l-main {
	font-family: 'SUIT';
	color: #121212;
}

.l-main .faq-box dt,
.l-main .faq-box dd,
.l-main .coupon,
.l-main .coupon *,
.l-main .pay-box,
.l-main .pay-box *,
.l-main .pay-meth,
.l-main .pay-meth *,
.l-main .c-info,
.l-main .c-info *,
.l-main .tip-box,
.l-main .noti-box {
	font-family: inherit;
	color: inherit;
}

/* 모바일 정렬 복구 */
@media all and (max-width:879px) {
	.l-main section {
		padding: 80px 0;
	}

	.l-main .layout {
		padding: 0 20px;
		word-break: keep-all;
	}

	.l-main h3.page-title {
		margin-bottom: 30px;
		font-size: 28px;
	}

	.l-main h4 {
		font-size: 18px;
		margin: 50px 0 15px;
	}

	.l-main h3.page-title + ul {
		margin-top: 50px;
	}
}