@charset "utf-8";

.kfocus_style { font-size:10px; margin-bottom: 50px; position:relative; }
.kfocus_style a { color:#333; transition: color .2s ease-in-out; }
.kfocus_style a:hover { color:#ee7b1a !important; }
.kfocus_header { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; margin: 40px 0; }
.kfocus_header h3 { font-size:3.2em; font-weight:bold; }
.kfocus_logo { font-weight: bold; font-size: 1.5rem; }
.kfocus_nav { display: flex; gap: 30px; flex-wrap: wrap; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; padding-bottom: 10px; -ms-overflow-style: none; scrollbar-width: none; }
.kfocus_nav li { cursor: pointer; font-size:1.8em; font-weight: 500; border-left:1px solid #eee; padding-left: 30px; box-sizing: border-box; }
.kfocus_nav li.on { font-weight:bold; }
.kfocus_nav li:first-child { border-left:0; padding-left:0; }
.kfocus_main_row { display: flex; margin-bottom: 50px; gap: 30px; }
.kfocus_main_left { width:70%; border: 1px solid #eee; padding: 30px; box-sizing: border-box; }
.kfocus_main_left_flex { display:flex; gap:30px; }
.kfocus_article_preview { flex: 1; }
.kfocus_article_preview h2 { font-size:2.6em; margin-bottom:20px; }
.kfocus_article_preview p { font-size:1.4em; }
.kfocus_article_preview h2, .kfocus_article_preview p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-word; line-height: 1.3; }
.kfocus_main_thumb { position: relative; flex: 1; background:#eee; display:flex; align-items:center; }
.kfocus_main_thumb img { position: absolute; width: 100%; height: auto; object-fit: cover; object-position: center center; }
.kfocus_top_tag { position: absolute; top:0; right: 0px; background: #ee7b1a; color: white; padding: 2px 6px; font-size: 1.2em; }
.kfocus_ad_tag { background:#aaa; color:#fff; padding:0 6px; font-size:0.8em; }
.kfocus_latest_news h3 { font-size:1.8em; font-weight: bold; display:flex; align-items:center; }
.kfocus_latest_list { display: flex; flex-direction: column; width: 100%; }
.kfocus_latest_list a { font-size: 1.4rem; }
.kfocus_type_num .kfocus_latest_item { display: flex; flex-wrap: wrap; border-bottom: 1px solid #eee; font-size: 1.4rem; }
.kfocus_type_num .kfocus_txt_area { display: flex; align-items: center; padding: 10px 0; box-sizing: border-box; }
.kfocus_txt_area span { font-weight:bold; min-width:25px; }
.kfocus_latest_title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; line-height:1.3; font-size:14px; }
.kfocus_section_row { display: flex; gap: 30px; flex-wrap: wrap; margin-bottom:50px; }
.kfocus_section_column { flex: 1; min-width: 250px; }
.kfocus_section_column h3 { font-size:1.8em; margin-bottom:10px; display:flex; align-items:center; }
.kfocus_section_column .img_area { position:relative; height:0; padding: 28.125% 0; overflow:hidden; background:#f7f7f7; display:flex; align-items:center; }
.kfocus_section_column .img_area img { width: 100%; height: auto; object-fit: cover; object-position: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.kfocus_section_articles li { padding: 15px 0; border-bottom:1px solid #eee; font-size:1.6em; font-weight: bold; line-height: 1.4em; max-height: 2.8em; overflow: hidden; text-overflow: ellipsis; min-height:50px; }
.kfocus_section_articles li > p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; overflow: hidden; }

.kb_pc_left { position:absolute; top:100px; left:-180px; display:block; }
.kb_pc_middle { width: 100%; margin-top: 30px; display:block; text-align: center; }
.kb_pc_right { position:absolute; top:340px; right:-270px; display:block; }
.kb_pc_in { margin-top: 30px; display:block; }
.kb_m_front { display:none; }
.kb_m_middle { display:none; }

.kfocus_mostviewed { background-color: #f7f7f7; padding: 30px; margin-top: 50px; }
.kfocus_mostviewed_title { font-size: 1.8em; font-weight: bold; margin-bottom: 20px; }
.kfocus_mostviewed_inner { display: flex; flex-wrap: wrap; gap: 30px; }
.kfocus_mostviewed_main { flex: 1; min-width: 300px; max-width: 45%; }
.kfocus_mostviewed_main .img_wrap { position: relative; width: 100%; padding-bottom: 56.25%; overflow: hidden; margin-bottom: 15px; }
.kfocus_mostviewed_main .img_wrap img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.kfocus_mostviewed_main .corp_name { font-size: 1.4em; font-weight: bold; color: #ee7b1a; margin-bottom: 6px; }
.kfocus_mostviewed_main .main_title { font-size: 2.4em; font-weight: bold; margin-bottom: 10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.3; word-break: keep-all; }
.kfocus_mostviewed_main .main_summary { font-size: 1.4em; line-height: 1.6; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: keep-all; }
.kfocus_mostviewed_subgroup { display: grid; flex: 1; min-width: 300px; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.kfocus_mostviewed_sub { display: flex; flex-direction: column; }
.kfocus_mostviewed_sub .corp_name { font-size: 1.4em; font-weight: bold; color: #ee7b1a; margin-bottom: 5px; }
.kfocus_mostviewed_sub .img_wrap { position: relative; width: 100%; padding: 28.125% 0; overflow: hidden; margin-bottom: 10px; background: #fff; display: flex; align-items: center; }
.kfocus_mostviewed_sub .img_wrap img { position: absolute; width: 100%; height: auto; object-fit: cover; object-position: center; }
.kfocus_mostviewed_sub .sub_title { font-size: 1.6em; font-weight: bold; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; line-height:1.3; }
.kfocus_latestgroup { margin-top: 50px; }
.kfocus_latest_title2 { font-size: 2em; font-weight: bold; margin-bottom: 20px; }
.kfocus_latest_list2 { display: flex; flex-direction: column; gap: 30px; }
.kfocus_latest_item2 { display: flex; gap: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px; }
.kfocus_latest_item2 .img_area { flex-shrink: 0; width: 270px; height: 150px; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; background: #f7f7f7; }
.kfocus_latest_item2 .img_area img { width: 100%; height: auto; object-fit: cover; object-position: center; }
.kfocus_latest_item2 .text_area { flex: 1; }
.kfocus_latest_item2 .corp_name { font-size: 1.4em; font-weight: bold; color: #ee7b1a; margin-bottom: 4px; }
.kfocus_latest_item2 .title { font-size: 1.8em; font-weight: bold; margin-bottom: 6px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; line-height:1.3; }
.kfocus_latest_item2 .summary { font-size: 1.4em; margin-bottom: 6px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; }
.kfocus_latest_item2 .date { font-size: 1.4em; color: #999; }

.kfocus_featured_box { border: 1px solid #eee; padding:30px; margin-bottom:50px; }
.kfocus_featured_main { display:flex; gap:30px; margin-bottom:30px; }
.kfocus_featured_main .img_area { flex-shrink:0; width:350px; height:200px; overflow:hidden; position:relative; display:flex; align-items:center; background:#f7f7f7; }
.kfocus_featured_main .img_area img { width:100%; height:100%; object-fit:cover; }
.kfocus_featured_main .text_area { flex:1; display:flex; flex-direction:column; gap:8px; }
.kfocus_featured_main .corp_name { font-size:1.4em; font-weight:bold; color:#ee7b1a; }
.kfocus_featured_main .title { font-size:2.6em; font-weight:bold; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1; word-break: keep-all;}
.kfocus_featured_main .summary { font-size:1.4em; line-height:1.5; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break: keep-all; }
.kfocus_featured_main .date { font-size:1.4em; color:#999; }
.kfocus_featured_list { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.kfocus_featured_item { display:flex; gap:15px; }
.kfocus_featured_item .thumb { flex-shrink:0; width:200px; height:120px; overflow:hidden; position:relative; display:flex; align-items: center; justify-content: center; }
.kfocus_featured_item .thumb img { width:100%; height:100%; object-fit:cover; }
.kfocus_featured_item .info { flex:1; display:flex; flex-direction:column; justify-content:flex-start; }
.kfocus_featured_item .info .corp_name { font-size:1.4em; font-weight:bold; color:#ee7b1a; margin-bottom:4px; }
.kfocus_featured_item .info .title { font-size:1.8em; font-weight:bold; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break: keep-all; }
.kfocus_featured_item .info .date { font-size:1.4em; color:#999; margin-top:6px; }

@media (max-width:768px) {
  .kfocus_style { padding:0 10px; }
  .kfocus_header { gap:20px; margin:30px 0; }
  .kfocus_nav { gap:10px; flex-wrap: nowrap; }
  .kfocus_nav li { padding-left:10px; }

  .kb_pc_left { display:none; }
  .kb_pc_middle { display:none; }
  .kb_pc_right { display:none; }
  .kb_pc_in { display:none; }
  .kb_m_front { width: 100%; margin: 30px 0; display:block; text-align: center; }
  .kb_m_middle { width: 100%; margin-top: 30px; display:block; text-align: center; }

  .kfocus_main_row { flex-direction:column; gap:20px; margin-bottom:30px; }
  .kfocus_main_left { width:100%; padding:15px; }
  .kfocus_main_left_flex { gap: 20px; flex-direction: column-reverse; }
  .kfocus_main_thumb { flex:unset; width:100%; height:200px; overflow: hidden; }
  .kfocus_article_preview h2 { margin-bottom:15px; }
  .kfocus_main_right { display:none; }

  .kfocus_section_row { gap:20px; margin-bottom:30px; }
  .kfocus_mostviewed { margin-top:30px; padding:15px; }
  .kfocus_mostviewed_title { margin-bottom:15px; }
  .kfocus_mostviewed_inner { gap:20px; }
  .kfocus_mostviewed_main { min-width:100%; }
  .kfocus_mostviewed_subgroup { min-width:unset; gap:15px; }

  .kfocus_latestgroup { margin-top:30px; }
  .kfocus_latest_list2 { gap:20px; }
  .kfocus_latest_item2 { flex-direction:column; gap:20px; }
  .kfocus_latest_item2 .img_area { width:100%; height:170px; }

  .kfocus_featured_box { padding:15px; margin-bottom:30px; }
  .kfocus_featured_main { flex-direction:column; gap:20px; }
  .kfocus_featured_main .img_area { width:100%; height:170px; }
  .kfocus_featured_item { flex-direction: column; }
  .kfocus_featured_list { grid-template-columns: auto; }
  .kfocus_featured_item .thumb { width:100%; height:150px; }
}




/* 아티클 뷰페이지 : 공통영역  *****************************************************************************************************************/
.header-cont                {margin:0; padding:0 2%;}
.header-cont .title         {font-size:22px; letter-spacing:-1px; line-height:1.5; color:#1e1e1e; font-weight:bold; word-break: keep-all; }
.header-cont .subtitle  {padding-top:8px; font-size:12px; color:#555; word-break: keep-all; }
.header-cont .publish-ho    {padding-top:2px; font-size:10px; color:#999999;}
.header-cont .top-bar       {padding-top:10px; color:#000; font-size:22px !important; background:url('https://dbr.donga.com/images/common/icon_top_bar.gif') no-repeat left top;}
.header-cont .ment          {display:block; padding-left:10px; font-size:15px; background:url('https://dbr.donga.com/images/common/icon_arrow3.gif') no-repeat left 2px;}
@media all and (min-width:769px){
    .header-cont                {margin-top:30px; padding: 0 0;}
    .header-cont .title         {padding-top:10px; font-size:36px; line-height:1.2; color:#1e1e1e; font-weight:bold;}
    .header-cont .subtitle  {font-size:18px; color:#444;}
    .header-cont .publish-ho    {padding-top:10px; font-size:12px; color:#999999;}
}

.func-pg {height:35px; /*border-bottom:solid 2px #1a1a1a;*/}
.func-pg:after {content:""; display: block; clear: both;}
.jounalist_ho {
  width: 100%;
  font-size: 1.4em;
  margin-top: 1%;
}
.func-list-kfocus {display:flex; align-items:flex-end; gap:5px; justify-content:flex-end;}

/* 기사내 스타일 *************************************************************/
.cont-article               {font-size:16px; line-height:28px; padding:0; box-sizing:border-box; margin-top:20px; word-break: keep-all; }
/*.cont-article   p,
.cont-article span{ font-family:NBG !important; }*/

.cont-article .key-box      {padding:15px; margin-bottom:20px;  background-color:#f2f2f2;}
.cont-article>p             {margin-bottom:20px; text-indent:10px;}
.cont-article>p img         {max-width:100%;}
.cont-article .txc-table{ width:100%;}
.cont-article .txc-table td{ padding:15px;}

/*기사전문보기 영역*/
.cont-article .magazineMemberConfirm {margin-top:60px; margin-bottom:40px; padding:10px; border:solid 1px #eaeaea; background:#f9f9f9;}
.cont-article p.confirmArea {padding-bottom:15px; border-bottom:solid 1px #eaeaea; text-align:center;}
.cont-article a.btn_magazineView {display:inline-block; padding-top:7px; padding-bottom:5px; font-size:16px; color:#fff; font-weight:bold; text-align:center; width:189px; height:28px; background:url('/images/magazine/btn_magazineview_bg.gif') no-repeat left top;}
.cont-article p.confirmAreaMent     {padding:15px 0 0 32px; line-height:28px;}
.cont-article p.confirmAreaMent a   {font-size:11px; color:#929c9e;}

.copyright_notice { font-size: 12px; padding: 10px 20px; background: #eee; box-sizing: border-box; text-align: center; color: #888; border-radius: 10px 10px 0 0; border-bottom: solid 1px #ccc; margin: 10px 0 20px 0; line-height:normal; }
.ai_notice { font-size: 12px; color: #888; margin-top: 40px; display: flex; align-items: center; }
.mg-b50 {margin-bottom:50px !important;}
.ta-r {text-align:right !important;}
.btn-basic          {display:inline-block; font-size:14px; color:#333; width:64px; height:38px; line-height:38px; text-align:center; border:solid 1px #cccccc;}
.relate_article:after { content:""; display: block; clear: both;}
.relate_article li {float:left; width:32%; margin-right:2%;}
.relate_article li:nth-child(3) {margin-right:0;}
.rarticle_cate {font-size: 0.85em; color:#ee7b1a; line-height: normal; margin:5px 0; }
.rarticle_day {font-size: 0.9em; color:#b5bbc6; line-height: normal; margin:5px 0; }
.rarticle_tit {text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden; line-height: normal; margin:5px 0; }

/* 테블릿과 테스크탑 */
@media all and (min-width:960px){
  .cont-article           {font-size:16px; line-height:28px;  padding:0;}
}
@media all and (max-width:768px){
  .cont-article{ padding:0 4%;}
  .relate_article:after { content:""; display: block; clear: both;}
  .relate_article li {float:left; width:49%; margin-right:2%;}
  .relate_article li:nth-child(2) {margin-right:0;}
  .relate_article li:nth-child(3) {display: none;}
  .rarticle_cate {font-size: 0.6em; color:#ee7b1a;}
  .rarticle_day {font-size: 0.8em; color:#b5bbc6;}
  .rarticle_tit {text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden;}
}

/*contents*/
.container{overflow:hidden; margin:5px 0 5px 0;}
.main .container{margin:20px 0 0 0;}
.container .mw_size{ display:table; table-layout:fixed;}
.container .contents{ display:table-cell; /*padding-right:25px;*/box-sizing:border-box; width:100%;}
.container .contents.full{padding-right:0;}
.container .aside{ display:table-cell;  width:25%; padding-left:25px; border-left:1px solid #eee; vertical-align:top; box-sizing:border-box; }

@media(max-width:768px){
	.container .mw_size{ display:block;}
	.container .contents{  display:block; padding:0 7px; box-sizing:border-box; }
	.container .aside{ display:none;}
	.main .container .contents{padding:0;}
	.main .container .aside{ display:block; box-sizing:border-box; vertical-align:top; width:100%; padding:0; border-left:0;}
}

/* 아티클 뷰페이지 우공역 추가 */
.article_warp { display:flex; width:100%; }
.article_warp_l { width:70%; box-sizing: border-box; }
.article_warp_r { width:30%; box-sizing: border-box; display:flex; justify-content: flex-end; align-items: flex-start; }

@media all and (max-width:1110px){
	.article_warp_l { padding-right:5%; }
}

@media all and (max-width:910px){
	.article_warp_l { width:100%; padding-right:0; }
	.article_warp_r { display:none; }
}


.page{ overflow:hidden; text-align:center; font-size:0; margin:30px 0;}
.page ul{ font-size:0;}
.page ul li{ display:inline-block;}
.page ul li a{display:inline-block; min-width:16px; line-height:28px; color:#333; font-size:16px; margin:0 2px; padding:0 7px; font-weight:bold;font-weight:bold; vertical-align: middle;}
.page ul li.arrow a{ border:1px solid #ccc; width:28px; height:28px; margin:0; padding:0;  background:#fff;}
.page ul li a img{ width:100%;}
.page ul li.arrow:first-child > a, .page ul li.arrow.next a{ border-right:none;}
.page ul li.arrow.prev a{ margin-right:5px;}
.page ul li.arrow.next a{margin-left:5px;}
.page ul li.active a{  border-bottom:2px solid #ee7b1a; color:#ee7b1a;}