@charset "UTF-8";
@import url('./user.common.css');
/**************************************************/
/* ================================= common */

/* --- sec_1 */
#sec_1{ padding: 0; }
#sec_1 ul{ margin: 0;}

#sec_1 :is(ul, .wrap_info):not(.active){ display: none;}

/* wrap_info */
#sec_1 .wrap_info{ text-align: left;}
#sec_1 .wrap_info * { color: #333;}
#sec_1 .wrap_info h5{ border-bottom: 1px solid #C0C0C0; }
#sec_1 .wrap_info p{  font-weight: 300; }
#sec_1 .wrap_info span{ font-weight: 300; color: #999;}


/**************************************************/
/* ================================= layout */








/**************************************************/
/* ================================= responsive */
@media screen and (min-width: 1025px){
    /* ==================== common */
    /* --- sec_0 */
    /* wrap_link */
    #sec_0 .wrap_link{ 
        position: absolute; bottom: 4px; left: 270px;
        display: flex; gap: 0 20px;
    }
    #sec_0 .wrap_link > *{ 
        display: flex; align-items: center; justify-content: center;
        width: 320px; height: 40px;
        font-size: 20px;
    }
    #sec_0 .wrap_link p{
        cursor: default; background: #fff; color: #333;
    }
    #sec_0 .wrap_link a{ border: 1px solid #fff; color: #fff;}

    /* --- sec_1 */
    /* bx_navigator */
    #sec_1 .bx_navigator{ display: flex; padding: 86px 0; gap: 0 43px;}
    #sec_1 .bx_navigator button{ font-size: 18px; font-weight: 300;  color: #999; }
    #sec_1 .bx_navigator button.active{ color: #333; font-weight: 400;}

    /* wrap_info */
    #sec_1 .wrap_info {margin: 40px 0 58px;}
    #sec_1 .wrap_info h5{ padding-bottom: 14px; font-size: 25px; }
    #sec_1 .wrap_info p{ margin: 16px 0 20px;  font-size: 20px; }
    #sec_1 .wrap_info span{ font-size: 18px;}

    #sec_1 .bx_paginate{ padding: 32px 0 132px;}


    /* ==================== layout */









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

}
@media screen and (max-width: 1024px){
    /* ==================== common */


    /* ==================== layout */
    /* wrap_info */
    #sec_1 .wrap_info { margin: 38px 0 80px;}
    #sec_1 .wrap_info h5{ padding-bottom: 6px; font-size: 1rem; }
    #sec_1 .wrap_info p{ margin: 10px 0; font-size: .85rem; }

    #sec_1 .bx_paginate{ margin: 5px 0 100px;}
}