@charset "utf-8";

body {	line-height:1;  position:relative;  right:0;  -webkit-transition: right .3s;  transition: right .3s;}
/*body.open {right:240px;}*/



.headerddd {position:relative; width:100%; z-index:999; }





headerddd.fixed a.menu-icon.open{top:0px;}

/* gnb menu */
#menu .PC_navigation li.depth3 {display:none;}
#menu a.menu-icon {display:none;}
#menu .Mob_navigation {display:none;}




/******************************************************************************************
	Pad Style
*******************************************************************************************/
@media all and (max-width:1100px){

.header h1 {position:absolute; top:22px; left:20px; }

#menu .PC_navigation {display:none;}
#menu a.menu-icon {top:-35px; position: absolute;  right:1%; display:block; background:url(/common/img/common/m_btn.png) no-repeat 0 0; text-indent:-9999px; width:40px; height:40px;}

#menu a.menu-icon.open {background:url(/common/img/common/close_btn.png) no-repeat 0 0; z-index: 99999;}


#menu .Mob_navigation {position:fixed;  top:-100px;  right:-240px;  width:240px; height:1500px; background:#303030; z-index:99999; overflow-y:auto; transition:all 0.5s;}
#menu .Mob_navigation.open {position: absolute; right:0px; }
#menu .Mob_navigation p.mobmenutit { height:70px; color:#fff; background:url(/common/images/cmm/submenu_bg.png) no-repeat 0 0; text-align:center; font-size:30px; font-weight:600; border-bottom:3px solid #031767; padding-top:40px;}


#menu .Mob_navigation ul.side-menu {background:#303030;  z-index:-1;  -webkit-transition: right .3s;  transition: right .3s; }

#menu .Mob_navigation ul.side-menu li.depth1 {border-bottom:1px solid #4b4b4b;  }
#menu .Mob_navigation ul.side-menu li.depth1 > a{color:#fff; display:block; text-align:left; font-size:16px;  line-height:50px; padding:0px 15px; background:url(/common/images/cmm/mob_menu01bg.png) no-repeat; background-position:210px 20px; -webkit-transition: background-position .3s;  transition: background-position .3s;}
#menu .Mob_navigation ul.side-menu li.depth1 > a.off{}

#menu .Mob_navigation ul.side-menu li.depth1 > a.on {color:rgba(255,255,0,0.8); font-weight:600; background:url(/common/images/cmm/mob_menu01bg.png) no-repeat; background-position:210px -30px;}

#menu .Mob_navigation ul.side-menu li.depth1 > ul {background:#3a3a3a; }
#menu .Mob_navigation ul.side-menu li.depth2 { display:block; border-bottom:1px solid #555; padding-left:15px;}
#menu .Mob_navigation ul.side-menu li.depth2:last-child {border-bottom:none;}
#menu .Mob_navigation ul.side-menu li.depth2 > a {display:block; color:#b8a672; line-height:40px; text-align:left; padding-left:10px; font-size:15px; background:url(/common/images/cmm/mob_menubul01.png) no-repeat 0 19px;}

#menu .Mob_navigation ul.side-menu li.depth2 > ul {padding:0px 0px 10px 0px; }
#menu .Mob_navigation ul.side-menu li.depth3 { display:block;  }
#menu .Mob_navigation ul.side-menu li.depth3 > a {display:block; color:#ccc; line-height:30px; text-align:left; padding-left:20px; background:url(/common/images/cmm/mob_menubul02.png) no-repeat 12px 15px;}

#gnbMenuBg{display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; cursor:pointer; background-color:#000; background-color:rgba(0,0,0,0.83); z-index:0}


}