@charset "utf-8";

@font-face{
  font-family: 'NanumGothicWeb';
  font-style: normal;
  font-weight: normal;
  src: url('NanumGothic.eot');
  src: local('?'), url('NanumGothic.woff') format('woff');
}

@font-face{
  font-family: 'NanumGothicWeb';
  font-style: normal;
  font-weight: bold;
  src: url('NanumGothicBold.eot');     
  src: local('?'), url('NanumGothicBold.woff') format('woff');
}


@font-face{
  font-family: 'NanumGothicWeb';
  font-style: normal;
  font-weight: 900;
  src: url('NanumGothicExtraBold.eot');     
  src: local('?'), url('NanumGothicExtraBold.woff') format('woff');
}

/* reset css */
html,body{margin:0;padding:0;height:100%;}
body{font:13px/1.5 'NanumGothicWeb', verdana, "돋움", Dotum, "굴림", Gulim, sans-serif;background:#fff;color:#666; letter-spacing:-.25px;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,td,th,button{font:13px/1.5 'NanumGothicWeb', verdana, "돋움", Dotum, "굴림", Gulim, sans-serif;color:#666;vertical-align:middle; letter-spacing:-.25px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
ol,ul,li{list-style:none;}
hr, legend, caption, .skip{position:absolute;left:-5000px;top:0;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%;}
caption{position:relative;}
img,fieldset{border:0 none;}
label,button{cursor:pointer;vertical-align:middle;}
em,address{font-style:normal;}
a:link,a:visited{color:#767676;text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;}

table th,
table td{}

/* 인풋 */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"]{height:16px;padding:2px;border:1px solid #cfcfcf;line-height:16px;}
input[type="radio"],
input[type="checkbox"]{width:13px;height:13px;}
input[type="file"]{height:20px;border:1px solid #cfcfcf;background:none;}
textarea{overflow:auto;overflow-x:hidden;padding:2px 2px 2px 5px;border:1px solid #e1e1e1;background:#fff;font-family:dotum;resize:none;}
iframe.frame {width:100%;overflow:hidden;}
select{}

.form_left{display:inline-block;margin:-5px -10px 0 0;font-size:0.3em;}
* html .form_left{display:inline;}
*+html .form_left{display:inline;}
.form_left li{display:inline-block;margin:5px 10px 0 0;font-size:12px;}
* html .form_left li{display:inline;}
*+html .form_left li{display:inline;}
.form_left label{margin:0 0 0 5px;vertical-align:middle;}
.form_left.type_full li{width:100%;margin-right:0;}

/* 정렬 */
.al_middle{display:inline-block;vertical-align:middle;}

.clear{zoom:1;}
.clear:after{content:'';display:block;clear:both;}

/* 버튼 */
button{overflow:visible;margin:0;padding:0;border:0;background:none;white-space:nowrap;cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}
* html button{margin:0 1px;}
*+html button{margin:0 1px;}

.btn_wrap{zoom:1;margin:15px 0 0;font-size:0;text-align:center;}
.btn_wrap:after{content:'';display:block;clear:both;}
.btn_wrap .btn_left{float:left;margin:0 0 0 -3px;}
.btn_wrap .btn_right{float:right;margin:0 -3px 0 0;}
.btn_wrap input,
.btn_wrap button,
.btn_wrap a{display:inline-block;margin:0 3px;vertical-align:middle;}

.dtable .btn_center{padding:0;border:0;}
.btn_center{position:relative;margin-top:15px;text-align:center;font-size:0;}

.btn_css{display:inline-block;margin:0 3px;padding:0 0 0 8px;background:url('./image/btn_css.png') no-repeat;text-align:center;cursor:pointer;height:36px;vertical-align:middle;letter-spacing:0;}
.btn_css:hover{text-decoration:none;}
.btn_css span{display:inline-block;position:relative;right:-2px;height:36px;padding:0 10px 0 0;background:url('./image/btn_css.png') no-repeat 100% 0;font:bold 12px/36px dotum;color:#fff;}

.btn_css.gray{background-position:0 -36px;}
.btn_css.gray span{background-position:100% -36px;}

.btn_cs{display:inline-block;margin:0 3px;padding:0 0 0 5px;background:#856b48/*url('./image/btn_cs.png') no-repeat 0 0*/;text-align:center;cursor:pointer;height:17px;vertical-align:middle;letter-spacing:0;}
.btn_cs:hover{text-decoration:none;}
.btn_cs span{display:inline-block;position:relative;right:-2px;height:17px;padding:0 7px 0 0;background:#856b48;font:bold 11px/17px dotum;color:#fff;}

.btn_cs.orange{background:#e10000;}
.btn_cs.orange span{background:#e10000;}
.btn_cs.gray{background:#767676;}
.btn_cs.gray span{background:#767676;}
.btn_cs.white{background:url('./image/btn_cs.png') no-repeat 0 -17px;}
.btn_cs.white span{background:url('./image/btn_cs.png') no-repeat 100% -17px;color:#856b48;}

#wrap { width:100%; min-width:1000px; overflow:hidden; position:relative; }
.wrap {width:1000px;margin:auto;}
.wrap:after { content:""; display:block; clear:both; }

/* header */
#header {height:86px;}
#head_top {  position:relative; height:18px; padding:45px 0 20px; z-index:102; }
#head_top h1 {float:left;width:293px;}
#head_top .menu_wrap {position:relative;float:right;width:350px;}
#head_top .menu_wrap:after {content:"";display:block;clear:both;}
#head_top .menu_wrap ul {float:left;}
#head_top ul li { display:inline-block;color:#e0e5e6; }
/* #head_top ul li a {padding:0 10px;}*/
* html #head_top ul li { display:inline; }
*+html #head_top ul li { display:inline; } 
#head_top ul li a { padding:4px 6px; color:#313131; font-size:12px; }
#head_top ul li.lang a { background:#919191; color:#fff; }
#head_top ul li.lang a.on { background:#006c99;}

#header .search{display:inline-block;margin:0 0 0 10px;vertical-align:middle;}
*+html #header .search{display:inline;}
#header .search input {float:left;}
#header .search input[type="text"]{width:145px;height:16px;border:1px solid #f1f1f1;line-height:16px;}
#header .search input[type="image"]{padding:0;height:22px;}

/* logo, nav */
#nav { overflow:hidden;position:relative;height:64px;z-index:100;background:url("./image/common/bg_nav.png") repeat-x;}
#nav.on { }

#nav .inner { }
#gnbMenu {width:100%; height:64px;/* background:url("./image/gnb_bg.png") repeat-x; */}
#gnbMenu .inner{}

#gnb {position:relative;margin:0 auto;width:1000px; text-align:center; display:table; height:90px;}
#gnb li { position:relative;padding:0 40px;display:inline-block;vertical-align:top;}
#gnb li.on {background:url("./image/gnb_li_bg.png") no-repeat;}
#gnb li:first-child { margin:0; }
*+html #gnb li { display:inline; }
#gnb li a { position:relative; display:block;/* height:34px; */height:35px;font-size:14px; line-height:35px;color:#fff;}
#gnb li a img { margin:0; }
/*
#gnb li a:hover img,
#gnb li a:focus img { margin:-30px 0 0 0; }
*/

#gnb li.on .sub { display:block !important; }
#gnb .sub { position:absolute;/* top:40px; */top:-9999px;left:50%;width:9999px;/* height:37px; */height:29px;line-height:29px;text-align:left; }
#gnb .sub ul {display:inline-block;}
*+html #gnb .sub ul {display:inline;}
#gnb li li {display:inline;padding:0 9px;width:auto;line-height:29px;font-size:13px; color:#999; text-align:center;background:url("./image/sub_li_bg.gif") 0 50% no-repeat;zoom:1;vertical-align:baseline; }
#gnb li.on li a,
#gnb li li a { display:inline; border:0; padding:0 0 0 5px; color:#999; vertical-align:middle;}
#gnb li li a{height:auto;line-height:1.5;}
#gnb li li:first-child a { background-image:none; }
#gnb li li.active a,
#gnb li li a:hover,
#gnb li li a:focus { color:#444;}
#gnb li li.on{background:url("./image/sub_li_bg.gif") 0 50% no-repeat;}
#gnb li li:first-child,
#gnb li li.on:first-child{background:none;}

#gnb li.list_gnb4{position:static;}
#gnb li.list_gnb4 .sub{left:0;margin-left:0 !important;}

/*
#gnb li.list_gnb9{position:static;}
#gnb li.list_gnb9 .sub{left:auto;right:0;margin-left:0 !important;text-align:right;}
*/

/* main contents */
#container {}
#container.main h2 { margin:0 0 12px 0; font-weight:bold; color:#444; font-size:15px; }
#contents {}

#contents #ssu_main_box {margin:89px 0 0;/* padding:0 0 4px; *//* background:url("./image/banner_bg.jpg") 0 bottom no-repeat; */border:1px solid #ececec;}
#contents .main_line {height:4px;background:url("./image/banner_bg.jpg") 0 0 no-repeat;}
#contents .main_con {position:relative;margin:0 0 50px;border:1px solid #ececec;border-top:none;zoom:1;}
#contents .main_con:after {content:"";display:block;clear:both;}
#contents .main_con .main_lab {float:left;padding:0 22px;width:366px;}
#contents .main_con .main_lab .main_lab_qna {padding:11px 0 9px;}
#contents .main_con .main_lab .main_lab_photo {position:relative;padding:11px 0 10px;}
#contents .main_con .main_lab .widget_gallery01 {position:relative;}
#contents .main_con .main_lab .widget_gallery01 ul {}
#contents .main_con .main_lab .widget_gallery01 ul li {display:inline-block;*display:inline;zoom:1;width:116px;margin:0 0 0 5px;font-size:0;line-height:0;}
*+html #contents .main_con .main_lab .widget_gallery01 ul li {display:inline;}
#contents .main_con .main_lab .widget_gallery01 ul li:first-child {margin:0;}
#contents .main_con .main_lab .widget_gallery01 ul li a {display:block;width:114px;border:1px solid #edeaea;}
#contents .main_con .main_lab .widget_gallery01 ul li a img {display:block;}
#contents .main_con .main_quick {float:left;padding:0 0 18px 22px;width:384px;border-left:1px solid #ececec;}
#contents .main_con .main_quick h3 {padding:10px 0 12px;}
#contents .main_con .main_quick h3 + p{font-size:15px;}
#contents .main_con .main_quick .data {position:relative;margin:10px 0 0;zoom:1;}
#contents .main_con .main_quick .data:after {content:"";display:block;clear:both;}
#contents .main_con .main_quick .data a {display:block;float:left;overflow:hidden;padding:0 1px;width:120px;height:153px;border-left:1px solid #e3e3e3;}
#contents .main_con .main_quick .data a:first-child {border-left:none;}
#contents .main_con .main_quick .data a:hover img {margin:-153px 0 0;}
/* #contents .main_con .main_straight {float:left;width:175px;} */
#contents .main_con .main_straight {float:right;width:178px;}
#contents .main_con .main_straight a {display:block;font-size:0;line-height:0;border-top:1px solid #ececec;border-left:1px solid #ececec;}
#contents .main_con .main_straight a:first-child {border-top:none;border-left:1px solid #ececec;}
.widget_post02 {position:relative;padding:5px 0 13px;border-bottom:1px solid #ececec;}
.widget_post02 h6, .widget_gallery01 h6 {display:none;}
.widget_post02 ul {}
.widget_post02 ul li {position:relative;line-height:20px;zoom:1;font-size:12px;vertical-align:top;}
.widget_post02 ul li:after {content:"";display:block;clear:both;}
.widget_post02 ul li a {display:block;float:left;overflow:hidden;max-width:250px;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;}
.date {display:block;float:right;}
.data_new {display:inline-block;padding:0 0 0 5px;color:red;vertical-align:top;}
.more {position:absolute;right:0;top:-25px;}

/* main_banner */
#ssu_banner {}
#ssu_banner #outer {position:relative;}
#ssu_banner #outer #gallery {overflow:hidden;text-align:center;}
#ssu_banner #outer #gallery .inner {height:408px;}
#ssu_banner #outer #gallery .inner .banner_list {}
#ssu_banner #outer #gallery .inner .banner_list li {position:absolute;left:0;top:0;}
#ssu_banner #outer .control_wrap {position:relative;line-height:14px;}
#ssu_banner #outer .control_wrap .control {position:relative;top:385px;text-align:center;zoom:1;}
#ssu_banner #outer .control_wrap .control:after {content:"";display:block;clear:both;}
#ssu_banner #outer .control_wrap .control li {display:inline-block;*display:inline;zoom:1;margin:0 7px;font-size:0;}
#ssu_banner #outer .control_wrap .control li a {overflow:hidden;display:inline-block;width:14px;height:14px;}
#ssu_banner #outer .control_wrap .control li.on a img {margin:-14px 0 0;}

/* visual */
.photo_slide{width:100%; height:530px; position:relative;}
.m_visu_txt { position:absolute; top:0; left:50%; width:955px; margin-left:-500px;  padding:60px 0 0 45px; z-index:10; }
.photo_slide .photo_s_list{ position:relative; width:1000px; height:530px; margin:0 auto; }
.photo_slide .photo_s_list li{ width:1000px; height:530px; position:absolute; top:0; }
.photo_slide .photo_s_list li .dim{ width:100%; height:100%; display:block; background-color:#000; opacity:.7; filter:alpha(opacity=70); position:absolute; left:0; top:0;}
.photo_slide .photo_s_list li img{vertical-align:top;}
.ps01{left:0;}
.photo_slide .photo_s_list li.ps01 .dim{display:none;}
.ps02{left:100%;}
.ps03{left:-100%;}
.photo_slide .nav { position:absolute;  top:50%; left:50%; width:1000px;  height:40px; margin-left:-500px; font-size:0; }
.photo_slide .nav a { display:block;  width:40px;  height:40px;  overflow:hidden; position:relative; }
.photo_slide .nav a img { margin:0; }
.photo_slide .nav a:hover img,
.photo_slide .nav a:focus img { margin-top:-40px; }
.photo_slide .nav .preview { left:-40px; }
.photo_slide .nav .next { top:-40px; right:-1000px; }

/* sub contents */
#container.sub { padding:80px 0 50px 0;/* min-height:550px; */}
#container.sub #contents {position:relative;}

.page_top { position:relative;zoom:1;overflow:hidden;margin:0 0 40px 0;padding:0 0 18px 0;border-bottom:1px solid #e3e3e3;}
.page_title {float:left;font-size:30px; color:#363636; font:bold 30px/1.5 'NanumGothicWeb',verdana,"돋움",Dotum,"굴림",Gulim,sans-serif;}
.depth {float:right;margin:25px 0 0 0; color:#c4c6c9; font-size:13px; }
.depth span,
.depth a,
.depth a:hover,
.depth a:focus { padding:0 5px; }
.depth span img { vertical-align:middle; }
.depth span.current {}
.depth a.on {color:#e31f31;}
/* .depth span a:last-child {color:#1da1c6;} */

.aside { width:148px; float:left; }
.aside .sub_title { font-size:30px; font-weight:bold; color:#00598a; margin-bottom:18px; } 
.aside .lnb {}
.aside .lnb li {padding:0 0 4px;}
.aside .lnb li a { display:block; padding:9px 10px 8px;font-size:14px; color:#7f7f7f;white-space:nowrap;background:url("./image/lnb_bg.gif") no-repeat;}
.aside .lnb li.active a,
.aside .lnb li.on a {background:url("./image/lnb_bg_active.gif") no-repeat; color:#fff;}

.aside .side_banner { margin:10px 0 0;}
.aside + .sub_cont {width:800px;float:right;}
.sub_cont{}
.sub_cont .none { position: absolute; left: -5000px; top: 0; visibility: hidden; overflow: hidden; line-height: 0.1%; font-size: 0.1%; width: 0.1%; height: 0.1%; }

/* About us */  
.research_area table {}
.research_area table th {padding:10px 0 0;font-size:18px;font-weight:bold;color:#555;vertical-align:top;text-align:left;background:url("./image/sub_title_bg.gif") left top no-repeat;}
.research_area table td {padding:15px 0 45px;font-size:13px;color:#878787;}
.ssu_contactus {padding:30px 0 0 0;}
.ssu_contactus table {font-size:14px;border:1px solid #dfdfdf;}
.ssu_contactus table th {padding:5px 0;color:#5c5c5c;background:#f3f3f3;border-bottom:1px solid #dfdfdf;}
.ssu_contactus table td {padding:5px 40px;color:#999;background:#f9f9f9;border-left:1px solid #f1f1f1;border-top:1px solid #dfdfdf;}
.ssu_contactus table td:first-child {border-top:none;}

/* professor */
.introduce_professor {position:relative;padding:20px 32px;border:1px solid #ececec;zoom:1;}
.introduce_professor:after {content:"";display:block;clear:both;}
.introduce_professor .professor1 {float:left;padding:6px 4px;border:1px solid #ececec;}
.introduce_professor .professor1 .professor1_img {border:1px solid #ececec;}
.introduce_professor .professor2 {float:left;padding:0 35px 0;width:535px;}
.introduce_professor .professor2 p {padding:5px 15px 10px 0;border-bottom:1px dashed #ececec;}
.introduce_professor .professor2 p span {font-size:16px;color:#1da1c6;font-weight:bold;}
.introduce_professor .professor2 dl {position:relative;zoom:1;padding:10px 0 0;}
.introduce_professor .professor2 dl:after {content:"";display:block;clear:both;}
.introduce_professor .professor2 dl dt {float:left;width:60px;color:#444;font-weight:bold;}
.introduce_professor .professor2 dl dd {position:relative;float:left;width:465px;}
.introduce_professor .professor2 dl dd span {color:#1da1c6;}
.introduce_professor .professor2 dl dd a.mailto {padding:0 30px 0 0;background:url("./image/mailto_professor.gif") 100px 6px no-repeat;}
h3.professor {margin:27px 0 0;padding:10px 0 10px;font-size:18px;font-weight:bold;color:#555;background:url("./image/sub_title_bg.gif") left top no-repeat;}
h4.work {padding:10px 0 10px 5px;font-size:20px;color:#035b8b;font-weight:bold;background:url("./image/blue_square.gif") 0 24px no-repeat;}
.professor3 {}
.professor3 ul {padding:0 0 20px;}
.professor3 ul li {line-height:21px;color:#878787;}
/*
.professor3 table td {padding:7px 0;}
.professor3 table tr td:first-child {font-size:14px;color:#1da1c6;}
.professor3 table tr td {font-size:14px;color:#878787;}
.professor3 table tr td.line {margin:0 0 8px;padding:7px 0 15px;border-bottom:1px dashed #acacac;}
.professor3 table tr td.line2 {padding:15px 0 7px;}
.professor3 table tr td.line3 {padding:15px 0 15px;border-bottom:1px dashed #acacac;}
.professor3 h4 {color:#1da1c6;}
*/

.professor3 table{margin:-5px 0 0;}
.professor3 table td{padding:7px 0;border-top:1px dashed #acacac;}
.professor3 table tr:first-child td{border-top:0;}
.professor3 table table{margin-top:0;}
.professor3 table table td{padding:2px 0;border-top:0;}
.professor3 table table td:first-child {color:#1da1c6;}

/* research */
.framework {}
.framework img {display:block;margin:0 auto;}
h4.framework  {padding:10px 0 10px 7px;font-size:20px;font-weight:bold;color:#025a8b;background:url("./image/blue_square.gif") 0 24px no-repeat;}
h4.framework span {font-size:16px;color:#7b7b7b;}
.list01 li {margin:0 0 2px;padding:0 0 0 15px;height:42px;line-height:42px;font-size:14px;background:url("./image/list_bg01.gif") 0 0 no-repeat;}
.list01 li span {display:inline-block;*display:inline;zoom:1;width:182px;color:#fff;letter-spacing:-2px;}
.framework .list02 {position:relative;zoom:1;height:138px;background:url("./image/list_bg02.gif") 0 0 no-repeat;}
.framework .list02:after {content:"";display:block;clear:both;}
.framework .list02 .list02_1 {float:left;padding:33px 0 33px 54px;font-size:16px;color:#fff;}
.framework .list02 .list02_2 {float:right;padding:17px 80px 16px 54px;font-size:14px;color:#878686;}
.framework .list02 .list02_3 {text-align:center;}
.list03 {margin:15px 0 0;padding:5px 0;background:#f1f2f2;border:1px solid #cfcfcf;}
.list03 li {padding:7px 16px;font-size:14px;font-weight:bold;color:#025a8b;}
h3.exobrain {display:inline-block;*display:inline;zoom:1;margin:0 0 15px;padding:0 11px;font-size:18px;color:#fff;background:#025a8b;}  
.sub_cont span.detail {display:inline-block;*display:inline;zoom:1;margin:0 0 15px;padding:0 0 0 9px;font-size:18px;}
h3.exobrain span {font-size:18px;color:#7b7b7b;background:#fff;}
.exobrain01 {padding:10px 0 10px 17px;background:#f1f2f2;}
.exobrain01 li {display:inline-block;*display:inline;zoom:1;padding:0 48px 0 6px;font-size:14px;background:url("./image/blue_square.gif") 0 50% no-repeat;}
*+html .exobrain li {display:inline;}

/* footer */
#footer { position:relative; overflow:hidden;color:#777b82;background:#f6f6f6;border-top:1px solid #e8e8e8;}
#footer .footer_wrap {margin:0 auto;padding:18px 0;width:1000px;font-size:12px;text-align:center;color:#767676;}

/******************************************************************************************/

#bbsview #vContent{margin-bottom:15px; padding:15px 10px; border-bottom:1px solid #ddd;} 

.ssu_con_0407 {width:600px;}