@charset "utf-8";

#svisual{background-image:url(/images/railbiz-cs/main/intro/intro_bg.jpg);background-position:50% 80%}

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

/* 인사말 */

.greeting.rail_01{background:url(/images/railbiz-cs/sub01/sub01_01_img.jpg) no-repeat left top;}
.greeting.rail_02{padding-bottom:130px;background:url(/images/railbiz-cs/sub02/sub02_01_01_img01.jpg) no-repeat left top;}
.greeting.rail_03{background:url(/images/railbiz-cs/sub03/sub03_01_01_img01.jpg) no-repeat left top;}
.greeting .first span:first-child{color:#055783;}

.sub03_01_01 .greeting { padding-bottom: 100px;}

/*교수소개*/
.ui.uipt{position:relative;width:100%;}

.uipt .uit{margin-bottom:30px;padding:80px 84px;}
.uipt .uit h2{position:relative;margin:0 0 25px 0;padding:0 0 10px 0;background:none;color:#fff;font-size:35px;font-family:'Times New Roman','ngn','Malgun Gothic','Frutiger Linotype';text-align:center}
.uipt .uit .be:befor{display:none;}
.uipt .uit h2:after{content:"";display:block;position:absolute;bottom:-10px;left:50%;margin-left:-15px;width:30px;height:2px;background-color:#fff;}
.uipt .uit p{margin:0;color:#fff;font-size:16px;line-height:150%;text-align:center}

.uipt.ptstaff .uit{background:url(/images/railbiz-cs/common/bg_ptstaff.jpg) no-repeat 0 50%;}
.uipt.ptstaff .box_ptstaff{position:relative;}
.uipt.ptstaff .box_ptstaff .grep{position:relative;width:100%;}
.uipt.ptstaff .box_ptstaff .grep .obj{display:none;position:relative;width:100%;}
.uipt.ptstaff .box_ptstaff .grep .obj>h2:first-child{margin-top:40px;}

.lst_staff{border-bottom:1px solid #aaa;}
.lst_staff:after {content:"";display:block;visibility:hidden;clear:both;}
.lst_staff .box_staff{position:relative;padding:34px 28px 34px 170px;border-top:1px dotted #aaa;}
.lst_staff .box_staff:first-child{border-top:none;}
.lst_staff .box_staff:after{content:"";clear:both;display:block;visibility:hidden}
.lst_staff .box_staff .photo{display:inline-block;position:absolute;top:34px;left:28px;width:107px;text-align:center;}
.lst_staff .box_staff .photo .img{display:block;overflow:hidden;margin:0 auto;width:125px;height:133px;border:1px solid #ddd;}
.lst_staff .box_staff .photo .img img{width:100%;height:133px;}
.lst_staff .box_staff .photo .name{margin-top:7px;padding:6px 0;background-color:#f4f4f4;color:#444;font-size:13px;width: 125px;}
.lst_staff .box_staff ul{display:inline-block;padding-top:7px;width:100%;min-height:175px;}
.lst_staff .box_staff ul li{display:block;position:relative;margin-top:3px;padding-left:140px;}
.lst_staff .box_staff ul li:after{content:"";clear:both;display:block;visibility:hidden}
.lst_staff .box_staff ul li span {display:inline-block; vertical-align:middle;font-size:13px;line-height:18px;}
.lst_staff .box_staff ul li span.tit {position:absolute;top:3px;left:0;padding-left:10px;font-weight:bold;}
.lst_staff .box_staff ul li span.tit:after{content:"";display:block;position:absolute;top:50%;left:0;margin-top:-3px;width:3px;height:3px;background-color:#18478c;}
.lst_staff .box_staff ul li span.text{width:100%;}
.mail {display:inline-block;text-decoration:underline;vertical-align:top;}
.mail:hover, .mail:active, .mail:focus {color:#52388e;}
@media (max-width:640px) {
    .lst_staff .box_staff ul li{padding-left:0;margin-top:15px;}
    .lst_staff .box_staff ul li:first-child{margin-top:0;}
    .lst_staff .box_staff ul li span{display:block;padding-left:10px;}
    .lst_staff .box_staff ul li span.tit{position:relative;top:auto;left:auto;margin-bottom:3px;width:100%;}
}
@media (max-width:480px) {
    .lst_staff .box_staff{padding:25px 20px;}
    .lst_staff .box_staff .photo{display:block;position:relative;top:auto;left:auto;margin:0 auto;}
}


/*행정조직안내*/
@media (max-width:1023px){
    .sub01_03 .report_ch>li:first-child {border-bottom: 1px solid #c2c2c2;}
    .sub01_03 .report_ch>li {margin-top: 1%;}
}
/*방침*/
.promise_box{padding:30px;background-color:#f4f5f6;}

.promise_box .frame{background:url(/images/kor/sub01/charter_bg.png) no-repeat 50% 50%;}
.promise_box .frame,.frame01,.frame02{padding:50px;border:1px solid #e2e4e8}

.promise_box .main_tit_wrap,.promise_box .sub_tit_wrap{display:block;font-weight:normal;text-align:center;text-align:center;word-wrap:break-word;word-break:keep-all}
.promise_box .main_tit_wrap .tit{font-family:'nsr','Malgun Gothic';font-size:35px;font-weight:600;color:#000}
.promise_box .sub_tit_wrap{font-family:'nsr','Malgun Gothic';font-size:16px;color:#618edb}

.promise_box .sub_tit_wrap{padding-top:50px}
.promise_box .sub_tit_wrap .txt span{display:block;line-height:inherit;}

.promise_box ul{margin-top:40px;}
.promise_box ul li{position:relative;margin-top:30px}
.promise_box ul li .list_1st{margin-top:15px;}
.promise_box ul li .list_1st li{margin:5px 0;background-position:0 5px;}

.promise_box ul li:first-child{margin-top:0}
.promise_box ul li:after{display:block;visibility:hidden;clear:both;content:''}
.promise_box ul li .order{display:inline-block;position:absolute;top:0;left:0;width:30px;height:30px;border-radius:100%;background-color:#701e20;font-size:13px;font-weight:600;color:#fff;text-align:center;vertical-align:middle}
.promise_box ul li .order:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.promise_box ul li .txt{display:inline-block;margin:0;padding-left:40px;padding-top:5px;line-height:1.2;word-break:keep-all;word-wrap:break-word;}
.promise_box .ftxt{margin-top:30px;padding-top:20px;border-top:1px solid #ddd;color:#000;text-align:center}
.promise_box .f_sign{width:202px;height:39px;margin:20px auto;background:url(/images/kor/sub01/f_sign.png) no-repeat;font-size:20px;color:#172162}

.find_box{display:block;width:300px;height:50px;margin:40px auto 0 auto;margin-top:35px;border-radius:3px;background:#c2182d}
.find_box p{padding-top:15px;font-size:17px;color:#fff;text-align:center}

.promise_box .ftxt2{margin-bottom:30px;padding:25px;background:#fff}
.promise_box .ftxt2.last{margin:0;border:none}
.promise_box .ftxt2 strong.h2{display:block;margin-bottom:10px;font-family:'nsr','Malgun Gothic';font-size:20px;color:#000;font-weight:bold;}
.promise_box .ftxt2 strong.h2 *{vertical-align:middle}
.promise_box .ftxt2 strong.h2 i{display:inline-block;padding-left:10px;font-size:14px;color:#e64532}
.promise_box .ftxt2 ul{margin-top:0}
.promise_box .ftxt2 ul li{position:relative;margin-top:0}
.promise_box .ftxt{margin-top:30px;padding-top:20px;border-top:1px solid #ddd;color:#000;text-align:center;word-break:keep-all;word-wrap:break-word;}
.promise_box .f_sign{margin:50px auto 0 auto;padding-left:12px;width:202px;height:39px;background:url(/images/kor/sub01/f_sign.png) no-repeat;font-size:20px;color:#172162;letter-spacing:1px;}
@media (max-width:1279px){
    .promise_box .sub_tit_wrap .txt span{display:inline-block;}
}
@media (max-width:499px){
    .promise_box{padding:20px;}
    .promise_box .frame{padding:30px 15px;background-size:contain;}

    .promise_box .frame02{padding:40px 30px}
    .promise_box .main_tit_wrap .tit{font-size:22px}
    .promise_box .ftxt2{margin-top:30px}
    .promise_box .ftxt2 strong.h2{font-size:15px}
    .promise_box .ftxt2 ul li{font-size:13px}
}

/*조직도*/
.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:199px;left:50%;width: 1px;height:143px;}
.org .lv2:before{top:0px;left:24.5%;width:51%;height: 1px; }
.org .lv2 .group > li > p:before{display:block;position:absolute;top:-30px;left:50%;height:30px;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 auto 30px;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 .lv2 .group{overflow:hidden;margin:0 -1%}
.org .lv2 .group > li{float:left;width:48%;margin:0 1%}
.org .lv2 .group > li > p{position:relative;height:40px;margin:30px 0 0;background:#555B69;line-height:40px;color:#fff;text-align:center}
.org .lv2 .group > li > p .t1{display:block;height:40px;line-height:40px}
.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:0px;left:10%;width: 1px;height:1100px}
  .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:-12px;width:45px;height:1px;margin-left:-7.5%;}
  .org .lv2 .group > li > p{margin:0}
  .org .lv2 .group > li > ul > .lv3 > p{margin:6px 0 0}
  .org .lv2 .group > li > ul > .lv3 ul > .lv4 > p{margin:6px 0 0}
}

/* 조직도 추가  */
.s030401 .org .lv1.fr {position: relative; right:-178px;}
.s030401 .org .lv1.fr:after {position:absolute; content:""; width:97px; height:1px; background:#ddd; left:-89px; top:50%; z-index: -1;}
.s030401 .org .lv2 .group > li {width:31%;}
.s030401 .org .lv2:before {left:15.8%; width:67.5%;}
.s030401 .org .lv0:before {bottom:70px; left:49.5%; height:183px;}
@media (max-width:767px){
    .s030401 .org .lv1.fr{width:100%;margin:0 auto 10px;right:0;}
    .s030401 .org .lv1.fr:after {display: none;}
    .s030401 .org .lv2 .group > li > p:before {left:-3%; width:60px;}
    .s030401 .org .lv2 .group > li {width:80%;}
    .s030401 .org .lv0:before {left:10%;bottom:19px;height:300px;}
} 

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