/*
개발공사 2018 서브
*/

.sub {
  z-index: 1;
  word-break: keep-all;
  color: #555;
}
.sub a {
  color: #555;
}
strong ,.bold { font-weight:bold;  }
.block { display:block;  }
.clear { clear:both;  }

@media (min-width: 992px) {


body:before { position:absolute; top:0px; left:0px; content:''; display:block; width:1400px; height:242px; z-index:-1; background: #F0F0F0; }

	.w10 { width:10%;  }
	.w20 { width:20%;  }
	.w30 { width:30%;  }
	.w40 { width:40%;  }
	.w50 { width:50%;  }
	.w60 { width:60%;  }
	.w70 { width:70%;  }
	.w80 { width:80%;  }
	.w90 { width:90%;  }
	.w100 { width:100%;  margin:0px !important;   }

	.sub-top-title-wrap { width:100%; background-repeat:no-repeat;  background-position:center top;  height: 150px;   padding-top:65px;  text-align:center;margin-bottom:50px;   }
	.sub-top-title-wrap h3 { font-size:32px;   color:#fff; font-weight:bold;  }
	.sub-top-title-wrap h3 b { display:none;  }


	.sub-contents {   padding-top:40px; padding-bottom:60px;  font-size:18px;  color:#000;   }
	.sub-contents .sub-content-top {  padding-bottom:30px;  position:relative; text-align:center; }
	.sub-contents .sub-content-top  .breadcrumb {   background: none; margin-bottom:90px;padding:0px;   font-size:0px;  }
	.sub-contents .sub-content-top  .breadcrumb *{ vertical-align:middle;  }
	.sub-contents .sub-content-top  .breadcrumb li { display:inline-block;  font-size:16px;  }
	.sub-contents .sub-content-top  .breadcrumb li b { display:none;  }
	.sub-contents .sub-content-top  .breadcrumb li img { width:20px;  }
	.sub-contents .sub-content-top  .breadcrumb > li + li:before {    content: ">";    color: #747474;   font-family: cursive; }
	.sub-contents .sub-content-top  .breadcrumb a { margin:0 10px; color:#747474; }
	.sub-contents .sub-content-top  .breadcrumb a strong { color:#000;  }

	.sub-contents .sub-content-top h1 { font-size:40px;  margin-bottom:40px; line-height:1.6;  font-weight:normal;  }
	.sub-contents .sub-content-top h1 b { font-size:24px; font-weight:bold;  display:block; color:#747474;  }


	.sub-contents .sub-tab-menu { width:100%;  margin-bottom:50px; font-size:0px;  text-align:center;  }
	.sub-contents .sub-tab-menu li { display:inline-block;  width:330px; height:70px; margin-top:-1px; }
	.sub-contents .sub-tab-menu li a { display:table-cell;  vertical-align:middle; width:330px; height:70px;   border:1px solid #000; text-align:center; font-size:22px; color:#000; }
	.sub-contents .sub-tab-menu li a.active { background:#000; color:#fff;  }



	.sub-contents .text-box {  background:#F0F0F0; color:#000;  padding:30px 60px; margin-bottom:35px;   }
	.sub-contents p { font-weight:200;  }
	.sub-contents h2 { font-size:28px; margin-bottom:20px;    margin-top:40px; padding-left:30px; background:url(../images/sub/bul1.png) no-repeat left 1px;  }
	.sub-contents h2:first-child {   margin-top:0px;  }
	.sub-contents h3 { font-size:22px; margin-bottom:15px;padding-left:18px;    background:url(../images/sub/bul2.png) no-repeat left 4px;   }
	.sub-contents ul.bul li { padding-left:15px; background:url(../images/sub/bul3.png) no-repeat left 7px;  margin-bottom:10px;  }
	.sub-contents ul.bul li ul { margin-top:8px; margin-bottom:13px;  }
	.sub-contents ul.bul li ul li { padding-left:15px; color:#555;  background:url(../images/sub/bul4.png) no-repeat left 10px; margin-bottom:3px;   font-weight:200;   }

	.sub-contents .contents-table { border-top:2px solid #000;  width:100%; overflow-x:auto;  }
	.sub-contents .contents-table table { border-collapse:collapse; width:99.9999%;border-left:1px solid #c9c9c9; }
	.sub-contents .contents-table table thead th {  background:#f1f1f1; color:#444; text-align:center; border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding:15px;     }
	.sub-contents .contents-table table tbody th { color:#444; background:#f5f5f5;  border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding:15px;   }
	.sub-contents .contents-table.form-table table tbody th {    background:#f1f1f1; color:#444;  border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding:15px;   }
	.sub-contents .contents-table table tbody td { color:#444;  border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding:15px;   }

	.sub-contents .contents-btn  a {  font-weight:normal;  display:inline-block; padding:18px 30px 0; min-width:240px; height:60px; border-radius:30px;  color:#000;  border:1px solid #000; margin:0 5px;  }
	.sub-contents .contents-btn  a.btn2 { color:#fff; background:#000;  border:1px solid #000; }
	.sub-contents .contents-btn  a.btn3 { color:#000; background:#F0F0F0;  border:1px solid #F0F0F0; }
	.sub-contents .contents-btn  button  {  font-weight:normal;  display:inline-block; padding:13px 30px; min-width:240px; height:60px; border-radius:30px;  color:#000;  border:1px solid #000; margin:0 5px; }
	.sub-contents .contents-btn  button.btn2  {color:#fff; background:#000;  border:1px solid #000;  }
	.sub-contents .contents-btn  button.btn3  {color:#000; background:#F0F0F0;  border:1px solid #F0F0F0; }


/*음악제*/
.composers-wrap {  }
.composers-wrap .list {  margin-bottom:80px;   }
.composers-wrap .list:after {  clear:both; display:table; content:'';     }
.composers-wrap .list .img  {float:left; width:335px; margin-right:70px;  }
.composers-wrap .list .text-wrap  {float:left; width:calc(100% - 405px); padding-bottom: 70px; border-bottom:1px solid #707070; }
.composers-wrap .list .text-wrap p { margin-bottom:10px;  }

.composers-wrap .list.none-img { } 
.composers-wrap .list.none-img .text-wrap { margin-left:405px;   } 

.composers-wrap .list .name1 { font-size:24px; color:#000; margin-bottom:10px;   }
.composers-wrap .list .name2 { font-size:32px; color:#000; font-weight:bold;    }


}

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

	
		.sub-contents {padding-left:0px; padding-right:0px;   }
	.sub-contents .sub-tab-menu li a { font-size:16px;  }



}





#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;}




@media (max-width: 991px) {


body:before { position:absolute; top:0px; left:0px; content:''; display:block; width:77% ; height:142px; z-index:-1; background: #F0F0F0; }

	.mw10 { width:10%;  }
	.mw20 { width:20%;  }
	.mw30 { width:30%;  }
	.mw40 { width:40%;  }
	.mw50 { width:50%;  }
	.mw60 { width:60%;  }
	.mw70 { width:70%;  }
	.mw80 { width:80%;  }
	.mw90 { width:90%;  }
	.mw100 { width:100%; margin:0px !important;   }

	.sub {}



	.sub-top-title-wrap { width:100%; background-repeat:no-repeat;  background-position:center top; background-size:cover;  height: 100px;   padding-top:40px;  text-align:center;margin-bottom:15px;   }
	.sub-top-title-wrap h3 { font-size:24px;   color:#fff; font-weight:bold;   }
	.sub-top-title-wrap h3 b { display:none;  }

	.sub-contents {   padding-top:30px; padding-bottom:30px;  font-size:14px;  color:#000;   }
	.sub-contents .sub-content-top {  padding-bottom:20px;  position:relative; text-align:center; }
	.sub-contents .sub-content-top  .breadcrumb {   background: none; margin-bottom:40px;padding:0px;   font-size:0px;  }
	.sub-contents .sub-content-top  .breadcrumb li { display:inline-block;  font-size:14px;  }
	.sub-contents .sub-content-top  .breadcrumb li b { display:none; }
		.sub-contents .sub-content-top  .breadcrumb *{ vertical-align:top;  }
	.sub-contents .sub-content-top  .breadcrumb li img { width:16px;  }
	.sub-contents .sub-content-top  .breadcrumb > li + li:before {    content: ">";    color: #555;   font-family: cursive; }
	.sub-contents .sub-content-top  .breadcrumb a { margin:0 10px; color:#747474; }
	.sub-contents .sub-content-top  .breadcrumb a strong { color:#000;  }


	.sub-contents .sub-content-top h1 { font-size:24px; margin-bottom:20px; line-height:1.6;  font-weight:normal;    }
	.sub-contents .sub-content-top h1 b { font-size:16px;font-weight:bold;  display:block; color:#747474;  }


	.sub-contents .sub-tab-menu { width:100%;  margin-bottom:30px; font-size:0px;  text-align:center;  }
	.sub-contents .sub-tab-menu li { display:inline-block;  width:110px; height:50px; }
	.sub-contents .sub-tab-menu li a { display:table-cell;  vertical-align:middle; width:330px; height:50px;   border:1px solid #000; text-align:center; font-size:16px; color:#000; }
	.sub-contents .sub-tab-menu li a.active { background:#000; color:#fff;  }



	.sub-contents .text-box {  background:#F0F0F0; color:#000;  padding:15px; margin-bottom:35px;   }
	.sub-contents p {  font-weight:200; }
	.sub-main-contents { padding:0 15px;  }
	.sub-contents h2 {  font-size:0.7rem;  color:#000; margin-bottom:0.5rem; margin-top:0.9rem; padding-left:25px; background:url(../images/sub/bul1.png) no-repeat left 1px;  background-size:16px auto; }
	.sub-contents h2:first-child {   margin-top:0px;  }
	.sub-contents h3 {  font-size:0.64rem; margin-bottom:0.3rem;  padding-left:20px; background:url(../images/sub/bul2.png) no-repeat left 3px;}
	.sub-contents ul.bul li { padding-left:20px;  background:url(../images/sub/bul3.png) no-repeat 2px 7px;  margin-bottom:0.4rem; font-size:0.58rem;  }
	.sub-contents ul.bul li ul { margin-top:0.2rem; margin-bottom:0.4rem;  }
	.sub-contents ul.bul li ul li { padding-left:15px; color:#555; background:url(../images/sub/bul4.png) no-repeat 2px 9px; margin-bottom:0.15rem;  font-weight:200; }

	.sub-contents .contents-table { border-top:2px solid #000;  width:100%; overflow-x:auto;  }
	.sub-contents .contents-table table { border-collapse:collapse; width:99.9999%;border-left:1px solid #c9c9c9;  font-size:0.58rem; }
	.sub-contents .contents-table table thead th {  background:#f1f1f1; color:#444; text-align:center;   font-size:0.58rem; border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding:0.4rem 0.3rem;   }
	.sub-contents .contents-table table tbody th { color:#444; background:#f5f5f5;  border-bottom:1px solid #c9c9c9;   font-size:0.58rem; border-right:1px solid #c9c9c9; padding:0.4rem 0.3rem;   }
	.sub-contents .contents-table.form-table table tbody th {   background:#f1f1f1; color:#444; text-align:center;   font-size:0.58rem; border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding:0.4rem 0.3rem;   }
	.sub-contents .contents-table table tbody td { color:#444;  border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding:0.4rem 0.3rem;    font-size:0.58rem; }

	.sub-contents .contents-btn  a {  font-weight:normal;  display:inline-block; padding:10px 30px; height:40px; border-radius:20px;  color:#000;  border:1px solid #000; margin:0 3px;  }
	.sub-contents .contents-btn  a.btn2 { color:#fff; background:#000;  border:1px solid #000; }
	.sub-contents .contents-btn  a.btn3 { color:#000; background:#F0F0F0;  border:1px solid #F0F0F0; }
	.sub-contents .contents-btn  button  {  font-weight:normal;  display:inline-block; padding:10px 30px; min-width:240px; height:60px; border-radius:30px;  color:#000;  border:1px solid #000; margin:0 5px; }
	.sub-contents .contents-btn  button.btn2  {color:#fff; background:#000;  border:1px solid #000;  }
	.sub-contents .contents-btn  button.btn3  {color:#000; background:#F0F0F0;  border:1px solid #F0F0F0; }




/*음악제*/
.composers-wrap {  }
.composers-wrap .list {  margin-bottom:50px;   }
.composers-wrap .list:after {  clear:both; display:table; content:'';     }
.composers-wrap .list .img  { text-align:center; margin-bottom:30px;  }
.composers-wrap .list .img  img { max-width:270px; margin:0 auto; }
.composers-wrap .list .text-wrap  { padding-bottom: 40px; border-bottom:1px solid #707070; }
.composers-wrap .list .text-wrap p { margin-bottom:10px;  }


.composers-wrap .list .name1 { font-size:18px; color:#000; margin-bottom:10px;   }
.composers-wrap .list .name2 { font-size:24px; color:#000; font-weight:bold;    }



	/*인풋창 스타일*/
.form-table input[type="text"] , .form-table select , .form-table input[type="password"] , .form-table .form-btn {  height:35px;  border:1px solid #dedede; border-radius:5px;  }
.form-table input[type="radio"]  { margin:0 5px;  }
.form-table .texarea { max-height:300px; height:300px;  overflow-y:auto; border:1px solid #dedede; border-radius:5px;  }
.form-table .form-btn{  border:0px; vertical-align:middle; margin-top:1px;  margin-left:-5px; height:35px; padding:0 20px; font-size:14px;    border-radius:25px;  display:inline-block; color:#517ea8; background:#f1f7ff;   border:1px solid #517ea8;  }
.form-table .input-wrap {  margin:5px 10px 5px 5px;  }





#pageSurvey dl dd input[type='text'] {width: 78%;}
#pageSurvey dl dd button {width: 22%;}


}