/* common table */
.ict-table{width: 100%;}
.ict-table table{border-top: solid 2px #0E207F;border-bottom: solid 2px #ddd;width: 100%;}
.ict-table table caption{font-size: 0;text-indent: -9999px;}
.ict-table table thead tr, .ict-table table tbody tr{border-bottom: solid 1px #ebebeb;}
.ict-table table tr th,.ict-table table tr td{padding: 12px 10px;text-align: center;border-right: solid 1px #ebebeb;}
.ict-table th{background-color: #F4F6FE;font-weight: 500;}
.ict-table .br-none{border-right: none;}
.ict-table .tl{text-align: left;}

/* common */
.subcon h4{font-size: 24px;margin: 50px 0 16px;padding-left: 4px;}
.subcon h4::before{content: '';position: relative;left: -4px;top: -2px;width: 12px;height: 12px;border: solid 3px #1631c4;border-radius: 50%;display: inline-block;}
.subcon h4.line{border-bottom: solid 1px #ddd;padding-bottom: 8px;}

.txt-red{color: #ee334e;}
.txt-bl{color: #1631c4;}
.bl-box{background-color: #F4F6FE;color: #0E207F;padding: 20px;margin: 10px 0 20px;}

.sstit{color: #333;font-weight: 500;font-size: 18px;margin-bottom: 10px;}

.txt-wrap li{padding-left: 10px;line-height: 1.8;}
.txt-wrap li::before{content: "";display: inline-block;position: relative;left: -8px;top: -3px;width: 5px;height: 5px;border-radius: 50%;background-color: #1631c4;}


/* 01 학과안내*/
.sub_0101 .sub01-tit{background-color: #F4F6FE;text-align: center;color: #121212;}
.sub_0101 .sub01-tit div{background: url('../images/sub01_titbg.svg') center no-repeat;font-size: 32px;font-weight: 300;padding: 110px 0;}
.sub_0101 .sub01-tit div::before{content: '';background: url('../images/sm_symbol.svg') no-repeat;width: 36px;height: 48px;position: relative;left: 50%;margin-bottom: 20px; display: flex;}
.sub_0101 .sub01-tit div span{font-weight: 700;}
.sub_0101 .sub01-con{margin-top: 40px;}
.sub_0101 .sub01-con p{margin-bottom: 16px;}
.sub_0101 .sign{display: flex;justify-content: flex-end;color: #121212;font-weight: 500;margin-top: 20px;}

.sub_0102 .video-wrap{width: 100%;}
.sub_0102 .video-wrap > div{width:100%; height:auto; aspect-ratio:16/9; border:none;}
.sub_0102 .lab-wrap{position: relative;width: 100%;display: flex;background-color: #f5f5f5;padding: 50px;gap: 4%;}
.sub_0102 .lab-wrap img{flex: 1;object-fit: cover;width: 45%;}

.sub_0102 .s5-wrap{width: 100%;margin-top: 50px;}
.s5-wrap .s5-img{text-align: center;}
.s5-wrap ul{display: flex; align-items: stretch;background: url('../images/sub0102_img02bg.png') center 0 no-repeat;width: 100%;margin-top: 40px;padding: 40px 40px 0;gap: 2%;}
.s5-wrap ul li{background-color: #E2E5F6;border-radius: 50%;width: 200px;height: 200px;text-align: center;padding: 44px 16px 0;}
.s5-wrap ul li p:first-child{color: #0E207F;font-weight: 600;font-size: 18px;margin-bottom: 10px;}
.s5-wrap ul li p:first-child span{color: #C99D36;}
.s5-wrap ul li p:last-child span{color: #1631c4;font-weight: 500;}


.sub_0103 .major-info{position: relative;width: 100%;text-align: center;word-break: keep-all;background-color: #f5f5f5;padding: 40px;}
.mi-01 li, .mi-02 li, .mi-03 li{color: #fff;border-radius: 10px;flex: 1;padding: 16px;line-height: 1.2;}
.mi-01, .mi-02, .mi-03, .mi-04{display: flex;gap: 4%;}
.mi-01 li{background-color: #7c8ff3;}
.mi-01 li span{font-weight: 600;display: block;font-size: 20px;}
.mi-02{margin-top: 16px;}
.mi-02 li{background-color: #3c58ea;font-size: 18px;font-weight: 500;}
.mi-03{margin-top: 16px;align-items: stretch;}
.mi-03 li{background-color: #1631c4;font-size: 18px;font-weight: 500;display: flex;align-items: center;justify-content: center;}
.mi-05{margin-top: 16px;background-color: #e3e8fe;width: 100%;padding: 20px 40px;text-align: left;border-radius: 10px;}
.mi-04{gap: 2%;margin-top: 16px;}
.mi-04 ul{flex: 1;}
.mi-04 li:first-child{background-color: #0E207F;border-radius: 56px;border: none;font-weight: 500;color: #fff;margin-bottom: 10px;padding: 16px;line-height: 1.2;}
.mi-04 li{border: solid 1px #0E207F;border-radius: 10px;padding: 20px 16px;background-color: #fff;}
.mi-04 li p{border-bottom: solid 1px #ddd;padding-bottom: 16px;margin-bottom: 16px;}
.mi-04 li p:last-child{border-bottom: none;padding-bottom: 0px;margin-bottom: 0px;}


.sub_0103 .txt-wrap{margin-top: 0px;}

.sub_0104 .location-info{display: flex;gap: 10%;margin-top: 30px;}
.location-info li{font-size: 18px;display: flex;align-items: center;}
.location-info li::before{content: '';background: url('../images/ico_location.svg') no-repeat center;width: 32px;height: 32px;background-size: cover;margin-right: 10px;}
.location-info li:last-child:before{background: url('../images/ico_call.svg') no-repeat center;background-size: cover;}
.location-info li:first-child{flex: 2;}
.location-info li:last-child{flex: 1;}

.traffic-tit {margin-top: 30px;display: flex;align-items: center;font-size: 18px;gap: 10px;position: relative;width: 100%;font-weight: 500;}
.traffic-tit::after{content: '';position: absolute;top: 50%;left: 0;right: 0;height: 1px;background-color: #ccc;transform: translateY(-50%);z-index: -1;}  
.traffic-tit>div{position: relative;z-index: 1;padding-right: 30px;display: flex;align-items: center;background-color: #fff;gap: 10px;}
.traffic-tit span {display: flex;align-items: center;}
.traffic-tit span::before{content: '';width: 40px;height: 40px;margin-right: 8px;background-color: #f5f5f5;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-size: 70%;background-position: center;background-repeat: no-repeat;}
.traffic-tit .subway::before{background-image: url('../images/ico_subway.svg');}
.traffic-tit .bus::before{background-image: url('../images/ico_bus.svg');}

.traffic-con{margin-top: 30px;display: flex;flex-wrap: wrap;gap: 5%;}
.traffic-con>div{display: flex;flex: 47%;margin-bottom: 20px;gap: 10px;align-items: center;}
.traffic-con ul{display: flex;gap: 10px;align-items: center;}
.traffic-con div span{margin-right: 10px;}
.traffic-con .pl{background-color: #7F4298;color: #fff;padding: 4px 10px;border-radius: 4px;font-size: 13px;}
.traffic-con .or{background-color: #ED8128;color: #fff;padding: 4px 10px;border-radius: 4px;font-size: 13px;}
.traffic-con .gr{background-color: #1BAF2C;color: #fff;padding: 4px 10px;border-radius: 4px;font-size: 13px;}
.traffic-con .sk{background-color: #39A3DE;color: #fff;padding: 4px 10px;border-radius: 4px;font-size: 13px;}
.traffic-con .nv{background-color: #213A9F;color: #fff;padding: 4px 10px;border-radius: 4px;font-size: 13px;}


/* 02 교수소개*/
.sub_0201 .pf-wrap{border: solid 1px #ebebeb;padding: 40px;border-radius: 10px;margin-bottom: 40px;}
.sub_0201 .pf-wrap:hover{border-color: #b5b5b5;box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.05);}
.sub_0201 .pf-tit{border-bottom: solid 2px #B5B5B5;font-size: 32px;font-weight: 600;color: #121212;padding-bottom: 12px;margin-bottom: 30px;}
.sub_0201 .pf-tit>span{font-size: 20px;color: #888;font-weight: 500;margin-left: 16px;}
.sub_0201 .pf-wrap div>ul{display: flex;gap: 10px;}
.sub_0201 .pf-wrap div>ul>li:first-child{color: #0E207F;font-weight: 500;width: 120px;}
.sub_0201 .pf-wrap .pf-con ul{margin-bottom: 20px;}
.sub_0201 .pf-box{background-color: #F5F5F5;border-radius: 8px;display: flex;padding: 20px 80px;margin-top: 30px;}
.sub_0201 .pf-box ul{flex: 1;}
.sub_0201 .pf-box ul li:first-child{width: 80px;}
.sub_0201 .pf-box .pf-room::before{content: '';background: url('../images/ico_door.svg') no-repeat;width: 24px;height: 24px;}
.sub_0201 .pf-box .pf-mail::before{content: '';background: url('../images/ico_mail.svg') no-repeat;width: 24px;height: 24px;}


/* 03 학사제도*/
.sub_0303 .txt-wrap{margin-top: 40px;}


/* 04 산학협력*/
.sub_0401 .ict-table table tr th, .sub_0401 .ict-table table tr td{width: 25%;}
.sub_0401 .ict-table table tr th:last-child, .sub_0401 .ict-table table tr td:last-child{border-right: none;}

.sub_0401 .system img{width: 100%;margin-bottom: 60px;}

.sub_0401 .collabo-wrap{margin-top: 80px;width: 100%;text-align: center;position: relative;background-color: #f5f5f5;padding: 80px 40px;}
.collabo-wrap>img{width: 100%;}
.collabo-wrap img.mo{display: none;}
.collabo-box{display: flex;flex-direction: column;align-items: center;margin-top: 20px;}
.collabo-box div{background-color: #0e207f;color: #fff;border-radius: 30px;font-size: 24px;font-weight: 600;padding: 8px 16px;width: 50%;}
.collabo-box ul{width: 50%;border: solid 1px #7c8ff3;text-align: left;margin-top: 10px;border-radius: 10px;padding: 40px;background-color: #fff;}

/* 04 산학협력 게시판*/
.board-top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.board-top .total{font-size: 14px;}
.board-search{width: 100%;max-width: 300px;background-color: #f5f5f5;border-radius: 25px;}
.search-bar{display: flex;align-items: center;overflow: hidden;}
.board-search input {flex: 1;padding: 12px 20px;border: none;outline: none;font-size: 16px;background-color: transparent;}
.board-search input:focus {outline: none !important;}
.search-bar button{border: none;padding: 10px 15px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.search-bar button img{width: 24px;height: 24px;}

.ict-thumtable{width: 100%;border-top: solid 2px #0E207F;}
.ict-thumtable a{width: 100%;background-color: #fff;display: block;}
.ict-thumtable a:hover{background-color:#f9f9f9}
.ict-thumtable a:hover .thum-img img{transform: scale(1.1);}
.ict-thumtable .thum-img{min-width: 280px; height: fit-content;overflow: hidden;margin: 0 10px 0 30px;}
.ict-thumtable .thum-img img{width: 100%;transition: transform 0.3s ease;}
.ict-thumtable .thumcon-wrap{padding: 0 30px 0 10px;}
.ict-thumtable .thumlist-wrap{display: flex;border-bottom: solid 1px #ddd;padding: 30px 0;gap: 20px;overflow: hidden;-webkit-line-clamp: 1;text-overflow: ellipsis;}
.ict-thumtable .thumlist-wrap .thumcon-tit{font-size: 24px;color: #121212;font-weight: 600;margin-bottom: 10px;}
.ict-thumtable .thumlist-wrap .thumcon-txt{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-height: 1.5;font-weight: 400;color: #666;}

.ict-listtable{width: 100%;border-top: solid 2px #0E207F;}
.ict-listtable a.list-box{width: 100%;background-color: #fff;display: flex;border-bottom: solid 1px #ddd;padding: 20px;align-items: center;gap: 20px;justify-content: flex-start;}
.ict-listtable a.list-box:hover{background-color:#f9f9f9}
.ict-listtable .num{width: 5%;}
.ict-listtable .listcon-wrap{width: 95%;}
.ict-listtable .pj-name{font-size: 22px;color: #121212;font-weight: 600;margin-bottom: 4px;}
.ict-listtable .pf-name{font-weight: 400;color: #666;}

.ict-boardview{width: 100%;border-top: solid 2px #0E207F;}
.ict-boardview .listcon-wrap{padding: 30px 0;border-bottom: solid 1px #ddd;}
.ict-boardview .listcon-wrap .pj-name{font-weight: 600;color: #121212;font-size: 24px;margin-bottom: 10px;}
.ict-boardview .listcon-wrap .pf-name{font-size: 18px;}
.ict-boardview .view-con{margin: 40px 0;}
.ict-boardview .link-box{background-color: #f5f5f5;display: flex;padding: 20px;gap: 24px;}
.ict-boardview .link-box>div{color: #333;font-weight: 500;}
.ict-boardview .link-box>ul a{color: #555;}
.ict-boardview .link-box>ul a:hover{text-decoration: underline;}
.ict-boardview .conlist-box{border-bottom: solid 1px #ddd;border-top: solid 1px #ddd;margin: 40px 0;}
.ict-boardview .conlist-box>div{display: flex;gap: 10px;padding: 16px 0;align-items: center;}
.ict-boardview .conlist-box>div::before{content: '';background: url('../images/ico_board_arrow.svg') center no-repeat;border: solid 1px #ddd;width: 28px;height: 28px;border-radius: 50%;}
.ict-boardview .conlist-box>div a{color: #555;}
.ict-boardview .conlist-box>div a:hover{text-decoration: underline;color: #333;}
.ict-boardview .conlist-box .board-prev{border-bottom: solid 1px #ddd;}
.ict-boardview .conlist-box .board-next::before{transform: rotate(180deg); }
button.ict-btn{border: solid 1px #0E207F;margin: 0 auto;display: flex;width: 200px;height: 44px;justify-content: center;align-items: center;font-weight: 500;border-radius: 8px;}
button.ict-btn:hover{background-color: #0E207F;color: #fff;}


/*05 커뮤니티*/
.tab-wrap{display: flex;align-items: center;gap: 20px;border-bottom: solid 1px #ddd;overflow-y: hidden;overflow-x: auto;}
.tab-wrap li button{font-size: 18px;color: #666;padding: 0 8px 12px;position: relative;white-space: nowrap;}
.tab-wrap li button.on, .tab-wrap li button:hover{color: #121212;font-weight: 600;}
.tab-wrap li button.on::after{content: '';display: block;width: 100%;height: 2px;background-color: #0E207F;position: absolute;left: 0;bottom: 0px;}

/*커뮤니티*/
.subetcsitemap>div {display: flex;border-top: solid 1px #ccc;padding-top: 24px;gap: 5%;align-items: center;margin-bottom: 80px;}
.subetcsitemap>div div{width: 10%;font-size: 24px;font-weight: 600;color: #0e207f;}
.subetcsitemap>div ul{font-size: 18px;display: flex;justify-content: flex-start;}
.subetcsitemap>div ul li {width: 200px;}
.subetcsitemap>div ul li a:hover {text-decoration: underline;color: #1631c4;}


@media screen and (max-width:1200px) {

}

@media screen and (max-width:900px) {

}

/* mobile */
@media screen and (max-width:768px) {
    .ict-table{width: auto;position: relative;overflow-x: auto;}
    .ict-table table tr th,.ict-table table tr td{padding: 10px 10px;word-break: keep-all;}

    .subcon h4{font-size: 22px;}

    .sub_0101 .sub01-tit div{font-size: 26px;padding: 60px 20px;background-size: 155%;}

    .sub_0102 .lab-wrap{flex-direction: column;padding: 30px;gap: 20px;}
    .sub_0102 .lab-wrap img{width: 100%;}
    .s5-wrap .s5-img>img{width: 100%;}
    .s5-wrap ul{margin-top: 40px;padding: 10px 10px 0;background-size: contain;flex-wrap: wrap;}
    .s5-wrap ul li{border-radius: 20px;width: 48%;height: auto;padding: 20px 10px;margin-top: 16px;}
    .s5-wrap ul li p:first-child{margin-bottom: 4px;}

    .sub_0103 .major-info{background-color: #fff;padding: 0px;}
    .mi-01, .mi-02, .mi-03, .mi-04{gap: 3%;}
    .mi-05{padding: 20px 20px;}
    .mi-04{flex-direction: column;margin-top: 0px;}
    .mi-04 ul{flex: 100%;margin-top: 20px;}

    .sub_0104 .location-info{gap: 10px;flex-direction: column;}
    .location-info li{align-items: flex-start;gap: 8px;font-size: 16px;}
    .location-info li::before{width: 28px;height: 28px;padding-right: 16px;margin-right: 0px;}

    .traffic-con{flex-direction: column;}
    .traffic-con>div{flex: 100%;margin-bottom: 20px;gap: 8px;align-items: flex-start;flex-direction: column;}
    .traffic-con ul{display: flex;gap: 10px;align-items: center;}

    .sub_0201 .pf-wrap{padding: 32px;}
    .sub_0201 .pf-wrap .pf-con>ul{display: block;gap: 10px;margin-bottom: 12px;}
    .sub_0201 .pf-wrap .pf-con>ul>li:first-child{width: 100%;}
    .sub_0201 .pf-box{display: block;padding: 20px 20px 10px;margin-top: 20px;}
    .sub_0201 .pf-box ul{display: flex;margin-bottom: 10px;}
    .sub_0201 .pf-box ul li:first-child{flex: 1;}
    .sub_0201 .pf-box ul li:last-child{flex: 2;}

    .sub_0401 .system img{margin-bottom: 40px;}
    .sub_0401 .collabo-wrap{padding: 40px 20px;margin-top: 60px;}
    .collabo-wrap img.mo{display: block;}
    .collabo-wrap img.web{display: none;}
    .collabo-box{margin-top: 20px;}
    .collabo-box div{font-size: 22px;font-weight: 600;padding: 8px 16px;width: 100%;}
    .collabo-box ul{width: 100%;padding: 20px;}

    .ict-thumtable .thumlist-wrap{flex-direction: column;}
    .ict-thumtable .thum-img{margin: 0px;width: 100%;}
    .ict-thumtable .thumcon-wrap{padding: 0px;}

    .ict-listtable a.list-box{padding: 10px;gap: 10px;}

    .subetcsitemap>div {align-items: normal;margin-bottom: 60px;flex-direction: column;gap: 4px;}
    .subetcsitemap>div div{width: 100%;}
    .subetcsitemap>div ul{flex-wrap: wrap;}
    .subetcsitemap>div ul li {width: auto;margin-right: 6%;}
}

@media screen and (max-width:575.98px) {
    /* 스마트폰 세로 */
}