@charset "utf-8";


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

.sub_wrap .sub_0101 .top h4{
    font-weight: 400;
    font-size: 22px; 
    text-align: center; 
    word-break: keep-all;
    line-height: 1.5;
}
.sub_wrap .sub_0101 .top h4 span{
    font-weight: 700;
    color: #ca1c00;
}
.sub_wrap .sub_0101 .top{
    margin-bottom: 50px;
}
.sub_wrap .sub_0101 .bot img{width: 700px;}
/* .sub_wrap .sub_0101 .bot ul{
    display: flex; 
    justify-content: space-evenly; 
    background-color: #efefef;
    padding: 60px 0;
}
.sub_wrap .sub_0101 .bot ul li{
    width: 27%; 
    padding: 40px 0px; 
    box-sizing: border-box; 
    background-color: #fff; 
    border: 1px solid #ccc;
    text-align: center;
}
.sub_wrap .sub_0101 .bot ul li img{
    width: 150px;
}
.sub_wrap .sub_0101 .bot ul li p{
    font-size: 18px;
    font-weight: 500;
    margin: 20px 0 0px 0;
}
.sub_wrap .sub_0101 .bot ul li h5{
    font-size: 20px;
}
.sub_wrap .sub_0101 .bot ul li h5 span{
    font-size: 36px; 
    color: #ca1c00;
} */

.sub_wrap .sub_0102{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sub_wrap .sub_0102>div{
    width: 48%;
}
.sub_wrap .sub_0102 .right h5{
    text-align: right;
    font-size: 22px; 
    font-weight: 400; 
    margin-top: 50px;
}
.sub_wrap .sub_0102 .right h5 span{
    font-weight: 700;
}

.sub_wrap .sub_0102 .right p{
    font-size: 20px;
}

.sub_wrap .sub_0103 .top{
    text-align: center;
}
.sub_wrap .sub_0103 .top h5{
    font-size: 36px;
    text-align: center;
    position: relative;
    color: #ca1c00;
    display: inline-block;

}
.sub_wrap .sub_0103 .top h5::before{
    content:"\f10d";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    top: -20px;
    left: -40px;
    position: absolute;
}
.sub_wrap .sub_0103 .top h5::after{
    content:"\f10e";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    top: -20px;
    right: -40px;
    position: absolute;
}
.sub_wrap .sub_0103 .top h6{
    font-size: 22px;
    line-height: 1.5;
    text-align: center;
    margin: 50px 0;
    font-weight: 400;
}
.sub_wrap .sub_0103 .bot img{
    width: 700px;
}

.sub_wrap .sub_0104{
    display: flex; 
    justify-content: space-between; 
    align-items: center;
}
.sub_wrap .sub_0104>div{
    width: 48%;
}
.sub_wrap .sub_0104 .right .title {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.sub_wrap .sub_0104 .right h2 {
    font-size: 46px;
    line-height: 1.5;
    color: #ca1c00;
    font-weight: 800;
}
.sub_wrap .sub_0104 .right h4 {
    color: #111;
    font-size: 34px;
    padding-left: 15px;
}
.sub_wrap .sub_0104 .right h5 {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5;
    margin: 0px 0 20px 0;
}
.sub_wrap .sub_0104 .right ul {
    position: relative;
}
.sub_wrap .sub_0104 .right ul:before {
    content: "";
    display: block;
    position: absolute;
    left: 15px;
    top: 33px;
    width: 2px;
    bottom: 35px;
    background-color: #e5e5e5;
}
.sub_wrap .sub_0104 .right li {
    display: flex;
    position: relative;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px 0;
}
.sub_wrap .sub_0104 .right li .dots {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: rgba(136, 136, 136, 0.08);
    border-radius: 50%;
    margin-right: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.sub_wrap .sub_0104 .right 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(136, 136, 136, 0.14);
    border-radius: 50%;
}
.sub_wrap .sub_0104 .right 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: #888;
    border-radius: 50%;
}
.sub_wrap .sub_0104 .right li h6 {
    font-size: 18px;
    line-height: 1.5;
    color: #ca1c00;
    font-weight: 800;
}
.sub_wrap .sub_0104 .right li p {
    font-size: 18px;
    line-height: 1.5;
}


.sub_wrap .sub_0107 .map_wrap{margin-bottom:30px;}

.sub_wrap .sub_0107 .map_wrap h2{display:inline-block;margin:30px 0;padding-bottom:10px;font-size:26px;}

.sub_wrap .sub_0107 .map_wrap h2 span{color:#ca1c00;}

.sub_wrap .sub_0107 .map_info_t{width:100%;margin-bottom:60px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-spacing:15px;}

.sub_wrap .sub_0107 .map_info_t .map_info_icon{text-align: center;font-size: 22px;color: #ca1c00;}

.sub_wrap .sub_0107 .map_info_t .map_info_tit{font-size: 16px;font-weight:bold;text-align: center;border-left: 1px solid #ca1c00;border-right: 1px solid #ca1c00;}

.sub_wrap .sub_0107 .map_info_t .map_info_con{font-size: 16px; word-break: keep-all;}

.sub_wrap .sub_0107 .map_info{margin-bottom:60px;border-top:1px solid #ddd;}

.sub_wrap .sub_0107 .map_info li{padding:15px 0;font-size:14px;border-bottom:1px solid #ddd;}

.sub_wrap .sub_0107 .map_info li i{display:inline-block;width:50px;text-align:center;font-size:22px;color:#ca1c00}

.sub_wrap .sub_0107 .map_info li b{display:inline-block;width:80px;margin-right:10px;font-size:16px;text-align:center;border-left:1px solid #ca1c00;border-right:1px solid #ca1c00;}

.sub_wrap .sub_0107 .root_daum_roughmap {width:100%}


.sub_wrap .sub_0302 .box{
    margin-bottom: 80px;
}
.sub_wrap .sub_0302 .top h2{
    font-size: 36px; 
    color: #ca1c00; 
    margin-bottom: 30px;
}
.sub_wrap .sub_0302 .bot{
    margin-top: 30px;
}
.sub_wrap .sub_0302 .bot table{
    width: 100%; 
    border-collapse: collapse;
    border-bottom: 1px solid #ccc;
}
.sub_wrap .sub_0302 .bot table tr{
    border-top: 1px solid #ccc; 
}
.sub_wrap .sub_0302 .bot table tr:first-child{background-color: #ca1c00 !important; color: #fff;}
.sub_wrap .sub_0302 .bot table tr:nth-child(odd){
    background-color: #f9f9f9;
}
.sub_wrap .sub_0302 .bot table th{
    font-size: 16px; 
    padding: 10px; 
    text-align: left;
}
.sub_wrap .sub_0302 .bot table .t_right{
    text-align: right;
}
.sub_wrap .sub_0302 .bot table td{
    font-size: 16px; 
    padding: 10px;
    text-align: right;
}
.sub_wrap .sub_0302 .bot01 table td{
    width: 200px;
}

.sub_wrap .sub_0303 .top h2{
    font-size: 36px; 
    color: #ca1c00; 
    margin-bottom: 30px;
}
.sub_wrap .sub_0303 .top img{
    width: 800px;
}
.sub_wrap .sub_0303 .top02{
    margin-top: 50px; 
    display: flex; 
    justify-content: space-between; 
}
.sub_wrap .sub_0303 .top02>div{
    width: 48%;
}
.sub_wrap .sub_0303 .top02 .right .box{
    margin-bottom: 50px;
}
.sub_wrap .sub_0303 .top02 .right .box h4{
    font-size: 22px; 
    color: #fff; 
    background-color: #ca1c00; 
    line-height: 1; 
    padding: 10px;
}
.sub_wrap .sub_0303 .top02 .right .box ul{
    margin-top: 15px;
}
.sub_wrap .sub_0303 .top02 .right .box ul li{
    font-size: 16px; 
    line-height: 1.5; 
    padding-left: 15px; 
    position: relative;
    margin-bottom: 15px;
}
.sub_wrap .sub_0303 .top02 .right .box ul li::before{
    width: 5px; 
    height: 5px; 
    background-color: #000; 
    border-radius: 50%; 
    position: absolute; 
    top: 8px;
    left: 0;
    content: '';
}
.sub_wrap .sub_0303 .top02 table{
    width: 100%; 
    border-collapse: collapse;
    border-bottom: 1px solid #ccc;
}
.sub_wrap .sub_0303 .top02 table tr{
    border-top: 1px solid #ccc;
}
.sub_wrap .sub_0303 .top02 table th{
    font-size: 16px;
    padding: 10px; 
    text-align: left;
}
.sub_wrap .sub_0303 .top02 table td{
    font-size: 16px;
}


@media(max-width:900px){
    .mo_hide{display: none;}
    .sub_wrap p{font-size: 16px;}
    .sub_wrap .sub_0101 .top h4{font-size: 18px;}
    .sub_wrap .sub_0101 .bot ul{flex-direction: column; padding: 30px;}
    .sub_wrap .sub_0101 .bot ul li{width: 100%;}
    .sub_wrap .sub_0101 .bot ul li+li{margin-top: 20px;}
    .sub_wrap .sub_0101 .bot ul li img{width: 100px;}

    .sub_wrap .sub_0102{flex-direction: column;}
    .sub_wrap .sub_0102>div{width: 100%;}
    .sub_wrap .sub_0102 .left{margin-bottom: 30px;}
    .sub_wrap .sub_0102 .right p{font-size: 18px;}
    .sub_wrap .sub_0102 .right h5{font-size: 20px; margin-top: 30px;}

    .sub_wrap .sub_0103 .top h5{font-size: 22px;}
    .sub_wrap .sub_0103 .top h5::before{top: -15px; left: -30px;}
    .sub_wrap .sub_0103 .top h5::after{top: -15px; right: -30px;}
    .sub_wrap .sub_0103 .top h6{font-size: 18px; margin: 30px 0; word-break: keep-all;}

    .sub_wrap .sub_0104{flex-direction: column;}
    .sub_wrap .sub_0104>div{width: 100%;}
    .sub_wrap .sub_0104 .right h2{font-size: 26px; margin-top: 30px;}
    .sub_wrap .sub_0104 .right li .dots{margin-right: 20px;}
    .sub_wrap .sub_0104 .right li p{font-size: 16px;}

    .sub_wrap .sub_0302 .top h2{font-size: 22px;}
    .sub_wrap .sub_0302 .bot table th{font-size: 14px; padding: 5px; word-break: keep-all;}
    .sub_wrap .sub_0302 .bot table td{font-size: 14px; padding: 5px; word-break: keep-all;}
    .sub_wrap .sub_0302 .box{margin-bottom: 30px;}

    .sub_wrap .sub_0303 .top h2{font-size: 22px;}
    .sub_wrap .sub_0303 .top02{flex-direction: column;}
    .sub_wrap .sub_0303 .top02>div{width: 100%;}
    .sub_wrap .sub_0303 .top02 .right .box{margin-bottom: 0; margin-top: 30px;}
    .sub_wrap .sub_0303 .top02 .right .box h4{font-size: 20px;}
    .sub_wrap .sub_0303 .top02 table th{font-size: 14px;padding: 5px; word-break: keep-all;}
    .sub_wrap .sub_0303 .top02 table td{font-size: 14px;padding: 5px; word-break: keep-all;}


}