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

body .experience_wrap { position:relative; width:100%; font-family:'Noto Sans CJK KR', sans-serif; overflow:hidden; } 

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

.experience_wrap button span { visibility:visible; } 

.experience_wrap .btn_reservation { position:fixed; bottom:30px; left:50%; width:250px; height:50px; margin-left:-125px; border:1px solid #f96512; border-radius:25px; background:#f96512; color:#fff; font-size:18px; line-height:48px; font-weight:500; text-align:center; z-index:25; } 
.experience_wrap .btn_reservation.absolute { position:absolute; z-index: 19; } 

.experience_wrap .title { text-align:left; } 
.experience_wrap .title .en { display:block; color:#222; font-size:16px; line-height:19px; font-weight:500; letter-spacing: -0.4px; } 
.experience_wrap .title .ko { display:inline-block; position:relative; margin-top:7px; color:#222; font-size:24px; line-height:35px; font-weight:700; } 
.experience_wrap .title .ko .subway_num { position:absolute; top:50%; right:-23px; width:16px; height:16px; margin-top:-8px; border-radius:100%; background:#000; color:#fff; font-size:10px; line-height:16px; font-weight:500; letter-spacing: -0.25px; text-align:center; } 
.experience_wrap .title_p { margin-top:35px; color:#222; font-size:15px; line-height:24px; font-weight:300; text-align:left; } 
.experience_wrap .title_p .s_size { display:block; margin-top:1px; font-size:11px; line-height:18px; font-weight:300; } 
.experience_wrap .bg_9 { background:#d2a42b !important; } 
.experience_wrap .color_9 { color:#d2a42b !important; } 

.experience_visual { height:710px; padding:0 30px; background:url('https://sleepgongg.img9.kr/design/ui/2021_experience/main_mo.png') no-repeat center center; background-size:cover; } 
.experience_visual .title { padding-top:150px; color:#222; font-size:14px; line-height:20px; font-weight:500; } 
.experience_visual .title_p { margin-top:20px; color:#222; font-size:28px; line-height:40px; font-weight:700; } 

.experience_tab { position:relative; border-top:5px 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 { display:flex; } 
.experience_tab ul li { width:100%; } 
.experience_tab ul li a { display:block; position:relative; height:56px; border-bottom:2px solid #efeeee; color:#222; font-size:22px; line-height:58px; 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:5px; left:50%; width:40px; margin-left:-20px; color:#f96512; font-size:10px; line-height:13px; font-weight:600; letter-spacing:-0.5px; text-align:center; } 
.experience_tab.fix { position:fixed; top:71px; right:0; left:0; } 
.experience_tab.fix.down { transform: translateY(50px); transition: transform linear 0.3s; } 
.experience_tab.fix + .experience_address { margin-top:61px; } 

.experience_address { padding:60px 30px 100px; } 
.experience_address .map_addr { margin-top:25px; } 
.experience_address .map_addr .map_box { position:relative; height:205px; background:#eee; overflow:hidden; z-index:5; } 
.experience_address .map_addr .map_box .root_daum_roughmap { width:100%; } 
.experience_address .map_addr .addr_box { margin-top:10px; } 
.experience_address .map_addr .addr_box .addr_info { word-break:keep-all; } 
.experience_address .map_addr .addr_box .addr_info li { position:relative; min-height:30px; padding-left:52px; margin-top:20px; color:#222; font-size:14px; line-height:20px; font-weight:700; letter-spacing:-0.35px; } 
.experience_address .map_addr .addr_box .addr_info li:before { content:''; position:absolute; top:0; left:0; width:26px; height:26px; background-repeat:no-repeat; background-position:center center; } 
.experience_address .map_addr .addr_box .addr_info li .s_size { font-size:11px; line-height:16px; font-weight:500; letter-spacing:-0.28px; } 
.experience_address .map_addr .addr_box .addr_info li .fw_normal { font-weight:400; } 
.experience_address .map_addr .addr_box .addr_info li .hint { margin-top:10px; font-size:11px; line-height:18px; font-weight:400; letter-spacing:-0.28px; } 
.experience_address .map_addr .addr_box .addr_info li.ico_location:before { background-image:url('/design/sleepgongg/img/web/newnew/ico_map_location.png'); background-size:18px; } 
.experience_address .map_addr .addr_box .addr_info li.ico_subway:before { background-image:url('/design/sleepgongg/img/web/newnew/ico_map_subway.png'); background-size:18px; } 
.experience_address .map_addr .addr_box .addr_info li.ico_telephone:before { background-image:url('/design/sleepgongg/img/web/newnew/ico_map_telephone.png'); background-size:18px; } 
.experience_address .map_addr .addr_box .addr_info li.ico_parking:before { background-image:url('/design/sleepgongg/img/web/newnew/ico_map_parking.png'); background-size:19px; } 

.experience_reservation { padding:74px 30px 104px; background:#fbfbfb; } 
.experience_reservation .time_box { display:flex; justify-content:center; margin-top:52px; } 
.experience_reservation .time_box li { width:calc(50% - 5px); } 
.experience_reservation .time_box li + li { margin-left:10px; } 
.experience_reservation .time_box li .inbox { width:100%; min-height:220px; padding:0 10px; border:1px solid #e5e5e5; border-top:1px solid #757575; text-align:center; } 
.experience_reservation .time_box li .inbox .titbox { padding:20px 0 13px; border-bottom:1px solid #e5e5e5; } 
.experience_reservation .time_box li .inbox .titbox .tit { display:inline-block; padding-top:26px; font-size:16px; line-height:24px; font-weight:700; letter-spacing:-0.8px; vertical-align:top; } 
.experience_reservation .time_box li .inbox .titbox .tit .s_size { font-size:11px; line-height:16px; } 
.experience_reservation .time_box li .inbox .titbox .tit.ico_calendar { background:url('/design/sleepgongg/img/web/newnew/ico_center_calendar.png') no-repeat center 0; background-size:auto 20px; 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 center 0; background-size:auto 20px; color:#757575; } 

.experience_reservation .time_box li .inbox .contbox { padding:14px 0 15px; word-break:keep-all; } 
.experience_reservation .time_box li .inbox .contbox .txt_time { color:#222; font-size:16px; line-height:25px; font-weight:500; } 
.experience_reservation .time_box li .inbox .contbox .txt_hint { margin-top:15px; color:#a6a6a6; font-size:11px; line-height:18px; font-weight:400; letter-spacing:-0.3px; } 
.experience_reservation .time_box li .inbox .contbox .btn_hint { color:#f96512; font-size:11px; line-height:18px; font-weight:400; letter-spacing:-0.3px; } 
.experience_reservation .time_box li .inbox .contbox .txt_gray { margin-top:15px; color:#a6a6a6; font-size:11px; line-height:18px; font-weight:500; letter-spacing:-0.3px; } 

.experience_gallery { padding:60px 30px 108px; } 
.experience_gallery .gallery_flex { margin-top:37px; } 
.experience_gallery .gallery_flex .bigimg_swiper { position:relative; } 
.experience_gallery .gallery_flex .bigimg_swiper .swiper-container { border-radius:10px; } 
.experience_gallery .gallery_flex .bigimg_swiper .bigimg { width:100%; height:0; padding-bottom:100%; 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:-16px; width:38px; height:38px; margin-top:-19px; 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); background-size:8px; outline:none; } 
.experience_gallery .gallery_flex .bigimg_swiper .swiper-button-next { position:absolute; top:50%; right:-16px; width:38px; height:38px; margin-top:-19px; 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); background-size:8px; outline:none; } 
/*
.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; margin-top:14px; } 
.experience_gallery .gallery_flex .thumbnail_swiper:after { content:''; position:absolute; top:0; left:-30px; bottom:0; width:24px; background:#fff; z-index:10; } 
.experience_gallery .gallery_flex .thumbnail_swiper .swiper-container { overflow:visible; } 
.experience_gallery .gallery_flex .thumbnail_swiper .swiper-slide { width:40%; padding-right:7px; } 
.experience_gallery .gallery_flex .thumbnail_swiper .thumbnail_item { position:relative; width:100%; height:0; padding-bottom:100%; border-radius:10px; background-repeat:no-repeat; background-position:center center; background-size:cover; cursor:pointer; } 
.experience_gallery .gallery_flex .thumbnail_swiper .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_item.active:before { border:1px solid #f96512; background:rgba(0,0,0,0); } 

.experience_review { padding:70px 30px 100px; background:#f3f1eb; } 
.experience_review .review_swiper { position:relative; padding:10px 0; margin-top:30px; } 
.experience_review .review_swiper:after { content:''; position:absolute; top:0; left:-30px; bottom:0; width:20px; background:#f3f1eb; z-index:10; } 
.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 { opacity:1; } 
.experience_review .review_swiper .swiper-slide-prev .inbox { box-shadow:none; } 
.experience_review .review_swiper .inbox { height:300px; padding:30px 15px 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:14px; line-height:14px; font-weight:500; text-align:left; letter-spacing:-0.7px; } 
.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:10px; color:#707070; font-size:10px; line-height:15px; font-weight:400; } 
.experience_review .review_swiper .inbox .review_ratingbox .review_user .place { margin-left:8px; color:#222; font-weight:700; } 
.experience_review .review_swiper .inbox .review_title { margin-top:25px; max-height:48px; color:#222; font-size:16px; line-height:24px; font-weight:700; letter-spacing:-0.8px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden; } 
.experience_review .review_swiper .inbox .review_p { max-height:90px; margin-top:20px; color:#222; font-size:11px; line-height:18px; font-weight:300; letter-spacing:-0.5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow: hidden; } 
.experience_review .review_swiper .inbox .btntxt { margin-top:13px; text-align:right; } 
.experience_review .review_swiper .inbox .btntxt .btn_more { color:#9d9d9d; font-size:12px; line-height:17px; font-weight:400; } 

.experience_consulting { padding:70px 30px; background:#fbfbfb; } 
.experience_consulting .consulting_flex { display:flex; flex-wrap:wrap; margin:35px -5px 0; } 
.experience_consulting .consulting_flex li { width:50%; padding:5px; } 
.experience_consulting .consulting_flex .inbox { position:relative; width:100%; height:0; padding-bottom:150%; 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:11px; right:12px; width:44px; height:44px; 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:9px; line-height:12px; text-align:center; letter-spacing:-0.45px; } 
.experience_consulting .consulting_flex .inbox .circle_green { display:flex; justify-content:center; align-items:center; position:absolute; top:11px; right:12px; width:44px; height:44px; 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:9px; line-height:12px; text-align:center; letter-spacing:-0.45px; } 
.experience_consulting .consulting_flex .inbox .num { position:absolute; bottom:78px; left:15px; font-size:30px; line-height:37px; font-weight:400; font-family:'Montserrat'; } 
.experience_consulting .consulting_flex .inbox .txt01 { position:absolute; bottom:51px; left:15px; font-size:12px; line-height:17px; font-weight:400; font-family:'Montserrat','Noto Sans CJK KR'; } 
.experience_consulting .consulting_flex .inbox .txt01 .s_size { font-size:11px; line-height:11px; font-weight:500; letter-spacing:-0.45px; } 
.experience_consulting .consulting_flex .inbox .txt02 { position:absolute; bottom:22px; left:15px; font-size:17px; line-height:25px; font-weight:700; letter-spacing: -0.85px; } 

.experience_confirm { padding:70px 30px 85px; } 

.experience_confirm .confirm_wrap .itembox { margin-top:35px; padding-left:20px; border-left:1px solid #e5e5e5; } 
.experience_confirm .confirm_wrap .itembox .tit { display:inline-block; position:relative; color:#222; font-size:16px; line-height:24px; font-weight:700; letter-spacing:-0.8px; vertical-align:top; } 
.experience_confirm .confirm_wrap .itembox .tit .alert { position:absolute; top:0; left:100%; margin-left:5px; width:42px; color:#f96512; font-size:11px; line-height:24px; font-weight:700; } 
.experience_confirm .confirm_wrap .itembox .txt { margin-top:12px; color:#222; font-size:14px; line-height:20px; font-weight:400; } 
.experience_confirm .confirm_wrap .itembox .txt .s_size { font-size:11px; line-height:20px; } 
.experience_confirm .confirm_wrap .itembox .hint { position:relative; padding-left:7px; margin-top:4px; color:#222; font-size:11px; line-height:16px; 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:12px; color:#222; font-size:11px; line-height:22px; font-weight:400; word-break:keep-all; } 
.experience_confirm .confirm_wrap .itembox .txt_note li { position:relative; padding-left:7px; } 
.experience_confirm .confirm_wrap .itembox .txt_note li:before { content:'-'; position:absolute; top:0; left:0; } 

.experience_viewer { padding:70px 30px 120px; background:#fffaf4; } 
.experience_viewer .title { color:#222; font-size:23px; line-height:35px; font-weight:700; letter-spacing:-1px; } 
.experience_viewer .swiper_viewer { position:relative; margin:40px -30px 0; padding-bottom:33px; overflow:hidden; } 
.experience_viewer .swiper_viewer .swiper-container { overflow:visible; } 
.experience_viewer .swiper_viewer .inbox { padding:0 30px; } 

.experience_viewer .swiper_viewer .inbox .txt_info { color:#222; text-align:left; } 
.experience_viewer .swiper_viewer .inbox .txt_info .tit { font-size:18px; line-height:26px; font-weight:700; } 
.experience_viewer .swiper_viewer .inbox .txt_info .infobox { margin-top:10px; } 
.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:58px; font-size:12px; line-height:22px; font-weight:700; } 
.experience_viewer .swiper_viewer .inbox .txt_info .infobox dd { padding-left:58px; font-size:12px; line-height:22px; font-weight:400; } 
.experience_viewer .swiper_viewer .inbox .txt_info .btnbox { margin-top:18px; } 
.experience_viewer .swiper_viewer .inbox .txt_info .btnbox .btn_go { display:block; width:130px; height:36px; border:1px solid #222; border-radius:18px; color:#222; font-size:14px; line-height:34px; font-weight:700; text-align:center; } 

.experience_viewer .swiper_viewer .inbox .img { position:relative; margin:25px 25px 0; height:0; padding-bottom:60%; background-repeat:no-repeat; background-position:center center; background-size:contain; } 
.experience_viewer .swiper_viewer .inbox .img .hoverimg { position:absolute; top:60px; right:40px; width:74px; height:74px; border:2px solid #fff; border-radius:100%; box-shadow:0 5px 10px rgba(0,0,0,0.15); background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden; opacity:0; transition:.6s; transition-delay:.6s; } 
.experience_viewer .swiper_viewer .inbox .img_shadow { height:40px; margin-top:5px; background:url('/design/sleepgongg/img/web/newnew/bg_prd_gra.png') no-repeat center center; background-size:contain; } 
.experience_viewer .swiper_viewer .swiper-slide-active .inbox .img .hoverimg { top:50px; opacity:1; } 


.experience_viewer .swiper-scrollbar { position:absolute; bottom:20px; left:30px; right:108px; height:3px; border-radius:2px; background:#eeeeee; } 
.experience_viewer .swiper-scrollbar .swiper-scrollbar-drag { background:#f96512; border-radius:2px; } 
.experience_viewer .swiper-button-prev { position:absolute; top:auto; right:61px; bottom:10px; left:auto; width:12px; height:20px; margin:0; background:url('/design/sleepgongg/img/web/newnew/btn_prdslide_prev_on.png') no-repeat center center; background-size:100%; outline:none; } 
.experience_viewer .swiper-button-next { position:absolute; top:auto; right:30px; bottom:10px; left:auto; width:12px; height:20px; margin:0; background:url('/design/sleepgongg/img/web/newnew/btn_prdslide_next_on.png') no-repeat center center; background-size:100%; outline:none; } 
.experience_viewer .swiper-button-next.swiper-button-disabled { opacity:1; background-image:url('/design/sleepgongg/img/web/newnew/btn_prdslide_next_off.png'); } 
.experience_viewer .swiper-button-prev.swiper-button-disabled { opacity:1; background-image:url('/design/sleepgongg/img/web/newnew/btn_prdslide_prev_off.png'); } 
/* BASIC css end */