.modal-wrapper{margin:0 auto;max-width:800px;background-color:#fff;border-radius:10px;padding:50px 20px 20px;position:relative}
@media only screen and (max-width:1024px){.modal-wrapper{max-width:540px}}
.modal-wrapper .popup-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;position:absolute;top:5px;right:5px;color:#000;font-size:20px}.modal-wrapper .popup-close span{position:absolute;left:6px;width:24px;height:3px;background-color:#000;transition:all 0.2s linear}.modal-wrapper .popup-close span:nth-of-type(1){transform:rotate(-45deg);top:16px}.modal-wrapper .popup-close span:nth-of-type(2){transform:rotate(45deg);top:16px}.modal-wrapper h3{font-weight:700;margin-bottom:10px}
/* .modal-wrapper p{max-height:108px;overflow-y:auto} */
.modal-wrapper .thumb-holder{margin-bottom:20px}.modal-wrapper .thumb-holder img{width:100%}.modal-wrapper .video-holder{margin-bottom:20px;position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.modal-wrapper .video-holder video,.modal-wrapper .video-holder iframe{position:absolute;top:0;left:0;width:100%;height:100%}
/*C4D*/
.program-steps img{display:inline-block;margin:0 0 auto}.modal-wrapper .popup-close span{border-radius:3px;background-color:#424242!important}.modal-wrapper .popup-close:hover span{background-color:#000!important}.modal-wrapper .tit-ods1{color:#ea1c2c}.modal-wrapper .tit-ods3{color:#2c9a47}.modal-wrapper .tit-ods4{color:#c21f33}.modal-wrapper .tit-ods5{color:#ef412a}.modal-wrapper .tit-ods6{color:#00add8}.modal-wrapper .tit-ods14{color:#007dbb}.modal-wrapper .tit-ods16{color:#00558a}.modal-wrapper .content-scroll{max-height:249px;overflow-y:auto}.ods-head-holder{position:relative;width:100%;min-height:399px;margin-bottom:20px;background-size:cover;overflow:hidden;border-radius:10px}.ods-head-holder .head-logo, .video-holder .head-logo{position:absolute;top:5%;left:5%;max-width:200px;height:auto;z-index:10}.modal-ods-ico{border-radius:10px;max-width:150px;height:auto}.modal-wrapper h3{font-size:32px}.modal-wrapper p{font-size:17px}.modal-wrapper ul { padding-left: 0px; margin: 0 auto 16px; }.modal-wrapper ul li { font-size:17px; margin-bottom: 4px; }.modal-wrapper ul li::marker { font-size: 1.3em; }.modal-ods-ico { margin: 12px auto;}.modal-contents h4 { font-size: 27px; margin-bottom: 12px; }.modal-contents .txt-plus { font-size: 23px; margin-bottom: 12px; font-weight: 700; line-height: 1.3 !important; }
@media only screen and (max-width: 767px){.ods-head-holder { min-height: 178px; }.ods-head-holder .head-logo, .video-holder .head-logo { max-width: 150px;}.modal-wrapper h3 { font-size: 27px; }.modal-ods-ico { max-width: 104px; margin: 8px auto; }.modal-wrapper ul { padding-left: 10px; margin: 16px auto; }.modal-wrapper ul li { font-size: 15px; }.modal-wrapper .content-scroll { max-height: 288px !important; }.modal-actions { padding-top: 16px !important; }.program-steps a { margin: 0 !important; }.program-steps img { margin-bottom: 16px; }.modal-contents h4 { font-size: 23px; margin: 8px auto }.modal-contents .txt-plus { font-size: 19px; margin: 8px auto; }}