body { color: #191919; }

.vt_mid { display: inline-block; vertical-align: middle; }
.vt_top { display: inline-block; vertical-align: top; }
.vt_bot { display: inline-block; vertical-align: bottom; }
.tab { display: none; }
.tab.on { display: block; }
.grid { display: grid; justify-items: center; align-content: center; width: 100%; height: 100%; justify-content: center; align-items: center; }
.grid img { width: 100%; max-height: 350px; }
button img { width: 100%; }
.rel { position: relative; }
.abs { position: absolute; }

nts { font-size: 0; }
.block { display: block; }
.color_blue { color: #0099db; }
.color_black { color: #191919; }
.btn_area { text-align: center; }
.btn_area .btn_common { width: 100%; max-width: 300px; height: 50px; background: #0099db; border-radius: 5px; color: #fff; font-size: 14px; }

.ul_close { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 2; display: none; }
.ul_close.on { display: block; }

.select { appearance: none; background: url("/webt_down.png") no-repeat center right 10px / 24px; border: 1px solid #d6d6d6; width: 150px; height: 45px; border-radius: 5px; padding: 0 10px; box-sizing: border-box; font-size: 16px; }
.select.wid160 { width: 160px; }

.footer.fixed { position: fixed; bottom: 0; left: 0; width: 100%; }

.form input[type="radio"],
.form input[type="checkbox"] { appearance: none; border: none; background: transparent no-repeat center center / 100% 100%; }

.form input[type="radio"].radio { width: 20px; height: 20px; background-image: url("/org/img/radio.png"); }
.form input[type="radio"].radio:checked { background-image: url("/org/img/radio_on.png"); }

.form input[type="checkbox"].ckbox { width: 24px; height: 24px; background-image: url("/org/img/chk.png"); }
.form input[type="checkbox"].ckbox:checked { background-image: url("/org/img/chk_on.png"); }







@media (max-width: 430px){
 .form input[type="radio"].radio { width: 15px; height: 15px; }
 }

/* 팝업 */
.pop { position: fixed; width: 100vw; height: 100vh; z-index: 100; top: 0; left: 0; display: none; }
.pop.on { display: block; }
.pop .black_bg { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }
.pop .white_bg { width: 90%; background: #ffffff; max-width: 400px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.pop .white_bg .con { font-size: 16px; padding: 55px 0; box-sizing: border-box; }
.pop .white_bg .pbtn_area { width: 100%; font-size: 0; }
.pop .white_bg .pbtn_area .p_btn { width: 100%; height: 50px; font-size: 16px; color: #fff; background: #0099db; }
.pop .white_bg .pbtn_area .p_btns { width: 50%; height: 50px; font-size: 16px; color: #fff; }
.pop .white_bg .pbtn_area .p_btns.btn1 { background: #7e7e7e; }
.pop .white_bg .pbtn_area .p_btns.btn2 { background: #0099db; }

/* 구인 구직 */
.page { padding-top: 0; padding-bottom: 108px; }
.tab_ul { display: block; border-bottom: 1px solid #d6d6d6; box-sizing: border-box; margin-bottom: 50px; padding-top: 40px; }
.tab_li { margin-right: 40px; font-size: 30px; color: #b9b9b9; border-bottom: 2px solid transparent; display: inline-block; vertical-align: middle; cursor: pointer; padding-bottom: 13.5px; box-sizing: border-box; }
.tab_li.on { color: #191919; border-color: #0099db; font-weight: bold; }

.search_area { margin-bottom: 30px; font-size: 0; }
.search_area .mr10 { margin-right: 10px; }
.search_area .mr10:last-child { margin-right: 0; }
.search_area .mr10.resize { width: calc(100% - 480px); }
.page .search_area .search { width: 100%; height: 45px; padding: 0 10px; box-sizing: border-box; font-size: 16px; border-radius: 5px; }
.page .search_area .search_btn { width: 150px; height: 45px; background: #0099db; border-radius: 5px; font-size: 16px; color: #fff; margin-top: 0; }

.page .top_adv { background: #f2fbff; border-top: 1px solid #0099db; border-bottom: 1px solid #0099db; padding: 30px; box-sizing: border-box; margin-bottom: 20px; }
.page .bot_adv { padding: 30px; box-sizing: border-box; margin-bottom: 30px; }

.page .board .at_title { margin-bottom: 14px; }
.page .board .at_title span { font-size: 24px; font-weight: bold; }
.page .board .a_wrap { border-top: 1px solid #d6d6d6; }
.page .board .a_wrap .block { border-bottom: 1px solid #d6d6d6; padding: 10px 0; box-sizing: border-box; }
.page .board .a_wrap .block div { font-size: 16px; text-align: center; }
.page .board .a_wrap .block .t1 { text-align: left; width: calc(100% - 325px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.page .board .a_wrap .block .t2 { width: 100px; }
.page .board .a_wrap .block .t3 { width: 115px; }
.page .board .a_wrap .block .t4 { width: 100px; text-align: right; }

.page .write_area { text-align: right; padding: 0 30px; box-sizing: border-box; }
.page .write_area .write_btn { width: 200px; height: 50px; font-size: 16px; color: #fff; border-radius: 10px; background: #0099db; }

/*공통*/
.pagination { text-align: center; width: 100%; margin-top: 60px; }
.pagination .page_btn { width: 24px; }
.pagination .num_wrap { margin: 0 10px; font-size: 0; }
.pagination .num_wrap .num { font-size: 16px; display: inline-block; vertical-align: middle; padding: 3px 10px; box-sizing: border-box; margin-right: 5px; border-radius: 5px; }
.pagination .num_wrap .num:last-child { margin-right: 0; }
.pagination .num_wrap .num.on { background: #0099db; color: #fff; }
/*공통*/

@media (max-width: 1230px){
 .page { width: 100%; padding: 100px 15px 108px; box-sizing: border-box; }
 }

@media (max-width: 768px){
 .page { padding-top: 120px; }
 .tab_ul { margin-bottom: 30px; padding-top: 0; }
 .tab_li { font-size: 25px; margin-right: 25px; padding-bottom: 9px; }
 .search_area .mr10 { margin-right: 10px; width: calc((100% - 10px) / 2); margin-bottom: 10px; }
 .search_area .mr10:nth-child(2n) { margin-right: 0; }
 .search_area .mr10:last-child { width: 110px; }
 .select { font-size: 14px; width: 100%; }
 .search_area .mr10.resize { width: calc(100% - 120px); }
 .search_area .search { font-size: 14px; }
 .page .search_area .search_btn { width: 110px; font-size: 14px; }
 .page .top_adv,
 .page .bot_adv { padding: 15px 5px; }
 .page .board .a_wrap .block div { font-size: 14px; }
 .page .board .at_title span { font-size: 20px; }
 .page .board .a_wrap .block .t1 { width: calc(100% - 270px); }
 .page .board .a_wrap .block .t2 { width: 90px; }
 .page .board .a_wrap .block .t3 { width: 90px; }
 .page .board .a_wrap .block .t4 { width: 90px; }
 .page .write_area { padding: 0 5px; text-align: center; }
 .page .write_area .write_btn { width: 130px; height: 45px; font-size: 14px; }
 .pagination { margin-top: 40px; }
 .pagination .num_wrap .num { font-size: 14px; margin: 0; }
 }

@media (max-width: 460px){
 .select { height: 40px; }
 .search_area .mr10.resize { width: calc(100% - 106px); }
 .search_area .search { height: 40px; }
 .search_area .mr10:last-child { width: 96px; }
 .page .search_area .search_btn { width: 100%; }
 .search_area { margin-bottom: 20px; }
 .tab_li { font-size: 20px; margin-right: 15px; }
 .page { padding-bottom: 70px; }
 .page .board .a_wrap .block div { font-size: 12px; }
 .page .board .a_wrap .block .t1 { width: 100%; margin-bottom: 4px; display: block; }
 .page .board .a_wrap .block .t2 { width: calc(100% - 150px); text-align: right; min-width: 75px; }
 .page .board .a_wrap .block .t3 { width: 75px; }
 .page .board .a_wrap .block .t4 { width: 75px; }

 .pagination .num_wrap { margin: 0 5px; }
 .pagination .num_wrap .num { font-size: 12px; padding: 3px 8px; }
 }

/* 구인 구직 서브 */
.b_sub { font-size: 0; padding: 50px 0 116px; box-sizing: border-box; }
.b_sub .title_area { border-bottom: 1px solid #d6d6d6; box-sizing: border-box; padding-bottom: 17px; }
.b_sub .title_area .t_left { width: calc(100% - 24px); }
.b_sub .title_area .t_left .t1 { font-size: 24px; margin-bottom: 16px; font-weight: bold; }
.b_sub .title_area .t_left .t2 > .vt_mid { margin-right: 18px; font-size: 14px; color: #7e7e7e; }
.b_sub .title_area .t_left .t2 > .vt_mid:last-child { margin-right: 0; }
.b_sub .title_area .t_left .t2 .icon { width: 24px; }

.b_sub .title_area .t_right { width: 24px; position: relative; }
.b_sub .title_area .t_right .more_btn { width: 100%; }

/*공통*/
.more_ul { position: absolute; right: 0; top: 100%; box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); width: 120px; border-radius: 5px; overflow: hidden; display: none; z-index: 5; }
.more_ul.on { display: block; }
.more_li { display: block; font-size: 16px; text-align: center; background: #fff; padding: 12px 0; box-sizing: border-box; cursor: pointer; }
/*공통*/

.b_sub .cont_area { padding-top: 30px; box-sizing: border-box; min-height: 530px; }
.b_sub .cont_area .text_area { font-size: 16px; margin-bottom: 50px; }
.b_sub .cont_area .img_area { margin-bottom: 50px; text-align: center; }
.b_sub .cont_area .img_area .ex { width: 100%; max-width: 500px; }

.b_sub .act_area { margin-top: 85px; margin-bottom: 20px; }
.b_sub .act_area .a_left,
.b_sub .act_area .a_right { width: 100px; }
.b_sub .act_area .a_cen { width: calc(100% - 200px); text-align: center; }
.b_sub .act_area .a_cen .go_list_btn { width: 90px; height: 36px; border: 1px solid #d6d6d6; border-radius: 5px; font-size: 14px; }
.b_sub .act_area .a_right { text-align: right; }
.b_sub .act_area .a_right .sub_btns { width: 50px; font-size: 14px; }

.b_sub .file_area { border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; box-sizing: border-box; padding: 20px 0; }
.b_sub .file_area .lab { font-size: 16px; font-weight: 500; width: 80px; }
.b_sub .file_area .down_wrap { width: calc(100% - 80px); }
.b_sub .file_area .down_wrap .down_btn .icon { width: 28px; margin-right: 4px; }
.b_sub .file_area .down_wrap .down_btn .txt { font-size: 16px; }

@media (max-width: 1230px){
 .b_sub { width: 100%; padding: 50px 15px 110px; box-sizing: border-box; }
 }
@media (max-width: 768px){
 .b_sub { padding-top: 120px; }
 .b_sub .title_area .t_left .t1 { font-size: 21px; }
 .b_sub .title_area .t_left .t2 > .vt_mid { font-size: 12px; }
 .b_sub area .text_area { font-size: 14px; }
 .b_sub .file_area .lab { font-size: 14px; width: 70px; }
 .b_sub .file_area .down_wrap { width: calc(100% - 70px); }
 .b_sub .file_area .down_wrap .down_btn .txt { font-size: 14px; }

 .more_ul { width: 100px; }
 .more_li { font-size: 14px; padding: 10px 0; }
 }
@media (max-width: 430px){
 .b_sub { padding-bottom: 50px; }
 .b_sub .title_area .t_left .t1 { font-size: 18px; margin-bottom: 5px; }
 .b_sub area .text_area { margin-bottom: 30px; }
 .b_sub .act_area { margin-top: 50px; }
 .b_sub .file_area { padding: 15px 0; }
 .b_sub .act_area .a_cen { width: 100%; display: block; margin-bottom: 5px; }
 .b_sub .act_area .a_left,
 .b_sub .act_area .a_right { width: 100%; display: block; }
 }

/* 글 등록하기 */
#buy { margin-top: -5px; }
/*.form { font-size: 0; padding-bottom: 110px; margin-top: -50px; }*/
.form {  padding-bottom: 110px; margin-top: -50px; }
@media (max-width: 1230px){

  .form { margin-top: -50px; padding: 100px 15px; box-sizing: border-box; }
 }
.form .f_h2 { font-size: 30px; font-weight: bold; margin-bottom: 58px; }
.inner920 { width: 920px; margin: 0 auto; }
@media (max-width: 950px){

 .form { margin-top: 0px; padding: 30px 15px; }
 .inner920 { width: 100%; }
 }
.form .w_block_wrap { margin-bottom: 80px; }
.form .w_block_wrap .w_block { margin-bottom: 25px; }
.form .w_block_wrap .w_block:last-child { margin-bottom: 0; }
.form .w_block_wrap .w_block .w_lab { display: block; margin-bottom: 5px; font-size: 16px; font-weight: 500; }
.form .w_block_wrap .w_block .i_wrap .input { width: 100%; height: 45px; border: 1px solid #d6d6d6; border-radius: 5px; padding: 0 15px; box-sizing: border-box; font-size: 16px; }
.form .w_block_wrap .w_block .textarea { width: 100%; border: 1px solid #d6d6d6; box-sizing: border-box; padding: 15px; height: 250px; border-radius: 5px; font-size: 16px; }
.form .w_block_wrap .w_block .f_block { margin-bottom: 10px; }
.form .w_block_wrap .w_block .f_block:last-child { margin-bottom: 0; }
.form .w_block_wrap .w_block .f_block .file { display: none; }
.form .w_block_wrap .w_block .f_block .f_lab { width: 120px; height: 40px; line-height: 40px; background: #f9f9f9; text-align: center; border: 1px solid #d6d6d6; font-size: 14px; }
.form .w_block_wrap .w_block .f_block .filename { width: calc(100% - 120px); height: 40px; padding: 0 15px; box-sizing: border-box; border-color: #d6d6d6; border-left: 0; font-size: 16px; }
.form .w_block_wrap .w_block .box { width: 110px; height: 110px; border: 1px solid #d6d6d6; display: inline-block; vertical-align: middle; overflow: hidden; margin-right: 5px; border-radius: 5px; }
.form .w_block_wrap .w_block .box:last-child { margin-right: 0; }
.form .w_block_wrap .w_block .file { display: none; }
.form .w_block_wrap .w_block .p_box { display: block; width: 100%; height: 100%; margin-bottom: 5px; }
.form .w_block_wrap .w_block .p_box .grid img { width: auto; max-width: 200%; }
.form .w_block_wrap .w_block .p_box .grid .empty { width: 24px; }
.form .w_block_wrap .w_block .w_lab.vt_mid { width: 217px; display: inline-block; }
.form .w_block_wrap .w_block .i_wrap.vt_mid { width: calc(100% - 217px); }
.form .w_block_wrap .w_block .r_wrap { margin-right: 75px; }
.form .w_block_wrap .w_block .r_wrap:last-child { margin-right: 0; }
.form .w_block_wrap .w_block .r_wrap .top_lab { font-size: 16px; margin-left: 10px; }

.market_form2 .w_block_wrap .w_block label {
 margin-bottom: 5px; display: inline-block}
.market_form2 .w_block_wrap .w_block .i_wrap textarea {
 width: 100%;
 height: 45px;
 border: 1px solid #ddd; border-radius: 5px; padding: 5px}
.market_form2 .w_block_wrap .w_block .i_wrap input[type="text"] {
 width: 100%; border-radius: 5px; height: 45px}
.market_form2 h2.f_h2 {font-size: 30px;
 margin-bottom: 58px;}
.market_form2 .w_block_wrap .w_block {
 margin-bottom: 20px;}


.market_form2 .w_block_wrap .w_block .box { width: 110px; height: 110px; border: 1px solid #d6d6d6; display: inline-block; vertical-align: middle; overflow: hidden; margin-right: 5px; border-radius: 5px; }
.market_form2 .w_block_wrap .w_block .box:last-child { margin-right: 0; }
.market_form2 .w_block_wrap .w_block .file { display: none; }
.market_form2 .w_block_wrap .w_block .p_box { display: block; width: 100%; height: 100%; margin-bottom: 5px; }
.market_form2 .w_block_wrap .w_block .p_box .grid img { width: auto; max-width: 200%; }
.market_form2 .w_block_wrap .w_block .p_box .grid .empty { width: 24px; }




/* 글 등록하기 */





/*==*/
.ad_section2 .w_block .w_lab { display: block; margin-bottom: 5px; font-size: 16px; font-weight: 500; }
.ad_section2 .w_block .i_wrap .input { width: 100%; height: 45px; border: 1px solid #d6d6d6; border-radius: 5px; padding: 0 15px; box-sizing: border-box; font-size: 16px; }
.ad_section2 .w_block .textarea { width: 100%; border: 1px solid #d6d6d6; box-sizing: border-box; padding: 15px; height: 250px; border-radius: 5px; font-size: 16px; }
.ad_section2 .w_block .f_block { margin-bottom: 10px; }
.ad_section2 .w_block .f_block:last-child { margin-bottom: 0; }
.ad_section2 .w_block .f_block .file { display: none; }
.ad_section2 .w_block .f_block .f_lab { width: 120px; height: 40px; line-height: 40px; background: #f9f9f9; text-align: center; border: 1px solid #d6d6d6; font-size: 14px; }
.ad_section2 .w_block .f_block .filename { width: calc(100% - 120px); height: 40px; padding: 0 15px; box-sizing: border-box; border-color: #d6d6d6; border-left: 0; font-size: 16px; }
.ad_section2 .w_block .box { width: 110px; height: 110px; border: 1px solid #d6d6d6; display: inline-block; vertical-align: middle; overflow: hidden; margin-right: 5px; border-radius: 5px; }
.ad_section2 .w_block .box:last-child { margin-right: 0; }
.ad_section2 .w_block .file { display: none; }
.ad_section2 .w_block .p_box { display: block; width: 100%; height: 100%; margin-bottom: 5px; }
.ad_section2 .w_block .p_box .grid img { width: auto; max-width: 200%; }
.ad_section2 .w_block .p_box .grid .empty { width: 24px; }

.write_wrap .w_lab { display: block; margin-bottom: 5px; font-size: 16px; font-weight: 500; }
.write_wrap .i_wrap .input { width: 100%; height: 45px; border: 1px solid #d6d6d6; border-radius: 5px; padding: 0 15px; box-sizing: border-box; font-size: 16px; }
.write_wrap .textarea { width: 100%; border: 1px solid #d6d6d6; box-sizing: border-box; padding: 15px; height: 250px; border-radius: 5px; font-size: 16px; }
.write_wrap .f_block { margin-bottom: 10px; }
.write_wrap .f_block:last-child { margin-bottom: 0; }
.write_wrap .f_block .file { display: none; }
.write_wrap .f_block .f_lab { width: 120px; height: 40px; line-height: 40px; background: #f9f9f9; text-align: center; border: 1px solid #d6d6d6; font-size: 14px; }
.write_wrap .f_block .filename { width: calc(100% - 120px); height: 40px; padding: 0 15px; box-sizing: border-box; border-color: #d6d6d6; border-left: 0; font-size: 16px; }
.write_wrap .box { width: 110px; height: 110px; border: 1px solid #d6d6d6; display: inline-block; vertical-align: middle; overflow: hidden; margin-right: 5px; border-radius: 5px; }
.write_wrap .box:last-child { margin-right: 0; }
.write_wrap .file { display: none; }
.write_wrap .p_box { display: block; width: 100%; height: 100%; margin-bottom: 5px; }
.write_wrap .p_box .grid img { width: auto; max-width: 200%; }
.write_wrap .p_box .grid .empty { width: 24px; }

@media (max-width: 430px){
 .ad_section2 .w_block .box { width: calc((100% - 10px) / 3); height: 29.5943vw; margin-bottom: 5px; }
 .write_wrap .w_block .box { width: calc((100% - 10px) / 3); height: 29.5943vw; margin-bottom: 5px; }
 }
/*==*/

.form .f_btns { width: 150px; height: 50px; border-radius: 5px; border: 1px solid #0099db; box-sizing: border-box; font-size: 14px; margin-right: 10px; }
.form .f_btns:last-child { margin-right: 0; }
.form .f_btns.btn2 { background: #0099db; color: #fff; }

@media (max-width: 768px){
  #buy { margin-top: 75px; }
 .form { padding: 120px 15px 50px; }
 .form .f_h2 { font-size: 21px; margin-bottom: 30px; }
 .form .w_block_wrap { margin-bottom: 50px; }
 .form .w_block_wrap .w_block .w_lab { font-size: 14px; }
 .form .w_block_wrap .w_block .i_wrap .input { font-size: 14px; }
 .form .w_block_wrap .w_block .textarea { font-size: 14px; }
 .form .w_block_wrap .w_block .w_lab.vt_mid { width: 142px; }
 .form .w_block_wrap .w_block .i_wrap.vt_mid { width: calc(100% - 142px); }
 .form .w_block_wrap .w_block .r_wrap { margin-right: 40px; }
 .form .w_block_wrap .w_block .r_wrap .top_lab { font-size: 14px; margin-left: 6px; }
 input[type="radio"].radio { width: 16px; height: 16px; }
 .form .w_block_wrap .w_block .f_block .filename { font-size: 14px; }
 }
@media (max-width: 430px){
 .form .f_h2 { font-size: 18px; margin-bottom: 20px; }
 .form .w_block_wrap .w_block .f_block .f_lab { font-size: 12px; width: 90px; }
 .form .w_block_wrap .w_block .f_block .filename { width: calc(100% - 90px); }
 .form .w_block_wrap .w_block .box { width: calc((100% - 10px) / 3); height: 29.5943vw; margin-bottom: 5px; }
 .form .w_block_wrap .w_block .w_lab.vt_mid { width: 100%; display: block; }
 .form .w_block_wrap .w_block .i_wrap.vt_mid { width: 100%; display: block; margin-top: 10px; }
 }

/* 중고거래 */
.p_title_area { margin-bottom: 30px; position: relative; padding-top: 40px; }
.p_title_area .h2 { font-size: 30px; }
.p_title_area .h2::after { width: 1px; height: 28px; background: #b9b9b9; display: inline-block; content: ""; margin: 0 20px 0 30px; vertical-align: middle; }

.loc_filter { cursor: pointer; }
.loc_filter .txt { font-size: 20px; }
.loc_filter .arrow { width: 24px; }

.loc_ul { width: 100%; position: absolute; top: 100%; left: 0; box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); background: #fff; font-size: 0; display: none; z-index: 3; }
.loc_ul.on { display: block; }
.loc_li { font-size: 16px; display: inline-block; vertical-align: middle; width: calc(100% / 8); text-align: center; padding: 18px 0; box-sizing: border-box; }
.loc_li.on { color: #0099db; }

.search_area .mr10.resize2 { width: calc(100% - 670px); }

/* .item_list { margin-bottom: 30px; } */
.item_list .item { display: inline-block; vertical-align: top; width: calc((100% - 60px) / 5); margin-right: 15px; border: 1px solid #d6d6d6; box-sizing: border-box; border-radius: 5px; margin-bottom: 40px; overflow: hidden; }
.item_list .item:nth-child(5n) { margin-right: 0; }
.item_list .item .img_area { width: 100%; height: 160px; overflow: hidden; position: relative; }
.item_list .item .img_area img { width: 100%; height: 100%; object-fit: cover; max-width: 130%; }
.item_list .item .text_area { padding: 15px 10px; box-sizing: border-box; }
.item_list .item .text_area .it1 { margin-bottom: 10px; }
.item_list .item .text_area .it1 .vt_mid { font-size: 14px; color: #0099db; font-weight: 500; white-space: nowrap; }
.item_list .item .text_area .it1 img { width: 20px; }
.item_list .item .text_area .it1 .left { width: 50%; }
.item_list .item .text_area .it1 .right { width: 50%; text-align: right; }

.item_list .item .text_area .it2 { font-size: 16px; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; min-height: 42px; }
.item_list .item .text_area .it3 { font-size: 24px; font-weight: bold; margin-bottom: 14px; }
.item_list .item .text_area .it4 { font-size: 14px; color: #7e7e7e; }

.item_list .item .img_area .deal_end { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); top: 0; left: 0; display: none; }
.item_list .item .img_area .deal_end.on { display: block; }
.item_list .item .img_area .deal_end .white { color: #fff; font-size: 20px; font-weight: 500; }

#used_deal .write_area { padding: 0; }

@media (max-width: 1230px){
 #used_deal .search_area .mr10 { width: calc((100% - 20px) / 3); }
 #used_deal .search_area .mr10:nth-child(3) { margin-right: 0; }
 .select.wid160 { width: 100%; }
 #used_deal .search_area .mr10.resize2 { width: calc(100% - 120px); margin-top: 10px; }
 #used_deal .search_area .mr10:last-child { width: 110px; margin-top: 10px; }
 #used_deal .search_area .search_btn { width: 100%; }

 .item_list .item { width: calc((100% - 45px) / 4); margin-right: 15px; }
 .item_list .item:nth-child(5n) { margin-right: 15px; }
 .item_list .item:nth-child(4n) { margin-right: 0; }
 .item_list .item .img_area { height: 200px; }
 .item_list .item .img_area img { max-height: 200px; min-height: 200px; }

 .item_list .item .text_area .it1 .vt_mid { font-size: 12px; }
 .item_list .item .text_area .it1 img { width: 15px; }

 .item_list .item .text_area .it3 { font-size: 22px; }
 .item_list .item .img_area .deal_end .white { font-size: 16px; }
 }
@media (max-width: 768px){
 .p_title_area { padding-top: 0; }
 .p_title_area .h2 { font-size: 24px; }
 .p_title_area .h2::after { margin: 0 15px 0 20px; }
 .loc_filter .txt { font-size: 16px; }
 .loc_filter .arrow { width: 20px; }
 #used_deal .search_area .mr10:nth-child(2n) { margin-right: 10px; }
 #used_deal .search_area .mr10:nth-child(3) { margin-right: 0; }
 #used_deal .search_area .mr10:nth-child(4) { margin-top: 0; }
 #used_deal .search_area .mr10:last-child { margin-right: 0; margin-top: 0; }

 .item_list .item { width: calc((100% - 15px) / 2); margin-right: 15px; margin-bottom: 20px; }
 .item_list .item:nth-child(2n) { margin-right: 0; }
 .item_list .item .img_area { height: 250px; }
 .item_list .item .img_area img { min-height: 250px; max-height: 250px; }

 .item_list .item .text_area .it2 { font-size: 14px; }
 .item_list .item .text_area .it3 { font-size: 22px; }

 .loc_ul { width: 100vw; left: -15px; }
 .loc_li { font-size: 14px; padding: 12px 0; }
 }
@media (max-width: 430px){
 .item_list .item { width: 100%; display: block; margin-right: 0; }
 .item_list .item .img_area { height: 280px; }
 .item_list .item .img_area img { max-height: 280px; min-height: 280px; }
 #used_deal .search_area .mr10.resize2 { width: calc(100% - 120px); }
 }

/* 중고거래 상세 */
#deal_sub { padding-top: 50px; }
.page { font-size: 0; }
.page .product { border-bottom: 1px solid #d6d6d6; box-sizing: border-box; padding-bottom: 30px; }
.page .product .img_area { width: 50%; position: relative; }
.page .product .deal_end { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); display: none; }
.page .product .deal_end.on { display: block; }
.page .product .deal_end .white { font-size: 30px; font-weight: 500; color: #fff; }
.page .product .info_area { width: 50%; padding-left: 30px; box-sizing: border-box; }
.page .product .info_area .if1 { margin-bottom: 24px; font-size: 24px; font-weight: bold; }
.page .product .info_area .if2 { border-bottom: 1px solid #d6d6d6; box-sizing: border-box; padding-bottom: 12px; margin-bottom: 12px; }
.page .product .info_area .if2 .left { width: 160px; font-size: 16px; color: #7e7e7e; }
.page .product .info_area .if2 .right { width: calc(100% - 160px); font-size: 34px; font-weight: bold; text-align: right; }
.page .product .info_area .if3 { margin-bottom: 30px; }
.page .product .info_area .if3 .left { width: calc(100% - 24px); }
.page .product .info_area .if3 .left .gray_bg { background: #f9f9f9; border-radius: 5px; padding: 3px 10px; box-sizing: border-box; margin-right: 5px; }
.page .product .info_area .if3 .left .gray_bg:last-child { margin-right: 0; }
.page .product .info_area .if3 .left .gray_bg .num { font-size: 12px; margin-left: 5px; }
.page .product .info_area .if3 .left img { width: 24px; }
.page .product .info_area .if3 .right { width: 24px; position: relative; }
.page .product .info_area .if3 .right .more_btn { width: 100%; }

.page .product .info_area .if4 { margin-bottom: 98px; }
.page .product .info_area .if4 .mb10 { margin-bottom: 10px; }
.page .product .info_area .if4 .mb10:last-child { margin-bottom: 0; }
.page .product .info_area .if4 .mb10 .left { width: 94px; font-size: 16px; color: #7e7e7e; }
.page .product .info_area .if4 .mb10 .right { width: calc(100% - 94px); font-size: 16px; }
.page .product .info_area .dt_btns_area .dt_btns { width: calc((100% - 20px) / 2); height: 50px; border: 1px solid #0099db; box-sizing: border-box; font-size: 16px; font-weight: 500; border-radius: 5px; margin-right: 20px; }
.page .product .info_area .dt_btns_area .dt_btns:last-child { margin-right: 0; }
.page .product .info_area .dt_btns_area .dt_btns img { width: 28px; }
.page .product .info_area .dt_btns_area .dt_btns.chat { background: #0099db; color: #fff; }
.page .product .info_area .dt_btns_area .dt_btns.sold_out { background: #b9b9b9; color: #fff; border-color: #b9b9b9; }

.page .detail { padding: 70px 0 110px; box-sizing: border-box; }
.page .detail .dt_title { border-bottom: 2px solid #0099db; display: inline-block; padding-bottom: 5px; margin-bottom: 35px; box-sizing: border-box; font-size: 20px; font-weight: bold; }
.page .detail .dt_text { font-size: 16px; }

@media (max-width: 1230px){
 .page .product .info_area .if1 { margin-bottom: 15px; }
 .page .product .info_area .if4 { margin-bottom: 40px; }
 .page .product .info_area .if2 .right { font-size: 30px; }
 }

@media (max-width: 768px){
 #deal_sub { padding-top: 120px; }
 .page .product .img_area { width: 100%; margin-bottom: 20px; }
 .page .product .info_area { width: 100%; display: block; padding: 0; margin: 0; }
 .page .product .info_area .if1 { font-size: 22px; }
 .page .product .info_area .if2 .left { font-size: 14px; }
 .page .product .info_area .if2 .right { font-size: 26px; }
 .page .product .info_area .dt_btns_area .dt_btns { font-size: 14px; height: 45px; }
 .page .product .info_area .dt_btns_area .dt_btns img { width: 22px; }

 .page .detail { padding: 30px 0 50px; }
 .page .detail .dt_title { font-size: 18px; margin-bottom: 20px; }
 .page .detail .dt_text { font-size: 14px; }
 .page .detail .dt_text img { width: 100%; }
 }

@media (max-width: 430px){
 .page .product .info_area .if1 { font-size: 16px; margin-bottom: 0; }
 .page .product .info_area .if2 .left { width: 105px; }
 .page .product .info_area .if2 .right { font-size: 22px; width: calc(100% - 105px); }
 .page .product .info_area .if3 .left img { width: 18px; }
 .page .product .info_area .if3 .left .gray_bg .num { font-size: 10px; }
 .page .product .info_area .if3 .left .gray_bg { padding: 3px 5px; }

 .more_li { font-size: 12px; padding: 5px 0; }
 .page .product .info_area .if4 .mb10 .left { font-size: 14px; width: 70px; }
 .page .product .info_area .if4 .mb10 .right { font-size: 14px; width: calc(100% - 70px); }
 .page .product .info_area .if4 { margin-bottom: 20px; }
 .page .product .info_area .dt_btns_area .dt_btns { width: 100%; height: 40px; margin: 0; margin-bottom: 10px; }
 .page .product .info_area .dt_btns_area .dt_btns:last-child { margin-bottom: 0; }

 .page .detail { padding: 20px 0; }
 .page .detail .dt_title { font-size: 16px; margin-bottom: 10px; }

 .page .product .deal_end .white { font-size: 22px; }
 }

/* 중고거래 글 등록하기 */
.form .w_block_wrap .w_block .i_wrap .mb5 { margin-bottom: 5px; }
.form .w_block_wrap .w_block .i_wrap .mb5:last-child { margin-bottom: 0; }
.form .w_block_wrap .w_block .i_wrap .input.wid795 { width: calc(100% - 125px); }
.form .w_block_wrap .w_block .i_wrap .loc_btn { width: 120px; margin-left: 5px; font-size: 14px; background: #0099db; border-radius: 5px; height: 45px; color: #fff; vertical-align: middle; }
@media (max-width: 430px){
 .form .w_block_wrap .w_block .i_wrap .input.wid795 { width: calc(100% - 85px); }
 .form .w_block_wrap .w_block .i_wrap .loc_btn { width: 80px; }

 .form .f_btns { width: calc((100% - 10px) / 2); }
 }

/* 부동산 */
.e_banner .e_ban { width: 100%; height: 400px; overflow: hidden; position: relative; }
.e_banner .e_ban .e_li { width: 100%; overflow: hidden; }
.e_banner .e_ban .e_li .e_a { display: block; width: 100%; height: 100%; }
.e_banner .e_ban .e_li .e_a { width: 100%; height: 100%; }
.e_banner .e_ban .e_li .e_a .grid img { width: auto; height: 100%; object-fit: cover; max-height: 400px; min-height: 400px; }

/*배너버튼*/
.swiper-pagination { bottom: 30px; top: auto; }
.swiper-pagination-bullet { background: rgba(0, 0, 0, 0.5); opacity: 1; width: 10px; height: 10px; }
.swiper-pagination-bullet-active { background: #fff; }
/*배너버튼*/

#estate { padding-bottom: 110px; box-sizing: border-box; padding-top: 80px; }
#estate .write_area { padding: 0; }
.e_wrap .est_a { display: inline-block; width: calc((100% - 48px) / 4); border-radius: 10px; border: 1px solid #d6d6d6; box-sizing: border-box; margin-bottom: 40px; margin-right: 16px; overflow: hidden; }
.e_wrap .est_a:nth-child(4n) { margin-right: 0; }
.e_wrap .est_a .img_area { height: 200px; overflow: hidden; width: 100%; }
.e_wrap .est_a .img_area .grid img { width: auto; object-fit: cover; max-width: 125%; min-height: 200px; }
.e_wrap .est_a .txt_area { padding: 15px 15px 25px; box-sizing: border-box; }
.e_wrap .est_a .txt_area .e_name { padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid #d6d6d6; box-sizing: border-box; font-size: 16px; font-weight: bold; }
.e_wrap .est_a .txt_area .e_tag { margin-bottom: 20px; }
.e_wrap .est_a .txt_area .e_tag .tag { font-size: 12px; text-align: center; color: #fff; background: #0099db; border-radius: 5px; padding: 3px 0; box-sizing: border-box; margin-right: 5px; width: 50px; }
.e_wrap .est_a .txt_area .e_tag .tag:last-child { margin-right: 0; }
.e_wrap .est_a .txt_area .e_info .e_block { margin-bottom: 4px; }
.e_wrap .est_a .txt_area .e_info .e_block:last-child { margin-bottom: 0; }
.e_wrap .est_a .txt_area .e_info .e_block .e_left { width: 72px; font-size: 14px; color: #7e7e7e; }
.e_wrap .est_a .txt_area .e_info .e_block .e_right { width: calc(100% - 72px); font-size: 14px; }
#estate_top { padding-bottom: 0; }

@media (max-width: 1230px) { }
@media (max-width: 1024px){
 .e_banner .e_ban { height: 250px; }
 .e_banner .e_ban .e_li .e_a .grid img { max-height: 250px; min-height: 250px; }

 .e_wrap .est_a { width: calc((100% - 32px) / 3); margin-right: 16px; margin-bottom: 20px; }
 .e_wrap .est_a:nth-child(4n) { margin-right: 16px; }
 .e_wrap .est_a:nth-child(3n) { margin-right: 0; }
 }
@media (max-width: 768px){
 #estate { padding: 50px 15px; }
 .e_banner .e_ban { height: 165px; }
 .e_banner .e_ban .e_li .e_a .grid img { max-height: 165px; min-height: 165px; }

 .e_wrap .est_a { width: calc((100% - 16px) / 2); margin-right: 16px; }
 .e_wrap .est_a:nth-child(3n) { margin-right: 16px; }
 .e_wrap .est_a:nth-child(2n) { margin-right: 0; }

 .e_wrap .est_a .img_area { height: 165px; }
 .e_wrap .est_a .txt_area .e_info .e_block .e_left { font-size: 12px; width: 58px; }
 .e_wrap .est_a .txt_area .e_info .e_block .e_right { font-size: 12px; width: calc(100% - 58px); }
 }
@media (max-width: 430px){
 .e_wrap .est_a { margin: 0; width: 100%; display: block; margin-bottom: 15px; }
 .swiper-pagination-bullet { width: 8px; height: 8px; }
 }

/* 부동산 상세 */
.bg_wrap { position: relative; }
.e_gray_bg { width: 100%; height: 600px; background: #f9f9f9; position: absolute; top: 0; left: 0; z-index: -1; }
#estate_sub { padding: 100px 0 110px; box-sizing: border-box; }
.e_view .title_area { text-align: center; margin-bottom: 60px; }
.e_view .title_area .ev_h1 { font-size: 60px; font-weight: bold; margin-bottom: 28px; }
.e_view .title_area .bar { width: 100px; height: 5px; background: #0099db; display: inline-block; margin-bottom: 25px; }
.e_view .title_area .gray { font-size: 16px; color: #7e7e7e; }
.e_view .img_area { width: 100%; max-width: 1000px; margin: 0 auto 30px; }
.e_view .img_area .grid img { box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); }
.e_view .info_area { border: 1px solid #d6d6d6; border-radius: 5px; padding: 40px; box-sizing: border-box; display: block; }
.e_view .info_area .border { border-bottom: 1px solid #d6d6d6; box-sizing: border-box; padding-bottom: 25px; margin-bottom: 15px; }
.e_view .info_area .border .eb_left { width: calc(100% - 570px); }
.e_view .info_area .border .eb_left .e_tag .tag { font-size: 16px; text-align: center; color: #fff; background: #0099db; border-radius: 5px; padding: 8px 0; box-sizing: border-box; margin-right: 5px; width: 100px; }
.e_view .info_area .border .eb_left .e_tag .tag:last-child { margin-right: 0; }
.e_view .info_area .border .eb_right { width: 570px; text-align: right; }
.e_view .info_area .border .eb_right .er_left { color: #7e7e7e; font-size: 20px; font-weight: 500; margin-right: 30px; }
.e_view .info_area .border .eb_right .er_right { font-weight: 900; color: #0099db; font-size: 36px; }

.e_view .info_area .more_area { text-align: right; margin-bottom: 20px; position: relative; }
.e_view .info_area .more_area .more_btn { width: 24px; }
.e_view .info_area .c_wrap { margin-bottom: 60px; }
.e_view .info_area .c_wrap .c_block { margin-bottom: 12px; }
.e_view .info_area .c_wrap .c_block:last-child { margin-bottom: 0; }
.e_view .info_area .c_wrap .c_block .left { width: 563px; }
.e_view .info_area .c_wrap .c_block .right { width: calc(100% - 563px); }
.e_view .info_area .c_wrap .c_block .gray { font-size: 16px; color: #7e7e7e; width: 120px; }
.e_view .info_area .c_wrap .c_block .black { font-size: 16px; width: calc(100% - 120px); }

.e_view .info_area .if3 { border-bottom: 1px solid #d6d6d6; box-sizing: border-box; padding-bottom: 20px; margin-bottom: 50px; }
.e_view .info_area .if3 .left { width: 50%; }
.e_view .info_area .if3 .left .gray_bg { background: #f6f6f6; border-radius: 5px; padding: 7px 11px; box-sizing: border-box; }
.e_view .info_area .if3 .left .gray_bg img { width: 20px; }
.e_view .info_area .if3 .left .gray_bg .num { font-size: 16px; font-weight: 500; }
.e_view .info_area .if3 .right { width: 50%; text-align: right; }
.e_view .info_area .if3 .right .map_btn { background: #03c75a; width: 180px; font-size: 16px; font-weight: 500; color: #fff; border-radius: 5px; padding-bottom: 2px; box-sizing: border-box; display: inline-block; text-align: center; padding: 8px 0 11px; }
.e_view .info_area .if3 .right .map_btn img { width: 20px; margin-top: 2px; }

#estate_sub .dt_btns_area { text-align: center; }
#estate_sub .dt_btns { border: 1px solid #0099db; box-sizing: border-box; width: 210px; height: 50px; margin-right: 14px; border-radius: 5px; }
#estate_sub .dt_btns:last-child { margin-right: 0; background: #0099db; color: #fff; }
#estate_sub .dt_btns .txt { font-size: 16px; font-weight: 500; }
#estate_sub .dt_btns img { width: 28px; }

#estate_sub .dt_text { text-align: center; border-bottom: 1px solid #d6d6d6; padding-bottom: 60px; margin-bottom: 60px; box-sizing: border-box; }

@media (max-width: 1230px){
 .e_view .info_area { padding: 25px; }
 .e_view .info_area .border .eb_left { width: calc(100% - 460px); }
 .e_view .info_area .border .eb_right { width: 460px; }
 .e_view .info_area .border .eb_right .er_left { font-size: 18px; margin-right: 20px; }
 .e_view .info_area .border .eb_right .er_right { font-size: 32px; }
 .e_view .info_area .border .eb_left .e_tag .tag { width: 90px; padding: 6px 0; }

 .e_view .info_area .c_wrap .c_block .left { width: 50%; }
 .e_view .info_area .c_wrap .c_block .right { width: 50%; }

 #estate_sub .detail { padding: 50px 15px; box-sizing: border-box; }
 }

@media (max-width: 768px){
 #estate_sub { padding: 120px 0 50px; }
 .e_gray_bg { height: 400px; }
 .e_view .title_area .ev_h1 { font-size: 40px; margin-bottom: 20px; }
 .e_view .title_area .gray { font-size: 14px; }
 .e_view .info_area .border .eb_left { width: 100%; display: block; margin-bottom: 5px; }
 .e_view .info_area .border .eb_right { width: 100%; display: block; }
 .e_view .info_area .border .eb_right .er_left { font-size: 16px; margin-right: 15px; }
 .e_view .info_area .border .eb_right .er_right { font-size: 25px; }

 .e_view .info_area { padding: 15px; }
 .e_view .info_area .border .eb_left .e_tag .tag { font-size: 14px; width: 80px; }
 .e_view .info_area .c_wrap { margin-bottom: 40px; }
 .e_view .info_area .c_wrap .c_block { margin-bottom: 10px; }
 .e_view .info_area .c_wrap .c_block:last-child { margin-bottom: 0; }
 .e_view .info_area .c_wrap .c_block .left { width: 100%; display: block; margin-bottom: 10px; }
 .e_view .info_area .c_wrap .c_block .right { width: 100%; display: block; }
 .e_view .info_area .if3 .right .map_btn { width: 125px; font-size: 14px; height: 40px; }
 .e_view .info_area .if3 .left .gray_bg .num { font-size: 14px; }
 .e_view .info_area .c_wrap .c_block .gray { font-size: 14px; width: 95px; }
 .e_view .info_area .c_wrap .c_block .black { font-size: 14px; width: calc(100% - 95px); }

 #estate_sub .dt_btns { width: calc((100% - 28px) / 3); }
 #estate_sub .dt_btns .txt { font-size: 14px; }
 #estate_sub .dt_btns img { width: 22px; }
 #estate_sub .dt_btns { height: 45px; }
 #estate_sub .detail { padding: 20px 15px; }
 }

@media (max-width: 430px){
 .e_gray_bg { height: 320px; }
 .e_view .title_area { margin-bottom: 30px; }
 .e_view .title_area .ev_h1 { font-size: 32px; }
 #estate_sub .dt_btns { margin-right: 0; margin-bottom: 10px; width: 100%; display: block; }
 #estate_sub .dt_btns:last-child { margin-bottom: 0; }

 .e_view .info_area .border { padding-bottom: 15px; margin-bottom: 10px; }
 .e_view .info_area .border .eb_right .er_left { font-size: 14px; margin-right: 0; display: block; width: 100%; margin-top: 10px; }
 .e_view .info_area .border .eb_right .er_right { font-size: 22px; width: 100%; display: block; }
 }

/* 부동산 글쓰기 */
.form .w_block_wrap .w_block .w_lab.mb25 { margin-bottom: 25px; }
.form .w_block_wrap .w_block .half { width: calc((100% - 40px) / 2); margin-right: 40px; }
.form .w_block_wrap .w_block .half:last-child { margin-right: 0; }
.form .w_block_wrap .w_block .half .select { width: 100%; }
.form .w_block_wrap .w_block .i_wrap .input.pr_input { width: 215px; }
.form .w_block_wrap .w_block .i_wrap .gap { font-size: 18px; font-weight: 500; width: 30px; text-align: center; }
.form .w_block_wrap .w_block .dt_block { margin-bottom: 25px; }
.form .w_block_wrap .w_block .dt_block:last-child { margin-bottom: 0; }
.form .w_block_wrap .w_block .dt_block .left { margin-right: 80px; width: calc((100% - 80px) / 2); }
.form .w_block_wrap .w_block .dt_block .right { width: calc((100% - 80px) / 2); }
.form .w_block_wrap .w_block .dt_block .dt_lab { display: inline-block; vertical-align: middle; width: 100px; font-size: 16px; font-weight: 500; }
.form .w_block_wrap .w_block .dt_block .dt_input { width: calc(100% - 100px); }

.form .w_block_wrap .w_block .dt_block .dt_input.dt2 { width: calc(100% - 160px); }
.form .w_block_wrap .w_block .dt_block .dt_input.dt3 { width: calc((100% - 190px) / 2); }
.form .w_block_wrap .w_block .dt_block .dt_input.dt5 { width: calc((100% - 130px) / 2); }

.form .w_block_wrap .w_block .dt_block .input.dt4,
.form .w_block_wrap .w_block .dt_block .input.dt6,
.form .w_block_wrap .w_block .dt_block .input.dt7,
.form .w_block_wrap .w_block .dt_block .input.dt8 { width: calc(100% - 100px); }

.form .w_block_wrap .w_block .dt_block .gap { width: 30px; text-align: center; font-size: 16px; }
.form .w_block_wrap .w_block .dt_block .txt { font-size: 16px; width: 60px; text-align: center; }
.form .w_block_wrap .w_block .dt_block .txt2 { font-size: 16px; width: 30px; text-align: center; }

/*달력*/
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator { -webkit-appearance: none; }
.form .w_block_wrap .w_block .i_wrap .calendar { padding-left: 35px; }
.calendar { position: relative; background: url("/webnggoya/web/img/icon_cal.png") no-repeat left 10px center / 20px 20px; appearance: none; }
.calendar::-webkit-calendar-picker-indicator { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; color: transparent; cursor: pointer; z-index: 5; }
/*달력*/

@media (max-width: 1230px){
 .form .w_block_wrap .w_block .dt_block .left { margin-right: 20px; width: calc((100% - 20px) / 2); }
 .form .w_block_wrap .w_block .dt_block .right { width: calc((100% - 20px) / 2); }
 .form .w_block_wrap .w_block .dt_block .dt_input.dt2 { font-size: 14px; }
 .form .w_block_wrap .w_block .dt_block .txt { font-size: 14px; }
 .form .w_block_wrap .w_block .i_wrap .input { font-size: 14px; }
 .form .w_block_wrap .w_block .dt_block .dt_lab { font-size: 14px; width: 78px; }
 .form .w_block_wrap .w_block .dt_block .dt_input { width: calc(100% - 78px); }

 .form .w_block_wrap .w_block .dt_block .dt_input.dt2 { width: calc(100% - 138px); }
 .form .w_block_wrap .w_block .dt_block .dt_input.dt3 { width: calc((100% - 168px) / 2); }
 .form .w_block_wrap .w_block .dt_block .dt_input.dt5 { width: calc((100% - 108px) / 2); }

 .form .w_block_wrap .w_block .dt_block .input.dt4,
 .form .w_block_wrap .w_block .dt_block .input.dt6,
 .form .w_block_wrap .w_block .dt_block .input.dt7,
 .form .w_block_wrap .w_block .dt_block .input.dt8 { width: calc(100% - 78px); }
 }

@media (max-width: 768px){
 .form .w_block_wrap .w_block .dt_block { margin-bottom: 10px; }
 .form .w_block_wrap .w_block .dt_block:last-child { margin-bottom: 0; }
 .form .w_block_wrap .w_block .dt_block .left { margin: 0; margin-bottom: 10px; width: 100%; display: block; }
 .form .w_block_wrap .w_block .dt_block .right { width: 100%; display: block; }
 .form .w_block_wrap .w_block .dt_block .dt_lab { font-size: 14px; }

 .form .w_block_wrap .w_block .i_wrap .input.pr_input { width: 170px; }
 .form .w_block_wrap .w_block .dt_block .txt2 { font-size: 14px; }
 }
@media (max-width: 430px){
 .form .w_block_wrap .w_block .i_wrap .input.pr_input { width: calc((100% - 20px) / 2); }
 .form .w_block_wrap .w_block .i_wrap .gap { width: 20px; font-size: 16px; }
 .form .w_block_wrap .w_block .w_lab.mb25 { margin-bottom: 15px; }
 .form .w_block_wrap .w_block .dt_block .dt_input { width: calc(100% - 85px); }

 .form .w_block_wrap .w_block .dt_block .dt_input.dt5 { width: calc((100% - 98px) / 2); }
 .form .w_block_wrap .w_block .i_wrap .calendar { background-size: 15px 15px; font-size: 12px; padding: 0 5px 0 25px; background-position: left 5px center; }

 .form .w_block_wrap .w_block .half { width: 100%; display: block; margin-bottom: 10px; }
 .form .w_block_wrap .w_block .half:last-child { margin-bottom: 0; }
 }

/* 마켓 */
#market { padding-bottom: 100px; box-sizing: border-box; }
.item_list .item .text_area .gray_sub { color: #7e7e7e; font-size: 14px;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; min-height: 42px  }
.item_list .item .text_area .point { text-align: right; font-size: 20px; font-weight: bold; color: #0099db; }
#market .write_area { padding: 0; }

@media (max-width: 1230px){
 #market .search_area .mr10:nth-child(2n) { margin-right: 10px; }
 #market .search_area .mr10 { width: calc((100% - 20px) / 3); }
 #market .search_area .mr10:nth-child(3) { margin-right: 0; }
 .select.wid160 { width: 100%; }
 #market .search_area .mr10.resize2 { width: calc(100% - 120px); margin-top: 10px; }
 #market .search_area .mr10:last-child { width: 110px; margin-top: 10px; }
 #market .search_area .search_btn { width: 100%; }
 }

/* 마켓 상세페이지 */
#market_sub { padding-top: 50px; }
.page .product .info_area .mk2 { border-bottom: 1px solid #d6d6d6; box-sizing: border-box; margin-bottom: 10px; padding-bottom: 14px; }
.page .product .info_area .mk2 .sub { font-size: 16px; color: #7e7e7e; margin-bottom: 25px; }
.page .product .info_area .mk2 .point { text-align: right; font-size: 26px; font-weight: bold; color: #0099db; }
#market_sub .product .info_area .if3 { margin-bottom: 125px; }
#market_sub .product .info_area .dt_btns_area .dt_btns { width: calc((100% - 40px) / 3); }
#market_sub .product .info_area .dt_btns_area .dt_btns.buy { background: #000000; color: #fff; border-color: #000000; }

@media (max-width: 1230px){
 #market_sub .product .info_area .if3 { margin-bottom: 60px; }
 #market_sub .product .info_area .dt_btns_area .dt_btns { margin-right: 10px; width: calc((100% - 20px) / 3); }
 #market_sub .product .info_area .dt_btns_area .dt_btns:last-child { margin-right: 0; }
 }
@media (max-width: 768px){
 #market_sub { padding-top: 120px; }
 }
@media (max-width: 430px){
 #market_sub .product .info_area .if3 { margin-bottom: 35px; }
 #market_sub .product .info_area .dt_btns_area .dt_btns { width: 100%; display: block; margin-right: 0; }
 .page .product .info_area .mk2 .point { font-size: 22px; }

 #market_sub .product .info_area .if1 { margin-bottom: 15px; }
 .page .product .info_area .mk2 .sub { font-size: 14px; margin-bottom: 15px; }
 }

.form .w_block_wrap .w_block .textarea2 { width: 100%; border: 1px solid #d6d6d6; border-radius: 5px; padding: 15px; box-sizing: border-box; height: 100px; font-size: 16px; width: 100%; }
@media (max-width: 768px){
 .form .w_block_wrap .w_block .textarea2 { font-size: 14px; }
 }

/* 구매하기 */
#buy { padding: 50px 0 100px; min-height: 660px; }
#buy .title_area { margin-bottom: 45px; }
#buy .title_area .h2 { font-size: 30px; font-weight: bold; }

.buy_wrap .b_left { width: calc(100% - 320px); padding-right: 20px; box-sizing: border-box; }
.buy_wrap .b_left .b_top { border-bottom: 1px solid #000000; padding-bottom: 10px; box-sizing: border-box; margin-bottom: 20px; }
.buy_wrap .b_left .bt_left { width: calc(100% - 45px); }
.buy_wrap .b_left .bt_left .all_lab { font-size: 14px; color: #7e7e7e; margin-left: 10px; }
.buy_wrap .b_left .bt_right { width: 45px; }
.buy_wrap .b_left .bt_right .del_btn { width: 100%; font-size: 14px; color: #7e7e7e; }

.buy_wrap .b_left .b_bot .gray_border { border: 1px solid #d6d6d6; border-radius: 10px; box-sizing: border-box; padding: 0 15px; }
.buy_wrap .b_left .b_bot .gray_border .product { border-bottom: 1px solid #d6d6d6; box-sizing: border-box; padding: 15px 0; }
.buy_wrap .b_left .b_bot .gray_border .product:last-child { border-bottom: none; }
.buy_wrap .b_left .b_bot .gray_border .product .pro1 { width: 24px; }
.buy_wrap .b_left .b_bot .gray_border .product .pro2 { width: 100px; height: 100px; overflow: hidden; margin: 0 15px; }
.buy_wrap .b_left .b_bot .gray_border .product .pro2 .grid img { width: auto; max-width: 150%; }
.buy_wrap .b_left .b_bot .gray_border .product .pro3 { width: calc(100% - 484px); }
.buy_wrap .b_left .b_bot .gray_border .product .pro3 .p3_top { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.buy_wrap .b_left .b_bot .gray_border .product .pro3 .p3_bot { font-size: 14px; color: #7e7e7e; }
.buy_wrap .b_left .b_bot .gray_border .product .pro4 { width: 121px; font-size: 16px; font-weight: bold; text-align: center; }
.buy_wrap .b_left .b_bot .gray_border .product .pro5 { width: 181px; font-size: 16px; text-align: center; }
.buy_wrap .b_left .b_bot .gray_border .product .pro6 { width: 28px; }
.buy_wrap .b_left .b_bot .gray_border .product .pro6 .del_btn { width: 100%; }

.buy_wrap .b_right { width: 320px; }
.buy_wrap .b_right .total { border: 1px solid #d6d6d6; border-radius: 10px; padding: 20px; box-sizing: border-box; }
.buy_wrap .b_right .total .t_top { margin-bottom: 45px; font-size: 16px; font-weight: bold; }
.buy_wrap .b_right .total .t_top .blue { color: #0099db; }

.buy_wrap .b_right .total .t_cen { border-bottom: 1px solid #d6d6d6; box-sizing: border-box; padding-bottom: 15px; margin-bottom: 15px; }
.buy_wrap .b_right .total .t_cen .mb5 { margin-bottom: 5px; }
.buy_wrap .b_right .total .t_cen .mb5:last-child { margin-bottom: 0; }
.buy_wrap .b_right .total .t_cen .mb5 .left { width: 80px; font-size: 16px; }
.buy_wrap .b_right .total .t_cen .mb5 .right { width: calc(100% - 80px); font-size: 16px; text-align: right; }

.buy_wrap .b_right .total .t_bot { margin-bottom: 45px; }
.buy_wrap .b_right .total .t_bot .left { width: 80px; font-size: 16px; }
.buy_wrap .b_right .total .t_bot .right { width: calc(100% - 80px); font-size: 20px; font-weight: bold; color: #0099db; text-align: right; }

.buy_wrap .b_right .total .t_btn .pay_btn { width: 100%; height: 50px; color: #fff; border-radius: 5px; font-size: 16px; font-weight: 500; background: #0099db; }

@media (max-width: 1230px){
 .buy_wrap { padding: 0 15px; box-sizing: border-box; }
 .buy_wrap .b_left .b_bot .gray_border .product .pro3 { width: calc(100% - 424px); }
 .buy_wrap .b_left .b_bot .gray_border .product .pro5 { width: 121px; }

 .buy_wrap .b_left { width: calc(100% - 250px); }
 .buy_wrap .b_right { width: 250px; }
 }
@media (max-width: 1024px){
 .buy_wrap .b_left .b_bot .gray_border .product .pro2 { width: 80px; height: 80px; }
 .buy_wrap .b_left .b_bot .gray_border .product .pro3 { width: calc(100% - 364px); }
 .buy_wrap .b_left .b_bot .gray_border .product .pro3 .p3_top { font-size: 14px; }
 .buy_wrap .b_left .b_bot .gray_border .product .pro3 .p3_bot { font-size: 12px; }
 .buy_wrap .b_left .b_bot .gray_border .product .pro4 { font-size: 14px; width: 101px; }
 .buy_wrap .b_left .b_bot .gray_border .product .pro5 { font-size: 14px; width: 101px; }

 .buy_wrap .b_right .total .t_top { font-size: 14px; margin-bottom: 35px; }
 .buy_wrap .b_right .total .t_cen .mb5 .left { font-size: 14px; }
 .buy_wrap .b_right .total .t_cen .mb5 .right { font-size: 14px; }
 .buy_wrap .b_right .total .t_bot { margin-bottom: 35px; }
 .buy_wrap .b_right .total .t_btn .pay_btn { height: 45px; font-size: 14px; }
 }
@media (max-width: 768px){
 .buy_wrap .b_left { display: block; width: 100%; margin-bottom: 20px; padding: 0; }
 .buy_wrap .b_right { display: block; width: 100%; }

 .buy_wrap .b_left .b_bot .gray_border .product .pro2 { width: 50px; height: 50px; }
 .buy_wrap .b_left .b_bot .gray_border .product .pro3 { width: calc(100% - 334px); }
 }
@media (max-width: 530px){
 .buy_wrap .b_left .b_bot .gray_border .product .pro1 { width: 18px; }
 .form input[type="checkbox"].ckbox { width: 18px; height: 18px; }

 .buy_wrap .b_left .b_bot .gray_border { padding: 0 10px; }
 .buy_wrap .b_left .b_bot .gray_border .product { padding: 10px 0; }
 .buy_wrap .b_left .b_bot .gray_border .product .pro3 .p3_top { font-size: 12px; margin-bottom: 5px; }
 .buy_wrap .b_left .b_bot .gray_border .product .pro3 .p3_bot { font-size: 10px; margin-bottom: 10px; }
 .buy_wrap .b_left .b_bot .gray_border .product .pro4 { font-size: 12px; width: calc(100% - 109px); text-align: right; }
 .buy_wrap .b_left .b_bot .gray_border .product .pro5 { font-size: 12px; width: 81px; }
 .buy_wrap .b_left .b_bot .gray_border .product .pro3 { width: calc(100% - 98px); }
 .buy_wrap .b_right .total .t_top { margin-bottom: 25px; }
 .buy_wrap .b_right .total .t_bot { margin-bottom: 25px; }
 .buy_wrap .b_right .total .t_bot .left { font-size: 14px; }
 .buy_wrap .b_right .total .t_bot .right { font-size: 18px; }
 }

/* 주문결제 */
.form .b_h2 { font-size: 30px; font-weight: bold; margin-bottom: 38px; }
.bf_wrap { width: 920px; margin: 0 auto 80px; }
.bf_wrap .product { margin-bottom: 50px; border: 1px solid #d6d6d6; box-sizing: border-box; padding: 15px; border-radius: 10px; }

.bf_wrap .product .pro2 { width: 100px; height: 100px; overflow: hidden; }
.bf_wrap .product .pro2 .grid img { width: auto; max-width: 150%; }
.bf_wrap .product .pro3 { width: calc((100% - 100px) / 2); padding-left: 30px; box-sizing: border-box; }
.bf_wrap .product .pro3 .p3_top { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.bf_wrap .product .pro3 .p3_bot { font-size: 14px; color: #7e7e7e; }
.bf_wrap .product .pro4 { width: calc((100% - 100px) / 4); font-size: 16px; font-weight: bold; text-align: center; }
.bf_wrap .product .pro5 { width: calc((100% - 100px) / 4); font-size: 16px; text-align: center; }

.bf_wrap .bf_block { margin-bottom: 100px; }
.bf_wrap .bf_block:last-child { margin-bottom: 0; }
.bf_wrap .bf_block .b_h3 { display: inline-block; font-size: 20px; font-weight: bold; border-bottom: 3px solid #0099db; box-sizing: border-box; padding-bottom: 10px; margin-bottom: 30px; }

.bf_wrap .bf_block .f_block { margin-bottom: 25px; }
.bf_wrap .bf_block .f_block:last-child { margin-bottom: 0; }
.bf_wrap .bf_block .f_block .f_lab { font-size: 16px; font-weight: 500; margin-bottom: 5px; display: block; }
.bf_wrap .bf_block .f_block .i_wrap .input { width: 100%; border: 1px solid #d6d6d6; border-radius: 5px; height: 45px; padding: 0 15px; box-sizing: border-box; font-size: 16px; }
.bf_wrap .bf_block .f_block .i_wrap .mb5 { margin-bottom: 5px; }
.bf_wrap .bf_block .f_block .i_wrap .mb5:last-child { margin-bottom: 0; }
.bf_wrap .bf_block .f_block .i_wrap .input.wid795 { width: calc(100% - 125px); }
.bf_wrap .bf_block .f_block .i_wrap .loc_btn { width: 120px; margin-left: 5px; height: 45px; background: #0099db; font-size: 14px; color: #fff; border-radius: 5px; }

.bf_wrap .bf_block .f_block .i_wrap .textarea { width: 100%; height: 100px; border: 1px solid #d6d6d6; padding: 15px; box-sizing: border-box; font-size: 16px; border-radius: 5px; }

.bf_wrap .bf_block .gray_border { border: 1px solid #d6d6d6; border-radius: 10px; box-sizing: border-box; padding: 20px; margin-bottom: 20px; }
.bf_wrap .bf_block .gray_border .gb_top { border-bottom: 1px solid #d6d6d6; box-sizing: border-box; padding-bottom: 15px; margin-bottom: 15px; }
.bf_wrap .bf_block .gray_border .gb_top .gb { margin-bottom: 5px; }
.bf_wrap .bf_block .gray_border .gb_top .gb:last-child { margin-bottom: 0; }
.bf_wrap .bf_block .gray_border .gb_top .gb .left { font-size: 16px; width: 50%; }
.bf_wrap .bf_block .gray_border .gb_top .gb .right { font-size: 16px; width: 50%; text-align: right; }

.bf_wrap .bf_block .gray_border .result .left { font-size: 16px; width: 50%; }
.bf_wrap .bf_block .gray_border .result .right { font-size: 20px; width: 50%; text-align: right; color: #0099db; font-weight: bold; }

.bf_wrap .agree .ag_lab { font-size: 16px; margin-left: 10px; font-weight: 500; }

.bf_wrap .btn_area { text-align: center; }
.bf_wrap .btn_area .buy_btn { width: 100%; max-width: 300px; height: 50px; background: #0099db; border-radius: 5px; color: #fff; font-size: 14px; }

@media (max-width: 950px){
 .form .b_h2 { font-size: 25px; }
 .bf_wrap { width: 100%; }

 .bf_wrap .product .pro3 { width: calc(100% - 340px); }
 .bf_wrap .product .pro4 { width: 120px; }
 .bf_wrap .product .pro5 { width: 120px; }
 }
@media (max-width: 768px){
 .form .b_h2 { font-size: 22px; margin-bottom: 20px; }

 .bf_wrap { margin-bottom: 50px; }
 .bf_wrap .product { margin-bottom: 30px; }
 .bf_wrap .product .pro2 { width: 80px; height: 80px; }
 .bf_wrap .product .pro3 { width: calc(100% - 280px); padding-left: 15px; }
 .bf_wrap .product .pro3 .p3_top { font-size: 14px; }
 .bf_wrap .product .pro3 .p3_bot { font-size: 12px; }
 .bf_wrap .product .pro4 { width: 100px; font-size: 14px; }
 .bf_wrap .product .pro5 { width: 100px; font-size: 14px; }

 .bf_wrap .bf_block { margin-bottom: 60px; }
 .bf_wrap .bf_block .b_h3 { font-size: 18px; margin-bottom: 20px; padding-bottom: 5px; }
 .bf_wrap .bf_block .f_block .f_lab { font-size: 14px; }
 .bf_wrap .bf_block .f_block .i_wrap .input { font-size: 14px; }
 .bf_wrap .bf_block .f_block .i_wrap .textarea { font-size: 14px; }

 .bf_wrap .bf_block .gray_border .gb_top .gb .left { font-size: 14px; }
 .bf_wrap .bf_block .gray_border .gb_top .gb .right { font-size: 14px; }
 .bf_wrap .bf_block .gray_border .result .left { font-size: 14px; }
 .bf_wrap .bf_block .gray_border .result .right { font-size: 18px; }

 .bf_wrap .agree .ag_lab { font-size: 14px; }
 .bf_wrap .btn_area .buy_btn { height: 45px; }
 }
@media (max-width: 430px){
 .form .b_h2 { font-size: 20px; }
 .bf_wrap .product { padding: 10px; }
 .bf_wrap .product .pro3 .p3_top { margin-bottom: 5px; }
 .bf_wrap .product .pro3 .p3_bot { margin-bottom: 10px; }
 .bf_wrap .product .pro3 { width: calc(100% - 80px); }
 .bf_wrap .product .pro4 { width: calc(100% - 100px); text-align: right; }
 .bf_wrap .bf_block { margin-bottom: 40px; }
 .bf_wrap .bf_block .f_block .i_wrap .input.wid795 { width: calc(100% - 85px); }
 .bf_wrap .bf_block .f_block .i_wrap .loc_btn { width: 80px; }

 .bf_wrap .bf_block .b_h3 { font-size: 16px; }
 }

.form .ok_txt { margin-bottom: 80px; }
.form .ok_txt .img_area { margin-bottom: 70px; text-align: center; }
.form .ok_txt .img_area img { width: 100px; }
.form .ok_txt .text_area { font-size: 30px; font-weight: bold; text-align: center; }

#buy_ok .bf_wrap .bf_block { margin-bottom: 50px; }

.bf_wrap .b_result .br_block { margin-bottom: 10px; }
.bf_wrap .b_result .br_block:last-child { margin-bottom: 0; }
.bf_wrap .b_result .br_block .br_left { width: 100px; font-size: 16px; font-weight: 500; }
.bf_wrap .b_result .br_block .br_right { width: calc(100% - 100px); font-size: 16px; color: #7e7e7e; }
#buy_ok .btn_area .go_btn { width: 100%; max-width: 300px; height: 50px; background: #0099db; border-radius: 5px; color: #fff; font-size: 14px; }

@media (max-width: 1230px){
 #buy_ok { padding-top: 100px; }
 }
@media (max-width: 768px){
 #buy_ok { padding-top: 150px; }
 .form .ok_txt .img_area { margin-bottom: 40px; }
 .form .ok_txt .img_area img { width: 80px; }
 .form .ok_txt .text_area { font-size: 24px; }
 }
@media (max-width: 430px){
 .form .ok_txt { margin-bottom: 70px; }
 .form .ok_txt .img_area { margin-bottom: 30px; }
 .form .ok_txt .img_area img { width: 60px; }
 .form .ok_txt .text_area { font-size: 20px; }
 #buy_ok .bf_wrap .bf_block { margin-bottom: 35px; }

 .bf_wrap .b_result .br_block .br_left { font-size: 14px; width: 85px; }
 .bf_wrap .b_result .br_block .br_right { font-size: 14px; width: calc(100% - 85px); }
 #buy_ok .btn_area .go_btn { height: 45px; }
 }

/* 채팅 */
#chat_list { min-height: 750px; padding-top: 50px; }
.ct_h2 { font-size: 30px; font-weight: bold; margin-bottom: 30px; }
.page .c_wrap .chat_a { padding: 19px 15px 19px 0; box-sizing: border-box; display: block; border-bottom: 1px solid #e4e4e4; font-size: 0; }
.page .c_wrap .chat_a .ca_left { display: inline-block; vertical-align: middle; width: 50%; }
.page .c_wrap .chat_a .ca_left .profile { width: 42px; height: 42px; border-radius: 50%; overflow: hidden; display: inline-block; vertical-align: middle; }
.page .c_wrap .chat_a .ca_left .profile .grid { display: grid; align-content: center; justify-items: center; }
.page .c_wrap .chat_a .ca_left .nick { padding-left: 15px; box-sizing: border-box; font-size: 16px; font-weight: 500; display: inline-block; vertical-align: middle; }
.page .c_wrap .chat_a .ca_right { display: inline-block; vertical-align: middle; width: 50%; text-align: right; }
.page .c_wrap .chat_a .ca_right .date { color: #b9b9b9; font-size: 12px; margin-right: 32px; display: inline-block; vertical-align: middle; }
.page .c_wrap .chat_a .ca_right .del_btn { width: 73px; border: 1px solid #0099db; padding: 4px 0; font-size: 14px; box-sizing: border-box; display: inline-block; vertical-align: middle; border-radius: 5px; }

@media (max-width: 768px){
 #chat_list { padding-top: 120px; }
 .ct_h2 { font-size: 24px; margin-bottom: 20px; }
 .page .c_wrap .chat_a { padding: 13px 0; }
 .page .c_wrap .chat_a .ca_left .profile { width: 30px; height: 30px; }
 .page .c_wrap .chat_a .ca_left .nick { font-size: 14px; padding-left: 7px; }
 .page .c_wrap .chat_a .ca_right .date { margin-right: 15px; font-size: 10px; }
 .page .c_wrap .chat_a .ca_right .del_btn { width: 60px; font-size: 12px; }
 }
@media (max-width: 430px){
 .ct_h2 { font-size: 21px; }
 .page .c_wrap .chat_a .ca_left,
 .page .c_wrap .chat_a .ca_right { width: 100%; display: block; }
 }

/* 채팅 서브 */
#chat { padding-bottom: 100px; padding-top: 50px; }
.cht { font-size: 0; height: 750px; padding: 0; border: 1px solid #d6d6d6; box-sizing: border-box; }
.cht .cht_left { width: 250px; border-right: 1px solid #e4e4e4; height: 100%; padding: 30px 15px; box-sizing: border-box; display: inline-block; vertical-align: top; box-sizing: border-box; }
.cht .cht_left .block { margin-bottom: 20px; display: block; width: 100%; }
.cht .cht_left .cht_pro { width: 42px; height: 42px; border-radius: 50%; overflow: hidden; display: inline-block; vertical-align: middle; }
.cht .cht_left .cht_pro .grid { align-content: center; justify-items: center; display: grid; }
.cht .cht_left .cht_info { display: inline-block; vertical-align: middle; width: calc(100% - 45px); padding-left: 15px; box-sizing: border-box; text-align: left; }
.cht .cht_left .cht_info .ci1 { font-size: 16px; font-weight: 500; }
.cht .cht_left .cht_info .ci2 { font-size: 12px; color: #888888; }

.no_list,
.yes_list { display: none; }
.no_list.on,
.yes_list.on { display: block; }

.cht .cht_right { display: inline-block; vertical-align: top; width: calc(100% - 250px); }
.cht .cht_right .cr_top { padding: 13px 15px; box-sizing: border-box; border-bottom: 1px solid #e0e0e0; height: 70px; position: relative; }
.cht .cht_right { height: 100%; }
.cht .cht_right .cr_top .act_btn { width: 20px; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; }
.cht .cht_right .cr_top .ctt_pro { display: none; }
.cht .cht_right .cr_top .ctt_pro.on { display: block; }
.cht .cht_right .cr_top .ctt_pro .profile { width: 42px; height: 42px; border-radius: 50%; overflow: hidden; display: inline-block; vertical-align: middle; }
.cht .cht_right .cr_top .ctt_pro .profile .grid { align-content: center; justify-items: center; display: grid; }
.cht .cht_right .cr_top .ctt_pro .name { font-size: 16px; font-weight: 500; padding-left: 15px; box-sizing: border-box; display: inline-block; vertical-align: middle; }
.cht .cht_right .cr_bot { height: calc(100% - 70px); position: relative; overflow: hidden; }
.cht .cht_right .cr_bot .no_list { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -75%); text-align: center; }
.cht .cht_right .cr_bot .no_list img { width: 140px; margin-bottom: 23px; }
.cht .cht_right .cr_bot .no_list .no_gray { font-size: 24px; font-weight: 500; color: #bbbbbb; }
.cht .cht_right .ct_input { position: absolute; bottom: 0; left: 0; padding: 20px 15px; box-sizing: border-box; background: #f5f5f9; width: 100%; font-size: 0; border-top: 1px solid #e4e4e4; height: 120px; }
.cht .cht_right .ct_input > div { display: inline-block; vertical-align: top; }
.cht .cht_right .ct_input .cti1 { width: 41px; }
.cht .cht_right .ct_input .cti1 #customFile { display: none; }
.cht .cht_right .ct_input .cti1 .f_btn { width: 100%; display: block; }
.cht .cht_right .ct_input .cti1 .f_btn img { width: 100%; }
.cht .cht_right .ct_input .cti2 { width: calc(100% - 161px); padding: 0 10px; box-sizing: border-box; }
.cht .cht_right .ct_input .cti2 .text { border: 1px solid #e4e4e4; width: 100%; font-size: 16px; padding: 14px; box-sizing: border-box; }
.cht .cht_right .ct_input .cti3 { width: 120px; }
.cht .cht_right .ct_input .cti3 .sd_btn { width: 100%; background: #0099db; font-size: 16px; color: #fff; padding: 12px 0; border-radius: 5px; }
.ct_area { overflow: scroll; }
.ct_area::-webkit-scrollbar { display: none; }
.ct_area { -ms-overflow-style: none; scrollbar-width: none; }
.ct_area .ct_date { padding: 12.5px 0; box-sizing: border-box; font-size: 12px; font-weight: 500; text-align: center; width: 100%; background: #fff; z-index: 3; }
.ct_area .see_area { width: 100%; }
.ct_area .ct_wrap { padding: 50px 25px 200px; box-sizing: border-box; bottom: 100px; width: 100%; overflow-y: scroll; }

/*스크롤바 none*/
.ct_area .ct_wrap .ct_area .ct_wrap::-webkit-scrollbar { display: none; }
.ct_area .ct_wrap { -ms-overflow-style: none; scrollbar-width: none; }

.ct_area .ct_wrap .chat { margin-bottom: 24px; }
/*
.ct_area .ct_wrap .chat.my { justify-items: end; display: grid; }
*/
.ct_area .ct_wrap .chat.my { text-align: right; }
.ct_area .ct_wrap .chat.my div { display: inline-block; }

.ct_area .ct_wrap .chat .metro { padding: 8px 10px; box-sizing: border-box; width: 250px; max-width: 250px; font-size: 14px; margin-bottom: 5px; position: relative; }
/* .ct_area .ct_wrap .chat .metro.line2 { width: 250px; } */
.ct_area .ct_wrap .chat .metro:last-child { margin-bottom: 0; }
.ct_area .ct_wrap .chat.my .metro { background: #eef0f9; border-radius: 4px 4px 0 4px; }
.ct_area .ct_wrap .chat.other { text-align: left; }

.ct_area .ct_wrap .chat.other .metro { background: #f9f9f9; border-radius: 0 4px 4px 4px; display: inline-block;}
.ct_area .ct_wrap .chat.other .cb_date { margin-left: 1vw; display: inline-block; vertical-align: bottom: }
.ct_area .ct_wrap .chat.other .profile { width: 36px; height: 36px; border-radius: 50%; overflow: hidden; display: inline-block; vertical-align: top; }
.ct_area .ct_wrap .chat.other .co_r { display: inline-block; vertical-align: middle; padding-left: 11px; box-sizing: border-box; }
.ct_area .ct_wrap .chat.other .co_r .oc_name { font-size: 16px; font-weight: 500; font-size: 16px; }

.ct_area .ct_wrap .chat.my .cb_date {  font-size: 12px; font-weight: 500; white-space: nowrap; margin-right: 1vw; vertical-align: bottom:}
.ct_area .ct_wrap .chat.other .cb_date {  font-size: 12px; font-weight: 500; white-space: nowrap; }

/*이미지*/
.ct_area .ct_wrap .chat .metro.img { text-align: center; }
.ct_area .ct_wrap .chat .metro img { max-width: 200px; }

.imgpop .imgpop_con { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 1000px; }
.imgpop .imgpop_con .close { width: 100%; text-align: right; margin-bottom: 10px; }

@media (max-width: 1230px){
 #chat { padding-top: 50px; }
 .cht .cht_left { width: 190px; padding: 25px 10px; }
 .cht .cht_right { width: calc(100% - 190px); }
 .cht .cht_left .cht_pro { width: 35px; height: 35px; }
 .cht .cht_left .cht_info { padding-left: 5px; }
 .cht .cht_left .cht_info .ci1 { font-size: 14px; }
 .cht .cht_left .cht_info .ci2 { font-size: 10px; }

 .cht .cht_right .cr_bot .no_list img { width: 120px; }
 .cht .cht_right .cr_bot .no_list .no_gray { font-size: 22px; }
 }

@media (max-width: 768px){
 #chat { padding-bottom: 30px; padding-top: 120px; }
 .cht { height: 600px; }
 .cht .cht_left { display: none; }
 /* .cht .cht_left .cht_pro { width: 30px; height: 30px; }
 .cht .cht_left .cht_info { width: calc(100% - 30px); padding-left: 8px; }
 .cht .cht_left .cht_info .ci1 { font-size: 14px; }
 .cht .cht_left .cht_info .ci2 { font-size: 10px; } */

 .cht .cht_right { width: 100%; }
 .cht .cht_right .cr_top { height: 40px; padding: 6px 15px; }
 .cht .cht_right .cr_bot { height: calc(100% - 40px); }
 .cht .cht_right .cr_bot .no_list img { width: 100px; margin-bottom: 15px; margin-top: 0; }
 .cht .cht_right .cr_bot .no_list .no_gray { font-size: 18px; }
 .cht .cht_right .ct_input { padding: 15px 10px; }
 .cht .cht_right .ct_input .cti3 .sd_btn { padding: 12px 0; font-size: 14px; }
 .cht .cht_right .ct_input .cti2 .text { font-size: 14px; padding: 12px 8px; }
 .ct_area .ct_wrap { padding: 37px 15px 30px; }
 .ct_area .ct_wrap .chat.other .profile { width: 25px; height: 25px; }
 .ct_area .ct_wrap .chat.other .co_r { padding-left: 5px; }
 .ct_area .ct_wrap .chat.other .co_r .oc_name { font-size: 14px; }
 .ct_area .ct_wrap .chat .metro { font-size: 12px; }
 .ct_area .ct_wrap .chat.my .metro:last-child::before { font-size: 10px; left: -25%; }
 .ct_area .see_area { height: 458px; }
 .ct_area .ct_date { font-size: 14px; padding: 8px 0; }
 .ct_area .ct_wrap .chat { margin-bottom: 15px; }

 .cht .cht_right .cr_top .ctt_pro .profile { width: 25px; height: 25px; }
 .cht .cht_right .cr_top .ctt_pro .name { font-size: 14px; padding-left: 7px; }
 .cht .cht_right .ct_input { height: 100px; }
 .ct_area .ct_wrap .chat.other .metro:last-child::before { font-size: 12px; }

 .cht .cht_right .ct_input .cti1 { width: 30px; }
 .cht .cht_right .ct_input .cti3 { width: 70px; }
 .cht .cht_right .ct_input .cti2 { width: calc(100% - 100px); }
 .cht .cht_right .ct_input .cti3 .sd_btn { height: 35px; padding: 0; }

 .imgpop .imgpop_con .close .close_btn { width: 40px; }
 .imgpop .imgpop_con { width: 90%; }
 .imgpop .imgpop_con img { width: 100%; }
 }
@media (max-width: 430px){
 .ct_area .ct_wrap { padding: 37px 5px 30px; }
 .ct_area .ct_wrap .chat.other .co_r { width: calc(100% - 25px); }
 .ct_area .ct_wrap .chat.my .metro { width: 80%; }
 .ct_area .ct_wrap .chat.other .metro { width: 80%; }
 .ct_area .ct_wrap .chat.other .metro:last-child::before { font-size: 10px; left: 102%; }
 }

/*=====================================================*/

/* 로그인 */
/* .mob_menu_list { width: 80%; } */
.login_id { width: 100%; }
.login_pasw { width: 100%; }
.l_input { width: 100%; }
@media (max-width: 768px){
 .login_defalt { padding: 12px 0; font-size: 14px; }
 }

/* 회원가입 */
.signup_form,
.agree_form { width: 100%; max-width: 652px; }

@media (max-width: 768px){
 .input_title { display: block; width: 100%; margin-bottom: 8px; }
 .info_area { display: block; }
 .input_bg { width: 100%; }
 .overlap_btn { width: 120px; }
 .info_area.half input { width: calc(100% - 120px); }
 .info_area input { width: 100%; }
 }
@media (max-width: 430px){
 .overlap_btn { width: 100px; }
 .info_area.half input { width: calc(100% - 100px); }
 .signup_title { padding-bottom: 1.5em; }
 .chk_input_label::before { width: 18px; height: 18px; }
 }

#form_ok { padding: 145px 15px 200px; box-sizing: border-box; text-align: center; }
#form_ok .icon_area { margin-bottom: 40px; }
#form_ok .icon_area img { width: 57px; }
#form_ok .txt_area { margin-bottom: 80px; font-size: 20px; }
#form_ok .txt_area .blue { color: #0099db; font-weight: bold; }

#form_ok .fo_btns { width: 250px; height: 50px; font-size: 14px; border-radius: 5px; margin-right: 6px; border: 1px solid #0099db; }
#form_ok .fo_btns:last-child { background: #0099db; color: #fff; }

@media (max-width: 768px){
 #form_ok .fo_btns { width: 185px; }
 }
@media (max-width: 630px){
 .found_id_wrap { width: 100%; }
 }
@media (max-width: 430px){
 #form_ok { padding: 170px 15px 100px; }
 #form_ok .txt_area { font-size: 16px; margin-bottom: 60px; }
 #form_ok .fo_btns { width: 100%; display: block; margin-bottom: 10px; height: 45px; }
 #form_ok .fo_btns:last-child { margin-bottom: 0; }
 }

/* 알림 */
.alarm_wrap { margin-bottom: 60px; border-top: 1px solid #d6d6d6; }
.alarm_wrap .alarm { border-bottom: 1px solid #d6d6d6; box-sizing: border-box; padding: 15px; font-size: 0; }
.alarm_wrap .alarm .a_left { width: calc(100% - 104px); font-size: 16px; }
.alarm_wrap .alarm .a_right { width: 104px; font-size: 14px; color: #7e7e7e; text-align: center; }

@media (max-width: 768px){
 .alarm_wrap .alarm .a_right { font-size: 12px; width: 90px; }
 .alarm_wrap .alarm .a_left { font-size: 14px; width: calc(100% - 90px); }
 }
@media (max-width: 430px){
 .alarm_wrap .alarm .a_left { width: 100%; display: block; margin-bottom: 5px; }
 .alarm_wrap .alarm .a_right { width: 100%; display: block; text-align: right; }
 }

.ad_list_detail { display: block; white-space: nowrap; }

/* 회원탈퇴 */
@media (max-width: 630px){
 .with_warning { width: 100%; }
 .with_form { width: 100%; }
 .with_title { font-size: 1.4em; }
 .with_sub_text { font-size: 1em; padding-top: 1.5em; }
 }

/* 신고사유 */
.rp_pop .white_bg .con { padding: 30px 15px; }
.rp_pop .title { font-size: 18px; font-weight: 500; margin-bottom: 20px; }
.rp_pop .text_area .box { width: 100%; height: 150px; border: 1px solid #d6d6d6; box-sizing: border-box; padding: 10px; border-radius: 5px; }

/* 메인 */
.index .visual_container { overflow: hidden; }
.index .slide_img img { object-fit: cover; max-height: 360px;}

@media (max-width: 1034px){
 .index .visual_container { height: 360px; }
 }
@media (max-width: 530px){
 .index .visual_container { height: 240px; }
 .index .slide_img img { min-height: 240px;object-fit: cover; }
 .swiper-button-next:after,
 .swiper-button-prev:after { font-size: 20px; }
 }

.top_local_btn_wrap0 { z-index: 2 !important; }
.top_local_btn_wrap { font-size: 14px; }