/* 공통 */
.df {display: flex; }
.pc_only {display: block;}
.mo_only {display: none;}

.menu_wr {padding: 60px 0;}
.menu_wr ul {justify-content:center}
.menu_wr li {border: solid 1px #C4C4C4; width: 200px; text-align: center;}
.menu_wr li a {display: inline-block; font-size: 17px; line-height: 20px;font-weight: 500; padding: 21px 0 19px; color: #727272;}
.menu_wr li.ative {border: #1B2A5F solid 2px;}
.menu_wr li.ative a {font-weight: 700; color: #1B2A5F;}
@media screen and (max-width:1300px){
    .sub1_2,.sub1_3,.sub1_4,.sub2_1,.sub3_1,.sub4_4,.sub4_5,.sub4_6,.sub5_1{width: 100%;}
}

@media screen and (max-width: 768px) {
    .pc_only {display: none;}
    .mo_only {display: block;}
}

/* sub1_1 */
.sub1_1 {}
.sub_con.sub1_1 {width: 100%; max-width: 1920px; padding-left: 0;}
.sub1_1 .main_con{display: flex; gap: clamp(60px,4vw,92px);}
.sub1_1 .main_con .img_box{flex: 0 1 calc(40% - clamp(30px,3vw,46px)); }
.sub1_1 .main_con .img_box .img_con{ width: 100%; height: 100%;}
.sub1_1 .main_con .img_box img{object-fit: cover;width: 100%;height: 100%;}
.sub1_1 .main_con .text_box{}
.sub1_1 .main_con .text_box {flex: 0 1 calc(60% - clamp(30px,3vw,46px));padding: 70px 0 90px;}
.sub1_1 .main_con .text_box h3 {font-size: clamp(30px,3vw,52px); line-height: 1.4em; font-weight: 800;}
.sub1_1 .main_con .text_box h4 {font-size: clamp(23px, 2.5vw, 40px); line-height: 1em; font-weight: 400; padding-bottom: 40px;}
.sub1_1 .main_con .text_box h4 span {font-weight: 800;}
.sub1_1 .main_con .text_box p {font-size: clamp(16px,1vw,20px); line-height: 1.4em; font-weight: 400;padding-bottom: 40px; letter-spacing: -1px;}
.sub1_1 .main_con .text_box p.en {color: #d8d8d8; font-size: clamp(20px,2vw,40px); font-weight: 600;padding-bottom: 10px; line-height: 120%; letter-spacing:0;word-break: keep-all;}
.sub1_1 .main_con .text_box .autograph {display: inline-block;}
.sub1_1 .main_con .text_box .autograph img{width: 100%; height: 100%;}


@media screen and (max-width:1920px){
    .sub_con.sub1_1{width: 100%;}
}

@media screen and (max-width:768px){
    .sub_con.sub1_1 {padding: 0;}
    .sub1_1 .main_con{flex-direction: column;}
    .sub1_1 .main_con .text_box{padding: 0 16px 0 30px;}
}
@media screen and (max-width:380px){
    .sub1_1 .main_con .text_box p {text-align: justify;}
}
/* sub1_2 */
.sub1_2 {text-align: center; margin: 0 auto;}
.sub1_2 .top_con {}
.sub1_2 .top_con .text_con {position: relative;padding: 40px 10px 80px;/*background-color: #E6EFFE;*/}
.sub1_2 .top_con .text_con h4 {
    padding: 0 0 30px 0;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 160%;
}
.sub1_2 .top_con .text_con p{
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 160%;
}
.sub1_2 .top_con .img_con {margin: 20px auto; padding: 20px; max-width: 640px; border: 1px solid #ccc;box-shadow: 5px 5px 8px 0 #a1a1a1;}
.sub1_2 .top_con .img_con img {width: 100%; max-width: 600px; min-width: 300px;}

.sub1_2 .mid_con {}
.sub1_2 .mid_con .con_flex {display: flex;flex-wrap: wrap;justify-content: center; gap: 28px; padding: 50px 0 0 0;}
.sub1_2 .mid_con .con_flex .con_box {flex: 0 1 calc(100% / 3 - 19px); border: 1px solid #DDD; border-radius: 10px;}
.sub1_2 .mid_con .con_flex .con_box > img { padding: 80px 0 40px;}
.sub1_2 .mid_con .con_flex .con_box > div.no_img {display: block; width: 300px; height: 192px; background-color: #ebebeb; margin: 80px auto 40px;}
.sub1_2 .mid_con .con_flex .con_box p {padding: 0 10px 80px; font-size: 1.25rem; line-height: 130%; font-weight: 500;}
.sub1_2 .bottom_con {
    background-color: #f2f2f2;
    border-radius: 10px;
    padding: 60px 20px;
    margin: 50px 0 130px 0;
}
.sub1_2 .bottom_con p { font-size: 1.125rem; font-weight: 400; line-height: 160%; }

@media screen and (max-width: 380px) {
    .sub1_2 .top_con .text_con {margin-top: 100px; padding: 160px 20px 40px;}
    .sub1_2 .top_con .text_con h4 { font-size: 1.5rem; }
    .sub1_2 .top_con .text_con p { font-size: 1rem; }
    .sub1_2 .mid_con .con_flex .con_box > img {padding: 40px 0 20px;}
    .sub1_2 .mid_con .con_flex .con_box p { padding: 0 20px 40px; }
    .sub1_2 .mid_con .con_flex { flex-direction: column; }
    .sub1_2 .bottom_con {
        margin: 50px 0;
        padding: 20px;
    }
}

/* sub1_3 */
.sub1_3 {}
.sub1_3 .map_con {
    display: flex;
    justify-content: space-between;
    margin: 40px auto;
    border-radius: 10px;
    background-color: #f8f8f8;    
}
.sub1_3 .map_con .left_con {padding: 70px 0 0 60px; }
.sub1_3 .map_con .left_con .sub_text{position: relative;display: flex; padding-bottom: 70px;}
.sub1_3 .map_con .left_con .sub_text li:first-child::before{
    content: '';
    position: absolute;
    top: 16px;
    left: 33%;
    width: 5px;
    height: 5px;
    background: #A2A2A2;
    border-radius: 100%;
    transform: translate(-50%, -50%);
}
.sub1_3 .map_con .left_con .sub_text li {font-size: 1.5rem; font-weight: 400; line-height: 130%; padding: 0 3px; margin-right: 60px; color: #848484;}
.sub1_3 .map_con .left_con .sub_text li.action {font-weight: 700; border-bottom: 3px solid #1B2A5F; color: #1B2A5F;}
.sub1_3 .map_con .left_con .main_text {display: none;}
.sub1_3 .map_con .left_con .main_text.action {display: block;}
.sub1_3 .map_con .left_con .main_text ul {position: relative;}
.sub1_3 .map_con .left_con .main_text ul li::before {
    content: '';
    position: absolute;
    top: 14px;
    left: -53px;
    width: 39px;
    height: 3px;
    background: #1B2A5F;

}
.sub1_3 .map_con .left_con .main_text h1 {font-size: 4.625rem; line-height: 59px; color:#1B2A5F;font-weight: 900; padding-bottom: 43px;}
.sub1_3 .map_con .left_con .main_text ul li {font-size: 1.125rem; line-height: 160%; font-weight: 400;}

.sub1_3 .map_con .right_con {padding: 50px 30px 40px;}
.sub1_3 .map_con .right_con img { width: 100%; max-width: 741px; min-width: 300px; }

.sub1_3 .mid_con {margin-top: 50px; display: none; gap: 25px;}
.sub1_3 .mid_con.action {display: flex;}
.sub1_3 .mid_con .con_box .img_box { margin-bottom: 30px; width: 100%; max-width: 415px; min-width: 300px; }
.sub1_3 .mid_con .con_box .text_box { padding-left: 55px; position: relative; }
.sub1_3 .mid_con .con_box .img_box img { width: 100%;}
.sub1_3 .mid_con .con_box .text_box h3 { font-size: 1.625rem; font-weight: 700; padding-bottom: 24px; }
.sub1_3 .mid_con .con_box .text_box h3::before {
    content: '';
    position: absolute;
    top: 14px;
    left: 0;
    width: 40px;
    height: 3px;
    background: #1B2A5F;
}
.sub1_3 .mid_con .con_box .text_box p { font-size: 1.125rem; line-height: 130%; font-weight: 400; }

@media screen and (max-width: 960px) {
    .sub1_3 .map_con { flex-direction: column; }
    .sub1_3 .map_con .left_con { padding: 50px 40px 0; }
    .sub1_3 .map_con .left_con .sub_text li:first-child::before { left: 60px; }
    .sub1_3 .map_con .left_con .main_text.action { display: flex; gap: 100px; }

    .sub1_3 .mid_con.action { flex-direction: column; }
    .sub1_3 .mid_con.action .con_box { display: flex; gap: 50px; }
    .sub1_3 .mid_con.action .con_box div { }

    .sub1_3 .mid_con .con_box .img_box { margin-bottom: 0; width: 40%;}
}

@media screen and (max-width: 580px) {
    .sub1_3 .mid_con.action .con_box { flex-direction: column; gap: 20px; align-items: center;}
}
@media screen and (max-width: 380px) {
    .sub1_3 .map_con .left_con { padding: 30px 20px 0; }
    .sub1_3 .map_con .left_con .main_text.action { gap: 70px; }
    .sub1_3 .map_con .right_con { padding: 40px 10px; }
    .sub1_3 .mid_con.action .con_box { align-items: flex-start;}
}
/* sub1_4 */
.sub1_4 { }
.sub1_4 .Directions .map_content {position:relative;display: flex; padding-bottom: 54px;}
.sub1_4 .Directions .map_content .map_bg {flex: 60%;}
.sub1_4 .Directions .map_content .map_bg > div {width: 100% !important;max-width: 1350px;}
.sub1_4 .Directions .map_content .map_bg > div .hide {display: none !important;}
.sub1_4 .Directions .map_content .wrap_map {height: 600px !important;}
.sub1_4 .root_daum_roughmap .cont {display: none;}
.sub1_4 .Directions .map_content .box_wr {flex: 40%;}
.sub1_4 .Directions .map_content > div p:last-child {font-size: clamp(16px,2vw,18px);}


.sub1_4 .Directions .map_content .box01,
.sub1_4 .Directions .map_content .box02,
.sub1_4 .Directions .map_content .box03,
.sub1_4 .Directions .map_content .box04 {height: 150px;padding: 48px 40px;display:flex;align-items:center;justify-content:space-between;font-size: clamp(18px,2vw,20px);}

.sub1_4 .Directions .map_content .box01 {background: #fff;border-bottom: 1px solid #d9d9d9;border-top: 1px solid #d9d9d9;}
.sub1_4 .Directions .map_content .box02 {background: #fff;border-bottom: 1px solid #d9d9d9;}
.sub1_4 .Directions .map_content .box03 {background: #fff;}
.sub1_4 .Directions .map_content .box04 {background:#fbe100;cursor: pointer;}

.sub1_4 .Directions .map_content .box01 p:first-child,
.sub1_4 .Directions .map_content .box02 p:first-child,
.sub1_4 .Directions .map_content .box03 p:first-child,
.sub1_4 .Directions .map_content .box04 p:first-child {font-size: clamp(22px,2vw,26px);font-weight: 800;padding-bottom: 15px;}

.sub1_4 .Directions .arrow {transition: transform 0.3s ease;}
.sub1_4 .Directions .arrow.active {transform: rotate(180deg);}
.sub1_4 .Directions .menu_con .txt {max-height: 0;overflow: hidden;transition: max-height 0.5s ease; }

@media screen and (max-width:1024px) {
	.sub1_4 .Directions .map_content {flex-wrap:wrap;}
    .sub1_4 .Directions .map_content .wrap_map {height: 410px !important;}
    .sub1_4 .Directions .map_content .box_wr {top:-50px;right: 20px;flex: 100%;}
    .sub1_4 .Directions .map_content .map_bg {flex:100%;}

    .sub1_4 .Directions .map_content .box01,
    .sub1_4 .Directions .map_content .box02,
    .sub1_4 .Directions .map_content .box03,
    .sub1_4 .Directions .map_content .box04 {padding: 30px 40px;height: 150px;}

    .sub1_4 .Directions .map_content .box01 p:first-child,
    .sub1_4 .Directions .map_content .box02 p:first-child,
    .sub1_4 .Directions .map_content .box03 p:first-child,
    .sub1_4 .Directions .map_content .box04 p:first-child {font-size:1.25rem;}
}

@media screen and (max-width:768px) {
	.sub1_4 .Directions .btm_con {gap: 12px;}
	.sub1_4 .Directions .right_con {flex: 100%;}
	.sub1_4 .Directions .page-tit {padding: 0 20px 30px;}
	.sub1_4 .Directions .map_content .wrap_map {height: 310px !important;}
	
	.sub1_4 .Directions .map_content .box_wr {position: unset;}
	
	.sub1_4 .Directions .map_content .box01,
    .sub1_4 .Directions .map_content .box02,
	.sub1_4 .Directions .map_content .box03,
	.sub1_4 .Directions .map_content .box04 {padding: 20px 30px;}

	.sub1_4 .Directions .map_content .box01 p:first-child,
    .sub1_4 .Directions .map_content .box02 p:first-child,
    .sub1_4 .Directions .map_content .box03 p:first-child,
    .sub1_4 .Directions .map_content .box04 p:first-child {font-weight: 600;}
	
}
/* sub2_1 */
.sub2_1 {text-align: center; margin: 0 auto;}
.sub2_1 .top_con { }
.sub2_1 .top_con .text_con {position: relative; margin-top: 250px;padding: 70px 20px;border-radius: 10px;background-color: #E7F5F1;}
.sub2_1 .top_con .text_con h4 {padding: 0 0 30px; font-size: 1.875rem; font-weight: 700;}
.sub2_1 .top_con .text_con p {font-size: 1.125rem; font-weight: 400;line-height: 160%;word-break: auto-phrase;}
.sub2_1 .top_con .img_con {position: absolute;left: 50%;transform: translate(-50%, -109%);z-index: 1;}
.sub2_1 .top_con .img_con img {width: 100%; max-width: 386px; min-width: 300px;}

.sub2_1 .mid_con .con_flex {display: flex;flex-wrap: wrap;justify-content: center; gap: 40px;padding: 50px 0 0 0;}
.sub2_1 .mid_con .con_flex .con_box { border: 1px solid #DDD; border-radius: 10px;}
.sub2_1 .mid_con .con_flex .con_box.flex_02 {flex: 0 1 calc(100% / 2 - 20px);}
.sub2_1 .mid_con .con_flex .con_box.flex_01 {flex: 0 1 calc(100% / 1);}
.sub2_1 .mid_con .con_flex .con_box > img {padding: 56px 0 27px;}
.sub2_1 .mid_con .con_flex .con_box p {padding: 0 0 46px 0; font-size: 1.125rem; line-height: 27px; font-weight: 400;}
.sub2_1 .mid_con .con_flex .con_box p span {font-size: 1.25rem; font-weight: 600;}
.sub2_1 .mid_con .con_flex .con_box:nth-child(2) p {font-size: 23px;}
.sub2_1 .mid_con .con_flex .con_box h4 {font-size: 25px;font-weight: 700;line-height: 25px;padding-bottom: 15px;}

.sub2_1 .mid_con .con_flex .gonfalon_call ul {display: flex;align-items: center;justify-content: center; padding: 54px 0;}
.sub2_1 .mid_con .con_flex .gonfalon_call ul li { padding: 0 clamp(40px,4vw,65px); border-left: solid 1px rgba(0, 0, 0, .1);}
.sub2_1 .mid_con .con_flex .gonfalon_call ul li:first-child {border-left: none; font-size: 1.625rem; font-weight: 700;padding: 0 clamp(50px,6vw,100px);word-break: auto-phrase;}
.sub2_1 .mid_con .con_flex .gonfalon_call ul li .gonfalon_img {padding-bottom: 27px;}
.sub2_1 .mid_con .con_flex .gonfalon_call ul h5 {font-size: 20px; line-height: 20px; font-weight: 700;padding-bottom: 14px;}
.sub2_1 .mid_con .con_flex .gonfalon_call ul p {font-size: 20px; font-weight: 500; line-height: 20px; padding: 0;}

@media screen and (max-width:1024px){
    .sub2_1 .mid_con .con_flex .gonfalon_call ul {flex-direction: column; gap: 30px;}
    .sub2_1 .mid_con .con_flex .gonfalon_call ul li {border-left: none; border-bottom: solid 1px rgba(0, 0, 0, .1); padding: 15px;width: 50%;}
    .sub2_1 .mid_con .con_flex .gonfalon_call ul li:first-child {border-bottom: none;}
}
@media screen and (max-width:768px){
    .mo_only {display: block;}

    .sub2_1 .top_con .text_con h4 {font-size: 1.5rem; line-height: 160%;}
    .sub2_1 .mid_con .con_flex .con_box.flex_02{flex: 0 1 calc(100% / 1 - 20px);}
}
@media screen and (max-width:380px){
    .sub2_1 .mid_con .con_flex .gonfalon_call ul li {padding: 10px;width: 70%;}
    .sub2_1 .mid_con .con_flex .gonfalon_call ul li:first-child {
        padding: 0;
    }
}
/* sub3_1 */
.sub3_1 {}
.sub3_1 .top_con .top_conent {padding-top: 50px; position: relative;text-align: center;}
.sub3_1 .top_con .top_conent img {max-width: 100%;}
.sub3_1 .top_con .top_conent .text_box {padding: clamp(40px,3.8vw,70px) 20px;background: #FFECBD;display: block;top: -40px;position: relative;border-radius: 10px;}
.sub3_1 .top_con .top_conent .text_box .tit {font-size: clamp(24px,2vw,30px);font-weight: 700;padding: 0 0 clamp(20px,2vw,34px);line-height: 130%;}
.sub3_1 .top_con .top_conent .text_box .txt {font-size: clamp(16px,2vw,18px);font-weight: 400;line-height: 130%;}

.sub3_1 .mid_con .mid_content {flex-direction: column; gap: 20px;width: 100%;}
.sub3_1 .mid_con .mid_content .content_list {display: flex; border: 1px solid #DDD; border-radius: 10px;}
.sub3_1 .mid_con .mid_content .content_list .half {flex: 0 1 50%;}
.sub3_1 .mid_con .mid_content .content_list .half img {width: 100%;}
.sub3_1 .mid_con .mid_content .content_list .half:nth-child(2) {padding: clamp(40px,6vw,110px) 0 0 clamp(25px,6vw,140px);}
.sub3_1 .mid_con .mid_content .content_list .half .text{}
.sub3_1 .mid_con .mid_content .content_list .half .text .tit {position: relative; margin-bottom: 19px;}
.sub3_1 .mid_con .mid_content .content_list .half .text .tit h5 {font-size: clamp(18px,2vw,25px); line-height: 130%; font-weight: 700;}
.sub3_1 .mid_con .mid_content .content_list .half .text .tit h5::before {content: '';position: absolute;width: 39px;height: 3px;background: #1B2A5F;top: 14px;left: -60px;}
.sub3_1 .mid_con .mid_content .content_list .half .text .txt {font-size: clamp(16px,2vw,18px); font-weight: 400;line-height: 130%;}

.sub3_1 .btm_con {justify-content: center; background: #f2f2f2; border-radius: 10px; width: 100%; padding: 38px 0; margin: 58px 0;}
.sub3_1 .btm_con .half {flex: 0 1 calc(50%); text-align: center;padding: 11px;}
.sub3_1 .btm_con .half:first-child {border-right: solid 1px #bfbfbf; }
.sub3_1 .btm_con .half .text {}
.sub3_1 .btm_con .half .text .tit h5 {font-size: clamp(18px,2vw,25px); line-height: 130%; font-weight: 700;padding-bottom: 17px;}
.sub3_1 .btm_con .half .text .txt {font-size: clamp(16px,2vw,18px); font-weight: 400;line-height: 130%;}

@media screen and (max-width:1024px){
    .sub3_1 .mid_con .mid_content .content_list .half .text .tit h5::before {display: none;}
}

@media screen and (max-width:768px){
    .sub3_1 .mid_con .mid_content .content_list {flex-direction: column; width: 100%; margin: 0;}
    .sub3_1 .mid_con .mid_content .content_list .half:nth-child(2) {padding: 40px 20px 20px; }
    .sub3_1 .mid_con .mid_content .content_list .half:nth-child(2) .text .txt ul li {font-size: .875rem;}
}

/* sub4_4 */
.sub4_4 {}
.sub4_4 .top_con {width: 100%;padding: 30px 15px;margin-top: 30px;border: 1px dashed #d1d5db;border-radius: 16px;text-align: center;font-size: 15px;color: #999;font-weight: 500;}

.sub4_4 .mid_con {}
.sub4_4 .mid_con .content_list {padding: 20px 0;}
.sub4_4 .mid_con .content_list .tit {}
.sub4_4 .mid_con .content_list .tit h3 {font-size: 22px; font-weight: 700;}

.sub4_4 .mid_con .content_list .text_table>p {text-align: right; line-height: 1.4em;}
.sub4_4 .mid_con .content_list .text_table table {border-collapse: collapse; border-spacing: 0}
.sub4_4 .mid_con .content_list .text_table table thead th { padding: 15px; font-weight: 500;background: #f2f2f3;}
.sub4_4 .mid_con .content_list .text_table table td {border: 1px solid #e8e8e8;padding: 15px;text-align: center;}

.sub4_4 .mid_con .content_list .text_table table th:first-child,
.sub4_4 .mid_con .content_list .text_table table td:first-child {border-left: 0px;}

.sub4_4 .mid_con .content_list .text_table table th:last-child,
.sub4_4 .mid_con .content_list .text_table table td:last-child {border-right: 0px;}


/* sub4_5 */
.sub4_5 {}
.sub4_5 .top_con{width: 100%; padding: 30px 5px; margin: 30px 0; border: 1px solid #d1d5db; border-radius: 16px;  font-size: 16px; color: #313131; font-weight: 500;}
.sub4_5 .top_con .text{ width: 90%; margin: 0 auto; line-height: 2;}

.sub4_5 .button_con{padding: 0 20px;}
.sub4_5 .button_con a{font-weight: 700; font-size:22px;display: block;background: #2cb4cf;width: 200px;padding: 10px 0;text-align: center;border-radius: 5px;color: #fff}


/* sub4_6 */
.sub4_6 {}
.sub4_6 .top_con {width: 100%; padding: 30px 5px; margin: 30px 0; border: 1px solid #d1d5db; border-radius: 16px;  font-size: 16px; color: #313131; font-weight: 500;}
.sub4_6 .top_con .text { width: 90%; margin: 0 auto; line-height: 2;}
.sub4_6 .top_con .text b {font-weight: 700;}

.sub4_6 .mid_con{} 
.sub4_6 .mid_con .tit {padding: 30px 0;}
.sub4_6 .mid_con .tit h3 {font-size: 22px; font-weight: 700; } 
.sub4_6 .mid_con .survey{} 
.sub4_6 .mid_con .survey .survey_con {flex: 0 1 calc(100% / 6);} 
.sub4_6 .mid_con .survey .survey_img {
    padding: 6px;
    display: flex;
    justify-content: center;
    gap: 4px;
}
.sub4_6 .mid_con .survey .survey_img img {border: 1px solid #eee8e8; border-radius: 5px; } 
.sub4_6 .mid_con .survey {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
    text-align: center;
} 
.sub4_6 .mid_con .survey p {line-height: 1.5em; padding: 5px 0;} 


/* sub5_1 */
.sub5_1 .top_con .top_conent {padding-top: 50px; position: relative;text-align: center;}
.sub5_1 .top_con .top_conent img {width: 100%; max-width: 684px; min-width: 300px;}
.sub5_1 .top_con .top_conent .text_box {position: relative;top: 0; padding: clamp(40px,3.8vw,70px) 20px;display: block;border-radius: 10px;background: #FEEDE6;}
.sub5_1 .top_con .top_conent .text_box .tit {font-size: clamp(24px,2vw,30px);font-weight: 700;padding: 0 0 clamp(20px,2vw,34px);line-height: 130%;}
.sub5_1 .top_con .top_conent .text_box .txt {font-size: clamp(16px,2vw,18px);font-weight: 400;line-height: 130%;}

.sub5_1 {}
.sub5_1 .mid_con {padding: 48px 0;}
.sub5_1 .mid_con .mid_content{}
.sub5_1 .mid_con .mid_content .content_list {
    display: flex;
    align-items: center;
    gap: 100px;
    margin-bottom: 46px;
    padding: 62px 80px;
    border: 1px solid #ddd;
    border-radius: 10px;
}
.sub5_1 .mid_con .mid_content .content_list .img_con {
    
}
.sub5_1 .mid_con .mid_content .content_list .text { width: 100%;}
.sub5_1 .mid_con .mid_content .content_list .text .text_box{}
.sub5_1 .mid_con .mid_content .content_list .text .text_box:first-child {border-bottom: 1px solid #ddd;padding-bottom: 60px;}
.sub5_1 .mid_con .mid_content .content_list .text .text_box:last-child {padding-top: 50px;}
.sub5_1 .mid_con .mid_content .content_list .text .text_box .tit_con {flex: 0 1 30%;}
.sub5_1 .mid_con .mid_content .content_list .text .text_box .txt_con {flex: 0 1 70%;}
.sub5_1 .mid_con .mid_content .content_list .text .text_box .tit_con h4 {font-size: clamp(18px,2vw,25px);font-weight: 700;line-height: 130%;}
.sub5_1 .mid_con .mid_content .content_list .text .text_box .txt_con li {font-size: clamp(16px,2vw,18px);font-weight: 400;line-height: 160%;}

@media screen and (max-width:768px){
    .sub5_1 .mid_con .mid_content .content_list{flex-direction: column;padding: 40px;}
    .sub5_1 .mid_con .mid_content .content_list .img_con{padding: 0; margin: 30px auto;}
    .sub5_1 .mid_con .mid_content .content_list .text .text_box{flex-direction: column;}
}

@media screen and (max-width:380px){
    .sub5_1 .mid_con .mid_content .content_list {
        padding: 40px 20px;
        gap: 20px;
    }
    .sub5_1 .mid_con .mid_content .content_list .text .text_box .tit_con h4 {padding: 20px 0; font-size: 1.125rem;}
    .sub5_1 .mid_con .mid_content .content_list .text .text_box .txt_con li {font-size: 1em;}
}