@charset "utf-8";

.submenuwrap {margin:0 8px 0 0; clear:none; float:left; width:189px; }
#submenu {background-color:#fff; padding:35px 19px 60px; border:1px solid #5c8bc3; margin-bottom:50px; }
#submenu h2 {float:none; padding:10px 0 22px; color:#000; font-size:18px; letter-spacing:-1px; border-bottom:1px solid #ccc;}
#submenu h2.sub02 {background:url(../images/sub/deco01.gif) no-repeat 40px 6px;}/* 왼쪽 타이틀 옆 이파리 위치-2글자일때 */
#submenu h2.sub03 {background:url(../images/sub/deco01.gif) no-repeat 60px 6px;}/* 왼쪽 타이틀 옆 이파리 위치-3글자일때 */
#submenu h2.sub04 {background:url(../images/sub/deco01.gif) no-repeat 80px 6px;}/* 왼쪽 타이틀 옆 이파리 위치-4글자일때 */
#submenu li {float:none; display:block; font-size:14px; }

#submenu .prof li:first-child {border-top:1px solid #ccc; margin-top:28px;}

#submenu li a {padding:12px 0;display:block; color:#333; border-left:0 !important;border-bottom:1px solid #ccc;}
#submenu li a.on { color:#4582d6; font-weight:bold;}
#submenu li a:hover { color:#4582d6; font-weight:bold;}

.container {width:1103px; margin:0 auto; }
.contentwrap { float:right;padding:0 6px 0 0; width:898px;}

.contentwrap p {line-height:180%; padding-bottom:10px;font-size:13px}
.contentwrap h1.title { font-size:30px;padding:25px 0 0; letter-spacing:-1px;color:#000;}

#submenu,.contentwrap .bx_visual, .contentwrap .bx_contents { 
	-moz-box-shadow: 4px 4px 8px rgba(0,57,134,.2);
	-webkit-box-shadow: 4px 4px 8px rgba(0,57,134,.2);
	box-shadow: 4px 4px 8px rgba(0,57,134,.2);}
.contentwrap .bx_visual { background:#fff; border:1px solid #5c8bc3; padding:20px;}
.contentwrap .bx_contents {background:#fff; border:1px solid #5c8bc3; padding:20px 34px; margin:8px 0 50px; position:relative;}
.contentwrap .bx_contents.prof {min-height:501px;}
.con-txt-long { float:left}

#locator {float:right;padding-top:37px;}
#locator li{display:inline-block;float:left;padding:0 12px 0 8px;background:url(../images/common/menuArrow.gif) no-repeat right 4px;}
#locator li.home{ padding-top:5px}
#locator li.current{background:none;padding-right:0;font-weight:bold;color:#333;}
#locator li.current a{padding-right:0;font-weight:bold;color:#333;}

#contents {clear:both; padding:20px 0 30px; vertical-align:top;}

ul.norlist li {padding:5px 0 5px 10px; background:url(../images/common/list_icon3.gif) 0 10px no-repeat;font-size:13px}
ul.norlist li li {padding:3px 0 3px 10px; background:none; }

ul.norlist2 li {padding:5px 0 5px 0px; background:none;font-size:13px}

/* 팝업존 */
.popupzoneArea {}
.popupzoneArea .popupblock { display:table;}
.popupzoneArea .popupblock li { width:245px; float:left; display:table-cell; text-align:center; padding-bottom:20px; height:auto}
.popupzoneArea .popupblock img {width:90%; border:1px solid #ccc}
.popupzoneArea .popupblock li a:hover img { border:1px solid #4597e9}
.popupzoneArea .popupblock span {padding:8px 0 0 10px; display:block; text-align:left;}

/* 서브페이지 공통 */
.infobox { border-radius:5px; border:1px solid #ccc; padding:12px 20px; line-height:1.5; clear:both; behavior: url(/css/css3pie/PIE.htc);}
.bluebox {border-color:#c0d3e9; background-color:#e7eef5; color:#414e5a}
.orngbox {border-color:#d4cec0; background-color:#f3f1eb; color:#250000}
h3.title { background:url(../images/sub/bulletH2.gif) no-repeat 0 50%; padding-left:22px; font-size:1.3em; margin:10px 0 10px; color:#000; clear:both;}
h3.title2 { background:url(../images/sub/bulletH2.gif) no-repeat 0 50%; padding-left:22px; font-size:1.3em; margin:30px 0 10px; color:#000; clear:both; float:left}
h3.title2Top { background:url(../images/sub/bulletH2.gif) no-repeat 0 50%; padding-left:22px; font-size:1.3em; margin:0px 0 10px; color:#000; clear:both; float:left}
h4.title { background:url(../images/sub/bulletH4.gif) no-repeat 0 50%; padding-left:17px; font-size:1.2em; margin:30px 0 10px; color:#1d59b4; clear:both;}
h4.title2 { background:url(../images/sub/bulletH4.gif) no-repeat 0 50%; padding-left:17px; font-size:1.2em; margin:30px 0 10px; color:#1d59b4;clear:both;float:left}
h5.title2 {font-size:1.1em; margin:30px 0 5px; color:#000; clear:both; float:left}

/* 사이트맵 */
.sitemap {background:url(../images/sub/bg_sitemap.jpg) right bottom no-repeat; width:100%; height:230px}
.site_block{float:left;width:125px;padding-left:15px; height:270px}
.site_block:first-child{padding-left:0px;}
.site_block h4 {background:#6a9ce2; width:125px; height:31px; text-align:center; font-size:11pt; line-height:31px; color:#fff}
.site_block li {border-bottom:1px solid #ccc; text-align:center;}
.site_block li a {padding:0; line-height:30px; display:block; color:#000 }
.site_block li a:hover { font-weight:600; background:#fafafa;}


/* 팝업 */
.popupWrap { padding:0 20px; margin:0 auto;}
.graph { border:1px solid #ccc; margin-bottom:25px}

/* 학과사무실 */
.officewrapper { background:url(../images/sub/bg_office.jpg) 100% 100% no-repeat;}
.office {width:350px;}
.office:after{content:"";display:block;clear:both;}
.office dt {float:left; width:78px; clear:left; padding-bottom:10px;}
.office dd {float:left; line-height:23px;}
.office dd.name {font-size:15px; color:#235fb1; font-weight:600;}

/* Tab Navigation */
.tab{padding:0 0 30px 0}
.tab ul{position:relative;margin:0;padding:0;list-style:none;border-bottom:1px solid #ccc;*zoom:1}
.tab ul:after{content:"";display:block;clear:both}
.tab li{float:left;margin-bottom:-1px; margin-left:-1px; line-height:1.3 }
.tab li a{position:relative;float:left;text-decoration:none;border:1px solid #c2c2c2;border-bottom-color:#ccc;background:#f0f0f0;color:#333;min-width:125px;  text-align:center; border-top-left-radius:5px;border-top-right-radius:5px; }
.tab li a span{display:inline-block;height:14px;padding:6px 15px 7px 15px;cursor:pointer}
.tab li.active a, .tab li a:hover{border:1px solid #ccc;border-bottom:1px solid #fff;margin-top:0px;background:transparent}
.tab li.active a span, .tab li a:hover span{padding-bottom:7px;font-weight:bold; color:#235fb1;}

/*history*/
.history { margin:30px 0 0 20px;}
.history dl { padding:10px 0 40px; font-size:13px;}
.history dt {float:left; color:#235fb1; font-weight:bold; width:76px; text-align:right; padding-top:17px;}
.history dd{  width:710px; margin-left:70px;padding:17px 0 0 20px;}
.history dt.narrow, .history dd.narrow {padding-top:7px;}
.history dt.letter {letter-spacing:-1px;}

/* 교수진 */
.professor {position:relative;}
.professor .pic {background:url(../images/sub/bg_pic.jpg) no-repeat; width:144px; }
.professor .pic dt {height:126px; padding:7px 0 0 7px;}
.professor .pic dd {color:#3770c0; font-size:17px;font-weight:600; text-align:center; padding-right:30px;}
.professor .pic dd span {font-size:14px;}
.professor .pic dd strong {font-size: 12px; color:#555; display:block; margin-top:5px;}

.professor .detail {border-top:2px solid #333; width:682px; margin-bottom:30px;}
.professor .detail dt, .professor .detail dd {line-height:34px; border-bottom:1px solid #ccc;}
.professor .detail dt {width:90px; padding-left:10px; float:left; font-weight:600;}
.professor .detail dd {margin-left:100px;}
.professor .detail dt.line2, .professor .detail dd.line2 {line-height:20px; padding-top:8px ; height:48px}

.professor .detailLab {border-top:2px solid #333; border-bottom:1px solid #ccc; width:682px; margin-bottom:30px;}
.professor .detailLab dt, .professor .detailLab dd {line-height:34px; border-bottom:1px solid #ccc;}
.professor .detailLab dt {width:90px; padding-left:10px; float:left; font-weight:600;}
.professor .detailLab dd {margin-left:100px;}
.professor .detailLab dt.line2, .professor .detailLab dd.line2 {line-height:20px; padding-top:8px ; height:48px}

.professor .detailLab dt.info { border:none;height:100px; }
.professor .detailLab dd.info{line-height:20px;border:none; padding:6px 0 10px;}
.professor .detailLab dd.name {font-weight:600; color:#3775cb;}

.professor .profimg { position:absolute; right:5px; bottom:33px;}
.professor a {color:#0066CC;}

/* go to top */
.gotop {position:absolute; right:-19px; top:350px; width:36px; height:36px; background:url(../images/common/btn_top.png) no-repeat; z-index:3; cursor: pointer}

/* 교수 홈페이지 */
h2.lab {font-size:35px; margin-top:48px; color:#073668; text-shadow:#447bd9 1px 1px 2px; letter-spacing:-1px;}
.box { border:1px solid #ccc; padding:30px 30px 20px 30px;}
.box.grey{background:#f7f7f7;}
.feat li {padding:15px 0 15px; border-top:1px dashed #ccc; line-height:160%;}
.feat li.last {border-bottom:1px dashed #ccc;}
.feat li:first-child {border:none;}
.feat li:hover { background:#f7f7f7;}
.member {position:relative; border-bottom:1px dashed #ccc; margin-bottom:28px;}
.member dt {background:url(../images/sub/bg_pic.gif) no-repeat; width:135px; height:160px; float:left; padding:1px}
.member dd {width:650px; float:left;}
.member .name { font-size:14px; font-weight:600; color:#333;}
.member .name_eng { margin:5px 0 20px; font-weight:600;}
.member .detail { line-height:20px; position:absolute; bottom:22px; left:135px;}

/* 교육이념 및 목표 */
.edu {background:url(../images/sub/txt_biology.jpg) 0 100% no-repeat; padding-bottom:160px;}

.privacy {padding:0 20px 20px;}
.privacy h1 { border-bottom:1px solid #ccc;}
.privacy p {line-height:180%; margin-top:15px;}

/* greetings */
.greetings {background:url(../images/sub/greetings.gif) right bottom no-repeat; margin-bottom:-50px; padding-bottom:150px}

.min502 {min-height:502px !important;}