@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html{overflow-y:scroll}
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form {margin:0;padding:0}
ul,ol,dl {list-style:none}
img {border:0;vertical-align:top;}
ul li{list-style:none; padding:0; margin:0;}
*{margin:0; border:0; padding:0;}
html{overflow-y:scroll}


*{margin:0; padding:0; border:0; webkit-text-size-adjust:none;}
/* webkit-text-size-adjust:none;  글자크기 자동조절 방지 */

body{color:#666666; font-size:14px; font-family:'Nanum Gothic', sans-serif, NanumGothic,맑은 고딕, Helvetica, Apple_Gothic,"돋움",Dotum; font-weight:normal;}
img, fieldset{border:0;}
ul, li ,ol, dl{list-style: none;}
h1,h2,h6{font-size:100%; font-weight:normal;}
hr{display: none;}
a{color:inherit; outline: none;}
a, a:link{color:#333333; text-decoration:none;}
em, i, address{font-style:normal; font-weight:normal;}
legend, caption{display:none; clear:both;}
input, textarea, select, button,table{font-size: inherit; font-family:inherit; line-height:inherit;}
section, nav, article, aside, hgroup, header, footer{display:block;}
textarea, input{background: none; -webkit-border-radius:1px;  -webkit-appearance:none;}
textarea{resize: none;}
label{cursor:pointer;}
.kal{font-family:Kalinga;}
.bold{font-weight:bold;}

a{display:block; text-decoration:none;}
ul{list-style:none;}
ul li{list-style:none;}
.cf:after{
	content: ' ';
	display: block;
	clear:both;}
.fl{float:left;}
.fr{float:right;}

.main_container{width: 1200px; height: auto; margin: 0 auto;}
.main_container:after {
    content: " "; /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}




/* 헤더 */
#header_bel{width:100%; height:170px; margin:0 auto;}
#header_bel #gnb{width: 1200px; height:80px; padding: 20px 0px; background:#ffffff;  margin:0 auto;  }
#header_bel h1{width:124px; height:auto; display: block; margin:0 auto;}
#header_bel .logo{width:124px; height:auto; display: block; margin:0 auto; position: relative; left: -5px;}

#header_bel .side_wrap{margin-right:20px; }
#header_bel .lang{width:245px; height:20px; }
#header_bel .lang ul li{float:left; margin-right:20px; }
#header_bel .lang ul li a.kr{color:#0f56f6; }
#header_bel .lang ul li a:hover{border-bottom:1px solid #aaaaaa; }
#header_bel .side_wrap .sns{margin-right:10px; margin-top:10px; }
#header_bel .side_wrap .sns a{margin-right:10px; }

#header_bel #lnb{width:100%; height:50px; background:#ededed; }
#header_bel #lnb ul{width:1200px; height:50px; margin: 0 auto; background:#ededed;}
#header_bel #lnb li{float: left; width:16.666%; text-align:center; font-size:17px; font-weight: 400; line-height:50px; color: #111111; font-weight: 600; }
#header_bel #lnb li a:hover{color:rgba(104,173,241,.9); }

#header_bel #lnb li a.on{color:rgba(104,173,241,.9);}
#dropdown ul li a.on{color:rgba(255,255,255,1);}

/* @media screen and (max-width:720px) {
      #header_bel .logo img{width:24px;}
  }
 */

/*
투어 서브메뉴*/
#dropdown{width:100%; height:50px; background:#aaaaaa; position: relative;}
#dropdown ul{width:1000px; height:50px; margin: 0 auto; }
#dropdown ul.re{width:400px; height:50px; position: relative; left: 429px;}
#dropdown ul.re li{width: 50%;}
#dropdown ul li{float: left; width:16.666%; text-align:center; font-size:17px; font-weight: 400; line-height:50px; color: #ffffff; font-weight: 600; }
#dropdown ul li a:hover{color: #ffffff;}

/* footer */
#footer{background-color: #ffffff; padding-bottom:20px; border-top: 1px solid rgba(215,215,215,0.5); display: block;}
#footer .footer-container{width: 1200px; min-height: 77px; padding: 20px 0;}
#footer .footer_logo{float: left; padding: 25px 50px;}
#footer a{font-size: 13px;display: inline-block; margin-right: 40px; text-align: left;color: #aaaaaa; }
#footer .link{padding-top:12px; width: 700px; text-align: left; }

#footer .bel_info{margin-top: 15px; width: 700px; text-align: left; font-size: 12px}
#footer .bel_info .info01{font-size: 12px; color: #aaaaaa;}
#footer .bel_info .info01 span{font-weight: 800;}
#footer .bel_info .copyright{margin-top: 15px; font-size: 12px}


/* ------------ 공통 end ------------ */



/*비주얼배너*/
.animation_canvas_wrap{overflow: hidden;  position: relative;width: 100%; height:844px;  min-width: 1200px;}
.animation_canvas{overflow: hidden;  position: absolute; width: 2000px; height: 100%; left: 50%; right: 0; margin-left: -1000px;}

/* slider panel */
.animation_canvas .slider_panel{width: 10000px; position: relative;}
.animation_canvas .slider_image{float: left; width: 2000px; height: 844px;}
/* .cl{clear:both;} */




/* 비주얼배너 01*/
    .slider {
        width: 1920px;
        margin: 0px auto;
        left: 50%;
        right:0;
        margin-left: -960px;
    }

    .slick-slide {
     
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
        color: black;
    }


/* control panel */
.animation_canvas .control_panel{position: absolute; top: 760px; right: 0;
    margin: 0 auto; left: 0px; height: 30px; width:195px; overflow: hidden; }
.animation_canvas .control_button{width: 30px; height: 90px; position: relative; float: left; cursor: pointer; background: url(../img/point_button.png);}

.animation_canvas .control_button:hover{top:-31px;}
.animation_canvas .control_button.active{top: -60px;}


/* 메인페이지 아이콘 네비게이션 */
.main_tour_nav h3{text-align: center; font-size: 24px; font-weight: bold; margin-bottom: 20px; color:#222222;}
.main_tour_nav{text-align: center;padding:35px;}
.main_tour_nav div{display: inline-block; margin: 10px;}
.main_tour_nav div a{width:100px; height:120px; text-decoration: none; color: #666666; position:relative;}
.main_tour_nav div a.tour01{background:url(../img/oceantour.png) no-repeat; background-size:100px; background-position:center;}
.main_tour_nav div a.tour02{background:url(../img/landtour.png) no-repeat; background-size:100px; background-position:center;}
.main_tour_nav div a.tour03{background:url(../img/nighttour.png) no-repeat; background-size:100px; background-position:center;}
.main_tour_nav div a.tour04{background:url(../img/fishingtour.png) no-repeat; background-size:100px; background-position:center;}
.main_tour_nav div a.tour05{background:url(../img/divingtour.png) no-repeat; background-size:100px; background-position:center;}
.main_tour_nav div a.tour06{background:url(../img/dolphintour.png) no-repeat; background-size:100px; background-position:center;}
.main_tour_nav div a span{position:absolute; top:79px; left:20px; font-size:16px;color:#ffffff;}
.main_tour_nav div a.tour03 span,.main_tour_nav div a.tour05 span{left:13px;}
.main_tour_nav div a:hover{color: #FFC527;}
.main_tour_nav div img{width: 100px; display: block; margin: 0 auto 10px auto; position:relative;}
.main_tour_nav>div>a:hover{opacity: 0.7;}

/* 메인페이지 여행정보 section box */
.main_travelers_choice{background-color: #efefef; padding-bottom:130px;}
.main_travelers_choice .main_container{padding: 30px 0;}
.main_travelers_choice h2{text-align: center; font-size: 36px; font-weight: bold; margin-bottom: 30px; color:#222222;}
/*.main_travelers_choice img{margin: 0 auto; display: block;}*/
.main_travelers_choice div.tour_list{position: relative; width: 19%; height: 300px;  margin: 15px 0.5%;  float: left; box-sizing: border-box; background-color: #3a3a3a; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); border-radius:5px;}
.main_travelers_choice div.tour_list img{width: 100%; overflow: hidden;}
.main_travelers_choice div.tour_list p.list-info{padding: 10px; color: #ffffff; font-size:16px; font-weight:400;}
.main_travelers_choice div.tour_list p.list-info_s{padding:0px 10px; color: #78dfd6; font-size:14px;}
.main_travelers_choice 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;}
.main_travelers_choice div.tour_list span.view_more_btn:hover{opacity: 0.5;}

/* 예약버튼 */
.main_reservation_btn{width:1200px; position:relative; top:-91px; z-index:10;}
.main_reservation_btn a{width:100%;  height:170px;}

.main_bg{width:100%; background:url(../img/ocean01_bg_img.png) no-repeat; background-size: cover; height:800px; position:relative; top:-171px; left:0; right:0; margin:0 auto; min-width:1200px; margin-bottom:-170px;}
/* 메인 마지막박스 */
.main_last{width:1200px; margin:0 auto; padding-top:190px;}
.main_last .banner_wrap{width:590px; height:360px; margin-left:20px;}
.main_last .banner_wrap .banner01{margin:15px 15px 0px 0px;}
.main_last .banner_wrap .banner02{margin:15px 0px 0px 0px;}

/*서브페이지 상단배너*/
.sub_main_banner{width:100%; min-width:1200px; margin: 0 auto; display:block; overflow:hidden; position:relative;}
.sub_main_banner img{width:1600px; min-width:1200px; margin: 0 auto; display:block;}





#wrap{position: relative; }
/* 팝업창 스타일	 */
#pop_wrap{position: absolute; top: 220px; left: 100px; z-index: 30; display: none; box-shadow: 0 2px 10px #000000; width: 370px; height: 421px;}
.popSt  a.linkGo{width: 249px; height: 45px; position: relative; top:-90px; left: 60px; }
.popSt .btn_wrap{width: 100%; position: relative; top:-67px;}
.popSt .btn_wrap > a{ position: unset; width: 100px; float: right; color: #fff;font-size: 12px; height: 23px; letter-spacing: -1px;}
.popSt .btn_wrap > a.c1{width: 130px; text-align: center;}
.popSt .btn_wrap > a.c2{width: 70px; padding: 0 13px; text-align: right}

#pop_wrap2{position: absolute; top: 670px; left: 100px; z-index: 30; display: none; box-shadow: 0 2px 10px #000000; width: 370px; height: 421px;}



/*이용약관*/
.policy_container{width: 1000px; padding: 30px 50px; margin: 0 auto; height: auto;}
.policy_container h2.policy_tit{font-size: 20px; font-weight: 600; color: #333333; margin: 30px 20px 20px;}
.policy_container h3{font-size: 17px; font-weight: 600; color: #333333; margin: 0px 20px 30px;}
.policy_container .policy01{width:1000px; margin:0 auto; border: 1px solid #aaaaaa; padding: 25px 30px;}
.policy_container .policy01 p{ font-size:14px;padding-bottom:15px; text-align: left; color: #555555; line-height: 25px;}
.policy_container .policy01 p.strong{  font-weight:600; color:#111111;text-align: left; line-height: 20px;}
/*개인정보테이블*/
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-4xo4{font-size:14px;background-color:#ffffff;vertical-align:top}
.tg .tg-n47i{font-size:14px;background-color:#ffffff;text-align:center;vertical-align:top}