﻿/* 오션 타이틀 > 웰컴 투 나이트 투어 */
.welcome_to_title{padding: 100px 0;}
.welcome_to_title .main_container img{width: 500px; height: auto; margin: 0 auto; display: block;}


/* 투어 오션 서브페이지 링크 div box */
/*.tour_night_main_url_box{background-color: #efefef; padding-bottom:130px;}*/
.tour_night_main_url_box{background: url("../tour/img/ld_main_bottom_bg.png")no-repeat; background-size: cover; height: 1067px;}
.tour_night_main_url_box .main_container{padding: 100px 0;}
.tour_night_main_url_box h2{text-align: center; font-size: 36px; font-weight: bold; margin-bottom: 30px; color:#222222;}
/*.tour_night_main_url_box img{margin: 0 auto; display: block;}*/
.tour_night_main_url_box div.tour_list{position: relative; width: 19%; height: 300px;  margin: 15px 3%;  float: left; box-sizing: border-box; background-color: #3a3a3a; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); border-radius:5px;}
.tour_night_main_url_box div.tour_list img{width: 100%; overflow: hidden;}
div.tour_list img{border-radius: 5px 5px 0 0 !important;}
.tour_night_main_url_box div.tour_list p.list-info{padding: 10px; color: #ffffff; font-size:16px; font-weight:400;}
.tour_night_main_url_box div.tour_list p.list-info_s{padding:0px 10px; color: #78dfd6; font-size:14px;}
.tour_night_main_url_box div.tour_list span.view_more_btn{position: absolute; bottom: 10px; left: 0; right: 0; text-align: center; margin: 0 auto; width: 130px; border: 1px solid #ffffff; color: #ffffff; padding: 5px 30px;}
.tour_night_main_url_box div.tour_list span.view_more_btn:hover{opacity: 0.5;}


/* ------------투어 상세페이지 > 투어 오션 01 : 오션 카약 투어----------------------- */
.tour.title_area{margin: 0 auto; display: block; text-align: center;}
.tour.title_area h1{font-size: 38px; color: #2793ff; font-weight: bold;}
.tour.title_area p{font-size: 22px; color: #2793ff; margin-top: 10px; margin-bottom: 20px;}
.tour.title_area .main_container>span{font-size: 19px; line-height: 30px; width:1000px; margin: 0 auto ;color: #505050; display: block; text-align: justify;}
.tour.title_area p.red{color: #ff0000;}
.area_line{width: 1200px; border-bottom: 1px solid #aaaaaa; display: block; margin: 50px auto;}
.tour.title_area .a_co{margin: 35px auto; width: 660px; height: 100px;}
.tour.title_area .a_co p>span{width: 50px; height: 30px; background: #2793ff; color: #ffffff; padding: 10px 20px; margin-right:10px; font-size: 19px;}
.tour.title_area .a_co p{color: #505050;font-size: 19px; text-align: left; line-height: 40px;}

.tour.title_area .b_co{margin: 35px auto; width: 590px; /*height: 150px;*/}
.tour.title_area .b_co p>span{width: 50px; background: #2793ff; color: #ffffff; padding: 10px 20px; margin-right:10px; font-size: 19px; display: inline-block; line-heigt: 30px;}
.tour.title_area .b_co p{color: #505050;font-size: 19px; text-align: left; line-height: 40px;}


.tour.point{margin: 0 auto; display: block;}
.tour.point .tour_photo{float: left; width: 51%;}
.tour.point .tour_photo img{width: 580px; height: 383px; overflow: hidden;}

.tour.point .point_txt{height: 250px; width: 49%; display: inline-block; margin-top: 80px;}
.tour.point .point_txt h2{font-size: 35px; color: #505050; font-weight: bold; }
.tour.point .point_txt h2 span.color_blue{font-size: 24px; color: #1dbcf6; font-weight: bold; margin-left: 10px; display: inline-block;}
.tour.point .point_txt h3{font-size: 24px; color: #5f5f5f; font-weight: 400; margin-bottom: 30px;}

.tour.point .point_txt .tit_wrap{width: 100%; height: 100px; border-bottom: 1px solid #666666;}
.tour.point .point_txt .tit_wrap .color_blue{font-size:75px; letter-spacing:-6px;color: #5aadfd; font-weight: bold; margin-right: 10px; /*opacity: 0.5;*/}
.tour.point .point_txt .tit_wrap .tit{font-size: 30px; color: #444444; font-weight: bold; margin-top: 18px; line-height: 11px;}
.tour.point .point_txt .tit_wrap .tit span{font-size: 22px; color: #2793ff; margin-bottom: 5px;}
.tour.point .point_txt .txt{font-size: 19px; line-height: 26px; color: #010101; font-weight: 400; display: block; text-align: justify; padding: 20px 0px; width: 450px;}

.tour.point .point_txt span{font-size: 14px; line-height: 18px; color: #5f5f5f; display: block; text-align: justify;}

.tour.border_box_title{margin-top: 50px; text-align: center;}
.tour.border_box_title .main_container{background-color: #2793ff; border-radius: 15px; height: 120px; }

.tour.border_box_title h1{font-size: 38px; color: #ffffff; font-weight: bold; padding-top: 25px;}
.tour.border_box_title p{font-size: 16px; color: #ffffff; margin-top: 5px;}

.tour.border_box_bottom{margin-bottom: 120px;}
.tour.border_box_bottom .main_container{border: 3px solid rgba(215,215,215,0.5); border-radius: 15px; height: 200px; padding-bottom: 20px;}

.tour.border_box_bottom.la06 .main_container{height: auto;}

.tour.border_box_bottom .main_container.pd30{height: 230px;}
.tour.border_box_bottom .main_container.pd70{height: 270px;}
.tour.border_box_bottom .main_container.pd360{height: 366px;}
.tour.border_box_bottom .main_container.pd370{height: auto; padding-bottom: 0;}
.tour.border_box_bottom .price_box{width: 50%; box-sizing: border-box; float: left; font-weight: 600; margin: 30px 0;}
.tour.border_box_bottom .main_container .price_box.box02{width: 23%; margin-left: 116px;}
.tour.border_box_bottom .price_box.box02 > div{margin-left:26px; margin-bottom: 10px;}
.tour.border_box_bottom .main_container .price_box.box03{width: 33.333%; }
.tour.border_box_bottom .price_box.box03 > div{margin-left: 70px;}
.tour.border_box_bottom .price_box.ma20{ margin: 20px 0;}
.tour.border_box_bottom .price_box > div{background-color: #2793ff; color: #ffffff; display: inline-block; padding: 10px 30px; font-size: 25px; margin-left: 30%;}

.tour.border_box_bottom.la04 .price_box.box03 > div{font-size: 22px;}

.tour.border_box_bottom .price_box.left > div{background-color: #2793ff; color: #ffffff; display: inline-block; padding: 10px 30px; font-size: 25px; margin-left: 40%;}
.tour.border_box_bottom .price_box.right > div{background-color: #2793ff; color: #ffffff; display: inline-block; padding: 10px 30px; font-size: 25px; margin-left: 20%;}

.tour.border_box_bottom .price_box > span{font-size: 25px; margin-left: 10px; color: #444444;}
.tour.border_box_bottom .price_box>p{padding: 10px 0px; font-size: 25px; margin-left: -96px; color: #444444;}
.tour.border_box_bottom .price_box>p>span{margin-right: 70px;}
.tour.border_box_bottom .price_box>p>span.ma100{margin-right: 152px;}
.tour.border_box_bottom .option{font-size: 20px; text-align: center; width: 80%; margin: 0 auto; border-bottom: 2px solid rgba(215,215,215,0.5); padding-bottom: 20px; clear: both;}

.tour.border_box_bottom.la06 .option{border-bottom: none;}

.tour.border_box_bottom .option_clear{border-bottom: none; padding:20px;border-top: 2px solid rgba(215,215,215,0.5); clear: both;}
.tour.border_box_bottom p{text-align: center; font-size: 17px; color: #7d7d7d; padding: 20px 0 10px 0;}
.tour.border_box_bottom p img{width: 20px;}

.tour.border_box_bottom .price_box01{ display: table; font-weight: 600; margin: 30px auto; font-size: 22px;}
#la03 .tour.border_box_bottom .price_box01{width: 520px;}
.tour.border_box_bottom .price_box01 .tit{width: 130px; padding: 10px; margin-right: 40px; background: #2793ff; color: #ffffff; text-align: center;  }
.tour.border_box_bottom .price_box01>p{line-height: 8px; font-size: 22px; margin-right: 40px; color: #444444;}
.tour.border_box_bottom .price_box01>p:last-child{margin-right: 0px;}


    /*투어 좌우 라인이 있는 타이틀*/
.tour ul.line_title{height: 25px;}
.tour ul.line_title li{float: left; width: 42%; border-bottom: 1px solid #888888; margin-top: 10px;}
.tour ul.line_title li.h3{font-size: 24px; color: #2793ff; font-weight: 600; background-color: #ffffff; margin:0 auto; text-align: center; width: 16%; border: none;}

/*투어 일정*/
.tour.schedule{margin-bottom: 100px;}
.tour.schedule .schedule_line{margin-top: 50px;}
.tour.schedule .schedule_line img{z-index: 1; margin: 50px auto; display: block; width: 70%;}
.tour.schedule .schedule_line p{text-align: center; font-size: 16px; clear: both;}

.tour.schedule .schedule_wrap{width: 500px;padding-left: 205px; margin: 50px auto; font-size: 22px; color: #444444; font-weight: 600;}
.tour.schedule .schedule_wrap>p.blue{font-size: 16px; color: #2793ff; text-align: left; margin-left: 34px; margin-bottom: 20px;}
.tour.schedule .schedule_wrap>p.tit{ text-align: center; font-size:22px; width: 100px; margin-left: 75px; margin-bottom: 30px; padding: 10px 20px; background: #56a8f9; color: #ffffff; border-radius: 5px}
.tour.schedule .schedule_wrap.sc_left{width: 500px;padding-left: 20px; margin: 50px auto; font-size: 22px; color: #444444; font-weight: 600;}
.tour.schedule .schedule_wrap.sc_right{width: 500px;padding-left: 174px; margin: 50px auto; font-size: 22px; color: #444444; font-weight: 600;}
.tour.schedule .schedule_wrap .time{width: 130px;  text-align: center;  }
.tour.schedule .schedule_wrap .time ul li{margin: 42px 0px;}
#la06 .tour.schedule .schedule_wrap .time ul li{margin: 40px 0px;}
.tour.schedule .schedule_wrap .bullet{width: 20px; border-left: 1px solid #aaaaaa; position: relative;  left:20px; margin-right: 10px;}
.tour.schedule .schedule_wrap .bullet .grey{width: 25px; height: 25px; background: #aaaaaa; border-radius: 25px;  position: relative;  left:-14px; margin: 42px 0px;}
.tour.schedule .schedule_wrap .bullet .blue{width: 25px; height: 25px; background: #2793ff; border-radius: 25px;  position: relative;  left:-14px; margin: 42px 0px;}

.tour.schedule .schedule_wrap .sc{width: 275px;  position: relative; left: 40px;}
.tour.schedule .schedule_wrap .sc ul li{margin: 42px 0px;}
.tour.schedule .schedule_wrap .sc ul li.ma0{margin: 0px 0px;}
.tour.schedule .schedule_wrap .sc ul li.ma20{margin: 20px 0px;}
.tour.schedule .schedule_wrap .sc02{width: 275px;  position: relative; left: 40px;}
.tour.schedule .schedule_wrap .sc02 ul li{margin: 33px 0px;}
#la06 .tour.schedule .schedule_wrap .sc02 ul li{margin: 40px 0px;}

#la06 .tour.schedule .schedule_wrap .bullet .grey{left:-14px; margin: 39px 0px;}
#la06 .tour.schedule .schedule_wrap .bullet .blue{left:-14px; margin: 39px 0px;}

/*투어 개요*/
.tour.outline{margin-bottom: 100px;}
.tour.outline table{margin-top: 50px; width: 100%;}
.tour.outline table tr{border-bottom: 1px solid #dddddd; width: 100%; display: inline-block; padding: 10px 0px; font-size: 19px;}
.tour.outline table td.sub{float: left; width: 15%; }
.tour.outline table td{float: left; width: 80%; padding: 10px 0 10px 0;}
.tour.outline table td pre{white-space: pre-line; font-family: 'Nanum Gothic', sans-serif, NanumGothic, 맑은 고딕, Helvetica, Apple_Gothic, "돋움", Dotum; line-height: 27px;}
.tour.outline table td pre span{color: #2793ff;}

/*투어 공지사항*/
.tour.notice .main_container{background-color: #dbdbdb; padding-bottom: 10px}
.tour.notice ul{padding: 15px 20px 15px;}
.tour.notice ul.line_title li{background-color: transparent;}
.tour.notice ul.line_title li.h3{color: #505050;}
.tour.notice .noti_text_area h5{font-size: 14px; font-weight: 600; margin-left: 20px; margin-bottom: 10px;}
.tour.notice .noti_text_area pre{font-size:13px; color: #6f6f6f; white-space: pre-line; font-family: 'Nanum Gothic', sans-serif, NanumGothic, 맑은 고딕, Helvetica, Apple_Gothic, "돋움", Dotum; line-height: 18px; padding-left: 20px; padding-bottom: 25px;}