@charset "utf-8";
@import url('base_v2.css');
@import url('hani.top.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
/* main layout */
#header { position: relative; width: 100%; margin: 0 auto; text-align: center; z-index:1001; min-width:1100px; } 
#header:after { content:" "; display:block; clear:both; } 
#container { position: relative; width: 100%; margin: 0 auto; text-align: left; z-index:100; } 
#container:after { content:" "; display:block; clear:both; } 
#footer { clear: both; width: 1100px; margin: 0 auto; text-align: left; } 

/*common*/
#contents-main > * { letter-spacing: -0.07em; } 
#contents-main .icon_text_video, 
#contents-main .icon_text_photo, 
#contents-main .icon_text_pictorial, 
#contents-main .icon_text_story, 
#contents-main .icon_text_podcast, 
#contents-main .icon_text_link { vertical-align:top; margin-left:5px; } 
#contents-main .icon_solo { position:absolute; top:1px; left:1px; display:block; height:28px; background-color:#f35213; color:#fff; font-size:17px; font-weight:bold; padding: 8px 8px 0 8px; white-space: nowrap; } 
#contents-main .icon_share { background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_share_article.png) no-repeat 0 0; padding-left:15px; margin-left:5px; color:#555; font-size:11px; letter-spacing:-1px; } 
#contents-main .article-photo { position:relative; } 
#contents-main .article-photo .icon_photo_photo { position:absolute; bottom:1px; right:1px; display:block; margin:0; border:0; } 
#contents-main .article-photo img.icon_photo_pictorial,
#contents-main .article01 .article-photo img.icon_photo_pictorial {
  position: absolute;
  bottom: -3px;
  left: -1px;
  display: block;
  margin: 0;
  width: 60px;
  height: 60px;
  border: 4px solid transparent;
  border-radius: 50%;
  padding: 11px 5px 6px;
  transition: all 0.2s, border 0.1s;
  box-sizing: border-box;
  pointer-events: none;
} 
#contents-main .article-photo .icon_photo_story { position:absolute; bottom:1px; right:1px; display:block; margin:0; border:0; } 
#contents-main .article-photo .icon_photo_podcast { position:absolute; bottom:1px; right:1px; display:block; margin:0; border:0; } 
#contents-main .only-txt { color:#f35213; padding-right:5px; } 

#contents-main .article01 .article-photo .icon_photo_video,
#contents-main .article-photo .icon_photo_video,
#contents-main .article-photo .icon_photo_play {
  position: absolute;
  left: 0px;
  bottom: 0px;
  display: block;
  margin: 0;
  width: 55px;
  height: 55px;
  border: 4px solid transparent;
  border-radius: 50%;
  padding: 3px 0px 0px 7px;
  transition: all 0.2s, border 0.1s;
  box-sizing: border-box;
  pointer-events: none;
}

#contents-main .main-top-article .article01 .article-photo .icon_photo_video,
#contents-main .main-top-article .article-photo .icon_photo_video,
#contents-main .main-top-article .article-photo .icon_photo_play {
  left: 10px;
  bottom: 10px;
  transform: none;
  width: 70px;
  height: 70px;
}
#contents-main .article-photo img.icon_photo_pictorial,
#contents-main .main-top-article .article-photo .icon_photo_pictorial {
  left: 7px;
  bottom: 4px;
  transform: none;
  width: 70px;
  height: 70px;
}


#contents-main .section-title { height:25px; color:#000; font-size:20px; } 
#contents-main .section-title a { color:#000; font-size:20px; } 
#contents-main .main-ad-300X250 { padding:20px 0 20px; } 

/* top, middle*/
#main-top { position:relative; vertical-align:top; width:1100px; margin: 30px auto 0; } 
#main-middle2,
#main-middle { position:relative; vertical-align:top; width:1100px; margin: 0 auto; } 
#main-middle2:after,
#main-middle:after,
#main-top:after { content:" "; display:block; clear:both; } 

#contents-main .article-photo img { border:1px solid #ebebeb; } 
#contents-main .article-photo a { display:block; position: relative; } 

#contents-main .main-top { float:left; width: 740px; margin-right:13px; position:relative; } 
#contents-main .main-top .main-top-area {position: relative;/* overflow: hidden; */width: 100%;height: 100%;background: url(//img.hani.co.kr/section-image/15/hani/images/v2/bg_main_juyo.png) repeat-y 0 0;} 
#contents-main .main-top .main-top-article { float:left; width: 740px; background-color:#FFFFFF; padding-bottom:30px; } 
#contents-main .main-top .main-top-article:before { content:" "; display:block; clear:both; } 
#contents-main .main-top .main-top01 { float:left; width: 450px; } 
#contents-main .main-top .main-top02 {float:right;width: 240px;padding: 20px 0;} 
#contents-main .main-top03 { float:right; width:300px; padding-left:14px; position:relative; } 
#contents-main .main-top03 .section-title .blank-top { position:absolute; top:-10px; left:-3px; width:1px; height:10px; background-color:#fff; } 
#contents-main .main-top01 .article01:first-child { padding-top: 0; } 

/* top kisa*/
#main-top .main-top-article .article-photo { width: 740px; /*height:278px; */ } 
#main-top .main-top-article .article-title { color:#000; font-size:31px; font-weight:bold; text-align: center; letter-spacing:-0.1em; line-height:1.2em; padding-bottom: 5px; padding-top: 5px; } 
#main-top .main-top-article .article-prologue { line-height:1.5em; font-size:13px; color:#333; padding: 10px 0; overflow: hidden; height: 26px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } 
#main-top .main-top-article .article-prologue a { color:#666 } 
#main-top .main-top-article img.img_photo0-1 { width: 738px; height: 295px; } 
#main-top .main-top-article img.img_photo0-2 { width:1098px; height:438px; } 


/* type2*/
#main-top.type2 .main-top { float: none; width: auto; margin-right: 0; } 
#main-top.type2 .main-top .main-top-article { float:left; width:1100px; padding-bottom: 40px; } 
#main-top.type2 .main-top .main-top-area { float: left; width: 740px; margin-top: 20px; } 
#main-top.type2 .main-top .main-top-article .article-title { color:#000; font-size:41px; font-weight:bold; letter-spacing:-0.1em; line-height:1.2em; padding-bottom: 10px; padding-top: 5px; text-align: center; } 
#main-top.type2 .main-top-article .article-prologue { line-height:1.5em; font-size:14px; height: 30px; } 
#main-top.type2 .main-top-article .article-photo { width:1100px; height:440px; } 
#main-top.type2 .main-top03 { float:right; width:300px; padding-left:14px; position:relative; } 


/* juyo 1dan*/
#contents-main .article01 { position:relative; overflow:hidden; padding-bottom:40px; } 
#contents-main .article01:last-child { padding-bottom: 0; } 
#contents-main .article01 .article-area { display:block; overflow:hidden; } 
#contents-main .article01 .article-title { overflow:hidden; font-size: 18px; color:#000; margin-bottom:10px; letter-spacing: -0.08em; line-height:1.2em; font-weight: normal; } 
#contents-main .article01 .article-photo { float:left; display:block; } 
#contents-main .article01 .article-photo img { margin-right:10px; margin-bottom:8px; } 
#contents-main .article01 .article-prologue { font-size:13px; color:#888; padding-right:10px; overflow: hidden; height: 80px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; padding-top: 18px; line-height: 1.6em; } 
#contents-main .article-prologue a { color:#888; } 
#contents-main .article01 .article-title + .article-prologue { padding-top: 5px; } 
#contents-main .article01 .more-article { overflow:hidden; margin-top:10px; } 
#contents-main .article01 .more-article li { position:relative; padding-left:12px; padding-bottom:12px; line-height:1.3em; } 
#contents-main .article01 .more-article li:before { display:block; content: ''; width: 3px; height: 3px; background-color: #08a6a7; position: absolute; top:5px; left:2px } 
#contents-main .article01 .more-article li a { color:#333; font-size:15px; } 
#contents-main .article01.list a { padding-bottom:10px; } 
#contents-main .article01.list a .article-title { letter-spacing:-1px; } 
#contents-main .article01 img.img_photo1-1 { width:198px; height:118px; } 
#contents-main .article01 img.img_photo1-2 { width:448px; height:268px; } 
#contents-main .article01 img.img_photo1-3 { width:298px; height:178px; } 

/* juyo 2,3dan*/
#contents-main .category { display:block; font-size:13px; color: #07a6a5; font-weight:normal; margin-top:0px; padding:0; line-height:1.3em; } 
#contents-main .category a { /* color:#999; */color: #07a6a5; } 
#contents-main .article02 {position:relative;overflow:hidden;padding: 0 20px 30px;/* border-top:1px solid #e4e4e4; */min-height:100px;display:table;width: 200px;background-color: #f9f9f9;} 
#contents-main .article02 .article-area { display:table-cell; vertical-align:middle; } 
#contents-main .article02 .article-title, 
#contents-main .article03 .article-title { font-size: 15px; color:#000; letter-spacing:-1px; line-height:1.3em; font-weight: normal; padding-top: 3px; } 
#contents-main .article02 .article-photo, #contents-main .article03 .article-photo { display:block; } 
#contents-main .article02 img.img_photo2-1 { width:198px; height:118px; } 
#contents-main .article02 .article-area .category, 
#contents-main .article03 .article-area .category { padding-bottom:2px; } 

#contents-main .photo_area .article03 { position:relative; overflow:hidden; padding-bottom: 50px; } 
#contents-main .photo_area .article03 img.img_photo { width:298px; height:178px; } 
#contents-main .photo_area .article03.paint img.img_photo { width: 298px; height: 200px; } 

#contents-main .article-right { position:relative; overflow:hidden; padding:14px 0; min-height: 60px; } 
#contents-main .article-right.first { border-top:0; } 
#contents-main .article-right .article-title { font-size:17px; font-weight: normal; letter-spacing: -0.08em; color:#000; line-height:1.2em; padding: 3px 0 0; } 
#contents-main .article-right .article-photo { float:right; display:block; } 
#contents-main .article-right .article-photo img { margin-left:10px; border:1px solid #ebebeb; } 
#contents-main .article-opinion { padding-bottom:40px; } 
#contents-main .article-serial { margin-top: 50px; } 
#contents-main .article-opinion .article-right .article-photo img,
#contents-main .article-serial .article-right .article-photo img { width:98px; height:58px; } 
#contents-main .article-popularity { margin-top: 40px; margin-bottom: 50px;}
#contents-main .article-popularity ul { margin-top: 10px; } 
#contents-main .article-popularity li { margin-bottom: 12px; } 
#contents-main .article-popularity .article-title { font-size: 15px; letter-spacing: -0.08em; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; } 

/* corona19 */
.corona19-box { position: relative; border-bottom: 1px solid #f1f1f1; margin-top:20px; padding-bottom: 10px; } 
.corona19-box .corona19-tit { font-size: 20px; } 
.corona19-box .info { display: inline-block; font-size: 11px; font-weight: normal; color: #777; } 
.corona19-box .txt { padding-right: 2px; font-weight: bold; } 
.corona19-box strong { font-weight: normal; } 
.corona-count ul { position: relative; overflow: hidden; clear: both; margin-top: 15px; /* margin-left: 5px; */ } 
.corona-count ul li { float: left; position: relative; padding-bottom: 8px; padding-left: 12px; } 
.corona-count ul li span { font-size: 12px; color:#000 } 
.corona-count ul li::before { content: ''; display: block; width: 7px; height: 7px; border-radius: 50%; position: absolute; left: 0; top:5px } 
.corona-count ul li.n01::before { background-color: #e5873f; } 
.corona-count ul li.n02::before { background-color: #a7322b; } 
.corona-count ul li.n03::before { background-color: #3b6be9; } 
.corona-count ul li.n04 { padding-left: 8px; } 
/*.corona-count ul li.n04::before { content:'/'; left:5px; top:0; color:#ddd; } */
.corona-count ul li.n01 { padding-right: 15px; } 
.corona-count ul li.n03 .counter,
.corona-count ul li.n04 .counter { font-size:11px; letter-spacing:-0.06em } 


/* today 20230424 */
#contents-main .today-box { position: relative; margin: 20px 0 0; border:4px solid #ebebeb; border-radius: 10px; } 
#contents-main .today-box .today-tit { position:absolute; top:-5px; left:-5px; width: 60px; padding-left: 30px; font-size:20px; font-weight:bold; color: #07a6a5; background-color: #fff; } 
#contents-main .today-box .today-tit:before { display: block; content: ''; position: absolute; left:2px; top:-3px; width: 23px; height: 18px; background: url(//img.hani.co.kr/section-image/15/hani/images/v2/icon/icon_today.png); } 
#contents-main .today-box .today-con { display: table; width:100%; min-height: 150px; } 
#contents-main .today-box .today-txt { display: table-cell; width:100%; vertical-align: middle; text-align: center; } 
#contents-main .today-box .today-words { text-align: center; color: #000; font-weight: bold; font-size: 22px; line-height: 1.4em; padding: 30px 15px 0; } 
#contents-main .today-box .today-talker { margin: 10px 0 20px; font-size: 14px; color: #666; } 

/* main-top juyo */
#contents-main #main-top .main-top03 .section-title,
#contents-main #main-top .article03 .article-area .category { font-weight: bold; font-size: 20px; color: #000; } 
#contents-main #main-top .article01 { position:relative; overflow:hidden; padding-bottom:30px; } 

/* main-middle notice */
#contents-main .article-notice { position:relative; margin:50px 0 10px; } 
#contents-main .article-notice ul { position:relative; overflow:hidden; } 
#contents-main .article-notice li { font-size: 15px; letter-spacing: -0.08em; padding:9px 0; } 
#contents-main .article-notice .notice-bn { margin:20px 0; position:relative; overflow:hidden; } 
#contents-main .article-notice .notice-bn .slide_box { position:relative; overflow:hidden; height:120px; width:300px; } 
#contents-main .article-notice .notice-bn .slide_part { position:absolute; top: 0px; } 
#contents-main .article-notice .notice-bn .slide_part img { width:300px; height:120px; } 
#contents-main .article-notice .notice-bn img { border:0; } 

/*
#contents-main .article-notice .notice-bn .btn-left { position:absolute; top:47px; left:5px; display:block; background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_noti_left.gif) no-repeat 0 0; width:14px; height:27px; opacity:0.3; filter: alpha(opacity=30); } 
#contents-main .article-notice .notice-bn .btn-left:hover { display:block; width:14px; height:27px; opacity:1; } 
#contents-main .article-notice .notice-bn .btn-right { position:absolute; top:47px; right:5px; display:block; background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_noti_right.gif) no-repeat 0 0; width:14px; height:27px; opacity:0.3; filter: alpha(opacity=30); } 
#contents-main .article-notice .notice-bn .btn-right:hover { display:block; width:14px; height:27px; opacity:1; } 
*/
#contents-main .article-notice .notice-bn p { text-align:right; color:#909090 } 
#contents-main .article-notice .notice-bn .btn-left { position:absolute; top:35%; left:5px; display:block; background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_noti_left.gif) no-repeat 0 0; background-size:9px 17px; width:9px; height:17px; opacity:0.2; filter: alpha(opacity=50); } 
 #contents-main .article-notice .notice-bn .btn-left:hover { display:block; opacity:1; } 
 #contents-main .article-notice .notice-bn .btn-right { position:absolute; top:35%; right:5px; display:block; background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_noti_right.gif) no-repeat 0 0; background-size:9px 17px; width:9px; height:17px; opacity:0.2; filter: alpha(opacity=50); } 
 #contents-main .article-notice .notice-bn .btn-right:hover { display:block; opacity:1; } 

/* main-middle2 */

/** .main-section **/
.main-section { position: relative; overflow: hidden; clear: both; border-top: 1px solid #333; padding-top: 20px; margin-top: 60px; } 
.main-section>div { float: left; } 
.main-section .section-box { width: 250px; margin-right: 33px; } 
.main-section .section-box:last-child { margin-right: 0; } 
.main-section .section-box .article-photo { width: 250px; height: 150px; margin-top: 10px; overflow: hidden; } 
.main-section .section-box .article-photo img { width: 248px; height: 148px; } 
.main-section .section-box li { font-size: 17px; letter-spacing: -0.07em; padding: 15px 0; border-bottom: 1px solid #f1f1f1; } 
.main-section .section-box li a { display: block; overflow: hidden; min-height: 50px; display: -webkit-box; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.main-section .section-box li:last-child { border:0; } 


/** #media-box **/
@-webkit-keyframes scale_small_ani { 
 0% { -webkit-transform:scale(1.5); transform:scale(1.5) } 
100% { -webkit-transform:scale(1); transform:scale(1) } 
 }
@keyframes scale_small_ani { 
 0% { -webkit-transform:scale(1.5); transform:scale(1.5) } 
100% { -webkit-transform:scale(1); transform:scale(1) } 
 }
@-webkit-keyframes scale_width_ani { 
 0% { -webkit-transform:scaleX(0); transform:scaleX(0) } 
100% { -webkit-transform:scaleX(1); transform:scaleX(1) } 
 }
@keyframes scale_width_ani { 
 0% { -webkit-transform:scaleX(0); transform:scaleX(0) } 
100% { -webkit-transform:scaleX(1); transform:scaleX(1) } 
 }

#media-box { position: relative; overflow: hidden; clear: both; background-color: #f2f5f7; margin: 80px auto; padding: 60px 0; min-width: 1100px; } 
#media-box .media-con { width: 1100px; margin: 0 auto; } 
#media-box .media-photo { float: left; position: relative; width: 558px; height: 336px; } 
#media-box .media-photo .img-box { position: relative; overflow:hidden; width: 558px; height: 336px; } 
#media-box .media-photo .img-box img { width: 100%; height: 100%; } 
#media-box .media-photo .img-box .img { -webkit-transform:scale(1.5); transform:scale(1.5); } 
#media-box .media-photo .img-box.active .img { -webkit-animation:scale_small_ani 5s cubic-bezier(0.215,0.61,0.355,1); animation:scale_small_ani 5s cubic-bezier(0.215,0.61,0.355,1); -webkit-transform:scale(1); transform:scale(1); transition-delay: 1s } 

#media-box .media-photo .txt { position: absolute; bottom: 0; left: 0; width: 558px; text-align: center; color: #fff; padding: 40px 0; } 
#media-box .media-con #slides { display:none; border-radius: 10px; overflow: hidden; } 

#media-box .media-photo .txt::before { content: ''; position: absolute; border-radius: 10px; bottom: 0; left: 0; width: 100%; height: 100%; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.81) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.81) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.81) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cf000000', GradientType=0); } 

#media-box .media-photo .tit { position: relative; font-size: 24px; letter-spacing: -0.09em; line-height:1.2em; } 
#media-box .media-title { width: 500px; float: left; padding-left: 40px; padding-top: 10px; } 
#media-box .media-title ul { padding-top: 20px; position: relative; overflow: hidden; } 
#media-box .media-title li { position: relative; overflow: hidden; font-size: 17px; line-height: 1.3em; margin-bottom: 20px; } 
#media-box .media-title li.active { font-weight: bold; text-decoration: underline; } 
#media-box .media-title img { position: relative; overflow: hidden; display: block; float: left; margin-right: 10px; vertical-align:top; } 
#media-box .media-title a { font-size: 17px; } 
#media-box .media-title li.active img { filter: grayscale(100%) brightness(0.4); } 


#media-box .media-bar { position: absolute; bottom: 10px; left: 0; width: 558px; text-align: center; z-index: 10 } 
#media-box .media-bar .page { position: relative; overflow: hidden; display: inline-block; text-align: center; margin-right: 15px; width: 80px; height: 5px; border-radius: 5px; color: transparent; background-color: rgba(255, 255, 255, 0.3); } 
#media-box .media-bar .page.active:after { content:''; position:absolute; left:0; top:0; height:100%; width:100%; background-color:#fff; -webkit-animation:scale_width_ani 5s linear; animation:scale_width_ani 5s linear; -webkit-transform-origin:0; transform-origin:0 } 
#media-box .media-bar .page.full { background-color:#fff; } 



/*bn slide 20170512*/
.bn-promotion { position:relative; overflow:hidden; } 
.bn-promotion .slide_box { position:relative; overflow:hidden; width:300px; height:90px; } 
.bn-promotion p { text-align:right; color:#909090 } 
.bn-promotion .slide_box .slide_part { position: absolute; top: 0px; } 
.bn-promotion .slide_box .slide_part img { width:300px; height:90px; } 
.bn-promotion .btn-left { position:absolute; top:35%; left:5px; display:block; background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_noti_left.gif) no-repeat 0 0;background-size:9px 17px; width:9px; height:17px; opacity:0.2; filter: alpha(opacity=50); } 
.bn-promotion .btn-left:hover { display:block; opacity:1; } 
.bn-promotion .btn-right { position:absolute; top:35%; right:5px; display:block; background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_noti_right.gif) no-repeat 0 0;background-size:9px 17px; width:9px; height:17px; opacity:0.2; filter: alpha(opacity=50); } 
.bn-promotion .btn-right:hover { display:block; opacity:1; } 


/* huffington */
#huffingtonPostKorea { overflow: hidden; position: relative; width: 1100px; margin: 60px auto 30px; text-align: left; background:url(//img.hani.co.kr/section-image/15/hani/images/common/line_two.gif) repeat-x 0 0; } 
#huffingtonPostKorea h3 { font-size: 20px; padding-top:30px; } 
#huffingtonPostKorea .tm-photo-list { padding-top:10px; } 
#huffingtonPostKorea .tm-photo-list li { float: left; margin-right: 25px; } 
#huffingtonPostKorea .tm-photo-list li:last-child { margin:0; border:0; } 
#huffingtonPostKorea .tm-photo-list li a { display: block; } 
#huffingtonPostKorea .tm-photo-list li a img { width:198px; height:118px; vertical-align: top; border:1px solid #ebebeb; } 
#huffingtonPostKorea .tm-photo-list li strong.title { display: block; width: 168px; margin-top: 5px; letter-spacing: -1px; font-size:14px; } 

/* sitemap */
#sitemap { overflow: hidden; position: relative; width: 1098px; margin: 60px auto 0; border: 1px solid #dbdbdb; text-align: left; } 
#sitemap .fold { position: absolute; top: 14px; right :13px; } 
#sitemap .fold a { display: block; width: 14px; height: 13px; background: url(//img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_sitemap.gif) no-repeat 0 -13px; } 
#sitemap .fold.open a { background-position: 0 0; } 
#sitemap .sitemap-title h3 { font-size:13px; color:#000; padding: 14px 0 12px 13px; } 
#sitemap .sitemap-layer { overflow: hidden; display: none; border-top: 1px solid #f4f4f4; } 
#sitemap .sitemap-layer .line02 { margin-top:20px; } 
#sitemap .sitemap-layer dl { float:left; width:120px; } 
#sitemap .sitemap-layer dl.line-a { width:90px; } 
#sitemap .sitemap-layer dl.line-c { width:125px; } 
#sitemap .sitemap-layer dt { padding: 10px 0 8px; font-size: 12px; font-weight: bold; color: #444; } 
#sitemap .sitemap-layer dt a { color: #444; } 
#sitemap .sitemap-layer dt li { line-height:1.5em; } 
#sitemap .sitemap-layer dd { padding-bottom:5px; } 
#sitemap .sitemap-layer dd a { line-height: 17px; font-size: 12px; color: #777; } 
#sitemap .sitemap-layer.open { display: block; } 

#sitemap.open .fold a { background-position: 0 -13px; } 
#sitemap.close .fold a { background-position: 0 0; } 
#sitemap.open .sitemap-layer { display:block; } 
#sitemap.close .sitemap-layer { display:block; height:0px; overflow: hidden; border:0px; } 

#sitemap li { float:left; vertical-align:middle; font-size:15px; } 
#sitemap .over-list.article-plus { background-color:#fff; padding:0; width:100%; -webkit-box-shadow: 2px 4px 4px rgba(0,0,0,0.5); -moz-box-shadow: 2px 4px 4px rgba(0,0,0,0.5); box-shadow: 2px 4px 4px rgba(0,0,0,0.5); z-index:-1 } 
#sitemap .over-list.article-plus table { position:relative; overflow:hidden; } 
#sitemap .over-list.article-plus table tr.first th,
#sitemap .over-list.article-plus table tr.first td { padding-top:20px; } 
#sitemap .over-list.article-plus table tr.last th,
#sitemap .over-list.article-plus table tr.last td { padding-bottom:10px; } 
#sitemap .over-list.article-plus table a { display:inline; } 
#sitemap .over-list.article-plus th { text-align:right; width:20%; height:20px; background-color:#f8f8f8; padding: 8px 15px; font-size:13px; font-weight:bold; color:#000; } 
#sitemap .over-list.article-plus th span.bar { color:#ebebeb; padding: 0 5px; } 
#sitemap .over-list.article-plus th.title { _width:auto; *width:auto; text-align: left; padding-left: 15%; } 
#sitemap .over-list.article-plus td { text-align:left; font-size:13px; padding: 8px 0 8px 15px; } 
#sitemap .over-list.article-plus td ul { background:none; height:auto; } 
#sitemap .over-list.article-plus td ul li { font-size:13px; padding:0; padding-right:10px; margin-right:10px; white-space:nowrap; } 


/* footer */
#footer .logo { float: left; width: 136px; height: 70px; } 
#footer .footer-inner { float: left; width: 964px; margin: 10px 0 0; } 
#footer .footer-inner .footer-link { width: 100%; zoom: 1; } 
#footer .footer-inner .footer-link:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; } 
#footer .footer-inner .footer-link.first-child { border-bottom: 1px solid #eaeaea; } 
#footer .footer-inner .links { float: left; } 
#footer .footer-inner h4, #footer .footer-inner .links li { float: left; font-size: 11px; line-height: 1.1; letter-spacing: -1px; } 
#footer .footer-inner h4 { padding-top: 10px; padding-right: 8px; background: url(//img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x4_222.gif) no-repeat 100% 14px; font-weight: bold; color: #222; margin-right: 7px; } 
#footer .footer-inner .links li a { display: block; float: left; padding:10px 15px 8px 0; color: #777; } 
#footer .footer-inner .links li.last-child a { background: none; } 
#footer .footer-inner .social { float: right; margin:5px 0; } 
#footer .footer-inner .social li, #footer .footer-inner .social a { float: left; } 
#footer .footer-inner .social a { display: block; } 
#footer .footer-inner .social .facebook { background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_top_facebook.png) no-repeat; width:20px; height:20px; margin-right:6px; } 
#footer .footer-inner .social .twitter { background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_top_twitter.png) no-repeat; width:20px; height:20px; } 

#footer .footer-inner #family-sites { position: relative; float: right; margin: 2px 0 0; } 
#footer .footer-inner #select-title { float: right; padding: 4px 0 2px 7px; border: 1px solid #dbdbdb; } 
#footer .footer-inner #select-title:hover { text-decoration: none; color: #222; } 
#footer .footer-inner #select-title { background:url(//img.hani.co.kr/section-image/15/hani/images/v2/btn_select.png) no-repeat 100% 2px; } 
#footer .footer-inner #select-layer { display: none; position: absolute; bottom: 0; right: 0; width:100%; } 
#footer .footer-inner #select-layer { border: 1px solid #ebebeb; background: #fff; } 
#footer .footer-inner #select-layer ul.site-list { overflow: auto; overflow-x:hidden; height: 80px; padding: 7px 0; margin: 0 auto; } 
#footer .footer-inner #select-layer ul.site-list li { line-height: 21px; } 
#footer .footer-inner #select-layer ul.site-list li a { overflow: hidden; padding: 0 0 0 7px; } 
#footer .footer-inner #select-layer ul.site-list li a:hover { color: #222; } 

#footer .footer-inner #family-sites.open #select-layer { display: block; } 
#footer .footer-inner #family-sites.close #select-layer { display: block; height:0px; overflow:hidden; border: 0px; } 

#footer.renewal .footer-inner .footer-link.first-child .links li a { display: block; float: left; padding:10px 15px 8px 0; color: #000; font-weight: bold; } 
#footer.renewal .footer-inner .footer-link.first-child h4 { background: none; } 

/*20200622*/
#footer .copyright { clear: both; width:100%; border-top: 1px solid #ddd; padding: 10px 0 20px; text-align: center; font-size: 11px; color: #555; line-height: 1.3; } 
#footer .copyright p { font-family: verdana; font-size:11px; padding-top:10px; } 
#footer .copyright .copyright-info { position:relative; overflow:hidden; clear:both; text-align:center; padding: 0 40px; } 
#footer .copyright .copyright-info li { position:relative; display:inline-block; font-size:11px; padding: 4px 7px 4px 3px; color: #777; } 
#footer .copyright .copyright-info li.last-child { background: none; } 
#footer .copyright .copyright-info li:before { content: ''; display: block; width: 1px; height: 8px; position:absolute; right: 0; background-color: #e4e4e4; top: 8px; } 
#footer .copyright .copyright-info li.last-child:before { background-color: #fff; } 


/* mouseover scale*/
.article-photo img { transition:all 1s ease .1s; } 
.article-photo img:hover { transform: scale(1.2); } 

#contents-main .article01 .article-photo img:hover + .icon_photo_video,
#contents-main .article-photo img:hover + .icon_photo_video,
#contents-main .article-photo img:hover + .icon_photo_play {
  border-color: #fff; box-shadow: 1px 0px 25px #333; margin: 0; width: 40px; height: 40px;
  transition: all 0.3s, border 0.2s 0.1s;
}
#contents-main .article-photo img:hover + .icon_photo_pictorial {
  border-color: #fff; box-shadow: 1px 0px 25px #333; margin: 0; width: 40px; height: 40px;
  padding: 5px 1px 3px;
  transition: all 0.3s, border 0.2s 0.1s;
}
#contents-main .main-top-article .article01 .article-photo img:hover + .icon_photo_video,
#contents-main .main-top-article .article-photo img:hover + .icon_photo_video,
#contents-main .main-top-article .article-photo img:hover + .icon_photo_play {
  width: 50px;
  height: 50px;
  left: 20px;
  bottom: 20px;
}
#contents-main .main-top-article .article-photo img:hover + .icon_photo_pictorial {
  width: 50px;
  height: 50px;
  left: 20px;
  bottom: 15px;
}
#contents-main .article01 .article-photo img:hover + .icon_photo_video,
#contents-main .article-photo img:hover + .icon_photo_video,
#contents-main .article-photo img:hover + .icon_photo_play {
  left: 10px;
  bottom: 10px;
}
#contents-main .article-photo img:hover + .icon_photo_pictorial {
  left: 10px;
  bottom: 11px;
}
 
#contents-main .article01 .article-photo { margin-right:15px; } 
#contents-main .article01 .article-photo img { margin:0; padding:0; } 

#contents-main .article-photo { overflow:hidden; display:block; } 
#contents-main .article-photo img { overflow:hidden; margin:0; padding:0; } 

#contents-main .article-right .article-photo { float:right; overflow:hidden; display:block; margin-left:10px; } 
#contents-main .article-right .article-photo img { margin-left:0; } 


/* -----------ad------------------ */
.icon_ad_title { position:absolute; top:1px; right:1px; display:block; width:32px; height:22px; background-color:#000; color:#fff; font-size:13px; font-weight:bold; padding: 4px 0 0 8px } 

/* 날씨 */
.ad-weather-banner { padding: 0 0 10px; background-color:#fff; } 
.ad-weather-banner .ad-in { position: relative; overflow: hidden; box-sizing: border-box; width: 100%; height: 120px; text-align: left; border: 0; background: #f5f5f5; display: table; } 
.ad-weather-banner .weather-info { width: 85px; height: 85px; padding: 23px 0 0 38px;  display: none;} 
.ad-weather-banner .weather-info .today-date { display: block; /* font-family: dotum; */font-size: 13px; text-align: center; color: #000; /* padding:0 0 3px 10px; */letter-spacing: 0; } 
.ad-weather-banner .ad-banner { text-align:right; width: 730px; height: 100px; background: #f7f7f7; padding: 10px; vertical-align: middle; display: table-cell; text-align: center;} 
.ad-weather-banner .ad-banner-in { position: relative; overflow: hidden; max-height: 100px; } 
.ad-weather-banner .weather-in { text-align: center; padding-top: 3px; } 
.ad-weather-banner .weather-in .area { /* font-family: dotum; */font-size: 12px; color: #000; /* margin-left:10px; */ } 
.ad-weather-banner .weather-in .temperature { /* font-family: dotum; */font-size: 12px; color: #ee6433; } 
.ad-weather-banner .weather-in .temperature-img { padding-top: 3px; display:block; border:0; } 
.ad-weather-banner .weather-in .temperature-img img { border:0; } 


/* 네이티브 광고 2단*/
#contents-main .ad-native h3.section-title { color:#777; font-size:13px; } 
#contents-main .ad-native { background-color:#fff; padding:0; margin:0 } 

/** 네이티브 광고 20170717- 3단 **/
.ad-native { background-color:#333333; color:#fff; font-size:15px; line-height:1.3em; padding:2px 4px; display:inline-block; margin-top:10px; } 
.ad-300x180-area { position:relative; overflow:hidden; } 
.ad-300x180-area .group { display:block; font-size:14px; color:#000; font-weight: bold; margin-top:0px; padding:0; line-height:1.3em; height:18px; } 
.ad-300x180-area .number { position:absolute; top:0; right:0; color:#909090; display: none } 
.ad-300x180-area .number .slash { padding: 0 2px; } 
.ad-300x180-area .slide_box { position:relative; overflow:hidden; width:300px; height:220px; } 
.ad-300x180-area .slide_box .slide_part { position: absolute; top: 0px; width:300px; height:220px; } 
.ad-300x180-area .ad-title { font-weight: normal; } 
.ad-300x180-area .slide_box.new { height: 240px; } 
.ad-300x180-area.ad-slide .number { display:block; z-index: 1; } 
.ad-300x180-area.ad-slide .slide_box { height: 240px; } 

/* 좌우 여백광고 */
#visual-ad_wind.main { position: relative; width: 1100px; margin: 0 auto; text-align: left; z-index: 100; } 
#visual-ad_wind.main #left_wing.left_wing { display:block; top:80px; right:1150px; position: absolute; overflow: visible; } 
#visual-ad_wind.main #right_wing.right_wing { display:block; top:80px; left:1150px; position: absolute; overflow: visible; } 

#contents-main .text-ad1,
#contents-main .visual-ad1 { padding-top: 10px; } 
#main-top .ad-weather-banner { padding: 0 0 40px; } 


/* 많이본기사 추가-20220620*/
#contents-main .article-popularity.type2 {margin-top: 10px;}
#contents-main .article-popularity.type2 h4.article-tit {font-size: 15px;letter-spacing: -0.08em; font-weight: normal;line-height: 1.4em;}
#contents-main .article-popularity.type2 .article-photo {width: 76px;height: 46px;float: right;margin-left: 10px;}
#contents-main .article-popularity.type2 .article-photo img {width: 74px;height: 44px;}
#contents-main .article-popularity.type2 ul {margin-top: 0;vertical-align: top;}
#contents-main .article-popularity.type2 li {position: relative;overflow:hidden; clear: both; font-size: 15px;list-style: none;padding-left: 25px;margin-bottom: 12px;vertical-align: top;padding-top: 12px;}
#contents-main .article-popularity.type2 li + li {border-top: 1px solid #f1f1f1;}
#contents-main .article-popularity.type2 li::before {content: '';display: block;width: 15px; height:20px;position: absolute;left:2px;top:16px;background: url(https://img.hani.co.kr/section-image/15/hani/images/common/list_num_all.svg) no-repeat 0 0;}
#contents-main .article-popularity.type2 li:nth-child(2):before  {background-position: -17px 0;}
#contents-main .article-popularity.type2 li:nth-child(3):before  {background-position: -37px 0;}
#contents-main .article-popularity.type2 li:nth-child(4):before  {background-position: -57px 0;}
#contents-main .article-popularity.type2 li:nth-child(5):before  {background-position: -77px 0;}
#contents-main .article-popularity.type2 li:nth-child(6):before  {background-position: -97px 0;}


/****** 특집 템플릿 body : class******/
/** olympics - 20210727 */
.olympics-emblem { position: absolute; top: 34px; left: 182px; } 
.olympics .olympics-bn { position: absolute; top: 34px; left: 182px; } 
.olympics #main-top .main-top-area { background: url(https://img.hani.co.kr/section-image/21/olympics/bg_main_juyo_tokyo2020.png) repeat-y 0 0 } 
.olympics #main-top .main-top-area .main-top02 .article02 .article-area .category { display: none; } 
.olympics #main-top .main-top-area .main-top02 .article-title a { color:#fff } 
.olympics #main-top .main-top-area .main-top02 .olympics-tit { margin: -20px 0 20px -20px; height: 92px; width: 240px; } 
.olympics #main-top .main-top-area .main-top02 .article-photo img { border: 1px solid #7f1d2c; } 
#main-top .main-top-area .main-top02 .olympics-tit { display: none; } 

/*베이징올림픽 - main 20220128*/
.beijing2022 { position: relative; overflow: hidden; margin: 0 0 40px; background: #1d94d7; border-radius: 10px; } 
.beijing2022:before { display: block; content:''; position: absolute; right:0; bottom:0; width: 200px; height: 200px; background: url(https://img.hani.co.kr/section-image/22/olympic/beijing2022_bg.png) no-repeat; background-size: 200px 200px; } 
.beijing2022 .tit { position: relative; padding: 10px 15px 5px; background: #0f89cd; border-radius: 10px 10px 0 0; } 
.beijing2022 .tit span { position: absolute; right:15px; bottom:10px; color: #c8ddf0; font-size: 15px; letter-spacing: 0; } 
.beijing2022 .article-area a { color: #fff; } 
.beijing2022 .articleB .article-area { width: 100%; display: block; border-top: 1px solid #3a9ed6; padding: 10px 0 5px; } 
.beijing2022 .articleA,
.beijing2022 .articleB { position: relative; overflow: hidden; clear: both; padding: 0 15px; margin-top: 15px; } 
.beijing2022 .articleA .article-area { width: 200px; display: inline-block; vertical-align: top; } 
.beijing2022 .articleA .article-area:first-child { margin-right: 16px; } 
.beijing2022 .articleA .article-title { font-weight: 400; margin-top: 5px; font-size: 15px;overflow: hidden;max-height: 40px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.4em; } 
.beijing2022 .articleB .article-title { font-size: 17px; font-weight: normal;line-height: 1.4em; padding-bottom: 10px; } 
#contents-main .beijing2022 .articleA .category { color: #b0fff5; margin-bottom: 3px; } 
#contents-main .beijing2022 .articleA .category a { color: #b0fff5; } 
#contents-main .beijing2022 .articleA .article-photo { width: 200px; height: 120px; border-radius: 5px; } 
#contents-main .beijing2022 .articleA .article-photo img { width: 198px; height: 118px; border-color: #3a9ed6; border-radius: 5px; } 


/*bg
#main-top.type2 .main-top .main-top-article {float:left;width:1100px;padding-bottom: 20px;margin-bottom:0;padding-top:10px;border-radius:5px} 
#main-top.type2 .main-top .main-top-article .article-title{ padding-top:15px;}
#main-top.type2 .main-top-article .article-prologue {padding: 5px 20px 10px;background: #000;border-radius: 0 0 5px 5px;height: 44px;}
#main-top.type2 .main-top-article .article-prologue a {color:#ddd}
#main-top.type2 .main-top-article .article-photo {width: 1100px;height: 440px;background: #000;border-radius: 5px 5px 0 0;} 
#main-top.type2 .main-top-article .article-photo img{ border:0; width:1068px; height:408px; padding:15px }
#main-top.type2 .main-top03 {margin-top:10px}
#header.support {background-color: #000;}
#header.support #search_form .form_search input.text {background-color: #333 !important;}
*/


/* cop27 - 20221104 */
body.cop27 #contents-main #main-top .main-top .main-top02 { padding-top: 0;}
body.cop27 #contents-main #main-top .article02:first-child {background-color: #64a34f; padding-bottom: 10px; padding-top: 20px; margin-bottom: 20px; overflow:initial}
body.cop27 #contents-main #main-top .article02:first-child:before {display: block; content: ''; position: absolute;  right:10px; top:-15px; background: url(https://img.hani.co.kr/section-image/22/cop27.png) no-repeat; background-size: 45px 53px; width: 45px; height: 53px;}
body.cop27 #contents-main #main-top .article02:first-child .article-area .category,
body.cop27 #contents-main #main-top .article02:first-child .article-area .category a{ color: #fff; font-size: 15px;}
body.cop27 #contents-main #main-top .article02:first-child .article-title a { color: #fff;}



/* 황저우 아시안게임 2022 - main 20230907 */
.asian2022 {position: relative; font-family: 'pretendard'; padding-bottom: 20px; margin-bottom: 35px;}
.asian2022-header {position: relative; padding: 14px 0 10px 20px;}
.asian2022-header .tit {display: block; width: 323px;}
.asian2022 img {width: 100%; max-width: 100%; border: none !important;}
.asian2022-header .date {display: block; text-align: right; font-size: 14px; font-weight: bold; color: #333;}
.asian2022 .article-wrap .articleA {display: flex; padding: 0 20px; gap: 20px;}
.asian2022 .article-wrap .articleA .article-area {width: 100%; border-radius: 8px; overflow: hidden;background-color: #fff; }
.asian2022 .article-wrap .articleA .article-photo {width: 200px; height: 119px; font-size: 0; line-height: 0;}
.asian2022 .article-wrap .articleA .article-title {padding: 10px; font-size: 17px; line-height: 1.4; font-weight: 500;}
.asian2022 .article-wrap .articleB .article-area {margin-top: 24px; padding: 0 20px 0 30px;}
.asian2022 .article-wrap .articleB .article-title a {position: relative; display: block; color: #fff; font-size: 17px; padding-left: 8px; line-height: 1.4; font-weight: 500;}
.asian2022 .article-wrap .articleB .article-title a:before {content: ""; position: absolute; left: 0; top: 9px;  width: 3px; height: 3px; border-radius: 50%; background-color: #fff;}
.asian2022 .asian-bg {position: absolute; left: 0; right: 0; bottom: 0;top: 133px; pointer-events: none; border-radius: 10px; overflow: hidden;}
.asian2022 .asian-bg:after {content:"";position: absolute; inset: 0; bottom: -20px; background: url(https://img.hani.co.kr/section-image/23/asiangame/asian2022_bg.png) no-repeat left bottom / 289px; opacity: 0.5;}
.asian2022 .asian-bg:before {content:"";position: absolute; inset: 0; background: linear-gradient(117deg, #3252F5 0%, #AB0BFF 100%);z-index: -1;}