/* 서브 비주얼 상단 */
.sub_visual{width: 100%; height: 540px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; margin-bottom: 100px;}
.sub_visual .sub_tit{position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); color: #fff;}
.sub_visual .sub_tit h1{font-family: 'Shilla_CultureB-Bold'; font-size: 60px;}
.sub_visual .sub_tit p{margin-top: 20px; font-size: 18px;}

.sub_visual_01{background-image: url(/home/img/main_visual1.jpg);}
.sub_visual_02{background-image: url(/home/img/main_visual2.jpg);}
.sub_visual_03{background-image: url(/home/img/main_visual3.jpg);}
.sub_visual_04{background-image: url(/home/img/main_visual4.jpg);}
.sub_visual_05{background-image: url(/home/img/main_visual5.jpg);}

/* 반응형 */
@media screen and (max-width: 1280px){
    .sub_visual{height: 500px; margin-bottom: 70px;}
    .sub_visual .sub_tit h1{font-size: 50px;}
    .sub_visual .sub_tit p{font-size: 16px;}
}
@media screen and (max-width: 1024px){
    .sub_visual{height: 400px;}
    .sub_visual .sub_tit h1{font-size: 40px;}
}
@media screen and (max-width: 768px){
    .sub_visual{height: 280px; margin-bottom: 40px;}
    .sub_visual .sub_tit h1{font-size: 32px;}
    .sub_visual .sub_tit p{font-size: 14px; margin-top: 10px; line-height: 1.3;}
}

/* 서브 탭메뉴 */
.sub_visual_tab{margin: -100px auto 100px; display: flex;}
.sub_visual_tab li{width: calc(100% / 2); text-align: center; border-left: 1px solid #fff;}
.sub_visual_tab li:first-of-type{border-left: none;}
.sub_visual_tab li a{background: #e2f0f0; line-height: 70px; color: var(--main-color); font-size: 18px; display: block;}
.sub_visual_tab li.on a{background: var(--main-color)!important; color: #fff;}

/* 반응형 */
@media screen and (max-width: 1280px){
    .sub_visual_tab{margin: -70px auto 70px;}
    .sub_visual_tab{width: 100%;}
    .sub_visual_tab li a{line-height: 50px; font-size: 16px;}

}
@media screen and (max-width: 768px){
    .sub_visual_tab{margin: -40px auto 40px;}
    .sub_visual_tab li a{line-height: 40px; font-size: 14px;}
}

/* hover */
@media (min-width: 1024px){
    .sub_visual_tab li a:hover{background: #d4e4e4;}
}

/* 은영님 서브 01 탭메뉴_추가 */
.sub01_header ul{margin-top: -100px;}
@media screen and (max-width: 1280px) {
    .sub01_header ul{margin-top: -70px;}
    #sub0101_03 {margin-top: 70px;}
    #sub0101_05 {margin-top: 110px;}
}
@media screen and (max-width: 768px) {
    .sub01_header ul{margin-top: -40px;}
    #sub0101_03 {margin-top: 40px;}
    #sub0101_05 {margin-top: 80px;}
}
@media screen and (max-width: 500px) {
    #sub0101_03 {text-align: center;}
    #sub0101_03 .event .txt_wrap .btm ul li br{display: none;}
}

/* 게시판_추가 */
.notice_list{border-top: 2px solid var(--main-color); font-size: 16px;}
.notice_list thead th{border-bottom: none; color: #666; font-weight: 500;}
.notice_list tbody tr:hover{background: rgba(1, 89, 101, 0.05);}
.notice_list .bo_tit{font-weight: 600; color: #444;}
.notice_list .td_name{width: auto!important; display: flex; align-items: center; justify-content: center;}

/* 그누보드 검색_추가 */
.bo_sch{margin: 0!important; transform: translate(-50%, -50%);}

/* 반응형 */
@media (max-width: 1280px){
    .notice_list{font-size: 14px;}
}

@media (max-width: 768px){
    /* 회원가입 */
    #fregister p{height: 60px; line-height: 1.3; padding: 12px 10px  10px 10px;}
    #fregister p:before{height: 60px;}
    #sns_register h2{line-height: 4.5em;}
    #sns_register h2, #fregister h2{font-size: 1em;}
  
    .tbl_head01 td{padding-left: 5px !important; text-align: center; font-weight: 500;}
}

/* 프로그램_추가 */
.col-md-12:has(> .sub_pro_box){float: inherit;}
.wetoz:has(.col-md-12 > .sub_pro_box){padding: 0!important; max-width: inherit!important; margin: inherit!important; font-size: inherit!important;}
.sub_pro_box{overflow: visible!important; zoom: inherit!important;}

.sub_pro_box .date_sch .input_box{margin: auto;}
.sub_pro_box .date_sch .keyword p{margin: 0;}
.sub_pro_box .date_sch .keyword ul{margin-bottom: 0;}

.sub_pro_box .pro_list{font-size: 0; margin-top: 40px;}
.sub_pro_box .pro_list li{display: inline-block; vertical-align: top; width: calc(100% / 3 - 7px); margin-right: 10px; margin-top: 30px;}
.sub_pro_box .pro_list li:nth-child(1){margin-top: 0;}
.sub_pro_box .pro_list li:nth-child(2){margin-top: 0;}
.sub_pro_box .pro_list li:nth-child(3){margin-top: 0;}
.sub_pro_box .pro_list li:nth-child(3n){margin-right: 0;}
.sub_pro_box .pro_list a{display: block; padding: 0 15px 20px; border: 1px solid #eaeaea; height: 520px; position: relative;}
.sub_pro_box .pro_list .img{width: 100%; object-fit: cover; overflow: hidden;}
.sub_pro_box .pro_list .img img{aspect-ratio: 1.396;}
.sub_pro_box .pro_list .txt{margin-top: 15px;}
/*.sub_pro_box .pro_list .txt .select{position: absolute; top: 10px; left: 14px; width: 20px; height: 20px; z-index: 99;}*/
.sub_pro_box .pro_list .txt h2{background: var(--main-color); color: #fff; font-size: 12px; line-height: 22px; padding: 0 10px; border-radius: 5px; display: inline-block; font-weight: 500; margin: 0;margin-right: 5px;}
.sub_pro_box .pro_list .txt h1{margin-top: 15px; font-size: 20px; font-weight: 600; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-bottom: 0;}
.sub_pro_box .pro_list .txt p{margin-top: 10px; margin-bottom: 0!important; font-size: 14px; line-height: 1.3; color: #666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 2lh;}
.sub_pro_box .pro_list .info{position: absolute; bottom: 20px; left: 20px; width: calc(100% - 40px);}
.sub_pro_box .pro_list .info dl{display: flex; align-items: flex-start; font-size: 14px; margin-top: 10px; margin-bottom: 0;}
.sub_pro_box .pro_list .info dl dt{font-weight: 500; color: var(--main-color); width: 60px;}
.sub_pro_box .pro_list .info dl dt img{width: 16px; display: inline-block; vertical-align: middle; margin-right: 2px; position: relative; top: -1px;}
.sub_pro_box .pro_list .info dl dd{color: #333; width: calc(100% - 60px);}
.sub_pro_box .pro_list a:hover{text-decoration: inherit;}


/* hover */
@media (min-width: 1024px){
    .sub_pro_box .pro_list li:hover .txt h1{color: var(--main-color);}
    .sub_pro_box .pro_list li:hover .txt p{color: var(--main-color);}
    .sub_pro_box .pro_list li:hover .info dd{color: var(--main-color);}
}

/* 프로그램 노 컨텐츠 */
.con_none{background: #f9f9f9; text-align: center; line-height: 500px; font-size: 28px; color: #bbb; font-weight: 600;}

/* 반응형 */
@media screen and (max-width: 1024px){
    .sub_pro_box .date_sch .keyword{margin-top: 10px;}    
    .sub_pro_box .pro_list li{width: calc(100% / 2 - 5px); margin-top: 20px;}
    .sub_pro_box .pro_list li:nth-child(3){margin-top: 20px;}
    .sub_pro_box .pro_list li:nth-child(3n){margin-right: 10px;}
    .sub_pro_box .pro_list li:nth-child(2n){margin-right: 0;}
    .sub_pro_box .pro_list a{height: 550px;}
    .con_none{line-height: 350px; font-size: 24px;}
}
@media screen and (max-width: 768px){
    .sub_pro_box .pro_list{margin-top: 20px;}
    .sub_pro_box .pro_list li{width: 100%; margin-right: 0!important;}
    .sub_pro_box .pro_list li:nth-child(2){margin-top: 20px;}
    .sub_pro_box .pro_list a{height: auto;}
    .sub_pro_box .pro_list .txt h1{font-size: 16px; margin-top: 10px;}
    .sub_pro_box .pro_list .txt p{margin-top: 7px;}
    .sub_pro_box .pro_list .info{margin-top: 20px; position: relative; bottom: auto; left: auto; width: 100%;}
    
    .con_none{line-height: 200px; font-size: 18px;}
}

/* 프로그램 (국제학술컨퍼런스) 모바일 표 */
.pro_mo_table{width: calc(100% - 1px)!important; table-layout : fixed!important; margin: auto; border-bottom: 1px solid #444!important; border-right: 1px solid #444!important;}
.pro_mo_table td{font-size: 14px; padding: 10px 5px; text-align: center; vertical-align: middle; border-top: 1px solid #444; border-left: 1px solid #444; word-break: break-all!important;}
.pro_mo_table thead{background: var(--main-color); color: #fff; font-weight: 600;}
.pro_mo_table tbody tr:nth-child(even){background: #f2f2f2;}

















