@charset "utf-8";

.gnb.sub {
    top: 280px;
}

.sub_wrap {
    padding-top: 80px
}

.sub_bg {
    position: relative;
    width: 100%;
    height: 313px;
    background-repeat: no-repeat;
    background-size: cover;
}

.sub_bg h2 {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 42px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.4
}

.sub_bg h2 span {
    font-size: 28px;
    border-bottom: 1px solid #fff;
}

.sub_bg h2 .c2 {
    border-bottom: 1px solid #333;
}

.sub_bg h2 .writer {
    color: #fff;
    margin-top: 22px;
    padding: 0 15px;
    max-width: 840px;
    word-break: keep-all;
}

.sub_bg h2 .big_tit {
    font-size: 42px;
    line-height: 1.6
}

.sub_bg h2 .big_tit .bg {
    font-size: 60px;
    border-bottom: 0;
    background: #000;
    color: #FFf;
    padding: 0 10px 10px
}




.sub_bg.s1_1 {
    background: #2c72a8;
}

.sub_bg.s1_2 {
    background: #2c72a8;
}

.sub_bg.s1_3 {
    background: #2c72a8;
}

.sub_bg.s1_4 {
    background: #2c72a8;
}

.sub_bg.s2_1 {
    background: url(../images/sub/subBg2_1.jpg)no-repeat center right;

    background-size: cover;
}

.sub_bg.s2_2 {
    background: #faeee2;
}

.sub_bg.s2_3 {
    background: #faeee2;
}

.sub_bg.s2_4 {
    background: url(../images/sub/subBg2_4.jpg)no-repeat center;
    background-size: cover;
}

.sub_bg.s2_5 {
    background: #fcc82c;
}

.sub_bg.s3_1 {
    background: #fcc82c;
    background-size: cover;
}

.sub_bg.s3_2 {
    background: #fcc82c;
}

.sub_bg.s3_3 {
    background: #fcc82c;
}

.sub_bg.s3_4 {
    background: #fcc82c;
}




.sub_content_wrap.s2_3 {
    /*background:url(../images/sub/sub2_3_bg.jpg);*/
    background-repeat: round;
    padding: 60px 0
}




figure .caption {
    margin-top: 10px;
    font-size: 15px;
    color: #666;
    text-align: center;
    line-height: 22px;
    word-break: keep-all;
}

.bold {
    font-weight: bold;
}

.mb20 {
    margin-bottom: 20px
}

.mt10 {
    margin-top: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}


.mr20 {
    margin-right: 20px !important;
}

.pd0 {
    padding: 0 !important
}

.pt60 {
    padding-top: 60px !important;
}

.pb60 {
    padding-bottom: 60px !important;
}

.ta-l {
    text-align: left !important;
}

.sub_container_half {
    max-width: 590px;
}

.ontext {
    position: absolute;
    width: 65%;
    top: 0;
}

.re_n_mt50 {
    margin-top: 50px;
}

.ccolor1 {
    color: #333 !important
}

.ccolor1_1 {
    color: #4d71a4 !important
}

.ccolor1_2 {
    color: #4d71a4 !important
}

.ccolor2_1 {
    color: #ef9b61 !important
}

.ccolor2_3 {
    color: #ef9964 !important
}

.ccolor3_1 {
    color: #fcc82c !important
}


.ls7 {
    letter-spacing: -0.07em
}

.ls6 {
    letter-spacing: -0.06em
}

.ls5 {
    letter-spacing: -0.05em
}

.ls3 {
    letter-spacing: -0.03em
}

.ls0 {
    letter-spacing: -0.00em
}


.pc-n {
    display: none
}

.mo-n {}

.font-mj {
    font-family: 'Nanum Myeongjo', serif;
}

.mo-only {
    display: none
}

.line-16 {
    line-height: 1.6
}


@media all and (max-width: 1300px) {

    /*인터뷰*/

    .re_under {
        padding-top: 30px;
    }

    .re-mt50 {
        margin-top: 50px;
    }
}

@media all and (max-width: 1180px) {}

@media all and (max-width: 768px) {
    .mo-only {
        display: block;
    }

    .re-inline {
        display: inline !important
    }

    .pc-only {
        display: none
    }

    .pc-n {
        display: block;
    }

    .mo-n {
        display: none
    }

    .top_text {
        word-break: keep-all;
    }

    .sub_bg.s2_1 {
        background: #FAEEE2
    }

    .top_wrap h5 {
        font-size: 24px
    }

    .sub_bg {
        height: auto;
        padding: 20px 0
    }

    .sub1_4 .row .image_box img {
        width: auto;
        ;
    }

}

@media all and (max-width: 350px) {
    .s2_4 .title {
        font-size: 18px
    }
}


@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');

ㄴ@font-face {
    font-family: 'S-CoreDream-3Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream-7ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream-Black';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 웹폰트 css 끝 */

/*re*/
.re-mt10 {}

.mt20 {
    margin-top: 20px
}

/*font*/
.f1 {
    font-family: 'Nanum Myeongjo' !important
}

/* 서브 css 시작 */
.sub_container {
    max-width: 840px;
    width: 100%;
    margin: 0 auto;
}

.sub_full_container {
    width: 100%;
    margin: 0 auto;
}

.sub_container_half {
    max-width: 590px;
    padding: 0 10px;
}

.sub_container_60 {
    max-width: 708px;
    margin: 0
}

.sub_title_wrap {
    text-align: center;
    margin-bottom: 80px;
}

.sub_container_flex {
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
}

.sub_title {
    margin-bottom: 30px;
}

.sub_title .sub_category {
    font-family: 'S-CoreDream-Bold';
    color: #FFFFFF;
    line-height: 40px;
    height: 40px;
    margin-bottom: 15px;
}

.sub_title .sub_category span {
    display: inline-block;
    background-color: #62b0e3;
    padding: 0 20px;
    border-radius: 30px;
}

.sub_title .sub_subject {
    position: relative;
    font-family: 'S-CoreDream-Bold';
    font-size: 36px;
    line-height: 48px;
    padding-bottom: 50px;
}

.sub_title .sub_subject:after {
    display: block;
    content: '';
    clear: both;
    background-image: url('../image/sub/subject_icon.png');
    width: 14px;
    height: 26px;
    margin: 0px auto;
    position: absolute;
    bottom: 10px;
    left: 0px;
    right: 0px;
    z-index: 2;
}

.sub_info_box {
    background-color: #FFF;
    padding: 30px;
    border-top: 2px solid #62b0e3;
}

.sub_info_box .info_text {
    position: relative;
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 70px;
    margin-bottom: 20px;
}

.sub_info_box .info_text:after {
    display: block;
    content: '';
    clear: both;
    background-color: #000;
    width: 1px;
    height: 50px;
    margin: 0px auto;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 2;
}

.sub_info_box .info_writer {
    position: relative;
    font-size: 16px;
    line-height: 26px;
}

.sub_content_wrap {}

.sub_content_wrap .sub_section {
    margin-bottom: 140px;
}

.sub_content_wrap .sub_part {
    margin-bottom: 60px;
}

.sub_content_wrap .sub_part:last-child {
    margin-bottom: 0px;
}

.image_box {
    text-align: center;
}

.image_box img {
    width: auto;
}

.image_box img.noF {
    width: initial;
    max-width: 100%;
}

.image_box .caption {
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    color: #666;
}

.row {}

.row:after {
    display: block;
    content: '';
    clear: both;
}

.row .col_1 {
    float: left;
    width: 70%;
    padding: 10px;
    box-sizing: border-box;
    padding-left: 0
}

.row .col_2 {
    float: left;
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_2:first-child {
    padding-left: 0px;
}

.row .col_2:last-child {
    padding-right: 0px;
}

.row .col_3 {
    float: left;
    width: 33.3333%;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_3.two {
    width: 66.6666%;
}

.row .col_3:first-child {
    padding-left: 0px;
}

.row .col_3:last-child {
    padding-right: 0px;
}

.row .col_4 {
    float: left;
    width: 25%;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_4.three {
    width: 75%
}

.row .col_4:first-child {
    padding-left: 0px;
}

.row .col_4:last-child {
    padding-right: 0px;
}

.row .col_60 {
    width: 60%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_60:first-child {
    padding-left: 0px;
}

.row .col_60:last-child {
    padding-right: 0px;
}

.row .col_40 {
    width: 40%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_40:first-child {
    padding-left: 0px;
}

.row .col_40:last-child {
    padding-right: 0px;
}

.row .m_col_60 {
    width: 60%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .m_col_60:first-child {
    padding-left: 0px;
}

.row .m_col_60:last-child {
    padding-right: 0px;
}

.row .m_col_40 {
    width: 40%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .m_col_40:first-child {
    padding-left: 0px;
}

.row .m_col_40:last-child {
    padding-right: 0px;
}

.row .col_63 {
    width: 63%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_63:first-child {
    padding-left: 0px;
}

.row .col_63:last-child {
    padding-right: 0px;
}

.row .col_37 {
    width: 37%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_37:first-child {
    padding-left: 0px;
}

.row .col_37:last-child {
    padding-right: 0px;
}

.row .col_64 {
    width: 64%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_64:first-child {
    padding-left: 0px;
}

.row .col_64:last-child {
    padding-right: 0px;
}

.row .col_36 {
    width: 36%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_36:first-child {
    padding-left: 0px;
}

.row .col_36:last-child {
    padding-right: 0px;
}

.row .col_65 {
    width: 65%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_65:first-child {
    padding-left: 0px;
}

.row .col_65:last-child {
    padding-right: 0px;
}

.row .col_35 {
    width: 35%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_35:first-child {
    padding-left: 0px;
}

.row .col_35:last-child {
    padding-right: 0px;
}

.row .col_67 {
    width: 67%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_67:first-child {
    padding-left: 0px;
}

.row .col_67:last-child {
    padding-right: 0px;
}

.row .col_33 {
    width: 33%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_33:first-child {
    padding-left: 0px;
}

.row .col_33:last-child {
    padding-right: 0px;
}




.row .col_30 {
    width: 30%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_30:first-child {
    padding-left: 0px;
}

.row .col_30:last-child {
    padding-right: 0px;
}

.row .col_70 {
    width: 70%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_70:first-child {
    padding-left: 0px;
}

.row .col_70:last-child {
    padding-right: 0px;
}

.row .col_25 {
    width: 25%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_25:first-child {
    padding-left: 0px;
}

.row .col_25:last-child {
    padding-right: 0px;
}

.row .col_75 {
    width: 75%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_75:first-child {
    padding-left: 0px;
}

.row .col_75:last-child {
    padding-right: 0px;
}

.row .col_28 {
    width: 28%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_28:first-child {
    padding-left: 0px;
}

.row .col_28:last-child {
    padding-right: 0px;
}

.row .col_72 {
    width: 72%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_72:first-child {
    padding-left: 0px;
}

.row .col_72:last-child {
    padding-right: 0px;
}


.row .col_20 {
    width: 20%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_20:first-child {
    padding-left: 0px;
}

.row .col_20:last-child {
    padding-right: 0px;
}

.row .col_80 {
    width: 80%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_80:first-child {
    padding-left: 0px;
}

.row .col_80:last-child {
    padding-right: 0px;
}

.row .col_18 {
    width: 18%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_18:first-child {
    padding-left: 0px;
}

.row .col_18:last-child {
    padding-right: 0px;
}

.row .col_82 {
    width: 82%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_82:first-child {
    padding-left: 0px;
}

.row .col_82:last-child {
    padding-right: 0px;
}

.row .col_32 {
    width: 33%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_32:first-child {
    padding-left: 0px;
}

.row .col_32:last-child {
    padding-right: 0px;
}

.row .col_68 {
    width: 67%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_68:first-child {
    padding-left: 0px;
}

.row .col_68:last-child {
    padding-right: 0px;
}

.row .col_35 {
    width: 35%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_35:first-child {
    padding-left: 0px;
}

.row .col_35:last-child {
    padding-right: 0px;
}

.row .col_65 {
    width: 65%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_65:first-child {
    padding-left: 0px;
}

.row .col_65:last-child {
    padding-right: 0px;
}

.row .col_25 {
    width: 25%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_25:first-child {
    padding-left: 0px;
}

.row .col_35:last-child {
    padding-right: 0px;
}

.row .col_75 {
    width: 75%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_75:first-child {
    padding-left: 0px;
}

.row .col_75:last-child {
    padding-right: 0px;
}



.row .col_45 {
    width: 45%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_45:first-child {
    padding-left: 0px;
}

.row .col_45:last-child {
    padding-right: 0px;
}

.row .col_55 {
    width: 55%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_55:first-child {
    padding-left: 0px;
}

.row .col_55:last-child {
    padding-right: 0px;
}

.row .col_42 {
    width: 41.2%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_42:first-child {
    padding-left: 0px;
}

.row .col_42:last-child {
    padding-right: 0px;
}

.row .col_58 {
    width: 58%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .col_58:first-child {
    padding-left: 0px;
}

.row .col_58:last-child {
    padding-right: 0px;
}


.row .m_col_70 {
    width: 70%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .m_col_70 img {}

.row .m_col_70:first-child {
    padding-left: 0px;
}

.row .m_col_70:last-child {
    padding-right: 0px;
}

.row .m_col_30 {
    width: 30%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.row .m_col_30 img {}

.row .m_col_30:first-child {
    padding-left: 0px;
}

.row .m_col_30:last-child {
    padding-right: 0px;
}



/* column */
.row {
    overflow: hidden;
}

.row:after {
    content: '';
    display: block;
    clear: both;
    overflow: hidden;
}

.row.mt30 {
    margin-top: 1.875rem;
}

.row.mb30 {
    margin-bottom: 1.875rem;
}

.row.mb60 {
    margin-bottom: 3.75rem;
}

.row .column {
    display: inline-block;
    float: left;
    padding-left: 2.5%;
}


.row .column:first-child {
    padding-left: 0;
}

.row .column figure.mid {
    margin-bottom: 0.9375rem;
}

.row .column figure.mb0 {
    margin-bottom: 0;
}

.row .column.mid {
    vertical-align: middle;
}

.row .column.right {
    float: right;
}

.row .column.right {
    padding-left: 2.5%;
}

.row .column.right+.column {
    padding-left: 0;
}

.row.half>.column:first-child {
    width: 48.75%;
}

.row.half>.column {
    width: 51.25%;
}

.row.half>.column.right:first-child {
    width: 51.25%;
}

.row.half>.column.right+.column {
    width: 48.75%;
}

.row.width1>.column:first-child {
    width: 1%;
}

.row.width1>.column {
    width: 99%;
}

.row.width3>.column:first-child {
    width: 3%;
}

.row.width3>.column {
    width: 97%;
}

.row.width5>.column:first-child {
    width: 5%;
}

.row.width5>.column {
    width: 95%;
}

.row.width6>.column:first-child {
    width: 6%;
}

.row.width6>.column {
    width: 94%;
}

.row.width7>.column:first-child {
    width: 7%;
}

.row.width7>.column {
    width: 93%;
}

.row.width8>.column:first-child {
    width: 8%;
}

.row.width8>.column {
    width: 92%;
}

.row.width10>.column:first-child {
    width: 10%;
}

.row.width10>.column {
    width: 90%;
}

.row.width14>.column:first-child {
    width: 14%;
}

.row.width14>.column {
    width: 86%;
}

.row.width15>.column:first-child {
    width: 15%;
}

.row.width15>.column {
    width: 85%;
}

.row.width16>.column:first-child {
    width: 16%;
}

.row.width16>.column {
    width: 84%;
}

.row.width17>.column:first-child {
    width: 17%;
}

.row.width17>.column {
    width: 83%;
}

.row.width20>.column:first-child {
    width: 20%;
}

.row.width20>.column {
    width: 80%;
}

.row.width21>.column:first-child {
    width: 21%;
}

.row.width21>.column {
    width: 79%;
}

.row.width23>.column:first-child {
    width: 23%;
}

.row.width23>.column {
    width: 77%;
}

.row.width25>.column:first-child {
    width: 25%;
}

.row.width25>.column {
    width: 75%;
}

.row.width26>.column:first-child {
    width: 26%;
}

.row.width26>.column {
    width: 74%;
}

.row.width28>.column:first-child {
    width: 28%;
}

.row.width28>.column {
    width: 71%;
}

.row.width32>.column:first-child {
    width: 32%;
}

.row.width32>.column {
    width: 68%;
}

.row.width34>.column:first-child {
    width: 34%;
}

.row.width34>.column {
    width: 66%;
}

.row.width36>.column:first-child {
    width: 36%;
}

.row.width36>.column {
    width: 64%;
}

.row.width37>.column:first-child {
    width: 37%;
}

.row.width37>.column {
    width: 63%;
}

.row.width38>.column:first-child {
    width: 38%;
}

.row.width38>.column {
    width: 62%;
}

.row.width39>.column:first-child {
    width: 39%;
}

.row.width39>.column {
    width: 61%;
}

.row.width40>.column:first-child {
    width: 40%;
}

.row.width40>.column {
    width: 60%;
}

.row.width41>.column:first-child {
    width: 41%;
}

.row.width41>.column {
    width: 59%;
}

.row.width42>.column:first-child {
    width: 42%;
}

.row.width42>.column {
    width: 58%;
}

.row.width45>.column:first-child {
    width: 45%;
}

.row.width45>.column {
    width: 55%;
}

.row.width51>.column:first-child {
    width: 51%;
}

.row.width51>.column {
    width: 49%;
}

.row.width52>.column:first-child {
    width: 52.0834%;
}

.row.width52>.column {
    width: 47.9166%;
}

/* 545px 45.4166 */
.row.width54>.column:first-child {
    width: 54.6667%;
}

.row.width54>.column {
    width: 45.3333%;
}

/* 514px */
.row.width55>.column:first-child {
    width: 55.6667%;
}

.row.width55>.column {
    width: 44.3333%;
}

.row.width56>.column:first-child {
    width: 56%;
}

.row.width56>.column {
    width: 44%;
}

.row.width57>.column:first-child {
    width: 57.6667%;
}

.row.width57>.column {
    width: 42.3333%;
}

/* 478px  40.3333 */

.row.width57_2>.column:first-child {
    width: 57%;
}

.row.width57_2>.column {
    width: 43%;
}

/* 478px  40.3333 */

.row.width59_2>.column:first-child {
    width: 59%;
}

.row.width59_2>.column {
    width: 41%;
}

/* 462px  41 */

.row.width59>.column:first-child {
    width: 59.6667%;
}

.row.width59>.column {
    width: 40.3333%;
}

/* 454px  40.3333 */
.row.width59>.column.right {
    width: 62.1667%;
}

.row.width59>.column.right+.column {
    width: 37.8333%;
}

/* 454px  40.3333 */

.row.width60>.column {
    width: 60%;
}

.row.width60>.column+.column {
    width: 40%;
}

.row.width61>.column {
    width: 61%;
}

.row.width61>.column+.column {
    width: 39%;
}

.row.width62>.column {
    width: 62%;
}

.row.width62>.column+.column {
    width: 38%;
}

.row.width63>.column {
    width: 63%;
}

.row.width63>.column+.column {
    width: 37%;
}

.row.width64>.column {
    width: 64.6667%;
}

.row.width64>.column+.column {
    width: 35.3333%;
}

.row.width65>.column {
    width: 64.6667%;
}

.row.width65>.column+.column {
    width: 35.3333%;
}

.row.width66>.column {
    width: 66%;
}

.row.width66>.column+.column {
    width: 34%;
}

.row.width67>.column {
    width: 67%;
}

.row.width67>.column+.column {
    width: 33%;
}

.row.width68>.column {
    width: 68%;
}

.row.width68>.column+.column {
    width: 32%;
}

.row.width70>.column {
    width: 70%;
}

.row.width70>.column+.column {
    width: 30%;
}

.row.width71>.column {
    width: 71%;
}

.row.width71>.column+.column {
    width: 29%;
}

/* 311  */
.row.width72>.column {
    width: 72%;
}

.row.width72>.column+.column {
    width: 28%;
}

/* 311  */
.row.width74>.column {
    width: 74%;
}

.row.width74>.column+.column {
    width: 26%;
}

/* 311  */
.row.width77>.column {
    width: 77%;
}

.row.width77>.column+.column {
    width: 23%;
}

/* 311  */
.row.width85>.column {
    width: 85%;
}

.row.width85>.column+.column {
    width: 15%;
}

/* 311  */




.fl {
    float: left;
    margin: 0 5px;
}

.image_box.noP .col_2 {
    padding: 0px;
}

.image_box.noP .col_3 {
    padding: 0px;
}

.image_box.noP .col_4 {
    padding: 0px;
}

.text_box {
    margin-bottom: 30px;
}

.text_box h4 {
    font-family: 'S-CoreDream-Bold';
    font-size: 22px;
    margin-top: 0px;
    margin-bottom: 15px;
}

.text_box p {
    font-size: 16px;
    line-height: 30px;
}

.text_box .alert {
    font-size: 14px;
    color: #999999;
    margin-top: 15px;
}

.area_info {
    font-size: 16px;
    color: #62b0e3;
}

.area_subejct {
    position: relative;
    font-family: 'S-CoreDream-Bold';
    font-size: 18px;
}

.area_subejct:after {
    display: block;
    content: '';
    clear: both;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    background-color: #62b0e3;
    z-index: -1;
}

.area_subejct span {
    display: inline-block;
    padding: 10px 20px;
    background-color: #62b0e3;
    color: #FFFFFF;
}

.area_detail ul {
    padding: 10px;
    margin: 0px;
}

.area_detail li {
    list-style: none;
    line-height: 36px;
}

.area_detail li {
    background-repeat: no-repeat;
    background-position: left top 5px;
    background-size: 25px;
    padding-left: 30px;
}

.area_detail li.map {
    background-image: url('../image/sub/sub1_3_icon_1.png');
    background-size: 19px;
    color: #333
}

.area_detail li.tel {
    background-image: url('../image/sub/sub1_3_icon_4.png');
    background-size: 19px;
    color: #333
}

.area_detail li.price {
    background-image: url('../image/sub/sub1_3_icon_3.png');
    background-size: 19px;
    color: #333
}

.area_detail li.time {
    background-image: url('../image/sub/sub1_3_icon_2.png');
    background-size: 19px;
    color: #333
}

.area_detail li.mail {
    background-image: url('../image/sub/sub1_3_icon_5.png');
    background-size: 22px;
    color: #333
}

.mb0 {
    margin-bottom: 0 !important
}

.sub_underbox {
    border: 1px solid #333;
    background-color: #eeeeee;
    padding: 20px
}

.sub1_2 .box {
    background: #f4ebd9;

}

.sub1_2 .box .box_inner {
    text-align: left;
    padding: 20px;
    font-weight: bold;

}

.sub1_3 .box {
    background: #f4ebd9;
    display: flex
}

.sub1_3 .box .box_inner {
    text-align: left;
    padding-top: 5px;
    font-weight: bold;
    width: calc(100% - 100px);
    margin-left: -50px
}

.sub1_2 .line {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    z-index: 1;
}

.sub1_2 .line:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    background-color: #333;
    width: 100%;
    height: 2px;
    z-index: -1;
}

.sub1_2 .line_text {
    display: inline-block;
    padding: 0 15px;
    background: #fff;
    font-family: 'S-CoreDream-6Bold';
    font-size: 26px;
    z-index: 1;
}

.sub1_3 .line {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    z-index: 1;
}

.sub1_3 .line:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    background-color: #333;
    width: 100%;
    height: 2px;
    z-index: -1;
}

.sub1_3 .line_text {
    display: inline-block;
    padding: 10px 25px;
    background: #fff;
    font-family: 'S-CoreDream-6Bold';
    font-size: 26px;
    z-index: 1;
    border: 2px solid #333;
    border-radius: 30px;
    color: #4d71a4
}

.sub1_3 .circle_num {
    padding: 5px 15px;
    background: #000;
    color: #fff;
    border-radius: 50%
}

.sub1_4 .img {
    width: 95%
}

.sub2_3 .center_text_box {
    max-width: 700px;
    margin: 30px auto !important;
}

.sub2_5 .quicklink {
    margin: 0 auto
}

.sub2_5 .quick_text {
    width: 80%;
    margin: 0 auto
}

.sub2_5 .quick_tit {
    border: 3px solid #000;
    border-radius: 50px;
    padding: 10px 50px;
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
}

.sub2_5 .quick_date {
    border-radius: 50px;
    padding: 10px;
    font-weight: bold;
    background: #eec740;
    margin-top: 20px
}

.sub2_5 .quick_date span {
    border-radius: 30px;
    padding: 5px 15px;
    font-weight: bold;
    background: #fff
}

.quick_title {
    font-weight: bold;
    padding-left: 10px
}

.sub3_1 .box {
    border: 1px solid #000;
    padding: 10px 15px;
    position: relative;
}

.sub3_1 .box .dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #000;
    position: absolute;
}

.sub3_1 .box .text {
    padding: 20px
}

.sub3_1 .box .dot.d1 {
    left: calc(100% - 98%)
}

.sub3_1 .box .dot.d2 {
    right: calc(100% - 98%)
}

.sub3_1 .box .dot.d3 {
    left: calc(100% - 98%);
    bottom: 10px
}

.sub3_1 .box .dot.d4 {
    right: calc(100% - 98%);
    bottom: 10px
}

.sub3_1 .base {
    position: relative;
}

.sub3_1 .base img {
    position: absolute;
    top: -70px;
    left: 50%;
    margin-left: -90px
}

.sub3_1 .base:after {
    clear: both;
    content: '';
    display: block;
    height: 1px
}

.sub3_2 .center_text_box {
    max-width: 700px;
    margin: 20px auto !important;
}

.sub3_3 .news_box .news_tit {
    font-size: 24px;
    margin-top: 20px;
    letter-spacing: -0.07em;
    word-break: keep-all;
}

.sub3_3 .news_box .news_tit,
.sub3_3 .news_box p {
    text-align: center
}

.sub3_3 .link {
    padding: 5px 10px;
    background: #fcc82c;
    border-radius: 30px;
    display: inline-block;

}

.survey .survey_box {
    padding: 40px;
    border: 2px solid #000
}

.survey .button {
    text-align: center;
}

.survey .button button {
    display: inline-block;
    padding: 5px 50px;
    background-color: #fcc82c;
    color: #fff;
    border-radius: 30px;
    font-family: inherit;
    margin: 20px auto;
    cursor: pointer;

}




@media all and (max-width:1180px) {
    .sub_container {
        padding: 0px 10px;
        box-sizing: border-box;
    }

    .row .col_30 img {
        width: auto;
    }

    .hor {
        float: none
    }
}

@media all and (max-width:1024px) {
    .sub_title .sub_subject {
        font-size: 30px;
        line-height: 42px;
    }

    @media all and (max-width:768px) {
        .re-mb0 {
            margin-bottom: 0px !important
        }

        .re-mb30 {
            margin-bottom: 30px !important
        }

        .re-mb60 {
            margin-bottom: 60px !important
        }

        .re-mt40 {
            margin-top: 40px !important
        }

        .sub_container_half {
            max-width: 768px
        }

        .row .col_2 {
            width: 100%;
            padding: 0px;
        }

        .row .col_3 {
            width: 100%;
            padding: 0px;
            margin-top: 20PX
        }

        .row .col_3.two {
            width: 100%;
            padding: 0px;
        }

        .row .col_4 {
            width: 50%;
            padding: 0px;
        }

        .row .col_70 {
            width: 100%;
            padding: 0px;
            float: none
        }

        .row .col_30 {
            width: 100%;
            padding: 0px;
            float: none
        }

        .row .col_30 img {
            height: auto;
        }

        .row .col_18 {
            width: 100%;
        }

        .row .col_82 {
            width: 100%;
        }

        .row .m_col_40 {
            width: 100%;
            float: left;
            padding: 10px;
            box-sizing: border-box;
            text-align: center;
        }

        .row .col_40 {
            width: 100%
        }

        .row .col_60 {
            width: 100%
        }

        .row .m_col_60 {
            width: 100%
        }

        .row .m_col_30 {}

        .row .m_col_70 {
            text-align: center;
        }

        .row .m_col_30 {
            text-align: center;
        }

        .re-mt10 {
            margin-top: 10px
        }

        .row .column {
            display: block;
            float: none;
            width: 100% !important;
            padding-left: 0
        }

        .row .column:last-of-type {
            margin-top: 20px
        }

        .s1_3 .row .column:last-of-type {
            margin-top: 20px
        }

        .s2_1 .row .column:last-of-type {
            margin-top: 20px
        }

        .s2_4 .row .column:last-of-type {
            margin-top: 20px
        }

        .s3_3 .row .column:last-of-type {
            margin-top: 60px
        }

        .re-tac {
            text-align: center !important;
        }

        .re-tar {
            text-align: right !important;
        }

        .re-tal {
            text-align: left !important;
        }

        .re-w100 {
            width: 100% !important
        }

        .re-mb20 {
            margin-bottom: 20px !important
        }

        .sub1_3 .box .box_inner {
            margin-left: 0
        }

        .sub1_4 .img {
            width: 70%
        }



    }

    @media all and (max-width:600px) {
        .check_point_1 {
            padding: 40px;
        }

        .text_box p {
            font-size: 15px;
        }
    }

    @media all and (max-width:460px) {
        .row .col_4 {
            width: 100%;
        }

    }