@media screen and (min-width:1201px){
/* quick */
#quick .topbanner_top .quick_inner{position: relative; background-image: url(../img/company_banner.png); background-position: center; background-repeat: no-repeat; background-size: cover; width: 1920px; height: 540px;}

/* tabs_wrap*/
#tabs_wrap{position: relative; margin-top: 160px;}
#tabs_wrap .tabs_inner .tabs_top{width: 70%; margin: 0 auto; text-align: center;}
#tabs_wrap .tabs_inner h2{color: #241F20; font-size: 32px; font-weight: bold; margin-bottom: 90px;}
#tabs_wrap .tabs_inner .tabs_title{display: flex; width: 800px; margin: 70px auto; }
#tabs_wrap .tabs_inner .tabs_title li{width: 33.33%;}
#tabs_wrap .tabs_inner .tabs_title li a{line-height: 40px; color: #241F20; display: block; text-align: center; line-height: 50px; font-size: 1.1em; border: 1px solid #CCC; border-left: none; }
#tabs_wrap .tabs_inner .tabs_title li a.select{border: 1xp solid #5DC591; background-color: #5DC591; color: #FFF;}

/* 탭스1 */
#tabs_wrap .tabs_inner .tabs_contents{position: relative; margin-top: 160px;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .img_box{position: relative; opacity: 0;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .img_box img{width: 100%;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .img_box .logo{position: absolute; background-image: url(../img/logo_white.png); width: 198px; height: 68px; display: block; background-repeat: no-repeat; left: 10%; top: 30%;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .img_box h3{position: absolute; left: 10%; top: 45%; font-size: 24px; color: #FFF; width: 50%;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .img_box h3 span{font-weight: bold;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .outline{position: relative; width: 70%; margin: 0 auto; display: flex; margin-top: 160px; justify-content: space-between;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .outline li{position: relative; width: 31%; background-color: #F7F8FB; border-radius: 20px; padding-bottom: 50px; display: flex; flex-direction: column; align-items: center; top: -100px; opacity: 0;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .outline p{padding: 0 30px; font-size: 16px; color: #102B4A; text-align: center;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .outline .title{font-size: 26px; color: #5DC591; padding: 30px 30px 10px 30px; font-weight: bold;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .outline li .sub_title{font-size: 18px; font-weight: bold; margin-bottom: 16px;}

#tabs_wrap .tabs_inner .tabs_contents .content_1 .value{position: relative; width: 70%; margin: 0 auto; margin-top: 110px; background-color: #F7F8FB; border-radius: 20px; top: -100px; opacity: 0;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value_mob{display: none;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value .title{font-size: 26px; color: #5DC591; padding: 30px 30px 10px 40px; font-weight: bold;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value .title span{color: #102B4A; font-size: 16px; margin-left: 12px;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value ul{display: flex; justify-content: space-evenly; align-items: center; padding-bottom: 90px;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value ul li{display: flex; flex-direction: column; align-items: center; width: 260px;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value ul li p{font-size: 16px; color: #102B4A; font-weight: bold; padding-top: 12px;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value ul li p:last-child{font-weight: normal; padding-top: 18px; font-size: 16px; text-align: center;}



/* 탭스2 */
#tabs_wrap .tabs_inner .tabs_contents .content_2{position: relative; margin: 200px auto;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_top{position: relative; background-color: #F7F8FB; height: 589px; margin-bottom: 144px;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_top h3{position: absolute; opacity: 0; left: 50%; top: 45%; font-size: 30px; color: #241F20; transform: translate(-50%,-50%); z-index: 3;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_top h3>span{font-weight: bold;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_top p{position: absolute; opacity: 0; left: 50%; top: 60%; font-size: 24px; color: #241F20; transform: translate(-50%,-50%);}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_top .th_logo{position: absolute; background-image: url(../img/logo_50.png); width: 258px; height: 171px; display: block; background-repeat: no-repeat; top: 30%; left: 15%;}

#tabs_wrap .tabs_inner .tabs_contents .content_2 .content_group{width: 75%; margin: 0 auto;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .content_group .mid_title{font-size: 22px; font-weight: bold; margin-bottom: 22px;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid1{display: flex; justify-content: space-between; align-items: center; margin-bottom: 160px;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid1 .clock{width: 48%; position: relative; left: -100px; opacity: 0;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid1 .clock img{width: 100%;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid1 .text_box{width: 44%; position: relative; right: -100px; opacity: 0; }
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid1 p{display: flex; font-size: 18px; color: #241F20;  line-height: 35px;}

#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid2{display: flex; justify-content: space-between; align-items: center;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid2 p{line-height: 30px; font-size: 18px; color: #241F20;  line-height: 35px; text-align: end;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid2 .text_box{width: 44%; position: relative; left: -100px; opacity: 0;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid2 .wold_inner{display: none;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid2 .wold{width: 48%; position: relative; right: -100px; opacity: 0;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid2 .wold img{width: 100%;}

#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_bottom{position: relative; width: 85%; background-color: #F7F8FB; margin: 144px auto; padding: 120px 0 90px 0;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_bottom>span{position: absolute; background-image: url(../img/logo_50.png); width: 258px; height: 171px; display: block; background-repeat: no-repeat; top: 20%; left: 15%; opacity: 40%;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_bottom p{font-size: 18px; width: 70%; text-align: center; margin: 0 auto; line-height: 2em; opacity: 0; }
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_bottom p:last-child{font-weight: bold; margin-top: 50px;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_bottom p span{font-weight: 600;}


/* 탭스3 */
#tabs_wrap .tabs_inner .tabs_contents .content_3{position: relative;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_top{width: 0; margin: 0 auto; background-color: #152B49; display: flex; justify-content: center; align-items: center; height: 80px; margin-bottom: 150px;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_top p{color: #FFF; text-align: center; font-size: 18px; opacity: 0;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .img_box_top{width: 70%; position: relative; opacity: 0; bottom: -100px; margin: 0 auto;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .img_box_top img{width: 100%;}

#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt{position: relative;  opacity: 0; margin-top: 250px;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt img{width: 100%;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top{position: relative; display: flex; justify-content: space-between;}

#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top .left{
    position: relative; width: 50%; padding: 80px;
    background-image: url(../img/wold_2.png); background-size: cover; background-position: center;
}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top .right{
    position: relative; width: 50%;  padding: 80px;
    background-image: url(../img/wold_3.png); background-size: cover; background-position: center;
}

#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top div{position: relative;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top .left .text_box{color: #FFF;  line-height: 1.6em;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top .right .text_box{color: #FFF;  line-height: 1.6em;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top .left .title{font-size: 26px; margin-bottom: 30px; font-weight: bold;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top .right .title{font-size: 26px; margin-bottom: 30px; font-weight: bold;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .img_box{width: 100%;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .img_box img{width: 100%;}

#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .bottom{position: relative; padding: 80px; background-image: url(../img/wold_4.png); background-size: cover;background-position: center;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .bottom img{width: 100%;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .bottom .text_box{ color: #FFF;  width: 70%; margin: 0 auto;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .bottom .title{font-weight: bold; font-size: 24px; margin-bottom: 30px;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .bottom .sub_title{font-size: 20px; margin-bottom: 8%;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .text_box p:last-child{font-size: 16px; line-height: 1.8em;}
}












@media screen and (max-width:1200px) and (min-width:901px){
/* quick */
#quick .topbanner_top .quick_inner{position: relative; background-image: url(../img/company_banner.png); background-position: center; background-repeat: no-repeat; background-size: cover; width: 1200px; height: 421px;}

/* tabs_wrap*/
#tabs_wrap{position: relative; margin-top: 120px;}
#tabs_wrap .tabs_inner .tabs_top{width: 80%; margin: 0 auto; text-align: center;}
#tabs_wrap .tabs_inner h2{color: #241F20; font-size: 32px; font-weight: bold; margin-bottom: 90px;}
#tabs_wrap .tabs_inner .tabs_title{display: flex; width: 700px; margin: 70px auto; }
#tabs_wrap .tabs_inner .tabs_title li{width: 33.33%;}
#tabs_wrap .tabs_inner .tabs_title li a{line-height: 40px; color: #241F20; display: block; text-align: center; line-height: 50px; font-size: 1.1em; border: 1px solid #CCC; border-left: none;}
#tabs_wrap .tabs_inner .tabs_title li a.select{border: 1xp solid #5DC591; background-color: #5DC591; color: #FFF;}

/* 탭스1 */
#tabs_wrap .tabs_inner .tabs_contents{position: relative; margin-top: 160px;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .img_box{position: relative; opacity: 0;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .img_box img{width: 100%;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .img_box .logo{position: absolute; background-image: url(../img/logo_white.png); width: 198px; height: 68px; display: block; background-repeat: no-repeat; left: 10%; top: 25%;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .img_box h3{position: absolute; left: 10%; top: 50%; font-size: 22px; color: #FFF; width: 70%;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .img_box h3 span{font-weight: bold;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .outline{position: relative; width: 90%; margin: 0 auto; display: flex; margin-top: 160px; justify-content: space-between;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .outline li{position: relative; width: 31%; background-color: #F7F8FB; border-radius: 20px; padding-bottom: 50px; display: flex; flex-direction: column; align-items: center; top: -100px; opacity: 0;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .outline p{padding: 0 30px; font-size: 16px; color: #102B4A; text-align: center;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .outline .title{font-size: 24px; color: #5DC591; padding: 30px 30px 10px 30px; font-weight: bold;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .outline li .sub_title{font-size: 18px; font-weight: bold; margin-bottom: 20px;}

#tabs_wrap .tabs_inner .tabs_contents .content_1 .value{position: relative; width: 90%; margin: 0 auto; margin-top: 110px; background-color: #F7F8FB; border-radius: 20px; top: -100px; opacity: 0;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value_mob{display: none;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value .title{font-size: 24px; color: #5DC591; padding: 30px 30px 10px 40px; font-weight: bold;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value .title span{color: #102B4A; font-size: 16px; margin-left: 12px;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value ul{display: flex; justify-content: space-evenly; align-items: center; padding-bottom: 90px;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value ul li{display: flex; flex-direction: column; align-items: center; width: 260px;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value ul li p{font-size: 16px; color: #102B4A; font-weight: bold; padding-top: 12px;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value ul li p:last-child{font-weight: normal; padding-top: 18px; font-size: 16px; text-align: center; width: 80%;}



/* 탭스2 */
#tabs_wrap .tabs_inner .tabs_contents .content_2{position: relative; margin: 160px auto;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_top{position: relative; background-color: #F7F8FB; height: 500px; margin-bottom: 144px;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_top h3{position: absolute; width: 80%; left: 50%; top: 45%; font-size: 28px; color: #241F20; transform: translate(-50%,-50%); z-index: 3; text-align: center; opacity: 0;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_top h3>span{font-weight: bold;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_top p{position: absolute; left: 50%; top: 60%; font-size: 22px; color: #241F20; transform: translate(-50%,-50%); width: 80%; text-align: center; opacity: 0;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_top .th_logo{position: absolute; background-image: url(../img/logo_50.png); width: 206px; height: 137px; display: block; background-repeat: no-repeat; background-size: cover; top: 30%; left: 15%;}

#tabs_wrap .tabs_inner .tabs_contents .content_2 .content_group{width: 90%; margin: 0 auto;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .content_group .mid_title{font-size: 22px; font-weight: bold; margin-bottom: 22px;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid1{display: flex; justify-content: space-between; align-items: center; margin-bottom: 160px;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid1 .clock{width: 48%;  position: relative; left: -100px; opacity: 0;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid1 .clock img{width: 100%;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid1 .text_box{width: 44%; position: relative; right: -100px; opacity: 0;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid1 p{font-size: 18px; color: #241F20;  line-height: 35px;}

#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid2{display: flex; justify-content: space-between; align-items: center;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid2 p{line-height: 30px; font-size: 18px; color: #241F20;  line-height: 35px; text-align: end;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid2 .text_box{width: 44%; position: relative; left: -100px; opacity: 0; }
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid2 .wold_inner{display: none;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid2 .wold{width: 48%; position: relative; right: -100px; opacity: 0;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid2 .wold img{width: 100%;}

#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_bottom{position: relative; width: 90%; background-color: #F7F8FB; margin: 144px auto; padding: 100px 0 80px 0;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_bottom>span{position: absolute; background-image: url(../img/logo_50.png); width: 258px; height: 171px; display: block; background-repeat: no-repeat; top: 20%; left: 10%; opacity: 40%;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_bottom p{font-size: 17px; width: 80%; text-align: center; margin: 0 auto; line-height: 2em; opacity: 0;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_bottom p:last-child{font-weight: bold; margin-top: 50px;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_bottom p span{font-weight: 600;}


/* 탭스3 */
#tabs_wrap .tabs_inner .tabs_contents .content_3{position: relative;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_top{width: 0; margin: 0 auto; background-color: #152B49; padding: 25px 0; margin-bottom: 100px;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_top p{color: #FFF; text-align: center; font-size: 16px; opacity: 0;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .img_box_top{width: 75%; margin: 0 auto; position: relative; opacity: 0; bottom: -100px;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .img_box_top img{width: 100%;}

#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt{position: relative; margin-top: 200px; opacity: 0;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt img{width: 100%;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top{position: relative; display: flex; justify-content: space-between;}

#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top .left{
    position: relative; width: 50%; padding: 50px;
    background-image: url(../img/wold_2.png); background-size: cover; background-position: center;
}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top .right{
    position: relative;width: 50%;  padding: 50px;
    background-image: url(../img/wold_3.png); background-size: cover; background-position: center;
}

#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top div{position: relative;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top .left .text_box{color: #FFF;  line-height: 1.6em;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top .right .text_box{color: #FFF;  line-height: 1.6em;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top .left .title{font-size: 22px; margin-bottom: 30px; font-weight: bold;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top .right .title{font-size: 22px; margin-bottom: 30px; font-weight: bold;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .img_box{width: 100%;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .img_box img{width: 100%;}

#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .bottom{position: relative; padding: 50px; background-image: url(../img/wold_4.png); background-size: cover;background-position: center;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .bottom img{width: 100%;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .bottom .text_box{ color: #FFF;  width: 80%; margin: 0 auto;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .bottom .title{font-weight: bold; font-size: 26px; margin-bottom: 30px;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .bottom .sub_title{font-size: 20px; margin-bottom: 8%;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .text_box p:last-child{font-size: 16px; line-height: 1.8em;}
}














@media screen and (min-width:601px) and (max-width:900px) {
    /* quick */
#quick .topbanner_top .quick_inner{position: relative; background-image: url(../img/company_banner.png); background-position: center; background-repeat: no-repeat; background-size: cover; width: 1200px; height: 421px;}

/* tabs_wrap*/
#tabs_wrap{position: relative; margin-top: 100px;}
#tabs_wrap .tabs_inner .tabs_top{width: 80%; margin: 0 auto; text-align: center;}
#tabs_wrap .tabs_inner h2{color: #241F20; font-size: 32px; font-weight: bold; margin-bottom: 90px;}
#tabs_wrap .tabs_inner .tabs_title{display: flex; margin: 70px auto; }
#tabs_wrap .tabs_inner .tabs_title li{width: 33.33%;}
#tabs_wrap .tabs_inner .tabs_title li a{line-height: 40px; color: #241F20; display: block; text-align: center; line-height: 50px; font-size: 1.1em; border: 1px solid #CCC; border-left: none;}
#tabs_wrap .tabs_inner .tabs_title li a.select{border: 1xp solid #5DC591; background-color: #5DC591; color: #FFF;}

/* 탭스1 */
#tabs_wrap .tabs_inner .tabs_contents{position: relative; margin-top: 100px;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .img_box{position: relative;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .img_box img{width: 100%;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .img_box .logo{position: absolute; background-image: url(../img/logo_white.png); width: 107px; height: 39px; background-size: cover; display: block; background-repeat: no-repeat; left: 10%; top: 15%;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .img_box h3{position: absolute; left: 10%; top: 45%; font-size: 18px; color: #FFF; width: 70%;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .img_box h3 span{font-weight: bold;}

#tabs_wrap .tabs_inner .tabs_contents .content_1 .outline{position: relative; width: 90%; margin: 0 auto; display: flex; flex-direction: column; margin-top: 100px; justify-content: space-between;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .outline li{background-color: #F7F8FB; border-radius: 20px; padding: 0 0 50px 30px; display: flex; flex-direction: column; margin-bottom: 20px;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .outline p{padding: 0 30px; font-size: 16px; color: #102B4A; width: 50%;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .outline .title{font-size: 22px; color: #5DC591; padding: 30px 30px 10px 30px; font-weight: bold;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .outline li .sub_title{font-size: 18px; font-weight: bold; margin-bottom: 20px;}

#tabs_wrap .tabs_inner .tabs_contents .content_1 .value{position: relative; width: 90%; margin: 0 auto; background-color: #F7F8FB; border-radius: 20px;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value_mob{display: none;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value .title{font-size: 24px; color: #5DC591; padding: 30px 30px 10px 40px; font-weight: bold;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value .title span{color: #102B4A; font-size: 16px; margin-left: 12px;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value ul{display: flex; justify-content: space-evenly; align-items: center; padding: 20px 0 60px 0;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value ul li{display: flex; flex-direction: column; align-items: center; width: 260px;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value ul li p{font-size: 16px; color: #102B4A; font-weight: bold; padding-top: 12px;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value ul li p:last-child{font-weight: normal; padding-top: 18px; font-size: 15px; text-align: center; width: 80%;}



/* 탭스2 */
#tabs_wrap .tabs_inner .tabs_contents .content_2{position: relative; margin: 120px auto;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_top{position: relative; background-color: #F7F8FB; height: 400px; margin-bottom: 120px;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_top h3{position: absolute; width: 80%; left: 50%; top: 45%; font-size: 22px; color: #241F20; transform: translate(-50%,-50%); z-index: 3; text-align: center;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_top h3>span{font-weight: bold;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_top p{position: absolute; left: 50%; top: 60%; font-size: 20px; color: #241F20; transform: translate(-50%,-50%); width: 80%; text-align: center;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_top .th_logo{position: absolute; background-image: url(../img/logo_50.png); width: 206px; height: 137px; display: block; background-repeat: no-repeat; background-size: cover; top: 30%; left: 10%;}

#tabs_wrap .tabs_inner .tabs_contents .content_2 .content_group{width: 90%; margin: 0 auto;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .content_group .mid_title{font-size: 22px; font-weight: bold; margin-bottom: 22px;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid1{display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-bottom: 140px;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid1 .clock img{width: 100%;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .text_box{margin-top: 6%;  width: 90%;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid1 p{font-size: 18px; color: #241F20;  line-height: 35px;}

#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid2{display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid2 p{line-height: 30px; font-size: 18px; color: #241F20;  line-height: 35px;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid2 .wold{display: none;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid2 .wold_inner img{width: 95%; margin: 0 auto;}

#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_bottom{position: relative; width: 90%; background-color: #F7F8FB; margin: 144px auto; padding: 80px 0 60px 0;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_bottom>span{position: absolute; background-image: url(../img/logo_50.png); width: 258px; height: 171px; display: block; background-repeat: no-repeat; top: 20%; left: 10%; opacity: 40%;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_bottom p{font-size: 17px; width: 80%; text-align: center; margin: 0 auto; line-height: 2em;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_bottom p:last-child{font-weight: bold; margin-top: 50px;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_bottom p span{font-weight: 600;}


/* 탭스3 */
#tabs_wrap .tabs_inner .tabs_contents .content_3{position: relative;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_top{width: 80%; margin: 0 auto; background-color: #152B49; padding: 25px 0; margin-bottom: 80px;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_top p{color: #FFF; text-align: center; font-size: 16px; width: 95%; margin: 0 auto;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .img_box_top{width: 85%; margin: 0 auto;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .img_box_top img{width: 100%;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt{position: relative; margin-top: 100px;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt img{width: 100%;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top{position: relative; width: 100%; display: flex; flex-direction: column; }

#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top div{position: relative;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top .left{
    position: relative; padding: 50px;
    background-image: url(../img/wold_2.png); background-size: cover; background-position: center;
}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top .right{
    position: relative; padding: 50px;
    background-image: url(../img/wold_3.png); background-size: cover; background-position: center;
}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top .left .text_box{position: relative;  color: #FFF;line-height: 25px;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top .right .text_box{position: relative; color: #FFF; line-height: 25px;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top .left .title{font-size: 22px; margin-bottom: 30px; font-weight:600;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top .right .title{font-size: 22px; margin-bottom: 30px; font-weight: 600;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .img_box{width: 100%; margin: 0 auto;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .img_box img{width: 100%;}

#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .bottom{position: relative; background-image: url(../img/wold_4.png); background-size: cover; background-position: center; padding: 50px;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .bottom img{width: 100%;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .bottom .text_box{color: #FFF; }
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .bottom .title{font-weight: 600; font-size: 22px; margin-bottom: 20px;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .bottom .sub_title{font-size: 14px; margin-bottom: 18px;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .text_box p:last-child{font-size: 14px; line-height: 25px;}
}















@media screen and (max-width:600px){
    /* quick */
#quick .topbanner_top .quick_inner{position: relative; background-image: url(../img/company_banner.png); background-position: center; background-repeat: no-repeat; background-size: cover; width: 720px; height: 300px;}

/* tabs_wrap*/
#tabs_wrap{position: relative; margin-top: 50px;}
#tabs_wrap .tabs_inner .tabs_top{width: 92%; margin: 0 auto; text-align: center;}
#tabs_wrap .tabs_inner h2{color: #241F20; font-size: 24px; font-weight: bold; margin-bottom: 50px;}
#tabs_wrap .tabs_inner .tabs_title{display: flex;}
#tabs_wrap .tabs_inner .tabs_title li{width: 33.33%;}
#tabs_wrap .tabs_inner .tabs_title li a{line-height: 40px; color: #241F20; display: block; text-align: center; line-height: 40px; font-size: 14px; border: 1px solid #CCC; border-left: none;}
#tabs_wrap .tabs_inner .tabs_title li a.select{border: 1xp solid #5DC591; background-color: #5DC591; color: #FFF;}

/* 탭스1 */
#tabs_wrap .tabs_inner .tabs_contents{position: relative; margin-top: 90px;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .img_box{position: relative;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .img_box img{width: 100%;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .img_box .logo{display: none;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .img_box h3{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 14px; color: #FFF; width: 92%;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .img_box h3 span{font-weight: bold;}

#tabs_wrap .tabs_inner .tabs_contents .content_1 .outline{position: relative; width: 92%; margin: 0 auto; display: flex; flex-direction: column; margin-top: 80px; justify-content: space-between;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .outline li{background-color: #F7F8FB; border-radius: 20px; padding: 0 0 30px 0; display: flex; flex-direction: column; margin-bottom: 20px;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .outline p{padding: 0 40px; font-size: 14px; color: #102B4A; width: 80%;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .outline .title{font-size: 18px; color: #5DC591; padding: 20px 30px 10px 40px; font-weight: bold;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .outline li .sub_title{font-size: 16px; font-weight: bold; margin-bottom: 20px;}

#tabs_wrap .tabs_inner .tabs_contents .content_1 .value{display: none;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value_mob{position: relative; width: 92%; margin: 0 auto; background-color: #F7F8FB; border-radius: 20px;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value_mob .title{font-size: 18px; color: #5DC591; padding: 20px 30px 0 40px; font-weight: bold; display: flex; flex-direction: column;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value_mob .title span{color: #102B4A; font-size: 16px; margin-top: 10px;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value_mob ul{display: flex; flex-direction: column; justify-content: space-evenly; width: 90%; margin: 0 auto; padding: 10px 0 20px 0;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value_mob ul li{display: flex;flex-direction: column; width: 90%; margin: 0 auto; padding: 30px 0 40px 0; border-bottom: 1px solid #DDD;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value_mob ul li:last-child{border-bottom: none;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value_mob ul li .val_wrap{display: flex;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value_mob ul li .val_text{display: flex; flex-direction: column; justify-content: center;  margin: 5px 0 0 30px; line-height: 1.9em;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value_mob ul li .val_text>p{font-weight: 600; font-size: 16px; color: #102B4A;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value_mob ul li .val_text>p:last-child{font-size: 15px;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value_mob ul li>p{font-size: 14px; color: #102B4A; margin: 15px 0 0 10px; width: 70%;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value_mob ul li .img_box{width: 20%;}
#tabs_wrap .tabs_inner .tabs_contents .content_1 .value_mob ul li .img_box img{width: 100%;}



/* 탭스2 */
#tabs_wrap .tabs_inner .tabs_contents .content_2{position: relative; margin: 100px auto;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_top{position: relative; background-color: #F7F8FB; height: 300px; margin-bottom: 100px;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_top h3{position: absolute; width: 80%; left: 50%; top: 45%; font-size: 18px; color: #241F20; transform: translate(-50%,-50%); z-index: 3; text-align: center; margin-bottom: 5%;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_top h3>span{font-weight: bold;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_top p{position: absolute; left: 50%; top: 60%; font-size: 16px; color: #241F20; transform: translate(-50%,-50%); width: 80%; text-align: center;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_top .th_logo{position: absolute; background-image: url(../img/logo_50.png); width: 114px; height: 73px; display: block; background-repeat: no-repeat; background-size: cover; top: 30%; left: 10%;}

#tabs_wrap .tabs_inner .tabs_contents .content_2 .content_group{width: 92%; margin: 0 auto;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .content_group .mid_title{font-size: 18px; font-weight: bold; margin-bottom: 18px;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid1{display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-bottom: 100px;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid1 .clock img{width: 100%;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .text_box{margin-top: 6%;  width: 90%;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid1 p{font-size: 16px; color: #241F20;  line-height: 1.7em;}

#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid2{display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid2 p{line-height: 30px; font-size: 16px; color: #241F20;  line-height: 1.7em;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid2 .wold{display: none;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_mid2 .wold_inner img{width: 95%; margin: 0 auto;}

#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_bottom{position: relative; width: 92%; background-color: #F7F8FB; margin: 100px auto; padding: 50px 0 40px 0;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_bottom>span{position: absolute; background-image: url(../img/logo_50.png); width: 180px; height: 115px; display: block; background-repeat: no-repeat; top: 20%; left: 10%; opacity: 40%; background-size: cover;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_bottom p{font-size: 15px; width: 90%; text-align: center; margin: 0 auto; line-height: 1.8em;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_bottom p:last-child{font-weight: bold; margin-top: 30px;}
#tabs_wrap .tabs_inner .tabs_contents .content_2 .th_bottom p span{font-weight: 600;}


/* 탭스3 */
#tabs_wrap .tabs_inner .tabs_contents .content_3{position: relative;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_top{width: 70%; margin: 0 auto; background-color: #152B49; padding: 20px 30px; margin-bottom: 60px;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_top p{color: #FFF; text-align: center; font-size: 14px; width: 95%; margin: 0 auto;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .img_box_top{width: 85%; margin: 0 auto;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .img_box_top img{width: 100%;}

#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt{position: relative; margin-top: 100px;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt img{width: 100%;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top{position: relative; width: 100%; display: flex; flex-direction: column; }

#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top div{position: relative;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top .left{
    position: relative; padding: 50px;
    background-image: url(../img/wold_2.png); background-size: cover; background-position: center;
}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top .right{
    position: relative; padding: 50px;
    background-image: url(../img/wold_3.png); background-size: cover; background-position: center;
}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top .left .text_box{position: relative;  color: #FFF;line-height: 25px;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top .right .text_box{position: relative; color: #FFF; line-height: 25px;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top .left .title{font-size: 22px; margin-bottom: 30px; font-weight:600;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .global_bt_top .right .title{font-size: 22px; margin-bottom: 30px; font-weight: 600;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .img_box{width: 100%; margin: 0 auto;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .img_box img{width: 100%;}

#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .bottom{position: relative; background-image: url(../img/wold_4.png); background-size: cover; background-position: center; padding: 50px;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .bottom img{width: 100%;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .bottom .text_box{color: #FFF; }
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .bottom .title{font-weight: 600; font-size: 18px; margin-bottom: 20px;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .bottom .sub_title{font-size: 14px; margin-bottom: 18px;}
#tabs_wrap .tabs_inner .tabs_contents .content_3 .global_bt .text_box p:last-child{font-size: 14px; line-height: 25px;}
}