/* reservation */
.resv_area {padding:9px}
.resv_area h3 {font-size:18px;font-weight:600;color:#336;margin:12px 0 10px}

.resv_area .proc {font-size:0;margin:0 0 13px}
.resv_area .proc li {display:inline-block;width:20px;height:21px;text-align:center;font-size:10px;font-weight:600;color:#888;padding:3px 0;margin:0 2px;border-bottom:4px solid #ccc;box-sizing:border-box}
.resv_area .proc li span {display:none}
.resv_area .proc li.on {position:relative;width:calc(100% - 148px);height:25px;text-align:left;font-size:13px;color:#009;border:0;background:url('/img/sub/book_proc_on.jpg') 0 100% no-repeat}
.resv_area .proc li.on:before {position:absolute;bottom:-4px;right:-3px;content:"";display:block;width:20px;height:22px;background:url('/img/main/Mlink_ico01.png') 0 0/20px no-repeat}
.resv_area .proc li.on span {display:inline-block;padding:0 5px;border-left:1px solid #aaa}

.resv_area .calendar_top {position:relative;line-height:50px;text-align:center;font-size:19px;font-weight:600;color:#fff;background:#33c;border-radius:5px 5px 0 0}
.resv_area .calendar_top button {position:absolute;top:0;display:block;width:50px;height:50px;border:0;text-indent:-9999px}
.resv_area .calendar_top button.prev {left:0;background:url('/img/sub/cal_arr_L.png') 50% 50%/13px no-repeat}
.resv_area .calendar_top button.next {right:0;background:url('/img/sub/cal_arr_R.png') 50% 50%/13px no-repeat}

.resv_area .calendar_box {padding:5px;border-radius:0 0 5px 5px;background:#fff}
.resv_area .calendar_box .info {display:inline-block;float:right;font-size:11px;color:#039;padding-left:15px;margin:9px;background:url('/img/comm/ico_yacht.png') 0 50%/12px no-repeat}

.resv_area .calendar {border:0}
.resv_area .calendar thead th {height:30px;font-size:12px;color:#222;background:#e4eef7;border:0;border-bottom:4px solid #fff}
.resv_area .calendar tbody td {text-align:center;font-size:1.1em;color:#222;padding:2px 1px 0;border:0}
.resv_area .calendar tbody td span {display:block;line-height:40px;border:1px solid #eee}
.resv_area .calendar tbody td span a {display:block}

.resv_area .calendar .sun {color:#f06}
.resv_area .calendar .sat {color:#06f}
.resv_area .calendar .can {font-weight:600;background:url('/img/comm/ico_yacht.png') 15% 84%/12px no-repeat}
.resv_area .calendar .can a {color:#009;}
.resv_area .calendar .today span {color:#fff;font-weight:600;background:#320098/*color:#63c;background:#eae3fc url('/img/sub/cal_today_bg.gif') 100% 100%/7px no-repeat*/}
.resv_area .calendar .today span a {color:#fff;font-weight:600}
.resv_area .calendar .pass span {background:#f5f5f5}

.resv_area .check_box p {line-height:1.3em;font-size:12px;color:#444}
.resv_area .check_box p.title {font-size:14px;color:#000}
.resv_area .check_box p span {display:inline-block}
.resv_area .check_box .bu {font-size:12px;color:#2525a4;padding-left:7px;background:url('/img/sub/book_h5_bu.png') 0 50%/5px no-repeat}

.resv_area .check_box {margin:0}
.resv_area .check_box li {line-height:1.3em;font-size:12px;color:#000;margin:10px 0 5px}
.resv_area .check_box li span {display:inline-block}

.resv_area .box {position:relative;font-size:0;padding:12px;border:1px solid #ccc;background:#fff;border-radius:5px;overflow:hidden}
.resv_area .box.top {border-top:1px solid #ccc;border-bottom:1px dashed #ccc}
.resv_area .box.mid {border-top:0;border-bottom:1px dashed #ccc}
.resv_area .box.bot {border-top:0;border-bottom:1px solid #ccc}

.resv_area .box h4 {line-height:1.3em;font-size:13px;color:#000;font-weight:600;margin:0 0 9px}
.resv_area .box h4 input {border:0}
.resv_area .box h4.member {display:block;line-height:1.2em;font-size:20px;font-weight:600;color:#003;letter-spacing:-0.1em}
.resv_area .box h5 {font-size:14px;font-weight:600;margin-bottom:9px}
.resv_area .box p {font-size:12px}
.resv_area .box .blue {line-height:20px;color:#009;margin:0}
.resv_area .box .notice {padding-left:20px;background:url('/img/comm/ico_warning.png') 0 50%/contain no-repeat}
.resv_area .box .info li {line-height:1.5em;font-size:12px;color:#006}
.resv_area .box .info li span {display:inline-block;width:60px;color:#333}

.resv_area .bp_info {font-size:0;margin-top:5px}
.resv_area .bp_info li {display:block;float:left;width:50%;padding-top:3px;box-sizing:border-box}
.resv_area .bp_info li:nth-of-type(2n) input {border-left:0}
.resv_area .bp_info .item_sex span {display:inline-block;padding:8px 12px 0 0}
.resv_area .bp_info .item_sex input[type="radio"] {width:22px;height:22px;vertical-align:middle;margin:0 4px 0 0;border-radius:12px}
.resv_area .bp_info .item_sex label {display:inline-block;font-size:12px;line-height:24px;vertical-align:middle}

.resv_area ol.rule li {line-height:1.3em;font-size:12px;color:#444;list-style-type:upper-roman;margin:0 0 5px 25px}
.resv_area ol.rule.v2 li {margin:0 0 0 20px}


.book_area .dayList {text-align:center;padding:20px 0}
.book_area .dayList li {position:relative;display:inline-block;width:30%;height:55px;margin:0 0.4%;border:1px solid #ccc;background:#f1f1f1;cursor:pointer}
.book_area .dayList li span {position:absolute;top:6px;left:8px;font-size:9px;color:#333;letter-spacing:-0.1em}
.book_area .dayList li p {line-height:60px;font-size:15px;font-weight:600}
.book_area .dayList li.active {position:relative;background:#0f0f99}
.book_area .dayList li.active span, .book_area .dayList li.active p {color:#fff}
.book_area .dayList li.active:before {position:absolute;bottom:-7px;left:calc(50% - 5px);content:"";display:block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #0f0f99;
}

/*회원탈퇴*/
a.member_Lve{background:#ccc;width:100%;color:#000;}

/* table */
.tb_yacht {width:100%;border-top:1px solid #009}
.tb_yacht thead th {font-size:10px;font-weight:600;padding:9px 0;background:#e0e6f2}
.tb_yacht tbody td {text-align:center;font-size:11px;padding:9px 0;border-bottom:1px solid #eee}
.tb_yacht tbody tr:last-child td {border:0}
.tb_yacht tbody td input {width:1em;vertical-align:middle;margin:0 3px 0 0}
.tb_yacht tbody td:first-child {text-align:left;padding-left:9px}

.tb_yacht2 {width:100%}
.tb_yacht2 th, .tb_yacht2 td {text-align:left;padding-left:15px;line-height:1.5em;font-size:11px;color:#333}
.tb_yacht2 th {width:50px}


.yachtDay {width:90px;text-align:center;margin:-20px auto 0;border:1px solid #afb0c2;border-radius:3px;overflow:hidden;
	background:#f9f9f9;background:-webkit-linear-gradient(#fff, #f2f2f2);background:linear-gradient(#fff, #f2f2f2)}
.yachtDay .month {height:22px;line-height:23px;font-size:11px;color:#fff;background:#888}
.yachtDay .day1 {height:40px;line-height:45px;font-size:28px;color:#333;font-weight:600}
.yachtDay .day2 {font-size:11px;padding-bottom:9px}

.num {display:inline-block;position:relative}
.num input[type='tel']{width:52px;height:32px;margin:0 31px;border:1px solid #afb0c2;color:#333;font-size:17px;text-align:center;box-sizing:border-box;border-radius:0}
.num .bp_minus, .num .bp_plus{position:absolute;overflow:hidden;width:32px;height:32px;border:1px solid #afb0c2;text-indent:-1000px;
background:#f9f9f9;background:-webkit-linear-gradient(#fff, #f2f2f2);background:linear-gradient(#fff, #f2f2f2)}
.num .bp_minus{top:0;left:0;-webkit-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px}
.num .bp_plus{top:0;left:82px;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0}
.num .bp_minus:before, .num .bp_plus:before{content:'';position:absolute;top:50%;left:50%;width:16px;height:2px;margin:-1px 0 0 -8px;background:#5d5e73;border-radius:2px}
.num .bp_plus:after{content:'';position:absolute;top:50%;left:50%;width:2px;height:16px;margin:-8px 0 0 -1px;background:#5d5e73;border-radius:2px}


button.plus {width:20px;height:20px;line-height:20px;text-align:center;padding:0;border:1px solid #afb0c2;
	background:#f9f9f9;background:-webkit-linear-gradient(#fff, #f2f2f2);background:linear-gradient(#fff, #f2f2f2)
}


/* 교육정보 */
.snb > li {display:block; float:left; width:50%; height:45px; line-height:45px; background:#fff; color:#000; border-right:1px solid #efeff0; box-sizing:border-box; font-size:13px; text-align:center; cursor:pointer}
.snb a.on {display:block; background:#efeff0; color:#f00; font-weight:600}

.list {position:relative;min-width:290px;overflow:hidden;padding-top:9px}
.list:after {content:"";display:block;clear:both}
.list > li {position:relative;width:calc(100% - 18px);margin:0 auto 9px;background:#fff;box-sizing:border-box;
	-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc}
.list > li img, .view img {width:100%;vertical-align:middle}

.view {background:#fff}
.view .info {padding:15px calc(3px + 4%) 12px;border-bottom:3px solid #f00}

.list .info {padding:15px calc(7px + 4%) 12px}
.list.v1 h3 + p {color:#888;font-size:11px}

.list.v2 > li {width:100%}
.list.v2 .info .call {position:absolute;top:calc(50% - 18px);right:15px;display:block;width:36px;height:36px;background:url('/img/comm/ico_tel.png') 50% 50%/contain no-repeat}
.list.v2 .info.bg {padding:15px 70px 12px 85px;background:20px 50%/45px no-repeat}

.list.v3 > li {float:left;width:calc((100% - 27px) / 2);margin:0 9px 9px 0}
.list.v3 > li:nth-of-type(2n-1) {margin-left:9px}
.list.v3 .info {position:absolute;bottom:0;width:100%;padding:10px;font-size:12px;color:#fff;background:rgba(0,0,0,0.5);box-sizing:border-box}



.info h3 {line-height:1.3em;font-size:16px;color:#000;letter-spacing:-0.06em;margin-bottom:3px}
.info p {font-size:11px;line-height:1.3em;color:#444;letter-spacing:-0.04em}
.info em {display:inline-block;color:#222}
.info .blue {color:#004685}


.info .DCprice {text-align:right;line-height:1em;font-size:18px;color:#f00;letter-spacing:-0.06em;margin:5px 0 0}
.info .DCprice .price {text-decoration:line-through;font-size:13px;color:#ccc;letter-spacing:-0.1em;padding-right:5px}
.info .DCprice span {font-size:13px}
.info .date {font-size:16px;color:#f00;letter-spacing:-0.08em;margin-top:5px}

.list .link {border-top:1px dotted #999}
.list .link > a {display:block;font-size:12px;padding:10px calc(5px + 4%)}

/* tab */
.tab-link {display:block;float:left;width:25%;height:40px;line-height:40px;background:#fff;color:#000;border-right:1px solid #efeff0;box-sizing:border-box;font-size:12px;text-align:center;cursor:pointer}
.tab-link.on {background:#efeff0;color:#f00;font-weight:600}
.tab-content {display:none;width:100%;padding:20px 9px;box-sizing:border-box;background:#efeff0;word-break:break-all}
.tab-content.on {display:block}
.tab-content.program {padding:20px 0 10px}

.tab-content.company .intro {font-size:12px;line-height:1.5em;text-align:justify;padding:0 0 10px;letter-spacing:-0.06em}
.tab-content.company .company_map {padding-top:15px}
.tab-content h4 {font-size:14px;color:#003399;letter-spacing:-0.06em;margin-bottom:5px}
.tab-content img {width:calc(100% + 20px);margin-left:-10px}
.tab-content > p {font-size:12px;color:#333;line-height:1.5em}
.tab-content.full {padding:20px 0}

.tabs.div2 .tab-link {width:50%}
.tabs.div3 .tab-link {width:33.33%}

/* table */
table {width:100%;background:#fff;font-size:12px;line-height:1.5em;letter-spacing:-0.06em;border-top:1px solid #ddd}
table thead th {background:#fff}
table th, table td {padding:6px 4px;text-align:center;font-size:15px;color:#000;border-bottom:1px solid #ddd}
table tbody th {font-size:11px;font-weight:600;color:#444;background:#f5f5f5}

.tb_market {margin-bottom:15px}

/* 우영_CSS 행사 표테이블 */
.sign_font{width:100%;float:left;margin-top:20px;font-size:1.5em;font-weight:bold;color:#336699}
.sign_title{border-top:2px solid #000;width:100%;margin:10px 0px;float:left;text-align:left;padding:0px 0px}
.sign_title table thead tr td.edu_txt{background:#8c764f;color:#FFF;border-bottom:0px none;font-weight:normal;text-align:left}
.sign_title table thead tr td{padding:10px;background:#2c2c2c;color:#FFF;text-align:center;border-bottom:1px solid #cccccc;font-weight:600;font-size:1em;}
.sign_title table thead tr td:nth-child(4n+2){border-right:0px none;}
.sign_title table tbody tr td{padding:5px;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;font-size:1em}
.sign_title table tbody tr td:nth-child(4n+2){border-right:0px none;}
.sign_title_num{background:#336699;text-align:left;color:#ffffff;}

/* fix box */
.fix_box {position:fixed;left:0;bottom:0;width:100%;text-align:center;z-index:9998}
.fix_box > img {margin-bottom:-4px}
.fix_box .btn_area {padding:7px;background:#333}
.fix_box .btn_area.small a {font-size:15px;padding:15px}

.fix_box .nav > li {display:block;float:left;width:20%;text-indent:-9999px;background:#fff}
.fix_box .nav > li > a {display:block;height:45px;background:url('/images/subCont/footer_nav.png') center 0 no-repeat;background-size:20px}
.fix_box .nav > li:nth-of-type(2) > a {background-position:center -45px}
.fix_box .nav > li:nth-of-type(3) > a {background-position:center -90px}
.fix_box .nav > li:nth-of-type(4) > a {background-position:center -135px}
.fix_box .nav > li:nth-of-type(5) > a {background-position:center -180px}

.fix_box .buy_order {color:#fff}
.fix_box .buy_order select,
.fix_box .buy_order input {color:#333}

.fix_box .pick_box {margin-top:10px;padding:10px;background:#444}
.fix_box .pick {text-align:left;font-size:14px;padding-bottom:5px}
.fix_box .pick_num {float:left;width:100px}
.fix_box .total_charge {font-size:20px;font-weight:600;letter-spacing:-0.1em}

dl.history {font-size:11px;line-height:15px;vertical-align:top;padding-left:5px}
dl.history dt {float:left;display:block;width:40px;letter-spacing:-0.07em;font-weight:600;color:#036}
dl.history dd {color:#000;padding-left:55px;margin-bottom:7px}


.list.ver4.verCN > li {display:table;width:100%}
.list.ver4.verCN > li a {display:table-cell;height:110px;vertical-align:middle;line-height:1.5em;font-size:12px;font-weight:600;color:#333;padding:0 20px 0 130px}
.list.ver4.verCN .info {height:110px;padding:0;background:5px 0/contain no-repeat}

.list.verWT li {padding:5px;margin:0 0 9px}
.list.verWT .info {padding:15px 0 13px 63px;background:5px 0/contain no-repeat}
.list.verWT .info a {font-size:12px;letter-spacing:-0.05em}
.webtoon img {width:100%}
.webtoon .btn {font-size:11px;color:#fff;margin:10px;background:#999}

div.cardnews {position:relative;padding:0 0 calc(39% - 85px);background:#fff}
div.cardnews .title {height:30px;line-height:30px;text-align:center;font-size:12px;font-weight:600;color:#344002;border:1px solid #ebebeb;margin-bottom:calc(39% - 90px)}
div.cardnews > #info {position:absolute;top:calc(50% - 90px);left:calc(50% - 80px);display:block;width:160px;height:160px;background:url('/images/common/touch_guide.png') 0 0/contain no-repeat;text-indent:-9999px}
div.cardnews img {width:100%}
div.cardnews .btn {font-size:11px;color:#fff;margin:10px;background:#999}

.cardnews_btnCss{margin:10px 0px;position:relative;height:80px;}

.cardnews_button{background:#ffffff;border:1px solid #ccc;width:100px;position:absolute;right:10px;padding:15px;text-align:center;color:#666;}


.top_line {padding-top:15px;margin-top:15px;border-top:1px solid #ccc}
p.warn {line-height:1.3em;font-size:12px;color:#ff004c;padding:6px 12px;border:1px solid #ff004c;background:#fff;border-radius:2px}

/* member */
.member_area {padding:40px 10px 120px;font-size:0}
.member_area h4 {line-height:1.2em;text-align:center;font-size:22px;font-weight:600;color:#003;letter-spacing:-0.1em;margin-bottom:10px}
.member_area h4 + p {text-align:center;line-height:1.3em;font-size:13px;color:#999;letter-spacing:-0.06em;min-height:25px;margin-bottom:20px}
.member_area h5 {font-size:15px;margin-bottom:7px}
.member_area h6 {font-size:14px;font-weight:600;color:#555}
.member_area pre {height:200px;line-height:1.5em;font-size:12px;color:#666;padding:6px 12px;border:1px solid #ccc;background:#fff;white-space:pre-line;overflow-x:hidden;overflow-y:scroll}
.member_area pre.v2 {height:390px}

.input_box {border-radius:0px 0 0 0px;overflow:hidden}
.input_box.v2 {border-radius:0}
.input_box i {width:50px;line-height:45px;text-align:center;font-size:19px;color:#fff;background:#999}
.input_box input{width:100%;height:45px;vertical-align:top;font-size:14px;color:#555;padding:6px 42px;border:1px solid #ccc;border-radius:0;box-sizing:border-box;box-shadow: inset 0px 0px 0px 0px ;}
.input_box select {width:100%;height:45px;vertical-align:top;font-size:14px;color:#555;border:1px solid #ccc;border-radius:0;box-sizing:border-box;box-shadow: inset 0px 0px 0px 0px ;}
.input_box select {height:35px;border-radius:3px}

.check_box {position:relative;font-size:13px;color:#666;margin:10px 0 25px 0;}
.check_box label {display:inline-block;vertical-align:middle;line-height:1.3em;padding-left:20px;margin:0;cursor:pointer}
.check_box label + label {margin-left:9px}
.check_box input[type=checkbox], .check_box input[type=radio] {position:absolute;vertical-align:middle;line-height:normal;margin:0 0 0 -20px}
.check_box h6 {display:inline-block;margin-right:20px}
.check_box .title {line-height:1.3em;font-size:14px;color:#333}
.check_box .notice {font-size:12px;color:#003;margin:0 0 10px}

.box_area {line-height:1.3em;font-size:13px;color:#333;padding:12px 0;border:1px solid #ccc;background:#fff;border-radius:5px}

.join_info {width:100%;height:auto;line-height:1.7em;font-size:13px;color:#333;padding:6px 12px;margin-bottom:15px;border:1px solid #ccc;background:#fff;box-sizing:border-box;border-radius:3px}
.join_info span {display:inline-block;width:60px;font-weight:600}

.list.ticket li {border-radius:4px;overflow:hidden}
.list.ticket div.top {padding:15px 15px 5px}
.list.ticket div.bot {color:#888;padding:9px 15px;border-top:1px dashed #ccc;background:#f7f7f7}

h3.ticket {text-align:center;font-size:21px;font-weight:600;color:#006;letter-spacing:-0.1em;margin:10px 0}
.list.ticket h4 {font-size:16px;font-weight:600;color:#222;margin:7px 0 2px}
.list.ticket p {line-height:1.4em}
.list.ticket a {display:inline-block;float:right;font-size:12px;color:#f62e3d}
.list.ticket .code {font-size:12px;color:#666}
.list.ticket .date {font-size:14px;color:#009}
.list.ticket .date span {font-size:13px}
.list.ticket .num {font-size:12px;margin-bottom:5px}

.book_list > li {font-size:12px;padding:15px 5px 12px;border-bottom:1px dashed #ccc}
.book_list > li:last-child {border:0}
.book_list > li:after {content:"";display:block;clear:both}
.book_list h5 {font-size:15px;color:#000033}
.book_list h5 a {font-size:12px;color:#ff3333;text-decoration:underline}
.book_list .info {margin-top:10px}
.book_list .info:after {content:"";display:block;clear:both}
.book_list .info li {display:block;float:left;}
.book_list .info li:after {content:",";padding-right:10px}
.book_list .info li:last-child:after {content:none}

.myticket h3 {text-align:center;font-size:26px;font-weight:600;color:#006;letter-spacing:0.1em;margin:15px 0 5px}
.myticket h3 + p {text-align:center;font-size:13px;font-weight:600;color:#333;letter-spacing:-0.05em;margin-bottom:5px}

.myticket .list li {position:relative;font-size:0;border-radius:5px;overflow:hidden;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4);
	background:#ffffff;
}
.myticket .list li div {display:inline-block;font-size:12px;padding:9px;box-sizing:border-box}
/*.myticket .list li div:first-child {width:calc(100% - 135px);color:#fff;border-right:1px dashed #ccc;background:#0652c0 url('/img/sub/myticket_bg.gif') 9px 50%/9px no-repeat;padding:15px 0 15px 20px}	 */
.myticket .list li div:last-child {text-align:right;vertical-align:top}
.myticket .list .date {font-size:16px;font-weight:600;}
.myticket .list .date span {font-size:13px}
.myticket .list dl {line-height:1.2em;margin-top:12px}
.myticket .list dt {display:inline-block;width:60px;padding-left:10px;margin-bottom:5px}
.myticket .list dd {display:inline-block;width:calc(100% - 70px);vertical-align:top;margin-bottom:5px}
.myticket .list .code {font-size:11px;margin-bottom:4px;letter-spacing:-0.04em}
.myticket .list a {font-size:11px;font-weight:600;color:#fff;background:#ff004c;padding:2px 2px;border-radius:2px;letter-spacing:-0.05em;}

/*예약상세보기 버튼*/
.myticket .list a.reservation_btnview{padding:6px;}

/*요트티켓사용 버튼*/
.myticket .list a.use_yacht_ticket{background:#017fc7;color:#ffffff;padding:6px;}

/*버스티켓사용 버튼*/
.myticket .list a.use_ticket{background:#f0c330;color:#ffffff;padding:6px;}

/*스킨스쿠버버튼 버튼*/
.myticket .list a.use_skin_ticket{background:#39ca74;color:#ffffff;padding:6px;}

/*서핑버튼 버튼*/
.myticket .list a.use_skin_ticket{background:#9a5cb4;color:#ffffff;padding:6px;}


.myticket .list .pay {position:absolute;bottom:30px;right:0;width:135px;text-align:center;line-height:1.3em;font-size:13px;font-weight:600;color:#FFF}
.myticket .list .pay span {font-size:10px;font-weight:500;color:#FF0;letter-spacing:-0.06em}

.boat_ticket {width:300px;margin:0 auto}
.boat_ticket li {position:relative;width:300px;height:314px;margin:10px 0;background:url('/img/sub/ticket_boat_2019.png') 0 0/100% no-repeat}
/* .boat_ticket li {position:relative;width:280px;height:293px;margin:10px 0;background:url('/img/sub/ticket_boat.png') 0 0/100% no-repeat} */
.boat_ticket li span {position:absolute;display:inline-block}
.boat_ticket li .name {bottom:40px;left:20px;font-size:16px;font-weight:600}
.boat_ticket li .tel {bottom:40px;right:20px;font-size:16px;font-weight:600;color:#222}
.boat_ticket li .birth {bottom:20px;left:20px;font-size:13px;color:#666}
.boat_ticket li .code {bottom:20px;right:20px;font-size:12px;color:#666}


/*2017-04-13추가*/
.myticket .list li.ticketBg{background:#ccc;}
.myticket .list li div.resv_after{width:calc(100% - 135px);color:#fff;background:url('/img/sub/myticket_bg2.gif') repeat;}
.myticket .list li div.resv_before{width:100%;color:#fff;background:url('/img/sub/myticket_bg.gif') repeat;}


/*2017-05-12 추가
.SearchBoxBg{width:98%;height:60px;background:#3366ff;margin:0 auto;border-bottom:1px dotted #999;}
.SearchBox_area{position:relative;width:320px;margin:0 auto;padding-top:10px;font-size:16px;}
.SearchBox_area .area01{float:left;padding:6px 10px;margin-left:10px;border-radius:2px;width:110px;height:39px;}
.SearchBox_area .area02 #locSelect2{width:110px;height:39px;border-radius:2px;}
.SearchBox_area .area02{float:left;padding-left:2px;}
.SearchBox_area .area02 .area02Box {width:194px;padding:6px 10px;border-radius:2px;height:39px;}
.SearchBox_area .area02	#locSelect2{width:194px;height:39px;}
*/

/*2019-02-14 추가*/
.SearchBox_area .area_city{float:left;width:26%;padding:0 2% 0 2%;}
.SearchBoxBg{float:left;width:100%;background:#3366ff;margin:0 auto;border-bottom:1px dotted #999;}
.SearchBox_area{float:left;width:100%;margin:0 auto;padding-top:10px;padding-bottom:10px;font-size:16px;}
.SearchBox_area .area01{float:left;border-radius:2px;width:100%;height:39px;}
.SearchBox_area .area02 #gu{width:100%;height:39px;border-radius:2px;}
.SearchBox_area .area02 #locSelect2{width:100%;height:39px;border-radius:2px;}
.SearchBox_area .area02{float:left;padding-right:2%;width:68%;}
.SearchBox_area .area02 .area02Box {width:70%;border-radius:2px;height:39px;}
.SearchBox_area .area02	#gu{width:100%;height:39px;}
.SearchBox_area .area02	#locSelect2{width:100%;height:39px;}


.SearchBox_area .area_city select, .SearchBox_area .area02 select{
display:block;
border-radius:0;
border-top:0px;
border-bottom:1px solid #cccccc;
width:100%;
background:url('/img/comm/select_arrow.png') no-repeat;
background-color:#ffffff;
background-size:35px 35px;
-webkit-background-size:35px 35px;
background-position:right;
-webkit-background-position:right;
font-size:13px;
text-indent:8px;
text-align:center;
letter-spacing:-1px;
-webkit-appearance: none;
}
/* btn */
.btn_area > a, .btn_area > button {display:inline-block;text-align:center;font-size:15px;padding:13px 20px;border:0;border-radius:5px;box-sizing:border-box}
.btn_area.small > a, .btn_area.small > button {font-size:13px;padding:12px 20px}

.btn_more {display:block;width:calc(100% - 20px);height:40px;line-height:40px;margin:0 auto 10px;font-size:14px;font-weight:600;text-align:center;background:#fff;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc}
.btn_more.event {color:#3366ff;margin:10px auto 0}
.btn_area > a{background:#3353A4;color:#fff; border-radius: 5px;}
.btn_area > .redF {color:#fff;background:#3353A4;}
.btn_area > .redL {color:#f62e3d;border:1px solid #f62e3d;background:#fff}
.btn_area > .grayF {color:#fff;background:#555}
.btn_area > .grayL, .btn_area .tab-link {color:#666;border:1px solid #999;background:#fff}
.btn_area > .pinkF, .btn_area .tab-link.on {color:#fff;background:#ff004c;border:0}
.btn_area > .pinkL {color:#ff004c;border:1px solid #ff004c;background:#fff}

/* divde */
.full {width:100% !important}
.col6 {width:49% !important;margin-right:1%}
.col6_1{width:45% !important;margin-right:1%}
/* .col6_1{width:47% !important;margin-right:1%} */
.col6:nth-child(2n) {margin:0 0 0 1%}
.col3 {width:24% !important;margin-right:1%}

/* 예약시 생년월일 셀렉트박스 끊어짐 수정 2018-04-12 */
/* .LB1 #BirthDayM, .LB1 #BirthDayD{float:left}
.LB2 #BirthDayM, .LB2 #BirthDayD{float:left}
.LB3 #BirthDayM, .LB3 #BirthDayD{float:left}
.LB4 #BirthDayM, .LB4 #BirthDayD{float:left}
.LB5 #BirthDayM, .LB5 #BirthDayD{float:left}
.LB6 #BirthDayM, .LB6 #BirthDayD{float:left}
.LB7 #BirthDayM, .LB7 #BirthDayD{float:left}
.LB8 #BirthDayM, .LB8 #BirthDayD{float:left}
.LB9 #BirthDayM, .LB9 #BirthDayD{float:left}
.LB10 #BirthDayM, .LB10 #BirthDayD{float:left} */

/*이용약관*/
.login_area{padding:40px 20px 30px;}
.login_area h4{line-height:1.2em;text-align:center;font-size:22px;font-weight:600;color:#003;letter-spacing:-0.1em;margin-bottom:10px}
.login_area h4 + p {text-align:center;line-height:17px;font-size:13px;color:#999;letter-spacing:-0.06em;min-height:25px;margin-bottom:4px;padding:0px 20px 15px 6px;border-bottom:1px solid #ccc;}
.login_area h5{font-size:15px;margin:5px 0px;font-weight:600;color:#555;}
.login_area h6 {font-size:14px;font-weight:600;color:#555}
.login_area .form_agree01{width:100%;height:150px;line-height:2em;font-size:12px;color:#666;border:1px solid #ccc;background:#fff;white-space:pre-line;overflow-x:hidden;overflow-y:scroll}

.agree_Box .form_agree{width:100%;margin:0 auto;}

#memberInfo{width:100%;margin:0 auto;}

.btn_ver2 > a, .btn_ver2 > button {display:inline-block;text-align:center;font-size:14px;padding:12px 20px;border:0;border-radius:2px;box-sizing:border-box}
.btn_ver2 > .grayF {color:#fff;background:#555}

.schedule_form{height:37px;padding:10px 7px 0px;border:1px solid #ccc;font-size:13px;margin:5px 0px;}
.schedule_form1{height:37px;padding:10px 7px 0px;margin:5px 0px;}

.gender_check {position:relative;font-size:13px;color:#666;margin:10px 0}
.gender_check label {display:inline-block;vertical-align:middle;line-height:1.3em;padding-left:20px;margin:0;cursor:pointer}
.gender_check label + label {margin-left:9px}
.gender_check input[type=checkbox], .gender_check input[type=radio] {position:absolute;vertical-align:middle;line-height:normal;margin:0 0 0 -20px}
.gender_h6{display:inline-block;margin-right:20px}
.gender_check{display:inline-block;}

.gender_box{background:#fff;padding:10px;margin:10px 0px 5px 0px;color:#333;}
/*-=======테이블*/

.tab_wrap{padding: 14px;}
.tab_wrap table{width: 100%; border-collapse: collapse; box-sizing: border-box; font-size: 12px; border: 1px solid #ccc; font-weight: 400;}

.tb_000{margin-bottom: 10px;}
.tab_wrap table td{padding:4px; box-sizing: border-box; text-align: center;border: 1px solid #ccc;}
.tb_001{margin-bottom: 0px; border:}


.tab_wrap table th{box-sizing: border-box; background-color: #edf7fc; border: 1px solid #ccc; border-left:0; border-right: 0; line-height:; border-bottom: 0; font-weight: 400;}

.lefth{width: 30%;}

.tab_wrap table .nonetop td{border-top: ;}

.tab_wrap table .hhtop{background-color: rgb(159, 209, 234);}
.tb2h1{width: 30%;}
.tb_002 .hhh th{height: 10px;}
.cap01{margin-bottom: 14px; font-size: 12px;}
.cap01 p{margin-bottom:4px;}
.cap01 p:nth-child(2){color: #de1919;}
.cap01 p:nth-child(3){color: #de1919;}
.tab_wrap h3{font-weight: 400; margin-bottom: 10px; margin-top: 40px;}


.tb_003{}
.tb_003 th{width: 30%;}
.cap02{margin-top: 14px; color: #555; font-size: 12px;}
.cap02 p{margin-bottom: 4px; line-height:17px;}

/*-2-*/

.tab_wrap02{padding: 14px;}
.tab_wrap02 table{width: 100%; border-collapse: collapse; box-sizing: border-box; font-size: 12px; border: 1px solid #ccc; font-weight: 400;}
.tab_wrap02 th{width: 40%; box-sizing: border-box; background-color: #edf7fc; border: 1px solid #ccc; border-left:0; border-right: 0; line-height:; border-bottom: 0; font-weight: 400;}
.tab_wrap02 table td{padding:4px; box-sizing: border-box; text-align: center;border: 1px solid #ccc;}
.tab_wrap02 .bggy{background-color: #ccc;}
.cap04{margin-top: 20px;}
.cap04 p:nth-child(2){color: #de1919;}


/*-3-*/
.tbb03{border-collapse: collapse; width: 100%;}
.tbb03 th{border: 1px solid #ccc; padding: 4px; box-sizing: border-box; background-color: #edf7fc; width: 24%;}
.tbb03 td{border: 1px solid #ccc; padding: 4px 12px; box-sizing: border-box;}
.tbh_009{margin-bottom: 10px; font-weight:bold; font-size:15px;}
.thspanth{font-weight: bold;}
.pricedisco{font-weight: bold; color: #f43636}
.pricenodi{font-size: 11px; text-decoration: line-through; color: #777}


/*prdt_search_list_btn  */
.mainContent_Btn{
	display:flex;
	width: 100%;
    height: 40px;
	padding: 14px 1%;
    box-sizing: border-box;
}


.mainContent_Btn_left, .mainContent_Btn_right{
	width: 48%;
    height: 40px;
}


.mainContent_Btn_left  button , .mainContent_Btn_right button{
	width: 100%;
    height: 40px;
    background-color: transparent;
    border: 1px solid #3366FF;
    border-radius: 7px;
    /* margin-right: 25px;*/
	
}

.mainContent_Btn_left{
margin-right: 2%;
}

.mainContent_Btn_right{
margin-right: 0;
}


.mainContent_Btn_left button:active, .mainContent_Btn_right button:active{
	background-color:  #3366FF;
	box-shadow: 1px 1px 0 rgb(0,0,0,0.5);
	color:#fff;
}

.area_cityMain{
	width: 100%;
    background-color: #E9E9E9;
    height: 250px;
	text-align: center;
    line-height: 250px;
}


.area_cityText{
width: 100%;
    display: flex;
    flex-direction: column;
    /* height: 46px; */
    line-height: 46px;
    padding: 30px 3%;
    box-sizing: border-box;
	flex-direction: column;
}


.area_cityText .Text01, .area_cityText .Text02{
font-size: 18px;
letter-spacing: -0.06em;

}

.area_cityText .Text02{
	background-color: #E9E9E9;
    border-radius: 10px;
    /* padding: 2px; */
    /* box-sizing: border-box; */
    font-size: 11px;
    width: 17%;
    text-align: center;
    height: 33px;
    line-height: 33px;
}

.area_cityTextsub{
width: 100%;
	padding: 4px 3%;
    box-sizing: border-box;
}


.Textsub_All>div{
margin-bottom:16px;
}


.Textsub_All .call{
display: flex;
    justify-content: space-between;
	
}

.Textsub_All .sub_name{
display: flex;
    justify-content: space-between;
}

.Textsub_All .sub_intro{
    display: flex;
    align-items: center;
    flex-direction: column;
}


.Textsub_All .left{
/* background-color:#3366FF; */
    /* height: 30px; */
    text-align: center;
    padding: 11px;
    width: 20%;
    box-sizing: border-box;
    font-size: 13px;
    border-radius: 12px;
	color:#fff;
	filter: invert(39%) sepia(99%) saturate(5100%) hue-rotate(223deg) brightness(107%) contrast(101%);
}

.Textsub_All .right{
padding: 11px;
    width: 80%;
    box-sizing: border-box;
}

.Textsub_All .sogae{
	width: 100%;
	
}

.Pages{
	width: 100%;
    height: 100vh;
    background-color: #E9E9E9;
	    text-align: center;
}