/* 모바일 환경 */
@media screen and (max-width:800px){
	#wrap > #content{
		width:100%;
	}
	#wrap > #content > #main_wrap{
		width:100%;
	}
	#wrap > #content > #main_wrap > #main_content{
		width:100%;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content{
		display:none;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content{
		width:100%;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > div{
		margin-top:0px;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #right_content_location_str{
		display:none;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #content_body{
		font-size:1em;
		width:100%;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #content_body > #content_title{
		position:relative;
		width:100%;
		height:70px;
		margin-top:20px;
		border-bottom:2px solid #888888;
		background: linear-gradient(to right, #000, #444);
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #content_body > #content_title > span:nth-child(1){
		position:absolute;
		top:23px;
		left:20px;
		color:#fff;
		font-weight:bold;
		font-size:1.2em;
		text-align:left;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #content_body > #content_title > span:nth-child(2){
		display:none;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #content_body > #content_title > div{
		display:none;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #content_body > #content_box{
		width:100%;
		margin-top:20px;
		margin-bottom:0;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #content_body > #content_box > div{
		width:100%;
		margin-top:20px;
		margin-bottom:0;
	}
}

/* 태블릿 환경 */
@media screen and (min-width:801px) and (max-width:1200px){
	#wrap > #content{
		width:96%;
		max-width:1152px; /* 1200px의 96% */
		margin:0 auto;
	}
	#wrap > #content > #main_wrap{
		width:100%;
	}
	#wrap > #content > #main_wrap > #main_content{
		overflow:hidden;
		width:100%;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content{
		float:left;
		width:20%;
		max-width:230px;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub{
		margin:30px 0 0 0;
		padding:0;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > a,
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > a:visited{
		color:#666;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > a:hover{
		color:#666;
		text-decoration:underline;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub .sub_on{
		color:#000;
		text-decoration:underline;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub .sub_on > a,
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub .sub_on > a:visited{
		color:#000;
		text-decoration:underline;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li{
		list-style:none;
		display:block;
		padding:10px 0;
		margin:0;
		box-sizing:border-box;
		border-right:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
		border-left:1px solid #cccccc;
		cursor:pointer;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > div > .fa-folder{
		margin-left:15px;
		cursor:pointer;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > a{
		margin-left:15px;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li:first-child{
		height:110px;
		color:#fff;
		font-size:24px;
		font-weight:bold;
		background:rgba(34,41,57,1);
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li:first-child > span{
		display:inline-block;
		margin-top:30px;
		margin-left:15px;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul{
		margin:0 0 0 25px;
		padding:0;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li{
		list-style:none;
		display:block;
		padding:0;
		margin:10px 0;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > a,
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > a:visited{
		color:#666;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > a:hover{
		color:#666;
		text-decoration:underline;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > .sub_on{
		color:#000;
		text-decoration:underline;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > .sub_on > a,
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > .sub_on > a:visited{
		color:#000;
		text-decoration:underline;
	}	
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > ul{
		margin:0 0 0 15px;
		padding:0;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > ul > li{
		list-style:none;
		padding:0;
		margin:10px 0;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > ul > li > a,
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > ul > li > a:visited{
		color:#666;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > ul > li > a:hover{
		color:#666;
		text-decoration:underline;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > .sub_on{
		color:#000;
		text-decoration:underline;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > .sub_on > a,
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > .sub_on > a:visited{
		color:#000;
		text-decoration:underline;
	}	
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > ul > li > ul{
		margin:0 0 0 15px;
		padding:0;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > ul > li > ul > li{
		list-style:none;
		padding:0;
		margin:10px 0;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > ul > li > ul > li > a,
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > ul > li > ul > li > a:visited{
		color:#666;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > ul > li > ul > li > a:hover{
		color:#666;
		text-decoration:underline;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content{
		float:left;
		width:80%;
		max-width:922px;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > div{
		margin-top:20px;
		margin-left:20px;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #right_content_location_str{
		text-align:right;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #right_content_location_str > span.icon_arrow_small{
		color:#888;
		font-size:12px;
		font-weight:normal;
		margin:0 5px;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #right_content_location_str > a,
	#wrap > #content > #main_wrap > #main_content > #right_content > #right_content_location_str > a:visited,
	#wrap > #content > #main_wrap > #main_content > #right_content > #right_content_location_str > a:hover{
		color:#888;
		font-size:13px;
		font-weight:normal; 
		text-decoration:none;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #content_body{
		font-size:1em;
		width:99%;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #content_body > #content_title{
		position:relative;
		width:100%;
		height:100px;
		margin-top:20px;
		background-color:#ddd;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #content_body > #content_title > span:nth-child(1){
		position:absolute;
		bottom:20px;
		left:40px;
		font-weight:bold;
		font-size:1.2em;
		text-align:left;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #content_body > #content_title > span:nth-child(2){
		position:absolute;
		bottom:10px;
		right:20px;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #content_body > #content_title > div{
		position:absolute;
		top:10px;
		left:10px;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #content_body > #content_box{
		width:100%;
		margin-top:20px;
		margin-right:10px;
	}
}

/* PC 환경일때 */
@media screen and (min-width:1201px){
	#wrap > #content{
		width:96%;
		max-width:1267px; /* 1320px의 96% */
		margin:auto;
		padding:0;
	}
	#wrap > #content > #main_wrap{
		width:100%;
	}
	#wrap > #content > #main_wrap > #main_content{
		overflow:hidden;
		width:100%;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content{
		float:left;
		width:20%;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub{
		margin:30px 0 0 0;
		padding:0;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > a,
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > a:visited{
		color:#666;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > a:hover{
		color:#666;
		text-decoration:underline;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub .sub_on{
		color:#000;
		text-decoration:underline;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub .sub_on > a,
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub .sub_on > a:visited{
		color:#000;
		text-decoration:underline;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li{
		list-style:none;
		display:block;
		padding:10px 0;
		margin:0;
		box-sizing:border-box;
		border-right:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
		border-left:1px solid #cccccc;
		cursor:pointer;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > div > .fa-folder{
		margin-left:30px;
		cursor:pointer;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > a{
		margin-left:30px;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li:first-child{
		height:110px;
		color:#fff;
		font-size:24px;
		font-weight:bold;
		background:rgba(34,41,57,1);
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li:first-child > div{
		display:none;
		width:30px;
		height:1px;
		padding-top:40px;
		margin-left:30px;
		border-bottom:1px solid #fff;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li:first-child > span{
		display:inline-block;
		margin-top:30px;
		margin-left:30px;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul{
		margin:0 0 0 40px;
		padding:0;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li{
		list-style:none;
		display:block;
		padding:0;
		margin:10px 0;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > a,
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > a:visited{
		color:#666;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > a:hover{
		color:#666;
		text-decoration:underline;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > .sub_on{
		color:#000;
		text-decoration:underline;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > .sub_on > a,
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > .sub_on > a:visited{
		color:#000;
		text-decoration:underline;
	}	
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > ul{
		margin:0 0 0 15px;
		padding:0;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > ul > li{
		list-style:none;
		padding:0;
		margin:10px 0;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > ul > li > a,
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > ul > li > a:visited{
		color:#666;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > ul > li > a:hover{
		color:#666;
		text-decoration:underline;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > .sub_on{
		color:#000;
		text-decoration:underline;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > .sub_on > a,
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > .sub_on > a:visited{
		color:#000;
		text-decoration:underline;
	}	
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > ul > li > ul{
		margin:0 0 0 15px;
		padding:0;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > ul > li > ul > li{
		list-style:none;
		padding:0;
		margin:10px 0;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > ul > li > ul > li > a,
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > ul > li > ul > li > a:visited{
		color:#666;
	}
	#wrap > #content > #main_wrap > #main_content > #left_content > #left_menu_sub > li > ul > li > ul > li > ul > li > a:hover{
		color:#666;
		text-decoration:underline;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content{
		float:left;
		width:80%;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > div{
		margin-left:40px;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #right_content_location_str{
		margin-top:20px;
		text-align:right;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #right_content_location_str > span.icon_arrow_small{
		color:#888;
		font-size:12px;
		font-weight:normal;
		margin:0 5px;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #right_content_location_str > a,
	#wrap > #content > #main_wrap > #main_content > #right_content > #right_content_location_str > a:visited,
	#wrap > #content > #main_wrap > #main_content > #right_content > #right_content_location_str > a:hover{
		color:#888;
		font-size:13px;
		font-weight:normal; 
		text-decoration:none;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #content_body{
		font-size:1em;
		width:99%;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #content_body > #content_title{
		position:relative;
		width:100%;
		height:100px;
		margin-top:20px;
		background-color:#ddd;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #content_body > #content_title > span:nth-child(1){
		position:absolute;
		bottom:20px;
		left:40px;
		font-weight:bold;
		font-size:1.4em;
		text-align:left;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #content_body > #content_title > span:nth-child(2){
		position:absolute;
		bottom:10px;
		right:50px;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #content_body > #content_title > div{
		position:absolute;
		top:10px;
		left:10px;
	}
	#wrap > #content > #main_wrap > #main_content > #right_content > #content_body > #content_box{
		width:100%;
		margin-top:20px;
		margin-right:10px;
	}
}

/* etc css */