@charset "utf-8";

@media all and (max-width:768px){
	#sub_default{font-size:15px;}
}
.box_info{margin:0 0 50px 0; width:100%; box-sizing:border-box; box-shadow:5px 5px 15px #f2f2f2; border-radius:5px 5px 50px 5px; border:1px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(#4765eb 15%, #a3b5d9 10%); background-origin:border-box; background-clip:content-box, border-box;}
.box_info .box_inner{padding:40px; width:100%; box-sizing:border-box;}
@media all and (max-width:768px){
	.box_info .box_inner{padding:30px;}
	.box_info{margin:0 0 40px;}
}
@media all and (max-width:568px){
	.box_info .box_inner{padding:20px;}
	.box_info{margin:0 0 30px;}
}
.dot2{position:relative; padding:0 0 20px 26px; font-size:20px; font-weight:800;}
.dot2::before{content:""; position:absolute; left:0; top:3px; width:16px; height:16px; background:url("/images/kr/common/ico_subtit.png")no-repeat;}
@media all and (max-width:568px){
	.dot2{padding:0 0 14px 26px; font-size:18px;}
}
.dot3{position:relative; padding:0 0 10px 26px; font-size:16px; font-weight:800;}
.dot3::before{content:""; position:absolute; left:0; top:3px; width:16px; height:16px; background:url("/images/kr/common/ico_subtit.png")no-repeat;}
@media all and (max-width:568px){
	.dot3{padding:0 0 7px 26px;}
}
.dot_gr > li:before{background:#aaaaaa;}

.txt_wrap > ul{padding:0 0 0 27px;}
.txt_wrap > ul:not(:last-child){padding:0 0 10px 27px;}
@media all and (max-width:568px){
	.txt_wrap > ul{padding:0 0 0 10px;}
	.txt_wrap > ul:not(:last-child){padding:0 0 10px 10px;}
}
/* 의원 인사말&프로필 */

.intro .wrap{position:relative; padding-top:15px;}
.intro .pic_wrap{position:absolute; top:0; right:50px; width:360px; height:420px;}
.intro .pic{position:absolute; right:0; top:0; width:340px; height:400px; background:#ddd; border-radius:5px;} 
.intro .pic img{width:100%; height:100%}
.intro .pic_name{position:absolute; bottom:0; left:0; box-sizing:border-box; overflow:hidden; padding:20px 30px; width:340px; height:100px; background:linear-gradient(45deg, #1484c7, #4454c6); border-radius:5px 5px 5px 25px; text-align:right;}
.intro .pic_name::after{position:absolute; content:""; left:-10%; top:10px; display:block; width:137px; height:130px; background:url("/images/member/sub/bg_mark.png")no-repeat;}
.intro .pic_name .bg_txt{font-size:11px; color:#fff; font-weight:800; font-family:"gmarket"; letter-spacing:3px; text-transform:uppercase; opacity:0.2;}
.intro .pic_name p{color:#fff;}
.intro .pic_name .name{font-weight:700; font-size:24px;}

.intro .txt_wrap{padding:0 0 0 50px; word-break:keep-all;}
.intro .txt_wrap .bg_txt{color:#eeeeee; font-weight:900; font-family:"gmarket"; letter-spacing:6px; text-transform:uppercase;}
.intro .txt_wrap .bg_txt::after{content:""; display:block; margin:20px 0; width:50px; height:1px; background:#e65245;}
.intro .txt_wrap p{font-size:20px; padding:0 0 10px;}
.intro .txt_wrap .tit{color:#222; font-size:30px; padding:0 0 40px; line-height:150%; font-weight:700;}
.intro .txt_wrap .tit strong{position:relative; color:#356bd1; font-weight:800; font-size:36px;}
.intro .txt_wrap .tit strong::after{content:""; display:block; position:absolute; z-index:-1; left:-2.5%; bottom:-4px;  width:105%; height:20px; background:#e9eef6; border-radius:10%;}

.intro .txt{padding:45px 50px; background:linear-gradient(45deg, #edf6fb, #edf0f9);}
.intro .txt p{padding:0 0 15px; color:#222;}

@media all and (max-width:1340px){
	.intro .pic_wrap{width:320px; height:380px;}
	.intro .pic{width:300px; height:360px;}
	.intro .pic_name{width:300px; height:90px;}
}
@media all and (max-width:1200px){
	.intro .pic_wrap{width:280px; height:340px;}
	.intro .pic{width:260px; height:320px;}
	.intro .pic_name{padding:10px 20px; width:260px; height:80px;}
	.intro .pic_name .bg_txt{font-size:9px; letter-spacing:1px;}
	.intro .txt_wrap .tit{padding:0 50% 40px 0;}
}
@media all and (max-width:768px){
	.intro .pic_wrap{top: 80px; width:220px; height:280px;}
	.intro .pic{width:200px; height:240px;}
	.intro .pic_name{padding:5px 10px; width:200px; height:60px;}
	.intro .pic_name .bg_txt{font-size:9px; letter-spacing:1px;}
	.intro .pic_name .name{font-size:18px;}

	.intro .txt_wrap .tit{font-size:24px;}
	.intro .txt_wrap .tit strong{font-size:30px;}

	.intro .txt{padding:35px 40px;}
}
@media all and (max-width:640px){
	.intro .pic_wrap{position:relative; margin:0 auto 20px auto; top:0; right:0;}
	.intro .txt_wrap .tit{padding:0 0 30px;}
	.intro .txt_wrap{padding:0 0 0 20px;}

	.intro .txt{padding:25px 30px;}

}

#sub_profile{color:#222;}
#sub_profile .dot > li:not(:last-child){padding-bottom:25px;}
#sub_profile .dot > li > em{display:inline-block; min-width:88px; vertical-align:top;}
#sub_profile .dot > li > div{display:inline-block;}
#sub_profile .dot > li > div > span{font-weight:800;}
#sub_profile .dot > li > div > ul { width:100%;}
#sub_profile .dot > li > div > ul > li{font-weight:700; padding-bottom:4px; letter-spacing:-0.25;}
#sub_profile .ls2{letter-spacing:11px;}

@media all and (max-width:440px){
	#sub_profile .dot > li > em{min-width:65px;}
	#sub_profile .dot > li:last-child{display:flex;}
}