/*
개발공사 2018 서브
*/

.sub {
  z-index: 1;
  word-break: keep-all;
  color: #555;
}
.sub a {
}
strong ,.bold { font-weight:bold;  }
.text-color { color:#EABE37 !important;  }
.text-red { color:#eb000a !important;  }
.text-blue { color:#3e5098 !important;  }
.block { display:block;  }
.clear { clear:both;  }




	/*인풋창 스타일*/
.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; padding:0 5px;  margin:2px 0 ; }
.year-top-sel {  height:35px;  border:1px solid #dedede; border-radius:5px; padding:0 5px;  }
.form-table input[type="radio"]  { margin:0 5px;  }
.form-table .texarea { max-height:300px; height:300px;  padding:5px; 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;   font-weight:bold; border-radius:25px;  display:inline-block; color:#517ea8; background:#f1f7ff;   border:1px solid #517ea8;  }
.form-table .input-wrap {  margin:5px 10px 5px 5px;  }




.scroll-box { border:1px solid #ccc; padding:20px; max-height:300px; overflow-y:auto;  }
.chk { /*  background: #f5f5f5;  */  text-align:center;  padding: 15px;}
.chk p {  display:inline-block; margin:0 20px;  }
.chk p label { font-weight:normal;  }

.label-wrap { margin:0 15px;  }


@media (min-width: 992px) {

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



    .hidden-sm-down {display:none !important; }


	.header .gnb { background:#fff;  }
	.header .gnb .menu h3 a { color:#000;  }
	.header .search-open { background:url(../images/common/search_b.svg) no-repeat left center;  }
	.header .search-btn a.search-close  {display:none;  background:url(../images/common/close_b_x3.png) no-repeat center center; background-size:26px auto;   }

	.sub-top-bg { height:328px; width:100%;  background-repeat:no-repeat; background-position:center top;position:absolute; top:0px; left:0px; z-index:-1; }
	.sub-top-title-wrap { width:100%;  font-weight:bold;   height: 200px;   padding-top:90px;  text-align:center;  }
	.sub-top-title-wrap h3 { font-size:40px;  letter-spacing:2px;  color:#fff; font-weight:normal;  }

	.sub-contents {     font-size:18px;  color:#000;   }

	.sub-menu {background-color: #fff; height: 71px; border-bottom: 1px solid #ccc;}
	.sub-menu:after { content:''; display:table; clear:both;  }
	.sub-menu .sub-menu-list { float:left; line-height:70px; border-left:1px solid #ccc; }
	.sub-menu .sub-menu-list>li { position:relative; z-index:20; float:left; padding:0 20px; min-width:250px; border-right:1px solid #ccc; font-size:18px; }
	.sub-menu .sub-menu-list>li>a { display:block; color:#000; padding-right:30px;}
	.sub-menu .sub-menu-list>li.active>a,
	.sub-menu .sub-menu-list>li>a:hover { color:#EABE37; text-decoration: none; font-weight:bold;  }
	.sub-menu .sub-menu-list>li>a img { position:absolute; top: 32px; right:20px; }
	.sub-menu .sub-menu-list>li.home {text-align:center; min-width:auto; padding: 0; }
	.sub-menu .sub-menu-list>li.home>a { padding-right:0px; color: #fff; display: block;width: 70px; height: 70px; background: #333; }
	.sub-menu .sub-menu-list>li.home>a img {position: relative; top: auto; right: auto;}
	.sub-menu .sub-menu-list>li ul {display:none; position:absolute; top:70px; left:0px; right:0; padding:5px 20px; line-height:20px; border:1px solid #ccc; background-color:#fff; }
	.sub-menu .sub-menu-list>li ul li {padding:10px 0;}
	.sub-menu .sub-menu-list>li ul li a { color:#000; }
	.sub-menu .sub-menu-list>li ul li a.active,
	.sub-menu .sub-menu-list>li ul li a:hover { color:#EABE37; text-decoration: none;  font-weight:normal; }
	
	.sub-contents-top {padding-top:80px; padding-bottom:50px;  position:relative;   }
	.sub-contents-top h1 {   font-size:36px; font-weight:bold; color:#000;   padding-left:40px; background:url(../images/sub/bull_y.png) no-repeat left 10px; }
	.sub-contents-top  .breadcrumb {  position:absolute; top:-45px; right:0px;   background: none; margin-bottom:20px;padding:0px; font-size:16px; color:#666;    }
	.sub-contents-top  .breadcrumb > li + li:before {    content: ">";    color: #666;  font-family: cursive;}
	.sub-contents-top  .breadcrumb a  { color:#666;  }
	.sub-contents-top  .breadcrumb a strong { color:#000; }
	

	.sub-contents-main { ; padding-bottom:50px; }

	.sub-contents .sub-tab-menu { width:100%;  margin-bottom:50px;  }
	.sub-contents .sub-tab-menu li { float:left; width:25%; margin-top:-1px; }
	.sub-contents .sub-tab-menu li a { display:table-cell;  vertical-align:middle; width:300px;  margin-left:-1px;  border:1px solid #c9c9c9; text-align:center; font-size:18px; color:#666; height:60px; }
	.sub-contents .sub-tab-menu li a.active { background:#444; color:#fff;  border:0px; }

	.sub-contents .text-box {  background:#f7f7f7; padding:30px; margin-bottom:35px;   }
	
	.sub-contents .border-text-box { background:#f7f7f7; padding:30px;  border-top:2px solid #000; }

	.sub-contents .text-box   ul.bul li { font-size:16px;  }
	.sub-contents p {margin-bottom:10px;  }
	.sub-contents h2 {  font-size:24px; font-weight:normal; margin-bottom:30px;  margin-top:40px;  color:#000; }
	.sub-contents h2:first-child {   margin-top:0px;  }
	.sub-contents h3 { font-size:20px; margin-bottom:20px;  color:#000; font-weight:normal;  }
	.sub-contents h3.bul {padding-left:15px; background:url(../images/sub/bull_b.png) no-repeat left 10px;  margin-bottom:10px;  font-size:20px; }

	.sub-contents ul.bul li { padding-left:15px; background:url(../images/sub/bull_b.png) no-repeat left 10px;  margin-bottom:10px;  font-size:18px;  color:#000; }
	.sub-contents ul.bul li ul {  margin-top:8px; margin-bottom:13px;  }
	.sub-contents ul.bul li ul li { padding-left:15px; background:url(../images/sub/bull_line.png) no-repeat left 10px; margin-bottom:3px; font-size:16px;  color:#666;   }

	.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%;  font-size:16px; }
	.sub-contents .contents-table table thead th { font-weight:bold; background:#f7f7f7; color:#444; text-align:center; border-bottom:1px solid #c9c9c9;  padding:15px;   }
	.sub-contents .contents-table table tbody th { color:#444; background:#f5f5f5;  border-bottom:1px solid #c9c9c9;  padding:15px;  }
	.sub-contents .contents-table.form-table table tbody th {   font-weight:bold; background:#f7f7f7; color:#444;  border-bottom:1px solid #c9c9c9;  padding:15px;   }
	.sub-contents .contents-table table tbody td { color:#444;  border-bottom:1px solid #c9c9c9;  padding:15px; }
	.sub-contents  .contents-table table  ul.bul li { font-size:16px;  }
	.sub-contents .contents-btn  a { font-weight:normal;  display:inline-block; padding:10px 30px; color:#000;  border:1px solid #000; margin:0 5px;  }
	.sub-contents .contents-btn  a.btn2 { color:#000; background:#EABE37;  border:1px solid #EABE37;  }
	.sub-contents .contents-btn  a.btn3 { color:#fff; background:#888;  border:1px solid #888; }
	.sub-contents .contents-btn  a.btn4 { color:#fff; background:#000; }
	.sub-contents .contents-btn  button  { border:0px;  font-weight:normal;  display:inline-block; padding:10px 30px; color:#fff; background:#3e5098; margin:0 5px;  }
	.sub-contents .contents-btn  button.btn2  {color:#000; background:#EABE37;   }
	.sub-contents .contents-btn  button.btn3  {color:#fff; background:#888;   }
	.sub-contents .contents-btn  button.btn4  {color:#fff; background:#000;   }
	.sub-contents .contents-btn.contents-btn-sm a ,.sub-contents .contents-btn.contents-btn-sm  button { padding:5px 15px;  }



	/*작품접수 기간 아닙니다.*/
	.receipt-no-info { padding-top:430px; text-align:center; background:url(../images/sub/img.png) no-repeat center top; ;  }
	.receipt-no-info p { font-size:18px; margin-bottom:10px;  color:#000;  }
	.receipt-no-info .title {font-size:36px; margin-bottom:30px; }



/*공모페이지*/
.gongmo-wrap {}
.sub-contents .gongmo-wrap  h2 { margin-bottom:20px;  }
.gongmo_step { margin-bottom:60px; font-size:0px;      text-align: center;}
.gongmo_step:after { clear:both; display:table; content:''; }
.gongmo_step li { display:inline-block; text-align:center;  width:25%; padding-left:25px; position:relative;  vertical-align:top; font-size:16px;}
.gongmo_step li:before { position: absolute; top:50%;  margin-top:-5px;  lefT:-5px;  background:url(/pub/site/story/images/sub/arrow.svg) no-repeat left top;  width:35px; height:11px;  content: "";    color: #555;   font-family: cursive;  }
.gongmo_step li:first-child:before  {background:none;  }
.gongmo_step li  div { display:block; color:#fff; margin:0 auto;   background:url(/pub/site/story/images/sub/gray.png) no-repeat left top;  width:180px; padding-top:5px;  height:180px;  border-radius:90px;  box-sizing:border-box;text-align:center; line-height: 22px; }
.gongmo_step li span { display:block;  }
.gongmo_step li span.text1 { height:60px; padding-top:20px;  }
.gongmo_step li span.text2 { color:#444;  display:table-cell; width:10000px; height:80px; vertical-align:middle; }
.gongmo_step li span img { width:60px;  }
.gongmo_step li.on  div { background:url(/pub/site/story/images/sub/img_y.png) no-repeat left top; }


.gongmo-wrap  .recommend-num {  background:#fff; padding:30px 20px; border-radius:20px;  text-align:center;   font-size:0px; }
.gongmo-wrap  .recommend-num p {display:inline-block;padding:8px 4px;   }
.gongmo-wrap  .recommend-num label {  display:block;  margin-bottom:10px; width:48px; font-size:22px;  height:48px; background:#00FEB5; color:#000; font-weight:bold; padding-top:8px;  border-radius:10px;   }
.gongmo-wrap  .recommend-num input { width:18px; height:18px;  }

.gongmo-wrap	.gongmo-complete { padding-top:400px; text-align:center; background:url(../images/sub/img_01.png) no-repeat center top; ;  }
.gongmo-wrap	.gongmo-complete p { font-size:18px; margin-bottom:10px;  color:#000;  }




}

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

	.sub-menu-wrap {   margin-left:45px; margin-right:45px;  }
	.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) {

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


    .hidden-md-down {display:none !important; }
    .hidden-lg-down {display:none !important; }



	.header  {  background:url(../images/common/utill_line_02.png) repeat-x left top; }
	.menu-open a {  background:url(../images/common/menu_b.svg) no-repeat left center;   }
	.header .search-open { background:url(../images/common/search_b.svg) no-repeat left center;  }
	.header .search-btn a.search-close  {display:none;  background:url(../images/common/close_b_x3.png) no-repeat center center; background-size:26px auto;   }

	.sub {}
	.sub-top-bg { height:260px; width:100%;  background-repeat:no-repeat; background-position:center top;position:absolute; top:0px; left:0px; z-index:-1; }
	.sub-top-title-wrap { width:100%;  font-weight:bold;   height: 150px;   padding-top:60px;  text-align:center;  }
	.sub-top-title-wrap h3 { font-size:32px;  letter-spacing:2px;  color:#fff; font-weight:normal;  }

	.sub-contents {     font-size:14px;     }
	.sub-menu {display:none; }

	.sub-contents {   font-size:14px;  color:#000;  padding-left:15px; padding-right:15px;  }
	.sub-contents-top {padding-top:30px; padding-bottom:15px;  position:relative;   }
	.sub-contents-top h1 {   font-size:22px;  font-weight:bold; color:#000;   padding-left:30px; background:url(../images/sub/bull_y.png) no-repeat left 4px; background-size:18px auto;  }
	.sub-contents-top  .breadcrumb { display:none;  position:absolute; top:40px; right:0px;   background: none; margin-bottom:20px;padding:0px; font-size:14px; color:#666;    }
	.sub-contents-top  .breadcrumb > li + li:before {    content: ">";    color: #666;  }
	.sub-contents-top  .breadcrumb a strong { color:#666;  }

	.sub-contents-main {  padding-top:30px; padding-bottom:60px;  }
	.sub-contents .sub-tab-menu { width:100%;  margin-bottom:40px;  }
	.sub-contents .sub-tab-menu li { float:left; width:25%; margin-top:-1px; }
	.sub-contents .sub-tab-menu li a { display:table-cell;  vertical-align:middle;  width:500px;  margin-left:-1px;  border:1px solid #c9c9c9; text-align:center; font-size:0.55rem; color:#222; height:1.8rem; }
	.sub-contents .sub-tab-menu li a.active { background:#444; color:#fff;  border:0px; }


	.sub-contents a.source-trigger { position:relative; background: url(../images/common/tab_bg.jpg) repeat left top ; padding:0.4rem;  color:#fff;  font-size:0.7rem; }
	.sub-contents a.source-trigger i  {position:absolute; top:35%; right:15px;  }

	ul.tab-menu {    border: 1px solid #ddd;  }
	ul.tab-menu li {text-align:center;     border-bottom:1px solid #ddd;  }
	ul.tab-menu li:last-child {    border-bottom: 0;  }
	ul.tab-menu li a {  	    display: block;	font-weight:bold;     padding:10px;    color:#555;  }
	ul.tab-menu li a:hover, ul.tab-menu li a.active {    background:#e3f0ff;     color: #000;  }



	.sub-contents .text-box {background:#f7f7f7;   padding:0.6rem; margin-bottom:0.6rem;   }
	.sub-contents .border-text-box { background:#f7f7f7; padding:0.6rem; border-top:2px solid #000; }

	.sub-contents .text-box   ul.bul li { font-size:14px;  }
	.sub-contents p {margin-bottom:0.4rem;  }
	.sub-contents h2 {  font-size:20px; font-weight:normal; color:#000; margin-bottom:0.7rem;  margin-top:0.9rem; }
	.sub-contents h2:first-child {   margin-top:0px;  }
	.sub-contents h3 { font-size:18px; font-weight:normal; color:#000; margin-bottom:0.5rem;  }
	.sub-contents h3.bul { padding-left:20px; background:url(../images/sub/bull_b.png) no-repeat left 1px;  background-size:16px auto; }
	.sub-contents ul.bul li { padding-left:15px;  background:url(../images/sub/bull_b.png) no-repeat 2px 10px;  margin-bottom:0.4rem; font-size:16px;  color:#000; }
	.sub-contents ul.bul li ul {  margin-top:0.2rem; margin-bottom:0.4rem;  }
	.sub-contents ul.bul li ul li { padding-left:15px; background:url(../images/sub/bull_line.png) no-repeat 2px 10px; margin-bottom:0.15rem; font-size:14px; color:#666;  }

	.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%;  font-size:14px; }
	.sub-contents .contents-table table thead th { font-weight:bold; background:#f7f7f7; color:#000; text-align:center;    border-bottom:1px solid #c9c9c9;  padding:0.4rem 0.3rem;   }
	.sub-contents .contents-table table tbody th { color:#444; background:#f5f5f5;  border-bottom:1px solid #c9c9c9;     padding:0.4rem 0.3rem;   }
	.sub-contents .contents-table.form-table table tbody th {  font-weight:bold; background:#f7f7f7; color:#000; text-align:center;  border-bottom:1px solid #c9c9c9;  padding:0.4rem 0.3rem;   }
	.sub-contents .contents-table table tbody td { color:#666;  border-bottom:1px solid #c9c9c9;  padding:0.4rem 0.3rem;     }
	.sub-contents  .contents-table table  ul.bul li { font-size:14px;  }

	.sub-contents .contents-btn  a { font-weight:normal;  display:inline-block; padding:0.3rem 0.6rem; color:#000;  border:1px solid #000; margin:0 5px;  }
	.sub-contents .contents-btn  a.btn2 { color:#000; background:#EABE37;  border:1px solid #EABE37;  }
	.sub-contents .contents-btn  a.btn3 { color:#fff; background:#888;  border:1px solid #888; }
	.sub-contents .contents-btn  a.btn4 { color:#fff; background:#000; }
	.sub-contents .contents-btn  button  { border:0px;  font-weight:normal;  display:inline-block; padding:0.3rem 0.6rem;  color:#000;  border:1px solid #000;margin:0 5px;  }
	.sub-contents .contents-btn  button.btn2  {color:#000; background:#EABE37;   }
	.sub-contents .contents-btn  button.btn3  {color:#fff; background:#888;   }
	.sub-contents .contents-btn  button.btn4  {color:#fff; background:#000;   }
	.sub-contents .contents-btn.contents-btn-sm a ,.sub-contents .contents-btn.contents-btn-sm  button { padding:0.15rem 0.3rem;  }
	
	
	/*작품접수 기간 아닙니다.*/
	.receipt-no-info { padding-top:200px; text-align:center; background:url(../images/sub/img.png) no-repeat center top; background-size:300px auto;   }
	.receipt-no-info p { font-size:14px; margin-bottom:5px;  color:#000;  }
	.receipt-no-info .title {font-size:24px; margin-bottom:20px; }





	/*인풋창 스타일*/
.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;   font-weight:bold; border-radius:25px;  display:inline-block; color:#517ea8; background:#f1f7ff;   border:1px solid #517ea8;  }
.form-table .input-wrap {  margin:5px 10px 5px 5px;  }




/*공모접수*/
.gongmo_step { margin-bottom:20px; font-size:0px;  text-align:center;  }
.gongmo_step:after { clear:both; display:table; content:''; }
.gongmo_step li {  display:inline-block;   padding-left:30px; position:relative; margin-bottom:15px;  font-size:14px;  vertical-align:top; }
.gongmo_step li:first-child {padding-left:0px; }
.gongmo_step li:before { position: absolute; top:50%;  margin-top:-5px;  lefT:5px;  background:url(/pub/site/story/images/sub/arrow.svg) no-repeat left top; background-size:20px auto;  width:20px; height:11px;  content: "";    color: #555;   font-family: cursive;  }
.gongmo_step li:first-child:before  {background:none;  }
.gongmo_step li  div { display:block;  background:#3473be; color:#fff; background:url(/pub/site/story/images/sub/gray.png) no-repeat left top; background-size:135px 135px;   width:135px;   height:135px;  border-radius:90px;  box-sizing:border-box;text-align:center; line-height: 22px; }
.gongmo_step li span { display:block;  }
.gongmo_step li span.text1 { padding-top:15px; height:40px; }
.gongmo_step li span.text2 {color:#444;  display:table-cell; width:10000px; height:85px; vertical-align:middle; }
.gongmo_step li.on  div { background:url(/pub/site/story/images/sub/img_y.png) no-repeat left top;  background-size:135px 135px;  }



.gongmo-wrap  .recommend-num {  background:#fff; padding:20px 15px; border-radius:15px;  text-align:center;   font-size:0px; }
.gongmo-wrap  .recommend-num p {display:inline-block;padding:8px 4px;   }
.gongmo-wrap  .recommend-num label {  display:block;  margin-bottom:5px; width:40px; font-size:16px;  height:40px; background:#00FEB5; color:#000; font-weight:bold; padding-top:8px;  border-radius:10px;   }


.gongmo-wrap	.gongmo-complete  { padding-top:200px; text-align:center; background:url(../images/sub/img_01.png) no-repeat center top; background-size:300px auto;   }
.gongmo-wrap	.gongmo-complete p  { font-size:14px; margin-bottom:5px;  color:#000;  }


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



}