@Charset "utf-8";


/* Sub Title Area */
#sub_title {position: relative; background: url(/site/mse2/img/common/sub_title02.png) no-repeat center; height: 650px; background-size: cover; background-position: center 65%;}
#sub_title .sub_title {font-size: 55px; font-weight: bold; color: #fff; text-align: center; box-sizing: border-box; position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); margin-bottom:10px}
#sub_title .sub_dec{font-size:18px; font-weight:500; margin-top:12px; letter-spacing: -0.02em; word-break: keep-all; font-weight: 300;}
@media only screen and (max-width:820px) {
	#sub_title{height:350px;}
}

/* Sub Content Area */
.sub_content {width: 100%; max-width: 1200px; margin: 0 auto; padding: 100px 20px; box-sizing: border-box;}
.sub_section {margin-bottom: 120px;}
.wrap_title {display:none;}

/* 탭 */
#sub #hcms_tab_area {display:none;}
#sub .boardTab {display:block !important;}
#float {display:none;}


#navi {position:absolute; bottom:0; left:0; width:100%; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background:#fff}
#navi .navi {position:relative; display:flex; max-width:1200px; margin:0 auto;}
#navi .navi .a1 {display:block; width:500px; font-size:18px; color:#313131; padding:18px 0 10px;}
#navi .navi .a1 span {display:block; line-height:35px; text-align:center; }
#navi .navi .a1:nth-child(1) span {border-left:1px solid rgba(244,244,244,0.5);}
#navi .navi .on {border-bottom:2px solid #3671D4; color: #3671d4; font-weight:500}


#navi .m_navi {position:relative; height:48px; line-height:48px; display:none;}
#navi .m_navi .home {float:left; width:49px; height:48px; border-right:1px solid #dfdfdf; overflow:hidden;}
#navi .m_navi .home a {display:table-cell; width:49px; height:48px; vertical-align:middle; text-align:center;}
#navi .m_navi .home a img {display:inline; margin-top:-5px;}
#navi .m_navi .navilist {float:left; width:calc(100% - 50px);}
#navi .m_navi .n1 {position:relative; float:left; padding:0 30px 0 20px; border-right:1px solid #dfdfdf; background:url("/hcm/design/layout2020/a/res/img/navi_bg.png") no-repeat 95% 19px; cursor:pointer;}
#navi .m_navi .n1 .a1 {display:block; min-width:80px; font-size:15px; padding-right:20px; white-space:nowrap;}
#navi .m_navi .n2 {position:absolute; width:100%; top:48px; left:0; background:#f0f0f0; text-align:left; white-space:nowrap; overflow:hidden; z-index:5;}
#navi .m_navi .n2 .a2 {display:block; font-size:14px; line-height:0; color:#313131; padding:0 20px; text-align:center; transition:0.3s;}
#navi .m_navi .n2 .a2:HOVER {background:#3671D4; color:#fff;}
#navi .m_navi .n2 .link img {display:none; margin-left:5px; transition:0.3s;}
#navi .m_navi .on1 .a2 {line-height:48px; border-bottom:1px solid #ddd;}
#navi .m_navi .on1 .link .off {display:inline;}
#navi .m_navi .on1 .link:hover .on {display:inline;}
#navi .m_navi .on1 .link:hover .off {display:none;}
#navi br {display:none;}


#sub {overflow:hidden;}
#sub .sub {padding:70px 2% 100px; min-height:550px; overflow:hidden;}

#sub .tab {display:flex; flex-wrap:wrap; border-left:1px solid #ddd; overflow:hidden; max-width:1400px; margin:0 auto; margin-bottom:40px;}
#sub .tab a {display:inline-block; width:33%; font-size:18px; color:#848484; text-align:center; vertical-align:middle; border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
#sub .tab a span {display:flex; align-items:center; justify-content:center; height:60px; padding:5px 10px; line-height:20px; text-align:center; box-sizing:border-box;}
#sub .tab .on span {color: #3671d4; border:1px solid #3671d4;}
@media only screen and (max-width:1000px) {
	#sub .tab a {width:25%;}
}
@media only screen and (max-width:600px) {
	#sub .tab a {width:33.3%;}
}

#contents{max-width:1400px; margin: 0 auto;}

/*연혁*/
.history_wrap{display: flex; gap:120px;}
.h_left > p{font-size: 50px; font-weight: 600; font-family: 'Montserrat', Times, serif; line-height: 1.2;}
.h_img_area{width: 510px;  overflow:hidden; margin-top:30px; border-radius: 0 80px}
.h_con{border-bottom: 1px solid #d9d9d9; padding-bottom:40px; margin-bottom: 20px;}
.h_year{font-weight: 600; font-size: 32px; margin-bottom: 18px; position: relative; color:#1d1d1d}
.h_year::before{content: ""; display: block; width: 12px; height: 12px; background: #B8CAE8; border-radius: 20px; position: absolute; left:-40px; top:20px}
.h_year::after{content: ""; display: block; width: 1px; height: 280px; background-color: #d9d9d9; position: absolute; left:-35px; top:32px}
.p_date{line-height:34px; color:#313131}

@media only screen and (max-width:740px) {
	.history_wrap{flex-direction:column;}
	.h_left{text-align:center;}
	.h_img_area{width:100%}
}


.title_bg{background: url(/site/mse2/img/common/title_bg.png) no-repeat 0 7px; padding-left:60px}
.title_bg2{background: url(/site/mse2/img/common/title_bg2.png) no-repeat 0 7px; padding-left:60px}
.basic {overflow:hidden;}
.bt {padding-left:12px; font-weight:bold; background:url("/hcm/design/layout2021/a/res/img/bt18.png") no-repeat 0 6px;}
.t22.bg {padding-left:25px; background:url("/hcm/design/layout3/ircenter/res/img/t20_bg.png") no-repeat 0 9px;}
.t25.bg {padding-left:25px; background:url("/hcm/design/layout3/ircenter/res/img/t20_bg.png") no-repeat 0 9px;}
.tac{text-align:center;}
.t35 {font-size:35px; font-weight:600; line-height:40px; margin-bottom:40px}
.t30 {font-size:30px; font-weight:500; line-height:40px; }
.t25 {font-size:25px; line-height:1.5; font-weight:600; color:#1d1d1d}
.t22 {font-size:22px; line-height:1.5}
.t20 {font-size:20px; line-height:30px; font-weight:500}
.t18 {font-size:18px; line-height:30px; font-weight: 300;}
.t16 {font-size:16px; line-height:25px; font-weight: 300; color:#262626}


.img+.t20 {margin-top:30px;}
.t16+.t20 {margin-top:30px;}
.t20+.t16 {margin-top:10px;}
.t16+.t18 {margin-top:30px;}
.t18+.t16 {margin:10px 0 0 14px;}
.tb {font-weight:bold !important;}
.c1 {color:#1886e4;}
.c2 {color:#3759b0;}
.lain {border-bottom:1px solid #ddd; height:25px; margin-bottom:30px; overflow:hidden;}


.btn {overflow:hidden;}
.btn a {display:inline-block; min-width:150px; height:42px; line-height:42px; font-size:16px; font-weight:bold; color:#fff; text-align:center; border-radius:5px; padding:0 10px; background:#1886e4;}
.btn a+a {margin-left:7px;}
.btn .bg1 {background:#3759b0;}

/*목록btn*/
.btn_wrap{margin-top: 60px; display: flex; gap: 10px; justify-content:center;}
.sub_btn{display: inline-flex; justify-content: center; align-items: center; width: 200px; height: 56px; background: #111; color: #fff; font-size: 1.125rem; font-weight: 500; transition: all 0.3s; border: 1px solid #111;}
.btn_wrap > .btn_list{padding: 12px 30px; border-radius: 4px; background: #313131; color: #fff; font-size: 18px;}

.imgbox {overflow:hidden;}
.imgbox .box {padding:30px 0;}
.imgbox .box+.box {border-top:1px solid #ddd;}
.imgbox .box .img {float:left; margin:0 20px 20px 0; overflow:hidden;}
.imgbox .box .text {position:relative; min-height:180px; padding-bottom:60px; min-width:300px; overflow:hidden;}
.imgbox .box .text .btn {position:absolute; bottom:0; left:0; overflow:hidden;}
.imgbox .box .text2 {position:relative; min-height:180px; min-width:300px; overflow:hidden;}


.course {border-top:2px solid #1886e4; overflow:hidden;}
.course .tb {background:#f4f4f4;}
.course .t16 {padding:15px 15px; border-bottom:1px solid #ddd;}
.course .t16.tb.c1 {font-size:18px; color:#313131; font-weight:400 !important;}


.staff {margin:0 -12px; overflow:hidden; display: flex; justify-content: center;}
.staff .box {float:left; width:calc(50% - 56px); min-height:180px; margin:0 12px 20px; padding:25px 15px; border:1px solid #dfdfdf; border-top:2px solid #427ee2; box-shadow: 0 0 2.8px 0 rgba(107, 107, 107, 0.25), 0 9px 9px 0 rgba(107, 107, 107, 0.13)}
.staff .box .img {float:left; width:95px; overflow:hidden;}
.staff .box .img img {width:95px; max-height:200px; overflow:hidden;}
.staff .box .t16 {padding-left:20px; overflow:hidden;}
.staff .box .t16 .name {height:40px; font-size:25px; font-weight:bold; border-bottom:1px solid #ddd; margin-bottom:10px;}
@media only screen and (max-width:1016px) {
	.staff{flex-direction:column; width: 100%; gap:30px}
	.staff .box {float:none; width:100%}
}

.w2 {margin:0 -10px; overflow:hidden;}
.w2 .box {float:left; width:calc(50% - 20px); margin:0 10px 20px; overflow:hidden;}


/* 학사일정 */
#sub .wrap_plugin_schedule .wrap_cal_type .cal_type {height:50px;}
#sub .wrap_plugin_schedule .wrap_cal_type .cal_type .on {background: #3671D4 !important;}
#sub .wrap_plugin_schedule .wrap_cal_type .cal_type a {display:block;}
#sub .wrap_plugin_schedule .wrap_cal_type .cal_type li {height:50px; line-height:50px; font-size:18px; font-family:"pretendard"}
#sub .dts_design table {border-top:1px solid #3671D4 !important;}
#sub .dts_design th {padding:10px 5px; font-size:16px !important; line-height:25px;}
#sub .dts_design td {padding:10px 5px; font-size:16px !important; line-height:24px !important; color:#505050;}
#sub .dts_design .date {width:180px; color: #3671D4;}
#sub .dts_design .al {padding-left:2%;}

/* 교과과정 */
#sub .divSearch {width:auto; padding:15px 20px 5px 20px; margin-bottom:20px; font-size:18px; color:#313131; background:#f7f7f7; overflow:hidden;}
#sub .divSearch input[name=rdHak] {margin:0 5px;}
#sub .divSearch select[name=year] {width:120px; height:36px; padding-left:10px; border:1px solid #a5a5a5; border-radius:5px; background:#fff url("/hcm/design/layout2020/a/res/img/select_bg.png") no-repeat 94% 14px; overflow:hidden;}
#sub .divSearch select[name=year] {font-size:16px; color:#5c5c5c;}
#sub .divSearch select {appearance:none; -moz-appearance:none; -webkit-appearance:none;}
#sub .divSearch select::-ms-expand {display: none;}
#sub .divSearch div {display:inline-block !important; padding-bottom:10px; white-space:nowrap; vertical-align:middle; overflow:hidden;}
#sub .j_table {width:100% !important; border-top:2px solid #1886e4;}
#sub .j_table th {padding:10px 5px; font-size:16px; font-weight:400; line-height:25px;}
#sub .j_table td {padding:10px 5px; font-size:16px; line-height:24px; color:#505050;}
#smartPop_container {width:95% !important; max-width:600px !important; min-width:200px !important;}

/*공지사항*/
#sub .board_container .board caption {font-size:0; height:0;}
#sub .board_container table {border-top:2px solid #1886e4; margin-bottom:20px;}
#sub .board_container th {font-size:17px; color:#313131; padding:15px 5px; line-height:24px; border:none; border-bottom:1px solid #dddddd; white-space:nowrap;}
#sub .board_container td {font-size:16px; color:#313131; padding:15px 5px; line-height:24px; border-bottom:1px solid #dddddd;}
#sub .board_container td+.body_col_title img {margin-top:-8px;}
#sub .board_container td a {color:#313131;}
#sub .board_container td a:HOVER {font-weight:bold;}
#sub .board_container .al {text-align:left !important;}
#sub .board_container .order {background:none;}
#sub .board_container .body_col_regdate {color:#5c5c5c;}
#sub .board_container .body_col_number {text-align:center;}

/* 페이징 */
#sub .board_paging_panel {margin:50px 0 30px; height:40px;}
#sub .dc-paging {width:100%; display:flex; justify-content:center; overflow:hidden;}
#sub .dc-paging a {display:inline-block; width:38px; height:38px; font-size:14px; color:#231f20; line-height:38px; padding:0; margin:0 -1px 0 0px; border:1px solid #d6e1e5; overflow:hidden;}
#sub .dc-paging .on {color:#fff; background:#1886e4; border:1px solid #1886e4;}
#sub .dc-paging a.first {font-size:0; background:url("/common/images/board/bbs_first.png") no-repeat center center; border-top-left-radius:5px; border-bottom-left-radius:5px;}
#sub .dc-paging a.prev {font-size:0; background:url("/common/images/board/bbs_prev.png") no-repeat center center}
#sub .dc-paging a.next {font-size:0; background:url("/common/images/board/bbs_next.png") no-repeat center center;}
#sub .dc-paging a.last {font-size:0; background:url("/common/images/board/bbs_last.png") no-repeat center center; border-top-right-radius:5px; border-bottom-right-radius:5px;}


/* 검색 */
#sub .board_search_panel {width:auto; height:auto; line-height:30px; padding:23px 0 13px; margin-top:10px; border:1px solid #ddd; background:#eeeeee;}
#sub .board_search_panel .search_content {top:0; left:0; text-align:center;}
#sub .board_search_panel .search_content div {float:none !important; margin:0 0 10px !important; display:inline-block;}
#sub .board_search_panel select {min-width:100px; height:40px; border:1px solid #ddd;}
#sub .board_search_panel input[type=text] {width:220px; height:40px; margin:0 10px; border:1px solid #ddd;}
#sub .board_search_panel .search_content img {vertical-align:middle;}

/*연구*/
.lab_container > ul{display: flex; justify-content: space-between; flex-wrap:wrap; gap:40px}
.lab_container .lab{width: calc(50% - 50px); border: 1px solid #d9d9d9; display: flex; max-height: 490px; position: relative; transition: transform 0.3s; border-top: 2px solid #3671d4;}
.lab_container .lab a{display: block; width: 100%; height: 100%; position: absolute; top:0; left:0;}
.left .lab_img_box{min-width: 320px; background-size: cover; background: url(/site/mse2/img/common/img_placeholder3.png) no-repeat; background-size: cover; }
.right{ width:400px}
.right .lab_cont{padding: 40px 30px; box-sizing: border-box;}
.right .lab_cont dl{padding-bottom: 24px;}
.right .lab_cont dl:last-child{padding-bottom: 0;}
.right .lab_cont .name{display: flex; align-items: flex-end; gap: 8px; padding-bottom: 30px;}
.right .lab_cont .name > dt{font-size: 30px; font-weight: 700; line-height: 1; color: #222;}
.right .lab_cont .name > dd{font-size: 18px; line-height: 1; padding-bottom: 2px; color: #666; margin:0}
.right .lab_cont dl:not(.name) dt{display: inline-flex; align-items: center; justify-content: center; background: #edf1f6; color: #5b728a; padding: 5px 16px; border-radius: 20px; font-size: 14px; font-weight: 500; margin-bottom: 8px;}
.right .lab_cont dl:not(.name) dd{font-size: 16px; color: #333; line-height: 1.4; word-break: keep-all; margin: 0 10px;}
.lab_container .lab:hover{transform: translateY(-5px);}


/*학생회*/
.council-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.council-item { background-color: #f7fafe; border: 1px solid #d9e5f3; border-radius: 8px; display: flex; flex-direction: column; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.council-item:hover {transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);}
.council-item .img-box {flex: 1; display: flex; justify-content: center; align-items: center; padding: 30px; min-height: 220px; }
.council-item .img-box img {max-width: 100%; height: auto; max-height: 200px; object-fit: contain;}
.council-item .txt-box {display: flex; justify-content: center; align-items: center; padding: 20px 10px;}
.council-item .txt-box span {font-size: 15px; color: #333; font-weight: 500; padding: 0 16px; position: relative; line-height: 1; word-break: keep-all;}
.council-item .txt-box span:not(:last-child)::after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 14px; background-color: #d1dce8;}
        
@media screen and (max-width: 1024px) {
	.council-list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 768px) {
	.council-list {
		grid-template-columns: 1fr;
	}
.council-item .img-box {
	min-height: 180px;
	padding: 20px;
	}
.council-item .txt-box span {
	font-size: 14px;
	padding: 0 12px;
	}
}


@media (max-width: 1280px) {
    .lab_container > ul {
     	flex-direction: column;
     	
    }
	.lab_container .lab{
		width:100%;
		flex-direction: column;
        max-height: 100%;
	}
	.right{
		width:100%
	}
}



/* 공통 */
.img_box {width: 100%; height: 100%; border-radius: inherit; overflow: hidden; box-shadow: 0 0 2.8px 0 rgba(107, 107, 107, 0.25), 0 9px 9px 0 rgba(107, 107, 107, 0.13)}
.img_box img {width: 100%; height: 100%; object-fit: cover;}


/* 섹션 헤더 */
.sub_sec_header {display: flex; justify-content: center; margin-bottom: 70px;}
.sub_sec_header h3 {font-size: 2rem; font-weight: 600; color: #1d1d1d;}

/* 학생회 */
.student_council_wrap {display: flex; gap: 60px; align-items: center; justify-content: center;}
.sc_img {flex: 0 0 480px; border-radius: 20px;}
.sc_info h4 { font-size: 1.7rem; margin-bottom: 20px;}
.desc {line-height: 1.7; color: #555; margin-bottom: 16px;}

/* 동아리 */
.club_list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 80px 40px;}
.club_item {display: flex; gap: 24px; align-items: center;}
.club_img {max-width: 260px; border-radius: 12px;}
.club_info h4 {font-size: 1.4rem; margin-bottom: 12px;}

/* 버튼 */
.btn_view_sm {display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border: 1px solid #ddd; border-radius: 30px; font-size: 0.875rem; transition: 0.3s;}

/* 반응형 */
@media (max-width: 1024px) {
    .sub_sec_header {
        margin-bottom: 40px;
    }

    .student_council_wrap {
        flex-direction: column;
    }

    .sc_img {
        width: 100%;
    }

    .club_list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .club_item {
        flex-direction: column;
        width: 100%;
    }

    .club_img {
        max-width:100%;
        width: 100%;
    }

    .club_info {
        width: 100%;
    }
}



caption {font-size:0; height:0;}
.tw {overflow:auto;}

.pr {position:relative;}
.pr .on {position:absolute; bottom:20px; right:20px; padding:20px 20px; font-size:15px; font-weight:bold; color:#fff; line-height:30px; border-radius:15px; background:#313131; opacity:0.6; display:none;}
.pr .on img {margin-top:-3px;}
.pr .on2 {position:absolute; bottom:20px; right:20px; padding:20px 20px; font-size:15px; font-weight:bold; color:#fff; line-height:30px; border-radius:15px; background:#313131; opacity:0.6;}
.pr .on2 img {margin-top:-3px;}

.table01 {width:100%; border-top:1px solid #1886e4; border-collapse:collapse;}
.table01 th {padding:10px 10px; height:30px; font-size:16px; font-weight:bold; line-height:25px; color:#1886e4; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f8f8f8;}
.table01 td {padding:10px 10px; height:30px; font-size:16px; line-height:24px; color:#505050; border-right:1px solid #ddd; border-bottom:1px solid #ddd; word-break:break-all}
.table01 th+th {border-left:1px solid #ddd;}
.table01 td+td {border-left:1px solid #ddd;}
.table01 th:LAST-CHILD {border-right:none;}
.table01 td:LAST-CHILD {border-right:none;}

table caption {font-size:0; height:0px;}
.tbl_basic {width:100%; margin-top:10px; border-top:2px solid #427ee2;  border-right:2px solid #fff;  border-left:2px solid #fff; border-bottom:1px solid #dbdbdb; border-collapse:collapse;}
.tbl_basic th {padding:5px; font-size:16px; font-weight:500; color:#313131; border:1px solid #dbdbdb; background:#f3f3f3;}
.tbl_basic td {padding:15px 25px; font-size:15px; color:#222; line-height:22px; border:1px solid #dbdbdb;}
.tbl_basic td strong {font-weight:500;}
.tbl_basic td b {font-weight:500;}
.tbl_basic tbody th {border:1px solid #dbdbdb;}
.tbl_basic td.cen{text-align:center;}
.tbl_basic td.num{text-align:right;}
.tbl_basic td.mid{vertical-align:middle;}
.tbl_basic th.mid{vertical-align:middle;}
.tbl_basic .cm{text-align:center;vertical-align:middle;}


.tbl_basic tr {border-bottom:1px solid #dbdbdb;}
.tbl_basic tr:LAST-CHILD th {border-bottom:1px solid #dbdbdb;}

.wrap_list {margin-top:10px;}
.board_container {margin-top:10px;}


.mt0 {margin-top:0px !important;}
.mt1 {margin-top:1px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6px !important;}
.mt7 {margin-top:7px !important;}
.mt8 {margin-top:8px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mb10 {margin-bottom:10px !important}
.mb20 {margin-bottom:20px !important}
.mb30 {margin-bottom:30px !important}

/*연구*/
.photo-section {width: 100%; padding: 20px; box-sizing: border-box;}
.photo-text{color:#fff; font-size:20px; font-weight:600; position: relative; z-index: 99;}
.photo-wrap {max-width: 1400px; margin: 0 auto; display: flex; gap: 24px;}
.photo-item {position: relative; flex: 1; aspect-ratio: 4 / 4;  border-radius: 8px; background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.photo-item::after {content: ""; position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 0.6s ease; z-index: 0;}
.photo-item::before {content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.3); z-index: 1; pointer-events: none;}
.photo-item:hover::after {transform: scale(1.1);}
.item1::after {background-image: url("/site/mse2/img/common/rr-item1.jpg");}
.item2::after {background-image: url("/site/mse2/img/common/rr-item2.jpg");}
.item3::after {background-image: url("/site/mse2/img/common/rr-item3.jpg");}
.item4::after {background-image: url("/site/mse2/img/common/rr-item4.jpg");}

@media (max-width: 768px) {
  .photo-wrap {
    flex-direction: column;
  }

  .photo-item {
    width: 100%;
    aspect-ratio: 4 / 3;
  }
}

#sub .subVisual {display:none;}

#sub #hcms_tab_area {margin:0; overflow:hidden; font: 12px / 1.0 Pretendard, sans-serif;}
#sub #hcms_tab_area ul {height:auto; max-width:1400px; margin:0 auto 30px; border-bottom:1px solid #ddd; border-collapse:collapse; overflow:hidden;}
#sub #hcms_tab_area li {float:none; left:0; display:table-cell; border:1px solid #ddd; border-bottom:none; background:none; z-index:0;}
#sub #hcms_tab_area li a {float:none; display:table-cell; width:200px; height:60px; padding:0 20px; font-size:18px; color:#1d1d1d; line-height:20px; text-align:center; vertical-align:middle; background:none; font-weight: 500}
#sub #hcms_tab_area .selected {border:1px solid #3671D4; border-bottom:none; background:#3671D4;}
#sub #hcms_tab_area .selected a {color:#fff; font-weight:bold;}

@media only screen and (max-width:800px) {
	#sub #hcms_tab_area li a {font-size:14px; padding:0 10px; word-break:break-all; height:80px;}
}


/* 
.table02 {width:100%; border-top:2px solid #1886e4; border-collapse:collapse;}
.table02 th {padding:10px 10px; height:30px; font-size:16px; font-weight:bold; line-height:30px; color:#1886e4; white-space:nowrap; vertical-align:top; border-bottom:1px solid #dddddd;}
.table02 td {padding:10px 10px; height:30px; font-size:15px; line-height:30px; color:#313131; border-bottom:1px solid #dddddd; word-break:break-all;}
.table02 td b {padding-right:20px;}
 */

.p0505 th {padding:5px 5px; height:20px; line-height:20px;}
.p0505 td {padding:5px 5px;}

.p1020 th {padding:10px 20px;}
.p1020 td {padding:10px 20px;}

.p1520 th {padding:15px 20px;}
.p1520 td {padding:15px 20px;}

.p2020 th {padding:20px 20px;}
.p2020 td {padding:20px 20px;}


.ti10 {text-indent:-10px; padding-left:10px;} 
.ti10l li {text-indent:-10px; padding-left:12px;} 
.ti15 {text-indent:-15px; padding-left:15px;} 
.ti15l li {text-indent:-15px; padding-left:17px;} 
.ti20 {text-indent:-20px; padding-left:20px;} 
.ti20l li {text-indent:-20px; padding-left:22px;} 


.tibl li {overflow:hidden;}
.tibl li b {float:left; overflow:hidden;}
.tibl li b+span {display:block; padding-left:5px; overflow:hidden;}


@media only screen and (max-width:1316px) {
}
@media only screen and (max-width:1216px) {
}
@media only screen and (max-width:1016px) {
	#sub_title .sub_title {line-height:40px; font-size:30px; width: 80%;}
	#sub_title .sub_dec{line-height:20px; font-size:14px;}
	#sub #lnb {display:none;}
	#navi .navi {display:none;}
	#navi .m_navi {display:block;}
	
	#sub {border:none;}
	#sub .sub {padding:30px 5% 50px;}
	
	.w2 .box {float:none; width:calc(100% - 20px);}
	
}
@media only screen and (max-width:820px) {
	.pr .on {display:block;}
	
	#sub .tab2 a {padding:10px 0;}
	#sub .tab2 a span {padding:0 10px;}

}
@media only screen and (max-width:640px) {
	#sub .tab a {font-size:15px; letter-spacing:-0.15em;}
}
@media only screen and (max-width:480px) {
}
@media only screen and (max-width:360px) {
}



 /* Top Cards */
.top-cards {display: grid; grid-template-columns: repeat(3, 1fr); gap: 46px; margin-bottom: 110px;}
.top-card { min-width: 430px; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 0 2.8px 0 rgba(107, 107, 107, 0.25), 0 9px 9px 0 rgba(107, 107, 107, 0.13); transition: transform 0.3s ease, box-shadow 0.3s ease;}
.top-card:hover {transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);}
.top-card .img-wrap {width: 100%; aspect-ratio: 1.8 / 1; background-color: #eaeaea; display: flex; align-items: center; justify-content: center; position: relative;}
.top-card .img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block;}
.top-card .img-placeholder-text { position: absolute; color: #999; font-size: 0.9rem; z-index: 1;}
.top-card .card-cont { padding: 30px 24px;}
.top-card .card-tit {font-size: 1.35rem; font-weight: 700; color: #222; margin-bottom: 15px; word-break: keep-all;}
.top-card .card-desc {font-size: 1rem; color: #666; line-height: 1.6; word-break: keep-all;}
.map-section {display: flex; align-items: center; justify-content: space-between; gap: 30px;}   
.map-section2 {display: flex; align-items: flex-start; justify-content: center; gap: 30px; margin: 60px 0}
.map-col {display: flex; flex-direction: column; gap: 30px; max-width: 440px; flex-shrink: 0;}
.map-col2 {display: flex; gap: 40px; flex-wrap:wrap; justify-content: center;}
.map-center {flex: 1; display: flex; justify-content: center; align-items: center; min-width: 0;}
.map-center .img-wrap {width: 100%; max-width: 450px; aspect-ratio: 1 / 1.1; background-color: transparent; display: flex; align-items: center; justify-content: center; position: relative;}
.map-center .img-wrap img {width: 100%; height: 100%; object-fit: contain; display: block;}
.map-center .img-placeholder-text { position: absolute; color: #999; font-size: 0.9rem; z-index: 1;}
.info-card {background: #fff; border-radius: 0 0 8px 8px; border-top: 3px solid #3671D4; box-shadow: 0 0 2.8px 0 rgba(107, 107, 107, 0.25), 0 9px 9px 0 rgba(107, 107, 107, 0.13); padding: 30px 24px; transition: transform 0.3s ease, box-shadow 0.3s ease; max-width: 440px;}
.info-card:hover {transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);}
.info-card-tit {font-size: 20px; font-weight: 700; color: #222; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #eee;}
.info-item {margin-bottom: 20px;}
.info-item:last-child {margin-bottom: 0;}
.badge {display: inline-block; background: #EBF0F6; color: #5F758A; font-size: 14px; font-weight: 500; padding: 6px 14px; border-radius: 20px; margin-bottom: 8px;}
.info-desc {font-size: 16px; color: #555; line-height: 1.6; word-break: keep-all; padding-left: 10px;}


/*명예교수*/
.emeritus_content_wrap { padding-top: 50px; padding-bottom: 100px;}
.emeritus_list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px;}
.emeritus_item { border: 1px solid #ddd; display: flex; align-items: center; background: transparent; border-top: 2px solid #3671d4;}
.em_img_box { width: 260px; aspect-ratio: 1 / 1.1; background-color: #EBF0F6; display: flex; justify-content: center; align-items: center; padding: 20px; flex-shrink: 0;}
.em_img_box img {width: 100%; height: 100%; object-fit: contain; display: block;}
.em_info { padding: 12px 40px; display: flex; box-sizing: border-box; flex-direction: column; justify-content: center;}
.em_name { font-size: 28px; font-weight: 600; color: #111; margin-bottom: 30px; display: flex; align-items: baseline;}
.em_name span { font-size: 16px; font-weight: 400; margin-left: 5px; color: #333;}
.em_detail_row {margin-bottom: 20px;}
.em_detail_row:last-child { margin-bottom: 0;}
.em_label { display: flex; align-items: center; font-size: 18px; font-weight: 500; color: #111; margin-bottom: 8px;}
.em_label::before { content: ""; display: inline-block; width: 3px; height: 16px; background-color: #4594FF; margin-right: 8px;}
.em_value { font-size: 16px; color: #313131; padding-left: 10px;}


@media (max-width: 1024px) {
    .map-section {
        flex-direction: column;
    }

    .map-center {
        order: -1;
        width: 100%;
        margin-bottom: 20px;
    }

    .map-col {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .info-card {
        height: 100%;
    }
}

@media (max-width: 768px) {
    .top-cards {
        grid-template-columns: 1fr;
    }

    .map-col {
        grid-template-columns: 1fr;
    }

    .employment-section {
        padding: 50px 15px;
    }

    .section-title {
        font-size: 1.6rem;
        margin-bottom: 30px;
    }

    .top-card .card-cont {
        padding: 24px 20px;
    }

    .info-card {
        padding: 24px 20px;
    }
}


@media screen and (max-width: 1024px) {
    .emeritus_list {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 600px) {
    .emeritus_item {
        flex-direction: column;
    }
    .em_img_box {
        width: 100%;
        padding: 40px;
    }
    .em_info {
        padding: 40px 0;
        flex-direction: row;
        gap: 28px;
    }
}