@charset "utf-8";


/* 공용 스타일 */
.page_frame {
    --tt-color : #22b24c;
    font-size: min(calc(10 / 500 * 100vw), 10px);
}

.page_frame > article {margin-bottom: 6em;}

.page_frame .txt_title {margin-bottom: 2em; position: relative; padding-left: 2em;}
.page_frame .txt_title > i {font-size: max(13px, 1.5em); color: var(--tt-color); position: absolute; top: 0.5em; left: 0;}
.page_frame .txt_title > h2 {font-size: max(18px, 2.3em); color: #000; font-weight: 500; line-height: 1.2;}
.page_frame .txt_title > h2 small {color: #707070; font-size: 70%;}
.page_frame .txt_list {margin-left: 2em;}
.page_frame .txt_list > li {
    position: relative; padding-left: 0.7em; line-height: 1.4;
    font-size: max(13px, 1.6em); color: #707070;
}
.page_frame .txt_list > li:not(:last-child) {margin-bottom: 1em;}
.page_frame .txt_list > li span {position: relative;}
.page_frame .txt_list > li span::before {
    content:'■'; position: absolute; top: 50%; left: -1.5em; color: var(--tt-color);
    font-size: 0.5em; transform: translateY(-50%);
}

.page_frame .txt_list > li p {display: inline;}

.page_frame .txt__title-v1 {color: #434343; font-size: max(14px, 1.8em); line-height: 1.4; padding-left: 1em;}
.page_frame .txt__title-v1 span {position: relative;}
.page_frame .txt__title-v1 span::before {
    content:''; position: absolute; top: 55%; left: -2em;
    font-size: 0.5em; transform: translateY(-50%); width: 7px; height: 7px;
    border: 3px solid var(--tt-color); background: #fff;
}

.page_frame .txt_wrap {margin-left: 2em;}

.page_frame .txt__title-v2 {color: #000; font-size: max(15px, 2em); font-weight: 500; line-height: 1.2;}

.page_frame .txt_box {
    margin: 1.5em 0 2.5em; background: #f7f7f7; border: 1px solid #eee;
    padding: 2.5em; 
}
.page_frame .txt_box p {line-height: 1.5; font-size: max(13px, 1.6em); color: #707070;}

.page_frame .color-tag {color: #e60012 !important; font-weight: 500;}


/* table */
.page_frame .scroll_txt {
    line-height: 1.4; margin: 20px auto 0; font-size: 14px; color: #ff0000;
    text-align: center;
}
.page_frame .table_box {margin-top: 2.3em;}
.page_frame .table_box table {width: 100%; border-top: 2px solid #405785;}
.page_frame .table_box table thead td {
    background: #f4f6fb; color: #282e35; text-align: center;
    border-bottom: 1px solid #282e35; padding: 1.3333em 5px;
}
.page_frame .table_box table td {
    font-size: max(12px, 1.5em); color: #767676; line-height: 1.6;
    border-right: 1px solid #ababab; border-bottom: 1px solid #dbdbdb;
    padding: 0.85em 5px;
}
.page_frame .table_box table td:last-child {border-right: none;}
.page_frame .table_box table tbody td:not(:first-child) {text-align: center;}
.page_frame .table_box table tbody td:first-child {padding: 0.85em 0.8em;}

.page_frame .img_btn {
    width: 100%; max-width: 10em; height: 3em;
    display: flex; align-items: center; justify-content: center;
    color: #fff; border-radius: 40px; font-size: max(13px, 1.5em);
    background: #1f3b7c; margin: 1em auto 0;
}


@media (max-width: 1430px) {
    .page_frame .txt_list > li p {display: block;}
    .page_frame > article br {display: none;}
}

@media (min-width: 501px) {
    .page_frame .scroll_txt {display: none;}
}

@media (max-width: 500px) {
    .page_frame .table_box {overflow-x: scroll; padding-bottom: 15px;}
    .page_frame .table_box table {min-width: 500px;}
}


/* p102 ---------------------------------------------------- */

.p102 .page_sec1 .txt_title h2 br {display: none;}
.p102 .page_sec1 .table_box table td {text-align: center !important; padding: 0.5em 5px !important; line-height: 1.4;}
.p102 .page_sec1 .table_box table thead td {color: #000; padding: 0.6em 5px !important; border-bottom-color: #c9c9c9;}

.p102 .page_sec1 .table_box table td br {display: block !important;}

@media (max-width: 991px) {
	.p102 .page_sec1 .scroll_txt {display: block;}
    .p102 .page_sec1 .table_box {overflow-x: scroll; padding-bottom: 15px;}
    .p102 .page_sec1 .table_box table {min-width: 1000px;}
}

@media (max-width: 400px) {
    .p102 .page_sec1 .txt_title h2 br {display: block !important; }
}


/* p102 end ---------------------------------------------------- */

/* p202  ------------------------------------------------- */

.p202 .page_sec1 .itemBox {
    display: flex; align-items: center; gap: 30px;
    background: #fafafa; justify-content: space-between;
}
.p202 .page_sec1 .itemBox .text_box {padding: 3em 0;}
.p202 .page_sec1 .itemBox .text_box .txt__title-v1 {color: #434343; font-weight: normal; margin-bottom: 0.7em;}
.p202 .page_sec1 .itemBox .text_box p.txt1 {
    font-size: max(13px, 1.6em); color: #707070; 
    font-weight: normal; line-height: 1.4; margin-left: 1em;
}
.p202 .page_sec1 .itemBox img {width: 100%; max-width: 500px;}

@media (max-width: 1230px) {
    .p202 .page_sec1 .itemBox {flex-direction: column; align-items: center; gap: 0; padding: 0 5px 2em;}
    .p202 .page_sec1 .itemBox .txt_wrap {margin-right: 2em;}
}


.p202 .page_sec2 .txt_title {margin-bottom: 4em;}
.p202 .page_sec2 .itemBox {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 7.5em 4em;
    grid-auto-rows: minmax(45em, auto);
}
.p202 .page_sec2 .itemBox .item {background: #fafafa;}
.p202 .page_sec2 .itemBox .item .img {background: #fff;}
.p202 .page_sec2 .itemBox .item .img .txt__title-v1 {
    font-weight: bold; font-size: max(15px, 2em); color: #000;
    margin-bottom: 0.3em;
}
.p202 .page_sec2 .itemBox .item .img {width: 100%;}
.p202 .page_sec2 .itemBox .item .img img {width: 100%;}
.p202 .page_sec2 .itemBox .item .img h5 {
    font-size: max(14px, 1.8em); color: #434343; line-height: 1.2;
    margin-bottom: 0.7em; font-weight: normal;
}
.p202 .page_sec2 .itemBox .item .txt_list {
    padding: 1.5em 3px; width: 100%; margin-left: 0;
}
.page_frame .txt_list > li:not(:last-child) {margin-bottom: 0.3em;}
.p202 .page_sec2 .itemBox .item .txt_list > li p {color: inherit;}

@media (max-width: 1430px) {
    .p202 .page_sec2 .itemBox {grid-template-columns: repeat(3, 1fr);}
}

@media (max-width: 768px) {
    .p202 .page_sec2 .itemBox {grid-template-columns: repeat(2, 1fr);}
    .p202 .page_sec2 .itemBox .item .img h5 {min-height: 2.45em;}
}

@media (max-width: 500px) {
    .p202 .page_sec2 .itemBox {gap: 5em 2em;}
}




.p202 .page_sec3 .txt_title {margin-bottom: 4em;}
.p202 .page_sec3 .itemBox .item {display: grid; grid-template-columns: repeat(2, 1fr); gap: 4em;}
.p202 .page_sec3 .itemBox .item:not(:last-child) {margin-bottom: 6em;}
.p202 .page_sec3 .itemBox .item .txt__title-v1 {
    font-size: max(15px, 2em); color: #000; font-weight: normal;
    margin-bottom: 0.5em;
}

@media (max-width: 768px) {
    .p202 .page_sec3 .itemBox .item {grid-template-columns: repeat(1, 1fr);}
    .p202 .page_sec3 .itemBox .item:not(:last-child) {margin-bottom: 4em;}
    .p202 .page_sec3 .itemBox .item img {width: 100%;}
}


/* p202 end ------------------------------------------------- */


/* p301   ------------------------------------------------- */

.p301 .page_sec1 .txt_title h2 br {display: none;}
.p301 .page_sec1 .table_box table td {text-align: center !important; padding: 0.5em 5px !important; line-height: 1.4;}
.p301 .page_sec1 .table_box table thead td {color: #000; padding: 0.6em 5px !important;}


@media (max-width: 768px) {
    .p301 .page_sec1 .scroll_txt {display: block;}
}

@media (max-width: 768px) {
    .p301 .page_sec1 .table_box {overflow-x: scroll; padding-bottom: 15px;}
    .p301 .page_sec1 .table_box table {min-width: 700px;}
}

@media (max-width: 400px) {
    .p301 .page_sec1 .txt_title h2 br {display: block !important; }
}

/* p301 end ------------------------------------------------- */


/* p302   ------------------------------------------------- */

.p302 .table_box table td {text-align: center !important; padding: 0.7em 5px !important; line-height: 1.4;}
.p302 .table_box table thead td {color: #000; }

@media (max-width: 768px) {
    .p302 .scroll_txt {display: block;}
}

@media (max-width: 768px) {
    .p302 .table_box {overflow-x: scroll; padding-bottom: 15px;}
    .p302 .table_box table {min-width: 700px;}
}

@media (max-width: 400px) {
    .p302 .txt_title h2 br {display: block;}
}

/* p302 end ------------------------------------------------- */


/* p402 ------------------------------------------------- */

.p402 .page_sec6 .list__txt {
    line-height: 1.4; font-size: max(13px, 1.6em); color: #707070; 
    margin-left: 2.1em; margin-bottom: 1em;
}
.p402 .page_sec6 .table_box {margin-bottom: 3.6em;}
.p402 .page_sec6 .table_box table tr:last-child td:first-child {text-align: center;}

@media (min-width: 1081px) {
    .p402 .page_sec6 .txt_title br {display: none;}
}


/* p402 end ------------------------------------------------- */


/* p403 ------------------------------------------------- */

.p403 .page_sec1 .txt_list > li {line-height: 1.6;}
.p403 .page_sec4 {background: #f7f7f7; padding: 2.6em;}
.p403 .page_sec4 > * {text-align: center;}
.p403 .page_sec4 h3 {font-size: max(14px, 1.8em); color: #535353; line-height: 1.3; font-weight: 400; margin-bottom: 5px;}
.p403 .page_sec4 h2 {font-size: max(16px, 2em); line-height: 1.3; margin-bottom: 5px;}
.p403 .page_sec4 h4 {font-size: max(13px, 1.6em); font-weight: 500; line-height: 1.3; color: #535353;}
.p403 .page_sec4 .link_box {
    margin: 3.3em auto 0; display: flex; width: 100%; max-width: 910px;
    align-items: center; justify-content: space-between; gap: 1.5em;
}
.p403 .page_sec4 .link_box a {
    width: 100%; max-width: 16.875em; height: 3.75em;
    display: flex; align-items: center; text-align: center; font-weight: 500;
    justify-content: center; color: #fff; font-size: max(13px, 1.6em);
}
.p403 .page_sec4 .link_box a.black {background: #535353;}
.p403 .page_sec4 .link_box a.blue {background: #2866d0;}
.p403 .page_sec4 .link_box a.red {background: #b81b1b;}

@media (max-width: 580px) {
    .p403 .page_sec4 .link_box {flex-direction: column;}
    .p403 .page_sec4 .link_box a {max-width: 100%;}
}


/* p403 end ------------------------------------------------- */


/* p404   ------------------------------------------------- */

.p404 .page_sec3 .txt_wrap {margin-bottom: 2.5em;}
.p404 .page_sec3 .table_box table td {text-align: center !important;}

/* p404 end ------------------------------------------------- */


/* p405   ------------------------------------------------- */
.p405 > article {margin-bottom: 3em;}
.p405 .page_sec3 .img_btn {display: none;}
.p405 .page_sec4 .table_box table td {text-align: center !important;}
.p405 .page_sec4 .table_box table thead td {border-bottom: 1px solid #dbdbdb; padding: 0.9em 5px;}
.p405 .page_sec4 .table_box table thead tr:first-child td:nth-child(-n+2),
.p405 .page_sec4 .table_box table thead tr:nth-child(2) td:first-child,
.p405 .page_sec4 .table_box table thead tr:nth-child(3) td {border-bottom: 1px solid #282e35;}
.p405 .page_sec4 .table_box table tbody td {padding: 0.5em 5px;}



@media (max-width: 1231px) {
    .page_frame .img_txt {display: block;}
}

@media (max-width: 1230px) {
    .p405 .page_sec3 .img {overflow-x: scroll; margin-top: 2em; position: relative; padding-bottom: 25em;} 
    .p405 .page_sec3 .img img {
        width: 100%; min-width: 85em; display: block;
        position: absolute; top: 0; left: 0;
    }

	.p405 .page_sec3 .img_btn {display: flex;}
}

@media (max-width: 500px) {
    .p405 .page_sec4 .table_box table {max-width: 550px;}
}

/* p405 end ------------------------------------------------- */