@charset "utf-8";

/* 메인 게시판 */
#bbs {background:#fff;background-size:cover;padding:60px 0;}
#bbs h2 {margin-bottom:20px}
.bbsmain {width:100%;margin:0 auto;overflow:hidden;}
.bbsmain .bbs1 {width:calc(67% - 20px);float:left;margin-left:-1px;}
.bbsmain .bbs2 {width:calc(33% - 20px);float:left;margin-left:-1px;}
.bbsmain .bbs1 {margin:0 40px 0 0;}
.bbsmain .h2 {margin:30px 0 0 0;}

@media all and (max-width:991.98px){
    #bbs h2 {margin-bottom:20px}
    .bbsmain {padding:0 15px;}
    .bbsmain .bbs1{width:100%;float:none;}
    .bbsmain .bbs2 {width:100%;float:none;}
    .bbsmain .bbs2 {margin:30px 0 0 0;}
}


/* Footer */
#footer {background:#27272A;padding:0 0 40px 0;color:#A6A6A6;border-top:1px solid #e5e5e5;}
#footer .footer_top {background:#27272A;padding:40px 0 0 0;}

#footer .footer_top .footer_logo {position:relative;padding-bottom:20px;}
#footer .footer_top .footer_logo img {height:35px;width:auto}

#footer .footer_top p a:link {color:#eee;}
#footer .footer_top p a:visited {color:#eee;}
#footer .footer_top p a:hover {color:#eee;}
#footer .footer_top p a:active {color:#eee;}

#footer .footer_top .footer_contact {margin-bottom:15px;}
#footer .footer_top .footer_contact p {line-height:20px;}
#footer .footer_top .footer_contact p span {display:inline-block;margin-right:20px;line-height:1.8em;}

#footer .footer_top .footer_contact .policy {font-size:0.81rem;font-weight:bold;color:#FFF;line-height:1.8em;margin-bottom:15px;}


#footer .footer_top .footer_right {position:relative;margin-bottom:0px;text-align:right;}
#footer .footer_top .social-links a {display:inline-block;background:#4A4E55;color:#eee;line-height:1;margin-right:5px;border-radius:50%;width:34px;height:34px;transition:0.3s;display:inline-flex;align-items:center;justify-content:center;}
#footer .footer_top .social-links a i {line-height:0;font-size:1.00rem;}
#footer .footer_top .social-links a:hover {background:var(--color-primary1);color:#fff;}

#footer .copyright {font-size:0.75rem;padding-top:0px;}

@media all and (max-width:1024px) {
  #footer {background:#27272A;padding:0 0 30px 0;color:#A6A6A6;}
  #footer .footer_top {background:#27272A;padding:30px 0 30px 0;}

  #footer .footer_top .footer_contact {margin-bottom:0px;}
  #footer .footer_top .footer_right {margin-top:10px;text-align:left;}

  #footer .footer_top p {font-size:0.75rem;}

  #footer .footer_top .footer_contact {margin-bottom:10px;}
  #footer .footer_top .footer_contact p {line-height:18px;}
  #footer .footer_top .footer_contact p span {display:inline-block;margin-right:10px;line-height:1.6em;}
}


/* 퀵버튼 */
.quick {display:block;position:fixed;right:10px;bottom:10px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;transition:0.2s;z-index:9999;}
.quick .icons {font-size:1.50rem;}
.quick a {display:flex;width:50px;height:50px;color:#fff;border-radius:30px;box-shadow:0 0 5px #666;position:relative;transition:0.15s;}
.quick a:hover {width:120px;align-items:center;justify-content:center;gap:1rem;padding:0 10px;}
.quick a:hover .icons {position:static;left:50%;transform:translate(0);}
.quick a:hover .txt {position:static;opacity:1;visibility:visible;}
.quick a .txt {opacity:0;visibility:hidden;position:absolute;color:#fff;font-size:0.88rem;font-weight:500;white-space:nowrap;}
.quick a .icons {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.quick_tel {background:#F26922;}
.quick_sms {background:#26AAD4;}

.quick_top {background:#fff;color:#E30413;visibility:hidden;opacity:0;transition:all 0.4s;}
.quick_top.active {visibility:visible;opacity:1;}
.quick_top1 a {color:#202020;}
.quick_top1 a .txt {color:#202020;}


@media (max-width:768px) {
  .quick .icons {font-size:1.13rem;}
  .quick a {width:40px;height:40px;}
  .quick a:hover {width:110px;}
  .quick a .txt {font-size:0.75rem;}
}


/* footer bar를 policy로 변경 추가*/
.policy span {position:relative;margin-right:24px;}
.policy span::after {content: '';position:absolute;margin:0px 12px;width:1px;height:12px;background:#dcdcdc;top:5px;}
@media all and (max-width:1024px) {
  /* footer bar */
  .policy span {position:relative;margin-right:14px;}
  .policy span::after {content: '';position:absolute;margin:0px 7px;width:1px;height:10px;background:#dcdcdc;top:5px;}
}


/* ==========================================================================
   상단 헤더 / 메인 메뉴바 최상위 레이어 보정 (스크롤 시 본문 가림 원천 방지)
   ========================================================================== */
#topbar,
#header,
.header,
#navbar,
.navbar,
.navbar ul,
.navbar .dropdown ul {
    z-index: 999999 !important;
}

/* ==========================================================================
   사이드뷰 팝업 / 레이어 / 최신글 / 게시판 하단 여백 통합 처리
   ========================================================================== */
main#sub {
    position: relative;
    z-index: auto !important;
    overflow: visible !important;
}

section {
    position: relative;
    z-index: auto !important;
    overflow: visible !important;
}

section:hover,
section:focus-within,
section:has(.sv_on) {
    z-index: 999 !important;
}

#footer {
    position: relative;
    z-index: auto !important;
}

/* 퀵메뉴(fixed) 최상위 승격 (뷰포트 화면 최상단 레이어 탈출) */
.quick {
    position: fixed !important;
    z-index: 99999999 !important;
}

/* 카드형 게시판/최신글 아이템 승격 */
.portfolio-item,
.portfolio-item_mov_new,
.webzine_item {
    position: relative;
    z-index: 1;
}

.portfolio-item:hover,
.portfolio-item:focus-within,
.portfolio-item:has(.sv_on),
.portfolio-item_mov_new:hover,
.portfolio-item_mov_new:focus-within,
.portfolio-item_mov_new:has(.sv_on),
.webzine_item:hover,
.webzine_item:focus-within,
.webzine_item:has(.sv_on) {
    z-index: 9999 !important;
}

/* 사이드뷰 팝업 레이어 계층 */
.sv_wrap {
    position: relative;
    z-index: 1;
}

/* 팝업이 켜진 작성자 영역만 최상위 승격 (아래 게시물 작성자 이름 침범 방지) */
.sv_wrap:hover,
.sv_wrap:focus-within,
.sv_wrap:has(.sv_on) {
    z-index: 99999 !important;
}

.sv_wrap .sv,
.sv_wrap .sv_on {
    position: absolute !important;
    z-index: 999999 !important;
}


/* 메인 인덱스 웹진 최신글 박스 overflow 및 z-index 보정 */
#bbs,
.bbsmain,
.bbs1,
.bbs2,
.webzine_list,
.webzine_text,
.webzine_info {
    overflow: visible !important;
}