/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
#wrap { position:relative; } 
.inner { position:relative; margin:0 auto; width:1280px } 
.inner:after { content:""; display:block; clear:both; } 
#content .page_intro { position:relative; margin:50px auto 0; width:1280px } 
#content .page_intro .page_title { display:inline-block; padding-bottom:40px; font-weight:700; font-size:32px; line-height:40px; color:#000; text-align:left; letter-spacing: -1px } 
/* 서브탭 */
.sub_tab { display:table; width:100%; table-layout:fixed; background:#f7f7f7; border-radius:15px; border-top:1px solid #ddd } 
.sub_tab a { display:table-cell; position:relative; padding:18px 0; width:100%; font-weight:500; font-size:20px; line-height:23px; color:#777; text-align:center; letter-spacing:-1px; background:#f7f7f7; border:1px solid #ddd; border-top:none; border-left:none; border-radius:15px 15px 0 0; vertical-align:middle; } 
.sub_tab a:first-child { border-left:1px solid #ddd } 
.sub_tab a.on { color:#000; background:#fff; border-radius:15px 15px 0 0; border-left:1px solid #ddd; border-bottom:1px solid #fff; border-right:1px solid #ddd } 
.sub_tab a.on:before { content:''; position:absolute; top:0; left:-10px; width:9px; height:100%; background:#f7f7f7; z-index:0 } 
.sub_tab a.on:after { content:''; position:absolute; top:0; right:-10px; width:9px; height:100%; background:#f7f7f7; z-index:0 } 
.sub_tab a.on+a:not(:last-child) { border-right:none } 
.sub_tab a.on+a+a:before { content:''; position:absolute; top:15px; left:0; width:1px; height:30px; background:#ddd } 
.sub_tab a:first-child.on:before { display:none } 
.sub_tab a:first-child:not(.on) { border-right:none } 
.sub_tab a:first-child:not(.on)+a:not(:last-child):before { content:''; position:absolute; top:15px; left:0; width:1px; height:30px; background:#ddd } 
.sub_tab a:nth-child(2).on:before { display:none } 
.sub_tab a:last-child.on:after { display:none } 
.sub_tab a span { display:inline-block; position:relative } 
.sub_tab a span b { display:inline-block; margin:2px 0 0 2px; padding:2px 7px; font-weight:500; font-size:12px; line-height:16px; color:#fff; text-align:center; background:#3cc814; border-radius:10px; vertical-align: top } 
/* 230118 서브탭 추가 (탭 갯수 4개일때 적용,3개일때는 주석처리) */
.sub_tab a:nth-of-type(2) { border-right:none } 
.sub_tab a.on+a { border-left:none; } 
.sub_tab a.on+a:before { background:none; } 
.sub_tab a:nth-of-type(2).on,.sub_tab a:nth-of-type(3).on { border-right:1px solid #ddd; } 
.sub_tab a:before { content:''; position:absolute; top:15px; left:0; width:1px; height:30px; background:#ddd } 
.sub_tab a.on+a:not(:last-child):before,.sub_tab a:nth-of-type(1):before,.sub_tab a.on:before { background:none; } 
.sub_tab a:first-child.on:before { display: none } 
/* 이벤트 */
/* 이벤트 공통 */
.event_dtl_div .top .left .badge,.event_wrap .event_div .event_list_div .list .badge,.event_dtl_div .running_event .running_event_swiper .swiper-slide .tit_div .badge { width:56px; height:28px; font-size:16px; line-height:28px; color:#fff; text-align:center; border-radius:4px; } 
.event_wrap .badge.evt { background:#3cc814 } 
.event_wrap .badge.exhib { background:#052832 } 
.event_wrap .period .date { color:#999; margin-right:20px; } 
.event_wrap .period .D-day { color:#3cc814 } 
.event_wrap .period { font-size:16px; line-height: 20px; } 
/* 이벤트 리스트 */
.event_wrap .event_div { margin-top:60px; } 
.event_wrap .event_div .banner_zone { display:block } 
.event_wrap .event_div .banner_zone img { width:100%; border-radius:20px } 
.event_wrap .event_div .event_list_div { margin-top:48px; } 
.event_wrap .event_div .event_list_div:after { content:''; display:block; clear:both } 
.event_wrap .event_div .event_list_div .list { position:relative; margin-top:60px; margin-left:40px; float:left; width:calc(50% - 20px); width:-webkit-calc(50% - 20px) } 
.event_wrap .event_div .event_list_div .list:nth-child(-n+2) { margin-top:0 } 
.event_wrap .event_div .event_list_div .list:nth-child(2n-1) { margin-left:0; clear:both } 
.event_wrap .event_div .event_list_div .list .thumb { border-radius:20px; position:relative; height:226px; overflow:hidden } 
.event_wrap .event_div .event_list_div .list .thumb img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; } 
.event_wrap .event_div .event_list_div .list .title_div { margin-top:20px; } 
.event_wrap .event_div .event_list_div .list .title_div:after { content:''; display:block; clear:both } 
.event_wrap .event_div .event_list_div .list .badge { float:left; margin-top:2px; margin-right:10px; } 
.event_wrap .event_div .event_list_div .list .title { float:left; font-size:24px; line-height:32px; color:#000 } 
.event_wrap .event_div .event_list_div .list .period { margin-top: 6px; } 
/* 타임세일 */
#ts_wrap { position:fixed; bottom: 36%; right:2%; width:250px; border:1px solid #000; border-radius:30px; padding:20px 17px; box-sizing:border-box; background:#fff; z-index: 9; } 
#ts_wrap .ts_tit { position:relative; display:flex; margin-bottom:13px; align-items:center; } 
#ts_wrap .ts_tit h1 {font-size: 15px;font-weight:bold;color:#ff00b1;margin-right:6px;line-height:1;} 
#ts_wrap .ts_tit .timer {font-size: 14px;font-weight:700;line-height:1;} 
#ts_wrap .ts_tit .ts_more { position:absolute; top:50%; right:0; transform:translateY(-50%); font-size:12px; font-weight:500; line-height:1; } 
#ts_wrap .ts_list { display:flex; } 
#ts_wrap .ts_list dt { width:30%; min-width:66px; margin-right:9px; } 
#ts_wrap .ts_list dt img { width:100%; } 
#ts_wrap .ts_list dd { position:relative; display:flex; flex-direction:column; justify-content:center; } 
#ts_wrap .ts_list dd p.ts_name a { font-size:12px; font-weight:500; margin-bottom:4px; text-overflow:ellipsis; overflow:hidden; word-break:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } 
#ts_wrap .ts_list dd p.ts_price { position:relative; } 
#ts_wrap .ts_list dd p.ts_price b { font-size:14px; } 
#ts_wrap .ts_list dd p.ts_price b.ts_rate { font-size:13px; font-weight:bold; color:#ff00b1; margin-left:7px; } 
#ts_wrap .ts_list dd p.ts_consumer { font-size:12px; font-weight:normal; color:#8b8b8b; text-decoration: line-through; } 

.ts_btn { position: fixed; bottom: 30.5%; right: calc(50% - 890px); width: 38px; height: 38px; line-height: 38px; border: 1px solid #ddd; border-radius: 100%; text-align: center; z-index: 9; } 
.ts_swiper { margin-bottom: 10px !important; } 
.ts_swiper .slick-dots { bottom: -18px; } 
.ts_swiper .slick-dots li { width: 10px !important; height: 10px !important; } 
.ts_swiper .slick-dots li button { width: 10px !important; height: 10px !important; padding: 0 !important; } 
.ts_swiper .slick-dots li button:before { width: 10px !important; height: 10px !important; line-height: 10px; } 
/* BASIC css end */


/* BASIC css end */


/* BASIC css end */


/* BASIC css end */