@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 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation: fadeInUp 1s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .9s;
}

@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: 150px;}

/*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(--orange);}
.lang-sel .lang-line.active {color: #888888;}
.hd_wrap.on .lang-sel .lang.on {color: var(--orange);}

/*sub head*/
#hd_wrap {}
#hd_wrap.on {}
.gnb_1da {color: #fff;}
#gnb .gnb_1dli:hover > a {}
/* .hd_wrap.active #gnb .gnb_1dli:hover > a {text-decoration: unset;} */
.menu-btn span, .menu-btn span:before, .menu-btn span:after {background: #fff;}

/*sub head loca*/
.top-wrap {height: 300px; background-repeat: no-repeat; background-position: center; background-image: url("../../images/sub/sub-header3.png"); background-size: cover; position: relative; display: flex; align-items: center; justify-content: center;}
.top-wrap::before{content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.5);}
.top-wrap.nest {background-image: url("../../images/sub/sub-header3.png");}
.top-wrap.product {background-image: url("../../images/sub/sub-header3.png");}
.top-wrap.community {background-image: url("../../images/sub/sub-header3.png");}

.top-wrap .inner {width: 100%; height: 100%;}
.top-wrap .top-tit {font-size: 54px; font-weight: 700; color: #fff; padding-top: 100px; z-index: 1;}

.top-loca-list {position: absolute; top: calc(100% - 23px); left: 50%; transform: translateX(-50%); width: fit-content; height: 46px; padding: 0 180px; background: #fff; display: flex; align-items: center; justify-content: center; z-index: 3; border-radius: 10px; border: 1px solid var(--gray);}
.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;}
.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; width: max-content; grid-column-gap: 80px;}
.location_ul2 .location_li2 a {font-size: 1rem; font-weight: 500; color: #BABABA;}
.location_ul2 .location_li2.active a {font-weight: 700; color: var(--orange);}
.location_ul2 .location_li2.news a.active {color: var(--orange); font-weight: 600; text-decoration: underline;}

/*sub-page-top*/
.sub-page-top {text-align: center;}
.sub-page-top .sub-tit {font-size: 2.625em; font-weight: 700; margin-bottom: 15px; overflow: hidden;}
.sub-page-top .sub-tit2 {font-size: 1.75em; font-weight: 700; color: var(--orange); overflow: hidden;}

/* 개인정보처리방침 버튼 */
.privacy-box {
    display: none;
    background: #ffffff;
    border: 1px solid var(--gray);
    border-radius: 10px;
    box-sizing: border-box;
    position: relative;
    font-size: 0.875rem;
    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; border-radius: 10px; }

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

    #hd_wrap.active.on {border-bottom: 1px solid rgba(136, 136, 136, 0.3);}
    .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: #fff;}
    .hd_wrap.on .menu-btn.gnb_btn_active span:before, .hd_wrap.on .menu-btn.gnb_btn_active span:after {background: #494642;}
    .hd_wrap.on .menu-btn span {background: transparent;}

    /*gnb2*/
    .pc-gnb2 {display: none;}
    .pad-gnb2 {display: flex; height: fit-content; padding: 0; /*left: 40px; transform: unset;*/ box-shadow: 0px 3px 6px rgba(0,0,0,0.1); border: 0;}
    .gnb2 .location_ul {display: flex; align-items: center;}
    .top_list {width: 100%; max-width: 230px; height: 46px; border-radius: 10px 0 0 10px; background-color: #fff; /*transform: translateY(-0.15px);*/ transition: .4s; display: none;}
    .top_list2 {width: 100%; max-width: 336px; height: 40px; border-radius: 10px; background-color: #fff; /*transform: translateY(-0.15px) translateX(0.15px);*/ transition: .4s;}
    .top_list > a, .top_list2 > a {padding: 0 20px; width: 100%; min-width: 330px; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; word-break: keep-all; color: var(--orange); font-weight: 700;}
    .top_list > a::before, .top_list > a::after, .top_list2 > a::before, .top_list2 > a::after {content: ''; position: absolute; height: 2px; width: 9px; background: var(--orange); 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;}
    .top_list.active {border-radius: 10px 0 0 0;}
    .top_list2.active {border-radius: 10px 10px 0 0;}

    .location-wrap {height: 100%; display: flex;}
    .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(--orange);}
    .location_ul1 li:not(:last-child) {border-bottom: 1px solid rgba(0,0,0,0.1);}
    .location_ul1 li.active a {color: var(--orange); 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; width: 100%;}
    .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: 500; color: #BABABA; display: flex; justify-content: center; width: 100%; padding: 15px 0; word-break: keep-all;}
    .location_ul2 .location_li2.active a {display: none;}
    /* .location_ul2 .location_li2 a:hover {color: var(--orange);} */
    /* .location_ul2 .location_li2.active a {color: var(--orange); font-weight: 600; text-decoration: underline; text-underline-offset: 3px;} */
    .location_ul2 .location_li2 + .location_li2 {margin: 0 20px;}
    .gnb2.business .location_ul2 .location_li2 {text-align: left;}
    /* .location_ul1 li.active, .location_ul2 li.active {display: none;} */

    .top-wrap {height: 240px;}
    .top-wrap .top-tit {padding-top: 28px; font-size: 3rem;}
}

@media screen and (max-width: 768px) {
    /*gnb2*/
    .gnb2 {padding: 0; width: 100%;}
    /* .top-loca-list {width: calc(100% - 40px);} */
    .top-loca-list {width: 100%; max-width: 180px;}
    .top_list2 {max-width: 100%;}
    .top_list2 > a {min-width: 180px; font-size: 0.8rem;}
    .location_ul2 .location_li2 a {padding: 12px 0; font-size: 0.8rem;}
    .home_btn {display: flex; border-radius: 10px 0 0 10px; background-color: var(--orange); width: 56px; height: 46px; background-image: url("../../../assets/images/cmn/ico-home.svg"); background-repeat: no-repeat; background-size: 20px 18px; background-position: center; display: none;}
    .home_btn.submit {background-color: #133C7E;}
    .top_list {display: none;}

    .top-wrap {height: 170px;}
    .top-wrap .top-tit {padding-top: 14px; font-size: 2.125rem;}

    .privacy-box {margin-top: 10px;}
    .list-agree-check ul li .input-wrap label {margin-bottom: 10px;}

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

/*--------------------------------------------------------- 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 {}
#bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice {}
#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)}

/* 검색목록 */
#bo_btn_top {display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
#bo_btn_top .bo_list_tab {display: flex; align-items: center; grid-column-gap: 20px;}
#bo_btn_top .bo_list_tab a {font-size: 1rem; font-weight: 500; color: #BABABA; position: relative;}
#bo_btn_top .bo_list_tab a.active {font-weight: 700; color: #000;}
#bo_btn_top .bo_list_tab a + a::before {content: ''; width: 1px; height: 11px; background: var(--gray); position: absolute; top: 50%; left: -10px; transform: translateY(-50%);}

/*sch-wrap*/
.sch-wrap {display: flex; gap: 20px;}
.sch-wrap select {border: 1px solid var(--gray); border-radius: 10px; padding: 0px 16px; font-size: 1rem;; color: #757575; background-image: url("../../../assets/images/ico/ico_select_arr.svg"); background-position: 50%; background-repeat: no-repeat; background-position-x: calc(100% - 16px); background-size: 14px 14px; appearance: none; min-width: 130px; height: 45px;}
.sch-wrap input {border: none; border-radius: 10px; padding: 10px 16px; font-size: 1rem;; color: #757575; width: 100%; height: 43px;}
/* .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: 1px solid var(--gray); border-radius: 10px; display: flex; align-items: center; padding-right: 4px;}
.sch-wrap .sch_bar button {width: 40px; height: 40px; background-color: unset; border: none; flex: none;}
.sch-wrap .sch_bar button i {background: url("../../../assets/images/ico/ico-search.svg");background-repeat: no-repeat;background-size:cover;display:inline-block;width:100%;height:100%;}

.sch-wrap .write-btn {display: flex; align-items: center; justify-content: center; grid-column-gap: 6px; padding: 0 20px; height: 45px; border-radius: 10px; background: var(--orange); font-size: 1.125rem; font-weight: 700; color: #fff; flex: none;}
.sch-wrap .write-btn i {background-image: url("../../../assets/images/ico/ico-write.svg"); background-repeat: no-repeat; background-size: cover; width: 18px; height: 20px;}

.bbs-notice {border-top: 1px solid var(--gray); border-bottom: 1px solid var(--gray);}
.bbs-notice > ul {}
.bbs-notice > ul > li {padding: 34px 0; font-size: 22px; color: #999;}
.bbs-notice > ul > li:hover {background: #F7F7F7;}
.bbs-notice > ul > li a {display: flex; align-items: center; grid-column-gap: 30px;}
.bbs-notice > ul > li:not(:first-child) {border-top: 1px solid var(--gray);}
.bbs-notice > ul > li .date {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100px; flex: none; position: relative;}
.bbs-notice > ul > li .date::before {content: ''; width: 1px; height: 30px; background: var(--gray); position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.bbs-notice > ul > li .date .year {font-size: 1.125rem; font-weight: 500; color: #BABABA;}
.bbs-notice > ul > li .date .day {font-size: 24px; font-weight: 700; color: #424242; margin-top: 5px;}
.bbs-notice > ul > li .cont {}
.bbs-notice > ul > li .cont .tit {font-size: 20px; font-weight: 600; display: flex; grid-column-gap: 10px;}
.bbs-notice > ul > li .cont .tit p {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.bbs-notice > ul > li .cont .txt {font-size: 1rem; color: #757575; margin-top: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.bbs-notice > ul > li a:hover .cont .tit p {text-decoration: underline;}
.bbs-notice > ul > li a:hover .cont .tit i {background-image: url("../../../assets/images/ico/ico-clip_r.svg");}
.bbs-notice > ul > li a:hover .cont .txt {text-decoration: underline;}

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

#bo_v_atc {}
#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;}

#bo_v_img {}
#bo_v_img img {}

#bo_v_con {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; color: #424242; font-size: 0.875rem;}
.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: 240px; height: 60px; border-radius: 10px; background: var(--orange); margin: 0 auto; font-size: 22px; font-weight: 700; color: #fff;}

.bo_v_nb {margin: 40px 0;}
.bo_v_nb li {display: flex; align-items: center; position: relative; border-top: 1px solid #E4E4E4; padding: 20px 18px; padding-right: 80px;}
.bo_v_nb li:last-child {border-bottom:1px solid #E4E4E4;}
.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:#757575;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: 1.125rem;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: 1rem;;
    font-weight: 500;
    color: #fff;
    font-family: 'gotham';
    text-align: center;
}



/*--------------------------------------------------------------------- 반응형 --------------------------*/
@media screen and (min-width: 1921px) {
    #bo_gall .gall_img img {width: 100%;}
}

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

    #bo_btn_top {flex-direction: column-reverse; align-items: baseline; gap: 38px; position: relative;}
    #bo_btn_top .bo_list_tab a {font-size: 0.875rem;}

    .sch-wrap {width: 100%; position: relative; gap: 10px;}
    .sch-wrap .sch_bar {width: 100%;}
    .sch-wrap .write-btn {position: absolute; top: calc(100% + 20px); right: 0; height: 36px; font-size: 1rem;}

    .bbs-notice > ul > li {padding: 16px 0;}
    .bbs-notice > ul > li .date {width: 70px;}
    .bbs-notice > ul > li .date .year {font-size: 10px;}
    .bbs-notice > ul > li .date .day {font-size: 0.875rem;}
    .bbs-notice > ul > li .cont .tit {font-size: 0.875rem;}
    .bbs-notice > ul > li .cont .txt {font-size: 12px; margin-top: 8px;}
    .bbs-notice > ul > li a {gap: 12px;}

    .go-list {max-width: 200px; height: 50px; font-size: 20px;}
}

@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; margin-right: 0;}
    .profile_info_ct span {display: none;}
    #bo_v .ico-hit {margin-right: 5px; width: 18px; height: 18px;}
    #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%;}
    .sch-wrap select {min-width: auto;}
    .sch-wrap .write-btn {padding: 0 16px;}
    .sch-wrap .write-btn i {width: 14px; height: 14px;}

    .bbs-notice > ul > li {font-size: 1.125rem;}

    /*쓰기*/
    #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: 16px 10px;}
    .bo_v_nb li .nb_tit {padding-right: 15px;}
    .bo_v_nb li i {margin-left: 12px;}

    #bo_v header {flex-direction: column; align-items: baseline; padding-bottom: 8px;}
    .sv_member, .bo_v_date, .profile_info_ct {font-size: 12px;}

    .bbs-notice > ul > li .date::before {height: 24px;}

    .go-list {height: 40px; font-size: 1rem;}
}




.service-alert {width: 100%; border-radius: 15px; border: 1px solid #E4E4E4; padding: 45px; text-align: center;}
.service-alert h3 {font-size: 2rem; font-weight: 700; color: #292929; margin: 20px 0 10px;}
.service-alert p {font-size: 1rem; color: #757575;}

@media screen and (max-width: 768px) {
    .service-alert {padding: 40px 20px;}
    .service-alert img {width: 60px; height: 60px; object-fit: cover;}
    .service-alert h3 {font-size: 22px;}
    .service-alert p {font-size: 12px;}
}