@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');
}
/*section 공통*/
section { position: relative;}
section img { display: inline-block;}
a { display: block; height: 100%;}
section li { float:left;}
ul:after { content:""; display:block; clear:both; }
.img1024 { display: block;}
.img520 { display: none;}
@media screen and (max-width:520px){ 
    .img520 { display: inline-block;}
    .img1024{ display: none;}
}
header, header *, section, section *, footer, footer * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/*head*/
body { position: relative; width: 100%; overflow: hidden;}
.layer_bg { position: absolute; top:0; left: 0; width: 100%; height: 100%; background: #000; z-index: 400; opacity: 0.7;}
.menu { width: 55px; height: 55px; position: absolute; top: 0; right: 0; background:#373737; z-index: 100;}
.menu img{ width:26px; margin-top: 18px;}
header { width: 300px; height: 375px; position: fixed; top:0; right:0; z-index: 500; background: #fff;}
header > a { width: 55px; height: 55px; position: absolute; top:0; }
header > a span, header .sns span {display: block; text-indent: -9999px;}
header > a img, header .sns img {display: inline-block;}
header .home { border-right: 1px solid #e1e1e1; left: 0;}
header .home img{ width: 24px; margin-top: 14px;}
header .search { border-right: 1px solid #e1e1e1; left:55px;}
header .search img{ width: 21px; margin-top: 16px;}
header .close {right:0;}
header .close img{ width: 19px; margin-top: 18px;}
header .gnb { height: 225px; margin-top: 55px; border-top:1px solid #e1e1e1;}
header .gnb li { height:56px; border-bottom:1px solid #e1e1e1; line-height: 55px; text-align: left; }
header .gnb li a { color:#333; font-size: 18px; padding:0 20px;}
header .sns {height: 95px; background:#f3f3f3;}
header .sns ul{  display: inline-block; margin-top: 30px;}
header .sns li { float:left; width: 38px; height: 35px;}
header .sns li .facebook img{ width: 10px;}
header .sns li .twitter img{ width: 19px;}
header .sns li .google_pluse img{ width:20px;}

/*section1 : 메인 이미지 슬라이드*/
section.sec1 { width: 100%; position: relative; height:415px; background: gray;  }
section.sec1 > div.sec1_con { position: absolute; top:0; left: 0; width: 100%; height: 100%; display: table; padding: 89px 0 40px 0;} 
section.sec1 h1.header_roll { display: inline-block; width: 89px; height: 89px; position: absolute; top:0; left:50%; margin-left: -44.5px; z-index: 100;}
section.sec1 h1.header_roll a { width: 100%; height: 100%; display:block; overflow:hidden; position:relative;  background: #ff0000;}
section.sec1 h1.header_roll a img  {display:none; position: absolute; top:0; left:0; width:89px; height:89px;}
section.sec1 h1.header_roll a img:first-of-type {display: block;}

section.sec1 .sec1_title {color:#fff; display: table-cell; vertical-align: middle;}
section.sec1 .sec1_title h2 img.img1024 { width: 427px; height: 67px; margin-top: -20px;}
section.sec1 h2 { display: inline-block; width: 427px; position: relative; z-index: 100; }
section.sec1 p { margin-top:14px; }
section.sec1 p > span { display: block; font-size: 18px; line-height:28px; color:#fff; font-size: 18px; position: relative; z-index: 100;}
/*메인 슬라이드 관련*/
.mainbnr-zone {position: relative; height: 415px}
.bnr-view {position:relative; width:100%; height:100%; overflow: hidden;}
.bnr-list {position: absolute; top:0; left:0; width:10000px; height: 100%; }
.bnr-list li {float: left; height: 100%; position: relative;}
.bnr-list li:after { display: block; content: ""; width: 100%; height:415px; position:absolute; top:0; left: 0; background:url("../images/science_m_04.png") repeat-x;}
.bnr-list li:nth-child(1) {background: url(../images/main1.jpg) no-repeat center; background-size: cover;}
.bnr-list li:nth-child(2) {background: url(../images/main2.jpg) no-repeat center; background-size: cover;}
.bnr-list li:nth-child(3) {background: url(../images/main3.jpg) no-repeat center; background-size: cover;}
.bnr-list li:nth-child(4) {background: url(../images/main4.jpg) no-repeat center; background-size: cover;}
.navs {position: absolute; bottom:30px; left:0; width: 100%; text-align: center; z-index: 120;}
.menu-list{display: inline-block;}
.menu-list li {float:left; margin: 5px 5px;}
.menu-list li a {width:15px; height:15px; border-radius: 50%; background-color: #ffffff;}
.menu-list li.on a {background-color: #ff0000;}
.bnr-controller {display: inline-block; height: 20px;}
.bnr-controller a.btn-play {display: none; }
.bnr-controller a img { margin-top: 4.5px; margin-left: 5px;}
.bnr-controller a.btn-stop img { width: 10px;}
.bnr-controller a.btn-play img { width: 12px;}
.control_wrap > a.stop { display: block; position: absolute; top:0; right:13px;}
@media screen and (max-width:520px){ 
    section.sec1 h2 { width:308px; }
    section.sec1 h2:after { display: none;}
    section.sec1 p > span span {display: block;}
}

section.sec2 { padding:0 150px;}
section.sec2 .info_graphic { width: 100%; height: 44px; display:block; margin:40px 0 20px 0}
section.sec2 .info_graphic li { width: 25%; height: 100%;}
section.sec2 .info_graphic li img { position: absolute; top:0; left:-20px;}
section.sec2 .info_graphic li:nth-child(1) img { height: 43px;}
section.sec2 .info_graphic li a > span { display: inline-block; text-align: center; position: relative; padding-left:40px; }
section.sec2 .info_graphic li a > span > span { display: block; color:#333}
section.sec2 .info_graphic li a > span > span:nth-child(2) { vertical-align:bottom; font-weight: bold; height: 27px;}
section.sec2 .info_graphic li a > span > span:nth-child(2) strong{ font-size: 27px; }
section.sec2 .info_graphic li a > span > span:nth-child(2) span{font-size: 16px; line-height: 38px; padding-left: 3px; letter-spacing: 0.5px;}
section.sec2 .info_graphic li a > span > span:nth-child(3) { font-size: 10px; letter-spacing:0; margin-top:3px}
.big4 { margin-bottom: 20px;}
.big4.big4_1 {height:205px;}
.big4.big4_2 {height: 169px;}
.big4 li { height: 100%;} 

.big4 li.big4_btn2{width: 30%;}
.big4 li.big4_btn3{width: 50%;}
.big4 li.big4_btn4{width: 50%;}

.big4 li > a, .big4 li.big4_btn1 > div { padding:20px; height: 100%; position: relative;}
.big4 li > a span span, .big4 li.big4_btn1 > div span{ display: block; color:#fff; }
.big4 li .button { display: inline-block; width: 100px; height: 30px; line-height: 28px; color:#fff; border:1px solid #fff; margin-top: 15px; font-size: 12px;}
.big4 li .button:not(:root:root) { line-height: 30px; }
.big4 li strong { display: block; color:#fff; font-size: 20px; font-weight: normal; line-height: 26px;}


/*첫번째 박스 : 별도 */
.big4 li.big4_btn1{width:70%; position: relative;}
.big4 li.big4_btn1 .big4_btn1_a {display: none;}
.big4 li.big4_btn1 div { padding-right: 190px; background:#f5f5f5; border:1px solid #e1e1e1; margin-right: 10px; text-align: left;}
.big4 li.big4_btn1 div span { display: block; }
.big4 li.big4_btn1 div .this_month span { display: inline-block; color:#ff0000;}
.big4 li.big4_btn1 div .this_month span:nth-child(1) { background: #fff; border:1px solid #ff0000; height: 24px; line-height: 22px; padding: 0 10px; border-radius: 12px; font-size: 12px; letter-spacing: 0;}
.big4 li.big4_btn1 div .this_month span:nth-child(1):not(:root:root) { line-height: 24px; }
.big4 li.big4_btn1 div .this_month span:nth-child(2) { line-height: 24px; font-size: 15px;}
.big4 li.big4_btn1 div .this_month span:nth-child(2):not(:root:root)  { line-height: 26px; }
.big4 li.big4_btn1 div strong { display: block; color:#333; font-size: 22px; line-height: 26px; margin-top: 10px; font-weight: bold;}
.big4 li.big4_btn1 div span:nth-child(4) { color:#333; font-size: 14px; line-height: 30px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.big4 li.big4_btn1 div span:nth-child(5) { color:#666; font-size: 14px; line-height: 22px ; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.big4 li.big4_btn1 div .button {color:#333; border:1px solid #333; background: #fff; text-align: center;}
.big4 li.big4_btn1 div .button2 { display: none;}
.big4 li.big4_btn1 div .thumb { position: absolute; top:27px; right:20px; width: 150px; height: 150px; border-radius: 50%; overflow: hidden;}
.big4 li.big4_btn1 div .thumb img {width: 100%; height: 100%;}

.big4 li.big4_btn2 a{background:#326b96; margin-left: 10px;}
.big4 li.big4_btn2 .btn2_span1 { color:#9cbbd2; margin:8px 0}
.big4 li.big4_btn2 .btn2_span2 { display:none;}
.big4 li.big4_btn2 a img { margin-bottom: 10px}

.big4 li.big4_btn3 a{background:#ff0000; margin-right: 10px; text-align: center;}
.big4 li.big4_btn3 a img { width: 63px;}
.big4 li.big4_btn3 a span.eng { font-size: 13px; line-height: 18px; margin-top: 7px;}
.big4 li.big4_btn3 a strong { margin-top: 5px}

.big4 li.big4_btn4 a{background:#a2a2a2; margin-left: 10px;}
.big4 li.big4_btn4 img { margin-bottom: 5px}

section.sec2 .notice { margin-bottom: 40px;}
section.sec2 .notice h2 { width: 100%; height: 60px; background: #525252; line-height: 60px; position: relative; text-align: left; padding:0 20px;}
section.sec2 .notice h2 a { color:#fff; font-size: 20px;}
section.sec2 .notice h2 a span { display: block; width: 23px; height: 23px; position: absolute; top:18px; right:20px; border:1px solid #a9a9a9; text-indent: -9999px;}
section.sec2 .notice h2 a span:after {display: block; content: ""; width: 11px; height: 1px; position: absolute; top:10px; left: 5px; background: #a9a9a9;}
section.sec2 .notice h2 a span:before {display: block; content: ""; width: 1px; height: 11px; position: absolute; top:5px; left:10px; background: #a9a9a9;}
section.sec2 .notice ul li { height: 60px; float:none; border:1px solid #e1e1e1; border-top: 0 none; }
section.sec2 .notice ul li:nth-child(2n+1) { background: #f5f5f5;}
section.sec2 .notice ul li dl { position: relative; height: 100%; padding:0 15px 0 80px;}
section.sec2 .notice ul li dl dd.dd_date{ width: 70px; height: 100%; position: absolute; top:0; left: 0;}
section.sec2 .notice ul li dl dd.dd_date span { display: block; color:#333; line-height: 22px;}
section.sec2 .notice ul li dl dd.dd_date span:nth-child(1){ font-size: 24px; margin-top:9px;}
section.sec2 .notice ul li dl dd.dd_date span:nth-child(1):not(:root:root){ margin-top:13px;}
section.sec2 .notice ul li dl dd.dd_date span:nth-child(2){ font-size: 12px; letter-spacing: 0;}
section.sec2 .notice ul li dl dt { color:#333; text-align: left; font-size: 16px; line-height: 60px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
section.sec2 .notice ul li dl dt span { color:#ff0000; margin-right:8px; }
@media screen and (max-width:1240px){ 
    section.sec2 { padding:0 50px;}
}
@media screen and (max-width:800px){ 
    .big4 li.big4_btn1{width:100%;}
    .big4 li.big4_btn2{display: none;}
    .big4 li.big4_btn1 div{margin-right:0;}
    .big4 li.big4_btn1 div .button2 { display:inline-block;}
}
@media screen and (max-width:720px){ 
    section.sec2 { padding:0 20px;}
}
@media screen and (max-width:660px){ 
    .big4 li a strong { font-size: 15px;}
}
@media screen and (max-width:620px){ 
    section.sec2 .info_graphic { height:auto; margin:15px 0}
    section.sec2 .info_graphic li img { position: static;}
    section.sec2 .info_graphic li:nth-child(2) img { margin-left: -19px}
    section.sec2 .info_graphic li:nth-child(3) img { margin-left: -30px}
    section.sec2 .info_graphic li:nth-child(4) img { margin-left: -18px}
    section.sec2 .info_graphic li a > span { display: inline-block; text-align: center; position: relative; padding-left:0; }
    section.sec2 .info_graphic li a > span > span:nth-child(2) { height: 24px;}
    section.sec2 .info_graphic li a > span > span:nth-child(2) strong{ font-size: 20px; }
    section.sec2 .info_graphic li a > span > span:nth-child(2) span{font-size: 14px; line-height:26px; padding-left: 1px; }
    section.sec2 .info_graphic li a > span > span:nth-child(3) { font-size: 10px; }
    .big4 { margin-top: 20px;}
}
@media screen and (max-width:520px){ 
    section.sec2 { padding:10px 10px 0 10px;}
     section.sec2 .info_graphic { margin:0 0 15px 0}
    .big4 { margin-top:0px; margin-bottom: 0;}
    .big4.big4_1 {height: 429px;}
    .big4.big4_2 {height: 200px;}
    .big4 li { float:none; height:90px; margin-bottom: 10px; }
    .big4 li.big4_btn1 {height: 319px;}
    .big4 li.big4_btn1 .big4_btn1_a {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index:50;}
    .big4 li.big4_btn1 div { text-align: center; padding:20px;}
    .big4 li.big4_btn1 div strong { margin-top: 10px;}
    .big4 li.big4_btn1 div .button, .big4 li > a .button {display: none;}
    .big4 li.big4_btn1 div .thumb { position: static; display:inline-block; margin-top: 15px;}
    .big4 li.big4_btn2{display: block; width:100%;}
    .big4 li.big4_btn2 .btn2_span1 { display: none;}
    .big4 li.big4_btn2 .btn2_span2 { display:block;}
    .big4 li.big4_btn2 a img { margin-bottom:0; position: absolute; top:22px; left:14px;}
    .big4 li.big4_btn3 a img { width: 54px; margin-bottom:0; position: absolute; top:32px; left:18px;}
    .big4 li.big4_btn4 a img { margin-bottom:0; position: absolute; top:17px; left:15px;}
    
    .big4 li.big4_com { width:100%;}
    .big4 li.big4_com a { margin:0;}
    .big4 li.big4_com a > span { display:block; padding-left:70px;}
    .big4 li.big4_com a span span, .big4 li.big4_com a span span.eng { font-size: 13px; line-height: 18px; text-align: left; margin:0; opacity: 0.9}
    .big4 li.big4_com a strong{ text-align: left; font-size: 18px; line-height: 22px; margin:0;}
    .big4 li.big4_btn2 a > span, .big4 li.big4_btn3 a > span { margin-top:4px}
    .big4 li.big4_btn4 a > span { margin-top:15px}
    
    section.sec2 .notice ul li dl dt span { display: none; }
}
@media screen and (max-width:400px){ 
    section.sec2 .info_graphic { display: none;}
}
@media screen and (max-width:380px){ 
    .big4 li.big4_com a strong{ font-size: 16px; }
}

section.sec3 .logo_list { width: 100%; height:60px; line-height: 33px; border-top: 1px solid #e1e1e1;}
section.sec3 .logo_list > span { display: inline-block; margin:12px 30px;}
section.sec3 .logo_list > span span { display: inline-block;font-size: 12px; color:#333; margin:3px 5px 0 0;}
section.sec3 .logo_list > span img { margin-right:10px;}
@media screen and (max-width:620px){ 
    section.sec3 .logo_list > span { margin:12px 20px;}
}
@media screen and (max-width:500px){ 
    section.sec3 .logo_list > span { margin:12px 0px;}
    section.sec3 .logo_list > span span { display: none;}
    section.sec3 .logo_list > span img { margin-right:20px;}
    section.sec3 .logo_list > span img:nth-child(3) { margin-right: 0;}
}

/*서브페이지-공통영역(해더, 메뉴)*/
.sub_middle.header_scroll {  position: fixed; top:55px; left: 0; z-index:100;}
.sub_bottom.header_scroll  { margin-top:315px;}

.sub_top .sub_logo, .sub_top2 { width: 100%; height: 55px; background: #262626; position: fixed; top:0; left: 0; z-index:300;}
.sub_top .sub_logo h1 { width: 90px; height: 100%; background: #ff0000;}
.sub_top .sub_logo h1 img { width:50px; margin-top: 13px; }
.sub_top .sub_logo h2 { width: 144px; height: 100%; position: absolute; top: 0; left: 100px; }
.sub_top .sub_logo h2 img { width:100%; height: 20px; margin-top: 18px; }
.sub_top .sub_bg { display: table; width: 100%; height:200px; position: relative; margin-top: 55px; }
.sub_top .sub_bg:before { display: block; content: ""; width: 100%; height: 100%; position: absolute; top:0; left: 0; background: #000; opacity: 0.5; }
.sub_top .sub_bg1 { background: url("../images/5.jpg") no-repeat center; background-size: cover;}
.sub_top .sub_bg2 { background: url("../images/6.jpg") no-repeat center right; background-size: cover;}
.sub_top .sub_bg3 { background: url("../images/7.jpg") no-repeat center right; background-size: cover;}
.sub_top .sub_bg .sec1_title{ display:table-cell; vertical-align: middle; color:#fff; position: relative;}
.sub_top .sub_bg .sec1_title h2 { font-size: 32px; line-height: 35px; font-weight: bold;}
.sub_top .sub_bg .sec1_title h2:not(:root:root){ margin-top:7px}
.sub_top .sub_bg .sec1_title p { font-size: 16px; line-height: 22px; margin-top: 16px;}
.sub_top .sub_bg .sec1_title p > span { display: block;}
.sub_top2 a { width: 55px; position: absolute; top:0; left: 0; background: #ff0000}
.sub_top2 a img {width: 25px; margin-top:18px; }
.sub_top2 span { display: block; height: 100%; line-height: 55px; padding-left:75px; color:#f0f0f0; font-size: 18px; text-align: left; }
.sub_middle, .sub_middle ul { width: 100%; height: 47px;}
.sub_middle ul{border-top: 1px solid #bfbfbf; background: #fff}
.sub_middle li { height: 100%; line-height: 45px; border-left: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; overflow: hidden; position: relative; float:left; cursor: pointer;}
.sub_middle li:not(:root:root) {line-height: 47px;}
.sub_middle li a { color:#333; font-size: 15px; font-weight: bold}
.sub_middle li:first-child{ border-left:0 none;}
.sub_middle li.active { border-bottom: 1px solid #ff0000;}
.sub_middle li.active a { color:#ff0000;}
.sub_middle ul.li3 li { width: 33.3333%;}
.sub_middle ul.li2 li { width:50%;}
.sub_middle ul.li1 li { width: 100%;}
.sub_bottom { padding:40px 150px 60px 150px; text-align: left;}
.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%;}
@media screen and (max-width:1240px){ 
.sub_bottom { padding:40px 50px 60px 50px;}
}
@media screen and (max-width:720px){ 
    .sub_bottom { padding:40px 20px 60px 20px}
    .sub_top .sub_bg { height: 170px; }
}
@media screen and (max-width:520px){ 
    .sub_top .sub_logo h1 { width: 55px;}
    .sub_top .sub_logo h1 img { width:40px; margin-top: 19px; }
    .sub_top .sub_logo h2 { left: 65px; }
    .sub_top .sub_bg .sec1_title h2 { font-size: 28px; line-height:30px;}
    .sub_top .sub_bg .sec1_title p { font-size: 15px; }
    .sub_top .sub_bg .sec1_title p > span span {display: block;}
    .sub_bottom { padding:20px 10px 40px 10px}
}


.sub_bottom dl { padding-bottom: 30px; border-bottom:1px dotted #d0d0d0;}

/*sub1 : 이달의 과학기술자상 소개*/
.sub_1 dl { text-align: center;}
.sub_1 dl:first-child dt{ margin-top: -15px;}
.sub_1 dl dt { display: inline-block; height: 44px; line-height: 44px; color:#000; font-size: 18px; margin-top: 15px; text-align: center; font-weight: bold; position: relative; padding-left: 22px}
.sub_1 dl dt:not(:root:root) { line-height:46px; }
.sub_1 dl dt .dt_icon { display:inline-block; width: 44px; height: 44px; border-radius: 50%; border:1px solid #dbdbdb; margin-right:7px; position: absolute; top:0; left: -28px;}
.sub_1 dl:nth-child(1) dt .dt_icon img { width: 34px; margin-top: 8px;}
.sub_1 dl:nth-child(2) dt .dt_icon img { width: 23px; margin-top: 8px;}
.sub_1 dl:nth-child(3) dt .dt_icon img { width: 24px; margin-top: 6px; margin-left: 1px;}
.sub_1 dl:nth-child(4) dt .dt_icon img { width: 27px; margin-top: 6px; margin-left: 1px}
.sub_1 dl:nth-child(5) dt .dt_icon img { width: 28px; margin-top:11px;}
.sub_1 dl dd { font-size: 14px; line-height: 20px; text-align: left; margin-top:10px;}
.sub_1 dl dd .dd_gray { color:#999; display: block; margin-top: 10px;}
.sub_1 dl dd .dd_gray span { display: block; }
.sub_1 dl dd .dd_dot {  display: block; padding-left: 8px; color:#333}
.sub_1 dl dd .dd_dot:after { left: 0; top:8px}
.sub_1 dl:nth-child(3) .dd_space{ padding-left: 20px;}
.sub_1 dl:nth-child(3) strong:first-child { margin-top:10px;}
.sub_1 dl:nth-child(3) dd .dd_dot:after { left:12px;}
.sub_1 dl:nth-child(4) dd span, .sub_1 dl:nth-child(5) dd span{ display: inline-block; margin-bottom:7px}
.sub_1 dl:nth-child(5) { border-bottom: 0 none; padding-bottom: 0;}
.sub_1 dl:nth-child(4) dd span, .sub_1 dl:nth-child(5) dd span { padding-left:8px;}

/*sub2 : 추천 및 심사*/
table { width: 100%; 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: 14px; color:#333; font-weight: bold;}
table td { padding: 8px 10px; 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: 14px; color:#666; line-height:18px; padding-left: 3px; margin-top: 5px;}
table td span:first-child{ margin-top:0;}
table th:first-child, 
table td:first-child{ border-left: 0 none;}
table td.table_left { text-align: left; padding-left: 15px}
table td.table_left .dd_dot:after { left:-4px; top:7px}
table td.table_left .dd_dot_sub { color:#999; font-size: 13px; padding-left: 18px; line-height:18px; margin:6px 0 2px 0; position: relative;}
table td.table_left .dd_dot_sub:after { display: block; content: ""; width:1px; height:5px; position: absolute; top:5px; left:10px; background:#999;} 
table td.table_left .dd_dot_sub:before { display: block; content: ""; width:4px; height:1px; position: absolute; top:9px; left:10px; background:#999;} 
table td.td_tit { color:#000; line-height: 21px; }
/*button*/
.button { text-align: center; margin-top: 30px; }
.button a { display: inline-block; height: 48px; border-radius: 25px; border:1px solid #c8c8c8; font-size: 14px; color:#333; line-height: 46px;  background: #fff; letter-spacing:-2px; }
.button a:not(:root:root) { line-height: 48px;}
.button a > span { padding:2px 0 2px 20px;}
.button a:nth-child(2) { margin-left:7px;}
.button a.plus span { background: url("../images/science_45.png") no-repeat;}
@media screen and (max-width:520px){ 
    .button a { margin:0 auto;}
    .sub_3 .button a, .sub_3 .button a:nth-child(2) { display: inline-block; margin:0 auto;}
    .button a:nth-child(2) { margin: 10px auto 0 auto;}
    .sub_1 dl:first-child dt{ margin-top:0;}
}
.sub_2 .button a { width:160px; padding: 0 10px;}
.sub_2 .button a.word > span { background: url("../images/science_58.gif") no-repeat left center; background-size: 16px; }
.sub_2 .button a.hwp { margin:0 0 0 5px;}
.sub_2 .button a.hwp > span { background: url("../images/science_59.gif") no-repeat left center; background-size: 16px;}
.sub_3 .button { margin:20px 0 60px 0;}
.sub_3 .button { margin-bottom: 0}
.sub_3 .button a.red_search { background: #ff0000; color:#fff; border:0 none; width: 122px; }
.sub_3 .button a.red_search span { background: url("../images/science_m_33.svg") no-repeat left center; background-size: 17px;}
.sub_3 .button a.clean { width: 122px; }
.sub_3 .button a.clean span {background: url("../images/science_m_34.svg") no-repeat left center; background-size: 17px;}
.sub_2 .button a span span { font-size:12px; padding:0; line-height: 46px;}
.sub_2 .button a span span:not(:root:root) { line-height: 49px;}
.sub_2.tab_container dl { margin-bottom: 20px; padding: 0 20px 20px 20px;}
.sub_2.tab_container dt { font-size: 18px; color:#000; position: relative; margin-bottom:10px; font-weight: bold}
.sub_2.tab_container dt:after { display: block; content: ""; width:7px; height:7px; position: absolute; top:6px; left:-12px; background:url("../images/science_m_20.svg") no-repeat; background-size: 7px; }
.sub_2.tab_container dd { padding-left:15px; line-height: 20px; color:#666; font-size: 14px; margin-top: 6px;}
.sub_2.tab_container dd:first-child { margin-top: 0}
.sub_2.tab_container dd.dd_dot:after { left: 8px; top:8px;}
.sub_2.tab_container dd span {font-size: 14px; color:#333; line-height: 21px;}
.sub_2.tab_container dd span img { margin:5px 5px 0 0; }
.sub_2.tab_container #tab1 dd span:nth-child(2) { margin-left: 40px;}
.sub_2.tab_container #tab1 dd span:nth-child(2) img { margin-top: 0}
.sub_2.tab_container #tab2 > dl:nth-child(2) { margin-top: 30px; }
.sub_2.tab_container #tab2 > dl:nth-child(4) { border:0 none; padding-bottom: 0; margin-bottom: 0;}
.sub_2.tab_container #tab2 ul { border-top:1px solid #dadada;  }
.sub_2.tab_container #tab2 ul:after { content:""; display:block; clear:both; }
.sub_2.tab_container #tab2 ul li { width:33.3333%; float:left; height: 163px; border-bottom:1px solid #dadada;  border-right:1px solid #dadada; text-align: center; position: relative; }
.sub_2.tab_container #tab2 ul li span.num { display: block; width:20px; height:20px; position: absolute; top:0; left:0; background:#ff0000; color:#fff; font-size: 12px; line-height: 20px; }
.sub_2.tab_container #tab2 ul li:nth-child(3n+1) { border-left:1px solid #dadada;}
.sub_2.tab_container #tab2 ul li .tab2_icon { display:block; width:66px; height:67px; margin: 15px auto 0 auto; line-height: 67px;}
.sub_2.tab_container #tab2 ul li .tab2_icon img { vertical-align: middle; margin-top: -7px;}
.sub_2.tab_container #tab2 ul li strong { display: block; font-size: 18px; margin: 10px 0 5px 0; color:#333; }
.sub_2.tab_container #tab2 ul li span { display: block; font-size: 13px; color:#999;}
.sub_2.tab_container #tab3 p { font-size: 14px; text-align: center; margin-bottom:20px;}
.sub_2.tab_container #tab3 p strong { color:#333;}
.sub_2.tab_container #tab3 .download a { height:26px; width: 60px; border-radius:13px; border:1px solid #c8c8c8; font-size: 12px; color:#333; line-height: 24px; }
.sub_2.tab_container #tab3 .download a:not(:root:root) { line-height: 26px; }
.sub_2.tab_container #tab3 .download a:nth-child(2) { margin-top: 5px;}
.sub_2.tab_container #tab3 .download a img { display: inline-block; width: 16px; height: 16px; margin-right: 3px; margin-top:4px; }
.sub_2.tab_container #tab3 > span { display: block; font-size: 12px; color:#999; text-align: right; margin-top:15px;}
@media screen and (max-width:520px){ 
    .sub_2.tab_container #tab2 ul li { width:50%;}
    .sub_2.tab_container #tab2 ul li:nth-child(3n+1) { border-left:0 none;}
    .sub_2.tab_container #tab2 ul li:nth-child(2n+1) { border-left:1px solid #dadada;}
    .sub_2.tab_container #tab3 > span span{ display: block; }
}

/*sub3 : 수상자*/
.winner_box { width: 100%; margin-bottom: -10px;}
.winner_box li { width: 50%; height: 145px; margin-bottom: 10px}
.winner_box li.winner_li1 a{ margin-right: 5px;} 
.winner_box li.winner_li2 a{ margin-left: 5px;} 
.sub_3 #tab2 .winner_box a{ background: #fff}
.winner_box li a { padding:20px 43px 20px 153px; position: relative; background:#fff; border:1px solid #e1e1e1; text-align: left; overflow: hidden; }
.winner_box li a:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;}
.winner_box li a .middle { display:inline-block; vertical-align: middle; width: 100%;}
.winner_box li a .this_month { display: inline-block; position: absolute; top:10px; right:15px;}
.winner_box li a .this_month span { display: inline-block; color:#ff0000;}
.winner_box li a .this_month span:nth-child(1) { background: #fff; border:1px solid #ff0000; height: 24px; line-height: 22px; padding: 0 10px; border-radius: 12px; font-size: 12px; letter-spacing: 0; margin-right: 4px;}
.winner_box li a .this_month span:nth-child(1):not(:root:root) { line-height: 24px;}
.winner_box li a .this_month span:nth-child(2) { line-height: 24px; font-size: 12px;}
.winner_box li a .this_month span:nth-child(2):not(:root:root) { line-height: 26px;}
.winner_box li a strong { display: block; font-size: 20px; color:#333; line-height: 26px; }
.winner_box li a span:nth-child(4) { display: block; color:#333; font-size: 14px; line-height: 30px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.winner_box li a span:nth-child(5) { display: block; color:#666; font-size: 14px; line-height: 22px ; height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }
.winner_box li a .thumb { position: absolute; top:10px; left:10px; width:123px; height:123px; border-radius: 50%; overflow: hidden;}
.winner_box li a .thumb img {width: 100%; height: 100%;}
.winner_box li a .winner_more { display: block; width: 23px; height: 23px; position: absolute; bottom:10px; right:10px; border:1px solid #ababab}
.winner_box li a .winner_more:after { display: block; content: ""; width: 11px; height: 1px; position: absolute; top:10px; left:5px; background:#ababab; }
.winner_box li a .winner_more:before { display: block; content: ""; width:1px; height:11px; position: absolute; top:5px; left:10px; background:#ababab;  }
.m_button { width: 100px; height: 30px; border:1px solid #333; font-size: 12px; line-height:28px; color:#333; text-align: center; margin:20px auto 0 auto}
.m_button:not(:root:root) { line-height: 30px;}
@media screen and (max-width:930px){
    .winner_box li a { padding:20px 20px 20px 153px;}
    .winner_box li a .this_month { right:7px;}
    .winner_box li a .this_month span:nth-child(2) { display: none}
    .winner_box li a .winner_more { display: none;}
}
@media screen and (max-width:720px){
    .winner_box li a .this_month span:nth-child(2) { display: inline-block}
    .winner_box li a .winner_more { display: block;}
    .winner_box li { width: 100%; height: 145px; margin-bottom: 10px}
    .winner_box li.winner_li1 a{ margin-right:0;} 
    .winner_box li.winner_li2 a { background:#f5f5f5; margin-left:0; }
    .winner_box li a span:nth-child(5) { max-height: 44px; height: inherit; -webkit-line-clamp:2; padding-right:50px }
}
@media screen and (max-width:520px){
    .winner_box li a { padding:20px 20px 20px 125px;}
    .winner_box li a .this_month { position: static;}
    .winner_box li a .winner_more { display: none;}
    .winner_box li a strong { font-size: 18px; line-height: 22px; margin-top:7px;}
    .winner_box li a .thumb { top:18px; width:100px; height:100px;}
    .winner_box li a span:nth-child(5) { max-height:22px; height:22px; -webkit-line-clamp:1; padding-right:0 }
}
input, select { height: 32px; border:1px solid #cccccc; color:#999; text-indent: 5px; background: #fff}

.chart_search { background: #f5f5f5; border:1px solid #dadada; }
.chart_search ul { width: 100%; padding:10px 20px;}
.chart_search ul li { width: 33.3333%; float: left; padding:15px 0; border-bottom:1px dotted #bebebe; }
.chart_search ul li > div{ width: 100%; height: 32px; position: relative; padding:0 20px 0 70px;}
.chart_search ul li span { display: block; height: 32px; font-size: 14px; font-weight: bold; line-height: 32px; padding: 0 7px 0 7px; position:absolute; top:0; left: 0; color:#000}
.chart_search ul li span:after { display: block; content: ""; width:3px; height:3px; position: absolute; top:14px; left:0; background:#ff0000; border-radius: 50%; }
.chart_search ul li:nth-child(4),.chart_search ul li:nth-child(5), .chart_search ul li:nth-child(6) { border-bottom:0 none;}
.chart_search ul li:nth-child(3n+3) > div { padding:0 0 0 70px;}
.chart_search input, .chart_search select { width: 100%; }
.chart_search .per50 input, .chart_search .per50 select { width: 50%; float:left}
.chart_search ul li > div.per50 *:nth-child(2) { width: 48%; margin-right:2%;}
@media screen and (max-width:820px){
    .chart_search ul li { width: 50%;}
    .chart_search ul li:nth-child(4){ border-bottom:1px dotted #bebebe;}
    .chart_search ul li:nth-child(3n+3) > div { padding:0 20px 0 70px;}
    .chart_search ul li:nth-child(2n+2) > div { padding:0 0 0 70px;}
}
@media screen and (max-width:520px){
    .chart_search ul li { width: 100%;}
    .chart_search ul li:nth-child(5){ border-bottom:1px dotted #bebebe;}
    .chart_search ul li:nth-child(3n+3) > div, .chart_search ul li:nth-child(2n+2) > div, .chart_search ul li > div { padding:0 10px 0 75px;}
    .chart_search ul li span { left:8px;}
    .chart_search ul {padding:5px 20px;}
    .chart_search ul li { padding:10px 0; }
}
.sub_3 #tab2 p { font-size: 18px; color:#333; text-align: center; padding-bottom: 30px; margin-top: 60px;}
.sub_3 #tab2 p span { color:#ff0000;}
.page { width: 100%; height: 32px; margin:30px 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 { font-size: 12px; line-height: 32px; color:#a8a8a8; background: #fff}
.page li.click a { background:#838383; color: #fff; font-weight: bold}
.page li:first-child { border:1px solid #cccccc; }
.page li.ppprev a { background: url("../images/pprev.svg") no-repeat center; background-size: 11px}
.page li.pprev a { background: url("../images/prev.svg") no-repeat center;background-size: 11px}
.page li.nnext a { background: url("../images/next.svg") no-repeat center;background-size: 11px}
.page li.nnnext a { background: url("../images/nnext.svg") no-repeat center; background-size: 11px}
.search_no {text-align: center}
.search_no h5{ font-size: 18px; color:#333; padding-bottom: 22px; border-bottom: 1px solid #dadada; margin-bottom: 30px; text-align: center}
.search_no h5 span { color:#ff0000; letter-spacing: 1;}
.search_no ul { display: inline-block}
.search_no li { font-size:14px; text-align: left; float:none; line-height: 18px; margin-top: 8px; }
.search_no li.dd_dot:after { top:7px;}
.search_no li.no_email { color:#333; line-height: 16px;}
.search_no li.no_email img { margin:4px 3px 0 0;}
.sub_3 #tab2 .search_no { margin-top: 60px;}
.sub_4 .search_no { margin-top: 30px;}
@media screen and (max-width:720px){
    .search_no ul { padding:0 20px;}
}
@media screen and (max-width:520px){
    .sub_3 #tab2 > p { font-size: 16px; padding-bottom: 20px; border-bottom: 1px solid #dadada; margin-bottom: 20px;}
    .page { margin:20px 0 0 0; }
    .search_no ul { padding:0 10px;}
    .search_no h5{ font-size: 16px;padding-bottom:20px; margin-bottom: 20px; }
}


/*sub4 : 뉴스공지*/
.notice_3line { width: 100%; }
.notice_3line:after { content:""; display:block; clear:both; }
.notice_3line li { width:33.3333%; height: 197px; margin-bottom:10px; float:left; padding-right:10px; overflow: hidden;}
.notice_3line li a { background: #fff; overflow: hidden}
.notice_3line li a:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;}
.notice_3line li a dl { display: inline-block; vertical-align: middle; width: 100%; padding:25px; text-align: left; border:0 none;}
.notice_3line li a dl dt { font-size: 18px; color:#333; 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;}
.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: 14px; 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; letter-spacing: 0}
.notice_3line li.has_bg a { position: relative; }
.notice_3line li.has_bg a div { width: 100%; height: 100%;}
.notice_3line li.has_bg a div img { width: 100%; min-height: 100%; }
.notice_3line li.has_bg a dl { position: absolute; bottom:0; left: 0; z-index: 50;}
.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}
.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 { display: none;}
.notice_3line li:nth-child(3n+3) { padding-right: 0;}
.notice_3line li a { border:1px solid #e4e4e4;}
.notice_3line li.has_bg a { border:0 none;}

#arrcodian{ width:100%; margin:0 auto; border-top:1px solid #b8b8b8;}
#arrcodian .num{  display:block; width:40px; position: absolute; top:0; left:0; text-align: center; font-size: 14px;}
#arrcodian .title {  display:block;  width:100%; padding:0 130px 0 50px; 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:35px; color:#999; font-size: 12px; text-align: center; letter-spacing: 0}
#arrcodian .arr_arr { display: block; position: absolute; top:0; right:0; width:35px; height: 55px; text-align: center; background: url("../images/science_m_31.svg") no-repeat center; background-size:24px;}
#arrcodian .arr_arr.arr_btn { background: url("../images/science_m_30.svg") no-repeat center; background-size:24px;}
#arrcodian dl {border:0 none; padding-bottom: 0;}
#arrcodian dl dt { width:100%; height:55px; font-size: 16px; 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; width:100%;}
#arrcodian dl dd { width: 100%; border-bottom:1px solid #e0e0e0; display: none; padding:20px 5px; line-height: 25px; font-size: 13px; text-align: left}
#arrcodian dl dd h2 { font-size: 18px; line-height: 25px; color:#000; font-weight: bold; text-align: center; margin-bottom: 15px; word-break: keep-all;}
#arrcodian dl dd .arr_dd_con p { font-size: 14px; line-height: 25px;}
#arrcodian dl dd .arr_dd_con > * { margin-bottom:15px; }
#arrcodian dl dd .arr_dd_con > *:last-child { margin-bottom: 0;}

.input_box { display: block; width: 100%; height: 32px; margin-bottom: 10px; line-height: 32px; text-align: left; position: relative}
.input_box > span:nth-child(1) { font-size: 13px; letter-spacing: 1; background: url("../images/science_m_29.svg") no-repeat left center; background-size:15px 12px; padding-left: 23px;}
.input_box > span:nth-child(2) { position: absolute; top:0; right: 0;}
.input_box > span:nth-child(2) > span { display: inline-block; position: relative;}
.input_box > span:nth-child(2) input { width: 150px; padding-right: 30px;}
.input_box > span:nth-child(2) .input_button { display: block; width: 30px; height: 30px; position: absolute; top:1px; right:1px; background: url("../images/science_m_28.svg") no-repeat center; background-size: 17px 16px;}
.input_box > span:nth-child(2) .re_btn { display: inline-block; width: 32px; height: 32px; background: url("../images/science_m_38.svg") no-repeat center; background-size: 16px 21px; border:1px solid #cccccc; }
.input_box > span:nth-child(2) select { width: 60px;}

@media screen and (max-width:930px){
    .notice_3line li { width:50%;}
    .notice_3line li:nth-child(3n+3) { padding-right:10px;}
    .notice_3line li:nth-child(2n+2) { padding-right:0px;}
}
@media screen and (max-width:520px){
    .notice_3line li a dl dd.dd_title, #arrcodian .num, .input_box > span:nth-child(1){ display: none;}
    .sub_4 .tab_content .input_box { display: block;}
    .sub_4 .tab_content .input_box > span:nth-child(2) { position: relative; height: 100%; display: block; padding:0 36px 0 95px;}
    .sub_4 .tab_content .input_box > span.no_ref:nth-child(2) { padding:0 0 0 95px;}
    .sub_4 .tab_content .input_box > span:nth-child(2) > span { width: 100%;}
    .sub_4 .tab_content .input_box > span:nth-child(2) > span input { width:100%; padding-right: 30px; }
    .sub_4 .tab_content .input_box > span:nth-child(2) select { width: 90px; position: absolute; top:0; left: 0;}
    .sub_4 .tab_content .input_box > span:nth-child(2) .re_btn { position: absolute; top:0; right: 0;}
    
    .notice_3line li { width:100%; height: 120px; margin-bottom:5px; float:none; padding-right:0; }
    .notice_3line li a dl { padding:15px;}
    .notice_3line li a dl dt { font-size: 16px; height:inherit; max-height:44px; margin-bottom:5px;}
    .notice_3line li a dl dd { line-height: 18px;}
    .notice_3line li a dl dd.dd_con { font-size: 13px; height:18px; -webkit-line-clamp:1; margin-bottom:6px;}
    .notice_3line li a dl dd.dd_date { font-size: 11px;}
    .notice_3line li.has_bg a { position: relative; }
    .notice_3line li.has_bg a:before { display: inline-block; width: 0; vertical-align: middle; opacity: 1; position:static; background: none; }
    .notice_3line li.has_bg a div { position: absolute; top:10px; right: 10px; width: 100px; height: 100px; overflow: hidden}
    .notice_3line li.has_bg a div img{min-height:90px; height: auto; width: 179px; position:absolute; top:0; left:-39.5px;}
    .notice_3line li.has_bg a dl { position: static; padding:15px 130px 15px 15px}
    .notice_3line li.has_bg a dl dt { color:#333;}
    .notice_3line li.has_bg a dl dd.dd_con { color:#333; height: 18px;}
    .notice_3line li.has_bg a dl dd.dd_date { display: block}
    .notice_3line li:nth-child(3n+3) { padding-right: 0;}
    .notice_3line li.has_bg a {  border:1px solid #e4e4e4;}
    #arrcodian .title { padding:0 70px 0 35px; font-weight: normal; }
    #arrcodian .arr_date { width:65px; right:0px; color:#666; font-size: 11px;}
    #arrcodian .arr_arr { right:inherit; left: 0; }
}

.winner_info { background: #f0f0f0; padding-top:55px; margin-top: 55px;}
.winner_info > div { background: #fff; padding:30px 0; position: relative; border-top:1px solid #e2e2e2;}
.winner_info > div .info_logo { position: absolute; top:-40px; left:10px; height: 25px; width: 250px;}
.winner_info > div .info_logo > span { display:block; float: left}
.winner_info > div .info_logo > span:nth-child(1) { width: 66px; height: 25px; line-height: 23px; font-size:11px; color:#ff0000; border:1px solid #ff0000; border-radius: 20px; top:11px; left: 75px; background: #fff; letter-spacing: 0 }
.winner_info > div .info_logo > span:nth-child(2) { font-size:14px; color:#ff0000; top:43px; left: 75px; text-align: left; line-height: 25px; padding-left: 5px;}
.winner_info > div .movie { display: block; width: 110px; height: 35px; position: absolute; top:-45px; right:10px; border:1px solid #bebebe; border-radius: 5px; background: #fff;}
.winner_info > div .movie span { display:inline-block; background:url("../images/science_m_32.svg") no-repeat center left; background-size: 21px 18px; padding-left: 27px; line-height: 33px; height: 33px; color:#666;}
.winner_info > div > img { margin-bottom: 15px; width: 180px; height: 180px; border-radius: 50%;}
.winner_info > div > h4 { font-size: 32px; color:#333; line-height: 55px;}
.winner_info > div > span { display: block; font-size: 15px; color:#333; }
.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_m_35.svg") no-repeat; background-size: 9px; }
.winner_info .winner_ment:before { display: block; content: ""; width:10px; height: 9px; position: absolute; bottom:-5px; right:-10px; background:url("../images/science_m_36.svg") no-repeat; background-size: 9px; }
.winner_info .detail_tab { border-top: 1px solid #c4c4c4; margin-top: 30px; position: relative}
.winner_info .detail_tab:after { display: block; content: ""; width:18px; height: 10px; position: absolute; top:-1px; left: 50%; margin-left: -9px; background: url("../images/science_122.png")}
.winner_info .detail_tab ul { padding: 30px 0 50px 0; display:inline-block; }
.winner_info .detail_tab ul li { display: inline-block; padding: 0 15px; }
.winner_info .detail_tab ul li a { display: block; height: 100%; font-size:16px; color:#999; line-height: 21px; }
.winner_info .detail_tab ul li.click a{ color:#000; position: relative; font-weight: bold;}
.winner_info .detail_tab ul li.click a:after { display: block; content: ""; width:100%; height:1px; position: absolute; bottom:-10px; left:0; background:#000}
.winner_info > div > .info_tab { padding: 0 20px 20px 20px; text-align: left}
.winner_info > div > .info_tab3 dl{ margin-top: 20px;}
.winner_info > div > .info_tab3 dl:first-child { margin-top: 0;}
.winner_info > div > .info_tab3 dl dt { font-size: 16px; height: 45px; color: #333; margin-bottom: 20px; position: relative; border-top: 1px solid #b8b8b8; border-bottom: 1px solid #e9e9e9; background: #f8f8f8; line-height: 43px; padding-left: 20px;}
.winner_info > div > .info_tab3 dl dd {font-size: 14px; line-height: 18px; position: relative; margin-top: 8px;}
.winner_info > div > .info_tab3 dl dd:first-child { margin-top: 0;}
.winner_info > div > .info_tab3 dl dd span:nth-child(1) { display:inline-block; color:#999; width: 150px; position: relative; letter-spacing: 0; padding-left: 20px; position: absolute; top:0; left: 0;}
.winner_info > div > .info_tab3 dl dd span:nth-child(1):after  { display: block; content: ""; width:1px; height:9px; position: absolute; top:5px; right:0px; background:#e4e4e4;}
.winner_info > div > .info_tab3 dl dd span:nth-child(2) { display: block; width: 100%; color:#666; padding-left:160px;}
/*.winner_info > div > .info_tab2 .notice_3line li { width:50%;}*/
.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: 18px; padding:20px 0 20px 0; font-family:'Nanum Myeongjo'; text-align: center; font-weight: bold; color:#333; border-top: 1px dotted #d0d0d0; margin-top: 20px}
.winner_info > div > .info_tab1 > h4:nth-child(2) { border:0 none; margin-top: 0}
.winner_info > div > .info_tab1 > p { font-size: 14px; line-height: 22px;} 
.winner_info > div > .info_tab4 > h4 { font-size: 14px; color:#000; line-height: 24px; margin-bottom: 30px;}
.winner_info > div > .info_tab4 > h5 { width: 100%; line-height: 24px; color:#333; font-size: 16px; font-family:'Nanum Myeongjo'; background: #fafafa; font-weight: bold; padding:15px 20px 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:18px; left:13px; background:url("../images/science_123.png") no-repeat; background-size: 20px;}
.winner_info > div > .info_tab4 > p { font-size: 14px; color:#666; line-height: 22px; margin: 15px 0 30px 0;}
.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;}
.info_search { height: 53px; background: #f0f0f0; border-top:1px solid #c4c4c4}
.info_search > div { height: 32px; text-align: right; line-height: 32px; margin-top: 10px; }
.info_search * { display: inline-block;}
.info_search select { width: 90px; }
.info_search > div > span { background:url("../images/science_m_37.svg") no-repeat left center; background-size: 13px 15px; padding:0 5px 0 18px; }
.info_search .info_button { width:32px; height: 32px; border:1px solid #cccccc; background: #fff; }
.info_search .info_button span { display: block; width:30px; height: 30px; background:url("../images/science_m_28.svg") no-repeat center; background-size: 17px;}


@media screen and (max-width:520px){
    .winner_info > div > .info_tab2 .notice_3line li { width:100%;}
    .winner_info > div > .info_tab1 > div h3.winner_ment { margin: 40px 30px;}
    .winner_info .detail_tab { margin-top: 25px; }
    .winner_info .detail_tab ul { padding: 25px 0 40px 0;}
    .winner_info .detail_tab ul li {padding: 0 10px; }
    .winner_info .detail_tab ul li a { font-size:14px;}
    .winner_info .detail_tab ul li.click a:after { bottom:-5px;}
    .winner_info > div > .info_tab3 dl dd span:nth-child(1) { padding-left: 5px; width: 135px;}
    .winner_info > div > .info_tab3 dl dd span:nth-child(2) { padding-left:145px;}
}
@media screen and (max-width:400px){
    .winner_info .detail_tab ul li {padding: 0 6px; }    
    
}

/*Footer*/
footer { width: 100%; background: #4e4e4e; padding:20px 50px;}
footer > div { width: 100%; height: 100%; position: relative; color:#999; }
footer > div > .footlogo {display: block; width:68px; height:36px; position: absolute; top:5px; left:0;}
footer > div > .pc_ver { display: block; width:100px; height:30px; position: absolute; top:50%; right:52px; margin-top: -15px; border:1px solid #fff; color:#fff; line-height: 28px;}
footer > div > address { width: 100%; text-align: left; line-height:21px; font-size: 13px; padding:0 120px 0 80px;}
footer > div > address > span { display: block;}
.scroll_top { display: block; width:35px; height:35px; position:fixed; bottom:30px; right:0;}
.scroll_top.detail { bottom:66px;}
.scroll_top a { width:35px; height:35px; position: absolute; right:50px; top:4px; background: url("../images/science_m_24.svg") no-repeat; background-size:35px; text-indent: -9999px;}
@media screen and (max-width:910px){ 
    footer > div > address > span { display:inline;}
    footer > div > .pc_ver { position: static; margin-top:0; margin: 25px auto 5px auto}
    footer > div > address { padding:0 0px 0 80px;}
}
@media screen and (max-width:720px){ 
    footer { padding:20px 20px;}
    .scroll_top a { right:20px; }
}
@media screen and (max-width:520px){ 
    footer { padding:20px 10px;}
    footer > div > .footlogo { display: none}
    footer > div > address { padding:0}
    .scroll_top a { right:10px; }
}