/* 서브페이지 키비쥬얼 */
#SUB_KEYVISUAL .gu_sub_top .kv_img_area {background-image: url('../../../img/media/KV_media.jpg');opacity:1;}

/* 공통 */
#NEWS .ellipsis_line {-webkit-line-clamp: 3;max-height:90px;}
#NEWS .btn_area {margin-right:15px; position:absolute;top:8px; right:256px;}
#NEWS .btn_area a {display: block; font-size: 18px; position: relative; max-width: 100%; height: 40px; color: #222; font-weight: 500; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3px 25px 17px 0;}
#NEWS .btn_area a:before {content: ''; position: absolute; width: 100%; height: 2px; left: 0; bottom: 0; background: rgba(0,0,0,.15);}
#NEWS .btn_area a:after {content: ''; position: absolute; width: 0; height: 2px; left: 0; bottom: 0; background: #222222; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s;}
#NEWS .btn_area a:hover:after {width:100%;}
#NEWS .btn_area a .outlink {position:absolute;background: url(../../../img/common/ico_outlink_black.svg) 50% 50% no-repeat;display: inline-block;vertical-align: middle;width: 16px;height: 16px;-webkit-background-size: contain;background-size: contain;margin-top: 1px;right:0;}
#NEWS .img_area {position:relative; overflow:hidden; border: 1px solid #e5e5e5;}
#NEWS .img_area .thumb {position:absolute;width:100%; height:100%;background-repeat:no-repeat; background-position:center center; background-size:cover;top:0;left:0;}
#NEWS a .img_area .thumb {-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;}
#NEWS a:hover .img_area .thumb {transform:scale(1.1)}
#NEWS .text_area .desc {font-size:0; margin-top:30px;}
#NEWS .text_area .desc > span {font-size:16px; color:#999; position:relative; padding-right:25px;}
#NEWS .text_area .desc > span:after {content:''; position:absolute;right:12px;top:50%;width:1px;height:80%;background:#999; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
#NEWS .text_area .desc > span:last-child:after {display:none;}

/* news_main */
#NEWS .news_main .text_area .gu_box_title {margin:40px 0 20px;}

/* news_list */
#NEWS .news_list {margin-top:60px; padding:60px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
#NEWS .news_list ul {font-size:0;}
#NEWS .news_list ul li {margin-bottom:40px;}
#NEWS .news_list ul li:last-child {margin-bottom:0;}
#NEWS .news_list ul li a > div {display:inline-block;vertical-align:top;}
#NEWS .news_list ul li a > div img {width:100%;}
#NEWS .news_list .text_area {padding-left:35px; width:calc(100% - 470px);-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#NEWS .news_list .text_area .gu_box_title {margin:0 0 16px;}
#NEWS .news_list .text_area .desc {font-size:0; margin-top:25px;}

/* news_detail */
/* #NEWS_VIEW .gu_detail_view .gu_detail_middle .gu_text p {margin-bottom:30px;}; */
#NEWS_VIEW .gu_detail_view .gu_detail_middle .img_area.img_bottom {margin-bottom:0;margin-top:60px;}
#NEWS_VIEW .gu_content .gu_detail_view .gu_detail_top .short_content{font-size:18px; line-height:30px;}

#MEDIA .gu_btn_down {
    position: relative;
    height: 48px;
    border-style: solid;
	margin-top:-90px;
    margin-bottom: 40px;
    text-align: center;
    vertical-align: middle;
}

#MEDIA .gu_btn_down a {
    display: inline-block;
    font-size: 16px;
    color: #222;
    padding-right: 22px;
    background: #fff;
}

#MEDIA .gu_btn_down a span {
    padding-right: 29px;
    padding: 15px 26px 12px 22px;
    background: white;
}

#MEDIA .gu_btn_down a:before{
	height:0;
}

.gu_detail_view .gu_detail_file{padding:25px 40px; border-top:none;}
.gu_detail_view .gu_detail_file > span{vertical-align: middle;}
#MEDIA .gu_detail_view .gu_detail_file > .gu_btn_down{width:auto; margin-top:0;  margin-bottom:0;}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
	
    #NEWS .btn_area {right:190px;}
    #NEWS .btn_area a {font-size: 14px; height: 36px; padding: 8px 20px 14px 0;}
    #NEWS .btn_area a:hover:after {width:0;}
    #NEWS .btn_area a .outlink {width:12px;height:12px;margin-top:1px;}
    #NEWS .text_area .desc > span {font-size: 13px; line-height:24px;}

    #NEWS_VIEW .gu_detail_view .gu_detail_middle .gu_text p {margin-bottom:25px;}
    #NEWS .news_main .text_area .gu_main_title{font-size:20px; line-height:30px; margin-bottom:25px;}
	#NEWS .news_main .text_area .gu_main_text{font-size:16px; line-height:24px; margin-bottom:30px;}
	#NEWS .news_list .text_area .gu_box_title{font-size:18px; line-height:24px; margin : 0 0 18px;}
	#NEWS .news_list .text_area .gu_text{font-size:14px; line-height:24px; margin : 0 0 20px;}
	#NEWS_VIEW .gu_content .gu_detail_top .short_content{font-size:16px; line-height:24px;}
	
	#NEWS_VIEW .gu_content .gu_detail_view .gu_detail_top .gu_title{font-size:24px; line-height:32px; padding-bottom:30px;}
    
    #MEDIA .gu_btn_down {
	margin-top: -64px;
    margin-bottom: 15px;
	}

	#MEDIA .gu_btn_down a {
    font-size: 14px;
	}

	#MEDIA .gu_detail_view .gu_detail_file > .gu_btn_down{margin-top:0; margin-bottom:0;}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {
    #NEWS .btn_area {right:196px;left:auto;margin-right:16px;}
    #NEWS .gu_search_box .gu_sort_area .gu_inputbox {width:auto;}
    #NEWS .text_area .desc > span {font-size:13px;}
    #NEWS .news_list {padding-top:36px; margin-top:36px;}
    #NEWS .news_list .text_area {padding-left:0; margin-top:30px;}
    #NEWS .news_list .text_area .desc {margin-top:20px;}
    #NEWS .news_list ul li {margin-bottom:36px;}
    #NEWS .news_list ul li a > div {display: block; width: 100%;}

    #NEWS_VIEW .gu_detail_view .gu_detail_top .gu_title {font-size:24px; line-height:30px; padding-bottom: 30px;}
    #NEWS_VIEW .gu_detail_view .gu_detail_middle {padding: 40px 0 60px; }
    #NEWS_VIEW .gu_content .gu_box_title {margin-bottom: 25px;}
    #NEWS_VIEW .gu_content .gu_text {font-size: 14px;}
    #NEWS_VIEW .gu_detail_view .gu_detail_middle .img_area.img_bottom {margin-top: 38px;}
    #NEWS .news_list .text_area {width:100%;}
    
	#MEDIA .gu_btn_down {
		margin-top: -64px;
    	margin-bottom: 15px;
		}

	#MEDIA .gu_btn_down a {
    font-size: 11px;
	}
	
	
	#MEDIA .gu_detail_view .gu_detail_file > span{font-size:0; margin-right:0;}
	#MEDIA .gu_detail_view .gu_detail_file > .gu_btn_down{margin-top:0;  margin-bottom:0;}

}
@media all and (max-width: 338px) {
    #NEWS .btn_area {right:180px;}
    .gu_sort_area .gu_sort_name {width:120px;}
    #NEWS .gu_search_box .gu_sort_area .gu_selectbox {width:120px;}
}