@import url('font.css'); 
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0; line-height:160%; letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{width:100%; font-size:18px; color:rgba(34,39,47,.7); font-weight:300; line-height:1.6; font-family:"Pretendard", "Outfit", Malgun Gothic, "Malgun Gothic", sans-serif; word-break: keep-all;}
*{ font-family:"Pretendard", "Outfit", Malgun Gothic, "Malgun Gothic", sans-serif; word-break: keep-all;}
body{-webkit-text-size-adjust: none; word-break:keep-all;}
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table {border-collapse:separate;border-spacing:0; font-size:18px;}
table caption {overflow:hidden;  line-height:0;font-size:18px;}
tbody,tfoot,thead,tr,th,td {margin:0;line-height:160%;letter-spacing:normal;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:inherit;}
a, a:hover{transition:all 0.7s cubic-bezier(0.215,0.61,0.355,1);}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
input:focus, textarea:focus, button:focus {outline:none;}  /* 크롬에서 커서 클릭시 파란색 테두리 제외*/
/* input, button {border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;} */
select { border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: url("/img/cat_arrow_bk.svg") no-repeat right 20px center;}
select::-ms-expand {display:none}
input[type=text]::-ms-clear {display: none;}
input::-webkit-input-placeholder {color:#999; }
input:-ms-input-placeholder {color:#999; }
input::placeholder {color:#999; }

body {background:#fff;}

span, b, strong, br {line-height:inherit; font-family:inherit;}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,
sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,
canvas,details,embed,figure,figcaption,footer,header,hgroup,output,ruby,section,summary,time,mark,audio,video{font-family:"Pretendard", "Outfit", Malgun Gothic, "Malgun Gothic", sans-serif;}

/* Web Content Accessibility TTS(Text To Speech) Code */
.blind {position:absolute; top:0px; left:0px; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}


*,:after,:before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

@media all and (max-width:640px) {
	body,html{font-size:14px;}
}

/* sns */
.sns {position:fixed;top:10px;left:calc(50% + 35%);width:70px;z-index:9999999;_border:1px solid #ff0000;transition: all 0.3s ease;}
.sns ul {text-align:center;}
.sns ul li {display:inline-block;margin:0;}
.sns ul li img {width:30px;}

@media all and (max-width:980px) {
	.sns {top:20%;left:auto;right:20px;width:30px;}
	.sns ul li {margin:5px 0;}
}

/* header */
#menu {padding:20px;transition: all 0.8s;}
.on {background-color:rgba(0,0,0,0.8) !important;padding: 0 !important;padding: 15px 20px !important;}
#menu a.navbar-brand {width:70%;}
#menu a.navbar-brand img {width:100%;max-width:150px;}
#menu .navbar-collapse {margin-right:180px;}
#menu.navbar-dark .navbar-nav > li > a {margin: 11px 30px 0 30px;padding: 8px 2px;color: #fff;font-size: 20px;font-weight: 400;letter-spacing: 0;_text-transform: uppercase;border-radius: 0;}
#menu a.res_btn {position:absolute;top:40px;right:0;padding:5px 30px;font-size:16px;line-height:30px;color:#fff;background:#252525;border-radius:30px;transition: all 0.3s ease;}
#menu a.res_btn:hover {background:#000;}

@media (min-width: 992px) {
	#menu a.navbar-brand img {width:286px;}
	#menu .navbar-collapse {display:block !important;}
	#menu .navbar-collapse ul {float:right;}
}
@media all and (max-width:992px) {
	#menu a.res_btn {top:35px;right:80px;padding:3px 15px;font-size:14px;}
}
@media all and (max-width:640px) {
	#menu a.res_btn {top:33px;right:60px;}
}

 /* main_intro */
.intro {position:relative;display:table;padding:0;width:100%;overflow:hidden;}

.intro .bd-office-business-park {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff no-repeat center top;
  background-size: cover;
  animation: animate_background 2s ease-in-out; /* 기존 애니메이션 유지 */
  overflow: hidden;
}

/* 공통 레이어 스타일 */
.intro .bd-office-business-park .slide {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-size: cover;
  background-position: center top;
  opacity: 0;
  animation: fadeSlide 16s infinite;
}

/* 개별 이미지 */
.intro .bd-office-business-park .slide:nth-child(1) {background-image: url('/img/visual_01.jpg'); animation-delay: 0s;}
.intro .bd-office-business-park .slide:nth-child(2) {background-image: url('/img/visual_02.jpg'); animation-delay: 4s;}
.intro .bd-office-business-park .slide:nth-child(3) {background-image: url('/img/visual_03.jpg'); animation-delay: 8s;}
.intro .bd-office-business-park .slide:nth-child(4) {background-image: url('/img/visual_04.jpg'); animation-delay: 12s;}
.intro .bd-office-business-park .slide:nth-child(5) {background-image: url('/img/visual_05.jpg'); animation-delay: 16s;}

@keyframes fadeSlide {
  0% {opacity: 0;}
  10% {opacity: 1;}
  40% {opacity: 1;}
  50% {opacity: 0;}
  100% {opacity: 0;}
}
.intro .overlay {height:1000px;background:rgba(0, 0, 0, 0.05);transition: all 0.3s ease;}
.intro .intro-text {padding-top:30%;text-align: center;}
.intro p {font-family: 'GangwonEducationModuche';color:#fff;font-size:26px;letter-spacing:-0.05em;line-height:1.2;font-weight: 100;margin-top:20px;transition: all 0.3s ease;}
.intro h2 {font-family: 'GangwonEducationModuche';color:#fff;font-size:48px;line-height:1.2;font-weight:700;letter-spacing:-0.05em;text-transform:uppercase;transition: all 0.3s ease;}

@media all and (max-width:1000px){
	.intro .overlay {height:800px;}
	.intro .intro-text {padding-top:60%;}
}
@media all and (max-width:560px){
	.intro .overlay {height:600px;}
	.intro p {font-size:18px;}
	.intro h2 {font-size:32px;}
}
@media all and (max-width:380px){
	.intro .intro-text {padding-top:70%;}
	.intro p {font-size:16px;}
	.intro h2 {font-size:24px;}
}

 /* sub_intro */
.intro_sub {position:relative;display:table;padding:0;width:100%;overflow:hidden;vertical-align:top;}
.intro_sub .bd-office-business-park {display:table;padding:0;width:100%;background:#fff url('/img/visual_s1.png') no-repeat center top;background-size:cover;animation:animate_background 2s ease-in-out;}
.intro_sub .overlay {height:500px;background:rgba(0, 0, 0, 0.5);transition: all 0.3s ease;}
.intro_sub .intro-text {padding-top:200px;text-align: center;}
.intro_sub h2 {color:#fff;font-size:48px;line-height:1.2;font-weight:700;_text-transform:uppercase;transition: all 0.3s ease;}

@media all and (max-width:1000px){
	.intro_sub .bd-office-business-park {background:#fff url('/img/visual_s1.png') no-repeat center top;background-size:cover;}
	.intro_sub .overlay {height:500px;}
	.intro_sub .intro-text {padding-top:220px;}
}
@media all and (max-width:560px){
	.intro_sub .overlay {height:400px;}
	.intro_sub .intro-text {padding-top:170px;}
	.intro_sub h2 {font-size:32px;}
}
@media all and (max-width:460px){
	.intro_sub .overlay {height:300px;}
	.intro_sub .intro-text {padding-top:150px;}
}


/* 공통 */
.container {position:relative;margin:0 auto;padding:0;max-width:1400px;}
.container2 {position:relative;margin:0 auto;padding:0;width:100%;max-width:1400px;overflow:hidden;}

.text_box h2 {font-family: 'Cafe24ClassicType';font-size:24px;color:#a78f78;line-height:1;}
.text_box h3 {padding:20px 0 50px 0;font-family:'GyeonggiMillenniumTitle';font-size:36px;color:#312315;font-weight:300;letter-spacing:0;line-height:1.4;}

.more {display:inline-block;margin:100px 0 50px 0;width:100%;text-align:center;}
.more a {padding:20px 100px;font-size:18px;color:#312315;border:1px solid #312315;border-radius:60px;transition: all 0.3s ease;}
.more a:hover {color:#fff;background:#312315;}

.wave-bg {position:absolute;bottom:0;left:0;width:100%;z-index: 2;pointer-events:none;}
.st1 {opacity: 0.8;fill: #f1eee9;}

.wave-bg2 {position:absolute;bottom:0;left:0;width:100%;z-index: 1;pointer-events:none;}
.st2 {opacity: 0.5;fill: #fbf9f5;}

.wave-bg3{position:absolute;bottom:0;left:0;width:100%;z-index: 1;pointer-events:none;}
.st3 {opacity: 0.5;fill: #fff;}

.wave-bg4{position:absolute;bottom:0;left:0;width:100%;z-index: 1;pointer-events:none;}
.st4 {opacity: 0.8;fill: #fff;}

@media all and (max-width:980px) {
	.text_box h2 {font-size:18px;}
	.text_box h3 {font-size:28px;}

	.more {margin:50px 0 20px 0;}

	.wave-bg {bottom: -10px;}
	.wave-bg2 {bottom: -10px;}
	.wave-bg3 {bottom: -10px;}
	.wave-bg4 {bottom: -10px;}
}
@media all and (max-width:890px) {
	.more a {padding:10px 50px;}
}
@media all and (max-width:640px) {
	.text_box h2 {font-size:16px;}
	.text_box h3 {padding:20px 0 20px 0;font-size:24px;}
}

/* main_Story */
#Story {position:relative;display:inline-block;padding:100px 20px 150px 20px;width:100%;overflow:hidden;background:#f1eee9;_border:2px solid #ff0000;}
#Story .text_box {position:relative;float:left;margin:0 0 36px 0;max-width:49%;text-align:left;z-index:2;}
#Story .text_box p {}
#Story .img {position:absolute;top:10%;right:0;width:48%;height:605px;overflow:hidden;text-align:right;z-index:1;border-top-left-radius:500px;border-bottom-left-radius:500px;transition: all 0.3s ease;}
#Story .img img {height:100%;transition: all 0.3s ease;}

@media all and (max-width:1300px){
	#Story .text_box {max-width:100%;}
	#Story .img {position:relative;top:auto;width:100%;height:auto;border-top-left-radius:0;border-bottom-left-radius:0;}
	#Story .img img {width:100%;height:auto;border-radius:50px;}
}
@media all and (max-width:680px){
	#Story {padding:100px 20px;}
}


/* main_Space */
#Space {position:relative;display:inline-block;margin-top:-10px;padding:100px 30px 200px 20px;width:100%;background:#fbf9f5;_border:2px solid #ff0000;}
#Space .text_box h2 {text-align:center;}
#Space .text_box h3 {text-align:center;}
#Space .info {display:inline-block;margin-top:30px;width:100%;}
#Space .info .photo {float:left;padding:0 10px;width:50%;}
#Space .info .photo img {width:100%;border-radius:50px;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;}
#Space .info .text {float:right;width:45%;transition: all 0.3s ease;}
#Space .info .text p {color:#7e4f20;line-height:1.2;}
#Space .info .text p.tit {font-size:36px;color:#7e4f20;font-weight:500;}
#Space .info ul {display:inline-block;margin-top:30px;padding:30px 0;width:100%;border-top:1px dashed #ddd;}
#Space .info ul li {display:inline-block;padding:5px 0;width:100%;line-height:1.2;}
#Space .info ul li span {display:inline-block;margin-right:10px;color:#000;}
#Space .more {margin:50px 0 0 0;text-align:left;}

@media all and (max-width:980px){
	#Space .info {margin-top:0;}
	#Space .info .photo {padding:0;width:100%;}
	#Space .info .text {margin-top:30px;width:100%;}
	#Space .info .text p {font-size:16px;}
	#Space .info .text p.tit {font-size:28px;}
	#Space .info ul {margin-top:15px;padding:15px 0;}
	#Space .info ul li {padding:5px 0;font-size:16px;}
	#Space .more {margin:20px 0 0 0;text-align:center;}
}
@media all and (max-width:680px){
	#Space {padding:100px 20px;}
}

/* main_gallery */
#gallery {padding:100px 20px;width:100%;background:#fff;}
#gallery .text_box h2 {text-align:center;}
#gallery .text_box h3 {text-align:center;}
#gallery .more {margin:50px 0 20px 0;}

.gallery_con {position:relative;margin:50px auto 0 auto;width:100%;overflow:hidden;}
.gallery_con .slider {width:100%;}	
.gallery_con .slick-prev, .gallery_con .slick-next {position:absolute;display:block;top:-130px;width:120px;height:65px;font-size:0;border:0;color:transparent;outline:none;background:#fff;cursor:pointer;z-index:9;transition: all 0.3s ease;}
.gallery_con .slick-prev {left:calc(50% - 120px);background:url('/img/his_prev.png') no-repeat 0 0;}
.gallery_con .slick-next {left:50%;background:url('/img/his_next.png') no-repeat 0 0;}
.gallery_con .slick-slider {position: relative;display: block;box-sizing: border-box;
	-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;
	touch-action: pan-y;-webkit-tap-highlight-color: transparent;
}
.gallery_con .slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 15px 0;}
.gallery_con .slick-slide {display: none;float: left;height: 100%;min-height: 1px;}
.gallery_con .slick-initialized .slick-slide {display: block;}

.gallery_in ul {_display:inline-block;position:relative; padding:0 10px; box-sizing:border-box}
.gallery_in li {position:relative;text-align:center;overflow:hidden;}
.gallery_in li img {width:100%;}

@media all and (max-width:680px){
	#gallery .more {margin:10px 0 20px 0;}
	.gallery_con {margin:20px auto 0 auto;}
	.gallery_con .slick-prev, .gallery_con .slick-next {top:-70px;width:80px;height:43px;}
	.gallery_con .slick-prev {left:calc(50% - 80px);background:url('/img/his_prev.png') 0 left 0;background-size:80px;}
	.gallery_con .slick-next {left:50%;background:url('/img/his_next.png') no-repeat 0 0;background-size:80px;}
}


/* footer */
#footer {display:inline-block;padding:50px 10px 30px 10px;width:100%;background:#111;}
#footer p {color:rgba(255,255,255,0.6);font-size:16px;font-weight:200;}
#footer p span {padding:0 20px;color:rgba(255,255,255,0.15);}
#footer p br {display:none;}
#footer p.copy {padding-top:20px;}
#footer .copy2 {display:inline-block;margin-top:40px;padding:20px 0 0 0;width:100%;color:rgba(255,255,255,0.6);text-align:center;border-top:1px solid rgba(255,255,255,0.1);}

@media all and (max-width:640px){
	#footer {padding:30px 20px;}
	#footer p {font-size:14px;}
	#footer p span {display:none;}
	#footer p br {display:block;}
}


@keyframes animate_background {
	0% {transform: scale(1.12); -ms-transform: scale(1.12); -webkit-transform: scale(1.12); }
	100%  {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
}
.ani_effect{animation: contIn 0.8s forwards linear; position:relative; top:50px; animation-delay:1.3s; opacity:0;}
@keyframes contIn {
	0% {top:50px; opacity:0;}
	100% {top:0; opacity:1;}
}



/* sub_story */
#sub_story {position:relative;display:inline-block;padding:100px 20px 150px 20px;width:100%;overflow:hidden;}
#sub_story .text_box {position:relative;float:left;margin:0 0 60px 0;width:100%;text-align:center;z-index:2;}
#sub_story .text_box h3 {padding:20px 0 20px 0;}
#sub_story .text_box p {}
#sub_story .img_lay1 {display:inline-block;position:relative;width:100%;height:605px;overflow:hidden;}
#sub_story .img_lay2 {display:inline-block;position:relative;width:100%;height:605px;overflow:hidden;}
#sub_story .img_lay2 .img_s {float:left;}
#sub_story .img_lay2 .img_b {float:right;}
#sub_story .img_lay3 {display:inline-block;position:relative;width:100%;height:605px;overflow:hidden;}
#sub_story .img_lay3 .img_s {float:right;}
#sub_story .img_lay3 .img_b {float:left;}
#sub_story .img_s {display:inline-block;position:relative;width:30%;height:605px;overflow:hidden;}
#sub_story .img_b {display:inline-block;position:relative;width:69.3%;height:605px;overflow:hidden;}
#sub_story .img1 {display:inline-block;width:100%;height:100%;background:#000 url('/img/sub/story_01.jpg') no-repeat center 78%;background-size:cover;animation:animate_background 2s ease-in-out;}
#sub_story .img2 {display:inline-block;width:100%;height:100%;background:#000 url('/img/sub/story_02_1.jpg') no-repeat center 78%;background-size:cover;animation:animate_background 2s ease-in-out;}
#sub_story .img3 {display:inline-block;width:100%;height:100%;background:#000 url('/img/sub/story_02_2.jpg') no-repeat center 78%;background-size:cover;animation:animate_background 2s ease-in-out;}
#sub_story .img4 {display:inline-block;width:100%;height:100%;background:#000 url('/img/sub/story_03_2.jpg') no-repeat center 78%;background-size:cover;animation:animate_background 2s ease-in-out;}
#sub_story .img5 {display:inline-block;width:100%;height:100%;background:#000 url('/img/sub/story_03_1.jpg') no-repeat center 78%;background-size:cover;animation:animate_background 2s ease-in-out;}
#sub_story .tx1 {padding:80px 0;text-align:center;}

@media all and (max-width:1200px){
	#sub_story .text_box {max-width:100%;}
	#sub_story .img_lay1 {height:550px;}
	#sub_story .img_lay2 {height:550px;}
	#sub_story .img_lay3 {height:550px;}
}
@media all and (max-width:980px){
	#sub_story .img_lay1 {height:400px;}
	#sub_story .img_lay2 {height:400px;}
	#sub_story .img_lay3 {height:400px;}
	#sub_story .tx1 {padding:50px 0;}
}
@media all and (max-width:680px){
	#sub_story {padding:100px 20px;}
	#sub_story .img_lay1 {height:300px;}
	#sub_story .img_lay2 {height:auto;}
	#sub_story .img_lay3 {height:auto;}
	#sub_story .img_s {margin:5px 0;width:100%;height:300px;}
	#sub_story .img_b {margin:5px 0;width:100%;height:300px;}
	#sub_story .tx1 {padding:30px 0;}
}


/* sub_space */
#sub_space {position:relative;display:inline-block;padding:100px 20px 150px 20px;width:100%;overflow:hidden;}
#sub_space .text_box {position:relative;float:left;margin:0 0 60px 0;width:100%;text-align:center;z-index:2;}
#sub_space .text_box h3 {padding:20px 0 20px 0;}
#sub_space .text_box p {}

#sub_space .room_info {display:inline-block;margin-top:30px;width:100%;}
#sub_space .room_info h4 {display:inline-block;width:100%;font-size:36px;color:#000;font-weight:500;line-height:1.2;}
#sub_space .room_info h4 span {border-bottom:1px solid #000;}
#sub_space .room_info .text {float:left;width:45%;transition: all 0.3s ease;}
#sub_space .room_info ul {display:inline-block;margin-top:30px;width:100%;}
#sub_space .room_info ul li {display:inline-block;padding:10px 0;width:100%;line-height:1.2;}
#sub_space .room_info ul li span {display:inline-block;margin-right:10px;color:#000;}

#sub_space .room_info .text2 {float:right;padding:20px;width:54%;background:#fbf9f5;transition: all 0.3s ease;}

#sub_space .photo_con {display:inline-block;margin-top:50px;width:100%;_border:1px solid #ff0000;}
.photo_con .slider {width:100%;}	
.photo_con .slick-prev, .photo_con .slick-next {position:absolute;display:block;top:45%;width:40px;height:70px;font-size:0;border:0;color:transparent;outline:none;background:#fff;cursor:pointer;z-index:9;transition: all 0.3s ease;_border:2px solid #ff0000;}
.photo_con .slick-prev {left:20px;background:url('/img/sub/arrow_prev.png') no-repeat 0 0;background-size:40px;}
.photo_con .slick-next {right:20px;background:url('/img/sub/arrow_next.png') no-repeat 0 0;background-size:40px;}
.photo_con .slick-slider {position: relative;display: block;box-sizing: border-box;
	-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;
	touch-action: pan-y;-webkit-tap-highlight-color: transparent;
}
.photo_con .slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 15px 0;}
.photo_con .slick-slide {display: none;float: left;height: 100%;min-height: 1px;}
.photo_con .slick-initialized .slick-slide {display: block;}

.photo_in ul {_display:inline-block;position:relative; padding:0 10px; box-sizing:border-box}
.photo_in li {position:relative;text-align:center;overflow:hidden;}
.photo_in li img {width:100%;}

@media all and (max-width:980px){
	#sub_space .room_info .text {width:100%;}
	#sub_space .room_info ul li {padding:5px 0;}
	#sub_space .room_info .text2 {margin-top:20px;width:100%;}
	#sub_space .room_info .text2 p {line-height:1.6;}
	
	.photo_con .slick-prev, .photo_con .slick-next {top:45%;width:20px;height:35px;}
	.photo_con .slick-prev {background:url('/img/sub/arrow_prev.png') no-repeat 0 0;background-size:20px;}
	.photo_con .slick-next {background:url('/img/sub/arrow_next.png') no-repeat 0 0;background-size:20px;}
}
@media all and (max-width:680px){
	#sub_space .text_box {margin:0 0 0 0;}
	#sub_space .room_info h4 {font-size:24px;}
	#sub_space .more {margin:10px 0 20px 0;}
	.photo_con {margin:20px auto 0 auto;}
}


/* sub_reservation */
#sub_reservation {position:relative;display:inline-block;padding:100px 20px 150px 20px;width:100%;overflow:hidden;}
#sub_reservation .text_box {position:relative;float:left;margin:0 0 60px 0;width:100%;text-align:center;z-index:2;}
#sub_reservation .text_box h3 {padding:20px 0 20px 0;}

#sub_reservation h4 {display:inline-block;margin-bottom:20px;width:100%;font-size:36px;color:#000;font-weight:500;line-height:1.2;}
#sub_reservation h4 span {border-bottom:1px solid #000;}
#sub_reservation p {}

#sub_reservation table {margin-bottom:20px;width:100%;border-collapse:collapse;border-top:2px solid #000;}
#sub_reservation table th {background:#f1eee9;border:1px solid #ddd;padding:10px;color:#000;font-weight:500;text-align:center;}
#sub_reservation table td {border:1px solid #ddd;padding:10px;color:#000;font-weight:300;text-align:center;}

@media all and (max-width:680px){
	#sub_reservation .text_box {margin:0 0 0 0;}
	#sub_reservation h4 {font-size:24px;}
	#sub_reservation table th {padding:5px;font-size:14px;}
	#sub_reservation table td {padding:5px;font-size:14px;}
}

/* sub_location */
#sub_location {position:relative;display:inline-block;padding:100px 20px 150px 20px;width:100%;overflow:hidden;}
#sub_location .text_box {position:relative;float:left;margin:0 0 60px 0;width:100%;text-align:center;z-index:2;}
#sub_location .text_box h3 {padding:20px 0 20px 0;}
#sub_location .text_box p {font-size:22px;}
#sub_location .text_box p span {padding:0 20px;}
#sub_location .text_box p br {display:none;}
#sub_location .map {width:100%;}

#daumRoughmapContainer1762323029409{width:100%;}
#daumRoughmapContainer1762323029409 .wrap_map, #daumRoughmapContainer1762323029409 .map{height:500px;}
.root_daum_roughmap .wrap_controllers {display:none !important}

#daumRoughmapContainer1762323334530{width:100%;}
#daumRoughmapContainer1762323334530 .wrap_map, #daumRoughmapContainer1762323334530 .map{height:500px;}

@media all and (max-width:640px){
	#sub_location .text_box p {font-size:16px;}
	#sub_location .text_box p span {display:none;}
	#sub_location .text_box p br {display:block;}
	
	#daumRoughmapContainer1762323029409 .wrap_map, #daumRoughmapContainer1762323029409 .map{height:300px;}
	
	#daumRoughmapContainer1762323334530 .wrap_map, #daumRoughmapContainer1762323334530 .map{height:300px;}
}