/* BASIC css start */
/* */

.main_top_banner{margin-bottom:46px;}
.main_sub_banner{margin-bottom:91px;}

.main_top_banner a,
.main_sub_banner a{display:block;}

.main_top_banner img,
.main_sub_banner img{display:block;  max-width:100%; margin:0 auto; }


#recmd_prd .swiper-button-prev,
#recmd_prd .swiper-button-next{width:12px; height:16px; margin-top:-8px; background:center no-repeat;  background-size:12px auto; top:30%; }
#recmd_prd .swiper-button-prev:after,
#recmd_prd .swiper-button-next:after{display:none;}
#recmd_prd .swiper-button-prev{left:6px; background-image:url(/design/digue/renewal21/slide_arrow_prev.png); }
#recmd_prd .swiper-button-next{right:6px; background-image:url(/design/digue/renewal21/slide_arrow_next.png);}


#special_prd .prd_type{width:80%; margin-bottom:42px;}
#new_prd{margin-top:20px; }


.section {
            text-align: center;
            font-size: 2em;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
             cursor:pointer;
        }

        #section1 {
            background:url(http://digue.img1.kr/diguehome/main/main_sec01_img.jpg); background-size:cover;
        }

        #section2 {
            background:url(http://digue.img1.kr/diguehome/main/main_sec02_img.jpg); background-size:cover;
        }

        #section3 {
            background:url(http://digue.img1.kr/diguehome/main/main_sec03_img.jpg); background-size:cover;
        }
        
        #section4 {
            background:url(http://digue.img1.kr/diguehome/main/main_sec04_img.jpg); background-size:cover;
        }
        
        #section5 {
            background:url(http://digue.img1.kr/diguehome/main/main_sec05_img.jpg); background-size:cover;
        }

.logo{position:fixed; top:90px; left:40px; z-index:99;}     
.logo img{height:40px;}

.SMS_recentIconInbody{display:none;}
.SMS_TopBtn{display:none;}
.SMS_BottomBtn{display:none;}

#mem_btn{position:fixed; left:11px; bottom:20px;}
#mem_btn a{display:block; font-size:12px; color:#000; background:#fff; padding:5px 10px; border-radius:5px; font-weight:600; border:1px solid #ccc;}


.mem_info{display:none; position:absolute; width:80%; left:11px; bottom:20px; background:#fff; padding:25px 25px 45px; border-radius:5px; z-index:999; border:1px solid #ccc;}
.mem_info .top_login{padding-bottom:20px;}
.mem_info .top_login ul{display:flex; align-items:center; justify-content:space-between;}
.mem_info .top_login li a{font-size:14px;}
.mem_info img{width:100%;}


.x-icon {
    position: absolute; top:-30px; right:10px;
    width: 20px;
    height: 20px;
    cursor:pointer;
}

.x-icon::before, .x-icon::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 20px;
    background-color: black;
    top: 0;
    left: 50%;
    transform-origin: center;
    transform: translateX(-50%);
}

.x-icon::before {
    transform: translateX(-50%) rotate(45deg); /* 오른쪽 상단에서 왼쪽 하단으로 */
}

.x-icon::after {
    transform: translateX(-50%) rotate(-45deg); /* 왼쪽 상단에서 오른쪽 하단으로 */
}
/* BASIC css end */