@import "style.css";

body{
    margin:0;
	padding:0;
	OVERFLOW-X: hidden;
	overflow-y:scroll;
	background:#f0f0f0;
	

	}

html, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, from{
    margin:0;
	padding:0;
	}


ul, ol, dl { 
    list-style:none;
	}
	
img {

    border:0;
	
	}
.ddd{ cursor: pointer;
}



/* 서브 :: 이미지 */
#sub-Visual { clear: both; position:relative;width:100%; height:100%; overflow:hidden; background:#fff; }
#sub-Visual h1 {font-size:37px; font-weight:500; color:#222; text-align:center; line-height:130px;}
#sub-Visual.subimg01 {background:url(image/sub1.jpg) no-repeat center; background-size:cover;}
#sub-Visual.subimg02 {background:url(../image/sub2.jpg) no-repeat center; background-size:cover;}
#sub-Visual.subimg03 {background:url(../image/sub3.jpg) no-repeat center; background-size:cover;}
#sub-Visual.subimg04 {background:url(../image/sub4.jpg) no-repeat center; background-size:cover;}
#sub-Visual.subimg05 {background:url(../image/sub5.jpg) no-repeat center; background-size:cover;}
#sub-Visual.subimg06 {background:url(../image/sub6.jpg) no-repeat center; background-size:cover;}

@media all and (max-width:900px){
	
	#sub-Visual h1 {font-size:35px; line-height:150px;}
}

@media all and (max-width:768px){
	
	#sub-Visual h1 {font-size:30px; line-height:100px;}
}


/* 서브 :: Left 메뉴 */
#left {z-index:10;POSITION:relative;WIDTH:100%; height:100%; overflow:hidden;TOP:0px;LEFT:0px;text-align:left;margin:0 auto; background:url(image/m_pro_bg.gif) no-repeat center top;}

#left_menu {
	POSITION:relative; 
	WIDTH:100%; max-width:1200px;height:100%; overflow:hidden;
	TOP:0px;LEFT:0px;text-align:center;
	z-index:9999; margin:0px auto 0px auto; padding:0 ;
}

#left_menu > ul { margin:0; padding:0; /**zoom:1;*/ text-align:center; }
#left_menu ul:after {content:""; display:block;clear:both;}
#left_menu > ul > li { position:relative; display:inline-block;margin:0 0px;}

#left_menu > ul > li > a {display:block;padding:5px 22px 5px 22px;color:#f8f8f8; font-size:16px; font-weight:400; line-height:44px;
text-decoration:none; text-align:center; background:url(../image/left_sai.gif) no-repeat right; }
#left_menu > ul > li > a.last {background:none;}
#left_menu > ul > li > a.last2 {background:url(../image/left_sai.gif) no-repeat right; }
#left_menu ul li.m_active a  {color:#fffc00;}
#left_menu ul li a:hover {color:#fffc00;   }
#left_menu ul li a.off {color: #f8f8f8;}
#left_menu ul li.last { background:none; margin:0; padding:0; display:inline;}
#left_menu ul li.first {padding:10px 0 0px 0px;  }




@media all and (max-width:1170px){
	
}

@media all and (max-width:900px){
	#left_menu > ul{ margin:7px 0px;}
	#left_menu > ul > li > a {line-height:20px;}
}

@media all and (max-width:480px){
	#left_menu > ul > li{ width:32%;}
	#left_menu > ul > li > a {font-size:14px;padding:5px 0px 5px 0px;}
	#left_menu > ul > li > a.last2 {background:url(../image/left_sai.gif) no-repeat right;  }
}



/* 서브 :: 컨텐츠시작 최상위박스 */
#subContainer {width:100%; max-width:1200px; height:100%; top:0px; margin:0 auto; background-color:#fff; overflow:hidden;}

/* 서브 :: 컨텐츠시작  */
#content{width:98%; height:100%;overflow:hidden; margin:40px 1%; padding:0px 0}

/* 서브 :: 네비게이션 */
#sub-navi:after {clear:both;display:block;content:"";}
#sub-navi {width:50%; top:0px;float:right;  }
#sub-navi ul { float:right; margin:10px 0 0 0;color:#9a9a9a;}
#sub-navi ul li{ color:#444;float:left; padding-right:20px ;padding-left:10px ;text-align:center;background: url(image/arrow.png) no-repeat right center; font-size:14px;  line-height:25px;}
#sub-navi ul li.last{background:none;}
#sub-navi ul li img {margin:0px 4px 0 0; padding:0;}

@media all and (max-width:800px){
	#content{margin:0px 1%; }
	#sub-navi {width:100%; top:0px;float:right;  }
	#sub-navi ul li{ padding-right:10px ;padding-left:5px ;font-size:12px; }
}

@media all and (max-width:480px){
	
	
}