/* 축소하지 못했습니다. 축소되지 않은 콘텐츠를 반환합니다.
(1223,1): run-time error CSS1019: Unexpected token, found '{'
(1225,1): run-time error CSS1019: Unexpected token, found '}'
(2051,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2052,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2063,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2064,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
body *::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  transition: .3s background; }

body *::-webkit-scrollbar-thumb {
  background: #ced4da; }

body *:hover::-webkit-scrollbar-thumb {
  background: #adb5bd; }


@charset "UTF-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);*/

/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/
html {font-size:15px;}
body {
    font-family: "Noto Sans KR",sans-serif,"Nanum Gothic","Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing: 0px;
    font-size:1rem;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 200;
    color: #252645;
    line-height:2rem;
}

.h3, h3 {
    font-size: 28px;
    margin-top: 5px;
}

p {
    font-size: 16px;
    /*font-weight: 200;*/
    color: #1A1A1A;
}


a:hover,
a:focus {
    color: #414042;
    text-decoration: underline;
    cursor:pointer;
}


.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

/*부트스트랩3 smae col height*/
.aligned-row { display: flex; flex-flow: row wrap; }
    .aligned-row::before { display: block; }


.gnb {
    margin-top: 20px
}

    .gnb span {
        font-size: 20px;
        margin-left: 30px
    }


.table-responsive { width: 100%; margin-bottom: 15px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #DDD; }
.table { width: 100%; max-width: 100%; margin-bottom: 0; }

.no-padding{
    padding:0;
}

.no-margin {
    margin:0;
}

hr.dot {border-style: dashed;border-color: #D8D8D8;margin-top: 10px;margin-bottom: 15px;}

.tablet {
    display: block;
}

.pc {
    display: none;
}

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

    .tablet { display: none; }

    .pc { display: block; }
}

/*footer*/
.foot {
    border-top: 1px solid #D8D8D8;
    margin-bottom: 30px;
}

footer {
    font-size: 13px;
    margin-top: 25px;
    margin-bottom: 30px;
    padding-top: 10px;
}

    footer p {
        font-size: 12px;
        margin-top: 7px
    }

    footer a {
        color: #333;
        cursor: pointer;
    }

.finfo-mobile {
    display: block;
    padding: 5px;
}

.finfo-pc {
    display: none;
    /* padding-left: 50px; */
}

    .finfo-pc span {
        font-size: 14px;
        padding: 7px;
    }

.f-logo {
    text-align: left; 
}

/*.f-logo img{
    max-width:240px;
}*/

.f-relate {
    text-align: right;
    font-size: 14px;
}

    .f-relate a {
        color: black !important;
        text-decoration: none;
        cursor: pointer;
        margin-bottom: 7px;
        padding-bottom: 3px !important;
    }

    .f-relate .divider {
        margin: 5px 0;
    }

    .f-relate .dropdown-menu {
        /*font-size: 12px;*/
        margin-top: 10px;
        margin-left: -80px;
        /*margin-bottom: 30px;*/
        padding-bottom: 0;
    }


.contact-info {
    text-align: center;
    margin-top: 5px;
    /* position: relative; */
}

    .contact-info span {
        margin-top: 10px;
    }

p.rule {
    color: #40637A;
    font-size: 13px;
    margin-top: 20px;
    text-align: center;
}

    p.rule a {
        color: white;
        padding: 10px 10px;
        /* margin-top: 30px; */
    }

.modal-body {
    /* max-height: 400px; */
    overflow-y: auto;
    overflow-x: hidden;
}

.modal-title {
    font-weight: normal;
}

.f-logo .jillite {
    padding-left: 9px;
    margin-top: -11px;
    display: inline-block;
}


.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #beafa8;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #cdcdcd;
}

    .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
        z-index: 3;
        color: #beafa8;
        background-color: #eee;
        border-color: #ddd;
    }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #999999;
    border-color: #cdcdcd;
}

.pagination > li > a {
    margin: 1px;
}


#form input, #contact_body {
    font-size: 14px;
    font-weight: normal;
    padding: 10px;
}

.footer-top {
    background-color: #000;
    padding: 15px;
    color: #fff;
    padding-left: 0;
    padding-right: 0;
}

    .footer-top .container {
        padding-left: 0;
        padding-right: 0;
        max-width: 1000px;
    }

    .footer-top .p1 {
        max-width: 140px;
        float: left;
        text-align: right;
        padding-right: 10px;
        padding-top: 5px;
        padding-left: 20px;
        /* display: none; */
    }

    .footer-top .p2 {
        /* float: right; */
        /* width: 100%; */
        text-align: left;
    }

        .footer-top .p2 a {
            color: #21AFFF !important;
        }

        .footer-top .p2 .tel {
            font-size: 22px;
            margin-bottom: 0;
            display: block;
        }

        .footer-top .p2 .email {
            font-size: 12px;
            font-weight: normal;
        }


    .footer-top .contact-info img {
        width: 40px;
    }


    .footer-top .contact-info span {
        font-size: 14px;
        padding-left: 5px;
        margin-top: 10px;
    }

.border-lr {
    border-left: 1px solid;
}

.container-fluid.footer-top a {
    color: #F3F3F3;
}

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


    /*.twrap-finance {
        width: 80%;
        padding-bottom: 50px;
    }*/

    .footer-top .p1 { width: 33%; float: left; text-align: left; padding-right: 10px; padding-top: 5px; font-size: 17px; display: block; padding-left: 30px; }

    .footer-top .p2 { width: 50%; float: left; text-align: inherit; }

        .footer-top .p2 .tel { font-size: 25px; margin-bottom: 0; }




    .footer-top .contact-info img { width: 50px; }

    .footer-top .contact-info span { font-size: 18px; padding-left: 5px; margin-top: 10px; }
}

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


    .border-lr { border-right: 1px solid #40637A; border-left: 1px solid #40637A; }

    .finfo-mobile { display: none }

    .finfo-pc { display: block; }

    .f-logo { /* text-align: center; */ margin-left: 20px; }

    .f-relate { text-align: center; }

        .f-relate .dropdown-menu { /*font-size: 12px;*/ margin-left: -40px; }


    /*부트스트래 높이 같은 줄*/
    .srow { display: table; }

        .srow .cell { /*width:100%;*/ display: table-cell; float: none; }
}


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

    .finfo-pc { display: block; /* min-width: 870px; */ }

    .container { width: 1000px; }
}


.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {background-image: url("/Web/Academy/Data/@ThisSite/img/swiper_left.png");left: 10px;right: auto;background-size: 62px 31px;width: 166px;/* height: 300px; */top: 111%;}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {background-image: url("/Web/Academy/Data/@ThisSite/img/swiper_right.png");right: 10px;left: auto;background-size: 62px 31px;width: 166px;/* height: 44px; *//* bottom: 10px; *//* background-position-y: 135px; *//* z-index: 222; */top: 111%;}


.d-pc-tablecell { display: none !important; }

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


    .d-pc-tablecell { display: table-cell !important; }

       .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {width: 55px;    height: 44px; top:50%}
    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {width: 66px;    height: 44px; top:50%}


}




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


.wrap-subcontent {
    padding-bottom: 50px;
}
    .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;
    }
    
    .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:30px;
    }

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

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

.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 div {
        padding-right: 15px;
        padding-left: 15px;
    }*/

    .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";
    }

    .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; 



    }
    


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

.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;
}



@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: 10px;
    padding-left: 10px;
    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: #066EB7;
            color: white;
        }

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

        .ir .list .item .number {
            padding: 15px 4px;
            width: 0px;
            display: table-cell;
            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;
        }

            .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: #066EB7;
            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 20px;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: 0;}
    .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 .table .th {
    background-color: #58534D;
    color: #FFC200;
    text-align: center;
    padding: 5px;
    font-size: 16px;
    border: 1px solid #f9f9f9;
}

staff .table.td {
    background-color: #D8D8D8;
    padding: 5px;
    font-size: 16px;
    border: 1px solid #f9f9f9;
}

{
   
}
.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) {
    
    .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; /* border-bottom-color: transparent; */ 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; /* font-weight: 500; */ }

.depart-introduce h4{font-weight:bold;margin-left:8px;margin-bottom:15px}
.depart-introduce h6 {
    width: 70px;
    font-size: 18px;
    background-color: #114886;
    color: white;
    font-weight: bold;
    padding-left: 15px
}
.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%;}
}
 
@media all and (max-width: 470px) {
    .col-arrow { right: 10px !important; }
}


@media all and (min-width:359px) {
    .profile .detail { width: 185px; float: left; /* padding-left: 20px; */ }
}

@media all and (min-width: 412px) {
    .ttw .tt { bottom: 150px; }

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

    .tnt { bottom: -200px; }
}

@media all and (min-width:470px) {
    .portfolio .list .item img { max-width: 155px; }


    .portfolio .list h4 { font-size: 20px; letter-spacing: 2px; }

    .tt { font-size: 19px; bottom: -70px; }

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

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



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

    .tprev .list .item .number, .tprev .list .item .date, .tnext .list .item .number, .tnext .list .item .date { display: table-cell; }

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

    .step { padding: 30px 10px 60px; }

        .step img { max-width: 80px; }

        .step .detail { max-width: 398px; }
}

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

    .category { border-bottom: 1px solid #cfcfcf; margin-bottom: 20px; margin: 30px; margin-top: 10px; }

        .category .btn { width: 250px !important; }
}


@media all and (max-width: 767px) {
    .two { margin-top: 0; }

        .two .exchange { margin-top: 0; }

    .s-body { margin-bottom: 50px; }
}

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

    /*.content { 
        margin-bottom:0;
    }*/
    .tt { z-index: 3; color: white; font-size: 32px; font-weight: 200; }

    .container2 { width: 750px; }

    .team .nopadding { padding-right: 15px; padding-left: 15px; }

    .navi { font-size: 14px; }

    .title span.desc { font-size: 17px; }

    .title h2 { /*font-size: 42px;*/ font-size: 17px; }


    .tth { font-size: 45px; }

    .tth2 { font-size: 44px; }

    .history .content { padding-top: 30px; padding-left: 20px; }

    div.historybg { display: block; }

    .org-pc { display: block; }

    .org-mobile { display: none; }

    .org .content2 { display: block; }

    /*.profile img {
        max-width: 170px; 
    }*/

    .team .building { display: block; text-align: right; }

        .team .building img { max-width: 200px; }


    .fund-mobile { display: none; }

    .fund-pc { display: table-cell; }


    .contact-wrap { padding: 40px 40px; }


    .contact-form { padding: 20px; }

    .fgroup input { width: 83%; }

    .fgroup span { font-size: 20px; }

    .tel { font-size: 20px; }


    .desc-head h1 { display: inline-block; }

    .desc-head span {position: absolute;right: 10px;/* display: block; *//* margin-bottom: 10px; */}

    .swrap, .swrap2 { max-width: 360px; float: right; margin-left: 25px; margin-right: 25px; }

    .swrap2 { float: left; }

    .s-body { display: block; }

    .exchange { background-color: #979797; }

    .exchange2 { background-color: #115382; }

    .col-arrow { display: none; }
}

@media all and (min-width:893px) {
    .notop_pc { /*padding-top: 0;*/ margin-top: 0; }
}

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


    .content { max-width: 400px; }

    .notop_pc { padding-top: 10px; margin-top: 0; }

    .bg { display: block; }

    .temp { display: block; }

    /*.title { 
        padding-top: 0;
    }*/

    .title div { margin: 0 auto; max-width: 80%; }

    .title2 { text-align: left; padding-left: 15px; }

    .pd0 { padding-left: 0; padding-top: 0; }

    .title-invest { text-align: left; }

    .container2 { width: 970px; }

    div.historybg .ment { padding-top: 80px; display: inline-block; font-size: 37px; }

    .footimg { max-width: 700px; }


    .team .building { display: block; }

    .profile { padding-left: 30px; padding-right: 30px; }


        .profile img { max-width: 150px; }

        .profile .detail { width: 220px; float: left; padding-left: 20px; }

            .profile .detail h3 { font-size: 23px; padding-left: 20px; padding-top: 20px; margin-bottom: 30px; }

    .noimg .detail { margin-left: 150px; }

    .notop_pc .detail { width: 250px; float: left; /* padding-left: 20px; */ }

    .team .building { padding-top: 40px; text-align: center; }

        .team .building img { max-width: 230px; }

    .key { display: block; }

    .flowerpot, .flowerpot2 { display: block; }

    .puzzle { display: block; }

    .ipro { display: block; }

    .icomment { display: block; }

    .cbox { margin-right: 30px; }


    .process-title { margin-top: -130px; }

    .search { margin-right: 30px; }

    .swrap, .swrap2 { max-width: 360px; }

    .hr-dash { padding-top: 30px; margin-left: 80px; }
}

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

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


.gnbbar {
    margin-top: 30px;
    margin-bottom: 10px;
    overflow: hidden;
    background-color: #fff;
    font-family: "Noto Sans KR";
}

    .gnbbar a {
        /* float: left; */
        font-size: 16px;
        color: #000;
        text-align: center;
        padding: 0 14px 16px 0;
        text-decoration: none;
        display: block;
    }


.logo-wrap {
    /* display: inline-block; */
}

.logo {
    /*padding-left: 0 !important;*/
    padding-right: 0 !important;
}

.menu-array {
    display: block;
    padding: 2px 0 10px;
    margin: 0 auto;
    margin-left: 30px;
    float: right;
}

    .menu-array:after {
        display: block;
        height: 0;
        content: ".";
        font-size: 0;
        visibility: hidden;
        clear: both;
    }


.downwrap {
    float: left;
    overflow: hidden;
    width: 160px;
    /* text-align: center; */
}

    .downwrap .dropbtn {
        font-size: 20px;
        font-weight: bold;
        border: none;
        outline: none;
        color: #114886;
        padding: 14px 10px;
        /* background-color: inherit; */
        width: 160px;
        font-family: "Noto Sans KR";
        background-color: white;
    }
    /*.gnbbar a:hover,*/
    .downwrap:hover .dropbtn {
        background-color: #114886;
        font-weight: bold;
        color: #fff;
        /* text-align: center; */
        /* width: 181px; */
    }

.on .dropbtn {
    background-color: #114886;
    font-weight: bold;
    color: white;
}

.on .down-content {
    display: block !important;
}

.down-content {
    display: none;
    position: absolute;
    background-color: #114886;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 200;
}

    .down-content a {
        float: none;
        color: #fff;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
    }

        .down-content a:hover {
            background-color: #185faf;
            color: #ffffff;
            /*font-weight:normal;*/
        }

.downwrap:hover .down-content {
    display: block;
}


.gnb-pc {
    display: none
}

.gnb-mobile {
    display: block
}

.width115 {
    width: 115px !important;
    min-width: 115px !important;
}

.width125 {
    width: 125px !important;
    min-width: 125px !important;
}

.width160 {
    width: 160px !important;
    min-width: 160px !important;
}

.width200 {
    width: 200px !important;
    min-width: 200px !important;
}

.width2 {
    width: 110px !important;
    min-width: 110px !important;
}


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


    .downwrap { width: 144px; /* text-align: right; */ /* margin: 0 auto; */ /* justify-content: center; */ }

        .downwrap .dropbtn { width: 150px; }

    .down-content { min-width: 144px; }

    .menu-array { float: inherit; /* width: 837px; */ /* margin-left: 260px; */ margin: 0 auto; clear: both; display: flex; justify-content: center; }
}

@media all and  (min-width: 1240px) {
    .logo-wrap { display: inline-block; }

    .gnbbar .logo { float: left; }

    .downwrap { width: 155px; /* text-align: right; */ }

        .downwrap .dropbtn { width: 155px; }

    .down-content { min-width: 155px; }

    .menu-array { float: right; /* width: 837px; */ /* margin-left: 260px; */ }

    div#gnb { width: 1170px; }
}

/*mobile*/

.navbar-brand {
    padding: 8px 15px;
}


.navbar-brand.logo img{
    width:90%;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: transparent;
    }

    .navbar-default .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }

.navbar ul {
    background-color: #114886;
    font-size: 20px;
}

    .navbar ul li a {
        color: white; /*!important*/
    }

.navbar-default .navbar-toggle {
    border-color: transparent !important;
}

.navbar-toggle {
    /*position: relative;
    float: right;*/
    padding: 25px 19px;
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: -10px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    position: absolute;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    /*background-color: #114886 !important;*/
    background-color: transparent;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #E6FF0A !important;
    background-color: #114886 !important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: #114886 !important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #555;
    background-color: #114886 !important;
}


.navbar-nav .open .dropdown-menu {
    background-color: #30A7E0 !important;
}


.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 40px;
}

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

    .gnb-pc { display: block; /* margin-left: 20px; */ }

    .gnb-mobile { display: none; }

    .navbar { display: none; }
}






/*모바일 풀*/

#hdbg {
    /*background-color: #1d1d20;*/
    display: inline-block;
}

.open-logo {
    background-color: white;
    height: 70px;
}

.hamburger {
    /*background-color: #114886;*/
    padding: 36px;
    width: 70px;
    float: right;
    /* z-index: 400; */
    height: 40px;
    position: absolute;
    right: 0;
    margin-top: -70px;
}

    .hamburger.on {
        background-color: #114886;
    }

.button_container {
    /*position: fixed;
  top: 5%;
  right: 2%;*/
    height: 27px;
    width: 25px;
    cursor: pointer;
    z-index: 340;
    margin-top: -13px;
    margin-left: -18px;
    padding-bottom: 17px;
    /* margin-left: 25px; */
    /*margin-left: calc(100%/16);*/
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
}

    .button_container span {
        /*background: #FF5252;*/
        background: #D8D8D8;
        border: none;
        height: 4px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: all .35s ease;
        transition: all .35s ease;
        cursor: pointer;
    }

        .button_container span:nth-of-type(2) {
            top: 10px;
        }

        .button_container span:nth-of-type(3) {
            top: 20px;
        }

    .button_container:hover {
        opacity: .7;
    }

    .button_container.active .top {
        -webkit-transform: translateY(10px) translateX(0) rotate(225deg);
        transform: translateY(10px) translateX(0) rotate(225deg);
        background: #FFF;
    }

    .button_container.active .middle {
        opacity: 0;
        background: #FFF;
    }

    .button_container.active .bottom {
        -webkit-transform: translateY(-10px) translateX(0) rotate(-225deg);
        transform: translateY(-10px) translateX(0) rotate(-225deg);
        background: #FFF;
    }

.overlay {
    position: fixed;
    background: #114886; /*#FF5252;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .35s, visibility .35s, height .35s;
    transition: opacity .35s, visibility .35s, height .35s;
    overflow: hidden;
}

.o-menu {
    width: 100%;
}

    .o-menu li {
        min-height: 30px;
        padding-left: 30px;
        padding-top: 8px;
        /*padding-bottom: 8px;*/
        font-size: 25px;
        letter-spacing: 1px;
        color: #6FC4FF;
        display: table;
        width: 100%;
        cursor: pointer;
    }

ul.o-menu li > a:hover {
    color: #ffffff !important;
}

.submenu li a {
    color: #6FC4FF !important;
}

.overlay ul.submenu {
    background-color: #185faf;
    display: none;
    margin-left: -30px;
    width: 120%;
}


    .overlay ul.submenu li {
        padding-left: 60px;
    }

        .overlay ul.submenu li a:hover {
            /*background-color: #085C96;*/
            color: #fff !important;
            /*font-weight:normal;*/
        }

    .overlay ul.submenu.on {
        display: inherit;
    }

.overlay.open {
    opacity: 1;
    visibility: visible;
    height: 100%;
    z-index: 300;
}


.overlay nav {
    position: relative;
    /* height: 70%; */
    /*top: 28%;*/
    margin-top: 20px;
    /*-webkit-transform: translateY(-50%);
        transform: translateY(-50%);*/
    font-size: 35px;
    /* font-family: 'Vollkorn', serif; */
    font-weight: 400;
    text-align: left;
    /* padding-left: 30px; */
}

.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    height: 100%;
    width: 100%;
}

    /*.overlay ul li {
            display: block;
            height: 20%;
            height: calc(100% / 4);
            min-height: 35px;
            position: relative;
            opacity: 0;
        }*/

    .overlay ul li a {
        display: block;
        position: relative;
        color: #fff;
        text-decoration: none;
        overflow: hidden;
        padding-bottom: 10px;
        font-weight: 400;
        cursor: pointer;
    }

        .overlay ul li a.on, a.on {
            color: #afdbff !important;
            background-color: #185faf;
            /* color: #ffffff; */
        }

.depth1 {
    float: left;
}

.o-menu .menu-arrow {
    max-width: 25px;
    margin-left: 20px;
    margin-top: 10px;
    float: left;
    cursor: pointer;
}

.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
    width: 100%;
}

/*.overlay ul li a:after {
                    content: '';
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    width: 0%;
                    -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
                    height: 3px;
                    background: #FFF;
                    -webkit-transition: .35s;
                    transition: .35s;
                }*/


@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }

    100% {
        opacity: 1;
        left: 0;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }

    100% {
        opacity: 1;
        left: 0;
    }
}


span.ment {
    font-size: 14px;
    position: relative;
    top: 12px;
    letter-spacing: -1px;
}

span.seg {
    position: relative;
    top: 11px;
    padding-left: 7px;
    color: #F39800;
    font-size: 11px;
}

 
/*float*/
.float-left { float: left }
.float-right { float: right }

/*position*/
.position-relative { position: relative }
.position-absolute { position: absolute }
 
/*clear-both*/
.clear-both { clear: both }


/*margin*/
.margin-top-m10 { margin-top: -10px !important }
.margin-top-0 { margin-top: 0 !important }
.margin-top-3 { margin-top: 3px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-top-40 { margin-top: 40px !important; }
.margin-top-50 { margin-top: 50px !important; }
.margin-top-60 { margin-top: 60px !important; }
.margin-top-70 { margin-top: 70px !important; }
.margin-top-80 { margin-top: 80px !important; }
.margin-top-90 { margin-top: 90px !important; }
.margin-top-100 { margin-top: 100px !important; }

.margin-bottom-0 { margin-bottom: 0px !important; }
.margin-bottom-5 { margin-bottom: 5px !important; }
.margin-bottom-10 { margin-bottom: 10px !important; }
.margin-bottom-20 { margin-bottom: 20px !important; }
.margin-bottom-30 { margin-bottom: 30px !important; }
.margin-bottom-40 { margin-bottom: 40px !important; }
.margin-bottom-50 { margin-bottom: 50px !important; }
.margin-bottom-60 { margin-bottom: 60px !important; }
.margin-bottom-70 { margin-bottom: 70px !important; }
.margin-bottom-80 { margin-bottom: 80px !important; }
.margin-bottom-90 { margin-bottom: 90px !important; }
.margin-bottom-100 { margin-bottom: 100px !important; }
.margin-bottom-200 { margin-bottom: 200px !important; }

.margin-center { margin-left: auto; margin-right: auto }
.margin-auto { margin: 0 auto }

/*padding*/
.padding-5-10 { padding: 5px 10px }
.padding-15 { padding: 15px }

.padding-left-30 { padding-left: 30px }
.padding-left-40 { padding-left: 40px }
.padding-left-50 { padding-left: 50px }
.padding-left-60 { padding-left: 60px }
.padding-left-70 { padding-left: 70px }

.padding-right-30 { padding-right: 30px }
.padding-right-40 { padding-right: 40px }
.padding-right-50 { padding-right: 50px }
.padding-right-60 { padding-right: 60px }
.padding-right-70 { padding-right: 70px }

  
/*help*/

.spacer5 { height: 5px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear: both }
.spacer10 { height: 10px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear: both }
.spacer15 { height: 15px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear: both }
.spacer20 { height: 20px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear: both }
.spacer25 { height: 25px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear: both }
.spacer30 { height: 30px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear: both }
.spacer35 { height: 35px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear: both }
.spacer40 { height: 40px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear: both }
.spacer45 { height: 45px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear: both }
.spacer50 { height: 50px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear: both }
.spacer100 { height: 100px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear: both }
.spacer200 { height: 200px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear: both }


.width25 { width: 25px !important; display: inline-block; }
.width40 { width: 40px !important; display: inline-block; }
.width50 { width: 50px !important; display: inline-block; }
.width60 { width: 60px !important; display: inline-block; }
.width70 { width: 70px !important; display: inline-block; }
.width87 { width: 87px !important; margin-right: 3px; display: inline-block; }
.width88 { width: 88px !important; display: inline-block; }
.width100 { width: 100px !important; display: inline-block; }
.width120 { width: 120px !important; display: inline-block; }
.width130 { width: 130px !important; display: inline-block; }
.width150 { width: 150px !important; display: inline-block; }
.width200 { width: 200px !important; display: inline-block; }
.width245 { width: 245px !important; display: inline-block; }
.width250 { width: 250px !important; display: inline-block; }
.width300 { width: 300px !important; display: inline-block; }
.width400 { width: 400px !important; display: inline-block; }
.width500 { width: 500px !important; display: inline-block; }

.width368 { width: 368px !important; display: inline-block; }

/*width*/
.width10p { width: 10% !important; }
.width20p { width: 20% !important; }
.width30p { width: 30% !important; }
.width40p { width: 40% !important; }
.width50p { width: 50% !important; }
.width60p { width: 60% !important; }
.width70p { width: 70% !important; }
.width80p { width: 80% !important; }
.width90p { width: 90% !important; }
.width100p { width: 100% !important; display: inline-block; }


.height-10vh { height: 10vh; }
.height-20vh { height: 20vh; }
.height-30vh { height: 30vh; }
.height-40vh { height: 40vh; }
.height-50vh { height: 50vh; }
.height-60vh { height: 60vh; }
.height-70vh {/* height: 70vh; */}
.height-80vh { height: 80vh; }
.height-90vh { height: 90vh; }
.height-100vh { height: 100vh; }

.max-height-100 { max-height: 100px; }
.max-height-200 { max-height: 200px; }
.max-height-300 { max-height: 300px; }
.max-height-400 { max-height: 400px; }
.max-height-500 { max-height: 500px; }
.max-height-600 { max-height: 600px; }
.max-height-700 { max-height: 700px; }
.max-height-800 { max-height: 800px; }
.max-height-900 { max-height: 900px; }
.max-height-1000 { max-height: 1000px; }
/*whiteSpace*/
.whiteSpace-pre { white-space: pre }
.whiteSpace-preline { white-space: pre-line }
.whiteSpace-prewrap {white-space: pre-wrap;}

 
.text-align-left {    text-align: left}
.text-align-center{text-align:center}
.text-align-right { text-align: right }

.vertical-align-middle {vertical-align: middle !important;}

.letter-spacing-m1{letter-spacing:-1px}
/*폰트*/

.font-noto { font-family: "Noto Sans KR",sans-serif }
.font-lato { font-family: "Lato",sans-serif }
.font-malgun { font-family: 'Malgun Gothic', '맑은 고딕',sans-serif }

.font-weight-bold { font-weight: bold }

.fw_normal { font-weight: normal }
.fw_bold { font-weight: bold }
.fw-bold { font-weight: bold }


.fontSize11 { font-size: 11px }
.fontSize12 { font-size: 12px }
.fontSize13 { font-size: 13px }

.fontSize-2rem { font-size: 2rem }

.f12 { font-size: 12px }

.fs9 { font-size: 9px !important }
.fs10 { font-size: 10px !important }
.fs11 { font-size: 11px !important }
.fs12 { font-size: 12px }
.fs13 { font-size: 13px }
.fs14 { font-size: 14px }
.fs15 { font-size: 15px }
.fs16 { font-size: 16px }
.fs17 { font-size: 17px }
.fs18 { font-size: 18px }
.fs19 { font-size: 19px }
.fs20 { font-size: 20px }


.not-bold { font-weight: normal !important }

.label { display: inline; padding: .2em 1em .3em; font-size: 15px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 15px; }
.label-default { background-color: #B6B6B6; }
.label-ing { background-color: #E6A075; }
 
 
.text-left-important { text-align: left !important }


h2.ta.text { line-height: 36px; letter-spacing: -.6px; font-size: 28px; font-weight: 700; color: rgba(0,0,0,.84); }
@media screen and (min-width: 1095px) {
    h2.ta.text { line-height: 40px; font-size: 32px; }
}



/*칼라*/
.color69 { color: #696969 }
.color-black { color: #000 }
.color-black-impotant { color: #000 !important; }

.color-white { color: #fff !important; }
.color-gray { color: #696969 !important; }
.color-gray2 { color: #8e8e8e !important; }
.color-pink { color: #DE6967 !important; }
.color-tree { color: #86724E !important; }
.color-green { color: #209C8C !important; }
.color-salgu { color: #E6A075 !important; }
.color-jinju { color: #E35500 !important }

.color-green2 { color: #81cd81 !important; }

.color-help { color: #e99c29 !important }
.color-red { color: red !important; }
.color-link { color: #467fcf !important; }

/*백그라운드 칼라*/

.bg-inherit { background-color: inherit !important; }
.bg-color { background-color: #F8F8F8; }
.bg-color-gray { background-color: #ccc; }

.bg-pink { background-color: #DE6967 }
.bg-tree { background-color: #86724E }
.bg-green { background-color: #209C8C }
.bg-salgu { background-color: #E6A075 }


/*border*/
.border-none-lr { border-left: 0 !important; border-right: 0 !important }

.ds-inline-block { display: inline-block; }

.bd-gray { border-color: #D8D8D8; }


.bs-callout { padding: 7px 20px 2px 30px; margin: 5px 0 20px 10px; border-left: 1px solid #eee; border-left-width: 5px; border-radius: 3px; }

.bs-callout-info { border-left-color: #1b809e; }
.bs-callout-danger { border-left-color: #ce4844; }
.bs-callout-warning { border-left-color: #aa6708; }

.bs-callout h4 { margin-top: 0; margin-bottom: 5px; }
.bs-callout p { font-size: 13px; line-height: 1.5em }

.bs-callout-info h4 { color: #1b809e; }
.bs-callout-danger h4 { color: #ce4844; }
.bs-callout-warning h4 { color: #aa6708; }

.d-wrap { display: block; *width: 100%; clear: both; }

    .d-wrap:after { display: block; height: 0; content: "."; font-size: 0; visibility: hidden; clear: both; }

.mobile-block { display: block; padding-top: 10px; }

.mobile-block-np { display: block; padding-top: 0; }

/*.mobile-size {
    display: initial;
}*/

.d-tablet { display: initial; }

.d-pc { display: none; }

.d-tablet-important { display: block !important; }
.d-pc-important { display: none !important; }

.d-tablet-1024-important { display: block !important; }
.d-pc-1024-important { display: none !important; }

.d-tablet-1200-important { display: block !important; }
.d-pc-1200-important { display: none !important; }

@media (min-width:768px) {

    .d-tablet { display: none; }

    .d-pc { display: block; }

    .d-tablet-important { display: none !important; }

    .d-pc-important { display: block !important; }

    .d-mobile-block { display: inline-block; }

    .d-mobile-block-np { display: inline-block; padding:0 }    
}


@media (min-width:1024px) {
      
    .d-tablet-1024-important { display: none !important; }

    .d-pc-1024-important { display: block !important; } 
}

@media (min-width:1200px) {
     
    .d-tablet-1200-important { display: none !important; } 
    .d-pc-1200-important { display: block !important; }
}

/*ul 스타일*/
ul.list-none { list-style: none; padding: 0; margin: 0; margin-top: 30px; }
    ul.list-none li { color: #696969; padding-bottom: 5px; }

ul.custom { list-style: none; padding: 0; margin: 0; margin-top: 30px; }
    ul.custom li {color: #696969;padding-bottom: 5px;display: table;}
        ul.custom li::before { content: "•\00a0"; color: #696969; display: table-cell; /* or whatever color you prefer */ }
        ul.custom li p { padding-left: 10px; font-size: 15px; line-height: 0.7em; padding-top: 5px; }



/* 갤러리형식 표현 http://sangnok.dallago.me/hotel/cheonan/convention/home*/
.galleryWrap { margin: 0 auto 30px auto; width: 70%; }
    .galleryWrap .gallery-detail { margin: 0 auto; width: 700px; height: 352px; }

/*링크 사각형 표현 http://sangnok.dallago.me/hotel/cheonan/convention/home*/
.anchorListWrap { display: block; margin: 10px auto; /* width: 90%; */ text-align: center; }
    .anchorListWrap a { width: 180px; border: 1px solid #007ECC; padding: 10px 20px; margin: 5px 5px; color: #000; font-weight: bold; display: inline-block; }
        .anchorListWrap a:hover, .anchorListWrap a:active, .anchorListWrap a:focus { background-color: #007ECC; color: #fff; width: 180px; border: 1px solid #007ECC; padding: 10px 20px; margin: 5px 5px; font-weight: bold; display: inline-block; }


/*음식메뉴 이미지 열거 형태 http://sangnok.dallago.me/hotel/cheonan/facilities/messhall*/
.website .content-list { margin-left: -10px; clear: both }
    .website .content-list::after { display: block; height: 0; content: "."; font-size: 0; visibility: hidden; clear: both; }
.website .content-item { width: 20%; float: left; margin-bottom: 30px; }
.website .cimg { margin: 0 20px 20px 20px; background-color: #FCFCFC; border: 1px solid #D4D4D4; width: 200px; height: 120px; }
    .website .cimg img { width: 198px; height: 118px; }



.website .infoWrap-thumb { clear: both; position: relative; }
    .website .infoWrap-thumb::after { display: block; height: 0; content: "."; font-size: 0; visibility: hidden; clear: both; }
     
/*썸네일 형식의 정보표현*/
.website .tImg { float: left; width: 345px; margin-bottom: 30px }
.website .tInfo { float: left; margin-left: 30px; max-width: 820px; margin-bottom: 10px; }
.website .tImg img { width: 100%; }
.website .tInfo h4 { margin-top: 10px; margin-bottom: 30px; }
.website .hr-dotted { clear: both }

.golf .course .tImg { float: left; width: 336px; margin-bottom: 30px }
.golf .course .infoWrap-thumb a { position: absolute; bottom: 30px; }
    .golf .course .infoWrap-thumb a:hover { color: white !important; }

.golf.website .tInfo h4 { margin-top: 5px; margin-bottom: 15px; }
.golf.website .tInfo p { margin-bottom: 30px; }

.leisure.website .tInfo h4 { margin-top: 5px; margin-bottom: 15px; }
.leisure.website .tInfo p { margin-bottom: 30px; }

/*게시판*/
.website.bbs .info-wrap.bg-with { position: relative; margin-top: -451px; }
/*.hotel.website .info-wrap .listWrap ul li::before { content: ''; color: inherit; }*/

.search-box { background-color: #E5E5E5; border: 1px solid #adadad; padding: 15px 20px; position: relative; margin: 20px 0 30px; box-shadow: 1px 1px #e5e5e5; }
    .search-box label { width: 120px; }
    .search-box select { height: 40px; }
    .search-box input[type=text].form-control { max-width: 830px; text-align: left; height: 40px; /*padding-top: 1px;*/ }

    /*.search-box .fWrap { display: inline-block; width: 850px; text-align: left; }
        .search-box .fWrap input.form-control { height: 40px; }*/
    .search-box input.btn { margin-left: 40px; margin-top: -7px; }


.website .gallery .content-list { margin-left: -10px; }
.website .gallery .content-item { width: 25%; float: left; margin-bottom: 30px; }
.website .gallery .cimg { margin: 0 20px 20px 20px; background-color: #FCFCFC; border: 1px solid #D4D4D4; width: 260px; height: 160px; }
    .website .gallery .cimg img { width: 100%; height: auto !important; }

.gallery a { color: #000 }
.gallery .info-ment { margin-left: 20px; text-align: left }
.gallery span, .gallery label { margin-top: 20px }

    .gallery span.label-event { background-color: #2BB6C9; color: white; padding: 5px 20px; font-size: 18px; }
    .gallery span.label-promotion { background-color: #144468; color: white; padding: 5px 20px; font-size: 18px; }

.website .list-faq { border-top: 1px solid #ddd; }
    .website .list-faq .item { border-bottom: 1px solid #ddd; padding-top: 15px; background-color: white; }
        .website .list-faq .item .detail { display: none; background-color: #F8F8F8; border: 1px solid #d0d0d0; padding: 40px; padding-top: 10px }
            .website .list-faq .item .detail h2 { color: #696969; font-size: 40px; font-weight: bold; margin-bottom: 0; }

        .website .list-faq .item .category { text-align: center; width: 100px; }
    .website .list-faq h2.subject { font-size: 17px; text-decoration: inherit; color: #000; line-height: 22px; cursor: pointer }