@import url('board.css');

.bd_bc,
.viewer_with,
.bd_font,
.ico_16px,
.tx_ico_chk,
.btm_mn,
.show_srch,  /*검색버튼*/
/*.tl_srch, !* 상단 검색영역*!*/
.lst_btn /* 카테고리 리스트 형태 버튼 */
{
    display:none !important;
}
.bd_lst_wrp a{font-family:"나눔고딕";}
.small_lst_btn .bd_hd {
    padding-right: inherit !important;
}

/* 상단 검색 영역 */
.bd_faq_srch {margin:0 0 0 0;}
.bd_faq_srch.clear{margin-bottom:5px;padding:10px 295px;}
.search_desc{text-align:right;font-size:12px;font-family:'나눔고딕';color:#666;}
.addr_box{font-size:12px;font-family:'나눔고딕' !important;color:#666;}
.addr_label {font-family:'나눔고딕';color:#444;line-height:30px;margin-right:10px;}
.addr_select{font-family:'나눔고딕';color:#444;line-height:20px;border:1px solid #ddd;width:150px;height:32px;}
.bd_faq_srch select{border:1px solid #ddd;padding:0px 10px}
.bd_faq_srch option{font-size:12px;font-family:'나눔고딕';padding:0px 10px}

/* 리스트 상단 헤더 */
.bd:after,
.bd .clear:after{
    display:block;
}
.bd_hd {
    /*padding: 3px 0 15px;*/
    padding: 3px 0 15px;
}

/* 게시판 상단 마진 */
.bd_tb_lst {
    /*margin-top: 25px;*/
    margin-top: 0px;
}
/* 글쓰기 버튼 */
.bd_set a{
    border:1px solid #e0e0e0;
    height:28px;
    line-height:28px !important;
    padding:0 20px !important;
    margin-left:10px;
    background-color:#686868;
    color:#fff !important;
    font-size:12px !important;
}

/* 글목록 - 카테고리 */
.cnb_n_list{margin-bottom:30px;}

.bd_cnb a.home{
    /*top:10px;*/
    left:30px;
    width:140px;
    line-height:40px;
}
.bd_cnb{
    border-radius:0;
    box-shadow:none;
    padding:0 0 0 180px;
}
.bd_cnb li,
.bd_cnb li a.a1{height:40px;line-height:40px;width:140px;font-weight:normal;}
.bd_cnb .bg_f_f9{
    border-radius:0;
    box-shadow:none;
    border-left:0;
    padding: 0 0 0 0;
    line-height:40px;
    height:40px;

}
.bd_cnb .a1,
.bd_list_cat    {background:url(../img/ico-cat.png) no-repeat 0 10px;padding-left:25px;}

.bd_cnb .a1,
.bd_list_cat:hover,
.bd_list_cat.on {padding:0 0 0 25px;border:0;}


.bd_list_cat:hover,
.bd_list_cat.on {background:url(../img/ico-cat-on.png) no-repeat 0 10px;}

.bd_cnb .a1:focus,
.bd_cnb .a1:hover,
.bd_cnb .a1.on{
    background:url(../img/ico-cat-on.png) no-repeat 0 10px;
    box-shadow:none;
    border: none;
    border-radius: 0;
    text-shadow: none;
    padding:0 0 0 25px;
}
.bd_cnb .a1.on:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px;
    border: none;
    border-radius: 0;
}

/* 페이징 */
.bd_pg a, .bd_pg strong{border-radius:inherit !important;}
.bd_pg .this, .bd_pg a:hover, .bd_pg a:focus{border-color:#ddd !important;background-color:#fdfdfd !important;color:#6c6e71 !important;}

/* 글보기 리스트 */
/* 글보기 리스트 상단 */
.bd_lst.bd_tb_lst.bd_tb{border-top:2px solid #f4595a;
    /*border-bottom: 2px solid #afafaf;*/
}
.bd_tb_lst{border-right:0px solid #ddd;}
.bd_tb_lst th, .bd_tb_lst td{border-left:1px solid #ddd;line-height:40px;padding-top:0;padding-bottom:0;}
.bd_tb_lst th:first-child, .bd_tb_lst td:first-child{border-left:0;}
.bd_tb_lst .cate{padding-top:0;padding-bottom:0;}
.bd_tb_lst th{border-color:#ddd;background-color:#f8f8f8;line-height:35px;}
.bd_tb_lst th, .bd_tb_lst td,
.bd_tb_lst td.title{
    font-family:"나눔고딕";
    font-size:12px;
}
.bd_tb_lst th{font-weight:600;}
.bd_tb_lst td, .bd_zine li{border-color:#ddd;}

/* 글쓰기 화면 */
.bd_wrt_main{border-radius:0;background:#fdfdfd;padding:0;border:0;}
.bd_wrt_body{border:1px solid #ddd;}

.bd_wrt_hd.bd_tb tr{border-bottom:1px solid #ddd;}
.bd_wrt_hd.bd_tb th,
.bd_wrt_hd.bd_tb td{line-height:41px;height:41px;}
.bd_wrt_hd.bd_tb th{background-color:#f3f3f3;border-right:1px solid #ddd;vertical-align:middle;width:125px;text-align:left;color:#838486;padding-left:25px;}
.bd_wrt_hd.bd_tb td{padding-left:20px;padding-right:15px;}

/* 글쓰기 화면 상단 뷰어로보기 박스 */
.bd_hd.v2{display:none;}
/*글쓰기 화면 - 상단 카테고리*/
.wrt_cat_wrap{}
.wrt_cat_wrap li{float:left;margin-right:10px;min-width:80px;list-style:none;}
.wrt_cat_wrap li input{vertical-align:middle;}
.wrt_cat_wrap li input[type=radio]{cursor:pointer;float:left;margin-top:15px;}
.wrt_cat_wrap li label{padding-left:5px;}

/*글쓰기 화면 사용자 정의 박스*/
.wrt_ext_wrap{}
.wrt_ext_wrap li{float:left;margin-right:10px;min-width:80px;}
.wrt_ext_wrap li input{vertical-align:middle;}
.wrt_ext_wrap li input[type=radio]{cursor:pointer;}
.wrt_ext_wrap li label{padding-left:5px;}
/*글쓰기 화면 에디터 박스 */
.get_editor{margin:0;padding:10px 15px;}
.cke_chrome{
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
/* 글쓰기 화면 - 불러오기 */
.bd_wrt_hd.bd_tb .m_no{display:none;}

/*글쓰기 화면 제목 인풋*/
.bd .itx, .bd select{border-radius:0;background-color:#fff;border-color:#dddddd;}
/*글쓰기 화면 옵션 인풋 */
.wrt_ext_wrap input[type="text"]{
    width:100%;
    box-sizing:border-box;
}
.wrt_ext_wrap .krZip .krzip-detailAddress,
.wrt_ext_wrap .krZip .krzip-extraAddress,
.wrt_ext_wrap .krZip .krzip-jibunAddress,
.wrt_ext_wrap .krZip .krzip-postcode,
.wrt_ext_wrap .krZip .krzip-roadAddress,
.wrt_ext_wrap input{border-radius:0;background-color:#fff;border:1px solid #dddddd;height:26px;padding:3px 6px;}

.wrt_ext_wrap textarea{border-radius:0;background-color:#fff;border:1px solid #dddddd;box-shadow:none;margin-top:15px;}
.wrt_ext_wrap label{display:inline-block;
    color:#838486;
    /*min-width:80px !important;*/
}

/* 글쓰기 화면 옵션 입풋 - 주소 */
.wrt_ext_wrap .krzip-address-wrap .krzip-roadAddress,
.wrt_ext_wrap .krzip-address-wrap .krzip-jibunAddress,
.wrt_ext_wrap .krzip-address-wrap .krzip-extraAddress,
.wrt_ext_wrap .tel{margin-right:5px;width:100px !important;}
.krZip input[type="text"].krzip-detailAddress{width:61.5%;}
.krZip input[type="text"].krzip-postcode{width:200px !important;}
.krzip-search.btn{
    vertical-align: top;
    /*padding: 10px;*/
    display: inline-block;
    margin: 8px 0 0 5px;
    text-shadow: none;
    box-shadow: none;
}
/* 글쓰기 화면 - 태그 입력 */
.tag.itx_wrp{display:none;}

/*글쓰기 화면 옵션 박스*/
.wrt_opt_wrap{border-top:1px solid #ddd;overflow:hidden;}
.wrt_opt_wrap table{float:left;}
.wrt_opt_wrap th,
.wrt_opt_wrap td{line-height:41px;height:41px;}
.wrt_opt_wrap th{width:125px;padding-left:25px;background-color:#f3f3f3;border-right:1px solid #ddd;border-left:1px solid #ddd;text-align:left;font-weight:normal;color:#838486;font-weight:normal;}
.wrt_opt_wrap th:first-child{border-left:0;}
.wrt_opt_wrap td{padding-left:20px;width:430px;}

/*글쓰기 제목 라벨*/
.bd .itx_wrp label{top:-8px;}

/*글쓰기 화면 - 하단 입력 버튼*/
.bd_wrt_foot{margin:60px auto;text-align:center;}
.bd_wrt_foot ul{margin:0 auto;}
.bd_wrt_foot li {display:inline-block;}

/*글쓰기 화면 - 입력 버튼*/
.btn-bd-list    {width:78px;height:39px;line-height:39px;border:1px solid #e0e0e0;margin:0 10px;background-color:#f8f8f8;color:#6c6e71;}
.btn-bd-write   {width:78px;height:39px;line-height:39px;border:1px solid #e0e0e0;margin:0 10px;background-color:#686868;color:#fff;}

/* 글보기 > 상단 네비 rd_nav img_tx fr m_btn_wrp */
.rd_nav {
    /*display:none*/
}


/* 비밀글 */
.secretMessage h3, .context_data h3, .context_data p{font-weight:normal;}
.bd_btn, .btn_img{
    display: inline-block;
    position: relative;
    height: 28px;
    margin: 0;
    padding: 4px 20px;
    background: #686868;
    color:#fff;
    border: 1px solid #dfdfdf;
    border-color: #dfdfdf #dfdfdf #dfdfdf #dfdfdf;
    border-radius: 0px;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none !important;
    text-align: center;
    text-shadow: none;
    box-shadow: none;
}
.secretMessage .itx_wrp .itx{width:380px;background:#fafafa;border-color:#dfdfdf;margin-right:10px;height:38px;line-height:40px;}
.bd_btn:hover, .bd_btn:focus, .btn_img:hover, .btn_img:focus{box-shadow:none;}
.bd_btn, .btn_img{height:38px;line-height:40px;}

/* 등록된 글이 없습니다. */
.no_doc{font-size:14px;font-family:"나눔고딕";border-bottom:2px solid #7f7f7f;
    border-bottom: 1px solid #aaa;
    padding-bottom: 60px !important;
}
/* Yellowbook list */
.yb-list {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 16px 24px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.yb-list-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.yb-main-notice {
    max-width: 1180px;
    margin: 0 auto 16px;
    padding: 0 16px;
    box-sizing: border-box;
}

.yb-main-notice-list {
    margin: 0;
    padding: 10px 14px;
    list-style: none;
    border: 1px solid #dbe4f0;
    border-left: 2px solid #2b66cc;
    border-radius: 6px;
    background: #f9fbff;
}

.yb-main-notice-item {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 28px;
}

.yb-main-notice-item + .yb-main-notice-item {
    margin-top: 6px;
}

.yb-main-notice-badge {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: 2px 7px;
    border-radius: 999px;
    background: #2b66cc;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
}

.yb-main-notice-item a {
    color: #172033;
    font-size: 14px;
    line-height: 1.45;
    text-decoration: none;
}

.yb-main-notice-item a:hover {
    color: #2b66cc;
    text-decoration: underline;
}

.yb-notice-box {
    max-width: 1180px;
    margin: 0 auto 14px;
    padding: 0 16px;
    box-sizing: border-box;
}

.yb-notice-box ul {
    margin: 0;
    padding: 10px 14px;
    list-style: none;
    border: 1px solid #dbe4f0;
    border-left: 2px solid #2b66cc;
    border-radius: 6px;
    background: #f9fbff;
}

.yb-notice-box li + li {
    margin-top: 6px;
}

.yb-notice-box a {
    color: #172033;
    font-size: 14px;
    line-height: 1.45;
    text-decoration: none;
}

.yb-notice-box a:hover {
    color: #2b66cc;
    text-decoration: underline;
}

.yb-card {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 6px 10px;
    background: #fff;
    border: 1px solid #dbe4f0;
    border-left: 2px solid #2b66cc;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.yb-card:hover {
    border-color: #c8d6eb;
    box-shadow: 0 8px 20px rgba(31, 95, 191, 0.08);
}

.yb-card.select {
    border-color: #2b66cc;
    box-shadow: 0 0 0 2px rgba(43, 102, 204, 0.12);
}

.yb-card--notice {
    background: #f9fbff;
    border-left-color: #5b84d8;
}

.yb-thumb {
    flex: 0 0 120px;
    width: 120px;
    height: 120px;
}

.yb-thumb-link {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 5px;
    background: #eef3fb;
    border: 1px solid #d8e3f1;
}

.yb-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.yb-no-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #8b97a8;
    font-size: 12px;
    font-weight: 700;
    background: #f4f7fb;
}

.yb-card-main {
    flex: 1 1 auto;
    min-width: 0;
}

.yb-name {
    margin: 0;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    color: #152033;
}

.yb-name a {
    color: inherit;
    text-decoration: none;
}

.yb-name a:hover,
.yb-name a:focus {
    color: #1f5fbf;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.yb-rating {
    margin-top: 4px;
    color: #8f97a5;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 600;
}

.yb-rating .yb-rating-stars {
    color: #f5a623;
}

.yb-rating b {
    color: #27364a;
    font-weight: 700;
}

.yb-premium-list-group {
    margin-bottom: 14px;
}

.yb-premium-list-title {
    margin: 0 0 8px;
    color: #172033;
    font-size: 16px;
    font-weight: 800;
}

.yb-card--premium {
    border-color: #f3d08a;
    background: #fffdfa;
}

.yb-premium-heading {
    margin-bottom: 4px;
}

.yb-premium-badge {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 20px;
    padding: 2px 8px;
    border-radius: 999px;
    background: #f5a623;
    color: #111827;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
}

.yb-premium-main {
    width: 100%;
}

.yb-premium-main-head {
    margin: 0 0 14px;
}

.yb-premium-main-head h2 {
    margin: 0;
    color: #172033;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.25;
}

.yb-premium-main-head p {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.45;
}

.yb-premium-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.yb-premium-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
    transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease;
}

.yb-premium-card:hover {
    border-color: #f3d08a;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
    transform: translateY(-1px);
}

.yb-premium-thumb {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #f1f5f9;
    text-decoration: none;
}

.yb-premium-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.yb-premium-body {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 13px 14px 14px;
}

.yb-premium-title {
    margin: 0;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 800;
}

.yb-premium-title a {
    color: #172033;
    text-decoration: none;
}

.yb-premium-title a:hover,
.yb-premium-title a:focus {
    color: #1f5fbf;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.yb-premium-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    color: #526175;
    font-size: 12px;
    line-height: 1.35;
}

.yb-premium-actions {
    display: flex;
    flex-wrap: nowrap;
    gap: 5px;
    margin-top: 4px;
}

.yb-premium-actions .yb-btn {
    flex: 1 1 0;
    min-width: 0;
    height: 32px;
    padding: 0 7px;
    font-size: 11px;
    white-space: nowrap;
}

.yb-meta {
    margin-top: 5px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.yb-category,
.yb-state {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.yb-category {
    background: #eef4ff;
    color: #234c99;
    border: 1px solid #d8e4fb;
}

.yb-state {
    background: #f3f7ff;
    color: #3760b6;
    border: 1px solid #d8e4fb;
}

.yb-phone,
.yb-address {
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.35;
    word-break: keep-all;
}

.yb-phone {
    color: #22304a;
    font-weight: 700;
}

.yb-address {
    color: #526175;
}

.yb-actions {
    flex: 0 0 128px;
    max-width: 128px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    align-self: flex-start;
    padding-top: 0;
}

.yb-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 29px;
    padding: 2px 7px;
    border-radius: 4px;
    border: 1px solid transparent;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none !important;
    text-align: center;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.yb-btn:hover,
.yb-btn:focus {
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(31, 95, 191, 0.12);
}

.yb-call {
    background: #245ea8;
    color: #fff !important;
    border-color: #245ea8;
}

.yb-call:hover,
.yb-call:focus {
    background: #1f5598;
    border-color: #1f5598;
}

.yb-map {
    background: #fff;
    color: #245ea8 !important;
    border-color: #b8c9e5;
}

.yb-map:hover,
.yb-map:focus {
    background: #f4f8ff;
    border-color: #95aed8;
}

.yb-detail {
    background: #fff;
    color: #245ea8 !important;
    border-color: #9eb7db;
}

.yb-detail:hover,
.yb-detail:focus {
    background: #f5f9ff;
    border-color: #7698ce;
}

.yb-admin-check {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 14px;
    height: 14px;
    margin: 0;
    padding: 1px;
    opacity: 0.55;
    z-index: 5;
    line-height: 0;
    border: 1px solid #cbd5e1;
    border-radius: 3px;
    background: #fff;
    box-sizing: border-box;
}

.yb-admin-check .iCheck {
    width: 12px;
    height: 12px;
    margin: 0;
}

@media (max-width: 960px) {
    .yb-card {
        flex-direction: column;
    }

    .yb-thumb {
        flex-basis: 88px;
        width: 88px;
        height: 88px;
    }

    .yb-actions {
        width: 100%;
        max-width: none;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
        padding-top: 8px;
    }

    .yb-detail {
        grid-column: 1 / -1;
    }
}

@media (max-width: 520px) {
    .yb-list {
        padding: 0 12px 20px;
    }

    .yb-card {
        display: grid;
        grid-template-columns: 112px minmax(0, 1fr);
        gap: 9px 10px;
        padding: 9px;
        align-items: start;
    }

    .yb-thumb {
        grid-column: 1;
        grid-row: 1;
        flex: none;
        width: 112px;
        height: 112px;
    }

    .yb-card-main {
        grid-column: 2;
        grid-row: 1;
        align-self: start;
    }

    .yb-name {
        font-size: 15px;
        line-height: 1.25;
    }

    .yb-rating {
        margin-top: 3px;
        font-size: 12px;
    }

    .yb-meta {
        margin-top: 4px;
        gap: 4px;
    }

    .yb-category,
    .yb-state {
        min-height: 21px;
        padding: 0 7px;
        font-size: 11px;
    }

    .yb-phone,
    .yb-address {
        margin-top: 3px;
        font-size: 12px;
        line-height: 1.32;
    }

    .yb-actions {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100%;
        max-width: none;
        display: flex;
        flex-direction: row;
        gap: 6px;
        padding-top: 0;
    }

    .yb-btn {
        flex: 1 1 0;
        min-width: 0;
        min-height: 38px;
        padding: 0 6px;
        font-size: 13px;
        white-space: nowrap;
    }

    .yb-detail {
        grid-column: auto;
    }

    .yb-admin-check {
        top: -4px;
        right: -4px;
    }
}

.yb-read {
    position: relative;
    padding-top: 16px !important;
}

.yb-read .rd_hd {
    margin-top: 12px !important;
}

.yb-read .board,
.yb-read .blog {
    position: relative;
}

.yb-read-top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px 12px;
}

.yb-read-top h1 {
    width: 100%;
    margin: 8px 0 0;
    line-height: 1.3;
    word-break: keep-all;
}

.yb-read-meta,
.yb-read-btm,
.yb-read-side {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
}

.yb-read-header {
    padding-top: 8px;
}

.yb-read-body {
    padding-top: 8px;
}

.yb-read-content img,
.yb-read .xe_content img,
.yb-read .urllink img,
.yb-read-body img {
    max-width: 100%;
    height: auto;
}

.yb-read-content {
    max-width: 100%;
    overflow: hidden;
}

.yb-read .documentText {
    display: block;
    margin: 8px 0;
}

@media (max-width: 768px) {
    .yb-read .rd_hd {
        margin-top: 6px;
    }

    .yb-read-header {
        padding-top: 4px;
    }

    .yb-read-top h1 {
        margin-top: 6px;
    }
}

/* Yellowbook directory filter */
.yb-directory-layout {
    width: 100%;
    max-width: none;
    margin: 0 0 24px;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    gap: 24px;
}

.yb-filter-panel {
    flex: 0 0 220px;
    width: 220px;
    padding: 14px 14px 16px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #dbe4f0;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.yb-filter-title {
    margin: 0 0 14px;
    color: #14213d;
    font-size: 17px;
    line-height: 1.25;
    font-weight: 800;
}

.yb-filter-section {
    margin: 0;
}

.yb-filter-section-title {
    margin: 0 0 8px;
    color: #526175;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 800;
    display: none;
}

.yb-filter-groups {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.yb-filter-group {
    border-top: 1px solid #edf2f8;
}

.yb-filter-more-toggle {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.yb-filter-group-extra {
    display: none;
}

.yb-filter-more-toggle:checked + .yb-filter-groups .yb-filter-group-extra {
    display: block;
}

.yb-filter-more-button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    margin-top: 8px;
    border: 1px solid #d8e4fb;
    border-radius: 5px;
    background: #f7faff;
    color: #245ea8;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.yb-filter-more-close {
    display: none;
}

.yb-filter-more-toggle:checked ~ .yb-filter-more-button .yb-filter-more-open {
    display: none;
}

.yb-filter-more-toggle:checked ~ .yb-filter-more-button .yb-filter-more-close {
    display: inline;
}

.yb-filter-summary {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 7px 4px;
    box-sizing: border-box;
    border-radius: 5px;
    color: #1d2a42;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 800;
    list-style: none;
    cursor: pointer;
}

.yb-filter-summary::-webkit-details-marker {
    display: none;
}

.yb-filter-summary::before {
    content: "";
    flex: 0 0 6px;
    width: 6px;
    height: 6px;
    border: solid #6f7d91;
    border-width: 0 1.5px 1.5px 0;
    transform: rotate(-45deg);
    transition: transform 0.15s ease;
}

.yb-filter-group[open] > .yb-filter-summary {
    background: #f7faff;
    color: #174f99;
}

.yb-filter-group[open] > .yb-filter-summary::before {
    transform: rotate(45deg);
}

.yb-filter-summary-title {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.yb-filter-group-count {
    flex: 0 0 auto;
    color: #7c8798;
    font-size: 11px;
    font-weight: 800;
}

.yb-filter-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.yb-filter-list--all {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #edf2f8;
}

.yb-filter-main-link {
    font-weight: 800;
}

.yb-filter-group .yb-filter-list {
    padding: 2px 0 6px 14px;
}

.yb-filter-sublist {
    margin: 0;
    padding: 2px 0 6px 14px;
    list-style: none;
}

.yb-filter-sublist:empty {
    display: none;
}

.yb-filter-item {
    margin: 0;
    padding: 0;
}

.yb-filter-item + .yb-filter-item {
    margin-top: 4px;
}

.yb-filter-link {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 6px 8px;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: 5px;
    color: #25324a;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 700;
    text-decoration: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.yb-filter-group .yb-filter-link {
    min-height: 31px;
    padding: 5px 7px;
    font-size: 12px;
    font-weight: 600;
}

.yb-filter-sublist .yb-filter-link {
    min-height: 31px;
    padding: 5px 7px;
    font-size: 12px;
    font-weight: 600;
}

.yb-filter-link::before {
    content: "";
    flex: 0 0 13px;
    width: 13px;
    height: 13px;
    box-sizing: border-box;
    border: 1px solid #b8c9e5;
    border-radius: 3px;
    background: #fff;
}

.yb-filter-link:hover,
.yb-filter-link:focus {
    color: #245ea8;
    background: #f4f8ff;
    border-color: #d8e4fb;
}

.yb-filter-link.active {
    color: #174f99;
    background: #eef4ff;
    border-color: #c8d6eb;
}

.yb-filter-link.active::before {
    background: #245ea8;
    border-color: #245ea8;
    box-shadow: inset 0 0 0 3px #fff;
}

.yb-filter-text {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.yb-filter-count {
    flex: 0 0 auto;
    color: #7c8798;
    font-size: 11px;
    font-weight: 700;
}

.yb-directory-results {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
}

.yb-directory-results .yb-list {
    max-width: none;
    padding-right: 0;
    padding-left: 0;
}

.tMenu_Position,
.bd_lst_wrp .tl_srch .bd_tl {
    display: none !important;
}

.bd_lst_wrp .tl_srch {
    margin-top: 0;
    margin-bottom: 10px;
}

.tWrite_Position .btn {
    min-width: 142px;
    padding-left: 24px !important;
    padding-right: 24px !important;
    text-align: center;
    box-sizing: border-box;
}

#yb-list-ajax-area {
    position: relative;
    min-height: 120px;
}

#yb-list-ajax-area.is-loading {
    opacity: .55;
    pointer-events: none;
    transition: opacity .15s ease;
}

.yb-register-wrap {
    float: right;
    margin: 0 0 12px 16px;
}

.yb-register-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 142px;
    min-height: 38px;
    padding: 0 24px;
    border: 1px solid #245ea8;
    border-radius: 6px;
    background: #245ea8;
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
}

.yb-register-btn:hover,
.yb-register-btn:focus {
    background: #174f99;
    border-color: #174f99;
}

.yb-address-form {
    margin: 14px 0;
    padding: 14px;
    border: 1px solid #dbe5f1;
    border-radius: 8px;
    background: #f8fbff;
}

.yb-address-title {
    margin: 0 0 10px;
    color: #14213d;
    font-size: 14px;
    font-weight: 700;
}

.yb-address-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr .7fr 1fr;
    gap: 10px;
}

.yb-address-grid label {
    display: block;
    margin: 0;
}

.yb-address-grid span {
    display: block;
    margin: 0 0 4px;
    color: #526175;
    font-size: 11px;
    font-weight: 700;
}

.yb-address-grid input,
.yb-address-grid select {
    width: 100%;
    box-sizing: border-box;
}

@media (max-width: 760px) {
    .yb-register-wrap {
        float: none;
        clear: both;
        width: 100%;
        margin: 10px auto 0;
        text-align: center;
    }

    .yb-register-btn {
        width: calc(100% - 24px);
        max-width: 320px;
        min-width: 0;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .tWrite_Position {
        float: none;
        width: 100%;
        margin: 10px auto 0;
        text-align: center;
    }

    .tWrite_Position .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: calc(100% - 24px);
        max-width: 320px;
        min-width: 0;
        box-sizing: border-box;
    }

    .yb-address-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .yb-directory-layout {
        flex-direction: column;
        gap: 14px;
        padding: 0 12px;
    }

    .yb-filter-panel {
        flex: none;
        width: 100%;
        padding: 12px;
    }

    .yb-filter-section {
        max-height: 320px;
        overflow: auto;
        padding-right: 2px;
    }

    .yb-directory-results {
        width: 100%;
    }

    .yb-directory-results .yb-list {
        padding-bottom: 20px;
    }
}

/* Yellowbook read profile */
.yb-read .et_vars {
    display: none !important;
}

.yb-read .rd_hd h1 {
    display: none;
}

.yb-read-profile,
.yb-read-map-section,
.yb-read-section,
.yb-read-intro {
    margin: 0 0 18px;
    padding: 22px;
    border: 1px solid #dfe6ef;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
}

.yb-read-profile-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.yb-read-title {
    margin: 0 0 6px;
    color: #172033;
    font-size: 25px;
    line-height: 1.25;
    font-weight: 700;
}

.yb-read-category {
    color: #58708d;
    font-size: 13px;
    line-height: 1.4;
}

.yb-read-info {
    display: grid;
    gap: 9px;
    margin: 0 0 18px;
}

.yb-read-info-row {
    display: grid;
    grid-template-columns: 82px 1fr;
    gap: 12px;
    align-items: start;
    color: #27364a;
    font-size: 14px;
    line-height: 1.5;
}

.yb-read-info-label {
    color: #69798e;
    font-weight: 600;
}

.yb-read-info-value {
    min-width: 0;
    color: #172033;
    word-break: break-word;
}

.yb-read-site {
    color: #1f63c7 !important;
    text-decoration: none;
}

.yb-read-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.yb-read-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    height: 36px;
    padding: 0 14px;
    border: 1px solid #2f6fd6;
    border-radius: 6px;
    background: #2f6fd6;
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;
    box-sizing: border-box;
}

.yb-read-map,
.yb-read-website {
    background: #fff;
    color: #2f6fd6 !important;
}

.yb-read-section-title {
    margin: 0 0 12px;
    color: #172033;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
}

.yb-read-map-frame {
    overflow: hidden;
    border: 1px solid #e3e9f2;
    border-radius: 8px;
    background: #f5f7fa;
}

.yb-read-map-frame iframe {
    display: block;
    width: 100%;
    height: 300px;
}

.yb-read-intro {
    color: #27364a;
    font-size: 15px;
    line-height: 1.7;
}

.yb-hours-list {
    display: grid;
    gap: 8px;
}

.yb-hours-row {
    display: grid;
    grid-template-columns: 86px 1fr;
    gap: 12px;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #eef2f7;
    color: #27364a;
    font-size: 14px;
}

.yb-hours-row:last-child {
    border-bottom: 0;
}

.yb-hours-row span {
    color: #69798e;
    font-weight: 600;
}

.yb-hours-row strong {
    color: #172033;
    font-weight: 600;
}

.yb-photo-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.yb-photo-item {
    display: block;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    border: 1px solid #e3e9f2;
    border-radius: 8px;
    background: #f5f7fa;
}

.yb-photo-item:first-child {
    grid-column: span 2;
    grid-row: span 2;
}

.yb-photo-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.yb-hours-form {
    margin: 14px 0 18px;
    padding: 14px;
    border: 1px solid #dbe5f1;
    border-radius: 8px;
    background: #f8fbff;
}

.yb-hours-edit-list {
    display: grid;
    gap: 8px;
}

.yb-hours-edit-row {
    display: grid;
    grid-template-columns: 70px 1fr 12px 1fr 74px;
    gap: 8px;
    align-items: center;
}

.yb-hours-edit-row > span {
    color: #526175;
    font-size: 12px;
    font-weight: 700;
}

.yb-hours-edit-row em {
    color: #77869a;
    font-style: normal;
    text-align: center;
}

.yb-hours-edit-row label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    color: #526175;
    font-size: 12px;
    white-space: nowrap;
}

.yb-hours-time {
    width: 100%;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .yb-read-profile,
    .yb-read-map-section,
    .yb-read-section,
    .yb-read-intro {
        margin-bottom: 14px;
        padding: 16px;
        border-radius: 7px;
    }

    .yb-read-title {
        font-size: 21px;
    }

    .yb-read-info-row {
        grid-template-columns: 1fr;
        gap: 2px;
    }

    .yb-read-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .yb-read-btn {
        width: 100%;
    }

    .yb-read-map-frame iframe {
        height: 240px;
    }

    .yb-photo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .yb-photo-item:first-child {
        grid-column: span 2;
        grid-row: span 1;
    }

    .yb-hours-edit-row {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .yb-hours-edit-row em {
        display: none;
    }
}

/* Yellowbook write form layout */
.yb-write-form {
    max-width: 980px;
    margin: 0 auto 36px;
    padding: 0 0 22px;
    background: transparent;
}

.yb-write-form .yb-write-section-title,
.bd_wrt.yb-write-form .yb-write-section-title,
.bd_wrt .yb-write-section-title {
    display: block;
    margin: 26px 0 12px;
    padding: 0 0 8px;
    border-bottom: 1px solid #e5e7eb;
    color: #111827;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
}

.yb-write-form .yb-write-section-title:first-of-type,
.bd_wrt.yb-write-form .yb-write-section-title:first-of-type {
    margin-top: 8px;
}

.yb-write-form .yb-write-section {
    margin: 0 0 18px;
    padding: 18px;
    border: 1px solid #dfe6ef;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
}

.yb-write-form .yb-write-basic-section {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.yb-write-form .yb-write-basic-section tr {
    display: grid;
    grid-template-columns: minmax(210px, 280px) minmax(0, 1fr) auto;
    gap: 12px;
    align-items: end;
}

.yb-write-form .yb-write-basic-section td {
    display: block;
    height: auto;
    min-height: 0;
    padding: 0;
    border: 0;
    line-height: 1.4;
}

.yb-write-form .yb-write-basic-section .itx_wrp {
    display: block;
    width: 100%;
}

.yb-write-form .yb-write-basic-section .itx_wrp label,
.yb-write-form .yb-write-basic-section td:first-child:before {
    display: block;
    margin: 0 0 6px;
    color: #526175;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

.yb-write-form .yb-write-basic-section td:first-child:before {
    content: "카테고리";
}

.yb-write-form .yb-write-basic-section select,
.yb-write-form .yb-write-basic-section input.itx,
.yb-write-form .yb-address-grid input,
.yb-write-form .yb-address-grid select,
.yb-write-form .yb-hours-time,
.yb-write-form .yb-extra-vars-table input[type="text"],
.yb-write-form .yb-extra-vars-table input[type="tel"],
.yb-write-form .yb-extra-vars-table input[type="url"],
.yb-write-form .yb-extra-vars-table select {
    width: 100%;
    min-height: 40px;
    padding: 0 11px;
    border: 1px solid #d3dce8;
    border-radius: 6px;
    background: #fff;
    color: #172033;
    font-size: 14px;
    line-height: 40px;
    box-sizing: border-box;
}

.yb-write-form .yb-address-form,
.yb-write-form .yb-hours-form {
    border-color: #dfe6ef;
    background: #fff;
}

.yb-write-form .yb-address-title {
    margin: 0 0 14px;
    color: #172033;
    font-size: 15px;
    font-weight: 700;
}

.yb-write-form .yb-region-section > .yb-address-title,
.yb-write-form .yb-hours-form > .yb-address-title {
    display: none;
}

.yb-write-form .yb-address-grid {
    grid-template-columns: 2fr 1fr 1.1fr .85fr 1fr;
    gap: 14px;
    align-items: end;
}

.yb-write-form .yb-address-grid label {
    min-width: 0;
}

.yb-write-form .yb-address-grid span {
    margin-bottom: 6px;
    color: #526175;
    font-size: 12px;
    line-height: 1.3;
}

.yb-write-form .yb-hours-edit-list {
    gap: 9px;
}

.yb-write-form .yb-hours-edit-row {
    grid-template-columns: 84px minmax(110px, 150px) 14px minmax(110px, 150px) 82px;
    gap: 10px;
    padding: 8px 10px;
    border: 1px solid #edf1f6;
    border-radius: 7px;
    background: #f8fbff;
}

.yb-write-form .yb-hours-edit-row > span {
    color: #27364a;
    font-size: 13px;
}

.yb-write-form .yb-hours-edit-row label {
    justify-content: flex-end;
    color: #526175;
    font-size: 13px;
}

.yb-write-form .yb-hours-edit-row input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin: 0;
}

.yb-write-form .yb-contact-section {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
}

.yb-write-form .yb-contact-section caption {
    display: none;
}

.yb-write-form .yb-contact-section tr {
    background: transparent;
}

.yb-write-form .yb-contact-section th,
.yb-write-form .yb-contact-section td {
    padding: 0;
    border: 0;
    background: transparent;
    vertical-align: top;
}

.yb-write-form .yb-contact-section th {
    width: 150px;
    padding: 10px 14px 0 0;
    color: #526175;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 700;
    text-align: left;
    box-sizing: border-box;
}

.yb-write-form .yb-contact-section td {
    width: auto;
}

.yb-write-form .yb-contact-section td > input,
.yb-write-form .yb-contact-section td > select {
    max-width: 520px;
}

.yb-write-form .yb-editor-section {
    padding: 0;
    overflow: hidden;
}

.yb-write-form .tag,
.yb-write-form .edit_opt,
.yb-write-form .opt_chk {
    margin-top: 18px;
}

@media (max-width: 768px) {
    .yb-write-form {
        max-width: none;
        margin-bottom: 24px;
        padding: 0 10px 18px;
    }

    .yb-write-form .yb-write-section-title,
    .bd_wrt.yb-write-form .yb-write-section-title,
    .bd_wrt .yb-write-section-title {
        font-size: 16px;
        margin: 20px 0 10px;
        padding-bottom: 6px;
    }

    .yb-write-form .yb-write-section {
        margin-bottom: 14px;
        padding: 14px;
        border-radius: 7px;
    }

    .yb-write-form .yb-write-basic-section tr {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .yb-write-form .yb-write-basic-section .m_no {
        display: none;
    }

    .yb-write-form .yb-address-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .yb-write-form .yb-hours-edit-row {
        grid-template-columns: 1fr 1fr auto;
        gap: 7px;
        align-items: center;
    }

    .yb-write-form .yb-hours-edit-row > span {
        grid-column: 1 / -1;
    }

    .yb-write-form .yb-hours-edit-row em {
        display: none;
    }

    .yb-write-form .yb-hours-edit-row label {
        justify-content: flex-start;
    }

    .yb-write-form .yb-contact-section,
    .yb-write-form .yb-contact-section tbody,
    .yb-write-form .yb-contact-section tr,
    .yb-write-form .yb-contact-section th,
    .yb-write-form .yb-contact-section td {
        display: block;
        width: 100%;
    }

    .yb-write-form .yb-contact-section {
        border-spacing: 0;
    }

    .yb-write-form .yb-contact-section tr {
        margin-bottom: 12px;
    }

    .yb-write-form .yb-contact-section th {
        padding: 0 0 6px;
    }

    .yb-write-form .yb-contact-section td > input,
    .yb-write-form .yb-contact-section td > select {
        max-width: none;
    }
}

/* Yellowbook write form fixes */
.yb-write-form .yb-write-basic-section .itx_wrp label {
    position: static !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    background: transparent !important;
    line-height: 1.3 !important;
    pointer-events: auto;
    transform: none !important;
}

.yb-write-form .yb-write-basic-section input#postTitle {
    padding-left: 11px !important;
}

.yb-write-form .yb-contact-section .yb-extra-2 td {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.yb-write-form .yb-contact-section .yb-extra-2 td input:not([type="hidden"]) {
    flex: 0 0 82px;
    width: 82px !important;
    min-width: 0;
    max-width: 82px;
    text-align: center;
}

.yb-write-form .yb-contact-section .yb-extra-2 td input:not([type="hidden"]):last-child {
    flex-basis: 96px;
    width: 96px !important;
    max-width: 96px;
}

.yb-write-form .regist .bd_btn.temp,
.yb-write-form .regist input[type="button"].bd_btn,
.yb-write-form .regist .bd_btn.cancle,
.yb-write-form .regist .bd_btn.temp:hover,
.yb-write-form .regist input[type="button"].bd_btn:hover,
.yb-write-form .regist .bd_btn.cancle:hover,
.yb-write-form .regist .bd_btn.temp:focus,
.yb-write-form .regist input[type="button"].bd_btn:focus,
.yb-write-form .regist .bd_btn.cancle:focus {
    color: #000000 !important;
}

.yb-review-summary {
    margin-top: 8px;
    color: #526175;
    font-size: 13px;
    line-height: 1.4;
}

.yb-rating-stars {
    color: #f5a623;
    letter-spacing: 1px;
}

.yb-review-summary b,
.yb-review-rating b {
    color: #172033;
    font-weight: 700;
}

.yb-rating-input {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
    padding: 10px 12px;
    border: 1px solid #e2e8f1;
    border-radius: 7px;
    background: #f8fbff;
    color: #526175;
    font-size: 13px;
}

.yb-rating-input-title {
    margin-right: 4px;
    color: #172033;
    font-weight: 700;
}

.yb-rating-input label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    color: #f5a623;
    white-space: nowrap;
    cursor: pointer;
}

.yb-rating-input input {
    margin: 0;
}

.yb-review-login-message {
    margin: 16px 0 18px;
    padding: 14px 16px;
    border: 1px solid #dfe6ef;
    border-radius: 7px;
    background: #f8fbff;
    color: #526175;
    font-size: 13px;
    line-height: 1.55;
}

.yb-read .cmt_editor {
    margin-top: 34px;
}

.yb-read .cmt_editor_tl {
    margin-bottom: 12px;
}

.yb-read .editor_select {
    margin-bottom: 10px;
}

.yb-review-rating {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 8px;
    color: #526175;
    font-size: 12px;
}

@media (max-width: 768px) {
    .yb-write-form .yb-contact-section .yb-extra-2 td {
        display: flex;
        gap: 6px;
        flex-wrap: nowrap;
    }

    .yb-write-form .yb-contact-section .yb-extra-2 td input:not([type="hidden"]) {
        flex: 1 1 0;
        width: auto !important;
        max-width: none;
    }

}

.yb-read-premium {
    margin-top: 24px;
}

.yb-read-premium-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.yb-read-premium-card {
    display: grid;
    grid-template-columns: 82px 1fr;
    gap: 10px;
    min-width: 0;
    padding: 12px;
    border: 1px solid #e5eaf2;
    border-radius: 8px;
    background: #fff;
}

.yb-read-premium-thumb {
    display: block;
    width: 82px;
    height: 82px;
    overflow: hidden;
    border-radius: 7px;
    background: #f1f5f9;
    text-decoration: none;
}

.yb-read-premium-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.yb-read-premium-info {
    min-width: 0;
}

.yb-read-premium-info h3 {
    margin: 6px 0 4px;
    font-size: 15px;
    line-height: 1.3;
}

.yb-read-premium-info h3 a {
    color: #172033;
    text-decoration: none;
}

.yb-read-premium-info h3 a:hover,
.yb-read-premium-info h3 a:focus {
    color: #1f5fbf;
    text-decoration: underline;
}

.yb-read-premium-category,
.yb-read-premium-phone {
    margin-top: 4px;
    color: #526175;
    font-size: 12px;
    line-height: 1.35;
}

@media (max-width: 900px) {
    .yb-premium-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .yb-read-premium-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .yb-premium-grid {
        grid-template-columns: 1fr;
    }

    .yb-premium-actions {
        flex-wrap: wrap;
    }

    .yb-premium-actions .yb-btn {
        flex: 1 1 calc(50% - 5px);
    }

    .yb-read-premium-grid {
        grid-template-columns: 1fr;
    }
}

.yb-filter-register {
    margin: 0 0 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e8eef6;
}

.yb-filter-register .yb-filter-register-btn {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    justify-content: center;
}

.yb-read .yb-read-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0px 12px;
    color: #64748b;
    font-size: 13px;
    line-height: 1.45;
}

.yb-read .yb-read-breadcrumb a {
    color: #245ea8;
    font-weight: 700;
    text-decoration: none;
}

.yb-read .yb-read-breadcrumb a:hover,
.yb-read .yb-read-breadcrumb a:focus {
    text-decoration: underline;
}

.yb-read .yb-read-breadcrumb-parent {
    color: #334155;
    font-weight: 700;
}

.yb-read .yb-read-breadcrumb-separator {
    color: #94a3b8;
}
.yb-region-section {
    position: relative;
}

.yb-region-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.yb-region-field {
    display: block;
    min-width: 0;
}

.yb-region-field-wide {
    grid-column: span 2;
}

.yb-region-field span {
    display: block;
    margin-bottom: 6px;
    font-weight: 700;
    color: #333;
}

.yb-region-field input,
.yb-region-field select {
    width: 100%;
    box-sizing: border-box;
}

.yb-region-custom-city {
    display: none;
}

.yb-region-error {
    display: none;
    margin: 0 0 12px;
    padding: 10px 12px;
    border: 1px solid #e0a0a0;
    background: #fff4f4;
    color: #9a2424;
    font-weight: 700;
}

.yb-region-help {
    margin: 10px 0 0;
    color: #777;
    font-size: 12px;
}

@media (max-width: 720px) {
    .yb-region-grid {
        grid-template-columns: 1fr;
    }

    .yb-region-field-wide {
        grid-column: auto;
    }
}