@charset "utf-8";

html,body{background:#1c2b2d;}

#container{width:100%; overflow:hidden;}

.fieldBox{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; width:100%; height:auto; padding-top:250px; padding-bottom:180px; background:#2c3233;}
.fieldBox h2{width:100%; height:auto; text-align:center; font-family: 'Jeju Myeongjo'; font-size:50px; font-weight:400; letter-spacing:0; line-height:1; color:#c99e67; margin-bottom:80px;}
.fieldList{display:flex; flex-wrap:wrap; align-content:flex-start; width:calc(100% - 50px); height:auto; max-width:1600px; margin:0 auto;}
.fieldList li{display:flex; align-items:center; flex-direction:row-reverse; width:100%; height:485px; overflow:hidden;}
.fieldList li .thumb{display:inline-block; width:50%; height:100%; overflow:hidden; position:relative;}
.fieldList li .thumb img{display:block; width:auto; max-width:none; height:100%; object-fit:cover; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.fieldList li dl{display:inline-block; width:50%; height:auto; text-align:left; padding-left:95px; padding-right:35px;}
.fieldList li dl dt{display:flex; align-items:center; width:100%; height:auto; font-family: 'Jeju Myeongjo'; font-size:40px; font-weight:400; letter-spacing:-0.04em; line-height:1; color:#fff;}
.fieldList li dl dt span{display:inline-block; flex-shrink:0; font-size:44px; font-weight:400; letter-spacing:0; line-height:1; color:#c99e67; margin-right:13px;}
.fieldList li dl dd{width:100%; height:auto; font-size:24px; font-weight:300; letter-spacing:-0.02em; line-height:1.416; color:#b0b5b6; margin-top:45px;}
.fieldList li dl dd.type2{padding-right:75px;}
.fieldList li dl dd div{display:flex; align-items:flex-start; width:100%; height:auto; font-weight:500; color:#fff; margin-top:30px;}
.fieldList li dl dd div + div{margin-top:0;}
.fieldList li dl dd div span{display:inline-block; flex-shrink:0; margin-right:0.25em;}
.fieldList li dl dd div p{display:inline-block;}
.fieldList li:nth-child(2n){flex-direction:row;}
.fieldList li:nth-child(2n) dl{padding-left:80px; padding-right:75px;}


.spaceTitle{width:100%; height:auto; text-align:center; padding:250px 25px 60px 25px; font-family: 'Jeju Myeongjo'; background:#fff;}
.spaceTitle .inBox{display:inline-block; text-align:right;}
.spaceTitle h2{font-size:50px; font-weight:400; letter-spacing:-0.04em; line-height:1.8; color:#c99e67;}
.spaceTitle h2 img{display:inline-block;}
.spaceTitle p{font-size:22px; font-weight:400; letter-spacing:-0.04em; line-height:1.454; color:#044750; margin-top:15px;}
.spaceTitle p.type2{margin-top:25px;}

.floorBg{width:100%; height:auto; background:url("/html/resource/img/loungs/sub/floor_bg.jpg") no-repeat center center/cover; padding:60px 0 180px 0;}
.floorBox{width:calc(100% - 50px); max-width:1470px; height:auto; margin:0 auto; position:relative;}
.floorBox .floorSlide{width:1200px; height:auto; overflow:hidden; position:relative; margin:0 auto;}
.floorBox .floorSlide .inSlide{width:100%; height:auto;}
.floorBox .floorSlide .inSlide .slideItem{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; height:auto;}
.floorBox .floorSlide .inSlide .slideItem .caption{width:100%; height:auto; text-align:left;}
.floorBox .floorSlide .inSlide .slideItem .caption strong{display:block; font-size:32px; font-weight:700; letter-spacing:-0.02em; line-height:1; color:#044750;}
.floorBox .floorSlide .inSlide .slideItem .caption p{font-size:18px; font-weight:400; letter-spacing:-0.02em; line-height:1; color:#757575; margin-top:20px;}
.floorBox .floorSlide .inSlide .slideItem img{width:100%; height:auto; margin-top:40px;}
.floorBox .floorSlide .floorPager{display:inline-block; position:absolute; top:33px; right:5px; font-family: 'Jeju Myeongjo'; font-size:23px; font-weight:400; letter-spacing:-0.02em; line-height:1; color:#738f93; z-index:3;}
.floorBox .floorSlide .floorPager strong{display:inline-block; font-size:42px; font-weight:400; letter-spacing:-0.02em; line-height:1; color:#044750;}
.floorBox .floorBtn{display:inline-block; width:94px; height:94px; border-radius:50%; background-color:rgba(255,255,255,.5); background-repeat:no-repeat; background-position:center center; background-size:27px 45px; box-shadow:0 0 6px rgba(0,0,0,.34); position:absolute; top:50%; transform:translateY(-50%); margin-top:55px;}
.floorBox .floorBtn.left{background-image:url("/html/resource/img/loungs/sub/floor_prev.png"); left:0;}
.floorBox .floorBtn.right{background-image:url("/html/resource/img/loungs/sub/floor_next.png"); right:0;}

.directionBg{width:100%; height:auto; background:url("/html/resource/img/loungs/sub/direction_bg.jpg") no-repeat center center/cover; padding:250px 0 180px 0;}
.directionBox{width:calc(100% - 50px); max-width:1600px; height:auto; margin:0 auto;}
.directionBox h2{font-family: 'Jeju Myeongjo'; font-size:50px; font-weight:400; letter-spacing:-0.04em; line-height:1; color:#c99e67; text-align:center; margin-bottom:80px;}
.directionBox .mapBox{width:100%; height:605px; position:relative; overflow:hidden; margin-bottom:20px;}
.directionBox .mapBox .root_daum_roughmap{width:100%; height:100%; position:absolute; top:0; left:0;}
.directionBox .mapBox .root_daum_roughmap .wrap_map{height:100% !important;}
.directionBox .infoBox{display:flex; justify-content:center; width:100%;}
.directionBox .infoBox .boxItem{display:inline-flex; justify-content:center; align-items:flex-start; width:calc(100% / 3); background:#173c40; position:relative; text-align:left; padding:60px 0;}
.directionBox .infoBox .boxItem::after{content:""; display:block; width:2px; height:190px; background:rgba(255,255,255,.2); position:absolute; top:50%; right:0; transform:translateY(-50%);}
.directionBox .infoBox .boxItem:last-child::after{display:none;}
.directionBox .infoBox .boxItem dl{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; max-width:380px; height:auto;}
.directionBox .infoBox .boxItem dl dt{width:100%; height:auto; font-size:30px; font-weight:700; letter-spacing:-0.02em; line-height:1; color:#c99e67;}
.directionBox .infoBox .boxItem dl dd{width:100%; height:auto; color:#fff; margin-top:25px;}
.directionBox .infoBox .boxItem address{display:block; font-size:30px; font-weight:700; letter-spacing:-0.02em; line-height:1.3;}
.directionBox .infoBox .boxItem .linkBox1{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; height:auto; margin-top:35px;}
.directionBox .infoBox .boxItem .linkBox1 a{display:flex; justify-content:space-between; align-items:center; width:100%; height:56px; border-radius:10px; padding:0 50px; text-align:left; font-size:22px; font-weight:500; letter-spacing:-0.02em; line-height:1;}
.directionBox .infoBox .boxItem .linkBox1 a + a{margin-top:10px;}
.directionBox .infoBox .boxItem .linkBox1 a div{display:inline-flex; align-items:center;}
.directionBox .infoBox .boxItem .linkBox1 a div .icon{display:inline-block; margin-right:9px;}
.directionBox .infoBox .boxItem .linkBox1 a span{display:inline-block; font-size:0;}
.directionBox .infoBox .boxItem .linkBox1 a.naver{color:#fff; background:#03c75a;}
.directionBox .infoBox .boxItem .linkBox1 a.kakao{color:#371c1d; background:#fae100;}
.directionBox .infoBox .boxItem .timeTable{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; height:auto;}
.directionBox .infoBox .boxItem .timeTable li{display:flex; align-items:flex-start; width:100%; height:auto; font-size:24px; font-weight:400; letter-spacing:-0.02em; line-height:1.25; color:#fff;}
.directionBox .infoBox .boxItem .timeTable li + li{margin-top:17px;}
.directionBox .infoBox .boxItem .timeTable li strong{display:inline-block; flex-shrink:0; font-weight:700; width:150px;}
.directionBox .infoBox .boxItem .timeTable li p{display:inline-block;}
.directionBox .infoBox .boxItem .timeTable li p span{color:#d6d6d6;}
.directionBox .infoBox .boxItem .holiday{font-size:24px; font-weight:400; letter-spacing:-0.02em; line-height:1; color:#c99e67; margin-top:35px;}
.directionBox .infoBox .boxItem .call{display:flex; flex-wrap:wrap; align-items:center; align-content:flex-start; width:100%; height:auto; font-size:30px; font-weight:400; letter-spacing:-0.02em; line-height:1; color:#cad0d1;}
.directionBox .infoBox .boxItem .call strong{display:block; width:100%; height:auto; font-size:50px; font-weight:700; letter-spacing:-0.02em; line-height:1; color:#c99e67; margin-bottom:15px;}
.directionBox .infoBox .boxItem .reserveText{width:100%; height:auto; font-size:24px; font-weight:400; letter-spacing:-0.02em; line-height:1.35; color:#fff; margin-top:20px;}
.directionBox .infoBox .boxItem .linkBox2{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; height:auto; margin-top:15px;}
.directionBox .infoBox .boxItem .linkBox2 a{display:flex; justify-content:space-between; align-items:center; width:100%; height:56px; border-radius:10px; padding:0 20px; text-align:left; font-size:26px; font-weight:700; letter-spacing:-0.02em; line-height:1; background:#c99e67; color:#044750;}
.directionBox .infoBox .boxItem .linkBox2 a + a{margin-top:10px;}
.directionBox .infoBox .boxItem .linkBox2 a div{display:inline-flex; align-items:center;}
.directionBox .infoBox .boxItem .linkBox2 a div .icon{display:inline-block; margin-right:60px;}
.directionBox .infoBox .boxItem .linkBox2 a span{display:inline-block; font-size:0;}
.directionBox .infoBox .boxItem .linkBox2 a.kakao{color:#371c1d; background:#f9e000;}

.introduceBg{width:100%; height:auto; padding:160px 25px 180px 25px; background:#044750; margin-top:60px;}
.introduceList{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; max-width:1600px; height:auto; margin:0 auto;}
.introduceList .listItem{display:flex; align-items:center; width:100%; height:auto; text-align:left;}
.introduceList .listItem + .listItem{margin-top:60px;}
.introduceList .listItem .thumb{display:inline-block; width:48.125%; flex-shrink:0;}
.introduceList .listItem .textBox{display:inline-block; margin-left:6.25%;}
.introduceList .listItem .textBox dt{display:flex; align-items:flex-start; width:100%; height:auto; font-family: 'Jeju Myeongjo';}
.introduceList .listItem .textBox dt span{display:inline-block; flex-shrink:0; font-size:44px; font-weight:400; letter-spacing:0; line-height:1; color:#c99e67; margin-right:15px;}
.introduceList .listItem .textBox dt p{display:inline-block; font-size:40px; font-weight:400; letter-spacing:-0.04em; line-height:44px; color:#fff;}
.introduceList .listItem .textBox dd{margin-top:45px; font-size:24px; font-weight:300; letter-spacing:-0.02em; line-height:1.416; color:#b0b5b6;}


@media (max-width:1470px) {
	.floorBox{padding:0 110px;}
	.floorBox .floorSlide{width:100%; max-width:1200px;}
	
	.fieldList li dl dd br.pcOnly{display:none;}
}

@media (max-width:1380px) {
	.introduceList .listItem .textBox{margin-left:40px;}
	.introduceList .listItem .textBox br.pcOnly{display:none;}
	
	.fieldList li dl{padding-left:40px; padding-right:40px;}
	.fieldList li dl dd.type2{padding-right:40px;}
	.fieldList li:nth-child(2n) dl{padding-left:40px; padding-right:40px;}
}

@media (max-width:1300px) {
	.directionBox .infoBox{flex-wrap:wrap; justify-content:flex-start; }
	.directionBox .infoBox .boxItem{width:calc(100% / 2);}
	.directionBox .infoBox .boxItem:nth-child(2)::after{display:none;}
	.directionBox .infoBox .boxItem:last-child::after{display:block; width:220px; height:2px; top:0; left:50%; transform:translateX(-50%);}
}

@media (max-width:1180px) {
	.floorBox{padding:0;}
	.floorBox .floorBtn{z-index:10;}
	.floorBox .floorBtn.left{left:50px;}
	.floorBox .floorBtn.right{right:50px;}
}

@media (max-width:1000px) {
	.fieldBox h2{font-size:54px; margin-bottom:80px;}
	.fieldList{display:flex; flex-wrap:wrap; align-content:flex-start; width:calc(100% - 50px); height:auto; max-width:1600px; margin:0 auto;}
	.fieldList li{flex-wrap:wrap; flex-direction:row; align-content:flex-start; justify-content:center; height:auto;}
	.fieldList li + li{margin-top:100px;}
	.fieldList li .thumb{display:flex; justify-content:center; width:100%; height:auto;}
	.fieldList li .thumb img{width:auto; max-width:100%; height:auto; object-fit:unset; position:unset; top:unset; left:unset; transform:unset;}
	.fieldList li dl{width:100%; max-width:800px; height:auto; text-align:left; padding-left:0; padding-right:0; margin-top:50px;}
	.fieldList li dl dt{font-size:44px;}
	.fieldList li dl dt span{font-size:48px; margin-right:13px;}
	.fieldList li dl dd{font-size:28px; margin-top:45px;}
	.fieldList li dl dd.type2{padding-right:0;}
	.fieldList li dl dd div{margin-top:30px;}
	.fieldList li:nth-child(2n) dl{padding-left:0; padding-right:0;}
	
	.spaceTitle{padding:250px 25px 60px 25px;}
	.spaceTitle h2{font-size:54px;}
	.spaceTitle p{font-size:26px; margin-top:15px;}
	.spaceTitle p.type2{margin-top:25px;}
	
	.floorBg{padding:60px 0 180px 0;}
	.floorBox{width:calc(100% - 50px);}
	.floorBox .floorSlide .inSlide .slideItem .caption{padding-right:80px;}
	.floorBox .floorSlide .inSlide .slideItem .caption strong{font-size:36px;}
	.floorBox .floorSlide .inSlide .slideItem .caption p{font-size:22px; margin-top:15px; line-height:1.4;}
	.floorBox .floorSlide .inSlide .slideItem img{margin-top:40px;}
	.floorBox .floorSlide .floorPager{top:85px; right:5px; font-size:27px;}
	.floorBox .floorSlide .floorPager strong{font-size:46px;}
	.floorBox .floorBtn{width:94px; height:94px;background-size:27px 45px; box-shadow:0 0 6px rgba(0,0,0,.34); margin-top:59px;}
	.floorBox .floorBtn.left{left:25px;}
	.floorBox .floorBtn.right{right:25px;}
	
	.directionBg{padding:250px 0 180px 0;}
	.directionBox{width:calc(100% - 50px);}
	.directionBox h2{font-size:54px; margin-bottom:80px;}
	.directionBox .mapBox{height:605px; margin-bottom:20px;}
	.directionBox .infoBox{flex-wrap:wrap; align-content:stretch;}
	.directionBox .infoBox .boxItem{width:100%; padding:60px 35px;}
	.directionBox .infoBox .boxItem:nth-child(2)::after, .directionBox .infoBox .boxItem:last-child::after{display:block; width:450px; height:2px; top:0; right:unset; left:50%; transform:translateX(-50%);}
	.directionBox .infoBox .boxItem:first-child::after{display:none;}
	.directionBox .infoBox .boxItem dl{max-width:750px;}
	.directionBox .infoBox .boxItem dl dt{font-size:34px;}
	.directionBox .infoBox .boxItem dl dd{margin-top:25px;}
	.directionBox .infoBox .boxItem address{font-size:34px;}
	.directionBox .infoBox .boxItem .linkBox1{margin:35px auto 0 auto; max-width:450px;}
	.directionBox .infoBox .boxItem .linkBox1 a{height:60px; border-radius:10px; padding:0 50px; font-size:26px;}
	.directionBox .infoBox .boxItem .linkBox1 a + a{margin-top:10px;}
	.directionBox .infoBox .boxItem .linkBox1 a div .icon{margin-right:9px;}
	.directionBox .infoBox .boxItem .timeTable li{font-size:28px;}
	.directionBox .infoBox .boxItem .timeTable li + li{margin-top:17px;}
	.directionBox .infoBox .boxItem .timeTable li strong{width:190px;}
	.directionBox .infoBox .boxItem .holiday{font-size:28px; margin-top:35px;}
	.directionBox .infoBox .boxItem .call{font-size:34px;}
	.directionBox .infoBox .boxItem .call strong{font-size:54px; margin-bottom:15px;}
	.directionBox .infoBox .boxItem .reserveText{font-size:28px; margin-top:20px;}
	.directionBox .infoBox .boxItem .linkBox2{margin:35px auto 0 auto; max-width:450px;}
	.directionBox .infoBox .boxItem .linkBox2 a{height:60px; border-radius:10px; padding:0 20px; font-size:30px;}
	.directionBox .infoBox .boxItem .linkBox2 a + a{margin-top:10px;}
	.directionBox .infoBox .boxItem .linkBox2 a div .icon{margin-right:60px;}
	
	.introduceBg{padding:160px 25px 180px 25px; margin-top:60px;}
	.introduceList{max-width:770px;}
	.introduceList .listItem{flex-wrap:wrap; align-content:flex-start;}
	.introduceList .listItem + .listItem{margin-top:100px;}
	.introduceList .listItem .thumb{width:100%;}
	.introduceList .listItem .textBox{width:100%; margin-left:0; margin-top:60px;}
	.introduceList .listItem .textBox dt span{font-size:48px; margin-right:15px;}
	.introduceList .listItem .textBox dt p{font-size:44px; line-height:48px;}
	.introduceList .listItem .textBox dd{margin-top:45px; font-size:28px;}
}

@media (max-width:768px) {
	.fieldBox{padding-top:32.55208vw; padding-bottom:23.43750vw;}
	.fieldBox h2{font-size:7.55208vw; margin-bottom:10.41667vw;}
	.fieldList{width:calc(100% - 6.51042vw);}
	.fieldList li + li{margin-top:13.02083vw;}
	.fieldList li dl{margin-top:6.51042vw;}
	.fieldList li dl dt{font-size:6.25000vw;}
	.fieldList li dl dt span{font-size:6.77083vw; margin-right:1.69271vw;}
	.fieldList li dl dd{font-size:4.16667vw; margin-top:5.85938vw;}
	.fieldList li dl dd div{margin-top:3.90625vw;}
	
	.spaceTitle{padding:32.55208vw 3.25521vw 7.81250vw 3.25521vw;}
	.spaceTitle h2{font-size:7.03125vw;}
	.spaceTitle h2 img{width:74.47917vw; height:auto;}
	.spaceTitle p{font-size:3.90625vw; margin-top:1.95313vw;}
	.spaceTitle p.type2{margin-top:3.25521vw;}
	
	.floorBg{padding:7.81250vw 0 23.43750vw 0;}
	.floorBox{width:calc(100% - 6.51042vw);}
	.floorBox .floorSlide .inSlide .slideItem .caption{padding-right:13.02083vw;}
	.floorBox .floorSlide .inSlide .slideItem .caption strong{font-size:5.20833vw;}
	.floorBox .floorSlide .inSlide .slideItem .caption p{font-size:3.38542vw; margin-top:1.95313vw; line-height:1.4;}
	.floorBox .floorSlide .inSlide .slideItem img{margin-top:5.20833vw;}
	.floorBox .floorSlide .floorPager{top:11.71875vw; right:0.65104vw; font-size:4.03646vw;}
	.floorBox .floorSlide .floorPager strong{font-size:6.51042vw;}
	.floorBox .floorBtn{width:12.23958vw; height:12.23958vw; background-size:3.51563vw 5.85938vw; box-shadow:0 0 0.78125vw rgba(0,0,0,.34); margin-top:8.72396vw;}
	.floorBox .floorBtn.left{left:3.25521vw;}
	.floorBox .floorBtn.right{right:3.25521vw;}
	
	.directionBg{padding:32.55208vw 0 23.43750vw 0;}
	.directionBox{width:calc(100% - 6.51042vw);}
	.directionBox h2{font-size:7.55208vw; margin-bottom:10.41667vw;}
	.directionBox .mapBox{height:78.77604vw; margin-bottom:2.60417vw;}
	.directionBox .infoBox .boxItem{padding:7.81250vw 5.85938vw;}
	.directionBox .infoBox .boxItem:nth-child(2)::after, .directionBox .infoBox .boxItem:last-child::after{width:58.59375vw; height:0.26042vw;}
	.directionBox .infoBox .boxItem dl dt{font-size:4.94792vw;}
	.directionBox .infoBox .boxItem dl dd{margin-top:3.25521vw;}
	.directionBox .infoBox .boxItem address{font-size:4.94792vw;}
	.directionBox .infoBox .boxItem .linkBox1{margin:4.55729vw auto 0 auto; max-width:58.59375vw;}
	.directionBox .infoBox .boxItem .linkBox1 a{height:8.33333vw; border-radius:1.30208vw; padding:0 6.51042vw; font-size:3.90625vw;}
	.directionBox .infoBox .boxItem .linkBox1 a + a{margin-top:1.30208vw;}
	.directionBox .infoBox .boxItem .linkBox1 a div .icon{width:5.85938vw; height:auto; margin-right:1.17188vw;}
	.directionBox .infoBox .boxItem .linkBox1 a span img{width:1.17188vw; height:auto;}
	.directionBox .infoBox .boxItem .timeTable li{font-size:4.16667vw;}
	.directionBox .infoBox .boxItem .timeTable li + li{margin-top:2.21354vw;}
	.directionBox .infoBox .boxItem .timeTable li strong{width:27.99479vw;}
	.directionBox .infoBox .boxItem .holiday{font-size:4.16667vw; margin-top:4.55729vw;}
	.directionBox .infoBox .boxItem .call{font-size:4.94792vw;}
	.directionBox .infoBox .boxItem .call strong{font-size:7.55208vw; margin-bottom:1.95313vw;}
	.directionBox .infoBox .boxItem .reserveText{font-size:4.16667vw; margin-top:2.60417vw;}
	.directionBox .infoBox .boxItem .linkBox2{margin:4.55729vw auto 0 auto; max-width:58.59375vw;}
	.directionBox .infoBox .boxItem .linkBox2 a{height:8.33333vw; border-radius:1.30208vw; padding:0 2.60417vw; font-size:4.42708vw;}
	.directionBox .infoBox .boxItem .linkBox2 a + a{margin-top:1.30208vw;}
	.directionBox .infoBox .boxItem .linkBox2 a div .icon{width:4.81771vw; height:auto; margin-right:7.81250vw;}
	.directionBox .infoBox .boxItem .linkBox2 a span img{width:1.17188vw; height:auto;}
	
	.introduceBg{padding:20.83333vw 3.25521vw 23.43750vw 3.25521vw; margin-top:7.81250vw;}
	.introduceList .listItem + .listItem{margin-top:13.02083vw;}
	.introduceList .listItem .textBox{margin-top:7.81250vw;}
	.introduceList .listItem .textBox dt span{font-size:6.77083vw; margin-right:1.95313vw;}
	.introduceList .listItem .textBox dt p{font-size:6.25000vw; line-height:6.77083vw;}
	.introduceList .listItem .textBox dd{margin-top:5.85938vw; font-size:4.16667vw;}
}