/*공통*/
.sub{padding:50px 0; border-top:1px solid #eee; background:url(/img/bg_deco.png) right bottom no-repeat}

/*Greeting*/
.wrap_greeting{display:flex}
.wrap_greeting .img{ float:left; margin:0 30px 30px 0; text-align:center}
.wrap_greeting .img img{ width:216px; border-radius:15px}

/*Introduction*/
.wrap_introduction{display:flex; align-itmes:flex-start}
.wrap_introduction .img{width:40%; margin:0 3% 0 0}
.wrap_introduction .txt{width:57%}

/*people*/
.wrap_member .title3{ margin:20px 0 20px 0; padding:20px 0 0 0; border-top:1px solid #ccc; font-size:1.5rem}
.wrap_member ul {
	margin: 0;
	padding: 0
}
.wrap_member .head {

	display: flex;
	align-itmes: flex-start;
	box-sizing: border-box;
	margin:0 0 30px 0
}
.wrap_member .head .img {
	width: 40%;
	margin: 0 3% 0 0;
	height: 100%
}
.wrap_member .ul_member li {
	list-style: none;
	width: 49.2%;
	box-sizing: border-box; margin:0 0 20px 0; display:flex; border:1px solid #ddd; padding:1.5rem; background:#fff
}
.wrap_member .ul_member2 li{ width:100%; border:1px solid #999}
.wrap_member .ul_member2 li .img{ width:17.22% !important}
.wrap_member .ul_member2 li .txt{ width:82.78% !important; background-size:14.76% !important}
.ceo_career{display:flex; justify-content:space-between}
.wrap_member .ul_member li:hover{border:1px solid #04729e}
.wrap_member .inner {
	margin: 0 auto;
	width: 1300px
}
.wrap_member .ul_member li .img{width:35%; box-sizing:border-box; padding:0 1.5rem 0 0}
.wrap_member .ul_member li .txt{width:65%; box-sizing:border-box; letter-spacing:0; background:url(/img/bg_deco2.svg) right top no-repeat; background-size:30%; ba}
.wrap_member .ul_member li .txt p{ word-break:keep-all; color:#666}
.wrap_member .head .txt {
	width: 57%
}
.wrap_member .ul_member {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
.wrap_member .head .inner {
	display: flex;
	align-items: flex-start
}
.wrap_member .ul_member li .img img{ aspect-ratio:299/385; width:100%; border-radius:15px}
.wrap_member .ul_member li .txt .name{font-size:1.2rem}
.wrap_member .ul_member li .txt .title{display:block; color:#04729e; font-weight:500; border:1px solid #04729e; margin:1rem 0 0 0; border-radius:10px; width:80px; text-align:center}
.wrap_member .ul_member .has_title{display:flex}
.wrap_member .ul_member .has_title .title2{white-space:nowrap; padding:0 5px 0 0; color:#04729e}

/*Research*/
.has_bullet{ display:flex; position:relative}
.has_bullet span{display:inline-block; width:3px; height:3px; background:#666; border-radius:100%; margin:11px 10px 0 0}
.wrap_research .ul_member li .img{display:none}
.wrap_research .ul_member li .txt{width:100%}
.ul_con22{display:flex; flex-wrap:wrap; justify-content:space-between}
.ul_con22 li{width:calc(50% - 20px); margin:10px; aspect-ratio:1/0.5; position:relative; display:flex; justify-content:center; align-items:center}
.ul_con22 li span{ position:absolute; top:0; left:0}
.ul_sub32{display:flex; justify-content:center}
.ul_sub32 dt, .ul_sub32 dd{text-align:left; padding:0 0 0 5rem}
.ul_sub32 li{display:flex; justify-content:center; align-items:center}
.ul_sub32 dt{font-size:1.2rem; margin:1rem 0 0 0; font-family:'PLAY', sans-serif; font-weight:bold}
.ul_sub33_1 span{ display:block}
.ul_sub33_1 li{width:16.66%}
.ul_sub33_1{display:flex; margin:1rem 0 0 0}
.t_sub33{margin:1rem 0 0 0; border-collapse:collapse; width:100%}
.t_sub33 td{border:1px solid #333; background:#f2f2f2}
.t_sub33 th{font-weight:normal; background:#fff; position:relative}
.t_sub33 .bg_white{background:#fff}
.t_sub33 th span{font-weight:700}
.wrap_t_sub33 .col{transform:rotate(270deg); display:block; white-space:nowrap; position:absolute; left:90px; bottom:0; height:240px; z-index:1; font-weight:700}
.t_sub33 .bg_blue{ background:#93cddd}
.wrap_t_sub33{position:relative; margin:0 0 0 -90px}

/*Publication*/
.wrap_sub41 p{ margin:0 0 15px 0; word-break:keep-all; display:flex; letter-spacing:0}
.wrap_sub41 p span{margin:0 5px 0 0}

@media(max-width:1430px){

.wrap_t_sub33{margin:0 0 0 0px}	
.wrap_t_sub33 .col{ left:60px}
	}
@media(max-width:1200px){
.left3	h2 a{display:none; margin:0 0; padding:5px 20px; box-sizing:border-box; transition:all .3s,transform .3s}
.left3	h2 .on{display:block}
.left3	h2:hover a{display:block}
	}
@media(max-width:1024px){
/*People*/
.has_title{flex-wrap:wrap}
.has_title span{display:block; width:100%}
	}
	
@media(max-width:768px){
/*공통*/
.sub_vis .main_left_wrap .main_text{height:100%; padding:0 0 0 0; display:flex; align-items:center; justify-content:center}	
	
/*People*/
.ceo_career{display:block}
.wrap_member .ul_member li{ padding:1rem}	
.wrap_member .ul_member li .img{padding:0 0.5rem 0 0}
	}	
	
@media(max-width:540px){
/*greeting*/
.wrap_greeting{display:block}	
.wrap_greeting .img {font-size:12px}
.wrap_greeting .img img{width:120px}
	
/*People*/
.wrap_member .ul_member2 li .img{width:35% !important}
.wrap_member .ul_member2 li .txt{width:65% !important; background-size:30% !important}
.wrap_member .ul_member li{ width:100% !important}	

/*Research*/
.ul_sub32{flex-wrap:wrap}
.ul_sub32 li{width:100%}
#bo_v_title .bo_v_tit{ font-size:1.5rem !important; word-break:keep-all}
	
	}

@media(max-width:414px){
/*공통*/
.sub{background:url(/img/bg_deco.png) right bottom no-repeat; background-size:50%}	
	}

@media(max-width:393px){
/*공통*/
.left_menu3 h2{display:flex; flex-wrap:wrap; padding:5px 0}
.left_menu3 h2 a{ width:50%; margin:0 0; padding:5px 0}
}
	
@media(max-width:280px){
/*greeting*/
.wrap_greeting .img{display:block; text-align:left; float:none}	
	
/*People*/
.wrap_member .ul_member2 li .img{width:100% !important}
.wrap_member .ul_member2 li .txt{width:100% !important}
.wrap_member .ul_member li{display:block}
.wrap_member .ul_member li .img, .wrap_member .ul_member li .txt{padding:0 0 0 0; width:100%}	
.wrap_member .ul_member li .txt .title{padding:0 0 0 0}
.wrap_member .ul_member li .txt .name{padding:0.5rem 0 0.5rem 0}

/*Research*/
.ul_sub32 li:nth-child(2){justify-content:left}
.ul_sub32 dt, .ul_sub32 dd{padding:0 0 0 0}
	}