@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;}
}

/* 의원 인사말 */
#sub_greeting {z-index:1; position:relative; overflow:hidden; width:100%; min-height:700px; line-height:170%; padding:17px 0 0 0; font-weight:400; word-break:keep-all;}
#sub_greeting .img{position:relative; float:left; width:38.928%;}
#sub_greeting .pic{position:relative; width:91.74%;}
#sub_greeting .pic:before{z-index:-1; content:''; display:block; position:absolute; top:10px; left:10px; width:100%; border-radius:0 80px 0 80px; height:100%; background:url(/images/member/sub/bg_pic.jpg) repeat;}
#sub_greeting .pic img{overflow:hidden; max-width:100%; border-radius:0 80px 0 80px;}
#sub_greeting .name{display:table; position:absolute; bottom:-45px; right:0; width:167px; height:167px; font-size:18px; color:#fff; text-align:center; border-radius:50px 0 0 0; background:linear-gradient(125deg, #219898 0%,#3877bc 100%);}
#sub_greeting .name:before{z-index:-1; content:''; display:block; position:absolute; bottom:-35px; right:-35px; width:72px; height:72px; background:#e7eef5;}
#sub_greeting .name span{display:table-cell; vertical-align:middle;}
#sub_greeting .name strong{display:block; padding:11px 0 0 0; font-size:30px;}
#sub_greeting .txt{float:right; width:54.07%; line-height:195%; font-family: 'Noto Sans KR'; font-size: 18px;}
#sub_greeting .tit{position:relative; height:250px; padding:30px 0 0 0; box-sizing:border-box; font-family:'score';}
#sub_greeting .tit:before{z-index:-1; content:''; display:block; position:absolute; top:-18px; left:-50px; width:73px; height:67px; background:url(/images/member/sub/ico_quot1.jpg) no-repeat;}
#sub_greeting .tit .en{display:inline-block; padding:0 10px 10px 0; font-size:20px; color:rgba(0,0,0,0.4); font-weight:300; letter-spacing:0;}
#sub_greeting .tit .en:before{z-index:-1; content:''; display:block; position:absolute; top:40px; left:235px; width:calc(90% - 235px); height:1px; background:#d9d9d9;}
#sub_greeting .tit div{z-index:1; position:relative; display:inline-block; line-height:145%; font-size:38px; font-weight:700; color:#abb3c4; letter-spacing:-3px;}
#sub_greeting .tit div:after{z-index:-1; position:relative; content:''; display:inline-block; vertical-align:top; width:73px; height:67px; margin:22px 0 0 -26px; background:url(/images/member/sub/ico_quot2.jpg) no-repeat;}
#sub_greeting .tit div span{font-size:36px; color:#3e7eb6;}
#sub_greeting .txt strong{display:block; padding:0 0 34px; font-size:18px; font-weight:800;}


@media all and (max-width:1430px){
	#sub_greeting .tit {height:auto; padding:30px 0 70px;}
	#sub_greeting .tit div:after{display:none;}
}
@media all and (max-width:1024px){
    #sub_greeting .name {width: 140px; height: 140px; font-size: 16px;}
    #sub_greeting .name strong {font-size: 24px; padding: 8px 0 0 0;}
    
    #sub_greeting .tit {padding: 30px 0 40px;}
    #sub_greeting .tit div,
    #sub_greeting .tit div span{font-size: 30px;}
    
}
@media all and (max-width:768px){
	#sub_greeting{min-height:0;}
	#sub_greeting .img{float:none; width:66%; max-width:340px; margin:0 auto;}
	#sub_greeting .txt{width:100%;}
    
    #sub_greeting .tit {padding: 110px 0 30px;}
    #sub_greeting .tit:before {display: none;}
    #sub_greeting .tit .en:before {top: 122px;}
    
}
@media all and (max-width:568px){
    #sub_greeting .pic {width: 100%;}
    #sub_greeting .pic img {border-radius: 0 60px 0 60px;}
    
    #sub_greeting .txt strong {padding:  0 0 20px;}
    
    #sub_greeting .name {width: 125px; height: 125px; font-size: 14px;}
    #sub_greeting .name:before {bottom: -25px; right: -25px; width: 60px; height: 60px;}
    #sub_greeting .name strong {font-size: 22px; padding: 5px 0 0 0;}
    
    #sub_greeting .tit .en {font-size: 16px;}
    #sub_greeting .tit .en:before {left: 220px; width: calc(90% - 210px);}
    #sub_greeting .tit div,
    #sub_greeting .tit div span{font-size: 24px;}
}
@media all and (max-width:380px){
    #sub_greeting .pic img {border-radius: 0 40px 0 40px;}
    
    #sub_greeting .name {width: 120px; height: 120px;}
    #sub_greeting .name strong {font-size: 18px; padding: 0;}
    
    #sub_greeting .tit .en {font-size: 14px; padding: 0 5px 5px 0;}
    #sub_greeting .tit .en:before {left: 170px; width: calc(90% - 160px);}
}
@media all and (max-width:340px){
    #sub_greeting .name {width: 110px; height: 110px; font-size: 13px;}
}


/*의원프로필*/
#sub_greeting .pro_box .pro_tit {position: relative; font-size: 22px; font-weight: 500; color: #000; padding: 0 0 25px 40px;}
#sub_greeting .pro_box div .pro_tit::after {position: absolute; content: ''; top: 0; left: 0; width: 27px; height: 30px; background: url(/images/member/sub/profile1.png) no-repeat; background-size: contain;}
#sub_greeting .pro_box div:last-child .pro_tit::after{background: url(/images/member/sub/profile2.png) no-repeat; background-size: contain;}

#sub_greeting .pro_box .pro_con {position: relative; background: #f4f7fa; padding: 30px 35px; box-sizing: border-box; margin: 0 0 50px 0;}
#sub_greeting .pro_box div:last-child .pro_con {margin: 0;}
#sub_greeting .pro_box .pro_con::after {position: absolute; content: ''; width: 194px; height: 190px; bottom: 0; right: 0; background: url(/images/member/sub/pro_box_bak.png) no-repeat ;}
#sub_greeting .pro_box .pro_con ul li {position: relative; box-sizing: border-box; padding: 0 0 10px 105px; font-family: 'Noto Sans KR';}
#sub_greeting .pro_box div:last-child .pro_con ul li {padding: 0 0 10px 14px;}
#sub_greeting .pro_box .pro_con ul li:last-child {margin: 0;}
#sub_greeting .pro_box .pro_con ul li::after {position: absolute; content:''; width: 4px; height: 4px; top: 13px; left: 0; background: #229798; transform: rotate(-45deg);}
#sub_greeting .pro_box .pro_con ul li em {position: absolute; top: 0; left: 15px; font-size: 18px; font-weight: 800; color:#000;}

@media all and (max-width: 568px){
    #sub_greeting .pro_box div .pro_tit::after {width: 22px; height: 25px; top: 2px;}
    #sub_greeting .pro_box .pro_tit {font-size: 18px; padding: 0 0 15px 30px;} 
    
    #sub_greeting .pro_box .pro_con {margin: 0 0 40px 0;}
    #sub_greeting .pro_box .pro_con ul li em {font-size: 16px;}
}

@media all and (max-width: 380px){
    #sub_greeting .pro_box .pro_con {padding: 25px 30px;}
}