.sec1 {background: var(--wt_f5);}
.notice-bg {background: var(--wt) !important;}
/* notice-area */
.notice-area {display: flex; justify-content: center; gap: 20px; width: 100%; height: auto;}
.notice-area .notice-item {width: 100%; height: auto;}
.notice-area .notice-item .notice-tit {display: flex; align-items: center; justify-content: space-between; width: 100%; height: auto; padding: 0 20px 10px; margin-bottom: 10px; border-bottom: 1px solid var(--black_ba); box-sizing: border-box;}
.notice-area .notice-item .notice-tit .tit {display: flex; align-items: center; gap: 4px; font-size: 23px; font-weight: 400; color: var(--black_33);}
.notice-area .notice-item .notice-tit .tit img {width: 32px; height: auto;}
.notice-area .notice-item .notice-tit a {font-size: 17px; font-weight: 300; color: var(--gray_7b);}
.notice-area .notice-item ul {width: 100%; height: auto;}
.notice-area .notice-item ul li {width: 100%; height: 25px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: dotted 1px var(--gray_d);}
.notice-area .notice-item ul li .child-box {display: flex; align-items: center; height: 100%; transition: all .3s;}
.notice-area .notice-item ul li:hover .child-box {background: #eeeeee; transition: all .3s;}
.notice-area .notice-item ul li .child-box .date {min-width: 60px; width: 60px; font-size: 14px; font-weight: 400; color: var(--gray_8);}
.notice-area .notice-item ul li .child-box .txt {width: 100%; overflow: hidden;}
.notice-area .notice-item ul li .child-box .txt span {width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; font-weight: 400; color: var(--black);}

/* img-card */
.img-card {width: 100%; height: auto;}
.img-card ul {display: flex; align-items: center; margin: 0 -12.5px;}
.img-card ul li {width: calc(100% / 4); padding: 0 12.5px; box-sizing: border-box;}
.img-card ul li .child-box {display: block; padding: 10px 10px 30px; box-sizing: border-box; border: 2px solid #e6c16d; background:#fff; box-shadow:0; border-radius:10px;}
.img-card ul li .child-box:hover div,figure {text-decoration: underline; cursor: pointer;}
.img-card ul li .child-box .img-box {width: 100%; height: auto;}
.img-card ul li .child-box .img-box img {width: 100%; height: auto;}
.img-card ul li .child-box .txt-box {margin-top: 15px; text-align: center; text-decoration:none !important}
.img-card ul li .child-box .txt-box .tit {font-size: 18px; font-weight: 600; color: #000; text-decoration:none !important}
.img-card ul li .child-box .txt-box .txt {margin-top: 10px; font-size: 15px; font-weight: 300; color: #584848; text-decoration:none !important}
.img-card ul li .child-box .txt-box .more {display: inline-block; padding: 10px 50px; margin-top: 15px; box-sizing: border-box; font-size: 14px; color:#fff !important; font-weight: 600; color: #584848; border: 0 solid #D7D7D7; background:#e6c16d; border-radius:5px}
.img-card ul li .child-box .txt-box a {text-decoration:none !important}
.img-card ul li .child-box .txt-box .more a {color:#fff}

/* customer */
.sec4 {padding: 30px 0 0 0 !important;}
.customer {position: relative; width: 100%; height: 456px; padding: 60px 0; background: url(/img/tel_time_back.jpg)no-repeat 50% 50%; background-size: cover;}
.customer .sec4_tit {font-size: 30px; font-weight: bold; color: var(--wt); text-align: center;}
.customer ul {display: flex; align-items: center; justify-content: center; margin-top: 60px}
.customer ul li {width: 100%; text-align: center;}
.customer ul li .tit {font-size: 18px; font-weight: bold; color: var(--wt); text-align:center; padding:0 0 10px 0}
.customer ul li .tit img {width: 43px; height: auto;}
.customer ul li:first-child .txt {color:#fff;}
.customer ul li .txt span {font-size: 20px;}
.customer ul li .txt {font-size: 35px; font-weight: bold; color: var(--wt);}
.customer ul li .description {font-size: 17px; font-weight: bold; margin-top: 9px; color: var(--wt);}
.customer .link-btn {position: absolute; left: 50%; transform: translateX(-50%); margin-top: 75px; padding: 12px 40px 12px 40px; font-size: 18px; color: #ffffff; display: inline-block; font-weight: bold; border: 1px solid #000; cursor: pointer; background-color: #000; -webkit-transition-duration: 0.7s; transition-duration: 0.7s;; border-radius:30px}
.customer .link-btn span {color:#fff;}

/* go_top */
.go_top {position: fixed; bottom: 0; right: 200px; z-index: 8; width: 43px; height: auto;}

/* sns-area */
.sns-area {position: fixed; bottom: 100px; right: 158px; z-index: 7;}
.sns-area ul {display: flex; flex-flow: column; gap: 5px;}
.sns-area ul li {width: 150px; height: auto;}
.sns-area ul li a {position: relative; display: block; width: 100%; height: auto;}
.sns-area ul li a img {width: 100%; height: auto; object-fit: cover;}
.sns-area ul li a span {position: absolute; top: 50%; left: 52px; transform: translateY(-50%); font-size: 14px; font-weight: 300; color: var(--wt);}

/* content-area */
body {background: #fff;}
.content-area {width: 100%; height: auto; box-sizing: border-box; }
.content-area .container {display: flex; align-items: flex-start; justify-content: center; gap: 60px; padding: 46px 60px; background: var(--wt);}
.content-area .left-box {position: sticky; top: 160px; min-width: 219px; width: 219px; height: auto;}
.content-area .left-box > .tit {font-size: 22px; font-weight: 500; line-height: 43px; color: var(--black_33); border-bottom: 2px solid #14D2AA; text-indent: 15px;}
.content-area .left-box .content_nav {width: 100%; height: auto;}
.content-area .left-box .content_nav li {width: 100%; height: auto;}
.content-area .left-box .content_nav li a {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 50px; text-indent: 15px; border-bottom: 1px solid #EBEBEB;}
.content-area .left-box .content_nav li.active a {color: #14D2AA !important;}
.content-area .left-box .nav-item {width: 100%; height: auto; margin-top: 20px;}
.content-area .left-box .nav-item ul {width: 100%; height: auto; padding: 20px 5px; box-sizing: border-box; border: 1px solid #DEDEDE;}
.content-area .left-box .nav-item ul li {width: 100%; height: auto;}
.content-area .left-box .nav-item ul li .child-box {display: flex; align-items: center; gap: 10px;}
.content-area .left-box .nav-item ul li:first-child .child-box {padding-bottom: 11px; margin-bottom: 11px; border-bottom: 1px solid #DADADA;}
.content-area .left-box .nav-item ul li .child-box img {width: 43px; height: auto;}
.content-area .left-box .nav-item ul li .txt-box {}
.content-area .left-box .nav-item ul li .txt-box .tit {font-size: 15px; color: #14D2AA;}
.content-area .left-box .nav-item ul li .txt-box .txt {margin-top: 3px; font-size: 15px; color: #282828; line-height: 1.5;}

/* content-item */
.content-area .content-item {width: 100%; height: auto;}
.content-area .content-item .tit-box {padding-bottom: 10px; margin-bottom: 50px; border-bottom: 2px solid #D9D9D9;}
.content-area .content-item .tit-box .tit {font-size: 28px; color: #222222; text-align: center; font-weight: bold;}


/* **********그누보드*********8 */
/* .latest_top_wr */
.latest_top_wr {position: absolute; top: -9999px; left: -9999px; opacity: 0; width: 0; height: 0; overflow: hidden; z-index: -9999;}

/* #bo_list tbody .even td */
#bo_list tbody .even td.td_datetime {min-width: 120px; width: 120px;}
#bo_list tbody td div {display: flex; align-items: center; height: 100%;}
#bo_list .td_name {text-align: center !important;}
.chk_box {min-width: 50px; width: 50px;}

.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label {white-space: nowrap;}
.bo_vc_act li a {display: block; white-space: nowrap;}
img[alt="비밀글"] {width: 10px; height: auto;}
#bo_vc .cmt_contents p {display: flex; align-items: center; gap: 4px;}
#pw_confirm h1 {white-space: nowrap; margin: 0 !important; margin-bottom: 20px !important;}
.btn_confirm.write_div {display: flex; align-items: center; justify-content: flex-end; gap: 5px;}
#captcha #captcha_key {margin-left: 0;}
.icon_reply {width: 10px; height: auto;}

#bo_v_img img {min-width: auto; max-width: 100%; width: auto;}

#captcha #captcha_img {width: auto;}
.cmt_btn {display: none !important;}
#bo_vc {display: none !important;}
#bo_vc_w {display: none !important;}
#bo_list tbody td div {overflow: hidden;}


.bo_sch {margin: 0 !important; transform: translate(-50%, -50%) !important;}
#login_info,.mb_log_cate .join,.bo_v_option {display: none !important;}

.main_hide {width: 80%; height: 100%; position: absolute; display: flex; justify-content: center; align-items: flex-end; margin-left: 10%; z-index: 1;}
.main_hide a{width: 50%; height: 30%; display: block;}

.m_view {display: none;}
@media screen and (max-width:500px){
    .pc_view {display: none;}
    .m_view {display: block;}

    .main_hide {width: 80%; height: 100%; position: absolute; display: flex; flex-direction: column; justify-content: flex-end;}
    .main_hide a{width: 100%; height: 20%;}
}