@charset "utf-8";

.evt_monthly {width:980px; margin:0 auto;}
.evt_monthly .tab_menu{display: flex;}
.evt_monthly .tab_menu button{flex: 1;}
.evt_monthly .tab_menu button img{width: 100%;}
.evt_monthly .tab_content{display: none;}
.evt_monthly .gate_area {width: 650px; display:flex; flex-wrap:wrap; gap:20px 0; padding: 70px 0; margin: 0 auto;}
.evt_monthly .gate_area a{display: block; width: 100%;}
.evt_monthly .gate_area a img{width: 100%;}

/* 버튼 이미지 유동화 */
.evt_monthly .tab_menu._fluid button{height: 100px; position: relative; overflow: hidden;}
.evt_monthly .tab_menu._fluid button img{width: auto; height:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
/* .evt_monthly .tab_menu._fluid button + button:after{ content: ''; display: block; position: absolute; width: 1px; height: 100%; background: rgba(255, 255, 255, .5); top: 0; left: 0;} */

.evt_monthly #tab1 {background: #ffdee4;}
.evt_monthly #tab2 {background: #fff0f3;}

/* 2603 이달의 혜택 */
.evt_monthly._2603 #tab1{background: #e9ffd0;}
.evt_monthly._2603 #tab2{background: #d0f4ac;}

/* 2604 이달의 혜택 */
.evt_monthly._2604 #tab1{background: #FFC5D1;}
.evt_monthly._2604 #tab2{background: #FFDADF;}
.evt_monthly._2604 #tab3{background: #ffe7eb;}

/* 2605 이달의 혜택 */
.evt_monthly._2605 #tab1{background: #fce3dd;}
.evt_monthly._2605 #tab2{background: #ffcdc1;}
.evt_monthly._2605 #tab3{background: #ffd8ce;}