/* hsj_20250725 추가 */
:root {
    --main-color: #0f2859;
}
.none {
    display: none;
}
.gw-w-75 {
    width: 75% !important;
}
.gw-faq-container {
    max-width: 1420px;
    width: 100%;
    margin: 0 auto;
}
#gw-bo-list .faq-arrow {
    top: 46px;
}
.con_inner .gw-TR {
    margin-top: 30px;
}
#gw-bo-v {
    max-width: 1420px;
    width: 100%;
    margin: 0 auto;
}
.gw-profile-info strong a {
    color: #000;
}
#gw-bo-v .bo_v_nb {
    justify-content: space-between;
}
.gw-TC {
    text-align: center !important;
    display: block;
    gap: 0;
}
.gw-mb-20 {
    margin-bottom: 20px !important;
}
.gw-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#gw-bo-list .btn_bo_user {
    margin-top: 30px;

}
#gw-bo-list  .gw-btn01 {
    margin-bottom: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 30px;
}
/* 상단 비주얼 콘텐츠 */
.wrap {
  width: 100%;
  position: relative;
  margin: auto;
  clear: both;
}
#sub-common .sub-visual-wrap {
  position: relative;
  width: 100%;
  height: 50vh;
  overflow: hidden;
  z-index: -1;
}
.sub-visual-wrap .img-wrap {
  transform: scale(1);
  transition: all 1.4s;
  background-repeat : no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 50vh;
}
.subname-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.sub-visual-wrap .subname-wrap h2, .sub-visual-wrap .subname-wrap span {
  color: #fff;
  text-align: center;
}
.sub-visual-wrap .subname-wrap h2 {
  font-size: 54px;
  margin-bottom: 7px;
}
.sub-visual-wrap .subname-wrap span {
  font-size: 34px;
}
#sub-common .scroll-down {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 10;
}
#sub-common .scroll-down p {
    position: relative;
    right: -2px;
    margin: 0 auto 14px;
    font-size: 16px;
    color: #fff;
}
#sub-common .scroll-down div {
    position: relative;
    margin: 0 auto;
    width: 1px;
    height: 50px;
}
#sub-common .scroll-down div::after, .scroll-down div::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1px;
    height: 100%;
    margin-left: -0.5px;
    background: rgba(255, 255, 255, .2);
    -webkit-transition: .5s;
    transition: .5s;
}
#sub-common .scroll-down div::after {
    will-change: transform;
    width: 1px;
    background: #fff;
    animation-name: scrollDown;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.75,0,.173,1);
}
#sub-common .main {
  position: relative;
}
#sub-common .type01-wrap {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 4;
  background: #fff;
  transition: all .3s ease-in-out;
}
#sub-common .type01-inner {
  display: flex;
  justify-content: center;
  width: 100%;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  position: sticky;
  top: 0;
  left: 0;
  margin-bottom: 20px;
}
#sub-common .container {
  max-width: 1420px;
  width: 100%;
  margin: auto 0;
}
#sub-common .type01-inner ul>li {
    position: relative;
    width: 100%;
    text-align: center;
}
#sub-common .container ul {
  display: flex;
  justify-content: space-between;
}
#sub-common .container ul li a {
  color: #222;
  font-size: 20px;
  padding: 25px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  letter-spacing: -0.038em;
  transition: all 0.3s ease;
}
#sub-common .container ul li.on,
#sub-common .container ul li:hover {
  border-bottom: 2px solid #163570;
}

#sub-common .container ul li.on a,
#sub-common .container ul li a:hover {
  color: #163570;
  font-weight: 600;
}
.type01-mobile {
    display: none;
}
.content-wrap {
  max-width: 1420px;
  width: 100%;
  margin: 0 auto;
}
.sub-container  {
  width: 100%;
}
/* 반응형 */
@media (max-width: 1280px) {
  #ctt header {
    padding: 0;
  }
}
@media (max-width: 1080px) {
  #sub-common .sub-visual-wrap {
    height: 20vh;
  }
  .sub-visual-wrap .subname-wrap h2 {
    font-size: 38px;
    margin-bottom: 10px;
  }
  .sub-visual-wrap .subname-wrap span {
    font-size: 22px;
  }
  .scroll-down {
    display: none;
  }
  #sub-common .type01-inner {
    margin-bottom: 48px;
  }
  #sub-common .type01-inner .container {
    display: none;
  }
  .type01-mobile {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
  }
  #sub-common .tab-recent {
    display: flex;
    justify-content: space-between;
    padding: 25px 20px;
    width: 100%;
    cursor: pointer;
    background-color: transparent;
    border: 0 none;
  }
  .tab-recent .dropbtn {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    font-family: 'Paperlogy';
  }
  .tab-cont {
    display: none;
  }
  .tab-cont ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #sub-common .tab-cont ul li {
    text-align: left;
    margin-bottom: 15px;
    padding: 18px 20px;
  }
  #sub-common .tab-cont ul li :last-child {
    margin-bottom: 0;
  }
  .tab-cont ul li a {
    font-size: 16px;
    font-weight: 400;
    color: #222;
  }
  .type01-mobile:hover .tab-cont{
    display: block;
    /* opacity: 1;
    transform: translateY(0); */
  }
  .tab-cont a:hover {
    color: #163570;
    font-weight: 600;
  }
  .tab-cont:hover .tab-recent img, .tab-recent:hover img {
    transform: rotate(180deg);
  }
}
@media (max-width: 768px) {

}
@media (max-width: 680px) {

}
@media (max-width: 375px) {
   .sub-visual-wrap .subname-wrap h2 {
    font-size: 28px;
    margin-bottom: 10px;
  }
  .sub-visual-wrap .subname-wrap span {
    font-size: 18px;
  }
}

/* 서브 콘텐츠 공통 */
.content-title {
  max-width: 1420px;
  margin: 0 auto;
  margin-top: 117px;
  margin-bottom: 45px;
}
.content-title h6{
  font-size: 55px;
  color: #222;
  display: flex;
  padding: 0 0 0 10px;
  flex-direction: column;
  gap: 8px;
}
.content-title h6 span {
  font-size: 22px;
  color: #666;
}
.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}

/* 페이징 */
.pg_wrap {display: flex;align-items: center;place-content: center;font-family:'Poppins_SB', sans-serif;}  
.pg {text-align:center;display: flex;}
.pg_page,.pg_current { min-width: 15px;height: 30px;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: cover;}
.pg_prev {text-indent:-999px;overflow:hidden;padding:0;display:none;}
.pg_end {text-indent:-999px;overflow:hidden;padding:0;background: url("img/gw-bbs-end.png") no-repeat 50% 50%;background-size: cover;}
.pg_next {text-indent:-999px;overflow:hidden;padding:0;display:none;}

/*list*/
#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: 41px;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:"NotoKr_M", sans-serif; 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 .all_chk {position: relative; padding-bottom: 30px;}
#gw-bo-list .chk_box{text-align:right;margin-top:15px;margin-right:15px;}
#gw-bo-list .chk_box input[type="checkbox"] + .check-label:before{margin-right: 0;}
#gw-bo-list .gw-faq-list{position:relative;border:1px solid #ddd;background: #fff;cursor: pointer;}
#gw-bo-list .gw-faq-list:not(:last-child) {margin-bottom: 20px;}
#gw-bo-list .profile_img {display: none;}
#gw-bo-list .gw-question-container {padding: 30px 40px 30px 40px;}
#gw-bo-list .bo_cate_link {color:var(--main-color);transition: all .3s; margin-right: 15px;transition: all .3s;}
#gw-bo-list .faq-question {font-size: var(--main-title04);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;width:850px;}
#gw-bo-list .bo_tit > a{transition: all .3s;}
#gw-bo-list .gw-faq-list .subject .notice_icon {padding:6px;min-width: 63px;}
#gw-bo-list  .tit_bg {display:inline-block;text-align:center;color: #fff;font-size: 14px;font-family: 'Poppins_SB', sans-serif;width: 32px;height: 32px;border-radius: 50%;line-height: 30px;margin-right:15px;transition: all .3s;}
#gw-bo-list .subject .tit_bg {background: var(--main-color);}
#gw-bo-list .con_inner {display:none;position:relative;padding: 40px;border-top: 1px solid #ddd;background: #fff;color: #666;}
#gw-bo-list .con_inner .tit_bg {background: var(--main-color);}
#gw-bo-list .gw-answer {width: calc(100% - 80px);display: inline-block;vertical-align: text-top;line-height: 1.75;}
#gw-bo-list .gw-faq-list.active{border: 1px solid var(--main-color);background: var(--main-color);}
#gw-bo-list .gw-faq-list.active .subject .tit_bg {background: #fff;color: var(--main-color);}
#gw-bo-list .gw-faq-list.active .faq-question{color: #fff;}
#gw-bo-list .gw-faq-list.active .bo_cate_link{color: #fff;border-color: rgba(255,255,255,0.5);}
#gw-bo-list .faq-arrow{position:absolute;right:40px;width:30px;color:#bbb;transition: all .3s;}
#gw-bo-list .faq-arrow.active > i{transform: rotate(180deg);transform-origin:center;}
#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 .subject{position: relative;}
#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);}




/*view*/
#gw-bo-v{padding-top: 120px;}
#gw-bo-v .profile_img {display: none;}
#bo_v_info .profile_info{text-align: center;padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px solid #ddd;}
#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{place-content: 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);}




/* 게시판 쓰기 */
#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 > 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 .gw-question-container{padding: 20px;}
	#gw-bo-list .subject{width:100%;}
	#gw-bo-list .faq-question{width:70vw;}
    #gw-bo-list .faq-arrow{right: 20px;}
    #gw-bo-list .con_inner{padding: 20px;}
}

@media screen and (max-width:768px){
    #container{padding-bottom:60px;}
    
    /*list*/
    #gw-bo-list .subject{flex-direction: column;align-items: flex-start;}
    #gw-bo-list .tit_bg{margin-right: 0;margin-bottom: 10px;font-size: 12px;width: 24px;height: 24px;line-height: 24px;}

    /*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;}

    /*list*/
    #gw-bo-list .search-container{padding: 40px 0;width: 100%;flex-wrap: wrap;}
    #gw-bo-list .gw-question-container{align-items: flex-end;}
    #gw-bo-list .subject > .gw-flex{flex-direction: column;align-items: flex-start;gap: 10px;}
    #gw-bo-list .gw-answer{display: block;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 .con_inner .gw-btn03 {width: 100%;}

    /*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{flex-wrap:wrap;width: 100%;}
    #gw-bo-v .btn_bo_user > li{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;}
}

@media screen and (max-width:375px){
	/*list*/
	.pg_page, .pg_current{margin:0 3px;}
	#gw-bo-list .faq-question{width:60vw;}

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