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

/* 테이블 */
.th_type {color: #333; background-color: #fafbfc; text-align: center;}

/* 학과소개 이미지 수정 */
.ui-intro .ui-img.img-resize{max-height: 629px;}
@media(min-width: 768px){
  .ui-intro .ui-img.img-resize img{width: 65%; margin-left: 35%;}
}

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

/*연구활동*/
.lst_box.type2 li{width: 100%;padding:15px;}
.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-list.card .ui-cont .inner span.ui-thumb img {width: 100%; height: 100%;}
.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_arch02{background:url(/images/archfaculty/sub02/sub02_01_01_img01.jpg) no-repeat left top;}
.greeting.gree_arch02_01{background:url(/images/ct/sub01/sub01_01.jpg) no-repeat left top; background-size:300px;}


/*조직도*/
.org{position:relative;overflow:hidden;z-index:99;}
.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:block;position:absolute;background:#ddd;z-index:-1;}
/*라인*/
.org .lv0:before{bottom: 210px;left: 49.9%;width: 1px;height: 252px;}
.org .lv2:before{top:0px;left: 9.4%;width: 81.6%;height: 1px;}
.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{width:310px;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:180px;margin: 0 69% 40px;border:0;background:#701e20;font-size:1.2em;color:#fff;text-align:center;}
.org .lv1 .t1{display:block;/* height:40px; *//* line-height:40px; */}
.org .lv1 .t2{display:block;border:1px solid #701e20;background:#fff;line-height:38px;color:#333}
.org .lv1:before {margin-left: -19%;width: 20%;top: 50%;height: 1px;}

.org .lv2 .group{overflow:hidden;margin:0 -1%;}
.org .lv2 .group > li{float:left;width: 18%;margin: 0 1%;}
.org .lv2 .group > li > p{position:relative;height: 75px;margin: 31px 0 0;background:#555B69;line-height:40px;color:#fff;text-align:center;}
.org .lv2 .group > li > p .t1{display: block;/* height: 60px; */line-height: 35px;}
.org .lv2 .group > li > p .t2{display:block;height:40px;line-height:40px;border:1px solid #555B69;background:#fff;color:#333;}

.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 .lv0,.org .lv2 p{width:100%}
  .org .lv0:before{bottom: 34px;left:10%;width: 1px;height: 1066px;}
  .org .lv1{width:100%;margin:0 auto 10px}
  .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%; */}
  .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}
}


/*조교*/
@media (min-width: 768px){
	.ui-list.card .ui-cont.nm_long .inner {height: auto;overflow: hidden;}
}

/*강의실*/
.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;}
}

/*연구실 소개*/
.sub02_04_01_01 .ui.uic .box_col_img .col .item { min-height: 222px;}
.sub02_04_02_01 .ui.uic .box_col_img.long .col .item {min-height: 353px;}
.sub02_04_03_01 .ui.uic .col3 .col .item {min-height: 335px;}
.sub02_04_03_01 .ui.uic .col4 .col .item {min-height: 212px;}


/* 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;}
}


/* sub02_03_01_04 교육과정*/
.s02030104 .tbl_basic tr.point {background-color: #faf0f8;}
.s02030104 .tbl_basic tr.end {border-bottom: 2px solid #babbbd;}
/* sub02_03_01_04 교육과정 End */

/* sub02_03_02 교욱시설 */
.s020302 .imgbox > img {width: 48%; display: inline-block; margin: 0.5%;}
@media(max-width: 530px){
	.s020302 .imgbox > img {width: 100%; margin: 10px 0; display: block;}
}
/* sub02_03_02 교욱시설 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%}