@carset "utf-8";
@import 'layout.css';
@import 'header.css';
@import 'footer.css';


#visualWrap {width:100%;background:#f6f7f9;min-width: 1200px; margin-top:20px;}
	#visualBox {width:1200px;margin:20px auto;;height:315px;}
	/*#visual {display:inline-block;}*/

	/* Slide (start) */
			#visual {width:669px;;height:315px;position:relative;display:inline-block;float:left;}
			#slides {width:100%;position:absolute;top:0px;left:0px;z-index:2;}

			/*.visual_text_box {width:366px;background:#ffff33 url(../images/main/visual_text_bg.gif) no-repeat;;;position:absolute;left:624px;padding:50px 0 0 20px;z-index:100;}*/

			.slides_container {width:100%;height:315px;overflow:hidden;position:relative;display:block;}
			.slides_container div.slide {width:100%;display:block;padding:0px;}

		/* 슬라이드 버튼 생성 css  필요시 display:block 처리 할것! */
			.pagination {height:14px;position:absolute;bottom:13px;right:10px;z-index:100;display:block;}
			.pagination li {float:left;margin:0 6px 0 0;list-style:none;}
			.pagination li a {display:block;width:14px;height:0px;padding-top:14px;line-height:20px;border:2px solid #fff;border-radius:10px;float:left;overflow:hidden;}
			.pagination li.current a {background-position:0 20px;background:#fff;}
		/* Slide (end)*/


#mainslide-pc {position:relative;overflow:hidden;padding-top:20px;}/* overflow:hidden; */
#mainslide-pc .mask-slide-box {display:none;}
#mainslide-pc .slide-controll{position:absolute;z-index:1000001;width:100%;height:50px;left:0;bottom:0;background-color:rgba(0,0,0,0.8);color:#fff;text-align:center;}
#mainslide-pc img{display:block;}

.box_slide_paperbox .paper {float:left;width:15px; height:15px;margin:5px 5px 5px 5px;background-image:url(../images/main2/paper_icon.png);background-repeat:no-repeat;background-position:-20px 0;cursor:pointer;}
.box_slide_paperbox .paper.active {background-position:0px 0;}
.silde-text-box{height:40px;padding: 9px 0 0 15px;font-size:16px;color:#fff;background-color:#000;box-sizing:border-box;}

#conetntWrap {overflow: hidden;width:100%;background:#fff;min-width:1200px;}
	.titleBox {display:block;font-size:16pt;font-weight:bold;line-height:20px;color:#383f50;;vertical-align:middle;padding:10px 0;margin-bottom:10px;}

	#videoBox {float:left;width:290px;display:inline-block;margin-right:15px;}
	#videoarea {background:#000;display:inline-block;vertical-align:middle;padding:10px 0;}
	#videoarea video {vertical-align:middle;}

	.newsBox {width:495px;display:inline-block;float:left;line-height:0px;min-height:235px;margin-right:15px;}
	.boxList {display:block;line-height:22px; border-top:2px solid #414141;background:#f6f7f9;padding:20px 10px;}
	.boxList li {line-height:22px;vertical-align:middle;display:block;padding:7px 0;}
	.boxList li:last-child {border-bottom:0px;}
	.boxList li:before {content:"";border-radius:50%;height:3px;width:3px;display:inline-block;background:#171717;float:left;vertical-align:middle;margin:10px 10px 0 0;}
	.boxList li a {color:#171717;display:inline-block;}

	.noticeBox {width:385px;display:inline-block;float:left;line-height:0px;min-height:235px;}

	#seminarBox {width:798px;display:inline-block;float:left;line-height:0px;min-height:235px;margin-right:15px;}
	.seminarArea {display:inline-block;width:100%;border:1px solid #e6e3e1;background:#fff;}
	.boxList2 {display:block;line-height:22px;padding:21px 10px;width:475px;}
	.boxList2 li {line-height:25px;vertical-align:middle;display:block;padding:5px 0;border-bottom:1px dashed #bfbfbf;}
	.boxList2 li:last-child {border-bottom:0px;}
	.boxList2 li:before {content:"";border-radius:50%;height:3px;width:3px;display:inline-block;background:#171717;float:left;vertical-align:middle;margin:10px 10px 0 0;}
	.boxList2 li a {color:#171717;display:inline-block;}

	.boxList3 {display:block;line-height:22px;padding:30px 15px;;max-width:465px;border:1px solid #e6e3e1;background:#fff;min-height:124px;vertical-align:middle;}
	.boxList3 li {line-height:22px;vertical-align:middle;display:block;padding:20px 0;border-bottom:1px dashed #bfbfbf;}
	.boxList3 li:last-child {border-bottom:0px;}
	.boxList3 li:before {content:"";border-radius:50%;height:3px;width:3px;display:inline-block;background:#171717;float:left;vertical-align:middle;margin:10px 10px 0 0;}
	.boxList3 li a {color:#171717;display:inline-block;}

	._data {float:right;display:inline-block;vertical-align:middle;color:#434343;}
	._more {display:inline-block;float:right; vertical-align:middle;line-height:0px;padding-top:2px;margin-right:10px;}

	/*.familySiteLink { position:relative;width:385px;float:left;}*/
	.familySiteLink h3 {font-size:15px;margin-bottom:3px; }
	.familySiteLink .input_select { font-size:11px; color:#777; }
	.familySiteLink .buttonGo { margin:0 0 0 5px;line-height:35px; padding:0 7px;vertical-align:top;}
/*	.familySiteLink { display:inline; float:left; margin:0px;padding:20px;width:345px; height:100px;background:url(../images/main/research_icon.png) no-repeat right center; vertical-align:middle;}*/
	.familySiteLink .input_select { width:210px;line-height:20px;height:40px;}



.news-box{}
.news-box .con-h{position:relative;}
.news-box .con-h .tit{display:block;padding:25px 0 20px 10px;line-height:20px;font-size:20px;color:#333333;}
.news-box .con-h .more-btn{position:absolute;top:50%;right:0;margin-top: -14px;}
.news-box .con-con{padding-top:10px;}
.news-box .con-con .news-list{display:block;}
.news-box .con-con .news-list:after{display:block;content:"";clear:both;}
.news-box .con-con .news-list > li{float:left;width:285px;margin-right:20px;border:1px solid #d3d3d3;box-sizing:border-box;}
.news-box .con-con .news-list > li:last-child{margin-right:0;}
.news-box .con-con .news-list > li .text-box{padding:15px 15px 0;}
.news-box .con-con .news-list > li .text-box .tit{display:block;height:45px;border-bottom:1px solid #e8e8e8;font-size:14px;color:#333333;line-height:18px;}
.news-box .con-con .news-list > li .text-box .date{display:block;padding:8px 0 8px 25px;line-height:20px;background-image:url(../images/main2/time_icon.png);background-repeat:no-repeat;background-position:center left;}


.notice-wrap{position:relative;}
.notice-wrap:after{content:"";position:absolute;top:0;left:-50%;z-index:10;width:200%;height:100%;background-color:#f6f7f9;}
.info-wrap{position:relative;z-index:20;}
.info-wrap:after{display:block;content:"";clear:both;}
.info-wrap .notice-box{float:left;width:856px;margin-right:20px;}
.info-wrap .notice-box.mar{margin-right:0;}
.info-wrap .notice-box .con-h {position:relative;border-bottom:1px solid #000;}
.info-wrap .notice-box .con-h .tit{display:block;padding:25px 0 20px 10px;font-size:20px;line-height:20px;color:#333333;}
.info-wrap .notice-box .con-h .more-btn{position:absolute;top:50%;right:0;margin-top: -14px;}
.info-wrap .notice-box .con-con{padding:30px 0 30px 10px;}
.info-wrap .notice-box .con-con .notice-list{display:block;}
.info-wrap .notice-box .con-con .notice-list > li{margin-bottom:15px;line-height:20px;}
.info-wrap .notice-box .con-con .notice-list > li:after{display:block;content:"";clear:both;}
.info-wrap .notice-box .con-con .notice-list > li:last-child{margin-bottom:0;}
.info-wrap .notice-box .con-con .notice-list > li > a{display:block;position:relative;padding-left:10px;font-weight:bold;font-size:14px;color:#333;}
.info-wrap .notice-box .con-con .notice-list > li > a:after{content:"";position:absolute;left:0;top:8px;width:3px;height:3px;background-color:#333;}
.info-wrap .notice-box .con-con .notice-list > li .new_i{display:inline-block;margin-left:15px;padding:2px 6px;color:#fff;line-height:17px;border-radius:20px;font-size:11px;background-color:#f32337;}
.info-wrap .notice-box .con-con .notice-list > li .date{float:right;font-weight:normal;font-size:13px;color:#8f8f8f;}

.info-wrap .video-box{float:right;width:305px;}
.info-wrap .video-box .con-h {position:relative;}
.info-wrap .video-box .con-h .tit{display:block;padding:25px 0 20px 10px;font-size:20px;line-height:20px;color:#333333;}
.info-wrap .video-box .con-h .more-btn{position:absolute;top:50%;right:0;margin-top: -14px;}
.info-wrap .video-box .con-con .text-box{padding:10px;border-width:0 1px 1px;border-style:solid;border-color:#d3d3d3;font-size:14px;color:#333;line-height:20px;background-color:#fff;}



