/* BASIC css start */
/* 상단메뉴 고정 */
.headerFixed { top: 0!important; }
.headerFixed .cate-header { display: none; }
#commonNavi.headerFixed .header_cate { display: none; }

/* 상단스티키메뉴 */
.evt_tab_box .evt_tab_bar { position: relative; padding-top: 51px; }
.evt_tab_box .evt_tab.fixed { position: fixed; top: 50px !important; left: 0; z-index: 10; }
.evt_tab_box .evt_tab { position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; background: #fff; border-bottom: 1px solid #cfcfcf; }
.evt_tab_box .evt_tab ul { display: -webkit-box; display: -ms-flexbox; display: flex; }
.evt_tab_box .evt_tab ul li { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 50px; margin-bottom: 0; }
.evt_tab_box .evt_tab ul li.on a { color: #e45e30; border-bottom: 3px solid #e45e30; }
.evt_tab_box .evt_tab ul li a { display: block; width: 100%; height: 32px; padding: 8px 0; font-size: 13px; color: #969696; letter-spacing: -1px; text-align: center; }
.evt_tab_box .evt_tab ul li:last-child a { border-right: 0; }


#content{position:relative; width:100%; margin:100px auto 0; font-size:16px; font-weight:500; overflow:hidden;}
#content img{width:100%; }

.join_event_menu_wrap{height:70px}
.join_event_menu a{position:relative; display:inline-block; width:33.3%;float:left; line-height:1.2; text-align:center; font-size:16px; color:#aaa; cursor:pointer; padding:16px 0 }
.join_event_menu a.active{color:#e45e30}
.join_event_menu a.active::after{content:""; position:absolute; left:0; bottom:0px; width:100%; height:3px; background:#e45e30}

/* 버튼 */
#evt01,#evt02,#evt03{position:relative;}
#evt03 > a{display:inline-block; width:65%; height:8%; position:absolute; bottom:15.5%; left:50%; transform:translateX(-50%);}
#evt01 a.coupon{display:inline-block; position:absolute; padding:7.5% 33%; top:34.5%; left:50%; transform:translateX(-50%);}
#evt02 a.coupon{display:inline-block; position:absolute; padding:28% 23%; top:50%; left:50%; transform:translate(-50%,-60%);}

.prd_thumb li{float:left; padding:0 5px; width:25%;}
#content .prd_thumb li img{min-width:250px;}
#tab01 .prd_thumb, #tab02 .prd_thumb{display:flex; position:relative; margin-left:20px; }

/*tab css*/
.event_tab{width:100%; background:#f4f4f4}
.event_tab .tabnav{font-size:0; width:90%; margin:0 auto; padding:8% 0 5%; text-align:left}
.event_tab .tabnav li{display: inline-block; text-align:center;}
/*.event_tab .tabnav li a:after{content:""; position:absolute; left:0; bottom:0px; width:100%; height:3px;}
.event_tab .tabnav li a.active:after{background:#00b289;}*/

.event_tab .tabnav li a.active{background:#e45e30}
.event_tab .tabnav li a{ position:relative; display:block; margin-right:5px; width: 75px; height:38px; line-height:38px; color: #aaa; font-size:15px; border-radius:5px; border:1px solid #ccc; }
.event_tab .tabnav li a:hover,
.event_tab .tabnav li a.active { background:#e45e30; border:1px solid #e45e30; font-weight: 600; color:#fff; }
.tabcontent1{position:relative; border-top:none;background-position:bottom; background-size:cover;}
.tab_btn{height:120px; position:relative;}
.tab_btn a, .event_tab2 .tabcontent .box a{position:absolute; left:50%; transform:translateX(-50%); display:inline-block; background:#e45e30; font-size:16px; color:#fff; border-radius:100px; position:absolute; width:250px; text-align:center; margin-top:30px; line-height:50px; letter-spacing:-1px}
.arrow{width:60%; height:auto; position:relative;}
.arrow a{position:absolute; top:50%; transform:translateY(-50%); width:45px; padding-left:20px}

/*event_tab2*/
.event_tab2{background:url('//xexymix.jpg3.kr/xexymix/sub/event/2025/250829_join_benefit_con3_bg_m.jpg')no-repeat top; background-size:cover; text-align:center; padding-top:170px}
.event_tab2 .tabnav { display: grid; gap: 5px 5px; grid-template-columns: repeat(3, minmax(calc(33% - 5px), 1fr)); margin: 0 5%; }
.event_tab2 .tabnav li{ text-align:center; background-color:#fff; height: 40px; line-height: 40px; font-size:15px; color:#888; border-radius:5px; cursor:pointer; }
.event_tab2 .tabnav li.active{background:#e45e30; color:#fff}
.event_tab2 .tabcontent{position:relative; padding:5%}
.event_tab2 .tabcontent .bg_img{display:inline-block; width:100%; margin:0 auto; height:480px; background-size:cover; background-repeat:no-repeat; background-position:center}
.event_tab2 .tabcontent .bg_img:after{content:""; display:block; width:100%; height:480px; background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);}
.event_tab2 .tabcontent .box{position:absolute; bottom:30%; left:10%; font-size:16px; text-align:left; color:#fff; line-height:1.4}
.event_tab2 .tabcontent .box .main_tit{font-size:1.9em; line-height:1.4; font-weight:800; padding-bottom:10px; }
.event_tab2 .tabnav li.current{background:#e45e30; color:#fff; font-weight: 600; }

/* 유의사항 */
.card_guide { max-width: 1920px; margin: 0 auto; }
.card_guide .card_tit { position: relative; font-size: 15px; text-align: center; line-height: 70px; font-weight: 400; cursor: pointer;}
.card_guide .card_tit::before{content:""; display:block; width:90%; height:1px; background:#ddd; margin:0 auto;}
.card_guide .card_tit span {display:block; position: relative;  letter-spacing: -0.5px; width:fit-content; text-align:left; margin:0 auto; padding-right: 17px; }
.card_guide .card_tit span::before { content: ""; display: block; width: 7px; height: 7px; position: absolute; top: 40%; right: 0; transform: rotate(45deg); border-bottom: 1.5px solid #000; border-right: 1.5px solid #000; transition: 0.4s; }
.card_guide.on .card_tit span::before { transform: rotate(-135deg); top: 46%; }
.card_guide .card_cont { position: relative; }
.card_guide .card_cont img { width: 100%; }

/* 공통 유의사항 */
.content_guide{background:#f4f4f4;color:#000; font-weight:300}
.common_guide{margin:0 auto; line-height:1.4; font-size:13px; padding:20px; text-align:left}
.common_guide h4{font-size:15px; font-weight:500; padding:4px 0; text-align:center}
.common_guide > p{ display:flex; padding:4px 0; letter-spacing:-1px}
.common_guide > p::before { display:inline-block; content:'-'; margin-right:10px; }

#content1 .card_guide .card_tit {color: #000000; background: #f4f4f4;}
#content2 .card_guide .card_tit {color: #000000; background: #faffdd;}

.tabFH-cont { display: none; margin: 0 auto; }
.tabFH-cont.active { display: block; }
.tabFH-cont .slideFH { width: 100%; padding-right:20px}
.tabFH-cont .slideFH .swiper-slide { display: flex; overflow: hidden; opacity: 1; }
.tabFH-cont .slideFH .swiper-slide.swiper-slide-active { opacity: 1; }
.tabFH-cont .slideFH .swiper-slide.swiper-slide-prev, 
.tabFH-cont .slideFH .swiper-slide.swiper-slide-next { transition: all 0.5s ease-out; }


/* 고정 cta */
.fixed_cta{display:block; width:100%; line-height:56px; text-align:center; background:#e45e30; color:#fff; font-size:16px; position:fixed; bottom:60px; left:0; z-index:99;}
.fixed_cta span::before { content: ""; display: block; width: 8px; height: 8px; position: absolute; top: 24px; left:72%; transform: rotate(45deg); border-top: 1.5px solid #fff; border-right: 1.5px solid #fff; transition: 0.4s; }

/* BASIC css end */