header {width:1280px;height:300px;z-index:1}
header .t-navi {position:absolute;width:1280px;height:76px;z-index:10001; opacity: 0.8;background-color:#FFF;}

header .t-navi .main_menu {margin:0;}
header .t-navi .main_menu a {color:#000}
header .t-navi .main_menu a:hover {color:#ff8040;font-weight:bold;}
header .main_menu .m_01, .main_menu .m_02, .main_menu .m_03, .main_menu .m_04 {background-color:#FFF; height:200px;letter-spacing:-1px; font-weight:bold}
header .m_01 {margin-left:2px;width:160px}
header .m_02 {width:140px;}
header .m_03 {width:131px}
header .m_04 {width:148px}

header .t-navi .main_menu {height:76px;overflow:hidden;}
header .main_menu .depth_01 a.on{/*제이쿼리에서 컨트롤*/}


header #cont_title {background-size:cover;width:100%;height:293px;padding:180px 0 0 50px;}
header #cont_title .visual-text {font-size:3em;color:#747474;letter-spacing:-1px;line-height:1.2; border-left:5px solid orange}


.contecnt_wrap #sub_content {width:1000px;padding:30px 0 50px 30px ;text-align:left }
.contecnt_wrap #sub_content .content-body {width:100%;}
.contecnt_wrap #cont_leftMenu {position:relative;width:195px;height:auto;}

.cont_title	{margin:0 ;padding:20px 0;font-weight:bold;; }


.depth_line {border-top:2px solid #262262}
.depth_line1 {border-top:2px solid #DDD}

/*sub01*/
.sub01_dotline {border-bottom:1px dashed #DDD}

/*sub01 end*/
/*sub02*/
.subTitle {width:95%}
.subtitle_line {border-bottom:2px solid #efa440}
.tab-group {width:100%;padding-left:20px;}
.tab-group .tab-list {float:left;width:105px;text-align:center;font-weight:bold;font-size:1.1em;height:50px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;padding-top:12px;background-color:#ededed}
.tile_IMG  {border:2px solid #ccc;width:94px;height:37px}
/*세라믹등 사각*/
.tile_boxIMG {border:2px solid #ccc;width:82px;height:82px}



#info_title .cont-title {font-size:1.7em;letter-spacing:-1px;line-height:1.2; border-left:3px solid #efa440}
.actImg {position:absolute;margin:5px;height:393px;width:393px}
.actImg2	{
	margin:5px 0 0 ;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

#tile_Info #actImg_bg {position:absolute;margin:-18px 0 0 0;}
/*sub02 end*/
/*sub02*/
.nhti {background:url(/images/sub03/nh.jpg) no-repeat 10px 10px}	
/*sub03 end*/

/*sub04*/
.sub_title {font-size:1.2em;line-height:1.2; border-left:3px solid #efa440}
.br-warning-left	{border-left:1px solid #efa440}
.br-warning-right	{border-right:1px solid #efa440}
.br-warning-top		{border-top:1px solid #efa440}
.br-warning-bottom	{border-bottom:1px solid #efa440}


/*sub02 end*/

.l-height07 {line-height:0.7}
.l-height08 {line-height:0.8}
.l-height09 {line-height:0.9}
.l-height10 {line-height:1}
.l-height15 {line-height:1.5}
.l-height16 {line-height:1.6}
.l-height17 {line-height:1.7}
.l-height18 {line-height:1.8}
.l-height19 {line-height:1.9}
.l-height20 {line-height:2}
.l-height21 {line-height:2.1}
.l-height22 {line-height:2.2}
.l-height23 {line-height:2.3}
.l-height24 {line-height:2.4}
.l-height25 {line-height:2.5}


.ul-li-checkicon {background:url(/images/sub04/check_icon.png) no-repeat; background-position:0 -5px;padding-left:20px;}


.ul-li-green {background:url(/images/icon/bullet_green.png) no-repeat; background-position:0 5px;padding-left:20px}
.ul-li-orange {background:url(/images/icon/bullet_orange.png) no-repeat; background-position:0 5px;padding-left:20px}
.ul-li-black {background:url(/images/icon/bullet_black.png) no-repeat; background-position:0 5px;padding-left:20px}
.ul-li-blue {background:url(/images/icon/bullet_blue.png) no-repeat; background-position:0 5px;padding-left:20px}
.ul-li-yellow {background:url(/images/icon/bullet_yellow.png) no-repeat; background-position:0 5px;padding-left:20px}

@media (min-width: 320px) {	 	
#content-wrap .container #sub_content {padding:0 10px 30px; background-color:#FFFFFF;	}
.visible-mini { display: block;}
.hidden-mini  { display:none;}
}
@media (min-width: 500px) {
#content-wrap .container #sub_content {padding:0 20px 30px; background-color:#FFFFFF;	}	
.visible-mini { display: block;}
.hidden-mini  { display:none;}
}
@media (min-width: 725px) {
#content-wrap .container #cont_wrap { width:100%; }
.visible-mini { display: none;}
.hidden-mini  { display:block;}

#content-wrap .cont_menu {position:relative;width:100%; padding:5px 0; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
#content-wrap .cont_menu a {
  color: #000000;
  text-decoration: none;
}
#content-wrap .cont_menu a:hover,
#content-wrap .cont_menu a:focus {  color: #2a6496;  }
#content-wrap .cont_menu a:focus {  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;}
#content-wrap .cont_menu .active {  *outline: thin dotted #333;
  *outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  font-weight:bold;  
  }
#content-wrap .container #sub_content {padding:0 30px 30px; background-color:#FFFFFF;	}

}

#content-wrap .cont_menu a:hover,
#content-wrap .cont_menu a:focus {  color: #2a6496;  }
#content-wrap .cont_menu a:focus {  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;}
#content-wrap .cont_menu .active {  *outline: thin dotted #333;
  *outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  font-weight:bold;  
  }

#content-wrap .container #sub_content {padding:0 40px 30px; background-color:#FFFFFF;	}
}

#quick-menu {
	position:relative;
	float: right;
	width:134px;
	height:480px;
	margin-right:0px;
	margin-top:76px
	}