@charset "utf-8";

.hidden {position:absolute;overflow:hidden;left:0;top:0;width:0;height:0;font-size:0;line-height:0;}

.bgTop {background:url("/aquarium/_img/main/bg_top.jpg") 50% 0px no-repeat;height:524px;padding-top:316px;position:relative;}
.bgBtm {background:url("/aquarium/_img/main/bg_btm.jpg") 50% 0px no-repeat;height:688px;position:relative;z-index:2;margin-top:-399px;}
.bgNow {height:381px;background:#066183 url("/aquarium/_img/main/now_bg.gif") 0px 100% repeat-x;position:relative;z-index:1;}
.visualWrap {width:1280px;position:absolute;top:0;left:50%;margin-left:-640px;}
.panelWrap1 {width:968px;margin:0 auto;position:relative;z-index:2;}
.nowWrap {width:960px;height:349px;padding:32px 28px 0 28px;margin:0 auto;position:relative;}
.panelWrap2 {width:968px;margin:0px auto 0 auto;position:relative;z-index:2;padding-top:15px;}
.panelWrap3 {width:968px;margin:0px auto 0 auto;position:relative;z-index:2;padding-top:12px;}
.panel1 {width:960px;height:400px;padding:4px 4px 4px 4px;background:url("/aquarium/_img/main/panel1.png") 0px 0px no-repeat;position:relative;}
.panel2 {width:960px;height:240px;padding:4px;background:url("/aquarium/_img/main/panel2.png") 0px 0px no-repeat;position:relative;z-index:2;}
.panel3 {width:960px;height:110px;padding:4px;background:url("/aquarium/_img/main/panel3.png") 0px 0px no-repeat;position:relative;z-index:2;}/*2014-05-22*/

body.main .mainVisual {width:1280px;height:380px;position:relative;}
body.main .mainVisual .vCont {display:block;width:100%;height:100%;overflow:hidden;}
body.main .mainVisual .vCont li {display:none;width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;}
body.main .mainVisual .vCont li.on {display:block;}
/*20190409 width 값 수정*/
/*body.main .mainVisual .vCont li .link {display:block;width: 1280px;height:320px;position:absolute;top:0;left:160px;background:url("/aquarium/_img/common/blank.gif") 0px 0px repeat;z-index:3;text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;}*/
body.main .mainVisual .vCont li .link {display:block;width: 968px;height:320px;position:absolute;top:0;left:160px;background:url("/aquarium/_img/common/blank.gif") 0px 0px repeat;z-index:3;text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;}
body.main .mainVisual .vCont li .cover {display:block;width:1280px;height:380px;position:absolute;z-index:2;left:-160px;}
body.main .mainVisual .vCont li.movie {height:320px;}
body.main .mainVisual .vCont li.movie .moviebg {width:960px;height:320px;position:absolute;top:0;left:160px;z-index:1;}
body.main .mainVisual .vCont li.movie .movieFrame {width:960px;height:320px;}
body.main .mainVisual .vCont li.movie .movieCover {width:960px;height:320px;background:url("/aquarium/_img/main/movie_cover.png") 0px 0px no-repeat;position:absolute;top:0;left:0;}
body.main .mainVisual .vCont li.movie iframe {width:960px;height:320px;}
body.main .mainVisual .vCont li.movie .cover {width:960px;height:320px;left:0;}
body.main .mainVisual .controll {position:absolute;bottom:76px;left:50%;width:300px;height:20px;line-height:20px;z-index:4;margin-left:-150px;text-align:center;}
body.main .mainVisual .controll a {width:12px;height:12px;text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;background:url("/aquarium/_img/main/btn_controll.png") -50px 0px no-repeat;margin-right:8px;vertical-align:middle;}
body.main .mainVisual .controll a.on {background-position:0px 0px;}
body.main .mainVisual .controll a.ctrlbtn {width:20px;height:20px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;}
body.main .mainVisual .controll a.ctrl_stop {background-position:0px -200px;}
body.main .mainVisual .controll a.ctrl_stop:hover {background-position:0px -250px;}
body.main .mainVisual .controll a.ctrl_play {background-position:-50px -200px;}
body.main .mainVisual .controll a.ctrl_play:hover {background-position:-50px -250px;}

body.main .today {width:240px;position:absolute;top:4px;left:4px;z-index:3;}
body.main .today a {display:block;float:left;color:#ffffff;position:relative;width:220px;padding-left:20px;font-size:14px;font-family:"Nanum Gothic";}
body.main .today a span {display:block;width:48px;height:34px;background-image:url("/aquarium/_img/main/today_icon.png");background-repeat:no-repeat;position:absolute;}
body.main .today a.todayBtn {height:48px;line-height:48px;background:url("/aquarium/_img/main/today_bg.jpg") 0px 0px no-repeat;float:none;z-index:3;}
body.main .today a.todayBtn span {height:16px;position:absolute;top:16px;right:17px;background-position:0px 0px;}
body.main .today a.todayBtn span strong {display:block;position:absolute;top:2px;left:2px;width:12px;height:12px;background:url("/aquarium/_img/main/today_icon.png") 0px -25px no-repeat;}
body.main .today div.indi {width:123px;height:32px;padding:9px 0 15px 0;position:absolute;top:-44px;right:-20px;line-height:16px;font-size:11px;font-family:"Nanum Gothic";color:#006390;font-weight:700;text-align:center;background:url("/aquarium/_img/main/today_indi.png") 0px 0px no-repeat;z-index:4;}
body.main .today .todayLinks {width:240px;height:352px;background:url("/aquarium/_img/main/today_bg.jpg") 0px bottom no-repeat;position:relative;z-index:3;}
body.main .today a.time {height:93px;padding-top:19px;}
body.main .today a.time span {top:55px;left:21px;background-position:0px -50px;}
body.main .today a.time strong {display:block;margin:25px 0 0 50px;font-size:24px;font-weight:700;}
/*
body.main .today a.time {height:56px;line-height:56px;}
body.main .today a.time span {top:12px;right:24px;background-position:0px -50px;}
body.main .today a.audio {height:56px;line-height:56px;}
body.main .today a.audio span {top:12px;right:24px;background-position:0px -100px;}
*/
body.main .today a.link {width:80px;padding:0;height:80px;text-align:center;font-size:11px;font-family:'돋움', 'Dotum', 'Apple Gothic', 'sans-serif';}
body.main .today a.link.q1,body.main .today a.link.q4,body.main .today a.link.q7{width:82px}
body.main .today a.link.q2,body.main .today a.link.q5,body.main .today a.link.q8{width:75px}
body.main .today a.link span {position:static;margin:14px auto 4px auto;}
body.main .today a.link.q1 span {background-position:0px -150px;}
body.main .today a.link.q2 span {background-position:0px -200px;}
body.main .today a.link.q3 span {background-position:0px -250px;}
body.main .today a.link.q4 span {background-position:0px -300px;}
body.main .today a.link.q5 span {background-position:0px -350px;}
body.main .today a.link.q6 span {background-position:0px -400px;}
body.main .today a.link.q7 span {background-position:0px -482px;}
body.main .today a.link.q8 span {background-position:0px -532px;}
body.main .today a.link.q9 span {background-position:0px -584px;}
body.main .today a.todayClose {display:block;width:12px;height:12px;padding:0;position:absolute;bottom:10px;left:216px;background:url("/aquarium/_img/main/today_icon.png") 0px -450px no-repeat;text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;}
body.main .today .todayCont {height:400px;position:absolute;top:0px;left:0px;overflow:hidden;background:url("/aquarium/_img/main/today_quick_bg.png") 0px 0px no-repeat;width:240px;z-index:2;}
body.main .today .todayCont h2 {height:48px;line-height:48px;padding-left:20px;color:#ffffff;font-size:14px;font-family:"Nanum Gothic";margin-bottom:16px;}
body.main .today .todayCont ul {padding:0px 20px 0 28px;}
body.main .today .todayCont ul li {height:32px;line-height:32px;margin-top:4px;}
body.main .today .todayCont ul li:first-child {margin-top:0;}
body.main .today .todayCont ul li a {display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;padding-left:40px;width:152px;height:32px;line-height:32px;background-image:url("/aquarium/_img/main/today_quick_icon.png");background-repeat:no-repeat;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
body.main .today .todayCont ul li.p1 a {background-position:0px 0px;}
body.main .today .todayCont ul li.p2 a {background-position:0px -50px;}
body.main .today .todayCont ul li.p3 a {background-position:0px -100px;}
body.main .todayCont .nano {position:relative;width:236px;height:320px;overflow:hidden;}
body.main .todayCont .nano > .nano-content {position:absolute;overflow:scroll;overflow-x:hidden;top:0;right:0;bottom:0;left:0;}
body.main .todayCont .nano > .nano-content::-webkit-scrollbar {visibility:hidden;}
body.main .todayCont .has-scrollbar > .nano-content::-webkit-scrollbar {visibility:visible;}
body.main .todayCont .nano > .nano-pane {position:absolute;width:9px;right:0;top:0;bottom:0;visibility:hidden\9;}
body.main .todayCont .nano > .nano-pane > .nano-slider {background:url("/aquarium/_img/main/scrollbar.png") 0px 0px no-repeat;position:relative;}

body.main .program {width:720px;position:absolute;top:4px;left:244px;z-index:1;}
body.main .program h2 {height:48px;line-height:48px;padding-left:20px;color:#ffffff;font-size:14px;font-family:"Nanum Gothic";}
body.main .program a.more {color:#ffffff;width:36px;padding-right:6px;height:12px;line-height:12px;font-size:11px;display:block;position:absolute;top:18px;right:20px;background:url("/aquarium/_img/main/icon_more.png") right 4px no-repeat;text-align:right;}
body.main .program .list a {color:#ffffff;display:block;font-size:12px;width:240px;height:102px;float:left;position:relative;padding-top:250px;}
body.main .program .list a span {height:36px;overflow:hidden;display:block;text-align:center;line-height:18px;width:220px;margin:0 auto;}
body.main .program .list a span.img {position:absolute;top:32px;left:50%;margin-left:-100px;height:205px;}
body.main .program .list a span.tit {height:18px;font-size:14px;font-family:"Nanum Gothic";margin-bottom:6px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
body.main .nowHead a {display:block;padding:16px 0px 18px 0;margin:0 auto;width:960px;}
body.main .nowHead a.opened {background:url("/aquarium/_img/main/now_viewBtn_onBg.gif") 50% 100% no-repeat;}
body.main .nowHead a span {height:82px;display:block;background:url("/aquarium/_img/main/now_viewBtn.png") 0px 0px no-repeat;text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;}
body.main .nowWrap .viewport {width:960px;height:349px;overflow:hidden;}
body.main .nowWrap .viewport ul {}
body.main .nowWrap .viewport li {width:240px;display:block;float:left;margin-top:349px;}
body.main .nowWrap .viewport li a {width:240px;padding-top:180px;display:block;position:relative;text-align:center;color:#ffffff;}
body.main .nowWrap .viewport li a span.tit {display:block;font-size:14px;font-family:"Nanum Gothic";height:20px;line-height:20px;margin-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
body.main .nowWrap .viewport li a span.img {position:absolute;width:240px;height:163px;overflow:hidden;top:0;left:0;}
body.main .nowWrap .viewport li a span.img em {width:245px;height:163px;position:absolute;top:0;left:50%;margin-left:-123px;background:url("/aquarium/_img/main/now_frame_img.png") 0px 0px no-repeat;}
body.main .nowWrap .viewport li a span.img img {position:absolute;left:50%;top:50%;margin-left:-123px;margin-top:-82px;width:245px;height:163px;}
body.main .nowWrap .viewport li a span.img_m img {width:480px;height:360px;margin-left:-240px;margin-top:-180px;}
body.main .nowWrap .viewport li a span.img_m em {background:url("/aquarium/_img/main/now_frame_movie.png") 0px 0px no-repeat;}
body.main .nowWrap .viewport li a span.date {display:block;height:20px;line-height:20px;font-size:11px;margin-bottom:16px;letter-spacing:0;}
body.main .nowWrap .viewport li a span.viewbtn {margin:0 auto;display:block;width:120px;height:49px;line-height:49px;background:url("/aquarium/_img/main/now_btn_bg.png") 0px 0px no-repeat;color:#006fa1;font-weight:700;font-family:"Nanum Gothic";font-size:14px;}
body.main .nowWrap .viewport li a.default span.img em {}
body.main .nowWrap .viewport li a.default span.img img {width:480px;height:360px;margin-left:-240px;margin-top:-180px;}
body.main .nowWrap .viewport li a.default span.img_m img {}
body.main .nowWrap .viewport li a.default span.viewbtn {display:none;}
/*body.main .nowWrap .viewport li.odd {margin-top:30px;}*/

body.main .bubble {display:none;position:absolute;z-index:7;top:1800px;left:50%;width:42px;height:42px;}
body.main .bubble img {position:absolute;display:block;width:100%;height:100%;}
/*
body.main .bubble1 {top:1012px;left:50%;width:42px;height:42px;margin-left:-261px;}
body.main .bubble2 {top:1048px;left:50%;width:42px;height:42px;margin-left:219px;}
body.main .bubble3 {top:1108px;left:50%;width:80px;height:80px;margin-left:-600px;}
body.main .bubble4 {top:920px;left:50%;width:80px;height:80px;margin-left:520px;}
body.main .bubble5 {top:1260px;left:50%;width:158px;height:158px;margin-left:-680px;}
body.main .bubble6 {top:1224px;left:50%;width:158px;height:158px;margin-left:520px;}
*/
body.main .nowWrap .btn {display:block;width:24px;height:48px;position:absolute;top:176px;background-image:url("/aquarium/_img/main/btn_controll.png");background-repeat:no-repeat;text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;}
body.main .nowWrap .btn.btn_prev {left:2px;background-position:0 -100px;}
body.main .nowWrap .btn.btn_next {right:2px;background-position:-50px -100px;}
body.main .nowWrap .btn.disabled {display:none;}
body.main .nowWrap .closeNow {display:block;width:24px;height:24px;position:absolute;right:2px;bottom:12px;background:url("/aquarium/_img/main/btn_controll.png") 0px -150px no-repeat;text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;}
body.main .panel2 h2 {height:48px;line-height:48px;padding-left:20px;color:#313335;font-size:14px;font-family:"Nanum Gothic";font-weight:700;}
body.main .panel2 h2.c_txt {padding:0;text-align:center;}
body.main .panel2 a {color:#313335;}
/* 2014-05-22 */
body.main .panel3 .snsTab {position:absolute;z-index:0;left:4px;display:block;width:220px;height:76px;padding:20px 21px 0 0;color:#636363;text-align:right;}
body.main .panel3 .snsTab strong {display:block;font-size:14px;font-family:"Nanum Gothic";font-weight:700;}
body.main .panel3 .snsTab span {display:block;font-size:32px;font-family:"Nanum Gothic";font-weight:400;letter-spacing:-1px;}
body.main .panel3 .snsTab.on {color:#313335;}
body.main .panel3 .snsTab1 {top:9px;background:url("/aquarium/_img/main/msns_facebook.png") no-repeat;}
body.main .panel3 .snsTab1.on {background-position:0 -74px;}
/*
body.main .panel3 .snsTab2 {bottom:4px;background:url("/aquarium/_img/main/msns_twitter.png") no-repeat;}
body.main .panel3 .snsTab2.on {background-position:0 -80px;}
*/
body.main .panel3 .snsCont {display:none;width:720px;height:110px;padding-left:240px;}
body.main .panel3 .snsCont .sns {position:relative;width:700px;height:110px;padding:0 20px 0 0;overflow:hidden;}
body.main .panel3 .snsCont ul {width:720px;}
body.main .panel3 .snsCont ul li {float:left;width:240px;height:110px;}
body.main .panel3 .snsCont ul li .snsBox {position:relative;z-index:0;display:block;font-size:11px;}
body.main .panel3 .snsCont ul li .snsBox .time {display:block;margin-bottom:6px;color:#64696c;}
body.main .panel3 .snsCont ul li .snsBox .txt {display:block;height:48px;color:#313335;line-height:16px;overflow:hidden;}
body.main .panel3 .snsCont ul li .pic {position:absolute;z-index:0;left:11px;top:14px;display:block;width:78px;height:78px;background-repeat:no-repeat;background-position:center center;}
body.main .panel3 .snsCont ul li.text  .snsBox {width:210px;height:67px;padding:21px 10px 22px 20px;}
body.main .panel3 .snsCont ul li.image .snsBox {width:128px;height:67px;padding:21px 10px 22px 102px;}
body.main .panel3 .snsCont ul li.image .pic em {position:absolute;z-index:0;left:0;top:0;display:block;width:78px;height:78px;background:url("/aquarium/_img/main/sns_image.png") no-repeat center center;}
body.main .panel3 .snsCont ul li.video .snsBox {width:128px;height:67px;padding:21px 10px 22px 102px;}
body.main .panel3 .snsCont ul li.video .pic em {position:absolute;z-index:0;left:0;top:0;display:block;width:78px;height:78px;background:url("/aquarium/_img/main/sns_video.png") no-repeat center center;}
body.main .panel3 .snsCont.on {display:block;}
/* 2014-05-22 */

body.main .notice {width:238px;padding-right:2px;float:left;position:relative;}
body.main .notice a.more {width:36px;padding-right:6px;height:12px;line-height:12px;font-size:11px;display:block;position:absolute;top:18px;right:20px;background:url("/aquarium/_img/main/icon_more.png") right -46px no-repeat;text-align:right;}
body.main .notice ul {}
body.main .notice ul li {height:63px;border-top:#cfd9de 1px solid;}
body.main .notice ul li a {display:block;padding:13px 10px 11px 20px;}
body.main .notice ul li a span {display:block;height:20px;line-height:20px;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
body.main .notice ul li a span.date {color:#646a6c;height:19px;line-height:19px;font-size:11px;}
body.main .event {width:240px;width:144px;padding:0 48px;float:left;position:relative;}
body.main .event .viewport {width:144px;margin:-3px 0 0 0;height:184px;overflow:hidden;position:relative;}
body.main .event .viewport ul {height:184px;}
body.main .event .viewport ul li {float:left;width:144px;height:184px;}
body.main .event .viewport ul li a {display:block;position:relative;width:100%;padding-top:130px;}
body.main .event .viewport ul li a span {display:block;line-height:18px;max-height:36px;text-align:center;overflow:hidden;letter-spacing:-1px;}
body.main .event .viewport ul li a span.img {width:120px;height:120px;max-height:120px;position:absolute;top:0;left:12px;background:#ffffff;letter-spacing:0;}
body.main .event .viewport ul li a span.img img {position:absolute;top:50%;left:50%;margin-left:-60px;margin-top:-60px;}
body.main .event .viewport ul li a span.img em {width:120px;height:120px;display:block;position:absolute;top:0;left:0;background:url("/aquarium/_img/main/event_frame.png") 0px 0px no-repeat;}
body.main .event .viewport ul li a span.date {color:#646a6c;height:18px;max-height:18px;margin-top:4px;letter-spacing:0;}
body.main .event .viewport ul li {display:none;}
body.main .event .viewport ul li.on {display:block;}
body.main .event .btn {display:block;width:10px;height:19px;position:absolute;top:96px;background-image:url("/aquarium/_img/main/btn_controll.png");background-repeat:no-repeat;text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;}
body.main .event .btn.btn_prev {background-position:0px -50px;left:17px;}
body.main .event .btn.btn_next {background-position:-50px -50px;right:17px;}
body.main .event .btn.disabled {display:none;}
body.main .banner {width:240px;float:left;}
body.main .banner a {display:block;height:120px;position:relative;font-size:14px;font-family:"Nanum Gothic";font-weight:700;}
body.main .banner a span {display:block;padding:40px 120px 0 20px;line-height:20px;}
body.main .banner a img {position:absolute;top:0;right:0;}

/* 2015-05-13 NOW 수정*/
.renew .bgTop {background:url("/aquarium/_img/main/bg_top.jpg") 50% 0px no-repeat;height:408px;padding-top:316px;position:relative;}
.renew .bgBtm {background:url("/aquarium/_img/main/bg_btm02.jpg") 50% 0px no-repeat;height:728px;position:relative;z-index:2;margin-top:0;}
.renew .bgNowRenew {height:458px;background:url("/aquarium/_img/main/now_bg02.jpg") 50% 0px no-repeat;position:relative;z-index:1;}
.renew .bgNowRenew h2 {padding:35px 0 0 0; text-align:center;}
.renew .bgNowRenew ul {width:768px; margin:235px auto 0;}
.renew .bgNowRenew ul li {float:left;width:256px;text-align:center;}
.renew .bgNowRenew ul li h3 {font-family:"Nanum Gothic";font-weight:900;color:#e6e00b;font-size:14px;}
.renew .bgNowRenew ul li span {display:block;padding:10px 0 15px 0;color:#fff;}
.renew .bgNowRenew ul li a.btn_view {display:inline-block;width:108px;height:32px;border:2px #fff solid;font-family:"Nanum Gothic";font-weight:700;color:#fff;font-size:14px;line-height:32px;}

/*2010-01-02 하SNS 삭제*/
.renew .bgBtm {background:url("/aquarium/_img/main/bg_btm02.jpg") 50% 0px no-repeat;height:528px;position:relative;z-index:2;margin-top:0;}
body.main #footer { background-color: #002c3e; }

/* s : 20250103 신규 캐릭터 */
body.main .banner a img {
    right: 15px;
}
/* e : 20250103 신규 캐릭터 */
