.ap_wrap {position:relative; width:1150px; margin:30px auto;} @media (max-width: 1150px) { .ap_wrap {position:relative; width:100%; padding:0 10px; margin:30px auto;} } .ap_pyo { width:100%; border:1px solid #d9d9d9; } .ap_pyo thead th {width:15%; padding:0 20px; height:50px; color:#fff; background:#005aab; text-align:center} .ap_pyo thead td {width:85%; padding:0 20px; border-bottom:1px solid #d9d9d9; color:#797979; text-align:left;} @media (max-width: 650px) { .ap_pyo thead th {width:30%;} .ap_pyo thead td {width:70%;} .ap_star_check li img {display:none;} } .ap_pyo tbody th {padding:10px 20px; font-weight:500; height:50px; color:#000; background:#f6f6f6; text-align:left; word-break:keep-all} .ap_pyo tbody td.center {padding-bottom:15px; text-align:center;} .ap_pyo .ap_star_check {text-align:center; margin:10px 0} .ap_pyo .ap_star_check li {display:inline-block; text-align:center; margin:10px 30px} .ap_pyo .ap_btn {padding:8px 20px; border:0; border-radius:4px; background:#686868; color:#fff; cursor:pointer; font-weight:bold} .ap_pyo .ap_btn:hover {background:#333; color:#fff} @media screen and (max-width: 600px){ .ap_pyo .ap_star_check li {margin:0px;} }