@charset "utf-8";

:root{
    --bdColor-black: #222;
    --bdColor-grayA: #ddd;
    --bdColor-grayB: #eee;
    --bdColor-grayC: #aaa;
    --bdColor-grayD: #f8f8f8;
    --bdColor-grayE: #fafafa;
    --bdColor-key: #1a1a7c;

    --bdFont-title: 20px;
    --bdFont-big: 16px;
    --bdFont-normal: 15px;
    --bdFont-small: 14px;
}

/* 아이폰 select 기본 스타일 제거 */
.board select {
    -webkit-appearance: none;
    -moz-appearance: none; 
    appearance: none;
    background-color: #fff;
    background-image: url("/design/img/sub/icon_select_arrow.svg");
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 10px 7px;
    color: var(--bdColor-black);
}

/* 버튼 */
.bd_btn{
    display: inline-block;
    box-sizing: border-box;
    /* 버튼에 별도의 폰트값 적용 필요! */
    font-family: 'Noto Sans KR', sans-serif;
    font-size: var(--bdFont-small);
    line-height: 1;
}
.bd_button_b{
    background-color: var(--bdColor-black);
    border: 1px solid var(--bdColor-black);
    color: #fff;
    text-align: center;
    height: 35px; line-height: 33px;
    width: 70px;
}
.bd_button_w{
    background-color: #fff;
    border: 1px solid var(--bdColor-black);
    color: var(--bdColor-black);
    text-align: center;
    height: 35px; line-height: 33px;
    width: 70px;
}

/* 그누보드 공통 */
.sound_only {display: inline-block !important; position: absolute; top: 0; left: 0; width: 0; height: 0; margin: 0 !important; padding: 0 !important; font-size: 0; line-height: 0; border: 0 !important; overflow: hidden !important;}

/* 게시판 감싸고 있는 div 스타일 설정 */
.board_container_wrap{}
.board_container{
    /* 최대넓이는 홈페이지 넓이에 맞춰 값 조절 */
    max-width: 1200px;
    width: 95%;
    margin: 0 auto;
}

/* board (공통) */
.board {margin: 80px 0; position: relative;}

/* 게시판 상단 */
.board_top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.board_top .count{font-size: var(--bdFont-small);}

.board_top .search{display: flex; align-items: center;}
.board_top .search select,
.board_top .search .search_txt,
.board_top .search .search_btn{
    border: 1px solid var(--bdColor-grayC);
    height: 35px;
}
.board_top .search select{margin-right: 0px; padding: 0 10px;}
.board_top .search .search_txt{margin-right: 0px; padding: 0 10px;}
.board_top .search .search_btn{
    width: 45px;
    color: #fff;
    background-color: var(--bdColor-black);
    border-color: var(--bdColor-black);
}

/* 게시판 하단 */
.border_bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.border_bottom .bd_btn_wrap{display: flex;}
.border_bottom .bd_btn_wrap .bd_btn{margin-right: 2px;}
.border_bottom .bd_btn_wrap .bd_btn:last-child{margin-right: 0;}

/* board (게시판 리스트) */
.board .board_inner {
    border-top: 2px solid var(--bdColor-black);
}
.board .board_inner ul {}
.board .board_inner ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0.5px solid var(--bdColor-grayB);
}
.board .board_inner ul li .cell {padding: 20px 10px;}
.board .board_inner ul li.board_cate .cell {padding: 10px;}
.board .board_inner ul li.board_list .cell {padding: 15px 10px;}
.board .board_inner ul li .cell p {
    text-align: center;
    word-break: break-all;
    font-size: var(--bdFont-normal);
}
/* 넓이 설정 */
.board .board_inner ul li div{box-sizing: border-box;}
.board .board_inner ul li .board_num {width: 60px;}
.board .board_inner ul li .board_title {
    /* 전체 넓이에서 (번호, 작성자, 작성일, 조회 영역) 값을 뺌 */
    width: -webkit-calc(100% - 355px);
    width: -moz-calc(100% - 355px);
    width: -o-calc(100% - 355px);
    width: calc(100% - 355px);
    overflow: hidden;
}
.board .board_inner ul li .board_write {width: 100px;}
.board .board_inner ul li .board_date {width: 95px;}
.board .board_inner ul li .board_see {width: 100px;}
.board .board_inner ul li .board_see p {padding: 5px 0;}
.board .board_inner ul li .board_see p.on {border: 1px solid #1a1a7c; color: #1a1a7c;}
.board .board_inner ul li .board_see p.off {border: 1px solid #ddd; background: #f5f5f5;}

/* 분류 */
.board .board_inner ul li.board_cate .board_num {}
.board .board_inner ul li.board_cate .board_title {}
.board .board_inner ul li.board_cate .board_write {}
.board .board_inner ul li.board_cate .board_date {}
.board .board_inner ul li.board_cate .board_view {}

.board .board_inner ul li.board_list .board_num p.notice {
    background-color: #1a1a7c;
    color: #fff;
    padding: 6px 0;
    font-size: 0.75rem;
}
/* 리스트 */
.board .board_inner ul li .board_title p{
    line-height: 1.2;
    /* 글 제목 1줄 초과 시 말줄임표 표시, 사용하지 않을 시 세줄 전부 주석처리 할 것 */
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.board .board_inner ul li.board_list .board_title p {text-align: left;}
.board .board_inner ul li.board_list .board_title i {color: #1a1a7c;}
.board .board_inner ul li.board_list:hover{
    background-color: var(--bdColor-grayD);
}

/* board (게시판 갤러리) */
.board .gallery_inner{}
.board .gallery_inner .gall_wrap{
    display: flex;
    flex-wrap: wrap;

    margin-left: -20px;
    margin-bottom: -60px;
}
.board .gallery_inner .gall_wrap .board_list{
    /* width에 margin-left만큼 값을 빼고 부모 요소에도 마이너스 값을 넣어줘야 함 */
    margin-left: 20px;
    margin-bottom: 60px;
    width: -webkit-calc(100% / 4 - 20px);
    width: -moz-calc(100% / 4 - 20px);
    width: -o-calc(100% / 4 - 20px);
    width: calc(100% / 4 - 20px);
}
.board .gallery_inner .gall_wrap .board_list .gall_img{
    position: relative; box-sizing: border-box;
    overflow: hidden;
    border: 0.5px solid var(--bdColor-grayB);    
    /* padding-top 값으로 썸네일 비율 조정 */
    padding-top: 80%;
}
.board .gallery_inner .gall_wrap .board_list .gall_img img{
    position: absolute;
    top: 50%; left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%; height: 100%;
    object-fit: cover;
    padding: 8px;
}
.board .gallery_inner .gall_wrap .board_list .gall_txt{margin-top: 20px;}
.board .gallery_inner .gall_wrap .board_list .gall_txt .board_title{}
.board .gallery_inner .gall_wrap .board_list .gall_txt .board_title p{
    line-height: 1.2;
    word-break: normal;
    font-size: var(--bdFont-big);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}
.board .gallery_inner .gall_wrap .board_list .gall_txt .board_write{margin-top: 20px;}
.board .gallery_inner .gall_wrap .board_list .gall_txt .board_write p{
    color: var(--bdColor-grayC);
    font-size: var(--bdFont-normal);
}
.board .gallery_inner .gall_wrap .board_list .gall_txt .board_date{margin-top: 10px;}
.board .gallery_inner .gall_wrap .board_list .gall_txt .board_date p{
    text-align: right;
    color: var(--bdColor-grayC);
    font-size: var(--bdFont-normal);
}

/* 페이징 */
.board .board_page {position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);}
.board .board_page .pg_wrap {}
.board .board_page .pg_wrap .pg {
    display: flex;
    justify-content: center;
}
.board .board_page .pg_wrap .pg .pg_current {
    position: relative;
    padding: 0 5px;
    margin: 0 5px;
    font-weight: 500;
    font-size: var(--bdFont-small);
}
.board .board_page .pg_wrap .pg .pg_current::after{
    content: ""; position: absolute;
    bottom: -5px; left: 0;
    width: 100%; height: 1.5px;
    background-color: var(--bdColor-black);
}
.board .board_page .pg_wrap .pg .pg_page {
    margin: 0 5px;
    padding: 0 5px;
    color: var(--bdColor-grayA);
    font-size: var(--bdFont-small);
}
.board .board_page .pg_wrap .pg .pg_page:hover{
    color: var(--bdColor-black);
}

/* board (게시판 상세보기) */
.board .board_view {
    border-top: 2px solid var(--bdColor-black);
}
.board .board_view .view_wrap {}
.board .board_view .view_wrap li {
    border-bottom: 0.5px solid var(--bdColor-grayB);
}
.board .board_view .view_wrap li > div {padding: 20px 10px;}
.board .board_view .view_wrap li .view_title {}
.board .board_view .view_wrap li .view_title p {
    font-size: var(--bdFont-title);
    margin-bottom: 10px;
    word-break: break-all;
}
.board .board_view .view_wrap li .view_title .data_wrap{
    display: flex;
    justify-content: flex-end;
}
.board .board_view .view_wrap li .view_title .data_wrap span {
    color: var(--bdColor-grayC);
    font-size: var(--bdFont-small);
    margin-right: 10px;
}
.board .board_view .view_wrap li .view_title .data_wrap span:last-child{margin-right: 0;}
.board .board_view .view_wrap li .view_title .data_wrap span b {}

.board .board_view .view_wrap li .link_wrap{
    background-color: var(--bdColor-grayD);
    padding: 0;
}
.board .board_view .view_wrap li .link_wrap span{
    display: block;
    font-size: var(--bdFont-small);
    padding: 10px;
}
.board .board_view .view_wrap li .link_wrap span:last-child{margin-bottom: 0;}
.board .board_view .view_wrap li .link_wrap span b{font-weight: 700;}
.board .board_view .view_wrap li .link_wrap span a{}
.board .board_view .view_wrap li .link_wrap span a:hover{text-decoration: underline;}

.board .board_view .view_wrap li .view_desc {word-break: break-all;}

.board .board_view .view_wrap li.view_pg{}
.board .board_view .view_wrap li.view_pg .view_pg_wrap{
    font-size: var(--bdFont-normal);
    display: flex;
    align-items: center;
}
.board .board_view .view_wrap li.view_pg > .view_prev{
    border-bottom: 0.5px solid var(--bdColor-grayB);
}
.board .board_view .view_wrap li.view_pg .view_pg_wrap .left{
    width: 100px; text-align: center; font-size: 0;
}
.board .board_view .view_wrap li.view_pg .view_pg_wrap .left i{
    display: inline-block;
    width: 15px; height: 5.9px;    
    vertical-align: middle;
    background-image: url("/design/img/sub/icon_view_arrow.svg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.board .board_view .view_wrap li.view_pg .view_pg_wrap.view_next .left i{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.board .board_view .view_wrap li.view_pg .view_pg_wrap .left p{
    color: var(--bdColor-grayC);
    display: inline-block;
    vertical-align: middle;
    font-size: var(--bdFont-normal);
}
.board .board_view .view_wrap li.view_pg .view_pg_wrap .right{
    /* 전체 넓이에서 .left 값을 뺌 */
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: -o-calc(100% - 100px);
    width: calc(100% - 100px);
}
.board .board_view .view_wrap li.view_pg .view_pg_wrap .right a{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display: block;
    padding-left: 20px;
}

/* 댓글 */
.board .comment_wrap{margin-top: 20px;}
.board .comment_wrap ul li{
    border-bottom: 0;
    font-size: var(--bdFont-normal);
}
.board .comment_wrap .title{
    font-size: var(--bdFont-big);
    font-weight: 700;
    display: inline-block; margin-bottom: 10px;
}
.board .comment_wrap .comment{
    border: 1px solid var(--bdColor-black);
}
.board .comment_wrap .comment .top textarea{
    width: 100%;
    border: 0;
    padding: 10px;
    resize: none;
    box-sizing: border-box;
}
.board .comment_wrap .comment .bottom{
    display: flex; justify-content: space-between;
    padding: 10px;
    border-top: 0.5px solid var(--bdColor-grayB);
}
.board .comment_wrap .comment .bottom .box{display: flex; align-items: center;}
.board .comment_wrap .comment .bottom .box ul{
    display: flex; align-items: center; margin-right: 20px;
}
.board .comment_wrap .comment .bottom .box ul:last-child{margin-right: 0;}
.board .comment_wrap .comment .bottom .box ul li .txt_input{
    box-sizing: border-box;
    height: 35px;
    border: 1px solid var(--bdColor-grayC);
    padding: 10px 5px;
}
.board .comment_wrap .comment .bottom .box ul li:first-child{
    margin-right: 10px;
}
.board .comment_wrap .comment_list{
    border: 0; padding: 15px 10px;
    border-top: 2px solid var(--bdColor-black);
    border-bottom: 2px solid var(--bdColor-black);    
}
.board .comment_wrap .comment_list .com_box{
    border-bottom: 0.5px solid var(--bdColor-grayB);
    padding-bottom: 15px; margin-bottom: 15px;
}
.board .comment_wrap .comment_list .com_box:last-child{
    border-bottom: 0; padding-bottom: 0; margin-bottom: 0;
}
.board .comment_wrap .comment_list .com_box ul.top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.board .comment_wrap .comment_list .com_box ul.top li{margin-right: 20px;}
.board .comment_wrap .comment_list .com_box ul.top li:last-child{margin-right: 0;}
.board .comment_wrap .comment_list .com_box ul.top li span{}
.board .comment_wrap .comment_list .com_box ul.top li .id_area{font-weight: 700;}
.board .comment_wrap .comment_list .com_box ul.top li .date_area{
    color: var(--bdColor-grayC);
}
.board .comment_wrap .comment_list .com_box ul.mid{border: 0;}
.board .comment_wrap .comment_list .com_box ul.mid li{}
.board .comment_wrap .comment_list .com_box ul.mid li p{padding: 20px 0;}
.board .comment_wrap .comment_list .com_box ul.bot{}
.board .comment_wrap .comment_list .com_box ul.bot ol{
    display: flex; justify-content: flex-end;
}
.board .comment_wrap .comment_list .com_box ul.bot ol li{margin-right: 2px;}
.board .comment_wrap .comment_list .com_box ul.bot ol li:last-child{margin-right: 0;}
.board .comment_wrap .comment_list .com_box ul.bot ol li .bd_btn{
    height: 30px;
    line-height: 28px;
    width: 50px;
}
/*// 댓글 */

/* board (게시판 글쓰기) */
.board .board_register {
    border-top: 2px solid var(--bdColor-black);
    font-size: var(--bdFont-normal);
}
.board .board_register .bd_regi_wrap {}
.board .board_register .bd_regi_wrap li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--bdColor-grayB);
}
.board .board_register .bd_regi_wrap li .write_cate,
.board .board_register .bd_regi_wrap li .write_input {
    padding: 15px 10px;
    box-sizing: border-box;
}
.board .board_register .bd_regi_wrap li .write_cate {
    width: 20%;
    max-width: 150px;
}
.board .board_register .bd_regi_wrap li .write_cate p {}
.board .board_register .bd_regi_wrap li .write_input {
    border-left: 1px solid var(--bdColor-grayB);
    width: 100%;
}
.board .board_register .bd_regi_wrap li .write_input .input_chk{
    vertical-align: bottom; border-color: var(--bdColor-grayC);
}
.board .board_register .bd_regi_wrap li .write_input .txt_input{
    width: 100%;
    height: 35px;
    border-color: var(--bdColor-grayC);
    padding: 10px 5px;
}
.board .board_register .bd_regi_wrap li .write_input textarea {
    width: 100%;
    resize: none;
}
.board .board_register .regi_bt {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.board .board_register .regi_bt a {
    display: block;
    background: var(--bdColor-black);
    color: #fff;
    padding: 10px 20px;
    margin: 0 10px;
}

/* 문의상담 */
.inquiry {margin: 80px 0;}
.inquiry .inquiry_title {text-align: center; margin-bottom: 30px;}
.inquiry .inquiry_title h2 {font-size: 40px;}
.inquiry .inquiry_info {border-top: 2px solid #222; margin-bottom: 30px;}
.inquiry .inquiry_info table {width: 100%;}
.inquiry .inquiry_info table tr {border-bottom: 1px solid #eee;}
.inquiry .inquiry_info table tr td {padding: 20px; line-height: 1.4;}
.inquiry .inquiry_info table thead tr {background: #f5f5f5;}
.inquiry .inquiry_info table thead tr td {text-align: center;}
.inquiry .inquiry_info table tbody tr {}
.inquiry .inquiry_info table tbody tr td {font-size: 15px;}
.inquiry .inquiry_info table tbody tr td b {color: #cc3232; font-weight: 400;}
.inquiry .inquiry_info table tbody tr td:first-child {border-right: 1px solid #eee; text-align: center; width: 15%;}
.inquiry .inquiry_info table tbody tr td:last-child {}
.inquiry .inquiry_form {border-top: 2px solid #222;}
.inquiry .inquiry_form table {width: 100%;}
.inquiry .inquiry_form table tr {border-bottom: 1px solid #eee;}
.inquiry .inquiry_form table tr td {padding: 20px; line-height: 1.4;}
.inquiry .inquiry_form table thead tr {background: #f5f5f5;}
.inquiry .inquiry_form table thead tr td {text-align: center;}
.inquiry .inquiry_form table tbody tr {}
.inquiry .inquiry_form table tbody tr td {font-size: 15px; vertical-align: middle;}
.inquiry .inquiry_form table tbody tr td b {color: #cc3232; font-weight: 400;}
.inquiry .inquiry_form table tbody tr td .cate {display: flex;}
.inquiry .inquiry_form table tbody tr td .cate .cate_box {display: flex; align-items: center; flex-wrap: wrap; margin-right: 20px;}
.inquiry .inquiry_form table tbody tr td .cate .cate_box:last-child {margin-right: 0;}
.inquiry .inquiry_form table tbody tr td .cate .cate_box input[type="radio"] {width: 12px; height: 12px; margin-right: 5px; border: 1px solid #aaa;}
.inquiry .inquiry_form table tbody tr td .cate .cate_box label {font-size: 14px;}
.inquiry .inquiry_form table tbody tr td input[type=text] {padding: 8px; width: 50%; border: 1px solid #ddd;}
.inquiry .inquiry_form table tbody tr td input[type=text]:focus {outline: none;}
.inquiry .inquiry_form table tbody tr td ul {display: flex;}
.inquiry .inquiry_form table tbody tr td ul li {display: flex; align-items: center; margin-right: 15px; font-size: 14px;}
.inquiry .inquiry_form table tbody tr td ul li input {margin-right: 8px;}
.inquiry .inquiry_form table tbody tr td textarea {width: 100%; vertical-align: middle; resize: none; padding: 8px; border: 1px solid #ddd;}
.inquiry .inquiry_form table tbody tr td textarea:focus {outline: none;}
.inquiry .inquiry_form table tbody tr td:first-child {border-right: 1px solid #eee; text-align: center; width: 15%; padding: 20px 0;}
.inquiry .inquiry_form table tbody tr td:last-child {}
.inquiry .inquiry_agree {text-align: center; padding: 30px 0;}
.inquiry .inquiry_agree p {font-size: 15px; line-height: 1.6;}
.inquiry .inquiry_agree .check {display: flex; justify-content: center; margin-top: 20px;}
.inquiry .inquiry_agree .check .left, .inquiry .inquiry_agree .check .right {display: flex; align-items: center; margin: 0 20px;}
.inquiry .inquiry_agree .check .left input, .inquiry .inquiry_agree .check .right input {border-radius: 50%; margin-right: 10px;}
.inquiry .inquiry_agree .check .left label, .inquiry .inquiry_agree .check .right label {line-height: 1.4; font-size: 15px;}
.inquiry .inquiry_bt {text-align: center;}
.inquiry .inquiry_bt a, .inquiry .inquiry_bt button {display: inline-block; padding: 10px 20px; color: #fff; background: #1a1a7c; border-radius: 5px; border:0;}


/* media query */
@media screen and (max-width: 1024px) {
    .board .board_inner ul li .board_date{display: none;}
    .board .board_inner ul li .board_title{
        width: -webkit-calc(100% - 255px);
        width: -moz-calc(100% - 255px);
        width: -o-calc(100% - 255px);
        width: calc(100% - 255px);
    }

    .board .gallery_inner .gall_wrap{margin-left: -20px; margin-bottom: -40px;}
    .board .gallery_inner .gall_wrap .board_list{
        margin-left: 20px; margin-bottom: 40px;
        width: -webkit-calc(100% / 3 - 20px);
        width: -moz-calc(100% / 3 - 20px);
        width: -o-calc(100% / 3 - 20px);
        width: calc(100% / 3 - 20px);
    }
    .inquiry .inquiry_info table tbody tr td:first-child {width: 32%;}
    .inquiry .inquiry_form table tbody tr td:first-child {width: 32%;}
    .inquiry .inquiry_form table tbody tr td input[type=text] {width: 100%;}
    .inquiry .inquiry_info table tbody tr td br {display: none;}
    .inquiry .inquiry_form table tbody tr td br {display: none;}
    .inquiry .inquiry_agree p {margin-bottom: 20px;}
    .inquiry .inquiry_form table tbody tr td .cate {flex-wrap: wrap;}
    .inquiry .inquiry_form table tbody tr td .cate .cate_box {width: calc(100% / 2 - 20px);}
}
@media screen and (max-width: 768px) {
    :root{
        --bdFont-big: 15px;
        --bdFont-normal: 14px;
        --bdFont-small: 13px;
    }
    
    .board .board_inner ul li .cell{padding: 15px 5px;}
    .board .board_inner ul li .board_date{width: 75px;}
    .board .board_inner ul li .board_write {width: 75px;}
    .board .board_inner ul li .board_num{display: none;}
    .board .board_inner ul li .board_title{
        width: -webkit-calc(100% - 150px);
        width: -moz-calc(100% - 150px);
        width: -o-calc(100% - 150px);
        width: calc(100% - 150px);
    }    

    .board .board_view .view_wrap li.view_pg .view_pg_wrap .left{
        width: 80px;
    }    
    .board .board_view .view_wrap li.view_pg .view_pg_wrap .right{
        width: -webkit-calc(100% - 80px);
        width: -moz-calc(100% - 80px);
        width: -o-calc(100% - 80px);
        width: calc(100% - 80px);
    }
    .board .board_view .view_wrap li.view_pg .view_pg_wrap .right a{margin-left: 10px;}
    .board .comment_wrap .comment .bottom{display: block; overflow: hidden;}
    .board .comment_wrap .comment .bottom .box{margin-bottom: 5px;}
    .board .comment_wrap .comment .bottom .box:last-child{
        margin-bottom: 0;
        float: right;
    }
    .board .comment_wrap .comment .bottom .box ul{width: 50%;}
    .board .comment_wrap .comment .bottom .box ul li:first-child{
        width: 65px;
    }
    .board .comment_wrap .comment .bottom .box ul li:last-child{
        width: -webkit-calc(100% - 65px);
        width: -moz-calc(100% - 65px);
        width: -o-calc(100% - 65px);
        width: calc(100% - 65px);
    }
    .board .comment_wrap .comment .bottom .box ul li .txt_input{
        width: 100%;
    }

    .board .gallery_inner .gall_wrap .board_list{
        width: -webkit-calc(100% / 2 - 20px);
        width: -moz-calc(100% / 2 - 20px);
        width: -o-calc(100% / 2 - 20px);
        width: calc(100% / 2 - 20px);
    }
    
    .board .board_register .bd_regi_wrap li{flex-wrap: wrap;}
    .board .board_register .bd_regi_wrap li .write_cate{
        width: 100%; max-width: none;
        border-bottom: 1px solid var(--bdColor-grayB);
        background-color: var(--bdColor-grayE);
    }
    .board .board_register .bd_regi_wrap li .write_input{border: 0;}
    .inquiry .inquiry_agree .check {flex-wrap: wrap;}
    .inquiry .inquiry_agree .check .left {margin-bottom: 10px;}
}
@media screen and (max-width: 500px){    
    .board_top{display: block;}
    .board_top .count{margin-bottom: 5px;}
    .board_top .search .search_txt{
        width: -webkit-calc(100% - 155px);
        width: -moz-calc(100% - 155px);
        width: -o-calc(100% - 155px);
        width: calc(100% - 155px);
    }

    .board .board_inner ul li .board_title p{        
        overflow: inherit;
        text-overflow: inherit;
        white-space: inherit;
    }

    .board .gallery_inner .gall_wrap{
        margin-left: -10px;
        margin-bottom: -30px;
    }
    .board .gallery_inner .gall_wrap .board_list{
        margin-left: 10px;
        margin-bottom: 30px;

        width: -webkit-calc(100% / 2 - 10px);
        width: -moz-calc(100% / 2 - 10px);
        width: -o-calc(100% / 2 - 10px);
        width: calc(100% / 2 - 10px);
    }
    .inquiry .inquiry_form table tbody tr td .cate .cate_box {width: 100%;}
}
@media screen and (max-width: 430px) {
    .board .board_view .view_wrap li.view_pg .view_pg_wrap .right a{padding-left: 0;}

    .board .comment_wrap .comment .bottom .box{flex-wrap: wrap;}
    .board .comment_wrap .comment .bottom .box ul{
        margin-right: 0; margin-bottom: 5px;
        width: 100%;
    }
    .board .comment_wrap .comment .bottom .box ul:last-child{margin-bottom: 0;}
    .board .comment_wrap .comment .bottom .box ul li:first-child{
        width: 100px;
        margin-right: 5px;
    }
    .board .comment_wrap .comment .bottom .box ul li:last-child{
        width: -webkit-calc(100% - 105px);
        width: -moz-calc(100% - 105px);
        width: -o-calc(100% - 105px);
        width: calc(100% - 105px);
    }

    .board .board_register .bd_regi_wrap li .write_cate{max-width: none;}

    .inquiry .inquiry_info table tbody tr td {font-size: 14px;}
    .inquiry .inquiry_form table tbody tr td {font-size: 14px;}
    .inquiry .inquiry_form table tbody tr td ul {flex-wrap: wrap;}
    .inquiry .inquiry_form table tbody tr td ul li {width: 100%;}
    .inquiry .inquiry_agree p {font-size: 14px;}
    .inquiry .inquiry_agree .check .left, .inquiry .inquiry_agree .check .right {margin: 0;}
    .inquiry .inquiry_agree .check .left label, .inquiry .inquiry_agree .check .right label {font-size: 14px;}
    .inquiry .inquiry_bt a {font-size: 14px;}
}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}