@charset "utf-8";
.modal:before{content:'';display:inline-block;height:100%;width:0;margin-left:-1em;vertical-align:middle}
.modal__open{overflow:hidden;height:100%}
.modal__open .modal{overflow-x:hidden;overflow-y:auto;z-index:99999}
.modal__backdrop{position:absolute;top:0;right:0;left:0;background-color:rgba(0,0,0,.6)}
.modal__body{position:fixed;top:50%;left:50%;display:inline-block;width:600px;margin:-1% auto 0;/* background:#fff; */box-shadow:0 0 24px rgba(0,0,0,.5);transform:translate(-50%,-50%);transition:all .4s ease-out;vertical-align:middle;text-align:left;padding: 20px 0 0 0;}
.modal__header{margin:0 15px;padding:10px 0;border-bottom:1px solid #e6e6e6;}
.modal .modalTitle,.modal__title{font-size:1.2em;color:#000}
.modal__content{position:relative;padding:20px;overflow-y:auto}
.modal__footer{padding:8px 15px;border-top:1px solid #e6e6e6;background:#fafafa;text-align:center}
.modal__close{position:absolute;top:0;right:0;font-size:0}
.modal__close-button span{display:inline-block;width:73px;height:73px;background:#000}
.modal__close-button span:after,.modal__close-button span:before{display:inline-block;position:absolute;top:50%;left:50%;background-color:#fff;vertical-align:middle;transform:rotate(-45deg);content:'';}
.modal__close-button span:before{left:50%;width:48px;height:1px;margin-top:0;margin-left:-24px}
.modal__close-button span:after{width:1px;height:48px;margin-top:-24px}
.modal.fade .modal__backdrop{opacity:0;transition:opacity 1s}
.modal.fade.active .modal__backdrop{opacity:.75;transition:opacity 1s}
.modal--images .modal__body{width:auto;margin-bottom:0}
.modal--images .modal__content{padding:0;font-size:0;line-height:0}
.modal--images .modal__content img{max-width:800px!important;max-height:600px!important}
.modal.donor__popup .modal__body{background:url(/common/images/program/donor_popup_bg.jpg) no-repeat;background-size:cover}
.modal.donor__popup .modal__header{margin-top:51px;border:none;text-align:center}
.modal.donor__popup .modal__title{font-size:34px;line-height:34px;color:#ffeec1;text-align:center}
.modal.donor__popup .modal__title>span{position:relative;display:inline-block}
.modal.donor__popup .modal__title>span:after,.modal.donor__popup .modal__title>span:before{display:block;position:absolute;top:5px;width:78px;height:24px;background:url(/common/images/program/donor_popup_leaf.png) no-repeat}
.modal.donor__popup .modal__title>span:before{left:-97px}
.modal.donor__popup .modal__title>span:after{right:-97px;background-position:-85px 0}
.modal.donor__popup .modal__title-text{margin-top:25px;font-size:18px;color:#ffeec1}
.modal.donor__popup .modal__title-text span{position:relative;display:inline-block;padding-left:14px}
.modal.donor__popup .modal__title-text span:before{position:absolute;left:0;top:12px;display:block;width:4px;height:4px;background-color:#b0a68a}
.modal.donor__popup .modal__title-text span:not(:first-child){margin-left:18px}
.modal.donor__popup .modal__content{width:700px;padding:48px 40px}
.modal.donor__popup .modal__content .slider-nav{width:calc(100% - 140px);margin:auto}
.modal.donor__popup .modal__content .form-media__photo-slide{width:100%}
.modal.donor__popup .modal__content .form-media__photo-slide .slider-nav .slick-arrow.slick-prev{background-image:url(/common/images/program/arrow_left.svg)}
.modal.donor__popup .modal__content .form-media__photo-slide .slider-nav .slick-arrow.slick-next{background-image:url(/common/images/program/arrow_right.svg)}
.modal.donor__popup .modal__content .form-media__photo-slide .slider-nav__button{position:relative;width:152px;height:128px}
.modal.donor__popup .modal__content .form-media__photo-slide .slider-nav__button:hover{border:4px solid #816445}
.modal.donor__popup .modal__content .form-media__photo-slide .slider-for{margin-top:30px}
.modal.donor__popup .modal__content .form-media__photo-slide .slider-for .slick-slide{text-align:center}
.modal.donor__popup .modal__content .form-media__photo-slide .slider-for img{margin:0 auto;max-width:620px!important;max-height:420px!important}
.modal.donor__popup .modal__close-button span{background-color:#836647}
@media only screen and (max-width:985px){
    .modal.donor__popup .modal__content{width:600px}
    .modal.donor__popup .modal__content .slider-nav{width:calc(100% - 100px)}
    .modal.donor__popup .modal__content .form-media__photo-slide .slider-nav__button{width:102px;height:85px}
    .modal.donor__popup .modal__content .form-media__photo-slide .slider-for img{max-width:620px!important;max-height:420px!important}    
    .modal--images .modal__content img{max-width:600px!important;max-height:500px!important}
}
@media only screen and (max-width:770px){
    .modal__close-button span{width:50px;height:50px}
    .modal__close-button span:before{left:50%;width:28px;height:1px;margin-top:0;margin-left:-14px}
    .modal__close-button span:after{width:1px;height:28px;margin-top:-14px}
}
@media only screen and (max-width:640px){
    .modal--images .modal__content img{max-width:300px!important;max-height:400px!important}
    .modal.donor__popup .modal__header{margin-top:30px}
    .modal.donor__popup .modal__title{font-size:24px;line-height:24px}
    .modal.donor__popup .modal__title>span:after,.modal.donor__popup .modal__title>span:before{top:1px}
    .modal.donor__popup .modal__title>span:before{left:-87px}
    .modal.donor__popup .modal__title>span:after{right:-87px}
    .modal.donor__popup .modal__title-text{margin-top:20px;font-size:16px}
    .modal.donor__popup .modal__content{width:320px;padding:20px 20px 30px}
    .modal.donor__popup .modal__content .slider-nav{width:calc(100% - 60px)}
    .modal.donor__popup .modal__content .form-media__photo-slide .slider-for img{max-width:280px!important;max-height:270px!important}
}
#youtubeLayer,
#imgLayer{position: fixed;top:50% !important;left:50% !important;transform: translate(-50%,-50%)  !important;opacity:0;}
#imgLayer{overflow:hidden}
#youtubeLayer .youtube{width:700px;height:450px;}
#imgLayer .thumb{display:block;width:auto !important;max-height:450px;}
#ajaxLayer {display:none;z-index:99999;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6)}
#ajaxLayer.on{display:block;}
#popup{border:10px solid #236DC9;}
#popup .title{padding:18px 10px;width:100%;height:74px;background:#236dc7 url(/images/kor/common/gnb_bg.png) no-repeat right 0}
#popup .title h1{margin:0;padding:0;color:#fff;font-size:26px;}
#popup .pwrap{padding:30px;}
#popup .close{position:absolute;top:10px;right:10px;}
#popup .close a{color:#fff;font-size:18px;font-weight: bold;}
.Modal-overlay{display:none;position:fixed;background-color:rgba(0,0,0,0.85);height:100%;width:100%;top:0;left:0;cursor:pointer;padding-top:10%;z-index:99999}
.Modal-box{width:87%;max-width:860px;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;position:relative}
.Modal-box > .video-container{position:relative;display:block;height:0;padding:0;overflow:hidden;padding-bottom:56.25%}
.Modal-box > .video-container > iframe,.Modal-box > .video-container > object,.Modal-box > .video-container > embed{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0;max-width:860px}.Modal-close{position:absolute;right:20px;top:10px;font-size:50px;z-index:100000;color:#fff}.Modal-cancel-overflow{overflow:hidden}
.modal-confirm .modal__dialog .modal__body{width: 360px;padding:0;border-radius: 5px;overflow: hidden;margin: 0;}
.modal-confirm .modal__dialog .modal__header {position:relative;padding: 16px 15px 14px 20px;background-color: #2d66d6;color: #fff;font-weight: bold;margin: 0;border: none;border-color: #d8d8d8;}
.modal-confirm .modal__dialog .modal__header .modal__title{display: flex;flex-wrap: wrap;justify-content: left;align-items: baseline;width: 100%;margin: 0;font-size: 20px;color: #fff;font-weight: bold;}
.modal-confirm .modal__dialog .modal__header .modalTitle,
.modal-confirm .modal__dialog .modal__header .modal__title{font-size:1.2em;color:#000}
.modal-confirm .modal__dialog .modal__header .modal__title{display: flex;flex-wrap: wrap;justify-content: left;align-items: baseline;width: 100%;margin: 0;font-size: 18px;color: #fff;font-weight: bold;}
.modal-confirm .modal__dialog .modal__footer{padding:0;border-top:none;border-top: 1px solid #DFE3E4;}
.modal-confirm .modal__dialog .modal__footer .btn{background-color: #fafafa;width: 50%;height: 45px;line-height: 45px;border: 0;/* border-top: 1px solid #d8d8d8; */margin: 0;padding: 0px;/* border-left: 1px solid #d8d8d8; */border-radius: 0;color: #000;vertical-align: middle;padding: 0 !important;}
.modal-confirm .modal__dialog .modal__footer .btn.btn-default{border-right: 1px solid #DFE3E4;/* background: #f7f7f7; */}
.modal-confirm .modal__dialog .modal__footer .btn:hover{background-color: #333;color: #fff !important;}
.modal-confirm .modal__dialog .modal__footer .btn.btn-default:hover{border-color:#DFE3E4}
.modal-confirm .modal__dialog .modal__content{background-color:#fff}
.bootbox.modal.bootbox-confirm .modal-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);max-width: 360px;width: 100%;}
.bootbox.modal.bootbox-confirm .modal-dialog .modal__footer{padding:0;border-top:none;border-top: 1px solid #DFE3E4;}
.bootbox.modal.bootbox-confirm .modal-dialog .modal__footer .btn{background-color: #fafafa;width: 50%;height: 45px;line-height: 45px;border: 0;/* border-top: 1px solid #d8d8d8; */margin: 0;padding: 0px;/* border-left: 1px solid #d8d8d8; */border-radius: 0;color: #000;vertical-align: middle;padding: 0 !important;}
.bootbox.modal.bootbox-confirm .modal-dialog .modal__footer .btn.btn-secondary{border-right: 1px solid #DFE3E4;/* background: #f7f7f7; */}
.bootbox.modal.bootbox-confirm .modal-dialog .modal__footer .btn:hover{background-color: #333;color: #fff !important;}
.bootbox.modal.bootbox-confirm .modal-dialog .modal__footer .btn.btn-secondary:hover{border-color:#DFE3E4}
.bootbox.modal.bootbox-alert .modal-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);max-width: 360px;width: 100%;}
.bootbox.modal.bootbox-alert .modal-dialog .modal__footer{padding:0;border-top:none;border-top: 1px solid #DFE3E4;}
.bootbox.modal.bootbox-alert .modal-dialog .modal__footer .btn{background-color: #fafafa;width: 50%;height: 45px;line-height: 45px;border: 0;/* border-top: 1px solid #d8d8d8; */margin: 0;padding: 0px;/* border-left: 1px solid #d8d8d8; */border-radius: 0;color: #000;vertical-align: middle;padding: 0 !important;}
.bootbox.modal.bootbox-alert .modal-dialog .modal__footer .btn.btn-secondary{border-right: 1px solid #DFE3E4;/* background: #f7f7f7; */}
.bootbox.modal.bootbox-alert .modal-dialog .modal__footer .btn:hover{background-color: #333;color: #fff !important;}
.bootbox.modal.bootbox-alert .modal-dialog .modal__footer .btn.btn-secondary:hover{border-color:#DFE3E4}
.modal.show .modal-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);width:100%}
.ui-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:999;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}
.ui-modal__backdrop:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-.05em}
.ui-modal__backdrop.behind{background-color:transparent}
.ui-modal__ajax{display:none;vertical-align:middle;position:fixed;top:50%;left:50%;z-index:2;box-sizing:border-box;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left;transform:translate(-50%, -50%) scale(1);width:100%}
.ui-modal__ajax .close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==)}
.ui-modal__ajax .close-modal:focus{outline:2px dashed #fff;border-radius: 50%;}
.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}
.modal-spinner > div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}
.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.modal-spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}
.modal-spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}
@-webkit-keyframes sk-stretchdelay {
    0%,40%,100%{-webkit-transform:scaleY(0.5)}
    20%{-webkit-transform:scaleY(1.0)}
}
@keyframes sk-stretchdelay {
    0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}
    20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}
}



@media (max-width:480px){
    .modal-confirm .modal__dialog .modal__body,
    .bootbox.modal.bootbox-confirm .modal-dialog,
    .bootbox.modal.bootbox-alert .modal-dialog{width:300px;}
}