@charset "utf-8"; /*정화작업*/
@import url(/_jbassem/css/page.css);


/*위원회소개*/

.comm_greeting { position: relative; width: 100%; height: 100%; overflow: hidden; background: var(--Gradation); border-radius: 30px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } 
.comm_greeting:after { position: absolute; content: ''; background-image: url(/_jblawmaker/images/main/patten01.png); background-size: 100% auto; width: 165px; height: 165px; right: 0%; top: 0px; z-index: 4; } 
.comm_greeting h3 strong { font-weight: 700; color: #161e40; font-size: 120%; } 
.comm_greeting .tit_wrap { position:relative; padding:4% 5% 0 5%; width: 100%; z-index:99; word-break:keep-all; } 
.comm_greeting .tit_wrap .inner { position:relative; background: #fff; border-radius: 50px 50px 0px 0px; opacity: 0.9; left: 0%; right: 0; z-index: 5; padding: 0px 10px 30px 10px; } 
.comm_greeting .tit { font-weight:800; font-size:32px; color:#222; font-family: 'GmarketSans'; padding-top: 40px; } 
.comm_greeting .tit i { font-weight: 500; } 
.comm_greeting .tit i + p { padding:5px 0 0; } 
.comm_greeting .tit_wrap .inner > p { padding:0px 0 30px 0; color:#777777; } 
.comm_greeting .tit strong { font-weight:900; } 
.comm_greeting .name { position:relative; color: #2342c9; font-size:50px; } 
.comm_greeting .name::before { content:""; position:absolute; width:105%; left:-5px; bottom:5px; height:20px; background:#e9edfd; border-radius:25px; z-index:-1; } 
.committee_sub .comm_txt p { color:#2342c9; font-weight: 500; } 

@media only screen and (max-width:850px){
    .comm_greeting .tit_wrap .inner{border-radius: 40px 40px 0px 0px;}
    .comm_greeting .tit{font-size: 24px;}
    .comm_greeting .name {font-size: 40px;}
    .comm_greeting .tit i + p { padding: 0 0;} 
    
} 
 
@media only screen and (max-width:550px){

    .comm_greeting .tit_wrap .inner {border-radius: 30px 30px 0px 0px;}
    .comm_greeting .tit{font-size: 20px;}
    .comm_greeting .name {font-size: 36px;}
    
}

/*위원장 인사말*/
.comm_grt .intro_wrap { position: relative; display: flex; justify-content: space-between; width: 100%; align-items: center; } 
.comm_grt .intro_wrap::before { /* position: absolute; content: ''; left: 0; right: 0; top: 8%; bottom: 8%; width: 100%; background: var(--Gradation); border-radius: 80px 30px 20px 20px; */ 
 content: ''; position: absolute; right: 0; bottom:8%; top: 8%; left: 0px; background-color: #e8ecfc; width: 100%; z-index: auto; border-radius: 80px 30px 20px 20px; background-image: url(/_jblawmaker/images/main/patten03.png), url(/_jblawmaker/images/main/patten02.png); background-repeat: no-repeat, no-repeat; background-position: 54% 0, right -50px; background-size: auto 100%, 210px auto; } 
.comm_grt .intro_wrap .pic { position: relative; } 
.comm_grt .intro_wrap .pic img {border-radius: 20px;margin-right: 60px;background: #f6f6f6;width: 300px;} 
.comm_grt .intro_wrap .txt { position: relative; word-break: keep-all; padding-left: 90px; } 
.comm_grt .intro_wrap .txt .t1 { color:var(--black); font-family:'GmarketSans'; font-weight:400; font-size:150%; display: block; padding-bottom: 2%; line-height: 150%; } 
.comm_grt .intro_wrap .txt .t1 em {line-height: 200%;}
.comm_grt .intro_wrap .txt .t1 i {color:#2342c9;}

@media only screen and (max-width:940px){
 .comm_grt .intro_wrap { flex-wrap: wrap; } 
 .comm_grt .intro_wrap .pic { order: 1; max-width: 480px; margin: 0 auto; } 
 .comm_grt .intro_wrap .pic img { width: 100%; margin: 0 auto; } 
 .comm_grt .intro_wrap .txt { order: 2; padding:5% 10% 10% 10%; width:100%; } 
 .comm_grt .intro_wrap .txt .t1 { text-align: center; } 
 .comm_grt .intro_wrap::before { top: 50px; bottom: 0%; border-radius: 20px; } 
 }

@media only screen and (max-width:560px){
 .comm_grt.intro_wrap .pic { margin: 0 auto; max-width: 80%; } 
 .comm_grt.intro_wrap .pic img { width: 100%; margin: 0 auto; } 
 .comm_grt .intro_wrap .txt .t1 { font-size: 130%; line-height: 150%; } 
 .comm_grt .intro_wrap .txt .t1 em {line-height: 145%;}
 }