/************ ¸ð´Þ ¸ÂÃã ÁöÁ¤ *************/

@media (min-width:418px) {

    .mobile-size { display: inline-block; }
}

@media (min-width: 576px) {
    .modal-sm2 { max-width: 400px; }
}


/************ È­ÀÌÆ® ¹Î¹«´Ì ¸ð´Þ *************/
.white-modal {z-index:1200 !important;}
.white-modal .modal-header, .modal-body, .modal-footer { padding-left: 30px; padding-right: 30px; }
.white-modal .modal-title { font-size: 1.5rem; }

.white-modal .modal-content { border-radius: 3px; }

.white-modal .modal-header { border-bottom: 0; padding-bottom: 0; }

.white-modal .modal-body { padding-top: 0; border-bottom: 0; }

.white-modal .modal-footer { border-top: 0; justify-content: center; padding-bottom: 30px }

 

.white-modal .ruleDetail { margin: 10px auto; }

.white-modal .ruleTitle { padding-left: 20px; }

.white-modal .modal-body .titleComment { padding-top: 0; font-size: 13px }

.white-modal div#titleComment { color: #666; }


.white-modal .toggleLink, .toggleLink:active, .toggleLink:hover, .toggleLink:focus { color: #999; font-size: 0.9em; text-decoration: none; }

    .white-modal .toggleLink span { float: right; font-size: 13px; text-decoration: underline; margin-right: 20px; }

.white-modal .ruleDetail .card-body { margin-top: 12px; background: #f5f7fa; padding: 12px; height: 180px; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; font-size: 12px; color: rgba(0,0,0,.54) !important; }

 
/************ ºí·ç ¸ð´Þ *************/
.blue-modal .modal-content { border: 0; border-radius: 6px 6px 3px 3px; }

.blue-modal .modal-header { min-height: 16.43px; padding: 15px; border-bottom: 1px solid #e5e5e5; background-color: #3762AE; color: white; border-radius: 5px 5px 0 0; }

    .blue-modal .modal-header .close { margin-top: -18px; color: white; font-size: 30px; }

.blue-modal .modal-body { max-height: 400px; overflow-y: visible; overflow-x: hidden; }

.blue-modal .modal-footer { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }