@charset 'utf-8';
html,body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width:100%;height:100%;-ms-text-size-adjust:none;-webkit-text-size-adjust:none; text-size-adjust:none}
* {-webkit-appearance:none; -webkit-border-radius:0; max-height: 100000px; }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;}
body,input,textarea,select,table,button{font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, 
    Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-size:14px; line-height:1.25em; color: #111;}
body{word-wrap:break-word;word-break:break-all; background: #f5f5f5; touch-action: pan-x pan-y;}
img,fieldset{border:0; display: block;}
ul,ol{list-style:none}
a{text-decoration:none;cursor:pointer; color: #111;}
button {cursor:pointer; border:none;}
em,address{font-style:normal}
input { overflow:visible }
*,*::before,*::after {  box-sizing: border-box;}

.wrap {margin:0 auto; width: 100%; max-width: 640px; min-width:320px; height: 100%; background: #fff;}
.wrap.st2 {height:auto;}






@media(hover: hover) and (pointer: fine) {
}

ul, li {list-style: none;}
input:focus {outline: none;} /* outline 테두리 없애기 */

input::-moz-placeholder {color:#999;opacity:1; font-weight: 300;}
input:-ms-input-placeholder {color:#999;  font-weight: 300;}
input::-webkit-input-placeholder {color:#999;  font-weight: 300;}

.banner_top {background:#f4aa6c; position: fixed; left: 0; top: 0; right: 0; margin: auto; max-width: 640px;z-index: 10;}
.banner_top a {display:flex; align-items: center; justify-content: center; color: #fff; text-align: center; height:36px;}

.main_search {position: relative;}
.main_search input {border:2px solid #F27243; width: 100%; font-size:16px; height:50px; border-radius:10px; padding-left:18px; letter-spacing: -0.04em;}
.main_search button {text-indent: -999px; overflow: hidden; width:30px; height:30px; outline: none; border: none; border-radius: inherit; background:url(../../../img/timing/icon_search.png) no-repeat center; background-size:18px; position: absolute; top:10px; right:
30px;}
.main_search_key {display: flex; overflow-x:scroll; scrollbar-width:none; column-gap:4px; padding-bottom:20px;}
.main_search_key a {border: 1px solid #E5E5EC; font-size:14px; height:40px; display: flex; align-items: center; justify-content: center; border-radius: 20px; padding:0 16px; text-decoration:none; white-space:nowrap; line-height:0;}
.main_search_key a.active {background: #111; color: #fff; border-color:#111;}
.main_search_key a:last-child {margin-right:18px;}

.pad_lr {padding-left:18px; padding-right:18px; }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {-webkit-appearance:none}

.product_sort {display: flex; justify-content:space-between; align-items: center; position: relative; padding:0 18px 14px;}
.dropbtn {padding:2px 20px 2px 18px; border: none; cursor: pointer; background: url(../../../img/timing/icon_sort.png) right 1px no-repeat; background-size:15px; font-size: 14px; line-height: 1; }
.dropdown-content {display: none; position: absolute; top:28px; right:12px; background-color: #fff; border: 1px solid #e1e1e1; min-width:100px; overflow: auto; box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1); z-index: 1; padding:3px 0; }
.product_sort .dropdown-content.show {display: block; }
.product_sort .dropdown-content a {display: block; padding:10px 15px; border-bottom: 1px solid #efefef}
.product_sort .dropdown-content a:last-child {border-bottom: none;}
.product_list {display: flex; flex-wrap: wrap; width: 100%; padding: 0 14px;}
.product_list li {width: 50%; position: relative; padding:0 4px; margin-bottom:35px;}
.product_list li a {position: absolute; left:0; right: 0; bottom: 0; top: 0; z-index: 2}
.list_thumb {position: relative;}
.list_thumb img {width: 100%; border-radius:8px;}
.thumb_icon {border-radius:8px 0 8px 0; display: inline-block; position: absolute; left: 0; top:0; font-size:12px; font-weight:400; line-height: 1; padding:5px 8px 6px;}
.thumb_icon.st1 {background:#D92936; color: #fff;}
.thumb_icon.st2 {background:#8FBBFE; color: #fff;}
.list_info {padding:12px 4px 0;}
.info_tit {font-size: 14px;  line-height: 1.4; margin-bottom:8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;}
.info_price {}
.info_price .sale {padding:1px 4px 2px 16px; border-radius:4px; font-size: 12px; font-weight: bold;  margin-right:7px;}
.info_price .sale.down, .view_price .sale.down {background: url(../../../img/timing/icon_arrow3_down.png) #fcecee 4px center no-repeat; background-size:11px; color: #d92936;}
.info_price .sale.up, .view_price .sale.up {background: url(../../../img/timing/icon_arrow3_up.png) #E7F5FF 4px center no-repeat; background-size:11px; color: #1C7ED6;}
.info_price .sale.st2 {font-size: 15px;}
.info_price .pre {font-size: 14px; color:#999; text-decoration: line-through; letter-spacing: -0.02em;}
.info_price .won {font-size: 17px; font-weight:700; letter-spacing: -0.02em; margin-top:8px;}
.info_price .won span {font-size: 16px; font-weight: normal;}
.info_price s {font-size: 13px; color: #999; font-weight: 400;}
.info_price .last {padding-top:5px; display: flex; align-items:center; font-size: 16px;}
.info_price .last span {font-size:12px; font-weight:500}
.info_star {font-weight:600; display: flex; align-items: center; line-height:1; padding-bottom:9px;}
.info_star span {width:74px; height: 14px; display:inline-block; background: url(../../../img/timing/icon_star_off.png) left top no-repeat; background-size:74px; margin-right:4px;}
.info_star em {width:74px; height: 14px; display:inline-block; background: url(../../../img/timing/icon_star_on.png) left top no-repeat; background-size:74px;}
.info_store {font-size:13px; font-weight:600; display: flex; align-items: center; padding-bottom:9px; line-height: 1}
.info_store img {width:18px; margin-right:4px;}
.info_icon {display: flex; column-gap: 2px;}
.info_icon span {border-radius:4px; display: inline-block; font-size: 12px; line-height: 1; padding:4px; font-weight:500; letter-spacing: -0.04em;}
.info_icon_st1 {color: #1C7ED6; background: #E7F5FF;}
.info_icon_st2 {color: #767676; border: 1px solid #E5E5EC;}
.info_icon_st3 {color: #37B24D; background: #E7F6EA;}
.info_icon_st4 {color: #767676; background: #F3F4F5;}
.info_icon_st5 {color: #F76707; background:#FFF4E6;}

footer {background: #f3f4f5; padding:26px 0 100px;}
.banner_appdown2 {padding-bottom:28px;}
.banner_appdown2 button {background: #F76707; color: #fff; font-size: 16px; width: 100%; border-radius:10px; line-height: 1; padding:22px 0;}
.footer_info {padding-bottom: 20px}
.footer_info dt {display: flex; flex-direction: column; padding: 0 18px;}
.footer_info1 {font-size: 13px; font-weight:600; padding-bottom:6px;}
.footer_info2 {font-size: 13px; display: flex; flex-direction: column; padding: 15px 0;}
.footer_info2 span {color: #111; line-height:1.8;}
.footer_info3 {font-size: 12px;}
.footer_info dd {padding: 0  18px; color: #767676; font-size: 13px; letter-spacing: -0.02em; line-height:1.8;}
.footer_link1 {display: flex; justify-content: center; padding-bottom:24px;}
.footer_link1 a {color: #505050; display: block; line-height:1; padding:4px 5px 4px 0; font-size: 13px;}
.footer_link1 a::after {content:" | "; color: #dadada; padding-left:4px;}
.footer_link1 a:last-child::after {content:""; padding-left: 0;}
.footer_link1 a:last-child {padding-right: 0;}
.footer_link2 {display: flex; justify-content: center; padding-bottom: 18px; column-gap:8px;}
.footer_link2 a {display: block; background:#f8f8f8; border: 1px solid #E5E5EC; font-size: 15px; line-height: 1; padding: 13px 16px; font-weight: 500; border-radius:8px;}
.footer_link2 a.link2_cs {background: url(../../../img/timing/icon_cs.png)#f8f8f8 13px center no-repeat; background-size:18px; padding-left: 34px;}
.footer_info dd a {color: #111; display: inline-block; margin-left:6px;}
.footer_info dd i {display:inline-block; min-width:12px; width:12px; height:10px; background: url(../../../img/timing/icon_arrow2_down.png) right top no-repeat; background-size:12px; margin:0 5px 0 1px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);}
.banner_appdown {background:#000; position: fixed; align-items: center; padding: 12px 16px; left: 0; bottom: 0; right: 0; margin: auto; max-width: 640px; display: flex; z-index: 10;}
.appdown_img {min-width: 62px; width: 62px; height: 62px; margin-right:12px;}
.appdown_img img {width: 100%}
.appdown_cont {color: #fff; font-size: 13px; line-height: 1.4; padding-right:15px;}
.appdown_cont b {color: #FF3D00;}
.appdown_btn button {border-radius:4px; min-width: 110px; padding: 0 6px; position: relative; background: #505050;}
.appdown_btn button span {color: #fff; background: url(../../../img/timing/icon_down.png) right center no-repeat; background-size:16px; line-height: 1; display:inline-block; padding:12px 18px 12px 0;}

.search_key {display: flex; align-items: center; padding-bottom:22px;}
.search_key dt {font-weight:700; min-width:42px; font-size: 15px;}
.search_key dt::after {content:" | "; color: #CACAD7; font-weight:300; padding-left:5px;}
.search_key dd {display: flex; overflow-x:scroll; scrollbar-width:none; font-size: 15px;}
.search_key dd a {white-space:nowrap; color: #1C7ED6; display: block; padding: 4px 6px;}
.search_result {font-size: 22px; font-weight: 700; line-height: 1; padding-bottom:10px;}
.search_result span {color: #FF3D00; padding-right:8px;}
.sort_ea {font-size: 17px; letter-spacing: -0.04em; font-weight: 600; padding-top:2px;}

#navbar { background-color: #fff; position: fixed; top: 0; max-width: 640px;  width: 100%; transition: top 0.3s; height:64px; display: flex; justify-content: space-between; align-items: center; /*-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.05); box-shadow:0 2px 2px rgba(0, 0, 0, 0.05); */ z-index:100 }
.navbar_left {padding-left: 15px; min-width:50px;}
.navbar_right {padding-right: 20px;  min-width:50px;}
.navbar_left a, .navbar_right a {display: block; padding: 0 5px}
.navbar_prev img, .navbar_home img {width:22px;}
.navbar_tit {font-size:20px; font-weight:600; line-height: 1.1; text-align: center;}

.btn_bottom {background: url(../../../img/timing/bg_btm.png) left top repeat-x; background-size:contain; position: fixed; bottom:0; max-width: 640px;  width: 100%; display: inline-table; padding:30px 14px 20px; z-index: 10;}
.btn_st1, .btn_st2, .btn_st3, .btn_st4, .btn_st5, .btn_st6 {display: table-cell; padding: 0 3px;}
.btn_st1 a, .btn_st2 a, .btn_st3 a, .btn_st4 a, .modal-btn, .btn_st6 a {border-radius: 30px; font-size: 17px; padding:18px 0; line-height: 1; font-weight:600; display:block; width: 100%; text-align: center;}
.btn_st1 a, .modal-btn {color: #fff; background: #F76707; cursor: pointer;}
.btn_st2 a {background: #E9EBEE;}
.btn_st3 a {color: #fff; background: #000; border-radius:12px;}
.btn_st4 a {color: #111; background: #E9EBEE; border-radius:12px;}
.btn_st5 a {color: #fff; background: #F76707; font-size: 14px; height: 48px; display:flex; align-items: center; justify-content: center;}
.btn_st6 a {color: #fff; background: #F76707; border-radius: 0; padding: 22px 0;}
.btn_st6.disable a {color: #999; background: #f1f1f5; border: 1px solid #E5E5EC;}

.view_thumb {position: relative;}
.view_thumb_img img {width: 100%; display: block;}
.view_thumb_time {position: absolute; left: 0; bottom: 0; background:rgba(0,0,0,0.5); width: 100%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; height: 48px; line-height: 1;}
.view_thumb_time img {width:20px;margin: -1px 5px 0 0;}

.view_info {padding:20px 18px 30px;}
.view_type {display: flex; justify-content: space-between; align-items: center; padding-bottom:8px}
.view_type_icon {display: flex; column-gap: 4px;}
.view_type_icon span {font-size: 12px; padding:6px 7px; font-weight:500; letter-spacing: -0.04em; line-height: 1; border-radius:4px;}
.option2_icon span {font-size: 11px; padding:2px 5px; font-weight:500; letter-spacing: -0.04em; line-height: 1; border-radius:3px; margin-right:3px;}
.view_type_icon span.st1, .option2_icon span.st1 {background:#D92936; color: #fff;}
.view_type_icon span.st2, .option2_icon span.st2 {background:#8FBBFE; color: #fff;}
.view_type_icon span.st3, .option2_icon span.st3 {color: #107700; background: #E7F6EA;}
.view_type_icon span.st4, .option2_icon span.st4 {color: #F76707; background: #FFF4E6;}
.view_type_icon span.st5, .option2_icon span.st5 {color: #D92936; background: #fff; border: 1px solid #D92936;}

.view_type_share img {width: 26px;}

.view_tit {font-size:18px;  line-height: 1.5; padding-bottom:15px; letter-spacing: -0.04em;}
.view_tit p {color:#999; font-size: 14px; padding-top: 2px;}
.view_star {display: flex; align-items: center; line-height:1; padding-top:10px; font-size: 15px;} 
.view_star img {width:15px; margin:0 5px 0 3px;}
.view_star span { color: #999; margin-left: 4px; font-weight: normal; font-size: 14px;}

.view_store_icon {display: flex; align-items: center; padding-bottom: 12px;}
.view_store {font-size:15px; font-weight:600; display: flex; align-items: center; line-height:0; margin-right:8px;}
.view_store img {width:22px; margin-right:5px;}
.view_icon {display: flex; column-gap:5px;}
.view_icon span {border-radius:4px; display: inline-block; font-size: 13px; line-height: 1; padding:5px 7px; font-weight:500;}
.view_wow {color: #1C7ED6; display: flex; align-items: center; line-height: 1; padding-top:12px;}
.view_wow img {width:19px; margin-right:3px;}

.price_cp {display: flex; align-items:flex-end; margin-bottom:12px;}
.price_cp b {font-size:25px; display: flex; align-items: center;}
.price_cp.st2 b {color: #FF3D00;}
.price_cp b small {font-size:18px;}
.price_cp span.unit {font-size:13px; color: #767676; font-weight:400; padding-left: 4px;}


section { padding:26px 18px; border-top: 12px solid #f5f5f5;}
.section_tit {font-size:18px; font-weight:700; letter-spacing: -0.04em; line-height: 1; padding-bottom:18px; display: flex; justify-content: space-between}
.section_tit.st2 {font-size:16px; color: #505050;}
.section_tit.tit_ai {background: url("../../../img/timing/icon_ai.png") left top no-repeat; background-size:20px; padding-left:25px; justify-content: flex-start;}
.section_tit.tit_ai button {display: inline-block; padding:0 8px; cursor: pointer; background:none;}
.section_tit.tit_ai button img {width: 18px;}
.section_tit.tit_rv .view_star {padding: 0;}
.section_tit.tit_cate {justify-content: flex-start; flex-direction: column; row-gap:6px;}
.section_tit.tit_cate span {color: #D92936;}
.product_list.st2 {display: flex; overflow-x:scroll; scrollbar-width:none; width: 100%; flex-wrap:nowrap; column-gap:8px; padding:0;}
.product_list.st2 li {width:140px; min-width:140px; position: relative; padding:0; margin-bottom:10px;}

.view_etc {padding:24px 20px}
.view_etc .etc_list:last-child {padding-bottom: 0;}
.etc_list {display: flex; align-items: center; background-size:21px; padding:3px 0 16px 27px; background-position: left top; background-repeat: no-repeat; font-size: 14px; color: #505050; letter-spacing: -0.02em;}
.etc_list b {color: #111;}
.icon_unopen {background-image: url(../../../img/timing/icon_unopen.png)}
.icon_card {background-image: url(../../../img/timing/icon_card.png)}
.icon_coupon {background-image: url(../../../img/timing/icon_coupon.png)}
.icon_cash {background-image: url(../../../img/timing/icon_cash.png)}

.view_graph {background: url(../../../img/timing/img_graph.png) center top no-repeat; background-size:contain; height: 210px; border: 1px solid #E5E5EC; border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-direction: column; padding-bottom:6px}
.view_graph b {font-size:17px; text-align: center; line-height: 1.4; margin-bottom:12px;}
.view_graph button, .page_error_btn button, .board_cont_btn button {font-size: 16px; font-weight:700; background:#E9EBEE; border-radius: 8px; padding: 14px 50px;}

.view_option {padding-top: 4px;}
.view_option li {display: flex; align-items: center; justify-content: space-between; padding-bottom:24px;}
.view_option .view_option_l {display: flex; align-items: center; column-gap: 12px;}
.option_thumb {width:64px; min-width:64px; position: relative; height: 64px}
.option_thumb img {width: 100%; border-radius:6px;}
.option_cont_tit {font-size: 15px; letter-spacing: -0.04em; padding-bottom:1px; font-weight: 500;}
.option_cont_price {line-height: 1.4;}
.option_cont_price b {font-size:18px; margin-right:5px;}
.option_cont_price span.price_unit {font-size:14px; color: #767676; display: inline-block;}
.option_cont_price span.price_unit.lowest {color: #FF3D00;}
.option_check {width: 24px; margin:0 12px;}
.option_check img {width:100%;}
.option_more button {width: 100%; font-size: 16px; font-weight:700; background: #fff; border: 1px solid #E5E5EC; border-radius: 8px; padding: 14px 40px;}
.option_cont .info_icon {padding-top: 4px;}
.thumb_soldout {background:rgba(0,0,0,0.35); position: absolute; left: 0; top: 0; right: 0; bottom: 0; color: #fff; display: flex; align-items: center; justify-content: center; border-radius:6px;}

.faq_list { width: 100%; padding-bottom:40px;}
.faq_list .faq_q {cursor: pointer; display: block; padding:18px 2px 17px; font-size: 16px; font-weight:500; border-bottom: 1px solid #F1F1F5; position: relative; -webkit-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; display: flex; justify-content: space-between; align-items: center; line-height: 1.3;}
.faq_list li i {display: block; min-width:15px; width:15px; height:15px; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; background: url(../../../img/timing/icon_arrow2_down.png) right top no-repeat; background-size:15px; margin:0 5px 0 20px;}
.faq_list li i.icon_down { right: 12px; left: auto; font-size: 16px;}
.faq_list li.open i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.faq_a { display: none; background: #F3F4F5; font-size: 15px; padding:16px 14px; line-height: 1.5;}

.page_error {display: flex; flex-direction: column; align-items: center; text-align: center; padding: 80px 0 0;}
.page_error_img {padding-bottom:20px;}
.page_error_img img {width: 110px;}
.page_error_tit {font-size:18px; color: #111; font-weight:700; letter-spacing: -0.04em; padding-bottom:12px;}
.page_error_cont {font-size:15px; color: #767676; line-height: 1.4; padding-bottom: 40px;}
.page_error_cont a {font-size:16px; color: #111; font-weight: 600;}

.use_step {padding:20px; position: relative;  margin: 0 auto; height:-webkit-calc(100vh - 70px); height:-moz-calc(100vh - 70px); height:calc(100vh - 70px);}
.use_step.img1 {background: url(../../../img/timing/step_img_point_01.gif?v3) center top no-repeat;  background-size: contain;}
.use_step.img2 {background: url(../../../img/timing/step_img_point_02.gif?v3) center top no-repeat;  background-size: contain;}
.use_step.img3 {background: url(../../../img/timing/step_img_point_03.gif?v3) center top no-repeat;  background-size: contain;}
.use_step.img3_1 {background: url(../../../img/timing/step_img_point_03_1.gif?v3) center top no-repeat;  background-size: contain;}
.use_step.img4 {background: url(../../../img/timing/step_img_point_04.gif?v3) center top no-repeat;  background-size: contain;}
.use_step.img4_i {background: url(../../../img/timing/step_img_point_04_i.gif?v3) center top no-repeat;  background-size: contain;}
.use_step.img5 {background: url(../../../img/timing/step_img_point_05.gif?v3) center top no-repeat;  background-size: contain;}
.use_step.img6 {background: url(../../../img/timing/step_img_point_06.jpg?v3) center top no-repeat;  background-size: contain;}
.use_step a {display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}

.guide_top {padding:16px 28px 0;}
.guide_top_tit {font-size: 32px; font-weight:700; line-height: 1.3; margin-bottom: 10px;}
.guide_top_sub {font-size: 15px;  color: #767676; line-height: 1.4;}
.guide_cont {padding:40px 36px; border-bottom:12px solid #f5f5f5;}
.guide_cont2 {padding:40px 36px; background: #f8f9fa;}
.guide_cont_img {padding-bottom: 10px;}
.guide_cont_img img {width: 100%;}
.guide_cont_tit {font-size: 24px; font-weight:700; line-height: 1.3; margin-bottom: 10px;}
.guide_cont_tit_s {font-size: 14px; font-weight:600; line-height: 1; margin-bottom:4px;}
.guide_cont_sub {font-size: 15px;  color: #767676; line-height: 1.4;}
.guide_cont_sub b {color: #F76707;  font-weight: 500;}
.guide_cont_sub2 {font-size: 13px;  color: #767676; line-height: 1.3; padding-top:8px;}
.guide_cont_sub2 b {color: #F76707;  font-weight: 500;}
.guide_cont_tag {display: flex; flex-wrap:wrap; margin:20px -20px;}
.guide_cont_tag li { width: 50%; padding:8px 6px}
.guide_cont_tag li div {border-radius: 18px; display: flex; flex-direction: column; align-items: center; padding: 20px 0 22px;}
.guide_cont_tag li:nth-child(1) div {background: #FCECEE;}
.guide_cont_tag li:nth-child(2) div {background: #FBF3E4;}
.guide_cont_tag li:nth-child(3) div {background: #F1E6F4;}
.guide_cont_tag li:nth-child(4) div {background: #E8EAF6;}
.guide_cont_tag li:nth-child(5) div {background: #E5F5FD;}
.guide_cont_tag li:nth-child(6) div {background: #E3F1F1;}
.guide_cont_tag li img {width:90px}
.guide_cont_tag li p {font-size:16px; font-weight:600; padding-top:18px; letter-spacing: -0.02em;}

.intro_top {background: #fff; position: relative; height: 100%; width: 100%; min-height: 600px;}
.intro_cont {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0; width: 100%; height: 100%; }
.intro_txt {display: flex; flex-direction: column; align-items: center; position: absolute; top:42%; margin-top: -240px; left: 0; right: 0; text-align: center;}
.intro_txt1 {font-size:36px; color: #111; line-height: 1.1; font-weight:800; letter-spacing:-0.05em;}
.intro_txt2 {font-size:20px; color: #767676; line-height: 1.3; letter-spacing:-0.05em; padding-top:10px;}
.intro_txt2 b {color:#F76707; }
.intro_txt3 {}
.intro_txt3 img {width:80%; margin:0 auto; min-width: 340px;}

.intro_btm {position: absolute; left: 0; right: 0; bottom:70px; padding:20px; width:100%;  display: flex; flex-direction: column; align-items: center;}
.intro_btm_t {font-size: 16px; color:#767676; padding-bottom:10px;}
.intro_arrow {position: absolute;left: 50%;top: 50%;transform-origin: 50% 50%;transform: translate3d(-50%, -50%, 0); margin-left: -6px; margin-top: -30px;}
.arrow_first {animation: movement 1s ease-in-out infinite;}
.arrow_second {animation: movement 1s ease-in-out infinite 0.5s;}
@keyframes movement {
	0% {opacity: 0;	top:38%;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}
.intro_arrow:before, .intro_arrow:after {content: '';width:10px; height:1.5px;background: #aaa;position: absolute;display: block;}
.intro_arrow:before {transform: rotate(45deg) translatex(-10%);	transform-origin: top left;}
.intro_arrow:after {transform: rotate(-45deg) translatex(10%);	transform-origin: top right;}





.modal-container {
  margin: 0 auto;
  padding-top: 0px;
  position: relative;
  width: 160px;    
  .modal-btn {
    transition: background 0.3s ease-in;
    &:hover { background: #365690; }
  }
  .modal-content, 
  .modal-backdrop {
    height: 0; 
    width: 0; 
    opacity: 0;    
    visibility: hidden;
    overflow: hidden; 
    cursor: pointer;
    transition: opacity 0.2s ease-in; 
  }
  .modal-close {
    position: absolute;
    right:20px;
    top:20px;
    cursor: pointer;
     
  }      
  #modal-toggle {
    display: none;  
    &.active ~ .modal-backdrop,
    &:checked ~ .modal-backdrop {
      background-color: rgba(0, 0, 0, 0.6);
      width: 100vw;
      height: 100vh;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 100;
      visibility: visible;
      opacity: 1;      
      transition: opacity 0.2s ease-in; scroll-behavior: none;
    }
    &.active ~ .modal-content,
    &:checked ~ .modal-content {
      opacity: 1;
      background-color: #fff;
      width: 460px;
      height: 460px;
      padding: 10px 30px;
      position: fixed;
      left: calc(50% - 230px);
      top:16%;
      border-radius:20px;
      z-index: 999;
      pointer-events: auto;
      cursor: auto;
      visibility: visible;      
      box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);  
      @media (max-width: 460px) { left: 0; }                   
    }  
  }
}
.modal_qr { display: flex; flex-direction: column; align-items: center; padding-top:60px;}
.modal_qr_t {font-size: 26px; line-height: 1.2; letter-spacing: -0.04em; font-weight:600;}
.modal_qr_t b {font-size:32px; color: #f76707;}
.modal_qr_t2 {font-size:18px; color: #777; letter-spacing: -0.04em; padding-top: 15px; font-weight:400;}
.modal_qr_img {padding-top: 20px;}

.pc_qr { display: flex; flex-direction: column; align-items: center;}
.pc_qr_t {font-size:22px; line-height: 1.2; letter-spacing: -0.04em; font-weight:600; padding-top: 18px;}
.pc_qr_t b {font-size:26px; color: #ff3d00;}
.pc_qr_t2 {font-size:16px; color: #777; letter-spacing: -0.04em; padding-top:13px; font-weight:400;}
.pc_qr_img {margin-top:36px; background: #fff; border-radius: 12px; padding: 4px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);}
.pc_qr_img img {width:130px;}

@media (max-width: 1201px) {
#pc_area {display: none;}
}

@media (min-width: 1201px) {
#pc_area {position: fixed; display: table; top:20%; left: calc(50% + 350px); height: 100%;z-index: 70;font-size: 16px;line-height: 1;}
.wrap.pc_ver {margin-left:20%;}
}


.credit_top_area {padding:4px 20px;}
.credit_top {background: #F76707; border-radius: 18px;}
.credit_top_my {background: #fff; border-radius: 18px; border: 1px solid #767676; box-shadow: 0px 4px 4px rgba(0,0,0,0.15); padding:20px 18px; }
.credit_top_btn {text-align: center;}
.credit_top_btn a {color: #fff; padding:11px 0 12px; display: block;}
.credit_top_btn span {position: relative; line-height: 1; padding-right:12px;}
.credit_top_btn span::after {content: ''; width:8px; height:8px; border-top:1px solid #fff;  border-right:1px solid #fff; display: inline-block; transform: rotate(45deg);  position: absolute; top:50%; right: 0px; margin-top: -4px;}
.credit_my_own {font-size: 16px; font-weight:700; letter-spacing: -0.04em; line-height: 1; display: flex; align-items: center; position: relative;}
.credit_my_own b {font-size: 28px; color: #FF3D00; font-weight:700;  margin:0 1px 4px 5px;}
.credit_my_own span { color: #505050; font-weight: 400; margin-left: 4px; position: relative; padding-right:14px; font-size: 14px;}
/*.credit_my_own span::after {content: ''; width:8px; height:8px; border-top:1px solid #555;  border-right:1px solid #555; display: inline-block; transform: rotate(45deg);  position: absolute; top:50%; right: 0px; margin-top: -3px;}*/
.credit_my_own a {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10;}
.credit_my_goal { font-weight:500; letter-spacing: -0.04em; line-height: 1; display: flex; align-items: center; color: #505050; font-size: 13px;}
.credit_my_goal b {font-weight:800;  margin:0 2px 0 2px; color: #111;}
.credit_my_goal span {margin-left: 4px;}

.credit_my_info .layerpopup a {padding:0 6px; margin-top:1px; background:#fff; display: block;}
.credit_my_info .layerpopup img {width:18px;}
.credit_my_info .layerpopup2 a {padding:0 2px; display: block;}
.credit_my_info .layerpopup2 img {width:18px;}
.credit_my_graph {padding:52px 0 0 0; width: 100%; position: relative;}
.my_graph_bar_bg {background:#E5E5EC; border-radius:5px; height: 10px; }
.my_graph_bar_p {background:url(../../../img/timing/bg_bar.jpg) left center repeat-x; background-size:contain; border-radius:5px; height: 10px; position: absolute;}
.my_graph_bar_ea {position: absolute;right: 0; bottom: 0; margin:0 -45px -4px 0; display: flex; flex-direction:column; align-items: center; width: 90px;}
.my_graph_bar_ea span {display: block; width:18px; height:18px; border-radius: 50%; background: #fff; border: 4px solid #FF3D00; }
.my_graph_ea {display: flex; justify-content: space-between; font-size: 12px; margin-top: 5px;}
.bar_ea_arrow { position: relative; width: 70px; height:23px; padding:5px 5px 0; background: #FF3D00; border-radius:12px; text-align: center; line-height: 1; color: #fff; font-size: 12px; margin-bottom:8px;}
.bar_ea_arrow:after, .bar_ea_arrow:before { content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border: solid rgba(255, 255, 255, 0);}
.bar_ea_arrow:after { border-color: rgba(255, 255, 255, 0); border-width:12px 6px 6px 6px; bottom: -12px; border-top-color: #FF3D00; left: 50%; margin-left: -6px;}
.credit_my_today {padding:6px 0 2px;}
.credit_my_today li {display: flex; justify-content: space-between; line-height: 1; padding-top:8px;}
.credit_my_today li b {font-weight:600;}
.credit_top_noti {color: #767676; font-weight: 400; text-align: center; letter-spacing: -0.04em; padding:20px 0 24px; line-height: 1.4;}
.credit_top_noti b {color: #111; font-weight:600;}
.credit_list {}
.credit_list li {display: flex; justify-content: space-between; padding:24px 8px; border-bottom:1px solid #E5E5EC; line-height: 1;}
.credit_list li:last-child {border-bottom: none;}
.credit_list_cont {display: flex; flex-direction:column;}
.credit_list_cont b {font-size: 16px; font-weight:800; padding-bottom:14px;}
.credit_list_cont b span {font-weight: 400; margin-left: 5px;}
.list_cont_date { color: #767676;}
.list_cont_num { color: #999; padding-bottom:8px; line-height: 1.2}
.list_cont_tit { color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3;} 
.credit_list_cash {font-size: 16px; font-weight:600; min-width: 100px; text-align: right; display: flex; flex-direction:column; row-gap:10px; }
.credit_list_cash b {margin-right:2px; font-weight: 800;}
.credit_list_cash .cash_plus, .plan_cash .cash_plus {color: #FF3D00;}
.credit_list_cash .cash_minus {color: #0095f6;}
.credit_list_cash .cash_minus2 {color: #999;}

.credit_list_t {display: flex; justify-content: space-between; background: #F2F3F6; margin: 0 -20px; padding: 12px 28px}
.credit_list_t .credit_list_cont b {padding-bottom: 0;}
.credit_list_t .credit_list_cash {display: flex; flex-direction: row; justify-content: flex-end;}

.tab_st1 {display: flex; width: 100%; padding:6px 20px;}
.tab_st1 li {color: #505050; font-size: 16px; border-bottom: 1px solid #ccc; flex: auto; text-align: center; padding:12px 0; line-height: 1;}
.tab_st1 li.active {color: #111; border-bottom: 2px solid #111; font-weight:600;}
.credit_goods_list ul {display: flex; flex-wrap: wrap; width: 100%; padding:0 18px; justify-content: space-between; gap:4px}
.credit_goods_list li {width:calc((100% - 8px) / 3); position: relative; margin-bottom:20px;}
.credit_goods_list li a {position: absolute; left:0; right: 0; bottom: 0; top: 0; z-index: 2}
.credit_goods_thumb img {width: 100%;}
.credit_goods_date {position: absolute; left: 0; top: 0; color: #fff; background: rgba(0, 0, 0, 0.15); font-size: 12px; line-height: 1; padding:4px 8px;}
.credit_goods_cont {padding:14px 4px 14px 2px; line-height: 1;}
.credit_goods_cont1 {font-size:12px; color: #1C7ED6; padding-bottom:7px;}
.credit_goods_cont2 {color: #505050; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2; margin-bottom:7px}
.credit_goods_cont3 {font-size:16px; font-weight:bold;} 

.credit_goods_view {}
.goods_view_top {padding-top: 30px; width:70%; margin:0 auto; display: flex; flex-direction: column; align-items: center;}
.view_top_thumb img, .view_top_barcode img {width: 100%; max-width: 300px;}
.goods_view_cont {text-align: center; padding:16px 0 12px; line-height: 1;}
.goods_view_cont1 {color: #1C7ED6; padding-bottom:8px;}
.goods_view_cont2 {color: #111; font-size: 16px; line-height: 1.2; font-weight:600; padding-bottom:6px;}
.goods_view_cont3 {color: #777; font-size: 12px;}
.goods_view_info {padding:30px 20px;}
.goods_view_info dl {display: flex; border-bottom: 1px solid #F1F1F5;}
.goods_view_info dl:first-child {border-top: 1px solid #F1F1F5;}
.goods_view_info dt {background: #F7F7FB; width:100px; min-width:100px; font-weight:500; padding:14px 0 14px 18px;}
.goods_view_info dd {color: #767676; padding: 14px}
.goods_view_faq .faq_q {padding:18px 20px 17px;}
.goods_view_faq .faq_a {padding:16px 16px 16px 40px; font-size: 14px; color: #505050;}
.view_faq_note {padding-top: 24px; font-size: 13px;}
.view_faq_note_t {font-size: 15px; font-weight: bold}
.view_faq_note ul {padding-top:8px;font-size: 13px;}
.view_faq_note li { background:url(../../../img/timing/icon_dot.png) 4px 7px no-repeat; background-size:3px; padding-left:12px; padding-bottom:12px; color: #333}
.view_faq_note li b {color: #111;}
.view_faq_note li p { padding:4px 0 3px;}
.credit_list_plan {background: #FFF4E6; border-radius: 6px; margin: 0 0 20px; padding:22px 26px;}
.credit_list_plan li {display: flex; justify-content: space-between; margin-bottom:16px;}
.credit_list_plan li:last-child {margin-bottom: 0;}
.plan_cont {font-size: 15px; font-weight:600;}
.plan_cash {font-size: 18px; font-weight:800;}


.credit_my_info {position: relative;}
.tooltip {position: absolute;  display: none; background-color: #fff;color: #777;padding:8px 14px 7px;border-radius:4px; font-weight: 400; line-height: 1.3; z-index: 1000;width: 220px;border: 1px solid #111; box-shadow:3px 3px 8px rgba(0,0,0,0.2); font-size: 13px; text-align: left;}
.tooltip.posi1 {top:36px;left: 50%;margin-left: -110px;}
.tooltip.posi2 {bottom:36px;right:-10px; width:300px;padding:0 10px;}

.tooltip.a_up::after { content: ''; position: absolute; top: -13px; /* 화살표 위치 */ left: 50%; transform: translateX(-50%); border-width: 0 7px 13px 7px; /* 위쪽 화살표 */ border-style: solid; border-color: transparent transparent #fff transparent; /* 화살표 색상 */}
.tooltip.a_up::before { content: ''; position: absolute; top: -14px; /* 화살표 테두리 위치 */ left: 50%; transform: translateX(-50%); border-width: 0 8px 14px 8px; /* 위쪽 화살표 테두리 */ border-style: solid; border-color: transparent transparent #111 transparent; /* 화살표 테두리 색상 */}

.tooltip.a_down::after { content: ''; position: absolute; bottom: -13px; /* 화살표 위치 */ right:6px; transform: translateX(-50%); border-width: 13px 7px 0 7px; /* 아래쪽 화살표 */ border-style: solid; border-color: #fff transparent transparent transparent; /* 화살표 색상 */}
.tooltip.a_down::before { content: ''; position: absolute; bottom: -14px; /* 화살표 테두리 위치 */right:4px; transform: translateX(-50%); border-width: 14px 8px 0 8px; /* 아래쪽 화살표 테두리 */ border-style: solid; border-color: #111 transparent transparent transparent; /* 화살표 테두리 색상 */}

/* 레이어 팝업창 */
.layer_bg { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#layerpopup, #layerpopup2 { display: none;}
#layerpopup .close, #layerpopup2 .close { position: absolute; top:8px; right:8px;}
.x-icon { position: relative;  width: 14px; /* 아이콘 크기 */  height:14px; /* 아이콘 크기 */ display: block;}
.x-icon::before,.x-icon::after { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height:1px; /* 선 두께 */ background-color: #333; /* 선 색상 */ border-radius: 2px; /* 선 끝 둥글게 */ transform-origin: center;}
.x-icon::before { transform: translate(-50%, -50%) rotate(45deg); /* 대각선 */}
.x-icon::after { transform: translate(-50%, -50%) rotate(-45deg); /* 반대 대각선 */}

.credit_guide {padding: 0 0 50px;}
.credit_guide_top img {width: 100%;}
.credit_guide_top p {padding:42px 22px 40px;}
.credit_guide_top p b {font-size:32px; letter-spacing: -0.05em;}
.credit_guide_top p img {width:78%; margin:0 auto; max-width:350px; margin-top:20px;}
.credit_guide_cont {padding:0 22px;}
.credit_guide_cont dt {font-size: 24px; font-weight:600; letter-spacing: -0.04em; padding-bottom:18px;}
.credit_guide_cont dd {color: #505050; font-size: 15px; line-height: 1.5; padding-bottom:60px;}
.credit_guide_cont dd span {color: #FF3D00;}
.credit_guide_cont dd b {color: #FF3D00; padding-top:10px; display: block}
.credit_guide_goods {padding-bottom:50px;}
.credit_guide_goods p {padding:0 22px 30px;}
.credit_guide_goods p b {font-size:32px; letter-spacing: -0.05em; line-height: 1.2;}

.owl-carousel img {border-radius: 50%; overflow: hidden;}
.owl-carousel .item { position: relative;}
.owl-carousel .item i { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}

.guide_goods_cont {padding:30px 20px 15px;}
.guide_goods_cont li { background:url(../../../img/timing/icon_dot.png) 4px 9px no-repeat; background-size:2px; padding-left: 10px; padding-bottom:15px; color: #505050;}
.guide_goods_cont li span {color: #FF3D00}
.guide_goods_btn {width: 100%; display: flex;padding: 0 80px;}
.guide_goods_btn2 {width: 100%; display: flex; padding: 0 16px;}

/* 레이어 팝업 오버레이 */
.popup-overlay { display: none; /* 기본적으로 숨김 */ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); /* 반투명 배경 */  z-index: 1000;}

/* 팝업 컨텐츠 스타일 */
.popup-content { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding:0 0 26px 22px; width:320px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 1001;}
.myorder_popup {overflow-y: auto;   max-height:420px;  min-height:360px; padding-right:20px}
.myorder_popup h2 {font-size: 20px; font-weight:600; line-height: 1.1; padding-top: 26px;}
.popup-close { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; cursor: pointer; background: #111; color: #fff; text-align: center; padding:14px 0;}
.myorder_noti {padding:24px 2px 12px;}
.myorder_noti li { background:url(../../../img/timing/icon_dot2.png) 4px 7px no-repeat; background-size:2px; padding-left: 10px; padding-bottom:8px; font-size: 13px; color: #999;}
.credit_list .myorder_noti {padding:16px 2px 6px;}
.credit_list .myorder_noti li {padding:0 10px 10px 10px; font-size: 13px; color: #777; border-bottom: none;}
.myorder_list {border-top: 1px solid #F1F1F5; padding:22px 4px;}
.myorder_list dt {color: #FF3D00; font-size: 18px; font-weight:700;}
.myorder_list dd {padding:20px 0 0;}
.myorder_list li {display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px}
.myorder_list_tit {}
.myorder_list_price {min-width:80px; text-align: right;}

.line-through {text-decoration: line-through; color: #999;}
.color_gray {color:#999;}
.myorder_list_tit .comment {color: #FF3D00; display: inline-block;}
.myorder_list_tit span:first-child {margin-right: 4px;}

.board_wrap {padding-top:15px;}
.board_list_ea {font-size: 13px; padding-bottom:8px;}
.board_list_ea b {color: #FF3D00; padding-left: 4px;}
.board_list {border-top:1px solid #F1F1F5;}
.board_list li {display: flex; justify-content: space-between; position: relative; align-items: center; line-height:1; border-bottom:1px solid #F1F1F5; padding: 13px 4px 20px}
.board_list li a {display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10;}
.board_list_tit {}
.board_list_tit b {font-size: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; position: relative; padding:8px 22px 7px 0;}
.board_list_tit b img {width: 18px; position: absolute; right: 0; top:6px;}
.board_list_tit span {font-size: 13px; color: #505050 }
.board_list li i {display: block; min-width:15px; width:15px; height:15px; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; background: url(../../../img/timing/icon_arrow2_down.png) right top no-repeat; background-size:15px; margin:0 5px 0 20px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);}
.board_list_page {display: flex; align-items: center; justify-content: center; column-gap:6px; padding-top:30px;}
.board_list_page button {width: 32px; height: 32px; border: 0; background-size: cover;}
.board_list_page.st2 button {width: 28px; height: 28px;}
.btn_prev2 {background: url("../../../img/timing/icon_arrow3_prev2.png") center no-repeat; }
.btn_prev {background: url("../../../img/timing/icon_arrow3_prev.png") center no-repeat; }
.btn_next {background: url("../../../img/timing/icon_arrow3_next.png") center no-repeat; }
.btn_next2 {background: url("../../../img/timing/icon_arrow3_next2.png") center no-repeat; }
.list_page_ea {padding: 0 10px; font-size: 15px; color: #767676;}
.list_page_ea b {color: #111; padding-right:5px;}
.board_cont {font-size: 15px; line-height: 1.4; background: #F3F4F5; padding:28px 20px; margin-top:18px;}
.board_cont_btn {display: flex; justify-content: center; padding-top: 30px;}

.mobile_auth_wrap {}
.auth_tit {font-size: 26px; line-height: 1.2; letter-spacing: -0.03em; padding-top: 20px;}
.auth_tit p {font-size: 14px; color: #767676; padding-top:12px;}
.auth_tit p b {color: #111;}
.auth_num {padding-top:8px}
.auth_num_tit {font-size: 13px;; color: #767676; padding-bottom: 8px; display:flex; padding-top: 34px;}
.auth_num_cont {display: flex; position: relative;}
.auth_num_cont input {width: 100%;}
.auth_num_i {width: 100%;}
.input_st1 {background: #f1f1f5; border: 1px solid #E5E5EC; padding-left: 15px; height: 48px;}
.auth_num_cont .btn_st5 {min-width:90px; margin-left: 4px;}
.auth_num_btn {display: flex; flex-direction: column; padding-top:42px;}
.auth_num_btn_i {font-size: 13px; color: #999; padding-top: 14px; letter-spacing: -0.03em;}
.auth_num_noti {font-size: 13px; letter-spacing: -0.02em; padding-top:8px;}
.num_noti1 {color: #F59917}
.num_noti2 {color: #999; padding-top:8px;}
.num_noti2 b {color: #111}
.auth_num_t {position: absolute; top: 15px; right: 16px; color: #F59917; font-size:12px;}

.popup2_wrap {background: #fff; position: absolute; z-index:101; width: 80%; left: 50%;top: 50%;transform-origin: 50% 50%;transform: translate3d(-50%, -50%, 0); max-width: 400px;}
.popup2_close {position: absolute; right: 16px; top:16px;}
.popup2_close .x-icon {width:26px; display: block; padding:10px}
.popup2_cont {padding:70px 0 60px; display: flex; align-items: center; flex-direction:column; text-align: center; letter-spacing: -0.02em;}
.popup2_cont p {font-size: 24px; line-height: 1.3;}
.popup2_cont span {font-size:13px; color: #999; padding-top:14px;}
.popup2_btn {display:flex}
.popup2_btn_st1 {background: #000; color: #fff; text-align: center; padding:18px 0 19px; line-height: 1;}


.f_event_top {display: flex; flex-direction: column; align-items: center; justify-content: space-between; background: url("../../../img/timing/friend_img.jpg") #ffd54b center 128px no-repeat; background-size:370px; height:580px; padding:38px 0 20px;}
.f_event_tit {text-align: center;}
.f_event_tit1 {font-size: 32px; letter-spacing: -0.07em; line-height: 1.2; padding-bottom:12px;}
.f_event_tit1 span {color:#BA6400;}
.f_event_tit1 b {color:#351C00; font-weight:bold; padding-bottom:2px;}
.f_event_tit1 b.underline {background: url("../../../img/timing/icon_underline.png") center bottom no-repeat; background-size: contain;}
.f_event_tit2 {font-size:15px; letter-spacing: -0.05em; color: #351C00; line-height: 1.3}
.f_event_code {text-align: center; background: #fff; border-radius: 8px; width:90%; line-height:1; padding:24px 0 22px; position: relative;}
.f_event_code a {position: absolute; left: 0; top:0; right: 0; bottom: 0;}
.f_event_code1 {padding-bottom:8px;}
.f_event_code2 {font-size:40px; font-family: "DM Sans"; font-weight: 900;}
.f_event_code3 {padding-top:12px;}
.f_event_code3 span {display: inline-block; background: url("../../../img/timing/icon_copy.png") #f44709 12px center no-repeat; background-size:15px; color: #fff; line-height: 1; padding:8px 14px 8px 32px; border-radius:15px;}
.f_event_cont {background: #F3F4F5; padding:15px 15px 80px;}
.f_event_block {background: #fff; border-radius:10px; padding:28px 20px 32px;  margin-bottom: 14px;}
.f_event_cont_t {font-size: 17px; text-align: center; line-height: 1.4; letter-spacing: -0.04em; padding-bottom:30px;}
.f_event_cont_t b {color: #F44709;}
.f_event_cont_d dt {text-align: center;padding-bottom: 10px;}
.f_event_cont_d dt span {background: #FFF4E6; color: #f44709; line-height: 1; border-radius: 15px; padding:6px 15px; display: inline-block}
.f_event_cont_d dd {text-align: center; padding-bottom: 30px; font-size: 15px;}
.f_event_cont_d dd b {color:#F44709;}
.f_event_cont_d dd:last-child {padding-bottom: 0;}
.f_event_state_t {display: flex; justify-content: space-between; padding: 0 4px 20px; }
.f_event_state_t span {font-size: 16px;}
.f_event_state_t b {font-size: 20px;}
.f_event_state_b a {display: block; text-align: center; background: #351C00; color: #fff; font-size: 16px; padding:22px 0; border-radius:12px; line-height: 1;}
.f_event_state_time {text-align: center; padding-top:15px;}
.f_event_state_time b {font-size:20px; letter-spacing: -0.04em;}
.f_event_btn {width: 100%; display: flex; position: fixed; bottom: 0; left: 0; right: 0; margin: 0 auto; padding:20px 15px; background: url(../../../img/timing/bg_btm2.png) left top repeat-x; background-size:contain; max-width: 640px;}
.btn_kakao {padding:0 3px; display: table-cell;}
.btn_kakao a {background: #FAE100; border-radius:12px; display: flex; align-items: center; justify-content: center; height: 53px;}
.btn_kakao img {width: 26px;}
.popup2_wrap.round {border-radius:16px; overflow: hidden;}
.popup2_wrap.friend {min-width:290px;}
.popup2_wrap.friend .popup2_cont {background: url("../../../img/timing/friend_img2.jpg") #ffd54b center bottom no-repeat; background-size:340px; height:390px; padding:30px 0 20px;}
.popup2_friend_t1 { line-height: 1.2; padding-bottom:12px;}
.popup2_friend_t1 span {color:#BA6400; font-size: 33px; letter-spacing: -0.07em;}
.popup2_friend_t1 b {color:#351C00; font-weight:bold; padding-bottom:2px; font-size: 33px; letter-spacing: -0.07em;}
.popup2_friend_t2 {color: #351c00; letter-spacing: -0.05em; padding-bottom:58px;}
.popup2_friend_t3 {display: flex; flex-direction:column;}
.popup2_friend_t3 b {font-size:36px; line-height: 1.1;}
.popup2_friend_t3 span {color: #111; padding-top:5px;}
.popup2_wrap.warning {min-width:290px;}
.popup2_wrap.warning .popup2_cont {padding:30px 0;}
.popup2_warning_t {font-weight: bold; padding-bottom:16px;}
.popup2_warning_c {font-size:18px; line-height: 1.3; padding-bottom: 20px;}
.popup2_warning_n {font-size: 12px; color: #999; line-height: 1.2; padding-left:18px; background: url("../../../img/timing/icon_warning.png") left top no-repeat; background-size:16px;}

nav.main {display: flex; align-items: center; justify-content:space-between; padding:0 18px; height:60px;}
.main_logo {padding: 0 4px;}
.main_logo img {width:74px;}
.main_link a {display: block; padding:6px 0}
.main_link i {display:inline-block; min-width:12px; width:12px; height:10px; background: url(../../../img/timing/icon_arrow2_down.png) right top no-repeat; background-size:12px; margin:0 5px 0 4px; opacity: 0.5; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);}
.main_top {text-align: center; display: flex; flex-direction: column; line-height: 1; padding:25px 0 28px; }
.main_top p {font-size:28px; font-weight: bold; letter-spacing: -0.05em; padding-bottom:8px; display: flex; align-items: center; justify-content: center;}
.main_top p i {display:inline-block; min-width:32px; width:32px; height:32px; background: url(../../../img/timing/icon_lightning.png) center no-repeat; background-size:32px; margin: 0 2px;}
.main_top b {font-weight: normal;}
.main_top span {color: #999; font-size: 13px; padding-top: 15px;}

.sort_checkbox {display: flex; column-gap:15px; line-height: 1;}
.container-checkbox { display:block; position: relative; padding-left:24px; cursor: pointer; font-size:15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.container-checkbox input { position: absolute; opacity: 0; cursor: pointer;}
.container-checkbox .checkmark { position: absolute; top: -2px;  left: 0; height:20px; width:20px; background-color: #fff; border: 1px solid #e5e5ec; border-radius: 4px;}
.container-checkbox input:checked ~ .checkmark { background-color: #000; border: none;}
.container-checkbox .checkmark:after { content: ""; position: absolute; display: none;}
.container-checkbox input:checked ~ .checkmark:after { display: block;}
.container-checkbox .checkmark:after { left:7px; top:3px; width:6px; height:10px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-radius:1px;}
.note_list {}
.note_list_t {font-size:13px; font-weight: bold}
.note_list ul {padding-top:8px;font-size: 13px;}
.note_list li { background:url(../../../img/timing/icon_dot.png) 4px 7px no-repeat; background-size:3px; padding-left:14px; padding-bottom:10px; color: #999;}
.note_list li:last-child {padding-bottom:4px;}

.sub_search {position: relative; min-width: 260px; width: 100%; padding: 0 10px 0 4px;}
.sub_search input {border: none; background: #F3F4F5; width: 100%; height:42px; border-radius: 22px; padding-left:16px; padding-bottom:2px; letter-spacing: -0.04em;}
.sub_search button {text-indent: -999px; overflow: hidden; width:26px; height:26px; outline: none; border: none; border-radius: inherit; background:url(../../../img/timing/icon_search.png) no-repeat center; background-size:16px; position: absolute; top:8px; right:
24px;}
.product_tit {padding-top:16px; padding-bottom: 20px; font-size:17px;}
.product_tit b {color: #D92936}

.lineup_col  {padding:5px 18px 30px;}
.lineup_col li {display: flex; flex-direction: row; align-items: flex-start; width: 100%; padding: 0; margin-bottom:18px;}
.lineup_col .list_thumb {min-width:120px; width: 120px;}
.lineup_col .list_thumb img {border-radius: 4px;}
.lineup_col .list_info {padding:0 4px 0 15px;}
.lineup_col .info_tit {font-size: 15px;}
.lineup_col .thumb_icon {border-radius:4px 0 5px 0;}

.view_option2_t {color: #999; font-size: 13px; padding: 0 2px 10px;}
.option2_price .sale {padding:1px 4px 2px 16px; border-radius:4px; font-size: 11px; font-weight: bold;  margin-right:7px;}
.option2_price .sale.down {background: url(../../../img/timing/icon_arrow3_down.png) #fcecee 4px center no-repeat; background-size:11px; color: #d92936;}
.option2_price .sale.up {background: url(../../../img/timing/icon_arrow3_up.png) #E7F5FF 4px center no-repeat; background-size:11px; color: #1C7ED6;}
.option2_price .pre {font-size: 13px; color:#999; text-decoration: line-through; letter-spacing: -0.02em;}
.option2_price .won {font-size: 15px; font-weight:700; letter-spacing: -0.02em; margin-top:8px;}
.option2_price .won span {font-size: 14px; font-weight: normal;}
.view_option2 ul {display: flex; overflow-x:scroll; scrollbar-width:none; column-gap:4px; padding-bottom:20px; margin-right: -18px;margin-left: -18px; padding-left: 18px;}
.view_option2 li {border: 2px solid #E5E5EC; border-radius: 6px; display: flex; flex-direction: column; min-width: 150px; width: 150px; padding:11px 8px; position: relative; margin-right: 4px;}
.view_option2 li:last-child {margin-right:10px;}
.view_option2 li a {position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.view_option2 li.active {border-color:#D92936;}
.option2_tit {font-size: 14px; font-weight:500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2; height:52px; letter-spacing: -0.04em;}
.option2_icon {border-bottom: 1px solid #F1F1F5; height:28px; margin-bottom:8px;}

.view_price .sale {padding:1px 4px 2px 16px; border-radius:4px; font-size: 12px; font-weight: bold;  margin-right:7px;}
.view_price .sale.st2 {font-size: 15px;}
.view_price .pre {font-size: 14px; color:#999; text-decoration: line-through; letter-spacing: -0.02em;}
.view_price .won {font-size: 26px; font-weight:700; letter-spacing: -0.02em; margin-top:8px;}
.view_price .won span {font-size: 18px; font-weight: normal;}
.view_graph3 {background: #F8F9FA; border-radius:6px; margin-top: 12px; padding: 15px 20px;}
.view_graph3 li {display: flex; justify-content: space-between; align-items: center; padding:5px 0;}
.view_graph3 .tit {font-size: 15px; padding-left:18px}
.view_graph3 .tit span {font-size: 14px; color: #505050; margin-left: 4px;}
.view_graph3 .price {font-size: 16px; font-weight: bold;}
.graph3_p_down .tit {background: url(../../../img/timing/icon_arrow3_down.png) left center no-repeat;   background-size:13px;}
.graph3_p_avr .tit {background: url(../../../img/timing/icon_arrow3_avr.png) left center no-repeat;  background-size:13px;}
.graph3_p_up .tit {background: url(../../../img/timing/icon_arrow3_up.png) left center no-repeat;  background-size:13px;}
.graph3_p_down .price {color: #1C7ED6;}
.graph3_p_avr .price {}
.graph3_p_up .price {color: #D92936;}

.ai_tab {padding: 4px 0 10px}
.ai_tab a {border-radius:20px; display: inline-block; padding:10px 15px; background: #F1F1F5; margin-right:4px;}
.ai_tab a.active {background: #D92936; color: #fff; }
.ai_tab a span {padding:0 2px 0 23px; border-radius: 15px;}
.ai_tab a.ai_tab_good span {background: url(../../../img/timing/icon_rv_good.png) left top no-repeat;  background-size:20px; }
.ai_tab a.ai_tab_bad span {background: url(../../../img/timing/icon_rv_bad.png) left top no-repeat;  background-size:20px; }
.ai_cont {font-size: 15px; color: #505050; display: flex; flex-direction: column; line-height: 1.4; padding-top: 6px;}
.ai_cont span {font-size: 13px; color: #999; margin-top:12px;} 

.review_area {padding-top:4px;}
.review_li {position: relative; background: url(../../../img/timing/icon_rv.png) #F3F4F5 14px 12px no-repeat;  background-size:16px; border-radius: 4px; padding: 16px 20px 16px 36px; line-height: 1.5; margin-bottom: 12px;}
.review_li a {position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.review_li_cont {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;}
.review_li_sub {display: flex; justify-content: space-between; align-items: center; padding-top:8px;}
.review_li_star {display: flex; align-items: center; line-height:1; font-size: 15px;} 
.review_li_star img {width:13px; margin-right:5px;}
.review_li_date {font-size: 12px; color: #767676;}

.review2_li {border-bottom: 1px solid #F1F1F5; padding-bottom: 15px; margin-bottom: 15px; position: relative;}
.review2_li:last-child {border-bottom: none; margin-bottom: 8px}
.review2_li a {position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.review2_li_sub.view_star {padding-top:4px; padding-bottom: 10px; margin-left: -2px;}
.review2_li_cont {color: #505050; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; margin-bottom: 12px;}
.review2_li_pdt {background: #F8F9FA; border-radius: 4px; padding:8px 12px; display: flex; align-items: center;}
.li_pdt_thumb {width: 66px; min-width: 66px; margin-right: 12px;}
.li_pdt_thumb img {width: 100%;}
.li_pdt_cont {width: 100%;}
.li_pdt_cont_t {padding-bottom:5px;}
.li_pdt_cont_p {display: flex; justify-content: space-between;}
.li_pdt_cont_p1 {}
.li_pdt_cont_p2 {font-weight: bold;}

.page_area {display: flex; justify-content: center; align-items:center; font-size: 16px; padding-bottom:8px;}
.page_area a {display:flex; border-radius:6px; border: 1px solid #E5E5EC; width: 60px; height: 40px; align-items: center; justify-content: center; margin: 0 20px;}
.page_area a img {width:8px;}
.page_area span {color: #999;}
.page_area b {}

#v_popup { display: none; }
.v_popup { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; box-sizing: border-box; padding:0 30px; z-index:9999; }
.v_popup__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index:9997; cursor: pointer; }
.v_popup__content { position: relative; display: flex; flex-direction: column; max-width: 600px; margin:0 auto; width: 100%; background-color: #fff; z-index: 9998;  padding: 20px;  border-radius: 8px; transform: translateY(-50%); top: 50%; max-height: 80%; overflow-y: auto;}
.v_popup__close { position: absolute; top:18px; right:16px; cursor: pointer; width:18px; height:18px;}

#v_popup:checked + .v_popup { display: block; pointer-events: auto; }
.v_popup_tit {font-size: 16px;}
.v_popup_rw_sub {display: flex; justify-content: space-between; align-items: center; padding:8px 0 10px; margin-bottom: 15px;; border-bottom: 1px solid #F1F1F5;}
.v_popup_rw {padding-top: 15px;}
.v_popup_rw_star {display: flex; align-items: center; line-height:1; font-size: 15px;} 
.v_popup_rw_star img {width:13px; margin-right:5px;}
.v_popup_rw_date {color: #767676;}
.v_popup_rw_cont {font-size: 15px; color: #505050; line-height: 1.5; padding:0 4px 10px;}

.point_my {border: 1px solid #E5E5EC; background:#F8F9FA; margin:4px 18px 16px; border-radius:10px; padding:20px 18px 24px; display: flex; flex-direction: column;}
.point_my_t {color: #505050; font-size: 15px; line-height: 1; padding-bottom:8px}
.point_my_t span {background: url("../../../img/timing/icon_p.png") right center no-repeat; background-size:17px; display: inline-block; padding: 4px 24px 4px 0;}
.point_my_p {display: inline-flex; align-items: center; font-size: 22px; font-weight: bold; padding-bottom:20px}
.point_my_p .arrow {display: inline-block; margin:0 0 4px 6px; width:9px; height:9px; border-right: 2px solid #999; border-bottom: 2px solid #999; transform: rotate(-45deg); line-height: 1;}
.point_my_p2 {line-height:1;}
.point_my_p2 span {color: #888;}
.point_my_p2 b {font-size: 16px; margin-left: 4px;}
.point_my_p3 {line-height:1; display: flex; margin-top:12px; padding: 0 20px 24px; margin-top: 5px;}
.point_my_p3 span {color: #888;}
.point_my_p3 b {font-weight:500; margin-left: 4px;}
.point_my_p3_1::after {content: "|"; color: #ddd; margin: 0 12px;}
.tit_st1 {font-size:20px; letter-spacing: -0.05em; font-weight: bold; padding:6px 0;}

.credit_brand_list {border-top: 12px solid #f5f5f5; padding:30px 0 40px}
.credit_brand_list ul {display: flex; flex-wrap: wrap; width: 100%; padding:0 18px; justify-content: space-between; gap:10px}
.credit_brand_list li {width:calc((100% - 30px) / 4); position: relative; margin-bottom:12px;}
.credit_brand_list li a {position: absolute; left:0; right: 0; bottom: 0; top: 0; z-index: 2}
.credit_brand_thumb img {width: 100%; border-radius: 20px;}
.credit_brand_cont {color: #555; text-align: center; padding-top:8px; letter-spacing: -0.05em;}

.date_select {display: inline-flex; align-items: center; font-size: 20px; font-weight: bold; padding:0 14px 2px; }
.date_select .arrow {display: inline-block; margin:0 0 5px 10px; width:8px; height:8px; border-right: 2px solid #555; border-bottom: 2px solid #555; transform: rotate(45deg); line-height: 1;}
.point_list {border-top: 1px solid #F1F1F5; display: flex;  justify-content: space-between; line-height: 1; margin-top: -1px;}
.point_list.last {border-bottom: 1px solid #F1F1F5;}
.point_list.last .point_list_cont li:last-child {border-bottom:none;}
.point_list_date {flex-shrink: 0; min-width:75px; width:20%; padding:30px 10px 0 22px; color: #505050;}
.point_list_cont {flex: 1;}
.point_list_cont li {padding:30px 22px 30px 0; display:flex; justify-content: space-between; border-bottom: 1px solid #F1F1F5;}
.point_list_cont1 {}
.point_list_cont1 .cont1_st1 {font-size: 15px; color: #505050;}
.point_list_cont1 .cont1_st1 span::after {content: "|"; color: #ddd; margin: 0 6px;}
.point_list_cont2 {text-align: right; font-size: 17px; font-weight: bold; flex-shrink: 0; padding-left:6px}
.point_list_cont2 .plus {color: #F59917;}
.point_list_cont2 .minus {color: #999; text-decoration:line-through;}
.point_after {background: #F8F9FA; padding:14px 22px; display: flex; justify-content: space-between;}
.cont1_st1_1 { font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; margin-bottom:8px;}
.cont1_st1_2 {color: #888; font-size: 13px; line-height: 1; margin-bottom: 10px;}
.cont1_st1_2 span::after {content: "|"; color: #ddd; margin: 0 6px;}
.cont1_st1_3 {color: #505050; font-weight: 500;}