/*Content CSS*/
#info1 {width: 100%; overflow: hidden; position: relative;}
#info1 > article{padding: 100px 0;}
#info1 > article:last-of-type{padding-bottom: 125px;}

#info1  .sub_inner{width: 100%; max-width: 1500px; padding: 0 50px; margin: 0 auto;}

/* font-style */
#info1 .fs_60{font-size: 60px; font-weight: 800; line-height: 1.4;}
#info1 .fs_40{font-size: 40px; font-weight: 700; line-height: 1.4; color: #000;}
#info1 .fs_20{font-size: 20px; line-height: 1.7;}
#info1 .fs_18{font-size: 18px; line-height: 2;}
#info1 .fs_16{font-size: 16px; line-height: 2; color: #222; }

/* bar_tit */
#info1 .bar_tit{position: relative; padding-left: 17px; }
#info1 .bar_tit::before{content: ''; display: block; width: 5px; height: 70%; max-height: 34px; position: absolute; top: 11px; left: 0; background-color: #472f1c; }

/* cont */
#info1 .cont{position: relative; padding: 60px 0; z-index: 2; display: flex; justify-content: space-between;}
#info1 .cont::before{content: ''; display: block; width: calc(100% + 100px); height: 100%; border-radius: 20px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1; background-color: #fff;}
#info1 .cont_wrap .cont:first-child{padding-top: 0;}
#info1 .cont_wrap .cont:last-child{padding-bottom: 85px;}

#info1 .cont.gray::before{background-color: #f7f7f7;}

/* map_wrap */
#info1 .map_wrap{height: 470px; border-radius: 20px; border: solid 1px #ddd; overflow: hidden; margin: 35px 0;}
#info1 .map_wrap .root_daum_roughmap .wrap_map{height: 470px;}
#info1 .map_wrap .root_daum_roughmap .cont{display: none;}
#info1 .root_daum_roughmap .map_border{opacity: 0 !important}

/* info_table */
#info1 .info_table{width: 100%; border-collapse: collapse; table-layout: fixed;}
#info1 .info_table tr th{padding: 10px; height: 78px; width: 20%; border: solid 1px #adadad; border-width: 1px 0; text-align: center;}
#info1 .info_table tr td{padding: 21px 41px; height: 78px; border: solid 1px #adadad; border-width: 1px 0; background-color: #fff;}
#info1 .info_table tr th h3{font-weight: 700; color: #333;}
#info1 .info_table tr th .icon.flex{display: flex; align-items: center; justify-content: center;}
#info1 .info_table tr th .icon.flex i{margin-right: 10px;}
#info1 .info_table tr th .icon:not(.flex) i{margin-bottom: 10px; display: block;}

#info1 .info_table tr td .flex{display: flex; align-items: center;}
#info1 .info_table tr td .line{display: flex; align-items: center; justify-content: center; width: 55px; height: 23px; background-color: #0253a5; border-radius: 11.5px; color: #fff; font-weight: 600; flex-shrink: 0; margin-right: 10px;}
#info1 .info_table tr:nth-child(1) th{border-top: solid 2px #000;}
#info1 .info_table tr:nth-child(1) td{border-top: solid 2px #000;}

#info1 .info_table tr td i.ic{position: relative; display: inline-block; margin-right: 8px; top: -2px;}

/* info_table color */
#info1 .info_table tr:not(.gray) th h3{color: #fff;}
#info1 .info_table tr.blue th{background-color: #03508a; border-color: #000;}
#info1 .info_table tr.blue td{border-color: #000;}
#info1 .info_table tr.gray th{background-color: #f7f7f7;}
#info1 .info_table tr.black th{background-color: #444;}
#info1 .info_table tr.brown th{background-color: #472f1c;}

/* bg_wrap */
#info1 .bg_wrap{width: 100%; height: 567px; background: url('../img/info1_bg.jpg') 50% / cover no-repeat; margin-top: -292px;}
@media screen and (min-width: 1900px) {
    #info1 .cont::before{width: calc(100% + 340px);}
    #info1 .info_table tr th{width: 286px;}
}

@media screen and (min-width: 1025px) {

}
@media screen and (max-width: 1600px) {
    /* cont */
    #info1 .cont::before{border-radius: 0; width: calc(100vw + 15px);}
    #info1 .cont_wrap .cont:last-child{padding-bottom: 60px;}

    /* bg_wrap */
    #info1 .bg_wrap{height: 450px;  margin-top: -100px;}

}

@media screen and (max-width: 1400px) {
    #info1 > article{padding: 80px 0;}
    #info1 > article:last-of-type{padding-bottom: 80px;}

    /* font-style */
    #info1 .fs_60{font-size: 55px;}
    #info1 .fs_40{font-size: 38px;}
    #info1 .fs_20{font-size: 19px;}
    #info1 .fs_18{font-size: 17px; line-height: 1.7;}
    #info1 .fs_16{font-size: 15px; line-height: 1.7;}

    /* bar_tit */
    #info1 .bar_tit{padding-left: 15px;}
    #info1 .bar_tit::before{max-height: 31px; top: 10px;}

    /* cont */
    #info1 .cont{padding: 50px 0;}
    #info1 .cont_wrap .cont:last-child{padding-bottom: 50px;}

    /* map_wrap */
    #info1 .map_wrap{height: 400px; margin: 30px 0;}
    #info1 .map_wrap .root_daum_roughmap .wrap_map{height: 400px;}

    /* bg_wrap */
    #info1 .bg_wrap{height: 400px;  margin-top: -80px;}

}
@media screen and (max-width: 1280px) {
    /* font-style */
    #info1 .fs_60{font-size: 50px;}
    #info1 .fs_40{font-size: 36px;}
    #info1 .fs_20{font-size: 18px;}
    #info1 .fs_18{font-size: 16px;}
    #info1 .fs_16{font-size: 14px;}

    /* info_table */
    #info1 .info_table tr th{padding: 15px 10px;}
    #info1 .info_table tr th .icon:not(.flex) img{width: 30px;}

    #info1 .info_table tr td{padding: 15px 20px;}
    #info1 .info_table tr td .line{margin-right: 5px;}
    #info1 .info_table tr td i.ic{margin-right: 5px;}
}
@media screen and (max-width: 1024px) {
    #info1 > article{padding: 50px 0;}
    #info1 > article:last-of-type{padding-bottom: 50px;}
    #info1  .sub_inner{padding: 0 30px;}

    /* font-style */
    #info1 .fs_60{font-size: 45px;}
    #info1 .fs_40{font-size: 34px;}
    #info1 .fs_20{font-size: 17px;}

    /* bar_tit */
    #info1 .bar_tit::before{max-height: 30px; top: 8px;}

    /* cont */
    #info1 .cont{padding: 30px 0;}
    #info1 .cont_wrap .cont:first-child{padding-top: 30px;}
    #info1 .cont_wrap .cont:last-child{padding-bottom: 30px;}

    /* info_table */
    #info1 .info_table tr th{padding: 15px;}
    #info1 .info_table tr th .icon:not(.flex) img{width: 25px;}

    #info1 .info_table tr td{padding: 15px;}
    #info1 .info_table tr td .flex{margin-bottom: 7px;}
    #info1 .info_table tr td .line{font-size: 12px; width: 50px;}
    #info1 .info_table tr td i.ic{width: 20px; margin-right: 3px;}


    /* map_wrap */
    #info1 .map_wrap{height: 300px; margin: 15px 0 0;}
    #info1 .map_wrap .root_daum_roughmap .wrap_map{height: 300px;}

    /* bg_wrap */
    #info1 .bg_wrap{height: 300px;  margin-top: -50px;}

}
@media screen and (max-width: 786px) {

}
@media screen and (max-width: 640px) {
    #info1  .sub_inner{padding: 0 20px;}

    /* info_table */
    #info1 .info_table tr th{width: 88px;}

    /* map_wrap */
    #info1 .map_wrap{height: 250px;}
    #info1 .map_wrap .root_daum_roughmap .wrap_map{height: 250px;}

    /* bg_wrap */
    #info1 .bg_wrap{height: 250px;}

}

@media screen and (max-width: 480px) {

}