@charset "utf-8";

#inc02{position:relative;line-height:1;z-index:2}
#inc02::before{position:absolute;z-index:1;top:0;left:0;content:"";display:block;width:55%;height:615px;background:#fff;border-radius:0 0 85px 0}
#inc02 .inner{position:absolute;top:0;left:50%;z-index:3;transform:translateX(-50%);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:0 auto;max-width:1500px;width:1500px}
#inc02 .left_news{width:750px;padding-top: 70px;}
#inc02 .all_txt_wrap02{display: flex;align-items: center;justify-content: space-between;margin-bottom:50px}
#inc02 .left_news .n_b_top{display:flex;align-items:center;justify-content:space-between;}
#inc02 .left_news .tab_wrap{display:flex;align-items:center;gap:10px}
#inc02 .left_news .tab_wrap > li > a{display:inline-block;padding:8px 15px;border-radius:3px;background:rgba(52,169,160,0.1);color:var(--primary);font-weight:600;font-size:16px;transition:all .3s}
#inc02 .left_news .tab_wrap > li.on > a{background:var(--primary);color:#fff}
#inc02 .left_news .tab_wrap > li > a:hover{background:var(--primary);color:#fff}
#inc02 .left_news .more_btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#333;border-radius:50pt}
#inc02 .left_news .more_btn .plus{display:block;color:#fff;transition:transform .4s ease}
#inc02 .left_news .more_btn:hover .plus{transform:rotate(360deg)}
#inc02 .left_news .tab_cont{border-top:2px solid #111}
#inc02 .left_news .tab_list{display:none}

#inc02 .left_news .tab_cont .link-notice{display: flex;align-items: center;justify-content: space-between;gap: 24px;padding: 20px;border-bottom:1px solid #e1e1e1}
#inc02 .left_news .tab_cont .link-notice .cate{display: flex;align-items: center;justify-content: center;width:80px;font-size: 15px;font-weight: 500;padding: 8px 14px;border-radius:5px;background-color: #005bac;color:#fff}
#inc02 .left_news .tab_cont .link-notice .subject{flex: 1;font-size: 16px;font-weight: 500;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}
#inc02 .left_news .tab_cont .link-notice .date{color:#777}


#inc02 .left_news .tab_list > li{height:74px;border-bottom:1px solid #E1E1E1;transition:all .5s}
#inc02 .left_news .tab_list > li > a{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:100%}
#inc02 .left_news .tab_list > li .l_txt{display:flex;align-items:center;min-width:0}
#inc02 .left_news .tab_list > li .title{display:inline-block;white-space:nowrap;margin-right:24px;padding:7px 10px;color:#fff;font-weight:700;border-radius:3px;background:#333;font-size:13px}
#inc02 .left_news .tab_list > li .txt{overflow:hidden;width:95%;font-weight:600;font-size:18px;white-space:nowrap;text-overflow:ellipsis}
#inc02 .left_news .tab_list > li .date{display:flex;align-items:center;color:#AAA;font-weight:400;font-size:14px;white-space:nowrap}
#inc02 .left_news .tab_list > li .date .date_icon{display:inline-block;margin-right:8px;color:#AAA;font-size:16px}
#inc02 .left_news .tab_list > li.empty{color:#000;font-weight:600;font-size:18px}

#inc02 .right_sns{position:relative;top:0px;z-index:5;padding:55px 34px 36px;width:521px;border-radius:30px;background:#fff;box-sizing:border-box;box-shadow:0 0 20px rgba(0,0,0,0.1)}
#inc02 .right_sns .sns_list{display:flex;align-items:center;gap:7px;margin-bottom:40px} 
#inc02 .right_sns .s_title{display:inline-block;margin-bottom:9px;color:#005bac;font-weight:700;font-size:16px}
#inc02 .right_sns .s_b_txt{line-height:1.2;margin-bottom:26px;color:#000;font-weight:700;font-size:24px}
#inc02 .right_sns .link_box{overflow:hidden;max-width:453px;width: 100%;height: 318px;border-radius:20px}
#inc02 .right_sns .link_box iframe{width: 100%;height: 100%;object-fit: cover;}
#inc02 .right_sns .link_box img{max-width:100%}
#inc02 .right_sns .round{position:absolute;top:-73px;right:50px;width:176px;height:176px;border-radius:50%;background:#f79534;box-shadow:0 4px 4px rgba(0, 0, 0, 0.25);transition:transform .3s ease, box-shadow .3s ease, filter .3s ease}
#inc02 .right_sns .round > a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:#fff}
#inc02 .right_sns .round > a:focus-visible{outline:3px solid #fff;outline-offset:4px}
#inc02 .right_sns .round > a > span{display:block;margin-bottom:10px;line-height:1.2;text-align:center;font-weight:700;font-size:18px}
#inc02 .right_sns .round > a > b{display:block;font-weight:700;font-size:22px}
#inc02 .right_sns .round span,#inc02 .right_sns .round b{transition:transform .3s ease}

#inc02 .right_bnr{position:relative;top:0px;z-index:5;padding:50px;width:520px;border-radius:30px;background:#fff;box-sizing:border-box;box-shadow:0 0 20px rgba(0,0,0,0.1);line-height:1.45;background:url('./img/inc02_bg.jpg')}
#inc02 .right_bnr span{color:#005bac;font-weight:700;font-size:18px;word-break:keep-all}
#inc02 .right_bnr>p{margin-bottom:20px;font-size:15px;color:#111;font-size:34px;font-weight:500;font-family: 'SBAggroB', sans-serif}
#inc02 .right_bnr a{display:inline-flex;gap:20px;margin-top:20px;border-radius:50px;padding:15px 25px;font-size:16px;font-weight:600;color:#fff;background:#222;transition:all .3s}
#inc02 .right_bnr ul li{display:flex;gap:10px;padding:13px;border-radius:8px;border:1px solid rgba(255,255,255,.8);font-size:16px;font-weight:700;color:#000;background:rgba(255,255,255,.5)}
#inc02 .right_bnr ul li+li{margin-top:5px}


/* 반응형 [s] */
@media (hover:hover){
#inc02 .right_sns .round:hover{transform:translateY(-2px) scale(1.005);box-shadow:0 8px 14px rgba(0,0,0,0.18);filter:brightness(1.04)}
#inc02 .left_news .tab_list > li:hover{background:#f5f5f5}
#inc02 .right_sns .round:hover span{transform:translateY(-2px)}
#inc02 .right_sns .round:hover b{transform:translateY(-2px)}
#inc02 .right_bnr a:hover{gap:25px;background:#000}
}
@media (max-width:1600px){
#inc02 .inner{max-width:initial;width:95%}
#inc02 .right_sns{width:37%}
#inc02 .left_news{width:51%}
}
@media (max-width:1300px){
    #inc02 .all_txt_wrap02{margin-bottom: 30px;}
    #inc02 .left_news{padding-top: 100px;}
}
@media (max-width:1200px){
#inc02::before{display:none}
#inc02 .inner{position:static;left:initial;transform:none;flex-direction:column}
/* #inc02 .all_txt_wrap02{margin-bottom:40px} */
#inc02 .all_txt_wrap02 .all_tit02{text-align:center}
#inc02 .left_news{width:100%;margin-bottom:130px;padding-top: 0;}
#inc02 .left_news .tab_cont .link-notice{gap: 16px;}
#inc02 .left_news .tab_cont .link-notice .cate{padding: 7px 12px;font-size: 14px;}
#inc02 .right_sns{margin:0 auto;min-width:521px}

}
@media (max-width:1024px){
#inc02 .all_txt_wrap02{margin-bottom:30px}
#inc02 .left_news{margin-bottom:173px}
#inc02 .left_news .tab_cont .link-notice{padding: 16px;}
}
@media (max-width:768px){
#inc02 .inner{width:100%;padding:0 15px}
#inc02 .left_news{margin-bottom:117px}
/* #inc02 .left_news .n_b_top{margin-bottom:20px} */
#inc02 .right_sns{border-radius:20px}
#inc02 .right_sns .round{width:140px;height:140px;top:-57px}
#inc02 .right_sns .round > a > span{font-size:18px}
#inc02 .right_sns .round > a > b{font-size:25px}
#inc02 .right_sns .s_b_txt{font-size:22px}
#inc02 .right_sns .link_box{border-radius:15px}
#inc02 .left_news .tab_cont .link-notice .subject{font-size: 15px;}
#inc02 .left_news .tab_cont .link-notice .date{font-size: 14px;}
#inc02 .all_txt_wrap02{margin-bottom: 20px;}

#inc02 .right_bnr{max-width:100%;padding:35px;border-radius:20px}
}
@media (max-width:580px){
#inc02 .left_news .tab_list > li{height:65px}
#inc02 .left_news .tab_list > li > a{padding:0 10px}
#inc02 .left_news .tab_list > li .txt{font-size:17px}
#inc02 .left_news .tab_list > li .title{margin-right:15px;padding:7px 9px;font-size:12px}
#inc02 .right_sns{width:90%;min-width:initial;padding:45px 25px 25px}
#inc02 .right_sns .round{width:130px;height:130px;right:40px}
#inc02 .right_sns .round > a > span{font-size:16px}
#inc02 .right_sns .round > a > b{font-size:20px}
#inc02 .right_sns .s_b_txt{font-size:20px}
#inc02 .right_sns .s_title{font-size:15px}
#inc02 .right_sns .sns_list{margin-bottom:30px}
}
@media (max-width:480px){

#inc02 .left_news{margin-bottom:100px}
#inc02 .left_news .tab_wrap > li > a{font-size:15px}
#inc02 .left_news .tab_list > li{height:auto}
#inc02 .left_news .tab_list > li > a{display:block;padding:15px 10px}
#inc02 .left_news .tab_list > li .txt{width:100%;font-size:16px}
#inc02 .left_news .tab_list > li .date{justify-content:flex-end;margin-top:5px;width:100%}
#inc02 .left_news .more_btn{width:40px;height:40px}
#inc02 .left_news .more_btn .plus{width:20px;height:20px}
#inc02 .left_news .tab_cont .link-notice{padding: 16px 10px;}
#inc02 .left_news .tab_cont .link-notice .cate{display: none;}
#inc02 .left_news .tab_cont .link-notice .subject{position: relative;padding-left: 10px;font-size: 14px;}
#inc02 .left_news .tab_cont .link-notice .subject::before{position: absolute;content:'';top: 50%;left: 0;transform: translateY(-50%);width: 3px;height: 3px;border-radius:10px;background-color:var(--primary);}
#inc02 .left_news .tab_cont .link-notice .date{font-size: 12px;}

#inc02 .right_sns{padding:40px 20px 20px;width:95%}
#inc02 .right_sns .round{top:-47px;right:30px;width:120px;height:120px}
#inc02 .right_sns .round > a > span{font-size:15px}
#inc02 .right_sns .round > a > b{font-size:17px}
#inc02 .right_sns .link_box{border-radius:10px}
#inc02 .right_sns .s_b_txt{font-size:19px}

#inc02 .right_bnr {transform: translateY(-60px);padding:25px}
#inc02 .right_bnr a{padding:15px}
#inc02 .right_bnr span{font-size:16px}
#inc02 .right_bnr>p{font-size:28px}
}
@media (max-width:390px){
#inc02 .right_sns .round > a > b{font-size:16px}
#inc02 .right_sns .round{width:110px;height:110px}
#inc02 .right_sns .round > a > span{font-size:14px}
#inc02 .right_sns .s_title{font-size:14px}
#inc02 .right_sns .s_b_txt{font-size:18px}
#inc02 .right_bnr{text-align:center}
#inc02 .right_bnr ul li{flex-direction:column;align-items:center;gap:5px;font-size:15px}
#inc02 .right_bnr a{padding:10px 20px;margin-top:15px}
}
/* 반응형 [e] */