/*common*/
*{margin: 0; padding: 0;}
body {margin:0; padding:0; background:#ddd url(../images/background.jpg) no-repeat top; font-family:NanumGothic, Malgun Gothic, dotum;}
.sub_body {margin:0; padding:0; 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-top:10px;}
.sns a img {padding:0; margin: 0; vertical-align:middle;}

.copy {clear:both; width:100%; height:153px; background: #fff; border-top:1px solid #ccc;}
.footer {width:1000px; margin:0 auto; padding: 10px 0; }
.footer img {display:inline; padding: 20px 0 0 0}
.footer .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:65px;}
.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 { width:193px; 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: #fff; 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 { width:170px; 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;
	left: 20px;
	top: 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: 10px;
}
.bx-controls-auto {
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin-left: 0px;
}
.bx-pager-link{
	overflow: hidden;
	display: block;
	width: 42px;
	height: 15px;
	text-indent: -1000em;
	background: url('../../img/main/ico_control_n.png') no-repeat -85px 0;
}
.bx-start {
	overflow: hidden;
	display: block;
	width: 14px;
	height: 15px;
	text-indent: -1000em;
	background: url('../../img/main/ico_control_n.png') no-repeat -40px 0;
} 
.bx-stop {
	overflow: hidden;
	display: block;
	width: 14px;
	height: 15px;
	text-indent: -1000em;
	background: url('../../img/main/ico_control_n.png') no-repeat -50px 0;
}
.bx-pager-link.active {
	background-position:0px 0;
}
.bx-start {
	background-position:-210px 0;
}
.bx-stop {
	background-position:-198px 0;
}
.bx-start.active,
.bx-stop.active {
	display: none;
}
.top-rolling .bx-controls {
	position: static;
	margin: 20px 0 20px;
}


/*sub*/
.sub_header {position:fixed; width:100%; padding:18px 0 0 0; background:#ddd url(../images/background.jpg) no-repeat top; margin:0 auto; height:66px; z-index: 1000;}
.article {width:1000px; margin:0 auto; padding:0; margin:0;}
#container {float:right; width:870px; margin:82px 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:first-child {padding:0px 20px 50px 20px; min-height:400px;}
.section {padding:100px 20px 50px 20px; min-height:400px;}
.section h3 {padding:7px 0px; color:#565656; font-size:1.1em; font-weight:600; border-bottom:1px solid #ccc; margin:20px 0;}
.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:fixed; width:108; float:left; margin:127px 0 0 0; list-style: none; padding: 0}
#nav li {padding:0px; width:108;}
#nav a {display:block; padding: 0; margin: 0}
#nav .current a {display:block;}


/*교육안내*/
.brief { width: 760px; margin:0 auto; position: relative; padding-bottom:30px; border-bottom:1px solid #cdcdcd;}
.brief .tit {	width: 760px;	height: 28px; }
.brief h4 { font-size: 18px;line-height: 1.2em;padding: 10px 0 10px 0; color: #277ed7; font-weight:600; }
.brief .btn {	width: 120px; height: 120px; position: absolute; right: 0; top: 70px; }
.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; }
.brief a.apply { background-position: 0 0; }
.brief ul { width: 730px; padding-top:10px; font-size: 14px; }
.brief ul li { width: 600px; padding-bottom: 8px; list-style: none; }
.brief span.label { float: left; width: 60px; color: #333; font-weight:600; }

.brief .day { float: right; margin-top: -5px; }
.brief li.FC { width: 600px; padding-bottom: 8px; }
.brief li.FC .txt {padding-left:70px; color: #333; width: 550px; padding-right:30px;}

/* 과학관 소식 */
.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; color:#333; font-size:14px;line-height:130%; clear:both;}
.column h4 {font-weight:600; color:#40506f; padding:0; margin:0; height:25px;}
.column :after {content:""; display:block; clear:both;}
.column .right_img {float:right; padding:0  0 10px 20px}
.column .left_img {float:left;}
.column p {text-align:justify;}
.center_img {text-align:center;}





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}