﻿header {width:1200px;height:473px;}
header .t-navi {position:absolute;width:1200px;height:126px;background-color:#FFF; opacity: 0.9;background:url(/EN/images/navi/navi-top.png) no-repeat;}
header .t-navi .main_menu {margin:48px 0 0 5px;}
header .t-navi .main_menu a {color:#FFF;}
header .t-navi .main_menu a:hover {color:#FFF; font-size:1.15em}
header .m_01, header .m_02, header .m_03, header .m_04 {background-color:#000; height:350px;letter-spacing:-1px; }
header .m_01 {margin-left:2px;width:142px}
header .m_02 {width:155px}
header .m_03 {width:175px}
header .m_04 {width:148px}
header .t-navi .main_menu {height:78px;overflow:hidden;}
header .main_menu .depth_01 a.on{/*제이쿼리에서 컨트롤*/}

header #cont_title {background-size:cover;width:100%;height:473px;padding:150px 0 0 50px}
header #cont_title .visual-text {font-size:3.5em;color:#fff;letter-spacing:-1px;line-height:1.5;}

.contecnt_wrap #subMenu {height:156px;width:100%;background-color:#d1d3d4;}
.contecnt_wrap #subMenu img {height:95px;width:170px;}
.contecnt_wrap #subMenu .menu-txt {height:61px;width:170px;}
.contecnt_wrap  #subMenu a.on{/*제이쿼리에서 컨트롤*/}
.contecnt_wrap #sub_content {width:100%;}
.contecnt_wrap #sub_content .content-body {width:100%;padding:30px;margin-left:20px}

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


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

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

/*sub01 end*/
/*sub02*/
.contphoto  {width:1005;padding:0;}
.contphoto .photo_icon {width:387px;height:352px;overflow:hidden;cursor:pointer}
.contphoto .photo_cont {width:813px;height:352px;overflow:hidden;}


/*sub02 end*/

.subtitle_line {border-bottom:2px solid #efa440}
.tab-group {width:100%;padding-left:20px;z-index:10}
.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;border-bottom:2px solid #fbb040;}



.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-green {background:url(/EN/images/icon/bullet_green.png) no-repeat; background-position:0 3px;padding-left:20px}
.ul-li-orange {background:url(/EN/images/icon/bullet_orange.png) no-repeat; background-position:0 3px;padding-left:20px}
.ul-li-black {background:url(/EN/images/icon/bullet_black.png) no-repeat; background-position:0 3px;padding-left:20px}
.ul-li-blue {background:url(/EN/images/icon/bullet_blue.png) no-repeat; background-position:0 3px;padding-left:20px}
.ul-li-yellow {background:url(/EN/images/icon/bullet_yellow.png) no-repeat; background-position:0 3px;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
	}