@charset "utf-8";
.inner { max-width: 1012px; margin: 0 auto; position: relative; }
#wrap { width: 100%; }
#header { height: 100px; background: #1c2c41; position: relative; z-index: 120; padding-left: 10px; padding-right: 10px; }
#logo { position: absolute; top: 34px; left: 0; }
#gnb { position: absolute; top: 0; right: 75px; }
#gnb li { float: left; }
#gnb a { display: block; color: #fff; font-size: 18px; line-height: 100px; padding: 0 30px; }
#gnb a.active { background: #0c52b0; position: relative; }
#gnb a.active:after { display: block; width: 22px; left: 50%; bottom: 26px; margin-left: -11px; position: absolute; border-bottom: 2px solid #5586c8; content: ''; }
.sch_open { position: absolute; top: 23px; right: 0; width: 53px; height: 53px; box-sizing: border-box; background: #031329; border: 2px solid #fff; text-align: center; line-height: 49px; }
.sch_open img { display: inline; vertical-align: middle; }
.sch_area { display: none; position: absolute; top: 100px; left: 0; z-index: 111; width: 100%; padding-top: 40px; padding-bottom: 40px; padding-left: 10px; padding-right: 10px; background: rgba(0, 0, 0, 0.8); }
.sch_sm_img { }
.sch_input_wrap { text-align: center; }
#sch_input { background: #fff; border-radius: 5px; width: 380px; height: 39px; box-sizing: border-box; padding: 0 20px; vertical-align: top; }
.sch_label_wrap { vertical-align: middle; display: inline-block; width: 380px; height: 39px; position: relative; }
.sch_input_label { height: 39px; line-height: 39px; padding: 0 20px; font-size: 16px; top: 0; left: 0; }
.sch_input_label img { vertical-align: middle; }
#sch_button { vertical-align: middle; background: #0c52b0; width: 120px; height: 39px; margin-left: 10px; border-radius: 5px; font-size: 18px; color: #fff; }
#sch_close { position: absolute; top: 10px; right: 0; background: 0; }
.sch_result { margin-top: 40px; }
.sch_result ul { width: 840px; margin: 0 auto; font-size: 0; }
.sch_result li { display: inline-block; width: 50%; vertical-align: top; margin-top: 10px; margin-bottom: 10px; }
.sch_result li .b_name { width: 143px; display: inline-block; margin-right: 24px; font-size: 17px; color: #dfdfdf; vertical-align: top; }
.sch_result li .links a { display: inline-block; width: 99px; height: 30px; border: 1px solid #dfdfdf; border-radius: 5px; line-height: 30px; font-size: 15px; color: #dfdfdf; text-align: center; }
.sch_result li .links a:first-child { margin-right: 20px; }
.sch_result li .links a:hover { background: #0c52b0; font-size: 15px; color: #dfdfdf; border: 1px solid #0c52b0; }

/* 3d map */
.main_map_area { display: block; position: relative; width: 100%; height: 542px; background-color: #e5e5e5; }
#map3d { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; }
#map3d > div { margin-top: 30px; }
#map { position: absolute; width: 100%; height: 100%; background: #fff; z-index: -1; }
.main_map_area .top_bt_wrap { position: absolute; top: 20px; left: 50%; margin-left: 300px; z-index: 101; }
.main_map_area .top_bt_wrap button { display: inline-block; width: 92px; height: 92px; box-sizing: border-box; padding-top: 30px; border-radius: 92px; font-size: 15px; color: #fff; text-align: center; transition: background 0.2s; }
.main_map_area .bt_3d { margin-right: 15px; background: #01819d url(../img/sc_1.png) no-repeat center 20px; }
.main_map_area .bt_3d:hover { background-color: #00697f; }
.main_map_area .bt_map { background: #0046ac url(../img/sc_2.png) no-repeat center 20px; }
.main_map_area .bt_map:hover { background-color: #00398d; }
.main_map_area .map_img { width: 100%; height: auto; }
.main_map_area .zoom_bt_wrap { position: absolute; left: 60px; bottom: 50px; z-index: 101; }
.main_map_area .zoom_bt_wrap button { background: none; }
.main_map_area .zoom_bt_wrap button:first-child { margin-right: 5px; }

/* intro */
.intro_area { background:#e5e5e5; display: block; position: absolute; z-index: 101; left: 0; top: 100px; width: 100%; height: 542px; overflow:hidden;}
.intro_area .overlay {  position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url(../img/intro/bg.png) no-repeat center; background-size: auto 100%; }
.intro_area .center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; }
.intro_area .center .text_a { margin-top: 20px; }
.intro_area .center .text_b { padding-top: 25px; margin-top: 25px; background: url(../img/intro/h_bar.png) no-repeat top center; font-size: 16px; color: #fff; }
.intro_area .center .ir-skip { margin-top: 40px; display: inline-block; margin-left: 30px; width: 211px; height: 46px; border: 0; background-image: url(../img/intro/skip.png); border: 0; background-color: transparent; overflow: hidden; text-indent: -300px; }
.intro_area .center .ir-skip:hover { background-image: url(../img/intro/skip_ov.png); }
.intro_area video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

/* marker */
.marker-point { cursor: pointer; }
.marker-point:hover { z-index: 100; }
.marker-image { background: url(../img/marker.png) no-repeat center; color: #fff; text-align: center; line-height: 45px; z-index: 1; }
.marker-point:hover .marker-image { background: url(../img/marker_ov.png) no-repeat center; overflow: hidden; text-indent: -300px; }
.marker-point.active { z-index: 100; }
.marker-point.active .marker-image { background: url(../img/marker_ov.png) no-repeat center; overflow: hidden; text-indent: -300px; }
.marker-point.active .marker_title { width: auto; opacity: 1; padding-left: 10px; padding-right: 15px; }
.marker_title { width: 0; opacity: 0; overflow: hidden; box-sizing: border-box; position: absolute; left: 0; top: 0; height: 39px; margin-top: -51px; margin-left: 20.5px; background: rgba(0, 0, 0, 0.7); color: #fff; line-height: 39px; text-align: center; white-space: nowrap; }
.marker-point:hover .marker_title { width: auto; opacity: 1; padding-left: 10px; padding-right: 15px; }
.marker_title.active { width: auto; opacity: 1; padding-left: 10px; padding-right: 15px; }
.marker_title2 { font-size: 15px; transition: opacity 0.2s; width: auto; opacity: 1; margin-left: 20px; padding-left: 10px; padding-right: 15px; overflow: hidden; box-sizing: border-box; position: absolute; left: 0; top: 0; height: 39px; margin-top: -50px; background: rgba(0, 0, 0, 0.7); color: #fff; line-height: 39px; text-align: center; white-space: nowrap; }

/* list */
.smu_list_area { }
.smu_list_area .line { height: 8px; background: url(../img/line.png) center; }
.smu_list_top { height: 229px; background: url(../img/smu_list_bg.jpg) no-repeat center bottom; background-size: cover; overflow: hidden; }
.smu_list_top h2.smu_list_tit { text-align: center; margin-top: 50px; }
.smu_list_top .smu_list_wrap { text-align: center; }
.smu_list_top .smu_list { display: inline-block; overflow: hidden; margin-top: 30px; }
.smu_list_top .smu_list li { float: left; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.smu_list_top .smu_list li:first-child { border-left: 1px solid #fff; }
.smu_list_top .smu_list li a { display: block; padding: 0 15px; height: 44px; line-height: 44px; color: #fff; font-size: 16px; }
.smu_list_top .smu_list li a:hover { border: 4px solid #fff; padding: 0 11px; line-height: 36px; }
.smu_list_top .smu_list li a.active { border: 4px solid #fff; padding: 0 11px; line-height: 36px; }
.smu_list_links { box-sizing: border-box; padding-top: 30px; padding-bottom: 90px; background: url(../img/bg.jpg) no-repeat center top; background-size: cover; }
.v_mark_text { text-align: right; margin-bottom: 20px; }
.v_mark_text span { display: inline-block; padding-left: 28px; background: url(../img/ico_v.png) no-repeat left center; font-size: 15px; color: #1c2c41; line-height: 30px; }
.sect h3 { padding-left: 50px; font-size: 21px; color: #054498; line-height: 45px; }
#sect1 h3 { background: url(../img/picto_1.png) no-repeat left center; }
#sect2 h3 { background: url(../img/picto_2.png) no-repeat left center; }
#sect3 h3 { background: url(../img/picto_3.png) no-repeat left center; }
#sect4 h3 { background: url(../img/picto_4.png) no-repeat left center; }
#sect5 h3 { background: url(../img/picto_5.png) no-repeat left center; }
#sect6 h3 { background: url(../img/picto_6.png) no-repeat left center; }
.sect ul { margin-left: -8px; margin-right: -8px; font-size: 0; margin-top: 10px; margin-bottom: 30px; }
.sect ul li { padding: 8px; /* width:16.666%; */ display: inline-block; vertical-align: top; }
.sect ul li a { display: block; height: 60px; padding: 0px 15px; border: 1px solid #9f9f9f; line-height: 60px; vertical-align: middle; transition: 0.3s; }
.sect ul li a span { display: inline-block; }
.sect ul li a:hover { background: #115ec5; border: 1px solid #115ec5; }
.sect ul li a .num { display: inline-block; width: 29px; height: 29px; margin-right: 5px; border-radius: 29px; background: #444e5c; line-height: 29px; text-align: center; font-size: 16px; color: #fff; vertical-align: middle; }
.sect ul li a .bd_name { font-size: 16px; color: #454545; vertical-align: middle; line-height: 1.2; /* width:85px; */ }
.sect ul li a:hover .num { background: #02439a; transition: 0.3s; }
.sect ul li a:hover .bd_name { color: #fff; transition: 0.3s; }
#overlay { display: none; position: fixed; z-index: 200; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }
.etc_list { width: 100%; position: relative; }
#list_small_map_wrap { position: absolute; top: 0; left: 0; z-index: 201; width: calc(100% + 20px); padding: 10px; background: #fff; display: none; margin-left: -10px; }
#list_small_map_ok { display: block; width: 114px; height: 39px; font-size: 16px; color: #fff; background: #0c52b0; border-radius: 5px; margin: 0 auto 10px auto; }
#list_small_map { width: 100%; height: 180px; }
#list_small_map_wrap .text { margin-top: 20px; margin-bottom: 20px; text-align: center; color: #333; }
#list_small_map_wrap .text .name { font-size: 19px; }
#list_small_map_wrap .text .addr { font-size: 16px; }
.etc_list .list { width: 1108px; display: table; background: #fff; margin-top: 20px; border: 1px solid #d1d1d1; }
.etc_list .tit { font-size: 20px; color: #171717; display: table-cell; width: 132px; text-align: center; vertical-align: middle; }
.etc_list .tit span { text-align: left; display: inline-block; }
.etc_list .tit span img { display: block; }
.etc_list ul { display: table-cell; padding-top: 20px; padding-bottom: 20px; }
.etc_list ul li { display: inline-block; font-size: 15px; margin-right: 20px; }
.etc_list ul span { color: #5e5e5e; cursor: pointer; }
.etc_list ul span:hover { border-bottom: 1px solid #5e5e5e; }
#full_bt_2 { position: absolute; top: 20px; left: 20px; }
#list_full_map_ot { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; transition: transform 0.3s; transform: scale(0); }
#list_full_map_ot.active { transform: scale(1); z-index: 203; }
#list_full_map { width: 100%; height: 100%; }
#close_list_full_bt { position: absolute; z-index: 204; top: 10px; right: 10px; }
#map_common_label { display: none; position: absolute; z-index: 1; left: 50%; transform: translate(-50%); bottom: 44px; padding-left: 30px; background: rgba(0, 0, 0, 0.7); height: 57px; padding-right: 87px; }
#map_common_label p { color: #fff; line-height: 57px; }
#map_common_label .big_txt { font-size: 20px; margin-right: 10px; }
#map_common_label .small_txt { font-size: 16px; }
#map_common_label .label_close { background: none; position: absolute; top: 0; right: -1px; }

/* sub */
#sub { display: none; position: relative; z-index: 119; }
#pano { height: 494px; }
.bt_back { position: absolute; width: 91px; height: 91px; padding-top: 50px; background: #745f51; z-index: 101; top: 45px; left: 50%; margin-left: -600px; box-sizing: border-box; color: #fff !important; text-align: center; font-size: 16px; }
.bt_back:before { position: absolute; top: 25px; left: -25px; width: 71px; height: 13px; display: block; content: ''; background: url(../img/back.png); color: #fff !important; }
.container { min-height: 700px; position: relative; padding-top: 80px; padding-bottom: 80px; padding-left: 10px; padding-right: 10px; overflow: hidden; background: #efefef url(../img/sub_smu.png) no-repeat left bottom; }
.container .inner { padding-left: 292px; padding-right: 0px; }
.container .aside { position: absolute; top: 0; left: 0; width: 255px; }
.container .aside h2 { width: 100%; min-height: 156px; background: #0c52b0; color: #fff; box-sizing: border-box; padding: 30px; }
.container .aside h2 > span { display: block; font-size: 25px; line-height: 1.3; word-break: keep-all; }
.container .aside h2 > span:last-child { letter-spacing: -0.05em; font-size: 15px; color: #e9edf5; }
.container .aside .small_map { position: relative; width: 100%; height: 391px; padding: 10px; margin-top: 15px; box-sizing: border-box; background: #fff; }
#small_map { width: 100%; height: 100%; }
#full_map_ot { position: absolute; z-index: 102; transform: scale(0); transform-origin: 25% 40%; transition: transform 0.3s; width: 100%; height: 100%; left: 0; top: 0; }
#full_map_ot.active { transform: scale(1); }
#full_map { width: 100%; height: 100%; }
#full_map_label { position: absolute; top: 50px; left: 50px; background: #0c52b0; min-width: 225px; height: 106px; padding: 10px; box-sizing: border-box; }
#full_map_label p { width: 100%; height: 100%; border: 1px solid #5586c8; text-align: center; vertical-align: middle; line-height: 86px; padding: 0 15px; }
#full_map_label p .align_wrap { display: inline-block; vertical-align: middle; }
#full_map_label p .align_wrap * { display: block; text-align: left; }
#full_map_label .buil_name { color: #fff; font-size: 20px; }
#full_map_label .buil_en { color: #fff; font-size: 15px; }
#full_bt { position: absolute; right: 20px; bottom: 20px; }
#close_full_bt { position: absolute; z-index: 106; top: 50px; right: 50px; }
#gall { position: relative; padding-bottom: 50px; }
#gall .grap { }
#gall .obj { overflow: hidden; }
#gall .obj .item { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
#gall .obj .item img { width: 100%; max-width: 700px; }
#gall .control { }
#gall .control .prev { position: absolute; left: 0; top: 50%; margin-top: -73px; z-index: 101; width: 46px; height: 96px; background: url(../img/sl_prev.png) no-repeat center; overflow: hidden; text-indent: -300px; }
#gall .control .next { position: absolute; right: 0; top: 50%; margin-top: -73px; z-index: 101; width: 46px; height: 96px; background: url(../img/sl_next.png) no-repeat center; overflow: hidden; text-indent: -300px; }
#gall .control .state { position: absolute; z-index: 101; bottom: 10px; width: 100%; text-align: center; }
#gall .control .state .count > * { width: 13px; height: 13px; margin: 0 3px; box-sizing: border-box; border: 3px solid #bababa; border-radius: 13px; text-indent: -300px; overflow: hidden; background: #fff; }
#gall .control .state .count > *.ov { border-color: #0c52b0; background: #0c52b0; }

/* sky_view */
#sky_view { position: relative; display: none; }
#sky_pano { height: 710px; position: relative; z-index: 119; }

/* 구글맵에서 로고, 이용약관등 지움 */
a[href^="http://maps.google.com/maps"] { display: none !important }
a[href^="https://maps.google.com/maps"] { display: none !important }
#small_map .gmnoprint a, .gmnoprint span, .gm-style-cc { display: none !important; }
#small_map .gmnoprint div { background: none !important; }
.container .content { background: #fff url(../img/ct_r.png) no-repeat right bottom; padding: 10px; padding-bottom: 34px; box-sizing: border-box; }
.container .bd_info { overflow: hidden; padding: 0 0 0 40px; margin-top: 10px; }
.container .bd_info li { min-height: 33px; margin-bottom: 10px; float: left; font-size: 0; position: relative; }
.container .bd_info li.bd_info_scale { padding-left: 85px; }
.container .bd_info li.bd_info_area { padding-left: 85px; }
.container .bd_info li.bd_info_date { padding-left: 100px; }
.container .bd_info li.bd_info_sisul { padding-left: 115px; }
.container .bd_info li.bd_info_ane { padding-left: 115px; }
.container .bd_info li.bd_info_scale strong { background: url(../img/sub_i1.png) no-repeat left center; }
.container .bd_info li.bd_info_area strong { background: url(../img/sub_i2.png) no-repeat left center; }
.container .bd_info li.bd_info_date strong { background: url(../img/sub_i3.png) no-repeat left center; }
.container .bd_info li.bd_info_sisul strong { background: url(../img/sub_i4.png) no-repeat left center; }
.container .bd_info li.bd_info_ane strong { background: url(../img/sub_i5.png) no-repeat left center; }
.container .bd_info li strong { position: absolute; left: 0; top: 0; line-height: 33px; padding-left: 42px; display: inline-block; vertical-align: top; font-size: 17px; color: #8c8c8c; margin-right: 10px; }
.container .bd_info li span { padding-right: 30px; margin-top: 5px; display: inline-block; display: inline-block; font-size: 16px; color: #8c8c8c; line-height: 1.5; vertical-align: top; word-break: keep-all; }
.labels-text{font-weight: 100;}


/* common */
#accessibility-quick,
#accessibility-gnb,
#accessibility-content,
#accessibility-mcontent{position:fixed;top:0;left:0;width:100%}

.pc{display:block}
.mo{display:none}

.layout{position:relative;margin:0 auto;max-width:1200px;width:100%;}
.layout:after{content:"";display:block;clear:both}

.ir{overflow:hidden;display:inline-block;font-size:0;line-height:0;}
.ir:before{content:"";display:inline-block;vertical-align:top;width:100%;height:100%}

.ir-tmpl{background:url(/images/common/ir-tmpl.png) no-repeat;}

button{background-color:transparent}
i{font-style:normal}

.none{display:none}


@media(min-width:0px){
    .pc{display:none}
    .mo{display:block}
    .layout{width:95%}
}

@media(min-width:768px){
    .pc{display:block}
    .mo{display:none}

}
@media(min-width:1024px){
    .layout{width:auto}

}

#shadow_device {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:900;background:#000;opacity:0.7}

/* footer */
#footer{position: relative;;padding:36px 0;background-color:#3f4248}
#footer p{margin:0}
#footer .layout{position:relative;padding-left:180px;padding-right:150px;box-sizing:border-box}
#footer .ft_logo{position:absolute;left:0;top:8px;width:155px;height:39px;font-size:0;background:url(/images/common/c/ir-tmpl.png) no-repeat 0 -105px}
#footer address{display:block;}
#footer address,
#footer .copy{color:#8a8a8a;font-style:normal}
#footer address div{display:inline-block;font-size:15px}
#footer .addr{}
#footer .number{}
#footer .number .tel{display:inline-block;margin-left:5px;}
#footer .copy{margin-top:0;}
#footer .footer_menu{margin-bottom:0;}
#footer .footer_menu:after{content:"";display:block;clear:both}
#footer .footer_menu li{float:left;margin-left:5px}
#footer .footer_menu li a{display:block;position:relative;padding:5px 15px;font-size:15px;color:#8a8a8a}
#footer .footer_menu li a:before{content:"";display:block;position:absolute;top:7px;left:0;width:1px;height:15px;background-color:#8a8a8a}
#footer .footer_menu li:first-child{margin-left:0}
#footer .footer_menu li:first-child a{padding-left:0}
#footer .footer_menu li:first-child a:before{display:none;}

#footer .footer_menu li a.privacy{color:#fff}


#footer .sns{position:absolute;top:0;right:0;}
#footer .sns a{display:inline-block;margin:0 1px;width:40px;height:40px;}
#footer .sns a:link,
#footer .sns a:hover,
#footer .sns a:focus,
#footer .sns a:active{color:#fff;}

#footer .sns .fb{background-position:-160px -99px;}
#footer .sns .bl{background-position:-204px -99px;}
#footer .sns .in{background-position:-250px -99px;}



#footer .ffamily {position:absolute;right:0;top:0;}
#footer .ffamily a{display:block;font-weight:bold;padding:10px 15px;width:170px;border:1px solid #646462;border-radius:30px;line-height:1}
#footer .ffamily a:before{content:"";position:absolute;display:block;font-size:0;line-height:0;width:21px;height:11px;right:15px;top:13px;background:url(/images/common/c/ir-tmpl.png) no-repeat -185px 0}
#footer .ffamily a.ov:before{background-position:-211px 0;}
#footer .ffamily ul{padding:20px 0;}
#footer .ffamily ul li a:before{display:none}
#footer .ffamily ul li a{border:0;font-weight:normal;padding:5px 15px;}
#footer .ffamily .obj{display:none;position:absolute;bottom:37px;border:1px solid #646462;border-bottom:0;}


.bt_go_top { position: absolute; top: -99px; right: 0; }




/* cyber */
@media(max-width:1240px) {
	.etc_list .list { width: 100%; }
	.inner { width: 100%; padding-left: 10px; padding-right: 10px; }
	.bt_back { margin-left: 0; left: 30px; }
}
@media(max-width:1045px) {
	.main_map_area .top_bt_wrap { left: auto; right: 10px; }
}
@media(max-width:800px) {
	.inner { width: 100%; padding-left: 10px; padding-right: 10px; }
	#header { height: auto; }
	#logo { position: static; text-align: center; padding-top: 35px; height: 100px; }
	#gnb { position: static; }
	#gnb { margin-right: -20px; margin-left: -20px; }
	#gnb ul { overflow: hidden; }
	#gnb li { width: 50%; text-align: center; }
	#gnb li a { height: 50px; line-height: 50px; background: #3e424e; }
	#gnb a.active:after { display: none; }
	.sch_open { border: 0; }
	.sch_label_wrap { width: 210px; }
	.sch_input_label { padding-left: 10px; padding-right: 10px; }
	#sch_input { width: 210px; }
	#sch_button { width: 50px; }
	#sch_close { left: 0; right: auto; }
	.sch_result ul { width: 270px; margin: 0 auto; }
	.sch_result li { width: 100%; }
	.sch_result li .links a:first-child { display: none; }
	.main_map_area { display: none; }
	.intro_area { display: none; }
	.smu_list_area .line { display: none; }
	.smu_list_top { display: none; }
	.v_mark_text { text-align: left; }
	.v_mark_text span { line-height: 1.5; background: url(../img/ico_v.png) no-repeat left top; background-size: 20px auto; }
	.etc_list .list { width: 100%; display: block; border: 0; background: none; }
	.etc_list .tit { text-align: left; display: block; margin-bottom: 10px; }
	.etc_list .tit span img { display: none; }
	.etc_list ul { display: block; background: #fff; padding: 15px 20px; }
	.etc_list ul li { margin-right: 10px; }
	.sect ul { margin-left: -5px; margin-right: -5px; }
	.sect ul li { padding: 5px; }
	.sect ul li a .num { line-height: 32px; }
	#pano { height: 350px; }
	.bt_back { top: 30px; width: 70px; height: 70px; font-size: 14px; padding-top: 38px; }
	.bt_back:before { top: 20px; background-size: auto 10px; background-repeat: no-repeat; left: -20px; }
	.container { min-height: auto; padding-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 0; }
	.container .inner { padding: 0; background: #fff; }
	.container .aside { position: static; width: 100%; float: none; }
	.container .aside h2 { min-height: 60px; text-align: center; padding-top: 20px; margin-right: -10px; padding-bottom: 20px; }
	.container .aside h2 > span { display: inline-block; font-size: 19px; }
	.container .aside h2 > span:last-child { display: none; }
	.container .aside .small_map { margin-top: 0; height: 200px; }
	#full_map_ot { padding-top: 60px; }
	#full_map_label { display: none; }
	#close_full_bt { top: 70px; right: 10px; }
	.container .content { width: 100%; float: none; min-height: auto; padding-top: 0; background: #fff; }
	#gall { width: 100%; height: auto; }
	#gall .obj .item img { max-width: 100%; }
	#sky_pano { height: 400px; }
	.bt_go_top { display: none; }
}



/* common */
@media(min-width:0px){
.layout{width:auto}

.pc{display:none}
.mo{display:block}


#footer .layout{padding-left:0;padding-right:0;}
#footer .ft_logo{display:none;}
#footer address,
#footer .copy{font-size:13px;text-align:center}
#footer address div{font-size:13px;line-height:1.4;}
#footer .number .tel{margin-left:0;}
#footer .footer_menu{margin-bottom:10px;}
#footer .footer_menu li{float:left;margin-left:0;width:50%;border:5px solid transparent;box-sizing:border-box}
#footer .footer_menu li a{padding:7px 15px;border:1px solid #8a8a8a;text-align:center}
#footer .footer_menu li a:before{display:none;}
#footer .sns{position:relative;text-align:center;margin-top:10px;}

}


@media(min-width:768px){
.pc{display:block}
.mo{display:none}

}


@media(min-width:1000px){


#footer .layout{padding-left:180px;padding-right:150px;}
#footer .ft_logo{display:block;}
#footer .footer_menu{margin-bottom:0;}

#footer .footer_menu li{width:auto;border:0px}
#footer .footer_menu li a{padding:5px 15px;border:0px;text-align:left}
#footer .footer_menu li a:before{display:block;}
#footer address,
#footer .copy{font-size:15px;text-align:left}
#footer .number .tel{margin-left:5px;}
#footer address div{font-size:15px;}

#footer .sns{position:absolute;text-align:left;margin-top:0}

}