@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-equipment{display:none;position: fixed;top:50%;left:50%;transform: translate(-50%,-50%);width:100%;max-width:860px;z-index: 999999;}
.modal-equipment .close-modal{position: absolute;top:0;right:-60px;display: inline-block;}
.modal-equipment .close-modal img{display: block;}
.modal-equipment .box{display: flex;border-radius: 20px;overflow: hidden;}
.modal-equipment .box > div{flex:1; }
.modal-equipment .box .txt{background: #f3f0ec;padding:50px;}
.modal-equipment .box .txt h3{position:relative;font-family:'Noto Serif KR';font-size: 30px;font-weight: bold;letter-spacing: -0.6px;color: #202020;padding-bottom: 15px;}
.modal-equipment .box .txt h3:after{content: "";position: absolute;left:0;bottom:0;width:100px;height:2px;background: #af896f;}
.modal-equipment .box .txt p{margin-top:25px;font-size: 20px;font-weight: normal;line-height: 1.5;letter-spacing: -0.4px;color: #202020;word-break: auto-phrase;}
.modal-equipment .box .img{background: #fff;}
.modal-equipment .box .img img{display: block; }


@media all and (max-width:1024px) {
    .modal-equipment{max-width: calc(100% - 80px);}
    .modal-equipment .close-modal{top:-50px;right:0;width:40px;}
    .modal-equipment .box .txt{padding:30px;}
    .modal-equipment .box .txt h3{font-size:26px;}
    .modal-equipment .box .txt p{font-size:16px;}
}

@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-equipment{height:100%;max-width:calc(100% - 40px);max-height:calc(100% - 40px);padding-top: 60px;}
    .modal-equipment .close-modal{top:10px;right:0;}
    .modal-equipment .box{flex-direction: column-reverse;max-height: 100%;overflow-y: auto;}
    .modal-equipment .box > div{max-width:100%;}
    .modal-equipment .box .txt{padding:20px;}
    .modal-equipment .box .txt h3{font-size:22px;}
    .modal-equipment .box .txt h3:after{width:60px;}
    .modal-equipment .box .txt p{font-size:14px;}
    .modal-equipment .box .img img{ width: 100%}

}

@media all and (max-width:460px) {
    .modal-equipment .box .txt h3{font-size:18px;padding-bottom: 10px;}
    .modal-equipment .box .txt p{margin-top:10px;}
}