@charset "utf-8";

#content img {vertical-align:top;}
/* 제목 */
h2 { 
	clear:both;
	margin:20px 0 5px 0; 
	padding:1px 0 0 3%;
	font-size:12px;
	text-align:left;
}

h2 {color: #2E62CC;  background:url(/images/www/icon/n01-1.gif) no-repeat 0 3px;}


#content h2.img {margin:20px 0 5px 0; padding:0; background:none;}
#content h2.img_c0 {margin:10px 0 5px 0; padding:0; background:none;}
h2.c0 {margin:2px 0;}

.img_txt h2.c0 {margin:2px 0;}
.img_txt .txt01 h2 {padding:1px 0 0 4%;}
.img_txt .txt02 h2 {padding:1px 0 0 4.5%;}
.img_txt .txt03 h2 {padding:1px 0 0 5%; _padding:1px 0 0 3%;}
.img_txt .txt04 h2 {padding:1px 0 0 6%; _padding:1px 0 0 3%;}
.img_txt .txt05 h2 {padding:1px 0 0 7%; _padding:1px 0 0 3%;}
.img_txt .txt06 h2 {padding:1px 0 0 8%; _padding:1px 0 0 3%;}
.img_txt .txt07 h2 {padding:1px 0 0 5%; _padding:1px 0 0 3%;}
.img_txt .txt08 h2 {padding:1px 0 0 4.7%;}
.img_txt .txt09 h2 {padding:1px 0 0 4.2%;}


#content .img_txt .txt03 .tab01 li {padding:1px 0 0 3%;}


h3 { 
	clear:both;
	margin:10px 0 2px 0; 
	padding:0 0 0 3%;
	color: #333; 
	font-size:12px;
	text-align:left;
}
	* html h3 {height:1%;}

h3 {background:url(/images/www/icon/n01-3.gif) no-repeat left 2px;}

.img_txt h3 {margin:2px 0;}
.img_txt .txt01 h3 {padding:0 0 0 4%;}
.img_txt .txt02 h3 {padding:0 0 0 4.5%;}
.img_txt .txt03 h3 {padding:0 0 0 5%;}
.img_txt .txt04 h3 {padding:0 0 0 6%;}
.img_txt .txt05 h3 {padding:0 0 0 7%;}
.img_txt .txt06 h3 {padding:0 0 0 8%;}
.img_txt .txt08 h3 {padding:0 0 0 4.7%;}
.img_txt .txt09 h3 {padding:0 0 0 4.2%;}

h3.c0 {margin:2px 0;}

/* 이미지만 있을시 */
.img_l {
	clear:both;
	padding:5px 0 10px 0;
	text-align:left;
}

.img_c {
	clear:both;
	padding:5px 0 10px 0;
	text-align:center;
}

.img_r {
	clear:both;
	padding:5px 0 10px 0;
	text-align:right;
}


/* 제로뎁스 */
p { padding:2px 0; margin:0; }

.txt {
	clear:both;
	text-align:justify;
	padding:0 0 10px 0;
	margin:0;
}


/* 뎁스 */
.tab01,
.img_txt div p {
	clear:both;
	margin:0 0 0 3%;
	text-align:justify;
}

ul.hyhy {clear:both; margin:0 0 0 3%; text-align:left; }
ul.hyhy li {float:left; width:180px; margin:0; white-space:nowrap; text-align:left; }

.tab01 img {
	text-align:center;
}

.tab02 {
	clear:both;
	margin:0 0 0 3%;
	padding:0;
	text-align:justify;
}

.tab03 {
	clear:both;
	margin:0 0 0 2%;
	padding:0;
	text-align:justify;
}

/* UL, OL, DL */
* html ul li {height:1%;}
#content ul li {padding:0 0 0 2%; background:url(/images/www/icon/n01-2.gif) no-repeat left 4px; text-align:left;}
#content ul ul li {padding:0 0 0 1%; background:url(/images/www/icon/n01-5.gif) no-repeat left 6px;}
#content ul ol li {padding:0; background:none;}
#content ul ul ul li {padding:0 0 0 1%; background:url(/images/www/icon/n01-6.gif) no-repeat left 8px;}
#content ol li {padding:0; list-style:decimal; text-align:left;}
#content ol ul li {list-style:none; margin:0; padding:0 0 0 1%; background:url(/images/www/icon/n01-5.gif) no-repeat left 6px;}
#content ol ul ul li {padding:0 0 0 2%; background:url(/images/www/icon/n01-6.gif) no-repeat left 8px;}
#content dl.reference dt {font-weight:bold; padding:0 0 0 2%; background:url(/images/www/icon/n01-2.gif) no-repeat 0 6px;}
#content dl.reference dd {margin:0 0 0 2%; padding:0 0 0 2%; background:url(/images/www/icon/n01-5.gif) no-repeat 0 6px;}



/* 이미지 텍스트있는 특수경우 */
.img_txt .tab01 {margin:0 0 0 4.5%;}
.img_txt .tab02 {margin:0 0 0 5%;}
#content .img_txt .txt04 .tab02 li {padding:0 0 0 4%;}
#content .img_txt .txt07 .tab01 li {padding:0 0 0 3%;}
#content .txt02 ul li {padding:0 0 0 3%;}
#content .txt03 ul li {padding:0 0 0 4%;}
#content .txt04 ul li {padding:0 0 0 4%;}
#content .img_txt .txt05 .tab01 li {padding:0 0 0 4%;}



/* 가로로 이미지와 텍스트가 들어갈때쓰임 
----------------------------------------*/
.img_txt {
	clear:both;
	float:left;
	width:100%;
	margin:5px 0 15px 0;
}

/*--  이미지 100 / 텍스트 500  --*/
.img01 {
	float:left;
	width:16%;
	margin:0 0 20px 0;
}

.txt01 {
	float:right;
	width:81%;
	padding:0;
	text-align:justify;
}

/*--  이미지 150 / 텍스트 450  --*/
.img02 {
	float:left;
	width:24%;
	margin:0 0 20px 0;
}

.txt02 {
	float:right;
	width:73%;
	padding:0;
	text-align:justify;
}

/*--  이미지 200 / 텍스트 400  --*/
.img03 {
	float:left;
	width:32%;
	margin:0 0 20px 0;
}

.txt03 {
	float:right;
	width:65%;
	padding:0;
	text-align:justify;
}

/*--  이미지 250 / 텍스트 350  --*/
.img04 {
	float:left;
	width:39%;
	margin:0 0 20px 0;
}

.txt04 {
	float:right;
	width:57%;
	padding:0;
	text-align:justify;
}

/*--  이미지 300 / 텍스트 300  --*/
.img05 {
	float:left;
	width:48%;
	margin:0 0 20px 0;
}

.txt05 {
	float:right;
	width:49%;
	padding:0;
	text-align:justify;
}

/*--  이미지 350 / 텍스트 250  --*/
.img06 {
	float:left;
	width:57%;
	margin:0 0 20px 0;
}

.txt06 {
	float:right;
	width:40%;
	padding:0;
	text-align:justify;
}

/*--  이미지 180 / 텍스트 420  --*/
.img07 {
	float:left;
	width:30%;
	margin:0 0 20px 0;
}

.txt07 {
	float:right;
	width:68%;
	padding:0;
	text-align:justify;
}

/*--  이미지 120 / 텍스트 480  --*/
.img08 {
	float:left;
	width:20%;
	margin:0 0 20px 0;
}

.txt08 {
	float:right;
	width:77%;
	padding:0;
	text-align:justify;
}



/*Table */
table.table {
	clear:both;
	width:100%;
	margin-bottom:5px;
	border-right:1px #DFDFDF solid;
	border-bottom:1px #DFDFDF solid;
	border-collapse:collapse;
}

table.table {border-top:2px #2E62CC solid;}

table.tab01 {
	width:97%;
}

table.tab02 {
	width:97%;
}


table.table th {
	padding:3px;
	text-align:center;
	border-left:1px #DFDFDF solid;
	border-top:1px #DFDFDF solid;
	background-color:#F5F8FF;
}


table.table td {
	padding:3px;
	text-align:center;
	border-left:1px #DFDFDF solid;
	border-top:1px #DFDFDF solid;
}

#content table.table td ul li {
	text-align:left;
	padding:0 0 0 8px;
	margin:0 0 0 5px;
	background:url(/images/www/icon/n01-5.gif) no-repeat 0 5px;
}

#content table.table td ul ul li {
	text-align:left;
	padding:0 0 0 6px;
	margin:0 0 0 2px;
	background:url(/images/www/icon/n01-6.gif) no-repeat 0 8px;
}


/*--  th에 사이즈가 필요할시 사용 --*/
.table th.th_5 {width:5%;}
.table th.th_8 {width:8%;}
.table th.th_10 {width:10%;}
.table th.th_12 {width:12%;}
.table th.th_15 {width:15%;}
.table th.th_18 {width:18%;}
.table th.th_20 {width:20%;}
.table th.th_25 {width:25%;}
.table th.th_30 {width:30%;}
.table th.th_35 {width:35%;}
.table th.th_40 {width:40%;}
.table th.th_45 {width:45%;}
.table th.th_50 {width:50%;}

/*--  td에 사이즈가 필요할시 사용 --*/
.table td.td_5 {width:5%;}
.table td.td_10 {width:10%;}
.table td.td_20 {width:20%;}
.table td.td_30 {width:30%;}
.table td.td_40 {width:40%;}
.table td.td_50 {width:50%;}
.table td.td_60 {width:60%;}
.table td.td_70 {width:70%;}

/*Table 라인이 위 아래만 있을시 */
table.table01 {
	clear:both;
	width:100%;
	margin-bottom:5px;
	border-bottom:1px #DFDFDF solid;
	border-collapse:collapse;
}

table.table01 {border-top:2px #2E62CC solid;}



table.table01 th {
	padding:3px;
	text-align:center;
	border-top:1px #DFDFDF solid;
	background-color:#EBF2FA;
}

table.table01 th {background-color:#F5F8FF;}

table.table01 td {
	padding:3px;
	text-align:center;
	border-bottom:1px #DFDFDF solid;
}

table.table01 td.td_20 {
	width:20%;
	vertical-align:top;
	padding:5px;
}

table.table03 {
	clear:both;
	width:100%;
	margin-bottom:5px;
	border-top:1px #369CDF solid;
	border-bottom:1px #369CDF solid;
	border-collapse:collapse;
}

table.table03 td {
	padding:10px;
	border-bottom:1px #369CDF solid;
}

table.table03 th {
	padding:10px;
	vertical-align:top;
	border-bottom:1px #369CDF solid;
}


/* 기타 설정 */
table.bu td {text-align:center;}
table.bu td a {display:inline; padding:0 0 0 8px; background:url(/images/www/icon/n01-5.gif) no-repeat 0 4px;}

/* 2012여수박람회 > 세계박람회소개 > 역사관광 */
.tour_1st {position:relative; width:305px; margin:15px 10px 0 0; float:left; overflow:hidden;}
.tour_1st.ma {margin-right:0;}
.tour_1st img {width:150px; height:113px; margin:0 5px 0 0; float:left;}
.tour_1st h2 {width:130px; margin:0; padding-left:17px; float:left; clear:none;}
.tour_1st p {line-height:1.4; clear:none;}

/* 게시판형 콘텐츠 상단 타이틀 설정 */
#content_bbs_title {position:relative; width:100%; margin:0 0 10px 0; background:url(/_wscms30/img/temp/bg4depthNavDotLine.gif) repeat 0 -5px; overflow:hidden;}
#content_bbs_title h2 {margin:0 0 0 3px; float:left; padding:0 0 0 9px; line-height:1; background:url(/_wscms30/img/temp/bgTabNavHeader_on.gif) no-repeat left top; overflow:hidden;}
#content_bbs_title h2 span {display:block; padding:8px 9px 6px 0; background:url(/_wscms30/img/temp/bgTabNavTail_on.gif) no-repeat right top; color:#444; line-height:1; white-space:nowrap; float:left;}
#content_bbs_title p {margin:0; padding:0; float:right;}
#content_bbs_title p a {display:block; margin:0 3px 0 0; float:left; padding:0 0 0 9px; line-height:1; background:url(/_wscms30/img/temp/bgTabNavHeader_off.gif) no-repeat left top; cursor:pointer; overflow:hidden;}
#content_bbs_title p a span {display:block; padding:8px 9px 6px 0; background:url(/_wscms30/img/temp/bgTabNavTail_off.gif) no-repeat right top; color:#444; line-height:1; white-space:nowrap; float:left;}


/* 웹캠 */
.webcam_title {clear:both; position:relative; height:30px; width:430px; float:left;padding:0; margin:0;}
.webcam_title2 {position:relative; float:right; padding:0; height:30px; margin:0;}

.webcam_img {clear:both; position:relative; width:430px; height:330px; float:left; background:url(/images/www/contents/webcam_bg1.gif) no-repeat;}
.webcam_img #webcam_div {margin:15px 0 0 15px; padding:0;}
.webcam_txt {position:relative; float:right; width:190px;}