@charset "utf-8";
/*body, html { *overflow: hidden;}*/

#loveCWBWrapper, #loveBannerWrapper {background-color: #F8F8F8; width: 100%; overflow:hidden; min-width:980px; position: relative;}
#loveBannerWrapper {background: url(../images/love/banner_cwb.jpg) no-repeat center 0 #000;}
.loveCWBContentWrapper, #loveBanner {width: 100%; max-width: 1484px; position: relative; margin:0 auto;}
#loveBanner {height: 305px;}
.loveCWBContent {width:980px; margin-left: auto; margin-right: auto; position: relative;}
.loveItem {position: relative; height: 177px; left: -252px; width:1484px;}
.loveCWBBanner, .loveCWBMap {position: absolute; top: 0; height: 177px; overflow:hidden; z-index: 1;}
.loveCWBMap {width:1484px; height:1130px; top:-426px; left:0; cursor:move;}

.titleLink {position: absolute; top: 66px; z-index: 102; left: 40%;}
.titleLink a { text-align: center; display:block; width: 272px;}
.titleLink a.active {padding-bottom: 20px; background:url(../images/love/bg_arrow_down.png) no-repeat center bottom; }
.titleLink a.active img {border-bottom: 5px solid #000;}
.loveItemDetail {height: 450px; display: none; width: 100%; position: relative; z-index: 100;}


.loveItemDetail .loveLeftBtn, .loveItemDetail .loveRightBtn, #loveShopLeftBtn, #loveShopRightBtn {position: absolute; top: 210px; background:url(../images/about/btn_left.gif) no-repeat 0 0; width: 79px; height: 82px; display: block; z-index: 1000; cursor: pointer; text-indent: -5000px;}
#loveShopLeftBtn, #loveShopRightBtn {display: none;}
.loveItemDetail .loveLeftBtn, #loveShopLeftBtn {left: 129px;}
.loveItemDetail .loveRightBtn, #loveShopRightBtn {right: 129px; background-image:url(../images/about/btn_right.gif);  text-indent: 5000px; }

.loveSlideWrapper {position: relative; top: 100px; z-index: 999;}
.loveSlideMask, #shopSlideMask {width:1484px; position: relative; height: 306px; overflow:hidden;}
.loveSlideItemWrapper, #shopSlideItemWrapper {position: absolute; top: 0; left: 395px; width: 5000px;}
.loveSlideItem {float: left; width: 635px; height: 246px; padding: 30px; background:url(../images/love/bg_item.png) repeat 0 0; margin-right: 5px;}

.loveSlideItem .itemImg {float: left; width: 160px; margin-right: 34px;}
.loveSlideItem .itemDes {float: left; width: 420px;}
.loveSlideItem .itemDes h3 {font-family: 'Cantata One', serif; font-size: 140%; font-weight: bold; width: 330px; line-height: 140%; background:url(../images/love/bg_item_title.png) no-repeat 0 bottom; padding-bottom: 18px; margin-bottom: 18px;}
.loveSlideItem .itemDes div {font-size: 90%; line-height: 160%; font-family:Georgia, "Times New Roman", Times, serif;}
.loveSlideItem .itemDes div p {font-size: 100%; }

.loveSlideItem ol, .loveSlideItem ul {padding-left: 24px; padding-bottom: 15px;}
.loveSlideItem ol li, .loveSlideItem ul li {font-size: 120%; line-height: 160%; font-family:Georgia, "Times New Roman", Times, serif;}
.loveSlideItem ol li { list-style:decimal;}
.loveSlideItem ul li {background: url(../images/bg_list.gif) no-repeat 0 8px; padding:0 0 5px 26px;}

.loveSlideItem table tr td, .loveSlideItem table tr th {border: 1px sloid #000; padding: 5px; vertical-align:top; font-size: 100%; font-family: Georgia, "Times New Roman", Times, serif;}
.loveSlideItem .itemDes a {text-decoration:underline;}

.scroll-pane{	width: 430px;  padding-right: 20px;	height: 250px;overflow: auto;}

#mapContentWrapper {height: 610px; z-index: 102;}
#mapIndicator {width: 72px; height: 64px; padding: 22px; position:absolute; top: 2px; left: 289px; background:url(../images/love/bg_map_indicator.png) repeat 0 0; z-index: 1000; display:none;}
#mapIndicator div {font-size: 70%; line-height: 120%; background:url(../images/love/icon_hotel.png) no-repeat 0 0; padding: 0 0 8px 24px;}
#mapIndicator div#mtrIcon {background-image: url(../images/love/icon_mtr.png);}
#mapIndicator div#parklIcon {background-image: url(../images/love/icon_parking.png);}




#shopSlideMask {height: 150px;}
#shopListWrapper {bottom: 0px; position:absolute; z-index: 999;background: url(../images/love/bg_list.png) repeat-x 0 0; display: none;}
#shopSlideItemWrapper {left: 289px; height: 150px;}
#shopSlideItemWrapper div.shopItem {position: relative; width: 289px; padding-right: 8px; float: left;}

#shopSlideItemWrapper div.shopItem .shopItemLogo {width: 128px; height: 128px; background-color: #fff; border: 1px solid #000000; margin-left: 13px; float: left;}
#shopSlideItemWrapper div.shopItem .shopItemLogo span {display:table; height: 100%; position:relative; *display: block; padding-bottom: 0; background: none; width: 100%; text-align:center;}
#shopSlideItemWrapper div.shopItem .shopItemLogo span i {display:table-cell; top:50%; vertical-align:middle;	*position: absolute; *display: block;}
#shopSlideItemWrapper div.shopItem .shopItemLogo span i strong {*position: relative;	top:-50%; *display: block; *left: -50%; font-weight: normal; }

#shopSlideItemWrapper div.shopItem .shopDetailWrapper {width: 124px; float: left; line-height: 120%; padding: 30px 0 0 18px; position:relative;}
#shopSlideItemWrapper div.shopItem .shopDetailWrapper h5 {color: #fff; font-family:Georgia, "Times New Roman", Times, serif; font-size: 80%; line-height: 110%;}
#shopSlideItemWrapper div.shopItem .shopDetailWrapper h6 { font-family:Verdana, Geneva, sans-serif; color: #F8C598; font-size: 65%;}
#shopSlideItemWrapper div.shopItem .shopDetailWrapper a {padding: 7px; background-color: #000; font-size: 60%; font-style:italic; color: #fff; position: absolute; top: 98px; left: 16px;}

/*For Map Div*/
/*#mapBanner {position: relative; z-index: 10;}*/
#mapBanner div {position: relative;}

#mapBanner div a.buildingLink  { background-color: #000; position:absolute; bottom: 532px; left: 743px; display:block; background:url(../images/love/space.png) repeat 0 0; /*background-color: #000;*/ width: 40px; height: 49px; z-index: 1000;}
/*#mapBanner div a#HP {bottom: 584px; height: 117px; left: 691px; width: 44px;}
#mapBanner div a#LG {bottom: 461px; height: 154px; left: 743px; width: 81px;}
#mapBanner div a#LG2 {bottom: 493px; height: 93px; left: 817px; width: 81px;}
#mapBanner div a#LTP {bottom: 463px;height: 114px;left: 591px;width: 51px;}
#mapBanner div a#LT {bottom: 417px;height: 42px;left: 565px;width: 79px;}
#mapBanner div a#ITHO {bottom: 426px; height: 83px;left: 670px;width: 37px;}
#mapBanner div a#HA {bottom: 437px;height: 46px; left: 839px; width: 30px;}
#mapBanner div a#LR {bottom: 384px; height: 46px; left: 849px; width: 30px;}
#mapBanner div a#SP {bottom: 367px; height: 92px; left: 802px; width: 32px;}*/
#mapBanner div a#HP {bottom: 617px; height: 100px; left: 735px; width: 44px;}
#mapBanner div a#LG {bottom: 489px; height: 130px; left: 699px; width: 41px;}
#mapBanner div a#LG2 {bottom: 428px; height: 150px; left: 805px; width: 64px;}
#mapBanner div a#LTP {bottom: 567px;height: 114px;left: 593px;width: 48px;}
#mapBanner div a#LT {bottom: 534px;height: 39px;left: 550px;width: 79px;}
#mapBanner div a#ITHO {bottom: 502px; height: 83px;left: 648px;width: 37px;}
#mapBanner div a#HA {bottom: 419px;height: 54px; left: 777px; width: 35px;}
#mapBanner div a#LR {bottom: 367px; height: 52px; left: 772px; width: 35px;}
#mapBanner div a#SP {bottom: 377px; height: 92px; left: 818px; width: 32px;}
#mapBanner div a.buildingLink span {width: 200px; height: auto; position: relative; left: -110px; display: none; }
#mapBanner div a.buildingLink span img {position: absolute; right: 115px; top: 50%; z-index: 1002;}
#mapBanner div a.buildingLink span span {width: 141px; height: auto; padding: 30px 20px; display: block; background-color: #fff; margin-right: 18px; border: 1px solid #000000; color: #000000;}
#mapBanner div a.buildingLink span span strong { font-weight: normal; font-family: 'Cantata One', serif; font-size: 100%; line-height: 120%;border-bottom: 1px solid #CCCCCC; padding-bottom: 10px; display: block; margin-bottom: 20px;}
#mapBanner div a.buildingLink span span i { font-style:normal; font-size:70%; line-height: 110%; color: #C1AC7B; }
#mapBanner div a:hover { text-decoration:none;}
#mapBanner div a.buildingLink:hover span {display: block;}

#mapBanner div a.overIcon { text-decoration:none;position:absolute; bottom: 426px; left: 508px; /*background-color: #000; */width: 18px; height: 18px; display: block; position: relative;}
#mapBanner div a.overIcon span {width: 120px; display: block; padding: 7px 0; color: #fff; background:url(../images/love/over_arrow.png) no-repeat 4px bottom; margin-bottom: 8px; font-size: 9px; line-height: 120%; display: none; position:absolute; bottom:  10px; left: 0; }
#mapBanner div a.overIcon:hover span {display: block;}
#mapBanner div a.overIcon span strong { font-weight: normal; background-color: #999; display: block; padding: 7px;}
#mapBanner div a.MapHIcon {}
#mapBanner div a#mapHotel2 {bottom: 328px; left: 881px;}
#mapBanner div a#mapHotel3 {bottom: 361px; left: 925px;}
#mapBanner div a#mapHotel4 {bottom: 592px; left: 1015px;}
#mapBanner div a#mapHotel5 {bottom: 715px; left: 942px;}

.mobile-loveCWBMap{ background-image: url(/main/ko/images/love/mobile_map.jpg) !important; }