@charset "utf-8";
.photo2 li a{height:355px;}
.photo2 li a .img img{max-height:250px;}

@media all and (max-width:1024px){
	.photo2 li a{height:320px;}
	.photo2 li a .img img{max-height:200px;}
}
@media all and (max-width:840px){
	.photo2 li a{height:250px;}
	.photo2 li a .img img{max-height:155px;}
}
@media all and (max-width:680px){
	.photo2 li a{height:220px;}
	.photo2 li a .img img{max-height:130px;}
}
@media all and (max-width:430px){
	.photo2 li a{height:200px;}
	.photo2 li a .img img{max-height:115px;}
}
@media all and (max-width:380px){
	.photo2 li a{height:175px;}
	.photo2 li a .img img{max-height:101px;}
}
@media all and (max-width:340px){
	.photo2 li a{height:162px;}
	.photo2 li a .img img{max-height:90px;}
}

/* 의원 인사말 */
.intro {position:relative;}
.intro:before {content:'';position:absolute;top:0;left:-360px;width:calc(100% + 720px);height: 356px;background:#e8edf8 url(/images/member/sub/bg_greeting.jpg) no-repeat 50% 0;}
.intro:after {content:''; display:block;clear:both; width:100%;}
.intro .img {position:relative; float:left; width:49.2%;}
.intro .img img {max-width:100%;}

.intro .txt {position:relative;float:right;width: 50%; line-height:180%;font-size:17px;letter-spacing: -1.5px;}
.intro .txt .greeting {padding: 57px 0 0 0;font-family: 'score';height: 360px; word-break:keep-all;}
.intro .txt .greeting p{font-size: 30px;font-weight:500;line-height: 46px;}
.intro .txt .greeting p:before{content: ''; display: block;width:58px; height:44px; background: url('/images/member/sub/ico_quot.png') no-repeat;position: absolute;top: 45px;right: 20px;}
.intro .txt .greeting p:after{content: '';display: block;width: 50px;height: 1px;margin: 19px 0;background: #c4c8d1;/* height: 110%; */}
.intro .txt .greeting span{color:#375999;}
.intro .txt2 {font-weight: 400;color:#555;font-size: 17px;}
  
.intro .txt .greeting span{color:#375999;}
.intro .txt .name {color:#333; text-align:right;}
.intro .name img {display:inline-block; margin:0 0 0 15px;}
.txt_con{position:relative;width: 100%;margin: 0 0 30px 0;}
.txt_con:before{content:'';display:block;width:75px;height: 330px;background-color:#fff;position:absolute;left: -95px;top: -61px;}

@media all and (max-width:1230px) {
    .intro .img {width:40%;}
    .intro .txt {width:55%;}
    .txt_con:before{left:-75px;}
    .intro .txt .greeting p:before{width:50px;height:60px;background-size:contain;top: 50px;right: 50%;margin-right: -250px;}
}

@media all and (max-width:1024px) {
    .intro:before{height:315px;}
    .intro .txt .greeting {padding: 50px 0 0 0;height: 326px;}
	.intro .txt .greeting p{font-size: 23px;line-height: 36px;}
	.intro .txt .greeting p:before{width:50px;height:60px;background-size:contain;top: 30px;right: 50%;margin-right: -180px;}
	.intro .txt .txt_con{text-align: left;}
	.intro .txt2 {font-size: 16px;}
}

@media all and (max-width:768px) {
    .intro:before {display:none;}
    .txt_con:before{display:none;}
	.intro .txt_con{padding: 40px 10px 0; box-sizing:border-box;}
	.intro .img {float:none; width:250px; margin:0 auto;}
    
    .intro .txt {float:none;width:100%;padding:30px 0 0;text-align: center;}
    .intro .txt .greeting {font-size:1em;background: #e8edf8 url(/images/member/sub/bg_greeting.jpg) no-repeat 50% 0; height: 100%;}
    
    .intro .txt > ul > li {padding:10px 0 10px 110px;}
    .intro .txt > ul > li em {top:10px; padding-left:18px;}
 
    .intro .txt .dash {padding:15px 20px 19px;}
    .intro .txt .dash li {padding:0 0 0 8px;}
    .intro .txt .greeting p:before{width:40px;height:50px;background-size:contain;top: 50px;margin-right: -200px;}
    .intro .txt .greeting p:after{margin: 19px auto 26px;}
    .intro .txt .greeting {padding: 30px 0;font-family: 'score';text-align: center;}
    .intro .txt .name{margin-right: 10px;}
}

@media all and (max-width:568px) {
    .intro .img {width:220px;}
    
    .intro .txt .dash li:before {top:10px;}
    .intro .txt .greeting p{font-size:18px;line-height: 30px;}
    .intro .txt2 {font-size: 14px;}
    .intro .txt2 {font-size: 15px;}
	.intro .txt .greeting p:before{width: 30px;height: 40px;background-size:contain;top: 50px;margin-right: -150px;}
}

@media all and (max-width:380px) {
    .intro .img {width:170px;}
    .intro .txt .greeting p{font-size:18px;line-height: 30px;}
    .intro .txt2 {font-size: 14px;}
    .intro .txt2 {font-size: 15px;}
}

/*의원프로필*/
.profile{height:100%;}
.profile .img {z-index:2; position:relative; float: left; width: 30.084%; padding:0 0 50px 0;}
.profile .img img {box-shadow: 10px 0 20px rgba(0,0,0,0.2);}
.profile .img:before{margin-top: 45px;}


.profile .txt {float:right;width: 69.916%;padding: 45px 0 61px 0;line-height:160%;word-break:keep-all;font-size:18px;letter-spacing: -1.5px;background: #fff;position: relative;}
.profile .txt .greeting {z-index:1;position:relative;padding: 10px 10px 0 0;font-family: 'score';font-size:30px;line-height:160%;background: #fff;position: relative;box-sizing:border-box;}
.profile .txt .greeting:before{z-index:-1; content:''; position:absolute; top:0;  left:0; width:100%; background: url(/images/member/sub/bg_pattern.gif) repeat 0 0; height: 75px;}
.profile .txt .greeting p{padding:49px 0 0 75px; box-sizing:border-box; background:#fff;}
.profile .txt .greeting strong{font-sfont-weight: ;font-weight: 600;}
.profile .txt .greeting span{color:#3b5890;}
.profile .txt .greeting p:before{content: '';display: block;width:58px;height:44px;background: url('/images/member/sub/ico_quot.png') no-repeat;position: absolute;top: 52px;left: 498px;}
.profile .txt .greeting p:after{content: '';display: block;width: 50px;height: 1px;margin: 25px 0;background: #c4c8d1;}
.profile .txt .dot { padding:5px 0 0 75px;font-size: 18px;font-weight: 300; }
.profile .txt .dot > li:before{content:'';top: 12px; width: 12px;height: 12px;border: 3px solid #d55454; border-radius:50%; background: none;}
.profile .txt .dot > li{padding-left: 20px;line-height: 35px;}
.profile .txt_2{position:relative;width:100%;clear: both;padding:52px 0 0 0;font-size:16px;}
.profile .txt_2:after{content:''; display:block; clear: both;  width:100%;}
.profile .txt_2:before{content:'';background:#f5f5f5;position: absolute;top: 0;left: -360px;width: calc(100% + 720px);height: 105%;z-index: -1;}
.profile .txt_2 em {font-size:25px;font-weight:700;margin-left: 17px;color: #111;}
.profile .txt_2 .profile_left{float:left;width:50%;}
.profile .txt_2 .profile_right{float:right;width:50%;}
.profile .txt_2 .dot li:before{content:''; width:4px; height:4px; border:2px solid #d55454; border-radius:50%; }
.profile .txt_2 .dot {margin-bottom:60px; margin-top:20px;}
.profile .txt_2 .dot li{margin-bottom:13px;}

@media all and (max-width:1230px) {
  .profile .txt .greeting p{line-height: 155%;}  
  .profile .txt .greeting p:before{width:48px;height:45px;background-size:contain;}
  .profile .txt .greeting p:after{margin: 20px 0;}
  .profile .txt .dot li {font-size:16px;line-height:30px;}
  .profile .txt .dot > li:before{top:8px}
  .profile .txt .greeting p{padding:49px 0 0 90px;}
  .profile .txt .dot { padding:5px 0 0 90px;}
}

@media all and (max-width:1024px) {
    
  .profile .txt .greeting p{font-size:27px;}  
  .profile .txt .greeting p:before{width:43px;height:40px;TOP:45PX;left: 415px;}
  .profile .txt .greeting p:after{margin: 20px 0;}
  .profile .txt .dot li {font-size:16px;line-height:30px;}
  .profile .txt .dot > li:before{top:8px}
  .profile .txt .greeting p{padding:40px 0 0 50px;}
  .profile .txt .dot { padding:5px 0 0 50px;}
	.profile .txt{padding: 45px 0;}
}
@media all and (max-width:768px) {
	.profile .img {float: none; margin: 0 auto;padding: 0;width: 220px;max-width: 100%;}
	.profile .txt{text-align:center;width:100%;padding: 30px 0;}
	.profile .txt .greeting p:before{width:37px;height:33px;top: 0px;margin-left: 174px;left: 50%;}
	.profile .txt .greeting p{padding:0px;font-size: 25px;}
    .profile .txt .greeting:before{display:none;}
    .profile .txt .greeting {padding:0;}
    .profile .txt_2 .profile_left{float:none;width:100%;}
    .profile .txt_2 .profile_right{float:none;width:100%;}
    .profile .txt .greeting p:after{margin: 15px auto;}
    .profile .txt .dot{text-align:left;}
    .profile .txt_2{padding: 40px 10px;}
    .profile .txt_2 .dot li {margin-bottom: 8px;font-size:15px;}
    .profile .txt_2 em{font-size:20px;margin-left: 10px;}
    .profile .txt_2 img{ width:35px;}
    .profile .txt_2 .dot {margin-bottom:35px; margin-top:15px;}
}

@media all and (max-width:568px) {
     .profile .txt .dot { padding:0 0 0 15px;}
     .profile .txt_2{line-height:130%;}
     .profile .txt .greeting p{font-size: 20px;}
     .profile .txt .greeting p:before{width:32px;height:30px;margin-left: 137px;}
}

@media all and (max-width:380px) {
	 .profile .txt .greeting p{font-size: 18px;}
   .profile .txt .greeting p:before{width:27px; height:24px; margin-left:120px;}
   .profile .txt_2{font-size:14px;}
   .profile .txt_2 em{font-size:18px;}
   .profile .txt_2 img{ width:30px;}
}

/*공약사항*/
.promise{float:left; width:100%; word-break: keep-all;}
.promise .slogan strong{font-size:38px; font-weight: 600; display:block; padding-top:5px; background-color:#fff; z-index:1; position:relative;}
.promise .slogan span{color:#3b5890;}
.promise .slogan p{position:relative; height:199px; font-weight:300; text-align:center; font-family: 'score'; font-size: 30px; word-break: keep-all;}
.promise .slogan p:after{content:''; display: block; position: absolute; bottom:0; left: 50%; width: 1px; height: 84px; background: #cacdd6; margin:0 0 0 -1px; }
.promise .slogan p:before{ content: ''; display: block; position: absolute; bottom:0; left: 50%; width: 23px; height: 23px; margin:0 0 -12px -12px; background-color: #cacdd6; border: 5px solid #fff; border-radius: 50%; }
.promise .promisebox{position:relative;}
.promise .promisebox:before{ content: '';background: #f1f3f9;position: absolute; top: 0px;  left: -360px; width: calc(100% + 720px); height: 105%; z-index: -1; }
.promisebox > p{font-size: 30px; font-weight: 800;  padding: 70px 0 20px 0; text-align: center;}
.promisebox ul p{font-size: 21px; font-weight: 800;    background: #f1f3f9;    display: block;    position: relative;    z-index: 1;} 
.promisebox > ul:after{content:''; display:block; clear:both; width:100%;}
.promisebox > ul > li{display:inline-block; vertical-align:top;  line-height: 160%; border:5px solid #fff; border-radius:10px; padding:40px; width:47.5%; position:relative; margin: 25px 0 ; box-sizing:border-box;}
.promisebox > ul > li:after{content:''; display: block; position: absolute; top:0px; left:0; width: 35px; height: 1px; background: #e9babc; margin:52px 0 0 3px;}
.promisebox > ul > li:before{content: ''; display: block; position: absolute; top:0px; left: 0; width: 23px; height: 23px; margin:40px 0  0  -14px;  background-color: #db7c7c; border: 5px solid #fff; border-radius: 50%;}
.promisebox > ul > li:nth-child(even){ margin-right:0; margin-left:4.5%;}
.promisebox > ul ul{margin-top:10px;}
.promisebox > ul ul li{position:relative; padding:0 0 0 10px; box-sizing:border-box; word-break:keep-all;}
.promisebox > ul ul li:before{content:''; display:block; position:absolute; top:9px; left:0; height:1px; width:5px; background:#585858;}

@media all and (max-width:1230px) {
	.promisebox > ul{margin: 0 20px; }
}

@media all and (max-width:768px) {
	.promisebox > ul > li{ width:100%;}
	#sub_promise .slogan p{font-size:28px;  }
	.promise .slogan strong {font-size:35px;}
    .promisebox > ul > li:nth-child(even){margin-left: 0;}
}

@media all and (max-width:568px) {
	.promisebox > ul p{font-size: 18px;}
	.promisebox > ul ul li {font-size:14px;}
	#sub_promise .slogan p{font-size:20px;}
	.promise .slogan strong {font-size:28px;}
	.promisebox > ul > li{padding:30px; margin: 15px 0;}
	.promisebox > ul > li:before {margin: 30px 0 0 -14px; }
	.promisebox > ul > li:after{margin: 41px 0 0 3px; }
	.promise .slogan p { height: 150px;}
	.promisebox > p {font-size: 23px;}
}

@media all and (max-width:380px) {
	#sub_promise .slogan p{font-size:18px; }
	.promise .slogan strong {font-size:25px;}
}