/* 팝업레이어 */
#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:100%; 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;}
element.style {overflow: hidden;}

.hd_pops_footer .hd_pops_reject_pc {text-align:left; cursor: pointer; margin-right: 5px;}

#pop_wrap {position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; z-index: 9998;}
	
#pop_win{width: 704px; display: flex; flex-wrap: wrap; transform: translate(0, 35%); position: relative; 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; left:0px; top:0px; width:500px; height: 500px; 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; }
#popchange ul li img {width: 100%;}
#changes {
    overflow: visible !important;
}

#divMenu { position:relative; left:0px; top:0px; margin:0; background:#fff; text-align:center; visibility:visible; z-index:99999999; width: 200px; 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: 100%; height: 49px; padding:0px; color:#fff; background:#595959; 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 { opacity:1.0; }
.pagination li p {text-align: center; display: block; width: 100%; color: #fff; font-size: 14px;}

li.current { background:#1EA4D9; opacity:1.0;  width: 234px; margin-left: -34px; 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: #ffffff!important; font-weight: bold; font-size: 16px;}
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; }

.hd_pops_footer { background: #000; color: #fff; text-align: right; width: 100%; padding: 10px 5px;}

.hd_pops_con {
    display: flex;
    
}
.hd_pops_side {
    width: 120px;
}
.mo_pop {
    display: none;
}

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


    #pop_win {
        width: 90vw;
        margin-top: 10vw;
    }
    #popchange {
        width: 100%;
        height: 90vw;
    }
    #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: #1EA4D9;
    }


    li.current p{font-size: 0;}

    .pagination li.current:before {
        background: none;
    }


    .pagination li p {font-size: 0;}

    .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: 75vw;}
    #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: 5vw; padding: 0; justify-content: center; background: transparent; position: absolute; top: -8vw;}
    .hd_pops_footer button {font-size: inherit; }
    .hd_pops_footer .hd_pops_reject_pc {font-size:2.5vw; white-space: nowrap; background: transparent;}
    .hd_pops_footer .hd_pops_close_pc{font-size: 2.5vw; margin-left: 28%; height: 100%; background: transparent;}

    .hd_pops_side {
        width: 0;
    }

    
}