@charset "UTF-8";

/*animation*/
@keyframes fadeUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeUp {
    -webkit-animation-name: fadeUp;
    animation-name: fadeUp;
    animation: fadeUp .6s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .3s;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
  
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation: fadeInUp .8s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .2s;
}

.fadeInUp.fast {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation: fadeInUp .6s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .2s;
}

.fadeInUp.fast-delay {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation: fadeInUp .6s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .4s;
}

.fadeInUp.fast-delay2 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation: fadeInUp .6s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: 1s;
}

.fadeInUp.fast-delay3-1 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation: fadeInUp .6s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: 1s;
}

.fadeInUp.fast-delay3-2 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation: fadeInUp .6s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: 1.2s;
}

.fadeInUp.fast-delay3-3 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation: fadeInUp .6s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: 1.4s;
}

.fadeInUp.delay {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation: fadeInUp 1s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .6s;
}

.fadeInUp.delay2-1 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation: fadeInUp 1s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .5s;
}
.fadeInUp.delay2-2 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation: fadeInUp 1s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .7s;
}
.fadeInUp.delay2-3 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation: fadeInUp 1s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .9s;
}
.fadeInUp.delay2-4 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation: fadeInUp 1s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: 1.1s;
}
.fadeInUp.delay2-5 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation: fadeInUp 1s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: 1.3s;
}
.fadeInUp.delay2-6 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation: fadeInUp 1s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: 1.5s;
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        transform: translateX(-50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    animation: fadeInRight 1s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .3s;
}
.fadeInRight.delay {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    animation: fadeInRight 1s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .6s;
}
.fadeInRight.delay2 {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    animation: fadeInRight 1s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .9s;
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    animation: fadeInLeft 1s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .3s;
}
.fadeInLeft.delay {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    animation: fadeInLeft 1s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .6s;
}
.fadeInLeft.delay2 {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    animation: fadeInLeft 1s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .9s;
}
/*animation end*/

#container {padding-bottom: 160px;}

/*language*/
.lang-sel .lang {color: #D0D0D0;}
.lang-sel .lang.on {color: #fff;}
.lang-sel .lang-line {color: #D0D0D0;}
.lang-sel .lang.active {color: #757575;}
.lang-sel .lang.on.active {color: var(--color-blue);}
.lang-sel .lang-line.active {color: #888888;}
.hd_wrap.on .lang-sel .lang.on {color: var(--color-blue);}

/*sub head*/
#hd_wrap {border-bottom: 1px solid rgba(255,255,255,0.5);}
#hd_wrap.on {border-bottom: 1px solid #BABABA; background-color: #fff;}
.gnb_1da {color: #fff;}
#gnb .gnb_1dli:hover > a {color: #fff; text-decoration: underline; text-underline-offset: 4px;}
.hd_wrap.active #gnb .gnb_1dli:hover > a {text-decoration: unset;}
.hd_wrap.active #gnb .gnb_1dli:hover > a {color: var(--color-blue);}
.aply-btn {background-color: #fff; color: #292929; max-width: 190px;}
.aply-btn:hover {border: 1px solid var(--color-blue); background-color: var(--color-blue); color: #fff; background-image: unset;}
.hd_wrap.on .aply-btn:hover {background-image: unset; background-color: unset; color: var(--color-blue); text-decoration: underline; text-underline-offset: 4px;}
.hd_wrap.active .aply-btn:hover {border: 1px solid var(--color-blue); background-color: #fff; color: var(--color-blue);}
.menu-btn span, .menu-btn span:before, .menu-btn span:after {background: #fff;}

/*sub head 스크롤시*/
#hd_wrap.active {border-bottom: 0;}
.sub.active .gnb_1da {color: #000;}
.sub.active .aply-btn {background-color: #0B85EF; color: #fff; background-image: unset; transition: .2s;}

/*sub head loca*/
.top-wrap {height: 500px; background-repeat: no-repeat; background-position: center; background-image: url("../../images/cmn/company-bg.png"); background-size: cover; position: relative;}
/* .top-wrap.company {background-image: url("../../images/cmn/company-bg.png");} */
.top-wrap.news {background-image: url("../../images/cmn/news-bg.png");}
.top-wrap.submit {background-image: url("../../images/cmn/submit-bg.png");}
.top-wrap.business {background-image: url("../../images/cmn/business-bg.png");}

.top-wrap .inner {width: 100%; height: 100%;}
.top-loca-wrap {position: absolute; top: 50%; transform: translateY(-50%);}
.top-loca-wrap .top-loca {display: flex; align-items: center;}
.top-loca-wrap .top-loca i {margin-right: 7.5px;}
.top-loca-wrap .top-loca p {font-size: 1.25em; font-weight: 600; color: #fff;}
.top-loca-wrap .top-loca p {text-transform: capitalize;}
.top-loca-wrap .top-loca p.arrow {margin: 0 14px;}
.top-loca-wrap .top-name {font-size: 3.125em; font-weight: 800; color: #fff; margin-top: 20px;}

/* .top-wrap.news .top-loca-list {background: #458DC8;}
.top-wrap.submit .top-loca-list {background: #133C7E;} */
.top-loca-list {position: absolute; bottom: 0; left: 0; width: 100%; height: 80px; background: #fff; display: flex; align-items: center; justify-content: center; z-index: 3; border-bottom: 1px solid #E4E4E4;}
.top-loca-list > ul {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; margin: 0 -45px;}
.top-loca-list > ul > li {margin: 0 45px;}
.top-loca-list > ul > li a {font-size: 1.5em; font-weight: 500; color: rgba(255,255,255,0.7);}
.top-loca-list > ul > li a.active {font-weight: 700; text-decoration: underline; text-underline-offset: 2px; color: #fff;}

/*gnb2*/
.pad-gnb2 {display: none;}
.gnb2 {width: 100%; max-width: calc(1720px + 80px); padding: 0 40px;}
.home_btn {display: none;}
.location_ul .location_li {display: block;}
.location_ul .location_li:not(.active) {display: none;}
.location_ul .location_li.action {display: block;}
.location_ul .location_li.news {display: flex; justify-content: center;}
.location_ul .location_li.news .location_ul2 .location_li2 a {font-weight: 700; text-decoration: underline; text-underline-offset: 2px;}
.location_ul .location_li.privacy {display: flex; justify-content: center;}
.location_ul .location_li.privacy .location_ul2 .location_li2 a.active {font-weight: 700; text-decoration: underline; text-underline-offset: 2px;}

.location_ul2 {display: flex; align-items: center; justify-content: center; margin: 0 -42px;}
.location_ul2 .location_li2 {margin: 0 42px;}
.location_ul2 .location_li2 a {font-size: 1.25em; font-weight: 500; color: rgba(0,0,0,0.7); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.location_ul2 .location_li2.active a {font-weight: 700; text-decoration: underline; text-underline-offset: 2px; color: rgba(0,0,0,1);}
.location_ul2 .location_li2.news a.active {color: var(--color-blue); font-weight: 600; text-decoration: underline;}

.gnb2.business .location_ul2 {display: flex; align-items: center; justify-content: center; margin: 0;}
.gnb2.business .location_ul2 .location_li2 {margin: 0 22px; word-break: keep-all; text-align: center;}

/*sub-page-top*/
.sub-page-top {text-align: center;}
.sub-page-top .sub-tit {font-size: 2.5em; font-weight: 700; margin-bottom: 15px; overflow: hidden;}
.sub-page-top .sub-tit2 {font-size: 1.5em; font-weight: 700; color: var(--color-blue); overflow: hidden;}
.sub-page-top .sub-tit p, .sub-page-top .sub-tit2 p {word-break: keep-all;}

/* 개인정보처리방침 버튼 */
.privacy-box {
    display: none;
    background: #ffffff;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    position: relative;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    background: #F7F7F7;
    color: #000;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
}
.privacy-box .privacy-cont {
    overflow-y: scroll;
    padding: 0 20px;
    max-height: 250px;
    margin-right: 8px;
    cursor: text;
    line-height: 1.5;
}
.privacy-box .privacy-cont::-webkit-scrollbar { width:5px; height:5px; background: transparent;}
.privacy-box .privacy-cont::-webkit-scrollbar-thumb { background:#a7a7a7; }


@media screen and (min-width: 1281px){
    .location_ul2 .location_li2 a:hover {color: rgba(0,0,0,1);}
}


@media screen and (max-width: 1280px) {
    #container {padding-bottom: 120px;}

    #hd_wrap.active.on {border-bottom: 1px solid #BABABA;}
    .hd_wrap.on .menu-btn span:before, .hd_wrap.on .menu-btn span:after, .sub.active .menu-btn span, .sub.active .menu-btn span:before, .sub.active .menu-btn span:after {background-color: var(--color-blue);}
    .hd_wrap.on .menu-btn span {background: transparent;}
    .gnb_1da {color: #000;}
    #gnb .gnb_1dli:hover > a {color: var(--color-blue); text-decoration: unset;}
    .aply-btn {color: #000;}
    .hd_wrap.on .aply-btn:hover {text-decoration: unset;}
    .sub.active .aply-btn {background-color: #fff; color: #000;}
    .sub.active .aply-btn:hover {color: var(--color-blue);}
    .sub-page-top .sub-tit {font-size: 2.5em;}

    .top-wrap {height: 350px;}
    .top-loca-wrap .top-name {font-size: 2.5em;}
    .top-loca-wrap .top-loca p {font-size: 1em;}

    /*gnb2*/
    .pc-gnb2 {display: none;}
    .pad-gnb2 {display: flex; background-color: unset !important; height: 60px;}
    .gnb2 .location_ul {display: flex; align-items: center;}
    .top_list {width: 100%; max-width: 230px; height: 60px; border-radius: 10px 0 0 0; background-color: #fff; transform: translateY(-0.15px);}
    .top_list2 {width: 100%; max-width: 240px; height: 60px; border-radius: 0 10px 0 0; background-color: #fff; transform: translateY(-0.15px) translateX(0.15px);}
    .top_list > a, .top_list2 > a {padding: 0 20px; width: 100%; height: 100%; display: flex; align-items: center; position: relative; word-break: keep-all;}
    .top_list > a::before, .top_list > a::after, .top_list2 > a::before, .top_list2 > a::after {content: ''; position: absolute; height: 2px; width: 9px; background: #000; display: block; transition: all .3s; cursor: pointer; top: 50%; right: 20px;}
    .top_list > a::before, .top_list2 > a::before { transform: rotate(45deg); }
    .top_list > a::after, .top_list2 > a::after { transform: rotate(-45deg); margin-right: -5px; }
    .top_list > a.active::before, .top_list2 > a.active::before { transform: rotate(-45deg); }
    .top_list > a.active::after, .top_list2 > a.active::after { transform: rotate(45deg); }
    .top_list > a.privacy::before, .top_list > a.privacy::after {content: unset;}

    .location_ul1 {display: none; background-color: #fff; border-radius: 0 0 10px 10px; box-shadow: 0px 3px 6px rgba(0,0,0,0.1);}
    .location_ul1 li {margin: 0 20px;}
    .location_ul1 li a {display: flex; width: 100%; padding: 15px 0;}
    .location_ul1 li a:hover {color: var(--color-blue);}
    .location_ul1 li:not(:last-child) {border-bottom: 1px solid rgba(0,0,0,0.1);}
    .location_ul1 li.active a {color: var(--color-blue); font-weight: 600; text-decoration: underline; text-underline-offset: 3px;}
    .location_ul2.active.action {display: none; background-color: #fff; border-radius: 0 0 10px 10px; box-shadow: 0px 3px 6px rgba(0,0,0,0.1);}
    .location_ul2:not(.active) {display: none;}
    .location_ul2 {flex-direction: column; margin: 0;}
    .location_ul2 .location_li2 {margin: 0 20px;}
    .location_ul2 .location_li2:not(:last-child) {border-bottom: 1px solid rgba(0,0,0,0.1);}
    .location_ul2 .location_li2 a {font-size: 1em; font-weight: 400; color: #000; display: flex; width: 100%; padding: 15px 0; word-break: keep-all;}
    .location_ul2 .location_li2 a:hover {color: var(--color-blue);}
    .location_ul2 .location_li2.active a {color: var(--color-blue); font-weight: 600;}
    .gnb2.business .location_ul2 .location_li2 {text-align: left;}

    /* gnb2 business */
    .gnb2.business .location_ul2 {display: none;}

    /*gnb2 news*/
    .location_ul .location_li.news .location_ul2 .location_li2 a {color: #000; font-weight: 400; text-decoration: unset;}

}

@media screen and (max-width: 768px) {
    /*gnb2*/
    .gnb2 {padding: 0 20px;}
    .home_btn {display: flex; border-radius: 10px 0 0 0; background-color: var(--color-blue); width: 60px; height: 60px; background-image: url("../../../assets/images/cmn/ico-home.svg"); background-repeat: no-repeat; background-size: 20px 18px; background-position: center;}
    .home_btn.news {background-color: #458DC8;}
    .home_btn.submit {background-color: #133C7E;}
    .top_list {display: none;}
    .top-loca-wrap .top-loca p {font-size: 0.875em;}

    /*common*/
    #container {padding-bottom: 80px;}

    .top-wrap {height: 300px;}
    .top-loca-wrap .top-name {font-size: 1.875em; margin-top: 15px; word-break: keep-all;}
    .top-loca-wrap .top-loca p:last-child {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #fff; flex: 1;}
    .top-loca-wrap .top-loca p.arrow {margin: 0 12px;}

    .top-loca-list {height: 60px;}
    .location_ul2 .location_li2 a {padding: 12px 0;}

    .sub-page-top .sub-tit {font-size: 1.875em;}
    .sub-page-top .sub-tit2 {font-size: 1.125em;}
    .sub-page-top .sub-tit p {word-break: keep-all;}
}

@media screen and (max-width: 320px) {
    .menu-btn {width: 30px; height: 30px;}
    .menu-btn span {width: 24px;}
    .menu-btn span:before {top: -8px;}
    .menu-btn span:after {top: 8px;}
}

/*--------------------------------------------------------- bbs ---------------------------*/
/* 갤러리 목록 */
#bo_gall {}
#bo_gall h2 {}
#bo_gall #gall_ul {}
#bo_gall .gall_li {}
#bo_gall .gall_box {}
#bo_gall .gall_con {}

#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
#bo_gall .gall_img {border-radius: 20px;}
#bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice {display:block}
#bo_gall .gall_img img {max-width:100%;max-height: 100%;height:auto !important;margin: 0 auto;}
#bo_gall .gall_img span {}
#bo_gall .gall_img canvas{}
#bo_gall .gall_text_href {}
#bo_gall .gall_text_href a {}
#bo_gall .gall_text_href img {}
#bo_gall .bo_tit {}
#bo_gall .bo_tit .cnt_cmt {}

#bo_gall .bo_cnt {color:#acacac;line-height:18px}
#bo_gall .profile_img img {border-radius:50%}
#bo_gall .bo_tit .fa-download {width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle}
#bo_gall .bo_tit .fa-link {width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;font-weight:normal}
#bo_gall .bo_tit .fa-link {width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;margin-right:2px}
#bo_gall .bo_tit .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.825em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:baseline}
#bo_gall .bo_tit .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius:2px;vertical-align:middle;margin-right:2px}
#bo_gall .bo_tit .fa-lock {display:inline-block;line-height:16px;color:#999;text-align:center;vertical-align:middle}

#bo_gall .gall_info {}
#bo_gall .gall_info strong {}
#bo_gall .gall_info i {font-size:12px}
#bo_gall .gall_info .gall_date,
#bo_gall .gall_info .gall_view {}

#bo_gall .gall_option {position:absolute;top:10px;right:10px}
#bo_gall .gall_option strong {background:#fff;padding:5px 10px;border-radius:30px;-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
    box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}

/* 검색목록 */
/*sch-wrap*/
#bo_btn_top2 {display: flex; align-items: center; justify-content: end; margin-bottom: 30px;}
#bo_btn_top {display: flex; align-items: center; justify-content: space-between; padding-bottom: 25px; border-bottom: 1px solid #000;}
#bo_btn_top span {font-size: 1.5em;}
#bo_btn_top span b {color: var(--color-blue);}

.sch-wrap {display: flex;}
.sch-wrap select {border: none; border-bottom: 1px solid #E4E4E4; padding: 10px 0; font-size: 16px;}
.sch-wrap input {border: none; padding: 10px 0; font-size: 16px; color: #757575; width: 100%;}
/* .sch-wrap input[type=text]:focus, .sch-wrap textarea:focus, .sch-wrap select:focus {border: none !important; box-shadow: unset;} */
.sch-wrap .sch_bar {border-bottom: 1px solid #E4E4E4; margin-left: 20px; display: flex; align-items: center;}
.sch-wrap .sch_bar button {width: 30px; height: 30px; background-color: unset; border: none;}
.sch-wrap .sch_bar button i {background: url("../../../assets/images/cmn/ico-search2.svg");background-repeat: no-repeat;background-size:cover;display:inline-block;width:30px;height:30px;}

/*login-btn*/
.login-btn-wrap {display: flex; justify-content: end; margin-top: 30px;}
.login-btn-wrap .login-btn {width: fit-content; padding: 15px 25px; border-radius: 10px; border: 1px solid #000; background-color: unset;}


/* 게시판 읽기 */
#bo_v {}
#bo_v img{}
#bo_v header {display: flex; align-items: end; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #000;}

#bo_v_atc {min-height:200px;height:auto !important;height:200px; margin-top: 40px;}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_title .bo_v_tit {margin-top: 10px; margin-right: 40px; font-weight: 600; letter-spacing: -1px;}

#bo_v_img {width:fit-content; max-width:100%;overflow:hidden;zoom:1}
#bo_v_img a.view_image {display:block}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_con {margin:10px 0 30px;width:100%;line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;width: 100%;height:auto}

.profile_info_ct {display: flex; align-items: center; width: max-content;}
.profile_info_ct span {margin: 0 5px;}
#bo_v .ico-hit {background: url("../../../assets/images/ico/ico-hit.svg"); background-repeat: no-repeat; background-size: cover; display: inline-block; width: 25px; height: 25px;}
.go-list {display:flex; align-items: center; justify-content: center; width: 170px; height: 50px; border: 1px solid #000; border-radius: 3px; margin: 0 auto; color: #000; font-size: 1em; font-weight: 600;}

.bo_v_nb li {display: flex; align-items: center; position: relative; border-top: 1px solid #f1f1f1; padding: 13px; padding-right: 80px;}
.bo_v_nb li:last-child {border-bottom:1px solid #f1f1f1}
.bo_v_nb li:hover {background:#f6f6f6}
.bo_v_nb li i {font-size:13px;color:#b3b3b3;margin-left: 14px;}
.bo_v_nb li .nb_tit {display:inline-block;padding-right:30px;color:#000;flex: none;font-size: 0.875em;font-weight:600;}
.bo_v_nb li .nb_date {color:#b3b3b3;font-size: 0.875em; position: absolute; right: 13px; top: 50%; transform: translateY(-50%);}
.bo_v_nb li a {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 0.875em;}

/*쓰기*/
#bo_w {
    /* overflow: hidden; */
    position: relative;
    padding-top: 5px;
}
.bo_w_text__wrap {
    display: flex;
    padding: 0 24px;
}
.bo_w_text {
    width: 25%;
    position: relative;
}
.bo_w_num {position: absolute;width: 38px;height: 38px;background-color: #fff;border-radius: 100%;color: #fff;z-index: 1;left: 0;top: -70px;}
.bo_w_num:after {font-size: 18px;font-weight: 700;top: 0;left: -30%;position: absolute;font-family: 'gotham';}
.bo_w_num.num-1:after{content:'1'}
.bo_w_num.num-2:after{content:'2'}
.bo_w_num.num-3:after{content:'3'}
.bo_w_num.num-4:after{content:'4'}
.bo_w_text-ul {
    border-top: 1px solid #fff;
}
.bo_w_text-li {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #fff;
}
.bo_w_text-li label {
    width: 118px;
    height: 67px;
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
}
.bo_w_text-li input {
    width: calc(100% - 118px);
    height: 67px;
    font-size: 32px;
    font-weight: 500;
    color: #FF4E00;
    background-color: transparent;
    border: 0;
    background-image: none !important;
}
.bo_w_text-li input:focus,
.bo_w_text-li textarea:focus{
    box-shadow: none !important;
    border: 0 !important;
}
.bo_w_text-li textarea{
    width: calc(100% - 118px);
    font-size: 15px;
    font-weight: 500;
    color: #FF4E00;
    background-color: transparent;
    border: 0;
    background-image: none !important;
}
.bo_w_text-li.li-rowspan-4 {
    height: 269px;
}
.bo_w_text-li.li-rowspan-4 textarea{
    height: 269px;
}
.bo_w_text button{
    font-size: 32px;
    font-weight: 500;
    color: #fff;
    display: flex;
    width: 100%;
    height: 269px;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    cursor: none;
}
.bo_w_text button:hover{
    background-color: transparent;
}
.bo_w_text-info {
    margin-top: 90px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    font-family: 'gotham';
    text-align: center;
}



/*--------------------------------------------------------------------- 반응형 --------------------------*/
@media screen and (max-width: 1280px) {
    #bo_gall .gall_img img, #bo_gall .gall_img video {width: 100%;}
    
    #bo_v_title .bo_v_tit {font-size: 1.5em;}
    #bo_v_con p {font-size: 1em;}
    .sv_member, .bo_v_date, .profile_info_ct {font-size: 0.875em;}
}

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

}





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

    /*--------------------------------------------------------- MAIN ---------------------------*/
    .main-visual__pc{display:none}
    .main-visual__mo{display:block}

    /* 갤러리 목록 */
    #bo_gall .grid-sizer,
    #bo_gall .gall_li{width:100%}

    /* 게시판 읽기 */
    #bo_v {}
    #bo_v_title .bo_v_tit {font-size: 1.375em;}
    .profile_info_ct span {display: none;}
    #bo_v .ico-hit {margin-right: 5px;}
    #bo_v_con {min-height: 120px;}
    .bo_v_nb li {padding-right: 13px;}
    .bo_v_nb li .nb_date {display: none;}

    .hd.isDetail {
        height: 49px;
    }

    .hd.isDetail #hd_wrapper {
        display: none;
    }

    .sch-wrap, .sch-wrap .sch_bar {width: 100%;}


    /*쓰기*/
    #bo_w {
        margin-top: 300px;
    }
    .bo_w_text__wrap {flex-direction: column;padding: 0 14px;}
    .bo_w_text {width: 100%;padding-left: 28px;}
    .bo_w_text:not(:first-child){
        margin-left: 0;
        margin-top: 40px;
    }
    .bo_w_num {
        width: 14px;
        height: 14px;
        top: 0;
    }
    .bo_w_num:after {
        font-size: 5px;
    }

    .bo_w_text-li label {
        height: 25px;
        width: 84px;
        font-size: 7px;
    }
    .bo_w_text-li input {
        height: 25px;
        width: calc(100% - 84px);
        font-size: 12px;
    }

    .bo_w_text-li textarea{
        width: calc(100% - 84px);
        font-size: 8px;
    }
    .bo_w_text-li.li-rowspan-4 {
        height: 99px;
    }
    .bo_w_text-li.li-rowspan-4 textarea{
        height: 99px;
    }
    .bo_w_text button{
        height: 100px;
        font-size: 11px;
    }
    .bo_w_text-info {
        margin-top: 56px;
        font-size: 12px;
    }

    #bo_v_con p {font-size: 0.875em;}
    .bo_v_nb li {padding: 10px;}
    .bo_v_nb li .nb_tit {padding-right: 15px;}
    .bo_v_nb li i {margin-left: 12px;}
}