@charset "utf-8";

.mc { width:100%; min-height:650px; overflow:hidden; position:relative;  }
.mc_container { width:1300px; min-height:650px; margin:0 auto;  position:relative; }
.mc_container .contents_wrap .c_wrap { margin-left:410px; width:886px;  min-height:650px; text-align:right; overflow:hidden; position:absolute; }
.mc_container .contents_wrap .c_wrap img { width:90%; }
.mc_container .contents_wrap .c_wrap .gp1 { top:0px; left:0px; position:absolute; background:#eee;}

.mc_container .nav_wrap { width:400px; min-height:600px; left:0px; position:absolute; cursor:pointer; }
			
.mc_container .nav_wrap .more_wrap { height:147px; position:relative; cursor:pointer; }
.mc_container .nav_wrap .more_wrap > img { position:absolute; }
			
.mc_container .nav_wrap ul { float:left; left:0; margin:0; padding:0; position:relative; border-top:1px #ccc solid;}
.mc_container .nav_wrap ul li { list-style:none; float:left; left:0; width:400px; height:70px; position:relative; cursor:pointer; background:#eee; border-bottom:1px #ccc solid;border-right:2px #000 solid;}
.mc_container .nav_wrap ul li:hover{  background:#D70B19; color:#fff; }
/*.mc_container .nav_wrap ul li > img { position:absolute;  }*/
.mc_container .nav_wrap ul li  .title { float:left; width:400px; text-align:left; font-family:'Noto Sans Kr'; font-size:20px; font-weight:500;  padding:0 0 0 35px; line-height:70px; }

.mc_container .nav_wrap ul li .view_wrap { top:14px; left:242px; width:40px; height:40px; background:#fff; position:relative; }
.mc_container .nav_wrap ul li .view_wrap .txt { top:16px; left:7px; position:absolute; font-size:0; }
.mc_container .nav_wrap ul li .view_wrap .arrow { top:10px; left:28px; position:absolute; }

@media only screen and (max-width:1040px){
	.mc { width:90%; margin:0 auto; min-height:400px;}
	.mc_container { width:100%; min-height:400px; }
	.mc_container .contents_wrap .c_wrap { margin-left:0px; top:0; width:100%; min-height:400px;position:absolute; }
	.mc_container .contents_wrap .c_wrap img { width:100%; }
	.mc_container .contents_wrap .c_wrap .gp1 { top:0px; left:0px; position:relative; }

	.mc_container .nav_wrap { display:inline-block; width:100%; min-height:200px;margin-top:80%;left:0px; position:relative; cursor:pointer; }

	.mc_container .nav_wrap ul { float:none; margin:0; padding:0; position:absolute;border-top:0px #ccc solid;}
	.mc_container .nav_wrap ul li { float:none; display:inline-block; width:48%; height:40px; margin:2px; border:1px #ccc solid; }
	.mc_container .nav_wrap ul li  .title { float:left; width:100%; text-align:center; font-size:15px; padding:0; line-height:40px; }
}

@media only screen and (max-width:794px){
	.mc { width:90%; margin:0 auto; min-height:400px;}
}