/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_pop_fixed {position:fixed; top:0; left:0; width:100%;  height: 100vh; background:rgba(0,0,0,.7)}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 5px 10px; border:0;color:#fff; font-size: 13px; cursor: pointer;}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left;}
.hd_pops_footer .hd_pops_close{background:#393939;}

.hd_pops_footer .hd_pops_reject_pc {background: transparent; text-align:left; cursor: pointer; margin-right: 5px;}
.hd_pops_footer .hd_pops_close_pc {background:#393939;  margin-right: 5px;}


#pop_wrap {position: absolute; left: 0; top: 0; position: fixed; background-color: rgba(0, 0, 0, 0.8); width: 100%;height: 100vh; z-index: 9998;}
	
#pop_win{width: 484px; display: flex; flex-wrap: wrap;  top: 50%; left: 50%; transform: translate(-50%, -50%); position: fixed; z-index: 9999; margin: 0 auto; border: 2px solid #000; box-shadow: 0 0 12px 4px rgba(125, 125, 125, 0.6);}
#pop_win a{text-decoration: none;}

#popchange { overflow:hidden; position:relative;  width:360px; height: 360px; margin:0; padding:0px; border:1px solid #ddd; border-bottom:0px solid #ddd; background:#fff; text-align:center; visibility:visible; z-index:99999999; }
#popchange ul { list-style:none; height: 100%;}
#popchange ul li{height: 100%;}
#popchange ul li img {width: 100%; height: 100%; object-fit: contain; display: block;}

#divMenu { position:relative; left:0px; top: 0; margin:0; background:#fff; text-align:center; visibility:visible; z-index:99999999; width: 120px; border: 1px solid #ddd; border-left: none;}
.pagination:after{clear: both;display: block;content: ""}
.pagination {  list-style:none;   margin:0px 0px 0 0px; background:#fff; }
.pagination li {position: relative; width: 120px; height: 35px; padding:0px; color:#fff; background:#989898; text-align:center; cursor:pointer; opacity:1.0;  transition: all .5s ease;
-webkit-transition: all .5s ease; border-bottom: 1px solid #ccc; display: flex; align-items: center;}
.pagination li:hover { color:#000; border:1px solid #000000; opacity:1.0; }
.pagination li p {text-align: center; display: block; width: 100%; font-family: 'Verdana', sans-serif;}

li.current { background:linear-gradient(to right, var(--subColor), var(--mainColor)); opacity:1.0; width: 140px; margin-left: -20px; position: relative;}
li.current:before {content:""; background: url("/img/arrow_pop.svg"); background-repeat: no-repeat; width:30px; height: 30px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
li.current p{color: #fff!important; font-size: 14px; font-weight: bold; }
li#content { width:298px; height:222px;  margin:0px 0px 8px 8px; background:#fff; }
#content h1 { font:12px Archivo Black, Arial; margin-bottom:15px; color:#000;}

#footerfix { float:left; position:relative; left:0px; top:0px; z-index:99999999; }

/* 24시간 동안 열람하지 않습니다  */
.hd_pops_footer { background: #000; color: #fff; text-align: right; width: 100%; padding: 10px 5px;}
.hd_pops_con {display: flex;padding: 0;}
.hd_pops_side { width: 120px;}
.mo_pop {display: none;}


@media screen and (max-width:1100px){
    .mo_pop {display: none;}
    .pc_pop {display: block; }

    #pop_win {
        width: 70vw;
    }
    #popchange {
        width: 100%;
        height: 60vw;
    }
    #divMenu {
        position: absolute;
        left: 50%;
        bottom: -7vw;
        top: auto;
        border: none;
        font-size: 0;
        transform: translateX(-50%);
        background: transparent;
        width: 100%;
    }
    .pagination {
        display: flex;
        justify-content: center;
        width: 100%;
        gap: 2vw;
        background: transparent;
    }
    .pagination li {
        width: 4vw;
        height: 4vw;
        background: #fff;
        border-radius: 50%;
    }
    .pagination li.current {
        width: 4vw;
        margin-left: 0;
        font-size: 0;
        background: linear-gradient(to right, var(--subColor), var(--mainColor));
    }
    .pagination li.current:before {
        background: none;
    }
    .pagination li.current p {
        font-size: 0;
        color: transparent;
    }

    #hd_pop {position:absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7);}
    #hd_pop_fixed {box-sizing:border-box; height:100%; width:100%; }
    #hd_pop_fixed_box {position:absolute; box-sizing:border-box; top:60px; left:50%; bottom:0; transform: translateX(-50%); width: 55vw;}
    #hd_pop_fixed_inner {position:relative; height:100%; width:100%;}
    .hd_pops_con {width: 100% !important; height: fit-content !important;}
    /* .hd_pops {top:50% !important; left:50% !important; transform:translate(-50%, -50%)} */
    .hd_pops_footer { display: flex; width: 100%; height: calc(60vw/var(--basicSize)); padding: 0; justify-content: center; background: transparent; position: absolute; top: -5vw;}
    .hd_pops_footer button {font-size: inherit; }
    .hd_pops_footer .hd_pops_reject_pc {font-size:2vw; white-space: nowrap; background: transparent;}
    .hd_pops_footer .hd_pops_close_pc{font-size: 2vw; margin-left: 28%; height: 100%; background: transparent; white-space: nowrap;}

    .hd_pops_side {
        width: 0;
    }

    
}