html{overflow:auto}
body{background:#fff}
#wrap {width:100%; min-width:1200px;}

#header, #mainVisual, #subVisual, #container, #foot {width:100%; position:relative;}
.inner {width:1200px; margin:0 auto; position:relative;}

#header{width:100%; height:90px; z-index:100;}
.headerWrap {background:#fff; position:relative; z-index:100;}
.headerWrap:after {content:''; display:block; clear:both;}
.headerWrap	h1{padding-top:15px; float:left;}

#topmenu {position: absolute; top:0; right:0; width:665px; color:#333333; z-index:100;}
#topmenu ul:after {display:block; content:""; clear:both;}
#topmenu ul a {display:block; color:#2d2f33;}
#topmenu > ul > li {position:relative; float:left; height:22px; line-height:22px; padding:34px 0; margin:0 35px; font-size:20px; font-weight:400;}
#topmenu ul li.m_active > a, #topmenu ul li a.on {color:#2b70aa;}
#topmenu ul li a.on {color:#2b70aa;}
#topmenu > ul > li > a {display:block; width:100%; text-align:center; padding:0; height:52px;}
#topmenu > ul > li > a > span:before {content: '';	width:100%;	height: 3px;	position: absolute;	left: 0;	bottom: 0;	-webkit-transition: -webkit-transform 0.2s;	transition:-webkit-transform 0.2s;	-o-transition:transform 0.2s;	transition:transform 0.2s;	transition: transform 0.2s, -webkit-transform 0.2s;	-webkit-transform: scale3d(0, 1, 1);	transform: scale3d(0, 1, 1);}
#topmenu ul li a.on span:before {background: #2b70aa; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
#topmenu ul li a:focus span:before {background: #2b70aa; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
#topmenu div.submenu {position:absolute; top:20px; display:none; z-index:100; border-top:0px; opacity:0;}
#topmenu div.submenu ul {margin:0; padding:0px; font-size:13px;}
#topmenu div.submenu ul li {position:relative; height:auto; float:left; text-align:left;}
#topmenu div.submenu ul li a {display:block; padding:10px 15px; font-weight:normal; color:#fff !important; text-align:left; font-size:15px;}
#topmenu div.submenu ul li a:hover {text-decoration:underline;}
#topmenu div.submenu ul li a.active {text-decoration:underline;}
#topmenu ul li.m1 div.submenu{left:-70px; width:330px; z-index:100;}
#topmenu ul li.m2 div.submenu{left:-160px; width:420px; z-index:100;}
#topmenu ul li.m3 div.submenu{left:-95px; width:250px; z-index:100;}
#topmenu ul li.m4 div.submenu{left:-220px; width:600px; z-index:100;}
.submenu_bg {position:absolute; width:100%; height:42px; background:url('/images/common/bg_submenu.png') repeat 0 0; z-index:55; top:90px; display:none; opacity:0;}

#mainVisual{width:100%; position:relative; z-index:1 !important; overflow:hidden;}
#mainVisual .mainSlide { min-width:1200px;}
#mainVisual li {text-align:center; left:50%; margin-left:-960px;}
#mainVisual .bx-controls-direction .bx-prev {font-size:0; line-height:0; display:block; width:49px; height:49px; position:absolute; left:1%; top:48%; z-index:99; background:url('/images/main/arrows.png') no-repeat left top;}
#mainVisual .bx-controls-direction .bx-next {font-size:0; line-height:0; display:block; width:49px; height:49px; position:absolute; right:1%; top:48%; z-index:99; background:url('/images/main/arrows.png') no-repeat left bottom;}
.visualText {position:absolute; width:1200px; z-index:55; color:#fff; text-align:center; top:155px; left:50%; margin-left:-600px;}
.visualText h2 {margin-top:20px; opacity:0;}
.visualText p {margin-top:60px; line-height:30px; font-size:20px; opacity:0;}

#subVisual {width:100%; height:275px; overflow:hidden; text-align:center;}
.pageTitle {width:100%; color:#fff; padding:97px 0;}
.pageTitle h2 {font-weight:600; font-size:50px; margin-top:20px; opacity:0;}
.pageTitle p {font-weight:400; font-size:20px; margin-top:5px; margin-top:20px; opacity:0;}
.subVisual01 {background:url('/images/sub/bg_subvisual01.jpg') no-repeat center top;}
.subVisual02 {background:url('/images/sub/bg_subvisual02.jpg') no-repeat center top;}
.subVisual03 {background:url('/images/sub/bg_subvisual03.jpg') no-repeat center top;}
.subVisual04 {background:url('/images/sub/bg_subvisual04.jpg') no-repeat center top;}

.mainConWrap {margin-top:45px;}
.mainConWrap .section {padding:60px 0; width:1200px; margin:0 auto;}
.mainConWrap .section:after {content:''; display:block; clear:both;}
.mainConWrap .section .title {text-align:center; font-size:36px; font-weight:400; color:#222; line-height:36px; margin-bottom:15px;}
.mainConWrap .section .sub_title {text-align:center; font-size:20px; line-height:30px;}
.mainConWrap .section .plus {display:block; text-align:center; margin-top:50px;}
.mainConWrap .section01 {width:1782px; margin:0 auto;}
.mainConWrap .section01 .labIntro {margin-top:65px;}
.mainConWrap .section01 .labIntro:after {content:''; display:block; clear:both;}
.mainConWrap .section01 .labIntro a	{display:block; width:33.3%; float:left; position:relative; z-index:1;}
.mainConWrap .section01 .labIntro a	.background {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.mainConWrap .section01 .labIntro a	.background.black {background:url('/images/main/bg_black.png') repeat 0 0; opacity:1;}
.mainConWrap .section01 .labIntro a	.background.white {background:url('/images/main/bg_white.png') repeat 0 0; opacity:0;}
.mainConWrap .section01 .labIntro a	img {width:100%; vertical-align:top; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.mainConWrap .section01 .labIntro a	dl {position:absolute; text-align:center; width:100%; margin-top:105px; z-index:2;}
.mainConWrap .section01 .labIntro a	dt {font-weight:600; font-size:30px; margin-bottom:10px; color:#fff;}
.mainConWrap .section01 .labIntro a	dd {font-size:16px; line-height:22px; color:#e7e7e7;}
.mainConWrap .section01 .labIntro a	.btn_moreview {display:inline-block; min-width:85px; font-family:'Open Sans', sans-serif; font-weight:700; color:#fff; padding:0 32px; border:2px solid #fff; height:38px; line-height:38px; text-align:center; font-size:15px; margin-top:40px;}
.mainConWrap .section01 .labIntro a * {-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s;}
.mainConWrap .section01 .labIntro a:hover {z-index:2;}
.mainConWrap .section01 .labIntro a:hover img {-webkit-box-shadow: 0px 11px 12px -3px rgba(0,0,0,0.22); box-shadow: 0px 11px 12px -3px rgba(0,0,0,0.22); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)}
.mainConWrap .section01 .labIntro a:hover dt {color:#222;}
.mainConWrap .section01 .labIntro a:hover dd {color:#222;}
.mainConWrap .section01 .labIntro a:hover .btn_moreview {background:#222; color:#fff; border-color:#222;}
.mainConWrap .section01 .labIntro a:hover	.background.black {opacity:0; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s; -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)}
.mainConWrap .section01 .labIntro a:hover	.background.white {opacity:1; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s; -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)}
.mainConWrap .section .boardLatest {width:571px; margin-top:55px;}
.mainConWrap .section .boardLatest.left {float:left;}
.mainConWrap .section .boardLatest.right {float:right;}
.mainConWrap .section .boardLatest h4.title2 {font-size:24px; font-weight:400; color:#222; line-height:24px; margin-bottom:20px; position:relative;}
.mainConWrap .section .boardLatest h4.title2 a {position:absolute; right:0; top:-1px;}
.mainConWrap .section .boardLatest h4.board_title {font-size:19px; font-weight:600; color:#222;}
.mainConWrap .section .boardLatest .bx-controls-direction a {text-indent:-9999px; overflow:hidden; display:block; width:9px; height:5px;}
.mainConWrap .section .boardLatest .bx-controls-direction a.bx-prev {background:url('/images/main/ico_up.png') no-repeat 0 0; margin-bottom:15px;}
.mainConWrap .section .boardLatest .bx-controls-direction a.bx-next {background:url('/images/main/ico_down.png') no-repeat 0 0;}
.mainConWrap .mainDataWrap {width:100%; margin:60px 0 0 0; background:url('/images/main/bg_science.jpg') no-repeat center center; height:375px; color:#fff; text-align:center; display:table;}
.mainConWrap .mainDataWrap .section {padding:0; display:table-cell; vertical-align:middle;}
.mainConWrap .mainDataWrap .data_science dt {font-size:40px; line-height:40px; font-weight:400;}
.mainConWrap .mainDataWrap .data_science dd {font-size:20px; line-height:30px; margin:15px 0;}
.mainConWrap .mainDataWrap .data_science dd.btn_view {margin:0;}
.mainConWrap .mainDataWrap .data_science dd.btn_view a {display:inline-block; min-width:95px; padding:0 40px; height:40px; line-height:40px; border:2px solid #fff; color:#fff; font-family:'Open Sans', sans-serif; font-weight:700; text-align:center; border-radius:100px; font-size:16px; transition:background 0.2s, color 0.2s; -webkit-transition:background 0.2s, color 0.2s; -o-transition:background 0.2s, color 0.2s;}
.mainConWrap .mainDataWrap .data_science dd.btn_view a:hover {background:#fff; color:#144d75;}
.mainConWrap .section04 {padding:0;}
.mainConWrap .section04 .boardLatest {margin:0; width:600px; position:relative; box-sizing:border-box;}
.mainConWrap .section04 .boardLatest.left {border-right:1px solid #dfdfdf;}
.mainConWrap .section04 .boardLatest.right {width:569px;}
.mainConWrap .section04 .boardLatest:after {content:''; display:block; clear:both;}
.mainConWrap .section04 .boardLatest .board_title {line-height:90px; float:left;}
.mainConWrap .section04 .boardLatest .bx-viewport {position:absolute !important; right:0; width:80% !important; top:35px;}
.mainConWrap .section04 .boardLatest .bx-has-controls-direction {display:inline-block; position:absolute; left:90px; top:33px;}

/* 서브 컨텐츠 공통 */
#container {width:100%; overflow:hidden; margin:95px 0 0 0;}
.sub #contents {min-height:400px;}
.sub #contents .titleArea{width:1200px; margin:0 auto; position:relative; border-bottom:1px solid #dfdfdf; padding-bottom:35px;}
.sub #contents .titleArea h3 {font-size:40px; font-weight:400; color:#202020;}
.sub #contents .titleArea .location {padding-left:12px; position:absolute; right:0px; bottom:35px; font-size:14px; color:#666;}
.sub #contents .titleArea .location.location_text {bottom: 10px;}

.sub #contents .titleArea .location .strong {font-weight:300;}
.sub #contents .titleArea .location img {vertical-align:middle; margin-top:-1px;}
.sub #contents .section {width:100%;}
.contentsArea {width:1200px; margin:0 auto; padding:70px 0 105px 0;}
.contentsArea .tip {font-size:15px; margin-top:10px;}
.contentsArea .tip .blank {display:inline-block; width:32px;}
.contentsArea .tip .blank02 {display:inline-block; width:38px;}
.contentsArea .tip .blank03 {display:inline-block; width:50px;}

.tblType01 {border-top:3px solid #2b70aa;}


.tblType01 table {border-bottom:2px solid #707070;}
.tblType01 thead th {background:#f5f5f5; border-right:1px solid #2b70aa; color:#2b70aa;}
.tblType01 th {font-weight:400;}
.tblType01 th:last-child, .tblType01 td:last-child {border-right:none;}
.tblType01 th, .tblType01 td {padding:15px; text-align:center; font-size:18px; border-bottom:1px solid #aaaaaa; border-right:1px solid #aaaaaa; line-height:24px;}
.tblType01 th {border-bottom: 2px solid #707070;}
.tblType01 .bdr {border-right:1px solid #aaaaaa !important;}
.tblType01 tfoot td {background:#e9eef2; color:#202020; font-weight:600; border-top: 2px solid #707070;}
.tblType01 del {color:#bdbdbd;}
.tblType01 td strong {color:#222; font-weight:400;}

.tabArea {}
.tabArea ul {border-bottom:1px solid #c8c8c8;}
.tabArea ul:after {content:''; display:block; clear:both;}
.tabArea ul li {float:left; width:249px; height:49px; text-align:center; line-height:49px;}
.tabArea ul li a {display:block; font-size:19px; font-weight:400; background:#c8c8c8; color:#fff; border:1px solid #c8c8c8;}
.tabArea ul li.active a {height:49px; background:#fff; color:#2b70aa; border-top:2px solid #2b70aa; line-height:47px; border-bottom:none;}
.border-left-1 {border-left: 1px solid #aaaaaa;}
.tblType01 td.border-right-none {border-right: 0;} 
tbody {word-break: keep-all;}
.dot-text .tblType_text .tip {position: relative; margin-left: 20px;}
.dot-text .tblType_text .tip::before {content: ""; width: 6px; height: 6px; background-color: #666666; border-radius: 50%; display: block; margin-right: 10px; margin-top: 5px; position: absolute; top: 02px; left: -20px;}
/* .dot-text .dot {width: 7px !important; height: 7px !important; background-color: #666666; border-radius: 50%; display: block; margin-right: 10px; margin-top: 5px;} */
.dot-text {word-break: keep-all;}



/* 연구소 소개 */
.greetingsImg {text-indent:-9999px; overflow:hidden; display:block; height:328px; background:url('/images/about/img_greetings.jpg') no-repeat center top;}
.contentsArea h4.tt {color:#202020; font-size:25px; line-height:35px; font-weight:400; margin-bottom:25px;}
.contentsArea.greetings p {line-height:27px; margin-bottom:20px;}
.contentsArea.greetings .from {text-align:right;}
.mapArea {position:relative;}
.mapArea .addressInfo {background:url('/images/about/bg_address.png') repeat 0 0; position:absolute; width:100%; z-index:100;}
.mapArea .addressInfo:after {content:''; display:block; clear:both;}
.mapArea .addressInner {width:1200px; margin:0 auto; padding:55px 0; position:relative;}
.mapArea .addressInner {width:1200px; margin:0 auto; padding:55px 0; position:relative;}
.mapArea .addressInner:after {content:''; display:block; clear:both;}
.mapArea .addressInner ul {padding-left:65px; height:52px; font-size:16px; line-height:26px; float:left; color:#202020;}
.mapArea .addressInner ul.info {background:url('/images/about/ico_address.png') no-repeat left center; margin-right:50px;}
.mapArea .addressInner ul.clock {background:url('/images/about/ico_clock.png') no-repeat left center;}
.mapArea .addressInner ul strong {color:#202020; font-family:'Open Sans', sans-serif;}
.mapArea .addressInner .mapButton {float:right;}
.mapArea #map {height:162px;}

/* 응용데이터사이언스 */
.contentsArea h4.blue_title {color:#2b70aa; font-size:29px; padding-top:20px; background:url('/images/sub/bg_title.gif') no-repeat left top; font-weight:400; margin-bottom:25px;}
.contentsArea h5.black_title {color:#222; font-size:21px; font-weight:400; margin-bottom:15px;}
.contentsArea.about p {line-height:27px;}
.contentsArea.about .intro {margin-bottom:120px; min-height:372px; background:url('/images/science/img_data.jpg') no-repeat right top;}
.contentsArea.major .section {margin-top:70px;}
.contentsArea.major h4.blue_title {margin-bottom:55px;}
/* .contentsArea.major h4.blue_title_text {margin-bottom: 25px;} */
.tblType_text .tip {font-size: 18px;}

/* SNB */
#SNB {width:100%; background:#f6f7f8; border-bottom:1px solid #dfe3e6; height:60px; line-height:60px;}
.SNBWrap {width:1200px; margin:0 auto;}
.SNBWrap .menu {text-align:center;}
.SNBWrap .menu li {display:inline-block; background:url('/images/sub/bg_snb.gif') no-repeat left center; margin-left:30px; padding-left:30px;}
.SNBWrap .menu li:first-child {background:none; margin:0; padding:0;}
.SNBWrap .menu li a {font-size:15px; font-weight:400; color:#555;}
.SNBWrap .menu li.snb_on a {color:#1d68a7;}

/* 푸터 */
#foot{width:100%; background:#303030;}
.footWrap {width:1200px; margin:0 auto; position:relative; font-size:11px;}
.footWrap:after {content:''; display:block; clear:both;}
.footWrap .footCnt {text-align:center; color:#aaa; font-size:14px; line-height:24px; padding:45px 0;}
.footWrap .footCnt a {color:#aaa;}
.footWrap .footCnt address span {padding-right:5px; margin-right:5px;}

/* 관리자 로그인 */
.divbox {display:none; left:50%; position:absolute;	z-index: 1;}
.divbox .text {width:150px;}
div#box {width:400px; margin-left:-200px; text-align:center; background-color:#fff; position:fixed; left:50%; bottom:300px; z-index:9999; padding:40px 30px 20px 30px; border:5px solid #eee;}
div#box .login_center{overflow:hidden; padding:30px 0;  border-top:1px solid #222;  border-bottom:1px solid #bbb;}
div#p_input {text-align:center;}
div#p_input span.label {display:inline-block; width:60px;}
div.login_foot {clear:both; text-align:center; margin-top:20px;}



.mapArea .addressInner2 {width:541px; margin:0 auto; padding:55px 0; position:relative;}
.mapArea .addressInner2:after {content:''; display:block; clear:both;}
.mapArea .addressInner2 ul {padding-left:65px; height:52px; font-size:16px; line-height:26px; float:left; color:#202020;}
.mapArea .addressInner2 ul.info {background:url('/images/about/ico_address.png') no-repeat left center; margin-right:50px;}
.mapArea .addressInner2 ul.clock {background:url('/images/about/ico_clock.png') no-repeat left center;}
.mapArea .addressInner2 ul strong {color:#202020; font-family:'Open Sans', sans-serif;}
.mapArea .addressInner2 .mapButton {float:right;}
.mapArea #map {height:162px;}