/* 사이드 메인 메뉴 */
#cxMenu { position:fixed; width:100%; height:100%; top:0; opacity:0; left:0; z-index:2; }

#cxMenu #menuArea { position:absolute; width:640px; height:100%; background:#FFF; }

#cxMenu #menuArea > div { position:relative; width:640px; }

#cxMenu #menuArea #top { background:#DBDBDB; height:200px; background-image:url("../img/menu_topBG.png"); }
#cxMenu #menuArea #top #indexBtn { position:absolute; display:block; width:380px; height:150px; top:30px; left:50px; }
#cxMenu #menuArea #top #closeBtn { position:absolute; top:26px; right:26px; width:70px; height:70px; background-image:url("../img/menu_closeBtn.png"); background-position:50%; }

#cxMenu #menuArea #list { clear:both; overflow:hidden; }/*padding-left:50px; width:calc(100% - 50px);*/
#cxMenu #menuArea #list a { color:#030303; }
/*#cxMenu #menuArea #list a.new::after { content:"new"; display:inline-block; color:#FFF; background:#E11010; font-size:15px; font-weight:bold; text-indent:initial; line-height:normal; vertical-align:middle; margin-left:10px; padding:10px 3px; border-radius:40px; width:30px; margin-top:-3px; }*/
#cxMenu #menuArea #list a.new::after { content:"new"; display:inline-block; color:#ED1C24; background:#FFF; font-size:23px; font-weight:bold; text-indent:initial; line-height:24px; vertical-align:middle; margin-left:10px; padding:2px 3px; border-radius:40px; width:50px; height:24px; margin-top:-3px; border:2px solid #ED1C24; text-align:center; }
#cxMenu #menuArea #list * { overflow:hidden; position:relative; }
#cxMenu #menuArea #list .subArrow { position:absolute; left:90%; top:50%; margin-top:-10px; width:30px; height:20px; background-image:url("../img/menu_subArrow.png"); transition-duration:0.3s; transition-timing-function:ease-out; }
#cxMenu #menuArea #list .isSelected > a > .subArrow { transform:rotate(180deg); }
#cxMenu #menuArea #list a.soon::after { content:"coming soon"; display:inline-block; color:#FC2FDD; background:#FFF; font-size:23px; font-weight:bold; text-indent:initial; line-height:24px; vertical-align:middle; margin-left:10px; padding:2px 3px; border-radius:40px; width:140px; height:24px; margin-top:-3px; border:2px solid #FC2FDD; text-align:center; }

#cxMenu #menuArea #list > ul { margin-top:0px; border-top:1px solid #EDEDED; }
#cxMenu #menuArea #list > ul > li > a { font-size:36px; display:block; background-color:#FFF; background-repeat:no-repeat; background-position:50px 50%; height:148px; line-height:150px; border-bottom:1px solid #A5A5A5; box-sizing:border-box; text-indent:120px; }
#cxMenu #menuArea #list > ul > li:nth-child(1) > a { background-image:url("../img/menu_icon1.png"); }
#cxMenu #menuArea #list > ul > li:nth-child(2) > a { background-image:url("../img/menu_icon2.png"); }
#cxMenu #menuArea #list > ul > li:nth-child(3) > a { background-image:url("../img/menu_icon3.png"); }
#cxMenu #menuArea #list > ul > li:nth-child(4) > a { background-image:url("../img/menu_icon4.png"); }
#cxMenu #menuArea #list > ul > li:nth-child(5) > a { background-image:url("../img/menu_icon5.png"); }
#cxMenu #menuArea #list > ul > li.isSelected > a { font-weight:bold; }

#cxMenu #menuArea #list > ul > li > ul > li > a::before { content:"-"; display:inline-block; font-weight:normal; text-indent:initial; line-height:normal; vertical-align:middle; margin-right:10px; margin-top:0px; }
#cxMenu #menuArea #list > ul > li > ul > li > a { font-size:32px; display:block; background:#F1F1F1; height:98px; line-height:100px; border-bottom:1px solid #9E9E9E; box-sizing:border-box; text-indent:110px; }
#cxMenu #menuArea #list > ul > li > ul > li.isSelected > a { font-weight:bold; }

#cxMenu #menuArea #list > ul > li > ul > li > ul > li > a::before { content:"."; display:inline-block; font-weight:bold; text-indent:initial; line-height:normal; vertical-align:middle; margin-right:10px; margin-top:-15px; }
#cxMenu #menuArea #list > ul > li > ul > li > ul > li > a { font-size:27px; display:block; background:#E3E3E3; height:57px; line-height:60px; border-bottom:1px solid #8D8D8D; box-sizing:border-box; text-indent:145px; }
#cxMenu #menuArea #list > ul > li > ul > li > ul > li.isSelected > a { font-weight:bold; }