@charset "utf-8";

/* 공통영역 */
* {font-family:'SUIT';color:#121212;}
section {padding:120px 0;}
section.section1 {padding:0;}
section.pb0 {padding-bottom:0;}
section.bg {background:#f8f8f8;}
.layout {max-width:880px;margin:0 auto;}
h3.page-title {text-align:center;margin-bottom:60px;font-size:40px;font-weight:800;}
h4 {font-size:22px;font-weight:800;margin:60px 0 20px;}
h3.page-title + h4 {margin-top:80px;}
h3.page-title + ul {margin-top:80px;}
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 50px 25px 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;}

.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:hvoer {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;}
  .layout {padding:0 20px;word-break:keep-all;}
  section {padding:80px 0;}
  h3.page-title {margin-bottom:30px;font-size:28px;}
  h4 {font-size:18px;margin:50px 0 15px;}
  h3.page-title + ul {margin-top:50px;}
  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%;}

  .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:0px; margin-top:10px;}
  .info-box .c-info {flex:auto;width:100%;}

}