@charset "utf-8";
#sub_default{line-height:165%; font-size:15px;}
.fz15 {font-size: 15px;}
.co5 {color:#555;}
.coR {color:#e86161;}
.bold {font-weight: 500;}


/* 공통 */
/* 텍스트정렬 */
.sub_func .txt_wrap + h4{margin-top:40px;}
.sub_func .txt_wrap{word-break:keep-all;}
.sub_func .txt_wrap + .txt_wrap{margin-top:40px;}
.sub_func .txt_wrap > * + *{margin-top:15px;}
.sub_func .txt_wrap > div + *{margin-top:18px;}
.sub_func .txt_wrap > ul > li + li{margin-top:5px;}
.sub_func .txt_wrap > ul > li > * + *{margin-top:5px;}
.sub_func .txt_wrap > strong.bullet + div{margin-top:5px;}
.sub_func .txt_wrap > .p_wrap > p + p{margin-top:5px;}
.sub_func .txt_wrap > *:last-child{margin-bottom:0 !important;}
.sub_func .box_info + .txt_wrap{margin-top:25px;}
.sub_func .txt_wrap > ul + table,
.sub_func .txt_wrap > ul + .table_wrap,
.sub_func .txt_wrap > .table_info + .table_wrap{margin-top:5px;}
.sub_func .txt_wrap > ul + .table_info{margin-top:10px !important;}

/* 텍스트스타일 */
.sub_func .txt_wrap > strong.bullet{display:flex; align-items:flex-start; font-size:17px; font-weight:500;}
.sub_func .txt_wrap > strong.bullet:before{content:''; flex:0 0 auto; width:10px; height:10px; margin:7px 8px 0 0; border:3px solid #2f8b9b; border-radius:50%;}
.sub_func .txt_wrap > p.bullet{position:relative; display:flex; align-items:flex-start; padding:0 0 0 18px;}
.sub_func .txt_wrap > p.bullet:before{content:''; position:absolute; top:7px; left:0; flex:0 0 auto; width:10px; height:10px; border:3px solid #2f8b9b; border-radius:50%;}

/* 리스트스타일 */
ul.bullet > li > strong{display:flex; font-size:17px; font-weight:500;}
ul.bullet > li > strong:before{content:''; flex:0 0 auto; width:10px; height:10px; margin:7px 8px 0 0; border:3px solid #2f8b9b; border-radius:50%;}
ul.bullet > li > *:not(:first-child){padding:0 0 0 18px;}
ul.bullet > li > strong + span{display:flex;}
ul.bullet > li > strong + .box_info{padding:0px; margin-top:5px;}

ul.dot_s > li{position:relative; padding:0 0 0 8px;}
ul.dot_s > li:before{content:''; position:absolute; top:11px; left:0; width:2px; height:2px; border-radius:50%; background:#222;}

@media all and (max-width:568px){
	ul.bullet > li > strong:before,
	.sub_func .txt_wrap > strong.bullet:before{margin:7.5px 5px 0 0;}
	.sub_func .txt_wrap > p.bullet{padding:0 0 0 15px;}

	ul.bullet > li > *:not(:first-child){padding:0 0 0 10px;}
}

/* 공통박스 */
.box_info{position:relative; z-index:1; margin:0 0 50px; padding:5px; box-sizing:border-box; word-break:keep-all; background:url(/images/common/bg_pattern.png) repeat;}
.box_info:before{z-index:-1; content:''; display:block; position:absolute; top:5px; left:5px; width:calc(100% - 10px); height:calc(100% - 10px); background:#fff;}
.box_info>.inr{padding:27px 43px 30px 43px;}
.box_info.org_wrap, .box_info.proc_wrap{margin:0;}
.box_info>.inr>p.bullet:before{top:10px;}

.box_info.callout>.inr{padding:35px;}
.box_info.callout>.inr>strong{display:block; margin:30px 0 15px 0; font-size:23px; font-weight:700; color:#2f8b9b;}
.box_info.callout>.inr>* + *{margin:12px 0 0 0;}
.box_info.callout>.inr>strong + p{font-size:16px;}
/* .box_info.callout *:not(strong){font-weight:200;} */
.box_info.callout>.inr>strong:first-child{margin-top:0;}
.box_info.callout ul>li>*{display:block;}
.box_info.callout ul>li>strong{font-size:16px; font-weight:500;}



@media all and (max-width:768px){
	.box_info.callout>.inr{padding:30px;}
	.box_info.callout>.inr>strong{font-size:20px; margin:30px 0 10px 0;}
}
@media all and (max-width:568px){
	.box_info{margin:0 0 40px;}
	.box_info.callout>.inr{padding:25px;}
	.box_info.callout>.inr>strong{font-size:18px; margin:30px 0 0 0;}
	.box_info.callout>.inr>* + *{margin:10px 0 0 0;}
}
@media all and (max-width:380px){
	.box_info{margin:0 0 30px;}
}


/* 기타 */
.colon{padding:0 3px;}
.txt_wrap .btn_down{margin:0 0 0 5px; padding:5px 20px; border-radius:50px; background:#273b47; font-size:14px; color:#fff;}
.txt_wrap .btn_down:hover,
.txt_wrap .btn_down:active,
.txt_wrap .btn_down:focus{color:#fff;}


/* 의장 인사말, 약력 */
#sub_greeting{position:relative; z-index:1;}
#sub_greeting:before{content:''; position:absolute; top:80px; left:0; width:calc(100% + 340px); height:372px; background:url(/images/kr/intro/bg_chairman.jpg) no-repeat; background-size:cover;}
#sub_greeting .pic_wrap{position:relative; z-index:1; display:flex;}
#sub_greeting .pic{display:flex; align-items:center; width:47.33%; padding:0 0 0 5%; box-sizing:border-box; text-align:right;}
#sub_greeting .txt{flex:1 1 auto; display:flex; flex-direction:column; justify-content:center; height:372px; margin:80px 0 0 0; padding:0 0 0 4.66%; box-sizing:border-box; font-size:17px; }
#sub_greeting .tit{position:relative; margin:0 0 55px;}
#sub_greeting .tit .slogan{margin:0 0 5px; font-size: 24px; font-weight: 100;}
#sub_greeting .tit>span{font-size:42px; font-weight:600; color:#38977b; line-height: 1.2;}
#sub_greeting .tit>span>strong{position:relative; color:#333; z-index: 1;}
#sub_greeting .tit>span>strong:after{content:''; position:absolute; top:-3px; left:calc(100% - 3px); display:block; width:59px; height:41px; background:url(/images/kr/intro/pic_quot.png) no-repeat; background-size:contain; z-index: -1;}
#sub_greeting .txt>p{line-height:160%; margin:0 0 28px;}
#sub_greeting .name>span{display: block; padding:0 10px 10px 0;}
#sub_greeting .txt_wrap{margin:30px 0 0 0;}

@media all and (max-width:1240px){
	#sub_greeting .pic{width:43%;}
}
@media all and (max-width:1024px){
	#sub_greeting:before{top:35px; width:100%; background-position:center;}
	#sub_greeting .pic{align-items:flex-end; padding:0 0 0 4%;}
	#sub_greeting .txt{margin:35px 0 0 0; padding:0 0 0 3%;}
	#sub_greeting .tit>span>strong:after{width:40px;}
}
@media all and (max-width:850px){
	#sub_greeting:before{height:350px; top:0;}
	#sub_greeting .pic{width:40%;}
	#sub_greeting .txt{height:350px; margin:0;}
    #sub_greeting .tit {margin: 0 0 40px;}
}
@media all and (max-width:768px){
	#sub_greeting:before{height:320px;}
	#sub_greeting .pic{width:30%; align-items:center;}
	#sub_greeting .txt{height:320px; padding:0 0 0 4%; font-size:16px;}
    #sub_greeting .tit .slogan {font-size: 20px;}
	#sub_greeting .slogan img{height:36px;}
	#sub_greeting .tit>span{font-size:40px;}
}
@media all and (max-width:650px){
	#sub_greeting .txt{width:70%; padding:0 4%;}
	#sub_greeting .slogan img{height:30px;}
	#sub_greeting .tit{margin:0 0 15px;}
	#sub_greeting .tit>span{font-size:34px;}
	#sub_greeting .txt>p{margin:0 0 15px; word-break:keep-all;}
	#sub_greeting .txt>p br{display:none;}
}
@media all and (max-width:568px){
	#sub_greeting:before{display:none;}
	#sub_greeting .pic_wrap{flex-direction:column; justify-content:flex-start; align-items:center; padding:30px; box-sizing:border-box; background:url(/images/kr/intro/bg_chairman.jpg) no-repeat; background-size:cover;}
	#sub_greeting .pic{width:40%; padding:0;}
    #sub_greeting .tit .slogan {font-size: 18px;} 
	#sub_greeting .txt{width:100%; height:auto; padding:20px 0 0 0;}
	#sub_greeting .txt>p{margin:0 0 20px;}
	#sub_greeting .txt>p br{display:block;}
	#sub_greeting .name img{height:20px;}
}
@media all and (max-width:450px){
	#sub_greeting .pic_wrap{padding:20px 20px 25px 20px;}
	#sub_greeting .tit .slogan{margin:0 0 10px;}
	#sub_greeting .slogan img{height:26px;}
	#sub_greeting .tit>span{font-size:18px;}
}
@media all and (max-width:380px){
	#sub_greeting .pic{width:60%;}
	#sub_greeting .txt{font-size:15px;}
    #sub_greeting .tit .slogan {font-size: 16px;} 
	#sub_greeting .slogan img{height:24px;}
	#sub_greeting .tit>span{font-size:26px;}
	#sub_greeting .tit>span>strong:after{width:30px;}
	#sub_greeting .name img{height:16px;}
}

/* 의회연혁 */
/* tab1 */
#sub_history .con_tit{display:flex; align-items:center; justify-content:center; height:218px; background:url(/images/kr/intro/bg_history.jpg) no-repeat; background-size:cover; color:#fff}
#sub_history .con_tit>.inr{position:relative; text-align:center;}
#sub_history .con_tit>.inr *{text-shadow:0 0 10px rgba(0,0,0,0.5);}
#sub_history .con_tit h3{position:relative; z-index:1; justify-content:center; margin:0 0 8px; padding:5px 0 0 0; font-family:'gmarket'; font-size:39px; font-weight:900; line-height:100%;}
#sub_history .con_tit p{position:relative; z-index:1; font-size:16px;}

#sub_history .his_wrap{position:relative;}
#sub_history .his_wrap>li{position:relative; display:flex;}
#sub_history .his_wrap>li:before{content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background-image:linear-gradient(to right, #7f7f7f 10%, rgba(255,255,255,0) 0%); background-position:top; background-size:10px 1px; background-repeat:repeat-x;}

#sub_history .his_wrap>li>*{padding:28px 0; box-sizing:border-box;}
#sub_history .his_wrap>li:first-child>*{padding:35px 0 28px;}
#sub_history .his_wrap>li:nth-last-child(2):before{display:none;}
#sub_history .his_wrap>li>.tit{position:relative; flex:0 0 auto; display:flex; flex-direction:column; width:30%; padding-left:3.92%; border-right:1px solid #aaa89d;}
#sub_history .his_wrap>li>.tit .circle{position:absolute; z-index:2; top:50%; right:0; width:22px; height:22px; border-radius:50%; box-sizing:border-box; border:6px solid #aaa89d; background:#fff; transform:translate(50%,-50%);}
#sub_history .his_wrap>li:first-child .circle{border-color:#4e4b34;}
#sub_history .his_wrap>li .circle.on{border-color:#4e4b34;}
#sub_history .his_wrap>li>.tit strong{margin:0 0 6px; font-size:26px; font-weight:700; color:#4e4b34;}
#sub_history .his_wrap>li>.tit .date{margin:0 0 5px; font-size:16px; color:#aa753b;}
#sub_history .his_wrap>li>.tit ul{font-size:15px; line-height:160%;}
#sub_history .his_wrap>li>.tit ul>li + li{margin-top:3px;}

#sub_history .his_wrap>li>.txt{flex:1 1 auto; padding-left:6.72%; padding-right:20px; font-size:15px; line-height:160%;}
#sub_history .his_wrap>li>.txt ul>li{display:flex;}
#sub_history .his_wrap>li>.txt ul>li + li{margin-top:4px;}
#sub_history .his_wrap>li>.txt ul>li:before{top:10px; width:4px; height:4px; background:#4e4b34;}
#sub_history .his_wrap>li>.txt strong{flex:0 0 auto; font-weight:400;}

#sub_history .his_wrap .line{z-index:1; position:absolute; top:0; left:calc(30% - 2px); width:3px; padding:0 0 233px; background:#4e4b34;}

@media all and (max-width:1200px){
	#sub_history .his_wrap>li>.tit{width:35%;}
	#sub_history .his_wrap .line{left:calc(35% - 2px);}
}
@media all and (max-width:768px){
	#sub_history .his_wrap>li>.tit{width:210px; padding-left:0;}
	#sub_history .his_wrap .line{left:calc(210px - 2px); padding:0 0 390px;}
	#sub_history .his_wrap>li>.tit strong{font-size:24px;}
	
	#sub_history .his_wrap>li>.txt{padding-left:5%;}
	#sub_history .his_wrap>li>.txt ul>li{flex-wrap:wrap;}
	#sub_history .his_wrap>li>.txt ul>li span{flex:0 0 auto; width:100%;}
}
@media all and (max-width:568px){
	#sub_history .con_tit{height:170px;}
	#sub_history .con_tit h3{font-size:30px}

	#sub_history .his_wrap>li:first-child .tit{padding-top:28px;}
	#sub_history .his_wrap>li>.tit{position:absolute; left:30px; flex-wrap:wrap; flex-direction:row; width:calc(100% - 30px); padding-left:30px; border-right:none;}
	#sub_history .his_wrap>li>.tit .circle{top:28px; left:0; transform:translate(-50%,0);}
	#sub_history .his_wrap>li>.tit .date{margin:0; padding:3px 0 0 5px;}
	#sub_history .his_wrap>li>.tit ul{margin:5px 0 0 0;}
	#sub_history .his_wrap>li>.tit ul li br{display:none;}
	
	#sub_history .his_wrap>li>.txt{width:calc(100% - 30px); margin-left:30px; padding-left:30px; padding-right:0; padding-top:95px; border-left:1px solid #aaa89d;}
	#sub_history .his_wrap>li:first-child .txt{padding-top:125px;}

	#sub_history .his_wrap .line{left:calc(30px - 1px); padding:0 0 540px;}
}
@media all and (max-width:480px){
	#sub_history .his_wrap>li>.tit strong{font-size:20px;}
	#sub_history .his_wrap>li>.tit .date{font-size:15px;}
}
@media all and (max-width:420px){
	#sub_history .con_tit{height:150px;}
	#sub_history .con_tit h3{font-size:26px;}
	#sub_history .con_tit p{font-size:15px;}

	#sub_history .his_wrap>li>.tit{left:10px; flex-direction:column; padding-left:20px;}
	#sub_history .his_wrap>li>.tit .circle{top:32px; width:15px; height:15px; border-width:4px;}
	#sub_history .his_wrap>li>.tit .date{padding:0;}
	#sub_history .his_wrap>li>.tit ul{font-size:14px;}
	#sub_history .his_wrap>li>.tit ul>li + li{margin-top:0;}

	#sub_history .his_wrap>li>.txt{width:calc(100% - 10px); margin-left:10px; padding-left:20px; padding-top:125px;}
	#sub_history .his_wrap>li:first-child .txt{padding-top:150px;}
	#sub_history .his_wrap .line{left:calc(10px - 1px);}
}
@media all and (max-width:380px){
	#sub_history .his_wrap>li:first-child .txt{padding-top:170px;}
}

/* tab2 */
#sub_history #tab2>div{position:relative; display:flex; padding:46px 0 150px 0;}
#sub_history .pic_wrap{position:absolute; top:0; width:100%;}
#sub_history .pic_wrap .pic{position:relative; z-index:1; width:93.18%; height:443px; border-radius:50px 0; overflow:hidden;}
#sub_history .pic_wrap .pic img{height:100%; max-width:none;}
#sub_history .pic_wrap:before{content:''; position:absolute; z-index:0; top:132px; right:0; width:93.18%; height:443px; border-radius:50px 0; background:url(/images/kr/intro/bg_dot.png) repeat;}
#sub_history .txt_wrap{position:relative; z-index:2; width:57.7%; min-width:500px; margin:0 0 0 auto; padding:48px 55px 50px 55px; box-sizing:border-box; border-radius:0 0 50px 0; background: rgb(68,184,132); background: linear-gradient(120deg, rgba(68,184,132,1) 0%, rgba(0,123,149,1) 80%); color:#fff;}
#sub_history .txt_wrap>*{text-shadow:0 0 8px rgba(0,0,0,0.35);}
#sub_history .txt_wrap>strong{display:block; padding:0 0 15px; font-size:30px; font-weight:700;}
#sub_history .txt_wrap>ul>li{display:flex; margin:4px 0;}
#sub_history .txt_wrap>ul>li strong{flex:0 0 auto; font-weight:400;}
#sub_history .txt_wrap>ul>li span{font-weight:200;}

@media all and (max-width:768px){
	/* tab2 */
	#sub_history #tab2>div{padding:210px 0 0 0;}
	#sub_history .pic_wrap:before{display:none;}
	#sub_history .pic_wrap .pic{width:100%; height:330px;}
	#sub_history .txt_wrap{width:90%; min-width:auto; margin:0 auto;}
}
@media all and (max-width:568px){
	/* tab2 */
	#sub_history #tab2>div{padding:190px 0 0 0;}
	#sub_history .pic_wrap .pic{height:300px;}
	#sub_history .txt_wrap{padding:38px 40px;}
	#sub_history .txt_wrap>strong{font-size:26px;}
}
@media all and (max-width:480px){
	/* tab2 */
	#sub_history #tab2>div{padding:160px 0 0 0;}
	#sub_history .pic_wrap .pic{height:260px;}
	#sub_history .txt_wrap>strong{font-size:24px;}
	#sub_history .txt_wrap>ul>li{flex-wrap:wrap; margin:6px 0;}
	#sub_history .txt_wrap>ul>li .colon{display:none;}
	#sub_history .txt_wrap>ul>li span{width:100%;}
}
@media all and (max-width:400px){
	/* tab2 */
	#sub_history .txt_wrap{width:95%; padding:30px 25px;}
	#sub_history .txt_wrap>strong{padding:0 0 10px;}
}


/* 조직도 공통 */
.org em,.org span{position:relative; z-index:1; display:flex; justify-content:center; align-items:center; font-weight:500;}
.org span br{display:none;}
.org .last span{background:#e4e4e4; color:#333;}
.org .last{position:relative; display:flex; padding:34px 0 0 0;}
.org .last>li{width:calc((100% - (10px * 3)) / 4);}
.org .last>li + li{margin-left:10px;}
.org .last:before{content:''; position:absolute; top:0; left:50%; width:calc(100% - ((100% - (10px * 3)) / 4)); height:34px; border:1px solid #ddd; border-width:1px 1px 0 1px; transform:translateX(-50%);}
.org .last>li:nth-child(2) span:before,
.org .last>li:nth-child(3) span:before{content:''; position:absolute; bottom:100%; left:calc(50% - 0.5px); width:1px; height:34px; background:#ddd;}

@media all and (max-width:568px){
	.org span{font-size:15px;}

	.org .last{padding:30px 0 0 0;}
	.org .last:before{height:30px;}
    .org .last span {height: 70px;}
	.org .last>li:nth-child(2) span:before,
	.org .last>li:nth-child(3) span:before{height:30px;}
}

@media all and (max-width:380px){
	.org .last span{font-size:14px;}
}


/* 의회구성 */
#sub_org .org_wrap>.inr{padding:45px 0 63px 0;}
#sub_org .org{width:87.85%; margin:0 auto; color:#fff;}
#sub_org .org em{height:131px; padding:17px 0 0; margin:0 auto; background:url(/images/kr/intro/bg_org1.png) no-repeat center bottom; background-size:contain; font-size:23px;}
#sub_org .org span{height:48px; font-size:16px; line-height:120%; text-align:center;}
#sub_org .org2 span{width:227px; background:#5674a6;}

#sub_org .org2{position:relative; display:flex; width:50%; margin-left:50%; padding:38px 0 38px 130px; box-sizing:border-box;}

#sub_org .org2:before{content:''; position:absolute; top:0; left:0; width:1px; height:100%; background:#ddd;}
#sub_org .org2:after{content:''; position:absolute; top:50%; left:0; width:70%; height:1px; background:#ddd;}

@media all and (max-width:768px){
	#sub_org .org_wrap>.inr{padding:5%;}
	#sub_org .org{width:100%;}
	#sub_org .org em{height:120px; font-size:20px;}
	#sub_org .org2{padding:30px 0 30px 20%;}
}
@media all and (max-width:568px){
	#sub_org .org em{height:100px; font-size:18px;}
    #sub_org .org span {font-size: 15px;}
	#sub_org .org span br{display:block;}
	#sub_org .org2{padding:22px 0 22px 20%;}
    #sub_org .org .last {display: inline-block;}
    #sub_org .org .last>li {float: left; width: calc((100% - (10px)) / 2); margin-bottom: 10px;}
    #sub_org .org .last>li:nth-child(3) {margin-left: 0;}
    #sub_org .org .last span {height: 60px;}
    .org .last:before {width: calc((100% - (10px)) / 2);}
    .org .last>li:nth-child(2) span:before, .org .last>li:nth-child(3) span:before {display: none;}
	
}
@media all and (max-width:380px){
	#sub_org .org_wrap>.inr{padding:10px;}
	#sub_org .org em{height:80px; font-size:17px;}
    #sub_org .org span {font-size: 14px;}
}

/*찾아오시는길*/
#sub_location .map_border {display:none;}
#sub_location .root_daum_roughmap,.root_daum_roughmap .wrap_map{width:100% !important; height:100% !important;}
#sub_location .roughmap_maker_label{border-radius:30px;}
#sub_location .roughmap_maker_label .roughmap_lebel_text{padding:8px 15px 8px; font-size:0; letter-spacing:-1px; border-radius:30px; background-color:#fff;}
#sub_location .roughmap_maker_label .roughmap_lebel_text:before{content:''; display:inline-block; width:30px; height:30px; margin:0 5px 0 0; vertical-align:top; background-image:url(/images/common/ico_logo.png); background-repeat:no-repeat; background-size:contain;}
#sub_location .roughmap_maker_label .roughmap_lebel_text:after{content:"GURO-GU COUNCIL"; display:inline-block; line-height:30px; font-size:20px; font-weight:700; font-family:"score";}

#sub_location .info_wrap{position:relative; width:100%; margin:0 0 45px;}
#sub_location .map{width:100%; height:405px; box-sizing:border-box; border:5px solid #cee6de; border-width:5px 5px 0 5px;}
#sub_location .info{width:100%; height:89px; padding:0 0 0 5.6%; box-sizing:border-box; border-radius:0 0 30px 0; background:#cee6de; color:#000; font-size:16px;}
#sub_location .info>ul{display:flex; align-items:center; height:100%;}
#sub_location .info>ul>li{flex:0 0 auto; display:flex; align-items:center; word-break:keep-all;}
#sub_location .info>ul>.addr{margin:0 7.28% 0 0;}
#sub_location .info>ul>.call{flex:1 1 auto;}
#sub_location .info>ul>li:before{content:''; width:56px; height:56px; margin:0 12px 0 0; border-radius:50%; background-color:#fff; background-repeat:no-repeat; background-position:center;}
#sub_location .info>ul>.addr:before{background-image:url(/images/kr/intro/ico_addr.png);}
#sub_location .info>ul>.call:before{background-image:url(/images/kr/intro/ico_call.png);}

#sub_location .traffic>li>*:first-child{flex:0 0 auto;}

@media all and (max-width:886px){
	#sub_location .info{padding:0 0 0 3.18%;}
}
@media all and (max-width:768px){
	#sub_location .info>ul>li:before{width:45px; height:45px; margin:0 10px 0 0;}
}
@media all and (max-width:650px){
	#sub_location .info{height:auto; padding:10px 20px;}
	#sub_location .info>ul{flex-wrap:wrap;}
	#sub_location .info>ul>li{width:100%;}
	#sub_location .info>ul>li + li{margin-top:8px;}
}
@media all and (max-width:568px){
	#sub_location .info_wrap{margin:0 0 35px;}
	#sub_location .map{height:300px; border-width:3px 3px 0 3px;}
	#sub_location .info{padding:10px 15px; font-size:15px;}
	#sub_location .info>ul>li:before{width:40px; height:40px;}
	#sub_location .info>ul>.addr:before{background-size:14px auto;}
	#sub_location .info>ul>.call:before{background-size:19px auto;}

}

/* 의원소개 */
#sub_active{float:left; width:100%;}
#sub_active .normal_list img,
#sub_memberlist .normal_list img{max-width:119px;}
.profile{float:left; width:47.8%; margin:0 0 34px 0; padding:30px 0 0 0; color:#333; border-radius:10px; border:1px solid rgba(41,46,68,0.15); box-sizing:border-box;}
.profile:hover{border-color:rgba(41,46,68,0.5);}
.profile.none{float:right;}
.profile dl{position:relative; float:left; width:100%; padding:0 0 0 41.9%; box-sizing:border-box;}
.profile dt{position: absolute; top:0; left:7.7%;}
.profile dt img{max-width:100%; border:1px solid #e5e5e5;}
.profile dd{float:left; width:100%; min-height:185px;}
.profile .name {overflow:hidden; width:100%; padding:8px 0 20px 0;}
.profile .name strong{float:left; display:block; line-height:30px; font-size:27px; font-weight:900; color:#000; letter-spacing:-2px;}
.profile dd ul{clear:both; width:100%;}
#sub_active dl, #sub_district dl, #sub_memberlist dl{margin: 0;}
#sub_active .profile dd li,
#sub_district .profile dd li,
#sub_memberlist .profile dd li{position:relative; padding:0 0 8px 87px; line-height:135%; box-sizing:border-box;}
#sub_active dl dd ul li:last-child,
#sub_district dl dd ul li:last-child,
#sub_memberlist dl dd ul li:last-child{padding: 0 0 8px 87px;}

.profile dd li *{display:inline-block; vertical-align:top;}
.profile dd li:before{left:3px; top:7px; width:5px; height:5px; background:#d5525e;}
.profile dd li em{position:absolute; top:0; left:14px; width:85px; letter-spacing:1px; padding: 0;}
.profile dd li em::after {display: none;}

.profile dl dd ul li::after {display: none;}
.profile dd li span{width:100%; word-break:break-all;}
.profile dd li .colon{position:absolute; top:0; left:77px; width:auto;}
.profile .btns{clear:both; overflow:hidden; width:100%; min-height:0; padding:0;}
.profile .btns a{position:relative; float:left; width:50%; height:60px; line-height:60px; font-weight:400; border-top:1px solid rgba(41,46,68,0.1); border-right:1px solid rgba(41,46,68,0.15); color:#292e45; border-radius:0 0 0 10px; background:#f3f3f8; text-align:center; text-decoration:none; box-sizing:border-box;}
.profile .btns a.end{width:calc(50% + 1px);  margin:0 0 0 -1px; border-right:none; border-left:1px solid rgba(41,46,68,0.15); border-radius:0 0 10px 0;}
.profile .btns a.end:after{content:''; display:inline-block; vertical-align:middle; width:14px; height:14px; margin:-3px 0 0 6px; background:url(/images/kr/member/ico_open.png) no-repeat 0 100%;}
.profile .btns a:hover{z-index:1; background-color:#fff; border-color:rgba(41,46,68,0.5);}

.profile .sns{float:left; padding:0 0 0 24px;}
.profile .sns a{float:left; width:28px; height:26px; font-size:0; text-indent:-9999px; background:url(/images/common/ico_sns_on.jpg) no-repeat 0 0;}
.profile .sns .tw{background-position:0 -26px;}
.profile .sns .bl{background-position:0 -52px;}
.profile .sns .kko{background-position:0 -78px;}
.profile .sns .insta{background-position:0 -104px;}
.profile .sns .channel{background-position:0 -130px;}
#sub_memberlist .profile .btns a:first-child{width:100%; border-right:none; border-radius:0 0 10px 10px;}

@media all and (max-width:1230px) {
	.profile dt{left:4.5%; width:35%; max-width:140px;}
	.profile .name{padding:3px 0 20px;}
	.profile .name strong{line-height:32px; font-size:23px;}
	.profile .sns{padding:0 0 0 7px;}
}
@media all and (max-width:1024px) {
	.profile{width:49%;}
	.profile dl{padding:0 0 0 38%;}
	.profile dt{left:4.5%; width:35%; max-width:155px;}
	.profile dt img{width:87%; max-width:119px; height:auto;}
	.profile dd{min-height:187px;}
	.profile .name{padding:0 0 15px;}
	.profile .name strong{font-size:25px;}
	.profile dd li{padding-bottom:7px;}
}
@media all and (max-width:768px) {
	.profile{overflow:hidden; width:100%; height:auto; padding:20px 0;}
	.profile dl{padding:0 0 27px 170px;}
	.profile dt{left:3.5%;}
	.profile dd{min-height:135px;}
	.profile .name strong{font-size:23px;}
	.profile .btns{margin:1em 0 0 0;}
}
@media all and (max-width:568px) {
	.profile dl{padding:0 0 23px 38%;}
	.profile .name{padding:0 0 12px;}
	.profile .name strong{font-size:21px;}
	.profile dd li{padding:0 0 5px 80px;}
	.profile dd li:before{top:5px;}
	.profile .btns a{height:47px; line-height:47px;}
}
@media all and (max-width:380px) {
	.profile dd li:first-child em{letter-spacing:12px;}
	.profile dd li .colon{left:70px;}
}
@media all and (max-width:357px) {
	.profile .name strong{font-size:20px;}
	.profile .sns{width:100%; padding:5px 0 0 0;}
}