/* CSS Document utf-8 */
/****************************************** 컨텐츠 ************************************************************/
/* 탭버튼 */
.tab_Btn1 {float:left; width:169px; height:40px; cursor:pointer;}
.tab_List1 {}
.tabbg{width:100%; background:url(../images/company/tab_bg.jpg) no-repeat 0 0; height:85px;}
.tabbg ul li{float:left;}


.tab_Btn2 {float:left; height:24px; cursor:pointer;}
.tab_List2 {}

.autoHeight {width:100%;}

.btn_wrap{text-align:center; padding:30px 0;}
.con_title{padding:0 0 12px 0;}
.arrow_icon{padding:0 0 0 12px; background:url(../images/member/bullet_title_01.jpg) no-repeat 0px 0.2em; letter-spacing:-1px;}

/*탭*/
.tabType1 {overflow:hidden;}
.tabType1 li {padding:10px 0 0 0; font-size:14px;  height:30px;  border-right:1px solid #447bd1; float:left; text-align:center; cursor:pointer;}
.tabType1 li a {text-decoration:none; color:#FFF;}
.tabType1 li.on {background:#447bd1; border-right:1px solid #447bd1;}
.tabType1 li.off {background:#303030; border-right:1px solid #3a5681;}
.tabType1 li:first-child{margin-left:0px;}
.tabType1_contents{margin:0 0 0 0;}

/*탭-에너지사업부*/
.tab {margin-bottom:30px;}
.tab ul {overflow:hidden;}
.tab ul li {padding:10px 0 0 0; font-size:14px;  height:30px;  background:#303030; border-right:1px solid #3a5681; float:left; text-align:center; cursor:pointer;}
.tab ul li a {text-decoration:none; color:#FFF;}
.tab ul li.on {background:#447bd1; border-right:1px solid #447bd1;}
.tab ul li:first-child{margin-left:0px;}

/* */
.t_13px {font-size:13px;}
.t_14px {font-size:14px;}
.t_15px {font-size:15px;}
.t_16px {font-size:16px;}
.t_17px {font-size:17px;}
.t_18px {font-size:18px; line-height:24px;}
.t_19px {font-size:19px; line-height:25px;}
.t_20px {font-size:20px; line-height:26px;}
.t_24px {font-size:24px; line-height:30px;}
.t_26px {font-size:26px; line-height:32px;}
.c_black {color:#000;}
.c_white {color:#fff;}
.c_blue {color:#447bd1;}
.c_green {color:#4aa920;}
.c_red {color:red;}
.c_orange {color:orange;}

.h10 {height:10px; padding:0; margin:0; clear:both;}
.h20 {height:20px; padding:0; margin:0; clear:both;}
.h30 {height:30px; padding:0; margin:0; clear:both;}
.h40 {height:40px; padding:0; margin:0; clear:both;}
.h50 {height:50px; padding:0; margin:0; clear:both;}
.h60 {height:60px; padding:0; margin:0; clear:both;}
/******************** 회사소개**********************/

/*인사말*/
.greeting {overflow:hidden;}
.greeting div {font-size:14px; line-height:25px;}
.greeting .ment {width:601px; padding-right:60px; float:left ;}
.greeting .face  {width:189px; float:left;}

/*연혁*/
.history{;}
.history .top_msg {background:url(../images/company/history_simbol.jpg) no-repeat left top; padding-left:50px; font-size:15px; color:#000; line-height:22px;}
.histroy_section{margin:0; padding-top:5px;}
.histroy_section .title {font-size:30px; color:#4aa920;  letter-spacing:-1px; margin:0; padding-bottom:10px; border-bottom:1px solid #5f5f5f;}
.histroy_section .year{float:left; font-size:15px; color:#447bd1; line-height:20px; letter-spacing:-1px; margin:0 0 0 0;}

.con_list_wrap{width:850px; background:url(../images/include/dot_line.jpg) repeat-x left bottom; padding:10px 0; overflow:hidden;}
.con_list_wrap p{width:65px; float:left; font-size:13px; text-align:right; line-height:22px; color:#000000;}
.con_list {float:left;}
.con_list dt{float:left; width:40px; text-align:right; font-size:13px; color:#000; line-height:22px;}
.con_list dd{position:relative; margin:0 0 0 60px;  font-size:13px; line-height:22px;}

/*인증서*/
.imgShow {clear:both; display:none; position:absolute; z-index:999;}
.imgShow .name {font-size:11px; padding:5px 20px 0 20px; text-align:center; color:#CCC; background:#303030;}
.license .msg {text-align:center; padding:30px 0 10px 0; border-bottom:1px solid #303030;}
.license img {width:70px; height:90px; border:1px solid #F5F5F5;}
.license table.list {margin:0; padding:0; width:100%;}
.license table.list .title {font-size:13px; color:#000; text-align:left;}
.license table.list tr {background:url(../images/include/dot_line.jpg) repeat-x left bottom;}
.license table.list tr:first-child {background:none;}
.license table.list tr th {height:40px; color:#000; font-weight:normal; border-top:1px solid #303030; border-bottom:1px solid #303030;}
.license table.list tr td {padding:10px 0; text-align:center;}

/*인증서 팝업*/
#simplemodal-overlay {background-color:#000;}
#modal_content{display:none; margin:0 auto;}
#modal_content .name {font-size:11px; padding-top:5px; overflow:hidden; }

/*오시는길*/
/* 적용시 크롬&사파리에서 안나옴 .loaction {overflow:hidden;} */
.loaction .info {overflow:hidden; padding:30px 0 0 0;}
.loaction .info p { font-size:15px; color:#000; line-height:25px;}
.loaction .info .address {float:left; padding-left:60px; min-height:100px; width:370px; background:url(../images/company/location_simbol1.jpg) no-repeat left top;}
.loaction .info .how {float:left; width:350px; padding-left:60px; background:url(../images/company/location_simbol2.jpg) no-repeat left top;}
.loaction .info .how dl {clear:left;}
.loaction .info .how dl dt {float:left; position:relative; width:70px;}
.loaction .info .how dl dd {float:left; width:280px;}


/******************** 사업소개**********************/

/* 주요실적 */
.major .msg {text-align:center; padding:30px 0 10px 0; border-bottom:1px solid #303030;}
.major .large {padding-bottom:30px;}
.major .still {float:right;}
.major .still li {float:left; margin-left:5px;}
.major .contents {float:left} 
.major .contents .title {font-size:24px; color:#447bd1; width:500px; line-height:30px; padding-bottom:10px; margin:0 0 20px 0; border-bottom:1px solid #EEE;}
.major .contents .info {overflow:hidden; width:500px}
.major .contents .info dt {clear:left; float:left; font-size:13px; color:#666; width:80px; background:url(../images/include/bullet_01.jpg) no-repeat 5px 10px; padding-left:20px;}
.major .contents .info dd {padding-bottom:7px; position:relative; margin:0 0 0 80px; font-size:13px; color:#000; line-height:18px;}

.major .contents .more {clear:both; padding-top:10px; margin-top:20px; border-top:1px solid #EEE;}
.major .bntDiv {clear:both; padding-top:20px; width:850px; text-align:center; border-top:1px solid #303030}




/* 주요실적 */
.mayer_view_list { width:500px; float:left;}
.mayer_view_list li{ margin:7px 0; }
.mayer_view_list li strong{  display:inline-block; width:80px; vertical-align:top;background:url(../images/include/bullet_a01.gif) no-repeat 5px 4px; padding:0 10px 0 16px;font-size:13px;line-height:16px; font-weight:normal; color:#666666;}
.mayer_view_list li span{ display:inline-block; width:380px; vertical-align:top;font-size:13px;line-height:16px; color:#000000; }


/* *********************** 161107 추가 ******************************** */
/* 에너지사업부 */
.w50 {width:50%;}
.center {text-align:center;}
.left {text-align:left;}

.contents .product {overflow:hidden;}
.contents .product>.img {clear:both; text-align:center;}
.contents .product>.bor {border:1px solid #eaeaea; padding:30px 0;}
.contents .product>.img>img {width:600px; height:auto; margin:0 auto;}
.contents .product>.img>p {margin-bottom:20px; padding:15px 0; font-size:18px; font-weight:bold; line-height:1; color:#000;}
.contents .product>.img>p span {color:#999;}

.contents .product .product_box {overflow:hidden; margin:20px 0;}
.product_box>.img{text-align:center; width:300px; height:auto; float:left; padding:20px; border:1px solid #eaeaea;}
.product_box>.img>img {width:269px; height:auto;}
.product_box>.info {float:left; margin-left:50px; width:440px;}
.product_box>.info>div:first-child {margin-bottom:50px;}
.product_box>.info>div>p {margin-bottom:15px; color:#000; font-size:16px; font-weight:bold;}
.product_box>.info>div>ul>li {margin:5px 0;}

.img_box {clear:both; overflow:hidden;}
.img_box>div {text-align:center; padding:20px; width:373px; float:left; border:1px solid #eaeaea;}
.img_box>div:first-child {margin-right:20px;}
.img_box>div>img {height:300px; width:auto;}
.img_box>div>p {padding:15px 0; font-size:18px; font-weight:bold; line-height:1; color:#000;}
.img_box>div>p span {color:#999;}

table.product_2{width:850px; border:1px solid #0758d2; margin:10px 0 5px 0;}
table.product_2 tr{border:1px solid #0758d2;}
table.product_2 th {text-align:center; border:1px solid #0758d2; background:#c5e0f5; color:#000; line-height:1.3; padding:5px;}
table.product_2 td{text-align:center; border:1px solid #0758d2; font-size:12px; line-height:1.3; padding:5px 0px;}
table.product_2 td.bg_gray {background:#f5f5f5;}
table.product_2 td.left {text-align:left !important; padding-left:15px;}

.table_box {margin-bottom:20px; width:100%; overflow:hidden;}
.L_table {float:left; width:650px;}
.R_img {float:right; margin-top:10px;}
.R_img img {text-align:right;}
.source {margin-top:10px; text-align:right; font-size:11px; color:#999;}

/* *********************** 161202 추가 ******************************** */
/* product_16 */
.content16 .border_type1 { border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }
.content16 .border_type1 img { display:block; margin:0 auto; padding:20px 0; }
/* product_17 */
.content17 .product .logo { width:850px; }
.content17 .product .logo span { float:left; }
.content17 .product .logo .part_logo { margin-left:50px; }
.content17 .product .logo .part_text { margin-left:50px; }
.content17 .border_type1 { border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }
.content17 .border_type1 img { padding:0 0 20px; }
.content17 .border_type2 { border-bottom:1px solid #eaeaea; }
.content17 .border_type2 img { padding:20px 0 40px; }
/* product_18 */
.content18 .border_type1 { border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }
.content18 .border_type1 img { padding:20px 0; }
.content18 .product_18_1_table .space { padding:10px; }
.content18 .product_18_2_table .space { padding-left:10px; }
.content18 .rounded_border { border:1px solid #5b9bd5; border-radius:8px; }
.content18 .space_table3 img { padding:15px 10px; }
/* product_19 */
.content19 .borderTop_borderBottom { border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }
.content19 .borderTop_borderBottom img { padding:20px 0; }
.content19 .product .img img {width:100%; height:auto; margin:0 auto;}
/* product_20 */					
.content20 .table_wrap { width:850px; margin:0 auto; }
.content20 .table_wrap .bold { font-weight:bold; }
.content20 .table_wrap .center { text-align:center; padding:10px; }
.content20 .table_wrap .product_20_1_table { border:1px solid #aaa; }
.content20 .table_wrap .space { padding:5px 10px; vertical-align:top; }
.content20 .table_wrap .space p { padding:10px; }
.content20 .border_type2 { border-left:1px solid #aaa; border-right:1px solid #aaa; }
.content20 .border_bottom { border-bottom:1px solid #aaa; }
.content20 .step_wrap {border:0 !important;}
.content20 .step_wrap td {vertical-align:top;}
.content20 .step_wrap .title { padding:10px; font-weight:bold; color:#447bd1; font-size:13px; }
.content20 .step_wrap .explain { width:170px; padding:0 10px 10px; border:1px solid #aaa;} 
.content20 .step_wrap .explain .txt { padding:0 10px 10px; }
.content20 .step_wrap .arrow { width:20px; height:70px; vertical-align:middle; padding:0 10px; border:0 !important;}
.content20 .step_wrap .arrow img { vertical-align:middle; }
.content20 .content_wrap { width:850px; margin:0 auto; text-align:center; }
.content20 .content_wrap .style1 { border:1px solid #aaa; padding-bottom:10px; }
.content20 .content_wrap .title { font-weight:bold; padding:10px; }
.content20 .content_wrap .arrow { border:0 !important; }
.content20 .content_wrap .empty { border:0 !important; }
.content20 .content_wrap .order3 { border:1px solid #aaa; }

/* *********************** 170613 추가 ******************************** */
/* 제품소개 > 수충격완화장치 > 수치계산프로그램 버튼 */
div.figure .download_btn {text-align:center;}
div.figure .download_btn a {display:inline-block; width:360px; padding:20px; background:#447bd1; color:#fff; font-size:14px; text-decoration:none; border-radius:3px;}
div.figure .download_btn span {background:url(../images/btn/download_btn.png)no-repeat 100% 50%; padding:0 25px 0 0;}
div.figure .download_btn a:hover {background:#4ba921;}
div.figure .download_btn a:first-child {margin-right:10px;}

/* 멤버 > 로그인 */
.login_box {}
.login_box .btn {border:1px solid #333;}
.login_box .title {padding:50px 0 40px; text-align:center; background:#29a5d8; border-radius:5px 5px 0 0;} /*상*/
.login_box .title h3 {border-bottom:0 !important; margin-bottom:30px; font-size:30px; color:#fff;}
.login_box .title p {font-size:13px; color:#fff;}
label {display:none;}
.login_box .form-group {padding:30px 0; text-align:center; border:1px solid #ececec; border-top:none; background:#fafafa;} /*중*/
.login_box .form-group>* {margin-bottom:10px; padding:0;}
.login_box .form-group>*:last-child {margin:0;}
.login_box .form-group .input-lg {padding:10px; width:300px; border-radius:3px;}
.login_box .login {display:inline-block; padding:22px 12px; width:300px; background:#29a5d8; line-height:1; border:1px solid transparent; font-size:18px; font-weight:bold; color:#fff; border-radius:3px;}
.login_box .login:hover {background-color:#4ba921; text-decoration:none;}
.login_box .info {padding:30px 0; text-align:center; font-size:12px; border:1px solid #ececec; border-top:none; border-radius:0 0 5px 5px;} /*하*/
.login_box .info>* {padding-top:20px; padding-left:0; margin:0;}
.login_box .info > span {width:50%;}
.login_box .info > span:first-child {margin-right:30px;}
.login_box .info .btn-sm {border:1px solid #ddd; padding:10px; border-radius:3px; margin-left:10px;}
.login_box .info .btn-sm:hover {border:1px solid #4ba921; background:#4ba921; text-decoration:none; color:#fff;}

/* 멤버 > 아이디/비밀번호 찾기 */
.contents div.search_box:first-child {margin-bottom:40px;}
.search_box .form-group {border-radius:0 0 5px 5px;}

a:hover {text-decoration:none;}
pre {overflow:hidden;}
.bold {font-weight:bold;}
.btn_box {text-align:center; padding:5px 0;}
.btn_box li {display:inline-block;}

pre {word-break:keep-all; word-wrap:break-word; white-space:pre-wrap;}
.join p {margin-bottom:10px; font-size:14px;}
.agree {padding:20px; border:1px solid #eee; background-color:#fafafa;}
.agree pre {width:100%; font-size:12px; margin:0; padding:0; font-family:inherit !important; line-height:inherit; background-color:transparent; border:none;}
.privacy {padding:20px; border:1px solid #eee; background-color:#fafafa;}
.privacy pre {font-size:12px; margin:0; padding:0; font-family:inherit !important; line-height:inherit; background-color:transparent; border:none;}

.btn-blue {background:#29a5d8; color:#fff !important; letter-spacing:0; padding:10px 22px 9px; line-height:2.6; border:1px solid transparent; border-radius:3px;}
.btn-blue:hover {background:#4ba921;}
.btn-normal {color:#696969; background-color:#fff; letter-spacing:0; padding:10px 22px 9px; line-height:2.6; border:1px solid #e8e8e8; border-radius:3px;}
.btn-normal:hover {color:#fff; background-color:#4ba921; border:1px solid #4ba921;}
.btn-lg {padding:13px 25px 12px; font-size:14px;}

/* 멤버 > 01약관동의,02정보입력 */
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio]{margin-right:5px;position:relative;top:3px;}

.join_step {overflow:hidden; margin-bottom:50px; text-align:center; font-size:12px; letter-spacing:-1px;}
.join_step li {width:33.3%; float:left;  padding-bottom:10px; color:#999; border-bottom:1px solid #ddd; background:url(../images/member/arrow_right.png) no-repeat 100% 30%; opacity:.5;}
.join_step li:last-child {background:none;}
.join_step .on {color:#000; border-bottom:1px solid #000; opacity:1; font-weight:bold;}
.join {overflow:hidden; width:100%;}
.join label {display:block; margin:0;}
.join .agree {overflow-y:auto;}
.join .checkbox {text-align:right;}
.join .checkbox label {color:#000; font-size:12px; font-weight:800;}
.join .privacy {overflow-y:auto;}
.join .title {padding-bottom:10px; margin-bottom:30px !important; border-bottom:1px solid #333; font-weight:bold; color:#000;}
.join .title span {font-size:12px; color:#666; font-weight:normal;}
.join .form-group {overflow:hidden;}
.join .form-group a.btn {/* min-height:34px; */ font-size:12px; letter-spacing:0; /* padding:9px 18px; */ line-height:2.6; border:1px solid #e8e8e8; color:#000;}
.join .form-group a:hover.btn {background:#29a5d8 !important; border:1px solid #29a5d8; color:#fff;}
.join .form-group label.id_wrap {margin-top:13px;}
.join .form-group label {clear:left; width:12%; float:left; text-align:right; margin-top:7px;}
.join .form-group>div {min-height:34px; margin:0 0 20px 20px; width:85%; float:left;}
.join .form-group>div>div {padding-left:0;}
.join .form-group>div:last-child {margin-bottom:0;}
.join .form-group>div p {clear:both; margin-bottom:10px; font-size:12px; color:#999; line-height:1.4;}
.join .form-group>div>* {margin-bottom:5px;}
.join .form-group input[type="text"].inline {height:34px; padding:4px 12px; border:1px solid #ccc;}
.join .form-group span.inline {display:block; float:left; height:34px; padding:6px 5px;}
.join .form-group .select_box {height:34px;border:1px solid #ccc;}
.join .form-group .mail {border-right:0 !important;}
.join .form-group .divinner>div {padding:5px 0; overflow:hidden;}
.join .form-group .addr>div {padding-bottom:0;}
.join .form-group .addr>div:nth-last-child(2) {padding-right:0 !important;}
.join .form-group .addr>div:last-child {padding-right:0 !important;}
.join .form-group .checkbox {text-align:left; }
.join .form-group .addr label {display:none;}
.join .form-group input[type="checkbox"] {position:relative; top:2px;}
.join .form-group .autoCode {padding:5px 0; width:90px; margin-top:7px; font-size:14px;}
.join .radio-inline {font-weight:bold; padding-top:0 !important;}
.join .name_wrap div {float:left;}
.join .sidebyside {overflow:hidden; width:50%; /* margin-top:5px; */}
.join .sidebyside label {clear:none; width:16%; /* display:inline-block !important; */}
.join .sidebyside label.cal_wrap {width:33px; margin-top:2px;}
.join .sidebyside label > a.cal_Img {display:inline-block !important;}
.join .form-group .divinner .year_wrap {margin-right:5px;}
.join .agree_txt {margin-top:-20px !important;}
.join .agree_txt label {width:80%; text-align:left;}
.join p.explain {margin-top:-5px;}
.join .form-control {
	display:inline-block;
    height:33px;
    padding:0 0 0 12px;
    line-height:1.42857143;
    color:#555;
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:4px;
}


[disabled].form-control, [readonly].form-control {
	background-color:#eee;
	opacity:1;
}


.join .form-group select {width:726px; height:35px;}

.msg_box * {vertical-align:top;}
.msg_box p {display:inline-block; font-size:12px !important;}
.mail2 i {position:absolute; top:5px; left:5px;} /* 메일 입력 두번째 @ 부분에 사용 */
.mail2 input {padding-left:25px !important;} /* 메일 입력 두번째 @ 부분에 사용 */
i.msg {display:inline-block; width:40px; height:40px; background:url(../images/member/icon_msg.png) no-repeat 0 4px;}
.cal_Img img {width:36px; margin-top:-2px;}

.w100 {width:100% !important;}
.w97 {width:97% !important;}
.w90 {width:90% !important;}
.w80 {width:80% !important;}
.w70 {width:70% !important;}
.w60 {width:60% !important;}
.w50 {width:50% !important;}
.w40 {width:40% !important;}
.w30 {width:30% !important;}
.w20 {width:20% !important;}
.w10 {width:10% !important;}

/* 03가입완료 */
.join_end {text-align:center; line-height:1.6; margin-bottom:30px;}
.join_end .title {font-size:24px; color:#000;}

/* 마이페이지 > 회원탈퇴 */
.member_end_wrap {padding-bottom:130px;}
.member_end .join {margin-bottom:30px;}
.member_end .textarea_wrap textarea {height:100% !important; padding:8px 12px;}

/* 마이페이지 > 개인정보수정 확인 */
.modify_before .idpw_box {border-radius:0 0 5px 5px;}

/* 게시판 글쓰기 개인정보처리방침 */
.write_privacy {margin-bottom:10px;}
.write_privacy_in {border:1px solid #ddd; padding:10px 20px 20px; height:80px; overflow-y:scroll;}
.write_privacy_in dt {font-weight:bold; margin-top:10px;}
.write_privacy .ckwrap {padding:10px; text-align:right;}
.write_privacy .ckwrap label {display:inline-block !important; vertical-align:text-bottom; font-weight:bold;}