.table-wrap { display: inline-block; overflow: hidden; overflow-x: auto; width: 100%; border-top: 3px solid #333333; border-bottom: 1px solid #333333; }

.table-wrap table { position: relative; left: -1px; width: 100%; margin-bottom: -1px; }

.table-wrap th { height: 3rem; padding: 1rem 0.5rem; border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; background-color: #f2f2f2;color: #424242; text-align: center; white-space: nowrap; line-height: 1.2;font-family:'Khand', 'S Dream',sans-serif;font-weight:600;font-size:19px }

.table-wrap td { height: 3.25rem; padding: 0.7rem; border-bottom: 1px solid #e8ebee; border-left: 1px solid #e2e2e2; text-align: center; word-break: keep-all;font-family:'Khand', 'S Dream',sans-serif;font-weight: 500;font-size:19px;color:#333 }

.table-wrap tbody th { border-bottom-color: #e8ebee; background-color: #fafafa; }

.table-wrap h3 { font-size: 1.5rem;color:#fff;font-weight:600;background:#000}


.table-wrap h4 { font-size: 1.2rem;font-weight:500;}


.table-wrap.type1 { font-size: 0.75rem; }

.table-wrap.type1 th, .table-wrap.type1 td { height: auto; padding: 0.25rem; border-color: #333333; }

.table-wrap.type2 th { width: 15rem; height: auto; padding: 0.5rem 1rem; background-color: #f2f2f2; font-weight: 400; text-align: left; white-space: normal; }

.table-wrap.type2 th small { font-size: 0.65rem; display: block; margin-top: 0.25rem; font-weight: 300; }

.table-wrap.type2 td { font-size: 0.75rem; height: auto; padding: 0.5rem 1rem; text-align: left; }



















.purpose { text-align: center; }

.purpose .label { font-size: 1.5rem; margin-bottom: 0.75rem; line-height: 1; }

.purpose .label span { display: block; font-weight: 500; color: #5a77c9; }

.purpose .label strong { font-family:'Khand', 'S Dream',sans-serif; font-weight: 700; color: #e2e2e2; }




.purpose .group1 { text-align: center; }
.purpose .group1 .title { font-size: 2.4rem; display: inline-block; position: relative; max-width: 100%; margin: 0 auto 1.25rem; padding: 0 2.5rem; color: #000; line-height: 1.3; letter-spacing:-0.1rem; word-break: keep-all; }
.purpose .group1 .title span { font-weight: 500; }
.purpose .group1 .title::before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 4rem; position: absolute; left: 0; margin-top: -0.02rem; font-family:'Khand', 'S Dream',sans-serif; font-weight: 700; color: #f3f3f3; content: '['; }
.purpose .group1 .title::after { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 4rem; position: absolute; right: 0; margin-top: -0.02rem; font-family:'Khand', 'S Dream',sans-serif; font-weight: 700; color: #f3f3f3; content: ']'; }




.purpose .group0 { text-align: center; }
.purpose .group0 .title { font-size: 1.75rem; display: inline-block; position: relative; max-width: 100%; margin: 0 auto 1.25rem; padding: 0 6.5rem; color: #000; line-height: 1.4; letter-spacing:-0.1rem; font-family: 'S-CoreDream-6Bold' }
.purpose .group0 .title span { font-weight: 500; }
.purpose .group0 .title::before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 9rem; position: absolute; left: 0; margin-top: -0.02rem; font-family:'Khand', 'S Dream',sans-serif; font-weight:400; color: #f3f3f3; content: '['; }
.purpose .group0 .title::after { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 9rem; position: absolute; right: 0; margin-top: -0.02rem; font-family:'Khand', 'S Dream',sans-serif; font-weight:400; color: #f3f3f3; content: ']'; }






.purpose .group205 { text-align: center;padding:50px 0; }
.purpose .group205 .title10 { font-size: 1.45rem; display: inline-block; position: relative; max-width: 100%; color: #000; line-height: 1.4; letter-spacing:-0.1rem; font-family: 'S-CoreDream-6Bold' }
.purpose .group205 .title10 span { font-weight: 500; }
.purpose .group205 .title11 { font-size: 1.45rem; display: inline-block; position: relative; max-width: 100%; color: #000; line-height: 1.4; letter-spacing:-0.1rem; font-family: 'S-CoreDream-6Bold' }
.purpose .group205 .title11 span { font-weight: 500; }


.purpose .group1 { text-align: center; }
.purpose .group1 .title0 { font-size: 2.2rem; display: inline-block; position: relative; max-width: 100%; margin: 0 auto 1.25rem; padding: 0 2.5rem; color: #000; line-height: 1.2; letter-spacing:-0.1rem; font-family: 'S-CoreDream-6Bold' }
.purpose .group1 .title0 span { font-weight: 500; }



.purpose .group1 { text-align: center;padding:70px 0; }
.purpose .group1 .title10 { font-size: 1.45rem; display: inline-block; position: relative; max-width: 100%;  color: #000; line-height: 1.5; letter-spacing:-0.1rem;font-family: 'S-CoreDream-6Bold' }
.purpose .group1 .title10 span { font-weight: 500; }



.purpose .group1 { text-align: center; }
.purpose .group1 .title11 { font-size: 1.65rem; display: inline-block; position: relative; max-width: 100%; color: #000; line-height: 1.4; letter-spacing:-0.1rem; font-family: 'S-CoreDream-6Bold' }
.purpose .group1 .title11 span { font-weight: 500; }



.purpose .group2 { padding-top: 5rem; background: url("/grad/img/contents/arr1__.png") no-repeat center 0; }

.purpose .group2 .title { font-size: 1.5rem; margin-bottom: 0.75rem; color: #000; letter-spacing: -0.15rem; word-break: keep-all; line-height: 1.2; }

.purpose .group2 .title span { font-weight: 400; }

.purpose .group2.type1 .item > li:nth-child(1)::before { width: 400%; }

.purpose .group2.type1 .item .title { font-size: 0.9rem; color: #000 !important; }

.purpose .group2.type1 .item .txt { min-height: 7rem; }

.purpose .group2 + .group2 .label span { color: #000; }










.purpose .item { display: table; width: 100%; table-layout: fixed; counter-reset: section; }

.purpose .item > li { display: table-cell; position: relative; z-index: 0; vertical-align: top; }

.purpose .item > li:nth-child(1)::before { position: absolute; left: 50%; top: 4.375rem; z-index: -1; width: 200%; height: 0px;content: ''; }

.purpose .item > li:nth-child(2) .icon {  }

.purpose .item > li:nth-child(2) .box .title { color: #333; }

.purpose .item > li:nth-child(3) .icon {  }

.purpose .item > li:nth-child(3) .box .title { color: #333; }

.purpose .item > li:nth-child(4) .icon { background-color: #cf5c25c; }

.purpose .item > li:nth-child(4) .box .title { color: #cf5c25c; }

.purpose .item > li:nth-child(5) .icon {  }

.purpose .item > li:nth-child(5) .box .title { color: #333; }


.purpose .item .icon { display: block; position: relative; width: 8.75rem; height: 8.75rem; margin: 0 auto 1rem; padding-top: 1.3rem; border-radius: 100%;  text-align: center; }

.purpose .item .icon img { width: 6rem; }

.purpose .item .icon::before { position: absolute; left: 0; bottom: 1.5rem; width: 100%; font-family:'Khand', 'S Dream',sans-serif; font-weight: 600; color: #fff; counter-increment: section; }

.purpose .item .box { width: 20rem; max-width: 100%; margin: 0 auto; border: 1px solid #ddd; word-break: keep-all; }

.purpose .item .box .title { font-size: 1.25rem; display: block; padding: 0.5rem; font-family:'Khand', 'S Dream',sans-serif; font-weight: 600;color:#222;letter-spacing: -1px; }

.purpose .item .box .txt { font-size: 0.8rem; padding:1.25rem 0;font-family:'Khand', 'S Dream',sans-serif;font-weight: 400;letter-spacing: -0.5px;color:#888 }

















.tb-style1 { position: relative; width: 100%;  border-top: 3px solid #333;  }
.tb-style1 thead {   background:#fcfbfb;}
.tb-style1 thead th { color:#000; font-size: 1.2em; padding: 15px 0; border-bottom:1px solid #333; position:relative;font-weight:600;text-align:center}
.tb-style1 thead th:after { content: ''; width:1px; height: 15px; background:#ddd; position: absolute; left:0; top: 50%; margin-top: -7.5px; }
.tb-style1 thead th:first-child::after { display: none; }
.tb-style1 tbody th { color:#000; padding: 15px; border-bottom: 1px solid #e5e5e5; text-align: left; vertical-align: top;font-weight:600;font-size:19px; }
.tb-style1 tbody td { padding: 15px 0; border-bottom: 1px solid #e5e5e5; vertical-align: top;font-weight:600;color:#333;font-size:19px;letter-spacing:-0.5px;text-align:center }
.tb-style1.bd tbody td { border-left: 1px solid #e9e9e9; padding: 15px 25px; }
.tb-style1.center tbody th { text-align: center; }
.tb-style1.middle tbody th,
.tb-style1.middle tbody td { vertical-align: middle; }
.tb-style1.pds { font-size: 0.9em; }
.tb-style1.pds tbody th, .tb-style1.pds tbody td { padding: 10px; }

.tb-style2 { position: relative; width: 100%;  border-top: 2px solid #2b2b2b; text-align: left; }
.tb-style2 th { color:#2b2b2b; font-size: 1.125em; padding: 15px 0; border-bottom: 1px solid #e5e5e5; }
.tb-style2 td { padding: 15px 0; border-bottom: 1px solid #e5e5e5; }




















.tb-style3 { position: relative; width: 100%; }
.tb-style3 thead th { color:#2b2b2b; font-size: 1.2em; padding: 20px 0;font-weight:500; }
.tb-style3 thead th:before {font-weight:500;}
.tb-style3 tbody th { color:#000; padding: 15px 20px; border-bottom: 1px solid #e5e5e5; text-align: left; vertical-align: top;font-weight:500;font-size:1.1em}
.tb-style3 tbody td { padding: 15px 20px; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5;  vertical-align: top;font-weight:500;font-size:1.1em }

.tb-style3 thead th.color1 { border-top: 3px solid #503ca4; border-bottom: 1px solid #503ca4; color:#503ca4; background:#faf9fc; }
.tb-style3 thead th.color2 { border-top: 3px solid #6080d2; border-bottom: 1px solid #6080d2; color:#6080d2; background:#fafbfe; }
.tb-style3 thead th.color3 { border-top: 3px solid #41bdb4; border-bottom: 1px solid #41bdb4; color:#41bdb4; background:#f9fdfd; }
.tb-style3 thead th.color4 { border-top: 3px solid #f0693f; border-bottom: 1px solid #f0693f; color:#f0693f; background:#fffaf9; }
.tb-style3 thead th.color5 { border-top: 3px solid #d8b90a; border-bottom: 1px solid #d8b90a; color:#d8970a; background:#fefdf7; }

@media all and (max-width:976px) {

.tb-style2 th , .tb-style2 td { padding: 10px 0; }

.tb-style3 thead th { padding: 15px 0; }

}

#rangeInfo { padding: 4% 0; overflow: hidden; }
#rangeInfo .col-6 { padding: 0 2%; margin-bottom: 4%;  }
#rangeInfo .stit1 { margin-bottom: 20px; line-height: 1.0em; }
#rangeInfo .stit2 { line-height: 40px; height: 40px; }

@media all and (max-width:767px) {

#rangeInfo .col-6 { float: none; padding-bottom: 8vw; }
#rangeInfo .stit1 { margin-bottom: 1vw; }
#rangeInfo .stit2 { line-height: 30px; height: 30px; }
#rangeInfo .mt60 { margin-top: 3vw !important; }

.tb-right { margin-top: 5vw;  }
.tb-style1 thead th { padding: 10px 0; }
.tb-style1 tbody td { padding: 7px 0; }

.tb-style2 th , .tb-style2 td { padding: 7px 0; }

.tb-style3 tbody th { padding: 7px 10px; }
.tb-style3 tbody td { padding: 7px; }

}

@media all and (max-width:480px) {

#rangeInfo { padding: 0 0 8% 0; }
.tb-style1 thead th { padding: 7px 0; }
.tb-style1 tbody td { padding: 5px 0; }


}