@charset "UTF-8";
/**********************************************
note : fonts set
## google fonts cdn이 변경됨. https://fonts.google.com/에 방문하여 폰트를 담아오면 됩니다.
## 예) @import url('//fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean');
**********************************************/
@import url('//fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&subset=japanese');

body,th,td,input,select,textarea,button,
h1,h2,h3,h4,h5,h6 {font-family:-apple-system,BlinkMacSystemFont,'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','MS PGothic','Malgun Gothic','돋움','dotum','Helvetica Neue','Arial',sans-serif}

/**********************************************
note : 박스모음
**********************************************/
.jp-style,.box-skin .header > strong.jp-style,.box-skin .header > a.jp-style {font-size:.8rem;letter-spacing:0}

/**********************************************
note : 기사리스트
**********************************************/
.article-list {letter-spacing:-0.025em}
.article-list .article-list-content.type-sm .list-block .list-titles {font-size:1.125rem;letter-spacing:0}

/**********************************************
note : 기사뷰
**********************************************/
.info-options .fonts-option-panel li {text-align:left}
.article-veiw-body.view-page .photo-layout.bigsize::after {content:'クリックすると、拡大イメージを見ることができます。'}

/* option panel for sns */
.info-options .options-btn.sns-for-fb {color:#4163a0;border-color:#4163a0}
.info-options .options-btn.sns-for-fb:hover {color:#fefefe;background-color:#4163a0}
.info-options .options-btn.sns-for-tw {color:#00adef;border-color:#00adef}
.info-options .options-btn.sns-for-tw:hover {color:#fefefe;background-color:#00adef}
@media screen and (max-width: 63.9375em) {
	.row .info-options .options-btn[class*="sns-for-"] {display:none !important}
}

/* sns icon */
.article-sns-group .sns-btns .sns-btn-icons {min-height:44px}
.article-sns-group .sns-btns .sns-btn-icons.line {background-color:#00B900}
.article-sns-group .sns-btns .sns-btn-icons.evernote {background-color:#7AC142}
.article-sns-group .sns-btns .sns-btn-icons .icon-line,.article-sns-group .sns-btns .sns-btn-icons .icon-evernote {display:inline-block;height:18px;background-repeat:no-repeat;background-position:0 0;background-size:100% auto}
.article-sns-group .sns-btns .sns-btn-icons .icon-line {width:20px;background-image:url('../image/sns-icon-line.png')}
.article-sns-group .sns-btns .sns-btn-icons .icon-evernote {width:15px;background-image:url('../image/sns-icon-evernote.png')}

/* 하단기사공유 */
.articlefoot-share {text-align:center}
.articlefoot-share::after {content:'';display:table;clear:both}
.articlefoot-share .share-lists {display:inline-block;margin:0 auto;padding:0;list-style:none}
.articlefoot-share .share-lists > li {float:left;padding-left:.25rem;padding-right:.25rem;padding-bottom:.25rem}
.articlefoot-share .sns-btns {width:40px;height:40px;border:1px solid rgba(0,0,0,.5);border-radius:.2rem;-webkit-transition:all .25s;transition:all .25s;cursor:pointer}
.articlefoot-share .sns-btns.facebook {color:#3a5795;border-color:#3a5795}
.articlefoot-share .sns-btns.twitter {color:#0084b4;border-color:#0084b4}
.articlefoot-share .sns-btns.google {color:#db4a39;border-color:#db4a39}
.articlefoot-share .sns-btns.line {color:#00B900;border-color:#00B900}
.articlefoot-share .sns-btns.evernote {color:#7AC142;border-color:#7AC142}
.articlefoot-share .sns-btns.http {color:#fefefe;background-color:#24498C}
.articlefoot-share .sns-btns:hover {color:#fefefe !important;background-color:rgba(0,0,0,.5)}
.articlefoot-share .sns-btns.facebook:hover {background-color:#3a5795}
.articlefoot-share .sns-btns.twitter:hover {background-color:#0084b4}
.articlefoot-share .sns-btns.google:hover {background-color:#db4a39}
.articlefoot-share .sns-btns.line:hover {background-color:#00B900}
.articlefoot-share .sns-btns.evernote:hover {background-color:#7AC142}
.articlefoot-share .sns-btns.http:hover {background-color:#24498C}
.articlefoot-share .sns-btns .icon-line,.articlefoot-share .sns-btns .icon-evernote {display:inline-block;height:18px;background-repeat:no-repeat;background-position:0 0;background-size:100% auto}
.articlefoot-share .sns-btns .icon-line {width:20px;background-image:url('../image/sns-icon-line-colored.png')}
.articlefoot-share .sns-btns:hover .icon-line {background-image:url('../image/sns-icon-line.png')} 
.articlefoot-share .sns-btns .icon-evernote {width:20px;background-image:url('../image/sns-icon-evernote-colored.png')}
.articlefoot-share .sns-btns:hover .icon-evernote {background-image:url('../image/sns-icon-evernote.png')} 

/**********************************************
note : 자동박스
**********************************************/
.auto-article {letter-spacing:-0.025em}

/* p02 */
.m-auto-p02 .auto-images {height:0;padding-bottom:60%}

/* m03(import) */
.auto-m03 .auto-titles {max-width:calc(100% - 160px)}
.auto-m03 .auto-names {max-width:145px}