@charset "utf-8";

#inc03{width:100%;position:relative;padding-top:130px;height:1002px;border-bottom:1px solid #e1e1e1;font-family:var(--e-font), var(--k-font)}
#inc03:after {position:absolute;content:'';left:20%;top:0;width:1px;height:100%;background:#e1e1e1;z-index:-1}
#inc03 .pl{white-space:pre-line}
#inc03 > .latest_tit{position:absolute;top:-50px;display:inline-block;padding: 72px 200px 76px 100px;color:rgba(255,255,255,0.6);background:var(--primary);font-size: 17px;}
#inc03 > .latest_tit h2{padding-bottom:20px;color:#fff;line-height:1.24;font-size:40px;font-weight:700;white-space:pre-line}
#inc03 .inner{width:100%;max-width:1600px;margin:0 auto;font-size: 17px;}
#inc03 .inner .tit_box{padding:0 0 80px 480px;font-family:var(--k-font)}
#inc03 .inner .tit_box h2{padding-bottom:40px;color:#111;line-height:1.3;font-size:40px;font-weight:700}
#inc03 .inner .tit_box .flex{display:flex;justify-content:space-between}
#inc03 .inner .tit_box .flex .right .more{display:flex;align-items:center;justify-content:center;gap:30px;width:180px;line-height:55px;color:#fff;background:#111;border-radius:50px;text-align:center;font-size:15px;font-weight:700;transition:all 0.2s}
#inc03 .inner .tit_box .flex .right .more svg{width:18px}
#inc03 .inner .tit_box .flex .right .more:hover{gap:20px}
#inc03 .inner .tit_box .flex .left{white-space:pre-line;word-break:keep-all}

/*라테스트*/
#inc03 .tab-content{width:75%;border-top:3px solid #111}
#inc03 .tab-content li{padding:40px 60px;list-style:none;border-bottom:1px solid #e1e1e1}
#inc03 .tab-content li .wrap{display:flex;align-items:center}
#inc03 .tab-content li .wr_cont{display:flex;gap:40px}
#inc03 .tab-content li .wr_cont .latest_tit{color:var(--primary);font-weight:700}
#inc03 .tab-content li .wr_cont .subj{color:#111;font-weight:700;font-size:16px}
#inc03 .tab-content li .wr_cont .subj img{display:none}
#inc03 .tab-content li .more{margin-left:auto;display:flex;align-items:center;justify-content:center;width:45px;height:45px;border:1px solid #e1e1e1;border-radius:50px;transition:all 0.2s}
#inc03 .tab-content li .more svg{width:18px}
#inc03 .tab-content li .more:hover{background:var(--primary);border:none}
#inc03 .tab-content li .more:hover svg{color:#fff}
#inc03 .tab-content li .date{padding-top:6px;font-weight:500;font-size:16px;color:#888}
#inc03 .tabs{display:flex;justify-content:flex-end}
#inc03 .tabs ul{position:absolute;top:31%;left:10%}
#inc03 .tabs ul li{padding:0 0 24px 15px;font-size:20px;color:#111;cursor:pointer;font-weight:700}
#inc03 .tabs ul li::before{content:"";display:inline-block;position:relative;top:-5px;left:-20px;width:5px;height:5px;border-radius:100%;background:var(--primary);opacity:0}
#inc03 .tabs ul li.active{color:var(--primary)}
#inc03 .tabs ul li.active::before{opacity:1}
#inc03 .tab-content {display:none}
#inc03 .tab-content.active{display:block}

/* 반응형 [s] */
@media (max-width:1800px){
#inc03 > .latest_tit{padding:72px 200px 76px 40px}
}
@media (max-width:1500px){
#inc03 > .latest_tit{padding:70px 160px 76px 30px}
}
@media (max-width:1380px){
#inc03{height:960px}
#inc03 > .latest_tit{padding:40px 110px 60px 5%}
#inc03 .inner .tit_box{padding:0 5% 80px 450px}
#inc03 .inner .tit_box h2{font-size:36px}
#inc03 .inner .tit_box .flex .right .more{width:172px}
#inc03 .tabs ul{top:34%;left:5%}
#inc03 .tab-content{width:70%}
}
@media (max-width:1024px){
#inc03{padding-top:0px;height:auto}
#inc03:after{display:none}
#inc03 > .latest_tit{position:relative;padding:20px 2.5%;width:100%;top:-1px}
#inc03 > .latest_tit h2{padding-bottom:10px;font-size:36px;white-space:normal}
#inc03 .inner{margin-top:75px}
#inc03 .inner .tit_box{padding:0px;margin:auto;width:95%}
#inc03 .inner .tit_box h2{padding-bottom:25px;font-size:28px}
#inc03 .inner .tit_box .flex .right .more{width:165px;line-height:52px}
#inc03 .inner .cont{margin-top:75px}
#inc03 .tabs ul{position:relative;top:unset;left:unset;padding:40px 0 0 2.5%;width:20%;border-top:3px solid #111}
#inc03 .tabs ul li{position:relative;padding:0 0 0px 15px;font-size:17px}
#inc03 .tabs ul li::before{position:absolute;top:50%;left:0px;transform:translateY(-50%)}
#inc03 .tabs ul li+li{margin-top:20px}
#inc03 .tab-content{width:80%}
#inc03 .tab-content li{padding:35px 2.5%;border-left:1px solid #e1e1e1}
#inc03 .tab-content li:last-child{border-bottom:none}
#inc03 .tab-content li .wr_cont .subj{font-size:15px}
#inc03 .tab-content li .date{font-size:15px}
}
@media (max-width:768px){
#inc03 .inner{font-size:15px}
#inc03 > .latest_tit{text-align:center}
#inc03 > .latest_tit h2{padding-bottom:8px;font-size:30px}
#inc03 .inner .tit_box{text-align:center}
#inc03 .inner .tit_box h2{font-size:25px}
#inc03 .inner .tit_box .flex{flex-direction:column;align-items:center;gap:45px}
#inc03 .inner .tit_box .flex .right .more{gap:20px;width:155px;line-height:50px}
#inc03 .inner .tit_box .flex .left{white-space:normal;width:80%}
#inc03 .tabs{flex-direction:column}
#inc03 .tabs ul{display:flex;padding:15px 0;width:100%}
#inc03 .tabs ul li{padding-left:0px;width: calc(100% / 2);text-align:center;font-size:16px}
#inc03 .tabs ul li::before{top:unset;bottom:-2px;left:50%;transform:translateX(-50%);width:68px;height:2px;border-radius:0px}
#inc03 .tabs ul li+li{margin-top:0px}
#inc03 .tab-content{width:100%;border-top:1px solid #e1e1e1}
#inc03 .tab-content li{border-left:none}
}
@media (max-width:480px){
#inc03 > .latest_tit{padding:15px 2.5%;font-size:14px}
#inc03 > .latest_tit h2{padding-bottom:5px;font-size:24px}
#inc03 .inner{margin-top:50px}
#inc03 .inner .tit_box h2{padding-bottom:20px;font-size:21px}
#inc03 .inner .tit_box .flex{gap:35px}
#inc03 .inner .tit_box .flex .left{width:95%}
#inc03 .inner .tit_box .flex .right .more{width:145px;line-height:48px;font-size:14px}
#inc03 .inner .cont{margin-top:60px}
#inc03 .tabs ul li{font-size:15px}
#inc03 .tab-content li{padding:25px 2.5%}
#inc03 .tab-content li .wr_cont{gap:12px;flex-direction:column}
#inc03 .tab-content li .wr_cont .subj{font-size:14px}
#inc03 .tab-content li .date{padding-top:3px;font-size:14px}
#inc03 .tab-content li .more{width:40px;height:40px}
}
@media (max-width:380px){
#inc03 > .latest_tit{padding:12px 2.5%;font-size:13px} 
#inc03 > .latest_tit h2{padding-bottom:3px;font-size:21px}
#inc03 .inner{margin-top:40px}
#inc03 .inner .tit_box h2{padding-bottom:15px;font-size:19px}
#inc03 .inner .tit_box .flex{gap:30px}
#inc03 .inner .tit_box .flex .right .more{gap:15px !important;width:130px;line-height:45px;font-size:13px}
#inc03 .inner .cont{margin-top:50px}
#inc03 .tabs ul li{font-size:14px}
#inc03 .tabs ul li::before{width:60px}
#inc03 .tab-content li{padding:20px 2.5%}
#inc03 .tab-content li .wr_cont{gap:8px}
#inc03 .tab-content li .wr_cont .subj{font-size:13px}
#inc03 .tab-content li .date{padding-top:0px;font-size:13px}
#inc03 .tab-content li .more{width:35px;height:35px}
#inc03 .tab-content li .more svg{width:16px}
}
/* 반응형 [e] */