@charset "utf-8";

.mtop5 {margin-top:5px !important;}
.mtop7 {margin-top:7px !important;}
.mtop10 {margin-top:10px !important;}
.mtop15 {margin-top:15px !important;}
.mtop20 {margin-top:20px !important}
.mtop25 {margin-top:25px !important}
.mtop27 {margin-top:27px !important}
.mtop30 {margin-top:30px !important}
.mtop40 {margin-top:40px !important}

.mbop5 {margin-bottom:5px !important;}

.cen {text-align:center  !important}
.over {overflow:hidden !important}
.fl {float:left;}
.fr {float:right;}

address, article, aside, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {letter-spacing:-0.05em;}
.top_h {position: fixed;top: 0px;width:100%;min-width:320px;z-index:99;background:#000;}
.body {width:100%;min-width:320px;padding-top:87px;}
.top {overflow:hidden; position:relative;}
.top .fl {width:38px;margin:0 1px;}
.top .logo {width:calc(100% - 70px);text-align:center;padding-left:30px;}
.top .top_btn {width:38px; position:absolute; right:1%; top:50%; transform:translateY(-50%);}
a.btn_s1 {display:block;border-radius: 5px;background:#1f5fca;width:19px;height:19px;vertical-align:middle;text-align:center;padding:7px;margin-top:3px;}
a.btn_s1 img {width:100%;}

nav {width:100%;min-width:320px;}
nav ul {display:flex;justify-content:space-around; background:#ff78ae; }
nav ul li.line {background:url(../images/top_menu_line.jpg) no-repeat right center;background-size:1px 16px;width:1px;opacity:0.5;}
nav ul li a {display:block;color:#000;text-align:center;padding: 10px 4px;font-weight:500;font-size:1.18em;}
nav ul li:last-child {background:none;}
nav ul li:first-child a {color:#fe0000;animation: reAnimation 0.8s infinite}
@keyframes reAnimation {
  50% {
    color: #00fff6;
  }
}

/*-----------------햄버거메뉴(aside)------------------------------------*/
aside {background: #1b283c; position: fixed; left: -100%; top: 0px;bottom: 0px;width: 100%;z-index: 99999; overflow:scroll;}
aside::-webkit-scrollbar-thumb {background-color: #1f5fca;}
aside::webkit-scrollbar-track {background-color: #1b283c;}
aside button { float: right;}

.ov_menu {border-top:1px solid #666;}
.ov_menu li a.gnb {display:block;color:#fff;font-weight:500;font-size:1.2em;padding: 7px 10px;border-bottom:1px solid #666;background:url(../images/menu_bar_bg.png) repeat-y left top;background-size:50% 100%;}
.ov_menu li a.t_line {border-top:1px solid #666;}
.ov_menu li a.gnb img {width:35px;vertical-align:middle;}
.ov_menu li a.gnb span {display:inline-block;padding: 5px 0 0 3px;}
.ov_menu li a.gnb span.ad_txt {color:#fff000;font-size:0.8em;font-weight:300;padding: 0 0 0 10px;}

.sgnb {overflow:hidden;padding:10px;}
.sgnb li {float:left;width:20%;}
.sgnb li a {display:block;background:#205bbd;border-radius: 7px;color:#fff;min-height:35px;width:95%;font-size:0.9em;text-align:center;}
.sgnb li a span {display:block;padding-top:9px;}

.ov_banner {padding:0 10px;overflow:hidden;}
.ov_banner li {float:left;width:50%;padding: 10px 0;min-height:35px;}
.ov_banner li:first-child {background:#79c44c;}
.ov_banner li:last-child {background:#00a8b7;}
.ov_banner li dl dt img {width:35px;text-align:center;}
.ov_banner li dl dt {width:35px;display:inline-block;vertical-align:top;padding:0 5px;}
.ov_banner li dl dd {display:inline-block;vertical-align:middle;background:url(../images/menu_line.png) no-repeat left 5px;min-height:35px;background-size:1px 25px;padding: 0 5px;font-size:0.9em;}
.ov_banner li:last-child dl dd p {padding: 9px 0 0 0;}

.ov_wt_btn {padding:0 10px;margin-top:10px;overflow:hidden;}
.ov_wt_btn li {width:19.5%;float:left;margin-right:0.5%;text-align:center;background:#dddddd;padding:5px 0;min-height:72px;}
.ov_wt_btn li:nth-child(2n) {background:#cacaca;}
.ov_wt_btn li img {width:60%;}
.ov_wt_btn li a p {font-size:0.8em;color:#333;line-height:1em;padding-top:4px;height:25px;}
/*=====over*/

.visaul {width:100%; min-width:320px; margin-top:7px;}
.m_con {padding:10px;min-width:300px;}

/*메인상단 연락처 및 계좌정보*/
.m_con .info {overflow:hidden;display:flex;}
.m_con .info .bank {float:left;width:50%;background:#000e42;text-align:center;color:#fff;box-sizing: border-box;padding:8px 2px;min-height:60px;}
.m_con .info .bank dt { width:90%; background:rgba(255,255,255, .5);font-size:1em;box-sizing: border-box;	padding:2px; margin:0 auto 5px;}
.m_con .info .bank dd {padding-top:5px;}
.m_con .info .bank p.num {font-family: 'S-CoreDream-7ExtraBold';font-size:1.2em;}
.m_con .info .bank p.num span{font-family: 'S-CoreDream-4Regular';display:inline-block; vertical-align:middle; font-size:0.7em; padding-right:5px; }

.m_con .info .tel {float:left;width:50%;background:#ff78ae;text-align:center;padding:8px 0;min-height:60px;}
.m_con .info .tel dt { width:90%; background:rgba(0,0,0, .3);font-size:1em; color:#fff;box-sizing: border-box;padding:2px; margin:0 auto 5px;}
.m_con .info .tel dd a {font-size:1.5em;font-family:  'S-CoreDream-7ExtraBold';color:#fff; line-height: 1em;}
.m_con .info .tel dd{padding-top:10px;}
.m_con .info .tel dd span{ display:inline-block; vertical-align:middle; font-size:0.6em; margin-right:10px;}

h3 {background:url(../images/title_ico.png) no-repeat left top;background-size:10px 12px;padding: 3px 0 5px 8px;font-size:1.2em;border-bottom:1px solid #ccc;}
h3 span {color:#1f5fca;}

.m_con .title {background:url(../images/title_ico.png) no-repeat left top;background-size:10px 12px;padding: 3px 0 5px 8px;font-size:1.2em;border-bottom:1px solid #ccc;border-top:none;border-bottom:none;margin-top:10px;}
.m_con .title .na {font-size:11px !important;top:0;}

/*메인예약현황*/
.m_re {margin-top:15px;position:relative;}
.m_re .re_box {border-top:3px solid #0a83e9;border-bottom:1px solid #dedede;background:#f6f6f6;padding:10px 0;text-align:center;}
.m_re .more {position:absolute;top:7px;right:2px;}
.m_re .more a {color:#666;font-size:0.9em;}
.m_re .more a span {color:#0a83e9;font-weight:bold;font-size:1.1em;}
.m_re table td div a {color:#fff;}

/*조황이미지*/
.m_gallery_box2 {position: relative;margin-top: 10px; width: 100%;min-width: 300px;}

/*출조공지*/
.m_notice {margin-top:15px;position:relative;}
.m_notice .n_box {background:#f6f6f6;border:4px solid #0a83e9;padding:10px ;height:150px;overflow:hidden;}
.m_notice .n_box h3 {background:none;border:none;}
.m_notice .more {position:absolute;bottom:4px;left:50%;margin-left:-33px;}

.bnr_hw {background:#1b97a3;padding:10px;}
.bnr_hw span {font-size:1.2em;}

.band{ padding:10px; box-sizing:border-box; border-radius:6px; background:#00cb3b; margin-top:10px;}
.band a{display:flex; justify-content:space-around; align-items:center; }
.band a .band_title { font-size:1.5em; font-family: 'S-CoreDream-7ExtraBold'; color:#fff; padding-left:5px; text-align:center;}
.band a .band_title span{ font-size:18px; font-weight:300;}

.m_btn1 {overflow:hidden;margin-top:5px;display:flex;}
.m_btn1 a {color:#fff;padding:13px 0;display:block;}
.m_btn1 a p {padding: 4px 0 0 0;}
.m_btn1 .btn1_1 {width:33.3333%;background:#1f5fca;min-height:68px;text-align:center;}
.m_btn1 .btn1_2 {width:33.3333%;background:#1b283c;min-height:68px;text-align:center;}
.m_btn1 .btn1_3 {width:33.3333%;background:#ff6000;min-height:68px;text-align:center;}

.m_board {border-radius: 5px;border:1px solid #c2c2c2;background:#f3f3f3;padding:7px 10px;}
.m_board .ww {width:100%;overflow:hidden;}
.m_board .ww .bst {float:left;font-weight:500;background:url(../images/m_board_line.jpg) no-repeat right center;background-size:1px 12px;padding: 0 7px 0 0;font-size:1.1em;}
.m_board .ww .bst{width:60px;}
.m_board .ww .day {float:left;width:45px;color:#095a9e;font-family: 'Open Sans', sans-serif;font-size:0.9em;display:inline-block;padding: 2px 7px;}
.m_board .ww .st {float:left;width:58%;}
@media (max-width:320px){
.m_board .ww .st {float:left;width:54%;}
}
.m_board .ww .st p {overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}

.windguru {background:#353535;padding:5px 0;}
.windguru dd {display:flex;justify-content:space-between;padding:7px 15px;}
.windguru dd a {background:#fff;border-radius:5px;width:31%;color:#0075d8;font-size:1.1em;font-weight:500;line-height:1.8em;}
.windguru dd a:hover {color:#033966;}

.wt_btn {overflow:hidden;}
.wt_btn li {float:left;width:20%;text-align:center;}
.wt_btn li a p {line-height:100%;padding:7px 0;font-size:0.9em;}

footer {background:#d1d4d6;padding:10px 10px 35px 10px;border-top:1px solid #c1cad0;}
footer adress {font-size:0.8em;line-height:120%;word-break: keep-all;}

#bottom-menu {background:#52575d; position:fixed; bottom: 0px; z-index:100;width:100%;min-width:320px;}
#bottom-menu ul {overflow:hidden;}
#bottom-menu ul li {float:left;width:27%;background:url(../images/m_board_line.jpg) no-repeat right center;background-size:1px 12px;}
#bottom-menu ul li a {text-align:center;display:block;padding:10px 0;color:#fff;}
#bottom-menu ul li:last-child {background:none;width:19%;}
#bottom-menu ul li:last-child a {font-size:0.8em;padding:3px 0;line-height:1em;}
#bottom-menu ul li:last-child a span {font-size:0.5em;}

/*구글앱*/
.bnr_app{overflow:hidden; display: flex;align-items: center;justify-content:space-around; width:98%; margin:0 auto;
			 background:#000; border:3px solid #b2b2b2; padding:10px 20px 10px 20px; box-sizing:border-box; border-radius:10px;}
.icon_app img{ width:85%;}
.app_text{font-size:1em; color:#fff; font-weight:500; line-height:16px;}

/*sub content*/
/*서브 tab menu*/
.on1 a.m1,
.on2 a.m2,
.on3 a.m3, 
.on4 a.m4,
.on5 a.m5,
.on6 a.m6 {background:#000;color:#fff;font-weight:500;}

.sub_top_menu2 {overflow:hidden;display:flex; padding-top:0px;}
.sub_top_menu2 li {float:left;width:50%;}
.sub_top_menu2 li a {background:#d2ccc6;border-right:1px solid #ddd9d4;display:block;text-align:center;padding:12px 0;color:#283a55;font-size:0.9em;}
.sub_top_menu2 li:last-child a {border-right:none;}

.sub_top_menu4{overflow:hidden;display:flex; padding-top:0px;}
.sub_top_menu4 li {float:left;width:25%;}
.sub_top_menu4 li a {background:#d2ccc6;border-right:1px solid #ddd9d4;display:block;text-align:center;padding:12px 0;color:#283a55;font-size:0.9em;}
.sub_top_menu4 li:last-child a {border-right:none;}

.sub_top_menu3 {overflow:hidden;display:flex;justify-content:space-between; padding-top:0px;}
.sub_top_menu3 li {float:left;width:33.3333%;}
.sub_top_menu3 li a {background:#d2ccc6;border-right:1px solid #ddd9d4;display:block;text-align:center;padding:12px 0;color:#283a55;font-size:0.9em;}
.sub_top_menu3 li:last-child a {border-right:none;}

/*선박소개*/
.int {padding: 0;}
.int .st {font-size:1.2em;margin-top:20px; text-align: center;width: 100%; border-radius: 15px;  background: #000; color: #fff;box-sizing: border-box;padding:5px 0 5px 0;}
.int .list {margin-top:5px;border:1px solid #ccc;padding:10px;}
.int .list li {background:url(../images/list_ico.jpg) no-repeat 5px 13px;background-size:3px 3px;border-bottom:1px dotted #ccc;padding: 7px 0 7px 10px;word-break: keep-all;}
.int .list li:last-child {border-bottom:none;}
.int .list li span {font-weight:500;}

.int .txt1 {font-size:1.6em;text-align:center;color:#0f0b2c; font-family: 'OTEnjoystoriesBA';line-height:1.2em;letter-spacing:-0.1em; margin-bottom:20px;}

#int_pic { background:#ccc; position:relative; overflow:hidden; }
#int_pic ul { position:absolute; top:0; left:0; overflow:hidden; }
#int_pic ul li {}
#int_pic ul li img {width:100%;}

.ts-controls { height: 36px;position: relative; overflow: hidden; }
.ts-prev { display:none; width:100px; height:36px; background:#000; font-size:16px; color:#fff; font-weight:bold; position:absolute; top:0; left:0; }
.ts-next { display:none; width:100px; height:36px; background:#000; font-size:16px; color:#fff; font-weight:bold; position:absolute; top:0; right:0; }

.ts-paging { width:100%; text-align:center; position:absolute; top:12px; left:0; }
.ts-paging-btn { display:inline-block; width:10px; height:0; max-height:10px; padding-top:10px; margin-left:7px; border:0 ;border-radius:10px; background:#c1c1c1; overflow: hidden; }
.ts-paging-btn:first-child { margin-left: 0; }
.ts-paging-active { background:#ff5a00; }

/*출조공지*/
.pre h3 {border-bottom:none;font-size:1.3em;}
.pre .gg_box {border:2px solid #ea5451;background:#fdddce;padding:5px 5px 5px 5px;border-radius:10px; }
.pre .gg_box ul li {background-size:12px auto;padding: 5px 0 5px 15px;word-break: keep-all; text-align:center;}
.pre .gg_box ul li span {color:#de0505;}
.pre .con_t_line {border-top:1px solid #ccc;}
.pre_con {border-bottom:1px solid #ccc;margin-top:3px;padding-bottom:7px;}
.pre_con dt {background:url(../images/pre_st_ico.jpg) no-repeat left 9px;background-size:3px 15px;padding: 5px 0 5px 7px;font-size:1.2em;font-weight:500;}
.pre_con dd {}
.pre_con dd ul li {background:url(../images/list_ico.jpg) no-repeat 5px 12px;background-size:3px 3px;padding: 3px 0 3px 12px;word-break: keep-all}
.pre_con dd ul li span {color:#de0505;}
.re_btn {margin-top:7px;background:#1f5fca;border:1px solid #144699;border-radius:7px;display:block;padding:5px 0;text-align:center;color:#fff;font-size:1.3em;}
.re_btn img {width:40px;vertical-align:middle;}
.pre_con dd .box {background:#f2f2f2;border:1px solid #d7d7d7;padding:7px;border-radius:10px; }
.no_line {border-bottom:none;}

/*오시는길*/
.map {border-bottom:1px solid #ccc;padding: 5px 0;font-size:1.1em;word-break: keep-all; text-align:center;}
.map p{ text-align:left;}
.map p .red{ display:inline-block; background:#f00; color:#fff; font-weight:500; padding:2px 5px;}
.map p .faleblue{display:inline-block; background:#3540a9; color:#fff; font-weight:500; padding:2px 5px;}

.gmap{ position:relative; width:100%; height:200px; background:url(../images/gmap.jpg) no-repeat center; border:1px solid #ccc; box-sizing:border-box; margin-top:15px;}
.gmap p{position:absolute; left:50%; top:50%; transform:translate(-30%,-50%); width:80%; height:40px;}
.gmap p a {display:inline-block; background:#039; color:#fff; font-size:1em; font-weight:500; line-height:1.3em; border-radius:6px; padding:5px 20px;}
.gmap p a:hover{ background:#006;}

.frame {width:100%;overflow-x:auto;}
.wat_txt {font-size:0.9em;padding:10px 0;color:#666;}

.board_list {border-top:1px solid #1f5fca;}

.pic_view li a img {width:55px !important; height:30px !important;}
.map_pen img{ width:100%;}