/* 준비중 페이지 */
.preparing_box {width: 100%; max-width: 1400px; margin: 100px auto;}
.preparing_box img {width: 100%; max-width: 500px; display: block; margin: 0 auto;}




/* c1 */
#c1 {}
#c1 .box {margin-bottom: 40px; padding-bottom: 40px; border-bottom: 2px solid #5d87a0;}
#c1 .box:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
#c1 .box .title {font-size: 25px; position: relative; padding-left: 20px; color: #121212; margin-bottom: 30px;}
#c1 .box .title::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%) rotate(45deg); width: 8px; border-radius: 1px; aspect-ratio: 1 / 1; background-color: #5d87a0;}
#c1 .box .tit_box {display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
#c1 .box .sub_tit {background-color: #5d87a0; border-radius: 30px; padding: 10px 20px; color: #fff; font-size: 18px; text-align: center; width: max-content;}
#c1 .box .tit_box a {background-color: #fff; color: #121212; border: 1px solid #121212; border-radius: 30px; padding: 10px 20px; font-size: 16px; transition: .4s; float: right;}
#c1 .box .tit_box a:hover {background-color: #121212; color: #fff;}
#c1 .box .flex_box {display: flex; flex-wrap: wrap; gap: 30px; margin-bottom: 50px;}
#c1 .box .flex_box .img_box {width: 60%;}
#c1 .box .flex_box .img_box img {width: 100%;}
#c1 .box .flex_box .text_box {border-radius: 0 0 100px 0; width: calc(40% - 30px); background-color: #f5f5f5; padding: 30px;}
#c1 .box .flex_box .text_box p {font-size: 20px; word-break: break-word; line-height: 1.5; margin-bottom: 10px;}
#c1 .box .flex_box .text_box p:last-child {margin-bottom: 0;}
#c1 .box .flex_box2 {display: flex; flex-wrap: wrap; gap: 30px;}
#c1 .box .flex_box2 li {width: calc(50% - 15px);}
#c1 .box .flex_box2 li .img_box {margin-bottom: 20px;}
#c1 .box .flex_box2 li .img_box img {width: 100%;}
#c1 .box .flex_box2 li .text_box {}
#c1 .box .flex_box2 li .text_box table {border-top: 2px solid #121212; width: 100%; border-collapse: collapse; font-size: 16px;}
#c1 .box .flex_box2 li .text_box table th {background-color: #f5f5f5; padding: 10px; word-break: keep-all; line-height: 1.5; color: #121212; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#c1 .box .flex_box2 li .text_box table td {padding: 10px; word-break: keep-all; line-height: 1.5; color: #121212; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#c1 .box .flex_box2 li .text_box table th:last-child, #c1 .box .flex_box2 li .text_box table td:last-child {border-right: 0;}

#c1 .box4 ul {display: flex; gap: 10px; flex-wrap: wrap; margin-top: 60px; position: relative;}
#c1 .box4 ul::before {content: ""; width: 100%; max-width: 85%; height: 1px; border: 1px dashed #ddd; top: -25px; left: 50%; transform: translateX(-50%); position: absolute;}
#c1 .box4 ul li {width: calc(100% / 6 - 9px); position: relative;}
#c1 .box4 ul li:first-child::before {content: "낮음"; font-weight: 600; font-size: 14px; color: #666; background-color: #ddd; padding: 6px 12px; border-radius: 30px; position: absolute; top: -40px; left: 50%; transform: translateX(-50%);}
#c1 .box4 ul li:last-child::before {content: "높음"; font-weight: 600; font-size: 14px; color: #666; background-color: #ddd; padding: 6px 12px; border-radius: 30px; position: absolute; top: -40px; left: 50%; transform: translateX(-50%);}
#c1 .box4 ul li .img_box {margin-bottom: 10px;}
#c1 .box4 ul li .img_box img {width: 100%;}
#c1 .box4 ul li .text_box {}
#c1 .box4 ul li .text_box p {font-size: 16px; text-align: center;}

@media screen and (max-width: 960px) {
    #c1 .box .title {font-size: 23px;}
    #c1 .box .flex_box .text_box p {font-size: 16px;}
    #c1 .box .flex_box2 .text_box p {font-size: 16px;}
    #c1 .box .sub_tit {font-size: 16px;}

}
@media screen and (max-width: 780px) {
    #c1 .box .flex_box .img_box {width: 100%;}
    #c1 .box .flex_box .text_box {width: 100%;}
    #c1 .box .flex_box2 li .text_box table {font-size: 14px;}
}
@media screen and (max-width: 640px) {
    #c1 .box .flex_box2 li {width: 100%;}
    #c1 .box4 ul {margin-top: 0;}
    #c1 .box4 ul li {width: 88%;}
    #c1 .box4 ul li:first-child::before {left: auto; transform: unset; top: 0; right: -14%;}
    #c1 .box4 ul li:last-child::before {left: auto; transform: unset; bottom: 0; top: auto; right: -14%;}
    #c1 .box4 ul::before {width: 1px; height: 100%; max-width: none; top: 0; left: auto; right: 4%; transform: unset;}
}
@media screen and (max-width: 450px) {
    #c1 .box4 .sub_tit {width: 287px;}
}
@media screen and (max-width: 400px) {
    #c1 .box4 ul li:first-child::before {right: -18%;}
    #c1 .box4 ul li:last-child::before {right: -18%;}
}
/* c1 */



#c1_1 {}
#c1_1 .tab .box {margin-bottom: 40px; padding-bottom: 40px; border-bottom: 2px solid #5d87a0;}
#c1_1 .tab .box:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
#c1_1 .tab .box .title {font-size: 25px; position: relative; padding-left: 20px; color: #121212; margin-bottom: 30px;}
#c1_1 .tab .box .title::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%) rotate(45deg); width: 8px; border-radius: 1px; aspect-ratio: 1 / 1; background-color: #5d87a0;}
#c1_1 .tab .box .sub_tit {display: block; background-color: #5d87a0; border-radius: 30px; padding: 10px 20px; color: #fff; font-size: 18px; text-align: center; width: max-content; margin: 0 auto 10px;}
#c1_1 .tab .box h3 {word-break: keep-all; line-height: 1.5; margin-bottom: 10px; font-size: 22px;}
#c1_1 .tab .box p {font-size: 18px; word-break: keep-all; line-height: 1.5; margin-bottom: 10px;}
#c1_1 .tab .box p:last-child {margin-bottom: 0;}
#c1_1 .tab .box img {width: 100%; border-radius: 10px;}
#c1_1 .tab .box .flex_box {display: flex; flex-wrap: wrap; gap: 30px;}
#c1_1 .tab .box .txt_box {background-color: #f5f5f5; padding: 30px;}
#c1_1 .tab .box .border_img_box {border-radius: 10px; border: 1px solid #ddd; padding: 30px; margin: 50px auto;}
#c1_1 .tab .box .border_img_box img {display: block; max-width: 1000px; margin: 0 auto;}
#c1_1 .tab2 .box .border_img_box .desc_box {background-color: #f5f5f5; padding: 30px; border-radius: 20px; margin-top: 30px;}
#c1_1 .tab2 .box .border_img_box .desc_box p {text-align: center;}
#c1_1 .tab .box1 .flex_box {align-items: center;}
#c1_1 .tab .box1 .flex_box li {width: calc(100% / 3 - 20px);}
#c1_1 .tab .box1 .flex_box li .text_box {display: flex; justify-content: space-between; padding: 10px;}
#c1_1 .tab .box1 .flex_box li .text_box p {font-weight: 700;}
#c1_1 .tab .box1 .flex_box li .text_box span {font-size: 18px;}
#c1_1 .tab .box1 .flex_box .color {position: relative;}
#c1_1 .tab .box1 .flex_box .color .sub_tit {position: absolute; top: -60px; left: 50%; transform: translateX(-50%);}
#c1_1 .tab .box1 .flex_box .color .flex_box2 {display: flex; flex-wrap: wrap; gap: 30px;}
#c1_1 .tab .box1 .flex_box .color .flex_box2 .flex {width: calc(50% - 15px);}
#c1_1 .tab .box1 .flex_box .color .flex_box2 .flex .img_box {}
#c1_1 .tab .box1 .flex_box .color .flex_box2 .flex .img_box img {}
#c1_1 .tab .box1 .flex_box .color .flex_box2 .flex .text_box {display: block;}
#c1_1 .tab .box1 .flex_box .color .flex_box2 .flex .text_box p {text-align: center;}
#c1_1 .tab .box2 .flex_box li {width: calc(100% / 4 - 23px);}
#c1_1 .tab .box2 .flex_box li .img_box {margin-bottom: 10px;}
#c1_1 .tab .box2 .flex_box li .text_box h3 {font-size: 20px;}
#c1_1 .tab .box3 .flex_box .img_box {width: 40%;}
#c1_1 .tab .box3 .flex_box .img_box img {}
#c1_1 .tab .box3 .flex_box .txt_box {width: calc(60% - 30px); border-radius: 0 0 100px 0;}
#c1_1 .tab .box3 .flex_box2 {display: flex; flex-wrap: wrap; gap: 30px;}
#c1_1 .tab .box3 .flex_box2 .img_box {width: 60%; display: flex; flex-wrap: wrap; gap: 20px;}
#c1_1 .tab .box3 .flex_box2 .img_box img {width: calc(50% - 10px);}
#c1_1 .tab .box3 .flex_box2 .txt_box {width: calc(40% - 30px); border-radius: 0 0 100px 0;}
#c1_1 .tab .box3 .flex_box2:last-of-type {margin-top: 50px;}
#c1_1 .tab .box3 .flex_box2:last-of-type .txt_box {border-radius: 0 0 0 100px;}
#c1_1 .tab .box4 .use_box {position: relative; margin-bottom: 80px; padding: 30px;}
#c1_1 .tab .box4 .use_box:last-child {margin-bottom: 0;}
#c1_1 .tab .box4 .use_box .desc_box {background-color: #5d87a0; border-radius: 30px; position: relative; padding: 30px; position: absolute; right: 0; bottom: -30px;}
#c1_1 .tab .box4 .use_box .desc_box::after {content: ""; position:absolute; left:10%; top:-29px; width:0; height:0; border-bottom: 30px solid #5d87a0; border-left: 30px solid transparent; border-right: 30px solid transparent;}
#c1_1 .tab .box4 .use_box .desc_box p {color: #fff; text-align: center;}
#c1_1 .tab2 .box4 .use_box .desc_box {width: 45%; bottom: 25%; right: 0;}
#c1_1 .tab .box4 .use2 {display: flex; justify-content: space-between; gap: 30px;}
#c1_1 .tab .box4 .use2 .img_box {width: calc(60% - 30px);}
#c1_1 .tab .box4 .use2 .desc_box {bottom: 30px; right: 30px;}
#c1_1 .tab .box4 .use2 .desc_box::after {top:40%; left:-18px; border-bottom: 30px solid transparent; border-left: 30px solid #5d87a0; transform: translateY(-50%) rotate(-45deg);}
#c1_1 .tab .box4 .use3 {display: flex; justify-content: space-between; gap: 30px;}
#c1_1 .tab .box4 .use3 .img_box {width: calc(60% - 30px);}
#c1_1 .tab .box4 .use3 .desc_box {bottom: 30px; right: 30px;}
#c1_1 .tab .box4 .use3 .desc_box::after {top:40%; left:-18px; border-bottom: 30px solid transparent; border-left: 30px solid #5d87a0; transform: translateY(-50%) rotate(-45deg);}
#c1_1 .tab .box4 .use4 {display: flex; justify-content: flex-end; gap: 30px;}
#c1_1 .tab .box4 .use4 .img_box {width: calc(60% - 30px); order: 2;}
#c1_1 .tab .box4 .use4 .desc_box {top: 30px; bottom: auto; left: 30px; right: auto;}
#c1_1 .tab .box4 .use4 .desc_box::after {top:40%; left: auto; right:-18px; border-bottom: 30px solid transparent; border-right: 30px solid #5d87a0; transform: translateY(-50%) rotate(45deg);}
#c1_1 .tab .box5 .flex_box {justify-content: center; align-items: center;}
#c1_1 .tab .box5 .flex_box .wid30 {width: calc(100% / 3 - 20px);}
#c1_1 .tab .box5 .flex_box .wid50 {width: calc(50% - 15px);}
#c1_1 .tab .box5 .flex_box2 {display: flex; flex-wrap: wrap; gap: 30px; margin-top: 50px;}
#c1_1 .tab .box5 .flex_box2 .img_box {width: 40%; border-radius: 10px; border: 1px solid #ddd; overflow: hidden;}
#c1_1 .tab .box5 .flex_box2 .txt_box {border-radius: 0 0 0 100px; width: calc(60% - 30px); display: grid; place-content: center;}
#c1_1 .tab .box5 .flex_box2 .txt_box h3 {text-align: center;}
#c1_1 .tab .box5 .flex_box3 {display: flex; flex-wrap: wrap; gap: 30px; margin-top: 50px;}
#c1_1 .tab .box5 .flex_box3 .img_box {width: 40%;}
#c1_1 .tab .box5 .flex_box3 .txt_box {border-radius: 0 0 100px 0; width: calc(60% - 30px); display: grid; place-content: center;}
#c1_1 .tab .box5 .flex_box3 .txt_box h3 {text-align: center;}

@media screen and (max-width: 960px) {
    #c1_1 .tab .box .title {font-size: 23px;}
    #c1_1 .tab .box .sub_tit {font-size: 16px;}
    #c1_1 .tab .box p {font-size: 16px;}
    #c1_1 .tab .box h3 {font-size: 20px;}
    #c1_1 .tab .box1 .flex_box li {width: calc(50% - 15px);}
    #c1_1 .tab .box1 .flex_box li .text_box span {font-size: 16px;}
    #c1_1 .tab .box1 .flex_box .color {width: 100%; margin-top: 60px;}
    #c1_1 .tab .box2 .flex_box li {width: calc(50% - 15px);}
    #c1_1 .tab .box3 .flex_box .img_box {width: 100%;}
    #c1_1 .tab .box3 .flex_box .txt_box {width: 100%; border-radius: 0 0 50px 0;}
    #c1_1 .tab .box3 .flex_box2 .img_box {width: 100%;}
    #c1_1 .tab .box3 .flex_box2 .txt_box {width: 100%; border-radius: 0 0 50px 0;}
    #c1_1 .tab .box3 .flex_box2:last-of-type .txt_box {order: 2; border-radius: 0 0 0 50px;}
    #c1_1 .tab .box5 .flex_box2 .img_box {width: 100%;}
    #c1_1 .tab .box5 .flex_box2 .txt_box {border-radius: 0 0 0 50px; width: 100%; order: 2;}
    #c1_1 .tab .box5 .flex_box3 .img_box {width: 100%;}
    #c1_1 .tab .box5 .flex_box3 .txt_box {border-radius: 0 0 50px 0; width: 100%;}
    #c1_1 .tab .box4 .use_box .desc_box {width: 60%; border-radius: 20px;}
    #c1_1 .tab .box4 .use_box .desc_box::after {top: -19px; border-bottom: 20px solid #5d87a0; border-left: 20px solid transparent; border-right: 20px solid transparent;}
    #c1_1 .tab .box4 .use2 .desc_box {width: 40%;}
    #c1_1 .tab .box4 .use3 .desc_box {width: 40%;}
    #c1_1 .tab .box4 .use4 .desc_box {width: 40%;}
}
@media screen and (max-width: 640px) {
    #c1_1 .tab .box .title {font-size: 20px;}
    #c1_1 .tab .box5 .flex_box .wid50 {width: 100%;}
    #c1_1 .tab .box5 .flex_box .wid30 {width: 100%;}
    #c1_1 .tab .box h3 {font-size: 18px;}
    #c1_1 .tab .box p {font-size: 15px;}
    #c1_1 .tab .box .txt_box {padding: 20px;}
    #c1_1 .tab .box1 .flex_box li .text_box span {font-size: 15px;}
    #c1_1 .tab .box1 .flex_box li {width: 100%;}
    #c1_1 .tab .box2 .flex_box li {width: 100%;}
    #c1_1 .tab .box2 .flex_box li .text_box h3 {font-size: 18px;}
    #c1_1 .tab .box1 .flex_box .color .flex_box2 {gap: 10px;}
    #c1_1 .tab .box1 .flex_box .color .flex_box2 .flex {width: calc(50% - 5px);}
    #c1_1 .tab .box3 .flex_box2 .img_box img {width: 100%;}
    #c1_1 .tab .box4 .use_box .desc_box {position: static; width: 100%; padding: 20px; border-radius: 10px;}
    #c1_1 .tab .box4 .use_box .desc_box::after {display: none;}
    #c1_1 .tab .box4 .use1 .img_box {margin-bottom: 30px;}
    #c1_1 .tab .box4 .use2 {flex-wrap: wrap;}
    #c1_1 .tab .box4 .use2 .img_box {width: 100%;}
    #c1_1 .tab .box4 .use3 {flex-wrap: wrap;}
    #c1_1 .tab .box4 .use3 .img_box {width: 100%;}
    #c1_1 .tab .box4 .use4 {flex-wrap: wrap;}
    #c1_1 .tab .box4 .use4 .img_box {width: 100%; order: 1;}
    #c1_1 .tab .box4 .use4 .desc_box {order: 2;}
    #c1_1 .tab .box4 .use_box {border: 1px solid #ddd; margin-bottom: 30px; padding: 20px;}
    #c1_1 .tab .box .border_img_box {padding: 20px;}
    #c1_1 .tab2 .box .border_img_box .desc_box {padding: 20px; border-radius: 10px;}
}



#c1_2 {}
#c1_2 .tab .box {margin-bottom: 40px; padding-bottom: 40px; border-bottom: 2px solid #5d87a0;}
#c1_2 .tab .box:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
#c1_2 .tab .box .title {font-size: 25px; position: relative; padding-left: 20px; color: #121212; margin-bottom: 30px;}
#c1_2 .tab .box .title::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%) rotate(45deg); width: 8px; border-radius: 1px; aspect-ratio: 1 / 1; background-color: #5d87a0;}
#c1_2 .tab .box .sub_tit {display: block; background-color: #5d87a0; border-radius: 30px; padding: 10px 20px; color: #fff; font-size: 18px; text-align: center; width: max-content; margin: 0 auto 10px;}
#c1_2 .tab .box h3 {word-break: keep-all; line-height: 1.5; margin-bottom: 10px; font-size: 22px;}
#c1_2 .tab .box p {font-size: 18px; word-break: keep-all; line-height: 1.5; margin-bottom: 10px;}
#c1_2 .tab .box p:last-child {margin-bottom: 0;}
#c1_2 .tab .box img {width: 100%; border-radius: 10px;}
#c1_2 .tab .box .flex_box {display: flex; flex-wrap: wrap; gap: 30px;}
#c1_2 .tab .box .txt_box {background-color: #f5f5f5; padding: 30px;}
#c1_2 .tab .box .border_img_box {border-radius: 10px; border: 1px solid #ddd; padding: 30px; margin: 50px auto;}
#c1_2 .tab .box .border_img_box img {display: block; max-width: 1000px; margin: 0 auto;}
#c1_2 .tab2 .box .border_img_box .desc_box {background-color: #f5f5f5; padding: 30px; border-radius: 20px; margin-top: 30px;}
#c1_2 .tab2 .box .border_img_box .desc_box p {text-align: center;}
#c1_2 .tab .box1 .flex_box {align-items: center;}
#c1_2 .tab .box1 .flex_box li {width: calc(100% / 3 - 20px);}
#c1_2 .tab .box1 .flex_box li .text_box {display: flex; justify-content: space-between; padding: 10px;}
#c1_2 .tab .box1 .flex_box li .text_box p {font-weight: 700;}
#c1_2 .tab .box1 .flex_box li .text_box span {font-size: 18px;}
#c1_2 .tab .box1 .flex_box .color {position: relative;}
#c1_2 .tab .box1 .flex_box .color .sub_tit {position: absolute; top: -60px; left: 50%; transform: translateX(-50%);}
#c1_2 .tab .box1 .flex_box .color .flex_box2 {display: flex; flex-wrap: wrap; gap: 30px;}
#c1_2 .tab .box1 .flex_box .color .flex_box2 .flex {width: calc(50% - 15px);}
#c1_2 .tab .box1 .flex_box .color .flex_box2 .flex .img_box {}
#c1_2 .tab .box1 .flex_box .color .flex_box2 .flex .img_box img {}
#c1_2 .tab .box1 .flex_box .color .flex_box2 .flex .text_box {display: block;}
#c1_2 .tab .box1 .flex_box .color .flex_box2 .flex .text_box p {text-align: center;}
#c1_2 .tab .box2 .flex_box li {width: calc(100% / 4 - 23px);}
#c1_2 .tab .box2 .flex_box li .img_box {margin-bottom: 10px;}
#c1_2 .tab .box2 .flex_box li .text_box h3 {font-size: 20px;}
#c1_2 .tab .box3 .flex_box .img_box {width: 40%;}
#c1_2 .tab .box3 .flex_box .img_box img {}
#c1_2 .tab .box3 .flex_box .txt_box {width: calc(60% - 30px); border-radius: 0 0 100px 0;}
#c1_2 .tab .box3 .flex_box2 {display: flex; flex-wrap: wrap; gap: 30px;}
#c1_2 .tab .box3 .flex_box2 .img_box {width: 60%; display: flex; flex-wrap: wrap; gap: 20px;}
#c1_2 .tab .box3 .flex_box2 .img_box img {width: calc(50% - 10px);}
#c1_2 .tab .box3 .flex_box2 .txt_box {width: calc(40% - 30px); border-radius: 0 0 100px 0;}
#c1_2 .tab .box3 .flex_box2:last-of-type {margin-top: 50px;}
#c1_2 .tab .box3 .flex_box2:last-of-type .txt_box {border-radius: 0 0 0 100px;}
#c1_2 .tab .box4 .use_box {position: relative; margin-bottom: 80px; padding: 30px;}
#c1_2 .tab .box4 .use_box:last-child {margin-bottom: 0;}
#c1_2 .tab .box4 .use_box .desc_box {background-color: #5d87a0; border-radius: 30px; position: relative; padding: 30px; position: absolute; right: 0; bottom: -30px;}
#c1_2 .tab .box4 .use_box .desc_box::after {content: ""; position:absolute; left:10%; top:-29px; width:0; height:0; border-bottom: 30px solid #5d87a0; border-left: 30px solid transparent; border-right: 30px solid transparent;}
#c1_2 .tab .box4 .use_box .desc_box p {color: #fff; text-align: center;}
#c1_2 .tab2 .box4 .use_box .desc_box {width: 45%; bottom: 25%; right: 0;}
#c1_2 .tab .box4 .use2 {display: flex; justify-content: space-between; gap: 30px;}
#c1_2 .tab .box4 .use2 .img_box {width: calc(60% - 30px);}
#c1_2 .tab .box4 .use2 .desc_box {bottom: 30px; right: 30px;}
#c1_2 .tab .box4 .use2 .desc_box::after {top:40%; left:-18px; border-bottom: 30px solid transparent; border-left: 30px solid #5d87a0; transform: translateY(-50%) rotate(-45deg);}
#c1_2 .tab .box4 .use3 {display: flex; justify-content: space-between; gap: 30px;}
#c1_2 .tab .box4 .use3 .img_box {width: calc(60% - 30px);}
#c1_2 .tab .box4 .use3 .desc_box {bottom: 30px; right: 30px;}
#c1_2 .tab .box4 .use3 .desc_box::after {top:40%; left:-18px; border-bottom: 30px solid transparent; border-left: 30px solid #5d87a0; transform: translateY(-50%) rotate(-45deg);}
#c1_2 .tab .box4 .use4 {display: flex; justify-content: flex-end; gap: 30px;}
#c1_2 .tab .box4 .use4 .img_box {width: calc(60% - 30px); order: 2;}
#c1_2 .tab .box4 .use4 .desc_box {top: 30px; bottom: auto; left: 30px; right: auto;}
#c1_2 .tab .box4 .use4 .desc_box::after {top:40%; left: auto; right:-18px; border-bottom: 30px solid transparent; border-right: 30px solid #5d87a0; transform: translateY(-50%) rotate(45deg);}
#c1_2 .tab .box5 .flex_box {justify-content: center; align-items: center;}
#c1_2 .tab .box5 .flex_box .wid30 {width: calc(100% / 3 - 20px);}
#c1_2 .tab .box5 .flex_box .wid50 {width: calc(50% - 15px);}
#c1_2 .tab .box5 .flex_box2 {display: flex; flex-wrap: wrap; gap: 30px; margin-top: 50px;}
#c1_2 .tab .box5 .flex_box2 .img_box {width: 40%; border-radius: 10px; border: 1px solid #ddd; overflow: hidden;}
#c1_2 .tab .box5 .flex_box2 .txt_box {border-radius: 0 0 0 100px; width: calc(60% - 30px); display: grid; place-content: center;}
#c1_2 .tab .box5 .flex_box2 .txt_box h3 {text-align: center;}
#c1_2 .tab .box5 .flex_box3 {display: flex; flex-wrap: wrap; gap: 30px; margin-top: 50px;}
#c1_2 .tab .box5 .flex_box3 .img_box {width: 40%;}
#c1_2 .tab .box5 .flex_box3 .txt_box {border-radius: 0 0 100px 0; width: calc(60% - 30px); display: grid; place-content: center;}
#c1_2 .tab .box5 .flex_box3 .txt_box h3 {text-align: center;}

@media screen and (max-width: 960px) {
    #c1_2 .tab .box .title {font-size: 23px;}
    #c1_2 .tab .box .sub_tit {font-size: 16px;}
    #c1_2 .tab .box p {font-size: 16px;}
    #c1_2 .tab .box h3 {font-size: 20px;}
    #c1_2 .tab .box1 .flex_box li {width: calc(50% - 15px);}
    #c1_2 .tab .box1 .flex_box li .text_box span {font-size: 16px;}
    #c1_2 .tab .box1 .flex_box .color {width: 100%; margin-top: 60px;}
    #c1_2 .tab .box2 .flex_box li {width: calc(50% - 15px);}
    #c1_2 .tab .box3 .flex_box .img_box {width: 100%;}
    #c1_2 .tab .box3 .flex_box .txt_box {width: 100%; border-radius: 0 0 50px 0;}
    #c1_2 .tab .box3 .flex_box2 .img_box {width: 100%;}
    #c1_2 .tab .box3 .flex_box2 .txt_box {width: 100%; border-radius: 0 0 50px 0;}
    #c1_2 .tab .box3 .flex_box2:last-of-type .txt_box {order: 2; border-radius: 0 0 0 50px;}
    #c1_2 .tab .box5 .flex_box2 .img_box {width: 100%;}
    #c1_2 .tab .box5 .flex_box2 .txt_box {border-radius: 0 0 0 50px; width: 100%; order: 2;}
    #c1_2 .tab .box5 .flex_box3 .img_box {width: 100%;}
    #c1_2 .tab .box5 .flex_box3 .txt_box {border-radius: 0 0 50px 0; width: 100%;}
    #c1_2 .tab .box4 .use_box .desc_box {width: 60%; border-radius: 20px;}
    #c1_2 .tab .box4 .use_box .desc_box::after {top: -19px; border-bottom: 20px solid #5d87a0; border-left: 20px solid transparent; border-right: 20px solid transparent;}
    #c1_2 .tab .box4 .use2 .desc_box {width: 40%;}
    #c1_2 .tab .box4 .use3 .desc_box {width: 40%;}
    #c1_2 .tab .box4 .use4 .desc_box {width: 40%;}
}
@media screen and (max-width: 640px) {
    #c1_2 .tab .box .title {font-size: 20px;}
    #c1_2 .tab .box5 .flex_box .wid50 {width: 100%;}
    #c1_2 .tab .box5 .flex_box .wid30 {width: 100%;}
    #c1_2 .tab .box h3 {font-size: 18px;}
    #c1_2 .tab .box p {font-size: 15px;}
    #c1_2 .tab .box .txt_box {padding: 20px;}
    #c1_2 .tab .box1 .flex_box li .text_box span {font-size: 15px;}
    #c1_2 .tab .box1 .flex_box li {width: 100%;}
    #c1_2 .tab .box2 .flex_box li {width: 100%;}
    #c1_2 .tab .box2 .flex_box li .text_box h3 {font-size: 18px;}
    #c1_2 .tab .box1 .flex_box .color .flex_box2 {gap: 10px;}
    #c1_2 .tab .box1 .flex_box .color .flex_box2 .flex {width: calc(50% - 5px);}
    #c1_2 .tab .box3 .flex_box2 .img_box img {width: 100%;}
    #c1_2 .tab .box4 .use_box .desc_box {position: static; width: 100%; padding: 20px; border-radius: 10px;}
    #c1_2 .tab .box4 .use_box .desc_box::after {display: none;}
    #c1_2 .tab .box4 .use1 .img_box {margin-bottom: 30px;}
    #c1_2 .tab .box4 .use2 {flex-wrap: wrap;}
    #c1_2 .tab .box4 .use2 .img_box {width: 100%;}
    #c1_2 .tab .box4 .use3 {flex-wrap: wrap;}
    #c1_2 .tab .box4 .use3 .img_box {width: 100%;}
    #c1_2 .tab .box4 .use4 {flex-wrap: wrap;}
    #c1_2 .tab .box4 .use4 .img_box {width: 100%; order: 1;}
    #c1_2 .tab .box4 .use4 .desc_box {order: 2;}
    #c1_2 .tab .box4 .use_box {border: 1px solid #ddd; margin-bottom: 30px; padding: 20px;}
    #c1_2 .tab .box .border_img_box {padding: 20px;}
    #c1_2 .tab2 .box .border_img_box .desc_box {padding: 20px; border-radius: 10px;}
}



#c1_3 {}
#c1_3 .tab .box {margin-bottom: 40px; padding-bottom: 40px; border-bottom: 2px solid #5d87a0;}
#c1_3 .tab .box:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
#c1_3 .tab .box .title {font-size: 25px; position: relative; padding-left: 20px; color: #121212; margin-bottom: 30px;}
#c1_3 .tab .box .title::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%) rotate(45deg); width: 8px; border-radius: 1px; aspect-ratio: 1 / 1; background-color: #5d87a0;}
#c1_3 .tab .box .sub_tit {display: block; background-color: #5d87a0; border-radius: 30px; padding: 10px 20px; color: #fff; font-size: 18px; text-align: center; width: max-content; margin: 0 auto 10px;}
#c1_3 .tab .box h3 {word-break: keep-all; line-height: 1.5; margin-bottom: 10px; font-size: 22px;}
#c1_3 .tab .box p {font-size: 18px; word-break: keep-all; line-height: 1.5; margin-bottom: 10px;}
#c1_3 .tab .box p:last-child {margin-bottom: 0;}
#c1_3 .tab .box img {width: 100%; border-radius: 10px;}
#c1_3 .tab .box .flex_box {display: flex; flex-wrap: wrap; gap: 30px;}
#c1_3 .tab .box .txt_box {background-color: #f5f5f5; padding: 30px;}
#c1_3 .tab .box .border_img_box {border-radius: 10px; border: 1px solid #ddd; padding: 30px; margin: 50px auto;}
#c1_3 .tab .box .border_img_box img {display: block; max-width: 1000px; margin: 0 auto;}
#c1_3 .tab2 .box .border_img_box .desc_box {background-color: #f5f5f5; padding: 30px; border-radius: 20px; margin-top: 30px;}
#c1_3 .tab2 .box .border_img_box .desc_box p {text-align: center;}
#c1_3 .tab .box1 .flex_box {align-items: center;}
#c1_3 .tab .box1 .flex_box li {width: calc(100% / 3 - 20px);}
#c1_3 .tab .box1 .flex_box li .text_box {display: flex; justify-content: space-between; padding: 10px;}
#c1_3 .tab .box1 .flex_box li .text_box p {font-weight: 700;}
#c1_3 .tab .box1 .flex_box li .text_box span {font-size: 18px;}
#c1_3 .tab .box1 .flex_box .color {position: relative;}
#c1_3 .tab .box1 .flex_box .color .sub_tit {position: absolute; top: -60px; left: 50%; transform: translateX(-50%);}
#c1_3 .tab .box1 .flex_box .color .flex_box2 {display: flex; flex-wrap: wrap; gap: 30px;}
#c1_3 .tab .box1 .flex_box .color .flex_box2 .flex {width: calc(50% - 15px);}
#c1_3 .tab .box1 .flex_box .color .flex_box2 .flex .img_box {}
#c1_3 .tab .box1 .flex_box .color .flex_box2 .flex .img_box img {}
#c1_3 .tab .box1 .flex_box .color .flex_box2 .flex .text_box {display: block;}
#c1_3 .tab .box1 .flex_box .color .flex_box2 .flex .text_box p {text-align: center;}
#c1_3 .tab .box2 .flex_box li {width: calc(100% / 4 - 23px);}
#c1_3 .tab .box2 .flex_box li .img_box {margin-bottom: 10px;}
#c1_3 .tab .box2 .flex_box li .text_box h3 {font-size: 20px;}
#c1_3 .tab .box3 .flex_box .img_box {width: 40%;}
#c1_3 .tab .box3 .flex_box .img_box img {}
#c1_3 .tab .box3 .flex_box .txt_box {width: calc(60% - 30px); border-radius: 0 0 100px 0;}
#c1_3 .tab .box3 .flex_box2 {display: flex; flex-wrap: wrap; gap: 30px;}
#c1_3 .tab .box3 .flex_box2 .img_box {width: 60%; display: flex; flex-wrap: wrap; gap: 20px;}
#c1_3 .tab .box3 .flex_box2 .img_box img {width: calc(50% - 10px);}
#c1_3 .tab .box3 .flex_box2 .txt_box {width: calc(40% - 30px); border-radius: 0 0 100px 0;}
#c1_3 .tab .box3 .flex_box2:last-of-type {margin-top: 50px;}
#c1_3 .tab .box3 .flex_box2:last-of-type .txt_box {border-radius: 0 0 0 100px;}
#c1_3 .tab .box4 .use_box {position: relative; margin-bottom: 80px; padding: 30px;}
#c1_3 .tab .box4 .use_box:last-child {margin-bottom: 0;}
#c1_3 .tab .box4 .use_box .desc_box {background-color: #5d87a0; border-radius: 30px; position: relative; padding: 30px; position: absolute; right: 0; bottom: -30px;}
#c1_3 .tab .box4 .use_box .desc_box::after {content: ""; position:absolute; left:10%; top:-29px; width:0; height:0; border-bottom: 30px solid #5d87a0; border-left: 30px solid transparent; border-right: 30px solid transparent;}
#c1_3 .tab .box4 .use_box .desc_box p {color: #fff; text-align: center;}
#c1_3 .tab2 .box4 .use_box .desc_box {width: 45%; bottom: 25%; right: 0;}
#c1_3 .tab .box4 .use2 {display: flex; justify-content: space-between; gap: 30px;}
#c1_3 .tab .box4 .use2 .img_box {width: calc(60% - 30px);}
#c1_3 .tab .box4 .use2 .desc_box {bottom: 30px; right: 30px;}
#c1_3 .tab .box4 .use2 .desc_box::after {top:40%; left:-18px; border-bottom: 30px solid transparent; border-left: 30px solid #5d87a0; transform: translateY(-50%) rotate(-45deg);}
#c1_3 .tab .box4 .use3 {display: flex; justify-content: space-between; gap: 30px;}
#c1_3 .tab .box4 .use3 .img_box {width: calc(60% - 30px);}
#c1_3 .tab .box4 .use3 .desc_box {bottom: 30px; right: 30px;}
#c1_3 .tab .box4 .use3 .desc_box::after {top:40%; left:-18px; border-bottom: 30px solid transparent; border-left: 30px solid #5d87a0; transform: translateY(-50%) rotate(-45deg);}
#c1_3 .tab .box4 .use4 {display: flex; justify-content: flex-end; gap: 30px;}
#c1_3 .tab .box4 .use4 .img_box {width: calc(60% - 30px); order: 2;}
#c1_3 .tab .box4 .use4 .desc_box {top: 30px; bottom: auto; left: 30px; right: auto;}
#c1_3 .tab .box4 .use4 .desc_box::after {top:40%; left: auto; right:-18px; border-bottom: 30px solid transparent; border-right: 30px solid #5d87a0; transform: translateY(-50%) rotate(45deg);}
#c1_3 .tab .box5 .flex_box {justify-content: center; align-items: center;}
#c1_3 .tab .box5 .flex_box .wid30 {width: calc(100% / 3 - 20px);}
#c1_3 .tab .box5 .flex_box .wid50 {width: calc(50% - 15px);}
#c1_3 .tab .box5 .flex_box2 {display: flex; flex-wrap: wrap; gap: 30px; margin-top: 50px;}
#c1_3 .tab .box5 .flex_box2 .img_box {width: 40%; border-radius: 10px; border: 1px solid #ddd; overflow: hidden;}
#c1_3 .tab .box5 .flex_box2 .txt_box {border-radius: 0 0 0 100px; width: calc(60% - 30px); display: grid; place-content: center;}
#c1_3 .tab .box5 .flex_box2 .txt_box h3 {text-align: center;}
#c1_3 .tab .box5 .flex_box3 {display: flex; flex-wrap: wrap; gap: 30px; margin-top: 50px;}
#c1_3 .tab .box5 .flex_box3 .img_box {width: 40%;}
#c1_3 .tab .box5 .flex_box3 .txt_box {border-radius: 0 0 100px 0; width: calc(60% - 30px); display: grid; place-content: center;}
#c1_3 .tab .box5 .flex_box3 .txt_box h3 {text-align: center;}

@media screen and (max-width: 960px) {
    #c1_3 .tab .box .title {font-size: 23px;}
    #c1_3 .tab .box .sub_tit {font-size: 16px;}
    #c1_3 .tab .box p {font-size: 16px;}
    #c1_3 .tab .box h3 {font-size: 20px;}
    #c1_3 .tab .box1 .flex_box li {width: calc(50% - 15px);}
    #c1_3 .tab .box1 .flex_box li .text_box span {font-size: 16px;}
    #c1_3 .tab .box1 .flex_box .color {width: 100%; margin-top: 60px;}
    #c1_3 .tab .box2 .flex_box li {width: calc(50% - 15px);}
    #c1_3 .tab .box3 .flex_box .img_box {width: 100%;}
    #c1_3 .tab .box3 .flex_box .txt_box {width: 100%; border-radius: 0 0 50px 0;}
    #c1_3 .tab .box3 .flex_box2 .img_box {width: 100%;}
    #c1_3 .tab .box3 .flex_box2 .txt_box {width: 100%; border-radius: 0 0 50px 0;}
    #c1_3 .tab .box3 .flex_box2:last-of-type .txt_box {order: 2; border-radius: 0 0 0 50px;}
    #c1_3 .tab .box5 .flex_box2 .img_box {width: 100%;}
    #c1_3 .tab .box5 .flex_box2 .txt_box {border-radius: 0 0 0 50px; width: 100%; order: 2;}
    #c1_3 .tab .box5 .flex_box3 .img_box {width: 100%;}
    #c1_3 .tab .box5 .flex_box3 .txt_box {border-radius: 0 0 50px 0; width: 100%;}
    #c1_3 .tab .box4 .use_box .desc_box {width: 60%; border-radius: 20px;}
    #c1_3 .tab .box4 .use_box .desc_box::after {top: -19px; border-bottom: 20px solid #5d87a0; border-left: 20px solid transparent; border-right: 20px solid transparent;}
    #c1_3 .tab .box4 .use2 .desc_box {width: 40%;}
    #c1_3 .tab .box4 .use3 .desc_box {width: 40%;}
    #c1_3 .tab .box4 .use4 .desc_box {width: 40%;}
}
@media screen and (max-width: 640px) {
    #c1_3 .tab .box .title {font-size: 20px;}
    #c1_3 .tab .box5 .flex_box .wid50 {width: 100%;}
    #c1_3 .tab .box5 .flex_box .wid30 {width: 100%;}
    #c1_3 .tab .box h3 {font-size: 18px;}
    #c1_3 .tab .box p {font-size: 15px;}
    #c1_3 .tab .box .txt_box {padding: 20px;}
    #c1_3 .tab .box1 .flex_box li .text_box span {font-size: 15px;}
    #c1_3 .tab .box1 .flex_box li {width: 100%;}
    #c1_3 .tab .box2 .flex_box li {width: 100%;}
    #c1_3 .tab .box2 .flex_box li .text_box h3 {font-size: 18px;}
    #c1_3 .tab .box1 .flex_box .color .flex_box2 {gap: 10px;}
    #c1_3 .tab .box1 .flex_box .color .flex_box2 .flex {width: calc(50% - 5px);}
    #c1_3 .tab .box3 .flex_box2 .img_box img {width: 100%;}
    #c1_3 .tab .box4 .use_box .desc_box {position: static; width: 100%; padding: 20px; border-radius: 10px;}
    #c1_3 .tab .box4 .use_box .desc_box::after {display: none;}
    #c1_3 .tab .box4 .use1 .img_box {margin-bottom: 30px;}
    #c1_3 .tab .box4 .use2 {flex-wrap: wrap;}
    #c1_3 .tab .box4 .use2 .img_box {width: 100%;}
    #c1_3 .tab .box4 .use3 {flex-wrap: wrap;}
    #c1_3 .tab .box4 .use3 .img_box {width: 100%;}
    #c1_3 .tab .box4 .use4 {flex-wrap: wrap;}
    #c1_3 .tab .box4 .use4 .img_box {width: 100%; order: 1;}
    #c1_3 .tab .box4 .use4 .desc_box {order: 2;}
    #c1_3 .tab .box4 .use_box {border: 1px solid #ddd; margin-bottom: 30px; padding: 20px;}
    #c1_3 .tab .box .border_img_box {padding: 20px;}
    #c1_3 .tab2 .box .border_img_box .desc_box {padding: 20px; border-radius: 10px;}
}




/* d1 */
#d1 {}
#d1 .box {margin-bottom: 100px;}
#d1 .box:last-child {margin-bottom: 0;}
#d1 .box .sub_tit {background-color: #5d87a0; display: inline-block; font-weight: 700; border-radius: 30px; padding: 10px 20px; color: #fff; font-size: 18px; text-align: center; width: max-content; margin: 0 auto 30px;}
#d1 .box h3 {font-size: 25px; line-height: 1.5; word-break: keep-all; margin-bottom: 30px;}
#d1 .box p {margin-bottom: 10px; font-size: 18px; line-height: 1.5; word-break: keep-all;}
#d1 .box p:last-child {margin-bottom: 0;}
#d1 .box .flex_box {display: flex; flex-wrap: wrap; gap: 30px;}
#d1 .box .flex_box .img_box {width: 40%; border-radius: 20px; overflow: hidden; position: relative;}
#d1 .box .flex_box .img_box img {width: 100%;}
#d1 .box .flex_box .img_box h3 {position: absolute; margin-bottom: 0; color: #fff; font-size: 25px; word-break: keep-all; line-height: 1.3;}
#d1 .box .flex_box .text_box {width: calc(60% - 30px);}
#d1 .box .flex_box .text_box p {}
#d1 .box .desc_box {position: relative; background-color: #f5f5f5; padding: 50px 30px; border-radius: 20px;}
#d1 .box .desc_box .deco {transition: .3s; animation: deco-mov infinite 2s linear; opacity: 0.6;}
#d1 .box .desc_box .deco1 {position: absolute; width: 150px; left: 30px; bottom: 30px;}
#d1 .box .desc_box .deco2 {position: absolute; width: 80px; right: 30px; top: 30px;}
#d1 .box .desc_box p {z-index: 99; position: relative; font-size: 20px; text-align: center; max-width: 1000px; font-weight: 600; margin: 0 auto;}
#d1 .box .deco_box {align-items: center; justify-content: space-between;}
#d1 .box .deco_box .img_box {width: 50%;}
#d1 .box .deco_box .img_box h3 {text-align: right; top: 30px; right: 30px;}
#d1 .box .deco_box .text_box {width: calc(50% - 30px); display: grid; place-content: center;}
#d1 .box .deco_box .text_box p {text-align: center;}
#d1 .box .deco_tit {text-align: center; font-size: 30px; position: relative;}
#d1 .box .deco_tit::before {content: ""; background: url(../html/img/d1_icon1.png) no-repeat 50% 50% / contain; width: 50px; aspect-ratio: 1 / 1; position: absolute; top: -20px; left: 100px;}
#d1 .box .deco_tit::after {content: ""; background: url(../html/img/d1_icon2.png) no-repeat 50% 50% / contain; width: 50px; aspect-ratio: 1 / 1; position: absolute; top: -20px; right: 100px;}
#d1 .box .desc_box .deco3 {position: absolute; width: 150px; left: 30px; bottom: 30px;}
#d1 .box .desc_box .deco4 {position: absolute; width: 150px; right: 30px; top: 30px;}
#d1 .box6 .desc_box {display: flex; gap: 30px; flex-wrap: wrap;}
#d1 .box6 .desc_box .img_box {width: 40%;}
#d1 .box6 .desc_box .img_box img {width: 100%; border-radius: 10px;}
#d1 .box6 .desc_box .text_box {width: calc(60% - 30px); display: grid; place-content: center;}
#d1 .box6 .deco_tit {width: max-content; margin: 0 auto 30px;}
#d1 .box6 .deco_tit::after {right: -80px !important;}
#d1 .box6 .deco_tit::before {left: -80px !important;}
#d1 .box6 .desc_box .text_box p {text-align: center; max-width: none; font-weight: 400; font-size: 18px;}
#d1 .box7 .flex_box .text_box p {background-color: #f5f5f5; padding: 30px; border-radius: 20px;}
#d1 .box7 .flex_box2 {margin: 50px 0; display: flex; flex-wrap: wrap; gap: 30px;}
#d1 .box7 .flex_box2 li {width: calc(50% - 15px);}
#d1 .box7 .flex_box2 li .img_box {}
#d1 .box7 .flex_box2 li .img_box img {width: 100%; border-radius: 20px;}
#d1 .box7 .flex_box2 li .text_box {margin-top: 10px;}
#d1 .box7 .flex_box2 li .text_box p {text-align: center;}
#d1 .box7 .desc_box .deco5 {position: absolute; width: 80px; right: 30px; top: 30px;}
#d1 .box7 .desc_box .deco6 {position: absolute; width: 80px; left: 30px; bottom: 30px;}
#d1 .box7 .flex_box3 {display: flex; flex-wrap: wrap; gap: 30px; margin: 50px 0;}
#d1 .box7 .flex_box3 .img_box {width: 40%; border: 1px solid #ddd; overflow: hidden; border-radius: 30px;}
#d1 .box7 .flex_box3 .img_box img {width: 100%;}
#d1 .box7 .flex_box3 .text_box {width: calc(60% - 30px);}
#d1 .box7 .flex_box3 .text_box p {background-color: #f5f5f5; padding: 30px; border-radius: 20px;}
#d1 .box7 .flex_box4 {margin-bottom: 50px; display: flex; flex-wrap: wrap; gap: 30px;}
#d1 .box7 .flex_box4 li {width: calc(100% / 3 - 20px);}
#d1 .box7 .flex_box4 li .img_box {}
#d1 .box7 .flex_box4 li .img_box img {width: 100%; border-radius: 20px;}
#d1 .box7 .flex_box4 li .text_box {margin-top: 10px;}
#d1 .box7 .flex_box4 li .text_box p {text-align: center;}
#d1 .box7 .deco_box .img_box {border: 1px solid #ddd; border-radius: 20px; overflow: hidden;}
#d1 .box7 .deco_tit::before {left: -80px !important;}
#d1 .box7 .deco_tit::after {right: -80px !important;}


@keyframes deco-mov {
  0%, 100% {
    transform: translateY(5px);
  } 50% {
    transform: translateY(0);
  }
}

@media screen and (max-width: 1300px) {
    #d1 .box .deco_tit::before {left: 80px;}
    #d1 .box .deco_tit::after {right: 80px;}
    #d1 .box5 .deco_tit::before {left: 10px;}
    #d1 .box5 .deco_tit::after {right: 10px;}
    #d1 .box .desc_box p {max-width: 65%;}
}
@media screen and (max-width: 1200px) {
    #d1 .box .deco_tit {font-size: 25px;}
    #d1 .box .deco_tit::before {width: 35px;}
    #d1 .box .deco_tit::after {width: 35px;}
}

@media screen and (max-width: 960px) {
    #d1 .box .sub_tit {font-size: 18px;}
    #d1 .box p {font-size: 16px;}
    #d1 .box .desc_box p {font-size: 18px;}
    #d1 .box .deco_box .text_box {width: 100%;}
    #d1 .box .deco_box .img_box {width: 100%;}
    #d1 .box .deco_tit {width: max-content; margin: 0 auto 30px;}
    #d1 .box .deco_tit::before {left: -50px;}
    #d1 .box .deco_tit::after {right: -50px;}
    #d1 .box6 .deco_tit::before {left: -50px !important;}
    #d1 .box6 .deco_tit::after {right: -50px !important;}
    #d1 .box7 .deco_box .img_box {order: 2;}
    #d1 .box7 .deco_box .text_box {order: 1;}
    #d1 .box7 .deco_box .text_box .deco_tit {margin-bottom: 0;}
    #d1 .box7 .flex_box .img_box {width: 100%; order: 2;}
    #d1 .box .flex_box .text_box {width: 100%;}
}
@media screen and (max-width: 780px) {
    #d1 .box .deco_tit {font-size: 22px;}
    #d1 .box6 .desc_box .text_box {width: 100%;}
    #d1 .box6 .desc_box .img_box {width: 100%; order: 2;}
    #d1 .box7 .flex_box3 .img_box {width: 100%;}
    #d1 .box7 .flex_box3 .text_box {width: 100%;}
    #d1 .box7 .flex_box4 li {width: 100%;}
    #d1 .box .desc_box .deco1 {width: 110px;}
    #d1 .box .desc_box .deco2 {width: 60px;}
    #d1 .box .desc_box .deco3 {width: 110px;}
    #d1 .box .desc_box .deco4 {width: 110px;}
    #d1 .box7 .desc_box .deco5 {width: 60px;}
    #d1 .box7 .desc_box .deco6 {width: 60px;}
}
@media screen and (max-width: 640px) {
    #d1 .box {margin-bottom: 60px;}
    #d1 .box p {font-size: 15px;}
    #d1 .box .sub_tit {font-size: 16px;}
    #d1 .box .desc_box p {font-size: 16px;}
    #d1 .box .deco_tit {width: 100%; font-size: 20px; margin-bottom: 20px;}
    #d1 .box .deco_tit::before {display: none;}
    #d1 .box .deco_tit::after {display: none;}
    #d1 .box .flex_box .img_box h3 {font-size: 18px;}
    #d1 .box .deco_box .img_box h3 {top: 20px; right: 20px;}
    #d1 .box .desc_box {padding: 50px 20px;}
    #d1 .box .desc_box .deco1 {width: 80px; bottom: 10px; left: 10px;}
    #d1 .box .desc_box .deco2 {top: 10px; right: 10px; width: 50px;}
    #d1 .box .desc_box .deco3 {width: 80px; bottom: 10px; left: 10px;}
    #d1 .box .desc_box .deco4 {top: 10px; right: 10px; width: 80px;}
    #d1 .box .desc_box p {max-width: 100%;}
    #d1 .box6 .desc_box {padding: 20px;}
    #d1 .box6 .desc_box .text_box p {font-size: 16px;}
    #d1 .box7 .desc_box .deco5 {top: 10px; right: 10px; width: 50px;}
    #d1 .box7 .desc_box .deco6 {bottom: 10px; left: 10px; width: 50px;}
    #d1 .box7 .flex_box .text_box p {padding: 20px;}
    #d1 .box7 .flex_box2 li {width: 100%;}
    #d1 .box7 .flex_box3 .text_box p {padding: 20px;}
}
@media screen and (max-width: 415px) {
    #d1 .box .sub_tit {width: 100%;}
}
/* d1 */



/* e1 */
#e1 {}
#e1 .box {margin-bottom: 80px;}
#e1 .box:last-child {margin-bottom: 0;}
#e1 .box .flex_box {display: flex; flex-wrap: wrap; gap: 30px;}
#e1 .box1 .flex_box .text_box {width: calc(60% - 30px); background-color: #f5f5f5; padding: 30px; border-radius: 0 0 0 100px;}
#e1 .box1 .flex_box .text_box p {margin-bottom: 10px; font-size: 18px; line-height: 1.5; word-break: keep-all; font-weight: 500;}
#e1 .box1 .flex_box .text_box p:last-child {margin-bottom: 0;}
#e1 .box1 .flex_box .img_box {width: 40%;}
#e1 .box .flex_box .img_box img {width: 100%;}
#e1 .box2 .flex_box .img_box {width: 60%; background: url(../html/img/e1_img2.jpg) no-repeat 50% 50% / cover;}
#e1 .box2 .flex_box .map_box {width: calc(40% - 30px); border-bottom: 1px solid #ddd;}
.root_daum_roughmap .cont .section.lst {display: none;}
.root_daum_roughmap .wrap_controllers {display: none;}
@media screen and (max-width: 960px) {
    #e1 .box1 .flex_box .text_box p {font-size: 16px;}
    #e1 .box1 .flex_box .text_box {width: 100%; order: 2; border-radius: 0 0 0 50px;}
    #e1 .box1 .flex_box .img_box {width: 100%; order: 1;}
    #e1 .box2 .flex_box .map_box {width: 100%;}
    #e1 .box2 .flex_box .img_box {display: none;}
}
@media screen and (max-width: 640px) {

}
/* e1 */