@charset "UTF-8";
/*-------------------------------------------------
Version : 1.0
Author : han
-------------------------------------------------*/

.main #header,
.main .hd_box02 { width:100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } 
.main #header { background:transparent; } 
.main .wrapper:not(.gnb_open) #header,
.main .wrapper:not(.gnb_open) .hd_box02 { overflow: hidden; border:none; background:transparent; } 
.main .wrapper:not(.gnb_open) #header nav ul.gnb > li > a { color:#fff; } 
.main .wrapper:not(.gnb_open) #header .hd_iconBtn.iconBtn_sitemap { background-image: url(../images/comm/hd_icon_hamb_main.png); } 
.main .in_cover > .in_w { max-width:1300px; } 
.main .wrapper { display: flex; background: url(../images/main/main_bg.png) no-repeat 50% 50%; flex-direction: column; background-size: cover; } 
.main .contents { display:flex; flex:1; justify-content: center; align-items: center; } 
.main article { width:100%; } 
.main article .in_cover > .in_w { padding:80px 0; } 
.main_vis_tit { position:relative; color:#fff; padding-top: 20px; padding-left: 32px; margin-bottom:4vh; } 
.main_vis_tit:before { display:block; position:absolute; top:0; left:0; width:50px; height:50px; background: url(../images/main/main_deco_01.png) no-repeat 50% 50%; content:''; } 
.main_vis_tit p { position:relative; } 
.main_vis_tit p:not(strong) { font-weight: 300; } 
.main_vis_tit .tit { font-size:2.5rem; } 
.main_vis_tit .txt { font-size:2rem; } 

.main .main_divi_box { display:flex; } 
.main .main_divi_box > div,
.main .main_divi_box > ul { flex:1; } 

.main_box_research { position:relative; padding:30px 50px; background: url(../images/main/main_bg_01.png) no-repeat 50% 50%; color:#fff; background-size:cover; box-sizing: border-box; } 
.main_box_research h3 { color:#fff; margin-bottom:15px; } 
.main_h_side { position:relative; } 
.main_btn_add { display:block; position:absolute; right:0; bottom:30px; width:23px; height:23px; } 
.main_btn_add:before,
.main_btn_add:after { display:block; position:absolute; top:50%; left:0; width:100%; height:1px; background:#fff; content:''; } 
.main_btn_add:after { transform: rotate(90deg); } 

/* 주요 연구성과 */
.main_research_list { display:flex; flex-direction: column; flex-wrap: wrap; } 
.main_research_list > li { display:block; width:100%; } 
.main_research_list > li:not(:last-child) { margin-bottom:12px; } 
.main_research_list .x_box { position:relative; padding: 10px 25px; border:1px solid rgba(255,255,255,0.3); padding-right:85px; font-weight: 300; box-sizing: border-box;-webkit-transition: all 0.3s ease; transition: all 0.3s ease; } 
.main_research_list .x_box dl { display:flex; height: 100%; flex-direction: column; } 
.main_research_list .x_box dl dt { flex:1; margin-bottom:5px; line-height: 1.4; } 
.main_research_list .x_box dl dt a { display:block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } 
.main_research_list .x_box dl dd { display:flex; color:#abbcde; flex-wrap: wrap; gap:3px 0; font-size:14px; } 
.main_research_list .x_box dl dd span:not(:first-child) { position:relative; margin-left:9px; padding-left:10px; } 
.main_research_list .x_box dl dd span:not(:first-child):before { display:block; position:absolute; top:50%; left: 0; width:1px; height:12px; background:#3369b9; content:''; margin-top:-5px; } 
.main_research_list .x_box:hover { border-color:#fff; } 

/* 카드뉴스 */
.card-news { position:relative; padding:50px 55px; background: url(../images/main/main_bg_01.png) no-repeat 50% 50%; color:#fff; max-width:645px; background-size:cover; box-sizing: border-box; } 
.card-news h3 { color:#fff; } 
.card-news__swiper { position:relative; } 
.card-news__swiper .swiper-slide { height:360px; } 
.card-news__swiper .swiper-slide img { max-width:100%; } 
.card-news .swiper-controller { position:absolute; bottom: 20px; left: 50px; z-index:1; } 
.card-news .controller { display:flex; position:relative; height: 16px; padding: 0 30px; box-sizing: border-box; } 
.card-news .swiper-button-prev { top: 0; right: auto; left: 0; width:18px; height:18px; margin: 0; background: url(../images/comm/gnb_arw01R_w.png) no-repeat center center; transform: rotate(180deg); } 
.card-news .swiper-button-next { top: auto; right: 0; left: auto; width:18px; height:18px; margin: 0; background: url(../images/comm/gnb_arw01R_w.png) no-repeat center center; } 
.card-news .swiper-pagination-bullets { display:flex; position: relative; height: 18px; gap: 12px; align-items: center; } 
.card-news .swiper-pagination-bullet { background: rgba(255,255,255,0.8); } 
.card-news .swiper-pagination-bullet-active { border:2px solid #fff; background:transparent; box-sizing:border-box; } 


.main_label_list { color:#dde3f1; font-size:14px; } 
.main_label_list > li:not(:last-child) { margin-bottom:10px; } 
.main_label_list > li img,
.main_label_list > li span { vertical-align:middle } 
.main_label_list > li img { margin-right:3px; } 

.main_btn_down { position:absolute; top:50%; right:20px; width:45px; height:45px; background:rgba(255,255,255,0.1); margin-top:-23px; border-radius: 50%;-webkit-transition: all 0.3s ease; transition: all 0.3s ease; } 
.main_btn_down a { display:block; position:relative; height: 100%; background: url(../images/main/main_icon_down2.png) no-repeat 50% 50%;-webkit-transition: all 0.3s ease; transition: all 0.3s ease; } 

.main_research_list .x_box:hover .main_btn_down { background:#fff; } 
.main_research_list .x_box:hover .main_btn_down a { background-image: url(../images/main/main_icon_down.png); } 


.main_bann_list { display:flex; background:#fff; flex-wrap: wrap; } 
.main_bann_list > li { width:50%; height: 174px; border-right:1px solid #dae5ef; border-top:1px solid #dae5ef; box-sizing:border-box; } 
.main_bann_list > li:nth-child(2n) { border-right: none; } 
.main_bann_list > li:nth-child(1),
.main_bann_list > li:nth-child(2) { border-top: none; } 
.main_bann_list a { display:flex; height: 100%; padding:0 35px 0 50px; align-items: center; font-size: 1.25rem; font-weight: 500; box-sizing: border-box; } 
.main_bann_list a .t { flex:1; } 
.main_bann_list a .icon { width:34px; height:34px; background: url(../images/main/main_icon_34_01.png) no-repeat 50% 50%; background-size: cover; } 
.main_bann_list a .icon.icon0101 { background-image: url(../images/main/main_icon_34_01.png); } 
.main_bann_list a .icon.icon0102 { background-image: url(../images/main/main_icon_34_02.png); } 
.main_bann_list a .icon.icon0103 { background-image: url(../images/main/main_icon_34_03.png); } 
.main_bann_list a .icon.icon0104 { background-image: url(../images/main/main_icon_34_04.png); } 
.main_bann_list a .icon.icon0105 { background-image: url(../images/main/main_icon_34_05.png); } 
.main_bann_list a .icon.icon0106 { background-image: url(../images/main/main_icon_34_06.png); } 
.main_bann_list a .icon.icon0107 { background-image: url(../images/main/main_icon_34_07.png); } 
.main_bann_list a .icon.icon0108 { background-image: url(../images/main/main_icon_34_08.png); } 

.main_bann_list > li:hover { background-color: #2366e8; border-color: #2366e8; } 
.main_bann_list > li:hover a { color:#fff; font-weight: 400; background-color: #2366e8; } 
.main_bann_list > li:hover a .icon.icon0101 { background-image: url(../images/main/main_icon_34_01_w.png); } 
.main_bann_list > li:hover a .icon.icon0102 { background-image: url(../images/main/main_icon_34_02.png); } 
.main_bann_list > li:hover a .icon.icon0103 { background-image: url(../images/main/main_icon_34_03.png); } 
.main_bann_list > li:hover a .icon.icon0104 { background-image: url(../images/main/main_icon_34_04.png); } 
.main_bann_list > li:hover a .icon.icon0105 { background-image: url(../images/main/main_icon_34_05.png); } 
.main_bann_list > li:hover a .icon.icon0106 { background-image: url(../images/main/main_icon_34_06.png); } 
.main_bann_list > li:hover a .icon.icon0107 { background-image: url(../images/main/main_icon_34_07.png); } 
.main_bann_list > li:hover a .icon.icon0108 { background-image: url(../images/main/main_icon_34_08.png); } 

/* 반응형 */
@media (max-width:1280px) {
    
/* 1280 : 메인 */
.main article .in_cover > .in_w { padding: 40px 0; } 
.main_bann_list { flex-direction:column; } 
.main_bann_list > li { width:100%; height: auto; flex: 1 0 auto; border-top:1px solid #dae5ef; border-right:0; } 
.main_bann_list > li:nth-child(2) { border-top:1px solid #dae5ef; } 
.main_bann_list a { padding:0 24px; } 
.main_bann_list a .t { font-size:1.05rem; } 

.card-news { padding: 20px 40px 60px; } 
.card-news__swiper .swiper-slide { height: 280px; } 

}
@media (max-width:1024px) {
/* 1024 : 메인 */
.main_vis_tit .tit { font-size:1.25rem; } 
.main_vis_tit .txt { font-size:1.25rem; } 

}
@media (max-width:540px) {
/* 540 : 메인 */
.main article .in_cover > .in_w { padding:20px 0; } 
.main_vis_tit { padding: 20px 20px 0; margin-bottom: 20px; } 
.main_vis_tit:before { width: 38px; height: 38px; background-size: 100% auto; } 

.main .main_divi_box { display:block; } 
.card-news { padding:20px 20px 60px; } 
.card-news h3 { font-size:1.25rem; margin-bottom: 20px; } 
.card-news__swiper .swiper-slide { height:180px; } 
.card-news .swiper-controller { left:20px; } 
.main_btn_add { bottom: 20px; width: 20px; height: 20px; } 

.main_bann_list { background: #fff; flex-direction:row; padding-top:1px; padding-right:1px; } 
.main_bann_list > li:nth-child(2n) { border:1px solid #dae5ef; } 
.main_bann_list > li { width:calc(100% / 3); height: 100px; border: 1px solid #dae5ef; background: #fff; margin-left:-1px; margin-top:-1px; } 

.main_bann_list a { text-align: center; flex-direction:column-reverse; justify-content: space-evenly; } 
.main_bann_list a .t { flex:0 0 auto; font-size: .875rem; } 

}