/*
개발공사 2018 서브
*/

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

strong ,.bold { font-weight:bold;  }
.text-red { color:#eb000a !important;  }
.text-blue { color:#3e5098 !important;  }
.block { display:block;  }
.clear { clear:both;  }

.btn-primary { background-color: #0f449c; }
.btn-default { background-color: #8B8B8B; border: 1px solid #8B8B8B; color: #fff;}
.btn-danger { background-color: #fb6858; }
.btn-info { background-color: #0194dc; border:1px solid #0080BF;}
.btn-black { background-color: #000; color: #fff;}
a.btn-black:hover {color: #fff;}
.btn-lg {min-width: 180px; font-size: 16px;}

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


	.sub-top-title-wrap { width:100%; background-repeat:no-repeat; font-weight:bold; background-position:center top;  height: 300px;   padding-top:120px;  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-wrap { width:100%; height:66px;  border-bottom:1px solid #E5E5E5;   }
	.sub-menu-wrap .container { position:relative; padding-left:50px; padding-right:50px;  }
	.sub-menu-wrap .sub-menu {  float:left; width:100%; height:65px; border-left:1px solid #E5E5E5;   }
	.sub-menu-wrap .sub-menu li {border-right:1px solid #E5E5E5;  position:relative;z-index:90;  float:left;padding-top:15px;height:65px;  padding-left:25px; padding-right:25px;  width:305px; letter-spacing:-1.5px;  font-size:20px;  }
	.sub-menu-wrap .sub-menu li a { color:#222; display:block;  padding-bottom:5px; padding-top:5px;   }
	.sub-menu-wrap .sub-menu li a i.icon-angle-down {position:absolute;   top:23px; right:20px;  }
	.sub-menu-wrap .sub-menu li a:hover {   }
	.sub-menu-wrap .sub-menu li.active { }
	.sub-menu-wrap .sub-menu li.active a {  }
	.sub-menu-wrap .sub-menu li.home {padding-left:20px; padding-right:20px; padding-top:15px;  width:auto; }
	.sub-menu-wrap .sub-menu li.home a {color:#222; }
	.sub-menu-wrap .sub-menu li  ul {display:none; padding-top:15px; padding-bottom:5px;  position:absolute; top:66px; left:0px;  background:#F6F6F6;   width:305px;  }
	.sub-menu-wrap .sub-menu li  ul li {position:relative; border-right:0px; float:none; display:inline-block;   height:auto; background:none; margin-bottom:14px;  font-size:16px;padding-top:0px; padding-bottom:0px;   }
	.sub-menu-wrap .sub-menu li  ul li a { color:#222; display:inline-block;padding:0px;    }
	.sub-menu-wrap .sub-menu li  ul li a:hover { color:#222;}
	.sub-menu-wrap .sub-menu li  ul li a.active { color:#222;  text-decoration:underline; }
	
	.sub-contents-top {padding-top:90px; padding-bottom:25px;   }
	.sub-contents-top h1 { text-align:center;   font-size:30px; font-weight:bold; color:#000;  position:relative;  padding-bottom:30px;   }
	.sub-contents-top h1:after { background:#4B53E5; width:85px; height:5px; position:absolute; bottom:0px; left:50%; margin-left:-42.5px; content:''; display:inline-block;   }
	.sub-contents-top  .breadcrumb {  position:absolute; top:90px; right:0px;   background: none; margin-bottom:20px;padding:0px; font-size:16px; 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:50px; 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 .sub-tab-menu.tab-menu12 li  { width:16.6666%; }

	.sub-contents .text-box {  background:#f1f1f1; padding:30px 15px; margin-bottom:35px;   }
	.sub-contents p { }
	.sub-contents h2 {  font-size:32px; font-weight:bold; margin-bottom:30px;  margin-top:40px; }
	
	.sub-contents h2:first-child {   margin-top:0px;  }
	.sub-contents h3 { font-size:24px; margin-bottom:20px;  }
	.sub-contents h3.bul { padding-left:25px; background:url(../images/sub/bit01.png) no-repeat left 2px;  }

	.sub-contents ul.bul li { padding-left:15px;  margin-bottom:10px;  font-size:20px;  position:relative; }
	.sub-contents ul.bul li:before {content:''; display:block; width:5px; height:5px; border-radius:100%; background:#000; position:absolute; top:12px; left:3px; }
	.sub-contents ul.bul li ul {  margin-top:8px; margin-bottom:13px;  }
	.sub-contents ul.bul li ul li { padding-left:15px;  margin-bottom:3px; font-size:18px;   }
	.sub-contents ul.bul ul li:before {content:''; display:block; width:5px; height:2px;  background:#000; position:absolute; top:12px; left:3px; }

	.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:16px; }
	.sub-contents .contents-table table thead th { font-weight:bold; background:#f1f1f1; color:#444; text-align:center; border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding:15px;  font-size:22px;  }
	.sub-contents .contents-table table tbody th { color:#444; background:#f5f5f5; text-align:center; border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding:15px; font-size:22px;  }
	.sub-contents .contents-table.form-table table tbody th {   font-weight:bold; background:#f1f1f1; color:#444;  border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding:15px; font-size:22px;  }
	.sub-contents .contents-table table tbody td { color:#444;  border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding:15px; font-size:20px;  }
	.sub-contents .fc table  { width:99.9%;}


	.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:#bebebe; background:#f1f1f1;  border:1px solid #bebebe; }
	.sub-contents .contents-btn  a.btn3 { color:#e6e6e6; background:#fff;  border:1px solid #e6e6e6; }
	.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; border-radius:20px; color:#fff; background:#3e5098; margin:0 5px;  }
	.sub-contents .contents-btn  button.btn2  {color:#3e5098; background:#cddcef;   }




}

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



}



.con-box {border: 1px solid #ddd; padding: 30px; margin-bottom: 40px;}
.con-box-gray {padding: 20px; background: #f5f5f5;}
.con-box-gray.schedule {margin-bottom:40px;}
.con-box-gray.schedule p {padding:0;}

.certification-box {margin:40px 30px; height: 410px; padding: 40px 70px; text-align: center;}
.certification-box h4 a {display: inline-block; min-width: 110px; padding-top: 130px; color: #333;}
.certification-phone h4 a {background: url(/pub/site/default/images/sub/img_certification_01_m.jpg) no-repeat center 0; background-size: 65px auto;}
.certification-ipin h4 a {background: url(/pub/site/default/images/sub/img_certification_02_m.jpg) no-repeat center 0; background-size: 104px auto;}
.certification-box-txt {padding-bottom: 60px;}






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

	.sub {}


	.sub-top-title-wrap { width:100%; background-repeat:no-repeat; font-weight:bold; background-position:center top; text-align:center; background-size:cover;   height: 100px;  text-align:center; color:#fff; padding-top:32px;  }
	.sub-top-title-wrap h3 {  font-size:24px; letter-spacing:2px;  }

	.sub-menu-wrap { width:100%; height:50px;   border-bottom:1px solid #EAEAEA;     position:relative;   z-index:100; }
	.sub-menu-wrap .container { text-align:center; }
	.sub-menu-wrap .sub-menu {   height:50px; font-size:0px;  }
	.sub-menu-wrap .sub-menu li { z-index:90;  text-align:left;  display:inline-block; padding-top:10px;height:50px;    width:100% ; letter-spacing:-1.5px;  font-size:14px;  }
	.sub-menu-wrap .sub-menu li.menu01 { display:none;  }
	.sub-menu-wrap .sub-menu li a {  position:relative; color:#000; display:block;  padding-bottom:5px; padding-top:5px;   }
	.sub-menu-wrap .sub-menu li a i.icon-angle-down {position:absolute;   top:10px; right:0px;  }
	.sub-menu-wrap .sub-menu li a:hover {   }
	.sub-menu-wrap .sub-menu li.active {  }
	.sub-menu-wrap .sub-menu li.active a { font-weight:bold;   }
	.sub-menu-wrap .sub-menu li.home {display:none; }
	.sub-menu-wrap .sub-menu li  ul {display:none;  z-index:100; padding-top:15px; padding-left:15px; padding-right:15px;  padding-bottom:15px;  position:absolute; top:50px; left:0px;  background:#F6F6F6;   width:100%;   border-bottom:1px solid #EAEAEA;  }
	.sub-menu-wrap .sub-menu li  ul li {position:relative; border-right:0px; float:none; display:block;  width:auto;   height:auto; background:none;   font-size:14px;   }
	.sub-menu-wrap .sub-menu li  ul li a { color:#000;   font-weight:normal;  display:block ;width:100%;  padding:0px ;  }
	.sub-menu-wrap .sub-menu li  ul li a:hover { color:#000; font-weight:normal;   }
	.sub-menu-wrap .sub-menu li.active  ul li a {  font-weight:normal;  }
	.sub-menu-wrap .sub-menu li  ul li a.active { color:#000;font-weight:normal; text-decoration:underline;  }



	.sub-contents {   font-size:14px;  color:#000;  padding-left:15px; padding-right:15px;  }

	.sub-contents-top {padding-top:40px; padding-bottom:10px;   }
	.sub-contents-top h1 { text-align:center;   font-size:20px; font-weight:bold; color:#000;  position:relative;  padding-bottom:20px;   }
	.sub-contents-top h1:after { background:#4B53E5; width:60px; height:3px; position:absolute; bottom:0px; left:50%; margin-left:-30px; content:''; display:inline-block;   }
	.sub-contents-top  .breadcrumb {  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:30px;  }
	.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:#f1f1f1;   padding:0.6rem 0.4rem; margin-bottom:0.6rem;   }
	.sub-contents p { }
	.sub-contents h2 {  font-size:0.78rem; font-weight:bold; color:#444; margin-bottom:0.7rem;  margin-top:0.9rem; }
	.sub-contents h2:first-child {   margin-top:0px;  }
	.sub-contents h3 { font-size:0.68rem; font-weight:bold; color:#444; margin-bottom:0.5rem;  }
	.sub-contents h3.bul { padding-left:20px; background:url(../images/sub/bit01.png) no-repeat left 1px;  background-size:16px auto; }
	.sub-contents ul.bul li { padding-left:12px; position:relative;   background:url(../images/sub/bit02.png) no-repeat 2px 7px;  margin-bottom:0.4rem; font-size:0.6rem;  }
	.sub-contents ul.bul li:before {content:''; display:block; width:3px; height:3px; border-radius:100%; background:#000; position:absolute; top:8px; left:5px; }
	.sub-contents ul.bul li ul {  margin-top:0.2rem; margin-bottom:0.4rem;  }
	.sub-contents ul.bul li ul li { padding-left:12px; background:url(../images/sub/bit03.png) no-repeat 2px 9px; margin-bottom:0.15rem; font-size:0.58rem; }
	.sub-contents ul.bul ul li:before {content:''; display:block; width:3px; height:2px;  background:#000; position:absolute; top:8px; left:5px; }


	.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 { font-weight:bold; 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; text-align:center; 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 {  font-weight:bold; 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:0.3rem 0.6rem; color:#000;  border:1px solid #000; margin:0 5px;  }
	.sub-contents .contents-btn  a.btn2 { color:#bebebe; background:#f1f1f1;  border:1px solid #bebebe; }
	.sub-contents .contents-btn  a.btn3 { color:#e6e6e6; background:#fff;  border:1px solid #e6e6e6; }
	.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:#3e5098; background:#cddcef;   }



.con-box {padding: 15px; 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;  }





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



}