@charset "utf-8";
#sub_default{line-height:160%; font-weight:300; font-size: 18px;}
.photo2 li a{height:355px;}
.photo2 li a .img img{height:250px;}

.box_info {margin: 0 0 50px;padding: 25px 30px; background: #f6f8f1; border-radius: 10px; box-sizing: border-box; word-break: keep-all;}

@media all and (max-width:1024px){
    #sub_default {font-size: 16px;}
	.photo2 li a{height:320px;}
	.photo2 li a .img img{height:200px;}
}
@media all and (max-width:840px){
	.photo2 li a{height:250px;}
	.photo2 li a .img img{height:155px;}
}
@media all and (max-width:680px){
	.photo2 li a{height:220px;}
	.photo2 li a .img img{height:130px;}
}
@media all and (max-width:568px){
    #sub_default {font-size: 15px;}
     .box_info {padding: 20px; margin: 0 0 20px;}
}
@media all and (max-width:430px){
    #sub_default {font-size: 14px;}
	.photo2 li a{height:200px;}
	.photo2 li a .img img{height:115px;}
}
@media all and (max-width:380px){
	.photo2 li a{height:175px;}
	.photo2 li a .img img{height:101px;}
}
@media all and (max-width:340px){
	.photo2 li a{height:162px;}
	.photo2 li a .img img{height:90px;}
}

/* 의원 인사말 */
.greeting_wrap .pic img {max-width:100%;}
.greeting_wrap .slogan {margin: 0 0 50px;padding: 35px 20px; text-align: center; background: url(/images/member/sub/bg_slogan.png)no-repeat; background-size: cover; box-sizing: border-box;}
.greeting_wrap .slogan strong {font-size: 45px; font-weight: 700;}
.greeting_wrap .slogan strong img {margin: 0 0 8px;}
.greeting_wrap .slogan strong em{color: #3e8988;}
.greeting_wrap .slogan p {margin: 20px 0 0;font-size: 20px;word-break: keep-all;}
#sub_greeting .name {margin: 50px 0 0; text-align: right; font-size: 25px; line-height: 1;}
#sub_greeting .name img {margin: 0 0 0 10px;vertical-align: sub;}

/* 의원 프로필 */
#sub_profile .dot {margin: 50px 0 0;}
#sub_profile .dot > li {float: left; width: 45.23%; margin: 0 0 15px; padding: 0 0 15px 140px; border-bottom: 1px dashed #ccc; line-height: 1;}
#sub_profile .dot > li:nth-child(2n) {float: right;}
#sub_profile .dot > li:before {top: 6px; width: 6px; height: 6px; background: #69b4b2;}
#sub_profile .dot > li em {position: absolute; top: 0; left: 15px; font-weight: 600;}
#sub_profile .dot > li.list {width: 100%; padding: 0; border: none;}
#sub_profile .ls2 {letter-spacing: 32px;}
#sub_profile .ls3 {letter-spacing: 7px;}
#sub_profile .career {margin: 33px 0 0; padding: 27px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box;}
#sub_profile .career span {display: block; margin: 0 0 10px;}
#sub_profile .career .dash:not(:last-child) {margin: 0 0 35px;}
#sub_profile .career .dash > li {padding-bottom: 10px;}
#sub_profile .career .dash > li:before {top: 9px;}

/* 공약사항 */
#sub_promise .greeting_wrap .slogan {margin: 0;}
#sub_promise .list {padding: 4.81%; min-height: 500px; background: #f5f9f9; box-sizing: border-box;}
#sub_promise .list .dot {width: 100%; padding: 4.78%; min-height: 400px; border: 10px solid #fff; border-radius: 50px; box-sizing: border-box;}
#sub_promise .list .dot > li {font-weight: 600;}
#sub_promise .list .dot > li:before {width: 6px; height: 6px; background: #69b4b2;}
#sub_promise .list .dash {padding: 5px 0 0 14px;}

/* 의원에게 바란다 */
.box_info.caution button { margin: 15px auto; display: block; width: 200px; height: 50px; line-height: 50px; font-weight: 500; color: #fff; background: #FF6760; text-align: center; border-radius: 25px;}
.box_info.caution .list {display: none; padding: 20px; border: 5px solid #fff; border-radius: 10px; box-sizing: border-box;}
.box_info.caution .list.on {display: block;}

@media all and (max-width:1280px){
    .greeting_wrap .slogan strong {font-size: 40px;}
}
@media all and (max-width:1140px){
    .greeting_wrap .slogan strong {font-size: 38px;}
}
@media all and (max-width:1024px){
    .greeting_wrap .slogan strong {font-size: 34px;}
    .greeting_wrap .slogan p {font-size: 18px;}
}
@media all and (max-width:768px){
    .greeting_wrap .slogan {margin: 0 0 35px;padding: 30px 20px;}
    .greeting_wrap .slogan strong {font-size: 30px;}
    .greeting_wrap .slogan strong img {display: block; margin: 0 auto 15px; height: 36px;}
    .greeting_wrap .slogan p {font-size: 16px;}
    
    #sub_greeting .name {font-size: 20px;}
    #sub_greeting .name img{height: 40px;}
    
    #sub_profile .dot > li {width: 100%; padding-left: 130px;}
    #sub_profile .dot > li:before {top: 5px;}
    #sub_profile .dot > li em {left: 15px; font-size: 17px;}
    #sub_profile .ls2 {letter-spacing: 31px;}
    #sub_profile .ls3 {letter-spacing: 6px;}
    #sub_profile .career {padding: 20px 25px;}
    #sub_profile .career .dash:not(:last-child) {margin: 0 0 20px;}
}
@media all and (max-width:568px){
    .greeting_wrap .slogan strong {font-size: 26px;}
    .greeting_wrap .slogan strong img {margin-bottom: 10px;height: 32px;}
    .greeting_wrap .slogan p {margin: 12px 0 0; font-size: 14px;}
    
    #sub_greeting .name {margin: 30px 0 0; font-size: 18px;}
    #sub_greeting .name img{margin: 0 0 0 6px;height: 32px;}
    
    #sub_profile .dot > li {padding-left: 115px;}
    #sub_profile .dot > li em {font-size: 16px;}
    #sub_profile .ls2 {letter-spacing: 28px;}
    #sub_profile .career .dash > li:before {top: 7px;}
    
    #sub_promise .list {min-height: auto;}
    #sub_promise .list .dot {min-height: auto; border-width: 7px; border-radius: 25px;}
    
    .box_info.caution button {width: 170px; height: 42px; line-height: 42px;}
}	
@media all and (max-width:380px){
    .greeting_wrap .slogan {padding: 25px 15px;}
    .greeting_wrap .slogan strong {font-size: 22px;}
    .greeting_wrap .slogan strong img {margin-bottom: 10px;height: 26px;}
    
    #sub_greeting .name {font-size: 17px;}
    #sub_greeting .name img{height: 29px;}
}