@charset "utf-8";
/*************************************************
프로젝트명 :연합뉴스 국문 모바일 홈페이지 (2019)
comment : ASIS CSS, 공통 레이아웃, 특집, 배너 등 운영
- 모바일서비스 (006100000000)
- 날씨 (008200000000)
- 에러 (008300000000)
- 기사제보 (008601010000)
*************************************************/

/* =============== ASIS ======================== */

/* ---- ASIS Common ---- */
.page-asis .container{padding-top:51px;}

/* ASIS 공통 - 포지션 변경 */
.page-asis .tit-type1{position:relative;margin:0 0 -1px;padding:0 10px;line-height:2.93;border-bottom:1px solid #3464a8;letter-spacing:-1px;color:#306cc0;z-index:2;}
.page-asis .tit-type1 em{padding:0 6px;color:#000000;}
.page-asis .tit-type1 a{display:inline-block;padding:0 0 0 11px;color:#306cc0;background:url(//r.yna.co.kr/m-kr/home/v01/img/arr4_6x9_306cc0.gif) no-repeat 0 50%;z-index:3;}
.page-asis .tit-type1 a em{color:#a1a1a1;}
.page-asis .tit-type1{overflow:hidden;}
.page-asis div.tit-type1 h2,
.page-asis div.tit-type1 h3{float:left;}
.page-asis div.tit-type1 p{float:left;padding:0 10px;color:#a1a1a1;}

/* ASIS 공통 - 컨텐츠 포지션 변경 */
.page-asis .wrap-position{position:relative;}
.page-asis .wrap-position .position{position:absolute;right:12px;top:0;z-index:2;}
.page-asis .wrap-position .position2{position:absolute;right:0;top:50%;z-index:3;}
.page-asis .wrap-position .position2.link-type1{margin-top:-17px;}
.page-asis .wrap-position span.position{color:#000;line-height:2.93}

/* ASIS 공통 - btn-type3 */
.page-asis .btn-type3{display:inline-block;position:relative;height:34px;padding:0 20px;background:#3464a8;}
.page-asis .btn-type3 span{display:inline-block;color:#ffffff;font-size:14px;line-height:34px;vertical-align:top;text-shadow:0 -1px 0 #1d3250;}
.page-asis .btn3-size{display:block;height:54px;}
.page-asis .btn3-size span{display:block;padding:0;font-size:18px;line-height:54px;text-align:center;}

/* ASIS 공통 - 리스트 : 도트리스트 */
.wrap-jebo .list-type3 li{margin:0 12px;padding:5px 0 5px 16px;font-size:0.93em;line-height:1.43;color:#717171;letter-spacing:-1px;}
.wrap-jebo .list-type3 li:before{float:left;display:block;width:4px;height:4px;margin:8px 0 8px -12px;background:#f8b534;vertical-align:top;content:"";}
.wrap-jebo .list-type3 li a{color:#6e89ae;margin:0 10px;text-decoration:underline;}

/* ASIS 공통 - 폼객체 : 라디오 */
.wrap-jebo .label-radio{display:inline-block;vertical-align:top;}
.wrap-jebo .label-radio label{display:inline-block;overflow:hidden;position:relative;padding:0 9px;border:1px solid #3a5579;background:#1d304b;text-align:center;font-size:14px;line-height:28px;vertical-align: top;color:#7294c2;}
.wrap-jebo .label-radio .radio{position:absolute;left:-9999px;opacity:0;}
.wrap-jebo .label-radio label.on{border-color:#ffae10;color:#ffae10;}
.wrap-jebo .label-radio .unit{margin-left: 9px}
.wrap-jebo .label-radio .input-wrap label{background: none;padding-left: 10px}
.wrap-jebo .label-radio a{overflow: hidden;position: relative;margin: 0 10px 0 0;padding: 13px 10px 13px 24px;background: url(//r.yna.co.kr/m-kr/home/v01/img/com/input_radio1.png) no-repeat 0 50%;border-bottom: 3px solid #fff;font-size: 14px;vertical-align: middle;text-decoration: none;}
.wrap-jebo .label-radio a.on{background-image: url(//r.yna.co.kr/m-kr/home/v01/img/com/input_radio1_checked.png)}
.wrap-jebo .label-radio a.focus{border-bottom: 3px solid #424242 !important;}
.wrap-jebo .label-radio-box label{overflow:hidden;position: relative;width: 48px;margin: 0 6px 0 0;padding: 15px 0;background: #fff;border: 1px solid #d7d7d7;text-align: center;font-size: 14px;line-height: 18px;vertical-align: top;letter-spacing: -1px;}
.wrap-jebo .label-radio-box .on{background: #f5f5f5;border: 1px solid #585858;}
.wrap-jebo .label-radio-box .radio{position: absolute;left: -9999px;opacity: 0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
.wrap-jebo .label-radio-box div{margin: 0 0 10px;}

/* ASIS 공통 - 폼객체 : 체크박스 */
.label-check{overflow:hidden;position:relative;display:block;}
.label-check:before{overflow:hidden;display:block;position:absolute;left:44px;top:0;width:1px;height:43px;border-right:1px solid #e9e9e9;content:"";}
.label-check label{display:block;padding:0 0 0 58px;background:url(//r.yna.co.kr/m-kr/home/v01/img/form_check.png) no-repeat 0 0;font-size:13px;line-height:43px;border:1px solid #e9e9e9;color:#8a8a8a;}
.label-check label.on{color:#333333;background-position:0 100%;}
.label-check input{position:absolute;left:-9999px;top:0;opacity:0;}

/* ASIS 공통 - 폼 :단어검색 입력영역 */
.wrap-jebo .form-text{position:relative;overflow:hidden;margin:0 10px;padding:0 100px 0 32px;background:#ffffff;}
.wrap-jebo .form-text label{position:absolute;left:0;top:0;width:32px;height:34px;text-indent:-9999px;overflow:hidden;background:url(//r.yna.co.kr/m-kr/home/v01/img/icon_set01.png) no-repeat 0 -48px;}
.wrap-jebo .form-text input[type="text"]{width:100%;height:34px;line-height:34px;color:#00132f;border:0;}
.wrap-jebo .form-text .btn-clear{position:absolute;right:70px;top:0;width:32px;height:34px;text-indent:-9999px;overflow:hidden;background:url(//r.yna.co.kr/m-kr/home/v01/img/icon_set01.png) no-repeat -32px -48px;display:none;}
.wrap-jebo .form-text .btn-type3{position:absolute;right:0px;top:0;border-left:1px solid #152132;}

/* ASIS 공통 - 폼 :입력필드 */
.wrap-jebo div.input-text,
.wrap-jebo span.input-text,
.wrap-jebo ul.input-text>li{position:relative;display:block;margin:-1px -1px 0;border:1px solid #e9e9e9;}
.wrap-jebo .input-text input,
.wrap-jebo .input-text textarea{display:block;width:100%;padding:9px 40px 5px 16px;font-size:16px;height:34px;line-height:20px;background:#f5f5f5;border:0;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.wrap-jebo .input-text textarea{height:102px;}
.wrap-jebo .input-text input:focus,
.wrap-jebo .input-text textarea:focus{border:2px solid #53b3d7;padding:7px 38px 3px 14px;}
.wrap-jebo .input-text .btn-reset{display:none;position:absolute;right:0;top:0;width:35px;height:35px;background:url(//r.yna.co.kr/m-kr/home/v01/img/icon_set01.png) no-repeat -32px -48px;overflow:hidden;text-indent:-9999px;}
.wrap-jebo div.input-text.focus,
.wrap-jebo span.input-text.focus,
.wrap-jebo ul.input-text>li.focus{z-index:1;}

/* ASIS 공통 - 폼 :기간 입력영역 */
.wrap-jebo .form-date{display:inline-block;border:1px solid #3a5579;background:#1d304b;padding:3px 4px 3px 0;color:#7294c2;line-height:22px;vertical-align:top;}
.wrap-jebo .form-date label{float:left;padding:0 8px;font-size:14px;border:0;line-height:22px;}
.wrap-jebo .form-date span{float:left;width:10px;font-size:12px;text-align:center;}
.wrap-jebo .form-date .date{position:relative;float:left;width:75px;height:22px;}
.wrap-jebo .form-date .date input[type="text"]{display:inline-block;width:100%;height:100%;padding:0;background:#14243a;border:0;color:#7294c2;font-size:12px;text-align:center;}
.wrap-jebo .form-date .date input[type="date"]{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;}
.wrap-jebo .form-date.on{border-color:#ffae10;color:#ffae10;}

/* ASIS 공통 - 입력폼 타입1,2 */
.wrap-jebo .btn-agree{overflow:hidden;width:100%;margin:10px 0 15px;border-top:1px solid #e9e9e9;}
.wrap-jebo .btn-agree .label-check label{border-top:0;margin-bottom:10px;}
.wrap-jebo .form-type1,.form-type2{overflow:hidden;width:100%;margin:1px 0 0;}
.wrap-jebo .form-type2>li:nth-child(-n+2){float:left;width:50%;}
.wrap-jebo .form-type2>li:last-child{clear:both;width:100%;border-top:0;}
.wrap-jebo ul.form-type2>li{margin-top:0;}


/* ---- ASIS 에러페이지 ---- */
.page-error.page-asis .container{padding-top:94px;}
.page-error .wrap-container{min-height:auto;}
.wrap-error{max-width:640px;box-sizing:border-box;margin:0 auto;padding:10px 16px 20px;background:#fff;}
.wrap-error .tit-error{display:block;height:0;text-indent:-9999px;background:none;}
.wrap-error .tit-sub{display:block;margin:22px 0;font-weight:bold;font-size:18px;color:#000000;}
.wrap-error p{font-size:16px;line-height:22px;color:#6a6a6a;}
.wrap-error .link-home{margin:30px 0 0;}


/* ---- ASIS 모바일서비스 (/mobile-service/index) ---- */
.wrap-mobile{color:#fff;}
.wrap-mobile .heading{padding:18px 23px 7px;background:#0e2049;letter-spacing:-1px;
background:-webkit-linear-gradient(180deg, #0e2049, #08132c);
background:-o-linear-gradient(180deg, #0e2049, #08132c);
background:-moz-linear-gradient(180deg, #0e2049, #08132c);
background:linear-gradient(180deg, #0e2049, #08132c);}
.wrap-mobile .heading h2{font-size:24px;line-height:44px;font-weight:bold;}
.wrap-mobile .heading p{background:url(//r.yna.co.kr/m-kr/home/v01/img/icon_mobile03.png) no-repeat 0 50%;}
.wrap-mobile .heading p strong{display:block;font-size:18px;color:#abdaf2}
.wrap-mobile .heading p span{display:block;min-height:69px;padding:30px 0 30px 110px;line-height:23px}
.wrap-mobile section{padding:17px 0 0;}
.wrap-mobile section h3{margin:0 25px;font-size:20px;line-height:50px;font-weight:bold;}
.wrap-mobile section p{margin:0 25px;font-size:13px;line-height:20px;}
.wrap-mobile section h3 + p{padding:0 0 25px;}
.wrap-mobile section .visual{position:relative;margin:0;width:100%;height:0;padding-bottom:40%;}
.wrap-mobile section .visual img{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;}
.wrap-mobile section .bottom{min-height:90px;padding-bottom:15px;}
.wrap-mobile section .bottom p{padding:20px 0;}
.wrap-mobile section .list-link{border-top:1px solid #8facbe;}
.wrap-mobile section .list-link li{line-height:44px;border-bottom:1px solid #8facbe;background:url(//r.yna.co.kr/m-kr/home/v01/img/icon_mobile02.png) no-repeat 25px 0;}
.wrap-mobile section .list-link li:nth-child(1){background-position:25px 0;}
.wrap-mobile section .list-link li:nth-child(2){background-position:25px -45px;}
.wrap-mobile section .list-link li:nth-child(3){background-position:25px -90px;}
.wrap-mobile section .list-link li a{position:relative;display:block;padding:0 70px;color:#fff;}
.wrap-mobile section .list-link li a:after{position:absolute;right:25px;top:0;width:9px;height:100%;display:block;content:'';background:url(//r.yna.co.kr/m-kr/home/v01/img/arr2_9x15_ffffff.png) no-repeat 50% 50%;}
.wrap-mobile .section-mobile1{background:#e4b77c;}
.wrap-mobile .section-mobile1 .list-link li:nth-child(1){background-position:25px -135px;}
.wrap-mobile .section-mobile1 .list-link,
.wrap-mobile .section-mobile1 .list-link li{border-color:#eccda4}
.wrap-mobile .section-mobile2{background:#5e88a2;}
.wrap-mobile .section-mobile2 .list-link,
.wrap-mobile .section-mobile2 .list-link li{border-color:#8facbe}
.wrap-mobile .section-mobile3{background:#95b669;}
.wrap-mobile .section-mobile3 .list-link,
.wrap-mobile .section-mobile3 .list-link li{border-color:#b5cc96}
.wrap-mobile .section-mobile4{background:#e18b90;}
.wrap-mobile + #footer{margin-top:0;}

@media only screen and (min-width:640px){
	.wrap-mobile{overflow:hidden;}
	.wrap-mobile .heading p{min-height:69px;padding:30px 0 30px 110px;}
	.wrap-mobile .heading p span{min-height:0;padding:0;}
	.wrap-mobile section{float:left;width:50%;}
	.wrap-mobile section h3 + p{height:80px;}
	.wrap-mobile .section-mobile3 h3 + p, .wrap-mobile .section-mobile4 h3 + p{height:100px;}
	.wrap-mobile section .bottom{min-height:150px;padding-bottom:0;}
}


/* ---- ASIS 외국어 뉴스 서비스 (/mobile-service/foreign) ---- */
.wrap-foriegn{background:#5e88a2;}
.wrap-foriegn .visual{position:relative;margin:0;width:100%;height:0;padding-bottom:50%;}
.wrap-foriegn .visual img{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;}

.wrap-foriegn .heading{padding:20px 25px 25px;background:#0e2049;letter-spacing:-1px;color:#fff;
background:-webkit-linear-gradient(180deg, #0e2049, #08132c);
background:-o-linear-gradient(180deg, #0e2049, #08132c);
background:-moz-linear-gradient(180deg, #0e2049, #08132c);
background:linear-gradient(180deg, #0e2049, #08132c);}
.wrap-foriegn .heading h2{font-size:24px;line-height:44px;font-weight:bold;}
.wrap-foriegn .heading p{line-height:23px}

.wrap-foriegn section .list-link{border-top:1px solid #afc4d1;}
.wrap-foriegn section .list-link li{line-height:44px;border-bottom:1px solid #afc4d1;}
.wrap-foriegn section .list-link li a{position:relative;display:block;padding:0 70px 0 28px;color:#fff;}
.wrap-foriegn section .list-link li a:after{position:absolute;right:25px;top:0;width:9px;height:100%;display:block;content:'';background:url(//r.yna.co.kr/m-kr/home/v01/img/arr2_9x15_ffffff_3x.png) no-repeat 50% 50%;background-size:9px auto;}
.wrap-foriegn section .list-link li.txtr a{padding:0 28px 0 70px;text-align:right;}
.wrap-foriegn section .list-link li.txtr a:after{position:absolute;left:25px;right:inherit;top:0;width:9px;height:100%;display:block;content:'';background:url(//r.yna.co.kr/m-kr/home/v01/img/h_arr2_9x15_ffffff_3x.png) no-repeat 50% 50%;background-size:9px auto;}


/* ---- ASIS 제보하기 (/board/jebo) ---- */
.wrap-jebo{padding-bottom:30px;}
.wrap-jebo .tit-type1 a{display:inline;padding:0;background:none;color:#6e89ae;cursor:default;}
.wrap-jebo .tit-type1 .link-tel{color:#6e89ae;text-decoration:underline;}

.wrap-jebo .box-kakao{position:relative;display:block;padding:0 32px 12px 55px;min-height:50px;background:#fae100;letter-spacing:-1px;}
.wrap-jebo .box-kakao:before{content:'';position:absolute;left:0;top:50%;margin-top:-32px;display:inline-block;width:55px;height:64px;background:url(//r.yna.co.kr/m-kr/home/v01/img/img_kakao.png) no-repeat 0 0;background-size:auto 64px;}
.wrap-jebo .box-kakao:after{content:'';position:absolute;right:0;top:50%;margin-top:-32px;display:inline-block;width:32px;height:64px;background:url(//r.yna.co.kr/m-kr/home/v01/img/img_kakao.png) no-repeat 100% 0;background-size:auto 64px;}
.wrap-jebo .box-kakao span{display:block;font-weight:normal;font-size:0.933em;color:#492828;padding-top:10px;}
.wrap-jebo .box-kakao strong{display:block;padding-top:10px;font-weight:normal;font-size:1.067em;line-height:1.533em;color:#000;letter-spacing:-1px;}
.wrap-jebo .box-kakao strong em{font-weight:bold;text-decoration:underline;}

.wrap-jebo .wrap-jebo .tit-type1 a{display:inline;padding:0;background:none;color:#6e89ae;cursor:default;}
.wrap-jebo .wrap-jebo .tit-type1 .link-tel{color:#6e89ae;text-decoration:underline;}

@media all and (max-width:320px){
	.wrap-jebo .box-kakao strong{padding-top:13px;font-size:0.933em;}
	.wrap-jebo .box-kakao span{font-size:0.85em;}
}

/* 폼 :파일첨부 */
.wrap-jebo .fieldset-report{overflow:hidden;}
.wrap-jebo .addfile{padding:10px;margin-bottom:10px;background:#faf7ed;border-bottom:1px solid #e7e0c9;color:#9c916d;}
.wrap-jebo .form-file{overflow:hidden;padding:1px;margin-bottom:5px;}
.wrap-jebo .addfile a.underline{color:#6e89ae;text-decoration:underline;display:block;}
.wrap-jebo .addfile .info-txt{padding:5px 0 10px;}
.wrap-jebo .addfile .info-txt p{padding-top:5px;line-height:120%;}
.wrap-jebo .file-btn-wrap{overflow:hidden;display:block;}
.wrap-jebo .file-btn-wrap.disabled{opacity:.5;}
.wrap-jebo .image-widget-data{overflow:hidden;display:inline-block;position:relative;float:left;width:50%;cursor:pointer;}
.wrap-jebo .image-widget-data input{position:absolute;top:0;right:0;width:100%;height:100%;font-size:100px;cursor:pointer;opacity:0.01;}
.wrap-jebo .image-widget-data .button{display:block;marign:-1px;height:52px;line-height:52px;border:1px solid #e8e8e8;background-color:#fcfcfc;text-align:center;cursor:pointer;padding-left:20px;
font-weight:bold;font-size:16px;color:#2e2e2e;}
.wrap-jebo .image-widget-data:first-child .button{border-right:0;background-size:28px !important;}
.wrap-jebo .image-widget-data.icon-movie .button{background:#fcfcfc url(//r.yna.co.kr/m-kr/home/v01/img/icon_report01.gif) no-repeat 20px 50%}
.wrap-jebo .image-widget-data.icon-photo .button{background:#fcfcfc url(//r.yna.co.kr/m-kr/home/v01/img/icon_report02.gif) no-repeat 20px 50%}

.wrap-jebo .progress-wrap{clear:both;overflow:hidden;height:52px;line-height:52px;margin-top:4px;border:1px solid #e8e1cb;background:#ffffff;}
.wrap-jebo .progress-wrap .progress{overflow:hidden;display:inline-block;width:70px;height:52px;background:#f5f5f5;text-align:center;}
.wrap-jebo .progress-wrap .progress.icon-movie{background:#f5f5f5 url(//r.yna.co.kr/m-kr/home/v01/img/icon_report01_01.gif) no-repeat 50%;background-size:70px 52px;}
.wrap-jebo .progress-wrap .progress.icon-photo{background:#f5f5f5 url(//r.yna.co.kr/m-kr/home/v01/img/icon_report02_01.gif) no-repeat 50%;background-size:70px 52px;}
.wrap-jebo .progress-wrap .progress img{max-width:100%;max-height:100%;line-height:52px;vertical-align:middle;}
.wrap-jebo .progress-wrap .txt{display:inline-block;padding-left:10px;vertical-align:top;color:#00132f;}
.wrap-jebo .progress-wrap .btn-del{overflow:hidden;width:49px;height:52px;float:right;text-indent:-5000px;background:url(//r.yna.co.kr/m-kr/home/v01/img/icon_file_del.png) no-repeat 50%;}

/* 폼 : 기사제보 버튼 */
.wrap-jebo .btn-jebo-submit{display:inline-block;position:relative;width:100%;height:65px;background:#152132;vertical-align:top;text-align:center;}
.wrap-jebo .btn-jebo-submit span{display:block;margin:0 11px;color:#ffffff;font-size:18px;line-height:65px;vertical-align:top;text-shadow:0 1px 0 #152132;background:url(//r.yna.co.kr/m-kr/home/v01/img/arr2_9x15_50627c_3x.png) no-repeat 100% 50%;background-size:9px auto;}


/* ---- ASIS 해상도 대응 : 2 ---- */
/* 해상도 대응 : 2 */
@media only screen and (-webkit-min-device-pixel-ratio : 2), only screen and (min-device-pixel-ratio : 2){
	.tit-type1 a {background:url(//r.yna.co.kr/m-kr/home/v01/img/arr4_6x9_306cc0_2x.gif) no-repeat 0 50%;background-size:6px auto;}
	.label-check label{background:url(//r.yna.co.kr/m-kr/home/v01/img/form_check_2x.png) no-repeat 0 0;background-size:44px auto;}
	.select-design .headline:after{background:#e8e8e8 url(//r.yna.co.kr/m-kr/home/v01/img/icon_ticker_2x.png) no-repeat -5px -7px;background-size:44px auto;}
	.select-design.on .headline:after{background:url(//r.yna.co.kr/m-kr/home/v01/img/icon_close_2x.png) no-repeat -105px 50%;background-size:136px auto;}
	.form-text label{background:url(//r.yna.co.kr/m-kr/home/v01/img/icon_set01_2x.png) no-repeat 0 -48px;background-size:168px auto;}
	.form-text .btn-clear{background:url(//r.yna.co.kr/m-kr/home/v01/img/icon_set01_2x.png) no-repeat -32px -48px;background-size:168px auto;}
	.input-text .btn-reset{background:url(//r.yna.co.kr/m-kr/home/v01/img/icon_set01_2x.png) no-repeat -32px -48px;background-size:168px auto;}
}


/* ---- ASIS 날씨 (/weather) ---- */
/* 구 버전 사이트의 UI를 그대로 이식함
 * 원본 :r.yna.co.kr/m-kr/home/v01/css/m_weather.css */
.page-weather.w-pop-open .wrap-header01,
.page-weather.w-pop-open .wrap-footer{z-index:0;}

.page-weather .wrap-container{position:static;min-height:auto;margin:0;padding:0;font-size:15px;line-height:1.4;color:#191919;background:#eaebee;}
.page-weather .wrap-container h1,
.page-weather .wrap-container h2,
.page-weather .wrap-container h3,
.page-weather .wrap-container h4,
.page-weather .wrap-container h5,
.page-weather .wrap-container h6{font-weight:normal;}
.page-weather .wrap-container .container{padding-top:91px;}
.page-weather .wrap-container .swiper-wrapper{-webkit-transition-duration:0ms;
transition-duration:0ms;
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);}
.page-weather .wrap-container .swiper-container{width:100%;height:40px;margin:20px auto;}

/* 공통 */
.page-weather .wrap-section2>section:first-child .tit-type2 {margin-top:0;}
.page-weather .template-index .wrap-section1{}
.page-weather .template-index .wrap-section1 .tit-type2:first-child {border-top:0;margin-top:0;}
.page-weather .template-index>.wrap-section3:first-child{border-top:1px solid #dddedf;}

@media only screen and (min-width:640px){
	/* 인덱스형 : 좌,우,하단 3단계 */
	.page-weather .template-index{position:relative;width:100%;overflow:hidden;margin:0;}
	/* .page-weather .template-index:after{display:block;position:absolute;width:1px;height:100%;left:55%;top:43px;background:#b3b3b3;content:'';z-index:11;} */
	.page-weather .template-index .wrap-section1,
	.page-weather .template-index .wrap-section2,
	.page-weather .template-index .wrap-section3{position:relative;} /* padding-bottom:22px; */
	.page-weather .template-index .wrap-section1{width:55%;float:left;}
	.page-weather .template-index .wrap-section2{width:45%;float:right;padding-bottom:0;}
	.page-weather .template-index .wrap-section2:after{content:'';position:absolute;top:0;left:0;width:1px;height:100%;background:#dddedf;}
	.page-weather .template-index .wrap-section3{clear:both;width:100%;border-top:1px solid #dddedf;} /* background:#fff; */

	.page-weather .template-index .wrap-banner2 {margin:11px 12px;}
	.page-weather .template-index .wrap-section1>section.wrap-banner:last-child,
	.page-weather .template-index .wrap-section2>section.wrap-banner:last-child {margin-bottom:0;}
	.page-weather .template-index .wrap-section2>section.wrap-ticker:first-child {margin:15px 0;background:#fff;}
	.page-weather .template-index .wrap-section2>section.wrap-ticker:first-child .btn {background-color:#f5f5f5;}
	.page-weather .template-index .wrap-section2>section.wrap-ticker:first-child .btn a {background:url(/m-kr/home/v01/img/arr3_15x11_e6e6e6.png) no-repeat 50% 50%;}
	.page-weather .template-index .wrap-section2>section.wrap-ticker:first-child .btn .btn-play {background:url(/m-kr/home/v01/img/arr1_15x11_e6e6e6.png) no-repeat 50% 50%;}
	.page-weather .template-index .wrap-section2>section .tit-type2 {margin:13px 0 0;}
}


/* 날씨 네비 */
/* .n-weather #topNavi{margin:0;overflow-x:scroll;margin-left:60px;}
.n-weather .swiper-wrapper{width:552px;overflow:visible;}
.n-weather .topNavi ul{width:318px;height:38px;padding-right:50px;}
.n-weather .topNavi ul li a{padding:0 4px;}
.n-weather .swiper-wrapper li{font-size:1em;}
.topNavi ul li:first-child a{}
.topNavi ul li:last-child a{margin-right:20px;}
#topNaviWrap .weather-title{position:absolute;left:15px;top:0px;width:34px;height:36px;z-index:1;color:#0068d1;font-size:1.1em;height:36px;line-height:36px;}
#topNaviWrap .weather-title a{color:#333 !important;}
#topNaviWrap .before{display:block;position:absolute;left:50px;top:0;width:16px;height:38px;line-height:38px;text-align:center;z-index:1;
background:-moz-linear-gradient(left, rgba(249,250,255,1) 0%,rgba(249,250,255,0.92) 58%,rgba(249,250,255,0) 100%);
background:-webkit-linear-gradient(left, rgba(249,250,255,1) 0%,rgba(249,250,255,0.92) 58%,rgba(249,250,255,0) 100%);
background:linear-gradient(to right, rgba(249,250,255,1) 0%,rgba(249,250,255,0.92) 58%,rgba(249,250,255,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9faff',endColorstr='#00f9faff',GradientType=1 );}
#topNaviWrap .after{display:block;position:absolute;right:0;top:0;width:25px;height:38px;line-height:38px;text-align:center;z-index:1;
background:-moz-linear-gradient(left, rgba(249,250,255,0) 0%,rgba(249,250,255,1) 42%,rgba(249,250,255,1) 100%);
background:-webkit-linear-gradient(left, rgba(249,250,255,0) 0%,rgba(249,250,255,1) 42%,rgba(249,250,255,1) 100%);
background:linear-gradient(to right, rgba(249,250,255,0) 0%,rgba(249,250,255,1) 42%,rgba(249,250,255,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f9faff',endColorstr='#f9faff',GradientType=1 );}
::-webkit-scrollbar{width:0px;height:0px;background:transparent;} */

.page-weather .container{padding-top:91px;position:relative;}
.page-weather .wrap-section1{overflow:hidden;}
.page-weather .weather-ticker{overflow:hidden;position:relative;width:100%;height:39px;background:#4b90eb;color:#fff;border-top:1px solid #3464a8;}
.page-weather .breaknews-title{float:left;border:1px solid #fff;padding:3px 5px;border-radius:15px;font-size:0.7em;-webkit-text-stroke-width:.02em;margin:8px 5px;}
.page-weather .breaknews{height:39px;line-height:39px;color:#d4e2f9;font-size:0.9em;text-overflow:ellipsis;word-wrap:normal;white-space:nowrap;overflow:hidden;padding:0 25px 0 0;}
.page-weather .breaknews a{color:#fff;margin:0 5px;}
.page-weather .breaknews-more{width:25px;position:absolute;top:0;right:0;background:url(../img/ico_weather_m.png?v3) no-repeat -265px -0px;height:24px;padding-top:15px;background-size:350px;cursor:pointer;}
.page-weather .weather-left-area{background:#eaebee !important;overflow:hidden;}


/* 메인 오늘 / 내일 / 모레 날씨 */
/* 위치설정 */
.page-weather .main-weather-top{padding:10px;overflow:hidden;background:#fff;}
.page-weather .icon-weather-location{background:url(../img/ico_weather_m.png?v3) no-repeat 0 0;background-position:-4px 0px;display:block;height:20px;width:15px;float:left;background-size:270px;margin-top:3px;}
.page-weather .main-weather-top .location-region{font-size:1em;float:left;margin-top:3px;}
.page-weather .setup-location{float:right;}
.page-weather .setup-location span{background:url(../img/ico_weather_m.png?v3) no-repeat 0 0;background-position:-19px -1px;width:27px;height:27px;display:block;float:left;background-size:250px;margin-right:8px;cursor:pointer;}
.page-weather .btn-setup-location{width:70px;height:28px;line-height:28px;background:#f5f5f5;border:1px solid #d8d8d8;border-radius:2px;font-size:1em;}
.page-weather .main-weather-cont{background:#fff;}

/* ---- loader  ---- */
.page-weather .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);}
.page-weather .loader:before,
.page-weather .loader:after{content:'';}
.page-weather .loader:before{position:absolute;top:0;left:0;width:50%;height:50%;background:#00b0f0;border-radius:100% 0 0 0;}
.page-weather .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);}
}


/* 오늘/내일/모레 탭 */
.page-weather .weather-graphic-box{min-width:360px;min-height:340px;}
.page-weather .tomorrow-weather .weather-graphic-box{min-height:450px;}

.page-weather .main-weather-tab{width:100%;overflow:hidden;background:#fff;}
.page-weather .main-weather-tab ul{width:80%;margin:0 auto;}
.page-weather .main-weather-tab li{float:left;width:33%;text-align:center;font-size:1em;}
.page-weather .main-weather-tab li a{border-bottom:3px solid #fff;display:block;height:22px;}
.page-weather .main-weather-tab li a.main-weather-on{border-bottom:3px solid #0068d1;width:40%;margin:0 auto;padding:2px 8px;color:#0068d1;}

.page-weather .forecast-time-zone{position:absolute;overflow:hidden;}
.page-weather .swiper-slide-page{position:relative;min-height:320px;overflow:hidden;}
.page-weather .weather-main-img{}
.page-weather .weather-main-img img{width:100%;height:auto;}
.page-weather .weather-graphic-info{position:absolute;top:0px;width:100%;}
.page-weather .time-standard{color:#fff;font-size:1em;padding:15px 10px 0 10px;width:100%;}

.page-weather .weather-info{width:220px;margin:0 auto 15px auto;text-align:center;color:#fff;}
.page-weather .top-weather{text-align:center;height:70px;line-height:30px;}
.page-weather .wm-img{background:url(../img/icon_mobile_w.png) no-repeat 0 0;background-size:620px;display:inline-block;width:35px;height:35px;margin-right:5px;}
.page-weather .top-weather span:nth-child(2){height:70px;line-height:70px;overflow:hidden;display:inline-block;font-size:1.1em;vertical-align:top;}
.page-weather .top-weather .mm-img{display:inline-block;}
.page-weather .weather-info .temperature{margin-bottom:25px;}
.page-weather .weather-info .temperature p{font-size:2.5em;}
.page-weather .weather-info .temperature p.compare-txt{font-size:1em !important;}
.page-weather .temperature span{font-size:1.3em;}
.page-weather .weather-info .temperature p span{font-size:0.6em;vertical-align:top;margin-top:5px;display:inline-block;}

/* 내일/모레 날씨 0823추가 */
.page-weather .weather-tomorrow .weather-graphic-box{position:relative;}
.page-weather .weather-tomorrow .city-info-middle{position:absolute;top:12%;bottom:0;display:block;height:170px;margin:auto;padding-top:0 !important;}
.page-weather .weather-tomorrow .city-info-middle ul{float:left;padding:25px 15px 0 5px;color:#fff;
width:-webkit-calc(50% - 20px);
width:calc(50% - 20px);}
.page-weather .weather-tomorrow ul li{color:#fff !important;}
.page-weather .weather-tomorrow ul li:nth-child(1),
.page-weather .weather-tomorrow ul li:nth-child(3){color:#fff !important;}
.page-weather .weather-tomorrow ul li:nth-child(3) span:nth-child(2){color:#fff !important;font-weight:bold;}
.page-weather .weather-tomorrow ul li:nth-child(2) span:nth-child(2){/*color:#0068d9; !important;*/}
.page-weather .weather-tomorrow .global-w-img p.cw-img{float:right;}
.page-weather .weather-tomorrow .city-info-middle > p{margin:0 auto;color:#fff;font-size:1.6em;text-align:center;
width:-webkit-calc(100% - 90px);
width:calc(100% - 90px);}

/* 3시간 예보 */
.page-weather .forecast-time-area{clear:both;background:#fff;position:relative;}
.page-weather .forecast-time-area:before{content:'';position:absolute;left:37%;top:0px;width:12.5%;height:238px;border:1px solid #389dd6;display:none;}
.page-weather .global-forest-table:before{content:'';position:absolute;left:37%;top:-10px;width:12.5%;height:198px;border:1px solid #389dd6;display:none;}
.page-weather .global-forest-table:after{content:'';position:absolute;left:37%;top:0px;width:12.5%;height:99.5%;border:1px solid #389dd6;}
.page-weather .forest-table,
.page-weather .global-forest-table{position:relative;}
.page-weather .global-forest-table .time-list-top th{padding-top:10px;}
.page-weather .forecast-time-area table{width:100%;}
.page-weather .forecast-time-area table th{text-align:center;font-size:0.8em;color:#666;padding-top:10px;-webkit-text-stroke-width:.02em;}
.page-weather .forecast-time-area table td{text-align:center;font-size:0.8em;padding:6px 0;}
.page-weather .forecast-time-area table.time-list-top tr:nth-child(1) td{padding-top:10px;}
.page-weather .forecast-time-area table.time-list-top tr:nth-child(1) td:nth-child(4){color:#000;}
.page-weather .forecast-time-area .time-list-bottom,
.page-weather .air-pollution-area .time-list-bottom{display:none;}
.page-weather .forecast-time-area .time-list-bottom tr:nth-child(1) td{color:#999;}

.page-weather .graph-area-box{width:100%; height:90px; background-color:#fff;}
.page-weather #yhnWeatherLine{width:100%; height:100%;}

.page-weather .graph-area img{width:95.5%;}
.page-weather .forecast-time-area table tr:nth-child(3) td,
.page-weather .forecast-time-area table tr:nth-child(4) td,
.page-weather .forecast-time-area table tr:nth-child(5) td{}
.page-weather .forecast-time-area table tr:nth-child(3) td,
.page-weather .forecast-time-area table tr:nth-child(4) td{color:#a8a8a8;}
.page-weather .forecast-time-area .time-list-bottom tr td{border-top:1px solid #ddd;}
.page-weather .forecast-time-area table tr td.prec{color:#000;}

/* 강수량 / 풍향 / 습도 / 일출일몰 */
.rwhs-area{padding:20px 15px 13px 15px;overflow:hidden;margin-top:10px;border-top:1px solid #dddedf;border-bottom:1px solid #dddedf;background:#fff;}
.rwhs-area ul li{float:left;font-size:0.9em;}
.rwhs-area ul li p{background:url(../img/ico_weather_m.png?v3) no-repeat 0 0;width:20px;height:25px;background-size:240px;float:left;margin-right:5px;}
.rwhs-area ul li:nth-child(1){width:41%;}
.rwhs-area ul li:nth-child(2){width:59%;}
.rwhs-area ul li:nth-child(3){width:41%;}
.rwhs-area ul li:nth-child(4){width:59%;}
.rwhs-area ul li span{display:inline;-webkit-text-stroke-width:.02em;}

/* 대기오염지수 */
.page-weather .air-pollution-area{overflow:hidden;margin-top:10px;padding-top:20px;border-top:1px solid #dddedf;background:#fff;}
.page-weather .air-pollution-area h3{-webkit-text-stroke-width:.02em;font-size:1.1em;text-align:center;margin-bottom:20px;}
.page-weather .pollution-value{overflow:hidden;} /* border-bottom:1px solid #d0d0d0; */
.page-weather .pollution-value .air-list{width:33%;float:left;text-align:center;}
.page-weather .pollution-value .air-list h4{font-size:1em;}
.page-weather .pollution-value div{width:100%;height:240px;background-color:#fff;padding:5px 0 20px 0;}
.page-weather #yhn_weather_circle{width:100%; height:100%;}
@media only screen and (min-width:640px){
	.page-weather .air-pollution-area{margin-top:0;border-top:none;}
}

/* 대기오염지수 LV별 색상지정 */
.page-weather .w-lv01{color:#3298c9;}
.page-weather .w-lv02{color:#33cf64;}
.page-weather .w-lv03{color:#f99331;}
.page-weather .w-lv04{color:#f46869;}

/* 추후작업예정 */
.page-weather .pollution-value p img{width:100%;margin-bottom:20px;}

.page-weather .value-list,
.page-weather .value-list02{width:95%;margin:15px 0;}
.page-weather .value-list th,
.page-weather .value-list02 th{width:34%;text-align:left;font-size:0.9em;padding:4px 0 4px 15px;letter-spacing:-2px;}
.page-weather .value-list th span,
.page-weather .value-list02 th span{margin:2px 0 0 4px;font-size:0.8em;color:#999;letter-spacing:0;}
.page-weather .value-list td{text-align:center;margin-left:2px;width:17%;font-size:0.9em;padding:4px 0;border-left:2px solid #fff;color:#666;}
.page-weather .value-list02 td{text-align:center;margin-left:2px;width:13%;font-size:0.9em;padding:5px 0;border-left:2px solid #fff;color:#666;}
.page-weather .value-list tr:nth-child(1) td,
.page-weather .value-list02 tr:nth-child(1) td{font-size:0.8em;}
.page-weather .value-list tr td.lv1,
.page-weather .value-list02 tr td.lv1{border-bottom:2px solid #3399cc;color:#3399cc;letter-spacing:-1.5px;}
.page-weather .value-list tr td.lv2,
.page-weather .value-list02 tr td.lv2{border-bottom:2px solid #33cc66;color:#33cc66;letter-spacing:-1.5px;}
.page-weather .value-list tr td.lv3,
.page-weather .value-list02 tr td.lv3{border-bottom:2px solid #f9912f;color:#f9912f;letter-spacing:-1.5px;}
.page-weather .value-list tr td.lv4,
.page-weather .value-list02 tr td.lv4{border-bottom:2px solid #f56767;color:#f56767;letter-spacing:-1.5px;width:15%;}
.page-weather .value-list02 tr td.lv5{border-bottom:2px solid #662d91;color:#662d91;letter-spacing:-1.5px;}

/*.page-weather #sectionTotalMenu .btn-close:not(.dev_breaking_news .btn-close,.form-search .btn-close){border:1px solid #dddedf;border-bottom:0 none;background:#f5f5f5;text-align:center;font-size:0.9em;cursor:pointer;padding:10px 0;}*/
.page-weather .btn-close span{background:url(../img/ico_weather_m.png?v3) no-repeat -160px -3px;width:20px;height:15px;background-size:240px;display:inline-block;float:right;}
.page-weather .btn-setup-location{display:block;width:38px;height:28px;background:#f5f5f5;border:1px solid #c3c3c3;border-radius:3px;}
.page-weather .btn-setup-location span{display:none;}
.page-weather .btn-setup-location:after{content:'';display:block;width:30px;height:20px;background:url(/m-global/home/v01/img/sprites_ico.png) -378px -248px no-repeat;background-size:528px auto;}

.page-weather .btn-change span{display:none;}
.page-weather .main-weather-top .btn-change{display:block;width:38px;height:28px;background:#f5f5f5;border:1px solid #c3c3c3;border-radius:3px;float:right;}
.page-weather .main-weather-top .btn-change:after{content:'';display:block;width:30px;height:20px;background:url(/m-global/home/v01/img/sprites_ico.png) -378px -248px no-repeat;background-size:528px auto;}

.page-weather .btn-zone{overflow:hidden;margin:30px 0;text-align:center;}
.page-weather .btn-zone02{padding:0 15px 0 15px;text-align:center;}
.page-weather .btn-zone02 .btn-more .txt-hide,
.page-weather .btn-zone02 .btn-more.on .txt-show{display:inline-block;}
.page-weather .btn-zone02 .btn-more .txt-show,
.page-weather .btn-zone02 .btn-more.on .txt-hide{display:none;}

/* 10일 날씨 */
.page-weather .day10-weather{background:#fff;margin-top:10px;border-top:1px solid #dddedf;border-bottom:1px solid #dddedf;padding:20px 0;overflow:hidden;}
.page-weather .day10-weather h3{-webkit-text-stroke-width:.02em;font-size:1.1em;text-align:center;margin-bottom:20px;}
.page-weather .day10-list{width:100%;overflow-x:scroll;}
.page-weather .day10-weather ul{min-width:660px;width:100%;}
.page-weather .day10-weather ul:after{content:'';display:block;clear:both;}
.page-weather .day10-weather ul li{float:left;width:10%;box-sizing:border-box;border-left:1px solid #e8e8e8;text-align:center;font-size:0.9em;}
.page-weather .day10-weather ul>li:first-child{border-left:none;}
.page-weather .day10-weather ul li span{display:inline;}
.page-weather .day10-date{color:#575757;}
.page-weather .day10-date span{color:#728694;}
.page-weather .day10-text{color:#333;font-size:1em;}
.page-weather .day10-temp{color:#999;}
.page-weather .day10-temp span:first-child{color:#000;}
.page-weather .day10-weather .source-data{display:none;}
.page-weather .source-data{clear:both;margin:0;padding:1em 1em 1.5em;font-size:1em;text-align:right;}

/* 생활지수 */
.page-weather .life-area{background:#fff;margin-top:10px;border-top:1px solid #dddedf;border-bottom:1px solid #dddedf;padding:20px 0 0 0;overflow:hidden; margin-bottom:10px;}
.page-weather .life-area h3{-webkit-text-stroke-width:.02em;font-size:1.1em;text-align:center;margin-bottom:20px;}
.page-weather .life-area li{height:140px;width:33%;text-align:center;float:left;margin-bottom:20px;}
.page-weather .life-img{background:url(../img/ico_weather_m.png?v3) no-repeat 0 0;width:45px;height:35px;background-size:240px;margin:2px auto;}
.page-weather .life-img01{background-position:-0px -29px;}
.page-weather .life-img02{background-position:-49px -29px;}
.page-weather .life-img03{background-position:-105px -29px;}
.page-weather .life-img04{background-position:-0px -68px;}
.page-weather .life-img05{background-position:-52px -68px;}
.page-weather .life-img06{background-position:-105px -68px;}

.page-weather .life-value{-webkit-text-stroke-width:.02em;}
.page-weather .value-small{color:#fa7c75;}
.page-weather .value-big{color:#47c6c2;}
.page-weather .life-text{font-size:0.85em;width:85%;margin:4px auto;color:#787878;}

/* 전국날씨 */
.page-weather .aside-city-area{margin-top:10px;background:#b3e0ff;}
.page-weather .aside-city-area button.tit{font-size:13.333333px;background:none;}
.page-weather .tab-city-tab{overflow-x:scroll;}
.page-weather .day-tab{height:54px;min-width:552px;width:100%;border-bottom:1px solid #ccc;background:#fff;width:100%;} /* border-bottom:1px solid #3464a8; width:560px; */
.page-weather .day-tab li{float:left;width:10%;height:38px;padding-top:10px;padding-bottom:5px;text-align:center;line-height:16px;}
.page-weather .day-tab li a{display:block;color:#728694;}
.page-weather .day-tab li a:hover{text-decoration:none;}
.page-weather .day-tab li.day-tab-on{border-bottom:2px solid #0068d1;color:#0068d1;}
.page-weather .day-tab li.day-tab-on a{color:#0068d1;}
.page-weather .day-tab li button{padding:1px;}
.page-weather .day-tab li button span{display:block;}
.page-weather .country-map{width:100%;height:100%;position:relative;background:#b3e0ff;}
.page-weather .city-tab-contents{width:100%;height:440px;background-size:contain;margin:0 auto;overflow:hidden;}
.page-weather .ampm-tab{overflow:hidden;width:90px;position:absolute;right:10px;top:10px;z-index:9;}
.page-weather .ampm-tab li{float:left;width:40px;height:26px;text-align:center;line-height:24px;background:#fff;font-size:0.9em;}
.page-weather .ampm-tab li a{display:block;color:#888;}
.page-weather .ampm-tab li.day-tab-on{background:#0168d1;color:#fff;}
.page-weather .ampm-tab li.day-tab-on a{color:#fff;}
.page-weather .ampm-tab li a:hover{text-decoration:none;}
.page-weather .ampm-tab li button{color:#888;line-height:24px;}
.page-weather .ampm-tab li.day-tab-on button{color:#fff;}
.page-weather .ampm-tab li button:hover{text-decoration:none;}

.page-weather .public-city-list li .city-name{width:66px;line-height:16px;font-size:0.9em;}
/* .page-weather .tab-city-tab .day-tab li{font-size:0.9em !important;} */
/* .page-weather #day-tab01 .city-day-tab{width:122px;} */
.page-weather #day-tab01 .city-day-tab{width:auto;}
.page-weather #day-tab01 .city-day-tab:after{content:'';display:block;clear:both;}
.page-weather #day-tab01 .city-day-tab li{border-right:1px solid #ddd;}
.page-weather #day-tab01 .city-day-tab li.day-tab-on{border-right:0 none;}
.page-weather .style-display-none{display:none;}
.page-weather .aside-city-area{background:#b3e0ff}
.page-weather .map-cont{height:100%;max-width:640px;margin:0 auto}
.page-weather .public-city-list{position:relative;width:100%;height:0;padding-bottom:135%;background:url(../img/m_map_city.png) no-repeat 50% 0;background-size:cover}
.page-weather .public-city-list ul li{height:60px;width:66px;margin:-30px 0 0 -33px;text-align:center;position:absolute;}

.page-weather .public-city-list ul li.seoul{top:27%;left:33%;}
.page-weather .public-city-list ul li.chuncheon{top:18%;left:54%;}
.page-weather .public-city-list ul li.gangneung{top:24%;left:67%;}
.page-weather .public-city-list ul li.daejeon{top:48.5%;left:40.5%;}
.page-weather .public-city-list ul li.cheongju{top:37%;left:54%;}
.page-weather .public-city-list ul li.daegu{top:55%;left:63%;}
.page-weather .public-city-list ul li.gwangju{top:71%;left:31%;}
.page-weather .public-city-list ul li.jeonju{top:60%;left:33%;}
.page-weather .public-city-list ul li.busan{top:66%;left:73%;}
.page-weather .public-city-list ul li.jeju{top:88%;left:25%;}
.page-weather .public-city-list ul li.ulleungdokdo{top:31%;left:86.5%;}

.page-weather .map-img{position:absolute;top:0;}
.page-weather .map-img img{width:100%;}

.page-weather .country-time-standard{position:absolute;bottom:10px;right:10px;}

/*////////// 세계날씨 //////////*/
.page-weather .w-menu-on{-webkit-text-stroke-width:.03em;}
.page-weather .global-weather{overflow:hidden;}
.page-weather .global-tab{width:100%;height:41px;background:#fff;overflow-x:scroll;border-bottom:1px solid #ddd;}
.page-weather .global-tab ul{width:540px;margin:0 10px;}
.page-weather .global-tab ul li{float:left;text-align:center;line-height:39px;height:40px;}
.page-weather .global-tab ul li a{padding:0 10px;display:block;overflow:hidden;}
.page-weather .global-tab ul li a.continent-tab-on{color:#0068d1;border-bottom:2px solid #0068d1;}

/* 국가선택 / 도시선택 */
.page-weather .global-weather-info{}
.page-weather .world-location{overflow:hidden;position:relative;margin:10px;}
.page-weather .world-select{float:left;height:34px;
width:-webkit-calc(100% - 50px);
width:calc(100% - 50px);}
.page-weather .location-select{height:34px;float:left;border:1px solid #d7d7d7;background:#fff;margin-left:10px;
width:-webkit-calc(50% - 10px);
width:calc(50% - 10px);}
.page-weather .world-select .location-select:first-child{margin-left:0}
.page-weather .wrap-container .btn_location_move{width:50px;height:34px;line-height:32px;border-radius:2px;text-align:center;background:#4081d7;color:#fff;float:right;position:absolute;top:0;right:0;}
.page-weather .wrap-container .btn-location-move{width:50px;height:34px;line-height:32px;border-radius:2px;text-align:center;background:#4081d7;color:#fff;float:right;position:absolute;top:0;right:0;}

/* 도시정보 */
.page-weather .world-city-info{background:#fff;border:1px solid #d7d7d7;margin:10px;}
.page-weather .city-info-top{border-bottom:1px solid #ccc;}
.page-weather .city-info-top h4{font-size:1.2em;padding:10px;}
.page-weather .city-info-top h4 span{font-size:0.8em;color:#999;}
.page-weather .city-info-middle{padding-top:10px;overflow:hidden;width:100%;}
.page-weather .global-weather-info>.global-public-info:last-child .world-city-info{margin-bottom:0;}

/* 대륙별 상세 */
.page-weather .global-w-img{width:50%;float:left;}
.page-weather .city-info-middle{padding-bottom:10px;}
.page-weather .city-info-middle ul{width:50%;float:right;}
.page-weather .city-info-middle ul li:nth-child(1){font-size:1.2em;color:#666;}
.page-weather .city-info-middle ul li:nth-child(2){font-size:1.2em;margin:5px 0;}
.page-weather .city-info-middle ul li:nth-child(2) span:nth-child(1){font-size:1.2em;color:#ff2525;letter-spacing:-0.5px;}
.page-weather .city-info-middle ul li:nth-child(2) span:nth-child(2){font-size:1em;/*color:#228cff;*/letter-spacing:-0.5px;}
.page-weather .city-info-middle ul li:nth-child(3),
.page-weather .city-info-middle ul li:nth-child(4){color:#666;font-size:1em;clear:both;}
.page-weather .city-info-middle ul li:nth-child(3) span:nth-child(1){background:url(../img/ico_weather_m.png?v3) no-repeat -52px 1px;width:20px;height:22px;background-size:260px;float:left;margin-right:5px;}
.page-weather .city-info-middle ul li:nth-child(4) span:nth-child(1){background:url(../img/ico_weather_m.png?v3) no-repeat -76px 1px;width:20px;height:22px;background-size:260px;float:left;margin-right:5px;}
.page-weather .city-info-middle ul li:nth-child(3) span:nth-child(2),
.page-weather .city-info-middle ul li:nth-child(4) span:nth-child(2){color:#000;-webkit-text-stroke-width:.02em;}

.page-weather .global-public-info .city-list{overflow:hidden;}
.page-weather .global-public-info .city-list li{width:33.333333%;float:left;box-sizing:border-box;padding:18px 0;text-align:center;}
.page-weather .global-public-info .city-list li:nth-child(1),
.page-weather .global-public-info .city-list li:nth-child(2),
.page-weather .global-public-info .city-list li:nth-child(3){border-bottom:1px solid #d7d7d7;}
.page-weather .global-public-info .city-list li:nth-child(2),
.page-weather .global-public-info .city-list li:nth-child(5){border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;}
.page-weather .global-public-info .city-list li h5{font-size:1.2em;color:#333;}
.page-weather .global-public-info .city-list li .world-name{color:#999;font-size:0.9em;letter-spacing:-1px;}

/*.mm-img{background:url(../img/icon_mobile_w.png) no-repeat 0 0;background-size:630px;width:70px;height:70px;margin:0 auto;padding-right:6px;}
.mm-img01{background-position:-25px -807px;}
.mm-img02{background-position:-106px -807px;}
.mm-img03{background-position:-188px -807px;}
.mm-img04{background-position:-269px -807px;}

.mm-img05{background-position:-25px -878px;}
.mm-img06{background-position:-106px -878px;}
.mm-img07{background-position:-188px -880px;}
.mm-img08{background-position:-269px -878px;}

.mm-img09{background-position:-25px -950px;}
.mm-img10{background-position:-106px -950px;}
.mm-img11{background-position:-188px -950px;}
.mm-img12{background-position:-269px -950px;}

.mm-img13{background-position:-25px -1019px;}
.mm-img14{background-position:-106px -1019px;}
.mm-img15{background-position:-188px -1019px;}
.mm-img16{background-position:-270px -1020px;}

.mm-img17{background-position:-26px -1092px;}
.mm-img18{background-position:-106px -1092px;}
.mm-img19{background-position:-188px -1092px;}
.mm-img20{background-position:-269px -1092px;}

.mm-img21{background-position:-26px -1163px;}
.mm-img22{background-position:-104px -1163px;}*/

.page-weather .world-text{color:#666;}
.page-weather .world-temp{color:#999;}
.page-weather .world-temp span:first-child{color:#000;}

/* 국가선택시 view */
.page-weather .w-time-standard{font-size:1em;color:#666;padding:10px 0 0 10px;overflow:hidden;width:90%;}
.page-weather .world-city-view{border-top:1px solid #d7d7d7;}
.page-weather .world-city-view .city-info-top{border-bottom:1px solid #d7d7d7;background:#fff;position:relative;}

/* 기상특보 */
.page-weather .breaking-weather{margin-top:10px;}
.page-weather .breaking-weather h3{-webkit-text-stroke-width:.02em;font-size:1.1em;text-align:center;padding-bottom:20px;}
.page-weather .breaking-weather .breaking-cont{background:#fff;padding:20px 10px;}
.page-weather .breaking-cont-title{font-size:1.1em; color:#0068d1;padding-bottom:10px; }
.page-weather .breaking-list-top,
.page-weather .breaking-list-bottom{width:100%;}
.page-weather .breaking-list-top th{width:85px;font-size:1em;letter-spacing:-1px;border:1px solid #d7d7d7;padding:5px 10px; vertical-align:middle;}
.page-weather .breaking-list-top td{font-size:1em;border:1px solid #d7d7d7;padding:5px 10px;vertical-align:middle;}
.page-weather .breaking-list-bottom th{width:85px;font-size:1em;letter-spacing:-1px;padding:5px 10px;vertical-align:middle;border-top:1px solid #d7d7d7;border-right:1px solid #d7d7d7;}
.page-weather .breaking-list-top td:last-child,
.page-weather .breaking-list-top tr:last-child th{border-bottom:0 none;}
.page-weather .breaking-list-bottom td{font-size:1em;padding:5px 10px;vertical-align:middle;border-top:1px solid #d7d7d7;}
.page-weather .latest-weather h3{-webkit-text-stroke-width:.02em;font-size:1.1em;text-align:center;padding-bottom:20px;}
.page-weather .latest-weather .breaking-cont{background:#fff;padding:20px 10px;}
.page-weather .latest-weather{margin-top:10px;}
.page-weather .latest-weather .breaking-cont:nth-child(1){background:#fff;padding:10px 10px 0 10px;}
.page-weather .latest-weather .breaking-cont:nth-child(2){background:#fff;padding:10px 10px 0 10px;}
.page-weather .latest-weather .breaking-cont:nth-child(3){background:#fff;padding:10px 10px 20px 10px;}
.page-weather .breaking-cont .btn-breaking-close,
.page-weather .wrap-container .breaking-cont .btn-more{border-right:1px solid #dddedf;border-left:1px solid #dddedf;}
.page-weather .breaking-list-bottom{border:1px solid #d7d7d7;border-bottom:0 none;border-top:0 none;display:none;}

/* 닫기&더보기 버튼css */
.page-weather .wrap-container .btn-breaking-close{display:block;width:100%;border-top:1px solid #dddedf;border-bottom:1px solid #dddedf;background:#f5f5f5;margin-top:0px;padding:10px 0;text-align:center;font-size:0.9em;cursor:pointer;}
.page-weather .wrap-container .btn-breaking-close:after{content:'';background:url(../img/ico_weather_m.png) no-repeat -160px -3px;width:20px;height:15px;background-size:240px;display:inline-block;margin-left:3px;}

.page-weather .wrap-container .btn-more{display:block;width:100%;border-top:1px solid #dddedf;border-bottom:1px solid #dddedf;background:#f5f5f5;margin-top:0px;padding:10px 0;text-align:center;font-size:0.9em;cursor:pointer;}
.page-weather .wrap-container .sub-weather .btn-more{border:1px solid #dddedf;}
.page-weather .wrap-container .btn-more:after{content:'';background:url(../img/ico_weather_m.png) no-repeat -160px -35px;width:20px;height:15px;background-size:240px;display:inline-block;margin-left:3px;}
/* 닫기 버튼 클릭시 버튼 클릭시 css 적용 */

/* 현재 기상특보 기사가 없을 경우 */
.page-weather .breaking-cont-off{display:none;}
.page-weather .breaking-cont-days{display:block;font-size:0.9em; color:#999;}

/* 태풍정보 css */
.page-weather .typhoon-weather h4{-webkit-text-stroke-width:.02em;font-size:1.1em;text-align:center;padding-bottom:20px;}
.page-weather .typhoon-weather{margin-top:10px;}
.page-weather .typhoon-weather .typhoon-cont{background:#fff;padding:20px 10px;}
.page-weather .typhoon-top{width:100%;}
.page-weather .typhoon-top th{width:60px;font-size:1em;letter-spacing:-1px; padding:4px 5px 4px 0px; vertical-align:top;color:#000;}
.page-weather .typhoon-top td{font-size:1em;letter-spacing:-1.3px;padding:4px 10px;vertical-align:middle;color:#666;letter-spacing:-1.5px;}
.page-weather .typhoon-img{overflow:hidden;margin-top:20px;border-top:1px solid #d7d7d7;border-right:1px solid #d7d7d7;border-left:1px solid #d7d7d7;}
.page-weather .typhoon-img img{width:100%;height:100%;}
.page-weather .typhoon-bottom{width:100%;}
.page-weather .typhoon-bottom th{width:50%;font-size:1em;letter-spacing:-1px;padding:5px 5px 5px 10px;vertical-align:middle;text-align:center;border:1px solid #d7d7d7;letter-spacing:-1.5px;}
.page-weather .typhoon-bottom td{width:60px;font-size:1em;letter-spacing:-1px;padding:5px 5px 5px 10px;vertical-align:middle;text-align:center;border:1px solid #d7d7d7;color:#333;}
.page-weather .typhoon-bottom span{display:inline-block;width:17px;height:17px;margin:-2px 0 0 0;border-radius:100px;vertical-align:middle;}
.page-weather .typhoon-bottom p{display:inline-block;width:80px;vertical-align:middle;}
.page-weather .typhoon-th-color{ background:#fafafa; }

/* 태풍정보 아이콘 색상*/
.page-weather .wrap-container .icon-color-1{background:#00ffff;}
.page-weather .wrap-container .icon-color-2{background:#00ff00;}
.page-weather .wrap-container .icon-color-3{background:#ffff00;}
.page-weather .wrap-container .icon-color-4{background:#ff3300;}
.page-weather .wrap-container .icon-color-5{background:#990099;}
.page-weather .wrap-container ::-webkit-scrollbar{display:none;}

/*모바일 사이트 리스트 css */
.page-weather .wrap-site{padding:0 15px;}
.page-weather .site-title{-webkit-text-stroke-width:.04em;font-size:1.3em;text-align:center;padding:20px 0;}
.page-weather .wrap-site table{width:100%;}
.page-weather .wrap-site th{width:100px;border:1px solid #767676;padding:10px 20px;background:#363636;color:#fff;font-size:1.0em;vertical-align:middle;-webkit-text-stroke-width:.02em;}
.page-weather .wrap-site td{border:1px solid #767676;padding:10px 20px;background:#e6e6e6;color:#000;font-size:1.0em;vertical-align:middle;-webkit-text-stroke-width:.02em;}
.page-weather .wrap-site td a{display:block;color:blue;}
.page-weather .site-table{width:100%; overflow:hidden;}

/* 고속도로
.highway-view{padding:0 !important;}
.highway-info-top{overflow:hidden;}
.highway-info-top .city-info-middle{border-bottom:1px solid #d7d7d7;padding-bottom:15px;}
.city-info-middle ul.highway-info li:nth-child(1){font-size:1.2em;color:#666;}
.city-info-middle ul.highway-info li:nth-child(2){font-size:3.5em;letter-spacing:-2px;margin:0;}
.city-info-middle ul.highway-info li:nth-child(3){font-size:1.2em;}
.city-info-middle ul.highway-info li:nth-child(3) span:nth-child(1){background:none;color:#ff2525;width:45px;}
.city-info-middle ul.highway-info li:nth-child(3) span:nth-child(2){background:none;color:#228cff;-webkit-text-stroke-width:.0;width:45px;}
.city-info-middle ul.highway-info li:nth-child(4) span:nth-child(1){background:url(../img/ico_weather_m.png?v3) no-repeat -52px 1px;width:20px;height:22px;background-size:260px;float:left;margin-right:5px;}

.today-weather{overflow:hidden;padding:15px 0;}
.today-ampm{float:left;width:calc(50% - 1px);text-align:center;}
.today-ampm:nth-child(1){border-right:1px solid #d7d7d7;}
.today-ampm-tit{font-size:1.2em;margin-bottom:10px;}
.today-ampm div{width:150px;overflow:hidden;margin:0 auto;text-align:center;}
.today-ampm div .today-w-icon{float:left;width:46%;}
.today-ampm div .today-w-icon span{text-align:right;}
.today-ampm div span{display:block;text-align:left;padding-left:3px;color:#666;margin-top:4px;}
.today-ampm div span:nth-child(3){font-size:1.3em;-webkit-text-stroke-width:.02em;color:#000;}
.rainfall-prob{clear:both;color:#888;margin-top:5px;}

.td-img{background:url(../img/icon_mobile_w.png) no-repeat 0 0;background-size:600px;width:55px;height:55px;margin:0 auto;}
.td-img01{background-position:-29px -774px;}
.td-img02{background-position:-107px -775px;}
.td-img03{background-position:-184px -774px;}
.td-img04{background-position:-262px -774px;}

.td-img05{background-position:-30px -842px;}
.td-img06{background-position:-107px -842px;}
.td-img07{background-position:-184px -845px;}
.td-img08{background-position:-262px -842px;}

.td-img09{background-position:-29px -911px;}
.td-img10{background-position:-107px -911px;}
.td-img11{background-position:-184px -911px;}
.td-img12{background-position:-262px -911px;}

.td-img13{background-position:-29px -977px;}
.td-img14{background-position:-106px -977px;}
.td-img15{background-position:-184px -977px;}
.td-img16{background-position:-262px -977px;}

.td-img17{background-position:-29px -1046px;}
.td-img18{background-position:-106px -1046px;}
.td-img19{background-position:-184px -1046px;}
.td-img20{background-position:-262px -1046px;}

.td-img21{background-position:-30px -1113px;}
.td-img22{background-position:-106px -1113px;}*/

/* 내일 / 모레 날씨 */
.page-weather .date-weather{overflow:hidden;margin-top:10px;background:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.page-weather .date-weather-info{width:50%;float:left;}
.page-weather .date-weather-info:nth-child(1){border-right:1px solid #ccc;
width:-webkit-calc(50% - 1px);
width:calc(50% - 1px);}
.page-weather .date-tit{background:#fafafa;padding:10px 0;text-align:center;border-bottom:1px solid #ccc}
.page-weather .date-weather-list div{float:left;width:50%;text-align:center;margin:10px 0;}
.page-weather .date-weather-list div:nth-child(1){border-right:1px solid #ccc;
width:-webkit-calc(50% - 1px);
width:calc(50% - 1px);}
.page-weather .date-weather-list div p:nth-child(1){color:#333;}
.page-weather .date-weather-list div p:nth-child(3){color:#333;font-size:0.9em;}
.page-weather .date-weather-list div p:nth-child(4){-webkit-text-stroke-width:.02em;color:#000;}
.page-weather .date-weather-list div p:nth-child(5){color:#888;font-size:0.8em;}

/* 위치설정 팝업 */
.page-weather .wrap-container .popup-location{width:100%;height:100%;}
.page-weather .wrap-container .pop-layer{background:#fff;position:absolute;top:10%;left:0;right:0;border:1px solid #ccc;margin:0 20px;}
.page-weather .wrap-container .popup-location-box{background:#fff;}
.page-weather .wrap-container .popup-title{border-bottom:1px solid #b7b7b7;padding:10px;overflow:hidden;background:#fff;}
.page-weather .wrap-container .popup-title p{float:left;font-size:1.1em;color:#333;}
.page-weather .wrap-container .popup-title span{background:url(../img/ico_weather_m.png) no-repeat -293px -8px;background-size:350px;width:25px;height:25px;float:right;}
.page-weather .wrap-container .popup-cont{padding:10px;background:#fff;}
.page-weather .wrap-container .location-slt{background:#fff;border:1px solid #ddd;height:40px;padding-left:5px;
width:-webkit-calc(50% - 5px);
width:calc(50% - 5px);}
.page-weather .wrap-container .location-slt:nth-child(2){float:right;}
.page-weather .wrap-container .popup-btn{width:250px;margin:10px auto;overflow:hidden;}
.page-weather .wrap-container .popup-btn p:nth-child(1){border:1px solid #4080D7;background:#4080D7;height:40px;text-align:center;color:#666;line-height:40px;width:47%;float:left;color:#fff;cursor:pointer;}
.page-weather .wrap-container .popup-btn p:nth-child(2){border:1px solid #ddd;background:#fff;height:40px;text-align:center;color:#666;line-height:40px;width:47%;float:right;cursor:pointer;}

.page-weather .wrap-container .pop-layer .pop-container{padding:20px 25px;}
.page-weather .wrap-container .pop-layer p.ctxt{line-height:25px;color:#666;}
.page-weather .wrap-container .pop-layer .btn-r{width:100%;margin:10px 0 20px;padding-top:10px;border-top:1px solid #DDD;text-align:right;}
.page-weather .wrap-container .pop-layer{display:none;position:absolute;top:50%;left:50%;width:410px;height:auto;background-color:#fff;border:5px solid #3571B5;z-index:10;}

/* ---- dim ---- */
.page-weather .dim{display:none;position:absolute;left:0;top:0;bottom:0;z-index:100;width:100%;height:100%;background-color:rgba(0,0,0,0.6);}
.page-weather .dim-layer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;}
.page-weather .dim-layer .dimBg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;}
.page-weather .dim-layer .pop-layer{display:block;}
.page-weather a.btn-layerClose{display:inline-block;height:25px;padding:0 14px 0;border:1px solid #304a8a;background-color:#3f5a9d;font-size:13px;color:#fff;line-height:25px;}
.page-weather a.btn-layerClose:hover{border:1px solid #091940;background-color:#1f326a;color:#fff;}


@media all and (max-width:320px){
	/* #topNaviWrap .weather-title{line-height:40px;} */
	.page-weather .breaknews-title{padding:3px 5px 2px 5px;}
	.page-weather .breaknews{line-height:36px;}
	.page-weather .weather-info{margin:0 auto;}
	.page-weather .time-standard{padding:15px 10px 0 10px;}
	.page-weather .weather-info .temperature{margin-bottom:20px;}
	.page-weather .weather-info .temperature p{font-size:2.5em;}
	.page-weather .weather-info div.temperature p.compare-txt{font-size:1em !important;}
	.page-weather .weather-info .temperature p span{font-size:0.6em;vertical-align:top;margin-top:10px;display:inline-block;}
}

.page-weather .weather-table-box .table-box{position:relative;}
.page-weather .weather-table-box .weather-table.toggle-cont{display:none;}
.page-weather .weather-table-box .table-box table{width:100%;}
.page-weather .weather-table-box .weather-table.toggle-cont .toggle-blind{padding:0;margin:0;font-size:0;line-height:0;text-indent:-99999px;}
.page-weather .weather-table-box .weather-table td,
.page-weather .weather-table-box .weather-table th{padding:10px 0;text-align:center;}
.page-weather .weather-table-box .weather-table thead td{margin-bottom:5px;font-size:12px;font-weight:normal;letter-spacing:-1px;}

.page-weather .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;}
.page-weather .weather-table-box .weather-table .crt{color:#000;font-weight:800;}

.page-weather .weather-table-box .weather-table tr.ico-forecast td,
.page-weather .weather-table-box .weather-table tr.ico-forecast th{padding:0;}
.page-weather .weather-table-box .weather-table tr.ico-forecast span{display:inline-block;width:35px;height:35px;}
.page-weather .weather-table-box .weather-table tr.ico-forecast td [class*="w-ico-type-b-"]:after{left:50%;margin-left:-17px;}

.page-weather .weather-table-box .weather-table td.weather-graph img{width:100%;}

.page-weather .weather-table-box .weather-table tr.precip td{padding:5px 0;font-size:12px;letter-spacing:-1px;}
.page-weather .weather-table-box .weather-table tr.precip td.after,
.page-weather .weather-table-box .weather-table tr.precip td.crt{color:#999;}

.page-weather .weather-table-box .weather-table tr.ico-direction td,
.page-weather .weather-table-box .weather-table tr.ico-direction th{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px 0;}
.page-weather .weather-table-box .weather-table tr.ico-direction [class*="wind"]{padding-top:35px;color:#999;font-size:11px;letter-spacing:-1px;}
.page-weather .weather-table-box .weather-table tr.ico-direction [class*="wind"]:after{width:30px;height:30px;margin-left:-15px;}

.page-weather .weather-table-box .weather-table tr.humidity td span{position:relative;display:inline-block;padding-top:35px;font-size:11px;letter-spacing:-1px;}
.page-weather .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;}
.page-weather .weather-table-box .btn-zone02{margin-top:20px;}

.page-weather .wrap-container .toggle-box{padding-bottom:30px;}
.page-weather .wrap-container .btn-zone02 .btn-more .txt-hide,
.page-weather .wrap-container .btn-zone02 .btn-more.on .txt-show{display:inline-block;}
.page-weather .wrap-container .btn-zone02 .btn-more .txt-show,
.page-weather .wrap-container .btn-zone02 .btn-more.on .txt-hide{display:none;}
.page-weather .wrap-container .toggle-box .btn-more:after{background-position:-121px 0;}
.page-weather .wrap-container .toggle-box .btn-more.on:after{background-position:0 0;}

/* button (/global/home/v01/img/sprites_icon.png) */
.page-weather .wrap-container button{border:0;}
.page-weather .wrap-container .btn-zone{overflow:hidden;margin:30px 0;padding:0 15px;text-align:center;}
.page-weather .wrap-container .btn-zone02{padding:0 15px 30px 15px;text-align:center;}
.page-weather .wrap-container .btn-more em{color:#0068d1;}
.page-weather .wrap-container .btn-view-more{display:block;position:relative;width:100%;font-size:14px;color:#666 !important;line-height:45px;font-weight:600;text-align:center;background:#f5f5f5;}
.page-weather .wrap-container .btn-view-more:after{content:'';position:absolute;top:17px;right:20px;width:8px;height:13px;background:url(../../../../global/home/v01/img/sprites_btn.png) -20px 0 no-repeat;background-size:400px auto;}
.page-weather .wrap-container .btn-play span{display:block;text-indent:-99999px;}
.page-weather .wrap-container button.btn-save{display:inline-block;width:25px;height:25px;text-align:center;}
.page-weather .wrap-container button.btn-save span{display:inline-block;width:13px;height:17px;text-indent:-99999px;background:url(../../../../global/home/v01/img/sprites_ico.png) -151px -250px no-repeat;background-size:528px auto;}
.page-weather .wrap-container button.btn-save.on span{background-position:-180px -250px;}


@media all and (max-width:320px){
	.page-weather .weather-graphic-box{min-width:320px;min-height:300px;}
	.page-weather .tomorrow-weather .weather-graphic-box{min-height:400px;}
}


/* 전국날씨 상세 오늘/내일 */
.page-weather .weather-date{padding:15px 10px;color:#fff;}
.page-weather .public-city-list ul li{cursor:pointer;}

/* 위치설정팝업 */
.page-weather .weather-location{display:none;position:fixed;left:0;top:0;z-index:999;width:100%;height:100%;color:#c8c9cc;text-align:left;background:rgba(0,0,0,0.5);}
.page-weather .weather-location .popup-location{position:absolute;top:35%;left:16px;
width:-webkit-calc(100% - 32px);
width:calc(100% - 32px);}
.page-weather .location-loading{display:none;position:fixed;top:43%;width:100%;padding:0;text-align:center;}
.page-weather .location-loading img{width:25%;}
.page-weather .location-loading .btn-more.yna-more-load{border:none;background:none;}
.page-weather .location-loading .btn-more.yna-more-load:after{display:none;}
.page-weather .location-loading .btn-more.yna-more-load .loader{display:inline-block;margin:0;}

/* 0903 내일/모레 날씨 수정 */
.page-weather .weather-tomorrow .city-info-middle ul li:nth-child(2) p{font-size:0.9em;}
.page-weather .weather-tomorrow .city-info-middle ul li:nth-child(2) p:nth-child(1) span{font-size:2em;color:#fff;}
.page-weather .weather-tomorrow .city-info-middle ul li:nth-child(2) p:nth-child(2) span{font-size:2em;color:#fff;}
.page-weather .weather-tomorrow .city-info-middle ul li:nth-child(3){margin-top:15px;}


/* =============== 대형확장 레이아웃 ======================== */
@media only screen and (min-width:1280px){
	/* ---- container ---- */

	/* 기본 51 → 64 */
	.page-asis .container{padding-top:64px;}

	/* 91 → 104
	 * .page-weather : 날씨 */
	.page-weather #container{padding-top:104px;}
}


/* =============== 배너 및 ui ======================== */