.sub_wrap img{display: block; margin:0 auto; max-width: 100%; width: 100%;}
.sub_wrap p{font-size: 18px; line-height: 1.7; word-break: keep-all;}

.sub_0101 .top{display: flex; justify-content: space-between; align-items: center;}
.sub_0101 .top>div{width: 46%;}
.sub_0101 .top .img img{border-radius: 25px;}
.sub_0101 .top .txt h1{font-size: 20px; color: #c30d23; margin-bottom:15px; }
.sub_0101 .top .txt h2{font-size: 48px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ddd; line-height: 1; }
.sub_0101 .top .txt h5{margin-top: 100px; text-align: right; font-size: 20px; font-weight: 400;}
.sub_0101 .top .txt h4{text-align: right; font-size: 30px; margin-top: 15px;}

/* 연혁 스타일 */

#history{display: flex; justify-content: space-between;}

#history .his_box+.his_box{margin-top: 40px;}
#history .title_box{display: flex; align-items: end; margin-bottom: 30px;}
#history .title_box h1{font-size: 48px; color: #c30d23; line-height: 1; letter-spacing: -1px;}
#history .title_box h2{font-size: 30px; color: #888; margin-left: 20px; line-height: 1; padding-bottom: 3px;}

#history .title_box02{flex-direction: column; align-items: start;}
#history .title_box02 h2{margin-left: 0; margin-top: 10px;}

.history_img{width: 40%; position: sticky; top: 100px; height: 100%;}
.history_img img{max-width: 100%; border-radius: 20px;}

.history_wrap{width: 55%; margin-top: 50px;}

#history .his_box:nth-child(1) .basic_ul::before{
    height: 80%;
}

.basic_ul{position: relative; text-align: left;}
.basic_ul::before{
    content: "";
    display: block;
    position: absolute;
    left: 15px;
    top: 21px;
    width: 2px;
    height: 95%;
    background-color: #e5e5e5;
}
.basic_li{
    position: relative;
    padding: 10px 0;
    display: flex;
    margin-bottom: 7px;
}
.basic_li .dots {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: rgba(195, 13, 35, 0.08);
    border-radius: 50%;
    margin-right: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.basic_li .dots:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background-color: rgba(195, 13, 35, 0.14);
    border-radius: 50%;
}
.basic_li .dots:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background-color: #c30d23;
    border-radius: 50%;
}
.basic_li .txt_wrap a {
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 5px;
    display: block;
    color: #c30d23;
}
.basic_li .txt_wrap .lt_info {
    display: block;
    color: #333;
    font-weight: 400;
}
.basic_li .txt_wrap .lt_info span {
    font-size: 22px;
    word-break: keep-all;
    line-height: 1.7;
}

.basic_li .txt_wrap .lt_info .red{color: #0044a6; font-weight: 600;}

.sub_0104 .top h1{font-size: 22px; text-align: center; font-weight: 400; line-height: 1.7; font-weight: normal;}
.sub_0104 .bot ul{display: flex; gap: 15px; margin-top: 40px;}
.sub_0104 .bot ul li{flex: 1; height: 380px; border-radius: 20px; position: relative; overflow: hidden; transition: .6s ease-in-out; background-position: center; cursor: pointer;; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sub_0104 .bot ul li::before{width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); top: 0; left: 0; content: ''; position: absolute; z-index: 0;; transition: .6s ease-in-out;}
.sub_0104 .bot ul li img{position: relative; z-index: 10; margin-bottom: 25px; width: 80px;}
.sub_0104 .bot ul li h3{text-align: center; font-size: 32px; color: #fff; position: relative; z-index: 10; font-weight:800; transition: .6s ease-in-out;}
.sub_0104 .bot ul li p{text-align: center; font-size: 20px; line-height: 1.6; margin: 20px 0; transition: .6s ease-in-out; height: 130px; position: relative; z-index: 10; color: #fff;}
.sub_0104 .bot ul li:nth-child(1){background-image: url(/img/0104_1.jpg); background-size: cover;}
.sub_0104 .bot ul li:nth-child(2){background-image: url(/img/0104_2.jpg); background-size: cover;}
.sub_0104 .bot ul li:nth-child(3){background-image: url(/img/0104_3.jpg); background-size: cover;}
.sub_0104 .bot ul li:nth-child(4){background-image: url(/img/0104_4.jpg); background-size: cover;     background-position: 43%;}

.sub_0201 .in_0201{display: flex; flex-wrap: wrap;}
.sub_0201 .in_0201 .cont_box{position: relative; width: 30%; margin-right: 5%;}
.sub_0201 .in_0201 .cont_box .plus_btn{cursor: pointer; position: absolute; top: 15px; right: 15px; background-color: #c30d23; border-radius: 50%; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; content: '';}
.sub_0201 .in_0201 .cont_box .plus_btn h2{font-size: 26px; color: #fff; line-height: 1; display: inline-block;}
.sub_0201 .in_0201 .cont_box:nth-child(3n){margin-right: 0;}
.sub_0201 .in_0201 .cont_box:nth-child(-n+6){margin-bottom: 5%;}
.sub_0201 .in_0201 .cont_box .hover_img{position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; display: none; }
.sub_0201 .in_0201 .cont_box .hover_img h3{font-size: 21px; color: #fff; margin-top: 20px; text-align: center;}
.sub_0201 .in_0201 .cont_box .hover_img h3 span{font-size: 0.8em;}
.sub_0201 .in_0201 .cont_box .hover_img img{width: 90%; margin: 0 auto; background: linear-gradient(180deg,rgba(241, 241, 241, 1) 0%, rgba(248, 248, 248, 1) 100%);}
.sub_0201 .in_0201 .cont_box .hover_img .x_btn{cursor: pointer; position: absolute; top: 15px; right: 15px; background-color: #c30d23; border-radius: 50%; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; content: '';}
.sub_0201 .in_0201 .cont_box .hover_img .x_btn h2{font-size: 26px; color: #fff; line-height: 1; display: inline-block;}
.sub_0201 .in_0201 .cont_box .img{box-sizing: border-box; }
.sub_0201 .in_0201 .cont_box .img img{background: linear-gradient(180deg,rgba(241, 241, 241, 1) 0%, rgba(248, 248, 248, 1) 100%); box-sizing: border-box; border: 5px solid #c30d23;}
.sub_0201 .in_0201 .cont_box .img .txt .title{border-bottom: 1px solid #ddd; margin-bottom: 25px; display: flex; align-items: center; justify-content: center; height: 80px;}
.sub_0201 .in_0201 .cont_box .img .txt h1{font-size: 21px; line-height: 1.2; font-weight: 400; text-align: center;}
.sub_0201 .in_0201 .cont_box .img .txt h1 span{font-size: 0.8em; color: #aaa;}
.sub_0201 .in_0201 .cont_box .img .txt ul li{font-size: 17px; line-height: 1.5; position: relative; padding-left: 15px; word-break: keep-all;}
.sub_0201 .in_0201 .cont_box .img .txt ul li::before{width: 5px; height: 5px; border-radius: 50%; background-color: #c30d23; content: ''; position: absolute; top: 9px; left: 0;}
.sub_0201 .in_0201 .cont_box .img .txt ul li+li{margin-top: 10px;}

.sub_0301 .top{margin-bottom: 70px;}
.sub_0301 .top h1{font-size: 22px; text-align: center; font-weight: 400; line-height: 1.7; }
.sub_0301 .mid h1{font-size: 22px; text-align: center; font-weight: 400; line-height: 1.7; margin-bottom: 30px}
.sub_0301 .bot .left{display: flex; justify-content: space-between; }
.sub_0301 .bot .left>div{width: 48%;}
.sub_0301 .bot .bot_img{position: relative;}
.sub_0301 .bot .bot_img .plus_btn{cursor: pointer; position: absolute; top: 15px; right: 15px; background-color: #c30d23; border-radius: 50%; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; content: '';}
.sub_0301 .bot .bot_img .plus_btn h2{font-size: 26px; color: #fff; line-height: 1; display: inline-block;}
.sub_0301 .bot .bot_img h1{text-align: center; background-color: #c30d23; font-size: 21px; color: #fff; padding: 25px 0;}
.sub_0301 .bot .absol_img{display: none;}
.sub_0301 .bot .right{margin-top: 4%;}
.sub_0301 .bot .absol_img{position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; display: none; }
.sub_0301 .bot .absol_img img{width: 80%; margin: 0 auto; background: linear-gradient(180deg,rgba(241, 241, 241, 1) 0%, rgba(248, 248, 248, 1) 100%);}
.sub_0301 .bot .absol_img .x_btn{cursor: pointer; position: absolute; top: 15px; right: 15px; background-color: #c30d23; border-radius: 50%; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; content: '';}
.sub_0301 .bot .absol_img .x_btn h2{font-size: 26px; color: #fff; line-height: 1; display: inline-block;}


.tabnav{display: flex; justify-content: center; }
.tabnav li+li{margin-left: 20px;}
.tabnav li a{display: block; font-size: 18px; color: #222; padding: 20px 50px; text-align: center; border-radius: 50px; background-color: #f1f1f1; transition: all .3s;}
.tabnav li a:hover,
.tabnav li a.active{background:#c30d23; color:#fff; font-weight: bold;}

.sub_0302 .cont_box{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 100px;}
.sub_0302 .cont_box .list{width: 30%; position: relative;}
.sub_0302 .cont_box .list img{background: linear-gradient(180deg,rgba(241, 241, 241, 1) 0%, rgba(248, 248, 248, 1) 100%);}
.sub_0302 .cont_box .list .txt h1{font-size: 21px; margin: 25px 0; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.sub_0302 .cont_box .list .txt table{width: 100%; border-collapse: collapse;}
.sub_0302 .cont_box .list .txt table th{font-size: 17px; padding: 2px 10px; line-height: 1.5; padding-left: 20px; text-align: left; word-break: keep-all; width: 15%; vertical-align: top; position: relative;}
.sub_0302 .cont_box .list .txt table th::before{width: 5px; height: 5px; border-radius: 50%; background-color: #c30d23; content: ''; position: absolute; top: 10px; left: 0;}
.sub_0302 .cont_box .list .txt table td{font-size: 17px; padding: 2px 10px; line-height: 1.5; }
.sub_0302 #tab02 .list{margin-bottom: 5%;}
.sub_0302 .cont_box .list .plus_btn{cursor: pointer; position: absolute; top: 15px; right: 15px; background-color: #c30d23; border-radius: 50%; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; content: '';}
.sub_0302 .cont_box .list .plus_btn h2{font-size: 26px; color: #fff; line-height: 1; display: inline-block;}
.sub_0302 .cont_box .list .absol_img{position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; display: none; }
.sub_0302 .cont_box .list .absol_img img{width: 80%; margin: 0 auto; background: linear-gradient(180deg,rgba(241, 241, 241, 1) 0%, rgba(248, 248, 248, 1) 100%);}
.sub_0302 .cont_box .list .absol_img .x_btn{cursor: pointer; position: absolute; top: 15px; right: 15px; background-color: #c30d23; border-radius: 50%; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; content: '';}
.sub_0302 .cont_box .list .absol_img .x_btn h2{font-size: 26px; color: #fff; line-height: 1; display: inline-block;}



.sub_0400 .top h1{font-size: 22px; text-align: center; font-weight: 400; line-height: 1.7; font-weight: normal;}
.sub_0400 .bot{margin-top: 80px;}
.sub_0400 .bot ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.sub_0400 .bot ul li{width: 30%; box-sizing: border-box; padding: 50px 20px; position: relative; cursor: pointer; background-position: center; background-size: cover;}
.sub_0400 .bot ul li .black_bg{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); top: 0; left: 0; position: absolute; z-index: 1;}
.sub_0400 .bot ul li .txt{position: relative; z-index: 5;}
.sub_0400 .bot ul li:nth-child(-n+3){margin-bottom: 5%;}
.sub_0400 .bot ul li:nth-child(1){background-image: url(/img/0400_1.jpg);}
.sub_0400 .bot ul li:nth-child(2){background-image: url(/img/0400_2.jpg);}
.sub_0400 .bot ul li:nth-child(3){background-image: url(/img/0400_3.jpg);}
.sub_0400 .bot ul li:nth-child(4){background-image: url(/img/0400_4.jpg);}
.sub_0400 .bot ul li:nth-child(5){background-image: url(/img/0400_5.jpg);}
.sub_0400 .bot ul li:nth-child(6){background-image: url(/img/0400_6.jpg);}
.sub_0400 .bot ul li img{margin: 0 auto; display: block; width: 60px; margin: 20px auto; }
.sub_0400 .bot ul li h4{font-size: 23px; text-align: center; color: #fff;}
.sub_0400 .bot ul li p{font-size: 17px; text-align: center; line-height: 1.7; color: #fff;}
.sub_0400 .bot ul li::after{border-top: 8px solid #c30d23; transition: all .5s; border-right: 8px solid #c30d23; content: ''; top: 0; position: absolute; right: 0; width: 0; height: 0; opacity: 0; z-index: 10;}
.sub_0400 .bot ul li::before{border-bottom: 8px solid #c30d23; transition: all .5s; border-left: 8px solid #c30d23; content: ''; bottom: 0; position: absolute; left: 0; width: 0; height: 0; opacity: 0; z-index: 10;}
.sub_0400 .bot ul li:hover::after{width: 100%; height: 100%; opacity: 1;}
.sub_0400 .bot ul li:hover::before{width: 100%; height: 100%; opacity: 1;}


.sub_0401{margin-bottom: 100px;}
.sub_0401 .cont{display: flex; justify-content: space-between; position: relative;}
.sub_0401 .cont+.cont{margin-top: 150px;}
.sub_0401 .cont::before{width: 90%; height: 100%; top: 70px; background-color: #f6f6f6; content: ''; position: absolute; left: 0; z-index: -1}
.sub_0401 .cont:nth-child(2n)::before{left: inherit; right: 0;}
.sub_0401 .cont:nth-child(2n) .txt{padding-left: 0; padding-right: 50px;}
.sub_0401 .cont>div{width: 48%;}
.sub_0401 .cont .txt{box-sizing: border-box; padding-left: 50px; padding-top: 150px;}
.sub_0401 .cont .txt h1{font-size: 28px; font-weight:800; line-height: 1.3;}
.sub_0401 .cont .txt ul{margin-top: 70px; display: flex; flex-wrap: wrap;}
.sub_0401 .cont .txt ul li:nth-child(3){margin-top: 50px;}
.sub_0401 .cont .txt ul li{width: 50%;}
.sub_0401 .cont .txt ul li h2{font-size: 26px; line-height: 1; margin-bottom: 20px; padding-left: 15px; position: relative;}
.sub_0401 .cont .txt ul li h2::before{width: 5px; height: 5px; background-color: #c30d23; content: ''; position: absolute; left: 0; top: 8px; border-radius: 50%;}
.sub_0401 .cont .txt ul li .pop_open{display: flex; cursor: pointer; transition: all .3s; align-items: center; border: 1px solid #ddd; padding: 15px 20px; box-sizing: border-box; width: 250px; justify-content: space-between;}
.sub_0401 .cont .txt ul li .pop_open h3{font-size: 16px; font-weight: 400; font-weight: normal;}
.sub_0401 .cont .txt ul li .pop_open:hover{border-color: #c30d23; background: #c30d23;}
.sub_0401 .cont .txt ul li .pop_open:hover h3{color: #fff;}
.sub_0401 .cont .txt ul li .pop_open:hover span{color: #fff;}
.sub_0401 .cont .txt ul li .popup_cont{position: fixed; width: 100%; z-index: 9999; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; display: none;}
.sub_0401 .cont .txt ul li .popup_cont .popup_inner{width: 90%; margin: 50px auto; max-width: 1200px; background: #fff; padding: 50px; box-sizing: border-box; position: relative;}
.sub_0401 .cont .txt ul li .popup_cont .popup_inner h4{font-size: 32px; text-align: center; margin-bottom: 40px;}
.sub_0401 .cont .txt ul li .popup_cont .popup_inner .pop_box{border: 1px solid #ddd; overflow-y: scroll; padding: 50px; box-sizing: border-box; max-height: 65vh;}
.sub_0401 .cont .txt ul li .popup_cont .popup_inner .close_btn{position: absolute; top: 20px; right: 20px; font-size: 30px; cursor: pointer;}

.sub_0401 .cont .txt .num{color: #c30d23; margin-bottom: 20px;}
.sub_0401 .cont .txt h4{font-size: 36px; font-weight:800; margin-bottom: 70px; line-height: 1.3;}
.sub_0401 .cont .txt h5{font-size: 26px; line-height: 1; margin-bottom: 20px; color: #c30d23;}

/* 팝업디자인 */

.big_title h1{text-align: center; margin-bottom: 30px;}
.mid_title h2{font-size: 21px !important; margin-bottom: 0 !important; padding-left: 0 !important;}
.mid_title h2::before{display: none;}

.pop_box01 .bot_p{font-weight: bold; margin-top: 70px;}

.pop_box01 .top{background-color: #f5f5f5; padding: 30px; box-sizing: border-box; text-align: center;}
.pop_box01 .mid .mid_mini{margin: 30px 0; display: block;}
.pop_box01 .mid .mid_mini .mid_in{display: flex;}
.pop_box01 .mid .mid_mini .mid_in h6{font-size: 18px; line-height: 1.7; color: #c30d23; word-break: keep-all; margin-right: 20px;}
.pop_box01 .mid .mid_mini .mid_in+.mid_in{margin-top: 20px;}

.pop_box01 .mid .mid_mini .mid_in02 dl{margin-top: 20px; margin-bottom: 30px;}
.pop_box01 .mid .mid_mini .mid_in02 dl dd{font-size: 16px; line-height: 1.7;}

.pop_box01 .mid .mid_mini .mid_in03{display: flex; align-items: center; margin: 20px 0 30px 0;}
.pop_box01 .mid .mid_mini .mid_in03 img{width: 200px; margin: 0;}
.pop_box01 .mid .mid_mini .mid_in03 p{margin-left: 20px;}

.pop_box01 .mid .mid02_1 .title{display: flex; align-items: center; margin-bottom: 20px;}
.pop_box01 .mid .mid02_1+.mid02_1{margin-top: 35px;}
.pop_box01 .mid .mid02_1 .title h6{color: #c30d23; font-size: 21px; word-break: keep-all; margin-right: 20px;}
.pop_box01 .mid .mid02_1 .title h5{color: #000; margin-bottom: 0; font-size: 21px;}

.pop_box01 .mid .mid02_1 .title02{display: block;}

.pop_box01 .mid .mid02_1 dl dd{font-size: 18px; line-height: 1.7;}
.pop_box01 .mid .mid02_1 dl dd b{padding-bottom: 7px; color: #000; display: inline-block;}
.pop_box01 .mid .mid02_1 dl+dl{margin-top: 15px;}

.pop_box01 .mid .mid02_1 table{width: 100%; border-collapse: collapse;}
.pop_box01 .mid .mid02_1 table th{font-size: 18px; padding: 15px; word-break: keep-all; border: 1px solid #ddd;}
.pop_box01 .mid .mid02_1 table td{font-size: 18px; padding: 15px; word-break: keep-all; border: 1px solid #ddd;}

.pop_box01 .mySwiper2 img{box-sizing: border-box; padding: 50px;}
.pop_box01 .swiper-button-next, .pop_box01 .swiper-button-prev{color: #c30d23 !important;}


.down_cont .down_top{display: flex; justify-content: center; margin: 70px 0;}
.down_cont .mini{width: 16%; aspect-ratio: 1 / 1; border-radius: 50%; background-color: #c30d23; display: flex; justify-content: center; align-items: center; padding: 10px; box-sizing: border-box;}
.down_cont .mini+.mini{margin-left: 3%;}
.down_cont .mini p{width: 100%; height: 100%; border: 2px solid #fff; border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center;}
.down_cont .down_btn{text-align: center;}
.down_cont .down_btn a{display: inline-block; border: 1px solid #ddd; font-size: 16px; padding: 15px 20px ;}
.down_cont .down_btn a span{padding-left: 10px;}

.down_table table{width: 100%; border-collapse: collapse;}
.down_table table tr{border-bottom: 1px solid #ddd}
.down_table table th{font-size: 17px; padding: 20px; font-weight: normal;}
.down_table table td{font-size: 17px; padding: 20px; text-align: right;}
.down_table table td span{padding-left: 10px;}

html.popup_opened,
body.popup_opened {
    overflow: hidden;
}

.sub_0405 .top h1{font-size: 22px; text-align: center; font-weight: 400; line-height: 1.7; font-weight: normal;}

.sub_0405 .mid ul{display: flex; justify-content: space-between;}
.sub_0405 .mid ul li{width: 32%; box-sizing: border-box; padding: 15px; border-radius: 50px; text-align: center; background-color: #e9e9e9; font-size: 22px; line-height: 1.3;}


.sub_0405 .bot ul{display: flex; justify-content: center; margin: 70px 0;}
.sub_0405 .bot ul li:nth-child(2n){background-color: #444;}
.sub_0405 .bot ul li{width: 20%; aspect-ratio: 1 / 1; display: flex; flex-direction: column; justify-content: center; padding: 20px; align-items: center; background-color: #c30d23; border-radius: 50%;}
.sub_0405 .bot ul li+li{margin-left: 3%;}
.sub_0405 .bot ul li .inn{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px dashed #fff; border-radius: 50%;}
.sub_0405 .bot ul li img{width: 100px; margin-bottom: 10px;}
.sub_0405 .bot ul li h2{font-size: 26px; color: #fff;}


.sub_wrap{width: 100%;}

.sub_0407 .top{margin-bottom: 100px}
.sub_0407 .top h1{font-size: 22px; text-align: center; font-weight: 400; line-height: 1.7; font-weight: normal;}

.sub_0407 .table_wrap{
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    user-select: none; /* 드래그 방지 */
}
.sub_0407 table{width: 100%; border: 1px solid #ddd; border-collapse: collapse; pointer-events: none; border-top: 2px solid #000;}
.sub_0407 table th{font-size: 15px; padding: 15px 10px; border: 1px solid #ddd; word-break: keep-all; text-align: center; background-color: #f3f3f3; min-width: 80px;}
.sub_0407 table td{font-size: 15px; padding: 15px 10px; border: 1px solid #ddd; word-break: keep-all; text-align: center;}
.sub_0407.active {
    cursor: grabbing;
  }









@media(max-width:970px){

    .sub_wrap p{font-size: 16px;}

    .sub_0101 .top{flex-direction: column;}
    .sub_0101 .top>div{width: 100%;}
    .sub_0101 .top .txt{margin-top: 20px;}
    .sub_0101 .top .txt h1{font-size: 18px; margin-bottom:10px;}
    .sub_0101 .top .txt h2{font-size: 23px; padding-bottom: 15px; margin-bottom: 15px;}
    .sub_0101 .top .txt h5{font-size: 18px; margin-top: 30px;}
    .sub_0101 .top .txt h4{font-size: 21px;}

    #history{flex-direction: column;}
    .history_img{width: 100%; position: relative; top: 0;}
    .history_img img{max-width: 100%;}
    .history_wrap{width: 100%;}
    .history_wrap h2{font-size: 22px;}
    .basic_li .txt_wrap a{font-size: 20px;}
    .basic_li .dots{margin-right: 20px;}
    .basic_li .txt_wrap .lt_info span{font-size: 16px;}

    #history .title_box{flex-direction: column; align-items: flex-start;}
    #history .title_box h1{font-size: 26px; margin-bottom: 10px;}
    #history .title_box h2{font-size: 20px; margin-left: 0; margin-top: 0; line-height: 1.3;}

    .sub_0104 .top h1{font-size: 18px;}
    .sub_0104 .bot ul{flex-direction: column; margin-top: 50px;}
    .sub_0104 .bot ul li{width: 100%; padding: 20px 10px; box-sizing: border-box;}
    .sub_0104 .bot ul li h3{font-size: 20px; color: #fff;}
    .sub_0104 .bot ul li p{font-size: 16px; max-height: 100%; opacity: 1; color: #fff;}
    .sub_0104 .bot ul li a{font-size: 16px; color: #fff; display: none;}
    .sub_0104 .bot ul li::before{background-color: rgba(0, 0, 0, 0.6);}

    .sub_0201 .in_0201 .cont_box:nth-child(-n+6){margin-bottom: 0;}
    .sub_0201 .in_0201{flex-direction: column;}
    .sub_0201 .in_0201 .cont_box{width: 100%; margin-right: 0;}
    .sub_0201 .in_0201 .cont_box+.cont_box{margin-top: 50px;}
    .sub_0201 .in_0201 .cont_box .img .txt h1{font-size: 19px;}

    .sub_0301 .top{margin-bottom: 50px;}
    .sub_0301 .top h1{font-size: 18px;}
    .sub_0301 .mid h1{margin-bottom: 20px; font-size: 18px;}
    .sub_0301 .bot .left{flex-direction: column;}
    .sub_0301 .bot .left>div{width: 100% !important;}
    .sub_0301 .bot .bot_img{margin-bottom: 50px;}
    .sub_0301 .bot .bot_img h1{font-size: 19px; padding: 15px 0;}

    .tabnav li a{font-size: 15px; padding: 15px 20px;}
    .sub_0302 .cont_box{margin-top: 50px; flex-direction: column;}
    .sub_0302 .cont_box .list{width: 100%; margin-bottom: 50px;}

    .sub_0400 .bot ul{flex-wrap: wrap;}
    .sub_0400 .bot{margin-top: 30px;}
    .sub_0400 .bot ul li{padding: 10px; border: 3px solid #c30d23; width: 100%;}
    .sub_0400 .bot ul li:nth-child(-n+6){margin-bottom: 15px;}
    .sub_0400 .bot ul li::before{display: none;}
    .sub_0400 .bot ul li::after{display: none;}
    .sub_0400 .bot ul li h4{font-size: 20px; margin: 10px 0;}
    .sub_0400 .bot ul li p{font-size: 15px;}

    .sub_0400 .top h1, .top_map h1{font-size: 18px;}
    .sub_0407 .top h1{font-size: 18px;}
    .sub_0405 .top h1{font-size: 18px;}
    .sub_0401 .cont .txt h4{font-size: 24px; margin-bottom: 30px;}
    .sub_0401 .cont .txt h5{font-size: 21px; margin-bottom: 10px;}

    .sub_0401{margin-bottom: 0;}
    .sub_0401 .cont{flex-direction: column-reverse;}
    .sub_0401 .cont>div{width: 100%;}
    .sub_0401 .cont::before{display: none;}
    .sub_0401 .cont .txt{padding: 30px 10px 0;}
    .sub_0401 .cont .txt h1{font-size: 26px; margin: 0 0 20px 0;}
    .sub_0401 .cont .txt ul{flex-direction: column;}
    .sub_0401 .cont .txt ul li{width: 100%;}
    .sub_0401 .cont .txt ul li+li{margin-top: 20px;}
    .sub_0401 .cont .txt ul li h2{font-size: 17px;}
    .sub_0401 .cont .txt ul li p{font-size: 16px;}
    .sub_0401 .cont .txt ul li:last-child{margin-top: 20px;}

    .sub_0401 .cont+.cont{margin-top: 0;}
    .sub_0401 .cont:nth-child(2n){flex-direction: column; margin: 50px 0; padding: 50px 0;}
    .sub_0401 .cont:last-child{margin-bottom: 0;}
    .sub_0401 .cont:nth-child(2n)::after{width: 1200px; height: 100%; background-color: #f6f6f6; top: 0; left: 50%; transform: translateX(-50%); content: ''; position: absolute; z-index: -1;}


    .sub_0405 .bot ul{margin: 30px 0; flex-wrap: wrap; justify-content: space-between;}
    .sub_0405 .bot ul li{width: 49%; padding: 7px;}
    .sub_0405 .bot ul li:nth-child(-n+2){margin-bottom: 2%;}
    .sub_0405 .bot ul li+li{margin-left: 0;}
    .sub_0405 .bot ul li img{width: 55px;}
    .sub_0405 .bot ul li h2{font-size: 22px;}

    .sub_0405 .mid ul{flex-direction: column;}
    .sub_0405 .mid ul li{width: 100%; font-size: 18px;}
    .sub_0405 .mid ul li+li{margin-top: 10px;}

    .sub_0401 .cont .txt ul li .popup_cont .popup_inner{width: 95%; padding: 25px 10px;}
    .sub_0401 .cont .txt ul li .popup_cont .popup_inner h4{font-size: 22px; margin-bottom: 20px;}
    .sub_0401 .cont .txt ul li .popup_cont .popup_inner .pop_box{padding: 20px 10px;}
    .pop_box01 .top{padding: 10px;}
    .pop_box01 .bot_p{margin-top: 30px;}
    .pop_box01 .mySwiper2 img{padding: 10px;}
    .pop_box01 .mySwiper2 .swiper-button-next{right: 0px !important;}
    .pop_box01 .mySwiper2 .swiper-button-prev{left: 0px !important;}
    .pop_box01 .mySwiper2 .swiper-button-next:after, .pop_box01 .mySwiper2 .swiper-button-prev:after{font-size: 15px !important;}

    .big_title h1{font-size: 20px !important;}
    .sub_0401 .cont .txt ul li h2{font-size: 18px !important;}

    .pop_box01 .mid .mid_mini .mid_in03{flex-direction: column;}
    .pop_box01 .mid .mid_mini .mid_in03 img{width: 150px;}
    .pop_box01 .mid .mid_mini .mid_in03 p{margin-top: 20px; margin-left: 0;}

    .pop_box01 .mid .mid02_1 dl dd{font-size: 16px;}
    .pop_box01 .mid .mid02_1 table th{font-size: 16px; padding: 10px;}
    .pop_box01 .mid .mid02_1 table td{font-size: 16px; padding: 10px;}
    .pop_box01 .mid .mid02_1 .title h6{font-size: 18px; margin-right: 10px;}
    .pop_box01 .mid .mid02_1 .title h5{font-size: 18px;}

    .down_cont .down_top{margin: 30px 0; flex-wrap: wrap; justify-content: space-between;}
    .down_cont .mini{width: 49%; margin-bottom: 2%;}
    .down_cont .mini+.mini{margin-left: 0;}
}