@charset "utf-8";
/****************************************/
/* Name: 동의대학교 산업경영
/* PART: STYLE 
/* Version: 2.0 / day: 2021-06-30
/* Author: 
/****************************************/

/* 약사 */
.s1_2_con .li_history{position:relative; padding-top:150px; margin:0 auto; float:none;}
.s1_2_con .li_history:after{position:absolute; top:0px; left:50%; margin-left:-223px; width:446px; height:139px; content:''; background:url('/_res/deu/pite/img/ico-arrow.png') left top;}

/* 졸업생 입사 */
.li_join{width:100%; font-size:0; text-align:left;}
.li_join li{display:inline-block; vertical-align:top; width:49%; margin-right:2%; font-size:0; text-align:left; border:1px solid #ddd; border-radius:10px; overflow:hidden;}
.li_join li:nth-child(2n){margin-right:0;}
.li_join li > div{display:inline-block; vertical-align:top;}
.bx_left{width:160px; margin-right:2%; height:210px;}
.bx_left img{height:100%;}
.bx_right{width:calc(98% - 160px);}
.bx_right .bx_in{padding:30px;}
.bx_right .bx_in .title_cgr{font-size:30px; font-weight:600; margin-bottom:10px; border-bottom:1px solid #ddd;}
.bx_right .bx_in span{font-size:20px; display:block;}
.bx_right .bx_in p{font-size:24px;}

/*
=========================================================================
반응형 레이아웃 css
=========================================================================
*/

@media all and (max-width:1024px){
	/* 졸업생 입사 */
	.li_join li{display:block; width:100%; margin-right:0;} 
}

@media all and (max-width:900px){
	.s1_2_con .li_history{width:100%;}
}

@media all and (max-width:640px){
	/* 졸업생 입사 */
	.li_join li{text-align:center;}
	.bx_left{width:100%; margin-right:0; margin-top:30px;}
	.bx_right{width:100%;}
	.bx_right .bx_in .title_cgr{font-size:20px; padding-bottom:10px;}
	.bx_right .bx_in span{font-size:16px;}
	.bx_right .bx_in p{text-align:center; font-size:24px;}
}