@charset "UTF-8";
html { font-size: 10px; }

body { font-family: NotoSansKR, Dotum, '돋움', Arial, sans-serif; }

ol, ul { margin: 0; }

#quickFloatingBanner > ul > li > a > .thumbnail { border: 0; padding: 0; margin-bottom: 0; }

.group-purchase { text-align: center; }

.group-purchase0, .group-purchase3, .group-purchase5 { background: #f6f7f7; }

.group-purchase1, .group-purchase4 { background: url("/front/imgs/groupPurchase/bg_1.png") repeat-x center top; }

.group-purchase0 .img_lottie { position: absolute; top: -56px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 40%; }

.group-purchase4 .link-btn-inner { position: absolute; top: 22%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 640px; height: 50%; text-indent: -999em; font-size: 0; color: transparent; }

.group-purchase4 .link-btn-inner .btn_apply { display: block; position: relative; top: 0; left: 443px; width: 189px; height: 28%; }

.group-purchase4 .link-btn-inner .btn_groupview { display: block; position: relative; top: 5%; left: 443px; width: 189px; height: 34%; }

.group-purchase4 .link-btn-inner .btn_sns { display: block; position: relative; top: 10%; left: 443px; width: 189px; height: 29%; }

.group-purchase5 .inside { max-width: 720px; margin: 0 auto; padding: 129px 40px 116px; }

.group-purchase5 .inside .table-wrap { margin-bottom: 50px; text-align: center; }

.group-purchase5 .inside .table-wrap h1, .group-purchase5 .inside .table-wrap h4 { margin: 0; }

.group-purchase5 .inside .table-wrap h4 { font-size: 40px; font-weight: 700; color: #ff939c; line-height: 1; letter-spacing: -1.76px; }

.group-purchase5 .inside .table-wrap h1 { display: inline-block; margin: 15px auto 48px; padding-bottom: 15px; border-bottom: 1px solid #1d1d1d; font-size: 58px; font-weight: 300; line-height: 1; letter-spacing: -2.63px; }

.group-purchase5 .inside .table-wrap table { width: 100%; border: 1px solid #c0c0c0; background: #fff; }

.group-purchase5 .inside .table-wrap table tr { border-bottom: 1px solid #c0c0c0; }

.group-purchase5 .inside .table-wrap table th, .group-purchase5 .inside .table-wrap table td { text-align: center; }

.group-purchase5 .inside .table-wrap table th { height: 66px; color: #fff; font-size: 26px; font-weight: 300; letter-spacing: -1.15px; line-height: 1; background-color: #1d1d1d; }

.group-purchase5 .inside .table-wrap table td { height: 85px; color: #1d1d1d; font-size: 28px; font-weight: 400; letter-spacing: -1.15px; line-height: 1; }

.group-purchase5 .inside .table-wrap table td span { display: block; overflow: hidden; width: 342px; margin: 0 auto; text-overflow: ellipsis; white-space: nowrap; }

.group-purchase5 .inside .table-wrap .table-btn-join { display: inline-block; padding: 14px 23px 10px; font-weight: 500; font-size: 23px; color: #fff; border-radius: 5px; background: #000; }

.group-purchase5 .inside .table-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 93px; }

.group-purchase5 .inside .table-pagination li { display: block; }

.group-purchase5 .inside .table-pagination li a { margin: 0 15px; font-size: 30px; line-height: 1; font-weight: 300; text-align: center; color: #1d1d1d; border: none; background: none; }

.group-purchase5 .inside .table-pagination li .prev_link { width: 18px; height: 29px; background: url(/front/imgs/groupPurchase/left-arrow.png) no-repeat center; background-size: contain; }

.group-purchase5 .inside .table-pagination li .next_link { width: 18px; height: 29px; background: url(/front/imgs/groupPurchase/right-arrow.png) no-repeat center; background-size: contain; }

.group-purchase5 .inside .table-pagination li.active > a, .group-purchase5 .inside .table-pagination li.active > a:focus, .group-purchase5 .inside .table-pagination li.active > a:hover, .group-purchase5 .inside .table-pagination li.active > span, .group-purchase5 .inside .table-pagination li.active > span:focus, .group-purchase5 .inside .table-pagination li.active > span:hover { width: 50px; height: 50px; padding: 6px; font-weight: 700; border: 2px solid #222; border-radius: 50%; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.group-purchase5 .inside .table-btn button { display: block; margin: 0 auto; width: 438px; height: 101px; font-size: 37px; font-weight: 700; letter-spacing: -1.67px; outline: none; border: none; }

.group-purchase5 .inside .table-btn button:first-child { width: 443px; height: 108px; line-height: 105px; color: #ff939c; background: url(/front/imgs/groupPurchase/table-btn01.png) no-repeat center; background-size: contain; }

.group-purchase5 .inside .table-btn button:nth-child(2) { margin: 31px auto 37px; color: #fff; background: url(/front/imgs/groupPurchase/table-btn02.png) no-repeat center; background-size: contain; }

.group-purchase5 .inside .table-btn button:nth-child(3) { background: url(/front/imgs/groupPurchase/table-btn03.png) no-repeat center; background-size: contain; }

.group-purchase5 .inside #groupModal { text-align: center; padding: 0 !important; }

.group-purchase5 .inside #groupModal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }

.group-purchase5 .inside #groupModal .modal-dialog { display: inline-block; width: 720px; text-align: left; vertical-align: middle; }

.group-purchase5 .inside #groupModal .modal-content { border: 0; border-radius: 0; }

.group-purchase5 .inside #groupModal .modal-content .modal-close { position: absolute; top: 17px; right: 29px; z-index: 2; width: 44px; height: 44px; text-indent: -999em; font-size: 0; color: transparent; }

.group-purchase5 .inside #groupModal .modal-body { background: #eee; padding: 0 0 58px; }

.group-purchase5 .inside #groupModal .modal-body > div { display: none; }

.group-purchase5 .inside #groupModal .modal-body > div.block { display: block; }

.group-purchase5 .inside #groupModal .modal-body h2 { margin: 0; }

.group-purchase5 .inside #groupModal .modal-body .form-group { padding: 50px 60px 0; margin: 0; }

.group-purchase5 .inside #groupModal .modal-body .form-group-input { width: 627px; height: 106px; font-size: 0; background: url(/front/imgs/groupPurchase/pop_input.png) no-repeat -10px -9px; background-size: contain; /* type=number arrow hide // Chrome, Safari, Edge, Opera */ /* type=number arrow hide // Firefox */ }

.group-purchase5 .inside #groupModal .modal-body .form-group-input label { display: inline-block; width: 264px; height: 78px; margin: 0; line-height: 78px; text-align: center; font-size: 34px; font-weight: normal; color: #fff; }

.group-purchase5 .inside #groupModal .modal-body .form-group-input label.point { color: #ff939d; }

.group-purchase5 .inside #groupModal .modal-body .form-group-input input, .group-purchase5 .inside #groupModal .modal-body .form-group-input select { width: 336px; height: 78px; line-height: 78px; padding-left: 50px; text-align: left; font-size: 34px; color: #202020; vertical-align: top; border: 0; background: transparent; outline: none; }

.group-purchase5 .inside #groupModal .modal-body .form-group-input ::-webkit-input-placeholder { color: #a8a8a8; }

.group-purchase5 .inside #groupModal .modal-body .form-group-input :-ms-input-placeholder { color: #a8a8a8; }

.group-purchase5 .inside #groupModal .modal-body .form-group-input ::-ms-input-placeholder { color: #a8a8a8; }

.group-purchase5 .inside #groupModal .modal-body .form-group-input ::placeholder { color: #a8a8a8; }

.group-purchase5 .inside #groupModal .modal-body .form-group-input ::-webkit-input-placeholder { color: #a8a8a8; }

.group-purchase5 .inside #groupModal .modal-body .form-group-input :-ms-input-placeholder { color: #a8a8a8; }

.group-purchase5 .inside #groupModal .modal-body .form-group-input input::-webkit-outer-spin-button, .group-purchase5 .inside #groupModal .modal-body .form-group-input input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.group-purchase5 .inside #groupModal .modal-body .form-group-input input[type=number] { -moz-appearance: textfield; }

.group-purchase5 .inside #groupModal .modal-body .form-group-input select { width: 326px; appearance: none; -moz-appearance: none; -webkit-appearance: none; }

.group-purchase5 .inside #groupModal .modal-body .form-group-input select::-ms-expand { display: none; }

.group-purchase5 .inside #groupModal .modal-body .select-input { position: relative; }

.group-purchase5 .inside #groupModal .modal-body .select-input::after, .group-purchase5 .inside #groupModal .modal-body .select-input::before { content: ""; position: absolute; top: 34px; right: 58px; height: 0; width: 22px; border: solid transparent; pointer-events: none; }

.group-purchase5 .inside #groupModal .modal-body .select-input::after { border-top-color: #202020; border-width: 12px; margin-left: 0; }

.group-purchase5 .inside #groupModal .modal-body .group_noti { width: 600px; margin-top: -10px; line-height: 1.3; font-size: 26px; font-weight: 300; color: #202020; }

.group-purchase5 .inside #groupModal .modal-body .group_noti .noti-link { display: inline-block; width: 100%; text-align: center; color: #202020; }

.group-purchase5 .inside #groupModal .modal-body .group_noti + .group_noti { margin-top: 10px; }

.group-purchase5 .inside #groupModal .modal-body .group_noti + .form-group-input { margin-top: 34px; }

.group-purchase5 .inside #groupModal .modal-body .group_noti-center { text-align: center; }

.group-purchase5 .inside #groupModal .modal-body .noti-point { font-weight: 500; color: #f35b6a; }

.group-purchase5 .inside #groupModal .modal-body .noti-link, .group-purchase5 .inside #groupModal .modal-body .noti-btn { text-decoration: underline; font-weight: 500; }

.group-purchase5 .inside #groupModal .modal-body .form-group-priv { width: 600px; padding-top: 28px; margin-top: 40px; border-top: 1px solid #c5c5c5; }

.group-purchase5 .inside #groupModal .modal-body .form-group-priv .priv-chk { margin-bottom: 26px; text-align: right; }

.group-purchase5 .inside #groupModal .modal-body .form-group-priv .priv-chk input { width: 30px; height: 30px; margin: 0 8px 0 0; vertical-align: middle; border: 0; background: #c6c6c6; }

.group-purchase5 .inside #groupModal .modal-body .form-group-priv .priv-chk label { margin-bottom: 0; vertical-align: middle; font-size: 28px; color: #202020; }

.group-purchase5 .inside #groupModal .modal-body .group-priv_info { max-height: 145px; overflow-y: scroll; padding: 10px 15px; font-size: 20px; background: #fff; }

.group-purchase5 .inside #groupModal .modal-body .group-priv_info ul { list-style: none; padding-left: 0; }

.group-purchase5 .inside #groupModal .modal-body .group-priv_info ul ul { padding-left: 20px; }

.group-purchase5 .inside #groupModal .modal-body .group-priv_info ul ul ul { padding-left: 40px; }

.group-purchase5 .inside #groupModal .modal-body .groupDetails05 table { overflow: hidden; width: 100%; border-radius: 15px; background: #fff; box-shadow: 8px 8px 9px rgba(188, 188, 188, 0.35); -webkit-box-shadow: 8px 8px 9px rgba(188, 188, 188, 0.35); }

.group-purchase5 .inside #groupModal .modal-body .groupDetails05 tr:nth-child(2n) { background: #f4f4f4; }

.group-purchase5 .inside #groupModal .modal-body .groupDetails05 td { height: 66px; line-height: 1; font-size: 34px; color: #202020; text-align: left; }

.group-purchase5 .inside #groupModal .modal-body .groupDetails05 td:first-child { text-align: center; font-weight: bold; }

.group-purchase5 .inside #groupModal .modal-body .btn { display: block; width: 290px; height: 88px; margin: 32px auto 0; font-size: 29px; font-weight: 500; color: #fff; background: url(/front/imgs/groupPurchase/pop_btn.png) no-repeat center; background-size: contain; }

.group-purchase5 .inside #groupModal .modal-body .btn02 { color: #202020; background: url(/front/imgs/groupPurchase/pop_btn02.png) no-repeat center; background-size: contain; }

.group-purchase5 .inside #groupModal .modal-body .btn-inner-row2 { width: 600px; margin: 42px auto 0; font-size: 0; }

.group-purchase5 .inside #groupModal .modal-body .btn-inner-row2 .btn-row:first-child { margin-right: 20px; }

.group-purchase5 .inside #groupModal .modal-body .btn-row { display: inline-block; margin-top: 0 !important; }

.group-purchase5 .inside #groupModal .modal-body hr.div-line { margin-top: 58px; margin-bottom: 50px; border-top: 1px solid #c1c1c1; }

.group-purchase5 .inside #groupModal .modal-body #Dtimer { margin-top: -16px; margin-bottom: 34px; text-align: right; font-size: 26px; color: #ff939d; }

.group-purchase6 .sns-btn-inner { position: absolute; top: 42%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 450px; height: 26%; text-indent: -999em; font-size: 0; color: transparent; }

.group-purchase6 .sns-btn-inner .btn_kakao { position: relative; top: 0; left: -7%; width: 28%; height: 100%; }

.group-purchase6 .sns-btn-inner .btn_naver { position: relative; top: 3%; left: 0; width: 28%; height: 100%; }

.group-purchase6 .sns-btn-inner .btn_facebook { position: relative; top: 0; left: 7%; width: 28%; height: 100%; }

.group-purchase6::after { content: ''; position: absolute; bottom: 0; left: 0; z-index: -1; width: 100%; height: 89px; background: #1d1d1d; }

.group-purchase7 .inside { max-width: 720px; margin: 0 auto; padding: 122px 40px 95px; }

.group-purchase7 .inside .title { margin-bottom: 25px; font-size: 30px; font-weight: bold; color: #3e3e3e; text-align: left; }

.group-purchase7 .inside ul { margin-left: 5px; font-size: 26px; font-weight: 400; line-height: 38px; }

.group-purchase7 .inside ul li { padding-left: 15px; text-align: left; color: #3e3e3e; }

.group-purchase7 .inside ul li::before { content: ''; position: absolute; top: 15px; left: 0; width: 5px; height: 5px; vertical-align: middle; border-radius: 50%; background: #646464; }

@media (min-width: 1004px) and (max-width: 1439px) { .group-purchase0 .img_lottie { width: 60%; } }

@media (min-width: 768px) and (max-width: 1003px) { .group-purchase0 .img_lottie { width: 80%; } }

@media (max-width: 767px) { .group-purchase0 .img_lottie { width: 100%; }
  .group-purchase4 .link-btn-inner { top: 22%; left: 80%; width: 27%; height: 53%; }
  .group-purchase4 .link-btn-inner .btn_apply { top: 0; left: 0; width: 100%; height: 28%; }
  .group-purchase4 .link-btn-inner .btn_groupview { top: 3%; left: 0; width: 100%; height: 33%; }
  .group-purchase4 .link-btn-inner .btn_sns { top: 7%; left: 0; width: 100%; height: 27%; }
  .group-purchase5 .inside { width: 100%; padding: 6.4rem 4rem 5.8rem; }
  .group-purchase5 .inside .table-wrap h4 { font-size: 2.6rem; }
  .group-purchase5 .inside .table-wrap h1 { margin: 0.8rem auto 2.4rem; padding-bottom: 0.8rem; font-size: 3.8rem; }
  .group-purchase5 .inside .table-wrap table th { height: 4.3rem; font-size: 1.7rem; }
  .group-purchase5 .inside .table-wrap table td { height: 5rem; font-size: 1.8rem; }
  .group-purchase5 .inside .table-wrap table td span { width: 19rem; }
  .group-purchase5 .inside .table-wrap table .table-btn-join { padding: 0.9rem 1.5rem 0.7rem; font-size: 1.5rem; }
  .group-purchase5 .inside .table-pagination { margin: 0 0 6.5rem; }
  .group-purchase5 .inside .table-pagination li { display: block; }
  .group-purchase5 .inside .table-pagination li a { margin: 0 0.8rem; padding: 0.3rem 0.6rem; font-size: 1.6rem; }
  .group-purchase5 .inside .table-pagination li .prev_link { width: 0.9rem; height: 1.4rem; }
  .group-purchase5 .inside .table-pagination li .next_link { width: 0.9rem; height: 1.4rem; }
  .group-purchase5 .inside .table-pagination li.active > a, .group-purchase5 .inside .table-pagination li.active > a:focus, .group-purchase5 .inside .table-pagination li.active > a:hover, .group-purchase5 .inside .table-pagination li.active > span, .group-purchase5 .inside .table-pagination li.active > span:focus, .group-purchase5 .inside .table-pagination li.active > span:hover { width: 2.5rem; height: 2.5rem; padding: 0.4rem 0.3rem 0.2rem; border: 1px solid #222; }
  .group-purchase5 .inside .table-btn button { width: 39.5rem; height: 6.5rem; font-size: 2em; }
  .group-purchase5 .inside .table-btn button:first-child { width: 40rem; height: 7rem; line-height: 7rem; }
  .group-purchase5 .inside .table-btn button:nth-child(2) { margin: 1.5rem auto 1.9rem; }
  .group-purchase5 .inside #groupModal:before { margin-right: -0.2rem; }
  .group-purchase5 .inside #groupModal .modal-dialog { width: 36rem; }
  .group-purchase5 .inside #groupModal .modal-content .modal-close { top: 0.8rem; right: 1.5rem; width: 2.2rem; height: 2.2rem; }
  .group-purchase5 .inside #groupModal .modal-body { padding: 0 0 2.9rem; }
  .group-purchase5 .inside #groupModal .modal-body .form-group { padding: 2.5rem 3rem 0; }
  .group-purchase5 .inside #groupModal .modal-body .form-group-input { width: 31.35rem; height: 5.3rem; background-position: -0.5rem -0.45rem; }
  .group-purchase5 .inside #groupModal .modal-body .form-group-input label { width: 13.2rem; height: 3.9rem; line-height: 3.9rem; font-size: 1.7rem; }
  .group-purchase5 .inside #groupModal .modal-body .form-group-input input, .group-purchase5 .inside #groupModal .modal-body .form-group-input select { width: 16.8rem; height: 3.9rem; line-height: 3.9rem; padding-left: 2.5rem; font-size: 1.7rem; }
  .group-purchase5 .inside #groupModal .modal-body .form-group-input select { width: 16.3rem; }
  .group-purchase5 .inside #groupModal .modal-body .select-input::after, .group-purchase5 .inside #groupModal .modal-body .select-input::before { top: 1.7rem; right: 2.9rem; width: 1.1rem; }
  .group-purchase5 .inside #groupModal .modal-body .select-input::after { border-width: 0.6rem; }
  .group-purchase5 .inside #groupModal .modal-body .group_noti { width: 30rem; margin-top: -0.5rem; font-size: 1.5rem; }
  .group-purchase5 .inside #groupModal .modal-body .group_noti .noti-link { display: block; margin-left: 0; text-align: right; }
  .group-purchase5 .inside #groupModal .modal-body .group_noti + .group_noti { margin-top: 0.5rem; }
  .group-purchase5 .inside #groupModal .modal-body .group_noti + .form-group-input { margin-top: 1.7rem; }
  .group-purchase5 .inside #groupModal .modal-body .form-group-priv { width: 30rem; padding-top: 1.4rem; margin-top: 2rem; }
  .group-purchase5 .inside #groupModal .modal-body .form-group-priv .priv-chk { margin-bottom: 1.3rem; }
  .group-purchase5 .inside #groupModal .modal-body .form-group-priv .priv-chk input { width: 1.5rem; height: 1.5rem; margin: 0 0.4rem 0 0; }
  .group-purchase5 .inside #groupModal .modal-body .form-group-priv .priv-chk label { font-size: 1.4rem; }
  .group-purchase5 .inside #groupModal .modal-body .group-priv_info { max-height: 7.25rem; padding: 0.5rem 0.8rem; font-size: 1.3rem; }
  .group-purchase5 .inside #groupModal .modal-body .group-priv_info ul ul { padding-left: 1rem; }
  .group-purchase5 .inside #groupModal .modal-body .group-priv_info ul ul ul { padding-left: 2rem; }
  .group-purchase5 .inside #groupModal .modal-body .groupDetails05 table { border-radius: 0.8rem; box-shadow: 0.4rem 0.4rem 0.45rem rgba(188, 188, 188, 0.35); -webkit-box-shadow: 0.4rem 0.4rem 0.45rem rgba(188, 188, 188, 0.35); }
  .group-purchase5 .inside #groupModal .modal-body .groupDetails05 td { height: 3.3rem; font-size: 1.7rem; }
  .group-purchase5 .inside #groupModal .modal-body .btn { width: 14.5rem; height: 4.4rem; margin: 1.6rem auto 0; font-size: 1.45rem; }
  .group-purchase5 .inside #groupModal .modal-body .btn-inner-row2 { width: 30rem; margin: 2.1rem auto 0; }
  .group-purchase5 .inside #groupModal .modal-body .btn-inner-row2 .btn-row:first-child { margin-right: 1rem; }
  .group-purchase5 .inside #groupModal .modal-body hr.div-line { margin-top: 2.9rem; margin-bottom: 2.5rem; }
  .group-purchase5 .inside #groupModal .modal-body #Dtimer { margin-top: -0.8rem; margin-bottom: 1.7rem; font-size: 1.3rem; }
  .group-purchase6 .sns-btn-inner { top: 42%; left: 19%; -webkit-transform: none; transform: none; width: 62%; }
  .group-purchase6 .sns-btn-inner .btn_kakao { top: 0; left: -7%; width: 28%; }
  .group-purchase6 .sns-btn-inner .btn_naver { top: 3%; left: 0; width: 28%; }
  .group-purchase6 .sns-btn-inner .btn_facebook { top: 0; left: 7%; width: 28%; }
  .group-purchase7 .inside { width: 100%; padding: 6.1rem 4rem 4.75rem; }
  .group-purchase7 .inside .title { margin-bottom: 1.2rem; font-size: 1.5rem; }
  .group-purchase7 .inside ul { margin-left: 0.3rem; font-size: 1.3rem; line-height: 1.9rem; }
  .group-purchase7 .inside ul li { padding-left: 0.8rem; }
  .group-purchase7 .inside ul li::before { top: 0.8rem; width: 0.3rem; height: 0.3rem; } }