select.sel{border:1px solid #bbb;border-radius:0;height:40px; line-height:40px;font-size:1em;font-family:'Noto Sans Kr', san-serif;background:#fff;box-sizing:border-box;}
input.ip{border:1px solid #bbb;border-radius:0;height:40px; line-height:40px;font-size:1em;font-family:'Noto Sans Kr', san-serif;box-sizing:border-box;}
input.ip[type="radio"]{height:1em;width:1em !important;vertical-align:bottom;}
button{cursor:pointer;border:0;}

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

.inbl{display:inline-block; margin:0.5em;}

a.btn,.btn{display:inline-block; background:#44b2e7; color:#fff;padding:0.1em 1em;font-weight:700;}
a.btn.bo,.btn.bo{/*font-size:1.2em;*/padding:0.8em 2em;}

.sub-visual{position:relative;height:10.4em;background:#ddd;font-size:2.6rem;top:12.6rem;}
.sub-visual .txt{color:#fff;width:100%;position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);text-align:center;}
.sub-visual .txt h2{font-family: 'Gyengi';font-size:2em;margin-top:0.45em;text-shadow: 0.05em 0.05em 0 #000, 0.05em -0.05em 0 #000, -0.05em 0.05em 0 #000, -0.05em -0.05em 0 #000, 0.05em 0px 0 #000, 0px 0.05em 0 #000, -0.05em 0px 0 #000, 0px -0.05em 0 #000, 0.05em 0.05em 0.05em rgba(255, 255, 255, 0);}
.sub-visual .txt h3{font-family: 'Gyengi';font-size:1em;text-shadow: 0.05em 0.05em 0 #000, 0.05em -0.05em 0 #000, -0.05em 0.05em 0 #000, -0.05em -0.05em 0 #000, 0.05em 0px 0 #000, 0px 0.05em 0 #000, -0.05em 0px 0 #000, 0px -0.05em 0 #000, 0.05em 0.05em 0.05em rgba(255, 255, 255, 0);}

.sub-visual.vi01{background:url('../images/visual01.jpg') no-repeat center center / cover;}
.sub-visual.vi02{background:url('../images/visual02.jpg') no-repeat center center / cover;}
.sub-visual.vi03{background: url('../images/visual03.jpg') no-repeat top 20% center / cover;}
.sub-visual.vi04{background:url('../images/visual04.jpg') no-repeat center center / cover;}

.snb{margin-top:12.6rem;font-size:1.6rem;color:#444;font-weight:bold;height:5rem;border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.snb .wd > *{display:inline-block;vertical-align:top;}
.snb .wd > a{line-height:5rem;background: #44b2e7;width:5rem;text-align:center;}
.snb .wd .snb-dep{background:url('../images/arrow-snb.png') no-repeat right 1em center;position:relative;z-index:3;box-sizing:border-box;border-right:1px solid #ddd;height:5rem;width:30rem;max-width:calc(50% - 2.5rem - 3px);}
.snb .wd .snb-dep span{display:block;padding-left:1em;line-height:5rem;cursor:pointer;}
.snb .wd .snb-dep ul{display:none;position:absolute;font-size:0.95em;padding:1.4em 1em;top:5rem;left:-3px;right:0;background:#fff; box-sizing:border-box; border:1px solid #ddd;border-top:2px solid #44b2e7;}
.snb .wd .snb-dep ul li ~ li{margin-top:1em;}
.snb .wd .snb-dep ul li a{display:block;}
.snb .wd .snb-dep ul li:hover a{color:#a52020;}

.contents{border-bottom:5px solid #ddf1fc;}
.contents .mobile{display:none;}

.contents .btnTab{font-size:1.25em;padding:0.5em 0.8em; border:1px solid #ddd;color:#888;width:25%;display:inline-block;box-sizing:border-box;}
.contents .btnTab.current{border-top:2px solid #44b2e7;font-weight:bold; color:#44b2e7;}

.contents .historyTab .btnTab{width:6em;}
.contents .btnTab.small{width:8em;}
.contents .tab-con{display:none;}
.contents .tab-con.current{display:block;}

.box-faculty article{border:1px solid #ddd; padding:20px 40px;overflow:hidden;}
.box-faculty article ~ article{margin-top:20px;}
.box-faculty article .img{width:200px;height:285px;float:left;}
.box-faculty article .img img{width:100%; height:100%;}
.box-faculty article .txt{width:calc(100% - 240px);padding:10px 0px 10px 20px;float:left;}
.box-faculty article .txt h4{font-size:1.3em;font-family: 'Gyengi';margin-bottom:0.5em;}
.box-faculty article .txt ul li ~ li{margin-top:0.3em;}
.box-faculty article .txt ul li img{height:1.6em;vertical-align:bottom;}
.box-faculty article .txt ul li a{word-break:break-all;}
.box-faculty article .txt ul li a:hover img{filter: brightness(0.4);}
.box-faculty article .txt .btn{margin-top:1em;}
.box-faculty .box-faculty-in h5{font-size:1.3em;font-family: 'Gyengi';margin-bottom:0.5em;}
.box-faculty .box-faculty-in a.btn[download=""]{margin-top:3rem;}

.tb1{width:100%;font-size:1.6rem;border-left:2px solid #fff;border-right:2px solid #fff;border-top:2px solid #44b2e7;}
.tb1 thead{background:#f7ffff;}
.tb1 tr td, .tb1 tr th{border:1px solid #ddd;padding:1.5rem;text-align:center;}
.tb1 tr th{color:#222;font-weight:bold;}
.tb1 tr td a:hover{font-weight:bold;}
.tb1 tr td a img{height:1em;}
.tb1 tr td.notice b{display:inline-block; border:1px solid #333;padding:0 0.6em;}
.contents .dl3by7 div{overflow:hidden;}
.contents .dl3by7 div ~ div{margin-top:4rem;}
.contents .dl3by7 div dt{width:23%; float:left;}
.contents .dl3by7 div dd{width:77%; float:left;}

.contents .dl1by9 div{overflow:hidden;}
.contents .dl1by9 div ~ div{margin-top:4rem;}
.contents .dl1by9 div dt{width:10%; float:left;}
.contents .dl1by9 div dd{width:90%; float:left;}

.contents .image-outline{text-align:center;}
.contents .image-outline img{max-width:100%;}

.contents{padding-top:8rem; padding-bottom:8rem;font-size:1.6rem;line-height:1.6;color:#333;}
.contents .tit{font-size:1.8em;margin-bottom:0.5em;font-family: 'Gyengi';}
.contents .tit2{font-size:1.35em;margin-bottom:0.5em;font-family: 'Gyengi';}
.contents .con-p{font-weight:normal; line-height:1.8;}
.contents .sign{text-align:right; font-weight:bold;font-size:1.2em;margin-top:2em;display:block;}
.contents .sign b{font-size:1.5em;/*font-style:italic;*/}

.contents .intro{display:flex;align-items:start;}
.contents .intro img{margin-right:3%;max-width:40%;border-bottom:0.6em solid #44b2e7;}

.contents .vision-ico{display:flex;justify-content:space-between;margin-top:4rem;}
.contents .vision-ico p{text-align:center; width:30%;word-break:keep-all;}
.contents .vision-ico p img{max-width:35%;}
.contents .vision-ico p b{font-size:1.2em;}






/*history*/

.history_top {
	width: 120px;
	height: 120px;
	padding-top: 3px;
	margin: 20px auto;
	line-height: 120px;
	font-size: 1.4em;
	text-align: center;font-family: 'Gyengi';
	
	border-radius: 130px;box-sizing:border-box;
}



.history_conwr {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
}

.history_contents {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 30px;
}

.htest1 {
	float: left;
	width: calc(50% - 20px);
	padding: 5px 10px;
	text-align: right;
}

.htest2 {
	float: right;
	width: calc(50% - 20px);
	padding: 5px 10px;
	text-align: left;
}

.line_box11 {
	float: left;
	width: 4%;
}

.hicon1 {
	position: absolute;
	width: 13px;box-sizing:border-box;
	height: 13px;
	left: 50%;
	margin-left: -6px;
	margin-top: 2px;
	z-index: 9;
	border: 3px solid #f8e27d;
	border-radius: 100%;
	background-color: #fff;
	text-align: center;
}

.hicon2 {
	position: absolute;
	width: 13px;box-sizing:border-box;
	height: 13px;
	left: 50%;
	margin-left: -6px;
	margin-top: 2px;
	z-index: 9;
	border: 3px solid #f8e27d;
	border-radius: 100%;
	background-color: #fff;
	text-align: center;
}

 
.hicon_lin1 {
	z-index: 8;
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0px;
	left: 50%;
	margin-left: -1px;
	background: #c6cbd6;
}

.htest1 h2 {
	font-size: 1.3em;
	font-family: 'Gyengi';/*border-top:2px solid #f8e27d;*/
	padding:0.2em 0.0em 0 0.0em;width:auto;display:inline-block;margin-left:auto;
}

.htest1 a {
	display: block;color:#333;font-size:0.9em;
}

.htest2 a {
	display: block;color:#333;font-size:0.9em;
}

.htest2 h2 {
	font-size: 1.3em;
	font-family: 'Gyengi';/*border-top:2px solid #f8e27d;*/
	padding:0.2em 0.0em 0 0.0em;width:auto;display:inline-block;margin-right:auto;
}

.history_top.cola{color:#fff; background:#5ba8e6;}
.cola .htest1 h2{color:#ffa657;}
.cola .hicon1{border: 3px solid #ffa657;}
.cola .htest2 h2{color:#98d34a;}
.cola .hicon2{border: 3px solid #98d34a;}

.history_top.colb{color:#fff; background:#2e97ec;}
.colb .htest1 h2{color:#ffa657;}
.colb .hicon1{border: 3px solid #ffa657;}
.colb .htest2 h2{color:#98d34a;}
.colb .hicon2{border: 3px solid #98d34a;}

.history_top.colc{color:#fff; background:#0780f1;}
.colc .htest1 h2{color:#ffa657;}
.colc .hicon1{border: 3px solid #ffa657;}
.colc .htest2 h2{color:#98d34a;}
.colc .hicon2{border: 3px solid #98d34a;}

.history_top.cold{color:#fff; background:#076ff1;}
.cold .htest1 h2{color:#ffa657;}
.cold .hicon1{border: 3px solid #ffa657;}
.cold .htest2 h2{color:#98d34a;}
.cold .hicon2{border: 3px solid #98d34a;}



/*map//*/
.map_info {
	text-align: left;
	width: 100%;
	display: inline-block;
	border-top: 1px solid #c6cbd6;
	border-bottom: 1px solid #c6cbd6;
	padding: 20px 0;
	line-height:1.8;
}
.map_info span{font-size:1.2em;display:inline-block;margin-right:10px;}

.map_info span strong {
	font-weight:700;
	color: #262728;
	margin-right:10px;
}

.traffic_1 {
	text-align: left;
	margin-top: 50px;
	line-height:1.8;
}


.traffic_1 dl {
	overflow: hidden;
	width: 100%;
	padding-bottom: 2em;
	box-sizing: border-box;
}

.traffic_1 dl dt.show {
	font-weight:700;
	visibility: visible;
	word-break:keep-all;
	line-height:1.4;
}
.traffic_1 dl dt {
	float: left;
	width: 14%;
	font-size: 1.7em;
	color: #333;
	margin-right: 2%;
	min-width:60px;
}

.traffic_1 dl dt .subway-r{font-size:0.8em;background:#000; color:#fff; border-radius:100px;padding:0 5px;}
.traffic_1 dl dt .subway-r.col1{background:#a1b12a;}
.traffic_1 dl dt .subway-r.col2{background:#2da7e8;}
.traffic_1 dl dt .subway-r.col3{background:#d1ad55;}


.traffic_1 dl dd {
	width: 82%;
	float: left;
	font-size: 1em;
	display:block;
	word-break:keep-all;
	color:#444;
}

.traffic_1 dl dd > p{margin-bottom:0.5em;}
.traffic_1 dl dd > p:last-child{margin-bottom:0;}

.traffic_1 dl dd > p > span {
	display: inline-block;
	font-size: 1em;
	text-align: center;
	color: #fff;
	padding: 0px 8px;
	margin-right: 10px;
	border-radius: 3px 3px 3px 3px;
	background-color: #2fba06;
}
/*//map*/


.tb{width:100%;border-top:2px solid #44b2e7;}
.tb tr td,.tb tr th{border:1px solid #ddd;padding:1em;font-weight:normal;}
.tb thead{background:#f7ffff;;}
.tb tr th{color:#333;font-weight:bold;}
.tb tr td .mg{display:inline-block; margin:0 0.3em;}

.tb.type1{table-layout:fixed;}
.tb.type1 tr th{padding-left:0; padding-right:0;line-height:1;}
.tb.type1 tr th span{display:block;border-right:1px solid #ccc;}
.tb.type1 tr td, .tb.type1 tr th{border-left:0; border-right:0;text-align:center;}
.tb.type1 tr td:nth-child(3){text-align:left;font-weight:400;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.tb.type1 tr.notice b{display:inline-block; border:1px solid #333;padding:0 0.6em;}
.tb.type1 tr td:nth-child(3) a:hover{font-weight:bold;}

.td{width:100%;color:#333;table-layout:fixed;border-top:2px solid #44b2e7;}
.td tr{border-bottom:1px solid #ddd;}
.td tr td,.td tr th{padding:1em 0;text-align:left;font-weight:400;}
.td .tdtit{ border-bottom:0;}
.td .tdtit th{padding-bottom:0;font-size:1.4em;font-weight:bold;}
.td .tdtit th b{display:inline-block; font-size:0.8em;border:1px solid #44b2e7;margin-right:0.4em;padding:0 0.3em;color:#44b2e7;}
.td .tdinfo span{display:inline-block; margin-right:1em;font-weight:normal;color:#666;}
.td .tdcon{border-bottom:0;}
.td .tdcon td{padding-top:6rem;padding-bottom:6rem;}
.td .tdfile td{/*color:#666;*/ font-weight:normal;}
.td .tdfile td a img{width:1.2em;}
.td .tdfile td a:hover{font-weight:bold;}
.td .tdprev td img{transform:rotate(-90deg);width:0.65em; margin:0 1em;}
.td .tdnext td img{transform:rotate(90deg);width:0.65em; margin:0 1em;}
.td .tdprev td,.td .tdnext td{position:relative;font-weight:normal; /*color:#666;*/}
.td .tdprev td span,.td .tdnext td span{position:absolute; right:0;}
.td .tdprev td a,.td .tdnext td a{display:inline-block; width:calc(100% - 10em); white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;vertical-align:middle;}
.td .tdprev td a:hover,.td .tdnext td a:hover{font-weight:bold;}

.gal{overflow:hidden;margin:0 -1.66%;}
.galone{float:left;width:30%;padding:1.66%;text-align:center;}
.galone .galimg{aspect-ratio:16 / 9;background:url(../images/no-img.jpg) no-repeat center center / cover;}
.galone .galtit{height:3.2em;font-size:1.15em;margin:0.8em 0;font-weight:bold;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.galone a:hover .galtit{color:#0096ff;}

#pagenation{text-align:center;}
#pagenation a{display:inline-block; margin:3px 1px;background:#ff; color:#333;font-size:16px;padding:8px 10px;line-height:16px;}
#pagenation a:first-child{background:#fff; color:#bbb;border:1px solid #ddd;}
#pagenation a:last-child{background:#fff; color:#bbb;border:1px solid #ddd;}
#pagenation a.on{background:#44b2e7;color:#fff;}

.bo-search{font-size:1.7rem;color:#333;position:relative;margin-bottom:1em;}
.bo-search span{position:absolute; right:0;bottom:0;max-width:100%; display:flex;gap:2px;}
.bo-search span select{width:5em;}
.bo-search span select.sel2{width:8em;}
.bo-search span > *{vertical-align:middle;}
.bo-search span input{width:160px;}
.bo-search span .btn{background:#44b2e7;padding:0.8em 1.4em;}

.bo-cont{overflow-x:auto;}
.bo-cont table {table-layout: auto !important; max-width: 100% !important;}
.bo-cont table *{word-break:break-all;}
.bo-cont img{max-width:100% !important; height:auto !important;}
.bo-cont ul li{list-style:disc inside;}
.bo-cont * > *{font-family:inherit;}

.quick{position:fixed;top:50%; transform:translate(0,-50%);width:9rem; right:0;background:#fff; border:1px solid #ddd;text-align:center; font-size:1.3rem; color:#555;border-radius:14px 0 0 14px;overflow:hidden;}
.quick .tit{background:#44b2e7; font-weight:bold;color:#fff;font-size:1.4rem; padding:0.5em 0;}
.quick ul li a{padding:0.6em 0;display:block;}
.quick ul li a:hover{color:#3399cc;background:#f3f8fa;}
.quick ul li a img{margin-bottom:0.2em;width:4rem;}

.main .quick{display:none;}