@charset "utf-8";

/* 이용안내&대관안내
**************************************************************************/
section#sub_contents.use_guide .ug_content h2 {margin:60px 0px 22px; line-height:1; font-family:'SDMyeongjo'; font-size:22px; font-weight:500; letter-spacing:-0.55px}
section#sub_contents.use_guide .ug_content h2:first-child {margin-top:0px}
section#sub_contents.use_guide .ug_content ul {font-size:13px; letter-spacing:-0.13px}
section#sub_contents.use_guide .ug_content ul li {line-height:160%}
section#sub_contents.use_guide .ug_content ul > li {position:relative; padding-left:10px; margin-top:4px; color:#DDDDDD}
section#sub_contents.use_guide .ug_content ul > li:first-child {margin-top:0px}
section#sub_contents.use_guide .ug_content ul > li:before {content:"•"; position:absolute; top:-1px; left:0px}
section#sub_contents.use_guide .ug_content ul > li > ul {margin:4px 0px 10px}
section#sub_contents.use_guide .ug_content ul > li > ul > li {position:relative; padding-left:8px; margin-top:2px; color:#999999}
section#sub_contents.use_guide .ug_content ul > li > ul > li p.caution {color:white}
section#sub_contents.use_guide .ug_content ul > li > ul > li:first-child {margin-top:0px}
section#sub_contents.use_guide .ug_content ul > li > ul > li:before {content:"*"; position:absolute; top:0px; left:0px}
section#sub_contents.use_guide .ug_content p.ug_link {line-height:1; margin-top:8px}
section#sub_contents.use_guide .ug_content p.ug_link a {font-size:12px; letter-spacing:-0.06px; color:#999999}
section#sub_contents.use_guide .ug_content p.ug_link a:after {content:''; display:inline-block; vertical-align:middle; width:12px; height:12px; background:url(../../images/sobs_mo/bullet_more.svg) no-repeat left top}
section#sub_contents.use_guide .ug_content table.payment {width:100%; border-top:1px solid #777777}
section#sub_contents.use_guide .ug_content table.payment thead tr th[scope="col"],
section#sub_contents.use_guide .ug_content table.payment tbody tr td {font-size:12px; color:#DDDDDD; text-align:center; line-height:150%; border-bottom:1px solid rgba(255,255,255,0.1)}
section#sub_contents.use_guide .ug_content table.payment thead tr th[scope="col"] {padding:9px 0px 10px; font-weight:600}
section#sub_contents.use_guide .ug_content table.payment tbody tr td {padding:11px 0px 12px 0px; word-break:keep-all;}
section#sub_contents.use_guide .ug_content table.payment tbody tr td p.condition {font-size:10px; letter-spacing:-0.1px; line-height:140%; color:#999999; margin-top:5px}
section#sub_contents.use_guide .ug_content table.payment tbody tr td p.ug_link {line-height:1; margin-top:14px;}
section#sub_contents.use_guide .ug_content table.payment tbody tr td p.ug_link a {font-size:10px; letter-spacing:-0.06px; color:#999999;}
section#sub_contents.use_guide .ug_content table.payment tbody tr td p.ug_link a:after {content:'>'; display:inline-block; width:12px; height:12px; vertical-align:middle;}

/* 층별안내
**************************************************************************/
section#sub_contents.floor_guide ul.fg_menu {margin-bottom:-90px}
section#sub_contents.floor_guide ul.fg_menu > li {width:100%; transition:0.5s ease width}
section#sub_contents.floor_guide ul.fg_menu > li h2 a {position:relative; display:block; background-color:black}
section#sub_contents.floor_guide ul.fg_menu > li h2 a span {display:block; line-height:1; color:white; text-align:center}
section#sub_contents.floor_guide ul.fg_menu > li h2 a span.photo {position:absolute; top:0px; left:0px; z-index:1; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; opacity:0.8; transition:0.3s ease opacity}
section#sub_contents.floor_guide ul.fg_menu > li.on h2 a span.photo {opacity:1}
section#sub_contents.floor_guide ul.fg_menu > li.off h2 a span.photo {opacity:0.6}
section#sub_contents.floor_guide ul.fg_menu > li h2 a span.txt_floor {position:relative; z-index:2; padding:28px 0px 8px; font-size:12px; font-family:'GillSans'; letter-spacing:0.48px; color:rgba(255,255,255,0.75); transition:0.3s ease color}
section#sub_contents.floor_guide ul.fg_menu > li.on h2 a span.txt_floor {color:#E0C799}
section#sub_contents.floor_guide ul.fg_menu > li h2 a span.txt_name {position:relative; z-index:2; padding-bottom:34px; letter-spacing:-0.9px; font-size:22px; font-family:'SDMyeongjo'; font-weight:500}
section#sub_contents.floor_guide ul.fg_menu > li h2 a svg.btn {position:absolute; z-index:2; top:40px; right:20px; width:24px; height:24px; transform:rotate(0deg); transition:0.3s ease transform}
section#sub_contents.floor_guide ul.fg_menu > li.on h2 a svg.btn {transform:rotate(45deg)}
section#sub_contents.floor_guide ul.fg_menu > li h2 a svg.btn line {stroke:white; stroke-width:1px}
section#sub_contents.floor_guide ul.fg_menu > li .fg_content {display:none; overflow:hidden; padding:56px 0px}
section#sub_contents.floor_guide ul.fg_menu > li.on .fg_content {display:block}
section#sub_contents.floor_guide ul.fg_menu > li .fg_content h3 {margin-bottom:33px; line-height:1; font-family:'SDMyeongjo'; font-weight:500; text-align:center; font-size:25px}
section#sub_contents.floor_guide ul.fg_menu > li .fg_content p.guide {margin-bottom:50px; font-size:13px; letter-spacing:-0.13px; color:#DDDDDD; line-height:170%; text-align:center}
section#sub_contents.floor_guide ul.fg_menu > li .fg_content p.coming-soon { margin:82px 0 21px 0; font-family:'SDMyeongjo'; font-size:16px; font-weight:500; line-height:1; letter-spacing:-0.9px; text-align:center; }
section#sub_contents.floor_guide ul.fg_menu > li .fg_content .fg_photos {width:94.6667vw; height:142px}
section#sub_contents.floor_guide ul.fg_menu > li .fg_content .fg_photos .swiper-wrapper {float:left; width:9999%}
section#sub_contents.floor_guide ul.fg_menu > li .fg_content .fg_photos .swiper-wrapper .swiper-slide {float:left; width:94.6667vw; margin-right:4px; background-repeat:no-repeat; background-position:center center; background-size:cover}
section#sub_contents.floor_guide ul.fg_menu > li .fg_content .fg_info_wrap {margin-top:32px}
section#sub_contents.floor_guide ul.fg_menu > li .fg_content .fg_info_wrap .fg_info {display:none; opacity:0; transition:0.5s ease opacity}
section#sub_contents.floor_guide ul.fg_menu > li .fg_content .fg_info_wrap .fg_info.on {display:block}
section#sub_contents.floor_guide ul.fg_menu > li .fg_content .fg_info_wrap .fg_info h4 {margin-bottom:20px; line-height:1; font-family:'SDMyeongjo'; font-weight:500; font-size:25px}
section#sub_contents.floor_guide ul.fg_menu > li .fg_content .fg_info_wrap .fg_info p {font-size:13px; letter-spacing:-0.13px; color:#DDDDDD; line-height:170%}
section#sub_contents.floor_guide ul.fg_menu > li .fg_content .fg_controls {overflow:hidden; margin-top:28px}
section#sub_contents.floor_guide ul.fg_menu > li .fg_content .fg_controls p.paging {float:left; padding-top:6px; letter-spacing: 2.56px; font-size:15px; line-height:1; color:#717171; font-family:"GillSans"; font-weight:400}
section#sub_contents.floor_guide ul.fg_menu > li .fg_content .fg_controls p.paging span.current {color:white}
section#sub_contents.floor_guide ul.fg_menu > li .fg_content .fg_controls .btn_set {float:right; line-height:1}
section#sub_contents.floor_guide ul.fg_menu > li .fg_content .fg_controls .btn_set a {vertical-align:top}

/* 갤러리 소개
**************************************************************************/
/* 갤러리 목록 */
section#sub_contents.introduction .gallery_list {position:relative; z-index:2; padding-top:34px}
section#sub_contents.introduction.full_gallery .gallery_list {z-index:1; padding-top:0px; opacity:0}
section#sub_contents.introduction .gallery_list h2 {font-family:'SDMyeongjo'; font-weight:500; font-size:23px; line-height:150%; letter-spacing:-0.46px; text-align:center; color:white}
section#sub_contents.introduction .gallery_list p.category {position:absolute; top:0px; left:0px; width:100%; font-size: 14px; line-height:1; letter-spacing:-0.14px; text-align:center; color:#E0C799}
section#sub_contents.introduction .gallery_list p.regist_date {margin:25px 0px 50px; font-size:13px; line-height:1; letter-spacing:0.65px; text-align:center; color:#999999}
section#sub_contents.introduction .gallery_list p.coming-soon { margin:32px 0 40px 0; font-family:'SDMyeongjo'; font-size:16px; font-weight:500; line-height:1; letter-spacing:-0.9px; text-align:center; }
section#sub_contents.introduction.full_gallery p.page_location,
section#sub_contents.introduction.full_gallery .gallery_list h2,
section#sub_contents.introduction.full_gallery .gallery_list p.category,
section#sub_contents.introduction.full_gallery .gallery_list p.regist_date {display:none}
section#sub_contents.introduction .gallery_list .gl_photos .slide_wrap {width:245px; margin:0px auto}
section#sub_contents.introduction .gallery_list .gl_photos .slide_wrap .swiper-wrapper:after {content:''; display:block; width:100%; height:0px; clear:left}
section#sub_contents.introduction .gallery_list .gl_photos .slide_wrap .swiper-wrapper .swiper-slide {margin-right:25px; width:245px; text-align:center}
section#sub_contents.introduction .gallery_list .gl_photos .slide_wrap .swiper-wrapper .swiper-slide a {display:block}
section#sub_contents.introduction .gallery_list .gl_photos .slide_wrap .swiper-wrapper .swiper-slide a img {width:100%; height:auto}
section#sub_contents.introduction .gallery_list .gl_photos .controls {margin-top:40px; text-align:center}
section#sub_contents.introduction .gallery_list .gl_photos .controls a.circle_arrow_btn,
section#sub_contents.introduction .gallery_list .gl_photos .controls span.paging {display:inline-block; vertical-align:middle}
section#sub_contents.introduction .gallery_list .gl_photos .controls span.paging {position:relative; top:-1px; margin:0px 40px; letter-spacing:2.56px; font-size:14px; line-height:1; color:#717171; font-family:"GillSans"; font-weight:400}
section#sub_contents.introduction .gallery_list .gl_photos .controls span.paging span.current {color:white}
section#sub_contents.introduction .gallery_list .gl_desc {border-top:1px solid rgba(255, 255, 255, 0.1); margin-top:60px}
section#sub_contents.introduction.full_gallery .gallery_list .gl_desc {display:none}
section#sub_contents.introduction .gallery_list .gl_desc dl {padding:11px 0px 10px; border-bottom:1px solid rgba(255, 255, 255, 0.1); line-height:140%}
section#sub_contents.introduction .gallery_list .gl_desc dl dt {margin-bottom:6px; font-weight:600; font-size:13px; color:white}
section#sub_contents.introduction .gallery_list .gl_desc dl dd {letter-spacing:-0.07px; font-size:12px; color:#999999}

/* 갤러리 상세 */
section#sub_contents.introduction .gallery_view {position:absolute; top:0px; left:0px; width:100%; height:100vh; z-index:1; opacity:0}
section#sub_contents.introduction.full_gallery .gallery_view {z-index:2; opacity:1}
section#sub_contents.introduction .gallery_view .gv_photos {position:relative; width:100%; height:100vh; padding:50px 0px 100px; box-sizing:border-box}
section#sub_contents.introduction .gallery_view .gv_photos .controls {position:absolute; z-index:2; top:0px; left:0px; width:100%; height:50px}
section#sub_contents.introduction .gallery_view .gv_photos .controls .btn_back {position:absolute; top:8px; left:10px}
section#sub_contents.introduction .gallery_view .gv_photos .controls .btn_back a {display:inline-block; padding:10px; line-height:0}
section#sub_contents.introduction .gallery_view .gv_photos .controls .btn_back a img {width:18px; height:13px}
section#sub_contents.introduction .gallery_view .gv_photos .controls .btn_scale_set {padding-top:7px; text-align:center}
section#sub_contents.introduction .gallery_view .gv_photos .controls .btn_scale_set a {display:inline-block; padding:10px; line-height:0}
section#sub_contents.introduction .gallery_view .gv_photos .controls .btn_scale_set a img {width:17px; height:16px}
section#sub_contents.introduction .gallery_view .gv_photos .controls .paging {position:absolute; top:16px; right:24px; letter-spacing:2.56px; font-size:14px; line-height:1; color:#717171; font-family:"GillSans"; font-weight:400}
section#sub_contents.introduction .gallery_view .gv_photos .controls .paging span.current {color:white}
section#sub_contents.introduction .gallery_view .gv_photos .slides {position:absolute; z-index:1; top:0px; left:0px; overflow:hidden; width:100%; height:100vh}
section#sub_contents.introduction .gallery_view .gv_photos .slides .s_item {display:none; position:absolute; top:0px; left:0px; width:100%; height:100vh}
section#sub_contents.introduction .gallery_view .gv_photos .slides .s_item.active {display:block}
section#sub_contents.introduction .gallery_view .gv_photos .slides .s_item figure {overflow:hidden; width:100%; height:100vh; border-width:50px 0px 100px; border-style:solid; border-color:#111111; box-sizing:border-box; text-align:center; white-space:nowrap}
section#sub_contents.introduction .gallery_view .gv_photos .slides .s_item figure .photo {position:relative; width:100%; height:100%}
section#sub_contents.introduction .gallery_view .gv_photos .slides .s_item figure .photo img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; width:auto; height:auto}
section#sub_contents.introduction .gallery_view .gv_photos .slides .s_item figure .photo.scale_mode img {transform: translate(0,0) scale(2)}
section#sub_contents.introduction .gallery_view .gv_photos .slides .s_item figure figcaption {position:absolute; bottom:0px; left:0px; display:block; width:100%; height:100px; padding:0px 68px; box-sizing:border-box; white-space:normal}
section#sub_contents.introduction .gallery_view .gv_photos .slides .s_item figure figcaption:before {content:''; display:inline-block; width:0px; height:100%; vertical-align:middle; margin-left:-3px}
section#sub_contents.introduction .gallery_view .gv_photos .slides .s_item figure figcaption span.txt {display:inline-block; vertical-align:middle; font-size:13px; letter-spacing:-0.13px; line-height:150%}
section#sub_contents.introduction .gallery_view .gv_photos .btn_move_set {position:absolute; z-index:2; bottom:0px; left:0px; width:100%; height:100px;}
section#sub_contents.introduction .gallery_view .gv_photos .btn_move_set a.btn {position:absolute; top:35px; line-height:0; display:block; width:24px; height:24px; padding:3px}
section#sub_contents.introduction .gallery_view .gv_photos .btn_move_set a.btn.prev {left:27px}
section#sub_contents.introduction .gallery_view .gv_photos .btn_move_set a.btn.next {right:27px}