@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

.f_nanumgothic { font-family: "Nanum Gothic", sans-serif !important; }

.f_notosanskr { font-family: "Noto Sans KR", sans-serif !important; }
.f_notosans_thin { font-family: 'Noto Sans Thin', sans-serif !important; }
.f_notosans_light { font-family: 'Noto Sans Light', sans-serif !important; }
.f_notosans_demilight { font-family: 'Noto Sans DemiLight', sans-serif !important; }
.f_notosans_regular { font-family: 'Noto Sans Regular', sans-serif !important; }
.f_notosans_medium { font-family: 'Noto Sans Medium', sans-serif !important; }
.f_notosans_bold { font-family: 'Noto Sans Bold', sans-serif !important; }
.f_notosans_black { font-family: 'Noto Sans Black', sans-serif !important; }

/*
Android 	font-family : 'Roboto', 'Droid Sans', 'Malgun Gothic', 'Helvetica',
iOS 		'Apple-Gothic', '애플고딕',
Windows 	'Tahoma', 'dotum', '돋움', 'gulim', '굴림', 'sans-serif';
*/

/* sbNote Reset */
html, body { font-size: 14px; line-height: 1.2; }

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body,
center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div,
dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6,
header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, menu,
object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong,
sub, sup, table, tbody, tfoot, thead, th, tr, td, video, tt, u, ul, var {
	margin:                   0;
	padding:                  0;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust:    none;
	-ms-text-size-adjust:     none;
	
	font-family:              'Noto Sans KR', sans-serif;
	-webkit-font-smoothing:   antialiased; /* chrome에서 폰트가 두꺼워지는것을 방지하기 위해서 */
	letter-spacing:           -1px;
}

div, section, article, ul, li { box-sizing: border-box; margin:0; }
ul, ol, li { list-style: none; }
ol {list-style: decimal;}
a { text-decoration: none; }
li > a { display: block; }
h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea, sub { font-size: 1em; text-align: left; font-weight: normal;}
address, caption, cite, code, dfn, var { font-style: normal; font-weight: normal; }
img, fieldset, iframe { border: 0; }
textarea { overflow: auto; }
img, input, button, select, textarea { vertical-align: middle; }
option { padding-right: 6px; }
legend, hr, caption { display: none; font-size: 0; width: 0; height: 0; line-height: 0; }
table, div { border-collapse: collapse; border-spacing: 0; }
table { padding: 0; border-spacing: 0; border: 0; border-collapse: collapse; width: 100%; }
table td { text-align: left; line-height: 18px; color: #666666; }
div, dl, dt, dd, ul, li { display: block; }

/* html5 */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary { display: block; }

/************************************
 * 커스텀 일반 스타일
 ************************************/
.clear_after:after { display: block;clear: both;content: ''; }

.clear-fix:before, .clear-fix:after { content: "."; display: block; height: 0; overflow: hidden; }
.clear-fix:after { clear: both; }
.goto_manager { position: relative; }
.goto_manager:before {
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid red;
    z-index: 99;
    position: absolute;
}
.goto_manager:after {
    content: '관리자로 이동';
    font-size: 12px;
    background-color: #fd0404;
    color: #fff;
    top: -31px;
    left: 0;
    height: 30px;
    position: absolute;
    padding: 5px;
    line-height: 20px;
    cursor: pointer;
}

.skip { overflow: hidden; width: 100%; z-index: 9999; height: 0; font-size: 0; line-height: 0; }

li.dot { padding-left: 12px; background: url(/renewal/assets/img/list_dot.gif) 2px 9px no-repeat; }
p.dot, div.dot, span.dot { padding-left: 12px; background: url(/renewal/assets/img/list_dot.gif) 2px 9px no-repeat; }

.date.is_new:before,
.date.is_outdated:before,
.picon,
.icon_photo,
.count_cmt:before,
.ranking_section .count_cmt:before,
.count_view:before,
.r_ico,
.r_vod_big,
.r_vod_large,
.r_vod_medium,
.r_vod_small,
.r_vod_xsmall,
.r_vod_txt,
.r_tts_big,
.r_tts_medium,
.r_tts_small,
.r_pho_big,
.r_pho_medium,
.r_pho_large,
.r_pho_small,
.r_pho_xsmall,
.r_listen_small,
.r_talk, #gnb_wrap .h_logo,
.header.is_fixed #gnb_wrap .h_logo, #gnb_wrap .h_news,
.header.is_fixed #gnb_wrap .h_news,
.btn_search_lnb .tx,
.paging .pre:before,
.paging .next:after,
.floating_btn .floating_btn_back,
.floating_btn .floating_btn_top,
.main_component .btn_move .move,
.main_component .btn_move a.up,
.main_component .btn_move a.up_off,
.main_component .btn_move a.down,
.main_component .btn_move a.down_off,
.ht_tabmnu .ht_ico,
.selected .ht_ico,
.ht_btn_ico,
.ht_status_live .ht_status_ico,
.ht_status_schedule .ht_status_ico,
.ht_nodata_all:before,
.ht_btn_prev .ht_ico,
.ht_btn_next .ht_ico,
.hdline_title_icon_beta,
.cluster_more_icon_num:before,
.cluster_more_icon_num:after,
.flick_btn_prev:before,
.flick_btn_next:before,
.hdline_article_list .cluster_more_icon_num:before,
.hdline_article_list .cluster_more_icon_num:after,
.section_list_ranking li .rank.num1,
.section_list_ranking li .rank.num2,
.section_list_ranking li .rank.num3,
.section_list_ranking li .rank.num4,
.section_list_ranking li .rank.num5,
.section_list_ranking li .rank.num6,
.section_list_ranking li .rank.num7,
.section_list_ranking li .rank.num8,
.section_list_ranking li .rank.num9,
.section_list_ranking li .rank.num10,
.section_list_ranking_reply .rank.num1,
.section_list_ranking_reply .rank.num2,
.section_list_ranking_reply .rank.num3,
.section_list_ranking_reply .rank.num4,
.section_list_ranking_reply .rank.num5,
.section_list_ranking_reply .rank.num6,
.section_list_ranking_reply .rank.num7,
.section_list_ranking_reply .rank.num8,
.section_list_ranking_reply .rank.num9,
.section_list_ranking_reply .rank.num10,
.section_info_icon,
.section_info_layer_close > span,
.refresh_link:after,
.newstopic_list li .rank.num1,
.newstopic_list li .rank.num2,
.newstopic_list li .rank.num3,
.newstopic_list li .rank.num4,
.newstopic_list li .rank.num5,
.newstopic_list li .rank.num6,
.newstopic_list li .rank.num7,
.newstopic_list li .rank.num8,
.newstopic_list li .rank.num9,
.newstopic_list li .rank.num10,
.newstopic_ico_new i,
.newstopic_time:before,
.newstopic_help:after,
.list_ico_cmt:before,
.list_ico_up,
.list_ico_new,
.eng_dictionary_link:after,
.ico_link_arrow,
.as_finance_more .more_link2:after,
.finance_search_btn:before,
.as_finance_search_top dt:after,
.section .num.up i,
.section .num.dn i,
.photo_slide .btn_lft,
.photo_slide span.btn_lft,
.photo_slide .btn_rgt,
.photo_slide span.btn_rgt,
.calendar_date a.pre,
.calendar_date a.next,
.calendar_date a.pre_off,
.calendar_date a.next_off,
.calendar_date a.now,
.calendar_date a.week,
.calendar_date .cal_area a.cal,
.calendar .choose .prev,
.calendar .choose .prev:hover,
.calendar .choose .prev.dimmed,
.calendar .choose .next,
.calendar .choose .next:hover,
.calendar .choose .next.dimmed,
.skin01 .selectbox .box .button,
.skin01 .selectbox.sb-expanded .box .button,
.calendar_date2 .lnk_cal,
.calendar_date2 .lnk_time,
.calendar_date2 a.prev,
.calendar_date2 a.next,
.calendar_date2 span.prev,
.calendar_date2 span.next,
.calendar_date2 .lnk_today,
.more_link:after {
    background-image: url(/renewal/assets/img/sp_news2.png);
    background-size: 697px 674px;
    background-repeat: no-repeat;
}

.more_link {position: absolute;top: 27px;right: 0;overflow: hidden;font-size: 12px;color: #888;letter-spacing: -1px}
.more_link:after {width: 4px;height: 11px;background-position: -657px -115px;display: inline-block;vertical-align: middle;margin: -1px 0 0 4px;content: ''}

/************************************
 * 백그라운드 이미지용 스타일
 ************************************/
.background_image_16_9 {
	overflow:            hidden;
	position:            relative;
	width:               100%;
	height:              0;
	margin:              0 auto;
	padding-bottom:      56%;
	background-size:     cover !important;
	background-position: center !important;
	background-repeat:   no-repeat !important;
}

.background_image_4_3 {
	overflow:            hidden;
	position:            relative;
	width:               100%;
	height:              0;
	margin:              0 auto;
	padding-bottom:      75%;
	background-size:     cover !important;
	background-position: center !important;
	background-repeat:   no-repeat !important;
}

.background_image_1_1 {
	overflow:            hidden;
	position:            relative;
	width:               100%;
	height:              0;
	margin:              0 auto;
	padding-bottom:      100%;
	background-size:     cover !important;
	background-position: center !important;
	background-repeat:   no-repeat !important;
}

.background_image_3_2 {
	overflow:            hidden;
	position:            relative;
	width:               100%;
	height:              0;
	margin:              0 auto;
	padding-bottom:      67%;
	background-size:     cover !important;
	background-position: center !important;
	background-repeat:   no-repeat !important;
}

/************************************
 * 페이징
 ************************************/
.news_area .paging,
.cont_area .paging,
.comment_area .paging {margin: 0;padding: 0;}
.paging {margin-bottom: 10px;padding: 12px 18px;background: #fff;text-align: center;}
.paging div {display: inline-block;height: 32px;vertical-align: top; margin: 0 1px;}

.paging .page_ctrl div {background-color: #fff;background-position: 50% 50%;background-repeat: no-repeat;}
.paging .page_ctrl a {display: inline-block;overflow: hidden;width: 30px;height: 30px;border: 1px solid #b4b4b4;font-size: 0;line-height: 0;text-shadow: none;color: transparent;cursor: pointer;}
.paging .page_prev {margin-right: 2px;}
.paging .page_next {margin-left: 2px;}
.paging .page_prev .prev {background-image: url(/admin/bbs/skin/re_bbsBasic/image/paging_prev.jpg)}
.paging .page_next .next {background-image: url(/admin/bbs/skin/re_bbsBasic/image/paging_next.jpg)}
.paging .page_prev .first {background-image: url(/admin/bbs/skin/re_bbsBasic/image/paging_first.jpg)}
.paging .page_next .last {background-image: url(/admin/bbs/skin/re_bbsBasic/image/paging_last.jpg)}

.paging .pages li {display: inline-block;width: 32px;height: 32px;padding: 0 2px;text-align: center;vertical-align: top;}
.paging .pages li.eq1 {margin: 0;}
.paging .pages li a, .paging .pages strong {display: block;height: 30px;line-height: 30px;vertical-align: top;}
.paging .pages li a {border: 1px solid #b4b4b4;color: #383838;background: #fff;}
.paging .pages strong {border: 1px solid #e43311;background: #e43311 url(/admin/bbs/skin/re_bbsBasic/image/paging_current.gif) 50% 25px no-repeat;color: #fff;}

.paging .current_pages {display: none;}

/************************************
  * 게시판 뷰페이지 이전 게시물, 다음 게시물
  ************************************/
.view_extra_wrap {border-bottom:2px solid #43434a;color:#3f3f3f;}
.view_extra_wrap li{display:block;position:relative;padding-left:112px;border-top:1px solid #d5d5d5;background-position:10px 50%;background-repeat:no-repeat;}
.view_extra_wrap em,
.view_extra_wrap span {display:block;height:40px;padding:10px 0}
.view_extra_wrap em{position:absolute;top:0;left:45px;width:54px; font-style:normal; background:url(/admin/bbs/skin/re_bbsBasic/image/board_view_ctrl_vbar.png) 100% 54% no-repeat;}
.view_extra_wrap span{padding-right:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.view_extra_wrap .prev{background-image:url(/admin/bbs/skin/re_bbsBasic/image/bbs_view_prev.png)}
.view_extra_wrap .next{background-image:url(/admin/bbs/skin/re_bbsBasic/image/bbs_view_next.png)}
.view_extra_wrap .date{position:absolute;top:10px;right:5px;padding:0 5px 0 0;}

/************************************
 * 게시판 목록, 쓰기 등등의 버튼
 ************************************/
.bbs_btn_wrap { font-size: 14px; overflow: hidden; }
.bbs_btn_wrap .bbs_button {
	display:         inline-block;
	position:        relative;
	overflow:        hidden;
	height:          40px;
	line-height:     28px;
	padding:         5px 15px 7px 40px;
	border:          1px solid #d5d5d5;
	border-radius:   2px;
	margin:          0;
	background:      url(/admin/bbs/skin/re_bbsBasic/image/bbs_button.jpg) no-repeat;
	color:           #050505;
	text-decoration: none;
	white-space:     nowrap;
	cursor:          pointer;
	float:           right;
}
.bbs_btn_wrap .bbs_button.btn_write { background-position: 0 -40px; }
.bbs_btn_wrap .bbs_button.btn_list {background-position: 0 0}
.bbs_btn_wrap .bbs_button.btn_write {background-position: 0 -40px}
.bbs_btn_wrap .bbs_button.btn_cancle {background-position: 0 -120px}
.bbs_btn_wrap .bbs_button.btn_delete {background-position: 0 -160px}
.bbs_btn_wrap .bbs_button.btn_modify {background-position: 0 -200px}
.bbs_btn_wrap .bbs_button.btn_hope {background-position: 0 -240px;}


/************************************
 * Bootstrap 커스터마이징
 ************************************/
.form-control { border-radius: 0 !important; }
.btn { border-radius: 0 !important; }
.custom-select {  }
.row { /*margin: 0;*/ }
.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before { background-color: rgba(0,123,255,.5) }

.form-control-lg { font-size: 15px; /*line-height: 17px;*/ }
.col-form-label-lg { font-size: 14px; line-height: 1.6; }
.btn-lg { font-size:15px; }