@charset "utf-8";
/* CSS Document */

* {margin:0;padding:0;}
html,body {
	-webkit-appearance:none;
	-webkit-touch-callout:none;
	-webkit-text-size-adjust:none;
	font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light,'Malgun Gothic',sans-serif}
ul,li {list-style:none;}
a {text-decoration:none;color:#222;}
table {border-collapse:collapse;}
img {border:0;outside:0;}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select 
{ font-family: HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif; margin: 0; padding: 0;}

#wrap {margin:0;padding:0;}

/* HEADER */
.header {height:105px;position:relative;}

.header .mail {position:absolute; top:15px; left:15px;}

form[role=search] {margin-top:-100px;padding-top:49px;}
.header {height:100px;position:relative;}
.header:after {position:absolute;bottom:0;width:100%;height:1px;background-color:#e5e5e5;content:'';}
.header .logo {text-align:center;height:100px;background-color:#142453;}
.header .logo img.logo-n {vertical-align:top; margin-top: 5px;}
.header .logo img.logo-s {vertical-align:top;display:none;}

.header .sch-in {display:block;position:relative;z-index:20;height:40px;margin:0 15px;background-color:#fff;box-shadow:0 0 0 2px #c6c9d2;}
.header .sch-in .sch-inpw-in {padding:7px 40px 0px 10px;display:block;}
.header .sch-in .sch-inpw-in input[type=text] {width:100%;height:27px;border:0;-webkit-border-radius:0;border-radius:0;background:0 0;font-size:17px;line-height:27px;color:#000;vertical-align:top;outline:0;}
.header .sch-in .sch-inpw-in input[type=text]:not(:valid) ~ .close-icon {display:none;}

.header .sch-in .sch-inpw-in button[type=button] {width:30px;height:30px;position:absolute;top:5px;right:5px;border:0;background:url(images/m-btn_icon_search.png) no-repeat;color:transparent;background-size:contain;}
.header .sch-in .sch-inpw-in .sch-remove {display:none;cursor:pointer;width:15px;height:15px;position:absolute;top:13px;right:40px;background:url(images/icon_sch_close.png) no-repeat;background-size:cover;}
.header .aside-menu {top:0;left:0;width:50px;height:45px;background-color:transparent;position:absolute;}
.header .aside-menu .menu-btn {top:15px;left:15px;position:absolute;width:25px;height:17px;display:inline-block;overflow:hidden;background:url(images/icon_menu.png) no-repeat;background-size:cover;color:transparent}
.header .aside-menu-my {top:0;right:0;width:50px;height:45px;background-color:transparent;position:absolute;}
.header .aside-menu-my .menu-btn {top:15px;right:15px;position:absolute;width:65px;height:17px;display:inline-block;letter-spacing:-2px;text-align:right;}

.header .aside-user {top:0;right:0;width:50px;height:45px;background-color:transparent;position:absolute;}
.header .aside-user .user-btn {top:0;right:0;position:absolute;width:50px;height:45px;display:inline-block;overflow:hidden;background:url(images/btn_user.png) no-repeat;color:transparent;background-size:contain;}

.linner {height:8px;width:100%;background-color:#ECECEC;display:block;border-top:1px solid #DCDCDC;}

/* MAIN */
.menu-wrap {padding:0 10px;}
#autoWidth {margin:0 auto;text-align:center;justify-content: center;}
#autoWidth li {text-align:center;;color:#222;font-weight:800;font-size:15px;}
.item-img {height: 32px;display: flex;align-items: center;}
.item-a {min-width:40px;height: 32px;line-height: 32px;}
.item-b {min-width:60px;height: 32px;line-height: 32px;}
.item-c {min-width:100px;height: 32px;line-height: 32px;}
li.item {  float: none !important;display: inline-block;vertical-align: middle;}
.cS-hidden {height: 40px; overflow: hidden;}
ul:before, ul:after {content: "";display: table;}
ul:after {clear: both;}

/* daesung haegang microbes forum */
.HG_banner {width:100%; height:50px; text-align:center; margin:0 auto; background-color:#fff;}

/* casting korea banner */
.casting_banner {width:100%; height:50px; text-align:center; margin:0 auto; background-color:#1a2455;}

/* ¸Þ¸®Ã÷È­Àç banner */
.meritz_banner {width:100%; height:50px; text-align:center; margin:0 auto; background-color:#fbfbfb;}

/* Çö´ëÇØ»ó banner */
.HD_banner {width:100%; height:50px; text-align:center; margin:0 auto; background-color:#618ab6;}

/* ¹Î¾ØÁö ÁÖ½ÄÅõÀÚÁ¤º¸ ¸ð¹ÙÀÏ ¹è³Ê */
.MnG_banner {width:100%; height:249px; text-align:center; margin:0 auto; background-color:#fff;}

/* »ó´Ü ¶ì¹è³Ê */
.top_banner {width:100%; height:100px; text-align:center; margin:0 auto; background-color:#fff;}

/* Áß´Ü/ÇÏ´Ü ¶ì¹è³Ê */
.middlebottom_banner {width:336px; height:280px; text-align:center; margin:0 auto; background-color:#fff;}


/* CONTAINER */
.container {margin:0;padding:0;}
.list-type {margin: 0;}
.no-border-top {border-top: 0 !important;}
.list-type li:first-child { border: 0;}
.list-type li { margin: 0 15px;border-top: 1px solid #f2f2f2;min-height: 36px;line-height: 1.15;position: relative;}
.list-type li a { display: block; overflow: hidden; margin: 0 -15px;padding: 12px 15px 11px;color: #000;letter-spacing: -1px; white-space: nowrap;text-overflow: ellipsis;font-size: 16px; min-height: 17px;}
.list-type-thumb .left-cell { display: table-cell; width: 25%;}
.list-type-thumb .left-cell .img-w { height:60px; overflow: hidden; vertical-align:middle; position: relative;}
.list-type-thumb .left-cell .img-w img { width: 100%; /*height:60px;*/ display: block; }
.list-type-thumb .right-cell { padding-left: 15px; display: table-cell; vertical-align:top;}
.list-type-thumb .right-cell .news-tit {font-size: 16px; display: block;}
.list-type-thumb .right-cell .news-time { font-size: 13px; color: #005f95;}
.list-type-thumb li { box-sizing: border-box; padding: 10px 15px; display: table; border-top: 1px solid #f2f2f2; cursor: pointer; width: 100%;}
.list-type-thumb li:first-child { border: 0;}

#r_keyword {display: block;}
.list-sp {height: 40px; margin: 0 15px; border-top: 1px solid #f5f5f5;line-height: 40px; position: relative;}
.list-badge { float: left; height: 21px; margin: 9px 10px 0 0; padding: 0 5px; font-size: 12px; line-height: 21px; color: #142453; letter-spacing: -1px; text-align: center;}
.rolling-u {overflow: hidden;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.rolling-u .rolling-l { border: 0;}
.rolling-u .rolling-l a { display: block; height: 40px; margin-right: 38px; overflow: hidden; padding: 0 50px 0 0; text-overflow: ellipsis; z-index: 2; white-space: nowrap;}
.rolling-u .rolling-l a .rolling-n { color: #333; font-size: 15px;  font-style: oblique; margin: 0 6px 0 0; font-weight: 700; line-height: 40px;}
.rolling-u .rolling-l a .rolling-t { color: #333;}

.adTicker li {display: none;}
.adTicker li:first-child {display: block;}

.more-arrow-up {position: absolute; top: 50%; right: 0%; margin: -5px 0 0 -10px; width: 20px; height: 12px; background:url(images/icon_sang.png) no-repeat; 
               color: transparent; white-space: nowrap; display: inline-block;}
.more-arrow-up {position: absolute; top: 50%; right: 0%; margin: -5px 0 0 -10px; width: 20px; height: 12px; background:url(images/icon_ha.png) no-repeat; 
               color: transparent; white-space: nowrap; display: inline-block;}			   

.thumb-wrap {overflow: auto; padding: 10px 15px;}
.thumb-wrap li { width: 50%; float: left; display: block;}
.thumb-wrap li:nth-child(odd) .item-box a { padding-right: 5px;}
.thumb-wrap li .item-box { display: block; box-sizing: border-box;}
.thumb-wrap li .item-box a {color: #000;display: block;}
.thumb-wrap li .item-box a img {width: 100%; /*height: 100px;*/ display: block;}
.thumb-wrap li .item-box a .ent-txt {font-size: 16px; letter-spacing: -1px; display: block;height: 44px; max-height: 44px; padding: 7px 5px 0; margin-bottom: 3px; line-height: 18px; /*white-space: nowrap*/}
.loading-wrap { position: relative; height:100px; overflow: hidden;}
.ellipsis {overflow: hidden; height:35px; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}

.thumbnail {  position: relative;  width: 186px;  height: 120px;  overflow: hidden; }
.thumbnail img {  position: absolute;  left: 50%;  top: 50%;  height: 100%;  width: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.thumbnail img.portrait {  width: 100%;  height: auto;}
.thumb-wrap li .thumbnail a .ent-txt {font-size: 14px; letter-spacing: -1px; display: block;height: 35px; max-height: 35px; padding: 7px 5px 0; margin-bottom: 3px; line-height: 18px; /*white-space: nowrap*/}

.list-sp-exp { height: 40px; line-height: 40px;position: relative;}
.sp-link {padding: 0 15px !important;margin: 0 !important; font-size: 15px; font-weight: 700;letter-spacing: -1px;}

#category table { table-layout: fixed;}
#category td { border: 1px solid #E1E5E8; background-color: #fff; color: #333; font-size: 15px;text-align: center;}
#category td a {color: #333;display: block; padding: 10px 0;}

.view { zoom: 1;}
.news { position: relative; width: 100%;}
.news h2 { padding: 30px 10px 0 10px; color: #6b6b6b; overflow: hidden; font-weight: 400; font-size: 24px; line-height: 38px;letter-spacing: -3px;}
.news .info { display: inline-block; margin: 0 0 20px 10px; text-align: center;}
.news .info li { float: left; line-height: 18px; padding-right: 15px;  font-size: 14px;color: #919191;}
.news .info li>span { padding-right: 3px;}
.cont>p {text-align:left;font-size:15px;color:#000;letter-spacing:-1px;text-overflow:ellipsis;line-height:30px;padding:20px 20px 30px 20px;text-align:justify;}
.cont>p>span {text-align:left;}
.cont>img {border: 0 none;vertical-align:top;width:100%;}

/* FOOTER */
#footer {text-align: center;margin: 0px auto; width: 100%; background: #142453 0px 0px;clear: both; padding-top: 10px;}
#footer UL {text-align: center; margin: 0px auto; width: 210px; height: 26px;overflow: hidden;}
#footer LI {position: relative; float: left;}
#footer LI A {border-bottom: #bbbbbb 1px solid; border-left: #bbbbbb 1px solid;line-height: 25px; background-color: #fbfbfb; margin: 0px 2px;width: 64px;display: block; height: 24px; color: #333333;
               font-size: 0.80em; overflow: hidden; border-top: #bbbbbb 1px solid; border-right: #bbbbbb 1px solid;}
#footer A:link {text-decoration: none;}
#footer .info {text-align: center; padding-bottom: 10px; padding-left: 0px;padding-right: 0px; color: #cbcbcb; font-size: 0.71em; padding-top: 10px;}
#footer .info A { margin: 0px 2px; letter-spacing: -1px; color: #999999; text-decoration: underline;}
#footer .info A:link { text-decoration: none;}
#footer ADDRESS { padding-bottom: 5px; font-style: normal; padding-left: 0px; padding-right: 0px; height: 53px; color: #999999; clear: both; font-size: 0.78em; font-weight: normal; padding-top: 0px;}
#toTop {background: url(images/btn_top_move.png) no-repeat;  background-size: cover;  z-index: 1030; width: 35px; height: 35px; position: fixed; bottom: 10px; right: 10px; cursor: pointer; display: none;}

/* LOGIN */
#wrap_log {margin:0;padding:0;background-color: #f7f7f7;}
#header_log {text-align:center;padding: 45px 0;}
.login {display: block;margin: 0 auto;color: transparent;}
#header_log, #container_log {margin: 0 10px;}
#container_log {background-color: #f7f7f7;}
.input_row { position: relative; overflow: hidden; height: 29px; margin: 0 0 8px;  padding: 5px 11px 5px 11px; border: solid 1px #dadada; background: #fff;}
.input_box { display: block; overflow: hidden;}
.lbl {  font-size: 15px; line-height: 16px; position: absolute; z-index: 8; top: 13px; left: 11px;color: #8e8e8e;}
.int {  font-size: 14px;  line-height: 16px; position: relative; z-index: 9; width: 100%;  height: 16px; padding: 7px 0 6px; color: #000; border: none; background: #fff;}
.wrg {  position: absolute; z-index: 1000; top: 10px; right: 9px; display: none; width: 19px; height: 19px; margin: 0; padding: 0; cursor: pointer;color: transparent; border: 0;
    background-color: transparent; background-position: -1px -263px;}
.u_hc, .u_skip, .u_vc, .blind { position: absolute; overflow: hidden;  clip: rect(0 0 0 0); width: 1px; height: 1px;  margin: -1px;}
.btn_global { font-size: 18px;  font-weight: 700; line-height: 49px; display: block; width: 100%; height: 49px; margin: 16px 0 7px; cursor: pointer; text-align: center; color: #fff; border: none; border-radius: 0;
    background-color: #61ba46; -webkit-appearance: none;}
.idkeep {cursor: pointer; margin:15px 0; width:15px; height:15px;} 
#container_log > span {position:relative; top:-4px; font-size: 12px; color: #8e8e8e;} 
.find_info { font-size: 12px; padding-top: 6px; margin: 15px 0; text-align: center; color: #8e8e8e; border-top: 1px solid #e4e4e5;}
.find_info a { font-size: 12px; line-height: 13px; display: inline-block; text-decoration: none; color: #8e8e8e;}
.find_info .bar { position: relative; top: 2px;margin: 0 2px;}
#footer_log {text-align: center;margin: 0px auto; width: 100%; background: #f7f7f7 0px 0px;clear: both; padding-top: 30px;}
#footer_log ADDRESS { padding-bottom: 5px; font-style: normal; padding-left: 0px; padding-right: 0px; height: 53px; color: #999999; clear: both; font-size: 0.78em; font-weight: normal; padding-top: 0px;}

/* top */
#back-top {position: fixed;bottom: 20px;right: -35px;}
#back-top a { width: 85px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top span { width: 35px; height: 35px; display: block; background: url(images/btn_top_move.png) no-repeat center center;}


/* page */

.paging {
    margin-top: 10px;
    border: 1px solid #e2e5e8;
    border-width: 1px 0;
    background-color: #fff;
	text-align: center;
	overflow: hidden;
    position: relative;
}


a.glo { color: #fff; font-weight: bold;    background: #74bed2; padding: 5px 7px; letter-spacing: -1px;}
a.webtoon {color: red; font-weight: bold; padding: 5px 7px; letter-spacing: -1px;}