@charset "utf-8";

/*
 * File       : page.css
 * Author     : SMART GEO
 * Guideline  : -
 * Update : 2021-11-08
 *
 * Dependency : 각페이지 스타일
 *
 * SUMMARY:
 * 01) 페이지탑 스타일
 */
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');

/* **************************************** *
 * 01) 페이지탑 스타일
 * **************************************** */
.page_view_top_image {
    height: 348px;
}
#page_top.title_wrap {
    padding: 120px 0 70px 0;
    z-index: 5;
    position: relative;
}
#page_top .section_title_sub{
    margin: 0;
    left: 50%;
    transform: translateX(-50%);
}
#page_top .section_title_sub:after{
    display: none;
}
#page_top .section_title_sub.sitemap{
    text-align: right;
}
#page_top .sitemap_home{
    background: url('https://cheongmac.blob.core.windows.net/common/ic_page_paging_home.png') center center/cover no-repeat;
    width: 15px;
    height: 15px;
    position: relative;
    margin: 0 4px;
    display: inline-block;
    top: 1px;
}
#page_top .sitemap_home:hover{
    cursor: pointer;
}
#page_top .sitemap_first, .sitemap_second, .sitemap_line{
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #5C5C5C!important;
    margin: 0 3px;
}
#page_top .sitemap_second:hover{
    color: #333333;
    cursor: pointer;
}
#page_top .sitemap_line{
    width: 7px;
    height: 12px;
    background: url('https://cheongmac.blob.core.windows.net/common/ic_page_paging_arrow.png');
    position: relative;
    margin: 0 4px;
    display: inline-block;
    top: 1px;
}
#page_top .section_title_sub.top:after{
    display: none;
}
#page_top .title_first{
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: bold;
    font-size: 38px;
    line-height: 87px;
    letter-spacing: -0.02em;
    color: #111111;
}
#page_top .title_second{
    display: inline-block;
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 36px;
    letter-spacing: -0.02em;
    color: rgba(51, 51, 51, 0.5);
    margin: 0 32px;
}
#page_top .title_second.active{
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 36px;
    letter-spacing: -0.02em;
    color: #333333;
    margin: 0 32px;
}
#page_top .title_line{
    display: inline-block;
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
    line-height: 36px;
    letter-spacing: -0.02em;
    color: rgba(51, 51, 51, 0.5);
    margin: 0;
}
#page_top .first_main{
    font-family: 'Noto Sans KR';
    font-weight: 700;
    font-size: 38px;
    line-height: 52px;
    color: #000000;
}
#page_top .first_child{
    font-family: 'Noto Sans KR';
    font-weight: 500;
    font-size: 24px;
    line-height: 1;
    color: #393939;
}
#page_top .first_likes {
    font-family: 'Noto Sans KR';
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
    float:right;
    color: #393939;
    cursor: pointer;
    top: 4px;
    position: relative;
}
#page_top .first_likes:before{
    content: '';
    position: relative;
    top:4px;
    left:0;
    width: 26px;
    height: 22px;
    background:url('https://cheongmac.blob.core.windows.net/common/ic_page_like_off.svg');
    background-repeat: no-repeat;
    background-position: top left;
    object-fit: cover;
    display: inline-flex;
    margin-right: 10px;
}
#page_top .on.first_likes:before{
    content: '';
    background:url('https://cheongmac.blob.core.windows.net/common/ic_page_like_on.svg');
}

@media screen and (max-width: 1140px) {
    #page_top.title_wrap{
        padding:100px 0 20px 0;
    }
    #page_top .section_title_sub{
        padding: 10px 20px;
    }
    #page_top .sitemap {
        display: none;
    }
    #page_top .title_first{
        font-family: 'Noto Sans KR';
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: -0.02em;
        margin: 0 0 20px 0;
    }
    #page_top .title_second{
        font-family: 'Noto Sans KR';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.02em;
        margin: 0;
    }
    #page_top .title_second.active{
        font-family: 'Noto Sans KR';
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.02em;
        margin: 0;
    }
    #page_top .title_line{
        font-family: 'Noto Sans KR';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.02em;
        margin: 0 12px;
    }
    #page_top .first_main{
        font-size: 26px;
        line-height: 35px;
    }
    #page_top .first_child{
        display: block;
        font-size: 18px;
        line-height: 25px;
        margin-top: 13px;
    }
    #page_top .first_likes {
        display: none;
    }
}