@charset"euc-kr";


     /* ½½¶óÀÌµå ¸Þ´º ÀüüÁöÁ¤ ±Û »çÀÌÁîµî.. */
        
      ul.side-menu li.metro a {      
        margin: 20px 0;
        height: 40px;
        font-size: 14px;
        color:white;
        font-family:'Segoe UI',Meiryo,'Trebuchet MS','³ª´®°íµñ',NanumGothic,ng,'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',Dotum,AppleGothic,sans-serif; 
        line-height:1.5em;
      }
       
       
       
       
       
          /* ½ºÅ©·Ñ ¾ã°Ô http://gromo.github.io/jquery.scrollbar/demo/basic.html */
       
       
      .scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
 
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
 
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
 
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
 
 
 
/*************** SIMPLE OUTER SCROLLBAR ***************/
 
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-outer > .scroll-element {
    background-color: #ffffff;
}
 
.scrollbar-outer > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-outer > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%;
}
 
.scrollbar-outer > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px;
}
 
.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }
 
.scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; }
 
.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
 
.scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; }
.scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; }
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
 
 
/* scrollbar height/width & offset from container borders */
 
.scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; }
.scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -12px; margin-top:  12px; }
 
.scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }
 
 
/* update scrollbar offset if both scrolls are visible */
 
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }
 
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }






      
       
/* ¼½¼Ç ¾ÆÀÌÄÜ  °ËÁ¤»öÀ» Çغ½ ¤¾height:1000% */
.sectionBg {width:100%;height:1000%;position:absolute;left:0;right:0;bottom:0;top:0;background:url('bg_section.png') repeat 0 0;z-index:999999;overflow:hidden;display:none;}

.sectionWrap {width:100%;height:100%;position:fixed;left:0;right:0;bottom:0;top:0;z-index:999999;overflow:hidden;display:none;}

.sectionWrap .iconWrap {width:261px;margin:0 auto;padding-top:41px;position:relative;}

.sectionWrap .iconWrap .icon09 {overflow:hidden;}

.sectionWrap .iconWrap .icon09 li {width:82px;float:left;margin:0 7px 12px 0;box-sizing:border-box;-moz-box-sizing:border-box;}

.sectionWrap .iconWrap .icon09 li:nth-child(3n) {margin-right:0;float:none;width:auto;overflow:hidden;}
.sectionWrap .iconWrap .icon09 li a {display:block;}
.sectionWrap .iconWrap .icon09 li a img {height:82px;}
.sectionWrap .iconWrap .icon09 li a span {width:82px;height:11px;line-height:11px;display:block;font-size:11px;color:#fff;text-align:center;}
.sectionWrap .iconWrap #btnClose {padding:15px;border:0 none;background:none;position:absolute;right:-8px;top:-3px;}



 
   
  /* Å×Å©³ëÆ® ½æ³×ÀÏ »çÀÌÁî --- ÀÏ¹Ý 
  #thum_tech  	{width:70px; height:50px; overflow:hidden; } 
  #thum_tech  	{width:90px; height:60px; overflow:hidden; }
  */
  

  #thum_tech  	{width:90px; height:70px; overflow:hidden; }
  

  
  
  /* Å×Å©³ëÆ® ½æ³×ÀÏ »çÀÌÁî ---°¶·¯¸®
  #thum_tech_gallery  	{width:95px; height:80px; overflow:hidden; }
 */
  
  
    /* Å×Å©³ëÆ® ½æ³×ÀÏ »çÀÌÁî ---°¶·¯¸® °¡·Î 5°³
  #thum_tech_gallery  	{width:53px; height:40px; overflow:hidden;  padding:1px ; border-top:#e1e1e1 solid 1px;border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px;border-right:#e1e1e1 solid 1px;}
  */
  
  
     /* Å×Å©³ëÆ® ½æ³×ÀÏ »çÀÌÁî ---°¶·¯¸® °¡·Î 4°³ */
  #thum_tech_gallery  	{width:65px; height:47px; overflow:hidden;  padding:3px ; border-top:#e1e1e1 solid 1px;border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px;border-right:#e1e1e1 solid 1px;}
  
  
   
  /* Å×Å©³ëÆ® ½æ³×ÀÏ »çÀÌÁî --- ¼±»ý´Ôµé */
  #thum_tech_teacher  	{width:75px; height:180px; overflow:hidden; background-color:#FF6600;  padding:0px; border-top:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px; border-right:#e1e1e1 solid 1px; }
  
   
  /* Å×Å©³ëÆ® ½æ³×ÀÏ »çÀÌÁî --- Çпøµé */
  #thum_tech_hak  	{width:100%; height:47px; overflow:hidden; background-color:#FF6600;  padding:0px; border-top:#e1e1e1 solid 0px; border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 0px; border-right:#e1e1e1 solid 0px; }
  
  
    
  /* Å×Å©³ëÆ® ½æ³×ÀÏ »çÀÌÁî --- ´º½º ±Ûµé */
  #thum_tech_ipnews  	{width:100%; height:70px; overflow:hidden; background-color:black;  padding:0px; border-top:#e1e1e1 solid 0px; border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 0px; border-right:#e1e1e1 solid 0px; }
  
  
  
   	
  /* Å×Å©³ëÆ® ½æ³×ÀÏ »çÀÌÁî --- ÀÎÅ꼊   width:300px; height:140px;   */
  #thum_tech_interview  	{ overflow:hidden; background-color:#FF9966;  padding:0px; border-top:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px; border-right:#e1e1e1 solid 1px; }
  



	
	
/* ¸ÞÀÎ °Ô½ÃÆÇ»çÀÌ ¼Ò¸Þ´º½ºÅ¸ÀÏ  */
	
	
	ul.form {
		position:relative;
		background:#fff;
		width:100%;
		height:100%;
		margin:auto;
		padding:0;
		list-style: none;
		overflow:hidden;
		
		/*-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;	
		
		-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
		box-shadow:  1px 1px 10px rgba(0, 0, 0, 0.1);
		*/	
	}

	.form li a {
		width:140px;
		padding-left:8px;
		height:31px;
		line-height:31px;
		display:block;
		overflow:hidden;
		position:relative;
		text-decoration:none;
		text-transform:uppercase;
		
		font-family:'Segoe UI',Meiryo,'Trebuchet MS','³ª´®°íµñ',NanumGothic,ng,'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',Dotum,AppleGothic,sans-serif; 
        font-size:12px;
       
        letter-spacing:-1px; 


		
		color:#5986b2;
		
		
		/*
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition:all 0.2s linear;	
		*/
				
	}

	.form li a:hover {
		background:#efefef;
	}

	.form li a.a1 {
		border-left:5px solid #008747;
	}

	.form li a.a2 {
			border-left:5px solid #cc00ff;
	}
		
	.form li a.a3 {
			border-left:5px solid #cf2130;
	}

	.form li a.a4 {
			border-left:5px solid #33cc33;
	}	
	.form li a.a5 {
			border-left:5px solid #3333ff;
	}	
.form li a.a6 {
			border-left:5px solid #ff9900;
	}	
.form li a.a7 {
			border-left:5px solid #663300;
	}	
.form li a.a8 {
			border-left:5px solid #fecf54;
	}	








	.form li:first-child a:hover, .form li:first-child a {
	
		/*-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
		*/
		
	}

	.form li:last-child a:hover, .form li:last-child a {
		/*-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
		*/
	}

	.form li a:hover i {
		color:#ea4f35;
	}

	.form i {
		margin-right:15px;
		
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition:all 0.2s linear;	
	}


/* ¸ÞÀο¡¼­ Á¤ÀÇ 
	.form em {
	

		font-size: 12px;
		background: #ea4f35;
		padding: 3px 5px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;	
		
	
			
		font-style: normal;
		color: #fff;
		margin-top: 5px;
		margin-right: 35px;
		line-height: 10px;
		height: 10px;		
		float:right;
	}


*/

	.form li.selected a {
		background:#99ccff;
	}

	h1 {
		color:#fff;
		margin:0 auto;
		margin-top:120px;
		margin-bottom:40px;
		font-size:30px;
		width:250px;
		text-align:center;
	}

	
	
	
	
	
	.li_table {width: 1200px; border:1 solid red; border-top:none; border-right:none; text-align:center;  background-color:#ededed;  }
			.li_table ul {clear: left; margin:0; padding: 0; list-style-type: none; border-top:0 solid;} 
			/* list-style-type ºí¸´Ç¥½Ã padding: 0; µé¿©¾²±â*/
			.li_table .subject {font-weight: bold;text-align: center;}
			.li_table ul li {text-align: center;float: left;margin: 0;padding: 2px, 1px;border-right:0 solid red; width:340px; height: 100%;}
			.li_table ul .col1 {width: 240px;} /* Ç¥ ¶óÀÎ ¸ÂÃß±â±â À§ÇØ*/
			.li_table ul .col2 {width: 720px;} /* Ç¥ ¶óÀÎ ¸ÂÃß±â±â À§ÇØ*/
			.li_table ul .col3 {width: 240px; align:right;  vertical-align: middle; valign:absmiddle;  } /* Ç¥ ¶óÀÎ ¸ÂÃß±â±â À§ÇØ*/

img {
  max-width: 100%;
  height: auto;
}
.ie8 img {
  width: auto; /* for IE8 only */
}

.img_alpha{
	opacity:0.2;
	filter: alpha(opacity=20);
}





     

/* (max-width:400px) { ÃÖ´ë 399 ---------------------------------------------------------------------- */
       

@media (max-width:415px) {/* ÃÖ´ë 414 ---------------------------------------------------------------------- */
  
      
/* body{ background-color:White;}*/






body{ background-color:white !important ;
	line-height: 1;
  position: relative;
  right: 0;
  -webkit-transition: right .3s;
  transition: right .3s;
  
  word-spacing:0pt;
  
  
  }
  
  
  body.open {
    right: 250px;
  }




#Slide_header {
  margin-bottom: 0px;
  position: relative;  
  
  
  
  
    z-index:999999999991;


  
}



a.menu-icon {

 /* position: absolute; 
 °íÁ¤µÇ°Ô ¸ð¹ÙÀÏ¿¡¼­´Â 

 position: fixed;
  z-index:999991;
  top: 10px;
  right: 5px;
  font-size: 13px;
  color:red;
  
  */
  
  
  position: fixed;
  z-index:999991;
  bottom:10px;

  left: 5px;
  font-size: 13px;
  color:red;
 
  
}





ul.side-menu {
  position: fixed;
  top: 0;
  right: -250px;
  width: 250px;
  height: 100%;
  background-color: #444;
  z-index: -1;

  -webkit-transition: right .3s;
  transition: right .3s;
}





  ul.side-menu.open {
    right: 0;
  }
  
  
  
  ul.side-menu li {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 0 20px;
    text-align: left;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #555;

    -webkit-transition: top .3s;
    transition: top .3s;
  }
  
  
  
  ul.side-menu li.row {
    border: 0;
    position: static;
    top: 0;
    height: 0;
    -webkit-transition: none;
    transition: none;
  }
  
  
  
  
    ul.side-menu li.metro {
      position: absolute;
      padding: 0;
      height: 125px;
      text-align: center;
      background-color: #CCC;
    }
      ul.side-menu li.metro.half { width: 50%; }
      ul.side-menu li.metro.full { width: 100%; }

    ul.side-menu h2.title {
      text-align: left;
      padding: 0 20px;
      position: relative;
      top: -60px;
      font-size: 13px;
      line-height: 60px;
      height: 60px;
      background-color: #555;

      -webkit-transition: top .3s;
      transition: top .3s;
    }
    ul.side-menu li a {
      display: block;
      font-size: 12px;
      padding: 0;
      margin: 0;
      height: inherit;
      line-height: inherit;
    }
    
    
    
      
     /* ±Û »çÀÌÁîµî.. */
     
        
      ul.side-menu li.metro a {
      
      
      }
       
       
    
      
      
      

    /* Colors */
    ul.side-menu li.metro.blue { background-color: #5c84db; }
    ul.side-menu li.metro.light-blue { background-color: #2FC2EF; }
    ul.side-menu li.metro.purple { background-color: #a24fea; }

    ul.side-menu li.metro.red { background-color: #e54747; }
    ul.side-menu li.metro.pink { background-color: #ea4c89; }
    ul.side-menu li.metro.green { background-color: #85e500; }
    ul.side-menu li.metro.orange { background-color: #e28f00; }
    ul.side-menu li.metro.teal { background-color: #00e2e2; }




 



/*¸ð¹ÙÀÏ ¿¡¼­ »ó´Ü ¾Èº¸ÀÓ */

 #topp { display:none;}
 
 
 

#top_login { position:relative; width:100%; height:34px; top:4px;   margin:0 auto; padding:0 auto; z-index:10;   background-color:#f1f2f4; border-bottom:#e5e5e5 solid 1px;}

/*¸ð¹ÙÀÏ ¿¡¼­ °øÁö ¾Èº¸ÀÓ */
#top_notice { display:none;}


 
/*¸ð¹ÙÀÏ ¿¡¼­ °øÁö ¾Æ·¡·Î º¸ÀÌ°Ô */
#top_mobile_notice { padding-top:23px; height:13px}



#wrap{margin:0 auto; width:100%; }

/*.fade { display:none;}*/
	


body,input,button,textarea,p,td,a,li,span,div{
font-family:'Segoe UI',Meiryo,'Trebuchet MS','³ª´®°íµñ',NanumGothic,ng,'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',Dotum,AppleGothic,sans-serif; 
font-size:12px;
line-height:1.5em;
color:#828282;
letter-spacing:-1px; 

}


                  A:link { text-decoration: none;}
                  A:visited { text-decoration: none; }
                  A:active { text-decoration: none; }
                  A:hover { text-decoration: none;}
                  
                  
                  
/* 

¸Þ´º¿¡¼­ ¾ÆÀÌÄÜ ³ôÀÌ height:86px;

 */
 

  


/*¸ð¹ÙÀÏ °Ô½ÃÆÇ ¾ÆÀÌÄÜ fixed*/

#mob_pass_header {



 /* position:absolute ; */
  
    position:absolute ;



  z-index:999991;
  top:0px;
  right: 0;
  font-size: 13px;
  color:red;
  
  
  
 
}




   #header {position:relative; top:0px; left:0; width:100%; height:55px; margin:0 auto; z-index:99999; border-top:#412b20 solid 0px; }
    
    
    #Godo_firstheader { display:none;  }

/* 
    #firstheader { position:relative; top:0; width:100%; height:48px; margin:0 auto;  }
    
    
    #firstheader { position:relative; top:10px; width:100%; height:55px; margin:0 auto;}
  
 */
 
 
  
    #firstheader { position:relative; top:0px; width:100%; height:60px; margin:0 auto; background-color:#ffffff;}
    
     /*
	#firstheader #gnb { position:absolute; top:0px; width:100%;  border-bottom:#e1e1e1 solid 0px; }
	
	»ó´Ü °íÁ¤
	*/
	
	
	#firstheader #gnb {  position:fixed; top:15px; width:100%; height:60px;  border-bottom:#e1e1e1 solid 0px;  background-color:#ffffff;}
	
	
	
	 
	
	#firstheader #gnb ul li{ height:40px; float:left; display:inline; background-color:#ffffff;}
		
	/* #firstheader #gnb ul .m0 {position:absolute; width:100%; margin-top:0px; left:0; background-color:#60514b; } */
	
	#firstheader #gnb ul .m0 {position:absolute; width:100%; margin-top:-15px; left:0; background-color:#ffffff;}
	
	/* #firstheader #gnb ul .m0 a{ display:block; width:90%; height:48px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/logo_240.png") 80% center no-repeat;  }  */
	
	#firstheader #gnb ul .m0 a{ display:block; width:100%; height:40px; text-align:center; background-color:#ffffff; }
	

	/* ¸ð¹ÙÀÏ¿¡¼­´Â ·Î°íÅ«°Å º¸ÀÌ°í ´Ù¸¥°Í¿¡¼­´Â ¾Èº¸ÀÓ */
	
	#logo_img { width:160px; padding: 0 0 -5px 0;  }

	

	
	
	#firstheader #gnb ul .m1 { position:absolute; width:20%; left:0; top:42px; background-color:#05274f;  }
	#firstheader #gnb ul .m1 a{ display:block; width:100%; height:40px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt1.png") center center no-repeat;  background-size: 163px 48px;}
	#firstheader #gnb ul .m1 a:hover {background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt1.png") center center no-repeat; background-color:#666666;  background-size: 163px 48px;}
	#firstheader #gnb ul .m1_on { position:absolute; width:20%; left:0;   top:42px;background-color:#05274f; }
	#firstheader #gnb ul .m1_on a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt1.png") center center no-repeat; background-color:#666666;  background-size: 163px 48px;}
	
	#firstheader #gnb ul .m2 {position:absolute; width:20%; left:20%;top:42px; background-color:#05274f; }
	#firstheader #gnb ul .m2 a{ display:block; width:100%; height:40px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt2.png") center center no-repeat;  background-size: 163px 48px;}
	#firstheader #gnb ul .m2 a:hover {background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt2.png") center center no-repeat; background-color:#666666;  background-size: 163px 48px;}
	#firstheader #gnb ul .m2_on {position:absolute; width:20%; left:20%; top:42px;background-color:#05274f;}
	#firstheader #gnb ul .m2_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt2.png") center center no-repeat; background-color:#666666;  background-size: 163px 48px;}
	
	#firstheader #gnb ul .m3 {position:absolute; width:20%; left:40%;top:42px; background-color:#05274f; }
	#firstheader #gnb ul .m3 a{ display:block; width:100%; height:40px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt3.png") center center no-repeat;  background-size: 163px 48px;}
	#firstheader #gnb ul .m3 a:hover {background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt3.png") center center no-repeat; background-color:#666666;  background-size: 163px 48px;}
	#firstheader #gnb ul .m3_on {position:absolute; width:20%; left:40%; top:42px;background-color:#05274f;}
	#firstheader #gnb ul .m3_on a {display:block; width:100%; height:40px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt3.png") center center no-repeat; background-color:#666666;  background-size: 163px 48px;}
	
	#firstheader #gnb ul .m4 {position:absolute; width:20%; left:60%; top:42px; background-color:#05274f; }
	#firstheader #gnb ul .m4 a{ display:block; width:100%; height:40px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt4.png") center center no-repeat;  background-size: 163px 48px;}
	#firstheader #gnb ul .m4 a:hover {background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt4.png") center center no-repeat; background-color:#666666;  background-size: 163px 48px;}
	#firstheader #gnb ul .m4_on {position:absolute; width:20%; left:60%; top:42px;background-color:#05274f; }
	#firstheader #gnb ul .m4_on a {display:block; width:100%; height:40px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt4.png") center center no-repeat; background-color:#666666;  background-size: 163px 48px;}
	
	#firstheader #gnb ul .m5 {position:absolute; width:20%; left:80%; top:42px; background-color:#05274f; }
	#firstheader #gnb ul .m5 a{ display:block; width:100%; height:40px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt5.png") center center no-repeat;  background-size: 163px 48px;}
	#firstheader #gnb ul .m5 a:hover {background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt5.png") center center no-repeat; background-color:#666666;  background-size: 163px 48px;}
	#firstheader #gnb ul .m5_on {position:absolute; width:20%; left:80%; top:42px;background-color:#05274f; }
	#firstheader #gnb ul .m5_on a {display:block; width:100%; height:40px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt5.png") center center no-repeat; background-color:#666666;  background-size: 163px 48px;}
	
	
	

	#firstheader #gnb ul .m6 {display:none;}
	

	
	
	/*»ó´Ü¿ìÃø
	
		
	#firstheader #gnb ul .m6 {position:absolute; width:100px; right:0; height:48px; margin-top:0px; background-color:#bba79e; background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt6.png") center center no-repeat;  background-size: 197px 58px;}
	
	
	#firstheader #gnb ul .m6 {position:absolute; width:70px; right:0; height:48px; background-color:black; }
	#firstheader #gnb ul .m6 a{ display:block; width:70px; right:0; height:48px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt6.png") center center no-repeat;  background-size: 197px 58px;}
	#firstheader #gnb ul .m6 a:hover {background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt6.png") center center no-repeat; background-color:#666666; }
	#firstheader #gnb ul .m6_on {position:absolute; width:70px; right:0; top:48px; background-color:#05274f; }
	#firstheader #gnb ul .m6_on a {display:block; width:70px; right:0; height:48px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt6.png") center center no-repeat; background-color:#666666; }
	
	#firstheader #gnb ul .menu_line{width:1px; background:url("/art/skin_board/0k_build_home/img_changa/mm/menu_line.png") no-repeat;z-index:9999;top:43px;}

	 */

	#firstheader #gnb ul .menu_line{width:0; background:url("/art/skin_board/0k_build_home/img_changa/mm/menu_line.png") no-repeat;z-index:9999;top:43px;}
	#firstheader #gnb ul #m_line1 {position:absolute; left:25%;}
	#firstheader #gnb ul #m_line2 {position:absolute; left:50%;}
	#firstheader #gnb ul #m_line3 {position:absolute; left:75%;}
	
	
	
	
	
	
/* ½ºÅ©·Ñ ¹è³Êµî.. */

.wrap_scroll {

/*
position: relative;
	margin: 3em 0;
	*/
	

width:100%; 
	position: relative;
	margin: 1em auto;
}



	
	
	
  /*.¸ÞÀÎ ¸ð¹ÙÀÏ¿¡´Â Çпø ±¤°íµé ¾Èº¸ÀÌ°í ½º¿ÒÀ¸·Î µÇ°Ô  */
  
    #pc_ads { display:none; }  






 /*.¸ÞÀÎ ¸ð¹ÙÀÏ¿¡´Â ·Î±×ÀÎ  
	#top_login {display:none;}
	*/
	
	
 /*.¸ÞÀÎ ¸ð¹ÙÀÏ¿¡´Â °øÁö ¸·À½  */
	#top_mobile_notice {display:none;}
	
	
	




 /*.¸ÞÀÎ ¸ð¹ÙÀÏ¿¡´Â ´º½º  */
	#uni_news {display:none;}
	
	
	
 /*.¸ÞÀÎ ¸ð¹ÙÀÏ ·Õ¹è³Ê  */
	#top_long_banner {display:none;}
	
	
	
 /*.¸ÞÀÎ ¸ð¹ÙÀÏ Áö±¸ ·Õ¹è³Ê */
	#jigu_ad_main  {display:none;}
	
	







	
 /*.¸ÞÀÎ ÀÛÀº_ÅؽºÆ®_¼³¸íȸ ¸®½ºÆ®  */
	#semm_list {display:none;}

 
 	
  /*.¸ÞÀÎ Å« ¹è³Ê ¿µµµ°¡ 2017³â 3¿ù 5ÀÏ */
  
    #¸ÞÀÎ_Å«¹è³Ê { display:none; }  
    #¸ÞÀÎ_Å«¹è³Ê_ÀÏ´ëÀÏ { display:none; }  
    #¸ÞÀÎ_Å«¹è³Ê_¾÷ü { display:none; }  
    
   
   
     #¸ð¹ÙÀÏ¿¡¼­¾Èº¸ÀÌ°Ô { display:none; }  
    
   
 	
 	
 	/*.¸ÞÀÎ ´ëÇйٷΰ¡±â  ¸®½ºÆ®  */
	#dae_list {display:none;}

 
 	/*.¸ÞÀÎ ¼¼¹Ì³ª-»ó´ã-°øÁö ÃÖ±Ù±Û  ¸®½ºÆ®  display:none; */
	#sem_sang_notice {}

 
 	/*.¸ÞÀÎ ÇÁ¸®¹Ì¾ö ȸ¿ø  ¸®½ºÆ®  */
	#slider1_container {display:none;}


    /*.¸ÞÀΠȸ¿ø´º½º-¿¬Àç-ÆäºÏ  ¸®½ºÆ® display:none; */
	#hak_yeon_fabook {}

    /*.¸ÞÀÎ ·Õ ¹è³Ê  ¸®½ºÆ®  */
	#jssor_1 {display:none;}

    /*.¸ÞÀÎ ±×¸²/¿µ»ó/ºí·Î±×  ¸®½ºÆ®  */
	#pic_mov_blog {display:none;}


    /*.¸ÞÀÎ º¸µå ÃÖ±Ù±Û  ¸®½ºÆ®  */
	#board_list1 {display:none;}



 /*.¸ÞÀÎ º¸µå ÇÏ´Ü »çÀÌÆ®¸Ê  ¸®½ºÆ®  */
	#site_map {display:none;}



 /*.¸ÞÀÎ º¸µå ÇÏ´Ü ÀÛÀº ¹è³Ê ¾ÆÀÌÄÜ  ¸®½ºÆ®  */
	#jssor_10888 {display:none;}


 /*.¸ÞÀÎ º¸µå ÇÏ´Ü È¸»ç¼Ò°³µî..  ¸®½ºÆ®  */
	#company_text {display:none;}




	
  /*.¸ÞÀÎÇ÷¹½¬ ¹è³Ê ¿µµµ°¡ */
    #main_flash_banner { display:none; }  



   
 /*. ¸ð¹ÙÀÏ ¹è³Ê  ¿µµµ°¡ */

#container													{background-color:#fbfbfb}
#container .section											{width:100%;}
#container .wrap											{width:960px; margin:0 auto; top:2px;}

/* »ó´Ü Çø®Å·
.main .wrap													{width:960px; margin:0 auto; position:relative}
.main .wrap .ficker											{position:absolute; top:312px; left:405px; z-index:1000; width:162px; height:13px}
.main .wrap .ficker	a										{text-indent: -9999px} /* 130222 */
*/

/* »ó´Ü Çø®Å· 
position:absolute; top:382px; left:60px; 
*/

.main .wrap													{width:960px; margin:0 auto; position:relative}


.main .wrap .ficker											{position:absolute; top:353px; margin:0 auto; left:110px; z-index:1000; width:200px; height:13px}
.main .wrap .ficker	a										{text-indent: -9999px} /* 130222 */

.main .wrap a												{float:left; width:13px; height:13px; margin-right:3px; background:url('/art/skin_board/0k_build_home/img_pim/bul_ficker.png') 0 -13px no-repeat; display:block; text-indent:-1000px}
.main .wrap a.on											{background-position:0 0}

  /*   
.main .image												{width:100%; height:280px; overflow:hidden; margin:0 auto; position:relative}

max-width: 100%;
*/
 
 
 
 
.main .image												{width:100%; height:280px; overflow:hidden; margin:0 auto; position:relative}

.main .image ul												{overflow:hidden; position:absolute; top:0; left:0; background-color:red}
.main .image li												{float:left;}
.main .image li span										{display:block; width:100%; max-width: 100%; height:280px; }
.main .image li a											{display:block; width:100%; max-width: 100%; height:280px; }

 /*. ¸ð¹ÙÀÏ ¹è³Ê  ¿µµµ°¡ */
   

			

  	
/*
#content { position:relative; width:100%; height:1980px; top:0px; margin:0 auto; z-index:100;background-color:White; }
*/




/*

#content { position:relative; width:100%; height:1120px; top:0px; margin:0 auto; padding:0 auto; z-index:100; background-color:White; }

°¡¿îµ¥ ³»¿ë ¾úÀ¸¹Ç·Î ³ôÀÌ Á×ÀÓ
*/



 /* ¼­ºê¸Þ´º ¾Æ·¡·Î ³»·Á¿È ¿©±âÃß°¡ÇÔ */

              .sub1
              {z-index:10000; width:130px; background:white !important;  border:#05274f solid 3px;}
               
              .sub2
              {z-index:10000; width:130px; background:white !important;  border:#05274f solid 3px;}
               
              .sub3
              {z-index:10000; width:130px; background:white !important;  border:#05274f solid 3px;}
               
              .sub4
              {left:-40px; z-index:10000; width:130px; background:white !important;  border:#05274f solid 3px;}
               
              .sub5 /*  ¿À¸¥ÂÊ ºÙ°Ô right:0; */
              {z-index:10000; right:0; width:130px; background:white !important;  border:#05274f solid 3px;}
               
            .sub5_mobile
              {left:-95px; z-index:10000; width:130px; background:white !important;  border:#05274f solid 3px;}
               
         
         
         


	
/*	2639    1319  */
#content { position:relative; width:100%; height:20px; top:0px; margin:0 auto; padding:0 auto; z-index:100; background-color:White; }




    #content .item_boxs { position:relative;  margin:0 auto; }
    
    #content .item_boxs dt { 
    font-family:'Segoe UI',Meiryo,'Trebuchet MS','³ª´®°íµñ',NanumGothic,ng,'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',Dotum,AppleGothic,sans-serif;   
    font-size:15px; 
    color:#161616;
    text-align:left; }
    
    #content .item_boxs dd { 
    font-family:'Segoe UI',Meiryo,'Trebuchet MS','³ª´®°íµñ',NanumGothic,ng,'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',Dotum,AppleGothic,sans-serif;   
    font-size:9px; 
    color:#767676; 
    line-height:15px; }
    
    #content .hidden_box { position:absolute; overflow:hidden; border:#e1e1e1 solid 1px;}
    #content .hidden_box a{position:absolute; display:block; width:100%; height:100%; z-index:90000 }
    
    
    
  
      
    /*hidden_boxÀüü   40À» »­ */
    #content #hidden_box1 {position:absolute; left:0; top:0; width:49.9%; height:178px; z-index:56;}
    
    #content #hidden_box2 {position:absolute; left:50%; top:0; width:49.9%; height:178px; z-index:55;}
    
    
    
     /* ¸ð¹ÙÀÏ °Ô½ÃÆÇÀº µÑÀÌ °°ÀÌ ³ª¿À°Ô */
    #sidebar {display:none;}
    
   
    
    
    #content #hidden_box3 {position:absolute; left:0; top:179px; width:99.8%; height:219px; z-index:54;}
    
   /*¾ÆÀÌÅÛ¹Ú½ºÀüü
    #content #hidden_box4 {position:absolute; left:50%; top:179px; width:49.9%; height:219px; z-index:51;}
    */
    
    #content #hidden_box4 {display:none}
    
    
    
    #content #hidden_box5 {position:absolute; left:0; top:399px; width:49.9%; height:179px; z-index:48;}
    #content #hidden_box6 {position:absolute; left:50%; top:399px; width:49.9%; height:179px; z-index:53;}
    
    #content #hidden_box7 {position:absolute; left:0; top:579px; width:49.9%; height:179px; z-index:52;}
    #content #hidden_box8 {position:absolute; left:50%; top:579px; width:49.9%; height:179px; z-index:45;}
    
    #content #hidden_box9 {position:absolute; left:0; top:759px; width:49.9%; height:179px; z-index:50;}
    #content #hidden_box10 {position:absolute; left:50%; top:759px; width:49.9%; height:179px; z-index:46;}
    
    #content #hidden_box11 {position:absolute; left:0; top:939px; width:49.9%; height:179px; z-index:44;}
    #content #hidden_box12 {position:absolute; left:50%; top:939px; width:49.9%; height:179px; z-index:42;}
    
     
    
    
    /*¾ÆÀÌÅÛ¹Ú½ºÀüü*/
    #content #i_box1 { left:0px; top:-240px; width:50%; height:180px; background-color:;}
        #content #i_box1 dt { position:absolute; left:30px; top:30px;width:150px; height:50px;}
        #content #i_box1 dd { position:absolute; left:30px; top:53px; width:181px; height:50px;}
        
    #content #i_box2 {left:-500px; top:0px; width:50%; height:180px; background-color:;}
        #content #i_box2 dt { position:absolute; left:30px; top:30px; width:150px;}
        #content #i_box2 dd { position:absolute; left:30px; top:53px; width:150px; height:50px;}
     
     /*  
    #content #i_box3 { left:-500px; top:0px; width:50%; height:220px; background-color:;}
        #content #i_box3 dt { position:absolute; left:30px; top:30px;width:150px;}
        #content #i_box3 dd { position:absolute; left:30px; top:54px; width:150px; height:50px;}
            
              
    #content #i_box3 { left:-500px; top:0px; width:240px; height:240px; background-color:;}
        #content #i_box3 dt { position:absolute; left:30px; top:30px;}
        #content #i_box3 dd { position:absolute; left:30px; top:54px; width:181px; height:50px;}
  
  
       */
       
          
           
        
       
       
    #content #i_box3 { left:-500px; top:0px; width:310px; height:220px; background-color:; }
        #content #i_box3 dt { position:absolute; left:0px; top:20px; width:180px;}
        
        
        #content #i_box3 dd { position:absolute; left:0px; top:44px; width:280px; height:150px;}
      
       
       
       
        /*¼¼·ÎµÎÄ­*/
    #content #i_box4 { left:-500px; top:0px; width:50%; height:220px; background-color:;}
        #content #i_box4 dt { position:absolute; left:30px; top:30px; width:150px;}
        #content #i_box4 dd { position:absolute; left:30px; top:50px; width:150px; height:50px;}
       
    #content #i_box5 {left:-500px; top:0px; width:50%; height:220px; background-color:;}
        #content #i_box5 dt { position:absolute; left:30px; top:30px; width:150px;}
        #content #i_box5 dd { position:absolute; left:30px; top:53px; width:150px; height:50px;}
      
        /*°¡·ÎµÎÄ­*/
    #content #i_box6 { left:0px; top:-240px; width:50%; height:220px; background-color:;}
        #content #i_box6 dt { position:absolute; left:30px; top:30px;width:150px;}
        #content #i_box6 dd { position:absolute; left:30px; top:60px; width:150px; height:70px;}
       
    #content #i_box7 {left:0px; top:-240px; width:50%; height:220px; padding:0 0 0 0; margin:0 0 0 0 ; background-color:;}
        #content #i_box7 dt { position:absolute; left:30px; top:30px; width:150px;}
        #content #i_box7 dd { position:absolute; left:30px; top:55px; width:150px; height:50px;}
     
    #content #i_box8 { left:0px; top:-240px; width:50%; height:220px; background-color:;}
        #content #i_box8 dt { position:absolute; left:30px; top:30px; width:150px;}
        #content #i_box8 dd { position:absolute; left:30px; top:54px; width:150px; height:50px;}
       
    #content #i_box9 { left:0px; top:-240px; width:50%; height:220px; background-color:;}
        #content #i_box9 dt { position:absolute; left:30px; top:30px; width:150px;}
        #content #i_box9 dd { position:absolute; left:30px; top:53px; width:150px; height:50px;}
       
    #content #i_box10 { left:-500px; top:0px; width:50%; height:220px; background-color:;}
        #content #i_box10 dt { position:absolute; left:30px; top:30px; width:150px;}
        #content #i_box10 dd { position:absolute; left:30px; top:54px; width:150px; height:50px;}
       
    #content #i_box11 { left:-500px; top:0px; width:50%; height:220px; background-color:;}
        #content #i_box11 dt { position:absolute; left:30px; top:30px; width:150px;}
        #content #i_box11 dd { position:absolute; left:30px; top:54px; width:150px; height:50px;}
       
    #content #i_box12 {left:-500px; top:0px; width:50%; height:220px; background-color:;}
        #content #i_box12 dt { position:absolute; left:30px; top:30px; width:150px;}
        #content #i_box12 dd { position:absolute; left:30px; top:54px; width:150px; height:50px;}
       
    #content #i_box13 { left:0px; top:-240px; width:50%; height:220px; background-color:;}
        #content #i_box13 dt { position:absolute; left:30px; top:30px; width:150px;}
        #content #i_box13 dd { position:absolute; left:30px; top:55px; width:150px; height:50px;}
      
    #content #i_box14 { left:0px; top:-240px; width:50%; height:220px; background-color:;}
        #content #i_box14 dt { position:absolute; left:30px; top:30px; width:150px;}
        #content #i_box14 dd { position:absolute; left:30px; top:54px; width:150px; height:50px;}
      
    #content #i_box15 {left:-500px; top:0px; width:50%; height:220px; background-color:;}
        #content #i_box15 dt { position:absolute; left:30px; top:30px; width:150px;}
        #content #i_box15 dd { position:absolute; left:30px; top:55px; width:150px; height:50px;}
       
    #content #i_box16 { left:-500px; top:0px; width:50%; height:220px; background-color:;}
        #content #i_box16 dt { position:absolute; left:30px; top:30px; width:150px;}
        #content #i_box16 dd { position:absolute; left:30px; top:55px; width:150px; height:50px;}
       
    
    
    
    /*ÄÁÅÙÃ÷À̹ÌÁöÀ§Ä¡ */
    #content .img_position_1 { position:absolute; right:-90%; top:75px; width:199px; height:131px; z-index:20;}
   
    

    
          /*¼¼·ÎµÎÄ­*/
    #content .img_position_2 { position:absolute; right:-90%; top:75px;  width:179px; height:111px; z-index:20;}
        /*°¡·ÎµÎÄ­*/
    #content .img_position_3 { position:absolute; right:-90%; top:105px;width:149px; height:91px;z-index:20;}
    
    #content .img_position_4 {position:absolute; width:240px; height:240px; left:40%;}


    /*¿À¹ö¹Ú½º*/
    
   #content .over_box { display:none;  z-index:70; }
 #content #o_box1 {position:absolute; left:0; top:0px; width:220px; height:220px;} 
   #content #o_box2 {position:absolute; left:220px; top:0;width:220px; height:220px; }
   #content #o_box3 {position:absolute; left:440px; top:0; width:220px; height:220px;}
   #content #o_box4 {position:absolute; left:0px; top:220px;width:220px; height:220px;}
   #content #o_box5 {position:absolute; left:0px; top:440px; width:220px; height:220px;}
   #content #o_box6 {position:absolute; left:220px; top:220px; width:220px; height:220px;}
   #content #o_box7 {position:absolute; left:440px; top:220px;width:220px; height:220px; }
   #content #o_box8 {position:absolute; left:220px; top:440px; width:220px; height:220px;}
   #content #o_box9 {position:absolute; left:0px; top:660px;width:220px; height:220px; }
   #content #o_box10 {position:absolute; left:220px; top:660px;width:220px; height:220px; }
   #content #o_box11 {position:absolute; left:440px; top:660px; width:220px; height:220px;}
   #content #o_box12 {position:absolute; left:0px; top:880px;width:220px; height:220px; }
   #content #o_box13 {position:absolute; left:440px; top:440px; width:220px; height:220px;}
   #content #o_box14 {position:absolute; left:220px; top:880px; width:220px; height:220px;}
   #content #o_box15 {position:absolute; left:440px; top:880px;width:220px; height:220px; }
   #content #o_box16 {position:absolute; left:0px; top:1100px;width:220px; height:220px; }
   #content #o_box17 {position:absolute; left:220px; top:1100px; width:220px; height:220px;}




  
  
  

    
#footer {position:relative; width:100%; height:200px; top:0px;  margin:0 auto; z-index:1000; background-color:#f9f9f9;  border-top:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px;border-right:#e1e1e1 solid 1px; text-align:center;}

#yff { overflow:hidden;  height:200px;   margin:0px auto; }


#f_img1 { float:left; width:130px; height:40px; top:5px; left:1px;}
#f_img1 a {display:block; width:100%; height:100%;  background:url("") right top no-repeat;  background-size: 120px ; }
   
 
#yff_copy { font-size:8pt; float:left;   width:98%; height:200px;  text-align:left; position:relative; top:0px; margin:10px; }
 
#yff_copy2 { display:none;  }

 #yff_blog { display:none; 
 
 /*float:left; background-color:red; width:220px; height:100px;  text-align:right; position:relative; top:0px;
 */
 
  }
 


#yff_001 { display:none; }

  
#top_bt { position:absolute; right:5px; bottom:5px;}


  
 /*e work list 
#footer {position:relative; width:100%; height:219px; top:0px;  margin:0 auto; z-index:1000; background-color:#f9f9f9;  border-top:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px;border-right:#e1e1e1 solid 1px; text-align:center;}
#realfooter { position:relative; width:100%; height:219px; top:0px;  margin:0 auto; }


    #realfooter div { position:absolute; bottom:110px; left:20px; text-align:left;}
    
    #realfooter div p { font-family:'Segoe UI',Meiryo,'Trebuchet MS','³ª´®°íµñ',NanumGothic,ng,'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',Dotum,AppleGothic,sans-serif
;   font-size:10px; color:#6d6d6d; }



    #realfooter	#footer_img { position:absolute; top:25px; left:5px; width:210px; height:56px;}
    #realfooter	#footer_img li {}
    
    #realfooter	#footer_img #f_img1 { position:absolute; width:96px; height:10px; top:35px; left:18px;}
    #realfooter	#footer_img #f_img1 a {display:block; width:100%; height:100%;  background:url("/art/skin_board/0k_build_home/img_changa/mm/down_img_760.gif") center center no-repeat; }
    
    #realfooter	#footer_img #f_img2 {position:absolute; width:144px; height:27px; top:0px; left:16px;}
    #realfooter	#footer_img #f_img2 a {display:block; width:100%; height:100%;  background:url("/art/skin_board/0k_build_home/img_changa/mm/family_box_760.gif") center center no-repeat; }
    
    #realfooter	#footer_img #f_img3 {position:absolute; width:82px; height:10px;  top:35px; right:0px; }
    
    #realfooter	#footer_img #sub_family {position:absolute; width:143px; top:-24px; left:16px; display:none; z-index:90;}
    #realfooter	#footer_img #sub_family p{  text-align:center;  width:143px; height:24px; vertical-align:middle; border:#e1e1e1 solid 1px;  }
    #realfooter	#footer_img #sub_family p a{  display:block; width:100%; height:100%; text-decoration:none; font-family:'Segoe UI',Meiryo,'Trebuchet MS','³ª´®°íµñ',NanumGothic,ng,'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',Dotum,AppleGothic,sans-serif
;   font-size:12px; color:#6d6d6d;  background-color:#fff;}
    #realfooter	#footer_img #sub_family p a:hover {  background-color:#f9f9f9;}
    
    #realfooter #top_bt {position:absolute; left:20px; bottom:25px;}  
    
*/    

     
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/






/* @media (min-width:401px) and (max-width:640px) {ÃÖ¼Ò 400 ~ 639 ---------------------------------------------------------------------- */
  
 
@media (min-width:415px) and (max-width:640px) {/* ÃÖ¼Ò 414 ~ 639 ---------------------------------------------------------------------- */
  
  
  
  

body{ background-color:White;
	line-height: 1;
  position: relative;
  right: 0;
  -webkit-transition: right .3s;
  transition: right .3s;
  }
  
  
  body.open {
    right: 250px;
  }




#Slide_header {
  margin-bottom: 0px;
  position: relative;  
}


a.menu-icon {
  position: absolute;
  z-index:999991;
  top: 10px;
  right: 5px;
  font-size: 23px;
  color:red;
}




ul.side-menu {
  position: fixed;
  top: 0;
  right: -250px;
  width: 250px;
  height: 100%;
  background-color: #444;
  z-index: -1;

  -webkit-transition: right .3s;
  transition: right .3s;
}
  ul.side-menu.open {
    right: 0;
  }
  ul.side-menu li {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 0 20px;
    text-align: left;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #555;

    -webkit-transition: top .3s;
    transition: top .3s;
  }
  ul.side-menu li.row {
    border: 0;
    position: static;
    top: 0;
    height: 0;
    -webkit-transition: none;
    transition: none;
  }
    ul.side-menu li.metro {
      position: absolute;
      padding: 0;
      height: 125px;
      text-align: center;
      background-color: #CCC;
    }
      ul.side-menu li.metro.half { width: 50%; }
      ul.side-menu li.metro.full { width: 100%; }

    ul.side-menu h2.title {
      text-align: left;
      padding: 0 20px;
      position: relative;
      top: -60px;
      font-size: 23px;
      line-height: 60px;
      height: 60px;
      background-color: #555;

      -webkit-transition: top .3s;
      transition: top .3s;
    }
    ul.side-menu li a {
      display: block;
      font-size: 12px;
      padding: 0;
      margin: 0;
      height: inherit;
      line-height: inherit;
    }
    
      ul.side-menu li.metro a {
     
      }

    /* Colors */
    ul.side-menu li.metro.blue { background-color: #5c84db; }
    ul.side-menu li.metro.light-blue { background-color: #2FC2EF; }
    ul.side-menu li.metro.purple { background-color: #a24fea; }

    ul.side-menu li.metro.red { background-color: #e54747; }
    ul.side-menu li.metro.pink { background-color: #ea4c89; }
    ul.side-menu li.metro.green { background-color: #85e500; }
    ul.side-menu li.metro.orange { background-color: #e28f00; }
    ul.side-menu li.metro.teal { background-color: #00e2e2; }




/*¸ð¹ÙÀÏ ÇÕ°Ý»ý ¾ÆÀÌÄÜ fixed*/

#mob_pass_header { display:none; }


/*¸ð¹ÙÀÏ ¿¡¼­ »ó´Ü ¾Èº¸ÀÓ */

 #topp { display:none;}





#wrap{margin:0 auto; width:100%; }

/*.fade { display:none;}*/



			
body,input,button,textarea,p,td,a,li,span{font-family:'Segoe UI',Meiryo,'Trebuchet MS','³ª´®°íµñ',NanumGothic,ng,'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',Dotum,AppleGothic,sans-serif
; font-size:12px;line-height:1.5em;color:#828282; }

    
         A:link { text-decoration: none;}
                  A:visited { text-decoration: none; }
                  A:active { text-decoration: none; }
                  A:hover { text-decoration: none;}

    
    
    
    
	
	
	/* ¸ð¹ÙÀÏ¿¡¼­´Â ·Î°íÅ«°Å º¸ÀÌ°í ´Ù¸¥°Í¿¡¼­´Â ¾Èº¸ÀÓ */
	
	#logo_mob {display:none;}



#header {position:relative; top:0; left:0; width:100%; height:49px; margin:0 auto; z-index:99999; border-top:#412b20 solid 0px; background:red;}



     #Godo_firstheader { display:none;  }
     
     
     
       /*.¸ÞÀÎ Å« ¹è³Ê ¸ð¹ÙÀÏ¿ëÀº ¾Èº¸ÀÌ°Ô ¿µµµ°¡ 2017³â 3¿ù 5ÀÏ */
    #¸ÞÀÎ_Å«¹è³Ê_¸ð¹ÙÀÏ { display:none; }  




  
  
  
    #firstheader { position:relative; top:0; width:100%; height:49px; margin:0 auto;   border-bottom:#e1e1e1 solid 1px; }
   
	#firstheader #gnb { position:absolute; top:0px; width:100%; background-color:#05274f;   border-bottom:#e1e1e1 solid 1px;}
	#firstheader #gnb ul li{ height:49px; float:left; display:inline; }
	
	 #firstheader #gnb ul .m0 {width:25%; margin-top:0px; left:0; }  
	
	/* #firstheader #gnb ul .m0 {width:200px; margin-top:0px; left:0; }*/
	
	#firstheader #gnb ul .m0 a{ display:block; width:100%; height:49px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/logo_480.png") center center no-repeat;  }
	
	#firstheader #gnb ul .m1 { position:absolute; width:16%; left:25%;  }
	#firstheader #gnb ul .m1 a{ display:block; width:100%; height:49px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt1.png") center center no-repeat;  background-size: 197px 58px;}
	#firstheader #gnb ul .m1 a:hover {background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt1.png") center center no-repeat; background-color:#666666; }
	#firstheader #gnb ul .m1_on { position:absolute; width:16%; left:22%;  }
	#firstheader #gnb ul .m1_on a{ display:block; width:100%; height:49px; background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt1.png") center center no-repeat; background-color:#666666; }
	
	#firstheader #gnb ul .m2 {position:absolute; width:16%; left:38%;}
	#firstheader #gnb ul .m2 a{ display:block; width:100%; height:49px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt2.png") center center no-repeat;  background-size: 197px 58px;}
	#firstheader #gnb ul .m2 a:hover {background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt2.png") center center no-repeat; background-color:#666666; }
	#firstheader #gnb ul .m2_on {position:absolute; width:16%; left:38%;}
	#firstheader #gnb ul .m2_on a {display:block; width:100%; height:49px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt2.png") center center no-repeat; background-color:#666666; }
	
	#firstheader #gnb ul .m3 {position:absolute; width:16%; left:55%;}
	#firstheader #gnb ul .m3 a{ display:block; width:100%; height:49px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt3.png") center center no-repeat;  background-size: 197px 58px;}
	#firstheader #gnb ul .m3 a:hover {background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt3.png") center center no-repeat; background-color:#666666; }
	#firstheader #gnb ul .m3_on {position:absolute; width:16%; left:55%;}
	#firstheader #gnb ul .m3_on a {display:block; width:100%; height:49px; background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt3.png") center center no-repeat; background-color:#666666;}
	
	#firstheader #gnb ul .m4 {position:absolute; width:18%; left:70%; }
	#firstheader #gnb ul .m4 a{ display:block; width:100%; height:49px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt4.png") center center no-repeat;  background-size: 197px 58px;}
	#firstheader #gnb ul .m4 a:hover {background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt4.png") center center no-repeat; background-color:#666666; }
	#firstheader #gnb ul .m4_on {position:absolute; width:18%; left:70%; }
	#firstheader #gnb ul .m4_on a {display:block; width:100%; height:49px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt4.png") center center no-repeat; background-color:#666666; }
	
	#firstheader #gnb ul .m5 {width:0px; height:49px; margin-top:0px; display:none; }
	
	#firstheader #gnb ul .m6 {display:none; position:absolute; width:0px; right:0%; height:49px; margin-top:0px; background-color:#bba79e; background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt6_480.gif") no-repeat;}
	
	
	#firstheader #gnb ul .menu_line{ display:none; width:1px; background:url("/art/skin_board/0k_build_home/img_changa/mm/menu_line.png") no-repeat;  z-index:9999;}
	#firstheader #gnb ul #m_line1 {position:absolute; left:38%;}
	#firstheader #gnb ul #m_line2 {position:absolute; left:54%;}
	#firstheader #gnb ul #m_line3 {position:absolute; left:70%;}
	
	
	
	
  /*.¸ÞÀÎÇ÷¹½¬ ¹è³Ê ¿µµµ°¡ */

    #main_flash_banner { position:relative; top:0px; width:100%;  margin:0 auto ;  background-color:White;  border-bottom:#D71921 solid 0px;  text-align:center; }
    	
	#mainflash { width:100%; height:110px; position:relative; overflow:hidden; }

	#mainflash .mainbannerImg{ position:absolute; width:100%; height:100%;}

	#mainflash #bannerLeftBtn{ position:absolute; left:20px; top:50px; z-index:1; }

	#mainflash #bannerRightBtn{ position:absolute; right:20px;  top:50px; z-index:1; }
		
    #numBtn{ position:absolute; padding:0; margin:0; }
     #numBtn li{ width:15px; height:15px; font-size:11px; font-family:Verdana; text-align:center; line-height:11px; float:left; list-style:none; margin-right:8px; background:url('<?=$this_skin?>/img_pim/main_off70.png'); text-indent:-2000px; }
     #numBtn li { cursor:hand; }
     #numBtn .numBtnOver { background:url('<?=$this_skin?>/img_pim/main_on2.png'); display:block; }

 /*.¸ÞÀÎÇ÷¹½¬ ¹è³Ê ¿µµµ°¡ */
 

 

	
    #Mobile_main { display:none;  }
   



  
/*
	
	
#content { position:relative; width:100%; height:1400px; top:0px; margin:0 auto; z-index:100; background-color:White; }


°¡¿îµ¥ ³»¿ë ¾úÀ¸¹Ç·Î ³ôÀÌ Á×ÀÓ
*/


 /* ¼­ºê¸Þ´º ¾Æ·¡·Î ³»·Á¿È ¿©±âÃß°¡ÇÔ */
              .sub1
              {z-index:10000; width:150px; background:white !important;  border:#05274f solid 3px;}
               
              .sub2
              {z-index:10000; width:150px; background:white !important;  border:#05274f solid 3px;}
               
              .sub3
              {z-index:10000; width:150px; background:white !important;  border:#05274f solid 3px;}
               
              .sub4
              {left:-75px; z-index:10000; width:150px; background:white !important;  border:#05274f solid 3px;}
               
              .sub5
              {z-index:10000; width:150px; background:white !important;  border:#05274f solid 3px;}
   
   
   
	
#content { position:relative; width:100%; height:20px; top:0px; margin:0 auto; z-index:100; background-color:White; }


    #content .item_boxs { position:relative; text-align:left;}
    
    #content .item_boxs dt { 
    font-family:'Segoe UI',Meiryo,'Trebuchet MS','³ª´®°íµñ',NanumGothic,ng,'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',Dotum,AppleGothic,sans-serif;   
    font-size:13px; 
    color:#161616; 
    font-weight:bold;
    text-align:left;
    }
    
    #content .item_boxs dd { 
    font-family:'Segoe UI',Meiryo,'Trebuchet MS','³ª´®°íµñ',NanumGothic,ng,'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',Dotum,AppleGothic,sans-serif;   
    font-size:11px; 
    color:#767676; 
    line-height:15px; 
    }
    #content .hidden_box { position:absolute; overflow:hidden; border:#e1e1e1 solid 1px;}
    #content .hidden_box a{position:absolute; display:block; width:100%; height:100%; z-index:90000 }


    
    /*hidden_boxÀüü*/
    
    #content #hidden_box1 {position:absolute; left:0; top:0; width:49.9%; height:218px; z-index:56;}    
    #content #hidden_box2 {position:absolute; left:50%; top:0; width:49.9%; height:218px; z-index:55;}
    
    #content #hidden_box3 {position:absolute; left:0; top:219px; width:49.9%; height:219px; z-index:54;}   
    #content #hidden_box4 {position:absolute; left:50%; top:219px; width:50%; height:219px; z-index:51;}
    
    #content #hidden_box5 {position:absolute; left:0; top:439px; width:49.9%; height:219px; z-index:48;}
    #content #hidden_box6 {position:absolute; left:50%; top:439px; width:49.9%; height:219px; z-index:53;}
    
    #content #hidden_box7 {position:absolute; left:0; top:659px; width:50%; height:219px; z-index:52;}
    #content #hidden_box8 {position:absolute; left:50%; top:659px; width:49.9%; height:219px; z-index:45;}
    
    #content #hidden_box9 {position:absolute; left:0; top:879px; width:49.9%; height:219px; z-index:50;}
    #content #hidden_box10 {position:absolute; left:50%; top:879px; width:49.9%; height:219px; z-index:46;}
    
    #content #hidden_box11 {position:absolute; left:0; top:1099px; width:50%; height:219px; z-index:44;}
    #content #hidden_box12 {position:absolute; left:50%; top:1099px; width:50%; height:219px; z-index:42;}
    
  
    
    
    /*¾ÆÀÌÅÛ¹Ú½ºÀüü*/
    #content #i_box1 { left:0px; top:-240px; width:50%; height:220px; background-color:;}
        #content #i_box1 dt { position:absolute; left:30px; top:30px;width:150px; height:50px;}
        #content #i_box1 dd { position:absolute; left:30px; top:53px; width:181px; height:50px;}
        
    #content #i_box2 {left:-500px; top:0px; width:50%; height:220px; background-color:;}
        #content #i_box2 dt { position:absolute; left:30px; top:30px; width:150px;}
        #content #i_box2 dd { position:absolute; left:30px; top:53px; width:150px; height:50px;}
        
        
        
   
    
     /* ¸ð¹ÙÀÏ °Ô½ÃÆÇÀº µÑÀÌ °°ÀÌ ¾È  ³ª¿À°Ô */
   
    #sidebar_total {display:none;}
    
    
    
    
          
        
    #content #i_box3 { left:-500px; top:0px; width:300px; height:220px; background-color:;}
        #content #i_box3 dt { position:absolute; left:0px; top:20px; width:150px;}
        #content #i_box3 dd { position:absolute; left:0px; top:44px; width:210px; height:50px;}
        


    #content #i_box4 { left:-500px; top:0px; width:300px; height:220px; background-color:;}
      #content #i_box4 dt { position:absolute; left:0px; top:20px; width:150px;}
        #content #i_box4 dd { position:absolute; left:0px; top:44px; width:210px; height:50px;}
            
        
        
       
    #content #i_box5 {left:-500px; top:0px; width:50%; height:220px; background-color:;}
        #content #i_box5 dt { position:absolute; left:30px; top:30px; width:150px;}
        #content #i_box5 dd { position:absolute; left:30px; top:53px; width:150px; height:50px;}
      
        /*°¡·ÎµÎÄ­*/
    #content #i_box6 { left:0px; top:-240px; width:50%; height:220px; background-color:;}
        #content #i_box6 dt { position:absolute; left:30px; top:30px;width:150px;}
        #content #i_box6 dd { position:absolute; left:30px; top:60px; width:150px; height:70px;}
       
    #content #i_box7 {left:0px; top:-240px; width:50%; height:220px; padding:0 0 0 0; margin:0 0 0 0 ; background-color:;}
        #content #i_box7 dt { position:absolute; left:30px; top:30px; width:150px;}
        #content #i_box7 dd { position:absolute; left:30px; top:55px; width:150px; height:50px;}
     
    #content #i_box8 { left:0px; top:-240px; width:50%; height:220px; background-color:;}
        #content #i_box8 dt { position:absolute; left:30px; top:30px; width:150px;}
        #content #i_box8 dd { position:absolute; left:30px; top:54px; width:150px; height:50px;}
       
    #content #i_box9 { left:0px; top:-240px; width:50%; height:220px; background-color:;}
        #content #i_box9 dt { position:absolute; left:30px; top:30px; width:150px;}
        #content #i_box9 dd { position:absolute; left:30px; top:53px; width:150px; height:50px;}
       
    #content #i_box10 { left:-500px; top:0px; width:50%; height:220px; background-color:;}
        #content #i_box10 dt { position:absolute; left:30px; top:30px; width:150px;}
        #content #i_box10 dd { position:absolute; left:30px; top:54px; width:150px; height:50px;}
       
    #content #i_box11 { left:-500px; top:0px; width:50%; height:220px; background-color:;}
        #content #i_box11 dt { position:absolute; left:30px; top:30px; width:150px;}
        #content #i_box11 dd { position:absolute; left:30px; top:54px; width:150px; height:50px;}
       
    #content #i_box12 {left:-500px; top:0px; width:50%; height:220px; background-color:;}
        #content #i_box12 dt { position:absolute; left:30px; top:30px; width:150px;}
        #content #i_box12 dd { position:absolute; left:30px; top:54px; width:150px; height:50px;}
       
    #content #i_box13 { left:0px; top:-240px; width:50%; height:220px; background-color:;}
        #content #i_box13 dt { position:absolute; left:30px; top:30px; width:150px;}
        #content #i_box13 dd { position:absolute; left:30px; top:55px; width:150px; height:50px;}
      
    #content #i_box14 { left:0px; top:-240px; width:50%; height:220px; background-color:;}
        #content #i_box14 dt { position:absolute; left:30px; top:30px; width:150px;}
        #content #i_box14 dd { position:absolute; left:30px; top:54px; width:150px; height:50px;}
      
    #content #i_box15 {left:-500px; top:0px; width:50%; height:220px; background-color:;}
        #content #i_box15 dt { position:absolute; left:30px; top:30px; width:150px;}
        #content #i_box15 dd { position:absolute; left:30px; top:55px; width:150px; height:50px;}
       
    #content #i_box16 { left:-500px; top:0px; width:50%; height:220px; background-color:;}
        #content #i_box16 dt { position:absolute; left:30px; top:30px; width:150px;}
        #content #i_box16 dd { position:absolute; left:30px; top:55px; width:150px; height:50px;}
       
    
    
    
    /*ÄÁÅÙÃ÷À̹ÌÁöÀ§Ä¡ */
    #content .img_position_1 { position:absolute; right:-90%; top:75px; width:199px; height:131px; z-index:20;}
   
    

    
          /*¼¼·ÎµÎÄ­*/
    #content .img_position_2 { position:absolute; right:-90%; top:75px;  width:179px; height:111px; z-index:20;}
        /*°¡·ÎµÎÄ­*/
    #content .img_position_3 { position:absolute; right:-90%; top:105px;width:149px; height:91px;z-index:20;}
    
    #content .img_position_4 {position:absolute; width:240px; height:240px; left:40%;}


    /*¿À¹ö¹Ú½º*/
    
   #content .over_box { display:none;  z-index:70; }
 #content #o_box1 {position:absolute; left:0; top:0px; width:220px; height:220px;} 
   #content #o_box2 {position:absolute; left:220px; top:0;width:220px; height:220px; }
   #content #o_box3 {position:absolute; left:440px; top:0; width:220px; height:220px;}
   #content #o_box4 {position:absolute; left:0px; top:220px;width:220px; height:220px;}
   #content #o_box5 {position:absolute; left:0px; top:440px; width:220px; height:220px;}
   #content #o_box6 {position:absolute; left:220px; top:220px; width:220px; height:220px;}
   #content #o_box7 {position:absolute; left:440px; top:220px;width:220px; height:220px; }
   #content #o_box8 {position:absolute; left:220px; top:440px; width:220px; height:220px;}
   #content #o_box9 {position:absolute; left:0px; top:660px;width:220px; height:220px; }
   #content #o_box10 {position:absolute; left:220px; top:660px;width:220px; height:220px; }
   #content #o_box11 {position:absolute; left:440px; top:660px; width:220px; height:220px;}
   #content #o_box12 {position:absolute; left:0px; top:880px;width:220px; height:220px; }
   #content #o_box13 {position:absolute; left:440px; top:440px; width:220px; height:220px;}
   #content #o_box14 {position:absolute; left:220px; top:880px; width:220px; height:220px;}
   #content #o_box15 {position:absolute; left:440px; top:880px;width:220px; height:220px; }
   #content #o_box16 {position:absolute; left:0px; top:1100px;width:220px; height:220px; }
   #content #o_box17 {position:absolute; left:220px; top:1100px; width:220px; height:220px;}




    
    
 /*e work list*/ 
#footer {position:relative; width:100%; height:149px; top:0px;  margin:0 auto; z-index:9000; background-color:#f9f9f9;  border-top:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px;border-right:#e1e1e1 solid 1px; text-align:center;}

#yff { overflow:hidden;  height:120px;   margin:0px auto; }

#999yff_01 { float:left; width:250px; height:70px; }

#f_img1 { float:left; width:140px; height:60px; top:35px; left:18px;}
#f_img1 a {display:block; width:100%; height:100%;  background:url("/art/skin_board/0k_build_home/img_pim/logo_down_120.png") center center no-repeat; }
    
     
#yff_02 { float:left; width:320px; height:30px; text-align:left; position:relative; top:10px;   }

#yff_03 { float:left; width:320px; height:30px; text-align:left; position:relative; top:10px;  }

#yff_001 { display:none; }

  
#top_bt { position:absolute; left:5px; bottom:5px;}


  
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/






/**/ 
@media (min-width:640px) and (max-width:959px) {/* ÃÖ¼Ò 640 ~ 1024 ---------------------------------------------------------------------- */

   
    
    
    
   
    

body{ background-color:White;
	line-height: 1;
  position: relative;
  right: 0;
  -webkit-transition: right .3s;
  transition: right .3s;
  }
  
  
  body.open {
    right: 250px;
  }




#Slide_header {
  margin-bottom: 0px;
  position: relative;  
}



a.menu-icon {
  position: absolute;
  z-index:999991;
  top: 10px;
  right: 5px;
  font-size: 23px;
  color:red;
}




ul.side-menu {
  position: fixed;
  top: 0;
  right: -250px;
  width: 250px;
  height: 100%;
  background-color: #444;
  z-index: -1;

  -webkit-transition: right .3s;
  transition: right .3s;
}
  ul.side-menu.open {
    right: 0;
  }
  ul.side-menu li {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 0 20px;
    text-align: left;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #555;

    -webkit-transition: top .3s;
    transition: top .3s;
  }
  ul.side-menu li.row {
    border: 0;
    position: static;
    top: 0;
    height: 0;
    -webkit-transition: none;
    transition: none;
  }
    ul.side-menu li.metro {
      position: absolute;
      padding: 0;
      height: 125px;
      text-align: center;
      background-color: #CCC;
    }
      ul.side-menu li.metro.half { width: 50%; }
      ul.side-menu li.metro.full { width: 100%; }

    ul.side-menu h2.title {
      text-align: left;
      padding: 0 20px;
      position: relative;
      top: -60px;
      font-size: 23px;
      line-height: 60px;
      height: 60px;
      background-color: #555;

      -webkit-transition: top .3s;
      transition: top .3s;
    }
    ul.side-menu li a {
      display: block;
      font-size: 12px;
      padding: 0;
      margin: 0;
      height: inherit;
      line-height: inherit;
    }
      ul.side-menu li.metro a {
 
      }

    /* Colors */
    ul.side-menu li.metro.blue { background-color: #5c84db; }
    ul.side-menu li.metro.light-blue { background-color: #2FC2EF; }
    ul.side-menu li.metro.purple { background-color: #a24fea; }

    ul.side-menu li.metro.red { background-color: #e54747; }
    ul.side-menu li.metro.pink { background-color: #ea4c89; }
    ul.side-menu li.metro.green { background-color: #85e500; }
    ul.side-menu li.metro.orange { background-color: #e28f00; }
    ul.side-menu li.metro.teal { background-color: #00e2e2; }





#wrap{margin:0 auto; width:100%; }

/*.fade { display:none;}*/


			
body,input,button,textarea,p,td,a,li,span{font-family:'Segoe UI',Meiryo,'Trebuchet MS','³ª´®°íµñ',NanumGothic,ng,'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',Dotum,AppleGothic,sans-serif
; font-size:12px;line-height:1.5em;color:#828282; }

                  A:link { text-decoration: none;}
                  A:visited { text-decoration: none; }
                  A:active { text-decoration: none; }
                  A:hover { text-decoration: none;}


  #header {position:relative; top:0; left:0; width:100%; height:56px;  z-index:99999; border-top:#412b20 solid 1px; }


	
	
	/* ¸ð¹ÙÀÏ¿¡¼­´Â ·Î°íÅ«°Å º¸ÀÌ°í ´Ù¸¥°Í¿¡¼­´Â ¾Èº¸ÀÓ */
	
	#logo_mob {display:none;}
	
	
	
	  /*.¸ÞÀÎ Å« ¹è³Ê ¸ð¹ÙÀÏ¿ëÀº ¾Èº¸ÀÌ°Ô ¿µµµ°¡ 2017³â 3¿ù 5ÀÏ */
    #¸ÞÀÎ_Å«¹è³Ê_¸ð¹ÙÀÏ { display:none; }  







/*¸ð¹ÙÀÏ ÇÕ°Ý»ý ¾ÆÀÌÄÜ fixed*/

#mob_pass_header { display:none; }



/*¸ð¹ÙÀÏ ¿¡¼­ »ó´Ü ¾Èº¸ÀÓ */

 #topp { display:none;}



/*¸ð¹ÙÀÏ ¿¡¼­ °øÁö ¾Æ·¡·Î º¸ÀÌ°Ô */
#top_mobile_notice { display:none;}



  #Godo_firstheader { display:none;  }
  


  
    #firstheader { position:relative; top:0; width:100%; height:56px;  border-bottom:#e1e1e1 solid 1px; }
   
	#firstheader #gnb { position:absolute; top:0px; width:100%; background-color:#05274f;   border-bottom:#e1e1e1 solid 1px;}
	#firstheader #gnb ul li{ height:56px; float:left; display:inline; }
	#firstheader #gnb ul .m0 {width:23%; margin-top:0px; left:0;}
	#firstheader #gnb ul .m0 a{ display:block; width:100%; height:56px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/logo_760.png") center center no-repeat;  }


	#firstheader #gnb ul .m1 { position:absolute; width:16%; left:22%;  }
	#firstheader #gnb ul .m1 a{ display:block; width:100%; height:56px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt1.png") center center no-repeat;  background-size: 197px 58px;}
	#firstheader #gnb ul .m1 a:hover {background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt1.png") center center no-repeat; background-color:#666666;}
	#firstheader #gnb ul .m1_on { position:absolute; width:16%; left:22%;  }
	#firstheader #gnb ul .m1_on a{ display:block; width:100%; height:56px; background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt1.png") center center no-repeat; background-color:#666666; }
	
	
	
	#firstheader #gnb ul .m2 {position:absolute; width:16%; left:38%;}
	#firstheader #gnb ul .m2 a{ display:block; width:100%; height:56px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt2.png") center center no-repeat;  background-size: 197px 58px;}
	#firstheader #gnb ul .m2 a:hover  {background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt2.png") center center no-repeat; background-color:#666666;}
	#firstheader #gnb ul .m2_on {position:absolute; width:16%; left:38%;}
	#firstheader #gnb ul .m2_on a {display:block; width:100%; height:56px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt2.png") center center no-repeat; background-color:#666666; }
	
	
	
	#firstheader #gnb ul .m3 {position:absolute; width:16%; left:55%;}
	#firstheader #gnb ul .m3 a{ display:block; width:100%; height:56px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt3.png") center center no-repeat;  background-size: 197px 58px;}
	#firstheader #gnb ul .m3 a:hover  {background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt3.png") center center no-repeat; background-color:#666666;}
	#firstheader #gnb ul .m3_on {position:absolute; width:16%; left:55%;}
	#firstheader #gnb ul .m3_on a {display:block; width:100%; height:56px; background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt3.png") center center no-repeat; background-color:#666666; }
	
	#firstheader #gnb ul .m4 {position:absolute; width:18%; left:75%; }
	#firstheader #gnb ul .m4 a{ display:block; width:100%; height:56px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt4.png") center center no-repeat;  background-size: 197px 58px;}
	#firstheader #gnb ul .m4 a:hover  {background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt4.png") center center no-repeat; background-color:#666666;}
	#firstheader #gnb ul .m4_on {position:absolute; width:18%; left:75%; }
	#firstheader #gnb ul .m4_on a {display:block; width:100%; height:56px; background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt4.png") center center no-repeat; background-color:#666666; }
	
	#firstheader #gnb ul .m5 {width:121px; height:56px; margin-top:0px; display:none; }
	#firstheader #gnb ul .m6 {display:none;  position:absolute; width:58px; right:0%; height:56px; margin-top:0px; background-color:#bba79e; background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt6_760.gif") no-repeat;}
	#firstheader #gnb ul .menu_line{width:0px; background:url("/art/skin_board/0k_build_home/img_changa/mm/menu_line.png") no-repeat;  z-index:9999;}
	#firstheader #gnb ul #m_line1 {position:absolute; left:37%;}
	#firstheader #gnb ul #m_line2 {position:absolute; left:55%;}
	#firstheader #gnb ul #m_line3 {position:absolute; left:75%;}
	
	
	
  /*.¸ÞÀÎÇ÷¹½¬ ¹è³Ê ¿µµµ°¡ */

    #main_flash_banner { position:relative; top:0px; width:100%;  margin:0 auto ;  background-color:White;  border-bottom:#D71921 solid 0px;  text-align:center; }
    	
	#mainflash { width:100%; height:150px; position:relative; overflow:hidden; }

	#mainflash .mainbannerImg{ position:absolute; width:100%; height:100%;}

	#mainflash #bannerLeftBtn{ position:absolute; left:20px; top:50px; z-index:1; }

	#mainflash #bannerRightBtn{ position:absolute; right:20px;  top:50px; z-index:1; }
		
    #numBtn{ position:absolute; padding:0; margin:0; }
     #numBtn li{ width:15px; height:15px; font-size:11px; font-family:Verdana; text-align:center; line-height:11px; float:left; list-style:none; margin-right:8px; background:url('<?=$this_skin?>/img_pim/main_off70.png'); text-indent:-2000px; }
     #numBtn li { cursor:hand; }
     #numBtn .numBtnOver { background:url('<?=$this_skin?>/img_pim/main_on2.png'); display:block; }

 /*.¸ÞÀÎÇ÷¹½¬ ¹è³Ê ¿µµµ°¡ */
 

 

	
    #Mobile_main { display:none;  }
    
    
  

  
/*
	
	
#content { position:relative; width:100%; height:880px; top:0px; margin:0 auto; z-index:100;background-color:White; }


°¡¿îµ¥ ³»¿ë ¾úÀ¸¹Ç·Î ³ôÀÌ Á×ÀÓ
*/

  
#content { position:relative; width:100%; height:20px; top:0px; margin:0 auto; z-index:100;background-color:White; }



 /* ¼­ºê¸Þ´º ¾Æ·¡·Î ³»·Á¿È ¿©±âÃß°¡ÇÔ */
              .sub1
              {z-index:10000; width:150px; background:white !important;  border:#05274f solid 3px;}
               
              .sub2
              {z-index:10000; width:150px; background:white !important;  border:#05274f solid 3px;}
               
              .sub3
              {z-index:10000; width:150px; background:white !important;  border:#05274f solid 3px;}
               
              .sub4
              {left:-55px; z-index:10000; width:150px; background:white !important;  border:#05274f solid 3px;}
               
              .sub5
              {z-index:10000; width:150px; background:white !important;  border:#05274f solid 3px;}
               
  
  
  
  
    #content .item_boxs { position:relative;}
    #content .item_boxs dt { font-family:'Segoe UI',Meiryo,'Trebuchet MS','³ª´®°íµñ',NanumGothic,ng,'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',Dotum,AppleGothic,sans-serif
;   font-size:13px; color:#161616; }
    #content .item_boxs dd { font-family:'Segoe UI',Meiryo,'Trebuchet MS','³ª´®°íµñ',NanumGothic,ng,'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',Dotum,AppleGothic,sans-serif
;   font-size:11px; color:#767676; line-height:15px; }



    #content .hidden_box { position:absolute; overflow:hidden; border:#e1e1e1 solid 1px;}
    #content .hidden_box a{position:absolute; display:block; width:100%; height:100%; z-index:90000 ;}
    
    /*hidden_boxÀüü*/
    #content #hidden_box1 {position:absolute; left:0; top:0; width:33.2%; height:218px; z-index:56;}
    #content #hidden_box2 {position:absolute; left:33.3%; top:0; width:33.2%; height:218px; z-index:55;}
    #content #hidden_box3 {position:absolute; left:66.6%; top:0; width:33.3%; height:218px; z-index:54; }
    
    
    #content #hidden_box4 {position:absolute; left:0px; top:219px; width:33.2%; height:219px; z-index:51;}
    #content #hidden_box5 {position:absolute; left:33.3%; top:219px; width:33.2%; height:219px; z-index:48;}
    #content #hidden_box6 {position:absolute; left:66.6%; top:219px; width:33.3%; height:219px; z-index:53;}
    
    
    
    #content #hidden_box7 {position:absolute; left:0; top:439px; width:33.2%; height:219px; z-index:52;}
    #content #hidden_box8 {position:absolute; left:33.3%; top:439px; width:33.2%; height:219px; z-index:45;}
    #content #hidden_box9 {position:absolute; left:66.6%; top:439px; width:33.3%; height:219px; z-index:50;}
    
    #content #hidden_box10 {position:absolute; left0:; top:659px; width:33.2%; height:219px; z-index:46;}
    #content #hidden_box11 {position:absolute; left:33.3%; top:659px; width:33.2%; height:219px; z-index:44;}
    #content #hidden_box12 {position:absolute; left:66.6%; top:659px; width:33.3%; height:219px; z-index:42;}
    
    
    
    /*¾ÆÀÌÅÛ¹Ú½ºÀüü*/
    #content #i_box1 { left:0px; top:-240px; width:33.3%; height:220px; background-color:;}
        #content #i_box1 dt { position:absolute; left:30px; top:30px;width:181px; height:50px;}
        #content #i_box1 dd { position:absolute; left:30px; top:53px; width:181px; height:50px;}
        
    #content #i_box2 {left:-500px; top:0px; width:33.3%; height:220px; background-color:;}
        #content #i_box2 dt { position:absolute; left:30px; top:30px; width:160px;}
        #content #i_box2 dd { position:absolute; left:30px; top:53px; width:155px; height:50px;}
        
        
  /*¼¼·ÎµÎÄ­
        
    #content #i_box3 { left:-500px; top:0px; width:33.3%; height:220px; background-color:red;}
        #content #i_box3 dt { position:absolute; left:0px; top:30px; width:160px;}
        #content #i_box3 dd { position:absolute; left:0px; top:54px; width:220px; height:50px;}
              
      
    #content #i_box4 { left:-500px; top:0px; width:33.3%; height:220px; background-color:;}
        #content #i_box4 dt { position:absolute; left:30px; top:30px; width:160px;}
        #content #i_box4 dd { position:absolute; left:30px; top:50px; width:170px; height:50px;}        
    */
     
     
        
    
                    
                    
    #content #i_box3 { left:-500px; top:0px; width:300px; height:220px; background-color:;}
        #content #i_box3 dt { position:absolute; left:20px; top:30px; }
        #content #i_box3 dd { position:absolute; left:20px; top:54px; width:200px; height:170px; }
       
   
     /* ¸ð¹ÙÀÏ °Ô½ÃÆÇÀº µÑÀÌ °°ÀÌ ¾È  ³ª¿À°Ô */
   
    #sidebar_total {display:none;}
    
    
    
    
        
    #content #i_box4 { left:-500px; top:0px; width:300px;  height:220px; background-color:;}
        #content #i_box4 dt { position:absolute; left:20px; top:30px;}
        #content #i_box4 dd { position:absolute; left:20px; top:54px; width:200px; height:170px;}
               
        
       
    #content #i_box5 {left:-500px; top:0px; width:33.3%; height:220px; background-color:;}
        #content #i_box5 dt { position:absolute; left:30px; top:30px; width:160px;}
        #content #i_box5 dd { position:absolute; left:30px; top:53px; width:181px; height:50px;}
      
        /*°¡·ÎµÎÄ­*/
    #content #i_box6 { left:0px; top:-240px; width:33.3%; height:220px; background-color:;}
        #content #i_box6 dt { position:absolute; left:30px; top:30px;width:170px;}
        #content #i_box6 dd { position:absolute; left:30px; top:60px; width:170px; height:70px;}
       
    #content #i_box7 {left:0px; top:-240px; width:33.3%; height:220px; padding:0 0 0 0; margin:0 0 0 0 ; background-color:;}
        #content #i_box7 dt { position:absolute; left:30px; top:30px; width:160px;}
        #content #i_box7 dd { position:absolute; left:30px; top:55px; width:150px; height:50px;}
     
    #content #i_box8 { left:0px; top:-240px; width:33.3%; height:220px; background-color:;}
        #content #i_box8 dt { position:absolute; left:30px; top:30px; width:160px;}
        #content #i_box8 dd { position:absolute; left:30px; top:54px; width:170px; height:50px;}
       
    #content #i_box9 { left:0px; top:-240px; width:33.3%; height:220px; background-color:;}
        #content #i_box9 dt { position:absolute; left:30px; top:30px; width:160px;}
        #content #i_box9 dd { position:absolute; left:30px; top:53px; width:175px; height:50px;}
       
    #content #i_box10 { left:-500px; top:0px; width:33.3%; height:220px; background-color:;}
        #content #i_box10 dt { position:absolute; left:30px; top:30px; width:160px;}
        #content #i_box10 dd { position:absolute; left:30px; top:54px; width:170px; height:50px;}
       
    #content #i_box11 { left:-500px; top:0px; width:33.3%; height:220px; background-color:;}
        #content #i_box11 dt { position:absolute; left:30px; top:30px; width:160px;}
        #content #i_box11 dd { position:absolute; left:30px; top:54px; width:175px; height:50px;}
       
    #content #i_box12 {left:-500px; top:0px; width:33.3%; height:220px; background-color:;}
        #content #i_box12 dt { position:absolute; left:30px; top:30px; width:160px;}
        #content #i_box12 dd { position:absolute; left:30px; top:54px; width:170px; height:50px;}
       
    #content #i_box13 { left:0px; top:-240px; width:33.3%; height:220px; background-color:;}
        #content #i_box13 dt { position:absolute; left:30px; top:30px; width:160px;}
        #content #i_box13 dd { position:absolute; left:30px; top:55px; width:155px; height:50px;}
      
    #content #i_box14 { left:0px; top:-240px; width:33.3%; height:220px; background-color:;}
        #content #i_box14 dt { position:absolute; left:30px; top:30px; width:160px;}
        #content #i_box14 dd { position:absolute; left:30px; top:54px; width:170px; height:50px;}
      
    #content #i_box15 {left:-500px; top:0px; width:33.3%; height:220px; background-color:;}
        #content #i_box15 dt { position:absolute; left:30px; top:30px; width:160px;}
        #content #i_box15 dd { position:absolute; left:30px; top:55px; width:170px; height:50px;}
       
    #content #i_box16 { left:-480px; top:0px; width:33.3%; height:220px; background-color:;}
        #content #i_box16 dt { position:absolute; left:30px; top:30px; width:160px;}
        #content #i_box16 dd { position:absolute; left:30px; top:55px; width:170px; height:50px;}
       
   
    
    
    /*ÄÁÅÙÃ÷À̹ÌÁöÀ§Ä¡*/
    #content .img_position_1 { position:absolute; right:-180%; top:75px; width:199px; height:131px;}
          /*¼¼·ÎµÎÄ­*/
    #content .img_position_2 { position:absolute; right:-180%; top:75px;  width:179px; height:111px; }
        /*°¡·ÎµÎÄ­*/
    #content .img_position_3 { position:absolute; right:-180%; top:105px;width:149px; height:91px;}
    
    #content .img_position_4 {position:absolute; width:240px; height:240px; left:40%;}


    /*¿À¹ö¹Ú½º*/
    
   #content .over_box { display:none;  z-index:70; }
 #content #o_box1 {position:absolute; left:0; top:0px; width:220px; height:220px;} 
   #content #o_box2 {position:absolute; left:220px; top:0;width:220px; height:220px; }
   #content #o_box3 {position:absolute; left:440px; top:0; width:220px; height:220px;}
   #content #o_box4 {position:absolute; left:0px; top:220px;width:220px; height:220px;}
   #content #o_box5 {position:absolute; left:0px; top:440px; width:220px; height:220px;}
   #content #o_box6 {position:absolute; left:220px; top:220px; width:220px; height:220px;}
   #content #o_box7 {position:absolute; left:440px; top:220px;width:220px; height:220px; }
   #content #o_box8 {position:absolute; left:220px; top:440px; width:220px; height:220px;}
   #content #o_box9 {position:absolute; left:0px; top:660px;width:220px; height:220px; }
   #content #o_box10 {position:absolute; left:220px; top:660px;width:220px; height:220px; }
   #content #o_box11 {position:absolute; left:440px; top:660px; width:220px; height:220px;}
   #content #o_box12 {position:absolute; left:0px; top:880px;width:220px; height:220px; }
   #content #o_box13 {position:absolute; left:440px; top:440px; width:220px; height:220px;}
   #content #o_box14 {position:absolute; left:220px; top:880px; width:220px; height:220px;}
   #content #o_box15 {position:absolute; left:440px; top:880px;width:220px; height:220px; }
   #content #o_box16 {position:absolute; left:0px; top:1100px;width:220px; height:220px; }
   #content #o_box17 {position:absolute; left:220px; top:1100px; width:220px; height:220px;}









    
  /*e work list*/ 
#footer {position:relative; width:100%; height:124px; top:0px;  margin:0 auto; z-index:1000; background-color:#f9f9f9;  border-top:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px;border-right:#e1e1e1 solid 1px; text-align:center;}


#yff { overflow:hidden;  height:120px;   margin:0 auto;}



#yff_01 { float:left; width:250px; height:70px; }


#f_img1 { float:left; width:170px; height:63px; top:35px; left:18px;}
#f_img1 a {display:block; width:100%; height:100%;  background:url("/art/skin_board/0k_build_home/img_pim/logo_down_120.png") center center no-repeat; }
    
 
 
#yff_02 { float:left; width:320px; height:30px; text-align:left; position:relative; top:20px;  }
#yff_03 { float:left; width:320px; height:60px;  text-align:left; position:relative; top:20px; }

#yff_001 { float:left; width:900px; height:80px; }


  
#top_bt { position:absolute; left:0px; bottom:0px;}

    
    
    
    
    
    
    
    
    
    
    
    
    
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/








/*-------ÇǽùöÀü Á¦ÀÏ Å« ----------------*/

/*  ÇǽùöÀü

*/ 

@media (min-width:960px)  
{

                 A:link { text-decoration: none;}
                  A:visited { text-decoration: none; }
                  A:active { text-decoration: none; }
                  A:hover { text-decoration: none;}
                  
                  
                  


body{ 

/* background-color:White; */

	line-height: 1;
  position: relative;
  right: 0;
  -webkit-transition: right .3s;
  transition: right .3s;
  }
  
  
  body.open {
    right: 250px;
  }




#Slide_header {
  margin-bottom: 0px;
  position: relative;  
   z-index:999992;
}


 
a.menu-icon {

  
  position: fixed;
  z-index:999991;
  bottom:10px;

  right: 5px;
  font-size: 13px;
  color:red;
 
 
}




ul.side-menu {
  position: fixed;
  top: 0;
  right: -250px;
  width: 250px;
  height: 100%;
  background-color: #444;
  z-index: -1;

  -webkit-transition: right .3s;
  transition: right .3s;
}
  ul.side-menu.open {
    right: 0;
  }
  ul.side-menu li {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 0 20px;
    text-align: left;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #555;

    -webkit-transition: top .3s;
    transition: top .3s;
  }
  ul.side-menu li.row {
    border: 0;
    position: static;
    top: 0;
    height: 0;
    -webkit-transition: none;
    transition: none;
  }
    ul.side-menu li.metro {
      position: absolute;
      padding: 0;
      height: 125px;
      text-align: center;
      background-color: #CCC;
    }
      ul.side-menu li.metro.half { width: 50%; }
      ul.side-menu li.metro.full { width: 100%; }

    ul.side-menu h2.title {
      text-align: left;
      padding: 0 20px;
      position: relative;
      top: -60px;
      font-size: 23px;
      line-height: 60px;
      height: 60px;
      background-color: #555;

      -webkit-transition: top .3s;
      transition: top .3s;
    }
    ul.side-menu li a {
      display: block;
      font-size: 12px;
      padding: 0;
      margin: 0;
      height: inherit;
      line-height: inherit;
    }
      ul.side-menu li.metro a {
   
      }

    /* Colors */
    ul.side-menu li.metro.blue { background-color: #5c84db; }
    ul.side-menu li.metro.light-blue { background-color: #2FC2EF; }
    ul.side-menu li.metro.purple { background-color: #a24fea; }

    ul.side-menu li.metro.red { background-color: #e54747; }
    ul.side-menu li.metro.pink { background-color: #ea4c89; }
    ul.side-menu li.metro.green { background-color: #85e500; }
    ul.side-menu li.metro.orange { background-color: #e28f00; }
    ul.side-menu li.metro.teal { background-color: #00e2e2; }






			
/* body{ background:url("/art/skin_board/0k_build_home/img_changa/mm/bg.gif") center -134px repeat #f9f9f9; }*/

body,input,button,textarea,p,td,a,li,span,div{

font-family:'Segoe UI',Meiryo,'Trebuchet MS','³ª´®°íµñ',NanumGothic,ng,'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',Dotum,AppleGothic,sans-serif; 
font-size:12px;
line-height:1.5em;
color:#828282;
letter-spacing:-1px; 
}


#wrap{margin:0 auto; width:960px; }

/*.fade { display:none;}*/




	/*   
    #Slide_header { display:none;  }
  */
  
  

  
	 
	 
 /* 

#header {position:fixed; *position:relative; top:0; left:0; width:100%; height:170px; margin:0 auto; z-index:99999; border-top:#412b20 solid 1px; text-align:center; background:white;}
 */
  
/* ¾Æ·¡ ÇÏÀ̽º°¡ ¸Þ´º¿¡¼­ ÀÛÀº ¾ÆÀÌÄÜ º»¹®À» °áÁ¤ ¤¾ ¤¾¤¾  height:155px; 
background:white; 

*/

#header {*position:relative; top:0; left:0; width:100%; height:155px; margin:0 auto; z-index:99999; border-top:#412b20 solid 0px; text-align:center; }

 




/*¸ð¹ÙÀÏ ÇÕ°Ý»ý ¾ÆÀÌÄÜ fixed*/

#mob_pass_header {  display:none; }



	
 /* »ó´Ü Ȩµî ¹Ù·Î°¡±â Àá½Ã¸·À½  */
 
 #topp { width:100%; height:23px; background-color:#f7f9f9;  border-bottom:#edf3f4 solid 1px;}



	
 /*.·Î°í³ÖÀ½ ¿µµµ°¡ */
 



 /*.¸Þ´ºµé  background-color:#D71921; */
 
 
 
 
 	
	
	/* ¸ð¹ÙÀÏ¿¡¼­´Â ·Î°íÅ«°Å º¸ÀÌ°í ´Ù¸¥°Í¿¡¼­´Â ¾Èº¸ÀÓ */
	
	#logo_mob {display:none;}

 
/*¸ð¹ÙÀÏ ¿¡¼­ °øÁö ¾Æ·¡·Î º¸ÀÌ°Ô */
#top_mobile_notice { display:none;}











   /*.¸ÞÀÎ Å« ¹è³Ê ¸ð¹ÙÀÏ¿ëÀº ¾Èº¸ÀÌ°Ô ¿µµµ°¡ 2017³â 3¿ù 5ÀÏ */
    #¸ÞÀÎ_Å«¹è³Ê_¸ð¹ÙÀÏ { display:none; }  
    #¸ÞÀÎ_Å«¹è³Ê_¸ð¹ÙÀÏ_ÀÏ´ëÀÏ { display:none; }  
    #¸ÞÀÎ_Å«¹è³Ê_¸ð¹ÙÀÏ_¾÷ü { display:none; }  
   
    
    
     #Çǽÿ¡¼­¾Èº¸ÀÌ°Ô { display:none; }  
    
   



  /*
    #firstheader {  position:relative; top:0; width:960px; height:90px; margin:0 auto;   }
    */
 
    #firstheader {  position:relative; top:0; width:960px; height:90px; margin:0 auto; background-color:#ffffff;}
   
	#firstheader #gnb { position:absolute; top:0px; width:100%;  }
	#firstheader #gnb ul li{ height:40px; float:left; display:inline; }
	
	
	/* #firstheader #gnb ul .m0 {position:absolute; width:100%; margin-top:0px; left:0; background-color:#60514b; } */
	
	#firstheader #gnb ul .mtop {position:absolute; width:100%; height:30px;  background-color:red;}
	#firstheader #gnb ul .mtop a{ display:block; width:100%; background-color:red;  }
	
		
	#firstheader #gnb ul .m0 {position:absolute; width:100%; margin-top:5px; left:0; }
	/*
	#firstheader #gnb ul .m0 a{ display:block; width:100%; height:90px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/logo_new.png") center center no-repeat;  }
	*/
	
	#firstheader #gnb ul .m0 a{  display:block; width:100%; height:90px;   }
	
	
	
	
	#firstheader #gnb ul .m1 { position:absolute; width:20%; left:0; top:90px; background-color:#05274f;  }
	#firstheader #gnb ul .m1 a{ display:block; width:100%; height:40px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt1.png") center center no-repeat;  background-size: 197px 58px;}
	#firstheader #gnb ul .m1 a:hover {background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt1.png") center center no-repeat; background-color:#666666; }
	#firstheader #gnb ul .m1_on { position:absolute; width:20%; left:0;   top:40px;background-color:#05274f;}
	#firstheader #gnb ul .m1_on a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt1.png") center center no-repeat; background-color:#333333; }
	
	#firstheader #gnb ul .m2 {position:absolute; width:20%; left:20%;top:90px; background-color:#05274f; }
	#firstheader #gnb ul .m2 a{ display:block; width:100%; height:40px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt2.png") center center no-repeat;  background-size: 197px 58px;}
	#firstheader #gnb ul .m2 a:hover {background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt2.png") center center no-repeat; background-color:#666666; }
	#firstheader #gnb ul .m2_on {position:absolute; width:20%; left:20%; top:40px;background-color:#05274f;}
	#firstheader #gnb ul .m2_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt2.png") center center no-repeat; background-color:#333333; }
	
	#firstheader #gnb ul .m3 {position:absolute; width:20%; left:40%;top:90px; background-color:#05274f; }
	#firstheader #gnb ul .m3 a{ display:block; width:100%; height:40px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt3.png") center center no-repeat;  background-size: 197px 58px;}
	#firstheader #gnb ul .m3 a:hover {background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt3.png") center center no-repeat; background-color:#666666; }
	#firstheader #gnb ul .m3_on {position:absolute; width:20%; left:40%; top:40px;background-color:#05274f;}
	#firstheader #gnb ul .m3_on a {display:block; width:100%; height:40px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt3.png") center center no-repeat; background-color:#333333; }
	

	#firstheader #gnb ul .m4 {position:absolute; width:20%; left:60%; top:90px; background-color:#05274f; }
	#firstheader #gnb ul .m4 a{ display:block; width:100%; height:40px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt4.png") center center no-repeat;  background-size: 197px 58px;}
	#firstheader #gnb ul .m4 a:hover {background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt4.png") center center no-repeat; background-color:#666666; }
	#firstheader #gnb ul .m4_on {position:absolute; width:20%; left:60%; top:40px;background-color:#05274f; }
	#firstheader #gnb ul .m4_on a {display:block; width:100%; height:40px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt4.png") center center no-repeat; background-color:#333333; }
	



	#firstheader #gnb ul .m5 {position:absolute; width:20%; left:80%; top:90px; background-color:#05274f; }
	#firstheader #gnb ul .m5 a{ display:block; width:100%; height:40px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt5.png") center center no-repeat;  background-size: 197px 58px;}
	#firstheader #gnb ul .m5 a:hover {background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt5.png") center center no-repeat; background-color:#666666; }
	#firstheader #gnb ul .m5_on {position:absolute; width:20%; left:80%; top:40px;background-color:#05274f; }
	#firstheader #gnb ul .m5_on a {display:block; width:100%; height:40px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt5.png") center center no-repeat; background-color:#333333; }
	


	

	#firstheader #gnb ul .m6 {display:none;}
	
	
	
	
	/*»ó´Ü¿ìÃø
	
		
	#firstheader #gnb ul .m6 {position:absolute; width:100px; right:0; height:48px; margin-top:0px; background-color:#bba79e; background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt6.png") center center no-repeat;  background-size: 197px 58px;}
	
	
	#firstheader #gnb ul .m6 {position:absolute; width:70px; right:0; height:48px; background-color:black; }
	#firstheader #gnb ul .m6 a{ display:block; width:70px; right:0; height:48px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt6.png") center center no-repeat;  background-size: 197px 58px;}
	#firstheader #gnb ul .m6 a:hover {background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt6.png") center center no-repeat; background-color:#666666; }
	#firstheader #gnb ul .m6_on {position:absolute; width:70px; right:0; top:48px; background-color:#05274f; }
	#firstheader #gnb ul .m6_on a {display:block; width:70px; right:0; height:48px;  background:url("/art/skin_board/0k_build_home/img_changa/mm/m_bt6.png") center center no-repeat; background-color:#666666; }
	*/

	
	#firstheader #gnb ul .menu_line{width:1px; background:url("/art/skin_board/0k_build_home/img_changa/mm/menu_line.png") no-repeat;z-index:9999;top:43px;}
	#firstheader #gnb ul #m_line1 {position:absolute; left:25%;}
	#firstheader #gnb ul #m_line2 {position:absolute; left:50%;}
	#firstheader #gnb ul #m_line3 {position:absolute; left:75%;}

  
  
  
  

 
  /*.¸ÞÀÎÇ÷¹½¬ ¹è³Ê ¿µµµ°¡ */

    #main_flash_banner { position:relative; top:47px; width:960px; height:250px; margin:0 auto ;  background-color:White;  border-bottom:#D71921 solid 0px;  text-align:center; }
  
    	
	#mainflash { width:960px; height:240px; position:relative; overflow:hidden; }

	#mainflash .mainbannerImg{ position:absolute; width:960px; height:240px;}

	#mainflash #bannerLeftBtn{ position:absolute; left:20px; top:60px; z-index:1; }

	#mainflash #bannerRightBtn{ position:absolute; left:920px;  top:60px; z-index:1; }
		
    /* #numBtn{ position:absolute; padding: 0; margin:0;  margin:-20px;  } */
    
    
    
    
    #numBtn{ position:relative; padding:0px;  margin:-20px; z-index:1000;  }
    


    
     #numBtn li{
     width:15px; 
     height:15px; 
     font-size:11px; 
     font-family:Verdana; text-align:center; 
     line-height:11px; 
     float:left; 
     list-style:none; 
     margin-right:8px; 
     margin-bottom:8px; 
     background:url('/art/skin_board/0k_build_home/img_pim/main_off70.png'); 
     text-indent:-2000px; 
     }
     
     #numBtn li { cursor:hand; }
     #numBtn .numBtnOver { background:url('/art/skin_board/0k_build_home/img_pim/main_on2.png'); display:block; }

 /*.¸ÞÀÎÇ÷¹½¬ ¹è³Ê ¿µµµ°¡ */
 

    #Mobile_main { display:none;  }
    
    
  
  

 /*
  
#content { position:relative; width:719px; height:100%; top:105px;  *top:0px; margin:0 auto; padding:0 auto; z-index:10;background-color:White; border-left:#e1e1e1 solid 1px;}
³ôÀÌÁ¶Àý
#content { position:relative; width:719px; height:100%; top:161px;  *top:0px; margin:0 auto; padding:0 auto; z-index:10;background-color:White; border-left:#e1e1e1 solid 1px;}
#content { position:relative; width:1200px; height:960px; top:0px; margin:0 auto; z-index:100;background-color:#D71921; }
   #content #lnb_zero { width:719px; height:35px; }
  #content { position:relative; width:100%; height:100%; top:0px;   margin:0 auto; padding:0 auto; z-index:10;background-color:White; border-left:#e1e1e1 solid 1px;}

 */


/*
 */
/*
¸ÞÀÎÈ­¸é À§¿¡¼­ ¾Æ·¡ ³ôÀÌ ÁöÁ¤ ¤»¤»
height:960px;
*/


/*
#content { position:relative; width:960px; height:730px; top:5px;   margin:0 auto; padding:0 auto; z-index:10;   background-color:White; border-left:#e1e1e1 solid 0px;}

°¡¿îµ¥ ³»¿ë ¾úÀ¸¹Ç·Î ³ôÀÌ Á×ÀÓ
*/







 
   
   /* ¼­ºê¸Þ´º ¾Æ·¡·Î ³»·Á¿È ¿©±âÃß°¡ÇÔ */
   
              .sub1
              {z-index:10000; width:190px; background:white; border:#05274f solid 3px;}
               
              .sub2
              {z-index:10000; width:190px; background:white;  border:#05274f solid 3px;}
               
              .sub3
              {z-index:10000; width:190px; background:white;  border:#05274f solid 3px;}
               
              .sub4
              {z-index:10000; width:190px; background:white;  border:#05274f solid 3px;}
               
              .sub5
              {z-index:10000; width:190px; background:white;  border:#05274f solid 3px;}
               
              
              
              
              

 

#top_login { position:relative; width:960px; height:28px; top:1px;   margin:0 auto; padding:0 auto; z-index:10;   background-color:#f1f2f4; border-bottom:#e5e5e5 solid 1px;}




#content { position:relative; width:960px; height:20px; top:5px;   margin:0 auto; padding:0 auto; z-index:10;   background-color:White; border-left:#e1e1e1 solid 0px;}



 
    #content .item_boxs { position:relative;}
    #content .item_boxs dt { 
    font-family:'Segoe UI',Meiryo,'Trebuchet MS','³ª´®°íµñ',NanumGothic,ng,'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',Dotum,AppleGothic,sans-serif;   
    font-size:14px; 
    font-weight:bold; 
    color:#161616;
     }
    #content .item_boxs dd { 
    font-family:'Segoe UI',Meiryo,'Trebuchet MS','³ª´®°íµñ',NanumGothic,ng,'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',Dotum,AppleGothic,sans-serif;   
    font-size:11px; 
    color:#767676; 
    line-height:200%; 
    letter-spacing:-1px;
    font-weight:bold; 
    }
    
    
    
    #content .hidden_box { position:absolute; overflow:hidden; border:#e1e1e1 solid 1px;}
    #content .hidden_box a{position:absolute; display:block; width:100%; height:100%; z-index:90000 ;}
  
  

   
      /*hidden_boxÀüü*/
    #content #hidden_box1 {position:absolute; left:0;     top:0; width:239px; height:239px; z-index:56;}
    #content #hidden_box2 {position:absolute; left:240px; top:0; width:239px; height:239px; z-index:55;}
    #content #hidden_box3 {position:absolute; left:480px; top:0; width:239px; height:239px; z-index:54;}   
    #content #hidden_box4 {position:absolute; left:720px; top:0; width:239px; height:239px; z-index:51;}
 
    
    #content #hidden_box5 {position:absolute; left:0;     top:240px; width:239px; height:239px; z-index:48;}
    #content #hidden_box6 {position:absolute; left:240px; top:240px; width:239px; height:239px; z-index:53;}
    #content #hidden_box7 {position:absolute; left:480px; top:240px; width:239px; height:239px; z-index:52;}  
    #content #hidden_box8 {position:absolute; left:720px; top:240px; width:239px; height:239px; z-index:45;}

    
       
    #content #hidden_box9  {position:absolute; left:0;     top:480px; width:239px; height:239px; z-index:50;}
    #content #hidden_box10 {position:absolute; left:240px; top:480px; width:239px; height:239px; z-index:46;}
    #content #hidden_box11 {position:absolute; left:480px; top:480px; width:239px; height:239px; z-index:44;}
    #content #hidden_box12 {position:absolute; left:720px; top:480px; width:239px; height:239px; z-index:42;}
  


    
    /*¾ÆÀÌÅÛ¹Ú½ºÀüü*/
    
    
    #content #i_box1 { left:0px; top:-240px; width:240px; height:240px; }
        #content #i_box1 dt { position:absolute; left:30px; top:30px;width:181px; height:50px;}
        #content #i_box1 dd { position:absolute; left:30px; top:53px; width:181px; height:50px;}
        
    #content #i_box2 {left:-500px; top:0px; width:240px; height:240px; background-color:;}
        #content #i_box2 dt { position:absolute; left:30px; top:30px;}
        #content #i_box2 dd { position:absolute; left:30px; top:53px; width:155px; height:50px;}
        
        
        
    #content #i_box3 { left:-500px; top:0px; width:240px; height:240px; background-color:;}
        #content #i_box3 dt { position:absolute; left:20px; top:30px; }
        #content #i_box3 dd { position:absolute; left:20px; top:54px; width:200px; height:170px;}
       
       
       
       
       
     /* ¸ð¹ÙÀÏ °Ô½ÃÆÇÀº µÑÀÌ °°ÀÌ ¾È  ³ª¿À°Ô */
   
    #sidebar_total {display:none;}
    
    
    
    
    
       
    #content #i_box4 { left:-500px; top:0px; width:240px; height:240px; background-color:;}
        #content #i_box4 dt { position:absolute; left:20px; top:30px;}
        #content #i_box4 dd { position:absolute; left:20px; top:54px; width:200px; height:170px;}
                    
       
    #content #i_box5 {left:-500px; top:0px; width:240px; height:240px; background-color:;}
        #content #i_box5 dt { position:absolute; left:30px; top:30px;}
        #content #i_box5 dd { position:absolute; left:30px; top:53px; width:181px; height:50px;}
        

        /*°¡·ÎµÎÄ­*/
    #content #i_box6 { left:0px; top:-240px; width:240px; height:240px; background-color:;}
        #content #i_box6 dt { position:absolute; left:30px; top:30px;}
        #content #i_box6 dd { position:absolute; left:30px; top:53px; width:181px; height:50px;}
        
        
       
    #content #i_box7 {left:0px; top:-240px; width:239px; height:240px; background-color:;}
        #content #i_box7 dt { position:absolute; left:30px; top:30px;}
        #content #i_box7 dd { position:absolute; left:30px; top:55px; width:150px; height:50px;}
        
 

    #content #i_box8 { left:0px; top:-240px; width:240px; height:240px; background-color:;}
        #content #i_box8 dt { position:absolute; left:30px; top:30px;}
        #content #i_box8 dd { position:absolute; left:30px; top:54px; width:181px; height:50px;}


       
    #content #i_box9 { left:0px; top:-240px; width:240px; height:240px; background-color:;}
        #content #i_box9 dt { position:absolute; left:30px; top:30px;}
        #content #i_box9 dd { position:absolute; left:30px; top:53px; width:175px; height:50px;}
       
    #content #i_box10 { left:-500px; top:0px; width:240px; height:240px; background-color:;}
        #content #i_box10 dt { position:absolute; left:30px; top:30px;}
        #content #i_box10 dd { position:absolute; left:30px; top:54px; width:185px; height:50px;}
       
    #content #i_box11 { left:-500px; top:0px; width:240px; height:240px; background-color:;}
        #content #i_box11 dt { position:absolute; left:30px; top:30px;}
        #content #i_box11 dd { position:absolute; left:30px; top:54px; width:175px; height:50px;}
  
    #content #i_box12 {left:-500px; top:0px; width:240px; height:240px; background-color:;}
        #content #i_box12 dt { position:absolute; left:30px; top:30px;}
        #content #i_box12 dd { position:absolute; left:30px; top:54px; width:181px; height:50px;}
        
   
    
    /*ÄÁÅÙÃ÷À̹ÌÁöÀ§Ä¡*/
    #content .img_position_1 { position:absolute; left:21px; top:89px; width:199px; height:131px;}
          /*¼¼·ÎµÎÄ­*/
    #content .img_position_2 { position:absolute; left:0px; top:140px;  width:241px; height:159px; }
        /*°¡·ÎµÎÄ­*/
    #content .img_position_3 { position:absolute; right:30px; top:70px;width:241px; height:159px;}




    /*¿À¹ö¹Ú½º*/
    
   #content .over_box { z-index:70;}
   

   #content #o_box1 {position:absolute; left:0; top:0px; } 
   #content #o_box2 {position:absolute; left:240px; top:0px; }
   #content #o_box3 {position:absolute; left:480px; top:0px; }
   #content #o_box4 {position:absolute; left:720px; top:0px; }
   
   
   #content #o_box5 {position:absolute; left:0; top:240px; }
   #content #o_box6 {position:absolute; left:240px; top:240px; }     
   #content #o_box7 {position:absolute; left:480px; top:240px; }
   #content #o_box8 {position:absolute; left:720px; top:240px; }
   
   
   #content #o_box9 {position:absolute; left:0; top:480px; } 
   #content #o_box10 {position:absolute; left:240px; top:480px; }
   #content #o_box11 {position:absolute; left:480px; top:480px; }   
   #content #o_box12 {position:absolute; left:720px; top:480px; }
  

    
/*  
   */
 
	 
	 




#footer {position:relative; width:100%;  min-height:120px; height:auto; margin:0 auto; z-index:1000; background-color:#f9f9f9;  border-top:#e1e1e1 solid 1px;border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px;border-right:#e1e1e1 solid 1px;}


#yff { width:960px; text-align:left; overflow:hidden;  height:150px; margin:0 auto;}




#f_img1 { float:left; width:190px; height:140px; top:30px; left:0px;}
/*
#f_img1 a {display:block; width:100%; height:100%;  background:url("") center center no-repeat; }
*/
    
#f_img1 a {display:block; width:100%; height:100%;  background:url("") center center no-repeat; }
    
 

#yff_copy { float:left; width:550px; height:50px;  text-align:left; position:relative; top:0px; margin:10px; }

#yff_copy2 { float:left; width:550px; height:50px;  text-align:left; position:relative; top:0px; margin:10px; }


#yff_blog { float:left; width:150px; height:200px;  text-align:left; position:relative; top:-55px; background-color: ; }




#yff_001 { float:left; width:900px; height:80px; }


#top_bt { position:absolute; right:0px; bottom:0px;}

    





 

}