@import "/sites/style-guide/style/css/style.css";

._contentBuilder ._obj._objHtml ul li, ._contentBuilder ._obj._objTag ul li {margin-top: 0;}

#visual_text													{border: 3px solid #FFF; background-color: rgba(255,255,255,0.4); padding: 20px 3%; color: #FFF; font-size: 1.84em; display: inline-block; margin: 17% 0 0 42%; }
#visual_text p.eng											{transform: rotate(-180deg); color: #202a3e;font-size: 0.64em;font-weight: bold; display: inline-block; vertical-align: middle; writing-mode:vertical-rl; -ms-writing-mode: tb-rl;}
#visual_text .visual_wrap								{display: inline-block; vertical-align: middle; margin-left: 50px;}
#visual_text .visual_wrap p.p							{margin-bottom: 20px;}
#visual_text .visual_wrap h2							{line-height: 1.2; font-weight: normal; font-size: 1.24em;}
#visual_text .visual_wrap h2 em						{display: block; font-size: 1.54em;}

.mTitle													{transform: rotate(-180deg); color: #434343;font-size: 1.24em;border-top: 1px solid #b1b1b1;padding: 15px 40px 0 0;font-weight: normal; writing-mode:vertical-rl; -ms-writing-mode: tb-rl; float:left;}	/* 메인 타이틀 */
.mTitle em											{display: block; font-size: 1.84em; font-weight: bold;}

.m_about															{background: url(/sites/microbio/images/about_bg-240103.jpg) right 70px no-repeat; position: relative; padding-top: 70px; min-height: 310px;}
.m_about .mTitle												{position: absolute;top: 0;left: -40px;} 
.m_about .about_contents								{padding: 0 570px 0 160px; font-size: 1.14em;}
.m_about .about_contents p								{color: #393939; margin-bottom: 20px;}
.m_about .about_contents .title							{color: #626262; font-size: 1.34em;}
.m_about .about_contents .title em					{color: #2c6ee5; display: block; font-size: 1.74em;  font-weight: bold;}
.m_about .about_contents .btn						{display: inline-block; border: 1px solid #056fd4; padding: 10px 40px 10px 15px; color: #056fd4; text-align: center; background:url(./../../images/about_more.png)  90% center no-repeat;}

.banner-list															{overflow: hidden;}
.banner-list ul 														{display: table; width: 100%; vertical-align: top;}
.banner-list ul li														{box-sizing:border-box;width:33.3%;display: table-cell;vertical-align: top;background: url(./../../images/link-title.png) 110px 30px no-repeat !important;background-color: #e3e9ec !important;padding: 40px 40px 0 110px !important;position: relative;word-break: keep-all;text-align: left;height: 155px; color:#056fd4; font-weight: bold; font-size: 1.34em;}
.banner-list ul li:nth-child(3n+2)								{background-color: #f1f5f6 !important;}
.banner-list ul li:before											{content:'';position: absolute;top: 30px;left: 50px;width: 40px;height: 40px;}
.banner-list ul li.item-01:before								{background: url(./../../images/link-bg01.png) left top no-repeat;}
.banner-list ul li.item-02:before								{background: url(./../../images/link-bg02.png) left top no-repeat; height: 45px;}
.banner-list ul li.item-03:before								{background: url(./../../images/link-bg03.png) left top no-repeat;}
.banner-list ul li span												{color: #6a767d; display: block; margin-top: 10px; font-size: 0.8em; font-weight: normal;}


.alignL {text-align: left;}
.alignC {text-align: center;}
.alignR {text-align: right;}
.mrgBottom01 > li {margin-bottom: 30px;}
.mrgBottom01 > li:last-child {margin-bottom:0;}

.sub #subContainer #subContent #contentsEditHtml #_contentBuilder .multipleDiv .multipleContentsDiv ._objHtml { /*영단어 끊겨서 떨어지는거 방지*/
    word-break: keep-all;text-align:initial !important;
}

.text-left{text-align:left!important;}


._contentBuilder ._obj._objHeading .objHeading_h3{background-position: 2px 15px;}
