@charset "utf-8";

/***sub common***/
.sub_wrap {
    margin-bottom: 110px;
}

.sub_wrap .m_br,
.sub_wrap .m_br2 {
    display: none;
}

.sub_wrap .txt_dotum {
    font-family: 'doutum', sans-serif !important;
}

.sub_wrap .sub {
    margin: 0 40px;
}

/*sub title*/
.sub_wrap .sub_tit {
    text-align: center;
    margin-bottom: 20px;
    word-break: keep-all;
}

.sub_wrap .sub_tit:after {
    display: block;
    width: 1px;
    height: 40px;
    margin: 20px auto 0px;
    background: #454545;
    content: '';
}

.sub_wrap .sub_tit h2 {
    display: inline-block;
    margin-bottom: 19px;
    color: #154a96;
    font-size: 20px;
    line-height: 1;
    border-bottom: 1px solid #154a96;
}

.sub_wrap .sub_tit h3 {
    color: #454545;
    font-family: 'SCore Dream', sans-serif !important;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
}

.sub_wrap .sub_tit h3 span {
    color: #666;
}

.sub_wrap .sub_tit.sub_tit_v2 h3 {
    line-height: 1.2;
}

.sub_wrap .sub_tit.sub_tit_v2 h3 span {
    margin-top: 10px;
    display: block;
    font-size: 20px;
}

.sub_wrap .sub_tit.sub_tit_v2 h3 span.bar::before {
    display: inline;
    content: '- ';
}

.sub_wrap .sub_tit.sub_tit_v2 h3 span.bar::after {
    display: inline;
    content: ' -';
}

/*txt_base*/
.sub_wrap .txt_base {
    margin-top: 48px;
}

.sub_wrap .txt_base:first-of-type {
    margin-top: 0;
}

.sub_wrap .txt_base h4 {
    margin-bottom: 25px;
    color: #454545;
    font-family: 'SCore Dream', sans-serif !important;
    font-size: 24px;
    font-weight: 700;
}

.sub_wrap .txt_base .txt_tit {
    margin-bottom: 20px;
    color: #154a96;
    font-size: 20px;
    font-weight: 900;
}

.sub_wrap .txt_base .txt_box {
    padding: 27px 40px;
    background: #e6f0ff;
}

.sub_wrap .txt_base .txt_box li {
    margin-bottom: 10px;
    font-weight: 700;
}

.sub_wrap .txt_base .txt_box li:last-of-type {
    margin-bottom: 0;
}

.sub_wrap .txt_base .txt_box.list_icon1 li {
    position: relative;
    padding-left: 18px;
}

.sub_wrap .txt_base .txt_box.list_icon1 li:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '○';
}

.sub_wrap .txt_base .img_box {
    padding: 25px 60px 50px;
    text-align: center;
    border: 1px solid #e1e1e1;
    background: #f9f9f9;
}

.sub_wrap .txt_base .img_box p {
    margin-bottom: 25px;
    color: #333;
    font-size: 15px;
    font-weight: 700;
}

.sub_wrap .txt_base .img_box.img_box100 {
    padding: 0px;
}

.sub_wrap .txt_base .txt_cont {
    font-size: 15px;
    text-align: justify;
}

.sub_wrap .txt_base .txt_cont p {
    text-align: justify;
}

/*btn*/
.sub_wrap .btn_base {
    display: inline-block;
    padding: 13px 0;
    color: #fff;
    font-family: 'SCore Dream', sans-serif !important;
    font-size: 16px;
    text-align: center;
    background: #154a96;
}

.sub_wrap .btn_base::after {
    display: inline-block;
    width: 14px;
    height: 17px;
    margin-left: 10px;
    vertical-align: middle;
    content: '';
}

/*tab menu*/
.sub_wrap .tab_menu ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 60px;
    ;
    text-align: center;
}

.sub_wrap .tab_menu ul li:after {
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #666;
    content: '';
}

.sub_wrap .tab_menu ul li:last-of-type:after {
    display: none;
    content: '';
}

.sub_wrap .tab_menu ul li a {
    padding: 5px 5px;
    margin: 0px 6px;
    font-weight: 700;
}

.sub_wrap .tab_menu ul li:hover a,
.tab_menu ul li.active a {
    position: relative;
    color: #154a96;
}

.sub_wrap .tab_menu ul li:hover a:before,
.tab_menu ul li.active a:before {
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
    height: 10px;
    background: #154a96;
    opacity: 0.25;
    content: '';
}

/*table*/
.sub_wrap .table_box p {
    margin-bottom: 27px;
    color: #333;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
}

.sub_wrap .table_box .table_cont table {
    min-width: 900px;
    width: 100%;
    margin: 0;
}

.sub_wrap .table_box .table_cont table th {
    padding: 17px 20px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    vertical-align: middle;
    border: 1px solid #fff;
    background: #154a96;
}

.sub_wrap .table_box .table_cont table td {
    padding: 17px 20px;
    color: #333;
    font-size: 15px;
    font-weight: 700;
    vertical-align: middle;
    border: 1px solid #fff;
    background: #f5f5f5;
}

/***sub common end***/


/*a1*/
.sub_wrap.a1 {
    margin-bottom: 120px;
}

.sub_wrap.a1 .sub:last-of-type {
    margin-top: 55px;
}

.sub_wrap.a1 .sub.img_box img {
    border: 1px solid #e1e1e1;
}

.sub_wrap.a1 .sub.img_box .img_txt {
    padding: 35px 20px;
    font-style: oblique;
    font-weight: 700;
    text-align: center;
    line-height: 1.8;
    word-break: keep-all;
    background: #e6f0ff;
}

.sub_wrap.a1 .txt_base .txt_cont {
    line-height: 1.85;
    letter-spacing: -0.24px;
}


/*b1*/

.sub_wrap.b1 .sub {
    margin-top: 55px;
}

.sub_wrap.b1 .sub:first-of-type {
    margin-top: 0px;
}

.sub_wrap.b1 .txt_base .txt_box li {
    font-weight: 500;
}

.sub_wrap.b1 .sub .txt_base .txt_cont.list .txt {
    position: relative;
    margin-bottom: 10px;
    padding-left: 68px;
}

.sub_wrap.b1 .sub .txt_base .txt_cont.list .txt b {
    position: absolute;
    top: 0;
    left: 0;
}

.sub_wrap.b1 .sub .txt_base .txt_cont.list .txt.txt_4 {
    padding-left: 68px;
}

.sub_wrap.b1 .sub .txt_base .txt_cont.list .txt.txt_3 {
    padding-left: 53px;
}
.sub_wrap.b1 .sub2{
    margin-top:75px;
}
.sub_wrap.b1 .sub2 .txt_base h4{
    margin-bottom:55px;
}
.sub_wrap.b1 .sub2 .txt_base:first-of-type .img1 {
    margin: 25px 0px 30px;
}

.sub_wrap.b1 .sub2 .txt_base:first-of-type .img2 {
    margin-bottom: 25px;
}

.sub_wrap.b1 .sub2 .txt_base:first-of-type .table_box {
    margin-top: 55px;
}

.sub_wrap.b1 .sub2 .txt_base:first-of-type .table_box .table_cont {
    display: flex;
    position: relative;
    width: 100%;
    margin: 0;
}

.sub_wrap.b1 .sub2 .txt_base:first-of-type .table_box .table_cont .table_l {
    min-width: 520px;
    width: 520px;
    margin-right: 98px;
}

.sub_wrap.b1 .sub2 .txt_base:first-of-type .table_box .table_cont .table_l tr:nth-child(1) td:first-child {
    color: #fff;
    background: #385723;
}

.sub_wrap.b1 .sub2 .txt_base:first-of-type .table_box .table_cont .table_l tr:nth-child(2) td:first-child {
    color: #fff;
    background: #548235;
}

.sub_wrap.b1 .sub2 .txt_base:first-of-type .table_box .table_cont .table_l tr:nth-child(3) td:first-child {
    background: #a9d18e;
}

.sub_wrap.b1 .sub2 .txt_base:first-of-type .table_box .table_cont .table_l tr:nth-child(4) td:first-child {
    background: #c5e0b4;
}

.sub_wrap.b1 .sub2 .txt_base:first-of-type .table_box .table_cont .table_l tr:nth-child(5) td:first-child {
    background: #e2f0d9;
}

.sub_wrap.b1 .sub2 .txt_base:first-of-type .table_box .table_cont .table_r {
    min-width: 320px;
    width: 320px;
}

.sub_wrap.b1 .sub2 .txt_base:first-of-type .table_box .table_cont .table_r th {
    height: 168px;
}

.sub_wrap.b1 .sub2 .txt_base:first-of-type .table_box .table_cont::after {
    position: absolute;
    top: 50%;
    left: 560px;
    width: 21px;
    height: 34px;
    background: url(../images/b1_table_arr.png)no-repeat;
    transform: translateY(-50%);
    content: '';
}

.sub_wrap.b1 .sub2 .txt_base:last-of-type .img_box {
    margin: 20px 0px 50px;
}

.sub_wrap.b1 .sub2 .txt_base:last-of-type .table_box {
    margin: 50px 0px 55px;
}



/*b2*/
.sub_wrap.b2 .sub:last-of-type {
    text-align: center;
    margin-bottom: 120px;
}

.sub_wrap.b2 .sub .card_news {
    position: relative;
    margin: 85px 0 60px;
    padding: 59px 17%;
    border: 1px solid #e1e1e1;
    background: #f9f9f9;
}

.sub_wrap.b2 .sub .card_news .swiper-slide {
    text-align: center;
}

.sub_wrap.b2 .sub .card_news .swiper-button-prev {
    left: 8.5%;
    background-image: url(../images/b1_3_arr1.png);
}

.sub_wrap.b2 .sub .card_news .swiper-button-next {
    right: 8.5%;
    background-image: url(../images/b1_3_arr2.png);
}

.sub_wrap.b2 .sub .btn_more {
    width: 152px;
}

.sub_wrap.b2 .sub .btn_more::after {
    background: url(../images/b1_3_more.png)center no-repeat;
}

/*c1*/
.sub_wrap.c1 .txt_base .img_box {
    margin-bottom: 50px;
}

.sub_wrap.c1 .txt_base .txt_cont p {
    margin-bottom: 27px;
    font-size: 15px;
    line-height: 2.1;
}

.sub_wrap.c1 .txt_base .txt_cont p:last-of-type {
    margin-bottom: 0px;
}

.sub_wrap.c1 .txt_base .txt_box {
    margin: 50px 0;
    font-weight: 500;
    font-style: oblique;
    line-height: 2.2;
    word-break: keep-all;
}

.sub_wrap.c1 .banner {
    display: block;
    margin: 50px 0;
}
.sub_wrap.c1 .banner .banner_m {
    display: none;
}

/*c2*/
.sub_wrap.c2 .txt_base .img_box {
    margin: 50px 0;
}

.sub_wrap.c2 .txt_base .img_box:first-of-type {
    margin-top: 0px;
}

.sub_wrap.c2 .txt_base .img_box:last-of-type {
    margin-bottom: 20px;
}

.sub_wrap.c2 .txt_base .txt_cont p {
    margin-bottom: 27px;
    font-size: 15px;
    line-height: 2.1;
}

.sub_wrap.c2 .txt_base .txt_cont p:last-of-type {
    margin-bottom: 0px;
}

/*c3*/
.sub_wrap.c3 .txt_base .img_box:first-of-type {
    margin-bottom: 50px;
}

.sub_wrap.c3 .txt_base .txt_cont p {
    margin-bottom: 27px;
    font-size: 15px;
    line-height: 2.1;
    letter-spacing: -0.4px;
}

.sub_wrap.c3 .txt_base .row {
    margin: 55px -15px 50px;
}

.sub_wrap.c3 .txt_base .row .img_box {
    margin-bottom: 0px;
}

.sub_wrap.c3 .txt_base .table_box {
    margin-top: 50px;
}

.sub_wrap.c3 .sub:last-of-type {
    margin-top: 60px;
}

.sub_wrap.c3 .txt_box2 {
    margin-left: -10px;
    margin-right: -10px;
}

.sub_wrap.c3 .txt_box2 .col-lg-6 {
    padding-left: 10px;
    padding-right: 10px;
}

.sub_wrap.c3 .txt_box2>div>div {
    height: 100%;
    padding: 20px 30px 30px;
    background: #f9f9f9;
    transition: all 0.3s;
}

.sub_wrap.c3 .txt_box2>div>div:hover {
    box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.08);
}

.sub_wrap.c3 .txt_box2>div>div .tit {
    margin-bottom: 17px;
    color: #154a96;
    font-family: 'SCore Dream', sans-serif !important;
    font-size: 20px;
    font-weight: 700;
}

.sub_wrap.c3 .txt_box2>div>div .cont {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 2;
    letter-spacing: -0.2px;
    word-break: keep-all;
}

.sub_wrap.c3 .txt_box2>div>div a {
    width: 152px;
}

.sub_wrap.c3 .txt_box2>div>div a::after {
    background: url(../images/b1_3_more.png)center no-repeat;
}



@media(max-width: 1020px) {
    .sub_wrap .sub {
        margin: 0 20px;
    }
    .sub_wrap .sub_tit{
        margin:0 20px 20px 20px;
    }
    .sub_wrap .tab_menu {
        display: none;
    }
    .sub_wrap.a1 .pc_br {
        display: none;
    }
}

@media(max-width:700px) {
    .sub_wrap.c2 .m_br {
        display: block;
    }

    .sub_wrap.c3 .txt_base .row .col,
    .sub_wrap.c3 .txt_box2 .col {
        flex-basis: auto;
        width: 100%;
    }

    .sub_wrap.c3 .txt_base .row .col:first-child,
    .sub_wrap.c3 .txt_box2 .col:first-child {
        margin-bottom: 20px;
    }
}

@media(max-width:540px) {

    .sub_wrap .sub_tit.sub_tit_v2 h3 span.bar::before,
    .sub_wrap .sub_tit.sub_tit_v2 h3 span.bar::after {
        display: none;
    }

    .sub_wrap.b1 .m_br {
        display: block;
    }
    .sub_wrap.c1 .banner .banner_pc {
        display:none;
    }
    .sub_wrap.c1 .banner .banner_m {
        display:block;
    }
    .sub_wrap.c2 .m_br2 {
        display: block;
    }
}