.policy_history_ey span{ display: block; padding: 0 35px; line-height: 62px; font-size: 24px; font-weight: 700; border: 1px solid #ccc; background: #f2f2f2; color: #000; cursor: pointer;}
.policy_history_ey span .close,
.policy_history_ey span.show .open{ display: none;}
.policy_history_ey span .open,
.policy_history_ey span.show .close{ display: inline;}
.policy_history_ey table{ display: none; border: 1px solid #ccc; border-top: 0; color: #000;}
.policy_history_ey table th{ line-height: 50px; font-size: 24px; border-bottom: 1px solid #ccc; background: #f2f2f2;}
.policy_history_ey table td{ padding-left: 15px; text-align: left; line-height: 22px; border-bottom: 1px solid #ccc;}
.policy_history_ey table td a{ display: block; font-size: 20px; font-weight: 500;}
.policy_history_ey table thead th.th_r{ border-right: 1px solid #ccc;}
.policy_history_ey table thead th{ border-top: 0;}
.policy_history_ey table tbody th{ border-right: 1px solid #ccc; background: #f2f2f2;}

.tableSH01 { width: 100%; color: black; display: flex; border: 1px solid black; text-align: center; }
.tableSH01 > div:nth-of-type(1) { width: 20%; }
.tableSH01 > div:nth-of-type(2) { width: 15%; }
.tableSH01 > div:nth-of-type(3) { width: 65%; }

.tableSH01 p { box-shadow: 0 0 0 1px inset; display: flex; justify-content: center; align-items: center; }

.tableSH01 > div > p:first-child { background: #dbdbdb; font-weight: 700; height: 50px; line-height: 50px; }

.tableSH01 > div > p:nth-child(n+2) { height: fit-content; }
.tableSH01 > div:nth-of-type(1) > p:nth-child(n+2) { height: 100px; }
.tableSH01 > div:nth-of-type(3) > p:nth-child(n+2) { text-align: left; padding-left: 10px; box-sizing: border-box; }



.tableSH02 {display: flex;box-shadow: 0 0 0 1px;}

.tableSH02 > div {
    width: 25%;
}

 
.tableSH02 > div > p:nth-of-type(1) { height: 160px; }

.tableSH02 > div > p {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 250px;
    border: 1px solid #666;

}

.tableSH02 > div > p:nth-of-type(1) { background: #dbdbdb; font-weight: 700; color: black; }


.heightSH40 { height: 40px !important; }
.heightSH80 { height: 80px !important; }
.heightSH120 { height: 120px !important; }
.heightSH160 { height: 160px !important; }
.heightSH280 { height: 280px !important; }

thead {background-color: #dbdbdb; color: #000;}

.tg  { border-collapse: collapse; border-spacing: 0; word-break: break-all; text-align: center; border: 2px solid #818181;}
.tg td { overflow: hidden; padding: 50px 5px; }
.tg th { text-align: center; overflow: hidden; padding: 25px 5px;}

.tg .tg-c3ow { border-color: inherit; text-align: left; vertical-align: center; border: 2px solid #818181;}
.tg td:nth-of-type(2) { text-align: center; }
.tg .tg-yagc { background-color: #dbdbdb; border-color: inherit; font-weight: bold; color: #000; vertical-align: center; border: 2px solid #818181;}
.tg .tg-yagc:first-of-type { width: 7%; text-align: center; }
.tg .tg-0pky, .tg-0lax { border-color: inherit; vertical-align: center; border: 2px solid #818181;}


.tg_02  { border-collapse: collapse; border-spacing: 0; word-break: keep-all; border: 2px solid #818181;}
.tg_02 td { overflow: hidden; padding: 10px; width: 50%; }
.tg_02 th{ overflow: hidden; padding: 10px; background: #dbdbdb; }
.tg_02 .tg-y2oe {border-color:inherit; text-align: left; vertical-align: center; border: 2px solid #818181;}
.tg_02 .tg-ei0w { border-color: inherit; color: #000; text-align: center; vertical-align: center; border: 2px solid #818181;}

.popup_per_shops_info {
    display: block;
    position: fixed;
    left: 0;
    top: 100%;
    z-index: 150;
    width: 100%;
    height: 100%;
    transition: top 0.01s ease-out 0.3s;
}

.popup_per_shops_info:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    transition: opacity 0.3s ease-out;
}

.popup_per_shops_info.open {
    top: 0;
    transition: top 0.01s ease-out 0s;
}

.popup_per_shops_info.open:before {
    opacity: 0.8;
    transition: opacity 0.4s ease-out;
}

.popup_per_shops_info .outter_box {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.popup_per_shops_info .inner_box {
    display: flex;
    flex-direction: column;
    position: relative;
    margin: auto;
    height: 100%;
    padding: 40px 40px 80px 40px;
    box-sizing: border-box;
    background-color: #fff;
    opacity: 0;
    transition: all 0.2s ease;
}

.popup_per_shops_info.open .inner_box {
    opacity: 1;
    transition: all 0.2s ease;
}

.popup_per_shops_info .title {
    padding-bottom: 30px;
    font-size: 40px;
    line-height: 40px;
    color: #000;
    border-bottom: solid 2px #000;
    font-weight: bold;
}

.popup_per_shops_info .cont {
    margin-bottom: 60px;
    padding: 43px 0 0 0;
}

.popup_per_shops_info .btn_box {
    text-align: center;
}

.popup_per_shops_info .btn_close {
    display: inline-block;
    width: 38px;
    height: 38px;
    position: absolute;
    right: 40px;
    top: 40px;
    background: url(//cdn-tgreen.bizhost.kr/4xr_mo_20200721/images/ico_close3.png) center center no-repeat;
}

.popup_per_shops_info table th {font-size:24px; line-height:26px; color:#818181; vertical-align:top; text-align:center; border: solid 1px #000; background-color: #dbdbdb; padding: 25px 5px;}
.popup_per_shops_info table td {font-size:24px; line-height:26px; color:#818181; text-align:left;border: solid 1px #000; padding: 20px 5px;}

.pagination .paging .page {
    padding: 0;
}