@charset "utf-8";

@import url(util.css);
@import url(https://fonts.googleapis.com/css?family=Rajdhani:400,500,600,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* Reset with bootstrap */
body,p,h1,h2,h3,span,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:/*'Rajdhani',*/'Noto Sans CJK KR','Noto Sans KR','맑은 고딕','Malgun Gothic','돋움','Apple SD Gothic Neo',sans-serif}
body{position:relative;-ms-word-break:break-all;word-break:keep-all;word-wrap:break-word;letter-spacing:-.04em}
a,a:hover,a:focus,a:active{text-decoration:none;color:inherit}
a,button,input,textarea{transition:border-color .3s,background .3s,color .3s,opacity .3s,transform .3s}
li{list-style:none}
address,em{font-style:normal}
label{cursor:pointer}
table{width:100%}
strong{font-weight:500}

/* Grid */
.row,.form-horizontal .form-group{margin-left:0;margin-right:0}
.container,.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{padding-left:0;padding-right:0}
.w1200{max-width:1200px;margin-left:auto;margin-right:auto}
.w300{width:300px}
.w400{width:400px}

/* Typography */
.t1,.t2,.t3,.t4,.t5{letter-spacing:-.08em}
.t1{font-size:50px}
.t2{font-size:38px}
.t3{font-size:26px}
.t4{font-size:20px}
.font, .tb, .page-contents{font-family:'Noto Sans CJK KR','Noto Sans KR','맑은 고딕','Malgun Gothic','돋움','Apple SD Gothic Neo'}
.font-raj, .dsc-view,.playtime strong{font-family:'Rajdhani','Noto Sans CJK KR','Noto Sans KR','맑은 고딕','Malgun Gothic','돋움','Apple SD Gothic Neo',sans-serif}
.text-left{text-align:left !important}
.split:before{content:'|';display:inline-block;margin:-.1em .5em 0;font-style:normal;font-weight:300; font-size:1em;vertical-align:middle;opacity:.8}

/* Theme */
.color-wh{color:#fff !important}
.color-blk{color:#0d0d0d !important}
.color-blue{color:#37bbf5 !important}
.color-sky{color:#5479c8 !important}
.color-primary{color:#2a55a5 !important}
.color-grey{color:#666 !important}
.color-gray{color:#989898 !important}
.color-grn{color:#2f7e7b !important}
.bg-blue{background-color:#0060a5 !important}
.bg-primary{background-color:#2a55a5 !important}
.bg-navy{background-color:#0e2d77 !important}
.bg-grey{background-color:#5a5a5a !important}
.bg-sky{background-color:#3a77d1 !important}
.bg-grn{background-color:#2d720f !important}
.bg-ylw{background-color:#ffba00 !important}
.bg-ylw-grn{background-color:#16b10a !important}

/* Table */
.tb-fixed{table-layout:fixed}
.tb thead th{padding:17px 20px;background:#e7eef7;border-top:2px solid #0e2e77;border-bottom:1px solid #c3c9cf;font-size:18px;font-weight:500;text-align:center;color:#000}
.tb td{padding:19px 20px;border-bottom:1px solid #d4d4d4;font-size:16px;text-align:center;color:#333}
.tb-bg{margin-top:35px;table-layout:fixed}
.tb-bg th, .tb-bg td{padding:12px;text-align:center;vertical-align:middle;font-weight:500}
.tb-bg th{border-bottom:1px solid #d4d4d4}
.tb-bg td{border-left:1px solid #d4d4d4}
.tb-bg tr:first-child th, .tb-bg tr:first-child td{border-top:2px solid #2551a1}
.tb-bg tr:last-child th, .tb-bg tr:last-child td{border-bottom:2px solid #2551a1}
.tb-bg th:nth-last-child(2), .tb-bg td:nth-last-child(2){background:#e2f3f9}
.tb-bg th:nth-last-child(1), .tb-bg td:nth-last-child(1){background:#ecfbfa;color:#2f7e7b}
.tb-bg .price{font-size:24px}
.dsc-info dd{letter-spacing:-1px}
.tr-q a{display: block; position: relative}
.tr-q a:after{ content:''; position: absolute;top:50%;right: 30px;width: 28px;height: 16px; margin-top: -8px; background: url(../img/faq_arrow.png)}
.tr-q.open a:after{ transform: scale(1,-1)}
.tr-a{display: none}
.tr-a td{ background: #f9fcff}

/* Form */
.form-control{padding:8px 15px;height:46px;border-color:#d3d3d3;box-shadow:none !important;font-size:14px;color:#444}
.form-control.itx{display:inline-block;vertical-align:top}
.input-group-btn .btn{height:46px;border-radius:4px !important}
.srch{margin-bottom:20px;text-align:right;font-size:0}
.srch .itx{width:110px;border-right:0;border-radius:4px 0 0 4px;border-color:#d3d3d3 !important}
.srch .input-group-wrp{position:relative;display:inline-block;width:260px;margin-left:10px;vertical-align:top}
.srch .input-group-wrp:before{content:"";position:absolute;top:11px;bottom:11px;left:0;z-index:5;border-left:1px solid #d3d3d3}
.srch .input-group-wrp:after{content:"";position:absolute;top:0;bottom:0;width:10px;right:100%;border:1px solid #d3d3d3;border-width:1px 0}
.srch .input-group .form-control{border-width:1px 0;border-radius:0;border-color:#d3d3d3 !important}
.srch .btn.btn{z-index:5;width:85px;margin-left:-4px}
/* Form:button */
.btn{padding:8px 12px;border-radius:0}
.btn[class*=bg-]{color:#fff !important}
.btn.bg-primary{border-color:#1e4388}
.btn-sm{padding:13px 24px 11px;font-size:20px}

/* Helper Classes */
.skip{z-index:100;background:#000;text-align:center;color:#fff}
.skip:active,.skip:focus{position:absolute;width:100%;padding:1em;color:#fff}
.blank{background:url(../img/knowledge/blank.png)}
.overflow{overflow:hidden}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.d-block{display:block !important}
.d-iblock{display:inline-block !important}
.d-inline{display:inline !important}
.pr{position:relative}
.pa{position:absolute}
.no-style{margin:0;padding:0;border:0;background:none}
.txt-line{display:block;display:-webkit-box;overflow:hidden;max-height:3em;line-height:1.5em;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal}

/* Icon */
[class^=icon-]{display:inline-block;overflow:hidden;margin:0;padding:0;border:0;background-color:transparent;background-position:50% 50%;background-repeat:no-repeat;font-size:0;line-height:0;text-decoration:none;vertical-align:top;text-indent:-999em}
.icon-close, .icon-collapse{position:absolute}
.icon-close{position:absolute;top:20px;right:20px;width:66px;height:15px;background-image:url(../img/icon_close.png)}
.icon-collapse{position:absolute;top:100%;right:20px;width:65px;height:20px;background-color:#0f387a;background-image:url(../img/icon_collapse.png)}
.off .icon-collapse{background-image:url(../img/icon_collapse_on.png)}
.icon-home{width:60px;height:59px;background-image:url(../img/icon_home.jpg)}
.icon-cart{width:52px;height:52px;margin-right:15px;background-image:url(../img/icon_cart.png);vertical-align:middle}
[class*=icon-sns-]{width:42px;height:43px;margin:0 10px 15px;background-image:url(../img/social.png)}
.icon-sns-face{background-position:0 0}
.icon-sns-insta{background-position:-61px 0}
.icon-sns-you{background-position:-121px 0}
.icon-sns-kakao{background-position:100% 0}
.icon-scroll{position:absolute;left:50%;bottom:255px;width:74px;height:99px;margin-left:-37px;background-image:url(../img/scroll_down.png)}
.icon-prev.icon-prev{background-image:url(../img/icon_prev.png)}
.icon-next.icon-next{background-image:url(../img/icon_next.png)}
.alive-sns-slider [class*=icon-]{position:absolute;top:0;left:0;width:48px;height:48px}
.alive-sns-slider .tmb{display:block;width:248px;height:248px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
.alive-sns-slider .tmb:before{ content: ''; position: absolute;top:50%;bottom:0;left:0;right:0;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,1)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%)}
.icon-face{background-image:url(../img/icon_face.png)}
.icon-insta{background-image:url(../img/icon_insta.png)}
.icon-youtube{background-image:url(../img/icon_you.png)}
[class*=icon-quick]{position:relative;display:block;width:100%;height:120px}
.icon-quick1{background-color:rgba(224,239,250,.8);background-image:url(../img/quick1.png)}
.icon-quick2{background-color:rgba(14,54,124,.8);background-image:url(../img/quick2.png)}
[class*=icon-cal-]{width:15px;height:20px}
.icon-cal-prev{background-image:url(../img/icon_cal_prev.png)}
.icon-cal-next{background-image:url(../img/icon_cal_next.png)}
.icon-time, .icon-cal, .icon-tel{width:17px;height:16px;margin-right:5px}
.icon-time{background-image:url(../img/icon_time.png)}
.icon-cal{background-image:url(../img/icon_cal.png)}
.icon-tel{background-image:url(../img/icon_tel.png)}
.icon-quick-top{float:left;width:108px;height:45px;background-image:url(../img/icon_top_.png)}
.icon-top{position:fixed}
.icon-arr{width:6px;height:11px;margin:13px 10px 0 0;background-image:url(../img/arr_prev.png)}
.opened .icon-arr{background-image:url(../img/arr_next.png)}
.icon-srch{width:17px;height:17px;margin-right:5px;background-image:url(../img/icon_srch.png)}
.icon-notify{width:29px;height:29px;margin:-2px 10px -4px -39px;background-image:url(../img/icon_notify.png)}
.icon-user, .icon-date, .icon-file, .icon-view{width:15px;height:17px;margin:2px 10px 0 0}
.icon-user{background-image:url(../img/icon_user.png)}
.icon-date{background-image:url(../img/icon_date.png)}
.icon-view{width:12px;background-image:url(../img/icon_view.png)}
.icon-file{background-image:url(../img/icon_file.png)}
.icon-list{width:28px;height:20px;margin:5px 10px 0 0;background-image:url(../img/icon_list.png)}
.icon-water{width:20px;height:32px;margin:-1px 12px 0 0;background-image:url(../img/icon_water.png)}
.icon-member{width:32px;height:24px;margin:3px 10px 0 0;background-image:url(../img/icon_member.png)}
.icon-circle-prev, .icon-circle-next{position:absolute;bottom:135px;width:59px;height:59px}
.icon-circle-prev{left:75px;background-image:url(../img/prev.png)}
.icon-circle-next{right:75px;background-image:url(../img/next.png)}
.icon-clock{width:23px;height:23px;margin:3px 8px 0 -30px;background-image:url(../img/icon_clock.png)}

/* Navs */
.dropdown>a{display:block}
.dropdown>a:after{content:"";position:absolute;top:50%;right:15px;width:20px;height:20px;margin-top:-10px;background:url(../img/dropdown.png) no-repeat}
.dropdown-menu{right:0;min-width:0;margin:0;padding:0;border-radius:0;border:2px solid #0e2e77}
.dropdown-menu>li>a{position:relative;padding:14px 20px;font-size:15px;color:#666}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background:#e7eef7;font-weight:500;color:#0e2e77}
.dropdown-menu li+li{border-top:1px solid #cfd5e6}
.tab{margin-bottom:30px}
.tab>li{padding:6px 6px 0;background:#2a55a5;border-left:1px solid #001e65}
.tab>li:first-child, .tab>li.active, .tab>li.active+li{border-left-color:#2a55a5}
.tab>li>a{position:relative;display:block;padding:11px 10px 19px;font-size:18px;font-weight:500;color:rgba(255,255,255,.5)}
.tab>li.active>a{background:#fff;color:#2a55a5}
.tab>li.active>a:after{content:"";position:absolute;bottom:5px;left:50%;width:92px;height:11px;margin-left:-46px;background:url(../img/tab.png) no-repeat}

/* Pagination */
.pagination{margin:30px 0 0}
.pagination>li>a[class*=icon-]{width:40px;height:40px;margin:0 2px;border:0;border-radius:0}
.pagination .icon-first{background-image:url(../img/icon_first.jpg)}
.pagination .icon-prev{margin-right:20px !important;background-image:url(../img/icon_prev.jpg)}
.pagination .icon-next{margin-left:20px !important;background-image:url(../img/icon_next.jpg)}
.pagination .icon-last{background-image:url(../img/icon_last.jpg)}
.pagination>li>a:not([class*=icon-]){width:30px;height:40px;padding:8px 0;margin:0 8px;background:none;border:0;text-align:center;font-size:18px;font-weight:500;color:#898989}
.pagination>li.active>a{background:transparent url(../img/active.png) no-repeat 50% 50% !important;font-weight:700;color:#fff}

/* Label */
.label{display:inline-block;padding:11px 20px;margin:2px 10px 0;border-radius:50px;font-size:18px;font-weight:400;letter-spacing:0;vertical-align:top}
.label.evt{width:90px;padding:10px 0;margin:-4px 10px 0 0;font-size:16px;background:#0185d5}
.label.evt:before, .dsc-evt dt:before, .dsc-evt dt:after{content:"";display:inline-block;background-repeat:no-repeat;vertical-align:top}
.label-square{border-radius:0}
.label.evt:before{width:19px;height:20px;margin:-2px 3px 0 0;background-image:url(../img/evt.png)}
.evt.end{background:#aaa}

/* List Group */
[class*=lst-bullet-]{line-height:1.7}
[class*=lst-bullet-] li{position:relative;padding-left:.714em}
[class*=lst-bullet-] li:before{position:absolute;left:0}
.lst-bullet-dot li:before{content:"ㆍ"}
.lst-bullet-dash li:before{content:'-'}
.lst-bullet-star li:before{content:'*'}
.dsc-inline, .list-inline{font-size:0}
.dsc-inline>dt, .dsc-inline>dd, .list-inline>li{display:inline-block;font-size:14px;vertical-align:top}
.lst-split li{float:left}
.lst-split li+li:before{content:"";display:inline-block;width:1px;height:.9em;margin:0 15px;background:rgba(255,255,255,.3);vertical-align:middle}
.list-float:after, .dl-float:after{content:"";display:block;clear:both}
.list-float>li, .dl-float>dt{float:left}
.dl-float>dt{font-weight:400;clear:left}
.media{margin:0}
.media-body{padding:15px 20px}
.media-left{padding-right:50px}
.tmb{position:relative;display:block}
.tmb img{max-width:100%}
/* List Type */
[class*=lst-basic]>li{padding:25px 0;border-bottom:1px solid #d4d4d4;color:#666}
[class*=lst-basic] .t3{padding-bottom:15px;color:#0d0d0d}
.lst-basic-blue{border-top:2px solid #0e2e77}
.lst-basic-blue>li:last-child{border-bottom:2px solid #0e2e77}
.lst-evt .media{display:table;width:100%;table-layout:fixed}
.lst-evt .media-body{width:754px}
.lst-evt .t3{padding:4px 0 10px}
.lst-evt .end .tmb:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6) url(../img/end.png) no-repeat 50% 50%}
.dsc-evt dt:before{width:15px;height:16px;margin:4px 5px 0 10px;background-image:url(../img/evt_date.png)}
.dsc-evt dt:after{margin:6px 15px 0;height:13px;border-left:1px solid #cdcdcd}
.dsc-evt dd:not(:last-child){padding-bottom:8px}
[class*=lst-gallery]{margin:0 -10px}
[class*=lst-gallery]>li{padding:0 51px 85px;text-align:center}
[class*=lst-gallery] .tit{margin:20px 0 -5px;font-size:18px;font-weight:400}
.lst-gallery-round .tmb{overflow:hidden;width:320px;height:320px;border-radius:50%}

/* Slider */
.bx-wrapper{position:relative}
.slider-wrp{overflow:hidden;position:relative;visibility:hidden;height:0}
.slider-wrp.bx-open{overflow:visible;visibility:visible;height:auto}
.slick-dots{position:absolute;bottom:30px;right:45px}
.slick-dots>li{display:inline-block;vertical-align:top}
.slick-dots button{display:block;width:8px;height:8px;margin:0 5px;border-radius:50%;background:transparent;border:1px solid #fff;font-size:0;line-height:0;text-indent:-999em}
.slick-active button{background:#37bbf5;border-color:#37bbf5;background-position:0 50%}
.slick-slide{outline:0}
.slick-arrow{border:0;background:none;font-size:0;line-height:0;text-indent:-9999em}

/*--------------------------------------
    PAGES
---------------------------------------*/

/* Layout */
body:before{content:"";position:absolute;top:0;left:0;right:0;height:1160px;background:url(../img/bg.jpg) no-repeat 50% 0;background-size:cover}
#wrap{overflow:hidden;position:relative;min-width:1280px}
.contents{max-width:1200px;padding:220px 0 130px;margin:0 auto;text-align:center}

/* AD */
#topAd{position:relative;z-index:150;background:rgba(15,42,112,.7);-webkit-transition:margin .4s;transition:margin .4s}
#topAd.off{margin-top:-93px}
.ad-bx-slider{overflow:hidden;position:static;height:93px}
.ad-bx-slider .slick-dots{right:20px;bottom:20px}
.ad-bx-slider .slick-dots button{width:14px;height:17px;border-radius:0;border:0;background:url(../img/ad_pager.png) no-repeat 50% 50%}
.ad-bx-slider .slick-active button{background-image:url(../img/ad_pager_active.png)}

/* Quick */
.quick *{outline:0 !important}
.quick{position:fixed;top:155px;right:0;z-index:70;width:376px;margin-right:-268px;padding-right:268px;color:rgba(255,255,255,.5);-webkit-transition:margin .4s;transition:margin .4s}
.quick.opened{margin-right:0}
.quick .tit, .quick-menu{float:left;width:100%}
.quick .tit{background:rgba(53,93,155,.8);font-size:22px;line-height:38px;text-align:center;color:#fff}
.opened .quick-menu .active>a{overflow:visible;border:4px solid #fff}
.opened .quick-menu .active>a:after{content:"";position:absolute;left:100%;top:50%;width:0;height:0;margin-top:-8px;border:8px solid transparent;border-left:16px solid #fff}
.quick .tab-content{float:right;width:268px;margin:-38px -268px 0 0}
.quick .wrp{padding:35px 30px}
.quick-buy1{background:rgba(31,68,132,.8)}
.quick-buy2{background:rgba(18,33,82,.8)}
.quick-tit{padding-left:60px;margin-bottom:15px;background-repeat:no-repeat;background-position:0 50%;font-size:17px;font-weight:400;line-height:1.5;color:#fff}
.quick-buy1 .quick-tit{background-image:url(../img/quick_tit1.png)}
.quick-buy2 .quick-tit{background-image:url(../img/quick_tit2.png)}
.quick .dropdown>a{padding-bottom:10px;border-bottom:3px solid #fff}
.quick .dropdown>a:after{top:3px;right:10px;width:11px;height:11px;margin:0;background-image:url(../img/drop.png)}
.quick .dropdown-menu{border:3px solid #fff;border-top:0;background:#031d5e}
.quick .dropdown-menu>li>a{padding:12px 18px;background:#031d5e !important;font-weight:500;font-size:16px;color:#fff}
.quick-guide .wrp{padding:15px 30px;background:rgba(35,56,102,.8)}
.quick-guide .title{padding-top:10px;font-size:18px;font-weight:400;color:#fff}
.dsc-time .color-blue{margin-top:12px;font-size:16px;font-weight:400}
.dsc-time dd>span, .tel-wrp span{font-size:17px}
.cal-wrp .title{margin-top:-15px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}
.cal-hd{margin:20px 0 10px;text-align:center}
.cal-hd .year{padding:0 20px;font-size:22px;line-height:20px;font-weight:600;color:#37bbf5}
.cal-day:after, .cal-date:after{content:"";display:block;clear:both}
.cal-day{padding-bottom:3px;margin-bottom:5px;border-bottom:1px solid rgba(255,255,255,.08)}
.cal-day>li, .cal-date>li{position:relative;float:left;width:14.28%;padding:3px 0;text-align:center;color:#fff}
.cate>div{float:left;min-width:80px;margin:7px 5px 0 0;color:#fff}
.cal-date [class*=color-e-]:before{content:"";position:absolute;top:50%;left:50%;width:23px;height:30px;margin:-17px 0 0 -11px;background-repeat:no-repeat}
.cal-date span{position:relative}
.cate [class*=color-e-]{display:inline-block;width:11px;height:14px;margin:2px 5px 0 0;background-size:auto 14px;vertical-align:top}
.color-e-red:before, .cate .color-e-red{background-image:url(../img/color_e_red.png)}
.color-e-blue:before, .cate .color-e-blue{background-image:url(../img/color_e_yellow.png)}
.color-e-yellow:before, .cate .color-e-yellow{background-image:url(../img/color_e_black.png)}
.color-e-black:before, .cate .color-e-black{background-image:url(../img/color_e_blue.png)}
.color-e-gray:before, .cate .color-e-gray{background-image:url(../img/color_e_gray.png)}
.tel-wrp.tel-wrp{padding-top:10px;background:rgba(23,46,84,.8);border-top:1px solid rgba(53,180,237,.4)}
.tel-wrp .color-wh{padding:5px 0;font-size:30px;font-weight:500;letter-spacing:-1px}

/* Header */
#hd{position:absolute;top:0;left:0;right:0;z-index:60;background:transparent}
#hd.open{z-index:100}
#hd:before{content:"";position:absolute;display:block;top:0;left:0;right:0;bottom:0;background:#2581d7;background:-moz-linear-gradient(top, rgba(37,129,215,0.43) 0%, rgba(37,129,215,1) 100%);
background:-webkit-linear-gradient(top, rgba(37,129,215,0.43) 0%,rgba(37,129,215,1) 100%);
background:linear-gradient(to bottom, rgba(37,129,215,0.43) 0%,rgba(37,129,215,1) 100%);box-shadow:0 40px 140px rgba(30,70,101,.7);border-bottom:1px solid rgba(255,255,255,.6);opacity:0;-webkit-transition:opacity .8s;transition:opacity .8s}
#hd.open:before{opacity:1;-webkit-transition:opacity .4s;transition:opacity .4s}
.logo, #gnb, .banner-slider{position:relative;z-index:1}
.logo{float:left;margin:30px 0 0 80px}
.banner-slider{overflow:hidden;position:absolute;top:0;left:50%;width:595px;height:0;margin-left:-600px;-webkit-transition:height .3s;transition:height .3s}
.open .banner-slider{height:350px}

/* Gnb */
#gnb{overflow:hidden;height:55px;margin:60px 140px 0 0;-webkit-transition:height .4s;transition:height .4s}
.open #gnb{height:290px}
.gnb a{display:block;font-size:16px;color:#fff}
.gnb>li{height:240px;padding:0 30px}
.gnb>li+li{border-left:1px solid transparent}
.open .gnb>li+li{border-left-color:rgba(63,180,231,.5)}
.gnb>li>a{position:relative; min-width: 61px; margin-bottom:25px;font-weight:700;font-size:21px}
.gnb>li.active>a:after{content:"";position:absolute;top:100%;left:0;width:100%;height:18px;margin-top:3px;background:url(../img/gnb.png) no-repeat 50% 0;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}
.open .gnb>li.active>a:after{opacity:0}
.dep2>li{margin-bottom:15px}
.gnb>li:nth-child(2).active>a:after{background-image:url(../img/gnb2.png);}
.gnb>li:nth-child(3).active>a:after{background-image:url(../img/gnb3.png);}
.gnb>li:nth-child(4).active>a:after{background-image:url(../img/gnb4.png);}

/* Footer */
#ft{position:relative;padding-top:45px;background:#071023;text-align:center;color:#fff}
#ft .btn{display:block;width:475px;margin:0 auto 50px;font-size:26px}
.footer{position:relative;padding:15px 0 25px;background:#1774bc;font-weight:300}
.footer:before{content:"";position:absolute;bottom:100%;left:0;right:0;height:10px;background:url(../img/ft_bg.png) repeat-x}
.footer .social{display:inline-block;vertical-align:top}
#familysite{ position: absolute;top:50%;right:60px;width: 180px; margin-top: -20px; }
#familysite .dropdown-toggle{ display: block; width: 100%; height: 40px; padding: 0 20px; border: 1px solid #136aac; background: #136aac;font-weight:300;font-size:14px; text-align: left; color:#fff}
#familysite .dropdown-toggle i{ float: right; margin-top: 3px;font-size: .8em}

/* main */
.main{height:3345px;margin-top:-93px;background:#071023 url(../img/main_bg.jpg) no-repeat;background-size:cover}
.main-visual{position:relative; height:1207px;padding:275px 0 180px}
.main-visual-slider{overflow:hidden;height:752px}
.main-visual-slider .slick-dots{bottom:auto;right:auto;top:450px;left:50%;margin-left:50px}
.main-visual-slider .slick-dots button{position:relative;width:38px;height:21px;margin:0 0 0 -5px;border-radius:0;border:0;background:url(../img/visual_pager.png) no-repeat}
.main-visual-slider .slick-active button{z-index:1;background-image:url(../img/visual_pager_active.png)}
.main-link{position:relative;height:461px}
.main-link-slider{position:absolute;top:0;right:40%;width:1638px;margin-right:-432px}
.main-link-slider .slick-slide{width:526px;padding-right:20px}
.main-link-slider .slick-arrow{position:absolute;top:0;right:0;z-index:10;width:82px;height:82px;background:url(../img/left.png) no-repeat}
.main-link-slider .slick-next{margin-right:-82px;background-image:url(../img/right.png)}
.main-content{position:relative;height:387px;margin:125px auto 175px}
.main-content:before{content:"";position:absolute;left:100%;top:0;display:block;width:700px;height:714px;margin:-340px 0 0 -340px;background:url(../img/fish.png) no-repeat}
.main-content:after{content:"";position:absolute;left:0;right:0;top:100%;display:block;height:100px;background:url(../img/shadow.png) no-repeat;background-size:100%}
.main-content-slider{overflow:hidden;float:left;width:507px;height:387px}
.main-content-slider .slick-dots button{border-color:#999}
.main-content-slider .slick-active button{background:#935e34;border-color:#935e34}
.content-link{float:left;width:693px;border:1px solid rgba(255,255,255,.3);border-width:0 0 1px 1px}
.content-link>li{overflow:hidden;height:193px;border:1px solid rgba(255,255,255,.3);border-width:1px 1px 0 0}
.alive-sns{position:relative;left:50%; height:304px;margin-left:-600px}
.alive-sns .tit{display:inline-block;margin-bottom:15px;font-size:32px;font-weight:400;vertical-align:top;color:#fff}
.alive-sns .tit>span{font-weight:500;font-size:38px;letter-spacing:-2px}
.alive-arrow{position:relative;display:inline-block;margin:7px 0 0 20px;vertical-align:top}
.alive-arrow:after{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px solid rgba(255,255,255,.25)}
.alive-arrow .slick-arrow{width:14px;height:24px;margin:0 10px}
.alive-sns-slider{overflow:hidden;height:248px}
.alive-sns-slider .slick-slide{position:relative;width:258px;padding-right:10px}
.alive-sns-slider .txt-line{position:absolute;left:0;right:0;bottom:20px;height:3em;padding:0 25px;font-weight:300;color:#fff}
.map{padding-top:270px}
.map>div{overflow:hidden;float:left;width:50%;height:416px}
.map-left .slick-dots{right:auto;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}
/* popup */
.icon-btn-popup{position: absolute;bottom:255px;left:50%; width: 120px; height:114px; margin-left: 100px; background-image:url(../img/btn_popup.png)}
.icon-btn-popup-clse{ position: absolute;top:-83px;left:50%; width: 117px; height:83px; margin-left: -58px; background-image:url(../img/btn_popup_clse.png)}
#popup{display:none;position: absolute;left:50%; top:260px; z-index: 100; width:560px; margin-left: -280px;padding:40px 20px; background: #0a4492}
#popup h3{ margin-bottom: 20px; font-size: 26px; text-align: center; color: #fff;}
#popup h3 span{ display: block; margin-bottom: 10px; font-weight: 300; font-size:17px; color: rgba(255,255,255,.5)} 
#popup .btn-more{ display: block; width: 120px; height: 40px; margin: -40px auto 0; background: #0a4492; font-size:18px; text-align: center; line-height: 40px; color: #fff}
#popup .lst-playtime{padding: 20px 20px 60px;background: #fff}
#popup .lst-playtime img{width: 175px;height:175px;}
#popup .playtime{position: absolute;bottom:20px;left:25px;right:25px; width:auto;padding:0;background:none;font-size:inherit}
#popup .playtime strong{font-size: 40px;}
#popup .media-body{ position: relative;padding:20px 25px;vertical-align: middle}
#popup .label{display: inline-block;padding:6px; font-size:14px;}
#popup h4{margin-bottom:5px; font-size: 20px;}
#popup .meta{ margin-bottom:20px}

/*--------------------------------------
    SUB PAGES
---------------------------------------*/

.page-header{position:relative;padding:180px 0 120px;margin:0;border:0;font-size:20px;font-weight:300;text-align:center;color:#fff}
.page-header:before{content:"";position:absolute;top:-93px;left:0;right:0;bottom:0;background-repeat:no-repeat;background-size:cover}
.page-header .tit{margin-bottom:5px;font-size:44px;font-weight:700}
#snb{background:#f7f7f9;border-bottom:1px solid #e4e4ed}
.snb>li{line-height:59px;font-size:15px;color:#707070}
.snb .dropdown{width:210px;border-right:1px solid #e4e4ed}
.snb a{display:block;padding:0 20px}
.page-contents{min-height:500px;padding:50px 0 100px;background:#fff;font-size:16px;color:#0d0d0d}

/* 상세 */
.view-hd, .view, .view-ft{position:relative;text-align:center}
.tab+.view-hd{margin-top:60px}
.view-hd .title{width:700px;margin:0 auto;padding:0 30px;font-size:38px;letter-spacing:-2px}
.view-hd .view-left, .view-hd .view-right{position:absolute;top:0}
.view-hd .view-left{left:0}
.view-hd .view-right{right:0}
.view-hd .playtime{ position: absolute;bottom:0;right: 0; width: 290px;}
.dsc-view{display:inline-block;margin-top:12px;vertical-align:top;color:#a6a6a6}
.dsc-view dd{line-height:22px;font-size:18px;font-weight:500}
.dsc-view dd:not(:last-child):after{content:"";display:inline-block;width:1px;height:13px;margin:4px 18px 0;border-left:1px solid #d7d7d7;vertical-align:top}
.icon-user+dd{font-size:15px;font-weight:400}
.view-left.view-left, .view-right.view-right{position:absolute;float:none;top:0;height:56px;padding-top:17px;background-repeat:no-repeat;font-size:16px;vertical-align:top;color:#5479c9}
.view-left{left:0;padding-left:66px;background-image:url(../img/icon_view_left.png);background-position:0 50%}
.view-right{right:0;padding-right:66px;background-image:url(../img/icon_view_right.png);background-position:100% 50%}
.view{padding:80px 0 130px;margin:45px 0 30px;border-top:2px solid #0e2d77;border-bottom:1px solid #0e2d77;font-size:18px;font-family:'Noto Sans CJK KR','Noto Sans KR','맑은 고딕','Malgun Gothic','돋움','Apple SD Gothic Neo',sans-serif;color:#525252}
.view-ft .btn{width:205px}
.view-hd .evt{width:115px;padding:11px 0 9px;margin:2px 10px 0;font-size:18px}
.view-hd .evt:before{width:23px;height:23px;margin:-3px 5px 0 0;background-image:url(../img/evt_.png)}
.evt-banner{margin:-60px 0 -100px}
.view img{max-width:100%}

/* 얼라이브아쿠아리움 */
.notify td{background:#f9fcff}
.info .t1{display:block;padding-bottom:15px}
[class*=mark-]{display:inline-block;padding:10px 20px 7px;font-weight:400}
.mark-blue{background:rgba(4,255,255,.4)}
.mark-grn{background:rgba(0,212,195,.4)}
.info .txt{padding:40px 0 130px;font-size:16px;line-height:1.8}
.dsc-info{margin:50px -13px 0}
.dsc-info>li{padding:0 13px;text-align:left;font-size:15px;color:#707070}
.dsc-info dt{padding:35px 0 7px;font-weight:500;font-size:22px;color:#000}
.dsc-info dd{letter-spacing:-1px}
.tb-charge{margin-bottom:30px}
.tb-charge.tb-charge thead th{border-bottom:1px solid #d4d4d4}
.tb-charge.tb-charge thead th+th{border-left:1px solid #d4d4d4}
.tb-charge.tb-charge tbody th, .tb-charge.tb-charge tbody td{border-top:0}
.tb-charge th:first-child, .tb-charge td:first-child{padding-left:70px;background:none;text-align:left}
.tb-charge th:nth-child(2), .tb-charge td:nth-child(2){background:#e2f3f9;color:#2a55a5}
.tb-charge td[rowspan="3"]{border-bottom:2px solid #2551a1}
.alert-bx{position:relative;margin:60px 0;padding:45px;padding-left:395px;border:1px solid #e3e3e3;background:#fafafa url(../img/alert_bg.png) no-repeat 100px 50%;color:#666}
.alert-bx:after{content:"";position:absolute;top:45px;bottom:45px;left:320px;border-right:1px solid #e3e3e3}
.alert-bx .t3{padding-bottom:20px;color:#0d0d0d}
.guidemap{padding:70px 0}
.group-viewing>div{height:396px;margin-top:45px;border:1px solid #e0e0e0;border-left:0;text-align:center;font-weight:500;color:#666}
.group-viewing .dsc{height:100%;padding-top:55px;border-left:1px solid #e0e0e0}
.group-viewing .info{padding-top:80px;border:0;background:#015fc3;color:#fff}
.group-viewing .tit{font-size:24px}
.group-viewing .tel{font-size:25px;color:#4acaff}
.group-viewing .lst-bullet-dash{display:inline-block;text-align:left;letter-spacing:-1px;vertical-align:top}
.group-viewing .t3{margin-top:20px}
.convenience>li{padding-bottom:80px;color:#666}
.convenience .media-left{padding-right:20px}
.convenience .media-body{padding:50px 0 0}
.convenience .tit{padding-bottom:15px;font-size:32px;color:#0d0d0d}
.bx{border:1px solid #e5e5e5;border-top:2px solid #000;background:#fcfcfc;font-weight:500;line-height:1.5;color:#666}
.bx .tit{padding-bottom:20px;font-size:24px;color:#0d0d0d}
.bx .media-left{padding-right:30px}
.bx .media-body{padding:30px}
.address-area{padding:7px 0 60px}
.address-area .color-primary{padding-bottom:30px}
.traffic>li:last-child{border-bottom:0}
.traffic .media-left{padding-right:25px}
.traffic .media-body{padding:0}
.traffic .t3{margin-bottom:15px;padding:0}
.traffic .tit{font-size:22px;color:#00a6da}
.bus li{padding-top:15px}
.bus .label{width:60px;padding:6px;margin:-1px 10px 0 0;border-radius:4px;font-size:14px;color:#fff}
.timetable{margin-bottom:20px;background:#015ec2;text-align:center;color:#fff}
.timetable>div{padding:40px 0;border-top:6px solid #002597;line-height:1.8}
.timetable>div:last-child{border-top-color:#028bd5;background:#14bae8}
.timetable .tit{font-size:30px}
.timetable .tit:after{content:"";display:block;width:38px;height:4px;margin:20px auto;background:#fff}
.timetable [class*=bg-]{display:inline-block;padding:0 10px;vertical-align:top}
.time-cal-wrp{padding:33px 43px 163px;margin-top:45px;background:url(../img/cal_bg.jpg) no-repeat 0 100%;border:1px solid #d9d9d9;border-top-color:#015ec2}
.time-cal-wrp .cal-hd{height:64px;margin:0 0 30px}
.time-cal-wrp .year{font-size:55px;font-weight:700;line-height:1.1;color:#2a3f72}
.time-cal-wrp .year>small{font-weight:400;font-size:20px}
.time-cal-wrp [class*=icon-cal]{width:64px;height:64px;margin-top:-3px}
.time-cal-wrp .icon-cal-prev{float:left;background-image:url(../img/cal_left.png)}
.time-cal-wrp .icon-cal-next{float:right;background-image:url(../img/cal_right.png)}
.time-cal-wrp .cal-day, .time-cal-wrp .cal-date{padding:0;margin:0;border:0;border-left:1px solid #d4dadb}
.time-cal-wrp .cal-day>li{padding:11px 0;border:1px solid #d4dadb;border-left:0;background:#d7eaec;font-weight:500;color:#0d0d0d}
.time-cal-wrp .cal-day>li:first-child{background:#f3dbe0}
.time-cal-wrp .cal-day>li:last-child{background:#c6dee9}
.time-cal-wrp .cal-date>li{height:140px;padding:10px 15px;border:1px solid #d4dadb;border-width:0 1px 1px 0;text-align:left;font-size:20px;font-weight:700;color:#0d0d0d}
.time-cal-wrp .cal-date>li:nth-child(7n+1), .cal-date>li:nth-child(7n+1) .time{color:#de5b70}
.time-cal-wrp .cal-date>li:nth-child(7n), .cal-date>li:nth-child(7n) .time{color:#5e99d7}
.time-cal-wrp .cal-date>li>span:first-child{ float: left; width:40px; height: 48px; margin-bottom: 5px;}
.time-cal-wrp .closed{background:#fff5f2}
.time-cal-wrp .today.today{background:#028bd5 url(../img/today_bg.png) no-repeat 50% 100%;color:#028bd5}
.time-cal-wrp .today>span:first-child{ padding-top: 12px; background:url(../img/today.png); text-align: center}
.time-cal-wrp .today .time{/*float:none;display:block;padding-top:7px;text-align:center;font-size:17px;*/color:#fff}
.time-cal-wrp .time{float:right;margin-top:4px;font-size:14px;font-weight:500;color:#999}
.time-cal-wrp [class*=color-e-]{display:block;text-align:center;font-size:16px;clear:left;padding:2px;margin-top:5px;font-weight:400;color:#fff}
.time-cal-wrp [class*=color-e-]:before{display:none}
.time-cal-wrp .color-e-red{background:#fe4109}
.time-cal-wrp .color-e-blue{background:#34a2ee}
.time-cal-wrp .color-e-yellow{background:#8ebc00}
.time-cal-wrp .color-e-black{background:#a964ff}
.time-cal-wrp .color-e-gray{background:#d27906}

/* 연간이용 고객안내 */
.member .page-header{background-image:url(../img/bg/member.jpg)}
.pane:not(:last-child){margin-bottom:60px}
.pane .t3{margin-bottom:15px}
.ol-list{padding:20px 0}
.ol-list>li{margin-bottom:30px}
.ol-list .t4{margin-bottom:5px}
.dsc dd{padding-bottom:5px;font-weight:500}
.two-block dd{float:left}
.two-block dd:nth-of-type(odd){min-width:400px}
.two-block:after{content:"";display:block;clear:both}

/* 아쿠아리움이야기 */
.story .page-header{background-image:url(../img/bg/story.jpg)}
.btm-txt{padding:25px 0 40px;border-top:1px solid #e3e3e3;color:#666}
.friend{position:relative;text-align:center;font-size:15px;color:#808080}
.friend .t2{margin:-190px 0 15px;color:#0d0d0d}
.friend .dsc{display:inline-block;padding:20px 0 25px;vertical-align:top;text-align:left;color:#2a55a5}
.friend-list{margin-top:50px;padding-top:50px;border-top:2px solid #2a55a5}
.friend-list>li{width:195px;padding:0 20px 30px;font-weight:500;font-size:17px;text-align:center;color:#7f7f7f}
.friend-list .tmb{overflow:hidden;width:155px;height:155px;margin-bottom:20px;border-radius:50%;border:5px solid #fff}
.friend-list .active{color:#16a7fa}
.friend-list .active .tmb{border-color:#16a7fa}

/* 이벤트 */
.event .page-header{background-image:url(../img/bg/event.jpg)}

/* 공연시간 체험표 */
.icon-time2{width: 15px; height:15px;margin: 2px 4px 0 0;background-image:url(../img/icon_time2.png)}
.icon-playtime{width: 19px; height:15px;margin-top: -2px; background-image:url(../img/icon_playtime.png);vertical-align: middle}
.lst-playtime .media{display: block; margin-bottom: 20px; border: 1px solid #d3d3d3;}
.lst-playtime .media-left{padding: 0}
.lst-playtime .media-body{ padding:20px 40px 15px 40px}
.lst-playtime .media-right{ padding-right:30px}
.lst-playtime h4{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;max-height:2.4em;text-overflow: ellipsis; -webkit-line-clamp:2;margin:0 0 10px; font-size: 24px; line-height: 1.2; color: #333}
.lst-playtime .label{margin:0 0 10px;padding:6px; font-size:16px; border-radius:0;}
.lst-playtime .meta{font-size: 15px; color: #a6a6a6}
.playtime{width:320px; padding:25px 20px;background:#f2f2f2;font-size:18px;text-align: left; color: #646464}
.playtime strong{ float: right; margin: -20px 0; font-size:50px; color: #0e2d77}
.no-data{margin: 180px 0; padding:140px 0;background:url(../img/no_data.png) no-repeat 50% 0; font-size:20px;text-align: center; color: #787878}
.nav-program{ position: relative;margin: 0 59px 30px;border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3}
.nav-program-slider li a{display: block; width: 140px;text-align: center}
.nav-program-slider li a span{ display: inline-block;line-height: 55px; border-bottom: 2px solid transparent;}
.nav-program-slider .slick-active span{ border-color:#2a55a5; color: #2a55a5}
.nav-program .slick-arrow{position: absolute;top:-1px;left:-59px; width:59px; height: 59px; background: url(../img/nav_program_arrow.png)}
.nav-program .slick-arrow.slick-next{left:auto;right:-59px; transform: scale(-1,1)}

@media screen and (max-width:1800px){
.banner-slider{ display: none}
}


/* developer */

.none-act{cursor:default;}

/*20210910팝업*/

#popup2{display:none;position: absolute;left:4%; top:260px; z-index: 100; width:560px; margin-left: -280px;padding:40px 20px; background: #0a4492}