/***************** sub wrapper *****************/


/* input[type="radio"], input[type="checkbox"] { margin-top:0; } */



/***************** 서브 소 타이틀 *****************/
.sub-sec-com-title { clear:both; text-align:center; margin:3rem auto 2rem; font-size:16px; }
.sub-sec-com-title h2 { font-size:28px; font-weight:bold; font-family:'Titillium Web', 'Nanum Barun Gothic', sans-serif; }
.sub-sec-com-title p { font-size:1em; color:#666; padding:10px 20px; }

.tbl_title { position:relative; padding-left:10px; margin:40px 0 20px; font-size:1.2em; font-weight:bold;  }
.tbl_title::before { content:"";  position:absolute; left:0; top:50%; width:3px; height:20px; margin-top:-10px; background:#2284c5;  }
.tbl_title.first  { margin-top:0;  }










/***************** 회원가입 *****************/
.joinBtnArea { clear:both; text-align:center; }
.joinBtn { 
	display:inline-block; 
	width:300px; 
	padding:30px 10px; 
	margin:0 10px; 
	transition:.2s ease-in-out; 
	-webkit-transition:.2s ease-in-out; 
	-webkit-backface-visibility:hidden; 
}
.joinBtn:hover { 
	-webkit-transform:translateY(-2%); 
	transform:translateY(-2%); 
	transition:.2s ease-in-out; 
	-webkit-transition:.2s ease-in-out; 
	-webkit-backface-visibility:hidden; 
}
.joinBtn_01 { border:1px solid #c6d3e2; border-top:3px solid #2284c5; }
.joinBtn_02 { border:1px solid #ddd; border-top:3px solid #9b9b9b; }
.joinBtn > div { display:block; font-size:14px; }
.joinBtn > div b { font-weight:500; font-size:1.2em; }
.joinBtn > div.button { display:block; margin-top:15px; }
.joinBtn > div.button a { display:inline-block; width:150px; line-height:36px; background:#2284c5; color:#fff; font-size:1em; font-weight:500; }
.joinBtn_02 > div.button a { background:#8b8b8b; color:#fff; }

.joinInfo { clear:both; margin-top:3rem; text-align:center; font-size:16px; }
.joinInfo p { font-size:1em; color:#666; }
.joinInfo p.num { font-size:1.25em; padding-top:10px; }



/***************** 스마트팩토리 소개 *****************/
.sub-sub01 { text-align:center; font-family:'Titillium Web', 'Nanum Barun Gothic', sans-serif; font-size:16px; line-height:1.8; padding-top:70px; }
.sub-sub01 .leftBox { float:left; width:40%; height:300px; background-image:url(../img/sub01_img.jpg); background-size:cover; background-repeat:no-repeat; }
.sub-sub01 .rightBox { float:right; width:60%; height:400px; background-image:linear-gradient(to right, #2284c5, #1c7bb9); margin-top:-50px; position:relative; }

/* 내용 */
.sub-sub01 .rightBox > div { 
	position:absolute; 
	width:100%; 
	height:100%; 
	top:0px; 
	left:0px; 
	z-index:999; 
}
.sub-sub01 .rightBox > div > div { 
	display:table !important; 
	text-align:center; 
	width:80%; 
	height:100%; 
	margin:0 auto; 
	background-color:transparent; 
	text-align:center; 
	color:#fff; 
	font-size:1.2em;
	letter-spacing:-0.03em;
	word-break:keep-all;
}
.sub-sub01 .rightBox > div > div > div { 
	display:table-cell !important; 
	vertical-align:middle; 
	font-size:1em; 
	zoom:1; 
	*display:inline; 
	*position:absolute; 
	*top:50%; 
	*vertical-align:top; 
}
.sub-sub01 .rightBox > div > div > div .line { width:40px; height:2px; background:#fff; opacity:0.6; margin:0 auto 30px; }



/***************** 사이트맵 *****************/
#sitemap_wrap { clear:both; margin-top:-20px; }
#sitemap_wrap .clearfix { float:left; width:25%; min-height:250px; padding:20px 20px; text-align:center; vertical-align:top; }
#sitemap_wrap .clearfix .title { background:#2284c5; padding:8px 0; }
#sitemap_wrap .clearfix .title a { font-size:1.2em; color:#fff; font-weight:500; }
#sitemap_wrap .clearfix .cont { vertical-align:middle; }
#sitemap_wrap .clearfix .cont li { display:block; border-bottom:1px solid #ebebeb; padding:5px 0; }
#sitemap_wrap .clearfix .cont li:hover { background:#f7f7f7; }
#sitemap_wrap .clearfix .cont li a { display:block; padding:5px 0; }



/***************** sub > company_view 박스 
.sub-sec-common { 
}
.sub-sec-common:last-child { 
	padding-bottom:0;
}

.sub-sec-common .box-line { 
	border:1px solid #ddd;
}
.sub-sec-common .box-line2 { 
	border:0;
}
.sub-sec-common .box-line2 > div { 
	border-bottom:1px dotted #ddd; 
	padding:0 0 10px; 
	margin-bottom:10px;
}
.sub-sec-common .custom-block { display:block; }

.sub-sec-common .box-line > div { }
.sub-sec-common .box-line > div dd { display:inline-block; padding-right:10px; }
.sub-sec-common .box-line > div dt { display:inline-block; font-weight:bold; }
.sub-sec-common .box-line > div ul { }
.sub-sec-common .box-line > div li { display:inline-block; width:30%; padding:5px 10px; }

.sub_com_tit { clear:both; margin:3rem auto 2rem; text-align:left; border-bottom:1px solid #ddd; padding-bottom:10px; position:relative; }
.sub_com_tit h2 { display:inline-block; font-size:1.5em; font-weight:bold; font-family:'Titillium Web', 'Nanum Barun Gothic', sans-serif; line-height:50px; }
.sub_com_tit span { position:absolute; top:0; right:0; z-index:999; display:inline-block; width:120px; height:50px; padding:4px; text-align:center; }
.sub_com_tit .sub_com_logo { max-width:100%; max-height:100%; vertical-align:middle; }

.pdf-box p { clear:both; max-width:600px; border-bottom:1px dotted #ddd; line-height:36px; position:relative; padding-bottom:6px; }
.pdf-box a.btn { position:absolute; top:0; right:0; }
 *****************/

/***************** 기업 정보 탭 *****************/
#tabArea { clear:both; }
.tabArea { margin-top:40px; }
#tabArea ul.tabs {
	float:left;
	margin:0;
	padding:0;
	height:50px;
	border-left:1px solid #ddd;
	width:100%;
	border-bottom:1px solid #ddd;
}
#tabArea ul.tabs li {
	float:left;
	margin:0;
	padding:0;
	width:160px;
	height:50px;
	line-height:50px;
	border:1px solid #ddd;
	border-left:none;
	margin-bottom:-1px;
	background:#f7f7f7;
	text-align:center;
	/* overflow:hidden; */
	position:relative;
}
#tabArea ul.tabs li a {
	text-decoration:none;
	display:block;
	font-size:1.1em;
	font-weight:500;
	color:#222;
	outline:none;
}
#tabArea ul.tabs li.active { 
	background:#fff;
	border-bottom:1px solid #fff;
}
#tabArea ul.tabs li.active::before { 
	content:"";
	position:absolute;
	top:-1px;
	left:0;
	width:100%;
	height:2px;
	background:#2284c5;
	z-index:99;
}
#tabArea .tab_tabBox {
	float:left; 
	clear:both;
	width:100%;
	border:1px solid #ddd;
	border-top:none;
	background:#fff;
}
#tabArea .tab_content {
	clear:both; 
	padding:20px;
}



/* 더보기 버튼 */
.serch-form-actions { margin:2rem 0; }
.serch-form-actions .btn-submit { display:inline-block; text-align:center; min-width:140px; line-height:36px; background:#2284c5; color:#fff; margin:0 4px; padding:0; border:0; border-radius:5px; font-size:14px; font-weight:bold; transition:all 0.2s ease; }
.serch-form-actions .btn-submit:hover { color:#1668b1; color:#fff; }
.serch-form-actions .btn-submit2 { display:inline-block; text-align:center; min-width:140px; line-height:36px; background:#eee; color:#555; margin:0 4px; padding:0; border:0; border-radius:5px; font-size:14px; font-weight:bold; transition:all 0.2s ease; }
.serch-form-actions .btn-submit2:hover { color:#999; color:#555; }
#detailSearchFormMore { padding:0; }











/* sub0101 sub-box */
.sec-box-com { 
	background:#f1f1f1;
	text-align:center;
}
.sec-box-com:nth-child(odd) { 
	width:48%;
	float:left;
	margin-right:2%;
}
.sec-box-com:nth-child(even) { 
	width:48%;
	float:right;
	margin-left:2%;
}
.sec-box-com h2 { 
	font-size:1.5rem;
	padding:.75rem;
	vertical-align:middle;
}
.sec-box-com h2 img { 
	margin-right:.75rem;
	vertical-align:bottom;
}
.sec-box-com:nth-child(odd) h2 { 
	color:#0097ff;
}
.sec-box-com:nth-child(even) h2 { 
	color:#e94e26;
}
.sec-box-contents { 
	padding:1.5rem 0;
	border-top:5px solid #fff;
}
.btn-sec-box { 
	padding:1rem;
	color:#fff;
	font-size:1.125rem; 
	font-weight:500;
	transition:ease-out .6s;
}
.sec-box-com a { 
	color:#fff;
	text-decoration:none;
}
.sec-box-com:nth-child(odd) .btn-sec-box { 
	background:#0097ff;
}
.sec-box-com:nth-child(even) .btn-sec-box { 
	background:#e94e26;
}
.sec-box-com:nth-child(odd) .btn-sec-box:hover,
.sec-box-com:nth-child(even) .btn-sec-box:hover { 
	background:#3c3c3c;
}
.btn-sec-box img { 
	margin-left:.5rem;
}
.use-ask { 
	margin-top:1rem;
}


/* sub0201 */
.sub020101 { 
    padding-bottom:0rem;	
}
.box-course ul { 
	font-size:0;
}
.box-course ul li { 
	display:inline-block;
	min-height:168px;
	font-size:1rem;
	text-align:center;
	vertical-align:top;
	padding:0 .5rem;
	position:relative;
}
.box-course ul li:nth-child(odd) { 
	width:20.5%;
	border:1px solid #ddd;
}
.box-course ul li:nth-child(even) { 
	width:6%;
	background:url('../img/sub-arrow.png') no-repeat 50% 50%;
}
.box-course ul li h4 { 
	width:100%;
	font-weight:500;
	padding:1rem 0;
}
.box-course ul li p { 
	border-top:1px solid #ddd;
	padding-top:1rem;
}
.box-course-submit { 
	margin:2rem 0;
	text-align:center;
}
.box-course-submit .course-submit-btn { 
	background-color:#ff8400;
	border:none;
	color:#fff;
	padding:0.875rem 2rem 1.125rem;
	text-align:center;
	text-decoration:none;
	font-size:1.125rem;
	font-weight:600;
	letter-spacing:-0.03rem;
	cursor:pointer;
}
.box-course-submit .course-submit-btn:hover { 
	background-color:#3c3c3c;
	transition:ease-out .6s;
}
.submit-btn1 { 
	width:360px;
}
.box-ask { 
	background:#f8f7f6;
	padding:1rem 1.5rem;
}


/* sub0401 */
.sub0401 h4 { 
	color:#e94f27;
	font-weight:600;
	padding-bottom:.75rem;
}
.box-txt { 
	padding-bottom:2rem;	
}
.box-txt:last-child { 
	padding-bottom:0;	
}
.box-txt img { 
	float:left;
	padding-right:1rem;
}