@charset "utf-8";

.sectEventScroll {width:100%;background-position:center;background-size:cover;}

/*************************************************************************************************************
** common
*************************************************************************************************************/
/* button */
[class^="btnLink"] {display:inline-block;box-sizing:border-box;min-width:120px;height:32px;padding:0 20px;line-height:32px;font-size:16px;text-align:center;}
.btnLink01, a.btnLink01, button.btnLink01 {color:#fff;background:#000;}

/* button box */
[class^="btnWrap"] {display:block;}
.btnWrapR {text-align:right;}

/* input register box */
[class^="inpRegBox"] {position:relative;margin:20px 0 0;font-size:16px;border:1px solid #bfbfbf;}
[class^="inpRegBox"] .tit {position:absolute;left:0;top:0;bottom:0;box-sizing:border-box;width:150px;padding:1px 10px 0;line-height:31px;color:#9c9c9c;}
[class^="inpRegBox"] .tit em {display:inline-block;font-size:12px;vertical-align:middle;}
[class^="inpRegBox"] .cont {display:block;box-sizing:border-box;width:100%;}
[class^="inpRegBox"] input[required] + label:after{content: "*";color: #FF0000;}
[class^="inpRegBox"] input[type="text"] {width:100%;height:32px;color:#000;font-size:16px;}
[class^="inpRegBox"] input[type="password"] {width:100%;height:32px;color:#000;font-size:16px;}

[class^="inpRegBox"] [class^="selectBox"] {display:inline-block;position:relative;box-sizing:border-box;width:100%;padding:0;}
[class^="inpRegBox"] [class^="selectBox"]:after {display:block;content:"";position:absolute;top:50%;right:10px;width:11px;height:8px;background:url('../img/bg_select.png') no-repeat;background-size:cover;transform:translate(0, -50%);} 
[class^="inpRegBox"] [class^="selectBox"] select {box-sizing:border-box;width:100%;height:32px;padding:0 25px 0 0;font-size:16px;letter-spacing:-1px;background:none;appearance:none;-moz-appearance:none;}

[class^="inpRegBox"] .selectBox02:after {background:url('../img/bg_select02.png') no-repeat;background-size:cover;transform:translate(0, -50%);}

ul[class^="inpRegBox"] {border:none;}
ul[class^="inpRegBox"] li {overflow:hidden;position:relative;margin:10px 0 0;padding:0 0 0 120px;border:1px solid #bfbfbf;}
ul[class^="inpRegBox"] li:first-child {margin:0;}

[class^="checkWrap"] {display:inline-block;position:relative;margin:5px 0 0;}
[class^="checkWrap"] input[type="checkbox"] {position:absolute;top:3px;left:0;width:12px;height:12px;}
[class^="checkWrap"] .txt {display:block;position:relative;padding:1px 0 0 20px;line-height:19px;font-size:12px;font-weight:300;}
[class^="checkWrap"] .txt:before {display:block; content:"";position:absolute;top:3px;left:0;width:12px;height:12px;background:url('../img/ico_checkbox.png') no-repeat left top;background-size:12px auto;}
[class^="checkWrap"] .txt > span {dipslay:inline-block;padding:0 0 2px;border-bottom:1px solid #7f7f7f;}
[class^="checkWrap"] input[type="checkbox"]:checked + .txt:before {background-position:left -16px;}
 

@media screen and (max-width:800px) {
	/* input register box */
[class^="inpRegBox"] {margin:20px 0 0;font-size:14px;}
[class^="inpRegBox"] .tit {width:100px;padding:1px 5px 0;line-height:31px;color:#9c9c9c;}
[class^="inpRegBox"] input[type="text"] {width:100%;height:32px;color:#000;font-size:14px;}
[class^="inpRegBox"] [class^="selectBox"] select {width:100%;height:32px;font-size:14px;background:transparent;}
ul[class^="inpRegBox"] li {overflow:hidden;position:relative;margin:10px 0 0;padding:0 0 0 100px;border:1px solid #bfbfbf;}
ul[class^="inpRegBox"] li:first-child {margin:0;}
}

/*************************************************************************************************************
** MAIN
*************************************************************************************************************/
#wrap.main #container {position:fixed;left:0;top:0;right:0;bottom:0;}
#wrap.main #footer {display:none;}
#wrap.main [class^="visualSect"] {display:none;position:absolute;bottom:0;left:0;right:0;}

/*************************************************************************************************************
** sub section box
*************************************************************************************************************/
[class^='subSectWrap'] {width:100%;background:#fff;}
[class^='subSectWrap'] strong,
[class^='subSectWrap'] .pageTitle {display: block;padding:160px 0 50px;;line-height: 44px;font-size: 40px;text-align: center;}
.pageTitleWrap p {margin-top: -14px;font-size: 16px;line-height: 24px; font-weight: 300; text-align: center;}
.pageTitleWrap {padding-bottom: 56px;}
/*************************************************************************************************************
** MOBILE - sub section box
*************************************************************************************************************/
@media screen and (max-width:800px) {
[class^='subSectWrap'] {box-sizing:border-box;     margin-top: 90px;}
[class^='subSectWrap'] > strong,
[class^='subSectWrap'] > .pageTitle {display:block;padding:23vw 0 10vw;line-height:6.11vw;font-size:5.56vw;text-align:center;}
.pageTitleWrap p {margin-top: 10vw;font-size: 3.333333333333333vw;line-height: 5vw; font-weight: 300; text-align: center;}
.pageTitleWrap {padding-bottom: 11.11vw;}
}

/*************************************************************************************************************
** FULL SCREEN visual 영역
*************************************************************************************************************/
[class^="visualSect"] {overflow:hidden;position:relative;background-position:center !important;background-size:cover !important;}
[class^="visualSect"] > .copyWrap {position:absolute;left:4.17vw;top:56%;right:4.17vw;text-align:center;transform:translate(0, -50%);letter-spacing: 0.46em;}
[class^="visualSect"] > .copyWrap .bigTxt {display:block;line-height:5.53vw;font-size:4.61vw;color:#fff; text-shadow:2px 2px 5px rgba(0, 0, 0, 0.8)}
[class^="visualSect"] > .copyWrap .txt {display:block;margin:1.042vw 0 0;line-height:2.40vw;font-size:1.9vw;color:#fff;text-shadow:2px 2px 5px #000; letter-spacing: 0.05em;}
[class^="visualSect"] > .copyWrap .txt02 {display:block;margin:1.04vw 0 0;line-height:1.56vw;font-size:0.93vw;color:#fff;}

.visualSect02 ul {position:relative; height:100%;}
.visualSect02 ul li {float:left;position:relative;background-position:center;background-size:cover;}
.visualSect02 ul li:before {display:block;content:"";position:absolute;left:0;bottom:0;right:0;height:40%;background:url('../img/bg_text_shadow.png') repeat-x left bottom;background-size:auto 100%}
.visualSect02 ul li .copyWrap {position:absolute;bottom:38px;right:0;left:0;padding:0 80px 30px;font-family:'noto_serif', "sans-serif";}
.visualSect02 ul li .copyWrap .bigTxt {display:block;line-height:3.3vw;font-size:2.67vw;color:#fff;text-align:right; font-weight: 300;}
.visualSect02 ul li .copyWrap .bigTxt + .txt {margin:1.0vw 0 0;}
.visualSect02 ul li .copyWrap .txt {display:block;line-height:1.7vw;font-size:1.04vw;font-weight:300;color:#fff;text-align:right;}
.visualSect02 .controllBox {position:absolute;bottom:10%;left:0;right:0;text-align:center;}
.visualSect02 .controllBox span {display:inline-block;width:8px;height:8px;margin:0 10px 0 10px !important; border:1px solid #fff;border-radius:100%;cursor:pointer;}
.visualSect02 .controllBox span:first-child {margin:0;}
.visualSect02 .controllBox span.active {background:#fff;}

.visualSect03 {overflow:hidden; background:#fff;}
.visualSect03 ul {position:relative;left:0;height:100%;}
.visualSect03 ul li {float:left;position:relative;}
.visualSect03 ul li .img {position:absolute;top:44.5%;left:0;right:0;height:44.45vh;background-repeat:no-repeat;background-position:center;background-size:cover;transform:translate(0, -50%)}
.visualSect03 ul li .img  .titB {height:44.45vh;line-height:44.45vh;font-size:5.21vw;font-weight:800;color:#fff;text-align:center;text-shadow:2px 2px 5px rgba(0, 0, 0, 0.8)}
.visualSect03 ul li .copyWrap {position:absolute;left:18.75vw;bottom:-18.8vh;}
.visualSect03 ul li .copyWrap .tit {display:block;line-height:2.40vw;font-size:2.0vw; letter-spacing: 0.05em;}
.visualSect03 ul li .copyWrap .txt {display:block;margin:0.7vw 0 0;line-height:1.25vw;font-size:1.05vw;}
.visualSect03 .controllBox {position:absolute;bottom:51.8%;right:17.5vw;margin:0 0 -35vh;text-align:center;}
.visualSect03 .controllBox span {display:inline-block;padding:0 18px;font-size:20px;font-weight:400;cursor:pointer; letter-spacing: 0.05em;}
.visualSect03 .controllBox span.active {font-weight:700;text-decoration:underline;}

.visualSect04 {background:#fff;}
.visualSect04 .visualInner {padding:100px 0 0;}
.visualSect04 .visualInner > strong {display: block;padding:0px 0 60px;line-height: 44px;font-size: 40px;text-align: center;}
.visualSect04 .copyWrap .bigTxt {font-weight:400; font-size: 3.0vw; letter-spacing: 0.05em;}
.visualSect04 .mainMallCate {overflow:hidden;position:relative;    margin: 2.41vh 0px 7.26vh;}
.visualSect04 .mainMallCate > ul {overflow:hidden;position:relative;width:10000em;margin:0 auto; text-align: center;
	max-width: 1200px;
}
.visualSect04 .mainMallCate > ul li {display:inline-block;line-height:0;text-align:center;z-index:0;transition: z-index 0.8s ease;}
.visualSect04 .mainMallCate > ul li button {height:40px;padding:0 5px;line-height:40px;font-size:20px;vertical-align:top;}
.visualSect04 .mainMallCate > ul li button.on {font-weight:800;}
.visualSect04 .mallGalleryWrap {position:relative;padding:1.26vh 0 0;}
.visualSect04 .mallGalleryWrap .galleryInner {width:500px;margin:0 auto;}
.visualSect04 .mallGalleryWrap ul {position:relative;width:10000em}
x.visualSect04 .mallGalleryWrap ul:after {display:block;content:"";clear:both;}
.visualSect04 .mallGalleryWrap ul li {float:left;position:relative;width:500px;}
.visualSect04 .mallGalleryWrap ul li .imgBox {display:block;position:relative;box-shadow:0 0 20px rgba(0, 0, 0, 0.6);transform:scale(1); transition: transform 0.8s ease;}
.visualSect04 .mallGalleryWrap ul li .imgBox:after {display:block;content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:url('../img/bg_frame_dim.png') no-repeat center;background-size:cover;opacity: 0.5}
.visualSect04 .mallGalleryWrap ul li .imgBox img {width:100%; height: 350px;}
.visualSect04 .mallGalleryWrap ul li .imgFrame {position:absolute;left:50%;top:50%;font-size:16px;color:#fff;text-align:center;transform:translate(-50%, -50%);}
.visualSect04 .mallGalleryWrap ul li .imgFrame .frameTxt01 {display:block;margin:17px 0 0;line-height:32px;font-size:28px;}
.visualSect04 .mallGalleryWrap ul li.active {z-index:2; transition: z-index 0.8s ease;}
.visualSect04 .mallGalleryWrap ul li.active .imgBox {display:block;transform:scale(1.35); transition: transform 0.8s ease;}
.visualSect04 .mallGalleryWrap .controll {position:absolute; bottom:-14vh;left:50%;line-height:24px;font-size:24px;transform:translate(-50%, 0);}
.visualSect04 .mallGalleryWrap .controll .navNum {display:inline-block;vertical-align:middle;}
.visualSect04 .mallGalleryWrap .controll > button {width:24px;height:24px;vertical-align:middle;}
.visualSect04 .mallGalleryWrap .controll .btnPrev {background:url('../img/ico_arrow_prev.png') no-repeat center;margin-right: 10px;}
.visualSect04 .mallGalleryWrap .controll .btnNext {background:url('../img/ico_arrow_next.png') no-repeat center;margin-left: 10px;}
#wrap.main .visualSect04 .mainMallCate {height:0;}
#wrap.main .visualSect04 .mallGalleryWrap {padding:0; top: 30px;}
#wrap.main .visualSect04 .mallGalleryWrap .galleryInner {overflow:hidden;height:0;}
#wrap.main .visualSect04 .mallGalleryWrap .controll {display:none;}
.btnGalleryDetailView {position: absolute; top:0;left:0;right:0;bottom:0;z-index: 10;text-indent: -9999px;}
.visualSect05 {box-sizing:border-box;padding:160px 0 0;background:#fff;}
.visualSect05 > strong {display:block;line-height:44px;font-size:40px;text-align:center;}
.visualSect05 .mapWrap {overflow:hidden;position:absolute;top:250px;bottom:100px;left:0;right:0;height:100%;}
.visualSect05 .mapWrap .mapCateWrap {position:absolute;left:0;top:0;bottom:0;width:450px;padding:80px 0 0;background:#eaebed;}
.visualSect05 .mapWrap .mapCateWrap > span {display:block;font-size:20px;text-align:center;}
.visualSect05 .mapWrap .mapCateWrap .mapCateList {overflow-x:hidden;overflow-y:auto;position:absolute;top:128px;bottom:0;left:0;right:0;padding:0 0 0 45px;}
.visualSect05 .mapWrap .mapCateWrap .mapCateList ul {padding:0 0 20px;}
.visualSect05 .mapWrap .mapCateWrap .mapCateList ul li {margin:10px 0 0;line-height:40px;font-size:16px;}
.visualSect05 .mapWrap .mapCateWrap .mapCateList ul li:first-child {margin:0;}
.visualSect05 .mapWrap .mapCateWrap .mapCateList ul li input[type="checkbox"] {width:19px;height:19px;vertical-align:middle;appearance: checkbox;-webkit-appearance: checkbox;}
.visualSect05 .mapWrap .mapCateWrap .mapCateList ul li label {display:inline-block;margin:0 0 0 15px;vertical-align:middle;}
.visualSect05 .mapWrap .mapCateWrap .mapCateList ul li label img {height:30px; vertical-align:middle; margin-right: 6px;}
.visualSect05 .mapWrap .pc_map {display:block;width:100%;height:100%;}

.visualSect06 {background:#fff;}
.visualSect06 .contactBox {position:absolute;left:50%;right:0;top:0;bottom:0;color:#fff;background:rgba(0, 0, 0, 1);}
#wrap.main .visualSect06 .contactBox {top:130px;bottom:13.81vw;}
.visualSect06 .contactBox .innerBox {position:absolute;top:50%;left:4.17vw;transform:translate(0, -50%);}
.visualSect06 .contactBox .innerBox strong {display:block;line-height:44px;font-size:38px; letter-spacing: 0.05em;}
.visualSect06 .contactBox .innerBox dl dt {margin:50px 0 0;font-weight:600; font-size: 20px;}
.visualSect06 .contactBox .innerBox dl dd {margin:10px 0 0;font-weight:400; font-size: 18px;}

.visualSect07 {box-sizing:border-box;padding:160px 0 120px;background:#fff;overflow: hidden;}
.visualSect07 > strong {display:block;margin:0 0 40px;line-height:44px;font-size:40px;text-align:center;}
.visualSect07 .awardConts {position:relative;height:66vh;background-repeat:no-repeat;background-position:center;background-size:cover;}
.visualSect07 .awardConts .awardIn {position:absolute;position:absolute;bottom:0;left:50%;width:100%;max-width:1200px;padding:0 0 30px;transform:translate(-50%, 0);}
.visualSect07 .awardConts .bigTxt {display:block;line-height:3.5vw;font-size:2.87vw;color:#fff;}
.visualSect07 .awardConts .bigTxt + .txt {margin:1.31vw 0 1.5vw;}
.visualSect07 .awardConts .txt {display:block;line-height:1.8vw;font-size:1.25vw;font-weight:300;color:#fff;}
.visualSect07 .awardConts [class^="img"] {margin:0 0 0 30px;}
.visualSect07 .awardConts [class^="img"]:first-child {margin:0;}

.scrollPaging {position:fixed;top:52%;right:72px;font-weight:700;color:#fff;font-size: 20px; letter-spacing: 0.1em; line-height: 1.7em;}
.scrollPaging .now {display:block;text-align:right;}
.scrollPaging.ver01 {color:#000;}

/**********************************************************************************
## MOBILE - FULL SCREEN visual 영역
**********************************************************************************/
@media screen and (max-width:800px) {
[class^="visualSect"] > .copyWrap {left:0;top:50%;right:0;letter-spacing: 0.2em;}
[class^="visualSect"] > .copyWrap .bigTxt {line-height:7.1vw;font-size:7vw;}
[class^="visualSect"] > .copyWrap .txt {display:block;margin:1.05vw 0 0;line-height:3.89vw;font-size:3.34vw;}
[class^="visualSect"] > .copyWrap .txt02 {margin:1.39vw 0 0;line-height:3.61vw;font-size:2.08vw;}

.visualSect02 ul li .copyWrap {padding:0 6.67vw 70px;}
.visualSect02 ul li .copyWrap .bigTxt {line-height:9.45vw;font-size:7.78vw;}
.visualSect02 ul li .copyWrap .bigTxt + .txt {margin:1.31vw 0 0;}
.visualSect02 ul li .copyWrap .txt {line-height:4.8vw;font-size:3vw;letter-spacing:-0.5px;}

.visualSect03 ul li .titB {font-size:10vw}
.visualSect03 ul li .copyWrap {left:6.67vw;right:6.67vw;}
.visualSect03 ul li .copyWrap .tit {display:block;line-height:6.39vw;font-size:6.11vw;}
.visualSect03 ul li .copyWrap .txt {display:block;margin:2vw 0 0;line-height:3.61vw;font-size:3.33vw;}
.visualSect03 .controllBox {bottom:6.11vw;right:6.67vw;margin:0;}

.visualSect04 .visualInner {padding:26.67vw 0 0;}
.visualSect04 .visualInner > strong {display: block;line-height: 6.11vw;font-size: 40px;text-align: center;} 

.visualSect04 .mainMallCate {margin:7vh 0 6vh;}
.visualSect04 .mainMallCate > ul {overflow:hidden;position:relative;}
.visualSect04 .mainMallCate > ul li button {height:20px;padding:0 10px;line-height:20px;font-size:12px;}
.visualSect04 .mallGalleryWrap .galleryInner {width:260px;}
.visualSect04 .mallGalleryWrap ul li {width:260px;}
.visualSect04 .mallGalleryWrap ul li .imgFrame {font-size:12px;}
.visualSect04 .mallGalleryWrap ul li .imgFrame .frameTxt01 {margin:10px 0 0;line-height:24px;font-size:20px;}
.visualSect04 .mallGalleryWrap .controll {font-size:12px;line-height:18px;text-align: center;}
.visualSect04 .mallGalleryWrap .controll > button {width:18px;height:18px;}

.visualSect05 {box-sizing:border-box;padding:23vw 0 0;background:#fff;}
.visualSect05 > strong {display:block;line-height:9.11vw !important;font-size:40px;text-align:center;}
.visualSect05 .mapWrap {top:42vw;bottom:20vw;}
.visualSect05 .mapWrap .mapCateWrap {right:0;bottom:200px;width:auto;padding:20px 0 0;}
.visualSect05 .mapWrap .mapCateWrap > span {font-size:14px;}
.visualSect05 .mapWrap .mapCateWrap .mapCateList {top:48px;padding:0 0 0 25px;}
.visualSect05 .mapWrap .mapCateWrap .mapCateList ul {padding:0 0 20px;}
.visualSect05 .mapWrap .mapCateWrap .mapCateList ul li {margin:10px 0 0;line-height:18px;font-size:13px;}
.visualSect05 .mapWrap .mapCateWrap .mapCateList ul li:first-child {margin:0;}
.visualSect05 .mapWrap .mapCateWrap .mapCateList ul li input[type="checkbox"] {width:13px;height:13px;}
.visualSect05 .mapWrap .mapCateWrap .mapCateList ul li label {display:inline-block;margin:0 0 0 10px;vertical-align:middle;}
.visualSect05 .mapWrap .mapCateWrap .mapCateList ul li label img {height:20px; vertical-align:middle;}
.visualSect05 .mapWrap .pc_map {display:block;height:100%;}

.visualSect06 {background:#fff; 
    background-position: top;
    background-size: contain;
    /* width: 800px !important; */
    height: 700px !important;
}
.visualSect06 .contactBox {left:0;right:0;top:auto;bottom:0;padding:2.77vw 0;color:#000;background:rgba(228, 227, 227, 1);}
#wrap.main .visualSect06 .contactBox {top:16vw;bottom:50vw;}
.visualSect06 .contactBox .innerBox {position:static;text-align:center;transform:translate(0, 0);margin-top: 25%;}
.visualSect06 .contactBox .innerBox strong {display:block;line-height:6.11vw;font-size:5.55vw;}
.visualSect06 .contactBox .innerBox dl dt {margin:3vw 0 0;}
.visualSect06 .contactBox .innerBox dl dd {margin:1vw 0 0;}

.visualSect07 {padding:16.67vw 0 0 ;}
.visualSect07 > strong {line-height:6.11vw;font-size:5.56vw;}
.visualSect07 .awardConts .awardIn {box-sizing:border-box;padding:0 6.67vw 50px;}
.visualSect07 .awardConts .bigTxt {line-height:9.45vw;font-size:7.78vw;}
.visualSect07 .awardConts .bigTxt + .txt {margin:1.31vw 0 0;}
.visualSect07 .awardConts .txt {line-height:4.8vw;font-size:3vw;letter-spacing:-0.5px;}
.visualSect07 .awardConts .imgBox [class^="img"] {display:inline-block;margin:0 0 0 10px;}
.visualSect07 .awardConts .imgBox [class^="img"]:first-child {margin:0;}
.visualSect07 .awardConts .imgBox [class^="img"] img {width:100%;}
.visualSect07 .awardConts .imgBox .img01 {width:35vw;}
.visualSect07 .awardConts .imgBox .img02 {width:16vw;}

.scrollPaging {display:none;}
}

/**********************************************************************************
## SFC-MALL 매장위치 리스트
**********************************************************************************/
.strIntroCont {padding:160px 0;background:#eee;}
.strIntroCont > strong {display:block;margin:0 0 40px;line-height:44px;font-size:40px;text-align:center;}

.strIntroCate {overflow:hidden;position:relative;margin:0 0 60px;}
.strIntroCate > ul {overflow:hidden;position:relative;width:10000em;margin:0 auto;
	max-width: 1200px;
}
.strIntroCate > ul li {
	/* float:left; */
	display: inline-block;
	line-height:0;text-align:center;
}
.strIntroCate > ul li button {height:40px;padding:0 5px;line-height:40px;font-size:20px;vertical-align:top;}
.strIntroCate > ul li button.on {font-weight:800;}

.strTagBox {width:1922px;margin:0 auto 27px;}
.strTagBox ul {overflow:hidden;}
.strTagBox ul li {float:left;width:640px;height:460px;margin:0 1px 0 0;background-size:cover;}
.strTagBox ul li:last-child {margin:0;}
.strTagBox ul li button {width:100%;height:460px;color:#fff;font-size:20px;vertical-align:top;
	outline: 1px solid #fff;
    outline-offset: -24px;
}
.strTagBox ul li.on button {font-weight:700;}

.strIntroList {width:1140px;margin:0 auto;}
.strIntroList > li {overflow:hidden;position:relative;margin:20px 0 0;background:#fff;}
.strIntroList > li:first-child {margin:0;}
.strIntroList > li .strInfo {position:relative;padding:0 0 20px;}
.strIntroList > li .strInfo .strVisual {overflow:hidden;position:relative;width:362px;}
.strIntroList > li .strInfo .strVisual ul {overflow:hidden;position:relative;width:10000em;}
.strIntroList > li .strInfo .strVisual ul li {float:left;width:362px;}
.strIntroList > li .strInfo .strVisual ul li img {width:100%; max-height: 241px; min-height:241px;}
.strIntroList > li .strInfo .strVisual .controllBox {position:absolute;bottom:0;left:0;right:0;text-align:center;}
.strIntroList > li .strInfo .strVisual .controllBox span {display:inline-block;width:8px;height:8px;margin:0 0 0 10px;border:2px solid #fff;border-radius:100%;cursor:pointer;}
.strIntroList > li .strInfo .strVisual .controllBox span:first-child {margin:0;}
.strIntroList > li .strInfo .strVisual .controllBox span.active {background:#fff;}
.strIntroList > li .strInfo dl {position:absolute;top:0;left:362px;bottom:0;box-sizing:border-box;width:450px;padding:40px 0 0 50px;}
.strIntroList > li .strInfo dl dt {line-height:26px;font-size:14px;}
.strIntroList > li .strInfo dl dt span {display:block;font-size:22px;font-weight:800;border-bottom:1px solid #050001;}
.strIntroList > li .strInfo dl dd {margin:20px 0 0;font-size:13px;color:#000;}
.strIntroList > li .strInfo dl dd > ul > li[class^="ico"] {padding:0 0 0 20px;line-height:20px;background-repeat:no-repeat;background-position:left 2px;background-size:14px;}
.strIntroList > li .strInfo dl dd > ul > li[class^="ico"] > span {font-weight:700;}
.strIntroList > li .strInfo dl dd > ul > li.ico01 {background-image:url('../img/phone-call.png');}
.strIntroList > li .strInfo dl dd > ul > li.ico02 {margin:20px 0 0;background-image:url('../img/clock.png');}
.strIntroList > li .strInfo dl dd .btnStrView {position:absolute;bottom:20px;left:50px;font-size: 13px;}

.strIntroList > li .strLocate {display:none;position:relative;z-index:1;}
.strIntroList > li .strLocate > span {position:absolute;left:50%;top:30px;font-size:24px;color:#fff;text-align:center;transform:translate(-50%, 0);}
.strIntroList > li .strLocate > span em {display:block;line-height:50px;font-size:48px;}
.strIntroList > li .strLocate .btnClose {position:absolute;top:10px;right:15px;width:20px;height:20px;background:url('../img/X.png') no-repeat center;}

.strIntroList > li .strMark {position:absolute;top:0;right:0;bottom:0;width:280px;padding:30px 10px 0;text-align:center;word-break:keep-all;border-left:1px solid #adadad;}
.strIntroList > li .strMark .mark {margin:0 0 20px;}
.strIntroList > li .strMark .mark img {width:103px;}
.strIntroList > li .strMark > span {display:inline-block;width:200px;text-align:center;font-size:12px;line-height:15px;
	height: 106px;
    overflow-y: auto;
}
.strIntroList > li .strMark > span::-webkit-scrollbar { 
    display: none; 
}

/**********************************************************************************
## MOBILE - SFC-MALL 매장위치 리스트
**********************************************************************************/
@media screen and (max-width:800px) {
.strIntroCont {padding:60px 13px 30px;background:#eee;}
.strIntroCont > strong {margin:0 0 30px;line-height:1.0em;font-size:40px;}

.strIntroCate {margin:0 0 10px;}
.strIntroCate > ul {overflow:hidden;position:relative;margin:0 auto;}
.strIntroCate > ul li button {height:20px;padding:0 10px;line-height:20px;font-size:12px;}

.strTagBox {width:100%;margin:0 auto 10px;}
.strTagBox ul li {float:left;width:31.9%;height:140px;margin:0 8px 0 0;}
.strTagBox ul li:last-child {width:31.9%;margin:0;}
.strTagBox ul li button {width:100%;height:140px;color:#fff;font-size:12px;
	outline: 1px solid #fff;
    outline-offset: -10px;
}

.strIntroList {width:100%;margin:0;}
.strIntroList > li {margin:10px 0 0;}
.strIntroList > li .strInfo .strVisual {width:100%;}
.strIntroList > li .strInfo dl {position:static;width:100%;padding:20px 15px 0;}
.strIntroList > li .strInfo dl dt {line-height:18px;font-size:10px;}
.strIntroList > li .strInfo dl dt span {font-size:14px;}
.strIntroList > li .strInfo dl dd {margin:20px 0 0;font-size:12px;}
.strIntroList > li .strInfo dl dd > ul > li[class^="ico"] {padding:0 0 0 15px;line-height:18px;background-position:left 4px;background-size:10px;}
.strIntroList > li .strInfo dl dd > ul > li.ico02 {margin:10px 0 0;}
.strIntroList > li .strInfo dl dd .btnStrView {position:static;margin:20px 0 0 15px;font-size:12px;line-height:18px;}
.strIntroList > li .strInfo .strVisual .controllBox span {width:4px;height:4px;margin:0 0 0 4px;}

.strIntroList > li .strMark {position:static;width:100%;padding:20px 0;border-left:none;border-top:1px solid #adadad;}
.strIntroList > li .strMark .mark {margin:0 0 10px;}
.strIntroList > li .strMark .mark img {width:80px;}

.strIntroList > li .strLocate img {width:100%;}
.strIntroList > li .strLocate > span {top:10px;line-height:1.94vw;font-size:1.39vw;}
.strIntroList > li .strLocate > span em {display:block;line-height:6.39vw;font-size:5.56vw;}
.strIntroList > li .strLocate .btnClose {position:absolute;top:10px;right:15px;width:20px;height:20px;background:url('../img/ic_detailpopup_close.jpg') no-repeat center;}
}

/**********************************************************************************
## SFC - ABOUT 
**********************************************************************************/
/* PARKING INFO */
.parkInfoBox {background:url('../img/bg_parking_info.png') no-repeat center;background-size:cover;}
.parkInfoBox .innerBox {overflow:hidden;width:1112px;margin:0 auto;padding:190px 0 0;}
.parkInfoBox .innerBox dl {float:left;width:255px;margin:0 24px 0 0;border:2px solid #000;}
.parkInfoBox .innerBox dl:last-child {margin:0;}
.parkInfoBox .innerBox dl:nth-child(2n) {color:#fff;}
.parkInfoBox .innerBox dl dt {position:relative;height:227px;cursor:pointer;}
.parkInfoBox .innerBox dl dt:after {display:block;content:"";position:absolute;left:50%;bottom:40px;width:20px;height:20px;transform:translate(-50%, 0);}
.parkInfoBox .innerBox dl:nth-child(1) dt {background:rgba(255, 255, 255, 1);}
.parkInfoBox .innerBox dl:nth-child(1) dt:after {background:url('../img/ico_park02.png') no-repeat center;background-size:100%;}
.parkInfoBox .innerBox dl:nth-child(2) dt {background:rgba(0, 0, 0, 0.9);}
.parkInfoBox .innerBox dl:nth-child(2) dt:after {background:url('../img/ico_park01.png') no-repeat center;background-size:100%;}
.parkInfoBox .innerBox dl:nth-child(3) dt {background:rgba(204, 204, 204, 0.9);}
.parkInfoBox .innerBox dl:nth-child(3) dt:after {background:url('../img/ico_park02.png') no-repeat center;background-size:100%;}
.parkInfoBox .innerBox dl:nth-child(4) dt {background:rgba(51, 51, 51, 1);}
.parkInfoBox .innerBox dl:nth-child(4) dt:after {background:url('../img/ico_park01.png') no-repeat center;background-size:100%;}
.parkInfoBox .innerBox dl dt span {position:absolute;top:50%;left:0;right:0;line-height:24px;font-size:20px;text-align:center;transform:translate(0, -70%);}
.parkInfoBox .innerBox dl dt span em {display:block;margin:0 0 5px;line-height:40px;font-size:35px;font-weight:700;}
.parkInfoBox .innerBox dl dd {display:none;}
.parkInfoBox .innerBox dl:nth-child(1) dd {display:block;}
.parkInfoBox .innerBox dl dd ul li {padding:40px 0;line-height:24px;font-size:20px;text-align:center;border-top:2px solid #000;}
.parkInfoBox .innerBox dl dd ul li span {display:block;font-size:14px;font-weight:800;}
.parkInfoBox .innerBox dl:nth-child(1) dd ul li {background:rgba(216, 217, 220, 0.9);}
.parkInfoBox .innerBox dl:nth-child(1) dd ul li:nth-child(2n) {background:rgba(255, 255, 255, 0.9);}
.parkInfoBox .innerBox dl:nth-child(2) dd ul li {background:rgba(80, 80, 80, 0.9);}
.parkInfoBox .innerBox dl:nth-child(2) dd ul li:nth-child(2n) {background:rgba(0, 0, 0, 0.9);}
.parkInfoBox .innerBox dl:nth-child(3) dd ul li {background:rgba(255, 255, 255, 0.9);}
.parkInfoBox .innerBox dl:nth-child(3) dd ul li:nth-child(2n) {background:rgba(204, 204, 204, 0.9);}
.parkInfoBox .innerBox dl:nth-child(4) dd ul li {background:rgba(0, 0, 0, 0.9);}
.parkInfoBox .innerBox dl:nth-child(4) dd ul li:nth-child(2n) {background:rgba(80, 80, 80, 0.9);}

/**********************************************************************************
## MOBILE - SFC-ABOUT 
**********************************************************************************/
@media screen and (max-width:800px) {
.parkInfoBox .innerBox {overflow:hidden;box-sizing:border-box;width:100%;margin:0 auto;padding:70px 15px;}

.parkInfoBox .innerBox dl {float:none;box-sizing:border-box;width:100%;margin:0;}
.parkInfoBox .innerBox dl dt {height:120px;}
.parkInfoBox .innerBox dl dt:after {display:block;content:"";position:absolute;left:50%;bottom:20px;width:15px;height:15px;}
.parkInfoBox .innerBox dl dt span {top:20px;line-height:18px;font-size:12px;text-align:center;transform:translate(0, 0);}
.parkInfoBox .innerBox dl dt span em {margin:0;line-height:26px;font-size:20px;}
.parkInfoBox .innerBox dl dd ul li {padding:20px 0;line-height:18px;font-size:14px;}
}

/**********************************************************************************
## SFC - NEWS
**********************************************************************************/
.newBox01 {padding:240px 0 0;}
.newBox01 .imgBox ul li {height:480px;background-repeat:no-repeat;background-size:cover;}
.newBox01 .imgBox img {width:100%;height:480px;}
.newBox01 .thumBox {width:100%;margin:40px auto 0;}
.newBox01 .thumBox ul {overflow:hidden;position:relative;}
.newBox01 .thumBox ul li {float:left;width:200px;padding:0 6px;}

.newBox02 {padding:0 0 100px;}
.newBox02 .innerBox {overflow:hidden;width:1100px;margin:0 auto;}
.newBox02 .innerBox ul {overflow:hidden;margin:0 0 0 -20px;}
.newBox02 .innerBox ul li {float:left;padding:0 0 0 20px;}
.newBox02 .innerBox ul li a {display:block;}
.newBox02 .innerBox ul li a img {width:100%;}
.newBox02 .btnMore {display:block;margin:100px 0 0;text-align:center;}
.newBox02 .btnMore button {height:30px;padding:0 10px;font-size:20px;vertical-align:top;}

/*************************************************************************************************************
** MOBILE - SFC - NEWS
*************************************************************************************************************/
@media screen and (max-width:800px) {
.newBox02 {padding:0 0 50px;}
.newBox02 .innerBox {width:100%;}
.newBox02 .innerBox ul {margin:-6px 12px 0;}
.newBox02 .innerBox ul li {box-sizing:border-box;width:50%;padding:6px 3px 0;}
.newBox02 .btnMore {display:block;margin:50px 0 0;text-align:center;}
.newBox02 .btnMore button {height:18px;padding:0 10px;font-size:14px;vertical-align:top;}
}

/**********************************************************************************
## SFC - SERVICE
**********************************************************************************/
.serviceListWrap ul {width:1170px;margin:-80px auto 0;}
.serviceListWrap ul li {overflow:hidden;position:relative;padding:120px 0 0;text-align:center;}
.serviceListWrap ul li a {display:block;float:left;margin:0 16px;background-color: #fff;}
.serviceListWrap ul li a .img {display:block;position:relative;}
.serviceListWrap ul li a .img  img {width:100%;}
.serviceListWrap ul li a .img > span {display:none;position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.7);}
.serviceListWrap ul li a .img > span em {display:block;position:absolute;top:50%;left:0;right:0;font-size:20px;color:#fff;text-align:center;}
.serviceListWrap ul li a:hover .img > span {display:block;}
.serviceListWrap ul li a .cont {margin:35px 0 0;}
.serviceListWrap ul li a .cont .tit {display:block;line-height:22px;font-size:20px;font-weight:800;margin-top:10px;}
.serviceListWrap ul li a .cont .txt {display:block;margin:10px 0 0;font-size:14px;}
.serviceListWrap ul li a[class^="ico"]:after {display:block;content:"";position:relative;top:-130px;left:50%;width:42px;height:42px;background-repeat:no-repeat;background-position:center;background-size:cover;transform:translate(-50%, 0);}
/*
.serviceListWrap ul li a.ico01:after {background-image:url('../img/ico_concierge02.png') !important;}
.serviceListWrap ul li a.ico01:hover:after {background-image:url('../img/ico_concierge02_on.png') !important;}
.serviceListWrap ul li a.ico02:after {background-image:url('../img/ico_concierge03.png') !important;}
.serviceListWrap ul li a.ico02:hover:after {background-image:url('../img/ico_concierge03_on.png') !important;}
.serviceListWrap ul li a.ico03:after {background-image:url('../img/ico_concierge01.png') !important;}
.serviceListWrap ul li a.ico03:hover:after {background-image:url('../img/ico_concierge01_on.png') !important;}
.serviceListWrap ul li a.ico04:after {background-image:url('../img/ico_concierge04.png') !important;}
.serviceListWrap ul li a.ico04:hover:after {background-image:url('../img/ico_concierge04_on.png') !important;}
.serviceListWrap ul li a.ico05:after {background-image:url('../img/ico_concierge05.png') !important;}
.serviceListWrap ul li a.ico05:hover:after {background-image:url('../img/ico_concierge05_on.png') !important;}
.serviceListWrap ul li a.ico06:after {background-image:url('../img/ico_concierge07.png') !important;}
.serviceListWrap ul li a.ico06:hover:after {background-image:url('../img/ico_concierge07_on.png') !important;}
@media all and (-ms-high-contrast:none) {
	.serviceListWrap ul li a[class^="ico"]:after {top:-180px;}
	.serviceListWrap ul li a.ico01:after {background-image:url('../img/ico_concierge02.png') !important;}
	.serviceListWrap ul li a.ico01:hover:after {background-image:url('../img/ico_concierge02_on.png') !important;}
	.serviceListWrap ul li a.ico02:after {background-image:url('../img/ico_concierge03.png') !important;}
	.serviceListWrap ul li a.ico02:hover:after {background-image:url('../img/ico_concierge03_on.png') !important;}
	.serviceListWrap ul li a.ico03:after {background-image:url('../img/ico_concierge01.png') !important;}
	.serviceListWrap ul li a.ico03:hover:after {background-image:url('../img/ico_concierge01_on.png') !important;}
	.serviceListWrap ul li a.ico04:after {background-image:url('../img/ico_concierge04.png') !important;}
	.serviceListWrap ul li a.ico04:hover:after {background-image:url('../img/ico_concierge04_on.png') !important;}
	.serviceListWrap ul li a.ico05:after {background-image:url('../img/ico_concierge05.png') !important;}
	.serviceListWrap ul li a.ico05:hover:after {background-image:url('../img/ico_concierge05_on.png') !important;}
	.serviceListWrap ul li a.ico06:after {background-image:url('../img/ico_concierge07.png') !important;}
	.serviceListWrap ul li a.ico06:hover:after {background-image:url('../img/ico_concierge07_on.png') !important;}
}
*/
@media all and (-ms-high-contrast:none) {
	.finestBox > div:first-child + div::before {
		border: 0px !important;
	}
	.finestBox > div:first-child::after {
		border: 0px !important;
	}
}

.serviceListWrap02 {width:1120px;margin:0 auto; padding:50px 0 200px;}
.serviceListWrap02 .innerBox {overflow:hidden;position:relative;}
.serviceListWrap02 .innerBox .img {display:block;float:right;padding:0 0 0 0px;text-align:right;border-left:1px solid #c7c7c7;}
.serviceListWrap02 .innerBox > dl {position:absolute;left:10%;top:50%;width:300px;text-align:center;transform:translate(0, -50%);}
.serviceListWrap02 .innerBox > dl dt {margin:0 0 80px;font-size:28px;line-height:34px;font-weight:700;}
.serviceListWrap02 .innerBox > dl dd {margin:40px 0 0;}
.serviceListWrap02 .innerBox > dl dd:first-child {margin:0;}
.serviceListWrap02 .innerBox > dl dd .local {display:inline-block;padding:20px 0 0;background:url('../img/ico_service_locate.png') no-repeat center top;background-size:18px auto;}
.serviceListWrap02 .innerBox > dl dd.infoTxt {font-size:16px;}
.serviceListWrap02 .innerBox > dl dd.infoTxt span {display:block;line-height:32px;font-size:20px;}

.memberBox {position:absolute;left:4.17vw;top:50%;right:4.17vw;text-align:center;transform:translate(0, -50%);}
.memberBox .bigTxt {display:block;line-height:5.53vw;font-size:5.21vw;color:#fff; text-shadow:2px 2px 5px rgba(0, 0, 0, 0.8)}
.memberBox .txt {display:block;margin:1.04vw 0 0;line-height:1.56vw;font-size:0.93vw;color:#fff;text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}
.memberBox .joinBox {display:block;position:relative;width:550px;margin:40px auto 0;padding:0 150px 0 0;background:rgba(0, 0, 0, 0.8);}
.memberBox .joinBox > span {display:block;position:relative;width:550px;height:46px;color:#fff;text-align:left;}
.memberBox .joinBox > span label {display:block;position:absolute;top:0;bottom:0;left:0;right:0;padding:0 0 0 30px;line-height:46px;font-size:20px;}
.memberBox .joinBox > span input[type="text"] {box-sizing:border-box;width:100%;height:46px;padding:0 20px;line-height:45px;color:#fff;font-size:20px;}
.memberBox .joinBox button {position:absolute;right:0;top:0;bottom:0;width:150px;font-size:20px;text-align:center;background:#fff;}

.requestBox {overflow:hidden;box-sizing:border-box;padding:130px 0 0;background-color:#fff;background-position:center;background-size:cover;}
.requestBox #calendarArea {
	position: relative;
	box-sizing: border-box;
	margin-left: 10%;
	float: left;
	width: 35%;
	background: rgba(255, 255, 255, 0.9);
	margin-top: 10%;
	font-family: "NotoSansR";
}

.requestBox #calendarArea .cal_nav{
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	font-size: 48px;
	line-height: 78px;
}

.requestBox #calendarArea .cal_nav .year-month {
	width: 300px;
	text-align: center;
	line-height: 1;
}

.requestBox #calendarArea .cal_nav .nav {
	display: flex;
	border: 1px solid #333333;
	border-radius: 5px;
}

.requestBox #calendarArea .cal_nav .go-prev,
.requestBox #calendarArea .cal_nav .go-next {
	display: block;
	width: 50px;
	height: 78px;
	font-size: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.requestBox #calendarArea .cal_nav .go-prev::before,
.requestBox #calendarArea .cal_nav .go-next::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	border: 3px solid #000;
	border-width: 3px 3px 0 0;
	transition: border 0.1s;
}

.requestBox #calendarArea .cal_nav .go-prev:hover::before,
.requestBox #calendarArea .cal_nav .go-next:hover::before {
	border-color: #ed2a61;
}

.requestBox #calendarArea .cal_nav .go-prev::before {
	transform: rotate(-135deg);
}

.requestBox #calendarArea .cal_nav .go-next::before {
	transform: rotate(45deg);
}

.requestBox #calendarArea .cal_wrap {
	padding-top: 40px;
	position: relative;
	margin: 0 auto;
}

.requestBox #calendarArea .cal_wrap .days {
	display: flex;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}



.requestBox #calendarArea .cal_wrap::after {
	top: 368px;
}

.requestBox #calendarArea .cal_wrap .day {
	display:flex;
	align-items: center;
	justify-content: center;
	width: calc(100% / 7);
	text-align: left;
	color: #000;
	font-size: 15px;
	border-radius:5px;
	font-family: Georgia;
}

.requestBox #calendarArea .cal_wrap .dates .day:hover {
	background-color: #c0bdae;
	outline: 2px solid #FFFFFF;
	outline-offset: -4px;
}

.current:focus {
	background-color: blue;
	outline: none;
}

.current.new-day {
	background: blue;
	color: white !important;
}

.requestBox #calendarArea .cal_wrap .dates {
	display: flex;
	flex-flow: wrap;
	height: 290px;
}

.requestBox #calendarArea .cal_wrap .dates .day:nth-child(7n) {
	color: #3c6ffa;
}

.requestBox #calendarArea .cal_wrap .dates .day:nth-child(7n - 6) {
	color: #ed2a61;
}

.requestBox #calendarArea .cal_wrap .dates .day.disable.prev {
	color: #ddd;
}

.requestBox .reqInptBox {position:relative;box-sizing:border-box;float:right;width:50%;padding:60px 40px;background:rgba(255, 255, 255, 0.9);}

.requestBox .reqTitWrap > strong {display:block;line-height:40px;font-size:32px;font-weight:400;}
.requestBox .reqTitWrap p {margin:10px 0 0;font-size:16px;line-height:28px;}
.requestBox .chargeEmail {margin:50px 0 0;font-size:20px;}
.requestBox .chargeEmail span,
.requestBox .chargeEmail a {display:inline-block;vertical-align:middle;}
.requestBox .chargeEmail a {text-decoration:underline;}
.requestBox .inpRegBox {margin:20px 0 0;font-size:16px;}
.requestBox .termBox {margin:10px 0 0;}
.requestBox .termBox .termDetail {overflow-x:hidden;overflow-y:auto;height:100px;padding:20px;color:#9c9c9c;border:1px solid #bfbfbf;}
.requestBox .termBox .termDetail strong {display:block;font-weight:400;text-align:center;}
.requestBox .termBox .agreeChk {position:relative;margin:5px 0 0;padding:0 0 0 20px;}
.requestBox .termBox .agreeChk input[type="checkbox"] {position:absolute;top:3px;left:0;width:12px;height:12px;vertical-align:middle;appearance:checkbox;-webkit-appearance:checkbox;-moz-appearance:checkbox;}
.requestBox .termBox .agreeChk label {display:inline-block;padding:1px 0 0;line-height:19px;vertical-align:middle;}
.requestBox .reqConfirm {position:relative;margin:50px 0 0;padding:0 200px 0 0;}
.requestBox .reqConfirm > p {line-height:28px;font-size:16px;}
.requestBox .reqConfirm > button {position:absolute;right:0;top:50%;width:120px;height:32px;font-size:16px;color:#fff;background:#000;transform:translate(0, -50%);}

.concierConts {display:none;position:relative;box-sizing:border-box;padding:130px 0;background:#fff;}
.concierConts > button {position:absolute;top:50%;left:10px;height:40px;margin:-80px 0 0;font-size:20px;transform:rotate(90deg);z-index:0;}
[class^="concierSect"] {display:none;width:1290px;margin:0 auto;padding:100px 50px;}
[class^="concierSect"] dl {overflow:hidden;position:relative;padding:0 0 0 300px;}
[class^="concierSect"] dl dt {position:absolute;top:0;left:0;bottom:0;width:250px;border-right:1px solid #a0a0a0;}
[class^="concierSect"] dl dt div {position:absolute;top:50%;left:0;right:0;line-height:28px;font-size:16px;font-weight:300;text-align:center;transform:translate(0, -50%);}
[class^="concierSect"] dl dt div span {display:block;line-height:48px;font-size:28px;}
[class^="concierSect"] dl dd {float:left;width:290px;margin:0 60px 0 0;}
[class^="concierSect"] dl dd:last-child {margin:0;}
[class^="concierSect"] dl dd .serviceInfo {display:block;position:relative;}
[class^="concierSect"] dl dd .serviceInfo img {width:100%;}
[class^="concierSect"] dl dd .serviceInfo .frameBox {display:none;position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(255, 255, 255, 0.8);}
[class^="concierSect"] dl dd .serviceInfo .frameBox > ul {position:absolute;top:50%;left:0;right:0;transform:translate(0, -50%);}
[class^="concierSect"] dl dd .serviceInfo .frameBox > ul li {margin:40px 0 0;text-align:center;}
[class^="concierSect"] dl dd .serviceInfo .frameBox > ul li:first-child {margin:0;}
[class^="concierSect"] dl dd .serviceInfo .frameBox > ul li .infoTit {display:block;line-height:32px;font-size:20px;}
[class^="concierSect"] dl dd .serviceInfo .frameBox > ul li .infoCont {display:block;line-height:24px;font-size:16px;font-weight:300;}
[class^="concierSect"] dl dd .serviceInfo:hover  .frameBox {display:block;}
[class^="concierSect"] dl dd .serviceName {display:block;margin:20px 0 0;font-size:20px;text-align:center;}

/*************************************************************************************************************
** MOBILE - SFC - SERVICE
*************************************************************************************************************/
@media screen and (max-width:800px) {
.serviceListWrap ul {width:100%;margin:0 auto;}
.serviceListWrap ul li {overflow:hidden;position:relative;padding:50px 0 0;text-align:center;}
.serviceListWrap ul li a {float:none;box-sizing:border-box;width:100%;padding:0;}
.serviceListWrap ul li a:first-child {padding:0;}
.serviceListWrap ul li a[class^="ico"]:after {top:0;}
.serviceListWrap ul li a .cont {margin:20px 0 0;}
.serviceListWrap ul li a .cont .tit {line-height:18px;font-size:16px;}
.serviceListWrap ul li a .cont .txt {margin:5px 0 0;font-size:12px;}

.serviceListWrap02 {width:auto;margin:0 13px;padding:2px 0 100px;}
.serviceListWrap02 .innerBox .img {float:none;padding:0;text-align:right;border-left:none;}
.serviceListWrap02 .innerBox .img img {width:100%;}
.serviceListWrap02 .innerBox > dl {position:static;width:100%;transform:translate(0, 0);}
.serviceListWrap02 .innerBox > dl dt {margin:40px 0 20px;font-size:28px;line-height:34px;font-weight:700;}
.serviceListWrap02 .innerBox > dl dd {margin:10px 0 0;}
.serviceListWrap02 .innerBox > dl dd:first-child {margin:0;}
.serviceListWrap02 .innerBox > dl dd .local {display:inline-block;padding:20px 0 0;background:url('../img/ico_service_locate.png') no-repeat center top;background-size:18px auto;}
.serviceListWrap02 .innerBox > dl dd.infoTxt {font-size:12px;}
.serviceListWrap02 .innerBox > dl dd.infoTxt span {line-height:18px;font-size:16px;}

.memberBox {left:0;top:50%;right:0;}
.memberBox .bigTxt {line-height:7.1vw;font-size:7vw;}
.memberBox .txt {margin:1.39vw 0 0;line-height:3.61vw;font-size:2.08vw;text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}
.memberBox .joinBox {width:220px;margin:20px auto 0;padding:0 80px 0 0;}
.memberBox .joinBox > span {width:220px;height:30px;}
.memberBox .joinBox > span label {padding:1px 10px 0;line-height:30px;font-size:14px;}
.memberBox .joinBox > span input[type="text"] {height:30px;padding:0 10px;font-size:14px;}
.memberBox .joinBox button {width:80px;line-height:30px;font-size:14px;}

.requestBox {padding:16.67vw 0 0;}
.requestBox .reqInptBox {float:right;width:100%;padding:30px 15px;background:rgba(255, 255, 255, 0.9);}
.requestBox #calendarArea {float:left;width:50%;padding:30px 15px;background:rgba(255, 255, 255, 0.9);}
.requestBox .reqTitWrap > strong {line-height:37px;font-size:28px;}
.requestBox .reqTitWrap p {margin:10px 0 0;font-size:14px;line-height:24px;}
.requestBox .chargeEmail {margin:20px 0 0;font-size:16px;}
.requestBox .inpRegBox {margin:20px 0 0;font-size:14px;}
.requestBox .termBox {margin:10px 0 0;}
.requestBox .termBox .termDetail {height:100px;padding:10px;}
.requestBox .termBox .agreeChk {margin:5px 0 0;padding:0 0 0 25px;}
.requestBox .termBox .agreeChk input[type="checkbox"] {position:absolute;top:1px;left:0;width:19px;height:19px;vertical-align:middle;appearance:checkbox;-webkit-appearance:checkbox;}
.requestBox .termBox .agreeChk label {display:inline-block;line-height:20px;vertical-align:middle;}
.requestBox .reqConfirm {position:relative;margin:30px 0 0;padding:0;}
.requestBox .reqConfirm > p {line-height:24px;font-size:14px;}
.requestBox .reqConfirm > button {position:static;width:100%;margin:15px 0 0;transform:translate(0, 0);}

.concierConts {padding:16.67vw 0 0;}
.concierConts > button {position:static;width:100%;height:40px;margin:50px 0 0;font-size:20px;transform:rotate(0);z-index:1;}
[class^="concierSect"] {display:none;width:100%;margin:0 auto;padding:30px 0;}
[class^="concierSect"] dl {padding:0 4.45vw;}
[class^="concierSect"] dl dt {position:relative;top:0;left:0;bottom:0;width:100%;border-right:none;}
[class^="concierSect"] dl dt div {position:static;line-height:24px;font-size:14px;transform:translate(0, 0);}
[class^="concierSect"] dl dt div span {display:block;line-height:38px;font-size:20px;}
[class^="concierSect"] dl dd {float:none;width:100%;margin:20px 0;}
[class^="concierSect"] dl dd:last-child {margin:0;}


[class^="concierSect"] dl dd .serviceInfo .frameBox > ul li {margin:20px 0 0;text-align:center;}
[class^="concierSect"] dl dd .serviceInfo .frameBox > ul li:first-child {margin:0;}
[class^="concierSect"] dl dd .serviceInfo .frameBox > ul li .infoTit {line-height:28px;font-size:18px;}
[class^="concierSect"] dl dd .serviceInfo .frameBox > ul li .infoCont {line-height:20px;font-size:14px;}
[class^="concierSect"] dl dd .serviceName {margin:10px 0 0;font-size:16px;}

}

/*************************************************************************************************************
** LAYER POPUP
*************************************************************************************************************/
.layerMask {position:fixed;left:0;top:0;right:0;bottom:0;z-index:10;background: url(../img/mask_layerpopup.png);}
[class^="layerWrap"] {display:none;position:fixed;left:50%;top:50%;min-width:350px;border:1px solid #bfbfbf;background:#fff;transform:translate(-50%, -50%);z-index:10;}
[class^="layerWrap"] .layerClose {position:absolute;top:15px;right:15px;width:20px;height:20px;background:url('../img/btn_layer_close.png') no-repeat center;}
[class^="layerWrap"] .layerCont {padding:40px;}
[class^="layerWrap"] .layerCont .txt01 {font-size:16px;line-height:28px;text-align:center;}
[class^="layerWrap"] [class^="btnWrap"] {margin:30px 0 0;text-align:center;}
[class^="layerWrap"] .btnWrapR {text-align:right;}

[class^="layerWrap"] [class^="inpRegBox"] .tit {width:130px;}
[class^="layerWrap"] ul[class^="inpRegBox"] li {padding: 0 0 0 110px;}

[class^="layerWrap"] .loginUtil {margin:15px 0;font-size:12px;text-align:right;}
[class^="layerWrap"] .loginUtil a,
[class^="layerWrap"] .loginUtil button {display:inline-block;position:relative;margin:0 0 0 12px;vertical-align:middle;}
[class^="layerWrap"] .loginUtil a:before,
[class^="layerWrap"] .loginUtil button:before {display:block;content:"";position:absolute;top:4px;left:-7px;width:1px;height:9px;background:#a3a3a3;}
[class^="layerWrap"] .loginUtil a:first-child:before,
[class^="layerWrap"] .loginUtil button:first-child:before {display:none;}
[class^="layerWrap"] .loginUtil + .btnWrapR {margin:0;}

[class^="layerWrap"] .inpFindPw {display:block;}
[class^="layerWrap"] .inpFindPw em {display:inline-block;padding:0 0 5px;font-size:16px;border-bottom:1px solid #a3a3a3;}
[class^="layerWrap"] .inpFindPw > span {display:block;position:relative;margin:20px 0 0;border:1px solid #bfbfbf;}
[class^="layerWrap"] .inpFindPw > span span {position:absolute;left:0;top:0;right:0;bottom:0;padding:0 5px; line-height:32px;color:#9c9c9c;}
[class^="layerWrap"] .inpFindPw > span input[type="text"] {box-sizing:border-box;width:100%;height:32px;padding:0 5px}

[class^="layerWrap"] .joinChkBox li {margin:5px 0 0;}
[class^="layerWrap"] .joinChkBox li .checkWrap {margin:0;}

.layerWrap_420 {width:420px;}

@media screen and (max-width:800px) {
[class^="layerWrap"] {min-width:280px;}
[class^="layerWrap"] .layerCont {padding:30px 20px;}
[class^="layerWrap"] .layerClose {top:10px;right:10px;width:15px;height:15px;background:url('../img/btn_layer_close.png') no-repeat center;}
[class^="layerWrap"] .layerCont .txt01 {font-size:14px;line-height:20px;text-align:center;}
[class^="layerWrap"] [class^="btnWrap"] {margin:20px 0 0;}

[class^="layerWrap"] [class^="inpRegBox"] .tit {width:110px;}
[class^="layerWrap"] [class^="inpRegBox"] .titleDate {width:130px;}
[class^="layerWrap"] [class^="inpRegBox"] li {padding: 0 0 0 100px;}

.layerWrap_420 {width:290px;}
}


/*************************************************************************************************************
** store event
*************************************************************************************************************/
.storeEventWrap { background: #fff; padding-bottom: 140px; width: 1200px; margin: 0 auto;}
.storeEventWrap:after { content:""; display: table; clear: both; } 
.storeEventTab { text-align: center; padding: 5px 0; margin-bottom: 52px;}
.storeEventTab ul {font-size: 0;}
.storeEventTab ul li { display: inline-block; font-size: 20px; line-height: 23px; padding: 0 20px; font-weight: 300;}
.storeEventTab ul li + li { border-left: 2px solid #000;}
.storeEventTab ul li .on { font-weight: 400; }

.storeEventList { }
.storeEventList ul {margin: 0 -10px 0 -9px; }
.storeEventList ul:after {content:""; display: table; clear: both; }
.storeEventList ul li { float:left; width: 33.333333333333%; padding: 19px 10px 0 9px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.storeEventList img {width: auto;height: 494px;}
.storeEventList .storeEvent {display: block;position: relative; font-size: 0;line-height: 0;}
.storeEventList a { position: absolute; bottom:22px; right:19px; width: 29px; height: 30px; background: url(./../img/event/ic_arrow.png) no-repeat center center; text-indent: -9999px;}
.storeEventList i,
.storeEventList em { font-style: normal; }
.storeEventList .img { position: relative; display: block;overflow: hidden;}
.storeEventList .img:after { content:""; position: absolute; bottom:0;left:0;right:0;top:0; background: url(./../img/event/mask_img.png) no-repeat center bottom; -webkit-background-size: 100% auto;background-size: 100% auto;}
.storeEventList .desc { position: absolute; bottom:26px; left:19px; right:19px; }
.storeEventList .desc i {font-size: 20px;line-height: 1;color: #fff; white-space:nowrap; display: block; text-overflow:ellipsis;overflow: hidden; margin-bottom: 16px;}
.storeEventList .desc em {font-size: 16px;line-height: 1; color: #ccc;}

@media screen and (max-width:800px) {
.storeEventWrap {width: 100%;}
.storeEventList ul {margin: 0;}
.storeEventList ul li { float:none; width: 100%; padding-left: 19px;padding-right: 19px;}
}

/*************************************************************************************************************
** store event detail
*************************************************************************************************************/
.storeEventDetailWrap{display: none; background: #fff; padding:65px 0 180px; width: 1200px; margin: 0 auto;}
.storeEventDetail{position:relative;font-size:0;line-height:0;-webkit-box-shadow:3px 3px 3px 0 rgba(0,0,0,0.1);-moz-box-shadow:3px 3px 3px 0 rgba(0,0,0,0.1);box-shadow:3px 3px 3px 0 rgba(0,0,0,0.1)}
.storeEventDetail img{width:100%}
.storeEventDetail .cont{position:relative;top:0;left:0;right:0;background:url(../img/event/mask_detail.png);text-align:center;padding:18px 20px 13px;font-size:20px;line-height:32px;font-weight:400}
.storeEventDetail .cont .desc{font-size:16px;line-height:28px;font-weight:300;margin-bottom: 24px;}
.storeEventDetail .cont .tel{position:absolute;bottom:13px;right:20px;padding-left:23px;line-height:28px;font-size:16px}
.storeEventDetail .cont .tel:before{content:"";width:12px;height:12px;background:url(../img/event/ic_phone.png) no-repeat;position:absolute;top:50%;margin-top:-7px;left:0}

.ic-sns{display:block;width:18px;height:21px;background:url(../img/ic_sns.png) no-repeat;text-indent:-9999px}

.bottomMenu{position: relative;margin-top:81px;height: 30px;text-align:center;font-size:20px;line-height:30px;color:#000; }
.storeEventDetail + .bottomMenu { margin-top: 40px; }
.bottomMenu:after{content:"";display:table;clear:both}
.bottomMenu .left{position: absolute; top:0;left:0;z-index: 5;}
.bottomMenu .right{position: absolute; top:0;right:0;z-index: 5;}
.bottomMenu .right  ul {margin-top: -2px;}
.bottomMenu .right ul li { display: inline-block; position: relative; }
.bottomMenu .right  ul li a { vertical-align: middle; }
.bottomMenu .right  ul li + li:before { content:""; display: inline-block; width: 2px; height: 16px; background: #000; vertical-align: middle; margin: 0 15px;}
.btnMore {height:30px;padding:0 10px;font-size:20px;vertical-align:top;}
@media screen and (max-width:800px) {
.storeEventDetailWrap {width: 100%;}
.bottomMenu{margin-top:41px;height: 18px;text-align:center;font-size:14px;line-height:18px;color:#000;padding-left: 19px;padding-right: 19px;}
.btnMore {height:18px;padding:0 10px;font-size:14px;vertical-align:top;}
.bottomMenu .right  ul {margin-top: 0;}
.bottomMenu .right ul li + li:before { content:""; display: inline-block; width: 2px; height: 14px; background: #000; vertical-align: middle; margin: 0 10px;}
}


.subSectWrap.noTitHead { padding-top: 160px; }
.mySfcPage,
.mySfcPage:before ,
.mySfcPage:after ,
.mySfcPage *,
.mySfcPage *:before ,
.mySfcPage *:after  { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.mySfcWrap {width: 100%;min-height:960px;background: url(./../img/mysfc/bg_mysfc.jpg) no-repeat center center; -webkit-background-size: cover !important;background-size: cover !important;position: relative;}	
.mySfcWrap:before { content:""; position: absolute; top:0;bottom:0;right:50vw; left:0; background: url(./../img/mysfc/bg_mysfc_white.png); z-index: 0;}
.mySfc {position: relative; z-index: 2;width: auto; margin: 0 auto; padding: 80px 25vw 0 4vw;}
.mySfc .pageTitle { padding: 0; margin-bottom: 120px; text-align: left; }

.mySfcInner:after {content:""; display: table; clear: both; }
.mySfcInner .mySfcMenu {float:left; width: 190px; font-size: 20px; line-height: 36px; color: #000;}
.mySfcInner .mySfcMenu li + li { margin-top: 60px;}
.mySfcInner .mySfcMenu .on { font-weight: 800; }
.mySfcInner .mySfcCont {float:left; width: 320px; 
	padding: 14px;
    background: rgb(255,255,255,.9);
}
.mySfcCont .head {font-size: 20px;line-height: 36px;color: #000;height: 99px;position: relative;}
.mySfcCont .head .smenu {position: absolute; top:4px; right:0;}
.mySfcCont .head .smenu li {position: relative;float:left;letter-spacing: -0.01em;font-size: 16px;line-height: 32px;font-weight: 300;}
.mySfcCont .head .smenu li.current { font-weight: 400; }
.mySfcCont .head .smenu li + li {padding-left: 10px;margin-left: 9px;}
.mySfcCont .head .smenu li + li:before { content:""; position: absolute; top:50%; left:0; margin-top: -7px; width: 1px;height: 14px; background: #000;}
.mySfcCont .head .subdesc {font-size: 16px;line-height: 1; font-weight: 300; color: #000;}

.mySfcPerson .row {position: relative;height: 36px; font-size: 16px; color: #000; line-height: 21px; border: 1px solid #bfbfbf;padding:7px 9px 7px 99px;}
.mySfcPerson .row + .row {margin-top: 20px;}
.mySfcPerson .row:after {content:""; display: table; clear: both;}
.mySfcPerson .row.withBtn {padding-right: 72px;}
.mySfcPerson .row > span {position: absolute; top:7px;left:9px; color: #6e6c6c; width: 90px; display: block;   }
.mySfcPerson .btn {position: absolute; top:10px; right:24px; width: 23px; text-align: center; font-size: 12px;line-height: 1; padding-bottom: 4px; color: #6e6c6c; border-bottom: 1px solid #a9a9a9;}

.checkSwitch {position: absolute; top:10px; right:6px;  display: block; width: 59px; height: 20px;  cursor:pointer;background: url(./../img/mysfc/bg_checkbox_slider.png) no-repeat 0 center;}
.checkSwitch input {  opacity: 0; width: 0; height: 0; position: absolute;}
.checkSwitch .slider {
	position: absolute; top:-1px;left:0;background: url(./../img/mysfc/bg_checkbox_slider_point.png) no-repeat 0 0;width: 22px;height: 23px;z-index: 5;	-webkit-transition: .4s;transition: .4s;
}
.checkSwitch .txt {position: absolute; top:0;left:0;right:0;bottom:0;text-align: center; color: #fff;z-index: 1;font-size: 12px;line-height: 20px;}
.checkSwitch .txt .on {display: none;font-style: normal;}
.checkSwitch .txt .off {display: block;font-style: normal;}
.checkSwitch input:checked + .slider {
	-webkit-transform: translateX(37px);
	-ms-transform: translateX(37px);
	transform: translateX(37px);
}
.checkSwitch input:checked ~ .txt .on { display: block; }
.checkSwitch input:checked ~ .txt .off { display: none; }


.mySfcPoint .desc p {font-size: 20px;line-height: 32px;color: #000; letter-spacing: -0.03em;}
.mySfcPoint .desc p.subtit { font-size: 16px; line-height: 28px; font-weight: 300;}
.mySfcPoint .list {margin-top: 24px;}
.mySfcPoint .list th,
.mySfcPoint .list td { font-size: 12px;line-height: 18px; padding-top: 10px; border-bottom: 1px dashed #c4c6c7; text-align: left; width: auto;}
.mySfcPoint .list th {width: 100px;}
.mySfcPoint .list th + td {width: 120px;}


.mySfcForm .feRow {border: 1px solid #bfbfbf; height: 36px; padding-left: 74px; position: relative; }
.mySfcForm .feRow > span { position: absolute; top:0;left:0;font-size: 16px; line-height: 36px; color: #9c9c9c; text-align: left; width: 74px; padding-left: 9px;}
.mySfcForm .feSelect { height: 34px;  position: relative}
.mySfcForm .feSelect:after { content:""; position: absolute; top:50%; width: 12px;height: 9px;margin-top: -4.5px; right:18px; background: url(./../img/ic_select_arrow.png) no-repeat; z-index: 1;}
.mySfcForm .feSelect select {position: relative; z-index: 2; padding-right:  48px;line-height: 33px; }

.mySfcForm .feRow + .feRow { margin-top: 20px; }
.mySfcForm .feRow.feResult p,
.mySfcForm .feRow input,
.mySfcForm .feRow select ,
.mySfcForm .feRow textarea {border: 0;display: block;width: 100%; height: 34px;font-size: 16px; color: #000; font-weight: 300;padding: 9px; background: transparent; }
.mySfcForm .feRow select { padding: 0 9px; }

.mySfcForm .feRow.feText { padding-left: 0; height: auto;}
.mySfcForm .feRow.feText.feResult {padding-left: 44px;}
.mySfcForm .feRow.feText.feResult > span {width: 44px;}
.mySfcForm .feRow.feText.feResult p ,
.mySfcForm .feRow.feText textarea {height: 153px; line-height: 20px;overflow: hidden;overflow-y: auto;}

.mySfcForm .btnWrap {margin-top: 20px;text-align: right;}
.mySfcForm .btnWrap .btn { width: 96px;height: 24px; line-height: 23px;background: #000; font-size: 16px; color: #fff; text-align: center;}

.tabContent {display: none;}
.tabContent.current { display: block; }


.mySfcAnswerWrap { display: none; min-height:960px; background: #fff; padding-top: 35px; position: relative; }
.mySfcAnswerInner { max-width: 1200px; margin: 0 auto; position: relative; min-height:925px; padding-bottom: 201px; }
.mySfcAnswerInner .pageTitle { padding: 0; text-align: left; margin-bottom: 95px; font-size: 32px;font-weight: normal;}
.mySfcAnswerList .question,
.mySfcAnswerList .thead { display: table; width: 100%; }
.mySfcAnswerList .thead .row > span { font-weight: 400; height: 40px; background: #000; color: #fff; padding: 10px;}
.mySfcAnswerList .row {display: table-row;}
.mySfcAnswerList .row > span { display: table-cell; width: 160px; vertical-align: middle; height: 120px; font-weight: 300; font-size: 16px; line-height: 20px; padding: 20px 10px; text-align: center;}
.mySfcAnswerList .row > span.cont { width: auto; }
.mySfcAnswerList .question .row > span.cont { text-align: left; }
.mySfcAnswerList li {border-bottom: 1px solid #bfbfbf; }
.mySfcAnswerList li.open ,
.mySfcAnswerList li.thead { border-bottom: 0; }
.mySfcAnswerList li.open .answer { display: block; }
.mySfcAnswerList .answer {display: none; border: 1px solid #bfbfbf;padding: 40px 40px 0;font-size: 16px; line-height: 28px; color: #000 ; font-weight: 300;}
.mySfcAnswerList .answer .tit {font-weight: 600;font-size: 16px;line-height: 1;padding: 0 10px;margin-bottom: 44px;}
.mySfcAnswerList .answer .q {padding: 10px;}
.mySfcAnswerList .answer .a {padding: 18px 10px 20px; border-top: 1px solid #bfbfbf; margin-top: 30px;}
.mySfcAnswerList .empty .row {font-size: 16px; width: 100%; display: block; text-align: center;line-height: 120px;text-align: center;font-weight: 300;}

.mySfcAnswerInner .bottomMenu { position: absolute; bottom:0; left:0; right:0; padding-bottom: 120px; }

.paging {text-align: center;}
.paging ul {display: inline-block;}
.paging ul li { float:left;font-size: 0;line-height: 0;}
.paging ul li + li { margin-left: 42px; }
.paging ul li a { font-size: 15.6px; line-height: 1; vertical-align: top; display: inline-block; margin-top: 1px; }
.paging ul li b { font-size: 19.5px; line-height: 1; vertical-align: top; display: inline-block; font-weight: bold; border-bottom: 1px solid #000;padding: 0 1px 0;}



.galleryDetailView,
.galleryDetailView *,
.galleryDetailView *:after,
.galleryDetailView *:before {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.galleryDetailView {display: none; width: 1150px; height: 548px;position: absolute; top:50%; left:50%; margin-left: -575px; margin-top: -274px;background: #fff; z-index: 100;-webkit-box-shadow:3px 3px 10px 0 rgba(0,0,0,0.2);-moz-box-shadow:3px 3px 10px 0 rgba(0,0,0,0.2);box-shadow:3px 3px 10px 0 rgba(0,0,0,0.2);border: 1px solid #bfbfbf;}

.galleryDetailView  .img {float:left;width: 548px; overflow: hidden;}
.galleryDetailView  .desc {float:left;width: 600px;}

.galleryDetailView .info {padding:58px 44px 0 36px; height: 258px;}
.galleryDetailView .info dt {line-height:24px;font-size:16px;}
.galleryDetailView .info dt span {display:block;font-size:22px;line-height: 1;font-weight:700;border-bottom:1px solid #050001; margin-bottom: 10px;}
.galleryDetailView .info dd {margin:40px 0 0;font-size:15px;color:#000;}
.galleryDetailView .info dd > ul > li { float:none; width: auto; }
.galleryDetailView .info dd > ul > li[class^="ico"] {padding:0 0 0 20px;line-height:20px;background-repeat:no-repeat;background-position:left 2px;background-size:14px;}
.galleryDetailView .info dd > ul > li[class^="ico"] > span {font-weight:700;}
.galleryDetailView .info dd > ul > li.ico01 {background-image:url('../img/phone-call.png');}
.galleryDetailView .info dd > ul > li.ico02 {margin:11px 0 0;background-image:url('../img/clock.png');}
.galleryDetailView .btnClose {position:absolute;top:15px;right:15px;width:20px;height:20px;background:url('../img/ic_detailpopup_close.png') no-repeat center;}


.pageTopBtnWrap {text-align: center;margin-top: 80px;}
.pageTopBtnWrap .pageTopBtn {font-size: 20px;color: #000; display: inline-block; border-bottom: 1px solid #000; line-height: 1;}

.pageFollowTop { position: fixed; left:50%; bottom:20px; margin-left: 600px; }
.pageFollowTop .pageTopBtn {width: 36px;height: 36px; display: block; background: url(./../img/btn_top.png) no-repeat;}



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

.envWrap {padding-bottom: 0px;}
.envWrap .awardConts {position:relative;height:738px;background-repeat:no-repeat;background-position:center;background-size:cover; font-size: 0;line-height: 0;}
.envWrap .awardInWrap {width: 1200px;margin: 0 auto;height: 738px;text-align: right;}
.envWrap .awardInWrap:before {content:""; display: inline-block; vertical-align: middle; height: 100%; text-align: left; }
.envWrap .awardIn {display: inline-block; vertical-align: bottom; margin-bottom: 30px;text-shadow:2px 2px 5px rgba(0, 0, 0, 0.5)}
.envWrap .awardIn .imgBox {}
.envWrap .awardIn .imgBox:after {content:""; display: table; clear: both; }
.envWrap .awardIn .imgBox > span { display: inline-block; vertical-align: middle;  }
.envWrap .awardIn .imgBox > span + span { margin-left: 40px; }
.envWrap .awardIn .txtBox {margin-top: 38px;text-transform:uppercase}
.envWrap .awardIn .bigTxt {display: block;font-size: 40px; line-height: 42px; font-weight: normal; color: #fff;font-family: 'noto_serif', "sans-serif";}
.envWrap .awardIn .txt {display: block;font-size: 20px;line-height: 32px;margin-top: 15px; color: #fff;}


.awardListWrap .pageTitle { padding: 170px 0 145px;}
.awardListWrap .awardList {width: 1120px;margin: 0 auto;}
.awardListWrap .awardList:after { content:"";display: table; clear: both; }
.awardListWrap .awardList li {padding: 10px; float:left; }
.awardListWrap .awardBox {width: 260px;}
.awardListWrap .awardBox .img {font-size: 0; width: 260px;height: 207px; overflow: hidden;}
.awardListWrap .awardBox .img img { width: 100% }
.awardListWrap .awardBox .txt {padding: 18px;width: 260px; height: 100px; border: 1px solid #eee; font-size: 20px; line-height: 1.6;text-align: center; display: table-cell; vertical-align: middle;}


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

.finestWrap {width: 100%;min-width:1200px;margin: 0 auto;display: table;background: #eee;}
.finestBox {display: table-row;}
.finestBox .imgBox,
.finestBox .txtBox { display: table-cell; width: 50%;text-align: center;vertical-align: middle; position: relative; }
.finestBox .imgBox img {width: 100%;}

.finestBox > div:first-child:after { content:""; display: block; position: absolute; top:29px;right:0;bottom:29px;left:30px; border: 1px solid #fff; border-right: 0;}
.finestBox > div:first-child + div:before { content:""; display: block; position: absolute; top:29px;left:0;bottom:29px;right:30px; border: 1px solid #fff; border-left: 0;}
.finestBox .txtWrap {display: inline-block; width: 420px; text-align: left;}
.finestBox .txt { font-size: 20px; line-height: 44px; }
.finestBox .txt ul li {position: relative; padding-left: 13px;}
.finestBox .txt ul li:before {content:""; display: block; width: 3px; height: 3px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background: #000; position: absolute; left:0; top:50%; margin-top: -1.5px;} 
.finestBox .btn { display: block; margin-top: 48px; width: 100%; height: 48px; line-height: 48px; background: #000; font-size: 20px; text-align: center; color: #fff;}


.sitemapWrap,
.sitemapWrap:before ,
.sitemapWrap:after ,
.sitemapWrap *,
.sitemapWrap *:before ,
.sitemapWrap *:after  { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.sitemapWrap {padding-bottom: 150px;}
.sitemapWrap .pageTitle { padding: 34px 0 0; margin-bottom: 100px; text-align: center; font-weight: 800; font-size: 36px;}

.sitemap {display: table; table-layout: fixed; width: 1200px; margin: 0 auto; border-width: 1px 0;}
.sitemap .row {display: table-row;}
.sitemap .row .tit ,
.sitemap .row .col {display: table-cell; vertical-align: top; font-size: 16px; line-height: 24px; padding: 35px 20px; color: #000;}

.sitemap .row + .row .tit ,
.sitemap .row + .row .col { border-top: 1px solid #bfbfbf; }


.sitemap .tit {width: 190px; background: #eee;}
.sitemap .col {width: calc( ( 100% - 190px )/ 5); }
.sitemap ul {margin-top: 10px;}
.sitemap ul li { position: relative; padding-left:  9px; margin-top: 40px;}
.sitemap ul li:before {content:"-"; position: absolute; top:0; left:0; font-size: 16px; line-height: 24px;}

.searchResultWrap,
.searchResultWrap:before ,
.searchResultWrap:after ,
.searchResultWrap *,
.searchResultWrap *:before ,
.searchResultWrap *:after  { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.searchResultWrap { width: 1200px; margin: 60px auto 0; padding-bottom: 150px;}

.searchResult + .searchResult {margin-top: 50px;}
.searchResult .tit {font-size: 32px; line-height: 48px; color: #000;}
.searchResult .msg { font-size: 16px;line-height: 48px; color: #000; }
.searchResult .msg b { font-size: 24px; vertical-align: baseline; color: #ff0000; font-weight: normal; }
.searchResult .head { border-bottom: 2px solid #000; }

.searchResult .resultList {}
.searchResult .resultList ul {font-size: 0;}
.searchResult .resultList ul:after {content:""; display: table; clear: both; }
.searchResult .resultList ul li {padding: 10px;height: 93px; border-bottom: 1px solid #bfbfbf; }
.searchResult .resultList ul li:before { content:""; display: inline-block; vertical-align: middle; height: 100%; }
.searchResult .resultList ul li a {font-size: 16px; line-height: 28px; display: inline-block; max-width:calc(100% - 1px); vertical-align: middle;}
.searchResult .resultList.imgList {overflow: hidden;}
.searchResult .resultList.imgList ul {margin: 0 -13px 0 -14px;}
.searchResult .resultList.imgList li {height: auto;float:left;width: 25%;padding: 10px 13px 10px 14px;border-bottom: 0;}

.storeResult { position: relative; }
.storeResult .img {}
.storeResult .img img {width: 100%;}
.storeResult .desc {display: none; text-align: center;height: 100%;width: 100%;position: absolute; top:0;left:0;right:0;bottom:0;font-size: 0; background: #fff; opacity:0.9;z-index: 5;}
.storeResult .desc:before {content:""; display: inline-block; vertical-align: middle; height: 100%; }
.storeResult .desc dl {display: inline-block; vertical-align: middle; font-size: 16px;line-height: 24px;color: #000; max-width:calc(100% - 100px)}
.storeResult .desc dl dt {font-weight: 300;}
.storeResult .desc dl dd {font-weight: 400;}
.storeResult .desc dl dd + dt { margin-top: 8px; }
.storeResult .link { position: absolute; top:0;left:0;right:0;bottom:0; z-index: 10; text-indent: -9999px; background: url(./../img/blank.png);}
.storeResult:hover .desc ,
.storeResult .link:hover ~ .desc { display: block; }