@charset "UTF-8";

/* section header */
.header_bg {
  width: 100%;
  height: 400px;
  background: url("../img/business/header_bg.png") no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

/* end section header */

/* section 공통 */
.section .section_box {
    padding-bottom: 100px;
}
.sub_menu .navbar .navbar-nav .nav-item:nth-child(3) .dropdown-menu .dropdown-item {
    padding: 0.25rem 5.58rem !important;
}
.section .bg {
    height: 530px;
    margin: 0;
    background: linear-gradient(#f2f2f2 50%, #fff 50%);
}
.section .section_box {
    padding-top: 75px;
}
.section .section_box .section_txt .title h1 {
    font-weight: 800;
    font-size: 80px;
}
.section .section_box .section_txt .txt1 p {
    font-size: 25px;
    color: #555;
}
.section .section_box .section_txt .txt1 p span {
    font-size: 18px;
    color: #fff;
    background-color: #222;
    padding: 0 7px;
}
.section .section_box .section_txt .txt2 {
    padding-top: 30px;
}
.section .section_box .section_txt .txt2 p {
    font-size: 20px;
    color: #555;
    line-height: 15px;
}
.section .section_box .section_txt .button {
    padding-top: 20px;
}
.section .m_bg>img {
    width: 100%;
}
.section .section_box .section_txt .button>a>img:hover {
    transform: translate(20px, 0) scale(1.15, 1.15);
}
.section .section_box .section_txt .button>a>img {
    transition: all ease .5s;
}
/* end section 공통 */

/* section1 */
.section1 .header_box .article_txt {
    margin-bottom: 60px;
}
/* end section1 */

/* section2 */



/* end section2 */

/* section4 */
.section4 .bg {
    height: 570px;
}
.section4 .section_txt .txt1 {
    line-height: 30px;
}
.section4 .section_box .section_txt .txt2 {
    padding-top: 15px;
}
.section4 .section_box .section_txt .txt2 p:first-child {
    line-height: 25px;
    text-indent: -12px;
    margin-left: 10px;
}
/* end section4 */

/* section5 */
.section5 .bg {
    height: 580px;
}
.section5 .bg .section_box .section_txt .txt1 {
    padding-top: 10px;
}
.section5 .section_box .section_txt .txt2 p:nth-child(2) {
    line-height: 25px;
    text-indent: -12px;
    margin-left: 10px;
}
/* end section5 */

/* section6 */
.section6 {
    padding-bottom: 50px;
}
.section6 .bg {
    height: 690px;
}
.section6 .section .section_box .section_txt .title h1 {
    line-height: 70px;
}
.section6 .section .section_box .section_txt .txt1 {
    padding-top: 30px;
}
/* end section6 */

@media (max-width:1200px) {
    .section .bg {
        height: auto;
        background: #fff;
    }
    .section .section_box {
        padding-top: 0;
    }
}
@media (max-width:768px) {
    .section .header_box .title {
        margin-bottom: 20px;
    }
    
    .section .section_box {
        padding: 30px 10px;
    }
    .section .section_box .section_txt .title h1 {
        font-size: 40px;
    }
    .section .section_box .section_txt .txt1 p {
        font-size: 17px;
    }
    .section .section_box .section_txt .txt1 p span {
        font-size: 15px;
    }
    .section .section_box .section_txt .txt2 {
        padding-top: 10px;
    }
    .section .section_box .section_txt .txt2 p {
        font-size: 15px;
        line-height: 5px;
    }
}