/* include 공통 CSS */

/************************* 공통 시작*************************/
.sub_title_navi			{display:block; width:100%; position:absolute; bottom:0; left:0;}
.sub_tab						{display:none;}

.sub_left								{display:none; }
.sub_right						{width:100%; position:relative; margin:110px auto;}


.content_title			{margin:15px 0; padding:15px 0; border-bottom:1px solid #dfdfdf;}
.content_title h1		{font-size:18px; font-weight:700; color:#000;}
.content_title p		{font-size:12px;}

.content_desc				{min-height:650px;}
/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/

.header_t{width:100%; height:113px; position:fixed; left:0; top:0; z-index:99; transition: .3s all ease-out;}


.header_home_btn					{width:100%; text-align:right; background-color:#333189; min-width:1200px;} /*상단 홈/로그인/사이트맵 영역*/

.home_btn_word						{position:relative; display:block; width:1200px; margin:0 auto;}
.home_btn_word ul{display:flex; justify-content:flex-end; align-items:center;}
.home_btn_word ul li{padding-right:20px;}
.home_btn_word ul li:last-child{padding-right:0;}
.home_btn_word a					{display:inline-block; text-transform:uppercase; padding:12px 0; font-size:11px; color:#fff; font-family:'Roboto','Noto Sans KR', sans-serif;}
.home_btn_word a:hover{color:#fff; }
.home_btn_word span				{display:inline-block; margin:0 10px;}


.head_t									{position:relative; display:block; width:1200px; margin:0 auto; padding:15px 0;}
.head_t:after						{width:100%; display:block; clear:both; content:'';}
.header_logo							{width:160px; float:left;}
.header_gnb								{width:900px; float:right; }
.header_gnb:after					{width:100%; display:block; clear:both; content:'';}


/* 로고 */
.header_logo .w_logo {display: block; }
.header_logo .c_logo {display: none;  }


/************************* header_inc 끝*************************/

/************************* main_inc 시작*************************/
.main_visual										{position:relative; max-width:100%; min-width:1200px; margin:0 auto;}

.m_title{text-align:center;}
.m_title span{font-size:15px; font-weight:600; color:#3d3884; text-transform:uppercase;}
.m_title h2{font-size:45px; font-weight:600; color:#212121;}
.m_title p{font-size:17px; color:#5d5d5d; padding:5px 0 60px;}

/*사업분야*/
.main01{width:1200px; margin:0 auto; position:relative; display:block; padding:105px 0;}
.main01 .m01_inner ul{display:flex; justify-content:space-between; align-tiems:center;}
.main01 .m01_inner ul li{width:385px;}
.main01 .m01_inner ul li > a{display:block; transition:.3s all;}
.main01 .m01_inner ul li > a:hover{background:#f8f8f8; box-shadow:1px 1px 27px rgba(0,0,0,0.15); transition:.3s all;}
.main01 .m01_inner ul li > a:hover .m01_txt h3, .main01 .m01_inner ul li > a:hover .m01_txt span{color:#3d3884;}
.main01 .m01_inner ul li > a:hover .m01_txt span:after{content:""; display:block; clear:both; width:40px; transition:.3s all;}

.main01 .m01_inner ul li > a .m01_img{height:400px;}
.main01 .m01_inner ul li > a .m01_txt{padding:25px 20px;}

.main01 .m01_inner ul li > a .m01_txt h3{font-size:25px; font-weight:600; color:#212121;}
.main01 .m01_inner ul li > a .m01_txt p{font-size:16px; line-height:22px; color:#686868; margin:10px 0 20px;}
.main01 .m01_inner ul li > a .m01_txt span{color:#212121; font-size:15px; position:relative;}
.main01 .m01_inner ul li > a .m01_txt span:after{content:""; display:block; clear:both; width:20px; height:2px; background:#3d3884; transition:.3s all; position:absolute; left:90px; top:11px;}

/*about us*/
.main02{width:100%; background:#f5f5f5; min-width:1200px; margin:0 auto; position:relative; display:block;}

.main02 .inner{display:flex; justify-content:flex-start;}

.m02_left{width:50%; height:685px;}
.m02_right{width:50%;}
.m02_right .m02_r_inner{position:relative; width:676px;  background:#fff; padding:60px 80px 130px; margin-top:120px; left:-80px;}
.m02_right .m02_r_inner span{font-size:15px; font-weight:bold; text-transform:uppercase; color:#3d3884;}
.m02_right .m02_r_inner h3{font-size:45px; font-weight:600; color:#212121; line-height:55px; margin:20px 0;}
.m02_right .m02_r_inner p{font-size:17px; line-height:28px; color:#686868;}
.m02_right .m02_r_inner a{display:block; background:url("./img/m02_button.jpg") no-repeat center; width:90px; height:90px; position:absolute; right:0; bottom:0; transition:.3s all;}

.m02_right .m02_r_inner a:hover{display:block; background:url("./img/m02_button1.jpg") no-repeat center; width:90px; height:90px; position:absolute; right:0; bottom:0; transition:.3s all;}


/*연구실적*/
.main03{width:1200px; margin:0 auto; position:relative; display:none; padding:100px 0 0;}
.main03 .m03_inner{position:relative; }
/************************* main_inc 끝*************************/

/************************* title_navi 시작 *************************/
.navi_all {width:100%; margin:0 auto; background:rgba(238,238,238,0.9); height:50px;  } 
.navi_in	{max-width:1200px; margin:0 auto; padding:0;}
.navi_in:after		{clear:both; content:''; display:block; width:100%;}

.home_btn_all						{float:left; padding:0; width:50px; }
.home_btn_all .home_btn {border-right:1px solid #d7d7d7; border-left:1px solid #d7d7d7;}
.home_btn_all .home_btn a	{display:block; height:49px; line-height:50px; text-align:center; }
.home_btn_all .home_btn a:hover		{background:#f8f8f8;}
.home_btn_all .home_btn a img	{vertical-align:middle;}

.navi_left					{float:left;}
.navi_left:after		{clear:both; content:''; display:block; width:100%;}
.navi_left div			{float:left;}

.navi_main		{padding:0 0 0 0; height:50px; width:220px; position:relative; line-height:50px;  cursor:pointer; border-right:1px solid #c5c5c5;}
.navi_title01	{padding:0 0 0 0; height:50px; width:220px; position:relative; line-height:50px; }
.navi_title01 h1 {color:#212121; font-size:16px; margin-left:10px; width:100%;}
.navi_title01 h1.sub_menu:hover { color:#333; }

.navi_main h1 { color:#212121; font-size:15px; margin-left:10px;}
.navi_main h1.sub_manu:hover { color:#333; }
.navi_main > .deco_right { float:right;  }

.navi_main >a.down_btn	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn2	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn3	{position:absolute; right:10px; top:0px;}

.h1_focus	{color:#333 !important;;}

.navi_sub {padding:0; height:50px; width:220px; line-height:50px; position:relative; cursor:pointer; border-right:1px solid #c5c5c5;}
.navi_sub > h2						{ color:#212121; font-size:15px;  cursor:pointer; margin-left:10px;}
.navi_sub>a.down_btn4	{position:absolute; right:10px; top:0px; }

.navi_sub > p						{float:right; }

.extend							{position:relative; top:-1px; width:100%; }
.extend > ul				{position: absolute;left:-1px; min-height:1px;width:220px;padding-left: 0px; padding:0px 0 10px 0; border-top:0;z-index: 999; background:#fff; border:1px solid #efefef; display:none;}
.extend > ul a { text-decoration:none; }


.extend2							{position:relative; top:-1px; width:100%;}
.extend2 > ul				{position: absolute;left:-1px; min-height:1px; width:220px; padding-left:0px; z-index: 999; background:#fff; border:1px solid #efefef; display:none; padding:0px 0 10px 0; }
.extend2 > ul a { text-decoration:none; }
.extend2 h1 { }

/*
position:absolute; left:-20px; min-height:1px; width:256px; padding-left:20px;  border-top:1px solid #efefef; z-index:999; background:#ddd; 
*/

.extend > ul > li		{min-height:20px;}
.down_btn			{cursor:pointer; }

/************************* title_navi 끝 *************************/




/************************* 서브 공통 *************************/

.sub_title{text-align:center; }
.sub_title h3{font-size:38px; font-weight:600; color:#212121; line-height:45px; }
.sub_title span{display:block; width:3px; height:65px; background:#333189; margin:15px auto;}
.sub_title p{color:#333189; font-size:23px; font-weight:500;  }


/*인사말*/

.s11_img{text-align:center; margin-top:35px;}
.s11_img h1{font-size:55px; font-weight:400; color:#212121; line-height:70px;}
.s11_img h1 strong{font-weight:600; color:#333189;}

.s11_text{width:100%; background:url("./img/s11_bg1.jpg") no-repeat right bottom; padding-bottom:10%;}
.s11_tbox{width:1200px; margin:40px auto 0; padding:50px 145px; background:rgba(249,249,249,0.6);}
.s11_tbox p{font-size:19px; line-height:33px; color:#212121;}
.s11_tbox p strong{font-weight:600; color:#333189;}


/*경영이념 및 비전*/

.sub12{top:-50px;}

/*비전*/

.s12_1{width:100%; margin:0 auto; background:url("./img/s12_bg1.jpg") no-repeat center; padding:100px 0;}
.b_title{text-align:Center; }
.b_title h4{font-size:33px; font-weight:600; color:#212121;}
.b_title h4:after{content:""; display:block; width:50px; height:2px; background:#212121; margin:10px auto;}

.s12_1_text{text-align:Center; }
.s12_1_text h2{margin:50px auto;}
.s12_1_text p{font-size:33px; line-height:45px; color:#212121;}
.s12_1_text p strong{font-weight:600; }

/*경영이념*/

.s12_2{width:100%; margin:0 auto; padding:150px 0; background:url("./img/s12_bg2.jpg") no-repeat bottom fixed; }
.s12_2 .b_title h4{color:#fff;}
.s12_2 .b_title h4:after{content:""; display:block; width:50px; height:2px; background:#fff; margin:10px auto 0;}
.s12_2 .b_title p{color:#fff; font-size:25px; font-weight:500; line-height:36px; margin:35px auto 45px;}

.s12_2_icon ul{width:1040px; margin:0 auto; display:flex; justify-content:space-between;}
.s12_2_icon ul li{text-align:Center;}
.s12_2_icon ul li p{font-size:22px; font-weight:500; color:#fff; margin-top:10px; }

.s12_3{width:100%; margin:0 auto; padding:150px 0;}
.s12_3_box{position:relative; display:block; width:1065px; margin:65px auto 0;}
.s12_3_box:after{content:""; display:block; clear:both; background:url("./img/s12_img4.png") no-repeat center; position:absolute; width:1065px; height:10px;  top:50%;}
.s12_3_box ul{display:flex; justify-content:space-between; align-items:center; }

.s12_4{width:100%; margin:0 auto; padding:150px 0; background:url("./img/s12_bg3.jpg") no-repeat bottom fixed; margin-bottom:-50px;}
.s12_4 .b_title h4{color:#fff;}
.s12_4 .b_title h4:after{content:""; background:#fff; }

.s12_4_box{width:675px; margin:0 auto; text-align:Center;}
.s12_4_box ul{position:relative; display:block; margin-top:45px; min-height:564px; }
.s12_4_box ul li:nth-child(2){position:absolute; top:0;}


/*연혁*/

#sub13{width:1200px; margin:0 auto; padding:40px 0 100px; }

	.s13_1{width:100%; margin:0 auto 100px;}
	.s13 .history_box{width:100%; max-width:1400px; margin:0 auto;}
	.s13 .history_box:after {content:""; display:block; clear:both;}

	.s13 .history_box .left, .s13 .history_box .right {float:left;}
	
	.s13 .history_box .txt_box {
	box-sizing:border-box; padding:33px 50px; 
	background:#f8f8f8; display:inline-block; margin-left:80px;
	}
	
	.s13 .history_box .txt_box h4 {
	font-size:45px; font-weight:600; color:#212121;
	font-family: 'Montserrat', 'Noto Sans KR'; position:relative; padding-bottom:15px;
	}
	

	.s13 .history_box .txt_box p {font-size:18px; letter-spacing:-0.25px; color:#484848;}

	.s13 .history_box .history {position:relative;}
	.s13 .history_box .history .centerline {
		width:1px; height:100%; background:#d7d7d7;
		position:absolute; top:11px; left:96px;
		}
	.s13 .history_box .history dl {padding-bottom:40px; display:table;}
	.s13 .history_box .history dl:last-child {padding-bottom:0;}
	.s13 .history_box .history dl dt {
		font-family: 'Montserrat'; font-size:30px; 
		color:#282d39; font-weight:600; position:relative; display:table-cell;
		vertical-align:top; width:130px;
		}
	.s13 .history_box .history dl dt:after {
		content:""; display:inline-block; width:8px; height:8px; border-radius:13px;
		box-sizing:border-box;
		position:absolute; top:11px; left:93px; background:#333189;
		}
	.s13 .history_box .history dl dd {
		display:table-cell; vertical-align:top; padding-top:5px;
		}
	.s13 .history_box .history dl dd p {
		font-size:17px;  color:#484848;
		margin-bottom:8px; position:relative; padding-left:35px; word-break:keep-all;
		}
		.s13 .history_box .history dl dd p b{font-size:19px; font-weight:600; color:#333189; position:absolute; left:0; top:-2px;}
	.s13 .history_box .history dl dd p:last-child {margin-bottom:0;}

	.s13_1 .history_box .right {float: left;padding-top:70px;padding-left: 100px;}
	.s13_1 .history_box .left {float:right; margin-top:-100px; position:relative; z-index:1;}
	.s13_1 .history_box .txt_box {text-align:right; margin-left:0; margin-right:80px;}

	.s13_2 .history_box .left {margin-top:-100px; position:relative; z-index:1; float:left; }
	.s13_2 .history_box .right {padding-top:70px; padding-left:100px;}


	.mbbr{display:none; height:350px; overflow:hidden; }
	.mbbr img{position:relative; top:-30%;}


/*조직도*/
.sub15{width:100%; max-width:1200px; margin:0 auto; padding:40px 0 100px; text-align:center;  }

.s15_img img.s15_img2{position:relative; top:-5px;}



/*오시는길*/

/* tab_menu */
.s16_tab{width:400px; display:flex; margin:0 auto 30px; display:none;}
.s16_tab a{width:200px; height:60px; border:1px solid #d7d7d7; background:#fff; color:#484848; font-size:17px;line-height:60px; text-align:center; transition:0.3s all; margin-right:5px;}
.s16_tab a:first-child{border-radius:5px 0 0 5px;}
.s16_tab a:last-child{margin-right:0; border-radius:0px 5px 5px 0px;}
.s16_tab a:hover{background:#333189; color:#fff; transition:0.5s all; border:1px solid #333189;}
.s16_tab a.on, .s16_tab a.t01{color:#fff; background:#333189; border:1px solid #333189;}

#sub16{width:1200px; margin:0 auto; padding:40px 0 100px; }
.s16_wrap:not(:first-child) {display:none;}

.root_daum_roughmap .cont{display:none;}
.s16_info{margin-top:50px;}
.s16_info table{width:100%; border-top:2px solid #333189;}
.s16_info table tbody tr{border-bottom:1px solid #d7d7d7;}
.s16_info table tbody th{padding:10px 10px 10px 50px; font-size:17px; color:#212121; font-weight:600; line-height:25px; text-align:left;}
.s16_info table tbody th img{margin-right:10px; max-width:100%; height:auto; position:relative; top:5px;}
.s16_info table tbody td{padding:25px 10px; line-height:25px; text-align:left; font-size:16px;}
.s16_info table tbody .info_1{font-size:16px; color:#484848; }

.s16_info table tbody .car_div{position:relative; padding-left:150px;}

.s16_info table tbody .info_2{position:absolute; top:0; left:0; padding-left:20px; font-size:16px; color:#333189; font-weight:600; }
.s16_info table tbody .info_2:before{content:"▶"; display:block; clear:both; position:absolute; top:0px; left:0; font-size:10px; color:#333189;}

.s16_info table tbody .car_1{margin-top:6px; margin-bottom:30px;}
.s16_info table tbody .car_1 .info_1-1 strong{background:#263c96; color:#fff; border-radius:3px; padding:1px 10px 2px;}
.s16_info table tbody .car_1 .info_1-2 strong{background:#697215; color:#fff; border-radius:3px; padding:1px 10px 2px;}
.s16_info table tbody .car_1 .info_1-2{margin-top:10px;}

.s16_info table tbody .car_2 strong{color:#212121; font-weight:500; }

.s16_center .s16_center_tit h4{font-size:25px; color:#212121; font-weight:600; margin-bottom:15px;}



/*사업분야*/
.s21_in_txt h3{font-size:35px; font-weight:600; color:#212121; line-height:45px; }
.s21_in_txt p{font-size:17px; line-height:32px; color:#212121; margin:45px 0 67px; width:87%; word-break:keep-all;}

.s21{margin-top:60px; }
.s21_1{width:1200px; margin:0 auto; }
.s21_in_txt ul{display:flex; justify-content:space-between; }
.s21_1_in ul li:nth-child(1){margin:67px 0 0; }


.s21_2{width:100%; margin:110px auto 0; padding:80px 0; background:url("./img/s21_bg1.jpg") no-repeat bottom fixed; }

.s21_2_in{width:1200px; margin:0 auto; display:flex; justify-content:space-between; align-items:center;}
.s21_2_in > div{width:50%; }
.s21_2_box1 h4{font-size:35px; font-weight:600; color:#fff; margin-bottom:40px; }
.s21_2_box1 p{font-size:17px; color:#fff; line-height:27px; position:relative; padding-left:20px; margin-bottom:15px;}
.s21_2_box1 p:last-child{margin-bottom:0;}
.s21_2_box1 p:before{content:""; display:block; clear:both; position:absolute; left:0; top:11px; width:6px; height:6px; background:#fff; border-radius:6px; }

.s21_2_box2{text-align:right; }
.s21_2_box2 ul li:nth-child(1){margin-bottom:20px; }


.s21_3{width:100%; max-width:1200px; margin:0 auto; padding:100px 0;}

.s21_3 h3{font-size:35px; font-weight:600; color:#333189; margin-bottom:30px;}

/*테이블공통 */
.s21_table_st table{width:100%; border-top:2px solid #212121;}
.s21_table_st table tr{border-bottom:1px solid #d7d7d7;}
.s21_table_st table tr:last-child{border-bottom:0;}
.s21_table_st table th{background:#f9fbff; padding:60px 25px;}
.s21_table_st table th h4{font-size:25px; font-weight:600; color:#333189; line-height:30px; text-align:left; position:relative; padding-left:50px;}
.s21_table_st table th h4 small{font-size:18px; font-weight:500; color:#484848; display:block;}
.s21_table_st table th h4 b{font-size:25px; font-weight:600; color:#212121; font-family: 'Montserrat', sans-serif; position:absolute; left:0; top:0;}
.s21_table_st table td p{font-size:17px; color:#212121; line-height:28px;  padding:30px 25px;}


/* 와전류검사 */
.s22_1_in ul li:nth-child(2){margin:67px 0 0; width:48%;}

.s22_2_box1 h3{font-size:35px; font-weight:600; color:#fff; margin-bottom:40px; }

.s22_2_box1 ul li{margin-bottom:15px;}
.s22_2_box1 ul li:last-child{margin-bottom:0;}
.s22_2_box1 h4{font-size:20px; color:#fff; font-weight:500; margin-bottom:5px;}
.s22_2_box1 p{font-size:16px; color:#fff; line-height:27px; padding-left:22px;}

.s22_3{width:100%; max-width:1200px; margin:0 auto; padding:100px 0;}
.s22_3:after{content:""; display:block; clear:both;}

.s22_3_table{float:left;}
.s22_3_img{float:right;}

/*사업분야 끝*/



/************************* 서브 끝 *************************/

/************************* footer_inc 시작 *************************/

.foot_1{width:100%; min-width:1200px; border-top:1px solid #d7d7d7; margin:0 auto;}
.foot_1 .family_slide{width:1200px; margin:0 auto; }


.footer_t{width:100%; min-width:1200px; margin:0 auto; background:#232323; padding:50px 0;}
.foot_inner{width:1200px; margin:0 auto; }
.foot_inner:after{content:""; display:block; clear:both;}


.footer_logo						{float:left; width:116px; margin-right:35px;}
.footer_txt							{float:left; width:700px;}

.footer_txt ul{display:block;}
.footer_txt ul:after{content:""; display:block; clear:both;}
.footer_txt ul li{float:left; margin-right:15px; }
.footer_txt ul li:last-child{margin-right:0;}
.footer_txt ul li a{font-size:14px; color:#9c9c9c; }
.footer_familysite			{float:right; width:180px; position:relative;}

.footer_txt p							{font-size:14px; line-height:27px; color:#9c9c9c;}
.footer_txt p span				{display:inline-block; margin:0 10px; font-size:10px;}

/*family_inc.php의 스타일*/
.total								{width:100%;  cursor:pointer;}
.select_d							{border:1px solid #999; color:#888; width:100%; line-height:35px; height:40px; padding-left:8px; position:relative; font-size:14px;}
.select_d span				{display:inline-block; position:absolute; right:10px;}

/* 패밀리사이트 클릭시 밑으로 떨어지는  CSS*/

.select_op						{border:1px solid #ddd;border-top:none; width:200px; margin-top:0px; display:none; position:absolute; z-index:3px; background:#fff; font-size:11px;}


/* 패밀리사이트 클릭시 위로 올라오는 CSS*/
/*.select_op						{border:1px solid #ddd;border-bottom:none; width:160px; margin-top:0px; display:none; position:absolute; z-index:3px; background:#fff; font-size:11px;bottom:30px;}*/

.select_op	li				{line-height:30px;height:30px; border:0px solid red; padding-left:8px;}
.select_op	li		a		{cursor:pointer; width:100%; height:30px; display:inline-block;letter-spacing:-0.3px;}
.select_op	li:hover	{background:#eee;}
.a_focus							{background:#8e8e8e; color:#fff !important;}
/************************* footer_inc 끝 *************************/



/************************* left_lnb_inc 시작 *************************/
.left_lnb		{  }
/************************* left_lnb_inc 끝 *************************/



/************************* ui.totop 시작 *************************/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url("./img/ui.totop6.png") no-repeat left top;
}

#toTopHover {
	background:url("./img/ui.totop6.png") no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
/************************* ui.totop 끝 *************************/