@charset "utf-8";

.innovatory_area{width:100%;padding-bottom:100px;overflow:hidden;box-sizing:border-box}
.innovatory_area *{box-sizing:border-box;word-break:keep-all}

/*바우처 상단*/
.innovatory_area .sub_bnr{width:100%;margin-bottom:100px;padding:200px 20px 0;position:relative}
.innovatory_area .sub_bnr .bg_video{width:100%;height:calc(100% - 100px);background:#000;position:absolute;top:0;left:0}
.innovatory_area .sub_bnr .bg_video video{width:100%;height:100%;filter:grayscale(1);opacity:.3;object-fit:cover}

.innovatory_area .tit_box{margin-bottom:50px;text-align:center;position:relative;z-index:2}
.innovatory_area .tit_box .s_tit{margin-bottom:10px;font-size:17px;font-weight:700;color:#0090ff}
.innovatory_area .tit_box .tit{margin-bottom:10px;font-size:65px;font-weight:700;color:#fff}
.innovatory_area .tit_box .txt{font-size:20px;font-weight:500;line-height:150%;color:rgba(255,255,255,.9);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px}
.innovatory_area .tit_box .txt p{width:100%}
.innovatory_area .tit_box .txt .bar{width:2px;height:20px;background:#fff;position:relative}
.innovatory_area .tit_box .txt .bar:before{content:'';width:100%;height:0;background:#0090ff;position:absolute;top:0;left:0;animation: heightPulse 2s infinite}
 @keyframes heightPulse {0% {height:0;top:0;}40% {height:100%;top:0;}60%{height:100%;top:auto;bottom:0}100% {height:0;top:auto;bottom:0}}

.innovatory_area .sc_list{max-width:880px;margin:0 auto;position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.innovatory_area .sc_list li{width:34.5%;padding-bottom:34.5%;border-radius:100%;box-shadow:0 1rem 1rem rgba(0,0,0,.2);background:#0090ff;position:relative;transform:scale(.8);opacity:0;transition:all 1s}
.innovatory_area .sc_list li + li{margin-left:-2.5%}
.innovatory_area .sc_list li .inner{width:100%;padding:0 20px;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.innovatory_area .sc_list li.sc01{background:#0066f2}
.innovatory_area .sc_list li.sc02{background:#fff}
.innovatory_area .sc_list li.sc03{background:#004fbb}
.innovatory_area .sc_list li:before{content:'';width:90%;height:90%;border-radius:100%;border:1px dashed #fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation: rotateSlow 20s linear infinite;opacity:.4}
.innovatory_area .sc_list li.sc02:before{border:1px dashed #0066f2}
@keyframes rotateSlow {from {transform: translate(-50%, -50%) rotate(0deg);}to {transform: translate(-50%, -50%) rotate(360deg);}}

.innovatory_area .sc_list li .s_tit{margin-bottom:10px;font-size:17px;font-weight:700;color:#fff}
.innovatory_area .sc_list li .tit{font-size:40px;font-weight:700;color:#fff}
.innovatory_area .sc_list li .tit span{font-size:18px}

.innovatory_area .sc_list li.sc02 .s_tit{color:#0066f2}
.innovatory_area .sc_list li.sc02 .tit{color:#0066f2}

.innovatory_area .sc_list.aos-animate li{transform:scale(1);opacity:1}

/*바우처 본문*/
.innovatory_area .big_tit{margin:0 auto 80px;padding:0 35px;font-size:55px;font-weight:700;text-align:center;color:#333}
.innovatory_area .big_tit span{display:inline-block}
.innovatory_area .big_tit .quotes{display:inline-block;font-style:normal;position:relative}
.innovatory_area .big_tit .quotes:before{content:'';width:34px;height:27px;position:absolute;opacity:.5}
.innovatory_area .big_tit .quotes_left{padding-left:47px}
.innovatory_area .big_tit .quotes_right{padding-right:40px}
.innovatory_area .big_tit .quotes_left:before{background:url(/img/sub/quotes_left.png) no-repeat center/cover;left:0}
.innovatory_area .big_tit .quotes_right:before{background:url(/img/sub/quotes_right.png) no-repeat center/cover;right:0}

.innovatory_area .big_tit .bold{display:inline-block;font-style:normal;position:relative;transition:all 1s}
.innovatory_area .big_tit .bold:before{content:'';width:0;height:2px;background:#0066f2;position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);transition:all 1s}
.innovatory_area .big_tit.aos-animate .bold{color:#0066f2}
.innovatory_area .big_tit.aos-animate .bold:before{width:100%}

.innovatory_area .cont_box + .cont_box{margin-top:100px}

.innovatory_cont .box_tit{margin-bottom:100px;text-align:center}
.innovatory_cont .box_tit .tit{font-size:40px;color:#222;}
.innovatory_cont .box_tit .chk_icon{display:block;}
.innovatory_cont .box_tit .txt{margin-top:10px;font-size:18px;line-height:150%;color:#666}
.innovatory_cont .box_tit .txt span{color:#0066f2}

.innovatory_cont .box_tit .txt2{max-width:1000px;width:100%;margin:30px auto 0;padding:30px;border-radius:20px;background: url(/company/img/about_bg.png) repeat;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px}
.innovatory_cont .box_tit .txt2 p{width:100%;font-size:18px;font-weight:700;line-height:150%;color:#fff;}
.innovatory_cont .box_tit .txt2 .bar{width:2px;height:20px;background:rgba(255,255,255,.8);position:relative}
/*
.innovatory_cont .box_tit .txt2 .bar:before{content:'';width:100%;height:0;background:#0090ff;position:absolute;top:0;left:0;animation: heightPulse 2s infinite}
 @keyframes heightPulse {0% {height:0;top:0;}40% {height:100%;top:0;}60%{height:100%;top:auto;bottom:0}100% {height:0;top:auto;bottom:0}}
 */

.info_list_wrap{width:100%;padding:100px 50px;background:#f8f8fb}
.info_list_area {max-width:1200px;width:100%;margin:0 auto}
.info_list_area .info_list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:30px 0}
.info_list_area .info_list + .info_list{margin-top:50px;padding-top:50px;border-top:1px dashed #ddd}
.info_list_area .info_tit {width:380px;display:flex;flex-wrap:wrap;align-items:center}
.info_list_area .info_tit .num{width:45px;height:45px;border-radius:10px;background:#0066f2;font-size:17px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center}
.info_list_area .info_tit .i_tit{width:calc(100% - 45px);padding-left:20px;font-size:20px;font-weight:700;color:#222}

.info_list_area .info_txt {width:calc(100% - 380px)}
.info_list_area .info_txt.info_txt_full{width:100%}
.info_list_area .info_txt .txt{font-size:18px;font-weight:500;line-height:150%;color:#333}
.info_list_area .info_txt .blue_txt{font-size:20px;font-weight:700;color:#0066f2}
.info_list_area .info_txt .txt_list{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}
.info_list_area .info_txt .txt_list li{padding:10px 20px;border-radius:50px;background:#fff;font-size:18px;font-weight:700;color:#222;box-shadow:0 0 10px rgba(0,0,0,.05)}
.info_list_area .info_txt .tip_box{margin-top:20px;padding:30px;border-radius:20px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.05)}
.info_list_area .info_txt .tip_box .tip_tit{font-size:18px;font-weight:600;color:#333}
.info_list_area .info_txt .tip_box .tip_txt{margin-top:10px;font-size:17px;line-height:150%;color:#888;}

.info_list_area .type_list{padding-top:25px;display:flex;flex-wrap:wrap;justify-content:center;gap:50px 2%}
.info_list_area .type_list li{width:32%;padding:80px 30px 50px;border-radius:20px;background:#fff;text-align:center;position:relative;box-shadow:0 0 10px rgba(0,0,0,.05)}
.info_list_area .type_list li .num{width:50px;height:50px;border-radius:50px;background:#1f242b;font-size:17px;font-weight:700;color:#fff;position:absolute;top:-25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center}
.info_list_area .type_list li .icon{margin-bottom:20px}
.info_list_area .type_list li .tit{margin-bottom:10px;font-size:20px;font-weight:700;color:#222}
.info_list_area .type_list li .s_tit{margin-bottom:10px;font-size:15px;font-weight:700;color:#0066f2}
.info_list_area .type_list li .txt{font-size:17px;line-height:150%;color:#888;word-break:keep-all}
.info_list_area .type_list li .service{display:inline-block;margin-top:15px;padding:10px 20px;background:#1f242b;border-radius:5px;font-size:15px;color:#fff;transition:all .3s}
.info_list_area .type_list li .service:hover{background:#0066f2}

.info_list_area .link_area{max-width:600px;width:100%;margin-top:20px;display:flex;flex-wrap:wrap;gap:1rem 2%}
.info_list_area .link_area li{width:49%;}
.info_list_area .link_area li a{width:100%;height:100%;padding:20px;border-radius:10px;background:#1f242b;font-size:17px;font-weight:700;text-align:center;color:#fff;transition:all .3s;display:flex;align-items: center;justify-content:center;}

.info_list_area .link_area li a.link1{background:#11a1d1}
.info_list_area .link_area li a.link2{background:#0a6290}
.info_list_area .link_area li a.link3{background:#0c5bbb}
.info_list_area .link_area li a.link4{background:#0a3f80}
.info_list_area .link_area li a:hover{background:#000;box-shadow:0 10px 10px rgba(0,0,0,.1)}

/*바우처 테이블*/
.info_list_area .tbl_cont{width:100%}

.info_list_area .tbl_cont_scroll_area{position:relative}
.info_list_area .tbl_cont_scroll_area .touch_info{width:100%;height:100%;padding:50px 20px;background:rgba(0,0,0,.2);top:0;left:0;transform:none}

.info_list_area .tbl_cont .inno_tbl{width:100%;background:#fff}
.info_list_area .tbl_cont .inno_tbl th{padding:15px;background:#1f242b;border-right:1px solid #4a4e54;font-size:17px;font-weight:700;color:#fff}
.info_list_area .tbl_cont .inno_tbl th p{font-size:12px}
.info_list_area .tbl_cont .inno_tbl td{padding:15px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:17px;font-weight:500;text-align:center;color:#333}
.info_list_area .tbl_cont .inno_tbl td.td_tit{border-left:1px solid #ddd;background:#f7f7f7;color:#222;font-weight:500}
.info_list_area .tbl_cont .inno_tbl td .num{display:block}
.info_list_area .tbl_cont .td_list{text-align:left}
.info_list_area .tbl_cont .td_list li{padding:0 0 10px 10px;margin-bottom:10px;border-bottom:1px dashed #ddd;position:relative}
.info_list_area .tbl_cont .td_list li:before{content:'';width:3px;height:3px;border-radius:3px;background:#0066f2;position:absolute;left:0;top:10px}
.info_list_area .tbl_cont .td_list li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}

.info_list_area .tbl_tip_txt{margin-top:10px;font-size:16px;color:#888;text-align:right}

.info_list_area .tbl_cont .inno_tbl2 td{color:#666;font-weight:400}
.info_list_area .tbl_cont .inno_tbl td.td_tit.yellow_bg,
.yellow_bg{background:#fffdda}
.blue{color:#0041d5;font-weight:700}

/*제공혜택*/
.innovatory_area .service_list{max-width:1300px;width:100%;padding:0 50px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content: center;gap:50px 2%}
.innovatory_area .service_list li{width:32%;padding:60px 30px 40px;border-radius:20px;background:#f8f8fb;text-align:center;position:relative}
.innovatory_area .service_list li .num{width:40px;height:40px;border-radius:40px;background:#1f242b;font-size:15px;font-weight:700;color:#fff;position:absolute;top:-20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center}
.innovatory_area .service_list li .icon{margin-bottom:10px}
.innovatory_area .service_list li .tit{font-size:20px;font-weight:700;color:#222}
.innovatory_area .service_list li .txt{margin-top:10px;font-size:17px;line-height:150%;color:#666}

@media(max-width:1280px){
.innovatory_area{padding-bottom:90px}	
/*바우처 상단*/
.innovatory_area .tit_box .tit{font-size:55px}

/*바우처 본문*/
.innovatory_area .big_tit{font-size:50px}
.innovatory_cont .box_tit .tit{font-size:37px}

.info_list_area .info_tit{width:300px}
.info_list_area .info_txt{width:calc(100% - 300px)}
.info_list_area .type_list li .txt br{display:none}
}

@media(max-width:1024px){
.innovatory_area{padding-bottom:80px}	
/*바우처 상단*/
.innovatory_area .sub_bnr{padding:150px 20px 0}
.innovatory_area .tit_box .tit{font-size:45px}
.innovatory_area .sc_list li .tit{font-size:30px}

/*바우처 본문*/
.innovatory_area .big_tit{font-size:52px;margin-bottom:50px}

.innovatory_area .cont_box + .cont_box{margin-top:50px}

.info_list_wrap{padding:80px 30px}
.innovatory_cont .box_tit{max-width:758px;width:100%;margin:0 auto 50px;padding:0 20px}

.innovatory_cont .box_tit .tit{font-size:34px}
.innovatory_cont .box_tit .txt br{display:none}
.innovatory_cont .box_tit .txt2{padding:30px 18px}

.info_list_area .info_tit{width:100%;background:#fff}
.info_list_area .info_txt{width:100%}

.info_list_area .type_list li{width:49%}
.info_list_area .link_area{margin:20px auto 0}

/*제공혜택*/
.innovatory_area .service_list{padding:0 30px}
.innovatory_area .service_list li .txt br{display:none}
}

@media(max-width:767px){
.innovatory_area{padding-bottom:70px}	

/*바우처 상단*/
.innovatory_area .sub_bnr{padding:130px 20px 0}
.innovatory_area .sub_bnr{margin-bottom:70px}
.innovatory_area .tit_box .tit{font-size:42px}
.innovatory_area .tit_box .txt br{display:none}
.innovatory_area .sc_list{max-width:500px}
.innovatory_area .sc_list li{width:51%;padding-bottom:51%}
.innovatory_area .sc_list li + li{margin-left:-2%}
.innovatory_area .sc_list li:last-child{margin:-8% 0 0 0;}
.innovatory_area .sc_list li .tit{font-size:27px}

/*바우처 본문*/
.innovatory_area .big_tit{padding-top:40px;font-size:49px;position:relative}
.innovatory_area .big_tit:before{content:'';width:34px;height:27px;background:url(/img/sub/quotes_left.png) no-repeat center/cover;position:absolute;left:50%;top:0;transform:translateX(-50%);opacity:.5}
.innovatory_area .big_tit .quotes_left, .innovatory_area .big_tit .quotes_right{display:inline;padding:0}
.innovatory_area .big_tit .quotes_left:before{display:none}
.innovatory_area .big_tit .quotes_right:before{display:none}

.info_list_area .info_list + .info_list{margin-top:30px;padding-top:30px}
.info_list_area .type_list {max-width:500px;width:100%;margin:0 auto}
.info_list_area .type_list li{width:100%}
.info_list_area .type_list li .num{width:44px;height:44px;top:-22px}

/*바우처 테이블*/
.info_list_area .tbl_cont_scroll_area{position:relative}
.info_list_area .tbl_cont_scroll_area .touch_info{display:block}
.info_list_area .tbl_cont{overflow-X:auto}
.info_list_area .tbl_cont .inno_tbl2{min-width:800px}

/*제공혜택*/
.innovatory_area .service_list li{width:49%}
}

@media(max-width:480px){
.innovatory_area{padding-bottom:60px}	
/*바우처 상단*/
.innovatory_area .sub_bnr{padding:110px 15px 0}
.innovatory_area .tit_box .tit{font-size:39px}
.innovatory_area .tit_box .txt{font-size:17px}

.innovatory_area .sc_list li .s_tit{font-size:14px}
.innovatory_area .sc_list li .tit{font-size:7vw;line-height:100%;}
.innovatory_area .sc_list li .tit span{font-size:14px}

/*바우처 본문*/
.innovatory_area .big_tit{font-size:43px}

.innovatory_cont .box_tit .tit{font-size:31px}
.innovatory_cont .box_tit .txt{font-size:17px}
.innovatory_cont .box_tit .txt2 p{font-size:17px}

.info_list_wrap{padding:50px 20px}
.info_list_area .info_tit .i_tit{font-size:17px}
.info_list_area .info_txt .txt{font-size:17px}
.info_list_area .info_txt .txt_list{justify-content:center}
.info_list_area .info_txt .txt_list li{font-size:16px}

.info_list_area .type_list{gap:35px}
.info_list_area .type_list li{padding:50px 20px 30px}
.info_list_area .type_list li .num{width:40px;height:40px;top:-20px}
.info_list_area .type_list li .icon img{width:70px}
.info_list_area .type_list li .tit{margin-bottom:0;font-size:19px}

.info_list_area .link_area{gap:5px}
.info_list_area .link_area li{width:100%}

.info_list_area .tbl_cont .inno_tbl td{padding:10px;font-size:16px}

/*제공혜택*/
.innovatory_area .service_list{padding:0 20px;gap:35px}
.innovatory_area .service_list li{width:100%;padding:50px 20px 30px}
.innovatory_area .service_list li .icon img{width:60px}
.innovatory_area .service_list li .tit{font-size:19px}
}

@media(max-width:320px){

/*바우처 상단*/
.innovatory_area .sub_bnr .bg_video{height:calc(100% - 40px)}
.innovatory_area .tit_box .tit{font-size:36px}
.innovatory_area .tit_box .txt{font-size:16px}
.innovatory_area .sc_list{gap:10px}
.innovatory_area .sc_list li{width:100%;padding-bottom:35%;border-radius:20px}
.innovatory_area .sc_list li + li{margin-left:0}
.innovatory_area .sc_list li:last-child{margin:0}
.innovatory_area .sc_list li:before{display:none}

/*바우처 본문*/
.innovatory_area .big_tit{font-size:40px}
.innovatory_cont .box_tit .tit{font-size:28px}
.innovatory_cont .box_tit .txt{font-size:16px}

.info_list_area .info_txt .txt{font-size:16px}
.info_list_area .type_list li .txt{font-size:16px}

.info_list_area .info_txt .blue_txt{font-size:17px}

.info_list_area .link_area li a{font-size:16px}

/*제공혜택*/
.innovatory_area .service_list li .txt{font-size:16px}
}