/*common*/
*{margin: 0; padding: 0;}
body {margin:0; padding:0; background:url(../../img/main/bg.jpg) repeat-x top; font-family:NanumGothic, Malgun Gothic, dotum;}
.sub_body {margin:0; padding:0; background: url(../../img/sub/sub_bg.jpg) repeat-x top, url(../../img/sub/bg.jpg) top ; font-family:NanumGothic, Malgun Gothic, dotum; font-size: 100%;}
img {border:0;}
li {list-style: none;}
a {text-decoration: none; color: #000;}

.wrap {width:1000px; margin:0 auto;}
.logo {float:left; margin:0; padding:0;}
.logo img {display:block;}
.date {float:left; margin:32px 0 0 12px; padding:0; width:230px; text-align:left; color:#464646; font-size:0.9em; font-weight:500;}
.sns {float:right; margin:0; padding:0;}
.sns a img {padding:0; margin: 0}

.copy {clear:both; width:1000px; height: 90px;  margin: 0 auto; padding: 10px 0; background: #fff}
.copy img {display:inline; padding: 20px 0 0 0}
.copy .copy_text {float:right; width:786px; margin:0; padding:0px; font-size:0.8em; font-weight:normal; color:#464646;}

/*main*/
.date_wrap {width:786px; margin-left: 214px}
.header {position:relative; width:1000px; padding:18px 0 0 0; margin:0 auto; height:66px;}
.contents_Box {padding:0px; margin: 1px 0 0 0}
.con_l img {display:block;}

.con_r_1 {float:left; width:218px; z-index: 10000}

/* 문화행사 3줄 또는 4줄일 때 배경 이미지 없는 bg 
.con_r_1 .culture {background: url(../../img/main/culture.jpg) no-repeat; width: 218px; height: 218px;}*/
/* 문화행사 1줄 또는 2줄일 때 배경 이미지 있는 bg */
.con_r_1 .culture {background: url(../images/main/culture.jpg) no-repeat; width: 218px; height: 218px;}


.con_r_1 .culture ul { padding: 69px 0 0 14px; }
.con_r_1 .culture ul li { line-height: 100%; background: url(../../img/main/dot.gif) no-repeat 0 13px; padding-left: 9px; padding-top: 7px }
/* 문화행사 3줄 */
.con_r_1 .culture ul li.row3 { padding-top: 7px }
/* 문화행사 4줄 */
.con_r_1 .culture ul li.row4 { padding-top: 3px }

.con_r_1 .culture ul li:first-child { padding-top: 0; background: url(../../img/main/dot.gif) no-repeat 0 7px; }
.con_r_1 .culture ul li a { color: #c7c7c7; font-size: 80%; }

.con_r_1 .column {background: url(../../img/main/column.jpg) no-repeat; width: 218px; height: 218px;}
.con_r_1 .column span { color: #f8d7c3; font-size: 100%; font-weight: 700; line-height: 140%; display: block; padding: 64px 0 0 21px;}

.con_r_1 .educa {background: url(../../img/main/edu.jpg) no-repeat; width: 218px; height: 218px;}
.con_r_1 .educa span { color: #dcd8d2; font-size: 80%; font-weight: 700; line-height: 100%; display: block; padding: 72px 0 0 21px;}

.con_r_2 {position: relative; float:right; width:218px; margin: 0}

.con_r_2 .main_news {background: url(../../img/main/news.jpg) no-repeat; width: 218px; height: 218px;}
.con_r_2 .main_news ul { padding: 62px 0 0 14px; }
/* .con_r_2 .main_news ul li:first-child { padding-top: 0; background: url(../../img/main/dot2.gif) no-repeat 0 7px, url(../../img/main/dot3.gif) no-repeat 0 22px; height: 23px; } */

/* 과학관소식 버전1 */
.con_r_2 .main_news ul li { line-height: 100%; background: url(../../img/main/dot2.gif) no-repeat 0 14px, url(../../img/main/dot3.gif) no-repeat 0 29px; padding-left: 9px; padding-top: 7px; height: 23px; letter-spacing: -1.5px; }
.con_r_2 .main_news ul li.row_2 { height: 41px; background: url(../../img/main/dot2.gif) no-repeat 0 15px, url(../../img/main/dot3.gif) no-repeat 0 47px}
.con_r_2 .main_news ul li.no_line { height: 41px; background: url(../../img/main/dot2.gif) no-repeat 0 15px;}

.con_r_2 .main_news ul li a { color: #818181; font-size: 80%; }

.con_r_2 img {display:block;}

.pre {position: relative; top:-654px; left:1000px; width: 51px; height: 45px; z-index: 100}
.sub_pre {position: absolute; top:211px; left:1000px; width: 51px; height: 45px; z-index: 1000}

.banner {width:218px; height:218px; }
.sample_bn {margin:0 auto; padding:0; width:218px; height:218px;}
.sample_bn #Banner_title {position: absolute; margin:5px 0; padding:0; height:20px; border:none; z-index: 100}
.sample_bn #Banner_title p {margin:0; padding:0; text-align:right;}
.sample_bn #Banner_title p a {width:14px; margin:0; padding:0; float:right}
.sample_bn div {position:relative; overflow:hidden; float:left; margin:0; width:218px; height:218px; }
.sample_bn div ul {position:absolute; margin:0; padding:0; width:1000px; height:218px; list-style:none;}
.sample_bn div ul li {float:left; width:218px; height:218px;margin:0; padding:0 }
.sample_bn div ul li .exhibit_title {position: absolute; text-align: center; height: 32px; background: #000; margin: 186px 0 0 0; color: #fff;font-size:0.8em; filter:alpha(opacity:70); opacity:0.70; padding: 8px 0}

.banner5 {width:218px; height:218px; }
.sample_bn5 {margin:0 auto; padding:0; width:218px; height:218px;}
.sample_bn5 div {position:relative; overflow:hidden; float:left; margin:0; width:218px; height:218px; }
.sample_bn5 div ul {position:absolute; margin:0; padding:0; width:1000px; height:218px; list-style:none;}
.sample_bn5 div ul li {float:left; width:218px; height:218px;margin:0; padding:0 }
.sample_bn5 div ul li .exhibit_title {position: absolute; text-align: center; height: 32px; background: #000; margin: 186px 0 0 0; color: #fff;font-size:0.8em; filter:alpha(opacity:70); opacity:0.70; padding: 8px 0}

/* Visual
--------------------------------------------------------------------------------------------------------*/
.animation_canvas {float:left; width:564px; margin:0; padding:0; position: relative; }

.slider {width: 100%; position: relative; -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transform: translate3d(-512px, 0px, 0px);}

.slider_in {float: left; list-style: none; position: relative; width: 564px; }

/* bxSlider controls */
.bx-viewport {
	width: 564px !important;
    overflow: hidden;
    position: relative;
    height: 654px !important;
}
.bx-controls {
	position: absolute;
	right: 20px;
	bottom: 20px;
	line-height: 0;
	z-index: 10;
}
.bx-default-pager {
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.bx-pager-item {
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin-right: 5px;
}
.bx-controls-auto {
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin-left: 10px;
}
.bx-pager-link,
.bx-start,
.bx-stop {
	overflow: hidden;
	display: block;
	width: 10px;
	height: 10px;
	text-indent: -100em;
	background: url('../../img/main/ico_control.png') no-repeat -10px 0;
}
.bx-pager-link.active {
	background-position:0 0;
}
.bx-start {
	background-position:-30px 0;
}
.bx-stop {
	background-position:-20px 0;
}
.bx-start.active,
.bx-stop.active {
	display: none;
}
.top-rolling .bx-controls {
	position: static;
	margin: 20px 0 10px;
}


/*sub*/
.sub_header {position:relative; width:100%; padding:18px 0 24px 0; margin:0 auto; height:66x; background:url(../../img/main/bg.jpg) repeat-x top; z-index: 100 }
.article {width:1000px; margin:0 auto; padding:0; margin:0;}
#container {float:left; width:1000px; margin:0px 0 70px 0; background:#fff;}

/* 문화행사 */
#container .section .s_title {text-align:center}
#container .section .s_title span {font-size: 18pt; font-family: '나눔고딕',nanumgothic,sans-serif; color: #0075c8; font-weight:bold}

.section {padding:42px 64px; width:872px}
.section h3 {padding:7px 0px; color:#565656; font-size:1.1em; font-weight:600; border-bottom:1px solid #ccc;}
.section h2 {padding:7px 0px; color:#2c579f; font-size:1.0em; font-weight:600;}
.section p:last-child {margin-bottom: 0; text-align:left;}


#nav {position:relative; width:1000px; float:left; margin:15px 0 0 0; list-style: none; padding: 0; height: 64px}
#nav li {padding:0px; margin: 0;  display:inline; float: left; height:52px;}
#nav a {display:inline; padding: 0; margin: 0}

/* 문화행사 탭 */
#m1_tab {position:relative; width:870px; float:left; margin:0px; list-style: none; padding: 0; height: 40px; border:1px solid #d2d2d2;}
#m1_tab li {width:434px; padding:11px 0 0 0; margin: 0;  display:inline; float: left; height:30px; text-align: center; } 
/* 3탭 width : 289.3333333333333px / 4탭 width : 217px */
#m1_tab li:last-child {border-right:none; float:right;}
#m1_tab li.on { background: #434343; }
#m1_tab li.on a {color:#ffffff}
#m1_tab li a {width:100%; display:block; padding: 0; margin: 0; text-decoration: none; color:#434343; font-weight: bold;}
#m1_tab li a:first-child { letter-spacing: -1px; }

#m1_content {padding: 70px 0 0 0}
.m1_img_on {padding: 0 0 0 108px}

/* 교육정보 탭 */
#m2_tab {position:relative; width:872px; float:left; margin:0px; list-style: none; padding: 0; height: 40px; border:1px solid #d2d2d2;}
#m2_tab li {width:50%; padding:11px 0 0 0; margin: 0;  display:inline; float: left; height:30px; text-align: center; }
#m2_tab li.on { background: #8b8069}
#m2_tab li a {width:449px; display:block; padding: 0; margin: 0}

#m2_content {padding: 0px 0 0 0}
.m2_img_on {padding: 0 0 0 108px}

/* 문화행사 탭2 */
#m3_tab {position:relative; width:872px; float:left; margin:0px; list-style: none; padding: 0; height: 40px; border:1px solid #d2d2d2;}
#m3_tab li {width:50%; padding:11px 0 0 0; margin: 0;  display:inline; float: left; height:30px; text-align: center; }
#m3_tab li.on { background: #434343;}
#m3_tab li.on a { color: #fff; }
#m3_tab li a {width:449px; display:block; padding: 0; margin: 0; text-decoration: none; color:#434343; font-weight: bold;}

#m3_content {padding: 70px 0 0 0}
.m3_img_on {padding: 0 0 0 108px}



/* 과학관 소식 */
.tnews {height:20px; margin:15px 0; border-top:2px solid #97acb8; border-bottom:1px solid #97acb8; padding:10px 0;}
.titleN {float:left; padding-left:10px; font-weight:600; color:#444;}
.titleN a {font-size:0.9em; color:#333; text-decoration:none; color:#015578;}
.titleN img {vertical-align:middle;}
.day {float:right; height:20px; font-size:14px; color:#3c3c3c; padding-right:10px; margin:-20px 0 0 0}
.contents {padding:10px; border-bottom:1px solid #414042; margin-bottom:20px; line-height:26px}
.contents .tnews_title {font-size: 18pt; color: #0075c8; font-weight:bold; line-height:1.8; text-align:center}
.contents p {font-size: 12pt; font-family:'나눔고딕',NanumGothic,Sans-serif}
.contents a {text-decoration:none; color:#469ebe;}
.column {*zoom:1; text-align:justify; color:#333; font-size:14px;line-height:130%; clear:both;}
.column p  {*zoom:1; color:#333; font-size:14px;line-height:18px; padding-bottom: 25px}
.column h4 {font-weight:600; color:#40506f; padding:0; margin:0; height:25px;}
.column .right_img {float:right; margin:0 0 10px 20px; }
.column .left_img {float:left;}
.center_img {text-align:center;}

/* 전시관정보 */
.teach { position: absolute; top: 1453px; width: 299px; height: 303px; overflow: hidden; padding-left: 263px; }
.teach_num { position: absolute; top: 1726px; width: 30px; height: 30px; overflow: hidden; padding-left: 532px; }


table.style { clear:both;border-collapse: collapse; width:100%; margin: 3px 0; border-top:1px solid #a2acb6; border-bottom:1px solid #a2acb6; *border-right:2px solid #fff*; border-right:1px solid #fff; border-left:1px solid #fff; text-indent:0; font-weight:normal; vertical-align:top;font-family:NanumGothic, Malgun Gothic, dotum;}

table.style col.bg { background: #f5f5f5; font-weight: bold; }

table.style thead th, table.style tbody th { vertical-align:middle;font-family:NanumGothic, Malgun Gothic, dotum;}

table.style thead th {font-size:13px; font-weight:normal; background: #e6e9ef; border-right:1px solid #fff; border-bottom:1px solid #fff; color:#2d5073; text-align:center; padding:3px;}

table.style thead td {font-size:13px; text-align:left; font-weight:normal; background: #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; color:#333;}

table.style thead td code { font-weight:normal; font-family:NanumGothic, Malgun Gothic, dotum; }

table.style tbody th {font-size:13px; border-bottom: 1px solid #a2acb6; border:1px solid #a2acb6; font-weight: normal;background-color:#f6fafb; color:#4085b0; letter-spacing:0px;}
table.style tbody td {text-align:center; border-bottom: 1px solid #b7cede; border-right: 1px solid #a2acb6; padding:3px;  font-size:13px; color:#333;}
table.style tbody td.fd {padding:0;}
table.style tbody td.al {text-align:left;}
table.style tbody td.col {background:#c8e5fa;}

table.style tfoot th {border-bottom: 2px solid #b7cede; border-top: 2px solid #b7cede; font-size:13px; border-right:1px solid #a2acb6; font-weight: bold; color:#4085b0; text-align: center; vertical-align: middle; padding: 5px 12px 5px 12px; }
table.style tfoot td { background: #eee; border-bottom: 1px solid #b7cede; font-size:13px; border-right:1px solid #a2acb6; font-weight: bold; color:#666; text-align: center; vertical-align: middle; padding: 5px 12px 5px 12px; }


#textBox {margin: 0px auto; width: 90%; color: rgb(51, 51, 51); line-height: 160%; letter-spacing: -1.2px; font-family: "나눔고딕"; font-size: 15px;}	
#textBox p {padding:10px 0;}	
#textBox p #textB_title {color: rgb(76, 101, 212); line-height: 160%; font-family: "나눔고딕"; font-size: 24px; font-weight: bold; padding:10px 0;}	
#textBox #textB_UL {margin: 0px; padding: 0px; list-style-type: none;}	
#textBox #textB_UL li {text-align: justify; color: rgb(51, 51, 51); line-height: 160%; padding-left: 20px;}	
#textBox #textB_UL .textB_LI {background: url("http://www.science.go.kr/upload/photo_se/2015_01_02_090811.png") no-repeat 0px 4px; background-size: 15px 14px}	
#textBox #textB_UL .textB_LI .two_depth {margin: 0 0 0 -10px; padding: 0px; list-style-type: none;}	
#textBox #textB_UL .textB_LI .two_depth .two_depth_title  {background: url("http://www.science.go.kr/upload/photo_se/2015_01_02_091045.gif") no-repeat 10px 10px;}	
#textBox #textB_UL .textB_LI .two_depth .p_left {padding-left: 188px}


/* 교육 */
.rsv-list {	width: 100%; padding: 0px; margin: 0 }
.rsv-list li.d1 { width: 100%;	border-bottom: 1px solid #dedede;	padding: 20px 0 20px 0;	display: inline-block; }
.rsv-list .thumb { float: left;	margin: 0 20px 0 0;	padding: 0;	font-size: 0;	line-height: 0; }
.rsv-list .brief { float: left;	width: 628px;	position: relative;	top: -12px; }
.rsv-list .brief .tit {	width: 630px;	height: 28px; }
.rsv-list .brief h1 { font-size: 16px;	line-height: 1.2;	float: left;	padding: 2px 10px 0 0; }
.rsv-list .brief h1 a {	color: #252525; }
.rsv-list .brief h1 a:hover { text-decoration: underline; }
.rsv-list .brief .btn {	width: 120px; height: 120px; position: absolute; right: 0; top: 37px; }
.rsv-list .brief a.rsv_btn { width: 120px; height: 120px; display: block; background: url('../../img/sub/detail.png') no-repeat; overflow: hidden; font-size: 0; line-height: 0; text-indent: -999; z-index: 1000; }
.rsv-list .brief a.apply { background-position: 0 0; }
.rsv-list .brief ul { width: 650px; float: left; padding: 0; font-size: 12px; }
.rsv-list .brief ul li { width: 250px; float: left; padding-bottom: 8px; list-style: none; }
.rsv-list .brief span.label { float: left; width: 60px; color: #999; }
.rsv-list .brief span.txt { float: left; color: #333; width: 440px; }
.rsv-list .brief .day { float: right; margin-top: -5px; }
.rsv-list .brief li.FC { width: 500px; float: left; padding-bottom: 8px; }