@charset "utf-8";


#mapModal{width:100%; height:1500px; background:url(/img/vp/images/common/smartMenu_bg.png) repeat; position: absolute; z-index:10000000; left:0; top:0; display:none;}

/******************* wrap *************************/

#map{width:960px; height:822px; overflow:hidden; position:absolute; left:50%; top:100px; margin-left:-480px; background-color:#fff;}
#mapWrap{width:1210px; position:absolute; top:0; left:-250px;}
#mapMenu{ width:250px; height:750px; float:left; background:url(/img/vp/images/common/map_menu_bg.png) repeat-y right #40454d;}
#mapMenu .menuTitle{color:#5ce0de; font-size:15px; text-indent:20px; line-height:50px; border-bottom:1px solid #2f333b; background:url(/img/vp/images/common/map_menu_bg.png) repeat-y right #40454d;}

#mapMenu li{font-size:13px; border-bottom:1px solid #2f333b; background:url(/img/vp/images/common/map_menu_bg.png) repeat-y right #40454d;}
#mapMenu li a{ display:block; color:#c9c9c9; width:100%; height:100%; line-height:40px; text-indent:20px;}
#mapMenu li a:hover,#mapMenu li a.on{ background:#009493; color:#fff; font-weight:bold;}

#mapMenu li.accomo a:hover,#mapMenu li.accomo a.on{ background:#9c6f31; color:#fff; font-weight:bold;}
#mapMenu li.food a:hover,#mapMenu li.food a.on{ background:#e44911; color:#fff; font-weight:bold;}
#mapMenu li.ocean a:hover,#mapMenu li.ocean a.on{ background:#1984dd; color:#fff; font-weight:bold;}
#mapMenu li.ski a:hover,#mapMenu li.ski a.on{ background:#595ccc; color:#fff; font-weight:bold;}

#mapMenu li ul{ display:none;}

#mapMenu li li{font-size:13px; line-height:40px; border-top:1px solid #292d34; border-bottom:none; background:url(/img/vp/images/common/map_menu_bg.png) repeat-y right #2f333b;}
#mapMenu li li a{ color:#bbbbbb; background:url(/img/vp/images/common/map_menu_arrow.png) no-repeat 20px center;height:100%; text-indent:33px;}
#mapMenu li li a:hover,#mapMenu li li a.on{color:#5ce0de; background:url(/img/vp/images/common/map_menu_arrow.png) no-repeat 20px center;font-weight:bold;}

#mapMenu li.food li a.on,#mapMenu li.food li a:hover{color:#ff8523; font-weight:bold;background:url(/img/vp/images/common/map_menu_arrow.png) no-repeat 20px center;}
#mapMenu li.ocean li a.on,#mapMenu li.ocean li a:hover{color:#4baaf9; font-weight:bold;background:url(/img/vp/images/common/map_menu_arrow.png) no-repeat 20px center;}

#mapMenu li li li{ background-color: #22252c; text-indent:33px;}
#mapMenu li li li a{ color:#bbbbbb; height:100%; text-indent:33px; background:none; }

#mapMenu li.food li li a.on,#mapMenu li.food li li a:hover{color:#ff8523; font-weight:bold;background:none;}
#mapMenu li.ocean li li a.on,#mapMenu li.ocean li li a:hover{color:#4baaf9; font-weight:bold;background:none;}

#mapCon{float:left;}
#mapCon .top{ width:960px; height:50px; background:url(/img/vp/images/common/map_menu_title_new.png) no-repeat center center #2c3037; border-bottom:2px solid #363b42;}
#mapCon .top .menu{ display:block; width:120px; height:50px; background:url(/img/vp/images/common/map_menu_btn_new.png) no-repeat left top; float:left; color:#fff; text-indent:50px; line-height:50px;}
#mapCon .top .close{ display:block; width:50px; height:50px; background:url(/img/vp/images/common/map_close_btn_new.png) no-repeat center center; text-indent:-5000px; float:right;}


#mapCon .con{ width:100%; position:relative;}
#mapCon .con img{position:absolute;}


/******************* lnb *************************/

#worldMapLnb{ height:39px; width:100%; padding:0 35px; width:100%;background-color:#00adad; border-bottom:1px solid #006d6d;}
#worldMapLnb ul:after{display:block; clear:both; content:""}
/* #worldMapLnb ul li{ float:left; height:40px; width:230px; position:relative;} */ /* 기존 */
#worldMapLnb ul li{ float:left; height:40px; width:290px; position:relative;}
/* #worldMapLnb ul li a{height:40px; line-height:40px; width:100%; font-size:14px; color:#fff; text-indent:30px; font-weight:bold; display:block; background:url(/img/vp/images/common/lnb_arrow.png) no-repeat right top;} */
#worldMapLnb ul li a{height:40px; line-height:40px; width:100%; font-size:14px; color:#fff; text-indent:15px; font-weight:bold; display:block; background:url(/img/vp/images/common/lnb_arrow.png) no-repeat right top;}

.accomodation #worldMapLnb{ background-color:#b1854a; border-bottom:1px solid #9f6f2e;}
.accomodation #worldMapLnb ul li a{background:url(/img/vp/images/accomodation/lnb_arrow.png) no-repeat right top;}
.foodworld #worldMapLnb{ background-color:#da3210; border-bottom:1px solid #af2e00;}
.foodworld #worldMapLnb ul li a{background:url(/img/vp/images/foodworld/lnb_arrow.png) no-repeat right top;}
.oceanworld #worldMapLnb{ background-color:#1983dc; border-bottom:1px solid #006ac3;}
.oceanworld #worldMapLnb ul li a{background:url(/img/vp/images/oceanworld/lnb_arrow.png) no-repeat right top;}
.skiworld #worldMapLnb{ background-color:#4d50c6; border-bottom:1px solid #3935ad;}
.skiworld #worldMapLnb ul li a{background:url(/img/vp/images/skiworld/lnb_arrow.png) no-repeat right top;}
.snowyland #worldMapLnb{ background-color:#da3210; border-bottom:1px solid #af2e00;}
.snowyland #worldMapLnb ul li a{background:url(/img/vp/images/foodworld/lnb_arrow.png) no-repeat right top;}

/* #worldMapLnb ul li .lnbMenu{ background-color:#f1f1f1; border:1px solid #d5d5d5;width:210px; border-top:none; display:none; position:relative; z-index:10;} */
#worldMapLnb ul li .lnbMenu{ background-color:#f1f1f1; border:1px solid #d5d5d5;width:290px; border-top:none; display:none; position:relative; z-index:10;}
#worldMapLnb ul li .lnbMenu li{ border-bottom:1px solid #d5d5d5;width:100%;}
#worldMapLnb ul li .lnbMenu li.last{ border:none;}
#worldMapLnb ul li .lnbMenu li a{ color:#333; font-weight:normal; background:none; background:none;}
#worldMapLnb ul li .lnbMenu li a.lnbOn{color:#fff; font-weight:bold;background-color:#00adad;}
.accomodation #worldMapLnb ul li .lnbMenu li a.lnbOn{background:#876435;}
.foodworld #worldMapLnb ul li .lnbMenu li a.lnbOn{background:#da3210;}
.oceanworld #worldMapLnb ul li .lnbMenu li a.lnbOn{background:#1983dc;}
.skiworld #worldMapLnb ul li .lnbMenu li a.lnbOn{background:#4d50c6;}
.snowyland #worldMapLnb ul li .lnbMenu li a.lnbOn{background:#da3210;}

#worldMapLnb .secondMenu,#worldMapLnb .thirdMenu{display:none;}


/******************* tab *************************/
.mapTab{width:900px; margin:0 auto;}
.mapTab:after{display:block; content:""; clear:both;}
.mapTab li{ float:left; line-height:40px; text-align:center; color:#666; font-weight:bold; background-color:#eee; cursor:pointer;}
.mapTab li:hover,.mapTab li.on{ background-color:#00adad; color:#fff;}
.foodworld .mapTab li:hover,.foodworld .mapTab li.on{ background:#da3210;}
.oceanworld .mapTab li:hover,.oceanworld .mapTab li.on{ background:#1983dc;}