@charset "utf-8";

/************************************************
project : 연합뉴스 다국어 모바일
commnet : common
*************************************************/

@import url('jquery-ui.css');
@import url('swiper.css');
@import url('slick.css');
/* @import url('video-js.css');*/

/* =============== common ======================== */
html,body{width:100%;height:100%;margin:0;padding:0;font-size:62.5%;/* -webkit-overflow-scrolling:touch; */}
body{-webkit-font-smoothing:antialiased;-webkit-font-smoothing:subpixel-antialiased}
.font-size01{font-size:57.5%;}
.font-size02{font-size:62.5%;}
.font-size03{font-size:67.5%;}
.font-size04{font-size:72.5%;}
.font-size05{font-size:77.5%;}

/* font default - 고딕(sans-serif) */
body{font-weight:normal;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-Light,sans-serif;color:#666;letter-spacing:0;}
h1,h2,h3,h4,h5,h6{font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,sans-serif-Medium,sans-serif;}
p,li,dt,dd,span,strong,em,b,input,button,select,textarea,label,a{font-weight:normal;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-Light,sans-serif;}

input[type=text]::-ms-clear{display:none;}
::-webkit-input-placeholder{color:#999;}
::-ms-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;opacity:1;}
::-moz-placeholder{color:#999;opacity:1;}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder{color:transparent !important;}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder{color:transparent !important;}

/* =============== Content ======================== */

/* ---- body scroll no ---- */
.scroll-stop{overflow:hidden;/*position:fixed;*/width:100%;height:100%;}
#wrapper.scroll-stop{overflow:hidden;position:fixed;width:100%;height:auto;}
.page-view.page-article{background:transparent;}

/* ---- button ---- */
button{border:0;outline:0;}
.btn-more{display:block;width:100%;font-size:14px;color:#666 !important;line-height:45px;font-weight:bold;text-align:center;background:#f5f5f5;}
.btn-more:after{content:'';display:inline-block;width:13px;height:13px;margin:6px 0 0 10px;vertical-align:middle;background:url(/m-global/home/v01/img/sprites_btn.png) 0 0 no-repeat;background-size:400px auto;}
.btn-more em{color:#0068d1;}

.btn-view-more{display:block;position:relative;width:100%;font-size:14px;color:#666 !important;line-height:45px;font-weight:bold;text-align:center;background:#f5f5f5;}
.btn-view-more:after{content:'';position:absolute;top:17px;right:20px;width:8px;height:13px;background:url(/m-global/home/v01/img/sprites_btn.png) -20px 0 no-repeat;background-size:400px auto;}

.btn-play{position:absolute;top:50%;left:50%;z-index:2;width:30px;height:30px;margin:-15px 0 0 -15px;background:url(/m-global/home/v01/img/sprites_video.png) -147px -0px no-repeat;background-size:550px auto;}
.btn-play span{display:block;text-indent:-99999px;}

/* .btn-save{display:inline-block;width:30px;height:30px;text-align:center;}
.btn-save span{display:inline-block;width:13px;height:20px;background:url(/m-global/home/v01/img/sprites_ico.png) -151px -250px no-repeat;background-size:528px auto;text-indent:-99999px;}
.btn-save.on span{background-position:-180px -250px;} */
.btn-save{display:inline-block;width:30px;height:30px;text-align:center;}
.btn-save span{display:inline-block;width:13px;height:20px;background:url(/m-global/home/v01/img/sprites_ico.png) -151px -250px no-repeat;background-size:528px auto;text-indent:-99999px;}
.btn-save.on span{background-position:-180px -250px;}

label.chk-save{position:absolute;top:0;left:0;width:25px;height:25px;text-align:center;}
label.chk-save span{display:inline-block;width:13px;height:17px;margin-top:3px;text-indent:-99999px;vertical-align:middle;background:url(/m-global/home/v01/img/sprites_ico.png) -151px -250px no-repeat;background-size:528px auto;}
label.chk-save.on span{background-position:-180px -250px;}
label.chk-save + input[type=checkbox]{position:absolute;top:0;left:0;width:25px;height:25px;opacity:0;}

.btn-share{display:inline-block;width:25px;height:25px;text-align:center;}
.btn-share span{display:inline-block;width:17px;height:19px;text-indent:-99999px;background:url(/m-global/home/v01/img/sprites_ico.png) -208px -250px no-repeat;background-size:528px auto;}

.btn-home{display:block;position:relative;font-size:14px;line-height:45px;background:#0068d1;}
.btn-home:after{content:'';position:absolute;top:17px;right:15px;width:7px;height:13px;background:url(/m-global/home/v01/img/sprites_btn.png) -60px 0 no-repeat;background-size:400px auto;}
.btn-home:before{content:'';display:inline-block;width:11px;height:10px;margin-right:20px;background:url(/m-global/home/v01/img/sprites_ico.png) -37px -250px no-repeat;background-size:528px auto;}
.btn-home span{display:inline-block;font-weight:bold;color:#fff;}

.btn-home02{width:35px;height:50px;box-sizing:border-box;text-align:center;}
.btn-home02 span{display:block;text-indent:-99999px;}
.btn-home02:before{content:'';display:inline-block;width:22px;height:20px;background:url(/m-global/home/v01/img/sprites_ico.png) -59px 0 no-repeat;background-size:528px auto;}

.btn-wrap .btn-pop-close{width:30px;height:50px;}
.btn-wrap .btn-pop-close span{display:inline-block;width:25px;height:25px;text-indent:-99999px;background:url(/m-global/home/v01/img/sprites_ico.png) -86px 5px no-repeat;background-size:528px auto;}

.btn-acr{display:block;width:18px;height:18px;background:#c5c5c5 url(/m-global/home/v01/img/sprites_ico.png) -245px -250px no-repeat;background-size:528px auto;border-radius:50%;}
.btn-acr span{font-size:0;line-height:0;text-indent:-99999px;}

.btn-type01{float:left;position:relative;width:48.5%;padding:0 20px;color:#fff !important;font-size:14px;line-height:45px;vertical-align:middle;box-sizing:border-box;/*background:#666;*/background:#333;}
.btn-type01:after{content:'';position:absolute;top:15px;right:15px;width:7px;height:13px;text-indent:-99999px;background:url(/m-global/home/v01/img/sprites_btn.png) -60px 0 no-repeat;background-size:400px auto;}
.btn-type02{display:inline-block;position:relative;width:48.5%;padding:0 20px;color:#fff !important;font-size:14px;line-height:45px;text-align:center;vertical-align:middle;box-sizing:border-box;background:#404b7f;}
.btn-type02:after{content:'';position:absolute;top:15px;right:15px;width:7px;height:13px;text-indent:-99999px;background:url(/m-global/home/v01/img/sprites_btn.png) -60px 0 no-repeat;background-size:400px auto;}
.btn-type01 + .btn-type02{float:right;}
.btn-type03{position:relative;display:block;width:100%;background:#0068d1;text-align:center;color:#fff !important;line-height:48px;}
.btn-type03:after{content:'';position:absolute;top:15px;right:15px;width:7px;height:13px;text-indent:-99999px;background:url(/m-global/home/v01/img/sprites_btn.png) -60px 0 no-repeat;background-size:400px auto;}
.btn-type03 span{line-height:48px;color:#fff !important;}

.btn-type04{display:block;position:relative;width:100% !important;border:0 !important;color:#fff !important;font-size:14px !important;line-height:33px !important;background:#404c80 !important;}

.btn-type05{padding:0 10px;color:#fff !important;font-size:13px;line-height:25px;text-align:center;vertical-align:middle;box-sizing:border-box;background:#404b7f;}
.btn-type05.weather{position:relative;padding-right:20px;}
.btn-type05.weather:after{content:"";position:absolute;right:8px;top:7px;display:block;width:8px;height:12px;background:url(/m-global/home/v01/img/sprites_btn.png) -239px 0 no-repeat;background-size:400px auto;}
.btn-type05.weather span{color:#fff;}

.btn-zoom{position:absolute;top:57px;right:11px;z-index:10;display:inline-block;width:33px;height:33px;background:rgba(0,0,0,.5) url(/m-global/home/v01/img/sprites_ico.png) -263px -250px no-repeat;background-size:528px auto;border-radius:50%;}
.btn-zoom span{font-size:0;line-height:0;text-indent:-99999px;}

.btn-close{position:absolute;top:7px;right:7px;width:25px;height:25px;text-indent:-99999px;background:url(/m-global/home/v01/img/sprites_ico.png) -321px -195px no-repeat;background-size:528px auto;}

.btn-breaking-close{margin:0 auto 10px;background:#f5f5f5;font-weight:600;font-size:14px;line-height:45px;color:#666 !important;text-align:center;
width:-webkit-calc(100% - 26px);width:-moz-calc(100% - 26px);width:calc(100% - 26px);}
.btn-breaking-close:after{content:'';display:inline-block;width:13px;height:13px;margin:6px 0 0 10px;background:url(/m-global/home/v01/img/sprites_btn.png) 0 0 no-repeat;background-size:400px auto;vertical-align:middle;}
.btn-breaking-close:after{content:'';display:inline-block;width:13px;height:13px;margin:6px 0 0 10px;background:url(/m-global/home/v01/img/sprites_btn.png) -275px 0 no-repeat;background-size:400px auto;vertical-align:middle;}

.yna-more-load:after{display:none;}
.btn-more.yna-more-load{background:#fff !important;}

.btn-zone{overflow:hidden;margin:30px 0;text-align:center;}
.btn-zone02{padding:0 15px 0 15px;text-align:center;}
.btn-zone02 .btn-more .txt-hide,
.btn-zone02 .btn-more.on .txt-show{display:inline-block;}
.btn-zone02 .btn-more .txt-show,
.btn-zone02 .btn-more.on .txt-hide{display:none;}

/* btn-show / hide */
.title02 .btn-show,
.stock-zone button.btn-show span,
.weather-zone button.btn-show:before,
.search-box .btn .btn-show:after{transform:rotate(-180deg);transition:transform 0.5s;
-webkit-transform:rotate(-180deg);-webkit-transition:transform 0.5s;
-moz-transform:rotate(-180deg);-moz-transition:transform 0.5s;
transform:rotate(-180deg);transition:transform 0.5s;}
.title02 .btn-show.hide,
.stock-zone button.btn-show.hide span,
.weather-zone button.btn-show.hide:before,
.search-box .btn .btn-show.hide:after{
-webkit-transform:rotate(0deg);-webkit-transition:transform 0.5s;
-moz-transform:rotate(0deg);-moz-transition:transform 0.5s;
transform:rotate(0deg);transition:transform 0.5s;}

.btn-go-top{position:fixed;bottom:15px;right:15px;z-index:7;}
.btn-go-top button{width:40px;height:40px;background:rgba(0,0,0,0.4) url(/m-global/home/v01/img/sprites_btn.png) -20px -30px no-repeat;background-size:400px auto;}
.btn-go-top{display:none;opacity:0;-webkit-transition:all 1.5s linear;transition:all 1.5s linear;}
.btn-go-top.onscroll{display:block;opacity:.3;}
.btn-go-top.on{display:block;opacity:1;-webkit-transition:all .75s ease;transition:all .75s ease;}

.page-verse .btn-go-top.on,
.page-verse .btn-go-top.onscroll{display:none;}

html.ar .btn-go-top{right:auto;left:15px;}

/* ---- visited  ---- */
.keyword-zone01 .keyword ul li a:visited, .keyword-zone .keyword ul li a:visited {color:#0068d1 !important;}
.page-main .contents a:visited,
.page-main .contents a:visited .tit{color:#000 !important;}
.page-main .contents .bg-area a:visited,
.page-main .contents .bg-area a:visited  .tit,
.page-main .features-zone a .tit:visited{color:#fff !important;}
.page-main .contents .features-zone .list a:visited .tit{color:#fff !important;}

/* ---- loader  ---- */
.loader{position:relative;display:block;margin:15px auto;width:2.5em;height:2.5em;border-radius:50%;font-size:10px;text-indent:-9999px;
background:#00b0f0;background:-moz-linear-gradient(left,#00b0f0 10%, rgba(255, 255, 255, 0) 42%);
background:-webkit-linear-gradient(left, #00b0f0 10%, rgba(255, 255, 255, 0) 42%);
background:-o-linear-gradient(left, #00b0f0 10%, rgba(255, 255, 255, 0) 42%);
background:-ms-linear-gradient(left, #00b0f0 10%, rgba(255, 255, 255, 0) 42%);
background:linear-gradient(to right, #00b0f0 10%, rgba(255, 255, 255, 0) 42%);
-webkit-animation:load3 1.4s infinite linear;
animation:load3 1.4s infinite linear;
-webkit-transform:translateZ(0);
-ms-transform:translateZ(0);
transform:translateZ(0);}
.loader:before,
.loader:after{content:'';}
.loader:before{position:absolute;top:0;left:0;width:50%;height:50%;background:#00b0f0;border-radius:100% 0 0 0;}
.loader:after{position:absolute;top:0;left:0;bottom:0;right:0;width:75%;height:75%;margin:auto;background:#fff;border-radius:50%;}

.page-weather .btn-zone02{padding:0 !important;}
.page-weather .btn-more.yna-more-load{background:none !important;}

@-webkit-keyframes load3{
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);}
}
@keyframes load3{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}

/* ---- cover ---- */
.img-cover{background-size:cover !important;background-postion:50% 0;background-repeat:no-repeat;}
.img-cover img{opacity:0;}
.img-cover a{display:block;width:100%;height:100%;}

/* ---- img width, height ---- */
img.img-w﻿{width:auto;height:100%;}/* 가로 이미지 */
img.img-h{width:100%;height:auto;}/* 세로 이미지 */
.img-full img{width:100%;} /* 이미지 상세보기 (서비스 페이지 없음) */

/* ---- bg-area ---- */
.bg-area{background:#5d7895 !important;} /* blue */
.bg-area02{background:#eee !important;} /* gray */

/* ---- dim ---- */
.dim{display:none;position:absolute;left:0;top:0;bottom:0;z-index:100;width:100%;height:100%;background-color:rgba(0,0,0,.6);}

/* ---- title  ---- */
/* title01 */
.title01{position:relative;padding:20px 15px 0 15px;border-top:1px solid #666 !important;}
.title01>a{display:block;}
.title01 .tit{padding-bottom:0.1em;color:#000;font-weight:bold;font-size:1.5rem;line-height:2.3;}
html.en .title01 .tit,
html.es .title01 .tit,
html.fr .title01 .tit,
html.ar .title01 .tit{font-family:serif;}

.title01 .desc01{display:inline-block;height:23px;vertical-align:top;}
.title01 .desc01 li{display:inline-block;position:relative;height:100%;padding:0 3px 0 7px;font-size:0;vertical-align:top;}
.title01 .desc01 li:after{content:"";display:block;clear:both;position:absolute;top:13px;left:0;width:1px;height:10px;background-color:#fff;}
.title01 .desc01 li:first-child:after{display:none;}
.title01 .desc01 a{display:inline-block;padding:4px 8px;font-size:1.1rem;line-height:2.7;color:#fff;}

.title01 + .list-photo03{margin-top:-10px;}
.bg-area .title01 .tit{color:#fff;}
.bg-area02 .title01 .tit{color:#000;}

.title01 .btn{position:absolute;top:30px;width:7px;height:13px;text-indent:-9999px;background:url(/m-global/home/v01/img/sprites_btn.png) no-repeat;background-size:400px auto;}
html:not(.ar) .title01 .btn{right:25px;background-position:-80px 0;}
html:not(.ar) .bg-area .title01 .btn{background-position:-60px 0;}
html.ar .title01 .btn{left:15px;background-position:-160px 0;}
html.ar .bg-area .title01 .btn{background-position:-301px 0;}

/* title02 */
.title02{position:relative;padding:20px 15px 0 15px;border-top:1px solid #666 !important;}
.title02>a{display:block;}
.title02 .tit{display:block;padding-bottom:0.1em;border-bottom:1px solid #ccc;font-weight:bold;font-size:1.5rem;line-height:2.3;color:#141823;}
.list-zone .title02 .tit{min-height:30px;}
html.en .title02 .tit,
html.es .title02 .tit,
html.fr .title02 .tit,
html.ar .title02 .tit{font-family:serif;}

.title02 .btn{position:absolute;top:30px;right:25px;width:7px;height:13px;background:url(/m-global/home/v01/img/sprites_btn.png) -80px 0 no-repeat;background-size:400px auto;text-indent:-9999px;}
.title02 .btn-show{position:absolute;top:32px;right:15px;width:15px;height:10px;background:url(/m-global/home/v01/img/sprites_btn.png) -120px 0 no-repeat;background-size:400px auto;text-indent:-9999px;}
.title02 .btn-show.hide{}
.title02 .btn-show-hide.on .tit{border-bottom:0;}

.swiper-slide .title02{padding:0px;border-top:0px !important;text-align:left;} /* .interviews-zone 일본 메인 */
.swiper-slide .title02 .tit{display:block !important;padding-bottom:0.1em !important;color:#141823 !important;font-size:1.3rem !important;line-height:2.3 !important;}

/* title03 */
.title03{position:relative;padding:20px 15px 0 15px;border-top:1px solid #666 !important;}
.title03>a{display:block;border-bottom:1px solid #ccc;}
.title03 .tit{display:inline-block;font-weight:bold;font-size:1.5rem;line-height:2.3;color:#141823;vertical-align:middle;}
.title03 .desc{display:inline-block;color:#666;font-size:1.4rem;line-height:30px;vertical-align:middle;}
.title03 .desc:before{content:'';display:inline-block;width:1px;height:10px;margin:0 7px 0 5px;background:#333;}
html.en .title03 .tit,
html.en .title03 .desc,
html.es .title03 .tit,
html.es .title03 .desc,
html.fr .title03 .tit,
html.fr .title03 .desc,
html.ar .title03 .tit,
html.ar .title03 .desc{font-family:serif;}

.title03 .btn{position:absolute;top:30px;right:15px;width:7px;height:13px;text-indent:-99999px;background:url(/m-global/home/v01/img/sprites_btn.png) -80px 0 no-repeat;background-size:400px auto;}

/* title04 */
.title04{position:relative;padding:20px 15px 0 15px;border-top:1px solid #666;}
.title04 .tit{display:inline-block;font-size:18px;line-height:30px;color:#141823;vertical-align:middle;}
html.en .title04 .tit,
html.es .title04 .tit,
html.fr .title04 .tit,
html.ar .title04 .tit{font-family:serif;}

.title04 .cnt{display:inline-block;font-size:13px;color:#141823;vertical-align:middle;}
.title04 .btn{position:absolute;top:23px;right:15px;width: 17px;height:20px;/* text-indent:-99999px; */padding: 0 20px;background:url(/m-global/home/v01/img/sprites_btn.png) -53px 3px no-repeat;background-size:400px auto;}
.title04 .btn span{position:relative;text-indent:40px;display:inline-block;/* padding-block-start: 10px; *//* padding-block-end: 10px; *//* padding-left: 20px; */padding: 5px;}

/* txt-type01 */
.txt-type01{position:relative;display:block;margin-top:25px;padding-left:9px;font-weight:normal;font-size:1.9rem;line-height:1.2;color:#000;}
html.en .txt-type01,
html.es .txt-type01,
html.fr .txt-type01,
html.ar .txt-type01{font-family:serif;}

.txt-type01:before{content:'';display:inline-block;position:absolute;left:0;top:0;width:5px;height:26px;background:url(/m-global/home/v01/img/sprites_ico.png) -59px -240px no-repeat;background-size:528px auto;}
.txt-type01 span{float:right;margin-top:7px;line-height:26px;font-size:11px;line-height:1.2;color:#5c7895;font-weight:normal;vertical-align:middle;}

/* txt-type02 */
.txt-type02{display:inline-block;margin-top:15px;font-size:1.5rem;color:#0f3154;}
.txt-type02:before{content:'';display:inline-block;width:3px;height:10px;margin:0 5px 3px 0;vertical-align:middle;background:#0068d1;}

/* txt-type03 */
.txt-type03{display:block;margin-bottom:10px;font-size:1.8rem;line-height:1.2;/*color:#141823;*/color:#fff;}

/* Rss 제목/텍스트 */
.tit-rss{display:block;margin-bottom:20px;font-weight:bold;font-size:25px;line-height:30px;color:#000;}
.tit-rss span{color:#0068d1;}
html.en .tit-rss,
html.es .tit-rss,
html.fr .tit-rss,
html.ar .tit-rss{font-weight:normal;font-family:serif;}

.rss-txt01{font-size:1.4rem;line-height:1.2;}
.rss-txt02{padding:5px 0;font-size:1.4rem;line-height:1.2;}


/* 태그 키워드 */
.tag a:link,
.tag a:visited,
.tag a:active{color:#0068d1 !important;font-size:14px !important;line-height:20px !important;}

/* 송고시간 */
.date{color:#5c7895 !important;font-size:12px;line-height:20px;}
.date a{color:#5c7895 !important;}
.date a:after{content:'';display:inline-block;width:2px;height:2px;margin:0 3px 0 5px;vertical-align:middle;background:#5c7895;}
.date a.anone:after{display:none;}
.date02{color:#e80c3a !important;font-size:12px;line-height:20px;}
.date02 a{color:#5c7895 !important;}
.date02 a:after{content:'';display:inline-block;width:2px;height:2px;margin:0 3px 0 5px;vertical-align:middle;background:#5c7895;}

/* 영상재생시간 */
.runtime{position:absolute;bottom:0;right:0;z-index:2;padding:0 5px;margin-left:-27px;color:#fff;font-size:12px;line-height:19px;background:rgba(0,0,0,0.5);}

/* 피드백 및 제보 */
.textarea{width:100%;height:352px;padding:15px;border:0;color:#999;font-size:13px;line-height:16px;box-sizing:border-box;background:#f5f5f5;}
.textarea.error{border:2px solid #d62244;}
.textarea:focus{border:2px solid #0068d1;}
.nodata{padding:125px 0;font-size:14px;line-height:20px;text-align:center;color:#c5c5c5;}

.error{position:relative;padding:135px 0 0 0;text-align:center}
.error .txt01{font-weight:normal;font-size:18px;color:#fff;}
html.en .error .txt01,
html.es .error .txt01,
html.fr .error .txt01,
html.ar .error .txt01{font-family:serif;}
.error .txt02{margin-top:10px;font-weight:bold;font-size:14px;line-height:20px;color:#333;}
.error:before{content:'';display:block;position:absolute;left:50%;top:25px;width:85px;height:86px;margin-left:-42px;border-radius:43px;background:rgba(92,120,149,0.3) url(/m-global/home/v01/img/sprites_ico.png) -385px -370px no-repeat;background-size:528px auto;}

.page-error #header{display:block !important;}/* app-hide무시 2019-03-22 */
.page-error .error .txt01{color:#333;}

.feed-finish{position:relative;padding:165px 0 30px;text-align:center}
.feed-finish .txt01{font-weight:normal;font-size:18px;color:#fff;}
html.en .feed-finish .txt01,
html.es .feed-finish .txt01,
html.fr .feed-finish .txt01,
html.ar .feed-finish .txt01{font-family:serif;}
.feed-finish:before{content:'';display:block;position:absolute;left:50%;top:55px;width:85px;height:86px;margin-left:-42px;border-radius:43px;background:rgba(92,120,149,0.3) url(/m-global/home/v01/img/sprites_ico.png) 0 -529px no-repeat;background-size:528px auto;}

.textarea-box{position:relative;margin-bottom:10px;}
.textarea-box label{z-index:20;position:absolute;top:0;left:0;width:100%;height:100px;padding:15px 18px;color:#999;box-sizing:border-box;font-size:1.3rem;}
.textarea-box .textarea{width:100%;height:352px;padding:15px;border:0;color:#666;background:#f5f5f5;box-sizing:border-box;}
.textarea-box .textarea:focus{outline:none;}

/* saved 페이지 */
.total-area{position:relative;margin:20px 15px 0 15px;}
.total-area strong{display:block;padding-bottom:5px;border-bottom:1px solid #ccc;font-size:14px;line-height:20px;color:#666;font-weight:normal;}
.total-area button{position:absolute;top:-5px;right:0;}

/* Mobile Service 페이지 */
.ms-img{display:block;margin:20px 0;text-align:center;}
.ms-img img{width:188px;}
.ms-img02{display:block;box-sizing:border-box;margin:20px 0;padding-left:5px;text-align:center;}
.ms-img02 img{width:290px;}

.btn-ms-zone{text-align:center;}
.btn-ms-zone a{display:inline-block;padding:0 10px;text-align:center;}
.btn-ms-zone a span{display:block;color:#666;font-size:13px;line-height:18px;}
.btn-ms-zone a:before{content:'';display:inline-block;width:30px;height:30px;border:1px solid #ccc;border-radius:15px;background:url(/m-global/home/v01/img/sprites_ico.png) 0 -300px no-repeat;background-size:528px auto;}
.btn-ms-zone .gp:before{background-position:-40px -300px;}
.btn-ms-zone .mw:before{background-position:-80px -300px;}

.ms-tit{display:inline-block;margin-bottom:10px;color:#000;font-size:25px;line-height:30px;font-weight:normal;}
.ms-tit span{display:inline-block;font:inherit;color:#0068d1;}
html.en .ms-tit,
html.es .ms-tit,
html.fr .ms-tit,
html.ar .ms-tit{font-family:serif;}

.txt-type01 + .ms-txt01{margin-top:5px;}
.ms-txt01{margin-bottom:5px;color:#666;font-size:1.4rem;line-height:1.2;}
.ms-txt02{margin:15px 0 5px 0;color:#0f3154;font-size:1.4rem;line-height:1.2;font-weight:bold;}
.ms-txt03{margin-bottom:5px;color:#666;font-size:1.4rem;line-height:1.2;}

ul.ms-list{margin-top:10px;}
ul.ms-list li{position:relative;min-height:90px;margin:0 0 15px 0;padding-left:95px;color:#666;font-size:1.4rem;line-height:1.2;}
ul.ms-list li:before{content:'';position:absolute;top:5px;left:0;width:80px;height:80px;margin-right:10px;border-radius:40px;background:#edf7f9 url(/m-global/home/v01/img/sprites_ico.png) 0 -370px no-repeat;background-size:528px auto;}
ul.ms-list li:nth-child(2){padding-bottom:15px;border-bottom:1px dotted #ccc;}
ul.ms-list li:nth-child(2):before{background-position:-95px -370px;}
ul.ms-list li.li03:before{background-position:-190px -370px;}
ul.ms-list li.li04{border-bottom:0;}
ul.ms-list li.li04:before{background-position:-285px -370px;}
ul.ms-list li p{padding-top:5px;}
ul.ms-list li em{font-weight:bold;color:#0068d1;}

ul.ms-list02{margin-top:10px;} /* 중문 */
ul.ms-list02 li{position:relative;min-height:90px;margin:0 0 15px 0;color:#666;font-size:1.4rem;line-height:1.3;}
ul.ms-list02 li p{padding-top:5px;}
ul.ms-list02 li em{font-weight:bold;color:#0068d1;}


/* ---- icon type  ---- */
a:visited .ico-photo,
a:visited .ico-pictorial{border-color:#fff !important;}

.ico-photo{position:absolute;bottom:5px;left:5px;width:18px;height:18px;border:1px solid #fff;border-radius:25px;background:url(/m-global/home/v01/img/sprites_ico.png) -91px -250px no-repeat;background-size:528px auto;}
.ico-photo.sm{width:15px;height:15px;background-position:-91px -652px;}
.ico-video.sm{position:absolute;bottom:5px;left:5px;width:15px;height:15px;background:url(/m-global/home/v01/img/sprites_ico.png) -116px -652px no-repeat;background-size:528px auto;}
.ico-pictorial{position:absolute;bottom:5px;left:5px;width:18px;height:18px;border:1px solid #fff;border-radius:25px;background:url(/m-global/home/v01/img/sprites_ico.png) -116px -250px no-repeat;background-size:528px auto;}

/* ---- etc  ---- */
.con-wrapper{display:none;}
.swiper2 .swiper-slide{overflow:hidden;}

.yna-more-count,
.yna-more-load{margin-bottom:20px;}

/* ---- toggle list  ---- */
.toggle-box{padding-bottom:15px;}
.toggle-box .list-type02 li:last-child{margin-bottom:0;}
.toggle-box .btn-more:after{background-position:-121px 0;}
.toggle-box .btn-more.on:after{background-position:0 0;}
.page-weather .toggle-box{padding-bottom:30px;}

/* ---- list type  ---- */
/* list-type01 */
.list-type01{padding:0 15px;}
.list-type01 li{margin-top:17px;padding-bottom:17px;border-bottom:1px solid #ccc;overflow:hidden;}
.list-type01 li article{position:relative;}
.list-type01 li:last-child{border-bottom:0;}
.list-type01 li.line{;border-bottom:1px solid #ccc !important;}
.list-type01 li figure{max-height:234px;position:relative;padding-top:3px;margin-bottom:13px;text-align:center;}
.list-type01 li figure img{width:100%;}
.list-type01 li .btn-play{width:50px;height:50px;margin:-25px 0 0 -25px;background-position:0 0;}
.list-type01 li .tit{display:block;padding:3px 0 10px 0;}
.list-type01 li .tit a{font-weight:normal;font-size:2.0rem;line-height:1.2;color:#000;}
html.en .list-type01 li .tit a,
html.es .list-type01 li .tit a,
html.fr .list-type01 li .tit a,
html.ar .list-type01 li .tit a{font-family:serif;}

.list-type01 li .btn-con{position:absolute;bottom:0;right:0;width:80px;text-align:right;}
.list-type01 + .bor-t{padding:0 15px;border-top:0;}
.list-type01 + .bor-t > .list-type03{padding:0;border-top:1px solid #ccc;}
.list-type01 + .bor-t .btn-zone02{padding:0 0 30px 0;}

/* list-type02 */
ul.list-type02{display:table;width:100%;padding:0 15px;box-sizing:border-box;}
.list-type02 li{position:relative;width:100%;border-bottom:1px dotted #ccc;}
.list-type02 li:last-child{/*margin-bottom:15px;*/border-bottom:0;}
.list-type02 li .tit{display:table-cell;width:100%;height:60px;vertical-align:middle;}
.list-type02 li .tit a{display:block;padding:10px 0;font-weight:normal;font-size:1.4rem;line-height:1.2;color:#333;}
html.en .list-type02 li .tit a,
html.es .list-type02 li .tit a,
html.fr .list-type02 li .tit a,
html.ar .list-type02 li .tit a{font-family:serif;}

.list-type02 li .num{position:absolute;top:50%;left:5px;margin-top:-20px;color:#c5c5c5;font-size:30px;line-height:1.2;}
.list-type02 li .num + .tit{padding-left:32px;}

/* list-type03 */
.list-type03{padding:0 15px;}
.list-type03 li{margin-top:17px;padding-bottom:17px;border-bottom:1px solid #ccc;}
.list-type03 li:last-child{border-bottom:0;}
.list-type03 article{position:relative;min-height:90px;}
.list-type03 figure{overflow:hidden;position:relative;float:right;width:90px;height:90px;padding-top:3px;margin-bottom:13px;}
.list-type03 figure img{width:100%;height:100%;}
.list-type03 figure + .txt-con{padding-right:100px;}
.list-type03 .tit{display:block;padding:3px 0 8px 0;}
.list-type03 .tit a{font-weight:normal;font-size:1.8rem;line-height:1.2;color:#000;}
html.en .list-type03 li .tit a,
html.es .list-type03 li .tit a,
html.fr .list-type03 li .tit a,
html.ar .list-type03 li .tit a{font-family:serif;}
.list-type03 span[class*="datefm-"]{color:#5c7895 !important;font-size:12px;line-height:20px;}
.list-type03 .btn-con{display:none;position:absolute;bottom:0;right:0;width:80px;text-align:right;} /* 공유버튼 숨김 */
.list-type03 .label-box{position:absolute;bottom:0;right:0;width:25px;height:25px;text-align:right;}

.list-type03.space01.list-padd﻿{padding:0px;}
.list-type03.space01.list-padd﻿ li{padding:0 15px;}
.list-type03.space01 li:first-child{margin-top:10px;}
.page-saved .list-type03 li .btn-save{position:absolute;top:64px;right:0;}

/* list-type04 - 많이 본 기사 페이지 */
.list-type04{padding-bottom:20px;}
.list-type04 li{position:relative;margin-top:17px;padding:0 15px;}
.list-type04 li .num{position:absolute;top:20px;left:0;z-index:2;width:35px;padding-right:10px;border:1px solid #ccc;border-left-width:0;color:#ccc;line-height:1.2;font-size:1.4rem;text-align:right;border-top-right-radius:13px;border-bottom-right-radius:13px;background:#fff;box-sizing:border-box;}
.list-type04 li:first-child .num,
.list-type04 li:nth-child(2) .num,
.list-type04 li:nth-child(3) .num{color:#fff;background:#ccc;}
.list-type04 li article{position:relative;z-index:1;min-height:90px;padding:15px 15px 15px 25px;border:1px solid #ccc;}
.list-type04 li:last-child{border-bottom:0;}
.list-type04 li figure{overflow:hidden;position:relative;/*top:15px;right:15px;*/width:90px;height:90px;padding-top:3px;margin-bottom:13px;float:right;/* padding-left:10px;*/margin-left:10px;}
.list-type04 li figure img{max-width:100%;}
.list-type04 li figure + .txt-con{padding-right:80px;}
.list-type04 li .tit{display:block;padding:3px 0 8px 0;}
.list-type04 li .tit a{font-weight:normal;font-size:1.8rem;line-height:1.2;color:#000;}
html.en .list-type04 li .tit a,
html.es .list-type04 li .tit a,
html.fr .list-type04 li .tit a,
html.ar .list-type04 li .tit a{font-family:serif;}
.list-type04 li .btn-con{display:none;position:absolute;bottom:12px;right:15px;width:80px;text-align:right;} /* 공유버튼 숨김 */

/* list-txt-type01 */
.list-txt-type01 li{padding:15px 0;border-bottom:1px #ccc dotted;font-size:1.2rem;line-height:1.2;}
.list-txt-type01 li:last-child{border-bottom-style:solid}
.list-txt-type01 li span{padding-left:0px;color:#333;font-size:1.4rem;line-height:1.2;}
.list-txt-type01 li span:before{content:'';display:inline-block;width:2px;height:2px;margin-right:5px;vertical-align:middle;background:#333;}
.list-txt-type01 li a{display:block;margin-top:5px;letter-spacing:-0.2px;color:#888;}
.list-txt-type01 li.last{border-bottom:0;}

/* list-photo01 */
.list-photo01{overflow:hidden;margin-top:5px;padding:0 15px;}
.list-photo01 ul{width:2000px;}
.list-photo01 ul:after{content:'';display:block;clear:both;height:1px;}
.list-photo01 li{float:left;width:225px;margin-right:30px;padding-bottom:20px;}
.list-photo01 li:last-child{margin-right:0;}
.list-photo01 figure{overflow:hidden;position:relative;width:225px;height:153px;}
.list-photo01 figure img{max-width:100%;}
.list-photo01 article .tit a{display:block;padding-top:3px;font-size:1.8rem;line-height:1.2;color:#fff;}
html.en .list-photo01 article .tit a,
html.es .list-photo01 article .tit a,
html.fr .list-photo01 article .tit a,
html.ar .list-photo01 article .tit a{font-family:serif;}
.list-photo01 .btn-play{width:50px;height:50px;background-position:0 0;}

/* list-photo02 */
.list-photo02{display:table;width:100%;margin-top:5px;padding:0 2px 0 15px;box-sizing:border-box;}
.list-photo02 ul:after{content:'';display:block;clear:both;height:1px;}
.list-photo02 li{float:left;position:relative;width:50%;padding:0 13px 16px 0;vertical-align:top;box-sizing:border-box;}
.list-photo02 li .num{position:absolute;top:0;left:0;z-index:2;width:20px;height:20px;color:#fff;font-size:12px;line-height:20px;text-align:center;background:rgba(0,104,209,0.8);}
.list-photo02 article{position:relative;z-index:1;}
.list-photo02 article a{display:block;}
.list-photo02 article .tit{overflow:hidden;display:table-cell;height:57px;padding-top:10px;color:#333;font-size:1.6rem;line-height:1.2;}
html.en .list-photo02 article .tit,
html.es .list-photo02 article .tit,
html.fr .list-photo02 article .tit,
html.ar .list-photo02 article .tit{font-family:serif;}
.list-photo02 figure{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:100%;}
.list-photo02 figure img{width:100%;}
.bg-area .list-photo02 article .tit{color:#fff;}

/* list-photo03 */
.list-photo03{position: relative; margin:0 auto;width:100%;padding:10px 0;box-sizing:border-box;}
.list-photo03:after{content:'';display:block;clear:both;height:1px;}
.list-photo03 li{padding:10px;width:49.99999%;box-sizing:border-box;}
.list-photo03 article{position:relative;padding-top:3px;box-sizing:border-box;}
.list-photo03 figure{overflow:hidden;/*max-height:240px;*/margin-bottom:13px;text-align:center;}
.list-photo03 figure img{width:100%;}
.list-photo03 .tit{display:block;padding:3px 0 22px 0;}
.list-photo03 .tit a{font-weight:normal;font-size:1.8rem;line-height:1.2;color:#000;}
html.en .list-photo03 .tit a,
html.es .list-photo03 .tit a,
html.fr .list-photo03 .tit a,
html.ar .list-photo03 .tit a{font-family:serif;}

html.en .list-photo04 .tit a,
html.es .list-photo04 .tit a,
html.fr .list-photo04 .tit a,
html.ar .list-photo04 .tit a{font-family:serif !important; }


.list-photo03 .btn-con{position:absolute;bottom:0;right:0;width:25px;text-align:right;}

.list-photo03 li:nth-child(1n) figure{background:#0068d1;}
.list-photo03 li:nth-child(2n) figure{background:#f0e5eb;}
.list-photo03 li:nth-child(3n) figure{background:#fcdfd7;}
.list-photo03 li:nth-child(4n) figure{background:#d3eddb;}
.list-photo03 li:nth-child(5n) figure{background:#fcf8da;}
.list-photo03 li:nth-child(6n) figure{background:#eff2f4;}
.list-photo03.masonry{margin-bottom:30px;}

/* list-photo04 */
.list-photo04{display:table;overflow:hidden;margin-top:5px;padding:0 0 0 7px;}
.list-photo04 ul:after{content:'';display:block;clear:both;height:1px;}
.list-photo04 li{display:inline-block;position:relative;width:50%;padding:0 15px 20px 0px;vertical-align:top;box-sizing:border-box;}
.list-photo04 article{}
.list-photo04 figure{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:100%;/*width:85px;height:85px;*/}
.list-photo04 figure img{width:100%;}
.list-photo04 .tit{display:table-cell;padding-top:10px;color:#333;font-size:1.8rem;line-height:1.2;letter-spacing:-0.1px;}
.list-photo04 .tit b{font:inherit;}
html.en .list-photo04 .tit,
html.es .list-photo04 .tit,
html.fr .list-photo04 .tit,
html.ar .list-photo04 .tit{font-family:serif;}

/* list-photo05 */
.list-photo05{overflow:hidden;margin-top:5px;padding:0 15px;}
.list-photo05 ul{width:2000px;}
.list-photo02 ul:after{content:'';display:block;clear:both;height:1px;}
.list-photo05 li{float:left;position:relative;width:150px;margin-right:10px;padding-bottom:20px;vertical-align:top;}
.list-photo05 .num{position:absolute;top:0;left:0;z-index:2;width:20px;height:20px;color:#fff;font-size:12px;line-height:1.2;text-align:center;background:rgba(0,104,209,0.8);}
.list-photo05 article{position:relative;z-index:1;}
.list-photo05 figure{overflow:hidden;position:relative;width:150px;height:150px;}
.list-photo05 figure img{width:100%;}
.list-photo05 .tit{padding-top:5px;color:#333;font-size:1.8rem;line-height:1.2;}
html.en .list-photo05 .tit,
html.es .list-photo05 .tit,
html.fr .list-photo05 .tit,
html.ar .list-photo05 .tit{font-family:serif;}

/* list-photo06 */
.list-photo06{overflow:hidden;margin-top:5px;padding:0 15px;}
.list-photo06 ul{width:2000px;}
.list-photo02 ul:after{content:'';display:block;clear:both;height:1px;}
.list-photo06 li{float:left;position:relative;width:125px;margin-right:15px;padding-bottom:20px;vertical-align:top;}
.list-photo06 .num{position:absolute;top:0;left:0;z-index:2;width:20px;height:20px;color:#fff;font-size:1.2rem;line-height:1.2;text-align:center;background:rgba(0,104,209,0.8);}
.list-photo06 article{position:relative;z-index:1;}
.list-photo06 figure{overflow:hidden;width:125px;height:133px;position:relative;}
.list-photo06 figure img{width:100%;}
.list-photo06 .tit{padding-top:5px;color:#333;font-size:1.8rem;line-height:1.2;}
html.en .list-photo06 .tit,
html.es .list-photo06 .tit,
html.fr .list-photo06 .tit,
html.ar .list-photo06 .tit{font-family:serif;}

/* list-photo07 */
.list-photo07{overflow:hidden;padding:17px 15px 0 15px;}
.list-photo07 ul{width:2000px;}
.list-photo07 ul li{float:left;width:138px;padding:0 5px 15px 0;box-sizing:border-box;}
.list-photo07 ul article{position:relative;}
.list-photo07 ul figure{padding-top:3px;margin-bottom:13px;text-align:center;}
.list-photo07 ul figure img{width:100%;}
.list-photo07 ul .tit{display:block;padding:3px 0 10px 0;}
.list-photo07 ul .tit a{font-weight:normal;font-size:1.4rem;line-height:1.45;color:#000;}
html.en .list-photo07 ul .tit a,
html.es .list-photo07 ul .tit a,
html.fr .list-photo07 ul .tit a,
html.ar .list-photo07 ul .tit a{font-family:serif;}

/* list-video01 */
.list-video01{overflow:hidden;margin-top:5px;padding:0 15px;}
.list-video01 ul{width:2000px;}
.list-video01 ul:after{content:'';display:block;clear:both;height:1px;}
.list-video01 li{float:left;width:130px;margin-right:15px;padding-bottom:20px;}
.list-video01 li:last-child{padding-bottom:20px;margin-right:0;}
.list-video01 figure{position:relative;width:130px;height:74px;}
.list-video01 .en-img-size{position:relative;width:130px;height:84px;margin-top:-12px;}
.list-video01 figure img{width:100%;}
.list-video01 .tit{display:inline-block;padding-top:5px;}
.list-video01 .tit a{font-size:1.5rem;line-height:1.2;color:#333;}
html.en .list-video01 .tit a,
html.es .list-video01 .tit a,
html.fr .list-video01 .tit a,
html.ar .list-video01 .tit a{font-family:serif;}
.kwave-video-zone .list-video01 figure{background-position-y:-12px !important;}

/* list-video02 */
.list-video02.list-padd﻿{padding:0;}
.list-video02{display:table;overflow:hidden;margin-top:5px;padding:0 2px 0 15px;}
.list-video02 li{display:inline-block;width:50%;padding:0 13px 20px 0;vertical-align:top;box-sizing:border-box;}
.list-video02 li:last-child{padding-bottom:20px;}
.list-video02 li article{}
.list-video02 li figure{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:57%;}
.list-video02 li figure img{width:100%;}
.list-video02 li .tit{display:table-cell;padding-top:5px;font-size:1.4rem;line-height:1.2;color:#333;}
html.en .list-video02 li .tit,
html.es .list-video02 li .tit,
html.fr .list-video02 li .tit,
html.ar .list-video02 li .tit{font-family:serif;}

/* list-video03 */
.list-video03{overflow:hidden;margin-top:2px;padding:0 15px;}
.list-video03 li{position:relative;overflow:hidden;min-height:90px;margin-top:15px;padding:0 0 20px 0;border-bottom:1px solid #ccc;}
.list-video03 li:first-child{margin-top:0;}
.list-video03 li .num{position:absolute;top:0;left:0;z-index:2;width:20px;height:20px;color:#fff;font-size:1.2rem;line-height:1.7;text-align:center;background:rgba(0,104,209,0.8);}
.list-video03 article{position:relative;}
.list-video03 figure{overflow:hidden;position:relative;float:left;width:160px;height:95px;margin-right:12px;}
.list-video03 figure a{display:block;width:100%;height:130px;}
.list-video03 figure img{width:100%;}
.list-video03 .en-img-size{overflow:hidden;float:left;position:relative;width:160px;height:95px;margin-right:12px;}
.list-video03 .en-img-size2{margin-top:-18px;}
.list-video03 figure + .txt-con{float:left;
width:-webkit-calc(100% - 179px);width:-moz-calc(100% - 179px);width:calc(100% - 179px);}
.list-video03 .tit a{font-size:1.6rem;line-height:1.2;color:#333;}
html.en .list-video03 .tit a,
html.es .list-video03 .tit a,
html.fr .list-video03 .tit a,
html.ar .list-video03 .tit a{font-family:serif;}
.list-video03 .date{display:inline-block;margin-top:4px;}
.list-video03 .btn-con{text-align:right;}
.list-video03 .runtime{right:0px;}
.list-video03.space01 li:first-child{margin-top:15px;}

/* single-news - 메인사용 */
.single-news{}
.single-news article{margin-top:5px;padding:0 15px 20px 15px;}
.single-news article .tit{display:block;padding-top:8px;}
.single-news article .tit a{font-weight:bold;font-size:1.8rem;line-height:1.2;color:#000;}
html.en .single-news article .tit a,
html.es .single-news article .tit a,
html.fr .single-news article .tit a,
html.ar .single-news article .tit a{font-family:serif;}
.single-news figure{overflow:hidden;position:relative;max-height:234px;text-align:center;}
.single-news figure a{max-height:234px;}
.single-news figure img{width:100%;max-height:234px;}
.single-news.bg-area article .tit a{color:#fff;}

/* nk-today-zone 확장형 (메인 - 영) */
.single-news.nk-today-zone{}
.single-news.nk-today-zone figure{width:100%;height:0;padding-bottom:66.7%;}

/* graphics-zone 확장형 (메인 - 공통) */
.single-news.graphics-zone{}
.single-news.graphics-zone article{padding-bottom:0;}

/* entertain-zone 확장형 (메인 - 중) */
.single-news.entertain-zone{}

/* .single-news 타입 아님 */
.nk-today-zone02{} /* 북한 섹션 - 영 */
.nk-today-zone03{} /* 메인 - 중 */

/* keyword-zone (기사본문용 아님) */
.keyword-zone{}
.keyword-zone .title01{}
.keyword-zone .title01 .btn{display:none !important;}
.keyword-zone .title02{}
.keyword-zone .keyword{overflow:hidden;margin:5px 15px 5px 15px;}
.keyword-zone .keyword ul{overflow:hidden;display:block;}
.keyword-zone .keyword li{display:inline-block;margin:0 8px 8px 0;}
.keyword-zone .keyword li a{display:block;box-sizing:border-box;padding:0 7px;border:1px solid #0068d1;border-radius:15px;font-size:14px;line-height:30px;color:#0068d1 !important;}
/* .keyword-zone .keyword li a.focus,
.keyword-zone .keyword li a.active,
.keyword-zone .keyword li a.on{color:#fff;background:#0068d1;} */

.keyword-zone .toggle-cont{}
.keyword-zone .toggle-cont .keyword{}
.keyword-zone .toggle-cont .list-type02{}
.keyword-zone .keyword + .list-type02{margin-top:20px;}
/* .keyword-zone .toggle-box{padding-bottom:0;}
.keyword-zone .toggle-box .btn-show-hide.on{display:block;padding-bottom:15px;}
.keyword-zone .toggle-cont .btn-zone02{padding-bottom:15px;} */

/* 시간별 리스트 - 톱기사 모음페이지 */
.tn-list{position:relative;padding:0 15px;}
.tn-list:before{content:'';position:absolute;top:0;left:33px;width:1px;height:100%;background:#e2e2e2;}
.tn-list ul{}
.tn-list li{padding:0 0 20px 45px;}
.tn-list li:last-child{border-bottom:0;}
.tn-list article{position:relative;padding:0 0 15px 0;border:1px solid #e5e5e5;text-align:left;box-sizing:border-box;}
.tn-list figure{margin-bottom:15px;width:100%;height:230px;}
.tn-list figure img{width:100%;}
.tn-list .txt-con{padding:0 15px;}
.tn-list .tag{display:block;}
.tn-list .tit{display:block;padding:3px 0 10px 0;}
.tn-list .tit a{font-weight:normal;font-size:1.8rem;line-height:1.2;color:#000;}
html.en .tn-list .tit a,
html.es .tn-list .tit a,
html.fr .tn-list .tit a,
html.ar .tn-list .tit a{font-family:serif;}
.tn-list .btn-con{position:absolute;bottom:12px;right:10px;width:80px;text-align:right;}
.tn-list .time{position:absolute;top:0;left:-48px;width:40px;font-size:13px;line-height:20px;text-align:center;background:#fff;}
.tn-list .time:before{content:'';display:inline-block;width:25px;height:25px;background:url(/m-global/home/v01/img/sprites_ico.png) -194px -300px no-repeat;background-size:528px auto;}
.tn-list .day{display:block;padding:5px 0 10px 46px;color:#333;font-size:14px;line-height:20px;font-weight:bold;}

/* ---- tab ---- */
/* tab-type01 - 탭슬라이드 메뉴 */
.tab-type01 .tab{overflow:hidden;border-top:1px solid #666;}
.tab-type01 .tab li{float:left;width:50%;text-align:center;}
.tab-type01 .tab li a{display:block;box-sizing:border-box;height:44px;border-bottom:1px solid #ccc;font-size:16px;line-height:44px;color:#666;}
.tab-type01 .tab li a:before{content:'';position:absolute;bottom:0;left:0;width:100%;}
html.en .tab-type01 .tab li a,
html.es .tab-type01 .tab li a,
html.fr .tab-type01 .tab li a,
html.ar .tab-type01 .tab li a{font-family:serif;}

.tab-type01 .tab li.on a,
.tab-type01 .tab li.selected a{display:block;border-bottom:2px solid #000;color:#000;font-weight:bold;}

.tab-type01 .bg-left,
.tab-type01 .bg-right{display:inline-block;position:absolute;z-index:5;top:2px;width:20px;height:41px;}
.tab-type01 .bg-left{left:100px;
background:-webkit-gradient(linear,left top,right top,color-stop(16.66%,#f5f5f5),color-stop(100%,rgba(255,255,255,0)));}
.tab-type01 .bg-right{right:0;
background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(60%,#f5f5f5));}

.tab-type01 .btn-zone02{margin-top:15px}
.tab-type01 .tab-slide{overflow:hidden;min-height:350px;}
.tab-type01 .most-viewed-zone{}
.tab-type01 .enter-zone{}
.tab-type01 .tn-zone{}
.tab-type01 .tn-zone .list-type02 .num{display:none;}
.tab-type01 .tn-zone .list-type02 .num + .tit{padding-left:0;}

/* tab-type02 */
.tab-type02{position:relative;} /* 톱기사 모음 */
.tab-type02 ul{padding: 0 15px;}
html.es .tab-type02 ul{padding:0 9px;}
html.es .tab-type02 ul li#enVideo{margin-right:0;}
.tab-type02 li{display:inline-block;font-size:0;}
.tab-type02 li+li{margin-right:10px;}
.tab-type02 li button{position:relative;display:inline-block;padding:0 5px;font-size:15px;line-height:40px;color:#666;}
html.en .tab-type02 li button,
html.es .tab-type02 li button,
html.fr .tab-type02 li button,
html.ar .tab-type02 li button{font-family:serif;}
.tab-type02 li button:after{content:"";display:none;clear:both;position:absolute;z-index:5;bottom:0;left:0;width:100%;height:2px;background:#0068d1;}
.tab-type02 li.on button{color:#0068d1;}
.tab-type02 li.on button:after{display:block;}

.page-tn-week .tab-type02,
.page-tn-all .tab-type02{position:absolute;top:0px;left:0;width:100%;}

.page-search .tab-type02{border-top:1px solid #ccc;}
.page-search .tab-type02:after{content:"";display:block;clear:both;position:absolute;bottom:0px;left:0px;width:100%;height:1px;background:#ccc;}

/* Most Viewed tab */
nav.tab{overflow:hidden;position:relative;margin-top:-1px;padding:1px 0;}
nav.tab:before{content:'';position:absolute;top:0;left:0;z-index:4;width:100%;height:1px;background:#ccc;}
nav.tab:after{content:'';position:absolute;bottom:1px;left:0;z-index:4;width:100%;height:1px;background:#ccc;}
nav.tab .tab-inner{overflow:hidden;overflow-x:auto;position:relative;width:100%;-webkit-overflow-scrolling:auto;overflow-scrolling:auto;-ms-overflow-style:none;}
nav.tab .tab-inner::-webkit-scrollbar{display:none;}
nav.tab ul{/*float:left;width:400px;*/overflow:hidden;padding:0 15px;background:#fff;}
nav.tab ul li{float:left;width:auto;}
html.ar nav.tab ul li{float:right;width:auto;}
nav.tab ul li:last-child{margin-right:30px;}
nav.tab ul li a{display:block;position:relative;padding:0 5px;margin-right:10px;color:#666;font-family:serif;font-size:15px;line-height:40px;}
nav.tab ul li:last-child a{margin-right:0;}
nav.tab ul li.on a{color:#0068d1;}
nav.tab ul li.on a:before{content:'';position:absolute;bottom:0;left:0;z-index:5;width:100%;height:2px;background:#0068d1;}
nav.tab .bg-left{display:inline-block;position:absolute;top:1px;left:0;z-index:5;width:20px;height:39px;background:-webkit-gradient(linear,left top,right top,color-stop(16.66%,#fff),color-stop(100%,rgba(255,255,255,0)));}
nav.tab .bg-right{display:inline-block;position:absolute;top:1px;right:0;z-index:5;width:20px;height:39px;background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(60%,#fff));}


/* 날짜 범위 - 톱기사 모음페이지 */
.weekly-bar{width:100%;text-align:center;background:#f5f5f5;}
.weekly-bar .txt{color:#666;font-size:13px;line-height:40px;font-weight:normal;}
.weekly-bar button{position:relative;width:35px;height:40px;}
.weekly-bar button span{display:block;text-indent:-99999px;}
.weekly-bar button span:before{content:'';position:absolute;top:14px;width:7px;height:13px;background:url(/m-global/home/v01/img/sprites_btn.png) -160px 0 no-repeat;background-size:400px auto;}
.weekly-bar .btn-prev span:before{right:10px;}
.weekly-bar .btn-next span:before{left:10px;background-position:-180px 0;}

/* 날짜 표기 - 톱기사 모음페이지 */
.tn-bar{overflow:hidden;width:100%;padding:0 15px;background-color:#fff;color:#0068d1;box-sizing:border-box;}
.tn-bar .mon{float:left;font-size:14px;line-height:40px;}
.tn-bar .today{float:right;font-size:14px;line-height:40px;font-weight:bold;}

/* ---- paging ---- */
.m-paging{width:100%;text-align:center;margin-bottom:30px;}
.m-paging span{vertical-align:middle;color:#666;margin:0 13px}
.m-paging i{font-style:normal;color:#0068d1;}
.m-paging .prev,.m-paging .next{position:relative;display:inline-block;width:20px;height:20px;line-height:22px;border:1px #ccc solid;text-align:center;vertical-align:middle;}
.m-paging .prev:before,.m-paging .next:before{content:'';display:block;position:absolute;top:50%;left:50%;width:7px;height:13px;vertical-align:middle;background:url(/m-global/home/v01/img/sprites_btn.png) no-repeat;background-size:400px auto;}
.m-paging .prev:before{margin:-6px 0 0 -4px;background-position:-160px 0px;}
.m-paging .next:before{margin:-6px 0 0 -3px;background-position:-180px 0px;}

/* ---- 메인 ---- */
/* 메인 - 톱기사 */
.top-main-news{}
.top-main-news article{}
.top-main-news figure{margin-bottom:15px;max-height:234px;}
.top-main-news figure img{width:100%;}
.top-main-news .txt-con{position:relative;padding:0 15px;}
.top-main-news .txt-con:after{content:"";visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
.top-main-news .txt-con .tit{padding-bottom:5px;}
.top-main-news .txt-con .tit a{font-weight:bold;font-size:2.4rem;line-height:1.2;}
html.ar .top-main-news .txt-con .tit{padding-bottom:10px;}
html.en .top-main-news .txt-con .tit a,
html.es .top-main-news .txt-con .tit a,
html.fr .top-main-news .txt-con .tit a,
html.ar .top-main-news .txt-con .tit a{font-family:serif;}

.top-main-news .list{clear:both;overflow:hidden;padding-top:7px;}
.top-main-news .list.hidden-list{display:none;padding-top:0;}
.top-main-news .list li{margin:3px 0;}
.top-main-news .list li a{display:inline-block;position:relative;padding:0 0 0 10px;font-size:1.4rem;line-height:1.2;color:#333;}
.top-main-news .list li a:before{content:"";display:inline-block;clear:both;position:absolute;top:7px;width:3px;height:3px;margin-right:5px;background:#888;vertical-align:middle;}
html:not(.ar) .top-main-news .list li a:before{left:0;}
html.ar .top-main-news .list li a:before{right:0;}

.top-main-news .btn-con{float:right;margin-top:-5px;}
.top-main-news .btn-more-news{display:block;width:100%;height:50px;}
.top-main-news .btn-more-news span{display:inline-block;text-indent:-99999px;}
.top-main-news .btn-more-news:before{content:'';display:inline-block;width:13px;height:7px;background:url(/m-global/home/v01/img/sprites_btn.png) -275px 0 / 400px auto no-repeat;vertical-align:middle;}
.top-main-news .btn-more-news.on:before{background-position:0 0;}
.top-main-news .btn-view-more{margin-top:10px;}

html.ar .top-main-news .btn-con{float:left;}
html.ar .top-main-news .list li a{padding:3px 10px 3px 0;}
html.ar .top-main-news .list li a:before{margin-right:0;margin-left:5px;}

/* 메인 - 톱기사02 */
.main-news01{margin-top:30px;padding-bottom:15px;border-bottom:1px solid #666;}
.main-news01 article{}
.main-news01 figure{margin-bottom:15px;text-align:center;max-height:234px;overflow:hidden;}
.main-news01 figure img{width:100%;}
.main-news01 .txt-con{position:relative;padding:0 15px;}
.main-news01 .txt-con:after{content:"";visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
.main-news01 .txt-con .tit{padding-bottom:5px;}
.main-news01 .txt-con .tit a{font-weight:bold;font-size:2.4rem;line-height:1.2;}
html.ar .main-news01 .txt-con .tit{padding-bottom:10px;}
html.en .main-news01 .txt-con .tit a,
html.es .main-news01 .txt-con .tit a,
html.fr .main-news01 .txt-con .tit a,
html.ar .main-news01 .txt-con .tit a{font-family:serif;}
.main-news01 .txt-con .btn-con{float:right;margin:-5px -5px 0 0;}
html.ar .main-news01 .txt-con .btn-con{float:left;}

/* 메인 - 주요기사 */
.page-main .list-type03{border-top:1px solid #666;}
.page-main .list-type03 li{}
.page-main .list-type03 article{position:relative;min-height:112px;}
.page-main .list-type03 figure{width:130px;height:81px;}
.page-main .list-type03 figure + .txt-con{padding-right:140px;}
.page-main .list-type03 .tit a{font-size:2.0rem;line-height:1.2;color:#000;}

html.en .page-main .list-type03 .tit a,
html.es .page-main .list-type03 .tit a,
html.ar .page-main .list-type03 .tit a,
html.fr .page-main .list-type03 .tit a{font-size:1.8rem;letter-spacing:-0.05rem;}

/* 메인/SAVED - 사이트 가이드 */
.tip-zone{position:relative;padding:27px 18px;border-top:1px solid #666;background:#e6e9f2;}
.tip-zone .tit{display:inline-block;position:relative;padding:0 15px 0 30px;font-size:1.8rem;font-weight:bold;color:#5c7895;line-height:1.2;}
.tip-zone .tit:after{content:'';display:block;position:absolute;top:50%;left:0;width:19px;height:30px;margin-top:-15px;background:url(/m-global/home/v01/img/sprites_ico.png) -163px -300px no-repeat;background-size:528px auto;}
.tip-zone .tit.top:after{top:15px;}
.tip-zone p{margin-top:10px;font-size:1.3rem;line-height:1.2;color:#5c7895;}
.page-main .tip-zone .btn-close{display:block;}
.page-saved .tip-zone{}
.page-saved .tip-zone span{font-weight:normal;line-height:1.2;}
.page-saved .tip-zone .btn-close{display:none;}

/* 메인 - 마케팅배너 */
.aside-marketing-zone{margin-top:30px;border-top:1px solid #666;background:#43d4fd;text-align:center;}
.aside-marketing-zone02{margin-top:30px;border-top:1px solid #666;background:#3e6df3;text-align:center;}
.aside-marketing-zone img,
.aside-marketing-zone02 img{width:100%;max-width:460px;}
.aside-marketing-zone02 a{display:block;position:relative;width:100%;height:100%;}

/* 메인 - 앱 다운로드 */
.app-down-zone{background:#2e343a;}
.app-down-zone p{font-size:15px;line-height:22px;color:#fff;}

/* 메인 - 포토 */
.today-photo-zone .photo-list{overflow:hidden;margin-top:5px;padding:0 15px;}
.today-photo-zone .photo-list ul{/* width:2000px; */}
.today-photo-zone .photo-list ul:after{content:'';display:block;clear:both;height:1px;}
.today-photo-zone .photo-list li{float:left;position:relative;width:172px;margin-right:5px;padding-bottom:20px;vertical-align:top;}
.today-photo-zone .photo-list article{position:relative;z-index:1;}
.today-photo-zone .photo-list figure{overflow:hidden;position:absolute;top:0;left:0;width:172px;height:172px;}
.today-photo-zone .photo-list figure img{width:100%;}
.today-photo-zone .photo-list .tit{padding-top:180px;font-size:1.8rem;line-height:1.2;color:#fff;}
html.en .today-photo-zone .photo-list .tit,
html.es .today-photo-zone .photo-list .tit,
html.fr .today-photo-zone .photo-list .tit,
html.ar .today-photo-zone .photo-list .tit{font-family:serif;}

/* 메인 - 피쳐 */
.features-zone .list{margin-top:5px;padding:0 15px;}
.features-zone .list li{margin-bottom:5px;}
.features-zone .list li:last-child{margin-bottom:30px;}
.features-zone .list a{display:block;position:relative;width:100%;height:100%;}
.features-zone .list a:before{content:'';position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;}
.features-zone .list .tit{position:absolute;bottom:0;z-index:3;box-sizing:border-box;width:100%;max-width:600px;padding:8px 15px;background:rgba(0,0,0,0.7);font-size:1.8rem;line-height:1.2;color:#fff;}
.features-zone .list figure{overflow:hidden;width:100%;height:0;padding-bottom:43%;text-align:center;}
.features-zone .list figure img{width:100%;}
html.en .features-zone .list .tit,
html.es .features-zone .list .tit,
html.fr .features-zone .list .tit,
html.ar .features-zone .list .tit{font-family:serif;}

html.en .features-zone .list .tit,
html.es .features-zone .list .tit,
html.fr .features-zone .list .tit,
html.ar .features-zone .list .tit{font-family:serif;}

html.en .features-zone .list .tit,
html.ar .features-zone .list .tit,
html.sp .features-zone .list .tit,
html.fr .features-zone .list .tit{font-size:1.6rem;line-height:1.1;color:#fff;letter-spacing:-0.05rem;}

html.en .features-zone .list figure,
html.ar .features-zone .list figure,
html.sp .features-zone .list figure,
html.fr .features-zone .list figure{overflow:hidden;width:100%;height:0;padding-bottom:60%;text-align:center;}

/* 메인 - 영상 */
.today-video-zone .video-list{overflow:hidden;margin-top:5px;padding:0 15px;}
.today-video-zone .video-list ul{}
.today-video-zone .video-list ul:after{content:'';display:block;clear:both;height:1px;}
.today-video-zone .video-list li{float:left;position:relative;width:265px;margin-right:5px;padding-bottom:20px;vertical-align:top;}
.today-video-zone .video-list article{position:relative;width:265px;z-index:1;}
.today-video-zone .video-list figure{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:151px;}
.today-video-zone .video-list figure img{max-width:100%;}
.today-video-zone .video-list figure .btn-play{width:50px;height:50px;margin-top:-25px;background-position:0 0;}
.today-video-zone .video-list .tit{padding-top:157px;font-size:1.8rem;line-height:1.2;color:#fff;}
html.en .today-video-zone .video-list .tit,
html.es .today-video-zone .video-list .tit,
html.fr .today-video-zone .video-list .tit,
html.ar .today-video-zone .video-list .tit{font-family:serif;}

/* 메인 - 인터뷰 */
.interviews-zone .list{position:relative;margin-top:5px;padding:0 15px;text-align:center;overflow:hidden;}
.interviews-zone .list ul:after{content:'';display:block;clear:both;height:1px;}
.interviews-zone .list li{float:left;position:relative;width:100%;margin-right:5px;padding-bottom:50px;vertical-align:top;}
html.ar .interviews-zone .list li{margin-right:0;margin-left:5px;padding-bottom:30px;}

.interviews-zone .list article{position:relative;z-index:1;}
.interviews-zone .list figure{overflow:hidden;text-align:center;border-radius:90px;width:180px;height:180px;margin:0 auto;}
.interviews-zone .list figure img{width:180px;height:180px;border-radius:100%;max-width:100%;}
.interviews-zone .list figure .btn-play{width:50px;height:50px;background-position:0 0;}
.interviews-zone .list .tit{padding-top:5px;color:#333;font-size:1.8rem;line-height:1.2;}
html.en .interviews-zone .tit,
html.es .interviews-zone .tit,
html.fr .interviews-zone .tit,
html.ar .interviews-zone .tit{font-family:serif;}

.interviews-zone .btn-prev,
.interviews-zone .btn-next{position:absolute;z-index:1;top:32%;width:40px;height:55px;margin-top:-23px;
background:rgba(0,0,0,0.3) url(/m-global/home/v01/img/sprites_btn.png) 0 0 no-repeat;background-size:400px auto;text-indent:-9999px;}
html:not(.ar) .interviews-zone .btn-prev{left:0;background-position:-197px -25px;}
html:not(.ar) .interviews-zone .btn-next{right:0;background-position:-240px -23px;}
html.ar .interviews-zone .list .btn-next{/* left:0; */background-position:-200px -30px;}
html.ar .interviews-zone .list .btn-prev{background-position:-245px -30px;}

.interviews-zone .location{position:absolute;bottom:30px;left:0;width:100%;}
.interviews-zone .location a{display:inline-block;padding:2px;vertical-align:middle;}
.interviews-zone .location a span{display:block;width:10px;height:10px;text-indent:-99999px;border-radius:5px;background:#ccc;}
.interviews-zone .location a.on span{background:#0068d1;}

/* 메인 - Yonhap Korea Stories */
.yks-zone article{position:relative;margin-top:5px;padding:0 15px 15px 15px;}
.yks-zone article a{display:table;width:100%;height:64px;}
.yks-zone article figure{overflow:hidden;position:absolute;top:0;left:15px;width:96px;height:64px;}
.yks-zone article figure img{width:100%;}
.yks-zone article .tit{display:table-cell;min-height:64px;padding-left:110px;font-size:1.8rem;line-height:1.2;vertical-align:middle;color:#000;}
html.en .yks-zone article .tit,
html.es .yks-zone article .tit,
html.fr .yks-zone article .tit,
html.ar .yks-zone article .tit{font-family:serif;}

/* 메인 - Yonhap Korea Stories 메일  */
.yks-zone .mail-box{position:relative;margin:0 15px 30px 15px;padding:10px 15px;background:#f4f4f4;}
.yks-zone .mail-box p{font-family:serif;font-size:1.2rem;line-height:1.2;color:#666;}
.yks-zone .mail-box .input-wrap{display:table;width:100%;margin-top:5px;}
.yks-zone .mail-box .input-box{display:table-cell;position:relative;width:70%;padding:0 10px;border:1px solid #ccc;box-sizing:border-box;background:#fff;}
.yks-zone .mail-box .input-box .btn-del{display:none;position:absolute;top:5px;right:7px;padding:3px;}
.yks-zone .mail-box .input-box .btn-del span{display:block;width:13px;height:13px;text-indent:-99999px;border-radius:7px;background:#f5f5f5 url(/m-global/home/v01/img/sprites_btn.png) 0 -30px no-repeat;background-size:400px auto;}
.yks-zone .mail-box input{width:90%;border:0;color:#666;font-size:12px;height:inherit;line-height:inherit;vertical-align:inherit;}
.yks-zone .mail-box input::-webkit-input-placeholder{color:#c5c5c5;font-style:italic;}
.yks-zone .mail-box input:-moz-placeholder{color:#c5c5c5;font-style:italic;}/* Firefox 4-18 */
.yks-zone .mail-box input::-moz-placeholder{color:#c5c5c5;font-style:italic;}/* Firefox 19+ */
.yks-zone .mail-box input:-ms-input-placeholder{color:#c5c5c5;font-style:italic;}/* IE10+ */
.yks-zone .mail-box .btn-sign{display:table-cell;width:100%;color:#fff;font-size:13px;line-height:3.0rem;text-align:center;vertical-align:initial;background:#333;}
.yks-zone .toast-popup{display:none;position:absolute;top:-45px;left:0;z-index:5;width:100%;padding:10px 0;text-align:center;background:rgba(0,0,0,0.8);}
.yks-zone .toast-popup p{font-size:13px;line-height:18px;color:#fff;}

/* 메인 - 섹션별 리스트 */
.list-zone{}
.list-zone > ul{margin-top:5px;padding:0 15px;}
.list-zone li{border-bottom:1px dotted #ccc;}
.list-zone li:last-child{margin-bottom:20px;border-bottom:0;}
.list-zone figure{overflow:hidden;width:100%;height:0;margin-bottom:5px;padding-bottom:61.6%;}
.list-zone figure img{width:100%;}
.list-zone .tit{display:table;width:100%;min-height:50px;vertical-align:middle;}
.list-zone .tit a{display:table-cell;width:100%;min-height:50px;padding:5px 0;font-size:1.5rem;line-height:1.2;vertical-align:middle;}
html.en .list-zone .tit a,
html.es .list-zone .tit a,
html.fr .list-zone .tit a,
html.ar .list-zone .tit a{font-family:serif;}

/* 메인 - 주가/환율 (롤링) */
.stock-zone{position:relative;padding:15px 0 13px 0;border-top:1px solid #666;overflow:hidden;}
.stock-zone .vertical-slide{height:30px;overflow:hidden;}
.stock-zone .btn-show{position:absolute;top:4px;right:5px;height:45px;padding:10px;z-index:1;}
.stock-zone .btn-show span{display:block;width:15px;height:10px;text-indent:-99999px;background:url(/m-global/home/v01/img/sprites_btn.png) -120px 0 no-repeat;background-size:400px auto;}
.stock-zone dl{overflow:hidden;padding:0 15px;}
.stock-zone dt{float:left;width:25%;color:#000;font-size:14px;line-height:30px;}
.stock-zone dd{float:left;width:32%;padding-right:10px;font-size:14px;line-height:30px;text-align:right;box-sizing:border-box;}
.stock-zone dd:last-child{width:30%;padding-right:10px;}
.stock-zone .krw{color:#666;font-size:20px;line-height:28px;text-align:right;}
.stock-zone .stock-up{color:#ff2626;}
.stock-zone .stock-up:before{content:'';display:inline-block;width:9px;height:5px;margin-right:7px;vertical-align:middle;background:url(/m-global/home/v01/img/sprites_stock.png) -140px -10px no-repeat;background-size:150px auto;}
.stock-zone .stock-down{color:#0068d1;}
.stock-zone .stock-down:before{content:'';display:inline-block;width:9px;height:5px;margin-right:7px;vertical-align:middle;background:url(/m-global/home/v01/img/sprites_stock.png) -140px 0 no-repeat;background-size:150px auto;}
.stock-zone .list,
.stock-zone .exchange-zone{display:block;}

.exchange-zone{margin:10px 15px 0 15px;padding-top:5px;border-top:1px solid #ccc;}
.exchange-zone li{overflow:hidden;padding:3px 0;color:#666;font-size:13px;line-height:26px;width:50%;float:left;}
.exchange-zone li:nth-child(2) .ico:before{background-position:0 -30px;}
.exchange-zone li:nth-child(3) .ico:before{background-position:0 -60px;}
.exchange-zone li:nth-child(4) .ico:before{background-position:0 -90px;}
.exchange-zone .ico{float:left;width:40%;}
.exchange-zone .ico:before{content:'';display:inline-block;width:17px;height:14px;margin:0 5px 3px 0;vertical-align:middle;background:url(/m-global/home/v01/img/sprites_stock.png) 0 0 no-repeat;background-size:150px auto;}
.exchange-zone .krw{float:left;width:27%;text-align:right;}
.exchange-zone .day{float:left;width:42%;text-align:right;}
.exchange-zone .date{float:right;padding:5px 10px 0 0;}
.stock-zone-inner .date{position:absolute;float:right;right:27px;}
.stock-zone-inner .swiper-wrapper{overflow:hidden;height:60px;}
.swiper-slide.height-30{height:30px;}

/* 서브 - 주가/환율 */
.kospi-exc-zone .con{padding:0 15px 15px 15px;}
.kospi-exc-zone .con .title{overflow:hidden;padding-top:15px;}
.kospi-exc-zone .con .title.line{margin-top:20px;border-top:1px dotted #ccc;}
.kospi-exc-zone .con .title .tit{float:left;color:#000;font-size:18px;line-height:22px;font-weight:bold;}
.kospi-exc-zone .con .title .day{float:right;color:#666;font-size:16px;line-height:22px;}
.kospi-exc-zone .con .wrap-stock-up{overflow:hidden;color:#ff2626;}
.kospi-exc-zone .con .wrap-stock-down{overflow:hidden;color:#0068d1;}
.kospi-exc-zone .con .wrap-stock-up .ico:before,
.kospi-exc-zone .con .wrap-stock-down .ico:before{content:'';display:inline-block;width:9px;height:5px;margin-right:5px;background:url(/m-global/home/v01/img/sprites_stock.png) -140px -10px no-repeat;background-size:150px auto;vertical-align:middle;}
.kospi-exc-zone .con .wrap-stock-up .ico:before{background-position:-140px -10px;}
.kospi-exc-zone .con .wrap-stock-down .ico:before{background-position:-140px 0;}

.kospi-exc-zone .con .krw{font-size:29px;line-height:36px;}
.kospi-exc-zone .con .ico{float:right;font-size:18px;line-height:36px;}
.kospi-exc-zone .con .graph-chart{text-align:center;}
.kospi-exc-zone .con .graph-chart img{width:100%;max-width:600px;}

.kospi-exc-zone02 ul{padding:6px 15px 5px 15px;}
.kospi-exc-zone02 ul li{overflow:hidden;padding:3px 0;color:#666;font-size:13px;line-height:26px;width:50%;float:left;}
.kospi-exc-zone02 ul li .flag{float:left;width:40%;}
.kospi-exc-zone02 ul li .flag:before{content:'';display:inline-block;width:17px;height:14px;margin:0 5px 3px 0;vertical-align:middle;background:url(/m-global/home/v01/img/sprites_stock.png) 0 0 no-repeat;background-size:150px auto;}
.kospi-exc-zone02 ul li:nth-child(2) .flag:before{background-position:0px -30px;}
.kospi-exc-zone02 ul li:nth-child(3) .flag:before{background-position:0px -60px;}
.kospi-exc-zone02 ul li:nth-child(4) .flag:before{background-position:0px -90px;}
.kospi-exc-zone02 ul li .krw{float:left;width:35%;color:#666;text-align:right;}
.kospi-exc-zone02 ul li .ico-stock-up{float:left;width:35%;text-align:right;color:#ff2626;}
.kospi-exc-zone02 ul li .ico-stock-down{float:left;width:35%;text-align:right;color:#0068d1;}
.kospi-exc-zone02 ul li .ico-stock-up:before{content:'';display:inline-block;width:7px;height:4px;margin-right:5px;vertical-align:middle;background:url(/m-global/home/v01/img/sprites_stock.png) -130px -10px no-repeat;background-size:150px auto;}
.kospi-exc-zone02 ul li .ico-stock-down:before{content:'';display:inline-block;width:7px;height:4px;margin-right:5px;vertical-align:middle;background:url(/m-global/home/v01/img/sprites_stock.png) -130px 0 no-repeat;background-size:150px auto;}

.kospi-exc-zone p.day{margin-top:10px;padding:0;font-size:16px;text-align:right;}
.kospi-exc-zone02 p.day{overflow: hidden;margin:0;padding: 6px 15px 0 15px;font-size: 12px;color: #5c7895;text-align:right;}
.kospi-exc-zone.hide .tit,
.kospi-exc-zone02.hide .tit{border-bottom:0;}
.kospi-exc-zone.hide .con,
.kospi-exc-zone02.hide ul{display:none;}
.kospi-update-time{margin-top:30px;text-align:right;}
.kospi-exc-zone02 .krw{color:#666;font-size:20px;line-height:28px;text-align:right;}

/* 서브 - Main Article Right Now */
.main-rightnow.bg-area{padding-bottom:15px;background:#fff !important;}
.main-rightnow-list{overflow:hidden;margin:10px 15px 0;}
.main-rightnow-list .box-type{float:left;width:50%;padding:0 0 0 7px;box-sizing:border-box;}
.main-rightnow-list .box-type:first-child{padding:0 7px 0 0;}
.main-rightnow-list .box-type .img-con{overflow:hidden;width:100%;height:0;padding-bottom:100%;}
.main-rightnow-list .box-type .img-con img{width:100%;}
.main-rightnow-list .box-type .txt-con{display:inline-block;margin-top:7px;}
.main-rightnow-list .box-type .tit a{font-weight:normal;font-size:1.4rem;line-height:1.2;color:#333;}
html.en .main-rightnow-list .box-type .tit a,
html.es .main-rightnow-list .box-type .tit a,
html.fr .main-rightnow-list .box-type .tit a,
html.ar .main-rightnow-list .box-type .tit a{font-family:serif;}

.main-rightnow-list .list-type04{float:left;width:100%;padding-top:11px;}
.main-rightnow-list .list-type04 li{margin:0;padding:9px 0 13px;border-top:1px dotted #ccc;}
.main-rightnow-list .list-type04 li a{font-size:1.4rem;line-height:1.2;}
html.en .main-rightnow-list .list-type04 li a,
html.es .main-rightnow-list .list-type04 li a,
html.fr .main-rightnow-list .list-type04 li a,
html.ar .main-rightnow-list .list-type04 li a{font-family:serif;}

/* 서브 - 많이 본 영상 */
.most-video-zone{background:#f5f5f5;}

/* ---- 포토,영상 본문 공통 ---- */
.view-body{position:relative;}
.view-box-wrap{}
.view-box-wrap .btn-prev,
.view-box-wrap .btn-next{z-index:3;position:fixed;top:50%;margin-top:-22px;background-color:rgba(0,0,0,0.5);}
.view-box-wrap .btn-prev{left:0;}
.view-box-wrap .btn-next{right:0;}
.view-box-wrap .btn-prev button,
.view-box-wrap .btn-next button{display:block;width:40px;height:55px;font-size:0;line-height:0;z-index:}
.view-box-wrap .btn-prev button{background:url(/m-global/home/v01/img/sprites_btn.png) -197px -23px no-repeat;background-size:400px auto;}
.view-box-wrap .btn-next button{background:url(/m-global/home/v01/img/sprites_btn.png) -240px -23px no-repeat;background-size:400px auto;}
.view-box-wrap .btn-prev span,
.view-box-wrap .btn-next span{font-size:0;line-height:0;text-indent:-99999px;}

.view-box{}
.view-box .view-box-inner{min-height:100%;}

.view-body .info-box{position:absolute;z-index:6;bottom:40px;width:100%;background-color:rgba(0,0,0,0.8);}
.view-body .info-box .caption{padding:13px 10px 13px 10px;color:#fff;}
.page-pictorial .view-body .info-box .caption{padding-bottom:8px;}

.view-body .info-box .caption .tit{}
html.en .view-body .info-box .caption .tit,
html.es .view-body .info-box .caption .tit,
html.fr .view-body .info-box .caption .tit,
html.ar .view-body .info-box .caption .tit{font-family:serif;}
.view-body .info-box .caption .desc{}

/* 하단 송고시간 및 공유영역 */
.view-body .info-con{position:fixed;bottom:0;width:100%;height:40px;background-color:#000;}
.view-body .info-con .time{position:absolute;bottom:15px;left:15px;font-size:11px;color:#808080;}
.view-body .info-con .social-btns{position:absolute;right:10px;bottom:10px;font-size:11px;color:#808080;}

/* 쇼설 버튼 */
.view-body .social-btns button{display:inline-block;width:25px;height:25px;border:0;text-align:center;}
.view-body .social-btns button span{display:inline-block;width:25px;height:25px;background:url(/m-global/home/v01/img/sprites_ico.png) -290px -247px no-repeat;background-size:528px auto;text-indent:-99999px;}
.view-body .social-btns .btn-save02{margin-right:10px;}
.view-body .social-btns .btn-save02 span{background-position:-290px -247px;}
.view-body .social-btns .btn-save02.on span{background-position:-175px -247px;}
.view-body .social-btns .btn-like02{}
.view-body .social-btns .btn-like02 span{background-position:-322px -247px;}
.view-body .social-btns .btn-share02{}
.view-body .social-btns .btn-share02 span{background-position:-353px -247px;}

/* 레이어 닫기 버튼 */
.btn-layer-close{display:inline-block;position:absolute;top:6px;right:10px;width:24px;height:24px;text-align:center;z-index:9999;}
.btn-layer-close span{display:inline-block;width:15px;height:15px;background:url(/m-global/home/v01/img/sprites_ico.png) -91px 0 no-repeat;background-size:528px auto;text-indent:-9999px;}

/* 캡션 버튼 - 용도 확인 */
.btn-caption{font-size:14px;color:#bce2ff;}
.btn-caption:after{content:'';display:inline-block;width:20px;height:20px;margin-left:6px;border:1px solid #ccc;background:url(/m-global/home/v01/img/sprites_btn.png) no-repeat -81px -106px;background-size:400px auto;vertical-align:middle;box-sizing:border-box;}
.btn-caption.on:after{background-position:-121px -106px;}

/* ---- 기사 본문 ---- */
.article-view .sub-section{padding:16px 0 0;}
/* title - article */
.title-article01{padding:15px 15px 20px 15px;border-bottom:1px solid #ccc;}
.title-article01 .tit-subject a{font-size:1.4rem;line-height:1.4;color:#0068d1;}
.title-article01 .tit{font-weight:bold;font-size:2.7rem;line-height:1.2;color:#000;}
html.en .title-article01 .tit,
html.es .title-article01 .tit,
html.fr .title-article01 .tit,
html.ar .title-article01 .tit{font-family:serif;}
.title-article01 .info-box{}
.title-article01 .info-box .info-con{height:inherit;padding:9px 0 13px;background-color:inherit;font-size:12px;}

.info-box .info-con .txt{padding-right:6px;}
.info-box .info-con .view{position:relative;padding-left:17px;color:#5c7895;}
.info-box .info-con .view:after{content:'';display:block;position:absolute;top:3px;left:0;width:13px;height:11px;background:url(../img/sprites_ico.png) 0 -250px no-repeat;background-size:528px auto;}
.info-box .info-con .like{position:relative;padding-left:18px;color:#5c7895;}
.info-box .info-con .like:after{content:'';display:block;position:absolute;top:2px;left:6px;width:11px;height:12px;background:url(../img/sprites_ico.png) -20px -250px no-repeat;background-size:528px auto;}

/* social btn */
.social-btns:after{content:"";visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
.social-btns .social-left{float:left;}
.social-btns .social-right{float:right;}

.social-btns button,
.social-btns a{display:inline-block;width:30px;height:30px;margin-left: 10px;border:1px solid #333;border-radius:50%;line-height:30px;}
.social-btns button span,
.social-btns a span{display:inline-block;width:30px;height:30px;background:url(../img/sprites_icov2.png) 3px -194px no-repeat;background-size:528px auto;font-size:0;line-height:0;text-indent:-99999px;vertical-align:top;}

.social-btns .btn-like span{background-position:2px -194px;}
.social-btns .btn-save span{background-position:-32px -194px;}
.social-btns .btn-like.on,
.social-btns .btn-save.on{border-color:#0068d1;background-color:#0068d1;}
.social-btns .btn-like.on span{background-position:-228px -194px;}
.social-btns .btn-save.on span{background-position:-262px -194px;}

.social-btns .btn-fontsize span{background-position:-65px -194px;}
.social-btns .btn-fb span{background-position:-99px -194px;}
.social-btns .btn-tw span{background-position:-131px -194px;}
.social-btns .btn-share{background-color:inherit;}
.social-btns .btn-share span{background-position:-166px -193px;}
.social-btns .btn-share:after{display:none;}
.social-btns .btn-wei span{background-position:-366px -194px;}
.social-btns .btn-wec span{background-position:-498px -194px;}

html:not(.ar) .social-btns .social-left .btn-like{margin-left:0;}
html.ar .social-btns .social-right .btn-share{margin-left:0;}
html.ar .social-btns .btn-share span{background-position:-164px -194px}
html.ar .social-btns .btn-save span{background-position:-29px -194px;}
html.ar .social-btns .btn-save.on span{background-position:-259px -194px;}

/* 2019-01-15 검색 - 포토 그래픽 폰트 */
html.en .list-photo04 .tit a, html.fr .list-photo04 .tit a, html.es .list-photo04 .tit a, { font-family: serif !important; }

.list-type03 .tit b {color:#2ca6ab;font-family:serif;font-weight:bold;}



/* ---- 포토 본문 (포토일반본문,포토LP본문,그래픽본문,화보본문,매핑이미지 상세본문 등) ---- */
.page-photo{} /* 포토일반본문 */
.page-photo-lp{} /* 포토LP본문 */
.page-graphic{} /* 그래픽본문 */
.page-pictorial{} /* 화보본문 */
.page-photo-lp.page-pictorial{} /* 매핑이미지 상세 */

.photo-zone.view-body{}
.photo-container.view-box-wrap{}

.photo-zone .photo-con{display:table;width:100%;height:100%;padding-top:50px;padding-bottom:150px !important;}
.photo-zone .photo-con .img-con{display:table-cell;vertical-align:middle;}
.photo-zone .photo-con .img-con figure{display:table;position:relative;width:100%;}
.photo-zone .photo-con .img-con figure a{display:table-cell;vertical-align:middle;}
.photo-zone .photo-con .img-con figure img{top:0;right:0;left:0;margin:auto;bottom:0;max-width:100%;max-height:100%;position:absolute;}

.page-pictorial .photo-zone .photo-con{}
.page-pictorial .photo-zone .photo-con .img-con figure{position:relative;height:100% !important;}

.photo-zone .info-box{}
.photo-zone .info-box .caption{}
.photo-zone .info-box .caption .tit{margin-bottom:8px;font-weight:bold;font-size:18px;}
.photo-zone .info-box .caption .tit:empty{margin-bottom:0;}
.photo-zone .info-box .caption .desc{overflow-y:scroll;height:70px;font-size:14px;line-height:1.4;}

/* 화보형 섬네일 */
.thumb-box-wrap{position:fixed;left:0;bottom:40px;z-index:84;width:100%;background:#000;}
.thumb-box-wrap .info-con{position:fixed;bottom:0;left:0;z-index:10;width:100%;height:40px;background-color:#000;}
.thumb-box-wrap .info-con .social-btns{position:absolute;bottom:8px;right:10px;}
.thumb-box-wrap .thumb-box{position:relative;margin-top:2px;}
.thumb-box-wrap .num{font-size:12px;line-height:12px;color:#fff;}
.thumb-box-wrap .num strong{color:#0068d1;font-weight:bold;}
.thumb-box-wrap .control-box{margin-top:7px;margin:0 15px;padding-bottom:5px;border-bottom:1px solid #4d4d4d;}
.thumb-box-wrap .control-box:after{content:"";display:block;clear:both;}
.thumb-box-wrap .control-box .num{line-height:25px;}
.thumb-box-wrap .control-box .social-btns{float:right;margin-right:-3px;}
.thumb-box-wrap .slider-box{padding-bottom:10px;}
.thumb-box-wrap .slider-box{overflow:hidden;position:relative;margin-top:10px;padding-bottom:15px;}
.thumb-box-wrap .slider-box .slider-nav{overflow:hidden;height:55px;}

.thumb-box-wrap .thumb-imgs{width:2000px;}
.thumb-box-wrap .thumb-imgs>div:first-child{margin-left:15px;}
.thumb-box-wrap .thumb-imgs>div:last-child{margin-right:15px;}
.thumb-box-wrap .thumb-imgs>div{float:left;width:55px;margin-left:10px;}
.thumb-box-wrap .thumb-imgs .img-con{position:relative;width:55px;height:55px;box-sizing:border-box;vertical-align:middle;display:table-cell;}
.thumb-box-wrap .thumb-imgs .img-con img{max-width:100%;top:0;right:0;left:0;margin:auto;bottom:0;max-width:100%;max-height:100%;position:absolute;}

.thumb-box-wrap .thumb-imgs .img-con.on a:after,
.thumb-box-wrap .thumb-imgs .swiper-slide-active .img-con a:after{position:absolute;top:0;display:block;content:'';width:55px;height:55px;border:3px solid #0068d1;box-sizing:border-box;}

/* ---- 영상 본문 (영상일반본문,영상LP본문,NKN본문 등) ---- */
.page-video{}
.video-zone{} /* 영상일반본문,영상LP본문,NKN본문 */
.video-zone.view-nknow{} /* NKN본문 */

.video-zone .info-box .caption .caption-txt{}
.video-zone .info-box .caption .tit{margin-bottom:15px;font-weight:bold;font-size:18px;}
.video-zone .info-box .caption .desc{padding-bottom:10px;font-size:14px;line-height:1.4;}

.video-zone .video-con{position:fixed;z-index:7;width:100%;background:#000;}
.video-zone .video-con video,
.video-zone .video-con iframe{overflow:hidden;left:0;z-index:7;width:100%;min-width:100%;border:none;background-color:transparent;}
.video-zone .video-con .img-con figure img{width:100%;}
.video-zone .video-con .btn-play{position:absolute;top:15px;right:0;bottom:0;left:15px;width:100%;height:100%;background:none;}
.video-zone .video-con .btn-play span{display:inline-block;width:50px;height:50px;background:url(/m-global/home/v01/img/sprites_video.png) 0 0 no-repeat;background-size:550px auto;text-indent:-99999px;}
.video-zone .caption{overflow:hidden;color:#fff;}
.view-body.video-zone .info-box{position:relative;;box-sizing:border-box;padding-top:56.25%;margin-top:50px;}
.view-body.video-zone .caption{margin-top:40px;overflow-y:scroll;}

.embed-container{position:relative;padding-bottom:56.25%;}
.embed-container iframe,
.embed-container object,
.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.entry-content img,
.entry-content iframe,
.entry-content object,
.entry-content embed{max-width:100%;}


/* =============== popup ======================== */
#feedbackPop{} /* 피드백>입력 */
#feedbackComplete{} /* 피드백>완료 */
#sharePop{} /* 공유 */
#savedLayer{} /* 북마트 저장 */
#fontSizePop{} /* 폰트사이즈 */
#feedbackComplete .btn-type03 span{font-size:2.5em;}

/* ---- 레이어팝업 ---- */
.pop-layer{display:none;overflow:auto;position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;text-align:left;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;}
#sharePop,
#savedLayer{z-index:102;}
.pop-layer .sub-section{}

.pop-wrap{position:relative;width:290px;margin:0 auto;padding:10px 15px 15px 15px;border-radius:10px;background:#000;box-sizing:border-box;}
.pop-wrap .title{}
.pop-wrap .title .tit{color:#fff;font-size:13px;line-height:20px;font-weight:bold;}
.pop-wrap .btn-pop-close{position:absolute;top:0px;right:0px;z-index:10;width:40px;height:40px;}
.pop-wrap .btn-pop-close span{display:block;text-indent:-99999px;}
.pop-wrap .btn-pop-close:before{content:'';position:absolute;top:10px;right:10px;z-index:10;width:20px;height:20px;background:url(/m-global/home/v01/img/sprites_ico.png) -88px 2px no-repeat;background-size:528px auto;}

.pop-wrap .btn-group{overflow:hidden;width:255px;margin:0 auto;text-align:center;}
.pop-wrap .btn-group button{float:left;width:65px;margin:10px;}
.pop-wrap .btn-group button span{display:block;color:#fff;font-size:13px;line-height:20px;}
html.en .pop-wrap .btn-group .share-btn.fbm.ln-hg span { line-height:17px; }
.pop-wrap .btn-group button span:before{content:'';display:block;width:50px;height:50px;margin:0 auto 3px auto;border:1px solid #fff;border-radius:25px;background:url(/m-global/home/v01/img/sprites_ico.png) 0 -50px no-repeat;background-size:528px auto;}
.pop-wrap .btn-group .ggp span:before{background-position:-110px -50px;}
.pop-wrap .btn-group .pin span:before{background-position:-165px -50px;}
.pop-wrap .btn-group .lin span:before{background-position:-220px -50px;}
.pop-wrap .btn-group .tum span:before{background-position:-275px -50px;}
.pop-wrap .btn-group .red span:before{background-position:-330px -50px;}
.pop-wrap .btn-group .tw span:before{background-position:-55px -49px;}
.pop-wrap .btn-group .wei span:before{background-position:0 -114px;}
.pop-wrap .btn-group .wec span:before{background-position:-110px -115px;}
.pop-wrap .btn-group .qq span:before{background-position:-55px -115px;}
.pop-wrap .btn-group .ren span:before{background-position:-165px -115px;}
.pop-wrap .btn-group .hb span:before{background-position:-220px -115px;}
.pop-wrap .btn-group .fbm span:before{background-position:-385px -50px;}
.pop-wrap .btn-group .line span:before{background-position:-275px -115px;}
html.zh .pop-wrap .btn-group button{width:75px;margin:10px 10px 0 0;}

.pop-wrap .link-box{overflow:hidden;height:40px;margin:12px 0 0 0;padding:0 10px;border:1px solid #fff;color:#fff;font-size:13px;line-height:40px;box-sizing:border-box;background:#1a1a1a;}
.pop-wrap .guide-txt01{padding:10px 0 0 0;color:#fff;font-size:11px;line-height:16px;}
.pop-wrap .list-weather{margin-top:20px;}
.pop-wrap .list-weather dt{height:18px;padding:10px 0 0 0;font-weight:bold;font-size:15px;color:#fff;}
.pop-wrap .list-weather dd{height:18px;font-size:13px;color:#c5c5c5;}
html.zh .pop-wrap .list-weather dd{height:auto;}

.pop-layer .pop-saved{display:none;position:absolute;top:50%;left:50%;width:145px;height:145px;margin:-73px 0 0 -73px;border-radius:73px;text-align:center;background:rgba(46,72,156,0.7);}
.pop-layer .pop-saved p:before{content:'';display:inline-block;width:145px;height:90px;background:url(/m-global/home/v01/img/sprites_ico.png) -236px -529px no-repeat;background-size:528px auto;}
.pop-layer .pop-saved p{color:#fff;font-size:20px;line-height:1.2;}
.pop-layer.active .pop-saved p:before{background-position:-91px -529px;}

.pop-layer.pop-view{overflow:hidden;}
.pop-layer.pop-view .pop-wrap{top:0px !important;width:100%;min-height:100%;margin:0;padding:0 0 110px;border-radius:0;box-sizing:border-box;}
.pop-layer.pop-view.type02 .pop-wrap{padding-bottom:0;}
.b-horizontal .pop-layer.pop-view .pop-wrap{padding-bottom:0;}

.pop-layer.pop-view .pop-wrap .view-box-wrap{overflow:hidden;}
.pop-layer.pop-view .pop-wrap .view-box .info-box .btn-caption .txt-show,
.pop-layer.pop-view .pop-wrap .view-box .info-box .btn-caption.on .txt-hide{display:none;}
.pop-layer.pop-view.type02 .pop-wrap .view-box .info-box .caption a p{display:block;}
.pop-layer.pop-view .pop-wrap .view-box .info-box .btn-caption .txt-hide,
.pop-layer.pop-view .pop-wrap .view-box .info-box .btn-caption.on .txt-show{display:inline-block;}
.b-horizontal .pop-layer.pop-view{overflow:auto;background:#000;
/* -webkit-overflow-scrolling:touch;overflow-scrolling:touch; */}
.pop-wrap .view-body.video-zone .info-con{position:fixed;left:0;bottom:0;}

.pop-wrap.pop-font-size .title .tit{font-size:18px;}
.pop-font-size p.txt-ex{padding:13px 10px 7px;color:#f5f5f5;font-size:1.3rem;line-height:1.2;text-align:center;}
.pop-font-size .bar-box{position:relative;width:90%;height:48px;margin:0 auto;}
.pop-font-size .bar-box .bg{display:block;position:absolute;top:15px;left:0;z-index:1;width:100%;height:1px;background:#ccc;}
.pop-font-size .bar-box .c01{position:absolute;top:17px;left:0;z-index:2;width:1px;height:5px;background:#ccc;}
.pop-font-size .bar-box .c02{position:absolute;top:-2px;left:25%;z-index:2;width:1px;height:5px;background:#ccc;}
.pop-font-size .bar-box .c03{position:absolute;top:-2px;left:50%;z-index:2;width:1px;height:5px;background:#ccc;}
.pop-font-size .bar-box .c04{position:absolute;top:-2px;left:75%;z-index:2;width:1px;height:5px;background:#ccc;}
.pop-font-size .bar-box .c05{position:absolute;top:-2px;left:100%;z-index:2;width:1px;height:5px;background:#ccc;}
.pop-font-size .bar-box .bar{display:block;position:absolute;top:0;left:0;z-index:3;height:1px;background:#0068d1;}
.pop-font-size .bar-box .bar.type01{width:1px;}
.pop-font-size .bar-box .bar.type02{width:25%;}
.pop-font-size .bar-box .bar.type03{width:50%;}
.pop-font-size .bar-box .bar.type04{width:75%;}
.pop-font-size .bar-box .bar.type05{width:100%;}
.pop-font-size .bar-box .curr{position:absolute;top:-12px;right:0;z-index:3;width:24px;height:24px;margin-right:-12px;border-radius:12px;background:#0068d1}
.pop-font-size .bar-box .curr span{display:block;text-indent:-99999px;}
.pop-font-size .bar-box .txt01{position:absolute;bottom:3px;left:-3px;color:#fff;font-size:10px;}
.pop-font-size .bar-box .txt02{position:absolute;bottom:-5px;right:-5px;color:#fff;font-size:18px;}

/* ---- 이미지본문 로딩바 ---- */
.pop-loading{position:fixed;height:100%;width:100%;z-index:999;top:0;left:0;background:rgba(0,0,0,0.5);}
.pop-loading .loader{margin:0 auto;position:absolute;top:45%;left:46%;}
.pop-loading .loader:after{background:#111;}

/* ---- 코칭 ---- */
.page-app{position:relative;text-align:center;background:#eee;}
.page-app #container{padding-bottom:0;}
.app-welcome{padding-top:60px;}
.app-welcome .swiper-slide div{height:99px;}
.app-welcome .tit{display:block;font-size:18px;font-weight:bold;color:#0168d1;}
.app-welcome p{margin-top:8px;font-size:13px;color:#333;}
.app-welcome figure{height:100%;}
.app-welcome figure img{width:80%;}
.app-welcome .swiper-pagination{position:static;line-height:45px;}
.app-close{position:fixed;right:15px;top:15px;display:inline-block;width:15px;height:15px;background:url(/m-global/home/v01/img/sprites_ico.png) -326px -200px no-repeat;background-size:528px auto;}
.app-welcome .btn-app-last{display:block;z-index:5;position:fixed;bottom:-45px;width:100%;font-size:18px;line-height:45px;color:#f5f5f5;background:#0168d1;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;}
.app-welcome .btn-app-last.on{bottom:0px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;}
.header-policy{position:relative;display:block;text-align:center;font-size:18px;line-height:40px;color:#fff;background:#0068d1;}
.btn-bak{display:inline-block;position:absolute;left:15px;top:50%;width:10px;height:20px;margin-top:-10px;background:url(/m-global/home/v01/img/sprites_btn.png) -209px -42px no-repeat;background-size:400px auto;}
.privacy-policy{padding:15px;}
.privacy-policy dt{font-size:18px;font-weight:bold;}
.privacy-policy dd{line-height:17px;margin:7px 0 20px;}
.privacy-policy dd ul{padding-left:10px;}
.privacy-policy dd li{margin-top:8px;}
.privacy-policy dd strong{display:block;font-weight:bold;}
.page-coach img{width:100%;}
.btn-coach{display:inline-block;position:absolute;top:0;left:0;width:15%;height:7%;}

/* 2019-01-16 모바일서비스 앱 개인정보정책 */
.sub-section.txt-type-m .ft-bd { font-weight:bold;  }
.sub-section.txt-type-m .mg-bt { margin-bottom:10px; }
.sub-section.txt-type-m .cr-bk { color:#000; }
.sub-section.txt-type-m .txt-type01:before{content:'';display:inline-block;position:absolute;left:0;top:0;width:0;height:0;background:none;}
.menu-section .list01 li.la-mu { width:100%; }
.menu-section .list01 li.la-mu:last-child a { border-bottom:0; }

/* 2019-01-17 개인정보정책 */
.privacy-txt01{font-size:1.5rem;line-height:1.6;}
.sub-section.txt-type-m .txt-type01 { padding-left:0; font-size:1.5rem;line-height:1.6; }


/* 2019-03-20 사이트맵 */
/* sitemap */

.sitemap-zone{}
.sitemap-zone .title-con {display:block;padding:8px 15px;background:#000;}
.sitemap-zone .title-con .tit{display:block;color:#fff;font-size:18px;letter-spacing:-1px;vertical-align:middle;}

.sitemap-zone .area{overflow:hidden;margin:0 0 25px;}
.sitemap-zone .link-zone01{padding:0 20px;}
.sitemap-zone .link-zone01 .tit{display:block;padding:7px 2px 6px;letter-spacing:-1px;box-sizing:border-box;}
.sitemap-zone .link-zone01 .tit a,
.sitemap-zone .link-zone01 .tit span{display:inline-block;padding:0 4px;color:#333;font-weight:normal;font-size:17px;line-height:24px;}
.sitemap-zone .link-zone01 .list{padding:4px 0 0 4px;}
.sitemap-zone .link-zone01 .list li{position:relative;margin-bottom:8px;padding-left:4px;background:url(/global/home/v01/img/img_list_bul.gif) 0 12px no-repeat;}
.sitemap-zone .link-zone01 .list a{display:inline-block;padding:0 5px;font-size:14px;color:#666;line-height:26px;}


/* =============== 디바이스 ======================== */
@media all and (max-width:320px){
	.view-body .info-box .caption{max-height:270px;}
}

@media only screen and (min-width:560px) and (max-width:767px){
	/* K-Wave 이미지 */
	.list-photo03 li{width:33%;}
}

@media only screen and (min-width:768px) and (max-width:1024px){
	/* 태블릿 버전 */
	.main-news01{margin-top:0;}
	.video-zone .caption{overflow-y:inherit;}
	/*.video-zone .video-con{position:absolute;}*/
	/* K-Wave 이미지 */
	.list-photo03 li{width:24.96%;}
}

@media only screen and (min-width:1025px){
	/* pc 버전 */
	.list-type01 li figure{margin:0 auto;}
	.list-type01 li figure,
	.list-type01 li figure img{max-width:1100px;}
	.list-photo04 li{width:86px;}
	.list-video02 li{width:138px;}

	/* main grid */
	.page-main .list-type03{border-top:1px solid #666;}
	.video-zone .caption,
	.pop-wrap .video-zone .caption{overflow-y:inherit;}
	.video-zone .video-con,
	.pop-wrap .view-body.video-zone .info-con{position:absolute;}

	/* K-Wave 이미지 */
	.list-photo03 li{width:19.8%;}
}

@media only screen and (min-width:1280px){
	/* K-Wave 이미지 */
	.list-photo03 li{width:16.4%;}
}

@media only screen and (max-height:500px){
	/* 화면 높이 500 미만일 경우 */
	.video-zone .caption,
	.pop-wrap .video-zone .caption{overflow-y:inherit;}
	.video-zone .video-con,
	.pop-wrap .view-body.video-zone .info-con{position:absolute;}
}


/* =============== 배율 ======================== */
/* ---- 4배율 ---- */
@media only screen and (-webkit-min-device-pixel-ratio:3), only screen and (min-device-pixel-ratio:3){
	/* 4배율 이미지는 여기에 작성 하세요. */
	.btn-more:after{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	.btn-view-more:after{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	.btn-play{background-image:url(/m-global/home/v01/img/sprites_video_4x.png);}
	button.btn-save span{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	label.chk-save span{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	.btn-share span{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	.btn-home:after{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	.btn-home:before{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	.btn-home02:before{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	.btn-wrap .btn-pop-close span{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	.btn-type01:after{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	.btn-type02:after{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	.btn-type03:after{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	.btn-type05.weather:after{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	.btn-close{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	.btn-go-top button{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}

	.title01 .btn{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	.title02 .btn{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	.title02 .btn-show{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	.title03 .btn{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	/*.title04 .btn span{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}*/
	.txt-type01:before{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	.ico-photo{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	.ico-pictorial{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	.error:before{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	.feed-finish:before{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	.search-box .input-box:before{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	.search-box .input-box .btn-del{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	.search-box .btn .btn-show:after{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	.btn-ms-zone a:before{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	ul.ms-list li:before{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	.weekly-bar button span:before{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	.tn-list ul li .time:before{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	.kospi-exc-zone .con .wrap-stock-up .ico:before{background-image:url(/m-global/home/v01/img/sprites_stock_4x.png);}
	.kospi-exc-zone .con .wrap-stock-down .ico:before{background-image:url(/m-global/home/v01/img/sprites_stock_4x.png);}
	.kospi-exc-zone02 ul li .flag:before{background-image:url(/m-global/home/v01/img/sprites_stock_4x.png);}
	.kospi-exc-zone02 ul li .ico-stock-up:before{background-image:url(/m-global/home/v01/img/sprites_stock_4x.png);}
	.kospi-exc-zone02 ul li .ico-stock-down:before{background-image:url(/m-global/home/v01/img/sprites_stock_4x.png);}

	.top-main-news .txt-con .btn.on:before{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	.top-main-news .txt-con .btn:before{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}

	html:not(.ar) .interviews-zone .btn-prev{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	html:not(.ar) .interviews-zone .btn-next{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	html.ar .interviews-zone .list .btn-next{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	html.ar .interviews-zone .list .btn-prev{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}

	.page-main .yks-zone .mail-box .input-box .btn-del span{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	.page-main .stock-zone .btn-show span{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	.page-main .stock-zone dl dd.stock-up:before{background-image:url(/m-global/home/v01/img/sprites_stock_4x.png);}
	.page-main .stock-zone dl dd.stock-down:before{background-image:url(/m-global/home/v01/img/sprites_stock_4x.png);}
	.page-main .stock-zone .exchange-zone .ico:before{background-image:url(/m-global/home/v01/img/sprites_stock_4x.png);}
	.view-box-wrap .btn-prev button{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	.view-box-wrap .btn-next button{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	.view-body.graphics-zone .btn-prev button{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	.view-body.graphics-zone .btn-next button{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	.social-btns .btn-save02 span{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	.social-btns .btn-like02 span{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	.social-btns .btn-share02  span{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	.btn-layer-close span{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	.video-zone .video-con .btn-play span{background-image:url(/m-global/home/v01/img/sprites_video_4x.png);}
	.btn-caption:after{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	.tip-zone .tit:after{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	.m-paging .prev:before,.m-paging .next:before{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
	.current-location-zone .location:after{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	.current-location-zone .btn-change:after{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	.pop-wrap .btn-pop-close:before{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	.pop-wrap .btn-group button span:before{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	.pop-layer .pop-saved p:before{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	.app-close{background-image:url(/m-global/home/v01/img/sprites_ico_4x.png);}
	.btn-bak{background-image:url(/m-global/home/v01/img/sprites_btn_4x.png);}
}




/* =============== Control ======================== */

/* 서브 섹션 */
.page-section{}

/* 서브 리스트 */
.page-list .tab-type01{margin-bottom:15px;}
/* .page-list .list-type01 + .bor-t > .list-type03{border-top:1px solid #666;} */

/* 본문 */
/* .page-view .most-photo-zone{padding-bottom:10px;} */
.page-article.page-view .most-photo-zone .list-photo02 article .tit{padding-top:7px;}

/* 검색 */
.page-search .list-photo b { font-weight:bold !important; color:#2ca6ab; font-family:serif !important; }
.page-search .list-graphic b { font-weight:bold !important; color:#2ca6ab; font-family:serif !important; }
.page-search .list-video b { font-weight:bold !important; color:#2ca6ab; font-family:serif !important; }

.page-search .image-photo-zone .list-photo ul li,
.page-search .graphic-photo-zone .list_graphic ul li{padding:0 10px 20px 5px;}
.page-search .title04.topline-none + .list-photo03{margin-top:-15px;}
.news-list-zone .title04{border:0 none;}
html.sp .tab-type02 li#enVideo{margin-right:0px;}

/* 톱기사 모음페이지 */
body[class*="page-tn-"]{}
body[class*="page-tn-"] .top-bar{position:absolute;top:40px;left:0;z-index:5;width:100%;background:#fff;}
body[class*="page-tn-"] .contents.pd-on .top-bar{top:125px;}
body[class*="page-tn-"] .contents.pd-on .tab{top:85px;}

/* 1105 article.css bnr-zone삭제후 추가*/
.bnr-zone{padding:20px 15px 15px 15px;text-align:center;}
.bnr-zone>div,
.bnr-zone figure{margin:0 auto;}
.bnr-zone figure img{width:100%;}
.bnr-zone.small figure img{width:100%;max-width:241px;}


/* .page-tn-week .top-bar,
.page-tn-all .top-bar{position:absolute;top:40px;left:0;z-index:5;width:100%;background:#fff;}
.page-tn-week .contents.pd-on .top-bar,
.page-tn-all .contents.pd-on .top-bar{top:125px;}
.page-tn-week .contents.pd-on .tab,
.page-tn-all .contents.pd-on .tab{top:85px;} */

/* .page-search .image-photo-zone .list-photo ul li h1.tit,
.page-search .graphic-photo-zone .list_graphic ul li h1.tit{font-size:1.5em;padding:5px 0;}
.page-search .image-photo-zone .list-photo04 ul li h4.tit{font-size:1.5em;} */

/* .page-view.page-graphics .info-box,
.page-view.page-graphics .info-box .info-con{position:relative;}
.page-view.page-graphics .btn-zoom{top:33px;} */
/* .view-body.graphics-zone .btn-prev{z-index:3;position:fixed;top:50%;left:0;margin-top:-22px;background-color:rgba(0,0,0,0.5);}
.view-body.graphics-zone .btn-next{z-index:3;position:fixed;top:50%;right:0;margin-top:-22px;background-color:rgba(0,0,0,0.5);}
.view-body.graphics-zone .btn-prev button,
.view-body.graphics-zone .btn-next button{display:block;width:30px;height:45px;font-size:0;line-height:0;}
.view-body.graphics-zone .btn-prev button{background:url(/m-global/home/v01/img/sprites_btn.png) -200px -30px no-repeat;background-size:400px auto;}
.view-body.graphics-zone .btn-next button{background:url(/m-global/home/v01/img/sprites_btn.png) -245px -30px no-repeat;background-size:400px auto;}
.view-body.graphics-zone .btn-prev{font-size:0;line-height:0;text-indent:-99999px;}
.graphics-zone .info-box .caption{padding-bottom:8px;}
.graphics-zone .view-box-inner.swiper-slide .photo-con{padding-top:40px;padding-bottom:0;} */
/* .caption .btn-con{text-align:right;}
.num02{position:absolute;top:15px;width:100%;text-align:center;font-size:12px;line-height:12px;color:#fff;}
.num02 em{color:#0068d1;font-weight:bold;}
.pop-view .gallery-top{position:relative;}
.pop-view .gallery-top .btn-prev,
.pop-view .gallery-top .btn-next{position:absolute;}
.pop-view .gallery-top .photo-con{overflow:hidden;display:block;text-align:center;}
.pop-view .gallery-top .photo-con .img-con{display:block;}
.pop-view .gallery-top .photo-con .img-con a{position:relative;}
.pop-view .gallery-top .photo-con figure{display:inline-block;width:100%;height:100%;padding-top:40px;}
.pop-view .gallery-top .photo-con img.portrait{width:100%;height:auto;}
.b-horizontal .pop-view .gallery-top .photo-con img.portrait{width:auto;height:100%;}
.b-horizontal .pop-view .gallery-top .photo-con img.landscape{width:auto;height:100%;}
.pop-view .thumb-box-wrap{position:fixed;left:0;bottom:0;z-index:100;width:100%;}
.page-pictorial.page-verse .thumb-box-wrap{position:fixed;left:0;bottom:40px;z-index:84;width:100%;background:#000;}
.b-horizontal .pop-view .thumb-box-wrap{position:absolute;} */
/* .pop-view .view-box-inner .photo-con{padding-bottom:0;}
.pop-view .photo-zone.view-body .info-box{bottom:0;} */


/* .weather-information{min-width:360px;min-height:340px;} */
/* .current-location-zone{position:relative;min-height:51px;padding:10px;box-sizing:border-box;}
.current-location-zone .location{position:relative;display:inline-block;padding:7px 0 7px 40px;color:#000;font-size:13px;font-weight:normal;line-height:17px;}
.current-location-zone .location:after{content:"";position:absolute;left:0;top:0;display:block;width:30px;height:30px;background:url(/m-global/home/v01/img/sprites_ico.png) -122px -300px no-repeat;background-size:528px auto;border:1px solid #f2f2f2;border-radius:50%;} */
/* .current-location-zone .btn-change{position:absolute;right:10px;top:12px;display:block;width:38px;height:28px;background:#f5f5f5;border:1px solid #c3c3c3;border-radius:3px;}
.current-location-zone .btn-change:after{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:url(/m-global/home/v01/img/sprites_ico.png) -378px -248px no-repeat;background-size:528px auto;} */

/* .current-location-zone .slt-locate{display:none;position:relative;width:100%;padding:2px 60px 0 0px;box-sizing:border-box;}
.current-location-zone .slt-locate:after{content:"";display:block;clear:both;}
.current-location-zone .slt-locate .box{float:left;width:33.3%;padding-left:3px;box-sizing:border-box;}
.current-location-zone .slt-locate .box:first-child{padding-left:0;}
.current-location-zone .slt-locate .box select{width:100%;height:28px;border-color:#c3c3c3;font-size:12px;}
.current-location-zone .slt-locate .btn-general{position:absolute;right:0;top:2px;display:block;width:48px;height:28px;background:#f5f5f5;border:1px solid #c3c3c3;border-radius:1px;}
.current-location-zone .btn-change span{font-size:0;line-height:0;text-indent:-99999px;} */

/* .weather-tab ul:after{content:"";display:block;clear:both;}
.weather-tab ul li{float:left;width:33.3%;text-align:center;color:#666;font-family:serif;font-size:16px;line-height:22px;}
.weather-tab ul li:last-child{width:33.4%;}
.weather-tab.national ul li{width:14.28%;font-size:11px;line-height:15px;}
.weather-tab ul li a{display:block;padding:8px 0;}
.weather-tab.national ul li a{color:#333;}
.weather-tab ul li.selected a{position:relative;color:#000;font-weight:bold;}
.weather-tab.national ul li.selected a{font-weight:normal;}
.weather-tab ul li.selected a:after{content:"";position:absolute;left:0;bottom:0;display:block;width:100%;height:2px;background:#000;}
.weather-tab.national ul li a span{display:block;color:#666;} */

/* .weather-information{position:relative;}
.weather-information .w-type img{width:100%;}
.weather-information .txt-info{position:absolute;left:0;top:0;width:100%;height:100%;padding-top:60px;text-align:center;box-sizing:border-box;}
.weather-information .txt-info [class*="w-ico-type-w-"]{padding-left:42px;color:#fff;font-size:15px;line-height:35px;}
.weather-information .txt-info [class*="w-ico-type-w-"]:after{width:35px;height:35px;}
.weather-information .txt-info .temp{display:block;padding:10px 0;color:#fff;font-size:55px;line-height:55px;}
.weather-information .txt-info .temp span{font-size:25px;line-height:130%;letter-spacing:-1px;vertical-align:top;}
.weather-information .txt-info .min-max{display:block;padding-bottom:25px;color:#fff;font-size:15px;}
.weather-information .txt-info .info{display:block;color:#fff;font-size:13px;line-height:19px;}
.weather-information .txt-info .info span{display:inline-block;margin-left:10px;}
.weather-information .txt-info .info span:first-child{margin-left:0;}
.weather-information .txt-info .updated{position:absolute;left:15px;top:15px;padding-left:20px;color:#fff;font-size:11px;line-height:24px;}
.weather-information .txt-info .updated:before{content:'';position:absolute;top:50%;left:0;width:14px;height:12px;margin-top:-6px;background:url(/m-global/home/v01/img/sprites_ico.png) -286px -300px no-repeat;background-size:528px auto;} */

/* .weather-table-box .table-box{position:relative;}
.weather-table-box .table-box:after{content:"";position:absolute;left:37.5%;top:-1px;width:12.5%;height:100%;border:1px solid #389dd6;}
.weather-table-box .weather-table.toggle-cont{display:none;}
.weather-table-box .table-box table{width:100%;}
.weather-table-box .weather-table.toggle-cont .toggle-blind{padding:0;margin:0;font-size:0;line-height:0;text-indent:-99999px;}
.weather-table-box .weather-table td,
.weather-table-box .weather-table th{padding:10px 0;text-align:center;}
.weather-table-box .weather-table thead td{margin-bottom:5px;font-size:12px;font-weight:normal;letter-spacing:-1px;}

.weather-table-box .weather-table thead th{margin-bottom:5px;padding:10px 0;font-size:12px;font-weight:normal;text-align:center;letter-spacing:-1px;}

.weather-table-box .weather-table .crt{color:#000;font-weight:800;}

.weather-table-box .weather-table tr.ico-forecast td,
.weather-table-box .weather-table tr.ico-forecast th{padding:0;}
.weather-table-box .weather-table tr.ico-forecast span{display:inline-block;width:35px;height:35px;}
.weather-table-box .weather-table tr.ico-forecast td [class*="w-ico-type-b-"]:after{left:50%;margin-left:-17px;}

.weather-table-box .weather-table td.weather-graph img{width:100%;}

.weather-table-box .weather-table tr.precip td{padding:5px 0;font-size:11px;letter-spacing:-1px;}
.weather-table-box .weather-table tr.precip td.after,
.weather-table-box .weather-table tr.precip td.crt{color:#999;}

.weather-table-box .weather-table tr.ico-direction td,
.weather-table-box .weather-table tr.ico-direction th{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px 0;}
.weather-table-box .weather-table tr.ico-direction [class*="wind"]{padding-top:35px;color:#999;font-size:11px;letter-spacing:-1px;}
.weather-table-box .weather-table tr.ico-direction [class*="wind"]:after{width:30px;height:30px;margin-left:-15px;}

.weather-table-box .weather-table tr.humidity td span{position:relative;display:inline-block;padding-top:35px;font-size:11px;letter-spacing:-1px;}
.weather-table-box .weather-table tr.humidity td span:after{content:"";position:absolute;left:50%;top:0;display:block;width:26px;height:30px;margin-left:-13px;background:url(../img/ico_weather_m.png) -134px 0 no-repeat;background-size:240px;}

.weather-table-box .btn-zone02{margin-top:20px;} */

/* .forecast-standard .forecast-top{margin:0 15px;padding:8px 0 17px;border-top:1px solid #ccc;}
.forecast-standard .forecast-top ul:after{content:"";display:block;clear:both;}
.forecast-standard .forecast-top ul li{position:relative;float:left;display:table;width:50%;height:38px;margin-top:9px;padding-left:21px;box-sizing:border-box;text-align:center;}
.forecast-standard .forecast-top ul li:after{content:"";position:absolute;left:0;top:50%;display:block;width:24px;height:24px;margin-top:-9px;background:url(../img/ico_weather_m.png) -134px 0 no-repeat;background-size:240px;}
.forecast-standard .forecast-top ul li.precip:after{background-position:-44px 0;}
.forecast-standard .forecast-top ul li.winds:after{background-position:-66px 0;}
.forecast-standard .forecast-top ul li.humidity:after{background-position:-90px 0;}
.forecast-standard .forecast-top ul li.time:after{background-position:-110px 0;}
.forecast-standard .forecast-top ul li.time dd{padding-top:7px;color:#000;font-weight:bold;}
.forecast-standard .forecast-top ul li dl{display:table-cell;vertical-align:middle;}
.forecast-standard .forecast-top ul li dl dt{color:#000;font-size:14px;font-weight:bold;line-height:18px;}
.forecast-standard .forecast-top ul li dl dd{font-size:14px;line-height:18px;}

.forecast-standard .forecast-mid .btn-acr{position:absolute;right:0;top:10px;display:block;width:18px;height:18px;background:#c5c5c5 url(../img/sprites_ico.png) -245px -250px no-repeat;background-size:528px auto;border-radius:50%;}
.forecast-standard .forecast-mid .btn-acr span{font-size:0;line-height:0;text-indent:-99999px;} */

/* .forecast-standard .forecast-mid{position:relative;margin:0 15px;padding:10px 0 19px;border-top:1px solid #ccc;}
.forecast-standard .forecast-mid dl:after{content:"";display:block;clear:both;}
.forecast-standard .forecast-mid dl dt{float:left;width:27%;color:#333;font-size:14px;line-height:22px;}
.forecast-standard .forecast-mid dl dt strong{font-weight:bold;}
.forecast-standard .forecast-mid dl dd{float:left;width:23%;font-size:14px;line-height:22px;}
.forecast-standard .forecast-mid dl dd.bot-gr{color:#44ac67;}
.forecast-standard .forecast-mid dl dd.bot-yl{color:#ffde16;}


.forecast-standard .forecast-btm{display:none;margin:0 15px;padding:23px 0;border-top:1px solid #ccc;}
.forecast-standard .forecast-btm table{width:100%;}
.forecast-standard .forecast-btm table + table{margin-top:10px;}
.forecast-standard .forecast-btm table th{color:#333;font-size:11px;line-height:22px;}
.forecast-standard .forecast-btm table thead th{padding:5px 0;text-align:center;}
.forecast-standard .forecast-btm table thead th span{position:relative;display:block;margin:0 3px;font-size:10px;line-height:22px;}
.forecast-standard .forecast-btm table thead th span:after{content:"";position:absolute;left:0;bottom:0;display:block;width:100%;height:2px;}
.forecast-standard .forecast-btm table thead th span.bot-bl{color:#3399cc;}
.forecast-standard .forecast-btm table thead th span.bot-bl:after{background-color:#3399cc;}
.forecast-standard .forecast-btm table thead th span.bot-gr{color:#33cc66;}
.forecast-standard .forecast-btm table thead th span.bot-gr:after{background-color:#33cc66;}
.forecast-standard .forecast-btm table thead th span.bot-or{color:#f9912f;}
.forecast-standard .forecast-btm table thead th span.bot-or:after{background-color:#f9912f;}
.forecast-standard .forecast-btm table thead th span.bot-pk{color:#f56767;}
.forecast-standard .forecast-btm table thead th span.bot-pk:after{background-color:#f56767;}
.forecast-standard .forecast-btm table thead th span.bot-pp{color:#662d91;}
.forecast-standard .forecast-btm table thead th span.bot-pp:after{background-color:#662d91;}
.forecast-standard .forecast-btm table td{font-size:12px;line-height:22px;text-align:center;} */

/* .tendays-weather{padding:19px 0 29px;border-top:1px solid #ccc;}
.tendays-weather .tit{display:block;margin:0 15px 20px;padding-bottom:10px;border-bottom:1px solid #ccc;color:#000;font-family:serif;font-size:14px;}
.tendays-weather ul li{position:relative;width:16.666%;border-left:1px dotted #9d9d9d;text-align:center;}
.tendays-weather ul li:first-child{border-left:0;}
.tendays-weather ul li:nth-child(3){margin-left:-1px;}
.tendays-weather ul li > span{display:block;color:#666;font-size:12px;line-height:18px;}
.tendays-weather ul li .day,
.tendays-weather ul li .min-max .max{color:#333;}
.tendays-weather ul li .min-max{margin-top:50px;}
.tendays-weather-list{width:100%;overflow-x:scroll;} */

/* weather - national */
/* .weather-map{position:relative;overflow:hidden;background-color:#e0eef5;}
.weather-map .img-con img{width:100%;}
.weather-map .txt-con .map-currently{position:absolute;right:10px;top:10px;}
.weather-map .txt-con .map-currently:after{content:"";display:block;clear:both;}
.weather-map .txt-con .map-currently button{float:left;display:block;width:29px;height:17px;background:#fff;border-left:1px solid #ccc;color:#777;font-size:9px;font-weight:normal;line-height:17px;text-align:center;}
.weather-map .txt-con .map-currently button.on{background:#389dd6;color:#fff;}
.weather-map .txt-con .map-currently button:first-child{border-left:0;}
.weather-map .national-box{position:absolute;z-index:10;width:55px;padding:3px 0;background:#fff;border:1px solid #ededed;text-align:center;}
.weather-map .national-box > span{display:block;}
.public-city-list ul li.seoul{left:29%;top:19.5%;}
.public-city-list ul li.chuncheon{left:49%;top:15.5%;}
.public-city-list ul li.gangneung{left:69%;top:18.7%;}
.public-city-list ul li.ulleungdokdo{left:89%;top:21%;}
.public-city-list ul li.daejeon{left:30%;top:41.5%;}
.public-city-list ul li.cheongju{left:50.3%;top:39.6%;}
.public-city-list ul li.daegu{left:70.3%;top:46.3%;}
.public-city-list ul li.gwangju{left:30%;top:62%;}
.public-city-list ul li.jeonju{left:50.3%;top:59.6%;}
.public-city-list ul li.busan{left:72%;top:63.5%;}
.public-city-list ul li.jeju{left:24%;top:82.7%;}
.weather-map .national-box .city{display:table;width:100%;height:21px;color:#39455d;font-size:8px;line-height:11px;letter-spacing:-0.5px;}
.weather-map .national-box .city span{display:table-cell;vertical-align:middle;}
.weather-map .national-box .w-ico-type-b-01:after{background-position:-248px -548px;}
.weather-map .national-box .w-ico-type-b-02:after{background-position:-274px -548px;}
.weather-map .national-box .w-ico-type-b-03:after{background-position:-301px -549px;}
.weather-map .national-box .w-ico-type-b-04:after{background-position:-328px -549px;}
.weather-map .national-box .w-ico-type-b-05:after{background-position:-248px -573px;}
.weather-map .national-box .w-ico-type-b-06:after{background-position:-274px -573px;}
.weather-map .national-box .w-ico-type-b-07:after{background-position:-301px -573px;}
.weather-map .national-box .w-ico-type-b-08:after{background-position:-328px -573px;}
.weather-map .national-box .w-ico-type-b-09:after{background-position:-248px -600px;}
.weather-map .national-box .w-ico-type-b-10:after{background-position:-274px -600px;}
.weather-map .national-box .w-ico-type-b-11:after{background-position:-301px -600px;}
.weather-map .national-box .w-ico-type-b-12:after{background-position:-328px -600px;}
.weather-map .national-box .w-ico-type-b-13:after{background-position:-248px -626px;}
.weather-map .national-box .w-ico-type-b-14:after{background-position:-274px -626px;}
.weather-map .national-box .w-ico-type-b-15:after{background-position:-301px -626px;}
.weather-map .national-box .w-ico-type-b-16:after{background-position:-328px -626px;}
.weather-map .national-box .w-ico-type-b-17:after{background-position:-248px -656px;}
.weather-map .national-box .w-ico-type-b-18:after{background-position:-274px -656px;}
.weather-map .national-box .w-ico-type-b-19:after{background-position:-301px -656px;}
.weather-map .national-box .w-ico-type-b-20:after{background-position:-328px -656px;}
.weather-map .national-box .w-ico-type-b-21:after{background-position:-248px -684px;}
.weather-map .national-box .w-ico-type-b-22:after{background-position:-273px -684px;}
.weather-map .national-box .degree{color:#39455d;font-size:10px;font-weight:800;} */
/* .weather-zone{border-bottom:1px solid #ccc;} */

/* w-ico-type-b- >> 검은색 w-ico-type-w- >> 흰색 w-ico-type-c >> 컬러 */
/* .w-ico-type-w-01:after{background-position:-351px -1004px;}
.w-ico-type-w-02:after{background-position:-388px -1003px;}
.w-ico-type-w-03:after{background-position:-427px -1002px;}
.w-ico-type-w-04:after{background-position:-479px -1006px;}
.w-ico-type-w-05:after{background-position:-351px -1040px;}
.w-ico-type-w-06:after{background-position:-388px -1040px;}
.w-ico-type-w-07:after{background-position:-425px -1039px;}
.w-ico-type-w-08:after{background-position:-463px -1039px;}
.w-ico-type-w-09:after{background-position:-351px -1078px;}
.w-ico-type-w-10:after{background-position:-388px -1078px;}
.w-ico-type-w-11:after{background-position:-426px -1078px;}
.w-ico-type-w-12:after{background-position:-464px -1078px;}
.w-ico-type-w-13:after{background-position:-351px -1114px;}
.w-ico-type-w-14:after{background-position:-389px -1114px;}
.w-ico-type-w-15:after{background-position:-426px -1114px;}
.w-ico-type-w-16:after{background-position:-463px -1115px;}
.w-ico-type-w-17:after{background-position:-351px -1154px;}
.w-ico-type-w-18:after{background-position:-388px -1153px;}
.w-ico-type-w-19:after{background-position:-426px -1154px;}
.w-ico-type-w-20:after{background-position:-463px -1154px;}
.w-ico-type-w-21:after{background-position:-349px -1196px;}
.w-ico-type-w-22:after{background-position:-388px -1196px;}
.w-ico-type-b-01:after{background-position:-363px -800px;}
.w-ico-type-b-02:after{background-position:-401px -800px;}
.w-ico-type-b-03:after{background-position:-440px -801px;}
.w-ico-type-b-04:after{background-position:-479px -801px;}
.w-ico-type-b-05:after{background-position:-363px -836px;}
.w-ico-type-b-06:after{background-position:-401px -836px;}
.w-ico-type-b-07:after{background-position:-440px -836px;}
.w-ico-type-b-08:after{background-position:-479px -836px;}
.w-ico-type-b-09:after{background-position:-363px -875px;}
.w-ico-type-b-10:after{background-position:-401px -875px;}
.w-ico-type-b-11:after{background-position:-440px -875px;}
.w-ico-type-b-12:after{background-position:-479px -875px;}
.w-ico-type-b-13:after{background-position:-363px -914px;}
.w-ico-type-b-14:after{background-position:-401px -914px;}
.w-ico-type-b-15:after{background-position:-440px -914px;}
.w-ico-type-b-16:after{background-position:-479px -914px;}
.w-ico-type-b-17:after{background-position:-363px -956px;}
.w-ico-type-b-18:after{background-position:-401px -956px;}
.w-ico-type-b-19:after{background-position:-440px -956px;}
.w-ico-type-b-20:after{background-position:-479px -956px;}
.w-ico-type-b-21:after{background-position:-361px -998px;}
.w-ico-type-b-22:after{background-position:-400px -998px;}
.w-ico-type-c-01:after{background-position:-17px -549px;}
.w-ico-type-c-02:after{background-position:-72px -549px;}
.w-ico-type-c-03:after{background-position:-130px -549px;}
.w-ico-type-c-04:after{background-position:-185px -549px;}
.w-ico-type-c-05:after{background-position:-18px -598px;}
.w-ico-type-c-06:after{background-position:-73px -598px;}
.w-ico-type-c-07:after{background-position:-129px -600px;}
.w-ico-type-c-08:after{background-position:-184px -598px;}
.w-ico-type-c-09:after{background-position:-18px -647px;}
.w-ico-type-c-10:after{background-position:-73px -647px;}
.w-ico-type-c-11:after{background-position:-129px -647px;}
.w-ico-type-c-12:after{background-position:-185px -647px;}
.w-ico-type-c-13:after{background-position:-18px -694px;}
.w-ico-type-c-14:after{background-position:-73px -694px;}
.w-ico-type-c-15:after{background-position:-129px -694px;}
.w-ico-type-c-16:after{background-position:-184px -695px;}
.w-ico-type-c-17:after{background-position:-18px -744px;}
.w-ico-type-c-18:after{background-position:-73px -744px;}
.w-ico-type-c-19:after{background-position:-129px -744px;}
.w-ico-type-c-20:after{background-position:-184px -744px;}
.w-ico-type-c-21:after{background-position:-19px -792px;}
.w-ico-type-c-22:after{background-position:-72px -792px;}

.wind-direction-east:after{background-position:-3px -112px;}
.wind-direction-west:after{background-position:-33px -112px;}
.wind-direction-south:after{background-position:-63px -112px;}
.wind-direction-north:after{background-position:-92px -112px;}
.wind-direction-se:after{background-position:-120px -112px;}
.wind-direction-sw:after{background-position:-149px -112px;}
.wind-direction-ne:after{background-position:-179px -112px;}
.wind-direction-nw:after{background-position:-209px -112px;} */

/* 180220 추가 */
/*////////// 전국날씨 //////////*/
/* .aside-city-area{background:#b3e0ff;}
.day-tab{height:45px;background:#fff;width:100%;border-bottom:1px solid #fff;font-family:serif;}
.day-tab li{float:left;width:14.285%;height:34px;text-align:center;line-height:16px;padding-top:7px;padding-bottom:3px;font-size:11px;}
.day-tab li a{display:block;color:#666;}
.day-tab li a:hover{text-decoration:none;}
.day-tab li.day-tab-on{border-bottom:2px solid #000;}
.day-tab li.day-tab-on a{color:#000;} */
/* .country-map{width:100%;height:100%;position:relative;background:#e0eef5;} */
/* .city-tab-contents{width:100%;height:440px;background-size:contain;margin:0 auto;overflow:hidden;} */
/* .ampm-tab{overflow:hidden;width:90px;position:absolute;right:10px;top:10px;z-index:9;}
.ampm-tab li{float:left;width:36px;height:18px;text-align:center;line-height:18px;background:#fff;font-size:0.8em;}
.ampm-tab li a{display:block;color:#888;}
.ampm-tab li.day-tab-on{background:#389dd6;color:#fff;}
.tab-city-tab .tit p{color:#000;}
.ampm-tab li.day-tab-on a{color:#fff;}
.ampm-tab li a:hover{text-decoration:none;} */

/* .public-city-list li .city-name{width:66px;line-height:16px;font-size:0.9em;}
.tab-city-tab .day-tab li{font-size:0.9em !important;}
#day-tab01 .city-day-tab{width:112px;}
#day-tab01 .city-day-tab li{border-right:1px solid #ddd;}
#day-tab01 .city-day-tab li.day-tab-on{border-right:0 none;}
.map-cont{height:100%;}
.country-time-standard{border:1px solid red;}
 */
/* .aside-city-area{background:#e0eef5;} */
/* .map-cont{max-width:640px;margin:0 auto}
.public-city-list{position:relative;width:100%;height:0;padding-bottom:135%;background:url(/m-global/home/v01/img/weather-map.png) no-repeat 50% 0;background-size:100%;}
.public-city-list ul li{height:60px;width:66px;margin:-30px 0 0 -33px;text-align:center;position:absolute;} */

/* 0418 추가 */
/* .foreign-fb﻿{position:fixed;left:0;bottom:0;width:100%;text-align:center;} */

/* 2018-09-05 모바일 관련기사 close */|
/* .page-view.page-image.page-verse .relationimg-close{position:absolute;top:9px;right:22px;width:19px;height:19px;background:url(/global/home/v01/img/sprites_btn.png) -120px -125px no-repeat;} */
/* Weather 지역별 box */
/* .@media only screen and (min-width:440px) and (max-width:580px){
	weather-map .national-box.se{left:20.9%;top:15.5%;}
	.weather-map .national-box.cc{left:40.2%;top:11.5%;}
	.weather-map .national-box.gn{left:59.9%;top:15.7%;}
	.weather-map .national-box.ud{left:79.5%;top:16%;}
	.weather-map .national-box.dj{left:22.4%;top:38.3%;}
	.weather-map .national-box.cj{left:42.3%;top:35.6%;}
	.weather-map .national-box.dg{left:62.1%;top:43.3%;}
	.weather-map .national-box.gj{left:22.4%;top:60.4%;}
	.weather-map .national-box.jj{left:42.3%;top:55.6%;}
	.weather-map .national-box.bs{left:64.1%;top:61.3%;}
	.weather-map .national-box.jej{left:11%;top:82.7%;}
} */
/* Weather 지역별 box */
/* @media only screen and (min-width:581px) and (max-width:1024px){

	.weather-map .national-box.se{left:22.9%;top:14.5%;}
	.weather-map .national-box.cc{left:42.2%;top:11.5%;}
	.weather-map .national-box.gn{left:61.9%;top:13.7%;}
	.weather-map .national-box.ud{left:81.5%;top:20%;}
	.weather-map .national-box.dj{left:24.4%;top:36.3%;}
	.weather-map .national-box.cj{left:44.3%;top:35.6%;}
	.weather-map .national-box.dg{left:64.1%;top:41.3%;}
	.weather-map .national-box.gj{left:24.4%;top:61.4%;}
	.weather-map .national-box.jj{left:42.3%;top:53.6%;}
	.weather-map .national-box.bs{left:66.1%;top:60.3%;}
	.weather-map .national-box.jej{left:13%;top:86.7%;}
} */
/* Weather 지역별 box */
/* @media only screen and (min-width:1025px){

	.weather-map .national-box.se{left:23.9%;top:18.5%;}
	.weather-map .national-box.cc{left:43.2%;top:14.5%;}
	.weather-map .national-box.gn{left:62.9%;top:18.7%;}
	.weather-map .national-box.ud{left:82.5%;top:22%;}
	.weather-map .national-box.dj{left:25.4%;top:41.3%;}
	.weather-map .national-box.cj{left:45.3%;top:38.6%;}
	.weather-map .national-box.dg{left:65.1%;top:46.3%;}
	.weather-map .national-box.gj{left:25.4%;top:63.4%;}
	.weather-map .national-box.jj{left:45.3%;top:58.6%;}
	.weather-map .national-box.bs{left:67.1%;top:64.3%;}
	.weather-map .national-box.jej{left:14%;top:88.7%;}

} *//* @media only screen and (min-width:1025px) End */

/* .@media all and (max-width:320px){
	weather-information{min-width:320px;min-height:300px;}
} */

/* type01, type02, .gallery-top 용도 확인하기 - 삭제 대기중 */
/* .type01 .view-box-wrap.gallery-top .info-box .caption{padding-bottom:8px;}
.type02 .view-body .info-box .caption{padding-bottom:40px;} */
/* .page-pictorial .pop-wrap .info-box .info-con{position:fixed;} */
/* .page-view{background:#000;} */
