/* --------------------------------board common-------------------------------- */
.board_wrap{margin:8.6rem auto 6.66rem}
.board_wrap > .inner{width:92%;max-width:1100px;margin:0 auto;position:relative}
.board_wrap .title{font-weight:800;font-size:2.11rem;line-height:120%;color:#2B2B2B;margin-bottom:2.4rem}


/* 페이지 네이션 */
.board_wrap .pagination_wrap{text-align:center;margin:3.33rem auto 0;min-width:320px}
.board_wrap .pagination_wrap .pagination_list{font-size:0;display:inline-block;margin:0 1.66rem;vertical-align:top}
.board_wrap .pagination_wrap a{vertical-align:top;width:2rem;height:2rem;font-size:1rem;display:inline-block;font-weight:700;font-size:.84rem;line-height:100%;text-align:center;color:#555;padding:.6rem;transition:all .2s ease-in-out;border-radius:4px}
.board_wrap .pagination_wrap .pagination_list a:hover,.board_wrap .pagination_wrap .pagination_list a.clicked{color:#FFF;background:#2D2D2D}
.board_wrap .pagination_wrap a.btn_move{background:#FFF;border:1px solid #DADADA}
.board_wrap .pagination_wrap a.btn_move.btn_prev{background:url(/front/images/common/ico_arrow_rect.svg) center center no-repeat;transform:rotate(180deg)}
.board_wrap .pagination_wrap a.btn_move.btn_prev_all{background:url(/front/images/common/ico_arrow_dbRect.svg) center center no-repeat;transform:rotate(180deg)}
.board_wrap .pagination_wrap a.btn_move.btn_next{background:url(/front/images/common/ico_arrow_rect.svg) center center no-repeat}
.board_wrap .pagination_wrap a.btn_move.btn_next_all{background:url(/front/images/common/ico_arrow_dbRect.svg) center center no-repeat}


/* 이전,다음,목록 */
.board_wrap .button_wrap{margin:3.33rem auto 0;min-width:320px;display:flex;justify-content:space-between;align-items:center;flex-direction:row}
.board_wrap .button_wrap .button_left a{vertical-align:top;width:2rem;height:2rem;font-size:1rem;display:inline-block;font-weight:700;font-size:.84rem;line-height:100%;text-align:center;color:#555;padding:.6rem;transition:all .2s ease-in-out;border-radius:4px}
.board_wrap .button_wrap .pagination_list a:hover,.board_wrap .pagination_wrap .pagination_list a.clicked{color:#FFF;background:#2D2D2D}
.board_wrap .button_wrap a.btn_move{background:#FFF;border:1px solid #DADADA}
.board_wrap .button_wrap a.btn_move.btn_prev{background:url(/front/images/common/ico_arrow_rect.svg) center center no-repeat;transform:rotate(180deg)}
.board_wrap .button_wrap a.btn_move.btn_next{background:url(/front/images/common/ico_arrow_rect.svg) center center no-repeat}
.board_wrap .button_wrap a.btn_list{font-weight:700;font-size:14px;line-height:8px;text-align:center;background:#2D2D2D;padding:0.5rem 1.06rem;color:#FFFFFF;border-radius:4px}

@media screen and (max-width:767px) {
    .board_wrap .button_wrap a.btn_list{font-size:10px;line-height:2rem}
}
/* --------------------------------board common end-------------------------------- */



/* --------------------------------board_list -------------------------------- */
/* 리스트 게시판 */
#board_list .notice_list{width:100%;table-layout:fixed;border-top:1px solid #2B2B2B}
#board_list .notice_list colgroup col:first-child{width:80%}
#board_list .notice_list colgroup col:last-child{width:15%}
#board_list .notice_list tr{border-bottom:1px solid #e9e9e9;text-align:left;font-weight:400;font-size:1.3rem;line-height:2rem}
#board_list .notice_list tr td:first-child{padding:1.11rem 0 1.11rem 1.11rem;display:flex;justify-content:flex-start;align-items:center}
#board_list .notice_list tr td:last-child{width:30%;text-align:right;font-weight:400;font-size:1rem;line-height:1.4rem;color:#666;padding:.8rem 1.11rem}
#board_list .notice_list tr.noti_fixed{background-color:#F8F8F8}
#board_list .notice_list tr.noti_file td:first-child p::before{content:'';display:inline-block;background:url(/front/images/common/ico_files.svg) center center no-repeat;width:1rem;height:1rem;min-width:1rem;min-height:1rem;background-size:auto 100%;border-radius:100%;float:right;vertical-align:middle;margin-left:.3rem}
#board_list tr td p{font-weight:400;font-size:1rem;line-height:100%;color:#555;display:inline-block;vertical-align:middle}
#board_list tr td:first-child p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:inherit;margin-right:.3rem}
#board_list tr td p a{font-weight:600;font-size:1rem;line-height:100%;letter-spacing:-.0375em;color:#3A3A3A;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
#board_list tr td span.label{background:#2D2D2D;font-weight:500;font-size:12px;text-align:center;color:#F0F0F0;padding:.4rem 0;width:60px;min-width:60px;margin-right:.6rem;border-radius:4px;line-height:30px;height:30px;display:inline-flex;justify-content:center;align-items:center;border-radius:4px}
#board_list tr td span.label_default{background-color:#fff;border:1px solid #2B2B2B;color:#3A3A3A}
#board_list .noti_fixed td,#board_list .noti_new td{position:relative}
#board_list .noti_fixed td:first-child:after{content:'';display:inline-block;background:url(/front/images/common/ico_info_2.svg) center center no-repeat #418BFA;width:1rem;height:1rem;min-width:1rem;min-height:1rem;background-size:auto 100%;border-radius:100%;vertical-align:middle}
#board_list .noti_new td:first-child:after{content:'';display:inline-block;background:url(/front/images/common/ico_new.svg) 48% center no-repeat #F4A52F;width:1rem;height:1rem;min-width:1rem;min-height:1rem;background-size:auto 100%;border-radius:100%;vertical-align:middle}

@media screen and (max-width:767px){
    #board_list .notice_list colgroup col:first-child{width: 100%;}
    #board_list .notice_list colgroup col:last-child{display: none;}
   #board_list .notice_list tr td:first-child{padding:1.2rem 1rem 1.2rem 0}
    #board_list .notice_list tr td:last-child{font-size:.86rem;min-width: 74px;padding: .8rem 0;}
}
/* --------------------------------board_list end-------------------------------- */




/* --------------------------------board_galley -------------------------------- */
/* 갤러리 게시판 */
#board_galley .notice_list{font-size:0;width:100%;display:flex;gap:2.22rem;justify-content:flex-start;align-items:center;flex-wrap:wrap}
#board_galley .notice_list li{width:calc((100% - 4.44rem) / 3);display:inline-block}
#board_galley .notice_label{background:#2D2D2D;font-weight:500;font-size:.88rem;line-height:120%;color:#F0F0F0;padding:.5rem 1.1rem;display:inline-block;position:absolute;top:.83rem;left:.83rem;border-radius:300px}
#board_galley .notice_item{position:relative}
#board_galley .notice_item figure{padding-bottom:62.94%;overflow:hidden;background-size:cover;background-position:center center;border-radius:30px 30px 0 0}
#board_galley .notice_item .notice_text{border:1px solid #DADADA;border-top:none;border-radius:0 0 30px 30px;background:#FFF;box-shadow:18px 18px 45px rgba(0,0,0,0.1);height:8.94rem;padding:1.11rem 1.44rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
#board_galley .notice_item h3.tit{font-weight:700;font-size:1.11rem;line-height:120%;color:#3A3A3A;margin-bottom:.16rem}
#board_galley .notice_item p.sub_tit{font-weight:400;font-size:1rem;height:3.2rem;line-height:1.6rem;color:#555;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#board_galley .notice_item p.date{font-weight:400;font-size:.78rem;line-height:160%;color:#777}
@media screen and (max-width:767px){
    #board_galley .notice_list li{width: calc((100% - 2.22rem) / 2);}
    #board_galley .notice_item figure{padding-bottom:62.5%}
    #board_galley .notice_item p.date{font-size:.86rem}

}
@media screen and (max-width:540px){
    #board_galley .notice_list li{width:100%;}
}
/* --------------------------------board_galley end -------------------------------- */




/* --------------------------------board_detail -------------------------------- */
#board_detail .detail_wrap{border-top:1px solid #2b2b2b;border-bottom:1px solid #2b2b2b;display:flex;flex-direction:column;justify-content:space-between}
#board_detail .title_wrap{padding:1.66rem;border-bottom:1px solid #eee;display:flex;flex-direction:row;justify-content:space-between;background:#f8f8f8}
#board_detail .board_title{flex-basis:78%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:1.11rem;line-height:120%;color:#333;width: 100%;display:block}
#board_detail .board_date{flex-basis:20%;text-align:right;font-weight:400;font-size:.88rem;line-height:120%;color:#777}
#board_detail .contents_wrap{height:auto;padding:2.78rem 1.66rem 3rem}
#board_detail .contents_wrap .contents p{font-weight:400;font-size:.88rem;line-height:160%;color:#555}
#board_detail .contents_wrap .contents img{border-radius:10px;overflow:hidden}
#board_detail .contents_wrap .contents .sub_title{font-weight:600;font-size:.88rem;line-height:160%;color:#555}
#board_detail .files_wrap{border-top:1px solid #E8E8E8;padding:.88rem 1.66rem;display:flex;justify-content:flex-start}
#board_detail .files_wrap p{font-weight:400;font-size:.88rem;line-height:120%;color:#3a3a3a;margin-right:2.33rem;display:inline-block}
#board_detail .files_wrap p img{width:.7rem;vertical-align:-.2rem;line-height:120%}
#board_detail .files_wrap a{font-weight:400;font-size:.88rem;line-height:120%;color:#989898}

@media screen and (max-width:767px) {
    #board_detail .title_wrap{display:block;padding:1.14rem .72rem}
    #board_detail .board_title{max-height:2.8rem;line-height:1.4rem;color:#555;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;white-space:pre-wrap;margin-bottom:7px}
    #board_detail .contents_wrap{padding:2.5rem 0}
}
/* --------------------------------board_detail end-------------------------------- */


/* --------------------------------faq-------------------------------- */
#faq .tab_menu ul{font-size:0;width:100%;max-width:1140px;margin:0 auto;text-align:center;display:flex;justify-content:space-evenly;align-items:center;background:#f8f8f8}
#faq .tab_menu ul li{display:inline-block;width:25%}
#faq .tab_menu .tab{display:block;padding:1rem 0;border-bottom:2px solid #999;font-weight:600;font-size:1.11rem;line-height:120%;text-align:center;color:#999}
#faq .tab_menu li.on .tab{color:#333;position:relative;border-bottom:2px solid #000}
#faq .tab_contents{position:relative}
#faq .btn_go_back,#faq .tab_contents .tab_list{display:none}
#faq .tab_contents .tab_list.show{display:block}
#faq .list_wrap{margin-bottom:3.125rem}
#faq .list_wrap ul li.title{background:#fafafa}
#faq .list_wrap ul li button{position:relative;width:100%;height:4.5rem;padding:0 1.5rem;text-align:left;font-size:1rem;border-bottom:1px solid #eee;cursor:pointer;font-weight:600;line-height:120%;letter-spacing:-.0375em;color:#3a3a3a}
#faq .list_wrap ul li button::after{content:"";position:absolute;right:1.5rem;top:50%;width:12px;height:7px;background:url(/front/images/common/ico_arrow_faq.svg) center/auto 100% no-repeat}
#faq .list_wrap ul li .desc{display:none;padding:1.5rem 30% 1.5rem 1.5rem;border-bottom:1px solid #eee;word-break:keep-all;font-weight:400;font-size:.88rem;line-height:120%;color:#555}
#faq .list_wrap ul li.active button::after{transform:rotate(180deg)}
#faq .btn_inquiry{background:#2d2d2d;font-weight:700;font-size:1rem;line-height:120%;text-align:center;display:block;padding:1.3rem 6.75rem;margin:0 auto;color:#fff;border-radius:10px}

@media screen and (max-width:767px){
 #faq.board_wrap{margin:11rem auto 6.66rem}
 #faq .btn_go_back{display:block;position:absolute;top:-5rem;left:0;font-weight:400;font-size:1rem;line-height:120%;color:#777}
 #faq .btn_go_back::before{content:'';display:inline-block;background:url(/front/images/common/ico_arrow_left.svg) center center/auto 100% no-repeat;transform:rotate(180deg);width:1rem;height:1rem;margin-right:.5rem;vertical-align:-.14rem}
 #faq .tab_menu .tab{font-size:1rem;letter-spacing:-.07em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #faq .list_wrap ul li button{padding:0}
 #faq .list_wrap ul li button::after{right:1rem}
 #faq .btn_inquiry{width:100%}
}
/* --------------------------------faq end-------------------------------- */


/* --------------------------------1:1 qna end-------------------------------- */
#qna .form_wrap,#qna .form_wrap .ck_wrap div{position:relative}
#qna .form_wrap{padding:.5rem 1.11rem;border-top:1px solid #2b2b2b}
#qna .form_wrap .noti_required{font-weight:400;font-size:.88rem;line-height:120%;color:#555;position:absolute;right:0;top:-2rem}
#qna .form_wrap>div{clear:both}
#qna .input_wrap{margin:1.11rem auto;font-size:0;clear:both}
#qna .input_wrap>h6{display:inline-block;width:12%;text-align:left;font-weight:600;font-size:1rem;color:#3a3a3a;vertical-align:middle;line-height:130%}
#qna .input_wrap input{background:#f5f5f5;width:88%;vertical-align:middle;padding:1rem;border-radius:4px}
#qna .input_wrap input::placeholder{font-weight:300;font-size:.88rem;line-height:130%;color:#666}
#qna .select_wrap{margin-top:1.66rem;padding-top:1.66rem;border-top:1px solid #e8e8e8}
#qna .input_wrap select{width:88%;max-width:360px;background:url(/front/images/common/ico_sort.svg) 94% center no-repeat;border:1px solid #ddd;position:relative;padding:calc(1rem - 1px);font-weight:300;font-size:.88rem;line-height:130%;color:#666;appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;border-radius:4px}
#qna .input_wrap textarea{width:88%;float:right;height:21.875rem;padding:1.25rem;background:#f5f5f5;resize:none;border-radius:4px}
#qna .input_wrap textarea::placeholder{font-weight:300;font-size:.88rem;line-height:130%;color:#666}
#qna .ck_wrap{clear:both;width:88%;float:right;margin:2.78rem 0 0}
#qna .ck_wrap label{font-weight:600;font-size:1rem;line-height:120%;color:#3a3a3a}
#qna .ck_wrap h5{margin-top:1rem}
#qna .ck_wrap h5,#qna .ck_wrap p,#qna .ck_wrap td,#qna .ck_wrap th,#qna .ck_wrap tr{font-weight:400;font-size:.78rem;line-height:160%;color:#8a8a8a}
#qna .form_wrap .ck_wrap input[type=checkbox]{position:absolute;left:.2rem;top:.2rem;width:1rem;height:1rem;z-index:0;appearance:none}
#qna .form_wrap .ck_wrap input[type=checkbox]+label{padding-left:30px;font-weight:600;font-size:1rem;vertical-align:top;line-height:20px;color:#3a3a3a}
#qna .form_wrap .ck_wrap input[type=checkbox]+label span{position:absolute;left:0;top:0;width:20px;height:20px;cursor:pointer;box-sizing:border-box;background-color:#fff;border:1px solid #2d2d2d}
#qna .form_wrap .ck_wrap input[type=checkbox]:checked+label span{background:url(/front/images/common/ico_checkbox_checked.svg) center/auto 10px no-repeat #2d2d2d}
#qna .form_wrap .ck_wrap table{width:100%;border-collapse:collapse;text-align:center;font-size:.8rem;color:#777;margin:.66rem 0}
#qna .form_wrap .ck_wrap table td,#qna .form_wrap .ck_wrap table th{border:1px solid #eee;line-height:1.58em}
#qna .form_wrap .ck_wrap table th{padding:.5rem 0;font-weight:600;background:#fafafa}
#qna .form_wrap .ck_wrap table td{padding:.875rem 0;width:33.33%;word-break:keep-all}
#qna .btn_inquiry{background:#2d2d2d;font-weight:700;font-size:1rem;line-height:120%;text-align:center;display:block;padding:1.3rem 6.75rem;margin:3.33rem auto 0;color:#fff;border-radius:4px}
#qna .btn_go_back{display:none}

@media screen and (max-width:767px){
#qna.board_wrap{margin:11rem auto 6.66rem}
#qna .input_wrap{margin:1.4rem auto}
#qna .input_wrap>h6{width:100%;display:block;margin-bottom:0.7rem}
#qna .input_wrap input,
#qna .input_wrap select,
#qna .input_wrap textarea,
#qna .ck_wrap{width:100%;max-width:unset}
#qna .ck_wrap{margin-top:1.8rem}
#qna .btn_inquiry{width:100%}
#qna .btn_go_back{display:block;position:absolute;top:-5rem;left:0;font-weight:400;font-size:1rem;line-height:120%;color:#777}
#qna .btn_go_back::before{content:'';display:inline-block;background:url(/front/images/common/ico_arrow_left.svg) center center/auto 100% no-repeat;transform:rotate(180deg);width:1rem;height:1rem;margin-right:.5rem;vertical-align:-.14rem}
}
/* --------------------------------1:1 qna end-------------------------------- */