@charset "utf-8";

/* chairperson */
.chairperson .left { float: left; width: 45.43%; position: relative; }
.chairperson .left .img { padding-left: 15px; padding-top: 15px; }
.chairperson .left .img:before { content: ''; display: block; width: calc(100% - 15px); height: calc(100% - 15px); background-color: #dadada; position: absolute; left: 0; top: 0; }
.chairperson .left .img .wrap { position: relative; padding-top: 141%; overflow: hidden; }
.chairperson .left .img .wrap .centered { position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); */ }
.chairperson .left .img .wrap .centered img { position: absolute; top: 0; left: 0; max-width: none; width: auto; height: 100%; /* -webkit-transform: translate(-68%,-50%); -ms-transform: translate(-68%,-50%); transform: translate(-68%,-50%); */ }
.chairperson .right { float: left; width: 54.57%; box-sizing: border-box; padding-left: 50px; }
/* chairperson > greeting */
#greeting .right h4 { font-size: 26px; font-weight: 100; color: #1256b3; line-height: normal; margin-bottom: 20px; word-break: keep-all; word-wrap: break-word; }
#greeting .right p { font-size: 17px; font-weight: 100; color: #535353; line-height: normal; margin-bottom: 20px; word-break: keep-all; word-wrap: break-word; }
#greeting .right .sign { font-size: 20px; font-weight: 100; color: #3f3f3f; text-align: right; }
#greeting .right .sign img { vertical-align: text-bottom; margin-left: 20px; }
/* chairperson > profile */
#profile .list > li { line-height: normal; border-bottom: 1px solid #f1f1f1; padding: 10px 20px; }
#profile .list > li:before { content: ''; display: block; width: 31px; height: 5px; background: url("/images/member/sub/bl_profile.png") center no-repeat; margin-bottom: 3px; }
#profile .list > li:after { content: ''; display: block; clear: both; }
#profile .list > li span { float: left; overflow: hidden; color: #434242; }
#profile .list > li .tit { width: 32.6%; font-size: 22px; font-weight: 400; }
#profile .list > li .con { width: 67.4%; font-size: 19px; font-weight: 100; }
#profile .list > li.career { border-bottom: none; }
#profile .list > li.career .tit { margin-bottom: 10px; }
#profile .list > li.career > div { clear: both; border: 1px solid #e3e3e3; padding: 40px 0; margin-left: -20px; margin-right: -20px; }
#profile .list > li.career > div:after { content: ''; display: block; clear: both; }
#profile .list > li.career > div > ul {box-sizing: border-box;padding: 0 16px;}
#profile .list > li.career > div > ul li {font-size: 17px;font-weight: 100;color: #434242;margin-bottom: 10px;}

#sub_hope .red{color:#d53030;}
#sub_hope .info_box{position:relative; padding:2em 20% 2em 2em; margin:0 0 1.5em 0; border:1px solid #e0e0e0;}
#sub_hope .info_box:after{content:''; display:block; position:absolute; top:23px; right:3%; width:114px; height:134px; background:url(/images/kr/open/bg_hope.gif) no-repeat;}



@media all and (max-width: 1200px) and (min-width: 1025px) { 

}


@media all and (max-width: 1024px) {
	

}


@media all and (max-width: 768px) {
	
	.chairperson .left { float: none; width: 100%; max-width: 418px; margin: 0 auto; margin-bottom: 30px; }
	.chairperson .right { float: none; width: 100%; padding-left: 0; }
		
	#profile .list > li .tit { font-size: 18px; }
	#profile .list > li .con { font-size: 15px; }
	#profile .list > li.career > div { padding: 20px 0px; }
	#profile .list > li.career > div > ul { float: none; width: 100%; padding: 0 20px; border-right: none; }
	#profile .list > li.career > div > ul li { font-size: 16px; }

	
	#sub_hope .info_box{padding:2em;}
	#sub_hope .info_box:after{display:none;}

}