@charset "utf-8";
/*-------------------------------------------------
layout Style Sheet / myeong-hee / 2019.08.06
-------------------------------------------------*/
/* layout style
--------------------------------------------------------*/
*, *::before, *::after {  box-sizing: border-box;}
html {min-width: 320px; font-size: 10px;}
body {font-size: 1.6rem;}
.container {width: 1280px;}

.layerPop {display: none;}
.layerpop-active {overflow: hidden;}
.layerpop-active .layerPop {display: block;}
#wrap {font-family: "NotoR";  overflow: hidden;}
#header {position: absolute; top: 0;  left: 50%; height: 165px; transform: translateX(-50%); z-index: 90;}
#header .logo {padding: 30px 0 19px; text-align: center;}
#header .logo a {display: inline-block; width: 265px; margin: auto; background: url('../../../resources/images/stu/layout/logo.png') no-repeat center 0;  color: transparent; text-indent: -9999px;}
#header .logo + .container {margin: -35px auto 30px;}
.allmenu-open, .allmenu-close, #header .lang  {display: block; float: left; color: #fff; letter-spacing: -0.03em; line-height: 1; font-family: "NotoL"; font-size: 1.6rem;}	
.allmenu-open.active {opacity: 0;}
.allmenu-close {position: absolute;  top: -38px; left: 50%; margin-left: -653px; }
.allmenu-close i {margin-right: 3px; font-size: 1.6rem;}
#header .lang {position: absolute; top: 35px; right: 0;}
.search-open {display: none;}

#header.active  {position: fixed; top: 0; width: 101%; height: 75px; background-color: #fff; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); transition: all .3s; }	
#header.active .logo + .container {display: none;}
#header.active .logo {float: left; position: relative; margin-left: 2px; padding: 19px 0 19px 45px; z-index: 1;}
#header.active .logo a {background-image: url('../../../resources/images/stu/layout/logo02.png');}
#header.active .nav-area  {position: relative;width: 100%; padding-left: 310px;}
/* 대메뉴 */
.nav-area {position: relative;height: 75px;  background-color: #fff;}
.nav-area .nav {float: left;width: 73.5%;}
#gnb > li { display: table-cell; position: relative; width: 1%; height: 0; vertical-align: middle; transition: all .3s ease;}
#gnb a {color: #000;}
#gnb > li > a { display: block; padding: 18px 0; line-height: 1.15; text-align: center; font-size: 1.8rem; font-family: "NotoM"; transition: all .3s ease; }	
#gnb > li > a > span { display: inline-block; position: relative; height: 100%; } 
#gnb > li > a > span::after { display: block; position: absolute; top: -6px; right: -14px; width: 8px; height: 8px; background-color: #f0811a; border-radius: 100%; content: ''; opacity: 0; transition: all .3s ease; }
#gnb > li.active span::after,	#gnb > li > a:hover span::after {opacity: 1;}	
#body {margin-top: 400px;}
.visual { position: absolute; top: 0; left: 0; width: 100%; height: 345px; padding-top: 215px; background: url(../../../resources/images/stu/layout/visual01.jpg) no-repeat center 0; color: #fff; text-align: center; letter-spacing: -0.05em; line-height: 1.1; font-size: 4.6rem; font-family: "NotoM"; }		
#contents {position: relative;margin: 55px auto 155px;}	
#contents img {max-width: 100%;}
#footer {padding: 35px 0;background-color: #171f2f;color: #6a7385;}
#footer .address address {margin: 25px auto 8px;font-style: normal;}
address {font-style: normal;}

/* content style
--------------------------------------------------------*/
/* 타이틀 */
.heading1 {position: relative; margin: 50px 0 30px; padding-top: 10px; color:#222; text-shadow: 1px 0 0 #222; font-size: 2.6rem; font-weight:300; }
.heading1::before {content:''; display: block; width: 44px; height: 2px; background:#ff6609; position: absolute; left: 0; top: 0;}
* + .heading1 {margin-top: 45px;}
.title-table, .title-desc {color:#222; padding-left: 14px; position: relative; margin: 30px 0 10px;}
.title-table::before, .title-desc::before {content:''; width: 6px; height: 6px; display: block; background: #ff6609; border-radius:50%; position: absolute; top: 8px; left: 0;}
/* 리스트 */
.list { word-break: keep-all;}
.list > li {position: relative; margin-top: 5px; padding-left: 16px;}
.list > li:first-child {margin-top: 0;}
.list.dot > li {color: #222;}
.list.dot > li::before {content:''; width: 6px; height: 6px; display: block; background: #ff6609; border-radius:50%; position: absolute; top: 8px; left: 0;}
.list.dash > li {color: #666;}
.list.dash > li::before {content:''; width: 7px; height: 1px; display: block; background: #ff6609; border-radius:50%; position: absolute; top: 9px; left: 0;}
.list.gray > li {color:#666; padding-left: 9px; font-size:1.5rem;}
.list.gray > li::before {content:''; width: 3px; height: 3px; display: block; background: #8b8c8e; border-radius:50%; position: absolute; top: 11px; left: 0;}

.industry-box {display: flex; display: -webkit-flex; margin-left: -2%; flex-wrap: wrap; align-content: flex-start; text-align: center; overflow: hidden;}
.industry-box > li {display: flex; display: -webkit-flex; width: 18%;  margin-left: 2%;  padding: 15px 0; background-color: #6f6059; color: #fff; align-items: center; justify-content: center;  overflow: hidden;}

.biohealth-process {position: relative; margin: 50px 0 60px; padding-top: 40px; overflow: hidden;}
.biohealth-process [class*="cont"] {position: absolute; top: 0; width: 19%; overflow: hidden;}
.biohealth-process [class*="cont"] dt {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #b4b4b4; color: #000; line-height: 1.4; font-family: "NotoM"; font-size: 2rem;}
.biohealth-process [class*="cont"] dd li {line-height: 1.4;}
.biohealth-process .cont01 {left: 0;}
.biohealth-process .cont02 {right: 0;}
.biohealth-process .cont03 {top: inherit; bottom: 0; left: 0;}
.biohealth-process .cont04 {top: inherit; bottom: 0; right: 0;}

.biohealth-info {margin-top: 20px;border-top: 2px solid #000;border-bottom: 1px solid #000;overflow: hidden;}
.biohealth-info > li {padding: 20px;border-top: 1px dashed #ddd;}
.biohealth-info > li:first-child {border-top: none; }
.biohealth-info .tit {display: block; float: left; width: 150px; margin-right: 18px; color: #000; }
.biohealth-info .txt {display: block; overflow: hidden;}

.features-list {font-size: 1.8rem; overflow: hidden;}
.features-list > li {margin-top: 20px; overflow: hidden;}
.features-list > li:first-child  {margin-top: 0;}
.features-list .num {display: block; float: left; margin-right: 18px; color: #000; font-family: 'Montserrat', sans-serif;}
.features-list .txt {display: block; overflow: hidden;}
.location-txt {margin-top: 20px;}