@charset "utf-8";


/* 갤러리 */

.m_title{position: relative;font-size: 170%; font-weight: 700; padding-bottom:3%}
.m_title strong{font-weight: 700;}
.m_title p{display: inline-block; font-weight: 300; font-size: 70%; color:#777; padding-left: 30px;}

.gallery .cell { text-align: left; overflow: hidden; }
.gallery .cell img {width:100%}
.gallery .cell a {overflow: hidden; display: block;}
.gallery .cell p {  display: block;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size:90%;}
.gallery .cell p span { display: block;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 110%; font-weight: 400;  line-height:40px; padding-top:10px}
.gallery .cell p i { font-family: 'Roboto'; color:#777; font-weight: 400;  line-height: 20px; }

.bbs .view li {position: relative; width: 100%;}
.bbs .view li.title::before{content:''; position:absolute; left:0; top:16px; border-radius: 50%; width:3px; height:3px; background-color: #999;}
.bbs .view li.title > a{display:block; padding-left:15px; width:calc(100% - 120px);width:-webkit-calc(100% - 120px); line-height: 35px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.bbs .view li.title > .date{ position: absolute; right:10px; z-index: 3; top:7px; font-family: 'Roboto'; color:#777}


.m_pad {padding-top:4%; padding-bottom: 4%;}
.m_pad_top {padding-top:140px}
.m_bg {position: relative; background:url('/images/main/main/main_con_bg.png'); -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size: cover; }

.more { position: absolute; right:5px; top:10px; font-size: 0;width:40px; height:40px; border:1px solid #ddd; border-radius: 50%; line-height:40px;}
.more:after {content:'\f067'; position: absolute; left:0; right: 0; top: 0px;  font-size:14px; color:#444; font-family: 'FontAwesomeS';text-align:center; }

/* 프로필 영역 */
#lawmaker_visual {position: relative; background:url('/images/lawmaker/main/visual_bg.jpg'); -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size: cover; padding-bottom:2%; padding-top:70px}

.profile_box { box-shadow: 5px 5px 5px rgba(0,0,0,0.08); border-radius: 30px; background-color: #fff; overflow: hidden; margin-bottom:-100px; display: table; table-layout: fixed; width: 100%;}
.profile_box .photo {display:table-cell; width: 458px; background-image: linear-gradient(to right, rgba(170,182,187,1), rgba(178,186,196,1));  border-radius:30px; overflow: hidden; vertical-align: bottom;}
.profile_box .content {display:table-cell; padding: 50px 80px;}
.profile_box .content .sub_visual_txt {color:#151b5b; font-size:130%; font-weight:900}
.profile_box .content .tit{display:block}
.profile_box .content .tit p{display:block; font-size: 120%; color:#666; font-weight: 400;}
.profile_box .content .tit h2{font-size: 300%; font-weight: 700;}
.profile_box .content .tit h2 span{font-size:60%;}
.profile_box .content h3{display:block; margin:40px 0; position: relative;}
.profile_box .content h3 span{display:inline-block; position: relative; background-color: #151b5b; color:#fff; font-size: 110%; font-weight: 400; padding:10px 30px; border-radius: 30px;}
.profile_box .content h3:before{content:''; height:2px; position: absolute; left:0; right:0; top:50%; background-color: #ddd;}
.profile_box .content .con{display:block}
.profile_box .content .con::after{display:block; clear: both; content: '';}
.profile_box .content .con .cell{float:left; width: 280px;}
.profile_box .content .con .cell:last-child{ width:calc(100% - 280px)}
.profile_box .content .con .cell dl{display: table; width: 100%;}
.profile_box .content .con .cell dl dt, .profile_box .content .con .cell dl dd{display: table-cell; line-height: 37px; font-size: 100%;}
.profile_box .content .con .cell dl dt {width:90px; font-weight: 500; color:#666}
.profile_box .content .con .cell ul {display: block; overflow: hidden;}
.profile_box .content .con .cell ul li{display: block; line-height: 37px; font-size: 17px; position: relative; padding-left: 15px; letter-spacing: -0.08em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.profile_box .content .con .cell ul li:before { content: ''; position: absolute; width: 4px; height: 4px; background-color: #aaa; border-radius: 50%; top:20px; left: 0;}
.profile_box .content .profile_more { color:#fff; float:right; position: relative; padding:8px 100px 8px 30px; border-radius: 30px; margin-top:15px; overflow: hidden;} 
.profile_box .content .profile_more span{ position: relative;} 
.profile_box .content .profile_more:after {content:''; position:absolute; width: 55px; height:16px; top:12px; right:25px; background-image: url(/images/lawmaker/main/arrew.png);} 
.profile_box .content .profile_more:before {content:''; position:absolute; left:0; width:0; top:0; bottom:0; transition: all 0.3s ease-in-out;} 
.profile_box .content .profile_more:hover:before {content:''; position:absolute; left:0; width:100%; top:0; bottom:0; background-color: #151b5b; } 

/* 아이콘 박스 */
.icon_box {padding-top:120px; padding-bottom:3%;}
.icon_box ul{display:flex; padding:0 5%; flex-wrap:wrap }
.icon_box ul::after{content:'';display: block; clear: both;}
.icon_box ul li{ width:25%; text-align: center; color: #fff; font-size: 130%; transition: all 0.3s ease-in-out; padding:30px 0} 
.icon_box ul li span{display:block; padding-top:10px}
.icon_box ul li:hover {background-color:rgba(0,0,0,0.5); border-radius: 30px; margin-top:-10px}

@media only screen and (max-width:1330px){

}
@media only screen and (max-width:1100px){
  .profile_box .content .con .cell ul {display: none;}
}
@media only screen and (max-width:991px){
  .bbs .col_6 {flex: 0 0 100%; max-width: 100%; }
  .bbs .col_6:last-child {margin-top:50px}
}

@media only screen and (max-width:880px){
  .icon_box {font-size: 90%;}
  .gallery .col_4 { flex: 0 0 100%;  max-width: 100%; margin-bottom:20px}
  .m_pad {padding-top:50px; padding-bottom:50px;}
  .more {right:5px; top:5px; width:30px; height:30px; border:1px solid #ddd; border-radius: 50%; line-height:30px;}

  .profile_box {border-radius: 20px;display: block; }
  .profile_box .photo {display:block; width:100%; text-align: center;;  border-radius: 20px;}
  .profile_box .photo img {width:100%}
  .profile_box .content {display:block; padding: 5% 7%; overflow: hidden;}
  .profile_box .content h3{margin:20px 0; }

}

@media only screen and (max-width:650px){
  .icon_box ul {text-align: center; padding:0}
  .icon_box ul li{float: none; width:50%; display:inline-block; padding:20px 0px}
  .profile_box .content .sub_visual_txt {text-align:center;}
  
	.profile_box .content .tit h2 { font-size: 200%; text-align:center;}
	.profile_box .content .tit p { font-size: 100%; text-align:center;}
	.profile_box .content .con .cell dl dt, .profile_box .content .con .cell dl dd { line-height: 25px;}
	.profile_box .content .con .cell dl dt {width:70px}
	.profile_box .content h3{margin:10px 0; }
	.profile_box .content h3 span { padding: 4px 30px;  border-radius: 15px;}
	.bbs .view li.title::before{top:11px;}
	.bbs .view li.title > a{ line-height: 28px;}
	.bbs .view li.title > .date{top:4px;}

@media only screen and (max-width:500px){


}