@charset "utf-8";

/* Page Wrap STR */
#layer_wrap {margin:0 auto; padding:0; width:100%;}
#layer_box {display:block; margin:0; padding:0; width:100%;}
/* Page Wrap END */

#layer_box > header > h1 {margin:0 auto; padding:50px 0; text-align:center; font-family:'GmarketSansMedium'; font-weight:600; font-size:30px; color:#1c54bb;}

.sub_box {margin:0; padding:0; padding-bottom:70px; width:100%;}
.sub_box > p {margin:0; margin-bottom:5px; font-family:'NanumSquare',sans-serif; font-weight:400; font-size:16px; line-height:22px;}
.sub_box > table {margin:0; padding:0; width:100%; border-collapse:collapse; border-spacing:0;}
.sub_box > table > thead th {margin:0; padding:6px 6px; width:33.33%; text-align:center; font-family:'NanumSquare',sans-serif; font-weight:600; font-size:16px; border:1px solid #d1d5d8; background:#fafafa;}
.sub_box > table > tbody td {margin:0; padding:6px 6px; text-align:center; font-family:'NanumSquare',sans-serif; font-weight:500; font-size:16px; border:1px solid #d1d5d8; background:#fff;}

.talign_r {text-align:right;}

@media (max-width: 800px) {
    #layer_box > header > h1 {padding:30px 0; font-size:25px;}
    .sub_box > p  {font-size:14px; line-height:19px;}

    .sub_box > table > thead th {font-size:14px;}
    .sub_box > table > tbody td {font-size:14px;}
}

@media (max-width: 600px) {
    #layer_box > header > h1 {padding:18px 0; font-size:23px;}
    .sub_box > p  {font-size:13px; line-height:17px;}

    .sub_box > table > thead th {width:30%;}
    .sub_box > table > thead th:first-child {width:28%;}
    .sub_box > table > thead th:last-child {width:42%;}
    .sub_box > table > thead th {font-size:13px;}
    .sub_box > table > tbody td {font-size:13px;}
}