@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-jp.css);

#page_main{}
#page_main .main_banner{height:400px;background-color:#efefef;background-size:cover;background-position:center center;}
#page_main .main_banner .inner{position:relative;}
#page_main .main_banner .box{position:absolute;top:100px;background-color:rgba(0,0,0,0);width:400px;height:200px;}
#page_main .main_banner .box .box_inner{padding:15px;}
#page_main .main_banner .box .title{font-size:30px;color:#fff;display:block;text-align:center;line-height:38px;margin:0;padding:0;}
#page_main .main_banner .box .subtitle{font-size:12px;color:#fff;font-size:22px;text-align:center;margin:20px 0;font-weight:300;}
#page_main .main_banner .box .button{text-align:center;margin:0;padding:0;list-style:none;}
#page_main .main_banner .box .button li{display:inline-block;padding:0 5px;}
#page_main .main_banner .box .button li a{display:block;line-height:35px;width:100px;color:#fff;text-decoration:none;font-size:18px;font-weight:400;}
#page_main .main_banner .box .button li a.active{background-color:#da791e;border-radius:3px;border:1px solid #da791e;}
#page_main .main_banner .box .button li a.inactive{border:1px solid #efefef;border-radius:3px;}


@media screen and (max-width: 1150px) {
	#page_main .main_banner .box{left:10px;}
}

@media screen and (max-width: 980px) {
	#page_main .main_banner{height:350px;}
	#page_main .main_banner .box{left:50%;margin-left:-200px;top:40px;}
}

@media screen and (max-width: 600px) {
	#page_main .main_banner{height:300px;}
	#page_main .main_banner .box{left:50%;margin-left:-160px;width:320px;top:30px;}
	#page_main .main_banner .box .title{font-size:25px;}
}


#page_main .part_title{font-size:28px;text-align:center;padding:20px 0 20px;font-weight:300;}


#page_main .recommend_boat_box{}
#page_main .recommend_boat_box .recommend_boat_list{margin:0;padding:0;list-style:none;overflow:auto;}
#page_main .recommend_boat_box .recommend_boat_list li{width:32%;margin:0 2% 0 0;float:left;height:110px;}
#page_main .recommend_boat_box .recommend_boat_list li:nth-child(3n){margin:0;}
#page_main .recommend_boat_box .recommend_boat_list li .box{border:1px solid #ededed;position:relative;}
#page_main .recommend_boat_box .recommend_boat_list li .box .thumb{background-color:#000;width:120px;height:100px;position:absolute;left:0;top:0;}
#page_main .recommend_boat_box .recommend_boat_list li .box .thumb img{width:120px;height:100%;}
#page_main .recommend_boat_box .recommend_boat_list li .box .text{height:90px;padding:5px 0 5px 0;margin:0 0 0 130px;position:relative;}
#page_main .recommend_boat_box .recommend_boat_list li .box .text .title{font-size:14px;font-weight:600;color:#333;}
#page_main .recommend_boat_box .recommend_boat_list li .box .text .title a{text-decoration:none;color:#333;}
#page_main .recommend_boat_box .recommend_boat_list li .box .text .info{font-size:20px;color:#000;font-weight:300;}
#page_main .recommend_boat_box .recommend_boat_list li .box .text .button{cursor:pointer;color:#fff;font-weight:500;background-color:#333;line-height:25px;width:80px;text-align:center;display:inline-block;position:absolute;bottom:5px;left:0;padding:0 0 0 0px;border-radius:2px;overflow:hidden;box-shadow:0 0 5px rgba(0,0,0,0.5);}
#page_main .recommend_boat_box .recommend_boat_list li .box .text .button .arrow{text-align:center;background-color:#dd0000;color:#fff;line-height:25px;width:25px;display:inline-block;margin:0 0 0 5px;height:25px;vertical-align:top;float:right;}


@media screen and (max-width: 1150px) {
	#page_main .recommend_boat_box .recommend_boat_list{padding:0 10px;}
}

@media screen and (max-width: 980px) {
	#page_main .recommend_boat_box .recommend_boat_list{padding:0 10px;}
	#page_main .recommend_boat_box .recommend_boat_list li{width:auto;float:none;margin:0;}
}



#page_main .recent_boat_box{}
#page_main .recent_boat_box .recent_boat_list{margin:0;padding:0;list-style:none;overflow:auto;}
#page_main .recent_boat_box .recent_boat_list li{width:25%;float:left;box-sizing:border-box;}
#page_main .recent_boat_box .recent_boat_list li:nth-child(3n){margin:0;}
#page_main .recent_boat_box .recent_boat_list li .box{border:1px solid #ededed;}
#page_main .recent_boat_box .recent_boat_list li .box .thumb{background-color:#000;margin:0 0 10px;position:relative;}
#page_main .recent_boat_box .recent_boat_list li .box .thumb img{width:100%;height:75%;}
#page_main .recent_boat_box .recent_boat_list li .box .thumb .soldout{background:#050c54;left:10px;top:10px;display:inline-block;position:absolute;padding:5px 10px;color:#fff;font-size:14px;font-weight:300;}
#page_main .recent_boat_box .recent_boat_list li .box .title{font-size:16px;font-weight:500;color:#333;padding:0 10px;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis; margin: 10px 0 20px 0px;}
#page_main .recent_boat_box .recent_boat_list li .box .title a{text-decoration:none;color:#333;}
#page_main .recent_boat_box .recent_boat_list li .box .text{font-size:12px;color:#888;font-weight:300;height:20px;padding:10px;}


@media screen and (max-width: 1150px) {
	#page_main .recent_boat_box .recent_boat_list{padding:0 5px;}
	#page_main .recent_boat_box .recent_boat_list li{padding:5px;}
}


@media screen and (max-width: 600px) {
	#page_main .recent_boat_box .recent_boat_list li{width:50%;}
}


#page_main .reservation_box{background-color:#000;background-image:url(/include/img/main/bg_reservation.jpg);background-size:cover;background-position:center center;background-attachment:fixed;}
#page_main .reservation_box .inner{padding:160px 20px;margin:0 auto;background-color:rgba(0,0,0,0.5);}
#page_main .reservation_box .box{max-width:800px;margin:0 auto;}
#page_main .reservation_box .title{color:#fff;font-size:38px;font-weight:400; padding-bottom: 20px;}
#page_main .reservation_box .text{color:#fff;font-size:18px;font-weight:300;padding:15px 0 20px;}
#page_main .reservation_box .button{color:#fff;border-radius:2px;border:1px solid #fff;display:inline-block;line-height:35px;font-weight:bold;font-size:14px;transition:0.3s ease all;cursor:pointer;}
#page_main .reservation_box .button:hover{background-color:rgba(255,255,255,0.2);}
#page_main .reservation_box .button a{color:#fff;padding:5px 30px;text-decoration:none;display:block; font-size: 16px;}


@media screen and (max-width: 600px) {
	#page_main .reservation_box .title{font-size:20px;}
}



#page_main .reason_box{}
#page_main .reason_box .inner{background-color:#050c54}
#page_main .reason_box .reason_list{margin:0;padding:0;list-style:none;overflow:auto;background-color:#050c54;}
#page_main .reason_box .reason_list li{width:25%;float:left;background-size:cover;background-position:center center;}
#page_main .reason_box .reason_list li:nth-child(3n){margin:0;}
#page_main .reason_box .reason_list li .box{background-color:rgba(5,12,84,0.7);height:300px;text-align:center;box-sizing:border-box;padding:0px;}
#page_main .reason_box .reason_list li .box .icon{display:inline-block;height:60px;}
#page_main .reason_box .reason_list li .box .icon img{height:60px;}
#page_main .reason_box .reason_list li .box .title{font-size:26px;font-weight:600;color:#eeff24;padding:0px 0 0px;}
#page_main .reason_box .reason_list li .box .text{font-size:16px;color:#fff;font-weight:340;height:60px;padding:10px 0;}
#page_main .reason_box .reason_list li .box .button{width:170px;color:#fff;border-radius:2px;border:1px solid #fff;display:inline-block;line-height:35px; margin-top: 40px;font-weight:bold;font-size:14px;transition:0.3s ease all;cursor:pointer;}
#page_main .reason_box .reason_list li .box .button:hover{background-color:rgba(255,255,255,0.2);}
#page_main .reason_box .reason_list li .box .button a{color:#fff;padding:0;text-decoration:none;display:block;}

#page_main .reason_box .reason_list li:nth-child(1){background-image:url(/include/img/main/bg_why1.jpg);}
#page_main .reason_box .reason_list li:nth-child(2){background-image:url(/include/img/main/bg_why2.jpg);}
#page_main .reason_box .reason_list li:nth-child(3){background-image:url(/include/img/main/bg_why3.jpg);}



@media screen and (max-width: 980px) {
	#page_main .reason_box .reason_list li .box .title{font-size:17px;}
	#page_main .reason_box .reason_list li .box .text{font-size:12px;}
	#page_main .reason_box .reason_list li .box .button{font-size:12px;width:120px;}
}

@media screen and (max-width: 600px) {
	#page_main .reason_box .reason_list li .box{height:240px;}
	#page_main .reason_box .reason_list li .box .text{height:50px;}
	#page_main .reason_box .reason_list li{width:auto;float:none;}
}



#page_main .review_list{margin:0;padding:0;list-style:none;overflow:auto;}
#page_main .review_list li{width:96%;margin:0 4% 0 0;float:left;}
#page_main .review_list li:nth-child(2n){margin:0;}
#page_main .review_list li .box2{border: 1px solid #fff; width:100%;}
#page_main .review_list li .box2 .title{font-size:18px;font-weight:500;color:#333;padding:30px 0 20px 80px;position:relative;}
#page_main .review_list li .box2 .title .icon{position:absolute;left:0;top:-10px;font-size:45px;width:30px;font-weight:bold;color:#ccc;text-align:center;}
#page_main .review_list li .box2 .text{font-size:16px;color:#888;font-weight:300;padding:0 0 20px 40px;position:relative;margin-top:30px;}
#page_main .review_list li .box2 .text2{font-size:14px;color:#000;font-weight:300;padding:0 0 20px 40px;position:relative;text-align:right;}
#page_main .review_list li .box2 .text .icon{position:absolute;left:0;top:-10px;font-size:50px;width:30px;font-weight:bold;color:#ccc;text-align:left;}
#page_main .review_list li .box2 .text  .point{font-size:15px;}


@media screen and (max-width: 1150px) {
	#page_main .review_list li .box{margin:0 10px 20px;}
}

@media screen and (max-width: 980px) {
	#page_main .review_list li .box .title{font-size:16px;padding-bottom:10px;}
	#page_main .review_list li .box .title .icon{font-size:25px;top:0;}
	#page_main .review_list li .box .text .icon{font-size:25px;top:-5px;}
}

@media screen and (max-width: 600px) {
	#page_main .review_list li{width:auto;margin:0;float:none;}
	#page_main .review_list li .box .title{font-size:15px;}
}



#page_main .qna_list{margin:0;padding:0;list-style:none;overflow:hidden;}
#page_main .qna_list li{width:48%;margin:0 4% 0 0;float:left;}
#page_main .qna_list li:nth-child(2n){margin:0;}
#page_main .qna_list li .box{}
#page_main .qna_list li .box .title{font-size:22px;font-weight:500;color:#333;padding:10px 0 20px 40px;position:relative;}
#page_main .qna_list li .box .title .icon{position:absolute;left:0;top:-10px;font-size:40px;width:30px;font-weight:bold;color:#ccc;text-align:center;}
#page_main .qna_list li .box .text{font-size:18px;color:#333;font-weight:300;padding:0 0 20px 40px;position:relative;}
#page_main .qna_list li .box .text .icon{position:absolute;left:0;top:-10px;font-size:40px;width:30px;font-weight:bold;color:#ccc;text-align:center;}
#page_main .qna_list li .box .text  .point{font-size:15px;}


@media screen and (max-width: 1200px) {
	#page_main .qna_list li .box{margin:0 10px 20px;}
}

@media screen and (max-width: 1180px) {
	#page_main .qna_list li .box .title{font-size:16px;padding-bottom:10px;}
	#page_main .qna_list li .box .title .icon{font-size:25px;top:0;}
	#page_main .qna_list li .box .text .icon{font-size:25px;top:-5px;}
}

@media screen and (max-width: 600px) {
	#page_main .qna_list li{width:auto;margin:0;float:none;}
	#page_main .qna_list li .box .title{font-size:15px;}
}





#page_main .location_box{background-color:#efefef;height:400px;}