#pension1{position:relative;width:100%;} #pension1 .visual{position:relative;width:100%; margin:0 auto;overflow:hidden;top:-1px;} #pension1 .visual img{ opacity:0; width:100%;min-height:400px; /*content: url('/image/sub/pension/visual.jpg');*/ } #pension1 .visual_text{position:absolute;bottom:40px;text-align:center;width:100%;z-index:999;} #pension1 .visual_text .visual_nav{color:#fff;font-family:"Spoqa Han Sans";font-size:16px;} #pension1 .visual_text .visual_nav .home{position:relative;top:3px;} #pension1 .visual_text .visual_nav .nav_right1{position:relative;top:6px;padding:0 8px 0 12px;} #pension1 .visual_text .visual_nav .nav_right2{position:relative;top:6px;padding:0 12px 0 8px;} #pension1 .visual_text .visual_nav strong{font-weight:normal;border-bottom:1px solid #fff;padding-bottom:1px;} #pension1 .visual_text h2{font-size:82px;font-family:"Spoqa Han Sans";color:#fff;font-weight:400;} #pension1 .visual_text h3{font-size:23px; font-family:"Spoqa Han Sans";color:#fff; font-weight:normal;} @media all and (max-width:1400px){ #pension1 .visual { background:url('/image/sub/pension/visual_m.jpg') no-repeat center/cover !important; } /*#pension1 .visual img { content: url('/image/sub/pension/visual_m.jpg'); } 더미 이미지 교체 : 필요없을 듯 */ #pension1 .visual_text{bottom:20px;} #pension1 .visual_text h2{font-size:40px;} #pension1 .visual_text h3{font-size:18px;} #pension1 .visual_text .visual_nav{font-size:14px;} } #pension2{position:relative;width:100%;max-width:1400px; margin:0 auto;overflow:hidden;margin-top:100px;} #pension2 .about_left{width:27%;float:left;} #pension2 .about_left h2{font-size:90px; font-family:"Spoqa Han Sans";color:#343940;font-weight:400;padding-top:20px;} #pension2 .about_left h3{font-size:26px; font-family:"Spoqa Han Sans";color:#343940;font-weight:400;padding:10px 0;} #pension2 .about_left .about_text{font-size:16px; font-family:"Spoqa Han Sans";color:#343940;font-weight:400;line-height:40px;padding-bottom:45px;} #pension2 .about_left .about_reserve{position:relative;width:77%;height:56px; border:1px solid #343940;line-height:56px;text-align:right;} #pension2 .about_left .about_reserve a{display:block;} #pension2 .about_left .about_reserve img{position:relative;top:26px;margin-left:11px;margin-right:14px;} #pension2 .about_right{width:70.5%;float:right;} #pension2 .pension_slide .swiper-wrapper .swiper-slide{width:100%;} #pension2 .pension_slide .swiper-wrapper .swiper-slide img{width:100%;} #pension2 .pension_page {position:absolute; bottom:0; right:2.5%; width: auto !important;left:auto !important; z-index:9;} #pension2 .pension_page_off {display:inline-block; margin:0 5px; width:13px; height:13px; background:url("../image/sub/special/special_off.png") no-repeat; cursor:pointer; z-index:9; } #pension2 .pension_page_on {display:inline-block; margin:0 5px; width:13px; height:13px; background:url("../image/sub/special/special_on.png") no-repeat; cursor:pointer; z-index:9; } #pension2 .pension_next{float:left;margin-top:19px;margin-left:2%;} #pension2 .pension_prev{float:left;margin-left:6.5%;margin-top:19px;} @media all and (max-width:1400px){ #pension2{width:75%; margin:0 auto;max-width:940px; margin-top:60px;} #pension2 .about_left{float:none;width:100%; margin:0 auto; text-align:left;} #pension2 .about_left .about_reserve{width:98%;border:3px solid #343940;} #pension2 .about_right{width:100%; margin:0 auto; float:none;text-align:center;margin-top:20px;} #pension2 .pension_page{right:6%;} } #pension3{width:100%; margin:0 auto; max-width:1400px;margin-top:250px;} #pension3 h2{font-family:"Spoqa Han Sans"; color:#343940; font-size:30px;text-align:center;font-weight:400;padding-bottom:10px;} #pension3 h3{font-family:"Spoqa Han Sans"; color:#343940; font-size:20px;text-align:center;font-weight:400;padding-bottom:60px;} #pension3 ul{width:100%; margin:0 auto; max-width:1125px; text-align:center;} #pension3 ul li{width:24%; display:inline-block;margin-right:8px;margin-bottom:8px;} #pension3 ul li:nth-child(4n){margin-right:0;} #pension3 ul li img{width:100%;} #pension3 .follow{text-align:center;margin-top:75px;} @media all and (max-width:1400px){ #pension3{margin-top:100px;} #pension3 ul{width:90%; margin:0 auto;max-width:1400px;} #pension3 ul li{width:48%;} #pension3 ul li:nth-child(4n){margin-right:8px;} #pension3 ul li:nth-child(2n){margin-right:0;} } #pension4{clear:both;width:100%; margin:0 auto; padding-top:95px;margin-top:100px;} /************************객실*****************************/ #outer1{position:relative;width:100%;} #outer1 .visual{position:relative;width:100%; margin:0 auto;overflow:hidden;top:-1px;} #outer1 .swiper-wrapper .swiper-slide img{width:100%;} #outer1 .visual_page {position:absolute; bottom:0; right:5%; width: auto !important;left:auto !important; z-index:9;} #outer1 .visual_page_off { display:inline-block; margin:0 5px; width:13px; height:13px; background:url("../image/visual_off.png") no-repeat; cursor:pointer; z-index:9; } #outer1 .visual_page_on { display:inline-block; margin:0 5px; width:13px; height:13px; background:url("../image/visual_on.png") no-repeat; cursor:pointer; z-index:9; } #outer1 .s_next{position:absolute;top:35%;right:3.5%;width:88px; height:173px;z-index:999;} #outer1 .s_prev{position:absolute;top:40%;left:3.5%;width:88px; height:173px;z-index:999;} #outer1 .s_next img{width:100%;} #outer1 .s_prev img{width:100%;} #outer1 .s_next a{display:block;} #outer1 .s_prev a{display:block;} #outer1 .visual_text{position:absolute;bottom:30px;text-align:center;width:100%;z-index:999;} #outer1 .visual_nav{color:#ffffff; font-family:"Spoqa Han Sans";font-size:16px;} #outer1 .visual_nav .home{position:relative;top:3px;} #outer1 .visual_nav .nav_right1{position:relative;top:6px;padding:0 17px 0 15px;} #outer1 .visual_nav .nav_right2{position:relative;top:6px;padding:0 13px 0 19px;} #outer1 .visual_nav strong{font-weight:normal;border-bottom:1px solid #fff;padding-bottom:2px;} #outer1 .visual_text h2{font-size:82px; font-family:"Spoqa Han Sans";color:#fff;font-weight:normal;} #outer1 .visual_text h3{font-size:26px; font-family:"Spoqa Han Sans";color:#fff; font-weight:normal;} #outer1 .visual_text .scroll{padding:30px 0;} #outer1 .special_menu{width:100%;height:143px; background:rgba(0,0,0,0.5);} #outer1 .special_menu .smenu_wrap{width:100%; margin:0 auto; max-width:1258px;padding-top:40px;} #outer1 .special_menu .smenu_wrap p{width:25%; float:left;border-bottom:2px solid #ABABAA;padding-bottom:30px;} #outer1 .special_menu .smenu_wrap p a{color:#fff;font-size:26px; font-family:"Spoqa Han Sans";font-weight:400;display:block;} #outer1 .special_menu .smenu_wrap p:hover{border-bottom:2px solid #EFCD9C;} @media all and (max-width:880px){ #outer1 .visual_text h2{display:none;} #outer1 .visual_text h3{display:none;} #outer1 .visual_text .scroll{display:none;} #outer1 .visual_nav .home{top:0;margin-bottom:15px;} #outer1 .special_menu{height:90px;} #outer1 .special_menu .smenu_wrap{padding-top:20px;} #outer1 .special_menu .smenu_wrap p{padding-bottom:20px;} #outer1 .special_menu .smenu_wrap p a{font-size:18px;} #outer1 .s_next{display:none;;} #outer1 .s_prev{display:none;} } #outer2{width:100%; margin:0 auto; max-width:1400px;text-align:Center;margin-top:100px;} #outer2 img{width:90%; margin:0 auto;text-align:center;margin-bottom:20px;} /*************************특별함***********************/ #room1{position:relative;width:100%;} #room1 .visual{position:relative;width:100%; margin:0 auto;overflow:hidden;top:-1px;} #room1 .swiper-wrapper .swiper-slide img{width:100%;/*min-height:400px;*/} #room1 .visual_page {position:absolute; bottom:0; right:5%; width: auto !important;left:auto !important; z-index:9;} #room1 .visual_page_off { display:inline-block; margin:0 5px; width:13px; height:13px; background:url("../image/visual_off.png") no-repeat; cursor:pointer; z-index:9; } #room1 .visual_page_on { display:inline-block; margin:0 5px; width:13px; height:13px; background:url("../image/visual_on.png") no-repeat; cursor:pointer; z-index:9; } #room1 .s_next{position:absolute;top:35%;right:3.5%;width:88px; height:173px;z-index:999;} #room1 .s_prev{position:absolute;top:40%;left:3.5%;width:88px; height:173px;z-index:999;} #room1 .s_next img{width:100%;} #room1 .s_prev img{width:100%;} #room1 .s_next a{display:block;} #room1 .s_prev a{display:block;} #room1 .visual_text{position:absolute;bottom:0;text-align:center;width:100%;z-index:999;} #room1 .visual_nav{color:#ffffff; font-family:"Spoqa Han Sans";font-size:16px;} #room1 .visual_nav .home{position:relative;top:3px;} #room1 .visual_nav .nav_right1{position:relative;top:6px;padding:0 17px 0 15px;} #room1 .visual_nav .nav_right2{position:relative;top:6px;padding:0 13px 0 19px;} #room1 .visual_nav strong{font-weight:normal;border-bottom:1px solid #fff;padding-bottom:2px;} #room1 .visual_text h2{font-size:82px; font-family:"Spoqa Han Sans";color:#fff;font-weight:normal;} #room1 .visual_text .scroll{padding:30px 0;} #room1 .special_menu{width:100%;height:143px; background:rgba(0,0,0,0.5);} #room1 .special_menu .smenu_wrap{width:100%; margin:0 auto; max-width:1258px;padding-top:40px;} #room1 .special_menu .smenu_wrap p{width:25%; float:left;border-bottom:2px solid #ABABAA;padding-bottom:30px;} #room1 .special_menu .smenu_wrap p a{color:#fff;font-size:26px; font-family:"Spoqa Han Sans";font-weight:400;display:block;} #room1 .special_menu .smenu_wrap p:hover{border-bottom:2px solid #EFCD9C;} @media all and (max-width:1250px){ #room1 .visual_text{bottom:20px;} #room1 .visual_text h2{font-size:40px;} #room1 .visual_text h3{font-size:18px;} #room1 .visual_text .visual_nav{font-size:14px;} #room1 .visual_text .scroll{display:none;} } @media all and (max-width:880px){ #room1 .visual_nav .home{top:0;margin-bottom:15px;} #room1 .special_menu{height:90px;} #room1 .special_menu .smenu_wrap{padding-top:20px;} #room1 .special_menu .smenu_wrap p{padding-bottom:20px;} #room1 .special_menu .smenu_wrap p a{font-size:18px;} #room1 .s_next{display:none;;} #room1 .s_prev{display:none;} } @media all and (max-width:550px){ #room1 .special_menu .smenu_wrap p a{font-size:14px;} } #room2{width:100%; margin:0 auto; max-width:910px;margin-top:180px;margin-bottom:180px;} #room2 .info_left{float:left;width:325px;} #room2 .info_right{float:right;width:480px;} #room2 .info_left .room_info{position:relative;color:#a2a2a2;font-size:26px; font-family:"Spoqa Han Sans";font-weight:300;border-bottom:1px solid #a2a2a2;margin-top:40px;width:296px;} #room2 .info_left .room_info img{position:absolute;right:0;bottom:15px;} #room2 .info_left .room_reserve{position:relative;width:301px; height:58px; background:#515956;line-height:58px;text-align:right;margin-top:40px;} #room2 .info_left .room_reserve a{display:block;font-size:16px; font-family:"Spoqa Han Sans";color:#ffffff;width:100%;margin-right:15px;position:relative;right:15px;} #room2 .info_left .room_reserve a img{position:relative;top:27px;} #room2 .info_right h3{font-size:18px; font-family:"Spoqa Han Sans";color:#000;font-weight:400;padding-bottom:5px;} #room2 .info_right table tr th{font-size:15px; font-family:"Spoqa Han Sans";color:#666666;text-align:left;font-weight:400;width:125px;vertical-align:top;height:30px; line-height:30px;} #room2 .info_right table tr td{font-size:15px; font-family:"Spoqa Han Sans";color:#666666;text-align:left;font-weight:400;height:30px; line-height:30px;} #room2 .info_right table tr td strong{color:#315d9f; font-weight:400;} #room2 .info_right h3.inwon{padding-top:40px;} #room2 .info_right h3.notic{padding-top:15px;} @media all and (max-width:910px){ #room2 .info_left{width:80%; margin:0 auto; text-align:center;float:none;margin-bottom:50px;} #room2 .info_left .room_info{width:296px; margin:0 auto;margin-top:40px;text-align:left;} #room2 .info_left .room_reserve{width:301px; margin:0 auto;margin-top:40px;} #room2 .info_right{float:none;width:80%; margin:0 auto;max-width:600px;} } #room3{clear:both;position:relative;width:100%;max-width:900px; margin:0 auto;overflow:hidden;padding-top:150px;} #room3 .room_slide .swiper-wrapper .swiper-slide{width:100%;} #room3 .room_slide .swiper-wrapper .swiper-slide img{width:100%;} #room3 .room_page {position:absolute; bottom:0; right:2.5%; width: auto !important;left:auto !important; z-index:9;} #room3 .room_page_off {display:inline-block; margin:0 5px; width:13px; height:13px; background:url("../image/sub/special/special_off.png") no-repeat; cursor:pointer; z-index:9; } #room3 .room_page_on {display:inline-block; margin:0 5px; width:13px; height:13px; background:url("../image/sub/special/special_on.png") no-repeat; cursor:pointer; z-index:9; } .room_next{float:left;margin-top:19px;margin-left:2%;} .room_prev{float:left;margin-left:6.5%;margin-top:19px;} @media all and (max-width:1250px){ #room3{width:75%; margin:0 auto; max-width:940px;} } #room4{position:relative; width:100%; margin:0 auto; max-width:1400px;margin-top:239px; text-align:center;} #room4 p{width:100%;margin-bottom:30px; } #room4 p img{width:90%;} /******************텍스트 수정css*******************/ #room4 .room_content{ } @media all and (max-width:800px){ #room4{width:95%;margin-top:100px;padding:0 2%;} } /*************************특별함***********************/ #special1_1{position:relative;width:100%;} #special1_1 .visual{position:relative;width:100%; margin:0 auto;overflow:hidden;top:-1px;} #special1_1 .swiper-wrapper .swiper-slide img{width:100%;} #special1_1 .visual_page {position:absolute; bottom:0; right:5%; width: auto !important;left:auto !important; z-index:9;} #special1_1 .visual_page_off { display:inline-block; margin:0 5px; width:13px; height:13px; background:url("../image/visual_off.png") no-repeat; cursor:pointer; z-index:9; } #special1_1 .visual_page_on { display:inline-block; margin:0 5px; width:13px; height:13px; background:url("../image/visual_on.png") no-repeat; cursor:pointer; z-index:9; } #special1_1 .s_next{position:absolute;top:35%;right:3.5%;width:88px; height:173px;z-index:999;} #special1_1 .s_prev{position:absolute;top:40%;left:3.5%;width:88px; height:173px;z-index:999;} #special1_1 .s_next img{width:100%;} #special1_1 .s_prev img{width:100%;} #special1_1 .s_next a{display:block;} #special1_1 .s_prev a{display:block;} #special1_1 .visual_text{position:absolute;bottom:0;text-align:center;width:100%;z-index:999;} #special1_1 .visual_nav{color:#ffffff; font-family:"Spoqa Han Sans";font-size:16px;} #special1_1 .visual_nav .home{position:relative;top:3px;} #special1_1 .visual_nav .nav_right1{position:relative;top:6px;padding:0 17px 0 15px;} #special1_1 .visual_nav .nav_right2{position:relative;top:6px;padding:0 13px 0 19px;} #special1_1 .visual_nav strong{font-weight:normal;border-bottom:1px solid #fff;padding-bottom:2px;} #special1_1 .visual_text h2{font-size:60px; font-family:"Spoqa Han Sans";color:#fff;font-weight:normal;} #special1_1 .visual_text h3{font-size:26px; font-family:"Spoqa Han Sans";color:#fff; font-weight:300;} #special1_1 .visual_text .scroll{padding:30px 0;} #special1_1 .special_menu{width:100%;height:143px; background:rgba(0,0,0,0.5);} #special1_1 .special_menu .smenu_wrap{width:100%; margin:0 auto; max-width:1258px;padding-top:40px;} #special1_1 .special_menu .smenu_wrap p{width:14%; float:left;border-bottom:2px solid #ABABAA;padding-bottom:30px;} #special1_1 .special_menu .smenu_wrap p a{color:#fff;font-size:18px; font-family:"Spoqa Han Sans";font-weight:400;display:block;} #special1_1 .special_menu .smenu_wrap p:hover{border-bottom:2px solid #EFCD9C;} @media all and (max-width:880px){ #special1_1 .visual_text h2{display:none;} #special1_1 .visual_text h3{display:none;} #special1_1 .visual_text .scroll{display:none;} #special1_1 .visual_nav .home{top:0;margin-bottom:15px;} #special1_1 .special_menu{height:90px;} #special1_1 .special_menu .smenu_wrap{padding-top:20px;} #special1_1 .special_menu .smenu_wrap p{padding-bottom:20px;} #special1_1 .special_menu .smenu_wrap p a{font-size:18px;} #special1_1 .s_next{display:none;;} #special1_1 .s_prev{display:none;} } @media all and (max-width:550px){ #special1_1 .special_menu .smenu_wrap p a{font-size:14px;} } #special1_2{width:100%; margin:0 auto;max-width:1400px;text-align:center;padding-top:160px;padding-bottom:80px;} #special1_2 h2{width:100%;margin:0 auto;max-width:140px;text-align:center;font-size:30px; font-family:"Spoqa Han Sans";color:#bc893f; border-bottom:2px solid #bc893f;padding-bottom:7px;font-weight:400;} #special1_2 h3{font-size:34px; font-family:"Spoqa Han Sans";color:#000;font-weight:300;padding-top:30px;} #special1_2 p{color:#666666; font-family:"Spoqa Han Sans";font-size:16px; line-height:28px; font-weight:300;padding-top:30px;} @media all and (max-width:800px){ #special1_2{padding-top:100px;padding-bottom:50px;} #special1_2 h2{font-size:20px;} #special1_2 h3{font-size:24px; padding-top:20px;} #special1_2 p{font-size:16px;padding-top:20px;} } #special1_3{position:relative;width:100%;max-width:890px; margin:0 auto;overflow:hidden;} #special1_3 .special_slide .swiper-wrapper .swiper-slide{width:100%;} #special1_3 .special_slide .swiper-wrapper .swiper-slide img{width:100%;} #special1_3 .special_page {position:absolute; bottom:0; right:2.5%; width: auto !important;left:auto !important; z-index:9;} #special1_3 .special_page_off {display:inline-block; margin:0 5px; width:13px; height:13px; background:url("../image/sub/special/special_off.png") no-repeat; cursor:pointer; z-index:9; } #special1_3 .special_page_on {display:inline-block; margin:0 5px; width:13px; height:13px; background:url("../image/sub/special/special_on.png") no-repeat; cursor:pointer; z-index:9; } .special_next{float:left;margin-top:19px;margin-left:2%;} .special_prev{float:left;margin-left:6.5%;margin-top:19px;} @media all and (max-width:1250px){ #special1_3{width:75%; margin:0 auto; max-width:940px;} } #special1_4{position:relative; width:100%; margin:0 auto; max-width:1400px;margin-top:239px;} #special1_4 p{width:100%;margin-bottom:30px;} #special1_4 p img{width:100%;} @media all and (max-width:800px){ #special1_4{width:95%;margin-top:100px;padding:0 2%;} } #special1_5{clear:both;width:100%;background:#F1F1F1; margin:0 auto; padding-top:95px;margin-top:100px;} /***********************주변관광지*************************/ #travel1{position:relative;width:100%;} #travel1 .visual{position:relative;width:100%; margin:0 auto;overflow:hidden;top:-1px;} #travel1 .visual img{ opacity:0; width:100%;/*min-height:400px;*/} #travel1 .visual_text{position:absolute;bottom:40px;text-align:center;width:100%;z-index:999;} #travel1 .visual_text .visual_nav{color:#fff;font-family:"Spoqa Han Sans";font-size:16px;} #travel1 .visual_text .visual_nav .home{position:relative;top:3px;} #travel1 .visual_text .visual_nav .nav_right1{position:relative;top:6px;padding:0 8px 0 12px;} #travel1 .visual_text .visual_nav .nav_right2{position:relative;top:6px;padding:0 12px 0 8px;} #travel1 .visual_text .visual_nav strong{font-weight:normal;border-bottom:1px solid #fff;padding-bottom:1px;} #travel1 .visual_text h2{font-size:82px;font-family:"Spoqa Han Sans";color:#fff;font-weight:400;} #travel1 .visual_text h3{font-size:26px; font-family:"Spoqa Han Sans";color:#fff; font-weight:normal;} @media all and (max-width:1400px){ #travel1 .visual { background:url('/image/sub/travel/visual_m.jpg') no-repeat center/cover !important; } #travel1 .visual_text{bottom:20px;} #travel1 .visual_text h2{font-size:40px;} #travel1 .visual_text h3{font-size:18px;} #travel1 .visual_text .visual_nav{font-size:14px;} } #travel2{width:100%; margin:0 auto; max-width:1400px;margin-top:90px;} #travel2 ul li{float:left;width:47%;height:740px;border-bottom:1px solid #cccccc;margin-bottom:60px;} #travel2 ul li:nth-child(2n){float:right;} #travel2 ul li img{width:100%;} #travel2 ul li h2{font-size:24px; font-family:"Spoqa Han Sans";color:#000;font-weight:bold;padding:40px 0 5px 0;} #travel2 ul li h3{font-size:16px; font-family:"Spoqa Han Sans";color:#000;font-weight:400;padding-bottom:13px;} #travel2 ul li p{color:#666666;font-size:14px; font-family:"Spoqa Han Sans";line-height:28px;font-weight:400;letter-spacing:-0.3px;} @media all and (max-width:1400px){ #travel2 ul li{float:none;width:80%; margin:0 auto;height:auto;margin-bottom:40px;} #travel2 ul li:nth-child(2n){float:none;} #travel2 ul li p{padding-bottom:40px;} } /***********************오시는길***********************/ #map1{position:relative;width:100%;} #map1 .visual{position:relative;width:100%; margin:0 auto;overflow:hidden;top:-1px;} #map1 .visual img{ opacity:0; width:100%;} #map1 .visual_text{position:absolute;bottom:40px;text-align:center;width:100%;z-index:999;} #map1 .visual_text .visual_nav{color:#fff;font-family:"Spoqa Han Sans";font-size:16px;} #map1 .visual_text .visual_nav .home{position:relative;top:3px;} #map1 .visual_text .visual_nav .nav_right1{position:relative;top:6px;padding:0 8px 0 12px;} #map1 .visual_text .visual_nav .nav_right2{position:relative;top:6px;padding:0 12px 0 8px;} #map1 .visual_text .visual_nav strong{font-weight:normal;border-bottom:1px solid #fff;padding-bottom:1px;} #map1 .visual_text h2{font-size:82px;font-family:"Spoqa Han Sans";color:#fff;font-weight:400;} #map1 .visual_text h3{font-size:26px; font-family:"Spoqa Han Sans";color:#fff; font-weight:normal;} @media all and (max-width:1400px){ #map1 .visual { background:url('/image/sub/map/visual_m.jpg') no-repeat center/cover !important; } #map1 .visual_text{bottom:20px;} #map1 .visual_text h2{font-size:40px;} #map1 .visual_text h3{font-size:18px;} #map1 .visual_text .visual_nav{font-size:14px;} } #map2{width:100%; margin:0 auto;margin-top:50px;} #map2 .navgation_title{width:100%; margin:0 auto;max-width:275px;font-size:40px; font-weight:400;font-family:"Spoqa Han Sans";color:#bc893f;border-bottom:2px solid #bc893f;text-align:center;} #map2 .nav_addr{color:#010101; font-weight:300; font-family:"Spoqa Han Sans";font-size:26px;text-align:center;padding:45px 0 110px 0;} #map2 .bus_title{width:100%; margin:0 auto;max-width:210px;font-size:40px; font-weight:400;font-family:"Spoqa Han Sans";color:#bc893f;border-bottom:2px solid #bc893f;text-align:center;} #map2 .bus_text{font-family:"Spoqa Han Sans";font-weight:300;font-size:24px; color:#010101;text-align:center;line-height:38px;padding-top:55px;} #map2 .bus_text strong{color:#bc893f;font-weight:300;} @media all and (max-width:1250px){ #map2 .navgation_title{font-size:28px;max-width:200px;} #map2 .nav_addr{font-size:28px;text-align:center;padding:25px 0 55px 0;} #map2 .bus_title{font-size:28px;max-width:160px;} #map2 .bus_text{font-size:14px;padding-top:30px;letter-spacing:-0.5px;} } #map3{width:100%;margin:0 auto; position:relative;margin-top:150px;} #map3 #daumRoughmapContainer1589769031836{width:90%;margin:0 auto;z-index:99;} #map3 .map_img img{width:100%;min-height:300px;max-width:1920px;max-height:550px;} #map3 .map_info{position:absolute;top:13%;left:7%;width:311px;height:391px;background:#515956;z-index:999;} #map3 .map_info .location{float:left;padding-left:35px;padding-top:75px;margin-right:15px;} #map3 .map_info .location_text{float:left;padding-top:75px;font-family:"Spoqa Han Sans";color:#ffffff;font-weight:300;font-size:24px; line-height:38px;} #map3 .map_info .tel{clear:both;float:left;padding-left:35px;padding-top:45px;margin-right:15px;} #map3 .map_info .tel_text{float:left;padding-top:45px;font-family:"Spoqa Han Sans";color:#ffffff;font-weight:300;font-size:24px;margin-bottom:50px;} #map3 .map_info .map_detail{clear:both;width:242px; height:56px;background:#fff;text-align:center;margin:0 auto;line-height:56px;} #map3 .map_info .map_detail a{font-size:24px; font-family:"Spoqa Han Sans";color:#000;font-weight:300;} #map3 .map_info .map_detail a strong{color:#bc893f;font-weight:300;} @media all and (max-width:600px){ #map3 .map_img .map_pc{display:none;} #map3 .map_img .map_m{display:block;} #map3 .map_info{top:-10%;;left:20%;width:60%;max-width:350px; margin:0 auto;} } /*reservation*/ #reservation{width:96%; margin:0 auto; max-width:1200px;margin-top:50px;} #reservation p{font-family:"Spoqa Han Sans";font-size:18px;text-align:center;line-height:28px;margin:0;padding:0;} #reservation .reserve_btn{text-align:center;margin:10px 0;} #reservation2 img{width:90%; margin:0 auto;text-align:center;margin-bottom:20px;} @media all and (max-width:940px){ #reservation img{width:90%; margin:0 auto; max-width:940px;} } .reservation .inner_re{width:100%; position:relative; margin-bottom:40px; margin-top:250px;} .reservation .inner_re > img{width:100%;} .reservation .inner_re > div{position:absolute; z-index:2; bottom:0; width:100%; background:rgba(255,255,255,0.7); text-align:center; padding:30px; box-sizing:border-box; -webkit-box-sizing:border-box; } .reservation .inner_re > div p{font-size:21px; font-weight:400; line-height:145%; } .reservation .inner_re > div p img{vertical-align:middle;} .reservation .inner_re > div p:last-child{font-size:16px; font-weight:300; margin-top:20px;} .reservation .inner_txt{margin-bottom:40px; display:flex; align-items:flex-start; justify-content:start; padding-bottom:20px;} .reservation .inner_txt > h3, .reservation .inner_txt > ul{box-sizing:border-box; -webkit-box-sizing:border-box; padding-top:30px;overflow:hidden;} .reservation .inner_txt > h3{width:20%; font-size:31px; font-weight:500; line-height:145%;} .reservation .inner_txt > ul{width:80%; padding-left:15px;} .reservation .inner_txt > ul li{line-height:145%; font-family: 'Spoqa Han Sans'; font-weight:400; padding:7px 0;word-break:keep-all;} .reservation .inner_txt > ul li span{color:#ff6600} .reservation .inner_txt.line_first {border-top:3px solid #212121;} .reservation .inner_txt.line_last {border-bottom:1px solid #ddd;} .reservation .inner_txt > ul li .reservation_table {display:block;text-align:center; border-bottom:1px solid #ddd;} .reservation .inner_txt > ul li .reservation_table ul li {padding:0 !important; overflow:hidden; border-top:1px solid #ddd; border-left:1px solid #ddd;} .reservation .inner_txt > ul li .reservation_table ul li p{padding:7px 0; display:line-block; float:left; width:50%; border-right:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box;} .reservation .inner_btn{text-align:center; font-size:0} .reservation .inner_btn a{display:inline-block; margin:0 20px;} @media all and (max-width:940px){ .reservation .inner_txt{display:block;width:100%;padding:0;} .reservation .inner_re div{width:100%;margin:0 auto;} .reservation .inner_txt > h3{width:100%;margin:0 auto; text-align:center;padding:30px 0;} .reservation .inner_txt > ul{width:100%;margin:0 auto; text-align:center;padding:0;} .reservation .inner_btn a{display:block; width:80%;margin:20px auto;} .reservation .inner_btn a img{width:100%;} }