/*-----------------------------------------
Basic Style Sheet (for version 7 browsers)
 
version:		2.0
author:		kimdaehan
email:		kimdehan@nate.com
website:	
-------------------------------------------*/
@charset "utf-8";

/* sub L */
#header{width:100%; height:300px; background-image:url(/images/common/gnb_background.gif); background-repeat:repeat-x;}
#gnb{width:100%; height:300px; position:relative;  }




#contents{width:980px; position:relative; left:50%;	 margin-left:-490px; }
.contents_map{width:980px; text-align:right; height:50px;}
.contents_main{float:left; width:770px; }

#footer{ position: absolute; float:left; width:100%; height:315px;}
#footer_st{background-image:url(/images/common/footer_st.gif); background-repeat:repeat-x;}



/*  */
body {height:100%; margin:0; padding:0; z-index:-10;}
body {font-size:12px; font-family:"dotum", "Verdana"; background-color:#fff; color:#333; -webkit-text-size-adjust:none;}
table {border-collapse:collapse;}
div, p, a, ul, ol, lo, dl, dt, dd, h1, h2, h3, h4, h5 {margin:0; padding:0;}
ul{list-style:none; padding:0; margin:0;}
hr{display:none;}
div.hide{display:none}
ul, ol, li { list-style:none;}
a {color: #777777; cursor:pointer;}
a:hover {text-decoration:none} 
img {margin:0; padding:0; vertical-align:top; border:0px none;}
br { letter-spacing: 0; } 

.b {font-weight:bold;}
.padding_l45 {padding-left:45px;}

/*서브 비주얼*/
#int_bng { background-image:url('/images/common/int_bng.jpg');  background-repeat:no-repeat;  background-position:50% 84px;; width:100%; height:210px;  }
#pro_bng { background-image:url('/images/common/pro_bng.jpg');  background-repeat:no-repeat;  background-position:50% 84px;; width:100%; height:210px;  }



/* 입력폼*/
.input{border:1px solid #cccccc; font-family: "dotum","돋움";font-size: 11px; color:#757575; background-color:#ffffff; height:20px;}
.text_left {font-size:12px; font-family:돋움; color:#444444; text-align:left;}
.text_center {font-size:12px; font-family:돋움; color:#444444; text-align:center;}
.text_right {font-size:12px; font-family:돋움; color:#444444; text-align:right;}

/* 기본으로 삽입 */
A {color: #444444}
A:link {font-family:돋움; font-size: 12px; color: #444444; text-decoration:none}
A:visited {font-family:돋움; font-size: 12px; color: #444444; text-decoration:none}
A:active {font-family:돋움; font-size: 12px; color: #444444; text-decoration:none}
A:hover {font-family:돋움; font-size: 12px; color: #444444; text-decoration:none}

/* text */
text-decoration:none;
text-decoration:underline;
line-height: 160%; /* 높이 */  
letter-spacing:0; /* 자간 */

/**/

.txt_day { font-size:11px; color:#888888;}



/************add 20140310  heo*****************/

.tbl_research {border:1px solid #e9e9e9;text-align:center;margin:50px 0 0 0;}
.tbl_research tr th {border:1px solid #e9e9e9;padding: 12px 0;background-color:#efefef;}
.tbl_research tr td {border:1px solid #e9e9e9;padding:10px;}
 

/* 170803 추가 publication list page*/
.publication_tableList thead tr td{border-bottom:none; font-weight:600; padding:0;}
.publication_tableList tbody tr td{padding:5px 0; border-bottom:1px solid #ccc;}

/* 171212 추가 연구실소개 수정 */
.labintro_wrap{text-align:justify;}
.labintro_wrap p{font-size:12px; font-weight:400; color:#333; line-height:20px; margin-bottom:30px;}

.research_cont div{text-align:center;}
.research_cont div h2, .lab_members h2{font-size:12px; font-weight:600; color:#333; text-align:left;}
.research_cont div h2 span{display:block; font-size:12px; font-weight:400; color:#333; line-height:15px; margin-top:15px;  text-align:justify;}
.research_cont div img{display:inline-block; border:1px solid #ddd;}
.research_bg1{margin:32px 0 55px 0;}
.research_bg2{margin:33px 0 52px 0;}
.research_bg3{margin:32px 0 50px 0;}
.research_bg4{margin:64px 0 89px 0; border:none !important;}
.research_bg5{margin:32px 0 54px 0;}
.research_bg6{margin:48px 0 50px 0;}
.research_bg7{margin:32px 0 51px 0;}
.research_bg8{margin:30px 0 52px 0;}
.research_bg9{margin:30px 0 53px 0;}
.research_bg10{margin:31px 0 50px 0;}
.research_bg11{margin:32px 0 60px 0;}
.lab_members p{text-align:left; font-size:12px; font-weight:600; color:#0b60a9; margin-top:20px;}
.lab_members p span{display:block; word-break:keep-all; font-size:12px; font-weight:400; color:#333; line-height:15px; margin-top:5px;}




/* 210422 관리자페이지 이미지 수정 main_img_modify */
table.main_img_modify {}
table.main_img_modify .imgbox_modify {border:1px solid #888; float:left; width:49%; height:210px; margin:0 0.5% 10px; box-sizing:border-box; padding:20px;}
table.main_img_modify .imgbox_modify h5 {font-size:16px; text-align:center; color:#333; margin:0 0 15px 0;}
table.main_img_modify .imgbox_modify span {display:block; margin:0 0 10px 0; }
table.main_img_modify .imgbox_modify {}

table.main_img_modify input[type="file"] {
	padding:10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; 
}

.btn_wrap {text-align:center; margin:20px 0 0 0;}
.btn_wrap input {margin:0 0 15px 0;}
.btn_wrap .modify {display: inline-block; border-radius: none; background: #117dd9; width: 80px; height: 25px; border-radius: 25px; line-height: 25px; text-align: center; color: #fff; font-weight: 600; margin:0 10px 0 0;}
.btn_wrap .delete {display: inline-block; border-radius: none; background: #353535; width: 80px; height: 25px; border-radius: 25px; line-height: 25px; text-align: center; color: #fff; font-weight: 600;}


/* lab_01 02 */
.laboratory {}
.laboratory .labo_wrap {border:1px solid #888; float:left; width:49%; margin:0 0.5% 10px; box-sizing:border-box; padding:20px;}
.laboratory .labo_wrap:nth-child(2n+1) {clear:both;}
.laboratory .labo_wrap h4 {background:#6bb6d6; font-size:14px; font-weight:bold; padding:10px; box-sizing:border-box; border-radius:5px; color:#fff; text-align:center; margin:0 0 10px 0;}
.laboratory .labo_wrap div.labo_img {width:100%; height:220px; text-align:center; position:relative; margin:15px 0;}
.laboratory .labo_wrap div.labo_img img {max-width:100%; max-height:220px;}
.laboratory .labo_wrap textarea {width:100%; height:50px; overflow:auto; resize:none;}

.laboratory .labo_wrap2 {border:1px solid #888; width:100%; margin:0 0 10px 0; box-sizing:border-box; padding:20px;}
.laboratory .labo_wrap2:nth-child(2n+1) {clear:both;}
.laboratory .labo_wrap2 h4 {background:#6bb6d6; font-size:14px; font-weight:bold; padding:10px; box-sizing:border-box; border-radius:5px; color:#fff; text-align:center; margin:0 0 10px 0;}
.laboratory .labo_wrap2 h4 sup {font-size:8px;}
.laboratory .labo_wrap2 div.labo_img {width:100%; text-align:center; position:relative; margin:15px 0;}
.laboratory .labo_wrap2 div.labo_img img {max-width:100%;}
.laboratory .labo_wrap2 textarea {width:100%; height:50px; overflow:auto; resize:none;}

.labo_txt {border-top:1px solid #ddd; font-size:12px; color:#666; padding:15px 0 0 8px; margin:0 15px; box-sizing:border-box; background:url('/images/sub/dot_gray.png') 0 22px no-repeat; line-height:18px; letter-spacing:-0.02em; word-break:keep-all;}

#gallery_tab li {float:left; width:100px; height:30px; }
#gallery_tab li a { display: block; width: 100%; font-size: 13px; font-weight: 600;height: 30px;border: 1px solid #ccc;border-bottom: 1px solid #333;line-height: 30px;text-align: center;color: #999;box-sizing: border-box;}
#gallery_tab li:hover a, #gallery_tab li.on a {background: #fff;color: #333;border: 1px solid #333;border-bottom: 1px solid #333;}