/* searchBox */
.searchBox{display: flex; align-items: center; justify-content: center; margin-bottom: 40px;}
.searchBox form{display: flex; align-items: center; justify-content: center;}
.search_select{width: 120px; height: 42px; border: 1px solid #c4c4c4; border-right: none; vertical-align: bottom;}
.search_textBox{position: relative;}
.search_text{width: 500px; height: 42px; border: 1px solid #c4c4c4;}
.search_btn{position: absolute; top: 50%; right: 10px; transform: translateY(-50%); border: none; background: none; cursor: pointer;}

/* boardNormal */
.boardNormal_box{width: 100%; margin-bottom: 60px;}
.boardNormal_box li{float: left; width: 20%; box-sizing: border-box;}
.boardNormal_box a{display: block;}
.boardNormal_box .boardNormal_listhead li{padding: 20px 10px; border-top: 2px solid #333333; border-bottom: 1px solid #e6e6e6; text-align: center}
.boardNormal_box .boardNormal_listbody li{padding: 20px 10px; border-bottom: 1px solid #e6e6e6; text-align: center;}
.boardNormal_box ul.boardNormal_listbody:hover{box-shadow: 4px 4px 4px rgba(0,0,0,0.2);}
.boardNormal_box ul.boardNormal_listbody:hover a{left: 20px;}

/* admin */
.admincon_table{width: 100%; text-align: center; background-color: #fff; border: 1px solid #f0f0f0;}
.admincon_table ul{display: flex; align-items: center; justify-content: center;}
.admincon_table .admincon_th{border-bottom: 1px solid #f0f0f0;}
.admincon_table .admincon_th li{padding: 16px 0; background-color: #f9fafc; width: 33.33%;}
.admincon_table .admincon_td{border-bottom: 1px solid #f0f0f0;}
.admincon_table .admincon_td:hover{background-color: #f9fafc;}
.admincon_table .admincon_td li{padding: 16px 0; width: 33.33%;}
.admincon_table .admincon_td img{width: 100px;}

/* paging */
.pagenation{display: flex; align-items: center; justify-content: center; margin-top: 40px; gap: 10px;}

.pagingNum{cursor: pointer; border: 1px solid #dddddd; box-sizing: border-box; color: #444444;font-size: 14px; font-weight: 300; font-family: 'Noto Sans KR', sans-serif; width: 34px; height: 34px; background: #fff; display: flex; align-items: center; justify-content: center;}
.pagingNum:hover, .pagingNum.on{ border-color: #00479d; color: #0065b1; box-sizing: border-box;}

.marpageing{margin: 0 2.5px;}







/* board/board_list.php 게시판 리스트 */

/* 게시판 제목 */
.board_title{
    margin-bottom: 56px;
}
.board_title h1{
    text-align: center; 
    color: #111;
    font-size: 40px; 
}

.board_box{
width: 100%;
margin: 0 auto 100px auto;
}
.board_search_container{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 25px;
}
.kipmt_txt2{
margin-top: 71px;
}
.board_search_box{
display: flex;
align-items: center;
/* margin-bottom: 25px; */
}
#searchCate{
width: 100px;
height: 40px;
border: 1px solid #ccc;
outline: none;
background: none;
padding: 0 15px;
box-sizing: border-box;
font-size: 16px;
font-weight: 400;
color: #111;
}
#searchCate{
border-right: none;
}
#searchCate option{
font-size: 16px;
font-weight: 400;
color: #111;
}
.board_search_con{
position: relative;
}
.board_searchs{
width: 274px;
height: 40px;
border: 1px solid #ccc;
outline: none;
padding: 0 15px;
box-sizing: border-box;
}
.board_search{
width: 20px;
height: 20px;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.board_list_boxs{
width: 100%;
border-top: 1px solid #0d6fb8;
margin-bottom: 45px;
}
.board_lists{
width: 100%;
height: 61px;
display: flex;
align-items: center;
border-bottom: 1px solid #ccc;
}
.board_list_num{
width: 104px;
}
.board_list_tit{
width: 784px;
}
.board_list_date{
width: 104px;
}
.board_list_view{
width: 104px;
}
.board_list_title li{
text-align: center;
font-size: 16px;
font-weight: 500;
color: #111;
}
.board_list_numcon{
font-size: 16px;
font-weight: 400;
color: #111;
text-align: center;
}
.board_list_titcon{
padding: 0 110px 0 30px;
box-sizing: border-box;
}
.board_list_titcon a{
display: block;
font-size: 16px;
font-weight: 400;
color: #111;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.board_list_datecon{
font-size: 16px;
font-weight: 300;
color: #111;
text-align: center;
}
.board_list_usercon{
font-size: 16px;
font-weight: 300;
color: #111;
text-align: center;
}
.board_list_viewcon{
font-size: 16px;
font-weight: 300;
color: #111;
text-align: center;
}
.board_pagenum{
display: flex;
justify-content: center;
align-items: center;
}
.board_page_box{
width: 40px;
height: 40px;
border: 1px solid #ccc;
}
.board_page_number{
display: block;
font-size: 18px;
font-weight: #500;
color: #767676;
}
.board_page_number.active{
color: #096db7;
text-decoration: underline;
}
.boardnumber_box{
display: flex;
justify-content: center;
align-items: center;
gap: 18px;
margin: 0 34px;
}
.qa_list_a{
display: flex;
justify-content: space-between;
}
.qna_slide{
width: 18px;
height: 11px;
}
.board_lists_box{
margin-bottom: 25px;
}
.board_page_box1{
background: url("/web/images/sub/board_pl2.png") no-repeat center center;
}
.board_page_box2{
margin-left: 6px;
background: url("/web/images/sub/board_pl.png") no-repeat center center;
}
.board_page_box3{
margin-right: 6px;
background: url("/web/images/sub/board_pr.png") no-repeat center center;
}
.board_page_box4{
background: url("/web/images/sub/board_pr2.png") no-repeat center center;
}
.active_deg{
transform: rotate(180deg);
transition: .8s;
}
.board_qa_listq{
border-bottom: 1px solid #ccc;
}
.board_list_container{
position: relative;
}
.board_write{
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 125px;
height: 40px;
font-size: 16px;
font-weight: 300;
color: #111;
border: 1px solid #0d6fb8;
box-sizing: border-box;
text-align: center;
line-height: 36px;
}
.board_back{
background: url("/web/images/sub/board_back.jpg") no-repeat 50% 50%;
}






/* board/board_view.php 게시판 상세페이지 */

.view_content{
    width: 100%;
}

/* //상세페이지 헤드부분// */
.view_head{
    width: 100%;
    display: flex;
    border-top: 1px solid #294B66;
    border-bottom: 1px solid #ccc;
    background-color: #F6F6F6;
}
.view_head li{
    padding: 25px 0;
    box-sizing: border-box;
}
.view_head li.view_title{
    padding: 25px 3.3%;
}
.view_title{
    width: 65.83%;
    font-size: 18px;
    font-weight: 500;
    color: #333;
}
.view_user{
    width: 11.375%;
}
.view_date{
    width: 11.375%;
}
.view_view{
    width: 11.375%;
}
.view_st{
    font-size: 15px;
    font-weight: 400;
    color: #333;
    text-align: center;
}
.view_st span{
    color: #666;
}


/* //상세페이지 콘텐츠 부분// */
.view_con{
    padding: 25px 3.3%;
    box-sizing: border-box;
}
.view_con img{
    display: block;
    margin: 15px 0;
    box-sizing: border-box;
}
.view_con p{
    font-size: 16px;
    font-weight: 400;
    color: #666;
    line-height: 1.4;
}
.view_file{
    width: 100%;
    display: flex;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #294B66;
    background-color: #F6F6F6;
}
.view_file li{
    padding: 25px 0;
    box-sizing: border-box;
}
.view_f{
    width: 11.5%;
    font-size: 15px;
    font-weight: 500;
    color: #666;
    text-align: center;
}
.v_f_list{
    font-size: 15px;
    font-weight: 400;
    color: #666;
    display: flex;
    gap: 25px;
}
.vf_file{
    display: block;
    width: 175px;
    font-size: 15px;
    font-weight: 400;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 16px;
    background: url("/web/images/sub/file_back.png") no-repeat left center;
}
.go_list_container{
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 40px 0 60px;
    box-sizing: border-box;
}
.go_list{
    width: 140px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #294B66;
    font-size: 18px;
    font-weight: 400;
    color: #294B66;
    text-align: center;
}

/* 게시판 상세페이지 foot 부분 */
.pn_list{
    width: 100%;
}
.pn_page{
    width: 100%;
    display: flex;
    border-bottom: 1px solid #ccc;
}
.pn_page:first-of-type{
    border-top: 1px solid #ccc;
}
.pn_page li{
    padding: 26px 0;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    color: #333;
}
.pn_board{
    width: 11.3%;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    color: #666;
}
.pn_title{
    width: 66.6%;
}
.pn_title>a{
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 500;
    color: #111;
}
.pn_date{
    width: 11%;
    text-align: center;
}
.pn_view{
    width: 11%;
    text-align: center;
}
.pn_date span, .pn_view span{
    color: #707070;
}




/* 갤러리 리스트 페이지 */
.board_list_container{
    width: 100%;
}
.board_gallery_box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 40px 1.8%;
    margin-bottom: 60px;
}
.board_gallery_box li{
    width: 32.1%;
}
.gallery_item{
    width: 100%;
    display: block;
    box-shadow: 0px 5px 5px rgba(0,0,0,0.1);
    border-radius: 10px;
}
.gallery_img{
    width: 100%;
    padding-bottom: 158px;
    background: url("/web/images/sub/test_cart.png") no-repeat center center;
    background-size: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.gallery_title{
    padding: 20px 5.8%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.gallery_t{
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-bottom: 32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.g_user_date{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.g_user_date li{
    font-size: 13px;
    font-weight: 400;
    color: #666;
}
.g_user_date li:last-child{
    text-align: right;
}




/* Q&A게시판 */

.board_search_container h1{
    font-size: 24px;
    font-weight: 500;
    color: #111;
}

.qa_list{
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #a3a3a3;
    padding: 30px 30px;
    box-sizing: border-box;
}
.qa_list:first-of-type{
    border-top: 1px solid #a3a3a3;
}
.qa_date{
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #bdbdbd;
    display: block;
    line-height: 1.2;
}
.qa_date span{
    font-size: 32px;
    font-weight: 600;
    color: #0065b1;
    font-family: 'Roboto';
}
.qa_title{
    margin-left: 80px;
    width: 65%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;
    font-weight: 500;
    color: #202020;
}
.qa_answer{
    display: block;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 400;
    color: #454545;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.qa_view{
    font-size: 13px;
    text-align: center;
    color: #1e1e1e;
    font-weight: 400;
    margin-left: 2%;
    text-align: center;
}
.qa_arrow{
    display: block;
    margin: 20px auto 0;
}
.qa_write_box{
    display: flex;
    justify-content: flex-end;
    margin: 100px 0 80px 0;
}
.qa_write_btn{
    display: block;
    width: 102px;
    height: 44px;
    font-size: 16px;
    font-weight: 500;
    line-height: 44px;
    color: #fff;
    background: url("/web/images/sub/write_icon.png") no-repeat left;
    background-position: 18px 15px;
    border: none;
    background-color: #0065b1;
    box-sizing: border-box;
    padding-left: 18px;
    cursor: pointer;
    text-align: center;
}


/* //Q&A 패스워드 팝업// */

.pop_background{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
    z-index: 9998;
    display: none;
}
.qa_pw_pop{
    width: 420px;
    height: 288px;
    padding: 40px 15px;
    /* overflow: visible; */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background-color: #fff;
    box-sizing: border-box;
    display: none;
}
.pop_logo{
    display: block;
    margin: 0 auto 40px;
}
.qa_pw_input{
    width: 100%;
    padding: 10px 5px;
    box-sizing: border-box;
    margin-bottom: 40px;
}
.pw_confirm{
    display: block;
    width: 150px;
    height: 46px;
    background-color: #0065b1;
    text-align: center;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-family: 'NotoSansKR';
    font-weight: 300;
    transition: all 0.4s;
    margin: 0 auto;
    outline-style: none;
}




/* Q&A 글쓰기 페이지 */

.qa_write_title{
    box-sizing: border-box;
    padding: 15px 0 15px 30px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
}
.qa_wtl{
    font-size: 18px;
    font-weight: 300;
    color: #202020;
    width: 5.8%;
    display: inline-block;
}
.qa_wt{
    width: 89.3%;
    height: 44px;
    padding-left: 17px;
    box-sizing: border-box;
    border: 1px solid #d7d7d7;
    font-size: 16px;
    font-weight: 300;
    color: #aeadad;
}
#qa_write_con{
    width: 100%;
    height: 440px;
    box-sizing: border-box;
    padding: 15px 10px;
    font-size: 16px;
    color: #565656;
    font-weight: 500;
    font-family: 'Noto Sans CJkkr';
    outline: none;
    resize: none;
}
.file_upload_box{
    padding: 15px 30px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
}
.file_upload_box li:nth-child(1){
    width: 10%;
    font-size: 18px;
    font-weight: 300;
    color: #202020;
}
.file_design{
    width: 97px;
    height: 40px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background-color: #9b9b9b;
    padding-left: 0;
    text-align: center;
    line-height: 40px;
    margin-left: 20px;
    border: none;
    cursor: pointer;
    display: inline-block;
}
.file_upload_box li:nth-child(2){
    width: 100%;
}
.file_upload_box li:nth-child(2) input{
    width: 100%;
    height: 44px;
    padding-left: 17px;
    box-sizing: border-box;
    border: 1px solid #d7d7d7;
    font-size: 16px;
    font-weight: 300;
    margin-left: 20px;
}
.qa_write_confirm{
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: 50px;
}
.qw_confirm{
    width: 158px;
    height: 48px;
    font-size: 16px;
    font-weight: 300;
    border: none;
    background-color: #100964;
    color: #fff;
    cursor: pointer;
}
.qw_cansle{
    width: 158px;
    height: 48px;
    font-size: 16px;
    font-weight: 300;
    color: #444;
    border: 1px solid #ddd;
    background-color: transparent;
    cursor: pointer;
}
#ckeditor{
    width: 100%;
    padding: 10px;
    height: 400px;
    box-sizing: border-box;
}
.qw_del a{
    color: #0065b1;
}



/* Q&A 상세페이지  */

.qa_view_box{
    width: 100%;
    border-top: 1px solid #202020;
    border-bottom: 1px solid #a3a3a3;
    margin-bottom: 50px;
}
.qa_view_head{
    display: flex;
    align-items: center;
    width: 100%;
}
.qa_view_title{
    width: 71.5%;
    box-sizing: border-box;
    color: #202020;
    font-size: 20px;
    font-weight: 500;
    word-break: break-all;
    padding: 15px 30px;
}
.qa_view_date_t{
    width: 12.5%;
    height: 100%;
    box-sizing: border-box;
    background-color: #f7f7f7;
    display: inline-block;
    font-size: 18px;
    font-weight: 300;
    color: #565656;
    padding: 15px 0 15px 30px;
}
.qa_view_date{
    width: 12.5%;
    padding: 15px 0 15px 30px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 300;
    color: #565656;
}
.qa_view_file{
    width: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.qa_view_file li{
    box-sizing: border-box;
}
.qv_file{
    display: inline-block;
    width: 140px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 300;
    color: #767676;
    background: url("/web/images/sub/file_back.png")no-repeat left center;
    padding: 15px 0 15px 20px;
    margin-left: 30px;
}
.qa_view_ft{
    width: 16.6%;
    box-sizing: border-box;
    background-color: #f7f7f7;
    display: inline-block;
    font-size: 18px;
    font-weight: 300;
    color: #565656;
    padding: 15px 0 15px 30px;
}
.qa_view_con{
    box-sizing: border-box;
    padding: 30px;
    font-size: 18px;
    font-weight: 300;
    color: #202020;
    line-height: 1.6;
    word-break: break-all;
}
.qa_view_answer{
    box-sizing: border-box;
    padding: 30px;
    border-top: 1px solid #ddd;
}
.view_answer_check{
    background: url("/web/images/sub/answers_icon.png") no-repeat left top;
    font-size: 18px;
    font-weight: 500;
    color: #111;
    margin-bottom: 20px;
    padding-left: 20px;
    box-sizing: border-box;
}
.view_answer_con p{
    font-size: 18px;
    font-weight: 300;
    color: #333;
    line-height: 1.6;
}
.qa_list_go{
    width: 158px;
    height: 48px;
    border: none;
    background-color: #100964;
    cursor: pointer;
}
.qa_list_go a{
    font-size: 16px;
    font-weight: 300;
    color: #fff;
}
.qw_del{
    width: 158px;
    height: 48px;
    font-size: 16px;
    font-weight: 300;
    color: #444;
    border: 1px solid #ddd;
    background-color: transparent;
    cursor: pointer;
}




/* 비회원사용자가 글쓰는 페이지 */

.bu_head{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 15px 40px;
    box-sizing: border-box;
    background-color: #F6F6F6;
    border-bottom: 1px solid #ccc;
}
.bu_head label{
    font-size: 18px;
    font-weight: 500;
    color: #333;
}
.bu_head input{
    width: 250px;
    height: 40px;
    margin-left: 40px;
    padding: 12px 15px;
    box-sizing: border-box;
}
.bu_head input::placeholder{
    font-size: 15px;
    font-weight: 500;
    color: #a1a1a1;
}
#bu_name{
    margin-right: 40px;
}
.bu_title{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 15px 40px;
    box-sizing: border-box;
    background-color: #F6F6F6;
}
.bu_title label{
    font-size: 18px;
    font-weight: 500;
    color: #333;
}
.bu_t{
    width: 90%;
}
#bu_title{
    width: 100%;
    height: 40px;
    margin-left: 40px;
    padding: 12px 15px;
    box-sizing: border-box;
}
#bu_content{
    width: 100%;
    height: 400px;
    border: 1px solid #ccc;
    background: none;
    outline: none;
    resize: none;
    font-size: 16px;
    font-weight: 400;
    color: #111;
    padding: 30px;
    box-sizing: border-box;
    line-height: 1.5;
}
.bu_write_confirm{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 50px;
}
.bu_confirm{
    width: 150px;
    height: 50px;
    outline: none;
    border: none;
    background-color: #FF4D0F;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 50px;
    cursor: pointer;
}
.bu_cancle{
    width: 150px;
    height: 50px;
    outline: none;
    border: 1px solid #ccc;
    background: none;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    cursor: pointer;
}
.bu_del{
    width: 150px;
    height: 50px;
    outline: none;
    border: 1px solid #ccc;
    background: none;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    cursor: pointer;
}
.bu_modify{
    width: 150px;
    height: 50px;
    outline: none;
    border: 1px solid #ccc;
    background: none;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    cursor: pointer;
}



/* 게시판 댓글 */

.comment_box{
    width: 100%;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}
.comment_b{
    width: 100%;
    padding: 25px 40px;
    box-sizing: border-box;
    background-color: #F6F6F6;
    position: relative;
}
.comment_b:not(:last-child){
    border-bottom: 1px solid #ccc;
}
.comment_user{
    font-size: 15px;
    font-weight: 500;
    color: #333;
    margin-bottom: 12px;
}
.comment_con{
    width: 82%;
    font-size: 15px;
    font-weight: 400;
    color: #666;
    padding: 0 5px;
    box-sizing: border-box;
    margin-bottom: 12px;
    line-height: 1.4;
}
.comment_date{
    font-size: 13px;
    font-weight: 400;
    color: #666;
}
.comment_confirm{
    outline: none;
    border: none;
    background: none;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 40px;
    cursor: pointer;
}
.np_box{
    display: flex;
    align-items: center;
}
.np_box label{
    font-size: 15px;
    font-weight: 500;
    color: #333;
}
.np_box input{
    width: 200px;
    height: 30px;
    margin-left: 10px;
    border: 1px solid #ccc;
    padding: 5px 10px;
    box-sizing: border-box;
}
.np_pw{
    margin-left: 10px;
}
.cb_lab{
    font-size: 15px;
    font-weight: 500;
    color: #333;
}
.cb_comment_box{
    display: flex;
    align-items: flex-start;
    margin-top: 15px;
}
#cb_comment{
    width: 79%;
    outline: none;
    border: 1px solid #ccc;
    resize: none;
    background-color: #fff;
    font-size: 15px;
    font-weight: 400;
    color: #111;
    line-height: 1.6;
    padding: 10px;
    box-sizing: border-box;
    margin-left: 10px;
}






.attach_placeholder{margin-left: 20px; margin-top: 10px;}
.attach_desclist{position: relative; margin-top: 10px;}
.attach_del{position: absolute; top: 50%; right: 0; transform: translateY(-50%); cursor: pointer;}











/* //회원가입 페이지// */

.member_wrap{
    width: 100%;
}
.member_container{
    width: 1200px;
    margin: 0 auto;
}
.member_title{
    font-size: 60px;
    font-weight: 400;
    color: #000;
    margin-bottom: 80px;
    text-align: center;
}
.join_box{
    width: 94.58%;
    margin: 0 auto;
    padding: 4.4%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    position: relative;
}
.join_comment{
    font-size: 13px;
    font-weight: 400;
    color: #1B99E6;
    margin: 6px 0 22px 0;
}
.joinInput{
    height: 40px;
    border: 1px solid #ccc;
    padding: 12px;
    box-sizing: border-box;
}

/* //아이디 박스// */

.id_box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.idInput{
    width: 90.9%;
    height: 40px;
    border: 1px solid #ccc;
}
.id_check{
    width: 8.1%;
    height: 40px;
    border: none;
    outline: none;
    background-color: #1B99E6;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
}

/* //비밀번호 박스// */

.password_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.passwordInput{
    width: 49.27%;
}

/* //이름 박스// */

.nameInput{
    width: 100%;
    margin-bottom: 20px;
}


/* //이메일 콜 박스// */

.email_call_box{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 7.7%;
}
.email_box{
    width: 41.27%;
    display: flex;
    align-items: center;
}
.emailInput{
    width: 26.16%;
}
.emailInput2{
    width: 33.4%;
}
#emailSelect{
    width: 33.4%;
    margin-left: 7px;
    font-size: 15px;
    font-weight: 400;
    color: #b5b5b5;
    padding: 0 15px;
}
.email_m{
    display: block;
    margin: 0 6px;
    font-size: 15px;
    font-weight: 400;
    color: #B5B5B5;
}
.callInput{
    width: 28.77%;
}
.email_m, .ec_m{
    font-size: 15px;
    font-weight: 400;
    color: #B5B5B5;
}
.call_box{
    width: 27.4%;
    display: flex;
    align-items: center;
}
.call_box span{
    display: block;
    margin: 0 8px;
    font-size: 15px;
    font-weight: 400;
    color: #767676;
}

/* 주소박스 */

.address_box{
    margin-bottom: 38px;
}
.addressInput{
    width: 100%;
}

/* 회원가입 체크박스 */

.agree_box{
    display: flex;
    gap: 80px;
}
#join_check1{
    display: none;
}
#join_check2{
    display: none;
}
.check_label{
    display: flex;
    gap: 5px;
}
.check_box{
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.check_box span{
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #009EFF;
    display: none;
}
.check_text{
    font-size: 15px;
    font-weight: 400;
    color: #111;
}
.check_text span{
    text-decoration: underline;
    cursor: pointer;
}

.join_complete{
    width: 15.4%;
    height: 45px;
    outline: none;
    border: none;
    background-color: #1B99E6;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    position: absolute;
    right: 4.4%;
    bottom: 4.4%;
}







/* //로그인 페이지// */

.login_box{
    width: 42.66%;
    margin: 0 auto;
    padding: 27px 50px;
    box-sizing: border-box;
    border: 1px solid #ccc;
}
.loginInput{
    height: 60px;
    padding: 24px 20px;
    box-sizing: border-box;
    border: 1px solid #ccc;
}
.loginInput::placeholder{
    font-size: 15px;
    font-weight: 500;
    color: #B5B5B5;
}
.loginIdInput, .loginPwInput{
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    color: #111;
    margin-bottom: 15px;
}
.login_checkBox{
    margin-bottom: 25px;
}
#login_check{
    display: none;
}
.login_checkLab{
    display: flex;
    gap: 7px;
    cursor: pointer;
}
.login_chBox{
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.login_chBox span{
    display: block;
    width: 8px;
    height: 8px;
    background-color: #009EFF;
    border-radius: 50%;
    display: none;
}
.login_chText{
    font-size: 13px;
    font-weight: 400;
    color: #666;
}
.login_confirm{
    width: 100%;
    height: 60px;
    background-color: #009EFF;
    outline: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 16px;
}
.login_subBox{
    display: flex;
    justify-content: space-between;
}
.login_subBox a{
    font-size: 15px;
    font-weight: 400;
    color: #666;
}




/* //아이디 비밀번호 찾기 페이지// */

.find_box{
    width: 94.58%;
    margin: 0 auto;
    border: 1px solid #ccc;
    padding: 4.4%;
    box-sizing: border-box;
}
.find_container{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.find_con{
    width: 35.24%;
}
.find_title{
    font-size: 24px;
    font-weight: 500;
    color: #111;
    margin-bottom: 28px;
}
.findInput{
    width: 100%;
    height: 50px;
    padding: 17px 15px;
    box-sizing: border-box;
    border: 1px solid #ccc;
}
.findInput::placeholder{
    font-size: 15px;
    font-weight: 400;
    color: #b5b5b5;
}
.findNameInput, .findNameInput2, .findEmailInput2{
    margin-bottom: 5px;
}
.findBtn{
    width: 100%;
    height: 50px;
    outline: none;
    border: none;
    background-color: #1B99E6;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin-top: 15px;
    cursor: pointer;
}
.find_line{
    display: block;
    width: 1px;
    height: 277px;
    background-color: #ccc;
}





/* 회원탈퇴 페이지 */

.wdw_box{
    width: 42.66%;
    margin: 0 auto;
    padding: 49px 8.2%;
    border: 1px solid #ccc;
}
.wdwInput{
    width: 100%;
    height: 50px;
    border: 1px solid #ccc;
    padding: 17px 15px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    color: #111;
    margin-bottom: 10px;
}
.wdwInput::placeholder{
    font-size: 15px;
    font-weight: 400;
    color: #b5b5b5;
}
.wdwReason{
    width: 100%;
    height: 50px;
    border: 1px solid #ccc;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    color: #111;
    margin-bottom: 10px;
}
#wdwText{
    width: 100%;
    height: 243px;
    border: 1px solid #ccc;
    font-size: 15px;
    font-weight: 400;
    color: #111;
    padding: 17px 15px;
    box-sizing: border-box;
    margin-bottom: 10px;
}
#wdwText::placeholder{
    font-size: 15px;
    font-weight: 400;
    color: #b5b5b5;
}
.wdw_confirm{
    width: 100%;
    height: 50px;
    outline: none;
    border: none;
    background-color: #1B99E6;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
}



/* //찾기 완료 페이지// */

.findCom_box{
    width: 37%;
    margin: 0 auto;
    border: 1px solid #ccc;
    padding: 61px 4.4% 54px 4.4%;
    box-sizing: border-box;
}
.findCom_title{
    font-size: 24px;
    font-weight: 400;
    color: #111;
    text-align: center;
    margin-bottom: 20px;
}
.findCom_text{
    font-size: 15px;
    font-weight: 400;
    color: #767676;
    margin-bottom: 40px;
    text-align: center;
}
.findCom_text span{
    color: #1B99E6;
}
.findCom_btnBox{
    display: flex;
    justify-content: space-between;
}
.find_go_login{
    display: block;
    width: 46.64%;
    height: 45px;
    background-color: #1B99E6;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 45px;
    text-align: center;
}
.find_go_home{
    display: block;
    width: 46.64%;
    height: 45px;
    border: 1px solid #ccc;
    font-size: 18px;
    font-weight: 500;
    color: #767676;
    line-height: 45px;
    text-align: center;
}
.find_go_home2{
    display: block;
    width: 100%;
    height: 45px;
    background-color: #1B99E6;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 45px;
    text-align: center;
}

/* 정보수정 */
.idInput2{
    width: 100%;
}



/* //댓글 삭제 팝업// */

.comment_pop{
    width: 368px;
    height: 168px;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 25px 31px;
    box-sizing: border-box;
    display: none;
    z-index: 9999;
}
.cp_form{
    position: relative;
}
.cp_title{
    font-size: 15px;
    font-weight: 500;
    color: #333;
    margin-bottom: 18px;
}
.cp_pwInput{
    width: 100%;
    height: 40px;
    border: 1px solid #ccc;
    font-size: 13px;
    font-weight: 400;
    color: #111;
    padding: 14px 8px;
    box-sizing: border-box;
    margin-bottom: 6px;
}
.cp_pwInput::placeholder{
    font-size: 13px;
    font-weight: 400;
    color: #ccc;
}
.cp_pwConfirm{
    width: 100%;
    height: 40px;
    background-color: #FF4D0F;
    outline: none;
    border: none;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
}
.cp_form_close{
    width: 45px;
    height: 42px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -25px;
    right: -76px;
    cursor: pointer;
}



/* 개인정보 및 이용약관 팝업 */

.info_pop{
    z-index: 9999;
    width: 1000px;
    height: 500px;
    background: #fff;
    overflow-y: auto;
    white-space: normal;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: none;
}
.info_pop pre{
    padding: 35px;
    line-height: 1.5;
    white-space: pre-wrap; 
}
.boardnumber_box{
    font-size: 16px;
    font-weight: 300;
    color: #111;
}



@media screen and (max-width:1199px){


    
}











@media screen and (max-width:767px){
    /* Q&A게시판 */

.board_search_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12.5px;
}
.board_search_container h1{
    font-size: 12px;
}

.qa_list{
    padding: 15px;
}
.qa_date{
    font-size: 10px;
}
.qa_date span{
    font-size: 16px;
}
.qa_title{
    margin-left: 20px;
    width: 55%;
    font-size: 10px;
}
.qa_answer{
    margin-top: 7.5px;
    font-size: 10px;
}
.qa_view{
    font-size: 10px;
}
.qa_arrow{
    margin: 10px auto 0;
}
.qa_write_box{
    margin: 50px 0 40px 0;
}
.qa_write_btn{
    width: 65px;
    height: 25px;
    font-size: 10px;
    line-height: 25px;
    color: #fff;
    background-position: 9px 8.5px;
    padding-left: 12px;
    background-size: 10px;
}
.qa_arrow{
    width: 17.5px;
    height: 11.5px;
}
#searchCate {
    width: 54px;
    height: 20px;
    padding: 0;
    font-size: 10px;
}
.board_searchs {
    width: 137px;
    height: 20px;
    padding: 0 7.5px;
}
.board_search {
    width: 10px;
    height: 10px;
    right: 7.5px;
}
.qa_pw_pop {
    width: 210px;
    height: 144px;
    padding: 20px 7.5px;
}

.pop_logo {
    width: 136px;
    height: 21.5px;
    margin: 0 auto 20px;
}
.qa_pw_input {
    padding: 5px 2.5px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
}
.qa_pw_input::placeholder{
    font-size: 10px;
}
.pw_confirm {
    width: 75px;
    height: 23px;
    font-size: 10px;
}




/* qna 글쓰기 페이지 */
.qa_write_title {
    padding: 7.5px 0 7.5px 15px;
}
.qa_wt {
    width: 80%;
    height: 22px;
    padding-left: 8.5px;
    font-size: 10px;
}
.qa_wtl {
    font-size: 10px;
    width: 12%;
}
.qa_wt::placeholder{
    font-size: 10px;
}
#ckeditor{
    padding: 5px;
    height: 200px;
}
.file_upload_box {
    padding: 7.5px 15px;
}
.file_upload_box li:nth-child(1) {
    width: 20%;
    font-size: 10px;
}
.file_design {
    width: 48.5px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    margin-left: 10px;
}
.attach_placeholder {
    font-size: 10px;
    margin-left: 10px;
    margin-top: 5px;
}
.file_upload_box li:nth-child(2) input {
    width: 100%;
    height: 22px;
    padding-left: 8.5px;
    font-size: 10px;
    margin-left: 10px;
}
.file_upload_box li:nth-child(2) input::placeholder{
    font-size: 10px;
}
.qa_write_confirm {
    gap: 15px;
    margin-top: 25px;
}
.qw_confirm {
    width: 79px;
    height: 24px;
    font-size: 10px;
}
.qw_cansle {
    width: 79px;
    height: 24px;
    font-size: 10px;
}



/* qna 상세페이지 */
.qa_view_title {
    width: 60%;
    font-size: 10px;
    padding: 7.5px 15px;
}
.qa_view_date_t {
    width: 15%;
    font-size: 10px;
    padding: 7.5px 0 7.5px 15px;
}
.qa_view_date {
    width: 12.5%;
    padding: 7.5px 0 7.5px 15px;
    font-size: 10px;
}
.qa_view_ft {
    width: 22%;
    font-size: 10px;
    padding: 7.5px 0 7.5px 15px;
}
.qa_view_con {
    padding: 15px;
    font-size: 10px;
}
.qa_view_answer {
    padding: 15px;
}
.view_answer_check span{
    font-size: 10px;
}
.view_answer_con {
    font-size: 10px;
}
.qw_del, .qa_list_go, .qw_del {
    width: 79px;
    height: 24px;
    font-size: 10px;
}
.qa_list_go a {
    font-size: 10px;
}
.ck-placeholder{
    font-size: 11px;
}
}