@charset "utf-8";
/****************************************/
/* Name: 동의대학교 응용화학
/* PART: STYLE 
/* Version: 2.0 / day: 2021-06-30
/* Author: Eun
/****************************************/


.sub1_4_1{margin:70px 0; word-break:keep-all;}
.sub1_4_1:after{content:''; display:block; clear:both;}
.sub1_4_1 .img{float:left; width:50%; }
.sub1_4_1 .img img{width:100%;}
.sub1_4_1 .text{float:right; width:45%; padding-top:10px;}
.sub1_4_1 .text span{color:#124fb6; font-weight: bold; font-size:18px;}
.sub1_4_1:nth-child(2n) .img{float:right;}
.sub1_4_1:nth-child(2n) .text{float:left; padding-top:10px;}

.pc_none{display:none; text-align:center; width:100%;}
.mb_none{display:block;}

/*전공소개*/
.dp_wrap{width:100%; font-size:0; text-align:left; margin-bottom:20px;}
.imgbox_wrap{width:45%; display:inline-block; vertical-align:top;}
.imgbox_wrap img{width:100%; margin-bottom:50px;}
.textbox_wrap{width:53%; display:inline-block; vertical-align:top; margin-left:2%;}
.textbox_wrap:nth-child(2n+1){margin-left:0; margin-right:2%;}
.textbox_wrap dl{padding-left:30px; margin-bottom:0;}
.textbox_wrap:nth-child(2n+1) dl{padding-left:0; padding-right:30px;}
.textbox_wrap dl dt{font-size:30px; color:#084bbb; font-weight:500; line-height: 1; position:relative ;margin-bottom:30px;}
.textbox_wrap dl dd{font-size:16px;}

/* 학생회 */
.li_img{width:100%; *zoom:1;}
.li_img:after{content:''; display:block; clear:both;}
.li_img li{float:left; width:32%; margin-right:2%; margin-bottom:2%;}
.li_img li img{width:100%;}
.li_img li:nth-child(3){margin-right:0;}
.li_img li:nth-child(6){margin-right:0;}

/*연구실*/
.img_li{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}
.img_li li{width:calc((100% - 60px) / 4);margin-right:20px;margin-bottom:20px;}
.img_li li:nth-child(4n){margin-right:0}
.img_li li img{width:100%;}
.img_li li span{display:block;text-align:center;margin-top:10px}

.video-box{width:100%;max-width:1300px;margin:30px auto;}
.video-box .fr-video{position:relative;width:100%;height:auto;padding-top:50%}
.video-box .fr-video iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

/* 취업 및 진학 현황 */
.dapth-tab.mb20{margin-bottom:20px}
.sub_top_box{padding:40px;border:1px solid #ddd;background:#f8f8f8;display:flex;flex-wrap:wrap;align-items:center;margin-bottom:20px;}
.sub_top_box .top_box_inner{width:100%;position:relative;padding-left:150px;}
.sub_top_box .top_box_inner::before{position:absolute;content:'';top:50%;left:-20px;transform:translate(0, -50%);width:150px;height:150px;background:url('/_res/deu/apchem/img/top_bg.png') left top/contain no-repeat;}

.sub_top_box span{font-size:1rem}
.sub_top_box h2{font-size:1.6rem;font-weight:700;}
.rate{display:block;padding:20px;background:#f4f7fc;}


/* 교수소개 */
/*.teachList > ul > li:nth-child(6) .box dl dt > p{display:inline-block;position:relative;padding-right:50px;}
.teachList > ul > li:nth-child(6) .box dl dt > p::after{position:absolute;bottom:5px;right:0;content:'강사님';font-size:16px;}*/

.sub_top.bg3{
	background-image: url(/_res/deu/apchem/img/s4_1_img01.png);}

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

	
}

@media all and (max-width:840px){
	.imgbox_wrap{width:100%;}
	.imgbox_wrap img{margin-bottom:5%;}
	.textbox_wrap{width:100%; margin-left:0; margin-bottom:0;}
	.textbox_wrap dl{padding-left:0;}
	.textbox_wrap:nth-child(2n+1){margin-right:0; margin-bottom:5%;}
	
	.li_img li{float:left; width:48%;}
	.li_img li:nth-child(3){margin-right:2%;}
	.li_img li:nth-child(2), .li_img li:nth-child(4){margin-right:0;}
}

@media all and (max-width:640px){
	
	.sub1_4_1 .img, .sub1_4_1:nth-child(2n) .img{float:none; width:100%; }
	.sub1_4_1 .text, .sub1_4_1:nth-child(2n) .text{float:none; width:100%;}
	.sub1_4_1 .text span{font-size:14px;}
	.textbox_wrap dl dt{font-size: 25px; margin-bottom:20px;}
	.textbox_wrap dl dd{font-size:14px; line-height:1.5;}
	
	.li_img li{float:left; width:100%; margin-right:0;}
	.li_img li:nth-child(3){margin-right:0;}
	
	.pc_none{display:block;}
	.mb_none{display:none;}
}	