@charset "utf-8";

.box_info:before {background:#ef9262;}

.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 {z-index:1; position:relative; overflow:hidden; box-sizing:border-box; padding:44px 0 0 50px;} 
.intro:before {z-index:-1; content:''; position:absolute; top:0; left:0; width:100%; height:216px; background:#5f9f6b;}
.intro:after {z-index:-1; content:''; display:block; position:absolute; top:40px; right:-40px; width:268px; height:174px; background:url(../../images/member/main/bg_pic.png) no-repeat 100% 0 / cover;}

.intro .pic {position:relative; float:left; width:332px;}
.intro .img{position:relative;}
.intro .img:before,
.intro .img:after{content:''; display:block; position: absolute; left:0; top:0; border-left:52px solid #5f9f6b; border-bottom:54px solid transparent;;}
.intro .img:after{left:auto; top:auto; right:0; bottom:0; border:none; border-right:52px solid #fff; border-top:54px solid transparent;}
.intro .img img {max-width:100%;}
.intro .txt_wrap {position:relative; float:right; width:calc(100% - 374px); word-break:keep-all;}
.intro .greeting {line-height:120%; font-size:18px; font-weight:500; color:#fff;  text-shadow:0 0 5px rgba(51,51,51,0.3);}
.intro .greeting .slo {font-size:25px; font-weight:500;}
.intro .greeting .slo span {display:block; line-height:130%; padding:12px 0 25px; font-size:28px;}
.intro .greeting .slo span em {font-weight:600; font-size:35px;}
.intro .name{padding:18px 0 0 0; font-size:17px; text-align:center;}
.intro .name strong{display:inline-block; padding:0 0 0 10px; font-family:"JSArirangPPURI"; font-size:40px; font-weight:900;}
.intro .txt {padding:73px 0 0; line-height:170%; color:#333; font-size:17px; font-weight:400;}
.intro .txt .sign {padding:40px 0 0; text-align:right;}
.intro .txt .sign img {padding-left:15px; vertical-align:text-bottom;}

/* 의원 프로필 */
.intro .profile > li {position:relative; box-sizing:border-box; padding:7px 0 7px 202px; font-weight:300; }
.intro .profile li em {position:absolute; top:7px; left:0; padding:0 0 0 25px; font-size:1.063em; background:url(../../images/member/sub/ico_chk.png) no-repeat center left; color:#333; font-weight:500; letter-spacing:2px;}
.intro .profile li em.ls2 {letter-spacing:37px;}
.intro .profile li em.ls3 {letter-spacing:11px;}
.intro .profile li div {box-sizing:border-box; padding:10px; margin:38px 0 0 -202px; border:1px dotted #b2b2b2; border-radius:20px;}  
.intro .profile li div ul {box-sizing:border-box; padding:24px 42px; background:#fff; font-size:15px;}
.intro .profile li div ul li{word-break:break-all;}
@media all and (max-width:1280px){
    .intro .pic {width:260px;}
    .intro .txt_wrap {width:calc(100% - 308px);}
    .intro .greeting {font-size:17px;}
    .intro .greeting .slo {font-size:20px;}
    .intro .greeting .slo span {font-size:25px;}
}

@media all and (max-width:1024px){
   
    .intro:before {height:186px;}
	.intro:after{height:146px;}
    .intro .pic {width:200px;}
	.intro .img:before{border-bottom-width:35px; border-left-width:35px;}
	.intro .img:after{border-right-width:30px; border-top-width:30px;}
    .intro .txt_wrap {width:calc(100% - 247px);}
    .intro .greeting {font-size:1.063em;}
    .intro .greeting .slo {font-size:20px;}
    .intro .greeting .slo span {padding:0.2em 0 0.7em; font-size:1.3em;}
	.intro .greeting .slo span em{font-size:1.3em;}
	.intro .name strong{font-size:32px;}
    
    .intro .profile > li {padding-left:130px;}
    .intro .profile li div {margin-left:-130px;}
    .intro .profile li div ul {padding:20px;}
}

@media all and (max-width:768px){
	 .intro {padding:20px 20px 0;}
    .intro .pic {width:160px;}
    .intro .txt_wrap {width:calc(100% - 198px);}
    .intro .greeting .slo {font-size:1.125em;}
    .intro .txt .sign img {width:85px;}
}

@media all and (max-width:568px){
	intro .img:after,
	intro .img:before{display:none;}
    .intro .pic {float:none; margin:0 auto 20px;}
    .intro .txt_wrap {float:none; width:100%;}
    .intro .greeting {color:#333; text-shadow:none; text-align: center; font-size:1em;}
	.intro .greeting .slo{font-size:1.05em;}
	.intro .greeting .slo span{font-size:1.2em;}
	.intro .greeting .slo span em{font-size:1.2em;}
    .intro .txt {padding:20px 0 0; font-size:16px;}
    .intro .txt .sign img {padding-left:10px; width:70px;}
	
	.intro .profile li em {padding:0 0 0 18px; background-size:8px; background-position:top 6px left;}
	.intro .profile li div ul{padding:10px;}
}

@media all and (max-width:380px){
    .intro .greeting p br {display:none;}
    .intro .profile > li {padding-left:105px;}
    .intro .profile li em.ls2 {letter-spacing:34px;}
    .intro .profile li em.ls3 {letter-spacing:10px;}
    .intro .profile li div {margin:29px 0 0 -105px;}
}