@charset "utf-8";

/* main-popup */
.popup{border-radius: 15px;overflow: hidden;}
.popup .popup-contents{background: #fff;}
.popup a{display:block;}
.popup img{display:block;}
.popup .popup-bottom{display: flex;}
.popup .popup-bottom button{display:inline-block;padding: 15px 5px;width:30%;color:#fff;text-align: center;background: #1e4ba0;font-size: 13px;}
.popup .popup-bottom button:first-child{width:70%;background:#777;}

.modal-examine{display:none;position: fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;max-width:1400px;padding:60px 60px 86px;background: #0a1e2d;z-index: 9999999;}
.modal-examine .close-modal{position: absolute;top:0;right:0;}
.modal-examine h2{text-align: center;font-size: 40px;font-weight: 600;line-height: 1.25;letter-spacing: -0.8px;color: #fff;}
.modal-examine ul{margin-top:50px;border-top:2px solid #fff;padding-top: 50px;display: flex;gap:16px;}
.modal-examine ul li{flex:1;position: relative;}
.modal-examine ul li figure{position: relative;}
.modal-examine ul li figure img{display: block;width:100%;}
.modal-examine ul li h3{margin:15px 0;font-size: 24px;font-weight: bold;color: #fff;}
.modal-examine ul li p{position: relative; font-size: 17px;font-weight: 500;line-height: 1.76;color: #ccc;padding-left: 10px;}
.modal-examine ul li p:before{content: "";position: absolute;top:13px;left:0;width:5px;height:2px;background: #ccc;}





@media all and (max-width:1280px) {
    .modal-examine{width:calc(100% - 40px);padding:60px 40px;}
    .modal-examine h2{font-size:36px;}
    .modal-examine ul{margin-top:30px;padding-top:30px;}
    .modal-examine ul li h3{margin:10px 0;font-size:20px;}
    .modal-examine ul li p{font-size:15px;}
    .modal-examine ul li p:before{top:12px;}
}

@media all and (max-width:1024px) {
    .modal-examine{height:calc(100% - 40px);padding:60px 20px 40px;}
    .modal-examine h2{font-size:32px;}
    .modal-examine ul{flex-wrap: wrap;overflow-y: auto;max-height: calc(100% - 110px);}
    .modal-examine ul li{flex: none;width:calc(33.3333% - 11px);}
    .modal-examine ul li h3{font-size:16px;}
    .modal-examine ul li p{font-size:13px;}
    .modal-examine ul li p:before{top:10px;}
}


@media all and (max-width:768px) {
    .popup{top:50% !important;left:50% !important;transform: translate(-50%, -50%);width:100%;max-width: 90%;}
    .popup .popup-contents img{display: block;width:100% !important;}

    .modal-examine{height:calc(100% - 40px);padding:50px 20px 20px;}
    .modal-examine .close-modal{width:40px;}
    .modal-examine h2{font-size:28px;word-break: auto-phrase;}
    .modal-examine h2 br{display: none;}
    .modal-examine ul{max-height: calc(100% - 110px);}
    .modal-examine ul li{flex: none;width:calc(33.3333% - 11px);}
}

@media all and (max-width:460px) {
    .modal-examine h2{font-size:24px;}
    .modal-examine ul{max-height: calc(100% - 121px);}
    .modal-examine ul li{flex: none;width:calc(50% - 8px);}
}