@charset "utf-8";


/************************** 
    Common
***************************/
/* body *:focus {outline:none !important;} 
body * {outline:none !important;}*/
body button:focus {outline:none;box-shadow:0 0 3px 2px #006fe8;}
body.nolayout .page-wrap{padding-left:0;}
#download_item {display:none;}
.waiting64 {position:fixed;left:calc(50% - 26px);top:calc(50% - 26px);width:52px;height:52px;z-index:99999;}
.show {display:block;}
.show-inline {display:inline-block;}
.hide {display:none;}
.hid{ overflow:hidden;position:absolute;width:0;height:0; left:-9999px; top:-9999px; line-height:0;}
.hidden {overflow:hidden;}
.pw-dimmed {position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.7);z-index:1002;display:none;}

.ft-b{font-weight:700 !important;}
.fs-13{font-size:13px !important;}

.fc-01{font-weight:700;color:#0a4493 !important;}
.fc-02{font-weight:700;color:#f23908 !important;}
.fc-03{color:#ff5500 !important;}
.fc-04{color:#0a4493 !important;}
.fc-05{color:#343537 !important;}

.txt-left {text-align:left !important;}
.txt-center {text-align:center !important;}
.txt-right {text-align:right !important;}

/************************** 
    Layout
***************************/
.accordionsecond-con{display:none;}
.accordionsecond-con.on{display:block;}
.accordion-con{display:none;}
.accordion-con.on{display:block;}


/** 메인 **/
.mainp.hidd{height:100%;overflow:hidden;}
.mainp section.page-wrap { min-height: 1030px; }
.mainp .container{width:100%;height:auto;position:relative;overflow:hidden;}

.mainp .container.on-bg01{background:linear-gradient(to bottom, #345aa3 , #3485a3);transition:all 0.5s; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#345aa3', endColorstr='#3485a3');}
.mainp .container.on-bg02{background:linear-gradient(to bottom, #345aa3 , #3485a3);transition:all 0.5s; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#345aa3', endColorstr='#3485a3');}
.mainp .container.on-bg03{background:linear-gradient(to bottom, #0d244d , #354157);transition:all 0.5s; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0d244d', endColorstr='#354157');}
.mainp .container.on-bg04{background:linear-gradient(to bottom, #343858 , #8c7979);transition:all 0.5s; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#343858', endColorstr='#8c7979');}
.mainp .container.on-bg05{background:linear-gradient(to bottom, #345aa3 , #3485a3);transition:all 0.5s; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#345aa3', endColorstr='#3485a3');}
.mainp .container.on-bg06{background:linear-gradient(to bottom, #345aa3 , #3485a3);transition:all 0.5s; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#345aa3', endColorstr='#3485a3');}

#index-today-warning { position: relative;}
#map-index-today-warning { position: relative;}
.mainp .cont-box02{margin-top:4px;position:absolute;  top: 10px; right: 0px; width: 100%; height: auto; }
.mainp .cont-box02 [class*="box-con"]{position:absolute;right:0px; top:-54px;width:200px;height:40px;line-height:40px;border-radius:5px;color:#fff;background:#000;text-align:center;font-size:18px;}
.mainp .cont-box02 [class*="box-con"] button{color:#fff;font-size:18px;}
.mainp .cont-box02 [class*="box-con"] > span{display:block;padding-left:15px; width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.mainp .cont-box02 .box-con-wrn{background:#bb0000;right: 210px; width:auto; max-width:360px;}
.mainp .cont-box02 .box-con-on{background:#bb0000;padding-right:35px;cursor: pointer;}
.mainp .cont-box02 .box-con-on:after{content:"";position:absolute;right:15px;top:50%;width:11px;height:9px;margin-top:-6px;background:url(../image/arrow_down.png)no-repeat center center;transform:rotateZ(0);background-size:100%;transition: all 0.2s;}
.mainp .cont-box02 .box-con-on.on:after{transform:rotateZ(-180deg);}
.mainp .cont-box02 .box-con > span{padding-right:15px;}
.mainp .cont-box02 .box-con-wrn > span{font-size:16px;padding-right:15px;}
.mainp .cont-box02 .accordion-con{border:2px solid #bb0000;border-top:5px solid #bb0000;padding:0 18px;background:#eef2f7;position:relative;}
.mainp .cont-box02 .tab-wrap01{position:relative;padding-bottom:15px;}
.mainp .cont-box02 .tab-wrap01 .tooltip{top:50px}
.mainp .cont-box02 [class*="tab-btn"]{display:inline-block;}
.mainp .cont-box02 [class*="tab-btn"] button{font-size:30px;padding:0 18px; border-bottom:5px solid #eef2f7;line-height:60px;font-weight:300;color:#000000;}
.mainp .cont-box02 [class*="tab-btn"] button.on{font-weight:700;color:#bb0000;border-bottom:5px solid #bb0000}
.mainp .cont-box02 [class*="tab-btn"] button .icon{display:inline-block;background:url('../image/sub-tab-icon-off_2.png');vertical-align:middle;margin-left:7px;margin-top:-3px;}
.mainp .cont-box02 [class*="tab-btn"] button.on .icon{background:url('../image/sub-tab-icon-on_2.png');}
.mainp .cont-box02 .tab-fild{overflow:hidden;padding-bottom:18px;}
.mainp .cont-box02 .left-flid{width:340px;float:left}
.mainp .cont-box02 .right-flid{float:left;width:calc(100% - 340px);padding-left:20px;}
.mainp .cont-box02 .right-flid > .tit{padding-left:15px;position:relative;font-size:22px;font-weight:700;}
.mainp .cont-box02 .right-flid > .tit:after{width:7px;height:7px;content:"";position:absolute; left:0;top:50%;margin-top:-4px;background:#000;}
.mainp .cont-box02 .right-flid > .txt{font-size:18px;padding-left:15px;margin-top:10px;margin-bottom:35px;}
.mainp .cont-box02 .right-flid > .txt strong{font-weight:700;}
.mainp .cont-box02 .right-flid > .txt span:before{content:"";margin:0 20px;width:1px;height:16px;display:inline-block;background:#000000;vertical-align:middle;}
.mainp .cont-box02 .right-flid > .txt span:first-of-type::before{display:none;}
.mainp .cont-box02 .right-flid .text-area{height:245px;background:#fff;overflow:hidden;margin-top:10px;position:relative;}
.mainp .cont-box02 .right-flid .text-area .swiper-slide{height:auto;font-size:17px;padding:30px;line-height:160%;}
.mainp .cont-box02 .right-flid .text-area .swiper-slide .tit{margin-top:5px;}
.mainp .cont-box02 .big-btn{position:absolute;right:20px;top:45px;font-size:15px;color:#595959}


/* 지식 소식 */
.subp.on-bg03{background:linear-gradient(to bottom, #0d244d , #354157);transition:all 0.5s; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0d244d', endColorstr='#354157');}
.subp.on-bg03 .tab-menu-wrap .tab-menu > * .on {color:#fff;font-weight:700;border-bottom:5px solid #fff;}
.subp01-09 .tab-menu-cont { padding-top: 10px;}

/* 새해 배너 */
.m-banner-wrap{display:none;}
.top-banner{position:relative;min-height:30px;margin-top:-30px;}
.top-banner .banner-btn{position:absolute;bottom:-40px;left:50%;font-size:20px;color:rgba(255,255,255,0.3);padding-left:30px;transform:translateX(-50%);}
.top-banner .banner-btn:after{background:url(../image/arrow-banner.png);content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:17px;height:11px;transition:all 0.2s;transform:translateY(-50%) rotateZ(0);}
.top-banner .banner-con{height:130px;background-color:#b0006b;background-image:url(../image/top_banner-icon.png);background-repeat:no-repeat;;background-position:bottom;padding-top:30px;}
.top-banner .banner-con .tit{font-family:'scd-extrabold', sans-serif;height:70px;width:874px; line-height: 24px; padding-top:4px; border-top:1px solid #000;border-bottom:3px solid #000;left:50%;margin-left:-600px;margin-top:15px;text-align:left;padding-left:20px;font-size:30px;position:relative;}
.top-banner .banner-con .tit small{ line-height: 15px; font-size: 15px; }
.top-banner .banner-con .tit strong{color:#b0006b;}
.top-banner .banner-con .tit span{font-family:'ns', sans-serif;display:block;position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:18px;padding-left:20px;}
.top-banner .banner-con .tit span:before{background:url(../image/plus_icon03.png);content:"";position:absolute;left:0;top:50%;transform:translateY(-55%);width:14px;height:14px;}
.top-banner .banner-con a{position:absolute;right:50%;bottom:0;margin-right:-600px;padding-right:28px;line-height:44px;font-weight:700;font-size:17px;color:#fff;}
.top-banner .banner-con a:after{background:url(../image/arrow_side03.png);content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:9px;height:14px;}
.top-banner .banner-btn.on:after{transform:translateY(-50%) rotateZ(-180deg);}

.modal-pop-sub.intro-wrap{max-width:1100px;padding:0;overflow:visible;width:100%;background:#fff;}
.modal-pop-sub.intro-wrap .intro-close{background:url(../image/banner_close.png)no-repeat center;top:-45px;right:-10px;width:45px;height:45px;background-size:25px 26px;}
.intro-wrap .intro-banner01{height:566px;background:url(../image/banner/PC_banner_01.png);}
.intro-wrap .intro-banner02{height:566px;background:url(../image/banner/PC_banner_02.png);}
.intro-wrap .intro-banner03{height:566px;background:url(../image/banner/PC_banner_03.png);}
.intro-wrap .intro-banner04{height:566px;background:url(../image/banner/PC_banner_04.png);}
.intro-wrap .intro-banner05{height:566px;background:url(../image/banner/PC_banner_05.png);}
.intro-wrap .intro-banner06{height:566px;background:url(../image/banner/PC_banner_06.png);}
.intro-wrap .slick-arrow{position:absolute;overflow:hidden;color:transparent;width:40px;height:53px;top:50%;transform:translateY(-50%);}
.intro-wrap .slick-next{right:-60px;background:url(../image/bnner-arrow-next.png) no-repeat center;}
.intro-wrap .slick-prev{left:-60px;background:url(../image/bnner-arrow-prev.png) no-repeat center;}
.intro-btn-wrap{font-size:0;;}
.intro-btn-wrap [class*='btn0']{font-size:15px;position:relative;width:20%;text-align:left;padding:0 0 10px 10px;line-height:34px;color:#fff;}
.intro-btn-wrap [class*='btn0'] .icon{position:absolute;display:block;bottom:0;width:100%;height:10px;left:0;background:#d8dbe0;}
.intro-btn-wrap .btn01.on{color:#ffcc00;}
.intro-btn-wrap .btn02.on{color:#ff8435;}
.intro-btn-wrap .btn03.on{color:#db2532;}
.intro-btn-wrap .btn04.on{color:#5e26d6;}
.intro-btn-wrap .btn05.on{color:#00c51e;}
.intro-btn-wrap .btn06.on{color:#267afe;}
.intro-btn-wrap .btn01.on .icon{background:#ffcc00;}
.intro-btn-wrap .btn02.on .icon{background:#ff8435;}
.intro-btn-wrap .btn03.on .icon{background:#db2532;}
.intro-btn-wrap .btn04.on .icon{background:#5e26d6;}
.intro-btn-wrap .btn05.on .icon{background:#00c51e;}
.intro-btn-wrap .btn06.on .icon{background:#267afe;}

/* header */
header{width:290px;height:100%;position:absolute;left:0;top:0;z-index:1000;}
header .mobile-head{display:none;}
header .left-menu{width:290px;height:100%;padding-bottom:20px;background:#009ae1;padding-top:20px;position:absolute;overflow:auto;overflow: -moz-scrollbars-none;scrollbar-width: none;overflow-x: -moz-scrollbars-none; /* Firefox scrollbar hide */-ms-overflow-style: none;overflow-y: -moz-scrollbars-none; /* Firefox scrollbar hide */-ms-overflow-style: none;}
header .left-menu{padding-bottom:170px;}
header .left-menu::-webkit-scrollbar {display:none;}

header .left-menu .site-tit-wrap{padding:0 30px;}
header .left-menu .site-tit-wrap .logo img{width:32px;}
header .left-menu .site-tit-wrap .logo .btn-tit{color:#fff;font-size:17px;font-weight:700;position:relative;padding-top:10px;padding-right:30px;height:32px;float:left;}
header .left-menu .site-tit-wrap .logo .btn-tit .icon{width:12px;height:8px;background:url(../image/arrow_down.png)no-repeat center center;position:absolute;right:11px;top:50%;margin-top:-4px;background-size:100%;}
header .left-menu .site-tit-wrap .logo a { float: left; }
header .left-menu.wplus { background-color: #516FDD;}
header > .close{display:none;}


header .tab{position:absolute;right:-45px;top:20px;width:45px;}
header .tab [class*="tab-item0"] {margin-bottom: 3px;}
header .tab [class*="tab-item0"] button{width:45px;height:50px;padding:10px 15px;word-break:break-all;line-height:120%;position:relative;}
header .tab [class*="tab-item0"] button.on { box-shadow:0 0 3px 2px #006fe8;}
header .tab .tab-item01 button{background:#009ae1;color:#ffffff;}
header .tab .tab-item02 button{background:#5270de;color:#ffffff;}
header .tab .tab-item02 button .icon{width:7px;height:7px;background:url(../image/bul_plus.png)no-repeat center center;position:absolute;right:8px;top:5px;}
header .tab .tab-item03 button{background:#32bec9;color:#000000;}
header .tab .tab-item04 button{background:#ffc600;color:#000000;}

/* 메뉴 */
nav .d1-wrap{margin-top:70px; padding-top:2px; padding-bottom:2px;}
nav .d1-wrap [class*="d1-item"] { padding:2px; }
nav .d1-wrap [class*="d1-item"] .d1-btn{margin-top:-3px;border:3px #009ae1 solid;width:100%;text-align:left;padding:13px 27px;font-weight:700;font-size:22px;color:#fff;position:relative; }
nav .d1-wrap [class*="d1-item"]:first-child .d1-btn{margin-top:0;}
nav .d1-wrap [class*="d1-item"]:hover .d1-btn{z-index:1;}
nav .d1-wrap [class*="d1-item"]:hover .d1-btn:after{ content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:3px #fff solid;}
nav .d1-wrap [class*="d1-item"] .d1-btn:focus{z-index:1;}
nav .d1-wrap [class*="d1-item"] .d1-btn:focus:after{ content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:3px #fff solid;}
nav .d1-wrap .d1-item01 .d1-btn .icon{width:34px;height:22px;background:url(../image/gnb_icon_01.png)no-repeat center center;position:absolute;right:30px;top:50%;margin-top:-11px;background-size:100%;}
nav .d1-wrap .d1-item02 .d1-btn .icon{width:28px;height:22px;background:url(../image/gnb_icon_02.png)no-repeat center center;position:absolute;right:33px;top:50%;margin-top:-11px;background-size:100%;}
nav .d1-wrap .d1-item03 .d1-btn .icon{width:26px;height:26px;background:url(../image/gnb_icon_03.png)no-repeat center center;position:absolute;right:35px;top:50%;margin-top:-13px;background-size:100%;}
nav .d1-wrap .d1-item04 .d1-btn .icon{width:36px;height:32px;background:url(../image/gnb_icon_08.png)no-repeat center center;position:absolute;right:30px;top:50%;margin-top:-15px;background-size:auto 32px;}
nav .d1-wrap .d1-item05 .d1-btn .icon{width:26px;height:25px;background:url(../image/gnb_icon_10.png)no-repeat center center;position:absolute;right:35px;top:50%;margin-top:-13px;background-size:100%;}
nav .d1-wrap .d1-item06 .d1-btn .icon{width:27px;height:27px;background:url(../image/gnb_icon_12.png)no-repeat center center;position:absolute;right:36px;top:50%;margin-top:-13px;background-size:100%;}
nav .d1-wrap .d1-item07 .d1-btn .icon{width:26px;height:25px;background:url(../image/gnb_icon_04.png)no-repeat center center;position:absolute;right:35px;top:50%;margin-top:-13px;background-size:100%;}
nav .d1-wrap .d1-item08 .d1-btn .icon{width:25px;height:24px;background:url(../image/gnb_icon_09.png)no-repeat center center;position:absolute;right:35px;top:50%;margin-top:-13px;background-size:auto 100%;}
nav .d1-wrap .d1-item09 .d1-btn .icon{width:36px;height:29px;background:url(../image/gnb_icon_05.png)no-repeat center center;position:absolute;right:30px;top:50%;margin-top:-13px;background-size:auto 100%}
nav .d1-wrap .d1-item010 .d1-btn .icon{width:30px;height:30px;background:url(../image/gnb_icon_11.png)no-repeat center center;position:absolute;right:33px;top:50%;margin-top:-13px;background-size:100%;}
nav .d1-wrap .d1-item011 .d1-btn .icon{width:27px;height:27px;background:url(../image/gnb_icon_06.png)no-repeat center center;position:absolute;right:36px;top:50%;margin-top:-13px;background-size:auto 100%;}
nav .d2-wrap{background:#fff;}
nav .d2-wrap [class*="d2-item"]{position:relative;}
nav .d2-wrap [class*="d2-item"] .d2-btn{padding:0 10px 0 30px;position:relative;font-size:18px;color:#000000;width:100%;text-align:left;line-height:50px;}
nav .d2-wrap [class*="d2-item"].accordionsecond-wrap .d2-btn:after{content:"";position:absolute;right:45px;top:20px;width:9px;height:9px;background:url(../image/bul_plus_b.png)no-repeat center center;}
nav .d2-wrap [class*="d2-item"].accordionsecond-wrap .d2-btn.on:after{content:"";position:absolute;right:45px;top:20px;width:9px;height:9px;background:url(../image/bul_b_b.png)no-repeat center center;}
nav .d2-wrap [class*="d2-item"] .d2-btn span{position:relative;z-index:1;display:inline-block;line-height:24px;padding:0 10px;}
nav .d2-wrap [class*="d2-item"]:hover .d2-btn{font-weight:700;}
nav .d2-wrap [class*="d2-item"]:hover .d2-btn span{background:url(../image/text-bg.png);}
nav .d2-wrap [class*="d2-item"] .d2-btn:hover
	,nav .d2-wrap [class*="d2-item"] .d2-btn:focus
	,nav .d2-wrap [class*="d2-item"] .d2-btn.on
	,nav .d2-wrap [class*="d2-item"] .d2-btn.on:hover
	,nav .d2-wrap [class*="d2-item"] .d2-btn.on:focus:hover{font-weight:700;}
nav .d2-wrap [class*="d2-item"] .d2-btn:hover span
	,nav .d2-wrap [class*="d2-item"] .d2-btn:focus span
	,nav .d2-wrap [class*="d2-item"] .d2-btn.on span
	,nav .d2-wrap [class*="d2-item"] .d2-btn.on:hover span
	,nav .d2-wrap [class*="d2-item"] .d2-btn.on:focus:hover span{background:url(../image/text-bg.png);}
	
nav .d3-wrap{background:#e0e6ef;padding:12px 40px 12px 45px;}
nav .d3-wrap [class*="d3-item"] .d3-btn{padding:7px 0;position:relative;font-size:16px;}
nav .d3-wrap [class*="d3-item"] .d3-btn:hover
	, nav .d3-wrap [class*="d3-item"] .d3-btn:focus
	, nav .d3-wrap [class*="d3-item"] .d3-btn.on
	, nav .d3-wrap [class*="d3-item"] .d3-btn.on:hover
	, nav .d3-wrap [class*="d3-item"] .d3-btn.on:focus {text-decoration:underline;}
nav .d3-wrap [class*="d3-item"] .d3-btn:hover:after
	, nav .d3-wrap [class*="d3-item"] .d3-btn:focus:after
	, nav .d3-wrap [class*="d3-item"] .d3-btn.on:after
	, nav .d3-wrap [class*="d3-item"] .d3-btn.on:hover:after
	, nav .d3-wrap [class*="d3-item"] .d3-btn.on:focus:after {content:"";position:absolute;right:-10px;top:0;width:10px;height:10px;border-radius:100%;background:#0076f7;}

header .left-menu.wplus nav .d1-wrap [class*="d1-item"] .d1-btn { border-color: #516fdd;}
header .left-menu.wplus nav .d1-wrap [class*="d1-item"] .d1-btn:hover { border-color: #fff;}
header .left-menu.wplus nav .d1-wrap .d1-item01 .d1-btn .icon {width: 40px;height: 30px; right:30px; background:url(../image/gnb_left_icon_01.png)no-repeat right 0px top -6px; background-size: 34px auto;}
header .left-menu.wplus nav .d1-wrap .d1-item02 .d1-btn .icon {width: 40px;height: 30px; right:30px; background:url(../image/gnb_left_icon_02.png)no-repeat right 0px top -6px; background-size: 33px auto;}
header .left-menu.wplus nav .d1-wrap .d1-item03 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -16px; background:url(../image/gnb_left_icon_03.png)no-repeat right 0px top 0px; background-size: 33px auto;}
header .left-menu.wplus nav .d1-wrap .d1-item04 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -17px; background:url(../image/gnb_left_icon_04.png)no-repeat right 0px top -2px; background-size: 33px auto;}
header .left-menu.wplus nav .d1-wrap .d1-item05 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -17px; background:url(../image/gnb_left_icon_05.png)no-repeat right 0px top 0px; background-size: 33px auto;}
header .left-menu.wplus nav .d1-wrap .d1-item06 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -17px; background:url(../image/gnb_left_icon_06.png)no-repeat right 0px top 0px; background-size: 33px auto;}
header .left-menu.wplus nav .d1-wrap .d1-item07 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -17px; background:url(../image/gnb_left_icon_07.png)no-repeat right 0px top 0px; background-size: 33px auto;}
header .left-menu.wplus nav .d1-wrap .d1-item08 .d1-btn .icon {width: 40px;height: 30px; right:30px; margin-top: -17px; background:url(../image/gnb_left_icon_08.png)no-repeat right 0px top 0px; background-size: 33px auto;}
/* 즐겨찾는 메뉴 */
.weblog-top10 { position:relative; padding:25px 25px 25px 25px;}
.weblog-top10:before { content:''; position:absolute; top:15px; left:25px; right:25px; height:1px; background-color:#fff; }
.weblog-top10:after { content:''; position:absolute; bottom:15px; left:25px; right:25px; height:1px; background-color:#fff; }
.weblog-top10 h3 { font-weight: 700; font-size: 22px; color: #fff; background:url(../image/favorite_menu_icon.png) no-repeat right 12px center; background-size:25px auto; }
.weblog-top10 ul { padding:10px 0 0 5px; }
.weblog-top10 ul li { font-size: 16px; color:#fff; line-height:1.5; }
.weblog-top10 ul li:before { content:'·'; padding-right:4px;}
/* 새창은 아이콘 표시 */
nav .d2-wrap [class*="d2-item"] .d2-btn[target="_blank"] > span, nav .d2-wrap [class*="d2-item"] .d2-btn.win-open > span { padding-right:21px; background:url(../image/renew/ic_sym_21.png) no-repeat right 4px; background-size:15px; }
nav .d3-wrap [class*="d3-item"] .d3-btn[target="_blank"] , nav .d3-wrap [class*="d3-item"] .d3-btn.win-open { padding-right:18px; background:url(../image/renew/ic_sym_21.png) no-repeat right center; background-size:15px; }

/* 배너 */
.bottom-list-mobile { display:none;}
/* 부속사이트 */
.bottom-list{margin-top:61px;padding:0 30px;}
.f-site-item{border-bottom:1px solid rgba(255,255,255,0.5);}
.f-site-item a.link{padding:14px 0;display:block;position:relative;color:#fff;font-size:18px;}
.f-site-item a.link .icon{position:absolute;right:0;top:50%;width:8px;height:11px;margin-top:-6px;background:url(../image/arrow_side.png)no-repeat center center;}
.f-site-item{position:relative;}
.f-site-item button:focus { outline:2px dashed #fff; }
.f-site-btn{padding:15px 0;color:#fff;font-size:18px;background:none;border:0;width:100%;text-align:left;}
.f-site-con{position:absolute;bottom:51px;background:#ffffff;max-height:300px;width:100%;overflow:hidden;}
.rolling-js2, .rolling-js{max-height:300px;}
.f-site-con a{line-height:30px;font-size:14px;display:block;padding-left:10px;color:#595959;margin:1px 12px 1px 2px;}
.f-site-con a:first-child { margin-top: 2px;}
.f-site-con a:last-child { margin-bottom: 2px;}
.f-site-con p{border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;padding:10px 0 10px 20px;font-size:15px;font-weight:700;}
.f-site-con a:hover{background:#dfe6f0;color:#000}

.select-wrap .custom-selsct option{color:#000000;font-size:14px;background:#fff;}
.f-site-btn:after{content:"";position:absolute;right:0;top:50%;width:11px;height:9px;margin-top:-6px;background:url(../image/arrow_down.png)no-repeat center center;background-size:100%;}
.langs{ text-align:center; font-size: 17px; color:#fff; padding:20px 0; line-height:20px;}
.langs a{font-weight: 600; font-size: 19px; line-height:20px;}
.langs span{padding-left:10px; padding-right:10px;}
.modal-pop.menu-wrap .langs { position: absolute; top: 110px; left: 50%; margin-left: 425px; color: #006fe8;}
.modal-pop.menu-wrap .langs a { color: #006fe8;}
/* centent */
.mainp .page-wrap{padding-left:290px;position:relative;min-height:calc(100% - 150px);}
.right-content{min-height:1000px;max-width:1300px;width:100%;margin:0 auto;padding:0 50px 50px;}

.cont-head .site-tit-wrap{display:none;}
.cont-head{overflow:hidden;padding-top:20px; }
.cont-head .util{ padding:8px 12px; position:absolute; top:10px; right:30px; z-index:101; }
.cont-head .util [class*="util-item"]{width:44px;height:44px;margin-left:2px; border-radius:4px;z-index:101;}
.cont-head .util .util-item1{background:url(../image/renew/ic_sym_97.png)no-repeat center center;background-size:25px 25px;}
.cont-head .util .util-item2{background:url(../image/renew/ic_sym_08.png)no-repeat center center;background-size:27px 27px;}
.cont-head .util .util-item3{background:url(../image/renew/ic_sym_09.png)no-repeat center center;background-size:25px 25px;}
.cont-head .util .util-item3.mobile-menu{display:none;}
.cont-head .util .util-item3.pop-open{display:inline-block;}

.cont-wrap{position:relative;overflow:hidden;}
.mainp .tab-area:after{content:"";clear:both;display:block;}
.mainp .maintab{float:right;overflow:hidden;margin-top:19px;padding: 3px;}
.mainp .maintab [class*="tab-btn"]{float:left;margin-left:10px;}

.mainp .maintab [class*="tab-btn"] button{width:auto;height:47px;border-radius:47px;background-color:#fff;text-indent:0;font-size:18px;font-weight:700;color:#666;}
.mainp .maintab [class*="tab-btn"] button.on{width:auto;background-color:#009ae1;text-indent:0;font-size:18px;font-weight:700;color:#fff;}

.mainp .maintab .tab-btn01 button{background-image:url(../image/icon_map_off.png);background-size:19px 31px; background-position:18px center; padding:0 18px 0 51px;background-repeat:no-repeat;}
.mainp .maintab .tab-btn02 button{background-image:url(../image/icon_weather_off.png);background-size:32px 21px;background-position:18px center; padding:0 18px 0 60px;background-repeat:no-repeat;}
.mainp .maintab .tab-btn03 button{background-image:url(../image/icon_information_off.png);background-size:23px 21px;background-position:18px center; padding:0 18px 0 56px;background-repeat:no-repeat;}
.mainp .maintab .tab-btn04 button{background-image:url(../image/icon_gnb04_off.png);background-size:21px 22px;background-position:18px center; padding:0 18px 0 51px;background-repeat:no-repeat;}
.mainp .maintab .tab-btn05 button{background-image:url(../image/icon_gnb05_off.png);background-size:21px 23px;background-position:18px center; padding:0 18px 0 56px;background-repeat:no-repeat;}
.mainp .maintab .tab-btn06 button{background-image:url(../image/icon_gnb06_off.png);background-size:26px 20px;background-position:18px center; padding:0 18px 0 60px;background-repeat:no-repeat;}
.mainp .maintab .tab-btn07 button{background-image:url(../image/icon_wind_off.png);background-size:25px auto; background-position:18px center; padding:0 18px 0 51px;background-repeat:no-repeat;}
.mainp .maintab .tab-btn08 button{background-image:url(../image/icon_rain_off.png);background-size:25px auto; background-position:18px center; padding:0 18px 0 51px;background-repeat:no-repeat;}
.mainp .maintab .tab-btn09 button{background-image:url(../image/icon_snowrain_off.png);background-size:25px auto; background-position:18px center; padding:0 18px 0 51px;background-repeat:no-repeat;}
.mainp .maintab .tab-btn10 button{background-image:url(../image/icon_freezing_rain_off.png);background-size:35px auto; background-position:11px center; padding:0 18px 0 51px;background-repeat:no-repeat;}
.mainp .maintab .tab-btn11 button{margin-left:20px; background-image:url(../image/icon_forestfire_off.png);background-size:35px auto; background-position:11px center; padding:0 18px 0 51px;background-repeat:no-repeat;}
.mainp .maintab .tab-btn12 button{margin-left:20px; background-image:url(../image/icon_marine_accident_off.png);background-size:32px auto; background-position:11px center; padding:0 18px 0 51px;background-repeat:no-repeat;}
.mainp .maintab .tab-btn13 button{background-image:url(../image/icon_typhoon_off.png);background-size:35px auto; background-position:11px center; padding:0 18px 0 51px;background-repeat:no-repeat;}

.mainp .maintab .tab-btn01 button.on{background-image:url(../image/icon_map_on.png);background-position:18px center; padding:0 18px 0 51px;}
.mainp .maintab .tab-btn02 button.on{background-image:url(../image/icon_weather_on.png);background-position:18px center;padding:0 18px 0 60px;}
.mainp .maintab .tab-btn03 button.on{background-image:url(../image/icon_information_on.png);background-position:18px center;padding:0 18px 0 56px;}
.mainp .maintab .tab-btn04 button.on{background-image:url(../image/icon_gnb04_on.png);background-position:18px center; padding:0 18px 0 51px;}
.mainp .maintab .tab-btn05 button.on{background-image:url(../image/icon_gnb05_on.png);background-position:18px center;padding:0 18px 0 56px;}
.mainp .maintab .tab-btn06 button.on{background-image:url(../image/icon_gnb06_on.png);background-position:18px center;padding:0 18px 0 60px;}
.mainp .maintab .tab-btn07 button.on{background-image:url(../image/icon_wind_on.png);background-position:18px center; padding:0 18px 0 51px;}
.mainp .maintab .tab-btn08 button.on{background-image:url(../image/icon_rain_on.png);background-position:18px center; padding:0 18px 0 51px;}
.mainp .maintab .tab-btn09 button.on{background-image:url(../image/icon_snowrain_on.png);background-position:18px center; padding:0 18px 0 51px;}
.mainp .maintab .tab-btn10 button.on{background-image:url(../image/icon_freezing_rain_on.png);background-position:11px center; padding:0 18px 0 51px;}
.mainp .maintab .tab-btn11 button.on{margin-left:20px; background-image:url(../image/icon_forestfire_on.png);background-position:11px center; padding:0 18px 0 51px;}
.mainp .maintab .tab-btn12 button.on{margin-left:20px; background-image:url(../image/icon_marine_accident_on.png);background-position:11px center; padding:0 18px 0 51px;}
.mainp .maintab .tab-btn13 button.on{background-image:url(../image/icon_typhoon_on.png);background-position:11px center; padding:0 18px 0 51px;}

[class*="tab-cont-wrap"] [class*="tab-cont0"]{display:none;}
[class*="tab-cont-wrap"] [class*="tab-cont0"].on{display:block;}
[class*="maintab-wrap"] [class*="tab-cont0"]{display:none;}
[class*="maintab-wrap"] [class*="tab-cont0"].on{display:block;}

.mainp .rain-content { color: #fff; font-size: 18px; padding: 0px 8px 8px 8px; display:none;}
/*.rain-attached .serch-wrap { margin-bottom: 10px;}*/
/* 공통 */
.tooltip{display:none;color:#000000;background:#efefef;font-size:14px;padding:3px 10px;position:absolute;left:0;top:40px;;line-height:140%;text-align:left;font-weight:500;z-index:110;}
.tooltip-btn{width:21px;height:21px;background:url('../image/icon_help_2.png');display:inline-block;vertical-align:middle;margin-left:5px;background-size:100%;}
.tooltip-btn:hover, .tooltip-btn:focus{background:url('../image/icon_help_on.png');background-size:100%;}
.tooltip-btn:hover, .tooltip-btn:focus{background:url('../image/icon_help_on.png') !important;background-size:100% !important;}
.tooltip-btn:hover .tooltip, .tooltip-btn:focus .tooltip{display:block;} 

.blue-btn{color:#fff;background:#006fe8;border-radius:4px;height:40px;line-height:40px;font-size:18px;padding:0 55px 0 20px;position:relative;}
.blue-btn:after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);background:url(../image/arrow_side.png);width:8px;height:12px;}

.orange-btn{color:#fff;background:#fc8c00;border-radius:3px;height:30px;line-height:30px;font-size:15px;padding:0 16px 0 16px;position:relative;}
.orange-btn.eqk-warn { position:absolute; right: 15px; top: 23px;}
.lightblue-btn{color:#fff;background:#4d80e4;border-radius:4px;height:40px;line-height:40px;font-size:18px;padding:0 22px 0 22px;position:relative;}
.coldwave-btn-wrap { position: absolute; right: 205px; top: 4px;}
.map-cont-wrap { margin-top: 10px;}
.weather-cont-wrap { position: relative; }
.tab-cont01 > .weather-cont-wrap.closed { display :none;}
.vmap-forecast { position: relative; margin-bottom:20px; text-align:center;}
.vmap-forecast .iframe-close{width:30px;height:30px;background:#222;background-image:url(../image/banner_close.png);background-size:20px 20px; background-repeat:no-repeat;background-position:center;position:absolute;right:2px;top:2px;}
.map-cont-wrap .text-right { text-align: right; display: block; min-height:20px;}
.fullscreen-btn{
	color:#fff;
	height:30px;
	line-height:30px;
	font-size:15px;
	padding:0 42px 0 12px;
	background-color:rgba(0,0,0,0);
	background-image: url(../image/icon-fullscreen.png);
	background-repeat:no-repeat;
	background-size: 24px 24px;
	background-position: right 10px top 3px;
}
.fullscreen-btn:hover {
	background-color:rgba(0,0,0,0.1);
}
.open-btn {
	color:#000;
	height:40px;
	width: 320px;
	float:left;
	border-radius:3px;
	background-color: #fff;
	background-image: url(../image/airkorea_banner.png);
	background-repeat:no-repeat;
	background-size:auto 38px;
	background-position: center center;
	text-indent: -999px;
	font-size:0;
	margin-top: 9px;
}

/* common */
.common-guide-box {margin: 10px; border-radius: 8px; line-height: 180%; background-color: #fff; padding: 10px 14px; font-size: 16px;}
/* 지진, 속보, 특보 */
.point-info-wrap > .tit{font-size:30px;color:#000;font-weight:700;line-height:60px;position:relative;padding-top:4px;}
.point-info-wrap >.tit .tooltip{top:50px;}

.point-info-wrap .tab-wrap01{position:relative;padding-bottom:15px;margin-top:4px;}
.point-info-wrap .tab-wrap01 .tooltip{top:50px}
.point-info-wrap [class*="tab-btn"]{display:inline-block;}
.point-info-wrap [class*="tab-btn"] button{font-size:30px;padding:0 18px 10px; border-bottom:5px solid rgba(0,0,0,0);line-height:1;font-weight:300;color:#fff;}
.point-info-wrap [class*="tab-btn"] button.on{font-weight:700;color:#fff;border-bottom:5px solid #fff}
.point-info-wrap [class*="tab-btn"] button .icon{display:inline-block;background:url('../image/sub-tab-icon-off_2.png');vertical-align:middle;margin-left:7px;margin-top:-3px;}
.point-info-wrap [class*="tab-btn"] button.on .icon{background:url('../image/sub-tab-icon-on_2.png');}
.point-info-wrap .tab-fild{overflow:hidden;padding:30px;background:#eef2f7;margin-bottom:30px;border-top:5px solid #bb0000;}
.point-info-wrap .left-flid{width:640px;float:left;}
.point-info-wrap .right-flid{float:left;width:calc(100% - 640px);padding-left:30px;}
/* .point-info-wrap .right-flid > .tit:first-of-type{margin-top:0;} */
#index-eqk-warning .point-info-wrap > .tit:nth-child(n+2){ display: none;}

.point-info-wrap .right-flid > .tit, .point-info-wrap .left-flid > .tit{padding-left:15px;position:relative;font-size:22px;font-weight:700;line-height:1;padding-bottom:10px;border-bottom:3px solid #000;margin-top:45px;margin-bottom:10px;}
.point-info-wrap .right-flid > .tit.non-line, .point-info-wrap .left-flid > .tit.non-line{border-bottom:0;padding-bottom:0;}
.point-info-wrap .right-flid > .tit:after, .point-info-wrap .left-flid > .tit:after{width:7px;height:7px;content:"";position:absolute; left:0;top:6px;background:#000;}
.point-info-wrap .right-flid > .txt{font-size:18px;;margin-bottom:9px;}
.point-info-wrap .right-flid > .txt strong{font-weight:700;display:inline-block;vertical-align:top;}
.point-info-wrap .right-flid > .txt span{display:inline-block;max-width:calc(100% - 70px);text-indent:-9px;padding-left:15px;}
.point-info-wrap .right-flid > .txt span em{display:block;text-indent:-9px;padding-left:9px;}
.point-info-wrap .right-flid > .txt span:before{content:"";margin:0 20px;width:1px;height:16px;display:inline-block;background:#000000;vertical-align:middle;}
.point-info-wrap .right-flid > .txt span:first-of-type::before{display:none;}
.point-info-wrap .right-flid .text-area{height:160px;background:#fff;overflow:hidden;position:relative;font-size:17px;padding:30px;line-height:160%;line-height:150%;}
.point-info-wrap .right-flid .text-area.swiper-container{height:415px;}
.point-info-wrap .right-flid .text-area.swiper-container .swiper-slide{padding-bottom:100px;}
.point-info-wrap .full-width { width: calc(100% - 30px); }

/* 속보, 특보 */
.tab-cont06 .point-info-wrap .right-flid > .tit, .tab-cont05 .point-info-wrap .right-flid > .tit{margin-top:102px;}
/* .tab-cont06 .point-info-wrap .right-flid > .tit:first-of-type, .tab-cont05 .point-info-wrap .right-flid > .tit:first-of-type{margin-top:10px;} */

/* 태풍 */
.main-typhoon.point-info-wrap { width: 1200px;}
.main-typhoon.point-info-wrap .left-flid{width:560px;float:left;}
.main-typhoon.point-info-wrap .right-flid{float:left;width:calc(100% - 560px);padding-left:20px;}
.main-typhoon.point-info-wrap .right-flid > .tit{ margin-top: 40px; }

.main-typhoon .move-wrap {padding:0;}
.main-typhoon .move-wrap .movi-wrap{margin:0 auto;transition:none; max-width:600px;max-height:none;padding:0;}
.main-typhoon .move-wrap .movi-img{width:100%; background:#fff;padding:0;}
.main-typhoon .move-wrap .move-control-area{float:none;width:100%;padding:0;overflow:hidden;}
.main-typhoon .move-wrap .movi-img-area{float:none;padding-bottom:10px;margin-top:8px;background:#eef2f7;width:100%;}
.main-typhoon .dfs-data-title {overflow:hidden;}
.main-typhoon .dfs-data-title h4 a { min-width: 100px; text-align:center; float: left; margin-left: 2px; margin-bottom: 2px; padding: 5px 10px; font-size: 16px; color: #006fe8; background: #fff; border: 1px solid #006fe8; border-radius: 5px;}
.main-typhoon .dfs-data-title h4 a.on { color: #fff; background: #006fe8;}
.main-typhoon .movi-set-wrap .movi-set-item input[type="text"] {background:#fff;height:40px;line-height:40px;border-radius:5px;margin-left:10px;padding-left:15px;}
.main-typhoon .image-player-slide { background-color: #fff;}
.main-typhoon .image-player-slide img {cursor: default !important;}
.main-typhoon .point-address { font-size: 20px; padding: 8px;}
#dfs-image-player {position: relative;}
#dfs-image-player .point-address { font-size:18px; position: absolute; right: 0; top: 0px; width: 50%; text-align:right; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.typ-weather-warnings .warnings-frame { padding: 10px 0 10px 0; }
.typ-weather-warnings .warnings-frame .table-col th { font-size: 14px; padding: 8px 8px;}
.typ-weather-warnings .warnings-frame .table-col td { font-size: 12px; padding: 4px 4px;}

.typ-weather-warnings .lev1{display:inline-block;background:#fbeee5;color:#a64200;width:auto;height:24px;line-height:22px;border-radius:3px;font-weight:700; padding: 2px 4px;}
.typ-weather-warnings .lev2{display:inline-block;background:#f8e5e5;color:#bb0000;width:auto;height:24px;line-height:22px;border-radius:3px;font-weight:700; padding: 2px 4px;}

.typ-ytb-frame { padding: 10px; height: 340px;}
.main-typhoon .cont-box03 {position: relative; }
.main-typhoon .cont-box03 .update-wrap { position: relative;  margin:8px; top: 0; right: 0; text-align: right;}
.main-typhoon .weather-cont02 { margin-top: 0; background:#fff; margin-top: 8px; border-top: 1px solid #e0e6ef; border-right: 1px solid #e0e6ef; border-bottom: 1px solid #e0e6ef;}
.main-typhoon .cont-box03 .weather-list { background: #fff; padding-top:0;}
.main-typhoon .weather-info-list {height: 474px;}

.safekorea { display:block;}
.safekorea_mob { display:none;}
.typhoon-report { position: relative;}
.typhoon-report .typhoon-title {overflow:hidden;}
.typhoon-report .typhoon-title h4 a { float: left; margin-left: 2px; margin-bottom: 2px; padding: 5px 10px; font-size: 16px; color: #006fe8; background: #fff; border: 1px solid #006fe8; border-radius: 5px;}
.typhoon-report .typhoon-title h4 a.on { color: #fff; background: #006fe8;}

.typhoon-item .typhoon-cont { width: 100%; display:none;}
.typhoon-item.on .typhoon-cont { display:block;}
.typhoon-item .typhoon-cont .table-col { margin-top: 10px;}
.typhoon-item .typhoon-cont .table-col th { font-size: 16px; padding: 4px 4px;}
.typhoon-item .typhoon-cont .table-col td { font-size: 16px; padding: 4px 4px;} 
.typhoon-item .typhoon-cont div.title { line-height: 30px; font-size: 16px; padding-left:4px; margin-top:20px; }

.new-main .typhoon-item .typhoon-cont .table-col { margin-top: 10px;}
.new-main .typhoon-item .typhoon-cont .table-col th { font-size: 12px; padding: 4px 4px;}
.new-main .typhoon-item .typhoon-cont .table-col td { font-size: 12px; padding: 4px 4px;}
.new-main .typhoon-item .typhoon-cont div.title { line-height: 30px; font-size: 14px; padding-left:4px;}

/* .subp .typhoon-item .typhoon-cont .table-col { margin-top:0;}
.subp .typhoon-item .typhoon-cont div.title { font-size: 19px; margin: 20px 0;}
.subp .typhoon-item .typhoon-cont .table-col th { font-size: 17px; padding: 6px 2px;}
.subp .typhoon-item .typhoon-cont .table-col td { font-size: 15px; padding: 6px 2px;} */
 
/* 지도 */
.checkbox-wrap{display:inline-block;overflow:hidden;}
.checkbox-wrap .chk-title{color:#fff;font-size:18px;float:left;height:60px;line-height:60px;}
.checkbox-wrap label{display:block;float:left;width:60px;height:30px;background:#fff;position:relative;border-radius:30px;margin-top:15px;margin-left:5px;}
.checkbox-wrap .chk-toggle + label:after{content:"ON";position:absolute;left:2px;top:1px;width:28px;height:28px;background:#ffc600;border-radius:28px;text-align:center;line-height:28px;transition: all 0.2s;font-weight:700;}
.checkbox-wrap .chk-toggle:checked + label:after{content:"OFF";position:absolute;left:30px;top:1px;width:28px;height:28px;background:#000;color:#fff;}
.checkbox-wrap .chk-toggle:focus + label {outline:none;box-shadow:0 0 3px 2px #006fe8;}
.checkbox-wrap-light .chk-title{color:#000;}
.checkbox-wrap-light label {background-color:#ddd; cursor:pointer;}

.map-cont{overflow:hidden;width:100%;height:730px;}
.map-cont img{width:calc(100% - 2px);margin-left:1px;}
.map-cont-left{width:calc(50% - 30px);height:100%;float:left;}
.map-cont-left .map-cont-area01{width:100%;border:1px solid #fff;height:100%;}
.map-cont-left .map-cont-area01 .pagenum-wrap{position:absolute;color:#fff;bottom:0;right:10px;line-height:50px;font-size:15px;}
.map-cont-left .map-cont-area01 .map-cont-item{max-height:100%;overflow:hidden;}
.map-cont-left .map-cont-area01 .slick-arrow{position:absolute;width:34px;font-size:xx-small;overflow:hidden;color:transparent;text-indent:-999px;z-index:1000;}
.map-cont-left .map-cont-area01 .slick-arrow.slick-prev{height:54px;left:0;top:50%;margin-top:-52px;background:url('../image/info-prev.png')no-repeat 0 center; background-size:34px 54px}
.map-cont-left .map-cont-area01 .slick-arrow.slick-next{height:54px;right:0;top:50%;margin-top:-52px;background:url('../image/info-next.png')no-repeat 0 center;background-size:34px 54px}


.map-cont-right{width:calc(50% + 10px);float:left;margin-left:20px;overflow:hidden;display:table;}
.map-cont-right [class*="map-cont-area"]{border:1px solid #fff; width:calc(50% - 10px);margin-left:20px;height:50%;float:left;display:table-cell;}
.map-cont-right [class*="map-cont-area"]:nth-of-type(2n + 1){margin-left:0;}
.map-cont-right [class*="map-cont-right-"]{overflow:hidden;}
.map-cont-right .map-cont-right-bottom{margin-top:20px;}
.map-cont-right [class*="map-cont-area"] .map-cont-item {height: 353px; overflow:hidden;background:#fff}
.map-cont [class*="map-cont-area"]{position:relative;}
.map-cont [class*="map-cont-area"] p{background:rgba(0,0,0,0.7);color:#fff;font-size:20px;position:absolute;bottom:0;width:100%;height:50px;text-align:center;line-height:50px;display:block;}
.map-cont-wrap.on .map-cont [class*="map-cont-area"] p{display:none;;}

/* Air korea */
.airkorea { display:block;overflow:hidden;position: relative;}
.airkorea .air-station { font-size:22px; line-height: 22px; color: #fff; padding:0px 8px 0px 8px; text-align:left;}
.airkorea .air-station .air-station-name { line-height: 22px; font-size: 0.9em; }
.airkorea .air-station .air-station-info { line-height: 22px; font-size: 0.8em; float: right;}
.airkorea .air-values { margin: 10px 0; width: calc(100% - 305px); overflow:auto;}
.airkorea .air-values .air-item { width: calc((100% - 1px) / 3); float:left; font-size: 20px; padding:5px;}
.airkorea .air-values .air-item ul { border-radius: 5px; color: #000; background-color: #fff; display:block; padding: 10px 1px;}
.airkorea .air-values .air-item ul li { text-align:center; line-height: 130%;}
.airkorea .air-values .air-item ul li small { font-size: 0.6em;}
.airkorea .air-values .air-item ul li strong {font-weight: 500;}

.airkorea .air-values .air-item ul li:nth-child(1) strong:last-child { font-size: 15px;}
.airkorea .air-values .air-item ul li:nth-child(2) {font-size: 18px; }
.airkorea .air-info { position: absolute; width: 330px; top:16px; right:0; text-align:right;}
.airkorea .air-info strong { font-size: 15px; line-height: 20px; color: #fff; font-weight: 500;}
.airkorea .air-info .open-btn { float:none; margin-top:5px; width:300px;}
.airkorea .air-info-mobile { display:none;}

*{box-sizing: border-box;}

/* 날씨 */
.serch-wrap{margin-top:8px; padding-left:3px;}
.serch-wrap:after{content:"";clear:both;display:block;}
.serch-wrap .serch-area{float:left;height:40px;width:500px;border-bottom:1px solid #fff;position:relative;z-index:1;}
.serch-area .serch-area-btn{color:#fff;height:39px;line-height:39px;width:450px;font-size:22px;padding-right:40px;text-align:left;padding-left:0;vertical-align:top;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.serch-area .serch-area-btn:after{content:"";background:url(../image/arrow_down.png);background-size:11px 7px;width:11px;height:7px;position:absolute;right:20px;top:50%;margin-top:-4px;}
.serch-wrap .serch-util{float:left;/* overflow:hidden; */}
.serch-wrap [class*="serch-util-btn"]{width:40px;height:40px;margin-left:5px;}
.serch-wrap .serch-util .serch-util-btn01{background:url(../image/btn_bookmark.png);background-size:100%;}
.serch-wrap .serch-util-btn02{background:url(../image/btn_map.png);margin-left:0; background-size:100%;}
.serch-wrap .serch-util .serch-util-btn03{background:url(../image/btn_search.png);background-size:100%;}

.serch-con{position:absolute;top:40px;left:0;background:#ffffff;max-height:1250px;width:100%;overflow:auto; }
.serch-con .rolling-js3{max-height:100%;}
.serch-con button{line-height:50px;font-size:16px;display:block;padding-left:10px;text-align:left;width:100%;color:#595959;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;padding-right:20px;}
.serch-con button:hover{background:#dfe6f0;color:#000}
.serch-con-item { padding:2px;}
.weather-cont01{position:relative;width:100%;}
.update-wrap{position:absolute;right:0;top:-15px;}
#index-vshort .update-wrap{position:absolute;right:0;bottom: -25px;top:auto;}
#map-index-vshort .update-wrap{position:absolute;right:0;bottom: -25px;top:auto;}
.update-btn{background:url(../image/icon_refresh.png)no-repeat;background-position:0 0;background-size:16px 13px;padding-left:24px;padding-right:10px;color:#fff;font-size:14px;font-weight:700;}
.update-info{font-size:14px;font-weight:300;color:#fff;}
.weather-list{overflow:hidden;margin-top:8px; }
.weather-list .weather-item{position:relative; border:1px solid rgba(0,0,0,0);border-bottom:1px solid #96adc5;float:left;color:#fff;text-align:center;padding:20px 0;}
.weather-list .weather-item.now{border:1px solid #96adc5;background:#2c528b;}
.weather-list .weather-item.time{color:#fff;font-size:15px;font-weight:300;}
.weather-list .weather-item.now .time{font-weight:700;}
.weather-list .weather-item .temp{color:#fff;font-size:30px;font-weight:700;margin-top:12px;margin-bottom:6px;line-height:43px;}
.weather-list .weather-item .temp small{ display: block;font-size: 13px; height: 24px; line-height: 24px;}
.weather-list .weather-item .temp img{width:43px;}
.weather-list .weather-item .temp span{font-weight:300;vertical-align:top;font-size:20px;margin-left:2px;}
.weather-list .weather-item .temp .weat01{width:55px;height:32px;background:url(../image/icon_sun_cloud.png)no-repeat center center;display:inline-block}
.weather-list .weather-item .temp .weat02{width:55px;height:32px;background:url(../image/icon_sun.png)no-repeat center center;display:inline-block}
.weather-list .weather-item .temp .weat03{width:55px;height:32px;background:url(../image/icon_cloud_rain.png)no-repeat center center;display:inline-block}
.weather-list .weather-item table{ height:63px;}
.weather-list .weather-item table th{color:#fff;text-align:right;width:32%;}
.weather-list .weather-item table th i{display:inline-block;vertical-align: top;}
.weather-list .weather-item table th .icon01{width:13px;height:18px;background:url(../image/icon_humidity.png)no-repeat;display:inline-block;margin-right:4px;background-size:13px 17px;}
.weather-list .weather-item table th .icon02{width:20px;height:16px;background:url(../image/icon_direction.png)no-repeat;display:inline-block;background-size:20px 15px;}
.weather-list .weather-item table th .icon03{width:18px;height:17px;background:url(../image/icon_rainfall.png)no-repeat;display:inline-block;background-size:17px 17px;}
.weather-list .weather-item table td.ele-lbl{color:#fff;text-align:right;width:32%;}
.weather-list .weather-item table td.ele-lbl i{display:inline-block;vertical-align: top;}
.weather-list .weather-item table td.ele-lbl .icon01{width:13px;height:18px;background:url(../image/icon_humidity.png)no-repeat;display:inline-block;margin-right:4px;background-size:13px 17px;}
.weather-list .weather-item table td.ele-lbl .icon02{width:20px;height:16px;background:url(../image/icon_direction.png)no-repeat;display:inline-block;background-size:20px 15px;}
.weather-list .weather-item table td.ele-lbl .icon03{width:18px;height:17px;background:url(../image/icon_rainfall.png)no-repeat;display:inline-block;background-size:17px 17px;}
.weather-list .weather-item table td.ele-lbl small{padding-bottom:4px;}
.weather-list .weather-item table td{color:#fff;text-align:left;padding-left:5px;}
.weather-list .weather-item table td:first-of-type{color:#fff;text-align:right;width:35%;}
.weather-list .weather-item table td:first-of-type i{display:inline-block;vertical-align: top;}
.weather-list .weather-item table td:first-of-type .icon01{width:13px;height:18px;background:url(../image/icon_humidity.png)no-repeat;display:inline-block;margin-right:4px;background-size:13px 17px;}
.weather-list .weather-item table td:first-of-type .icon02{width:20px;height:16px;background:url(../image/icon_direction.png)no-repeat;display:inline-block;background-size:20px 15px;}
.weather-list .weather-item table td:first-of-type .icon03{width:18px;height:17px;background:url(../image/icon_rainfall.png)no-repeat;display:inline-block;background-size:17px 17px;}
.weather-list .weather-item table td:last-of-type{color:#fff;text-align:left;padding-left:5px;}
.weather-list .weather-item table td .ele-txt { padding-left: 20%; display:block;}

.weather-list.col04 .weather-item{width:25%;}
.weather-list.col05 .weather-item{width:20%;}
.weather-list.col06 .weather-item{width:16.333%}
.weather-list.col07 .weather-item{width:14%}
.weather-list .slick-arrow{position:absolute;width:34px;font-size:xx-small;overflow:hidden;color:transparent;text-indent:-999px;z-index:3;}
.weather-list .slick-arrow.slick-prev{height:100%;left:0;top:0;background:url('../image/info-prev.png')no-repeat left center; background-size:auto 42px}
.weather-list .slick-arrow.slick-next{height:100%;right:0;top:0;background:url('../image/info-next.png')no-repeat right center;background-size:auto 42px}
/* .weather-list .slick-arrow{opacity: 0;} */
/* 초단기예보 화면 아이콘 설명 */
.iconinfo-wrap{position:absolute;left:0;bottom: -25px;top:auto; color: #efefef; line-height: 20px;}
.iconinfo-wrap i{display:inline;vertical-align: middle; margin-left: 15px;}
.iconinfo-wrap .icon01{width:13px;height:18px;background:url(../image/icon_humidity.png)no-repeat;display:inline-block;background-size:13px 17px; margin-right:4px;}
.iconinfo-wrap .icon02{width:20px;height:16px;background:url(../image/icon_direction.png)no-repeat;display:inline-block;background-size:20px 15px; margin-right:3px;}
.iconinfo-wrap .icon03{width:18px;height:17px;background:url(../image/icon_rainfall.png)no-repeat;display:inline-block;background-size:17px 17px; margin-right:3px;}
.iconinfo-wrap .iconinfo-rn1 { display:inline-block;}
#today-vshortmid .iconinfo-wrap {position: relative; left:auto; bottom:auto; color:#000; padding: 8px 0 8px;}
#today-vshortmid .iconinfo-wrap .icon01{width:13px;height:18px;background:url(../image/icon_table03.png)no-repeat;display:inline-block;background-size:13px 17px; margin-right:4px;}
#today-vshortmid .iconinfo-wrap .icon02{width:20px;height:16px;background:url(../image/icon_table02.png)no-repeat;display:inline-block;background-size:20px 15px; margin-right:3px;}
#today-vshortmid .iconinfo-wrap .icon03{width:18px;height:17px;background:url(../image/icon_table01.png)no-repeat;display:inline-block;background-size:17px 17px; margin-right:3px;}

.swiper-pagination-bullet{cursor:pointer;}
.weather-cont02 {position:relative;margin-top:23px;}
.weather-cont02:after{clear:both;content:"";display:block;}
.weather-cont02 .update-wrap{position:absolute;right:0;top:45px;line-height:17px;}
.weather-cont02 .update-btn{padding-left:24px;padding-right:10px;color:#fff;font-size:14px;font-weight:700;}
.weather-cont02 .update-info{font-size:14px;font-weight:300;color:#fff;}

.weather-cont02-ut .swiper-pagination{text-align:left;}
.weather-cont02-ut .swiper-pagination .swiper-pagination-bullet{width:110px;height:55px;;background:none;font-size:22px;font-weight:300;display:inline-block;color:#fff;border-radius:0;line-height:52px;opacity:1;text-align:center;}
.weather-cont02-ut .swiper-pagination .swiper-pagination-bullet-active{font-weight:700;border-bottom:3px solid #fff;}

.weather-cont02-ut.swiper-pagination .icon:hover{background:url('../image/icon_help_on.png');background-size:100%;}


.weather-cont02  .weather-container{overflow:hidden;width:100%;}
.weather-info-list .swiper-scrollbar{background:#6797aa}
.weather-info-list .swiper-scrollbar-drag{background:#ffffff;}
.weather-cont02 .weather-container{position:relative;}
.weather-cont02 .title-label{width:65px;height:100%;text-align:center;padding-top:33px;background:linear-gradient(to bottom, #2c5e8b , #2c6f8b); z-index:3;position:absolute;left :0;bottom:0;}
.weather-cont02 .title-label [class*="tit"]{color:#fff;display:table;font-size:15px;font-weight:700;}
.weather-cont02 .title-label [class*="tit"] span{color:#fff;display:table-cell;vertical-align:middle;text-align:center;width:70px;font-size:13px;}
.weather-cont02 .title-label .tit01{height:50px;}
.weather-cont02 .title-label .tit02{height:127px;}
.weather-cont02 .title-label .tit03{height:40px;}
.weather-cont02 .title-label .tit04{height:60px;}
.weather-cont02 .title-label .tit05{height:45px;}
.weather-cont02 .title-label .tit06{height:30px; letter-spacing: -1px;}
.weather-cont02 .title-label .tit07{height:35px; letter-spacing: -1px;}
.weather-cont02 .title-label .tit08{height:40px; letter-spacing: -1px;}
.weather-cont02 .title-label .tit09{height:30px;}

.weather-cont02-ut{position:relative;padding-bottom:15px;padding-left:3px;}
.weather-cont02-ut:after{content:"";display:block;clear:both;}
.weather-cont02-ut .update-wrap{position:absolute;right:0;bottom:0;top:auto;}
.weather-info-list{height:520px;width:100%;background:linear-gradient(to bottom, #2c5e8b , #2c6f8b); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2c5e8b', endColorstr='#2c6f8b'); position:relative;}
.weather-info-list .swiper-wrapper{float:left;overflow:hidden;height:100%;overflow-x:auto;touch-action: pan-y;}
.weather-info-list .swiper-wrapper .swiper-slide{float:left;}
.weather-info-list .swiper-slide{width:auto;position:relative;}
.weather-info-list .swiper-slide:first-of-type{margin-left:70px;}
.weather-info-list .swiper-slide ul{position:relative;z-index:1;}
.weather-info-list .swiper-slide img{width:auto;vertical-align: middle;}
.weather-info-list .swiper-slide .ul-item01{height:50px;}
.weather-info-list .swiper-slide .ul-item01 li{line-height:50px;text-align:center;}
.weather-info-list .swiper-slide .ul-item01 li img{height:auto;}
.weather-info-list .swiper-slide .ul-item02{height:127px;}
.weather-info-list .swiper-slide .ul-item03{height:40px;}
.weather-info-list .swiper-slide .ul-item03 li{width:132px;margin-left:2px;}
.weather-info-list .swiper-slide:nth-child(n + 2) .ul-item03 li:first-child{margin-left:2px;}
.weather-info-list .swiper-slide:nth-child(n + 3) .ul-item03 li:first-child{margin-left:2px;}
/* .weather-info-list .swiper-slide:nth-child(n + 3) .ul-item03 li:last-child{width:140px;} */
.weather-info-list .swiper-slide:first-child .ul-item03 li:first-child{margin-left:16px;}
.weather-info-list .swiper-slide .ul-item03 li .item-cont{background:#eef2f7;color:#333;width:100%;height:100%;;line-height:40px;text-align:center;font-size:15px;font-weight:700;}
.weather-info-list .swiper-slide .ul-item04{height:60px;}
.weather-info-list .swiper-slide .ul-item04 li{text-align:center;display:table; width:60px; margin-left: 7px;}
.weather-info-list .swiper-slide .ul-item04 li .them{display:table-cell;vertical-align: middle;}
.weather-info-list .swiper-slide .ul-item04 li .them .txt{color:#fff;font-size:14px;margin-top:3px;display:inline-block;}
.weather-info-list .swiper-slide .ul-item04 li .them .img-icon{display:inline-block;height:22px;line-height:22px;}
.weather-info-list .swiper-slide .ul-item04 li .them .img-icon img { width: 17px; height: auto;}
.weather-info-list .swiper-slide .ul-item05{height:45px; margin-top:33px;}
.weather-info-list .swiper-slide .ul-item05 li{text-align:center;display:table;}
.weather-info-list .swiper-slide .ul-item05 li p{display:table-cell;vertical-align:middle;color:#fff;font-size:14px;text-align:center;}
.weather-info-list .swiper-slide .ul-item06 {height:30px;}
.weather-info-list .swiper-slide .ul-item06 li{text-align:center;display:table; margin-top:0; }
.weather-info-list .swiper-slide .ul-item06 li .them{display:table-cell;vertical-align: middle;}
.weather-info-list .swiper-slide .ul-item06 li .them .txt{color:#fff;font-size:13px;display:inline-block; line-height:30px;}
.weather-info-list .swiper-slide .ul-item07 {height:35px;}
.weather-info-list .swiper-slide .ul-item07 li {width: 67px; margin-left:0px;}
.weather-info-list .swiper-slide:first-child .ul-item07 li:first-child{margin-left:16px;}
.weather-info-list .swiper-slide .ul-item07 li span.txt {color: #fff; font-weight: 500; display:block; font-size: 13px; line-height:20px; text-align:left; padding-left:3px;}
.weather-info-list .swiper-slide .ul-item07 li span.imp_bar {margin-top:5px; display:block; height: 10px; text-indent: -99999px;}
.weather-info-list .swiper-slide .ul-item07 li .red{background-color:#f19898; border-right: 1px solid #f19898;}
.weather-info-list .swiper-slide .ul-item07 li .orange{background-color:#ffc46f; border-right: 1px solid #ffc46f;}
.weather-info-list .swiper-slide .ul-item07 li .yellow{background-color:#f9f57e; border-right: 1px solid #f9f57e;}
.weather-info-list .swiper-slide .ul-item07 li .green{background-color:#7cc299; border-right: 1px solid #7cc299;}
.weather-info-list .swiper-slide .ul-item07 li .white{background-color:#ffffff; border-right: 1px solid #ffffff;}
.weather-info-list .swiper-slide .ul-item07 li .gray{background-color:#f3f3f3; border-right: 1px solid #f3f3f3;}
.weather-info-list .swiper-slide .ul-item07 li .blue{background-color:#99ccdd; border-right: 1px solid #99ccdd;}

.weather-info-list .swiper-slide .ul-item08 {height:40px;}
.weather-info-list .swiper-slide .ul-item08 li{text-align:center;display:table; margin-top:0; }
.weather-info-list .swiper-slide .ul-item08 li .them{display:table-cell;vertical-align: middle;}
.weather-info-list .swiper-slide .ul-item08 li .them .txt{color:#fff;font-size:13px;display:inline-block; line-height:30px;}

.weather-info-list .swiper-slide .ul-item09{height:33px;}
.weather-info-list .swiper-slide .ul-item09 li{text-align:center;display:table;}
.weather-info-list .swiper-slide .ul-item09 li .them{display:table-cell;vertical-align: middle;}
.weather-info-list .swiper-slide .ul-item09 li .them .txt{color:#fff;font-size:15px;margin-top:3px;display:inline-block;}
.weather-info-list .swiper-slide .ul-item09 li .them .img-icon{display:inline-block;height:22px;line-height:22px;}
.weather-info-list .swiper-slide .ul-item09 li .them .img-icon img { width: 17px; height: auto;}

.weather-info-list .swiper-slide li{float:left;width:32px;margin-left:35px;height:100%;}
.weather-info-list .swiper-slide li.feelslike{float:left;width:42px;margin-left:25px;height:100%;}
.weather-info-list .swiper-slide:nth-child(n + 2) li:first-child{margin-left:0;}
.weather-info-list .swiper-slide:nth-child(n + 2) li .txt,
.weather-info-list .swiper-slide:nth-child(n + 2) li img{transform:translateX(-50%);}
.weather-info-list .swiper-slide:nth-child(n + 2) li{text-align:left;}
.weather-info-list .swiper-slide:nth-child(n + 3) li{text-align:left;}
.weather-info-list .swiper-slide:nth-child(n + 3) li:first-child{margin-left:0;} 
.weather-info-list .swiper-slide:nth-child(n + 3) li .txt,
.weather-info-list .swiper-slide:nth-child(n + 3) li img{transform:translateX(-50%);}
.weather-info-list .swiper-slide:nth-child(n + 2) li p{transform:translateX(-50%);}
.weather-info-list .swiper-slide:nth-child(n + 3) li p{transform:translateX(-50%);}
.weather-info-list .swiper-slide:first-child li:first-child{margin-left:0;}
.weather-info-list .swiper-slide .ul-item04 li:first-child{ margin-left:-13px;}  
.weather-info-list .swiper-scrollbar-drag{margin:0}

.tom-mark:after{position:absolute;left:50%;transform:translate(-50% , 100%);bottom:1px;background:url(../image/now-mark-icon.png)no-repeat;content:"";width:13px;height:229px; z-index:0;}
.tom-mark{width:auto;display:inline-block;padding:0 7px;height:25px;position:absolute;left:0;top:23px;background:#ffc500;font-size:14px;font-weight:700;text-align:center;line-height:25px;transform:translateX(-50%); z-index:0;}

.weather-info-list .swiper-slide .chart-area{overflow:hidden;}
.weather-info-list .swiper-slide .chart-area .chart-item{float:left;width:150px;height:147px;margin-left:0;border:1px solid #5683a2;border-left:0;}
.weather-info-list .swiper-slide .chart-area .chart-item.on{border:1px solid #96b2c5;}
.weather-info-list .swiper-slide .chart-area .chart-item .data{font-weight:700;font-size:18px;color:#fff;text-align:center;display:block;;line-height:45px;padding-top:5px;}
.weather-info-list .swiper-slide .chart-area .chart-item .data span{font-weight:300;}
.weather-info-list .swiper-slide .chart-area .chart-item img{transform: translate(0);display:block;margin:0 auto;width:37px;}
.weather-info-list .swiper-slide .chart-area .chart-item .weat-wrap{overflow:hidden;}
.weather-info-list .swiper-slide .chart-area .chart-item .weat-wrap .left-weat,
.weather-info-list .swiper-slide .chart-area .chart-item .weat-wrap .right-weat{float:left;width:50%;text-align:center;}
.weather-info-list .swiper-slide .chart-area .chart-item .weat-wrap span.txt{display:block;transform:translate(0);margin-top:10px;color:#ffffff;line-height:150%;}
.weather-info-list .swiper-slide .chart-area .chart-item .info-txt{display:none;}
.weather-info-list .swiper-slide .midterm-notice { position:relative; color: #fff; font-size: 14px; line-height: 170%; padding: 0px 10px; margin: 40px 30px;}
.weather-info-list .swiper-slide .midterm-notice:after { width:4px;height:4px;content:"";position:absolute; left:0;top:8px;background:#fff}

.weather-info-list .swiper-slide .more-btn{display:none;}
.weather-info-list .iScrollHorizontalScrollbar{background:rgba(255,255,255,0.3);}
.weather-info-list .iScrollVerticalScrollbar{background:rgba(255,255,255,0.3);}
.weather-info-list .iScrollHorizontalScrollbar .iScrollIndicator {background: #fff}
.weather-info-list .iScrollVerticalScrollbar .iScrollIndicator {background: #fff}
.weather-info-list .iScrollHorizontalScrollbar .iScrollIndicator{margin-left:70px;}

/* 정보 */
.info-cont-wrap .title{font-size:30px;font-weight:700;height:60px;line-height:60px;color:#000;position:relative;}
.info-cont-wrap .title a{position:absolute;right:-15px;top:50%;margin-top:-12px;width:45px;height:40px;font-size:xx-small;color:transparent;text-indent:-1px;overflow:hidden;background:url(../image/bul_plus.png)no-repeat center center;}
.info-top-cont:after{clear:both;content:"";display:block;}

.info-top-left{float:left;width:53.1666%;position:relative; overflow: hidden;}
.info-top-left .info-slide{border:1px solid #000;width:100%;height:350px;}
.info-top-left .info-slide [class*="info-slide"]{width:100%;position:relative;}
.info-top-left .info-slide .info-slide1 a:focus { border:1px dashed #000; }
.info-top-left .info-slide .slick-list{width:calc(100% - 2px);margin-left:1px;margin-top:1px;height:100%;}
.info-top-left .info-slide .txt-tabl{position:absolute;left:50%;top:50%;transform:translate(-50% , -50%);width:100%;}
.info-top-left .info-slide img{height:347px;}
.info-top-left .tit{color:#fff;font-size:30px;z-index:1;position:relative;padding:0 28px;}
.info-top-left .tit strong{font-weight:800;}
.info-top-left .tit strong.weatherapp { font-weight:700; color: #FFD700;}
.info-top-left .tit{font-weight:400;}
.info-top-left .txt{font-size:18px;height:105px;line-height:23px;color:#fff;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;z-index:1;padding:0 28px;margin-top:26px;word-wrap:break-word;}
.info-top-left .tit > span { text-align:center; border-radius:5px; padding:5px 10px;background-color:rgba(0,0,0,0.7);}
.info-top-left .txt.weatherapp { padding-right:200px;}
.info-top-left .txt > span { display:inline-block; border-radius:5px; padding:5px 10px;background-color:rgba(0,0,0,0.7);}
.info-top-left .link-btn{background:#006fe8;color:#fff;z-index:1;position:relative;width:136px;height:40px;line-height:40px;text-align:center;border-radius:4px;margin-top:35px;margin-left:28px;font-size:15px;}
.info-top-left .link-btn.android { width: 220px; padding-left: 35px; background-image:url(../image/ic_playstore.png); background-size: 32px auto; background-repeat:no-repeat; background-position:left 10px center;}
.info-top-left .link-btn.ios { width: 193px; margin-top: 10px; padding-left: 35px; background-image:url(../image/ic_ios_appstore.png); background-size: 32px auto; background-repeat:no-repeat; background-position:left 10px center;}
.info-top-left .link-btn:after{content:">";margin-left:20px;}

.slick-dots{overflow:hidden;position:absolute;right:0;top:-31px;}
.slick-dots li{float:left;margin-left:4px;}
.slick-dots li button{color:#fff;font-weight:300;}
.slick-dots li button:before{content:"0"}
.slick-dots li button:after{content:" /"}
.slick-dots li:first-of-type button:before{content:"0"}
.slick-dots li:last-of-type button:after{content:""}
.slick-dots li.slick-active button{font-weight:700;}
.slick-dots li.slick-active button:after{font-weight:400;}
.info-top-right{float:left;width:calc(46.8333% - 40px);margin-left:40px;position:relative;}
.video-area{border:1px solid #000;height:350px;padding-bottom:60px;}
.video-txt-area{position:absolute;bottom:0px;background:#fff;width:calc(100% - 2px);border-left:1px solid #000; border-right:0px solid #000; border-bottom:1px solid #000; height:60px;line-height:60px;padding:0 20px;font-size:18px;color:#000000;overflow:hidden;}
.video-txt-area .swiper-container{height:100%;}
.video-txt-area .swiper-slide{height:auto;}
.info-bottom-cont{width:100%;margin-top:20px;position:relative;}
.mode-map .info-bottom-cont{ margin-top:0; } 
.info-bottom-cont .sns-link-wrap{position:absolute;right:0;top:12px;background-color:#000; border-radius:6px;}
.info-bottom-cont .sns-link-wrap [class*="icon-sns"]{width:45px;height:45px;font-size:xx-small;color:transparent;text-indent:-999px;overflow:hidden;display:block;float:left;}
.info-bottom-cont .sns-link-wrap .icon-sns01{background:url(../image/sns_icon_01.png)no-repeat center center;background-size:11px 21px;opacity:0.7;}
.info-bottom-cont .sns-link-wrap .icon-sns02{background:url(../image/sns_icon_02.png)no-repeat center center;background-size:23px 18px;opacity:0.7;}
.info-bottom-cont .sns-link-wrap .icon-sns03{background:url(../image/sns_icon_03.png)no-repeat center center;background-size:14px 18px;opacity:0.7;}
.info-bottom-cont .sns-link-wrap .icon-sns04{background:url(../image/sns_icon_04.png)no-repeat center center;background-size:20px 14px;opacity:0.7;}
.info-bottom-cont .sns-link-wrap .icon-sns01:hover{opacity:1;}
.info-bottom-cont .sns-link-wrap .icon-sns02:hover{opacity:1;}
.info-bottom-cont .sns-link-wrap .icon-sns03:hover{opacity:1;}
.info-bottom-cont .sns-link-wrap .icon-sns04:hover{opacity:1;}
.info-bottom-cont .sns-list:after{clear:both;display:block;content:"";}

.info-bottom-cont .sns-list .sns-item{float:left;width:calc(25%);padding:0 10px;position:relative; }
.info-bottom-cont .sns-list .sns-item:nth-child(n+1){padding:0 15px 0 0;}
.info-bottom-cont .sns-list .sns-item:nth-child(n+2){padding:0 10px 0 5px;}
.info-bottom-cont .sns-list .sns-item:nth-child(n+3){padding:0 5px 0 10px;}
.info-bottom-cont .sns-list .sns-item:nth-child(n+4){padding:0 0 0 15px;}
.info-bottom-cont .sns-list .sns-item .sns-item-flid{background:#f0f0f0;width:100%;position:relative;padding:20px 20px 20px;}
.info-bottom-cont .sns-list .sns-item .sns-item-flid a:focus{ border:2px dashed #000; outline:none;}

.info-bottom-cont .sns-list .sns-item .sns-item-txt p{font-size:17px;height:40px;width:100%;margin-top:20px;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;z-index:1;word-break:break-all;}
.info-bottom-cont .sns-list .sns-item .sns-item-thme{margin:0;background:#e0e6ef;height:220px;width:100%;overflow:hidden;text-align:center;position:relative; display:flex;justify-content:center;align-items:center;}
/* .info-bottom-cont .sns-list .sns-item .sns-item-thme.full{min-height:280px;} */
.info-bottom-cont .sns-list .sns-item .sns-item-thme img{}
.info-bottom-cont .sns-list .sns-item .sns-item-thme:focus-within { outline:2px dashed #000; }
.info-bottom-cont .sns-list .sns-item .sns-item-thme a:focus { outline:none; border:0;}
.info-bottom-cont .sns-list .sns-item:first-of-type{margin-left:0;}
.info-bottom-cont .sns-list .sns-item [class*="icon-"]{position:absolute;top:0;right:10px;width:50px;height:50px;z-index:1;}
.info-bottom-cont .sns-list .sns-item .icon-blog{background:url(../image/sns_icon_blog.png)no-repeat center center;background-size:100%;}
.info-bottom-cont .sns-list .sns-item .icon-twit{background:url(../image/sns_icon_ttwitter.png)no-repeat center center;background-size:100%;}
.info-bottom-cont .sns-list .sns-item .icon-face{background:url(../image/sns_icon_facebook.png)no-repeat center center;background-size:100%;}
.info-bottom-cont .sns-list .sns-item .icon-yout{background:url(../image/sns_icon_youtube.png)no-repeat center center;background-size:100%;}
.info-bottom-cont .sns-list .sns-item .icon-yeptv{background:url(../image/sns_icon_yeptv.png)no-repeat center center;background-size:100%;}
.info-bottom-cont .sns-list .sns-item .icon-urg{background:url(../image/sns_icon_urgent.png)no-repeat center center;background-size:100%;}
.info-bottom-cont .sns-list .full-txt{height:320px;}
.info-bottom-cont .sns-list .sns-item .full-txt .sns-item-txt{height:100%;width:100%;background:#e0e6ef;padding:40px 10px 10px;margin:0;overflow:hidden}
.info-bottom-cont .sns-list .sns-item .full-txt .sns-item-txt p{height:calc(100% - 20px);width:100%;-webkit-line-clamp:8;line-height:150%;}

.comm-vod-cont {width:100%; /*margin-top: 20px;*/ position: relative;padding:2px;}
.comm-vod-cont .vod-list .vod-item{float:left;width:calc(25%);padding:0 10px;position:relative; }
.comm-vod-cont .vod-list .vod-item:first-of-type{margin-left:0;}
/*.comm-vod-cont .vod-list .vod-item:nth-child(n+1){padding:0 15px 0 0;}
.comm-vod-cont .vod-list .vod-item:nth-child(n+2){padding:0 10px 0 5px;}
.comm-vod-cont .vod-list .vod-item:nth-child(n+3){padding:0 5px 0 10px;}
.comm-vod-cont .vod-list .vod-item:nth-child(n+4){padding:0 0 0 15px;}*/
.comm-vod-cont .vod-list .vod-item .vod-item-flid{width:100%;position:relative;padding:20px 20px 30px;}
.comm-vod-cont .vod-list .vod-item .vod-item-flid a:focus{ border:1px dashed #000;}
.comm-vod-cont .vod-list .vod-item .vod-item-flid > div > p{text-align: center; font-size:16px; margin-top:10px;}
.comm-vod-cont .vod-list .vod-item .vod-item-thme{margin:0 auto;height:371px;width:60%;overflow:hidden;text-align:center;position:relative; display:flex;justify-content:center;align-items:center;}
.vod-list .slick-arrow.slick-prev{height:100%;left:0px;top:0;background:url('../image/info-prev.png')no-repeat 0 center; background-size:34px 54px}
.vod-list .slick-arrow.slick-next{height:100%;right:0px;top:0;background:url('../image/info-next.png')no-repeat 0 center;background-size:34px 54px}
.comm-vod-cont .vod-list .slick-arrow{position: absolute; width: 34px; font-size: xx-small; overflow: hidden; color: transparent; text-indent: -999px; z-index: 1000;}
.vod-wrap-box{width: 60%; height: 391px; margin: 0 auto;}


/* footer */
.mainp .inqu-wrap{display:none;}
.mainp footer{position:relative;width:100%;height:150px;background:#e3e3e3;z-index:1001;}
footer .footer-wrap{overflow:hidden;height:100%;position:relative;}
.f-logo{float:left;width:290px;position:relative;height:150px;}
.f-logo img{width:154px;height:auto;position:absolute;left:50%;top:50%;margin-top:-30px;margin-left:-77px;}
.f-right-wrap{float:left;width:calc(100% - 290px);height:100%;}
.f-cont-wrap{width:1200px;margin:0 auto;height:100%;position:relative;}
.f-cont-wrap:after{clear:both;content:"";display:block;}
.f-cont{float:right;width:calc(100% - 200px);padding-top:30px;/* overflow:hidden; */}

.f-cont .site_helper li{float:left;position:relative;margin:0 13px;}
.f-cont .site_helper li:first-of-type{margin-left:0;}
.f-cont .site_helper li a{display:block;height:30px;font-size:14px;line-height:30px;}
.f-cont .site_helper li a::after{content:"";width:1px;height:14px;background:#919191;position:absolute;left:-15px;top:50%;margin-top:-7px;}
.f-cont .site_helper li:first-of-type a:after{display:none;}
.f-cont .f-info{float:left;margin-top:10px;font-size:14px;}
.f-cont .f-info .copyright{margin-top:5px;font-size:13px;}
.f-cont .f-mark{float:right; margin-top:10px;/*margin-left:210px;*/ margin-right:25px;}
.f-cont .f-mark img{width:auto;margin-left:10px;}

.recom-cont-wrap{float:right;width:200px;height:100%;background:#009ae1;}
.recom-cont-wrap .recom-cont-btn{color:#fff;background:#009ae1;position:relative;width:100%;height:100%;font-size:18px;font-weight:700;padding-left:40px;}
.recom-cont-wrap .recom-cont-btn:focus{border:1px dashed #fff;}
.recom-cont-wrap .recom-cont-btn .icon{position:absolute;top:50%;left:38px;width:11px;height:17px;margin-top:-9px;background:url(../image/recom_icon.png)no-repeat center center;}
.recom-cont-wrap.on .recom-cont{width:calc(100% - 200px);overflow:visible;z-index:1;display:block;;}
.recom-cont{position:absolute;right:200px;top:0;height:100%;width:0;transition: all 0.3s;background:#fff;overflow: hidden;display:none;}
.recom-cont .recom-cont-list{padding:15px 20px;overflow:hidden;}
.recom-cont .recom-cont-list [class*="recom-cont-item"]{float:left;padding:3px;}
.recom-cont .recom-cont-list [class*="recom-cont-item"] button{width:87px;height:100%;padding-top:85px;padding-bottom:15px;text-align:center;font-size:18px;color:#000;}
.recom-cont .recom-cont-list [class*="recom-cont-item"]:hover button{color:#009ae1;}
/* .recom-cont .recom-cont-list [class*="recom-cont-item"] button.f-blue{color:#009ae1;} */
.recom-cont .recom-cont-item1{background:url(../image/contents_icon_newsbreak_off.png)no-repeat center 13px;}
.recom-cont .recom-cont-item2{background:url(../image/contents_icon_country_off.png)no-repeat center 13px;}
.recom-cont .recom-cont-item3{background:url(../image/contents_icon_predict_off.png)no-repeat center 13px;}
.recom-cont .recom-cont-item4{background:url(../image/contents_icon_satellite_off.png)no-repeat center 13px;}
.recom-cont .recom-cont-item5{background:url(../image/contents_icon_sea_off.png)no-repeat center 13px;}
.recom-cont .recom-cont-item6{background:url(../image/contents_icon_mountain_off.png)no-repeat center 13px;}
.recom-cont .recom-cont-item7{background:url(../image/contents_icon_typhoon_off.png)no-repeat center 13px;}
.recom-cont .recom-cont-item8{background:url(../image/contents_icon_sender_off.png)no-repeat center 13px;}
.recom-cont .recom-cont-item9{background:url(../image/contents_icon_life_off.png)no-repeat center 13px;}
.recom-cont .recom-cont-item10{background:url(../image/contents_icon_world_off.png)no-repeat center 13px;}
.recom-cont .recom-cont-item11{background:url(../image/contents_icon_movie_off.png)no-repeat center 13px;}
.recom-cont .recom-cont-item12{background:url(../image/contents_icon_noicon_off.png)no-repeat center 13px; position:relative;}
.recom-cont .recom-cont-item12 span { position: absolute; left: 0px; top: 34px; width: 87px; text-align:center; font-size: 20px; font-weight: 700; color:#000;}
.recom-cont .recom-cont-item12:hover button span { color: #fff;}

.recom-cont .recom-cont-item1:hover{background:url(../image/contents_icon_newsbreak_on.png)no-repeat center 13px;}
.recom-cont .recom-cont-item2:hover{background:url(../image/contents_icon_country_on.png)no-repeat center 13px;}
.recom-cont .recom-cont-item3:hover{background:url(../image/contents_icon_predict_on.png)no-repeat center 13px;}
.recom-cont .recom-cont-item4:hover{background:url(../image/contents_icon_satellite_on.png)no-repeat center 13px;}
.recom-cont .recom-cont-item5:hover{background:url(../image/contents_icon_sea_on.png)no-repeat center 13px;}
.recom-cont .recom-cont-item6:hover{background:url(../image/contents_icon_mountain_on.png)no-repeat center 13px;}
.recom-cont .recom-cont-item7:hover{background:url(../image/contents_icon_typhoon_on.png)no-repeat center 13px;}
.recom-cont .recom-cont-item8:hover{background:url(../image/contents_icon_sender_on.png)no-repeat center 13px;}
.recom-cont .recom-cont-item9:hover{background:url(../image/contents_icon_life_on.png)no-repeat center 13px;}
.recom-cont .recom-cont-item10:hover{background:url(../image/contents_icon_world_on.png)no-repeat center 13px;}
.recom-cont .recom-cont-item11:hover{background:url(../image/contents_icon_movie_on.png)no-repeat center 13px;}
.recom-cont .recom-cont-item12:hover{background:url(../image/contents_icon_noicon_on.png)no-repeat center 13px;}
.recom-cont .close{position:absolute;left:-40px;top:0;width:40px;height:40px;background:url(../image/pop_close_icon.png)no-repeat center center; background-size:20px auto; }


/* 누리집 안내지도 */
.modal-pop{position:fixed;left:0;top:0; width:100%;height:100%;background:#eef2f7;z-index:1010;padding:90px 0 50px;display:none;overflow:auto;overflow-x: -moz-scrollbars-none; /* Firefox scrollbar hide */-ms-overflow-style: none;}
.modal-pop::-webkit-scrollbar {display:none;}
.modal-pop .pop-close{width:50px;height:50px;background:#eef2f7;background-image:url(../image/pop_close_icon.png);background-repeat:no-repeat;background-position:center;position:fixed;right:20px;top:20px;z-index:1011;}

.modal-pop-sub{position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);width:1200px;max-width:100%;max-height:100%;background:#eef2f7;z-index:1010;padding:50px 0;display:none;overflow:auto;overflow-x: -moz-scrollbars-none; /* Firefox scrollbar hide */-ms-overflow-style: none;}
.modal-pop-sub::-webkit-scrollbar {display:none;}
.modal-pop-sub .pop-close{width:50px;height:50px;background:#eef2f7;background-image:url(../image/pop_close_icon.png);background-repeat:no-repeat;background-position:center;position:fixed;right:20px;top:20px;}

.menu-wrap{padding:120px 0;}
.menu-wrap .title{text-align:center;font-size:30px;color:#006fe8;font-weight:700;}
.menu-wrap .sitemap-wrap{width:1200px;margin:55px auto 0;}
.menu-wrap [class*="col0"]{overflow:hidden;}
.menu-wrap [class*="col0"] > *{float:left;}
.menu-wrap .d1{width:180px;border-top:1px solid #006fe8;color:#006fe8;font-size:25px;padding:20px 10px;min-height:80px;}
.menu-wrap dl{width:170px;padding-bottom:20px;border-top:1px solid #b7bcc3}
.menu-wrap dl dt{margin:0 10px 10px 25px;padding:20px 0 0;position:relative;font-size:18px;display:inline-block}
.menu-wrap dl:hover dt{background:url(../image/text-bg.png) bottom; background-repeat: repeat-X;}
.menu-wrap dl dt:after{width:4px;height:4px;content:"";position:absolute; left:-10px;top:27px;background:#000;}
.menu-wrap dl dt + dt{margin-top:80px;border-top:0}
.menu-wrap dl dd{margin-left:25px;margin-bottom:3px;}
.menu-wrap dl dd a{font-size:14px;color:#595959;line-height:160%;}
.menu-wrap dl dd a:hover{font-weight:700;color:#000000;text-decoration:underline;}
.menu-wrap .col02 dl:first-of-type:hover dt{background:none;}
.menu-wrap .col02 dl:first-of-type dt:hover{background:url(../image/text-bg.png)no-repeat bottom;}
.menu-wrap .sitemap-about { width: 340px; }
.menu-wrap div.col02 .sitemap-chart { width: 510px; }
.menu-wrap .col09 { /*display: none;*/}
.menu-wrap .sitemap-community { width: 1020px;}
.menu-wrap .col03 { position: relative; }
.menu-wrap .sitemap-freezing-rain { position: absolute; left: 180px; top: 70px; border-top:0;}
.menu-wrap .sitemap-dust-obs-days { width: 510px; }
.menu-wrap .sitemap-typ-refer { width: 680px; }
.menu-wrap .sitemap-commentary { width: 680px; }
.menu-wrap .sitemap-basic { border-top:0; }
.menu-wrap .col03 .sitemap-chart { border-top:0; }
.menu-wrap .sitemap-evacuation { border-top:0; }
.menu-wrap .sitemap-campaign { border-top:0; }
.menu-wrap .sitemap-climate { width: 680px; }
.menu-wrap .sitemap-knowledge { width: 850px; }
.menu-wrap .sitemap-statistics {width:340px; }
.menu-wrap .sitemap-climate-portal {width:680px; }
.menu-wrap .sitemap-sea {width:850px; }
/* 검색 */
.layer-pop-wrap{overflow:hidden;width:1000px;margin:0 auto;background:#eef2f7;}
.layer-pop-wrap.v2 {width:auto;}
.layer-pop-wrap .left-wrap{float:left;width:230px;}
.layer-pop-wrap .title{color:#000000;font-size:30px;}
.layer-pop-wrap .tab-area{margin-top:21px;}
.layer-pop-wrap .tab-wrap02 button{color:#000000;font-size:22px;font-weight:300;margin-bottom:7px;position:relative;text-align:left;padding-right:30px;}
.layer-pop-wrap .tab-wrap02 button.on{color:#006fe8;font-weight:700;}
.layer-pop-wrap .tab-wrap02 button.on:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);background:url(../image/arrow_side_blue.png);width:8px;height:12px;}
.layer-pop-wrap .right-wrap{float:left;width:770px;}
.layer-pop-wrap.v2 .right-wrap{float:none;margin:auto; width:770px;}
.modal-pop-sub .layer-pop-wrap .right-wrap{float:none;margin:0 auto;position:relative;}
.layer-pop-wrap .pop-cont-title{height:50px;line-height:50px;color:#fff;font-size:18px;font-weight:700;background:#006fe8;text-align:center;margin-top:58px;}
.search-wrap .layer-pop-wrap .cont01{overflow:hidden;margin-top:20px;max-height:900px;;overflow-y:auto;overflow-y: -moz-scrollbars-none; /* Firefox scrollbar hide */-ms-overflow-style:none;margin-bottom:40px; padding:0 5px; }
.layer-pop-wrap .cont01{overflow:hidden;margin-top:20px;}
.layer-pop-wrap .right-wrap::-webkit-scrollbar {display:none;}
.layer-pop-wrap .cont01 ul{float:left;width:190px;margin-left:60px;position:relative;}
.layer-pop-wrap .cont01 ul:first-of-type{margin-left:0;}
.layer-pop-wrap .cont01 ul:first-of-type:before{display:none;}
.layer-pop-wrap .cont01 ul::before{content:"";display:block;width:41px;height:41px;background:url(../image/icon_side.png);position:absolute;left:-50px;top:110px;}
.layer-pop-wrap .cont01 ul li{height:50px;background:#fff;margin-bottom:2px;}

.radio-wrap .addr-chk-btn{display:block;width:100%;height:50px;line-height:50px;color:#595959;font-size:15px;}
.radio-wrap .addr-chk-btn:hover{font-weight:700;color:#006fe8;border:1px solid #006fe8;}
.radio-wrap .addr-chk-btn.on {font-weight:700;color:#006fe8;border:1px solid #006fe8;}
#sea-config .radio-wrap .addr-chk-btn, #sub-sea-config .radio-wrap .addr-chk-btn { padding-left: 20px; text-align:left; }

.radio-wrap label{display:block;width:100%;height:50px;line-height:50px;color:#595959;font-size:15px;padding-left:20px;}
.radio-wrap .rdo-g:checked + label{font-weight:700;color:#006fe8;border:1px solid #006fe8;}
.bookmark-btn{width:40px;height:40px;background:url(../image/bok_btn-icon.png);float:right;margin-right:20px}
.sch-btn02{width:40px;height:40px;background:url(../image/srch-icon03_2.png);float:right;margin-right:20px;margin-bottom:10px;}

.menu3d-btn-wrap{padding-top:0px;}
.menu3d-btn-wrap.col02 > div{float:left;width:50%;}
.menu3d-btn-wrap > div{float:left;width:33.33%;}
.menu3d-btn-wrap > div button{font-size:18px;height:50px;color:#000;background:#a4b4c7;width:100%;}
.menu3d-btn-wrap > div button.on{background:#006fe8; border:1px solid #014b9a; font-weight: 600;color:#fff;}

/* 11월29일 수정 검색영역*/
.sch-box{overflow:hidden;margin-top:10px; width:100%;}
.sch-box .input-wrap{width:100%;float:left;position:relative;border-bottom:1px solid #000000;height:50px;}
.sch-box .input-wrap .sch-btn-area [class*=sch-tab-]{line-height:49px;height:49px;font-size:18px;padding-left:15px;}
.sch-box .input-wrap .sch-btn-area [class*=sch-tab-]:before{content:">";margin-right:15px;}
.sch-box .input-wrap .sch-btn-area  [class*=sch-tab-]:first-of-type:before{content:"";margin-right:0;}
.sch-box .input-wrap input{border:0;background:none;height:49px;font-size:18px;width:100%;padding-left:15px}
.sch-box .input-wrap input::-webkit-input-placeholder{font-size:18px;}
.sch-box .sch-btn{width:60px;height:50px;position:absolute;right:0;bottom:0;background:url(../image/srch-icon.png)no-repeat center; text-indent:-9999px;}
.sch-box .sch-btn.txt-only { display:flex; justify-content:center;top:5px; align-items:center; text-indent:0px; padding:0;height:40px;font-size:18px;border-radius:5px;color:#000;background:#ffc600;}
.sch-box .bookmark-btn{margin-right:0;margin-top:10px;}
.sch-box02{margin-top:10px;}
.sch-box02 .input-wrap{position:relative;}
.sch-box02 .input-wrap input{border:0;background:#fff;height:49px;font-size:18px;width:100%;padding-left:15px;line-height:49px;}
.sch-box02 .input-wrap input::-webkit-input-placeholder{font-size:18px; color:#595959}
.sch-box02 .sch-btn{width:60px;height:50px;position:absolute;right:0;bottom:0;background:url(../image/srch-icon.png)no-repeat center;}
.sch-box02 .sch-rdo-wrap{margin-top:30px;text-align:center;padding-bottom:3px;}
.sch-box02 .radio-wrap{display:inline-block;position:relative;}
.sch-box02 .radio-wrap label{background:#fff;width:45px;height:45px;line-height:45px;text-align:center;padding-left:0;border:1px solid #e0e6ef;color:#000;font-size:15px;display:block;color:#595959}
.sch-box02 .radio-wrap:first-of-type label{width:70px;}
.sch-box02 .radio-wrap input:checked + label{background:#ffc600;color:#222;border:1px solid #ffc600;color:#000}

.sch-box02 .ganada-sch-btn{display:inline-block;position:relative;background:#fff;width:45px;height:45px;line-height:45px;text-align:center;padding-left:0;border:1px solid #e0e6ef;color:#000;font-size:15px;color:#595959}
.sch-box02 .ganada-sch-btn:first-child{width:70px;}
.sch-box02 .ganada-sch-btn.on{background:#ffc600;color:#222;border:1px solid #ffc600;color:#000}

/**/
/* 모바일앱 날씨알리미 */
.app-setting-wrap { display:none;}

.addr-wrap{margin-top:10px;margin-bottom:50px}
.addr-wrap ul{overflow:hidden;}
.addr-wrap ul li{float:left;width:calc(33.33% - 2px);margin:1px;background:#fff;text-align:center;}
.addr-wrap ul li label{padding-left:0;}
.addr-wrap .guide-text { display:block; font-size:18px; padding:16px 8px 0px 8px; }
.search-wrap .layer-pop-wrap .wh-wrap .cont01{height:auto;margin-bottom:40px;}
.wh-wrap .cont01 ul.sch-list-fild{width:100%;}
.wh-wrap .sch-list-fild li{width:100%;}
.wh-wrap .sch-list-fild li button{font-size:15px;color:#595959;line-height:50px;padding-left:20px;width:100%;text-align:left;}
.wh-wrap .sch-list-fild li button:hover{border:1px solid #006fe8;font-weight:700;color:#006fe8;}

.layer-pop-wrap{position:relative;}
.layer-pop-wrap .tab-wrap04 button{color:#000000;font-size:22px;font-weight:300;margin-bottom:7px;position:relative;text-align:left;padding-right:30px;margin-left:3px;}
.layer-pop-wrap .tab-wrap04 button.on{color:#006fe8;font-weight:700;}
.layer-pop-wrap .tab-wrap04 button.on:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);background:url(../image/arrow_side_blue.png);width:8px;height:12px;}
.set-wrap .right-wrap .layer-pop-wrap .tab-area{margin-top:61px;}
/* .set-wrap {position:relative;} */
.set-wrap .sch-box .input-wrap{width:100%;position:relative;border-bottom:1px solid #000000;height:50px;}
.set-wrap .sch-box .input-wrap:after{content:"";position:absolute;right:20px;top:50%;width:11px;height:7px;margin-top:-4px;background-image:url(/image/arrow_down03.png);}
.set-wrap .sch-box .input-wrap .sch-btn-area [class*=sch-tab-]{line-height:49px;height:49px;font-size:18px;padding-left:15px;}
.set-wrap .sch-box .input-wrap .sch-btn-area [class*=sch-tab-]:before{content:">";margin-right:15px;}
.set-wrap .sch-box .input-wrap .sch-btn-area  [class*=sch-tab-]:first-of-type:before{content:"";margin-right:0;}
.set-wrap .sch-box .input-wrap input{border:0;background:none;height:49px;font-size:18px;width:100%;padding-left:15px}
.set-wrap .sch-box .input-wrap input::-webkit-input-placeholder{font-size:18px;}
.set-wrap .sch-box .sch-btn{width:60px;height:50px;position:absolute;right:0;bottom:0;background:url(../image/srch-icon.png)no-repeat center;}
.set-wrap .sch-box .bookmark-btn{margin-right:0;margin-top:10px;}
.set-wrap .acco-sch-btn{width:35px;height:35px;background:url(../image/srch-icon03_2.png) no-repeat;background-size:100%;position:absolute;top:10px;right:3px;font-size:xx-small;text-indent:-999px;}
.set-wrap .language-wrap{overflow:hidden;}
.set-wrap .language-wrap .language-item{width:85px;float:left;text-align:center;margin-left:10px;}
.set-wrap .language-wrap .language-item:first-of-type{margin-left:0;}
.set-wrap .language-wrap .language-item label{display:block;width:100%;height:40px;line-height:40px;color:#595959;font-size:15px;background:#fff;padding-left:0;color:#000000;border-radius:5px;}
.set-wrap .language-wrap .language-item input:checked + label{font-weight:700;color:#006fe8;border:1px solid #006fe8;}
.set-wrap .from-wrap {padding-top:58px;}
.set-wrap .from-wrap li{overflow:hidden;margin-bottom:20px;}
.set-wrap .from-wrap li .tit{float:left;color:#000000;font-size:18px;margin-right:20px;line-height:40px;height:40px;font-weight:700; width: 140px; text-align:right; padding:5px;}
.set-wrap .from-wrap li .select-wrap{display:inline-block;position:relative; padding:5px; }
.set-wrap .from-wrap li .select-wrap::after{content:"";position:absolute;right:15px;top:50%;width:11px;height:7px;background:url(../image/arrow_down03.png);margin-top:-3px;}
.set-wrap .from-wrap li select{line-height:40px;height:40px;background:#fff;border:0;border-radius:5px;width:250px;padding:0 20px;font-size:18px;}
.set-wrap .from-wrap li:last-of-type .select-wrap{margin-right:9px;}
.set-wrap .from-wrap li .txt-wrap{display:inline-block;line-height:40px;height:40px;background:#fff;border:0;border-radius:5px;width:80px;padding:0 20px;font-size:18px;text-align:center;}

.set-wrap .tab-cont01 .btn-wrap{width:360px}
.set-wrap .tab-cont02 .tab-cont01 .btn-wrap{width:100%}
.btn-wrap{width:100%;text-align:center;margin-top:70px;margin-bottom:3px;}
.btn-wrap .btn{padding:0 30px;height:40px;font-size:18px;border-radius:5px;color:#000;background:#ffc600;}
.btn-wrap .btn-gray{padding:0 30px;height:40px;font-size:18px;border-radius:5px;color:#fff;background:#595959;margin-left:10px;}
.addadr .addr-wrap{margin-bottom:20px;margin-top:35px;}
.addadr .btn-wrap{margin-top:35px;}

.set-wrap .from-wrap .item-list-wrap{overflow:hidden;}
.set-wrap .from-wrap .item-list-wrap li{float:left;width:calc(33.33% - 7px);margin-bottom:0;margin-left:10px;}
.set-wrap .from-wrap .item-list-wrap li:nth-child(3n + 1){margin-left:0}
.set-wrap .from-wrap .item-list-wrap li:nth-child(n + 4){margin-top:10px;}
.set-wrap .from-wrap .item-list-wrap li .item-hide-btn{position:absolute;bottom:10px;right:10px;background:url(../image/item-hide-icon_2.png);width:21px;height:21px;}
.set-wrap .from-wrap .item-list-wrap li label{display:block;border:1px solid #bbc0c6;border-radius:5px; color:#595959;height:60px;position:relative;padding:10px;font-size:15px;}
a.item-hide-btn{position:absolute;bottom:10px;right:10px;background:url(../image/item-hide-icon_2.png) no-repeat center center;width:21px;height:21px;}

.set-wrap .from-wrap .item-list-wrap li strong,
	.set-wrap .from-wrap .item-list-wrap li a.dong{display:block;font-weight:700;font-size:18px;line-height:140%; width:calc(100% - 30px);}

.set-wrap .from-wrap .item-list-wrap li input:checked + label{color:#000;border:1px solid #006fe8;}
.set-wrap .from-wrap .item-list-wrap li input:checked + label .item-hide-btn{background:url(../image/item-hide-icon-on.png);}
.set-wrap .from-wrap .item-list-wrap li.no-area { float:none; display: block; width: calc(100% - 20px); text-align: center; font-size: 15px; line-height: 30px; }
.set-wrap .from-wrap .re{float:right;margin-top:10px;}
.set-wrap .from-wrap .re:before{content:"";background:url(../image/item-hide-icon_2.png);width:17px;height:17px;background-size:100%;display:inline-block;vertical-align:middle;margin-right:5px;}
.set-wrap .from-wrap .page-num{text-align:center;margin-top:10px;width:685px;float:right;}
.set-wrap .from-wrap .page-num button{width:28px;height:28px;}
.set-wrap .from-wrap .page-num .page-prev{background:url(../image/page_num_prev.png)no-repeat center;}
.set-wrap .from-wrap .page-num .page-next{background:url(../image/page_num_next.png)no-repeat center center}
.set-wrap .from-wrap .page-num .num.on{color:#006fe8;}

.set-wrap .from-wrap .list-wrap{overflow:hidden;}
.set-wrap .from-wrap .list-wrap li{float:left;width:calc(33.33% - 7px);margin-bottom:0;margin-left:10px;}
.set-wrap .from-wrap .list-wrap li .item-btn{position:absolute;bottom:10px;right:10px;background:url(../image/item-con.png);width:24px;height:18px;}
.set-wrap .from-wrap .list-wrap li label{display:block;border:1px solid #bbc0c6;border-radius:5px; color:#595959;height:60px;position:relative;padding:10px;font-size:15px;}
.set-wrap .from-wrap .list-wrap li strong{display:block;font-weight:700;font-size:18px;line-height:140%;;}
.set-wrap .from-wrap .list-wrap li input:checked + label{color:#000;border:1px solid #006fe8;}
.set-wrap .from-wrap .list-wrap li input:checked + label .item-btn{background:url(../image/item-con-on.png);}
.set-wrap .from-wrap .list-wrap li:first-of-type{margin-left:0}

.layer-pop-wrap .cont-item-wrap li{height:40px;margin-bottom:10px;line-height:40px;}
.layer-pop-wrap .cont-item-wrap li:after{content:"";display:block;clear:both;}
.layer-pop-wrap .cont-item-wrap li > *{float:left;}
.layer-pop-wrap .cont-item-wrap li .tit{font-size:18px;font-weight:700;color:#000000;}
.layer-pop-wrap .cont-item-wrap li div button, 
	.layer-pop-wrap .cont-item-wrap li div a.co-btn{width:454px;position:relative;color:#000;font-size:17px;text-align:left;background:#fff;border-radius:4px;height:40px;margin-left:10px;padding-left:20px;position:relative;}
.layer-pop-wrap .cont-item-wrap li div .co-btn{border-bottom:1px solid #e5e5e5;}
.layer-pop-wrap .cont-item-wrap li div .co-btn-top:after{content:"";position:absolute;right:20px;top:50%;background:url(../image/arrow_down03.png);width:11px;height:7px;margin-top:-4px;}
.layer-pop-wrap .cont-item-wrap li .side-btn{margin-left:10px;width:102px;height:40px;background:#ffc600;border-radius:4px;font-size:18px;color:#000;}

.bok-src-wrap{position:relative;}
.bok-src-wrap .accordionsecond-con{bottom:40px;position:absolute;}
.bok-src-wrap .accordion-con{bottom:40px;position:absolute;}

.help-wrap {padding-top:58px;}
.help-wrap .help-item{border-top:1px solid #b7bcc3;}
.help-wrap .help-item:last-of-type{border-bottom:1px solid #b7bcc3;}
.help-wrap .help-item .accordionsecond-tit{text-align:left;position:relative;width:calc(100% - 3px);padding-left:15px;font-size:18px;font-weight:700;height:60px;}
.help-wrap .help-item .accordionsecond-tit:before{position:absolute;left:5px;top:50%;margin-top:-2px;content:"";width:4px;height:4px;background:#000000;display:block;}
.help-wrap .help-item .accordionsecond-tit:after{position:absolute;right:0;top:50%;margin-top:-10px;content:"보기";display:block;width:45px;height:20px;background:url(../image/arrow_down04.png)no-repeat;background-size:11px 7px; background-position:33px 40% ;font-size:15px;color:#006fe8; padding-right:10px; }
.help-wrap .help-item .accordionsecond-con{padding-bottom:20px;font-size:16px;color:#595959;padding-left:10px;}
.help-wrap .help-item .accordionsecond-tit.on{color:#006fe8;}
.help-wrap .help-item .accordionsecond-tit.on:before{background:#006fe8;}
.help-wrap .help-item .accordionsecond-tit.on:after{content:"닫기";background:url(../image/arrow_down04_on.png)no-repeat;background-size:11px 7px; background-position:33px 40% ;font-size:15px;color:#006fe8; }
.help-wrap .help-item p { padding: 10px 10px 10px 0; line-height:150%;}
.help-wrap .help-item div.para { padding: 10px 10px 10px 0; line-height:150%;}
.help-wrap .help-item figure { display:flex; flex-wrap:wrap; justify-content:space-evenly; }
.help-wrap .help-item figure img { width:auto; margin:5px 0; }
.help-wrap .help-item figure figcaption { width:100%;text-align:center; padding:5px 0; }





/* 서브페이지 */
/* 서브페이지 공통 */
.subp .container{width:100%;min-height:100%;position:relative;overflow:hidden;}
.subp .container .page-wrap{min-height:100%;}
.subp .container .right-content{min-height:950px;}
.subp header{position:fixed;}

.subp .inqu-wrap{height:60px;width:100%;text-align:center;line-height:60px;background:#eef2f7;font-size:18px;}
.subp .inqu-wrap strong{font-weight:700;}
.subp .inqu-wrap strong + strong::before{content:"l";margin:0 20px;color:#9ea1a5}
.subp footer{position:relative;width:100%;height:auto;background:#e3e3e3;z-index:1001;margin-top:0;}
.subp footer .footer-wrap{height:auto;}
.subp .f-cont-wrap{height:230px;}
.subp .right-content{width:100%;max-width:none;padding:0;min-height:100%}
.subp.hidd{height:100%;overflow:hidden;}
.subp .cont-head{overflow:visible; padding-top:0;}
.subp .cont-head .cont-head-area{max-width:1260px;width:100%;margin:0 auto;position:relative;padding:0 30px;}
.subp .cont-head .cont-head-area h2{text-align:left; height:75px; line-height:65px; font-size:30px; font-weight:700; color:#3484C2; padding-top:10px;}
.subp .cont-head .cont-head-area h2 img{width:auto;} 
.subp .sub-nav-wrap{background:rgba(255,255,255,0.8);height:55px;position:relative;z-index:100; border:1px solid #D2DFE5;}
.subp .sub-nav-wrap:after{content:"";display:block;clear:both;}
.sub-nav-wrap .txt{font-size:15px;color:rgba(255,255,255,0.7);position:absolute;top:-22px;right:0;}

.subp .sub-nav-wrap .sub-nav-box{display:flex;}
.subp .sub-nav-wrap .sub-nav-area{display:flex;}
.subp .sub-nav-wrap .sub-nav{display:flex;}
.subp .sub-nav-wrap .sub-nav:after{content:"";display:block;clear:both;}
.subp .sub-nav-wrap .sub-nav li{float:left;position:relative;}
.subp .sub-nav-wrap .sub-home{ border-right:1px solid #D2DFE5;}
.subp .sub-nav-wrap .sub-home a{display:block;width:53px;height:53px;background:url(../image/cont-head-icon01.png)no-repeat center;}
.subp .sub-nav-wrap .sub-nav li.sub-nav-item{width:225px; border-right:1px solid #D2DFE5;}
.subp .sub-nav-wrap .sub-nav li.sub-nav-item >button{padding:0 26px 0 15px;width:100%;text-align:left;font-size:18px;color:#000000;height:53px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.subp .sub-nav-wrap .sub-nav li.sub-nav-item >button:after{transition: all 0.2s;content:"";background:url(../image/renew/ic_toggle_arrow_down.png) no-repeat center center; background-size:11px auto; width:11px;height:11px;position:absolute;top:50%;right:12px;margin-top:-5.5px;}
.subp .sub-nav-wrap .sub-nav li.sub-nav-item >button.on:after{ transform:rotateZ(180deg); }
.subp .sub-nav-wrap .sub-nav li.sub-nav-item .accordionsecond-con{position:absolute;background:#fff;width:calc(100% + 2px);padding:0 20px;font-size:16px;border:1px solid #D2DFE5;border-top:0;z-index:900;margin-left:-1px;}
.subp .sub-nav-wrap .sub-nav li.sub-nav-item .accordionsecond-con .con{display:block;border-bottom:1px solid #e5e5e5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;line-height:140%;padding:10px 0 5px;}
.subp .sub-nav-wrap .sub-nav li.sub-nav-item .accordionsecond-con .con:last-of-type{border-bottom:0;}
.subp .sub-nav-wrap .sub-nav li.sub-nav-item:last-of-type { border-right:0; }
.subp .sub-nav-wrap .btn-box{padding-right:10px;display:flex; align-items:center; position:absolute; right:0px; top:9px;}
.subp .sub-nav-wrap .btn-box button{width:50px;height:53px;}
.subp .sub-nav-wrap .btn-box .btn01{background:url(../image/cont-head-icon02.png)no-repeat center;}
.subp .sub-nav-wrap .btn-box .btn02{background:url(../image/cont-head-icon03.png)no-repeat center;}
.subp .sub-nav-wrap .btn-box .btn03{background:url(../image/cont-head-icon04.png)no-repeat center;}

.subp .sub-nav-wrap .btn-box > a:first-child{ margin-right:3px; }
.subp .sub-nav-wrap .btn-box .share_box {display:none; position:absolute; right:42px; top:48px; background:#fff; padding:8px 12px; border:1px solid #cecece; z-index:2;}
.subp .sub-nav-wrap .btn-box .share_box .inbox {position:relative; width: 171px;}
.subp .sub-nav-wrap .btn-box .share_box .inbox > .band a { width:30px; height:30px; }
.subp .sub-nav-wrap .btn-box .share_box .inbox > .band a img{ padding:3px 2px 2px 2px;}

.subp .sub-nav-wrap .btn-box .share_box .inbox > a {display:inline-block; width:32px; height:32px; background: url('../image/icon_sns_t2.png'); background-size: 200% auto; text-indent:-999em;}
.subp .sub-nav-wrap .btn-box .share_box .inbox > a.fb {background-position: 32px 0px;}
.subp .sub-nav-wrap .btn-box .share_box .inbox > a.tw {background-position: 32px -32px;}
.subp .sub-nav-wrap .btn-box .share_box .inbox > a.kk {background-position: 32px -160px;}
.subp .sub-nav-wrap .btn-box .share_box .inbox > a.lk {background: url('../image/link.png') no-repeat center center; background-size:32px auto;}
.subp .sub-nav-wrap .btn-box .share_box .inbox:after {clear:both; content:""; display:block;}
.subp .sub-nav-wrap .btn-box .share_box .inbox .arr {position:absolute; right:0; top:-21px; width: 20px; height: 13px; background: url('../image/sprite2.png') no-repeat -810.5px -27px; background-size:1000px; text-indent:-999em;margin-left:-10px}


.subp .cont-wrap{padding:0px 30px 20px 30px;margin:0 auto;width:100%;max-width:1260px;}

.cont-box05{overflow:hidden;background:#eef2f7;padding:10px;margin-top:50px;}
.cont-box05 .left-flid{float:left;}
.cont-box05 .left-flid .up-btn{background:#000;color:#fff;font-size:18px;width:170px;height:40px;position:relative;padding-right:20px;}
.cont-box05 .left-flid .up-no-btn{line-height:40px; text-align:center;}
.cont-box05 .left-flid .up-btn:after{content:"";position:absolute;right:15px;top:50%;width:21px;height:17px;background:url(../image/up-btn-icon.png)no-repeat center center;margin-top:-9px;background-size:21px 17px;}
.cont-box05 .right-flid{float:left;margin-left:30px;}
.cont-box05 .right-flid .txt{font-size:18px;padding-left:15px;line-height:40px;}
.cont-box05 .right-flid .txt span:before{content:"l";margin:0 20px;color:#9ea1a5}
.cont-box05 .right-flid .txt span:first-of-type::before{content:"";margin:0}
.cont-box05 .right-flid .txt strong{font-weight:700;}

/* 스크롤영역 */
.paragraph{margin-top:30px;}
.paragraph:first-of-type{margin-top:0;}

/* 컨트롤창 */
.sub-select-wrap{position:relative;padding:30px;width:100%;background:#eef2f7;font-size:0;}
.sub-select-wrap .tit{margin-right:20px;font-size:18px;font-weight:700;display:inline-block;line-height:40px;vertical-align:top;}
.sub-select-wrap .select{display:inline-block;margin-left:30px;}
.sub-select-wrap .select:first-of-type{margin-left:0;}
.sub-select-wrap .select *{display:inline-block;vertical-align:top;}
.sub-select-wrap .select > div{display:inline-block;position:relative;}
.sub-select-wrap .select > div:after{content:"";position:absolute;right:15px;top:50%;width:11px;height:8px;margin-top:-4px;background:url(../image/arrow_down03.png);pointer-events: none;}
.sub-select-wrap .select select{width:286px;background:#fff;border-radius:5px;border:0;height:40px;line-height:40px;padding-left:20px;font-size:18px;}
.sub-select-wrap .select button{background:#ffc600;color:#000000;margin-left:10px;border-radius:5px;border:0;height:40px;line-height:40px;width:70px;font-size:18px;} 
.sub-select-wrap .cont-box02{margin-top:160px;}
.sub-select-wrap .time{margin-top:20px;}
.sub-select-wrap .time *{display:inline-block;vertical-align:middle;}
.sub-select-wrap .time input{width:286px;height:40px;text-align:center;border-radius:5px;font-size:18px;}
.sub-select-wrap .time .input-btn-wrap{margin-left:10px;overflow:hidden; padding:2px;}
.sub-select-wrap .time .input-btn-wrap .btn-lap{display:inline-block;margin-left:2px;position:relative;}
.sub-select-wrap .time .input-btn-wrap .btn-lap:first-child{margin-left:0;}
.sub-select-wrap .time .input-btn-wrap .btn-lap button{background:#fff;width:70px;height:40px;line-height:40px;text-align:center;padding-left:0;border-radius:5px;border:1px solid #0f77e9;color:#006fe8;font-size:18px;}
.sub-select-wrap .time .input-btn-wrap .btn-lap button:hover{background:#006fe8;color:#fff;}
.sub-select-wrap .time button{background:#ffc600;color:#000000;margin-left:10px;border-radius:5px;border:0;height:40px;line-height:40px;width:70px;font-size:18px;}
.sub-select-wrap .date{display:inline-block;margin-left:30px;}
.sub-select-wrap .date > *{position:relative;display:inline-block;}
.sub-select-wrap .date > * input{padding:0 60px 0 20px;width:280px;height:40px;font-size:18px;line-height:40px;border:0;border-radius:5px;}
.sub-select-wrap .date .calendar{position:absolute;right:0;top:0;width:60px;height:40px;text-indent:-99999px;background:url(../image/icon_calendar.png)no-repeat center center;border-radius:5px;}
.sub-select-wrap .date > button{margin-left:10px;width:70px;height:40px;font-size:18px;line-height:40px;vertical-align:middle;color:#000;background:#ffc600;border:0;border-radius:5px;}


/* 하단 배너 */
.bannner-wrap{overflow:hidden;background:#311c8a;position:relative;}
.bannner-wrap a{display:block;overflow:hidden;}
.bannner-wrap .left-banner{width:100%;max-width:1200px;position:absolute;left:50%;color:#fff;padding:80px 30px;transform:translateX(-50%);display:table;height:100%;}
.subp02 .bannner-wrap .left-banner{padding-top:30px;}
.bannner-wrap .left-banner .cel{display:table-cell;vertical-align:middle;}
.bannner-wrap .left-banner img{width: auto;vertical-align:middle;margin-left:5px}
.bannner-wrap .left-banner span{font-weight:700;font-size:18px;margin-bottom:36px;display:inline-block;}
.bannner-wrap .left-banner p{font-size:30px;line-height:50px;}
.bannner-wrap .left-banner p strong{font-weight:700}
.bannner-wrap .right-banner{width:50%;float:right;}

/* 하단 정보 */
.bottom-info .ban-wrap{overflow:hidden; }
.bottom-info .ban-wrap li{float:left;width:calc(25% - 15px);margin-left:15px;position:relative; padding:2px; }
.bottom-info .ban-wrap li:first-of-type{margin-left:0}
.bottom-info .ban-wrap a{display:block;}
.bottom-info .ban-wrap a:focus { outline:2px dashed #fff; }
.bottom-info .tit{font-size:30px;color:#000;font-weight:700;padding:10px 0;margin-top:0;margin-bottom:5px;}
.bottom-info .wr{position:absolute;display:table;width:100%;top:0;left:0;height:100%}
.bottom-info .wr .cel{display:table-cell;vertical-align:middle;text-align:center;color:#fff;font-size:22px;font-weight:700; padding:5px; }
.bottom-info .wr img{width:auto;vertical-align:middle;}
.bottom-info .wr p{margin-top:20px;}
.bottom-info .wr p img{width:auto;margin-left:20px;}

/* 리스트 부 */
.bu-hyphen{padding-left:11px;text-indent:-11px;}

/* 서브 검색 */
.subp .serch-wrap{margin-top:10px;}
.subp .serch-wrap .serch-area{border:1px solid #CBCBCB; border-radius:5px; }
.subp.subp02 .serch-wrap .serch-area{border:1px solid #CBCBCB; border-radius:3px; background-size:24px auto; height:50px; }
.subp .serch-area .serch-area-btn{color:#333333;  font-size:18px; width:100%; padding:0 10px; line-height:48px; height:48px; }
.subp .serch-area .serch-area-btn:after{background-image:url(../image/arrow_down03.png);}
.subp .serch-wrap .serch-util-btn02{background-image:url(../image/srch-icon04.png);margin-left:0; background-size:100% 100%;}
.subp .serch-wrap .serch-util .serch-util-btn01{text-indent:-9999px; background:url(../image/icon_search.png) no-repeat center center; background-color: #666; background-size: auto 30px; height:49px; width:60px; margin-left:5px; border-radius:3px; }
.subp .serch-wrap .serch-util .serch-util-btn03{background-image:url(../image/srch-icon03_2.png);background-size:100% 100%}
.subp .serch-wrap .serch-util .serch-util-btn01:focus { outline:2px dashed #000; }
.subp .serch-wrap .serch-con{border:1px solid #e0e6ef; top:50px;}
.subp .serch-wrap .serch-util { overflow:unset; }
/* 예보 - 단기예보 */
.cmp-weather-short-term .serch-area .serch-area-btn { line-height:1.4; height:39px; padding-left:0; padding-right:27px; font-size:16px;}
/* 텍스트 리스트 */
.summary-list{position:relative;margin-top:8px;padding:20px 0;border-top:1px solid #e0e6ef;border-bottom:1px solid #e0e6ef;}
.summary-list .location{position:absolute;top:-43px;right:0;content:'';}
.summary-list .location .txt{font-size:22px;color:#006fe8;}
.summary-list dt{position:relative;padding-left:15px;font-size:18px;font-weight:700;}
.summary-list dt span,
.summary-list dd span,
.summary-list li span{color:#595959;}
.summary-list dt:before{position:absolute;top:50%;left:0;content:'';width:4px;height:4px;background:#000;transform:translateY(-50%);}
.summary-list dd,
.summary-list li{margin-top:10px;padding-left:15px;font-size:17px;}
.summary-list dd:first-child{margin-top:20px;}
.summary-list li:first-child{margin-top:0;}
.summary-list dt + dd{margin-top:20px;}
.summary-list dd + dt{margin-top:40px;}
.summary-list .over-scroll{margin-top:40px;}
.summary-list .table-col td:first-of-type{border-left:1px solid #e0e6ef}
.summary-list .table-col th:first-child{border-left:1px solid #e0e6ef; }
.summary-list .table-col th[rowspan]:first-child{border-left:0;}
.summary-list .table-col tr:first-child th:first-child{border-left:0;}

/* 서브 텝메뉴 */
.tab-menu-wrap{position:relative;}
.tab-menu-wrap .tab-menu{font-size:0;}
.tab-menu-wrap .tab-menu:after{content:"";display:block;clear:both;}
.tab-menu-wrap .tab-menu > *{display:inline-block;text-align:center; position:relative; }
.tab-menu-wrap .tab-menu > * button , .tab-menu-wrap .tab-menu > * a{display:inline-block;width:100%;font-size:30px;font-weight:300;padding:10px 0;position:relative;overflow:visible;}
.tab-menu-wrap .tab-menu > * button span , .tab-menu-wrap .tab-menu > * a span{padding:0 20px;}
.tab-menu-wrap .tab-menu > * .on{color:#009ae1;font-weight:700;border-bottom:5px solid #009ae1;}
.tab-menu-wrap .tab-menu > * .icon{background-image:url('../image/sub-tab-icon-off_2.png');}
.tab-menu-wrap .tab-menu > * .on .icon{background-image:url('../image/icon_help_2.png');}
.tab-menu-wrap .tab-menu > .tab-sm > a{ font-size:22px;}
.tab-menu-wrap .tab-menu > .tab-sm > a.on{ border-bottom:3px solid #009ae1;}
.sort-box{position:absolute;width:270px;font-size:0;right:0; top:0}
.sort-box *{display:inline-block;font-size:18px;font-weight:400;vertical-align:middle;}
.sort-box > div{display:inline-block;position:relative;}
.sort-box > div:after{content:"";position:absolute;right:15px;top:50%;width:11px;height:8px;margin-top:-4px;background:url(../image/arrow_down03.png)}
.sort-box select{background:#eef2f7;border-radius:5px;border:0;width:190px;height:40px;line-height:40px;padding-left:20px;font-size:18px;}
.sort-box button{background:#ffc600;color:#000000;margin-left:10px;border-radius:5px;border:0;height:40px;line-height:40px;width:70px;font-size:18px;}
#image-player-wrapper .cmp-pdf-download {position:absolute;bottom:0px;right:100px;}
/* 내용없음 */
.bg-box.data-none{padding:10px;border-top:none;}
.bg-box.data-none .cont{height:380px;}
.bg-box.data-none .cont .txt{position:relative;margin:110px auto;padding-top:20px;padding-left:130px;width:545px;height:100px;font-size:22px;text-align:left;}
.bg-box.data-none .cont .txt:before{position:absolute;left:0;top:50%;content:'';width:100px;height:99px;background:url(../image/icon_smile.png)no-repeat;transform:translateY(-50%);}
.subp01-03 .cont-box01 .bg-box .cont .sp-flower-txt{font-size:20px;color:#000;}
.bg-box.data-none .cont .sp-flower-txt{position:relative;margin:100px auto;padding-left:200px;width:736px;height:165px;font-size:22px;text-align:left;padding-top: 37px; line-height: 1.5;}
.bg-box.data-none .cont .sp-flower-txt:before{position:absolute;left:0;top:50%;content:'';width:180px;height:180px;background:url(../image/icon_flower_gisangi.png)no-repeat;transform:translateY(-50%);}
.subp01-03 .cont-box01 .bg-box .cont .th-beach-txt{font-size:20px;color:#000;}
.bg-box.data-none .cont .th-beach-txt{position:relative;margin:100px auto;padding-left:200px;width:736px;height:165px;font-size:22px;text-align:left;padding-top: 26px;line-height: 1.5;}
.bg-box.data-none .cont .th-beach-txt:before{position:absolute;left:0;top:50%;content:'';width:180px;height:180px;background:url(../image/icon_beach_gisangi.png)no-repeat;transform:translateY(-50%);}
.subp01-03 .cont-box01 .bg-box .cont .th-autumn-txt{font-size:20px;color:#000;}
.bg-box.data-none .cont .th-autumn-txt{position:relative;margin:100px auto;padding-left:200px;width:565px;height:165px;font-size:22px;text-align:left;padding-top: 46px;  line-height: 1.5;}
.bg-box.data-none .cont .th-autumn-txt:before{position:absolute;left:0;top:50%;content:'';width:180px;height:180px;background:url(../image/icon_autumn_gisangi.png)no-repeat;transform:translateY(-50%);}
.subp01-03 .cont-box01 .bg-box .cont .th-typ-txt{font-size:20px;color:#000;}
.bg-box.data-none .cont .th-typ-txt{position:relative;margin:100px auto;padding-left:200px;width:700px;height:165px;font-size:22px;text-align:left;padding-top: 48px;line-height: 1.5;}
.bg-box.data-none .cont .th-typ-txt:before{position:absolute;left:0;top:50%;content:'';width:180px;height:180px;background:url(../image/icon_typ_gisangi.png)no-repeat;transform:translateY(-50%);}
.subp01-03 .cont-box01 .bg-box .cont .th-hw-txt{font-size:20px;color:#000;}
.bg-box.data-none .cont .th-hw-txt{position:relative;margin:100px auto;padding-left:200px;width:736px;height:165px;font-size:18px;text-align:left;padding-top: 40px;line-height: 1.5;}
.bg-box.data-none .cont .th-hw-txt:before{position:absolute;left:0;top:50%;content:'';width:180px;height:180px;background:url(../image/icon_hw_gisangi.png)no-repeat;transform:translateY(-50%);}
.subp01-03 .cont-box01 .bg-box .cont .th-cw-txt{font-size:20px;color:#000;}
.bg-box.data-none .cont .th-cw-txt{position:relative;margin:100px auto;padding-left:200px;width:736px;height:165px;font-size:18px;text-align:left;padding-top: 40px;line-height: 1.5;}
.bg-box.data-none .cont .th-cw-txt:before{position:absolute;left:0;top:50%;content:'';width:180px;height:180px;background:url(../image/icon_cw_gisangi.png)no-repeat;transform:translateY(-50%);}
.subp01-03 .cont-box01 .bg-box .cont .th-fog-txt{font-size:20px;color:#000;}
.bg-box.data-none .cont .th-fog-txt{position:relative;margin:100px auto;padding-left:200px;width:662px;height:165px;font-size:20px;text-align:left;padding-top: 45px;line-height: 1.5;}
.bg-box.data-none .cont .th-fog-txt:before{position:absolute;left:0;top:50%;content:'';width:180px;height:180px;background:url(../image/icon_fog_gisangi.png)no-repeat;transform:translateY(-50%);}
.subp01-03 .cont-box01 .bg-box .cont .th-eqk-txt{font-size:20px;color:#000;}
.bg-box.data-none .cont .th-eqk-txt{position:relative;margin:100px auto;padding-left:200px;width:662px;height:165px;font-size:20px;text-align:left;padding-top: 50px;line-height: 1.5;}
.bg-box.data-none .cont .th-eqk-txt:before{position:absolute;left:0;top:50%;content:'';width:180px;height:180px;background:url(../image/icon_eqk_notice.png)no-repeat;transform:translateY(-50%);}
.subp01-03 .cont-box01 .bg-box .cont .th-mnt-txt{font-size:20px;color:#000;}
.bg-box.data-none .cont .th-mnt-txt{position:relative;margin:100px auto;padding-left:182px;width:662px;height:165px;font-size:20px;text-align:left;padding-top: 39px;line-height: 1.5;}
.bg-box.data-none .cont .th-mnt-txt:before{position:absolute;left:0;top:50%;content:'';width:180px;height:180px;background:url(../image/icon_mnt_notice.png)no-repeat;transform:translateY(-50%);}
.bg-box.data-none .cont .notice{position:relative;width:100%;font-size:18px;text-align:left;}

/* 서브 영상 공통 */
/* * 토글 버튼 * */
.movie-lap01{/*overflow:hidden;*/min-height:64px;position:relative;}
.movie-lap01 .open-notice{display: inline-block; overflow: hidden; position: absolute; right: 194px; top: 51px; margin-top: -30px; padding: 5px 0; font-size: 18px;}
.movie-set-btn.checkbox-wrap{display:inline-block;overflow:hidden;position:absolute;right:0;top:50%;margin-top:-30px; padding:5px 0;}
.movie-set-btn.checkbox-wrap .chk-title{color:#222;font-size:18px;float:left;height:60px;line-height:60px;}
.movie-set-btn.checkbox-wrap label{display:block;float:left;width:60px;height:30px;background:#b7bcc3;position:relative;border-radius:30px;margin-top:15px;margin-left:5px;}
.movie-set-btn.checkbox-wrap .chk-toggle + label:after{content:"ON";position:absolute;left:2px;top:1px;width:28px;height:28px;background:#ffc600;border-radius:28px;text-align:center;line-height:28px;transition: all 0.2s;font-weight:700;}
.movie-set-btn.checkbox-wrap .chk-toggle:checked + label:after{content:"OFF";position:absolute;left:30px;top:1px;width:28px;height:28px;background:#000;color:#fff;}

.switch-toggle {display:block;float:left;width:60px;height:30px;background:#b7bcc3;position:relative;border-radius:30px;margin-top:15px;margin-left:5px; margin-right:3px;}
.switch-toggle:after{content:"ON";position:absolute;left:2px;top:1px;width:28px;height:28px;background:#ffc600;border-radius:28px;text-align:center;line-height:28px;transition: all 0.2s;font-weight:700;}
.switch-toggle.off:after{content:"OFF";position:absolute;left:30px;top:1px;width:28px;height:28px;background:#000;color:#fff;}

/* .accordionsecond-tit.on + .accordionsecond-con{display:block;} */
.subp01 .cont-box02{margin-top:25px;position:relative;}
.subp01 .cont-box02 [class*="box-con"]{position:absolute;right:0;top:-65px;width:200px;height:40px;line-height:40px;border-radius:5px;color:#fff;background:#000;text-align:center;font-size:18px;}
.subp01 .cont-box02 [class*="box-con"] button{color:#fff;font-size:18px;}
.subp01 .cont-box02 [class*="box-con"] > span{display:block;padding-left:15px; width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.subp01 .cont-box02 .box-con-on{background:#bb0000;padding-right:30px;cursor: pointer;}
.subp01 .cont-box02 .box-con-on:after{content:"";position:absolute;right:20px;top:50%;width:11px;height:9px;margin-top:-6px;background:url(../image/arrow_down.png)no-repeat center center;transform:rotateZ(0);background-size:100%;transition: all 0.2s;}
.subp01 .cont-box02 .box-con-on.on:after{transform:rotateZ(-180deg);}
.subp01 .cont-box02 .box-con-wrn{background:#bb0000;right: 210px; width:auto; max-width:360px;}
.subp01 .cont-box02 .box-con-wrn > span{font-size:16px;padding-right:15px;}
.subp01 .cont-box02 .accordion-con{/*border:2px solid #bb0000;border-top:5px solid #bb0000;*/padding:0 18px 18px 18px;background:#eef2f7;position:relative;}
.subp01 .cont-box02 .tab-wrap01{position:relative;padding-bottom:15px;}
.subp01 .cont-box02 .tab-wrap01 .tooltip{top:50px}
.subp01 .cont-box02 [class*="tab-btn"]{display:inline-block;}
.subp01 .cont-box02 [class*="tab-btn"] button{font-size:30px;padding:0 18px; border-bottom:5px solid #eef2f7;line-height:60px;font-weight:300;color:#000000;}
.subp01 .cont-box02 [class*="tab-btn"] button.on{font-weight:700;color:#bb0000;border-bottom:5px solid #bb0000}
.subp01 .cont-box02 [class*="tab-btn"] button .icon{display:inline-block;background:url('../image/sub-tab-icon-off_2.png');vertical-align:middle;margin-left:7px;margin-top:-3px;}
.subp01 .cont-box02 [class*="tab-btn"] button.on .icon{background:url('../image/sub-tab-icon-on_2.png');}
.subp01 .cont-box02 .tab-fild{padding-bottom:0; display:flex; flex-wrap:wrap; }
.subp01 .cont-box02 .no-info {padding-bottom:0;}
.subp01 .cont-box02 .no-info .right-flid > .txt {margin-bottom: 10px;}
.subp01 .cont-box02 .left-flid{width:500px;float:left; min-height:430px; position:relative;}
.subp01 .cont-box02 .right-flid{float:left;width:calc(100% - 500px);padding-left:20px; position:relative;}
.subp01 .cont-box02 .right-flid > .tit{padding-left:15px;position:relative;font-size:22px;font-weight:700;}
.subp01 .cont-box02 .right-flid > .tit:after{width:7px;height:7px;content:"";position:absolute; left:0;top:50%;margin-top:-4px;background:#000;}
.subp01 .cont-box02 .right-flid > .txt{font-size:18px;padding-left:15px;margin-top:10px;margin-bottom:0px;line-height: 160%;}
.subp01 .cont-box02 .right-flid > .txt strong{font-weight:700;}
.subp01 .cont-box02 .right-flid > .txt strong.txt-subtitle{font-weight:500; font-size:20px;}
.subp01 .cont-box02 .right-flid > .txt span:before{content:"";margin:0 20px;width:1px;height:16px;display:inline-block;background:#000000;vertical-align:middle;}
.subp01 .cont-box02 .right-flid > .txt span:first-of-type::before{display:none;}
.subp01 .cont-box02 .right-flid .text-area{height:340px;background:#fff;overflow:auto;margin-top:10px;position:relative;}
.subp01 .cont-box02 .right-flid .text-area .swiper-slide{height:auto;font-size:17px;padding:30px;line-height:160%;}

.subp01 .cont-box02 .left-flid .img-area {width: 100%; height: 100%; top: 0; display: table; margin-top: 6px;}
.subp01 .cont-box02 .left-flid .img-area .img-area-middle {display: table-cell; vertical-align: middle;}
.subp01 .cont-box02 .left-flid .img-area .img-area-middle .img-area-cont {display:inline-block;}
.img-area-cont span {text-align: center; display: block; margin: 7px 0 20px 0;}

.subp01 .cont-box02 .right-flid .text-area .swiper-slide .tit{margin-top:5px;}
.subp01 .cont-box02 .big-btn{position:absolute;right:20px;top:45px;font-size:15px;color:#595959}
.subp01 .weather-list{margin-top:0;border-bottom:0;border-right:1px solid #e0e6ef;padding-top:0;}
.subp01 .weather-list .weather-item{border:1px solid #e0e6ef;border-left:1px solid #fff;}
.subp01 .weather-list .weather-item.now{border:1px solid #000000;background:none;}
.subp01 .weather-list .weather-item .time{color:#000;}
.subp01 .weather-list .weather-item.now .time{font-weight:700;}
.subp01 .weather-list .weather-item .temp{color:#000;}
.subp01 .weather-list .weather-item .temp span{font-weight:300;}
.subp01 .weather-list .weather-item .temp .weat01{background:url(../image/sub_weat_icon02.png)no-repeat center center;}
.subp01 .weather-list .weather-item .temp .weat02{background:url(../image/sub_weat_icon01.png)no-repeat center center;}
.subp01 .weather-list .weather-item .temp .weat03{background:url(../image/sub_weat_icon03.png)no-repeat center center;}
.subp01 .weather-list .weather-item table th{color:#000;}
.subp01 .weather-list .weather-item table th .icon01{background:url(../image/icon_table03.png);}
.subp01 .weather-list .weather-item table th .icon02{background:url(../image/icon_table02.png);}
.subp01 .weather-list .weather-item table th .icon03{background:url(../image/icon_table01.png);}
.subp01 .weather-list .weather-item table td{color:#000;}
.subp01 .weather-list .weather-item table td:first-of-type{color:#000;}
.subp01 .weather-list .weather-item table td:first-of-type .icon01{background:url(../image/icon_table03.png);}
.subp01 .weather-list .weather-item table td:first-of-type .icon02{background:url(../image/icon_table02.png);}
.subp01 .weather-list .weather-item table td:first-of-type .icon03{background:url(../image/icon_table01.png);}
.subp01 .weather-list .weather-item table td:last-of-type{color:#000;}
.subp01 .weather-list .slick-arrow{display:none;}
.subp01 .weather-info-list{margin-top:0}
.subp01 .cont-box03{border-bottom:1px solid #e0e6ef;padding-bottom:10px;}
.subp01 .cont-box03 .swiper-pagination{position:relative;top:0;margin-top:50px;}
.subp01 .swiper-pagination .swiper-pagination-bullet{color:#000000;}
.subp01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{color:#009ae1;border-bottom:5px solid #009ae1;}
.subp01 .swiper-pagination .swiper-pagination-bullet .icon{background-image:url('../image/sub-tab-icon-off_2.png')}
.subp01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .icon{background-image:url(../image/icon_help_2.png);}
.subp01 .weather-info-list{background:none; height:498px;}
.subp01 .weather-info-list .swiper-scrollbar{background:#b7bcc3;height:10px;margin:0 0 0 70px; width:calc(100% - 85px); }
.subp01 .weather-info-list .swiper-scrollbar-drag{background:#eef2f7;height:6px;margin:2px 0 0 0;}
.subp01 .weather-cont02{margin-top:10px;}
.subp01 .weather-cont02 .title-label{background:#fff;}
.subp01 .weather-cont02 .title-label [class*="tit"]{color:#595959;}
.subp01 .weather-cont02 .title-label [class*="tit"] span{color:#595959;}
.subp01 .weather-info-list .swiper-slide .ul-item04 li .them .txt{color:#000000;}
.subp01 .weather-info-list .swiper-slide .ul-item05 li p{color:#000;}
.subp01 .weather-info-list .swiper-slide .ul-item06 li .them .txt{color:#000000;}
.subp01 .weather-info-list .swiper-slide .ul-item07 li .txt{color:#000000;}
.subp01 .weather-info-list .swiper-slide .ul-item08 li .txt{color:#000000;}
.subp01 .weather-info-list .swiper-slide .ul-item09 li .them .txt{color:#000000;}
.subp01 .weather-info-list .iScrollHorizontalScrollbar{background:#b7bcc2;}
.subp01 .weather-info-list .iScrollVerticalScrollbar{background:#b7bcc2;}
.subp01 .weather-info-list .iScrollHorizontalScrollbar .iScrollIndicator {background: #edf2f6}
.subp01 .weather-info-list .iScrollVerticalScrollbar .iScrollIndicator {background: #edf2f6}
.subp01 .weather-info-list .iScrollHorizontalScrollbar .iScrollIndicator{margin-left:72px;}
.subp01 .tom-mark{background:#0131cc;color:#fff;}
.subp01 .tom-mark:after{background:url(../image/sub-now-mark-icon.png);}
.subp01 .cont-box04 {height: 457px;border-bottom:1px solid #e0e6ef;}
.subp01 .cont-box04 .tit{font-size:30px;margin-top:55px;position:relative;margin-bottom:10px;}
.subp01 .cont-box06 .tit .more { position: absolute; right: 10px; top: 5px; font-size: 20px;}
.subp01 .cont-box04 .tit .more { position: absolute; right: 10px; top: 5px; font-size: 20px;}
.subp01 .cont-box02 .tit .more { position: absolute; right: 10px; top: 17px; font-size: 20px;}
.subp01 .cont-box01 .tit .more { position: absolute; right: 10px; bottom: 5px; font-size: 20px;}
.subp01 .cont-box01 .tit .more-side { position: absolute; right: 167px; bottom: 5px; font-size: 20px;}
.subp01 .cont-box04 img{width:auto;}
.subp01 .chart-area{overflow:hidden;}
.subp01 .chart-area .chart-item{float:left;width:150px;height:177px;margin-left:0;border:1px solid #e0e6ef;border-left:0;}
.subp01 .chart-area .chart-item.on{border:1px solid #e0e6ef; border-left:0;} 
.subp01 .chart-area .chart-item.on:first-child {border-left:1px solid #e0e6ef;}
.subp01 .chart-area .chart-item .data{font-weight:700;font-size:18px;color:#000000;text-align:center;display:block;;line-height:45px;padding-top:5px;}
.subp01 .chart-area .chart-item .data span{font-weight:300;}
.subp01 .chart-area .chart-item img{transform: translate(0);display:block;margin:0 auto;width:37px}
.subp01 .chart-area .chart-item .weat-wrap{overflow:hidden;}
.subp01 .chart-area .chart-item .weat-wrap .left-weat,
.subp01 .chart-area .chart-item .weat-wrap .right-weat{float:left;width:50%;text-align:center;}
.subp01 .chart-area .chart-item .weat-wrap span.txt{display:block;transform:translate(0);margin-top:10px;color:#595959;line-height:150%;}
.subp01 .chart-area .chart-item .info-txt{display:block; font-size: 15px; text-align:center; line-height: 30px; margin-top:5px;}
.subp01 .more-btn{display:none;}
.subp01-01 .cont-box06{height:auto;border-bottom:0;} 
.subp01-01 .cont-box06 .tit{font-size:30px;margin-top:55px;position:relative;margin-bottom:10px;}
.subp01-01 .cont-box06 img{width:auto;}

.subp01 .tmnx { background: #fff;}
.tmnx { 
	color: #000;
	left: 103px;
	top: -24px;
	text-align: center;
	width: 160px;
	word-break: keep-all;
	display: inline-block;
	position: absolute;
	background: rgba(0,0,0,0.1);
	font-size: 14px;
	font-weight: 600;
	line-height: 26px;
	z-index: 0;
	padding: 0px 8px;
	border-radius: 3px;
}
.tmnx.today { left: 0px; width: 160px; }
.tmnx.today_short { left: 0px; width: 80px; }
.tmnx.dawn { left: 0px; width: 180px; }
.tmnx .tmn { color: #3e64ff;}
.tmnx .tmx { color: #ee4540;}
.mainp .tmnx { color: #fff;}
.mainp .tmnx .tmn { color: #fff;}
.mainp .tmnx .tmx { color: #fff;}

/* 기상특보 - 특보현황 */
.subp01-02 .cont-box01 > .tit,
.subp01-02 .cont-box02 > .tit{position:relative;margin-bottom:5px;padding:10px 0;font-size:30px;color:#000;font-weight:700;}
.subp01-02 .cont-box01 .lev1{display:inline-block;background:#fbeee5;color:#a64200;width:90px;height:40px;line-height:40px;border-radius:5px;font-weight:700;}
.subp01-02 .cont-box01 .lev2{display:inline-block;background:#f8e5e5;color:#bb0000;width:90px;height:40px;line-height:40px;border-radius:5px;font-weight:700;}
.subp01-02 .cont-box02 > .tit{margin-top:55px;}
.subp01-02 .cont-box02 .accordion-con{position:relative;padding:18px;background:#eef2f7;border:none;}
.subp01-02 .cont-box02 + .cont-box05{margin-bottom:90px;}
.subp01-02 .cont-box01 .table-col td:first-child{border-left:1px solid #e0e6ef; }
.subp01-02 .cont-box01 .table-col td[rowspan]:first-child{border-left:0;}

.subp01-02 .kmap-wrap { height:515px; }
.noted-txt {margin-top:10px;}
.noted-txt p{font-size:18px;}

/* 신규 날씨해설탭 - 20200312 */
.weather-cmt-content > [class*="tab-cont0"] { display:none;}
.weather-cmt-content > [class*="tab-cont0"].on { display:block;}
.weather-cmt-tab { position: relative;}
.weather-cmt-tab > div { display:inline-block; }
.weather-cmt-tab > div > button { font-size: 18px; padding: 5px 10px; margin: 0 10px; color: #000;}
.weather-cmt-tab > div > button.on { color: #009ae1; font-weight: 700; border-bottom: 5px solid #009ae1;}

.weather-cmt-tab .tit {position: relative;margin-bottom: 5px;padding: 10px 0;font-size: 30px;color:#000;font-weight: 700;}
.subp01-02 .weather-cmt-tab { margin-top: 55px; }
.subp01-02 .weather-cmt-tab > div:first-child > button.on {border-bottom:0;}
.subp01-02 .weather-cmt-tab > div:first-child > button.on h3{color: #000;}
.subp01-02 .weather-cmt-tab > div:first-child > button .tooltip{width: 560px}
.subp01-02 .weather-cmt-tab > div:first-child > button {overflow: visible; padding-left:0;margin-left:0;}
.subp01-02 .weather-cmt-tab .more { position: absolute; right: 10px; top: 25px;font-size: 20px; font-weight: 700;}

/* 기상특보 - 안개정보 */
.subp01-03 .cont-box01 > .tit,
.subp01-03 .cont-box02 > .tit{position:relative;margin-bottom:5px;padding:10px 0;font-size:30px;color:#000;font-weight:700;}

/* 기상특보 - 영향예보 */
.subp01-01 .cont-box01 > .tit,
.subp01-01 .cont-box02 > .tit{position:relative;margin-bottom:5px;padding:10px 0;font-size:30px;color:#000;font-weight:700;}

.subp01-01 .ifs_cont .bg-box{position:relative;padding:20px 10px 10px 10px;background:#eef2f7;border-top:1px solid #006fe8;box-sizing:border-box;margin-top: 35px;}
.subp01-01 .ifs_cont .bg-box > .tit{position:relative;margin-bottom:20px;padding-left:15px;font-size:22px;color:#000;font-weight:700;}
.subp01-01 .ifs_cont .bg-box > .tit:before{position:absolute;top:50%;left:0;content:'';width:7px;height:7px;background:#000;transform:translateY(-50%);}
.subp01-01 .ifs_cont .bg-box .cont{padding:30px;width:100%;height:100%;background:#fff;}
.subp01-01 .ifs_cont .bg-box .cont .txt{font-size:18px;color:#000;}
.subp01-01 .ifs_cont .bg-box .map{width:100%;height:100%;background:#fff;}
.subp01-01 .ifs_cont .bg-box + .bg-box{margin-top:30px;}

.subp01-01 .tab-menu-wrap .tooltip-btn { margin-top: -5px; position:absolute; top:22px; right:0;}
.subp01-01 .tab-menu-wrap .tooltip-btn .tooltip { width:200px; }
.subp01-01 .tab-menu-wrap .tab-menu > div { margin-right: 10px; }
.subp01-01 .tab-menu-wrap .tab-menu > * a span { padding: 0 30px; }

.subp01-03 .cont-box01 .bg-box{position:relative;padding:20px 10px 10px 10px;background:#eef2f7;border-top:1px solid #006fe8;box-sizing:border-box;}
.subp01-03 .cont-box01 .bg-box > .tit{position:relative;margin-bottom:20px;padding-left:15px;font-size:22px;color:#000;font-weight:700;}
.subp01-03 .cont-box01 .bg-box > .tit:before{position:absolute;top:50%;left:0;content:'';width:7px;height:7px;background:#000;transform:translateY(-50%);}
.subp01-03 .cont-box01 .bg-box .cont{padding:30px;width:100%;height:100%;background:#fff;}
.subp01-03 .cont-box01 .bg-box .cont .txt{font-size:18px;color:#000;}
.subp01-03 .cont-box01 .bg-box .map{width:100%;height:100%;background:#fff;}
.subp01-03 .cont-box01 .bg-box + .bg-box{margin-top:30px;}
.subp01-03 .bottom-info{margin-top:60px;}
.subp01-03 .cont-wrap .cont-box02 .ban-wrap,
.subp01-03 .cont-wrap .cont-box04 .ban-wrap{overflow:hidden;}
.subp01-03 .cont-wrap .cont-box02 .ban-wrap li,
.subp01-03 .cont-wrap .cont-box04 .ban-wrap li{position:relative;margin-left:15px;width:calc(25% - 15px);float:left;}
.subp01-03 .cont-wrap .cont-box02 .ban-wrap li:first-of-type,
.subp01-03 .cont-wrap .cont-box04 .ban-wrap li:first-of-type{margin-left:0;}
.subp01-03 .cont-wrap .cont-box04 .ban-wrap li > img{width:100%;}
.subp01-03 .cont-wrap .cont-box02 .wr,
.subp01-03 .cont-wrap .cont-box04 .wr{position:absolute;top:0;left:0;display:table;width:100%;height:100%;}
.subp01-03 .cont-wrap .cont-box02 .wr .cel,
.subp01-03 .cont-wrap .cont-box04 .wr .cel{display:table-cell;font-size:22px;color:#fff;font-weight:700;text-align:center;vertical-align:middle;}
.subp01-03 .cont-wrap .cont-box02 .wr img,
.subp01-03 .cont-wrap .cont-box04 .wr img{width:auto;vertical-align:middle;}
.subp01-03 .cont-wrap .cont-box02 .wr p,
.subp01-03 .cont-wrap .cont-box04 .wr p{margin-top:20px;}
.subp01-03 .cont-wrap .cont-box02 .wr p img,
.subp01-03 .cont-wrap .cont-box04 .wr p img{width:auto;margin-left:20px;}

/* 현재날씨 */
.subp01.subp01-04 .cont-box02 .cont-box02 { margin-top: 20px;}
.subp01-04 .cont-box01 > .tit{position:relative;margin-bottom:5px;padding:10px 0;font-size:30px;color:#000;font-weight:700;}
.subp01-04 .cont-box02 .toggle-cont{padding-top:5px;text-align:right;}
.subp01-04 .cont-box02 .toggle-cont input{display:none;}
.subp01-04 .cont-box02 .toggle-cont label{position:relative;padding-right:30px;font-size:15px;color:#006fe8;}
.subp01-04 .cont-box02 .toggle-cont label:after{position:absolute;right:0;top:50%;content:'';width:11px;height:7px;background:url(../image/arrow_down04.png)no-repeat;transform:translateY(-50%);}
.subp01-04 .cont-box02 .toggle-cont input:checked + label:after{transform:rotate(180deg) translateY(50%);}
.subp01-04 .cont-box02 .toggle-cont input:checked + label + .cont{display:block;}

.subp01-04 .cont-box02 .toggle-cont .updown-toggle{position:relative;padding-right:30px;font-size:15px;color:#006fe8;}
.subp01-04 .cont-box02 .toggle-cont .updown-toggle:after{position:absolute;right:0;top:50%;content:'';width:11px;height:7px;background:url(../image/arrow_down04.png)no-repeat;transform:translateY(-50%);}
.subp01-04 .cont-box02 .toggle-cont .updown-toggle.on:after{transform:rotate(180deg) translateY(50%);}
.subp01-04 .cont-box02 .toggle-cont .updown-toggle.on + .cont{display:block;}

.subp01-04 .cont-box02 .toggle-cont .cont{display:none;margin-top:8px;}

.subp01-04 .cont-box02 .toggle-cont .cont .text-box{position:relative;padding:25px;width:100%;text-align:left;border:5px solid #e0e6ef;box-sizing:border-box;}
.subp01-04 .cont-box02 .toggle-cont .cont .text-box:before{position:absolute;top:-5px;left:-5px;content:'';width:50px;height:50px;border-top:5px solid #006fe8;border-left:5px solid #006fe8;}
.subp01-04 .cont-box02 .toggle-cont .cont .text-box:after{position:absolute;bottom:-5px;right:-5px;content:'';width:50px;height:50px;border-bottom:5px solid #006fe8;border-right:5px solid #006fe8;}
.subp01-04 .cont-box02 .toggle-cont .cont .text-box .tit{position:relative;padding-left:15px;font-size:22px;font-weight:700;}
.subp01-04 .cont-box02 .toggle-cont .cont .text-box .tit:before{position:absolute;top:50%;left:0;content:'';width:7px;height:7px;background:#000;transform:translateY(-50%);}
.subp01-04 .cont-box02 .toggle-cont .cont .text-box .txt{margin-top:20px;}
.subp01-04 .cont-box02 .toggle-cont .cont .text-box .txt > *{position:relative;margin-top:10px;padding-left:15px;font-size:17px;}
.subp01-04 .cont-box02 .toggle-cont .cont .text-box .txt > *:first-child{margin-top:0;}
.subp01-04 .cont-box02 .toggle-cont .cont02{margin-top:30px;}
/* .subp01-04 .cont-box02 .table-col th:first-child{border-left:1px solid #e0e6ef; } */
.subp01-04 .cont-box02 .table-col th[rowspan]:first-child{border-left:0;}
/* 단기예보 */
.subp01-05 .cont-box04{height:auto;border-bottom:0;}



/* 중장기 전망 */
.subp01-08 .cont-box01 .tab-menu-wrap .tab-menu-cont{margin-top:25px;}
.subp01-08 .cont-box01 .tab-menu-cont .cont01 .summary-box .tit,
.subp01-08 .cont-box01 .tab-menu-cont .cont01 .weather-box .tit{margin-bottom:12px;font-size:30px;font-weight:700;color:#000;}
.subp01-08 .cont-box01 .tab-menu-cont .cont01 .summary-box .summary-list{margin-top:20px;}
.subp01-08 .cont-box01 .tab-menu-cont .cont01 .weather-box{margin-top:60px;}
.subp01-08 .cont-box01 .tab-menu-cont .cont01 .weather-box .box-list{position:relative;background:#eef2f7;}
.subp01-08 .cont-box01 .tab-menu-cont .cont01 .weather-box .box-list > *{margin:0 20px;padding:20px 0;border-top:1px solid #fff;box-sizing:border-box;}
.subp01-08 .cont-box01 .tab-menu-cont .cont01 .weather-box .box-list > *:first-child{border:none;}
.subp01-08 .cont-box01 .tab-menu-cont .cont01 .weather-box .box-list li{position:relative;}
.subp01-08 .cont-box01 .tab-menu-cont .cont01 .weather-box .box-list .date-box{position:absolute;top:20px;left:0;display:table;width:80px;height:calc(100% - 40px);text-align:center;border:1px solid #000;}
.subp01-08 .cont-box01 .tab-menu-cont .cont01 .weather-box .box-list .date-box > *{position:relative;display:table-cell;width:100%;line-height:18px;font-weight:400;vertical-align:middle;}
.subp01-08 .cont-box01 .tab-menu-cont .cont01 .weather-box .box-list .date-box .year{font-size:15px;font-weight:300;}
.subp01-08 .cont-box01 .tab-menu-cont .cont01 .weather-box .box-list .date-box .month{position:relative;font-size:22px;font-weight:700;}
.subp01-08 .cont-box01 .tab-menu-cont .cont01 .weather-box .box-list .text-box{display:inline-block;padding-left:110px;}
.subp01-08 .cont-box01 .tab-menu-cont .cont01 .weather-box .box-list .text-box p{margin-top:10px;font-size:17px;}
.subp01-08 .cont-box01 .tab-menu-cont .cont01 .weather-box .box-list .text-box p:first-child{margin-top:0;}
.subp01-08 .cont-box01 .tab-menu-cont .cont01 .weather-box .box-list .text-box p span{color:#595959;}
.subp01-08 .left-banner .cel.download p{display:inline-block;margin-left:130px;padding:5px 50px;border:1px solid #fff;border-radius:5px;}

/* 중기예보 */
.subp01-11 .cont-box01 .tit{font-size:30px;margin-top:55px;position:relative;margin-bottom:10px;}
.subp01-11 .cont-box01 .tab-menu-cont{position: relative;}
.box-summary{ margin-top:8px;}
.box-summary .text-box{position:relative;padding:25px;width:100%;text-align:left;border:5px solid #e0e6ef;box-sizing:border-box; margin-bottom: 10px; }
.box-summary .text-box:before{position:absolute;top:-5px;left:-5px;content:'';width:50px;height:50px;border-top:5px solid #006fe8;border-left:5px solid #006fe8;}
.box-summary .text-box:after{position:absolute;bottom:-5px;right:-5px;content:'';width:50px;height:50px;border-bottom:5px solid #006fe8;border-right:5px solid #006fe8;}
.box-summary .text-box .tit{position:relative;padding-left:15px;font-size:22px;font-weight:700;margin-top:0;}
.box-summary .text-box .tit:before{position:absolute;top:50%;left:0;content:'';width:7px;height:7px;background:#000;transform:translateY(-50%);}
.box-summary .text-box .txt{margin-top:8px;}
.box-summary .text-box .txt > *{position:relative;margin-top:10px;padding-left:15px;font-size:17px;line-height:150%;}
.box-summary .text-box .txt > *:first-child{margin-top:0;}
.box-summary.thin-box .text-box{ border-width:1px; padding:10px;}
.box-summary.thin-box .text-box:before{ border-width:1px;top:-1px;left:-1px;width:30px;height:30px;}
.box-summary.thin-box .text-box:after{ border-width:1px;bottom:-1px;right:-1px;width:30px;height:30px;}
.box-summary.thin-box .text-box .txt {margin-top:0;}
.box-summary.normal-box .text-box{ border-width:4px; padding:16px;}
.box-summary.normal-box .text-box:before{ border-width:4px;top:-4px;left:-4px;width:40px;height:40px;}
.box-summary.normal-box .text-box:after{ border-width:4px;bottom:-4px;right:-4px;width:40px;height:40px;}
.box-summary.normal-box .text-box .txt {margin-top:0;}
.box-summary.normal-box .text-box.guide-box { background-color:#F4F7FB; }
.box-summary.normal-box .text-box.guide-box { min-height:250px; display: flex; justify-content: center; align-items: center; }
.box-summary.normal-box .text-box.guide-box .heading { font-size:30px; color:#0099E1; text-align:center;}
.box-summary.normal-box .text-box.guide-box li {font-size:22px; text-align:center; line-height:200%}
.box-summary.normal-box .text-box.guide-box li em { font-size:22px; color:#0099E1; text-align:center;}


.mid-tm-box { font-size: 17px; text-align:right; padding:10px;}
.mid-tm-box.upper-box{ position: absolute; top: 0px; right:0;}
.mid-tm-box .lbl {background:#000;color:#fff;line-height:20px; padding:3px 20px;}
.mid-tm-box .txt {padding-left: 15px; line-height: 20px;}
.subp01-11 .table-col th:first-of-type{border-left:1px solid #e0e6ef;}
.subp01-11 .table-col tr:first-of-type th:first-of-type{border-left:0;}
.subp01-11 .table-col td:first-of-type {border-left:1px solid #e0e6ef;}
.subp01-11 .table-col td[rowspan] { border-left:0}
.subp01-11 .table-col { border-bottom:1px solid #000; }
.table-col .tmn {color: #0074BE;}
.table-col .tmx {color: #f21b2a;}

/* 날씨해설 */
.subp01-09 .cont-wrap > .tit{position:relative;margin-bottom:5px;padding:10px 0;font-size:30px;color:#000;font-weight:700;}
.subp01-09 .cont-box02 .tit-fild-wrap{background:#eef2f7;overflow:hidden;padding:20px;}
.subp01-09 .cont-box02 .tit-fild-wrap .tooltip{top:30px;}
.subp01-09 .cont-box02 .tit-fild-wrap .right-flid .text-area{height:209px;}
.subp01-09 .move-list-wrap{margin-top:30px;margin-bottom:110px;}
.move-list-wrap {border-top:1px solid #000000; border-bottom:1px solid #000000;}
.move-list-wrap .move-list-item{padding:20px;border-top:1px solid #e0e6ef;}
.move-list-wrap .move-list-item:first-of-type{border-top:1px solid #e0e6ef;}
.move-list-wrap .move-list-btn{overflow:hidden;height:148px; cursor:pointer;}
.move-list-wrap .move-list-btn .left-btn{float:left;width:260px;height:100%;}
.move-list-wrap .move-list-btn .right-btn{float:left;padding-left:40px;height:100%;width:calc(100% - 260px);position:relative;}
.move-list-wrap .move-list-btn .cell{display:table-cell;vertical-align:middle;height:148px;width:100%;}
.move-list-wrap .move-list-btn .date{font-size:18px; color:#595959;margin-bottom:15px;display:block;}
.move-list-wrap .move-list-btn.on .date{color:#006fe8;}
.move-list-wrap .move-list-btn .txt{font-size:22px; color:#000000;font-weight:700;}
.move-list-wrap .move-list-btn.on .txt{color:#006fe8;}
.move-list-wrap .move-list-btn .txt span{font-weight:400;margin-right:5px;}
.move-list-wrap .move-list-btn .icon{position:absolute;bottom:0;right:0;color:#006fe8;font-size:15px;padding-right:30px;display:block;}
.move-list-wrap .move-list-btn .icon:after{content:"";position:absolute;right:0;top:50%;width:11px;height:9px;margin-top:-6px;background:url(../image/arrow_down04.png)no-repeat center center;background-size:100%;transition:all .2s; }
.move-list-wrap .move-list-btn.on .icon:after{transform:rotate(-180deg);}
.move-list-wrap .move-list-con{margin-top:20px;overflow:hidden;background:#eef2f7;border:1px solid #e0e6ef;padding:29px;}
.move-list-wrap .move-list-con .left-con{float:left;width:500px;}
.move-list-wrap .move-list-con .movi-area{width:500px;height:280px;}
.move-list-wrap .move-list-con .right-con{float:left;width:calc(100% - 500px);padding-left:20px;}
.move-list-wrap .move-list-con .tit{font-size:22px;color:#000;font-weight:700;margin-top:50px;position:relative;}
.move-list-wrap .move-list-con .txt{font-size:18px;margin-top:4px; line-height:140%;}
.move-list-wrap .move-list-con .text-area{background:#fff;position:relative;height:280px;overflow:hidden;font-size:17px; line-height:130%;margin-top:0px;}
.move-list-wrap .move-list-con .text-area .swiper-slide{height:auto; padding:25px 30px;}


/* 날씨Q */
.subp01-10 .move-list-wrap{margin-top:30px;margin-bottom:60px;}
.move-item .move-list-con{margin-top:20px;overflow:hidden;background:#eef2f7;border:1px solid #e0e6ef;padding:29px;}
.move-item .move-list-con .left-con{float:left;width:500px;}
.move-item .move-list-con .movi-area{width:500px;height:280px;}
.move-item .move-list-con .right-con{float:left;width:calc(100% - 500px);padding-left:20px;}
.move-item .move-list-con .tit{font-size:22px;color:#000;font-weight:700;margin-top:50px;position:relative;}
.move-item .move-list-con .txt{font-size:18px;margin-top:4px;}
.move-item .move-list-con .text-area{background:#fff;position:relative;height:147px;overflow-y:scroll;font-size:17px;margin-top:30px; }
.move-item .move-list-con .text-area .swiper-slide{height:auto; padding:25px 30px;}
.page-num.page{text-align:center;margin-top:10px;width:100%;padding-top:30px;}
.page-num.page button{width:30px;height:30px;font-size:18px;margin-left:12px;position:relative;overflow: visible;}
.page-num.page .num:nth-child(2){margin-left:0;}
.page-num.page .page-prev{background:url(../image/page_num_prev.png)no-repeat center 8px;margin-left:0;margin-right:60px;}
.page-num.page .page-next{background:url(../image/page_num_next.png)no-repeat center 8px;margin-left:60px;}
.page-num.page .num.on{color:#006fe8; border:1px solid #006fe8;}



/* 오늘의 바다 */
.subp02 .cont-box02{margin-top:25px;position:relative;}

.subp02 .cont-box02 [class*="box-con"]{position:absolute;right:0;top:-65px;width:200px;height:40px;line-height:40px;border-radius:5px;color:#fff;background:#000;text-align:center;font-size:18px;display:block;}
.subp02 .cont-box02 [class*="box-con"] button{color:#fff;font-size:18px;}
.subp02 .cont-box02 .box-con-on{background:#bb0000;padding-right:30px;cursor: pointer;}
.subp02 .cont-box02 .box-con-on:after{content:"";position:absolute;right:20px;top:50%;width:11px;height:9px;margin-top:-6px;background:url(../image/arrow_down.png)no-repeat center center;transform:rotateX(180deg);background-size:100%;}
.subp02 .cont-box02 .box-con-on.on:after{transform:rotateX(0);}
.subp02 .cont-box02 .accordion-con{border:2px solid #bb0000;border-top:5px solid #bb0000;padding:0 18px;background:#eef2f7;position:relative;}
.subp02 .cont-box02 .tab-wrap01{position:relative;padding-bottom:15px;}
.subp02 .cont-box02 .tab-wrap01 .tooltip{top:50px}
.subp02 .cont-box02 .accordion-con{padding-bottom:70px;}
.subp02 .cont-box02 .tit{font-size:30px;color:#000;font-weight:700;padding:10px 0;}
.subp02 .cont-box02 .tit span{font-weight:300;}
.subp02 .cont-box02 .new-btn{float:right;color:#fff;background:#595959;width:135px;height:40px;border-radius:5px;;margin-top:10px;padding-right:20px;position:relative;font-size:15px;}
.subp02 .cont-box02 .new-btn:after{content:"";display:block;position:absolute;right:25px;top:50%;width:9px;height:11px;background:url(../image/arrow_side.png)no-repeat;background-size:100%;margin-top:-6px}
.subp02 .cont-box02 .lev1{display:inline-block;background:#fbeee5;color:#a64200;width:90px;height:40px;line-height:40px;border-radius:5px;font-weight:700;}
.subp02 .cont-box02 .lev2{display:inline-block;background:#f8e5e5;color:#bb0000;width:90px;height:40px;line-height:40px;border-radius:5px;font-weight:700;}
.subp02 .cont-box03{background:#eef2f7;padding:20px;overflow:hidden;margin-top:10px;position:relative;padding-left:421px;}
.subp02 .cont-box03 .img-con{position:absolute;left:20px;top:99px;width:381px;}

.subp02 .cont-box03 [class*='img-area']{position:absolute;display:none;font-family:'scd-medium', sans-serif;letter-spacing:0;z-index:0;}
.subp02 .cont-box03 [class*='img-area'].on{display:block;}
.subp02 .cont-box03 [class*='img-area'] [class*='button-area']{position:absolute;left:0;top:0;width:100%;height:100%;}
.subp02 .cont-box03 .right-con .img-area1 .txt{font-size:15px;color:#fff;line-height:1;position:absolute;margin-bottom:0;}
.subp02 .cont-box03 .right-con .img-area1 .w01{left:10px;top:43px;}
.subp02 .cont-box03 .right-con .img-area1 .w02{left:10px;top:157px;}
.subp02 .cont-box03 .right-con .img-area1 .w03{left:10px;top:293px;}
.subp02 .cont-box03 .right-con .img-area1 .w04{left:125px;top:364px;}
.subp02 .cont-box03 .right-con .img-area1 .w05{left:96px;top:454px;}
.subp02 .cont-box03 .right-con .img-area1 .w06{left:250px;top:372px;}
.subp02 .cont-box03 .right-con .img-area1 .w07{left:312px;top:245px;}
.subp02 .cont-box03 .right-con .img-area1 .w08{left:282px;top:84px;}
.subp02 .cont-box03 .right-con .img-area1 .w09{left:256px;top:10px;}
.subp02 .cont-box03 .right-con .img-area1 [class*='img-flid']{position:absolute;overflow:hidden;}
.subp02 .cont-box03 .right-con .img-area1 [class*='img-flid'] .imgtab-btn{width:100%;height:100%;position:absolute;}
.subp02 .cont-box03 .right-con .img-area1 .img-flid1{width:100px;height:109px;left:0;top:0}
.subp02 .cont-box03 .right-con .img-area1 .img-flid2{width:157px;height:104px;left:0;top:109px}
.subp02 .cont-box03 .right-con .img-area1 .img-flid3{width:204px;height:287px;left:0;top:213px;}
.subp02 .cont-box03 .right-con .img-area1 .img-flid3 .img-flid{width:204px;height:226px;bottom:0;right:0;z-index:1;}
.subp02 .cont-box03 .right-con .img-area1 .img-flid4{width:177px;height:351px;right:0;top:149px;}
.subp02 .cont-box03 .right-con .img-area1 .img-flid5{width:195px;height:115px;right:0;top:35px}
.subp02 .cont-box03 .right-con .img-area1 .img-flid6{width:197px;height:35px;right:0;top:0}
.subp02 .cont-box03 .right-con .img-area1 .non-click{position:absolute;top:149px;left:157px;width:120px;height:124px;z-index:10;}
.subp02 .cont-box03 .right-con .img-area1 [class*='img-flid'] .imgtab-btn[data-imgtab='4']{width:186px;height:320px;max-height:none;transform:rotateZ(36deg);left:-75px;top:-53px;z-index:2;}
.subp02 .cont-box03 .right-con .img-area1 [class*='img-flid'] .imgtab-btn[data-imgtab='5']{height:140px;top:0;right:0;}
.subp02 .cont-box03 .right-con .img-area1 [class*='img-flid'] .imgtab-btn[data-imgtab='7']{height:90px;bottom:0;right:0;}
.subp02 .cont-box03 .right-con .img-area1 [class*='img-flid'] .imgtab-btn[data-imgtab='6']{width:203px;height:320px;max-height:none;max-width:none;transform:rotateZ(-34deg);left:-45px;top:93px;z-index:2}
.subp02 .cont-box03 .right-con .img-area1 [class*='img-flid'] .imgtab-btn[data-imgtab='8']{width:105px;z-index:1;right:0;}
/* .subp02 .cont-box03 .right-con .img-area1 [class*='img-flid'] .imgtab-btn[data-imgtab='11']{width:30px;height:28px;border-radius:100%;z-index:1;right:42px;bottom:10px;} */

.subp02 .cont-box03 [class*='img-area'] .prev-btn{position:absolute;width:34px;height:34px;background:url(../image/prev-btn-icon.png);top:2px;right:2px;z-index:11;}
.subp02 .cont-box03 [class*='img-area'] .button-area02 .sub-txt{font-family:'scd-bold', sans-serif;color:#fff;font-size:22px;line-height:1;position:absolute;}
.subp02 .cont-box03 [class*='img-area'] .button-area02 [class*="circle-btn"]{background:url(../image/circle-btn-off.png);background-size:100%; width:74px;height:73px;font-size:13px;color:#fff;position:absolute;}
.subp02 .cont-box03 [class*='img-area'] .button-area02 [class*="circle-btn"] span{width:64px;height:64px;display:inline-block;padding-top:16px;}
.subp02 .cont-box03 [class*='img-area'] .button-area02 [class*="circle-btn"].on span,
.subp02 .cont-box03 [class*='img-area'] .button-area02 [class*="circle-btn"]:hover span,
.subp02 .cont-box03 [class*='img-area'] .button-area02 [class*="circle-btn"]:focus span{background:#0270e9;border-radius:100%;vertical-align:middle;box-shadow:none;}
.subp02 .cont-box03 [class*='img-area'] .button-area02 [class*="circle-btn"].on,
.subp02 .cont-box03 [class*='img-area'] .button-area02 [class*="circle-btn"]:hover,
.subp02 .cont-box03 [class*='img-area'] .button-area02 [class*="circle-btn"]:focus{background:url(../image/circle-btn-on.png);background-size:100%;box-shadow:none;}
.subp02 .cont-box03 [class*='img-area'] .button-area02 [class*="icon-txt-btn"]{font-family:'scd-bold', sans-serif;font-size:15px;color:#000;padding:3px 0;padding-left:20px;position:absolute;text-align:left;}
.subp02 .cont-box03 [class*='img-area'] .button-area02 [class*="icon-txt-btn"]:before{content:"";display:inline-block;background:url(../image/icon-txt-btn.png);width:15px;height:23px;position:absolute;left:0;top:0;}
.subp02 .cont-box03 [class*='img-area'] .button-area02 [class*="icon-txt-btn"].on span,
.subp02 .cont-box03 [class*='img-area'] .button-area02 [class*="icon-txt-btn"]:hover span,
.subp02 .cont-box03 [class*='img-area'] .button-area02 [class*="icon-txt-btn"]:focus span{line-height:17px;background:url(../image/text-bg02.png);}

.subp02 .cont-box03 .img-area2 .sub-txt{left:20px;top:74px;}
.subp02 .cont-box03 .img-area2 .circle-btn1{left:151px;top:38px;}
.subp02 .cont-box03 .img-area2 .circle-btn2{left:22px;top:184px;}

.subp02 .cont-box03 .img-area3 .sub-txt{left:11px;top:184px;}
.subp02 .cont-box03 .img-area3 .circle-btn1{left:105px;top:196px;}
.subp02 .cont-box03 .img-area3 .circle-btn2{left:3px;top:307px;}
.subp02 .cont-box03 .img-area3 .circle-btn3{left:91px;top:280px;}
.subp02 .cont-box03 .img-area3 .icon-txt-btn1{left:178px;top:135px;}
.subp02 .cont-box03 .img-area3 .icon-txt-btn2{left:213px;top:198px;}
.subp02 .cont-box03 .img-area3 .icon-txt-btn3{left:209px;top:277px;}
.subp02 .cont-box03 .img-area3 .icon-txt-btn4{left:235px;top:345px;}

.subp02 .cont-box03 .img-area4 .sub-txt{left:11px;top:264px;}
.subp02 .cont-box03 .img-area4 .circle-btn1{left:3px;top:32px;}
.subp02 .cont-box03 .img-area4 .button-area02 .circle-btn1 span {padding-top:11px;}
.subp02 .cont-box03 .img-area4 .circle-btn1-1{left:94px;top:40px;}
.subp02 .cont-box03 .img-area4 .button-area02 .circle-btn1-1 span {padding-top:11px;}
.subp02 .cont-box03 .img-area4 .circle-btn2{left:50px;top:180px;}
.subp02 .cont-box03 .img-area4 .circle-btn3{left:5px;top:420px;}
.subp02 .cont-box03 .img-area4 .button-area02 .circle-btn3 span {padding-top:11px;}
.subp02 .cont-box03 .img-area4 .circle-btn3-1{left:35px;top:322px;}
.subp02 .cont-box03 .img-area4 .button-area02 .circle-btn3-1 span {padding-top:11px;}
.subp02 .cont-box03 .img-area4 .icon-txt-btn1{left:210px;top:42px;}
.subp02 .cont-box03 .img-area4 .icon-txt-btn2{left:197px;top:91px;}
.subp02 .cont-box03 .img-area4 .icon-txt-btn3{left:182px;top:147px;}
.subp02 .cont-box03 .img-area4 .icon-txt-btn4{left:167px;top:222px;}
.subp02 .cont-box03 .img-area4 .icon-txt-btn5{left:164px;top:287px;}

.subp02 .cont-box03 .img-area5 .sub-txt{left:180px;top:421px;}
.subp02 .cont-box03 .img-area5 .circle-btn1{left:66px;top:385px;}
.subp02 .cont-box03 .img-area5 .circle-btn2{left:175px;top:321px;}
.subp02 .cont-box03 .img-area5 .circle-btn3{left:268px;top:393px;}
.subp02 .cont-box03 .img-area5 .icon-txt-btn1{left:178px;top:263px;}
.subp02 .cont-box03 .img-area5 .icon-txt-btn2{left:269px;top:228px;}

.subp02 .cont-box03 .img-area6 .sub-txt{left:265px;top:388px;}
.subp02 .cont-box03 .img-area6 .circle-btn1{left:199px;top:227px;}
.subp02 .cont-box03 .img-area6 .circle-btn2{left:250px;top:420px;}
.subp02 .cont-box03 .img-area6 .circle-btn2-1{left:150px;top:322px;}
.subp02 .cont-box03 .img-area6 .icon-txt-btn1{left:168px;top:132px;}
.subp02 .cont-box03 .img-area6 .icon-txt-btn2{left:43px;top:150px;}
.subp02 .cont-box03 .img-area6 .icon-txt-btn3{left:9px;top:205px;}
.subp02 .cont-box03 .img-area6 .icon-txt-btn4{left:86px;top:175px;}
.subp02 .cont-box03 .img-area6 .button-area02 .icon-txt-btn1{padding-left:0;padding-right:20px;}
.subp02 .cont-box03 .img-area6 .button-area02 .icon-txt-btn1:before{left:auto;right:0;}
.subp02 .cont-box03 .img-area6 .button-area02 .icon-txt-btn2{padding-left:0;padding-right:20px;}
.subp02 .cont-box03 .img-area6 .button-area02 .icon-txt-btn2:before{left:auto;right:0;}
.subp02 .cont-box03 .img-area6 .button-area02 .icon-txt-btn3{padding-left:0;padding-right:20px;}
.subp02 .cont-box03 .img-area6 .button-area02 .icon-txt-btn3:before{left:auto;right:0;}
.subp02 .cont-box03 .img-area6 .button-area02 .icon-txt-btn4{padding-left:0;padding-right:20px;}
.subp02 .cont-box03 .img-area6 .button-area02 .icon-txt-btn4:before{left:auto;right:0;}

.subp02 .cont-box03 .img-area7 .sub-txt{left:169px;top:402px;}
.subp02 .cont-box03 .img-area7 .circle-btn1{left:146px;top:427px;}
.subp02 .cont-box03 .img-area7 .button-area02 .circle-btn1 span {padding-top:11px;}
.subp02 .cont-box03 .img-area7 .circle-btn1-1{left:26px;top:330px;}
.subp02 .cont-box03 .img-area7 .button-area02 .circle-btn1-1 span {padding-top:11px;}
.subp02 .cont-box03 .img-area7 .circle-btn1-2{left:266px;top:317px;}
.subp02 .cont-box03 .img-area7 .button-area02 .circle-btn1-2 span {padding-top:11px;}
.subp02 .cont-box03 .img-area7 .circle-btn2{left:148px;top:323px;}
.subp02 .cont-box03 .img-area7 .icon-txt-btn1{left:100px;top:221px;}
.subp02 .cont-box03 .img-area7 .button-area02 .icon-txt-btn1{padding-left:0;padding-right:20px;}
.subp02 .cont-box03 .img-area7 .button-area02 .icon-txt-btn1:before{left:auto;right:0;}
.subp02 .cont-box03 .img-area7 .icon-txt-btn2{left:31px;top:275px;}
.subp02 .cont-box03 .img-area7 .button-area02 .icon-txt-btn2{padding-left:0;padding-right:20px;}
.subp02 .cont-box03 .img-area7 .button-area02 .icon-txt-btn2:before{left:auto;right:0;}
.subp02 .cont-box03 .img-area7 .icon-txt-btn3{left:194px;top:276px;}
.subp02 .cont-box03 .img-area7 .icon-txt-btn4{left:244px;top:224px;}

.subp02 .cont-box03 .img-area8 .sub-txt{left:289px;top:260px;}
.subp02 .cont-box03 .img-area8 .circle-btn1{left:303px;top:422px;}
.subp02 .cont-box03 .img-area8 .button-area02 .circle-btn1 span {padding-top:11px;}
.subp02 .cont-box03 .img-area8 .circle-btn1-1{left:230px;top:305px;}
.subp02 .cont-box03 .img-area8 .button-area02 .circle-btn1-1 span {padding-top:11px;}
.subp02 .cont-box03 .img-area8 .circle-btn2{left:218px;top:156px;}
.subp02 .cont-box03 .img-area8 .circle-btn3{left:299px;top:36px;}
.subp02 .cont-box03 .img-area8 .button-area02 .circle-btn3 span {padding-top:11px;}
.subp02 .cont-box03 .img-area8 .circle-btn3-1{left:222px;top:60px;}
.subp02 .cont-box03 .img-area8 .button-area02 .circle-btn3-1 span {padding-top:11px;}
.subp02 .cont-box03 .img-area8 .icon-txt-btn1{left:61px;top:74px;}
.subp02 .cont-box03 .img-area8 .icon-txt-btn2{left:67px;top:165px;}
.subp02 .cont-box03 .img-area8 .icon-txt-btn3{left:87px;top:244px;}
.subp02 .cont-box03 .img-area8 .button-area02 .icon-txt-btn1{padding-left:0;padding-right:20px;}
.subp02 .cont-box03 .img-area8 .button-area02 .icon-txt-btn1:before{left:auto;right:0;}
.subp02 .cont-box03 .img-area8 .button-area02 .icon-txt-btn2{padding-left:0;padding-right:20px;}
.subp02 .cont-box03 .img-area8 .button-area02 .icon-txt-btn2:before{left:auto;right:0;}
.subp02 .cont-box03 .img-area8 .button-area02 .icon-txt-btn3{padding-left:0;padding-right:20px;}
.subp02 .cont-box03 .img-area8 .button-area02 .icon-txt-btn3:before{left:auto;right:0;}

.subp02 .cont-box03 .img-area9 .sub-txt{left:257px;top:154px;}
.subp02 .cont-box03 .img-area9 .circle-btn1{left:294px;top:37px;}
.subp02 .cont-box03 .img-area9 .circle-btn1-1{left:204px;top:67px;}
.subp02 .cont-box03 .img-area9 .circle-btn2{left:144px;top:139px;}
.subp02 .cont-box03 .img-area9 .icon-txt-btn1{left:20px;top:53px;}
.subp02 .cont-box03 .img-area9 .icon-txt-btn2{left:65px;top:129px;}
.subp02 .cont-box03 .img-area9 .icon-txt-btn3{left:127px;top:240px;}

.subp02 .cont-box03 .img-area10 .sub-txt{left:255px;top:12px;}
.subp02 .cont-box03 .img-area10 .circle-btn1{left:168px;top:6px;}
.subp02 .cont-box03 .img-area10 .circle-btn2{left:57px;top:6px;}

.subp02 .cont-box03 .right-con{float:left;width:100%}
.subp02 .cont-box03 .right-con .tit{font-size:30px;color:#000;font-weight:700;padding:15px 0}
.subp02 .cont-box03 .right-con .tit strong{color:#006fe8;}
.subp02 .cont-box03 .right-con .txt{margin:0 0 15px;font-size:18px;}
.subp02 .cont-box03 .right-con td{vertical-align:middle;}
.subp02 .cont-box03 .table-col td:first-child{border-left:1px solid #e0e6ef; }
.subp02 .cont-box03 .table-col td[rowspan]:first-child{border-left:0;}

.subp02 .cont-box03 .bu{float:right;font-size:15px;margin-top:10px;}
.subp02 .cont-box03 .bu strong{font-weight:700;}
.subp02 .cont-box03 table img{width:auto;vertical-align:middle;margin-left:10px;max-width:40px;}

.subp02 .cont-box04 img{width:40px;}
.subp02 .cont-box04{margin-top:50px;}
.subp02 .cont-box04 .tit{font-size:30px;color:#000;font-weight:700;padding:10px 0;margin-bottom:5px;position:relative;}
.subp02 .cont-box04 .tit .tooltip{top:50px;}
.subp02 .cont-box04 .tit strong{color:#006fe8;}
.subp02 .cont-box04 .over-scroll{max-width:100%;}
.subp02 .cont-box04 .gf-cont{border-top:1px solid #e0e6ef;border-bottom:1px solid #e0e6ef;padding:20px 0;width:1200px;}
.subp02 .cont-box04 .gf-cont li{float:left;}
.subp02 .cont-box04 .gf-01{overflow:hidden;line-height:35px;}
.subp02 .cont-box04 .gf-01 li:nth-child(n + 2){width:123px;background:#eef2f7;color:#000;font-size:15px;text-align:center;margin-right:2px;}
.subp02 .cont-box04 .gf-cont > [class*="gf-0"] > *:first-of-type{width:60px;color:#595959;text-align:center;}
.subp02 .cont-box04 .gf-02{overflow:hidden;}
.subp02 .cont-box04 .gf-02 li{width:62px;text-align:center;}
.subp02 .cont-box04 .gf-02 span{display:block;margin:20px 0 5px;}
.subp02 .cont-box04 .gf-02 li:first-of-type{line-height:90px;}
.subp02 .cont-box04 .gf-03 div:first-of-type{height:105px;line-height:105px;}
.subp02 .cont-box04 .gf-04{overflow:hidden;}
.subp02 .cont-box04 .gf-04{overflow:hidden;line-height:35px;}
.subp02 .cont-box04 .gf-04 li{width:62px;text-align:center;}
.subp02 .cont-box04 .gf-05{overflow:hidden;}
.subp02 .cont-box04 .gf-05{overflow:hidden;line-height:70px;}
.subp02 .cont-box04 .gf-05 li{width:62px;text-align:center;}
.subp02 .cont-box04 .gf-05 li:first-of-type{line-height:140%;margin-top:18px;}

.subp02 .cont-box06{margin-top:50px;}
.subp02 .cont-box06 .tit{font-size:30px;color:#000;font-weight:700;padding:10px 0;margin-bottom:5px;position:relative;}
.subp02 .cont-box06 .tit .tooltip{top:50px;}
.subp02 .cont-box06 .s-tit:after{width:7px;height:7px;content:"";position:absolute; left:0;top:50%;margin-top:-4px;background:#000;}
.subp02 .cont-box06 .s-tit{padding-left:10px;position:relative;font-size:21px;font-weight:700;margin-bottom:-10px;}
.subp02 .cont-box06 .table-box{position:relative;padding-top:25px}
.subp02 .cont-box06 .lay-btn{position:absolute;right:0;top:0;margin-bottom:10px;color:#006fe8;font-size:15px;padding-right:30px;}
.subp02 .cont-box06 .lay-btn:after{content:"";position:absolute;right:4px;top:50%;width:11px;height:9px;margin-top:-6px;background:url(../image/arrow_down04.png)no-repeat center center;background-size:100%;}
.subp02 .cont-box06 .table-col{margin-bottom:40px;}

.subp02 .cont-box07 .ban-wrap{overflow:hidden;}
.subp02 .cont-box07 .ban-wrap li{float:left;width:calc(25% - 15px);margin-left:15px;position:relative;}
.subp02 .cont-box07 .ban-wrap li:first-of-type{margin-left:0}
.subp02 .cont-box07 .tit{font-size:30px;color:#000;font-weight:700;padding:10px 0;margin-top:0;margin-bottom:5px;}
.subp02 .cont-box07 .wr{position:absolute;display:table;width:100%;top:0;left:0;height:100%}
.subp02 .cont-box07 .wr .cel{display:table-cell;vertical-align:middle;text-align:center;color:#fff;font-size:22px;font-weight:700}
.subp02 .cont-box07 .wr img{width:auto;vertical-align:middle;}
.subp02 .cont-box07 .wr p{margin-top:20px;}
.subp02 .cont-box07 .wr p img{width:auto;margin-left:20px;}

/* 해상특보 */
.subp02-01 .report-box{position:relative;padding:20px;background:#eef2f7;}
.subp02-01 .report-box > .tit{margin-bottom:15px;font-size:30px;font-weight:300;}
.subp02-01 .report-box .table-col tbody > tr td:first-child{padding-left:50px;text-align:left;}
.subp02-01 .report-box .map-box{margin-top:30px;padding:0 60px;background:#fff;}
.subp02-01 .report-box:nth-child(2) { padding-top:0;}
.subp02-01 .wgis-inner-map { height:700px; } 


/* 현재바다 */
.subp02-03 .tab-menu-wrap .tab-menu-cont{margin-top:15px;}
.subp02-03 .tab-menu-wrap .tab-menu-cont .cont01:after{clear:both;content:"";display:block;}
.subp02-03 .tab-menu-wrap .tab-menu-cont .cont01{height:430px;}
.subp02-03 .tab-menu-wrap .tab-menu-cont .map-data{height:100%;position:relative;width:calc(100% - 550px);background:#fff;overflow:hidden;border:10px solid #eef2f7;float:left;}
.subp02-03 .tab-menu-wrap .tab-menu-cont .txt-data{height:100%;float:left;width:530px;margin-left:20px;background:#eef2f7;padding:10px 20px;}
.subp02-03 .tab-menu-wrap .tab-menu-cont .txt-data .tit{font-size:22px;font-weight:700;margin-top:5px}
.subp02-03 .tab-menu-wrap .tab-menu-cont .txt-data .txt{font-size:17px;font-weight:300;margin-top:20px;line-height:140%;}
.subp02-03 .tab-menu-wrap .tab-menu-cont .txt-data .img-area{overflow:hidden;background:#fff;padding:10px 20px;width:415px;margin:15px auto 0;}
.subp02-03 .tab-menu-wrap .tab-menu-cont .txt-data .img-area > div{position:relative;float:left;width:calc(50% - 9px);}
.subp02-03 .tab-menu-wrap .tab-menu-cont .txt-data .img-area > div+div{margin-left:20px;width:calc(50% - 11px);}
.subp02-03 .tab-menu-wrap .tab-menu-cont .txt-data .img-area > div span{display:block;position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:#ebebeb;border-radius:4px;padding:3px 10px;font-size:13px;}
.subp02-03 .cont-box02 , .subp02-05 .cont-box02{margin-top:25px;}
.subp02-03 .cont-box03 .over-scroll , .subp02-05 .cont-box03 .over-scroll{margin-top:30px;}
.subp02-03 .cont-box03 .table-col th:first-child , .subp02-05 .cont-box03 .table-col th:first-child{border-left:1px solid #e0e6ef; }
.subp02-03 .cont-box03 .table-col th[rowspan]:first-child , .subp02-05 .cont-box03 .table-col th[rowspan]:first-child{border-left:0;}
.subp02-03 .cont-box03 .table-col tr:first-child th:first-child ,.subp02-05 .cont-box03 .table-col tr:first-child th:first-child{border-left:0;}
.subp02-03 .cont-wrap + .cont-wrap , .subp02-05 .cont-wrap + .cont-wrap{padding-top:0;}
.subp02-03 .cont-box02 > .tit , .subp02-05 .cont-box02 > .tit{margin-bottom:15px;font-size:30px;font-weight:700;position:relative;}
.subp02-04 .tab-menu-wrap .tab-menu-cont{margin-top:15px;}
.subp02-04 .tab-menu-wrap .tab-menu-cont .cont01:after{clear:both;content:"";display:block;}
.subp02-04 .tab-menu-wrap .tab-menu-cont .cont01{height:430px;}
.subp02-04 .tab-menu-wrap .tab-menu-cont .map-data{height:100%;position:relative;width:calc(100% - 550px);background:#fff;overflow:hidden;border:10px solid #eef2f7;float:left;}
.subp02-04 .tab-menu-wrap .tab-menu-cont .txt-data{height:100%;float:left;width:530px;margin-left:20px;background:#eef2f7;padding:10px 227px 10px 20px;position:relative;}
.subp02-04 .tab-menu-wrap .tab-menu-cont .txt-data .tit{font-size:22px;font-weight:700;margin-top:5px;}
.subp02-04 .tab-menu-wrap .tab-menu-cont .txt-data .txt{font-size:17px;font-weight:300;margin-top:20px;line-height:150%;}
.subp02-04 .tab-menu-wrap .tab-menu-cont .txt-data .img-area{overflow:hidden;position:absolute;top:20px;right:20px;width:177px;}
.subp02-04 .tab-menu-wrap .tab-menu-cont .txt-data .img-area > div{position:relative;width:100%;}
.subp02-04 .tab-menu-wrap .tab-menu-cont .txt-data .img-area > div+div{margin-top:8px;}
.subp02-04 .tab-menu-wrap .tab-menu-cont .txt-data .img-area > div span{display:block;position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:#ebebeb;border-radius:4px;padding:3px 10px;font-size:13px;}
.subp02-04 .tab-menu-wrap .tab-menu-cont .txt-data .img-area > div+div span{padding:3px 0;width:170px;text-align:center;}
.subp02-04 .cont-box02 , .subp02-05 .cont-box02{margin-top:25px;}
.subp02-04 .cont-box03 .over-scroll , .subp02-05 .cont-box03 .over-scroll{margin-top:30px;}
.subp02-04 .cont-box03 .table-col th:first-child , .subp02-05 .cont-box03 .table-col th:first-child{border-left:1px solid #e0e6ef; }
.subp02-04 .cont-box03 .table-col th[rowspan]:first-child , .subp02-05 .cont-box03 .table-col th[rowspan]:first-child{border-left:0;}
.subp02-04 .cont-box03 .table-col tr:first-child th:first-child ,.subp02-05 .cont-box03 .table-col tr:first-child th:first-child{border-left:0;}
.subp02-04 .cont-wrap + .cont-wrap , .subp02-05 .cont-wrap + .cont-wrap{padding-top:0;}
.subp02-04 .cont-box02 > .tit , .subp02-05 .cont-box02 > .tit{margin-bottom:15px;font-size:30px;font-weight:700;position:relative;}

/* 유의파고 */
.subp02-06 .tab-menu-wrap .tab-menu-cont{margin-top:15px;padding:10px;background:#eef2f7;position:relative;}
.subp02-06 .tab-menu-wrap .tab-menu-cont .map-data{position:relative;width:100%;background:#fff;overflow:hidden;}

.subp02-06 .tab-menu-wrap .tooltip-btn .tooltip{left:0;max-width:1200px;top:33px;}
.subp02-06 .tab-menu-wrap .tab-menu div:nth-child(1) .tooltip-btn .tooltip {width:300px;}
.subp02-06 .tab-menu-wrap .tab-menu div:nth-child(2) .tooltip-btn .tooltip {width:200px;}
.subp02-06 .tab-menu-wrap .tab-menu div:nth-child(3) .tooltip-btn .tooltip {width:300px;}
.subp02-06 .tab-menu-wrap .tab-menu div:nth-child(4) .tooltip-btn .tooltip {width:200px;}
.subp02-06 .tab-menu-wrap .tab-menu div:nth-child(5) .tooltip-btn .tooltip {width:200px;}

/* 바다예보 */
.subp02-11 .tab-menu-wrap .tab-menu-cont{margin-top:15px;padding:10px;background:#eef2f7;position:relative;}
.subp02-11 .tab-menu-wrap .tab-menu-cont .map-data{position:relative;width:100%;background:#fff;overflow:hidden;}
.subp02-11 .tab-menu-wrap .blue-btn{position:absolute;right:0;top:-56px;}
.subp02-11 .tab-menu-wrap .tooltip-btn .tooltip{left:0;max-width:1200px;top:37px;}
.subp02-11 .tab-menu-wrap .tab-menu div:nth-child(1) .tooltip-btn .tooltip {width:610px;}

.subp02-15 .cont-box01 .tit{font-size:30px;position:relative;margin-bottom:10px;font-weight:700;}
.subp02-15 .sub-select-wrap{margin-bottom:30px;}
.subp02-15 .table-col td:first-child{border-left:1px solid #e0e6ef; }
.subp02-15 .table-col td[rowspan]:first-child{border-left:0;}
.subp02-15 .cont-box02 .btn-more{margin-top:10px;text-align:right;}

	
/* 해구별 예측 */
.marine-forecast-content-wrapper { width:calc(100% - 411px); background-color: #fff; height: auto; position: relative;}
.marine-forecast-content-wrapper .wgis-inner-map { height:700px; }

/* 부이 팝업 */
.modal-pop-sub.buoy-wrap{height:550px;padding:20px;}
.modal-pop-sub.buoy-wrap .pop-close{top:0;right:0;}
.modal-pop-sub .tit-wrap{margin-bottom:15px;}
.modal-pop-sub .tit-wrap:after{content:"";clear:both;display:block;}
.modal-pop-sub .tit-wrap .tit{font-size:22px;color:#000;font-weight:700;float:left;}
.modal-pop-sub .tit-wrap .buoy-btn{float:left;margin-left:10px;position:relative;}
.modal-pop-sub .tit-wrap .buoy-btn > button{font-size:22px;color:#000;font-weight:300;color:#006fe8;padding-right:34px;position:relative;}
.modal-pop-sub .tit-wrap .buoy-btn > button:after{content:"";position:absolute;right:4px;top:50%;width:11px;height:9px;margin-top:-6px;background:url(../image/arrow_down04.png)no-repeat center center;background-size:100%;}
.modal-pop-sub .tit-wrap .buoy-btn button.on:after{background:url(../image/arrow_down04_on.png)no-repeat center center;background-size:100%;}
.modal-pop-sub .tit-wrap .buoy-btn .buoy-list{position:absolute;left:0;top:30px;z-index:1;background:#fff;border:1px solid #000;min-width:100%;}
.modal-pop-sub .tit-wrap .buoy-btn .buoy-list button{display:block;line-height:30px;font-size:14px;padding-left:10px;color:#595959;padding-right:20px;}
.modal-pop-sub .tit-wrap .buoy-btn .buoy-list button:hover{background:#dfe6f0;color:#000}
/*arrow_down04.png*/
.buoy-cont-wrap{overflow:hidden;}
.buoy-cont-wrap .buoy-img-con{float:left;width:511px;background:#fff;text-align:center;height:472px;position:relative;}
.buoy-cont-wrap .buoy-img-con img{position:absolute;left:50%;top:50%;transform: translate(-50% , -50%);}
.buoy-cont-wrap .buoy-table-con{float:left;width:calc(100% - 531px);margin-left:20px;position:relative;height:472px;}
.buoy-cont-wrap .buoy-table-con .roll-wrap{height:auto;}
.buoy-cont-wrap .table-col td:first-child{border-left:1px solid #e0e6ef; }
.buoy-cont-wrap .table-col td[rowspan]:first-child{border-left:0;}



.move-wrap{overflow:hidden;background:#eef2f7;padding:20px;position:relative;}
.move-wrap .move-control-area{float:right;width:410px;padding:0 10px 0 30px;position:relative;right:0;background:#eef2f7;transition:all 0.2s;}
.move-wrap .movi-img-area{float:right;background:#fff;padding-bottom:10px; width:calc(100% - 410px);}
.move-wrap .movi-wrap{padding:10px;max-width:750px;max-height:750px;transition:all 0.2s; }
.move-control-area .tit{font-size:30px;font-weight:700;border-bottom:3px solid #000;line-height:140%;;}
.move-control-area .cont-item{ padding-top:10px; }
.move-control-area .cho-wrap01{margin-bottom:10px;}
.move-control-area .cho-wrap01 > div{display:inline-block;position:relative;}
.move-control-area .cho-wrap01 > div:after{content:"";position:absolute;right:15px;top:50%;width:11px;height:8px;margin-top:-4px;background:url(../image/arrow_down03.png);pointer-events: none;}
.move-control-area .cho-wrap01 select{width:286px;background:#fff;border-radius:5px;border:0;height:40px;line-height:40px;padding-left:20px;font-size:18px;}
.move-control-area .cho-wrap01 button{background:#ffc600;color:#000000;margin-left:10px;border-radius:5px;border:0;height:40px;line-height:40px;width:70px;font-size:18px;} 
.move-control-area .cont-box02{margin-top:160px;}
.move-control-area  input{width:100%;height:40px;text-align:center;border-radius:5px;font-size:18px;}
.move-control-area .input-btn-wrap{margin-top:10px;overflow:hidden; padding-left:2px; padding-right:2px; }
.move-control-area .input-btn-wrap .btn-lap{display:inline-block;position:relative; padding:2px; }
.move-control-area .input-btn-wrap .btn-lap button{background:#fff;width:70px;height:40px;line-height:40px;text-align:center;padding-left:0;border-radius:5px;border:1px solid #0f77e9;color:#006fe8;font-size:18px;}
.move-control-area .input-btn-wrap .btn-lap button:hover{background:#006fe8;color:#fff;}
.move-control-area .cont-box03{margin-top:130px;}
.move-control-area .cont-box03 .tit{border-bottom:0;margin-bottom:10px;}
.move-control-area .cont-box03 .scroll-js{height:210px;background:#fff;font-size:18px;overflow:hidden;position:relative;}
.move-control-area .cont-box03 .scroll-js .swiper-slide{padding:15px;}
.movi-set-wrap{overflow:hidden;}
.movi-set-wrap .movi-set-item{float:left;/* overflow:hidden;  */margin-top:10px;}
.movi-set-wrap .movi-set-item > *{float:left;}
.movi-set-wrap .movi-set-item .tit{font-size:18px;font-weight:700;line-height:40px;margin-left:25px;}
.movi-set-wrap .movi-set-item .tit span{display:none;}
.movi-set-wrap .movi-set-item:first-of-type .tit{margin-left:10px}
.movi-set-wrap .movi-set-item:last-of-type button.icon1{background-image:url(../image/plus_icon02.png);background-repeat: no-repeat;background-position:center center;}
.movi-set-wrap .movi-set-item:last-of-type button.icon2{background-image:url(../image/plus_icon.png);background-repeat: no-repeat;background-position:center center;}
.movi-set-wrap .movi-set-item button{background:#ffc600;color:#000000;margin-left:10px;border-radius:5px;border:0;height:40px;line-height:40px;width:70px;font-size:18px;}
.movi-set-wrap .movi-set-item:last-of-type button{width:40px;font-size:18px;font-weight:300;margin-left:0;}
.movi-set-wrap .movi-set-item input[type="text"]{background:#eef2f7;font-size:18px;height:40px;line-height:40px;border-radius:5px;margin-left:10px;padding-left:15px;}
.movi-set-wrap .movi-set-item .select-conta{position:relative;display:inline-block;}
.movi-set-wrap .movi-set-item .select-conta:after{content:"";position:absolute;right:15px;top:50%;width:11px;height:8px;margin-top:-4px;background:url(../image/arrow_down03.png);}
.movi-set-wrap .movi-set-item .select-conta select{width:100px;background:#eef2f7;border-radius:5px;border:0;height:40px;line-height:40px;margin-left:10px;padding-left:10px;font-size:18px;}
.movi-set-wrap .movi-set-item:last-of-type >*{display:inline-block;}
.movi-set-wrap .movi-set-item:last-of-type input[type="text"]{width:70px;}
.movi-set-wrap .movi-set-item:last-of-type .input-wrap > div{float:left;margin-right:10px;}
.control-movi-wrap{width:calc(100% - 20px);height:80px;background:#e0e6ef;margin:0 10px;border-radius:8px;margin-top:10px;position:relative;}
.control-movi-lap{position:absolute;top:50%;left:65px;margin-top:-6px;width:calc(100% - 85px);height:12px;}
.control-movi-lap:after{content:"";display:block;width:100%;height:5px;position:absolute;left:0;top:4px;background:#fff;}
.control-movi-lap .movi-line{background:url(../image/move-bar.png)no-repeat bottom;background-size:100% 100%;position:absolute;width:100%;height:12px;z-index:3;bottom:0;left:0;margin-top:-6px;}
.control-movi-wrap .start-btn{width:35px;height:36px;background:url(../image/movi-btn.png);margin-left:20px;margin-top:23px;}
.control-movi-wrap .prev-btn{width:35px;height:36px;background:url(../image/ic_arrow_right_black.png) center center no-repeat; background-size:auto 90%; margin-left:10px;margin-top:23px;transform:rotateZ(180deg);}
.control-movi-wrap .prev-btn + .start-btn {margin-left:5px;}
.control-movi-wrap .next-btn{width:35px;height:36px;background:url(../image/ic_arrow_right_black.png) center center no-repeat; background-size:auto 90%; margin-left:5px;margin-top:23px;}
.control-movi-wrap .next-btn + .control-movi-lap { left:140px; width:calc(100% - 160px);}
.control-movi-wrap .movi-bar-wrap{position:absolute;left:0;top:4px;background:#006fe8;width:0%;height:5px;z-index:1;}
.control-movi-wrap .movi-line span{position:absolute;left:0;top:-32px;color:#fff;border-radius:4px;width:50px;height:25px;background:#006fe8;color:#fff;text-align:center;line-height:25px;transform: translateX(-50%);}
.control-movi-wrap .movi-line span:after{content:"";position:absolute;bottom:-6px;left:50%;margin-left:-6px;background-image:url(../image/arrow_down06.png);background-repeat:no-repeat;width:12px;height:6px;}
.move-wrap.off .move-control-area{position:absolute;right:-500px;transition:all 0.2s; }
.move-wrap.off .movi-img-area{float:none;width:100%;transition:all 0.2s; }
.move-wrap.off .movi-img-area .movi-wrap{margin:0 auto;max-width:820px;max-height:820px;transition:all 0.2s; position: relative;}


.subp03 .cont-wrap { padding-top: 22px;}
.subp03 .tab-menu-wrap{margin-top:0px;}
.subp03 .tab-menu-wrap .tooltip-btn { margin-top: -5px; position:absolute; top:22px;}
.subp03 .tab-menu-wrap .tooltip-btn .tooltip{left:0;max-width:1200px;top:36px;}
.subp03 .tab-menu-wrap .tab-menu div:nth-child(1) .tooltip-btn .tooltip {width:450px;}
.subp03 .tab-menu-wrap .tab-menu div:nth-child(2) .tooltip-btn .tooltip {width:450px;}
.subp03 .tab-menu-wrap .tab-menu div:nth-child(3) .tooltip-btn .tooltip {width:500px;}
.subp03 .movi-set-wrap { margin-top:10px; }
.subp03-03 .tab-menu-wrap{margin-top:0px;}
.subp03-03 .cont-wrap{padding-top:22px;}
.subp03-03 .move-wrap .movi-wrap{margin:0 auto;transition:none;}
.subp03-03 .move-wrap .movi-img{width:100%; background:#fff;padding:10px 20px;}
.subp03-03 .move-wrap .move-control-area{float:none;width:100%;padding:0;overflow:hidden;}
.subp03-03 .move-wrap .movi-img-area{float:none;background:#eef2f7;width:100%;}
.subp03-03 .move-control-area .tit{display:none;}
.subp03-03 .move-control-area .cont-item{ padding-top:10px; overflow:hidden;}
.subp03-03 .move-control-area .cho-wrap01{margin-bottom:10px;width:calc(50% - 30px);margin-left:30px;max-width:450px; display:inline-flex;}
.subp03-03 .move-control-area .cho-wrap01 > div{width:calc(100% - 90px); display:flex;}
.subp03-03 .move-control-area .cho-wrap01 > div > label { display:none;}
.subp03-03 .move-control-area .cho-wrap01.label-on > div > label { text-align:right; padding-right:5px;  display:unset; flex-basis:90px; height:40px; line-height:40px; font-size:17px; }
.subp03-03 .move-control-area .cho-wrap01:first-of-type{margin-left:0}
.subp03-03 .move-control-area .cho-wrap01 select{width:100%;padding-left:10px;}
.subp03-03 .move-control-area .cho-wrap01 button{margin-left:3px;} 
.subp03-03 .move-control-area .cont-box02{margin-top:0;}
.subp03-03 .move-control-area  input{text-align:left;padding-left:10px;width:270px;vertical-align:middle;}
.subp03-03 .move-control-area .input-btn-wrap{margin-top:10px;overflow:hidden;display:inline-block;vertical-align:middle;margin-top:0;margin-left:10px;}
.subp03-03 .move-control-area .cont-box03{display:none;}
.subp03-03 .move-control-area .notice{font-size: 14px; padding:10px 0 10px 0;}
.subp03-03 .move-control-area .notice a{font-weight:700;}
.subp03-03 .movi-set-wrap{overflow:hidden;margin-top:10px}
.subp03-03 .movi-set-wrap .movi-set-item{margin-top:10px;}
.subp03-03 .movi-set-wrap .movi-set-item .tit{font-size:16px;margin-left:30px;}
.subp03-03 .movi-set-wrap .movi-set-item .tit span{display:inline;}
.subp03-03 .movi-set-wrap .movi-set-item:first-of-type .tit{margin-left:10px}
.subp03-03 .movi-set-wrap .movi-set-item:last-of-type button.icon1{background-image:url(../image/plus_icon02.png);background-repeat: no-repeat;background-position:center center;}
.subp03-03 .movi-set-wrap .movi-set-item:last-of-type button.icon2{background-image:url(../image/plus_icon.png);background-repeat: no-repeat;background-position:center center;}
.subp03-03 .movi-set-wrap .movi-set-item input[type="text"]{background:#fff;height:40px;line-height:40px;border-radius:5px;margin-left:10px;padding-left:15px;}
.subp03-03 .movi-set-wrap .movi-set-item .select-conta{position:relative;display:inline-block;}
.subp03-03 .movi-set-wrap .movi-set-item .select-conta:after{content:"";position:absolute;right:15px;top:50%;width:11px;height:8px;margin-top:-4px;background:url(../image/arrow_down03.png);}
.subp03-03 .movi-set-wrap .movi-set-item .select-conta select{background:#fff;}
.subp03-03 .movi-set-wrap .movi-set-item:last-of-type >*{display:inline-block;}
.subp03-03 .movi-set-wrap .movi-set-item:last-of-type .input-wrap > div{float:left;margin-right:10px;}
.subp03-03 .move-wrap.off .move-control-area{position:absolute;top:0;right:0;height:0;padding:0;transition:none;}
.subp03-03 .move-wrap.off .movi-img-area{float:none;width:100%;transition:none;}
.subp03-03 .move-wrap.off .movi-img-area .movi-wrap{margin:0 auto;max-width:820px;max-height:820px;transition:none;}
.subp03-03 .tab-menu-wrap .tooltip-btn { position:absolute; margin-top: -5px; right:-5px; top:22px; }
.subp03-03 .tab-menu-wrap .tooltip-btn .tooltip{left:0;max-width:1200px;top:36px;}
.subp03-03 .tab-menu-wrap .tab-menu div:nth-child(1) .tooltip-btn .tooltip {width:450px;}
.subp03-03 .tab-menu-wrap .tab-menu div:nth-child(2) .tooltip-btn .tooltip {width:450px;}
.subp03-03 .tab-menu-wrap .tab-menu div:nth-child(3) .tooltip-btn .tooltip {width:500px;}

.subp03-05 .tab-menu-wrap{margin-top:0px;}
.subp03-05 .cont-wrap{padding-top:22px;}
.subp03-05 .move-wrap .movi-wrap{margin:0 auto;transition:none; max-width:920px;max-height:920px; padding:0;position:relative;}
.subp03-05 .move-wrap .movi-img{width:100%; background:#fff;padding:10px 20px;}
.subp03-05 .move-wrap .move-control-area{float:none;width:100%;padding:0;overflow:hidden;}
.subp03-05 .move-wrap .movi-img-area{float:none;padding-bottom:10px;margin-top:15px;background:#eef2f7;width:100%;}
.subp03-05 .move-control-area .tit{display:none;}
.subp03-05 .move-control-area .cont-item{ padding-top:10px; overflow:hidden;}
.subp03-05 .move-control-area .cho-wrap01{margin-bottom:10px;float:left;width:350px;margin-left:0px;display:flex;}
.subp03-05 .move-control-area .cho-wrap01 > div{width:calc(100% - 80px);}
.subp03-05 .move-control-area .cho-wrap01:first-of-type{margin-left:0}
.subp03-05 .move-control-area .cho-wrap01 select{width:100%;padding-left:10px;}
.subp03-05 .move-control-area .cho-wrap01 button{margin-left:3px;} 
.subp03-05 .move-control-area .cont-box02{margin-top:0;}
.subp03-05 .move-control-area  input{text-align:left;padding-left:10px;width:270px;vertical-align:middle;}
.subp03-05 .move-control-area .input-btn-wrap{margin-top:10px;overflow:hidden;display:inline-block;vertical-align:middle;margin-top:0;margin-left:10px;}
.subp03-05 .move-control-area .cont-box03{display:none;}
.subp03-05 .movi-set-wrap{overflow:hidden;margin-top:10px}
.subp03-05 .movi-set-wrap .movi-set-item{margin-top:10px;}
.subp03-05 .movi-set-wrap .movi-set-item .tit{font-size:16px;margin-left:30px;}
.subp03-05 .movi-set-wrap .movi-set-item .tit span{display:inline;}
.subp03-05 .movi-set-wrap .movi-set-item:first-of-type .tit{margin-left:10px}
.subp03-05 .movi-set-wrap .movi-set-item:last-of-type button.icon1{background-image:url(../image/plus_icon02.png);background-repeat: no-repeat;background-position:center center;}
.subp03-05 .movi-set-wrap .movi-set-item:last-of-type button.icon2{background-image:url(../image/plus_icon.png);background-repeat: no-repeat;background-position:center center;}
.subp03-05 .movi-set-wrap .movi-set-item input[type="text"]{background:#fff;height:40px;line-height:40px;border-radius:5px;margin-left:10px;padding-left:15px;}
.subp03-05 .movi-set-wrap .movi-set-item .select-conta{position:relative;display:inline-block;}
.subp03-05 .movi-set-wrap .movi-set-item .select-conta:after{content:"";position:absolute;right:15px;top:50%;width:11px;height:8px;margin-top:-4px;background:url(../image/arrow_down03.png);}
.subp03-05 .movi-set-wrap .movi-set-item .select-conta select{background:#fff;}
.subp03-05 .movi-set-wrap .movi-set-item:last-of-type >*{display:inline-block;}
.subp03-05 .movi-set-wrap .movi-set-item:last-of-type .input-wrap > div{float:left;margin-right:10px;}
.subp03-05 .move-wrap.off .move-control-area{position:absolute;top:0;right:0;height:0;padding:0;transition:none;}
.subp03-05 .move-wrap.off .movi-img-area{float:none;width:100%;transition:none;}
.subp03-05 .move-wrap.off .movi-img-area .movi-wrap{margin:0 auto;max-width:1120px;max-height:1120px;transition:none;}

.subp03-05 .tab-menu-wrap .tooltip-btn {margin-top:-5px; position:absolute; top:22px; right:-5px; }
.subp03-05 .tab-menu-wrap .tooltip-btn .tooltip{left:0;max-width:1200px;top:36px;}
.subp03-05 .tab-menu-wrap .tab-menu div:nth-child(1) .tooltip-btn .tooltip {width:450px;}
.subp03-05 .tab-menu-wrap .tab-menu div:nth-child(2) .tooltip-btn .tooltip {width:450px;}
.subp03-05 .tab-menu-wrap .tab-menu div:nth-child(3) .tooltip-btn .tooltip {width:500px;}
.subp03-05 .tab-menu-wrap .tab-menu div:nth-child(4) .tooltip-btn .tooltip {width:420px;}
/* 어는비 */
.subp03-06 .tab-menu-wrap .tab-menu div:nth-child(1) .tooltip-btn .tooltip {width:700px; padding-top:8px; padding-bottom: 8px;}
.subp03-06 .move-wrap .move-control-area .tit{ line-height: 40px; font-size: 16px; border-bottom:0; float:left;margin-left: 10px;}
.subp03-06 .move-wrap .move-control-area .cont-box01 .cont-item { float:left; margin-top:0; margin-left: 10px;}
.subp03-06 .move-wrap .move-control-area .cont-box01 .cont-item input { width: 225px; padding-left:15px;}
.freezing-level1 { display: inline-block; width: 70px; height: 20px; background-color: #FAFB00; text-indent: -9999px;}
.freezing-level2 { display: inline-block; width: 70px; height: 20px; background-color: #FBCE00; text-indent: -9999px;}
.freezing-level3 { display: inline-block; width: 70px; height: 20px; background-color: #FC8700; text-indent: -9999px;}
.frzr-tooltip-btn-wrap { position: absolute; height: 80px; width: 100%; z-index:111; text-align:right; }
.frzr-tooltip-btn-wrap .frzr-tooltip-btn { margin-top: 30px; margin-right: 38px; padding: 8px; border-radius:4px; background-color: #fff;}
.frzr-tooltip-btn-wrap .frzr-tooltip-btn .tooltip-btn {margin:0; }
.frzr-tooltip-btn-wrap .frzr-tooltip-btn .tooltip-btn .tooltip { left: 100%; margin-left:-700px; margin-top: 27px; width:662px; padding-top:8px; padding-bottom: 8px;}


/* 최근 지진 */
.subp04-01 .cont-box01 > .tit,
.subp04-01 .cont-box02 > .tit,
.subp04-01 .cont-box04 > .tit{position:relative;margin-bottom:15px;font-size:30px;font-weight:700;}
.subp04-01 .cont-box01 .txt-list{padding-top:20px;border-top:1px solid #e0e6ef;}
.subp04-01 .cont-box01 .txt-list li{margin-top:10px;font-size:17px;}
.subp04-01 .cont-box01 .txt-list li:first-child{margin-top:0;}
.subp04-01 .cont-box01 .txt-list .btn-more{position:relative;margin:-2px 0 0 10px;padding:0 20px 0 10px;height:20px;font-size:12px;line-height:20px;color:#fff;background:#595959;border-radius:15px;vertical-align:middle;}
.subp04-01 .cont-box01 .txt-list .btn-more:before{position:absolute;top:5px;right:10px;content:'';width:5px;height:7px;background:url(../image/arrow_side.png)no-repeat 100%;}
.subp04-01 .cont-box01 .box-list{margin:40px 0 0 -15px;overflow:hidden;}
.subp04-01 .cont-box01 .box-list li{padding-left:15px;width:25%;float:left;}
.subp04-01 .cont-box01 .box-list li > div{padding:30px 0;height:150px;text-align:center;background:#eef2f7;}
.subp04-01 .cont-box01 .box-list li .tit{margin-bottom:13px;font-size:18px;}
.subp04-01 .cont-box01 .box-list li .txt{font-size:20px;color:#006fe8;}
.subp04-01 .cont-box01 .box-list li .txt span{font-size:60px;font-weight:700;}
.subp04-01 .cont-box01 .over-scroll{margin-top:40px;padding-bottom:20px;border-bottom:1px solid #e0e6ef;}
.subp04-01 .cont-box02{margin-top:55px;}
.subp04-01 .cont-box02 .select-wrap .select:first-child select{width:210px;}
.subp04-01 .cont-box02 .select:last-child select{width:370px;}
.subp04-01 .cont-box02 .over-scroll{margin-top:30px;}
.subp04-01 .cont-box02 .table-col{min-width:800px;}
.subp04-01 .cont-box02 .table-col th:first-child{border-left:1px solid #e0e6ef; }
.subp04-01 .cont-box02 .table-col th[rowspan]:first-child{border-left:0;}
.subp04-01 .cont-box02 .table-col tr:first-child th:first-child{border-left:0;}

.subp04-01 .cont-box03{margin-top:40px;}
.subp04-01 .cont-box03 > .tit{position:relative;margin-bottom:15px;padding-left:20px;font-size:22px;font-weight:700;}
.subp04-01 .cont-box03 > .tit:before{position:absolute;top:8px;left:0;content:'';width:7px;height:7px;background:#000;}
.subp04-01 .cont-box03 .table-col th{border-bottom:1px solid #e5e5e5}
.subp04-01 .cont-box03 .table-col tr:last-of-type th{border-bottom:1px solid #000}
.subp04-01 .cont-box03 .table-col th + td{border-left:1px solid #000;}
.subp04-01 .cont-box03 .table-col td{padding-left:30px;text-align:left;}

.subp04-01 .cont-box04{margin-top:55px;}
.subp04-01 .cont-box04 > .map-box{padding:10px;background:#eef2f7;}
.subp04-01 .cont-box04 > .map-box > div{width:100%;background:#fff;}

.subp04-01 .bottom-info{margin-top:55px;}

/* 주요지진 */
.subp04-02 .tab-menu{margin-bottom:25px;}
.subp04-02 .tab-menu-cont > *[class^="cont"] > .tit{margin-bottom:10px;font-size:30px;font-weight:700;}
.subp04-02 .tab-menu-cont > *[class^="cont"] .info-list{margin-top:40px;}
.subp04-02 .tab-menu-cont > *[class^="cont"] .info-list li{margin-top:10px;font-size:17px;}
.subp04-02 .tab-menu-cont > *[class^="cont"] .info-list li:first-child{margin-top:0;}
.subp04-02 .left-banner .cel.download p{display:inline-block;padding:5px 50px;border:1px solid #fff;border-radius:5px;}
.subp04-02 .table-col{min-width:800px;}
.subp04-02 .table-col th{border-bottom:1px solid #e5e5e5}
/* .subp04-02 .table-col tr:first-of-type th + th{border-left:1px solid #000;} */
.subp04-02 .table-col tr:first-of-type th + th+ th{border-left:1px solid #e5e5e5;}
.subp04-02 .table-col th + td{border-left:1px solid #e0e6ef;}




/* 태풍 */
[class*="subp05-"] .page-wrap .cont-head{background-image:url(../image/sub05_head_img.png);}

/* 태풍정보 */
.subp05-01 .cont-box01 > .tit{margin-bottom:10px;font-size:30px;font-weight:700;}

.subp05-01 .typhoon-info-wrap .btn-box{padding:30px;background:#eef2f7;}
.subp05-01 .typhoon-info-wrap .btn-box > *{display:inline-block;margin-left:10px;padding:8px 20px;font-size:18px;color:#006fe8;background:#fff;border:1px solid #006fe8;border-radius:5px;}
.subp05-01 .typhoon-info-wrap .btn-box > *:first-child{margin-left:0;}
.subp05-01 .typhoon-info-wrap .btn-box > *.on{color:#fff;background:#006fe8;}
.subp05-01 .typhoon-info-wrap > *[class^="cont"]{margin-top:40px;}
.subp05-01 .typhoon-info-wrap > *[class^="cont"] > .tit{position:relative;margin-bottom:15px;padding-left:20px;font-size:22px;font-weight:700;}
.subp05-01 .typhoon-info-wrap > *[class^="cont"] > .tit:before{position:absolute;top:9px;left:0;content:'';width:7px;height:7px;background:#000;}
.subp05-01 .typhoon-info-wrap > *[class^="cont"] .map-box{position:relative;padding:10px;background:#eef2f7;}
.subp05-01 .typhoon-info-wrap > *[class^="cont"] .map-box .img{background:#fff;}
.subp05-01 .typhoon-info-wrap > *[class^="cont"] .over-scroll{margin-top:30px;}

/* 비바람 */
.subp05-02 .cont-box01 > .tit{position:relative;font-size:30px;font-weight:700;}
.subp05-02 .cont-box01 .screen-list{position:relative;margin-top:25px;overflow:hidden;}
.subp05-02 .cont-box01 .screen-list li{padding:0 20px;width:50%;float:left;}
.subp05-02 .cont-box01 .screen-list li:first-child{padding-left:0;}
.subp05-02 .cont-box01 .screen-list li:last-child{padding-right:0;}
.subp05-02 .cont-box01 .screen-list li .tit{position:relative;margin-bottom:10px;padding-left:20px;font-size:22px;font-weight:700;}
.subp05-02 .cont-box01 .screen-list li .tit:before{position:absolute;top:9px;left:0;content:'';width:7px;height:7px;background:#000;}
.subp05-02 .cont-box01 .screen-list li .map-box{position:relative;padding:10px;background:#eef2f7;}
.subp05-02 .cont-box01 .screen-list li .map-box .img{background:#fff;}

.subp05-02 .cont-box02{margin-top:55px;}
.subp05-02 .cont-box02 > .tit{position:relative;margin-bottom:10px;padding-left:20px;font-size:22px;font-weight:700;}
.subp05-02 .cont-box02 > .tit:before{position:absolute;top:9px;left:0;content:'';width:7px;height:7px;background:#000;}
.subp05-02 .cont-box02 .sub-select-wrap {vertical-align:top !important;}
.subp05-02 .cont-box02 .sub-select-wrap .select:nth-child(1) select{width:210px;}
.subp05-02 .cont-box02 .sub-select-wrap .select:nth-child(2) select{width:250px;}
.subp05-02 .cont-box02 .sub-select-wrap .date{display:inline-block;margin-left:30px;vertical-align: top;}
.subp05-02 .cont-box02 .sub-select-wrap .date > *{position:relative;display:inline-block;}
.subp05-02 .cont-box02 .sub-select-wrap .date > * input{padding:0 60px 0 20px;width:280px;height:40px;font-size:18px;line-height:40px;border:0;border-radius:5px;}
.subp05-02 .cont-box02 .sub-select-wrap .date .calendar{position:absolute;right:0;top:0;width:60px;height:40px;text-indent:-99999px;background:url(../image/icon_calendar.png)no-repeat center center;border-radius:5px;}
.subp05-02 .cont-box02 .sub-select-wrap .date > button{margin-left:10px;width:70px;height:40px;font-size:18px;line-height:40px;vertical-align:middle;color:#000;background:#ffc600;border:0;border-radius:5px;}
.subp05-02 .cont-box02 .over-scroll{margin-top:30px;}

.subp05-02 .cont-box03{margin-top:40px;}
.subp05-02 .cont-box03 > .tit{position:relative;padding-left:15px;font-size:18px;font-weight:700;}
.subp05-02 .cont-box03 > .tit:before{position:absolute;left:0;top:9px;content:'';width:4px;height:4px;background:#000;}

.subp05-02 .cont-box03 .weather-cont02{margin-top:15px;padding:20px 0 10px 0;border-top:1px solid #e0e6ef;border-bottom:1px solid #e0e6ef;}
.subp05-02 .cont-box03 .weather-cont02 .title-label{padding-top:0;background:none;background:#fff;}
.subp05-02 .cont-box03 .weather-info-list{height:223px;background:#fff;}
.subp05-02 .cont-box03 .weather-info-list .swiper-slide .ul-item03 li .item-cont{background:#eef2f7;}
.subp05-02 .cont-box03 .weather-info-list .swiper-slide .ul-item04 li .them .txt,
.subp05-02 .cont-box03 .weather-info-list .swiper-slide .ul-item05 li p,
.subp05-02 .cont-box03 .weather-cont02 .title-label [class*="tit"] span{color:#000;}
.subp05-02 .cont-box03 .weather-info-list .swiper-slide .ul-item05{margin-top:0;}
.subp05-02 .cont-box03 .weather-info-list .iScrollHorizontalScrollbar{background:#b7bcc3;}

.subp05-02 .cont-box05 .left-flid .up-btn{padding:0 50px 0 20px;width:140px;height:70px;text-align:left;}
.subp05-02 .cont-box05 .left-flid .up-no-btn{line-height:70px; text-align:center;}
.subp05-02 .cont-box05 .left-flid .up-btn:after{width:18px;height:18px;background:url(../image/icon_clock.png)no-repeat;}
.subp05-02 .cont-box05 .right-flid .txt{line-height:35px;}


/* 위성영상 */
.subp05-03 .cont-box01 > .tit{position:relative;margin-bottom:10px;font-size:30px;font-weight:700;}

.subp05-03 .typhoon-info-wrap .btn-box{padding:30px;background:#eef2f7;}
.subp05-03 .typhoon-info-wrap .btn-box > *{display:inline-block;margin-left:10px;padding:8px 20px;font-size:18px;color:#006fe8;background:#fff;border:1px solid #006fe8;border-radius:5px;}
.subp05-03 .typhoon-info-wrap .btn-box > *:first-child{margin-left:0;}
.subp05-03 .typhoon-info-wrap .btn-box > *.on{color:#fff;background:#006fe8;}
.subp05-03 .typhoon-info-wrap > *[class^="cont"]{margin-top:30px;}
.subp05-03 .typhoon-info-wrap > *[class^="cont"] .map-box{position:relative;padding:10px;background:#eef2f7;}
.subp05-03 .typhoon-info-wrap > *[class^="cont"] .map-box .img{background:#fff;}



/* 날씨 아이콘 정리 */
[class*="icon-DB"]{display:inline-block !important;}
[class*="icon-NB"]{display:inline-block !important;}

/* 지진정보 */
.eqk-alert-table { width: 100%; border-top: 3px solid #000;}
.eqk-alert-table th { font-weight: 700; font-size: 18px; line-height: 26px; border-bottom: 1px solid #000; padding: 5px 5px;}
.eqk-alert-table td { font-weight: 500; font-size: 18px; line-height: 26px; border-bottom: 1px solid #000; padding: 5px 5px;}
.eqk-prevent-src { padding: 5px; font-size: 15px;}  
.eqkmt { color: crimson; font-size: 1.2em;}


/* 바다 지역 검색 */
.accordion-con a.delete-bookmark { position: absolute; right: 5px; top: 5px;width: 30px; height: 30px; display:inline-block; z-index:99;}
.accordion-con a.delete-bookmark .item-hide-btn { position: absolute; top:50%; left:50%; margin-left: -10.5px; margin-top: -10.5px; width: 21px; height: 21px; background: url(../image/item-hide-icon-on.png);}
.accordion-con .accordion-dropdown-wrap { position: relative; }

/* Default Toggle */
.group-toggle-wrap {position:relative;}
.group-toggle-wrap .checkbox-wrap { top: 0px; margin-top: -60px;}
.subp01-04 .cont-box02 { margin-top: 1px;}
.group-toggle-off { height:0; overflow:hidden; transition: all 0.2s;}

/* iframe */
.iframe .container { background-color: #fff;}
.iframe .container .right-content { min-height: auto; position: relative; } 
.iframe .right-content { padding: 0;}
.iframe .page-wrap { padding-left:0; }
.iframe .cont-wrap{padding:22px 30px;margin:0 auto;width:100%;max-width:1260px;}
.iframe .tab-menu-wrap { margin-top: 0;}

/* popup banner */
.popup-banner-wrap{display:none;}

/* youtube ie notice */
.youtube-notice { color: #fff; font-size: 17px; padding:8px; line-height: 150%; display:none;}
.youtube-notice.light { color: #000;}


/* radar leaflet custom */

/* vertical legend */
#map { z-index: 1;}
.image-player-legend {
	position: absolute;
	width: 66px;
	height: 100%;
	top:11px; right: 11px; bottom:0; 
	z-index:999;
}
.image-player-legend ul {
	display:block;
	padding: 6px;
	position: relative;
	background-color: rgba(255,255,255,0.9);
	overflow: hidden;
	border-radius: 4px;
}
.image-player-legend ul li {
	display:block;
	padding:0; margin:0; width: 100%; height: 16px;
	line-height: 16px;
}
.image-player-legend.legend-sfc ul li {
	height: 36px;line-height: 36px;
}
.image-player-legend ul li .legend-color {
	display:inline-block;
	height: 16px;
	line-height: 16px;
	width: 16px;
}
.image-player-legend.legend-sfc ul li .legend-color {
	height: 36px;line-height: 36px;
}
.image-player-legend ul li .legend-text {
	display:inline-block;
	font-size: 12px;
	margin-left:2px;
	line-height: 16px;
	font-weight:600;
	vertical-align:top;
	padding-bottom:3px;
	padding-top:8px;
}
.image-player-legend.legend-sfc ul li .legend-text {
	line-height: 36px;
	padding-top:0px;
}

.image-player-legend ul li .legend-unit {
	display:block;
	font-size: 13px;
	line-height: 24px;
	text-align: center;
	font-weight:700;
}


.leaflet-bottom .leaflet-control {
	border: 1px solid #ddd;
}
.leaflet-bottom .leaflet-control a {
	text-align:center;
	line-height: 28px;
	padding-right: 3px;
}

/* 황사관측자료 */
.subp-dust-obs-data .tab-menu-wrap .tab-menu-cont{margin-top:15px; }
.subp-dust-obs-data .tab-menu-wrap .tab-menu-cont .cont01:after{clear:both;content:"";display:block;}
.subp-dust-obs-data .tab-menu-wrap .tab-menu-cont .cont01{display:flex; flex-wrap:wrap; align-items:stretch; }
.subp-dust-obs-data .tab-menu-wrap .tab-menu-cont .map-data{ position:relative;width:calc(100% - 550px);background:#fff;overflow:hidden;border:1px solid #eef2f7;}
.subp-dust-obs-data .tab-menu-wrap .tab-menu-cont .txt-data{ width:530px;margin-left:20px;background:#eef2f7;}
.subp-dust-obs-data .tab-menu-wrap .tab-menu-cont .txt-data .tit{font-size:22px;font-weight:700;margin-top:5px}
.subp-dust-obs-data .tab-menu-wrap .tab-menu-cont .txt-data .txt{font-size:17px;font-weight:300;margin-top:20px;line-height:140%;}
.subp-dust-obs-data .tab-menu-wrap .tab-menu-cont .txt-data .img-area{overflow:hidden;background:#fff;padding:10px 20px;width:415px;margin:15px auto 0;}
.subp-dust-obs-data .tab-menu-wrap .tab-menu-cont .txt-data .img-area > div{position:relative;float:left;width:calc(50% - 9px);}
.subp-dust-obs-data .tab-menu-wrap .tab-menu-cont .txt-data .img-area > div+div{margin-left:20px;width:calc(50% - 11px);}
.subp-dust-obs-data .tab-menu-wrap .tab-menu-cont .txt-data .img-area > div span{display:block;position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:#ebebeb;border-radius:4px;padding:3px 10px;font-size:13px;}
.subp-dust-obs-data .tab-menu-wrap .tab-menu-cont .txt-data .table-col td { padding:6px 5px; font-size:16px; }
.subp-dust-obs-data .cont-box02 {margin-top:25px;}
.subp-dust-obs-data .cont-box03 .over-scroll , .subp02-05 .cont-box03 .over-scroll{margin-top:30px;}
.subp-dust-obs-data .cont-box03 .table-col th:first-child , .subp02-05 .cont-box03 .table-col th:first-child{border-left:1px solid #e0e6ef; }
.subp-dust-obs-data .cont-box03 .table-col th[rowspan]:first-child , .subp02-05 .cont-box03 .table-col th[rowspan]:first-child{border-left:0;}
.subp-dust-obs-data .cont-box03 .table-col tr:first-child th:first-child ,.subp02-05 .cont-box03 .table-col tr:first-child th:first-child{border-left:0;}
.subp-dust-obs-data .cont-wrap + .cont-wrap {padding-top:0;}
.subp-dust-obs-data .cont-box02 > .tit , .subp02-05 .cont-box02 > .tit{margin-bottom:15px;font-size:30px;font-weight:700;position:relative;}
.subp-dust-obs-data .pm10-data {
	min-height: 500px; position:relative;
}
.subp-dust-obs-data .pm10-data .nation_map.pm10 { margin-top:0px;}
.subp-dust-obs-data .pm10-data .date-right{ position: absolute; right:4px; top: 405px; text-align:right;font-size: 13px; margin-bottom:5px;}
.subp-dust-obs-data .pm10-data .grade {position: absolute;right: 30px;bottom: 7px;width:44%;height: 73px;padding: 2px;}
.subp-dust-obs-data .pm10-data .grade table th{vertical-align:top;padding-top:1px;}
.subp-dust-obs-data .pm10-data .grade table td{vertical-align:top;padding-top:1px;}
.subp-dust-obs-data .pm10-data .grade span.p2{margin-left: 15px;}

.subp-dust-obs-data .pm10-data ul.mtt { padding: 0 2%; overflow:hidden;}
.subp-dust-obs-data .pm10-data ul.mtt li {display:inline-block; border: none;background: none;padding-left: 1px;padding-right: 1px;text-align: left;position: absolute;border: 1px solid #dedede;background: #ffffff;border-radius:5px;padding: 0px 1px;}
.subp-dust-obs-data .pm10-data ul.mtt li a{ color: #111;line-height: 17px;display: inline-block;border: none;z-index:100;font-size: 13px;background: none;}
.subp-dust-obs-data .pm10-data ul.mtt li span.icon{position:absolute;left: -25px;top: -3px; z-index: 990;}
.subp-dust-obs-data .pm10-data ul.mtt li span.val{letter-spacing:1px;color:rgb(204, 0, 0);font-weight:bold;font-size: 13px;}


.subp-dust-obs-data .pm10-data ul li.pm10_90{left:201px;top:3px;}
.subp-dust-obs-data .pm10-data ul li.pm10_93{left:152px;top:32px;}
.subp-dust-obs-data .pm10-data ul li.pm10_100{left:182px;top: 57px;}
.subp-dust-obs-data .pm10-data ul li.pm10_102{left:15px;top: 38px;}
.subp-dust-obs-data .pm10-data ul li.pm10_108{left:104px;top:56px;}
.subp-dust-obs-data .pm10-data ul li.pm10_115{left:244px;top:44px;}
.subp-dust-obs-data .pm10-data ul li.pm10_116{left:104px;top: 76px;}
.subp-dust-obs-data .pm10-data ul li.pm10_119{left:105px;top: 95px;}
.subp-dust-obs-data .pm10-data ul li.pm10_121{left:197px;top:84px;}
.subp-dust-obs-data .pm10-data ul li.pm10_130{left: 255px;top: 105px;}
.subp-dust-obs-data .pm10-data ul li.pm10_132{left:64px;top:146px;}
.subp-dust-obs-data .pm10-data ul li.pm10_135{left:170px;top:158px;}
.subp-dust-obs-data .pm10-data ul li.pm10_136{left: 245px;top: 156px;}
.subp-dust-obs-data .pm10-data ul li.pm10_140{left:92px;top:176px;}
.subp-dust-obs-data .pm10-data ul li.pm10_143{left:211px;top:183px;}
.subp-dust-obs-data .pm10-data ul li.pm10_146{left:117px;top: 203px;}
.subp-dust-obs-data .pm10-data ul li.pm10_152{left:256px;top:204px;}
.subp-dust-obs-data .pm10-data ul li.pm10_156{left:101px;top: 250px;}
.subp-dust-obs-data .pm10-data ul li.pm10_160{left:237px;top:240px;}
.subp-dust-obs-data .pm10-data ul li.pm10_169{left:15px;top:277px;}
.subp-dust-obs-data .pm10-data ul li.pm10_185{left:43px;top:372px;}
.subp-dust-obs-data .pm10-data ul li.pm10_192{left: 169px;top:238px;}
.subp-dust-obs-data .pm10-data ul li.pm10_201{left: 85px;top: 35px;}
.subp-dust-obs-data .pm10-data ul li.pm10_229{left:15px;top: 123px;}
.subp-dust-obs-data .pm10-data ul li.pm10_232{left:125px;top:118px;}
.subp-dust-obs-data .pm10-data ul li.pm10_268{left: 77px;top: 306px;}
.subp-dust-obs-data .pm10-data ul li.pm10_273{left: 206px;top:127px;}
.subp-dust-obs-data .pm10-data ul li.pm10_501{left:15px;top: 60px;}
.subp-dust-obs-data .pm10-data ul li.pm10_94{left: 130px;top: 9px;}
.subp-dust-obs-data .pm10-data ul li.pm10_399{left:132px;top: 138px;}

.subp-dust-obs-data .pm10-data ul.mtt li span.val { text-align:center; }

/* 황사관측일수 */
.cmp-dust-obs-day .table-col tbody tr:not(:last-child) th { border-bottom:1px solid #e0e6ef;}
.cmp-dust-obs-day .table-col td:first-of-type { border-left:1px solid #e0e6ef;}
.cmp-dust-obs-day .table-col td img.occur { width:10px; height:auto; vertical-align:middle; }

.typ{width:685px; min-height:350px; }
.typ_left {margin:10px 0 15px 14px; float:left; padding: 5px; width: 294px; border:1px solid #d0d0d0;}
.typ_right {margin:10px 0 15px 50px; float:left;padding: 5px; width: 294px; border:1px solid #d0d0d0;}
.typ_legend {margin-left: 5px;float: left; margin-top: 5px; width:15px; height:15px; border:1px solid #d0d0d0;}
.typ_box {width: 358px; min-height:350px; position: relative; float:left; }


/* light theme */

.mainp.light-theme .container.on-bg01 {background:#fff;}
.mainp.light-theme .container.on-bg02 {background:#fff;}
.mainp.light-theme .container.on-bg03 {background:#fff;}
.mainp.light-theme .container.on-bg04 {background:#fff;}
.mainp.light-theme .container.on-bg05 {background:#fff;}
.mainp.light-theme .container.on-bg06 {background:#fff;}

.mainp.light-theme .cont-head .util .util-item1{background-image:url(../image/icon_search_dark.png);}
.mainp.light-theme .cont-head .util .util-item2{background-image:url(../image/icon_set_dark.png);}
.mainp.light-theme .cont-head .util .util-item3{background-image:url(../image/icon_menu_dark.png);}

.mainp.light-theme .maintab [class*="tab-btn"] button{background-color:#eee;color:#333;border:1px solid #ddd;}
.mainp.light-theme .maintab [class*="tab-btn"] button.on{background-color:#009ae1;color:#fff;border:1px solid #4090d1;}

.light-theme .serch-wrap .serch-util-btn02{background:url(../image/srch-icon04.png);background-size: 100% 100%;}
.light-theme .serch-wrap .serch-util .serch-util-btn01{background-image:url(../image/srch-icon01.png);background-size:100% 100%;}
.light-theme .serch-wrap .serch-util .serch-util-btn03{background-image:url(../image/srch-icon03_2.png);background-size:100% 100%}
.light-theme .serch-area .serch-area-btn {color:#999;}
.light-theme .serch-wrap .serch-area{border-bottom:1px solid #000000;}
.light-theme .serch-wrap .serch-con{border:1px solid #e0e6ef;}

.light-theme .weather-info-list {background: #fff;}
.light-theme .weather-list{border-right:1px solid #e0e6ef;}
.light-theme .weather-list .weather-item{border:1px solid #e0e6ef;border-left:1px solid #fff;}
.light-theme .weather-list .weather-item.now{border:1px solid #000000;background:none;}
.light-theme .weather-list .weather-item .time{color:#000;}
.light-theme .weather-list .weather-item.now .time{font-weight:700;}
.light-theme .weather-list .weather-item .temp{color:#000;}
.light-theme .weather-list .weather-item .temp span{font-weight:300;}
.light-theme .weather-list .weather-item .temp .weat01{background:url(../image/sub_weat_icon02.png)no-repeat center center;}
.light-theme .weather-list .weather-item .temp .weat02{background:url(../image/sub_weat_icon01.png)no-repeat center center;}
.light-theme .weather-list .weather-item .temp .weat03{background:url(../image/sub_weat_icon03.png)no-repeat center center;}
.light-theme .weather-list .weather-item table th{color:#000;}
.light-theme .weather-list .weather-item table th .icon01{background:url(../image/icon_table03.png);}
.light-theme .weather-list .weather-item table th .icon02{background:url(../image/icon_table02.png);}
.light-theme .weather-list .weather-item table th .icon03{background:url(../image/icon_table01.png);}
.light-theme .weather-list .weather-item table td{color:#000;}

.light-theme .swiper-pagination .swiper-pagination-bullet{color:#000000;}
.light-theme .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{color:#009ae1;border-bottom:5px solid #009ae1;}
.light-theme .swiper-pagination .swiper-pagination-bullet .icon{background-image:url('../image/sub-tab-icon-off_2.png')}
.light-theme .weather-info-list .swiper-scrollbar{background:#b7bcc3;}
.light-theme .weather-info-list .swiper-scrollbar-drag{background:#eef2f7;}
.light-theme .weather-cont02 .title-label{background:#fff;}
.light-theme .weather-cont02 .title-label [class*="tit"]{color:#595959;}
.light-theme .weather-cont02 .title-label [class*="tit"] span{color:#595959;}
.light-theme .weather-info-list .swiper-slide .ul-item04 li .them .txt{color:#000000;}
.light-theme .weather-info-list .swiper-slide .ul-item05 li p{color:#000;}
.light-theme .weather-info-list .swiper-slide .ul-item06 li .them .txt{color:#000000;}
.light-theme .weather-info-list .swiper-slide .ul-item07 li .txt{color:#000000;}
.light-theme .weather-info-list .swiper-slide .ul-item08 li .txt{color:#000000;}
.light-theme .weather-info-list .swiper-slide .ul-item09 li .them .txt{color:#000000;}
.light-theme .weather-info-list .iScrollHorizontalScrollbar{background: rgba(0,0,0,0.1);}
.light-theme .weather-info-list .iScrollVerticalScrollbar{background:#b7bcc2;}
.light-theme .weather-info-list .iScrollHorizontalScrollbar .iScrollIndicator {background: #edf2f6}
.light-theme .weather-info-list .iScrollVerticalScrollbar .iScrollIndicator {background: #edf2f6}
.light-theme .weather-info-list .iScrollHorizontalScrollbar .iScrollIndicator{margin-left:72px;}
.light-theme .tom-mark{background:#0131cc;color:#fff;}
.light-theme .tom-mark:after{background:url(../image/sub-now-mark-icon.png);}

.light-theme .weather-info-list .swiper-slide .chart-area .chart-item{border:1px solid #e0e6ef;}
.light-theme .weather-info-list .swiper-slide .chart-area .chart-item.on{border:1px solid #e0e6ef;} 
.light-theme .weather-info-list .swiper-slide .chart-area .chart-item.on:first-child {border-left:1px solid #e0e6ef;}
.light-theme .weather-info-list .swiper-slide .chart-area .chart-item .data{color:#000000;text-align:center;display:block;;line-height:45px;padding-top:5px;}

.light-theme .weather-info-list .swiper-slide .chart-area .chart-item .weat-wrap span.txt{color:#595959;}

.light-theme .weather-info-list .swiper-slide .chart-area .chart-item{border:1px solid #e0e6ef;}
.light-theme .weather-info-list .swiper-slide .chart-area .chart-item.on{border:1px solid #e0e6ef;}
.light-theme .weather-info-list .swiper-slide .chart-area .chart-item .data{color:#000;}
.light-theme .weather-info-list .swiper-slide .chart-area .chart-item .weat-wrap span.txt{color:#595959;}
.light-theme .weather-info-list .swiper-slide .midterm-notice { color: #000;}
.light-theme .weather-info-list .swiper-slide .midterm-notice:after { background:#000}

.light-theme .tmnx { background:rgba(0,0,0,0); color: #000;}
.light-theme .tmnx .tmn { color: #3e64ff;}
.light-theme .tmnx .tmx { color: #ee4540;}

.light-theme .point-info-wrap > .tit { color: #000;}
.light-theme .map-cont { border:1px solid #e0e6ef;} 

.light-theme .weather-cont02 { border-bottom: 1px solid #e0e6ef; }
.light-theme .update-btn { padding:3px 3px 1px 20px; background-color: rgba(0,0,0,0.2); background-position: left 3px center; border-radius: 3px; color: #333;}
.light-theme .update-info { color: #000;}


/* TABLE */
.tbl_wrap {position:relative;}
.tbl_wrap .tbl_topline {width:100%; border-top:2px solid #0053a8; position:absolute; top:0; left:0;}
.tbl_wrap .tbl_botline {width:100%; border-top:1px solid #0053a8; position:absolute; bottom:0; left:0;}
/* .tbl_wrap table {table-layout: fixed;} table + td>*:max-width) */
.tbl_wrap table { width:100%;border-bottom:1px solid #d4d4d4;}
.tbl_wrap table th,
.tbl_wrap table td {border:1px solid #d4d4d4; padding:18px 10px; word-break: break-word;}
.tbl_wrap table tr th:first-child,
.tbl_wrap table tr td:first-child{border-left:0;}
.tbl_wrap table tr th:last-child,
.tbl_wrap table tr td:last-child{border-right:0;}
.tbl_wrap table th {background:#f9f9f9; color:#111; font-size:18px; text-align:center; border-bottom:0; font-weight:normal; font-family: 'nsr_b';}
.tbl_wrap table tr td img {max-width:100%;}
.tbl_wrap td strong {font-family:'nsr_eb';}
.tbl_wrap table tbody th {border-right:0;}
.tbl_wrap table tbody th + td {border-left:0;}
.tbl_data table tbody th {border-right:1px solid #d4d4d4;}

.tbl_wrap table th.bl_1 { border-left:1px solid #d4d4d4 !important;}

/* swipe */
.tbl_align_c th,
.tbl_align_c td {text-align:center;}
.tbl_align_c_1 th:first-child,
.tbl_align_c_1 td:first-child {text-align:center;}
.tbl_align_open td {text-align:center;}
.tbl_align_open td:nth-child(2) {text-align:left;}
.tbl_align_open td:nth-child(3) {text-align:left;}
.tbl_valign_t td {vertical-align:top;}
.tbl_swipe_notice {display:none; text-align:right; padding-bottom:5px;}
.tbl_swipe_notice span {font-size:12px; color:#168de9; vertical-align:middle;}
.tbl_swipe_notice .img {display: inline-block; width:19px; height:19px; vertical-align:middle; background: url('../images/common/sprite.png') no-repeat -614px -402.5px; background-size:1000px; text-indent:-999em;}
.tbl_swipe table,
.tbl_swipe .tbl_topline,
.tbl_swipe .tbl_botline {width:1200px;}
.bbs_acodian > ul > li .tbl_swipe table,
.bbs_acodian > ul > li .tbl_swipe .tbl_topline,
.bbs_acodian > ul > li .tbl_swipe .tbl_botline {width:1140px;}
.tbl_swipe_inlayer table,
.tbl_swipe_inlayer .tbl_topline,
.tbl_swipe_inlayer .tbl_botline {width:100%;}

.tbl_wrap td.content {text-align:left;}

/* quick link */
.quick-link { padding:20px; background:#EEF2F7; margin: 0 auto; max-width: 1260px; margin-bottom:20px;}
.quick-link h3 {display:inline-block; line-height: 56px;font-size:20px;font-weight:600; margin-right:100px;}
.quick-link a { display:inline-block; padding-left:56px; position: relative; margin-left:20px; font-size:20px; color:#fff; background:#00758F;}
.quick-link a span { display:flex; justify-content:flex-start; align-items:center; height: 56px; line-height:22px; min-width:180px; text-align:left; padding-left:5px; padding-right:10px; }
.quick-link a span:before{content:"";position:absolute;left:8px;top:4px;width:48px; height:48px;background-size:48px auto;background-repeat:no-repeat;transition: all 0.2s;}
.quick-link a.q01 span:before{background-image:url(../image/ic_quick_01.png);}
.quick-link a.q02 span:before{background-image:url(../image/ic_quick_02.png);}
.quick-link a.q03 span:before{background-image:url(../image/ic_quick_03.png);}

.quick-link a.q08 span:before{background-image:url(../image/ic_quick_08.png); background-position:center center; background-size:70% auto;}
.quick-link a.q09 span:before{background-image:url(../image/ic_quick_09.png); background-position:center center; background-size:70% auto;}
.quick-link a.q10 span:before{background-image:url(../image/ic_quick_10.png); background-position:center center; background-size:70% auto;}

.quick-link-purple a { background-color:#743A9A; }

/* 기본 스크롤로 변경 */
.scroll-js,
.scroll-js1,
.scroll-js2,
.scroll-js3,
.scroll-js4,
.scroll-js5,
.scroll-js5_1,
.scroll-js5_2,
.scroll-js5_3,
.scroll-js6,
.scroll-js7,
.scroll-js8,
.scroll-js9 { overflow-y: auto !important;}

.rolling-js,
.rolling-js2,
.rolling-js3,
.rolling-js4,
.rolling-js5,
.rolling-js6,
.rolling-js7,
.rolling-js8,
.rolling-js9 { overflow-y: auto !important;}

/* --------- 2020 NEW --------- */

/* === layouts */
.lay { position: relative; clear:both;}
.lay .lay-100p { float:none; width: 100%;}
.lay .lay-60p { float:left; width: 60%;}
.lay .lay-40p { float:left; width: 40%;}
.lay .lay-520 { float:left; width: 520px; padding:0 8px;}
.lay .lay-520ext { float:left; width: calc(100% - 520px);}
.lay .lay-500 { float:left; width: 500px; padding:0 8px;}
.lay .lay-500ext { float:left; width: calc(100% - 500px);}
.lay .lay-460 { float:left; width: 460px; padding:0 8px; position:relative; }
.lay .lay-460ext { float:left; width: calc(100% - 460px); position:relative; }

/* === form */
.input[type="text"] { text-align: left; border-radius: 5px; font-size: 18px; line-height: 38px; border:1px solid #fff; display:block; padding:0 10px;}
.input::placeholder {font-size: 18px; color: #5D5D5D;}
.input.border { border: 1px solid #CBCBCB;}

/* == padding or margin */
.pdt-5{padding-top:5px !important;}
.pdt-10{padding-top:10px !important;}
.pdt-20{padding-top:20px !important;}
.pdt-25{padding-top:25px !important;}

/* === symbols */
/* 닫기 */
.sym-close { padding: 10px; font-size: 14px; font-weight: 500; color: #089CE1;}
.sym-close:before { content: 'x'; position: absolute; left:20px; top: 10px;line-height:20px; font-size:28px; font-weight:300;}
.sym-close span {border:1px solid #089CE1; border-radius: 7px; margin-left:30px; line-height: 20px; padding:2px 12px;}

/* 검색 */
.sym-btn { position:relative; display:inline-block; background-size: auto 30px; background-position: center center; background-repeat: no-repeat; background-color: rgba(0,0,0,0); border-radius: 3px; text-indent: -9999px; background-image:url(../image/renew/ic_sym_03.png);transition: all .3s ease-out;}
.sym-btn.sch { height: 49px; width: 60px; background-color: #666; background-size: auto 30px; background-image:url(../image/icon_search.png);}
.sym-btn.sch-b { height: 49px; width: 49px; background-color: #fff; background-size: auto 30px; background-image:url(../image/renew/ic_sym_97.png);}
.sym-btn.star { border:1px solid #979797; width: 35px; height: 35px; background-color: #fff; background-size: auto 20px; background-image:url(../image/renew/ic_sym_03.png);}
.sym-btn.star.on { background-image:url(../image/renew/ic_sym_03_yellow_border.png);}
.sym-btn.star-big { width: 45px; height: 45px; background-size:auto 30px; }
.sym-btn.curr { width: 37px; height: 37px; background-color: rgba(0,0,0,0); background-size: auto 22px; background-image:url(../image/renew/ic_sym_02.png);}
.sym-btn.quest { border:1px solid #979797; width: 35px; height: 35px; background-color: #fff; background-size: auto 20px; background-image:url(../image/renew/ic_sym_04.png);}
.sym-btn.quest-g { width: 45px; height: 45px; background-color: #fff; background-size: auto 27px;background-image:url(../image/black_contents_icon_newsbreak_off.png);}
.sym-btn.share { border:1px solid #979797; width: 35px; height: 35px; background-color: #fff; background-size: auto 20px; background-image:url(../image/cont-head-icon04.png);}
.sym-btn.settings { width: 37px; height: 37px; background-color: rgba(0,0,0,0); background-size: auto 20px;background-image:url(../image/renew/ic_sym_07.png);}
.sym-btn.settings-g { width: 45px; height: 45px; background-color: #fff; background-size: auto 27px;background-image:url(../image/renew/ic_sym_08.png);}
.sym-btn.hamb { width: 45px; height: 45px; background-color: #fff; background-size: auto 25px;background-image:url(../image/renew/ic_sym_09.png);}
.sym-btn.big-close { width:50px; height:50px; background:url(../image/pop_close_icon.png) no-repeat center;background-size:24px auto;}
.sym-btn.newwin { border:1px solid #979797; width: 35px; height: 35px; background-color: #fff; background-size: auto 20px; background-image:url(../image/renew/ic_sym_06.png);}

.sym-btn.iconguide { border:1px solid #B2B2B2; width: 24px; height: 24px; line-height:23px; background-color:#F4F4F4; background-size: auto 13px; background-image:url(../image/icon_help_2.png);}

.sym-btn.view-composite { width: 38px; height: 38px; background-size: auto 20px; background-image:url(../image/renew/ic_view_mode_composite_off.png);}
.sym-btn.view-composite.on { background-image:url(../image/renew/ic_view_mode_composite.png); background-color:#fff; border:1px solid #666;}
.sym-btn.view-chart { width: 38px; height: 38px; background-size: auto 20px; background-image:url(../image/renew/ic_view_mode_chart_off.png);}
.sym-btn.view-chart.on { background-image:url(../image/renew/ic_view_mode_chart.png); background-color:#fff; border:1px solid #666;}
.sym-btn.view-table { width: 38px; height: 38px; background-size: auto 20px; background-image:url(../image/renew/ic_view_mode_table_off.png);}
.sym-btn.view-table.on { background-image:url(../image/renew/ic_view_mode_table.png); background-color:#fff; border:1px solid #666;}

.sym-btn.txt-only { font-size:18px; color:#6D6D6D; font-weight:500; background:#E8E9E9; text-indent:0px; text-align:center; padding:0 16px; line-height:46px;}
.sym-btn.txt-only.on { font-weight:700; color:#fff; background:#009AE1;}
.sym-btn.with-txt { text-indent:0px; width:auto; line-height:37px; font-size:15px; padding:1px 10px 0 30px; background-position: 6px center; }

.sym-btn.iconguide.with-txt { line-height:23px; font-size:13px; color:#2B2B2B; padding-left:24px;}
.sym-btn {transition: all .2s ease-out;}
.sym-btn:hover { /*box-shadow: inset 0 0 0 150px rgba(0,0,0,0.1); */ }
.sym-btn.settings-g:hover{ /* box-shadow: inset 0 0 0 150px rgba(0,0,0,0.0); */ }
.sym-btn.hamb:hover{ /* box-shadow: inset 0 0 0 150px rgba(0,0,0,0.0); */ }

.sym-btn.sym-btn-sm { font-size:14px; line-height:14px; background-color:#fff; padding:2px 30px; border-radius:3px; letter-spacing:-1px; }
.sym-btn.sym-btn-color-blue { border:1px solid #4489DE; color:#4489DE; }

.sym-ic { display:inline-block; background-size: auto 37px; background-position: center center; background-repeat: no-repeat; background-color: rgba(0,0,0,0); border-radius: 3px; text-indent: -9999px;}
.sym-ic.alert { width: 37px; height: 37px; background-size: auto 30px; background-image:url(../image/renew/ic_sym_01.png);background-position: center 2px; }
.sym-ic.sunrise { width: 30px; height: 30px; background-size: auto 24px;background-image:url(../image/renew/ic_sym_10.png);}
.sym-ic.sunset { width: 30px; height: 30px; background-size: auto 24px;background-image:url(../image/renew/ic_sym_11.png);}
.sym-ic.uv-index { width: 30px; height: 30px; background-size: auto 28px;background-image:url(../image/renew/ic_sym_11.png);}

.sym-ic.with-txt { text-indent:0px; width:auto; padding-left:30px; background-position: left center; }

.sym-btn-right { float:right;}

/* global */
.cont-head { display:none; }
.subp .cont-head { display:block; }

/* header */
header { width: 265px; }
header .left-menu{ width: 265px; background:#0098E0;}
header .left-menu .site-tit-wrap{padding:2px 30px;overflow: auto;}
header .left-menu .site-tit-wrap .logo .btn-tit{color:#fff;font-size:20px;font-weight:700;position:relative;padding:0 0 0 40px;height:32px;float:left;background: url(../image/logo_mark.png) no-repeat left center;background-size: 32px;line-height: 32px;}
header .left-menu.wplus { background-color: #516FDD;}
header > .close{display:none;}

header .tab{margin-top:20px; position:relative;right:auto;top:auto;width:100%;height:auto;min-height:470px;}
header .tab .tab-item { float:left; width: 100%;}
header .tab .tab-item h1 {z-index:1; position:absolute; /*display:inline-block;*/ display:none; font-size: 15px; background:#0174A9; color:#64DEF8; width: calc(100% / 3); left:0; top:0; text-align:center; height:50px;}
header .tab .tab-item:nth-of-type(2) h1 { left:calc(100% / 3); }
header .tab .tab-item:nth-of-type(3) h1 { left:calc(200% / 3); }
header .tab .tab-item h1 a{ display:block; position:relative; height:40px;}
header .tab .tab-item h1 a span { line-height:40px; display:block; font-weight:700; border-left: 1px solid rgba(0,0,0,0);transition: all .2s ease-out;}
header .tab .tab-item.on h1 a span {background:#fff; color:#0098E0;}
header .tab .tab-item h1:after { content:''; position: absolute; height:10px; width: 100%; bottom:0; left:0; background:#0098E0;}
header .tab .tab-item.on h1:after { background-image:url(../image/renew/ic_sym_05.png); background-repeat:no-repeat; background-position: center -6px; background-size: 20px;}
header .tab .tab-item h1 a[target="_blank"] span:after { content:''; display:inline-block; background:url(../image/renew/ic_sym_06.png) no-repeat center center; background-size:14px;width: 20px; height: 20px; vertical-align: middle;}
header .tab .tab-item nav { /*margin-top:50px;*/ margin-top:10px; overflow:auto; display:none;}
header .tab .tab-item.on nav { display:block;}

nav .d1-wrap { margin-top:auto;}
nav .d1-wrap [class*="d1-item"] .d1-btn{border:3px #00A8CC; }

.right-content { padding: 0; max-width: 1240px;}
.cont-wrap { padding:0 0 20px 0;}

/* content */
.right-content { padding: 0 20px 20px 20px; } 
.page-wrap { padding-left: 265px; position: relative;}
.new-mobile-app .page-wrap { padding-left:0;}
/* main */
.new-main { color: #000; }
.new-main.hidd{height:100%;overflow:hidden;}

.new-main .container{width:100%;height:auto;position:relative;overflow:hidden;}
.new-main.new-mobile-app .container { height:100%; overflow-y:auto;}
.new-main section.page-wrap { min-height: 1030px; }
.new-main .inqu-wrap { display: none;}

/* footer */
footer { position: relative; width: 100%; height: 200px; background: #fff; z-index: 1001; border-top:1px solid #E6E6E6;}
.f-site-btn{ padding: 12px 0 12px 8px; margin: 3px 0; }
.f-site-btn:after { right: 8px; }
.f-logo{ width:265px; }
.f-right-wrap { width: calc(100% - 265px); }
.f-logo { height: 140px;}
.recom-cont-wrap { height:85px;}
.f-cont-wrap { padding-top:30px;}
.f-cont { padding-top:0;}

/* === components */

/* Simple 다이알로그 */
.cmp-confirm-dialog { position:absolute; width:100%; top:120px; z-index:9999; padding:10px; }
.cmp-confirm-dialog-body {margin:0 auto; width:100%; max-width:500px; padding:10px; background-color:#EFF2F7;}
.cmp-confirm-dialog-message { line-height:1.6em; color:#000; font-size:15px; padding:10px; }
.cmp-confirm-dialog-message p { text-align:center; }
.cmp-confirm-dialog-button { display:flex; justify-content:center; padding:10px; }
.cmp-confirm-dialog-button a { flex-basis:80px; margin:0 20px; border-radius:2px; background-color:#329AE1; color:#fff; font-weight:400; text-align:center; padding:4px;}
.cmp-confirm-dialog-button a:hover { background-color:#6280B1;}
.cmp-confirm-dialog-button a[data-button="cancel"] {background-color:#8A8A8A;}
.cmp-confirm-dialog-button a[data-button="ok"] { font-weight:500; }

/* descktop global menu */
.cmp-global-menu { position:relative;}
.cmp-global-menu .wrap { position:absolute; top:18px; right:0; z-index:1; padding-right:5px;}
.cmp-global-menu .wrap .sym-btn { margin-left:5px;}

/* 메인 내 모든 지점의 기온 및 날씨 현황 레이어 팝업*/
.cmp-pop-my-points { position: relative;display: block; background: #EEF2F7; font-size: 14px; padding-right:70px;transition: all .3s ease-out;}
.cmp-pop-my-points ul { overflow: auto; padding:14px 14px; }
.cmp-pop-my-points ul li { float:left; color: #000; line-height:20px;}
.cmp-pop-my-points ul li:before { content: '|'; display:inline-block; text-align:center; width:40px; color:#DADBDC;}
.cmp-pop-my-points ul li:first-of-type:before { display:none; }
.cmp-pop-my-points ul li:first-of-type {padding-left: 20px;}
.cmp-pop-my-points ul li strong { font-weight: 500; color: #089CE1; margin-left: 10px;}
.cmp-pop-my-points .sym-close { position: absolute; right:0; top: 4px;}
.cmp-pop-my-points.closed { display:none; }

/* 메인 화면 탭과 탭 페널 */
.cmp-main-tabs { margin-top: 17px; position: relative; transition: all .2s ease-out}
.cmp-main-tabs.cmp-main-tabs-prepare { opacity:0; }
.cmp-main-tabs.cmp-main-tabs-ready { opacity:1; }
.cmp-main-tabs .tab-item { float:left; width: 100%;}
.cmp-main-tabs .tab-item .tab-head { z-index: 1; position: absolute; display: inline-block; font-size: 20px; color: #fff; width: 130px; left:0; top:0; height: 45px; }
.cmp-main-tabs .tab-item:nth-of-type(3) .tab-head { left:130px; }
.cmp-main-tabs .tab-item:nth-of-type(4) .tab-head { left:260px; }
.cmp-main-tabs .tab-item:nth-of-type(5) .tab-head { left:390px; }
.cmp-main-tabs .tab-item:nth-of-type(6) .tab-head { left:520px; }
.cmp-main-tabs .tab-item:nth-of-type(7) .tab-head { left:650px; }
.cmp-main-tabs .tab-item:nth-of-type(8) .tab-head { left:780px; }
.cmp-main-tabs .tab-item:nth-of-type(9) .tab-head { left:910px; }
.cmp-main-tabs .tab-item:nth-of-type(10) .tab-head { left:1040px; }
.cmp-main-tabs .tab-item .tab-head a{ background-color:#666; display:block; text-align:center; position:relative; line-height: 44px; height:45px; padding-top:1px; border-radius:22.5px; margin:0 3px; background-repeat: no-repeat; background-position: 15px center; background-size:auto 22px; box-shadow:0px 1px 1px 0px rgba(0,0,0,0.3);transition: background .2s ease-out;}
.cmp-main-tabs .tab-item .tab-head a:hover {background-color: #009AE1;}
.cmp-main-tabs .tab-item .tab-head a:focus { outline:2px dashed #000; }
.cmp-main-tabs .tab-item .tab-head.eqk a { padding-left:50px; background-image:url(../image/gnb_icon_04.png); text-align:left;}
.cmp-main-tabs .tab-item .tab-head.sp-tab-head a{ }
.cmp-main-tabs .tab-item .tab-head.sp-newyear a{ padding-left:45px; text-align:left; background-image:url(../image/special/ic_sp_newyear.png); }
.cmp-main-tabs .tab-item .tab-head.sp-sunrise a{ display:flex; flex-wrap:wrap; align-items:center; height:45px; height:45px; line-height:17px; font-size:17px; padding-left:25px;  text-align:left; background-image:url(../image/special/ic_sp_sunrise.png); background-size:auto 26px; }
.cmp-main-tabs .tab-item .tab-head.sp-sunrise a span { margin-top:1px; display:block; width:100%; text-align:center; height:17px;}
.cmp-main-tabs .tab-item .tab-head.sp-sunrise a span:last-child {margin-top:-6px;}
.cmp-main-tabs .tab-item .tab-head.sp-summer a{ display:flex; flex-wrap:wrap; align-items:center; height:45px; line-height:17px; font-size:17px; padding-left:25px; text-align:left; background-image:url(../image/special/ic_sp_summer2.png); }
.cmp-main-tabs .tab-item .tab-head.sp-summer a span { margin-top:1px; display:block; width:100%; text-align:center; height:17px;}
.cmp-main-tabs .tab-item .tab-head.sp-summer a span:last-child {margin-top:-6px;}
.cmp-main-tabs .tab-item .tab-head.sp-chuseok a{ padding-left:40px; text-align:left; background-image:url(../image/special/ic_sp_chuseok.png); background-position: 13px center; }
.cmp-main-tabs .tab-item .tab-head.sp-csat a{ padding-left:40px; text-align:left; background-image:url(../image/special/ic_sp_csat.png); }
.cmp-main-tabs .tab-item .tab-head.sp-forestfire a{ padding-left:40px; text-align:left; background-image:url(../image/special/ic_sp_forestfire.png); }
.cmp-main-tabs .tab-item .tab-head.sp-marineaccident a{ padding-left:40px; text-align:left; background-image:url(../image/special/ic_sp_marineaccident.png); }

.cmp-main-tabs .tab-item.on .tab-head a { font-weight:700; }
.cmp-main-tabs .tab-item.on .tab-head.home a { background-color: #009AE1;}
.cmp-main-tabs .tab-item.on .tab-head.eqk a { background-color: #009AE1;}
.cmp-main-tabs .tab-item.on .tab-head.typh a { background-color: #009AE1;}
.cmp-main-tabs .tab-item.on .tab-head.wrn a { background-color: #009AE1;}
.cmp-main-tabs .tab-item.on .tab-head.local a { background-color: #009AE1;}
.cmp-main-tabs .tab-item.on .tab-head.radar a { background-color: #009AE1;}
.cmp-main-tabs .tab-item .tab-content { margin-top: 57px; display:none; transition: all .2s ease-out; opacity:0}
.cmp-main-tabs .tab-item.on .tab-content { display:block; opacity:1; margin-bottom:20px; }
#index-typhoon-info { min-height:500px; }
/* 메인화면 지역검색 입력 박스와 버튼 */
.cmp-local-search { position:relative; padding: 5px 5px; height:59px;}
.cmp-local-search-input > *:first-child { float:left; height: 49px; width: calc(100% - 65px);}
.cmp-local-search-input > .sym-btn { float:right; width: 60px; margin-left:5px;}
.cmp-local-search-input .input[type="text"] { line-height: 47px; border:1px solid #CBCBCB; width: 100%;}
.cmp-local-search-items { display:block; position:absolute; top: 57px; -webkit-box-shadow:0 0 7px 0 rgba(0,1,1,.08);box-shadow:0 0 7px 0 rgba(0,1,1,.08); background-color:#fff;transition: all .2s ease-out;overflow:hidden;height:0; max-height:0;border-radius:6px; width:calc(100% - 10px);}
.cmp-local-search-items.on { z-index:4; transform: translateY(0);height: auto; max-height:380px;}
.cmp-local-search-items.opened { overflow-x:hidden;overflow-y:auto; }
.cmp-local-search-items * { z-index:4 }
.cmp-local-search-items li { display:block; font-size:17px; position:relative;}
.cmp-local-search-items li a { display:block; padding:10px; padding-left:28px; background:url(../image/renew/ic_sym_15.png) no-repeat 5px center; background-size: auto 18px;}
.cmp-local-search-items li a span{display:none;}
.cmp-local-search-items li a[data-role="log"]:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#efefef;}
.cmp-local-search-items li a:hover, .cmp-local-search-items li a:focus { background-color:#f0f0f0;}
.cmp-local-search-items li a[data-role="log-delete"]{ position:absolute; right:5px; top:3px; display:inline-block; padding:5px 10px; background:none;}
.cmp-local-search-items li.log-title { display:flex; align-items:center; justify-content:flex-end; }
.cmp-local-search-items li a[data-role="log-delete-all"] {padding:5px 10px; background:none;}
.cmp-local-search-items li.place a { border-bottom:1px solid #efefef; padding-left:10px; background-image:url();}
.cmp-local-search-items li.place:last-of-type a{ border-bottom:0;}
.cmp-local-search-items li.place a strong{ display:block; font-size: 18px; color:#2E75B6; margin-bottom:8px;}
.cmp-local-search-items li.place a span{ display:block; font-size:15px; color:#666;}
.cmp-local-search-items li.more a { text-align:center; padding:14px; background-image:url();}
.cmp-local-search-items li.info { padding:10px; text-align:center; color: #7676a7; font-weight:600; padding-left:10px; background-image:url();}
.cmp-local-search-items li.err { padding:10px; text-align:center; color: #7676a7; font-weight:600; padding-left:10px; background-image:url();}
.cmp-local-search-items .loading {position:absolute; min-height:30px; left:0; top:0; right:0; height:100%; background-color:rgba(1,1,1,0); text-align:center;}
.cmp-local-search-items ul > .loading > .lds-dual-ring { margin-top:80px;}

.cmp-local-search.v2 .cmp-local-search-input > *:first-child { float:left; height: 49px; width: calc(100% - 250px);}
.cmp-local-search.v2 .cmp-local-search-input > .sym-btn { float:left; width: 60px; margin-left:5px; }
.cmp-local-search.v2 .cmp-local-search-input > .sym-btn:focus { outline:2px dashed #000; }
.cmp-local-search.v2 .cmp-local-search-input > .sym-btn.pop-open { float:right; width: 140px; margin-left:5px; padding-left:5px; padding-right:5px; height:49px; display:flex; justify-content:center; align-items:center; line-height:110%; background-color:#666; color:#fff}

/* 특보 및 특보 내용 */
.cmp-main-wrn {overflow: visible; position:absolute; width:100%; top:55px;}
.cmp-main-wrn [class*="box-con"]{position:relative;float:right; margin-top:-49px; margin-right:165px;height:48px;line-height:47px;border-radius:7px;color:#000;border:1px solid #000;background:#fff;text-align:center;font-size:18px;}
.cmp-main-wrn [class*="box-con"] button{color:#fff;font-size:18px;}
.cmp-main-wrn [class*="box-con"] > span{display:block;padding-left:10px; padding-right:10px; width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.cmp-main-wrn .box-con-wrn{background:#fff;right: 210px; width:auto; max-width:360px;}
.cmp-main-wrn .box-con-on{background:#fff;padding-right:30px;cursor: pointer; color:#A53331;border:1px solid #A53331; padding-left:36px;}
.cmp-main-wrn .box-con-on:before{content:"";position:absolute;left:10px;top:50%;width:30px;height:30px;margin-top:-15px;background:url(../image/renew/ic_sym_01.png)no-repeat center center;background-size:cover;}
.cmp-main-wrn .box-con-on:after{ content:'▾'; position:absolute; display:inline-block; font-size:18px; width:18px; height:18px; line-height:18px; text-align:center; right:8px; top:50%; margin-top:-9px;transform:rotateZ(0deg);transition: all 0.2s;}
.cmp-main-wrn .box-con-on.on:after{transform:rotateZ(-180deg);}
.cmp-main-wrn .box-con-off{width:205px; }
.cmp-main-wrn .accordion-con{border:2px solid #bb0000;border-top:5px solid #bb0000;padding:0 18px;background:#eef2f7;position:relative;z-index:4;}
.cmp-main-wrn .tab-wrap01{position:relative;padding-bottom:15px;}
.cmp-main-wrn .tab-wrap01 .tooltip{top:50px}
.cmp-main-wrn [class*="tab-btn"]{display:inline-block;}
.cmp-main-wrn [class*="tab-btn"] button{font-size:30px;padding:0 18px; border-bottom:5px solid #eef2f7;line-height:60px;font-weight:300;color:#000000;}
.cmp-main-wrn [class*="tab-btn"] button.on{font-weight:700;color:#bb0000;border-bottom:5px solid #bb0000}
.cmp-main-wrn [class*="tab-btn"] button .icon{display:inline-block;background:url('../image/icon_help_2.png'); background-size:100%;vertical-align:middle;margin-left:7px;margin-top:-3px;}
.cmp-main-wrn [class*="tab-btn"] button.on .icon{background:url('../image/icon_help_2.png'); background-size:100%;}
.cmp-main-wrn .tab-fild{overflow:hidden;padding-bottom:18px;}
.cmp-main-wrn .left-flid{width:340px;float:left}
.cmp-main-wrn .right-flid{float:left;width:calc(100% - 340px);padding-left:20px;}
.cmp-main-wrn .right-flid > .tit{padding-left:15px;position:relative;font-size:22px;font-weight:700;}
.cmp-main-wrn .right-flid > .tit:after{width:7px;height:7px;content:"";position:absolute; left:0;top:50%;margin-top:-4px;background:#000;}
.cmp-main-wrn .right-flid > .txt{font-size:18px;padding-left:15px;margin-top:10px;margin-bottom:35px;}
.cmp-main-wrn .right-flid > .txt strong{font-weight:700;}
.cmp-main-wrn .right-flid > .txt span:before{content:"";margin:0 20px;width:1px;height:16px;display:inline-block;background:#000000;vertical-align:middle;}
.cmp-main-wrn .right-flid > .txt span:first-of-type::before{display:none;}
.cmp-main-wrn .right-flid .text-area{height:245px;background:#fff;overflow:hidden;margin-top:10px;position:relative;}
.cmp-main-wrn .right-flid .text-area .swiper-slide{height:auto;font-size:17px;padding:30px;line-height:160%;}
.cmp-main-wrn .right-flid .text-area .swiper-slide .tit{margin-top:5px;}
.cmp-main-wrn .big-btn{position:absolute;right:90px;top:27px;font-size:15px;color:#595959}
.cmp-main-wrn .accordion-con .close {width:50px;height:50px;background-image:url(../image/pop_close_icon.png);background-repeat:no-repeat;background-position:center;position:absolute;right:10px;top:10px;z-index:1011;}

/* 신규 방재창 영역 */
.cmp-main-bangjae {overflow: visible; position:absolute; width:100%; top:55px;}
.cmp-main-bangjae [class*="box-con"]{position:relative;float:right; margin-top:-49px; margin-right:380px;height:48px;line-height:47px;border-radius:7px;color:#000;border:1px solid #000;background:#fff;text-align:center;font-size:18px;}
.cmp-main-bangjae [class*="box-con"] button{color:#fff;font-size:18px;}
.cmp-main-bangjae [class*="box-con"] > span{display:block;padding-left:10px; padding-right:10px; width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.cmp-main-bangjae .box-con-wrn{background:#fff;right: 210px; width:auto; max-width:360px;}
.cmp-main-bangjae .box-con-on{background:#fff;padding-right:30px;cursor: pointer; color:#A53331;border:1px solid #A53331; padding-left:36px;}
.cmp-main-bangjae .box-con-on:before{content:"";position:absolute;left:14px;top:54%;width:24px;height:24px;margin-top:-15px;background:url(../image/renew/ic_sym_22.png)no-repeat center center;background-size:cover;}
.cmp-main-bangjae .box-con-on:after{ content:'▾'; position:absolute; display:inline-block; font-size:18px; width:18px; height:18px; line-height:18px; text-align:center; right:8px; top:50%; margin-top:-9px;transform:rotateZ(0deg);transition: all 0.2s;}
.cmp-main-bangjae .box-con-on.on:after{transform:rotateZ(-180deg);}
.cmp-main-bangjae .accordion-con{border:2px solid #bb0000;border-top:5px solid #bb0000;padding:0 18px;background:#eef2f7;position:relative;z-index:4;}
.cmp-main-bangjae .tab-wrap01{position:relative;padding-bottom:15px; text-align:center;}
.cmp-main-bangjae .tab-wrap01 .tooltip{top:18px; left: 649px; width:280px;}
.cmp-main-bangjae [class*="tab-btn"]{display:inline-block;}
.cmp-main-bangjae [class*="tab-btn"] button{font-size:30px;padding:0 18px; /*border-bottom:5px solid #eef2f7;*/line-height:60px;font-weight:300;color:#000000;}
.cmp-main-bangjae [class*="tab-btn"] button.on{font-weight:700;color:#bb0000;/*border-bottom:5px solid #bb0000*/}
.cmp-main-bangjae [class*="tab-btn"] button .icon{display:inline-block;background:url('../image/sub-tab-icon-off.png');vertical-align:middle;margin-left:7px;margin-top:-3px;}
.cmp-main-bangjae [class*="tab-btn"] button.on .icon{background:url('../image/sub-tab-icon-on.png');}
.cmp-main-bangjae .sub-btn{font-weight: 700; color: #bb0000; font-size:22px; line-height: 15px;}
.cmp-main-bangjae .tab-fild{overflow:hidden;padding-bottom:18px;}
.cmp-main-bangjae .bottom-flid{width:100%;float:left}
.cmp-main-bangjae .bottom-flid p{text-align:center;}
.cmp-main-bangjae .bottom-flid img{width: auto; height: 300px; margin: 25px 15px 5px 0;}
.cmp-main-bangjae .top-flid{float:left;width:100%;padding-left:20px;}
.cmp-main-bangjae .top-flid > .tit{padding-left:15px;position:relative;font-size:18px;font-weight:700; margin-top: 8px;}
.cmp-main-bangjae .top-flid > .tit:after{width:7px;height:7px;content:"";position:absolute; left:0;top:50%;margin-top:-4px;background:#000;}
.cmp-main-bangjae .top-flid > .txt{font-size:18px;padding-left:15px;margin-top:10px;margin-bottom:35px;}
.cmp-main-bangjae .top-flid > .txt strong{font-weight:700;}
.cmp-main-bangjae .top-flid > .txt span:before{content:"";margin:0 20px;width:1px;height:16px;display:inline-block;background:#000000;vertical-align:middle;}
.cmp-main-bangjae .top-flid > .txt span:first-of-type::before{display:none;}
.cmp-main-bangjae .top-flid .text-area{height:290px;background:#fff;overflow:hidden;margin-top:10px;position:relative;}
.cmp-main-bangjae .top-flid .text-area .swiper-slide{height:auto;font-size:17px;padding:30px;line-height:160%;}
.cmp-main-bangjae .top-flid .text-area .swiper-slide .tit{margin-top:5px;}
.cmp-main-bangjae .big-btn{position:absolute;right:90px;top:27px;font-size:15px;color:#595959}
.cmp-main-bangjae .accordion-con .close {width:50px;height:50px;background-image:url(../image/pop_close_icon.png);background-repeat:no-repeat;background-position:center;position:absolute;right:10px;top:10px;z-index:1011;}
.cmp-main-bangjae .accordion-con .dont-open {width:120px;background-repeat:no-repeat;background-position:center;position:absolute;right:65px;top:26px;z-index:1011;}
.cmp-main-bangjae .new {position: absolute; top: 3px; right: 12%; width: 17px; height: 17px; }

/* 특보 gis 이미지 토클 */
.cmp-toggle-gis { margin-bottom:10px; }
.cmp-toggle-gis a[data-map-mode-action] { display:flex; justify-content:center; align-items:center; border:1px solid #7DB1D8; border-radius:5px; text-align:center; background-color:#fff; }
.cmp-toggle-gis a[data-map-mode-action] span { line-height:24px; padding:10px 0; padding-left:85px; color:#1663A5; font-size:20px; font-weight:500; }
.cmp-toggle-gis a[data-map-mode-action="img"] span { background:url(../image/renew/ic_toggle_img.png) no-repeat left center; background-size:auto 32px; }
.cmp-toggle-gis a[data-map-mode-action="gis"] span { background:url(../image/renew/ic_toggle_gis.png) no-repeat left center; background-size:auto 32px; }
.cmp-toggle-gis a[data-map-mode-action="close"] span { padding-left:0; }
.cmp-toggle-gis a[data-map-mode-action="close"] span:after {transition: all .2s ease-out; transform:rotate(180deg); content:'';margin-left:10px;display:inline-block;width:16px;height: 16px;background:url(../image/renew/ic_toggle_arrow_down.png) no-repeat center center;background-size:auto 16px;vertical-align:top;margin-top: 4px;}
.cmp-toggle-gis a[data-map-mode-action="close"].on span:after {transform:rotate(0deg);}

.cmp-toggle-gis a[data-map-mode-action="open"] span { padding-left:0; }
.cmp-toggle-gis a[data-map-mode-action="open"] span:after {transition: all .2s ease-out; transform:rotate(0deg); content:'';margin-left:10px;display:inline-block;width:16px;height: 16px;background:url(../image/renew/ic_toggle_arrow_down.png) no-repeat center center;background-size:auto 16px;vertical-align:top;margin-top: 4px;}
.cmp-toggle-gis a[data-map-mode-action="open"].on span:after {transform:rotate(180deg);}


.new-main div[data-active-env="desktop"] .cmp-toggle-gis { display:none;}

/* 북마크 - 현재 위치 버튼, 관심지역 드롭다운, 특보 여부 아이콘, 관심지역관리 버튼, 도움말 버튼 */
.cmp-bookmark { position:relative; background-color:#EEF2F7; border-radius: 5px; padding:5px; z-index:2;}
.cmp-bookmark:after{content:"";clear:both;display:block;}
.cmp-bookmark .sym-btn.curr{float:left;}
.cmp-bookmark .right-wrap {float:right; margin-left:3px;}
.cmp-bookmark .right-wrap .sym-btn {margin-left:3px;}
.cmp-bookmark .right-wrap a.open-wgis{display:none;}
.cmp-bookmark .right-wrap .tt-btn { display:none !important;}
.cmp-bookmark span{float:left; line-height:37px; font-size:16px;}
.cmp-bookmark span.sub-title{float:none; line-height:1.4; font-size:14px; display:block; width:100%;}
.cmp-bookmark .serch-area{float:left; height:37px;width:calc(100% - 120px);padding-left:5px; }
.cmp-bookmark .serch-area-btn{ width:100%; padding-right:28px;font-size:16px; color:#000; line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;display:flex;align-items:center;flex-wrap:wrap;}
.cmp-bookmark .serch-area-btn:after{content:"";background:url(../image/renew/ic_sym_12.png) no-repeat;background-size:12px;width:12px;height:12px;position:absolute;right:10px;top:50%;margin-top:-6px;}
.cmp-bookmark .serch-area-btn > i { flex:1 1 auto; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.cmp-bookmark .serch-con{position:absolute;top:48px;left:0; padding-left:35px; padding-right:30px;background:#efefef;width:100%;overflow:visible;overflow-y:auto;border-radius:5px;max-height:600px; }
.cmp-bookmark .serch-con button, .serch-con a{ display:block;line-height:40px;font-size:16px;display:block;padding-left:10px;text-align:left;color:#595959;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.cmp-bookmark .serch-con button:hover, .serch-con a:hover{background:#dfe6f0;color:#000}

.cmp-my-point-slider {position:relative; padding:5px 5px 0px 5px; overflow:hidden; width:calc(100% - 36px);}
.cmp-my-point-slider .slide-wrap { overflow:hidden; position:relative; height:36px; }
.cmp-my-point-slider .slide-wrap .left-fade { display:none; position:absolute; width:20px; left:-20px; top:0; bottom:0; box-shadow:0px 0 16px 20px rgba(255,255,255,1)}
.cmp-my-point-slider .slide-wrap .right-fade { display:none; position:absolute; width:20px; right:-20px; top:0; bottom:0; box-shadow:0px 0 16px 20px rgba(255,255,255,1)}
.cmp-my-point-slider .my-item{ float:left; padding:0 5px; margin:0;}
.cmp-my-point-slider .my-item a{ display:block; line-height:32px; font-size:14px; color:#3D5669; border-radius:7px; border:1px solid #3D5669; padding:0 10px; text-align:center;}
.cmp-my-point-slider .my-item a.on { color:#fff; background-color:#0199E1; font-weight:600;}
.cmp-my-point-slider .no-area { display:block; text-align:left; min-width:180px; padding-left:16px; line-height:32px;}
#my-point-slider {display:none;}
.point-sch-wrap .sym-btn.sch-b { display:none;}

/* 메일 화면 현재 날씨 */
.current-weather-wrap { margin-top:-53px;}
#current-weather { min-height:182px;}
.cmp-cur-weather {position:relative; padding:2px 5px; /*z-index:-1;*/ }
.cmp-cur-weather .updated-at { background:url(../image/renew/ic_sym_99.png) no-repeat left center; background-size: auto 14px; padding-left: 15px; position: absolute; top:10px; right:10px;color:#000; font-size: 14px; line-height:14px;}
.cmp-cur-weather ul li { float:left;}
.cmp-cur-weather .wrap-1 { margin-top: 34px; overflow:hidden;}
.cmp-cur-weather .w-temp { width:100%; display:block; text-align:center ;font-size: 50px;}
.cmp-cur-weather .w-temp .tmp { font-weight: 500; line-height: 68px; position:relative; padding-bottom:8px; vertical-align:super;}
.cmp-cur-weather .w-temp .tmp small {font-size:0.5em; vertical-align:super;}
.cmp-cur-weather .w-temp .tmp .minmax { line-height:20px; position:absolute; right:4px; bottom:2px; font-size:17px; font-weight:500; display:none;}
.cmp-cur-weather .w-temp .tmp .minmax span{padding:0 2px;}
.cmp-cur-weather .w-temp .tmp .minmax span:nth-child(2) { color:#009AE1;}
.cmp-cur-weather .w-temp .tmp .minmax span:nth-child(4) { color:#DF7722;}
.cmp-cur-weather .w-temp .tmp .minmax span:nth-child(3):not(:last-child):before { content:'/'; padding-right:4px;}
.cmp-cur-weather .w-icon .wic { height: 80px; width: 80px; margin-right: 5px; font-size:0; vertical-align:top; }
.cmp-cur-weather .w-temp .chill { font-weight:500; font-size:20px; vertical-align:super; letter-spacing:-1px; }
.cmp-cur-weather .w-temp .chill:after { content:''; display:inline-block; width:22px; height:26px; vertical-align:text-bottom; background:url(../image/renew/ic_sym_16.png) no-repeat center center; background-size:26px 26px; }
.cmp-cur-weather .w-icon.no-w .wic { display:none;}
.cmp-cur-weather .w-txt { width:100%; font-size: 21px; text-align:center;}
.cmp-cur-weather .wrap-2 {border-bottom:1px solid #D4D4D4; overflow:hidden; margin-top:7px;}
.cmp-cur-weather .wrap-2.no-underline{border-bottom:0;}
.cmp-cur-weather .wrap-2.top-line{border-top:1px solid #D4D4D4;}
.cmp-cur-weather .wrap-2 li { width:calc(99.9% / 3); position: relative; padding-top:4px; padding-bottom:4px;}
.cmp-cur-weather .wrap-2 li:before { content:''; position:absolute; width:1px; height:44px; left:0; top:6px; background-color:#D4D4D4;}
.cmp-cur-weather .wrap-2 li:first-child:before {display:none;} 
.cmp-cur-weather .wrap-2 .lbl { display:block; font-size: 16px; line-height:26px; font-weight: 500; text-align:center;}
.cmp-cur-weather .wrap-2 .lbl.rn-hr1 small:first-child{font-size:16px;}
.cmp-cur-weather .wrap-2 .val { color:#000; display:block; font-size: 15px; line-height: 26px; font-weight: 500; text-align:center;}
.cmp-cur-weather .wrap-2 .val .air-lvv-wrap { position:absolute; top:0; width:76px; height:76px;}
.cmp-cur-weather .wrap-2 .unit { color:#000;}
.cmp-cur-weather .wrap-2.air-wrap li:before {display:none;}
.cmp-cur-weather .wrap-2.air-wrap .lbl { display:block; font-size: 16px; line-height:20px; font-weight: 500; text-align:center; margin-top:80px;}
.cmp-cur-weather .wrap-2.air-wrap .val .air-lvv-wrap { position:absolute; top:0; width:76px; height:76px;left: 50%;margin-left: -38px; background:url(../image/renew/ic_bg_air_lvl_01.png) no-repeat center center; background-size:cover;}
.cmp-cur-weather .wrap-2.air-wrap .val .air-lvv-wrap .air-lvv { display:block; text-align:center; line-height:14px; font-size:16px; margin-top:26px;}
.cmp-cur-weather .wrap-2.air-wrap .val .air-lvv-wrap .unit { display:block; text-align:center; line-height:12px; font-size:14px;}
.cmp-cur-weather .wrap-2.air-wrap .val .air-lvv-wrap.air-lvv-0 { background-image:url(../image/renew/ic_bg_air_lvl_00.png);}
.cmp-cur-weather .wrap-2.air-wrap .val .air-lvv-wrap.air-lvv-1 { background-image:url(../image/renew/ic_bg_air_lvl_01.png);}
.cmp-cur-weather .wrap-2.air-wrap .val .air-lvv-wrap.air-lvv-2 { background-image:url(../image/renew/ic_bg_air_lvl_02.png);}
.cmp-cur-weather .wrap-2.air-wrap .val .air-lvv-wrap.air-lvv-3 { background-image:url(../image/renew/ic_bg_air_lvl_03.png);}
.cmp-cur-weather .wrap-2.air-wrap .val .air-lvv-wrap.air-lvv-4 { background-image:url(../image/renew/ic_bg_air_lvl_04.png);} 
.cmp-cur-weather .wrap-3 { overflow:hidden; display:flex;}
.cmp-cur-weather .wrap-3 li { line-height: 30px; font-size: 14px; color: #000; padding:5px 5px; flex-basis:115px; flex-shrink:0; }
.cmp-cur-weather .wrap-3 li .with-txt { margin-right:5px;}
.cmp-cur-weather .wrap-3 li:last-child { flex-grow:1; text-align:right; }
.cmp-cur-weather-head { font-weight:500; font-size:16px; padding:12px 8px; background-color:#EEF2F7; text-align:center;}
.cmp-cur-weather .ic-hm { position:relative; letter-spacing:-1px; }
.cmp-cur-weather .ic-hm:before { content:''; display:inline-block; padding-right:2px; vertical-align:middle; width:15px; height:14px; background:url(../image/renew/ic_sym_17.png) no-repeat center center; background-size:auto 14px; }
.cmp-cur-weather .ic-wind { position:relative; letter-spacing:-1px; }
.cmp-cur-weather .ic-wind:before { content:''; display:inline-block; padding-right:5px; vertical-align:middle; width:16px; height:16px; background:url(../image/renew/ic_sym_18.png) no-repeat center center; background-size:17px; }
.cmp-cur-weather .ic-rn { position:relative; letter-spacing:-1px; }
.cmp-cur-weather .ic-rn:before { content:''; display:inline-block; padding-right:2px; vertical-align:middle; width:15px; height:14px; background:url(../image/renew/ic_sym_19.png) no-repeat center center; background-size:auto 14px; }
.cmp-cur-weather.cmp-cur-weather-lifestyle { z-index:0;}

/* 뉴 비주얼맵 홀더 */
.cmp-vismap {padding:5px 5px 0 5px; position:relative;}
.cmp-vismap .wrap{ border:1px solid #B2B2AF; height:702px; background-size:100%; }
.map-layer-toggles {position: absolute;left: 0;top:10px;padding:0 10px;z-index:3;right: 5px;}
.map-layer-toggles a { padding:9px; line-height:13px; font-size:13px; color:#fff; font-weight:500; margin-right:3px;background-color:rgba(0,0,0,0.7); border-radius:5px; position:relative; }
.map-layer-toggles a.on { background-color:rgba(0,154,225,1);font-weight:700; }
.map-layer-toggles a.on span:after { position:absolute; content:''; left:10px; right:10px; bottom:6px; height:1px; background-color:#fff;}
.map-layer-toggles a[data-role="open-wgis"] {text-indent:-99999px;display:inline-block;width:30px;height:30px;border-radius:100%; background:url(../image/renew/ic_sym_06_white_1.png) no-repeat center center;background-size:14px auto;background-color:rgba(0,0,0,.5);position: absolute;right: 0;top: 1px;}
.map-layer-toggles a[data-role="open-wgis"]:hover, .map-layer-toggles a[data-role="open-wgis"]:focus {background-color: rgba(0, 0, 0, 0.7);}
.map-layer-toggles-tab { display:inline-block; }
.map-layer-toggles-tab > div { display:none; }
.map-layer-toggles-tab > div > a { line-height:13px; font-size:12px; padding:7px;margin-right:3px; }
.map-layer-toggles-tab > a.on + div {display:block; position:absolute; width:200px; padding-top:10px;}
.map-layer-toggles-tab > a[data-role="toggle-current-obs"] + div { width:300px; }
.map-layer-toggles-tab > a[data-role="toggle-current-now"] + div { left:180px; width:220px; }
.map-layer-toggles-tab > a[data-role="toggle-daily-forecast"] + div { left:80px; width:495px; }

.map-layer-buttons {position: absolute; top:10px;padding:0 10px;z-index:3;right: 5px;}
.map-layer-buttons a { padding:10px; line-height:14px; font-size:14px; color:#fff; font-weight:500; margin-right:6px;background-color:rgba(0,0,0,0.7); border-radius:5px; position:relative; }
.map-layer-buttons a.on { background-color:rgba(0,154,225,1);font-weight:700; }
.map-layer-buttons a.on span:after { position:absolute; content:''; left:10px; right:10px; bottom:6px; height:1px; background-color:#fff;}
.map-layer-buttons a[data-role="open-wgis"] {text-indent:-99999px;display:inline-block;width:30px;height:30px;border-radius:100%; background:url(../image/renew/ic_sym_06_white_1.png) no-repeat center center;background-size:14px auto;background-color:rgba(0,0,0,.5);position: absolute;right: 0;top: 1px;}
.map-layer-buttons a[data-role="open-wgis"]:hover, .map-layer-toggles a[data-role="open-wgis"]:focus {background-color: rgba(0, 0, 0, 0.7);}

.map-layer-tm { display:none; position:absolute; bottom:10px; padding:0 10px;z-index:3; left:10px; }
.map-layer-tm.on { display:block; }
.map-layer-tm p { padding:6px; line-height:14px; font-size:14px; color:#fff; font-weight:500; margin-right:6px;background-color:rgba(0,0,0,0.7); border-radius:4px; position:relative; }

.map-layer-iconguide { display:none; position:absolute; top:15px; z-index:3;right:45px; }
.map-layer-iconguide.on { display:block; }

.sfc-main { top:5px; }
.sfc-main img { width: 27px; height:auto;}
.sfc-main img.wd { width:20px; margin:2px; }
.kmap-app .sfc-main span { display:flex; align-items:center; justify-content:center;}
.kmap-app .sfc-main span.val { padding:3px 0 1px 0; }

/* 메인 영향예보 */
.cmp-impact-fct { position: relative; }
.cmp-impact-fct h3 { font-weight: 500; font-size:17px;position: absolute; background:#0099E1; height: 100%; left:0; top:0; text-align:center; width: 120px; color:#fff; }
.cmp-impact-fct h3 span {position: absolute; left:17px; top:50%; margin-top:-10px;}
.cmp-impact-fct p { text-align:center; font-weight: 400; font-size:16px;background:#EEF2F7; padding:12px 8px;}
.cmp-impact-fct p.active:before { content:''; display:inline-block; width:28px; height:28px;background:url('../image/renew/ic_sym_01.png') no-repeat center center; background-size:auto 28px; margin-top:-5px; margin-bottom:-7px; margin-right:4px;}
.cmp-impact-fct p span.imp-cw{ color:#0B6B97; }
.cmp-impact-fct p span.imp-hw{ color:#0B6B97; }
.cmp-impact-fct p span.wrn{ color:#e60044; font-weight:700;}

/* 메인 기상전망 */
.cmp-fct-summary p { font-size: 15px; margin:10px 0; padding:0 10px;line-height: 20px; height: 40px; overflow:hidden; text-overflow: ellipsis;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.cmp-fct-summary .more { text-align:center;position:relative; margin-bottom:16px; margin-top:16px; border-bottom:1px solid #D4E4EC;}
.cmp-fct-summary .more a { position:absolute; font-size: 15px; line-height:22px; color:#fff; background:#0099E1; padding:0 20px; left:50%; margin-left:-40px; bottom: -11px;}  

/* 메인 가까운 AWS */
.cmp-main-aws { margin-top:10px; position:relative;}
.cmp-main-aws h3 {font-size:15px; font-weight: 400; width:calc(100% - 120px); line-height:1.5;}
.cmp-main-aws h3 strong {color:#0099E1;font-weight: 400; padding:0 5px;}
.cmp-main-aws h3 strong:before { content: '[';}
.cmp-main-aws h3 strong:after { content: ']';}
.cmp-main-aws table tr th {font-size: 14px; padding:6px 0; text-align:center; border-right:1px solid #D4D4D4;border-bottom:1px solid #D4D4D4;}
.cmp-main-aws table thead tr:first-of-type th { border-top:1px solid #D4D4D4; background-color:#EEF2F7;}
.cmp-main-aws table thead tr:first-of-type th:first-of-type { border-left:1px solid #D4D4D4; }
.cmp-main-aws table tr td {font-size: 14px; padding:6px 0; text-align:center; border-right:1px solid #D4D4D4;border-bottom:1px solid #D4D4D4;}
.cmp-main-aws table tbody tr td:first-of-type { border-left:1px solid #D4D4D4; }
.cmp-main-aws .bg-th {background-color:#EEF2F7;}
.cmp-main-aws table thead.thin-head th {padding:2px 0 1px 0;}
.cmp-main-aws a.sym-btn[data-role="toggle-aws"] { position:absolute;top:0; right:0; padding:2px 15px;}
.cmp-main-aws a.sym-btn[data-role="toggle-aws"] + div.aws-data { display:none;}
.cmp-main-aws a.sym-btn[data-role="toggle-aws"].on + div.aws-data { display:block;}
.cmp-main-aws a.sym-btn[data-tab="0"] { right:130px; }
.cmp-main-aws a.sym-btn[data-tab="1"] { right:65px; }
.cmp-main-aws a.sym-btn[data-tab="2"] { right:0px; }
.cmp-main-aws .aws-data-head { display:flex; align-items:center; justify-content:space-between; gap:5px; padding:5px;}
.cmp-main-aws .aws-data-foot { display:flex; align-items:center; justify-content:space-between; gap:5px; padding:5px;}
/* 오른쪽 정렬 문단 */
.cmp-cmn-para p{ font-size:14px; padding:5px; }
.cmp-cmn-para .right{ text-align:right;}
.cmp-cmn-para.odam-updated { position:absolute; text-align:right; right:10px; top:auto; z-index:1;}
.cmp-cmn-para.odam-updated .updated-at{ background:url(../image/renew/ic_sym_99.png) no-repeat left center; background-size: auto 14px; padding-left: 15px;color:#000; font-size: 16px; line-height:20px;}
.cmp-cmn-para .spon {color:#000;} 
/* 날씨지도 */
/* KMAP */
.kmap-app { position:relative; }
.kmap-app .kmap-message { z-index:1; position:absolute; left:0px; bottom:0px; padding:20px; width:50%; }
.kmap-app .kmap-message > div { background-color:rgba(0,0,0,0.7); border-radius:5px; padding:10px; padding-right:24px; font-size:13px; color:#fff; line-height:20px; }
.kmap-app .kmap-message > a.kmap-message-close { position:absolute; right:24px; top:24px; text-indent:-9999px; width:32px; height:32px;background:url(../image/banner_close.png) no-repeat center center; background-size:15px; background-color:rgba(0,0,0,0); border-radius:64px; }
.kmap-app .kmap-message > a.kmap-message-close:hover { background-color:rgba(0,0,0,0.1);}
#image-player-wrapper .kmap-app .kmap-message { top:0px; bottom:auto; width:60%; }
.new-main .kmap-app .kmap-message { bottom:40px; }
/* TIMEBAR */
.kmap-app .timebar input:focus, .kmap-app .timebar button:focus {
	outline: none;
	box-shadow:none;
}

.kmap-app .timebar {
	display: flex;
	align-items:center;
	position: absolute;
	bottom: 10px;
	left: 50%;
	width: 320px;
	margin-left: -160px;
	border: 1px solid #ccc;
	border-radius:5px;
	background-color: #fff;
	z-index: 1;
}

.kmap-app .timebar>div {
	flex: 1 1 auto;
	padding: 5px;
	box-sizing: border-box;
	border-right: 1px solid #eee;
	text-align:center;
}
.kmap-app .timebar div>span {
	display: block;
	font-size: 12.5px;
}

.kmap-app .timebar div>select {
	-webkit-appearance: menulist;
	padding: 3px;
}

.kmap-app .timebar input.range {
	width: 140px;
}

.kmap-app input[type=range] {
	-webkit-appearance: none;
	width: 100%;
	height: 5px;
	background: #d5d4d3;
	cursor: pointer;
	border-radius: 0;
	transition: background 450ms ease-in;
}

.kmap-app button.time {
	width: 30px;
	height: 30px;
	background-color: transparent;
	text-indent: -999em;
	border: none;
	cursor: pointer;
	background-image: url(../image/renew/timebar.png);
	background-repeat: no-repeat;
}

.kmap-app button.time.play {
	background-position: 1px -4px;
}

.kmap-app button.time.pause {
	background-position: -101px -3px;
}

/* 날씨 슬라이더 */
#digital-forecast { min-height: 525px;}
#digital-forecast .cmp-cur-weather-air { display:none; }
#current-weather .cmp-cur-weather-air { display:block; }
.cmp-cur-weather-air { z-index:1;}
.cmp-cur-weather-air .air-lvt a[data-air-type] {vertical-align: middle;text-indent:-99999px; width:18px; height:18px; display:inline-block; background:url(../image/icon_help_2.png) no-repeat center center; background-size:14px; }

.cmp-dfs-slider .dfs-slider { display:flex; }
.cmp-dfs-slider .dfs-slider .dfs-slider-border { display:none; }

.cmp-dfs-slider .dfs-slider:focus { overflow:hidden; }
.cmp-dfs-slider .dfs-slider:focus .dfs-slider-border { z-index:999; display:block; position:absolute; top:0; right:0; bottom:16px; left:0; border:2px solid #666; }

.cmp-dfs-slider { position:relative; padding-top:10px;}
.cmp-dfs-slider .dfs-tab { background:#EEF2F7; padding: 10px 15px 0px 15px; height: 60px; position:relative;}
.cmp-dfs-slider .dfs-tab .right { float:left; width:calc(100% - 680px); height:50px;}
.cmp-dfs-slider .dfs-tab .dfs-tab-head-wrap { float:left; overflow:hidden; margin-top:0;}
.cmp-dfs-slider .dfs-tab .dfs-tab-head { width:680px;height:50px;}
.cmp-dfs-slider .dfs-tab .dfs-tab-head li { display:block; position:relative; float:left; min-width:130px; margin-left:3px; font-size: 20px; background:#DAE0E8;}
.cmp-dfs-slider.hr1-fct .dfs-tab .dfs-tab-head li { min-width:110px; }
.cmp-dfs-slider .dfs-tab .dfs-tab-head li:first-of-type { margin-left:0; }

.cmp-dfs-slider .dfs-tab .dfs-tab-head li[data-experimental="Y"] a { line-height:normal; height:50px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.cmp-dfs-slider .dfs-tab .dfs-tab-head li[data-experimental="Y"] a > span { display:block; width:100%; text-align:center;}
.cmp-dfs-slider .dfs-tab .dfs-tab-head li[data-experimental="Y"] a > small { display:block; width:100%; text-align:center; font-size:14px; }

.cmp-dfs-slider .dfs-tab .dfs-tab-head li a { border:1px solid #B9C5D3; display:block; position:relative; text-align:center; line-height:46px;padding-top:2px;transition: all .2s ease-out;}
.cmp-dfs-slider .dfs-tab .dfs-tab-head li a.on 
	, .cmp-dfs-slider .dfs-tab .dfs-tab-head li a:hover
	, .cmp-dfs-slider .dfs-tab .dfs-tab-head li a:focus { z-index:3; color: #0099E1; background:#fff; border-bottom: 1px solid rgba(0,0,0,0);}
.cmp-dfs-slider .dfs-tab .dfs-tab-head li a.on:after 
	, .cmp-dfs-slider .dfs-tab .dfs-tab-head li a:hover:after
	, .cmp-dfs-slider .dfs-tab .dfs-tab-head li a:focus:after { content: ''; position: absolute; height: 2px; left:0; top: 0; right:0; background:#00A9CD; }

.cmp-dfs-slider .dfs-tab .dfs-tab-head li[data-experimental="Y"] a.on 
	, .cmp-dfs-slider .dfs-tab .dfs-tab-head li[data-experimental="Y"] a:hover
	, .cmp-dfs-slider .dfs-tab .dfs-tab-head li[data-experimental="Y"] a:focus { z-index:3; color: #E55D29; background:#fff; border-bottom: 1px solid rgba(0,0,0,0);}
.cmp-dfs-slider .dfs-tab .dfs-tab-head li[data-experimental="Y"] a.on:after 
	, .cmp-dfs-slider .dfs-tab .dfs-tab-head li[data-experimental="Y"] a:hover:after
	, .cmp-dfs-slider .dfs-tab .dfs-tab-head li[data-experimental="Y"] a:focus:after { content: ''; position: absolute; height: 2px; left:0; top: 0; right:0; background:#E6632A; }
	
.cmp-dfs-slider .dfs-tab .dfs-tab-head li a + .tt-btn { z-index:3; display:none;}
.cmp-dfs-slider .dfs-tab .dfs-tab-head li a.on + .tt-btn { display:inline-block;}
.cmp-dfs-slider .dfs-tab .dfs-tab-head li .tt-btn { position: absolute; top:50%; margin-top:-10px; right:5px; }
.cmp-dfs-slider .dfs-tab .dfs-tab-head li .tt {z-index:3; width: 300px; top:auto; bottom:-18px;}
.cmp-dfs-slider .dfs-tab .dfs-tab-head li:last-child .tt { left:auto; width:550px; right:-40px; bottom:-18px;}
.cmp-dfs-slider .dfs-tab .dfs-tab-head li[data-experimental="Y"] .tt {z-index:3; left:-400px; width:575px; top:auto; bottom:-18px;}
.cmp-dfs-slider .dfs-tab .right .updated { font-size:13px; float:left; height: 50px; position:relative; width: 270px; padding-top:7px; display:none;}
.cmp-dfs-slider .dfs-tab .right .updated h4 { position:absolute; left:10px; top:9px; font-weight: 600;}
.cmp-dfs-slider .dfs-tab .right .updated strong { display:block; padding-left:66px; line-height:20px; font-weight: 400;}
.cmp-dfs-slider .dfs-tab .right .btns {float: right; height:50px; }
.cmp-dfs-slider .dfs-tab .right .btns .btn-wrap { margin-top:1px; }
.cmp-dfs-slider .dfs-tab .right .btns .sym-btn.settings {display:none;}
.cmp-dfs-slider .dfs-tab-body { position:relative; min-height:350px; overflow:hidden; width:100%;}
.cmp-dfs-slider .dfs-tab-body .item-lbl {z-index:2; background:#fff; position:absolute; padding-top:60px; width:55px; left:0; top:0;}
.cmp-dfs-slider .dfs-tab-body .item-lbl li { width: 100%; float:left; line-height:30px; text-align:center; font-size:14px;}
.cmp-dfs-slider .dfs-tab-body .item-lbl li:nth-child(1) { line-height:25px;}
.cmp-dfs-slider .dfs-tab-body .item-lbl li:nth-child(2) { line-height:55px;}
.cmp-dfs-slider .dfs-tab-body .item-lbl li:nth-child(3) { line-height:110px;}
.cmp-dfs-slider .dfs-tab-body .item-lbl li:nth-child(4) { line-height:30px;}
.cmp-dfs-slider .dfs-tab-body .item-lbl li:nth-child(5) { height:36px; line-height:18px; padding-top:1px;}
.cmp-dfs-slider .dfs-tab-body .item-lbl li:nth-child(5) small{ display:block; font-size:13px;}
.cmp-dfs-slider .dfs-tab-body .item-lbl li:nth-child(5).snow-exists { font-size:13px;}

.cmp-dfs-slider .dfs-tab-body .item-lbl li:nth-child(6) { height:40px; display:none; flex-direction:column; align-items:center; justify-content:center; line-height:1.2; font-size:13px; }
.cmp-dfs-slider .dfs-tab-body .item-lbl.rain-exists li:nth-child(6) { display:flex; }
.cmp-dfs-slider .dfs-tab-body .item-lbl.snow-exists li:nth-child(6) { display:flex; }

.cmp-dfs-slider .dfs-tab-body .item-lbl li:nth-child(7) { line-height:30px;}
.cmp-dfs-slider .dfs-tab-body .item-lbl li:nth-child(8) { height:80px; display:flex; flex-direction:column; align-items:center; justify-content:center; line-height:18px; }
.cmp-dfs-slider .dfs-tab-body .item-lbl li:nth-child(8) small{ display:block;}
.cmp-dfs-slider .dfs-tab-body .item-lbl li:nth-child(9) { line-height:30px;}

.cmp-dfs-slider.hr03-fct .dfs-tab-body .item-lbl li:nth-child(5) { display:none; }
.cmp-dfs-slider.hr03-fct .dfs-tab-body .item-lbl li:nth-child(8) { height:60px; }

.cmp-dfs-slider.cmp-dfs-wave-slider .dfs-tab-body .item-lbl li:nth-child(1) { line-height:25px;}
.cmp-dfs-slider.cmp-dfs-wave-slider .dfs-tab-body .item-lbl li:nth-child(2) { line-height:55px;}
.cmp-dfs-slider.cmp-dfs-wave-slider .dfs-tab-body .item-lbl li:nth-child(3) { height:60px; line-height:18px; padding-top:12px;}
.cmp-dfs-slider.cmp-dfs-wave-slider .dfs-tab-body .item-lbl li:nth-child(4) { line-height:30px;}
.cmp-dfs-slider.cmp-dfs-wave-slider .dfs-tab-body .item-lbl li:nth-child(n+5) { display:none;}

.cmp-dfs-slider .dfs-tab-body .item-lbl.off { display:none !important; }
.cmp-dfs-slider .dfs-tab-body .item-lbl-graph {display:none; z-index:2; background:#fff; position:absolute; padding-top:60px; width:55px; left:0; top:0;}
.cmp-dfs-slider .dfs-tab-body .item-lbl-graph li { width: 100%; float:left; line-height:30px; text-align:center; font-size:15px;}
.cmp-dfs-slider .dfs-tab-body .item-lbl-graph li:nth-child(1) { line-height:25px;}
.cmp-dfs-slider .dfs-tab-body .item-lbl-graph li:nth-child(2) { line-height:55px;}
.cmp-dfs-slider .dfs-tab-body .item-lbl-graph li:nth-child(3) { line-height:100px;}
.cmp-dfs-slider .dfs-tab-body .item-lbl-graph li:nth-child(4) { height:80px; line-height:20px; padding-top:0px;}
.cmp-dfs-slider .dfs-tab-body .item-lbl-graph li:nth-child(4) small{display:block;}
.cmp-dfs-slider.hr03-fct .dfs-tab-body .item-lbl-graph li:nth-child(4) { display:none; }
.cmp-dfs-slider .dfs-tab-body .item-lbl-graph li:nth-child(5) { height:40px; display:none; flex-direction:column; align-items:center; justify-content:center; }
.cmp-dfs-slider .dfs-tab-body .item-lbl-graph.rain-exists li:nth-child(5) { display:flex; }
.cmp-dfs-slider .dfs-tab-body .item-lbl-graph.snow-exists li:nth-child(5) { display:flex; }

.cmp-dfs-slider .dfs-tab-body .item-lbl-graph li:nth-child(6) { height:80px; line-height:20px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.cmp-dfs-slider .dfs-tab-body .item-lbl-graph li:nth-child(6) small{display:block;}

.cmp-dfs-slider .dfs-tab-body .item-lbl-graph li:nth-child(7) { height:80px; display:none; flex-direction:column; align-items:center; justify-content:center; }
.cmp-dfs-slider .dfs-tab-body .item-lbl-graph.snow-exists li:nth-child(7) { display:flex; }

.cmp-dfs-slider.mode-chart .dfs-tab-body .item-lbl-graph li:nth-child(7) { display:flex; }


.cmp-dfs-slider .dfs-tab-body .item-lbl-graph li:nth-child(8) { height:140px; line-height:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.cmp-dfs-slider.hr03-fct .dfs-tab-body .item-lbl-graph li:nth-child(8) { height:80px; }
.cmp-dfs-slider .dfs-tab-body .item-lbl-graph li:nth-child(9) { line-height:120px;}
.cmp-dfs-slider .dfs-tab-body .item-lbl-graph li:nth-child(10) { line-height:100px;}

.cmp-dfs-slider .dfs-tab-body .item-lbl-graph .pop10-toggle-btn { display:block; font-size:13px; line-height:15px; color:#4489DE; border:1px solid #4489DE; border-radius:5px; background-color:#F3FBFF;text-align:center; padding:5px 0 3px 0; }
.cmp-dfs-slider .dfs-tab-body .item-lbl-graph .pop10-toggle-btn span { display:block; text-align:center; }

.cmp-dfs-slider.cmp-dfs-wave-slider .dfs-tab-body .item-lbl-graph li:nth-child(1) { line-height:25px;}
.cmp-dfs-slider.cmp-dfs-wave-slider .dfs-tab-body .item-lbl-graph li:nth-child(2) { line-height:55px;}
.cmp-dfs-slider.cmp-dfs-wave-slider .dfs-tab-body .item-lbl-graph li:nth-child(3) { line-height:120px;}
.cmp-dfs-slider.cmp-dfs-wave-slider .dfs-tab-body .item-lbl-graph li:nth-child(4) { line-height:100px;}
.cmp-dfs-slider.cmp-dfs-wave-slider .dfs-tab-body .item-lbl-graph li:nth-child(n+5) { display:none}


.cmp-dfs-slider .dfs-tab-body .item-lbl-graph.off { display:none !important; }
.cmp-dfs-slider .dfs-tab-body .item-lbl-midterm {display:none; z-index:2; background:#fff; position:absolute; padding-top:25px; width:55px; left:0; top:0; bottom:20px;}
.cmp-dfs-slider .dfs-tab-body .item-lbl-midterm li { width: 100%; float:left; line-height:30px; text-align:center; font-size:14px;}
.cmp-dfs-slider .dfs-tab-body .item-lbl-midterm li:nth-child(1) { line-height:60px;}
.cmp-dfs-slider .dfs-tab-body .item-lbl-midterm li:nth-child(2) { line-height:55px;}
.cmp-dfs-slider .dfs-tab-body .item-lbl-midterm li:nth-child(3) { line-height:110px;}
.cmp-dfs-slider .dfs-tab-body .item-lbl-midterm li:nth-child(4) { line-height:30px;}
/* .cmp-dfs-slider .dfs-tab-body .item-lbl-midterm li:nth-child(5) { height:36px; line-height:18px; padding-top:1px;}
.cmp-dfs-slider .dfs-tab-body .item-lbl-midterm li:nth-child(6) { line-height:30px;}
.cmp-dfs-slider .dfs-tab-body .item-lbl-midterm li:nth-child(7) { height:60px; line-height:18px; padding-top:12px;}
.cmp-dfs-slider .dfs-tab-body .item-lbl-midterm li:nth-child(8) { line-height:30px;} */
.cmp-dfs-slider .dfs-tab-body .item-lbl-midterm.on { display:block; }

.cmp-dfs-slider.cmp-dfs-wave-slider .dfs-tab-body .item-lbl-midterm { display:none;}
.cmp-dfs-slider.cmp-dfs-wave-slider .dfs-tab-body .item-lbl-midterm.on { display:none;}

.cmp-dfs-slider .dfs-tab-body .item { float:left; width: 47px;padding-top:60px; position:relative;}
.cmp-dfs-slider.hr03-fct .dfs-tab-body .item { width:80px; }
.cmp-dfs-slider .dfs-tab-body .day-ten .item { width:72px; }
.cmp-dfs-slider .dfs-tab-body .day-ten .item.all-day { width:144px; }
.cmp-dfs-slider .dfs-tab-body .day-ten .item .item-date { display:none; }
.cmp-dfs-slider .dfs-tab-body .item li { width: 100%; float:left; line-height:30px; text-align:center; font-size:13px;}
.cmp-dfs-slider .dfs-tab-body .item li:nth-child(1) { height:25px; line-height:25px;}
.cmp-dfs-slider .dfs-tab-body .item li:nth-child(2) { height:55px; line-height:55px; text-align:unset; position:relative;}
.cmp-dfs-slider .dfs-tab-body .slide:not(.day-ten) .item li:nth-child(2) { margin-left:-50%; }
.cmp-dfs-slider.hr1-fct .dfs-tab-body .slide:not(.day-ten) .item li:nth-child(2) { margin-left:auto; }
.cmp-dfs-slider .dfs-tab-body .item li:nth-child(2) .wic { width: 100%; height: 100%; background-size:44px auto; display:block; margin:0 auto;}
.cmp-dfs-slider .dfs-tab-body .item li:nth-child(2) .lgt { width:24px; height:24px; background:url(../icon/DY@64/Light/DB_LGT.png) no-repeat center center; background-size:18px; text-indent:-9999px;position:absolute; top: 50%;right: 4px;margin-top: -26px;}
.cmp-dfs-slider .dfs-tab-body .item li:nth-child(3) { height:110px; line-height:110px;}
.cmp-dfs-slider .dfs-tab-body .item li:nth-child(4) { height:30px; line-height:30px;}
.cmp-dfs-slider .dfs-tab-body .item li:nth-child(5) { height:37px; line-height:18px; background:#E9ECED; border-bottom:1px solid #dedede; z-index:0; display:table;}
.cmp-dfs-slider .dfs-tab-body .item li:nth-child(5).snow-exists { font-size:13px; line-height:18px;}
.cmp-dfs-slider .dfs-tab-body .item li:nth-child(5) span:nth-child(3) { display:block; text-align:center; border-right:1px solid #fff;}
.cmp-dfs-slider .dfs-tab-body .item li:nth-child(5) .unit { display:none !important; }
.cmp-dfs-slider .dfs-tab-body .slide:not(.day-ten) .item li:nth-child(5) { margin-left:-50%; }
.cmp-dfs-slider.hr1-fct .dfs-tab-body .slide:not(.day-ten) .item li:nth-child(5) { margin-left:-1px; }
.cmp-dfs-slider .dfs-tab-body .item li:nth-child(6) { display:none; height:40px; line-height:1.3; }
.cmp-dfs-slider .dfs-tab-body .slide-wrap.rain-exists .item li:nth-child(6) { display:flex; flex-direction:column; align-items:center; justify-content:center; line-height:1.3; }
.cmp-dfs-slider .dfs-tab-body .slide-wrap.snow-exists .item li:nth-child(6) { display:flex; flex-direction:column; align-items:center; justify-content:center; line-height:1.3; }

.cmp-dfs-slider.mode-table.hr03-fct .dfs-tab-body .slide:not(.day-ten) .item li:nth-child(6) span:last-child { position:relative; left:auto; }

.cmp-dfs-slider .dfs-tab-body .item li:nth-child(7) { height:30px; display:flex; flex-direction:column; align-items:center; justify-content:center; line-height:1.2; }
.cmp-dfs-slider .dfs-tab-body .item li:nth-child(8) { height:80px; text-align:unset; border-bottom:1px solid #dedede; line-height:1.8}
.cmp-dfs-slider .dfs-tab-body .item li:nth-child(8) .wdic { display:block; margin:6px auto 10px;}
.cmp-dfs-slider .dfs-tab-body .item li:nth-child(8) .wspd { display:block; text-align:center;}
.cmp-dfs-slider .dfs-tab-body .item li:nth-child(8) .wspd .unit { display:none; }

.cmp-dfs-slider .dfs-tab-body .item li:nth-child(9) { height:30px; line-height:30px;}
.cmp-dfs-slider .dfs-tab-body .item li:nth-child(10) { height:30px; line-height:30px; text-align:unset;}
.cmp-dfs-slider .dfs-tab-body .item li:nth-child(10) span[class*="lvl"] { display:block; text-indent:-99999px; height:18px; margin:7px 0 0 0;}
.cmp-dfs-slider .dfs-tab-body .item li:nth-child(10) span.lvl-gray { background: #f3f3f3;}
.cmp-dfs-slider .dfs-tab-body .item li:nth-child(10) span.lvl-white { background: #ffffff;}
.cmp-dfs-slider .dfs-tab-body .item li:nth-child(10) span.lvl-blue { background: #99ccdd;}
.cmp-dfs-slider .dfs-tab-body .item li:nth-child(10) span.lvl-yellow { background: #f9f57e;}
.cmp-dfs-slider .dfs-tab-body .item li:nth-child(10) span.lvl-orange { background: #ffc46f;}
.cmp-dfs-slider .dfs-tab-body .item li:nth-child(10) span.lvl-red { background: #f19898;}	
.cmp-dfs-slider .dfs-tab-body .slide:not(.day-ten) .item li:nth-child(10) { margin-left:-50%;}
.cmp-dfs-slider .dfs-tab-body .slide:not(.day-ten) .item li:nth-child(10) span.lvl-show { text-indent:0px; padding-left:10px; line-height:18px;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide:not(.day-ten) .item li:nth-child(10) span.lvl-show { padding-left:0; }

.cmp-dfs-slider.hr1-fct .dfs-tab-body .slide:not(.day-ten) .item li:nth-child(10) { margin-left:auto;}

.cmp-dfs-slider.hr03-fct .dfs-tab-body .item li:nth-child(5) { display:none; }
.cmp-dfs-slider.hr03-fct .dfs-tab-body .item li:nth-child(8) { height:60px; }


.cmp-dfs-slider .dfs-tab-body .item-wrap .s-item[data-time="03:00"] .pcp
	,.cmp-dfs-slider .dfs-tab-body .item-wrap .s-item[data-time="09:00"] .pcp 
	,.cmp-dfs-slider .dfs-tab-body .item-wrap .s-item[data-time="15:00"] .pcp 
	,.cmp-dfs-slider .dfs-tab-body .item-wrap .s-item[data-time="21:00"] .pcp { width:200%;}
.cmp-dfs-slider .dfs-tab-body .item-wrap .s-item[data-time="06:00"] .pcp
	,.cmp-dfs-slider .dfs-tab-body .item-wrap .s-item[data-time="12:00"] .pcp 
	,.cmp-dfs-slider .dfs-tab-body .item-wrap .s-item[data-time="18:00"] .pcp 
	,.cmp-dfs-slider .dfs-tab-body .item-wrap .s-item[data-time="24:00"] .pcp { visibility:hidden;}

.cmp-dfs-slider.hr1-fct.mode-table .dfs-tab-body .item-wrap .s-item[data-time="06:00"] .pcp
	,.cmp-dfs-slider.hr1-fct.mode-table .dfs-tab-body .item-wrap .s-item[data-time="12:00"] .pcp 
	,.cmp-dfs-slider.hr1-fct.mode-table .dfs-tab-body .item-wrap .s-item[data-time="18:00"] .pcp 
	,.cmp-dfs-slider.hr1-fct.mode-table .dfs-tab-body .item-wrap .s-item[data-time="24:00"] .pcp { visibility:visible;}
	
.cmp-dfs-slider:not(.mode-table).hr1-fct .dfs-tab-body .item-wrap .s-item .pcp { visibility:visible !important; width:100% !important;}
.cmp-dfs-slider .dfs-tab-body .item-wrap .s-item-first .pcp { visibility:visible !important;}	
.cmp-dfs-slider .dfs-tab-body .item-wrap .item .pcp span { display:table-cell; border-left:2px solid #fff; height:35px; margin-left:-1px; line-height:18px; vertical-align:middle; word-break:break-all;}
.cmp-dfs-slider .dfs-tab-body .item:hover:before { display:block; }
.cmp-dfs-slider .dfs-tab-body .item:before { content:''; position:absolute; top:60px; right:0; bottom:5px; left:0; background:#f9f9f9; display:none; z-index:-1;}
.cmp-dfs-slider .dfs-tab-body .daily[data-experimental="Y"] .item:before { background-color:rgba(0,0,0,0); }
.cmp-dfs-slider .dfs-tab-body .slide:not(.day-ten) .item:after { content:''; position:absolute; width:1px; left:-23px; top:75px; bottom:5px; background:url(../image/renew/ic_vertical_line.png) repeat-y center top; background-size: 1px auto; z-index:-1;}
.cmp-dfs-slider.hr1-fct .dfs-tab-body .slide:not(.day-ten) .item:after { left:0; }
.cmp-dfs-slider:not(.hr1-fct) .dfs-tab-body .slide:not(.day-ten) .item:first-child:after { display:none; }
.cmp-dfs-slider .dfs-tab-body .item.now li:nth-child(1) span:last-of-type{color:#fff; background-color:#DA6100; border-radius:4px;padding:4px 8px;} 
.cmp-dfs-slider .dfs-tab-body .slide { position:relative; margin-bottom:20px;}
.cmp-dfs-slider .dfs-tab-body .slide .daily-head { position:absolute; left:8px; top:27px; font-size:15px;}
.cmp-dfs-slider .dfs-tab-body .slide:not(.day-ten) .daily-head { left:-46px; }
.cmp-dfs-slider .dfs-tab-body .slide:first-child .daily-head {left:1px;}
.cmp-dfs-slider .dfs-tab-body .slide:first-of-type {margin-left: 78px;}
.cmp-dfs-slider.hr1-fct .dfs-tab-body .slide:first-of-type {margin-left: 55px;}
.cmp-dfs-slider .dfs-tab-body .slide .daily { float:left; position:relative;}
.cmp-dfs-slider .dfs-tab-body .slide:not(.day-ten) .daily .daily-head { margin-left:23px; }
.cmp-dfs-slider .dfs-tab-body .slide:not(.day-ten):first-child .daily .daily-head { margin-left:auto;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide:not(.day-ten) .daily .daily-head { margin-left:auto; }
.cmp-dfs-slider .dfs-tab-body .slide .daily .daily-head .date { background-color: #0099E1; color:#fff; border-radius:4px; padding:6px 10px; display:inline;}
.cmp-dfs-slider .dfs-tab-body .slide .daily[data-experimental="Y"] .daily-head .date { background-color: #CD752A; }
.cmp-dfs-slider .dfs-tab-body .slide .daily .daily-head .date:after { content:''; position:absolute; width:25px; height:10px; bottom:-13px; left:20px;background:url(../image/renew/ic_sym_13.png) no-repeat left top; background-size:25px 10px;}
.cmp-dfs-slider .dfs-tab-body .slide .daily[data-experimental="Y"] .daily-head .date:after {left:20px; background:url(../image/renew/ic_sym_13_1.png) no-repeat left top; background-size:25px 10px;}
.cmp-dfs-slider .dfs-tab-body .slide .daily .daily-head .end-date { display:none; }
.cmp-dfs-slider .dfs-tab-body .slide .daily .daily-head .tminmax { padding-left:4px; letter-spacing:-1px; display:inline;}
.cmp-dfs-slider .dfs-tab-body .slide .daily .daily-head .tminmax .tmax:before { content: '/'; padding-right:8px;}
.cmp-dfs-slider .dfs-tab-body .slide .daily .daily-head .tminmax .minval { padding-left:8px; padding-right:8px; color:#009AE1;}
.cmp-dfs-slider .dfs-tab-body .slide .daily .daily-head .tminmax .maxval { padding-left:8px; color:#C55106;}
.cmp-dfs-slider .dfs-tab-body .slide .daily .daily-head .table-head { display:none; }
.cmp-dfs-slider .dfs-tab-body .slide .daily[data-start-time="23:00"] .daily-head { display:none; }
.cmp-dfs-slider .dfs-tab-body .slide .daily[data-start-time="22:00"] .daily-head { display:none; }
/*
.cmp-dfs-slider .dfs-tab-body .slide:not(.day-ten) .daily:before { content:''; position:absolute; width:1px; left:-23px; top:75px; bottom:5px; background:url(../image/renew/ic_vertical_line3.png) repeat-y center top; background-size: 1px auto; z-index:-1;}
*/
.cmp-dfs-slider.hr1-fct .dfs-tab-body .slide:not(.day-ten) .daily:before { left:-47px; }

.cmp-dfs-slider:not(.mode-table) .dfs-tab-body .slide .daily[data-experimental="Y"] .item:nth-of-type(n+2) .pcp { background:none;}
.cmp-dfs-slider:not(.mode-table) .dfs-tab-body .slide .daily[data-experimental="Y"] .item:nth-of-type(n+2) .pcp span { display:block; overflow:hidden; visibility:hidden;}
.cmp-dfs-slider:not(.mode-table) .dfs-tab-body .slide .daily[data-experimental="Y"] .item:nth-of-type(1) .pcp { width:2400% !important; background-color:#D9D9D9; }
.cmp-dfs-slider:not(.mode-table) .dfs-tab-body .slide .daily[data-experimental="Y"] .item li { background-color:#EFF3F8; }
.cmp-dfs-slider:not(.mode-table) .dfs-tab-body .slide .daily[data-experimental="Y"] .item-wrap:after { content:''; position:absolute; top:60px; left:0; right:0; bottom:0; border:1px solid #D9D9D9; background-color:rgba(0,0,0,0); }
.cmp-dfs-slider:not(.mode-table) .dfs-tab-body .slide .daily[data-experimental="Y"] .item li:nth-child(9) * { visibility:hidden;}

.cmp-dfs-slider .dfs-tab-body .slide .daily .daily-head .date .tt-btn { z-index:3; display:none;}
 
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily[data-experimental="Y"] .item .pcp span { visibility:hidden;}
	
.cmp-dfs-slider .dfs-tab-body .slide .daily[data-start-time="22:00"]:before { display:none; }
.cmp-dfs-slider .dfs-tab-body .slide .daily[data-start-time="23:00"]:before { display:none; }

.cmp-dfs-slider .dfs-tab-body .slide:first-child .daily:before { display:none; }
.cmp-dfs-slider .dfs-tab-body .slide-wrap { display:flex; }
.cmp-dfs-slider .dfs-tab-body .slide-wrap:after {content:''; position:absolute; left:57px; top:278px; right:5px; border-bottom:1px dotted #555;}
.cmp-dfs-slider.hr1-fct .dfs-tab-body .slide-wrap:after {content:''; position:absolute; left:55px; top:278px; right:5px; border-bottom:1px dotted #555;}
.cmp-dfs-slider.hr03-fct .dfs-tab-body .slide-wrap:after { display:none; }
.cmp-dfs-slider .dfs-tab-body .slide-wrap .tchart { position:absolute; height:100px; left:79.5px; top:140px; overflow:hidden;}
.cmp-dfs-slider .dfs-tab-body .slide-wrap .midtchart { position:absolute; height:100px; left:55px; top:140px; overflow:hidden;}
.cmp-dfs-slider .dfs-tab-body .slide-wrap .rainchart { display:none; position:absolute; height:100px; left:78px; top:240px; overflow:hidden; }
.cmp-dfs-slider .dfs-tab-body .slide-wrap .rainchart .chart-label { display:block; text-align:center; }
.cmp-dfs-slider .dfs-tab-body .slide-wrap .snowchart { display:none; position:absolute; height:100px; left:78px; top:240px; overflow:hidden; }
.cmp-dfs-slider .dfs-tab-body .slide-wrap .snowchart .chart-label { display:block; text-align:center; }
.cmp-dfs-slider .dfs-tab-body .slide-wrap .ptychart { display:none; position:absolute; height:100px; left:78px; top:240px; overflow:hidden; }
.cmp-dfs-slider .dfs-tab-body .slide-wrap .windchart { display:none; position:absolute; height:140px; left:78px; top:340px; overflow:hidden; padding-bottom:30px; }
.cmp-dfs-slider .dfs-tab-body .slide-wrap .hmchart { display:none; position:absolute; height:100px; left:78px; top:460px; overflow:hidden; }

.cmp-dfs-slider .dfs-tab-body .slide-wrap.snow-exists:not(.rain-exists) .snowchart { display:none; position:absolute; height:80px; left:78px; top:240px; overflow:hidden; }
.cmp-dfs-slider .dfs-tab-body .slide-wrap.snow-exists:not(.rain-exists) .ptychart { top:360px;}
.cmp-dfs-slider.hr03-fct .dfs-tab-body .slide-wrap.snow-exists:not(.rain-exists) .ptychart { top:280px; }
.cmp-dfs-slider .dfs-tab-body .slide-wrap.snow-exists:not(.rain-exists) .windchart { top:440px;}
.cmp-dfs-slider .dfs-tab-body .slide-wrap.snow-exists:not(.rain-exists) .hmchart { top:580px;}

.cmp-dfs-slider .dfs-tab-body .slide-wrap.rain-exists:not(.snow-exists) .rainchart { display:none; position:absolute; height:80px; left:78px; top:240px; overflow:hidden; }
.cmp-dfs-slider .dfs-tab-body .slide-wrap.rain-exists:not(.snow-exists) .ptychart { top:360px;}
.cmp-dfs-slider.hr03-fct .dfs-tab-body .slide-wrap.rain-exists:not(.snow-exists) .ptychart { top:280px;}
.cmp-dfs-slider .dfs-tab-body .slide-wrap.rain-exists:not(.snow-exists) .windchart { top:440px;}
.cmp-dfs-slider .dfs-tab-body .slide-wrap.rain-exists:not(.snow-exists) .hmchart { top:580px;}

.cmp-dfs-slider .dfs-tab-body .slide-wrap.rain-exists.snow-exists .rainchart { display:none; position:absolute; height:80px; left:78px; top:240px; overflow:hidden; }
.cmp-dfs-slider .dfs-tab-body .slide-wrap.rain-exists.snow-exists .snowchart { display:none; position:absolute; height:80px; left:78px; top:360px; overflow:hidden; }
.cmp-dfs-slider .dfs-tab-body .slide-wrap.rain-exists.snow-exists .ptychart { top:440px;}
.cmp-dfs-slider.hr03-fct .dfs-tab-body .slide-wrap.rain-exists.snow-exists .ptychart { top:280px; }
.cmp-dfs-slider .dfs-tab-body .slide-wrap.rain-exists.snow-exists .windchart { top:520px;}
.cmp-dfs-slider .dfs-tab-body .slide-wrap.rain-exists.snow-exists .hmchart { top:660px;}

.cmp-dfs-slider.hr1-fct .dfs-tab-body .slide-wrap .tchart { left:55px; }
.cmp-dfs-slider.hr1-fct .dfs-tab-body .slide-wrap .rainchart { left:55px; }
.cmp-dfs-slider.hr1-fct .dfs-tab-body .slide-wrap .snowchart { left:55px; }
.cmp-dfs-slider.hr1-fct .dfs-tab-body .slide-wrap .ptychart { left:55px; }
.cmp-dfs-slider.hr1-fct .dfs-tab-body .slide-wrap .windchart { left:55px; }
.cmp-dfs-slider.hr1-fct .dfs-tab-body .slide-wrap .hmchart { left:55px; }
.cmp-dfs-slider.hr1-fct .dfs-tab-body .slide-wrap.snow-exists:not(.rain-exists) .snowchart { left:55px; }
.cmp-dfs-slider.hr1-fct .dfs-tab-body .slide-wrap.snow-exists:not(.rain-exists) .rainchart { left:55px; }
.cmp-dfs-slider.hr1-fct .dfs-tab-body .slide-wrap.rain-exists:not(.snow-exists) .snowchart { left:55px; }
.cmp-dfs-slider.hr1-fct .dfs-tab-body .slide-wrap.rain-exists:not(.snow-exists) .rainchart { left:55px; }
.cmp-dfs-slider.hr1-fct .dfs-tab-body .slide-wrap.rain-exists.snow-exists .rainchart { left:55px; }
.cmp-dfs-slider.hr1-fct .dfs-tab-body .slide-wrap.rain-exists.snow-exists .snowchart { left:55px; }

.cmp-dfs-slider.hr03-fct .dfs-tab-body .slide-wrap.rain-exists:not(.snow-exists) .windchart { display:none; }
.cmp-dfs-slider.hr03-fct .dfs-tab-body .slide-wrap.rain-exists:not(.snow-exists) .hmchart { top:430px; }
/* 소나기 합치기 */
/*
.cmp-dfs-slider.hr1-fct:not(.mode-table) .dfs-tab-body .item.sonagi[data-sonagi="2"] li:nth-child(2) { width:200%; }
.cmp-dfs-slider.hr1-fct:not(.mode-table) .dfs-tab-body .item.sonagi[data-sonagi="3"] li:nth-child(2) { width:300%; }
.cmp-dfs-slider.hr1-fct:not(.mode-table) .dfs-tab-body .item.sonagi[data-sonagi="4"] li:nth-child(2) { width:400%; }
.cmp-dfs-slider.hr1-fct:not(.mode-table) .dfs-tab-body .item.sonagi[data-sonagi="5"] li:nth-child(2) { width:500%; }
.cmp-dfs-slider.hr1-fct:not(.mode-table) .dfs-tab-body .item.sonagi[data-sonagi="6"] li:nth-child(2) { width:600%; }
.cmp-dfs-slider.hr1-fct:not(.mode-table) .dfs-tab-body .item.sonagi[data-sonagi="7"] li:nth-child(2) { width:700%; }
.cmp-dfs-slider.hr1-fct:not(.mode-table) .dfs-tab-body .item.sonagi[data-sonagi="8"] li:nth-child(2) { width:800%; }
.cmp-dfs-slider.hr1-fct:not(.mode-table) .dfs-tab-body .item.sonagi[data-sonagi="9"] li:nth-child(2) { width:900%; }
.cmp-dfs-slider.hr1-fct:not(.mode-table) .dfs-tab-body .item.sonagi[data-sonagi="10"] li:nth-child(2) { width:1000%; }
.cmp-dfs-slider.hr1-fct:not(.mode-table) .dfs-tab-body .item.sonagi[data-sonagi="11"] li:nth-child(2) { width:1100%; }
.cmp-dfs-slider.hr1-fct:not(.mode-table) .dfs-tab-body .item.sonagi[data-sonagi="12"] li:nth-child(2) { width:1200%; }
.cmp-dfs-slider.hr1-fct:not(.mode-table) .dfs-tab-body .item.sonagi + .item.sonagi li:nth-child(2) span.wic  { display:none; }
*/

.cmp-dfs-slider .dfs-tab-body .slide-wrap.snow-exists .slide .daily .item-wrap .item li:nth-child(5).vs-txt-rn { height:37px; background-color:#fff;}
.cmp-dfs-slider .dfs-tab-body .slide-wrap.snow-exists .slide .daily .item-wrap .item li:nth-child(5).vs-txt-rn span { height:auto; line-height:18px; vertical-align:top; background-color:#E9ECED; display: inline-block; width: 100%;}
.cmp-dfs-slider.mode-chart .dfs-tab-body .slide-wrap.snow-exists .slide .daily .item-wrap .item li:nth-child(5).vs-txt-rn { height:80px; visibility:hidden !important;}

.cmp-dfs-slider.mode-chart .dfs-tab-body .item-lbl {display:none;}
.cmp-dfs-slider.mode-chart .dfs-tab-body .item-lbl-graph {display:block;}
.cmp-dfs-slider.mode-chart .dfs-tab-body .item-lbl-graph li:nth-child(9) { height:100px; line-height:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.cmp-dfs-slider.mode-chart .dfs-tab-body .item-lbl-graph li:nth-child(9) small { display:block; }
.cmp-dfs-slider.mode-chart.hr03-fct .dfs-tab-body .item-lbl-graph li:nth-child(9) { height:100px; }
.cmp-dfs-slider.mode-chart .dfs-tab-body .item-lbl-graph .rain { display:none; }
.cmp-dfs-slider.mode-chart .dfs-tab-body .item-lbl-graph.rain-exists .rain { display:flex; flex-direction:column; align-items:center; justify-content:center; } 
.cmp-dfs-slider.mode-chart .dfs-tab-body .item-lbl-graph .snow { display:none; }
.cmp-dfs-slider.mode-chart .dfs-tab-body .item-lbl-graph.snow-exists .snow { display:flex; }
.cmp-dfs-slider.mode-chart.hr03-fct .dfs-tab-body .item-lbl-graph.snow-exists .snow { display:none; }
.cmp-dfs-slider.mode-chart .dfs-tab-body .slide:not(.day-ten) .item li:nth-child(3) { height:100px; visibility: hidden;}
.cmp-dfs-slider.mode-chart .dfs-tab-body .slide:not(.day-ten) .item li:nth-child(4) { display:none; height:100px; visibility: hidden;}

.cmp-dfs-slider.mode-chart .dfs-tab-body .slide:not(.day-ten) .item li:nth-child(5) { display:none; height:100px; visibility: hidden;}
.cmp-dfs-slider.mode-chart .dfs-tab-body .slide-wrap.rain-exists .slide:not(.day-ten) .item li:nth-child(5) { height:80px; display:block; visibility:hidden !important; }
.cmp-dfs-slider.mode-chart.hr03-fct .dfs-tab-body .slide-wrap.rain-exists .slide:not(.day-ten) .item li:nth-child(5) { display:none; }
.cmp-dfs-slider.mode-chart .dfs-tab-body .slide:not(.day-ten) .item li:nth-child(6) { display:none; height:40px; }
.cmp-dfs-slider.mode-chart .dfs-tab-body .slide-wrap.rain-exists .slide:not(.day-ten) .item li:nth-child(6) { display:flex; flex-direction:column; align-items:center; justify-content:center; line-height:1.3; }
.cmp-dfs-slider.mode-chart .dfs-tab-body .slide-wrap.snow-exists .slide:not(.day-ten) .item li:nth-child(6) { display:flex; flex-direction:column; align-items:center; justify-content:center; line-height:1.3; }

.cmp-dfs-slider.mode-chart:not(.hr03-fct) .dfs-tab-body .slide-wrap.rain-exists.snow-exists .slide:not(.day-ten) .item li:nth-child(7) { height:160px; visibility: hidden; }
.cmp-dfs-slider.mode-chart .dfs-tab-body .slide:not(.day-ten) .item li:nth-child(7) { height:80px; visibility: hidden; }

.cmp-dfs-slider.mode-chart.hr03-fct .dfs-tab-body .slide:not(.day-ten) .item li:nth-child(7) { height:80px; }

.cmp-dfs-slider.mode-chart .dfs-tab-body .slide:not(.day-ten) .item li:nth-child(8) { height:140px; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; padding-bottom:fpx; border-bottom:1px solid #009AE0; }
.cmp-dfs-slider.mode-chart:not(.hr03-fct) .dfs-tab-body .slide-wrap.snow-exists:not(.rain-exists) .slide:not(.day-ten) .item li:nth-child(8) { height:220px; }
.cmp-dfs-slider.mode-chart .dfs-tab-body .slide:not(.day-ten) .item li:nth-child(8) * { display:none; }
.cmp-dfs-slider.mode-chart .dfs-tab-body .slide:not(.day-ten) .item li:nth-child(8) .qwsd { display:block; }
.cmp-dfs-slider.mode-chart.hr03-fct .dfs-tab-body .slide:not(.day-ten) .item li:nth-child(8) { height:80px; justify-content:center; }
.cmp-dfs-slider.mode-chart.hr03-fct .dfs-tab-body .slide:not(.day-ten) .item li:nth-child(8) .wdic { display:block; }
.cmp-dfs-slider.mode-chart.hr03-fct .dfs-tab-body .slide:not(.day-ten) .item li:nth-child(8) .wspd { display:block; }
.cmp-dfs-slider.mode-chart .dfs-tab-body .slide:not(.day-ten) .item li:nth-child(9) { height:100px; visibility: hidden;}
.cmp-dfs-slider.mode-chart .dfs-tab-body .slide:not(.day-ten) .item li:nth-child(10) { display:none; height:30px; visibility: hidden;}

.cmp-dfs-slider.mode-chart .dfs-tab-body .slide.day-ten:after {content:''; position:absolute; left: 5px; top:278px; right:5px; border-bottom:1px dotted #555;}

.cmp-dfs-slider.mode-chart .dfs-tab-body .item-wrap .s-item .pcp { display:none;}

.cmp-dfs-slider.mode-chart .dfs-tab-body .slide-wrap:after { display:none;}
.cmp-dfs-slider.mode-chart .dfs-tab-body .slide-wrap .tchart { height:100px;}
.cmp-dfs-slider.mode-chart .dfs-tab-body .slide-wrap.snow-exists:not(.rain-exists) .snowchart { display:block; top:280px;}
.cmp-dfs-slider.mode-chart.hr03-fct .dfs-tab-body .slide-wrap.snow-exists:not(.rain-exists) .snowchart { display:none; }

.cmp-dfs-slider.mode-chart .dfs-tab-body .slide-wrap.rain-exists:not(.snow-exists) .rainchart { display:block; }
.cmp-dfs-slider.mode-chart.hr03-fct .dfs-tab-body .slide-wrap.rain-exists:not(.snow-exists) .rainchart { display:none; }

.cmp-dfs-slider.mode-chart .dfs-tab-body .slide-wrap.rain-exists.snow-exists .rainchart { display:block; }
.cmp-dfs-slider.mode-chart.hr03-fct .dfs-tab-body .slide-wrap.rain-exists.snow-exists .rainchart { display:none; }
.cmp-dfs-slider.mode-chart .dfs-tab-body .slide-wrap.rain-exists.snow-exists .snowchart { display:block; }
.cmp-dfs-slider.mode-chart.hr03-fct .dfs-tab-body .slide-wrap.rain-exists.snow-exists .snowchart { display:none; }
.cmp-dfs-slider.mode-chart .dfs-tab-body .slide-wrap .ptychart { display:block; height:80px; }

.cmp-dfs-slider.mode-chart .dfs-tab-body .slide-wrap .windchart { display:block; top:320px; }
.cmp-dfs-slider.mode-chart.hr03-fct .dfs-tab-body .slide-wrap .windchart { display:none; }
.cmp-dfs-slider.mode-chart .dfs-tab-body .slide-wrap .hmchart { display:block; }
.cmp-dfs-slider.mode-chart.hr03-fct .dfs-tab-body .slide-wrap .hmchart { top:400px;}
.cmp-dfs-slider.mode-chart.hr03-fct .dfs-tab-body .slide-wrap.snow-exists:not(.rain-exists) .hmchart { top:430px; }
.cmp-dfs-slider.mode-chart.hr03-fct .dfs-tab-body .slide-wrap.rain-exists:not(.snow-exists) .hmchart { top:430px; }
.cmp-dfs-slider.mode-chart.hr03-fct .dfs-tab-body .slide-wrap.rain-exists.snow-exists .hmchart { top:440px; }

.cmp-dfs-slider .dfs-tab-body .slide-wrap .vshort-forecast { display:none; position:absolute; min-height:160px; left:78px; top:240px; overflow:hidden; transition:all .2s ease-out; }
.cmp-dfs-slider.mode-chart .dfs-tab-body .slide-wrap .vshort-forecast.on { display:block; }
.cmp-vshort-forecast { margin:10px 10px;padding:8px 10px; border-radius:5px; border:1px solid #9EC7D5; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2); text-align:left; position:relative; background-color:#fff;}
.cmp-vshort-forecast-head { background-color:#E1E1E1; padding:8px; position:relative; padding-right:40px; border-radius:4px; }
.cmp-vshort-forecast-head h3 { color:#000; font-weight:400; font-size:15px; }
.cmp-vshort-forecast-head h3 span { color:#309CDE; font-weight:600;}
.cmp-vshort-forecast-head h3 span:before { content:'['; padding-right:3px; }
.cmp-vshort-forecast-head h3 span:after { content:']'; padding-left:3px; padding-right:1px;  }
.cmp-vshort-forecast-head a.cmp-vshort-forecast-close { position:absolute; right:10px; top:9px; }
.cmp-vshort-forecast-body { display:flex; align-items:stretch; }
.cmp-vshort-forecast-body .vsitem { display:inline-block; width:100px; position:relative; margin:8px 0 0 0; height:100px; }
.cmp-vshort-forecast-body .vsitem li { display:block; width:100%; text-align:center; padding:0; }
.cmp-vshort-forecast-body .vsitem li:nth-child(2) { padding:0; }
.cmp-vshort-forecast-body .vsitem:before { content:''; position:absolute; width:1px; left:-0.5px; top:0px; bottom:5px; background:url(../image/renew/ic_vertical_line3.png) repeat-y center top; background-size: 1px auto;}
.cmp-vshort-forecast-body .vsitem:first-child:before { display:none;}
.cmp-vshort-forecast-body .vsitem li.pcp-label { height:100px; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; }

.cmp-vshort-forecast-body .rain10-chart-wrap { position:absolute; left:67px; top:65px; right:10px; }
.cmp-vshort-forecast-body .rain10-chart-wrap .rain10-chart{ z-index:1; width:100%; height:85px; }
.cmp-vshort-forecast-body .rain10-chart-wrap p { padding:1px 5px 1px 40px; }

.cmp-dfs-slider.mode-chart .dfs-tab-body .slide:not(.day-ten) .daily:before { bottom:auto; height:583px;}

.cmp-dfs-slider.mode-table .dfs-tab-body .tt-btn { display:none;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide-wrap:after { display:none; }
.cmp-dfs-slider.mode-table .dfs-tab-body .slide-wrap .tchart { display:none;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide-wrap .midtchart { display:none;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide-wrap .rainchart { display:none;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide-wrap .snowchart { display:none;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide-wrap .ptychart { display:none;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide-wrap .windchart { display:none;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide-wrap .hmchart { display:none;}
.cmp-dfs-slider.mode-table .dfs-tab-body .item-lbl {display:none;}
.cmp-dfs-slider.mode-table .dfs-tab-body .item-lbl-midterm {display:none;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .midterm-guide {display:none;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .table-head { display:block;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide { width: 1200px !important; }
.cmp-dfs-slider.mode-table.hr03-fct .dfs-tab-body .slide { min-width:1200px; }
.cmp-dfs-slider.mode-table .dfs-tab-body .slide:first-of-type { margin-left:0; }
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily { float:none; display:block; overflow:hidden; border:1px solid #eee; border-top:0; border-bottom:0; margin-left:-1px;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily:first-child { margin-left:0px;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .daily-head { position:relative; left:auto; top:auto; display:block; width:100%; padding:25px 0 0 0;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .daily-head .date { font-size:24px; font-weight:bold; color:#000; background:rgba(0,0,0,0); border-radius:0; border:0; }
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .daily-head .date:after { display:none }
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .daily-head .table-head { display:table;table-layout:fixed;width:100%;border-bottom:1px solid #31AEE7;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .daily-head .table-head li { display:table-cell; width:11%; font-size:18px; text-align:center; padding:0; vertical-align:middle; height:55px;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .daily-head .table-head li:nth-child(2) { width:14%;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .daily-head .table-head li:nth-child(4) { width:17%;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .daily-head .table-head li:nth-child(8) { width:10%;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item { display:table;table-layout:fixed; float:none; width:100%; padding-top:0; }
.cmp-dfs-slider.mode-table .dfs-tab-body .slide:not(.day-ten) .daily .item-wrap .item:nth-child(2n) { background-color:#f9f9f9; z-index:-1;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item li {  float:none; display:table-cell; width:calc(100% / 10); text-align:center; padding:2px; height:50px; font-weight: 600; vertical-align:middle; line-height: 20px; font-size:15px; border-bottom:0;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item li:nth-child(2) { width:14%;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item li:nth-child(5) { width:17%;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item li:nth-child(9) { width:10%;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item:hover:before { display:none;}
/* .cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item:hover { background-color: #f9f9f9; }*/
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item li:nth-child(4) {display:none;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item li:nth-child(8) span:last-child{position:unset; width:auto; left:auto;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item li:nth-child(11) span[class*="lvl"] { display:inline; text-indent:0px; margin:0; padding:6px 24px; color:#000;background:none;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item li .wic { display:table-cell; height:50px; text-align: left; text-indent:0px; background-position-x: left; padding-left: 55px; vertical-align:middle;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item li .lgt { right:auto; left:26px;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item li .wdic { display:inline; text-indent:0px; margin:0;background:none;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item li .wspd { display:inline; padding-left:2px;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item li .wspd .unit { display:inline;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item li .feel { position:relative; display:block; text-indent:0px; text-align:center; line-height:normal; width:auto; height:auto; left:auto; top:auto;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item li:nth-child(5) span:last-child{ border-right:0;border-left:0; height:auto;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item li:nth-child(5) { background:none; border-bottom:0; position:relative;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item li:nth-child(5) .unit { display:inline !important; }
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item li:nth-child(5).vs-txt-rn .unit{display:none !important;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide-wrap.snow-exists .slide .daily .item-wrap .item li:nth-child(5).vs-txt-rn { background-color:unset; }
.cmp-dfs-slider.mode-table .dfs-tab-body .slide-wrap.snow-exists .slide .daily .item-wrap .item li:nth-child(5).vs-txt-rn span { background-color:unset; display:block; width:auto;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item .item-date { display:inline; padding-right:4px;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item .all-day-time { display:none; }
.cmp-dfs-slider.mode-table .dfs-tab-body .item-wrap .item .pcp span { display:block; }
.cmp-dfs-slider.mode-table .dfs-tab-body .slide.day-ten { width: 1200px !important;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide.day-ten .daily .daily-head .date { padding-right:0;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide.day-ten .daily .daily-head .end-date { display:inline; font-size:24px; font-weight:bold; color:#000; padding: 6px 10px}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide.day-ten .daily .daily-head .end-date:before { content:'~'; font-size:24px; display:inline; padding-right:10px; }
.cmp-dfs-slider.mode-table .dfs-tab-body .slide.day-ten .daily:nth-of-type(n+2) .daily-head { display:none; }
.cmp-dfs-slider.mode-table .dfs-tab-body .slide.day-ten .daily:nth-of-type(2n) { background-color:#f9f9f9; }
.cmp-dfs-slider.mode-table .dfs-tab-body .slide.day-ten .daily .item-wrap .item li:nth-child(1) {width:29%;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide.day-ten .daily .item-wrap .item li:nth-child(2) {width:24%;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide.day-ten .daily .item-wrap .item li:nth-child(3) {width:34%;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide.day-ten .daily .item-wrap .item li:nth-child(3) .midminmax{ display: block !important; text-indent:0px; position: relative; width: auto; height: auto; left: auto; top: auto; line-height: normal;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide.day-ten .daily .item-wrap .item li:nth-child(4) { display:table-cell; width:13%;}

.cmp-dfs-slider.mode-table .dfs-tab-body .slide.day-ten .daily .daily-head .table-head li { display:table-cell; width:13%; font-size:18px; text-align:center; padding:0; height:55px; }
.cmp-dfs-slider.mode-table .dfs-tab-body .slide.day-ten .daily .daily-head .table-head li:nth-child(1) {width:29%;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide.day-ten .daily .daily-head .table-head li:nth-child(2) {width:24%;}
.cmp-dfs-slider.mode-table .dfs-tab-body .slide.day-ten .daily .daily-head .table-head li:nth-child(3) {width:34%;}

.cmp-dfs-slider.mode-table .dfs-tab-body .slide.day-ten .daily { border-top:0; }

.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily:before {display:none;}

.cmp-dfs-slider.mode-table.hr03-fct .dfs-tab-body .slide .daily .item-wrap .item li { width:calc(100% / 8); }
.cmp-dfs-slider.mode-table.hr03-fct .dfs-tab-body .slide .daily .item-wrap .item li:nth-child(2) { width:calc(100% / 8);}
.cmp-dfs-slider.mode-table.hr03-fct .dfs-tab-body .slide .daily .item-wrap .item li:nth-child(5) { display:none; width:calc(100% / 8);}
.cmp-dfs-slider.mode-table.hr03-fct .dfs-tab-body .slide .daily .item-wrap .item li:nth-child(9) { width:calc(100% / 8);}

.cmp-dfs-slider.mode-table.hr03-fct .dfs-tab-body .slide .daily .daily-head .table-head li { width:calc(100% / 8); }
.cmp-dfs-slider.mode-table.hr03-fct .dfs-tab-body .slide .daily .daily-head .table-head li:nth-child(2) { width:calc(100% / 8); }
.cmp-dfs-slider.mode-table.hr03-fct .dfs-tab-body .slide .daily .daily-head .table-head li:nth-child(4) { width:calc(100% / 8); }
.cmp-dfs-slider.mode-table.hr03-fct .dfs-tab-body .slide .daily .daily-head .table-head li:nth-child(8) { width:calc(100% / 8); }

.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item.s-item[data-time="03:00"] .pcp > span:last-child
	,.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item.s-item[data-time="09:00"] .pcp > span:last-child 
	,.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item.s-item[data-time="15:00"] .pcp > span:last-child 
	,.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item.s-item[data-time="21:00"] .pcp > span:last-child{ position: absolute; height:100%; width:100%; top:100%; margin-top:-8px;}

.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item.s-item[data-time="03:00"] .pcp.snow-exists > span:last-child
	,.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item.s-item[data-time="09:00"] .pcp.snow-exists > span:last-child 
	,.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item.s-item[data-time="15:00"] .pcp.snow-exists > span:last-child 
	,.cmp-dfs-slider.mode-table .dfs-tab-body .slide .daily .item-wrap .item.s-item[data-time="21:00"] .pcp.snow-exists > span:last-child{ margin-top:-18px;}

.cmp-dfs-slider.hr1-fct.mode-table .dfs-tab-body .slide .daily .item-wrap .item.s-item[data-time="03:00"] .pcp > span:last-child
	,.cmp-dfs-slider.hr1-fct.mode-table .dfs-tab-body .slide .daily .item-wrap .item.s-item[data-time="09:00"] .pcp > span:last-child 
	,.cmp-dfs-slider.hr1-fct.mode-table .dfs-tab-body .slide .daily .item-wrap .item.s-item[data-time="15:00"] .pcp > span:last-child 
	,.cmp-dfs-slider.hr1-fct.mode-table .dfs-tab-body .slide .daily .item-wrap .item.s-item[data-time="21:00"] .pcp > span:last-child{ position: relative; height:auto; width:100%; top:auto; margin-top:auto;}

.cmp-dfs-slider.hr1-fct.mode-table .dfs-tab-body .slide .daily .item-wrap .item.s-item[data-time="03:00"] .pcp.snow-exists > span:last-child
	,.cmp-dfs-slider.hr1-fct.mode-table .dfs-tab-body .slide .daily .item-wrap .item.s-item[data-time="09:00"] .pcp.snow-exists > span:last-child 
	,.cmp-dfs-slider.hr1-fct.mode-table .dfs-tab-body .slide .daily .item-wrap .item.s-item[data-time="15:00"] .pcp.snow-exists > span:last-child 
	,.cmp-dfs-slider.hr1-fct.mode-table .dfs-tab-body .slide .daily .item-wrap .item.s-item[data-time="21:00"] .pcp.snow-exists > span:last-child{ margin-top:auto;}

.cmp-dfs-slider:not(.mode-table) .dfs-tab-body .slide .daily[data-start-data-time="22:00"] .daily-head,
	.cmp-dfs-slider:not(.mode-table) .dfs-tab-body .slide .daily[data-start-data-time="23:00"] .daily-head,
	.cmp-dfs-slider:not(.mode-table) .dfs-tab-body .slide .daily[data-start-data-time="24:00"] .daily-head { display:none; }

.cmp-dfs-slider .dfs-tab-body .slide-wrap .midterm-guide { position:absolute; width:100%; top:280px; right:0; left:0; display:table; background:#F8F8F8; height:186px;}
.cmp-dfs-slider.mode-chart .dfs-tab-body .slide-wrap .midterm-guide { height: 274px;}
.cmp-dfs-slider.mode-chart .dfs-tab-body .slide-wrap.rain-exists .midterm-guide { height: 374px;}
.cmp-dfs-slider.mode-chart .dfs-tab-body .slide-wrap.snow-exists .midterm-guide { height: 374px;}
.cmp-dfs-slider.mode-chart .dfs-tab-body .slide-wrap.rain-exists.snow-exists .midterm-guide { height: 474px;}

.cmp-dfs-slider .dfs-tab-body .slide-wrap .midterm-guide p { text-align:center; font-size:14px; line-height: 20px;display: table-cell;vertical-align: middle;}
.highcharts-credits { color: rgba(0,0,0,0) !important; fill: rgba(0,0,0,0) !important;}
.cmp-dfs-slider .dfs-more { border:1px solid #3FB3E8; border-bottom:0; text-align:center; }
.cmp-dfs-slider .dfs-more:after { content:''; position:absolute; left:0; bottom:0; right:0; height:2px; background-color:#c9c9c9;border-top:1px solid #3FB3E8; }
.cmp-dfs-slider .dfs-more a {position:relative;background-color:#fff; line-height:33px; text-align:center; color:#3FB3E8; padding:0 32px 0 20px;}
.cmp-dfs-slider .dfs-more a:after{content:"";background:url(../image/arrow_down03.png);background-size:11px 7px;width:11px;height:7px;position:absolute;right:10px;top:50%;margin-top:-4px;}

.cmp-dfs-slider .view-options {position:absolute; right:4px; top:60px; background:#fff; border:1px solid #0FA0E3; padding:24px; width:860px;transition: all .2s ease-out; opacity:0; z-index:-1;box-shadow:4px 4px #CACACA; display:none;}
.cmp-dfs-slider .view-options.on { opacity:1; z-index:4; display:block;}
.cmp-dfs-slider .view-options h4 {float:left; width:160px; font-size:18px; color:#000; line-height:46px;}
.cmp-dfs-slider .view-options h4:first-of-type { margin-bottom:36px; }
.cmp-dfs-slider .view-options ul {float:left; width:calc(100% - 160px);}
.cmp-dfs-slider .view-options ul:first-of-type { margin-bottom:36px; }
.cmp-dfs-slider .view-options ul li {float:left; height:46px; min-width:140px; margin-right:6px;}
.cmp-dfs-slider .view-options ul li a { display:block;}
.cmp-dfs-slider .view-options .sym-btn.big-close { position:absolute; right:0; top:0;}

.cmp-dfs-updated { position:absolute; top: 32px; right:140px; display:none;}
.cmp-dfs-updated a.open-box {font-size:13px; background-color:#fff; border-radius:10px; border:1px solid #27A2E3; padding:0 15px;color:#333333; line-height:22px; margin-right:120px; position:relative; float:right;}
.cmp-dfs-updated a.open-box:hover { background-color:rgba(0,0,0,0);}
.cmp-dfs-updated .shadow-box { height:0; transition: all .2s ease-out; opacity:0; overflow:hidden; display:none;}
.cmp-dfs-updated .shadow-box .inner { margin:10px 10px;padding:16px 20px 16px 20px; border-radius:5px; border:1px solid #CBCBCB; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2); text-align:left; position:relative; background-color:#fff;}
.cmp-dfs-updated .shadow-box a.close-box { content:'';position:absolute; top:0; right:0; width:34px; height:34px; background:url(../image/pop_close_icon.png) no-repeat center center; background-size:14px; text-indent:-9999px;}
.cmp-dfs-updated .shadow-box h5 {font-size:15px; font-weight:700; line-height:200%;}
.cmp-dfs-updated .shadow-box dl { display:block; font-size:12px; line-height:170%;}
.cmp-dfs-updated .shadow-box dl dt { display:inline; color:#333;}
.cmp-dfs-updated .shadow-box dl dd { display:inline; color:#000;}
.cmp-dfs-updated a.on + .shadow-box { height:auto; max-height:136px; opacity:1;overflow:visible; margin-top:30px; display:block;}
.right .cmp-dfs-updated { display:block; z-index:1; top:22px; }

.dfs-guide-btn {position: absolute; z-index: 1; width: 109px; right:145px; top:32px; display:none;}
.right .dfs-guide-btn { top:22px; display:block;}
.cmp-weather-short-term .dfs-guide-btn { display:none;}

.cmp-air-legend { position:absolute; width:100%;}
.cmp-air-legend .shadow-box { height:0; transition: all .2s ease-out; opacity:0; overflow:hidden; display:none;}
.cmp-air-legend .shadow-box .inner { margin:10px 10px;padding:16px 20px 16px 20px; border-radius:5px; border:1px solid #CBCBCB; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2); text-align:left; position:relative; background-color:#fff;}
.cmp-air-legend .shadow-box a.close-box { content:'';position:absolute; top:0; right:0; width:34px; height:34px; background:url(../image/pop_close_icon.png) no-repeat center center; background-size:14px; text-indent:-9999px;}
.cmp-air-legend .shadow-box h5 {font-size:15px; font-weight:700; line-height:200%; }
.cmp-air-legend .shadow-box.on { height:auto; opacity:1;overflow:visible; display:block;}
.cmp-air-legend .air-legend { display:block; overflow:hidden;}  
.cmp-air-legend .air-legend li { float:left; width:25%; position:relative;}
.cmp-air-legend .air-legend li span { font-size:11px; color:#000; display:block; text-align:center; padding:4px 0 8px 0; }
.cmp-air-legend .air-legend li:after { content:''; position:absolute; left:2px; bottom:0; right:2px; height:4px; }
.cmp-air-legend .air-legend li.air-legend-1:after { background-color:#1787FF; }
.cmp-air-legend .air-legend li.air-legend-2:after { background-color:#4DBD78; }
.cmp-air-legend .air-legend li.air-legend-3:after { background-color:#F29D52; }
.cmp-air-legend .air-legend li.air-legend-4:after { background-color:#E52B27; }
.cmp-air-legend .shadow-box p { font-size:11px; color:#838383; padding:4px 0; }

.cmp-help-tooltip { position:absolute; width:100%; right:0; display:none;}
.cmp-help-tooltip .shadow-box { height:0; transition: all .2s ease-out; opacity:0; overflow:hidden;}
.cmp-help-tooltip .shadow-box .inner { margin:10px 10px;padding:16px 20px 16px 20px; border-radius:5px; border:1px solid #CBCBCB; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2); text-align:left; position:relative; background-color:#fff;}
.cmp-help-tooltip .shadow-box a.close-box { content:'';position:absolute; top:0; right:0; width:34px; height:34px; background:url(../image/pop_close_icon.png) no-repeat center center; background-size:14px; text-indent:-9999px;}
.cmp-help-tooltip .shadow-box h5 {font-size:15px; font-weight:700; line-height:200%; }
.cmp-help-tooltip .shadow-box.on { height:auto; opacity:1;overflow:visible;}
.cmp-help-tooltip.on {display:block;}
.cmp-help-tooltip.on .shadow-box, .cmp-help-tooltip.on .shadow-box.on { height:auto; opacity:1;overflow:visible;}
.cmp-help-tooltip .shadow-box p { font-size:13px; color:#838383; padding:4px 0; }

/* 메인 하단 주요 링크 */
.cmp-major-ext-link{ display:flex; padding:10px; flex-wrap:wrap; justify-content:space-between;align-items:stretch; background-color:#EDF1F7; }
.cmp-major-ext-link a { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:calc((100% - 80px) / 12); margin:0; border-radius:5px; background-color:#4D87B1; color:#fff; font-size:13px; line-height:13px; padding:50px 0 7px 0; text-align:center;}
.cmp-major-ext-link a span { display:block; width:100%;}
.cmp-major-ext-link a:first-child { margin-left:0;}
.cmp-major-ext-link a:last-child { margin-right:0;}
.cmp-major-ext-link a:nth-child(1) { background:url(../image/renew/ic_mext_01.png) no-repeat center 11px #4D87B1; background-size:auto 30px;}
.cmp-major-ext-link a:nth-child(2) { background:url(../image/renew/ic_mext_02.png) no-repeat center 11px #4D87B1; background-size:auto 30px;}
.cmp-major-ext-link a:nth-child(3) { background:url(../image/renew/ic_mext_03.png) no-repeat center 11px #4D87B1; background-size:auto 30px;}
.cmp-major-ext-link a:nth-child(4) { background:url(../image/renew/ic_mext_04.png) no-repeat center 11px #4D87B1; background-size:auto 30px;}
.cmp-major-ext-link a:nth-child(5) { background:url(../image/renew/ic_mext_05_1.png) no-repeat center 11px #4D87B1; background-size:auto 30px;}
.cmp-major-ext-link a:nth-child(6) { background:url(../image/renew/ic_mext_06.png) no-repeat center 11px #4D87B1; background-size:auto 30px;}
.cmp-major-ext-link a:nth-child(7) { background:url(../image/renew/ic_mext_07.png) no-repeat center 11px #4D87B1; background-size:auto 30px;}
.cmp-major-ext-link a:nth-child(8) { background:url(../image/renew/ic_mext_08.png) no-repeat center 11px #4D87B1; background-size:auto 30px;}
.cmp-major-ext-link a:nth-child(9) { background:url(../image/renew/ic_mext_09_1.png) no-repeat center 11px #4D87B1; background-size:auto 30px;}
.cmp-major-ext-link a:nth-child(10) { background:url(../image/renew/ic_mext_10.png) no-repeat center 11px #4D87B1; background-size:auto 30px;}
.cmp-major-ext-link a:nth-child(11) { background:url(../image/renew/ic_mext_11.png) no-repeat center 11px #4D87B1; background-size:auto 30px;}
.cmp-major-ext-link a:nth-child(12) { background:url(../image/renew/ic_mext_12.png) no-repeat center 11px #4D87B1; background-size:auto 30px;}

.cmp-wgis-fullmap { display:none; }
/* 맵 모드 */
.mode-map.new-main section.page-wrap { min-height:auto; }
.mode-map .right-content { max-width:100%; padding:0;  min-height:auto; }
.mode-map .cont-wrap { padding:0; }
.mode-map .cmp-wgis-fullmap { position:absolute; top:0; right:0; left:0; display:block; padding-top:66px;}
.mode-map .cmp-wgis-fullmap:before {content:'';position:absolute;left:0;top: 61px;right:0;height: 4px;box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.1);}
.mode-map .cmp-wgis-fullmap iframe {width:100%; border:none; }
.mode-map .cmp-bookmark { margin-top:5px; }
.mode-map .cmp-my-point-slider { z-index:1; }
.mode-map .map-cont-wrap { padding:0 20px 20px 20px;}
.mode-map .cmp-global-menu .wrap { right:10px; top:10px; padding-left:20px; }
.mode-map .point-sch-wrap { height:0; overflow:hidden; }
.mode-map .point-sch-wrap-enable { height:59px; overflow:unset;}
.mode-map .cmp-main-wrn { top:55px; }
.mode-map .cmp-main-wrn .box-con-on { margin-right: 225px; }
.mode-map .cmp-main-tabs { margin-top:10px; }
.mode-map .cmp-main-tabs .tab-content { box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.1); }
.mode-map .cmp-main-tabs .tab-item.on .tab-content { background-color:#fff; }
.mode-map .cmp-main-tabs .tab-item:nth-of-type(2) .tab-head { left: 20px; }
.mode-map .cmp-main-tabs .tab-item:nth-of-type(3) .tab-head { left: 150px; }
.mode-map .cmp-main-tabs .tab-item:nth-of-type(4) .tab-head { left: 280px; }
.mode-map .cmp-main-tabs .tab-item:nth-of-type(5) .tab-head { left: 410px; }
.mode-map .cmp-main-tabs .tab-item:nth-of-type(6) .tab-head { left: 540px; }
.mode-map .cmp-main-tabs .tab-item:nth-of-type(7) .tab-head { left: 670px; }
.mode-map .cmp-main-tabs .tab-item:nth-of-type(8) .tab-head { left: 800px; }
.mode-map .cmp-main-tabs .tab-item:nth-of-type(9) .tab-head { left: 930px; }
.mode-map .cmp-main-tabs .tab-item:nth-of-type(10) .tab-head { left: 1060px; }
.mode-map .cmp-main-tabs .tab-item .tab-content { margin-top:56px; }


/* 전국날씨 */
.cmp-common-tabs {position:relative; padding:5px 10px; overflow:hidden; margin-top:10px;}
.cmp-common-tabs li { float:left; position:relative;}
.cmp-common-tabs li a{ padding:10px 20px; color:#000; font-size:20px;}
.cmp-common-tabs li.on a { color:#1D8DD9; font-weight:600;}
.cmp-common-tabs li a:after {content:''; position:absolute; left:0;right:0;bottom:0; height:3px; background-color:#1D8DD9; opacity:0;transition: all .2s ease-out;}
.cmp-common-tabs li.on a:after {opacity:1;}

.cmp-local-weather {position:relative; overflow:hidden;}
.cmp-local-weather .map-data-wrap { float:left; width: 100%; background-color:#EDEDED;}
.cmp-local-weather .map-data-wrap h3{ position:absolute; display:flex; justify-content:center; align-items:center; font-size:17px; color:#767676; width:70px; left:0; top:0px; height:40px; text-align:center;}
.cmp-local-weather .map-data-wrap.on h3{ color:#353535; font-weight:700;}
.cmp-local-weather .map-data-wrap h3 a{display:block; text-align:center; position:relative;}
.cmp-local-weather .map-data-wrap h3:after { content:''; position:absolute; left:6px; right:6px; bottom:3px; height:2px; background-color:#000; opacity:0;transition: all .2s ease-out;}
.cmp-local-weather .map-data-wrap.on h3:after { opacity:1;}
.cmp-local-weather .map-data-wrap:nth-of-type(2) h3 { left:70px; }
.cmp-local-weather .map-data-wrap:nth-of-type(3) h3 { left:140px; }
.cmp-local-weather .map-data-wrap:nth-of-type(4) h3 { left:210px; }
.cmp-local-weather .map-data-wrap:nth-of-type(5) h3 { left:280px; }
.cmp-local-weather .map-data-wrap:nth-of-type(6) h3 { left:350px; }
.cmp-local-weather .map-data-wrap .map-data { margin-top: 40px; display:none; transition: all .2s ease-out; opacity:0;}
.cmp-local-weather .map-data-wrap.on .map-data { display:block; opacity:1}
.cmp-local-weather .nation_map_wrapper { margin:0 5px 5px 5px; width:calc(100% - 10px);}

.cmp-local-weather [data-dong-code] { cursor:pointer; }
.new-main #local-weather .updated-at {display:block;float:none;text-align:right; }
.new-main #local-weather .updated-at span{ background:none; background-size: auto 16px; padding-left: 15px; color:#666; font-size: 17px; line-height:24px;}
.new-main #radar-image .updated-at {display:block;float:none;text-align:right; }
.new-main #radar-image .updated-at span{ background:url(../image/renew/ic_sym_99.png) no-repeat left center; background-size: auto 16px; padding-left: 15px; color:#666; font-size: 17px; line-height:24px;}

.cmp-local-weather.cmp-local-weather-fct .map-data-wrap h3 { width:50px; font-size:15px;}
.cmp-local-weather.cmp-local-weather-fct .map-data-wrap:nth-of-type(2) h3 { left:50px; }
.cmp-local-weather.cmp-local-weather-fct .map-data-wrap:nth-of-type(3) h3 { left:100px; }
.cmp-local-weather.cmp-local-weather-fct .map-data-wrap:nth-of-type(4) h3 { left:150px; }
.cmp-local-weather.cmp-local-weather-fct .map-data-wrap:nth-of-type(5) h3 { left:200px; }
.cmp-local-weather.cmp-local-weather-fct .map-data-wrap:nth-of-type(6) h3 { left:250px; }
.cmp-local-weather.cmp-local-weather-fct .map-data-wrap:nth-of-type(7) h3 { left:300px; }
.cmp-local-weather.cmp-local-weather-fct .map-data-wrap:nth-of-type(8) h3 { left:350px; }
.cmp-local-weather.cmp-local-weather-fct .map-data-wrap:nth-of-type(9) h3 { left:400px; }
.cmp-local-weather.cmp-local-weather-fct .map-data-wrap h3 a span { display:block; font-size:13px;}

/* 영상 */
#rader-image { overflow:hidden; position:relative;}
#radar-image .image-item { display:none; padding:8px; background-color:#EDEDED;}
#radar-image .image-item.on { display:block; }

.weather-cmt-main { padding:8px 16px;}
.weather-cmt-main h3 { font-size:21px; text-align:center; display:block; line-height:24px; }
.weather-cmt-main .cmt-image { padding:8px; }
.weather-cmt-main h4 { font-size:17px; line-height:150%; display:block; text-align:center; border-bottom:1px solid #ddd;}
.weather-cmt-main .updated-at { display:block; overflow:hidden;}
.weather-cmt-main .updated-at span { float:right; font-size:16px; line-height:150%; background:url(../image/renew/ic_sym_99.png) no-repeat left center; background-size: auto 16px; padding-left: 15px; color:#444; }
.weather-cmt-main .cmt-cont { padding:8px 0; font-size:15px; line-height:150%; }

.cmp-sp-banner { position:absolute; overflow:hidden; padding:8px; display:none;}
.cmp-sp-banner a { display:table; height:40px; width:100%; border-radius:5px; padding-left:35px; padding-right:35px; color:#fff; font-weight:700; font-size:15px; background-color:#00A9CD;}
.cmp-sp-banner a span { line-height:17px; display:table-cell;vertical-align:middle; padding:4px 0;}
.cmp-sp-banner a:before { content:''; background:url(../image/renew/ic_sym_14.png) no-repeat center center; background-size:22px; position:absolute; width:22px; height:22px;left:15px; top:50%; margin-top:-11px;}
.cmp-sp-banner a:after { content:''; background:url(../image/renew/ic_sym_96.png) no-repeat center center; background-size:15px; position:absolute; width:15px; height:15px;right:18px; top:50%; margin-top:-7.5px;}

.cmp-toggles { display: flex; padding:10px 10px; align-items:center; justify-content:space-evenly;}
.cmp-toggles a { display:block;background-color:rgba(0,0,0,0.7); border-radius:5px; padding:10px; line-height:14px; font-size:14px; color:#fff; font-weight:500;transition: all .2s ease-out;}
.cmp-toggles a.on { background-color:#00A9CD; font-weight:700; text-decoration:underline;}

/* 도움툴팁 */
.tt{display:none;color:#000000;background:#efefef;font-size:14px;padding:3px 10px;position:absolute;left:0;top:40px;;line-height:140%;text-align:left;font-weight:500;z-index:110;}
.tt-btn{width:21px;height:21px;background:url('../image/icon_help_2.png');display:inline-block;vertical-align:middle;margin-left:5px;background-size:100%;transition: all .2s ease-out;}
.tt-btn:hover, .tt-btn:focus{background:url('../image/icon_help_on.png');background-size:100%; display:inline-block !important;}
.tt-btn:hover .tt, .tt-btn:focus .tt{display:block;}
.tt-btn:hover .tt img, .tt-btn:focus .tt img {min-width:530px;} 
.tcor{width:239px;display:none;color:#000000;background:#efefef;font-size:13px;padding:3px 10px;position:absolute;left:0;top:34px;;line-height:140%;text-align:left;font-weight:500;z-index:110;}
.tcor-btn{width:17px;height:17px;background:url('../image/icon_help_2.png');display:inline-block;vertical-align:middle;background-size:100%;transition: all .2s ease-out;}
.tcor-btn:hover, .tcor-btn:focus{background:url('../image/icon_help_on.png');background-size:100%; display:inline-block !important;}
.tcor-btn:hover .tcor, .tcor-btn:focus .tcor{display:block;}
.tcor-btn:hover .tcor img, .tt-btn:focus .tcor img {min-width:530px;} 
.cont-none::after{content:none !important;}
.tcor span.red{color: #cc0000;}
.tcor span.blue{color: #005dc6;}

/* 풍향 아이콘 */
.wdic { display:inline-block; width: 32px; height: 32px; background-size: 100%; text-indent: -9999px; background-repeat: no-repeat; background-position: center center; background-image:url(../icon/ic_wd_48x.png)}
.wdic.sm { width: 16px; height: 16px;}
.wdic.none { display:none; }
.wdic.empty, .wdic.empty_b { background:rgba(0,0,0,0);}
.wdic.empty:after { content: '-'; color:#fff; display:block; text-align:center; font-weight: 500;}
.wdic.empty_b:after { content: '-'; color:#000; display:block; text-align:center; font-weight: 500;}

.wdic.E { transform: rotate(90deg); }
.wdic.E_b { transform: rotate(90deg); }
.wdic.N { transform: rotate(0deg); }
.wdic.N_b { transform: rotate(0deg); }
.wdic.NE { transform: rotate(45deg);}
.wdic.NE_b { transform: rotate(45deg); }
.wdic.NW { transform: rotate(315deg);}
.wdic.NW_b { transform: rotate(315deg);}
.wdic.S { transform: rotate(180deg);}
.wdic.S_b { transform: rotate(180deg);}
.wdic.SE { transform: rotate(135deg);}
.wdic.SE_b { transform: rotate(135deg);}
.wdic.SW { transform: rotate(225deg);}
.wdic.SW_b { transform: rotate(225deg);}
.wdic.W { transform: rotate(270deg);}
.wdic.W_b { transform: rotate(270deg);}

.wdic.old_E { background-image:url(../icon/WD/E.png);}
.wdic.old_E_b { background-image:url(../icon/WD/E_b.png);}
.wdic.old_N { background-image:url(../icon/WD/N.png);}
.wdic.old_N_b { background-image:url(../icon/WD/N_b.png);}
.wdic.old_NE { background-image:url(../icon/WD/NE.png);}
.wdic.old_NE_b { background-image:url(../icon/WD/NE_b.png);}
.wdic.old_NW { background-image:url(../icon/WD/NW.png);}
.wdic.old_NW_b { background-image:url(../icon/WD/NW_b.png);}
.wdic.old_S { background-image:url(../icon/WD/S.png);}
.wdic.old_S_b { background-image:url(../icon/WD/S_b.png);}
.wdic.old_SE { background-image:url(../icon/WD/SE.png);}
.wdic.old_SE_b { background-image:url(../icon/WD/SE_b.png);}
.wdic.old_SW { background-image:url(../icon/WD/SW.png);}
.wdic.old_SW_b { background-image:url(../icon/WD/SW_b.png);}
.wdic.old_W { background-image:url(../icon/WD/W.png);}
.wdic.old_W_b { background-image:url(../icon/WD/W_b.png);}


/* 날씨 아이콘 */
.wic { display:inline-block; width: 32px; height: 32px; background-size: 100% auto; text-indent: -99999px; background-repeat: no-repeat; background-position: center center;}
.wic.sm { width: 20px; height: 20px;}
.wic.large { width: 48px; height: 48px;}
.wic.none { display:none; }

.wic.DB00 { background-color:rgba(0,0,0,0); background-image:none;}
.wic.DB01 { background-image:url(../icon/DY@64/Light/DB01.png);}
.wic.DB02 { background-image:url(../icon/DY@64/Light/DB02.png);}
.wic.DB03 { background-image:url(../icon/DY@64/Light/DB03.png);}
.wic.DB04 { background-image:url(../icon/DY@64/Light/DB04.png);}
.wic.DB01_N { background-image:url(../icon/DY@64/Light/DB01_N.png);}
.wic.DB02_N { background-image:url(../icon/DY@64/Light/DB02_N.png);}
.wic.DB03_N { background-image:url(../icon/DY@64/Light/DB03_N.png);}
.wic.DB04_N { background-image:url(../icon/DY@64/Light/DB04_N.png);}
.wic.DB05 { background-image:url(../icon/DY@64/Light/DB05.png);}
.wic.DB05-Q1 { background-image:url(../icon/DY@64/Light/DB05-Q1.png);}
.wic.DB05-Q2 { background-image:url(../icon/DY@64/Light/DB05-Q2.png);}
.wic.DB05-Q3 { background-image:url(../icon/DY@64/Light/DB05-Q3.png);}
.wic.DB06 { background-image:url(../icon/DY@64/Light/DB06.png);}
.wic.DB06-Q1 { background-image:url(../icon/DY@64/Light/DB06-Q1.png);}
.wic.DB06-Q1-Q1 { background-image:url(../icon/DY@64/Light/DB06-Q1-Q1.png);}
.wic.DB06-Q1-Q2 { background-image:url(../icon/DY@64/Light/DB06-Q1-Q2.png);}
.wic.DB06-Q2 { background-image:url(../icon/DY@64/Light/DB06-Q2.png);}
.wic.DB06-Q2-Q1 { background-image:url(../icon/DY@64/Light/DB06-Q2-Q1.png);}
.wic.DB06-Q2-Q2 { background-image:url(../icon/DY@64/Light/DB06-Q2-Q2.png);}
.wic.DB06-Q3 { background-image:url(../icon/DY@64/Light/DB06-Q3.png);}
.wic.DB06-Q3-Q1 { background-image:url(../icon/DY@64/Light/DB06-Q3-Q1.png);}
.wic.DB06-Q3-Q2 { background-image:url(../icon/DY@64/Light/DB06-Q3-Q2.png);}
.wic.DB07 { background-image:url(../icon/DY@64/Light/DB07.png);}
.wic.DB07-Q1 { background-image:url(../icon/DY@64/Light/DB07-Q1.png);}
.wic.DB07-Q1-Q1 { background-image:url(../icon/DY@64/Light/DB07-Q1-Q1.png);}
.wic.DB07-Q1-Q2 { background-image:url(../icon/DY@64/Light/DB07-Q1-Q2.png);}
.wic.DB07-Q2 { background-image:url(../icon/DY@64/Light/DB07-Q2.png);}
.wic.DB07-Q2-Q1 { background-image:url(../icon/DY@64/Light/DB07-Q2-Q1.png);}
.wic.DB07-Q2-Q2 { background-image:url(../icon/DY@64/Light/DB07-Q2-Q2.png);}
.wic.DB07-Q3 { background-image:url(../icon/DY@64/Light/DB07-Q3.png);}
.wic.DB07-Q3-Q1 { background-image:url(../icon/DY@64/Light/DB07-Q3-Q1.png);}
.wic.DB07-Q3-Q2 { background-image:url(../icon/DY@64/Light/DB07-Q3-Q2.png);}
.wic.DB08 { background-image:url(../icon/DY@64/Light/DB08.png);}
.wic.DB08-Q1 { background-image:url(../icon/DY@64/Light/DB08-Q1.png);}
.wic.DB08-Q2 { background-image:url(../icon/DY@64/Light/DB08-Q2.png);}
.wic.DB09 { background-image:url(../icon/DY@64/Light/DB09.png);}
.wic.DB10 { background-image:url(../icon/DY@64/Light/DB10.png);}
.wic.DB10-Q1 { background-image:url(../icon/DY@64/Light/DB10.png);}
.wic.DB10-Q2 { background-image:url(../icon/DY@64/Light/DB10.png);}
.wic.DB10-Q3 { background-image:url(../icon/DY@64/Light/DB10.png);}
.wic.DB11 { background-image:url(../icon/DY@64/Light/DB11.png);}
.wic.DB11-Q1 { background-image:url(../icon/DY@64/Light/DB11.png);}
.wic.DB11-Q2 { background-image:url(../icon/DY@64/Light/DB11.png);}
.wic.DB11-Q3 { background-image:url(../icon/DY@64/Light/DB11.png);}
.wic.DB12 { background-image:url(../icon/DY@64/Light/DB12.png);}
.wic.DB12-Q1 { background-image:url(../icon/DY@64/Light/DB12.png);}
.wic.DB12-Q2 { background-image:url(../icon/DY@64/Light/DB12.png);}

.wthema-a .wic.DB00 { background-color:rgba(0,0,0,0); background-image:none;}
.wthema-a .wic.DB01 { background-image:url(../icon/DY@64/A/Light/DB01.png);}
.wthema-a .wic.DB02 { background-image:url(../icon/DY@64/A/Light/DB02.png);}
.wthema-a .wic.DB03 { background-image:url(../icon/DY@64/A/Light/DB03.png);}
.wthema-a .wic.DB04 { background-image:url(../icon/DY@64/A/Light/DB04.png);}
.wthema-a .wic.DB01_N { background-image:url(../icon/DY@64/A/Light/DB01_N.png);}
.wthema-a .wic.DB02_N { background-image:url(../icon/DY@64/A/Light/DB02_N.png);}
.wthema-a .wic.DB03_N { background-image:url(../icon/DY@64/A/Light/DB03_N.png);}
.wthema-a .wic.DB04_N { background-image:url(../icon/DY@64/A/Light/DB04_N.png);}
.wthema-a .wic.DB05 { background-image:url(../icon/DY@64/A/Light/DB05.png);}
.wthema-a .wic.DB05-Q1 { background-image:url(../icon/DY@64/A/Light/DB05-Q1.png);}
.wthema-a .wic.DB05-Q2 { background-image:url(../icon/DY@64/A/Light/DB05-Q2.png);}
.wthema-a .wic.DB05-Q3 { background-image:url(../icon/DY@64/A/Light/DB05-Q3.png);}
.wthema-a .wic.DB06 { background-image:url(../icon/DY@64/A/Light/DB06.png);}
.wthema-a .wic.DB06-Q1 { background-image:url(../icon/DY@64/A/Light/DB06-Q1.png);}
.wthema-a .wic.DB06-Q1-Q1 { background-image:url(../icon/DY@64/A/Light/DB06-Q1-Q1.png);}
.wthema-a .wic.DB06-Q1-Q2 { background-image:url(../icon/DY@64/A/Light/DB06-Q1-Q2.png);}
.wthema-a .wic.DB06-Q2 { background-image:url(../icon/DY@64/A/Light/DB06-Q2.png);}
.wthema-a .wic.DB06-Q2-Q1 { background-image:url(../icon/DY@64/A/Light/DB06-Q2-Q1.png);}
.wthema-a .wic.DB06-Q2-Q2 { background-image:url(../icon/DY@64/A/Light/DB06-Q2-Q2.png);}
.wthema-a .wic.DB06-Q3 { background-image:url(../icon/DY@64/A/Light/DB06-Q3.png);}
.wthema-a .wic.DB06-Q3-Q1 { background-image:url(../icon/DY@64/A/Light/DB06-Q3-Q1.png);}
.wthema-a .wic.DB06-Q3-Q2 { background-image:url(../icon/DY@64/A/Light/DB06-Q3-Q2.png);}
.wthema-a .wic.DB07 { background-image:url(../icon/DY@64/A/Light/DB07.png);}
.wthema-a .wic.DB07-Q1 { background-image:url(../icon/DY@64/A/Light/DB07-Q1.png);}
.wthema-a .wic.DB07-Q1-Q1 { background-image:url(../icon/DY@64/A/Light/DB07-Q1-Q1.png);}
.wthema-a .wic.DB07-Q1-Q2 { background-image:url(../icon/DY@64/A/Light/DB07-Q1-Q2.png);}
.wthema-a .wic.DB07-Q2 { background-image:url(../icon/DY@64/A/Light/DB07-Q2.png);}
.wthema-a .wic.DB07-Q2-Q1 { background-image:url(../icon/DY@64/A/Light/DB07-Q2-Q1.png);}
.wthema-a .wic.DB07-Q2-Q2 { background-image:url(../icon/DY@64/A/Light/DB07-Q2-Q2.png);}
.wthema-a .wic.DB07-Q3 { background-image:url(../icon/DY@64/A/Light/DB07-Q3.png);}
.wthema-a .wic.DB07-Q3-Q1 { background-image:url(../icon/DY@64/A/Light/DB07-Q3-Q1.png);}
.wthema-a .wic.DB07-Q3-Q2 { background-image:url(../icon/DY@64/A/Light/DB07-Q3-Q2.png);}
.wthema-a .wic.DB08 { background-image:url(../icon/DY@64/A/Light/DB08.png);}
.wthema-a .wic.DB08-Q1 { background-image:url(../icon/DY@64/A/Light/DB08-Q1.png);}
.wthema-a .wic.DB08-Q2 { background-image:url(../icon/DY@64/A/Light/DB08-Q2.png);}
.wthema-a .wic.DB09 { background-image:url(../icon/DY@64/A/Light/DB09.png);}
.wthema-a .wic.DB10 { background-image:url(../icon/DY@64/A/Light/DB10.png);}
.wthema-a .wic.DB10-Q1 { background-image:url(../icon/DY@64/A/Light/DB10.png);}
.wthema-a .wic.DB10-Q2 { background-image:url(../icon/DY@64/A/Light/DB10.png);}
.wthema-a .wic.DB10-Q3 { background-image:url(../icon/DY@64/A/Light/DB10.png);}
.wthema-a .wic.DB11 { background-image:url(../icon/DY@64/A/Light/DB11.png);}
.wthema-a .wic.DB11-Q1 { background-image:url(../icon/DY@64/A/Light/DB11.png);}
.wthema-a .wic.DB11-Q2 { background-image:url(../icon/DY@64/A/Light/DB11.png);}
.wthema-a .wic.DB11-Q3 { background-image:url(../icon/DY@64/A/Light/DB11.png);}
.wthema-a .wic.DB12 { background-image:url(../icon/DY@64/A/Light/DB12.png);}
.wthema-a .wic.DB12-Q1 { background-image:url(../icon/DY@64/A/Light/DB12.png);}
.wthema-a .wic.DB12-Q2 { background-image:url(../icon/DY@64/A/Light/DB12.png);}

.wthema-b .wic.DB00 { background-color:rgba(0,0,0,0); background-image:none;}
.wthema-b .wic.DB01 { background-image:url(../icon/DY@64/B/Light/DB01.png);}
.wthema-b .wic.DB02 { background-image:url(../icon/DY@64/B/Light/DB02.png);}
.wthema-b .wic.DB03 { background-image:url(../icon/DY@64/B/Light/DB03.png);}
.wthema-b .wic.DB04 { background-image:url(../icon/DY@64/B/Light/DB04.png);}
.wthema-b .wic.DB01_N { background-image:url(../icon/DY@64/B/Light/DB01_N.png);}
.wthema-b .wic.DB02_N { background-image:url(../icon/DY@64/B/Light/DB02_N.png);}
.wthema-b .wic.DB03_N { background-image:url(../icon/DY@64/B/Light/DB03_N.png);}
.wthema-b .wic.DB04_N { background-image:url(../icon/DY@64/B/Light/DB04_N.png);}
.wthema-b .wic.DB05 { background-image:url(../icon/DY@64/B/Light/DB05.png);}
.wthema-b .wic.DB05-Q1 { background-image:url(../icon/DY@64/B/Light/DB05-Q1.png);}
.wthema-b .wic.DB05-Q2 { background-image:url(../icon/DY@64/B/Light/DB05-Q2.png);}
.wthema-b .wic.DB05-Q3 { background-image:url(../icon/DY@64/B/Light/DB05-Q3.png);}
.wthema-b .wic.DB06 { background-image:url(../icon/DY@64/B/Light/DB06.png);}
.wthema-b .wic.DB06-Q1 { background-image:url(../icon/DY@64/B/Light/DB06-Q1.png);}
.wthema-b .wic.DB06-Q1-Q1 { background-image:url(../icon/DY@64/B/Light/DB06-Q1-Q1.png);}
.wthema-b .wic.DB06-Q1-Q2 { background-image:url(../icon/DY@64/B/Light/DB06-Q1-Q2.png);}
.wthema-b .wic.DB06-Q2 { background-image:url(../icon/DY@64/B/Light/DB06-Q2.png);}
.wthema-b .wic.DB06-Q2-Q1 { background-image:url(../icon/DY@64/B/Light/DB06-Q2-Q1.png);}
.wthema-b .wic.DB06-Q2-Q2 { background-image:url(../icon/DY@64/B/Light/DB06-Q2-Q2.png);}
.wthema-b .wic.DB06-Q3 { background-image:url(../icon/DY@64/B/Light/DB06-Q3.png);}
.wthema-b .wic.DB06-Q3-Q1 { background-image:url(../icon/DY@64/B/Light/DB06-Q3-Q1.png);}
.wthema-b .wic.DB06-Q3-Q2 { background-image:url(../icon/DY@64/B/Light/DB06-Q3-Q2.png);}
.wthema-b .wic.DB07 { background-image:url(../icon/DY@64/B/Light/DB07.png);}
.wthema-b .wic.DB07-Q1 { background-image:url(../icon/DY@64/B/Light/DB07-Q1.png);}
.wthema-b .wic.DB07-Q1-Q1 { background-image:url(../icon/DY@64/B/Light/DB07-Q1-Q1.png);}
.wthema-b .wic.DB07-Q1-Q2 { background-image:url(../icon/DY@64/B/Light/DB07-Q1-Q2.png);}
.wthema-b .wic.DB07-Q2 { background-image:url(../icon/DY@64/B/Light/DB07-Q2.png);}
.wthema-b .wic.DB07-Q2-Q1 { background-image:url(../icon/DY@64/B/Light/DB07-Q2-Q1.png);}
.wthema-b .wic.DB07-Q2-Q2 { background-image:url(../icon/DY@64/B/Light/DB07-Q2-Q2.png);}
.wthema-b .wic.DB07-Q3 { background-image:url(../icon/DY@64/B/Light/DB07-Q3.png);}
.wthema-b .wic.DB07-Q3-Q1 { background-image:url(../icon/DY@64/B/Light/DB07-Q3-Q1.png);}
.wthema-b .wic.DB07-Q3-Q2 { background-image:url(../icon/DY@64/B/Light/DB07-Q3-Q2.png);}
.wthema-b .wic.DB08 { background-image:url(../icon/DY@64/B/Light/DB08.png);}
.wthema-b .wic.DB08-Q1 { background-image:url(../icon/DY@64/B/Light/DB08-Q1.png);}
.wthema-b .wic.DB08-Q2 { background-image:url(../icon/DY@64/B/Light/DB08-Q2.png);}
.wthema-b .wic.DB09 { background-image:url(../icon/DY@64/B/Light/DB09.png);}
.wthema-b .wic.DB10 { background-image:url(../icon/DY@64/B/Light/DB10.png);}
.wthema-b .wic.DB10-Q1 { background-image:url(../icon/DY@64/B/Light/DB10.png);}
.wthema-b .wic.DB10-Q2 { background-image:url(../icon/DY@64/B/Light/DB10.png);}
.wthema-b .wic.DB10-Q3 { background-image:url(../icon/DY@64/B/Light/DB10.png);}
.wthema-b .wic.DB11 { background-image:url(../icon/DY@64/B/Light/DB11.png);}
.wthema-b .wic.DB11-Q1 { background-image:url(../icon/DY@64/B/Light/DB11.png);}
.wthema-b .wic.DB11-Q2 { background-image:url(../icon/DY@64/B/Light/DB11.png);}
.wthema-b .wic.DB11-Q3 { background-image:url(../icon/DY@64/B/Light/DB11.png);}
.wthema-b .wic.DB12 { background-image:url(../icon/DY@64/B/Light/DB12.png);}
.wthema-b .wic.DB12-Q1 { background-image:url(../icon/DY@64/B/Light/DB12.png);}
.wthema-b .wic.DB12-Q2 { background-image:url(../icon/DY@64/B/Light/DB12.png);}

.wthema-c .wic.DB01 { background-image:url(../icon/DY@64/C/Light/DB01.png);}
.wthema-c .wic.DB02 { background-image:url(../icon/DY@64/C/Light/DB02.png);}
.wthema-c .wic.DB03 { background-image:url(../icon/DY@64/C/Light/DB03.png);}
.wthema-c .wic.DB04 { background-image:url(../icon/DY@64/C/Light/DB04.png);}
.wthema-c .wic.DB01_N { background-image:url(../icon/DY@64/C/Light/DB01_N.png);}
.wthema-c .wic.DB02_N { background-image:url(../icon/DY@64/C/Light/DB02_N.png);}
.wthema-c .wic.DB03_N { background-image:url(../icon/DY@64/C/Light/DB03_N.png);}
.wthema-c .wic.DB04_N { background-image:url(../icon/DY@64/C/Light/DB04_N.png);}
.wthema-c .wic.DB05 { background-image:url(../icon/DY@64/C/Light/DB05.png);}
.wthema-c .wic.DB05-Q1 { background-image:url(../icon/DY@64/C/Light/DB05-Q1.png);}
.wthema-c .wic.DB05-Q2 { background-image:url(../icon/DY@64/C/Light/DB05-Q2.png);}
.wthema-c .wic.DB05-Q3 { background-image:url(../icon/DY@64/C/Light/DB05-Q3.png);}
.wthema-c .wic.DB06 { background-image:url(../icon/DY@64/C/Light/DB06.png);}
.wthema-c .wic.DB06-Q1 { background-image:url(../icon/DY@64/C/Light/DB06-Q1.png);}
.wthema-c .wic.DB06-Q1-Q1 { background-image:url(../icon/DY@64/C/Light/DB06-Q1-Q1.png);}
.wthema-c .wic.DB06-Q1-Q2 { background-image:url(../icon/DY@64/C/Light/DB06-Q1-Q2.png);}
.wthema-c .wic.DB06-Q2 { background-image:url(../icon/DY@64/C/Light/DB06-Q2.png);}
.wthema-c .wic.DB06-Q2-Q1 { background-image:url(../icon/DY@64/C/Light/DB06-Q2-Q1.png);}
.wthema-c .wic.DB06-Q2-Q2 { background-image:url(../icon/DY@64/C/Light/DB06-Q2-Q2.png);}
.wthema-c .wic.DB06-Q3 { background-image:url(../icon/DY@64/C/Light/DB06-Q3.png);}
.wthema-c .wic.DB06-Q3-Q1 { background-image:url(../icon/DY@64/C/Light/DB06-Q3-Q1.png);}
.wthema-c .wic.DB06-Q3-Q2 { background-image:url(../icon/DY@64/C/Light/DB06-Q3-Q2.png);}
.wthema-c .wic.DB07 { background-image:url(../icon/DY@64/C/Light/DB07.png);}
.wthema-c .wic.DB07-Q1 { background-image:url(../icon/DY@64/C/Light/DB07-Q1.png);}
.wthema-c .wic.DB07-Q1-Q1 { background-image:url(../icon/DY@64/C/Light/DB07-Q1-Q1.png);}
.wthema-c .wic.DB07-Q1-Q2 { background-image:url(../icon/DY@64/C/Light/DB07-Q1-Q2.png);}
.wthema-c .wic.DB07-Q2 { background-image:url(../icon/DY@64/C/Light/DB07-Q2.png);}
.wthema-c .wic.DB07-Q2-Q1 { background-image:url(../icon/DY@64/C/Light/DB07-Q2-Q1.png);}
.wthema-c .wic.DB07-Q2-Q2 { background-image:url(../icon/DY@64/C/Light/DB07-Q2-Q2.png);}
.wthema-c .wic.DB07-Q3 { background-image:url(../icon/DY@64/C/Light/DB07-Q3.png);}
.wthema-c .wic.DB07-Q3-Q1 { background-image:url(../icon/DY@64/C/Light/DB07-Q3-Q1.png);}
.wthema-c .wic.DB07-Q3-Q2 { background-image:url(../icon/DY@64/C/Light/DB07-Q3-Q2.png);}
.wthema-c .wic.DB08 { background-image:url(../icon/DY@64/C/Light/DB08.png);}
.wthema-c .wic.DB08-Q1 { background-image:url(../icon/DY@64/C/Light/DB08-Q1.png);}
.wthema-c .wic.DB08-Q2 { background-image:url(../icon/DY@64/C/Light/DB08-Q2.png);}
.wthema-c .wic.DB09 { background-image:url(../icon/DY@64/C/Light/DB09.png);}
.wthema-c .wic.DB10 { background-image:url(../icon/DY@64/C/Light/DB10.png);}
.wthema-c .wic.DB10-Q1 { background-image:url(../icon/DY@64/C/Light/DB10.png);}
.wthema-c .wic.DB10-Q2 { background-image:url(../icon/DY@64/C/Light/DB10.png);}
.wthema-c .wic.DB10-Q3 { background-image:url(../icon/DY@64/C/Light/DB10.png);}
.wthema-c .wic.DB11 { background-image:url(../icon/DY@64/C/Light/DB11.png);}
.wthema-c .wic.DB11-Q1 { background-image:url(../icon/DY@64/C/Light/DB11.png);}
.wthema-c .wic.DB11-Q2 { background-image:url(../icon/DY@64/C/Light/DB11.png);}
.wthema-c .wic.DB11-Q3 { background-image:url(../icon/DY@64/C/Light/DB11.png);}
.wthema-c .wic.DB12 { background-image:url(../icon/DY@64/C/Light/DB12.png);}
.wthema-c .wic.DB12-Q1 { background-image:url(../icon/DY@64/C/Light/DB12.png);}
.wthema-c .wic.DB12-Q2 { background-image:url(../icon/DY@64/C/Light/DB12.png);}

[data-role="wthema-wrapper"].wthema-a .wic.DB00 { background-color:rgba(0,0,0,0); background-image:none;}
[data-role="wthema-wrapper"].wthema-a .wic.DB01 { background-image:url(../icon/DY@64/A/Light/DB01.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB02 { background-image:url(../icon/DY@64/A/Light/DB02.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB03 { background-image:url(../icon/DY@64/A/Light/DB03.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB04 { background-image:url(../icon/DY@64/A/Light/DB04.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB01_N { background-image:url(../icon/DY@64/A/Light/DB01_N.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB02_N { background-image:url(../icon/DY@64/A/Light/DB02_N.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB03_N { background-image:url(../icon/DY@64/A/Light/DB03_N.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB04_N { background-image:url(../icon/DY@64/A/Light/DB04_N.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB05 { background-image:url(../icon/DY@64/A/Light/DB05.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB05-Q1 { background-image:url(../icon/DY@64/A/Light/DB05-Q1.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB05-Q2 { background-image:url(../icon/DY@64/A/Light/DB05-Q2.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB05-Q3 { background-image:url(../icon/DY@64/A/Light/DB05-Q3.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB06 { background-image:url(../icon/DY@64/A/Light/DB06.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB06-Q1 { background-image:url(../icon/DY@64/A/Light/DB06-Q1.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB06-Q1-Q1 { background-image:url(../icon/DY@64/A/Light/DB06-Q1-Q1.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB06-Q1-Q2 { background-image:url(../icon/DY@64/A/Light/DB06-Q1-Q2.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB06-Q2 { background-image:url(../icon/DY@64/A/Light/DB06-Q2.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB06-Q2-Q1 { background-image:url(../icon/DY@64/A/Light/DB06-Q2-Q1.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB06-Q2-Q2 { background-image:url(../icon/DY@64/A/Light/DB06-Q2-Q2.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB06-Q3 { background-image:url(../icon/DY@64/A/Light/DB06-Q3.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB06-Q3-Q1 { background-image:url(../icon/DY@64/A/Light/DB06-Q3-Q1.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB06-Q3-Q2 { background-image:url(../icon/DY@64/A/Light/DB06-Q3-Q2.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB07 { background-image:url(../icon/DY@64/A/Light/DB07.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB07-Q1 { background-image:url(../icon/DY@64/A/Light/DB07-Q1.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB07-Q1-Q1 { background-image:url(../icon/DY@64/A/Light/DB07-Q1-Q1.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB07-Q1-Q2 { background-image:url(../icon/DY@64/A/Light/DB07-Q1-Q2.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB07-Q2 { background-image:url(../icon/DY@64/A/Light/DB07-Q2.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB07-Q2-Q1 { background-image:url(../icon/DY@64/A/Light/DB07-Q2-Q1.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB07-Q2-Q2 { background-image:url(../icon/DY@64/A/Light/DB07-Q2-Q2.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB07-Q3 { background-image:url(../icon/DY@64/A/Light/DB07-Q3.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB07-Q3-Q1 { background-image:url(../icon/DY@64/A/Light/DB07-Q3-Q1.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB07-Q3-Q2 { background-image:url(../icon/DY@64/A/Light/DB07-Q3-Q2.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB08 { background-image:url(../icon/DY@64/A/Light/DB08.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB08-Q1 { background-image:url(../icon/DY@64/A/Light/DB08-Q1.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB08-Q2 { background-image:url(../icon/DY@64/A/Light/DB08-Q2.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB09 { background-image:url(../icon/DY@64/A/Light/DB09.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB10 { background-image:url(../icon/DY@64/A/Light/DB10.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB10-Q1 { background-image:url(../icon/DY@64/A/Light/DB10.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB10-Q2 { background-image:url(../icon/DY@64/A/Light/DB10.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB10-Q3 { background-image:url(../icon/DY@64/A/Light/DB10.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB11 { background-image:url(../icon/DY@64/A/Light/DB11.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB11-Q1 { background-image:url(../icon/DY@64/A/Light/DB11.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB11-Q2 { background-image:url(../icon/DY@64/A/Light/DB11.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB11-Q3 { background-image:url(../icon/DY@64/A/Light/DB11.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB12 { background-image:url(../icon/DY@64/A/Light/DB12.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB12-Q1 { background-image:url(../icon/DY@64/A/Light/DB12.png);}
[data-role="wthema-wrapper"].wthema-a .wic.DB12-Q2 { background-image:url(../icon/DY@64/A/Light/DB12.png);}

[data-role="wthema-wrapper"].wthema-b .wic.DB00 { background-color:rgba(0,0,0,0); background-image:none;}
[data-role="wthema-wrapper"].wthema-b .wic.DB01 { background-image:url(../icon/DY@64/B/Light/DB01.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB02 { background-image:url(../icon/DY@64/B/Light/DB02.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB03 { background-image:url(../icon/DY@64/B/Light/DB03.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB04 { background-image:url(../icon/DY@64/B/Light/DB04.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB01_N { background-image:url(../icon/DY@64/B/Light/DB01_N.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB02_N { background-image:url(../icon/DY@64/B/Light/DB02_N.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB03_N { background-image:url(../icon/DY@64/B/Light/DB03_N.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB04_N { background-image:url(../icon/DY@64/B/Light/DB04_N.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB05 { background-image:url(../icon/DY@64/B/Light/DB05.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB05-Q1 { background-image:url(../icon/DY@64/B/Light/DB05-Q1.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB05-Q2 { background-image:url(../icon/DY@64/B/Light/DB05-Q2.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB05-Q3 { background-image:url(../icon/DY@64/B/Light/DB05-Q3.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB06 { background-image:url(../icon/DY@64/B/Light/DB06.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB06-Q1 { background-image:url(../icon/DY@64/B/Light/DB06-Q1.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB06-Q1-Q1 { background-image:url(../icon/DY@64/B/Light/DB06-Q1-Q1.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB06-Q1-Q2 { background-image:url(../icon/DY@64/B/Light/DB06-Q1-Q2.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB06-Q2 { background-image:url(../icon/DY@64/B/Light/DB06-Q2.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB06-Q2-Q1 { background-image:url(../icon/DY@64/B/Light/DB06-Q2-Q1.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB06-Q2-Q2 { background-image:url(../icon/DY@64/B/Light/DB06-Q2-Q2.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB06-Q3 { background-image:url(../icon/DY@64/B/Light/DB06-Q3.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB06-Q3-Q1 { background-image:url(../icon/DY@64/B/Light/DB06-Q3-Q1.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB06-Q3-Q2 { background-image:url(../icon/DY@64/B/Light/DB06-Q3-Q2.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB07 { background-image:url(../icon/DY@64/B/Light/DB07.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB07-Q1 { background-image:url(../icon/DY@64/B/Light/DB07-Q1.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB07-Q1-Q1 { background-image:url(../icon/DY@64/B/Light/DB07-Q1-Q1.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB07-Q1-Q2 { background-image:url(../icon/DY@64/B/Light/DB07-Q1-Q2.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB07-Q2 { background-image:url(../icon/DY@64/B/Light/DB07-Q2.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB07-Q2-Q1 { background-image:url(../icon/DY@64/B/Light/DB07-Q2-Q1.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB07-Q2-Q2 { background-image:url(../icon/DY@64/B/Light/DB07-Q2-Q2.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB07-Q3 { background-image:url(../icon/DY@64/B/Light/DB07-Q3.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB07-Q3-Q1 { background-image:url(../icon/DY@64/B/Light/DB07-Q3-Q1.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB07-Q3-Q2 { background-image:url(../icon/DY@64/B/Light/DB07-Q3-Q2.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB08 { background-image:url(../icon/DY@64/B/Light/DB08.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB08-Q1 { background-image:url(../icon/DY@64/B/Light/DB08-Q1.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB08-Q2 { background-image:url(../icon/DY@64/B/Light/DB08-Q2.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB08-Q3 { background-image:url(../icon/DY@64/B/Light/DB08-Q3.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB09 { background-image:url(../icon/DY@64/B/Light/DB09.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB10 { background-image:url(../icon/DY@64/B/Light/DB10.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB10-Q1 { background-image:url(../icon/DY@64/B/Light/DB10.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB10-Q2 { background-image:url(../icon/DY@64/B/Light/DB10.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB10-Q3 { background-image:url(../icon/DY@64/B/Light/DB10.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB11 { background-image:url(../icon/DY@64/B/Light/DB11.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB11-Q1 { background-image:url(../icon/DY@64/B/Light/DB11.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB11-Q2 { background-image:url(../icon/DY@64/B/Light/DB11.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB11-Q3 { background-image:url(../icon/DY@64/B/Light/DB11.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB12 { background-image:url(../icon/DY@64/B/Light/DB12.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB12-Q1 { background-image:url(../icon/DY@64/B/Light/DB12.png);}
[data-role="wthema-wrapper"].wthema-b .wic.DB12-Q2 { background-image:url(../icon/DY@64/B/Light/DB12.png);}

[data-role="wthema-wrapper"].wthema-c .wic.DB01 { background-image:url(../icon/DY@64/C/Light/DB01.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB02 { background-image:url(../icon/DY@64/C/Light/DB02.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB03 { background-image:url(../icon/DY@64/C/Light/DB03.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB04 { background-image:url(../icon/DY@64/C/Light/DB04.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB01_N { background-image:url(../icon/DY@64/C/Light/DB01_N.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB02_N { background-image:url(../icon/DY@64/C/Light/DB02_N.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB03_N { background-image:url(../icon/DY@64/C/Light/DB03_N.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB04_N { background-image:url(../icon/DY@64/C/Light/DB04_N.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB05 { background-image:url(../icon/DY@64/C/Light/DB05.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB05-Q1 { background-image:url(../icon/DY@64/C/Light/DB05-Q1.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB05-Q2 { background-image:url(../icon/DY@64/C/Light/DB05-Q2.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB05-Q3 { background-image:url(../icon/DY@64/C/Light/DB05-Q3.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB06 { background-image:url(../icon/DY@64/C/Light/DB06.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB06-Q1 { background-image:url(../icon/DY@64/C/Light/DB06-Q1.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB06-Q1-Q1 { background-image:url(../icon/DY@64/C/Light/DB06-Q1-Q1.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB06-Q1-Q2 { background-image:url(../icon/DY@64/C/Light/DB06-Q1-Q2.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB06-Q2 { background-image:url(../icon/DY@64/C/Light/DB06-Q2.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB06-Q2-Q1 { background-image:url(../icon/DY@64/C/Light/DB06-Q2-Q1.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB06-Q2-Q2 { background-image:url(../icon/DY@64/C/Light/DB06-Q2-Q2.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB06-Q3 { background-image:url(../icon/DY@64/C/Light/DB06-Q3.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB06-Q3-Q1 { background-image:url(../icon/DY@64/C/Light/DB06-Q3-Q1.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB06-Q3-Q2 { background-image:url(../icon/DY@64/C/Light/DB06-Q3-Q2.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB07 { background-image:url(../icon/DY@64/C/Light/DB07.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB07-Q1 { background-image:url(../icon/DY@64/C/Light/DB07-Q1.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB07-Q1-Q1 { background-image:url(../icon/DY@64/C/Light/DB07-Q1-Q1.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB07-Q1-Q2 { background-image:url(../icon/DY@64/C/Light/DB07-Q1-Q2.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB07-Q2 { background-image:url(../icon/DY@64/C/Light/DB07-Q2.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB07-Q2-Q1 { background-image:url(../icon/DY@64/C/Light/DB07-Q2-Q1.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB07-Q2-Q2 { background-image:url(../icon/DY@64/C/Light/DB07-Q2-Q2.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB07-Q3 { background-image:url(../icon/DY@64/C/Light/DB07-Q3.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB07-Q3-Q1 { background-image:url(../icon/DY@64/C/Light/DB07-Q3-Q1.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB07-Q3-Q2 { background-image:url(../icon/DY@64/C/Light/DB07-Q3-Q2.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB08 { background-image:url(../icon/DY@64/C/Light/DB08.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB08-Q1 { background-image:url(../icon/DY@64/C/Light/DB08-Q1.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB08-Q2 { background-image:url(../icon/DY@64/C/Light/DB08-Q2.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB08-Q3 { background-image:url(../icon/DY@64/C/Light/DB08-Q3.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB09 { background-image:url(../icon/DY@64/C/Light/DB09.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB10 { background-image:url(../icon/DY@64/C/Light/DB10.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB10-Q1 { background-image:url(../icon/DY@64/C/Light/DB10.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB10-Q2 { background-image:url(../icon/DY@64/C/Light/DB10.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB10-Q3 { background-image:url(../icon/DY@64/C/Light/DB10.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB11 { background-image:url(../icon/DY@64/C/Light/DB11.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB11-Q1 { background-image:url(../icon/DY@64/C/Light/DB11.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB11-Q2 { background-image:url(../icon/DY@64/C/Light/DB11.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB11-Q3 { background-image:url(../icon/DY@64/C/Light/DB11.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB12 { background-image:url(../icon/DY@64/C/Light/DB12.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB12-Q1 { background-image:url(../icon/DY@64/C/Light/DB12.png);}
[data-role="wthema-wrapper"].wthema-c .wic.DB12-Q2 { background-image:url(../icon/DY@64/C/Light/DB12.png);}


.wic.DB01.large { background-image:url(../icon/DY@128/Light/DB01.png);}
.wic.DB02.large { background-image:url(../icon/DY@128/Light/DB02.png);}
.wic.DB03.large { background-image:url(../icon/DY@128/Light/DB03.png);}
.wic.DB04.large { background-image:url(../icon/DY@128/Light/DB04.png);}
.wic.DB01_N.large { background-image:url(../icon/DY@128/Light/DB01_N.png);}
.wic.DB02_N.large { background-image:url(../icon/DY@128/Light/DB02_N.png);}
.wic.DB03_N.large { background-image:url(../icon/DY@128/Light/DB03_N.png);}
.wic.DB04_N.large { background-image:url(../icon/DY@128/Light/DB04_N.png);}
.wic.DB05.large { background-image:url(../icon/DY@128/Light/DB05.png);}
.wic.DB05-Q1.large { background-image:url(../icon/DY@128/Light/DB05-Q1.png);}
.wic.DB05-Q2.large { background-image:url(../icon/DY@128/Light/DB05-Q2.png);}
.wic.DB05-Q3.large { background-image:url(../icon/DY@128/Light/DB05-Q3.png);}
.wic.DB06.large { background-image:url(../icon/DY@128/Light/DB06.png);}
.wic.DB06-Q1.large { background-image:url(../icon/DY@128/Light/DB06-Q1.png);}
.wic.DB06-Q1-Q1.large { background-image:url(../icon/DY@128/Light/DB06-Q1-Q1.png);}
.wic.DB06-Q1-Q2.large { background-image:url(../icon/DY@128/Light/DB06-Q1-Q2.png);}
.wic.DB06-Q2.large { background-image:url(../icon/DY@128/Light/DB06-Q2.png);}
.wic.DB06-Q3.large { background-image:url(../icon/DY@128/Light/DB06-Q3.png);}
.wic.DB07.large { background-image:url(../icon/DY@128/Light/DB07.png);}
.wic.DB07-Q1.large { background-image:url(../icon/DY@128/Light/DB07-Q1.png);}
.wic.DB07-Q1-Q1.large { background-image:url(../icon/DY@128/Light/DB07-Q1-Q1.png);}
.wic.DB07-Q1-Q2.large { background-image:url(../icon/DY@128/Light/DB07-Q1-Q2.png);}
.wic.DB07-Q2.large { background-image:url(../icon/DY@128/Light/DB07-Q2.png);}
.wic.DB07-Q2-Q1.large { background-image:url(../icon/DY@128/Light/DB07-Q2-Q1.png);}
.wic.DB07-Q2-Q2.large { background-image:url(../icon/DY@128/Light/DB07-Q2-Q2.png);}
.wic.DB07-Q3.large { background-image:url(../icon/DY@128/Light/DB07-Q3.png);}
.wic.DB07-Q3-Q1.large { background-image:url(../icon/DY@128/Light/DB07-Q3-Q1.png);}
.wic.DB07-Q3-Q2.large { background-image:url(../icon/DY@128/Light/DB07-Q3-Q2.png);}
.wic.DB08.large { background-image:url(../icon/DY@128/Light/DB08.png);}
.wic.DB08-Q1.large { background-image:url(../icon/DY@128/Light/DB08-Q1.png);}
.wic.DB08-Q2.large { background-image:url(../icon/DY@128/Light/DB08-Q2.png);}
.wic.DB09.large { background-image:url(../icon/DY@128/Light/DB09.png);}
.wic.DB10.large { background-image:url(../icon/DY@128/Light/DB10.png);}
.wic.DB10-Q1.large { background-image:url(../icon/DY@128/Light/DB10.png);}
.wic.DB10-Q2.large { background-image:url(../icon/DY@128/Light/DB10.png);}
.wic.DB10-Q3.large { background-image:url(../icon/DY@128/Light/DB10.png);}
.wic.DB11.large { background-image:url(../icon/DY@128/Light/DB11.png);}
.wic.DB11-Q1.large { background-image:url(../icon/DY@128/Light/DB11.png);}
.wic.DB11-Q2.large { background-image:url(../icon/DY@128/Light/DB11.png);}
.wic.DB11-Q3.large { background-image:url(../icon/DY@128/Light/DB11.png);}
.wic.DB12.large { background-image:url(../icon/DY@128/Light/DB12.png);}
.wic.DB12-Q1.large { background-image:url(../icon/DY@128/Light/DB12.png);}
.wic.DB12-Q2.large { background-image:url(../icon/DY@128/Light/DB12.png);}

.wthema-a .wic.DB01.large { background-image:url(../icon/DY@128/A/Light/DB01.png);}
.wthema-a .wic.DB02.large { background-image:url(../icon/DY@128/A/Light/DB02.png);}
.wthema-a .wic.DB03.large { background-image:url(../icon/DY@128/A/Light/DB03.png);}
.wthema-a .wic.DB04.large { background-image:url(../icon/DY@128/A/Light/DB04.png);}
.wthema-a .wic.DB01_N.large { background-image:url(../icon/DY@128/A/Light/DB01_N.png);}
.wthema-a .wic.DB02_N.large { background-image:url(../icon/DY@128/A/Light/DB02_N.png);}
.wthema-a .wic.DB03_N.large { background-image:url(../icon/DY@128/A/Light/DB03_N.png);}
.wthema-a .wic.DB04_N.large { background-image:url(../icon/DY@128/A/Light/DB04_N.png);}
.wthema-a .wic.DB05.large { background-image:url(../icon/DY@128/A/Light/DB05.png);}
.wthema-a .wic.DB05-Q1.large { background-image:url(../icon/DY@128/A/Light/DB05-Q1.png);}
.wthema-a .wic.DB05-Q2.large { background-image:url(../icon/DY@128/A/Light/DB05-Q2.png);}
.wthema-a .wic.DB05-Q3.large { background-image:url(../icon/DY@128/A/Light/DB05-Q3.png);}
.wthema-a .wic.DB06.large { background-image:url(../icon/DY@128/A/Light/DB06.png);}
.wthema-a .wic.DB06-Q1.large { background-image:url(../icon/DY@128/A/Light/DB06-Q1.png);}
.wthema-a .wic.DB06-Q1-Q1.large { background-image:url(../icon/DY@128/A/Light/DB06-Q1-Q1.png);}
.wthema-a .wic.DB06-Q1-Q2.large { background-image:url(../icon/DY@128/A/Light/DB06-Q1-Q2.png);}
.wthema-a .wic.DB06-Q2.large { background-image:url(../icon/DY@128/A/Light/DB06-Q2.png);}
.wthema-a .wic.DB06-Q2-Q1.large { background-image:url(../icon/DY@128/A/Light/DB06-Q2-Q1.png);}
.wthema-a .wic.DB06-Q2-Q2.large { background-image:url(../icon/DY@128/A/Light/DB06-Q2-Q2.png);}
.wthema-a .wic.DB06-Q3.large { background-image:url(../icon/DY@128/A/Light/DB06-Q3.png);}
.wthema-a .wic.DB06-Q3-Q1.large { background-image:url(../icon/DY@128/A/Light/DB06-Q3-Q1.png);}
.wthema-a .wic.DB06-Q3-Q2.large { background-image:url(../icon/DY@128/A/Light/DB06-Q3-Q2.png);}
.wthema-a .wic.DB07.large { background-image:url(../icon/DY@128/A/Light/DB07.png);}
.wthema-a .wic.DB07-Q1.large { background-image:url(../icon/DY@128/A/Light/DB07-Q1.png);}
.wthema-a .wic.DB07-Q1-Q1.large { background-image:url(../icon/DY@128/A/Light/DB07-Q1-Q1.png);}
.wthema-a .wic.DB07-Q1-Q2.large { background-image:url(../icon/DY@128/A/Light/DB07-Q1-Q2.png);}
.wthema-a .wic.DB07-Q2.large { background-image:url(../icon/DY@128/A/Light/DB07-Q2.png);}
.wthema-a .wic.DB07-Q2-Q1.large { background-image:url(../icon/DY@128/A/Light/DB07-Q2-Q1.png);}
.wthema-a .wic.DB07-Q2-Q2.large { background-image:url(../icon/DY@128/A/Light/DB07-Q2-Q2.png);}
.wthema-a .wic.DB07-Q3.large { background-image:url(../icon/DY@128/A/Light/DB07-Q3.png);}
.wthema-a .wic.DB07-Q3-Q1.large { background-image:url(../icon/DY@128/A/Light/DB07-Q3-Q1.png);}
.wthema-a .wic.DB07-Q3-Q2.large { background-image:url(../icon/DY@128/A/Light/DB07-Q3-Q2.png);}
.wthema-a .wic.DB08.large { background-image:url(../icon/DY@128/A/Light/DB08.png);}
.wthema-a .wic.DB08-Q1.large { background-image:url(../icon/DY@128/A/Light/DB08-Q1.png);}
.wthema-a .wic.DB08-Q2.large { background-image:url(../icon/DY@128/A/Light/DB08-Q2.png);}
.wthema-a .wic.DB09.large { background-image:url(../icon/DY@128/A/Light/DB09.png);}
.wthema-a .wic.DB10.large { background-image:url(../icon/DY@128/A/Light/DB10.png);}
.wthema-a .wic.DB10-Q1.large { background-image:url(../icon/DY@128/A/Light/DB10.png);}
.wthema-a .wic.DB10-Q2.large { background-image:url(../icon/DY@128/A/Light/DB10.png);}
.wthema-a .wic.DB10-Q3.large { background-image:url(../icon/DY@128/A/Light/DB10.png);}
.wthema-a .wic.DB11.large { background-image:url(../icon/DY@128/A/Light/DB11.png);}
.wthema-a .wic.DB11-Q1.large { background-image:url(../icon/DY@128/A/Light/DB11.png);}
.wthema-a .wic.DB11-Q2.large { background-image:url(../icon/DY@128/A/Light/DB11.png);}
.wthema-a .wic.DB11-Q3.large { background-image:url(../icon/DY@128/A/Light/DB11.png);}
.wthema-a .wic.DB12.large { background-image:url(../icon/DY@128/A/Light/DB12.png);}
.wthema-a .wic.DB12-Q1.large { background-image:url(../icon/DY@128/A/Light/DB12.png);}
.wthema-a .wic.DB12-Q2.large { background-image:url(../icon/DY@128/A/Light/DB12.png);}

.wthema-b .wic.DB01.large { background-image:url(../icon/DY@128/B/Light/DB01.png);}
.wthema-b .wic.DB02.large { background-image:url(../icon/DY@128/B/Light/DB02.png);}
.wthema-b .wic.DB03.large { background-image:url(../icon/DY@128/B/Light/DB03.png);}
.wthema-b .wic.DB04.large { background-image:url(../icon/DY@128/B/Light/DB04.png);}
.wthema-b .wic.DB01_N.large { background-image:url(../icon/DY@128/B/Light/DB01_N.png);}
.wthema-b .wic.DB02_N.large { background-image:url(../icon/DY@128/B/Light/DB02_N.png);}
.wthema-b .wic.DB03_N.large { background-image:url(../icon/DY@128/B/Light/DB03_N.png);}
.wthema-b .wic.DB04_N.large { background-image:url(../icon/DY@128/B/Light/DB04_N.png);}
.wthema-b .wic.DB05.large { background-image:url(../icon/DY@128/B/Light/DB05.png);}
.wthema-b .wic.DB05-Q1.large { background-image:url(../icon/DY@128/B/Light/DB05-Q1.png);}
.wthema-b .wic.DB05-Q2.large { background-image:url(../icon/DY@128/B/Light/DB05-Q2.png);}
.wthema-b .wic.DB05-Q3.large { background-image:url(../icon/DY@128/B/Light/DB05-Q3.png);}
.wthema-b .wic.DB06.large { background-image:url(../icon/DY@128/B/Light/DB06.png);}
.wthema-b .wic.DB06-Q1.large { background-image:url(../icon/DY@128/B/Light/DB06-Q1.png);}
.wthema-b .wic.DB06-Q1-Q1.large { background-image:url(../icon/DY@128/B/Light/DB06-Q1-Q1.png);}
.wthema-b .wic.DB06-Q1-Q2.large { background-image:url(../icon/DY@128/B/Light/DB06-Q1-Q2.png);}
.wthema-b .wic.DB06-Q2.large { background-image:url(../icon/DY@128/B/Light/DB06-Q2.png);}
.wthema-b .wic.DB06-Q2-Q1.large { background-image:url(../icon/DY@128/B/Light/DB06-Q2-Q1.png);}
.wthema-b .wic.DB06-Q2-Q2.large { background-image:url(../icon/DY@128/B/Light/DB06-Q2-Q2.png);}
.wthema-b .wic.DB06-Q3.large { background-image:url(../icon/DY@128/B/Light/DB06-Q3.png);}
.wthema-b .wic.DB06-Q3-Q1.large { background-image:url(../icon/DY@128/B/Light/DB06-Q3-Q1.png);}
.wthema-b .wic.DB06-Q3-Q2.large { background-image:url(../icon/DY@128/B/Light/DB06-Q3-Q2.png);}
.wthema-b .wic.DB07.large { background-image:url(../icon/DY@128/B/Light/DB07.png);}
.wthema-b .wic.DB07-Q1.large { background-image:url(../icon/DY@128/B/Light/DB07-Q1.png);}
.wthema-b .wic.DB07-Q1-Q1.large { background-image:url(../icon/DY@128/B/Light/DB07-Q1-Q1.png);}
.wthema-b .wic.DB07-Q1-Q2.large { background-image:url(../icon/DY@128/B/Light/DB07-Q1-Q2.png);}
.wthema-b .wic.DB07-Q2.large { background-image:url(../icon/DY@128/B/Light/DB07-Q2.png);}
.wthema-b .wic.DB07-Q2-Q1.large { background-image:url(../icon/DY@128/B/Light/DB07-Q2-Q1.png);}
.wthema-b .wic.DB07-Q2-Q2.large { background-image:url(../icon/DY@128/B/Light/DB07-Q2-Q2.png);}
.wthema-b .wic.DB07-Q3.large { background-image:url(../icon/DY@128/B/Light/DB07-Q3.png);}
.wthema-b .wic.DB07-Q3-Q1.large { background-image:url(../icon/DY@128/B/Light/DB07-Q3-Q1.png);}
.wthema-b .wic.DB07-Q3-Q2.large { background-image:url(../icon/DY@128/B/Light/DB07-Q3-Q2.png);}
.wthema-b .wic.DB08.large { background-image:url(../icon/DY@128/B/Light/DB08.png);}
.wthema-b .wic.DB08-Q1.large { background-image:url(../icon/DY@128/B/Light/DB08-Q1.png);}
.wthema-b .wic.DB08-Q2.large { background-image:url(../icon/DY@128/B/Light/DB08-Q2.png);}
.wthema-b .wic.DB09.large { background-image:url(../icon/DY@128/B/Light/DB09.png);}
.wthema-b .wic.DB10.large { background-image:url(../icon/DY@128/B/Light/DB10.png);}
.wthema-b .wic.DB10-Q1.large { background-image:url(../icon/DY@128/B/Light/DB10.png);}
.wthema-b .wic.DB10-Q2.large { background-image:url(../icon/DY@128/B/Light/DB10.png);}
.wthema-b .wic.DB10-Q3.large { background-image:url(../icon/DY@128/B/Light/DB10.png);}
.wthema-b .wic.DB11.large { background-image:url(../icon/DY@128/B/Light/DB11.png);}
.wthema-b .wic.DB11-Q1.large { background-image:url(../icon/DY@128/B/Light/DB11.png);}
.wthema-b .wic.DB11-Q2.large { background-image:url(../icon/DY@128/B/Light/DB11.png);}
.wthema-b .wic.DB11-Q3.large { background-image:url(../icon/DY@128/B/Light/DB11.png);}
.wthema-b .wic.DB12.large { background-image:url(../icon/DY@128/B/Light/DB12.png);}
.wthema-b .wic.DB12-Q1.large { background-image:url(../icon/DY@128/B/Light/DB12.png);}
.wthema-b .wic.DB12-Q2.large { background-image:url(../icon/DY@128/B/Light/DB12.png);}

.wthema-c .wic.DB01.large { background-image:url(../icon/DY@128/C/Light/DB01.png);}
.wthema-c .wic.DB02.large { background-image:url(../icon/DY@128/C/Light/DB02.png);}
.wthema-c .wic.DB03.large { background-image:url(../icon/DY@128/C/Light/DB03.png);}
.wthema-c .wic.DB04.large { background-image:url(../icon/DY@128/C/Light/DB04.png);}
.wthema-c .wic.DB01_N.large { background-image:url(../icon/DY@128/C/Light/DB01_N.png);}
.wthema-c .wic.DB02_N.large { background-image:url(../icon/DY@128/C/Light/DB02_N.png);}
.wthema-c .wic.DB03_N.large { background-image:url(../icon/DY@128/C/Light/DB03_N.png);}
.wthema-c .wic.DB04_N.large { background-image:url(../icon/DY@128/C/Light/DB04_N.png);}
.wthema-c .wic.DB05.large { background-image:url(../icon/DY@128/C/Light/DB05.png);}
.wthema-c .wic.DB05-Q1.large { background-image:url(../icon/DY@128/C/Light/DB05-Q1.png);}
.wthema-c .wic.DB05-Q2.large { background-image:url(../icon/DY@128/C/Light/DB05-Q2.png);}
.wthema-c .wic.DB05-Q3.large { background-image:url(../icon/DY@128/C/Light/DB05-Q3.png);}
.wthema-c .wic.DB06.large { background-image:url(../icon/DY@128/C/Light/DB06.png);}
.wthema-c .wic.DB06-Q1.large { background-image:url(../icon/DY@128/C/Light/DB06-Q1.png);}
.wthema-c .wic.DB06-Q1-Q1.large { background-image:url(../icon/DY@128/C/Light/DB06-Q1-Q1.png);}
.wthema-c .wic.DB06-Q1-Q2.large { background-image:url(../icon/DY@128/C/Light/DB06-Q1-Q2.png);}
.wthema-c .wic.DB06-Q2.large { background-image:url(../icon/DY@128/C/Light/DB06-Q2.png);}
.wthema-c .wic.DB06-Q2-Q1.large { background-image:url(../icon/DY@128/C/Light/DB06-Q2-Q1.png);}
.wthema-c .wic.DB06-Q2-Q2.large { background-image:url(../icon/DY@128/C/Light/DB06-Q2-Q2.png);}
.wthema-c .wic.DB06-Q3.large { background-image:url(../icon/DY@128/C/Light/DB06-Q3.png);}
.wthema-c .wic.DB06-Q3-Q1.large { background-image:url(../icon/DY@128/C/Light/DB06-Q3-Q1.png);}
.wthema-c .wic.DB06-Q3-Q2.large { background-image:url(../icon/DY@128/C/Light/DB06-Q3-Q2.png);}
.wthema-c .wic.DB07.large { background-image:url(../icon/DY@128/C/Light/DB07.png);}
.wthema-c .wic.DB07-Q1.large { background-image:url(../icon/DY@128/C/Light/DB07-Q1.png);}
.wthema-c .wic.DB07-Q1-Q1.large { background-image:url(../icon/DY@128/C/Light/DB07-Q1-Q1.png);}
.wthema-c .wic.DB07-Q1-Q2.large { background-image:url(../icon/DY@128/C/Light/DB07-Q1-Q2.png);}
.wthema-c .wic.DB07-Q2.large { background-image:url(../icon/DY@128/C/Light/DB07-Q2.png);}
.wthema-c .wic.DB07-Q2-Q1.large { background-image:url(../icon/DY@128/C/Light/DB07-Q2-Q1.png);}
.wthema-c .wic.DB07-Q2-Q2.large { background-image:url(../icon/DY@128/C/Light/DB07-Q2-Q2.png);}
.wthema-c .wic.DB07-Q3.large { background-image:url(../icon/DY@128/C/Light/DB07-Q3.png);}
.wthema-c .wic.DB07-Q3-Q1.large { background-image:url(../icon/DY@128/C/Light/DB07-Q3-Q1.png);}
.wthema-c .wic.DB07-Q3-Q2.large { background-image:url(../icon/DY@128/C/Light/DB07-Q3-Q2.png);}
.wthema-c .wic.DB08.large { background-image:url(../icon/DY@128/C/Light/DB08.png);}
.wthema-c .wic.DB08-Q1.large { background-image:url(../icon/DY@128/C/Light/DB08-Q1.png);}
.wthema-c .wic.DB08-Q2.large { background-image:url(../icon/DY@128/C/Light/DB08-Q2.png);}
.wthema-c .wic.DB09.large { background-image:url(../icon/DY@128/C/Light/DB09.png);}
.wthema-c .wic.DB10.large { background-image:url(../icon/DY@128/C/Light/DB10.png);}
.wthema-c .wic.DB10-Q1.large { background-image:url(../icon/DY@128/C/Light/DB10.png);}
.wthema-c .wic.DB10-Q2.large { background-image:url(../icon/DY@128/C/Light/DB10.png);}
.wthema-c .wic.DB10-Q3.large { background-image:url(../icon/DY@128/C/Light/DB10.png);}
.wthema-c .wic.DB11.large { background-image:url(../icon/DY@128/C/Light/DB11.png);}
.wthema-c .wic.DB11-Q1.large { background-image:url(../icon/DY@128/C/Light/DB11.png);}
.wthema-c .wic.DB11-Q2.large { background-image:url(../icon/DY@128/C/Light/DB11.png);}
.wthema-c .wic.DB11-Q3.large { background-image:url(../icon/DY@128/C/Light/DB11.png);}
.wthema-c .wic.DB12.large { background-image:url(../icon/DY@128/C/Light/DB12.png);}
.wthema-c .wic.DB12-Q1.large { background-image:url(../icon/DY@128/C/Light/DB12.png);}
.wthema-c .wic.DB12-Q2.large { background-image:url(../icon/DY@128/C/Light/DB12.png);}

.wic.DB01.hero { background-image:url(../icon/DY@128/Light/DB01.png);}
.wic.DB02.hero { background-image:url(../icon/DY@128/Light/DB02.png);}
.wic.DB03.hero { background-image:url(../icon/DY@128/Light/DB03.png);}
.wic.DB04.hero { background-image:url(../icon/DY@128/Light/DB04.png);}
.wic.DB01_N.hero { background-image:url(../icon/DY@128/Light/DB01_N.png);}
.wic.DB02_N.hero { background-image:url(../icon/DY@128/Light/DB02_N.png);}
.wic.DB03_N.hero { background-image:url(../icon/DY@128/Light/DB03_N.png);}
.wic.DB04_N.hero { background-image:url(../icon/DY@128/Light/DB04_N.png);}
.wic.DB05.hero { background-image:url(../icon/DY@128/Light/DB05.png);}
.wic.DB05-Q1.hero { background-image:url(../icon/DY@128/Light/DB05-Q1.png);}
.wic.DB05-Q2.hero { background-image:url(../icon/DY@128/Light/DB05-Q2.png);}
.wic.DB05-Q3.hero { background-image:url(../icon/DY@128/Light/DB05-Q3.png);}
.wic.DB06.hero { background-image:url(../icon/DY@128/Light/DB06.png);}
.wic.DB06-Q1.hero { background-image:url(../icon/DY@128/Light/DB06-Q1.png);}
.wic.DB06-Q1-Q1.hero { background-image:url(../icon/DY@128/Light/DB06-Q1-Q1.png);}
.wic.DB06-Q1-Q2.hero { background-image:url(../icon/DY@128/Light/DB06-Q1-Q2.png);}
.wic.DB06-Q2.hero { background-image:url(../icon/DY@128/Light/DB06-Q2.png);}
.wic.DB06-Q2-Q1.hero { background-image:url(../icon/DY@128/Light/DB06-Q2-Q1.png);}
.wic.DB06-Q2-Q2.hero { background-image:url(../icon/DY@128/Light/DB06-Q2-Q2.png);}
.wic.DB06-Q3.hero { background-image:url(../icon/DY@128/Light/DB06-Q3.png);}
.wic.DB06-Q3-Q1.hero { background-image:url(../icon/DY@128/Light/DB06-Q3-Q1.png);}
.wic.DB06-Q3-Q2.hero { background-image:url(../icon/DY@128/Light/DB06-Q3-Q2.png);}
.wic.DB07.hero { background-image:url(../icon/DY@128/Light/DB07.png);}
.wic.DB07-Q1.hero { background-image:url(../icon/DY@128/Light/DB07-Q1.png);}
.wic.DB07-Q1-Q1.hero { background-image:url(../icon/DY@128/Light/DB07-Q1-Q1.png);}
.wic.DB07-Q1-Q2.hero { background-image:url(../icon/DY@128/Light/DB07-Q1-Q2.png);}
.wic.DB07-Q2.hero { background-image:url(../icon/DY@128/Light/DB07-Q2.png);}
.wic.DB07-Q2-Q1.hero { background-image:url(../icon/DY@128/Light/DB07-Q2-Q1.png);}
.wic.DB07-Q2-Q2.hero { background-image:url(../icon/DY@128/Light/DB07-Q2-Q2.png);}
.wic.DB07-Q3.hero { background-image:url(../icon/DY@128/Light/DB07-Q3.png);}
.wic.DB07-Q3-Q1.hero { background-image:url(../icon/DY@128/Light/DB07-Q3-Q1.png);}
.wic.DB07-Q3-Q2.hero { background-image:url(../icon/DY@128/Light/DB07-Q3-Q2.png);}
.wic.DB08.hero { background-image:url(../icon/DY@128/Light/DB08.png);}
.wic.DB08-Q1.hero { background-image:url(../icon/DY@128/Light/DB08-Q1.png);}
.wic.DB08-Q2.hero { background-image:url(../icon/DY@128/Light/DB08-Q2.png);}
.wic.DB09.hero { background-image:url(../icon/DY@128/Light/DB09.png);}
.wic.DB10.hero { background-image:url(../icon/DY@128/Light/DB10.png);}
.wic.DB10-Q1.hero { background-image:url(../icon/DY@128/Light/DB10.png);}
.wic.DB10-Q2.hero { background-image:url(../icon/DY@128/Light/DB10.png);}
.wic.DB10-Q3.hero { background-image:url(../icon/DY@128/Light/DB10.png);}
.wic.DB11.hero { background-image:url(../icon/DY@128/Light/DB11.png);}
.wic.DB11-Q1.hero { background-image:url(../icon/DY@128/Light/DB11.png);}
.wic.DB11-Q2.hero { background-image:url(../icon/DY@128/Light/DB11.png);}
.wic.DB11-Q3.hero { background-image:url(../icon/DY@128/Light/DB11.png);}
.wic.DB12.hero { background-image:url(../icon/DY@128/Light/DB12.png);}
.wic.DB12-Q1.hero { background-image:url(../icon/DY@128/Light/DB12.png);}
.wic.DB12-Q2.hero { background-image:url(../icon/DY@128/Light/DB12.png);}

.wthema-a .wic.DB01.hero { background-image:url(../icon/DY@128/A/Light/DB01.png);}
.wthema-a .wic.DB02.hero { background-image:url(../icon/DY@128/A/Light/DB02.png);}
.wthema-a .wic.DB03.hero { background-image:url(../icon/DY@128/A/Light/DB03.png);}
.wthema-a .wic.DB04.hero { background-image:url(../icon/DY@128/A/Light/DB04.png);}
.wthema-a .wic.DB01_N.hero { background-image:url(../icon/DY@128/A/Light/DB01_N.png);}
.wthema-a .wic.DB02_N.hero { background-image:url(../icon/DY@128/A/Light/DB02_N.png);}
.wthema-a .wic.DB03_N.hero { background-image:url(../icon/DY@128/A/Light/DB03_N.png);}
.wthema-a .wic.DB04_N.hero { background-image:url(../icon/DY@128/A/Light/DB04_N.png);}
.wthema-a .wic.DB05.hero { background-image:url(../icon/DY@128/A/Light/DB05.png);}
.wthema-a .wic.DB05-Q1.hero { background-image:url(../icon/DY@128/A/Light/DB05-Q1.png);}
.wthema-a .wic.DB05-Q2.hero { background-image:url(../icon/DY@128/A/Light/DB05-Q2.png);}
.wthema-a .wic.DB05-Q3.hero { background-image:url(../icon/DY@128/A/Light/DB05-Q3.png);}
.wthema-a .wic.DB06.hero { background-image:url(../icon/DY@128/A/Light/DB06.png);}
.wthema-a .wic.DB06-Q1.hero { background-image:url(../icon/DY@128/A/Light/DB06-Q1.png);}
.wthema-a .wic.DB06-Q1-Q1.hero { background-image:url(../icon/DY@128/A/Light/DB06-Q1-Q1.png);}
.wthema-a .wic.DB06-Q1-Q2.hero { background-image:url(../icon/DY@128/A/Light/DB06-Q1-Q2.png);}
.wthema-a .wic.DB06-Q2.hero { background-image:url(../icon/DY@128/A/Light/DB06-Q2.png);}
.wthema-a .wic.DB06-Q2-Q1.hero { background-image:url(../icon/DY@128/A/Light/DB06-Q2-Q1.png);}
.wthema-a .wic.DB06-Q2-Q2.hero { background-image:url(../icon/DY@128/A/Light/DB06-Q2-Q2.png);}
.wthema-a .wic.DB06-Q3.hero { background-image:url(../icon/DY@128/A/Light/DB06-Q3.png);}
.wthema-a .wic.DB06-Q3-Q1.hero { background-image:url(../icon/DY@128/A/Light/DB06-Q3-Q1.png);}
.wthema-a .wic.DB06-Q3-Q2.hero { background-image:url(../icon/DY@128/A/Light/DB06-Q3-Q2.png);}
.wthema-a .wic.DB07.hero { background-image:url(../icon/DY@128/A/Light/DB07.png);}
.wthema-a .wic.DB07-Q1.hero { background-image:url(../icon/DY@128/A/Light/DB07-Q1.png);}
.wthema-a .wic.DB07-Q1-Q1.hero { background-image:url(../icon/DY@128/A/Light/DB07-Q1-Q1.png);}
.wthema-a .wic.DB07-Q1-Q2.hero { background-image:url(../icon/DY@128/A/Light/DB07-Q1-Q2.png);}
.wthema-a .wic.DB07-Q2.hero { background-image:url(../icon/DY@128/A/Light/DB07-Q2.png);}
.wthema-a .wic.DB07-Q2-Q1.hero { background-image:url(../icon/DY@128/A/Light/DB07-Q2-Q1.png);}
.wthema-a .wic.DB07-Q2-Q2.hero { background-image:url(../icon/DY@128/A/Light/DB07-Q2-Q2.png);}
.wthema-a .wic.DB07-Q3.hero { background-image:url(../icon/DY@128/A/Light/DB07-Q3.png);}
.wthema-a .wic.DB07-Q3-Q1.hero { background-image:url(../icon/DY@128/A/Light/DB07-Q3-Q1.png);}
.wthema-a .wic.DB07-Q3-Q2.hero { background-image:url(../icon/DY@128/A/Light/DB07-Q3-Q2.png);}
.wthema-a .wic.DB08.hero { background-image:url(../icon/DY@128/A/Light/DB08.png);}
.wthema-a .wic.DB08-Q1.hero { background-image:url(../icon/DY@128/A/Light/DB08-Q1.png);}
.wthema-a .wic.DB08-Q2.hero { background-image:url(../icon/DY@128/A/Light/DB08-Q2.png);}
.wthema-a .wic.DB09.hero { background-image:url(../icon/DY@128/A/Light/DB09.png);}
.wthema-a .wic.DB10.hero { background-image:url(../icon/DY@128/A/Light/DB10.png);}
.wthema-a .wic.DB10-Q1.hero { background-image:url(../icon/DY@128/A/Light/DB10.png);}
.wthema-a .wic.DB10-Q2.hero { background-image:url(../icon/DY@128/A/Light/DB10.png);}
.wthema-a .wic.DB10-Q3.hero { background-image:url(../icon/DY@128/A/Light/DB10.png);}
.wthema-a .wic.DB11.hero { background-image:url(../icon/DY@128/A/Light/DB11.png);}
.wthema-a .wic.DB11-Q1.hero { background-image:url(../icon/DY@128/A/Light/DB11.png);}
.wthema-a .wic.DB11-Q2.hero { background-image:url(../icon/DY@128/A/Light/DB11.png);}
.wthema-a .wic.DB11-Q3.hero { background-image:url(../icon/DY@128/A/Light/DB11.png);}
.wthema-a .wic.DB12.hero { background-image:url(../icon/DY@128/A/Light/DB12.png);}
.wthema-a .wic.DB12-Q1.hero { background-image:url(../icon/DY@128/A/Light/DB12.png);}
.wthema-a .wic.DB12-Q2.hero { background-image:url(../icon/DY@128/A/Light/DB12.png);}

.wthema-b .wic.DB01.hero { background-image:url(../icon/DY@128/B/Light/DB01.png);}
.wthema-b .wic.DB02.hero { background-image:url(../icon/DY@128/B/Light/DB02.png);}
.wthema-b .wic.DB03.hero { background-image:url(../icon/DY@128/B/Light/DB03.png);}
.wthema-b .wic.DB04.hero { background-image:url(../icon/DY@128/B/Light/DB04.png);}
.wthema-b .wic.DB01_N.hero { background-image:url(../icon/DY@128/B/Light/DB01_N.png);}
.wthema-b .wic.DB02_N.hero { background-image:url(../icon/DY@128/B/Light/DB02_N.png);}
.wthema-b .wic.DB03_N.hero { background-image:url(../icon/DY@128/B/Light/DB03_N.png);}
.wthema-b .wic.DB04_N.hero { background-image:url(../icon/DY@128/B/Light/DB04_N.png);}
.wthema-b .wic.DB05.hero { background-image:url(../icon/DY@128/B/Light/DB05.png);}
.wthema-b .wic.DB05-Q1.hero { background-image:url(../icon/DY@128/B/Light/DB05-Q1.png);}
.wthema-b .wic.DB05-Q2.hero { background-image:url(../icon/DY@128/B/Light/DB05-Q2.png);}
.wthema-b .wic.DB05-Q3.hero { background-image:url(../icon/DY@128/B/Light/DB05-Q3.png);}
.wthema-b .wic.DB06.hero { background-image:url(../icon/DY@128/B/Light/DB06.png);}
.wthema-b .wic.DB06-Q1.hero { background-image:url(../icon/DY@128/B/Light/DB06-Q1.png);}
.wthema-b .wic.DB06-Q1-Q1.hero { background-image:url(../icon/DY@128/B/Light/DB06-Q1-Q1.png);}
.wthema-b .wic.DB06-Q1-Q2.hero { background-image:url(../icon/DY@128/B/Light/DB06-Q1-Q2.png);}
.wthema-b .wic.DB06-Q2.hero { background-image:url(../icon/DY@128/B/Light/DB06-Q2.png);}
.wthema-b .wic.DB06-Q2-Q1.hero { background-image:url(../icon/DY@128/B/Light/DB06-Q2-Q1.png);}
.wthema-b .wic.DB06-Q2-Q2.hero { background-image:url(../icon/DY@128/B/Light/DB06-Q2-Q2.png);}
.wthema-b .wic.DB06-Q3.hero { background-image:url(../icon/DY@128/B/Light/DB06-Q3.png);}
.wthema-b .wic.DB06-Q3-Q1.hero { background-image:url(../icon/DY@128/B/Light/DB06-Q3-Q1.png);}
.wthema-b .wic.DB06-Q3-Q2.hero { background-image:url(../icon/DY@128/B/Light/DB06-Q3-Q2.png);}
.wthema-b .wic.DB07.hero { background-image:url(../icon/DY@128/B/Light/DB07.png);}
.wthema-b .wic.DB07-Q1.hero { background-image:url(../icon/DY@128/B/Light/DB07-Q1.png);}
.wthema-b .wic.DB07-Q1-Q1.hero { background-image:url(../icon/DY@128/B/Light/DB07-Q1-Q1.png);}
.wthema-b .wic.DB07-Q1-Q2.hero { background-image:url(../icon/DY@128/B/Light/DB07-Q1-Q2.png);}
.wthema-b .wic.DB07-Q2.hero { background-image:url(../icon/DY@128/B/Light/DB07-Q2.png);}
.wthema-b .wic.DB07-Q2-Q1.hero { background-image:url(../icon/DY@128/B/Light/DB07-Q2-Q1.png);}
.wthema-b .wic.DB07-Q2-Q2.hero { background-image:url(../icon/DY@128/B/Light/DB07-Q2-Q2.png);}
.wthema-b .wic.DB07-Q3.hero { background-image:url(../icon/DY@128/B/Light/DB07-Q3.png);}
.wthema-b .wic.DB07-Q3-Q1.hero { background-image:url(../icon/DY@128/B/Light/DB07-Q3-Q1.png);}
.wthema-b .wic.DB07-Q3-Q2.hero { background-image:url(../icon/DY@128/B/Light/DB07-Q3-Q2.png);}
.wthema-b .wic.DB08.hero { background-image:url(../icon/DY@128/B/Light/DB08.png);}
.wthema-b .wic.DB08-Q1.hero { background-image:url(../icon/DY@128/B/Light/DB08-Q1.png);}
.wthema-b .wic.DB08-Q2.hero { background-image:url(../icon/DY@128/B/Light/DB08-Q2.png);}
.wthema-b .wic.DB09.hero { background-image:url(../icon/DY@128/B/Light/DB09.png);}
.wthema-b .wic.DB10.hero { background-image:url(../icon/DY@128/B/Light/DB10.png);}
.wthema-b .wic.DB10-Q1.hero { background-image:url(../icon/DY@128/B/Light/DB10.png);}
.wthema-b .wic.DB10-Q2.hero { background-image:url(../icon/DY@128/B/Light/DB10.png);}
.wthema-b .wic.DB10-Q3.hero { background-image:url(../icon/DY@128/B/Light/DB10.png);}
.wthema-b .wic.DB11.hero { background-image:url(../icon/DY@128/B/Light/DB11.png);}
.wthema-b .wic.DB11-Q1.hero { background-image:url(../icon/DY@128/B/Light/DB11.png);}
.wthema-b .wic.DB11-Q2.hero { background-image:url(../icon/DY@128/B/Light/DB11.png);}
.wthema-b .wic.DB11-Q3.hero { background-image:url(../icon/DY@128/B/Light/DB11.png);}
.wthema-b .wic.DB12.hero { background-image:url(../icon/DY@128/B/Light/DB12.png);}
.wthema-b .wic.DB12-Q1.hero { background-image:url(../icon/DY@128/B/Light/DB12.png);}
.wthema-b .wic.DB12-Q2.hero { background-image:url(../icon/DY@128/B/Light/DB12.png);}

.wthema-c .wic.DB01.hero { background-image:url(../icon/DY@128/C/Light/DB01.png);}
.wthema-c .wic.DB02.hero { background-image:url(../icon/DY@128/C/Light/DB02.png);}
.wthema-c .wic.DB03.hero { background-image:url(../icon/DY@128/C/Light/DB03.png);}
.wthema-c .wic.DB04.hero { background-image:url(../icon/DY@128/C/Light/DB04.png);}
.wthema-c .wic.DB01_N.hero { background-image:url(../icon/DY@128/C/Light/DB01_N.png);}
.wthema-c .wic.DB02_N.hero { background-image:url(../icon/DY@128/C/Light/DB02_N.png);}
.wthema-c .wic.DB03_N.hero { background-image:url(../icon/DY@128/C/Light/DB03_N.png);}
.wthema-c .wic.DB04_N.hero { background-image:url(../icon/DY@128/C/Light/DB04_N.png);}
.wthema-c .wic.DB05.hero { background-image:url(../icon/DY@128/C/Light/DB05.png);}
.wthema-c .wic.DB05-Q1.hero { background-image:url(../icon/DY@128/C/Light/DB05-Q1.png);}
.wthema-c .wic.DB05-Q2.hero { background-image:url(../icon/DY@128/C/Light/DB05-Q2.png);}
.wthema-c .wic.DB05-Q3.hero { background-image:url(../icon/DY@128/C/Light/DB05-Q3.png);}
.wthema-c .wic.DB06.hero { background-image:url(../icon/DY@128/C/Light/DB06.png);}
.wthema-c .wic.DB06-Q1.hero { background-image:url(../icon/DY@128/C/Light/DB06-Q1.png);}
.wthema-c .wic.DB06-Q1-Q1.hero { background-image:url(../icon/DY@128/C/Light/DB06-Q1-Q1.png);}
.wthema-c .wic.DB06-Q1-Q2.hero { background-image:url(../icon/DY@128/C/Light/DB06-Q1-Q2.png);}
.wthema-c .wic.DB06-Q2.hero { background-image:url(../icon/DY@128/C/Light/DB06-Q2.png);}
.wthema-c .wic.DB06-Q2-Q1.hero { background-image:url(../icon/DY@128/C/Light/DB06-Q2-Q1.png);}
.wthema-c .wic.DB06-Q2-Q2.hero { background-image:url(../icon/DY@128/C/Light/DB06-Q2-Q2.png);}
.wthema-c .wic.DB06-Q3.hero { background-image:url(../icon/DY@128/C/Light/DB06-Q3.png);}
.wthema-c .wic.DB06-Q3-Q1.hero { background-image:url(../icon/DY@128/C/Light/DB06-Q3-Q1.png);}
.wthema-c .wic.DB06-Q3-Q2.hero { background-image:url(../icon/DY@128/C/Light/DB06-Q3-Q2.png);}
.wthema-c .wic.DB07.hero { background-image:url(../icon/DY@128/C/Light/DB07.png);}
.wthema-c .wic.DB07-Q1.hero { background-image:url(../icon/DY@128/C/Light/DB07-Q1.png);}
.wthema-c .wic.DB07-Q1-Q1.hero { background-image:url(../icon/DY@128/C/Light/DB07-Q1-Q1.png);}
.wthema-c .wic.DB07-Q1-Q2.hero { background-image:url(../icon/DY@128/C/Light/DB07-Q1-Q2.png);}
.wthema-c .wic.DB07-Q2.hero { background-image:url(../icon/DY@128/C/Light/DB07-Q2.png);}
.wthema-c .wic.DB07-Q2-Q1.hero { background-image:url(../icon/DY@128/C/Light/DB07-Q2-Q1.png);}
.wthema-c .wic.DB07-Q2-Q2.hero { background-image:url(../icon/DY@128/C/Light/DB07-Q2-Q2.png);}
.wthema-c .wic.DB07-Q3.hero { background-image:url(../icon/DY@128/C/Light/DB07-Q3.png);}
.wthema-c .wic.DB07-Q3-Q1.hero { background-image:url(../icon/DY@128/C/Light/DB07-Q3-Q1.png);}
.wthema-c .wic.DB07-Q3-Q2.hero { background-image:url(../icon/DY@128/C/Light/DB07-Q3-Q2.png);}
.wthema-c .wic.DB08.hero { background-image:url(../icon/DY@128/C/Light/DB08.png);}
.wthema-c .wic.DB08-Q1.hero { background-image:url(../icon/DY@128/C/Light/DB08-Q1.png);}
.wthema-c .wic.DB08-Q2.hero { background-image:url(../icon/DY@128/C/Light/DB08-Q2.png);}
.wthema-c .wic.DB09.hero { background-image:url(../icon/DY@128/C/Light/DB09.png);}
.wthema-c .wic.DB10.hero { background-image:url(../icon/DY@128/C/Light/DB10.png);}
.wthema-c .wic.DB10-Q1.hero { background-image:url(../icon/DY@128/C/Light/DB10.png);}
.wthema-c .wic.DB10-Q2.hero { background-image:url(../icon/DY@128/C/Light/DB10.png);}
.wthema-c .wic.DB10-Q3.hero { background-image:url(../icon/DY@128/C/Light/DB10.png);}
.wthema-c .wic.DB11.hero { background-image:url(../icon/DY@128/C/Light/DB11.png);}
.wthema-c .wic.DB11-Q1.hero { background-image:url(../icon/DY@128/C/Light/DB11.png);}
.wthema-c .wic.DB11-Q2.hero { background-image:url(../icon/DY@128/C/Light/DB11.png);}
.wthema-c .wic.DB11-Q3.hero { background-image:url(../icon/DY@128/C/Light/DB11.png);}
.wthema-c .wic.DB12.hero { background-image:url(../icon/DY@128/C/Light/DB12.png);}
.wthema-c .wic.DB12-Q1.hero { background-image:url(../icon/DY@128/C/Light/DB12.png);}
.wthema-c .wic.DB12-Q2.hero { background-image:url(../icon/DY@128/C/Light/DB12.png);}

.wic.NB00 { background-color:rgba(0,0,0,0); background-image:none;}

.wic.NB01 { background-image:url(../icon/NY@64/Light/NB01.png);}
.wic.NB02 { background-image:url(../icon/NY@64/Light/NB02.png);}
.wic.NB03 { background-image:url(../icon/NY@64/Light/NB03.png);}
.wic.NB04 { background-image:url(../icon/NY@64/Light/NB04.png);}
.wic.NB01_N { background-image:url(../icon/NY@64/Light/NB01_N.png);}
.wic.NB02_N { background-image:url(../icon/NY@64/Light/NB02_N.png);}
.wic.NB03_N { background-image:url(../icon/NY@64/Light/NB03_N.png);}
.wic.NB04_N { background-image:url(../icon/NY@64/Light/NB04_N.png);}
.wic.NB07 { background-image:url(../icon/NY@64/Light/NB07.png);}
.wic.NB08 { background-image:url(../icon/NY@64/Light/NB08.png);}
.wic.NB11 { background-image:url(../icon/NY@64/Light/NB11.png);}
.wic.NB12 { background-image:url(../icon/NY@64/Light/NB12.png);}
.wic.NB13 { background-image:url(../icon/NY@64/Light/NB13.png);}
.wic.NB14 { background-image:url(../icon/NY@64/Light/NB14.png);}
.wic.NB15 { background-image:url(../icon/NY@64/Light/NB15.png);}
.wic.NB16 { background-image:url(../icon/NY@64/Light/NB16.png);}
.wic.NB17 { background-image:url(../icon/NY@64/Light/NB17.png);}
.wic.NB18 { background-image:url(../icon/NY@64/Light/NB18.png);}
.wic.NB20 { background-image:url(../icon/NY@64/Light/NB20.png);}
.wic.NB21 { background-image:url(../icon/NY@64/Light/NB21.png);}
.wic.NB22 { background-image:url(../icon/NY@64/Light/NB22.png);}
.wic.NB23 { background-image:url(../icon/NY@64/Light/NB23.png);}

.wthema-a .wic.NB01 { background-image:url(../icon/NY@128/A/Light/NB01.png);}
.wthema-a .wic.NB02 { background-image:url(../icon/NY@128/A/Light/NB02.png);}
.wthema-a .wic.NB03 { background-image:url(../icon/NY@128/A/Light/NB03.png);}
.wthema-a .wic.NB04 { background-image:url(../icon/NY@128/A/Light/NB04.png);}
.wthema-a .wic.NB01_N { background-image:url(../icon/NY@128/A/Light/NB01_N.png);}
.wthema-a .wic.NB02_N { background-image:url(../icon/NY@128/A/Light/NB02_N.png);}
.wthema-a .wic.NB03_N { background-image:url(../icon/NY@128/A/Light/NB03_N.png);}
.wthema-a .wic.NB04_N { background-image:url(../icon/NY@128/A/Light/NB04_N.png);}
.wthema-a .wic.NB07 { background-image:url(../icon/NY@128/A/Light/NB07.png);}
.wthema-a .wic.NB08 { background-image:url(../icon/NY@128/A/Light/NB08.png);}
.wthema-a .wic.NB11 { background-image:url(../icon/NY@128/A/Light/NB11.png);}
.wthema-a .wic.NB12 { background-image:url(../icon/NY@128/A/Light/NB12.png);}
.wthema-a .wic.NB13 { background-image:url(../icon/NY@128/A/Light/NB13.png);}
.wthema-a .wic.NB14 { background-image:url(../icon/NY@128/A/Light/NB14.png);}
.wthema-a .wic.NB15 { background-image:url(../icon/NY@128/A/Light/NB15.png);}
.wthema-a .wic.NB16 { background-image:url(../icon/NY@128/A/Light/NB16.png);}
.wthema-a .wic.NB17 { background-image:url(../icon/NY@128/A/Light/NB17.png);}
.wthema-a .wic.NB18 { background-image:url(../icon/NY@128/A/Light/NB18.png);}
.wthema-a .wic.NB20 { background-image:url(../icon/NY@128/A/Light/NB20.png);}
.wthema-a .wic.NB21 { background-image:url(../icon/NY@128/A/Light/NB21.png);}
.wthema-a .wic.NB22 { background-image:url(../icon/NY@128/A/Light/NB22.png);}
.wthema-a .wic.NB23 { background-image:url(../icon/NY@128/A/Light/NB23.png);}

.wthema-b .wic.NB01 { background-image:url(../icon/NY@128/B/Light/NB01.png);}
.wthema-b .wic.NB02 { background-image:url(../icon/NY@128/B/Light/NB02.png);}
.wthema-b .wic.NB03 { background-image:url(../icon/NY@128/B/Light/NB03.png);}
.wthema-b .wic.NB04 { background-image:url(../icon/NY@128/B/Light/NB04.png);}
.wthema-b .wic.NB01_N { background-image:url(../icon/NY@128/B/Light/NB01_N.png);}
.wthema-b .wic.NB02_N { background-image:url(../icon/NY@128/B/Light/NB02_N.png);}
.wthema-b .wic.NB03_N { background-image:url(../icon/NY@128/B/Light/NB03_N.png);}
.wthema-b .wic.NB04_N { background-image:url(../icon/NY@128/B/Light/NB04_N.png);}
.wthema-b .wic.NB07 { background-image:url(../icon/NY@128/B/Light/NB07.png);}
.wthema-b .wic.NB08 { background-image:url(../icon/NY@128/B/Light/NB08.png);}
.wthema-b .wic.NB11 { background-image:url(../icon/NY@128/B/Light/NB11.png);}
.wthema-b .wic.NB12 { background-image:url(../icon/NY@128/B/Light/NB12.png);}
.wthema-b .wic.NB13 { background-image:url(../icon/NY@128/B/Light/NB13.png);}
.wthema-b .wic.NB14 { background-image:url(../icon/NY@128/B/Light/NB14.png);}
.wthema-b .wic.NB15 { background-image:url(../icon/NY@128/B/Light/NB15.png);}
.wthema-b .wic.NB16 { background-image:url(../icon/NY@128/B/Light/NB16.png);}
.wthema-b .wic.NB17 { background-image:url(../icon/NY@128/B/Light/NB17.png);}
.wthema-b .wic.NB18 { background-image:url(../icon/NY@128/B/Light/NB18.png);}
.wthema-b .wic.NB20 { background-image:url(../icon/NY@128/B/Light/NB20.png);}
.wthema-b .wic.NB21 { background-image:url(../icon/NY@128/B/Light/NB21.png);}
.wthema-b .wic.NB22 { background-image:url(../icon/NY@128/B/Light/NB22.png);}
.wthema-b .wic.NB23 { background-image:url(../icon/NY@128/B/Light/NB23.png);}

.wthema-c .wic.NB01 { background-image:url(../icon/NY@128/C/Light/NB01.png);}
.wthema-c .wic.NB02 { background-image:url(../icon/NY@128/C/Light/NB02.png);}
.wthema-c .wic.NB03 { background-image:url(../icon/NY@128/C/Light/NB03.png);}
.wthema-c .wic.NB04 { background-image:url(../icon/NY@128/C/Light/NB04.png);}
.wthema-c .wic.NB01_N { background-image:url(../icon/NY@128/C/Light/NB01_N.png);}
.wthema-c .wic.NB02_N { background-image:url(../icon/NY@128/C/Light/NB02_N.png);}
.wthema-c .wic.NB03_N { background-image:url(../icon/NY@128/C/Light/NB03_N.png);}
.wthema-c .wic.NB04_N { background-image:url(../icon/NY@128/C/Light/NB04_N.png);}
.wthema-c .wic.NB07 { background-image:url(../icon/NY@128/C/Light/NB07.png);}
.wthema-c .wic.NB08 { background-image:url(../icon/NY@128/C/Light/NB08.png);}
.wthema-c .wic.NB11 { background-image:url(../icon/NY@128/C/Light/NB11.png);}
.wthema-c .wic.NB12 { background-image:url(../icon/NY@128/C/Light/NB12.png);}
.wthema-c .wic.NB13 { background-image:url(../icon/NY@128/C/Light/NB13.png);}
.wthema-c .wic.NB14 { background-image:url(../icon/NY@128/C/Light/NB14.png);}
.wthema-c .wic.NB15 { background-image:url(../icon/NY@128/C/Light/NB15.png);}
.wthema-c .wic.NB16 { background-image:url(../icon/NY@128/C/Light/NB16.png);}
.wthema-c .wic.NB17 { background-image:url(../icon/NY@128/C/Light/NB17.png);}
.wthema-c .wic.NB18 { background-image:url(../icon/NY@128/C/Light/NB18.png);}
.wthema-c .wic.NB20 { background-image:url(../icon/NY@128/C/Light/NB20.png);}
.wthema-c .wic.NB21 { background-image:url(../icon/NY@128/C/Light/NB21.png);}
.wthema-c .wic.NB22 { background-image:url(../icon/NY@128/C/Light/NB22.png);}
.wthema-c .wic.NB23 { background-image:url(../icon/NY@128/C/Light/NB23.png);}

.wic.NB01.large { background-image:url(../icon/NY@128/Light/NB01.png);}
.wic.NB02.large { background-image:url(../icon/NY@128/Light/NB02.png);}
.wic.NB03.large { background-image:url(../icon/NY@128/Light/NB03.png);}
.wic.NB04.large { background-image:url(../icon/NY@128/Light/NB04.png);}
.wic.NB01_N.large { background-image:url(../icon/NY@128/Light/NB01_N.png);}
.wic.NB02_N.large { background-image:url(../icon/NY@128/Light/NB02_N.png);}
.wic.NB03_N.large { background-image:url(../icon/NY@128/Light/NB03_N.png);}
.wic.NB04_N.large { background-image:url(../icon/NY@128/Light/NB04_N.png);}
.wic.NB07.large { background-image:url(../icon/NY@128/Light/NB07.png);}
.wic.NB08.large { background-image:url(../icon/NY@128/Light/NB08.png);}
.wic.NB11.large { background-image:url(../icon/NY@128/Light/NB11.png);}
.wic.NB12.large { background-image:url(../icon/NY@128/Light/NB12.png);}
.wic.NB13.large { background-image:url(../icon/NY@128/Light/NB13.png);}
.wic.NB14.large { background-image:url(../icon/NY@128/Light/NB14.png);}
.wic.NB15.large { background-image:url(../icon/NY@128/Light/NB15.png);}
.wic.NB16.large { background-image:url(../icon/NY@128/Light/NB16.png);}
.wic.NB17.large { background-image:url(../icon/NY@128/Light/NB17.png);}
.wic.NB18.large { background-image:url(../icon/NY@128/Light/NB18.png);}
.wic.NB20.large { background-image:url(../icon/NY@128/Light/NB20.png);}
.wic.NB21.large { background-image:url(../icon/NY@128/Light/NB21.png);}
.wic.NB22.large { background-image:url(../icon/NY@128/Light/NB22.png);}
.wic.NB23.large { background-image:url(../icon/NY@128/Light/NB23.png);}

.wthema-a .wic.NB01.large { background-image:url(../icon/NY@128/A/Light/NB01.png);}
.wthema-a .wic.NB02.large { background-image:url(../icon/NY@128/A/Light/NB02.png);}
.wthema-a .wic.NB03.large { background-image:url(../icon/NY@128/A/Light/NB03.png);}
.wthema-a .wic.NB04.large { background-image:url(../icon/NY@128/A/Light/NB04.png);}
.wthema-a .wic.NB01_N.large { background-image:url(../icon/NY@128/A/Light/NB01_N.png);}
.wthema-a .wic.NB02_N.large { background-image:url(../icon/NY@128/A/Light/NB02_N.png);}
.wthema-a .wic.NB03_N.large { background-image:url(../icon/NY@128/A/Light/NB03_N.png);}
.wthema-a .wic.NB04_N.large { background-image:url(../icon/NY@128/A/Light/NB04_N.png);}
.wthema-a .wic.NB07.large { background-image:url(../icon/NY@128/A/Light/NB07.png);}
.wthema-a .wic.NB08.large { background-image:url(../icon/NY@128/A/Light/NB08.png);}
.wthema-a .wic.NB11.large { background-image:url(../icon/NY@128/A/Light/NB11.png);}
.wthema-a .wic.NB12.large { background-image:url(../icon/NY@128/A/Light/NB12.png);}
.wthema-a .wic.NB13.large { background-image:url(../icon/NY@128/A/Light/NB13.png);}
.wthema-a .wic.NB14.large { background-image:url(../icon/NY@128/A/Light/NB14.png);}
.wthema-a .wic.NB15.large { background-image:url(../icon/NY@128/A/Light/NB15.png);}
.wthema-a .wic.NB16.large { background-image:url(../icon/NY@128/A/Light/NB16.png);}
.wthema-a .wic.NB17.large { background-image:url(../icon/NY@128/A/Light/NB17.png);}
.wthema-a .wic.NB18.large { background-image:url(../icon/NY@128/A/Light/NB18.png);}
.wthema-a .wic.NB20.large { background-image:url(../icon/NY@128/A/Light/NB20.png);}
.wthema-a .wic.NB21.large { background-image:url(../icon/NY@128/A/Light/NB21.png);}
.wthema-a .wic.NB22.large { background-image:url(../icon/NY@128/A/Light/NB22.png);}
.wthema-a .wic.NB23.large { background-image:url(../icon/NY@128/A/Light/NB23.png);}

.wthema-b .wic.NB01.large { background-image:url(../icon/NY@128/B/Light/NB01.png);}
.wthema-b .wic.NB02.large { background-image:url(../icon/NY@128/B/Light/NB02.png);}
.wthema-b .wic.NB03.large { background-image:url(../icon/NY@128/B/Light/NB03.png);}
.wthema-b .wic.NB04.large { background-image:url(../icon/NY@128/B/Light/NB04.png);}
.wthema-b .wic.NB01_N.large { background-image:url(../icon/NY@128/B/Light/NB01_N.png);}
.wthema-b .wic.NB02_N.large { background-image:url(../icon/NY@128/B/Light/NB02_N.png);}
.wthema-b .wic.NB03_N.large { background-image:url(../icon/NY@128/B/Light/NB03_N.png);}
.wthema-b .wic.NB04_N.large { background-image:url(../icon/NY@128/B/Light/NB04_N.png);}
.wthema-b .wic.NB07.large { background-image:url(../icon/NY@128/B/Light/NB07.png);}
.wthema-b .wic.NB08.large { background-image:url(../icon/NY@128/B/Light/NB08.png);}
.wthema-b .wic.NB11.large { background-image:url(../icon/NY@128/B/Light/NB11.png);}
.wthema-b .wic.NB12.large { background-image:url(../icon/NY@128/B/Light/NB12.png);}
.wthema-b .wic.NB13.large { background-image:url(../icon/NY@128/B/Light/NB13.png);}
.wthema-b .wic.NB14.large { background-image:url(../icon/NY@128/B/Light/NB14.png);}
.wthema-b .wic.NB15.large { background-image:url(../icon/NY@128/B/Light/NB15.png);}
.wthema-b .wic.NB16.large { background-image:url(../icon/NY@128/B/Light/NB16.png);}
.wthema-b .wic.NB17.large { background-image:url(../icon/NY@128/B/Light/NB17.png);}
.wthema-b .wic.NB18.large { background-image:url(../icon/NY@128/B/Light/NB18.png);}
.wthema-b .wic.NB20.large { background-image:url(../icon/NY@128/B/Light/NB20.png);}
.wthema-b .wic.NB21.large { background-image:url(../icon/NY@128/B/Light/NB21.png);}
.wthema-b .wic.NB22.large { background-image:url(../icon/NY@128/B/Light/NB22.png);}
.wthema-b .wic.NB23.large { background-image:url(../icon/NY@128/B/Light/NB23.png);}

.wthema-c .wic.NB01.large { background-image:url(../icon/NY@128/C/Light/NB01.png);}
.wthema-c .wic.NB02.large { background-image:url(../icon/NY@128/C/Light/NB02.png);}
.wthema-c .wic.NB03.large { background-image:url(../icon/NY@128/C/Light/NB03.png);}
.wthema-c .wic.NB04.large { background-image:url(../icon/NY@128/C/Light/NB04.png);}
.wthema-c .wic.NB01_N.large { background-image:url(../icon/NY@128/C/Light/NB01_N.png);}
.wthema-c .wic.NB02_N.large { background-image:url(../icon/NY@128/C/Light/NB02_N.png);}
.wthema-c .wic.NB03_N.large { background-image:url(../icon/NY@128/C/Light/NB03_N.png);}
.wthema-c .wic.NB04_N.large { background-image:url(../icon/NY@128/C/Light/NB04_N.png);}
.wthema-c .wic.NB07.large { background-image:url(../icon/NY@128/C/Light/NB07.png);}
.wthema-c .wic.NB08.large { background-image:url(../icon/NY@128/C/Light/NB08.png);}
.wthema-c .wic.NB11.large { background-image:url(../icon/NY@128/C/Light/NB11.png);}
.wthema-c .wic.NB12.large { background-image:url(../icon/NY@128/C/Light/NB12.png);}
.wthema-c .wic.NB13.large { background-image:url(../icon/NY@128/C/Light/NB13.png);}
.wthema-c .wic.NB14.large { background-image:url(../icon/NY@128/C/Light/NB14.png);}
.wthema-c .wic.NB15.large { background-image:url(../icon/NY@128/C/Light/NB15.png);}
.wthema-c .wic.NB16.large { background-image:url(../icon/NY@128/C/Light/NB16.png);}
.wthema-c .wic.NB17.large { background-image:url(../icon/NY@128/C/Light/NB17.png);}
.wthema-c .wic.NB18.large { background-image:url(../icon/NY@128/C/Light/NB18.png);}
.wthema-c .wic.NB20.large { background-image:url(../icon/NY@128/C/Light/NB20.png);}
.wthema-c .wic.NB21.large { background-image:url(../icon/NY@128/C/Light/NB21.png);}
.wthema-c .wic.NB22.large { background-image:url(../icon/NY@128/C/Light/NB22.png);}
.wthema-c .wic.NB23.large { background-image:url(../icon/NY@128/C/Light/NB23.png);}

.wbg { background-size:auto 150%; background-position:left top; background-color:rgba(0,0,0,0); background-repeat:no-repeat;}
.wbg.BGDB00 { background-image:none; }
.wbg.BGDB01 { background-image:none; }
.wbg.BGDB02 { background-image:none; }
.wbg.BGDB03 { background-image:none; }
.wbg.BGDB04 { background-image:none; }
.wbg.BGDB05 { background-image:url(../icon/BG/TYPE1/BGDB05.png); }
.wbg.BGDB06 { background-image:url(../icon/BG/TYPE1/BGDB06.png); }
.wbg.BGDB07 { background-image:url(../icon/BG/TYPE1/BGDB06.png); }
.wbg.BGDB08 { background-image:url(../icon/BG/TYPE1/BGDB08.png); }

.wbg.wbg-type2.BGDB00 { background-image:none; }
.wbg.wbg-type2.BGDB01 { background-image:none; }
.wbg.wbg-type2.BGDB02 { background-image:none; }
.wbg.wbg-type2.BGDB03 { background-image:none; }
.wbg.wbg-type2.BGDB04 { background-image:none; }
.wbg.wbg-type2.BGDB05 { background-image:url(../icon/BG/TYPE2/BGDB05.png); }
.wbg.wbg-type2.BGDB06 { background-image:url(../icon/BG/TYPE2/BGDB06.png); }
.wbg.wbg-type2.BGDB07 { background-image:url(../icon/BG/TYPE2/BGDB06.png); }
.wbg.wbg-type2.BGDB08 { background-image:url(../icon/BG/TYPE2/BGDB08.png); }

.modal-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1020; background: rgba(0,0,0,0.2); display:none; opacity:0;transition: all .2s ease-out;}
.modal-layer-inner { margin-top:105px; padding-top:30px; background:#fff; position:relative; height:100%; max-height:495px}
.modal-layer.on { display:block; opacity:1;}
.modal-layer-close {width:50px;height:50px;background-image:url(../image/pop_close_icon.png);background-repeat:no-repeat;background-position:center;position:absolute;right:20px;top:20px;z-index:1011;}
#pop-local-search { display:none;}
#pop-local-search .cmp-local-search-input > .sym-btn.sch { display:none; }
#pop-local-search .cmp-local-search-input > *:first-child { width: 100%; }

/* 아이콘 설명 */
.iconguide-btn-wrap { position:absolute; right:10px; top: 30px;}
.iconguide-wrap .table-col .ic_img { height: 42px; width: auto; }
.iconguide-wrap h2 {text-align:center;font-size:20px; line-height:50px; font-weight:700;}
.iconguide-wrap .buoy_wind { position:relative; width:50%; }
.iconguide-wrap .buoy_wind strong { position:absolute; right:10px; top:10px;}
.btn-fullimage-close{position:absolute;width:50px;height:50px;right:20px;top:20px;background-size:26px 25px;background-image:url(../image/banner_close.png);background-repeat:no-repeat;background-position:center;background-color:rgba(0,0,0,.7);}

/* PTR */
.ptr--ptr { font-size:12px !important;}
.ptr--text {color:rgba(0,0,0,0.7) !important;}
.ptr--icon {color:rgba(0,0,0,0.7) !important;}

/* iamge player */
.image-player-pzui { position:absolute; right:30px; bottom:30px; width:34px; -webkit-transform: translate3d(0,0,0);}
.image-player-pzui a { display:block; float:left; width:34px; background-color:#fff; border-radius:5px; border:1px solid #e0e0e0; }
.image-player-pzui a span { font-size:24px; font-weight:500; line-height:32px; padding-top:2px; display:block; text-align:center; }
.image-player-pzui.mobile{display:none;}

/* 삽입 GIS */
.wgis-inner-map { width:100%; height: 500px;}

/* 지진 홍보영상 */
.board_list04 {position:relative; float:left;padding:5px 0 5px 0px;height:151px; width:calc(50% - 2px);min-width: 340px;}
.board_list04 dl{background:url(../image/renew/bg_board_list03.gif) repeat-x left bottom; overflow:hidden; padding:15px 0 15px 5px; clear:left; width:402px; text-align:left;}
.board_list04 dl dt{float:left; font-size:0; width:89px;height:117px;}
.board_list04 dl dt img{border:1px solid #cccccc;}
.board_list04 dl dd{float:left; padding:22px 0 0 10px;}
.board_list04 dl dd p{line-height:normal;}
.board_list04 dl dd p.blue{padding:0 0 2px 0; font-size:1.2em; color:#0956a4; font-weight:bold; }
.board_list04 dl dd p.blue img{vertical-align:top;margin:2px 0 0 0px;}
.board_list04 dl dd p.button{padding:10px 0 0 0;}
#wrap_board_list04{clear:both; overflow:hidden; width:100%; border-top:2px solid #006ad0; border-bottom:1px solid #006ad0; min-width:700px;}

/*board_box04_eq*//*게시판-지진화산홍보물_20190701*/
.board_list04 dl.board_list04_eq { width:100%; min-width: 400px;}
.board_list04 dl.board_list04_eq dt{float:left; font-size:0; width:208px;height:117px;}
.board_list04 dl.board_list04_eq dt img{border:1px solid #cccccc;}
.board_list04 dl.board_list04_eq dd{float:left; width:150px; padding:10px 0 0 20px;}
.board_list04 dl.board_list04_eq dd p{line-height:normal;}
.board_list04 dl.board_list04_eq dd p.blue{padding:0 0 5px 0; font-size:1.2em; color:#0956a4; font-weight:bold; letter-spacing:-1px;}
.board_list04 dl.board_list04_eq dd p.blue img{vertical-align:top;margin:2px 0 0 0px;}
.board_list04 dl.board_list04_eq dd p.button{padding:15px 0 0 0;}

/* Toast */
.cmp-toast { position:absolute; width:100%; right:0; left:0; top:-120px; transition: all .3s ease-out; overflow:hidden; text-align:center;  overflow-y:hidden; z-index:19999;}
.cmp-toast.on { top:0; }
.cmp-toast .shadow-box { display:inline-block; width:auto; min-width:500px; max-width:1200px; margin:0 auto;}
.cmp-toast .shadow-box .inner { margin:10px 10px; max-height:100px; overflow:auto; padding:16px 20px 16px 20px; border-radius:5px; border:1px solid #efefef; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2); text-align:left; position:relative; background-color:#fff;}
.cmp-toast .shadow-box a.close-box { content:'';position:absolute; top:0; right:0; width:34px; height:34px; background:url(../image/btn_close.png) no-repeat center center; background-size:14px; text-indent:-9999px;}
.cmp-toast .shadow-box p { font-size:15px; color:#333; padding:4px 0; background:url('../image/icon_help_on.png') no-repeat left 4px; background-size:16px; padding-left:22px; }

/* 메인 레이어 헬프 */
.main-layer-help { position:fixed;left:0;top:0; width:100%;height:100%;background:#eef2f7;z-index:9999;padding:0;display:none;overflow:auto;/*overflow-x: -moz-scrollbars-none; -ms-overflow-style: none;*/}
.main-layer-help:focus { outline:none; left:2px; top:2px; bottom:2px; right:2px; width:calc(100% - 4px); height:calc(100% - 4px); border:2px dashed #000; }
.main-layer-help .main-layer-help-text { position:absolute; left:0; top:0; width:100%;}
.main-layer-help::-webkit-scrollbar {/*display:none;*/}
.main-layer-help .pc-help { display:block; }
.main-layer-help .m-help { display:none; }
.main-layer-help .layer-help-close{width:50px;height:50px;background:#eef2f7;background-image:url(../image/pop_close_icon.png);background-repeat:no-repeat;background-position:center;position:fixed;left:12px;top:12px;z-index:1011;}
.main-layer-help .layer-help-close:focus { outline:2px dashed #fff;}
.set-wrap .from-wrap.config-help li .tit { margin-right:0; }
.layer-pop-wrap a.label-help {vertical-align: middle;text-indent:-199999px; width:18px; height:18px; display:inline-block; background:url(../image/icon_help_2.png) no-repeat center center; background-size:14px; }
.cmp-help-tooltip.config-help { max-width:530px; position:relative;}
.cmp-help-tooltip.config-help strong { color:#000; }

/* 일별예보 추가로 인한 CSS */
.dfs-daily-head { padding: 12px 10px 12px 15px; border-bottom: 1px solid #d1d1d1; }
.dfs-daily-head h3 { font-size: 18px; font-weight: 700; color: #333; }
.dfs-daily-slider { position:relative; width:100%; overflow:hidden; background-color:#F6F9FB; padding:10px 0 0 0; padding-bottom:16px; }
.dfs-daily-slide-wrap{ display:inline-flex; gap:3px; border-bottom: 1px solid #b3ddf5;}
.dfs-daily-slide { position:relative; display:block; min-width:88px; width:10%; cursor:pointer; padding:0; }
.dfs-daily-slider .dfs-daily-slide-wrap .dfs-daily-slide:first-of-type{ margin-left:55px; }
.dfs-daily-slide:before { content:''; position:absolute; left:-2px; top:70px; bottom:10px; width:1px; border-left:1px dashed #D7D8D9; }
.dfs-daily-slide:nth-child(1)::before { display:none; }
.dfs-daily-slide:has(.dfs-daily-slide-box:hover)::before { display:none; }
.dfs-daily-slide:has(.dfs-daily-slide-box:hover) + .dfs-daily-slide:before { display:none; }
.dfs-daily-slide:has(.dfs-daily-slide-box:active)::before { display:none; }
.dfs-daily-slide:has(.dfs-daily-slide-box:active) + .dfs-daily-slide:before { display:none; }
.dfs-daily-slide:has(.dfs-daily-slide-box.active)::before { display:none; }
.dfs-daily-slide:has(.dfs-daily-slide-box.active) + .dfs-daily-slide:before { display:none; }
.dfs-daily-slide[data-week-day="0"] .dfs-daily-slide-box > h4 * { color:#db0015 !important;}
.dfs-daily-slide[data-week-day="6"] .dfs-daily-slide-box > h4 * { color:#0282dd !important;}

.dfs-daily-slide-box { position:relative; transition:all .2s;}
.dfs-daily-slide-box > h4 { height:52px; border:1px solid #C5CFDB; background-color:#DBE1E9; font-size:16px; font-weight:bold; padding:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.dfs-daily-slide-box > h4 > span { font-size:16px; font-weight:bold; padding:6px 0 2px 0; }
.dfs-daily-slide-box > h4 > em { width:100%; color:#496890; font-size:14px; text-align:center;}
.dfs-daily-slide-box > h4.todaytomorrow > span{ display:block; text-align:center;}
.dfs-daily-slide-box > h4.not(.todaytomorrow) > em{ display:none; }
.dfs-daily-slide-box:hover, 
	.dfs-daily-slide-box:focus, 
	.dfs-daily-slide-box.active { background-color:#fff; }
.dfs-daily-slide-box:hover::before, 
	.dfs-daily-slide-box:focus::before, 
	.dfs-daily-slide-box.active:before { content:''; position:absolute; left:0; top:0; right:0; height:2px; background-color:#0DADCF;} 	
	
.dfs-daily-slide-box:hover > h4 , 
	.dfs-daily-slide-box:focus > h4 , 
	.dfs-daily-slide-box.active > h4  { background-color:#fff; border-bottom-color:rgba(0,0,0,0); }
.dfs-daily-slide-box:hover > h4 > em, 
	.dfs-daily-slide-box:focus > h4 > em, 
	.dfs-daily-slide-box.active > h4 > em { color:#028edd; }
	
.dfs-daily-slider.no-scrollbars .dfs-daily-slide-box { margin-bottom:0px; } 

.dfs-daily-item { display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center; margin-bottom:-1px; border: 1px solid rgba(0,0,0,0); border-top: 0; border-bottom:0;}
.dfs-daily-item > * { display:flex; }
.dfs-daily-slide-box:hover .dfs-daily-item,
	.dfs-daily-slide-box:active .dfs-daily-item,
	.dfs-daily-slide-box.active .dfs-daily-item { border: 1px solid #C5CFDB; border-top: 0; border-bottom:0;}

.dfs-daily-item .daily-weather-am { width:50%; display:flex; flex-wrap:wrap; justify-content:center; padding-left:4px;}
.dfs-daily-item .daily-weather-am > div strong { font-weight:bold; }
.dfs-daily-item .daily-weather-am > div:nth-child(1) { height:30px; border-bottom:1px solid #c9daee; display:flex; width:100%; align-items:flex-end; justify-content:center; padding-bottom:4px; }
.dfs-daily-slide-box:hover .dfs-daily-item .daily-weather-am > div:nth-child(1),
	.dfs-daily-slide-box:focus .dfs-daily-item .daily-weather-am > div:nth-child(1),
	.dfs-daily-slide-box.active .dfs-daily-item .daily-weather-am > div:nth-child(1) { border-bottom:1px solid  #e4e4e4; }
.dfs-daily-item .daily-weather-am > div:nth-child(2) { height:55px; display:flex; align-items:center; justify-content:center;}

.dfs-daily-item .daily-weather-pm { width:50%; display:flex; flex-wrap:wrap; justify-content:center; padding-right:4px;}
.dfs-daily-item .daily-weather-pm > div:nth-child(1) { height:30px; border-bottom:1px solid #c9daee; display:flex; width:100%; align-items:flex-end; justify-content:center; padding-bottom:4px; }
.dfs-daily-slide-box:hover .dfs-daily-item .daily-weather-pm > div:nth-child(1),
	.dfs-daily-slide-box:focus .dfs-daily-item .daily-weather-pm > div:nth-child(1),
	.dfs-daily-slide-box.active .dfs-daily-item .daily-weather-pm > div:nth-child(1) { border-bottom:1px solid  #e4e4e4; }
.dfs-daily-item .daily-weather-pm > div:nth-child(2) { height:55px; display:flex; align-items:center; justify-content:center; }
.dfs-daily-item .daily-weather-pm > *{ width:100%; text-align:center; padding:4px 0; }

.dfs-daily-item .daily-weather-allday { width:100%; display:flex; flex-wrap:wrap; justify-content:center; padding-left:4px; padding-right:4px;}
.dfs-daily-item .daily-weather-allday > div strong { font-weight:bold; }
.dfs-daily-item .daily-weather-allday > div:nth-child(1) { height:30px; border-bottom:1px solid #c9daee; display:flex; width:100%; align-items:flex-end; justify-content:center; padding-bottom:4px; }
.dfs-daily-slide-box:hover .dfs-daily-item .daily-weather-allday > div:nth-child(1),
	.dfs-daily-slide-box:focus .dfs-daily-item .daily-weather-allday > div:nth-child(1),
	.dfs-daily-slide-box.active .dfs-daily-item .daily-weather-allday > div:nth-child(1) { border-bottom:1px solid  #e4e4e4; }
.dfs-daily-item .daily-weather-allday > div:nth-child(2) { width:100%; height:55px; display:flex; align-items:center; justify-content:center;}

.dfs-daily-item .daily-minmax { display:flex; flex-wrap:wrap; width:100%; height:26px; align-items:center; justify-content:center; padding:0 4px; }
.dfs-daily-item .daily-minmax > div { width:50%; text-align:center; border-bottom:1px solid #c9daee; display:flex; align-items:center; justify-content:center;}
.dfs-daily-slide-box:hover .dfs-daily-item .daily-minmax > div ,
	.dfs-daily-slide-box:focus .dfs-daily-item .daily-minmax > div ,
	.dfs-daily-slide-box.active .dfs-daily-item .daily-minmax > div { border-bottom:1px solid  #e4e4e4; }
.dfs-daily-item .daily-minmax > div > strong { overflow:hidden;position:absolute;width:0;height:0; left:-9999px; top:-9999px; line-height:0;}
.dfs-daily-item .daily-minmax > div:nth-child(1) > span { font-weight:900; color:#028edd; height:26px; display:flex; align-items:center; justify-content:center;}
.dfs-daily-item .daily-minmax > div:nth-child(2) > span { font-weight:900; color:#a70000; height:26px; display:flex; align-items:center; justify-content:center;}


.dfs-daily-item .daily-pop-am { width:50%; height:36px; display:flex; align-items:center; justify-content:center; padding:4px 0; }
.dfs-daily-item .daily-pop-am span { font-weight:bold;}
.dfs-daily-item .daily-pop-pm { width:50%; height:36px; display:flex; align-items:center; justify-content:center; padding:4px 0; }
.dfs-daily-item .daily-pop-pm span { font-weight:bold;}
.dfs-daily-item .daily-pop-allday { width:100%; height:36px; display:flex; align-items:center; justify-content:center; padding:4px 0; }
.dfs-daily-item .daily-pop-allday span { font-weight:bold;}
.dfs-daily-slider-body { position:relative; }
.dfs-daily-slider-body .item-lbl {z-index:2; position:absolute; width:55px; left:0; top:0; bottom:16px; display:flex; flex-wrap:wrap; border-bottom:1px solid #b3ddf5; background-color:#F6F9FB;}
.dfs-daily-slider-body .item-lbl li { width: 100%; height:30px; font-size:13px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.dfs-daily-slider-body .item-lbl li:nth-child(1) { height:50px; margin-top:10px;}
.dfs-daily-slider-body .item-lbl li:nth-child(2) { height:36px;}
.dfs-daily-slider-body .item-lbl li:nth-child(3) { height:42px;}
.dfs-daily-slider-body .item-lbl li:nth-child(4) { height:36px;}

.dfs-daily-slider:before { content:''; position:absolute; left:0; bottom:0; right:0; height:16px; background-color:#fff; }
.cmp-dfs-slider .dfs-tab.daily-fcsm { background-color:#fff; border-bottom:1px solid #d1d1d1;}
.cmp-dfs-slider .dfs-tab.daily-fcsm .dfs-tab-head { display:flex; align-items:center;}
.cmp-dfs-slider .dfs-tab.daily-fcsm .dfs-tab-head h3 { font-size:18px; font-weight:700; color:#333;}
.cmp-dfs-slider .dfs-tab.daily-fcsm .dfs-tab-head .tab-btn-wrap { display:flex; padding:0; border:1px solid #2398DE; margin:0 0 0 20px; }
.cmp-dfs-slider .dfs-tab.daily-fcsm .dfs-tab-head .tab-btn { padding:2px 16px; }
.cmp-dfs-slider .dfs-tab.daily-fcsm .dfs-tab-head .tab-btn.on { background-color:#2398DE; color:#fff; }

.ts-open-box { display:none; font-size:13px; background-color:#fff; border-radius:10px; border:1px solid #B2B2B2; padding:0 15px;color:#333333; line-height:22px; margin-right:5px; color:#2B2B2B; background-color:#F4F4F4; }
.ts-open-box.active { display:block; }
.ts-open-box:hover { background-color:rgba(0,0,0,0);}