/* 서브페이지 키비쥬얼 */
#SUB_KEYVISUAL .gu_sub_top .kv_img_area {background-image: url('../../../img/investors/announce/KV_investors_announce.jpg')}

#INVESTORS_ANNOUNCE {margin-bottom:0;}

#ANNOUNCE_VIEW {margin-bottom:160px;}
#ANNOUNCE_VIEW .gu_detail_top {text-align:left;background:#fafafa;border-top:2px solid #444;border-bottom:1px solid #e1e1e1;padding:50px 40px;}
#ANNOUNCE_VIEW .gu_detail_top * {text-align:left;}
#ANNOUNCE_VIEW .gu_detail_top span {color:#999;}
#ANNOUNCE_VIEW .gu_detail_middle {padding:60px 40px 60px;}
#ANNOUNCE_VIEW .gu_detail_middle .gu_text p {padding-bottom:30px;}

#BANNER {position: relative; background: url(../../../img/investors/announce/banner_disclosure.jpg) no-repeat 50% 50% / cover; min-height: 340px; margin-top:140px;}
#BANNER .inner {max-width:960px;margin:0 auto; padding-top:86px;}
#BANNER .inner .text {font-size:20px;line-height:34px;color:#fff;}
#BANNER .inner .gu_btn_area {margin-top:40px;}
#BANNER .inner .gu_btn_area .gu_btn.btn_white {border-color:#fff;}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
    #ANNOUNCE_VIEW {margin-bottom:100px;}
    #ANNOUNCE_VIEW .gu_detail_top {padding:25px 20px;}
    #ANNOUNCE_VIEW .gu_detail_middle {padding:40px 10px;}
    #ANNOUNCE_VIEW .gu_detail_middle .gu_text p {padding-bottom:25px;}
    #ANNOUNCE_VIEW .gu_detail_file { padding:25px 10px 5px;}
    #ANNOUNCE_VIEW .gu_detail_file > span {margin-right:25px;}
    #ANNOUNCE_VIEW .gu_detail_file > .gu_btn_down {width:calc(100% - 77px);}
    #ANNOUNCE_VIEW .gu_detail_file > .gu_btn_down a span {padding-left:23px;}

    #BANNER {min-height: 200px;margin-top:70px;}
    #BANNER .inner {padding:36px 50px 0;}
    #BANNER .inner .gu_btn_area {margin-top:20px;}
    #BANNER .inner .text { font-size:16px; line-height:26px;}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {
    #ANNOUNCE_VIEW .gu_detail_top span { font-size:13px;}
    #BANNER .inner {padding:50px 25px;}
}

@media all and (max-width: 475px) {
    .gu_sort_area .gu_sort_name{width:106px;}
    .gu_search_box .gu_sort_area .gu_selectbox{min-width:106px;}
    .gu_search_box .gu_sort_area .gu_inputbox{max-width:170px;}
}

@media all and (max-width: 375px) {
    .gu_sort_area .gu_sort_name{width:86px;}
    .gu_search_box .gu_sort_area .gu_selectbox{min-width:86px;}
}