@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800&display=swap');

.white {
	color: #fff !important;
}

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

.brown {
	color: #d07a15 !important;
}

/*bgArea S*/

[class^="subbg"] {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 292px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 40px;
	color: #fff;
	font-weight: 700;
}

.subbg1 {
	background-image: url(../image/subbg1.jpg);
}

.subbg2 {
	background-image: url(../image/subbg2.jpg);
}

.subbg3 {
	background-image: url(../image/subbg3.jpg);
}

.subbg4 {
	background-image: url(../image/subbg4.jpg);
}

.subbg5 {
	background-image: url(../image/subbg5.jpg);
}

.subbg6 {
	background-image: url(../image/subbg6.jpg);
}

/*bgArea E*/

/*titleArea S*/

.TitleArea {
	text-align: center;
	width: 100%;
	font-family: 'Nanum Myeongjo', serif;
	font-size: 0;
	padding: 3% 0 2%;
}

.titleArea {
	color: #444444;
	font-size: 30px;
	font-weight: 700;
}

.hrArea {
	margin: 1% auto;
	text-align: center;
	border: 0;
	border-bottom: 1px solid #333;
	width: 90px;
}

/*titleArea S*/

.subContentBg {
	background-image: url(../image/subContentBg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
}

.contentTitle {
	margin-top: 2%;
	font-size: 35px;
	line-height: 54px;
}

.contentTitle .color {
	color: #59c0c3;
	font-weight: bold;
}

.contentSub {
	font-size: 20px;
	padding: 5% 0;
	line-height: 34px;
}

.subLine {
	background-color: #2e3c56;
	text-align: center;
	font-size: 35px;
	color: #fff;
	padding: 1%;
}

/*sub1-1 S*/
.pattern {
	background-image: url(../image/pattern.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 4% 0;
}

/*sub1-1 E*/
/*sub1-2 S*/
.img {
	margin-bottom: 4%;
}

.img img {
	width: 100%;
}

/*sub1-2 E*/
/*sub1-3 S*/
.otherMap {
	float: left;
	width: 150px;
	text-align: center;
	padding: 10px 0;
	cursor: pointer;
}

.root_daum_roughmap {
	width: 100% !important;
}

.TextMap {
	float: left;
	width: 45.87%;
	border: 1px solid #e1e1e1;
	padding: 2%;
	border-top: 0;
	margin-bottom: 5%;
}

.border0 {
	border-left: 0;
}

.mapTitle {
	font-size: 20px;
	font-weight: 700;
	color: #2e3c56;
	margin-bottom: 3%;
}

.mapContent {
	font-weight: 300;
	font-size: 16px;
}

/*sub1-3 E*/
/*sub2-1 S*/
.imgText {
	display: flex;
	justify-content: center;
	align-items: center;

}

.imgTextTxt {
	color: #333;
	text-align: center;
	line-height: 34px;
	font-size: 22px;
}

[class^=imgTextIcont] {
	position: relative;
	margin: 0 2%
}

.imgTextIcont1 {
	top: -30px
}

.imgTextIcont2 {
	top: 30px
}

.text-img {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 4% auto;
}

.text-img .left {
	width: 40%;
}

.text-img .right {
	width: 54%;
}

.text-img .left img {
	width: 100%;
}

.text-img .right .rightTextBox {
	display: flex;
	align-items: center;
	margin: 3% 5%;
}

.text-img .right .rightTextBox span {
	margin-left: 2%;
	font-size: 18px;
}

.subLine2 {
	background-color: #2e3c56;
	text-align: center;
	font-size: 30px;
	line-height: 43px;
	color: #bababa;
	padding: 1%;
}

.subLine2 .color {
	color: #59c0c3;
}

.subLine2 .small {
	font-size: 20px;
}

.subTitle {
	text-align: center;
	width: 100%;
	font-family: 'Nanum Myeongjo', serif;
	font-size: 0;
}

.subTitleText {
	color: #444444;
	font-size: 30px;
	font-weight: 700;
}

.subContentText {
	color: #2d3b55;
	font-size: 20px;
	margin-top: 2%;
	font-family: 'Noto Sans KR', sans-serif;
	line-height: 34px;
	font-weight: 300;
}

.textNumber {
	display: flex;
	font-size: 18px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 300;
	margin-top: 2%;
}

.textNumber .num {
	width: 35px;
	    height: 35px;
	    background-color: #2e3c56;
	    color: #fff;
	    display: flex;
	    padding: inherit;
	    justify-content: center;
	    align-items: center;
	    border-radius: 40px;
	    margin-bottom: 0 !important;
}

.textNumber .text {
	margin-left: 10px;
	display: flex;
	align-items: center;
}

.contentBox {
	text-align: left;
	    width: 51%;
	    margin: 5% auto;
}

.subWhiteBox {
	padding: 4% 0;
}

/*sub2-1 E*/
/*sub2-2 S*/
.grayBox {
	padding: 45px 15px;
	    border: 1px solid #e1e1e1;
	    position: relative;
	    left: -30px;
	    bottom: -70px;
	    background-color: #f1f1f1;
}

.grayTitle {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 15px;
}

.grayContent {
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
}

.subTable {
	width: 100%;
	border-collapse: collapse;
	margin: 4% 0;
}

.subTable1 {
	width: 70%;
	margin: 4% auto;
}

.subTable th,
.subTable1 th {
	background-color: #555555;
	color: #fff;
	font-size: 18px;
	border: 1px solid #e1e1e1;
	padding: 10px;
	text-align: center;
}

.subTable td,
.subTable1 td {
	text-align: center;
	vertical-align: middle;
	line-height: 24px;
	font-size: 16px;
	padding: 10px;
	border: 1px solid #e1e1e1;
}

.grayColor {
	background-color: #ebebeb;
}

/*sub2-2 E*/
/*sub2-4 S*/
.textRight {
	color: #2e3c56;
	font-size: 22px;
	margin-left: 60px;
	font-weight: 700;
}

.textRight.small {
	font-size: 14px;
	    margin-top: 30px;
	    line-height: 26px;
	    font-weight: 300;
}

/*sub2-4 E*/
/*sub2-9 S*/
.line3 {
	background-color: #2e3c56;
	text-align: center;
	margin: 3% 0 1%;
	font-size: 30px;
	color: #fff;
	padding: 1%;
	border-radius: 5px;
}

/*sub2-9 E*/
/*sub3-2 S*/
.sixBox {
	overflow: hidden;
	padding: 2% 0 0;
}

.sixPic {
	width: 32%;
	margin-right: 1%;
	float: left;
	text-align: center;
}

.sixPic img {
	width: 100%;
}

.sixPic .pic {
	padding: 4% 0;
}

.sixPic:nth-child(3n) {
	margin-right: 0;
}

/*sub3-2 E*/
/*sub4-1 S*/
.teacherIntro {
	width: 1000px;
	margin: 0 auto;
}

.teacherBox {
	margin-bottom: 5%;
}

.teacherBox::after {
	content: "";
	display: block;
	clear: both;
}
.teacherBox .teacherLeft {
	width: 30%;
	border: 1px solid #bfbfbf;
	float: left;
	overflow: hidden;
	font-size: 0;
	text-align: center;
	border-radius: 5px;
}
.teacherBox .teacherLeft img{
	width: 99%;
}

.teacherBox .teacherRight {
	width: 66%;
	border: 1px solid #bfbfbf;
	float: right;
	/* box-shadow: 5px 5px 1px 1px #e7f2f6; */
	box-shadow: 4px 4px 1px 1px #e7f2f6, 4px 4px 1px 2px #bfbfbf;
	position: relative;
	top: 25px;
	padding: 1%;
}

.teacherName{
	font-size: 20px;
	color:#fff;
	background-color:#015a83;
	width: 230px;
	padding: 10px;
	border-radius: 5px;
	position: absolute;
	top:-25px;
	left:-10px;
	font-weight: 500;
}
.teacherName .teacherSmall{
	font-size:18px;
	font-weight: 300;
}
.rightTitle{
	font-size:18px;
	margin: 1.9% 0;
}
.rightContent{
	line-height: 16px;
	font-size:12px;
	font-weight: 300;
}

/*sub4-1 E*/
/*sub4-3 S*/
.gallerImg{
	width: 32%;
	float: left;
	margin: 2% 0;
	margin-right:2%;
	font-size:0;
}
.gallerImg:nth-child(3n){
	margin-right: 0
}
/*sub4-3 E*/
/*sub5-1 S*/
.noticeTb {
	width: 100%;
	border-collapse: collapse;
}

.noticeTb th {
	border-top: 1px solid #585858;
	border-bottom: 1px solid #e1e1e1;
	color: #777777;
	padding: 10px;
	background-color: #eeeeee;
}

.noticeTb td {
	border-bottom: 1px solid #e1e1e1;
	color: #585858;
	text-align: center;
	padding: 10px;
}

.noticeTb input[type="text"],
.noticeTb input[type="password"]{
	border:0;
	width: 100%;
}

.noticeTb textarea{
	border:0;
	width: 100%;
	resize: none;
	border: 1px solid #e1e1e1;
	min-Height:350px;
}

.noticeTb a{
	text-decoration: none;
	color:#333;
}

.backBtn {
    padding: 0.5% 2%;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    color: #375b85;
    margin-top: 2%;
		margin-bottom: 4%;
}
.clickBtn{
	padding: 0.5% 2%;
	background-color: #375b85;
	border: 1px solid #e1e1e1;
	color: #fff;
	margin-top: 2%;
	margin-bottom: 4%;
}
.right{
	text-align: right;
}
/*sub5-1 E*/

.num{

	display: inline-block;
	padding: 10px;
	border: 1px solid #d7d7d7;
	margin-bottom: 3%;
	color:#d7d7d7;
}
.num_on{
	display: inline-block;
	padding: 10px;
	border: 1px solid #bbb;
	margin-bottom: 3%;
	color:#bbb;
}
.num a{
	color:#d7d7d7;
	text-decoration:none;
}