@charset "utf-8";

.sub_wrap {word-break: keep-all;}
.sub_wrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sub_wrap p {
    margin: 0;
    word-break: keep-all;
}
.sub_wrap > div {padding: 150px 0;}
.sub_wrap > div:first-child {padding-top: 0;}
.sub_wrap h2 {
    font-family: "Montserrat", "Noto Sans KR";
    font-weight: bold;
    font-size: 50px;
    margin: 0 0 80px;
    text-align: center;
    line-height: 1.4;
}
.sub_wrap h2 span {color: #2b3e84;}
.sub_wrap .desc {
    font-size: 18px;
    line-height: 1.8;
}

@media all and (max-width: 767px) {
    .sub_wrap > div {padding: 50px 0;}
    .sub_wrap h2 {
        font-size: 24px;
        margin-bottom: 30px;
    }
    .sub_wrap .desc {font-size: 16px;}
}

.about_wrap > div:first-child, .greeting_wrap > h2 {padding-top: 150px;}

.about_wrap .section_1 {text-align: center;}
.about_wrap .section_1 .img {position: relative;}
.about_wrap .section_1 .img .circle {
    width: 260px;
    height: 260px;
    border-radius: 260px;
    line-height: 260px;
    background: #fff;
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.about_wrap .section_2 {
    background: url("/img/custom/sub_1_1_sect_2_bg.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}
.about_wrap .section_2 h3 {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 50px;
}
.about_wrap .section_2 .left_wrap,
.about_wrap .section_2 .right_wrap {
    float: left;
    width: calc((100% - 80px)/2);
}
.about_wrap .section_2 .left_wrap {margin-right: 80px;}
.about_wrap .section_2 .left_wrap table {
    font-size: 18px;
    width: 100%;
    color: #fff;
}
.about_wrap .section_2 .left_wrap table th {
    background: #2b3e84;
    padding: 18px 10px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    text-align: center;
    width: 150px;
}
.about_wrap .section_2 .left_wrap table td {
    background: rgba(0,0,0,0.3);
    padding: 18px 30px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.about_wrap .section_2 .right_wrap img {
    display: block;
    margin: 30px auto 0;
}

@media all and (max-width: 767px) {
    .about_wrap > div:first-child, .greeting_wrap > h2 {padding-top: 50px;}
    .about_wrap .section_2 .left_wrap, .about_wrap .section_2 .right_wrap {
        float: none;
        width: 100%;
    }
    .about_wrap .section_2 .left_wrap {margin: 0 0 50px;}
    .about_wrap .section_2 h3 {
        font-size: 24px;
        margin-bottom: 30px;
    }
    .about_wrap .section_2 .left_wrap table {font-size: 16px;}
    .about_wrap .section_2 .left_wrap table th {
        padding: 15px;
        width: 80px;
    }
    .about_wrap .section_2 .left_wrap table td {padding: 15px;}
    .about_wrap .section_2 .right_wrap img {max-width: 250px;}
}

.greeting_wrap .img {
    background: url("/img/custom/sub_1_2_bg.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    padding: 150px 0;
}
.greeting_wrap .img .box_wrap {
    background: #fff;
    padding: 80px;
    background: url("/img/custom/sub_1_2_img_2.jpg") no-repeat;
    background-position: bottom right;
    background-size: cover;
    min-height: 550px;
}
.greeting_wrap .img .box_wrap img {display: block;}
.greeting_wrap .img .box_wrap .desc {
    border-top: 1px solid #ddd;
    margin-top: 50px;
    padding-top: 50px;
    display: inline-block;
    padding-right: 50px;
}
@media all and (max-width: 767px) {
    .greeting_wrap .img {padding: 50px 0;}
    .greeting_wrap .img .box_wrap {
        padding: 30px;
        background-position: bottom -120px right -80px;
        background-color: #fff;
        min-height: 500px;
    }
    .greeting_wrap .img .box_wrap img {max-width: 150px;}
    .greeting_wrap .img .box_wrap .desc {
        margin-top: 20px;
        padding-top: 20px;
        padding-right: 0;
    }
}

.contact_wrap {
    display: flex;
    flex-wrap: wrap;
}
.contact_wrap > div {
    padding: 0;
    width: 50%;
}
.contact_wrap > div:first-child {padding-right: 40px;}
.contact_wrap > div:last-child {
    margin-right: 0;
    border-left: 1px solid #ddd;
    padding-left: 40px;
}
.contact_wrap .txt {margin-top: 50px;}
.contact_wrap .txt .name b {font-size: 24px;}
.contact_wrap .txt .name span {
    font-size: 16px;
    color: #888888;
}
.contact_wrap .txt .addr {
    font-size: 18px;
    margin: 20px 0 40px;
    word-break: keep-all;
}
.contact_wrap .txt ul {overflow: hidden;}
.contact_wrap .txt ul li {
    font-size: 18px;
    margin-bottom: 10px;
}
.contact_wrap .txt ul li:last-child {margin-bottom: 0;}

.contact_wrap .txt ul li b {
    margin-left: 10px;
    display: inline-block;
    width: 100px;
}
.contact_wrap .txt ul li span {
    display: inline-block;
    width: calc(100% - 150px);
}
@media all and (max-width: 1230px) {
    .contact_wrap .root_daum_roughmap_landing {width: 100% !important;}
    .contact_wrap .root_daum_roughmap .wrap_map {height: 300px !important;}
    .contact_wrap .txt {margin-top: 30px;}
    .contact_wrap .txt .name b {
        font-size: 20px;
        display: block;
        margin-bottom: 5px;
    }
    .contact_wrap .txt .name span {
        font-size: 16px;
        display: block;
    }
    .contact_wrap .txt .addr {
        font-size: 16px;
        margin: 15px 0 20px;
    }
    .contact_wrap .txt ul li {
        float: none;
        width: 100%;
        font-size: 16px;
        margin-bottom: 8px;
    }
}
@media all and (max-width: 991px) {
    .contact_wrap > div {width: 100%;}
    .contact_wrap > div:first-child {padding: 0 0 40px;}
    .contact_wrap > div:last-child {
        border: none;
        border-top: 1px solid #ddd;
        padding: 40px 0 0;
    }
    .contact_wrap .txt ul li b {width: 80px;}
    .contact_wrap .txt ul li span {width: calc(100% - 130px)}
}

.organization_wrap {text-align: center;}
.organization_wrap .img {padding: 0;}
.organization_wrap .img > div {position: relative;}
.organization_wrap .left_wrap {
    float: left;
    width: 50%;
    position: relative;
}
.organization_wrap .right_wrap {
    float: right;
    width: 50%;
    position: relative;
}
.organization_wrap .name {
    color: #fff;
    width: 300px;
    height: 70px;
    line-height: 70px;
    border-radius: 70px;
    margin: 0 auto;
    cursor: pointer;
}
.organization_wrap .name b {font-size: 24px;}
.organization_wrap .name span {
    font-size: 16px;
    margin-left: 8px;
    font-weight: bold;
}
.organization_wrap .line_1 .name {
    background: #2b3e84;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    width: 180px;
    height: 180px;
    line-height: 180px;
    border-radius: 180px;
    margin: 0 auto;
    position: relative;
}
.organization_wrap .line_1 .name::before {
    content: "";
    background: #ddd;
    width: 1px;
    height: 360px;
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: -360px;
    transform: translateX(-50%);
}
.organization_wrap .line_1 .name b {font-size: 30px;}
.organization_wrap .line_2 {padding: 20px 0;}
.organization_wrap .line_2 .name {background: #6a7496;}
.organization_wrap .line_2 .name::before {
    content: "";
    background: #ddd;
    width: calc((100% - 300px)/2);
    height: 1px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.organization_wrap .line_3 {padding: 20px 0;}
.organization_wrap .line_3 .name {
    background: #fff;
    color: #2b3e84;
    border: 1px solid #2b3e84;
}
.organization_wrap .line_3 .left_wrap .name::before {
    content: "";
    background: #ddd;
    width: calc((100% - 300px)/2);
    height: 1px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.organization_wrap .line_3 .right_wrap .name::before {
    content: "";
    background: #ddd;
    width: calc((100% - 300px)/2);
    height: 1px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.organization_wrap .line_4 {padding: 20px 0 50px;}
.organization_wrap .line_4 .name {background: #a4a9bd;}
.organization_wrap .line_4 .name::before {
    content: "";
    background: #ddd;
    width: calc((100% - 300px)/2);
    height: 1px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.organization_wrap .line_5 {padding: 50px 0 0;}
.organization_wrap .line_5::before {
    content: "";
    background: #ddd;
    width: 50%;
    height: 1px;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}
.organization_wrap .line_5 .left_wrap::before,
.organization_wrap .line_5 .right_wrap::before {
    content: "";
    background: #ddd;
    width: 1px;
    height: 50px;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: -50px;
    transform: translateX(-50%);
}
.organization_wrap .line_5 .left_wrap > .name,
.organization_wrap .line_5 .right_wrap > .name:first-child {
    background: #d7dbe9;
    color: #3a3e4a;
}
.organization_wrap .line_5 .right_wrap > .name:nth-child(2) {
    background: #fff;
    color: #2b3e84;
    border: 1px solid #bdc3d7;
}
.organization_wrap .line_5 .right_wrap > .name:nth-child(3) {
    background: #fff;
    color: #111;
    border: 1px solid #bdc3d7;
}
.organization_wrap .line_5 .right_wrap > .name:nth-child(3) b {font-size: 20px;}
.organization_wrap .line_5 .name {
    margin-bottom: 50px;
    position: relative;
}
.organization_wrap .line_5 .left_wrap > .name::after,
.organization_wrap .line_5 .right_wrap > .name::after {
    content: "";
    background: #ddd;
    width: 1px;
    height: 50px;
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: -50px;
    transform: translateX(-50%);
}
.organization_wrap .line_5 ul {
    font-size: 0;
    margin-top: 100px;
    position: relative;
}
.organization_wrap .line_5 .left_wrap ul::before {
    background: #ddd;
    width: 52%;
    height: 1px;
    display: inline-block;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
}
.organization_wrap .line_5 .right_wrap ul::before {
    content: none;
    background: #ddd;
    width: 35%;
    height: 1px;
    display: inline-block;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
}
.organization_wrap .line_5 ul li {
    display: inline-block;
    vertical-align: middle;
    width: calc((100% - 20px)/2);
    margin-right: 20px;
    position: relative;
}
.organization_wrap .line_5 ul li:last-child {margin-right: 0;}
.organization_wrap .line_5 ul li .name {
    background: #f5f5f5;
    width: 100%;
    position: relative;
    margin-bottom: 0;
}
.organization_wrap .line_5 ul li .name::before {
    content: "";
    background: #ddd;
    width: 1px;
    height: 50px;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: -50px;
    transform: translateX(-50%);
}
.organization_wrap .line_5 ul li .name b {
    font-size: 20px;
    color: #111;
}
.organization_wrap .line_5 ul li .name.none b {opacity: 0.5;}
.organization_wrap .line_5 ul li .name span {
    font-size: 14px;
    color: #111;
}
.organization_modal .modal-dialog {
    background: #fff;
    padding: 50px;
    max-width: 1200px;
    width: 100%;
    margin: 100px auto;
    position: relative;
    box-shadow: 0 0 30px rgba(0,0,0,0.2);
}
.organization_modal .modal-dialog a.close_btn {
    position: absolute;
    top: 30px;
    right: 30px;
}
.organization_modal .modal-dialog .modal_content {
    height: 100%;
    overflow-y: auto;
}
.organization_modal .modal-dialog .modal_content .img {
    float: left;
    width: 45%;
}
.organization_modal .modal-dialog .modal_content .img img {width: 100%;}
.organization_modal .modal-dialog .modal_content .txt {
    float: right;
    width: 55%;
    padding-left: 50px;
    padding-top: 20px;
}
.organization_modal .modal-dialog .modal_content .txt .name {margin-bottom: 40px;}
.organization_modal .modal-dialog .modal_content .txt .name > b {
    font-size: 30px;
    display: inline-block;
}
.organization_modal .modal-dialog .modal_content .txt .name > span {
    font-size: 18px;
    color: #2b3e84;
    font-weight: bold;
    display: inline-block;
    margin-left: 8px;
}
.organization_modal .modal-dialog .modal_content .txt .desc {
    font-size: 16px;
    line-height: 1.6;
    padding-bottom: 50px;
}
.organization_modal .modal-dialog .modal_content .txt .link #inner_text {
    font-size: 0;
    opacity: 0;
}
.organization_modal .modal-dialog .modal_content .txt .more_btn {
    font-family: "Montserrat";
    font-size: 14px;
    color: #2b3e84;
    font-weight: bold;
    position: absolute;
    right: 50px;
    bottom: 50px;
}
.organization_modal .modal-dialog .modal_content .txt .more_btn::after {
    content: "";
    background: url("/img/custom/plus_blue.svg") no-repeat;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -2px;
}
#line_1.organization_modal .modal-dialog {max-width: 900px;}
#line_1.organization_modal .modal-dialog .modal_content h3 {
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 30px;
    text-align: center;
}
#line_1.organization_modal .modal-dialog .modal_content > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
}
#line_1.organization_modal .modal-dialog .modal_content > ul > li {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    width: calc((100% - 40px)/3);
}
#line_1.organization_modal .modal-dialog .modal_content > ul > li:last-child {margin-right: 0;}
#line_1.organization_modal .modal-dialog .modal_content > ul > li > a {display: block;}
#line_1.organization_modal .modal-dialog .modal_content > ul > li .img,
#line_1.organization_modal .modal-dialog .modal_content > ul > li .txt {
    float: none;
    width: 100%;
    padding: 0;
}
#line_1.organization_modal .modal-dialog .modal_content > ul > li .txt .name {
    margin: 20px 0 0;
    padding-bottom: 10px;
}
#line_1.organization_modal .modal-dialog .modal_content > ul > li .txt .name > b {
    font-size: 24px;
    display: block;
    text-align: center;
}
#line_1.organization_modal .modal-dialog .modal_content > ul > li .txt .name > span {
    font-size: 16px;
    display: block;
    text-align: center;
    margin: 5px 0 0;
}
#line_1_1.organization_modal .modal-dialog .modal_content .img,
#line_1_3.organization_modal .modal-dialog .modal_content .img {width: 30%;}
#line_1_1.organization_modal .modal-dialog .modal_content .txt,
#line_1_3.organization_modal .modal-dialog .modal_content .txt {width: 70%;}

#line_2.organization_modal .modal-dialog {max-width: 600px;}
#line_2.organization_modal .modal-dialog .modal_content .img {
    float: none;
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}
#line_2.organization_modal .modal-dialog .modal_content .txt {
    float: none;
    width: 100%;
    text-align: center;
    padding-left: 0;
}
#line_2.organization_modal .modal-dialog .modal_content .txt .name {margin-bottom: 10px;}
#line_2.organization_modal .modal-dialog .modal_content .desc {display: none;}

@media all and (max-width: 767px) {
    .organization_wrap .name {
        width: 120px;
        height: 50px;
        line-height: 50px;
    }
    .organization_wrap .name b {font-size: 16px;}
    .organization_wrap .name span {font-size: 14px; margin-left: 5px;}
    .organization_wrap .line_1 .name {
        width: 120px;
        height: 120px;
        line-height: 120px;
    }
    .organization_wrap .line_1 .name::before {
        bottom: -230px;
        height: 230px;
    }
    .organization_wrap .line_1 .name b {font-size: 20px;}
    .organization_wrap .line_2 .name::before,
    .organization_wrap .line_3 .left_wrap .name::before,
    .organization_wrap .line_3 .right_wrap .name::before,
    .organization_wrap .line_4 .name::before {width: calc((100% - 120px)/2);}
    .organization_wrap .line_3 {padding: 0;}
    .organization_wrap .line_4 {padding-bottom: 20px;}
    .organization_wrap .line_5 {padding-top: 20px;}
    .organization_wrap .line_5 .left_wrap::before, .organization_wrap .line_5 .right_wrap::before {
        height: 20px;
        top: -20px;
    }
    .organization_wrap .line_5 .name {margin-bottom: 20px;}
    .organization_wrap .line_5 .left_wrap > .name::after, .organization_wrap .line_5 .right_wrap > .name::after {
        height: 20px;
        bottom: -20px;
    }
    .organization_wrap .line_5 .left_wrap ul::before,
    .organization_wrap .line_5 .right_wrap ul::before {content: none;}
    .organization_wrap .line_5 .right_wrap > .name:nth-child(3) b {font-size: 16px;}
    .organization_wrap .line_5 .right_wrap > .name:nth-child(3)::after {content: none;}
    .organization_wrap .line_5 ul {margin-top: 20px;}
    .organization_wrap .line_5 .right_wrap ul {margin-top: 20px;}
    .organization_wrap .line_5 ul li {
        display: block;
        width: 120px;
        margin: 0 auto 20px;
    }
    .organization_wrap .line_5 ul li:last-child {margin: 0 auto 10px;}
    .organization_wrap .line_5 ul li .name::before {
        height: 20px;
        top: -20px;
    }
    .organization_wrap .line_5 ul li .name b {font-size: 16px;}
    .organization_modal .modal-dialog {
        padding: 50px 20px 20px;
        width: calc(100% - 30px);
        height: calc(100% - 100px);
        margin: 50px auto;
    }
    .organization_modal .modal-dialog a.close_btn {top: 20px; right: 20px;}
    .organization_modal .modal-dialog a.close_btn img {width: 16px; height: 16px;}
    .organization_modal .modal-dialog .modal_content .img {
        float: none;
        width: 100%;
    }
    .organization_modal .modal-dialog .modal_content .txt {
        float: none;
        width: 100%;
        padding: 20px 0 0;
    }
    .organization_modal .modal-dialog .modal_content .txt .name {margin-bottom: 20px;}
    .organization_modal .modal-dialog .modal_content .txt .name > b {font-size: 20px;}
    .organization_modal .modal-dialog .modal_content .txt .name > span {font-size: 16px;}
    .organization_modal .modal-dialog .modal_content .txt .desc {
        font-size: 14px;
        padding-bottom: 20px;
    }
    .organization_modal .modal-dialog .modal_content .txt .more_btn {
        position: relative;
        right: inherit;
        bottom: inherit;
        float: right;
        font-size: 12px;
    }
    #line_1.organization_modal .modal-dialog {height: auto;}
    #line_1.organization_modal .modal-dialog .modal_content h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    #line_1.organization_modal .modal-dialog .modal_content > ul {text-align: center}
    #line_1.organization_modal .modal-dialog .modal_content > ul > li {
        margin-right: 15px;
        width: calc((100% - 15px)/2);
        margin-bottom: 15px;
    }
    #line_1.organization_modal .modal-dialog .modal_content > ul > li:nth-child(2n) {margin-right: 0;}
    #line_1.organization_modal .modal-dialog .modal_content > ul > li .txt .name {margin-top: 10px;}
    #line_1.organization_modal .modal-dialog .modal_content > ul > li .txt .name > b {font-size: 20px;}
    #line_1.organization_modal .modal-dialog .modal_content > ul > li .txt .name > span {font-size: 13px;}
    #line_1_1.organization_modal .modal-dialog .modal_content .img, #line_1_3.organization_modal .modal-dialog .modal_content .img,
    #line_1_1.organization_modal .modal-dialog .modal_content .txt, #line_1_3.organization_modal .modal-dialog .modal_content .txt {width: 100%;}
}


.principles_wrap h3 {
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 50px;
}
.principles_wrap h3 span {
    background: #2b3e84;
    width: 5px;
    height: 27px;
    display: inline-block;
    margin-right: 18px;
    vertical-align: middle;
    margin-top: -5px;
}
.principles_wrap .section_1 {padding: 0;}
.principles_wrap .section_1 .img {
    width: 50%;
    float: left;
}
.principles_wrap .section_1 .txt {
    width: 50%;
    float: left;
    text-align: center;
    padding: 100px 50px 0;
}
.principles_wrap .section_1 .txt h4 {
    font-size: 40px;
    font-weight: bold;
    margin: 0 0 30px;
}
.principles_wrap .section_1 .txt p {font-size: 18px;}
.principles_wrap .section_2 ul {overflow: hidden;}
.principles_wrap .section_2 ul li {
    float: left;
    width: 33.33%;
    border-right: 1px solid #ddd;
    text-align: center;
}
.principles_wrap .section_2 ul li:last-child {border-right: none;}
.principles_wrap .section_2 ul li h4 {
    font-size: 30px;
    font-weight: bold;
    margin: 35px 0 25px;
}
.principles_wrap .section_2 ul li p {font-size: 18px;}
.principles_wrap .section_3 {padding: 0;}
.principles_wrap .section_3 table {
    font-size: 18px;
    width: 100%;
    border-top: 1px solid #2b3e84;
}
.principles_wrap .section_3 table th {
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    padding: 40px;
    text-align: center;
    width: 300px;
}
.principles_wrap .section_3 table td {
    border-bottom: 1px solid #ddd;
    padding: 40px;
    line-height: 1.7;
}
@media all and (max-width: 767px) {
    .principles_wrap h3 {
        font-size: 24px;
        margin-bottom: 30px;
    }
    .principles_wrap h3 span {
        width: 4px;
        height: 22px;
        margin-right: 12px;
    }
    .principles_wrap .section_1 .img {
        width: 100%;
        float: none;
    }
    .principles_wrap .section_1 .txt {
        width: 100%;
        float: none;
        padding: 30px 0 0;
    }
    .principles_wrap .section_1 .txt h4 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .principles_wrap .section_1 .txt p {font-size: 16px;}
    .principles_wrap .section_2 ul li {
        float: none;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #ddd;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .principles_wrap .section_2 ul li:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
    }
    .principles_wrap .section_2 ul li img {height: 80px;}
    .principles_wrap .section_2 ul li h4 {
        font-size: 20px;
        margin: 15px 0 20px;
    }
    .principles_wrap .section_2 ul li p {font-size: 16px;}
    .principles_wrap .section_3 table {font-size: 16px;}
    .principles_wrap .section_3 table th {
        padding: 15px;
        width: auto;
    }
    .principles_wrap .section_3 table td {
        padding: 15px;
    }
}


.how_we_work_wrap .how_wrap > li {
    overflow: hidden;
    margin-bottom: 150px;
}
.how_we_work_wrap .how_wrap > li:last-child {margin-bottom: 0;}
.how_we_work_wrap .how_wrap .img,
.how_we_work_wrap .how_wrap .txt {width: 50%;}

.how_we_work_wrap .how_wrap .left {float: left;}
.how_we_work_wrap .how_wrap .right {float: right;}

.how_we_work_wrap .how_wrap .txt.right {
    padding-top: 30px;
    padding-left: 80px;
}
.how_we_work_wrap .how_wrap .txt.left {
    padding-top: 30px;
    padding-right: 80px;
}
.how_we_work_wrap .how_wrap .txt > div {margin-bottom: 50px;}
.how_we_work_wrap .how_wrap .txt > div:last-child {margin-bottom: 0;}
.how_we_work_wrap .how_wrap .txt h3 {
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 20px;
    margin: 0 0 50px;
    border-bottom: 1px solid #2b3e84;
}
.how_we_work_wrap .how_wrap .txt h4 {
    font-size: 20px;
    font-weight: bold;
    color: #2b3e84;
    margin: 0 0 30px;
}
.how_we_work_wrap .how_wrap .txt .list_wrap li {
    font-size: 18px;
    margin-bottom: 10px;
}
.how_we_work_wrap .how_wrap .txt .list_wrap li::before {
    content: "";
    width: 4px;
    height: 4px;
    background: #2b3e84;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}
.how_we_work_wrap .how_wrap li:nth-child(2) .txt .list_wrap li:first-child {font-weight: bold;}
.how_we_work_wrap .how_wrap .txt .list_wrap li b {
    display: inline-block;
    vertical-align: top;
    width: 110px;
}
.how_we_work_wrap .how_wrap .txt .list_wrap li span {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 122px);
}
.how_we_work_wrap .how_wrap .txt .box_title {
    font-size: 20px;
    font-weight: bold;
    padding: 5px 30px;
    background: #d7dbe9;
    color: #30343f;
    display: inline-block;
}
.how_we_work_wrap .how_wrap .txt .box_desc {
    font-size: 18px;
    margin-top: 25px;
}
.how_we_work_wrap .how_wrap li:nth-child(3) .txt .box_title {
    background: #6a7496;
    color: #fff;
}
.how_we_work_wrap .how_wrap li:last-child .txt .box_title {
    background: #2b3e84;
    color: #fff;
}
.how_we_work_wrap .flow_wrap {
    background: #f8f8f8;
    padding: 50px;
    text-align: center;
    margin-top: 150px;
}
.how_we_work_wrap .flow_wrap h3 {
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 20px;
    margin: 0 0 50px;
    border-bottom: 1px solid #111;
    text-align: left;
}
.how_we_work_wrap .flow_wrap img {
    max-width: 100%;
    display: inline-block;
}
@media all and (max-width: 767px) {
    .how_we_work_wrap .how_wrap > li {margin-bottom: 50px;}
    .how_we_work_wrap .how_wrap .left, .how_we_work_wrap .how_wrap .txt.right, .how_we_work_wrap .how_wrap .right {float: none;}
    .how_we_work_wrap .how_wrap .img, .how_we_work_wrap .how_wrap .txt {width: 100%;}
    .how_we_work_wrap .how_wrap .txt {
        padding: 30px 0 0 !important;
    }
    .how_we_work_wrap .how_wrap .txt > div {margin-bottom: 30px;}
    .how_we_work_wrap .how_wrap .txt h3 {
        font-size: 24px;
        margin-bottom: 30px;
    }
    .how_we_work_wrap .how_wrap .txt h4 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .how_we_work_wrap .how_wrap .txt .list_wrap li {font-size: 16px;}
    .how_we_work_wrap .how_wrap .txt .box_title {
        font-size: 16px;
        width: 100%;
        text-align: center;
    }
    .how_we_work_wrap .how_wrap .txt .box_desc {
        font-size: 16px;
        margin-top: 15px;
    }
    .how_we_work_wrap .flow_wrap {
        padding: 30px 20px;
        margin-top: 50px;
    }
    .how_we_work_wrap .flow_wrap h3 {
        font-size: 24px;
        margin-bottom: 30px;
    }
}