@charset "utf-8";





.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt40 {margin-top:40px !important;}
.mt-10 { margin-top:-10px;}
.mt-20 { margin-top:-20px;}
.tac {text-align:center;}
.tal {text-align:left;}
.tar {text-align:right;}
.orange {color:#ff6400;}
.blue {color:#0083f4;}
.green {color:#049700;}
button {}

body { letter-spacing:-0.07em;}

#wrap {padding-left:370px; height:100%; }
#map_wrap {position:absolute; left:370px; right:0; bottom:0; top:0; height:100%;  background:#ddd;}
#map_wrap .area_type {position:absolute; left:20px; top:20px; overflow:hidden; padding-bottom:2px;}
#map_wrap .area_type button {background:#fff; width:56px; height:32px; line-height:31px; text-align:center; border:1px solid #aaa; box-shadow: 1px 2px 2px rgba(0,0,0,0.1); border-radius:3px; font-size:13px; float:left; margin-right:4px; }
#map_wrap .area_type button.sel {border:1px solid #0081e5; color:#0081e5; font-weight:bold;}
#map_wrap .legend { position:absolute; right:20px; bottom:20px; border:1px solid #aaa; border-radius:50px; background:#fff; padding:6px; z-index:100;}
#map_wrap .legend ul {overflow:hidden;}
#map_wrap .legend ul li {float:left; font-size:14px; padding-left:35px; margin-right:16px; height:30px; line-height:30px; background:url(../images/type01.png) no-repeat;}
#map_wrap .legend ul li.n2 {background:url(../images/type02.png) no-repeat;}
#map_wrap .legend ul li.n3 {background:url(../images/type03.png) no-repeat;}


.map_layer { width:698px;  border:1px solid #b2b2b2; position:absolute; left:50%; margin-left:-350px; top:100px; background:#fff; box-shadow:3px 3px 8px rgba(0,0,0,0.1);z-index:100;}
.map_layer h3.title {margin:24px; margin-bottom:0; border-bottom:1px solid #e2e2e2; padding-bottom:15px; font-size:23px; letter-spacing:-1px; }
.m_search { margin:40px 58px 41px; background:#fff; height:48px; border-radius:100px; border:2px solid #000; position:relative; padding-right:50px; }
.m_search select {border:0; height:34px; margin:7px 0 0 3%; width:17%; float:left; font-size:15px; font-weight:bold;}
.m_search input {float:left; height:34px; border:0; width:72%; margin-top:7px; padding-left:2%; font-size:15px; letter-spacing:-0.5px;}
.m_search button {display:block; width:38px; height:38px; text-indent:-9999px; background:url(../images/search_btn.png) no-repeat center center; position:absolute; right:10px; top:5px;}
.sch_list {background:#fafafa;border-top:1px solid #ebebeb; height:495px; overflow-y:scroll; position:relative; top:-1px;}
.sch_list li {margin:18px 24px; padding:0 94px 18px 124px; height:62px; position:relative; border-bottom:1px solid #ebebeb; transition:0.2s;}
.sch_list li img { position:absolute; width:110px; height:62px; left:0px; top:0px; border-bottom-right-radius: 40% 30%;}
.sch_list li h3 {font-size:17px; padding-bottom:7px; letter-spacing:-0.7px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; padding-right:0px;}
.sch_list li h3 span {text-indent:-999px; display:inline-block; overflow:hidden; width:30px;height:30px; vertical-align:middle; margin-right:6px;}
.sch_list li h3 span.n1 {background:url(../images/type01.png) no-repeat;}
.sch_list li h3 span.n2 {background:url(../images/type02.png) no-repeat;}
.sch_list li h3 span.n3 {background:url(../images/type03.png) no-repeat;}
.sch_list li p {font-size:13px; color:#333;}
.sch_list button {position:absolute; right:0px; top:9px; width:84px; height:44px; background:#5988ff; border-radius:3px; color:#fff; font-size:15px; font-weight:bold; transition: 0.2s;}
.sch_list button:hover {background:#3e75ff; box-shadow:0 0 6px rgba(0,0,0,0.5);}
.map_layer .layer_close { position:absolute; right:24px; top:28px; padding-right:33px; line-height:27px; font-size:14px;  background:url(../images/close_btn.png) no-repeat right top;}




#content {position:absolute; left:0; top:0; bottom:0;z-index:99; width:370px; height:100%; box-shadow:0px 0px 5px rgba(0,0,0,0.2);}
.top { position:absolute; left:0; top:0; z-index:3; background:#0092cf; width:330px; padding:20px; padding-bottom:0px; }
.top:before {content:''; display:block; width:100%; height:84px; background:#1f9fd5; position:absolute; left:0;top:0;}
.top .menu {overflow:hidden; margin:0 -2px; padding-bottom:20px;}
.top .menu li {float:left; width:100%;}
.top .menu li a {display:block; margin:0 2px; background:#0092cf; line-height:42px;height:42px; border-radius:3px; border:1px solid #3faddb; color:#d1e8f8; text-align:center; font-size:15px; position:relative; transition: 0.2s;}
.top .menu li a:hover { background:#0079ac; border:1px solid #006894;}
.top .menu li a.sel {background:#303030; color:#fff; border:1px solid #000; line-height:42px; height:40px; border-bottom:3px solid #000;  font-weight:bold;}
.top .menu li a.sel:before {display:block; content:''; width:0px; height:0px; position:absolute; left:50%; bottom:-9px; margin-left:-4px; border:3px solid #000; border-bottom-color: transparent;
 border-left-color: transparent; border-right-color: transparent;}
.top .search { margin-top:25px; background:#fff; height:44px; border-radius:4px; position:relative; padding:0 50px 0 96px; box-shadow:1px 1px 0 rgba(0,0,0,0.15);}
.top .search select {border:0; height:30px;  width:80px; position:absolute; left:12px; top:7px; font-size:14px;}
.top .search input {float:left; height:30px; border:0; width:100%; margin-top:7px; padding-left:4%; font-size:14px; letter-spacing:-0.5px;}
.top .search button {display:block; width:34px; height:34px; text-indent:-9999px; background:url(../images/search_btn.png) no-repeat center center; position:absolute; right:5px; top:5px;}
.top .fav_txt { height:20px; padding:12px 0 20px 0; color:#b5dff1;  overflow:hidden; white-space: nowrap; text-overflow: ellipsis; letter-spacing:-0.5px;}
.top .fav_txt strong {font-size:14px; padding-right:15px; position:relative; color:#fff; }
.top .fav_txt strong:before {content:''; display:block; width:1px; height:13px; background:#fff; position:absolute; right:6px; top:3px; opacity:.5;}
.top .fav_txt a {color:#fff; font-size:14px}






.content {width:100%;height:100%; position:relative;}
.content .inner {position:absolute; left:0; top:205px; bottom:0; right:0; overflow-y:auto;}

.tour_list li {padding:14px 10px 18px; height:110px; position:relative; border-bottom:1px solid #ebebeb; transition:0.2s;}
.tour_list li:hover {background:#fffccb;}
.tour_list li h3 {font-size:17px; padding-bottom:7px; letter-spacing:-0.7px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; padding-right:3px;}
.tour_list li h3 span {text-indent:-999px; display:inline-block; overflow:hidden; width:30px;height:30px; vertical-align:middle; margin-right:6px;}
.tour_list li h3 span.n1 {background:url(../images/type01.png) no-repeat;}
.tour_list li h3 span.n2 {background:url(../images/type02.png) no-repeat;}
.tour_list li h3 span.n3 {background:url(../images/type03.png) no-repeat;}
.tour_list li h3 span.n_dosz {background:url(../images/iconblog/dosz.png) no-repeat;}
.tour_list li h3 span.n_kosmos_vadam {background:url(../images/iconblog/kosmos_vadam.png) no-repeat;}
.tour_list .txt_box {position:relative; padding-left:126px;}
.tour_list .txt_box .s_img { width:120px; height:80px; position:absolute; left:0; top:0; border-bottom-right-radius: 40% 30%;}
.tour_list .txt_box p {font-size:13px; line-height:18px; padding-top:1px; height:41px; letter-spacing:-0.4px;}

.tour_list .txt_box .btn button { width:65px; height:20px; line-height:20px; text-align:center; background:#777; border-radius:2px; color:#fff; margin-right:1px; transition: 0.2s;}
.tour_list .txt_box .btn button:hover {background:#333;}


.page_num {padding:16px 20px 0 20px; text-align:right; font-size:13px; color:#777;}
.page_num strong {color:#0092cf; font-size:14px; font-weight:normal; position:relative;top:1px;}
.pagination {text-align:center; padding:15px 0 25px;}
.pagination > * {display:inline-block; width:22px; height:22px; line-height:22px; border:1px solid #d2d2d2; margin:0 0px 5px 0px;}
.pagination > strong {border:1px solid #333; background:#555; color:#fff;}
.pagination .page_prev , .pagination .page_next , .pagination .page_prevend , .pagination .page_nextend {text-indent:-9999px; position:relative; background:url(../images/page_icon.png) no-repeat -2px -2px;}
.pagination .page_prev {background-position:-28px -2px;}
.pagination .page_next {background-position:-54px -2px;}
.pagination .page_nextend {background-position:-80px -2px;}


.way_search {padding:114px 25px 0px 20px; background:#fff url(../images/cursor.png) no-repeat 22px 150px; position:relative; z-index:2; }
.way_search p { padding-left:25px; position:relative;}
.way_search p:before {content:''; display:block; width:7px; height:7px; border:2px solid #5988ff; border-radius:5px; position:absolute; left:0px; top:15px; z-index:10; }
.way_search p:after {content:''; display:block; clear:both;}
.way_search p input {width:78%; padding-left:3%; height:44px; float:left; font-size:14px; box-sizing: border-box; border:1px solid #c2c2c2; border-radius:4px 0 0 4px; border-right:0;}
.way_search p button {float:right; width:22%; height:44px; line-height:44px; font-size:15px; font-weight:bold; color:#fff; text-align:center; border-radius:0 4px 4px 0; background:#5988ff;}
.way_search p.n2 {margin-top:8px;}
.way_search p.n2:before {border:2px solid #ff6050;}
.way_search p.n2 button {background:#ff6050;}



.btn_type1 { padding:30px 0; text-align:center; }
.btn_type1 * {display:inline-block; width:166px; height:44px; line-height:44px; border:2px solid #333; text-align:center; font-size:17px; box-shadow:0 2px 5px rgba(0,0,0,0.2); font-weight:bold; border-radius:4px; transition: 0.2s;}
.btn_type1 *:hover {box-shadow: 0 6px 9px rgba(0,0,0,0.3);}

.way_bg { position:absolute; left:0; right:0; top:320px; bottom:0; background:#f9f9f9 url(../images/way_bg.png) no-repeat center bottom;}
.way_bg h3 { text-align:center; padding-top:130px; font-size:21px; font-weight:normal; line-height:24px;}
.way_bg p {font-size:14px; padding-top:20px; color:#777; text-align:center;}


.course_wrap {position:absolute; left:0; top:84px; right:0; bottom:0; overflow-y:auto;}
.course_visual { padding:30px 22px; height:52px; letter-spacing:-1px; font-size:20px; line-height:26px; background:#fef9e7 url(../images/course_bg.png) no-repeat 92% bottom; text-indent:-6px;}
.course_visual strong {font-weight:normal; color:#ff4b1b;}
.course_list li { padding:20px 20px 20px 17px; height:40px; position:relative; border-left:3px solid #ff751b; border-bottom:1px solid #e2e2e2; transition: 0.2s;}
.course_list li:nth-child(3n+2) {border-left:3px solid #1f9fd5;}
.course_list li:nth-child(3n+3) {border-left:3px solid #3aa873;}
.course_list li:hover {background:#fffee9;}
.course_list li h3 {font-size:16px; letter-spacing:-1px; padding-right:90px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; }
.course_list li p {font-size:13px; color:#777;}
.course_list li a {position:absolute; right:20px; top:22px; display:block; width:82px; line-height:38px; border-radius:4px; background:#5988ff; color:#fff; text-align:center; font-size:15px; font-weight:bold; letter-spacing:-0.5px; transition: 0.2s;}
.course_list li a:hover {background:#3e75ff; box-shadow:0 0 6px rgba(0,0,0,0.5);}
.btn_type2 {padding:30px 0;}
.btn_type2 * {display:block; width:168px; height:48px; line-height:48px; border-radius:4px; text-align:center; border:1px solid #c83c3c;border-bottom:2px solid #c83c3c; background:#ff5151; color:#fff !important; font-size:17px; font-weight:bold;  margin:0 auto; letter-spacing:-1px;box-shadow:0 2px 5px rgba(0,0,0,0.2); transition: 0.2s; }
.btn_type2 *:hover {box-shadow: 0 6px 9px rgba(0,0,0,0.3);}


.course_wrap .course_top {padding: 20px;}
.course_wrap .course_top h3 {font-size:17px; padding-bottom:12px; }
.course_wrap .course_top p { position:relative; padding-left:80px; }
.course_wrap .course_top p label {font-size:15px; position:relative; z-index:2; font-weight:bold; line-height:47px; letter-spacing:8px; position:absolute; left:0; top:0;}
.course_wrap .course_top p input {height:45px; line-height:45px; border:1px solid #d2d2d2; border-radius:3px; box-sizing: border-box; width:100%; padding-left:3%; font-size:14px;}
.course_wrap .course_top strong { display:block;height:45px;  line-height:45px; border:1px solid #d2d2d2; border-radius:3px; box-sizing: border-box; width:100%;}
.course_wrap .course_top p.n2 {margin-top:8px;}
.course_wrap .course_top p.n2 label {letter-spacing:31px;}
.course_wrap .course_tour {padding:20px; padding-top:0;}
.course_wrap .course_tour h4 {font-size:15px; letter-spacing:0.4px; padding-bottom:8px;}


.tour_search {overflow:hidden; margin-bottom:10px;}
.tour_search button {width:49%;float:left; height:44px; border-radius:4px; text-align:left; text-indent:16px; font-size:14px; font-weight:bold; color:#fff; position:relative; overflow:hidden;}
.tour_search button:before {content:''; display:block; width:0%; height:2px; background:#000; opacity:.2; position:absolute; left:0; bottom:0; transition: 0.3s;}
.tour_search button:hover { filter:brightness(110%);}
.tour_search button:hover:before {width:100%;}
.tour_search button.n1 { margin-right:2%; background:#5988ff url(../images/sch_icon01.png) no-repeat 91% center;}
.tour_search button.n2 { background:#ff6050 url(../images/sch_icon02.png) no-repeat 91% center;}


.my_tour_list {padding:12px; padding-bottom:8px; background:#eee; border-radius:4px;}
.my_tour_list li {height:48px; border:1px solid #e2e2e2; position:relative; overflow:hidden; background:#fff; margin-bottom:4px;}
.my_tour_list li .s_img {width:78px; height:48px;}
.my_tour_list li span {text-indent:-999px; display:inline-block; overflow:hidden; width:30px;height:30px; vertical-align:middle; margin:9px 6px;}
.my_tour_list li span.n1 {background:url(../images/type01.png) no-repeat;}
.my_tour_list li span.n2 {background:url(../images/type02.png) no-repeat;}
.my_tour_list li span.n3 {background:url(../images/type03.png) no-repeat;}
.my_tour_list li .del {position:absolute; right:8px; top:15px; display:block; overflow:hidden; text-indent:-99px; width:21px; height:21px; border:1px solid #bbb; background:url(../images/btn_del.png) no-repeat center center;transition:0.2s;}
.my_tour_list li:hover {border:1px solid #aaa;}
.my_tour_list li .del:hover { border:1px solid #777; box-shadow:0 0 3px rgba(0,0,0,0.1)}


.course_memo {padding:0 20px;}
.course_memo h4 {font-size:15px; letter-spacing:0.4px;  padding-bottom:8px;}
.course_memo textarea {width:100%; box-sizing: border-box; border:1px solid #cacaca; padding:6px; overflow-y:scroll; border-radius:3px;}

.btn_type3 {padding:20px 20px; overflow:hidden; }
.btn_type3 * {float:left; width:23%; margin:0 1%; box-sizing:border-box !important; border:1px solid #333; border-radius:4px; line-height:37px; text-align:center; font-size:14px; font-weight:bold; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
.btn_type3 .print {text-align:left; text-indent:12px; background:url(../images/print_icon.png) no-repeat 86% center;}

.map_dtl { width:300px; height:130px; padding:15px; background:#fff; box-shadow:3px 3px 8px rgba(0,0,0,0.2); position:absolute; left:50%; margin-left:-170px; top:50%; margin-top:-85px;}
.map_dtl:before {content:''; display:block; width:0px; height:0px; border:10px solid #fff; border-right-color:transparent;border-left-color:transparent;border-bottom-color:transparent;  position:absolute; left:50%; margin-left:-10px; bottom:-20px;}
.map_dtl h3 {font-size:16px; padding-bottom:10px; margin-bottom:18px; border-bottom:1px solid #7c7c7c;}
.map_dtl .txt {position:relative; padding-left:126px;}
.map_dtl .s_img {width:110px; height:62px;  border-bottom-right-radius: 40% 30%; position:absolute; left:0; top:0;}
.map_dtl p {font-size:13px; line-height:15px; height:37px;}
.map_dtl .btn_wrap a {width:76px; height:24px; line-height:24px; border:1px solid #c5c5c5; border-radius:1px; display:block; text-align:center; float:left; font-size:13px; color:#555; margin-right:3px;}
.map_dtl .btn_wrap button {display:block; float:left; border:1px solid #c5c5c5; text-indent:-999px; overflow:hidden; width:26px; height:26px; border-radius:1px; background:#fff url(../images/fav_icon.png) no-repeat center -18px; transition: 0.3s;}
.map_dtl .btn_wrap button.sel { background-position:center 5px; border:1px solid #ff8518;}
.map_dtl .close { position:absolute; right:6px; top:15px; display:block; width:32px; height:32px; overflow:hidden; background:url(../images/btn_del.png) no-repeat center center; text-indent:-999px;}

/* 2019.06.04 추가 */
.tour_list2 {padding-bottom:20px;}
.tour_list2 li {height:auto;}
.tour_list2 > li { padding:0; padding-top:12px;}
.tour_list2 > li > h3 {padding-left:16px;}
.tour_list2 > li > .txt_box {margin:0 16px 16px 16px;}
.tour_way .title {font-size:17px; padding-left:18px;  padding-bottom:12px;}
.tour_way .tour_list {border-top:1px solid #bbb;}
.tour_way .tour_list li h3 {padding-right:10px;}
.tour_way .tour_list li:hover {background:none;}
.tour_way .find_way li { padding:12px 20px 12px 42px; border-bottom:1px solid #ebebeb; position:relative; font-size:13px;}
.tour_way .find_way li img {position:absolute; left:18px; top:14px;}
.tour_way .find_way li:first-child {background:#fafafa; font-weight:bold;}
/* 2019.06.04 추가 */


.way_sch_list { border-top:1px solid #e2e2e2;}
.way_sch_list .kakao_btn { display:inline-block; padding:4px 12px; background:#f4dd00; color:#391d1d; border-radius:3px; margin:10px 16px; font-weight:bold; font-size:14px;}
.way_sch_list .find_way {position:absolute; left:0; top:368px; bottom:0; right:0; overflow-y:auto;}
.way_sch_list .find_way li { padding:12px 20px 12px 42px; border-bottom:1px solid #ebebeb; position:relative; font-size:13px;}
.way_sch_list .find_way li img {position:absolute; left:18px; top:14px;}
.way_sch_list .find_way li:first-child {background:#fafafa; font-weight:bold;}

.way_dtl { width:300px;  padding:15px; background:#fff; box-shadow:3px 3px 8px rgba(0,0,0,0.2); position:absolute; left:50%; margin-left:-170px; top:50%; margin-top:-85px; text-align:center;}
.way_dtl:before {content:''; display:block; width:0px; height:0px; border:10px solid #fff; border-right-color:transparent;border-left-color:transparent;border-bottom-color:transparent;  position:absolute; left:50%; margin-left:-10px; bottom:-20px;}
.way_dtl ul li {font-size:14px;}
.way_dtl ul li img {margin-right:5px; vertical-align: middle;}


/* ÁöµµÀ§ ÄÁÆ®·Ñ */
.map_wrap {position:relative;overflow:hidden;width:100%;height:350px;}
.radius_border{border:1px solid #919191;border-radius:5px;}     
.custom_typecontrol {position:absolute;top:10px;right:10px;overflow:hidden;width:130px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;font-family:'Malgun Gothic', '¸¼Àº °íµñ', sans-serif;}
.custom_typecontrol span {display:block;width:65px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer;}
.custom_typecontrol .btn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);}       
.custom_typecontrol .btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_typecontrol .btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}    
.custom_typecontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.custom_typecontrol .selected_btn:hover {color:#fff;}   
.custom_zoomcontrol {position:absolute;top:50px;right:10px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5;} 
.custom_zoomcontrol span {display:block;width:36px;height:40px;text-align:center;cursor:pointer;}     
.custom_zoomcontrol span img {width:15px;height:15px;padding:12px 0;border:none;}             
.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}

.custom_viewcontrol {position:absolute;top:10px;left:10px;overflow:hidden;width:65px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;font-family:'Malgun Gothic', '¸¼Àº °íµñ', sans-serif;}
.custom_viewcontrol span {display:block;width:65px;height:30px;float:left;text-align:center;line-height:30px;font-weight:bold;cursor:pointer;}
.custom_viewcontrol .btn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);}       
.custom_viewcontrol .btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_viewcontrol .btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}   


@media all and (min-width: 829px) and (max-width: 1280px) {
	#wrap {padding-left:330px;}
	#content {width:330px;}
	.top {width:290px;}
	#map_wrap {left:330px;}
	.map_layer {width:598px; margin-left:-300px;}
}
@media all and (max-width: 828px) {

	#wrap {padding:0; height:auto; min-width:320px;}
	#map_wrap {position:relative; left:0; height:540px;}
	#map_wrap .area_type {left:2%; top:12px; width:96%; max-width:500px;}
	#map_wrap .area_type button {width:15.6%; margin:0 0.5%; height:26px; line-height:25px; font-size:12px;}
	#map_wrap .legend { right:12px; bottom:12px; padding:5px;}
	#map_wrap .legend ul li {background-size:20px !important; line-height:20px; font-size:13px; height:20px; padding-left:24px; margin-right:12px; color:#666;}
	
	.map_layer {width:96%; left:2%; margin-left:-1px; top:50px; z-index:100; }
	.map_layer h3.title {margin:20px 14px 14px 14px; padding-bottom:12px; font-size:18px; }
	.map_layer p {line-height:14px;}
	.m_search {margin:20px 14px; height:42px;}
	.m_search select { height:28px; margin:7px 0 0 3%; width:20%; float:left; font-size:15px; font-weight:bold;}
	.m_search input {height:28px;  width:70%; margin-top:7px; padding-left:2%; font-size:15px; letter-spacing:-0.5px;}
	.m_search button { right:10px; top:2px;}
	
	.sch_list {height:300px;}
	.sch_list li {margin:12px 14px; padding:0 60px 12px 96px; height:50px;}
	.sch_list li img {width:86px; height:50px;}
	.sch_list li h3 {font-size:15px;}
	.sch_list li h3 span { width:20px; height:20px; background-size:20px !important; margin-right:4px;}
	.sch_list button {width:56px; height:32px; line-height:32px; font-size:14px;}
	.map_layer .layer_close {top:20px; right:14px;}
	
	#content {position:relative; width:auto; height:auto; box-shadow:none;}
	.content {height:auto;}
	.top {width:auto; position:relative; padding:16px 12px 0 12px;}
	.top:before { height:80px;}
	.top .search {margin-top:20px;}
	.top .fav_txt { text-align:center; padding-bottom:16px;}
	
	.content .inner {position:relative; top:0;}
	.tour_list li {padding:14px 14px 14px; height:94px;}
	.tour_list li h3 {font-size:15px; padding-bottom:10px; padding-right:78px;}
	.tour_list li h3 span {width:20px; height:20px; background-size:20px !important; margin-right:4px;}
	.tour_list .txt_box {padding-left:100px;}
	.tour_list .txt_box .s_img {width:90px; height:60px; top:5px;}
	.tour_list .txt_box p {font-size:12px;}
	
	
	.way_search {padding:20px 14px 0 14px; background-position:16px 56px;}
	.way_bg {position:relative; top:0; height:300px;}
	.way_bg h3 {padding-top:50px;}
	
	.course_wrap {position:relative; top:0;}
	.course_visual { font-size:18px;}
	.course_list li {padding:16px 16px 16px 13px;}
	.course_list li h3 {font-size:15px; padding-right:70px;}
	.course_list li a {right:14px; top:17px; width:68px; font-size:14px;}
	
	.course_wrap .course_top {padding: 16px 14px;}
	.course_wrap .course_top p {padding-left:72px;}
	.course_wrap .course_tour {padding: 16px 14px; padding-top:0;}
	
	.tour_search button {text-indent:12px; font-size:13px;}
	.my_tour_list li {height:44px;}
	.my_tour_list li .s_img {width:70px; height:44px;}
	.my_tour_list li span {width:20px; height:20px; background-size:20px !important; margin:12px 5px;}
	.my_tour_list li .del {top:12px;}
	
	.course_memo {padding:0 14px;}
	
	.btn_type3 * {line-height:33px;}
	.btn_type3 .print {text-indent:10px;}
	
	
	.way_sch_list .find_way {position:relative; top:0;}
}





@page {margin:20px 0; }
@media print {
	html { width:150%; transform:scale(0.64); margin-left:-25%;}
	body { width:100%;}
	.content .inner {position:relative; top:0;}
	.course_wrap {position:relative; top:0;}
	.way_sch_list .find_way {position:relative; top:0;}
}
	

  .ui-autocomplete-category {
    font-weight: bold;
    font-size: 16px;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
  }
  
	


.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding:5px 5px 5px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight:bold;
  margin: 4px 2px;
  cursor: pointer;
}

.button2 {background-color: #008CBA;} /* Blue */
.button3 {background-color: #f44336;} /* Red */ 
.button4 {background-color: #e7e7e7; color: black;} /* Gray */ 
.button5 {background-color: #555555;} /* Black */



.mapname {position:relative; display:inline-block;}
.mapname span {display:inline-block; padding:5px 15px 5px 15px; color:#fff;}
.mapname.mapcolor1 {background:#333333; border-radius:20px;}
.mapname.mapcolor2 {background:#c95e5e; border-radius:20px;}
.mapname:after {content:''; position:absolute; width:0; height:0; border-style:solid;}
.mapname.mapcolor1:after {border-width:15px 10px; left:50%; margin-left:-10px;}
.mapname.mapcolor1:after {border-color:#333333 transparent transparent transparent; bottom:-25px;}
.mapname.mapcolor2:after {border-width:15px 10px; left:50%; margin-left:-10px;}
.mapname.mapcolor2:after {border-color:#c95e5e transparent transparent transparent; bottom:-25px;}

.mapname2 {position:relative; display:inline-block; line-height:22px;cursor:pointer;}
.mapname2 span {display:inline-block; padding:15px 15px 15px 15px; color:#fff;}
.mapname2.mapcolor1 {background:#333333; border-radius:20px;}
.mapname2.mapcolor2 {background:#c95e5e; border-radius:20px;}
.mapname2:after {content:''; position:absolute; width:0; height:0; border-style:solid;}

.close {
  position: absolute;
  right: 25px;
  top: 20px;
  width: 32px;
  height: 32px;
  opacity: 0.7;
}
.close:hover {
  opacity: 1;
}


.hAddr {position:absolute;left:10px;top:10px;border-radius: 2px;background:#fff;background:rgba(255,255,255,0.8);z-index:1;padding:5px;}
#centerAddr {display:block;margin-top:2px;font-weight: normal;}