/*icon*/
.icon_search_small_gray,
input[type=submit].icon_search_small_gray,
a.icon_search_small_gray,
button.icon_search_small_gray{display:inline-block;width:17px;height:17px;font-size:0;background-repeat:no-repeat;background-position:center center;background:url(../../images/icon/icon_search_small_gray.png) center center no-repeat;}

.icons.more{position:relative;display:inline-block;width:8px;height:8px;}
.icons.more:before{content:'';display:block;position:absolute;top:50%;left:50%;width:8px;height:2px;margin:-1px 0 0 -4px;background:#c56a6a;transition:transform 0.45s ease;}
.icons.more:after{content:'';display:block;position:absolute;top:50%;left:50%;width:2px;height:8px;margin:-4px 0 0 -1px;background:#c56a6a;transition:transform 0.45s ease;}

.icons.close{position:relative;display:inline-block; width:14px;height:14px; transform:rotate(45deg);}
.icons.close:before{content:'';display:block;position:absolute; top:50%; left:50%; width:14px;height:2px;margin:-1px 0 0 -7px;transition:transform 0.45s ease;}
.icons.close:after{content:'';display:block;position:absolute;top:50%;left:50%;width:2px;height:14px;margin:-7px 0 0 -1px;transition:transform 0.45s ease;}
.icons.close.gray:before{background:#888}
.icons.close.gray:after{background:#888}
.icons.close.orange:before{background:#c56a6a}
.icons.close.orange:after{background:#c56a6a}

.inner{position:relative;max-width:1200px;margin:0 auto;padding:0 50px;box-sizing:border-box;}
.research_mission{text-align:center; margin-top:0px;}/*������ ���� ���� */
.research_mission > ul{max-width:1000px; margin:0 auto; padding-bottom:0;transition:padding-bottom 0.35s ease;}
.research_mission > ul:after{content:'';display:block;clear:both;}
.research_mission > ul > li{float:left;width:33.333%;box-sizing:border-box;padding:0 26px; text-align:center;}
.research_mission > ul > li > div:after{content:'';position:absolute;top:100%;left:50%;display:block;width:1px;height:0;background:#c56a6a;transition:height 0.35s ease;}
.research_mission > ul > li > div{position:relative;}

.research_mission .thumb{position:relative;padding-top:100%;overflow:hidden;border-radius:50%;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.research_mission .cell_01 .thumb{background-image:url(/cm/img/olympus_290.jpg)}
.research_mission .cell_02 .thumb{background-image:url(/cm/img/MRI_Skyra3OT.jpg)}
.research_mission .cell_03 .thumb{background-image:url(/cm/img/img01_5_2.jpg)}
.research_mission .cell_04 .thumb{background-image:url(/cm/img/img01_5_3.jpg)}
.research_mission .cell_05 .thumb{background-image:url(/cm/img/img01_5_4.jpg)}
.research_mission .cell_06 .thumb{background-image:url(/cm/img/img01_5_5.jpg)}
.research_mission .cell_07 .thumb{background-image:url(/cm/img/img01_5_6.jpg)}
.research_mission .cell_08 .thumb{background-image:url(/cm/img/img01_5_7.jpg)}
.research_mission .cell_09 .thumb{background-image:url(/cm/img/img01_5_8.jpg)}
.research_mission .cell_10 .thumb{background-image:url(/cm/img/img01_5_9.jpg)}
.research_mission .cell_11 .thumb{background-image:url(/cm/img/img01_5_10.jpg)}
.research_mission .cell_12 .thumb{background-image:url(/cm/img/img01_5_11.jpg)}
.research_mission .cell_13 .thumb{background-image:url(/cm/img/img01_5_12.jpg)}
.research_mission .cell_14 .thumb{background-image:url(/cm/img/img01_5_13.jpg)}
.research_mission .cell_15 .thumb{background-image:url(/cm/img/img01_5_14.jpg)}


.research_mission .title{margin-top:17px;font-size:20px;color:#333;font-weight:500;line-height:28px;}
.research_mission .subject{font-size:24px;color:#333;font-weight:500;line-height:30px;}
.research_mission .txt{font-size:16px; margin-top:12px;color:#4d4d4d}
.research_mission .btns_view{margin-top:14px;}
.research_mission .btns_view button{display:inline-block;padding:0 30px;border:1px solid #d8d8d8;border-radius:4px;transition:border 0.45s ease;}
.research_mission .btns_view button > span{position:relative;display:inline-block;font-size:16px;color:#999;line-height:28px;padding-right:14px;transition:color 0.45s ease;}
.research_mission .btns_view .more{position:absolute;top:50%;right:0;margin-top:-4px;}
.research_mission .mission_data {position:relative;}
.research_mission .mission_data > div{display:none;padding:47px 0;border-top:1px solid #c56a6a;border-bottom:1px solid #bbb;background:#fcfcfc;text-align:left;}
.research_mission .mission_data .inner{padding:0 130px;}
.research_mission .btn_misson_close {position:absolute;top:-20px; right:50%; width:40px; height:40px; background:#fff; border:1px solid #c56a6a; margin-right:-550px;z-index:5; box-sizing:border-box; border-radius:50%; opacity:0; visibility:hidden; transition:opacity 0.5s 0s, visibility 0s 0.5s ease;}
.research_mission .btn_misson_close > span{position:absolute; top:0; left:0; display:block; width:100%; height:100%;}
.research_mission .btn_misson_close .close{position:absolute; top:50%;left:50%;margin:-7px 0 0 -7px;}

.research_mission .open .btns_view button{border-color:#c56a6a}
.research_mission .open .btns_view button > span{color:#c56a6a}
.research_mission .open .btns_view .more:after{transform:rotate(90deg);}
.research_mission > ul > li.open > div:after{height:60px;}

.research_mission.actived > ul{padding-bottom:60px;}
.research_mission.actived .btn_misson_close{opacity:1; visibility:visible; transition:opacity 0.5s 0.5s, visibility 0s 0.5s ease;}


@media screen and (max-width:1024px){	
	.research_company_history ul{padding:95px 0px;}
	.research_mission{margin-top:100px;}
	.research_mission .mission_data .inner{padding:0 30px;}
	.research_mission .btn_misson_close {right:30px; margin-right:0px}
	.research_vision{margin-top:100px;}
	.research_partner ul li p{height:auto;}
}

@media screen and (max-width:768px){		
	.research_mission{margin-top:20px;}
	.research_mission > ul{padding:0 10px;}
	.research_mission > ul > li{position:relative;padding:0 10px;}
	.research_mission .title{margin:15px -10px 0 -10px;font-size:14px;line-height:20px;}
	.research_mission .subject{font-size:17px;line-height:25px;}
	.research_mission .txt{margin-top:7px}
	.research_mission .btns_view{margin-top:10px;}
	.research_mission .mission_data > div{padding:25px 0;}
	.research_mission .mission_data .inner{padding:0 15px;}
	.research_mission .btn_misson_close {right:20px;}
	.research_mission > ul > li.open > div:after{height:40px;}
	.research_mission.actived > ul{padding-bottom:40px;}
	.research_vision{margin-top:70px;}
	.research_mission .btns_view button{display:inline-block;padding:0 15px;border:1px solid #d8d8d8;border-radius:4px;transition:border 0.45s ease;}
	.research_mission .btns_view button > span{position:relative;display:inline-block;font-size:13px;color:#999;line-height:28px;padding-right:14px;transition:color 0.45s ease;}
}
@media screen and (max-width:280px){		
	.research_mission{margin-top:20px;}
	.research_mission > ul{padding:0 10px;}
	.research_mission > ul > li{position:relative;padding:0 5px; width:30%}
	.research_mission .title{margin:15px -10px 0 -10px;font-size:13px;line-height:20px;}
	.research_mission .subject{font-size:17px;line-height:25px;}
	.research_mission .txt{margin-top:7px}
	.research_mission .btns_view{margin-top:10px;}
	.research_mission .mission_data > div{padding:25px 0;}
	.research_mission .mission_data .inner{padding:0 15px;}
	.research_mission .btn_misson_close {right:40px;}
	.research_mission > ul > li.open > div:after{height:40px;}
	.research_mission.actived > ul{padding-bottom:40px;}
	.research_vision{margin-top:70px;}
	.research_mission .btns_view button{display:inline-block;padding:0 15px;border:1px solid #d8d8d8;border-radius:4px;transition:border 0.45s ease;}
	.research_mission .btns_view button > span{position:relative;display:inline-block;font-size:13px;color:#999;line-height:28px;padding-right:14px;transition:color 0.45s ease;}
}