/* 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; 
    font-weight: 600;
}

.board_box{
width: 1200px;
margin: 120px auto 100px auto;
}
.board_search_container{
display: flex;
justify-content: flex-end;
}
.kipmt_txt2{
margin-top: 71px;
}
.board_search_box{
display: flex;
/* float: right; */
margin-bottom: 25px;
align-items: center;
}
#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;
    align-items: center;
}
.view_head li{
    padding: 25px 0;
    box-sizing: border-box;
}
.view_head li.view_title{
    padding: 25px 3.3%;
    word-break: break-all;
}
.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;
    vertical-align: baseline;
}


/* //상세페이지 콘텐츠 부분// */
.view_con{
    padding: 25px 3.3%;
    box-sizing: border-box;
    word-break: break-all;
}
.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: 18.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;
    flex-wrap: wrap;
}
.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 #ccc;
    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게시판 */

.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: #20166f;
    font-family: 'Roboto';
}
.qa_title{
    margin-left: 80px;
    width: 69.83%;
    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: 75px;
    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: #20166f;
    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: absolute;
    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: #20166f;
    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: 17%;
    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;
}
.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;
}




/* 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{
    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 150px;
}
.member_title{
    margin: 80px auto 60px;
    text-align: center;
}
.join_box{
    width: 94.58%;
    margin: 0 auto 120px;
    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;
    line-height: 1.2;
}
.joinInput{
    height: 40px;
    border: 1px solid #ccc;
    padding: 12px;
    box-sizing: border-box;
}
.join_comment_box{
    display: flex;
    gap: 124px;
}

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

.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: 33%;
}
.emailInput2{
    width: 50%;
}
#emailSelect{
    width: 42%;
    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: 37%;
    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;
    vertical-align: baseline;
}

.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%;
}

#postcode{
    width: 38.2%;
    margin-bottom: 10px;
}
#roadAddress, #detailAddress{
    width: 49.27%;
}
.address_find{
    background: none;   
    margin-bottom: 10px;
    cursor: pointer;
}
.add_findBox{
    display: flex;
    align-items: center;
    gap: 3px;
}
.member_container{
    
}







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

.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 75px;
    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 150px;
    padding: 49px 8.2%;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.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: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: none;
}
.info_pop pre{
    padding: 35px;
    line-height: 1.5;
    white-space: pre-wrap; 
}
.member_title{
    width: 54%;
}
.member_title img{
    width: 100%;
}


.board_search_container{
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
    align-items: center;
}
.qa_write_title{
    width: 100%;
    display: flex;
    align-items: center;
}

#qa_wt{
    width: 100%;
}
.join_comment_box.pc_content{
    display: flex;
}









.pc_content{
    display: block;
}
.mobile_content{
    display: none;
}





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


    /* //게시판 리스트// */

    .board_box{
        width: 100%;
        margin: 120px auto;
    }
    .board_search_container {
        margin-top: 120px;
    }
    .board_list_tit{
        width: 65%;
    }
    .board_list_date{
        width: 17.5%;
    }
    .bu_modify a{
        font-size: 18px;
        font-weight: 500;
        color: #333;
    }
    .join_box input::placeholder{
        font-size: 22px;
        font-weight: 300;
        color: #868686;
    }
    .joinInput{
        height: 58px;
    }
    .join_box input{
        font-size: 22px;
        font-weight: 300;
        color: #111;
    }
    .join_comment{
        font-size: 22px;
        font-weight: 300;
        margin: 18px 0 30px;
    }
    .member_container{
        width: 90%;
        margin: 0 auto;
    }
    .idInput {
        width: 75%;
        height: 58px;
    }
    .idInput2{
        width: 100%;
    }
    .id_check {
        width: 23%;
        height: 58px;
        border-radius: 3px;
        font-size: 22px;
    }
    .password_box{
        flex-direction: column;
        gap: 10px;
    }
    .passwordInput{
        width: 100%;
    }
    .email_call_box{
        flex-direction: column;
    }
    .ec_m{
        display: none;
    }
    .email_box{
        width: 100%;
        align-items: flex-start;
    }
    .emailInput{
        width: 40.5%;
    }
    .email_box div{
        width: 56%;
        display: flex;
        flex-direction: column;
    }
    .emailInput2{
        width: 100%;
    }
    #emailSelect {
        width: 100%;
        margin-left: 0;
        font-size: 22px;
        margin-top: 12px;
    }
    .email_m, .ec_m {
        font-size: 22px;
    }
    .email_m{
        margin: 15px 6px 0 6px;
    }
    .call_box{
        width: 100%;
    }
    .join_adrss{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    #roadAddress, #detailAddress {
        width: 100%;
    }
    .add_findBox{
        width: 100%;
        flex-direction: column;
        align-items: flex-end;
    }
    #postcode{
        width: 100%;
        margin-bottom: 4px;
    }
    #roadAddress{
        margin-bottom: 5px;
    }
    .join_complete {
        width: 22%;
        height: 58px;
        font-size: 22px;
        right: 4.4%;
        bottom: 1%;
    }
    .agree_box{
        gap: 60px;
    }
    .email_call_box{
        align-items: flex-start;
    }
    .info_pop{
        z-index: 9999;
        width: 90%;
        height: 70vw;
    }
    .call_box span{
        margin: 0 4px;
    }
    .info_pop pre{
        padding: 17.5px;
        font-size: 11px;
    }





    /* //로그인 */

    .login_box{
        width: 90%;
        margin: 0 auto 150px;
    }


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

    .find_container{
        flex-direction: column;
    }
    .find_line {
        width: 85%;
        height: 1px;
        margin: 40px 0;
    }
    .find_title {
        font-size: 30px;
        margin-bottom: 28px;
        text-align: center;
    }
    .find_con{
        width: 65%;
    }
    .findNameInput, .findNameInput2, .findEmailInput2 {
        margin-bottom: 10px;
    }




    /* //완료 페이지// */

    .findCom_box {
        width: 90%;
        margin: 0 auto 150px;
        padding: 61px 4.4% 54px 4.4%;
    }


    /* //회원탈퇴 페이지// */
    
    .wdw_box {
        width: 90%;
        margin: 0 auto 75px;
        padding: 24.5px 8.2%;
    }
    .wdwInput {
        height: 25px;
        padding: 8.5px 7.5px;
        font-size: 10px;
        margin-bottom: 5px;
    }
    .wdwInput::placeholder{
        font-size: 10px;
    }
    .wdwReason {
        height: 25px;
        padding: 0 7.5px;
        font-size: 10px;
        margin-bottom: 5px;
    }
    #wdwText {
        height: 125px;
        font-size: 10px;
        padding: 8.5px 7.5px;
        margin-bottom: 5px;
    }
    #wdwText::placeholder{
        font-size: 10px;
    }
    .wdw_confirm {
        height: 25px;
        font-size: 10px;
    }





    /* 게시판 상세페이지 */
    .view_title {
        width: 55%;
    }
    .view_user{
        width: 13%;
    }
    .view_date{
        width: 20%;
    }
    .view_con{
        font-size: 15px;
        font-weight: 400;
        color: #111;
        word-break: break-all;
    }


    /* 글쓰기 상세페이지// */

    #bu_name {
        margin-right: 15px;
    }
    .bu_head input {
        width: 250px;
        height: 40px;
        margin-left: 15px;
        padding: 12px 15px;
        box-sizing: border-box;
    }
    .bu_head {
        padding: 15px 20px;
    }
    .bu_title {
        padding: 15px 20px;
    }
    .bu_write_confirm {
        gap: 20px;
        margin: 50px 0;
    }
    #bu_title {
        margin-left: 15px;
    }

    /* 사용자O 댓글O 게시판 상세페이지/ */






    .pc_content{
        display: none;
    }
    .mobile_content{
        display: block;
    }
    .join_comment_box.pc_content {
        display: none;
    }
}










@media screen and (max-width: 767px){
.member_title{
    margin: 40px auto 30px auto;
}
.join_box input::placeholder{
    font-size: 11px;
}
.joinInput{
    height: 29px;
}
.join_box input{
    font-size: 11px;
}
.join_comment{
    font-size: 11px;
    margin: 9px 0 15px;
}
.idInput {
    height: 29px;
}
.id_check {
    height: 29px;
    border-radius: 3px;
    font-size: 11px;
}
.password_box{
    gap: 5px;
}
#emailSelect {
    font-size: 11px;
    margin-top: 6px;
}
.email_m, .ec_m {
    font-size: 11px;
}
.email_m{
    margin: 7.5px 3px 0 3px;
}
#postcode{
    margin-bottom: 2px;
}
#roadAddress{
    margin-bottom: 2.5px;
}
.join_complete {
    height: 29px;
    font-size: 11px;
}
.agree_box{
    gap: 30px;
}
.agree_box{
    flex-direction: column;
}
.check_text{
    font-size: 10px;
}
.check_box {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.check_box span {
    width: 4px;
    height: 4px;
}




/* //로그인 */

.loginInput {
    height: 30px;
    padding: 12px 10px;
}
.loginIdInput, .loginPwInput {
    font-size: 10px;
    margin-bottom: 7.5px;
}
.loginIdInput::placeholder, .loginPwInput::placeholder{
    font-size: 10px;
} 
.login_chText{
    font-size: 10px;
}
.login_chBox {
    width: 8px;
    height: 8px;
}
.login_chBox span{
    width: 4px;
    height: 4px;
}
.login_confirm {
    height: 30px;
    font-size: 10px;
    margin-bottom: 8px;
}
.login_subBox a{
    font-size: 10px;
}
.login_checkBox {
    margin-bottom: 12.5px;
}



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

.find_line {
    margin: 20px 0;
}
.find_title {
    font-size: 15px;
    margin-bottom: 14px;
}
.findNameInput, .findNameInput2, .findEmailInput2 {
    margin-bottom: 5px;
}
.findInput {
    width: 100%;
    height: 25px;
    padding: 8.5px 7.5px;
}
.findInput::placeholder{
    font-size: 10px;
}
.findBtn {
    height: 25px;
    font-size: 10px;
    margin-top: 7.5px;
}




.findCom_box {
    width: 90%;
    margin: 0 auto 75px;
    padding: 30.5px 4.4% 27px 4.4%;
}
.findCom_title {
    font-size: 12px;
    margin-bottom: 10px;
}
.findCom_text {
    font-size: 10px;
    margin-bottom: 20px;
}
.find_go_login {
    height: 22.5px;
    font-size: 10px;
    line-height: 22.5px;
}
.find_go_home {
    height: 22.5px;
    font-size: 10px;
    line-height: 22.5px;
}





        /* //게시판 리스트// */

.board_search_container {
    margin-top: 60px;
}
.board_title h1 {
    font-size: 15px;
}
#searchCate {
    width: 50px;
    height: 20px;
    padding: 0 3.5px;
    font-size: 10px;
}
.board_searchs {
    width: 137px;
    height: 20px;
    padding: 0 7.5px;
}
.board_search {
    width: 10px;
    height: 10px;
    right: 7.5px;
}
.board_lists {
    height: 30px;
}
.board_list_title li {
    font-size: 10px;
}
.board_list_titcon {
    padding: 0 15px 0 15px;
}
.board_list_titcon a {
    font-size: 10px;
}
.board_list_usercon {
    font-size: 10px;
}
.board_list_datecon {
    font-size: 10px;
}




/* 게시판 상세페이지 */
.view_title {
    width: 55%;
}
.view_user{
    width: 22%;
    font-size: 10px;
}
.view_date{
    width: 20%;
    font-size: 10px;
}
.view_con{
    padding: 12.5px 3%;
    font-size: 10px;
}
.view_title{
    font-size: 10px;
}
.view_st{
    font-size: 10px;
}
.view_head li.view_title {
    padding: 12.5px 3.3%;
}
.view_head li{
    padding: 12.5px 0;
}
.view_file li {
    padding: 12.5px 0;
}
.view_f{
    width: 37.5%;
    font-size: 10px;
}
.v_f_list {
    font-size: 10px;
    gap: 12.5px;
}
.go_list {
    width: 70px;
    height: 25px;
    line-height: 25px;
    font-size: 10px;
}


.board_page_box {
    width: 20px;
    height: 20px;
}
.board_page_number {
    font-size: 10px;
}
.boardnumber_box {
    gap: 9px;
    margin: 0 17px;
}
.board_page_box3 {
    margin-right: 3px;
}
.board_page_box2 {
    margin-left: 3px;
}
.board_write {
    width: 62.5px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    bottom: 30px;
}





/* 글쓰기 상세페이지// */
.board_box {
    margin: 60px auto;
}
#bu_name {
    margin-right: 7.5px;
}
.bu_head input {
    width: 200px;
    height: 20px;
    margin-left: 7.5px;
    padding: 6px 7.5px;
}
.bu_head input::placeholder{
    font-size: 10px;
}
.bu_head {
    padding: 7.5px 10px;
}
.bu_title {
    padding: 7.5px 10px;
}
.bu_write_confirm {
    gap: 10px;
    margin: 25px 0;
}
#bu_title {
    margin-left: 7.5px;
}
.bu_head label {
    font-size: 10px;
}
.bu_title label {
    font-size: 10px;
}
#bu_title {
    height: 20px;
    padding: 6px 7.5px;
}
#bu_title::placeholder{
    font-size: 10px;
}
#bu_content {
    height: 200px;
    font-size: 10px;
    padding: 15px;
}
.bu_confirm {
    width: 75px;
    height: 25px;
    font-size: 10px;
    line-height: 25px;
}
.bu_cancle {
    width: 75px;
    height: 25px;
    font-size: 10px;
    line-height: 25px;
}



/* 시용자O 댓글O 게시판 */

.view_con p {
    font-size: 10px;
}
.bu_del {
    width: 70px;
    height: 25px;
    line-height: 25px;
    font-size: 10px;
}
.bu_modify {
    width: 70px;
    height: 25px;
    line-height: 25px;
}
.bu_modify a {
    font-size: 10px;
}
.comment_b {
    padding: 12.5px 6px;
}
.comment_con {
    width: 82%;
    font-size: 10px;
    padding: 0 2.5px;
    margin-bottom: 6px;
}
.comment_confirm {
    font-size: 10px;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
}
.np_box label {
    font-size: 10px;
}
.np_box input {
    width: 100px;
    height: 15px;
    margin-left: 5px;
    padding: 2.5px 5px;
}
.comment_user {
    font-size: 10px;
    margin-bottom: 6px;
}
.comment_date {
    font-size: 10px;
}
.cb_lab {
    font-size: 10px;
}
#cb_comment {
    width: 72%;
    font-size: 10px;
    padding: 5px;
    margin-left: 5px;
}
.cb_comment_box{
    position: relative;
    align-items: center;
}
.pn_page li {
    padding: 13px 0;
    font-size: 10px;
}
.pn_title>a {
    font-size: 10px;
}
.pn_page{
    align-items: center;
}
.pn_date{
    width: 22%;
}
.go_list_container {
    gap: 10px;
    padding: 20px 0 30px;
}

.qa_write_title {
    justify-content: space-between;
    padding: 7.5px 0 7.5px 10px;
}
#qa_wt{
    width: 90%;
}
#qa_wt::placeholder{
    font-size: 10px;
}
.qa_wtl {
    font-size: 10px;
    width: 10%;
}
#qa_write_con {
    height: 220px;
    padding: 7.5px 5px;
    font-size: 10px;
}
.file_upload_box {
    padding: 7.5px 15px;
}
.file_upload_box li:nth-child(1) {
    width: 24%;
    font-size: 10px;
}
.file_upload_box li:nth-child(2) input {
    height: 22px;
    padding-left: 8.5px;
    font-size: 10px;
}
.qw_confirm {
    width: 79px;
    height: 24px;
    font-size: 10px;
}
.qw_cansle {
    width: 79px;
    height: 24px;
    font-size: 10px;
}
.qa_write_confirm {
    gap: 15px;
    margin-top: 25px;
}

.comment_pop {
    width: 90vw;
    height: 140px;
    padding: 12.5px 15.5px;
}
.cp_title {
    font-size: 10px;
    margin-bottom: 10px;
}
.cp_pwInput {
    height: 30px;
    font-size: 10px;
    padding: 7px 4px;
    margin-bottom: 10px;
}
.cp_pwInput::placeholder{
    font-size: 10px;
}
.cp_pwConfirm {
    height: 30px;
    font-size: 10px;
}









}