@Charset "utf-8";
@import url('/font/NotoSansKR/NotoSansKR.css');
/* Thin 100, Light 300, Regular 400, Medium 500, Bold 700, Black 900 Noto Sans KR */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0; padding:0;}
fieldset,img{border:0 none; vertical-align:middle;}
dl,ul,ol,menu,li {list-style:none;}
input,select,textarea,button {vertical-align:middle;}
body,th,td,input,textarea,button {font:16px/1.4 'Noto Sans KR', sans-serif; color:#313131; word-break:keep-all;}
a:active, a:HOVER, a:focus {text-decoration:none;}
a {color:#313131; text-decoration:none;}


.fancybox-skin {padding:0 !important;}
.fancybox-inner {border-radius:4px;}


body {min-width:1200px\9; overflow-x:hidden;}


#head {position:absolute; top:0; left:0; width:100%; border-bottom:1px solid #d3d3d3; background:linear-gradient(to bottom, #2c4b48 70px, #f4f0eb 70px, #f4f0eb 140px, rgba(44,75,72,0.9) 140px); z-index:10;}
#head .head {display:flex; justify-content:space-between; max-width:1400px; height:70px; margin:0 auto; padding:0 3%; overflow:hidden;}
#head .head .logo {display:flex; align-items:center; padding-left:170px; font-size:20px; font-weight:300; color:#f4f0eb; background:url("/hcm/design/layout2023/en_a/res/img/logo.png") no-repeat 0 16px;}
#head .head .login {display:flex; flex-wrap:wrap; align-items:center; align-content:center; height:70px; font-size:17px; color:#f4f0eb;}
#head .head .login a {color:#f4f0eb; font-weight:300; line-height:24px; margin:0 10px; overflow:hidden;}
#head .head .login .bg {font-size:12px;}
#head .head .login .search {display:flex; justify-content:space-between; align-items:center; width:200px; height:40px; padding:0 20px; background:#f4f0eb; border-radius:20px;}
#head .head .login .search input[type=text] {width:180px; height:40px; font-size:16px; color:#313131; line-height:38px; background:none; border:none; box-sizing:border-box;}
#head .head .login .search input[type=text]::placeholder {color:#8a9a98;}
#head .head .login .search img {margin-top:-2px;}

#head .gnb {display:flex; justify-content:space-around; align-items:flex-start; max-width:1400px; margin:0 auto;}
#head .gnb .dep1 {width:300px;}
#head .gnb .dep1 .a1 {display:flex; width:100%; height:70px; align-items:center; justify-content:center; font-size:20px; color:#2c4b48; text-transform:uppercase;}
#head .gnb .d2 {display:none;}
#head .gnb .d2 {padding:20px 0 10px;}
#head .gnb .d2 .a2 {display:block; padding:0 10px; font-size:18px; font-weight:300; color:#f4f0eb; text-align:center; line-height:20px; margin-bottom:20px;}
#head .gnb.on .d2 {display:block;}


#head_m {display:none;}
#head_m {position:absolute; top:0; left:0; width:100%; z-index:10; background:#2c4b48;}
#head_m .menu {display:flex; align-items:center; justify-content:space-between; padding:0 3%; overflow:hidden; z-index:25;}
#head_m .menu .logo {display:flex; align-items:center; height:70px; font-size:18px; color:#f4f0eb; line-height:20px; padding-left:160px;}
#head_m .menu .logo {background:url("/hcm/design/layout2023/en_a/res/img/logo.png") no-repeat 0 16px; background-size:150px;}
#head_m .menu .logo a {color:#fff;}
#head_m .menu .btn {display:inline-block; cursor:pointer; width:50px; height:50px; background:url("/hcm/design/layout2023/en_a/res/img/m_menu.png") no-repeat 100% center;}

@media only screen and (max-width:480px) {
	#head_m .menu .logo a {font-weight:300; letter-spacing:-0.1em;}
}

#head_m .head_m {position:absolute; top:70px; left:0; width:100%; z-index:99; background:#fff; border-bottom:1px solid #ddd; opacity:0; transition:0.3s; overflow:hidden;}
#head_m .head_m .login {display:flex; align-items:center; justify-content:center; height:0; line-height:0; font-size:20px; transition:0.2s;}
#head_m .head_m .login a {display:flex; align-items:center; color:#313131; text-align:center;}
#head_m .head_m .a1 {position:relative; display:block; height:0; line-height:0; font-size:20px; color:#313131; text-align:center; cursor:pointer; background:#fff; transition:0.2s; z-index:10; text-transform:uppercase;}
#head_m .head_m .a1.on {color:#fff; background:#2c4b48;}
#head_m .head_m .d2 {position:relative; background:#f2f2f2; transition:0.2s; z-index:1;}
#head_m .head_m .a2 {display:block; height:0; line-height:0; font-size:18px; color:#2c4b48; text-align:center; transition:0.2s;}
#head_m .head_m.on {opacity:1;}
#head_m .head_m.on .login {height:70px; line-height:25px;}
#head_m .head_m.on .a1 {height:70px; line-height:70px; border-top:1px solid #ddd;}
#head_m .head_m .d2.on {padding:20px 0;}
#head_m .head_m .d2.on .a2 {height:55px; line-height:55px;}


#qlink {background:#2c4b48; padding:0 3%; overflow:hidden;}
#qlink .qlink {max-width:1400px; margin:40px auto 20px;}
#qlink .qlink .title {font-size:24px; color:#f4f0eb;}
#qlink .qlink .list {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:30px; padding-bottom:20px;}
#qlink .qlink .list a {display:inline-block; font-size:18px; font-weight:300; color:#f4f0eb; line-height:20px; margin-bottom:10px; box-sizing:border-box;}
#qlink .qlink .list2 {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:30px;}
#qlink .qlink .list2 > div {margin-bottom:20px; padding-right:10px; box-sizing:border-box;}
#qlink .qlink .list2 a {display:block; font-size:18px; font-weight:300; color:#f4f0eb; line-height:22px; text-indent:-13px; padding-left:13px; margin-bottom:10px; box-sizing:border-box;}

@media only screen and (max-width:1000px) {
	#qlink .qlink .list a {width:50% !important;}
	#qlink .qlink .list2 > div {width:50% !important;}
}
@media only screen and (max-width:500px) {
	#qlink .qlink .list a {width:100%;}
	#qlink .qlink .list2 > div {width:100% !important;}

}


#tail {padding:0 3%; background:#2c4b48;}
#tail .tail {max-width:1400px; margin:0 auto; padding:50px 0 60px; border-top:1px solid #586c6a;}
#tail .text {font-size:16px; font-weight:300; color:#7d908e; line-height:32px;}





/* 교수소개 영문 */
#sub .plugin_prof .people {display:flex; flex-wrap:wrap; border-top:none;}
#sub .plugin_prof .people ul.people_list {width:50%; padding-right:20px; margin-bottom:60px; border-bottom:none; box-sizing:border-box;}
#sub .plugin_prof .people ul.people_list li {padding-left:0; font-size:18px; color:#313131; font-family:'Noto Sans KR'; text-align:left;}
#sub .plugin_prof .people ul.people_list li.infor {padding-left:30px; box-sizing:border-box;}
#sub .plugin_prof .people ul.people_list li.img img {width:150px; height:180px; object-fit:cover;}
#sub .plugin_prof .people ul.people_list li.infor ul.infor_list {padding-top:0;}
#sub .plugin_prof .people ul.people_list li.infor ul.infor_list li {font-weight:300; line-height:24px; margin-bottom:6px; background:none;}
#sub .plugin_prof .people ul.people_list li.infor ul.infor_list li.title {font-size:30px; font-weight:400; line-height:40px; padding-bottom:10px; overflow:visible;}
#sub .plugin_prof .people ul.people_list li.infor ul.infor_list li.title span {font-size:16px;}
#sub .plugin_prof .people ul.people_list li.infor ul.infor_list li.btn {margin:20px 0 0; padding:0; text-transform:uppercase;}
#sub .plugin_prof .people ul.people_list li.infor ul.infor_list li.btn a {min-width:80px; font-size:14px; color:#2c4b48; line-height:19px; text-align:center; border:1px solid #2c4b48; margin-bottom:10px; border-radius:15px; background:#faf8f6;}
#sub .proView {height:auto; min-height:180px;}

@media only screen and (max-width:1000px) {
	#sub .plugin_prof .people ul.people_list {width:100%;}
}
@media only screen and (max-width:600px) {
	#sub .proView .picPro {margin-bottom:20px;}
	#sub .proView table {width:100%;}
}


/* 교과과정 검색 영문 */
#sub .divSearch {display:flex; flex-wrap:wrap; justify-content:flex-end; width:auto; padding:0; margin-bottom:20px; font-size:20px; color:#313131; background:none;}
#sub .divSearch select[name=year] {width:140px; height:40px; padding-left:25px; border:1px solid #ddd; border-radius:20px; background:#fff url("/hcm/design/layout2023/en_b/res/img/select_bg.png") no-repeat calc(100% - 15px) 17px; box-sizing:border-box; overflow:hidden;}
#sub .divSearch select[name=year] {font-size:18px; color:#313131; font-family:'Noto Sans KR';}
#sub .divSearch select {appearance:none; -moz-appearance:none; -webkit-appearance:none;}
#sub .divSearch select::-ms-expand {display: none;}
#sub .divSearch input[type=radio] {margin-right:5px; accent-color:#2c4b48;}
#sub .divSearch label {margin-left:20px;}
#sub .divSearch div {display:flex !important; align-items:center; padding-bottom:10px; white-space:nowrap; overflow:hidden;}
#sub .divSearch .search {width:100px; height:40px; font-size:16px; color:#fff; background:#2c4b48; border:none; border-radius:20px; margin-left:30px; font-weight:300; text-transform:uppercase;}
#smartPop_container {width:95% !important; max-width:600px !important; min-width:200px !important;}

@media only screen and (max-width:800px) {
	#sub .divSearch {justify-content:center;}
	#sub .divSearch .search {margin-right:20px;} 
}

/* 교과과정 학과 영문 */
#sub .dts_design table {border:none; border-top:2px solid #2c4b48; border-collapse:collapse;}
#sub .dts_design table th {height:60px; padding:10px 5px; font-size:18px !important; font-weight:400; line-height:25px; border:none; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#faf8f6; box-sizing:border-box;}
#sub .dts_design table td {height:60px; padding:10px 5px; font-size:18px !important; font-weight:300; line-height:24px !important; border:none; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:none; box-sizing:border-box;}
#sub .dts_design table th+th {border-left:1px solid #ddd;}
#sub .dts_design table td+td {border-left:1px solid #ddd}
#sub .dts_design table th:last-child {border-right:none;}
#sub .dts_design table td:last-child {border-right:none;}


/* 교과과정 대학원 영문 */
#sub .j_table {border:none; border-top:2px solid #2c4b48; border-collapse:collapse;}
#sub .j_table th {height:60px; padding:10px 5px; font-size:18px !important; font-weight:400; line-height:25px; border:none; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#faf8f6; box-sizing:border-box;}
#sub .j_table td {height:60px; padding:10px 5px; font-size:18px !important; font-weight:300; line-height:24px !important; border:none; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:none; box-sizing:border-box;}
#sub .j_table th+th {border-left:1px solid #ddd;}
#sub .j_table td+td {border-left:1px solid #ddd}
#sub .j_table th:last-child {border-right:none;}
#sub .j_table td:last-child {border-right:none;}


/* 학사일정 */
#sub .wrap_plugin_schedule .wrap_cal_type {margin-bottom:30px;}
#sub .wrap_plugin_schedule .wrap_cal_type .cal_type {height:60px; border-radius:0 !important;}
#sub .wrap_plugin_schedule .wrap_cal_type .cal_type a {display:block;}
#sub .wrap_plugin_schedule .wrap_cal_type .cal_type li {height:60px; line-height:60px; font-size:22px; font-weight:500; font-family:'Noto Sans KR';}
#sub .wrap_plugin_schedule .wrap_cal_type .cal_type li a {color:#2c4b48;}
#sub .wrap_plugin_schedule .wrap_cal_type .cal_type .on {background:#2c4b48;}
#sub .wrap_plugin_schedule .wrap_cal_type .cal_type .on a {color:#fff;}
#sub .dts_design .date {width:180px; color:#2c4b48;}
#sub .dts_design .al {padding-left:2%;}
#sub .wrap_plugin_schedule .dts_design .day {font-size:30px; font-weight:500; color:#2c4b48; margin:0 25px; font-family:'Noto Sans KR';}
#sub .wrap_plugin_schedule .dts_design .schedule th {color:#2c4b48; font-family:'Noto Sans KR'; border-right:none; border-left:none;}
#sub .wrap_plugin_schedule .dts_design .schedule td {height:60px; font-family:'Noto Sans KR'; border-right:none; border-left:none; box-sizing:border-box;}
#sub .wrap_plugin_schedule .cal_navi {display:flex; align-items:center; justify-content:center; margin-bottom:40px;}
#sub .wrap_plugin_schedule .cal_navi a:nth-child(1) {display:inline-block; width:30px; height:30px; background:url("/hcm/design/layout2023/en_a/res/img/schedule_prev.png") no-repeat 0 0;}
#sub .wrap_plugin_schedule .cal_navi a:last-child {display:inline-block; width:30px; height:30px; background:url("/hcm/design/layout2023/en_a/res/img/schedule_next.png") no-repeat 0 0;}
#sub .wrap_plugin_schedule .cal_navi a img {display:none;}


/* 페이징 */
#sub .board_paging_panel {margin:50px 0 30px; height:30px;}
#sub .dc-paging {width:100%; text-align:center; overflow:hidden;}
#sub .dc-paging a {width:30px; height:30px; line-height:30px; font-size:16px; color:#8a9a98; margin:0 5px; border:none; background:none; box-sizing:border-box;}
#sub .dc-paging .on {color:#2c4b48; text-decoration:underline; text-underline-offset:7px;}
#sub .dc-paging a.first {display:none;}
/* #sub .dc-paging a.prev {background:url("/common/images/board/paging_prev.png") no-repeat center center;} */
/* #sub .dc-paging a.next {background:url("/common/images/board/paging_next.png") no-repeat center center;} */
#sub .dc-paging a.prev {background:url("/hcm/design/layout2023/en_a/res/img/paging_prev.png") no-repeat center center;}
#sub .dc-paging a.next {background:url("/hcm/design/layout2023/en_a/res/img/paging_next.png") no-repeat center center;}
#sub .dc-paging a.last {display:none;}

@media only screen and (max-width:800px) {
	#sub .dc-paging a {width:35px; height:35px; line-height:35px}
}


/* 검색 */
#sub .board_search_panel {width:auto; height:auto; line-height:30px; padding:20px 10px; margin-top:10px; border:1px solid #ddd; background:#eeeeee;}
#sub .board_search_panel .search_content {top:0; left:0; display:flex; justify-content:center; align-items:center;}
#sub .board_search_panel .search_content div {float:none !important; margin:0 !important; display:inline-block;}
#sub .board_search_panel .search_content div:nth-child(1) {display:flex;}
#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; padding-left:10px; border:1px solid #ddd; box-sizing:border-box;}
#sub .board_search_panel .search_content img {vertical-align:middle;}

@media only screen and (max-width:800px) {
	#sub .board_search_panel select {min-width:60px;}
	#sub .board_search_panel input[type=text] {width:calc(100% - 60px);}
	#sub .board_search_panel .search_content img[alt=검색] {width:80px; height:40px; object-fit:cover;}
}


/* 갤러리 */
#sub .photo_none {padding:30px 0; border-top:2px solid #2c4b48;}
#sub .board_container {overflow:hidden;}
#sub .board_container .wrap_cont {padding-bottom:0;}
#sub .board_container .wrap_cont .gal_desc {color:#777 !important; display:none;}
#sub .wrap_photo {width:auto; padding-top:0; border-top:none; border-bottom:none;}
#sub .wrap_photo div {float:left; width:31%; height:auto; margin:0 0 20px 0; padding-bottom:20px; overflow:hidden;}
#sub .wrap_photo div:nth-child(3n+2) {margin:0 3.5% 20px;}
#sub .wrap_photo div a.thumb {height:280px; padding-bottom:30px; margin-bottom:10px; border-bottom:1px solid #2c4b48; overflow:hidden; text-align:center;}
#sub .wrap_photo div a.thumb img {width:100%; height:100%; border:none; max-width:none !important;}
#sub .wrap_photo div a span:NTH-CHILD(1) {display:block; float:none; width:100% !important; padding:5px 0; font-size:18px; font-weight:500px; color:#2c4b48;}
#sub .wrap_photo div a span:NTH-CHILD(2) {display:none;}
#sub .wrap_photo div a span:NTH-CHILD(3) {display:none;}
#sub .wrap_photo div .date {display:inline-block; padding:0 10px; margin-right:5px; font-size:18px; color:#9b9b9b; height:14px; line-height:12px; border-right:2px solid #9b9b9b;}
#sub .wrap_photo div .date font {display:none;}
#sub .wrap_photo div .date {display:none;}
#sub .wrap_photo div .hit {display:inline-block; font-size:18px; color:#9b9b9b;}
#sub .wrap_photo div .hit font {display:none;}
#sub .wrap_photo div .hit {display:none;}
#sub .wrap_photo div span {letter-spacing:normal;}

@media only screen and (max-width:1000px) {
	#sub .wrap_photo div {width:48%;}
	#sub .wrap_photo div:nth-child(3n+2) {margin:0 0 20px;}
	#sub .wrap_photo div:nth-child(2n+2) {margin:0 0 20px 4%;}
}
@media only screen and (max-width:600px) {
	#sub .wrap_photo div:nth-child(2n+2) {margin:0 0 20px;}
	#sub .wrap_photo div {width:100%;}
}


#sub .subVisual {display:none;}
#sub #hcms_tab_area {position:static; margin-bottom:20px;}
#sub #hcms_tab_area ul {height:auto; border:none;}
#sub #hcms_tab_area li {position:static; float:none; display:table-cell; width:300px; height:50px; background:none; left:0; margin:0; vertical-align:middle;  padding:0; border:1px solid #dddddd; overflow:hidden;}
#sub #hcms_tab_area li a {display:table-cell; float:none; width:300px; height:50px; line-height:24px; padding:0 5px; font-size:18px; color:#313131; text-align:center; vertical-align:middle; background:none;}
#sub #hcms_tab_area .selected a {color:#fff; background:#2c4b48;}


/* 리스트  형식 */
#sub .board_container .board caption {font-size:0; height:0;}
#sub .board_container table {border-top:1px solid #2c4b48; margin-bottom:20px;}
#sub .board_container th {font-size:18px; color:#313131; padding:15px 5px; line-height:24px; border:none; border-bottom:1px solid #dddddd; white-space:nowrap;}
#sub .board_container td {font-size:18px; font-weight:300; color:#313131; padding:15px 5px; line-height:24px; border-bottom:1px solid #dddddd;}
#sub .board_container td img {margin-top:-10px;}
#sub .board_container td a {color:#313131;}
#sub .board_container td a:HOVER {font-weight:500;}
#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 .tbl_list {border-top:2px solid #2c4b48; border-collapse:collapse;}
#sub .tbl_list th {font-size:18px; color:#313131; padding:15px 5px; line-height:24px;}
#sub .tbl_list td {font-size:18px; color:#5c5c5c; padding:15px 15px; line-height:24px; border-bottom:1px solid #dddddd; vertical-align:top;}
#sub .tbl_list td.cont {min-height:300px;}

#sub .tbl_view {border-top:2px solid #2c4b48; border-collapse:collapse;}
#sub .tbl_view th {font-size:18px; color:#313131; padding:15px 5px; line-height:24px; text-align:center; border-bottom:1px solid #dddddd;}
#sub .tbl_view td {font-size:18px; color:#5c5c5c; padding:15px 10px; line-height:24px; border-bottom:1px solid #dddddd; background:#fff;}
#sub .wrap_order {background:url(/site/www/images/board/line_dot.gif) repeat-x 0 35px;}

#sub .blog_list .list h2 {margin-bottom:5px;}
#sub .blog_list .list h2 a {font-size:18px;}

@media only screen and (max-width:800px) {
	.wrap_list .dn3 {display:none;}
	.wrap_list .dn6 {display:none;}
	.board_container .dn3 {display:none;}
	.board_container .dn6 {display:none;}
}


/*  FAQ */
#sub .board_container .faq {border-top:2px solid #2c4b48}
#sub .board_container .faq .fq .f:hover {color:#2c4b48}
#sub .board_container .faq .fq .on {color:#2c4b48}
#sub .board_container .faq .fq .q .a {background:#2c4b48}



@media only screen and (max-width:1200px) {
	#head {display:none;}
	#head_m {display:block;}
	#tail .link {text-align:left;}

	#tail .quicksite {position:relative; top:0; right:0; padding-top:20px; transform:translate(0px, 0px);}
	#tail .quicksite .btn {display:inline-block;}
	#tail .quicksite .btn + .btn {margin-top:0;}
	
}
@media only screen and (max-width:1000px) {
}
@media only screen and (max-width:900px) {
}
@media only screen and (max-width:640px) {
}
@media only screen and (max-width:480px) {
	body {width:480px;}
}
@media only screen and (max-width:360px) {
}







.os {overflow-y:scroll; overflow-x:hidden;}
.oh {overflow:hidden;}

.fl {float:left;}
.fr {float:right;}

.tal {text-align:left !important;}
.tar {text-align:right !important;}
.taj {text-align:justify !important;}
.tac {text-align:center !important;}

.tt {font-weight:100 !important;}
.tl {font-weight:300 !important;}
.tr {font-weight:400 !important;}
.tm {font-weight:500 !important;}
.tb {font-weight:bold !important;}
.tbb {font-weight:900 !important;}


.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}

.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}

.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}