/*
    [제목] 핀업 이벤트/프로모션 CSS
    [생성일] 2020-11-10
    [내용] 핀업의 중/장기 또는 반복성 이벤트 페이지에 사용되는 스타일.
           * 예외, 일회성 이벤트는 해당 페이지 안에 작성할 것.
    [비고] CSS 작성시 핀업 디자인팀 내부에 규정하고 있는 CSS 작성 규칙를 준수하여 작성할 것.
*/

/* 회원가입혜택 */
.member_benefit { position:relative; width:100%; max-width:480px; height:auto; margin:0 auto; overflow:hidden; }
.member_benefit img { display:block; width:100%; z-index:1; }
.member_benefit .benefit01 { position:absolute; top:11.054%; width:100%; z-index:1; }

.member_benefit .tab_cont { position:relative; }
.member_benefit .tab_cont li { display:none; }
.member_benefit .tab_cont li.on { display:block; }

.member_benefit .cm_tab .cm_tab_menu { font:600 90%/38px 'Noto Sans KR'; }
.member_benefit .cm_tab .cm_tab_menu.on { border-top:2px solid #ff7500; }

.member_benefit .btn_floating { position:fixed; bottom:60px; width:100%; max-width:480px; height:auto; opacity:1; z-index:4; overflow:hidden;}
.member_benefit .btn_floating img { display:block; }
.member_benefit .btn_floating a { position:absolute; bottom:10%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:88.888%; height:40%; background:red; opacity:0; }

.member_benefit .btn_link { position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:77.77%; height:6.143%; background:red; opacity:0; z-index:2; }