@charset "utf-8";

/*************************************************
연합뉴스 (http://www.yonhapnews.co.kr/)
2017.05.17
commnet : common 2nd
*************************************************/

.view2016 .contents01{width:586px;}
.view2016 .article-wrap{padding:0;}
.view2016 .section-list-wrap{display:none;} /*특파원 내비게이션 본문 숨김 */

.view2016 .view-ad-wrap{margin:29px 0;}

/* .view2016 .view-ad-wrap iframe:nth-child(2),
.view2016 .view-ad-wrap iframe:nth-child(3){display:none;} 2017-08-21 광고서버 문제로 일시 중단 */

.view2016 .view-wrap .related-wrap{margin:29px 0;}

.view2016 .comment-wrap{margin:50px 0 60px 0;}
.view2016 #liverePlugIn{padding:0;}
.view2016 .view-wrap03{}
.view2016 .view-wrap03>iframe{margin:10px 0 19px !important;}
.view2016 .ad-box-popin{}
.view2016 .ad-box-popin ._popIn_recommend_header{margin-bottom:0;padding:19px 0 4px 0;border:none;border-top:1px solid #ddd;}
.view2016 .ad-box-popin ._popIn_infinite_page{margin-left:-15px;}
.view2016 .ad-box-popin ._popIn_recommend_article{margin-left:15px;}

.view2016 .list-style05 .tit-category{height:29px;padding-left:0;font-size:15px;line-height:29px;}
.view2016 .photomovie2{margin-left:-15px;}
.view2016 .photomovie2 .sector{padding:0;margin-left:15px;}

/* .view2016 .article-wrap .article .article-img{overflow:hidden;width:100%;}
.view2016 .article-wrap .article .article-img img{max-width:586px !important;max-height:680px !important;}
.view2016 .article-wrap .article .article-img .img-info{width:100%;margin:0 auto;padding-top:12px;text-align:left;color:#777;letter-spacing:0;}
.view2016 .article-wrap .article .article-img .rowH{max-height:680px !important;}

.article-wrap .article .img-p4{}
.article-wrap .article .img-p4 img{}
.article-wrap .article .img-p4 .img-info{}

.view2016 .article-wrap .article .img-inner{width:500px !important;}
.view2016 .article-wrap .article .img-inner img{width:auto !important;max-width:500px !important;}
.view2016 .article-wrap .article .img-inner .img-info{width:500px;} */

/* .view2016.view-v1{}
.view2016.view-v1 .article-wrap .article .article-img img{width:100%;}
.view2016.view-v1 .article-wrap .article .img-p4 .rowH{width:auto;}
.view2016.view-v1 .article-wrap .article .img-inner .colW{}
.view2016.view-v1 .article-wrap .article .img-inner .colW.small{width:auto;}
.view2016.view-v1 .article-wrap .article .img-inner .rowH{width:auto;} */

/* .view2016 .article-wrap .tit-article{font-family:'맑은고딕',Malgun Gothic,sans-serif;font-size:28px;line-height:1.2;font-weight:800;color:#000;letter-spacing:-2px;} */
.view2016 .article-wrap .article .article-img img{width:100%;opacity:0;}

.trident .view2016 .article-wrap .article .article-img img,
.view2016.msie8-lte .article-wrap .article .article-img img{opacity:1;} /* 호환성, ie7, ie8 */
@media \0screen{
	.view2016 .article-wrap .article .article-img img{width:auto;opacity:1;} /* ie8 (스크립트 안되는 환경 고려)*/
}

/* 본문 매핑 이미지 유형별 클래스
	내장 - article-img.img-inner
	P4 - article-img.img-p4
	P2 - article-img.img-p2
	P2 세로형 - article-img.img-p2-rowH
	P2 세로형 그래픽 - article-img.img-p2.img-Gyh
	카드 - article-img.img-card

	colW.small, colW.large
	rowH */
.view2016 .article-wrap .article .article-img{}
.view2016 .article-wrap .article .article-img img{
-webkit-animation:cubic-bezier(0.895, 0.03, 0.685, 0.22) both;-webkit-animation-play-state:paused;
-moz-animation:cubic-bezier(0.895, 0.03, 0.685, 0.22) both;-moz-animation-play-state:paused;
-o-animation:cubic-bezier(0.895, 0.03, 0.685, 0.22) both;-o-animation-play-state:paused;
animation:cubic-bezier(0.895, 0.03, 0.685, 0.22) both;animation-play-state:paused;}
.view2016 .article-wrap .article .article-img .large{width:100%;}

.view2016 .article-wrap .article .img-inner .small,
.view2016 .article-wrap .article .img-p2 .rowH,
.view2016 .article-wrap .article .img-p4 .rowH,
.view2016 .article-wrap .article .img-p4 .colW.small{
	width:auto;opacity:1;
	animation-name:fadeIn;
	-webkit-animation-name:fadeIn;
	-moz-animation-name:fadeIn;
	-ms-animation-name:fadeIn;
	-o-animation-name:fadeIn;
	animation-duration:600ms;
	-webkit-animation-duration:600ms;
	-moz-animation-duration:600ms;
	-ms-animation-duration:600ms;
	-o-animation-duration:600ms;
	animation-delay:1100ms;
	-webkit-animation-delay:1100ms;
	-moz-animation-delay:1100ms;
	-ms-animation-delay:1100ms;
	-o-animation-delay:1100ms;
	animation-play-state:running;
	-webkit-animation-play-state:running;
	-moz-animation-play-state:running;
	-ms-animation-play-state:running;
	-o-animation-play-state:running;
}

.view2016 .article-wrap .article .img-p2.img-Gyh img{
	width:auto;max-height:inherit !important;opacity:1;
	animation-name:fadeIn;
	-webkit-animation-name:fadeIn;
	-moz-animation-name:fadeIn;
	-ms-animation-name:fadeIn;
	-o-animation-name:fadeIn;
	animation-duration:600ms;
	-webkit-animation-duration:600ms;
	-moz-animation-duration:600ms;
	-ms-animation-duration:600ms;
	-o-animation-duration:600ms;
	animation-delay:1100ms;
	-webkit-animation-delay:1100ms;
	-moz-animation-delay:1100ms;
	-ms-animation-delay:1100ms;
	-o-animation-delay:1100ms;
	animation-play-state:running;
	-webkit-animation-play-state:running;
	-moz-animation-play-state:running;
	-ms-animation-play-state:running;
	-o-animation-play-state:running;
}

.view2016 .article-wrap .article .img-inner .large,
.view2016 .article-wrap .article .img-p2 .small,
.view2016 .article-wrap .article .img-p2 .large,
.view2016 .article-wrap .article .img-p4 .colW{
	opacity:1;
	animation-name:showIn;
	-webkit-animation-name:showIn;
	-moz-animation-name:showIn;
	-ms-animation-name:showIn;
	-o-animation-name:showIn;
	animation-duration:0;
	-webkit-animation-duration:0;
	-moz-animation-duration:0;
	-ms-animation-duration:0;
	-o-animation-duration:0;
	animation-delay:0;
	-webkit-animation-delay:0;
	-moz-animation-delay:0;
	-ms-animation-delay:0;
	-o-animation-delay:0;
	animation-play-state:running;
	-webkit-animation-play-state:running;
	-moz-animation-play-state:running;
	-ms-animation-play-state:running;
	-o-animation-play-state:running;
}

.view2016 .article-wrap .article .img-inner .rowH,
.view2016 .article-wrap .article .img-card img,
.view2016 .article-wrap .article .img-p2-rowH img{
	width:auto;opacity:1;
	animation-name:showIn;
	-webkit-animation-name:showIn;
	-moz-animation-name:showIn;
	-ms-animation-name:showIn;
	-o-animation-name:showIn;
	animation-duration:0;
	-webkit-animation-duration:0;
	-moz-animation-duration:0;
	-ms-animation-duration:0;
	-o-animation-duration:0;
	animation-delay:0;
	-webkit-animation-delay:0;
	-moz-animation-delay:0;
	-ms-animation-delay:0;
	-o-animation-delay:0;
	animation-play-state:running;
	-webkit-animation-play-state:running;
	-moz-animation-play-state:running;
	-ms-animation-play-state:running;
	-o-animation-play-state:running;
}

@-webkit-keyframes showIn{
	0%{opacity:1;} 100%{opacity:1;}
}
@-moz-keyframes showIn{
	0%{opacity:1;} 100%{opacity:1;}
}
@-ms-keyframes showIn{
	0%{opacity:1;} 100%{opacity:1;}
}
@-o-keyframes showIn{
	0%{opacity:1;} 100%{opacity:1;}
}
@keyframes showIn{
	0%{opacity:1;} 100%{opacity:1;}
}

@-webkit-keyframes fadeIn{
	0%{opacity:0;} 80%{opacity:1;} 100%{opacity:1;}
}
@-moz-keyframes fadeIn{
	0%{opacity:0;} 80%{opacity:1;} 100%{opacity:1;}
}
@-ms-keyframes fadeIn{
	0%{opacity:0;} 80%{opacity:1;} 100%{opacity:1;}
}
@-o-keyframes fadeIn{
	0%{opacity:0;} 80%{opacity:1;} 100%{opacity:1;}
}
@keyframes fadeIn{
	0%{opacity:0;} 80%{opacity:1;} 100%{opacity:1;}
}

/* 공유버튼 2017-05-19 */
.sns-share01 button{transition:all .2s ease;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-ms-transition:all .2s ease;
-o-transition:all .2s ease;}
.sns-share01 button span{overflow:hidden;display:inline-block;width:39px;height:39px;background:url(../sprites_img2015_07.png) -40px -320px no-repeat;text-align:left;text-indent:-5000px;
transition:background-color .25s ease;
-webkit-transition:background-color .25s ease;
-moz-transition:background-color .25s ease;
-ms-transition:background-color .25s ease;
-o-transition:background-color .25s ease;}

.sns-share01 .more{}
.sns-share01 .fb{}
.sns-share01 .tw{}
.sns-share01 .kks{}
.sns-share01 .fbm{}
.sns-share01 .band{}
.sns-share01 .blog{}
.sns-share01 .ggp{}
.sns-share01 .pin{}

.sns-share01 .more span{background-position:0 -321px;}
.sns-share01 .fb span{background-position:-40px -320px;}
.sns-share01 .tw span{background-position:-80px -320px;}
.sns-share01 .kks span{background-position:-242px -320px;}
.sns-share01 .fbm span{background-color:#0084ff;background-position:-280px -360px;}
.sns-share01 .band span{background-color:#51cd8a;background-position:-160px -360px;}
.sns-share01 .blog span{background-color:#42d31a;background-position:-200px -360px;}
.sns-share01 .ggp span{background-color:#dd4b39;background-position:-120px -360px;}
.sns-share01 .pin span{background-color:#bd3225;background-position:-320px -360px;}

.sns-share01 button:focus{outline:none;}
.sns-share01 .more.on span,
.sns-share01 .more:hover span{background-color:#3d3d3d;background-position:0 -361px;}
.sns-share01 .fb:hover span{background-color:#3b5998;background-position:-40px -360px;}
.sns-share01 .tw:hover span{background-color:#4099ff;background-position:-80px -360px;}
.sns-share01 .kks:hover span{background-color:#ffd40e;background-position:-241px -360px;}
/* 버튼 클릭 > 팝업 닫음 > 포커스 활성화
.sns-share01 button:focus{outline:none;}
.sns-share01 button:focus span{transition:initial;-webkit-transition:initial;-moz-transition:initial;-o-transition:initial;-ms-transition:initial;}
.sns-share01 .more.on span,
.sns-share01 .more:hover span,
.sns-share01 .more:focus span{background-color:#3d3d3d;background-position:0 -360px;}
.sns-share01 .fb:hover span,
.sns-share01 .fb:focus span{background-color:#3b5998;background-position:-40px -360px;}
.sns-share01 .tw:hover span,
.sns-share01 .tw:focus span{background-color:#4099ff;background-position:-80px -360px;}
.sns-share01 .kks:hover span,
.sns-share01 .kks:focus span{background-color:#ffd40e;background-position:-240px -360px;} */

.sns-share01{position:absolute;top:-5px;right:124px;width:160px;z-index:20;}
.sns-share01:after{content:"";visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
.sns-share01 button{float:left;}

.more-wrap{display:inline-block;position:relative;float:left;}
.more-wrap .more-list{visibility:hidden;opacity:0;z-index:-1;position:absolute;top:0;left:39px;width:200px;}
.more-wrap .more-list button{visibility:hidden;opacity:0;z-index:-1;}
.more-wrap .more-list:after{content:"";visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}

.more-wrap:hover .more-list{visibility:visible;opacity:1;z-index:1;}
.more-wrap:hover .more-list button{visibility:visible;opacity:1;z-index:1;}

.more-list button:nth-child(1){
transition-delay:0s;
-webkit-transition-delay:0s;
-moz-transition-delay:0s;
-ms-transition-delay:0s;
-o-transition-delay:0s;
}
.more-list button:nth-child(2){
transition-delay:0.05s;
-webkit-transition-delay:0.05s;
-moz-transition-delay:0.05s;
-ms-transition-delay:0.05s;
-o-transition-delay:0.05s;
}
.more-list button:nth-child(2){
transition-delay:0.1s;
-webkit-transition-delay:0.1s;
-moz-transition-delay:0.1s;
-ms-transition-delay:0.1s;
-o-transition-delay:0.1s;
}
.more-list button:nth-child(3){
transition-delay:0.15s;
-webkit-transition-delay:0.15s;
-moz-transition-delay:0.15s;
-ms-transition-delay:0.15s;
-o-transition-delay:0.15s;
}
.more-list button:nth-child(4){
transition-delay:0.20s;
-webkit-transition-delay:0.20s;
-moz-transition-delay:0.20s;
-ms-transition-delay:0.20s;
-o-transition-delay:0.20s;
}
.more-list button:nth-child(5){
transition-delay:0.25s;
-webkit-transition-delay:0.25s;
-moz-transition-delay:0.25s;
-ms-transition-delay:0.25s;
-o-transition-delay:0.25s;
}

/* 프린트, 폰트축소/확대 2017-05-19 */
.article-sns-md.sns-md04 .link-btn-md{float:right;width:110px;text-align:right;position:absolute;right:-15px;top:-7px;width:120px;padding-left:10px;background:url(../bg_bar_1x17.gif) 0 12px no-repeat;z-index:10;}
.article-sns-md.sns-md04 .link-btn-md li{position:relative;z-index:501;float:left;width:39px;height:39px;}
.article-sns-md.sns-md04 .link-btn-md li a{overflow:hidden;display:inline-block;width:39px;height:39px;background:url(../sprites_img2015_08.png) -40px -200px no-repeat;text-align:left;text-indent:-5000px;}
.article-sns-md.sns-md04 .link-btn-md .btn_print a{background-position:-240px -200px;}
.article-sns-md.sns-md04 .link-btn-md .btn_print a:hover,
.article-sns-md.sns-md04 .link-btn-md .btn_print a:focus{background-position:-240px -200px;}
.article-sns-md.sns-md04 .link-btn-md .btn_zoom_in a{background-position:-281px -199px;}
.article-sns-md.sns-md04 .link-btn-md .btn_zoom_in a:hover,
.article-sns-md.sns-md04 .link-btn-md .btn_zoom_in a:focus{background-position:-281px -199px;}
.article-sns-md.sns-md04 .link-btn-md .btn_zoom_out a{background-position:-321px -199px;}
.article-sns-md.sns-md04 .link-btn-md .btn_zoom_out a:hover,
.article-sns-md.sns-md04 .link-btn-md .btn_zoom_out a:focus{background-position:-321px -199px;}

#origin_graphic_div{border:none !important;}

/* 퀴즈 메인 2017-06-01 */
.question-zone{margin:20px 0 30px 0;}
.question-zone .tit-type01{}
.question-zone .tit-type01 a{padding-right:0 !important;background:none !important;}
.question-zone .tit-type01 strong{padding-right:14px !important;background:url(../ico_more_5x9.png) 100% 6px  no-repeat !important;}
.question-zone .tit-type01 .mes{margin-left:4px;color:#ed6b00;}

.question-zone li{width:298px !important;margin-right:0 !important;background:#fff;border:1px solid #6fa0dd;}
.question-zone .img-con{float:left;}
.question-zone .news-con{float:left;width:150px;}
.question-zone .news-con .tit{margin:0 0 5px;font-size:16px;font-weight:bold;}
.question-zone .news-con .desc{font-size:14px;color:#fff;text-decoration:none;}

.question-zone .tit-type01 a:hover{text-decoration:none;}
.question-zone .tit-type01 a:hover strong{text-decoration:underline;}
.question-zone a:hover .news-con .tit{text-decoration:underline;}

.question-zone .quiz4{background:#89b8f0;}
.question-zone .quiz5{background:#ccc;border:1px solid #c7c7c7;}
.question-zone .quiz5 .news-con .tit{font-size:15px;color:#000;}
.question-zone .quiz5 .news-con .desc{color:#000;}

.question-zone .quiz6{background:#e5e5e5;border:none;}
.question-zone .quiz6 .news-con .desc{color:#000;}

.question-zone .quiz7{background:#e5e5e5;border:none;}
.question-zone .quiz7 .news-con{margin-top:4px;}
.question-zone .quiz7 .news-con .desc{font-size:13px;color:#000;}

.question-zone .quiz8{background:#fff;border:none;}
.question-zone .quiz8 .news-con .tit{width:120px;margin-left:7px;}
.question-zone .quiz8 .news-con .desc{margin-left:7px;font-size:13px;color:#000;letter-spacing:-2px;}

/* 전국 > 충북 광고 테스트 */
.chungbuk-test{}
.chungbuk-test .aside-banner{}
.chungbuk-test .aside-banner li{padding-bottom:0;}
.chungbuk-test .aside-banner .ads-box{margin-bottom:10px;}