@charset "utf-8";
/* CSS Document */
/*=======================
제일금속 엔지니어링 sub.css 공통
*=======================*/
figure{ padding:0; margin:0}
table {width:100%; border-spacing:0}
.block{display:block!important;}
.w_full{width:100%!important;}
.line_r{ border-right:1px solid #ddd!important}
table th {letter-spacing:-1px; border-collapse:collapse; *border-collapse:collapse}
table td {border-collapse:collapse}
#sub_content{position:relative;}
#sub_main_banner{width:100%; height:286px; margin-top:83px}
#sub_main_banner .wrap{height:100%;}
#sub_main_banner .wrap .tit_area{width:100%; height:100%; display:table;}
#sub_main_banner .wrap .tit_area dl{display:table-cell; width:100%; height:100%; vertical-align:middle; color:#fff; font-weight:700; text-align:center;}
#sub_main_banner .wrap .tit_area dl dt{font-size:50px; text-shadow:1px 1px 2px rgba(0,0,0,0.8); margin-bottom:10px;}
#sub_main_banner .wrap .tit_area dl dd{ font-size:30px;text-shadow:1px 1px 2px rgba(0,0,0,0.8);}
#sideMenu{ width:100%; background:#0032aa; height:60px;}
.sub-menu-list-con ul{display:none}
.sub-menu-list-con ul li{ float:left; position:relative; border-right:1px solid rgba(255,255,255,0.4)}
.sub-menu-list-con ul li:first-child{border-left:1px solid rgba(255,255,255,0.4)}
.sub-menu-list-con ul.type4 li{width:25%;}
.sub-menu-list-con ul.type2 li{width:50%;}
.sub-menu-list-con ul.type1 li{width:100%;}
.sub-menu-list-con ul li a{font-size:19px; font-weight:700; color:#fff; width:100%; height:100%; display:block; line-height:60px; text-align:center;}
#sub_content{ padding:130px 0 160px;}
#sub_content #sub_tit_wrap{ text-align:center;}
#sub_content #sub_tit_wrap .content-tit{ font-size:45px; font-weight:800; position:relative;}
#sub_content #sub_tit_wrap .tit_line{display:block;width: 3px;height: 46px;background: #0032aa;margin: 28px auto;}
#sub_content #sub_tit_wrap .content-sub_txt strong{ font-size:60px; color:#0032aa; font-weight:800; display:block; margin-bottom:5px; letter-spacing:-2px}
#sub_content #sub_tit_wrap .content-sub_txt{ font-size:21px; color:#444; font-weight:700; line-height:1.6}
.white{color:#fff!important}
.blue{color:#0032aa!important}
.sub_tit2{position:relative; margin-top:100px;}
.sub_tit2:after{width:100%; height:1px; background:#bbb; content:""; display:block; position:absolute; left:0; top:0; margin-top:24px;}
.sub_tit2 h2{ color:#fff; width:400px; height:46px; background:#333; text-align:center; line-height:46px; font-size:20px; font-weight:800; position:relative; z-index:1; margin:0 auto;}
.sub_tit2 p{font-size: 18px;line-height: 1.5;text-align: center; margin-top: 35px;}
.table_wrap{width:970px; margin: 25px auto 0}
.table_wrap table{ border-bottom:2px solid #0086ca}
.table_wrap table thead{  background: linear-gradient( 45deg, #0086ca, #0065ad );}
.table_wrap table tr th, .table_wrap table tr td{ text-align:center; padding:15px 0; font-weight:700; border-bottom:1px solid #ddd; letter-spacing:0}
.table_wrap table tr th:last-child, .table_wrap table tr td:last-child{ border-right:0}
.table_wrap table tr th{ color:#fff;font-size:18px;}
.table_wrap table tr td{ color:#333132; background:#f8f8f8; font-size:17px; line-height:1.6; font-weight:normal; padding:15px}
.table_wrap table tr td.bg{ background:#edeeef; font-weight:600}
.table_wrap table tr.n_line td{ border-bottom:0}
.table_wrap.type2{ border-top:2px solid #0086ca; }
.table_wrap.type2 tr th{background: #edeeef;font-weight: 600; color:#333132}
/*=======================
제일금속 엔지니어링 sub.css 개별
*=======================*/
/*회사소개 - 인사말*/
#companyContent > figure{box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
#companyContent > dl{ box-sizing:border-box; padding:60px 45px; }
#companyContent > dl dt{font-size:38px; font-weight:normal; color:#333132; margin-bottom:35px; line-height:1.4}
#companyContent > dl dt span{font-weight:800}
#companyContent > dl dd{ font-size:20px; color:#231f20; line-height:1.7; }
#companyContent .sign_area{ margin-top:30px; font-size:22px; font-weight:800; text-align:right}
#companyContent .sign_area span{ display:inline-block; padding-left:25px;}
/*연혁*/
.history-tab-list-wrap{height:200px; margin-bottom:54px;}
.history-tab-list{height:200px; background:url(../../img/history_tab_list_bg.jpg) no-repeat center center; -webkit-transition:height 0.4s;-moz-transition:height 0.4s;-o-transition:height 0.4s;-ms-transition:height 0.4s;transition:height 0.4s}
.history-tab-list.fixed{position:fixed; top:0; left:50%; width:100%; max-width:1200px; margin-left:-600px; height:100px; z-index:3;}
.history-tab-list > li{float:left; width:50%; height:100%; text-align:center;}
.history-tab-list > li a{display:table; width:100%; height:100%; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.history-tab-list > li a h3{display:table-cell; width:100%; vertical-align:middle;}
.history-tab-list > li a p{font-size:19px; line-height:36px; color:#fff; font-weight:400;}
.history-tab-list > li a b{display:block; font-size:31px; font-weight:500;}
.history-tab-list > li.selected a{background-color:rgba(18,98,170,0.65)}

.greeting-history-wrapper{position:relative; padding-bottom:70px;}
.greeting-history-wrapper:before{position:absolute; top:11px; left:50%; display:block; content:""; width:1px; height:100%; background-color:#ddd;}
.greeting-history-wrapper.last:before{display:none;}
.greeting-history-list-wrap{position:relative; }
.greeting-history-year, .greeting-history-info{position:relative; width:50%;}
.greeting-history-year strong{display:block; font-size:23px; line-height:32px; color:#0032aa; font-weight:600; padding:0 30px;}
.greeting-history-year:before{position:absolute; top:11px; display:inline-block; content:""; width:9px; height:9px; border:2px solid #ddd; background-color:#fff; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%;}
.greeting-history-year.first:before{border-color:#1262aa; background-color:#1262aa;}
.greeting-history-info > div{padding:0 30px;}
.greeting-history-info p{font-size:17px; line-height:35px; color:#222; font-weight:400; letter-spacing:-0.5px;}
.greeting-history-info p>span{color:#0032aa; font-weight:bold; padding-right:15px; display:inline-block;}
.greeting-left .greeting-history-year, .greeting-left .greeting-history-info{float:left;}
.greeting-left .greeting-history-year{text-align:right;}
.greeting-left .greeting-history-year:before{right:-5px;}
.greeting-left .greeting-history-info{text-align:left;}
.greeting-right .greeting-history-year, .greeting-right .greeting-history-info{float:right;}
.greeting-right .greeting-history-year{text-align:left;}
.greeting-right .greeting-history-year:before{left:-3.5px;}
.greeting-right .greeting-history-info{text-align:right;}

/*인증서*/
.certificate_list{ margin-top:55px;}
.certificate_list li{ float:left; width:calc(25% - 15px); margin:0 20px 40px 0; box-sizing:border-box;}
.certificate_list li:nth-of-type(4n){ margin-right:0}
.certificate_list li a{ display:block; width:100%;}
.certificate_list li a figure > img{width:100%; height:auto; border:1px solid #ddd;}
.certificate_list li a figure figcaption{ font-size:16px; font-weight:bold; text-align:center; padding-top:15px;}
/* modal layer */
.footer-modal-content{background: none;width: 94%;max-width: 600px; margin:20px auto; position:relative;}
.footer-modal-content h1{height:60px; line-height:60px; font-size:24px; font-weight:500; letter-spacing:-0.5px; text-align:center; padding:0; background-color:#0068b7; color:#fff;}
.footer-inner.certification{padding:50px; height:auto; border:0; width:94%; max-width:600px; margin:20px auto}
.footer-inner.certification > img{max-width:100%; display:block; margin:0px auto;}
.modal-close-btn.certification{top:-10px; right:0;}
.modal-close-btn{position: absolute;top: 8%;right: 50%;color: #fff; margin-right: -16%;}
.modal-close-btn i{font-size:38px;}
.modal-close-btn i:hover {color:#fff}
.footer-inner-box{padding:30px; }
.footer-inner{padding:20px; height:400px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; }
.modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,0.8);}
.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content{text-align:left;}
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
/*찾아오시는 길*/
.map-tbl-con {margin-top:60px;}
.map-tbl-con .notice-tit {float: left; width: 100%;}
.map-tbl-con .notice-tit .map-btn {float: right;}
.map-tbl-con .notice-tit .map-btn a {display: inline-block; color: #222; font-size: 16px; letter-spacing: -0.25px; width: 170px; line-height: 45px; border:1px solid #cecece;}
.map-tbl-con .notice-tit .map-btn a:last-child {margin-left: 10px;}
.map-tbl-con .notice-tit .map-btn a i {margin-right: 5px; margin-left: 20px;}
.notice-txt-area {background-color: #f2f2f2; border:1px solid #d0d0d0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 3%;}
.notice-bx {margin-top: 35px;}
.notice-txt-bx {display: block; vertical-align: top; margin-top: 10px; line-height: 37px;}
.notice-tit {margin-top: 23px; margin-bottom: 5px;float: left; width: 100%;}
.notice-tit>h4 {float: left; font-size: 22px; letter-spacing:0; font-weight:600; color: #333; line-height: 47px;}
.notice-tit>h4:before {content: '';display: inline-block; margin-right:15px; margin-bottom: -6px; width: 5px; height: 24px; background-color:#0032aa;}
.map-tbl {width: 100%;}
.map-tbl tr {position: relative; background-image: url(../../img/dashed_icon.png); background-repeat: repeat-x; background-position-y: bottom; -ms-word-break: keep-all; word-break: keep-all;}
.map-tbl td:first-child:before {content: ''; display: inline-block; margin: 0 10px 3px 0; width: 6px; height: 6px; background-color: #000; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
.map-tbl td {font-size:17px; color: #3d3d3d; font-weight:normal; line-height: 1.5; letter-spacing:0px; padding:15px 0;}
.map_info table tr td{ border-right:0}
.map-tbl td b{margin-bottom:10px; display:inline-block;}
.map-tbl td span{padding-left:33px; display:block; position:relative; letter-spacing: 0.5px; line-height: 1.9;}
.map-tbl td span > i{ font-style:normal; font-weight:bold; color:#0032aa;}
.map-tbl td span:before {content: '';  position:absolute; top:11px; left:20px ; width: 6px; height: 2px; background-color: #555; }
.map-tbl td.address-name {width: 60px;}
.map-tbl-con .notice-tit .map-btn {float: right;}
.map-tbl-con .notice-tit .map-btn a {display: inline-block; color: #222; font-size: 16px; letter-spacing: -0.25px; width: 170px; line-height: 45px; border:1px solid #cecece;font-weight: normal;}
.map-tbl-con .notice-tit .map-btn a:last-child {margin-left: 10px;}
.map-tbl-con .notice-tit .map-btn a i {margin-right: 5px; margin-left: 20px; background:url(../../img/local_icon.png) no-repeat center; padding:15px}



/*사업부소개*/
#businessContent > figure{ text-align:center; margin-top:35px;}
#businessContent > figure > figcaption{ text-align:left; font-size:20px; margin-top:5px;padding: 0 115px;}
#businessContent > figure > figcaption > span{ width:32.9%; display:inline-block; padding-left:10px}
#businessContent > figure.type2 > figcaption > span{ width:49.7%}
#businessContent > ul{margin-top:25px; width:970px; margin:25px auto 0px;}
#businessContent > ul li{ float:left; width:316px; margin:0 11px 20px 0}
#businessContent > ul li:nth-child(3n){ margin-right:0}
#businessContent > ul li figure > figcaption{ padding:15px 0;font-size:18px;}
.in_tit1{padding: 0 117px;font-size: 22px;font-weight: 800;position: relative;letter-spacing: 1px;}
.in_tit1 span{position:relative; padding-left:20px;}
.in_tit1 span:before{width:5px; background:#0032aa; height:100%; content:""; display:block; position:absolute; left:0; top:0}
.left_fig > figure img, .left_fig > figure > figcaption{float:left;}
.left_fig > figure > figcaption{font-size:19px;line-height:1.7;text-align: left;margin-top:15px; width:740px; box-sizing:border-box; padding-left:45px;}

/*온라인견적 - 온라인견적문의*/
input::placeholder, textarea::placeholder {color:#999; font-size:13px; letter-spacing:-0.5px}
.inquiryCont { overflow: hidden; }
.inquiryCont table tr td{ border-right:0!important}
.inquiryCont h4 { margin: 70px 0 20px; font-size:20px; }
.inquiryCont .row { clear: both; width: 100%; overflow: hidden; margin-bottom: 20px; }
.inquiryCont .row textarea{ width: 100%;border: 0; border-radius: 3px;padding: 15px;background-color: #fff;border: 1px solid #ddd; height:250px}
.inquiryCont .row .col2 { width: calc(50% - 10px); }
.inquiryCont .row .col2:nth-child(even) { float: right; }
.inquiryCont .row .col3 { width: calc(33.33% - 13.33px); margin-left: 20px; float: left;  }
.inquiryCont .row .col3:first-child { margin-left:0; }
.inquiryCont input.input1,
.inquiryCont select { background-color:#fff; border:0; height: 65px; line-height: 65px; width: calc(100% - 115px);  float: left; padding: 0 15px; border-radius: 0 3px 3px 0;border: 1px solid #ddd; font-size:15px}
.inquiryCont label.label1 { font-size: 16px; width:115px; line-height: 65px;  float: left; color:#fff; background-color:#0032aa; text-align: center; border-radius: 3px 0 0 3px; }

#policy {position:relative; float:left; width:99%;font-family:'Nanum Gothic' !important; height:157px; box-sizing:border-box; border:1px solid #ccc; overflow:hidden; overflow-y:scroll; color:#282828;; font-size:13px; line-height:24px; margin:-20px 0 20px}
#policy .privacy_wrap ul li {font-size: 16px !important; margin:0 !important; padding:0 !important}
#policy .bul_dash	{padding-right:5px;}
#policy .privacy_wrap	{padding:15px 17px 13px; color:#666;  line-height:24px; text-align:justify;}
#policy .privacy_wrap	h2	{font-size:1.25em; margin:15px 0 15px !important;}
#policy	.privacy_wrap	h3	{font-size:1.20em; padding-top:25px; }
#policy	.privacy_wrap	p, .scroll_wrap	.privacy_wrap	ul	{padding-top:5px; font-size:16px; line-height:1.7}
.privacy_wrap h5{ font-size:17px; font-weight:bold; color:#333;margin: 20px 0 5px;}
.txt_privacy	{ /*float:left;*/padding-top:10px; color:#282828; margin-top:5px; font-size:16px; line-height:16px;}
.txt_privacy	label	{padding-left:5px;}
.radioWrap { line-height: 63px; }
.radioWrap .radioCont { width: calc(100% - 115px); float: left;border: 1px solid #ddd; border-left:0}
.radioWrap .radioCont li { float: left; margin-left: 20px; font-size:16px; font-weight:500}
.inquiry-btn { position: relative; width: 100%; overflow: hidden; }
.inquiry-btn .btn_submit,
.inquiry-btn .btn_cancel { line-height: 65px; font-size:18px; border-radius:3px; }
.inquiry-btn .btn_submit { color:#fff; background-color:#0032aa; border:0; cursor:pointer; }
.inquiry-btn .btn_cancel { color:#fff; background-color: rgba(0,0,0,0.4); text-align: center;  }
.filebox span { float: left; line-height: 65px; }
.filebox label { float:left; display: inline-block; color: #fff; width: 100px; text-align: center; line-height: 65px; background-color: #0032aa; cursor: pointer; border-radius: 0 3px 3px 0; font-size:16px} 
.filebox input.input1 { border-radius: 3px 0 0 3px; background: #f0f0f0; color:#999; }
.filebox input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }

/*체크박스 커스텀*/
input[type=checkbox].css-checkbox {
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -25px;
}
input[type=checkbox].css-checkbox + label.css-label {
    padding-left: 32px;
    height: 25px;
    display: inline-block;
    line-height: 25px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
}
label.css-label {
    background-image: url(../../img/checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*개인정보취급방침*/
#policy2 .holder {padding: 25px 60px; text-align: center; border-top: 2px #0032aa solid;background-color: #f6f6f6;}
#policy2 .holder p.core { margin: 0;font-size:20px;color: #333;font-weight: 500; line-height:1.6}
#policy2 .holder p.desc {line-height:1.8; font-size:16px; margin-top:15px; letter-spacing:0}
#policy2 .holder .action {margin-top: 20px;font-size:15px;color: #333; font-weight:bold}
#policy2 .holder .action select {margin-left: 20px;border-color: #fff;background-color: #fff; padding:10px}
#policy2 .padder-sm{margin-top:40px;font-size:16px; line-height:1.6; letter-spacing:0}
#policy2 .padder-sm h2{font-size: 18px;line-height:1.7; padding: 45px 0 15px;}
#policy2 .padder-sm ol{ padding:0}
#policy2 .padder-sm ol li{ list-style:none;}
#policy2 .padder-sm ol li p{ font-weight:400; padding: 2px 0 20px;}
#policy2 .padder-sm .list-a{margin-top:10px; position:relative; padding:0}
#policy2 .padder-sm .list-a li {margin-bottom:10px; color:#444}
#policy2 .padder-sm .list-a li .core{margin-bottom:10px}
#policy2 .padder-sm .list-a li .desc{line-height:1.8;font-weight:400; color:#666}