﻿@charset "utf-8";

.go_top { cursor: pointer;}

/* 목차 영역 고정 */
.snb { position: fixed; top: 120px;}

/* 콘텐츠 영역 */
.contents.wide { position: static;}

/* 목차 길 경우 sticky */
.sticky_spot strong {white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:180px;}

/* 목차 > 서브 목차 */
.snb .sublist li>a {padding-left:0px;}

/* 이전/ 다음 기사 버튼 */
.bt_news.prev .news_view, .bt_news.next .news_view {display:none;}

/* 유형 라벨 스티커 */
.ctg_tx .ctg>em.bx_b {padding: 1px 6px 5px;}
.hmList .ctg>em.bx_b {padding:0px 3px 2px 2px;}

/* 의견제시 */
.pp_cbt_o .edsc { visibility:hidden;}
.pp_cbt_o .opinion_alarm { display: none;padding-left:10px; font-size:13px; color:#4e4e4e; letter-spacing:-0.08em;}

/*대표이미지 없는 경우*/
.cnt_intro .inr_dsp.none_headimage {margin-left:0px;}

/* 대표이미지 캡션 */
.cnt_intro .ph {max-width:260px; margin-right:0px; padding-right: 5px;}
.cnt_intro .ph strong {color:#4f4f4f; font-size:14px;font-size:1.167em; font-weight:normal;}

/* 소표제 열기/접기 */
.cnt_dtis>.dti_tit .close {display:block;}
.cnt_dtis>.dti_tit .open {display:none;}
.cnt_dtis>.dti_tit.icup .close {display:none;}
.cnt_dtis>.dti_tit.icup .open {display:block;}

/* 기본정보 유형 sapn */
.inr_dsp dd a {font-size:1em;}

/* 본문 폰트 크기 */

.cnt_dtis>.dti_cont ol, .cnt_dtis>.dti_cont ul, .cnt_dtis>.dti_cont li {font-size: 1.0em;}
.cnt_dtis>.dti_cont>div p {font-size: 1.0em;}

/* 인용문 */
.quotemark {display:inline-block;width:1.2em;height:1.2em;}
.quote_open {background:url(/asset/images/quote_left.png) no-repeat center;background-size:1.2em; margin-right: 0.25em;}
.quote_close {background:url(/asset/images/quote_right.png) no-repeat center;background-size:1.2em; margin-left: 0.25em;}

/* 쌍따옴표 인용문 */
.quote_q { text-align:justify;}
.quote_q>em {font-size:1.417em;}

/*.cnt_dtis>.dti_cont .wrtList {font-size: 1em;}*/

.inList, .inList ol>li.inum {font-size:1em;}
.bx_quote {font-size:1.417em; margin-top:0px; margin-bottom:30px;}
.ndList>ol>li>strong { font-size: 1.2em;}

.dti_cont2 {font-size:1.417em;}

/* 소목차 */
.ndList { padding-top:0;}
.ndList .dti_tit{cursor:pointer;}

/*본문 내 이탤릭 등 스타일 적용된 span */
.tx span {font-size:1em;}

/* 이미지 캡션 */
.multi_box  .ellip>strong {display:block; color:#4f4f4f; font-size:14px;font-size:1.167em; font-weight:normal;}

/* 시, 가사 스타일 : lg > l */
.quote {padding-top:0px;}

/* list > l */
.inList ul {margin-bottom:4em;}
.inList ul li {font-size: 1.417em; line-height:1.417em; vertical-align:middle; clear:left;}
.inList ul li span {display:inline-block; font-size:1em;vertical-align:middle; float:left; width:calc(100% - 1em);}
.inList ul li span.ul_bullet {font-size: 0.5em;vertical-align:middle; margin-right:0.5em; color:#5d5959; width:1em;}

/* 본문 내 style */
.mw_italic {font-size:1em; font-style: italic;}
.mw_bold {font-size:1em; font-weight:bold;}
.mw_underline {font-size:1em; text-decoration:underline;}

/* 검색어 highlight */
em.hl {font-size:1em; color:#436db8; color:#f00;}

/* 참고문헌 */
ul.rfList li>p {display:inline-block; vertical-align:middle; padding:5px 0; color:#292929;font-size: 1.250em;}
ul.rfList li>p>span {display:inline-block; font-size:0.9em; color:#888888;}

/* 집필자 */
.cnt_dtis>.dti_cont>.wrtList {font-size:1em;}
.cnt_dtis>.dti_cont>.wrtList>dl {font-size:1em;}
/*
.cnt_dtis>.dti_cont>.wrtList>dl dt {font-size:1.0em; color:#898989; width: 5em; clear:both; float:left;}
.cnt_dtis>.dti_cont>.wrtList>dl dd {font-size:1.0em; color:#4f4f4f; width: calc(100% - 5em); float:left;}
*/

/* 본문 내 em 글자크기 */
em.bit>a {font-size: 1em;}
em.ju>a {font-size: 1em;}
em.rit>a {font-size: 1em;}

/* 추가 : 20171020 */
/* 관련멀티미디어 */
.bx_ph .thumb_focus { display:block; position:absolute; top:0; left:0; right:0; bottom:0;}
.bx_ph a:hover { border: 5px solid #2f2f42; z-index:1000;}


/* 멀티미디어 모아보기 버튼 */
.multimedia_all_call { padding-top:0; border-top:0; margin-top: -30px;}
multimedia_all_call a {}

.news_view .ctg_tx .tx {display:block;}
.pop_ju { z-index: 1000;}

/* img slide */
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}

/*    
.slick-slide  {
    opacity:0.8;
    transform: scale(0.75);
}

.slick-center  { opacity:1; transform: scale(1.09);}
*/    
.image_box {height:340px;text-align:center;background-color:#eee;}
.image_wrap {display:inline-block; position: relative;top: 50%;transform: translateY(-50%);}
.invisible_cover {position: absolute; width:100%; height: 100%; z-index:50; background-color: rgba( 255, 255, 255, 0.0 ); cursor:pointer;}

.imgSlide { padding: 0 25px;}

/* multi pop viewer */
/* 공공누리 마크*/
.view_content .open_mark {display:none;}

.vcView { width:100%;}
.vcView>.bx_lin { overflow:hidden; width:100%;}

#viewer 
{
    position:relative; 
/*    height:582px;*/
}
#viewLoading
{
    margin:0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#movie_player {display:inline-block; position: absolute;left:5%;top: 50%; transform: translateY(-50%); width:90%; z-index:50;}

span.tsbtn {position:absolute; display:block; width:34px; height:34px; overflow:hidden; background:url(../images/btn_moa_stbtn.png) no-repeat;}
span.tsbtn.prev {left:50%; margin-left:-17px; top:-45px; background-position:0 0;}
span.tsbtn.next {left:50%; margin-left:-17px; bottom:-45px; background-position:-34px 0;}
span.tsbtn.prev:hover {background-position:0 -34px;}
span.tsbtn.next:hover {background-position:-34px -34px;}
span.tsbtn a {width:34px; height:34px; display:inline-block;}

.bx-wrapper .bx-viewport { background: transparent; left:0px; border:0; }
.thumb_slide .thumbList .thumb_on {border: 3px solid red;}
.thumb_slide .thumbList iframe {position: absolute;top: 50%; transform: translateY(-50%); width:100%;}

.img_area {height:582px;}
.slick-dots { position:static;}

/* 수정 : 20171016 */
/* 다운로드 레이어 */
.ivbs_list { right:300px; bottom: 130px; z-index:100;}

@media all and (max-width:1239px) {
	.img_area {height:500px;}	
}
@media all and (max-width:979px) {
	span.tsbtn {top:0; background:url(../images/btn_moa_stbtn_mb.png) no-repeat;}
	span.tsbtn.prev {top:18px; left:-45px; margin:0; background-position:0 0;}
	span.tsbtn.next {top:18px; left:102%; margin:0; background-position:-34px 0;}

/* 대표이미지 캡션 */
/*.cnt_intro .ph {max-width:171px; margin-right:30px;}*/

/* 수정 : 20171016 */
/* 다운로드 레이어 */
.ivbs_list { right:150px; bottom: 230px;}
}
@media all and (max-width:767px) {
	.img_area {height:300px;}

	span.tsbtn {top:0; width:23px; height:23px; background:url(../images/btn_moa_stbtn_mb320.png) no-repeat;}
	span.tsbtn.prev {top:13px; left:-25px; margin:0; background-position:0 0;}
	span.tsbtn.next {top:13px; left:100%; margin:0; background-position:-23px 0;}
	span.tsbtn.prev:hover {background-position:0 -23px;}
	span.tsbtn.next:hover {background-position:-23px -23px;}
    span.tsbtn a {width:23px; height:23px; display:inline-block;}
    
    .cnt_btArea>a.cbt_p {display:none;}
    
    /* 수정 : 20171016 */
    /* 다운로드 레이어 */
    .ivbs_list { right:90px; bottom: 100px;}

    /* 수정 : 20171016 */
    /* 기본정보 */
    .cnt_intro .inr_dsp dl.left{ width: 240px;}
/* 대표이미지 캡션 */
/*.cnt_intro .ph {max-width:113px; margin-right:20px;}*/
}
@media all and (max-width:480px) 
{
    .image_box {height:340px;}
}
@media all and (max-width:320px) 
{
    /*
    .image_box {height:240px;}
    .image_box img {height:240px; width:auto;}
    .multi_box .iw img {height:auto; width:auto;}
    .multi_box .ih img {height:240px; width:auto;}*/
}

/* slick slide */
div.image_wrap>img {cursor:pointer;}

/* image download */
.ivbs_list td textarea.tar_h { height: 60px;}

/* opinion */
.pp_cbt_o .btnarea>input {display:inline-block; height:33px; line-height:2.4; font-size:14px; font-weight:500; color:#fff; background:#ca694d; box-shadow:none;border:0;cursor: pointer;}
