@charset "utf-8";

html, body,div, span,dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6,blockquote, p, address, pre, cite,form, fieldset, input, textarea, select,table, th, td {margin:0; padding:0;}
ol, ul { list-style:none; }
.h{overflow: hidden; width:1px; height:1px; font-size:0px; line-height:0; position:absolute; }
body{}

.check00{position: absolute; top:35%; left:55%; overflow:hidden;}  /* 18 -> 35 */
.check01{position: absolute; top:35%; left:55%; overflow:hidden; border:1px solid #adadad;}  /* 18 -> 35*/
.check02{position: absolute; top:18%; left:17%; overflow:hidden; border:1px solid #c8c8c8; /* background-color:#2c428e;width:430px; height:260px; */}



.swiper_wrap{overflow: hidden; }
/*.swiper-slide-prev { visibility: hidden !important;}
.swiper-slide-next { visibility: hidden !important;}*/
/*.swiper-slide-duplicate-next { visibility: hidden !important;}
.swiper-slide-duplicate-next { visibility: hidden !important;}*/


/* 이미지 팝업 */
.swiper-pagination{/*margin-left: 0px;*/ margin: 16px; position: absolute !important; top: 0; left: 388px !important; background: none; height: 25px; line-height: 25px; font-size: 14px; width: 60px !important; text-align: center;color: #59595a;}
.swiper-pagination-m{display:none;}
.popupSwiper{position: absolute; width: 480px; left:50%;top:10%; z-index:999999; box-shadow: rgb(100 100 111 / 30%) 0 7px 9px 0; border: 1px #d1d1d1 solid;}
.preview-section{width: 100%; overflow-y: auto; overflow-x:hidden;}
.img-box{
    background-color: #76e1e5;
    /* display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; */
    color: #222;
    width: 480px;
    max-height:558px;
    overflow-y: auto;
}
.img-box img{display:inline-block; width:480px;}
.size-info { font-size: 14px; font-weight: normal;}
.linkWrap{width:480px; /*position: absolute;*/ bottom: 0px; height:30px; line-height:30px; /* display:none;  */ }
.linkWrap a{display:inline-block; float:left; text-align:center; color:#fff; background:#283593;}
.oneLink a{width:100%;}
.twoLink a{width:50%;}
.twoLink a:nth-child(2){background:#db872d;}
.thrLink a{width:33.333%;}
.thrLink a:nth-child(2){background:#db872d;}
.thrLink a:nth-child(3){background:#1da84f;}

.preview-wrap{width:480px;}
.popup_close{width:100%; height:30px; line-height:30px; background:#f3f3f3 !important; padding: 0 0 2% 0 !important; border: none !important;}
.popup_close input[type="checkbox"]{display:inline-block; padding:0 0 0 10px; float:left; margin:9px;}
.popup_close .btn_popup_close span{display:inline-block; color:#333; cursor:pointer;}
.popup_close span{display:inline-block; float:left;}
.closePopup{float:right !important; padding:0 10px 0 0;}
.preview-section-m{display:none;}
.popupSwiper_m{display:none; background: linear-gradient(to right, #2f82b6, #7c6fd8); top:180px;}

/*시스템점검 미리보기*/
.popupText{width: 420px; position:absolute; background:#fff; /*top:180px; left:170px;*/top:10%; left:36%; flex-direction: column; z-index:9999999; box-shadow: rgb(100 100 111 / 30%) 0 7px 9px 0;}
.popup-head{background-color: #0176b8; padding:15px; color:#fff;}
.popup-head img{display:inline-block; float:left;}
.popup-head img:last-child{float:right; display:inline-block; margin:2px 0 0 0;}
.popup-head h2{display:inline-block; padding:0 0 0 10px; width:50%; font-size:14px; color:#fff;}
.popup-body{padding:10px 20px; font-size: 14px;}
.popTxtDetail{background:#efefef; padding: 15px 10px;}
.popTxtDetail h3{font-size:16px;}
.popTxtDetail p strong{color:#2c428d; font-size: 15px;}
.popupText-m{display:none;}

.container::-webkit-scrollbar{width:10px;}
.container::-webkit-scrollbar-track{background:gray; border-radius:5px;}
.container::-webkit-scrollbar-thumb{background:skyblue; border-radius:5px;}
.container::-webkit-scrollbar-button{display:none;}

@media only screen and (max-width: 1100px) {
    .popupText{display:none;}
    .preview-section{display:none;}
    /*이미지 모바일 */
    .swiper-pagination{display:none;}
    .swiper-pagination-m{display:block; margin-left: 0px; position: absolute !important; top: 5px; left: 260px !important; background: #fff; height: 25px; line-height: 25px; font-size: 12px; width: 60px !important;z-index: 1; color: #595959;}
    .popupSwiper_m{display:block; position: absolute; width: 320px; left:50%; margin-left:-160px; z-index:999999; box-shadow: rgb(100 100 111 / 30%) 0 7px 9px 0;}
    .preview-section-m{display:block; width: 100%; overflow-y: auto; overflow-x:hidden;}
    .img-box{
        background-color: #76e1e5;
        /* display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; */
        color: #222;
        width: 320px;
        max-height:558px;
        overflow-y: auto;
    }
    .img-box img{display:inline-block; width:320px;}
    .size-info { font-size: 14px; font-weight: normal;}
    .linkWrap{width:320px; position: absolute; bottom: 0px; height:30px; line-height:30px; /* display:none;  */}
    .linkWrap a{display:inline-block; float:left; text-align:center; color:#fff; background:#283593;}
    .oneLink a{width:100%;}
    .twoLink a{width:50%;}
    .twoLink a:nth-child(2){background:#db872d;}
    .thrLink a{width:33.333%;}
    .thrLink a:nth-child(2){background:#db872d;}
    .thrLink a:nth-child(3){background:#1da84f;}

    .preview-wrap{width:320px;}
    .popup_close{width:100%; height:30px; line-height:30px; background:#f3f3f3;}
    .popup_close input[type="checkbox"]{/*display:inline-block; */ display:none; padding:0 0 0 10px; float:left; margin:9px;}
    .popup_close .btn_popup_close span{display:inline-block; color:#333; cursor:pointer;}

    .popup_close span{display:inline-block; float:left; width: 48%; background: #595959; text-align: center; height: 39px; line-height: 3; color: #FFFFFF;}
    .closePopup{float:right !important; padding:0 10px 0 0; }
    .closePopup a{color: #FFFFFF;}
    .popupSwiper{display:none;}

    /*시스템점검 미리보기 모바일*/
    .popupText-m{/*width: 420px;*/ width: 98%; background: #fff; display: block; position:absolute; /*left:50%*/; margin: 10% 0 0 1%; /*margin-left:-160px;*/ flex-direction: column; z-index:9999999; top: 15%;}
    .popup-head{background: linear-gradient(to right, #2f82b6, #7c6fd8); padding:15px; color:#fff; font-size: 14px;}
    .popup-head img{display:inline-block; float:left;}
    .popup-head img:last-child{float:right;}
    .popup-head h2{display:inline-block;padding:0px; text-align:center; width:50%;}
    .popup-body{padding:10px 20px; font-size: 13px;}
    .popTxtDetail{background:#efefef; padding: 15px 10px;}
    .popTxtDetail h3{font-size:13px;}
    .popTxtDetail p strong{color:#2c428d; font-size: 12px;}

    .popup-background{width: 100%; height: 100%; background: #00000078; position: absolute; z-index: 9999999; display: none;}
}