@charset "UTF-8";

/*-----------------------
    Modal
-------------------------*/
button[class*="tcb-"] {outline: none;border: 0;}
.modal-padding {padding: 25px 30px; font-size: 14px;}
.modal-backdrop.in {opacity: 0.75;}
.tc-modal {text-align: center;padding: 0!important;}
.tc-modal:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
.tc-modal .modal-dialog {display: inline-block;text-align: left;vertical-align: middle; width: 85%;}
.tc-modal .modal-title {font-size: 22px; word-break: keep-all; font-family: 'GmarketSansMedium'; font-weight: 700;}
.tc-modal .modal-content {box-shadow: none;border: 0; height: 80vh;}
.tc-modal .modal-content img{max-width:100%;}
.tc-modal .modal-body {overflow-x: auto; font-family: 'GmarketSansLight'; font-weight: 600; color: #000; padding-right: 15px !important; word-break: keep-all; }
.tc-modal .modal-header, 
.tc-modal .modal-body, 
.tc-modal .modal-footer {border: 0;padding: 0;}
.tc-modal .modal-header {margin-bottom: 20px;}
.tc-modal .modal-footer {margin-top: 30px; font-size: 12px; color: #777; font-family: 'GmarketSansLight';}
.tc-modal .modal-body p + p {margin-top: 5px; margin-bottom: 0;}
.tc-modal .modal-body table { width: 100%; margin-bottom: 10px; }
.tc-modal .modal-body table tr:nth-child(1) { background: #eee; }
.tc-modal .modal-body table tr:nth-child(2) { padding-top: 20px; }
.tc-modal .modal-body table td { padding: 10px; border: 1px solid #e5e5e5; }
.tc-modal .modal-body p.sub-tit { font-family: 'GmarketSansMedium'; padding-top: 20px; font-size: 16px; margin-bottom: 0;}
.tc-modal .modal-body p.text-tit { padding-top: 10px; font-family: 'GmarketSansMedium'; font-weight: 400; margin-bottom: 0;}
.tc-modal .modal-body p a { font-size: 14px !important; color: #777 !important; }
.tc-modal .modal-body ol { line-height: 1.75; margin-bottom: 0; padding-left: 20px; list-style: auto;}
.tc-modal .modal-body ol li:marker { letter-spacing: 1.8px; }
.tc-modal .modal-body ol ol { list-style: hangul; padding-left: 25px; }
.tc-modal .modal-body ol ol ol { list-style: upper-alpha; padding-left: 25px; }
.tc-modal .modal-body ul { line-height: 1.75; margin-bottom: 0; padding-left: 35px; padding-top: 0;}
.tc-modal .modal-body ul li { list-style: hangul; padding-top: 5px; }
.tc-modal .modal-body ul > ol { padding-left: 15px; }
.tc-modal .modal-body ul > ol li { list-style: upper-alpha; padding-top: 0;}
.tc-modal .modal-body ol.in-style { list-style: square; }
.tc-modal .modal-body ol.in-style ol { list-style: circle; padding-left: 13px;}
.tc-modal .close {margin-top: 0;position: absolute;right: 0px;top: -15px; background: #fed136;color: #fff;width: 30px;height: 30px;text-align: center;line-height: 0px;opacity: 1;font-size: 18px;transition: .3s ease all; padding: 15px 0 0 0; border-radius:5px; }
.tc-modal .close:hover {background: #222;}

@media (min-width: 576px) {
	.tc-modal .modal-dialog { max-width: 85%; }
}
@media (max-width: 576px) {
	.modal-padding {
		padding: 25px 15px;
	}
	.tc-modal .modal-body {
		word-break: normal;
	}
}