/* sec1 */
.sec1 {display: flex; flex-flow: column; justify-content: center; width: 100%; height: 100vh; padding: 50px 0; background: url(./../img/sec1_bg.jpg)no-repeat 50% 50%; background-size: cover; box-sizing: border-box;}
.sec1 .sec-tit .sub {margin-top: 223px;}

/* view-more */
.view-more {display: flex; align-items: center; justify-content: center; gap: 91px; width: 100%; height: 200px; background: var(--pr); font-size: 26.4px; font-weight: bold; color: var(--wt) !important; text-decoration: initial !important;}
.view-more a {display: flex; align-items: center; justify-content: center; gap: 91px; width: 100%; height: 100%; font-size: 26.4px; font-weight: bold; color: var(--wt) !important; text-decoration: initial !important;}
.view-more a img {width: 25.3px; height: auto;}
#bo_v_con p .view-more img {width: 25.3px; height: auto;}

/* view-more2 */
.view-more2 {height: 125px;}
.view-more2_tit {margin-top: 208px; margin-bottom: 20px; font-size: 28px; font-weight: 300; line-height: 1.43; letter-spacing: -0.56px; color: var(--black); text-align: left;}
.view-more2 a {}
.view-more2 a img {}

/* sec3 */
.sec3 {width: 100%; height: auto; padding: 229px 0 172px; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(197, 197, 197, 0.7));}
.sec3-tit {position: relative; width: 100%; height: auto;}
.sec3-tit .tit img {width: 100%; height: auto;}
.sec3-tit .tit img:last-child {position: absolute; top: 10px; left: 0; width: 100%; height: auto;}
.sec3-tit .sub {width: 699px; height: auto; margin: 0 auto; margin-top: 15px; font-family: "Baskervville", serif; font-size: 250px; font-weight: 400; line-height: 1.2; letter-spacing: -10px; color: var(--pr); text-align: center; font-family: "Baskervville", serif !important;}
.sec3-tit .sub img {width: 100%; height: auto;}
.sec3-tit .sec3_logo {display: flex; align-items: center; justify-content: center; flex-flow: column; width: 140px; height: auto; margin: 0 auto;}
.sec3-tit .sec3_logo.aos-animate img {animation: img_rt 1s linear alternate-reverse 2;}
@keyframes img_rt {
        0% {transform: rotate(0);}
        100% {transform: rotate(-360deg);}
}
.sec3-tit .sec3_logo:before {content: ''; display: block; width: 1px; height: 226px; background: var(--pr);}

.sec3 .sec-tit {margin: 262px 0 150px;}
.sec3 .sec-tit .tit {margin-bottom: 150px;}
.sec3 .sec-tit .tit span {color: var(--pr);}

/* sec3_2 */
.sec3_2 {padding: 208px 0 203px;}
.sec3_2 .sec-tit {margin-top: 0;}
.sec3_2 .sec-tit .tit {margin-top: 0;}
.sec3_2 .sec-tit .sub {}

/* sec-scroll */
.sec-scroll {position: relative; width: 100%; height: 200vh; box-sizing: border-box;}
.sec-scroll .container {position: sticky; top: 0; display: flex; align-items: center; max-width: 100%; height: 100vh;}
.sec-scroll .container:before {position: absolute; top: 50%; right: 0; transform: translateY(-50%); content: ''; display: block; width: calc(100% - 250px); height: 1.5px; background: var(--black);}
.sec-scroll ul {position: absolute; top: 50%; transform: translateY(calc(-50% + 52.5px)); display: flex; width: 100%; padding-left: 250px; box-sizing: border-box;}
.sec-scroll ul li {position: relative; white-space: nowrap;}
.sec-scroll ul li::before {content: ''; display: block; width: 100%; transition: all .5s;}
.sec-scroll ul li.active::before {animation: boxShadow .5s linear alternate-reverse infinite; background: var(--pr2);}
@keyframes boxShadow {
  0% {box-shadow: 0 0 0 var(--pr2);}
  100% {box-shadow: 0 0 10px var(--pr2);}
}
.sec-scroll ul li.on:not(:last-child)::after {position: absolute; top: 50%; left: 0; transform: translateY(-65%); content: ''; display: block; width: 100%; height: auto; aspect-ratio: 5/5; border: .5px solid var(--black); border-radius: 100%; transition: all .5s; z-index: -1;}
.sec-scroll ul li.on:nth-child(1)::after {animation: circleItem 1s linear both; top: 50%; left: 2%; transform: translateY(-65%); width: 100%;}
@keyframes circleItem {
  0% {left: -10%; width: 100%; opacity: 0;}
  100% {left: 2%; width: 100%; opacity: 1;}
}
.sec-scroll ul li.on:nth-child(2)::after {animation: circleItem2 1s linear both; top: 50%; left: -95%; transform: translateY(-57%); width: 200%;}
@keyframes circleItem2 {
  0% {left: -105%; width: 197%; opacity: 0;}
  100% {left: -95%; width: 197%; opacity: 1;}
}
.sec-scroll ul li.on:nth-child(3)::after {animation: circleItem3 1s linear both; top: 50%; left: -200%; transform: translateY(-54%); width: 300%;}
@keyframes circleItem3 {
  0% {left: -210%; width: 302%; opacity: 0;}
  100% {left: -200%; width: 302%; opacity: 1;}
}

.sec-scroll ul li.on::after {transform-origin: center;}

.sec-scroll ul li:nth-child(1) {padding-right: 203px;}
.sec-scroll ul li:nth-child(2) {padding-right: 247px;}
.sec-scroll ul li:nth-child(3) {padding-right: 197px;}
.sec-scroll ul li:nth-child(4) {}
.sec-scroll ul li:before {content: ''; display: block; width: 20px; height: 20px; border-radius: 100%; background: var(--black); margin-bottom: 10px;}
.sec-scroll ul li .child-box {padding-left: 37px; box-sizing: border-box;}
.sec-scroll ul li .child-box .tit {margin-bottom: 18px; font-size: 27px; font-weight: bold; color: var(--black);}
.sec-scroll ul li .child-box .sub {font-size: 20px; font-weight: 300; line-height: 1.25; letter-spacing: -0.8px; color: var(--black);}

/* sec4 */
.sec4 {position: sticky; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: auto; padding: 153px 0; background: url(./../img/sec4_btn_bg.jpg)no-repeat 50% 50%; background-size: cover;}
.sec4 .sec4-btn {animation: heartbeat 1.5s ease-in-out infinite both; width: 775px; height: auto; aspect-ratio: 5/5; margin: 0 auto; border: 1px solid var(--wt); border-radius: 100%;}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
.sec4 .sec4-btn a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 26px; font-weight: bold; color: var(--wt); line-height: 1.5; border-radius: 100%; text-align: center;}

/* sec-map */
.sec-map {width: 100%; height: auto; padding: 200px 0; background: var(--black); box-sizing: border-box;}
.sec-map .map-tit {}
.sec-map .map-tit .tit {margin-bottom: 108px; font-size: 54px; font-weight: bold; color: var(--wt); text-transform: uppercase;}
.sec-map .d-flex {display: flex; align-items: center; gap: 125px;}
.sec-map .map-area {min-width: 710px; width: 710px;}
.sec-map .map-area .tit {margin-bottom: 35px; font-size: 31px; font-weight: bold; color: var(--wt);}
.sec-map .map-area iframe {width: 100%; height: auto; aspect-ratio: 16/9;}
.sec-map .list-box {display: flex; flex-flow: column; justify-content: space-between; gap: 84px; height: 100%; margin-top: 59px;}
.sec-map .list-box dl {display: flex; gap: 29px;}
.sec-map .list-box dl dt {font-size: 26px; font-weight: bold; color: var(--wt) !important; text-transform: uppercase;}
.sec-map .list-box dl dd {font-size: 22px; font-weight: 300; color: var(--wt) !important; line-height: 1.5;}
.sec-map .list-box dl dd a {font-size: 22px; font-weight: 300; color: var(--wt) !important; line-height: 1.5;}

/* sub-kv */
.sub-kv {width: 100%; height: calc(100vh - 190px); margin-top: 190px; background: var(--black);}
.sub-kv .vod-box {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: var(--black); text-align: center;}
.sub-kv .vod-box video {width: 500px; height: 500px; object-fit: cover; margin: 0 auto; border-radius: 100%;}

/* sec5 */
.sec5 {width: 100%; height: auto; padding: 200px 0; background: var(--wt_f5);}
.sec5 .sec5_txt {position: relative; width: 100%; height: auto;}
.sec5 .sec5_txt .img-box {width: 100%; height: auto;}
.sec5 .sec5_txt .img-box img {width: 100%; height: auto;}
.sec5 .sec5_txt .txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 36px; font-weight: 300; line-height: 1.46; letter-spacing: 0.72px; color: var(--black); text-align: center;}
.sec5 .sec5_txt .txt b {}

/* toggle-box */
.toggle-box {width: 100%; height: auto; padding-top: 268px; box-sizing: border-box;}
.toggle-box .toggle-tit {margin-bottom: 100px; font-size: 56px; font-weight: bold; color: var(--black); text-transform: uppercase;}
.toggle-box .toggle-item {width: 100%; height: auto;}
.toggle-box .toggle-item ul {display: flex; flex-flow: column; gap: 50px;}
.toggle-box .toggle-item ul li {width: 100%; height: auto; box-sizing: border-box;}
.toggle-box .toggle-item ul li .toggle-top {display: flex; align-items: center; justify-content: space-between; padding-left: 50px; background: var(--gray_E8); box-sizing: border-box;}
.toggle-box .toggle-item ul li .toggle-top .d-flex {display: flex; align-items: center; gap: 30px;}
.toggle-box .toggle-item ul li .toggle-top .number {font-size: 31px; font-weight: bold; color: var(--black);}
.toggle-box .toggle-item ul li .toggle-top .tit {font-size: 24px; font-weight: 300; color: var(--gray_70);}
.toggle-box .toggle-item ul li .toggle-top .icon {width: 100px; height: auto;}
.toggle-box .toggle-item ul li .toggle-top .icon img {width: 100%; height: auto;}

.toggle-box .toggle-item ul li .toggle-bottom {display: none; position: relative;}
.toggle-box .toggle-item ul li .toggle-bottom .bottom-item {display: flex; flex-flow: column; gap: 15px; width: 100%; height: auto; padding: 20px 140px 50px; background: var(--wt); box-sizing: border-box;}
.toggle-box .toggle-item ul li .toggle-bottom .img-box {position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 727px; height: 100%;}
.toggle-box .toggle-item ul li .toggle-bottom .img-box img {width: 100%; height: 100%; object-fit: contain;}
.toggle-box .toggle-item ul li .toggle-bottom .dl_box {display: flex; flex-flow: column; gap: 15px; z-index: 1;}
.toggle-box .toggle-item ul li .toggle-bottom dl {display: flex; align-items: center; gap: 62px;}
.toggle-box .toggle-item ul li .toggle-bottom dl dt {font-size: 24px; font-weight: 500; color: var(--black); line-height: 1.2;}
.toggle-box .toggle-item ul li .toggle-bottom dl dd {font-size: 24px; font-weight: 300; color: var(--black); line-height: 1.2;}

/* sec6 */
.sec6 {width: 100%; height: auto; padding-top: 200px; background: var(--pr);}
.sec6 .sec6_list {width: 100%; height: auto;}
.sec6 .sec6-tit {padding-bottom: 107px;}
.sec6 .sec6-slider .sec6-tit {margin-top: 202px; }
.sec6 .sec6-tit .tit {font-size: 54px; font-weight: bold; color: var(--wt); text-transform: uppercase;}
.sec6 .sec6_list ul {display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 70px 0; margin: 0 -37.5px;}
.sec6 .sec6_list ul li {display: none; width: calc(100% / 2); padding: 0 37.5px; box-sizing: border-box;}
.sec6 .sec6_list ul li .child-box {padding-bottom: 10px; border-bottom: 1px solid var(--wt);}
.sec6 .sec6_list ul li .child-box .tit {display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 28px; font-weight: 300; line-height: 1.43; letter-spacing: -0.56px; color: var(--wt);}
.sec6 .sec6_list ul li.on {display: block;} 

/* sec7 */
.sec7 {width: 100%; height: auto; padding-top: 391px; box-sizing: border-box;}
.sec7 .sec7-tit {display: flex; align-items: center; justify-content: space-between; margin-bottom: 52px;}
.sec7 .sec7-tit .tit {font-size: 64px; font-weight: bold; color: var(--black); text-transform: uppercase;}
.sec7 .sec7-tit .download-btn {display: flex; align-items: center; justify-content: center; width: 350px; height: 93px; border-radius: 50px; background: var(--black); font-size: 22px; font-weight: 300; color: var(--wt); text-transform: uppercase;}

.sec7 .list-tab {width: 100%; height: auto; margin-bottom: 100px;}
.sec7 .list-tab ul {display: flex; align-items: center; gap: 25px;}
.sec7 .list-tab ul li {width: auto; height: auto;}
.sec7 .list-tab ul li a {display: block; font-family: 'He'; padding: 35.5px 50px; box-sizing: border-box; background: var(--pr); border-radius: 50px; font-size: 22px; font-weight: 300; color: var(--wt); text-transform: uppercase; z-index: 1;}
.sec7 .list-tab ul li a span {display: block;}
.sec7 .list-tab ul li a:hover {background: url(./../img/hover_btn.png)no-repeat 50% 50%; background-size: cover; background-size: 90%; z-index: -1; color: var(--black);}

/* img-list */
.sec7 .img-list {width: 100%; height: auto;}
.sec7 .img-list ul {display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 20px 0; margin: 0 -10px;}
.sec7 .img-list ul li {width: calc(100% / 2); height: auto; aspect-ratio: 5/5; padding: 0 10px; box-sizing: border-box;}
.sec7 .img-list ul li .child-box {position: relative; display: block; width: 100%; height: 100%;}
.sec7 .img-list ul li .child-box:before {position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); z-index: 1; transition: all .3s; opacity: 1;}
.sec7 .img-list ul li:hover .child-box:before {opacity: 0; transition: all .3s;}
.sec7 .img-list ul li .child-box .img-box {width: 100%; height: 100%; overflow: hidden;}
.sec7 .img-list ul li .child-box .img-box img {width: 100%; height: 100%; object-fit: cover; transition: all .3s;}
.sec7 .img-list ul li:hover .child-box .img-box img {transform: scale(1.2); transition: all .3s;}
.sec7 .img-list ul li .child-box .txt-box {position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: space-between; flex-flow: column; width: 100%; height: 100%; padding: 103px 0 120px; box-sizing: border-box; text-align: center; z-index: 2;}
.sec7 .img-list ul li .child-box .txt-box .sub {font-size: 22px; font-weight: 300; color: var(--wt); width: 100%; text-transform: uppercase;}
.sec7 .img-list ul li .child-box .txt-box .tit {width: 100%; font-size: 36px; font-weight: 600; line-height: 1.53; letter-spacing: -0.72px; color: var(--wt); white-space: pre;}
.sec7 .img-list ul li .child-box .txt-box .more {display: flex; align-items: center; justify-content: center; gap: 92px; font-size: 26px; font-weight: bold; color: var(--wt);}
.sec7 .img-list ul li .child-box .txt-box .more img {width: 25px; height: auto;}

/* sec7-tit2 */
.sec7-tit2 {margin-bottom: 50px;}
.sec7-tit2 .tit {margin-bottom: 52px; font-size: 64px; font-weight: bold; color: var(--black); letter-spacing: -0.05em; text-transform: uppercase;}
.sec7-tit2 .label {display: flex; align-items: center; justify-content: center; width: 250px; height: 100px; border-radius: 50px; background: var(--black); font-size: 22px; font-weight: 300; color: var(--wt); text-transform: uppercase;}
#bo_v .label span{font-family: 'He'; letter-spacing: -0.05em; transform: scaleY(0.8) !important;}

/* content-item */
.content-item {width: 100%; height: auto;}
.content-item .tit-date {display: flex; flex-flow: column; gap: 50px;}
.content-item .tit-date .d-flex {display: flex; align-items: center; justify-content: space-between;}
.content-item .tit-date .tit {font-size: 36px; font-weight: 400; letter-spacing: -0.72px; color: var(--black);}
/* .content-item .tit-date .tit br {display: none;} */
.content-item .tit-date .date {font-size: 36px; font-weight: 400; letter-spacing: -0.72px; color: var(--black);}
.content-item .tit-date .description {font-size: 28px; font-weight: 300; line-height: 1.43; letter-spacing: -0.56px; color: var(--black);}

/* content */
.content {width: 100%; height: auto; margin-top: 150px; text-align: center;}
.content img {width: auto; max-width: 100%; height: auto;}
.content img:last-child {}

/* sec_contact */
.sec_contact {width: 100%; height: auto; padding: 391px 0 200px; box-sizing: border-box; background: var(--wt_f5);}
.sec_contact .contact-tit {margin-bottom: 52px;}
.sec_contact .contact-tit .tit {font-size: 55px; font-weight: bold; color: var(--black); text-transform: uppercase;}
.sec_contact .form-area {width: 100%; height: auto; padding: 36px 55px; box-sizing: border-box; background: var(--gray_E8);}
.sec_contact .form-area form {display: flex; flex-flow: column; gap: 25px;}
.sec_contact .form-area .input-box {display: flex; flex-flow: column; gap: 15px;}
.sec_contact .form-area .input-box .tit {font-size: 30px; font-weight: 600; line-height: 1.75; letter-spacing: -0.6px; color: var(--black);}
.sec_contact .form-area .input-box input {width: 100%; height: auto; padding-bottom: 5px; border-bottom: 1px solid var(--black); font-size: 24px; font-weight: 300; letter-spacing: -0.48px; color: var(--black); outline: none;}
.sec_contact .form-area .input-box input::placeholder {color: var(--gray_70);}
.sec_contact .form-area .input-box textarea {width: 100%; height: 560px; padding: 20px; font-size: 24px; font-weight: 300; letter-spacing: -0.48px; color: var(--black); outline: none; resize: none; box-sizing: border-box;}
.sec_contact .form-area .input-box textarea::placeholder {color: var(--gray_70);}
.sec_contact .form-area .submit-btn { height: 125px; margin: 0 -55px -36px; background: var(--pr);}
.sec_contact .form-area .submit-btn button {position: relative; display: flex; align-items: center; justify-content: center; gap: 91px; width: 100%; height: 100%; font-size: 26.4px; font-weight: bold; color: var(--wt); transition: all .3s; z-index: 1;}
/* hover */
.btn_hover:hover button {color: var(--black) !important;}
.btn_hover:hover a {color: var(--black) !important;}
.btn_hover:hover {color: var(--black) !important;}
.btn_hover:hover {background: #fff !important;}
.btn_hover:hover a {background: #fff !important;}
.btn_hover:hover .view-more2 {background: #fff !important;}
.btn_hover button:hover:before {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; display: block; width: 22%; height: 120px; padding: 41px 183px; box-sizing: border-box; background: url(./../img/hover_btn.png)no-repeat 50% 50%; background-size: 104% 102%; z-index: -1;}
.btn_hover:hover a:before {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; display: block; width: 22%; height: 120px; padding: 41px 183px; box-sizing: border-box; background: url(./../img/hover_btn.png)no-repeat 50% 50%; background-size: 104% 102%; z-index: -1;}
.btn_hover:hover:before {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; display: block; width: 22%; height: 120px; padding: 41px 183px; box-sizing: border-box; background: url(./../img/hover_btn.png)no-repeat 50% 50%; background-size: 104% 102%; z-index: -1;}
/* //hover */

.sec_contact .form-area .submit-btn button img {width: 25.3px; height: auto;}

/* pager */
/* pager */
.pager {display: flex; align-items: center; justify-content: center; gap: 30px; padding-bottom: 100px; margin-top: 50px;}
.pager img {width: 11.6px; height: auto;}
.pager .number {display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: bold; color: var(--wt);}
.pager .number span {font-size: 20px; font-weight: bold; color: var(--wt);}
/* .pager {display: none;}
.mo_img {display: none !important;} */

/* content_img */
.content_img {position: absolute; top: -9999px; left: -9999px; width: 0; height: 0; overflow: hidden; opacity: 0; z-index: -9999;}

/* 게시판 */
#bo_gall {padding: 200px 0;}
#bo_w {padding: 390px 0 200px;}
#bo_list {padding: 200px 0;}
#bo_v_info {padding: 200px 0;}

/* notice-area */
/* .notice-area {display: none;} */
.sound_only {display: none;}

/* table */
table {width: 100%; margin-bottom: 20px;}
table caption {display: none;}
table th {height: 50px; vertical-align: middle; border-bottom:1px solid var(--gray_E8); border-top:1px solid var(--gray_E8)}
table td {height: 50px; vertical-align: middle; border-bottom:1px solid var(--gray_E8)}
.btn_cke_sc {display: none;}
.bo_w_link {display: none;} 
#bo_w input:not([type="file"]) {width: 100%; height: 50px; padding-right: 0 !important; padding: 0 20px; border-bottom: 1px solid var(--black); box-sizing: border-box; border-radius: 0; outline: none;}
#bo_w select {width: 100%; height: 50px; padding-right: 0 !important; padding: 0 20px; border: 1px solid var(--gray_E8); box-sizing: border-box; border-radius: 0; outline: none;}
#bo_w .bo_w_tit #btn_autosave {opacity: 0;}

.write_div2 {display: flex; flex-flow: column; gap: 10px;}
#bo_w .container .btn_submit2 {width: 100%; height: 50px; background: var(--pr); font-size: 18px; font-weight: bold; color: var(--wt);}
.btn_submit2 {width: 100%; height: 50px; background: var(--pr); font-size: 18px; font-weight: bold; color: var(--wt);}

#bo_v header {display: none !important;}
#bo_v_share .btn {display: none !important;}
#bo_v_atc {min-height: auto !important;}
#bo_v_con p {font-size: 28px; font-weight: 300; line-height: 1.43; letter-spacing: -0.56px; color: var(--black);}
#bo_v_con p span {font-size: 28px; font-weight: 300; line-height: 1.43; letter-spacing: -0.56px; color: var(--black);}
#bo_v_con p img {width: 100%; height: auto;}

#bo_v_file li i,.bo_v_file_cnt {display: none !important;}
.file_view {position: relative; overflow: hidden;}
.file_view br {display: none !important;}
.view_file_download {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0;}
.view_file_download strong {position: absolute; top: -9999px; left: -9999px; z-index: -9999; opacity: 0;}
#bo_v_file h2 {display: none;}

.list-btn {width: 180px; height: auto; cursor: pointer;}
.list-btn.on {height: 100px;}
.list-btn a {cursor: pointer;}
.list-btn button {cursor: pointer;}
.bo_fx {display: none;}
/* .write_div2 {display: none;} */

/* admin login 하면 나오는 msg */
#hd_login_msg {position: absolute; top: -9999px; left: -9999px; width: 0; height: 0; overflow: hidden; opacity: 0; z-index: -9999;}
.notice-area {position: absolute; top: -9999px; left: -9999px; width: 0; height: 0; overflow: hidden; opacity: 0; z-index: -9999;}
.admin_link {position: fixed; bottom: 20px; left: 20px; display: flex; align-items: center; justify-content: center; width: 100px; height: 45px; border-radius: 10px; background: var(--pr); z-index: 9999;}
.admin_link a {font-size: 18px; font-weight: 400; color: var(--wt);}
.work-tit {white-space: pre;}

.work_notice {position: absolute; top: -9999px; left: -9999px; width: 0; height: 0; overflow: hidden; opacity: 0; z-index: -9999;}
.bo_v_nb {display: none;}
#bo_v_con {margin-bottom: 0 !important;}

.bo_v_com > li:nth-child(2) {display: none;}
.more_opt > li:nth-child(3) {display: none;}
.more_opt > li:nth-child(4) {display: none;}
.bo_v_com {float:left !important;}

.bo_btn_top a {cursor: pointer;}
#bo_btn_top a {cursor: pointer;}
#bo_btn_top {cursor: pointer;}
.slick-list {overflow: hidden;}
.cmt_btn {display: none !important;}
#bo_vc {display: none !important;}
#wr_content {display: none;}
.bo_vc_w_wr {display: none !important;}
#bo_v_info .profile_info {display: none !important;}
#bo_v_info {padding: 0;}
#bo_v_atc {padding-top: 291px;}
#bo_v_share {display: none;}
.btn_bo_user > li button {width: 100% !important; cursor: pointer !important;}

#bo_gall #gall_ul {display: flex; flex-wrap: wrap;}
#bo_gall #gall_ul li {width: calc(100% / 4); padding: 0 10px;}

#mb_login #login_fs .frm_input {height: 50px; padding: 0 10px; box-sizing: border-box; border: 1px solid var(--gray_E8);}
.mb_log_cate .join {display: none;}
.mb_log_cate h2 {width: 100% !important;}
#login_info {display: none;}
.work_wr3 {width: 100%; height: 150px; padding-right: 0 !important; padding: 20px; border: 1px solid var(--gray_E8); box-sizing: border-box; resize: none;}

#btn_autosave,#autosave_pop {display: none !important;}

.sec-scroll_bg {padding-left: 250px;}