@charset"utf-8";

header{position:fixed;z-index:999;background:rgba(13,26,60,0.95); width:100%;height:70px;}
header h1{float:left; width:12%; height:100%;}
header h1 img {padding:10px 20px; height:100%;}

header nav{position:absolute; top:0;left:50%;margin-left:-450px;width:80%; max-width:900px;}
nav ul{	list-style: none;	margin: 0;	padding: 0;}
.menu{display: table;	margin: 0 auto;}
.menu > li{display: inline-block;	position: relative;}
.menu > li:hover .submenu{	top: 100%;	left: auto;}
.menu a{color: #eee;	display: block;	padding: 23px 1.2em 23px 1.2em;	text-decoration: none;	-webkit-transition: all .2s linear;	-moz-transition: all .2s linear;	-ms-transition: all .2s linear;	-o-transition: all .2s linear;	transition: all .2s linear;font-size:18px}
.submenu{background: rgba(13,26,60,0.95); margin-top:0px; left: -9999px;position: absolute; top: -9999px;width: 200px;}
.submenu a{padding: .5em 1em; font-size:14px;color:rgba(255,255,255,0.8); font-weight:normal}
.submenu a:hover{color:#fff}
.submenu li:last-child{padding-bottom:15px;}
.is-show{left: auto;top: 100%;}
#mbtMenu{display:none}
.call_btn{display:none; width:40px; height: 40px; line-height: 38px; border-radius:100%; text-align: center; border:1px solid rgba(255,255,255,0.5); position:absolute; top:15px; right:80px; z-index: 999999; font-size:23px}
.call_btn a { color:white !important;}

.nav_ico{float:right;display:table; background:#b52024;}
.nav_ico span{display:table-cell;width:70px;height:70px;text-align:center;vertical-align:middle}
.nav_ico span:first-child{border-left:1px solid #a11d21; border-right:1px solid #a11d21}
.nav_ico span.search input{background:#74b249 url(../images/common/ico_zoom.png) no-repeat 50% 50%;border:0;height:70px;width:70px;text-indent:-9999px; }
.nav_ico .search_box{display:none;position:absolute;z-index:999;left:0;top:70px;background:#74b249;width:100%;padding:30px 0; text-align:center; font-size:20px; color:#fff}
.nav_ico .search_box input[type="text"]{border:0; padding:15px;font-size:15px;border-radius:3px;vertical-align:middle;margin-left:5px;width:350px}
.nav_ico .search_box input[type="button"]{background:rgba(0,0,0,0.5); border:0; padding:13px 20px;color:#fff; font-size:15px;font-weight:500;border-radius:3px;}

.quick{width:1200px;margin:50px auto}
#container h2{font-size:40px; font-weight:500;color:#333; text-align:center;line-height:150%}
#container .h2_con{font-size:20px;font-weight:300;text-align:center; color:#333;width:100%;}
.quick_wrap{width:100%;overflow:hidden;margin:50px 0}
.quick_wrap .quick_con{float:left;width:25%;text-align:center;}
.quick_wrap .quick_con:first-child,.quick_wrap .quick_con:last-child{margin:0; }
.quick_wrap .quick_con a{display:inline-block;width:95%; /*padding:30px 0; border:1px solid #ddd; color:#333*/}
.quick_wrap .quick_con a img {margin-bottom:10px;}
.quick_wrap .quick_con .tit{font-size:18px;font-weight:500; /*margin-top:20px;*/ line-height:40px;}
.quick_wrap .quick_con .con{font-size:14px;line-height:100%}

.experience{position:relative; width:100%;background:url(../images/main/bg_01.jpg) no-repeat 50% 50%;background-size:cover;padding:70px 0;overflow:hidden}
.experience_wrap{width:1200px;margin:50px auto}
.experience_con {float:left;width:25%;text-align:center;padding:60px 0;max-height:300px; overflow:hidden; }
/*.experience_con:first-child{padding:0}*/
.experience_con .tit{font-weight:600;font-size:24px;color:#fff}
.experience_con .con{font-size:16px; color:#fff;}
.experience_con .btn{margin-top:30px;}

.bg_black_50 {background:rgba (0, 0, 0, .5);}
.bg_yellow{background:#ffb000}
.bg_green{background:#7fbb23}
.bg_white{background:#fff}
.bg_white .con,.bg_white .tit{color:#333}
.bg_brown{background:#948375}
.bg_blue{background:#4563c5}
.bg_orange{background:#f17a22;}
.bg_sky {background:#00a1bf;}
.bg_red {background:#c13338;}
.experience_wrap .btn_more{position:relative;}
.experience_wrap .btn_more a{position:absolute;top:0; left:0;display:inline-block;width:80px; height:80px; color:#fff;font-size:14px; text-align:center;background:#666;padding-top:15px;}
.img_galic{position:absolute;bottom:50px;left:50%;margin-left:400px;}

.experience_con_img {position:relative; float:left; width:25%; text-align:center; max-height:300px; overflow:hidden; } 
.experience_con_img .tit{font-weight:600;font-size:24px;color:#fff}
.experience_con_img .con{font-size:16px; color:#fff;}
.experience_con_img .btn{margin-top:30px;}

figure{margin:0;padding:0;}
figure.motion {width: 100%; background: #000;  overflow:hidden;}
figure.motion * {  -webkit-box-sizing: border-box;  box-sizing: border-box;  -webkit-transition: all 0.45s ease-in-out;  transition: all 0.45s ease-in-out;}
figure.motion img { width:100%; position: relative;  opacity: 0.4; display:block;}

figure.motion a {position:absolute; top:20%; left:0; overflow:hidden; width:100%;}
figure.motion:hover img {opacity: 0.6;  -webkit-transform: scale(1.15);  transform: scale(1.15);}
figure.motion:hover {background:#333;cursor:pointer}

figure.motion .btn img {opacity:1;}
figure.motion .btn, figure.motion:hover .btn img {margin-left:auto; margin-right:auto; width:68px; height:68px; opacity: 1;  -webkit-transform: scale(1);  transform: scale(1);}

.community{width:1200px; margin:50px auto; overflow:hidden}
.community  h3{font-size:20px; color:#333}
.community .pre_notice  {float:left; position:relative; width:30%}
.community .review {float:left; position:relative; margin:0 5%; width:30%}
.community .cs{float:left;width:30%;}
.community .pre_notice .btn_more,
.community .review .btn_more{position:absolute; top:10px; right:0; font-size:13px;}
.community .pre_notice ul{border:1px solid #ddd; border-bottom:0;margin-top:20px;}
.community .pre_notice li{border-bottom:1px solid #ddd;padding:10px 15px; font-size:16px;}
.community .pre_notice li a{color:#333}
.community .pre_notice li .date{font-size:14px !important;color:#888}

.cs_box,
.cs_box2{background:#f17073;padding:20px; color:#fff;overflow:hidden}
.cs_box2{background:#de4145}
.cs_box .img,
.cs_box2 .img{float:left;width:88px;}
.cs_box .con,
.cs_box2 .con{float:right; width:calc(100% - 100px)}
.cs_box .con .tit, .cs_box2 .con .tit,.cs_box .con p, .cs_box2 .con p{color:#fff; font-size:17px}
.cs_box .con p, .cs_box2 .con p{font-size:15px;}
.cs_box .con .num, .cs_box2 .con .num{color:#ffee00; font-size:24px;}
.social{text-align:center;margin-bottom:10px;}
.social img {width:40px;}

.review .review_board{margin-top:20px;}
.review .review_board,.review .review_board li{width:100%;overflow:hidden;margin-bottom:30px;}
.review .review_board li .img{float:left; width:160px}
.review .review_board li .img img {width:100%; height:100%;}
.review .review_board li .con{float:right;width:calc(100% - 180px)}
.review .review_board li .con p{color:#666; font-size:13px;line-height:130%;}
.review .review_board li .con .tit{margin-bottom:5px;}
.review .review_board li .con .tit a{color:#333; font-size:15px;}
.review .review_board li .con .date{color:#888; margin-top:5px;}

.tour_wrap {background:#f2f2f2; background-size:cover; overflow:hidden}
.tour{position:relative;width:1200px;margin:0 auto;padding:70px 0;overflow:hidden}
.tour ul{width:100%; margin:30px auto;}
.tour .btn_more{position:absolute; top:130px; right:50px;font-size:14px; font-weight:500}

figure.tour_con {  position: relative;  float: left;  overflow: hidden;  margin: 0;  width: 100%;  color: #ffffff;  line-height: 1.4em;}
figure.tour_con * {  -webkit-box-sizing: border-box;  box-sizing: border-box;  -webkit-transition: all 0.4s ease;  transition: all 0.4s ease;}
figure.tour_con a > img {  opacity: 1;  vertical-align: top;}
figure.tour_con .con {  position: absolute;  bottom: 0%;  width: 100%; height:100%; background-color: rgba(0,0,0,0.5);  z-index: 1;  text-align: center;  padding:15px 10px;  margin: 0;  font-weight: 500;  font-size: 14px;  -webkit-transform: translateY(200%);  transform: translateY(200%);
}
figure.tour_con a .con p{color:#fff;margin-top:30%;font-size:18px;line-height:150%}
figure.tour_con a .con .txt strong{display:block;font-size:24px;margin-bottom:30px;}
figure.tour_con:hover .con {  -webkit-transform: translateY(0%);  transform: translateY(0%);}
figure.tour_con .txt {width:100%; text-align:center;}
figure.tour_con .txt img{width:auto; text-align:center; display:inline-block;}

footer{background:#3f4351;}
.footer{position: relative;width:1200px;margin:0 auto;padding:30px 0;}
.footer .tit{color:rgba(255,255,255,0.8); font-size:20px;}
.footer .link {display:block;width:100%;overflow:hidden;margin-top:10px}
.footer .link li {float:left;margin-right:15px}
.footer .link li a{color:rgba(255,255,255,0.8);font-size:14px;font-weight:300;}
.footer .link li a strong{font-weight:500; color:#7fbb23}
.footer .info{width:100%;color:rgba(255,255,255,0.8);font-size:13px;font-weight:300;margin-top:10px;}
.footer .famliy{position:absolute; top:50px; right:0}
.footer .famliy select{padding:0 3px;height:32px;border:none}
.footer .famliy label{color:#fff; font-size:14px;vertical-align:middle}
.footer .famliy button{background:#74b249 ; border: none;height: 32px;width:50px; margin-left: 1px;color: #fff;}

#mb_nav{display:none;position:absolute;top:0; right:0}

.update {width:100%;}
.update img {width:100%;}

/*  서브 */
#sub-visual{width:100%;padding-top:70px;}
.bg-01{background:url(../images/sub/bg_01.png) no-repeat 0 50%; background-size:cover; height:300px}
#sub-visual h2{text-align:center; color:#fff; font-size:45px;font-weight:500;margin-top:35px}
#sub-visual hr{border:0; background:#fff; height:1px; width:40px;margin:20px auto}
#sub-visual .h2_con{font-size:18px; color:#fff; width:100%; text-align:center;font-weight:300;}

.place{position:relative;width:100%; background:#f6f6f6}
.place_wrap{width:1200px;height:50px;margin:0 auto;border-left:1px solid #ddd;}
.place_con{float:left}
.place_con > li{position:relative; float:left;/*display:table-cell;*/ height:50px;vertical-align:middle; border-right:1px solid #ddd;font-weight:300;font-size:15px; color:#666;}
.place_con li.home,.place_con li.place1{padding:15px;}
.place_con > li > a{display:inline-block;padding:15px;font-weight:300;color:#0d1a3c}
.place_con > li i{padding-left:10px;font-size:13px;vertical-align:middle;line-height:150%;color:#666}
.place-2dep{display:none;position:absolute; top:50px; left:-1px;width:190px; border:1px solid #cfcfcf; border-bottom-color:#000000; background-color:#fff; z-index:11}
.place-2dep li{ line-height:150%; border-top:1px solid #cfcfcf;}
.place-2dep li:first-child{border-top:0;}
.place-2dep li a {display:block; padding:10px 0px 10px 20px ; color:#414141; font-size:14px; font-weight:300; letter-spacing:-0.75px;}
.place-2dep li a:hover{background:#f0f0f0}

.ico_social{position:absolute;top:0px; left:48%; margin-left:440px}
.ico_social li{display:table-cell;height:50px;padding:0 15px;vertical-align:middle;border-right:1px solid #ddd}
.ico_social li img{vertical-align:middle; width:40px;}

.sub_container{width:1200px;margin:50px auto}
.sub_container h3{text-align:center;color:#333; font-size:40px;font-weight:300;margin-bottom:1em}
.sub_container h4{background:url(../images/sub/ico_h4.jpg) no-repeat 0 50%;padding-left:25px;font-size:20px; font-weight:500;margin-bottom:10px;}

.img_list{margin:0 0 30px 0; width:100%;overflow:hidden; background:#f6f6f6}
.img_list .img,.img_list dl{display:table-cell;vertical-align:top;}
.img_list .img img{display:block; width:600px}
.img_list dl{padding:30px;}
.img_list dt{font-size:22px; font-weight:600;color:#000;margin-bottom:20px;}
.img_list dd{font-weight:400; color:#666;font-size:16px;line-height:150%; margin-bottom:5px;}
.img_list dd .tit,.img_list dd .con{display:table-cell;}
.img_list dd .tit{width:80px;}
.img_list dd.btn_booking{text-align:left;padding-top:30px; width:100%}
.img_list dd.btn_booking a{background:#82b566; color:#fff;padding:10px 20px;}
.img_list dd.btn_booking a:hover{background:#e79c18}
.advP {font-weight:500; color:#a11d21;}

.tour_list {width:100%; overflow:hidden;}
.tour_list ul li {width:24%; float:left; margin-right:1.3%; border:1px solid #ddd; margin-bottom: 30px; box-sizing:border-box;}
.tour_list ul li:nth-child(4n) {margin-right: 0%;}
.tour_list_top {height: 100%;}
.tour_list_top img {width:100%;}
.tour_list_bottom {padding:5px 10px 10px 10px; font-size:14px; height: 80px;  box-sizing:border-box;}
.list_tit {font-size:20px; font-weight: 600; margin: 5px 0; }

.location_type {width:100%; overflow:hidden}
.location_type dl{width:100%; overflow:hidden;margin-top:30px;}
.location_type dt{display:table-cell;background:#74b249;font-size:40px;;width:100px;height:100px; border-radius:500px;text-align:center; vertical-align:middle; color:#fff;line-height:100%}
.location_type dd{display:table-cell;padding-left:20px;; font-size:15px;vertical-align:middle}
.location_type dd .tit{color:#333; font-weight:500; font-size:18px;padding-bottom:5px;}
.location_type dd .con span{display:inline-block;padding:3px;border-radius:3px;line-height:100%;background:#e4822b; color:#fff; font-size:12px;}
.address_txt {background:#f6f6f6;padding:15px; text-align:center;border-radius:7px; color:#333;margin-top:10px;font-size:17px;}

.label {display:inline-block;padding:5px; border-radius:3px;line-height:100%;background:#a11d21; color:#fff; font-size:15px;}

#bx-pager{margin-top:10px;}

.overview_img{width:100%; text-align:center}
.overview_tit{font-size:30px; font-weight:300; color:#5ab534; text-align:center; line-height:130%;margin-bottom:30px}
.overview_con{margin-top:30px; text-align:center}

.nav_list {width:1000px}
.all_nav_tit{width:100%;padding-bottom:10px;;text-align:center; color:#0d1a3c;font-size:22px;}
.nav_list li{display:table-cell;width:180px;border-left:1px solid #ddd;margin-bottom:20px; }
.nav_list li:first-child{border:none}
.nav_list li dt{font-size:15px;padding:10px 20px;text-align:center;color:#fff;background:#0d1a3c;margin-bottom:10px; }
.nav_list li dd{font-size:14px; padding:0 20px;line-height:200%}
.nav_list li dd:before{content:'- '}

.login-box{width:50%;margin:50px auto; border:1px solid #ddd;text-align:center;padding:30px;background:#f6f6f6}
.login-box .tit{color:#2fb22f; font-size:22px;}
.login-box .tit_con{color:#666; padding:5px 0}
.login-btn_box{border-top:1px solid #ddd;margin:20px 0 0 0;padding:20px 0 0 0}
.login-btn_box .btn_naver a{display:inline-block; background:#1ec800 url(../images/common/ico_n.png) no-repeat 20px 50%;background-size:20px; padding:15px 20px 15px 55px;border-radius:3px;color:#fff;;border:1px solid #0ea500;  font-family:"NanumBarunGothic";font-weight:bold;margin:0 5px}
.login-btn_box .btn_kakao a{display:inline-block; background:#ffde00 url(../images/common/ico_k.png) no-repeat 20px 50%;background-size:25px; padding:15px 20px 15px 55px;border-radius:3px;color:#3c1e1e;border:1px solid #f1d200;  font-family:"NanumBarunGothic";font-weight:bold;margin:0 5px}

.privacy {width:80%;margin:0 auto;font-weight:400}

.schedule {width:100%;}
.table-responsive {margin:0; padding: 0; width:100%; border: 1px solid #ccc; border-top:2px solid #4d4d4d; border-collapse: collapse;width: 100%; table-layout: fixed; overflow-x:auto;}
.table-responsive td {padding: 1em; text-align: center; width:33.3%; border-right: 1px solid #ddd; text-align: left; }
.table-responsive tr {border: 1px solid #ddd; padding: .35em;}
.table-responsive tr:first-child td {background: #f6f6f6; text-align: center;}
.table-responsive tr td:first-child {text-align: center;}
.schedule_tit {font-size:18px; font-weight:500; color:#333; }
.schedule_txt {background:#fbe0e0; margin:30px 0; padding:15px; text-align:center; color:#333;margin-top:10px;font-size:17px;}
.img_list.schedule-info dd .tit {width:50px;}

.tb_p > p {margin-bottom: 40px; color:#000;}
.tb_p > p:first-child {font-size:20px; line-height: 1.5; text-align: center; color:#b52024; text-decoration:underline; }

.ppeppeTb tr td {vertical-align: middle !important; text-align: center !important; font-size:16px !important;}
.ppeppeTb tr th:first-child, .ppeppeTb tr th:nth-child(5)  {background:#b52024 !important;} 
.ppeppeTb tr td:first-child, .ppeppeTb tr td:nth-child(5), .ppeppeTb tr:nth-child(6) td:nth-child(3) {background:#fdf8f8; line-height: 1.5;}
.ppeppeTb tr:nth-child(6) td:nth-child(5) {background: #fff; line-height: 1.5;}

.ppeppeTb2 tr td {vertical-align: middle !important; text-align: center !important; font-size:16px !important;}
.ppeppeTb2 tr th:first-child, .ppeppeTb2 tr th:nth-child(6)  {background:#b52024 !important;} 
.ppeppeTb2 tr td:first-child, .ppeppeTb2 tr td:nth-child(6), .ppeppeTb2 tr:nth-child(3) td:nth-child(5), .ppeppeTb2 tr:nth-child(6) td:nth-child(3),  .ppeppeTb2 tr:last-child td:nth-child(5) {background:#fdf8f8; line-height: 1.5;}
.ppeppeTb2 tr:nth-child(6) td:nth-child(5), .ppeppeTb2 tr:nth-child(3) td:nth-child(6),  .ppeppeTb2 tr:last-child td:nth-child(6) {background: #fff; line-height: 1.5;}

.programTb  tr th:first-child {background:#b52024 !important;} 
.programTb tr td:first-child {background:#fdf8f8; line-height: 1.5;}
.programTb tr th, .programTb tr td { text-align: center !important; vertical-align: middle !important;}

.point-list {width:100%; overflow:hidden;}
.point {width:100%; border-top:2px solid #4d4d4d;}
.point li {float:left; padding:1%; width:50%; height:75px; text-align:left; line-height:170%; background:#f6f6f6; border-bottom:1px solid #cccbcb; box-sizing: border-box;}
/*.point li:nth-child(7), .point li:nth-child(8) {border-bottom:1px solid #cccbcb;}*/
.point li span {display:block; float:left; margin-right:2%; padding:1% 2%; width:10%; text-align:center; background:#3e8dc8; font-weight:600; color:#fff; border-radius: 3px;}

.community.info_qna h3 {font-size:22px; text-align:center;}
.community.info_community {margin:0 auto;/* padding:50px 0;*/}
.community.info_community .pre_notice {width:100%;}
.community.info_community .pre_notice a {display:inline-block; width:90%;}
.community.info_community .pre_notice .date {float:right; text-align:right;}
.community.info_community .pre_notice ul {border-top:2px solid #333;}

.couns {background: #f6f6f6; padding:100px 20px; box-sizing:border-box; text-align: center; }
.couns .pt {font-size: 22px;  font-weight: 600;  color: #333; margin-bottom: 20px;}
.couns p {font-size:18px; color:#000; font-weight: 300;}
.couns p span {color:#de4145; font-size:20px; font-weight: 600;}

.sd_tbTit {font-size: 22px; font-weight: 600; color: #333; margin-bottom: 20px; text-align: center;}
.tb_sd {border-top: none;}
.tb_sd tr td {text-align: left; vertical-align: top; font-size:18px; font-weight: 500; color:#000; word-break:keep-all; background: #fff ;}
.tb_sd tr td p {text-align:left !important; margin-bottom: 10px;  font-weight: 300; color:#000;}
.tb_sd tr td:first-child p {color:red !important;}
.tb_sd tr th {background: rgba(13,26,60,0.95) !important; font-size:16px; padding:10px; border-right: 1px solid #ddd; color:#fff;}
.last_m {opacity:0.5;}

.meal_warp .tb_sd tr td p {border-bottom: 1px solid #ddd;}
.meal_warp .tb_sd tr td {font-size:16px; font-weight: 400; text-align: center; background: #fff; word-break:break-all; }
.meal_warp .tb_sd tr th {background: #00a1bf !important;}

.bg_gray {background: #f5f5f5;}
.bg_gray .sub_container {margin: 0 auto !important; padding:50px 0;}
.eag_view .eag_gallery_contents img {max-width:100% !important;}

.ppeppeMeal {width:100%; overflow:hidden; border-top:1px solid #ddd; border-left: 1px solid #ddd; margin-bottom: 20px;display:flex;flex-wrap:wrap; justify-content:left;}
.ppeppeMeal li {width:50%; overflow:hidden; background: #fff; color:#000 !important;padding:30px;  border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.ppeppeMeal li p {font-size:24px; font-weight: 600;color:#000 !important;  margin-bottom: 20px; margin-top: -15px;}
.ppeppeMeal li p span {background: #fff; padding:5px 20px 5px 0;}
.ppeppeMeal li img {width:100%;}

.noChoice {background:#82b566; text-align: center ; color:#fff; font-size:20px; font-weight: 500; padding:10px 0; }

.ppeAdv {width:100%; overflow:hidden; padding-top: 20px;} 
.ppeAdv li {border:1px solid #e0e0e0; float:left; width:49%; margin-right: 2%;  margin-bottom: 5%; padding:40px; box-sizing:border-box; position:relative; min-height:178px; text-align: center;}
.ppeAdv li:nth-child(2n) {margin-right: 0;}
.ppeAdv li p {font-size:22px; font-weight: 600; color:#000; margin-bottom: 20px; margin-top: 10px;}
.ppeAdv li div {background: #b52024; width:40px; height:40px; line-height: 40px; color: #fff; text-align: center; font-size:16px; position:absolute; top:-20px; left:50%; transform: translateX(-50%);}

.eag_list .eag_list_contents .tableRow div {font-size:16px !important;}

.oleIntroT {font-size:22px; font-weight: 600; color:#000; margin-bottom: 20px;}
.oleIntroTx {font-weight: 300; font-size:17px;  color:#000; }
.oleIntroTx strong {font-size:20px;}
.img100 {width:100%; margin: 0 0 40px 0;}

.socialWrap {position:absolute; right:150px;}
.socialWrap li {float:left; padding:15px 5px;}
.socialWrap li img {width:40px;}

.socialWrapM {width:87%; overflow:hidden; padding:15px 0;     margin: 0 auto;}
.socialWrapM li {float:left; margin-right: 10px;	 }
.socialWrapM li img {width:40px;}






/*------------------------responsive------------------------*/

@media (max-width:1250px){

.menu a {padding:23px 0.7em 23px 0.7em; font-size:16px;}
.submenu a {padding: .5em 1em;font-size:14px;}
header nav {right:220px; left:auto; max-width:650px;}
.sub_container{width:95%;margin:30px auto}
.footer {width:95%;}
.place_wrap {width:100%;}
.quick{width:100%;margin:30px auto}
.quick_wrap{margin:30px auto;}
.quick_wrap .quick_con .tit{font-size:16px;}
.quick_wrap .quick_con .con{display:none}

}


@media (max-width:1005px){

.tour_list_bottom {height:90px; }
.ppeppeMeal li {min-height:460px;}

}


@media (max-width:1100px){

header nav,.nav_ico{display:none}
#mbtMenu{position: absolute; top:0; right:0; display:block}
#mbtMenuBtn{width:70px; height:70px; border: none; text-indent:-9999px; background:url("/images/common/mb_nav_btn.gif") no-repeat 0 0;border-left: 1px solid rgba(255,255,255,0.1);}
#mbtMenuContent{position: absolute; background-color: #000; top:67px; right:0; width:250px; z-index:201; color:#fff; display:none;}
#mbtMenuUl{text-align: left;}
#mbtMenuUl a{color:#fff;}
#mbtMenuUl > li > a{padding:15px 0 15px 3%; display:block; width:87%; margin:0 auto; border-top: 1px solid rgba(255,255,255,0.3);}
#mbtMenuUl > li:first-child > a{border-top: none;}
#mbtSearchZone{background-color: #00567a; height:55px; line-height:55px; text-align: center;}
#mbtSearchZone .searchBtn{margin-left:0;}
#engLinkZone{background-color: #00567a; text-align: center;}
#mbtMenuUl > li > a#engLink{border-top: none;}
#engLink img{vertical-align: middle;}
.mbtSubMenuUl{border-top: 1px solid rgba(255,255,255,0.3);; width:87%; padding:15px 0 15px 3%; margin:0 auto; display:none;}
.mbtSubMenuUl > li > a{display:block; padding:8px 0; font-size:13px; line-height:normal;}
.searchBox{width:150px;}
#container h2{font-size:35px; font-weight:500;color:#333; text-align:center;line-height:150%}
#container .h2_con{font-size:15px;font-weight:300;text-align:center; color:#333;width:100%;}

.experience_wrap{width:90%;margin:30px auto}
.experience_con {float:left;width:33%;text-align:center;padding:40px 0;max-height:250px; overflow:hidden; }
.experience_con_img {float:left;width:33%;text-align:center; max-height:214px; overflow:hidden; }
/*.experience_con:first-child{display:none}*/
.img_galic{display:none}
.experience_con .tit, .experience_con_img .tit{font-size:20px}
.experience_con .con, .experience_con_img .con {font-size:14px;}
.experience_con .btn, .experience_con_img .btn {margin-top:15px;}
.experience_con .btn img, .experience_con_img .btn img {width:50px;}
figure.motion .btn, figure.motion:hover .btn img {width:50px; height:50px;}
.community{width:90%;margin:30px auto}
.community  h3 {font-size:18px}
.community .pre_notice,
.community .review{display:block;position:relative;width:100%}
.community .cs{display:block;width:100%;margin:1em 0 }
.community .pre_notice .btn_more,
.community .review .btn_more{position:absolute; top:10px; right:0; font-size:13px;}
.community .pre_notice ul{border:1px solid #ddd; border-bottom:0;margin-top:20px;}
.community .pre_notice li{border-bottom:1px solid #ddd;padding:10px 15px; font-size:16px;}
.community .pre_notice li .date{font-size:14px !important;color:#888}
.tour{position:relative;width:90%;margin:0 auto;padding:70px 0;overflow:hidden}
figure.tour_con .con {  position: absolute;  bottom: 0%;  width: 100%; height:auto; background-color: rgba(0,0,0,0.5);  z-index: 1;  text-align: center;  padding:10px;  margin: 0;  font-weight: 500;  font-size: 14px;  -webkit-transform: translateY(0%);  transform: translateY(0%);}
figure.tour_con a .con p{color:#fff;margin-top:0;font-size:12px}
figure.tour_con a .con .txt strong{display:block;font-size:15px;margin-bottom:30px;}
figure.tour_con .txt img{display:none}
.footer{position: relative;width:100%;margin:0 auto;}
.footer .tit{width:90%;margin:0 auto; font-size:16px;}
.footer .link {display:block;width:90%;overflow:hidden;margin:10px auto 0 auto}
.footer .link li {float:left;margin-right:15px}
.footer .link li a{color:rgba(255,255,255,0.8);font-size:14px;font-weight:300;}
.footer .info{width:90%;margin:10px auto 0 auto}
.footer .famliy{display:none}
.place_wrap{width:100%}
.ico_social{display:none}
.sub_container{width:95%;margin:30px auto}
.bg_gray .sub_container {padding:30px 0;}
.overview_img img{max-width:100%}
.tour_list_bottom {height: 100px; }
.privacy {width:100%;}
.community.info_community h3, .community.info_qna h3 {font-size:18px;}
.call_btn {display:block;}
.socialWrap {right:130px;}
}


@media (max-width:880px){

.overview_tit br {display:none;}
.tour_list_bottom {height: 80px; }
.tour_list ul li {width:48%; float:left; margin-right:4% ;}
.tour_list ul li:nth-child(2n) {margin-right: 0%;}
.community .pre_notice, .community .review {display:block;width:100%;}
.community .review {margin:20px 0 0;}
.tb_sd tr td {padding:5px; font-size:16px;}
.ppeppeMeal li {min-height:auto; width:100%;}
.ppeppeMeal li:nth-child(2n-1) {margin-right: 0;}

}


@media (max-width:767px){

html, body, header, section, footer, div, p, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dt, dd, .table-responsive td {font-size:13px;}
.tb_p > p:first-child {font-size:16px;}
.tb_p > p {margin-bottom: 30px;}
#container h2{font-size:30px; font-weight:500;color:#333; text-align:center;line-height:150%}
#container .h2_con{font-size:14px;font-weight:300;text-align:center; color:#333;width:100%;}
.quick{width:100%;margin:50px auto}
.quick_wrap .quick_con{width:50%;margin-bottom:1.2em}
.quick_wrap .quick_con .tit{font-size:15px;}
.experience_con, .experience_con_img{width:50%; max-height:208px;}
.experience_con .tit, .experience_con_img .tit{font-size:18px}
.experience_con .con, .experience_con_img .con{font-size:12px;}
.experience_con .btn, .experience_con_img .btn{margin-top:15px;}
.experience_con .btn img{width:50px;}
.mobile_left {float:left;}
.mobile_right {float:right;}
.bg-01{ height:260px}
#sub-visual h2{font-size:35px}
#sub-visual .h2_con{font-size:14px; }
.sub_container h3{font-size:22px;}
.overview_tit {font-size:16px;}
.img_list .img,.img_list dl {display:block;vertical-align:top}
.img_list .img img {width:100%;}
.img_list dd.btn_booking{text-align:left;padding-top:20px;}
.img_list dt {font-size:18px;}
.img_list dd, .label {font-size:13px;}
.point li {width:100%; height:auto;}
.point li span {width:10%;}
.community.info_community h3, .community.info_qna h3 {font-size:16px;}
.couns {padding:30px 10px;}
.couns .pt {font-size:16px; margin-bottom: 5px;}
.couns p {font-size:14px;}
.couns p span {font-size:16px;}
.ppeAdv li {width:100%; margin-right: 0; min-height:auto;}
.ppeAdv li p {font-size:16px; margin-bottom: 10px;}
#popup_11,#popup_12  {width:94%;}
#popup_11 table tr td img , #popup_12 table tr td img {width:100%;  }
#popup_11 table tr td  {height: auto;}

}



@media (max-width:650px) {

#popup_15,#popup_15 table, #popup_15 table tr, #popup_15 table tr td {height: auto !important; width:97% !important; margin-left: 1.5%;}
#popup_15  table tr td img {width:100%;}

}


@media (max-width:600px) {

.place_con > li {font-size:12px;}
.tour_list ul li {width:100%; margin-right: 0%;}
.tour_list_bottom {height:auto; overflow:hidden; }
.schedule {overflow-x: auto;}
.schedule table {min-width:560px;}
.tb_sd tr td p {font-size:9px; margin-bottom: 3px;}
.tb_sd {min-width:480px !important;}
.tb_sd tr td, .tb_sd tr th {padding:5px; font-size:12px !important;}
.meal_warp .tb_sd tr td {padding:5px; font-size:11px;}
.sd_tbTit {font-size:18px;}
.ppeppeMeal li p {font-size:18px; margin-bottom: 10px;}
.ppeppeMeal li {padding:20px;}
.noChoice {font-size:16px;}
#popup_11, #popup_11 table, #popup_11 table tr, #popup_11 table tr td, #popup_12, #popup_12 table, #popup_12 table tr, #popup_12 table tr td {height: auto !important; width:94% !important; margin-left: 3%;}
#popup_12 {left:0 !important;}
#popup_16, #popup_16 table, #popup_16 table tr, #popup_16 table tr td {height: auto !important; width:94% !important; margin-left: 3%;}
#popup_16  table tr td img {width:100%;}

.eag_list .eag_list_contents .tableRow div, .oleIntroTx {font-size:14px !important;} 

.oleIntroT {font-size:16px; margin-bottom: 10px;}
.socialWrap {display:none;}
header h1 img {padding:10px; height: 58px; margin-top: 6px;}
.oleIntroTx strong {font-size:14px;}
.img100 {margin: 0 0 20px 0;}

}


@media (max-width:480px) {

#container h2 {font-size:22px;}
.experience_con .btn img, .experience_con_img .btn img, figure.motion .btn, figure.motion:hover .btn img {width:30px; height:30px;}
.experience_con, .experience_con_img {width:50%; max-height:168px;}
.experience_wrap .btn_more {height:80px;}
.tour {padding:30px 0 70px;}
.community .pre_notice li, .community .pre_notice li .date, .review .review_board li .con .tit a {font-size:13px !important;}
.cs_box .con .tit, .cs_box2 .con .tit, .cs_box .con p, .cs_box2 .con p {font-size:14px;}
.cs_box .con .num, .cs_box2 .con .num {font-size:18px;}
.footer .link li a, .footer .info, .review .review_board li .con p, .community .pre_notice .btn_more, .community .review .btn_more, .place-2dep li a {font-size:12px;}
#sub-visual h2 {font-size:24px;}
.ppeAdv li {padding:30px; margin-bottom: 10%;}
.ppeAdv li:last-child {margin-bottom: 0;}
.removeTag {display:none !important;}

}


@media (max-width:360px) {

.experience_con {padding:28px 0;}
.experience_con, .experience_con_img {width:50%; max-height:140px; height:140px;}
.experience_con .con, .experience_con_img .con {display:none; font-size:11px;}
figure.motion a {top:20%;}
.place_con li.home {display:none;}
.call_btn{ right:70px; }

}