@charset "UTF-8";

html {font-size: min(calc(10 / 600 * 100vw), 10px);}


.page_frame {
    width:100%; line-height:28px; word-break: keep-all; word-wrap: break-word;
}


.page_frame .scroll_txt {
    font-size: 14px; color: #ff0000; font-weight: 400; line-height: 1.4; margin-bottom: 1em;
    text-align: center; display: none;
}

.page_frame .itemBox {
   display: flex; align-items: center;
}

.page_frame .itemBox .text_box > h3.title {
   margin-bottom: 2rem; font-weight: 500;
   font-size: max(18px, 2.5rem); color: #000; line-height: 1.4;
}
.page_frame .itemBox .text_box > h3.title > b {
   color: #00179b;
}

.page_frame .txt1 {
   color:#111827; font-size:clamp(16px,2.5vw,20px);
   line-height: 1.5;
}
.page_frame .txt1 ul {padding-left:20px;}
.page_frame .txt1 ul li {position:relative;padding-left:27px;line-height:27px;font-size:clamp(14px,2.8vw,18px);color:#7C7E81;}
.page_frame .txt1 ul li::before {content:"";position:absolute;left:11px;top:11px;display:block;width:4px;height:4px;background:#7C7E81;border-radius:50%;}

.page_frame .itemBox .text_box > p {
   color: #434343; font-size: max(14px, 1.8rem);
   line-height: 1.8; margin-bottom: 6rem;
}
.page_frame .itemBox .text_box > p span {display: block;}




/* p101 -----------------------------------------------------------------------*/

.p101 .itemBox {display:flex;justify-content:space-between;align-items:center;}
.p101 .itemBox > .img {width:50%;}
.p101 .itemBox > .img img {border-radius:30px;}
.p101 .itemBox .txt_box > h2 {
   color:#000;
   font-size: max(15px, 3rem); font-weight: bold;
   line-height: 1.3; margin-bottom: 1.2rem;
}
.p101 .itemBox .txt_box > h4 {display:inline;color: var(--main-color); font-size: max(16px, 2.5rem);line-height: 1.3; margin-bottom: 2rem; font-weight:500;background:linear-gradient(#fdffd3, #fdffd3) no-repeat 0 100%/100% 50%;}
.p101 .itemBox .txt_box > h4 b {font-weight:800;}
.p101 .itemBox .txt_box > h4 + .txt1 {margin-top: 2rem;}
.p101 .itemBox .txt_box p.txt1 {
   color: #434343; font-size: max(14px, 1.8rem);
   line-height: 1.8;
}
.p101 .itemBox .txt_box p.txt1:not(:nth-last-of-type(1)) {
   margin-bottom: 3rem;
}

.p101 .itemBox .txt_box > h5 {
   font-size: max(15px, 2rem); font-weight:500;
   color: #000; line-height: 1.3; margin-top: 3rem;
}

@media screen and (max-width: 1430px) {
   .p101 .itemBox {gap: 2.5rem;}
   .p101 .itemBox .txt_box {flex: 1;}
   .p101 .itemBox .txt_box p.txt1:nth-of-type(2) br {display: none;}
   .p101 .itemBox .txt_box p.txt1:nth-of-type(3) br {display: none;}
   .p101 .itemBox .img {width: 50%;}
}

@media screen and (max-width: 1023px) {
   .p101 .itemBox {flex-direction: column; gap: 5rem;}
   .p101 .itemBox .txt_box {
      order: 2; text-align: center;
      width: 100%; max-width: 700px;
   }
   .p101 .itemBox .img {width: 100%; max-width: 500px;} 
}

/* p101 끝-----------------------------------------------------------------------*/

.gr_type4 .titleBox {text-align: center;}

/* p401 -----------------------------------------------------------------------*/

.p401 .titleBox {margin-bottom: 3.5rem;}
.p401 .titleBox .txt1 {line-height: 1.6;}

.p401 .itemBox {display:flex;justify-content:center;align-items:stretch;gap:30px;}
.p401 .itemBox .item {position:relative;
   border-radius:20px;
   border: 1px solid #D1D5DC;
   padding:76px 60px 80px;
   display: flex; flex-direction: column;
}

.p401 .itemBox .item > h5 {position:absolute;left:0;top:-1px;display:flex;justify-content:center;align-items:center;width:60px;height:60px;font-weight:700;font-size:clamp(16px,3vw,24px);color:#fff;background:var(--main-color);border-radius:20px 0 20px 0;}
.p401 .itemBox .item > h3 {
   font-weight: bold; color: #000;
   font-size: max(18px, 2.5rem); margin-bottom: 1em;
   line-height: 1.3;
}

.p401 .itemBox .item > img {position:absolute;right:19px;bottom:-40px;width:130px;height:auto;}

.p401 .itemBox .item > .list > li {line-height: 1.9;}

@media screen and (max-width: 1250px) {
	.p401 .itemBox {gap:20px;}
	.p401 .itemBox .item {width:calc((100% - 40px)/3);padding:60px 40px 70px;}
	.p401 .itemBox .item > h5 {width:50px;height:50px;border-radius:10px 0 10px 0;}
	.p401 .itemBox .item > img {right:10px;bottom:-30px;width:100px;}
}
@media screen and (max-width: 1000px) {
	.p401 .itemBox {flex-wrap:wrap;}
	.p401 .itemBox .item {width:100%;}
	.p401 .itemBox .item > img {bottom:10px;width:70px;}
}

/* p401 끝-----------------------------------------------------------------------*/



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

.p402 .txt1.bk {color: #000;}
.p402 .table_tit {text-align: center;}
.p402 .titleBox {margin-bottom: 5rem; text-align: center;} 
.p402 .titleBox.tb_type2 {margin-bottom: 0;}
.p402 .fr_titleBox {
   padding-bottom: 5rem; margin-bottom: 5.2rem;
   border-bottom: 1px solid #434343;
}
.p402 .titleBox .tit_tag {
   position: relative; font-size: max(18px, 2.5rem);
   color: #000; font-weight: bold; margin: 0 auto 1rem;
   padding-left: 1em; width: fit-content;
}
.p402 .titleBox .tit_tag::before {
   content:''; position: absolute; top: 50%; left: 0;
   transform: translateY(-50%);
   background: var(--main-color); width: 1.4rem; height: 1.4rem;
   border-radius: 50%;
}
.p402 .tableBox {margin: 2rem 0 5rem;}
.p402 .tableBox table {
   width: 100%; border: 1px solid #dbdbdb;
   border-bottom: none;
}
.p402 .tableBox table tr > * {
   border-bottom: 1px solid #dbdbdb;
   font-size: max(14px, 1.8rem);
   text-align: center; color: #434343;
   padding: 1.7rem 5px; line-height: 1.4;
   width: 50%;
}
.p402 .tableBox table tr > *:first-child {border-right: 1px solid #dbdbdb;}
.p402 .tableBox table tr > th {
   background: #dbeef3; color: #000;
   font-weight: bold;
}

.p402 .dl_table {
   border: 1px solid #434343; margin: 2rem 0 5rem; background: #fff;
   display: grid; grid-template-columns: repeat(1, 1fr);
   border-bottom: none;
}
.p402 .dl_table dl {
   padding: 1.6rem 4.8rem; line-height: 1.4;
   border-bottom: 1px solid #434343;
}
.p402 .dl_table dl p {position: relative; padding-left: 2.2rem;}
.p402 .dl_table dl p span {position: absolute; left: 0; top: 0;}

.p402 .itemBox {gap: 2.5rem; margin-top: 2rem;}
.p402 .itemBox .item {
   border-radius: 2.5rem; border: 1px solid #dfdfdf;
   background: #fafafa; text-align: center;
   padding: 3.6rem 1.5rem 4.2rem; flex: 1;
}

.p402 .itemBox .item h1 {
   font-size: max(18px, 2.5rem); color: var(--main-color);
   padding-bottom: 1rem; border-bottom: 1px solid var(--main-color);
   margin: 0 auto 1em; width: fit-content; display: block;
   font-weight: bold;
}
.p402 .itemBox .item .bk {margin-bottom: 0.3rem;}


@media (min-width: 769px) {
   .p402 .dl_table {grid-template-columns: repeat(2, 1fr);}
   .p402 .dl_table :is(dl:nth-child(1), dl:nth-child(2), dl:nth-child(5)) {
      border-right: 1px solid #434343;
   }
   .p402 .dl_table dl:nth-child(2) {grid-column: 1/2; grid-row: 2;}
   .p402 .dl_table dl:nth-child(3) {grid-column: 2/3; grid-row: 1;}
}

@media (max-width: 1023px) {
   .p402 .itemBox {flex-wrap: wrap; justify-content: center;}
   .p402 .itemBox .item {flex: unset; width: calc(100% / 3 - 3.7rem);}
}

@media (769px <= width <= 1023px) {
   .p402 .itemBox .item:nth-last-child(1),
   .p402 .itemBox .item:nth-last-child(2) {width: calc(100% / 2 - 18rem);}
}

@media (max-width: 768px) {
   .p402 .dl_table dl:nth-child(6) {display: none;}

   .p402 .itemBox .item {width: calc(100% / 2 - 1.3rem);}
}


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


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

.p403 .titleBox {margin-bottom: 3.5rem;}
.p403 .titleBox h4 {
   font-size: max(18px, 2.5rem); color: #000; font-weight: 500;
   display: inline-flex; align-items: baseline; gap: 3px;
   margin-bottom: 1.3rem;
}
.p403 .titleBox h4 p {font-weight: normal;}

.p403 .titleBox > p.txt1 {color: #000;}

.p403 .itemBox {
   align-items: start; flex-wrap: wrap; gap: 4rem 4.5rem;
   justify-content: center;
}
.p403 .itemBox .item {
   display: flex; flex-direction: column; gap: 1.5rem;
   align-items: center; width: calc(100% / 3 - 3rem);
}
.p403 .itemBox .item:nth-last-child(1),
.p403 .itemBox .item:nth-last-child(2) {width: calc(100% / 2 - 26.25rem)}
.p403 .itemBox .item .item_txt {text-align: center;}
.p403 .itemBox .item .item_txt dt {display: inline-flex; align-items: center;}
.p403 .itemBox .item .item_txt dt h1 {
   font-size: max(25px, 3.5rem); font-weight: bold;
   color: var(--main-color); line-height: 1;
}
.p403 .itemBox .item .item_txt dt strong {
   font-size: max(14px, 1.8rem); margin-top: 0.3rem;
   margin-left: 0.3rem;
}
.p403 .itemBox .item .item_txt dd {margin-top: 0.5rem;}
.p403 .itemBox .item .item_txt dd .txt1 {line-height: 1.8;}

.p403 .item_btn {
   width: 100%; max-width: 178px; height: max(35px, 4.5rem);
   margin: 4rem auto 0; border-radius: 100px; color: #fff;
   background: var(--main-color); text-align: center;
   font-size: max(13px, 1.6rem); display: block;
   line-height: max(35px, 4.5rem); transition: 0.3s;
}
.p403 .item_btn:hover {background: #333;}

@media (max-width: 1430px) {
   .p403 .itemBox .item {width: calc(100% / 3 - 6rem);}
   .p403 .itemBox .item:nth-last-child(1), 
   .p403 .itemBox .item:nth-last-child(2) {
      width: calc(100% / 2 - 25rem);
   }
   .p403 .itemBox .item .item_txt dd .txt1 br {display: none;}
}

@media (max-width: 1023px) {
   .p403 .itemBox .item {width: calc(100% / 2 - 2.4rem);}
   .p403 .itemBox .item:nth-last-child(2) {width: calc(100% / 2 - 2.4rem);}
   .p403 .itemBox .item:nth-last-child(1) {width: 47%;}
}

@media (max-width: 650px) {
   .p403 .itemBox .item {width: 95%;}
   .p403 .itemBox .item:nth-last-child(1),
   .p403 .itemBox .item:nth-last-child(2) {width: 90%;}
}

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