/*Content CSS*/
#business3{overflow: hidden;}
#business3 br:not(.space){display: none;}
section > article{padding: 50px 0 0;}
/* section > article:nth-child(even){background-color: #f7f7f7;} */
section > article:nth-child(2){padding: 0;}

.sub_inner{width: 100%; max-width: 1400px; padding: 0 20px; margin: 0 auto;}

/* tit_font */
.fs_22{font-size: 14px; font-family: 'Roboto'; font-weight: 500; color: #13b6bb; line-height: 1; text-transform: uppercase;}
.fs_50{font-size: 35px; font-family: 'Noto Sans KR'; font-weight: 700; letter-spacing: -.5px; line-height: 1;}
.quo_tit{display: flex; align-items: center;}
.quo_tit .line{flex-grow: 1; margin: 0 15px; height: 1px; background-color: #ddd;}
.quo_tit i{width: 55px;}
.quo_tit h6{margin-bottom: 3px;}

.bar{position: relative; padding-left: 10px; }
.bar::before{content: ''; display: block; width: 3px; height: 21px; background-color: #13b6bb; position: absolute; top: 1px; left: 0;}

/* font-style */
.fs_32{font-size: 22px; font-weight: 700; line-height: 1;}
.fs_24{font-size: 18px; font-family: 'Roboto'; font-weight: 500; line-height: 1; }
.fs_23{font-size: 17px; font-weight: 700; line-height: 1; color: #1d1d1f;}
.fs_18{font-size: 14px; font-weight: 300;  color: #1d1d1f;}
.fs_17{font-size: 13px; font-weight: 300; color: #1d1d1f; line-height: 1.6;}
.fs_16{font-size: 13px; font-weight: 500; line-height: 1.6}
.fs_15{font-size: 13px; font-weight: 700; line-height: 1; color: #13b6bb;}

.wrap{margin-top: 30px; text-align: center;}
.wrap img{width: 100%;}
.text {margin-top: 20px;}
.text span::after{content: ''; display: block; width: 1px; height: 20px; background-color: #13b6bb; margin: 10px auto 0;}
.desc{margin: 10px 0 0; line-height: 1.7;}

.bar_wrap{margin-top: 50px;}
.icon_list{ margin-top: 15px;}
.icon_list li{border: solid 1px #13b6bb; border-radius: 10px; padding: 20px; position: relative; transition: .3s; text-align: center; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; min-height: 143px; margin-bottom: 10px;}
.icon_list li:last-child{margin-bottom: 0;}
.icon_list li i{width: 50px; height: 50px; border-radius: 50%; background-color: #13b6bb; display: flex; align-items: center; justify-content: center; margin: 0 auto 10px;}
.icon_list li i img{width: 24px;}
.icon_list li span.fs_17{font-weight: 500;color: #1d1d1f; display: inline-block; margin-top: 7px;}
.icon_list li p.fs_17{font-weight: 600; line-height: 36px; color: #fff; display: none; position: relative; z-index: 3;}
.icon_list li::before{content: ''; display: block; width: 100%; height: 100%; border-radius: 10px; box-shadow: 2.2px 3.4px 8px 0 rgba(0, 0, 0, 0.12); position: absolute; top: 0; left: 0; transition: .6s; opacity: 0; z-index: -1; background: 50% / cover no-repeat;}
.icon_list li::after{content: ''; display: block; width: 100%; height: 100%; background-color: #000; border-radius: 10px; mix-blend-mode: multiply;  position: absolute; top: 0; left: 0; opacity: 0; transition: .3s;}
.icon_list li:hover{border-color: transparent;}
.icon_list li:hover i, .icon_list li:hover span{display: none;}
.icon_list li:hover p{display: block; }
.icon_list li:hover::before{opacity: 1;}
.icon_list li:hover::after{opacity: .45;}
.icon_list li:nth-child(1)::before{background-image: url('../img/bus3_list1.png');}
.icon_list li:nth-child(2)::before{background-image: url('../img/bus3_s2_list1.png');}
.icon_list li:nth-child(3)::before{background-image: url('../img/bus3_s2_list2.png');}
.icon_list li:nth-child(4)::before{background-image: url('../img/bus3_s2_list3.png');}
.icon_list li:nth-child(5)::before{background-image: url('../img/bus3_s2_list4.png');}
.icon_list li:nth-child(6)::before{background-image: url('../img/bus3_list2.png');}
.icon_list li:nth-child(7)::before{background-image: url('../img/bus3_list3.png');}
.icon_list li:nth-child(8)::before{background-image: url('../img/bus3_list4.png');}

.icon_list2{margin-top: 76px; position: relative;}
.icon_list2::before{content: ''; display: block; width: 1px; height: 76px; background-color: #333; position: absolute; top: -76px; left: 155px; }


.icon_list li.sub{border-color: #333; background-color: #fff; }
.icon_list li.sub i{background-color: #333;}
.icon_list li.sub span.fs_15{color: #777;}
.icon_list li.sub span.fs_16{color: #1d1d1f; margin-top: 8px;}
.icon_list li.sub::before{z-index: 3;}

.icon_list li.sub::after{content: ''; display: block; width: 1px; height: 11px; background-color: #333; position: absolute; top: -11px; left: 50%; transform: translateX(-50%); opacity: 1;}


.num_list{margin-top: 15px; border-top: solid 1px #1d1d1f; border-bottom: solid 1px #ddd;}
.num_list li{display: flex; align-items: baseline; padding: 18px 0; border-bottom: solid 1px #ddd;}
.num_list li:last-child{border-bottom: 0;}
.num_list li .num{display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; background-color: #333; margin-right: 10px; color: #fff; font-size: 16px; font-weight: 700; flex-shrink: 0;}
.num_list li p{font-weight: 500; line-height: 1.7;}

/* .more_btn::before{content: ''; display: block; clear: both;} */
.more_btn{display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; background-color: #13b6bb; font-family: 'Noto Sans KR'; font-weight: 400; color: #fff; margin-top: 20px; transition: .3s;}
.more_btn:hover{background-color: #1d1d1f;}
.more_btn span{display: inline-block; margin-right: 10px;}
.more_btn i{position: relative;top: -3px; width: 18px;}


.sec2{border-top: solid 1px #ddd; margin-top: 24px;}
.info_list{display: flex; flex-wrap: wrap;}
.info_list li{flex-grow: 1; text-align: center; padding: 17px; border-left: solid 1px #ddd;}
.info_list li:nth-child(-n+2){width: 50%;}
.info_list li:nth-child(n+2){border-right: solid 1px #ddd;}
.info_list li:last-child{width: 100%; border-top: solid 1px #ddd;}
.info_list li i{display: block; width: 60px; height: 60px; background-color: #f5f5f5; border-radius: 50%; position: relative; transition: .3s; margin: 0 auto;}
.info_list li i img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: .5s; width: 30px;}
.info_list li i img + img{opacity: 0;}
.info_list li:hover i{background-color: #13b6bb;}
.info_list li:hover i img{opacity: 0;}
.info_list li:hover i img + img{opacity: 1;}
.info_list li h5{margin: 15px 0 8px;}