@charset "UTF-8";

/* Page Title */
html     {width:100%;  padding:0px; margin:0px; }
#wrap    {position:relative;width:100%; float:left; }



/* TOP */
#top  {width:100%; float:left;   padding:0px 0px;  background-color:rgba(255,255,255,.2);  box-sizing:border-box;  height:100px; position:absolute;  }
#top ul.util {width:100%; float:left; text-align:right;}
#top ul.util li {display:inline-block; background-color:#26335e;  font-size:13px; color:#fff; padding:5px 17px; letter-spacing:0.5px;}
#top .logo { float:left;  margin-top:-18px; margin-bottom:0px;}

#top ul.nav {width:70%; float:right; text-align:right; position:relative;  margin-top:7px;     }
#top ul.nav li { letter-spacing:0.2px;  font-size:17px; font-weight:400;  color:#333; display:inline-block; padding:0px 30px; line-height:15px; margin:20px 0 20px 0;}
#top ul.nav li:last-child {border-right:none;  }



/* TOP2 CSS */
.contents-wrap {
	position: relative;
	width: 1240px;
	height: 100%;
	margin: 0 auto;
}

.contents-wrap .util_wrap	    {position:relative; float:right; height:55px; z-index:99999; }
.contents-wrap .util_wrap ul 	{position:absolute; top:-30px; right:0; width:180px; height:55px; text-align:right; z-index:99999;}
.contents-wrap .util_wrap ul li	{float:left; }
.contents-wrap .util_wrap ul li a
{font-size:13px; color:#fff; letter-spacing:0.5px; padding:5px 15px; font-weight:300; box-sizing:border-box; background-color:#26335e; }


.box_100 ul li.col-2 {width:48%; float:left; margin-right:2%;  margin-bottom:2%; border:1px solid #ddd; box-sizing:border-box; flex:none; max-width:48% !important; padding:0;}
.box_100 ul li.col-2:nth-child(2) {float:right; margin-right:0%;}
.box_100 ul li.col-2:nth-child(4) {float:right; margin-right:0%;}
.box_100 ul li.col-2 p.col_txt { border-top:1px solid #ddd; background:#f9f9f9; box-sizing:border-box; padding:15px; line-height:1.5em; font-weight:500; font-size:1.1em; margin:0;}



/* header footer start */
header {
	width: 100%;
	min-width: 1240px;
	height: 100px;
	z-index: 9999;
	position: absolute;
	top: 0;
	background-color:rgba(255,255,255,.3);
}

#sub_wrap header {
	width: 100%;
	min-width: 1240px;
	height: 100px;
	z-index: 9999;
	position: absolute;
	top: 0;
	background-color:rgba(255,255,255,.5);
}

header.fixed {
	position: fixed;
	background-color: #ffffff;
}

/* 오버 시 창 탑위치 */
.header-underline {
	position: absolute;
	top: 98px;
	left: 0;
	width: 100%;
	height: 1px;
	/*background:#ddc;
	/*border-bottom: solid 1px rgba(255, 255, 255, 0.1);*/
	z-index: 1;
}
header.on .header-underline,
header.fixed .header-underline {
	border-bottom: 1px solid  #e2e2e2;
}

.gnb-wrap {
	height: 100%;
	line-height: 90px;
	background:#fff;
	border-bottom:1px solid #ddd;
}

/* 기본 로고 */
.gnb-logo {
	position: absolute;
	top: 15px;
	left: 0px;
	display: inline-block;
	width: 112px;
	height:45px;
	/*background:url(/images/common/w-gnb-logo-white.png) no-repeat center center;*/
	z-index: 1;
}

/* 스크롤 고정 로고 */
header.on .gnb-logo,
header.fixed .gnb-logo {
	/*background:#url(/images/common/w-gnb-logo.png) no-repeat center center;*/
}
.gnb-menu-ul {
	position: relative;
	float:right;
	z-index: 1;
}
header.on .gnb-menu-ul li a,
header.fixed .gnb-menu-ul li a {
	color: #000;
}
.gnb-menu-ul li {
	float: left;
	width: 150px;
}

/* 탑메뉴 */
.gnb-menu-ul li a {
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height:110px;
	letter-spacing: 0;
	color: #222;
	display: block;
	text-align:center;
	position: relative;
	width: 100%;
	height: 100%;
}

.gnb-menu-ul li a.on:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #ffffff;
}
header.fixed .gnb-menu-ul li a.on:after {display: none;}

/* 메뉴 밑에 라인 */
.gnb-menu-ul li a .gnb-border {
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 11px;
	left: 0;
	background-color: #1271b9;
	transform: scaleX(0);
	transition: transform 150ms ease-in-out;
	z-index: 1;
}
.gnb-menu-ul li a .gnb-border:after {
	content: "";
	display: block;
	position: absolute;
	width: 50%;
	height: 2px;
	bottom: 0;
	left: 50%;
	background-color: #1271b9;
}
.gnb-menu-ul li a:hover .gnb-border {
	transform: scaleX(1);
}
header.fixed .gnb-menu-ul li a.on .gnb-border {
	transform: scaleX(1);
	transition: transform 0ms ease-in-out;
}

.gnb-submenu-wrap {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	padding-top: 105px;
	padding-bottom:15px;
	/*padding-left: 800px;*/
	background-color: #ffffff;
	box-sizing:border-box;
	z-index: 0;
	-moz-box-shadow: 5px -20px 20px 30px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px -20px 20px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 5px -20px 20px 30px rgba(0, 0, 0, 0.1);
}


.gnb-submenu-wrap .margin0_box {width:1240px; margin:0 auto; padding-left:490px; box-sizing:border-box;}

.gnb-submenu-ul {
	float: left;
	width: 145px;
	margin:20px 5px 20px 0px;
	/*margin: 30px 0 40px;*/
}
.gnb-submenu-ul li {
	line-height: normal;
	margin-top: 15px;
	text-align:center;
}
.gnb-submenu-ul li:first-child {margin-top: 0;}

.gnb-submenu-ul li a {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0;
	color: #555;
	position: relative;

}
.gnb-submenu-ul li a.on,
.gnb-submenu-ul li a:hover {color:#144681; }

/* 서브메뉴 안에 서브메뉴 시에 +버튼 (접힘) */
.gnb-submenu-ul li a.more:after {
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	/* left: 90px; */
	right: -20px;
	width: 10px;
	height: 10px;
	background: url('/common/img/common/w-gnb-more.png') no-repeat center center;
}

/* 서브메뉴 안에 서브메뉴 시에 -버튼 (펼쳐짐) */
.gnb-submenu-ul li a.on.more:after {
	background: url('/common/img/common/w-gnb-less.png') no-repeat center center;
}

.gnb-subsubmenu-ul {
	display: none;
	margin-top: 10px;
}
.gnb-submenu-ul li a.on + .gnb-subsubmenu-ul {
	display: block;
}
.gnb-subsubmenu-ul > li {
	padding-left: 10px;
	margin-top: 0;
}
.gnb-subsubmenu-ul > li > a {
	font-size: 14px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.79;
	letter-spacing: normal;
	color: #666666;
}
.gnb-subsubmenu-ul > li > a.on {
	color: #000000;
}




/* footer*/
footer {width:100%; float:left; background:#135588; border-bottom:none; padding:30px 0;   letter-spacing:0.2px;    font-size:13.5px; color:#777; line-height:1.5em; box-sizing:border-box;}

footer p {float:right;font-weight:400; opacity:0.92; font-size:15px;}
footer  .in {width:1240px; margin:0 auto;}
footer .col_1{width:100%; float:left; border-bottom:1px solid rgba(255,255,255,0.2); margin-bottom:15px; padding-bottom:15px; color:#fff;}
footer .col_1 ul li{width:50%; float:left;}
footer .f_title{font-size:25px; font-weight:600; color:#fff !important; }
footer .f_title2{font-size:20px; font-weight:600; color:#fff !important; text-align:right; opacity:0.9}

footer .which_tit {font-size:16.5px; font-weight:500; color:#fff; display:inline-block;}

footer .ps_info_btn {background:#fff; padding:5px 12px; box-sizing:border-box; border-radius:3px; color:#666 !important; font-size:13px;}


/* 푸터 탑버튼 */
.T_btn a {
  color:#fff;
  font-family:'Noto Sans KR';
  font-size:14px;
  font-weight:300;
  letter-spacing:0.1px;
  padding-top:18px;
  box-sizing:border-box;
  }

#T_button {
  display: inline-block;
  background: url('/htm/snebio_new/common/img/common/top_btn_bg.png');
  width: 58px;
  height: 58px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 36px;
  transition: background-color .3s, opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color:#fff !important;
  font-size:13px;
  font-weight:500
}

#T_button::after {
  /*content: "\f077";*/
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 58px;
  color: #fff;
}
#T_button:hover {
  cursor: pointer;
  background-color: #777;
  color:#fff;
}
#T_button:active {
  background-color: #777;
}
#T_button.show {
  opacity: 1;
  visibility: visible;
}



.page_bt_wrap {position:fixed; right:3%; top:40%; width:125px; height:200px; background:rgba(0,0,0,0.3); padding:15px; box-sizing:border-box; }
.page_bt_wrap li .squ_bt{width:20px; height:20px; border:4px solid #ddd; box-sizing:border-box; cursor:pointer; float:left; margin-right:6px;}
.page_bt_wrap li a {color:#ddd; font-size:16px; line-height:1.3em; font-weight:300; display:block;  margin-bottom:10px;}

.page_bt_wrap {position:fixed; right:3%; top:40%;}
.page_bt_wrap li .squ_bt:hover{width:20px; height:20px; border:0; background:#003399; box-sizing:border-box; cursor:pointer; float:left; margin-right:6px;}
.page_bt_wrap li a:link		{text-decoration:none; color:#ddd;}
.page_bt_wrap li a:visited	{text-decoration:none; color:#ddd;}
.page_bt_wrap li a:hover	{text-decoration:none; color:#003399;}
.page_bt_wrap li a:active	{text-decoration:none; color:#003399;}






ul.tab_mn  {width:100%; float:left; background:#fff;}
ul.tab_mn li   {width:50%; box-sizing:border-box; font-size:16px;font-weight:600;
      text-align:center; float:left; list-style:none;}
.ov  {background-color:#444; }


ul.tab_mn a {
 	color: #333; display:block;
	padding:12px 0;
 }
ul.tab_mn a:link {
	text-decoration: none;
}
ul.tab_mn a:visited {
	text-decoration: none;
	color: #333;
}
ul.tab_mn a:hover {
	text-decoration: none;
	color: #333;
}
ul.tab_mn a:active {
	text-decoration: none;
	color: #333;}

ul.tab_mn .ov a {
 	color: #fff;
 }
ul.tab_mn .ov  a:link {
	text-decoration: none;
}
ul.tab_mn .ov  a:visited {
	text-decoration: none;
	color: #fff;
}
ul.tab_mn .ov  a:hover {
	text-decoration: none;
	color: #fff;
}
ul.tab_mn .ov  a:active {
	text-decoration: none;
	color: #fff;
	background:#555;}






/*
h2,h3,h4,h5   { margin:0px; padding-bottom:5px; color:#333; }
h2  		{font-weight:800;  font-size:2em;   line-height:1.2em; }
h3  		{font-weight:600;  font-size:1.5em; line-height:1.3em; }
h4  		{font-weight:600;  font-size:1.5em; line-height:1.3em; }
h5  		{font-weight:600;  font-size:1.3em; line-height:1.3em; padding-bottom:0px;}
*/