@charset "utf-8";
/****************************************/
/* Name: 동의대학교 대학원 공통
/* PART: STYLE 
/* Version: 2.0 / day: 2022-02-10
/* Author: dyj
/****************************************/

.text-red{color:#dc3545;}

/* 원장인사말 */
.s1_1_con dl{position:relative; padding-bottom:80px;}
.s1_1_con dl .name{position:absolute; right:0; bottom:0; color:#bbb;}
.s1_1_con dl .name em{font-size:20px; font-weight:600; color:#333; margin-left:15px;}

/* 역대 대학원장 */
.prof_li{width:100%; display:flex; flex-wrap:wrap; justify-content:left; align-items:flex-start;}
.prof_li > li{width:calc(96% / 2); margin-right:4%; margin-bottom:50px;}
.prof_li > li:nth-child(2n){margin-right:0;}
.prof_li > li .li-in{width:100%; padding:30px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; background:#f5f5f5; text-align:center;border-radius:5px}
.prof_li > li .li-in .left-prof{width:30%;text-align:left}
.prof_li > li .li-in .left-prof img{width:80%;}
.prof_li > li .li-in .cl-prof{width:100%; font-weight:600;}
.prof_li > li .li-in .cl-prof .term{width:100%; color:#888;}
.prof_li > li .li-in .right-prof{width:68%}
.prof_li > li .li-in .who{width:100%; color:#084bbb; font-weight:600; font-size:20px;margin-bottom:10px;text-align:left}
.prof_li > li .li-in .who .grade{color:#fff; font-weight:500; font-size:18px; padding:3px 10px; border-radius:5px; background:#084bbb; margin-right:10px;}
.prof_li > li .li-in .who .name{color:#444;font-size:1.2rem;font-weight:600}
.prof_li > li .li-in .about-prof{width:100%;border-top:1px solid #ddd;padding-top:5px}
.prof_li > li .li-in .about-prof li dl{margin-top:5px;padding-left:0;margin-bottom:0;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
.prof_li > li .li-in .about-prof li dl dt{padding-left:10px;position:relative;width:80px;margin-right:10px;font-size:1rem;line-height:1.4;text-align:left}
.prof_li > li .li-in .about-prof li dl dt::before{position:absolute;content:'';top:50%;left:0;margin-top:-2px;width:4px;height:4px;background:#084bbb}
.prof_li > li .li-in .about-prof li dl dd{width:calc(100% - 90px);font-size:1rem;line-height:1.4;text-align:left}

.prof_li .text-only{width:calc(94% / 4); margin-right:2%; margin-bottom:50px;}
.prof_li .text-only:nth-child(2n){margin-right:2%;}
.prof_li .text-only:nth-child(4n){margin-right:0;}
.prof_li > li .li-in .inner-prof{width:100%}
.prof_li > li .li-in .inner-prof .term{display:block;border-radius:5px;text-align:center;color:#888;padding:5px 10px;background:rgba(0,0,0,0.08)}

/* 직제 */
.org-box{width:100%; padding:4%; border:1px solid #ddd;}
.org-box .org-li{position:relative; width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.org-box .org-li::before{position:absolute; left:0; top:25%; content:''; width:50%; height:1px; background:#ddd; z-index:-1;}
.org-box .org-li::after{position:absolute; left:50%; top:0; content:''; width:1px; height:100%; background:#ddd; z-index:-1;}
.org-box .org-li li{width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; margin-bottom:30px;}
.org-box .org-li li.li-second{justify-content:space-between;}
.org-box .org-li li.li-last{position:relative; justify-content:space-between; padding-top:30px; margin-bottom:0;}
.org-box .org-li li.li-last.one-last{justify-content:center;}
.org-box .org-li li.li-last::after{position:absolute; left:50%; top:0; margin-left:-35%; content:''; width:70%; height:100%; border:1px solid #ddd; border-bottom:0; z-index:-1;}
.org-box .org-li li.li-last.one-last::after{display:none}
.org-box .org-li li span{font-size:18px; color:#fff; text-align:center; width:30%; padding:10px 0;}
.org-box .org-li li.li-top span{background:#e15800;}
.org-box .org-li li.li-second span{background:#5c5e60;}
.org-box .org-li li.li-third span{background:#0c2d60;}
.org-box .org-li li.li-fourth span{background:#0f408c;}
.org-box .org-li li.li-fifth span{background:#17a2be;}

/* 연혁 */
.txt-box{padding:4%; background:#f4f7fc; border:1px solid #ddd; word-break:keep-all}
.s1_2_con ol{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;}
.s1_2_con ol li{width:100%;}
.s1_2_con ol li.li-first{padding-left:0;}
.s1_2_con ol li.li-first::before{display:none;}
.s1_2_con ol li.li-first::after{display:none;}
.s1_2_con ol li .list-dot{width:100%;margin-top:10px}
.s1_2_con ol li .list-dot li{display:block;padding-left:15px; margin-bottom:0px;}
.s1_2_con ol li .list-dot li::after{display:none;}
.s1_2_con ol li .list-dot li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.s1_2_con ol li .list-dot li strong{width:30px;margin-right:20px}
.s1_2_con ol li .list-dot li .txt_box{width:calc(100% - 50px);}
.s1_2_con ol li .list-dot li .txt_box span{display:block;position:relative;padding-left:10px}
.s1_2_con ol li .list-dot li .txt_box span::before{position:absolute;top:14px;left:0;width:4px;height:4px;background:#bbb;content:'';}

/* li_dot */
.li_dot.li_flex li{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}
.li_dot.li_flex li .list_st{margin-right:10px}
.li_dot.li_flex li .list_spn > span{position:relative;padding-left:12px}
.li_dot.li_flex li .list_spn > span::before{position:absolute;top:50%;left:0;margin-top:-2px;width:4px;height:4px;background:#bbb;content:'';}
h3.sub_title{padding:0 0 0 15px;position:relative;line-height:1;font-size:1.2rem;margin-bottom:20px}
h3.sub_title::before{position:absolute;content:'';top:0;left:0;width:4px;height:100%;background:#084bbb}
h4.sub_inner_title{background:#084bbb;padding:15px;font-size:1.1rem;line-height:1.2;color:#fff;text-align:center}

/*depth_tab*/
.dapth-tab{margin-bottom:100px}
.dapth-tab ul{display:flex;flex-wrap:wrap;border-top:1px solid #e4e4e4}
.dapth-tab li{flex-grow:1;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4}
.dapth-tab li:first-child{border-left:1px solid #e4e4e4}
.dapth-tab .item{text-align:center;display:flex;align-items:center;height:60px;font-size:1.25rem;font-weight:500;justify-content:center;transition:.2s}
.dapth-tab .item.on,
.dapth-tab .item:hover{background-color:#333;color:#fff}

/* 오시는 길 */
.location-box{display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start;}
.subConBox_inner .map_box .text_box {text-align:left;padding:40px;border:1px solid #ddd;}
.subConBox_inner .map_box .text_box > span em {font-weight:600;padding-right:20px;position:relative;margin-right:10px;}
.subConBox_inner .map_box .text_box > span em:after{position:absolute;top:50%;margin-top:-10px;right:0;width:2px;height:20px;background:#ddd;content:'';}

/*****************************************
            서브페이지 반응형
*****************************************/

@media (max-width: 1200px){
	
	/* 역대 대학원장 */
	.prof_li > li{margin-bottom:4%}
	.prof_li > li .li-in .left-prof{width:40%}
	.prof_li > li .li-in .right-prof{width:56%}
	.prof_li > li .li-in .right-prof .about-prof li dl dt{margin-bottom:auto}
	/*depth_tab*/
	.dapth-tab .item{font-size:1.125rem}
	
	/* 역대 대학원장 */
	.prof_li .text-only{width:calc(96% / 3);}
	.prof_li .text-only:nth-child(2n){margin-right:2%;}
	.prof_li .text-only:nth-child(4n){margin-right:2%;}
	.prof_li .text-only:nth-child(3n){margin-right:0;}
}

@media (max-width: 1024px){
	
	/* 역대 대학원장 */
	.prof_li > li{width:100%;margin-right:0}
	.prof_li > li .li-in .left-prof{width:30%}
	.prof_li > li .li-in .right-prof{width:68%}
	/*depth_tab*/
	.dapth-tab{margin-bottom:50px}
	.dapth-tab .item{font-size:1rem}
}

@media (max-width: 900px){
	/* 역대 대학원장 */
	.prof_li .text-only{width:calc(98% / 2);margin-bottom:2%}
	.prof_li .text-only:nth-child(3n){margin-right:2%;}
	.prof_li .text-only:nth-child(2n){margin-right:0%;}
	.prof_li .text-only:nth-child(4n){margin-right:0%;}
}

@media (max-width: 640px){
	/*depth_tab*/
	.dapth-tab li{flex-grow:initial;width:50%}
	.dapth-tab .item{font-size:.9rem;height:50px;font-weight:normal}
	.dapth-tab li:nth-child(odd){border-left:1px solid #e4e4e4}
	/* 역대 대학원장 */
	.prof_li > li .li-in .left-prof img{width:100%}
	.prof_li > li .li-in .right-prof{width:64%}
	
	.prof_li > li .li-in .who .grade{font-size:1rem;margin-right:5px}
	.prof_li > li .li-in .who .name{font-size:1rem}
	
	/* 오시는 길 */
	.location-box .root_daum_roughmap, .location-box .root_daum_roughmap .wrap_map{height:300px !important}
	
}

@media (max-width: 500px){
	/* 역대 대학원장 */
	.prof_li .text-only{width:100%;margin-right:0%}
	.prof_li .text-only:nth-child(3n){margin-right:0%;}
}

@media (max-width: 420px){
	
	/* 역대 대학원장 */
	.prof_li > li .li-in .left-prof{width:100%;text-align:center}
	.prof_li > li .li-in .left-prof img{width:60%}
	.prof_li > li .li-in .right-prof{width:100%;margin-top:20px}
	.prof_li > li .li-in .right-prof .who{text-align:center}
	
	/* 직제 */
	.org-box .org-li li{margin-bottom:20px;}
	.org-box .org-li li.li-fifth{padding-top:20px;}
	.org-box .org-li li span{font-size:14px; width:32%; font-weight:400;}
}

@media (max-width: 360px){
	
	
	
}