/*
개발공사 2018 서브
*/

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

.color-text  { color:#0063c9 !important; }


@media (min-width: 992px) {

	
	.sub {position:relative; }
	.sub .sub-bg  { position:absolute; top:0px; left:0px; z-index:-1; width:100%; height:330px; background-repeat: no-repeat; background-position:center top;   }
	.sub-top-title-wrap { height:275px; color:#fff; padding-top:50px;text-align:center;   }
	.sub-top-title-wrap .text span {display:block;  font-size:16px; font-weight:bold; color:#eaeaea;  font-family: 'Arial';  margin-bottom:5px;  }
	.sub-top-title-wrap .text { font-size:24px; color:#eaeaea;  }
	.sub-top-title-wrap h3 { position:relative;  margin-top:65px;  font-size:60px; font-weight:normal; color:#fff; }
	.sub-top-title-wrap h3:before { position:absolute; top:-25px;  content:''; display:inline-block;  border-top:3px solid #fff; width:35px;margin:0 auto;  left:50%; margin-left:-17.5px;  }


	.sub-menu-wrap { width:100%; height:55px;  border-top:1px solid rgba(255,255,255,0.3); font-weight:100;  }
	.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 rgba(255,255,255,0.3);   }
	.sub-menu-wrap .sub-menu li {border-right:1px solid rgba(255,255,255,0.3);  position:relative;z-index:90;  float:left;padding-top:10px;height:54px;  padding-left:25px; padding-right:25px;  width:255px; letter-spacing:-1.5px;  font-size:20px;  }
	.sub-menu-wrap .sub-menu li a { color:#fff; display:block;  padding-bottom:5px; padding-top:5px;   }
	.sub-menu-wrap .sub-menu li a i.icon-down-open {position:absolute;   top:15px; right:20px;  }
	.sub-menu-wrap .sub-menu li a:hover {   }
	.sub-menu-wrap .sub-menu li.active { background:#0063c9; }
	.sub-menu-wrap .sub-menu li.active a {  }
	.sub-menu-wrap .sub-menu li.home {padding-left:20px; padding-right:20px; padding-top:14px;  width:auto; }
	.sub-menu-wrap .sub-menu li.home a {color:#fff; }
	.sub-menu-wrap .sub-menu li  ul {display:none; padding-top:11px; padding-bottom:5px;  position:absolute; top:54px; left:0px;  background:#0063c9; width:255px;  }
	.sub-menu-wrap .sub-menu li  ul li {position:relative; border-right:0px; float:none; display:inline-block;   height:auto; background:none; margin-bottom:10px;  font-size:16px;padding-top:0px; padding-bottom:0px;   }
	.sub-menu-wrap .sub-menu li  ul li a { color:#fff; display:inline-block;padding:0px;    }
	.sub-menu-wrap .sub-menu li  ul li a:hover { color:#fff;}
	.sub-menu-wrap .sub-menu li  ul li a.active { color:#fff;  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;  margin-bottom:20px; }
	.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;  }
	

.list-tab-menu { border:1px solid #ececec; background:#f6f6f6; text-align:center; padding:10px 0 ; margin-bottom:30px;   }
	.list-tab-menu:after {clear:both; content:''; display:table;   }
	.list-tab-menu li {  display:inline-block;  }
	.list-tab-menu li a {  font-size:22px; color:#888;  }
	.list-tab-menu li:before { content:'';  border-left:1px solid #888; height:14px;  display:inline-block; margin:0 20px;  }
	.list-tab-menu li:first-child:before { content:'';  margin:0px; border:0px;    }
	.list-tab-menu li.active a { color:#0063c9; 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; padding-left:20px; background:url(../images/sub/blit_h2.png) no-repeat left 8px;   }
	.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 10px;  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:99.9999%;  border-collapse:collapse; border-left:1px solid #e4e4e4;  }	
	.contents-table table thead th {padding:10px 15px; color:#000; background:#f2f2f2; 	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:center; }
	.contents-table table tbody th {padding:10px 15px; color:#000; background:#f2f2f2; 	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;  }



.big-text { font-size:18px; }

	/*인사말*/
	.greeting {}
	.greeting:after { content:''; display:table; clear:both;  }
	.greeting .img { float:left;   }
	.greeting .text { margin-left:300px;   }
	.greeting .text .title { font-size:24px;  }
	.greeting .text .name { font-size:18px;  }

	/*학과연혁*/
	.sub-main-contents .history:after {content:''; display:table; clear:both; }
	.sub-main-contents .history .years { position:relative;float:left; width:100%;   }
	.sub-main-contents .history .years:after {content:''; position:absolute; top:0px; left:0px; display:inline-block; border-bottom:1px solid #ddd;  width:20%; font-size:0px; }
	.sub-main-contents .history .years:first-child:after { border-bottom:0px;  }
	.sub-main-contents .history .years:first-child h2 { margin-top:0px;  }
	.sub-main-contents .history .years:first-child .right { padding-top:0px;  }
	.sub-main-contents .history .years h2 { float:left; width:20%; display:inline-block;  margin-top:30px;  }
	.sub-main-contents .history .years .right { float:left; width:82%; margin-left:-2%; padding-top:30px; padding-bottom:30px;  border-left:1px solid #ddd;  padding-left:2%; }
	.sub-main-contents .history .years .right:before { }
	.sub-main-contents .history .years .right dl { margin-bottom:15px;  }
	.sub-main-contents .history .years .right dl:after {content:''; display:table; clear:both; }
	.sub-main-contents .history .years .right dt { float:left; width:15%; font-size:18px; font-weight:bold; color:#413030; }
	.sub-main-contents .history .years .right dd { float:left; width:85%; padding-left:10px; background:url(../images/sub/blit_t.jpg) no-repeat left 8px; margin-top:3px;  }


/*역대회장단*/

.presidency {  }
.presidency .top { margin:0 -10px;  }
.presidency .top:after { clear:both;  content:''; display:table;   }
.presidency .top li { float:left; width:25%; height:280px;  padding:0 30px; text-align:center; margin-bottom:20px; }
.presidency .top li img { display:block; margin:0 auto 10px;  }
.presidency .top li span {display:inline-block; padding:10px 20px; width:100%;  background:#0063c9; color:#fff; border-radius:10px; font-size:18px; }

/*진행사업*/


.project {  }
.project .top-box {  background:#0063c9;  font-size:20px; text-align:center; color:#fff; padding:20px;  }


	/* 후보자 소개 */
	
	.candidate-list{display: flex; justify-content: space-between;}
	.candidate-list > div{width: 30%; text-align: center;}
	.candidate-list a{display: block; width: 100%; box-shadow: 0px 1px 10px #00000026; border: 1px solid #DDDDDD;}
	.candidate-list a:hover, .candidate-list a:active{text-decoration: none;}
	.candidate-list p.img{padding-bottom: 133%;}
	.candidate-list > div div{padding: 15.1px 0 18px;}
	.candidate-list span{display: inline-flex; align-items: center; height: 37px; padding: 0 13px; background: #004098; border-radius: 5px; margin-right: 8px; color: #fff; font-weight: bold; font-size: 18px; letter-spacing: 0px;}
	.candidate-list strong{font-size: 22px; color: #333333;}
	.candidate-list span strong{font-size: 18px; color: #FFF22A;}


	/* 후보자 정보 */
	
	.candidate-info{display: flex; flex-wrap: wrap;}
	.candidate-info .candidate-btn{width: 100%; padding-bottom: 21px; margin-bottom: 21px; border-bottom: 2px solid #000000;}
	.candidate-info .candidate-btn a{display: inline-flex; justify-content: center; align-items: center; height: 53px; padding: 0 32.5px; background: #F2F2F2; border: 1px solid #DDDDDD; color: #555555; font-size: 20px;}
	.candidate-info .candidate-btn a:hover, .candidate-info .candidate-btn a:active{text-decoration: none; background: #004098; border-color: #004098; color: #fff;}
	.candidate-info > .left{width: 276px;}
	.candidate-info > .left .img{padding-bottom: 133%;}
	.candidate-info > .right{width: calc(100% - 276px); padding-left: 40px;}
	.candidate-info > .right dl{display: flex;}
	.candidate-info > .right dt{position: relative; padding-left: 9.5px; font-size: 22px; color: #004098; font-weight: 400; letter-spacing: 0; margin-right: 19px;}
	.candidate-info > .right dt:before{content: ''; position: absolute; top: 13.5px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #004098;}
	.candidate-info > .right dd{font-size: 22px; color: #333333; letter-spacing: 0;}
	.candidate-info > .right dl+.btn-wrap{padding-top: 24.5px; margin-bottom: 31px;}
	.candidate-info > .right dl+.btn-wrap a{display: inline-flex; justify-content: center; align-items: center; height: 47px; color: #fff; font-size: 20px; letter-spacing: 0px; background: #555555; border-radius: 5px; padding: 0 17.5px 0 14px;}
	.candidate-info > .right dl+.btn-wrap a:hover, .candidate-info > .right dl+.btn-wrap a:active{text-decoration: none;}
	.candidate-info > .right dl+.btn-wrap i{font-size: 20px; margin-left: 12px;}
	.candidate-info .info-file{display: grid; grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)); gap: 13px;}
	.candidate-info .info-file a{display: flex; justify-content: space-between; align-items: center; height: 47px; color: #555555; font-size: 20px; letter-spacing: 0px; padding: 0 14.5px; border: 1px solid #DDDDDD; background: #fff; border-radius: 5px;}
	.candidate-info .info-file a:hover, .candidate-info .info-file a:active{text-decoration: none;}
	.candidate-info .info-file a+a{margin-top: 10px;}
	.candidate-info > .btn-wrap{width: 100%; padding-top: 60px; text-align: center;}
	.candidate-info > .btn-wrap a{display: inline-flex; justify-content: space-between; align-items: center; height: 52px; font-size: 20px; color: #fff; font-weight: bold; padding: 0 19.5px; background: #004098; border-radius: 10px;}
	.candidate-info > .btn-wrap a:hover, .candidate-info > .btn-wrap a:active{text-decoration: none;}

	
	/* 실시간 중계 */

	.candidate-video h3{font-size: 20px; color: #004098; margin-bottom: 42px;}
	.candidate-video .list{border-top: 2px solid #000000;}
	.candidate-video .list dl{display: flex; justify-content: space-between; align-items: center; height: 56px; border: 1px solid #DDDDDD; border-radius: 5px; padding: 0 7px 0 20px; margin-top: 20px;}
	.candidate-video .list dt{font-size: 20px; font-weight: bold; color: #333333; letter-spacing: 0px;}
	.candidate-video .list dd a{display: flex; justify-content: center; align-items: center; width: 130px; height: 42px; font-size: 18px; color: #fff; background: #333333; border-radius: 5px;}
	.candidate-video .list dd a i{font-size: 18px; margin-left: 9px;}


	/* 정책홍보게시판 */

	.view.pmvideo-view {width: 100%; border-top: 2px solid #000;}
	.view.pmvideo-view th, .view.pmvideo-view td{padding: 15px 5px;}
	.view.pmvideo-view thead th{text-align: center; padding: 15px 0; border-bottom: 1px solid #ccc;}
	.view.pmvideo-view thead th strong{displaY: block; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #000;}



}

@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:0px; left:0px; z-index:-1; width:100%;height:5.72727273rem;background-size:cover; background-repeat: no-repeat; background-position:center center;   }
	.sub-top-title-wrap { position:relative; height:5.72727273rem; color:#fff; padding-top:0.8rem;text-align:center;   }
	.sub-top-title-wrap .text {position:absolute; bottom:0.8rem;  left:0px; width:100%; font-size:0.6rem; color:#eaeaea;  }
	.sub-top-title-wrap .text span {   font-size:0.5rem; font-weight:bold;  font-family: 'Arial';display:block;   }
	.sub-top-title-wrap h3 { position:relative;  margin-top:0.6rem;  font-size:1.2rem; font-weight:normal; color:#fff; }
	.sub-top-title-wrap h3:before { position:absolute; top:-10px;  content:''; display:inline-block;  border-top:2px solid #fff; width:30px;margin:0 auto;  left:50%; margin-left:-15px;  }

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





	.list-tab-menu { border:1px solid #ececec; background:#f6f6f6; text-align:center; padding:10px 0 ; margin-bottom:0.8rem;    }
	.list-tab-menu:after {clear:both; content:''; display:table;   }
	.list-tab-menu li {  display:inline-block;  }
	.list-tab-menu li a {  font-size:0.7rem; color:#888;  }
	.list-tab-menu li:before { content:'';  border-left:1px solid #888; height:0.5rem;   display:inline-block; margin:0 0.4rem;  }
	.list-tab-menu li:first-child:before { content:'';  margin:0px; border:0px;    }
	.list-tab-menu li.active a { color:#0063c9; 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;  padding-left:20px; background:url(../images/sub/blit_h2.png) no-repeat left 2px;  }
	.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 10px;  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:#f2f2f2; 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:#f2f2f2; 	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:#f2f2f2; 	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; }

.big-text { font-size:0.6rem;  }


	/*인사말*/
	.greeting {}
	.greeting:after { content:''; display:table; clear:both;  }
	.greeting .img img { margin:0 auto 0.6rem; display:block;   }
	.greeting .text {   }
	.greeting .text .title { font-size:0.7rem;  }
	.greeting .text .name { font-size:0.63rem;  }


/*학과연혁*/

	.sub-main-contents .history .years { padding-bottom:0.5rem; margin-bottom:0.8rem; border-bottom:1px solid #ddd;    }
	.sub-main-contents .history .years:after {content:'';clear:both; display:table;  }

	.sub-main-contents .history .years .right {  }

	.sub-main-contents .history .years .right dl { margin-bottom:0.4rem;  }
	.sub-main-contents .history .years .right dl:after {content:''; display:table; clear:both; }
	.sub-main-contents .history .years .right dt { float:left; width:18%; font-size:0.53rem; font-weight:bold; color:#413030; margin-bottom:0.35rem;  }
	.sub-main-contents .history .years .right dd { float:left; width:82%; padding-left:10px; background:url(../images/sub/blit_t.jpg) no-repeat left 8px;  margin-bottom:0.2rem; }


/*역대회장단*/

.presidency {  }
.presidency .top { margin:0 -10px;  }
.presidency .top:after { clear:both;  content:''; display:table;   }
.presidency .top li { float:left; width:33.333%;   padding:0 30px; text-align:center; margin-bottom:20px; }
.presidency .top li:nth-of-type(4), .presidency .top li:nth-of-type(7) { clear:both;  }
.presidency .top li img { display:block; margin:0 auto 10px;  }
.presidency .top li span {display:inline-block; padding:10px 20px; width:100%;  background:#0063c9; color:#fff; border-radius:10px; font-size:0.6rem; }

/*진행사업*/
.project {  }
.project .top-box {  background:#0063c9;  font-size:0.7rem; text-align:center; color:#fff; padding:0.5rem;  }


	/* 후보자 소개 */
	.candidate-list{display: flex; flex-wrap: wrap; justify-content: space-between;}
	.candidate-list > div{width: 48%; text-align: center; margin-bottom: 20px;}
	.candidate-list a{display: block; width: 100%; box-shadow: 0px 1px 10px #00000026; border: 1px solid #DDDDDD;}
	.candidate-list a:hover, .candidate-list a:active{text-decoration: none;}
	.candidate-list p.img{padding-bottom: 133%;}
	.candidate-list > div div{padding: 15.1px 0 16px;}
	.candidate-list span{display: inline-flex; align-items: center; height: 25px; padding: 0 5.5px; background: #004098; border-radius: 5px; margin-right: 9px; color: #fff; font-weight: bold; font-size: 14px; letter-spacing: 0px;}
	.candidate-list strong{font-size: 18px; color: #333333;}
	.candidate-list span strong{font-size: 16px; color: #FFF22A;}


	/* 후보자 정보 */
	
	.candidate-info .candidate-btn{width: 100%; padding-bottom: 43px; margin-bottom: 21px; border-bottom: 2px solid #000000;}
	.candidate-info .candidate-btn a{display: inline-flex; justify-content: center; align-items: center; height: 53px; padding: 0 21.5px; background: #F2F2F2; border: 1px solid #DDDDDD; color: #555555; font-size: 20px;}
	.candidate-info .candidate-btn a:hover, .candidate-info .candidate-btn a:active{text-decoration: none; background: #004098; border-color: #004098; color: #fff;}
	.candidate-info > .left{width: 276px; margin: 0 auto; margin-bottom: 30px;}
	.candidate-info > .left .img{padding-bottom: 133%;}
	.candidate-info > .right{}
	.candidate-info > .right dl{display: flex;}
	.candidate-info > .right dt{position: relative; padding-left: 9.5px; font-size: 22px; color: #004098; font-weight: 400; letter-spacing: 0; margin-right: 19px;}
	.candidate-info > .right dt:before{content: ''; position: absolute; top: 13.5px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #004098;}
	.candidate-info > .right dd{font-size: 22px; color: #333333; letter-spacing: 0;}
	.candidate-info > .right dl+.btn-wrap{padding-top: 24.5px; margin-bottom: 30px;}
	.candidate-info > .right dl+.btn-wrap a{display: inline-flex; justify-content: center; align-items: center; height: 47px; color: #fff; font-size: 20px; letter-spacing: 0px; background: #555555; border-radius: 5px; padding: 0 17.5px 0 14px;}
	.candidate-info > .right dl+.btn-wrap a:hover, .candidate-info > .right dl+.btn-wrap a:active{text-decoration: none;}
	.candidate-info > .right dl+.btn-wrap i{font-size: 20px; margin-left: 12px;}
	.candidate-info .info-file{}
	.candidate-info .info-file a{display: flex; justify-content: space-between; align-items: center; height: 47px; color: #555555; font-size: 20px; letter-spacing: 0px; padding: 0 14.5px; border: 1px solid #DDDDDD; background: #fff; border-radius: 5px; margin-top: 10px;}
	.candidate-info .info-file a:hover, .candidate-info .info-file a:active{text-decoration: none;}
	.candidate-info .info-file .left a:first-child{margin-top: 0px;}
	.candidate-info > .btn-wrap{width: 100%; padding-top: 50px; text-align: center;}
	.candidate-info > .btn-wrap a{display: inline-flex; justify-content: space-between; align-items: center; height: 52px; font-size: 20px; color: #fff; font-weight: bold; padding: 0 19.5px; background: #004098; border-radius: 10px;}
	.candidate-info > .btn-wrap a:hover, .candidate-info > .btn-wrap a:active{text-decoration: none;}


	/* 실시간 중계 */

	.candidate-video h3{font-size: 18px; color: #004098; margin-bottom: 41px;}
	.candidate-video .list{border-top: 2px solid #000000;}
	.candidate-video .list dl{display: flex; justify-content: space-between; align-items: center; height: 54px; border: 1px solid #DDDDDD; border-radius: 5px; padding: 0 7px 0 20px; margin-top: 22px;}
	.candidate-video .list dt{font-size: 18px; font-weight: bold; color: #333333; letter-spacing: 0px;}
	.candidate-video .list dd a{display: flex; justify-content: center; align-items: center; width: 130px; height: 40px; font-size: 16px; color: #fff; background: #333333; border-radius: 5px;}
	.candidate-video .list dd a i{font-size: 16px; margin-left: 15px;}


	/* 정책홍보 게시판 */

	.view.pmvideo-view {border-top: 2px solid #000;}
	.view.pmvideo-view th, .view.pmvideo-view td{padding: 15px 5px;}
	.view.pmvideo-view thead th{text-align: center; padding: 15px 0; border-bottom: 1px solid #ccc;}
	.view.pmvideo-view thead th strong{displaY: block; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #000;}




}


@media (max-width: 600px) {
	.presidency .top li { float:left; width:50%;  }
	.presidency .top li:nth-of-type(3),.presidency .top li:nth-of-type(5),.presidency .top li:nth-of-type(7),.presidency .top li:nth-of-type(9) { clear:both;  }
	.presidency .top li:nth-of-type(4), .presidency .top li:nth-of-type(7) { float:left; clear:none;   }
}



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