/* 고정 */
.swiper{width: 100%; height: 100%;}
.swiper-slide{text-align: center; display: flex; justify-content: center; align-items: center; aspect-ratio: 1 / 0.8;}
.swiper-slide img{display: block; width: 100%; height: 100%; object-fit: cover;}


/* 주관기관 소개 */
#container_title{display: none;}
.about_wrap{width: 100%; display: inline-block; float: left; padding: 70px 0;}
.kaif_about_wrap .about_logo{width: 100%; display: flex; float: left; height: 35px; justify-content: center; position: relative; margin-bottom: 60px;}
.kaif_about_wrap .about_logo img{height: 100%; display: inline-block; float: left;}
.kepco_about_wrap .about_logo{width: 100%; display: flex; float: left; height: 35px; justify-content: center; position: relative; margin-bottom: 60px;}
.kepco_about_wrap .about_logo img{height: 100%; display: inline-block; float: left;}
.skku_about_wrap .about_logo{width: 100%; display: flex; float: left; height: 65px; justify-content: center; position: relative; margin-bottom: 60px;}
.skku_about_wrap .about_logo img{height: 100%; display: inline-block; float: left;}
.kari_about_wrap .about_logo{width: 100%; display: flex; float: left; height: 95px; justify-content: center; position: relative; margin-bottom: 60px;}
.kari_about_wrap .about_logo img{height: 100%; display: inline-block; float: left;}
.seoul_about_wrap .about_logo{width: 100%; display: flex; float: left; height: 60px; justify-content: center; position: relative; margin-bottom: 60px;}
.seoul_about_wrap .about_logo img{height: 100%; display: inline-block; float: left;}
.kit_about_wrap .about_logo{width: 100%; display: flex; float: left; height: 65px; justify-content: center; position: relative; margin-bottom: 60px;}
.kit_about_wrap .about_logo img{height: 100%; display: inline-block; float: left;}
.kca_about_wrap .about_logo{width: 100%; display: flex; float: left; height: 35px; justify-content: center; position: relative; margin-bottom: 60px;}
.kca_about_wrap .about_logo img{height: 100%; display: inline-block; float: left;}
.aica_about_wrap .about_logo{width: 100%; display: flex; float: left; height: 75px; justify-content: center; position: relative; margin-bottom: 60px;}
.aica_about_wrap .about_logo img{height: 100%; display: inline-block; float: left;}
.keit_about_wrap .about_logo{width: 100%; display: flex; float: left; height: 75px; justify-content: center; position: relative; margin-bottom: 60px;}
.keit_about_wrap .about_logo img{height: 100%; display: inline-block; float: left;}
.kist_about_wrap .about_logo{width: 100%; display: flex; float: left; height: 75px; justify-content: center; position: relative; margin-bottom: 60px;}
.kist_about_wrap .about_logo img{height: 100%; display: inline-block; float: left;}
.rims_about_wrap .about_logo{width: 100%; display: flex; float: left; height: 50px; justify-content: center; position: relative; margin-bottom: 60px;}
.rims_about_wrap .about_logo img{height: 100%; display: inline-block; float: left;}
.ketep_about_wrap .about_logo{width: 100%; display: flex; float: left; height: 45px; justify-content: center; position: relative; margin-bottom: 60px;}
.ketep_about_wrap .about_logo img{height: 100%; display: inline-block; float: left;}
.kaist_about_wrap .about_logo{width: 100%; display: flex; float: left; height: 60px; justify-content: center; position: relative; margin-bottom: 60px;}
.kaist_about_wrap .about_logo img{height: 100%; display: inline-block; float: left;}
.about_logo::after{content: ""; width: 100px; display: inline-block; float: left; height: 4px; background-color: #301a78; position: absolute; bottom: -33px; left: 50%; transform: translateX(-50%);}
.about_sub_title{width: 100%; display: inline-block; float: left; font-size: 1.4em; color: #999; text-align: center; margin-bottom: 30px;}
.about_us{width: 100%; display: flex; float: left; border-radius: 20px; background-color: #f4f4fe; padding: 30px 35px; justify-content: center; margin-bottom: 100px; position: relative;}
.about_us::after{content:""; position:absolute; left:50%; bottom:-25px; transform:translateX(-50%) rotate(45deg); width:50px; height:50px; background:#f4f4fe; border-radius:10px;}
.about_us span{display: inline-block; float: left; white-space: pre-line; text-align: center; font-size: 1.5em; line-height: 160%; color: #31299a; position: relative; background-color: #f4f4fe; z-index: 1;}
.about_us span div{display: inline-block; font-weight: bold;}
.about_us span::before{content: ""; width: 23px; height: 23px; display: inline-block; float: left; background-image: url('/theme/rb.basic/rb.page/img/about/double_quote.svg'); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; position: absolute; top: -2px; left: -40px; opacity: 0.8;}
.about_info_wrap{width: 100%; display: flex; float: left; flex-wrap: wrap; position: relative; margin-bottom: 70px;}
/* .about_info_wrap::before{content: ""; width: 100%; height: 100%; display: inline-block; float: left; background-image: url('<?php echo G5_THEME_URL ?>/rb.page/img/about/background.png'); background-repeat: no-repeat; background-size: 100% 100%; background-position: right; position: absolute; top: 0; right: 0; z-index: -1;} */
.about_info_left{width: calc(100% - 300px); display: inline-block; float: left; border: 1px solid #E6E8F4; border-radius: 20px; overflow: hidden;}
.about_info_right{width: 350px; display: flex; float: left; justify-content: center; align-items: end; position: absolute; z-index: 10; height: 100%; top: 0; right: 0;}
.about_info_right img{width: 100%; display: inline-block; float: left;}
.kari_about_wrap .about_info_right{width: 420px;}
.about_info{width: 100%; display: flex; float: left; flex-wrap: wrap; position: relative;}
.about_info::after{content: ""; width: calc(100% - 60px); display: inline-block; float: left; height: 1px; background-color: #E6E8F4; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.about_info:last-child::after{display: none;}
.about_info_title_wrap{width: 300px; display: inline-block; float: left; background-color: #F8F9FD; padding: 30px;}
.about_info_title_inner{width: 100%; display: flex; float: left; height: 60px; flex-wrap: wrap;}
.about_info_icon{width: 60px; height: 100%; display: flex; float: left; background: linear-gradient(to bottom, #313ea3 0%, #483296 100%); border-radius: 50%; justify-content: center; align-items: center;}
.about_info_icon img{width: 29px; display: inline-block; float: left;}
.about_info_title{width: calc(100% - 60px); display: flex; float: left; align-items: center; font-size: 1.4em; font-weight: bold; color: #31299a; height: auto; padding-left: 15px; white-space: pre-line; line-height: 140%;}
.about_info_sub_wrap{width: calc(100% - 300px); display: inline-block; float: left; padding: 30px 110px 25px 30px; background-color: #fff;}
.about_info_sub{display: inline-block; float: left; font-size: 1.4em; color: #333; margin-right: 7px; margin-bottom: 5px;}
.about_info_sub:last-child{margin-right: 0;}
.about_info_sub_box{width: 100%; display: inline-block; float: left; position: relative; padding-left: 13px;}
.about_info_sub_box::before{content: ""; width: 6px; height: 6px; display: inline-block; float: left; background-color: #666; position: absolute; top: 8px; left: 0;}
.about_tab_wrap{width: 100%; display: flex; float: left; justify-content: center;}
.about_tab_inner{display: inline-block; float: left;}
.about_tab{width: 200px; display: inline-block; float: left; height: 50px; line-height: 48px; border: 1px solid #ccc; border-radius: 25px; font-size: 1.25em; margin-right: 15px; text-align: center; margin-bottom: 30px; color: #999; cursor: pointer;}
.about_tab:last-child{margin-right: 0;}
.about_tab_on{border-color: #31299a; background-color: #31299a; color: #fff;}

.about_value_wrap{width: 100%; display: inline-block; float: left; margin-bottom: 100px;}
.about_value_title_wrap{width: 100%; display: inline-block; float: left; margin-bottom: 50px;}
.about_value_main_title{width: 100%; display: inline-block; float: left; font-size: 2.5em; margin-bottom: 10px; text-align: center; color: #31299a; font-weight: bold;}
.about_value_sub_title{width: 100%; display: inline-block; float: left; font-size: 1.4em; text-align: center; color: #666;}
.about_value_container{width: 100%; display: flex; flex-wrap: wrap; float: left;}
.about_value_con{display: inline-block; float: left; height: auto; position: relative;}
.kaif_about_wrap .about_value_con{width: 25%;}
.kepco_about_wrap .about_value_con{width: 20%;}
.kari_about_wrap .about_value_con{width: 20%;}
.ketep_about_wrap .about_value_con{width: 20%;}
.aica_about_wrap .about_value_con{width: 33.333%;}
.keit_about_wrap .about_value_con{width: 33.333%;}
/* .about_value_con::after{content: ""; width: 1px; height: 60%; background-color: #E6E8F4; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.about_value_con:last-child::after{display: none;} */
.about_value_icon{width: 100%; display: flex; justify-content: center; float: left; height: 50px; margin-bottom: 20px;}
.about_value_icon img{height: 100%; display: inline-block; float: left;}
.about_value_name{width: 100%; display: inline-block; float: left; font-size: 1.5em; font-weight: bold; text-align: center; margin-bottom: 50px; position: relative; white-space: pre-line;}
.about_value_name::before{content: ""; width: 100%; display: inline-block; float: left; height: 1px; border: 1px solid #E6E8F4; position: absolute; bottom: -25px; left: 0;}
.about_value_name::after{content: ""; width: 8px; height: 8px; display: inline-block; float: left; background-color: #000; position: absolute; bottom: -28px; left: 50%; transform: translateX(-50%); border-radius: 50%;}
.about_value_con:nth-child(1) .about_value_name::after{background-color: #1c03a9;}
.about_value_con:nth-child(2) .about_value_name::after{background-color: #129775;}
.about_value_con:nth-child(3) .about_value_name::after{background-color: #185bcc;}
.about_value_con:nth-child(4) .about_value_name::after{background-color: #2f27a3;}
.about_value_con:nth-child(5) .about_value_name::after{background-color: #6A5AE0;}
.kepco_about_wrap .about_value_con .about_value_name::after{background-color: #31299a;}
.kepco_about_wrap .about_value_icon{height: 60px;}
.kepco_about_wrap .about_info_sub_wrap{display: flex; align-items: center;}
.kepco_about_wrap .about_info_sub{word-break: keep-all; margin-bottom: 0;}
.keit_about_wrap .about_value_con:nth-child(1) .about_value_name::after{background-color: #1c03a9;}
.keit_about_wrap .about_value_con:nth-child(2) .about_value_name::after{background-color: #e90371;}
.keit_about_wrap .about_value_con:nth-child(3) .about_value_name::after{background-color: #1c03a9;}
.about_value_sub{width: 100%; display: inline-block; float: left; font-size: 1.3em; text-align: center; white-space: pre-line; line-height: 140%; color: #333; padding: 0 20px;}


/* 기업지원 프로그램 */
.program_wrap{width: 100%; display: inline-block; float: left;}
.program_title_wrap{width: 100%; display: inline-block; float: left; margin-bottom: 30px;}
.program_main_title{width: 100%; display: inline-block; float: left; font-size: 2.5em; margin-bottom: 10px; text-align: center; color: #31299a; font-weight: bold;}
.program_sub_title{width: 100%; display: inline-block; float: left; font-size: 1.4em; text-align: center; color: #666;}
.program_container{width: 100%; display: inline-block; float: left;}
.program_con{width: 100%; display: inline-block; float: left; margin-bottom: 30px;}
.program_con:last-child{margin-bottom: 0;}
.program_con_title{width: 100%; display: inline-block; float: left; font-size: 1.5em; font-weight: bold; text-align: center; margin-bottom: 20px;}
.program_item_container{width: 100%; display: flex; float: left; flex-wrap: wrap;}
.program_item_con{display: inline-block; float: left; border: 1px solid #E6E8F4; border-radius: 20px; padding: 30px;}
.program_item_container_three .program_item_con{width: calc(33.333% - 20px); margin-right: 30px;}
.program_item_container_three .program_item_con:last-child{margin-right: 0;}
.program_item_container_two .program_item_con{width: calc(50% - 15px); margin-right: 30px;}
.program_item_container_two .program_item_con:last-child{margin-right: 0;}
.program_item_container_all .program_item_con{width: calc(20% - 24px); margin-right: 30px; padding: 30px 15px;}
.program_item_container_all .program_item_con:last-child{margin-right: 0;}
.program_item_container_four .program_item_con{width: calc(25% - 22.5px); margin-right: 30px; padding: 30px 15px;}
.program_item_container_four .program_item_con:last-child{margin-right: 0;}
.program_item_icon{width: 100%; display: flex; float: left; justify-content: center; height: 100px;}
.program_item_icon span{width: 100px; height: 100%; display: flex; float: left; border-radius: 50%; justify-content: center; align-items: center;}
.program_item_icon span img{height: 29px; display: inline-block; float: left;}
.program_item_container_all .program_item_icon span img, .program_item_container_img .program_item_icon span img{height: 33px;}
.keit_about_wrap .program_item_icon span img{height: 33px;}
.aica_about_wrap .program_item_container_four .program_item_icon span img{height: 33px;}
.program_item_name{width: 100%; display: inline-block; float: left; margin: 15px 0; font-size: 1.5em; font-weight: bold; text-align: center; white-space: pre-line; line-height: 140%;}
.program_item_sub{width: 100%; display: inline-block; float: left; font-size: 1.25em; color: #333; text-align: center; line-height: 140%; white-space: pre-line;}
.program_item_container_all .program_item_sub{white-space: unset;}
.program_item_container_three2 .program_item_sub{white-space: unset;}
.program_item_container_three2 .program_item_sub span{width: 100%; display: inline-block; float: left; text-align: center; white-space: pre-line;}
.program_item_container_all .program_item_sub span{width: 100%; display: inline-block; float: left; text-align: center;}
.program_item_container_all2 .program_item_sub{white-space: pre-line;}
.homepage_box{width: 100%; display: flex; flex-wrap: wrap; float: left;background-color: #F3F8FF; border-radius: 20px; padding: 30px 35px;}
.homepage_textbox{width: calc(100% - 170px); display: inline-block; float: left; font-size: 1.3em; color: #2F3A8F; height: 40px; line-height: 40px; font-weight: 600;}
.homepage_btn{width: 170px; display: inline-block; float: left; height: 40px; line-height: 40px; text-align: center; background:linear-gradient(135deg,#4339B3 0%,#312A85 100%); color: #fff; font-size: 1.2em; border-radius: 5px; cursor: pointer;}
.about_section{width: 100%; display: inline-block; float: left;}

.about_detail_wrap{width: 100%; display: inline-block; float: left;}
.skku_about_wrap .about_detail_wrap{margin-bottom: 0;}
.about_detail_container{width: 100%; display: flex; flex-wrap: wrap; float: left;}
.about_detail_con{width: calc(33.333% - 20px); display: inline-block; float: left; margin-right: 30px; border: 1px solid #E6E8F4; border-radius: 20px; padding: 30px; background-color: #F8F9FD;}
.kca_about_wrap .about_detail_con{width: calc(25% - 22.5px);}
.about_detail_con:last-child{margin-right: 0;}
.about_detail_num{width: 100%; display: inline; float: left; font-size: 2.5em; font-weight: bold; color: #185bcc; text-align: center; margin-bottom: 20px; position: relative;}
.about_detail_num::after{content: ""; width: 20px; height: 3px; display: inline-block; float: left; background-color: #185bcc; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%);}
.about_detail_name{width: 100%; display: inline-block; float: left; text-align: center; line-height: 140%; font-size: 1.5em; font-weight: bold;}
.about_detail_sub{width: 100%; display: inline-block; float: left; font-size: 1.3em; text-align: center; line-height: 140%; color: #666; white-space: pre-line; margin-top: 10px;}
.about_result_wrap{width: 100%; display: inline-block; float: left; border: 1px solid #E6E8F4; border-radius: 20px; padding: 30px; background-color: #fafafa; margin-top: 30px;}
.about_result_title{width: 100%; display: inline-block; float: left; font-size: 1.3em; font-weight: bold; margin-bottom: 7px;}
.about_result_sub_wrap{width: 100%; display: inline-block; float: left;}
.about_result_sub{width: 100%; display: inline-block; float: left; margin-bottom: 5px; font-size: 1.2em; color: #666; line-height: 140%; position: relative; padding-left: 13px;}
.about_result_sub::before{content: ""; width: 5px; height: 5px; display: inline-block; float: left; background-color: #999; position: absolute; top: 8px; left: 0;}
.about_result_sub:last-child{margin-bottom: 0;}
.about_photo_title_box{padding: 20px 15px!important;}

.about_area_container{width: 100%; display: flex; float: left; flex-wrap: wrap; margin-top: 70px;}
.about_area_con{width: calc(25% - 30px); display: flex; float: left; border: 2px solid #ddd; border-radius: 20px; padding: 30px 20px; margin-right: 40px; font-size: 1.4em; font-weight: bold; text-align: center; position: relative; align-items: center; justify-content: center; white-space: pre-line; line-height: 140%;}
.about_area_con:nth-child(1)::after{content: ""; width: 40px; height: 40px; display: inline-block; float: left; position: absolute; top: 50%; right: -41px; transform: translateY(-50%); background-image: url('/theme/rb.basic/rb.page/img/about/aica/arrow1.png'); background-repeat: no-repeat; background-size: 27px; background-position: center center;}
.about_area_con:nth-child(2)::after{content: ""; width: 40px; height: 40px; display: inline-block; float: left; position: absolute; top: 50%; right: -41px; transform: translateY(-50%); background-image: url('/theme/rb.basic/rb.page/img/about/aica/arrow2.png'); background-repeat: no-repeat; background-size: 27px; background-position: center center;}
.about_area_con:nth-child(3)::after{content: ""; width: 40px; height: 40px; display: inline-block; float: left; position: absolute; top: 50%; right: -41px; transform: translateY(-50%); background-image: url('/theme/rb.basic/rb.page/img/about/aica/arrow3.png'); background-repeat: no-repeat; background-size: 27px; background-position: center center;}
.about_area_con:last-child{margin-right: 0;}
.about_area_con:nth-child(1){border-color: #7234A1; color: #7234A1;}
.about_area_con:nth-child(2){border-color: #60349F; color: #60349F;}
.about_area_con:nth-child(3){border-color: #4E349D; color: #4E349D;}
.about_area_con:nth-child(4){border-color: #3E339B; color: #3E339B;}

.about_type_wrap{width: 100%; display: flex; float: left; justify-content: center;}
.about_type_inner{width: 70%; display: inline-block; float: left;}
.about_type_container{width: 100%; display: inline-block; float: left; position: relative;}
.about_type_con{width: 38%; display: flex; float: left; aspect-ratio: 1 / 1; border-radius: 50%; background-color: #eee; justify-content: center; align-items: center; background-color: rgba(23,55,115,1); padding: 20px;}
.about_type_con_inner{width: 100%; display: inline-block; float: left;}
.about_type_con:nth-child(2){position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-color: rgba(233,3,113,.9);}
.about_type_con:nth-child(1){float: left;}
.about_type_con:nth-child(3){float: right;}
.about_type_title{width: 100%; display: inline-block; float: left; font-size: 1.7em; font-weight: bold; white-space: pre-line; line-height: 140%; text-align: center; color: #fff;}
.about_type_sub{width: 100%; display: inline-block; float: left; font-size: 1.2em; color: #eee; text-align: center; white-space: pre-line; line-height: 140%; margin-top: 10px;}
.about_type_etc_wrap{width: 100%; display: inline-block; float: left; margin-top: 70px; position: relative;}
.about_type_etc_wrap::before{width: 50%; display: inline-block; float: left; height: 150px; border-right: 1px dashed #E6E8F4; position: absolute; top: -170px; left: 0; content: "";}
.about_type_etc_container{width: 100%; display: inline-block; float: left;}
.about_type_etc_con{width: 150px; display: inline-block; float: left; height: 50px; border: 1px solid #E6E8F4; border-radius: 25px; line-height: 48px; text-align: center; font-size: 1.3em; margin-right: 10px; margin-bottom: 10px; background-color: #F8F9FD;}
.about_type_etc_con:last-child{margin-right: 0;}
.about_type_etc_con_box{width: 100%; display: flex; float: left; justify-content: center;}
.about_info_sub_item_wrap{width: 100%;}
.about_info_sub_item{display: inline-block; float: left; height: 40px; line-height: 38px; padding: 0 25px; border-radius: 20px; background-color: #F8F9FD; margin-right: 10px; font-size: 0.9em; border: 1px solid #E6E8F4; margin-top: 5px;}
.about_info_sub_item:last-child{margin-right: 0;}

.program_wrap1{margin-bottom: 70px;}

.about_research_contaienr{width: 100%; display: flex; flex-wrap: wrap; float: left;}
.about_research_con{width: calc(50% - 15px); display: inline-block; float: left; margin-right: 30px; border: 1px solid #E6E8F4; border-radius: 20px; overflow: hidden;}
.about_research_con:last-child{margin-right: 0;}
.about_research_title{width: 100%; display: inline-block; float: left; padding: 15px 0; text-align: center; font-size: 1.5em; font-weight: bold; color: #fff; background: linear-gradient(to left, #313ea3 0%, #483296 100%)}
.about_research_sub_wrap{width: 100%; display: inline-block; float: left; padding: 30px;}
.about_research_sub{width: 100%; display: inline-block; float: left; line-height: 140%; padding-left: 15px; position: relative; font-size: 1.3em; color: #333; margin-bottom: 7px; white-space: pre-line;}
.about_research_sub:last-child{margin-bottom: 0;}
.about_research_sub::before{content: ""; width: 6px; height: 6px; display: inline-block; float: left; background-color: #666; position: absolute; top: 9px; left: 0;}

.kaist_about_wrap1 .about_info_wrap{margin-bottom: 0;}
.kaist_about_wrap1{border-bottom: 1px solid #E6E8F4;}

    .kaist_about_wrap2 .homepage_textbox{width: calc(100% - 350px);}
    .kaist_about_wrap2 .homepage_btn1{margin-right: 10px;}

@media (max-width:1024px){
    .flex_box{margin: 0;}
    .about_wrap{padding: 50px 0 30px 0;}
    .kaist_about_wrap2{padding-top: 30px;}
    .kaif_about_wrap .about_logo{height: unset; margin-bottom: 40px;}
    .kaif_about_wrap .about_logo img{height: unset; width: 70%; max-width: 450px;}
    .kepco_about_wrap .about_logo{height: unset; margin-bottom: 40px;}
    .kepco_about_wrap .about_logo img{height: unset; width: 70%; max-width: 450px;}
    .about_logo::after{height: 3px; bottom: -23px;}
    .about_sub_title{font-size: 1.2em; margin-bottom: 20px;}
    .about_tab_inner{width: calc(100% - 40px); max-width: 415px;}
    .about_tab{width: calc(50% - 7.5px); height: 45px; line-height: 43px; font-size: 1.2em;}
    .about_section{padding: 0 20px;}
    .about_us{padding: 20px 35px; margin-bottom: 60px;}
    .about_us span{font-size: 1.3em; white-space: unset;}
    .about_us span::before{width: 17px; height: 17px; left: -20px; top: 0px;}
    
    .about_value_title_wrap{margin-bottom: 30px;}
    .about_value_main_title, .program_main_title{font-size: 1.8em;}
    .about_value_sub_title, .program_sub_title{font-size: 1.2em;}
    .about_value_sub{white-space: unset; padding: 0 10px;}
    .seoul_about_wrap .about_value_sub_on{white-space: pre-line;}
    .about_value_name{font-size: 1.3em;}
    .about_info_left{width: 100%;}
    .about_info_right{display: none;}
    .about_value_wrap{margin-bottom: 60px;}
    .about_info_title_inner{height: 50px;}
    .about_info_icon{width: 50px;}
    .about_info_icon img{width: 21px;}
    .about_info_title{font-size: 1.3em; width: calc(100% - 50px);}
    .about_info_title_wrap{width: 230px; padding: 20px;}
    .about_info_sub_wrap{width: calc(100% - 230px); padding: 20px 20px 15px 20px;}
    .about_info_sub{font-size: 1.2em;}
    .about_info::after{width: calc(100% - 40px);}
    .about_info_wrap{margin-bottom: 30px;}
    .content_box{margin-bottom: 0; padding: 0 20px!important;}
    .bbs_main{padding: 0;}
    .about_photo_main_title{font-size: 1.3em;}
    .about_photo_sub_title{font-size: 1.2em;}
    .program_item_name{font-size: 1.3em; margin: 10px 0;}
    .program_item_sub{white-space: unset; font-size: 1.2em;}
    .program_item_con{padding: 20px; width: 100%!important; margin-right: 0!important; display: grid; grid-template-columns:80px 1fr; margin-bottom: 10px;}
    .program_item_con:last-child{margin-bottom: 0;}
    .program_item_icon{grid-column:1; grid-row:1 / span 2; margin-bottom: 0; height: 80px;}
    .program_item_sub{grid-column:2;font-size: 1.2em; text-align: left; padding: 0; padding-left: 20px;}
    .program_item_name{margin-bottom: 7px; grid-column:2; text-align: left; padding-left: 20px; margin-top: 0;}
    .program_con{margin-bottom: 10px;}
    .program_con:last-child{margin-bottom: 0;}
    .about_detail_con{width: calc(33.333% - 10px); margin-right: 15px; padding: 30px 25px;}
    .about_detail_con:last-child{margin-right: 0;}
    .kca_about_wrap .about_detail_con{width: calc(50% - 7.5px); margin-bottom: 15px;}
    .kca_about_wrap .about_detail_con:nth-child(2n){margin-right: 0;}
    .kca_about_wrap .about_detail_con:nth-child(3), .kca_about_wrap .about_detail_con:nth-child(4){margin-bottom: 0;}
    .about_detail_wrap{margin-bottom: 15px;}
    .about_detail_name{font-size: 1.3em;}
    .about_detail_sub, .about_result_title{font-size: 1.2em;}
    .about_result_wrap{padding: 25px;}
    .program_item_container_all .program_item_sub span{width: unset; text-align: left; height: 35px; line-height: 33px; border: 1px solid #ddd; border-radius: 5px; padding: 0 10px; margin-right: 5px; margin-bottom: 5px;}
    .program_item_container_all .program_item_name{white-space: unset;}
    .program_item_container_three2 .program_item_sub span{text-align: left; white-space: unset;}
    .about_area_con{font-size: 1.3em;}
    .about_type_inner{width: 100%;}
    .about_type_title{font-size: 1.4em;}
    .about_type_sub{font-size: 1.1em;}
    .about_type_etc_wrap::before{height: 100px; top: -120px;}
    .about_type_etc_con{font-size: 1.1em;}
    .program_wrap1{margin-bottom: 50px;}
    .about_research_sub_wrap{padding: 25px 30px;}
    .about_research_title{font-size: 1.3em;}
    .about_research_sub{font-size: 1.2em;}
    .homepage_textbox{line-height: 140%;}
}


@media (max-width:640px){ 
    .about_value_sub_title, .program_sub_title{white-space: pre-line; line-height: 140%;}
    .about_value_name::before{display: none;}
    .about_value_name::after{display: none;}
    .about_value_name{margin-bottom: 7px; grid-column:2; text-align: left; padding-left: 20px; white-space: unset;}
    .about_value_con{width: 100%!important; display: grid; border-bottom: 1px solid #E6E8F4; grid-template-columns:50px 1fr; padding: 20px 0;}
    .about_value_con:first-child{padding-top: 0;}
    .about_value_con:last-child{border-bottom: 0; padding-bottom: 0;}
    .about_value_icon{grid-column:1; grid-row:1 / span 2; margin-bottom: 0;}
    .kepco_about_wrap .about_value_icon{height: 50px;}
    .about_value_sub{grid-column:2;font-size: 1.2em; text-align: left; padding: 0; padding: 0; padding-left: 20px;}
    .homepage_textbox{width: calc(100% - 150px);}
    .homepage_btn{font-size: 1.1em; width: 150px;}
    .kaist_about_wrap2 .homepage_btn{width: calc(50% - 5px);}
    .homepage_box{padding: 20px 25px; display: flex; flex-wrap: wrap; justify-content: center;}
    .homepage_textbox{width: 100%!important; text-align: center; height: unset; line-height: 140%; margin-bottom: 20px; white-space: pre-line;}
    .co_gap_pc_0 .rb_co_btm{margin-bottom: 50px!important;}
    .about_info_title_inner{width:100%; display:flex; flex-direction:column; align-items:center; height:auto;}
    .about_info_icon{width:50px; height:50px; float:none;}
    .about_info_title{width:100%; padding-left:0; margin-top:10px; justify-content:center; text-align:center; float:none;}
    .about_info_title_wrap{width: 150px;}
    .about_info_sub_wrap{width: calc(100% - 150px);}
    .kari_about_wrap .about_value_con{display: inline-block; grid-template-columns: unset;}
    .kari_about_wrap .about_value_sub, .kari_about_wrap .about_value_name{padding-left: 0;}
    .ketep_about_wrap .about_value_con{display: inline-block; grid-template-columns: unset;}
    .ketep_about_wrap .about_value_sub, .ketep_about_wrap .about_value_name{padding-left: 0;}
    .aica_about_wrap .about_value_con{display: inline-block; grid-template-columns: unset;}
    .aica_about_wrap .about_value_sub, .aica_about_wrap .about_value_name{padding-left: 0;}
    .about_area_container{margin-top: 30px;}
    .about_detail_con, .kca_about_wrap .about_detail_con{width: 100%; margin-right: 0; margin-bottom: 10px!important;}
    .kca_about_wrap .about_detail_con:last-child{margin-bottom: 0!important;}    
    .about_detail_wrap{margin-bottom: 0;}
    .about_detail_num{font-size: 2em;}
    .about_area_con{width: 100%; margin-right: 0; margin-bottom: 40px; padding: 20px;}
    .about_area_con:last-child{margin-bottom: 0;}
    .about_area_con:nth-child(1)::after{top: unset; right: unset; left: 50%; transform: translateX(-50%) rotate(90deg); bottom: -41px;}
    .about_area_con:nth-child(2)::after{top: unset; right: unset; left: 50%; transform: translateX(-50%) rotate(90deg); bottom: -41px;}
    .about_area_con:nth-child(3)::after{top: unset; right: unset; left: 50%; transform: translateX(-50%) rotate(90deg); bottom: -41px;}
    .about_type_title{font-size: 1.2em;}
    .about_type_sub{font-size: 1em; margin-top: 5px;}
    .about_type_con span{display: none;}
    .about_type_con:nth-child(1) .about_type_title{font-size: 0.95em;}
    .about_type_con:nth-child(3) .about_type_title{font-size: 0.95em;}
    .about_type_etc_wrap::before{height: 60px; top: -70px;}
    .about_type_etc_wrap{margin-top: 40px;}
    .about_info_sub_item{height: 35px; line-height: 33px; padding: 0 15px; margin-right: 5px; font-size: 0.85em;}
    .about_research_con{width: 100%!important; margin-right: 0; margin-bottom: 15px;}
    .about_research_con:last-child{margin-bottom: 0;}
}












































































