.txt-bold{color:#444;}
.txt-m{font-size:18px; font-weight:500; line-height:1.6;}
.txt-s{font-size:15px; color:#666; line-height:1.8;}
.txt-s-r{font-size:1.5rem; color:#666; line-height:1.8;}
.border{border:1px solid #ddd; padding: 6rem; margin-bottom:2.5rem;}
.noticing{color:red; font-size:1.5rem; display:block;}
br.mobile-s{display:none;}

.ali-right{text-align:right;}
.ali-left{text-align:left !important;}
.ali-center{text-align:center;}

strong{font-weight:700;}
.grybox strong{font-weight:700; color:#006cb8;}
#sub-con-body  section{margin-bottom:35px;}
#sub-con-body h3{color:#444; font-weight:700; font-size:3rem; margin-bottom:15px;}
.grybox{padding:2.4rem; border:3px solid #efefef;}

dl dt{width:25%;font-size:2.4rem; float:left; clear:both;margin-bottom:35px;}
dl dd{margin-left:4%; width:71%; float:left;margin-bottom:35px;}
.wd100img{max-width:100%; margin:4rem 0;}

.mgb20{margin-bottom:20px;}

table.table-layout{width:100%; table-layout:fixed;}
table.table-layout tr th,table.table-layout tr td{padding:2rem 1.4rem;font-size:1.5rem; vertical-align:middle; word-break:break-all;}
table.table-layout tr td, table.table-layout tr td a{font-weight:400; color:#666;}
table.table-layout tr th{background:#f4f4f4; font-weight:500; color:#333;}
table.table-layout tr th.bl-t{border-top:2px solid #006cb8;}
table.table-layout tr th.bl-b{border-bottom:1px solid #aaa;}
table.table-layout tr td.bl-l,table.table-layout tr th.bl-l{border-left:1px solid #ddd;}
table.table-layout tr td.bl-b{border-bottom:1px solid #ddd;}

#sub-tab{margin-bottom:90px;display:flex;}
#sub-tab li{width:33.3%; line-height:1.3; text-align:center; border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
#sub-tab.num2 li{width:50%;}
#sub-tab li a {padding:1em;display:block; width:100%; height:100%; color:#333; font-size:18px; font-weight:500;}
#sub-tab li a.selected{ color:#fff; background:#233242;}
#sub-tab li:last-child{border-right:1px solid #ddd;}

#sub-tab-intro{margin-bottom:90px;}
#sub-tab-intro li{width:32%; margin-right:2%; height:6.4rem; line-height:6.4rem; float:left; text-align:center; border:3px solid #006cb8;}
#sub-tab-intro li a {display:block; width:100%; height:100%; color:#222; font-size:18px; font-weight:700;}
#sub-tab-intro li:last-child{margin-right:0;}

#sub-visual{height:240px; position:relative;} 

#sub-visual::after{content:''; display:block; position:absolute; top:0; width:100%; height:27px; background:url('../images/visual-shadow.png') repeat-x;}
#sub-visual.vis01{background:url(../images/sub-visual01.jpg) no-repeat center center; background-size:cover;}
#sub-visual.vis02{background:url(../images/sub-visual02.jpg) no-repeat center center; background-size:cover;}
#sub-visual.vis03{background:url(../images/sub-visual03.jpg) no-repeat center center; background-size:cover;}
#sub-visual.vis04{background:url(../images/sub-visual04.jpg) no-repeat center center; background-size:cover;}
#sub-visual.vis05{background:url(../images/sub-visual05.jpg) no-repeat center center; background-size:cover;}

#sub-visual .visual-text{text-align:center; width:100%; position:absolute; top:50%;transform: translate(0, -50%);}
#sub-visual .visual-text span{color:#fff; font-size:1.8rem;font-weight:600;}
#sub-visual .visual-text h4{margin-top:1.4rem; color:#fff; font-size:4rem; font-weight:700; line-height:1.3;padding:0 14%; word-break:keep-all;}

#sub-content {padding:9rem 0;}
#sub-content header h2{font-size:5rem; color:#333; font-weight:700; line-height:1.3; margin-bottom:10px;}
#sub-content header{border-bottom:1px solid #666; position:relative;}
#sub-content header ul#sub-location{width:100%;margin-bottom:10px;}
#sub-content header ul#sub-location li{word-break:keep-all; float:left; font-size:15px; margin-bottom:10px; padding-right:34px; background:url(../images/arrow-loca.gif) no-repeat center right;}
#sub-content header ul#sub-location li svg{margin-top:2px;}
#sub-content header ul#sub-location li:last-child{background:transparent; padding-right:0;}
#sub-con-body{padding-top:6rem;}

.deen-greeting > p.dean-pic, .deen-greeting > div{float:left;}
.deen-greeting > p.dean-pic{width:20%;}
.deen-greeting > p.dean-pic img{width:100%;}
.deen-greeting > div{width:80%; padding-left:4%;}
.deen-greeting > div .copyright{color:#333; font-size:3.6rem; font-weight:700; margin-bottom:25px;}
.deen-greeting > div .copyright strong{color:#006cb8; font-weight:700;}
.deen-greeting > div .copyright::after{content:''; width:49px; height:49px; margin-left:-3rem; display:inline-block; background:url(../images/copy-deco.png) no-repeat top left;}

.deen-greeting > div p{margin-bottom:25px;}
.deen-greeting > div::after{content:'';display:block; border-bottom:1px solid #bbb; padding-top:2rem;}
.deen-greeting > p.sign{float:right; margin-top:20px;}
.deen-greeting > p.sign .dean-info{font-size:18px; color:#333; display:inline;font-weight:700;}
.deen-greeting > p.sign img{padding-left:25px;}

.introduction section ol li{margin-left:20px; padding:0.4em 0px;}
.introduction section dl{margin-top:35px;}
.introduction > p > img{display:inline-block;}
.introduction section ul li{list-style: square outside; margin-left:20px}
.introduction section ul li ul li{list-style:none;}
.introduction section ul li ul li::before{content:'- ';}

.location ul{margin:4rem 0; padding:0 2rem; border-bottom:3px solid #efefef;}
.location ul li{margin-bottom:4rem; width:50%; float:left; padding-right:2%;}
.location ul li h6{display:inline-block; width:80px; color:#006cb8; font-weight:700;}
.location ul li p{display:inline-block; width:calc(100% - 90px);}
.location ul li h6,.location ul li p{vertical-align:top;}

.faculty{word-break:break-all;}
.faculty section.grybox h6{font-size:3rem; font-weight:700; line-height:1.6; border-bottom:1px solid #ddd; margin-bottom:2.5rem;}
.faculty section.grybox h6 span{font-size:2.4rem;}
.faculty section.grybox div > *{float:left;}
.faculty section.grybox > div > p{width:16%;}
.faculty section.grybox > div > p img{width:90%;}
.faculty section.grybox > div > div{width:84%;}
.faculty section.grybox div > div > ul{width:50%; height:100%;min-height:190px;}
.faculty section.grybox div > div > ul li{margin-bottom:8px;}
.faculty section.grybox div > div > ul:first-child li {background:url('../images/bullet-list.gif') no-repeat 0 9px; padding: 0 4% 0 15px;}
.faculty section.grybox div > div > ul.bor-l{border-left:1px solid #ddd; padding-left:4%;}
.faculty section.grybox div #lab{margin-top:2rem; border:1px solid #ddd; width:100%; padding:1.4%;}
.faculty section.grybox div #lab .lab_tab{width:100%; position:relative;}
.faculty section.grybox div #lab .lab_tab p{font-size:2rem; font-weight:700; color:#555; width:90%;}
.faculty section.grybox div #lab .lab_tab p a img{width:2rem; height:2rem;}
.faculty section.grybox div #lab .lab_tab .tab_btn{text-indent:-9999px; display:block; position:absolute; right:0; top:50%; margin-top:-15px; width:30px; height:30px; background:url(../images/arrow-lab.gif) no-repeat top left; font-size:10px;}
.faculty section.grybox div #lab .lab_tab .tab_btn.up{background:url(../images/arrow-lab.gif) no-repeat bottom left;}
.faculty section.grybox div #lab .lab_con{margin-top:1.4rem;}

/*#sub-con-body #tab-container ul.tab{border-bottom:2px solid #006cb8;}*/
#sub-con-body #tab-container ul.tab li{float:left; font-size:1.8rem; padding:1rem 1.8rem;border-radius:8px 8px 0 0;background:#666; display:inline-block; margin-right:1.8rem; cursor:pointer;font-weight:700; color:#fff;}
#sub-con-body #tab-container ul.tab li.current{background:#006cb8;}
#sub-con-body #tab-container .tabcontent{display:none;}
#sub-con-body #tab-container .tabcontent.current{display:block;position:relative;}

#sub-con-body #tab-container ul.tab.notice{margin-bottom:1.8rem;}
#sub-con-body #tab-container ul.tab.notice li{border-radius:8px;}

.search-input{text-align:right;}
.search-input select,.search-input input,.search-input button{ font-size:1.5rem; height:4rem; padding:0 1rem; border:1px solid #aaa; vertical-align:middle; font-family:'Noto Sans Kr', san-serif;}
.search-input button{color:#fff; background:#666;}
.notice .tabcontent .search-input{position:absolute; top:-5.8rem; right:0;}

.table-notice{width:100%; table-layout:fixed;}
.table-notice tr th,.table-notice tr td{font-size:1.5rem; padding:2rem 1.4rem; vertical-align:middle; text-align:center;}
.table-notice tr th{border-top:1px solid #666; border-bottom:1px solid #666; font-weight:500;}
.table-notice tr td{border-bottom:1px solid #ddd; color:#666;}
.table-notice tr td a{color:#666;}
.table-notice tr .btn-notice p{color:#006cb8; font-weight:500;}
#sub-con-body table.table-notice tr td p img{max-width:100%;}

.notice .pagenation{font-size:15px;line-height:3.2rem; display:table; width:200px; margin:3.5rem auto 0;}
.notice .pagenation a,.notice .pagenation a img{display:table-cell; vertical-align:middle;}
.notice .pagenation a{padding:0 1.5rem; font-weight:400; color:#888;}
.notice .pagenation a.selected{color:#222; font-weight:700;}

.notice .notice-btn{-webkit-appearance: none; -moz-appearance: none;border:0;border-radius:0; appearance: none;display:block; text-align:center; margin:50px auto 0 ; width:220px; background:#444; padding:10px 15px; color:#fff; font-size:1.8rem;}

.notice .table-notice tr:last-child td{border-bottom:1px solid #666;}
.notice.no-detail .table-notice tr .bl-b{border-bottom:1px solid #666;}
.notice.no-detail .table-notice tr td,.notice.no-detail .table-notice tr th{padding: 3rem;}

/*
.table-scroll{overflow-y: auto;}
.table-scroll table {min-width: 860px;}
*/

.no-tabs .tabcontent.current{margin-top:50px;}

@media (max-width: 1199px) {
	#sub-visual .visual-text span {font-size: 1.5rem;}
	#sub-visual .visual-text h4 {font-size: 3rem;}

	.faculty section.grybox > div > p{width:24%;}
	.faculty section.grybox > div > div{width:76%;}
	.faculty section.grybox div >  div > ul{width:100%; height:auto; min-height:auto;padding-left:2%; padding-bottom:3%;}
	.faculty section.grybox div >  div > ul.bor-l{border-left:0; padding-left:2%;}

}



@media (max-width: 1000px) {
	.location ul li{width:100%;}
}

@media (max-width: 767px) {
	.txt-m{font-size:15px;}
	.txt-s{font-size:13px;}
	dl dt {font-size:1.6rem;}

	#sub-tab li{width:100% !important; border-right:1px solid #ddd;}
	#sub-tab-intro li{width:100% !important; margin-right:0; margin-bottom:5px;}

	.deen-greeting > p.dean-pic, .deen-greeting > div{float:none;}
	.deen-greeting > p.dean-pic{margin:0 auto; width:40%; margin-bottom:5%;}
	.deen-greeting > div{width:100%; padding-right: 4%;}
	.deen-greeting > p.sign{padding-right:4%;}

	.faculty section.grybox div #lab .lab_tab p{font-size:1.6rem;}
}


@media (max-width: 600px) {
#sub-content header h2 {font-size:3rem;}
#sub-con-body h3{font-size:2.4rem;}
#sub-content header ul#sub-location li svg{margin-top:0px;}
#sub-content header ul#sub-location li{font-size:11px; background:url(../images/arrow-loca.gif) no-repeat top right;}


.deen-greeting > div .copyright{ font-size:2.4rem;}
.deen-greeting > div .copyright::after{content:''; margin-left:-2rem; width:30px; height:30px; background-size:30px;}

/*.notice .tabcontent::after{content:''; background:url(../images/ico-scroll.png) no-repeat; width:37px; height:22px; position:absolute; top:10px; right:10px;}*/

.search-input input{width:35%;}
.search-input select{width:25%;padding:0;}

}

@media (max-width: 480px) {
br.mobile-s{display:block;}

#sub-visual .visual-text span {font-size: 1.2rem;}
#sub-visual .visual-text h4 {font-size: 2.2rem;}

#sub-tab {margin-bottom: 40px;}

.faculty section.grybox div #lab .lab_tab .tab_btn{text-indent:-9999px; display:block; position:absolute; right:0; top:50%; margin-top:-10px; width:20px; height:20px; background-size:20px;}
.faculty section.grybox div #lab .lab_tab .tab_btn.up{background-size:20px;}


.no-tabs .tabcontent.current{margin-top:0px;}
#sub-content .tabcontent.current {padding-top:50px;}
.notice .tabcontent .search-input{top:0; left:0; text-align:left; width:100%;}
.search-input input{width:50%;}
.search-input select{width:30%;}
.search-input button{width:18%; padding:0;}

}