@charset "utf-8";

#inc01{position:relative}
#inc01 .pl{white-space:pre-line}
#inc01 .top_box{position:relative;margin:-102px auto;padding:70px;width:100%;max-width:1500px;border:1px solid #e1e1e1;border-radius:20px;background:#fff;z-index:2}
#inc01 .top_box .box_inner{display:flex;gap:70px}
#inc01 .top_box .box_inner .left{width:calc(100% / 2)}
#inc01 .top_box .box_inner .left h1{color:#111;font-size:32px;font-weight:700}
#inc01 .top_box .box_inner .left .more{display:inline-block;margin-top:20px;line-height:55px;background:var(--primary);border-radius:50px}
#inc01 .top_box .box_inner .left .more a{display:flex;align-items:center;gap:17px;padding:0 26px;color:#fff;font-weight:600;transition:all 0.2s}
#inc01 .top_box .box_inner .left .more a svg{width:18px}
#inc01 .top_box .box_inner .right{width:calc(100% / 2)}
#inc01 .top_box .box_inner .right .ko_tit{padding-left:160px}
#inc01 .top_box .box_inner .right .ko_tit p{color:#111;font-size:26px}
#inc01 .top_box .box_inner .right .ko_tit p span{font-weight:700}
#inc01 .top_box .box_inner .right .call_num{position:relative;display:flex;align-items:center;gap:20px;margin-top:20px;padding:28px 40px;color:#fff;background:var(--primary);border-radius:10px}
#inc01 .top_box .box_inner .right .call_num:after{position:absolute;content:'';top:-90px;left:28px;width:110px;height:100%;background:url(./img/deco.png) no-repeat}
#inc01 .top_box .box_inner .right .call_num .call_left{display:flex;align-items:center;gap:20px}
#inc01 .top_box .box_inner .right .call_num .call_left p{font-size:20px;font-weight:600}
#inc01 .top_box .box_inner .right .call_num .call_left .icon{width:45px;line-height:45px;background:rgba(255, 255, 255, 0.2);border-radius:5px;text-align:center}
#inc01 .top_box .box_inner .right .call_num .call_right p{font-size:33px;font-weight:800}
#inc01 .top_box .box_inner .right .call_txt{padding:20px 40px;color:#888;font-size:15px;font-weight:700}
#inc01 .top_box .box_inner .right .call_txt ul{display:flex;gap:40px}
#inc01 .top_box .box_inner .right .call_txt ul li{position:relative;display:flex;gap:10px;font-weight:600}
#inc01 .top_box .box_inner .right .call_txt ul li + li:after{position:absolute;content:'';left:-19px;top:50%;transform:translateY(-50%);width:1px;height:14px;background:#e1e1e1}
#inc01 .top_box .box_inner .right .call_txt ul li .day{color:#111;font-size:15px;font-weight:800}
#inc01 .bot_box ul{padding:186px 0 110px 0;display:flex;align-items:center;gap:90px;justify-content:center}
#inc01 .bot_box ul li{text-align:center;transition:all 0.3s}
#inc01 .bot_box ul li .img_box{width:107px;line-height:107px;background:#f5f5f5;border-radius:10px}
#inc01 .bot_box ul li .img_box a{display:block;width:100%}
#inc01 .bot_box ul li p{padding-top:30px;color:#111;font-size:18px;font-weight:800}

/* 반응형 [s] */
@media (hover:hover){
#inc01 .top_box .box_inner .left .more a:hover{padding:0 34px}
#inc01 .bot_box ul li:hover{transform:translateY(-20px)}
}
@media (max-width:1380px){
#inc01 .top_box{max-width:unset;width:95%}
#inc01 .top_box .box_inner .right .call_txt ul{justify-content:center}
#inc01 .top_box .box_inner .right .call_txt{padding:20px 0}
}
@media (max-width:1280px){
#inc01 .top_box{padding:60px 30px}
}
@media (max-width:1024px){
#inc01 .top_box{padding:75px 30px;margin:-90px auto}
#inc01 .top_box .box_inner{flex-direction:column}
#inc01 .top_box .box_inner .left{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%}
#inc01 .top_box .box_inner .left h1{font-size:24px}
#inc01 .top_box .box_inner .left .more a{gap:13px}
#inc01 .top_box .box_inner .right{width:100%}
#inc01 .top_box .box_inner .right .ko_tit{padding:0px;text-align:center}
#inc01 .top_box .box_inner .right .ko_tit p{font-size:22px}
#inc01 .top_box .box_inner .right .call_num{justify-content:center;gap:15px;padding:24px 10px;margin-top:16px}
#inc01 .top_box .box_inner .right .call_num:after{left:44px;height:110px}
#inc01 .top_box .box_inner .right .call_num .call_left{gap:15px}
#inc01 .top_box .box_inner .right .call_num .call_left p{font-size:18px}
#inc01 .top_box .box_inner .right .call_num .call_right p{font-size:30px}
#inc01 .bot_box ul{justify-content:space-evenly;gap:0px;padding:150px 0 110px}
#inc01 .bot_box ul li .img_box{width:90px;height:90px}
#inc01 .bot_box ul li .img_box a{display:flex;justify-content:center;align-items:center;height:100%}
#inc01 .bot_box ul li p{padding-top:24px;font-size:16px}
}
@media (max-width:768px){
#inc01 .pl{white-space:normal}
#inc01 .top_box{margin:70px auto 60px;padding:45px 20px}
#inc01 .top_box .box_inner{gap:60px}
#inc01 .top_box .box_inner .left h1{margin-bottom:24px;font-size:22px}
#inc01 .top_box .box_inner .left .more{margin-top:32px}
#inc01 .top_box .box_inner .left .more a{gap:7px}
#inc01 .top_box .box_inner .right .ko_tit p{font-size:20px}
#inc01 .top_box .box_inner .right .call_num{padding:20px 10px;gap:13px}
#inc01 .top_box .box_inner .right .call_num:after{display:none}
#inc01 .top_box .box_inner .right .call_num .call_left{gap:13px}
#inc01 .top_box .box_inner .right .call_num .call_left p{font-size:17px}
#inc01 .top_box .box_inner .right .call_num .call_right p{font-size:26px}
#inc01 .top_box .box_inner .right .call_txt{padding:20px 10px}
#inc01 .bot_box ul{padding:0 0  60px}
#inc01 .bot_box ul li .img_box{width:75px;height:75px}
#inc01 .bot_box ul li .img_box a img{width:33px}
#inc01 .bot_box ul li p{padding-top:17px;font-size:14px}
#inc01 .bot_box ul li:hover{transform:translateY(-15px)}
}
@media (max-width:480px){
#inc01 .top_box{margin:60px auto 50px;padding:40px 12px}
#inc01 .top_box .box_inner{gap:48px}
#inc01 .top_box .box_inner .left h1{margin-bottom:20px;font-size:20px}
#inc01 .top_box .box_inner .left .more{line-height:46px}
#inc01 .top_box .box_inner .left .more a{padding:0 25px !important}
#inc01 .top_box .box_inner .right .ko_tit p{font-size:18px}
#inc01 .top_box .box_inner .right .call_num{margin-top:12px;padding:14px 8px}
#inc01 .top_box .box_inner .right .call_num .call_left p{font-size:15px}
#inc01 .top_box .box_inner .right .call_num .call_left .icon{display:flex;justify-content:center;align-items:center;width:41px;height:41px}
#inc01 .top_box .box_inner .right .call_num .call_right p{font-size:23px}
#inc01 .top_box .box_inner .right .call_txt{padding:14px 6px;font-size:14px}
#inc01 .top_box .box_inner .right .call_txt ul{gap:20px}
#inc01 .top_box .box_inner .right .call_txt ul li + li:after{left:-13px}
#inc01 .top_box .box_inner .right .call_txt ul li .day{font-size:14px}
#inc01 .bot_box ul{padding:0 0 50px}
#inc01 .bot_box ul li .img_box{width:62px;height:62px}
#inc01 .bot_box ul li .img_box a img{width:27px}
#inc01 .bot_box ul li p{padding-top:13px;font-size:13px}
#inc01 .bot_box ul li:hover{transform:translateY(-10px)}
}
@media (max-width:380px){
#inc01 .top_box{margin:50px auto 40px;padding:30px 12px}
#inc01 .top_box .box_inner{gap:35px}
#inc01 .top_box .box_inner .left h1{margin-bottom:12px;font-size:18px}
#inc01 .top_box .box_inner .left .more{margin-top:20px;line-height:42px}
#inc01 .top_box .box_inner .right .ko_tit p{font-size:16px}
#inc01 .top_box .box_inner .right .call_num{padding:12px 6px}
#inc01 .top_box .box_inner .right .call_num .call_left p{font-size:14px}
#inc01 .top_box .box_inner .right .call_num .call_left .icon{width:38px;height:38px}
#inc01 .top_box .box_inner .right .call_num .call_right p{font-size:20px}
#inc01 .top_box .box_inner .right .call_txt{padding:10px 6px;font-size:13px}
#inc01 .top_box .box_inner .right .call_txt ul li{gap:6px}
#inc01 .top_box .box_inner .right .call_txt ul li + li:after{left:-13px}
#inc01 .top_box .box_inner .right .call_txt ul li .day{font-size:13px}
#inc01 .bot_box ul{padding:0 0 40px}
#inc01 .bot_box ul li .img_box{width:56px;height:56px}
#inc01 .bot_box ul li .img_box a img{width:25px}
#inc01 .bot_box ul li p{padding-top:11px}
}
/* 반응형 [e] */