@charset "utf-8";
* { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }
*:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; -ms-overflow-style: scrollbar; }
html, body { margin: 0; padding: 0; width: 100%; height: 100%; background: #fff; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
body { overflow-x: hidden; width: 100%; min-width: 320px; outline: 0; }
button { outline: 0; }
h1, h2, h3, h4, h5, h6, p, ul, ol, dl { margin: 0; padding: 0; }
legend, caption, .hidden { visibility: hidden; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; padding: 0; margin: 0; }
select[disabled], input[disabled] { background-color: #EAEAEA !important; }
input[readonly], select[readonly] { background-color: #EAEAEA !important; }
input[type='checkbox'] { -webkit-appearance: checkbox; }
input[type='radio'] { -webkit-appearance: radio; }
fieldset, img { border: 0 none; }
ul, li { margin: 0; padding: 0; list-style: none; }
a { text-decoration: none; -webkit-tap-highlight-color: transparent; cursor: pointer; }
em { font-style: normal; }
/* 프린트 시 주소 나오지 않게 */
@media print {
    a[href]:after { content: none !important; }
}
body {
    position: relative;
    font-family: 'Malgun Gothic', '맑은 고딕'; 
    letter-spacing:-1px;
    color: #565656; 
}
a { color: #565656; }
a:active, a:focus, a:hover { text-decoration: none; color: #565656; }
.font-bold{font-weight:700;}
/* goto*/
#myTop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    line-height: 0.7;
    height: 50px;
    font-size: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
}
#myTop:hover {
    background-color: rgba(0, 0, 0, 0.5);
}
#myTop i {
    margin-left: 7px;
    font-size: 18px;
}


/* 메인화면 스타일 시작 */

.main-visual{
   width:100%;
   height:94%;
   background:url(/images/visual.jpg) 100%;
   background-size:cover;
   background-position:50% 50%;
   text-align:center;
   vertical-align:middle;
}
.main-visual .main-title{
    display:inline-block;
    position:absolute;
    top:40%;
    left:50%;
    margin-top:-160px;
    margin-left:-400px;
    text-align: left;
    color:#fff;
    letter-spacing: -5px;
}
.main-visual .main-title .xs{display:none;}
.main-visual .deco-green{
    content:url(/images/bg_visual_right.png);
    display:block;
    width:112px;
    margin-bottom:-60px;
    margin-left:-60px;
}
.main-visual .deco-blue{
    content:url(/images/bg_visual_left.png);
    display:block;
    float:right;
    margin-top:-50px;
    margin-right:-60px;
    width:112px;
}
.main-visual .main-title h1{
    margin-bottom:25px;
    font-size:40px;
}
.main-visual .main-title h1 img{
        vertical-align: bottom;
}
.main-visual .main-title p{
    font-weight: lighter;
    font-size:35px;
    line-height:45px;
    letter-spacing: -4px;

}
.main-visual .main-title p .text-impact{
    font-size:40px;
    font-weight:400;
    border-bottom: solid 3px #fff;
}

/* 스크롤 다운 */
.main-visual .scroll-wrap{
    position:absolute;
    bottom:70px;
    left:10%;
    right:10%;
    width:80%;
}
.main-visual .scroll-wrap a{
    display:inline-block;
    padding:20px;
    color:#fff;
    text-align:center;
    font-size:18px;
    letter-spacing:0;
}
.main-visual .scroll-wrap a img{
    display:inline-block;
    position:relative;
    margin-left:-7px;
    margin-top: 15px;
    animation-name: scr;
    animation-duration: 1s;
    animation-iteration-count : infinite ;
}
@keyframes scr {
    0% {top:-3px;}
    50% {top:7px;}
    100% {top:-3px;}
}
/* 서브 공통 스타일 */
.sub-wrap{ padding: 80px 0;}
.title-wrap h1{margin-bottom:0;}

/* 네비게이션 */
nav {
    position:relative;
    width:100%;
}
nav .nav-content-wrap{
    position:absolute;
    width:100%;
    background:#fff;
    z-index:999;
}
/*
#nav.affix{
    background: #fff;
    opacity: 0.95;
    filter: alpha(opacify=95);
    position: fixed;
    top: 0;
    width: 100%;
    z-index:10;
    box-shadow:0 0px 1px 0px #e4e4e4;
}*/
.nav-wrap{
    width:100%;
    box-shadow:0 0px 0px 0px #e4e4e4;
    text-align:center;
}
.nav-wrap:after{
    opacity: 0.95;
    filter: alpha(opacify=95);
}
.nav-wrap .nav {
    margin:auto 0;
    padding: 10px 0 13px;
    width:auto;
    text-align:center;
}
.nav-wrap .nav> li {
    position: relative;
    display: inline-block;
}

@media (min-width: 768px){
    .nav-wrap .navbar-nav,
    .nav-wrap .navbar-nav > li {
        float:none !important;
    }
}
.nav-wrap .nav a {
    position: relative;
    display: block;
    padding:10px 30px;
    font-size:18px;
    color:#5d5d5d;
}
.nav-wrap .nav > li > a:hover, 
.nav-wrap .nav > li > a:focus {
    background:#f2f5f7;
    border-radius:20px;
    font-weight:bold;
    color:#304a76;
}

/* 서브화면 타이틀 시작*/
.title-wrap .title{
    margin-top: 0;
    padding-bottom:30px;
    font-size:35px !important;
    text-align:center;
}

/* 재단설립취지 스타일 시작 */
.purpose-wrap{
    background:#f2f5f7;
    width:100%;
}
.purpose-wrap .title-wrap {
    margin-bottom:40px;
}
.purpose-wrap .title-wrap p{
    font-size:18px;
}
.purpose-wrap .title-wrap p .strong{
    border-bottom:1px solid #606162;
    font-weight:bold;
}
.purpose-wrap .purpose-box-wrap:after{
    content:"";
    display:block;
    clear:both;
}
.purpose-wrap .purpose-box-wrap:before{
    content:"";
    display:block;
    clear:both;
}


.purpose-wrap .purpose-box{
    overflow:hidden;
    display:inline-block;
    position:relative;
    width:100%;
    height:360px;
    padding-top:100%;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    font-weight:bold;
}
.purpose-wrap .purpose-box .purpose-cover { 
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: none;
    border:7px solid transparent;;
}
.purpose-wrap .purpose-box a{
    display:inline-block;
    position:absolute;
    top:50%;
    left:5%;
    width:90%;
    background:rgba(0, 0, 0, 0.40);
    margin-top:-30px;
    background:rgba(0, 0, 0, 0.41);    
    text-align:center;
}
.purpose-wrap .purpose-box a{
    display:inline-block;
    color:#fff;
    text-align:center;

}
.purpose-wrap .purpose-box a h2{
    display:inline-block;
    padding:10px 0;
    margin:5px auto;
    font-size:20px;
    font-weight:700;
    vertical-align:middle;
    line-height:30px;
}
.purpose-wrap .purpose-box a p{
    text-align:left;
    display:none;
    padding: 20px 35px; 
    margin:0 7px;
    font-size: 16px;
    font-weight:200;
}


/* 재단설립취지 마우스오버 스타일 시작 */
.purpose-wrap .purpose-box .purpose-cover:hover  { 
    background:rgba(0, 0, 0, 0.40); 
    box-sizing: border-box;
    border-style: solid;
    border-width:7px;

    border-image: linear-gradient(120deg, #91c84c 0%,#20b5a2 100%);
    border-image-slice: 1;

    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    cursor:default;
}
.purpose-wrap .purpose-box .purpose-cover:hover a{
    background:none;
    margin-top:-60px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    cursor:default;

}
.purpose-wrap .purpose-box .purpose-cover:hover p,
.purpose-wrap .purpose-box .purpose-cover:active p,
.purpose-wrap .purpose-box .purpose-cover:focus p
{
    display:block;
    padding: 20px 0; 
    margin:0 7px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}
/* 재단설립취지 마우스오버 스타일 끝 */


.purpose-wrap .purpose-box.purpose-box-one { 
    background-image:url(/images/bg_sub_visual01.jpg);
}
.purpose-wrap .purpose-box.purpose-box-two { 
    background-image:url(/images/bg_sub_visual02.jpg);
}
.purpose-wrap .purpose-box.purpose-box-three { 
    background-image:url(/images/bg_sub_visual03.jpg);
}
.purpose-wrap .purpose-impact{
    font-size:27px;
    color:#a6cd48;
}
.purpose-wrap .purpose-text{
    position:relative;
    padding: 45px 50px;
    margin-top:50px;
    font-size:15px;
    color:#000;

}
.purpose-wrap .purpose-text:before{
    content:'';
    display:block;
    position:absolute;
    top:16px;
    right:12px;
    width:100%;
    height:100%;
    border: 1px dashed #bdbdbd;
}
.purpose-wrap .purpose-text:after{
    content:'';
    display:block;
    position:absolute;
    bottom: 16px;
    left:12px;
    width:100%;
    height:100%;
    border:1px solid #374e7e;  
}
/* 주요사업소개 스타일시작 */
.business{
    background:#fff;
}
.business .nav > li {
    margin:0 -1px;
}
.business .nav > li > a {
    position: relative;
    display: block;
    padding: 15px 15px;
    font-size:16px;
    color:#4f4f4f;
}
.business business.nav-tabs > li > a {
    border-radius: 0;
}
.business .nav-tabs.nav-justified > .active > a {
    border-bottom-color: #ffffff;
}

.business .nav-tabs.nav-justified > li > a {
    border:none;
    border-bottom: 2px solid #374e7e;
    border-top:solid 1px #d5d5d5;
    border-radius:0;
}
.business .nav-tabs > li.active > a, 
.business .nav-tabs > li.active > a:hover, 
.business .nav-tabs > li.active > a:focus {
    color: #374e7e;
    font-weight:600;
    cursor: default;
    background-color: #ffffff;
    border: 2px solid #374e7e;
    border-bottom-color: transparent;
}
.business .nav > li > a:hover, 
.business .nav > li > a:focus {
    text-decoration: none;
    background-color: #f2f5f7;
}
.business .tab-content .tab-pane > p{
    margin-top:25px;
    padding:35px;
    background:#f2f5f7;
    color:#000;
}
.business .purpose-tab{
    padding:0;
}
.business .purpose-tab li{
    position:relative;
    padding: 36px 0 36px 140px;
    list-style:none;
    border-bottom:1px solid #d5d5d5;
}
.business .purpose-tab li::before{
    content: '';
    display: inline-block;
    width: 120px;
    height: 120px;
    position: absolute;
    left: 0;
}
.business .purpose-tab p{
    margin-top:8px;
}
/* 장학급 지급사업 부분 이미지 교체 스타일 */
.business .purpose-default-one::before{
    background: url(/images/ico-sholarship01.png) no-repeat;
}
.business .purpose-default-two::before{
    background: url(/images/ico-sholarship02.png) no-repeat;
}
.purpose-default-three::before{
    background: url(/images/ico-sholarship03.png) no-repeat;
}
/* 예체능분야 꿈나무 후원사업 */
.business .purpose-tree::before{
    background: url(/images/ico-sholarship04.png) no-repeat;
}
.business .purpose-isolation::before{
    background: url(/images/ico-sholarship05.png) no-repeat;
}
.business .purpose-tab li h3{
    color:#000;
    font-size:20px;
    margin-top:0;
    margin-bottom:20px;
    line-height:26px;
}
.business .purpose-tab li p{
    position:relative;
    padding-left:50px;
    font-size:15px;
    line-height:24px;
}
.business .purpose-label{
    display:inline-block;
    position:absolute;
    left:0;
    top:-2px;
    padding:1px 6px 2px 5px ;
    background:#374e7e;
    line-height:24px;
    font-size:14px;
    color:#fff;
    
}
/*사회 소회계층 후원사업*/
.purpose-isolation .iso-small-title:before {
    content:'';
    display:inline-block;
    position:absolute;
    left:0;
    top:40%;
    width:5px;
    height:5px;
    border-radius:50%;
    margin-right:5px;
    background:#757f9e;
    clear:both;
}
.purpose-isolation .plus {
    display:inline-block;
    position:relative;
    margin-left:10px;
    padding-left:10px;
}
.purpose-isolation .plus:before{
    content:'-';
    display:inline-block;
    position:absolute;
    left:0;
    margin-right:5px;
}
.purpose-isolation .iso-small-title {
    display:inline-block;
    position:relative;
    padding-left:10px;
}

/* 조직도 스타일 시작 */
.ogz-wrap{
    background:#f2f5f7
}
.ogz-chart{
    width:100%;
    padding:60px 20px;
    background:#fff;    
    text-align:center;
}
.ogz-chart img{
    max-width:100%;
}
.ogz-wrap table{
    margin-top:1px;
    border-top:2px solid #304a76;
    text-align:center;
}
.ogz-wrap table tr th{
    border-right:1px solid #d5d5d5;
    background:#e1e6ef;
    text-align:center; 
    vertical-align:middle;
}
.ogz-wrap table tr th{
    border-right:none;
    padding:15px !important;
}
.ogz-wrap table tr td{
    padding:15px !important;
    vertical-align:middle;
    border-right:1px solid #d5d5d5;
    border-bottom:1px solid #d5d5d5;
}
.ogz-wrap table tr td:last-child{
    text-align:left;
    border-right:none;   
}

/* 공지사항 */
.notice-wrap{
    display:block;
    background:url(/images/bg_notice_visual.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.title-wrap {
    text-align:center;
    margin:0 auto;
}
.notice-wrap .title,
.notice-wrap .more-wrap{
    display:inline-block;
    color:#fff;
}
.notice-wrap .more-wrap a,
.notice-wrap .more-wrap a:hover{
    color:#FFF;
}
.notice-wrap .notice-list-box .card-box{
    display:block;
    margin-bottom:10px;
    padding:20px;
    color:#000;
    background:rgba(255, 255, 255, 0.90);
    border-radius:10px;
    box-shadow:rgba(0, 0, 0, 0.25) 3px 3px 20px 0px;
    text-decoration:none;
    opacity: 0.90;
    filter: alpha(opacify=90);
} 
.notice-wrap .notice-list-box .card-box:before,
.notice-wrap .notice-list-box .card-box:after {
    content: " ";
    display: table;
  }
.notice-wrap .notice-list-box .card-box:after {
    clear: both;
}
.notice-wrap .notice-list-box .card-box:hover{
    background:#FFF;
} 
.notice-label{
    background:#086083;
    padding:3px 10px;
    color:#fff;
    font-weight:bold;
    border-radius:20px;
}
.notice-wrap .notice-list-box p{
    margin-top:10px;
    margin-bottom:20px;
   max-height:50px;
   min-height:50px;
    overflow-y: auto;
}
/*.notice-wrap .notice-list-box p::-webkit-scrollbar { 
    display: none;
}*/
.notice-wrap .notice-list-box .notice-date{
    text-align:right;
    color:#515151;
    float:right;
}
tice-wrap .notice-list-box .card-box:hover p{

  max-height:0;
}


/*공지사항 팝업 공통*/
.popup-close{
    font-size:34px;
    padding-top:0;
    line-height:0.7;
}

/*공지사항 리스트*/
.bbs-wrap .bbs-list-content{padding-top:0;}
.notice-list-popup-title{
    margin-left:5px;
    margin-top:5px;
    color:#fff;
    font-size:24px;
}
.list-popup-top {
    margin-bottom:20px;
    background:#374e7e;
}
.list-popup-top .popup-close{
    margin-right:5px;
    color:#fff;
    line-height:1;
    opacity:1;
}
/*공지사항 상세*/
.notice-more-popup-title{
    display:inline-block;
    padding-top:5px;
    margin-left:5px;
    font-size:14px;
}
.notice-body {padding-top:0;}

.table_view {
   width:100%;
}
.bbs-view .table_view thead {
    border-top: 2px solid #374e7e;
}
.bbs-view .table_view thead th{
    padding:10px 15px;
    border-bottom:1px solid #d5d5d5;
}
.bbs-view .table_view .etc-cell{
    padding:7px 15px;
    border-bottom:1px solid #d5d5d5;
}
.bbs-view .table_view .etc .visited{
    margin-right:10px;
    padding-right:10px;
    border-right:1px solid #aaa;
}
.bbs-view .table_view td{
    padding:10px 15px;
}
.bbs-view .table_view img{
    width:100%;
}




.news_modal_rel{
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #d5d5d5;

}
.news_modal_rel .news_prev_next li a{
    display:inline-block;
    width:95%;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;
}
.news_modal_rel .news_prev_next li .ft_nx{
    margin-right:15px;
    font-weight:bold;
}
.news_modal_rel .news_prev_next .rel_prev .ft_nx:before{
    content:'';
    display:inline-block;
    width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 10px solid #555;
    margin-right:7px;
}
.news_modal_rel .news_prev_next .rel_next .ft_nx:before{
    content:'';
    display:inline-block;
    width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 10px solid #555;
    margin-right:7px;
}
/* 오시는 길 */
.location-wrap .map-wrap{
    border:1px solid #ccc; 
    background:#f7f7f7;
    height:410px;
    margin-bottom:20px;
    overflow:hidden;

}
.location-wrap .map-wrap .map-image{ 
   width:100%;
   height:100%;
   background:url(../images/map_image.jpg) no-repeat 51% 40%;
}
/*.location-wrap .table caption{
    visibility:visible;
    overflow: visible;
    padding:initial;
    margin:initial;
    margin-bottom:10px;
    font-size:20px;
    text-align:left;
    color:#565656;
    font-weight:600;
    width: auto;
    height: auto;
    line-height: initial;
}*/
.location-wrap .table caption{
    visibility:visible;
    overflow: visible;
    padding:0;
    margin:0;
    margin-bottom:10px;
    font-size:20px;
    text-align:left;
    color:#565656;
    font-weight:600;
    width: auto;
    height: 27px;
    line-height: 27px;
}
.location-wrap .table {
    border:0 none;
    border-top: 1px solid #010101}
.location-wrap .table th{
    width:70px;
    font-weight:normal;
}
.location-wrap .table th,
.location-wrap .table td{
    padding:17px 10px;
}
.location-wrap .table thead > tr > th, 
.location-wrap .table tbody > tr > th, 
.location-wrap .table thead > tr > td, 
.location-wrap .table tbody > tr > td{
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 0 none;
    border-bottom: 1px solid #dddddd;
}
.table-wrap table caption{
    line-height:20px;
}

/*반응형*/
@media (max-width: 450px) {

    .main-visual .main-title {
        top:30%;
    }

    #nav {
        margin-top: -96px;
    }

    .main-visual .scroll-wrap{
       bottom:140px;
    }

    .main-visual .main-title {
        left: 10%;
        width: 80%;
        margin-top: -100px;
        margin-left: 0%;
    }
    .main-visual .main-title > img{
        display:none;
    }
    .main-visual .deco-green {
        margin-left:-40px;
        margin-bottom:-45px;
    }
    .main-visual .deco-blue {
        margin-top: -40px;
        margin-right: -22px;
    }
    .main-visual .main-title h1{
        margin-bottom:15px;
        font-size:28px;
        letter-spacing:-3px;
    }
    .main-visual .main-title h1 img {width:39px;}
    .main-visual .main-title p{
        font-size:26px;
        line-height:36px;
    }
    .main-visual .main-title p .text-impact{font-size:27px;}
    .main-visual .main-title .no-xs{display:none;}
    .main-visual .main-title .xs{
        display:inline-block;
        letter-spacing:-3px;
    }
    .sub-wrap{padding-top:50px;}
    .title-wrap h1{
        padding-bottom:15px;
        font-size:30px;
    }
    .purpose-wrap .title-wrap p{font-size:18px;}
    .nav-content-wrap .nav-wrap .nav> li{float:left;width:50%;}
    .nav-content-wrap .nav-wrap .nav> a{display:block;}
    .nav-wrap nav a{padding: 8px 20px;}
    .table-responsive {border: 0 none;}
    .purpose-box-wrap .col-md-4{ padding-bottom:10px;}
    .nav-wrap nav a{
        display: block;
        float:left;
        width:50%;
    }
    .business .nav > li{
        margin:0;
        margin-top:-1px;

    }
    .business .nav > li > a{
        font-size:17px;
    }

    .business-content-wrap .nav-tabs.nav-justified > li > a{
        border-radius:0;
        border-bottom:1px solid #d5d5d5;
    }
    .business .nav-tabs > li.active > a, .business .nav-tabs > li.active > a:hover, .business .nav-tabs > li.active > a:focus{        
        border-radius:0;
        border:none;
        background-color:#374e7e;
        color:#fff;
    }
    .business .purpose-tab li {
        padding:25px 0px;
        color:#000;
    }
    .business .purpose-tab li::before{
        /*left:50%;
        margin-left:-60px;*/
        display:none;
    }
    .table.bbs{
      min-width: 550px;
    }
    .business .tab-content .tab-pane > p {
    font-size:16px;
    padding:20px;
    }
    .purpose-wrap .purpose-text {
    padding: 45px 30px;
    font-size: 15px;
    line-height:24px;
    }
    .business .tab-content .tab-pane > p {
    margin-top: 25px;
    padding: 35px;
    background: #f2f5f7;
    color: #000;
}
}
@media (min-width: 451px) and (max-width: 767px) {
   /*body{background:#d31cff}*/
    .main-visual .main-title{
        width:80%;
        left:10%;
        margin-top:-100px;
        margin-left:0%;
    }
    .main-visual .main-title img{
        width:70px;
    }
    .main-visual .deco-green {
        margin-left:-40px;
        margin-bottom:-45px;
    }
    .main-visual .deco-blue {
        margin-top: -40px;
        margin-right: -38px;
    }
    .main-visual .main-title h1{
        margin-bottom:15px;
        font-size:28px;
    }
    .main-visual .main-title h1 img {width:39px;}
    .main-visual .main-title p{
        font-size:24px;
        line-height:36px;
        letter-spacing:-2px;
    }
    .main-visual .main-title p .text-impact{font-size:28px;}
    .main-visual .main-title .no-xs{display:none;}
    .main-visual .main-title .xs{display:inline-block;}
    .title-wrap h1{
        padding-bottom:15px;
        font-size:24px;
    }
    .nav-content-wrap .nav-wrap .nav a{
        padding: 8px 15px;
    }
    .table-responsive {border: 0 none;}
    .purpose-box-wrap .col-md-4{ padding-bottom:30px;}
    
    .business .nav > li{
        margin:0;
        margin-top:-1px;
    }
    .business-content-wrap .nav-tabs.nav-justified > li > a{
        border-radius:0;
        border-bottom:1px solid #d5d5d5;
    }
    .business .nav-tabs > li.active > a, .business .nav-tabs > li.active > a:hover, .business .nav-tabs > li.active > a:focus{        
        border-radius:0;
        border:none;
        background-color:#374e7e;
        color:#fff;
    }
    .table.bbs{
      min-width: 550px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /*body{background:red;}*/
    .main-visual .main-title{margin-left:-292px;}
    .main-visual .deco-green{left:10px;}
    .main-visual .deco-blue{right:10px;}
    .main-visual .main-title img{width:90px;}
    .main-visual .main-title h1{font-size:32px;}
    .main-visual .main-title h1 img {width:44px;}
    .main-visual .main-title p{font-size:28px;}
    .main-visual .main-title p .text-impact{font-size:32px;}
    .title-wrap h1{
        padding-bottom:20px;
        font-size:28px;
    }
    .purpose-box-wrap .col-md-4{ padding-bottom:20px;}



}





@media (min-width: 992px) and (max-width: 1199px) {
    /*body{background:green;}*/
    .main-visual .main-title{margin-left:-325px;}
    .main-visual .main-title img{width:100px;}
    .main-visual .main-title h1{font-size:36px;}
    .main-visual .main-title h1 img {width:49px;}
    .main-visual .main-title p{font-size:30px;}
    .main-visual .main-title p .text-impact{font-size:36px;}
    .main-visual .deco-green{left:100px;}
    .main-visual .deco-blue{right:100px;}
    .title-wrap h1{font-size:30px;}
    /*.purpose-wrap .purpose-box{height:300px;}*/
    .location-wrap .map-wrap{height:445px;}
}

/*1200이상*/
@media (min-width: 1200px) {   
}

/* 카피라이터 */
footer{
    padding:10px 0 30px;
    text-align:center;
    color:#363636;
}

@media (max-width: 991px) {
    /* 재단설립취지 마우스오버 스타일 시작 */
    .purpose-wrap .purpose-box .purpose-cover  { 
        background:rgba(0, 0, 0, 0.40); 
    }
    .purpose-wrap .purpose-box .purpose-cover a{
        background:none;
        margin-top:-100px;

    }
    .purpose-wrap .purpose-box .purpose-cover:hover a{
            margin-top: -100px;
    }
    .purpose-wrap .purpose-box .purpose-cover p,
    .purpose-wrap .purpose-box .purpose-cover p,
    .purpose-wrap .purpose-box .purpose-cover p
    {
        display:block;
        padding: 5px 0; 
        margin:0 7px;

    }
    .purpose-wrap .purpose-box .purpose-cover:hover p,
    .purpose-wrap .purpose-box .purpose-cover:active p,
    .purpose-wrap .purpose-box .purpose-cover:focus p
    {

        padding: 5px 0; 


    }
    /* 재단설립취지 마우스오버 스타일 끝 */
    .purpose-wrap .purpose-box{
        height:250px;
        min-height:250px;
        padding-top:0;
    }
    .purpose-wrap .purpose-box a {
        text-align: left;
    }


    .notice-wrap .notice-list-box .card-box {
         margin-bottom: 30px; 
    }


}

/* 공지사항 모달창 */
.bbs-wrap .w-no, .bbs-wrap .w-file{ width: 70px; }
.bbs-wrap .w-hit { width: 90px; }
.bbs-wrap .w-date, .bbs-wrap .w-category { width: 110px; }
.bbs-wrap .w-category-lbl { width: 62px; }

.bbs-wrap .text-left {text-align: left !important;}

.bbs-wrap .modal-header {
    min-height: 16.428571429px;
    padding: 15px;
    border-bottom: 0 none !important;
}
/* bbs list */

.table.bbs{
    border-top: 2px solid #304a76 !important;
    border-bottom: 1px solid #ddd;
}

.table.bbs .fa.arr{
    padding-left: 10px;
    color: #777;
}

.table.bbs .nodata{
    color: #777;
}

.table.bbs .category{
    padding-right: 5px;
    font-weight: bold;
}

.table.bbs a.subj{
    display: block;
    width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.table.bbs > thead > tr > th, 
.table.bbs > tbody > tr > th, 
.table.bbs > thead > tr > td, 
.table.bbs > tbody > tr > td{
    padding:8px;
    border-top: 1px solid #ddd;
    vertical-align: middle;
    text-align: center;
}

.table.bbs > tbody > tr > th{
    font-weight: bold;
    text-align: center;
    background: #e1e6ef;
}

.table.bbs > thead > tr > th{
    background: #e1e6ef;
    border-bottom: 1px solid #777;
    text-align: center;
}

.table.bbs > thead > tr > th:first-child span{
    border-left: 0 none;
}

.table.bbs > thead > tr > th span{
    display: block;
    width: 100%;
    border-left: 1px solid #ddd;
}

@media (max-width:767px) and (min-width:0px){
    .table.bbs a.subj, .table.bbs.news a.subj{
        width: 250px;
    }
    .nav-tabs.nav-justified > li > a { margin-bottom: 0; }
}

.list-title {
    padding:8px 5px;
}
/* 페이징 */
.bbs-pager{
    margin: 0 auto;
    text-align: center;
}
.bbs-pager > .pagination{
    margin: 15px 0;
}
.bbs-pager > .pagination > li > a, 
.bbs-pager > .pagination > li > span{
    padding: 5px 10px;
    border: 0 none;
    color: #000;
    border-radius: 0;
    font-size: 12px;
}
.bbs-pager > .pagination > li > a:hover, 
.bbs-pager > .pagination > li > span:hover, 
.bbs-pager > .pagination > li > a:focus, .bbs-pager > .pagination > li > span:focus{
    color: #666;
    background-color: #fff;
    border-color: #fff;
}
.bbs-pager > .pagination > .active > a, 
.bbs-pager > .pagination > .active > span, 
.bbs-pager > .pagination > .active > a:hover, 
.bbs-pager > .pagination > .active > span:hover, 
.bbs-pager > .pagination > .active > a:focus, 
.bbs-pager > .pagination > .active > span:focus{
    color: #fff;
    background-color: #7b8b98;
    border-color: #7b8b98;
}
.bbs-btnwrap{
    padding-bottom: 20px;
    text-align: right;
}
.bbs-btnwrap .btn-primary + .btn-primary{
    margin-left: 0;
}


/*공지사항 센터 정렬 소스*/
.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    float: none;
    margin-right: -4px;
    text-align: left;
}

@media (max-width: 450px) {
    .col-centered{
        display:block;
    }
}