@charset "utf-8";

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

#hd_pop {/* width:1200px; */}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0;left: 0;top: initial;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;padding: 20px;}
.hd_pops img {max-width:100%}
.hd_pops_hd {
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
}

a.hd_pops_close {}
.hd_pops_subj {
    font-size: 1.750rem;
    font-weight: 400;
}
.hd_pops_con {
    font-size: 1rem;
    font-weight: 400;
    /* cursor: pointer; */
}
.hd_pops_con {}
.hd_pops_footer {padding:0;/* background:#000; *//* color:#fff; */text-align:left;position:relative;padding-top: 10px;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;/* color:#fff; */}
.hd_pops_footer .hd_pops_reject {/* background:#000; */text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

ul.hd_pops_ul {
    padding-bottom: 22px;
}
ul.hd_pops_ul li {
    display: flex;
    gap: 10px;
}
ul.hd_pops_ul li b {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    white-space: nowrap;
}
ul.hd_pops_ul li p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
}

#hd_pop input[type="checkbox"] + label::before{content: '';width: 16px;height: 16px;border-radius: 0;}
#hd_pop input[type="checkbox"]:checked + label::before{content: '';background-color: #fff;}
#hd_pop input[type="checkbox"]:checked + label::after{content: '';width: 16px;height: 17px;position: absolute;background-image: url(/img/ico-check.svg);background-repeat: no-repeat;background-size: cover;background-position: center;}

/***********************************************************************************
mediaquery
************************************************************************************/
@media screen and (max-width: 1200px) {


    
}
@media screen and (max-width: 768px) {

.hd_pops{
    top: 120px !important;
    width: calc(100% - 88px);
    left: 50% !important;
    transform: translate(-50%, 0);
    padding: 17px 16px 11px;
}
.hd_pops_con{
    width: 100% !important;
    height: auto !important;
    max-height: calc(var(--vh, 1vh) * 100 - 260px) !important;
    overflow-y: auto;
}

.hd_pops_subj {
    font-size: 1.375rem;
    font-weight: 400;
}
a.hd_pops_close svg{
    width: 20px;
    height: 20px;
}
.hd_pops_hd{
    padding-bottom: 20px;
}

    
ul.hd_pops_ul {
    padding-bottom: 21px;
}
ul.hd_pops_ul li {
    display: flex;
    gap: 13px;
}
ul.hd_pops_ul li b {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.6;
}
ul.hd_pops_ul li p {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.6;
}
.hd_pops .img-wrap{
    /* width: 100%; */
    /* height: 0; */
    /* padding-bottom: 100%; */
    /* position: relative; */
}
.hd_pops .img-wrap img{
    width: 100%;
    height: auto;
    /* position: absolute; */
    left: 0;
    top: 0;
    object-fit: cover;
}
.hd_pops_footer {padding:0;/* background:#000; *//* color:#fff; */text-align:left;position:relative;padding-top: 10px;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;/* color:#fff; */}
.hd_pops_footer .hd_pops_reject {/* background:#000; */text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

#hd_pop input[type="checkbox"] + label{
    font-size: 0.875rem;
    font-weight: 300;
}
#hd_pop input[type="checkbox"] + label::before{content: '';width: 12px;height: 12px;border-radius: 0;}
#hd_pop input[type="checkbox"]:checked + label::before{content: '';background-color: #fff;}
#hd_pop input[type="checkbox"]:checked + label::after{content: '';width: 12px;height: 12px;position: absolute;background-image: url(/img/ico-check.svg);background-repeat: no-repeat;background-size: cover;background-position: center;}

}