@charset "utf-8";

@import url("layout_basic.css?210411");

body { min-width: 964px; background: url(/renewal/assets/img/d_main_bg_body_white.jpg) left top repeat-x; background-position-y: -20px; }

.g1_btn_color { background-color: #f87667; border-color: #ce4d3e; color:#fff; }
.g1_btn_color:hover, .g1_btn_color:active, .g1_btn_color:focus { background-color: #f87667 !important; border-color: #ce4d3e !important; color:#fff !important; }
/*.g1_btn_color:focus { box-shadow: 0 0 0 0.2rem rgba(248,118,103,.5) }*/

.header_wrap { max-width: 964px; min-width: 964px; margin: 0 auto; }
.contents_wrap, .footer_wrap { position: relative; max-width: 964px; min-width: 964px; margin: 0 auto; }
/*.contents_wrap { min-height: 500px; }*/


/************************************
 * 헤더 스타일
 ************************************/
.header_wrap .logo_wrap { height: 74px; }
.header_wrap .logo_wrap > ul { height:30px; overflow: hidden; float: right; margin-top:10px; }
.header_wrap .logo_wrap > ul > li { position: relative; display: inline-block; float: left; /*height: 74px;*/ }
.header_wrap .logo_wrap > ul > li form input.top_search_box {
	/*float: left;*/
    /*width: 100%;*/
    /*height: 30px;*/
    /*padding: 0 40px 0 10px;*/
    /*border: none;*/
    /*background: #ffffff;*/
    /*font-size: 14px;*/
    /*border-bottom: 1px solid #eaeaea;*/
    /*outline: none;*/
	float: left;
    width: 100%;
    height: 25px;
    margin-top: 4px;
    padding: 0 25px 0 5px;
    border: none;
    background: #ffffff;
    font-size: 12px;
    border-bottom: 1px solid #eaeaea;
    outline: none;
}
.header_wrap .logo_wrap > ul > li form input.top_search_box_btn {
	/*position: absolute;*/
    /*top: 3px;*/
    /*right: 0;*/
    /*width: 28px;*/
    /*height: 30px;*/
    /*font-weight: 700;*/
    /*background: url(/renewal/assets/img/m_icon_search.png) no-repeat;*/
    /*font-size: 0;*/
	position: absolute;
    top: 9px;
    right: -10px;
    width: 28px;
    height: 30px;
    font-weight: normal;
    background: url(/renewal/assets/img/m_icon_search.png) no-repeat;
    background-size: 50% 50%;
    font-size: 0;
}
/*.header_wrap .logo_wrap > ul > li:nth-child(1) { width: 317px; }*/
/*.header_wrap .logo_wrap > ul > li:nth-child(2) { width: 330px; }*/
/*.header_wrap .logo_wrap > ul > li:nth-child(3) { width: 317px; text-align: right; padding-top: 33px;}*/
/*.header_wrap .logo_wrap > ul > li:nth-child(3) > span { margin-left: 10px; }*/
/*.header_wrap .logo_wrap > ul > li:nth-child(3) > span:first-child { margin-left: 0; }*/

.header_wrap .logo_wrap .search_box_wrap {
	background:            url(/renewal/assets/img/d_main_search_bar.jpg) no-repeat center;
	background-size:       320px 31px;
	background-position-y: 25px;
}

.header_wrap .logo_wrap .search_box_wrap input.search_box {
	width:     260px;
	height:    18px;
	position:  absolute;
	top:       31px;
	left:      20px;
	font-size: 15px;
	border:    none;
	outline:   none;
}

.header_wrap .logo_wrap .search_box_wrap a.search_box_exec {
	position: absolute;
	width:    30px;
	height:   30px;
	top:      26px;
	right:    6px;
}

.header_wrap .gnb_wrap { height: 39px; margin-top:-20px; }
.header_wrap .gnb_wrap .d_header_logo { position: relative; display: inline-block; width: 100px; float: left; margin-top:-40px; height:74px; /*position: absolute; left:0; bottom:5px;*/ }
/*.header_wrap .gnb_wrap .d_header_logo > a { display:block; position: absolute; left: 0; bottom: 5px; }*/
.header_wrap .gnb_wrap .gnb_list1 { display: inline-block; width:590px; margin-left:90px; /*width: 634px;*/ }
.header_wrap .gnb_wrap .gnb_list1 > ul { }
.header_wrap .gnb_wrap .gnb_list1 > ul > li { display: inline-block; float: left; margin-right:30px; /*width: 20%; */height:35px; text-align: center; /*background: url(/renewal/assets/img/d_main_gnb_sep.jpg) right 0px no-repeat;*/ }
.header_wrap .gnb_wrap .gnb_list1 > ul > li:last-child { background: none; margin-right: 0; }
/*
.header_wrap .gnb_wrap .gnb_list1 > ul > li::after {
	content:    "";
	width:      7px;
	height:     39px;
	background: url("/renewal/assets/img/d_main_gnb_sep.jpg") no-repeat;
	top:        0;
	right:      0;
	position:   absolute;
}
.header_wrap .gnb_wrap .gnb_list1 > ul > li:last-child::after { background: none; }
*/

.header_wrap .gnb_wrap .gnb_list1 > ul > li > a { line-height: 32px; font-size: 17px; /*padding: 0 30px 0 20px;*/ }
.header_wrap .gnb_wrap .gnb_list1 > ul > li:first-child > a { padding-left: 0; }

.header_wrap .gnb_wrap .gnb_list1 > ul > li > .gnb_submenu { display: none; position: absolute;width: 100%; left: 0; top:89px; /*top: 109px;*/ padding-bottom: 20px; border-bottom:4px solid #ef4c3b; z-index: 20; background-color: #fff; }
.header_wrap .gnb_wrap .gnb_list1 > ul > li > .gnb_submenu > div { position: relative; width: 960px; margin: 0 auto; /*padding: 14px 230px 0 15px;*/ min-height: 114px; overflow: hidden; }
.header_wrap .gnb_wrap .gnb_list1 > ul > li > .gnb_submenu > div ul.gnb_submenu_list { float: left; width: 692px; padding: 10px 0 0 15px; overflow: hidden; display: inline-block; }
.header_wrap .gnb_wrap .gnb_list1 > ul > li > .gnb_submenu > div ul.gnb_submenu_list > li { width:155px; display: inline-block; float:left; list-style: none; margin-top:10px; margin-right: 10px; padding-left: 9px; background: url(/renewal/assets/img/list_dot2.gif) left 8px no-repeat; }
.header_wrap .gnb_wrap .gnb_list1 > ul > li > .gnb_submenu > div ul.gnb_submenu_list > li > a,
.header_wrap .gnb_wrap .gnb_list1 > ul > li > .gnb_submenu > div ul.gnb_submenu_list > li > a:visited,
.header_wrap .gnb_wrap .gnb_list1 > ul > li > .gnb_submenu > div ul.gnb_submenu_list > li > a:active,
.header_wrap .gnb_wrap .gnb_list1 > ul > li > .gnb_submenu > div ul.gnb_submenu_list > li > a:focus { font-size:14px; color:#666; text-align: left; }
.header_wrap .gnb_wrap .gnb_list1 > ul > li > .gnb_submenu > div ul.gnb_submenu_list > li > a:hover { font-weight: bold; }
.header_wrap .gnb_wrap .gnb_list1 > ul > li > .gnb_submenu > div .gnb_submenu_ban { float:right; }
/*.header_wrap .gnb_wrap .gnb_list1 > ul > li > a:hover,*/
/*.header_wrap .gnb_wrap .gnb_list1 > ul > li > a:focus { color: red; }*/
/*.header_wrap .gnb_wrap .gnb_list1 > ul > li > a.active { color: #0f9e60; }*/

.header_wrap .gnb_wrap .gnb_list2 { display: inline-block; float: right; background: url(/renewal/assets/img/d_main_onair_bg5.png?2) no-repeat; width: 210px; height: 39px; }
.header_wrap .gnb_wrap .gnb_list2 > ul { }
.header_wrap .gnb_wrap .gnb_list2 > ul > li { position: relative; display: inline-block; float: left; width: 33.3%; text-align: center; }
.header_wrap .gnb_wrap .gnb_list2 > ul > li > a { line-height: 45px; }


/************************************
 * 푸터 스타일
 ************************************/
footer .pgm_list > ul { overflow: hidden; margin-top: -1px; }
footer .pgm_list > ul > li { min-height: 435px; float:left; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid #e0e0e0; margin-left: -1px; }
footer .pgm_list > ul > li:first-child { margin-left: 0; }
footer .pgm_list > ul > li > p { background-color: #f3f3f3; height: 35px; line-height: 35px; padding-left: 10px; border-bottom: 1px solid #e0e0e0; }
footer .pgm_list > ul > li > ul { padding: 10px; }
footer .pgm_list > ul > li > ul.footer_pgm_list > li { margin-top: 10px; padding-left: 9px; background: url(/renewal/assets/img/list_dot2.gif) left 8px no-repeat; }
footer .pgm_list > ul > li > ul.footer_pgm_list > li > a { letter-spacing: -1px; }
footer .pgm_list > ul > li > ul.footer_pgm_list > li > a:hover { color: #ff6701; font-weight: bold; }


/************************************
 * 푸터 회사 소개 스타일
 ************************************/
footer .corp_info_wrap > ul { overflow: hidden; margin-left: -10px; margin-top:25px; }
footer .corp_info_wrap > ul > li { float:left; margin: 0 10px; }
footer .corp_info_wrap > ul > li > a,
footer .corp_info_wrap > ul > li > a:hover,
footer .corp_info_wrap > ul > li > a:focus,
footer .corp_info_wrap > ul > li > a:visited,
footer .corp_info_wrap > ul > li > a:active { color:#787d79; }


/************************************
 * 왼쪽 aside 스타일
 ************************************/
.aside_menu_01 {}
.aside_menu_01 > ul {}
.aside_menu_01 > ul > li { list-style: none; border-bottom: 1px solid #e0e0e0; }
.aside_menu_01 > ul > li:last-child { border-bottom: 3px ridge #e0e0e0; }
.aside_menu_01 > ul > li > a { position:relative; display:block; font-size:15px; line-height: 40px; }

.aside_menu_01 > ul > li.active > a { color: #ef634e; }
.aside_menu_01 > ul > li > a:hover { color: #ef634e; }
.aside_menu_01 > ul > li.active > a::after,
.aside_menu_01 > ul > li > a:hover::after {
	font-family: 'Material Icons';
	content:     "\e315";
	font-size:   30px;
	position:    absolute;
	right:       0;
	color:       #ef634e;
}


/************************************
 * Breadcrumbs 스타일
 ************************************/
.breadcrumbs_01 { margin-bottom: 20px; }
.breadcrumbs_01 > .box { border-bottom: 1px solid #d0d0d0; height: 40px; }
.breadcrumbs_01 > .box > .subject { line-height: 40px; font-size: 25px; font-weight: bold; color:#ef634e; }
.breadcrumbs_01 > .box > .menu { float: right; margin-top: 13px; font-size: 13px; }
.breadcrumbs_01 > .box > .menu > ul {  }
.breadcrumbs_01 > .box > .menu > ul > li { list-style: none; float: left; position: relative; }
.breadcrumbs_01 > .box > .menu > ul > li > a { padding-left: 5px; padding-right: 17px; }
.breadcrumbs_01 > .box > .menu > ul > li > a::after {
	font-family: 'Material Icons';
	content:     "\e315";
	font-size: 25px;
    position: absolute;
    top: 0;
    right: -7px;
}
.breadcrumbs_01 > .box > .menu > ul > li:last-child > a { padding-right: 0; }
.breadcrumbs_01 > .box > .menu > ul > li:last-child > a::after { content: ''; }
.breadcrumbs_01 > .box > .menu > .menu_list { position:absolute; right:0; top:18px; }
.breadcrumbs_01 > .box > .menu > .menu_list li { float:left; color:#636363; padding:0 5px 0 11px; background:url(/renewal/assets/img/breadcrumb_sep.gif) left 5px no-repeat; }
.breadcrumbs_01 > .box > .menu > .menu_list li.icon { font-weight:bold; padding-left:22px; color:#202020; background:url(/renewal/assets/img/breadcrumb_home.gif) left 2px no-repeat;}
.breadcrumbs_01 > .box > .menu > .menu_list li strong { padding-right:2px; }
.breadcrumbs_01 > .box > .menu > .menu_list a { color: #666; }


/************************************
 * 뉴스, VOD 리스트
 ************************************/
.news_wrap { padding-top:30px; /*background: url(/renewal/assets/img/d_top_bg.gif) no-repeat center top;*/ }

.news_wrap .side_ban_wrap {
	position: absolute;
	right:    -20px;
	top:      0;
	width:    293px;
}
.news_wrap .side_ban_wrap li > a > img { margin-top: 2px; width: 268px; }
.news_wrap .side_ban_wrap li:first-child > a > img { margin-top: 0; }

.news_wrap .news_area { width: 668px; position: relative; /*height: 375px;*/ }

.news_wrap .news_area .news_large_wrap { width: 555px; height: 340px; }
.news_wrap .news_area .news_large_wrap > div { display: none; }
.news_wrap .news_area .news_large_wrap > div:first-child { display: block; }
/*.news_wrap .news_area .news_large_wrap .thumb { width: 555px; height: 272px; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; }*/
.news_wrap .news_area .news_large_wrap .thumb { width: 555px; height: 340px;
	/*background-size: cover !important;*/ background-size: 770px 430px !important; background-position: top center !important; background-repeat: no-repeat !important; }
.news_wrap .news_area .news_large_wrap .title_bar {
	width: 555px; height: 85px; padding: 13px 20px; position: absolute; bottom: 0;
	/*background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.8));*/
	background: linear-gradient(180deg, #00000021 0, rgb(0 0 0 / 90%));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#cc000000",GradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#000",GradientType=0);}

.news_wrap .news_area .news_large_wrap .body { width: 555px; height: 68px; }
.news_wrap .news_area .news_large_wrap .body > .subject {  }
.news_wrap .news_area .news_large_wrap .body > .content {  }

.news_wrap .news_area .news_small_wrap { position: absolute; top:0; right:0; width: 113px; height: 68px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.news_wrap .news_area .news_small_wrap #btnObject li { position: relative; }
.news_wrap .news_area .news_small_wrap #btnObject li img { width: 113px; height: 68px; }
.news_wrap .news_area .news_small_wrap #btnObject li .focus { position: absolute; top: 0; left:0; width: 113px; height:68px; background-color: #0000006b; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.news_wrap .news_area .news_small_wrap #btnObject li.on .focus { position: absolute; top: 0; left:0; width: 113px; height:68px; background-color: transparent; border: 3px solid #ef634e; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }

.news_wrap .news_area .news_small_wrap > a {  }
.news_wrap .news_area .news_small_wrap > a:hover { border:5px solid #ef634e; }


section.list_wrap_01 {}
section.list_wrap_01 ul.list_box { margin-left:-13px; margin-top:-15px; margin-bottom: 20px; }
section.list_wrap_01 ul.list_box:after { display:block;clear:both;content:''; }
section.list_wrap_01 ul.list_box > li {float:left; margin-left: 13px; margin-top:15px; width:233px; /*box-shadow: 7px 7px 5px 0 rgba(222,222,222,0.75); -webkit-box-shadow: 7px 7px 5px 0 rgba(222,222,222,0.75); -moz-box-shadow: 7px 7px 5px 0 rgba(222,222,222,0.75);*/}
section.list_wrap_01 ul.list_box > li > a { position: relative; }
section.list_wrap_01 ul.list_box > li > a > img.thumb { width:100%; height:150px; min-height:150px; }

section.list_wrap_01 ul.list_box > li > a > .desc_vod { padding: 10px 5px; overflow:hidden; }
section.list_wrap_01 ul.list_box > li > a > .desc_vod > .episode { width: 150px; float: left; }
section.list_wrap_01 ul.list_box > li > a > .desc_vod > .date { float: right; }

section.list_wrap_01 ul.list_box > li > a > .desc_news { padding: 10px 10px; overflow:hidden; }
section.list_wrap_01 ul.list_box > li > a > .desc_news .title { width:100%; color: #000; font-size: 16px; height: 38px; font-weight: 500; }
section.list_wrap_01 ul.list_box > li > a > .desc_news .views { font-size:14px;float: left;color:#000;vertical-align: top; margin-top:1px; }
section.list_wrap_01 ul.list_box > li > a > .desc_news .views > .material-icons { font-size: 15px; vertical-align: top; margin-top:1px; }
section.list_wrap_01 ul.list_box > li > a > .desc_news .reporter { font-size:14px;float: right;color:#000;vertical-align: top; margin-top:1px; }

section.list_wrap_01 ul.list_box > li > a > .thumb_logo { position: absolute; left: 0; top: 0; width: 107px; height: 72px; }
section.list_wrap_01 ul.list_box > li > a > .thumb_logo img { width: 100%; }


.news_date_left::after {
	font-family: 'Material Icons';
	content:     "\e314";
	font-size:   22px;
	position:    absolute;
	top: 0;
	left:       0;
	color: #808080;
    border: 1px solid #eaeaea;
}
.news_date_right::after {
	font-family: 'Material Icons';
	content:     "\e315";
	font-size:   22px;
	position:    absolute;
	top: 0;
	right:       0;
	color: #808080;
    border: 1px solid #eaeaea;
}

/************************************
 * 뉴스 뷰, 다시보기 뷰 페이지
 ************************************/
.view_article_wrap_01 {}
.view_article_wrap_01 > .article_header {}
.view_article_wrap_01 > .article_header .article_title { font-size: 25px; color: #181818; /*font-size:28px; font-weight: 700;*/ }

.view_article_wrap_01 > .article_header .article_info { font-size: 16px; color: #7a7a7a; margin-top:5px; }
.view_article_wrap_01 > .article_header .article_info .category { color: #000000; display: inline-block; padding-right: 10px; }
.view_article_wrap_01 > .article_header .article_info .date { display: inline-block; padding-right: 10px; }
.view_article_wrap_01 > .article_header .article_info .reporter { display: inline-block; padding-right: 10px; }

.view_article_wrap_01 > .article_body { margin-top:20px; }

.view_article_wrap_01 > .article_body .article_thumb { width:727px; height:auto; }
.view_article_wrap_01 > .article_body video.article_vod { width:727px; height:auto; }

.view_article_wrap_01 > .article_body .article_content { margin:20px 0; font-size:16px; letter-spacing: -1px; line-height: 1.5; word-break: keep-all; }

.view_article_wrap_01 > .article_footer {  }

/*  */
.view_wrap_01 {}
.view_wrap_01 {}


/************************************
 * 검색페이지 스타일
 ************************************/
div.search_wrap {}
div.search_wrap > .result_wrap {}
div.search_wrap > .result_wrap section#all_result  {}
div.search_wrap > .result_wrap section#news_result,
div.search_wrap > .result_wrap section#bbs_result,
div.search_wrap > .result_wrap section#pgm_result,
div.search_wrap > .result_wrap section#vod_result { margin-bottom: 20px; }
div.search_wrap > .result_wrap section:last-child { margin-bottom: 0; }

div.search_wrap > .result_wrap .result_info { position: relative; font-size:20px; color:#000; border-bottom: 1px solid #eaeaea; margin-bottom: 10px; padding-bottom:10px; }
div.search_wrap > .result_wrap .result_info > .count { color:blue; }

div.search_wrap > .result_wrap .result_list > ul { }
div.search_wrap > .result_wrap .result_list > ul > li { position: relative; margin-bottom:10px; border-bottom: 1px solid #e0e0e0; }
div.search_wrap > .result_wrap .result_list > ul > li:last-child { margin-bottom:0; border-bottom: none; }
div.search_wrap > .result_wrap .result_list > ul > li > a { display:block; position: relative; }

div.search_wrap > .result_wrap .result_list > ul > li > a .news_right { position: relative; display: inline-block; float: left; width:200px; height: 112px; }
div.search_wrap > .result_wrap .result_list > ul > li > a .news_left { position: relative; display: inline-block; float: right; width:515px; height: 112px; }

div.search_wrap > .result_wrap .result_list > ul > li > a .thumb { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
div.search_wrap > .result_wrap .result_list > ul > li > a .subject { font-weight: 400; font-size:17px; color: #000; margin-bottom: 10px; }
div.search_wrap > .result_wrap .result_list > ul > li > a .content { font-weight: 400; font-size: 14px; color: #7f7f7f; }
div.search_wrap > .result_wrap .result_list > ul > li > a .date { position:absolute; bottom:0; font-size: 14px; color: #7f7f7f;  }

div.search_wrap > .result_wrap .result_list > ul > li > a .reference { position: absolute; bottom: 10px; right:0; font-size: 14px; color: #2251de; }
div.search_wrap > .result_wrap .result_list > ul > li > a:hover .reference { text-decoration: underline; }
/*div.search_wrap > .result_wrap .result_list > ul > li > a .writer { position:absolute; bottom:0; font-size: 14px; color:#7f7f7f; }*/


/************************************
 * G1 연혁, 문화재단 연혁
 ************************************/
.strong_color_05 { color:#cc0000; font-weight:bold; }

.history { width: 100%;}
.history th { padding: 6px 5px 0; vertical-align: top}
.history th.year { text-align: left; font-size: 25px; font-weight: 700; color: #000; width: 100px; background: url(/renewal/assets/img/bg_intro_tb.gif) right top repeat-y; }
.history th.date { text-align: left; padding: 2px 0 0 20px; color: #cc0000; width: 70px;font-size: 14px;/*line-height: 18px;*/}
.history td { padding: 2px 5px 5px; font-size: 14px;/*line-height: 18px;*/text-align: left;}



.icon_play { font-size: 30px; color: #fff; position: absolute; bottom: 5px; right:5px; }

.popup_layer_1 p { margin: 0 auto;}
.popup_layer_1 td { color: #4A4A4A; line-height: 1; }


#ban_news_list {width: 268px; position: relative; margin-top: 2px; }
#ban_news_list > div { display: none; }
#ban_news_list > div:first-child{ display: block; }
#ban_news_pager { position:absolute; right:5px; top:0; z-index:2; }
#ban_news_pager li { display:block; width:10px; height:10px; text-indent:-10000px; margin-bottom:3px; background-color: #fff; border-radius: 50%; }
#ban_news_pager li.on { background-color: #ef634e; }




div#tab_menu { padding: 0; }
ul#tab_menu_ul { display: inline-block; width: 100%; margin-bottom: 20px; text-align: center; background: url(/renewal/assets/img/d_tab_bg.gif) left 29px repeat-x; }
ul#tab_menu_ul li { float: left; line-height: 29px; margin-right: 1px; padding: 0 0px 8px 0; text-align: center; }
ul#tab_menu_ul li:nth-child(9) {margin-top: 5px;background: url(/renewal/assets/img/d_tab_bg.gif) left 29px repeat-x; }

ul#tab_menu_ul li a { display: block; line-height: 29px; padding: 0 15px; border: 1px solid #dbddde; border-bottom: 0 none; background: url(/renewal/assets/img/d_tab_default.gif) left top repeat-x; color: #4a4a4a; }
ul#tab_menu_ul li a:hover { display: block; line-height: 28px; }

ul#tab_menu_ul li.current a,
ul#tab_menu_ul li a:hover,
ul#tab_menu_ul li a:focus { line-height: 30px; padding: 0 16px; border: 0 none; color: #fff; }

ul#tab_menu_ul li.current { display: block; line-height: 29px; background: url(/renewal/assets/img/d_tab_active.png) center 28px no-repeat; }
ul#tab_menu_ul li.current a { background: #f87667 none;}
ul#tab_menu_ul li a:hover,
ul#tab_menu_ul li a:focus { background: #f87667 none;}