.sub {
 color:#555; 
}
.sub a {
  color: #555;
}
area:not([alt]), area[alt=" "], img:not([alt]), img[alt=" "], input[type=image]:not([alt]), input[type=image][alt=" "], 
iframe:not([title=""]), iframe:not([title=" "]), iframe:not([title]) {border: none !important;},
area:not([alt]):after, area[alt=" "]:after, img:not([alt]):after, img[alt=" "]:after, input[type=image]:not([alt]):after, input[type=image][alt=" "]:after {content: none !important;}


body { background:url(../images/sub/sub_img.jpg) no-repeat center top;  }

@media (min-width: 992px) {

	.sub {  }
	.sub-top-title {padding-top:40px;  text-align:center;  color:#222; height:145px; }
	.sub-top-title h3 { font-size:36px;margin-bottom:10px;  }
	.sub-top-title .text  {font-size:18px; }

	.sub-menu-wrap { z-index: 99; margin-top: 230px; position: relative; width:100%; height:60px;  background:#fff; border-bottom: 1px solid #ccc;  }
	.sub-menu-wrap .sub-menu { height: 60px;  width: 100%; border-left: 1px solid #ccc;  }
	.sub-menu-wrap .sub-menu li.home { width:70px; text-align: center; }
	.sub-menu-wrap .sub-menu li.home a {color:#ADB5BD; padding: 18px 0 0; text-align: center; font-size: 22px; }
	.sub-menu-wrap .sub-menu li { position:relative;z-index:90;  float:left;  width:calc(50% - 35px);height: 100%; border-right: 1px solid #ccc;  }
	.sub-menu-wrap .sub-menu li a { color:#333; display:block; font-size: 16px; height:100%; padding: 20px;}
	.sub-menu-wrap .sub-menu li a .fa-chevron-down {position: absolute; top: 20px; right: 20px; border: 1px solid #aaa; text-align: center; font-size: 10px; color: #aaa; border-radius: 3px; display: inline-block; width: 20px; height: 20px; padding-top: 4px;}
	.sub-menu-wrap .sub-menu li a:hover { color: #687EF8; font-family: 'S-CoreDream-6Bold';   }
	.sub-menu-wrap .sub-menu li.active>a {color: #687EF8; font-family: 'S-CoreDream-6Bold';  }
	.sub-menu-wrap .sub-menu li.active>a .fa-chevron-down { border: 1px solid #687EF8; color: #687EF8; }	
	.sub-menu-wrap .sub-menu li  ul {display:none; padding:25px;  position:absolute; top:59px; left:0px;  background:#fff; border: 1px solid #ccc; width:100%;  }
	.sub-menu-wrap .sub-menu li  ul li {position:relative; border-right:0px; float:none; display:inline-block; width:100%;  padding-left:15px; padding-right:0px;    height:auto; background:none; margin-bottom:10px;  font-size:15px;padding-top:0px; padding-bottom:0px;   }
	.sub-menu-wrap .sub-menu li  ul li a { color:#333; display:inline-block;padding:0px;  height:auto;    }
	.sub-menu-wrap .sub-menu li  ul li a:hover { color:#687EF8; font-family: 'S-CoreDream-6Bold'; }
	.sub-menu-wrap .sub-menu li  ul li a.active { color:#687EF8;  font-family: 'S-CoreDream-6Bold'; }


	.left-contents { float:left;  width:220px;  }
	.left-contents .sub-menu { padding:10px;  }
	.left-contents .sub-menu li { margin-bottom:15px;  }
	.left-contents .sub-menu li a { font-weight:bold; color:#222;  font-size:18px;  display:block; width:100%; min-height:40px; padding:10px 30px 0 15px;  }
	.left-contents .sub-menu li a:hover ,.left-contents .sub-menu li.active a { text-decoration:none;   background:url(../images/sub/l_over.png) no-repeat left top; }

	.left-contents .sub-menu li ul  { margin-top:10px; display:none;  }
	.left-contents .sub-menu li.active ul  {display:block; }
	.left-contents .sub-menu li ul li  { margin-bottom:10px;  }
	.left-contents .sub-menu li ul li a { font-weight:normal; font-size:16px; color:#555;  width:100%; min-height:auto; padding:0px; padding-left:15px;  }
	.left-contents .sub-menu li ul li a:hover , .left-contents .sub-menu li ul li a.active {background:none; text-decoration:underline;  color:#222;  }
	.left-contents .sub-menu li.active ul li a { background:none;  }

	.right-contents { margin-left:220px; width:780px; padding-left:30px; }
	.right-contents .contents-top { height:107px; border-bottom:1px solid #bbb;  }
	.right-contents .contents-top h1 { font-size:32px; color:#222; margin-top:30px; margin-bottom:20px;   }
	.right-contents .contents-top .location {  }

	.right-contents .tab-menu { width:100%;  padding-top:15px;   border-bottom:1px solid #bbb; margin-bottom:20px; } 
	.right-contents .tab-menu li {  float:left; font-size:18px;  }
	.right-contents .tab-menu li:before { content:'·'; padding-left:10px; padding-right:10px; }
	.right-contents .tab-menu li:first-child:before { content:''; padding-left:0px; padding-right:0px; }
	.right-contents .tab-menu li a {color:#555;  padding-bottom:10px; display:inline-block;  border-bottom:3px solid #fff;}
	.right-contents .tab-menu li a.active, .right-contents .tab-menu li a:hover {text-decoration:none; color:#1f9283; border-bottom:3px solid #1f9283; }

	.contents-main { padding-top:30px; padding-bottom:30px;  }
	.contents-main h2 {  font-size:24px; font-weight:bold; color:#222; margin-bottom:20px; margin-top:30px;  } 
	.contents-main h2:first-child { margin-top:0px; } 
	.contents-main h3 { font-size:20px; font-weight:bold; margin-bottom:15px;  color:#222; }
	.contents-main ul.bul { margin-bottom:10px;  }
	.contents-main ul.bul li {font-size:16px; color:#555; padding-left:15px; background:url(../images/sub/icon01.png) no-repeat left 5px; padding-bottom:8px;  }
	.contents-main ul.bul li ul {margin-top:5px; }
	.contents-main ul.bul li ul li { padding-bottom:5px; background:url(../images/sub/icon02.png) no-repeat left 9px; padding-left:10px;   }

	.contents-main .contents-table { width:100%;  border-top:2px solid #1f9283; }
	.contents-main .contents-table table { width:100%;border-collapse:collapse; border-left:1px solid #bbb; color:#222; font-size:16px; }
	.contents-main .contents-table table thead th { text-align:center; padding:10px; background:#feffdd;font-weight:bold;    border-right:1px solid #bbb; border-bottom:1px solid #bbb; }
	.contents-main .contents-table table tbody th { text-align:center; padding:10px; background:#feffdd;font-weight:bold;    border-right:1px solid #bbb; border-bottom:1px solid #bbb; }
	.contents-main .contents-table table tbody td { text-align:center; padding:10px;    border-right:1px solid #bbb; border-bottom:1px solid #bbb; }

	.organ-tab { display: flex; width: 100%; flex-wrap: wrap; margin-bottom: 50px;}
	.organ-tab li {width: 25%;}
	.organ-tab li a {display: block; width: 100%; height: 60px; padding-top: 17px; text-align: center; background-color: #fff; border: 1px solid #ccc; font-size: 16px; color: #333;}
	.organ-tab li.active a,
	.organ-tab li a:hover {border: 1px solid #687EF8; background-color: #F6F8FF; font-family: 'S-CoreDream-5Medium'; color: #3452F2;}

	.half-wrap:after { clear:both; content:''; display:table;  }
	.half { float:left; width:48%;  }
	.half-left { margin-right:2%;  }

	.sinmungo-step {
		clear: both;
		display: flex;
		text-align: center;
		margin: 0 auto;
		padding-bottom: 50px;
	}
	.sinmungo-step p {
		position: relative;
		width: 200px;
		height: 200px;
		padding-top: 120px;
		margin: 0 auto;
		text-align: center;
		font-size: 15px;
		color: #111;
		border-radius: 30px 30px 0 30px;
		background-color: #EBEFF5;
		background-repeat: no-repeat;
		background-position: center 50px;
	}
	.sinmungo-step p + p:before {
		content: '';
		display: inline-block;
		position: absolute;
		top: 90px;
		left: -50%;
		width: 15px;
		height: 24px;
		background-image: url(../images/sub/cs_arrow.png );
	}
	.sinmungo-step p.step1 { background-image: url(../images/sub/cs_ic02.png ); }
	.sinmungo-step p.step2 { background-image: url(../images/sub/cs_ic03.png ); }
	.sinmungo-step p.step3 { background-image: url(../images/sub/cs_ic04.png ); }
	


} 

@media (max-width: 991px) {
	
	body {background-size:auto 300px;   }
	.sub-top-title {padding-top:25px;  text-align:center;  color:#222; height:85px; }
	.sub-top-title h3 { font-size:24px;margin-bottom:10px;  }
	.sub-top-title .text  {font-size:14px; }

	.sub-menu-wrap { z-index: 1; margin-top: 190px; position: relative; width:100%; height:60px;  background:#fff; border-bottom: 1px solid #ccc;  }
	.sub-menu-wrap .sub-menu { height: 60px;  width: 100%; border-left: 1px solid #ccc;  }
	.sub-menu-wrap .sub-menu li.home { width:50px; text-align: center; }
	.sub-menu-wrap .sub-menu li.home a {color:#ADB5BD; padding: 18px 0 0; text-align: center; font-size: 22px; }
	.sub-menu-wrap .sub-menu li { position:relative;z-index:90;  float:left;  width:calc(50% - 25px);height: 100%; border-right: 1px solid #ccc;  }
	.sub-menu-wrap .sub-menu li a { color:#333; display:block; font-size: 14px; height:100%; padding: 20px 0 0 10px;}
	.sub-menu-wrap .sub-menu li a .fa-chevron-down {position: absolute; top: 20px; right: 10px; border: 1px solid #aaa; text-align: center; font-size: 10px; color: #aaa; border-radius: 3px; display: inline-block; width: 20px; height: 20px; padding-top: 4px;}
	.sub-menu-wrap .sub-menu li a:hover { color: #687EF8; font-family: 'S-CoreDream-6Bold';   }
	.sub-menu-wrap .sub-menu li.active>a {color: #687EF8; font-family: 'S-CoreDream-6Bold';  }
	.sub-menu-wrap .sub-menu li.active>a .fa-chevron-down { border: 1px solid #687EF8; color: #687EF8; }	
	.sub-menu-wrap .sub-menu li  ul {display:none; padding:15px;  position:absolute; top:59px; left:0px;  background:#fff; border: 1px solid #ccc; width:100%;  }
	.sub-menu-wrap .sub-menu li  ul li {position:relative; border-right:0px; float:none; display:inline-block; width:100%;   padding-right:0px;    height:auto; background:none; margin-bottom:10px;  font-size:15px;padding-top:0px; padding-bottom:0px;   }
	.sub-menu-wrap .sub-menu li  ul li a { color:#333; display:inline-block;padding:0px;  height:auto;    }
	.sub-menu-wrap .sub-menu li  ul li a:hover { color:#687EF8; font-family: 'S-CoreDream-6Bold'; }
	.sub-menu-wrap .sub-menu li  ul li a.active { color:#687EF8;  font-family: 'S-CoreDream-6Bold'; }
	
	.left-contents .sub-menu  { display:none;  }

	.right-contents { padding:15px;  }

	.right-contents .contents-top { border-bottom:1px solid #bbb;  padding:15px 0; }
	.right-contents .contents-top h1 { font-size:22px; color:#222; margin-top:10px; margin-bottom:0px;   }
	.right-contents .contents-top .location {  }

	.right-contents .tab-menu { width:100%;  padding-top:15px;   border-bottom:1px solid #bbb; } 
	.right-contents .tab-menu li {  float:left; font-size:16px;  }
	.right-contents .tab-menu li:before { content:'·'; padding-left:10px; padding-right:10px; }
	.right-contents .tab-menu li:first-child:before { content:''; padding-left:0px; padding-right:0px; }
	.right-contents .tab-menu li a {color:#555;  padding-bottom:10px; display:inline-block;  border-bottom:3px solid #fff;}
	.right-contents .tab-menu li a.active, .right-contents .tab-menu li a:hover {text-decoration:none; color:#1f9283; border-bottom:3px solid #1f9283; }

	.contents-main { padding-top:15px; padding-bottom:15px;  }
	.contents-main h2 {  font-size:18px; font-weight:bold; color:#222; margin-bottom:15px; margin-top:25px;  } 
	.contents-main h2:first-child { margin-top:0px; } 
	.contents-main h3 { font-size:16px; font-weight:bold; margin-bottom:10px;  color:#222; }
	.contents-main ul.bul { margin-bottom:10px;  }
	.contents-main ul.bul li {font-size:14px; color:#555; padding-left:15px; background:url(../images/sub/icon01.png) no-repeat left 5px; padding-bottom:5px;   }
	.contents-main ul.bul li ul {margin-top:3px; }
	.contents-main ul.bul li ul li { padding-bottom:3px; background:url(../images/sub/icon02.png) no-repeat left 9px; padding-left:10px;   }

	.contents-main .contents-table { width:100%;  border-top:2px solid #1f9283; }
	.contents-main .contents-table table { width:100%;border-collapse:collapse; border-left:1px solid #bbb; color:#222; font-size:14px; }
	.contents-main .contents-table table thead th { text-align:center; padding:10px; background:#feffdd;font-weight:bold;    border-right:1px solid #bbb; border-bottom:1px solid #bbb; }
	.contents-main .contents-table table tbody th { text-align:center; padding:10px; background:#feffdd;font-weight:bold;    border-right:1px solid #bbb; border-bottom:1px solid #bbb; }
	.contents-main .contents-table table tbody td { text-align:center; padding:10px;    border-right:1px solid #bbb; border-bottom:1px solid #bbb; }
	
	.organ-tab { display: flex; width: 100%; flex-wrap: wrap; margin-bottom: 50px;}
	.organ-tab li {width: 50%;}
	.organ-tab li a {display: block; width: 100%; height: 50px; padding-top: 14px; text-align: center; background-color: #fff; border: 1px solid #ccc; font-size: 16px; color: #333;}
	.organ-tab li.active a,
	.organ-tab li a:hover {border: 1px solid #687EF8; background-color: #F6F8FF; font-family: 'S-CoreDream-5Medium'; color: #3452F2;}

    .half {margin-bottom:10px;   }

	.sinmungo-step {	
		clear: both;
	}
	.sinmungo-step p {
		position: relative;
		width: 100%;
		padding: 30px 20px 30px 100px;
		margin-bottom: 40px;
		font-size: 16px;
		color: #111;
		border-radius: 30px 30px 0 30px;
		background-color: #EBEFF5;
		background-repeat: no-repeat;
		background-position: 30px center;
	}
	.sinmungo-step p + p:before {
		content: '';
		display: inline-block;
		position: absolute;
		top: -30px;
		left: 50%;
		width: 15px;
		height: 24px;
		transform: rotate(90deg);
		background-image: url(../images/sub/cs_arrow.png );
	}
	.sinmungo-step p.step1 { background-image: url(../images/sub/cs_ic02.png ); }
	.sinmungo-step p.step2 { background-image: url(../images/sub/cs_ic03.png ); }
	.sinmungo-step p.step3 { background-image: url(../images/sub/cs_ic04.png ); }
	

}




.contents-main .contents-table.contents-table-left table tbody th { text-align:left; }
.contents-main .contents-table.contents-table-left table tbody td { text-align:left; }


.text-box {text-align:center;  border:1px solid #eee; padding:20px; background:#fff;  font-size:16px; }
.text-green { color:#209283;  }
.text-warning {color:#f35a4b;  }
/*
.btn  { background:#888;  color:#fff; }
.text.text-info { color:#fff;  background:#888; }

.btn.btn-gray:hover ,.btn.btn-green:hover ,.btn:hover{ color:#fff;  }
.btn.btn-success {  background:#1f9283;border:1px solid #1f9283;  color:#fff;  }
*/

/*버튼*/
.btn-wrap {}
.btn-wrap a { display:inline-block;  border-radius:5px; background:#ffbaba; color:#222; text-align:center;  }

.btn.btn-gray { background:#888;  color:#fff; }
.btn.btn-green { background:#1f9283; color:#fff;  }

/*페이징*/
.pagination ul {box-shadow: none; margin-top: 0 !important;}
.pagination ul>.active>a, .pagination ul>.active>span {background: none; color: #fff;}
.pagination ul>li>a, .pagination ul>li>span {border: none;}
.paging-container .pagination ul li {border: 1px solid #ddd !important;}

/*소개*/
.intro .intro-txt {
	width: 90%;
	margin-left: 5%;
	padding: 70px 0;
	color: #333;
	font-size: 24px;
	line-height: 180%;
	font-family: 'S-CoreDream-3Light';
	border-bottom: 2px solid #000;
	background-image:url(../images/sub/img_01.svg); 
	background-repeat: no-repeat;
	background-position: right 30px bottom;
}
.intro .intro-txt span {
	color: #687EF8;
	font-family: 'S-CoreDream-6Bold';
	border-bottom: 1px solid #687EF8;
}
.intro .intro-num {
	display: flex;
	justify-content: space-between;
	margin: 80px 0;
}
.intro .intro-num div {
	position: relative;
	display: flex;
	width: 32%;
	padding: 60px 30px 40px;
	font-size: 16px;
	line-height: 160%;
	border-radius: 30px;
}
.intro .intro-num div span {
	padding-right: 10px;
	font-family: 'S-CoreDream-6Bold';
	font-weight: bold; 
	font-size: 20px;
}
.intro .intro-num div.num1 { background: #F6F9FC; }
.intro .intro-num div.num1 span { color: #687EF8; }
.intro .intro-num div.num1:before {
	content: '';
	position: absolute;
	top: -20px;
	left: 30px;
	width: 67px;
	height: 54px;
	background-image:url(../images/sub/icon_01.svg); 
	background-repeat: no-repeat;
	background-position: center;

}
.intro .intro-num div.num2 { background: #F7FCF6; }
.intro .intro-num div.num2 span { color: #06C476; }
.intro .intro-num div.num2:before {
	content: '';
	position: absolute;
	top: -20px;
	left: 30px;
	width: 67px;
	height: 54px;
	background-image:url(../images/sub/icon_02.svg); 
	background-repeat: no-repeat;
	background-position: center;

}
.intro .intro-num div.num3 { background: #FCF6F6; }
.intro .intro-num div.num3 span { color: #F76F83; }
.intro .intro-num div.num3:before {
	content: '';
	position: absolute;
	top: -20px;
	left: 30px;
	width: 39px;
	height: 54px;
	background-image:url(../images/sub/icon_03.svg); 
	background-repeat: no-repeat;
	background-position: center;
}
.intro .info-list {
	display: flex;
	width: 100%;
	height: 80px;
	margin-bottom: 10px;
	border-radius: 10px;
	border: 1px dashed #687EF8;
}
.intro .info-list .tit {
	width: 25%;
	padding: 25px 0 0 30px;
	color: #3952DB;
	font-size: 16px;
	font-family: 'S-CoreDream-5Medium';
	border-radius: 10px 0 0 10px;
	background-color: #F6F8FF;
}
.intro .info-list .txt {
	width: 75%;
	padding: 25px 0 0 20px;
	color: #333;
	font-size: 15px;
}
.intro .info-list .txt span { padding-right: 30px; }


@media (max-width: 991px) {
	.intro .intro-txt {
		width: 100%;
		margin-left: 0;
		padding: 0 0 160px;
		font-size: 18px;
		text-align: center;
		background-size: auto 150px;
		background-position: bottom center;
	}
	.intro .intro-txt br {display: none;}
	.intro .intro-num {
		flex-wrap: wrap;
		margin: 45px 0;
	}
	.intro .intro-num div {
		width: 100%;
		margin-bottom: 35px;
	}
	.intro .info-list {
		flex-wrap: wrap;
		height: auto;
	}
	.intro .info-list .tit {
		width: 100%;
		padding: 20px 0;
		text-align: center;
	}
	.intro .info-list .txt {
		width: 100%;
		padding: 20px 20px 10px;
		font-size: 14px;
	}
	.intro .info-list .txt span {
		display: block;
		width: 100%;
		padding-bottom: 10px;
		padding-right: 0;
	}
	
}


/*평생교육강좌 버튼*/
.lecture-colum__btn .btBlue,
.lecture-colum__btn .btBlue2 {border: 1px solid #687EF8 !important; background-color: #687EF8 !important; color: #fff !important;}
.lecture-colum__btn .text-warning {border: 1px solid #687EF8 !important; background-color: #687EF8 !important; color: #fff !important;}
.lecture-colum__btn button {border: 1px solid #111 !important; background-color: #fff; color: #111;}
.lecture-colum__btn button:hover {background: #111; color: #fff;}
.viewTable-btnWrap .viewTable-btnWrap__colum .READY, .lectureWrap .lecture-colum .lecture-colum__btn .READY ,
.viewTable-btnWrap .viewTable-btnWrap__colum .JOINED, .lectureWrap .lecture-colum .lecture-colum__btn .JOINED {border: none !important;}
.viewTable-btnWrap .viewTable-btnWrap__colum .text-success.JOIN, .lectureWrap .lecture-colum .lecture-colum__btn .text-success.JOIN {border: 1px solid #111 !important; background-color: #fff; color: #111;}
.lecture-colum__btn .sb-likeon {border: 1px solid #687EF8 !important; background: #687EF8 !important; color: #fff !important; width: 40px; border-radius: 5px;}
.lecture-colum__btn .sb-likeon {border: 1px solid #687EF8 !important; background: #687EF8 !important; color: #fff !important; width: 40px; border-radius: 5px;}
.lecture-colum__btn .sb-likeoff  {border: 1px solid #ddd !important; background: #fff !important; color: #777 !important; width: 40px; border-radius: 5px;}
.lecture-colum__btn .sb-likeon i,
.lecture-colum__btn .sb-likeoff i {margin: 0;}

/*게시판상단 텍스트박스*/
.sinmungo-box {
	padding: 50px 90px 50px 250px;
	margin-bottom: 50px;
	font-size: 17px;
	color: #333;
	line-height: 180%;
	border: 1px dashed #ccc;
	background-image: url(../images/sub/cs_ic01.png );
	background-repeat: no-repeat;
	background-position: 80px center;
}
.board-container .alert {display: none;}
.board-search-wrap .board-search-submit {color: #fff !important;}

@media (max-width: 991px) {
	.sinmungo-box {
		padding: 20px;
		margin-bottom: 30px;
		font-size: 16px;
		color: #333;
		line-height: 180%;
		border: 1px dashed #ccc;
		background: none;
	}
}


/*기관정보*/
.map-wrap {
	display: flex;
	margin-bottom: 50px;
}
.map-wrap .map-img {
	width: 50%;
	height: 660px;
	padding-top: 137px;
	text-align: center;
	background-color: #C6DDF1;
}
.map-wrap .map-box {
	width: 50%;
	height: 660px;
	background-color: #F8F8F8;
}
.map-wrap .map-box .tit {
	width: 100%;
	height: 60px;
	padding-top: 15px;
	text-align: center;
	font-size: 22px;
	color: #fff;
	font-family: 'S-CoreDream-5Medium';
	background-color: #687EF8;
}
.map-wrap .map-box .swiper-container {
	width: 100%;
	height: 505px;
	margin-top: 20px;
	padding: 0 20px;
}
.map-wrap .map-box .map-list {
	width: 100%;
}
.map-wrap .map-box .map-list li {
	position: relative;
	width: 100%; 
	height: 80px;
	padding: 13px 20px;
	margin-bottom: 5px;
	font-size: 15px;
	color: #111;
	line-height: 170%;
	border: 1px solid #ddd;
	border-radius: 5px;	
	background-color: #fff;
}
.map-wrap .map-box .map-list .btns {
	position: absolute;
	top: 23px;
	right: 20px;
}
.map-wrap .map-box .map-list .btns a {
	display: inline-block;
	width: 32px;
	height: 32px;
	padding-top: 8px;
	margin-left: 5px;
	font-size: 18px;
	text-align: center;
	border-radius: 3px;
	background-color: #F5F5F5;	
}
.map-wrap .map-box .slide-btn {
	margin-top: 20px;
	text-align: center;
}
.map-wrap .map-box .slide-btn span {
	display: inline-block;
	margin: 0 5px;
	color: #333;
	font-size: 20px;
	cursor: pointer;
}
.map-wrap .map-box .slide-btn span img {width: 10px;}

@media (min-width: 992px) and (max-width: 1199px) {
	.map-wrap .map-img {padding-top: 210px;}
}

@media (max-width: 991px) {
	.map-wrap { flex-wrap: wrap; }
	.map-wrap .map-img {
		width: 100%;
		height: 350px;
		padding-top: 75px;
	}
	.map-wrap .map-box {
		width: 100%;
	}
}





/* 씨스쿨 교육리스트  */
.school-wrap .school-list {
	display: flex;
	justify-content: space-between;
    align-items: center;
	padding: 15px 30px;
	margin-bottom: 15px;
	border: 1px solid #DDDDDD;
}
@media (max-width: 991px) {
	.school-wrap .school-list {
		justify-content: center;
		flex-wrap: wrap;
		padding: 15px 20px;
	}
}
.school-wrap .school-list .s-category {
	width: calc( 100% - 130px );
	color: #222;
	font-size: 20px;
	font-family: 'S-CoreDream-5Medium';
}
@media (max-width: 991px) {
	.school-wrap .school-list .s-category {
		width: 100%;
		font-size: 17px;
	}
}
.school-wrap .school-list .s-category span {
	display: block;
	padding-bottom: 10px;
	color: #1058A5;
	font-size: 16px;
	font-family: 'S-CoreDream-4Regural';
}
@media (max-width: 991px) {
	.school-wrap .school-list .s-btn {
		width: 100%;
		margin-top: 12px;
		text-align: center;
	}
}
.school-wrap .school-list .s-btn a {
	display: inline-flex;
	justify-content: center;
    align-items: center;
	width: 114px;
	height: 44px;
	color: #fff;
	font-size: 14px;
	border-radius: 5px;
	background-color: #687EF8;
}
.school-wrap .school-list .s-btn a i {
	padding-left: 5px;
}


/* 씨스쿨 교육상세  */
.school-view .view-box {
	border-top: 2px solid #000000;
}
.school-view .view-box .box-title {
	width: 100%;
	padding: 15px 40px;
	margin-bottom: 20px;
	border-bottom: 1px solid #DDDDDD;
}
@media (max-width: 991px) {
	.school-view .view-box .box-title {
		padding: 15px 0;
	}
}
.school-view .view-box .box-title .category {
	display: block;
	padding-bottom: 10px;
	color: #1058A5;
	font-size: 16px;
}
.school-view .view-box .box-title .tit {
	color: #222;
	font-size: 20px;
	font-family: 'S-CoreDream-5Medium';
}
@media (max-width: 991px) {
	.school-view .view-box .box-title .tit {
		font-size: 17px;
	}
}
.school-view .view-box .box-contents {
	display: flex;
	align-items: stretch;
	width: 100%;
}
@media (max-width: 991px) {
	.school-view .view-box .box-contents {
		flex-wrap: wrap;
	}
}
.school-view .view-box .box-contents ul {
	width: 50%;
	padding: 0 40px;
}
@media (max-width: 991px) {
	.school-view .view-box .box-contents ul {
		width: 100%;
		padding: 0;
	}
}
.school-view .view-box .box-contents ul:first-child {
	border-right: 1px solid #DDDDDD;
}
.school-view .view-box .box-contents ul li {
	position: relative;
	padding: 10px 0 10px 12px;
	font-size: 16px;
	color: #404040;
}
.school-view .view-box .box-contents ul li::before {
	content: '';
	position: absolute;
	top: 19px;
	left: 0;
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #1058A5;
}
.school-view .view-box .box-contents ul li .tit {
	padding-right: 25px;
	color: #1058A5;
}
.school-view .view-box .box-contents ul li .name {
	font-size: 18px;
	font-family: 'S-CoreDream-5Medium';
}
.school-view .view-box .box-contents ul li .w-100 {
	display: block;
	width: 100%;
	padding-top: 5px;
	line-height: 180%;
}
.school-view .view-box2 {
	margin-top: 25px;
	margin-bottom: 40px;
}
.school-view .view-box2 .box2-title {
	padding-bottom: 15px;
	color: #1058A5;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 2px solid #1058A5;
}
.school-view .view-box2 .box2-title i {
	padding-right: 5px;
}
.school-view .view-box2 .box2-wrap {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 20px;
	border-bottom: 1px solid #DDDDDD;
}
.school-view .view-box2 .box2-wrap .box2-list {
	display: flex;
	justify-content: space-between;
	align-items: center;	    
	width: calc( 50% - 20px );
	padding: 15px;
	margin: 20px 40px 0 0;
	border: 1px solid #DDDDDD;
}
@media (max-width: 991px) {
	.school-view .view-box2 .box2-wrap .box2-list {
		width: 100%;
		padding: 10px;
		margin: 20px 0 0 0;
	}
}
.school-view .view-box2 .box2-wrap .box2-list:nth-of-type(2n) {
	margin-right: 0;
}
.school-view .view-box2 .box2-wrap .box2-list .l-txt {
	width: calc( 100% - 70px );
}
.school-view .view-box2 .box2-wrap .box2-list .l-txt p {
	display: flex;
	width: 100%;
	padding: 5px 0;
}
.school-view .view-box2 .box2-wrap .box2-list .l-txt p .label {
	display: inline-flex;
	justify-content: center;
    align-items: center;
	width: 60px;
	height: 26px;
	padding: 0;
	margin-right: 15px;
	color: #1058A5;
	font-size: 14px;
	font-weight: normal;
	border: 1px solid #DDDDDD;
	border-radius: 5px;
	background-color: #fff;
}
.school-view .view-box2 .box2-wrap .box2-list .l-txt p .con {
	font-size: 16px;
	width: calc( 100% - 75px );
}
.school-view .view-box2 .box2-wrap .box2-list .l-txt p .con.tit {
	font-size: 18px;
	font-family: 'S-CoreDream-5Medium';
}
.school-view .view-box2 .box2-wrap .box2-list .l-btn a {
	display: inline-flex;
	justify-content: center;
    align-items: center;
	width: 57px;
	height: 57px;
	color: #fff;
	font-size: 16px;
	line-height: 120%;
	border-radius: 5px;
	background-color: #687EF8;
}
.school-view .school-view-btn {
	text-align: center;
}
.school-view .school-view-btn a {
	display: inline-flex;
	justify-content: center;
    align-items: center;
	width: 120px;
	height: 50px;
	color: #fff;
	font-size: 16px;
	border-radius: 10px;
	background-color: #404040;
}