@charset "utf-8";

/* =========================== PAGE */
#business1010{position:relative;padding-bottom:50px;font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#777;font-family:'Pretendard'}
#business1010 *{word-break:keep-all}
#business1010 .pl{white-space:pre-line}
#business1010 .pg_color{color:#333}
#business1010 .pg_bdcolor:before{border-color:#333}
#business1010 .pg_bgcolor{background-color:#333}
#business1010 .tit_area{color:#aaa;letter-spacing:-.8px}
#business1010 .tit_area > span{display:inline-block;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
#business1010 .tit_area > span:after{display:block;content:"";width:1px;height:30px;margin:12px auto;background-color:#d1d1d1}
#business1010 .tit_area p{font-size:29px;font-weight:300;line-height:1.4;white-space:pre-line}
#business1010 .tit_area div{padding-top:40px;color:#777;white-space:pre-line}
#business1010 .t_center{padding:30px;font-size:17px;line-height:1.6;text-align:center}
#business1010 .t_center p{word-break:keep-all}
#business1010 .t_center p > span{color:#222}
#business1010 .t_center p > span i{font-weight:700;font-style:normal}
#business1010 .c_black{color:#333}
#business1010 strong{font-weight:700}
#business1010 .stit_area{font-size:17px;line-height:1.6}
#business1010 .stit_area h4{padding-bottom:15px;font-size:29px;font-weight:400;line-height:1.4}
#business1010 .stit_area div{white-space:pre-line}
#business1010 .box_area{height:340px;padding-top:57px;margin-bottom:70px;border-radius:40px 0;text-align:center;background:url('../img/sub/business1010_img.jpg') top center no-repeat}
#business1010 .box_area .box{width:80%;margin:0 auto;padding:45px 0;border-radius:40px 0;color:#fff;background-color:rgba(0,0,0,.6);white-space:pre-line}
#business1010 .box_area .box p{margin-top:15px;font-size:24px;line-height:1.4}
#business1010 .benefit{margin:30px 0 70px;text-align:center}
#business1010 .benefit li{display:inline-block;width:30%;padding:45px 0;margin:0 5px;border:1px solid #e1e1e1;border-bottom:10px solid #e9e9e9}
#business1010 .benefit li .icon{width:100px;height:100px;margin:0 auto 15px;border-radius:100px;background-position:center;background-size:40px;background-repeat:no-repeat;background-color:#f2f2f2}
#business1010 .benefit li .icon01{background-image:url('../img/sub/business1010_icon01.png')}
#business1010 .benefit li .icon02{background-image:url('../img/sub/business1010_icon02.png')}
#business1010 .benefit li .icon03{background-image:url('../img/sub/business1010_icon03.png')}
#business1010 .benefit li .tit{margin-bottom:10px;font-size:17px;font-weight:700;color:#333}
#business1010 .benefit li .tit span{display:block;font-size:13px;letter-spacing:1px}
#business1010 .benefit li div{white-space:pre-line}
#business1010 .point{overflow:hidden;width:80%;margin:30px auto 70px}
#business1010 .point li{float:left;width:53%;padding:45px 40px;border-radius:35px 0;text-align:left;border:1px solid #e1e1e1;background-color:#fff}
#business1010 .point li.right{margin:40px 0 0 -6%;background-color:#f7f7f7}
#business1010 .point li p{margin-bottom:10px;font-size:19px;color:#333;font-weight:500}
#business1010 .point li p .num{display:inline-block;width:40px;height:40px;margin-right:10px;border-radius:40px;font-size:16px;font-weight:500;color:#fff;text-align:center;line-height:40px}
#business1010 .point li b{font-weight:normal;color:#222;text-decoration:underline}
#business1010 .point li div{white-space:pre-line}
#business1010 .attention{overflow:hidden;padding:45px;background-color:#f7f7f7}
#business1010 .attention .tit{font-size:19px;font-weight:500}
#business1010 .attention .st{margin-top:20px;color:#333;font-weight:500}
#business1010 .attention div{white-space:pre-line}

/* 반응형 [s] */
@media (max-width:1024px){
#business1010{padding:0;font-size:14px}
#business1010 .tit_area{padding:0 20px}
#business1010 .tit_area > span{font-size:12px}
#business1010 .tit_area p{font-size:24px;word-break:keep-all}
#business1010 .stit_area{padding:0 20px;font-size:14px;word-break:keep-all}
#business1010 .stit_area h4{font-size:24px}
#business1010 .t_center{padding:0 15px;font-size:15px;word-break:keep-all}
#business1010 .box_area{margin:40px 0}
#business1010 .box_area .box{width:90%;white-space:normal}
#business1010 .box_area .box p{font-size:20px}
#business1010 .benefit li div{white-space:normal}
#business1010 .point{width:90%;margin:30px auto 50px}
#business1010 .point li{padding:25px}
#business1010 .point li p{font-size:17px}
#business1010 .attention{padding:20px}
#business1010 .attention .tit{font-size:17px}
}
@media (max-width:768px){
#business1010 .br{white-space:normal}
#business1010 .tit_area p{white-space:normal}
#business1010 .t_center{white-space:normal}	
#business1010 .stit_area div{white-space:normal}
#business1010 .box_area .box{padding:30px 20px}
#business1010 .box_area .box p{font-size:17px;word-break:keep-all}
#business1010 .benefit{margin:10px 0 40px;padding:0 20px;text-align:left}
#business1010 .benefit li{position:relative;width:100%;margin:10px 0;padding:20px 20px 20px 140px}
#business1010 .benefit li .icon{position:absolute;left:20px;top:20px}
#business1010 .point li{float:none;width:100%}
#business1010 .point li.right{margin:10px 0 0}
#business1010 .point li p{font-size:16px}
#business1010 .point li p .num{width:32px;height:32px;font-size:12px;line-height:32px}
#business1010 .point li div{white-space:normal}
#business1010 .attention div{white-space:normal}
}