@charset "utf-8";

/* sub_visual */
.intro_visual{background:url('/img/sub_visual01.jpg') no-repeat center center / cover;}
.reference_visual{background:url('/img/sub_visual01.jpg') no-repeat center center / cover;}
/* sub_visual END */

/* sub_common */
.sub_tit{padding-bottom:60px;}
.sub_tit h4{font-size:36px; color:#222; letter-spacing:-0.025em; font-weight:700; text-align:center; display:block;}

/* sub_common END */


/*--- 연구소소개 ---*/
/* 연구소소개 - 이사장인사말 */
.greeting_con01{padding:100px 0 150px;}
.greeting_con01 .cons{display:block; font-size:0; letter-spacing:-4px; padding:0 80px;}
.greeting_con01 .cons:after{content:''; display:block; clear:both;}
.greeting_con01 .cons .left{display:inline-block; vertical-align:top; width:70%;}
.greeting_con01 .cons .left p{font-size:16px; color:#222; letter-spacing:-0.025em; line-height:26px; font-weight:300;}
.greeting_con01 .cons .left p.textright{text-align:right;}
.greeting_con01 .cons .right{float:right; vertical-align:top; width:25%;}
.greeting_con01 .cons .right img{max-width:100%;}
@media (max-width:1200px){
	.greeting_con01 .cons{padding:0 40px;}	
}
@media (max-width:1000px){
	.greeting_con01 .cons{padding:0 10px;}	
	.greeting_con01 .cons .left{display:block; width:100%; padding-top:20px;}
	.greeting_con01 .cons .left p br{display:none;}
	.greeting_con01 .cons .right{float:none;}
	.greeting_con01 .cons .right{width:80%;}
}
/* 연구소소개 - 이사장인사말 END */

/* 연구소소개 - 연혁 및 정관 */
.history_con01{padding:100px 0 150px;}
.history_con01 .cons{display:block;}
.history_con01 .cons .down{display:block; text-align:right; margin-bottom:15px;}
.history_con01 .cons .down span{display:inline-block;font-size:15px; color:#9e9e9e; letter-spacing:-0.025em; font-weight:300; padding:2px 25px; border:1px solid #e7e7e7;}
.history_con01 .cons dl{width:100%; font-size:0; letter-spacing:-4px; margin-bottom:60px;}
.history_con01 .cons dl:last-of-type{margin-bottom:0;}
.history_con01 .cons dl dt{display:inline-block; vertical-align:top; font-size:24px; color:#860000; letter-spacing:-0.05em; font-weight:700; width:calc(20% - 4px); padding-top:10px; margin-right:10px; border-top:3px solid #860000; box-sizing:border-box;}
.history_con01 .cons dl dd{display:inline-block; vertical-align:top; width:calc(80% - 6px);}
.history_con01 .cons dl dd ul{width:100%; border-top:3px solid #dddddd; padding-left:0;}
.history_con01 .cons dl dd ul li{width:100%; display:block; padding:20px; border-bottom:1px solid #dddddd;}
.history_con01 .cons dl dd ul li span{display:inline-block; vertical-align:top; font-size:18px; color:#444; letter-spacing:-0.025em; font-weight:800; padding-right:30px;}
.history_con01 .cons dl dd ul li p{display:inline-block; vertical-align:top; font-size:18px; color:#444; letter-spacing:-0.025em; font-weight:300;}
@media (max-width:767px){
	.history_con01 .cons dl dt{display:block; padding-bottom:20px; width:50%;}
	.history_con01 .cons dl dd{display:block; width:100%;}
	.history_con01 .cons dl dd ul li span{display:block;}
	.history_con01 .cons dl dd ul li p{display:block;}
}
/* 연구소소개 - 연혁 및 정관 END */

/* 연구소소개 - 조직도 */
.chart_con01{padding:100px 0 150px;}
.chart_con01 .graph .top_box{display:block; width:186px; height:186px; border:1px solid #e7cdcd; border-radius:50%; padding:10px; margin:0 auto; position:relative; box-sizing:border-box;}
.chart_con01 .graph .top_box:after{content:''; display:block; position:absolute; width:0; height:220px; top:176px; left:50%; border-right:1px dashed #dcd7d1;}
.chart_con01 .graph .top_box .txt_box{display:block; background:linear-gradient(53deg, #de4343, #950909); border-radius:50%; width:166px; height:166px;}
.chart_con01 .graph .top_box .txt_box p{font-size:22px; color:#fff; letter-spacing:-0.05em; font-weight:500; line-height:166px; text-align:center;}
.chart_con01 .graph .middle_box ul{font-size:0; letter-spacing:-4px; text-align:center; padding:70px 0 76px; margin:0; box-sizing:border-box;}
.chart_con01 .graph .middle_box ul li{display:inline-block; vertical-align:top; width:45%; text-align:center; position:relative;}
.chart_con01 .graph .middle_box ul li:before{content:''; display:block; position:absolute; width:30%; height:0; top:50%; right:0; border-bottom:1px dashed #dcd7d1; z-index:-1;}
.chart_con01 .graph .middle_box ul li:nth-of-type(2):before{left:0;}
.chart_con01 .graph .middle_box ul li p{font-size:20px; letter-spacing:-0.025em; color:#fff; background-color:#860000; width:227px; height:65px; margin:0 auto; line-height:65px;}
.chart_con01 .graph .middle_box .mid_bottom{display:block; text-align:center; position:relative; margin-bottom:40px;}
.chart_con01 .graph .middle_box .mid_bottom:after{content:''; display:block; position:absolute; width:0px; height:40px; border-right:1px dashed #dcd7d1; top:65px; left:50%;}
.chart_con01 .graph .middle_box .mid_bottom p{font-size:20px; letter-spacing:-0.025em; color:#fff; background-color:#b8aeae; width:227px; height:65px; margin:0 auto; line-height:65px;}
.chart_con01 .graph .bottom_box ul{font-size:0; letter-spacing:-4px; padding:50px 100px 0; box-sizing:border-box;}
.chart_con01 .graph .bottom_box ul li{display:inline-block; vertical-align:top; width:25%; position:relative;}
.chart_con01 .graph .bottom_box ul li:before{content:''; display:block; position:absolute; width:100%; height:0; border-bottom:1px dashed #dcd7d1; top:-50px; left:0;}
.chart_con01 .graph .bottom_box ul li:first-of-type:before{width:50%; left:50%;}
.chart_con01 .graph .bottom_box ul li:last-of-type:before{width:50%; right:50%;}
.chart_con01 .graph .bottom_box ul li:after{content:''; display:block; position:absolute; width:0; height:50px; border-right:1px dashed #dcd7d1; top:-50px; left:50%;}
.chart_con01 .graph .bottom_box ul li p{font-size:18px; color:#666; letter-spacing:-0.025em; width:146px; height:42px; background-color:#f5f5f5; line-height:42px; text-align:center; margin:0 auto;}
@media (max-width:1000px){
	.chart_con01 .graph .top_box{margin:0; margin-left:20px;}
	.chart_con01 .graph .top_box:after{height:260px;}
	.chart_con01 .graph .middle_box ul{padding:70px 0 10px; box-sizing:border-box;}
	.chart_con01 .graph .middle_box ul li{display:block; margin-bottom:20px; width:auto;}
	.chart_con01 .graph .middle_box ul li:before{display:none;}
	.chart_con01 .graph .middle_box ul li:after{}
	.chart_con01 .graph .middle_box ul li p{margin:0;}
	.chart_con01 .graph .middle_box .mid_bottom:after{left:113px;}
	.chart_con01 .graph .middle_box .mid_bottom p{margin:0;}
	.chart_con01 .graph .bottom_box ul{padding:0;}
	.chart_con01 .graph .bottom_box ul li{display:block; width:auto; padding-bottom:15px;}
	.chart_con01 .graph .bottom_box ul li:before{width:0; height:100%; top:0; left:113px; border:0; border-right:1px dashed #dcd7d1; z-index:-1;}
	.chart_con01 .graph .bottom_box ul li:first-of-type:before{width:0; height:100%; left:113px;}
	.chart_con01 .graph .bottom_box ul li:last-of-type:before{width:0; height:40%; left:113px;}
	.chart_con01 .graph .bottom_box ul li:after{border:0; border-bottom:1px dashed #dcd7d1; width:200px; height:0; top:40%; left:113px; z-index:-1;}
	.chart_con01 .graph .bottom_box ul li p{margin:0; margin-left:240px; box-sizing:border-box;}
}
@media (max-width:767px){
	.chart_con01 .graph .top_box{margin:0 auto;}
	.chart_con01 .graph .middle_box ul li p{margin:0 auto;}
	.chart_con01 .graph .middle_box .mid_bottom:after{left:50%;}
	.chart_con01 .graph .middle_box .mid_bottom p{margin:0 auto;}
	.chart_con01 .graph .bottom_box ul li:before{left:50%;}
	.chart_con01 .graph .bottom_box ul li:first-of-type:before{left:50%;}
	.chart_con01 .graph .bottom_box ul li:after{display:none;}
	.chart_con01 .graph .bottom_box ul li p{margin:0 auto;}
}
/* 연구소소개 - 조직도 END */
/*--- 연구소소개 END ---*/


/*--- 연구 및 활동 자료실 END ---*/
.reference_con01 .program_table table tr th{text-align:center;}
.reference_con01 .program_table table tr th:nth-of-type(3){text-align:left;}
/*--- 연구 및 활동 자료실 END ---*/