/* 공통 */
.subpage > section,
.tab > section {padding:100px 0; position: relative; }
section.gray {background: #f7f7f7; }
.sub_inner { width: 1520px; margin:0 auto; position: relative; padding:0 60px;}
.sub_p {font-size: 18px; font-weight: 300; color:#000; line-height: 30px; word-break: keep-all; font-family: 'Pretendard-Light'; }
.sub_p2 {font-size: 21px; font-weight: 300; color:#000; line-height: 35px; word-break: keep-all; font-family: 'Pretendard-Light';}
.sub_p b, .sub_p2 b {font-weight: 700; font-family: 'Pretendard-Bold';}
.s_tit h2 {font-size: 24px; font-weight: 500; color:#00947f; line-height: 1; font-family: 'Pretendard-Medium';}
.s_tit h1 {font-size: 55px; font-weight: 700; color:#000; line-height: 1; margin-top: 25px; font-family: 'Pretendard-Bold';}
.btn_list {display: flex; justify-content: space-between; }
.btn_list li {flex:1; margin-right: 22px;}
.btn_list li:last-child {margin-right: 0;}
.btn_list li a {display: block; width: 100%; height: 75px; display: flex; justify-content: center; align-items: center; transition: all .3s ease;
font-size: 24px; font-weight:400; color:#fff; font-family: 'Pretendard-Regular'; background: #333; cursor: pointer;}
.btn_list li a:hover {background-color: #555;}
.btn_list li a.active {background: #00947f; }
.tab {display: none;}
.tab.active {display: block;}
.line_tit {font-size: 46px; font-weight: 700; color:#000; font-family: 'Pretendard-Bold';}
.line_tit::before {content: ''; display: block; width: 64px; height: 4px; background: #00947f; margin:0 0 20px;}
.line_tit span {font-size: 55%;}
.small_tit {font-size: 33px; font-weight: 700; color:#000; font-family: 'Pretendard-Bold'; position: relative; padding-left: 20px;}
.small_tit::before {    content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #00947f; position: absolute; left: 0; top: 15px;}
.img {overflow: hidden;}
.sub_btn a {display: flex; width: 450px; height: 70px; display: flex; align-items: center; justify-content: center; background: #00947f;
font-size: 24px; font-weight: 400; color:#fff; font-family: 'Pretendard-Regular'; transition: all .3s ease; }
.sub_btn a:hover {background-color: #000 !important; }
.sub_btn a i {margin-left: 15px; }
.title {margin-bottom: 55px;}
.arrow_list li {position: relative; padding-left: 32px; font-size: 16px; font-weight: 300; color:#000; line-height: 28px; word-break: keep-all;
font-family: 'Pretendard-Light';  letter-spacing: -.4px;}
.arrow_list li::before {content: ''; display: block; width: 20px; height: 20px; background:url("../img/arrow_list.png") 50% 50% no-repeat;
position: absolute; left: 0; top:3px;}
.arrow_list li:nth-child(n+2) {margin-top: 10px;}
.num_cont {position: relative; text-align: left; position: relative; padding-left: 45px; }
.num_cont span {position: absolute; left: 0; top: 0; font-style: normal; width: 30px; height: 30px; background: #333; font-size: 18px; font-weight: 800;
color:#fff; font-family: 'Pretendard-ExtraBold'; justify-content: center; align-items: center; display:flex;}
.num_cont h5 {font-size: 22px; font-weight: 600; color:#000; word-break: keep-all; font-family: 'Pretendard-SemiBold'; margin-bottom: 10px;}
.bullet_list li {position: relative; font-size: 16px; font-weight: 300; font-family: 'Pretendard-Light'; color:#000; letter-spacing: -.4px;
padding-left: 15px; text-align: left; line-height: 27px;}
.bullet_list li::before {content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #333;
position: absolute; left: 0; top: 10px; }
.bullet_list li:nth-child(n+2) {margin-top: 10px; }

/*Content CSS*/
#business4 {overflow: hidden;}
.img.pd {background: #fff; border:1px solid #ddd; padding:50px; text-align: center;}
#busin_top {text-align: center;}
#business4 article > .img,
#business4 article > .img_wr {margin: 50px 0 0;}
#business4 .img_wr {display: flex; justify-content: space-between;}

/* sec4 */
#busin4_sec4 .img.pd {padding: 40px;}










@media screen and (max-width: 1520px) {
    /* 공통 */
    .sub_inner {width: 100%;}
    .img img {max-width: 100%;}

    /* content */
    #business4 .img_wr > .img {width: calc(55% - 10px); }
    #business4 .img_wr > .img.pd {width: calc(45% - 10px); padding:30px; display: flex; align-items: center; justify-content: center;}



}

@media screen and (max-width: 1400px) {
    /* 공통 */
    .btn_list li {flex:1; margin-right: 10px;}
    /* .sub_p br:not(.mob) {display: none;} */

    /* content */




}


@media screen and (max-width: 1024px) {
    /* 공통 */
    .subpage > section,
    .tab > section {padding:90px 0; }
    .sub_inner { padding: 0 50px; }
    .sub_p {font-size: 16px; line-height: 26px; }
    .sub_p2 {font-size: 18px; line-height: 30px; }
    .s_tit h2 {font-size: 20px;}
    .s_tit h1 {font-size: 40px;}
    .btn_list li a {font-size: 16px; height: 65px; padding:0 20px;}
    .line_tit {font-size: 32px;}
    .line_tit::before {margin:0 auto 25px;}
    .small_tit {font-size: 26px;}
    .small_tit::before {top:10px;}
    .title {margin-bottom: 35px;}
    .arrow_list li {font-size: 14px; padding-left: 25px; line-height: 22px;}
    .arrow_list li::before {width: 15px; background-size: contain; top:1px;}
    .bullet_list li {font-size: 14px; line-height: 24px;}
    .bullet_list li::before {top:8px; }
    .num_cont {padding-left: 40px;}
    .num_cont span {font-size: 16px; width: 25px; height: 25px; }
    .num_cont h5 {font-size: 18px;}
    .sub_btn a {width: 100%; max-width: 350px; font-size: 20px;}


    /* content */
    #business4 {text-align: center;}
    #business4 .img_wr > .img.pd {padding: 20px;}





}


@media screen and (max-width: 640px) {
    /* 공통*/
    .subpage > section,
    .tab > section {padding:60px 0; }
    .sub_inner {padding: 0 30px; }
    .sub_p {font-size: 14px; line-height: 24px; }
    .sub_p2 {font-size: 16px; line-height: 26px; }
    .s_tit h2 {font-size: 18px;}
    .s_tit h1 {font-size: 30px; margin-top: 15px;}
    .btn_list li {flex:1; margin-right: 5px;}
    .btn_list li a {font-size: 14px; height:50px; padding:0 10px; letter-spacing: -.4px;}
    .line_tit {font-size: 24px;}
    .line_tit::before {width: 40px; height: 3px;}
    .line_tit span {font-size: 65%;}
    .small_tit {font-size: 22px; line-height: 32px;}
    .num_cont h5 {font-size: 16px;}
    .title {margin-bottom: 20px;}
    .sub_btn a {font-size: 15px; height: 45px;}
    .sub_btn a i {margin-left: 5px;}

    /* content */
    .img.pd {padding:30px;}
    #business4 .img_wr > .img.pd {padding: 30px;}
    #business4 article > .img,
    #business4 article > .img_wr {margin: 30px 0 0;}
    #business4 .img_wr {flex-direction: column; align-items: center;}
    #business4 .img_wr > div {width: 100% !important;}
    #business4 .img_wr > div:nth-child(2) {margin-top: 20px;}



}

@media screen and (max-width: 480px) {
    /* 공통*/
    .sub_inner  {padding: 0 15px; }
    .btn_list {flex-wrap:wrap;}
    .btn_list li {width: 100%; margin-right:0; flex:auto;}
    .btn_list li a {border-bottom: 1px solid rgba(255,255,255,.2); height: 45px;}
    .btn_list li a br {display: none;}
    .bullet_list li {font-size: 13px; line-height: 22px;}
    .bullet_list li::before {width: 4px; height: 4px;}


    /* content */




}