@charset "utf-8";

@import url('layout_v4.css');

/*
1025px에서 1280px 사이
*/
@media (min-width: 768px) and (max-width: 1400px) {
	
}

@media (max-width: 1650px) {
	.quick.show{right:-110px;}
}

@media (max-width: 1400px) {
	#container,
	.fixed_wrap{box-sizing: border-box;padding-left: 20px;padding-right: 20px;}
	#header .inner.fixed_wrap{padding-left: 0;padding-right: 0}
	
	.mn_intro{padding-bottom: 65px;}
	.mn_intro .col:first-child .inner{padding-right: 30px;}
	.mn_intro .col:last-child .inner{padding-left: 30px;}
	.mn_intro .cont{padding: 20px 230px 20px 20px;}
	.mn_intro .cont .tit{font-size: 22px;}
	.mn_intro .cont .btns_area{right: 20px;}
	
	.bn_area .btns_consult .consult{padding-left: 60px;padding-right: 80px;}
	.title01{margin-bottom: 30px}
	.info_area{padding: 48px 0 100px;}
	.info_row .col:nth-child(1){padding-right: 2%}
	.info_row .col:nth-child(2){padding-left: 1%;padding-right: 1%}
	.info_row .col:nth-child(3){padding-left: 2%}
	.info_slide .slick-dots{bottom: -30px;}
	.info_slide .slick-dots li{margin: 0 4px;width: 14px;height: 14px;}
	.info_slide .slick-dots li.slick-active{border-width: 2px}
	
	.board_area .col.right{padding: 0 50px}
	.event_slide{margin: 0 -8px;}
	.event_slide .item{padding: 0 8px;}
	.event_slide button.slick-arrow{left:-35px;}
	.event_slide button.slick-next {left: auto;right: -35px;}
	.board_area .col:first-child{padding-right: 3%;}
	
	.ticket_list .col{margin-bottom: 40px;}
	.ticket_list .col:nth-child(odd) .inner{padding-right: 15px;}
	.ticket_list .col:nth-child(even) .inner{padding-left: 15px;}
	.ticket_list .cont{padding: 20px 170px 20px 20px;}
	.ticket_list .cont .tit{font-size: 10px;}
	.ticket_list .cont .btns_area{right: 20px;}
}

@media (max-width: 1350px) {
	.lnb{right: 0;letter-spacing: -0.02em;}
	.lnb > li > a{padding-left: 20px;padding-right: 20px;}
	
	.timetable_tram .station_info ul{padding: 0 5px;}
	.timetable_tram .station_info ul > li{min-width: initial;}
	.timetable_tram .cont{padding-left: 6px;padding-right: 6px;}
	.timetable_tram .station_info .thumb{width: 70px;height: 70px;}
	.timetable_tram .station_info .tit{font-size: 15px;}
	.timetable_tram .station_info .eng{font-size: 13px;}
	.timetable_tram .station_info span{font-size: 14px;}
}

@media (max-width: 1200px) {
	.page_wrap{padding-top: 60px;}
	.sns_wrap{display: none}
	#header{text-align: center;position: fixed;top:0;left:0;padding:0;width: 100%;background: #fff;z-index: 1000}
	#header .inner{height: 60px;background-color: #1e489f}
	#header .logo{margin-top: 10px}
	#header .logo a{width: 205px;height:37px;background-image: url(../images/mo/logo.png);background-size: cover}
	:lang(en) #header .logo a{width: 222px;background-image: url(../images/mo/logo_eng.png)}
	:lang(zh) #header .logo a{width: 176px;background-image: url(../images/mo/logo_chn.png)}
	:lang(ja) #header .logo a{width: 248px;background-image: url(../images/mo/logo_jpn.png)}
	
	#hamberger{display:block;position:absolute;top:50%;left:11px;margin-top:-15px;width:30px;height:30px;}
	#hamberger .btn_total{position:absolute;top:50%;left:50%;margin-top:-1px;margin-left:-10px;width:20px;height:2px;background:#fff;transition:all .3s ease; }
	#hamberger .btn_total:before, 
	#hamberger .btn_total:after{content:'';display:block;position:absolute;width:100%;height:100%;background:#fff; transition:all .3s ease;}
	#hamberger .btn_total:before{top:-7px;}
	#hamberger .btn_total:after{top:7px;}
	#hamberger.show .btn_total{background:transparent;width: 22px;}
	#hamberger.show .btn_total:before{top:0;transform:rotate(45deg);}
	#hamberger.show .btn_total:after{top:0;transform:rotate(-45deg);}
	
	.total_menu{display: none;position: absolute;top:60px;left:0;width: 100%;z-index: 100;
		-webkit-transform: translateY(0);
	    -moz-transform: translateY(0);
	    -o-transform: translateY(0);
	    -ms-transform: translateY(0);
	    -sand-transform: translateY(0);
	    transform:translateY(0);
	}
	.total_nav{padding-bottom: 123px;background-color: #1e489f;}
	
	
	#lnb{width: 100%;border-top: 1px solid #4b6db2}
	#lnb > li > a{background: url(../images/mo/nav_bul01.png) no-repeat right 16px top 50% / 13px auto;}
	#lnb > li.on > a{background-image: url(../images/mo/nav_bul02.png);}
	#lnb > li{width: 100%;display: block;border-bottom: 1px solid #4b6db2}
	#lnb > li > a{display: block;font-size: 15px;color: #fff;text-align: left;padding: 17px 16px;}
	#lnb > li > a > span{line-height: 40px;padding: 0 13px;}
	#lnb > li > a > span:after,
	#lnb > li .sub_depth{display:block;position: relative;top:auto;height:0;max-height:0;transition: max-height 1.6s;overflow: hidden}
	#lnb > li.on .sub_depth{max-height: 300px;height:auto;transition: max-height 0;display: block !important}
	.lnb .sub_depth ul{padding-top: 0;height: auto;border-left: 0;margin-top: -5px;padding-bottom: 20px;}
	.lnb .sub_depth li{text-align: left;margin-bottom: 0}
	.lnb .sub_depth a{position:relative;font-size: 13px;display: block;padding: 5px 24px}
	.lnb .sub_depth a:before{display: block;content: '';width: 3px;height:1px;background-color: #fff;position: absolute;top:50%;left:16px;}
	
	/*.bn_area .tel_guide .guide{background: none;padding-left: 0}*/
	.bn_area .btns_consult .consult{padding-right: 0}
	.bn_area .btns_consult > li > a{padding-left: 50px;padding-right: 50px;}
	.bn_area .btns_consult > li:nth-child(1){padding-right: 16px}
	.bn_area .btns_consult > li:nth-child(2){padding: 0 8px}
	.bn_area .btns_consult > li:nth-child(3){padding-left: 16px}
	
	#container{padding-top: 50px}
	.tab_area{margin-bottom: 40px;}
	.intro_area .img{padding: 0}
	
	.tourist_area,
	.tourist_area.type02{padding: 0;}
	
	#footer .sns_link{display: block;background-color: #fff;}
	.sns_link > .sns_in{font-size: 0;padding: 20px 0}
	#footer .sns_link a.sns{margin: 0 5px;width:30px;height:30px;}
	
	.bn_area{padding-bottom: 80px}
	
	.lang_mo{text-align: center;padding-top: 2px;display: block}
	.lang_mo a{position:relative;display: inline-block;line-height: 40px;color: #fff;font-size: 12px;font-weight: 100;padding: 0 22px;}
	.lang_mo a.active{font-weight: 400}
	.lang_mo a:before{display: block;content: '';width: 1px;height:10px;background-color: #4b6db2;position: absolute;top:50%;left:0;margin-top: -5px;}
	.lang_mo a:first-child:before{display: none}
}

@media (max-width: 1024px) {
	.mn_intro .col:first-child .inner{padding-right: 20px;}
	.mn_intro .col:last-child .inner{padding-left: 20px;}
	.board_area .col .notice_area{padding: 30px 25px 32px}
	.board_area .col .notice_area .tit{font-size: 22px;margin-bottom: 14px;}
	.board_area .col .notice_area .notice_list > li{margin-bottom: 8px;}
	.board_area .col .more{top: 30px;}
	
	.timetable_tram .cont{padding-left: 2px;padding-right: 2px;}
	
	.ticket_list .col{margin-bottom: 25px;}
	.ticket_list .col:nth-child(odd) .inner{padding-right: 10px;}
	.ticket_list .col:nth-child(even) .inner{padding-left: 10px;}
	
	.bn_area .btns_consult > li > a{padding-left: 20px;padding-right: 30px;}
	.bn_area .btns_consult > li:nth-child(1){padding-right: 8px}
	.bn_area .btns_consult > li:nth-child(2){padding: 0 4px}
	.bn_area .btns_consult > li:nth-child(3){padding-left: 8px}
	
	.timetable_tram .station_info.has_3 ul > li{min-width: 120px;}
}

@media (max-width: 960px) {
	#container,
	.fixed_wrap{padding-left: 15px;padding-right: 15px;}
	
	.mn_intro{padding-bottom: 45px;}
	.mn_intro .cont{padding: 15px 200px 15px 15px;}
	.mn_intro .cont .tit{font-size: 18px;}
	.mn_intro .col:first-child .inner{padding-right: 10px;}
	.mn_intro .col:last-child .inner{padding-left: 10px;}
	.mn_intro .cont .btns_area{right: 15px}
	.mn_intro .cont .btns_area .btn_go{margin-left: 20px;}
	.mn_intro .cont .btns_area .btn_go:before{left: -10px;}
	.btn_go{font-size: 14px;}
	.btn_go:after{width: 16px;height:16px;margin-top:-8px;}
	
	.title01 > span{padding: 0 80px}
	
	.bn_area,
	.board_area{padding-top: 80px;padding-bottom: 80px}
	.bn_area .tel_guide .time > li{font-size: 14px;}
	.bn_area .tel_guide .time > li{margin-left: 20px;}
	.bn_area .tel_guide .time > li:before{left: -10px}
	
	.bn_area .btns_consult .consult{font-size: 16px;}
	
	.board_area .col .notice_area{padding: 25px 20px 28px;}
	.board_area .col .notice_area .notice_list > li,
	.board_area .col .notice_area .notice_list .date{font-size: 15px;}
	.board_area .col .notice_area .notice_list > li > a{max-width:70%;}
	
	.event_slide .tit{font-size: 16px;}
	.event_slide .date{font-size: 12px;}
	
	.intro_area .img > li{padding: 0 10px;}
	
	.cnt_zone .cnt_row{display: block;margin-bottom: 10px}
	
	.gallery_list{margin: 0 -15px;}
	.gallery_list > li{padding: 0 15px;}
	.gallery_list > li{width: 50%;}
	
	.tab3 > li{font-size: 16px;}
	.tab3 > li > a{display: block;padding: 0 20px;}
	
	.timetable_tram .station_info .thumb{width: 50px;height: 50px;margin:0 auto 10px;}
	.timetable_tram .cont{padding-left: 2px;padding-right: 2px;padding-top: 12px;}
	.timetable_tram .station_info ul{padding: 0 15px;display: table;margin: 0 auto;}
	.timetable_tram .station_info ul > li{min-width: initial;}
	.timetable_tram .station_info .tit{font-size: 12px;}
	.timetable_tram .station_info .eng{font-size: 10px;}
	.timetable_tram .station_info span{font-size: 11px;}
	.timetable_tram .station_info .on .tit:before{margin-left: -2px;top:-16px;width: 4px;height:4px;border-width: 2px;}
	.timetable_tram .station_info .tit:before{top:-15px;margin-left:-2px;width: 6px;height:6px;}
	.timetable_tram .station_info .on .tit:before{margin-left: -2px;top:-16px;width: 4px;height:4px;border-width: 2px;}
	
	.ticket_list .cont{padding: 15px 140px 15px 15px;}
	.ticket_list .cont .tit{font-size: 10px;}
	.ticket_list .cont .btns_area{right: 15px}
	.ticket_list .cont .btns_area .btn_go{margin-left: 20px;padding-right: 25px;letter-spacing: -0.05em;}
	.ticket_list .cont .btns_area .btn_go:before{left: -10px;}
}

@media (max-width: 767px) {
/* ~767px */
	.mo{display: block}
	.mo.inline{display: inline-block}
	.pc{display: none}
	
	.quick{display: none}
	
	.main_visual img.mo{display: block}
	.main_visual img.pc{display: none}
	.main_visual:after{padding-top: 11.666%;background-image: url(../images/mo/wave.png);background-size: cover}
	.main_visual .dots_warp{bottom: 9%;}
	.main_visual .slick-dots li{margin: 0 2px;}
	.main_visual .slick-dots li.slick-active button{border-width: 2px;}
	.main_visual .slick-dots li button{width: 10px;height:10px;}
	.main_visual button.slick_auto{height: 10px;width: 8px;margin-left: 8px;}
	
	.container{margin-top: -17.5%}
	.mn_intro{padding-bottom: 20px}
	.mn_intro .col{float: none;width: 100%;margin-bottom: 16px}
	.mn_intro .col:first-child .inner{padding-right: 0;}
	.mn_intro .col:last-child .inner{padding-left: 0;}
	.mn_intro .thumb{padding-top: 48.979%;
		-webkit-box-shadow: 0px -10px 16px 1px rgba(0, 0, 0, 0);
		-moz-box-shadow: 0px -10px 16px 1px rgba(0, 0, 0, 0);
		box-shadow: 0px -10px 16px 1px rgba(0, 0, 0, 0);
	}
	.mn_intro .cont{padding:12px 160px 12px 15px;}
	.mn_intro .cont .tit{font-size: 15px;}
	.mn_intro .cont .btns_area{right: 15px;}
	.mn_intro .cont .btns_area .btn_go{margin-left: 24px;}
	.mn_intro .cont .btns_area .btn_go:first-child{margin-left: 0}
	.mn_intro .cont .btns_area .btn_go:before{left:-12px;}
	.btn_go{font-size: 12px;padding-right: 18px;}
	.btn_go:after{width: 12px;height:12px;margin-top:-6px;}
	.mn_intro .col:last-child{transition: transform 1.4s ease 0.2s, opacity 0.5s 0.3s;}
	
	.title01{font-size: 20px;margin-bottom: 20px;}
	.title01 > span{padding: 0}
	.title01:before{display: none}
	
	.board_area{padding-top: 33px;padding-bottom: 33px;}
	.board_area .col,
	.board_area .col:first-child{float: none;width: 100%;padding: 0}
	.board_area .col .notice_area{padding: 18px 16px;margin-bottom: 33px;}
	.board_area .col .notice_area .tit{font-size: 16px;margin-bottom: 8px;}
	.board_area .col .notice_area .notice_list > li{margin-bottom: 6px;}
	.board_area .col .notice_area .notice_list > li,
	.board_area .col .notice_area .notice_list .date{font-size: 14px;}
	.board_area .col .notice_area .notice_list > li > a{max-width:75%;}
	.board_area .col .notice_area .notice_list > li:last-child{margin-bottom: 0}
	.board_area .col .more{top:22px;right:15px;font-size: 11px;}
	.board_area .col.right{padding: 0 22px}
	.event_slide{margin: 0 -8px;}
	.event_slide .item{padding: 0 8px;}
	.event_slide .cont{padding-top: 4px;}
	.event_slide .tit{font-size: 12px;}
	.event_slide .date{font-size: 10px;margin-top: 2px;}
	.event_slide button.slick-arrow{left:-15px;width: 9px;height:16px;margin-top:-8px;background-image: url(../images/mo/btn_prev.png);background-size: cover}
	.event_slide button.slick-next{left:auto;right:-15px;background-image: url(../images/mo/btn_next.png)}
	
	.info_area{padding-bottom: 0;}
	.info_row,
	.info_row .col{display: block;width: 100%;}
	.info_row .col{padding-bottom: 54px;}
	.info_row .col:nth-child(1){padding-right: 0}
	.info_row .col:nth-child(2){padding-left: 0;padding-right: 0}
	.info_row .col:nth-child(3){padding-left: 0}
	.info_slide .slick-dots{bottom: -25px;}
	.info_slide .slick-dots li{margin: 0 2px;width: 10px;height: 10px;}
	
	.slide_area{width: 76.851%;}
	.gallery_slide .item span{display: block;padding: 0 7.831%;}
	.gallery_slide button.slick-arrow{left:-5px;width: 9px;height:16px;margin-top:-8px;background-image: url(../images/mo/btn_prev.png);background-size: cover;margin-left: 0;}
	.gallery_slide button.slick-next{left:auto;right:-5px;background-image: url(../images/mo/btn_next.png);margin-right: 0;}
	
	.bn_area{padding-top: 32px;padding-bottom: 0;}
	.bn_area .col,
	.bn_area .col:last-child,
	.bn_area .btns_consult > li{float: none;width: 100%;padding: 0;margin-bottom: 15px;}
	/*
	.bn_area .tel_guide .guide{padding-left: 48px;background: url(../images/bn_icn01.png) no-repeat 0 50% / 33px 33px;}
	.bn_area .tel_guide .tel{font-size: 15px;margin-bottom: 5px;}
	.bn_area .tel_guide .tel > em{font-size: 15px;margin-left: 8px;}
	.bn_area .tel_guide .time > li{font-size: 12px;margin-left: 20px;}
	.bn_area .tel_guide .time > li:before{left: -10px;}
	.bn_area .tel_guide .inner,
	*/
	.bn_area .btns_consult > li > a{height: 72px;text-align: left;padding:0 16px;}
	.bn_area .btns_consult > li > a{position: relative}
	.bn_area .btns_consult .consult{font-size: 14px;padding-left: 50px;padding-right: 0}
	.bn_area .btns_consult .consult:before{width: 36px;height:36px;margin-top: -18px;}
	.bn_area .btns_consult .consult:after{display:none;}
	.bn_area .btns_consult > li > a:after{display: block;content: '';position: absolute;top:50%;right:16px;width: 18px;height:11px;background: url(../images/bn_go.png) no-repeat 0 0 / cover;margin-top: -6px;}
	.bn_area .btns_consult > li:nth-child(1){padding-right: 0}
	.bn_area .btns_consult > li:nth-child(2){padding: 0}
	.bn_area .btns_consult > li:nth-child(3){padding-left: 0;margin-bottom: 0}
	
	.bn_area .btns_consult > li > a:before{display: none}
	.bn_area .btns_consult > li > a:hover{border-color: #ccc !important}
	
	#footer{font-size: 12px;}
	#footer .inner {padding: 18px 0 20px;}
	#footer address{line-height: 1.55}
	#footer address a, #footer address > span{margin: 0 10px;}
	.terms_link {padding: 8px 0;}
	.terms_link > li{font-size: 12px;padding: 3px 12px;}
	#footer .copy{margin-top: 3px}
	
	#container{padding: 30px 16px 38px;}
	
	.sub_visual{height:190px;background-size: cover}
	.sub_visual#sub01{background-image: url(../images/mo/cont/sub_visual01.jpg)}
	.sub_visual#sub02{background-image: url(../images/mo/cont/sub_visual02.jpg)}
	.sub_visual#sub03{background-image: url(../images/mo/cont/sub_visual03.jpg)}
	.sub_visual#sub05{background-image: url(../images/mo/cont/sub_visual05.jpg)}
	.sub_visual#sub06{background-image: url(../images/mo/cont/sub_visual06.jpg)}
	.sub_visual .title{font-size: 22px;margin-bottom: 8px;}
	.sub_visual .inner{font-size: 11px;}
	
	.tab_area{margin-bottom: 20px}
	.tab_area .selected{position:relative;display: block;width:100%;height:41px;background-color: #1e489f;font-size: 14px;text-align: center;color: #fff;font-weight: 700}
	.tab_area .selected:before,
	.tab_area .selected:after{display: block;content: '';width: 10px;height:2px;background-color: #fff;position: absolute;top:50%;right:16px;margin-top: -1px;}
	.tab_area .selected:after{width: 2px;height: 10px;right: 20px;margin-top: -5px;}
	.tab{display: none;position: absolute;left:0;width: 100%;background-color: #fff;z-index: 10}
	.tab > li{float: none;width: 100% !important;margin: 0;border-top: 0;}
	.tab > li > a,
	.tab > li.on > a{font-size: 14px;font-weight: 300;color: #666;}
	.tab > li > a{height:40px;}
	.tab > li.on{background: none;border-color: #ccc;}
	.tab_area.fix .tab{display: block;position: relative}
	.tab_area.fix .tab > li.on{display: none}

	.tab_area1{margin-bottom: 20px}
	.tab_area1 .selected{position:relative;display: block;width:100%;height:41px;background-color: #1e489f;font-size: 14px;text-align: center;color: #fff;font-weight: 700}
	.tab_area1 .selected:before,
	.tab_area1 .selected:after{display: block;content: '';width: 10px;height:2px;background-color: #fff;position: absolute;top:50%;right:16px;margin-top: -1px;}
	.tab_area1 .selected:after{width: 2px;height: 10px;right: 20px;margin-top: -5px;}
	.tab1{display: none;position: absolute;left:0;width: 100%;background-color: #fff;z-index: 10}
	.tab1 > li{float: none;width: 100% !important;margin: 0;border-top: 0;}
	.tab1 > li > a,
	.tab1 > li.on > a{font-size: 14px;font-weight: 300;color: #666;}
	.tab1 > li > a{height:40px;}
	.tab1 > li.on{background: none;border-color: #ccc;}
	.tab_area1.fix .tab1{display: block;position: relative}
	.tab_area1.fix .tab1 > li.on{display: none}
		
	.intro_area{padding-top: 10px;font-size: 13px;background-size: 60% auto;background-position: 50% 76px}
	.intro_area .top_row{font-size: 15px;margin-bottom: 20px;}
	.intro_area .top_row .tit{font-size: 25px;padding-top: 15px;margin-bottom: 5px;}
	.intro_area .top_row .tit:before{width: 3px;height: 10px;margin-left:-2px;}
	.intro_area .mid_row{line-height: 1.6;margin-bottom: 30px;}
	.intro_area .mid_row p{margin-bottom: 15px;}
	
	.cnt_zone{font-size: 12px;padding-bottom: 20px;}
	.cnt_zone .cnt_row{padding-top: 0}
	.cnt_zone .search_zone{float: none;padding-left: 100px;position: relative}
	.cnt_zone .search_zone .sel_box,
	.cnt_zone .search_zone input[type='text']{height: 34px;font-size: 14px;}
	.cnt_zone .search_zone .sel_box{position: absolute;top:0;left:0;width: 95px;padding: 0 15px 0 6px;background-size: 15px auto}
	.cnt_zone .search_zone input[type='text']{width: 100%}
	
	.has_btn{padding-right: 80px;display: block;}
	.has_btn .btns{min-width: 75px;font-size: 14px}
	.btn_center{padding-top: 30px;}
	.btns.t2{min-width: 150px;font-size: 13px;height: 35px;line-height: 35px;}
	
	.tbl_board01 th,
	.tbl_board01 td{height:35px;font-size: 12px;}
	.tbl_board01 .no{display: none}
	.tbl_board01 .date{width: 30%}
	
	.base_paging{margin-top:30px;}
	.base_paging a.page{width:25px;height:25px;background-size: auto 25px}
	.base_paging a.page.prev{background-position: -25px 0}
	.base_paging a.page.next{background-position: -50px 0}
	.base_paging a.page.last{background-position: -75px 0}
	.base_paging .number{margin: 0 4px;}
	.base_paging .number a,
	.base_paging .number .on{font-size:11px;min-width:25px;line-height:25px;}
	
	.board_top .item .dh,
	.board_top .item .dd,
	.board_content{font-size: 12px;padding-left: 15px;}
	.board_top .item .dh,
	.board_top .item .dd{height: 35px}
	.board_top .item .dh{width: 84px;}
	.board_top.has_2 .item{width: 100%;float: none;}
	.board_content{padding: 15px;min-height: 120px;}
	
	.gallery_list > li{margin-bottom: 20px;}
	.gallery_list .cont{padding-top: 10px;}
	.gallery_list .tit,
	.gallery_list .date{font-size: 12px;}
	.gallery_list .tit{margin-bottom: 5px;}
	.list_bot.type2{margin-top: -20px;}
	
	.faq_list > li > a{padding:10px 0 11px;padding-left: 54px;padding-right: 30px;}
	.faq_list > li > a .q,
	.faq_list > li .answer .a{left: 23px;font-size: 13px;top:9px}
	.faq_list > li > a,
	.faq_list > li .answer{font-size: 13px;}
	.faq_list > li > a:after{top:15px;right: 16px;}
	.faq_list > li.active > a .q:before,
	.faq_list > li .answer .a:before{width: 20px;height: 20px;margin: -10px 0 0 -10px;}
	.faq_list > li .answer{line-height: 1.8;}
	.faq_list > li .answer .inner{padding: 9px 15px 11px;padding-left: 54px;}
	
	.title02{font-size: 15px;margin-bottom: 8px;}
	.title02 .txt{font-size: 11px;}
	
	.terms_wrap{margin-bottom:10px;padding: 8px 15px;font-size:12px;line-height: 1.5;height: 180px;}
	.check label{padding-left:22px;font-size: 12px;}
	.check label:before{width:18px;height:18px;margin-top:-9px;background-size:18px auto}
	.check input:checked+label:before{content:'';background-position: 0 -18px;}
	.write_form{margin-top: 30px;}
	.view_from > p,
	.write_form > p{margin-bottom: 6px;font-size: 11px;}
	.required{font-size: 12px;top:3px;}
	.tbl_form th{padding-left: 10px;}
	.tbl_form td{padding: 5px 10px;height: 43px}
	.tbl_form th,
	.tbl_form td{font-size: 12px;}
	.tbl_form .w1{width: 22%}
	.tbl_form thead th{height: 42px;}
	.view_from{margin-top: -22px;margin-bottom: 30px;}
	.view_from th,
	.view_from td{padding-left:2px;padding-right: 2px;}
	
	.map_from{margin-top: -22px;margin-bottom: 30px;}
	.map_from th,
	.map_from td{padding-left:2px;padding-right: 2px;}
	
	.grid_tb .cell.else{padding: 0 3px;width: 16px;}
	.grid_tb .cell:nth-child(4){padding-left: 5px;}
	
	.int,
	.sel_box,
	.file_box .file_name,
	.file_box .btn_file{height: 32px;font-size: 13px;}
	.file_box .btn_file{line-height:32px;}
	.sel_box{padding:0 20px 0 10px;}
	:root .sel_box{background-size: 20px auto}
	.textarea{height: 100px;}
	
	.file_box{padding-right: 74px;}
	.file_box .btn_file{width:68px;}
	
	.automatic_area{table-layout: fixed}
	.automatic_area .cell{width: 50%}
	.automatic_area .btn_refresh{width: 100%;max-width: 128px;font-size: 12px;line-height: 32px;}
	.automatic_area .cell:nth-child(2){padding-left: 6px;}
	
	.map_list > li{margin-bottom: 20px;}
	.map_list .cont_box,
	.map_list .cont_box .col{display: block;width: 100%;font-size: 12px;}
	.map_list .cont_box .col .map{height: 200px;}
	.map_list .cont p{line-height: 1.8}
	.map_list .cont{padding-left: 0;padding-top: 6px;}
	.map_list .tbl_info{margin-top: 10px;}
	.map_list .tbl_info th{width: 70px;padding-top: 3px;padding-bottom: 3px}
	
	.tbl_info th,
	.tbl_info td{font-size: 12px;}
	.tbl_info th{padding-left: 8px;}
	.tbl_info th:before{width: 3px;height:3px;}
	
	.notice_box{padding: 14px 15px;font-size: 11px;line-height: 1.6;margin-bottom: 25px;}
	.notice_box .icn{padding-left:15px;background-size: 11px 11px;margin-bottom: 5px;}
	.notice_box.m01{margin-top: 0;margin-bottom: 0}
	.notice_box .grp{padding-top: 20px;}
	.notice_box .tbl01{margin: 9px 0 10px}
	
	.info_box{margin-bottom: 25px;padding: 14px 15px;background-color: #F3F9FE;font-size: 11px;color: #666;font-weight: 300;letter-spacing: -0.04em;}
	.info_box .icn{padding-left:15px;background-size: 11px 11px;margin-bottom: 5px;}
	.info_box.m01{margin-top: 0;margin-bottom: 0}
	.info_box .grp{padding-top: 20px;}
	.info_box .tbl01{margin: 9px 0 10px}
	
	.cancel_box{margin-bottom: 25px;padding: 14px 15px;background-color: #FFEAEA;font-size: 11px;color: #666;font-weight: 300;letter-spacing: -0.04em;}
	.cancel_box .icn{padding-left:15px;background-size: 11px 11px;margin-bottom: 5px;}
	.cancel_box.m01{margin-top: 0;margin-bottom: 0}
	.cancel_box .grp{padding-top: 20px;}
	.cancel_box .tbl01{margin: 9px 0 10px}
	
	#Picton {
	  background: #59abe3;
	  border: 2px solid #59abe3;
	  font-weight: bold;
	}
	#Picton:hover {
	  background: #fff;
	  color: #59abe3;
	}
	#Picton:active {
	  background: #fff;
	  border-color: #fff;
	}
	
	#Picton {
	  padding: 1px 5px;
	  display: inline-block;
	  font-family: segoe UI;
	  font-size: 9px;
	  outline: none;
	  color: #fff;
	  border-radius: 40px;
	}
	
	.terms_area .tit01{font-size: 15px;font-weight: 700;margin-bottom: 18px;}
	.terms_area,
	.terms_area .tit02{font-size: 12px;}
	.terms_area .tit02{line-height: 1.35;}
	.terms_area .list02 > li{padding-left: 15px;text-indent: -15px;}
	.terms_area .list03{margin-left: 1em;}
	.terms_area .grp{margin-bottom: 20px;line-height: 1.5;}
	
	.tab2{margin-bottom: 20px;}
	.tab2 > li{font-size: 14px;min-width: 100px;border-bottom-width: 3px;}
	.tab2 > li > a{padding-top: 4px;padding-bottom: 6px;}
	
	.travel_route{padding:23px 0 6px;margin-bottom: 30px;}
	.travel_route ul > li{margin-bottom: 20px;}
	.travel_route .thumb{max-width: 64px;max-height: 64px;}
	.travel_route .img{padding: 0 18px;margin-bottom: 6px;}
	.travel_route .img:after{width: 6px;height:12px;margin-top:-6px;right: -2px;}
	.travel_route .cont{font-size: 11px;}
	.travel_route .tit{font-size: 12px;margin-bottom: 2px;}
	.travel_route .tit .ad{font-size: 10px;}
	
	.tourist_list > li{margin-bottom: 24px;}
	.tourist_list .title02{margin-bottom: 10px;}
	.tourist_list .tourist .col{float: none;width: 100%;}
	.tourist_list .tourist .cont{padding-left: 0;padding-top: 12px;}
	
	.list_type01 li{padding-left: 8px;line-height: 1.5;margin-bottom: 3px;font-size: 12px;}
	.list_type01 li:before{top:8px;width: 3px;height:3px;}
	
	.webzin_list > li{margin-bottom: 20px;}
	.webzin_list .cont_box,
	.webzin_list .cont_box .col{display: block;width: 100%;font-size: 12px;}
	.webzin_list .cont p{line-height: 1.8}
	.webzin_list .cont{padding-left: 0;padding-top: 6px;}
	.webzin_list .tbl_info{margin-top: 10px;}
	.webzin_list .tbl_info th{width: 70px;padding-top: 3px;padding-bottom: 3px}
	
	.tab3{margin-bottom: 28px;}
	.tab3 > li{font-size: 12px;}
	.tab3 > li > a{padding: 0 7px;}
	.tab3 > li:after{height: 10px;margin-top: -5px;}
	
	.course_top{padding-bottom: 20px;font-size: 12px;line-height: 1.5}
	.course_top .b{font-size: 17px;line-height: 1.35;margin-bottom: 6px;}
	.course_top .b strong:before{height: 10px;}
	
	.info_top .b{font-size: 25px;color: #111;font-weight: 300}
	.info_top .b strong{font-weight: 700;color: #1e489f;position: relative}
	.info_top .b strong:before{display: block;content: '';width: 100%;height: 20px;background-color: #dde4f1;padding: 0 2px;position: absolute;bottom: 2px;left: 50%;transform: translateX(-50%);z-index: -1}
	
	.timetable_tram{margin-bottom: 30px;}
	.timetable_tram,
	.timetable_tram .col{display: block;}
	.timetable_tram .col.img{width: 100%;padding-right: 0;margin-bottom: 20px;}
	.timetable_tram .col.box{overflow: hidden;overflow-x: auto;padding-top: 0;white-space: nowrap;}
	.timetable_tram .station_info ul{padding: 16px 13px 0;display: table;margin: 0 auto;}
	.timetable_tram .station_info ul > li,
	.timetable_tram .station_info.has_3 ul > li{min-width: initial;}
	.timetable_tram .cont{padding-left: 2px;padding-right: 2px;padding-top: 12px;}
	.timetable_tram .station_info .thumb{width: 40px;height: 40px;margin:0 auto 10px;}
	.timetable_tram .station_info .tit{font-size: 12px;}
	.timetable_tram .station_info .tit:before{top:-15px;margin-left:-2px;width: 6px;height:6px;}
	.timetable_tram .station_info .eng{font-size: 10px;}
	.timetable_tram .station_info span{font-size: 11px;}
	.timetable_tram .station_info .on .tit:before{margin-left: -2px;top:-16px;width: 4px;height:4px;border-width: 2px;}
	
	.timetable_info,
	.timetable_info .col{display: block;width: 100%;}
	.timetable_info{padding-top: 0}
	.timetable_info .col{padding: 16px;border-left: 0;border-bottom: 1px solid #ccc}
	.timetable_info .col:last-child{border-bottom: 0}
	
	.roadtable_info,
	.roadtable_info .col{display: block;width: 100%;}
	.roadtable_info{padding-top: 0}
	.roadtable_info .col{padding: 16px;border-left: 0;border-bottom: 1px solid #ccc}
	.roadtable_info .col:last-child{border-bottom: 0}
	
	.title03{font-size: 14px;margin-bottom: 8px;}
	.title04{font-size: 13px;margin-bottom: 5px;}
	
	.tbl_time th,
	.tbl_time td{font-size: 12px;line-height: 1.6}
	.tbl_time th{width: 34%;}
	.tbl_time th span{padding-left: 18px;}
	.tbl_time th span.icn:before{top:3px;width: 14px;height: 14px;background-size: 13px auto;}
	.tbl_time th span.icn.i02:before{background-position: 0 -13px;}
	.tbl_time th span.icn.i03:before{background-position: 0 -26px;}
	.tbl_time th span.icn.i04:before{background-position: 0 -39px;height: 15px;top:3px;}
	.tbl_time td{padding-left: 5px;}
	.tbl_time .rg{font-weight: 400;display: block;}
	.tbl_time .time_list li{margin-bottom: 5px;}
	.tbl_time .time_list li:last-child{margin-bottom: 0}
	
	.guide_box{padding: 12px 16px;margin-top: 5px;font-size: 12px;}
	.guide_box ul > li{padding: 1px 0;line-height: 1.5;padding-left: 8px;text-indent: -8px;}
	.guide_box ul .lowast{width: 4px;height: 4px;top: -3px;}
	.guide_box .list > li{padding-top: 1px;padding-bottom: 1px;}
	.guide_box .list + .list{margin-top: 10px;}
	.guide_box .katalk_id{display: block;text-align: center}
	
	.ticket_list{padding-top: 5px;}
	.ticket_list .col{float: none;width: 100%;margin-bottom: 28px}
	.ticket_list .col:nth-child(odd) .inner{padding-right: 0px;}
	.ticket_list .col:nth-child(even) .inner{padding-left: 0px;}
	.ticket_list .thumb{padding-top: 48.979%;}
	.ticket_list .cont{padding:12px 110px 12px 15px;border-color: #cecece}
	.ticket_list .cont .tit{font-size: 10px;}
	.ticket_list .cont .btns_area{right: 12px;}
	.ticket_list .cont .btns_area .btn_go{margin-left: 24px;font-size: 11px;}
	.ticket_list .cont .btns_area .btn_go:first-child{margin-left: 0}
	.ticket_list .cont .btns_area .btn_go:before{left:-12px;}
	
	.tbl01 th,
	.tbl01 td{font-size: 11px;height: 30px;line-height: 1.35}
}

@media (max-width: 640px) {
	.intro_area .img > li{float: none;width: 100%;margin-bottom: 16px;}
	.intro_area .img,
	.intro_area .img li{padding: 0}
	.intro_area .img li:last-child{margin-bottom: 0}
	
	.cnt_zone .search_zone{padding-left: 90px;}
	.cnt_zone .search_zone .sel_box{width: 85px;}
	.has_btn{padding-right: 70px;}
	.has_btn .btns{min-width: 65px;}
	
	.gallery_list{margin: 0}
	.gallery_list > li{padding: 0}
	.gallery_list > li{width: 100%;}
}

@media (max-width: 480px) {
	.terms_link > li{font-size: 11px;padding: 3px 10px;letter-spacing: -0.05em;}
}

@media (max-width: 320px) {
	.board_area .col .notice_area .notice_list > li, .board_area .col .notice_area .notice_list .date{font-size: 13px;}
	.board_area .col .notice_area .notice_list > li{margin-bottom: 8px;}
	
	.bn_area .tel_guide .inner{padding: 0;text-align: center}
	.bn_area .tel_guide .guide{padding-left: 42px;}
	.bn_area .tel_guide .time > li{font-size: 11px;margin-left: 12px;}
	.bn_area .tel_guide .time > li:before{left: -6px;}
	
	.travel_route .thumb{max-width: 60px;max-height: 60px;}
	.travel_route .img{padding: 0 16px;margin-bottom: 6px;}
	
	.btn_center .btns{margin: 2px 0}
}