/* BASIC css start */
#quickscroll.top {display:none !important;}
#footer {margin-top:0 !important;}

body .experience_wrap {position:relative; min-width:1350px; padding-top:140px; font-family:'Noto Sans CJK KR', sans-serif;}

.experience_wrap *,
.experience_wrap *:before,
.experience_wrap *:after {box-sizing:border-box;}

.experience_wrap .inner_center {width:1280px; padding:0 10px; margin:0 auto;}
.experience_wrap button span {visibility:visible;}

.experience_wrap .btn_reservation {position:fixed; bottom:60px; right:60px; width:250px; height:50px; border:1px solid #222; border-radius:25px; color:#222; font-size:18px; line-height:48px; font-weight:500; text-align:center; z-index:50;}
.experience_wrap .btn_reservation.absolute {position:absolute;}
.experience_wrap .btn_reservation:hover {border-color:#f96512; background:#f96512; color:#fff;}

.experience_wrap .title {text-align:center;}
.experience_wrap .title .en {display:block; color:#222; font-size:24px; line-height:29px; font-weight:500;}
.experience_wrap .title .ko {display:inline-block; position:relative; margin-top:17px; color:#222; font-size:45px; line-height:65px; font-weight:700;}
.experience_wrap .title .ko .subway_num {position:absolute; top:50%; right:-41px; width:27px; height:27px; margin-top:-14px; border-radius:100%; background:#000; color:#fff; font-size:18px; line-height:26px; font-weight:500; letter-spacing:-0.45px; text-align:center;}
.experience_wrap .title_p {margin-top:50px; color:#222; font-size:18px; line-height:36px; font-weight:400; text-align:center;}
.experience_wrap .bg_9 {background:#d2a42b !important;}
.experience_wrap .color_9 {color:#d2a42b !important;}

.experience_visual {height:980px; background:url('/design/sleepgongg/img/web/newnew/main_pc_re.jpg') no-repeat center center; text-align:center;}
.experience_visual .title {padding-top:210px; color:#222; font-size:24px; line-height:36px; font-weight:500;}
.experience_visual .title_p {margin-top:20px; color:#222; font-size:52px; line-height:75px; font-weight:700;}

.experience_tab {position:relative; border-top:7px solid #fafafa; background:#fff; text-align:center; z-index:20;}
.experience_tab:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#efeeee;}
.experience_tab ul {font-size:0; line-height:0;}
.experience_tab ul li {display:inline-block; width:300px;}
.experience_tab ul li a {display:block; position:relative; border-bottom:2px solid #efeeee; color:#222; font-size:31px; line-height:89px; font-weight:400;}
.experience_tab ul li a.active {border-bottom:2px solid #f96512; color:#f96512; font-weight:700;}
.experience_tab ul li a .ico {position:absolute; top:10px; left:50%; width:40px; margin-left:-20px; color:#f96512; font-size:14px; line-height:18px; font-weight:600; letter-spacing:-0.7px; text-align:center;}
.experience_tab.fix {position:fixed; top:100px; right:0; left:0; min-width:1350px; z-index:21;}
.experience_tab.fix + .experience_address {margin-top:-99px;}
.experience_tab.fix + .experience_address .inner_center {padding-top:198px;}

.experience_address {padding:120px 0 100px;}
.experience_address .map_addr {margin-top:90px;}
.experience_address .map_addr:after {content:''; display:block; clear:both;}
.experience_address .map_addr .map_box {float:left; width:630px; height:451px; background:#eee; overflow:hidden;}
.experience_address .map_addr .addr_box {padding-left:690px;}
.experience_address .map_addr .addr_box .addr_info {display:flex; flex-wrap:wrap; align-content:center; height:451px;}
.experience_address .map_addr .addr_box .addr_info li {position:relative; width:100%; margin:20px 0; padding:10px 0 10px 55px; color:#222; font-size:20px; line-height:29px; font-weight:700; letter-spacing:-0.5px;}
.experience_address .map_addr .addr_box .addr_info li:before {content:''; position:absolute; top:5px; left:0; width:40px; height:40px; background-repeat:no-repeat; background-position:center center;}
.experience_address .map_addr .addr_box .addr_info li .s_size {font-size:18px; font-weight:500; letter-spacing:-0.4px;}
.experience_address .map_addr .addr_box .addr_info li .hint {margin-top:18px; font-size:14px; line-height:20px; font-weight:400; letter-spacing:-0.35px;}
.experience_address .map_addr .addr_box .addr_info li.ico_location:before {background-image:url('/design/sleepgongg/img/web/newnew/ico_map_location.png');}
.experience_address .map_addr .addr_box .addr_info li.ico_subway:before {background-image:url('/design/sleepgongg/img/web/newnew/ico_map_subway.png');}
.experience_address .map_addr .addr_box .addr_info li.ico_telephone:before {background-image:url('/design/sleepgongg/img/web/newnew/ico_map_telephone.png');}
.experience_address .map_addr .addr_box .addr_info li.ico_parking:before {background-image:url('/design/sleepgongg/img/web/newnew/ico_map_parking.png');}

.experience_reservation {padding:150px 0 168px; background:#fbfbfb;}
.experience_reservation .time_box {display:flex; justify-content:center; margin-top:110px;}
.experience_reservation .time_box li {margin:0 39px;}
.experience_reservation .time_box li .inbox {width:280px; height:280px; padding:0 25px; border:2px solid #e5e5e5; border-top:2px solid #757575; text-align:center;}
.experience_reservation .time_box li .inbox .titbox {padding:18px 0; border-bottom:2px solid #e5e5e5;}
.experience_reservation .time_box li .inbox .titbox .tit {display:inline-block; padding:2px 0 0 45px; font-size:20px; line-height:28px; font-weight:500; vertical-align:top;}
.experience_reservation .time_box li .inbox .titbox .tit .s_size {font-size:16px;}
.experience_reservation .time_box li .inbox .titbox .tit.ico_calendar {background:url('/design/sleepgongg/img/web/newnew/ico_center_calendar.png') no-repeat 0 0; color:#222;}
.experience_reservation .time_box li .inbox .titbox .tit.ico_time {background:url('/design/sleepgongg/img/web/newnew/ico_center_time.png') no-repeat 0 0; color:#757575;}
.experience_reservation .time_box li .inbox .contbox {padding-top:24px;}
.experience_reservation .time_box li .inbox .contbox .txt_time {color:#222; font-size:20px; line-height:30px; font-weight:500;}
.experience_reservation .time_box li .inbox .contbox .txt_hint {margin-top:2px; color:#a6a6a6; font-size:12px; line-height:17px; font-weight:400;}
.experience_reservation .time_box li .inbox .contbox .btn_go {display:block; width:200px; height:50px; margin:15px auto 0; border:2px solid #f96512; border-radius:25px; background:#f96512; color:#fff; font-size:20px; line-height:46px; font-weight:700; text-align:center;}
.experience_reservation .time_box li .inbox .contbox .btn_go:hover {background:none; color:#f96512;}
.experience_reservation .time_box li .inbox .contbox .btn_hint {margin-top:8px; color:#f96512; font-size:12px; line-height:17px; font-weight:400;}
.experience_reservation .time_box li .inbox .contbox .txt_ellipsis {margin-top:10px; color:#a6a6a6; font-size:20px; line-height:29px; font-weight:400;}
.experience_reservation .time_box li .inbox .contbox .txt_gray {margin-top:10px; color:#a6a6a6; font-size:14px; line-height:22px; font-weight:400;}

.experience_gallery {padding:100px 0 110px;}
.experience_gallery .gallery_flex {display:flex; justify-content:center; margin-top:55px;}
.experience_gallery .gallery_flex .bigimg_swiper {position:relative; width:632px; height:632px; padding:40px;}
.experience_gallery .gallery_flex .bigimg_swiper .swiper-container {border-radius:10px;}
.experience_gallery .gallery_flex .bigimg_swiper .bigimg {width:552px; height:552px; border-radius:10px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.experience_gallery .gallery_flex .bigimg_swiper .swiper-button-prev {position:absolute; top:50%; left:0; width:80px; height:80px; margin-top:-40px; border-radius:100%; background:url('/design/sleepgongg/img/web/newnew/btn_swp_white_prev.png') no-repeat center center rgba(0,0,0,0.1);}
.experience_gallery .gallery_flex .bigimg_swiper .swiper-button-next {position:absolute; top:50%; right:0; width:80px; height:80px; margin-top:-40px; border-radius:100%; background:url('/design/sleepgongg/img/web/newnew/btn_swp_white_next.png') no-repeat center center rgba(0,0,0,0.1);}
.experience_gallery .gallery_flex .bigimg_swiper .swiper-button-prev:hover,
.experience_gallery .gallery_flex .bigimg_swiper .swiper-button-next:hover {background-color:rgba(249,101,18,1);}
.experience_gallery .gallery_flex .thumbnail_swiper {position:relative; width:376px; height:632px; padding:34px 0; margin-left:90px;}
.experience_gallery .gallery_flex .thumbnail_swiper .swiper-container {width:100%; height:100%;}
.experience_gallery .gallery_flex .thumbnail_swiper .thumbnail_group {overflow:hidden;}
.experience_gallery .gallery_flex .thumbnail_swiper .thumbnail_group li {float:left; padding:6px;}
.experience_gallery .gallery_flex .thumbnail_swiper .thumbnail_group .thumbnail_item {position:relative; width:176px; height:176px; border-radius:10px; background-repeat:no-repeat; background-position:center center; background-size:cover; cursor:pointer;}
.experience_gallery .gallery_flex .thumbnail_swiper .thumbnail_group .thumbnail_item:before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.2); border-radius:10px; transition:.2s;}
.experience_gallery .gallery_flex .thumbnail_swiper .thumbnail_group .thumbnail_item.active:before {border:1px solid #f96512; background:rgba(0,0,0,0);}
.experience_gallery .gallery_flex .thumbnail_swiper .swiper-button-prev {position:absolute; bottom:auto; top:7px; right:auto; left:50%; width:30px; height:20px; margin:0 0 0 -15px; background:url('/design/sleepgongg/img/web/newnew/btn_center_up.png') no-repeat center center;}
.experience_gallery .gallery_flex .thumbnail_swiper .swiper-button-next {position:absolute; bottom:7px; top:auto; right:auto; left:50%; width:30px; height:20px; margin:0 0 0 -15px; background:url('/design/sleepgongg/img/web/newnew/btn_center_down.png') no-repeat center center;}
.experience_gallery .gallery_flex .thumbnail_swiper .swiper-button-next.swiper-button-disabled,
.experience_gallery .gallery_flex .thumbnail_swiper .swiper-button-prev.swiper-button-disabled {display:none;}

.experience_gallery .gallery_flex .thumbnail_swiper .swiper-button-prev,
.experience_gallery .gallery_flex .thumbnail_swiper .swiper-button-next {animation:btnjump .5s infinite; animation-direction:alternate; -webkit-animation:btnjump .5s infinite; -webkit-animation-direction:alternate;}
@keyframes btnjump
{
	from {transform:translateY(-5px);}
	to {transform:translateY(5px);}
}
@-webkit-keyframes btnjump
{
	from {transform:translateY(-5px);}
	to {transform:translateY(5px);}
}

.experience_review {padding:153px 0 174px; background:#f3f1eb; overflow:hidden;}
.experience_review .review_swiper {position:relative; width:1340px; height:410px; padding:0 40px; margin:120px auto 0;}
.experience_review .review_swiper .swiper-container {overflow:visible;}
.experience_review .review_swiper .swiper-slide {opacity:0.5; transition:opacity .3s;}
.experience_review .review_swiper .swiper-slide-active,
.experience_review .review_swiper .swiper-slide-prev,
.experience_review .review_swiper .swiper-slide-next {opacity:1;}
.experience_review .review_swiper .inbox {height:410px; padding:45px 45px 0; border-radius:10px; box-shadow:0 0 10px 0 rgba(0,0,0,0.1); background:#fff;}
.experience_review .review_swiper .inbox .review_ratingbox {overflow:hidden;}
.experience_review .review_swiper .inbox .review_ratingbox .review_rating {font-size:20px; line-height:20px; font-weight:500; text-align:left; letter-spacing:-1.05px;}
.experience_review .review_swiper .inbox .review_ratingbox .review_rating span {color:rgba(0,0,0,0.5);}
.experience_review .review_swiper .inbox .review_ratingbox .review_rating span.on {color:#f96512;}
.experience_review .review_swiper .inbox .review_ratingbox .review_user {margin-top:15px; color:#707070; font-size:11px; line-height:16px; font-weight:400;}
.experience_review .review_swiper .inbox .review_ratingbox .review_user .place {margin-left:10px; color:#222; font-weight:700;}
.experience_review .review_swiper .inbox .review_title {margin-top:26px; max-height:58px; color:#222; font-size:20px; line-height:29px; font-weight:700; letter-spacing:-1px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden;}
.experience_review .review_swiper .inbox .review_p {max-height:130px; margin-top:19px; color:#222; font-size:16px; line-height:26px; font-weight:300; letter-spacing:-0.8px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow: hidden;}
.experience_review .review_swiper .inbox .btntxt {margin-top:10px; text-align:right;}
.experience_review .review_swiper .inbox .btntxt .btn_more {color:#9d9d9d; font-size:17px; line-height:25px; font-weight:400;}
.experience_review .review_swiper .swiper-button-prev {position:absolute; top:50%; left:0; width:80px; height:80px; margin-top:-40px; border-radius:100%; background:url('/design/sleepgongg/img/web/newnew/btn_swp_white_prev.png') no-repeat center center rgba(0,0,0,0.1);}
.experience_review .review_swiper .swiper-button-next {position:absolute; top:50%; right:0; width:80px; height:80px; margin-top:-40px; border-radius:100%; background:url('/design/sleepgongg/img/web/newnew/btn_swp_white_next.png') no-repeat center center rgba(0,0,0,0.1);}
.experience_review .review_swiper .swiper-button-prev:hover,
.experience_review .review_swiper .swiper-button-next:hover {background-color:rgba(249,101,18,1);}

.experience_consulting {padding:150px 0 195px; background:#fafafa;}
.experience_consulting .consulting_flex {display:flex; justify-content:space-between; width:1000px; margin:100px auto 0;} /*1260px*/
.experience_consulting .consulting_flex .inbox {position:relative; width:280px; height:420px; padding:230px 30px 0 30px; border-radius:10px; background-repeat:no-repeat; background-position:center center; background-size:cover; color:#fff;}
.experience_consulting .consulting_flex .inbox .circle_orange {display:flex; justify-content:center; align-items:center; position:absolute; top:16px; right:14px; width:87px; height:87px; border-radius:100%; background-image: linear-gradient(to bottom, #f28e26, #fd644f); box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16); color:#fff; font-size:18px; line-height:22px; text-align:center; letter-spacing:-0.9px;}
.experience_consulting .consulting_flex .inbox .circle_green {display:flex; justify-content:center; align-items:center; position:absolute; top:16px; right:14px; width:87px; height:87px; border-radius:100%; background-image: linear-gradient(to bottom, #98e05f, #0de3ac); box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16); color:#fff; font-size:18px; line-height:22px; text-align:center; letter-spacing:-0.9px;}
.experience_consulting .consulting_flex .inbox .num {font-size:50px; line-height:61px; font-weight:500; font-family:'Montserrat';}
.experience_consulting .consulting_flex .inbox .txt01 {margin-top:14px; font-size:22px; line-height:32px; font-weight:400; letter-spacing:-1.1px; font-family:'Montserrat','Noto Sans CJK KR';}
.experience_consulting .consulting_flex .inbox .txt01 .s_size {display:inline-block; margin-left:10px; font-size:14px; line-height:32px; font-weight:500; letter-spacing:-0.7px; vertical-align:top;}
.experience_consulting .consulting_flex .inbox .txt02 {font-size:30px; line-height:44px; font-weight:700; letter-spacing: -1.5px;}

.experience_confirm {padding:100px 0;}
.experience_confirm .confirm_wrap {display:flex; width:1260px; margin:0 auto;}
.experience_confirm .confirm_wrap .title {padding-right:50px; text-align:left;}
.experience_confirm .confirm_wrap .title .en {font-size:27px; line-height:55px; font-weight:400;}
.experience_confirm .confirm_wrap .title .ko {margin-top:0; font-size:40px; line-height:55px; font-weight:700;}
.experience_confirm .confirm_wrap .itembox {padding:0 50px; border-left:1px solid #e5e5e5;}
.experience_confirm .confirm_wrap .itembox:last-child {padding-right:0;}
.experience_confirm .confirm_wrap .itembox .tit {position:relative; color:#222; font-size:22px; line-height:32px; font-weight:700; letter-spacing:-1.1px;}
.experience_confirm .confirm_wrap .itembox .tit .alert {position:absolute; top:100%; left:0; margin-top:6px; color:#f96512; font-size:14px; line-height:20px; font-weight:700;}
.experience_confirm .confirm_wrap .itembox .txt {margin-top:60px; color:#222; font-size:18px; line-height:26px; font-weight:400;}
.experience_confirm .confirm_wrap .itembox .txt .s_size {display:block; margin-top:4px; font-size:14px; line-height:20px;}
.experience_confirm .confirm_wrap .itembox .hint {position:relative; padding-left:8px; margin-top:29px; color:#222; font-size:14px; line-height:18px; font-weight:400;}
.experience_confirm .confirm_wrap .itembox .hint:before {content:'*'; position:absolute; top:0; left:0;}
.experience_confirm .confirm_wrap .itembox .txt_note {margin-top:64px; color:#222; font-size:14px; line-height:23px; font-weight:400;}
.experience_confirm .confirm_wrap .itembox .txt_note li {position:relative; padding-left:8px; }
.experience_confirm .confirm_wrap .itembox .txt_note li:before {content:'-'; position:absolute; top:0; left:0;}

.experience_viewer {padding:150px 0 180px; background:#fffaf4;}
.experience_viewer .title {color:#222; font-size:45px; line-height:65px; font-weight:700;}
.experience_viewer .swiper_viewer {position:relative; width:1260px; height:434px; padding-right:398px; margin:150px auto 0; overflow:hidden;}
.experience_viewer .swiper_viewer .swiper-container {overflow:visible;}
.experience_viewer .swiper_viewer .inbox {position:relative; width:398px; height:159px; transition:.6s; cursor:pointer;}
.experience_viewer .swiper_viewer .inbox .img {position:absolute; top:0; right:108px; width:184px; height:119px; background-repeat:no-repeat; background-position:center center; background-size:contain; transition:.6s;}
.experience_viewer .swiper_viewer .inbox .img.imgHover {z-index:15;}
.experience_viewer .swiper_viewer .inbox .img .hoverimg {display:none; position:absolute; top:85px; right:59px; width:124px; height:124px; border:3px solid #fff; border-radius:100%; box-shadow:0 5px 15px rgba(0,0,0,0.15); background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden; opacity:0;}
.experience_viewer .swiper_viewer .inbox .txt_info {position:absolute; top:135px; left:0; width:100%; color:#222; text-align:left;}
.experience_viewer .swiper_viewer .inbox .txt_info .tit {font-size:16px; line-height:24px; font-weight:600; text-align:center;  transition:.3s;}
.experience_viewer .swiper_viewer .inbox .txt_info .infobox {display:none; margin:20px 0;}
.experience_viewer .swiper_viewer .inbox .txt_info .infobox:after {content:''; display:block; clear:both;}
.experience_viewer .swiper_viewer .inbox .txt_info .infobox dt {float:left; width:68px; font-size:14px; line-height:30px; font-weight:700;}
.experience_viewer .swiper_viewer .inbox .txt_info .infobox dd {padding-left:68px; font-size:14px; line-height:30px; font-weight:400;}
.experience_viewer .swiper_viewer .inbox .txt_info .btnbox {display:none;}
.experience_viewer .swiper_viewer .inbox .txt_info .btnbox .btn_go {display:block; width:160px; height:50px; border:1px solid #000; border-radius:25px; color:#000; font-size:16px; line-height:48px; font-weight:500; text-align:center;}
.experience_viewer .swiper_viewer .inbox .txt_info .btnbox .btn_go:hover {border-color:#f96512; background:#f96512; color:#fff;}

.experience_viewer .swiper_viewer .swiper-slide-active .inbox {width:100%; height:408px; cursor:auto;}
.experience_viewer .swiper_viewer .swiper-slide-active .inbox .img {right:0; width:465px; height:278px;}
.experience_viewer .swiper_viewer .swiper-slide-active .inbox .img:before {content:''; position:absolute; top:100%; left:50%; width:620px; height:100px; margin:0 0 0 -310px; background:url('/design/sleepgongg/img/web/newnew/bg_prd_gra.png') no-repeat center bottom;}
.experience_viewer .swiper_viewer .swiper-slide-active .inbox .img.imgHover .hoverimg {display:block; opacity:0; transition:opacity .3s;}
.experience_viewer .swiper_viewer .swiper-slide-active .inbox .img.imgHover:hover .hoverimg {opacity:1;}
.experience_viewer .swiper_viewer .swiper-slide-active .inbox .txt_info {top:0;}
.experience_viewer .swiper_viewer .swiper-slide-active .inbox .txt_info .tit {font-size:27px; line-height:39px; text-align:left;}
.experience_viewer .swiper_viewer .swiper-slide-active .inbox .txt_info .infobox,
.experience_viewer .swiper_viewer .swiper-slide-active .inbox .txt_info .btnbox {display:block;}

.experience_viewer .swiper-scrollbar {position:absolute; bottom:13px; left:0; right:108px; height:5px; border-radius:3px; background:#eeeeee;}
.experience_viewer .swiper-scrollbar .swiper-scrollbar-drag {background:#f96512; border-radius:3px;}
.experience_viewer .swiper-button-prev {position:absolute; top:auto; right:41px; bottom:0; left:auto; width:16px; height:26px; margin:0; background:url('/design/sleepgongg/img/web/newnew/btn_prdslide_prev_on.png') no-repeat center center;}
.experience_viewer .swiper-button-next {position:absolute; top:auto; right:0; bottom:0; left:auto; width:16px; height:26px; margin:0; background:url('/design/sleepgongg/img/web/newnew/btn_prdslide_next_on.png') no-repeat center center;}
.experience_viewer .swiper-button-next.swiper-button-disabled {opacity:1; background:url('/design/sleepgongg/img/web/newnew/btn_prdslide_next_off.png') no-repeat center center;}
.experience_viewer .swiper-button-prev.swiper-button-disabled {opacity:1; background:url('/design/sleepgongg/img/web/newnew/btn_prdslide_prev_off.png') no-repeat center center;}
/* BASIC css end */