/*공통*/
#container{background:#fff;padding-bottom:170px;}
.gw-bbs-con{margin:0 auto;width: 1200px;}

.more_opt {display: none;position:absolute;top: 45px;right:0;background: #fff;border: 1px solid #ddd;z-index: 100;box-shadow: 70px 70px 130px rgb(39 49 108 / 20%);}
.more_opt:before {content: "";position: absolute;top: -8px;right: 13px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #b8bfc4 transparent;}
.more_opt:after {content: "";position: absolute;top: -6px;right: 13px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
.more_opt li {border-bottom:1px solid #f1f1f1;padding:10px;float:inherit;width:154px;margin:0;color:#666;text-align:left}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#666;text-align: left;}
.more_opt li:hover a,
.more_opt li:hover button {color:#000}
.more_opt li i {float:right;line-height:20px}

/*제품정보테이틀*/
.gw-item-container {border-top: 1px solid #000;}
.gw-item-container tr{border-bottom: 1px solid #ddd;}
.gw-item-container th{padding:12px 20px;background: #f8f8f8;text-align: left;}
.gw-item-container td {padding:12px 20px;}
.gw-item-container .gw-item-text {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}

/* 페이징 */
.pg_wrap {display: flex;align-items: center;place-content: center;font-family: "Outfit", sans-serif; font-weight: 600;}
.pg {text-align:center;display: flex;}
.pg_page,.pg_current { min-width: 20px;padding: 0 3px;margin: 0 6px;text-align: center;}
.pg_page{color:#999 !important;}
.pg_current{border-bottom:2px solid #000;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_start {text-indent:-999px;overflow:hidden;padding:0;background: url('img/gw-bbs-start.png') no-repeat 50% 50%;background-size: 100%;}
.pg_prev {text-indent:-999px;overflow:hidden;padding:0;background: url('img/gw-bbs-prev.png') no-repeat 50% 50%;background-size: 100%;}
.pg_end {text-indent:-999px;overflow:hidden;padding:0;background: url("img/gw-bbs-end.png") no-repeat 50% 50%;background-size: 100%;}
.pg_next {text-indent:-999px;overflow:hidden;padding:0;background: url('img/gw-bbs-next.png') no-repeat 50% 50%;background-size: 100%;}

/*list*/
#gw-bo-list #gall_ul {display:flex;flex-wrap:wrap;margin:12px -12px 0;padding:0;list-style:none;zoom:1;}
#gw-bo-list #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
.gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10 {position:relative;min-height:1px;padding:12px;padding-left:0;padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0}
.gall_row .col-gn-0,.gall_row .col-gn-1 {width:100%}
.gall_row .col-gn-2 {width:50%}
.gall_row .col-gn-3 {width:33.33333333%}
.gall_row .col-gn-4 {width:25%}
.gall_row .col-gn-5 {width:20%}
.gall_row .col-gn-6 {width:16.66666667%}
.gall_row .col-gn-7 {width:14.28571428%}
.gall_row .col-gn-8 {width:12.5%}
.gall_row .col-gn-9 {width:11.11111111%}
.gall_row .col-gn-10 {width:10%}

#gw-bo-list .search-container {padding:80px 0;position: relative;width: 700px;margin: 0 auto;display: flex;gap: 15px;}
#gw-bo-list .search-container button {position: absolute;right: 17px;top:50%;transform:translateY(-50%);}
#gw-bo-list .sch_input {padding:12px 17px;height:55px;border: 2px solid #ddd;border-radius: 5px;background: #fff;}
#gw-bo-list .sch_input::placeholder{text-align: left;font-family: "Noto Sans KR", sans-serif; font-weight: 500; color:#666;}
#gw-bo-list .sch_input:focus{text-align: left;border-color: #000;}
input[type="text"]:not(:focus) {text-align: left;}
#bo_cate_on{background: #fff;box-shadow: 0 15px 10px rgba(34, 34, 34, .02);color: var(--main-color);}
#bo_cate ul {zoom:1;}
#gw-bo-list .btn_bo_user > li {position: relative;}
#gw-bo-list .btn_bo_user{place-content: center;align-items:flex-start;}
#gw-bo-list .icon-wrap {position: absolute;right: 0;top: 0;font-size: 20px;color: #000;}
#gw-bo-list .new_icon {font-size:14px;font-family: "Outfit", sans-serif; font-weight: 600;color: #fff;width: 20px;height: 20px;display: block;text-align: center;line-height: 20px;background: var(--main-color);}
#gw-bo-list .icon-wrap .fa-download:before {content: "\eb7c";font-family: xeicon;}
#gw-bo-list .icon-wrap .fa-link:before {content: "\e9c0";font-family: xeicon;}
#gw-bo-list .fa-lock:before {content: "\e964";font-family: xeicon;}
#gw-bo-list .cnt_cmt {color: var(--main-color);}
#gw-bo-list .bo-list-wrap {flex-wrap: wrap;}
#gw-bo-list .gallery{position:relative;cursor: pointer;}
#gw-bo-list .gallery > a {display: block;width: 100%;height: 100%;}
#gw-bo-list .gallery .gw-gall-line {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0px solid;transition: all .3s;}
#gw-bo-list .gallery .gall_img > a:hover .gw-gall-line{border-width:10px;border-color: var(--main-color);}
#gw-bo-list .gallery .gall_con{position:relative;border:1px solid #ddd;box-shadow:0 15px 10px rgba(34, 34, 34, .02);}
#gw-bo-list .gallery .gall_img{position:relative;display: block;overflow: hidden;}
#gw-bo-list .gallery .gall_img > a {display: block;width: 100%;height: 100%;}
#gw-bo-list .gallery .gall_img > a > img {object-fit: cover;width: 100%;height: 100%;}
#gw-bo-list .gallery .notice_icon {margin-right:10px;padding:6px;min-width: 63px;}
#gw-bo-list .gallery .gall_chk {position: absolute;right: 20px;top: 20px;z-index: 1;}
#gw-bo-list .gallery .content {position:relative;padding: 20px;background: #fff;border-top: 1px solid #ddd;}
#gw-bo-list .gallery .gall_text_href > a {display: block;}
#gw-bo-list .gallery .bo_cate_link .sticky02{transition: all .3s;}
#gw-bo-list .gallery:hover .bo_cate_link .sticky02{background: var(--main-color);color: #fff;}
#gw-bo-list .bo_tit {font-size: var(--main-title04);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
#gw-bo-list .gw-text {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;min-height: 44px;}
#gw-bo-list .profile_img{display: none;}
#gw-bo-list .gw-empty-list{border-top: 2px solid #000;}
#gw-bo-list .gw-empty-list {padding: 40px 0;border-bottom: 1px solid #ddd;border-top:2px solid #ddd;}
#gw-bo-list .gw-empty-list > h3 {font-size: var(--main-title03);}
#gw-bo-list .no_image {background: #ddd;}




/*view*/
#gw-bo-v{padding-top: 120px;}
#gw-bo-v .profile_img {display: none;}
#bo_v_info .profile_info{padding-bottom: 40px;margin-bottom: 40px;}
#bo_v_atc {min-height: 250px;border: 2px solid #ddd;border-radius: 5px;background: #fff;padding: 20px;}
#gw-bo-v .bo_v_nb{padding-top:60px;margin-bottom:60px;align-items:center;border-top: 1px solid #ddd;text-align: center;}
#gw-bo-v .bo_v_nb > li > a {display: block;width: 100%;transition: all .3s;text-transform: uppercase;font-size: var(--main-title04);}
#gw-bo-v .bo_v_nb > li > .list-btn {display:inline-block;width: 60px;height: 60px;background: #000;color: #fff;position: relative;box-shadow: 0 20px 30px rgba(0, 0, 0, .05);transition: all .3s;}
#gw-bo-v .bo_v_nb > li > .list-btn:hover {background: var(--main-color);}
#gw-bo-v .bo_v_nb > li > a.disabled-link {color: #ccc;}
#gw-bo-v .btn_bo_user {place-content: center;align-items:flex-start;}
#bo_v_link .gw-box01 {margin-bottom: 30px;}
#bo_v_link .gw-box01 .gw-flex {align-items: center;gap: 10px;}
.gw-empty-list {padding: 40px 0;border-bottom: 1px solid #ddd;border-top:2px solid #ddd;}
.gw-empty-list > h3 {font-size: var(--main-title03);}
#wr_content{background: #fff;}
#bo_vc .cmt_contents {background: #fff;}
#bo_vc .gw-box02 {border: 2px solid #ddd;margin-bottom: 20px;}
#bo_v_sns{text-align: center;}
#bo_v_sns > li {width: 40px;height: 40px;line-height:40px;border: 1px solid #ddd;}
#bo_v_sns > li > a {display: block;width: 100%;height: 100%;color: #666;}
#bo_v_sns > li > a.disabled {color: #ccc;}
#bo_v_act {place-content: center;}
#bo_vc_w .bo_vc_w_wr input{background: #fff;}
#gw-bo-v .bo_v_nb > li > a{position: relative;}
#gw-bo-v .bo_v_nb > li:not(:nth-of-type(2)) >a:before {content: "";display: block;width: 100%;height: 3px;background: var(--main-color);position: absolute;top: -80px;opacity: 0;transition: all .3s;}
#gw-bo-v .bo_v_nb > li:not(:nth-of-type(2)) >a:hover:before{opacity: 1;}
#gw-bo-v .bo_v_nb > li > .prev > i {transition: all .3s;}
#gw-bo-v .bo_v_nb > li > .prev:hover{color: var(--main-color);}
#gw-bo-v .bo_v_nb > li > .prev:hover > i {transform: translateX(-10px);}
#gw-bo-v .bo_v_nb > li > .next > i {transition: all .3s;}
#gw-bo-v .bo_v_nb > li > .next:hover{color: var(--main-color);}
#gw-bo-v .bo_v_nb > li > .next:hover > i {transform: translateX(10px);}
#gw-bo-v .bo_v_nb > li:not(:nth-of-type(2)) >a.disabled-link:before {opacity: 0;}
#gw-bo-v .bo_v_nb > li > .disabled-link:hover > i {transform: translateX(0);}
#gw-bo-v .gw-item-container th {background: #F3F3F3;}
#gw-bo-v .gw-bo-v-top-container {gap: 50px;align-items: flex-start;}
#bo_v_title{align-items: flex-start;}
#gw-bo-v .gw-text {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;min-height: 44px;}
#gw-bo-v .slider-wrapper {position: relative;}
#gw-bo-v .slider-wrapper .slick-track {display: flex;justify-content: center;transform: translate3d(0px, 0px, 0px) !important;}
#gw-bo-v .slider-wrapper .slick-arrow{position:absolute;top:50%;transform: translateY(-50%);z-index:100;width: 49px;height: 49px;background:#000;color: #fff;font-size: 0;}
#gw-bo-v .slider-wrapper .slick-arrow:before {content: "";display: block;font-family:xeicon;font-size:18px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#gw-bo-v .slider-wrapper .slick-prev{left: 20px;}
#gw-bo-v .slider-wrapper .slick-prev:before{content:"\e93b"}
#gw-bo-v .slider-wrapper .slick-next{right: 20px;}
#gw-bo-v .slider-wrapper .slick-next:before{content:"\e93e"}
#gw-bo-v .slider-wrapper .slider-nav {margin-top: 20px;}
#gw-bo-v .slider-wrapper .slick-gnuwiz {text-align: center;height: 420px;position: relative;}
#gw-bo-v .slider-wrapper .slick-gnuwiz img {object-fit: contain;width: 100%;height: 100%;}
#gw-bo-v .slider-wrapper .slick-gnuwiz .demo {position: relative;top: 50%;transform: transitionY(-50%);}
#gw-bo-v .slider-wrapper .slick-gnuwiz.slider-div {margin-right:5px;height:64px;opacity:0.3;}
#gw-bo-v .slider-wrapper .slick-gnuwiz.slider-div > img {object-fit: cover;width: 100%;height: 100%;}
#gw-bo-v .slick-gnuwiz.slider-div.slick-current{opacity:1;}




/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_wrapper .gw-btn03 {position: absolute;right: 17px;top: 50%;transform: translateY(-50%);}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #ddd;background:#fff;box-shadow:70px 70px 130px rgb(39 49 108 / 20%);}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important}
#autosave_pop button {margin:0;padding:0;border:0}
#autosave_pop ul {padding:15px;border-top:1px solid #ddd;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #ddd}
#autosave_pop li {padding:10px;border-bottom:1px solid #fff;background:#f3f3f3;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;color:#999;font-family: 'Poppins_R', sans-serif;}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover {background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}

/*글쓰기*/
#gw-bo-w{padding-top: 120px;width: 1000px;}
#gw-bo-w > h2 {padding-bottom: 40px;margin-bottom: 20px;border-bottom: 2px solid #000;}
#gw-bo-w > form > div:not(:last-child) {border-bottom: 1px solid #ddd;}
#gw-bo-w > form input {margin-top:10px;background: #fff;}
#gw-bo-w .file-name {background: #fff;width: calc(80% - 3px);}
#gw-bo-w .file-name .num {border-bottom: 1px solid #000;margin-left: 10px;}
#gw-bo-w .gw-btn-wrap {margin: 0 auto;}
#gw-bo-w .file_del {position: absolute;right: 17px;top: 50%;transform: translateY(-50%);}
.btn_cke_sc{font-size:14px;}
.cke_sc_def{font-size:14px;}

@media screen and (max-width:1280px){
	#container{padding-bottom:120px;}
    .gw-bbs-con{width: 100%;padding: 0 40px;}

    /*write*/
    #gw-bo-w{width: 100%;}
}

@media screen and (max-width:1024px){
    .gw-bbs-con{width: 100%;padding: 0 20px;}

    /*list*/
    #gw-bo-list .search-container{padding: 60px 0;width:100%;}
    #gw-bo-list .gallery .gw-gall-line{display: none;}

    .gall_row .col-gn-3 {width:50%}
    .gall_row .col-gn-4 {width:50%}
    .gall_row .col-gn-5 {width:50%}
    .gall_row .col-gn-6 {width:50%}
    .gall_row .col-gn-7 {width:50%}
    .gall_row .col-gn-8 {width:50%}
    .gall_row .col-gn-9 {width:50%}
    .gall_row .col-gn-10 {width:50%}

    /*view*/
    #gw-bo-v .gw-bo-v-top-container{flex-direction:column;margin-bottom:50px !important;}
    #gw-bo-v .gw-bo-v-top-container .gw-w-50{width: 100% !important;}
}

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

    /*write*/
    #gw-bo-w{padding-top: 60px;}

    /*view*/
    #gw-bo-v{padding-top: 60px;}
}

@media screen and (max-width:576px){
    /*공통*/
    .pg_page, .pg_current{height: 25px;}
    .gw-item-container tr {display: flex;flex-direction: column;width: 100%;}

    /*list*/
    #gw-bo-list .search-container{padding: 40px 0;width: 100%;flex-wrap: wrap;}
    .gall_row .col-gn-0, .gall_row .col-gn-1, .gall_row .col-gn-2, .gall_row .col-gn-3, .gall_row .col-gn-4, .gall_row .col-gn-5, .gall_row .col-gn-6, .gall_row .col-gn-7, .gall_row .col-gn-8, .gall_row .col-gn-9, .gall_row .col-gn-10{padding-left: 0;padding-right: 0;}
    .gall_row .col-gn-3 {width:100%}
    .gall_row .col-gn-4 {width:100%}
    .gall_row .col-gn-5 {width:100%}
    .gall_row .col-gn-6 {width:100%}
    .gall_row .col-gn-7 {width:100%}
    .gall_row .col-gn-8 {width:100%}
    .gall_row .col-gn-9 {width:100%}
    .gall_row .col-gn-10 {width:100%}
    #gw-bo-list .btn_bo_user{width: 100%;flex-direction:column;}
    #gw-bo-list .btn_bo_user > li{flex: 1;font-size: 12px;}
    #gw-bo-list #gall_ul{margin: 0;}
    #gw-bo-list .gallery .gall_img{height: 47vw;}
    #gw-bo-list .gw-text{min-height: auto;}
    
    /*write*/
    #gw-bo-w > form > div {flex-direction: column;}
    #gw-bo-w > form > div .gw-w-15 {width: 100% !important;margin-bottom: 10px;}
    #gw-bo-w > form > div .gw-w-85 {width: 100% !important;flex-wrap: wrap;}
    #gw-bo-w > form > div .gw-w-85 > li {width: 40%;}
    #gw-bo-w > form > div > .gw-w-50:first-child {border-bottom: 1px solid #ddd;padding-bottom: 10px;}
    #gw-bo-w .file-name{width: calc(75% - 3px);}
    .gw-file-input-button{width: 25% !important;}
    .btn_cke_sc{font-size:12px;}
    .cke_sc_def{font-size:12px;}
    .cke_sc_def dd{text-align:center;}

    /*view*/
    #bo_vc .cm_wrap > .gw-flex-btw {flex-direction: column;gap: 10px;text-align:center;}
    #bo_vc .cmt_contents{margin-bottom: 0 !important;}
    #gw-bo-v .bo_v_nb{margin-bottom: 30px;}
    #gw-bo-v .gw-btn0102 {width: 100% !important;}
    #gw-bo-v .btn_bo_user{width: 100%;flex-direction:column;}
    #gw-bo-v .btn_bo_user > li{flex: 1;font-size: 12px;}
    #bo_v_info .profile_info{padding-bottom: 20px;margin-bottom: 20px;font-size: 12px;}
    #gw-bo-v .bo_v_nb {padding-top: 30px;}
    #gw-bo-v .bo_v_nb > li:not(:nth-of-type(2)) >a:before{top: -50px;}
    .more_opt li{width:122px;}
    #bo_v_title{padding-bottom:20px;align-items: center;flex-direction: column;text-align: center;gap: 20px;}
    #gw-bo-v .slider-wrapper .slick-arrow{width: 10vw;height: 10vw;}
    #gw-bo-v .slider-wrapper .slick-gnuwiz{height: 50vw;}
    #gw-bo-v .slider-wrapper .slick-gnuwiz.slider-div{height: 10vw;}
    #gw-bo-v .slider-wrapper .slider-nav{margin-top: 10px;}
    #gw-bo-v .gw-text{min-height: auto;}
}

@media screen and (max-width:375px){
	 /*list*/
	.pg_page, .pg_current{margin:0 3px;}

    /*view*/
    #gw-bo-v .bo_v_nb > li > .list-btn{width:50px;height:50px;}
}

@media screen and (max-width:320px) {
    .gw-none-320{display: none;}
    .gw-file-input-button{font-size: 12px;}
}


/*custom*/

/* 격자 컨테이너 */
.cat-grid { margin: 24px 0; }

/* 4개씩 줄바꿈되는 그리드 */
.cat-list{
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr)); /* ← 가로 4칸 */
  border: 1px solid #E6EBF1;                     /* 외곽선 */
  border-right: none;
  border-bottom: none;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 각 셀 */
.cat-item{
  border-right: 1px solid #E6EBF1;
  border-bottom: 1px solid #E6EBF1;
  min-height: 68px; /* 셀 높이 */
}

/* 링크(셀을 꽉 채움) */
.cat-item > a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; height: 100%;
  padding: 16px 10px;
  text-decoration: none;
  color: #7B8593;                 /* 기본 글자색 */
  font-weight: 500;
  text-align: center;
  white-space: nowrap;            /* 길면 줄바꿈 방지 */
}

/* 활성(현재 분류) */
.cat-item.is-active > a{
  background: #FFC325;            /* 이미지와 비슷한 노란색 */
  color: #111;                    /* 가독성 위해 진한 텍스트 */
}

/* 호버 */
.cat-item > a:hover{
  background: #FFC325;
}

/* 반응형: 태블릿 2열, 모바일 1열 */
@media (max-width: 1024px){
  .cat-list{ grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 768px){
  .cat-list{ grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 480px){
  .cat-list{ grid-template-columns: 1fr; }
}



.gallery-wrap {
  width: 100%;
}

.gallery-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4개씩 한 줄 */
  gap: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.gallery-item {
  text-align: center;
  transition: transform .2s ease;
}

.gallery-item:hover {
  transform: translateY(-5px);
}

.gallery-item a {
  text-decoration: none;
  color: inherit;
  display: block;
}

.gallery-item .thumb {
  border: 1px solid #e6e6e6;
  background: #fff;
  padding: 12px;
  aspect-ratio: 4 / 4; /* 세로 비율 */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.gallery-item .thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.gallery-item .no-img {
  color: #999;
  font-size: 14px;
}

.gallery-item .subject {
  margin-top: 10px;
  font-size: 14px;
  color: #333;
}

/* 반응형 */
@media (max-width: 1024px) {
  .gallery-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .gallery-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .gallery-list {
    grid-template-columns: 1fr;
  }
}
/* Pager wrapper */
.pager{
  display:flex; align-items:center; justify-content:center;
  gap:18px; margin:28px 0 6px;
  font-family:inherit;
}

/* Arrows */
.pg-arrow{
  width:36px; height:36px; display:flex; align-items:center; justify-content:center;
  border:1px solid #E6EBF1; color:#A7B0BC; text-decoration:none; border-radius:4px;
  transition:all .15s ease;
}
.pg-arrow:hover{ border-color:#C8D0DA; color:#6B7480; }
.pg-arrow.disabled{ opacity:.35; pointer-events:none; }

/* Number list */
.pg-list{ list-style:none; display:flex; gap:8px; margin:0; padding:0; }
.pg-list li{ display:block; }

/* Page buttons */
.pg-link{
  min-width:38px; height:38px; padding:0 8px; border:1px solid #E6EBF1;
  display:flex; align-items:center; justify-content:center;
  border-radius:4px; text-decoration:none; color:#9aa3ad; background:#fff;
  transition:all .15s ease; font-weight:600; font-size:14px;
}
.pg-link:hover{ border-color:#C8D0DA; color:#6B7480; }

/* Active */
.pg-link.is-active{
  background:#2F3644; border-color:#2F3644; color:#fff;
}

/* 작은 화면 간격 축소 */
@media (max-width:480px){
  .pager{ gap:12px; }
  .pg-list{ gap:6px; }
  .pg-link{ min-width:34px; height:34px; font-size:13px; }
  .pg-arrow{ width:34px; height:34px; }
}



/* 상단 탭 바 (4칸 한 줄) */
.pd-tabbar{
    display:flex;
    border:1px solid #e3e6ee;
    border-bottom:none;
    margin:24px 0 0;
    background:#fff;
}
.pd-tabbtn{
    flex:1 1 0;
    height:72px;
    padding:0 10px;
    border:0;
    border-right:1px solid #e3e6ee;
    background:#fbfbfd;
    font-size:15px;
    color:#666;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}
.pd-tabbtn:last-child{
    border-right:none;
}
.pd-tabbtn.is-active{
    background:#ffc325;
    color:#111;
    font-weight:600;
}

/* 아래 내용 박스 */
.pd-tabpanels{
    border:1px solid #e3e6ee;
    background:#fff;
    position: relative;
}
.pd-tabpanel{
    display:none;
}
.pd-tabpanel.is-active{
    display:block;
}
.pd-tab-inner{
    padding:24px 20px 40px;
}
.pd-tab-inner img{
    max-width:100%;
    height:auto;
}


.gw-box02{display: none !important;}



.magnifier {
    width: 150px;
    height: 150px;
    position: absolute;
    border-radius: 100%;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85), 0 0 3px 3px rgba(0, 0, 0, 0.25);
    display: none;
}


.product-hotspot-wrap {
    position: relative;
    display: block;          /* ✅ 블록으로 바꾸고 */
    width: max-content;      /* 이미지 크기만큼만 */
    margin: 40px auto;       /* ✅ 화면 가운데 정렬 */
}

.product-main-img {
    display: block;
    max-width: 100%;
    height: auto;

    border: 1px solid #eee;  /* ✅ 얇은 보더 */
    border-radius: 16px;     /* 살짝 둥글게 (원하면 숫자 줄여도 됨) */
    background: #fff;
}


.hotspot {
    position: absolute;
    transform: translate(-50%, -50%);
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
}
.hotspot-dot {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #ad1421;
    border: 3px solid #fdd10d;
    box-shadow: 0 0 0 4px rgba(0,0,0,0.06);
    display: block;
    position: relative;
}

.hotspot-dot::after {
    content:"";
    position:absolute;
    inset:4px;
    border-radius:50%;
    background:#9e9e9e;
}
.hotspot-tooltip {
    position: absolute;
    top: 50%;
    left: 32px;
    transform: translateY(-50%);
    padding: 14px 20px;
    min-width: 260px;
    max-width: 340px;

    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.18);

    font-size: 14px;
    line-height: 1.5;
    color: #111;
    text-align: left;          /* ✅ 왼쪽 정렬 */

    white-space: normal;       /* 줄바꿈 허용 */
    word-wrap: break-word;     /* 긴 단어도 안 튀어나가게 */

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .18s ease, transform .18s ease;
    z-index: 5;
}


/* 살짝 위로 뜨는 느낌 */
.hotspot:hover .hotspot-tooltip,
.hotspot:focus .hotspot-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translate(4px, -50%);  /* 오른쪽/살짝 위로 */
}


#gw-bo-v{padding-top: 0;}


/* 전체 화면을 덮는 반투명+블러 배경 */
.login-required-mask {
    background: rgba(255,255,255,0.5);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 중앙 모달 */
.login-required-modal {
    background: #fff;
    padding: 40px 50px;
    border-radius: 20px;
    text-align: center;
    width: 420px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.15);
    animation: fadeIn 0.25s ease-out;
    position: absolute;
    top: 35%;
}

/* 아이콘 */
.login-required-modal .lock-icon {
    margin-bottom: 20px;
    color: #3366cc;
}

/* 메시지 */
.login-required-modal .login-msg {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
    color: #222;
}

/* 로그인 버튼 */
.login-required-modal .login-btn {
    display: inline-block;
    padding: 12px 30px;
    border-radius: 10px;
    background: #003fb7;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.2s;
}
.login-required-modal .login-btn:hover {
    background: #002f8e;
}

/* 등장 애니메이션 */
@keyframes fadeIn {
    from {opacity:0; transform:translateY(20px);}
    to {opacity:1; transform:translateY(0);}
}
.pd-tabpanel{

}
.c_member_blank_contents{width: 80%;padding: 7em 5em;background: url('../img/custom/p-1.png');background-attachment:contain;margin: 0 auto;    filter: blur(12px);
    pointer-events: none;}

#gw-bo-w > form > div:not(:last-child){border-bottom: none !important;padding: 0 !important;margin: 0 !important;margin-top: 3em !important;}
.cke_sc {margin-top: -2em !important;}

#gw-bo-w .gw-btn-wrap{margin-top: 2em;}


.hotspot-dot::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: rgba(253, 209, 13, 0.45);
    animation: hotspotPulse 1.8s infinite ease-out;
    z-index: -1;
}


/* 파동 애니메이션 정의 
@keyframes hotspotPulse {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }
    70% {
        transform: scale(2.7);
        opacity: 0;
    }
    100% {
        transform: scale(2.7);
        opacity: 0;
    }
}
*/

.hotspot:hover .hotspot-dot::before {
    animation: none;
    opacity: 0;
}

/* 🔥 1초 간격 깜빡이기 */
.hotspot-dot {
    animation: hotspotBlink 2s infinite ease-in-out;
}

/* 🔥 깜빡이는 애니메이션 정의 */
@keyframes hotspotBlink {
    0%   { opacity: 1; transform: scale(1); }
    50%  { opacity: 0.35; transform: scale(0.95); }
    100% { opacity: 1; transform: scale(1); }
}


#container,
.gw-bbs-con{
  position: relative;
  z-index: 1;
}


.gallery-item {
  position: relative;
}

.gallery-item .gall_chk {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}

/* 갤러리용 체크박스 강제 표시 */
#gw-bo-list .gallery-item .gall_chk input[type="checkbox"] {
    position: static !important;
    width: 18px !important;
    height: 18px !important;
    opacity: 1 !important;
    margin: 0;
    padding: 0;
    clip: auto;
    -webkit-appearance: auto;
    appearance: auto;
}
#gw-bo-list .gallery-item .gall_chk {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 5;
}


.pd-tabbtn:hover{ transition: background-color 0.4s ease;}
.pd-tabbtn:hover{background: #e67f1b;color: #fff;}



@media screen and (max-width: 1440px) {
#gw-bo-v{padding-top: 5em;}
}

.pd-youtube{
  width: 100%;
  margin: 18px 0 24px;
  aspect-ratio: 16 / 9;
}
.pd-youtube iframe{
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}