/*폰트*/
.txt_bold {
	font-weight:500;
	color:#000;
}

/*메인컨텐츠*/
section.main {
	background:#d1f3fd url("/images/main/main_bg01.jpg") left bottom no-repeat;
	padding-top:20px;
	position:relative;
}
section.main h1 {
	text-align:center;
	font-size:35px;
	font-weight:300;
	padding:15px 0;
}
.main .container {
	margin-bottom:20px;

	
}
.bg_img {
	right:0;
	position:absolute;
	z-index:100;
	top:0;
}
.main .container .box_container{
	padding:20px;
	float:right;
	width:1000px;
	z-index:200;
	position:relative;
}
.main .container .box_container div{
	float:left;
	width:32%;
	box-sizing:border-box;
	margin-right:2%;
	height:230px;
	margin-bottom:30px;
	padding:15px;
	position:relative;
}
.main .container .box_container div a{
	background:#019edf;
	color:#fff;
	padding:3px 20px;
	margin: 0 auto;
	text-align:center;
	display: block;
	margin-top:10px;
	position: absolute;
	bottom: 15px;
	width: 90%;
	height: 30px;
	line-height: 23px;
}
.main .container .box_container i {
	top: 2px;
	position: absolute;
}
.main .container .content_box01 li:nth-child(2) {
	padding:10px 0 0;
}
.main .container  h2 {
	font-size:18px;
	color:#019edf;
	font-weight:500;
}
.main .container .content_box01 p {
	margin-top:0;
	line-height:22px;	
}
.main .container .content_box02 p, .main .container .content_box03 p, .main .container .content_box04 p, .main .container .content_box05 p, .main .container .content_box06 p  {
	margin-top:7px;
	line-height:22px;
}
.main .container .content_box01 {
	background:#fff;
}
.main .container .content_box02 {
	background:#fff url(/images/main/cont_bg02.gif) center 70% no-repeat;
}
.main .container .content_box03 {
	margin-right:0 !important;
	background:#fff /*url(/images/main/cont_bg03.gif) center 70% no-repeat*/;
}
.main .container .content_box04 {
	background:#fff url(/images/main/cont_bg04.gif) center 70% no-repeat;
	
}
.main .container .content_box05 {
	background:#23bbed url(/images/main/cont_bg05.png) center 67% no-repeat;
	color:#fff;
}
.main .container .content_box05 h2{
	color:#fff;
}
.main .container .content_box05 a {
	border:1px solid #fff;
	background:#23bbed !important;
}
.main .container .content_box06 {
	margin-right:0 !important;
	background:#fff;
	padding:0 !important;
}
.main .container .content_box06 > ul > li {
	padding:15px;
}
.main .container .content_box06 .box06_align li h2, .main .container .content_box06 .box06_align li p{
	display:inline;
}
.main .container .content_box06 .box06_align li{
	float:left;
}
.main .container .content_box06 .box06_align li:nth-child(1){
	width:70%
}
.main .container .content_box06 .box06_align li:nth-child(2){
	float:right;
	width:30%;
}
.main .container .content_box06 .box06_align li:nth-child(2) img{
	width:100%;
}
.main .container .content_box06 > ul > li:nth-child(1) {
	background:#fff3cc
}
.main .container .content_box06 > ul > li:nth-child(2) {
	text-align:left;
}
.main .container .content_box06 h2 {
	color:#383838;
}
.main .container .content_box06 p {
	margin-top: 6px;
	display: inline-block !important;
}
.main .container .content_box06 a {
	background:none !important;
	color:#000 !important;
	position:relative !important;
	bottom:0 !important;
	margin: 0 !important;
	font-size: 20px;
	text-align: left !important;

}
/*공지사항*/
.notice .container {
	padding:0 20px;
}
.notice .left {
	float:left;
	width:20%;
}
.notice .left h3{
	font-size:40px;
	color:#000;
}
.notice .left .btn_more{
	border:1px solid #019edf;
	padding:1px 20px;
	color:#019edf;
	margin-top:5px;
	display: inline-block;
}
.notice .left .btn_more:hover{	
	background:#019edf;
	transition:all .5s;
	color:#fff;
}
.notice .right {
	float:right;
	width:75%;
}
.main_notice_list li{
	line-height:35px;
	background:url(/images/main/dot.gif)center left no-repeat;
	padding-left:25px;
	overflow:hidden;
}
.main_notice_list a{
	font-size:25px;
}

/*교육신청*/
.form .container {
	text-align:center;
	padding:30px 0 50px;
}
.form .container > a {
	background:#242930;
	color:#fff;
	padding:7px 50px;
	font-size:27px;
	border-radius:30px;
	font-weight:300;
	position:relative;
}
.form .container i {
	top: 5px;
	position: absolute;
	display: inline-block;
}
/*모달팝업*/
.open-modal {
  border: none;
  outline: none;
  padding: 0;
  text-transform: uppercase;
  cursor:pointer;
}

.modal {
  background-color: #fff;
  display: none;
  position: fixed;
  top: 30%;
  left: 50%;
  width: 500px;
  margin-left: -200px;
  margin-top: -150px;
  padding: 28px;
  border-radius: 5px;
  z-index: 99999;
  box-shadow: 0 0 0 99999px rgba(0, 0, 0, 0.7);
}
.close-modal {
  color:  #000;
  text-decoration: none;
  float: right;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size:30px;
}
.modal h4 {
	text-align:center;
	font-size:25px;
	color:#333;
	font-weight:600;
}
.modal .txt_top {
	font-size:15px;
	padding: 5px 0 10px 0;
}
.modal input{
	width:100%;
}
.modal select, .modal table .phone_num input{
	width:90%;
}
.modal th {
	font-size:13px;
	text-align:left;
	vertical-align: middle;
}
.modal td {
	padding:5px 0;
}
.modal ul li {
	float:left;
	width:33%;
}
.modal textarea {
	width:100%;
	height:150px;
}
.rqtBtn {
	padding:20px 0;
	text-align:center;
}
.rqtAgree input {
	width:20px;
	height:20px;
} 
.rqtAgree label {
	font-size:13px;
}
.rqtBtn .btn_confirm {
	padding:10px 30px;
	width: 100%;
    display: inline-block;
}
.form_phone_num {
	text-align:center;
}