/* 웹폰트 */
/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
@font-face {
	font-family: 'NanumGothic';
	src:url('../fonts/NanumGothic.eot');
	src:url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumGothic.woff') format('woff'),
		url('../fonts/NanumGothic.ttf') format('truetype')
	font-weight: normal;
	font-style: normal;
}

/* 레이아웃 */
/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
body { background:#FFF; }
#header_wrap { position:relative; width:100%; height:125px; z-index:100; }
#top_util_wrap { position:relative; width:100%; height:44px; border-bottom:1px solid #BCB1C1; }
#top_util { position:absolute; top:20px; right:20px; width:369px; height:24px; }
header { width:100%; height:79px; border-bottom:1px solid #BCB1C1; background:#FAFAFA; }
nav { width:1119px; height:79px; margin:0 auto; }
#container { width:100%; height:auto; position:relative; }
#container figure { width:1112px; height:319px; margin:0 auto; }
section { width:100%; }
#bg_line { width:100%; height:48px; background:#656565; } 
#mr_tab { width:1119px; margin:0 auto; height:auto; }
#bottom_util { width:100%; height:43px; border:solid #EDEDED; border-width:1px 0; background:#FAFAFA; }
#bottom_util ul.bottom_menu { width:1119px; height:43px; margin:0 auto; } 
footer { width:1119px; height:124px; margin:0 auto; }


/* 그림 영역 */
/*-----------------------------------------------------------------------------------------------------------*/
figcaption { text-indent:-9999px; }

/* 탭 영역 */
/*-----------------------------------------------------------------------------------------------------------*/
#bg_line { -webkit-box-shadow:inset 0px 0px 3px 3px rgba(255,255,255,0.3);
-moz-box-shadow:inset 0px 0px 3px 3px rgba(255,255,255,0.3);
-o-box-shadow:inset 0px 0px 3px 3px rgba(255,255,255,0.3);
box-shadow:inset 0px 0px 3px 3px rgba(255,255,255,0.3); }
ul.tabs { margin:-38px 0 0 10px; padding-right:5px; font:bold 18px NanumGothic; }
ul.tabs li { float:left; height:24px; width:70px; padding:3px 15px 3px; }
ul.tabs li a { float:left; display:block; outline:none; /* 마우스 클릭시 점선이 생기지 않음 */
 color:#FFF; } 
ul.tabs li a:hover { color:#E55D8D; }
ul.tabs li.active { /* 배경: opacitiy - 0 20% 0, color:#000 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
/* active 상태와 active상태에서 마우스 오버시 효과 */ width:70px; height:24px;
border:solid #545454; border-width:0 1px; }
/* 탭 내용 영역 ---*/
#tab_wrap { clear:both; width:1119px; height:auto; margin:10px 0 0 0; padding:25px 0px 0 10px; }
.tab_container { float:left; width:100%; background: #fff; }

/* 내용 영역 */
/*-----------------------------------------------------------------------------------------------------------*/
.tab_content dl { margin:40px 0 100px 0; }
.tab_content dl dt { margin-bottom:20px; padding-left:12px; font:bold 24px NanumGothic; color:#000; 
background:url(../imgs/bg_h2.gif) no-repeat left; } 
.tab_content dl dd { margin-bottom:40px; font:normal 16px NanumGothic; color:#888; }
.tab_content dl dd ul li { background:url(../imgs/arr.png) no-repeat left; padding:0 0 5px 10px; }

