/* 모바일 메뉴 CSS */

@media all and (max-width: 1023px) {
	/* Menu Icon Start */

	.spinner-master * { transition:all 0.3s; box-sizing:border-box; }
	.spinner-master label { cursor:pointer; position:absolute; z-index:99; height:100%; width:100%; top:5px; left:0; }
	.spinner-master .spinner { position:absolute; height:4px; width:100%; padding:0; }
	.spinner-master .diagonal.part-1 { position:relative; float:left;	}
	.spinner-master .horizontal { position:relative; float:left; margin-top:4px; }
	.spinner-master .diagonal.part-2 { position:relative; float:left; margin-top:4px; }
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal { opacity:0;	}
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 { transform:rotate(135deg); -webkit-transform:rotate(135deg); margin-top:10px;	}
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 { transform:rotate(-135deg); -webkit-transform:rotate(-135deg); margin-top:-12px; }
	/* Menu Icon End */
	
	/* Common Menu Start */
	#usm-menu-wrap-id { clear:both; z-index: 100; position: relative; }
	#usm-menu-wrap-id ul li a { line-height:250%; font-size:16px; margin:0; padding:0; list-style:none; border:none; text-decoration:none; position:relative; display:block; }
	/* Common Menu End */
	
	/* First Menu Start*/
	#usm-menu-wrap-id > ul { display:none; }
	#usm-menu-wrap-id > ul.active { display:block; }
	#usm-menu-wrap-id > ul > li { background-color:#e7e7e7; border-bottom:1px solid #333; }
	#usm-menu-wrap-id > ul > li:first-of-type { border-top:2px solid #d7d7d7; }
	#usm-menu-wrap-id > ul > li:last-of-type { border:none; }
	#usm-menu-wrap-id > ul > li > a { padding:0 0 3px 20px; color:#000; }
	#usm-menu-wrap-id > ul > li > a.active { font-weight:bold; }
	#usm-menu-wrap-id > ul > li.has-submenu > a:after { content: '\2795'; position:absolute; top:0; right:0; display:block; font-size:1.0em; padding:0 20px 0 0; color: #636363; }
	#usm-menu-wrap-id > ul > li.has-submenu > a.active:after { content: '\2796'; color: #636363; }
	/* First Menu End */
	
	/* Second Menu Start */
	#usm-menu-wrap-id > ul > li > .depth2 > ul { display:none; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul.active { display:block; margin:0; padding:0; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li { background-color:#D7D7D7; border-bottom:1px solid #4E4E4E; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li:first-of-type { border-top:1px solid #333; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li:last-of-type { border:none; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li:only-of-type { border-top:1px solid #333; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li > a { padding:0 0 3px 30px; color:#333333;	}
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li > a.active { font-weight:bold;	}
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li.has-submenu > a:after { content: '\2795'; position:absolute; top:0; right:0; display:block; font-size:1.0em; padding:0 20px 0 0; color: #636363; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li.has-submenu > a.active:after { content: '\2796'; color: #636363; }
	/* Second Menu End */

	/* Third Menu Start */
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li > ul { display:none; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li > ul.active { display:block; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li > ul > li { background-color:#ECECEC; border-bottom:1px solid #9B9B9B;	}
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li > ul > li:first-of-type { border-top:1px solid #4E4E4E; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li > ul > li:last-of-type { border:none; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li > ul > li:only-of-type { border-top:1px solid #4E4E4E; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li > ul > li > a { color:#333333; padding:0 0 3px 40px; line-height:200%; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li > ul > li.has-submenu > a { font-weight:bold; content:none;	}
	/* Third Menu End */

	/* Fourth Menu Start */
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li > ul > li > ul { display:none; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li > ul.active ul, li { display:block; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li > ul > li > ul > li { background-color:#FFFFFF; border-bottom:1px solid #C4C4C4; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li > ul > li > ul > li:first-of-type { border-top:1px solid #9B9B9B; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li > ul > li > ul > li:last-of-type { border:none; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li > ul > li > ul > li:only-of-type { border-top:1px solid #9B9B9B; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li > ul > li > ul > li > a { color:#333333; padding:0 0 3px 50px; line-height:200%; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li > ul > li > ul > li > a:before { content: '- '; }
	/* Fourth Menu End */
}