@import url(font.css);
html, body {width:100%; height: 100%; margin: 0; padding:0; /* Required */ }
div, ul, li, h1,h2,dl,dt,dd,p,form,fieldset,legend{margin:0; padding:0;}
body{width:100%; color:#444; font:75%/1.5 'Nanum Gothic', AppleGothic, sans-serif; }
table caption {position:absolute; left:-9999px; top:-9999px; overflow:hidden;line-height:0px;}
a:link, a:visited { color: #555; text-decoration: none;}
a:active, a:hover {color:#0958a5; text-decoration: underline;}
select, textarea,img, input, label{vertical-align: middle;}
img {border:none;}
img { max-width:100%; }
.clear { clear:both; }
.clearfix:after { clear:both; display: table; content: " ";}
.ellipsis { text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; }
.show { display:block !important; }
.hide { display:none !important; }
.text-center { text-align:center; }
.map { position:relative; }
.ex-text { position:absolute; z-index:100;vertical-align:bottom;line-height:1.8; letter-spacing:-1px; word-break:keep-all; width:450px; bottom:0px; left:310px; color:#fff; font-weight:bold; font-size:14px; background:url(../images/observation/icon01.png) no-repeat 15px 20px , rgba(0,0,0,0.8); padding:8px 12px 12px 58px; }
.sea1-ex-text { position:absolute; z-index:100;vertical-align:bottom;line-height:1.8; letter-spacing:-1.5px; word-break:keep-all; width:380px; bottom:70px; left:380px; color:#fff; font-weight:bold; font-size:12px; background:url(../images/observation/icon01.png) no-repeat 12px 28px , rgba(0,0,0,0.8); padding:14px 6px 14px 50px; }
.oneclick1 .ex-text { bottom:0px; }
.oneclick3-1 .ex-text { bottom:0px; }
.ex-text img.img01 {width:15px; }
.ex-text img.img02 {width:20px; }
.observ-ex-text { position:relative; line-height:1.8; letter-spacing:-1px; word-break:keep-all; width:400px; bottom:0px; top:505px; left:360px; color:#fff; font-weight:bold; font-size:14px; background:url(../images/observation/icon01.png) no-repeat 15px 20px , rgba(0,0,0,0.8); padding:8px 12px 12px 50px; }
/* 관측환경정보 */
.observation-info {width:760px; margin:0 auto; }
.observation-info * { box-sizing:border-box; }
.observation-info .observation-top {width:100%; background:url(../images/observation/bg.jpg) no-repeat center top;position:relative; height:685px; }
.observation-info .observation-top h1 {position:absolute; top:50px; left:0px; width:100%; height:70px; text-align:center; font-family:'ns'; font-size:32px; letter-spacing:2.5px; color:#fff; background:rgba(13,46,138,0.8); padding-top:15px; }
.observation-info .observation-top .img-wrap {position:relative; background:url(../images/observation/map_jeju_bg2.png) no-repeat left 0; margin-top:-50px; width:760px; height:685px; text-align:center; }
.observation-info .observation-bottom { margin-top:-110px; position:relative; }
.observation-info .observation-bottom .top-title-wrap {padding:10px 30px 0; height:50px;background:rgba(13,46,138,0.8); font-family:'ns'; }
.observation-info .observation-bottom .top-title-wrap h2 { float:left; font-size:20px; color:#fff; }
.observation-info .observation-bottom .top-title-wrap h2 strong {font-size:22px; }
.observation-info .observation-bottom .more-btn { position:absolute; top:10px; right:30px; }
.observation-info .observation-bottom .more-btn a { display:block; text-align:center; padding-top:5px; width:120px; height:30px; border:1px solid #fff; border-radius:20px; font-size:14px; color:#fff; }
.observation-info .observation-bottom .more-btn a img { display:inline-block; margin-top:-2px; margin-right:2px; }
.observation-info .observation-bottom .bottom-contents {background:#fff; padding:10px 15px 0px; }
.observation-info .observation-bottom .bottom-contents .half-wrap {margin-left:-20px; margin-bottom:30px; }
.observation-info .observation-bottom .bottom-contents .half-wrap:after { clear:both; display:table; content:''; }
.observation-info .observation-bottom .bottom-contentshalf-wrap .half {float:left; margin-left:20px; }
.observation-info .observation-bottom .point-contents { display:none; }
.observation-info .observation-bottom .point-contents#point02 { display:block; }
.observation-info .observation-top .img-wrap .point { position:absolute; }
.observation-info .observation-top .img-wrap .point .img { display:none; z-index:10; background:url(../images/observation/spot.png) no-repeat ; width:21px; height:32px; position:absolute; bottom:32px; left:50%;margin-left:-10.5px; }
.observation-info .observation-top .img-wrap .point .name {display:none; position:absolute; z-index:10; top:0px; left:-12px; text-align:center; background:#fff; color:#ff2f0e;border:2px solid #ff2f0e;word-break:keep-all; padding:4px 10px 0px; border-radius:15px; width:auto; height:30px; }
.observation-info .observation-top .img-wrap .point.active .img, .observation-info .observation-top .img-wrap .point.active .name { display:block !important; }
.observation-info .observation-top .img-wrap .point01 { top:150px; left:80px; }
.observation-info .observation-top .img-wrap .point02 { top:180px; left:345px; }
.observation-info .observation-top .img-wrap .point03 { top:213px; left:290px; }
.observation-info .observation-top .img-wrap .point04 { top:233px; left:342px; }
.observation-info .observation-top .img-wrap .point05 { top:198px; left:404px; }
.observation-info .observation-top .img-wrap .point06 { top:260px; left:276px; }
.observation-info .observation-top .img-wrap .point07 { top:234px; left:378px; }
.observation-info .observation-top .img-wrap .point08 { top:215px; left:430px; }
.observation-info .observation-top .img-wrap .point09 { top:300px; left:253px; }
.observation-info .observation-top .img-wrap .point10 { top:293px; left:145px; }
.observation-info .observation-top .img-wrap .point11 { top:367px; left:89px; }
.observation-info .observation-top .img-wrap .point12 { top:335px; left:200px; }
.observation-info .observation-top .img-wrap .point13 { top:424px; left:134px; }
.observation-info .observation-top .img-wrap .point14 { top:490px; left:163px; }
.observation-info .observation-top .img-wrap .point15 { top:540px; left:160px; }
.observation-info .observation-top .img-wrap .point16 { top:280px; left:320px; }
.observation-info .observation-top .img-wrap .point17 { top:300px; left:320px; }
.observation-info .observation-top .img-wrap .point18 { top:285px; left:360px; }
.observation-info .observation-top .img-wrap .point19 { top:334px; left:318px; }
.observation-info .observation-top .img-wrap .point20 { top:305px; left:340px; }
.observation-info .observation-top .img-wrap .point21 { top:310px; left:350px; }
.observation-info .observation-top .img-wrap .point22 { top:295px; left:380px; }
.observation-info .observation-top .img-wrap .point23 { top:320px; left:210px; }
.observation-info .observation-top .img-wrap .point24 { top:284px; left:411px; }
.observation-info .observation-top .img-wrap .point25 { top:365px; left:200px; }
.observation-info .observation-top .img-wrap .point26 { top:383px; left:273px; }
.observation-info .observation-top .img-wrap .point27 { top:417px; left:275px; }
.observation-info .observation-top .img-wrap .point28 { top:410px; left:325px; }
.observation-info .observation-top .img-wrap .point29 { top:370px; left:300px; }
.observation-info .observation-top .img-wrap .point30 { top:420px; left:390px; }
.observation-info .observation-top .img-wrap .point31 { top:370px; left:425px; }
.observation-info .observation-top .img-wrap .point32 { top:340px; left:450px; }
.observation-info .observation-top .img-wrap .point33 { top:393px; left:479px; }
.observation-info .observation-top .img-wrap .point34 { top:150px; left:520px; }
.observation-info .observation-top .img-wrap .point35 { top:205px; left:532px; }
.observation-info .observation-top .img-wrap .point36 { top:235px; left:592px; }
.observation-info .observation-top .img-wrap .point37 { top:177px; left:598px; }
.observation-info .observation-top .img-wrap .point38 { top:183px; left:667px; }
.observation-info .observation-top .img-wrap .point39 { top:330px; left:555px; }
.observation-info .observation-top .img-wrap .point40 { top:295px; left:608px; }
.observation-info .observation-top .img-wrap .point41 { top:213px; left:238px; }
.observation-info .observation-top .img-wrap .point42 { top:315px; left:360px; }
.observation-info .observation-top .img-wrap .point43 { top:310px; left:495px; }
.observation-info .observation-top .img-wrap .point44 { top:415px; left:210px; }
.observation-info .observation-top .img-wrap .point45 { top:348px; left:140px; }
.link-item {margin: 30px 15px; position: absolute; width: 730px; }
.link-item .border-box {border-width: 4px; border:5px solid #e0e6ef; box-sizing: border-box; text-align: left; font-size: 16px; height: 150px; }
.border-box .txt {margin: 10px; }
.border-box .link-menu1 {position: relative; top: 10px; left: 60px; width: 270px; background-color: #666; text-align: center; border-radius: 22.5px; }
.border-box .link-menu2 {position: relative; top: -34px; left: 380px; width: 270px; background-color: #666; text-align: center; border-radius: 22.5px; }
.link-menu1 a {line-height: 45px; font-size: 18px; font-weight: 700; color: #fff;}
.link-menu2 a {line-height: 45px; font-size: 18px; font-weight: 700; color: #fff;}
.bold {font-weight: bold; }
.pop_sign span {padding-right:21px; background: url(../images/main/ic_sym_21.png) no-repeat right 6px; background-size:15px; position:relative; z-index: 1; display:inline-block; line-height:24px; }
/* 원클릭 메뉴 */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
/* one click 제주날씨 */
.oneclick {width:760px; margin:0 auto; }
.oneclick * { box-sizing:border-box; }
.oneclick .header {width: 100%; background:url(../images/oneclick/top_bg01.jpg) no-repeat center top;}
.oneclick2 .header { background:url(../images/oneclick/top_bg02.jpg) no-repeat center top;}
.oneclick3 .header { background:url(../images/oneclick/top_bg03.jpg) no-repeat center top;}
.oneclick h1 {text-align: center; color: #fff; font-size: 36px; font-family:'ns'; padding-top: 30px;}
.oneclick .oneclick-menu {padding: 22px 20px 0;}
.oneclick .oneclick-menu .menu {position:relative; float: left; width: 33.33333%; }
.oneclick .oneclick-menu .menu h3 {padding:0px; height: 60px;}
.oneclick .oneclick-menu .menu h3 a {display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); color: #fff; padding-top: 20px; font-size: 16px; text-align: center; font-family:'NanumGothicWeb'; background-repeat: no-repeat; background-position: center 20px;}
.oneclick .oneclick-menu .menu01 h3 a {border-radius: 20px 0 0 0; border-right: 1px solid rgba(255, 255, 255, .5);}
.oneclick .oneclick-menu .menu03 h3 a {border-radius: 0 20px 0 0; border-left: 1px solid rgba(255, 255, 255, .5);}
.oneclick .oneclick-menu h3 a:hover {text-decoration: none; background-color: #fff; color: #000;}
.oneclick .oneclick-menu .menu01.active h3 a {text-decoration: none; background-color: #fff; color: #000;}
.oneclick .oneclick-menu .menu02.active h3 a {text-decoration: none; background-color: #fff; color: #000;}
.oneclick .oneclick-menu .menu03.active h3 a {text-decoration: none; background-color: #fff; color: #000;}
/* 아이콘 삭제 테스트
.oneclick .oneclick-menu .menu01 h3 a {background-image:url(../images/oneclick/tap_icon01.png);}
.oneclick .oneclick-menu .menu02 h3 a {background-image:url(../images/oneclick/tap_icon02.png);}
.oneclick .oneclick-menu .menu03 h3 a {background-image:url(../images/oneclick/tap_icon03.png);}
.oneclick .oneclick-menu .menu01 h3 a:hover {background-image:url(../images/oneclick/tap_icon01_s.png);}
.oneclick .oneclick-menu .menu01.active h3 a {background-image:url(../images/oneclick/tap_icon01_s.png); text-decoration: none; background-color: #fff; color: #000;}
.oneclick .oneclick-menu .menu02 h3 a:hover {background-image:url(../images/oneclick/tap_icon02_s.png);}
.oneclick .oneclick-menu .menu02.active h3 a {background-image:url(../images/oneclick/tap_icon02_s.png); text-decoration: none; background-color: #fff; color: #000;}
.oneclick .oneclick-menu .menu03.active h3 a {background-image:url(../images/oneclick/tap_icon03_s.png); text-decoration: none; background-color: #fff; color: #000;}
.oneclick .oneclick-menu .menu03 h3 a:hover {background-image:url(../images/oneclick/tap_icon03_s.png);}
*/
/* 22.03.11 해구정보 버튼 수정, 기존 코드 주석처리 */
.oneclick .oneclick-menu .menu ul { position:absolute; display:none; top:62px; z-index:100; left:0px; width:100%; text-align:center; }
.oneclick .oneclick-menu .menu ul li { text-align:center; }
.oneclick .oneclick-menu .menu ul li a {display:block; width:100%; padding:7px; font-size:16px; border:2px solid #000; margin-top:-2px; color:#fff; background:rgba(0,0,0,0.8); font-weight:bold; }
.oneclick .oneclick-menu .menu ul li.active a {background:#fff; color:#000; }
.oneclick .oneclick-menu .menu ul li a:hover {background:#fff; color:#000; }
/* 오름, 올레, 둘레 */
/*
.oneclick1 .map-wrap {padding-top:82px; box-sizing:border-box; height:570px; background:url(../images/oneclick/one1_bg_plus.jpg) repeat-y left top ;}
.oneclick1 .map-wrap .map {box-sizing:border-box;}
*/
.oneclick1 .oneclick-contents .detail-contents { background:#fff; position: relative; }
.oneclick-contents {position: relative; }
/* 도로날씨 관측실황 */
.oneclick2-1 .oneclick-contents .map { width:760px; height:500px; /*background:url(../images/oneclick2/one02_map_jeju.jpg) no-repeat left top; */ position:relative; }
.oneclick2-1 .oneclick-contents .map p.img { position:absolute; top:0px; left:0px; z-index:-1; }
.oneclick2-1 .oneclick-contents .map .point { position:absolute; }
.oneclick2-1 .oneclick-contents .map .pointR { position:absolute; }
.oneclick2-1 .oneclick-contents .map .point .img { display:none; z-index:10; background:url(../images/oneclick/spot.png) no-repeat ; width:21px; height:32px; position:absolute; bottom:32px; left:50%;margin-left:-10.5px; }
.oneclick2-1 .oneclick-contents .map .point .name {display:none; position:absolute; z-index:10; top:0px; left:-12px; text-align:center; background:#fff; color:#113bab; border:2px solid #113bab; word-break:keep-all; padding:4px 10px 0px; border-radius:15px; width:auto; height:30px; }
.oneclick2-1 .oneclick-contents .map .point.active .img, .oneclick2-1 .oneclick-contents .map .point.active .name .info-text { display:block !important; }
.oneclick2-1 .oneclick-contents .map .point01 { top:92px; left:332px; } /*제주*/
.oneclick2-1 .oneclick-contents .map .point02 { top:142px; left:265px; }
.oneclick2-1 .oneclick-contents .map .point03 { top:186px; left:215px; }
.oneclick2-1 .oneclick-contents .map .point04 { top:277px; left:174px; }
.oneclick2-1 .oneclick-contents .map .point05 { top:291px; left:79px; } /*고산*/
.oneclick2-1 .oneclick-contents .map .point06 { top:132px; left:318px; }
.oneclick2-1 .oneclick-contents .map .point07 { top:192px; left:297px; }
.oneclick2-1 .oneclick-contents .map .point08 { top:234px; left:300px; }
.oneclick2-1 .oneclick-contents .map .point09 { top:290px; left:293px; }
.oneclick2-1 .oneclick-contents .map .point10 { top:151px; left:382px; }
.oneclick2-1 .oneclick-contents .map .point11 { top:205px; left:390px; }
.oneclick2-1 .oneclick-contents .map .point12 { top:289px; left:385px; }
.oneclick2-1 .oneclick-contents .map .point13 { top:331px; left:366px; } /*서귀포*/
.oneclick2-1 .oneclick-contents .map .point14 { top:115px; left:394px; }
.oneclick2-1 .oneclick-contents .map .point15 { top:162px; left:504px; }
.oneclick2-1 .oneclick-contents .map .point16 { top:215px; left:543px; }
.oneclick2-1 .oneclick-contents .map .point17 { top:97px; left:422px; }
.oneclick2-1 .oneclick-contents .map .point18 { top:169px; left:435px; }
.oneclick2-1 .oneclick-contents .map .point19 { top:250px; left:450px; }
.oneclick2-1 .oneclick-contents .map .point20 { top:178px; left:614px; } /*성산*/
.oneclick2-1 .oneclick-contents .map .svg-wrap {margin-left:-3px; }
.oneclick2-1 .oneclick-contents .map .info-text { display:block; position:absolute; z-index:10; right:40px; top:290px; width:110px; height:133px; border-radius:5px; background:#fff; }
.oneclick2-1 .oneclick-contents .map .info-text h3 {height:30px; text-align:center;padding-top:7px; color:#fff; font-size:14px; background:#113bab;border-radius:5px 5px 0 0 ; }
.oneclick2-1 .oneclick-contents .map .info-text p { padding:2px; margin-left:3px; }
/* 바다날씨 해상 관측 예보 */
.oneclick3-1 .oneclick-contents .map { position:relative; }
/* .oneclick3-1 .oneclick-contents .map .svg-wrap { width:760px; height:660px; background:url(../images/oneclick/bg_jeju_sea_3.jpg) no-repeat left top; } */
.oneclick3-1 .oneclick-contents .detail-contents { margin-top:-70px; background:#fff; position: relative; }
.oneclick3-1 .oneclick-contents .detail-contents .top-title-wrap {padding:15px 30px 0; display:none; height:70px; background:rgba(13,46,138,0.8); font-family:'ns'; }
.oneclick3-1 .oneclick-contents .detail-contents .top-title-wrap h2 { float:left; font-size:24px; color:#fff; }
.oneclick3-1 .oneclick-contents .detail-contents .top-title-wrap h2 strong { font-size:28px; }
.oneclick3-1 .oneclick-contents .over-info-wrap {}
.oneclick3-1 .oneclick-contents .over-info-wrap .over-info li { position:absolute; }
.oneclick3-1 .oneclick-contents .over-info-wrap .over-info li a { display:block; position:absolute; }
.oneclick3-1 .oneclick-contents .over-info-wrap .over-info .type01 a {width:26px; height:19px; background:url(../images/oneclick/one3_icon02.png) no-repeat left top; }
.oneclick3-1 .oneclick-contents .over-info-wrap .over-info .type02 a {width:21px; height:25px; background:url(../images/oneclick/one3_icon03.png) no-repeat left top; }
.oneclick3-1 .oneclick-contents .over-info-wrap .over-info .info01 {top:145px; left:327px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .over-info .info02 {top:121px; left:426px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .over-info .info03 {top:145px; left:505px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .over-info .info04 {top:222px; left:472px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .over-info .info05 {top:284px; left:312px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .over-info .info06 {top:310px; left:244px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .over-info .info07 {top:275px; left:236px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .over-info .info08 {top:197px; left:237px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .over-info .info09 {top:48px; left:252px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .over-info .info10 {top:106px; left:254px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .over-info .info11 {top:292px; left:500px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .over-info .info12 {top:320px; left:196px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .over-info .info13 {top:145px; left:282px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .over-info .info14 {top:111px; left:469px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .over-info .info15 {top:285px; left:415px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .over-info .info16 {top:215px; left:200px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .over-info .info17 {top:518px; left:285px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .over-info .info18 {top:348px; left:18px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .over-info .info19 {top:40px; left:670px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .info-text {display:none; position:absolute;left:0px;top:0px; width:120px; height:120px; border-radius:5px; background:#fff; }
.oneclick3-1 .oneclick-contents .over-info-wrap .info-text h3 {height:30px; text-align:center;padding-top:7px; color:#fff; font-size:14px; background:#113bab;border-radius:5px 5px 0 0 ; }
.oneclick3-1 .oneclick-contents .over-info-wrap .info-text ul {color:#222; padding:10px 6px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .info-text1 ul { padding-top:30px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .info-text ul li { padding-left:6px; background:url(../images/oneclick/bit.png) no-repeat left 8px; font-size:12px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .info-text.info01 { top:90px; left:355px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .info-text.info02 { top:68px; left:454px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .info-text.info03 { top:90px; left:533px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .info-text.info04 { top:168px; left:500px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .info-text.info05 { top:230px; left:340px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .info-text.info06 { top:254px; left:272px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .info-text.info07 { top:221px; left:264px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .info-text.info08 { top:142px; left:265px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .info-text.info09 { top:0px; left:280px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .info-text.info10 { top:52px; left:277px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .info-text.info11 { top:238px; left:524px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .info-text.info12 { top:264px; left:220px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .info-text.info13 { top:90px; left:310px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .info-text.info14 { top:58px; left:498px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .info-text.info15 { top:230px; left:443px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .info-text.info16 { top:160px; left:228px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .info-text.info17 { top:396px; left:242px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .info-text.info18 { top:294px; left:46px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .info-text.info19 { top:68px; left:620px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .blank-link p { position:absolute; }
.oneclick3-1 .oneclick-contents .over-info-wrap .blank-link .link01 {top:466px; right:18px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .blank-link .link02 {bottom:70px; left:0px; }
.oneclick3-1 .oneclick-contents .over-info-wrap .blank-link .link03 {top:466px; right:142px; }
/* 바다날씨 해상 관측 예보 테이블 */
.sea1-table-wrap { }
.sea1-table-wrap .marine_daily_right {float:left; }
.sea1-table-wrap .marine_daily_right.sea1 { width:39%; }
.sea1-table-wrap .marine_daily_right.sea2 { width:calc( 30.5% + 1px ); margin-left:-1px; }
.sea1-table-wrap .marine_daily_right.sea3 {width:calc( 30.5% + 2px ); margin-left:-2px; }
/* 바다날씨 해구별 예측정보 */
.oneclick3-3 .oneclick-contents .map { width:760px; height:712px; }
.oneclick3-3 .oneclick-contents .detail-contents { margin-top:0px; position: relative; }
.oneclick3-3 .oneclick-contents .detail-contents .top-title-wrap {padding:10px 15px 0; height:50px; background:rgba(13,46,138,0.8); font-family:'ns'; }
.oneclick3-3 .oneclick-contents .detail-contents .top-title-wrap h2 { float:left; font-size:20px; color:#fff; }
.oneclick3-3 .oneclick-contents .iframe-wrap {width:730px; margin:10px 0 0 25px; }
/* 서브컨텐츠 가이드 */
.sub-contents h3 { background:url(../images/sub01/bit.png) no-repeat left 5px;padding-left:20px;padding-bottom:5px; font-family:'ns';font-size:20px; color:#3466a3; }
.sub-contents .contents-table {border-top:2px solid #525252; width:100%; /* margin-bottom:30px; */ word-break:keep-all; }
.sub-contents .contents-table table { border-collapse:collapse; width:100%; border-left:1px solid #e1e1e1;font-family:'NanumGothicWeb'; word-break:break-all; }
.sub-contents .contents-table table thead th { background:#f4f4f4; padding:5px 10px; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-size:16px; font-weight:bold; text-align:center; color:#222; }
.sub-contents .contents-table table tbody th { background:#f4f4f4; padding:5px 10px; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-size:16px; font-weight:bold; text-align:center; color:#222; }
.sub-contents .contents-table table tbody td { padding:5px 10px; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-size:16px; color:#222; }
.sub-contents .bottom-contents .contents-table table tbody td img { width:100%; }
/* 한라산,올레,오름,둘레길 날씨 - 네임 */
.olle-name {display:none; position:absolute; z-index:10; top:0px; left:-12px; text-align:center; background:#fff; color:#113bab; border:2px solid #113bab; word-break:keep-all; padding:4px 10px 0px; border-radius:15px; width:auto; height:30px; }
.olle-point1 { position:absolute; z-index:10; top:125px; left:529px; pointer-events: none;} /* 1코스 */
.olle-point2 { position:absolute; z-index:10; top:100px; left:614px; pointer-events: none;} /* 1-1코스 */
.olle-point3 { position:absolute; z-index:10; top:147px; left:575px; pointer-events: none;} /* 2코스 */
.olle-point4 { position:absolute; z-index:10; top:192px; left:566px; pointer-events: none;} /* 3코스 */
.olle-point5 { position:absolute; z-index:10; top:240px; left:510px; pointer-events: none;} /* 4코스 */
.olle-point6 { position:absolute; z-index:10; top:287px; left:428px; pointer-events: none;} /* 5코스 */
.olle-point7 { position:absolute; z-index:10; top:316px; left:366px; pointer-events: none;} /* 6코스 */
.olle-point8 { position:absolute; z-index:10; top:318px; left:299px; pointer-events: none;} /* 7코스 */
.olle-point9 { position:absolute; z-index:10; top:295px; left:269px; pointer-events: none;} /* 7-1코스 */
.olle-point10 { position:absolute; z-index:10; top:323px; left:240px; pointer-events: none;} /* 8코스 */
.olle-point11 { position:absolute; z-index:10; top:316px; left:170px; pointer-events: none;} /* 9코스 */
.olle-point12 { position:absolute; z-index:10; top:326px; left:128px; pointer-events: none;} /* 10코스 */
.olle-point13 { position:absolute; z-index:10; top:394px; left:97px; pointer-events: none;} /* 10-1코스 */
.olle-point14 { position:absolute; z-index:10; top:340px; left:94px; pointer-events: none;} /* 11코스 */
.olle-point15 { position:absolute; z-index:10; top:318px; left:81px; pointer-events: none;} /* 12코스 */
.olle-point16 { position:absolute; z-index:10; top:237px; left:51px; pointer-events: none;} /* 13코스 */
.olle-point17 { position:absolute; z-index:10; top:222px; left:107px; pointer-events: none;} /* 14코스 */
.olle-point18 { position:absolute; z-index:10; top:269px; left:139px; pointer-events: none;} /* 14-1코스 */
.olle-point19 { position:absolute; z-index:10; top:186px; left:118px; pointer-events: none;} /* 15코스 */
.olle-point20 { position:absolute; z-index:10; top:143px; left:162px; pointer-events: none;} /* 16코스 */
.olle-point21 { position:absolute; z-index:10; top:150px; left:229px; pointer-events: none;} /* 17코스 */
.olle-point22 { position:absolute; z-index:10; top:112px; left:265px; pointer-events: none;} /* 18코스 */
.olle-point23 { position:absolute; z-index:10; top:85px; left:48px; pointer-events: none;} /* 18-1코스 */
.olle-point24 { position:absolute; z-index:10; top:84px; left:365px; pointer-events: none;} /* 19코스 */
.olle-point25 { position:absolute; z-index:10; top:63px; left:458px; pointer-events: none;} /* 20코스 */
.olle-point26 { position:absolute; z-index:10; top:67px; left:510px; pointer-events: none;} /* 21코스 */
.olle-point27 { position:absolute; z-index:10; top:220px; left:310px; pointer-events: none;} /* 한라산 */
.olle-point28 { position:absolute; z-index:10; top:158px; left:635px; pointer-events: none;} /* 성산일출봉 */
.olle-point29 { position:absolute; z-index:10; top:140px; left:530px; pointer-events: none;} /* 용눈이오름 */
.olle-point30 { position:absolute; z-index:10; top:170px; left:526px; pointer-events: none;} /* 백약이오름 */
.olle-point31 { position:absolute; z-index:10; top:200px; left:520px; pointer-events: none;} /* 영주산 */
.olle-point32 { position:absolute; z-index:10; top:230px; left:445px; pointer-events: none;} /* 물영아리 */
.olle-point33 { position:absolute; z-index:10; top:185px; left:417px; pointer-events: none;} /* 물찻오름 */
.olle-point34 { position:absolute; z-index:10; top:140px; left:450px; pointer-events: none;} /* 거문오름 */
.olle-point35 { position:absolute; z-index:10; top:103px; left:498px; pointer-events: none;} /* 다랑쉬오름 */
.olle-point36 { position:absolute; z-index:10; top:145px; left:372px; pointer-events: none;} /* 절물오름 */
.olle-point37 { position:absolute; z-index:10; top:91px; left:340px; pointer-events: none;} /* 사라봉 */
.olle-point38 { position:absolute; z-index:10; top:125px; left:305px; pointer-events: none;} /* 민오름 */
.olle-point39 { position:absolute; z-index:10; top:119px; left:217px; pointer-events: none;} /* 수산봉 */
.olle-point40 { position:absolute; z-index:10; top:187px; left:215px; pointer-events: none;} /* 노꼬메오름 */
.olle-point41 { position:absolute; z-index:10; top:213px; left:184px; pointer-events: none;} /* 새별오름 */
.olle-point42 { position:absolute; z-index:10; top:232px; left:148px; pointer-events: none;} /* 금오름 */
.olle-point43 { position:absolute; z-index:10; top:260px; left:97px; pointer-events: none;} /* 저지오름 */
.olle-point44 { position:absolute; z-index:10; top:292px; left:77px; pointer-events: none;} /* 수월봉 */
.olle-point45 { position:absolute; z-index:10; top:352px; left:132px; pointer-events: none;} /* 송악산 */
.olle-point46 { position:absolute; z-index:10; top:325px; left:202px; pointer-events: none;} /* 군산 */
.olle-point47 { position:absolute; z-index:10; top:322px; left:282px; pointer-events: none;} /* 고근산 */
.olle-point48 { position:absolute; z-index:10; top:280px; left:339px; pointer-events: none;} /* 미악산 */
.olle-point49 { position:absolute; z-index:10; top:320px; left:334px; pointer-events: none;} /* 삼매봉 */
.olle-point50 { position:absolute; z-index:10; top:160px; left:255px; pointer-events: none;} /* 천아숲길 */
.olle-point51 { position:absolute; z-index:10; top:225px; left:230px; pointer-events: none;} /* 돌오름길 */
.olle-point52 { position:absolute; z-index:10; top:252px; left:260px; pointer-events: none;} /* 동백길 */
.olle-point53 { position:absolute; z-index:10; top:250px; left:318px; pointer-events: none;} /* 수악길 */
.olle-point54 { position:absolute; z-index:10; top:238px; left:365px; pointer-events: none;} /* 시험림길 */
.olle-point55 { position:absolute; z-index:10; top:172px; left:345px; pointer-events: none;} /* 사려니숲길(비자림로) */
.olle-point56 { position:absolute; z-index:10; top:200px; left:380px; pointer-events: none;} /* 사려니숲길 */
.olle-point57 { position:absolute; z-index:10; top:200px; left:384px; pointer-events: none;} /* 사려니숲길(남조로) */
/* 한라산,올레,오름,둘레길 날씨 - 유관기관 */
.sub1_site_menu { position:absolute; z-index:2; line-height:30px; font-weight:bold; padding:10px 12px;}
.sub1_site_menu ul li {display:inline-block; text-align:center; font-size: 16px; color:#fff; font-family:'nsr_b'; }
.sub1_site_menu ul li a {padding:5px 17px; border:1px solid #fff; background-color:#fff; color:#000; font-family:'nsr_b'; text-decoration: none; cursor:pointer; margin: 0 0 0 20px; border-radius:5px 5px;}
.sub1_ex_bg {position:absolute; z-index:1; vertical-align:top; width:720px; height:50px; background:rgba(2,79,48,0.8); left:50%; right:50%; transform:translate(-50%, -50%); top:25px; display:flex; justify-content:center; }
/* 도로날씨 - 유관기관 */
.sub2_site_menu { position:absolute; z-index:2; line-height:30px; font-weight:bold; padding:10px 12px;}
.sub2_site_menu ul li {display:inline-block; text-align:center; font-size: 16px; color:#fff; font-family:'nsr_b'; }
.sub2_site_menu ul li a {padding:5px 17px; border:1px solid #fff; background-color:#fff; color:#000; font-family:'nsr_b'; text-decoration: none; cursor:pointer; margin: 0 0 0 10px; border-radius:5px 5px;}
.sub2_ex_bg {position:absolute; z-index:1; vertical-align:top; width:720px; height:50px; background:rgba(2,2,104,0.8); left:50%; right:50%; transform:translate(-50%, -50%); top:25px; display:flex; justify-content:center; }
/* 바다날씨 - 해양기상정보포털 */
.sub3_site_menu { position:absolute; z-index:2; line-height:30px; font-weight:bold; padding:10px 12px;}
.sub3_site_menu ul li {display:inline-block; text-align:center; font-size: 16px; color:#fff; font-family:'nsr_b'; }
.sub3_site_menu ul li a {padding:5px 17px; border:1px solid #fff; background-color:#fff; color:#000; font-family:'nsr_b'; text-decoration: none; cursor:pointer; margin: 0 0 0 10px; border-radius:5px 5px;}
.sub3_ex_bg {position:absolute; z-index:1; vertical-align:top; width:720px; height:50px; background:rgba(74,16,133,0.8); left:50%; right:50%; transform:translate(-50%, -50%); top:25px; display:flex; justify-content:center; }
/* 바다날씨 - 선택영역 */
.circle-over {display:none;}
.sea-over01 {position:absolute; z-index:10; top:81px; left:295px; pointer-events: none;}
.sea-over02 {position:absolute; z-index:10; top:162px; left:536px; pointer-events: none;}
.sea-over03 {position:absolute; z-index:10; top:224px; left:127px; pointer-events: none;}
.sea-over04 {position:absolute; z-index:10; top:302px; left:347px; pointer-events: none;}
.sea-over05 {position:absolute; z-index:10; top:282px; left:615px; pointer-events: none;}
.sea-over06 {position:absolute; z-index:10; top:219px; left:23px; pointer-events: none;}
.sea-over07 {position:absolute; z-index:10; top:399px; left:36px; pointer-events: none;}