/* 대학소개 ************************************************/
.intro_wrap{position:relative;width:100%;margin:0 auto;}
.intro_wrap div{color:#666;line-height:24px;}
.intro_wrap p{color:#666;line-height:26px;}
.intro_wrap li{color:#666;line-height:24px;}
.intro_wrap ul.w50 li{float:left;width:50%;}

/* 총장실 **/
/* 총장인사말 180531 백업본
.president_gre{position:relative;background:url('/resources/images/site/contents/intro_president_gre_bg.jpg') no-repeat;background-position:430px 90px}
.president_gre{position:relative;}
.president_gre .img{margin-bottom:20px}
.president_gre .sign{margin:15px 20px}
.president_gre .sign_txt{font-size:18px; font-weight:normal; border-top:1px solid #eee; padding-top:20px;}
.president_gre p{width:450px;}
.president_gre p{width:100%;}
*/

/* 총장인사말 180601 변경본 */
/*.president_gre{position:relative;height:622px; background:url('/resources/images/site/contents/intro_president_gre_bg.jpg') no-repeat;background-position:430px 90px}*/
.president_gre{position:relative;}
.president_gre .img{margin-bottom:20px}
.president_gre .sign{margin:15px 0;}
.president_gre .sign_txt{font-size:18px; font-weight:normal; border-top:1px solid #eee; padding-top:20px;}
/*.president_gre p{width:450px;}*/

/* 총장프로필 170517 */
.president_profile_wrap {display: flex; justify-content:space-around;}
.president_profile{background: url('/resources/images/site/contents/13_pre.jpg') no-repeat top right;}
.president_pre ul.edu{background:url('/resources/images/site/contents/intro_corporate_edu.jpg') no-repeat center;}
.president_profile_txt ul li {}
.president_profile ul span{display:inline-block;width:160px}

/* 역대총장 */
.president_line{position:relative}
.president_line li{float:left;width:25%;margin-bottom:20px}
.president_line li h2{line-height:28px}
.president_line li p{font-size:15px;font-weight:600;margin-top:5px;}
.president_line li span{color:#888;}

/* 교학부총장, 경영부총장, 대외협력부총장 */
.president_pre{position:relative;width:100%;height:200px}
.president_pre ul{padding:20px 30px 20px 405px}
.president_pre li{border-bottom:1px solid #eaeaea;padding:3px 0}
.president_pre li strong{font-size:14px;display:inline-block;*display:inline;zoom:1;width:110px;font-family:'留묒� 怨좊뵓','Malgun Gothic';}
.president_pre li a:hover{text-decoration:underline}
.president_pre ul.edu{background:url('/resources/images/site/contents/intro_corporate_edu.jpg') no-repeat center;}
.president_pre ul.man{background:url('/resources/images/site/contents/intro_corporate_man.jpg') no-repeat center;}
.president_pre ul.for{background:url('/resources/images/site/contents/intro_corporate_for.jpg') no-repeat center;}

.president_gallery ul{}
.president_gallery li{float:left;height:90px;margin-right:10px}
.president_gallery li img{height:100%;;border:1px solid #eaeaea}
.president_gallery li img:hover{border:1px solid #00806c}

/* 학교법인 **/
/* 이사장 인사말 */
.corporate_gre{position:relative;}
.corporate_gre .img{margin-bottom:10px}
.corporate_gre .sign{float:right;margin:15px 20px}

/* 산화기관 */
.corporate_org li{float:left;width:calc(100% / 4.3);border:1px solid #eaeaea;margin:5px;min-height:225px;background-color:#fff;box-sizing: border-box;}
.corporate_org li:hover{border:1px solid #01806f;}
.corporate_org h3{font-size:17px;font-weight:normal;font-family:'맑은 고딕','Malgun Gothic';letter-spacing:-1px;color:#636363;padding:10px 15px 0 15px}
.corporate_org p{padding-left:15px}
.corporate_org li .img{width:100%}
.corporate_org li > div{float:right;padding:15px;line-height:20px;letter-spacing:0}
.corporate_org li > div a{color:#717171;font-weight:600;}
.corporate_org li > div img{padding-left:5px;}

/* 대학개요 **/
/* 설립자 */
.summary_foun{position:relative;margin-top:20px;background:url('/resources/images/site/contents/summary_foun_bg.jpg') no-repeat;}
.summary_foun h4{margin-left:180px;}
.summary_foun ul{margin-left:180px;}

/* 조직도 */
.intro_summary_org{position:relative;width:100%;height:2245px;margin:0 auto;text-align:center; background:url('/resources/images/site/contents/intro_summary_org.gif') center 39px no-repeat;}
.intro_summary_org ul{position:relative;text-align:center;margin:0 auto;}
.intro_summary_org a:hover{text-decoration:underline;}

.intro_summary_org li strong{display:inline-block;*display:inline;zoom:1;width:130px;background-color:#00806c;color:#fff;padding:2px 5px;border:1px solid #00806c;font-size:16px;margin-top:20px;}
.intro_summary_org dt{display:inline-block;*display:inline;zoom:1;width:130px;background-color:#555;color:#fff;padding:2px 5px;border:1px solid #666;margin:10px 0 5px 0}
.intro_summary_org dt.mtitle{display:inline-block;*display:inline;zoom:1;width:130px;background-color:#f53b3b;color:#fff;padding:2px 5px;margin-top:15px;border:1px solid #f53b3b;font-size:14px;font-weight:600}
.intro_summary_org dt a{color:#fff}
.intro_summary_org dd{display:inline-block;*display:inline;zoom:1;width:130px;background-color:#fff;color:#666;padding:2px 5px;border:1px solid #777;font-size:12px;margin:2px 0}
.intro_summary_org dd a{color:#666}

.intro_summary_org ul.ubody li{padding:10px 0;float:left;width:20%;}

.intro_summary_org ul.top li{padding:10px 0;float:left;width:50%;}
.intro_summary_org ul.top li dl{position:relative;text-align:center;margin:0 auto;width:100%;}
.intro_summary_org ul.top li dt{padding:4px 0}
.intro_summary_org ul.top li dd{padding:2px 0}

/* 교육체계와 특성화 */
.summary_char{border-bottom:1px solid #71bf45;padding:40px 0 30px 0;background:url('/resources/images/site/contents/summary_char_bg.jpg') no-repeat right bottom;}
.summary_char p{width:480px;padding-top:15px}
.summary_char_img{position:relative;margin:0 auto;text-align:center;margin-top:15px}

/* 교육체계와 특성화_특성화전략 */
.intro_summary_char_img2{background:url('/resources/images/site/contents/intro_summary_char_img2.jpg') no-repeat right bottom;height:1000px;display:block;width:780px;text-indent:-9999px;margin-top:20px}

/* 전화번호안내 */
.summary_call_search{text-align:center;font-family:'맑은 고딕','Malgun Gothic';letter-spacing:-1px;font-size:14px}

/* UI및대학상징 **/
/* 건학이념과 교휸 */
.symbol_box{position:relative;border-bottom:1px solid #71bf45;padding-bottom:40px;min-height:200px}
.symbol_box p{width:60%}
.symbol_box .img{position:absolute;right:0;bottom:0;}

/* 교가 */
.itro_symbol_img{display:block;}

/* 캐릭터 */
.inter_symbol_rule_img{background:url('/resources/images/site/contents/intro_symbol_rule_img1.jpg') no-repeat right bottom;height:1151px;display:block;width:800px;text-indent:-9999px;}

/* 행정서비스 **/
/* 대학자체평가 */
.service_self{border-bottom:1px solid #71bf45;padding:40px 0 30px 0;background:url('/resources/images/site/contents/intro_service_self_bg.jpg') no-repeat right bottom;}
.service_self p{width:480px;padding-top:15px}

/* 정보공개 **/
/* 정보공개 제도안내 */
.open_info{border-bottom:1px solid #71bf45;padding:40px 0 30px 0;background:url('/resources/images/site/contents/intro_open_info_bg.jpg') no-repeat right bottom;}
.open_info p{width:480px;padding-top:15px}

/* 대학홍보 **/
/* 홍보동영상 */
.promote_vr{position:relative;overflow-y:scroll;height:150px;background-color:#f5f5f5;margin:20px 0;padding:20px;color:#666;line-height:22px}
.vr_wrap{position:relative;width:800px;height:350px;margin:20px 0 0 0;overflow:hidden;background-color:#f8f8f8}

/* 이용안내 **/
.guide_wrap p{color:#666;line-height:24px;}
.guide_wrap li{color:#666;line-height:24px;}

/* 알림판 */
.guide_wrap .notice{display: flex; flex-wrap: wrap; gap:1rem;}
.guide_wrap .notice li{width:calc(100%/4 - 15px); border:1px solid #ddd;}
.guide_wrap .notice li a {display: block;}
.guide_wrap .notice li img{width:100%;height:100%; object-fit: cover;}
.guide_wrap .notice li:hover{border:1px solid #00806c;}

/* 사이트맵 */
.guide_wrap .sitemap{position:relative;}
.guide_wrap .sitemap h3{float:left;font-family:'맑은 고딕','Malgun Gothic';font-size:18px;letter-spacing:-0.5px;border-top:2px solid #70be46;width:140px;margin-right:20px;padding-top:15px;font-weight:normal;}
.guide_wrap .sitemap ul{margin-bottom:15px;float:left;width:640px;border-top:2px solid #eee;padding-top:15px}
.guide_wrap .sitemap li{float:left;width:25%;margin-bottom:30px;min-height:250px;}
.guide_wrap .sitemap dt{display:block;font-family:'맑은 고딕','Malgun Gothic';font-size:17px;font-weight:600;letter-spacing:-1px;margin-bottom:10px}
.guide_wrap .sitemap dd{padding-right:15px;}
.guide_wrap .sitemap dt a{color:#258255;}
.guide_wrap .sitemap dd a{color:#666}
.guide_wrap .sitemap dd a:hover{color:#333;text-decoration:underline}

/* */
.tbl_sch02_left{position:relative;width:100%;}
.tbl_sch02_left thead th.top_line{border:1px solid #777;padding:0;border-top:2px solid #777;border-bottom:none}
.tbl_sch02_left th{color:#666;padding:10px 0;background-color:#f8f8f8;border-bottom:1px solid #eaeaea}
.tbl_sch02_left th.grn{background-color:#ecf7f5}
.tbl_sch02_left td{color:#777;padding:10px;border-bottom:1px solid #ddd;font-size:12px;line-height:21px}
.tbl_sch02_left td.bb_none{border-bottom:none}

/* 소셜미디어 */
.cumm_sns{position:relative;width:100%;overflow:hidden;}
.cumm_sns .box1{float:left;width:385px;margin-right:30px;color:#666;padding:10px 0;text-align:center;}
.cumm_sns .box2{float:left;width:385px;color:#666;padding:10px 0;text-align:center;}
.cumm_sns .box_div{width:349px;height:280px;border:8px solid #f1f1f1;padding:10px}
.cumm_sns .box_div2{width:369px;height:300px;border:8px solid #f1f1f1;}
.cumm_sns h2{font-size:16px;font-weight:normal;color:#666; padding:10px 0; border-top:1px solid #71bf45; border-bottom:1px solid #cfedbf; background:#f8f8f8;}
.cumm_sns h2 img{height:30px;}
.cumm_sns p{width:100%;height:100%;background-color:#ddd}

.cumm_sns .blog{position:relative;text-align:left;line-height:24px}
.cumm_sns .blog .blog_title{text-align:center;font-size:14px;margin-bottom:5px;}
.cumm_sns .blog .blog_con{position:relative;height:105px;width:315px;background-color:#f8f8f8;padding:10px 15px;color:#666}
.cumm_sns .blog ul{margin-top:5px;}
.cumm_sns .blog li{position:relative;width:345px;}
.cumm_sns .blog span{position:absolute;right:10px;color:#777;bottom:5px}
.cumm_sns .blog li span{bottom:0}

.cumm_sns .instar{position:relative;text-align:left;}
.cumm_sns .instar p{color:#777;margin-top:5px;background-color:#fff}
.cumm_sns .instar img{width:100%;height:240px;background-color:#000}

/* 학생지원제도_모바일학생증 신청 */
.stud_issued_mob_img01{background:url('/resources/images/site/contents/stud_issued_mob_img01.jpg') no-repeat right bottom;height:943px;display:block;width:800px;text-indent:-9999px;}
.stud_issued_mob_img02{background:url('/resources/images/site/contents/stud_issued_mob_img02.jpg') no-repeat right bottom;height:676px;display:block;width:800px;text-indent:-9999px;}

/* 학생지원제도_응급환자 대처요령 */
.stud_support_eme_img02{background:url('/resources/images/site/contents/stud_support_eme_img02.jpg') no-repeat right bottom;height:698px;display:block;width:800px;text-indent:-9999px;}

/* 청탁금지법안내 */
.al_center{display:block;text-align:center}
.service_anti_p{margin:5px 0 15px 0}

/*홍보관*/
.adv_area{position:relative;min-height:220px;}
.adv_ex{width:52%;display:inline-block;vertical-align:top;}
.adv_img{width:40%;display:inline-block;position:absolute;right:0;}
.bd-g{border-bottom:1px solid #71bf45;margin:20px 0;}
.bd-b{border-bottom:1px solid #eee;margin-top:40px;}

/*홍보관-광고*/
.img-data-list{font-family:'맑은 고딕','Malgun Gothic';}
.img-data-list li{width:calc((100% - 100px) / 4);display:inline-block;margin-right:25px;margin-bottom:60px;}
.img-data-list li:nth-child(4n + 0){margin-right:0;}
.img-data-list li a{display:block;}
.img-data-list li .img-wrapper{position: relative;padding-top:140%; /*ratio */ overflow: hidden;border:1px solid #e1e1e1;background:#fafafa;}
.img-data-list li .img-wrapper .center {position:absolute; top:0; left:0; right:0; bottom:0;-webkit-transform:translate(50%,50%); -ms-transform:translate(50%,50%);transform:translate(50%,50%); }
.img-data-list li .img-wrapper .center img { position:absolute; top:0; left:0; max-width:100%; height:auto; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.img-data-list li h5{color:#047b6f;font-size:14px;font-weight:bold;padding-top:8px;}
.img-data-list li h4{font-size:16px;font-weight:bold;line-height:20px;}

/*홍보관-DU사회공헌*/
.du-data-list{font-family:'맑은 고딕','Malgun Gothic';}
.du-data-list li{width:calc((100% - 100px) / 4);display:inline-block;margin-right:25px;margin-bottom:60px;}
.du-data-list li:nth-child(4n + 0){margin-right:0;}
.du-data-list li .img-wrapper{position: relative;padding-top:140%; /*ratio */ overflow: hidden;border:1px solid #e1e1e1;background:#fafafa;}
.du-data-list li .img-wrapper .center {position:absolute; top:0; left:0; right:0; bottom:0;-webkit-transform:translate(50%,50%); -ms-transform:translate(50%,50%);transform:translate(50%,50%); }
.du-data-list li .du-btn{display:table;}
.du-data-list li .img-wrapper .center img { position:absolute; top:0; left:0; max-width:100%; height:auto; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.du-data-list li .du-btn{text-align:center;}
.du-data-list li .du-btn p{font-size:16px;font-weight:bold;line-height:20px;text-align:center;padding:12px 0;color:#555;}
.du-data-list li .du-btn a{font-size:12px;line-height:20px;border:1px solid #aaa;padding:4px 8px;border-radius:4px;margin:0 3px;}
.du-data-list li .du-btn a:hover{background:#555;border:1px solid #555;color:#fff;transition: 0.3s ease;}

#deptSelectBoxArea  {display: none;}
/* IT서비스안내 */
.sec1{display:inline-block;margin-top:50px;width:100%;}
.sec1 .box{background:#f8f8f8;border:1px solid #c6c6c6;width:28%;float:left;margin:0 1%;text-align:center;padding:15px;min-height:185px;cursor:pointer;}
.sec1 .box:first-child{margin-left:0}
.sec1 .box:last-child{margin-right:0}
.sec1 .box a{display:block;padding:15px;}
.sec1 .box .icon{margin:8px 0 16px 0;}
.sec1 div h3{font-size:20px;margin-bottom:6px;color:#00806e;font-weight:500;}
.sec1 div p{font-size:14px;font-weight:300;margin-bottom:20px;line-height:20px}

.sec2{display:inline-block;width:100%;margin-top:50px;}
.sec2 .list{width:49%;margin-right:2%;float:left;}
.sec2 .list:last-child{margin-right:0;}
.sec2 .list a{padding:5px 15px;border:1px solid #ddd;display:block;margin-top:-1px;font-size:15px;line-height:44px}
.sec2 .list a:first-child{border-top-left-radius:2px;border-top-right-radius:2px;}
.sec2 .list a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px;}
.sec2 .list .icon{width:100%;}
.sec2 .list .icon a{display:block;}
.sec2 .list .icon a img{height:26px;margin-right:10px;}
@media screen and (max-width: 1200px){
    .cumm_sns > div {width: 48% !important; margin-right: 2% !important;}
    .cumm_sns .box_div{width: 100%; height: 300px; box-sizing: border-box;}

    #deptSelectBoxArea  {display: none;}
    /*심볼*/
    .symbol_box .img {position: static;}
    .symbol_box .img,.symbol_box img {width: auto !important;}
    .symbol_box p {width: 100%;}
    /*조직도*/
    .intro_summary_org {min-width: 800px;}
}

@media screen and (max-width: 991px){
    .summary_char {background:none;}
    .summary_char_img img{ width: 100%;}
    .open_info{background:none;}
    .service_self{background:none;}
    .corporate_gre .sign,.tbl_sch img,.btn_red img,.cumm_sns img,
    .corporate_org li > div img,.sec2 .list .icon a img,.intro_promote img{width: auto !important;}

    #deptSelectBoxArea  {display: block;}


    /* 알림판 */
    .guide_wrap .notice li{width:calc(100%/3 - 15px);}


}

@media screen and (max-width: 800px){
    .president_gre .img {width: 100%;}
    .corporate_gre .img {width: 100%;}
    .summary_char img { width: 100%;}
    .open_info img{ width: 100%;}
    .service_self img{ width: 100%;}
    .contentArea img {width: 100%;}
    .vr_wrap {width: 100%;}
    .vr_wrap video {width: 100% !important;}
    .vr_wrap img {width:auto !important;}
    
    .du-data-list li,.img-data-list li {width: calc(100% / 2.5); margin:10px;}
    
    
    .adv_ex {width: 100%;}
    .adv_img {position: static}

    #deptSelectBoxArea  {display: block;}
    
    .stud_issued_mob_img01{background: url(/resources/images/site/contents/stud_issued_mob_img01.jpg) no-repeat right top; width: 100%; height: 650px; background-size: 100%;}
    .stud_support_eme_img02 {    background: url(/resources/images/site/contents/stud_support_eme_img02.jpg) no-repeat right top;height: 498px;display: block;width:100%;background-size: 100%;text-indent: -9999px;}
}


@media screen and (max-width: 767px) {
    .cumm_sns > div {width: 100% !important; }
    .cumm_sns .box_div > div {text-align: center;}
    /* 역대총장 */
    .president_line li{width:calc(100% / 3); box-sizing: border-box; padding: 0 10px;}
    #deptSelectBoxArea  {display: block;}
    .president_profile {background: none;height: auto;}
    /*산하기관*/
    .corporate_org li {width: calc(100% / 3.2);}





}

@media screen and (max-width: 480px){
    .president_gre p {width: 100%;}
    .president_gre .sign{width: 100%;}
    .open_info p {width: 100%;}
    .service_self p {width: 100%;}
    
    .du-data-list li {width:100%;}
    
    #deptSelectBoxArea  {display: block;}

    /* 역대총장 */
    .president_line li{width:calc(100% / 2); }

    /*산하기관*/
    .corporate_org li {width: calc(100% / 2.2);}


    /* 알림판 */
    .guide_wrap .notice li{width:calc(100%/2 - 10px);}

}