@charset "utf-8";

#header h1.logoBox a p {display:flex;height: 50px;flex-wrap: wrap;align-content: center;flex-direction: column;line-height: 1.2;justify-content: center;align-items: center;}
#header h1.logoBox a p span{font-size: 12px;}
#header h1.logoBox p em {display: inline-block;font-size: 20px;color: #000;font-weight: 700;letter-spacing: 2px;}

/* 0101_인사말 */
.greeting{position:relative;}
.greeting .greet_top{position:relative; width:100%; padding-bottom:20px;}
.greeting .greet_top:before {content:""; display:block; position:absolute; right:0; bottom:0; width:750px; height:250px; background:url("/images/web/irb/sub_cnt/img_greeting.png") no-repeat; background-size:cover;}
.greeting .greet_top .topTxt{position:relative; display:inline-block; min-width:440px; max-width:50%; min-height:150px; padding:45px 30px 60px; color:#fff; line-height:1.4; background:#002f67 url("/images/web/irb/sub_cnt/bg_greeting.png") no-repeat right bottom; box-shadow:3px 3px 5px 0 rgba(0, 0, 0, 0.35); }
.greeting .topTxt h3 {font-size:34px; font-family:'NotoM';  word-break:keep-all;} 
.greeting .topTxt p {font-size:17px; margin-top:20px; word-break:keep-all} 
.greeting .topTxt .topTeng {position:absolute; right:30px; bottom:30px; padding-left:90px; letter-spacing:3px; font-size:15px; color:#87a3c5;  font-family:'NotoM';}
.greeting .topTxt .topTeng:before {content:""; display:block; position:absolute; left:0; top:10px; width:80px; height:1px; background:#4d6e95;}
.greeting .txt {margin-top:40px;}
.greeting .txt p {font-size:16px; line-height:1.8; word-break:keep-all;}
.greeting p.sign{margin-top:30px;text-align:right; font-size:17px;  word-break:keep-all;}
.greeting p.sign strong {font-family:'NotoB';}

/* 0101_학과장 인사말(학과장사진) */
.greeting .greet_top2{position:relative; width:100%; padding-bottom:20px;}
.greeting .greet_top2:before {content:""; display:block; position:absolute; right:0; bottom:0; width:60%; height:255px; background:#bcbdc0 url("/images/web/irb/sub_cnt/pt_greeting.png") repeat;}
.greeting .greet_top2 .topTxt{position:relative; width:90%; min-height:255px; padding:45px 30px 60px 180px; color:#fff; line-height:1.4; background:#002f67 url("/images/web/irb/sub_cnt/bg_greeting.png") no-repeat right bottom; box-shadow:3px 3px 5px 0 rgba(0, 0, 0, 0.35);  box-sizing:border-box;}
.greeting .greet_top2 .topTxt .img {display:block; position:absolute; left:40px; top:55px; width:105px; height:120px;}
.greeting .greet_top2 .topTxt .img:before {content:""; display:block; position:absolute; right:-10px; bottom:-10px; width:105px; height:120px;  background:rgba(255,255,255,0.1);}
.greeting .greet_top2 .topTxt .img img {position:relative; width:100%; height:100%;}


/* 0102 학과소개 */
.summary_box {padding:25px 45px; font-size:15px; border:5px solid #e9e9e9; word-break:keep-all;}
.summary_box .summary_top {position:relative; min-height:100px; padding-left:160px;}
.summary_box .summary_top .txt_1{font-family:'NotoM'; font-size:16px; color:#333; line-height:1.4; word-break:keep-all;}
.summary_box .summary_top .img{position:absolute; top:0; left:0;}
.summary_box .summary_top .img img{width:140px; height:auto;}
.summary_box .summary_txt{margin:25px 0 10px; padding:25px 0 10px; border-top:1px dashed #b2b7c7; text-align:left; overflow:hidden; word-break:keep-all;}
.summary_box .summary_txt p {font-family:'NotoR'; font-size:14px; color:#444; line-height:1.4; word-break:keep-all;}


/* 0103 연혁 */
.historyList {overflow:hidden; text-align:center;}
.historyList h3 {position:relative;width:289px;height:199px;margin:0 auto;line-height:40px;font-size:24px;font-family:"NotoM";color:#fff;text-align:center;background:url('/images/web/irb/sub_cnt/history_title.png') no-repeat center top;}
.historyList h3 span {position:relative;display:block;font-size:18px;font-family:"NotoDL";color:#e4f3ff;padding-top:70px;letter-spacing:0;}
.historyList .list{width:100%; font-size:14px; overflow:hidden; background:url('/images/web/irb/sub_cnt/bg_history_line.png') repeat-y center; padding:30px 0 0;}
.historyList .list .right{width:50%; margin-right:8px; float:right; background:url('/images/web/irb/sub_cnt/history_right_bg.png') no-repeat left 25px;}
.historyList .list .right ul{float:right; text-align:left;}
.historyList .list .left{width:50%; margin-left:8px; float:left; background:url('/images/web/irb/sub_cnt/history_left_bg.png') no-repeat right 25px;}
.historyList .list .left ul{float:left; text-align:right;}
.historyList .list ul{width:80%; padding:20px 30px; border-bottom:1px solid #c3d4e8;}
.historyList .list ul li{line-height:30px; color:#595959;}
.historyList .list ul li.tit{font-size:30px; font-weight:bold; color:#00733f; margin-bottom:10px;}
.historyList .list ul li > span{font-weight:bold; margin-right:8px; color:#002f67;}

/* 0104 교과과정 */
.track_list li {display:inline-block;}

/* 0105 학과시설 */
.fclty_box {padding:25px 45px; font-size:15px; border:5px solid #e9e9e9; word-break:keep-all; background:#fff url('/images/web/irb/sub_cnt/bg_summary.png') no-repeat 95% 88%;}
.fclty_box .fclty_con {position:relative; min-height: 100px; padding-left: 210px; background-repeat:no-repeat; background-position:left top;}
.fclty_box .fclty_txt{margin:25px 0 10px; padding:25px 0 10px; border-top:1px dashed #b2b7c7; text-align:left; overflow:hidden; word-break:keep-all;}
.fclty_box .fclty_txt p {font-family:'NotoR'; font-size:14px; color:#444; line-height:1.4; word-break:keep-all;}
.fclty_box .fclty_con .img{position:absolute; top:0; left:0;}

/* 생명윤리교육 */
.linkBox{position: relative;display: flex;flex-wrap: wrap;width: 100%;padding: 2.5rem 1rem 2.5rem 5rem;border: 2px solid #eee;box-sizing: border-box;}
.linkBox + .linkBox {margin-top:2rem;}
.linkBox .abNum{position: absolute;top: -2px;left: -2px;background: #00733f;display: flex;width: 4rem;height: 4rem;text-align: center;color: #fff;font-size: 1rem;line-height: 1.2;align-items: center;justify-content: center;flex-wrap: nowrap;flex-direction: column;}
.linkBox .abNum span{display: inline-block;font-size: 1.2rem;width: 100%;font-weight: 700;}
.linkBox .imgBox {width: 240px;margin-right: 60px;}
.linkBox .imgBox img{max-width: 240px;}

.linkBox .contBox {width: calc(100% - 300px);}
.linkBox .contBox .linkBoxTit{font-size: 1.5rem;font-weight: 700;color: #000;}
.linkBox .contBox > p{margin-top: 1rem;font-size: 1rem;color: #111}
.linkBox .contBox a.link{display: flex;margin-top: 1rem;align-items: center;gap: 0.75rem;flex-wrap: wrap;}
.linkBox .contBox a.link p {display: inline-block;width: calc(100% - 2.75rem);font-size: 1rem;line-height:1.2;word-break: break-all;}
.linkBox .contBox a.link .ico {position: relative;display: flex;width: 2rem;height: 2rem;background: #00733f;border-radius: 50%;align-items: center;justify-content: center;}
.linkBox .contBox a.link .ico img{max-width: 100%;width: 60%;}

/* 토글박스 */
.toggleBox {font-family: 'Pretendard';}
.toggleBox + .toggleBox {margin-top: 1.5rem;}
.toggleBox > button {position:relative;display:block;width:100%;padding: 1.2rem 3rem 1.2rem 1rem;background: #00733f;border:1px solid #cacaca;border-radius:0.5rem;text-align:left;font-size: 1.2rem;font-weight: 700;color: #fff;box-sizing: border-box;}
.toggleBox > button:before {content: "\e941";position:absolute;right: 1.5rem;top: 50%;transform: translateY(-50%);font-family:"xeicon";font-size:1.4rem;}
.toggleBox > button.active {border-radius:0.5rem 0.5rem 0 0;}
.toggleBox > button.active:before{content: "\e944";}
.toggleBox > div.box {display:none;padding: 1rem 0;border: 1px solid #eee;padding: 1rem;}

/* 관련사이트 */
.siteBox {position: relative; width: 100%;}
.siteBox ul{display: flex; flex-wrap: wrap; align-items: center; gap: 1rem;}
.siteBox ul li{width: calc(50% - 0.5rem);}
.siteBox ul li .lnk_box{display: flex;width: 100%;border: 1px solid #eee;padding: 1rem;align-items: center;justify-content: space-between;box-sizing: border-box;}
.siteBox ul li .lnk_box .tit{font-size: 1rem;font-weight: 600;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: calc(100% - 2.5rem);}
.siteBox ul li .lnk_box .ico_lnk{position: relative;display: flex;align-items: center;justify-content: center;background: #00733f;border-radius: 50%;width: 2rem;height: 2rem;transition:.35s all;}
.siteBox ul li .lnk_box .ico_lnk:hover { background: #004c2a;}
.siteBox ul li .lnk_box .ico_lnk span{display: none;}
.siteBox ul li .lnk_box .ico_lnk .ico{position:relative;display: block;width: 100%;height: 100%;}
.siteBox ul li .lnk_box .ico_lnk .ico:before{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);content:"\e980";font-family:"xeicon";font-size: 1rem;color: #fff;}
@media screen and (max-width:1019px) {	

	/* br */
	.br_none br {display:none;}

	/* 0101_학과장 인사말(학과장사진) */
	.greeting .txt p br {display:none;}

	/* 0102 학과소개 */
	.summary_box .summary_top .txt_1 br {display:none;}

	/* 연혁 */
	.historyList, .historyList .list  {background-image:none;}
    .historyList .list .right,  .historyList .list .left{float:none; width:100%; margin:0px; background-image:none;}
    .historyList .list .right ul, .historyList .list .left ul {float:none !important; width:80%;  margin:20px auto; text-align:left;}
	.historyList .list ul li.tit{ text-align:center}
    .historyList .list .left ul:last-child{margin-bottom:0px;}


}





@media screen and (max-width:980px) {
	 
	/* 0101_인사말 */
	.greeting .greet_top {padding:200px 0 0;}
	.greeting .greet_top:before {bottom:auto; top:0; width:100%; background-position:center top;}
	.greeting .greet_top .topTxt{display:block; min-width:auto; width:90%; max-width:100%; height:auto; margin:0 auto; padding:20px 30px 50px; box-sizing:border-box;}
	.greeting .topTxt p br {display:none;} 
	.greeting .topTxt .topTeng {bottom:20px; padding-left:90px; letter-spacing:0; }

	/* 0101_학과장 인사말(학과장사진) */
	.greeting .greet_top2:before {width:95%; height:90%;}
	.greeting .greet_top2 .topTxt{width:95%; height:auto; padding:20px 30px 50px 170px; min-height:0;}
	.greeting .greet_top2 .topTxt .img {left:30px; top:20px;}
	



}

@media screen and (max-width:768px) {
	

	/* 0102 학과소개 */
	.summary_box {font-size:14px; padding:25px 25px;}
	
	/* 0103 연혁 */
	.historyList .list .right,  .historyList .list .left{width:91%;}

	/* 0105 학과시설 */
	.fclty_box {font-size:14px; padding:25px 25px;}

	/* 생명윤리 */
	.linkBox {padding: 1.5rem 2rem;align-items: center;}
	.linkBox .abNum {width: 2rem;height: 2rem;font-size: 0.8rem;}
	.linkBox .abNum span {font-size:1rem;}
	.linkBox .imgBox {text-align: center;width:100%;margin-right: 0;}
	.linkBox .contBox {margin-top: 1rem;width:100%;}
	.linkBox .contBox .linkBoxTit{font-size: 1.2rem;}
	.linkBox .contBox > p{margin-top: 0.5rem;font-size: 0.8rem;}
	.linkBox .contBox a.link{margin-top: 0.5rem; font-size:0.8rem}
	.linkBox .contBox a.link .ico {width:1.5rem; height:1.5rem;}

	/*관련사이트*/
	.siteBox ul li{width: 100%;}
	.siteBox ul li .lnk_box {padding:0.5rem;}
	.siteBox ul li .lnk_box .tit {font-size:0.9rem;}

}



@media screen and (max-width:690px) { 	



	/* 0103 연혁 */
	.historyList > img{ width:50%; height:auto}
    .historyList .list .right ul, .historyList .list .left ul {width:95%;}
	.historyList .list ul li > span{ display:block; margin-right:0}


	/* 0105 학과시설 */	
	.fclty_box .fclty_con {padding-left:0;}
	.fclty_box .fclty_con .img{position:relative; margin:0 auto 20px; text-align:center;}


}


@media screen and (max-width:640px) {
  /* 토글박스 */
.toggleBox > button {font-size: 1rem; padding: 1rem 2.5rem 1rem 1rem;}
.toggleBox > button:before {font-size:1rem;}
.toggleBox > div.box {padding: 0.5rem 0;}
.toggleBox > div.box .toggleList {padding: 0.5rem 1rem; border-radius: 0.5rem;font-size: 0.9rem;font-weight: 500;} 


}


@media screen and (max-width:560px) { 	
	 
	 /* 0101_학과장 인사말(학과장사진) */
	.greeting .greet_top2 .topTxt{height:auto; margin-top:60px; padding:80px 30px 50px 30px;}
	.greeting .greet_top2 .topTxt .img {left:50%; top:-60px; margin-left:-52px;}
	
	
	/* 0102 학과소개 */
	.summary_box .summary_top {padding-left:0;}
	.summary_box .summary_top .img{position:relative; margin:0 auto 20px; text-align:center;}

	/* 0103 연혁 */
	.historyList > img{width:60%}


}