@charset "utf-8";


		/* 테블릿 css */
		/*@media all and (min-width:768px) and (max-width:1024px) {*/
		@media all and (min-width:768px) and (max-width:1439px) {

		}
			.list_ul_01 {  /* 서브 메뉴 영역에 대한 스타일 */
				font-size:0.8em;
				margin:0; /* 서브 메뉴 바깥 여백 없음 */
				/*padding:0; /* 서브 메뉴 안여백 없음 */
				position: absolute; /* 고정 위치에 표시 */
				padding-top:1%;
				padding-bottom:1%;
				margin-top:35px;  /* 부모 요소로부터 아래로 45px 밑에 표시 */
				margin-left:-90px;
				width:130px; /* 서브 메뉴 너비 */
				background:#ffffff;  /* 서브 메뉴 배경색 */
				border-top:3px solid #feb459;
				border-left:1px solid #cccccc;  /* 서브 메뉴 테두리를 그림 */
				border-right:1px solid #cccccc;  /* 서브 메뉴 테두리를 그림 */
				border-bottom:1px solid #cccccc;  /* 서브 메뉴 테두리를 그림 */
				opacity: 0; /* 투명하게 표시 - 평소엔 안보임 */
			}
			.list_ul_02 {  /* 서브 메뉴 영역에 대한 스타일 */
				font-size:0.8em;
				margin:0; /* 서브 메뉴 바깥 여백 없음 */
				/*padding:0; /* 서브 메뉴 안여백 없음 */
				position: absolute; /* 고정 위치에 표시 */
				padding-top:1%;
				padding-bottom:1%;
				margin-top:35px;  /* 부모 요소로부터 아래로 45px 밑에 표시 */
				margin-left:-140px;
				width:140px; /* 서브 메뉴 너비 */
				background:#ffffff;  /* 서브 메뉴 배경색 */
				border-top:3px solid #feb459;
				border-left:1px solid #cccccc;  /* 서브 메뉴 테두리를 그림 */
				border-right:1px solid #cccccc;  /* 서브 메뉴 테두리를 그림 */
				border-bottom:1px solid #cccccc;  /* 서브 메뉴 테두리를 그림 */
				opacity: 0; /* 투명하게 표시 - 평소엔 안보임 */
			}
			.list_ul_03 {  /* 서브 메뉴 영역에 대한 스타일 */
				font-size:0.8em;
				margin:0; /* 서브 메뉴 바깥 여백 없음 */
				/*padding:0; /* 서브 메뉴 안여백 없음 */
				position: absolute; /* 고정 위치에 표시 */
				padding-top:1%;
				padding-bottom:1%;
				margin-top:35px;  /* 부모 요소로부터 아래로 45px 밑에 표시 */
				margin-left:-80px;
				width:110px; /* 서브 메뉴 너비 */
				background:#ffffff;  /* 서브 메뉴 배경색 */
				border-top:3px solid #feb459;
				border-left:1px solid #cccccc;  /* 서브 메뉴 테두리를 그림 */
				border-right:1px solid #cccccc;  /* 서브 메뉴 테두리를 그림 */
				border-bottom:1px solid #cccccc;  /* 서브 메뉴 테두리를 그림 */
				opacity: 0; /* 투명하게 표시 - 평소엔 안보임 */
			}
			.list_ul_04 {  /* 서브 메뉴 영역에 대한 스타일 */
				font-size:0.8em;
				margin:0; /* 서브 메뉴 바깥 여백 없음 */
				/*padding:0; /* 서브 메뉴 안여백 없음 */
				position: absolute; /* 고정 위치에 표시 */
				padding-top:1%;
				padding-bottom:1%;
				margin-top:35px;  /* 부모 요소로부터 아래로 45px 밑에 표시 */
				margin-left:-90px;
				width:130px; /* 서브 메뉴 너비 */
				background:#ffffff;  /* 서브 메뉴 배경색 */
				border-top:3px solid #feb459;
				border-left:1px solid #cccccc;  /* 서브 메뉴 테두리를 그림 */
				border-right:1px solid #cccccc;  /* 서브 메뉴 테두리를 그림 */
				border-bottom:1px solid #cccccc;  /* 서브 메뉴 테두리를 그림 */
				opacity: 0; /* 투명하게 표시 - 평소엔 안보임 */
			}

			.list ul li { /* 서브 메뉴 각 항목의 스타일 */
				display:block;
				width:80%;
				margin:0;   /* 바깥 여백 없음 */
				padding:0;  /* 안 여백 없음 */
				height:0;  /* 화면에서 감춤 */
				text-align:left;
				margin-left:10%;
				overflow:hidden; /* height:0을 해도 보이는 부분이 있다면 감춤 */
			}
			.list li:hover  ul { /* 메인 메뉴 위로 마우스 오버했을 때 서브 메뉴 스타일 */
				opacity: 1; /* 서브 메뉴 불투명해짐 -> 화면에 보임 */
			}
			.list li:hover ul li {
				height:30px;  /* 서브 메뉴 항목의 높이 */
				overflow:visible; /* 메뉴 영역을 넘어서는 내용이 있다면 표시 */
				padding:0; /* 안여백 없음 */
			}
			.list ul a {  /* 서브 메뉴 항목의 링크 스타일 */
				font-weight:400; 
				color:#383838;   /* 글자색 */
			}
			.list ul li:hover  > a { /* 서브 메뉴 항목 위로 마우스 오버했을 때의 스타일 */
				color:#cc6600;   /* 글자색 */
				border-radius:0;  /* 모서리 둥글게 처리 안함 */
				text-decoration:underline;
			}

		/* pc css */
		/*@media all and (min-width:1025px) {*/
		@media all and (min-width:1440px) {

			.list_ul_01 {  /* 서브 메뉴 영역에 대한 스타일 */
				font-size:0.9em;
				margin:0; /* 서브 메뉴 바깥 여백 없음 */
				/*padding:0; /* 서브 메뉴 안여백 없음 */
				position: absolute; /* 고정 위치에 표시 */
				padding-top:1%;
				padding-bottom:1%;
				margin-top:35px;  /* 부모 요소로부터 아래로 45px 밑에 표시 */
				margin-left:-180px;
				width:150px; /* 서브 메뉴 너비 */
				background:#ffffff;  /* 서브 메뉴 배경색 */
				border-top:3px solid #feb459;
				border-left:1px solid #cccccc;  /* 서브 메뉴 테두리를 그림 */
				border-right:1px solid #cccccc;  /* 서브 메뉴 테두리를 그림 */
				border-bottom:1px solid #cccccc;  /* 서브 메뉴 테두리를 그림 */
				opacity: 0; /* 투명하게 표시 - 평소엔 안보임 */
			}
			.list_ul_02 {  /* 서브 메뉴 영역에 대한 스타일 */
				font-size:0.9em;
				margin:0; /* 서브 메뉴 바깥 여백 없음 */
				/*padding:0; /* 서브 메뉴 안여백 없음 */
				position: absolute; /* 고정 위치에 표시 */
				padding-top:1%;
				padding-bottom:1%;
				margin-top:35px;  /* 부모 요소로부터 아래로 45px 밑에 표시 */
				margin-left:-230px;
				width:150px; /* 서브 메뉴 너비 */
				background:#ffffff;  /* 서브 메뉴 배경색 */
				border-top:3px solid #feb459;
				border-left:1px solid #cccccc;  /* 서브 메뉴 테두리를 그림 */
				border-right:1px solid #cccccc;  /* 서브 메뉴 테두리를 그림 */
				border-bottom:1px solid #cccccc;  /* 서브 메뉴 테두리를 그림 */
				opacity: 0; /* 투명하게 표시 - 평소엔 안보임 */
			}
			.list_ul_03 {  /* 서브 메뉴 영역에 대한 스타일 */
				font-size:0.9em;
				margin:0; /* 서브 메뉴 바깥 여백 없음 */
				/*padding:0; /* 서브 메뉴 안여백 없음 */
				position: absolute; /* 고정 위치에 표시 */
				padding-top:1%;
				padding-bottom:1%;
				margin-top:35px;  /* 부모 요소로부터 아래로 45px 밑에 표시 */
				margin-left:-180px;
				width:150px; /* 서브 메뉴 너비 */
				background:#ffffff;  /* 서브 메뉴 배경색 */
				border-top:3px solid #feb459;
				border-left:1px solid #cccccc;  /* 서브 메뉴 테두리를 그림 */
				border-right:1px solid #cccccc;  /* 서브 메뉴 테두리를 그림 */
				border-bottom:1px solid #cccccc;  /* 서브 메뉴 테두리를 그림 */
				opacity: 0; /* 투명하게 표시 - 평소엔 안보임 */
			}
			.list_ul_04 {  /* 서브 메뉴 영역에 대한 스타일 */
				font-size:0.9em;
				margin:0; /* 서브 메뉴 바깥 여백 없음 */
				/*padding:0; /* 서브 메뉴 안여백 없음 */
				position: absolute; /* 고정 위치에 표시 */
				padding-top:1%;
				padding-bottom:1%;
				margin-top:35px;  /* 부모 요소로부터 아래로 45px 밑에 표시 */
				margin-left:-150px;
				width:150px; /* 서브 메뉴 너비 */
				background:#ffffff;  /* 서브 메뉴 배경색 */
				border-top:3px solid #feb459;
				border-left:1px solid #cccccc;  /* 서브 메뉴 테두리를 그림 */
				border-right:1px solid #cccccc;  /* 서브 메뉴 테두리를 그림 */
				border-bottom:1px solid #cccccc;  /* 서브 메뉴 테두리를 그림 */
				opacity: 0; /* 투명하게 표시 - 평소엔 안보임 */
			}

			.list ul li { /* 서브 메뉴 각 항목의 스타일 */
				display:block;
				width:80%;
				margin:0;   /* 바깥 여백 없음 */
				padding:0;  /* 안 여백 없음 */
				height:0;  /* 화면에서 감춤 */
				text-align:left;
				margin-left:10%;
				overflow:hidden; /* height:0을 해도 보이는 부분이 있다면 감춤 */
			}
			.list li:hover  ul { /* 메인 메뉴 위로 마우스 오버했을 때 서브 메뉴 스타일 */
				opacity: 1; /* 서브 메뉴 불투명해짐 -> 화면에 보임 */
			}
			.list li:hover ul li {
				height:30px;  /* 서브 메뉴 항목의 높이 */
				overflow:visible; /* 메뉴 영역을 넘어서는 내용이 있다면 표시 */
				padding:0; /* 안여백 없음 */
			}
			.list ul a {  /* 서브 메뉴 항목의 링크 스타일 */
				font-weight:400; 
				color:#383838;   /* 글자색 */
			}
			.list ul li:hover  > a { /* 서브 메뉴 항목 위로 마우스 오버했을 때의 스타일 */
				color:#cc6600;   /* 글자색 */
				border-radius:0;  /* 모서리 둥글게 처리 안함 */
				text-decoration:underline;
			}
		}