/*********************************/
/*********** 게시판 공통 ***********/
/*********************************/
/* 게시판 상단 */
.sch_top {display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:1;margin-bottom:2rem;}
@media only screen and (max-width:1023px){
    .sch_top {margin-bottom:1.5rem;}
}

/* 총게시물 수 */
.sch_top .total {}
.sch_top .total strong {font-size:1.7rem;font-weight:500;color:var(--black);}
.sch_top .total strong > em {color:var(--primary);}
.sch_top .total strong > span {font-size:1.6rem;color:#767676;}
.sch_top .total strong > span em {color:var(--primary);}

/* 검색 */
.sch_top .search_box .inputbox {display:flex;justify-content:center;gap:4px;}
.sch_top .search_box .inputbox select {width:20rem;border:1px solid #111;border-radius:4px;color:var(--black);}
.sch_top .search_box .inputbox input {width:43rem;height:4.5rem;border-radius:4px;border:1px solid #111;color:var(--black);}
.sch_top .search_box .inputbox input::-ms-input-placeholder {color:var(--black);}
.sch_top .search_box .inputbox input::-webkit-input-placeholder {color:var(--black);}
.sch_top .search_box .inputbox input::-moz-placeholder {color:var(--black);}
.sch_top .search_box .inputbox button {flex-shrink:0;width:4.5rem;height:4.5rem;background:#111;border-radius:4px;color:#fff;font-size:2rem;}
@media only screen and (max-width:1023px){
    .sch_top {margin-bottom:1.5rem;}
    .sch_top .search_box .inputbox select {width:15rem;}
    .sch_top .search_box .inputbox input {width:33rem;}
}
@media only screen and (max-width:767px){
    .sch_top {flex-direction:column-reverse;align-items:flex-start;margin-bottom:1rem;gap:1rem;}
    .sch_top .search_box {width:100%;}
    .sch_top .search_box .inputbox {flex-wrap:wrap;}
    .sch_top .search_box .inputbox select {flex-grow:1;}
    .sch_top .search_box .inputbox input {flex-grow:1;}
    .sch_top .search_box .inputbox button {flex-grow:1;}
}

/* 게시판 영역 */
.board_box {border-top:2px solid #111;border-bottom:1px solid #ddd;}

/* 게시판 페이지넘버 */
.page_number {display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:4rem;}
.page_number li a {display:grid;place-items:center;width:34px;height:34px;line-height:1.2;text-align:center;font-size:1.5rem;color:var(--black);}
.page_number li a.on,.page_number li a:is(:hover, :focus, :active) {}
.page_number .prev_first a {background:url("../../images/fs/common/first_prev.png") no-repeat center center;font-size:0;}
.page_number .prev a {background:url("/images/fs/common/prev.png") no-repeat center center;font-size:0;}
.page_number .num a.on,.page_number .num a:is(:hover, :focus, :active) {background:var(--primary);border-radius:5px;color:#fff;}
.page_number .next a {background:url("/images/fs/common/next.png") no-repeat center center;font-size:0;}
.page_number .next_last a {background:url("/images/fs/common/last_next.png") no-repeat center center;font-size:0;}
@media only screen and (max-width:1023px){
    .page_number {margin-top:2rem;}
}
@media only screen and (max-width:767px){
    .page_number li {margin:0 1px;}
    .page_number li a {width:3rem;height:3rem;line-height:3rem;}
    .page_number .prev_first a {width:3rem;}
    .page_number .prev a {width:3rem;}
    .page_number .next a {width:3rem;}
    .page_number .next_last a {width:3rem;}
}

/* 검색 카테고리 */
.sch_category {margin-bottom:4rem;}
.sch_category [class^="category_box"] {display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(20% - 1.6rem), 1fr));gap:1.6rem;}
.sch_category [class^="category_box"] li a {display:flex;align-items:center;position:relative;height:55px;padding:2px 30px 0 20px;text-decoration:none;border:1px solid #ddd;border-radius:5px;transition:.1s;}
.sch_category [class^="category_box"] li a:after {content:"";position:absolute;right:1rem;top:50%;display:block;width:15px;height:5px;background:#ddd;transform:translateY(-50%);transition:.1s;}
.sch_category [class^="category_box"] li:is(.on,:hover,:focus,:active) a {font-weight:500;font-size:1.9rem;padding:4px 30px 0 20px;border:2px solid var(--primary);color:var(--primary);}
.sch_category [class^="category_box"] li:is(.on,:hover,:focus,:active) a:after {right:12px;width:1rem;height:1rem;border-radius:100%;background:var(--primary);}
.sch_category [class^="category_box"] li a span {text-overflow:ellipsis;}
.sch_category [class^="tab_content"] {display:none;}
.sch_category [class^="tab_content"].on {display:block;}
@media only screen and (max-width:1023px){
    .sch_category {margin-bottom:3rem;}
    .sch_category [class^="category_box"] {grid-template-columns:repeat(auto-fill, minmax(calc(33.333% - 1.6rem), 1fr));}
    .sch_category [class^="category_box"] li a {padding:2px 35px 0 15px;}
    .sch_category [class^="category_box"] li:is(.on,:hover,:focus,:active) a {padding:4px 35px 0 15px;}
}
@media only screen and (max-width:767px){
    .sch_category [class^="category_box"] {grid-template-columns:repeat(auto-fill, minmax(calc(50% - 1.6rem), 1fr));}
    .sch_category [class^="category_box"] li a {height:50px;}
}
@media only screen and (max-width:599px){
    .sch_category [class^="category_box"] {grid-template-columns:repeat(auto-fill, minmax(100%, 1fr));gap:.8rem;}
}


/*********************************/
/*********** 일반 게시판 ***********/
/*********************************/
/* 목록 */
.board_table {width:100%;line-height:1;margin-top:1px;border-collapse:collapse;color:var(--black);}
.board_table thead th {position:relative;padding:2.5rem 2rem;font-weight:700;border-bottom:1px solid #111;font-size:1.8rem;}
.board_table tbody tr {border-top:1px solid #ddd;}
.board_table tbody tr.noti {position:relative;background:#f3f6f9;}
.board_table tbody tr.noti:after {content:"";display:block;position:absolute;left:0;top:-1px;width:100%;height:1px;background:#fff;}
.board_table tbody td {padding:2.5rem 1.5rem;height:56px;font-weight:400;font-size:1.6rem;}
.board_table tbody td .ellipsis1 {max-width:90%;line-height:2;}
.board_table tbody td.num {font-size:1.6rem;color:#767676;}
.board_table tbody td.img img {width:128px;}
.board_table tbody td.tit {font-weight:600;}
.board_table tbody td.tit .flex_box {display:flex;align-items:center;gap:1rem;}
.board_table tbody td.tit .flex_box .new img {vertical-align:middle;}
.board_table tbody td.tit .flex_box .lock {color:var(--primary);}
.board_table tbody td.tit .reply {margin-left:1.4rem;font-weight:400;white-space:nowrap;}
.board_table tbody td.view .btn_bace:first-child {margin-top:0;}
.board_table tbody td.view .btn_bace {margin-top:5px;}
.board_table tbody td.file {font-size:2rem;color:#767676;}
.board_table tbody td.date {font-size:1.7rem;color:#767676;}
.board_table tbody td .btn_bace {height:35px;line-height:35px;font-size:1.4rem;}
.board_table tbody tr.noti .num span {display:grid;place-items:center;width:5rem;height:3rem;margin:0 auto;background:var(--primary);text-align:center;border-radius:5rem;font-weight:500;font-size:1.6rem;color:#fff;}
.board_table tbody tr:is(:hover,:focus,:active) {background:#f9f9f9;}
@media only screen and (max-width:1023px){
    .board_table thead th {padding:1rem;}
    .board_table tbody td {padding:1rem;}
    .board_table tbody td .new img {width:17px;}
    .board_table tbody td .btn_bace {height:35px;line-height:35px;}
    .board_table tbody td.tit a {margin-top:0;}
}
@media only screen and (max-width:767px){
    .board_table {text-align:left;}
    .board_table colgroup,
    .board_table thead th {display:none;}
    .board_table tbody tr:first-child {border-top:0;}
    .board_table tbody tr.noti:after {display:none;}
    .board_table tbody tr {display:flex;flex-wrap:wrap;padding:1.5rem 0;}
    .board_table tbody td {display:block;height:auto;}
    .board_table tbody td.num {order:1;display:none;}
    .board_table tbody td.tit {order:2;width:100%;padding:0 6px 1rem 6px;font-weight:600;}
    .board_table tbody td .ellipsis1 {font-size:2.2rem;}
    .board_table tbody td .new img {width:2rem;}
    .board_table tbody td.file {order:4;display:flex;align-items:center;padding:0 6px;border-right:0;font-weight:400 !important;}
    .board_table tbody td.data {order:3;display:inline-block;padding:0 6px;margin:5px 0;border-right:1px solid #ddd;}
    .board_table tbody tr.noti td {font-weight:600;}
    .board_table tbody tr.noti td.num {display:block;}
    .board_table tbody tr.noti .num {padding:0 6px 1rem 6px;text-align:left;}
    .board_table tbody tr td.ta-c {width:100%;}
}
@media only screen and (max-width:529px){
    .board_table tbody td .ellipsis1 {max-width:98%;}
    .board_table tbody td.tit .reply {display:block;margin:1rem 0 0 0;}
}

/* 상세 */
.view_box {border-bottom:1px solid #ddd;border-top:2px solid #111;}
.view_box .top {border-bottom:1px solid#ddd;text-align:center;}
.view_box .top .sttit {display:flex;flex-direction:column;font-size:3.3rem;color:var(--black);padding:4.5rem 0 4rem;}
.view_box .top .sttit .notice {display:grid;place-items:center;width:5rem;height:3rem;margin:0 auto;background:var(--primary);text-align:center;border-radius:5rem;font-weight:500;font-size:1.6rem;color:#fff;}
.view_box .top .view_info {padding:2rem 1.5rem;border-top:1px dashed #ddd;}
.view_box .top .view_info li {display:inline-block;margin-right:1.5rem;padding-right:2.5rem;border-right:1px solid #ddd;color:#767676;}
.view_box .top .view_info li:last-child {margin-right:0;padding-right:0;border-right:0;}
.view_box .top .view_info li em {display:inline-block;margin-right:1rem;color:var(--black);}
.view_box .content_box {padding:5rem 3rem;line-height:1.7;font-size:1.7rem;color:#767676;}
.view_box .content_box img {max-width: 100%;width:100% !important;height: auto !important;margin:0 auto;display: block;}
.view_box .file_box {display:flex;gap:55px;padding:2rem 3rem 18px 3rem;border-top:1px solid #ddd;font-size:1.6rem;}
.view_box .file_box strong {padding-top:2px;color:var(--black);}
.view_box .file_box .file_d {display:flex;align-items:center;gap:7rem;}
.view_box .file_box .file_d a {display:flex;gap:8px;line-height:1.2;}
.view_box .file_box .file_d a img {opacity:0.5;transform:translateY(-2px);}
.view_box .file_box .file_d a span {margin-top:2px;font-weight:500;font-size:1.6rem;color:var(--primary);}
.view_box .file_box .file_d a:is(:hover,:focus,:active) {}
.view_box .public_box {margin:0;border-radius:0;}
.view_np_box {display:flex;justify-content:center;align-items:center;}
@media only screen and (max-width:1023px){
    .view_box .content_box {padding:3rem 2rem;}
    .view_box .file_box {gap:25px;padding:25px 2rem;}
}
@media only screen and (max-width:767px){
    .view_box .top .sttit {margin-bottom:28px;}
    .view_box .top .view_info {padding:1.5rem 1rem;}
    .view_box .top .view_info li {margin-right:1rem;padding-right:1.5rem;margin-bottom:1rem;}
    .view_box .file_box {flex-direction:column;gap:1.5rem;padding:1.5rem 1.5rem;}
    .view_box .file_box .file_d {flex-direction:column;align-items:flex-start;gap:1rem;}
    .view_box .file_box .btn_down {height:3rem;line-height:3rem;}
    .view_box .file_box .btn_down img {margin-top:1px;}
}
/* 상세_정부지원사업 안내 */
.view_box .top .view_info2 {display:flex;flex-wrap:wrap;gap:2rem;justify-content:flex-start;align-items:flex-start;padding:4rem 3rem;border-top:1px dashed #ddd;background: #fffaf1;}
.view_box .top .view_info2 li { width: calc(50% - 2rem); display:flex;align-items: center;padding-right:2rem;color:#616161;font-size:1.6rem;text-align: left;}
.view_box .top .view_info2 li:last-child {}
.view_box .top .view_info2 li em {width:13rem;flex-shrink:0;display:inline-block;margin-right:1rem;color:var(--black);font-weight: 600;}
.view_box .content_box2 {background: #f9f9f9;padding:4rem 3rem;font-size:1.6rem;}
.view_box .content_box2 h4 {color:var(--primary);font-size:1.8rem;font-weight: 600;}
.view_box .content_box2 div {margin-top:2rem;}
.view_box .content_box2 div p {color:#222;}
@media only screen and (max-width:767px){
    .view_box .top .view_info2 li { width:100%;}
}
@media only screen and (max-width:479px){
    .view_box .top .view_info2 li {flex-direction: column;align-items: flex-start;gap:1rem;}
}


/* 댓글 */
.reply_box {padding:3rem;border-top:1px solid #ddd;}
.reply_box .reply_tit {color:var(--black);}
.reply_box .reply_tit .reply {display:inline-block;margin-left:1rem;font-weight:600;}
.reply_box .reply_tit .reply i {font-weight:400;font-size:2rem;}
.reply_box .bot_reply {margin-top:1rem;padding:2rem;background:#ebf7fc;border-radius:4px;border:1px solid #ddd;}
.reply_box .bot_reply .text_reply {background:#fff;border-radius:4px;}
.reply_box .bot_reply .text_reply .box {display:flex;padding:3rem;}
.reply_box .bot_reply .text_reply .reply_tit2 {flex-shrink:0;width:20rem;color:var(--black);}
.reply_box .bot_reply .text_reply .reply_tit2 span {display:block;font-weight:400;font-size:1.5rem;}
.reply_box .bot_reply .text_reply .reply_p {width:100%;line-height:1.4;min-height:14.5rem;margin-right:3.5rem;color:#333;}
.reply_box .bot_reply .btn {flex-shrink:0;width:10rem;display:flex;flex-direction:column;gap:.5rem;}
.reply_box .bot_reply .text_textarea {position:relative;margin-top:2rem;}
@media only screen and (max-width:767px){
    .reply_box .bot_reply .text_reply .box {flex-direction:column;gap:1rem;padding:2rem;}
    .reply_box .bot_reply .btn {width:100%;text-align:right;}
}

/* 게시물 비밀번호 확인 */
.boardAuth p {font-size:1.8rem;color:var(--black);line-height:1.5;margin-top:4rem;}
.boardAuth .inputpw {max-width:35rem;margin:2rem auto;}
.boardAuth .btn_area {display:flex;justify-content:center;gap:.4rem;}
@media only screen and (max-width:767px){
    .boardAuth {padding:6rem 2rem;}
    .boardAuth .inputpw {max-width:30rem;}
}

/* 쓰기 */
.required {background:#f4f4f4;padding:2rem 3rem;margin-bottom:4rem;border-radius:4px;}
.form {width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:5rem 0;}
.form li {position:relative;width:100%;}
.form li .flex {justify-content:space-between;}
.form li label {display:block;}
.form li em {display:block;margin-bottom:1.6rem;color:var(--black);font-weight:600;font-size:2rem;line-height:1;}
.form li :is(input,textarea,select) {display:flex;width:100%;border-radius:4px;background:#fff;border:1px solid #ddd;font-weight:400;line-height:100%;box-sizing:border-box;color:var(--black);}
.form li :is(select) {background:url(/images/fs/common/arrow_drop_down.svg) no-repeat right 10px center #fff;}
.form .check_flex {display:flex;align-items:center;gap:2.4rem;flex-wrap:wrap;width:100%;padding:2rem;border-radius:4px;border:1px solid #ddd;}
.form .checks {display:flex;align-items:center;}
.file_box {display:flex;flex-wrap:wrap;position:relative;}
.file_box:not(:first-child) {margin-top:.5rem;}
.file_box .btn_upload {width:15rem;}
.file_box .btn_upload label {display:block;width:100%;padding:0 2rem;border-radius:4px 0 0 1.2rem;line-height:4.5rem;height:4.5rem;font-size:.9em;transition:all .4s;-webkit-transition:all .4s;}
.file_box .btn_upload input[type="file"] {position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0;cursor:pointer;transition:all .4s;-webkit-transition:all .4s;}
.file_box .upload_list {display:block;width:calc(100% - 15rem);}
.file_box .upload_list .upload_name {display:flex;align-items:center;padding:0 1.5rem;border-radius:0 1.2rem 1.2rem 0;background:#f6f6f6;border-bottom:none;line-height:4.5rem;height:4.5rem;font-size:.9em;color:#767676;}
.file_box .upload_list .upload_name .lbl_userFile {width:calc(100% - 10rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.file_box .btn_del {position:absolute;top:50%;right:2rem;transform:translateY(-50%);font-weight:500;font-size:inherit;color:#de3412;background:transparent;}
.file_box .upload_btn_wrap {display:flex;align-items:center;gap:.5rem;}
.file_box .upload_btn_wrap .btn_del {position:static;transform:translateY(0);display:flex;align-items:center;margin-right:1rem;}
.file_box .upload_btn_wrap .btn_toggle {border:1px solid #ddd;background:#fff;color:#767676;border-radius:.5rem;padding:.5rem 1rem;font-size:1.3rem;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;}
.file_box .upload_btn_wrap .btn_toggle.active {background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.1);}
@media only screen and (max-width:767px){
    .form {gap:3rem 0;}
    .form li {width:100%;}
}


/***********************************/
/*********** 갤러리 게시판 ***********/
/***********************************/
/* 기본 갤러리 */
.gallery_box {padding:4rem 2rem;margin-top:4rem;}
.gallery_box .g_list {display:grid;grid-template-columns:repeat(4,1fr);gap:5rem 4rem;}
.gallery_box .g_list:has(.board_none) {grid-template-columns:1fr;text-align:center;color:var(--black);}
.gallery_box .g_list > li {position:relative;}
.gallery_box .g_list > li > input {position:absolute;top:0;left:0;z-index:1;}
.gallery_box .g_list > li a {display:block;}
.gallery_box .g_list > li a .imgbox {display:flex;justify-content:center;align-items:center;overflow:hidden;border:1px solid #ddd;text-align:center;aspect-ratio:1/1;}
.gallery_box .g_list > li a .imgbox:has(.no-img) {padding:5rem;}
.gallery_box .g_list > li a .imgbox img {max-width:100%;height:100%;object-fit:cover;transition:all .4s;-webkit-transition:all .4s;}
.gallery_box .g_list > li a .imgbox img.no-img {object-position:center;object-fit:contain;}
.gallery_box .g_list > li a .titbox {margin-top:1.5rem;color:var(--black);font-weight:700;text-align:center;}
.gallery_box .g_list > li:is(:hover,:focus,:active) a .imgbox img {transform:scale(1.1);}
@media only screen and (max-width:1023px){
    .gallery_box .g_list {grid-template-columns:repeat(3,1fr);}
}
@media only screen and (max-width:767px){
    .gallery_box .g_list {grid-template-columns:repeat(2,1fr);}
}
@media only screen and (max-width:475px){
    .gallery_box .g_list {grid-template-columns:repeat(1,1fr);}
}

/* 인증서 갤러리 */
.certwrap .gallery_box .g_list > li a .imgbox {aspect-ratio:1/1.5;}


/* 갤러리게시판2(목록_가로형) */
.board_box {margin-top:2rem;border-top:2px solid #222;border-bottom:1px solid #ddd;}
.gallery_list_box2 {padding:4rem 0;}
.gallery_list_box2 .gallery_list {display: flex;flex-wrap:wrap;gap: 4rem;}
.gallery_list_box2 .gallery_list li {position:relative;width: 100%;}
.gallery_list_box2 .gallery_list li .set {display: flex;height: 100%;border:1px solid #ddd;border-radius:8px;transition:0.4s;}
.gallery_list_box2 .gallery_list li .set .img {overflow:hidden;position:relative;z-index:1;flex-shrink:0;display:flex;align-items:center;justify-content: center;width:45rem;height:30rem;background:#f9f9f9;border-radius: 8px 0 0 8px;}
.gallery_list_box2 .gallery_list li .set .img img {/*width: 100%;*/height: 100%;object-fit: cover;}
.gallery_list_box2 .gallery_list li .set .cont {position:relative;display: flex;flex-direction: column;flex-grow: 1;padding:4rem;transition:0.4s;}
.gallery_list_box2 .gallery_list li .set .cont .texta {position:relative;z-index:1;display: flex;align-items: flex-start;flex-direction: column;flex-grow: 1;text-decoration: none;}
.gallery_list_box2 .gallery_list li .set .cont .texta .tit {line-height:1.1;font-weight: 800;font-size:2.4rem;color:#222;}
.gallery_list_box2 .gallery_list li .set .cont .texta .scont {margin-top:2rem;margin-bottom:4rem;line-height:1.5;font-size:1.8rem;color:#555;}
.gallery_list_box2 .gallery_list li .set .cont .texta .spbt {margin-top:auto;display: flex;gap:3.6rem;font-size:1.5rem;color:#767676;font-weight: 400;}
.gallery_list_box2 .gallery_list li .set .cont .texta .spbt em {}
.gallery_list_box2 .gallery_list li .set .cont .texta .spbt .adm {}
.gallery_list_box2 .gallery_list li .set .cont .texta .spbt .data {}
.gallery_list_box2 .gallery_list li .set .cont .texta .spbt .hit {}
.gallery_list_box2 .gallery_list li .set .cont .texta .scont2 {margin-top:2rem;}
.gallery_list_box2 .gallery_list li:is(:hover,:focus,:active) .set {box-shadow: 4px 4px 20px rgba(0,0,0,0.06);}
.gallery_list_box2 .gallery_list li .etc_box {display: flex;gap: 2rem;justify-content:flex-end;margin-top:3rem;font-size:1.5rem;font-weight: 400;color:#767676;}
.gallery_list_box2 .gallery_list li .etc_box span {}
.gallery_list_box2 .gallery_list li .etc_box span em {position: relative;padding-right:1rem;margin-right:0.8rem;display: inline-block;font-weight:600;color:#444;}
.gallery_list_box2 .gallery_list li .etc_box span em:after {content:"";position: absolute;right:0;top:3px;width: 1px;height:13px;display:block;background: #ddd;}
@media only screen and (max-width:1023px){
    .gallery_list_box2 .gallery_list li .set .cont .texta .spbt {gap:2.6rem;}
    .gallery_list_box2 .gallery_list li .set .img {max-width:30rem;max-height:30rem;}
}
@media only screen and (max-width:767px){
    .gallery_list_box2 .gallery_list li .set {flex-direction:column;align-items: center;}
    .gallery_list_box2 .gallery_list li .set .img {width:100%;height: auto;max-height: none;max-width: none;border-radius:8px 8px 0 0;}
    .gallery_list_box2 .gallery_list li .set .img img {width: 100%;height: auto;object-fit: cover;}
    .gallery_list_box2 .gallery_list li .set .cont {padding:3rem;margin-left:0;}
    .gallery_list_box2 .gallery_list li .set .cont .texta .spbt {flex-direction:column;gap:1rem;}
    .gallery_list_box2 .gallery_list li .set .cont .texta .spbt i {width: 2rem;text-align: center;}
    .gallery_list_box2 .gallery_list li .etc_box {flex-direction:column;gap: 1rem;}
}


/* FAQ 게시판 */
.faq_box .faq_cont {font-size:1.8rem;border:none;}
.faq_box .faq_cont em {display:inline-block;margin-right:1.5rem;font-weight:800;font-size:2.4rem;vertical-align:middle;text-decoration:none;color:var(--primary);}
.faq_box .faq_cont dt {position:relative;z-index:2;background:#fff;color:var(--black);transition:all .3s;border-radius:10px; box-shadow:0 5px 20px rgba(0,0,0,0.08);margin-bottom:1.5rem;overflow:hidden;}
.faq_box .faq_cont dt:hover {transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1);}
.faq_box .faq_cont dt:first-child {margin-top:0;}
.faq_box .faq_cont dt .question {display:flex;align-items:center;justify-content:center;padding:2.5rem 3rem;font-weight:700;text-decoration:none;transition:all .3s;}
.faq_box .faq_cont dt .question em {color:var(--primary);}
.faq_box .faq_cont dt .question p {padding-right:4rem;word-break:keep-all;}
.faq_box .faq_cont dt .question .faq-toggle {position:relative;margin-left:auto;flex-shrink:0;width:2.4rem;height:2.4rem;transition:.3s;}
.faq_box .faq_cont dt .question .faq-toggle::before {content:"";position:absolute;left:50%;top:50%;width:1rem;height:1rem;border-right:2px solid #222;border-bottom:2px solid #222;transform:translate(-50%, -75%) rotate(45deg);transition:.3s;}
.faq_box .faq_cont dt .question .faq-toggle::after {display:none;}
.faq_box .faq_cont dt .btn_edit {position:absolute;top:50%;transform:translateY(-50%);right:6rem;font-size:2.2rem;}

.faq_box .faq_cont dd {position:relative;z-index:1;display:none;align-items:flex-start;margin-bottom:1.5rem;padding:3rem;line-height:1.6;background:#f8f9fa;border-radius:0 0 10px 10px;margin-top:-1.5rem;}
.faq_box .faq_cont dd em {float:left;color:var(--black);margin-right:1.5rem;}
.faq_box .faq_cont dd p {overflow:hidden;}

/* Active State */
.faq_box .faq_cont dt.on {background:var(--primary);color:#fff;border-radius:10px 10px 0 0;margin-bottom:0;transform:none;}
.faq_box .faq_cont dt.on .question {color:#fff;}
.faq_box .faq_cont dt.on .question em {color:#fff;}
.faq_box .faq_cont dt.on .question .faq-toggle::before {border-color:#fff;transform:translate(-50%, -25%) rotate(225deg);}
.faq_box .faq_cont dt.on:hover {transform:none;box-shadow:0 5px 20px rgba(0,0,0,0.05);}

@media only screen and (max-width:1023px){
    .faq_box .faq_cont em {font-size:2rem;margin-right:1rem;}
    .faq_box .faq_cont dt .question {padding:2rem;}
    .faq_box .faq_cont dd {padding:2rem;}
}
@media only screen and (max-width:767px){
    .faq_box .faq_cont em {font-size:1.8rem;}
    .faq_box .faq_cont dt .question {padding:1.5rem;}
    .faq_box .faq_cont dd {padding:1.5rem;}
}


/********************************/
/*********** 설문조사 ***********/
/********************************/
.surveys {padding:5rem 1rem;}
.surveys_box {padding:5rem;background:color-mix(in srgb, var(--primary) 10%, #fff);border-radius:4px;}
.surveys_box .top {padding:2rem 0 6rem 3rem;}
.surveys_box .top strong {font-weight:700;font-size:6.5rem;color:var(--primary);}
.surveys_box .top p {line-height:1.5;margin-top:1rem;font-size:2rem;color:#767676;}
.surveys_box .top p em {display:block;font-weight: 700;color:#222;}
.surveys_box .bot {position:relative;padding:6rem 4rem;background: #fff;border-radius:4px;}
.surveys_box .bot .box_set {padding-top: 6rem;margin-top: 6rem;border-top:1px solid #ddd;}
.surveys_box .bot .box_set:first-child {padding-top: 0;margin-top: 0;border-top:0;}
.surveys_box .bot .box_set h4 {color:var(--primary);}
.surveys_box .bot .set_box {margin-bottom:10rem;}
.surveys_box .bot .set_box:last-child {margin-bottom:0;}
.surveys_box .bot .set_box .qbox {display: flex;align-items: flex-start;gap:1.8rem;font-size:2.0rem;}
.surveys_box .bot .set_box .qbox span {position:relative;flex-shrink: 0;display:grid;place-items:center;width: 8rem;height:3.5rem;border-radius:4px;background: var(--primary);color:#fff;}
.surveys_box .bot .set_box .qbox span:after {content: "";position: absolute;top: 2.4rem;right: 2rem;border-top: 1rem solid transparent;border-left: 0 solid transparent;border-right: 1.2rem solid var(--primary);border-bottom: 1rem solid transparent;}
.surveys_box .bot .set_box .qbox p {line-height:1.5;padding:0 0.3rem;color:#222;box-shadow: inset 0 -13px 0 #e7f1ff;}
.surveys_box .bot .set_box .qbox p em {font-weight: 700;}
.surveys_box .bot .set_box .abox {display:flex;flex-wrap:wrap;margin-top:3.5rem;font-size:2rem;padding-left:8rem;}
.surveys_box .bot .set_box .abox label {flex-grow: 1;width: 20%;}
.surveys_box .bot .set_box .abox label input {}
.surveys_box .bot .set_box .abox label span {}
.surveys_box .bot .set_box .abox textarea {font-size:1.7rem;}
.surveys_p {line-height: 1.5;}
@media only screen and (max-width:1023px){
    .surveys_box {padding:3rem;background-size:80% auto;}
    .surveys_box .top {padding:2rem 0 5rem 2rem;}
    .surveys_box .bot {padding:4rem 3rem;}
    .surveys_box .bot .set_box {margin-bottom:8rem;}
    .surveys_box .bot .set_box .qbox span {width: 7rem;}
    .surveys_box .bot .set_box .qbox p {box-shadow: none;}
    .surveys_box .bot .set_box .abox {gap:2rem;margin-top:2rem;}
    .surveys_box .bot .set_box .abox label {flex-grow: 0;width: 45%;}
}
@media only screen and (max-width:767px){
    .surveys_box {padding:3rem;background:#f3f6f9;}
}
@media only screen and (max-width:499px){
    .surveys_box {padding:2rem;}
    .surveys_box .top {padding:2rem 0 5rem 0;}
    .surveys_box .bot {padding:2rem}
    .surveys_box .bot .set_box {margin-bottom:5rem;}
    .surveys_box .bot .set_box .qbox {flex-direction: column;}
    .surveys_box .bot .set_box .abox {padding-left:0;}
    .surveys_box .bot .set_box .abox label {flex-grow: 0;width: 100%;}
}


/********************************/
/*********** 온라인문의 ***********/
/********************************/
.online_inquiry .online_box {padding:6rem 5rem;background:color-mix(in srgb,var(--primary) 10%,#fff) url(../../images/fs/common/inquiry_bg.png) no-repeat right 5rem center/auto 85%;min-height:30rem;border-radius: 1rem;}
.online_inquiry .online_box span {display: inline-block;background:var(--primary);color:#fff;padding:1rem 2rem;border-radius:5rem;font-size:1.6rem;}
.online_inquiry .online_box p {margin-top:2rem;line-height:1.5;font-size:1.8rem;color:#616161;font-weight: 400;}
.online_inquiry .online_box p:last-child {margin-top:1rem;line-height:1;font-size:4rem;color:#222;font-weight: 700;}
.online_inquiry .inquiry_table_wrap {margin-top:4rem;}
.online_inquiry .inquiry_table {padding:30px 0;border-top:2px solid var(--black);}
.online_inquiry .inquiry_table > li:first-child {padding-top:0;}
.online_inquiry .inquiry_table > li {padding:1.5rem 0;}
.online_inquiry .inquiry_table > li .flex_box {display:flex;justify-content:space-between;align-items:center;gap:1rem;}
.online_inquiry .inquiry_table > li .flex_box > div {width:calc(50% - .5rem);}
.online_inquiry .inquiry_table label {display:block;font-weight:600;font-size:1.8rem;color:var(--black);margin-bottom:1rem;cursor:pointer;}
.online_inquiry .inquiry_table label span {margin-right:.5rem;}
.online_inquiry .inquiry_table .input_style {border-radius:4px;}
.online_inquiry .inquiry_table .select_style {border-radius:4px;height:auto;}
.online_inquiry .inquiry_table > li.useremail .flex_box .mail_input {display:flex;align-items:center;justify-content:space-between;width:calc(100% - 21rem);}
.online_inquiry .inquiry_table > li.useremail .flex_box .mail_input span {display:inline-block;width:3rem;text-align:center;}
.online_inquiry .inquiry_table > li.useremail .flex_box .mail_input input {width:calc(50% - 1.5rem);}
.online_inquiry .inquiry_table > li .file_box label {color:#fff;margin:0;}
.online_inquiry .announce_privacy_policy {border:1px solid #ddd;padding:2rem;max-height:20rem;overflow-y:scroll;}
.online_inquiry .announce_privacy_policy * {all:unset;display:block;}
.online_inquiry .announce_privacy_policy .index_wrap {display:none;}
.online_inquiry .announce_privacy_policy .privacy_box .list1 > li::after {display:none;}
.online_inquiry .announce_privacy_policy .privacy_box h4 {margin-top:1rem;font-weight:700;color:var(--black);}
.online_inquiry .announce_privacy_policy .privacy_box h4.h4:after {display: none;}
.online_inquiry .announce_privacy_policy .effective {margin-top:2rem;}
@media only screen and (max-width:767px){
    .online_inquiry .online_box {padding:4rem;background:color-mix(in srgb,var(--primary) 10%,#fff);}
    .online_inquiry .inquiry_table > li {padding:10px 0;}
    .online_inquiry .inquiry_table > li .flex_box {display:block;}
    .online_inquiry .inquiry_table > li .flex_box > div {width:100%;}
    .online_inquiry .inquiry_table > li .flex_box > div + div {padding-top:20px;}
    .online_inquiry .inquiry_table > li .flex_box .checks {width:auto;display:inline-block;margin-right:10px;}
    .online_inquiry .inquiry_table > li .flex_box .checks:last-child {margin-right:0;}
    .online_inquiry .inquiry_table > li.useremail .flex_box .mail_input {width:100%;}
}


/*************************************/
/*********** 개인정보취급방침 ***********/
/*************************************/
.policy_box {padding:4rem 5rem;background:color-mix(in srgb, var(--primary) 15%, #fff);border-top:1px solid var(--primary);font-weight:500;line-height:1.6;color:var(--black);}
.privacy_wrap .index_box {display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:4rem 0;}
.privacy_wrap .index_box a {display:block;background:var(--primary);color:#fff;padding:1rem 2.5rem;border-radius:.5rem;}
.privacy_wrap .index_box a:is(:hover,:focus:active) {background:color-mix(in srgb, var(--primary) 70%, var(--black));}
.privacy_wrap .effective {display:block;background:color-mix(in srgb, var(--primary) 15%, #fff);padding:1.5rem 2.5rem;border-radius:.5rem;}
@media only screen and (max-width:1023px){
    .policy_box {padding:4rem;}
    .privacy_wrap .index_box {grid-template-columns:repeat(2,1fr);}
}
@media only screen and (max-width:767px){
    .policy_box br {display:none;}
    .privacy_wrap .index_box {grid-template-columns:repeat(1,1fr);gap:.5rem;}
}


/***************************************/
/*********** 이메일무단수집거부 ***********/
/***************************************/
.antispam .top .icon_box {display:flex;justify-content:center;align-items:center;width:15rem;height:15rem;border-radius:50%;background:#f6f6f6;position:relative;margin:0 auto;}
.antispam .top .icon_box .mail {font-size:6rem;color:var(--primary);}
.antispam .top .icon_box .warning {font-size:4.8rem;color:#de3412;position:absolute;top:-1.1rem;right:0;}
.antispam .top .txt_box {line-height:1.5;text-align:center;}
.antispam .top .txt_box .title {display:block;font-weight:700;font-size:2.8rem;color:var(--black);margin:2.5rem 0 1rem;}
.antispam .top .txt_box .desc .p_color {color:var(--primary);}
.antispam .bottom {padding-top:3rem;border-top:1px dashed #ddd;margin-top:3rem;}
.antispam .bottom .law {background:#f6f6f6;border-radius:4px;padding:2.5rem;}
.antispam .bottom .law .title {display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.7rem;color:var(--black);margin-bottom:1rem;}
.antispam .bottom .law .title i {display:flex;justify-content:center;align-items:center;width:3rem;height:3rem;background:#fff;border-radius:50%;color:var(--primary);font-weight:400;font-size:2rem;}
.antispam .bottom .law .list1 {border-top:1px dashed #ddd;padding:2rem 0 0 3.5rem;margin-top:2rem;}
@media only screen and (max-width:1023px){
    .antispam .top .txt_box .desc {text-wrap:balance;}
    .antispam .top .txt_box .desc br {display:none;}
    .antispam .bottom .law .list1 {padding:2rem 1rem;}
}
@media only screen and (max-width:767px){
    .antispam .bottom .law .title em {max-width:calc(100% - 3.5rem);}
}


/********************************/
/*********** 회원서비스 ***********/
/********************************/
/* 자동입력방지 */
.captcha_cell {display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;}
.captcha_cell img {width:auto;height:5rem;}

/* 로그인 */
.login_box_wrap {padding:5rem 0;background:#f6f6f6;border-radius:2.5rem;}
.login_box_wrap .login_box {width:clamp(0px,90%,600px);margin:0 auto;}
.login_box_wrap .login_box .input_box {margin-bottom:2rem;}
.login_box_wrap .login_box .input_box label {display:block;font-weight:700;font-size:2rem;margin-bottom:0.5rem;}
.login_box_wrap .login_box .input_box input {width:100%;}
.login_box_wrap .login_box .pwbtn {display:block;margin-bottom:3rem;font-size:1.7rem;}
.login_box_wrap .login_box .pwbtn img {vertical-align:middle;margin-top:-2px;filter:brightness(0) saturate(100%) invert(43%) sepia(41%) saturate(1167%) hue-rotate(303deg) brightness(92%) contrast(91%);}
.login_box_wrap .login_box .btn_box button {display:block;width:100%;margin:3rem 0 2rem;}
.login_box_wrap .login_box .sub_btn_box {display:flex;justify-content:center;gap:2rem;color:#767676;}
.login_box_wrap .sns_box em {display:flex;align-items:center;gap:1.5rem;margin:4rem 0 2rem 0;text-align:center;}
.login_box_wrap .sns_box em:before {content:"";display:inline-block;flex-grow:1;height:1px;background:#767676;}
.login_box_wrap .sns_box em:after {content:"";display:inline-block;flex-grow:1;height:1px;background:#767676;}
.login_box_wrap .sns_box .btn_box {display:flex;align-items:center;}
.login_box_wrap .sns_box .btn_box a {flex-grow:1;text-align:center;}
.login_box_wrap .sns_box .btn_box a img {display:block;margin:0 auto 1rem auto;}

/* 회원탈퇴 */
.withdraw_noti {text-align:center;background:color-mix(in srgb, var(--primary) 10%, #fff);padding:5rem;}
.withdraw_noti strong {display:block;font-size:3rem;font-weight:700;color:var(--primary);margin-bottom:2rem;}
.withdraw_noti strong i {display:block;width: 1.8rem;margin: 0 auto 1rem auto;}
.user_info li:not(:first-child) {margin-top:2rem;}
.user_info li .flex {gap:1rem;}
.user_info li .flex .btn_bace {height:5rem;line-height:5rem;}
.user_info li label {display:block;font-size:1.8rem;font-weight:500;color:var(--black);margin-bottom:1rem;}
.user_info li input {width:100%;}
.user_info li .captcha_cell input {flex:1;}
.user_info li .captcha_cell .example {width:100%;}

/* 회원가입 - 개인정보 동의 */
.user_agree .agree_box .agree_content {border:1px solid #ddd;padding:2rem;max-height:20rem;overflow-y:scroll;}
.user_agree .agree_box .agree_content * {all:unset;display:block;}
.user_agree .agree_box .agree_content h4 {margin-top:1rem;font-weight:700;color:var(--black);}
.user_agree .agree_box1 .agree_content .privacy_item:first-child h4:first-child {margin-top:0;}
.user_agree .agree_box .agree_content .index_wrap {display:none;}
.user_agree .agree_box .agree_content .list1 > li::after {display:none;}
.user_agree .agree_box .agree_content .effective {margin-top:2rem;}
.user_agree .checks.all_checks {display:flex;justify-content:center;font-weight:500;color:var(--black);padding:1.5rem 1rem;border-radius:4px;background:color-mix(in srgb, var(--primary) 10%, #fff);}



/**************************************/
/********** 제품소개 **********/
/**************************************/
/* 0302~0312_제품소개(목록) */
/* 제품 카테고리 */
.prod_box [class^="tabs"] {display:flex;margin-left:-16px;}
.prod_box [class^="tabs"] li {flex:1 1 0;padding-left:16px;}
.prod_box [class^="tabs"] li a {display:flex;align-items:center;position:relative;height:55px;padding:2px 30px 0 20px;text-decoration:none;border:1px solid #ddd;border-radius:5px;transition:.1s;}
.prod_box [class^="tabs"] li a:after {content:"";position:absolute;right:10px;top:50%;display:block;width:20px;height:5px;background:#ddd;transform:translateY(-50%);transition:.1s;}
.prod_box [class^="tabs"] li:is(.active,:hover,:focus,:active) a {font-size:1.9rem;padding:4px 30px 0 20px;border:2px solid var(--primary);color:var(--primary);}
.prod_box [class^="tabs"] li:is(.active,:hover,:focus,:active) a:after {right:12px;width:10px;height:10px;border-radius:100%;background:var(--primary);}
.prod_box [class^="tab_content"] {display:none;}
.prod_box [class^="tab_content"].on {display:block;}
    @media only screen and (max-width:1023px){
        .prod_box [class^="tabs"] {row-gap:16px;margin-left:-16px;}
        .prod_box [class^="tabs"] li a {padding:2px 35px 0 15px;}
        .prod_box [class^="tabs"] li a:after {width:15px;}
        .prod_box [class^="tabs"] li:is(.on,:hover,:focus,:active) a {padding:4px 35px 0 15px;}
    }
    @media only screen and (max-width:767px){
        .prod_box [class^="tabs"] {flex-wrap:wrap;row-gap:8px;margin-left:-8px;}
        .prod_box [class^="tabs"] li {flex:1 1 auto;width:50%;padding-left:8px;}
        .prod_box [class^="tabs"] li a {height:50px;}
    }
    @media only screen and (max-width:599px){
        .prod_box [class^="tabs"] li {width:50%;}
    }

/* 제품 목록 */
.prod_box .prod_cont {margin-top:10rem;}
.prod_box:not(:has(.cont_tab)) .prod_cont {margin-top:0;}
.prod_box .g_list > li a .titbox .cate {display:inline-block;padding:0.5rem 1rem;margin-bottom:.5rem;background:var(--primary);border-radius:1rem;font-size:1.7rem;color:#fff;}

/* 제품 상세 */
.product_view .product_tit {border-bottom:1px solid #ddd;border-top:2px solid #111;}
.product_view .product_tit em {border-bottom:1px solid #ddd;text-align:center;display:flex;flex-direction:column;padding:4.5rem 3rem;line-height:normal;font-weight:700;font-size:3.3rem;color:#111;}
.product_view .product_tit em span {display:block;margin-bottom:1rem;font-size:1.8rem;text-align:center;color:var(--primary);}
.product_view .product_tit em span:empty {display:none;}
.product_view .flexbox {display:flex;margin-top:6.0rem;gap:5rem;}
.product_view .flexbox .img_box {flex-shrink:0;width:35%;overflow:hidden;}
.product_view .flexbox .img_box img {height:100%;max-width:100%;}
.product_view .flexbox .img_box .mainSwiper .swiper-wrapper {align-items:center;}
.product_view .flexbox .img_box .mainSwiper .swiper-slide {display:flex;justify-content:center;align-items:center;border:1px solid #ddd;overflow:hidden;padding:3rem;}
.product_view .flexbox .img_box .thumbSwiper {margin-top:2rem;}
.product_view .flexbox .img_box .thumbSwiper .swiper-wrapper {align-items:center;max-width:100%;}
.product_view .flexbox .img_box .thumbSwiper .swiper-slide {position:relative;background:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;aspect-ratio:1/1;}
.product_view .flexbox .img_box .thumbSwiper .swiper-slide:after {content:"";position:absolute;left:0;top:0;z-index:1;border:1px solid #ddd;width:100%;height:100%;display:block;}
.product_view .flexbox .img_box .thumbSwiper .swiper-slide img {transition:0.4s;}
.product_view .flexbox .img_box .thumbSwiper .swiper-slide.swiper-slide-thumb-active img {opacity:1;}
.product_view .flexbox .img_box .thumbSwiper .swiper-slide.swiper-slide-thumb-active:after {content:"";position:absolute;left:0;top:0;z-index:1;border:3px solid var(--primary);height:100%;display:block;}
.product_view .flexbox .txtbox {flex-grow:1;line-height:1.5;display:flex;flex-direction:column;justify-content:space-between;}
.product_view .flexbox .txtbox .product_ul {width:100%;}
.product_view .flexbox .txtbox .product_ul > li {display:flex;flex-wrap:wrap;width:100%;padding:1.5rem 0;border-bottom:1px dotted #ddd;}
.product_view .flexbox .txtbox .product_ul > li:last-child {border-bottom:0;}
.product_view .flexbox .txtbox .product_ul > li .stit {position:relative;width:32rem;color:#222;font-size:18px;font-weight:800;line-height:1.7;}
.product_view .flexbox .txtbox .product_ul > li .stit:before {content:"";position:absolute;right:0;top:8px;width:1px;height:14px;background:#999;}
.product_view .flexbox .txtbox .product_ul > li .stit:after {content:"";clear:both;display:block;}
.product_view .flexbox .txtbox .product_ul > li .pro_list {width:calc(100% - 32rem - 150px);overflow:hidden;padding-left:3.5rem;}
.product_view .flexbox .txtbox .product_ul > li .pro_list li {display:block;padding-left:1.5rem;position:relative;line-height:1.7;}
.product_view .flexbox .txtbox .product_ul > li .pro_list li:before {content:'';position:absolute;left:0;top:1.1rem;margin:auto;width:.5rem;height:.5rem;background:var(--primary);border-radius:50%;}
.product_view .board_cont {border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:4rem 2rem;}
.product_view .board_cont:empty {display:none;}
    /* 노이미지 */
    .product_view img.no_img {object-position:center;object-fit:contain;height:auto;}
    .product_view .flexbox .img_box .mainSwiper .swiper-slide:has(img.no_img) {padding:10rem;}
    .product_view .flexbox .img_box .thumbSwiper .swiper-slide:has(img.no_img) {padding:1rem;}
        @media only screen and (max-width:1199px){
            .product_view .product_tit em {padding:4rem 3rem;}
            .product_view .flexbox {margin-top:4.0rem;}
        }
        @media only screen and (max-width:1023px){
            .product_view .flexbox .txtbox .product_ul > li .pro_list {width:calc(100% - 10rem);}
            .product_view .flexbox .txtbox .product_ul > li .size_img {flex-direction:row;margin-top:2rem;margin-left:13.5rem;}
        }
        @media only screen and (max-width:767px){
            .product_view .product_tit em {padding:3rem 1.5rem;}
            .product_view .flexbox {flex-direction:column;flex-wrap:wrap;}
            .product_view .flexbox .img_box {width:100%;}
            .product_view .flexbox .img_box .mainSwiper .swiper-slide {max-width:100%;height:auto;background:none;}
            .product_view .flexbox .img_box .thumbSwiper .swiper-slide {height:auto;}
            .product_view .flexbox .img_box .thumbSwiper .swiper-slide:after {display:none;}
            .product_view .flexbox .txtbox {width:100%;}
            .product_view .flexbox .txtbox .product_ul > li .size_img {position:relative;}
            .product_view .flexbox .txtbox .product_ul > li .size_img a {display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;right:0;background:var(--primary);width:5rem;height:5rem;background:var(--primary);color:#fff;font-size:2.8rem;}
        }
        @media only screen and (max-width:425px){
            .product_view .flexbox .txtbox .product_ul > li .size_img img {width:125px;height:125px;}
        }


/********************************/
/*********** 포트폴리오 ***********/
/********************************/
/* Tabs */
.pf_tabs {display:flex;justify-content:center;gap:1.5rem;margin-bottom:6rem;}
.pf_tabs li {padding:0.8rem 2.5rem;border:1px solid #ddd;border-radius:5rem;font-size:1.8rem;color:#777;cursor:pointer;transition:.3s;}
.pf_tabs li:hover, .pf_tabs li.active {background:var(--primary);color:#fff;border-color:var(--primary);font-weight:700;}

@media only screen and (max-width:767px){
    .pf_tabs {flex-wrap:wrap;gap:1rem;margin-bottom:4rem;}
    .pf_tabs li {padding:0.8rem 2rem;font-size:1.6rem;}
}
@media only screen and (max-width:480px){
    .pf_tabs li {/*width:calc(50% - 0.5rem);*/text-align:center;}
}

/* List (Grid) */
.pf_list {display:flex;flex-wrap:wrap;gap:3rem;}
.pf_list li {width:calc(33.333% - 2rem);margin-bottom:3rem;cursor:pointer;}
.pf_list li.no_p {width:100%;text-align: center;font-size:1.8rem;color:#222;font-weight: 700;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:6rem 0;}
.pf_list li .thum_wrap {width:100%;height:30rem;overflow:hidden;box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);margin-bottom:2rem;}
.pf_list li .thum {width:100%;height:100%;background-position:center top;background-size:cover;transition:background-position 2s ease-in-out;background-repeat: no-repeat;}
.pf_list li:hover .thum {background-position:center bottom;}
.pf_list li .txt .subj {font-size:2rem;font-weight:700;color:#222;margin-bottom:0.8rem;transition:.3s;}
.pf_list li .txt .date {font-size:1.5rem;color:#888;font-weight:500;}
.pf_list li:hover .txt .subj {color:var(--primary);}

@media only screen and (max-width:1023px){
    .pf_list li {width:calc(50% - 1.5rem);}
}
@media only screen and (max-width:767px){
    .pf_list li {width:100%;}
    .pf_list li .thum_wrap {height:25rem;}
}

/* Modal */
.pf_modal {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;}
.pf_modal .modal_bg {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);backdrop-filter:blur(5px);}
.pf_modal .modal_content {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:70rem;background:#fff;padding:4rem;max-height:90vh;overflow-y:auto;}
.pf_modal .close_btn {position:absolute;top:2rem;right:2rem;font-size:3rem;color:#222;background:none;border:none;cursor:pointer;line-height:1;}
.pf_modal .m_body {padding-top:1rem;}
.pf_modal .m_img {margin-bottom:3rem;border-radius:1rem;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.1);}
.pf_modal .m_img img {width:100%;height:auto;display:block;}
.pf_modal .m_txt h3 {font-size:2.8rem;font-weight:800;color:var(--black);margin-bottom:1.5rem;}
.pf_modal .m_txt p {font-size:1.8rem;color:#444;line-height:1.7;}

@media only screen and (max-width:767px){
    .pf_modal .modal_content {padding:3rem;}
    .pf_modal .m_txt h3 {font-size:2.4rem;}
    .pf_modal .m_txt p {font-size:1.6rem;}
}


/********************************/
/*********** SNS 게시판 ***********/
/********************************/
.sns_list {display:flex;flex-wrap:wrap;gap:3rem;margin-top:2rem;font-size:1.8rem;font-weight: 700;color: #222;}
.sns_list li {width:calc(25% - 2.25rem);}
.sns_list li.no_p {width:100%;text-align: center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:6rem 0;}
.sns_list li a {display:block;}
.sns_list li .thum {position:relative;width:100%;height:30rem;background:#f5f5f5;overflow:hidden;box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);transition:transform 0.3s ease;display:flex;justify-content:center;align-items:center;}
/* Brand Colors */
.sns_list li .thum.insta {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);}
.sns_list li .thum.blog {background: #03C75A;}
.sns_list li .thum.youtube {background: #FF0000;}
.sns_list li .thum.facebook {background: #1877F2;}
/* Large Icon in Background */
.sns_list li .thum::before {content:'';font-family: 'remixicon';font-size:10rem;color:rgba(255,255,255,0.3);transition:transform 0.5s;}
.sns_list li .thum.insta::before {content:'\ee65';} /* Instagram Line */
.sns_list li .thum.blog::before {content:'';width:10rem;height:10rem;background:url(../../images/fs/content/sub03/blog.png) no-repeat center/contain;opacity:0.5;} /* Blog Image */
.sns_list li .thum.youtube::before {content:'';width:10rem;height:10rem;background:url(../../images/fs/content/sub03/youtube.png) no-repeat center/contain;opacity:0.5;} /* Youtube Fill */
.sns_list li .thum.facebook::before {content:'';width:10rem;height:10rem;background:url(../../images/fs/content/sub03/facebook.png) no-repeat center/contain;opacity:0.5;} /* Facebook Circle Fill */

.sns_list li:hover .thum {transform:translateY(-10px);}
.sns_list li:hover .thum::before {transform:scale(1.2) rotate(-10deg);}

.sns_list li .thum .icon {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6rem;height:6rem;background:rgba(255,255,255,0.95);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:3rem;color:#222;opacity:0;transition:opacity 0.3s;box-shadow:0 5px 15px rgba(0,0,0,0.2);}
.sns_list li .thum.insta .icon {color: #d6249f;}
.sns_list li .thum.blog .icon {color: #03C75A;}
.sns_list li .thum.youtube .icon {color: #FF0000;}
.sns_list li .thum.facebook .icon {color: #1877F2;}

.sns_list li:hover .thum .icon {opacity:1;}
.sns_list li .txt {margin-top:2rem;text-align:center;}
.sns_list li .txt .subj {font-size:2rem;font-weight:700;color:#222;margin-bottom:0.8rem;transition:color 0.3s;}
.sns_list li:hover .txt .subj {color:var(--primary);}
.sns_list li .txt .desc {font-size:1.5rem;color:#888;line-height:1.5;}

@media only screen and (max-width:1023px){
    .sns_list li {width:calc(50% - 1.5rem);}
    .sns_list li .thum {height:25rem;}
}
@media only screen and (max-width:480px){
    .sns_list li {width:100%;}
    .sns_list li .thum {height:22rem;}
}