@charset "UTF-8";

@font-face {
    font-family: "Noto Sans KR";
    src: url(https://www.businesspost.co.kr/fonts/NotoSansKR-Black.eot);
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: "Noto Sans KR";
    src: url(https://www.businesspost.co.kr/fonts/NotoSansKR-Bold.eot);
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Noto Sans KR";
    src: url(https://www.businesspost.co.kr/fonts/NotoSansKR-Medium.eot);
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Noto Sans KR";
    src: url(https://www.businesspost.co.kr/fonts/NotoSansKR-Regular.eot);
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Noto Sans KR";
    src: url(https://www.businesspost.co.kr/fonts/NotoSansKR-Light.eot);
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Noto Sans KR";
    src: url(https://www.businesspost.co.kr/fonts/NotoSansKR-Thin.eot);
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: Roboto;
    src: url(https://www.businesspost.co.kr/fonts/Roboto-Thin.eot);
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: Roboto;
    src: url(https://www.businesspost.co.kr/fonts/Roboto-Light.eot);
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: Roboto;
    src: url(https://www.businesspost.co.kr/fonts/Roboto-Regular.eot);
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Roboto;
    src: url(https://www.businesspost.co.kr/fonts/Roboto-Medium.eot);
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: Roboto;
    src: url(https://www.businesspost.co.kr/fonts/Roboto-Bold.eot);
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: Roboto;
    src: url(https://www.businesspost.co.kr/fonts/Roboto-Black.eot);
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: "Nanum Myeongjo";
    src: url(https://www.businesspost.co.kr/fonts/nanum-myeongjo-v15-korean-800.eot);
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: "Nanum Myeongjo";
    src: url(https://www.businesspost.co.kr/fonts/nanum-myeongjo-v15-korean-700.eot);
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Nanum Myeongjo";
    src: url(https://www.hankookilbo.com/fonts/nanum-myeongjo-v15-korean-regular.eot);
    font-weight: 400;
    font-style: normal;
}

* {margin:0px; padding:0px;}
html, body {position:relative; width:100%; height:100%; margin:0; padding:0;  font-size:12px;}

html {overflow-y:scroll;}
body {
text-align:center;
font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, Helvetica, Arial, sans-serif;
 }

body, button, dl, dt, dd, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, ul, ol, li, p, select, table, td, th, textarea {margin:0; padding:0;}

address,caption,cite,code,dfn,em,th {font-style:normal; font-weight:normal;}

a:link,a:visited,a:active {text-decoration:none; font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, Helvetica, Arial, sans-serif; vertical-align:middle;}
a:hover {color:#ff8000;}

.hide,legend,caption {position:absolute !important;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}

span {display:inline-block; vertical-align:middle;}
body, button, input, select, table, textarea {font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, Helvetica, Arial, sans-serif;}
img {border:none; vertical-align:top;}

a {display:inline-block;}
textarea {font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, Helvetica, Arial, sans-serif;}

.png24 {tmp:expression(setPng24(this));}
.ir {overflow: hidden;vertical-align: top; line-height: 9999px;}

/* 제목요소 */
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;} 

/* 테두리 없애기 */
fieldset, img, abbr, acronym {border:0 none;}

/* 목록 */
div,ol,ul,li,dl,dt,dd,p,span,em {list-style:none;}
ul,ol,li,em {list-style-image:none; list-style-position:outside; list-style-type:none; vertical-align:middle;}

/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table {border-collapse:separate; border-spacing:0; border:0 none; border-collapse:collapse; vertical-align:top;}

caption, th, td {text-align:left; font-weight:normal;}

/* 텍스트 관련 요소 초기화 */
address, caption, em, cite {font-weight:normal;	font-style:normal;}
ins {text-decoration:none;}
del {text-decoration:line-through;}

/* 인용문 */
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote,q {quotes:"" "";}

/* 수평선*/
hr {clear:both; display:none;}

/* fieldset */
legend {*width:0;}
.blind, legend, caption {position:absolute; overflow:hidden; clip:rect(0 0 0 0); margin:-1px; width:1px; height:1px}

/* form */
iframe {overflow:hidden; margin:0; padding:0; border:0;}

/* button, reset, submit 라인없애기 */
button, input {border-radius:0;}
button, input, input[type="button"], input[type="reset"], input[type="submit"] {border:none; cursor:pointer;}
input {-webkit-appearance:textfield; cursor:text; -webkit-rtl-ordering:logical;}
input[type="button"], input[type="reset"], input[type="submit"] {outline:none;}

.skip {position:relative;}
.skip a {position:absolute; top:-30px; left:0; width:110px; height:30px; font-weight:bold; color:#fff; text-align:center; line-height:30px; background:#0059bd;}

[class*="col_"] {display:inline-block; padding:2px 5px; color:#fff; font-size:12px;text-align:center; line-height:1.3; vertical-align:middle;}
.col_pink {background:#f53f59;}
.col_blue {background:#4683c5;}

/* margin top */
.mt3 {margin-top:3px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:40px !important;}

/* margin left */
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}

/* margin right */
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}

/* margin bottom */
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}

/* padding top */
.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}

/* padding left */
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}

/* padding right */
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}

/* padding bottom */
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}

/* bar_progress */
.bar_progressCont {display:none; position:fixed; top:60px; left:0; width:100%; min-width:1263px; height:3px; z-index:900;}
.bar_progressCont:after {content:" "; display:block; clear:both; font-size:0; line-height:0; height:0;}
.bar_progressCont .bar_progress {width:0%;  max-width:100%; height:100%;  font-size:0; line-height:0; color:transparent; background-color:#ed1d25; -webkit-transition: width .4s ease-out; -o-transition: width .4s ease-out; transition: width .4s ease-out; transform: rotateZ(0deg); /*-webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease;*/ z-index:99;}


/* main layout gnb */
.main_page body {background:#fff;}
.main_page #container {text-align:left;}

.container {position:relative; width:1100px; margin:0 auto; padding:40px 0 100px 0; text-align:left;}
#container, .content {position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:0px solid red;}
.content {padding:30px 0 0 0; }


/* 컨텐츠부분 */
[class*="cm_cont"] {position:relative; width:1140px; margin:0 auto; text-align:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
[class*="cm_cont"]:after {content:" "; display:block; clear:both; font-size:0; line-height:0; height:0;}
[class*="cm_cont"] .cl_cont, [class*="cm_cont"] .cr_cont {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
[class*="cm_cont"] .cl_cont {float:left; width:760px;}
[class*="cm_cont"] .cr_cont {float:right; width:350px; position:relative;}


.section {position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.section:after {content:" "; display:block; clear:both; font-size:0; line-height:0; height:0;}


.section .news_item.fst_news {margin:0; padding:0 0 20px 0; border-top:0;}
.section .news_item.scr_news {margin:0; padding:10px 0 10px 0; border-top:0px solid #ebebeb; border-bottom:0px solid #ebebeb;}

.scro_b {width:100%; height:349px; border-bottom:1px solid #ebebeb; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.scro_b .inner {padding:0 0 26px 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.scro_b.scro_hi347 {height:347px; margin:10px 0 0 0; }
@media screen and (-webkit-min-device-pixel-ratio:0) { /* 크롬핵 */
	.scro_b.scro_hi347 {height:306px;}
}

@-moz-document url-prefix(){ /* 모질라전용핵 */
	.scro_b.scro_hi347 {height:309px;}
}
.scro_b.scro_hi412 {height:405px;}
.scro_b .js_scroll {overflow:auto; position:relative; width:100%; height:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.scro_b .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:5px; background-color:#999; background-color:rgba(124,124,124,0.7);}
.scro_b .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#999; background-color:rgba(124,124,124,0.7);}
.scro_b .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.scro_b .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#999; background-color:rgba(124,124,124,0.7);}




/* =========================================================================================================== 메인 박스 ========================================================================================================== */
/* ================================== 1번 TOP ================================================ */
/* 왼쪽 */
.cm_cont01 {padding:0;}
.cm_cont01:before {content:''; display:block; position:absolute; top:0; left:560px;  height:100%; background:#fff; z-index:2; }
.cm_cont01 .cl_cont .section {margin:20px 0 0 0; padding:0 40px 0 0;}
.le_lstpho, .le_lstpho a, .le_lstpho a .thumb, .le_lstpho a .txt {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.le_lstpho {margin:0px 0 10px 0; padding:0px 0 15px 0; border-top:0px solid #2a2a2d; border-bottom:0px solid #ebebeb;}
.le_lstpho a, .le_lstpho a .thumb, .le_lstpho a .txt {display:block; width:100%; vertical-align:top;}
.le_lstpho .thumb {position:relative; overflow:hidden; width:560px; height:339px; margin:0px 0 0 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#fff;}
.le_lstpho .thumb:before {overflow:hidden; content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid rgba(0,0,0,0.08); z-index:2;}
.le_lstpho .thumb img {width:100%; height:auto; }	/* top 이미지 */
.le_lstpho .txt {font-family:Noto Sans KR; text-align:center; overflow:hidden; margin:15px 0 0 0; color:#000; font-size:32px; text-overflow:ellipsis;  letter-spacing:-2.5px; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}	/* top 제목 */
.le_lstpho a:hover .txt  {text-decoration:none; color:#ff8000;}

/* 오른쪽 */
/* 채널후 title */
.quick_news {overflow:hidden; position:relative; height:30px; margin:0 0 0px 0; padding:0px 0 0 0; border-bottom:1px solid #ff8000; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.quick_news h2 a { color:#000; font-size:16px; font-weight:600; font-family:'nanumSquareb';  letter-spacing:-0.5px; }
.quick_news h2 a:hover {text-decoration:none; color:#ff8000;}
/*  채널후 */
.news_list2 {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.news_list2.bx_line {padding:10px 0 10px 0; border-bottom:1px solid #eee;}
.news_list2:after {content:" "; display:block; clear:both; font-size:0; line-height:0; height:0;}
.news_list2 a:hover, .news_list2 a:hover .txt {color:#ff8000;}
.news_list2 .u_list {float:left; width:350px; padding:15px 0 0 0;}
.news_list2 .u_list li, .news_list2 .u_list li > a {width:100%;}
.news_list2 .u_list li {padding:5px 0;}
.news_list2 .u_list li:first-child a {display:block; padding:0px 0 0 0; font-size:14px; color:#000; font-weight:normal; line-height:21px; letter-spacing:-0.5px;  vertical-align:top; }		/* 기사 글자 */
.news_list2 .u_list li a:hover { color:#ff8000; }
.news_list2 .thumb {position:relative; overflow:hidden; float:right; display:block; width:110px; padding:10px 0 0 10;}
.news_list2 .thumb img { width:100%; width:110px; } 

/* ================================== 2번 중요기사 & 프로파일 ================================================ */
.cm_cont02 {overflow:hidden; margin-bottom:50px;} 
.cm_cont02:before {content:''; display:block; position:absolute; top:7px; left:760px; width:1px; height:100%; background:#dedede; z-index:2;}	/* 세로선 */
.cm_cont02 .cl_cont .section {padding:0 40px 0 0; border:1px solid #000; }
.cm_cont02 .cl_cont .section .top_tit {color:#000; font-size:18px; font-weight:600; font-style:italic;}

.cm_cont02 .news_article { margin:15px 0 10px 0; padding:0 0 30px 0; border-bottom:2px solid #343638; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.cm_cont02 .news_article .thumb, .cm_cont03 .news_article .t_area a, .cm_cont03 .news_article .t_area .txt {display:block; vertical-align:top; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.cm_cont02 .news_article .thumb {position:relative; overflow:hidden; width:100%; height:370px;}
.cm_cont02 .news_article .thumb:before {overflow:hidden; content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid rgba(0,0,0,0.08); z-index:2;}
.cm_cont02 .news_article .thumb img{height:100%;}

/* 중요기사 썸네일형 */
.news_item1 {margin:0px 0 0 0; padding:5px 0 5px 0; border-top:0px solid #ebebeb; border-bottom:0px solid #ebebeb; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.news_item1:after {content:" "; display:block; clear:both; font-size:0; line-height:0; height:0;}
.news_item1 a:hover {text-decoration:none; color:#ff8000;}

.news_item1 dt {margin:0 0 10px 0;}
.news_item1 dt a {overflow:hidden; max-width:100%; display:block; color:#000; font-size:20px; line-height:26px; font-weight:600; vertical-align:top; letter-spacing:-2.0px; text-overflow:ellipsis; white-space:nowrap;}
.news_item1 dd.thumb {position:relative; overflow:hidden; float:left; width:180px; height:90px; margin:0 15px 0 0; border: 1px solid rgba(0,0,0,.03); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.news_item1 dd.thumb img {width:100%; height:100%; }
.news_item1 dd.thumb a {display:block; width:100%; height:100%; vertical-align:top;}

.news_item1 dd.desc {overflow:hidden;}
.news_item1 dd.desc strong {display:block; padding:0px 0 0 0; font-size:14px; color:#888; font-weight:normal; line-height:19px; letter-spacing:-0.5px;  vertical-align:top;}
.news_item1 dd.desc strong a {font-size:14px; color:#888;  margin:0 0 15px 0;}
.news_item1 dd.desc strong a:hover  {text-decoration:none; color:#ff8000;}

.news_item1 ds.desc {overflow:hidden;}
.news_item1 ds.desc strong {display:block; padding:0px 0 0 0; font-size:16px; color:#000; font-weight:bold; line-height:12px; letter-spacing:-0.5px;  vertical-align:top;}
.news_item1 ds.desc strong a {font-size:16px; color:#000;  margin:0 0 15px 0;}
.news_item1 ds.desc strong a:hover  {text-decoration:none; color:#ff8000;} 

.news_item1 .label_txt {height:21px; padding:0 6px; font-size:14px; line-height:21px; letter-spacing:-1px; font-weight:normal; font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, Helvetica, Arial, sans-serif;}
.news_item1 .label_txt.txt_blue {color:#1e88e5; border:1px solid #4683c5; margin-top:-5px; margin-right:5px; }
.news_item1 .label_txt.txt_red {color:#f54a3d; border:1px solid #f54a3d; margin-top:-6px; margin-right:5px; }
.news_item1 .label_tit {display:inline-block; margin:-3px 3px 0 0; padding:0 5px; color:#fff; letter-spacing:-1px; font-size:12px; text-align:center; line-height:19px; font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, Helvetica, Arial, sans-serif;}
.news_item1 .label_tit.txt_blue {background:#000; }
.news_item1 .label_tit.txt_red {background:#000;}
.news_item1 dd.desc .related_new {overflow:hidden; margin:-7px 0 0 0; padding:0;}
.news_item1 dd.desc .related_new li:fist-child {padding:0 0 0 11px;}
/* 중요기사 타이틀형 */
.news_item2 {margin:0px 0 0 0; padding:0px 0 0px 0; border-top:0px solid #ebebeb; border-bottom:0px solid #ebebeb; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.news_item2:after {content:" "; display:block; clear:both; font-size:0; line-height:0; height:0;}
.news_item2 a:hover {text-decoration:none; color:#ff8000;}
.news_item2 dt {margin:0 0 0px 0;}
.news_item2 dt a {overflow: hidden; max-width:100%; display:block; color:#000; font-size:19px; line-height:24px; font-weight:600; vertical-align:top; letter-spacing:-1.5px; text-overflow:ellipsis; white-space:nowrap;}
.news_item2 dd.thumb {overflow:hidden; float:left; width:160px; height:100px; margin:0 15px 0 0;}
.news_item2 dd.thumb a {display:block; width:100%; height:100%; vertical-align:top;}
.news_item2 dd.desc {overflow:hidden;}
.news_item2 dd.desc strong {display:block; padding:0px 0 0 0; font-size:14px; color:#888; font-weight:normal; line-height:19px; letter-spacing:-0.5px;  vertical-align:top;}
.news_item2 dd.desc .interval {margin:0 0 0px 0;}
.news_item2 dd.desc .label_txt {overflow:hidden; max-width:100%; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.news_item2 .label_txt {height:21px; padding:0 6px; font-size:14px; line-height:21px; letter-spacing:-1px; font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, Helvetica, Arial, sans-serif;}
.news_item2 .label_txt.txt_blue {color:#1e88e5; font-weight:normal; border:1px solid #4683c5; margin-top:-5px; margin-right:5px; }
.news_item2 .label_txt.txt_red {color:#f54a3d; font-weight:normal; border:1px solid #f54a3d; margin-top:-5px; margin-right:5px; }
.news_item2 .label_tit {display:inline-block; margin:-6px 3px 0 0; padding:0 5px; color:#fff; letter-spacing:-1px; font-size:12px; text-align:center; line-height:19px; font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, Helvetica, Arial, sans-serif;}
.news_item2 .label_tit.txt_blue {background:#000; }
.news_item2 .label_tit.txt_red {background:#000;}




.news_list {padding:0px 0 0 0;}
.news_list a:hover {text-decoration:none; color:#ff8000;}
.news_list > li {padding-bottom:20px; border:0px solid #000;}
.news_list h2 {overflow:hidden; display:block; vertical-align:top; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-2px;}
.news_list h2 a {color:#000; font-size:19px; font-family:'nanumSquareb'; font-weight:500;}
.news_list .label_txt {display:inline-block; margin:-3px 3px 0 0; padding:0 5px; color:#fff; font-size:12px; text-align:center; line-height:22px; font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, Helvetica, Arial, sans-serif;}
.news_list > li .news_item dt .txt_blue {background:none;}
/* 뉴 Who is */
.cm_cont02 .e_pholst {width:100%;}
.cm_cont02 .e_pholst li {display:table; width:100%; padding:16px 0 10px 0; table-layout:fixed;}
.cm_cont02 .e_pholst li p {display:table-cell;}
.cm_cont02 .e_pholst li .thumb {width:120px; padding:0 20px 0 0; vertical-align:top;}
.cm_cont02 .e_pholst li .thumb img {width:100%; height:auto;}
.cm_cont02 .e_pholst li .thumb a {overflow:hidden; display:block; width:120px; text-align:center; vertical-align:top; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#000;}
.cm_cont02 .e_pholst li .t_area {vertical-align:middle;}
.cm_cont02 .e_pholst li .t_area a {overflow:hidden; width:100%; color:#000; font-family:'nanumSquareb'; font-weight:600; font-size:14px; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-2px;}
.cm_cont02 .e_pholst li .t_area a:hover {text-decoration:none; color:#ff8000;}

.cm_cont02 dd.desc strong {display:block; padding:0px 0 0 0; font-size:14px; color:#888; font-weight:normal; line-height:19px; letter-spacing:-0.5px;  vertical-align:top;}
.news_item1 dd.desc strong a {font-size:14px; color:#888;  margin:0 0 15px 0;}
.news_item1 dd.desc strong a:hover  {text-decoration:none; color:#ff8000;}

.cm_cont02 .e_pholst li .t_area span {display:block; padding:7px 0 0 0; color:#888; font-size:14px; line-height:17px; vertical-align:top; letter-spacing:-1px;}
.cm_cont02 .e_pholst li .t_area span a { overflow:hidden; width:100%; color:#000; font-family:'nanumSquareb'; font-weight:600; font-size:14px; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-2px;}
.cm_cont02 .e_pholst li .t_area span a:hover { text-decoration:none; color:#ff8000; }
 
.cm_cont02 .e_pholst li .t_area .label_txt {height:21px; padding:0 6px; font-weight:normal; color:#fff; font-size:12px; line-height:21px; letter-spacing:-1px; font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, Helvetica, Arial, sans-serif;}
.cm_cont02 .e_pholst li .t_area .label_txt.txt_blue {background:#000; margin-top:-3px; margin-right:5px; }
.cm_cont02 .e_pholst li .t_area .label_txt.txt_red {color:#f54a3d; border:1px solid #f54a3d; margin-top:-3px; margin-right:5px; }
.cm_cont02 .e_pholst li .t_area .label_tit {display:inline-block; margin:-3px 3px 0 0; padding:0 5px; color:#fff; letter-spacing:-1px; font-size:12px; text-align:center; line-height:19px; font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, Helvetica, Arial, sans-serif;}
.cm_cont02 .e_pholst li .t_area .label_tit.txt_blue {background:#000; }
.cm_cont02 .e_pholst li .t_area .label_tit.txt_red {background:#000;}

/* ================================== 오늘후 ================================================ */
.main_today {position:relative; width:100%; padding:15px 0 45px; margin-top:-10px; background-color:#483333; height:95px;}
.main_today .main100_photo_box {position:relative;}
.main_today .main100_photo_box h2 {text-align:left; margin-bottom:13px; font-size:24px; line-height:27px; color:#000; letter-spacing:-1px; font-family:"nanumSquareb";}
.main_today .main100_photo_box {width:1140px; margin:0 auto;}
.main_today .main100_photo_box a {font-size:14px; letter-spacing:-0.5px; color:#fff; line-height:20px;}
.main_today .main100_photo_box a:hover {text-decoration:none; color:#ff8000;}
 
/* ================================== 3번 일반기사 & 기업별기사 ================================================ */
.cm_cont03 {overflow:hidden; margin:0px auto 0; margin-bottom:50px; margin-top:40px;} 
.cm_cont03:before {content:''; display:block; position:absolute; top:7px; left:560px; width:1px; height:100%; background:#dedede; z-index:2;}	/* 세로선 */
.cm_cont03 .cl_cont  { border:0px solid #000; width:560px;}

.cm_cont03 .cl_cont .news_list3 {padding:0px 0 0 0; }
.cm_cont03 .cl_cont .news_list3 a:hover {text-decoration:none; color:#ff8000;}
.cm_cont03 .cl_cont .news_list3 > li { width:540px; border-bottom:1px solid #ebebeb; }
.cm_cont03 .cl_cont .news_list3 h2 {overflow:hidden; display:block; vertical-align:top; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-2px;}
.cm_cont03 .cl_cont .news_list3 h2 a {color:#000; font-size:19px; font-family:'nanumSquareb'; font-weight:500;}
.cm_cont03 .cl_cont .news_list3 .label_txt {display:inline-block; margin:-3px 3px 0 0; padding:0 5px; color:#fff; font-size:12px; text-align:center; line-height:22px; font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, Helvetica, Arial, sans-serif;}
.cm_cont03 .cl_cont .news_list3 > li .news_item dt .txt_blue {background:none;}

.cm_cont03 .cr_cont {float:left; left:30px; width:560px; border:0px solid #000; }

.cm_cont03 .e_pholst {width:100%;}
.cm_cont03 .e_pholst li {display:table; width:100%; padding:0px 0 0px 0; table-layout:fixed;}
.cm_cont03 .e_pholst li p {display:table-cell;}
.cm_cont03 .e_pholst li .thumb {width:100px; height:40px; padding:2px 20px 0 0; vertical-align:top;}
.cm_cont03 .e_pholst li .thumb img {width:100%; height:auto;}
.cm_cont03 .e_pholst li .t_area {vertical-align:middle;}
.cm_cont03 .e_pholst li .t_area a {overflow:hidden; width:100%; color:#000; font-family:'nanumSquareb'; font-weight:600; font-size:15px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-1.5px;}
.cm_cont03 .e_pholst li .t_area a:hover {text-decoration:none; color:#ff8000;}
.cm_cont03 .e_pholst li .t_area > span {display:block; padding:7px 0 0 0; color:#888; font-size:14px; line-height:17px; vertical-align:top; font-weight:normal;}

.news_item3 {margin:0px 0 0px 0; padding:0px 0 0px 0;   box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.news_list3:last-child {border:0px; }
.news_item3:after {content:" "; display:block; clear:both; font-size:0; line-height:0; height:0;}
.news_item3 a:hover {text-decoration:none; color:#ff8000;}
.news_item3 dd.thumb {position:relative; overflow:hidden; float:left; width:150px; height:76px; margin:15px 15px 15px 0; border: 1px solid rgba(0,0,0,.03); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}	/* 이미지 */
.news_item3 dd.thumb img {width:150px;}
.news_item3 dd.thumb a {display:block; width:100%; height:100%; vertical-align:top;}
.news_item3 dd.desc {overflow:hidden;}
.news_item3 dd.desc strong {display:block; padding:0px 0 0 0; font-size:14px; color:#888; font-weight:normal; line-height:19px; letter-spacing:-0.5px;  vertical-align:top;}
.news_item3 dd.desc .interval {margin:0 0 15px 0;}
.news_item3 dd.desc .label_txt {overflow:hidden; max-width:100%; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.news_item3 dt {width:529px; margin:0px 0 0px 0; padding-top:25px; }
.news_item3 dt a {overflow:hidden; max-width:100%; display:block; color:#000; font-size:18px; line-height:26px; font-weight:600; letter-spacing:-2.0px;  text-decoration:none;} /* 제목 */
.news_item3 dt a:hover { text-decoration:none; color:#ff8000;  } 


/* 카테고리별 기사 } */
.cm_cont04 {position:relative; width:100%; padding:15px 0 45px; margin-top:-10px;}

.cm_cont04 .cont  { position:relative; width:1140px; margin:0 auto; margin-top:0px;}
.cm_cont04 .cont .cl_cont  { border:0px solid #000; width:380px;}
.cm_cont04 .cont .cl_cont .box  { position:relative; overflow:hidden; border-top:2px solid #000; width:343px; margin-top:30px; margin-left:0px;}
.cm_cont04 .cont .box h3 {
    font-size: 18px;
    font-weight: 550;
    line-height: 32px;
    margin-top:10px;
    height: 46px;
}

.cm_cont04 .cont .cc_cont  { float:left; width:380px; border:0px solid #000;}
.cm_cont04 .cont .cc_cont .box  { position:relative; overflow:hidden; border-top:2px solid #000; width:343px; margin-top:30px; margin-left:10px;}

.cm_cont04 .cont .cr_cont {float:left;  width:380px; border:0px solid #000; }
.cm_cont04 .cont .cr_cont .box  { position:relative; overflow:hidden; border-top:2px solid #000; width:344px; margin-top:30px; margin-left:20px;}



.news_item4 {border:0px solid #000; margin:0px 0 0px 0; padding:0px 0 0px 0;   box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.news_list4 > li { width:350px;  }
.news_list4:last-child {border:0px; }
.news_item4:after {content:" "; display:block; clear:both; font-size:0; line-height:0; height:0;}
.news_item4 a:hover {text-decoration:none; color:#ff8000;}
.news_item4 dd.thumb {position:relative; overflow:hidden; float:left; width:100px;  margin:0px 0px 0px 0; border: 1px solid rgba(0,0,0,.03); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}	/* 이미지 */
.news_item4 dd.thumb img {width:100px; height:50px;}
.news_item4 dd.thumb a {display:block; width:100%; height:100%; vertical-align:top;}
.news_item4 dd.desc {overflow:hidden;}
.news_item4 dd.desc strong {display:block; padding:0px 0 0 0; font-size:14px; color:#888; font-weight:normal; line-height:19px; letter-spacing:-0.5px;  vertical-align:top;}
.news_item4 dd.desc .interval {margin:0 0 15px 0;}
.news_item4 dd.desc .label_txt {overflow:hidden; max-width:100%; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.news_item4 dt {float:right; width:230px; margin:0px 8px 0px 0; padding-right:0px; border:0px solid #000;} 
.news_item4 dt a {overflow:hidden; max-width:100%; display:block; color:#000; font-size:16px; line-height:26px; font-weight:300; letter-spacing:-1.5px;  text-decoration:none;} /* 제목 */
.news_item4 dt a:hover { text-decoration:none; color:#ff8000;  }
.news_item5 dt {float:left; width:341px; margin:5px 0px 0px 0; padding-right:0px; border:0px solid #000;} 
.news_item5 dt a {overflow:hidden; max-width:100%; display:block; color:#000; font-size:15px; line-height:26px; font-weight:300; letter-spacing:-2.0px;  text-decoration:none; text-overflow:ellipsis; white-space:nowrap} /* 제목 */
.news_item5 dt a:hover { text-decoration:none; color:#ff8000;  } 


/* 파워100인 */
.main_100 {position:relative; width:100%; padding:15px 0 45px; margin-top:0px; background-color:#a7a7a7; }
.main_100 .main100_photo_box {position:relative;}
.main_100 .main100_photo_box h2 {text-align:left; margin-bottom:13px; font-size:24px; line-height:27px; color:#000; letter-spacing:-1px; font-family:"nanumSquareb";}
.main_100 .main100_photo_box {width:1140px; margin:0 auto;}
.main_100 .main100_photo_box .100_box {margin:0px 0 0 0;}




/* 전체메뉴 공통추가*/
.sitemap_menu{ width: 100%; margin-top: 0px; border-top:2px solid #000; }
.sitemap_menu .sitemap_in{ position: relative; width: 1100px; margin: 0 auto; margin-top:30px; height:350px;}
.sitemap_menu .sitemap_in div{float:left;}
.sitemap_menu .sitemap_in .ct1 {width:130px}  
.sitemap_menu .sitemap_in .ct2 {width:170px}  
.sitemap_menu .sitemap_in .ct3 {width:140px}  
.sitemap_menu .sitemap_in .ct4 {width:90px}
.sitemap_menu .sitemap_in .ct9 {width:110px}  
.sitemap_menu .sitemap_in .ct5 {width:110px}   
.sitemap_menu .sitemap_in .ct6 {width:100px}   
.sitemap_menu .sitemap_in .ct7 {width:110px}   
.sitemap_menu .sitemap_in .ct8 {width:120px} 
.sitemap_menu .sitemap_in ul{font-size:12px;line-height:23px; text-align:left}
.sitemap_menu .sitemap_in ul li{line-height:23px}
.sitemap_menu .sitemap_in ul li.tit{margin-bottom:10px}
.sitemap_menu .sitemap_in ul li.tit a {font-size:14px;font-weight:bold;color:#ff7e00}
.sitemap_menu .sitemap_in ul li a{color:#666;font-size:13px;}

 
footer {
    width: 100%;
    margin-top: 0px;
    border-top: 0px solid #111;
}
footer .inner {
    position: relative;
    width: 1180px;
    margin: 0 auto;
    padding-bottom: 145px;
}
footer .inner .dir-menu {
    display: block;
    padding-top: 44px;
}
footer .inner .dir-menu a {
    display: inline-block;
    padding-right: 7px;
}
footer .inner .dir-menu a span {
    display: inline-block;
    margin-right: 7px;
}
footer .inner .dir-menu a::after {
    content: ' ';
    display: inline-block;
    width: 1px;
    height: 10px;
    border-right: 1px solid #e2e2e2;
}
footer .inner .dir-menu a:last-child::after {
    border-right: 0;
}
footer .inner .footer-link {
    padding-top: 47px;
    display: block;
}
footer .inner .footer-link a {
    margin-left: 10px;
    display: inline-block;
    line-height: 20px;
    color: #222;
    letter-spacing: -.05em;
}
footer .inner .footer-link a:first-child {
    margin-left: 0;
    padding-left: 0;
}
footer .inner .footer-link a:first-child span {
    display: block;
}
footer .inner .footer-link a:first-child span::before {
    padding-right: 0;
    border-left: 0;
}
footer .inner .footer-link a span {
    display: block;
}
footer .inner .footer-link a span::before {
    content: ' ';
    display: inline-block;
    height: 10px;
    padding-right: 10px;
    border-left: 1px solid #e2e2e2;
}
footer .inner address {
    margin-top: 41px;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -.5px;
    color: #999;
}
footer .inner address span {
    margin-right: 20px;
}
footer .inner address p {
    margin-top: 10px;
}



















/* 광고영역부분 */
.ad_52050 {position:relative; width:100%; margin:20px 0 0 0; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.ad_52050 a:after {overflow:hidden; content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border: 1px solid #000; opacity:.05; z-index:2;}
/* layout 공통 20180911*/
#wrap {overflow:hidden; position:relative; width:100%; min-width:1263px;}

/* 전체메뉴 */
.menu_all {visibility:hidden; width:100%; height:100%; position:fixed; top:0; left:0; right:0; text-align:center; background:#fff; opacity: 0; transform: translateY(-10px); transition: ease all 0.4s;}

.menu_all.vis_main, .menu_all.vis, .menu_all.visflt_m {visibility:visible; opacity:1; transform: translateY(0px); z-index:500; overflow-y:auto;}

.main_menu_all {}

.menu_all .menu_all_box {position:relative; width:1100px; margin:0 auto; padding:0; text-align:left;}
/*.menu_all.vis_main .menu_all_box {padding:115px 0 0 0;} 창간배너 끝나고 원복 2020.06.15*/

#main_wrap {overflow:hidden; min-width:1263px;}
#main_wrap .area_depth {padding:35px 0 0 0;}
#main_wrap .area_depth:after {content:" "; display:block; clear:both; font-size:0; line-height:0; height:0;}

#main_wrap [class*="area_depth"] {padding:35px 0 34px; border-bottom:1px solid #ececec;}
#main_wrap [class*="area_depth"]:after {content:" "; display:block; clear:both; font-size:0; line-height:0; height:0;}
#main_wrap [class*="area_depth"] [class*="depth_listw"] {float:left; width:16.6%;}
#main_wrap [class*="area_depth"] [class*="depth_listw"] .h3_title, #main_wrap .area_depth [class*="depth_listw"] .h3_title a {display:inline-block; vertical-align:top;}
#main_wrap [class*="area_depth"] [class*="depth_listw"] .h3_title {padding:0 0 3px 0;}
#main_wrap [class*="area_depth"] [class*="depth_listw"] .h3_title a:focus,
#main_wrap [class*="area_depth"] [class*="depth_listw"] .h3_title a:hover {text-decoration:none; color:#ff8000;}

#main_wrap [class*="area_depth"] [class*="depth_listw"] dd a {font-size:14px; color:#333; line-height:28px;}
#main_wrap [class*="area_depth"] [class*="depth_listw"] dd a:focus,
#main_wrap [class*="area_depth"] [class*="depth_listw"] dd a:hover {text-decoration:none; color:#ff8000;}

#main_wrap [class*="area_depth"] [class*="depth_listw"] .one_title {clear:both;}
#main_wrap [class*="area_depth"] [class*="depth_listw"] .one_title:after {content:" "; display:block; clear:both; font-size:0; line-height:0; height:0;}

#main_wrap .depth_listw07 dl dd.last {padding-top:20px;}
#main_wrap .depth_listw07 .one_title {margin-top:56px;}

#main_wrap .depth_listw08 .one_title {margin-top:28px;}

#main_wrap .depth_listw09 dl {margin-top:2px;}
#main_wrap .depth_listw09 .one_title {margin-top:222px;}

#main_wrap .depth_listw10 .one_title {margin-top:168px;}

#main_wrap .depth_listw11 dl {margin-top:30px;}
#main_wrap .depth_listw11 dl:first-child {margin-top:0;}
#main_wrap .depth_listw11 .one_title {margin-top:168px;}

#main_wrap .depth_listw12 dl {margin-top:58px;}
#main_wrap .depth_listw12 dl:first-child {margin-top:0;}
#main_wrap .depth_listw12 .one_title {margin-top:56px;}


/* footer_service */
.f_event_nav_all {text-align:left; border-bottom:0 none !important;}
.f_event_nav_all .all_laymewr {position:relative; width:1100px; margin:0 auto; text-align:left;}
.f_event_nav_all .all_laymewr:after {content:" "; display:block; clear:both; font-size:0; line-height:0; height:0;}
.f_event_nav_all .area_lastbtn {border-bottom:0 none !important;}
.f_event_nav_all [class*="area_depth"] [class*="depth_listw"] {width:16.6% !important;}
/*
.f_event_nav_all .depth_listw01, .f_event_nav_all .depth_listw07 {padding-left:55px;}
*/

/* family_site */
.f_service {width:100%; height:61px; border-top:1px solid #ebebeb;}
.f_service .f_service_wrap {position:relative; width:1100px; height:61px; margin:0 auto; text-align:left;}
.f_service .notice, .f_service .event {height:61px;}
.f_service a {display:inline-block; vertical-align:top;}
.f_service .notice {float:left; width:606px;}
.f_service .event { float:left; width:330px;}
.f_service .n_tit, .f_service .e_tit {float:left; /*width:83px;*/ height:61px; margin-right:15px; font-size:14px; line-height:61px; color:#000; font-weight:600; letter-spacing:-1.5px;}
.f_service .n_lst, .f_service .e_lst {float:left; height:61px; line-height:61px; font-size:14px; color:#666; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.f_service .n_lst {width:380px;}
.f_service .e_lst {width:230px;}

.f_service .menu_btn {position:absolute; top:0; right:0; height:61px;}
.f_service .menu_btn a {display:block; height:61px; padding:0 18px; line-height:61px; font-size:14px; color:#000; font-weight:600; letter-spacing:-2px;}
.f_service .menu_btn a.open em {background-position:0 0;}
.f_service .menu_btn a.close em {background-position:0 -9px;}

.f_event_nav_all { position:relative; width:100%; border-bottom:1px solid #dfdfdf; }


/* 이벤트관련 */

.foodban_box {display:inline-block; position:absolute; left:-30px; top:405px; z-index:200; }
.foodban_box .foodban {position:relative; }
.foodban_box .foodban .foodban_img {width:387px; height:157px; overflow:hidden;}
.foodban_box .foodban .foodban_close {position: absolute; right: 0px; top: 16px; display: block; width: 40px; height: 40px; overflow:hidden; border-radius:50%;}
.foodban_box .foodban .foodban_close img {width:100%;}

/* media query */
@media only screen and (min-width:1368px) {

}

@media only screen and (max-width:1367px) {
	.menu_all.main_menu_all .menu_all_box {width:1100px;}

	
	.btn_pageup {right: 60px;}
}