.naviInfoWrap { color: #525252; margin-top: 15px }

@media all and (min-width:1200px) {
    .naviInfoWrap { width: 1170px; margin-top: 0; }
}


.wrap-subcontent { padding-bottom: 50px;margin-top:30px }
    .wrap-subcontent .page-desc { margin-bottom: 100px; }
        .wrap-subcontent .page-desc.padding-zero {margin-bottom: 100px;/* padding-right: 0; *//* padding-left: 0; */}

    .wrap-subcontent h2, .wrap-subcontent h3, .wrap-subcontent h4 {line-height: 2.4rem;color: #1a1a1a;}

    .wrap-subcontent h2 { font-weight: bold; line-height: 2.4rem; }

    .wrap-subcontent .page-desc h3 { font-size: 22px; font-weight: bold; margin-top: 10px; margin-bottom: 3px; }
    .wrap-subcontent .greeting p {font-size: 17px;margin-top: 20px;color: #1a1a1a;}

    .wrap-subcontent .page-desc p {font-size: 16px;margin-top: 0;margin-left: 8px;line-height: 1.6;color: #1a1a1a;}

    /* .wrap-subcontent .page-desc .table th {background-color: #114886;color: #fff;font-size: 17px;text-align: center;padding: 12px;border-right: 1px solid #f9f9f9;font-weight: normal;}
    .wrap-subcontent .page-desc .table td {background-color: #F0F2F7;color: #061129;padding: 12px;border-right: 1px solid #f9f9f9;border-bottom: 1px solid #f9f9f9;font-size: 1.1rem;}
      .wrap-subcontent .page-desc .table td:nth-child(1) { text-align: center }*/


    .wrap-subcontent .page-desc .table th {background-color: #5ba43a;color: #fff;font-size: 0.9rem;text-align: center;padding: 8px;border-right: 1px solid #f9f9f9;font-weight: normal;}
    .wrap-subcontent .page-desc .table td { background-color: #F0F2F7; color: #061129; padding: 8px; border-right: 1px solid #f9f9f9; border-bottom: 1px solid #f9f9f9; font-size: 1rem; }

@media all and (min-width:798px) {
    .wrap-subcontent .page-desc .table th {background-color: #5ba43a;color: #fff;font-size: 17px;text-align: center;padding: 12px;border-right: 1px solid #f9f9f9;font-weight: normal;}
    .wrap-subcontent .page-desc .table td { background-color: #F0F2F7; color: #061129; padding: 12px; border-right: 1px solid #f9f9f9; border-bottom: 1px solid #f9f9f9; font-size: 1.1rem; }
}

ul li, ol li { font-size: 16px }

.keyImage { text-align: center; margin-top: 20px }
    .keyImage img { width: 88%; margin: 0 auto; }
        .keyImage img.w100 { width: 100%; margin: 0 auto; }

.wrap-subcontent .impact2 { background-color: #F0F2F7; padding: 15px; text-align: left; line-height: 1.8rem; }
    .wrap-subcontent .impact2 .depp-right { margin-left: 20px }

.title { padding-top: 10px; padding-bottom: 20px; } 
    .title .bar { width: 82px; height: 4px; background-color: #252645; display: inline-block; margin-right: 4px; /* margin-left: -5px; */ }

    .title span.desc { font-size: 13px; font-weight: bold; letter-spacing: 5px; margin-top: -5px; }

    .title h1 {font-family: 'Song Myung', serif,"Noto Sans KR",sans-serif,"Nanum Gothic";color: #252645;}

    .title h2 { /* padding-top: 5px; */ margin-top: -10px; /*font-size: 32px;*/ letter-spacing: 5px; font-size: 13px; font-weight: bold; }

    .title.second h2 { margin-top: -14px; letter-spacing: 3px; font-size: 28px; font-weight: bold; }

.page-desc h4 { font-weight: bold; margin-left: 8px; margin-bottom: 15px; color: #252645; }
.page-desc p { margin-bottom: 45px }


.purpose-symbol { background-color: #F0F2F7; padding: 20px 25px; text-align: center; font-size: 50px; font-weight: bold; margin-top: 10px; }
    .purpose-symbol p { font-size: 25px; margin: 0; }
    .purpose-symbol span { /* margin: -5px 0; */ /* height: 20px; */ }


.banner_area .banner_inner {background-color: #212529;}
.banner_area .banner_inner .overlay { opacity: 0.3; }
    .banner_area .banner_inner .banner_content h2 {font-size: 2rem;font-weight: bold;font-family: "Noto Sans KR",sans-serif;margin-top: 10px;}

.banner_content {text-align:center;margin-top: 50px;}

@media all and (min-width: 992px) { 
    .banner_content {margin-top: 0;}
}

.about .executives {max-width: 800px;margin-left: auto;margin-right: auto;/* padding-left: 15px; *//* padding-right: 15px; */}
.about .executives .row .col-12 {margin-bottom:20px;padding-left:20px;}

    .about .executives h3 { background-color: #f6f6f6;padding:10px 15px }

.about .contents { max-width: 1000px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
.about .page-desc h4 { margin-bottom: 10px; margin-top: 25px; }


.greeting { }

.navi { font-size: 12px; letter-spacing: 2px; font-weight: normal; margin-top: 10px; display: inline-block; margin-bottom: 30px; }

.bgtop { position: relative; background-image: url(/web/academy/Data/@ThisSite/img/subpage/bgtop1.png); max-height: 360px; min-height: 330px; background-position: left -270px top 50px; background-repeat: repeat-x; }
    .bgtop.department { position: relative; background-image: url(/web/academy/Data/@ThisSite/img/subpage/bgtop3.png); max-height: 360px; min-height: 330px; background-position: left -270px top 50px; background-repeat: repeat-x; }
    .bgtop.guide { background-image: url(/web/academy/Data/@ThisSite/img/subpage/bgtop2.png); background-position: left -370px top 50px; }
    .bgtop.community { background-image: url(/web/academy/Data/@ThisSite/img/subpage/bgtop4.png); background-position: left -370px top 50px; }
    .bgtop.board { background-image: url(/web/academy/Data/@ThisSite/img/subpage/bgtop5.png); background-position: right -370px top 50px; }



    .bgtop img { /* width: 100%; */ max-height: 360px; min-height: 300px; display: none; }


/* Centered text */
.centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 500px; text-align: center; }


/**  연혁 **/
.content-line { padding-top: 50px; position: relative; }

.about.history { }
    .about.history .base.fullContainer { background-image: url(/web/Mexus/Data/_ThisSite/img/subpage/company/bg_history.png); background-size: cover; background-repeat: repeat-x; background-position-x: 1200px; height: 147px; color: white; }
        .about.history .base.fullContainer .desc { font-size: 1.2rem; padding-top: 40px; text-align: center }

    .about.history .time-line div { /* padding-bottom: 10px; */ }
        .about.history .time-line div.row {margin-left: 15px;margin-right: 0;letter-spacing: -1px;border-left: 1px solid #5ba43a;}
        .about.history .time-line div.left {text-align: left;/* margin-right: 15px *//* border-left: 1px solid #0966A9; */margin-bottom: 25px;}
        .about.history .time-line div.right img.pc { padding-top: 20px; padding-left: 22px; display: none }
        .about.history .time-line div.left img.pc { float: right; padding-right: 22px; padding-top: 20px; display: none }

    .about.history .time-line img.oval { margin-left: -22px; margin-right: 12px; margin-bottom: 30px; /* display: inline; */ }
    .about.history .time-line img.oval-now { margin-left: -25px; margin-right: 12px; margin-bottom: 30px; }
    
        .about.history .time-line img.oval-now.start { margin-left: -26px; margin-right: 12px; margin-bottom: -5px; }
    .about.history .time-line .left img.oval { /* margin-right: -7px; */ /* margin-left: 30px; */ /* margin-bottom: 30px; */ padding-top: 30px; }
        .about.history .time-line .left img.oval.last {margin-left: -25px;}
    .about.history .time-line p.start { font-size: 2rem; color: #5ba43a; font-weight: 500; font-family: 'Oswald', sans-serif; text-align: left; margin-left: -5px; margin-top: 10px; }
    .about.history .time-line img.pc { width: 100%; max-width: 300px; }

    .about.history .time-line div.yearWrap {display: inline;text-align: right;/* width: 360px; */}
    .about.history .time-line div span.year {font-size: 3rem;color: #5ba43a;font-weight: 700;font-family: 'Oswald', sans-serif;}
    .about.history .time-line div.left span.year {position: absolute;right: 20px;top: 25px;}
    .about.history .time-line ul { margin-left: 10px; }
    .about.history .time-line .left ul { /* margin-right: 40px; */ background-position-x: left; /* background-size: 70%; */ }
        .about.history .time-line .left ul li { /* text-align: left; */ /* width: 93%; */ }

    .about.history .time-line ul {background-image: url(/Web/Academy/ViewPattern3/appMaster/skin_academy/Data/img/dot-line.png);background-repeat: no-repeat;background-size: 67%;background-position-y: 50px;background-position-x: right;margin-top: -85px;padding-top: 85px;}


ul.custom-month li._01::before { color: #5ba43a; }
ul.custom-month li._02::before { color: #5ba43a; }
ul.custom-month li._03::before { color: #5ba43a; }
ul.custom-month li._04::before { color: #5ba43a; }
ul.custom-month li._05::before { color: #5ba43a; }
ul.custom-month li._06::before { color: #5ba43a; }
ul.custom-month li._07::before { color: #5ba43a; }
ul.custom-month li._08::before { color: #5ba43a; }
ul.custom-month li._09::before { color: #5ba43a; }
ul.custom-month li._10::before { color: #5ba43a; }
ul.custom-month li._11::before { color: #5ba43a; }
ul.custom-month li._12::before { color: #5ba43a; }
ul.custom-month.reverse li._01::after { color: #5ba43a; }
ul.custom-month.reverse li._02::after { color: #5ba43a; }
ul.custom-month.reverse li._03::after { color: #5ba43a; }
ul.custom-month.reverse li._04::after { color: #5ba43a; }
ul.custom-month.reverse li._05::after { color: #5ba43a; }
ul.custom-month.reverse li._06::after { color: #5ba43a; }
ul.custom-month.reverse li._07::after { color: #5ba43a; }
ul.custom-month.reverse li._08::after { color: #5ba43a; }
ul.custom-month.reverse li._09::after { color: #5ba43a; }
ul.custom-month.reverse li._10::after { color: #5ba43a; }
ul.custom-month.reverse li._11::after { color: #5ba43a; }
ul.custom-month.reverse li._12::after { color: #5ba43a; }

@media all and (min-width: 576px) {
    .about.history .time-line div {padding-left: 0;padding-right: 0;/* padding-bottom: 15px; */}
        .about.history .time-line div.row { margin-left: -15px; margin-right: -15px; letter-spacing: 0; border-left: 0 }
        .about.history .time-line div.left {text-align: right;/* margin-right: -7px */border-right: 1px solid #5ba43a;margin-bottom: 0;}
        .about.history .time-line div.right img.pc { padding-top: 20px; padding-left: 22px; display: block }
        .about.history .time-line div.left img.pc { float: right; padding-right: 22px; padding-top: 20px; display: block }

    .about.history .time-line img.oval { margin-left: -7px; margin-right: 30px; margin-bottom: 30px; padding-top: 0; }
    .about.history .time-line img.oval-now { margin-left: -11px; margin-right: 30px; margin-bottom: 30px; }
    .about.history .time-line .left img.oval { margin-right: -7px; margin-left: 30px; margin-top: 22px; float: right; padding-top: 0 }
        .about.history .time-line .left img.oval.last {margin-right: -10px;margin-left: 30px;}

    .about.history .time-line img.pc { width: 100%; max-width: 300px; }


    .about.history .time-line div span.year {font-size: 3rem;color: #5ba43a;font-weight: 700;font-family: 'Oswald', sans-serif;}
    .about.history .time-line div.left span.year {position: relative;right: 0;/* margin-top: 10px; */top: -10px;}
    .about.history .time-line ul { margin-left: 35px; }
    .about.history .time-line .left ul { margin-right: 40px; background-position-x: left; /* background-size: 69%; */ }
        .about.history .time-line .left ul li { /* text-align: left; */ /* width: 93%; */ }

    .about.history .time-line ul { background-image: url(/Web/Academy/ViewPattern3/appMaster/skin_academy/Data/img/dot-line.png); background-repeat: no-repeat; background-size: 67%; background-position-y: 50px; background-position-x: right; margin-top: -85px; padding-top: 85px; }
    .about.history .time-line ul { margin-left: 35px; }

    .about.history .time-line img.oval-now.start { margin-left: -11px; margin-bottom: -7px; }
    .about.history .time-line p.start { text-align: center; }
}


@media all and (min-width: 768px) { 
    .about.history .base.fullContainer { height: 127px; background-position-x: center; }
        .about.history .base.fullContainer .desc { text-align: left; padding-top: 50px } 
}


/*rules*/
.rules .contents { max-width: 1000px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
.rules .page-desc h4 {margin-bottom: 10px;margin-top: 25px;}

tr.bold-tr td {border-top:2px solid #252645}

.rules table td { text-align:center }


@media all and (min-width:768px) { .title { padding-top: 30px; padding-bottom: 40px; }

    .purpose-symbol { background-color: #F0F2F7; padding: 30px 30px; text-align: center; font-size: 50px; font-weight: bold; margin-top: 30px; }

    .bgtop, .bgtop.guide, .bgtop.department, .bgtop.community, .bgtop.board { background-position: initial; }

    .wrap-subcontent .impact2 { padding: 35px; text-align: center; }

        .wrap-subcontent .impact2 .depp-right { margin-left: 130px }

    .wrap-subcontent .page-desc.padding-zero { margin-bottom: 200px; padding-right: 15px; padding-left: 15px; }
}



.tt { z-index: 3; color: white; font-size: 15px; font-weight: 200; background-color: black; padding: 10px 10px; position: absolute; bottom: 10%; left: 50%; transform: translate(-50%, -50%); width: 100%; }

.tnt { /* margin-top: -10px; */ position: absolute; width: 95%; /* padding-bottom: 50px; */ bottom: -150px; left: 50%; transform: translate(-50%, -50%); }

.ttw .tt { color: #FE9F00; font-weight: 400; }

.content { background-color: white; position: relative; margin-bottom: 30px; }

.content { /* max-width: 400px; */ margin-bottom: 10px; margin-top: 20px; }

    .content .number { font-size: 28px; float: left; margin-top: 10px; /* height: 130px; */ width: 65px; }

    .content .ment { float: left; font-size: 25px; padding-left: 10px; /* margin-top: -20px; */ width: 75%; color: #252645; }

    .content img { max-width: 390px; width: 100%; padding: 0px 3px 20px; /* text-align: center; */ margin: 0 auto; }

    .content .imgWrap { max-width: 390px; margin: 0 auto; text-align: center; }

    .content p.ment { color: #354969; text-align: center; font-size: 20px; width: 100%; }

.ment-wrap { /* clear: both; */ display: inline-block; margin-bottom: 30px; color: #252645; }

.content.wide { max-width: inherit; margin-bottom: 0; }

.wide .ment-wrap { width: 100%; margin-bottom: 10px; }

    .wide .ment-wrap .ment { font-size: 25px; }

span.impact { color: #FE9F00; font-weight: bold; }

.infobox h2 { font-size: 31px; color: white; font-weight: 300; }

.infobox p { color: #252645; font-size: 18px }

.container2 {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}



.bg { max-height: 150px; display: none; padding: 0 }

    .bg img { width: 200px; float: right; }


.temp { display: none; }


.tth { padding-top: 25px; margin-bottom: 5px; font-size: 38px; font-family: 'Noto Serif', serif; }

.tth2 { padding-top: 3px; margin-bottom: 25px; font-size: 38px; font-family: 'Noto Serif', serif; }

/*以묎컙�ш린*/
.ttm { }


/*�뚭컻*/
.introduce p { font-size: 24px; font-weight: 300; }

.introduce .spec { padding-bottom: 50px; }

    .introduce .spec label, .introduce .spec span { display: block; font-size: 18px; }

    .introduce .spec label { padding-top: 10px; }

.introduce p.desc { font-size: 18px; /* font-weight: bold; */ }

.introduce h3 { font-size: 22px; font-weight: bold; margin-top: 10px; }


.infobox { background-color: #FE9F00; text-align: center; /*padding: 20px 50px;*/ margin-bottom: 50px; margin-left: 15px; margin-right: 15px; }


.introduce .infobox { margin-bottom: 30px; }

.introduce .imgWrap { max-width: 390px; margin: 0 auto; text-align: center; }

.introduce img.report { width: 100%; max-width: 280px; }

.introduce img.report2 { width: 100%; max-width: 380px; }

.introduce img.icon { max-width: 150px; }

.introduce .table th { background-color: #58534D; color: #FFC200; text-align: center; padding: 12px; border-right: 1px solid #f9f9f9; }

.introduce .table td { background-color: #D8D8D8; padding: 12px; border-right: 1px solid #f9f9f9; color: #1A1A1A; border-bottom: 1px solid #f9f9f9; }

    .introduce .table td:nth-child(1) { text-align: center; }

p.impact { text-align: center; padding: 10px 10px; background-color: #58534D; border-color: #979797; color: white; font-size: 18px; font-weight: bold; }


.cwrap { padding-top: 20px; padding-bottom: 20px; }

.cwrap-reference { margin-top: 20px; padding-top: 20px; padding-bottom: 20px; }

p.reference { font-size: 16px; text-align: center; }



/*consult*/
.icomment { float: right; max-width: 180px; margin-right: 140px; margin-top: -50px; display: none; }



.contact-wrap { margin: 0 auto; margin-top: 35px; margin-bottom: 30px; padding: 5px; background-color: #F6F6F6; }



.contact-form { padding: 5px; }

    .contact-form .form { /*border: 1px dashed #b2c2d7*/ }

    .contact-form .info { padding: 7px 15px 20px; line-height: 130%; font-size: 12px; font-weight: 200; }

.fgroup, .fgroup2 { /*padding: 5px 10px;*/ text-align: left; /*border: 1px solid #979797;*/ font-weight: 200; font-size: 16px; }

.fgroup { height: 45px; }

    .fgroup span { padding-right: 10px; font-size: 15px; }

    .fgroup input { background-color: white; width: 73%; border: 1px solid #d2d2d2; float: right; height: 35px; }

.fgroup2 textarea { background-color: white; width: 100%; border: 1px solid #d2d2d2; }

.btn-contact { color: white; padding: 5px 30px; margin-top: 20px; font-size: 20px; border-radius: 0; }



/*IR*/

.ir { padding-bottom: 150px; }

.search { float: right; max-width: 290px; }

    .search select { width: 100px; float: left; margin-right: 10px }

    .search input { width: 150px; }

.ir .list { clear: both; width: 100%; max-width: 850px; margin: 0 auto; display: table; padding-top: 30px; }
    .ir .list a { color: #404040; }

    .ir .list .item { text-align: center; border: 1px solid #e3e3e3; box-shadow: 1px 2px 3px #cfcfcf; margin-bottom: 10px; }

        .ir .list .item a { color: #404040; }

        .ir .list .item.on {background-color: #3a3a3a;color: white;}

            .ir .list .item.on a { color: white; }

        .ir .list .item .number { padding: 15px 4px; width: 0px; display: none; font-size: 13px; }

        .ir .list .item .subject { padding: 15px 4px; width: 640px; display: table-cell; text-align: left; font-size: 17px; font-weight: bold; padding-left: 10px; }

        .ir .list .item .date { padding: 10px 4px; width: 150px; display: table-cell; }

        .ir .list .item .file {padding: 10px 4px;width: 50px;display: table-cell;font-size: 1.3rem;color: gainsboro;}

            .ir .list .item .file img { max-width: 20px; }

        .ir .list .item .prev, .ir .list .item .next { padding: 10px 4px; width: 100px; display: table-cell; font-size: 13px; margin-right: 15px; }

        .ir .list .item.head {text-align: center;border: 1px solid #e3e3e3;background-color: #5ba43a;color: white;box-shadow: inherit;margin-bottom: 0;}

    .ir .list .desc { text-align: center; border: 1px solid #e3e3e3; box-shadow: 1px 2px 3px #cfcfcf; margin-bottom: 10px; margin-top: 0; border-top: 0; min-height: 300px; margin-bottom: 30px; }

.btn-list { background-color: #B2B2B2; color: white; padding: 13px 30px; margin-top: 20px; font-size: 17px; border-radius: 2px; font-size: 23px; }


table.tprev, table.tnext { max-width: 850px; margin: 0 auto; }

table .list { max-width: 750px; }

.tdnp { min-width: 90px; padding-right: 10px; }

.prev, .next {padding: 14px 4px;margin-top: -10px;text-align: center;}

.next { font-size: 20px; background-color: #066EB7; color: #fff; }

.prev {font-size: 20px;background-color: #696969;color: #fff;}

.tprev .list .item .number, .tprev .list .item .date, .tnext .list .item .number, .tnext .list .item .date { display: none; }

.tprev .list .item .subject, .tnext .list .item .subject { text-align: center; }

.desc { padding: 10px; }

.desc-head { position: relative; text-align: left; }

    .desc-head h1 { font-size: 20px; font-weight: bold; margin-top: 0; }

    .desc-head span { right: 10px; }

.desc-body { text-align: left; padding-top: 30px; }

    .desc-body img { max-width: 100%; }

.dotbogi { position: absolute; /* width: 20px; */ /* float: left; */ margin-left: 10px; margin-top: 7px; }

#keyword { float: left; padding-left: 40px; }

.hr-dash { padding-bottom: 10px; padding-top: 50px; border-bottom: 1px #979797 dashed; margin-left: 30px; margin-right: 30px; }

    .hr-dash .col-sm-12 { padding-left: 0; padding-right: 0; }

    .hr-dash h3 { font-weight: bold; font-size: 21px; font-family: 'Noto Serif', serif; }

.pt50 { padding-top: 50px !important; }

.staff { font-size: 20px !important; margin-bottom: 15px !important; margin-top: 10px !important; }



.btn-365g { color: #fff; background-color: #066EB7; border-color: #02487a; }

    .btn-365g.active.focus, .btn-365g.active:focus, .btn-365g.active:hover, .btn-365g:active.focus, .btn-365g:active:focus, .btn-365g:active:hover, .open > .dropdown-toggle.btn-365g.focus, .open > .dropdown-toggle.btn-365g:focus, .open > .dropdown-toggle.btn-365g:hover { color: #fff; background-color: #066EB7; border-color: #01406c; }

/*援먯닔吏�*/
.professors .p-box { background-color: #F0F2F7; padding: 20px 30px; min-height: 336px; height: 100%; }
    .professors .p-box .name { font-size: 1.5rem; font-weight: 500; text-align: center }
    .professors .p-box .img { display: block; float: initial; margin: 0 auto; }
    .professors .p-box .desc1 { display: block; padding-left: 0; padding-top: 15px; }
    .professors .p-box .desc2 { clear: both; padding-top: 15px; }

.professors ul.custom { margin-top: 25px; }

    .professors ul.custom li { color: #1A1A1A; padding-bottom: 2px; }

        .professors ul.custom li::before { color: #1A1A1A; }


/*�ㅽ꺆*/
.staff .row .col-xs-12, .staff .row .col-md-12 { padding-left: 0; padding-right: 0 }
.staff h3 { font-size: 1.5rem; font-weight: 600 }

.staff .p-box { background-color: #F0F2F7; padding: 20px 20px; min-height: 166px; height: 100%; }
    .staff .p-box .name { font-size: 1.5rem; font-weight: 500; /* text-align: center; */ /* width: 140px; */ display: block; padding-left: 15px; /* float: left; */ /* padding-left: 15px; */ }
    .staff .p-box .img { display: inline-block; float: left; margin: 0 auto; margin-right: 15px; }
    .staff .p-box .desc1 { display: block; padding-left: 15px; /* padding-top: 15px; */ /* float: left; */ /* width: 185px; */ }
    .staff .p-box .desc2 { clear: both; padding-top: 15px; }

@media all and (min-width:768px) {

    .staff .row .col-xs-12, .staff .row .col-md-12 { padding-left: 15px; padding-right: 15px }

    .professors hr, .staff hr { margin-top: 10px; margin-bottom: 10px; }
}

@media all and (min-width:992px) {

    .ir .list .item .number {  display: table-cell }
    .professors .p-box .name { text-align: left }
    .professors .p-box .img { display: inline-block; float: left; }
    .professors .p-box .desc1 { display: inline-block; padding-left: 23px; }
    .professors .p-box .desc2 { clear: both; padding-top: 20px; }

    .professors hr { width: 97%; }

    .staff .p-box { background-color: #F0F2F7; padding: 20px 30px; min-height: 166px; height: 100%; }
        .staff .p-box .name { font-size: 1.5rem; font-weight: 500; /* text-align: center; */ width: 140px; display: inline-block; padding-left: 20px; }
        .staff .p-box .img { display: block; float: left; margin: 0 auto; }
        .staff .p-box .desc1 { display: block; padding-left: 20px; padding-top: 15px; float: left; }
        .staff .p-box .desc2 { clear: both; padding-top: 15px; }
    .staff hr { width: 97%; }
}


/*�뗣뀑��*/



.listWrap .nav-tabs { margin-top: 30px }
/*tab*/
/*.nav-tabs { text-align: center; border-bottom: 1px solid #9a9a9a; }
    .nav-tabs > li, .nav-pills > li { float: none; display: inline-block; }
        .nav-tabs > li > a { font-size: 18px; margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border: 1px solid #9a9a9a;   background-color: #F6F6F6; width: 180px; color: #1F1F1F; border-radius: 0 }
            .nav-tabs > li > a:hover { border-color: #9a9a9a #9a9a9a #9a9a9a; }
        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #fff; cursor: default; background-color: #3B3B3B; border: 1px solid #ddd; border: 1px solid #9a9a9a; }

        .nav-tabs > li > a { font-size: 18px; margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border: 1px solid #9a9a9a; background-color: #F0F2F7; width: 180px; color: #A8ACB3; border-radius: 0; }
.nav > li > a { position: relative; display: block; padding: 10px 5px !important; width: 100px; font-size: 17px; font-weight: 500; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #061129; cursor: default; background-color: #fff; border: 1px solid #ddd; border: 1px solid #9a9a9a;   }*/

.depart-introduce h4 {font-weight: bold;margin-left: 8px;margin-bottom: 15px;color: #252645;}
.depart-introduce p { margin-bottom: 45px }
.depart-introduce .col-xs-12 { padding-left: 0; padding-right: 0 }

@media all and (min-width:768px) {
    .introduce .spec label, .introduce .spec span { display: inline-block; }

    .infobox { padding: 20px 50px; }

    p.reference { text-align: left; }

    .desc { padding: 30px; }

    .ir .list .item .number { width: 100px; }

    .ir .list .item.head .number { width: 30px; }

    .listWrap .nav-tabs { margin-top: 50px }
    /*.nav > li > a { padding: 10px 15px !important; width: 180px; font-size: 18px; font-weight: 500; }*/

    .depart-introduce .col-xs-12 { padding-left: 15px; padding-right: 15px }
}


@media all and (min-width:992px) {
    .reference.container2 { width: 870px !important; }
}

.showme { font-size: 22px; }

.bachelor h2 { font-size: 20px; margin-bottom: 0; margin-top: 5px }

.bachelor h5 { width: 70px; background-color: #114886; color: white; font-weight: bold; padding-left: 15px }
.bachelor.page-desc p { margin-left: 0 }
.bachelor.page-desc strong { margin-top: 20px; display: block; }
.bachelor.page-desc table td:first-child { text-align: center }
.bachelor.page-desc table.mx { width: 468px; }
    .bachelor.page-desc table.mx td { white-space: inherit; }

@media all and (min-width:468px) {
    .bachelor.page-desc table.mx { width: 100%; }
}


.sample { word-break: break-all; border: 2px; padding: 5px }
.sample img{width:100%}
.sample-desc {background-color:gainsboro}
.sample img.bd { border: 1px solid; }

@media all and (min-width:992px) {
    .sample img { width:auto}
        .sample img.bd { border:0; }
}