.sub-page { padding:150px 0 } 
.sub-page .page_title_wrap h2 { font-size: 2.5em; text-align: center; margin-bottom:70px; font-weight:600 } 
@media(max-width:1024px){
 .sub-page { padding:100px 0 } 
 .sub-page .page_title_wrap h2 { margin-bottom:50px } 
 }
@media(max-width:768px){
 .sub-page { padding:80px 0 } 
 .sub-page .page_title_wrap h2 { margin-bottom:30px; font-size: 2em; } 
 }
#comp01.sub-page { padding-bottom:0 } 
#comp01 .sec1 { } 
#comp01 .sec1 .cinner { position:relative; padding-bottom: 75px; } 
#comp01 .sec1 .cinner:before { position:absolute; content:''; background: var(--color-main); width:3px; height:100px; bottom:-50px; left:0; } 
#comp01 .sec1 .title_wrap { } 
#comp01 .sec1 .title_wrap > span { font-size: 15px; font-weight: 700; } 
#comp01 .sec1 .title_wrap h2 { font-size: 2.5em; font-weight: 500; } 
#comp01 .sec1 .title_wrap h2 span { } 
#comp01 .sec1 .title_wrap h2 span .color_txt { } 

#comp01 .sec2 { background: #fafafa; padding: 85px 0 150px; } 
#comp01 .sec2 .flex-box { justify-content: space-between; } 
#comp01 .sec2 .flex-box .txt_wrap { } 
#comp01 .sec2 .flex-box .txt_wrap h3 { font-size: 1.5em; font-weight: 600; margin-bottom: 25px; } 
#comp01 .sec2 .flex-box .txt_wrap p { color: #5b5b5b; margin-bottom: 30px; line-height: 1.5; } 
#comp01 .sec2 .flex-box .txt_wrap p:last-child { color: #000; display: flex; align-items: center; gap: 20px; } 
#comp01 .sec2 .flex-box .img_wrap { } 


@media(max-width:1199px){
 #comp01 .sec2 .flex-box .img_wrap { width:40% } 
 }

@media(max-width:1024px) { } 
@media(max-width:768px){
 #comp01 .sec1 .cinner { padding-bottom:30px; } 
 #comp01 .sec2 { padding:80px 0; } 
 #comp01 .sec1 .title_wrap h2 { font-size: 2em; } 
 #comp01 .sec1 .title_wrap { text-align: center; } 
 #comp01 .sec1 .cinner:before { display:none } 
 #comp01 .sec2 .flex-box { flex-direction: column-reverse; gap:30px; } 
 #comp01 .sec2 .flex-box .img_wrap { width: 100%; display: flex; align-items: center; justify-content: center; } 
 #comp01 .sec2 .flex-box .img_wrap img { width: 80% } 
 #comp01 .sec2 .flex-box .txt_wrap { width: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; } 
 }
@media(max-width:500px){
 #comp01 .sec2 .flex-box .txt_wrap .line-br { display:inline } 
}



#comp02 { } 
#comp02 .root_daum_roughmap .wrap_controllers,
#comp02 .root_daum_roughmap .cont { display:none!important } 
#comp02 .root_daum_roughmap .wrap_map { height:600px;} 
#comp02 .adress_wrap { padding: 35px 0; border-bottom: 1px solid #ebebeb; display: flex; align-items: center; justify-content: space-between; } 
#comp02 .adress_wrap .adress_txt { display: flex; gap: 10px; align-items: center; } 

#comp02 .adress_wrap .adress_list { display: flex; align-items: center; gap: 40px; } 
#comp02 .adress_wrap .adress_list li { display: flex; gap: 10px; } 
@media(max-width:1399px) { } 
@media(max-width:1199px) { 
    #comp02 .adress_wrap, 
    #comp02 .adress_list {flex-wrap:wrap; gap:10px;}
    #comp02 .root_daum_roughmap .wrap_map { height:400px;} 
    #comp02 .adress_wrap .adress_list {gap:10px 40px;}
} 
@media(max-width:1024px) { } 
@media(max-width:768px) { } 
@media(max-width:640px) { } 



#comp03 { } 
#comp03 .title_img { background: url(../img/sub/comp03_img.png) no-repeat center center; aspect-ratio: 1400 / 350; width: 100%; display: flex; align-items: center; justify-content: center; } 
#comp03 .title_img h3 { font-size: 1.75em; color: #fff; text-align: center; font-weight: bold; line-height: 1.5; } 
#comp03 .years_list_wrap { position: relative; display: flex; flex-direction: column; padding: 45px 100px; gap: 50px; } 
#comp03 .years_list_wrap:before { position: absolute; content: ''; width: 1px; height: 80%; background: #d9d9d9; left: 314px; top: 79px; } 
#comp03 .years_list_wrap > li { display: flex; gap: 70px; align-items: center; } 
#comp03 .years_list_wrap > li p { font-size: 2.25em; font-weight: 600; font-family: 'outfit'; width: 130px; } 
#comp03 .years_list_wrap > li .dot { width: 30px; border-radius: 50%; aspect-ratio: 1 / 1; background: #f4fdf6; position:relative } 
#comp03 .years_list_wrap > li .dot:before { position:absolute; content:''; width:10px; aspect-ratio: 1/1; background: var(--color-main); left:50%; top:50%; transform: translate(-50%, -50%); border-radius: 50%; } 
#comp03 .years_list_wrap > li ul { display: flex; line-height: 1.5; flex-direction: column; } 
#comp03 .years_list_wrap > li ul li { } 
@media(max-width:1399px) { } 
@media(max-width:1199px) { } 
@media(max-width:1024px){
 #comp03 .years_list_wrap { padding:45px 60px; } 
 #comp03 .years_list_wrap:before { left:244px } 
 #comp03 .years_list_wrap > li { gap:40px } 
 }
@media(max-width:768px){
 #comp03 .title_img { height:250px; } 
 #comp03 .years_list_wrap { padding:50px 30px; } 
 #comp03 .years_list_wrap:before { left:185px; } 
 #comp03 .years_list_wrap > li p { width:100px; font-size: 2em; } 
 #comp03 .title_img h3 { font-size: 1.5em; } 
 }
@media(max-width:640px){
 #comp03 .years_list_wrap { padding:50px 0 } 
 #comp03 .years_list_wrap:before { left:14px } 
 #comp03 .years_list_wrap > li { position:relative; padding-left:50px; gap:20px; align-items: flex-start; flex-wrap: wrap; } 
 #comp03 .years_list_wrap > li p { font-size: 1.8em;; } 
 #comp03 .years_list_wrap > li .dot { position:absolute; left:0 } 
 }


#material { } 
#material .material_list_wrap { display: flex; flex-wrap: wrap; gap: 70px 65px; } 
#material .material_list_wrap li { width: calc(100% / 4 - 50px); display: flex; flex-direction: column; align-items: center; } 
#material .material_list_wrap li img { } 
#material .material_list_wrap li p { margin-top: 20px; font-size: 1.25em; font-weight: 600; margin-bottom: 5px; } 
#material .material_list_wrap li span { } 

@media(max-width:1399px) {
    #material .material_list_wrap {gap:70px 40px;}
    #material .material_list_wrap li {width:calc(100% / 4 - 30px)}
 }
@media(max-width:1199px) { } 
@media(max-width:1024px) {
    #material .material_list_wrap li {width:calc(100% / 3 - 30px)}
 } 
@media(max-width:768px) { 
    #material .material_list_wrap {gap:50px 20px;}
    #material .material_list_wrap li {width:calc(100% / 2 - 10px)}
    #material .material_list_wrap li img {width:100%}
} 
@media(max-width:500px) { 
} 


#intpoint { } 
#intpoint .content { } 
#intpoint .content .flex-box { justify-content: space-between; } 
#intpoint .content .flex-box .point_box { display: flex; flex-direction: column; align-items: center; width:calc(50% - 30px)} 
#intpoint .content .flex-box .point_box h3 { background: var(--color-main); width: 100%; text-align: center; color: #fff; border-radius: 30px 30px 0 0; padding: 15px 0; font-size: 1.25em; } 
#intpoint .content .flex-box .point_box img { } 
#intpoint .content .flex-box .point_box iframe {width:100%; aspect-ratio: 650/358;height:auto;}
#intpoint .content .flex-box .point_box div { width: 100%; display: flex; flex-direction: column; align-items: center; background: #f8f8f8; border: 1px solid #e5e5e5; padding: 25px 0 50px; } 
#intpoint .content .flex-box .point_box div img { } 
#intpoint .content .flex-box .point_box div p { margin-top: 15px; font-size: 1.25em; font-weight: 500; } 
#intpoint .content .flex-box .point_box div span { font-size: 1.5em; font-weight: 600; } 

@media(max-width:1399px) {
 }
@media(max-width:1199px) { 
    #intpoint .content .flex-box .point_box {width:calc(50% - 20px)}
} 
@media(max-width:1024px) {
    #intpoint .content .flex-box .point_box {width:calc(50% - 10px)}
 } 
@media(max-width:768px) {
    #intpoint .content .flex-box {flex-direction: column;gap:30px}
    #intpoint .content .flex-box .point_box,
    #intpoint .content .flex-box .point_box > img {width:100%}
    #intpoint .content .flex-box .point_box div  {gap:10px;padding:25px 0}
} 
@media(max-width:500px) { 
} 



#startups { } 
#startups .map_list_wrap { display: flex; flex-wrap: wrap; gap: 100px 50px; } 
#startups .map_list_wrap li { width: calc(50% - 25px); } 
#startups .map_list_wrap li .adress_wrap { justify-content: space-between; align-items: center; margin-top:20px; flex-wrap:wrap; gap:10px} 
#startups .map_list_wrap li .adress_wrap >span { font-size: 1.5em; font-weight: 500; } 
#startups .map_list_wrap li .adress_wrap .adress_txt { display: flex; align-items: center; gap: 10px; } 
#startups .map_list_wrap li .adress_wrap .adress_txt img { } 
#startups .map_list_wrap li .adress_wrap .adress_txt span { } 
#startups .root_daum_roughmap .wrap_controllers,
#startups .root_daum_roughmap .cont { display:none!important } 
@media(max-width:1399px) {
 }
@media(max-width:1199px) { 
    #startups .map_list_wrap {gap:80px 30px}
    #startups .map_list_wrap li{width:calc(50% - 15px)}
} 
@media(max-width:1024px) {
 } 
@media(max-width:768px) {
    #startups .map_list_wrap {gap:30px}
    #startups .map_list_wrap li {width:100%}

} 
@media(max-width:500px) { 
} 


#rnd { padding-bottom:0 } 
#rnd .cinner { display: flex; justify-content: space-between; } 
#rnd .cinner > div:last-child { padding-top:50px } 
#rnd .content { padding:70px 0 150px; background: url(../img/sub/rnd_bg.png)no-repeat center center/cover; } 
#rnd .content .title_wrap { width:45%; position:relative; } 
#rnd .content .title_wrap > div { width:150%; position:absolute; } 
#rnd .content .title_wrap h2 { font-size: 2em; font-weight: 600; margin-bottom: 20px; } 
#rnd .content .title_wrap p { line-height: 1.5; } 

#rnd .content .img_list_wrap { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; gap:30px; } 
#rnd .content .img_list_wrap li { display: flex; align-items: center; justify-content: center; } 
#rnd .content .img_list_wrap li:nth-child(1) { grid-row:1 / span 2; } 
#rnd .content .img_list_wrap li > div { position:relative } 
#rnd .content .img_list_wrap li img { } 
#rnd .content .img_list_wrap li .txt_wrap { position:absolute; bottom:30px; left:30px; color:#fff; } 
#rnd .content .img_list_wrap li .txt_wrap span { font-size: .9em; font-weight: 600; } 
#rnd .content .img_list_wrap li .txt_wrap p { font-size: 1.5em; font-weight: 600; margin-top:5px } 

@media(max-width:1399px) {
 }
@media(max-width:1199px) { 
    #rnd .content {padding-top:0}
    #rnd .content .title_wrap > div {width:180%}
} 
@media(max-width:1024px) {
     #rnd .content {padding-bottom:100px} 
     #rnd .cinner {flex-direction: column;}
     #rnd .content .title_wrap {width:100%;}
     #rnd .content .title_wrap > div {position:relative;width:100%}
     #rnd .content .img_list_wrap {display:flex;gap:20px;}
     #rnd .content .img_list_wrap li .txt_wrap {bottom:20px;left: 50%;width: 90%;transform: translateX(-50%);}
 } 
@media(max-width:768px) {
    
    #rnd .content {padding-bottom:80px} 
    #rnd .content .img_list_wrap {flex-wrap: wrap;}
    #rnd .content .img_list_wrap li {width:calc(50% - 10px)}
} 
@media(max-width:500px) { 
    #rnd .content .title_wrap h2 {font-size: 1.5em;}
    #rnd .content .title_wrap {text-align: center;}
    #rnd .content .title_wrap p span {display:inline}
    #rnd .content .img_list_wrap li ,
    #rnd .content .img_list_wrap li > div,
    #rnd .content .img_list_wrap li img {width:100%} 
}