.subLayout #brandLayout #webzineNewsList { 
    .filter {
        width:100%;
        overflow: hidden;
        position: relative;
    }
    .adminCommandPane {
        display: flex;
        justify-content: flex-end;
     
        .brandTitle {
            color: #000;
            font-family: esamanru;
            font-size: 20px;
            font-style: normal;
            font-weight: 500;
            line-height: 32px;
            letter-spacing: -0.6px;
        }
        #categoryChangeTop {
            display: flex;
            height: 32px;
            padding: 8px 12px;
            justify-content: center;
            align-items: center;
            gap: 6px;
            color: var(--gray-gray-950, #242424);
            font-family: Pretendard;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            letter-spacing: -0.6px;
            border-radius: 2px;
            border: 1px solid var(--gray-gray-200, #E6E6E6);
            width:85px;
            appearance: none;        /* 표준 */
            -webkit-appearance: none;/* Chrome, Safari */
            -moz-appearance: none;   /* Firefox */
            background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTAuNDAxNCA0LjE0ODQ0TDYuMDAyOTMgOC41NTI3M0wxLjU5ODYzIDQuMTQ4NDRMMi4zMDU2NiAzLjQ0MTQxTDYuMDAxOTUgNy4xMzc3TDkuNjkzODUgMy40NDE0MUwxMC40MDE0IDQuMTQ4NDRaIiBmaWxsPSIjMjQyNDI0Ii8+Cjwvc3ZnPg==");
            background-repeat: no-repeat;
            background-position: right 12px center;
            background-size: 12px;
        }
       
    }  
    .title710SL1 {
        background:none;
        display: flex;
        height: 40px;
        padding: 0 20px;
        align-items: center;
        align-self: stretch;
        border-radius: 4px;
        border: 1px solid var(--gray-gray-100, #F0F0F0);
        background: var(--gray-gray-50, #F8F8F8);
        width:100%;
        box-sizing: border-box;
        color: var(--gray-gray-950, #242424);
        font-family: Pretendard;
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        letter-spacing: -0.4px;
        span {
            color: var(--gray-gray-600, #8A8A8A);
            font-family: inherit;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            letter-spacing: -0.6px;
            background: none;
        }
    }
    .order {
        padding-right:0px;
        position: absolute;
        right:0px;
        bottom:8px;
        a , span {
            color: var(--gray-gray-400, #BDBDBD);
            font-family: Pretendard;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            letter-spacing: -0.504px;
        }
        span {
            font-size:10px;
            margin:0px 6px;
            font-weight: 200;
        }
        &.order_post { 
            a.post {
                color: var(--gray-gray-950, #242424);
                font-size: 12px;
                font-style: normal;
                font-weight: 600;
                letter-spacing: -0.4px;
                &:before {
                    content:'';
                    display:inline-block;
                    width:16px;
                    height:16px;
                    margin-right:2px;
                    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M14.2347%204.15068L5.64421%2012.7893C5.51911%2012.9151%205.34895%2012.9859%205.17155%2012.986C4.99409%2012.986%204.82402%2012.9152%204.69889%2012.7893L1.77051%209.84469L2.71582%208.90458L5.1709%2011.3733L13.2887%203.21057L14.2347%204.15068Z%22%20fill%3D%22%23242424%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
                    vertical-align: -2px;
                }
            }
        }
        &.order_read { 
            a.read {
                color: var(--gray-gray-950, #242424);
                font-size: 12px;
                font-style: normal;
                font-weight: 600;
                letter-spacing: -0.4px;
                &:before {
                    content:'';
                    display:inline-block;
                    width:16px;
                    height:16px;
                    margin-right:2px;
                    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M14.2347%204.15068L5.64421%2012.7893C5.51911%2012.9151%205.34895%2012.9859%205.17155%2012.986C4.99409%2012.986%204.82402%2012.9152%204.69889%2012.7893L1.77051%209.84469L2.71582%208.90458L5.1709%2011.3733L13.2887%203.21057L14.2347%204.15068Z%22%20fill%3D%22%23242424%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
                    vertical-align: -2px;
                }
            }
        }
        &.order_comment { 
            a.comment {
                color: var(--gray-gray-950, #242424);
                font-size: 12px;
                font-style: normal;
                font-weight: 600;
                letter-spacing: -0.4px;
                &:before {
                    content:'';
                    display:inline-block;
                    width:16px;
                    height:16px;
                    margin-right:2px;
                    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M14.2347%204.15068L5.64421%2012.7893C5.51911%2012.9151%205.34895%2012.9859%205.17155%2012.986C4.99409%2012.986%204.82402%2012.9152%204.69889%2012.7893L1.77051%209.84469L2.71582%208.90458L5.1709%2011.3733L13.2887%203.21057L14.2347%204.15068Z%22%20fill%3D%22%23242424%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
                    vertical-align: -2px;
                }
            }
        }
 
    } 
    .list {
        width:100%;
        .webzineNewsList {
            width:100%;
            table {
                width:100%;
                col.news {
                    width:100%;
                }
                th, td {
                    width: 100%;
                    background: none;
                    padding:0px;
                }
                td {
                    border-bottom-color:#F0F0F0;
                }
                div.content {
                    padding:20px 0px;
                    display:grid;
                    grid-template-columns: 110px 1fr;
                    grid-template-rows: 20px 20px auto;
                    column-gap: 14px;
                    row-gap: 4px;
                    align-items: center;
                    border-bottom: 1px solid #F0F0F0;
                    a {
                        display:contents;
                        overflow: hidden;
                        align-items: center;
                        color: var(--gray-gray-950, #242424);
                        text-overflow: ellipsis;

                        /* Body/medium_bold */
                        font-family: Pretendard;
                        font-size: 15px;
                        font-style: normal;
                        font-weight: 600;
                        letter-spacing: -0.6px;
                   
                        .cols.thumb {
                            grid-column: 1;
                            grid-row: 1 / 4; 
                            width:auto;
                            float:none;
                            overflow: hidden;
                            img {
                                border-radius: 6px;
                                width:110px;
                                height:80px;
                                margin-right:0;
                                border:none;
                            }
                        }
                        .cols {
                            display:block;
                            width: auto;
                            float:none;
                        }
                        .cols.title {
                            font-size: 15px;
                            font-style: normal;
                            font-weight: 600;
                            grid-column: 2;
                            grid-row: 1;
                            display:flex;
                            align-items: center;
                            gap:4px;
                            color: #242424;
                            .cmtnum {
                                font-size: 13px;
                                color: #575757;
                                font-style: normal;
                                font-weight: 400;
                                letter-spacing: -0.6px;
                            }
                        }
                        .cols.summary {
                            padding-top:0px;
                            overflow: hidden;
                            color: var(--gray-gray-800, #575757);
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            font-size: 13px;
                            font-style: normal;
                            font-weight: 400;
                            grid-column: 2;
                            grid-row: 2;
                            height:auto;
                        }

                    }
                    .info {
                        grid-column: 2;
                        grid-row: 3;
                        position:relative;
                        top:0;
                        left:0;
                        overflow: hidden;
                        color: var(--gray-gray-500, #A3A3A3);
                        text-overflow: ellipsis;

                        font-family: Pretendard;
                        font-size: 12px;
                        font-style: normal;
                        font-weight: 400;
                        letter-spacing: -0.4px;
                    }
                }
            }
        } 
    }
    .paging {
        width: 100%;
        margin-top:24px;
        margin-bottom:20px;
        .prevtext2, .nexttext2 {
            display: none;
        }
        .basetext {
            display:flex;
            justify-content: center;
            align-items: center;
            padding:0;
        }
        span.prevtext, span.nexttext {
            background: none;
            padding:0;
            overflow: hidden;
            display: flex;
            width: 32px;
            height: 32px;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border-radius: 2px;
            border: 1px solid var(--gray-gray-100, #F0F0F0);
            background: var(--white, #FFF);
            a {
                text-indent:-100000px;
                overflow: hidden;
                display: block;
                width:100%;
                height:100%;
            }
        }
        span.prevtext {
            background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.24347%201.94434L4.1875%206.0003L8.24347%2010.0563%22%20stroke%3D%22%23707070%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
            margin-right:12px;
        }
        span.nexttext {
            background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M4.1875%201.94434L8.24347%206.0003L4.1875%2010.0563%22%20stroke%3D%22%23707070%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
            margin-left:12px;
        }
        span.currentpg {
            display: flex;
            width: 32px;
            height: 32px;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border-radius: 2px;
            background: #3374EA;
            color:#fff;
            padding:0;
            margin:0;
        }
        span.pg-vertical-bar {
            display: none;
        }
        a.pg {
            display: flex;
            width: 32px;
            height: 32px;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            aspect-ratio: 1/1;
            margin-left:2px;
            margin-right:2px;
            color: var(--gray-gray-800, #575757);
            font-family: Pretendard;
            font-size: 13px;
            font-style: normal;
            font-weight: 500;
            &:last-child {
                margin-right:0;
            }
            &:first-child {
                margin-left:0;
            }
            &:hover {
                text-decoration: none;;
            }
        }
    }
    .search_bottom {
        display: flex;
        height: 32px;
        justify-content: center;
        align-items: center;
        align-items: stretch;
        width:100%;
        #searchWhereBottom {
            display: flex;
            height: 32px;
            padding: 8px 12px;
            justify-content: center;
            align-items: center;
            gap: 6px;
            color: var(--gray-gray-950, #242424);
            font-family: Pretendard;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            letter-spacing: -0.6px;
            border-radius: 2px;
            border: 1px solid var(--gray-gray-200, #E6E6E6);
            max-width: 64px;
            appearance: none;        /* 표준 */
            -webkit-appearance: none;/* Chrome, Safari */
            -moz-appearance: none;   /* Firefox */
            background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTAuNDAxNCA0LjE0ODQ0TDYuMDAyOTMgOC41NTI3M0wxLjU5ODYzIDQuMTQ4NDRMMi4zMDU2NiAzLjQ0MTQxTDYuMDAxOTUgNy4xMzc3TDkuNjkzODUgMy40NDE0MUwxMC40MDE0IDQuMTQ4NDRaIiBmaWxsPSIjMjQyNDI0Ii8+Cjwvc3ZnPg==");
            background-repeat: no-repeat;
            background-position: right 12px center;
            background-size: 12px;
            margin-right: 8px;
        }
        #searchWordBottom {
            margin: 0;
            padding-left: 12px;
            width: 290px;
            border-radius: 2px;
            border: 1px solid var(--gray-gray-200, #E6E6E6);
            border-right:none;
        }
        .submit.bttn39OR1 {
            flex: 0 0 30px;
            padding-right:12px;
            background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M9.70378%205.59896C9.70378%204.51024%209.27177%203.46583%208.50195%202.69596C7.7321%201.92611%206.68769%201.49351%205.59896%201.49349C4.5102%201.49349%203.46584%201.92609%202.69596%202.69596C1.92609%203.46583%201.49349%204.5102%201.49349%205.59896C1.49351%206.68769%201.92611%207.7321%202.69596%208.50195C3.46583%209.27177%204.51024%209.70378%205.59896%209.70378C6.68769%209.70375%207.7321%209.2718%208.50195%208.50195C9.2718%207.7321%209.70375%206.68769%209.70378%205.59896ZM11.1979%205.59896C11.1979%206.83672%2010.7862%208.0308%2010.0417%209.0026L12.1367%2011.0977L11.0807%2012.1543L8.98307%2010.0566C8.01481%2010.7917%206.82842%2011.1979%205.59896%2011.1979C4.11403%2011.1979%202.69%2010.6079%201.63997%209.55794C0.589964%208.50793%202.23101e-05%207.0839%200%205.59896C0%204.11399%200.589944%202.69%201.63997%201.63997C2.69%200.589944%204.11399%200%205.59896%200C7.0839%202.22262e-05%208.50793%200.589964%209.55794%201.63997C10.6079%202.69%2011.1979%204.11403%2011.1979%205.59896Z%22%20fill%3D%22%23242424%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
            height:32px;
            font-size:0;
            border-radius: 2px;
            border: 1px solid var(--gray-gray-200, #E6E6E6);
            border-left:none;
            margin:0;
        }
    }
}

/* 웹진 기사 페이지 */
#brandLayout #webzineBody {
    margin-left: 0;
    width: 100%;

    #webzineNews {
        width: 100%;

        #webzineNewsBody.community {
            width: 100%;
        }

        .newsMiddleAd {
            width: 100%;
        }
    }

    .community {
        #webzineNewsList {
            width: 100%;

            .filter {
                width: 100%;
            }

            .order {
                padding-right: 20px;
                width: 100%;
            }

            .paging {
                width: 100%;
            }

            table {
                width: 100%;

                col.news {
                    width: 100%;
                }
            }
        }

        #webzineNewsView {
            width: 100%;

            .rssPart {
                width: 100%;
            }

            .newsPart {
                width: 100%;
                
                .topInfo {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    padding: 10px 15px;
                    width: 100%;

                    dl dd {
                        margin: 0;
                        font-family: inherit;
                    }

                    dl.date {
                        margin: 0;
                    }

                    dl.comment {
                        display: flex;
                        margin: 0;

                        .label {
                            width: auto;
                            height: auto;
                            text-indent: 0;
                            background-image: none;
                            overflow: visible;
                        }

                        .colon {
                            margin: 0;
                        }

                        span {
                            font-family: inherit;
                        }
                    }
                }

                .title h1 {
                    width: 100%;
                }

                .writer {
                    width: 100%;
                }
            }

            .relatedPart {
                width: 100%;
            }
        }

        .webzineNewsBotMenu {
            width: 100%;
        }

        .banCmtBottomEvent {
            .banTitle {
                width: 100%;
            }
            .banTitle a {
                width: 100%;
            }
        }

        #powerbbsCmt2 {
            width: 100%;

            .cmtWrap {
                margin: 0;
                width: 100%;

                .cmtHead {
                    width: 100%;
                }

                .cmtMain {
                    width: 100%;
                }
            }

            .commentList1 {
                ul {
                    width: 100%;
                }
            }

            .commentWrite .cmtWriteForm .cmtContent textarea {
                width: 516px;
            }
        }

        #webzineNewsCommentList {
            width: 100%;
        }
    }

    .webzineNewsViewContent {
        margin-left: 0;
        padding: 0 20px;
        width: 100%;
    }

    .articleBotMenu ul li a,
    .webzineNewsBotMenu ul li a {
        display: inline-block;
        padding: 0 10px;
        height: 30px;
        background: #fff;
        border: 1px solid #aaa;
        border-radius: 3px;
        box-sizing: border-box;
        color: #686868;
        line-height: 30px;
        text-align: center;
        transition: .2s;
    }

    #webzineNews .webzineNewsBotMenu .bttn75WH1.bttn75WH1-next,
    #webzineNews .webzineNewsBotMenu .bttn75WH1.bttn75WH1-prev,
    #webzineNews .webzineNewsBotMenu .bttn75WH1.bttn75WH1-Back,
    #webzineNews .webzineNewsBotMenu .bttn75WH1.bttn75WH1-Top {
        background-image: none;
        text-indent: 0;
    }

    #webzineNewsView .newsPart, #webzineNewsView .newsPart>* {
        float: none;
    }

    #webzineNewsView .rssPart .copyurl {
        margin-bottom: 10px;
    }
}