@charset "utf-8";
@font-face {
    font-family: 'pre';
    src: url(/font/Pretendard-Regular.woff)
}
.f_pre{
    font-family: 'pre';
}

/* Top Search */
.list-tsearch { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }

/* Category */
.list-category .tabs { margin-bottom:20px; }
.list-category .dropdown { margin-bottom:20px; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* List */
.list-wrap { width:100%; }
.list-admin { text-align:center; margin:15px 0px; }
.list-btn .sort-drop { min-width:120px !important; left:auto !important; right:0px !important; }
.list-btn .sort-drop .sort a { color:crimson !important; font-weight:bold !important; }
.is-pc .ko .list-btn .sort-drop { font-size: 12px; }

/* Page */
.list-wrap .pagination a, .view-wrap .pagination a { color:#333 !important; }
.list-wrap .pagination .active a, .view-wrap .pagination .active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }

/* View */
.view-wrap { width:100%; overflow:hidden; }
.view-wrap.view-modal { padding:5px; margin:0px; }
.view-btn { margin:0px 0px 30px; }
.view-btn i { margin-right:2px; }

/* view page custon */
#viewModalFrame{height: 660px !important;}
.responsive .modal .modal-dialog {max-width: 1100px; width: 100%;}
.modal-content{border-radius: 25px; box-shadow: 15px 20px 30px rgba(0,0,0,0.2);}
.view-padding.m01_02_mod{display: flex;}
.view-padding.m01_02_mod .view-content{margin-left: 45px; width: 50%;}
.view-padding.m01_02_mod .view-content p.wr_name{color: #222;font-size: 35px;}
.view-padding.m01_02_mod .view-content p.wr_name span{color: #222;font-size: 16px; 
    /* font-family: 'pre'; */
    font-weight: 300;}
.view-padding.m01_02_mod .view-content p.wr_2{color: #999; font-size: 16px; margin-top: -5px;}
.view-padding.m01_02_mod .view-content .line{width: 100%; height: 1px; background: #e1e1e1; margin: 30px 0 40px;}

.view-padding.m01_02_mod .view-content p.wr_2 span.wr_3{margin-left: 20px; position: relative;}
.view-padding.m01_02_mod .view-content p.wr_2 span.wr_3::after{position: absolute; content: ""; display: block; width: 1px; height: 13px; background: #999; left: -13px; top: 6px;}
.view-padding.m01_02_mod .view-content p.m_title{font-size: 17px; color: #222; margin-bottom: 5px;}
.view-padding.m01_02_mod .view-content p.desc{font-size: 15px; color: #666; line-height: 28px;}
.view-padding.m01_02_mod .view-content p.mg_bot{margin-bottom: 40px;}

.modal-content .text-center.cursor {position: absolute;top: -60px;right: 0;}

/* Write */
.write-wrap { width:100%; overflow:hidden; }
@media all and (max-width:991px){
    .modal-body{padding: 15px;}
    .modal-content{border-radius: 12.5px;}
    #viewModalFrame{height: 512px !important;}
    .view-wrap.view-modal{padding: 0;}
    .view-wrap .no-attach{display: none;}
    
    .responsive .modal .modal-dialog{transform: none; margin: 0; top: 12%; padding: 0 15px;}
    .view-padding.m01_02_mod{flex-direction: column; padding-left: 0 !important; padding-right: 0 !important;}
    .view-padding.m01_02_mod .view-content{width: 100%; margin: 0;}
    .view-padding.m01_02_mod .view-img{    height: 0;
        padding-bottom: 90%;
        position: relative;
        overflow: hidden;
    }
    .view-padding.m01_02_mod .view-img img{    display: block;
        max-width: 100%;
        margin: 0 auto 15px;
        border: 0;
        height: auto;
        position: absolute;
        top: -10px;
        left: 0;
        width: 100%;
        border-radius: 10px;
    }


}
@media (max-width:480px){
    #viewModalFrame{height: 490px !important;}
    .view-padding.m01_02_mod .view-content p.wr_name{font-size: 22.5px; line-height: 1; margin: 20px 0 15px;}
    .view-padding.m01_02_mod .view-content p.wr_name span{font-size: 13px;}
    .view-padding.m01_02_mod .view-content p.wr_2{font-size: 13px;}
    .view-padding.m01_02_mod .view-content .line{margin: 20px 0 25px;}
    .view-padding.m01_02_mod .view-content p.m_title{font-size: 13.5px; font-weight: 400;}
    .view-padding.m01_02_mod .view-content p.desc{font-size: 12px; line-height: 21px; margin-bottom: 25px;}
    .modal-content .text-center.cursor{top: -40px;}
    .modal-content .text-center.cursor > img{width: 20px;}

    .view-padding.m01_02_mod .view-img{    
        width: calc(100% - 10px);
        padding-bottom: 300px;
        border-radius: 10px;
        background: #f5f5f5;
        width:100%;
    }
    
    .view-padding.m01_02_mod .view-img img{
        width: 100%;
        left: 0%;
        transform: translateX(0%);
        top: -25px;
    }
}
@media all and (max-width:460px) {
	.responsive .view-btn i { margin-right:0px; }
}
@media (max-width:400px){
    .view-padding.m01_02_mod .view-img{padding-bottom: 250px;}
}
@media (max-width:375px){
    .view-padding.m01_02_mod .view-img{padding-bottom: 220px;}
}