@charset "utf-8";
#svisual{background-image:url(/images/archfaculty/main/intro/intro_bg.jpg);background-position:50% 40%}

#sub05_02 .greeting{padding-left:0}
#sub05_02 .greeting p {padding-left: 0;}

/* 이수체계도 */
.completion-system .pic_btn {display: block;}
.pic_btn a:hover,
.pic_btn a:focus {background: linear-gradient(90deg, #0D7C68 0%, #165B42 100%);}
/* 이수체계도 End */

.employment-status .ui.uic .box_col_img .col .item .thm_figure {background: #fff;}

/*연구활동*/
.lst_box.type2:after{content:"";display:block;clear:both;visibility:hidden;}
.lst_box.type2 li{padding:15px;min-height:201px;}
.lst_box.type2 li strong{display:block;font-size:13px;}
.lst_box.type2 li b{padding:0;border:none;}
.lst_box.type2 li em.department{position:absolute;top:15px;right:15px;color:#333;font-size:13px;}
.lst_box.type2 li em.field{color:#989898;height:22px;overflow:hidden;}
@media (min-width:640px) {
	.lst_box.type2 li{float:none;width:100%;}    
}
@media (min-width:768px) {
	.lst_box.type2 li{padding:25px 25px 25px 100px;}    
	.lst_box.type2 li em.department{top:25px;right:25px;}
	.lst_box.type2 li strong{display:inline-block;position:absolute;left:30px;top:25px;font-size:13px;}
	.lst_box.type2 li strong:after{content:"";display:block;position:absolute;right:-20px;top:0;width:1px;height:42px;background:#e1e1e1;}
	.lst_box.type2 li strong span{display:block;}
}
@media (min-width:960px) {
	.lst_box.type2 li{float:left;width:50%;}
}

.ui.uit.type4.staff .inner .s4_ico{display:none;position:absolute;top:20px;left:20px;width:72px;height:72px;background-position:-46px -216px;}
.lst_box{display: flex;flex-wrap: wrap;}
.lst_box:after{display: none;}
.lst_box li{margin-top:-1px;}
.lst_box li:first-child{margin-top:0;}
.lst_box li{display:block;position:relative;padding:20px 15px;border:1px solid #d7d7d7;}
.lst_box li a:hover,
.lst_box li a:focus{border-color:#07469b;}
.lst_box li a:hover:before,.lst_box li a:focus:before,
.lst_box li a:hover:after,.lst_box li a:focus:after{content:"";display:block;position:absolute;background-color:#07469b;z-index:1;}
.lst_box li a:hover:before,.lst_box li a:focus:before{bottom:-1px;left:-1px;width:101%;height:1px;}
.lst_box li a:hover:after,.lst_box li a:focus:after{display:none;top:-1px;right:-1px;width:1px;height:101%;}
.lst_box li b{display:block;position:relative;margin-bottom:10px;padding:0 0 10px 32px;border-bottom:1px dashed #eee;color:#333;font-size:14px;line-height:17px;}
.lst_box li a:hover b,.lst_box li a:focus b{color:#07469b;}
.lst_box li a .s4_ico{position:absolute;}
.lst_box li a .ico{top:2px;left:0;width:22px;height:22px;background-position:0 -216px;}
.lst_box li a:hover .ico,.lst_box li a:focus .ico{background-position:-22px -216px;}
.lst_box li a .btco{display:none;bottom:0;right:0;width:46px;height:45px;background-position:0 -238px;}
.lst_box li a:hover .btco,.lst_box li a:focus .btco{display:block;}
.lst_box li em{display:block;line-height:24px;font-size: 14px;}
@media (min-width:640px) {
	.lst_box{padding:1px 0 0 1px;}
	.lst_box li{float:left;margin-left:-1px;width:50%;}
	.lst_box li:first-child{margin-top:-1px;}
}
@media (min-width:960px) {
	.lst_box li{width:33.33%;}
	.lst_box li{padding:25px 20px;}
}
@media (min-width:1280px) {
	.lst_box li{width:25%;}
	.lst_box li{padding:30px 25px;}
}
@media (min-width:640px) {
	.lst_box.type2.travel li{float:left;width:50%;}
	.lst_box.type2.travel li{padding:25px;}
	.lst_box.type2.travel li em.department{top:25px;right:25px;}
	.lst_box.type2.travel li strong{display:inline-block;position:absolute;left:30px;top:25px;font-size:13px;}
	.lst_box.type2.travel li strong:after{content:"";display:block;position:absolute;right:-20px;top:0;width:1px;height:42px;background:#e1e1e1;}
	.lst_box.type2.travel li strong span{display:block;}
}
@media (min-width:900px) {
	.lst_box.type2.travel li{float:left;width:25%;}
}

/*인사말배경*/
.greeting .first span:first-child {color: #165B42;}
.greeting.gree_arch03{background:url(/images/archfaculty/sub03/sub03_01_01_img01.jpg) no-repeat left top;}

/*학생회*/
.sub03_04_03 .greeting{padding-left:0}


/*조직도*/
.org{position:relative;z-index:99;}
.org::before {display: block; content: ''; width: 1px; height: 188px; background-color: #ddd; position: absolute; top: 40px; left: 50%;}
.org:after{content:"";display:block;clear:both;visibility:hidden}
.org li{position:relative }
.org li a:hover,
.org li a:focus{text-decoration:underline;}
.org>li:after{content:"";display:block;clear:both;visibility:hidden}
.org *:before{content:"";display:none;position:absolute;background:#ddd;z-index:-1;}
/*라인*/
/* .org .lv0:before{bottom: 210px;left: 49.9%;width: 1px;height: 252px; display: block;} */
.org .lv2:before{top:0px;left: 7.5%;width: 85.1%;height: 1px; display: block;}
.org .lv2 .group > li > p:before{display:block;position:absolute;top: -31px;left: 50%;height: 35px;border-left: 1px solid #ddd;content:'';}
.org .lv2 .group > li > ul > .lv3 > p:before{display: block;position: absolute;top: -30px;left: 50%;height: 30px;  border-left: 1px solid #ddd;content: '';}

/**/
.org .lv0_wrap {display: flex; justify-content: center; column-gap: 50px;}
.org .lv0_wrap::before {left: 0; right: 0; top: 40px; max-width: 100%; width: 200px; height: 1px; margin: 0 auto; z-index: -1; display: block;}
.org .lv0{width:250px;margin:0 auto 30px;border:0;background:#701e20;font-size:1.2em;color:#fff;text-align:center;}
.org .lv0 .t1{display:block;/* height:40px; *//* line-height:40px; */}
.org .lv0 .t2{display:block;border:1px solid #701e20;background:#fff;line-height:38px;color:#333}

.org .lv1{width:250px;margin: 0 auto 60px;border:0;font-size:1.2em;color:#fff;text-align:center; border:1px solid #555B69; background-color: #fff;}
.org .lv1 .t1{display:block;background:#555B69;/* height:40px; *//* line-height:40px; */}
.org .lv1 .t2{display:block;line-height:38px;color:#333}
.org .lv1 .t3{display:block;line-height:1.5;color:#333;font-size: 15px;padding-bottom: 10px; position: absolute; top: 100%; padding-top: 5px; width: 100%; left: 0; background-color: #fff;}
.org .lv1:before {left: 50%;width: 1px;bottom: 100%;height: 100px;}

.org .lv2 .group{margin:0 -1%;}
.org .lv2 .group > li{float:left;width: 14.66%;margin: 0 1%;}
.org .lv2 .group > li > p{position:relative;height: 75px;margin: 31px 0 0;line-height:40px;color:#fff;text-align:center; border: 1px solid #555B69; background:#fff;}
.org .lv2 .group > li > p .t1{display: block;/* height: 60px; */line-height: 35px;background:#555B69;}
.org .lv2 .group > li > p .t2{display:block;height:40px;line-height:40px;color:#333;}
.org .lv2 .group > li > p .t3{display: block; font-size: 14px; color: #333; position: absolute; top: 100%; left: 0; margin-top: 5px; line-height: 1.2; width: 100%;}

.org .lv2 .group > li > ul > .lv3 > p{position:relative;margin:30px 0 0;background:#555B69;line-height:40px;color:#fff;text-align:center}
.org .lv2 .group > li > ul > .lv3 > p .t1{display:block;height:40px;line-height:40px}
.org .lv2 .group > li > ul > .lv3 > p .t2{display:block;height:40px;line-height:40px;border:1px solid #555B69;background:#fff;color:#333}

.org .lv2 .group > li > ul > .lv3 ul > .lv4 > p{position:relative;margin:20px 0 0;background:#555B69;line-height:40px;color:#fff;text-align:center}
.org .lv2 .group > li > ul > .lv3 ul > .lv4 > p .t1{display:block;height:40px;line-height:40px}
.org .lv2 .group > li > ul > .lv3 ul > .lv4 >  p .t2{display:block;height:40px;line-height:40px;border:1px solid #555B69;background:#fff;color:#333}
.org .lv2 .group > li > ul > .lv3 ul > .lv4 > p:before{display: block;position: absolute;top: -30px;left: 50%;height: 30px;  border-left: 1px solid #ddd;content: '';}

.org .lv2 .group > li > ul > .lv3 ul > .lv4 ul > .lv5 > p{position:relative;margin:20px 0 0;background:#555B69;line-height:40px;color:#fff;text-align:center}
.org .lv2 .group > li > ul > .lv3 ul > .lv4 ul > .lv5 > p .t1{display:block;height:40px;line-height:40px}
.org .lv2 .group > li > ul > .lv3 ul > .lv4 ul > .lv5 >  p .t2{display:block;height:40px;line-height:40px;border:1px solid #555B69;background:#fff;color:#333}
.org .lv2 .group > li > ul > .lv3 ul > .lv4 ul > .lv5 > p:before{display: block;position: absolute;top: -30px;left: 50%;height: 30px;  border-left: 1px solid #ddd;content: '';}


@media (max-width:767px){
	.org::before {left: 10%; height: 870px; top: 0;}
	.org .lv0_wrap {display: block;}
	.org .lv0,.org .lv2 p{width:100%}
	.org .lv0:before{bottom: 34px;left:10%;width: 1px;height: 1066px;display: none;}
	.org .lv1{width:100%;margin:0 auto 10px}
	.org .lv1 .t3 {background-color: transparent;}
	.org .lv2 .group > li{float:right;width:80%;margin-top: 20px}
	.org .lv2:before{display:none}
	.org .lv2 .group > li > p:before{top:50%;left: -10.2%;width: 108px;height:1px;/* margin-left: -0.5%; */display: block;}
	.org .lv2 .group > li > p{margin-top: 10px;}
	.org .lv2 .group > li > ul > .lv3 > p{margin:6px 0 0}
	.org .lv2 .group > li > ul > .lv3 ul > .lv4 > p{margin:6px 0 0}
}


/*시설안내*/
.sub03_03_03 .ui.uic .box_col_img .col .item { min-height: 335px;}

/*강의실*/
.classroom div{width:100%;position:relative;margin:0 0 20px;padding:40px 40px 50px 22%;border:1px solid #ddd;}
.classroom div.wp100{width:100%;}
.classroom div h3{position:absolute;top:0px;left:40px;padding:0;background:0;font-size:20px;}
.classroom div h3 span{display:block;font-size:15px}
.classroom div ul:first-child{border-top:0;}
.classroom div ul{position:relative;margin-bottom:20px;padding-left:30px;border-left:1px dashed #ccc;/*border-top:1px solid #333;*/}
.classroom:after,
.classroom div ul:after{content:"";display:block;visibility:hidden;clear:both}
.classroom div ul li {position:relative;width:64%;padding-left:70px;}
.classroom div ul li em{position:absolute;left:0;top:0;margin-right:5px;font-weight:bold;color:#333}
.classroom div ul li.paper{margin-bottom:30px;padding-bottom:10px;/*border-bottom:1px solid #ccc;*/}
.classroom div ul li ul{border-left:0;padding-left:0;}
.classroom div ul li ul li {padding-left:10px;width:100%;}

.classroom div ul li.pri,
.classroom div ul li.date{float:left;position:absolute;top:0;right:0;width:30%;text-align:center;}
.classroom div ul li.date{border-left:1px dashed #ccc;right:-8%; height: 100%;}
.classroom div ul li.pri,.s0105 div ul li.paper{border-left:1px dashed #ccc; padding-left:40px; height:100%;color:#333;font-size:16px;font-weight:bold;}
.classroom div ul li.pri em,
.classroom div ul li.date em{margin:0 0 5px;display:block;position:static;font-weight:normal;font-size:16px;}
.classroom div ul li.pri em:before,
.classroom div ul li.date em:before{content:"";display:block;position:absolute;left:50%;top:0;margin-left:-33px;width:20px;height:25px;background:url(/images/common/ui/step_ir.png);}
.classroom div ul li.pri em:before{background-position:-209px -80px;}
.classroom div ul li.date em:before{background-position:-238px -80px;}
@media (max-width:767px) {
    .classroom div{padding:40px;}
    .classroom div h3{position:static;padding-bottom:10px;margin-top:0;border-bottom:2px solid #333;}
    .classroom div h3:after{content:"";display:block;visibility:hidden;clear:both;}
    .classroom div h3 span{display:inline;float:right;}
}
@media (max-width:480px) {
    .classroom div ul li{width:100%;}
    .classroom div ul li.pri{position:static;width:100%;padding-left:0;padding-top:30px;margin:20px 0 20px;border-left:0;border-top:1px dashed #ccc;}
    .classroom div ul li.pri em:before,
    .classroom div ul li.date em:before{background:transparent;}
}
@media (max-width:350px) {
     #content .classroom div ul{padding-left:10px;font-size:13px;}
}

/* sub01_03 조직도 */
.organization1{overflow:hidden}
.organization1 *{margin:0;padding:0;list-style:none}
.organization1 li{position:relative}
.organization1 a[href]:hover,.organization1 a[href]:focus{opacity:0.9}
.organization1 ul li .lv0{width:180px;margin:0 auto 30px;border:0;background:#701e20;font-size:1.2em;color:#fff;text-align:center;}
.organization1 .t1{display:block;height:40px;line-height:40px;}
.organization1 ul  li .lv0 .t2{display:block;border:1px solid #ddd;background:#efefef;line-height:38px;color:#333}
.organization1 ul li .lv1{width:180px;margin:0 auto 30px;border:0;background:#701e20;font-size:1.2em;color:#fff;text-align:center;}
.organization1 ul  li .lv1 .t2{display:block;border:1px solid #701e20;background:#fff;line-height:38px;color:#333}
.organization1 .t1:after{display:block;position:absolute;top:80px;left:50%;height:30px;border-left:1px solid #ddd;content:'';}
.organization1 .lv2:before{display:block;position:absolute;top:70px;left:24.555%;width:51%;border-top:1px solid #ddd;content:''}
.organization1 .lv2 .group{overflow:hidden;margin:0 -1%}
.organization1 .lv2 .group > li{float:left;width:48%;margin:0 1%}
.organization1 .lv2 .group > li > span{display:block;position:relative;height:40px;margin:30px 0 0;padding:0 10px;background:#555B69;line-height:40px;color:#fff;text-align:center}
.organization1 .lv2 .group > li > span > i{display:block;position:absolute;top:50%;right:10px;width:17px;height:17px;margin-top:-8px;background:url(/images/kor/common/org1.ic1.png) no-repeat;background-size:contain}
.organization1 .lv2 .group > li > a:before{display:block;position:absolute;top:-30px;left:50%;height:30px;border-left:1px solid #ddd;content:''}
.organization1 .lv2 .group2 > li{float:left;width:48%;margin:0 1%}
.organization1 .lv3{min-height:92px;padding:10px;background:#efefef}
.organization1 .lv2 .group2 .lv3{min-height:309px;border:1px solid #ddd;}
.organization1 .lv3 li > span{display:block;padding:0 0 0 1.2em;background:url(/images/kor/common/li1bg.png) no-repeat .416em;color:#333}
.organization1 .lv3 li > span em{font-size: 15px;}
.organization1 .lv1-1{background:#5b4f3f}
.organization1 .lv1-2{background:#2872c6}
.organization1 .lv1-3{background:#3A5CA4}
.organization1 .lv1-4{background:#3A5CA4}
.organization1 .lv1-5{background:#a58361}
.organization1 .lv1-6{background:#ea68a2}
.organization1 [class*=org]{margin:50px 0}
.org1 .lv2:before{top:0}
.organization1 .lv2-1 .group > li > a{background:#555B69}
.org4 .lv2:before{border:0}
.organization1 .lv2-4 .group{margin:0}
.organization1 .lv2-4 .group > li{float:left;width:100%;margin:0}
.organization1 .lv2-3 .group > li{width:100%;margin:0}
.organization1 .left,.organization1 .right{float:left;width:49%}
.organization1 .left{margin-right:1%}
.organization1 .right{margin-left:1%}
.organization1 .org4{clear:both;width:50%;margin:0 auto;padding-top:30px}
.health_org1 .lv3{height:260px}
.organization1 .lv2-3:before{border:0}
.organization1 .lv2 .group > li.tab.on > a{background:#638c0b}
.org1 .lv2 .group > li > a:before,.org2 .lv2 .group > li > a:before{display:none}
.org1 .lv2:before,.org2 .lv2:before{display:none}
.organization1 .lv2-1,.organization1 .lv2-2{padding:0 1em 1.5em;border:1px solid #ddd;background:#fff}
.organization1 .lv2.lv2-2 .group > li{width:18%}
.organization1 .lv2.lv2-2 .group > li a{text-align:left}
@media (max-width: 768px){
	.organization1 .lv2 .group > li{width:98%}
	.organization1 .lv2 .group2 > li{width:98%}
	.organization1 .left,.organization1 .right{float:none;width:100%}
	.organization1 .left{margin-right:0}
	.organization1 .right{margin-left:0}
	.organization1 .lv2.lv2-2 .group > li{width:23%}
	.organization1 .lv2:before{display:none}
	.organization1 .lv2.lv2-4 .group > li > a{margin:0}
	.organization1 .lv2.lv2-4 .group > li > a:before{display:none}
	.organization1 .org4{width:100%}
}
@media (max-width: 460px){
	.organization1 .lv0{margin:0}
	.organization1 .lv0:after{display:none}
	.organization1 .lv1:after{display:none}
	.organization1 .lv2-1,.organization1 .lv2-2{padding:0;border:0;background-color:transparent}
	.organization1 .lv2 .group > li > a:before{display:none}
	.organization1 .lv0{width:100%}
	.organization1 .lv1-1{width:100%}
	.organization1 .lv3{padding:0;background-color:transparent}
	.organization1 .lv3 li > span{display:block;height:40px;margin:10px 0 0;padding:0;padding:0 10px;background:none;background:#ddd;line-height:40px;color:#333;text-align:center}
	.organization1 .lv2 .group > li > a{margin:10px 0 0}
	.organization1 .lv1{width:100%}
	.organization1 [class*=org]{margin:0}
	.organization1 .org4{padding-top:0}
	.organization1 .lv2 .group > li{width:100%}
	.organization1 .lv2.lv2-4 .group > li > a{margin-top:10px}
	.brclear + br,.brclear + br + br{display:none}
	.organization1 .lv2.lv2-2 .group > li{width:100%;margin:0}
	.organization1 ul li .lv1 {margin: 0 auto 10px;}
	.organization1 .t1:after {height: 60px;}
	.organization1 ul li .lv0 { margin: 0 auto 0px;}
}


/* sub03_00 건축학부 sns*/
 .s0300 .box_town .visual .sns {padding:20px 0 0 30px}
 .s0300 .btn.btn-line {margin: 1%;}
 @media (max-width: 580px){
	.s0300 .box_town .visual .sns {padding: 0px 7px;text-align: center;margin-top: -55px;}
	.s0300 .btn.btn-line {background-color: #ffffff;}
	.s0300 .box_town .visual .visual_txtbox {padding: 70px 10px;}
 }
 @media (max-width: 500px){
	.s0300 .box_town .visual .visual_txtbox {padding: 50px 10px;}
 	}
/* sub03_00 건축학부 sns End */


/* pdf */
#PDFviewerDiv{position:relative;height:auto;padding-top:140%;overflow:hidden}
#PDFviewerDiv iframe{display:block;position:absolute;top:0;left:0;width:100%;height:100%}