/*
개발공사 2018 서브
*/

.sub {
  z-index: 1;
  word-break: keep-all;
  color: #555;
}
.sub a {
  color: #555;
}

@media (min-width: 992px) {

	
	.sub {position:relative; }
	.sub .sub-bg  { position:absolute; top:-100px; left:0px; z-index:-1; width:100%; height:400px; background-repeat: no-repeat; background-position:center top;   }
	.sub-top-title-wrap { height:300px; padding-top:100px;text-align:center;   }
	.sub-top-title-wrap h3 {  color:#000;  font-size:44px;  }


	.sub-menu-wrap { width:100%; height:55px;  border-top:1px solid #eaeaea;  border-bottom:1px solid #eaeaea;   }
	.sub-menu-wrap .container { position:relative; padding-left:50px; padding-right:50px;  }
	.sub-menu-wrap .sub-menu {  float:left; width:100%; height:54px; border-left:1px solid #eaeaea;   }
	.sub-menu-wrap .sub-menu li {border-right:1px solid #eaeaea;  position:relative;z-index:90;  float:left;padding-top:10px;height:54px;  padding-left:25px; padding-right:25px;  width:285px; letter-spacing:-1.5px;  font-size:16px;  }
	.sub-menu-wrap .sub-menu li a { color:#666; display:block;  padding-bottom:5px; padding-top:5px;   }
	.sub-menu-wrap .sub-menu li a i.icon-down-open {position:absolute;   top:18px; right:20px;  }
	.sub-menu-wrap .sub-menu li a:hover {   }
	.sub-menu-wrap .sub-menu li.active {  border:2px solid #436AD7; border-bottom:1px solid #eaeaea; padding-top:8px;padding-left:23px;    }
	.sub-menu-wrap .sub-menu li.active i.icon-down-open {  top:16px; right:19px;  }
	.sub-menu-wrap .sub-menu li.active a {  }
	.sub-menu-wrap .sub-menu li.home {padding-left:20px; padding-right:20px; padding-top:10px;  width:auto; }
	.sub-menu-wrap .sub-menu li.home a {color:#4B6ED1; }
	.sub-menu-wrap .sub-menu li  ul {display:none; padding-top:11px; padding-bottom:5px;  position:absolute; top:52px; left:-2px;  background:#fff; width:285px; border:2px solid #436AD7;    border-top:0px;  }
	.sub-menu-wrap .sub-menu li  ul li {position:relative; border-right:0px; float:none; display:inline-block;  border:0px !important;   height:auto; background:none; margin-bottom:10px;  font-size:16px;padding-top:0px; padding-bottom:0px;   }
	.sub-menu-wrap .sub-menu li.active  ul li { border:0px !important;  padding-top:0px; padding-bottom:0px;  padding-left:25px;border-right:0px;  }
	.sub-menu-wrap .sub-menu li  ul li a { color:#666; display:inline-block;padding:0px;    }
	.sub-menu-wrap .sub-menu li  ul li a:hover { color:#666;}
	.sub-menu-wrap .sub-menu li  ul li a.active { color:#666;  text-decoration:underline; }

	.sub-contents { padding-left:50px; padding-right:50px;  }
	.sub-contents .top-contents { padding-top:30px;  padding-bottom:50px; position:relative;   }
	.sub-contents .top-contents .breadcrumb {    background: none;	padding:0px; 	font-size:15px;    margin-bottom:35px;   }  
	.sub-contents .top-contents .breadcrumb > li + li:before {    content: ">";    color:#606060;   }
	.sub-contents .top-contents .breadcrumb li a { color:#606060; }
	.sub-contents .top-contents h1 { color:#000; font-size:40px; font-weight:normal;  }
	.sub-contents .top-contents .text { font-size:20px; color:#000; font-weight:100;  }
	.sub-contents .top-contents .contents-util { position:absolute; top:25px; right:0px;  }
	.sub-contents .top-contents .contents-util a { margin-left:10px;  }
	

	.sub-tab-menu { text-align:Center;  margin-bottom:30px; }
	.sub-tab-menu li {display:inline-block; width:250px; height:60px; margin-bottom:1px; line-height:1.2;  }
	.sub-tab-menu li a {display:table-cell; vertical-align:middle;  width:250px; height:60px; border:1px solid #ddd; color:#777777; font-size:18px;  }
	.sub-tab-menu li a.active {background:#436AD7; border:1px solid #436AD7; color:#fff; }

	.list-tab-menu { text-align:center;  margin-bottom:30px;   }
	.list-tab-menu li {display:inline-block; width:180px; height:60px; margin-bottom:10px; padding:0 10px;  line-height:1.2; }
	.list-tab-menu li a { display:table-cell; width:180px; height:60px;  vertical-align:middle;  font-size:18px; color:#777;  border-bottom:1px solid #ddd; }
	.list-tab-menu li a.active { color:#436AD7; border-bottom:3px solid #436AD7;  font-weight:bold; }


	.sub-main-contents { font-size:15px; color:#000;  padding-bottom:60px; line-height:1.6; }
	.sub-main-contents h2 {font-size:24px; color:#000;  padding-bottom:20px; font-weight:normal;  margin-top:40px;   }
	.sub-main-contents h2:first-child  { margin-top:0px;   }
	.sub-main-contents h3 { font-size:18px; font-weight:bold; color:#0063c9; margin-bottom:10px;  }
	.sub-main-contents ul.bul {}
	.sub-main-contents ul.bul li  { padding-left:10px; background:url(../images/sub/blit_t.jpg) no-repeat left 8px;  margin-bottom:5px; }
	.sub-main-contents ul.bul li ul  { margin-top:5px; }
	.sub-main-contents ul.bul li ul li  {padding-left:0px; background:none; color:#666; }
	.sub-main-contents .text-box { padding:20px 40px;  background:#f2f2f2; margin:20px 0px;  }
	.sub-main-contents .text-box:after ,.sub-main-contents .border-box:after { clear:both; display:table; content:'';  }
	.sub-main-contents .border-box { border:1px solid #e6e6e6; background:#fff;  padding:20px 40px;margin:20px 0px;  }
	
	.contents-table { width:100%; border-top:2px solid #555;  }	
	.contents-table table { width:100%;  border-collapse:collapse; border-left:1px solid #e4e4e4;  }	
	.contents-table table thead th {padding:10px 15px; color:#000; background:#F5F5F5; 	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:center; }
	.contents-table table tbody th {padding:10px 15px; color:#000; background:#F5F5F5; 	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;  text-align:center; }
	.contents-table table tbody td {padding:10px 15px; color:#555;  	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;   }
	.contents-table.table-left table tbody th { text-align:left; }
	
	.contents-btn-wrap {}
	.contents-btn-wrap .contents-btn {display:inline-block; min-width:310px;  height:60px; border:2px solid #353535; text-align:center;   line-height:55px;  }
	.contents-btn-wrap .contents-btn span {display:inline-block;padding-right:25px; background:url(../images/sub/arrow.png) no-repeat right center; font-size:17px; color:#000;     }
	.contents-btn-wrap .contents-btn.full-btn {padding-right:45px; width:100%; margin-bottom:10px;  text-align:left; padding-left:45px;  }
	.contents-btn-wrap .contents-btn.full-btn span { width:100%;  }

	.sub-main-contents a.link-btn { text-decoration:underline; color:#000;  padding-right:15px; background:url(../images/sub/arrow.png) no-repeat right center;}


	.half-wrap { margin-left:-15px;margin-right:-15px; margin-bottom:30px; }
	.half-wrap:after { clear:both; display:table; content:'';  }
	.half-wrap .half {float:left; width:50%; padding-left:15px; padding-right:15px;  }

	.triple-wrap { margin-left:-15px;margin-right:-15px; margin-bottom:30px; }
	.triple-wrap:after { clear:both; display:table; content:'';  }
	.triple-wrap .triple {float:left; width:33.333%; padding-left:15px; padding-right:15px;  }


}

@media (min-width: 992px) and (max-width: 1199px) {

.contents-btn-wrap {}
	.contents-btn-wrap .contents-btn { min-width:280px;  height:50px; line-height:45px;  }
	.contents-btn-wrap .contents-btn span { font-size:14px;     }
	.contents-btn-wrap .contents-btn.full-btn {padding-right:25px; padding-left:25px;  }
	
}



@media (max-width: 991px) {

	.sub {position:relative; }
	.sub .sub-bg  { position:absolute; top:-50px; left:0px; z-index:-1; width:100%;height:140px ;background-size:cover; background-repeat: no-repeat; background-position:center center;   }
	.sub-top-title-wrap { position:relative; height:90px; padding-top:20px;text-align:center;   }
	.sub-top-title-wrap h3 { color:#000;  font-size:24px;  }

	.sub-contents .top-contents { padding-top:0.5rem;  padding-bottom:0.8rem; position:relative;   }
	.sub-contents .top-contents .breadcrumb {    background: none;	padding:0px; 	font-size:0.5rem;    margin-bottom:0.3rem;   }  
	.sub-contents .top-contents .breadcrumb > li + li:before {    content: ">";    color:#606060;   }
	.sub-contents .top-contents .breadcrumb li a { color:#606060; }
	.sub-contents .top-contents h1 { color:#000; font-size:1rem; font-weight:normal;  margin-bottom:0.2rem; }
	.sub-contents .top-contents .text { font-size:0.6rem; color:#000; font-weight:100;  }
	.sub-contents .top-contents .contents-util { display:none; }

	.sub-tab-menu { margin:0 -2px 20px;  }
	.sub-tab-menu:after { clear:both; display:table; content:'';  }
	.sub-tab-menu li {float:left;  width:50%; padding:0 2px;  height:50px; margin-bottom:4px; line-height:1.2; text-align:center;   }
	.sub-tab-menu li a {display:table-cell; vertical-align:middle;  width:500px; height:50px; border:1px solid #ddd; color:#777777; font-size:14px;  }
	.sub-tab-menu li a.active {background:#436AD7; border:1px solid #436AD7; color:#fff; }

	.list-tab-menu { margin:0 -2px 20px;  }
	.list-tab-menu:after { clear:both; display:table; content:'';  }
	.list-tab-menu li {float:left;  width:50%; padding:0 2px;  height:50px; margin-bottom:4px; line-height:1.2; text-align:center;   }
	.list-tab-menu li a { display:table-cell; width:500px; height:50px;  vertical-align:middle;  font-size:14px; color:#777;  border-bottom:1px solid #ddd; }
	.list-tab-menu li a.active { color:#436AD7; border-bottom:3px solid #436AD7;  font-weight:bold; }



	.sub-menu-wrap {  display:none;  }
	.sub-main-contents {  font-size:0.5rem; color:#000;  line-height:1.6;  font-size:0.58rem; }
	.sub-main-contents h2 { margin-top:0.7rem; padding-bottom:0.6rem;  font-size:0.65rem; color:#000;    }
	.sub-main-contents h2:first-child { margin-top:0px;}
	.sub-main-contents h3 { font-size:0.6rem; font-weight:bold; color:#0063c9; margin-bottom:0.35rem;  }
	.sub-main-contents ul.bul {}
	.sub-main-contents ul.bul li  { padding-left:10px; background:url(../images/sub/blit_t.jpg) no-repeat left 8px;  margin-bottom:0.2rem; }
	.sub-main-contents ul.bul li ul  { margin-top:0.1rem; }
	.sub-main-contents ul.bul li ul li  {padding-left:0px; background:none; color:#666; }
	.sub-main-contents .text-box { padding:0.5rem;  background:#f2f9ff; margin:0.5rem 0px;  }
	.sub-main-contents .border-box { border:1px solid #e6e6e6; background:#fff; padding:0.5rem;   margin:0.5rem 0px; }

	.contents-table { width:100%; border-top:2px solid #555;  }	
	.contents-table table { width:100%;  border-collapse:collapse; border-left:1px solid #e4e4e4; font-size:0.5rem;  }	
	.contents-table table thead th {padding:0.4rem 0.3rem; color:#000; background:#F5F5F5; 	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:center; }
	.contents-table table tbody th {padding:0.4rem 0.3rem; color:#000; background:#F5F5F5; 	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;  text-align:center; }
	.contents-table table tbody td {padding:0.4rem 0.3rem; color:#555;  	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;   }
	.contents-table.table-left table tbody th { text-align:left; }

	.contents-btn-wrap {}
	.contents-btn-wrap .contents-btn {display:inline-block; min-width:210px; border:2px solid #353535; text-align:center;   padding:0.5rem;  }
	.contents-btn-wrap .contents-btn span {display:inline-block;padding-right:25px; background:url(../images/sub/arrow.png) no-repeat right center; font-size:0.58rem; color:#000;     }
	.contents-btn-wrap .contents-btn.full-btn {padding-right:15px; width:100%; margin-bottom:0.4rem;  text-align:left; padding-left:15px;  }
	.contents-btn-wrap .contents-btn.full-btn span { width:100%;  }

	.sub-main-contents a.link-btn { text-decoration:underline; color:#000;  padding-right:15px; background:url(../images/sub/arrow.png) no-repeat right center;}

	.half-wrap {   }
	.half-wrap:after { clear:both; display:table; content:'';  }
	.half-wrap .half {width:100%; padding-left:15px; padding-right:15px;  padding-bottom:0.8rem; }


	.triple-wrap {  }
	.triple-wrap:after { clear:both; display:table; content:'';  }
	.triple-wrap .triple {width:100%; padding-left:15px; padding-right:15px;  padding-bottom:0.8rem; }





}


@media (max-width: 600px) {
	
}



#contactUs {float:left; width:100%; padding-bottom:10px;  border-top:1px solid #CCC; border-right:1px solid #CCC; border-left:1px solid #CCC; font-size:14px;}
#contactUs dl {float:left; width:100%; margin-top:10px;}
#contactUs dl dt {float:left;  line-height:30px; padding:0 20px; border-left:1px solid #CCC;}
#contactUs dl dt:nth-of-type(1) {border-left:0 none;}
#contactUs dl dd:nth-of-type(1) {width:30%;}
#contactUs dl dd:nth-of-type(2) {width:10%;}
#contactUs dl dd {float:left; line-height:30px; word-break: break-all;}

#pageSurvey {clear:both; padding-bottom: 20px; margin-bottom:0px;  background:#EEE; border:1px solid #CCC;}
#pageSurvey dl {padding:15px 20px 0 20px; font-size:14px;}
#pageSurvey dl dd {padding-top:10px;}
#pageSurvey dl dd ul {margin:0;}
#pageSurvey dl dd label {margin-right:35px; font-weight:normal;}
#pageSurvey dl dd label input {margin-right:5px;}
#pageSurvey dl dd input[type='text'] {width:90%; height:30px; padding-left:10px; border:1px solid #CCC; border-top-left-radius:3px; border-bottom-left-radius:3px;}
#pageSurvey dl dd button {width:10%; height:30px; margin-left:-1px; background:#333; color:#FFF; border:0 none; border-top-right-radius:3px; border-bottom-right-radius:3px;}





/*게시판 검색*/
	.board-search-wrap { width:100%;  background:#E9E9E9; padding:20px 200px; margin-bottom:30px;  }
	.board-search-wrap .board-search-select {width:160px; height:45px; color:#333;  margin-right:5px; float:left; border:1px solid #E9E9E9; padding:0 5px;  }
	.board-search-wrap .board-search-text {width:calc(100% - 250px); color:#333; height:45px;  margin-right:5px; float:left; padding:0 5px;  border:1px solid #E9E9E9;  }
	.board-search-wrap .board-search-submit {width:80px; height:45px;  background:#1D77BA; color:#fff; border:0px; float:left; margin:0px;  }
/*강좌신청*/
.application {
 margin:0 -15px; 
}
.application:after { clear:both; display:table; content:'';  }

.application .app-list {
    float: left;
    width:25%;
    padding:0 15px; 
    position: relative;
    margin-bottom: 30px;
	/*height:400px; */
}




.application .app-list:nth-of-type(4n+1) {   clear:both; }
.application .app-list .al-img { border:1px solid #ddd;  }
.application .app-list .al-img img {
    width: 100%;
    height: 360px;
}

.application .app-list .al-label {
    position: absolute;
    top: 333px;
    left: 15px;
    display: inline-block;
    background: #1D77BA;
    width: 64px;
    height: 28px;
    padding-top: 3px;
    text-align: center;
    color: #fff;
    font-size: 15px;
}
.application .app-list .al-label.label_ready {background: #fabf3d;}
.application .app-list .al-label.label-end {
    background: #7c7f8a;
}

.application .app-list .al-tit {
    padding: 30px 0 15px;
}

.application .app-list .al-tit a {
    display: block;
    width: 100%;
    font-size: 20px;
    color: #000;
    font-weight: 500;
  /*  display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
}

.application .app-list .al-txt li {
    font-size: 16px;
    color: #555;
    padding-bottom: 5px;
}

/* 강좌신청 뷰 */
.application_view {
    padding-top: 20px;
	border-top:2px solid #2B728E; 
}

.application_view .app_view {

    padding-bottom: 40px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
}
.application_view .app_view:after { clear:both; display:table; content:''; }

.application_view .app_view .tit {
    padding-bottom: 30px;
}

.application_view .app_view .tit .stat_btn {
    display: inline-block;
	margin-bottom:10px; 
    height: 35px;
    background: #2B728E;
	padding:0 15px; 
	border-radius:10px; 
    color: #fff;
    font-size: 18px;
    line-height: 35px;
   
}

.application_view .app_view .tit .stat_btn.label_ready {background: #fabf3d;}
.application_view .app_view .tit .stat_btn.label_end {background: #7c7f8a;}

.application_view .app_view .tit .title {
    font-size: 30px;
    font-weight: 500;
    color: #111;
	line-height:1.4; 
    display: block;
    vertical-align: top;
}

.application_view .app_view .img {
    width: 40%;
    float: left;
}

.application_view .app_view .img img {
    width: 100%;
	border-radius:10px; 
}

.application_view .app_view .right_view {
    position: relative;
    width: 60%;
    float: left;
    padding-left: 60px;
 /*   height: 380px;*/
}

.application_view .app_view .txt_wrap {margin-bottom:50px; }

.application_view .app_view .txt_wrap p {
	padding:13px 0 10px ; 
    width: 100%;
    border-bottom:1px dashed #dbdbdb; 
	font-weight:600; 

}

.application_view .app_view .txt_wrap p .tit {
	font-weight:400; 
    color: #2B728E;
    display: inline-block;
    width: 24%;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
	vertical-align: top;

}

.application_view .app_view .txt_wrap p .txt {
    display: inline-block;
    width: 76%;
    letter-spacing: 0.4px;

}

.application_view .app_view .app_view_btn {
    /* text-align: center; */

}

.application_view .app_view .app_view_btn p {
    display: inline-block;
	 font-size: 20px;
	 color:#fff; 
    width: 180px;
    height: 50px;
    background: #7c7f8a;
    border-radius: 5px;
    line-height: 50px;
    text-align: center;
    vertical-align: top;
	margin-right:5px; 
}

.application_view .app_view .app_view_btn p a {
	background:#2B728E; 
    color: #fff;
    width: 100%;
	  border-radius: 5px;
    height: 100%;
    display: block;
}
.application_view .app_view .app_view_btn p.list-btn a { background:#666666;  }


.application_view .app_view .app_view_btn p a:hover {
    text-decoration: none;
}

.application_view .app_view .app_view_btn p.end {

}

@media(max-width: 991px){
	/*게시판 검색*/
	.board-search-wrap {  padding:15px 15px; }
	.board-search-wrap .board-search-select {width:110px; height:45px; }
	.board-search-wrap .board-search-text {width:calc(100% - 180px); height:45px;   }
	.board-search-wrap .board-search-submit {width:60px; height:45px;  }

	/*강좌신청*/
    .application .app-list {
        width: 100%;
        margin-right: 0;
    }

    .application .app-list .al-img {
		text-align:center; 
        height: 221px;
        margin: 0 auto;
    }

    .application .app-list .al-img img {
	width:auto; 
	max-width:100%; max-height:100%; 
        /*height: auto;*/

    }

    .application .app-list .al-label {
        left: 25px;
        top: 207px;
    }

    .application .app-list .al-tit {
        padding: 25px 0 15px;
    }

    .application .app-list .al-tit a {
        font-size: 0.80rem;
    }

    .application .app-list .al-txt li {
        font-size: 0.65rem;
    }

    /*강좌신청 뷰*/
    .application_view .app_view .tit {
        padding-bottom: 10px;
 
    }

    .application_view .app_view .tit .stat_btn {
        font-size: 16px;
        height: 35px;
        line-height: 35px;
        display: inline-block;
        margin-right: 0;
        margin-bottom: 5px;
    }

    .application_view .app_view .tit .title {
        font-size: 24px; ;
    }

    .application_view .app_view .img {
        width: 100%;
		margin-bottom:20px; 
    }

    .application_view .app_view .img img {
        height: auto;
    }

    .application_view .app_view .right_view {
        width: 100%;
        padding-left: 0;
        height: auto;
        margin-top: 10px;
    }

    .application_view .app_view .txt_wrap {}

    .application_view .app_view .txt_wrap p .tit {
		width:30%; 

    }

    .application_view .app_view .txt_wrap p .txt {
		width:70%; 
    }

    .application_view .app_view .app_view_btn {
        position: relative;
        left: 0;
        text-align: center;
    }

    .application_view .app_view .app_view_btn p {
        width: 150px;
        height: 40px;
        line-height: 40px;
    }

    .application_view .app_view .app_view_btn p a {
        font-size: 16px;
    }

    .application_view .app_view .app_view_btn p.end {
        font-size: 16px;
    }

}