#block_02 {width:100%; }
#block_02 h3 {font-size:20px; padding:0 0 20px 16px; position:relative; }
#block_02 h3::before {content:""; height:20px; width:4px; background-color:#555; position:absolute; top:6px;  left:0px; }
#block_02 p.txtP { line-height:25px; }
#block_02 div.icoBox {overflow:hidden; margin:10px 0 60px 0;}
#block_02 section a{display:block; font-size:13px; padding:20px 20px 22px 20px; text-align:center; border:1px solid #dfdfdf; 
border-radius:10px; margin:1% 1%; width:23%; box-sizing:border-box; float:left; }
#block_02 section a:hover span.detail{background-color:#333; color:#fff; box-sizing:border-box; }
#block_02 section a span.detail {display:block; background-color:#f0f0f0; color:#888; width:150px; margin:10px auto 0 auto; padding:2px 0 4px 0; font-size:12px;}
#block_02 div.icoBox2 {overflow:hidden; margin: 0px 0px 15px 0; font-size:17px;}
#block_02 div.icoBox2 section {display:block; padding:15px 20px; text-align:center; border:1px solid #dfdfdf; 
border-radius:10px; margin:1% 1%; width:23%; box-sizing:border-box; float:left; min-height: 82px; justify-content: center; display: flex; align-items: center;}
#block_02 .icoBox2 .cc { border: 0; padding: 0;}
#block_02 .icoBox2 .cc:hover { background: #fff;}

#block_02 table {float: right; border: 1px solid #6c6c6c; border-radius: 10px; text-align: center;}
#block_02 table tr td {padding: 10px 12px; border-right: 1px solid #6c6c6c;}
#block_02 table tr td:last-child {border: none;}
#block_02 table tr th {background: #f6bc1b; font-weight: bold; text-align: center; border-bottom: 1px solid #6c6c6c; border-right: 1px solid #6c6c6c;}
#block_02 table tr th:last-child {border-right: none;}
#block_02 table .tt {text-align: center;}
#block_02 table thead > tr:first-child > th:first-child {
                border-top-left-radius: 10px;
            }
            #block_02 table thead > tr:first-child > th:last-child {
                border-top-right-radius: 10px;
            }
            #block_02 table tbody > tr:last-child > td:first-child {
                border-bottom-left-radius: 10px;
            }
            #block_02 table tbody > tr:last-child > td:last-child {
                border-bottom-right-radius: 10px;
            }

#block_02 table tr th {text-align: center; padding: 10px 12px;}

#openPopupBtn {display:block; text-align:center; border:1px solid #dfdfdf; background-color: #f6bc1b;
border-radius:10px; width:100%; box-sizing:border-box; float:right; min-height: 82px; font-size: 17px; cursor: pointer;}


/*------ 팝업css ------*/
        .popup {
            display: none; /* 기본적으로 팝업창을 숨김 */
            position: fixed;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 588px;
            padding: 20px;
            background-color: white;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            border-radius: 5px;
            z-index: 1000; }
        /* 팝업창을 어둡게 하는 배경 */


        .popup-overlay {
            display: none; /* 기본적으로 오버레이를 숨김 */
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 999;
        }


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#block_02 section a {width:48%;}
#block_02 div.icoBox2 section {width:48%;}
	.icoBox2_table {overflow-x: scroll;}
	#block_02 table tr th {    border-right: 1px solid #6c6c6c;}
	#popup{font-size: 10px; width:100% }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
#block_02 section a {width:98%;}
#block_02 div.icoBox2 section {width:98%;}	
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}