@charset "utf-8";

/*#container { height:1200px; }*/



/* 의회소개 > 인사말 */
/*.mbGreeting { width:100%; padding: 0 40px; }
.mbGreeting .topTxt { position:relative; padding:0 0 30px;  }
.mbGreeting .topTxt .tit { display:inline-block; padding:0 0 20px; font-size:2.8rem; color:#001d34; line-height: 1.4; }
.mbGreeting .topTxt strong { display:block; font-weight:500; font-size:3.6rem; }
.mbGreeting .topTxt strong span { color:#1983B5;}

.mbGreeting .txt { padding-top:30px; }
.mbGreeting .txt p { line-height:240%; }*/

.mbGreeting .title { position:relative; padding:7.2rem 4rem 16rem 12rem; font-size:2.5rem; color:#fff; box-shadow:-2rem 1rem 4rem rgba(4,119,106,.3); border-radius:12rem 1.6rem 0 1.6rem; background:url(/images/council/sub/greeting_bg.png) no-repeat center/cover, linear-gradient(90deg, #007A6C,#4168CD); width: 99%; }
.mbGreeting .title .point-txt { font-size:3rem; font-weight:700; margin-top:1.2rem; line-height: 1.4; word-break: keep-all; }
.mbGreeting .title span { display:block; }
.mbGreeting .title img { position:absolute; right:0; bottom:13rem; }

.mbGreeting .txt { position:relative; padding:6.4rem; font-size:1.8rem; border-radius:8rem 0 0 0; background-color:#fff; margin:-13rem 0 0 6.4rem; line-height: 1.6; font-weight: 300; }
.mbGreeting .txt p { margin-bottom:2.4rem; line-height:1.6; }

.mbGreeting .right { font-size:2rem; }
.mbGreeting .name { font-size:3.6rem; letter-spacing:.2em; margin-left:.2em; }

@media (max-width:1280px){
	.mbGreeting .title { padding: 6.6rem 2rem 12rem 7.2rem; }
	.mbGreeting .txt { padding: 4.2rem; margin: -9rem 0 0 3.2rem; }
}

@media (max-width:1024px){
	.mbGreeting .title { font-size:2.4rem; }
	.mbGreeting .title .point-txt { font-size:3.2rem; }
	
	.mbGreeting .txt {  }
}

@media (max-width:768px){
	.mbGreeting .title { padding:3.6rem 2rem 12rem 6.2rem; font-size:1.8rem; border-radius:6rem 1.6rem 0 1.6rem; margin-top:4rem; }
	.mbGreeting .title .point-txt { font-size:2.2rem; }
	.mbGreeting .title img { bottom:9rem; max-width:20rem; }

	.mbGreeting .txt { padding:3.2rem; font-size:1.7rem; border-radius:4rem 0 0 0; margin:-9rem 0 0 3.2rem; }
	.mbGreeting .txt p { margin-bottom:1.6rem; }
	.mbGreeting .txt p br { display:none; }

	.mbGreeting .right { font-size:1.8rem; }
	.mbGreeting .name { font-size:3.2rem; }
}

@media (max-width:425px){
	.mbGreeting .title { padding: 3.6rem 2rem 12rem 4.2rem; }
	.mbGreeting .txt { padding: 2.2rem; margin: -9rem 0 0 1.2rem; }
}





/* 의회소개 > 경력사항 */
.mbProfile { width:100%; }
.mbProfile > ul { display:flex; flex-wrap:wrap; justify-content:space-between; }
.mbProfile > ul > li { width:48%; display:flex; align-items:center; padding:1.2rem; border-bottom: .1rem solid #D9D9D9; }



.mbProfile > ul > li i {  position:relative; flex: 0 0 120px; color:#888; display:flex; align-items:center; }
.mbProfile > ul > li i:before { position:relative; display: block; content:''; width:20px; height:20px; background:url(/images/icon/ico_txt.png) no-repeat center; background-size: cover; margin-right: 10px; }
.mbProfile > ul > li span { flex: 1; min-width: 0; word-break: break-word; }




.mbProfile > ul > li:last-child { width:100%; flex-wrap:wrap; border-bottom:none; margin-top:20px; }
.mbProfile > ul > li:last-child i { flex:0 0 100%; }
.mbProfile > ul > li:last-child .list { padding:2rem 3rem ; background:#F3F8F8; border-radius:20px; width:100%; margin-top:1.4rem; }
.mbProfile > ul > li:last-child .list ul li { position:relative; padding-left:1.6rem; line-height: 1.9; font-weight: 300; }
.mbProfile > ul > li:last-child .list ul li:before { position:absolute; left:0; bottom:50%;  content:''; width:4px; height:4px; background:#555; transform: translateY(50%); border-radius: 50%; } 


.mbProfile > ul > li.sns span { display:flex; align-items:center; }
.mbProfile > ul > li.sns span a { display:flex; align-items:center; justify-content:center; padding:4px; border-radius:50%; margin-left:6px; transition:0.4s; }
.mbProfile > ul > li.sns span a:hover { background:#ddd; }



@media (max-width: 768px) {
	.mbProfile > ul > li { width:100%; }
}














