/* common */
#industries { overflow: hidden; margin-top: 120px; padding-top: 50px; }

.tab_area { }
.tab_list { display: flex; align-items: center; justify-content: center; margin:0 0 80px; }
.tab_list > li { width:265px; margin-right: 20px; }
.tab_list > li button { display: block; width:100%; border-bottom: 2px solid #e9e9e9; font-size: 16px; font-weight: 500; color: #000;
 padding:10px; transition: all .3s; white-space: nowrap; }
.tab_list > li button.active { border-color: #ff6127 !important; }
.tab_list > li:last-child { margin-right: 0; }
.tab_list > li:hover button { border-color: #000; }

.sub_tit { text-align: center; margin:0 0 50px; text-align: left; }
.sub_tit h1 { font-size: 48px; font-weight: bold; line-height: 1; }
.sub_tit p { font-size: 22px; font-weight: 300; margin:25px 0 0; }

.con_wrap > div { padding:150px 0; }
.con_wrap > div:first-of-type { padding-top: 0; padding-bottom: 100px; }
.con_wrap > div:last-of-type { padding-bottom: 150px; }
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* contents */
.con_wrap > div:nth-child(2n) { background:#f7f7f7; }
.con_wrap .inner { display: flex; justify-content: space-between; }
.con_wrap .inner .left { width:760px; margin-right: 80px; }
.con_wrap .inner .right { width:560px; }

.con_wrap .sub_tit { border-bottom: 1px solid #000; margin:0 0 40px; padding:0 0 45px; }
.line_list li { position:relative; padding-left: 24px; margin:0 0 25px; font-size: 16px; font-weight: 300; line-height: 1.5; }
.line_list li:last-child { margin-bottom: 0; }
.line_list li::before { content:""; position:absolute; left:0; width:10px; top:12px; height: 2px; background:#ff6127; }


/* s5 */
.s5 .sub_tit h1 { font-size:36px; line-height: 50px; }









/* 반응형 */
@media screen and (max-width: 1520px) {


    /* contents */
    #industries br { display: none; }



}
@media screen and (max-width: 1100px) {

    /* common */
    #industries { margin-top: 60px; }

    .tab_area > div { overflow-x: auto; margin:0 0 25px; }
    .tab_list { overflow-x: visible; margin:0 auto 25px; justify-content: flex-start; }
    .tab_list > li { width:auto; flex:1; }
    .tab_list > li button { font-size: 14px; }

    .sub_tit h1 { font-size: 35px; }
    .sub_tit p { font-size: 19px; margin:20px 0 0; line-height: 29px; }

    .con_wrap > div { padding:80px 0; }
    .con_wrap > div:last-of-type { padding-bottom: 100px; }


    /* contents */
    .con_wrap > div:first-of-type { padding-bottom: 80px; }

    .con_wrap .inner { flex-wrap: wrap; }
    .con_wrap .inner .left { width: 100%; margin: 0 0 50px; }
    .con_wrap .inner .right { width: 100%; }

    .con_wrap .sub_tit { padding: 0px 0 35px; }



    /* s5 */
    .s5 .sub_tit h1 { font-size:35px; }



}
@media screen and (max-width: 767px) {

    /* common */
    #industries { padding-top: 30px; }

    .tab_list > li { margin-right: 10px; }
    .tab_list > li button { padding: 5px; font-size: 13px; }

    .sub_tit { margin: 0 0 30px; }
    .sub_tit h1 { font-size: 28px; }
    .sub_tit p { font-size: 16px; line-height: 28px; }

    .con_wrap > div { padding:50px 0; }
    .con_wrap > div:last-of-type { padding-bottom: 80px; }


    /* contents */
    .tab_list > li button span { display: none; }

    .con_wrap > div:first-of-type { padding-bottom: 60px; }

    .con_wrap .sub_tit { padding: 0px 0 25px; margin:0 0 30px; }
    .con_wrap .inner .left { margin: 0 0 35px; }

    .line_list li { margin: 0 0 20px; font-size: 14px; }
    .line_list li::before { top: 9px; }



    /* s5 */
    .s5 .sub_tit h1 { font-size:20px; line-height: 33px; }


}