@charset "utf-8";
/************************** 
	Common
***************************/
.blind{ overflow:hidden;position:absolute;width:0;height:0; left:-9999px; top:-9999px; line-height:0;}
.hid{ overflow:hidden;position:absolute;width:0;height:0; left:-9999px; top:-9999px; line-height:0;}
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.anim { transition:all 0.3s ease; }
.pw-dimmed {position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.7);z-index:1002;display:none;}

/* === 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;}

/* tootip */
.tooltip{display:none;color:#000000;background:#efefef;font-size:14px;padding:8px 10px;position:absolute;top:44px;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;} 

.table-col td:first-of-type{border-left:1px solid #e0e6ef}
.table-col th:first-child{border-left:1px solid #e0e6ef; }
.table-col th[rowspan]:first-child{border-left:0;}
.table-col tr:first-child th:first-child{border-left:0;}
.table-col-append { border-top:0; }
.table-col-append tr:last-of-type td { border-bottom:1px solid #e0e6ef; }
.table-col-sticky.on { position:fixed; top:0; max-width:1200px;}
.sp-sea-warning .table-col td:first-of-type { border-left:0;}

/* === 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_gray.png);transition: all .3s ease-out;}
.sym-btn.sch { height: 49px; width: 60px; background-color: #939393; 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_gray.png);}
.sym-btn.star.on { border:1px solid #979797; width: 35px; height: 35px; background-color: #fff; background-size: auto 20px; background-image:url(../../image/renew/ic_sym_03_yellow_border.png);}
.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.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 26px;background-image:url(../../image/renew/ic_sym_08.png);}
.sym-btn.hamb { width: 45px; height: 45px; background-color: #fff; background-size: auto 26px;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; }
.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;}
.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;}

.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 10px; 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; }

/*로딩*/
.loading_wrap{position:absolute;top:0px;left:0px;width:100%;height:100%; display: inline-block;background: rgba(0,0,0,0.0);z-index:999}
.lds-spinner {position:relative;display:block;width:30px;height:30px;top:50%;left:50%; margin-left: -30px; margin-top: -30px; }
.lds-spinner div {transform-origin: 30px 30px;animation: lds-spinner 1.2s linear infinite;} 
.lds-spinner div:after {position: absolute;content: " ";display: block;top:10px;left:28px;width:3px;height:12px;border-radius:1.5px;background: #fff;}
.light-theme .lds-spinner div:after { background: rgba(0,0,0,0.7);}
.lds-spinner.light div:after {background: #333;}
.lds-spinner div:nth-child(1) {transform: rotate(0deg);animation-delay: -1.1s;}
.lds-spinner div:nth-child(2) {transform: rotate(30deg);animation-delay: -1s;}
.lds-spinner div:nth-child(3) {transform: rotate(60deg);animation-delay: -0.9s;}
.lds-spinner div:nth-child(4) {transform: rotate(90deg);animation-delay: -0.8s;}
.lds-spinner div:nth-child(5) {transform: rotate(120deg);animation-delay: -0.7s;}
.lds-spinner div:nth-child(6) {transform: rotate(150deg);animation-delay: -0.6s;}
.lds-spinner div:nth-child(7) {transform: rotate(180deg);animation-delay: -0.5s;}
.lds-spinner div:nth-child(8) {transform: rotate(210deg);animation-delay: -0.4s;}
.lds-spinner div:nth-child(9) {transform: rotate(240deg);animation-delay: -0.3s;}
.lds-spinner div:nth-child(10) {transform: rotate(270deg);animation-delay: -0.2s;}
.lds-spinner div:nth-child(11) {transform: rotate(300deg);animation-delay: -0.1s;}
.lds-spinner div:nth-child(12) {transform: rotate(330deg);animation-delay: 0s;}
@keyframes lds-spinner { 
	0% {
	  opacity: 1;
	}
	100% {
	  opacity: 0;
	}
}

/************************** 
	Layout
***************************/
.page-wrap { max-width:1200px; margin:0 auto;}
.special .container { width:100%;min-height:100%;position:relative;overflow:hidden;}

/************************** 
	Header
***************************/
#global-nav { position:relative; background-color:#6dc1ed;}
/* 메뉴 있는 헤더 ( 설연휴, 해돋이, 추석, 하계휴가, 수능) */
#global-nav.sp-header-newyear { height: 340px; }
#global-nav.sp-header-newyear:after { content:''; position:absolute; top:80px; left:0; right:0; bottom:0; background:url(../../image/special/newyear_visual.png) repeat-x center center; background-size: auto 260px; }
#global-nav.sp-header-summer { height: 340px; }
#global-nav.sp-header-summer:after { content:''; position:absolute; top:80px; left:0; right:0; bottom:0; background:url(../../image/special/summer_visual.png) repeat-x center center; background-size: auto 260px; }
#global-nav.sp-header-chuseok { height: 340px; }
#global-nav.sp-header-chuseok:after { content:''; position:absolute; top:80px; left:0; right:0; bottom:0; background:url(../../image/special/chuseok_visual.png) repeat-x center center; background-size: auto 260px; }
#global-nav.sp-header-csat { height: 340px; }
#global-nav.sp-header-csat:after { content:''; position:absolute; top:80px; left:0; right:0; bottom:0; background:url(../../image/special/csat_visual.png) repeat-x center center; background-size: auto 260px; }
#global-nav.sp-header-sunrise { height: 340px; background:url(../../image/special/sunrise_visual.png) repeat-x center center; background-size: auto 340px;}
#global-nav.sp-header-sunrise:after { content:''; position:absolute; top:80px; left:0; right:0; bottom:0;  }
/*#global-nav.sp-header-impact { height: 340px; }
#global-nav.sp-header-impact:after { content:''; position:absolute; top:80px; left:0; right:0; bottom:0;  }*/
.sp-header { max-width:1200px; margin:0 auto; height:80px; display:flex; flex-wrap:wrap; } 
.sp-header-logo { padding-left:10px; width:200px; }
.sp-header-logo a{ line-height: 80px; display:block; background:url(../../image/logo_mark.png) no-repeat left center; background-size:42px auto; font-size:19px; font-weight:700; color:#fff; padding-left:48px;}
.sp-header-menu { width:calc(100% - 400px); display:flex; flex-wrap:nowrap; justify-content:space-evenly; align-items:center; }
.sp-header-menu-item { position:relative; }
.sp-header-menu-item a { display:flex; align-items:center; height:52px; text-align:center; }
.sp-header-menu-item a span { line-height:24px; padding-top:2px; font-size:22px; font-weight:300; padding-left:20px; padding-right:20px; color:#fff; }
.sp-header-menu-item a.on { border:2px solid #fff; }
.sp-header-menu-item a.on span { font-weight:500; }

.sp-header-sunrise > div { background-color:rgba(0,0,0,0.1); max-width:unset;}

/* 제목만 있는 헤더 ( 산불 기상지원, 해양사고 기상지원, 웰컴 ) */
.sp-hero-header { max-width:1200px; margin:0 auto; height:80px; display:flex; flex-wrap:wrap; }
.sp-hero-header-logo { padding-left:10px; width:200px; align-self:center;}
.sp-hero-header-logo a{ line-height: 80px; display:block; background:url(../../image/logo_mark.png) no-repeat left center; background-size:42px auto; font-size:19px; font-weight:700; color:#fff; padding-left:48px;}
.sp-hero-header-title { width:calc(100% - 400px); display:flex; flex-wrap:nowrap; justify-content:space-around; }
.sp-hero-header-title-item { font-size:30px; font-weight:300;  color:#fff; align-self:center; justify-self:center; }
.sp-hero-header-title-item strong { font-weight:500; }

/* 산불 기상지원 헤더*/
.sp-header-forest-fire{ background-color:#00A9CD;}
.sp-header-forest-fire .sp-hero-header { height:114px; background:url(../../image/special/bg_forest_fire_header_230228.png) no-repeat right bottom #6dc1ed; background-size:auto 100%;}
/* 해양사고 기상지원 헤더*/
.sp-header-marine-accident{ background-color:#00A9CD;}
.sp-header-marine-accident .sp-hero-header { height:114px; background:url(../../image/special/bg_marine_acc_header.png) no-repeat right bottom #00A9CD; background-size:auto 100%;}

/* 웰컴 */
.sp-welcome { display:flex; flex-wrap:wrap; padding:10px; width:100%; max-width:1200px; margin-top:30px 0px; }
.sp-welcome-item { transition:all 0.2s ease; padding:10px; width:calc(100% / 3);}
.sp-welcome-item > span {display:block; background-color:#EEF2F7; }
.sp-welcome-item > span > a { height:160px; font-size:22px; font-weight:300; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
.sp-welcome-item > span > a > span { text-align:center; }
.sp-welcome-item:nth-child(3n) { margin-left:0;}
.sp-welcome-item.sp-welcome-item-newyear > span { background:url(../../image/special/bg_welcome_01.png) no-repeat center center #F5F3E8; background-size:auto 100%;}
/************************** 
	Content
***************************/
.sp-page-title { position:relative; color:#00A9CD; font-size:24px; font-weight:700; line-height:66px; padding-left:16px; display:block; margin-top:8px;}

/* 산불기상지원 */
.sp-map { display:flex; flex-wrap:wrap; background-color:#eef2f7; position:relative; }
.sp-map-control { width:550px; position:relative; }
.sp-map-wrap { width:calc(100% - 550px); min-height:600px; overflow:hidden;}
.sp-map .cmp-form-select { width:100%; }
.sp-map .cmp-form-select .select { width:calc(100% - 150px); }
.sp-map .cmp-form-select .select select { width:100%; }
.kmap-app { position:relative; }
.sp-map .legend-position { right:auto; left:10px; }
.sp-map .cmp-form-box { position:absolute; width:510px; left:20px; bottom:20px;}

.cmp-sp-pos { display:flex; flex-wrap:wrap; padding:10px 0; align-items:stretch; }
.cmp-sp-pos-item { width:calc(100%  / 3); }
.cmp-sp-pos-item > span { border:1px solid #C4D5E6; display:block; margin:0 10px; }
.cmp-sp-pos-item:first-child > span { margin-left:0; }
.cmp-sp-pos-item:last-child > span { margin-right:0; }
.cmp-sp-pos-item > span > a { line-height:26px; padding:10px 5px; display:block; text-align:center; font-size:20px; }
.cmp-sp-pos-item > span > a.on { font-weight:600; color:#0070E9;}
.cmp-sp-pos-item > span > a > span:nth-child(2):before { content:'-'; padding:0 5px; }
.cmp-sp-pos-item:nth-child(3n) > span { margin-right:0; }
.cmp-sp-pos-item:nth-child(3n+1) > span { margin-left:0; margin-right:10px; }
.cmp-sp-pos-item:nth-child(n+4) { margin-top:5px; }
.cmp-sp-pos.no-pos { height:70px; justify-content:center; align-items:center; /* border-bottom:1px solid #C4D5E6; */ }
.cmp-sp-pos.no-pos strong { font-size:22px; color:#0070E9; }
.cmp-sp-image { padding:40px 40px; }
.cmp-sp-image-header { float: right; padding: 5px 5px 20px 5px; font-size: 18px;}
.cmp-sp-image-dual { margin-bottom:20px; padding:10px; display:flex; flex-wrap:wrap; background-color:#eef2f7; }
.cmp-sp-image-dual > * { width:calc(50% - 20px); margin:10px; }
.cmp-sp-image-foot { display:flex; flex-wrap:wrap; justify-content:center; margin-top:40px; }
.cmp-sp-image-foot a { border:1px solid #00A9CD; line-height:46px; font-size:18px; font-weight:400; width:370px; text-align:center; position:relative; }
.cmp-sp-image-foot a:after { content: '▾'; 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(180deg); transition: all 0.2s; }
.cmp-sp-image-foot a.on:after { transform: rotateZ(0deg); }

/* 해양사고 기상지원 */
.sp-embeded-image-player-wrap { position:relative; }
.sp-embeded-image-player-wrap .sp-map .cmp-form-box {position:relative; width:100%; left:auto; bottom:auto;}
.sp-embeded-image-player-wrap .sp-map-wrap { position:relative; width:100%; min-height:500px; overflow:hidden;}
.sp-marine-accident .cmp-sp-image{ padding:20px;} 
/* 동네예보 슬라이더 */
.sp-digital-forecast { position:relative; }

/* 해상 파고 초단기 예측 */
.sp-wave-predict { position:relative; min-height:220px; }
/* 전국 특보 */
.sp-global-warning { margin:0 auto; max-width:1200px; position:relative; }
.sp-global-warning:after { content:''; display:block; clear: both; }
.cmp-main-wrn { overflow: visible; position:absolute; width:100%;}
.cmp-main-wrn [class*="box-con"]{position:relative;float:right; margin-top:-324px; margin-right:20px;height:47px;line-height:47px;border-radius:9px;color:#000;border:1px solid #000;background:#fff;text-align:center;font-size:19px; padding:0 18px; }
.cmp-main-wrn [class*="box-con"] button{color:#fff;font-size:18px;}
.cmp-main-wrn [class*="box-con"] > span{display:block;padding-left:4px; padding-right:4px; width:calc(100% - 8px);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 .accordion-con{border:2px solid #bb0000;border-top:5px solid #bb0000;padding:0 18px;background:#eef2f7;position:relative;z-index:100; margin-top:-260px; width:100%;}
.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/sub-tab-icon-off.png');vertical-align:middle;margin-left:7px;margin-top:-3px;}
.cmp-main-wrn [class*="tab-btn"] button.on .icon{background:url('../../image/sub-tab-icon-on.png');}
.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;}

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

/* 예보요약 */
.sp-weather-summary { margin-bottom:20px; }
.sp-weather-summary .over-scroll { position:relative; }
.sp-weather-cmt { border:1px solid #E1E6EF; padding:29px; background-color:#EEF2F7; margin-bottom:20px; min-height:340px; position:relative;}
.sp-weather-cmt-box { display:flex;}
.sp-weather-cmt-video { width: 500px; height:280px;}
.sp-weather-cmt-video iframe { height:280px;}
.sp-weather-cmt-cont { width:calc(100% - 500px); padding:20px; padding-top:0; position:relative;}
.sp-weather-cmt-cont h2 {font-size:22px; font-weight:700; }
.sp-weather-cmt-txt { font-size:18px; padding:4px 0;}
.sp-weather-cmt-txt-box { background-color:#fff; position:absolute; }
.sp-weather-cmt-txt-box-inner {height:220px; overflow-y:auto; font-size:18px; line-height:32px;border:1px solid #fff;}
.sp-weather-cmt-txt-box-inner p { padding:10px 20px; background:#fff; }
.sp-weather-cmt-txt-box.more { z-index:1004; top:-55px;}
.sp-weather-cmt-txt-box.more .sp-weather-cmt-txt-box-inner { height:auto; max-height:500px; ;border:1px solid #00A8CC;}
.sp-weather-cmt-txt-box-close { display:none; position:absolute; top:4px; right:8px; text-indent:-9999px; width:40px; height:40px; background:url(../../image/special/ic_close_blue.png) no-repeat center center; background-size:16px; background-color:#fff; border-radius:64px;}
.sp-weather-cmt-txt-box.more .sp-weather-cmt-txt-box-close { display:block; }
.sp-weather-cmt-txt-box-close:hover { background-color:#f5f5f5;}
.sp-weather-cmt-more { position:absolute; display:inline-block; right:8px; bottom: 8px; font-size:14px; color:#fff;}
.sp-weather-cmt-more span { display:block; line-height:27px; padding:0 30px; padding-top:1px; background:#98B2CC; font-weight:400; }

/* 하단 연결 */
.sp-sub-link { margin-bottom:20px; }
.sp-sub-link > h2 { line-height:80px; font-size:26px; font-weight:700; color:#000; padding-left:24px;}
.sp-sub-link > ul { display:flex;}
.sp-sub-link > ul > li { width:calc(50% - 20px); height:133px; margin-right:20px; position:relative;}
.sp-sub-link > ul > li:nth-child(1) { background:url(../../image/special/bg_01.png) no-repeat center center; background-size:cover;}
.sp-sub-link > ul > li:nth-child(2) { background:url(../../image/special/bg_02.png) no-repeat center center; background-size:cover;}
.sp-sub-link > ul > li:nth-child(3) { background:url(../../image/special/bg_01.png) no-repeat center center; background-size:cover;}
.sp-sub-link > ul > li:nth-child(4) { background:url(../../image/special/bg_02.png) no-repeat center center; background-size:cover;}
.sp-sub-link > ul > li > a { position:absolute; left:0; top:0; right:0; bottom:0; }
.sp-sub-link > ul > li > a span { display:block; width:100%; line-height:133px; font-size:24px; text-align:center; color:#fff; }
.sp-sub-link > ul > li > a:after { content:''; position:absolute; width:48px; height:48px;right:0; bottom:0; background:url(../../image/special/ic_arrow_99.png) no-repeat center center; background-size:13px; background-color:#fff;}

.sp-sub-link-summer > ul > li { width:calc(25% - 10px); height:133px; margin-right:10px; position:relative;}
.sp-sub-link-summer > ul > li:nth-child(1) { background:url(../../image/banner11.png) no-repeat center center; background-size:cover;}
.sp-sub-link-summer > ul > li:nth-child(2) { background:url(../../image/banner16.png) no-repeat center center; background-size:cover;}
.sp-sub-link-summer > ul > li:nth-child(3) { background:url(../../image/banner05.png) no-repeat center center; background-size:cover;}
.sp-sub-link-summer > ul > li:nth-child(4) { background:url(../../image/banner10.png) no-repeat center center; background-size:cover;}


/* 외부 연결 */
.sp-ext-link { margin-top:30px; margin-bottom:30px; position:relative; padding:20px 20px 20px 0px; background-color:#EEF2F7;}
.sp-ext-link > h2 { position:absolute; font-size:26px; margin-top:-13px; top:50%; font-weight:700; color:#000; left:24px;}
.sp-ext-link > ul { display:flex; padding-left:200px;}
.sp-ext-link > ul > li { flex:1; padding-left:4px; }
.sp-ext-link > ul > li a { display:flex; align-items: center; height:88px; background-color:#00A9CD; background-size:28px; color:#fff; font-size:18px; font-weight:400; padding-left:47px;}
.sp-ext-link > ul > li a.traffic { background-image:url(../../image/special/ic_bus.png); background-repeat:no-repeat; background-position:8px center; background-color: #00A9CD; min-width:140px; }
.sp-ext-link > ul > li a.airport-weather { background-image:url(../../image/special/ic_airplane.png); background-repeat:no-repeat; background-position:8px center; background-color: #00A9CD; min-width:140px;}
.sp-ext-link > ul > li a.port-weather { background-image:url(../../image/special/ic_ship.png); background-repeat:no-repeat; background-position:8px center; background-color: #00A9CD;  min-width:165px;}
.sp-ext-link > ul > li a.coast-weather { background-image:url(../../image/special/ic_coast.png); background-repeat:no-repeat; background-position:8px center; background-color: #00A9CD; min-width:165px;}
.sp-ext-link > ul > li a.hill-weather { background-image:url(../../image/special/ic_hill_road.png); background-repeat:no-repeat; background-position:8px center; background-color: #00A9CD; min-width:155px;}
.sp-ext-link > ul > li a.jeju-weather { background-image:url(../../image/special/ic_jeju_dol.png); background-repeat:no-repeat; background-position:8px center; background-color: #00A9CD; min-width:140px;}
/* 외부연결 산불기상지원 */
.sp-ext-link > ul > li a.nifos { background-image:url(../../image/special/ic_nifos.png); background-repeat:no-repeat; background-position:8px center; background-color: #00A9CD; background-size:36px; min-width:140px;}
.sp-ext-link > ul > li a.afso { background-image:url(../../image/special/ic_afso.png); background-repeat:no-repeat; background-position:8px center; background-color: #00A9CD; background-size:36px; min-width:140px;}
.sp-ext-link > ul > li a.marine-kma { background-image:url(../../image/special/ic_marine-kma.png); background-repeat:no-repeat; background-position:8px center; background-color: #00A9CD; background-size:36px; min-width:140px;}
.sp-ext-link > ul > li a.global-amo { background-image:url(../../image/special/ic_global-amo.png); background-repeat:no-repeat; background-position:8px center; background-color: #00A9CD; background-size:36px; min-width:140px;}
/* 육상예보*/
.sp-land-forecast {margin-bottom:20px;}
.sp-land-forecast .table-col { table-layout:fixed; min-width:1200px;}
.sp-land-forecast .table-col tbody td:first-of-type{border-left:0;}
.sp-land-forecast .table-col tbody th:first-of-type{border-left:0; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; }
.sp-land-forecast thead tr:first-of-child th { font-weight:700; }
.sp-land-forecast thead th { font-size:18px; padding:8px 2px;}
.sp-land-forecast tbody th { font-size:18px; text-align:center; padding:8px 2px;}
.sp-land-forecast tbody td { font-size:18px; text-align:center; padding:8px 2px;}
.sp-land-forecast tbody td:first-of-type { font-weight:700;}
.sp-land-forecast tbody td span { font-size:16px; }
.sp-land-forecast tbody td .pop { font-size:14px; display:block; text-align:center; }
.sp-land-forecast tbody td .tmn { color:#00A9CD;}
.sp-land-forecast tbody td .tmx { color:#E70400;}
.sp-land-forecast tbody td.sp-land-forecast-area-group { background-color: #EEF2F7; font-weight:700; font-size:18px; border-bottom:1px solid #000; }
.sp-land-forecast .border-bottom-light-color { border-bottom-color:#e0e6ef; }

.sp-land-forecast-filter { padding:6px; border-top:1px solid #CBC8C8; position:relative; }
.sp-land-forecast-filter-title { text-align:right; }
.sp-land-forecast-filter-title a { font-size:16px; line-height:38px; padding-left:28px; padding-right:6px; background:url(../../image/renew/ic_sym_02.png) no-repeat left center; background-size:24px; color:#000;}
.sp-land-forecast-filter-con { z-index:1024; display:none; position:absolute; right:0; font-size:18px; line-height:32px;border:1px solid #00A8CC; padding:8px; background-color:#fff;}
.sp-land-forecast-filter-con ul { padding-right:30px; }
.sp-land-forecast-filter-con ul li { display:block;}
.sp-land-forecast-filter-con ul li a { padding-left:30px; background:url(../../image/special/ic_unchecked.png) no-repeat left center; background-size:30px; font-size:18px; font-weight:500; line-height:44px;}
.sp-land-forecast-filter-con ul li a.checked { background-image:url(../../image/special/ic_checked.png); }
.sp-land-forecast-filter-con-close { position:absolute; top:4px; right:4px; text-indent:-9999px; width:40px; height:40px; background:url(../../image/special/ic_close_blue.png) no-repeat center center; background-size:16px; background-color:#fff; border-radius:64px;}
.sp-land-forecast-filter-con-close:hover { background-color:#f5f5f5;}

/* 바다예보 */
/* 검색 */
.sp-sea-area-sch{margin-top:10px; display:flex;}
.sp-sea-area-sch .serch-area{position:relative;z-index:1; }
.sp-sea-area-sch .serch-area .serch-area-btn{color:#333333;border-radius:5px; border:1px solid #CBCBCB; line-height:49px; height:49px;width:600px; padding-left:18px; font-size:18px;padding-right:40px;text-align:left;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.sp-sea-area-sch .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;}
.sp-sea-area-sch .serch-util { margin-left:5px; }

.sp-sea-area-sch .serch-con{position:absolute;top:50px;background:#ffffff;width:100%;overflow:auto; }
.sp-sea-area-sch .serch-con a, 
	.sp-sea-area-sch .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;}
.sp-sea-area-sch .serch-con a:hover,
	.sp-sea-area-sch .serch-con a:hover {background:#dfe6f0;color:#000}
.sp-sea-area-sch .serch-con-item { padding:2px;}

.sp-sea-area-sch .serch-area .serch-area-btn:after{background:url(../../image/arrow_down03.png);}
.sp-sea-area-sch .serch-util-btn02{background-image:url(../../image/srch-icon04.png);margin-left:0; background-size:100% 100%;}
.sp-sea-area-sch .serch-util .serch-util-btn01{background-image:url(../../image/srch-icon01.png);background-size:100% 100%;}
.sp-sea-area-sch .serch-util .serch-util-btn03{background-image:url(../../image/srch-icon03_2.png);background-size:100% 100%}
.sp-sea-area-sch .serch-con{border:1px solid #e0e6ef;}

/* 바다 특보 버튼과 레이어 */
.sp-sea-warning { position:relative;}
.sp-sea-warning [class*="box-con"]{position:absolute;right:0;top:-45px;width:200px;height:40px;line-height:40px;border-radius:5px;color:#fff;background:#000;text-align:center;font-size:18px;display:block;}
.sp-sea-warning [class*="box-con"] button{color:#fff;font-size:18px;}
.sp-sea-warning .box-con-on{background:#bb0000;padding-right:30px;cursor: pointer;}
.sp-sea-warning .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%;}
.sp-sea-warning .box-con-on.on:after{transform:rotateX(0);}
.sp-sea-warning .accordion-con{border:2px solid #bb0000;border-top:5px solid #bb0000;padding:0 18px;background:#eef2f7;position:relative;}
.sp-sea-warning .tab-wrap01{position:relative;padding-bottom:15px;}
.sp-sea-warning .tab-wrap01 .tooltip{top:50px}
.sp-sea-warning .accordion-con{padding-bottom:70px;}
.sp-sea-warning .tit{font-size:30px;color:#000;font-weight:700;padding:10px 0;}
.sp-sea-warning .tit span{font-weight:300;}
.sp-sea-warning .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;}
.sp-sea-warning .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}
.sp-sea-warning .lev1{display:inline-block;background:#fbeee5;color:#a64200;width:90px;height:40px;line-height:40px;border-radius:5px;font-weight:700;}
.sp-sea-warning .lev2{display:inline-block;background:#f8e5e5;color:#bb0000;width:90px;height:40px;line-height:40px;border-radius:5px;font-weight:700;}

/* 바다 예보 지도 및 단기, 중기 */
.sp-sea-daily-forecast{background:#eef2f7;padding:20px;overflow:hidden;margin-top:20px;position:relative;padding-left:421px;}
.sp-sea-daily-forecast .img-con{position:absolute;left:20px;top:20px;width:381px;}

.sp-sea-daily-forecast [class*='img-area']{position:absolute;display:none;font-family:'scd-medium', sans-serif;letter-spacing:0;z-index:0;}
.sp-sea-daily-forecast [class*='img-area'].on{display:block;}
.sp-sea-daily-forecast [class*='img-area'] [class*='button-area']{position:absolute;left:0;top:0;width:100%;height:100%;}
.sp-sea-daily-forecast .right-con .img-area1 .txt{font-size:15px;color:#fff;line-height:1;position:absolute;margin-bottom:0;}
.sp-sea-daily-forecast .right-con .img-area1 .w01{left:10px;top:43px;}
.sp-sea-daily-forecast .right-con .img-area1 .w02{left:10px;top:157px;}
.sp-sea-daily-forecast .right-con .img-area1 .w03{left:10px;top:293px;}
.sp-sea-daily-forecast .right-con .img-area1 .w04{left:125px;top:364px;}
.sp-sea-daily-forecast .right-con .img-area1 .w05{left:96px;top:454px;}
.sp-sea-daily-forecast .right-con .img-area1 .w06{left:250px;top:372px;}
.sp-sea-daily-forecast .right-con .img-area1 .w07{left:312px;top:245px;}
.sp-sea-daily-forecast .right-con .img-area1 .w08{left:282px;top:84px;}
.sp-sea-daily-forecast .right-con .img-area1 .w09{left:256px;top:10px;}
.sp-sea-daily-forecast .right-con .img-area1 [class*='img-flid']{position:absolute;overflow:hidden;}
.sp-sea-daily-forecast .right-con .img-area1 [class*='img-flid'] .imgtab-btn{width:100%;height:100%;position:absolute;}
.sp-sea-daily-forecast .right-con .img-area1 .img-flid1{width:100px;height:109px;left:0;top:0}
.sp-sea-daily-forecast .right-con .img-area1 .img-flid2{width:157px;height:104px;left:0;top:109px}
.sp-sea-daily-forecast .right-con .img-area1 .img-flid3{width:204px;height:287px;left:0;top:213px;}
.sp-sea-daily-forecast .right-con .img-area1 .img-flid3 .img-flid{width:204px;height:226px;bottom:0;right:0;z-index:1;}
.sp-sea-daily-forecast .right-con .img-area1 .img-flid4{width:177px;height:351px;right:0;top:149px;}
.sp-sea-daily-forecast .right-con .img-area1 .img-flid5{width:195px;height:115px;right:0;top:35px}
.sp-sea-daily-forecast .right-con .img-area1 .img-flid6{width:197px;height:35px;right:0;top:0}
.sp-sea-daily-forecast .right-con .img-area1 .non-click{position:absolute;top:149px;left:157px;width:120px;height:124px;z-index:10;}
.sp-sea-daily-forecast .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;}
.sp-sea-daily-forecast .right-con .img-area1 [class*='img-flid'] .imgtab-btn[data-imgtab='5']{height:140px;top:0;right:0;}
.sp-sea-daily-forecast .right-con .img-area1 [class*='img-flid'] .imgtab-btn[data-imgtab='7']{height:90px;bottom:0;right:0;}
.sp-sea-daily-forecast .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}
.sp-sea-daily-forecast .right-con .img-area1 [class*='img-flid'] .imgtab-btn[data-imgtab='8']{width:105px;z-index:1;right:0;}
/* .sp-sea-daily-forecast .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;} */

.sp-sea-daily-forecast [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;}
.sp-sea-daily-forecast [class*='img-area'] .button-area02 .sub-txt{font-family:'scd-medium', sans-serif;color:#fff;font-size:22px;line-height:1;position:absolute;}
.sp-sea-daily-forecast [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;}
.sp-sea-daily-forecast [class*='img-area'] .button-area02 [class*="circle-btn"] span{padding-top:16px;position:absolute;left:5px;top:5px;right:5px;bottom:5px;}
.sp-sea-daily-forecast [class*='img-area'] .button-area02 [class*="circle-btn"].on span,
.sp-sea-daily-forecast [class*='img-area'] .button-area02 [class*="circle-btn"]:hover span,
.sp-sea-daily-forecast [class*='img-area'] .button-area02 [class*="circle-btn"]:focus span{background:#0270e9;border-radius:100%;vertical-align:middle;box-shadow:none;}
.sp-sea-daily-forecast [class*='img-area'] .button-area02 [class*="circle-btn"].on,
.sp-sea-daily-forecast [class*='img-area'] .button-area02 [class*="circle-btn"]:hover,
.sp-sea-daily-forecast [class*='img-area'] .button-area02 [class*="circle-btn"]:focus{background:url(../../image/circle-btn-on.png);background-size:100%;box-shadow:none;}
.sp-sea-daily-forecast [class*='img-area'] .button-area02 [class*="icon-txt-btn"]{font-family:'scd-medium', sans-serif;font-size:15px;color:#000;padding:3px 0;padding-left:20px;position:absolute;text-align:left;}
.sp-sea-daily-forecast [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;}
.sp-sea-daily-forecast [class*='img-area'] .button-area02 [class*="icon-txt-btn"].on span,
.sp-sea-daily-forecast [class*='img-area'] .button-area02 [class*="icon-txt-btn"]:hover span,
.sp-sea-daily-forecast [class*='img-area'] .button-area02 [class*="icon-txt-btn"]:focus span{line-height:17px;background:url(../../image/text-bg02.png);}


.sp-sea-daily-forecast .img-area2 .sub-txt{left:20px;top:74px;}
.sp-sea-daily-forecast .img-area2 .circle-btn1{left:151px;top:38px;}
.sp-sea-daily-forecast .img-area2 .circle-btn2{left:22px;top:184px;}

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

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

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

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

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

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

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

.sp-sea-daily-forecast .img-area10 .sub-txt{left:255px;top:12px;}
.sp-sea-daily-forecast .img-area10 .circle-btn1{left:168px;top:6px;}
.sp-sea-daily-forecast .img-area10 .circle-btn2{left:57px;top:6px;}



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

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

.sp-sea-mid-forecast img{width:40px;}
.sp-sea-mid-forecast{margin-top:50px;}
.sp-sea-mid-forecast .tit{font-size:30px;color:#000;font-weight:700;padding:10px 0;margin-bottom:5px;position:relative;}
.sp-sea-mid-forecast .tit .tooltip{top:50px;}
.sp-sea-mid-forecast .tit strong{color:#006fe8;}
.sp-sea-mid-forecast .over-scroll{max-width:100%;}
.sp-sea-mid-forecast .gf-cont{border-top:1px solid #e0e6ef;border-bottom:1px solid #e0e6ef;padding:20px 0;width:1200px;}
.sp-sea-mid-forecast .gf-cont li{float:left;}
.sp-sea-mid-forecast .gf-01{overflow:hidden;line-height:35px;}
.sp-sea-mid-forecast .gf-01 li:nth-child(n + 2){width:123px;background:#eef2f7;color:000;font-size:15;text-align:center;margin-right:2px;}
.sp-sea-mid-forecast .gf-cont > [class*="gf-0"] > *:first-of-type{width:60px;color:#595959;text-align:center;}
.sp-sea-mid-forecast .gf-02{overflow:hidden;}
.sp-sea-mid-forecast .gf-02 li{width:62px;text-align:center;}
.sp-sea-mid-forecast .gf-02 span{display:block;margin:20px 0 5px;}
.sp-sea-mid-forecast .gf-02 li:first-of-type{line-height:90px;}
.sp-sea-mid-forecast .gf-03 div:first-of-type{height:105px;line-height:105px;}
.sp-sea-mid-forecast .gf-04{overflow:hidden;}
.sp-sea-mid-forecast .gf-04{overflow:hidden;line-height:35px;}
.sp-sea-mid-forecast .gf-04 li{width:62px;text-align:center;}
.sp-sea-mid-forecast .gf-05{overflow:hidden;}
.sp-sea-mid-forecast .gf-05{overflow:hidden;line-height:70px;}
.sp-sea-mid-forecast .gf-05 li{width:62px;text-align:center;}
.sp-sea-mid-forecast .gf-05 li:first-of-type{line-height:140%;margin-top:18px;}
#sea-today-short-term { min-height:394px;  position: relative;}
#sea-today-mid-term { min-height: 334px; height: 334px; position: relative;}
.sp-sea-daily-forecast .right-con { min-height: 499px;}
.sp-sea-mid-forecast .gf-01 li:nth-child(n+2) { width: 17%  }
.sp-sea-mid-forecast .gf-01 li:nth-child(n+2).half { width: 8.3%;}
.sp-sea-mid-forecast .gf-02 li:nth-child(n+2) { width: 8.55%;  }
.sp-sea-mid-forecast .gf-03 { position: relative; }
.sea-wave-chart-wrapper { margin-left:55px; display: inline-block; position: absolute; width: calc(100% - 55px); top: 0px; height: 105px; overflow: hidden;}
.sea-wave-chart-wrapper.omit-first-day {  width: calc(100% - 275px);  margin-left:57px; }
#sea-wave-chart {height: 230px; margin-top: -50px;}
 
/* 수능지원 */
.sp-sat-school { padding-bottom:20px; }
.sp-sat-school .sp-sat-school-name { padding:10px; margin-top:10px; font-size:26px; }
.sp-sat-school .sp-sat-school-name strong { color:#0070E9; font-weight:600; }
.sp-sat-school .sp-sat-school-name strong:before { content:'['}
.sp-sat-school .sp-sat-school-name strong:after { content:']'}

.sp-sat-school-search { width:550px; position:relative; padding:20px; }
.sp-sat-school-search .cmp-school-search { padding:0; }
.sp-sat-school-info { padding:20px 0; }
.sp-sat-school-info h2 { font-size:26px; text-align:center; padding:10px 0;}
.sp-sat-school-info h3 { font-weight:600; font-size:30px; line-height:50px; color:#0070E9; }
.sp-sat-school-info h3:before { content:'['; }
.sp-sat-school-info h3:after { content:']'; }
.sp-sat-school-info .table-col th { font-weight:500; }
.sp-sat-school-info .table-col th:first-of-type { border-left:0; }
.sp-sat-school-info .table-col tbody tr:not(:last-child) th { border-bottom:1px solid #e0e6ef;}
.sp-sat-school-info-none { padding:20px 0; }
.sp-sat-school-info-none h2 { font-size:26px; text-align:center; padding:10px 0;}
.sp-sat-school-info-none h3 { font-weight:600; text-align:center; font-size:30px; line-height:50px; color:#0070E9; }
.sp-sat-school-info-none h3:before { content:'['; }
.sp-sat-school-info-none h3:after { content:']'; }
.sp-sat-school-info-none .table-col { display:none; }

.sp-sat-school-list { margin-top:20px; position:relative; }
.sp-sat-school-list h2 > a { position:relative; display:block; color:#3F3F3F; font-size:20px; padding:10px; padding-left:20px; font-weight:600; background-color:#fff; border:1px solid #C3D4E6; }
.sp-sat-school-list h2 > a:after { content: '▾'; display:block; position:absolute; 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; }
.sp-sat-school-list h2 > a.on:after { transform: rotateZ(180deg); }
.sp-sat-school-list p { padding:10px; font-size:16px; }
.sp-sat-school-group { position:absolute; width:100%; top:50px; display:flex; display:none; align-items:stretch; border:1px solid #00A8CC; background-color:#fff; z-index:1024;}
.sp-sat-school-group > div { flex:1; }
.sp-sat-school-group > div h3 { font-size:20px; text-align:center; padding:10px 0;border-bottom:1px solid #eee;}
.sp-sat-school-group > div ul { max-height:720px; overflow-y:auto; position:relative;}
.sp-sat-school-group > div li { display:block; }
.sp-sat-school-group > div:nth-child(2) li { background-color:#EEF2F7;}
.sp-sat-school-group > div li a { display:block; position:relative; text-align:center; padding:10px 0; font-size:18px; color:#000;}
.sp-sat-school-group > div li a.on, 
    .sp-sat-school-group > div li a:hover, 
    .sp-sat-school-group > div li a:focus, 
    .sp-sat-school-group > div li a.on:hover, 
    .sp-sat-school-group > div li a.on:focus { color:#fff; background-color:#01A9CD; }
.sp-sat-school-group > div li a.on:after, 
    .sp-sat-school-group > div li a.on:hover:after,
    .sp-sat-school-group > div li a.on:focus:after { content: '▾'; display:block; position:absolute; color:#fff; font-size: 18px; width: 18px; height: 18px; line-height: 18px; text-align: center; right: 8px; top: 50%; margin-top: -9px; transform: rotateZ(270deg); transition: all 0.2s; }

.sp-sat-school-group > div:nth-child(2) li a:hover, 
    .sp-sat-school-group > div:nth-child(2) li a:focus,
    .sp-sat-school-group > div:nth-child(2) li a.on,
    .sp-sat-school-group > div:nth-child(2) li a.on:hover,
    .sp-sat-school-group > div:nth-child(2) li a.on:focus { color:#000; background-color:#fefefe; }

/* 해돋이 해넘이 */
.sp-sunriset-zone { padding-bottom:20px; }
.sp-sunriset-zone .sp-map { padding:10px; }
.sp-sunriset-zone .sp-sunriset-zone-name { padding:10px; margin-top:10px; font-size:26px; }
.sp-sunriset-zone .sp-sunriset-zone-name strong { color:#0070E9; font-weight:600; }
.sp-sunriset-zone .sp-sunriset-zone-name strong:before { content:'['}
.sp-sunriset-zone .sp-sunriset-zone-name strong:after { content:']'}
.sp-sunriset-zone .sp-map-wrap { width:calc(100% - 600px); padding:10px; }
.sp-sunriset-zone-search { width:600px; position:relative; padding:10px; }
.sp-sunriset-zone-search > h2 { font-size:26px; text-align:center; padding:10px 0; margin:30px 0; }
.sp-sunriset-zone-info { padding:20px 0; margin-top:30px; }
.sp-sunriset-zone-info h2 { font-size:26px; text-align:center; padding:10px 0;}
.sp-sunriset-zone-info h3 { font-weight:600; font-size:30px; line-height:50px; color:#0070E9; }
.sp-sunriset-zone-info h3 span:before { content:'['; }
.sp-sunriset-zone-info h3 span:after { content:']'; }
.sp-sunriset-zone-info h3 address { display:inline; color:#000; font-size:20px; padding-left:10px; }
.sp-sunriset-zone-info .table-col th { font-weight:600; }
.sp-sunriset-zone-info .table-col th:first-of-type { border-left:0; }
.sp-sunriset-zone-info .table-col tbody tr:not(:last-child) th { border-bottom:1px solid #e0e6ef;}
.sp-sunriset-zone-info-none { padding:20px 0; }
.sp-sunriset-zone-info-none h2 { font-size:26px; text-align:center; padding:10px 0;}
.sp-sunriset-zone-info-none h3 { font-weight:600; text-align:center; font-size:30px; line-height:50px; color:#0070E9; }
.sp-sunriset-zone-info-none h3:before { content:'['; }
.sp-sunriset-zone-info-none h3:after { content:']'; }
.sp-sunriset-zone-info-none .table-col { display:none; }

.sp-sunriset-zone-list { margin-top:20px; display:flex; justify-content:space-between; }
.sp-sunriset-zone-group { width:calc(50% - 10px); position:relative; }
.sp-sunriset-zone-group h2 > a { position:relative; display:block; color:#3F3F3F; font-size:20px; padding:16px 20px; text-align:center; font-weight:600; background-color:#fff; border:1px solid #C3D4E6; }
.sp-sunriset-zone-group h2 > a:after { content: '▾'; display:block; position:absolute; font-size: 20px; width: 18px; height: 18px; line-height: 18px; text-align: center; right: 16px; top: 50%; margin-top: -9px; transform: rotateZ(0deg); transition: all 0.2s; }
.sp-sunriset-zone-group h2 > a.on:after { transform: rotateZ(180deg); }
.sp-sunriset-zone-group p { padding:10px; font-size:16px; }
.sp-sunriset-zone-list .sp-sunriset-zone-group:nth-child(2) .sp-sunriset-zone-group-cont { left:auto; right:0;}
.sp-sunriset-zone-group-cont { position:absolute; width:450px; top:50px; left:0; display:flex; display:none; align-items:stretch; border:1px solid #00A8CC; background-color:#fff; z-index:1024;}
.sp-sunriset-zone-group-cont > div[data-group="zone"] { background-color:#EEF2F7;}
.sp-sunriset-zone-group-cont > div { flex:1; }
.sp-sunriset-zone-group-cont > div h3 { background-color:#fff; font-size:20px; text-align:center; padding:10px 0;border-bottom:1px solid #eee;}
.sp-sunriset-zone-group-cont > div ul { max-height:720px; overflow-y:auto; position:relative;}
.sp-sunriset-zone-group-cont > div li { display:block; }
.sp-sunriset-zone-group-cont > div:nth-child(2) li { background-color:#EEF2F7;}
.sp-sunriset-zone-group-cont > div li a { display:block; position:relative; text-align:center; padding:10px 0; font-size:16px; color:#000;}
.sp-sunriset-zone-group-cont > div li a.on, 
    .sp-sunriset-zone-group-cont > div li a:hover, 
    .sp-sunriset-zone-group-cont > div li a:focus, 
    .sp-sunriset-zone-group-cont > div li a.on:hover, 
    .sp-sunriset-zone-group-cont > div li a.on:focus { color:#fff; background-color:#01A9CD; }
.sp-sunriset-zone-group-cont > div li a.on:after, 
    .sp-sunriset-zone-group-cont > div li a.on:hover:after,
    .sp-sunriset-zone-group-cont > div li a.on:focus:after { content: '▾'; display:block; position:absolute; color:#fff; font-size: 18px; width: 18px; height: 18px; line-height: 18px; text-align: center; right: 8px; top: 50%; margin-top: -9px; transform: rotateZ(270deg); transition: all 0.2s; }

.sp-sunriset-zone-group-cont > div:nth-child(2) li a:hover, 
    .sp-sunriset-zone-group-cont > div:nth-child(2) li a:focus,
    .sp-sunriset-zone-group-cont > div:nth-child(2) li a.on,
    .sp-sunriset-zone-group-cont > div:nth-child(2) li a.on:hover,
    .sp-sunriset-zone-group-cont > div:nth-child(2) li a.on:focus { color:#000; background-color:#fefefe; }

.sp-sunriset-zone-group-cont-close { position:absolute; top:2px; right:5px; text-indent:-9999px; width:40px; height:40px; background:url(../../image/special/ic_close_blue.png) no-repeat center center; background-size:16px; background-color:#fff; border-radius:64px;}


/* 달맞이 명소 */
.sp-moon-event-place { padding-bottom:20px; }
.sp-moon-event-place .sp-map { padding:10px; }
.sp-moon-event-place .sp-moon-event-place-name { padding:10px; margin-top:10px; font-size:26px; }
.sp-moon-event-place .sp-moon-event-place-name strong { color:#0070E9; font-weight:600; }
.sp-moon-event-place .sp-moon-event-place-name strong:before { content:'['}
.sp-moon-event-place .sp-moon-event-place-name strong:after { content:']'}
.sp-moon-event-place .sp-map-wrap { width:calc(100% - 600px); padding:10px; }
.sp-moon-event-place-search { width:600px; position:relative; padding:10px; }
.sp-moon-event-place-search > h2 { font-size:26px; text-align:center; padding:10px 0; margin:30px 0; }
.sp-moon-event-place-info { padding:20px 0; margin-top:30px; }
.sp-moon-event-place-info h2 { font-size:26px; text-align:center; padding:10px 0;}
.sp-moon-event-place-info h3 { font-weight:600; font-size:30px; line-height:50px; color:#0070E9; }
.sp-moon-event-place-info h3 span:before { content:'['; }
.sp-moon-event-place-info h3 span:after { content:']'; }
.sp-moon-event-place-info h3 address { display:inline; color:#000; font-size:20px; padding-left:10px; }
.sp-moon-event-place-info .table-col th { font-weight:600; }
.sp-moon-event-place-info .table-col th:first-of-type { border-left:0; }
.sp-moon-event-place-info .table-col tbody tr:not(:last-child) th { border-bottom:1px solid #e0e6ef;}
.sp-moon-event-place-info-none { padding:20px 0; }
.sp-moon-event-place-info-none h2 { font-size:26px; text-align:center; padding:10px 0;}
.sp-moon-event-place-info-none h3 { font-weight:600; text-align:center; font-size:30px; line-height:50px; color:#0070E9; }
.sp-moon-event-place-info-none h3:before { content:'['; }
.sp-moon-event-place-info-none h3:after { content:']'; }
.sp-moon-event-place-info-none .table-col { display:none; }

.sp-moon-event-place-list { display:flex; justify-content:space-between; }
.sp-moon-event-place-group { width:calc(100% - 10px); position:relative; }
.sp-moon-event-place-group h2 > a { position:relative; display:block; color:#3F3F3F; font-size:20px; padding:16px 20px; text-align:center; font-weight:600; background-color:#fff; border:1px solid #C3D4E6; }
.sp-moon-event-place-group h2 > a:after { content: '▾'; display:block; position:absolute; font-size: 20px; width: 18px; height: 18px; line-height: 18px; text-align: center; right: 16px; top: 50%; margin-top: -9px; transform: rotateZ(0deg); transition: all 0.2s; }
.sp-moon-event-place-group h2 > a.on:after { transform: rotateZ(180deg); }
.sp-moon-event-place-group p { padding:10px; font-size:16px; }
.sp-moon-event-place-list .sp-moon-event-place-group:nth-child(2) .sp-moon-event-place-group-cont { left:auto; right:0;}
.sp-moon-event-place-group-cont { position:relative; display:flex; align-items:stretch; width:calc(100% - 2px); border:1px solid #00A8CC; background-color:#fff;}
.sp-moon-event-place-group-cont > div[data-group="zone"] { background-color:#EEF2F7;}
.sp-moon-event-place-group-cont > div { flex:1; }
.sp-moon-event-place-group-cont > div h3 { background-color:#fff; font-size:20px; text-align:center; padding:13px 0;border-bottom:1px solid #eee;}
.sp-moon-event-place-group-cont > div ul { max-height:720px; overflow-y:auto; position:relative;}
.sp-moon-event-place-group-cont > div li { display:block; }
.sp-moon-event-place-group-cont > div:nth-child(2) li { background-color:#EEF2F7;}
.sp-moon-event-place-group-cont > div li a { display:block; position:relative; text-align:center; padding:8px 0; font-size:16px; color:#000;}
.sp-moon-event-place-group-cont > div li a[target="_blank"] span:after { content:''; display:inline-block; background:url(../../image/renew/ic_sym_21.png) no-repeat center center; background-size:12px;width:16px; height:16px; vertical-align: middle;}
.sp-moon-event-place-group-cont > div li a.on, 
    .sp-moon-event-place-group-cont > div li a:hover, 
    .sp-moon-event-place-group-cont > div li a:focus, 
    .sp-moon-event-place-group-cont > div li a.on:hover, 
    .sp-moon-event-place-group-cont > div li a.on:focus { color:#fff; background-color:#01A9CD; }
.sp-moon-event-place-group-cont > div li a.on:after, 
    .sp-moon-event-place-group-cont > div li a.on:hover:after,
    .sp-moon-event-place-group-cont > div li a.on:focus:after { content: '▾'; display:block; position:absolute; color:#fff; font-size: 18px; width: 18px; height: 18px; line-height: 18px; text-align: center; right: 8px; top: 50%; margin-top: -9px; transform: rotateZ(270deg); transition: all 0.2s; }

.sp-moon-event-place-group-cont > div:nth-child(2) li a:hover, 
    .sp-moon-event-place-group-cont > div:nth-child(2) li a:focus,
    .sp-moon-event-place-group-cont > div:nth-child(2) li a.on,
    .sp-moon-event-place-group-cont > div:nth-child(2) li a.on:hover,
    .sp-moon-event-place-group-cont > div:nth-child(2) li a.on:focus { color:#000; background-color:#fefefe; }

/* 지도 토글 */
.sp-sunriset-zone .sp-map-wrap { position:relative;}
.sp-moon-event-place .sp-map-wrap { position:relative;}
.sp-map-wrap .sp-map-toggle { position:absolute; left:0; top:10px; width:100%; z-index:9; }
.sp-map-toggle { display:flex; justify-content:center; padding:10px 0; }
.sp-map-toggle a { flex-basis:120px; font-size:18px; color:#000; line-height:18px; padding:11px 0 10px 0; background-color:#fff; text-align:center; }
.sp-map-toggle a.on { color:#fff; background-color:#00A9CD; font-weight:600; }
/* 정보 제공 */
.sp-data-provide { font-size:15px; text-align:right; color:#000; padding:10px; }

/* 모달 레이어 */
.sp-modal-pop {position:fixed;left:calc(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;}
.sp-modal-pop::-webkit-scrollbar {display:none;}
.sp-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;}
.sp-layer-pop-wrap{width:1000px;margin:0 auto;background:#eef2f7;}
.sp-layer-pop-wrap .right-wrap{position:relative; padding:55px 20px;}
.sp-layer-pop-wrap .right-wrap::-webkit-scrollbar {display:none;}
.sp-layer-pop-wrap .pop-cont-title{margin:0 auto; width:770px;height:50px;line-height:50px;color:#fff;font-size:18px;font-weight:700;background:#006fe8;text-align:center;}
.sp-layer-pop-wrap .pop-cont {margin:0 auto; width:770px;}
.sp-layer-pop-wrap .cont01{ padding-top:20px;max-height:900px;;overflow-y:auto;overflow-y: -moz-scrollbars-none; /* Firefox scrollbar hide */-ms-overflow-style:none;margin-bottom:40px;}
.sp-layer-pop-wrap .cont01 ul{float:left;width:190px;margin-left:60px;position:relative;}
.sp-layer-pop-wrap .cont01 ul:first-of-type{margin-left:0;}
.sp-layer-pop-wrap .cont01 ul:first-of-type:before{display:none;}
.sp-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;}
.sp-layer-pop-wrap .cont01 ul li{height:50px;background:#fff;margin-bottom:2px;}
.sp-layer-pop-wrap .radio-wrap .addr-chk-btn{display:block;width:100%;line-height:48px;color:#595959;font-size:15px; padding-left:20px;border:1px solid #fff;}
.sp-layer-pop-wrap .radio-wrap .addr-chk-btn:hover{font-weight:700;color:#006fe8;border:1px solid #006fe8;}
.sp-layer-pop-wrap .radio-wrap .addr-chk-btn.on {font-weight:700;color:#006fe8;border:1px solid #006fe8;}
.sp-layer-pop-wrap .radio-wrap label{display:block;width:100%;height:50px;line-height:50px;color:#595959;font-size:15px;padding-left:20px;}
.sp-layer-pop-wrap .radio-wrap .rdo-g:checked + label{font-weight:700;color:#006fe8;border:1px solid #006fe8;}
.sp-layer-pop-wrap .bookmark-btn{width:40px;height:40px;background:url(../../image/bok_btn-icon.png);float:right;margin-right:20px}
.sp-layer-pop-wrap .sch-btn02{width:40px;height:40px;background:url(../../image/srch-icon03_2.png);float:right;margin-right:20px;margin-bottom:10px;}
.sp-layer-pop-wrap .cont-item-wrap li{height:40px;margin-bottom:10px;line-height:40px;}
.sp-layer-pop-wrap .cont-item-wrap li:after{content:"";display:block;clear:both;}
.sp-layer-pop-wrap .cont-item-wrap li > *{float:left;}
.sp-layer-pop-wrap .cont-item-wrap li .tit{font-size:18px;font-weight:700;color:#000000;}
.sp-layer-pop-wrap .cont-item-wrap li div a, 
	.sp-layer-pop-wrap .cont-item-wrap li div button{width:454px;position:relative;color:#000;font-size:17px;text-align:left;background:#fff;border-radius:4px;height:40px;padding-left:20px; }
.sp-layer-pop-wrap .cont-item-wrap li div .accordion-dropdown-wrap .co-btn:after{ content:''; position:absolute; height:1px; left:0; right:0; bottom:0; background-color:#e5e5e5;}
.sp-layer-pop-wrap .cont-item-wrap li div .accordion-dropdown-wrap:last-child .co-btn:after{display:none;}
.sp-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;}
.sp-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; text-align:center;}
.sp-layer-pop-wrap .bok-src-wrap{position:relative;}
.sp-layer-pop-wrap .bok-src-wrap .accordionsecond-con{bottom:42px;position:absolute;}
.sp-layer-pop-wrap .bok-src-wrap .accordion-con{bottom:42px;position:absolute;}
.sp-layer-pop-wrap .accordion-con { border-radius:4px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}
.sp-layer-pop-wrap .accordion-con a.delete-bookmark { text-indent:-9999px; position:absolute; right:5px; top:10px;width:30px;height: 30px;display:inline-block;z-index:99; background:url(../../image/item-hide-icon_2.png) no-repeat;width:21px;height:21px;}
.sp-layer-pop-wrap .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);}
.sp-layer-pop-wrap .accordion-con .accordion-dropdown-wrap { position: relative; }

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

/************************** 
	Footer
***************************/
#global-footer { border-top:1px solid #D9E0E4; }
.sp-footer { position:relative; max-width:1200px; margin:0 auto; height:180px; background:url(../../image/foot_logo2.png) no-repeat 10px center; background-size:auto 60px;padding-top:30px;}
.sp-footer-address { padding-left:200px; max-width:calc(100% - 190px); font-size:14px; font-weight:400; line-height:24px;}
.sp-footer-copyright { padding-left:200px; max-width:calc(100% - 190px); font-size:14px; font-weight:400; line-height:24px;}
.sp-footer .sp-footer-131 { position:absolute; right:1px; bottom:34px; width:167px; height:43px; background:url(../../image/special/131.png) no-repeat center center; background-size:cover; text-indent:-9999px;}