@charset "utf-8";

/*조직도*/

.org{}
.org:before{opacity:0; content:""; display:block; position:fixed; left:0; top:0;  width:0; z-index:1000;height:0; background-color:rgba(0,0,0,0.7);}
.org.blind:before{opacity:1;z-index:1000; width:100%; height:100%;}
.org .download{text-align: right;position: relative;}

.org .layer_profile{
    display:none; position: fixed;top:50%;left:50%;z-index: 1100; width:450px;height:auto;background:#fff;border:1px solid #ccc;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
}
.org .layer_profile a.close{display: block;position: absolute;left: calc(50% - 21px);bottom: -120px;width:63px;height:63px;padding: 0;border:none; background: url(../img/sub/layer_close.png)center no-repeat;content: '';opacity: 1;font-size: 0;}
.org .layer_profile .layer_img{text-align: center;}
.org .layer_profile .layer_img img{float: none;width:160px;height:160px; margin-top:50px;}
.org .layer_profile .layer_img strong{display: block;margin:25px 0; font-size: 22px;}
.org .layer_profile .layer_txt{padding:40px 0;background: #f5f6f7;text-align: left;}
.org .layer_profile .layer_txt ul{width: 80%;margin:0 auto;}
.org .layer_profile .layer_txt ul li{position: relative;width:100%; margin:5px auto;padding-left:105px;font-weight:600;}
.org .layer_profile .layer_txt ul li strong{position: absolute;left:0;top:0;width: 100px;padding-left:15px;background: url(../img/sub/layer_bullet.png)left center no-repeat;color:#0b3c78;}
.org .layer_profile .layer_txt ul li a{position:relative;display:inline-block;min-height:100%;height:auto; padding:0 20px 0 0;background: none;border:none;}
.org .layer_profile .layer_txt ul li a:after{content:"";display:block;opacity:1;position:absolute;right:0;top:5px;width:11px;height:14px;background:url(/site/kr/img/layout/blank.png) no-repeat center center;z-index:3;}

.org ul li{width:290px;margin: 30px auto;}
.org ul li a{position: relative; min-height:130px; display: block;padding:20px; border:1px solid #99a6b6;background-color: #fff;z-index: 10;}
/*.org ul li a:before{display:inline-block;position:absolute;left:50%;top: -32px;width:1px;height: 32px;background:#99a6b6;content:'';z-index: -1;}*/
.org ul li a img{float:left;display: inline-block; width:85px;height:85px;background: #ccc;}
.org ul li a .txt{margin-left:110px;text-align: left;}
.org ul li a .txt strong{display: inline-block; font-size: 17px;font-weight: 600;line-height: 1.2; width: 100%;}
.org ul li a .txt span{display: block;margin-top:10px;line-height: 1;}
.org ul li a .txt em{display: block;}

.org ul li.org_grup{position: relative;width:100%; text-align: center;}
.org ul li.org_grup>ul{display: inline-block;position: relative;}
.org ul li.org_grup>ul>li{float: left;margin:0 auto;}
.org ul li.org_grup>ul>li:nth-child(2n){margin: 0 130px;}

.org ul li.org_grup1>ul:before{display: inline-block;position: absolute;left: 50%;bottom: -100px;width:1px;height: 120px;background: #99a6b6;content: '';}
.org ul li.org_grup1 ul li.org_step{margin:20px 50px;}
.org ul li.org_grup1 ul li.org_1>a{border:3px solid #2462ae;}
.org ul li.org_grup1 ul li.org_1>a:before{display: none;}
.org ul li.org_grup1 ul li.org_2>a{border:3px solid #99a6b6;}

.org ul li.org_grup1 ul li.org_2.ombudsperson {position: absolute;right: 0;margin-top: 160px;}
.org ul li.ombudsperson a .txt {margin-left: 0; text-align: center;}
.org ul li.ombudsperson a {min-height: auto;}
.org ul.layer_txt li {width: 300px;}

.org ul li.org_grup2{margin-top: 150px;}
.org ul li.org_grup2:before{display: inline-block;position: absolute;left: calc(50% - 440px);top: -70px;width: 880px;height:1px;background: #99a6b6;content: '';}
.org ul li.org_grup2 ul li.org_step{position: relative; width:310px;}
.org ul li.org_grup2 ul li.org_step:before{display: inline-block;position: absolute;left: 50%;top: -70px;width:1px;height: 70px;background: #99a6b6;content: '';}
.org ul li.org_grup2 ul li.org_step>a{border:3px solid #99a6b6;}
.org ul li.org_grup2 ul li.org_step  ul.org_group{position: relative;margin-left: 20px;}
.org ul li.org_grup2 ul li.org_step  ul.org_group:before{display: inline-block;position: absolute;left: -60px;top: -100px;width:1px;height: calc(100% + 30px);background:#99a6b6;content: '';}
.org ul li.org_grup2 ul li.org_step  ul.org_group:after{display: inline-block;position: absolute;left: -60px;top: -100px;width: 40px;height: 1px;background:#99a6b6;content: '';}
.org ul li.org_grup2 ul li.org_step  ul.org_group>li{position: relative;}
.org ul li.org_grup2 ul li.org_step  ul.org_group>li:before{display: inline-block;position: absolute;left: -60px;bottom: 70px;width: 60px;height: 1px;background:#99a6b6;content: '';}
.org ul li.org_grup2 ul li.org_step  ul.org_group li.org3{}
.org ul li.org_grup2 ul li.org_step  ul.org_group li.org4{}
.org ul li.org_grup2 ul li.org_step  ul.org_group li.org5{}

@media all and (max-width: 1279px) {
    .org ul li.org_grup1 ul li.org_step{margin:0 10px;}
    .org ul li.org_grup2:before{left:calc(50% - 320px);width:640px;}
    .org ul li.org_grup2 ul li.org_step ul.org_group>li{width:260px;}
    .org ul li.org_grup2>ul>li:nth-child(2n){margin:0 40px;}
    .org ul li.org_grup2 ul li.org_step{width:280px;}
    .org ul li.org_grup2 ul li.org_step ul.org_group:before{left:-40px;}
    .org ul li.org_grup2 ul li.org_step ul.org_group:after{left:-40px;width:20px;}
    .org ul li.org_grup2 ul li.org_step ul.org_group>li:before{left:-40px;width:40px;}
}
@media all and (max-width: 1023px) {
    .org ul li.org_grup>ul{width:100%;}
    .org ul li.org_grup>ul>li{float: none;}
    .org ul li.org_grup1 ul li.org_step{width:90%;margin:20px 5%;}
    .org ul li.org_grup2{margin-top:40px;}
    .org ul li.org_grup2:before{display: none;}
    .org ul li.org_grup2 ul li.org_step{width: 97%;margin-left: 3%;}
    .org ul li.org_grup2 ul li.org_step:before{display: none;}
    .org ul li.org_grup2 ul li.org_step ul.org_group{margin-left:5%;}
    .org ul li.org_grup2 ul li.org_step ul.org_group:before{left:-8%;}
    .org ul li.org_grup2 ul li.org_step ul.org_group:after{left:-8%;}
    .org ul li.org_grup2 ul li.org_step ul.org_group>li{width:100%;}
    .org ul li.org_grup2 ul li.org_step ul.org_group>li:before{left:-8%;width:60px;}

}
@media all and (max-width: 767px) {
    .org .layer_profile a.close{min-height: 0px;bottom:-80px;}
    .org ul li a{height:auto;min-height: 130px; padding:20px;}
    .org ul li a .txt strong{font-size: 16px;}
}
@media all and (max-width: 400px) {
    .org .layer_profile{position: relative; width:110%;margin-left:-5%;}
    .org .layer_profile .layer_txt ul li{padding:0;}
    .org .layer_profile .layer_txt ul li strong{position: static;display: block;}
}

/*역대총장*/
.president_h{}
.president_h .tab-ul ul li{min-height: 96px;}
.president_h .tab-ul ul li strong{min-height:38px;margin-top:15px; line-height: 1.2;font-size: 16px;}
.president_h .tab-ul ul li span{}
.president_h .tab-ul ul li a{padding:0 1.5em 0 1.5em;}
.president_h .tab-ul ul li a:after{top: 3.9em;}
.president_h .mid{}
.president_h .mid .item{}
.president_h .mid .item .profile_tab{position: relative;padding:0 90px 20px 90px; text-align: center;border-bottom:1px solid #ccc;}
.president_h .mid .item .profile_tab .list_wrap{width:100%;overflow: hidden;}
.president_h .mid .item .profile_tab .list_wrap ul{display: inline-block;position: relative;overflow: hidden; width:1000%;height: 240px; z-index: 10;}
.president_h .mid .item .profile_tab .list_wrap ul li{float: left;}
.president_h .mid .item .profile_tab .list_wrap ul li a{display: block;padding:20px;transition: .2s;-webkit-transition: .2s;}
.president_h .mid .item .profile_tab .list_wrap ul li.on a,
.president_h .mid .item .profile_tab .list_wrap ul li a:hover,
.president_h .mid .item .profile_tab .list_wrap ul li a:before{background: #2462ae;color:#fff;}
.president_h .mid .item .profile_tab .list_wrap ul li a img{display: block;width:130px;height:130px;margin:0 auto; background: #ccc;}
.president_h .mid .item .profile_tab .list_wrap ul li a span{display: block;margin:20px 0 0;}
.president_h .mid .item .profile_tab .control{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.president_h .mid .item .profile_tab .control button{position: absolute;top:calc(50% - 25px);width:50px;height:50px;background: #fff;border:2px solid #1f8ecd;background-image: url(../img/skin/btn_arrow_b.png);background-repeat: no-repeat;background-position: left 10px top 17px;font-size:0;}
.president_h .mid .item .profile_tab .control button.prev{left: 0;transform:rotateY(180deg);}
.president_h .mid .item .profile_tab .control button.next{right: 0;}

.president_h .mid .item .txt_box{ position: relative;overflow: hidden; margin-top:100px;}
.president_h .mid .item .txt_box .txt_profile{float:left; width:310px;}
.president_h .mid .item .txt_box .txt_profile .txt_img{position: relative; width:310px;height:410px;margin-bottom:30px;}
.president_h .mid .item .txt_box .txt_profile .txt_img:before{display: inline-block;position: absolute;left: 0;top:20px;width: calc(100% - 22px);height: calc(100% - 20px);border:1px solid rgba(118,118,118,0.3);content: '';}
.president_h .mid .item .txt_box .txt_profile .txt_img img{display: block; width:calc(100% - 20px);height:calc(100% - 20px);margin:0 0 20px 20px;background-color: blue;}
.president_h .mid .item .txt_box .txt_profile .txt_btn a{display: block; margin:15px 0;}

.president_h .mid .item .txt_box .txt_tit{display: inline-block;margin-left:60px; font-weight: 500;}
.president_h .mid .item .txt_box .txt_tit strong{display: block;margin-bottom:5px; font-size: 24px;color:#2462ae;}
.president_h .mid .item .txt_box .txt_tit span{font-size:19px;}

.president_h .mid .item .txt_box .txt_contents{margin-left:370px;}
.president_h .mid .item .txt_box .txt_contents .txt_item{margin:30px 0;padding:30px;border:1px solid #ccc;}
.president_h .mid .item .txt_box .txt_contents .txt_item strong{display: block;margin:0 0 15px;font-size:20px; font-weight: 600;}
.president_h .mid .item .txt_box .txt_contents .txt_item ul li{position: relative;padding-left: 140px;}
.president_h .mid .item .txt_box .txt_contents .txt_item ul li span{position: absolute;left: 15px;top: 0;line-height: 1.4;}



@media all and (max-width: 1280px) {
    .president_h .tab-ul ul li{width: 50%}
    .org ul li.org_grup1 ul li.org_2.ombudsperson {margin-top: 140px;}
}
@media all and (max-width: 1023px) {
    .president_h .mid .item .profile_tab{padding:0 50px;}
    .president_h .mid .item .profile_tab .list_wrap{width:500px;margin:0 auto;}
    .president_h .mid .item .txt_box .txt_tit{width:330px;}
    .president_h .tab-ul ul li a{padding:0 1em;}
    .president_h .tab-ul ul li span{left:17px;}
    .org ul li.org_grup1 ul li.org_2.ombudsperson {position: static; margin-top: 0;}
    .org ul li.org_grup1>ul:before {display: none;}
}
@media all and (max-width: 767px) {
    .president_h .mid .item .profile_tab{padding:0;}
    .president_h .mid .item .profile_tab .list_wrap{overflow-x:scroll;width:100%;}
    .president_h .mid .item .profile_tab .list_wrap ul{overflow: visible;width: auto;white-space: nowrap;}
    .president_h .mid .item .profile_tab .list_wrap ul li{display: inline-block;float: none;}
    .president_h .mid .item .profile_tab .control{display: none;}

    .president_h .mid .item .txt_box .txt_profile{float: none;display: inline-block;}
    .president_h .mid .item .txt_box .txt_profile .txt_img{width:290px;height:390px;}
    .president_h .mid .item .txt_box .txt_profile .txt_btn{position: absolute;left: 330px;top: 150px;}
    .president_h .mid .item .txt_box .txt_tit{position: absolute;left: 330px;top: 0;width:auto; margin:0;}
    .president_h .mid .item .txt_box .txt_contents{margin:0;}

}
@media all and (max-width: 640px) {
    .president_h .tab-ul ul li{width: 100%}
    .president_h .mid .item .txt_box{text-align: center;}
    .president_h .mid .item .txt_box .txt_profile .txt_img{width:100%;}
    .president_h .mid .item .txt_box .txt_profile .txt_btn{position: static;}
    .president_h .mid .item .txt_box .txt_tit{position: static;margin:30px 0 0;}
    .president_h .mid .item .txt_box .txt_tit strong{margin-bottom:0;font-size:18px;}
    .president_h .mid .item .txt_box .txt_tit span{font-size:16px;}
    .president_h .mid .item .txt_box .txt_contents .txt_item{margin:15px 0;padding:20px; text-align: left;}
    .president_h .mid .item .txt_box .txt_contents .txt_item strong{font-size:17px;}
}


#txt p a, #txt a.a_line {color: #167ac6;text-decoration: underline;text-decoration-color: #95d1ff;}


/* sub0101 총장 프로필 */
.s0101 .photos[data-type="1"][data-src] { padding: 0 0 3em 0}
.s0101 .photos[data-type="1"][data-src] span[data-cnt="3"] {right: 1px;}
.s0101 .item .btns.down {float: right;}
@media (max-width: 1000px){
	.s0101 .photobox[data-type="1"] .item:nth-child(1) .photos { margin: 0 auto auto;}
    .s0101 .item .btns.down {float: none; display: block; width: 240px; margin: 0 auto;}
}

/* sub03 이사회 레이아웃 변경*/
.affairs .group-wrap {padding-top: 55px;}
.affairs .group-wrap .group {display:inline-block; width: 560px; margin-bottom:25px}
.affairs .group-wrap .group .title {font-size: 17px; line-height: 24px; font-weight: bold; color: #333;}
.affairs .group-wrap .group .profile {padding: 20px; margin-top: 16px; border-top: 1px solid #666; text-align: left;}
.affairs .group-wrap .group .profile .figure {display: inline-block; width: 85px; height:100px; overflow:hidden; margin: 0;}
.affairs .group-wrap .group .profile .figure .thumb {max-width: 100%;}
.affairs .group-wrap .group .profile .texts {display: inline-block; padding: 0 20px; vertical-align: top;}
.affairs .group-wrap .group .profile .texts .point {margin: -4px 0 4px; font-size: 14px; line-height: 24px;}
.affairs .group-wrap .group .profile .texts .list {font-size: 16px; line-height: 24px}
.affairs .group-wrap .group:nth-child(2n) {margin-left: 50px;}
@media (max-width: 1279px) {
    .affairs .group-wrap .group {display: block; width: 100%; margin-bottom: 30px;}
    .affairs .group-wrap .group:nth-child(2n) {margin-left:0}
}
@media (max-width: 530px) {
    .affairs .group-wrap .group .profile .figure {display: block; margin-bottom: 15px;}
    .affairs .group-wrap .group .profile .texts {padding: 0;}
}

/* 20240418 조직도 예외처리 */
.org ul li.org_grup2 ul li.org_step ul.org_group>li.group01:after{display: inline-block;position: absolute;left: -28px;bottom: -90px;width: 1px;height: 160px;background:#99a6b6;content: '';}
.org ul li.org_grup2 ul li.org_step ul.org_group>li.group02{padding-left:30px;}
.org ul li.org_grup2 ul li.org_step ul.org_group>li.group02:before{width: 57px;left: -27px;}
.org ul li.org_grup2 ul li.org_5 ul.org_group:before{height:calc(100% - 130px)}
@media(max-width:1280px){
    .org ul li.org_grup2 ul li.org_step ul.org_group>li.group01:after{left: -18px;}
    .org ul li.org_grup2 ul li.org_step ul.org_group>li.group02:before{width: 47px;left: -17px;}
}
@media(max-width:1024px){
    .org ul li.org_grup2 ul li.org_step ul.org_group>li.group01:after{left:50%; transform:translateX(-50%);}
    .org ul li.org_grup2 ul li.org_step ul.org_group>li.group02{padding: 0px 30px}
    .org ul li.org_grup2 ul li.org_step ul.org_group>li.group02:before{display:none;}
}
