@charset "utf-8";


/*
GNB (Global Navication bar)
LNB (Local Navigation Bar)
SNB(SIde Navigation Bar)
FNB (Foot Navigation Bar)
 */

.clearfix:after { display: block;clear: both;content: ''; }
.admin_toolbox { position: relative; }
.admin_toolbox:before {
	position: absolute;
	content: '관리페이지로 이동';
	font-size: 15px;
	left: 0;
	top: 0;
	background: red;
	padding: 10px;
	color: white;
	cursor: pointer;
	z-index: 10;
}

a.more { position: relative; float: right; font-size: 13px; line-height: 34px; margin-right:15px; color:#707070; }
a.more:after {
	font-family: 'Material Icons', serif;
	content:     "\e315";
	font-size:   20px;
	position:    absolute;
	right:       -20px;
	top:         0;
	color:       #707070;
}

section.pgm_schedule_wrap {
	padding:          0 5px 10px;
	/*background-color: #fff;*/
}
#pgm_schedule_swiper_box { width:33%; overflow:initial; margin: initial; }
.pgm_schedule_wrap .swiper-slide > a { display: block; width:100%; background-color: #d2d2d2; }
.pgm_schedule_wrap .swiper-slide > a .sch_time_box { display: inline-block; width:80px; background-color:#dedede; padding: 10px 0; padding-left: 10px; line-height: 25px; box-sizing: border-box; height: 70px; }
.pgm_schedule_wrap .swiper-slide > a .sch_title_box { display: inline-block; width:150px; padding: 10px 0; vertical-align: top; box-sizing: border-box; line-height: 17px; padding-left: 10px; height: 70px; }
.pgm_schedule_wrap .swiper-slide > a .sch_time_box > .line_1st { font-size:11px; color: #909090; }
.pgm_schedule_wrap .swiper-slide > a .sch_time_box > .line_2nd { font-size:13px; color: #666666; }
.pgm_schedule_wrap .swiper-slide > a .sch_title_box > .title { font-size: 14px; color:#000; word-break: keep-all; }

.pgm_schedule_wrap .swiper-slide > a.on { background-color: #643ead !important; }
.pgm_schedule_wrap .swiper-slide > a.on .sch_time_box { background-color: #7d4ed8 !important; }
.pgm_schedule_wrap .swiper-slide > a.on .sch_title_box {  }
.pgm_schedule_wrap .swiper-slide > a.on .sch_time_box > .line_1st { font-size:12px; color: #f3f680; }
.pgm_schedule_wrap .swiper-slide > a.on .sch_time_box > .line_2nd { font-size:15px; color: #fff; }
.pgm_schedule_wrap .swiper-slide > a.on .sch_title_box > .title { font-size: 15px; color:#fff; }


.ani_scale img, .ani_scale > .ani_scale_box { transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out }
.ani_scale:hover img, .ani_scale:hover > .ani_scale_box { transform: scale(1.08); }
.ani_scale a:hover { text-decoration: none; }

/*@media screen and (min-width: 800px) {*/
/*@media screen and (min-width: 1200px) {*/
	.contents_body { width: 1200px; /*width: 1214px;*/ margin: 0 auto; }
	.contents_main { width: 1200px; margin: 0 auto; }
	
	.same_height { display: table; }
	.same_height > ul { display: inline-flex; flex-wrap: wrap; }
	.same_height > ul > li { display: table-cell; float: none; }
	
	
	/* (GNB) 레이아웃 > 헤더 메인메뉴 */
	.d_header_wrap { height: 86px; position: absolute; width: 100%; top: 86px; z-index: 9; background-color: transparent; }
	.d_header_wrap.fixed { position: relative; }
	.d_header_wrap.sticky { position: fixed; top: 0; background: #000000c9; }
	.d_header_wrap > .header_box { padding-top: 30px; }
	
	.d_header_wrap > .header_box .box1 { float: left; position: relative; }
	.d_header_wrap > .header_box .box1 > .logo { display: inline-block; vertical-align: top; }
	.d_header_wrap > .header_box .box1 > .logo > img { width: 74px; margin-top: -10px; }
	.d_header_wrap > .header_box .box1 > .gnb_text { display: inline-block; font-size: 20px; font-weight: bold; color: #fff; margin-right: 40px; vertical-align: top; }
	
	.d_header_wrap > .header_box .box2 { float: right; /*margin-right: 15px;*/ }
	.d_header_wrap > .header_box .box2 > .logo { display: inline-block; vertical-align: top; }
	.d_header_wrap > .header_box .box2 > .gnb_text { display: inline-block; font-size: 12px; /*font-weight: bold;*/ color: #fff; margin-left: 28px; vertical-align: top; padding-top: 5px; }
	
	
	.d_news_header_wrap {  }
	.d_news_header_wrap > .header_box { margin-top: 20px; }
	.d_news_header_wrap > .header_box .box1 { float: left; position: relative; }
	.d_news_header_wrap > .header_box .box1 > .gnb_text {
		display: inline-block; font-size: 17px; font-weight: 500; margin-right: 20px; vertical-align: top;
	}
	
	.d_news_header_wrap > .header_box .box2 { float: right; }
	.d_news_header_wrap > .header_box .box2 > .gnb_text {
		display: inline-block; font-size: 15px; margin-left: 20px; vertical-align: top; padding-top: 5px;
	}
	
	.d_news_header_wrap > .header_box .box3 { float: left; position: relative; }
	.d_news_header_wrap > .header_box .box3 > .gnb_text {
		display: inline-block; font-size: 14px; font-weight: 500; margin-right: 20px; vertical-align: top;
	}
	
	.header_box .active { color: #f15c31; }
	
	/* (FNB) 레이아웃 > 푸터 */
	footer .fnb_wrap { height: 50px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }
	footer .fnb_wrap .fnb { /*padding-top: 12px;*/ }
	footer .fnb_wrap .fnb li { float: left; }
	footer .fnb_wrap .fnb li a { display: inline-block; }
	footer .fnb_wrap .fnb li:after { content: '|'; margin: 0 15px; font-size: 9px; color: #c0c0c0; vertical-align: top; }
	footer .fnb_wrap .fnb li:last-child:after { content: ''; }
	footer .fnb_wrap .notice { float: right; width: 200px; }
	footer .fnb_wrap #local_broadcasting {width:170px; float: right; margin-top: 9px; height: 30px;}
	html[data-dark=true] footer .fnb_wrap #local_broadcasting { background-color: black;}
	
	footer .info_wrap { height: 200px; padding-top: 20px; /*border-top: 1px solid #E4E4E4;*/ }
	
	/* 메인 헤더의 전체메뉴 관련 */
	#menu_backdrop { background: black; opacity: 0.7; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; display: none; }
	#menu_wrap { background: #fff; width: 100%; position: absolute; top: 0; right: 0; left: 0; z-index: 101; display: none; }
	
	body.header_block .d_header_wrap { position: relative; top: 0; background: #28497e; }
	body.header_block #menu_wrap { top: 0; }
	
	.sameheight_li { display: table; }
	.sameheight_li > ul.menu { display: inline-flex; flex-wrap: wrap; }
	.sameheight_li > ul.menu > li { display: table-cell; float: none; }
	
	ul.menu { }
	ul.menu > li { float: left; list-style: none; padding-top: 60px; padding-bottom: 60px; width: 290px; font-size: 26px; }
	/*ul.menu > li:nth-child(1), ul.menu > li:nth-child(6), ul.menu > li:nth-child(11), ul.menu > li:nth-child(14) { width: 170px; font-size: 26px; }*/
	/*ul.menu > li:nth-child(2), ul.menu > li:nth-child(7), ul.menu > li:nth-child(12), ul.menu > li:nth-child(15) { width: 300px; }*/
	/*ul.menu > li:nth-child(3), ul.menu > li:nth-child(8), ul.menu > li:nth-child(13), ul.menu > li:nth-child(16) { width: 300px; }*/
	/*ul.menu > li:nth-child(4), ul.menu > li:nth-child(9), ul.menu > li:nth-child(14), ul.menu > li:nth-child(17) { width: 300px; }*/
	/*ul.menu > li:nth-child(5), ul.menu > li:nth-child(10), ul.menu > li:nth-child(15), ul.menu > li:nth-child(18) { width: 130px; }*/
	/*ul.menu > li:nth-child(6), ul.menu > li:nth-child(7), ul.menu > li:nth-child(8), ul.menu > li:nth-child(9), ul.menu > li:nth-child(10) { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }*/
	/*ul.menu > li:nth-child(14), ul.menu > li:nth-child(15), ul.menu > li:nth-child(16), ul.menu > li:nth-child(17), ul.menu > li:nth-child(18) { border-top: 1px solid #e5e5e5; }*/
	
	/* 메인 헤더의 전체메뉴에서 IE 고대비 대응? */
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		.d_header_wrap, #menu_wrap { top: 0; }
	}
	
	.group1 {}
	.group2 { font-size: 20px; font-weight: 700; margin-bottom: 20px; }
	.group2_sub { margin: 0; padding: 0; }
	.group2_sub li { height: 28px; }
	.group2_sub li > a { color: #737373 !important; font-size: 14px; padding-right: 20px; word-break: keep-all; text-overflow: ellipsis; white-space: normal; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
	.group2_sub + .group2, .group2 + .group2 { margin-top: 70px; }
	
	
	/* (LNB) 프로그램의 1차 메뉴 */
	.pgm_menu_wrap { height: 54px; border-bottom: 1px solid #e4e4e4; }
	.pgm_menu_list { float: left; margin-top: 12px; margin-left: -35px; }
	.pgm_menu_list li { float: left; list-style: none; font-size: 18px; font-weight: 400; position: relative; margin-left: 35px; text-decoration: none;}
	.pgm_menu_list li a { color: #666666;text-decoration: none; }
	.pgm_menu_list li.on a { color: #305ba0; }
	.pgm_menu_list li.on:after { content: ''; border-bottom: 2px solid #305ba0; position: absolute; bottom: -15px; width: 100%; }
	
	.pgm_menu_list.pgm_menu_black li.on a { color: #000; font-weight: 500; }
	.pgm_menu_list.pgm_menu_black li.on:after { border-bottom: 2px solid #000; }
	
	
	/* LNB 2차 메뉴 (시청자센터) */
	.lnb_2nd_wrap { margin-bottom: 70px; }
	.lnb_2nd_wrap .lnb_title { text-align: center; font-size: 35px; font-weight: 700; }
	.lnb_2nd_wrap .lnb_2nd_list { margin-top: 50px; }
	.lnb_2nd_wrap .lnb_2nd_list ul { overflow: hidden; border: 1px solid #d6d6d6; width: 100%; margin: 0 auto; }
	.lnb_2nd_wrap .lnb_2nd_list ul li { float: left; background-color: #fff; border-left: 1px solid #d6d6d6; margin-left: -1px; }
	.lnb_2nd_wrap .lnb_2nd_list ul li a { color: #666666; font-size:15px; text-align: center; padding: 13px 0;}
	.lnb_2nd_wrap .lnb_2nd_list ul li.on { background-color: #334a79; }
	.lnb_2nd_wrap .lnb_2nd_list ul li.on a { color: #fff; }
	
	.lnb_2nd_wrap .lnb_2nd_list ul.col2, .lnb_2nd_wrap .lnb_2nd_list ul.col3, .lnb_2nd_wrap .lnb_2nd_list ul.col4, .lnb_2nd_wrap .lnb_2nd_list ul.col5 { width: fit-content; }
	.lnb_2nd_wrap .lnb_2nd_list ul.col2 li, .lnb_2nd_wrap .lnb_2nd_list ul.col3 li, .lnb_2nd_wrap .lnb_2nd_list ul.col4 li, .lnb_2nd_wrap .lnb_2nd_list ul.col5 li { width: auto; }
	.lnb_2nd_wrap .lnb_2nd_list ul.col2 li a,
	.lnb_2nd_wrap .lnb_2nd_list ul.col3 li a,
	.lnb_2nd_wrap .lnb_2nd_list ul.col4 li a,
	.lnb_2nd_wrap .lnb_2nd_list ul.col5 li a { padding: 13px 25px; }
	/*.lnb_2nd_wrap .lnb_2nd_list ul.col3 li { width: calc(100% / 3 + 1px); }*/
	/*.lnb_2nd_wrap .lnb_2nd_list ul.col4 li { width: calc(100% / 4 + 1px); }*/
	/*.lnb_2nd_wrap .lnb_2nd_list ul.col5 li { width: calc(100% / 5 + 1px); }*/
	.lnb_2nd_wrap .lnb_2nd_list ul.col6 li { width: calc(100% / 6 + 1px); }
	.lnb_2nd_wrap .lnb_2nd_list ul.col7 li { width: calc(100% / 7 + 1px); }
	.lnb_2nd_wrap .lnb_2nd_list ul.col8 li { width: calc(100% / 8 + 1px); }
	
	
	/* 아나운서 */
	.lnb_3nd_wrap { margin-bottom: 70px; }
	.lnb_3nd_wrap .lnb_title { text-align: center; font-size: 35px; }
	.lnb_3nd_wrap .lnb_3nd_list { margin-top: 50px; }
	.lnb_3nd_wrap .lnb_3nd_list ul { overflow: hidden; border: 1px solid #d6d6d6; width: 100%; margin: 0 auto; }
	.lnb_3nd_wrap .lnb_3nd_list ul li { float: left; background-color: #fff; border-left: 1px solid #d6d6d6; margin-left: -1px; }
	.lnb_3nd_wrap .lnb_3nd_list ul li a { color: #666666; font-size:22px; text-align: center; margin: 3px 20px 3px 20px;}
	.lnb_3nd_wrap .lnb_3nd_list ul li.on { background-color: #334a79; }
	.lnb_3nd_wrap .lnb_3nd_list ul li.on a { color: #fff; }
	
	.lnb_3nd_wrap .lnb_3nd_list ul.col2, .lnb_3nd_wrap .lnb_3nd_list ul.col3, .lnb_3nd_wrap .lnb_3nd_list ul.col4, .lnb_3nd_wrap .lnb_3nd_list ul.col5 { width: fit-content; }
	.lnb_3nd_wrap .lnb_3nd_list ul.col2 li, .lnb_3nd_wrap .lnb_3nd_list ul.col3 li, .lnb_3nd_wrap .lnb_3nd_list ul.col4 li, .lnb_3nd_wrap .lnb_3nd_list ul.col5 li { width: auto; }
	.lnb_3nd_wrap .lnb_3nd_list ul.col2 li a,
	.lnb_3nd_wrap .lnb_3nd_list ul.col3 li a,
	.lnb_3nd_wrap .lnb_3nd_list ul.col4 li a,
	.lnb_3nd_wrap .lnb_3nd_list ul.col5 li a { padding: 13px 25px; }
	/*.lnb_3nd_wrap .lnb_2nd_list ul.col3 li { width: calc(100% / 3 + 1px); }*/
	/*.lnb_3nd_wrap .lnb_2nd_list ul.col4 li { width: calc(100% / 4 + 1px); }*/
	/*.lnb_3nd_wrap .lnb_2nd_list ul.col5 li { width: calc(100% / 5 + 1px); }*/
	.lnb_3nd_wrap .lnb_2nd_list ul.col6 li { width: calc(100% / 6 + 1px); }
	.lnb_3nd_wrap .lnb_2nd_list ul.col7 li { width: calc(100% / 7 + 1px); }
	.lnb_3nd_wrap .lnb_2nd_list ul.col8 li { width: calc(100% / 8 + 1px); }
	
	
	
	/* 메인화면의 뉴스 VOD 3COL 스킨 */
	.renewal_news_list_3col { overflow: hidden; margin-left: -30px; margin-top: 30px; padding-bottom: 40px; border-bottom: 1px solid #e4e4e4; }
	.renewal_news_list_3col li { float: left; width: 380px; margin-left: 30px; }
	.renewal_news_list_3col li a { }
	.renewal_news_list_3col li a img { height: 214px; }
	
	
	/* 메인 유투브 인기클립, 최신 VOD, 인기 VOD 스킨 */
	.renewal_vod_list_01 { overflow: hidden; /*margin-left: -20px; margin-top: 40px;*/ }
	.renewal_vod_list_01 li { float: left; width: 285px; margin-left: 20px; margin-bottom: 50px; }
	.renewal_vod_list_01 li:nth-child(1), .d_main_wrap .renewal_vod_list_01 li:nth-child(4n + 1) { margin-left: 0; }
	.renewal_vod_list_01 li a { }
	.renewal_vod_list_01 li a img { width: 284px; height: 160px; object-fit: cover; }
	
	/* 메인 유투브 채널 */
	.renewal_youtube_channel { overflow: hidden; }
	.renewal_youtube_channel li { float: left; width: 120px; margin-left: 57px; margin-bottom: 50px; }
	.renewal_youtube_channel li:nth-child(1), .d_main_wrap { margin-left: 0; }
	.renewal_youtube_channel li a { }
	.renewal_youtube_channel li a img { width: 120px; height: 120px; object-fit: cover; }
	
	
	/* 테이블 스타일 1 (민원처리절차) */
	table.renewal_table_style_01 { border-top: 2px solid #000; table-layout: fixed; border-collapse: collapse; }
	table.renewal_table_style_01 th { background-color: #f8f8f8; font-size: 15px; text-align: center; }
	table.renewal_table_style_01 td { background-color: #fff; font-size: 15px; padding: 25px 15px 15px;vertical-align: top; }
	table.renewal_table_style_01 th, table.renewal_table_style_01 td { border-bottom: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; }
	table.renewal_table_style_01 th:first-child, table.renewal_table_style_01 td:first-child { border-left: none; }
	
	
	/* 시청자 센터 운영규정 관련 스타일 */
	.text_fmt_01 { padding-left: 35px; }
	.text_fmt_01 .txt_enactment_date { background-color: #f7f7f7; padding: 10px 20px; color: #7f7f7f; margin-bottom: 20px; width: fit-content; margin-left: -30px; font-size: 15px; }
	.text_fmt_01 .txt_1st { color: #135ba0; font-size: 22px; font-weight: 500; margin-top: 30px; }
	.text_fmt_01 .txt_1st:first-child { margin-top: 0; }
	.text_fmt_01 .txt_1st:before {
		content:      "–";
		font-size:    27px;
		margin-left:  -24px;
		position:     relative;
		color:        #135ba0;
		top:          1px;
		box-sizing:   border-box;
		margin-right: 10px;
	}
	.text_fmt_01 .txt_2nd { color: #666666; font-size: 16px; line-height: 2; -ms-word-break: keep-all;word-break: keep-all; }
	.text_fmt_01 .txt_2nd.black { color:#000; }
	.text_fmt_01 .txt_2nd.indent1 { margin-left: 18px; }
	.text_fmt_01 .txt_3rd { color: #666666; font-size: 16px; line-height: 2; -ms-word-break: keep-all;word-break: keep-all; }
	
	
	/* 시청자 센터에서 사용되는 라운드 박스 */
	.center_box_2col { overflow: hidden; margin-left: -30px; margin-top: calc(30px - 40px); padding-bottom: 40px; }
	.center_box_2col li { float: left; width: 584px; margin-left: 30px; border: 1px solid #d7d7d7; border-radius: 10px; padding: 30px 20px; text-align: center; margin-top: 40px; min-height: 470px; }
	
	.center_box_3col { overflow: hidden; margin-left: -30px; margin-top: calc(30px - 40px); padding-bottom: 40px; }
	.center_box_3col li { float: left; width: 380px; margin-left: 30px; border: 1px solid #d7d7d7; border-radius: 10px; padding: 30px 20px; text-align: center; margin-top: 40px; min-height: 470px; }
	.center_box_3col li img.circle_img { width: 206px; }
	
	.center_box_4col { overflow: hidden; margin-left: -30px; margin-top: calc(30px - 40px); padding-bottom: 40px; }
	.center_box_4col li { float: left; width: 248px; margin-left: 30px; border: 1px solid #d7d7d7; border-radius: 10px; padding: 30px 20px; text-align: center; margin-top: 40px; min-height: 470px; }
	
	.center_ad li { padding: 0; color: #fff; min-height: auto; background-color: #fff; }
	.center_ad li .header { text-align: center; height: 145px; padding-top: 22px; border-radius: 10px 10px 0 0; font-size: 18px; }
	.center_ad li .header .number { font-size:14px; }
	.center_ad li .body { text-align: left; color: #666666; padding: 30px 30px; font-size: 16px; line-height: 30px; }
	
	.center_header1 { font-size: 38px; text-align: center; }
	.center_header1 .accent { color: #135ba0; font-weight: 700; }
	.center_header2 { font-size: 22px; text-align: center; margin-top: 30px; }
	.center_box_wrap { margin-top: 50px; background-color: #f7f8fa; }
	.center_box_wrap .box1 { background-color: #fff; border: 1px solid #e0e0e0; border-radius: 10px; padding: 25px 0; overflow: hidden; }
	.center_box_wrap .box1 .left {
		color:       #2f5a9a;
		font-size:   27px;
		float:       left;
		width:       210px;
		text-align:  center;
		font-weight: 700;
	}
	
	.center_box_wrap .box1 .left:after {
		content:    "";
		position:   relative;
		display:    block;
		width:      1px;
		border-top: 30px solid #d0d0d0;
		margin:     -35px 0 0 195px;
	}
	
	.center_box_wrap .box1.row4 .left:after { border-top: 110px solid #d0d0d0; margin: -125px 0 0 195px; }
	.center_box_wrap .box1 .right { font-size: 18px; float: right; width: calc(100% - 211px); padding-right: 30px; line-height: 2; padding-left:25px; }
	
	
	/* 폼관련 */
	.form_st_01 input[type=text],
	.form_st_01 input[type=password],
	.form_st_01 select { font-size: 18px;border-radius: 0;padding: 0 15px;height: 54px; }
	
	.form_st_01 input[type=text]:focus,
	.form_st_01 input[type=password]:focus { border-color: #325ca1; }
	
	.form_st_01 .btn { width:100%; text-align: center; border-radius: 0; font-size: 22px; line-height: 1; padding: 18px 0; margin: 0 !important; background-color: #fff; color: #000; border: 1px solid #c3c4c6;}
	.form_st_01 .btn:hover { background-color: #e9e9e9; }
	.form_st_01 .btn.small { font-size: 16px; padding: 10px 0; }
	.form_st_01 .btn.color1 { background-color: #305ba0 !important; color: #fff !important; }
	.form_st_01 .btn.color2 { background-color: #c3c4c6; color: #000; border: 1px solid #bcbdbf; }
	.form_st_01 .btn.color3 { background-color: #3d4047!important; color: #fff !important; border: 1px solid #b7b7b7; font-size: 15px; font-weight: 400; padding: 15px 0; }
	.form_st_01 .btn.color4 { background-color: #fff!important; color: #000 !important; border: 1px solid #b7b7b7; font-size: 15px; font-weight: 400; padding: 15px 0; }
	
	.form_st_01 .textarea1 {
		position:         relative;
		width:            568px;
		height:           178px;
		padding:          1px 1px 2px 1px;
		background-color: #fff;
		border: 1px solid #e0e0e0;
	}
	.form_st_01 .textarea1 div {
		height: 138px;
		padding: 20px;
		overflow-y: scroll;
		color: #4c4c54;
		line-height: 1.6;
		letter-spacing: -0.03em;
	}
	
	/* 체크박스 */
	.custom_checkbox { position:relative; }
	.custom_checkbox label { margin:0; position:absolute; left:0; height:30px; padding:0 0 0 30px; background:url(/renewal/assets/img/desktop/checkbox.png) 0 0 no-repeat; }
	.custom_checkbox input[type="checkbox"]:checked + label { background-position:0 -30px; }
	
	
	/* 라디오 박스 */
	.radio {
		margin: 0.5rem;
	}
	.radio input[type=radio] {
		position: absolute;
		opacity:  0;
	}
	.radio input[type=radio] + .radio-label:before {
		content:        "";
		background:     #f4f4f4;
		border-radius:  100%;
		border:         1px solid #b4b4b4;
		display:        inline-block;
		width:          1.4em;
		height:         1.4em;
		position:       relative;
		top:            -0.2em;
		margin-right:   1em;
		vertical-align: top;
		cursor:         pointer;
		text-align:     center;
		transition:     all 250ms ease;
	}
	.radio input[type=radio]:checked + .radio-label:before {
		background-color: #3197EE;
		box-shadow:       inset 0 0 0 4px #f4f4f4;
	}
	.radio input[type=radio]:focus + .radio-label:before {
		outline:      none;
		border-color: #3197EE;
	}
	.radio input[type=radio]:disabled + .radio-label:before {
		box-shadow:   inset 0 0 0 4px #f4f4f4;
		border-color: #b4b4b4;
		background:   #b4b4b4;
	}
	.radio input[type=radio] + .radio-label:empty:before {
		margin-right: 0;
	}
	
	.radio { float: left; }
	.radio input[type=radio] + .radio-label:before { width: 25px; height: 25px; top: 2px; margin-right: 10px; }
	.radio input[type=radio]:checked + .radio-label:before { background-color: #305ba0; }
	[type=checkbox] + label, [type=radio] + label { font-size: 18px; }
	
	
	/* 비밀번호 표시/숨기 */
	input.pwd_showing { padding-right: 40px; }
	input.pwd_showing + .btn_pwd_showing {
		position:  absolute;
		display:   none;
		right:     10px;
		top:       19px;
		font-size: 12px;
		cursor:    pointer;
		color:     grey;
	}
	
	/* 로그인, 회원가입, 아이디,암호찾기, 내정보, 탈퇴 등 */
	.member_wrap { width: 440px; padding-top: 80px; margin: 0 auto 100px;}
	.member_wrap .title { font-size: 32px; margin-bottom: 25px; }
	.member_wrap .title .desc { font-size: 18px; color: #666666; margin-top: 5px; }
	
	.member_wrap ul.col2 { overflow: hidden; }
	.member_wrap ul.col2 li { float: left; overflow: hidden; height: 48px; margin-bottom: 10px; padding: 0 20px 10px; /*border-bottom: 1px solid #ededed;*/ box-sizing: border-box; }
	.member_wrap ul.col2 li:nth-child(1) { width: 160px; }
	.member_wrap ul.col2 li:nth-child(2) { width: 238px; }
	.member_wrap ul.col2 li.txt { font-size: 15px; padding-top: 7px; }
	.member_wrap ul.col2:first-child li { margin-top: 10px; }
	.member_wrap ul.col2:last-child li { border: none; margin-bottom: 0; }
	.member_wrap ul.col2 input[type=text], .member_wrap ul.col2 input[type=password] { height: 38px;}
	.member_wrap .myinfo_wrap { border: 1px solid #ededed; box-sizing: border-box; border-radius: 10px; background-color: #ededed6e; padding: 20px; }
	
	
	/* 뉴스 사이트 */
	.col, .col-1, .col-2 .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-xs-6, .col-xs-3 { padding: 4px; }
	
	.col_body {
		position:           relative;
		overflow:           hidden;
		background-color:   #fff;
		border:             1px solid #eaeaec;
		border-radius:      5px;
		min-height:         310px;
		box-shadow:         2px 2px 0 0 rgba(222, 222, 222, 0.1);
		-webkit-box-shadow: 2px 2px 0 0 rgba(222, 222, 222, 0.1);
		-moz-box-shadow:    2px 2px 0 0 rgba(222, 222, 222, 0.1);
	}
	.col .col_body .bg_img {
		width: 100%;
		height: 165px;
		/*background-size: 650px auto !important;*/
		/*background-position: center center !important;*/
		background-size: 410px auto !important;
		background-position: right top !important;
		background-repeat: no-repeat !important;
	}
	.col-6 .col_body .bg_img {
		width: 100%;
		height: 310px;
		background-size: 840px auto !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
	}
	
	.col .col_body .contents { padding:15px; line-height: 1; height: 140px; position: relative; }
	.col .col_body .contents .title { font-size:20px; font-weight: 600; color:#2a2a2a !important; line-height: 1.3; text-overflow: ellipsis; white-space: normal; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
	.col .col_body .reporter { position: absolute; bottom:15px; left:20px; font-size:14px; color:#2a2a2a;}
	.col .col_body .date { position: absolute; bottom:15px; right:20px; font-size:14px; color:#2a2a2a;}
	
	.col .col_body.full_bg .bg_img { height: 308px; background-size: 710px auto !important; background-position: top center!important;}
	.col .col_body.full_bg .contents { position: absolute; bottom: 15px; left: 0; width: 100%; height: 66px; }
	.col .col_body.full_bg .contents .title { color: #fff; white-space: nowrap; display: block; }
	.col .col_body.full_bg .reporter { color: #fff; }
	.col .col_body.full_bg .date { color: #fff; }
	
	.col .col_body.pgm_vod .contents { position: absolute; top: 210px; width: 100%; height: 60px; padding: 0 15px;}
	.col .col_body.pgm_vod .reporter { top: 180px; left: 15px; bottom: auto; }
	.col .col_body.pgm_vod .date {}
	
	.col .col_body.full_bg .bg_img { height: 280px; background-size: 580px auto !important; background-position: top center!important; background-position-x: 65% !important;}
	.col .col_body.full_bg .contents {position: absolute;bottom: 0;left: 0;width: 100%;height: 75px;}
	.col .col_body.full_bg:before {
		position:   absolute;
		right:      0;
		bottom:     0;
		left:       0;
		height:     90px;
		content:    '';
		background: rgb(0,0,0);
		background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 70%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 70%, rgba(0,0,0,0) 100%);
		background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 70%, rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	}
	
	.col-6 .col_body .contents { position:absolute; padding:15px; bottom:30px; width:100%; line-height: 1; }
	
	.col-6 .col_body:before { position: absolute;
		top:                                     200px;
		right:                                   0;
		bottom:                                  0;
		left:                                    0;
		/* background-color: #000; */
		/* opacity: 0.5; */
		/* background: linear-gradient(180deg, #00000999 0, rgba(0, 0, 0, .99)); */
		background:                              linear-gradient(180deg, #00000000 0, rgb(0 0 0));
		/* -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000030", endColorstr="#000", GradientType=0); */
		content:                                 '';
	}
	.col-6 .col_body .contents .title { font-size:35px; font-weight: 700; line-height: 1.3; color:#fff; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	.col-6 .col_body .reporter { position: absolute; bottom: 15px; left: 20px; font-size: 14px; color: #fff; }
	.col-6 .col_body .date { position: absolute; bottom: 15px; right: 20px; font-size: 14px; color: #fff; }
	
	.col-6 .col_body .vod_bg_img { background-size: 610px auto !important; background-position: top center !important; }
	.col-6 .col_body .vod_contents { padding:0; bottom: 15px; left: 20px; width: 80%; }
	.col-6 .col_body_before2:before { top: 255px;}
	
	.col-6.vod_list  { margin-top: 15px; }
	.col-6.vod_list:nth-child(1), .col-6.vod_list:nth-child(2)  { margin-top:0; }
	.col-6.vod_list .col_body { height: 390px; }
	.col-6.vod_list .col_body:before { display: none; }
	.col-6.vod_list .col_body .vod_bg_img { height: 340px; }
	.col-6.vod_list .col_body .vod_contents {}
	.col-6.vod_list .col_body .contents .title { color: #000; }
	.col-6.vod_list .col_body .date { color: #000; }
	
	.col_body.bg_multiply:hover { background-color: rgb(114 114 114 / 50%) !important; }
	.col_body.bg_multiply:hover .bg_img { background-color: rgb(114 114 114 / 50%) !important; background-blend-mode: multiply; }
	
	.ellipsis_1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	.ellipsis_2 { text-overflow: ellipsis; white-space: normal; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
	.ellipsis_3 { text-overflow: ellipsis; white-space: normal; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
	.ellipsis_4 { text-overflow: ellipsis; white-space: normal; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
	.ellipsis_5 { text-overflow: ellipsis; white-space: normal; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
	
	.news_li_1 > a, .news_li_1 > a:active, .news_li_1 > a:focus, .news_li_1 > a:visited, .news_li_1 > a:hover { color: #2a2a2a; }
/*}*/


#slide_menu { display: none; }