@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 400;
  src: url(../../sedaily/fonts/NanumMyeongjoRegular/NanumMyeongjoRegular.eot);
  src: url(../../sedaily/fonts/NanumMyeongjoRegular/NanumMyeongjoRegular.eot?#iefix) format('embedded-opentype'),
       url(../../sedaily/fonts/NanumMyeongjoRegular/NanumMyeongjoRegular.woff2) format('woff2'),
       url(../../sedaily/fonts/NanumMyeongjoRegular/NanumMyeongjoRegular.woff) format('woff'),
       url(../../sedaily/fonts/NanumMyeongjoRegular/NanumMyeongjoRegular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 600;
  src: url(../../sedaily/fonts/NanumMyeongjoBold/NanumMyeongjoBold.eot);
  src: url(../../sedaily/fonts/NanumMyeongjoBold/NanumMyeongjoBold.eot?#iefix) format('embedded-opentype'),
       url(../../sedaily/fonts/NanumMyeongjoBold/NanumMyeongjoBold.woff2) format('woff2'),
       url(../../sedaily/fonts/NanumMyeongjoBold/NanumMyeongjoBold.woff) format('woff'),
       url(../../sedaily/fonts/NanumMyeongjoBold/NanumMyeongjoBold.ttf) format('truetype');
}

/*skip_navigation*/
#skipnav li a:link, #skipnav li a:visited { display:block; width:100%; background-color:black; opacity: 0.5; color:white; text-align: center; padding:15px; position: absolute; top:-100px; left:0; }
#skipnav li a:focus, #skipnav li a:active { top:0px; z-index: 99999;}
header { width:100%; overflow: hidden; position: fixed; top:0; left: 0; z-index:9999; }
header, header *, section, section *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
header a { display: block; height: 100%;}
header .menu { width:980px; margin: 0 auto; position: relative; }
header .menu h1 { position: absolute; }
header .menu li { float:left; display: inline-block; }
header .menu li a { color:#fff; text-indent: -9999px;}
header .menu2 { width: auto; max-width: 980px; height:100%; display: inline-block; }
header .menu2 li { height: 100%;}
header .menu2 li a { transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;  height: 100%;}
header a img.ori, #header2 .menu2 li.active a img.hov{ opacity:1; }
header a img.hov, #header2 .menu2 li.active a img.ori{ opacity:0; }
header a:hover img.ori{ opacity:0; }
header a:hover img.hov{ opacity:1; }
header a img.hov, header a img.ori{ display: block; width: 100%; height: 100%; position: absolute; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}

#header1 { height:180px;}
#header1:after { display: block; content: ""; width: 100%; height: 1px; background: #fff; position: absolute; bottom:0; left: 0; opacity: 0.2}
#header1 > div { width: 980px; height: 100%; margin:0 auto;}
#header1 .menu1 { height:99px;}
#header1 .menu1 h1.header_roll { display: inline-block; width: 89px; height: 89px; position: static; margin-top: 10px;}
#header1 .menu1 h1.header_roll a { width: 100%; height: 100%; display:block; overflow:hidden; position:relative;  background: #ff0000;}
#header1 .menu1 h1.header_roll a img  {display:none; position: absolute; top:0; left:0; width:89px; height:89px;}
#header1 .menu1 h1.header_roll a img:first-of-type {display: block;}
#header1 .menu1 .sns { width: 99px; height:33px; position: absolute; top:42px; left: 0; }
#header1 .menu1 .sns li { width: 33px; height:33px; position:relative;}
#header1 .menu1 .sns li a {overflow: hidden; display:block; width:100%; height:100%; border-radius:50%; text-indent: -9999em; float:left;}
#header1 .menu1 .sns li a .bg {z-index:10; position:absolute; top:0; left:0; display:block; width:100%; height:100%; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; border-radius:50%; }
#header1 .menu1 .sns li a:hover .bg { animation:circle 0.5s 1 ease-out; -webkit-animation:circle 0.5s 1 ease-out; }
@keyframes circle{ 0% { opacity: 0; width: 0; height: 0; top:16.5px; left:16.5px;} 100% { opacity: 1; width: 33px; height: 33px; top:0; left:0;}}
@-webkit-keyframes circle{ 0% { opacity: 0; width: 0; height: 0; top:16.5px; left:16.5px;} 100% { opacity: 1; width: 33px; height: 33px; top:0; left:0;}}
#header1 .menu1 .sns li a .ico { z-index:20; position:absolute; top:0; left:0; display:block; width:100%; height:100%; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;}
#header1 .menu1 > a { display: inline-block; height: 18px; position: absolute; top:50px; right:0; color:#fff; padding-left: 23px;}
#header1 .menu1 > a > img { display: block; width: 18px; height: 18px; position: absolute; top:0; left: 0}
#header1 .menu1 > a span, #header1 .menu1 > a span img { display: block; width: 69px; height: 18px; }
#header1 .menu1 .sns li.faceBook a .ico  {background:url("../images/science_04.png") no-repeat center;}
#header1 .menu1 .sns li.faceBook a:hover .bg { background:#4d67a2; }
#header1 .menu1 .sns li.twiter a .ico  {background:url("../images/science_05.png") no-repeat center;}
#header1 .menu1 .sns li.twiter a:hover .bg { background:#1da1f3}
#header1 .menu1 .sns li.google a .ico  {background:url("../images/science_06.png") no-repeat center;}
#header1 .menu1 .sns li.google a:hover .bg { background:#ff0000}
#header1 .menu2 { height:81px; padding-top: 20px;}
#header1 .menu2 li {padding: 0 33px; }
#header1 .menu2 li a { position: relative; height: 19px;}
#header1 .menu2 li:nth-child(1) a {width: 211px;}
#header1 .menu2 li:nth-child(2) a {width: 54px;}
#header1 .menu2 li:nth-child(3) a {width: 100px;}
#header1 .menu2 li:nth-child(4) a {width: 74px;}

#header2 {height: 66px; background: #fff; border-top:3px solid #ff0000; }
#header2:before { display: block; content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background:#e4e4e4; }
#header2 > div { width: 980px; height: 100%; margin:0 auto;}
#header2 h1 { width: 66px; height: 62px; top:0; left: 0;}
#header2 .sns { width:148px; height:35px; position: absolute; top:13px; right: 0; }
#header2 .sns li { width: 35px; height:35px; position:relative; margin-left:2px;}
#header2 .sns li a {overflow: hidden; display:block; width:100%; height:100%; text-indent: -9999em; float:left; }
#header2 .sns li a .line {z-index:10; position:absolute; top:0; left:0; display:block; width:100%; height:100%; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; }
#header2 .sns li a:hover .line{ animation:circle2 0.3s 1 ease-out; -webkit-animation:circle2 0.3s 1 ease-out; border:1px solid #e4e4e4 }
@keyframes circle2{ 0% { opacity: 0; width: 0; height: 0; top:17.5px; left:17.5px;} 100% { opacity: 1; width: 35px; height: 35px; top:0; left:0;}}
@-webkit-keyframes circle2{ 0% { opacity: 0; width: 0; height: 0; top:17.5px; left:17.5px;} 100% { opacity: 1; width: 35px; height: 35px; top:0; left:0;}}
#header2 .sns li a .ico { z-index:20; position:absolute; top:0; left:0; display:block; width:100%; height:100%;  transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; }
#header2 .sns li.faceBook a .ico  {background:url("../images/science_25.jpg") no-repeat center; }
#header2 .sns li.twiter a .ico  {background:url("../images/science_26.jpg") no-repeat center; }
#header2 .sns li.google a .ico  {background:url("../images/science_27.jpg") no-repeat center; }
#header2 .sns li.search a .ico  {background:url("../images/science_28.jpg") no-repeat center; }
#header2 .menu2 li {padding: 0 28px; }
#header2 .menu2 li a { position: relative; }
#header2 .menu2 li a img { height: 18px; margin-top: 8px;}
#header2 .menu2 li:nth-child(1) a, #header2 .menu2 li.active:nth-child(1) a:after {width: 178px;}
#header2 .menu2 li:nth-child(2) a, #header2 .menu2 li.active:nth-child(2) a:after {width: 47px;}
#header2 .menu2 li:nth-child(3) a, #header2 .menu2 li.active:nth-child(3) a:after {width: 84px;}
#header2 .menu2 li:nth-child(4) a, #header2 .menu2 li.active:nth-child(4) a:after {width: 62px;}
#header2 .menu2 li.active a:after { display: block; content: ""; height: 1px; position: absolute; bottom:0; left:0; background: #000; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;  }

#header3 { height: 313px; position: static; border-top: 3px solid #ff0000}
#header3 > div { width: 980px; margin:0 auto; position: relative}
#header3 h1 { text-align: center}
#header3 h1 a { display: inline-block; margin-top: 10px; width: 68px; height: 68px; background: #ff0000;}
#header3 h1 img { margin-top: 3px;}
#header3 h2 { margin:50px 0 30px 0}
#header3 p { font-size: 16px; color:#fff; opacity: 0.7; font-weight: 400;}
#header3 .menu2 { margin-top: 40px;}
#header3 .menu2 li {padding: 0 40px; height: 22px; position: relative;}
#header3 .menu2 li.click:after {  display: block; content: ""; width: 5px; height: 5px; position: absolute; top:-15px; left:50%; margin-left: -2.5px; background: #fff; border-radius: 50% }
#header3 .menu2 li:before { display: block; content: ""; width: 1px; height: 17px; position: absolute; top:3px; left:0; background: #fff; opacity: 0.3 }
#header3 .menu2 li.sub_tab1 a {width:82px; background: url("../images/science_101.png") no-repeat center;}
#header3 .menu2 li.sub_tab2 a {width:40px; background: url("../images/science_102.png") no-repeat center;}
#header3 .menu2 li.sub_tab3 a {width:98px; background: url("../images/science_103.png") no-repeat center;}
#header3 .menu2 li.sub_tab4 a {width:105px; background: url("../images/science_114.png") no-repeat center;}
#header3 .menu2 li.sub_tab5 a {width:102px; background: url("../images/science_115.png") no-repeat center;}
#header3 .menu2 li.sub_tab4:before, #header3 .menu2 li.sub_tab1:before{ display: none;}
#header3 .menu2 li a:hover { opacity: 0.5}
#header3 .menu2 li.click a:hover { opacity: 1}
#header3 .menu2 li:first-child a:after{ display: none;}
#header3 .sub_close { display: block; width: 35px; height: 35px; position: absolute; top:30px; right: 0; background: url("../images/science_100.png") no-repeat; z-index: 50; opacity: 0.6} 
#header3 .sub_close:hover { opacity: 1}

.updown_wrap { position: absolute; bottom:20px; left: 50%; margin-left: -42px; z-index: 20;}
.updown { display: block; position: absolute; bottom:0; left: 0;  }
section#section1 > div,
section#section3 > div,
section#section4 > div{ width: 980px; margin:0 auto; padding-top:68px;}
section#section1 h2,
section#section2 h2,
section#section3 h2,
section#section4 h2{ margin: 80px 0 30px 0;}
section#section1 p,
section#section2 p,
section#section3 p,
section#section4 p{ color:#333; font-size: 16px;}
.dd_dot { position: relative; }
.dd_dot:after { display: block; content: ""; width:3px; height:3px; position: absolute; top:8px; left:-8px; background: #ff0000; border-radius: 50%;}

/*button*/
.button { text-align: center; margin-top: 60px; transition:all 0.1s ease-out; -webkit-transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out; -o-transition:all 0.1s ease-out; }
.button a { display: inline-block; height: 48px; padding:0 20px; border-radius: 25px; border:1px solid #c8c8c8; font-size: 14px; color:#333; line-height: 48px; transition:all 0.1s ease-out; -webkit-transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out; -o-transition:all 0.1s ease-out;  background: #fff; letter-spacing: -0.5px;}
.button a > span { padding:2px 0 2px 20px;}
.button a:hover { line-height: 46px; color:#ff0000; border:2px solid #ff0000;}
.button a:nth-child(2) { margin-left:10px;}

.button a.plus span { background: url("../images/science_45.png") no-repeat;}
.button a.plus:hover span { background: url("../images/science_45_on.png") no-repeat;}
.button a.fold span { background: url("../images/science_70.png") no-repeat;}
.button a.fold:hover span { background: url("../images/science_70_on.png") no-repeat;}
section#section2 .button a { width: 155px;}
section#section2 .button a:nth-child(2) span { background: url("../images/science_46.png") no-repeat;}
section#section2 .button a:nth-child(2):hover span { background: url("../images/science_46_on.png") no-repeat;}
section#section3 .button a { width: 200px; padding: 0 10px;}
section#section3 .button a.word > span { background: url("../images/science_58.png") no-repeat; }
section#section3 .button a.hwp > span { background: url("../images/science_59.png") no-repeat; }
section#section3 .button a span span { font-size:12px; padding:0; line-height: 48px;}
section#section3 .button a:hover span span { line-height: 46px;}
section#section3 .button a:hover { border:2px solid #ff0000; color:#ff0000 }
section#section4 .button { margin-top:25px}
section#section4 .button a { width: 150px;}

.sub_page #tab2 .button, .sub_page #tab3 .button{ margin-top:25px; }
.sub_page2 #tab1 .button { margin-top: 50px;}
.sub_page2 #tab2 .button { margin:40px 0 60px 0;}
.sub_page2 #tab2 .button a.red_search { background: #ff0000; color:#fff; border:0 none; width: 122px; }
.sub_page2 #tab2 .button a.red_search span { background: url("../images/science_129.png") no-repeat;}
.sub_page2 #tab2 .button a.red_search:hover { background:#d20000; line-height: 48px;}
.sub_page2 #tab2 .button a.clean { width: 122px; }
.sub_page2 #tab2 .button a.clean span {background: url("../images/science_128.png") no-repeat;}
.sub_page2 #tab2 .button a.clean:hover span { background: url("../images/science_128_on.png") no-repeat;}
.sub_page .tab_content .button a { width: 150px;}

input, select { height: 32px; border:1px solid #cccccc; color:#999; text-indent: 5px;}

/*section1 : 메인 이미지 슬라이드*/
.section#section0 { width: 100%; min-width: 980px; position: relative;}
.section#section0 .fp-tableCell { min-height: 820px; height: 100% !important}
.section#section0 .sec1_title { width: 809px; height: 300px; position: absolute; top:50%; margin-top: -130px; left: 50%; margin-left: -404.5px; color:#fff; z-index: 20;  }
.section#section0 .underline { width: 100%; height:6px; position: absolute; bottom:-3px; left:0; z-index: 50; background: #ff0000}
.section#section0 h2 { position: relative;}
.section#section0 h2:after { display: block; content: ""; width:8px; height: 8px; position: absolute; top:-17px; right:147px;  background: #fff; border-radius: 50%;}
.section#section0 p { margin-top: 40px; }
.section#section0 p span { display: block; font-size: 20px; line-height: 32px; color:#fff; font-weight: 200; letter-spacing: -0.5px}
.section#section0 .sec1_title > a:link, .section#section0 .sec1_title > a:visited { font-size: 20px; color:#fff; margin-top: 50px; display:inline-block; width:180px; height: 50px; border:1px solid #fff; border-radius: 10px; line-height: 49px; transition:all 0.5s ease-out; font-weight: bold;}
.section#section0 .sec1_title > a:focus, .section#section0 .sec1_title > a:hover { color:#ff0000; border:1px solid #ff0000; }

/*section2 : 이달의 과학기술자상 소개 */
section#section1 p,
section#section3 p,
section#section4 p{ margin-bottom: 60px;}
section#section1 ul { width: 100%; height:450px;}
section#section1 ul > li { width: 25%; height:100%; float:left; padding-right: 4px; letter-spacing: -0.5px}
section#section1 ul > li dl { border:1px solid #dadada; padding:20px; height:100%;}
section#section1 ul > li dl dt img { display:inline-block; text-align: center; margin:-7px 0 13px 0;}
section#section1 ul > li dl dt span { display: block; font-size: 18px; color:#000; margin-bottom: 18px; }
section#section1 ul > li dl dd { font-size: 13px; color:#666; line-height: 21px; text-align: left; font-weight:200; }
section#section1 ul > li dl dd > span { display: block;}
section#section1 ul > li dl dd span { color:#999;}
section#section1 ul > li dl dd .dd_space { margin-top: 13px;}
section#section1 ul > li dl dd strong { display: block; color:#333; position: relative; margin-bottom: 5px; font-weight: 400;}
section#section1 ul > li:nth-child(1) dl:nth-child(1) { height: 253px;}
section#section1 ul > li:nth-child(1) dl:nth-child(2) { height: 193px; margin-top: 4px;}
section#section1 ul > li:nth-child(4) dl dd strong { margin-bottom: 0;}
section#section1 ul > li:nth-child(4) dl dd span { margin-bottom: 5px;}
section#section1 .logo_list { width: 100%; height: 33px; margin-top: 20px; line-height: 33px;}
section#section1 .logo_list > span { display: inline-block; margin: 0 30px;}
section#section1 .logo_list > span span { display: inline-block;font-size: 12px; color:#333; margin:4px 5px 0 0;}
section#section1 .logo_list > span img { margin-right:10px;}

/*section2 : 수상자 */
section#section2 > div { width:100%; min-width: 980px; margin:0 auto; padding-top:68px;}
section#section2 p{ margin-bottom: 30px;}
section#section2 .info_graphic { height: 44px; display: inline-block;}
section#section2 .info_graphic li { height: 100%; float:left; margin: 0 11px }
section#section2 .info_graphic li a { display: block; height: 100%; width: 100%; position: relative; padding-left:64px; }
section#section2 .info_graphic li img { display: block; position: absolute; top:0; left: 0;}
section#section2 .info_graphic li a > span { display: block; color:#333}
section#section2 .info_graphic li a > span:nth-child(2) { vertical-align:bottom; font-weight: bold; height: 27px;}
section#section2 .info_graphic li a > span:nth-child(2) strong{ font-size: 27px; }
section#section2 .info_graphic li a > span:nth-child(2) span{font-size: 16px; line-height: 38px; padding-left: 3px; }
section#section2 .info_graphic li a > span:nth-child(3) { font-size: 10px; letter-spacing:0; margin-top:3px}
.scientist { width:100%; margin-top: 40px; min-width: 980px;}
.scientist ul { display: inline-block; height: 427px; }
.scientist ul li{ width:193px; float:left; height:100%; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; position: relative; }
.scientist ul li a { display: block; height: 100%; text-align: left; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; position: absolute; top:0; left: 0;}
.scientist ul li.bottom a { padding-top: 40px; }
.scientist ul li a > span { font-size: 16px; color:#999; font-style: italic; font-weight: 200; margin-bottom: 10px; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; }
.scientist ul li a > div { position: absolute; left:0; top:20px; margin-top: 7px; width:193px; height:257px;}
.scientist ul li.bottom a > div { top:60px;}
.scientist ul li.bottom a > div:after { display: block; content: ""; width: 1px; height: 33px; background: #ccc; position: absolute; bottom:-33px; left: 0}
.scientist ul li a > div img {width:100%; min-height:100%;}
.scientist ul li a > div span.thumb { display: inherit; height: 257px; overflow: hidden;}
.scientist ul li a > div .thumb_con{ display: block; position: absolute; top:0; left:0; width: 100%; height:100%; opacity: 0; z-index: -1; padding:0 10px;}
.scientist ul li a > dl { padding: 20px 10px; margin-top: 257px; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;} 
.scientist ul li a > dl dt{ font-size:18px; color:#000; margin-bottom:8px }
.scientist ul li a > dl dd{ font-size: 12px; color:#000; font-weight: 200;}
.scientist ul li a > dl dd.scientist_info{ color:#999; margin-top: 15px; max-height:28px; line-height:14px; overflow: hidden; 
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
/*hover*/
.scientist ul li a:hover { width: 252px; height: 450px; }
.scientist ul li a:hover > span { display: none;}
.scientist ul li a:hover > div { width: 252px; height: 335px; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; z-index: 200; box-shadow:5px 0px 18px rgba(0,0,0,0.5); text-align:center; left:-20px; top:0px;}
.scientist ul li.bottom a:hover > div { top:10px;}
.scientist ul li.bottom a:hover > div:after { display: none}
.scientist ul li a:hover > div .thumb { display: block; position: absolute; bottom:0; left: 0; width: 100%; height: 100%; }
.scientist ul li a:hover > div .thumb:after { display: block; content: ""; width: 100%; height: 100%; position: absolute; top:0; left: 0; background: #000; opacity: 0.35; }
.scientist ul li a:hover > div > .thumb_con { opacity: 1; transition:all 0.7s ease-out; -webkit-transition:all 0.7s ease-out; -moz-transition:all 0.7s ease-out; -o-transition:all 0.7s ease-out; z-index: 20;}
.scientist ul li a:hover > div > .thumb_con span:nth-child(1) { display: inline-block; color:#fff; font-size: 14px; font-weight: 200; line-height: 30px; margin-top: 168px; position: relative}
.scientist ul li a:hover > div > .thumb_con span:nth-child(1):after { display: block; content: ""; width: 100%; height: 1px; position: absolute; top:0; left: 0; background: #fff; opacity: 0.5;}
.scientist ul li a:hover > div > .thumb_con span:nth-child(1):before { display: block; content: ""; width: 100%; height: 1px; position: absolute; bottom:0; left: 0; background: #fff; opacity: 0.5;}
.scientist ul li a:hover > div > .thumb_con strong:nth-child(2) { display: block; font-size:24px; color:#fff; line-height: 24px; margin:15px 0 8px 0; }
.scientist ul li a:hover > div > .thumb_con span:nth-child(3) { display: block; font-size: 14px; color:#fff; font-weight: 200;}
.scientist ul li a:hover > div > .thumb_con span:nth-child(4) { display:inline-block; width:27px; height:27px; background: #fff; border-radius: 50%; margin: 15px 2px 0 2px; position: relative}
.scientist ul li a:hover > div > .thumb_con span:nth-child(4):after { display: block; content: ""; width: 11px; height: 1px; position: absolute; top:13px; left:8px; background: #000; }
.scientist ul li a:hover > div > .thumb_con span:nth-child(4):before { display: block; content: ""; width: 1px; height: 11px; position: absolute; top:8px; left:13px; background: #000; }
.scientist ul li a:hover > dl {opacity: 0; }
@media screen and (max-width:1550px){ 
    .scientist ul li:nth-child(8){ display: none}
}
@media screen and (max-width:1360px){ 
    .scientist ul li:nth-child(7){ display: none}
}
@media screen and (max-width:1170px){ 
    .scientist ul li:nth-child(6){ display: none}
}

/*section3 : 추천 및 심사 */
#tab_wrap .tabs { height:65px; font-size:16px;}
#tab_wrap .tabs li { width: 33.3333%; height:100%; cursor: pointer; line-height:65px; background: #f5f5f5; overflow: hidden; position: relative; border:1px solid #dadada; border-left: 0 none; color: #888; float:left;}
#tab_wrap .tabs li:first-child { border-left:1px solid #dadada }
#tab_wrap .tabs li.active { color:gray; border-bottom: 0 none; color:#000; font-weight: bold; background: #fff;}
#tab_wrap .tabs li.active span { padding-left: 24px; position: relative;}
#tab_wrap .tabs li.active span:after { display: block; content: ""; width: 19px; height: 14px; position: absolute; top:2px; left: 0; background:url("../images/science_48.png") no-repeat;}
#tab_wrap .tab_container { clear: both; float: left; width:100%; padding: 60px 0; }
#tab_wrap .tab_container .tab_content { display: none; text-align: left; }
#tab_wrap .tab_container #tab1 dl { margin-bottom: 20px; padding: 0 20px;}
#tab_wrap .tab_container #tab1 dt { font-size: 15px; color:#333; position: relative; margin-bottom: 5px;}
#tab_wrap .tab_container #tab1 dt:after { display: block; content: ""; width:7px; height:7px; position: absolute; top:4px; left:-12px; background:url("../images/science_55.png") no-repeat; }
#tab_wrap .tab_container #tab1 dd { padding-left:20px; line-height: 26px; color:#666; font-weight: 200;}
#tab_wrap .tab_container #tab1 dd.dd_dot:after { left: 11px; top:10px;}
#tab_wrap .tab_container #tab1 dd span {font-size: 13px; font-weight: normal; color:#333; line-height: 21px;}
#tab_wrap .tab_container #tab1 dd span img { margin:5px 5px 0 0; }
#tab_wrap .tab_container #tab1 dd span:nth-child(2) { margin-left: 40px;}
#tab_wrap .tab_container #tab1 dd span:nth-child(2) img { margin-top: 0}
#tab_wrap .tab_container #tab2 ul { height: 163px;  }
#tab_wrap .tab_container #tab2 ul li { width:16.6666%; float:left; height: 100%; border:1px solid #dadada; border-left: 0 none; text-align: center; position: relative;}
#tab_wrap .tab_container #tab2 ul li:after { display: block; content: ""; width:10px; height:19px; position: absolute; top:70px; right:-10px; background:url("../images/science_64.png") no-repeat; }
#tab_wrap .tab_container #tab2 ul li.last:after { display: none}
#tab_wrap .tab_container #tab2 ul li:first-child { border-left:1px solid #dadada;}
#tab_wrap .tab_container #tab2 ul li img { display:inline-block; width: 66px; height: 67px; margin-top: 15px;}
#tab_wrap .tab_container #tab2 ul li strong { display: block; font-size: 16px; margin: 10px 0; color:#333;}
#tab_wrap .tab_container #tab2 ul li span { display: block; font-size: 12px; color:#999;}
#tab_wrap .tab_container #tab3 .download a { display: block; height: 33px; width: 100px; border-radius:17px; border:1px solid #c8c8c8; font-size: 12px; color:#333; line-height: 33px; }
#tab_wrap .tab_container #tab3 .download a:nth-child(2) { margin-top: 5px;}
#tab_wrap .tab_container #tab3 .download a img { display: inline-block; width: 16px; height: 16px; margin-right: 5px; margin-top:7px; }
#tab_wrap .tab_container #tab3 > span { display: block; font-size: 12px; color:#999; font-weight: 200; text-align: right; margin-top: 20px;}


/*section4 : 뉴스·공지 */
section#section4 { background: url("../images/main_5.jpg") no-repeat top center; background-size: cover; }
section#section4 p { color:#fff; opacity: 0.6}
.notice_3line { width: 100%; }
.notice_3line:after { content:""; display:block; clear:both; }
.notice_3line li { width:33.33333%; height: 197px; margin-bottom:25px; float:left; padding-right:25px; overflow: hidden;}
.notice_3line li a { display: block; height: 100%; background: #fff; overflow: hidden}
.notice_3line li a dl { padding:25px; text-align: left;}
.notice_3line li a dl dt { font-size: 18px; color:#222; height:44px; line-height: 22px; font-weight: bold; overflow: hidden; 
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; margin-bottom:8px;}
.notice_3line li a dl dd { line-height: 22px; font-weight: 200;}
.notice_3line li a dl dd.dd_title { font-size: 13px; color:#ff0000; margin-bottom: 2px;}
.notice_3line li a dl dd.dd_con { font-size: 13px; color:#666; height:44px; overflow: hidden; 
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; margin-bottom:8px;}
.notice_3line li a dl dd.dd_date { font-size: 12px; color:#999;}
.notice_3line li a dl dd.dd_date span { padding-right:10px; position: relative}
.notice_3line li a dl dd.dd_date span:first-child:after { display: none;}
.notice_3line li a dl dd.dd_date span:after { display: block; content:""; width: 1px; height:9px; background: #d6d6d6; position: absolute; top:2px; left: -4px;}
.notice_3line li.has_bg a { position: relative}
.notice_3line li.has_bg a:before { display: block; content: ""; width: 100%; height: 100%; position: absolute; top:0; left: 0; background: #000; opacity: 0.45; z-index: 10;}
.notice_3line li.has_bg a img { width: 100%; min-height: 100%;}
.notice_3line li.has_bg a dl { position: absolute; bottom:0; left: 0; z-index: 200;}
.notice_3line li.has_bg a dl dt { height: inherit; max-height: 44px; color:#fff;}
.notice_3line li.has_bg a dl dd.dd_con { height:22px; -webkit-line-clamp:1; margin-bottom:0; color:#fff;}
.notice_3line li.has_bg a dl dd.dd_date { color:#fff}
.notice_3line li a:hover { background: #f3f3f3;}
.notice_3line li a:hover dl dt { text-decoration: underline;}
section#section4 .notice_3line { margin-left:12.5px; }

/*Footer*/
footer { width: 100%; height: 125px; background: #4e4e4e; position: relative;}
footer > div { width: 980px; height: 100%; margin:0 auto; color:#999; position: relative; display: table;}
footer > div > .footlogo {display: block; width:68px; height:36px; position: absolute; top:50%; left:0; margin-top:-18px; }
footer > div > address {  display:table-cell; vertical-align: middle; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 160px 0 130px; text-align: left; line-height:21px; font-size: 13px; font-weight: 200}
footer > div > address > span { display: block;}
footer > div > .sedlogo {display:inline-block; position: absolute; top:50%; right:0; margin-top:-16px; color:#dddcdc; text-decoration: underline;}
.scroll_top { display: block; width:980px; height:0; position:fixed; bottom:215px; left:50%; margin-left:-490px; }
.scroll_top a { display: block; width: 61px; height: 61px; position: absolute; right:-91px; top:0; background: url("../images/science_69.gif") no-repeat; text-indent: -9999px;}

/*sub*/
.sub_page { width:980px; margin:0 auto; padding-bottom:100px; position: relative;}
.sub_page2 { min-width:980px; position: relative;}
.sub_page, .sub_page *, .sub_page2, .sub_page2 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
.sub_page h3, .sub_page2 h3 {margin: 70px 0 30px 0}
.sub_page .input_box { display: block; width: 100%; height: 32px; margin-bottom: 10px; line-height: 32px; text-align: left; position: relative}
.sub_page .input_box > span:nth-child(1) { font-size: 13px; letter-spacing: 1; background: url("../images/science_106.png") no-repeat; padding-left: 23px;}
.sub_page .input_box > span:nth-child(2) { position: absolute; top:0; right: 0;}
.sub_page .input_box > span:nth-child(2) > span { display: inline-block; position: relative;}
.sub_page .input_box > span:nth-child(2) input { width: 150px; padding-right: 30px;}
.sub_page .input_box > span:nth-child(2) .input_button { display: block; width: 30px; height: 30px; position: absolute; top:1px; right:1px; background: url("../images/science_105.png") no-repeat center;}
.sub_page .input_box > span:nth-child(2) .re_btn { display: inline-block; width: 32px; height: 32px; background: url("../images/science_75.png") no-repeat center; background-size: 16px 21px; border:1px solid #cccccc;}
.sub_page .input_box > span:nth-child(2) select { width: 60px;}
.sub_page .notice_3line li {width:34.5%}
.sub_page .notice_3line li.right_space { padding-right: 0; width: 31%;}
.sub_page2 .notice_3line li.right_space { padding-right: 0;}
.sub_page .notice_3line li a, .sub_page2 .notice_3line li a { border:1px solid #e4e4e4;}
.sub_page .notice_3line li.has_bg a, .sub_page2 .notice_3line li.has_bg a { border:0 none;}
.sub_bottom_space { height:125px;}

#arrcodian{ width:100%; margin:0 auto; border-top:1px solid #b8b8b8;}
#arrcodian .num{  display:block; width:55px; position: absolute; top:0; left:0;}
#arrcodian .title {  display:block;  width:100%; padding:0 150px 0 70px; text-align: left; font-size: 16px; color:#333; font-weight: bold; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
#arrcodian .arr_date { display:block;  width:80px; position: absolute; top:0; right:60px; color:#999; font-size: 13px}
#arrcodian .arr_arr { display: block; position: absolute; top:0; right:0; width:55px; height: 55px; text-align: center; background: url("../images/science_108.png") no-repeat center; }
#arrcodian .arr_arr.arr_btn { background: url("../images/science_109.png") no-repeat center; }
#arrcodian dl dt { width:100%; height:55px; font-size: 15px; line-height:55px; border-bottom:1px solid #e9e9e9; background:#fff; position: relative; cursor: pointer}
#arrcodian dl dt.point { background:#f5f5f5;}
#arrcodian dl dt.point .title {color:#ff0000}
#arrcodian dl dt a { color:#333; display: block; width:100%; height: 100%;}
#arrcodian dl dd { width: 100%; border-bottom:1px solid #e0e0e0; display: none; padding:30px; line-height: 25px; font-size: 13px; text-align: left}
#arrcodian dl dd > p { margin-bottom:25px;}
#arrcodian dl dd > p:last-child { margin-bottom: 0;}

.timeline.swiper-container { overflow:visible !important}
.timeline ul li { width:12.5%; height: 325px; float:left; position: relative; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.timeline ul li a { display: block; width: 100%; height: 100%; position:absolute; top:0; left: 0; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.timeline ul li a > span { display: block; width: 100%; height: 100%; position:absolute; top:0; left: 0;}
.timeline ul li a .winner_img { overflow: hidden;}
.timeline ul li a .winner_img:after { display: block; content: ""; width: 100%; height: 100%; background: #000; position: absolute; bottom:0; right: 0; opacity: 0.4;}
.timeline ul li a .winner_img img{ width: 100%; min-height: 100%;}
.timeline ul li a .winner_con { color:#fff; }
.timeline ul li a .winner_con > * { display: block; width: 100%; position: absolute}
.timeline ul li a .winner_con span:nth-child(1) {  text-align: left; height: 20px; line-height: 20px; bottom:48%; margin-top: -10px; left: 0; font-size: 16px; font-weight: 200; font-style: italic; text-indent: 12px; }
.timeline ul li a .winner_con span:nth-child(1):after { display: block; content: ""; width: 100%; height:1px; background: #fff; position: absolute; top:9px; left: 0; opacity: 0.15; }
.timeline ul li a .winner_con span:nth-child(1):before { display: block; content: ""; width: 5px; height:5px; background: #fff; position: absolute; top:7.5px; left:7px; border-radius: 50%;}
.timeline ul li a .winner_con strong:nth-child(2) { text-align: center; max-height:48px; line-height: 24px; top:50%; margin-top:20px; left: 0; font-size: 20px; font-weight: 200; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; padding:0 5px; word-break: keep-all}
.timeline ul li a .winner_con span:nth-child(3) { text-align:right; bottom:40px; right:15px; font-size: 16px; font-weight: bold; }
.timeline ul li a .winner_con span:nth-child(4) { text-align:right; bottom:20px; right:15px; font-size: 11px; font-weight: 200; padding-left: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*hover*/
.timeline ul li a:hover,
.timeline ul li.click a{ border:10px solid #ff0000; width: 106%; height: 106%; top:-3%; left: -3%; z-index: 20; box-shadow: 4px 0 15px rgba(0,0,0,0.4)}
.timeline ul li a:hover { z-index: 50;}
.timeline ul li a:hover .winner_img:after,
.timeline ul li.click a .winner_img:after { opacity: 0.1; z-index: 9;}
.timeline ul li a:hover .winner_img:before,
.timeline ul li.click a .winner_img:before{ display: block; content: ""; width: 54px; height: 54px; background:url("../images/science_126.png") no-repeat; position: absolute; bottom:-10px; right:-10px; opacity: 1; z-index: 10}
.timeline ul li a:hover .winner_img img,
.timeline ul li.click a .winner_img img{ min-height: 100%;}
.timeline ul li a:hover .winner_con,
.timeline ul li.click a .winner_con{z-index: 11;}
.timeline ul li a:hover .winner_con span:nth-child(1),
.timeline ul li.click a .winner_con span:nth-child(1){  text-align: center; bottom:-45px; margin-top:0; font-weight: bold; text-indent:0; color:#ff0000;}
.timeline ul li a:hover .winner_con span:nth-child(1):after,
.timeline ul li a:hover .winner_con span:nth-child(1):before,
.timeline ul li.click a .winner_con span:nth-child(1):after,
.timeline ul li.click a .winner_con span:nth-child(1):before{ display: none; }
.timeline ul li a:hover .winner_con strong:nth-child(2),
.timeline ul li.click a .winner_con strong:nth-child(2){ margin-top:0; font-size: 22px; font-weight: bold; letter-spacing: -1px; text-shadow: 2px 0 4px rgba(0,0,0,0.5) }
.timeline ul li a:hover .winner_con span:nth-child(3),
.timeline ul li.click a .winner_con span:nth-child(3){ bottom:22%; text-shadow: 2px 0 4px rgba(0,0,0,0.5) }
.timeline ul li a:hover .winner_con span:nth-child(4),
.timeline ul li.click a .winner_con span:nth-child(4){ bottom:15%; text-shadow: 2px 0 4px rgba(0,0,0,0.5) }
@media screen and (max-width:1850px){ .timeline ul li { width:14.285%; } .timeline ul li:nth-child(8){display: none;}} /*7개*/
@media screen and (max-width:1650px){ .timeline ul li { width:16.6666%; } .timeline ul li:nth-child(7){display: none;}} /*6개*/
@media screen and (max-width:1440px){ .timeline ul li { width:20%; } .timeline ul li:nth-child(6){display: none;}} /*5개*/
@media screen and (max-width:1100px){ .timeline ul li { width:25%; } .timeline ul li:nth-child(5){display: none;}} /*4개*/

.both_arr { max-width:980px; height: 130px; margin:0 auto; position: relative; z-index: 100;}
.both_arr a { display: block; width:73px; height:41px; position: absolute; top:45px; border:1px solid #cccccc; border-radius: 21px; color:#959595; font-size: 14px; line-height: 40px; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.both_arr a:hover { color:#ff0000; border:1px solid #ff0000}
.both_arr a:nth-child(1) { left:0;}
.both_arr a:nth-child(2) { left:76px;}
.both_arr a:nth-child(3) { right:76px;}
.both_arr a:nth-child(4) { right:0;}
.both_arr a span { display: inline-block; height:100% }
.both_arr a:nth-child(1) span { background:url("../images/science_71.png") no-repeat left center; padding-left:22px;}
.both_arr a:nth-child(2) span { background:url("../images/science_72.png") no-repeat left center; padding-left:20px;}
.both_arr a:nth-child(3) span { background:url("../images/science_73.png") no-repeat right center; padding:0 20px 0 0;}
.both_arr a:nth-child(4) span { background:url("../images/science_74.png") no-repeat right center; padding:0 24px 0 0;}
.both_arr a:nth-child(1):hover span { background:url("../images/science_71_on.png") no-repeat left center; }
.both_arr a:nth-child(2):hover span { background:url("../images/science_72_on.png") no-repeat left center; }
.both_arr a:nth-child(3):hover span { background:url("../images/science_73_on.png") no-repeat right center; }
.both_arr a:nth-child(4):hover span { background:url("../images/science_74_on.png") no-repeat right center; }


.winner_info { background: #f0f0f0; padding:70px 0}
.winner_info > div { width: 940px; margin:0 auto; background: #fff; box-shadow:4px 4px 4px rgba(0,0,0,0.04); padding:40px; position: relative; border:1px solid #e2e2e2;}
.winner_info > div .info_logo { position: absolute; top:0; left: 0;}
.winner_info > div .info_logo span { display: inline-block; position: absolute; }
.winner_info > div .info_logo span:nth-child(1) { width: 63px; height: 63px; background: #ff0000; top:0; left: 0;}
.winner_info > div .info_logo span:nth-child(1) img { width: 100%; height: auto; margin-top: 3px;}
.winner_info > div .info_logo span:nth-child(2) { width: 66px; height: 25px; line-height: 25px; font-size:11px; color:#ff0000; border:1px solid #ff0000; border-radius: 20px; top:11px; left: 75px; }
.winner_info > div .info_logo span:nth-child(3) { width:170px; font-size:14px; color:#ff0000; top:43px; left: 75px; text-align: left}
.winner_info > div .movie { display: block; width: 110px; height: 35px; position: absolute; top:15px; right:15px; border:1px solid #bebebe; border-radius: 5px;}
.winner_info > div .movie span { display:inline-block; background:url("../images/science_119.png") no-repeat center left; padding-left: 27px; line-height: 35px; height: 35px; color:#666;}
.winner_info > div > img { margin-top:20px; margin-bottom: 20px; border-radius: 50%; overflow: hidden;}
.winner_info > div > h4 { font-size: 32px; color:#333; line-height: 55px;}
.winner_info > div > span { display: block; font-size: 15px; color:#333;  border-bottom: 1px solid #c4c4c4; position: relative; padding-bottom: 40px;}
.winner_info > div > span:after { display: block; content: ""; width:18px; height:10px; position: absolute; bottom:-10px; left:50%; margin-left: -9px; background:url("../images/science_122.png") no-repeat; }
.winner_info .winner_ment { display: inline-block;  color:#ff0000; font-size: 24px; font-family:'Nanum Myeongjo'; margin:45px 100px 20px 100px; position: relative; letter-spacing: -2px; word-break: keep-all;}
.winner_info .winner_ment:after { display: block; content: ""; width:10px; height: 9px; position: absolute; top:-5px; left:-10px; background:url("../images/science_120.png") no-repeat; }
.winner_info .winner_ment:before { display: block; content: ""; width:10px; height: 9px; position: absolute; bottom:-5px; right:-10px; background:url("../images/science_121.png") no-repeat; }
/*.winner_info > div > p { font-size: 14px; line-height: 24px; color:#999; padding: 0 120px 50px 120px; border-bottom: 1px solid #c4c4c4; position: relative;}
.winner_info > div > p span{ display: block;}
.winner_info > div > p:after { display: block; content: ""; width:18px; height:10px; position: absolute; bottom:-10px; left:50%; margin-left: -9px; background:url("../images/science_122.png") no-repeat; }*/
.winner_info > div > ul { margin: 50px 0;}
.winner_info > div > ul li { display: inline-block; padding: 0 15px; }
.winner_info > div > ul li a { display: block; height: 100%; font-size: 18px; color:#999; line-height: 21px; }
.winner_info > div > ul li.click a{ color:#000; position: relative; font-weight: bold;}
.winner_info > div > ul li.click a:after { display: block; content: ""; width:100%; height:1px; position: absolute; bottom:-5px; left:0; background:#000}
.winner_info > div > .info_tab { padding: 0 60px 60px 60px; text-align: left}
.winner_info > div > .info_tab1 > div{ width: 100%; background:url("../images/science_127.gif"); text-align: center}
.winner_info > div > .info_tab1 > div h3.winner_ment { margin: 40px 80px;}
.winner_info > div > .info_tab1 > h4 { font-size: 20px; margin:50px 0 30px 0; font-family:'Nanum Myeongjo'; text-align: center; font-weight: bold; color:#333;}
.winner_info > div > .info_tab1 > p { font-size: 13px; line-height: 24px; font-weight: 200;} 
.winner_info > div > .info_tab2 .notice_3line li { width:50%; padding-right: 4px; margin-bottom: 4px;}
.winner_info > div > .info_tab3:after { content:""; display:block; clear:both; }
.winner_info > div > .info_tab3 dl { width: 50%; float: left}
.winner_info > div > .info_tab3 dl dt { display: inline-block;font-size: 16px; color: #333; margin-bottom: 25px; position: relative;}
.winner_info > div > .info_tab3 dl dt:after  { display: block; content: ""; width:6px; height:6px; position: absolute; top:-4px; right:-10px; background:#333; border-radius: 50%; }
.winner_info > div > .info_tab3 dl dd {font-size: 13px; line-height: 18px; position: relative; margin-top:10px;}
.winner_info > div > .info_tab3 dl dd span:nth-child(1) { display:inline-block; color:#999; font-weight: 200; width: 115px; height: 100%; position: absolute; top:0; left: 0; line-height:19px; font-size: 12px;}
.winner_info > div > .info_tab3 dl dd span:nth-child(1):after  { display: block; content: ""; width:1px; height:9px; position: absolute; top:3px; right:-2px; background:#e4e4e4;}
.winner_info > div > .info_tab3 dl dd span:nth-child(2) { display: block; color:#666; width: 100%; padding:0 50px 0 130px; }
.winner_info > div > .info_tab4 > h4 { font-size: 14px; color:#000; line-height: 24px; margin-bottom: 45px;}
.winner_info > div > .info_tab4 > h5 { width: 100%; line-height: 24px; color:#333; font-size: 16px; font-family:'Nanum Myeongjo';letter-spacing: -1px; background: #fafafa; font-weight: bold; padding:15px 40px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; position: relative}
.winner_info > div > .info_tab4 > h5:after { display: block; content: ""; width:20px; height:20px; position: absolute; top:15px; left:13px; background:url("../images/science_123.png") no-repeat; }
.winner_info > div > .info_tab4 > p { font-size: 13px; color:#666; line-height: 24px; margin: 18px 0 45px 0; font-weight: 200;}
.winner_info > div > .info_tab4 > p:last-child { margin: 18px 0 0 0;}
.winner_info > div > .info_tab4 > p span,
.winner_info > div > .info_tab1 > p span{display: block; margin-top:20px;}
.winner_info > div > .info_tab1 > p span:first-child,
.winner_info > div > .info_tab4 > p span:first-child{ margin-top: 0;}
.winner_info > div > .info_search { height: 32px; text-align: right; position: absolute; bottom:-43px; right:0; line-height: 32px;}
.winner_info > div > .info_search select { width: 90px; }
.winner_info > div > .info_search > span { background:url("../images/science_124.png") no-repeat; padding:0 5px 0 18px; }
.winner_info > div > .info_search .info_button { display:inline-block; width:32px; height: 32px; border:1px solid #cccccc; background: #fff; }
.winner_info > div > .info_search .info_button span { display: block; width:30px; height: 30px; background:url("../images/science_105.png") no-repeat center;}

.sub_page2 #tab2 { width: 980px; margin:0 auto 100px auto; position: relative}
.sub_page2 #tab2 .chart { width: 100%; margin: 50px 0 40px 0; position: relative;}
.sub_page2 #tab2 .chart:after { content:""; display:block; clear:both; }
.sub_page2 #tab2 .chart div {width: 50%; float:left; /*height: 200px;*/}
.sub_page2 #tab2 .chart span { display:inline-block; height: 32px; width: 175px; line-height: 32px; position: absolute; bottom:30px; font-size:18px; color:#333; border:1px solid #333;}
.sub_page2 #tab2 .chart span.chart1_ment { left: 157px;}
.sub_page2 #tab2 .chart span.chart2_ment { right: 156px;}
.chart_search { background: #f5f5f5; border:1px solid #dadada; padding:10px 30px;}
.chart_search ul { width: 100%; height: 62px; padding:15px 0; }
.chart_search ul:first-child { border-bottom:1px dotted #bebebe; }
.chart_search ul li { display: block; width: 33.3333%; height: 32px; float: left; text-align: left; }
.chart_search ul li:nth-child(1) input, .chart_search ul li:nth-child(3) select { width: 210px;}
.chart_search ul li:nth-child(2) select, .chart_search ul li:nth-child(2) input{ width: 105px;}
.chart_search ul li span { font-size: 14px; font-weight: bold; line-height: 32px; padding: 0 7px 0 9px; position: relative;}
.chart_search ul li span:after { display: block; content: ""; width:3px; height:3px; position: absolute; top:5px; left:0; background:#ff0000; border-radius: 50%; }

.page { width: 100%; height: 32px; margin:50px 0 0 0; text-align: center;}
.page ul { display:inline-block; height: 100%; }
.page li { display:block; float: left; width: 31px; height: 32px; border:1px solid #cccccc; border-left: 0 none;}
.page li a { display: block; height: 100%; font-size: 12px; line-height: 32px; color:#a8a8a8; background: #fff}
.page li.click a { background:#f5f5f5; color: #000; font-weight: bold}
.page li:first-child { border:1px solid #cccccc; }
.page li.ppprev a { background: url("../images/science_130.png") no-repeat center;}
.page li.pprev a { background: url("../images/science_131.png") no-repeat center;}
.page li.nnext a { background: url("../images/science_132.png") no-repeat center;}
.page li.nnnext a { background: url("../images/science_133.png") no-repeat center;}
.page li a:hover { color:#000; font-weight: bold}
.page li.ppprev a:hover { background: url("../images/science_130_on.png") no-repeat center;}
.page li.pprev a:hover { background: url("../images/science_131_on.png") no-repeat center;}
.page li.nnext a:hover { background: url("../images/science_132_on.png") no-repeat center;}
.page li.nnnext a:hover { background: url("../images/science_133_on.png") no-repeat center;}

table { width: 100%; margin-top: 20px; border-top: 1px solid #b8b8b8; border-bottom:1px solid #dadada; }
table th { height: 45px; background: #f8f8f8; border-bottom: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9;text-align: center; font-size: 15px; color:#333;}
table td { padding: 10px 15px; border-left: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; text-align: left; text-align: center; color:#333; }
table td span { display: block; font-size: 13px; font-weight: 200; color:#666; line-height: 21px; padding-left: 3px;}
table th:first-child, 
table td:first-child{ border-left: 0 none;}
table td.table_left { text-align: left;}
#tab_wrap .tab_container #tab3 table{ margin-top: -10px;}
.sub_page2 table td.table_left { color:#666; font-weight: 200;}
.sub_page2 table td a { text-decoration:underline; color:#333;}
.sub_page2 table td:nth-child(4) { text-align: left}

.search_no { margin-top: 30px;}
.search_no h5{ font-size: 18px; color:#333; padding-bottom: 30px; border-bottom: 1px solid #dadada; margin-bottom: 30px;}
.search_no h5 span { color:#ff0000; letter-spacing: 1;}
.search_no ul { padding:0 220px 0 220px; }
.search_no li { font-size:13px; font-weight: 200; display: block; text-align: left;  line-height: 26px; }
.search_no li.dd_dot:after { top:10px;}
.search_no li.no_email { font-weight:400; color:#333; line-height: 16px;}
.search_no li.no_email img { margin:3px 3px 0 0;}

/*메인 슬라이드 관련*/
.mainbnr-zone {position: relative; height: 100%;}
.bnr-view {/*overflow: hidden;*/ position:relative; width:100%; min-width:980px; min-height: 680px; height: 100%;}
.bnr-list {position: absolute; top:0; left:0; width:10000px; height: 100%;}
.bnr-list li              {float: left; height: 100%; }
.navs            {position: absolute; bottom:120px; left:0; width: 100%; text-align: center;}
.menu-list       {display: inline-block;}
.menu-list li    {float:left; margin: 5px 10px;}
.menu-list li a  {display: block; width:10px; height: 10px; border-radius: 50%; background-color: #ffffff;}
.menu-list li.on a {background-color: #ff0000;}
.bnr-controller   {display: inline-block; height: 20px;}
.bnr-controller a {display: block; }
.bnr-controller a.btn-play {display: none; }
.bnr-controller a img { margin-top: 4.5px; margin-left: 5px;}
.control_wrap > a.stop { display: block; position: absolute; top:0; right:13px;}