@charset "UTF-8";

.page-body-wrapper { padding-bottom:50px; }
.inner {
    max-width:1400px;
    margin:0 auto;
    padding: 0 var(--gutter);
}

.main-visual-text {  }


h2.section_tit {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 48px;
    letter-spacing: -1px;
    color: #000;
}
h2.section_tit i {
    color: var(--color-1);
}

.section1 {
    background-color:#F9FBFF;
    padding:50px 0;
}
.section1 .quick_wrap {
    width: 100%;
    margin-top: 75px;
}

.section1 .quick_wrap ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    flex-wrap: wrap;
}

.section1 .quick_wrap ul li {
}

.section1 .quick_wrap ul li a {
    display: block;
}

.section1 .quick_wrap ul li a .icon {
    width: 115px;
    height: 115px;
    background-color:#eceff5;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .2s ease-in;
}
.section1 .quick_wrap ul li a .icon  i {
    display:inline-block;
    width:100%;
    height:45px;
    background-repeat: no-repeat;
    background-position: center center;
}

.section1 .quick_wrap ul li a:hover .icon {
    background-color: var(--color-1);;
    border-radius: 50%;
    box-shadow: 5px 7px 5px 0px rgba(0, 0, 0, 0.2);
}

.section1 .quick_wrap ul li a .icon.icon1 i {
    background-image: url(../images/icn_main_quick01.svg);
}
.section1 .quick_wrap ul li a .icon.icon2 i {
    background-image: url(../images/icn_main_quick02.svg);
}
.section1 .quick_wrap ul li a .icon.icon3 i{
    background-image: url(../images/icn_main_quick03.svg);
}
.section1 .quick_wrap ul li a .icon.icon4 i{
    background-image: url(../images/icn_main_quick04.svg);
}
.section1 .quick_wrap ul li a .icon.icon5 i{
    background-image: url(../images/icn_main_quick05.svg);
}
.section1 .quick_wrap ul li a:hover .icon.icon1 i {
    background-image: url(../images/icn_main_quick01_w.svg);
}
.section1 .quick_wrap ul li a:hover .icon.icon2 i {
    background-image: url(../images/icn_main_quick02_w.svg);
}
.section1 .quick_wrap ul li a:hover .icon.icon3 i{
    background-image: url(../images/icn_main_quick03_w.svg);
}
.section1 .quick_wrap ul li a:hover .icon.icon4 i{
    background-image: url(../images/icn_main_quick04_w.svg);
}
.section1 .quick_wrap ul li a:hover .icon.icon5 i{
    background-image: url(../images/icn_main_quick05_w.svg);
}

.section1 .quick_wrap ul li a span {
    font-size: 16px;
    margin-top: 15px;
    display: block;
    text-align: center;
}



/* news */
.section2 {
    padding-top: 85px;
}

.section2 h2.section_tit {
    margin-bottom: 53px;
}

.section2 .inner-box {
    margin-bottom: 40px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.section2 .inner-box:first-child {
    padding-bottom: 327px;
}

.section2 .inner-box>div,
.section2 .inner-box>ul {
    width: calc(100% / 2 - 30px);
}

.section2 .inner-box .board-content,
.section2 .inner-box .board-more {
    display: none;
    position: absolute;
    left:0;
}

.section2 .inner-box .main_bbs_photo .board-more {
    display: block;
}

.section2 .inner-box .active .board-content,
.section2 .inner-box .active .board-more {
    display: block;
}

.section2 .inner-box .main_bbs_noti,
.section2 .inner-box .main_bbs_photo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 2px solid #000;
    position: relative;
}

.section2 .inner-box .board-title {
    padding: 0 25px;
    margin-bottom: 15px;
    position: relative;
}

.section2 .inner-box .n1 .board-title,
.section2 .inner-box .main_bbs_photo-board .board-title {
    padding-left: 10px;
}

.section2 .inner-box .board-item .board-title::before {
    content: "";
    width: 1px;
    height: 13px;
    background: #DBDBDB;
    position: absolute;
    top: calc(50% - 6px);
    right: 0px;
}

.section2 .inner-box .board-item:last-child .board-title::before {
    display: none;
}

.section2 .inner-box .board-title span {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: -1px;
    color: #767676;
}

.section2 .inner-box .active .board-title span,
.section2 .inner-box .main_bbs_photo-board .board-title span {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: -1px;
    color: #000000;
}

.section2 .inner-box .board-more {
    position: absolute;
    top: 5px;
    right: 0px;
    width: 26px;
    height: 26px;
    left:auto
}

.section2 .inner-box .board-more a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;

    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='12.35' width='1.3' height='26' fill='black'/%3E%3Crect x='26' y='12.35' width='1.3' height='26' transform='rotate(90 26 12.35)' fill='black'/%3E%3C/svg%3E%0A");

}

.board-item .board-content {
    width: 100%;
}

.board-item .board-content ul li {
    margin-top: 13px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 22px;
}

.board-item .board-content ul li a {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 30px;
;

}

.board-item .board-content ul li a strong {
    order: 2;
    display: block;
    width: 100%;
    white-space: nowrap;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -1px;
    color: #333333;
    padding: 22px 0;
    padding-left: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}
/* .board-item .board-content ul li:first-child a strong{font-weight: 900;} */
.board-item .board-content ul li a:hover strong,
.board-item .board-content ul li a:focus strong {font-weight: 700;}


.board-item .board-content ul li a strong::before {
    content: "";
    width: 1px;
    height: 25px;
    background: #DBDBDB;
    position: absolute;
    left: 0;
    top: calc(50% - 12px);

}

/* .board-item .board-content ul li:first-child {
  font-weight: 900;
} */

.board-item .board-content ul li a .date {
    order: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 60px;
    margin-right: 30px;
}

.board-item .board-content ul li a .date span {
    width: 100%;
    font-style: normal;
    font-weight: 900;
    font-size: 40px;
    line-height: 150%;
    text-align: left;
    letter-spacing: -1px;
    color: #000000;
    order: 1;
}

.board-item .board-content ul li a .date em {
    font-weight: 400;
    font-size: 14px;
    line-height: 10px;
    text-align: left;
    letter-spacing: -1px;
    color: #555555;
    order: 2;
}
.main_bbs_photo { }
.main_bbs_photo .item {margin:0 10px;border:1px solid #DBDBDB;border-radius:10px;width: calc(100% / 2 - 10px)}
.main_bbs_photo .item:first-child { margin-left:0;}
.main_bbs_photo .item:last-child { margin-right:0;}
.main_bbs_photo .item a {background-color: #fff;padding: 15px;display: flex;border-radius: 10px;box-sizing: border-box;flex-direction: column;align-items: flex-start;}
.main_bbs_photo .item a > * {display: block;}
.main_bbs_photo .item a > .img {
    position:relative;
    margin-bottom: 10px;
    background: #e2e2e2;
    min-height: 170px;border-radius: 10px;
    background-size: 130rem;
    background-position: 50% 50%;
    height: 185px;
    overflow: hidden;
    width: 100%;
}
.main_bbs_photo .item img {    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width:100%}
.main_bbs_photo .item strong {padding: 10px 0 10px;font-size: 19px;font-weight: 600;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;line-height: 1;}
.main_bbs_photo .item p {
    font-size:15px;
    color: #555;
    line-height:1.2;
    height: 3.4rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}



.section2 .inner-box .main_bbs_photo .board-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 27px 0px 0 0;
    height: 329px;
    width: 100%;
    border-bottom: 1px solid #fff;
}

.section2 .main_bbs_photo .board-content .thum {
    /* padding: 0 70px; */
    height: auto;
    display: block;
    /* width: calc(100% - 395px); */
    width: 185px;
}

.section2 .main_bbs_photo .board-content .thum_inner {
    width: 185px;
    margin: 0 auto;
    height: 100%;
    background: #2E6FEB;
    border-radius: 10px;
}

.section2 .main_bbs_photo .board-content .thum img {
    display: block;
    width: auto;
    height: 100%;
    transform: translate(-10px, -10px);
    border-radius: 10px;
}



.popupzone {
    position: relative;
}

.popupzone .slick-slide img {
}
.popupzone .sl-control {
    position: absolute;
    left: 42px;
    bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.popupzone .sl-control .dot ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.popupzone .sl-control .dot ul li {
    padding: 4px;
}

.popupzone .sl-control .dot ul li button {
    display: block;
    width: 8px;
    height: 8px;
    background: #B3BAC0;
    transition: all .4s;
    border-radius: 10px;
}

.popupzone .sl-control .dot ul li.slick-active button {
    background: #274ec1;
    width: 18px;
}

.popupzone .sl-control button {
    font-size: 0;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: center;
}

.popupzone .sl-control button.stop {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='3' height='10' fill='%23B3BAC0'/%3E%3Crect x='7' width='3' height='10' fill='%23B3BAC0'/%3E%3C/svg%3E%0A");
}

.popupzone .sl-control button.play {
    display: none;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10V0L10 5.5L0 10Z' fill='%23B3BAC0'/%3E%3C/svg%3E%0A");
}

.link_list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.link_list li {
    width: calc(100% / 2 - 7px);
}

.link_list li a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #eceff5;
    background-repeat: no-repeat;

    border: 1px solid #F6F6F7;
    border-radius: 10px;
    padding:35px 39px 35px;
    transition: all .3s;
}

.link_list li.n1 a {
    background-image: url("../images/icn_main_banner01.svg");
    background-size:70px;
    background-position: 90% 85%;

}

.link_list li.n2 a {
    background-image: url("../images/icn_main_banner02.svg");
    background-size:70px;
    background-position: 90% 85%;
}

.link_list li a:hover,
.link_list li a:focus {
    background-color: #fff;
    border: 1px solid #ddd;
}

.link_list li a strong {
    display: block;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: -1px;
    color: #000000;
    margin-bottom: 35px;
}

.link_list li a span {
    display: inline-block;
    position: relative;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 160%;
    letter-spacing: -1px;
    color: #555555;
    padding-bottom: 4px;
    border-bottom: 1px solid #494949;
    padding-right: 20px;
}

.link_list li a span::after {
    content: "";
    width: 8px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.000156403 10.59L4.58016 6L0.000156403 1.41L1.41016 0L7.41016 6L1.41016 12L0.000156403 10.59Z' fill='black'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: calc(50% - 7px);
    right: 0;
}
@media all and (min-width:1027px) and (max-width: 1260px) {

    .popupzone .img {
        height: 178px;
        display:block;
        position:relative;
    }
    .popupzone .slick-slide img {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
        height: 100%;
        width: auto;
        max-width: none;
        max-height: none;
    }
}

@media screen and (max-width: 1026px) {

    .section2 .inner-box:first-child>div {
        margin-bottom: 360px;
    }
    .section2 .inner-box {
        margin-bottom:0;
        flex-wrap: wrap;
    }
    .section2 .inner-box>div, .section2 .inner-box>ul{
        width:100%;
    }
    .section2 .inner-box:first-child {
        padding-bottom: 0;
    }
    .popupzone  {
        margin-top:30px;
    }


}



/******** sub ************/

/* 재단 소개 */
.about_wrap .inner_box{background: #F9FBFF;}
.about_wrap .inner_box .top_box{position:relative;margin:0 0 75px;}
.about_wrap .inner_box .top_box .about_wrap_img{position:relative;width:100%;height:330px;overflow:hidden;}
.about_wrap .inner_box .top_box .about_wrap_img img{position:absolute;left:50%;top:0;max-width:1000%;transform:translateX(-50%);}
.about_wrap .inner_box .top_box .about_wrap_title{position:absolute;top:auto;right:50px;bottom:-75px;padding:40px 30px 35px;width:365px;background:var(--color-1);;box-shadow: -17px 0px 21px 0px rgba(0, 0, 0, 0.15);}
.about_wrap .inner_box .top_box .about_wrap_title em{display:block;color:#ffffff;font-size:14px;font-family:'Noto Sans KR'}
.about_wrap .inner_box .top_box .about_wrap_title strong{display:block;position:relative;margin:34px 0 0;color:#fff;font-size:28px;line-height: 1.14;font-family: 'ChusaLove';}
.about_wrap .inner_box .top_box .about_wrap_title strong:after{content:'';display:block;position:absolute;left:0;top:-20px;width:24px;height:1px;background:rgba(255,255,255,0.2);}

.about_wrap .inner_box .bottom_box{padding:30px 60px 110px;}
.about_wrap .inner_box .bottom_box strong{display:block;margin:0 0 40px;font-size:27px;line-height:1.3;font-weight: bold;font-family:'Noto Sans KR'}
.about_wrap .inner_box .bottom_box strong span{color:var(--color-1);;font: inherit;}
.about_wrap .inner_box .bottom_box p{color:#555;font-size:16px;line-height: 1.87;letter-spacing: -0.025em;font-family:'Noto Sans KR'}
.about_wrap .inner_box .bottom_box p + p{margin-top:40px;}

@media(max-width:1023px){
    .about_wrap .inner_box .top_box .about_wrap_img{overflow:hidden;height:260px;}
    .about_wrap .inner_box .top_box .about_wrap_title{right:30px;}
}
@media (max-width:767px){
    .about_wrap .inner_box .top_box .about_wrap_title{width:90%;right:50%;bottom:-45px;transform: translateX(50%);}

    .about_wrap .inner_box .bottom_box{padding:0 30px 110px;}
    .about_wrap .inner_box .bottom_box strong{font-size:24px;}
}



/* 인사말 */
.greetings_wrap {position: relative;}
.greetings_wrap .greet_img {width: 100%;position: relative;}
.greetings_wrap .greet_img img {width: 100%;}
.greetings_wrap .greet_text {padding: 45px 50px 50px;position: relative;top: -80px;background-color: #fff;margin: 0 50px;}
.greetings_wrap .greet_text .title {position: relative;font-size: 30px;color: #444;line-height: 1.4;letter-spacing: -0.035em;padding-bottom: 30px;margin-bottom: 55px;}
.greetings_wrap .greet_text .title::before {position: absolute;content: '';width: 105px;height: 1px;background:var(--color-1);left: 0;bottom: 0;}
.greetings_wrap .greet_text .title em {color:var(--color-1); font-weight: bold;}
.greetings_wrap .greet_text .title span {display: block;}
.greetings_wrap .greet_text .txt p {margin: 30px 0 0; color: #444; font-size: 16px;}
@media (max-width:870px) {
    .greetings_wrap .greet_text .title span {display: inline;}
    .greetings_wrap .greet_text .title {font-size: 28px; padding-bottom: 20px; margin-bottom: 40px;}
    .greetings_wrap .greet_text {padding: 35px 20px 30px;margin: 0px 30px;}
}
@media (max-width:600px) {
    .greetings_wrap .greet_text {margin: 0;top: -40px;}
    .greetings_wrap .greet_text .title {font-size: 26px; margin-bottom: 30px;}
    .greetings_wrap .greet_text .txt p {margin: 20px 0 0;}

}

/*  연혁 */
.history_wrap .yearbox{position:relative; width:100%; min-height:630px; padding-left:300px; margin:115px 0 80px 0;}
.history_wrap .yearbox .head{position:absolute; left:0; top:0; width:270px; height:100%;}
.history_wrap .yearbox .head strong{display:block; position:relative; z-index:10; line-height:51px;font-weight:600; font-size:50px; color:#33373b;}
.history_wrap .yearbox .head p{position:relative; z-index:10; margin:20px 0 90px 0;}
.history_wrap .yearbox .head p span{display:inline-block; position:relative; line-height:34px; font-weight:400; font-size:24px; color:#33373b;}
.history_wrap .yearbox .head p span:last-child{color:#127ac7;}
.history_wrap .yearbox .head p span:after{content:""; display:block; position:absolute; left:0; bottom:2px; width:100%; height:1px; background-color:#33373b;}
.history_wrap .yearbox .head p span:last-child:after{display:none;}
.history_wrap .yearbox .head .boxs img{display:block; width:100%;}
.history_wrap .yearbox .head .boxs img:not(:nth-child(1)){margin-top:15px;}
.history_wrap .yearbox .midd{}
.history_wrap .yearbox .midd>ol{position:relative;}
.history_wrap .yearbox .midd>ol:before{content:""; display:block; position:absolute; left:12px; top:0; width:1px; height:100%; background-color:#ddd;}
.history_wrap .yearbox .midd>ol>li{position:relative;}
.history_wrap .yearbox .midd>ol>li:not(:nth-child(1)){padding-top:20px;}
.history_wrap .yearbox .midd>ol>li>strong{display:block; position:relative; line-height:24px; padding:5px 0 5px 50px;font-size:18px; color:var(--color-1);;}
.history_wrap .yearbox .midd>ol>li>strong:before,
.history_wrap .yearbox .midd>ol>li>strong:after{
    content:""; display:block; position:absolute; left:0; top:5px; width:24px; height:24px; background-color:var(--color-1);;
    border-radius:50%;
    -webkit-border-radius:50%;
}
.history_wrap .yearbox .midd>ol>li>strong:before{opacity:0.1;}
.history_wrap .yearbox .midd>ol>li>strong:after{
    transform:scale(0.3);
}
.history_wrap .yearbox .midd>ol>li>ol{padding-bottom:20px; margin:10px 0 0 50px;}
.history_wrap .yearbox .midd>ol>li:not(:last-child)>ol{border-bottom:1px dashed #ddd;}
.history_wrap .yearbox .midd>ol>li>ol>li{position:relative; padding-left:100px; margin:5px 0;}
.history_wrap .yearbox .midd>ol>li>ol>li>strong{display:block; line-height:26px; position:absolute; left:0; top:0;color:#596068;}
.history_wrap .yearbox .midd>ol>li>ol>li>p{line-height:26px; margin:0; color:#596068;}
@media all and (max-width: 900px){
    .history_wrap .yearbox{padding-left:320px;}
}
@media all and (max-width: 700px){
    .history_wrap .yearbox{padding-left:0; margin:40px 0;}
    .history_wrap .yearbox .head{position:relative; width:auto;}
    .history_wrap .yearbox .head p{width:260px; margin-bottom:30px;}
    .history_wrap .yearbox .head .boxs img{display:inline-block; width:auto; height:161px; vertical-align:top;}
    .history_wrap .yearbox .head .boxs img:not(:nth-child(1)){margin-top:0;}
    .history_wrap .yearbox .midd{margin-top:40px;}
}
@media all and (max-width: 600px){
    .history_wrap .yearbox .head .boxs:after{content:""; display:block; clear:both;}
    .history_wrap .yearbox .head .boxs img{display:block; float:left; width:49%; height:auto;}
    .history_wrap .yearbox .head .boxs img:nth-child(2){float:right;}
}
@media all and (max-width: 500px){
    .history_wrap .yearbox .head strong{line-height:41px; font-size:40px;}
    .history_wrap .yearbox .head p{margin:15px 0 20px 0;}
    .history_wrap .yearbox .head p span{line-height:29px; font-size:20px;}
    .history_wrap .yearbox .midd{margin-top:20px;}
    .history_wrap .yearbox .midd>ol>li>strong{padding-left:40px; font-size:16px;}
    .history_wrap .yearbox .midd>ol>li>ol{margin-left:40px;}
    .history_wrap .yearbox .midd>ol>li>ol>li>strong,
    .history_wrap .yearbox .midd>ol>li>ol>li>p{font-size:14px;}
}
@media all and (max-width: 500px){
    .history_wrap .yearbox .midd>ol>li>ol>li>strong{position: relative;}
    .history_wrap .yearbox .midd>ol>li>ol>li{padding-left: 0;}
}



/* 찾아오시는 길 */

/* 0102 area_map */
.map_inn {position: relative;}
.map_inn .location_info {width: 300px;height: 200px;background: var(--color-1);;color: #fff;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;justify-content: space-between;padding: 30px;box-shadow: -17px 0px 21px 0px rgba(0, 0, 0, 0.15);position: absolute;bottom: -100px;left: 50px;box-sizing: border-box;overflow: hidden;}
.map_inn .location_info i{color: #b9cbef;display: block;}
.map_inn .location_info b {font-size: 30px; line-height:1.2;z-index: 1;}
.location_dsc {margin-left: 380px;margin-top:20px;}
.location_dsc li {display: flex;font-size: 18px;flex-wrap: wrap;}
.location_dsc li b {color: #000;width: 100px;display: block;}
.location_dsc li p {width: calc(100% - 100px);}
.location_dsc li + li {padding-top: 20px;}
@media all and (max-width: 900px) {
    .location_dsc { margin-left:0; margin-top:150px; }

}
.side-border {position:relative;margin-bottom: 40px;}
.side-border:before {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:'';width:100%;height: calc(100% - 20px);border: 10px solid #eceff5;}
.side-border > div {width: calc(100% - 100px);margin:auto;background:#fff;position:relative;font-size: 0;}
.side-border .txt-center > * {display:inline-block;vertical-align:middle}
.side-border .txt-center .desc {width: calc(100% - 320px);text-align:left;/* margin-left: 330px; */font-size: 16px;padding-left: 30px;}
.side-border .txt-center .desc strong {font-size:2.2em;color:var(--color-1);display:block;margin-bottom: 20px;}
.side-border .txt-center .desc p {word-break:keep-all}
.side-border .txt-center > * {
    display: inline-block;
    vertical-align: middle;
    width: 320px;
}
.business-photo ul { display:flex;flex-wrap: wrap; margin-left:-20px }
.business-photo ul li { width: calc(100% / 2 - 20px); margin-left:20px; margin-bottom:20px;}
.business-photo ul li.full { width:100%; }

@media (max-width: 1026px) {
    .side-border .txt-center .img {display:block; margin:0 auto; }
    .side-border .txt-center .desc { width:100%; margin-left:0; }

}
@media (max-width: 600px) {
    .business-photo ul li{ width:100%; margin-left:0;}
    .side-border .txt-center .img {width:auto;}
}


.award_wrap{}
.award_wrap > ul{display:flex;flex-wrap: wrap;align-items: stretch;margin-left: -10px;justify-content: space-around;}
.award_wrap > ul > li{width: calc(100% / 4 - 20px);margin: 10px;}
.award_wrap > ul > li .chr-list{}
.award_wrap > ul > li .award_box:before{content:''; position: absolute; top:0; left:0; width:72%; background-color: var(--color-1);; height: 4px;}
.award_wrap > ul > li .award_box:after{content:''; position: absolute; top:0; right:0; width:28%; background-color: #9A854C; height: 4px;}
.award_box{padding: 30px 10px;border:1px solid #ddd;position: relative;text-align:center;height: 100%;}
.award_box dl dt{font-weight: 600; font-size: 16px; line-height: 24px;color:var(--color-1); margin-bottom:5px;}
.award_box dl dd{line-height: 30px;}
.award_box dl dd strong{font-weight: bold;font-size: 20px;}
.award_box span{font-size: 14px; line-height: 19px; display: block; margin-top:20px}
@media (max-width: 600px) {
    .award_wrap > ul > li{width: calc(100% / 2 - 20px)}

}



/* 열사 약력 */
.history_wrap2 .yearbox{position:relative; width:100%; min-height:630px; padding-left:300px; margin:115px 0 80px 0;}



.history_wrap2 .yearbox .head{position:absolute; left:0; top:0; width:270px;font-family::var(--font-2);}
.history_wrap2 .yearbox .head h3 { display:block; position:relative; z-index:10; line-height:51px;font-weight:600; font-size:50px; color:#33373b;font-family:var(--font-2);}
.history_wrap2 .yearbox .head h3 span { font-size:20px;}
.history_wrap2 .yearbox .head p{position:relative;font-family:var(--font-2); z-index:10; margin:20px 0 90px 0;}
.history_wrap2 .yearbox .head p span{display:inline-block; position:relative; line-height:34px; font-weight:400; font-size:24px; color:#33373b;}
.history_wrap2 .yearbox .head p span:last-child{color:#127ac7;}
.history_wrap2 .yearbox .head p span:after{content:""; display:block; position:absolute; left:0; bottom:2px; width:100%; height:1px; background-color:#33373b;}
.history_wrap2 .yearbox .head p span:last-child:after{display:none;}
.history_wrap2 .yearbox .head .boxs img{display:block; width:100%;}
.history_wrap2 .yearbox .head .boxs img:not(:nth-child(1)){margin-top:15px;}
.history_wrap2 .yearbox .head .img_box {
    transition: all 0.3s;
    width: 100%;
    padding-bottom: 100%;
    font-size: 0;
    background-image: url(../images/img_history2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-indent: -9999px;
    border-radius: 50%;
    z-index:-1;
}




.history_wrap2 .yearbox .midd{}
.history_wrap2 .yearbox .midd>ol{position:relative;}
.history_wrap2 .yearbox .midd>ol:before{content:""; display:block; position:absolute; left:12px; top:0; width:1px; height:100%; background-color:#ddd;}
.history_wrap2 .yearbox .midd>ol>li{position:relative;}
.history_wrap2 .yearbox .midd>ol>li:not(:nth-child(1)){padding-top:20px;}
.history_wrap2 .yearbox .midd>ol>li>strong{display:block; position:relative; font-family:var(--font-2);line-height:24px; padding:5px 0 5px 50px;font-size:24px; color:var(--color-1);;}
.history_wrap2 .yearbox .midd>ol>li>strong:before,
.history_wrap2 .yearbox .midd>ol>li>strong:after{
    content:""; display:block; position:absolute; left:0; top:5px; width:24px; height:24px; background-color:var(--color-1);;
    border-radius:50%;
    -webkit-border-radius:50%;
}
.history_wrap2 .yearbox .midd>ol>li>strong:before{opacity:0.1;}
.history_wrap2 .yearbox .midd>ol>li>strong:after{
    transform:scale(0.3);
}
.history_wrap2 .yearbox .midd>ol>li>ol{padding-bottom:20px; margin:10px 0 0 50px;}
.history_wrap2 .yearbox .midd>ol>li>ol>li{position:relative; margin:5px 0;}
.history_wrap2 .yearbox .midd>ol>li>ol>li>strong{display:block; line-height:26px; color:#596068;font-weight:400;}
.history_wrap2 .yearbox .midd>ol>li>ol>li>p{line-height:26px; margin:0; color:#596068;}
@media all and (max-width: 900px){
    .history_wrap2 .yearbox{padding-left:320px;}
}
@media all and (max-width: 700px){
    .history_wrap2 .yearbox{padding-left:0; margin:40px 0;}
    .history_wrap2 .yearbox .head{position:relative; width:auto;}
    .history_wrap2 .yearbox .head p{width:260px; margin-bottom:30px;}
    .history_wrap2 .yearbox .head .boxs img{display:inline-block; width:auto; height:161px; vertical-align:top;}
    .history_wrap2 .yearbox .head .boxs img:not(:nth-child(1)){margin-top:0;}
    .history_wrap2 .yearbox .midd{margin-top:40px;}
}
@media all and (max-width: 600px){
    .history_wrap2 .yearbox .head .boxs:after{content:""; display:block; clear:both;}
    .history_wrap2 .yearbox .head .boxs img{display:block; float:left; width:49%; height:auto;}
    .history_wrap2 .yearbox .head .boxs img:nth-child(2){float:right;}
}
@media all and (max-width: 500px){
    .history_wrap2 .yearbox .head strong{line-height:41px; font-size:40px;}
    .history_wrap2 .yearbox .head p{margin:15px 0 20px 0;}
    .history_wrap2 .yearbox .head p span{line-height:29px; font-size:20px;}
    .history_wrap2 .yearbox .midd{margin-top:20px;}
    .history_wrap2 .yearbox .midd>ol>li>strong{padding-left:40px; font-size:16px;}
    .history_wrap2 .yearbox .midd>ol>li>ol{margin-left:40px;}
    .history_wrap2 .yearbox .midd>ol>li>ol>li>strong,
    .history_wrap2 .yearbox .midd>ol>li>ol>li>p{font-size:14px;}
}
@media all and (max-width: 500px){
    .history_wrap2 .yearbox .midd>ol>li>ol>li>strong{position: relative;}
    .history_wrap2 .yearbox .midd>ol>li>ol>li{padding-left: 0;}
}


/*  육성목록 */
.sound_list{padding-bottom:15px;border-top: 2px solid var(--color-1);}
.sound_list:after{content:''; display:block; clear:both;}
.sound_list > li{width: 100%; flex-wrap: wrap;border-bottom: 1px solid #ddd;display: flex;justify-content: space-between;padding: 0 10px;align-items: center;}
.sound_list > li:nth-child(3n+2){}
.sound_list > li a{transition:all 0.3s ease 0s;position: relative;min-width: initial;width: 100%;}
.sound_list > li a > *{display:block;}
.sound_list > li a > *:not(.img):not(.state){}
.sound_list > li .img{transition:opacity 0.5s ease-out 0s;width: 300px;}
.sound_list > li .btn_sound {width: 150px; padding:5px 0;}
.sound_list > li .btn_sound .btn { padding:0; margin:0;}
.sound_list > li .btn_sound .btn i { display:inline-block; width: 20px; height: 20px; vertical-align:middle; margin-right:10px; background: url(../images/icn_sound.svg) no-repeat;    background-size: contain;   }
.sound_list > li .t_cont {    padding: 20px 30px 20px 0; padding: 20px 30px 20px 0;}
.sound_list > li .t_cont > em{opacity:1;line-height:27px;padding-bottom: 5px;border-width:0px 1px;font-size: 21px;letter-spacing:-1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: 600;color: #333;display: block;}
.sound_list > li a:hover .img,
.sound_list > li a:focus .img{opacity:0.7;}
.sound_list > li .desc{position:relative;min-height:25px;padding-bottom: 28px;border-top-width:0px;color:#999;line-height: 1.3;}
.sound_list > li .desc em{display:block;font-size: 16px;font-weight: 400;}
.sound_list > li .desc i{display:none; line-height:25px; padding-left:85px; text-align:right;}
.sound_list .none_data{float:none; width:100%; box-sizing:border-box; padding-top:40px; border-top:1px solid #eaecf1}

@media (max-width: 600px) {
    .sound_list > li a {padding-right: 20px;}
    .sound_list > li .img {position: relative;width:100%;top: inherit;right: inherit;height: 200px;}
    .sound_list > li { padding-bottom:20px;padding-right:10px;}
    .sound_list > li .t_cont { width:100%; padding-bottom:10px }
}






.support_title {
    display: block;
    width: 100%;
    background-color: #6493ef;
    background-repeat: no-repeat;
    border: 1px solid #F6F6F7;
    border-radius: 10px;
    padding: 35px 100px 35px;     background-image: url(../images/icn_main_banner02.svg);
    background-size: 70px;
    background-position: 98% 50%;  font-weight:bold; text-align:center; color:#fff;}
.support_list {  }
.support_list {overflow:hidden; margin-top:40px;}
.support_list li {float:left; width:31%; border:1px solid #ddd; margin-left:3%; margin-top:15px; box-sizing:border-box; text-align:center;}
.support_list li:nth-child(odd) { background-color:#f9f9f9 }
.support_list li:nth-child(3n+1) {margin-left:0;}
.support_list li .tit {margin:0 !important; padding:10px 0; text-align:center; font-weight:bold;border-bottom:1px dashed #ddd; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.support_list li .pay {margin:0 !important; padding:10px 0; text-align:center;}
.support_list li .pay span { }





.site-map{width: 100%; height: auto; position: relative; margin-top: 40px;}
.site-map .menu-block{width: 100%;height: auto;position: relative;display: flex;flex-wrap: wrap;}
.site-map .menu-block li{border-top: 2px var(--color-1) solid;width: calc(100% / 3 - 20px);margin: 0 10px;}
.site-map .menu-block li:nth-child(3n){margin-right:0px;}
.site-map .menu-block li >.menu-tit{color: var(--color-1);font-size: 20px;font-weight: 400;line-height: 45px;text-align: left;margin-bottom: 8px;border-bottom: 1px solid #ddd;text-align: center;}
.site-map .menu-block li >.menu-list{display: block; margin-left: 10px; width: auto; height: auto; position: relative;}
.site-map .menu-block li >.menu-list li{font-size: 16px; font-weight: 400; line-height: 34px; text-align: left; display: block; width: 100%; height: auto;  margin-bottom: 0px; border-top: 0px #009933 solid; margin: 0px 0px; padding: 0px;}
.site-map .menu-block li >.menu-list li::before{content: '-'; padding-right: 10px;}
.site-map .menu-block li >.menu-list li a{color: #000;}
.site-map .menu-block li >.menu-list li a:hover, .site-map .menu-block li >.menu-list li a:focus{color: #0099ec; text-decoration: underline;}
.site-map .menu-block li >.menu-list li.on{}
.site-map .menu-block li >.menu-list li.on a{color: var(--color-1); text-decoration: underline;}

@media (max-width: 600px) {
    .site-map .menu-block li{width: calc(100% / 2 - 20px)}

}
.wrap-login .row { max-width:inherit;}
.auth .brand-logo strong { font-size:40px; font-family: 'SangSangRock'; }

/************ 게시판 ***************/
/* 검색 */
.bbs_search {padding: 25px 20px;margin-bottom: 44px;font-size: 0;text-align: center;background: #f4f7f9;}
.bbs_search .category { display: inline-block;position: relative;width: 225px;  vertical-align: top; }
.bbs_search .category select { display:inline-block;margin-right:5px;}
.bbs_search .search { width: calc(100% - 245px); display: inline-block; position: relative;  vertical-align: top;}
.bbs_search a input {width:80%; margin: 0 145px;vertical-align: top;text-overflow: ellipsis;}
.bbs_search input {width:100%; margin: 0 15px;vertical-align: top;text-overflow: ellipsis;}
.bbs_search .button-body { margin-top:20px;}

.col_num {  width:60px;}
.col_title { }
.col_writer { width:100px; }
.col_date { width:120px; }
.col_access { width:60px; }

/* 갤러리 타입 */
.bbs_photo_list{padding-bottom:15px;}
.bbs_photo_list:after{content:''; display:block; clear:both;}
.bbs_photo_list > li{float:left; width:32%; margin-top:20px;}
.bbs_photo_list > li:nth-child(3n+2){margin:20px 2% 0;}
.bbs_photo_list > li a{display:block; transition:all 0.3s ease 0s;position: relative;}
.bbs_photo_list > li a > *{display:block;}
.bbs_photo_list > li a > *:not(.img):not(.state){background:#fff;}
.bbs_photo_list > li .img{overflow:hidden;position:relative;width:100%;padding-top: 66%;background: #f5f5f5 url(../images/board/no_image.gif) no-repeat 50% 50%;text-align:center;transition:opacity 0.5s ease-out 0s;}
.bbs_photo_list > li .img img{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); transition:all 0.5s ease-out 0s;}
.bbs_photo_list > li .img div{display:block; position:absolute; top:0px; left:50%; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transform:translateX(-50%); transition:all 0.5s ease-out 0s;}
.bbs_photo_list > li a > em{opacity:1;min-height:27px;line-height:27px;padding-top: 28px;padding-bottom: 12px;border-width:0px 1px;font-size: 21px;letter-spacing:-1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: 600;color: #333;}
.bbs_photo_list > li a:hover .img,
.bbs_photo_list > li a:focus .img{opacity:0.7;}
.bbs_photo_list > li .write{position:relative;min-height:25px;padding-bottom: 28px;border-top-width:0px;color:#999;}
.bbs_photo_list > li .write em{display:block;font-size: 16px;font-weight: 400;}
.bbs_photo_list > li .write i{display:none; line-height:25px; padding-left:85px; text-align:right;}
.bbs_photo_list .none_data{float:none; width:100%; box-sizing:border-box; padding-top:40px; border-top:1px solid #eaecf1}

/* 웹진 타입 */
.bbs_news_list{padding-bottom:15px;border-top: 2px solid var(--color-1);}
.bbs_news_list:after{content:''; display:block; clear:both;}
.bbs_news_list > li{width: 100%;border-bottom: 1px solid #ddd;}
.bbs_news_list > li:nth-child(3n+2){}
.bbs_news_list > li a{display:block;transition:all 0.3s ease 0s;position: relative;width: 100%;padding: 20px;padding-right: 300px;min-height: 230px;}
.bbs_news_list > li a > *{display:block;}
.bbs_news_list > li a > *:not(.img):not(.state){}
.bbs_news_list > li .img{position: absolute;
    top: 29px;
    right: 29px;
    width: 233px;
    height: 171px;
    border: 1px solid rgb(219, 219, 219);background: #f5f5f5 url(../images/board/no_image.gif) no-repeat 50% 50%;transition:opacity 0.5s ease-out 0s;}
.bbs_news_list > li .img img{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); transition:all 0.5s ease-out 0s;}
.bbs_news_list > li .img div{display:block; position:absolute; top:0px; left:50%; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transform:translateX(-50%); transition:all 0.5s ease-out 0s;}
.bbs_news_list > li .t_cont {}
.bbs_news_list > li .t_cont > em{opacity:1;min-height:27px;line-height:27px;padding-top: 28px;padding-bottom: 12px;border-width:0px 1px;font-size: 21px;letter-spacing:-1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: 600;color: #333;display: block;}
.bbs_news_list > li a:hover .img,
.bbs_news_list > li a:focus .img{opacity:0.7;}
.bbs_news_list > li .desc{position:relative;min-height:25px;padding-bottom: 28px;border-top-width:0px;color:#999;}
.bbs_news_list > li .desc em{display:block;font-size: 16px;font-weight: 400;}
.bbs_news_list > li .desc i{display:none; line-height:25px; padding-left:85px; text-align:right;}
.bbs_news_list .none_data{float:none; width:100%; box-sizing:border-box; padding-top:40px; border-top:1px solid #eaecf1}

@media (max-width: 600px) {
    .bbs_news_list > li a {padding-right: 20px;}
    .bbs_news_list > li .img {position: relative;width:100%;top: inherit;right: inherit;height: 200px;}

}

.bbs_view .btn_area, .bbs_write .btn_area { margin-top:30px; }
.bbs_view .btn_area ul, .bbs_write .btn_area ul  { display:flex;justify-content: flex-end;}
.bbs_view .btn_area li { }

/* 뷰 */
.bbs_view { padding-bottom:70px; }

.btn_area .right {  margin-left:auto;}
.bbs_view .view_title { padding:25px 15px; border-bottom:1px solid #000;  }
.bbs_view .view_title h3 { line-height:1; font-size:35px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.bbs_view .view_info { padding: 20px 15px; border-bottom:1px solid #ddd;}
.bbs_view .view_info:after  { content:""; display:block; clear:both;  }
.bbs_view .view_info .left { float:left; }
.bbs_view .view_info .right{ float:right; }
.bbs_view .view_info ul li { position:relative; float:left; margin:0 12px; color:#9c9c9c }
.bbs_view .view_info ul li:first-child   { margin-left:0; }
.bbs_view .view_info ul li:first-child:after { display:none; }
.bbs_view .view_info ul li strong { font-weight:500; }
.bbs_view .view_info ul li span { margin-right:7px; }
.bbs_view .view_info ul li:after { content:""; display:block; position:absolute; top:8px; left:-12px; width:1px; height:10px;  border-right:1px solid #ddd }
.bbs_view .view_content { min-height:300px; padding: 20px; border-bottom:1px solid #ddd; }
.bbs_view .view_file {margin-bottom: 60px;}
.bbs_view .view_file dl {display: table;width: 100%;border-bottom: 1px solid #ddd;}
.bbs_view .view_file dl .title {width: 110px;display:  table-cell;vertical-align: middle;text-align: center;color: #333;padding-left: 25px;background: url(../images/icn_view_file.png) no-repeat 12px center;}
.bbs_view .view_file dl .insert {display: table-cell;vertical-align: middle;padding: 10px 10px 10px 0;}
.bbs_view .view_file dl .insert a {display: block;color: #666;}
.bbs_view .view_file .no-file {color: #888;}

/* Write Update */
.required {
    width: 10px;
    position: relative;
    top: 6px;
    display: inline-block;
    background: url(../images/icn_mark.png) no-repeat;
    text-indent: -9999px;
}
.bbs_write {border-top: 2px solid #7c7c7c; margin-bottom: 40px;}
.bbs_write .form_row {display: table; width: 100%;border-bottom: 1px solid #dadada;}
.bbs_write .title {width: 200px; display: table-cell; vertical-align: middle; text-align: left; padding: 9px 15px; font-size: 15px; background: #f5f5f5;  color: #555;}
.bbs_write .insert {display: table-cell; vertical-align: middle; padding: 9px 20px; font-size: 14px;  color: #666;}
.bbs_write .insert.editor {padding: 12px 0 6px 0;}
.bbs_write .insert input[type="text"],
.bbs_write .insert input[type="password"] {border: 1px solid #dfdfdf; height: 30px; line-height: 30px; padding: 0 10px; }
.bbs_write .insert .long {width: 100%;}
.bbs_write .insert .space {margin-bottom: 10px;}
.bbs_write .insert .tarea {width: 100%; height:300px; font-size: 14px; color: #666;}
.bbs_write .insert .possible {font-size: 13px; color: #888; margin-top: 5px; text-transform: uppercase;}
.bbs_write .insert .ico-cal { padding-left: 30px; padding-right: 10px; background: url(../images/icon-cal.png) no-repeat left center;}
.bbs_write .insert .ico-cal.space {margin-left: 10px;}
.bbs_write .insert .switch {margin-top: 10px;}
.bbs_write .insert .file-select { font-size: 14px; color: #666; padding: 10px; height: 130px;}
.bbs_write .insert .one-line {overflow: hidden; background: #f5f5f5;  padding: 10px; border-radius:  7px;}
.bbs_write .insert .one-line li {float: left; margin-right: 10px; }
.bbs_write .insert .pass-form {margin-top: 10px;}
.bbs_write .insert .pass-form label {margin-right: 10px;}
.bbs_write .insert .sel-type { font-size: 14px; color: #888; border: 1px solid #dfdfdf; height: 30px; line-height: 29px; padding: 0 40px 0 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #ebebeb url(../images/arrow-search.png) no-repeat right center;}
.bbs_write .insert .line {display: inline-block;}
.bbs_write .insert .file_list {margin-top:4px;display: flex; justify-content: space-between; align-items: center;}
.bbs_write .insert .file_name {  }
.bbs_write .insert .file_button .btn {    padding: 0 1.6rem;}

@media all and (max-width: 768px) {
    .bbs_write .form_row  {display: block;}
    .bbs_write .title {display: block; width: 100%;}
    .bbs_write .insert {display: block; width: 100%; padding: 9px 0;}
    .bbs_write .insert .one-line {background: #fff; border: 1px solid #d1d1d1;}
}

@media all and (max-width: 480px) {
    .bbs_write .insert .line {display: block; margin: 5px 0;}
    .bbs_write .insert .ico-cal.space {margin-left: 0;}
}