/**
*********************************************
* Prototype of styles for horizontal CSS-menu
* @data 30.06.2009
*********************************************
* (X)HTML-scheme:
*  <div id="menu">
*      <ul class="menu">
*          <li><a href="#" class="parent"><span>level 1</span></a>
*              <div><ul>
*                  <li><a href="#" class="parent"><span>level 2</span></a>
*                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
*                  </li>
*              </ul></div>
*          </li>
*          <li class="last"><a href="#"><span>level 1</span></a></li>
*      </ul>
*  </div>
*********************************************
*/






/* menu::base */
div#menu {
left:50%;
z-index:6666;
margin-left:-499px;
position:absolute;
height:300px;
width:998px;
background-color:tranceparent;
}
div#menu ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
}
div#menu ul.menu {
}
div#menu li {
position: relative;
z-index: 9;
margin: 0;
padding: 0;
display: block;
float: left;
}
div#menu li:hover>ul {
left: -2px;
}
div#menu li div {
list-style: none;
float: left;
position: absolute;
top: 60px;
width: 200px;
z-index: 11;
visibility: hidden;
padding: 0 0 9px 9px;
_padding: 0 0 9px 3px;
background-color:tranceparent;
margin: 0 0 0 -9px;
}
div#menu li:hover>div {
visibility: visible;
}
div#menu li.current a {}
/* menu::level1 */
div#menu a {
position: relative;
z-index: 10;
height: 55px;
display: block;
float: left; 
padding: 0 3px 0 0;
line-height: 55px;
text-decoration: none;
font-size:16px;
}
div#menu span {
font: normal 13px 'Nanum Gothic';
padding-top:23px;
color: #000;
font-weight:bold;
text-transform:uppercase;
display: block;
cursor: pointer;
width:138px;
background-repeat: no-repeat; 
}
div#menu ul a:hover span {
color: #0b99a2;
width:138px;
height:45px;
background:url(../img/common/menu_over333.jpg) repeat-x;
}

div#menu li.last span{
padding: 22px 0px 30px 15px;
}
/* menu::level2 */
div#menu ul ul li {
background: url(../img/common/nav_dropdown_sep.gif) left bottom repeat-x;
padding: 4px 0 ;
z-index: 9; 
}
div#menu ul ul {
z-index: 12; 
padding: 0;
margin-right:5px;
background-color:#e2e2e2;
width:138px;

}
div#menu ul ul a {
width:150px; 
text-align:center;
height: 20px;
float: none;
display: block;
background:none;
margin-bottom: 2px;
z-index: -1;
font-size:12px;
}
div#menu ul ul a span {
padding: 0 10px 0px 0px;
line-height: 20px;
color:#6d6d6d;
font-weight:bold;
text-transform: none;
background:none;
font-family:'Nanum Gothic';
font-size:12px;
}
div#menu ul ul a:hover {
font-size:12px;
}
div#menu ul ul a:hover span {
color: #0b99a2;
background: none;
}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {
width: 100%;
}
/* menu::level3 */
div#menu ul ul div {
width: 208px;
margin: -50px 0 0 190px !important;
height: auto;
_padding: 0 0 9px 3px;
}
div#menu ul ul ul {
_padding-right:1px;
}
/* lava lamp */
div#menu li.back {
}
div#menu li.back .left {
}
#shop {padding-left:40px;text-align:center;float:left;}
#shop a span {color:#fff;}
#shop a:hover span {color:#fff;text-align:center;float:left;}
#logo {padding:40px 0 30px 0px;float:left;}





















/* CSS Document */
#trigger {
 margin-top:28px;
 text-align:center;
}

#trigger ul li {float:left;display: inline-block;}
#trigger ul li img {width:138px; height:273px;}
#trigger ul li a {display: block;}
/* Style you custom popupbox according to your requirement */
.popupbox {
 width:600px;
 height:692px;
 background-image:url(../img/common/kakao_bg.jpg);
 background-repeat:no-repeat;
 display: none; /* Hidden as default */
 float: left;
 position: fixed;
 top: 50%; left: 50%;
 z-index: 99999;
 -webkit-box-shadow: 0px 0px 20px #000;
 -moz-box-shadow: 0px 0px 20px #000;
 box-shadow: 0px 0px 20px #000;
}
.popupbox2 {
 width:600px;
height:400px;

 background-image:url(/edit_media/2010/201010/20101009/custompopup/images/pu_03.png);
 background-repeat:no-repeat;
 display: none; 
 float: left;
 position: fixed;
 top: 50%; left: 50%;
 z-index: 99999;
 -webkit-box-shadow: 0px 0px 20px #000;
 -moz-box-shadow: 0px 0px 20px #000;
 box-shadow: 0px 0px 20px #000;
}
.popupbox3 {
 width:600px;
 height:400px;
 background-image:url(/edit_media/2010/201010/20101009/custompopup/images/3_03.png);
 background-repeat:no-repeat;
 display: none;
 float: left;
 position: fixed;
 top: 50%; left: 50%;
 z-index: 99999;
 -webkit-box-shadow: 0px 0px 20px #000;
 -moz-box-shadow: 0px 0px 20px #000;
 box-shadow: 0px 0px 20px #000;
}
#fade { 
 display: none; /* Hidden as default */
 background: #000;
 position: fixed; left: 0; top: 0;
 width: 100%; height: 100%;
 opacity: .80;
 z-index: 9999;
}
#intabdiv {
 text-align:center;
}
#close img {
 text-decoration:none;
}
#close {
 width:50px;
 height:50px;
 position: absolute;
 float:right;
}
#intabdiv2 {
 padding:70px;
}
#intabdiv2  h2 {
 font-size:24px;
 color:#696868;
 font-family:Verdana, Geneva, sans-serif;
}
#intabdiv2 p {
 font-size:12px;
 color:#696868;
 font-family:Verdana, Geneva, sans-serif;
 line-height:20px;
}
#intabdiv3 {
 padding:70px;
}
#intabdiv3  h2 {
 font-size:24px;
 color:#fff;
 font-family:Verdana, Geneva, sans-serif;
}
#intabdiv3 p {
 font-size:12px;
 color:#fff;
 font-family:Verdana, Geneva, sans-serif;
 line-height:20px;
}