/* 탭메뉴 */
.P-scontent{position: relative; width: 100%; height: 600px; overflow: hidden; transition:all .5s ease;}
.top-menu{overflow:hidden; height:100%; text-align:center;}
.top-menu-title{font-size:40px; font-weight:800; color: #fff; text-align: left; position: absolute; left:20%; top: 250px;}
.blackBg {width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0, 0, 0, 0.3);}

.sub_tab_wrap{width: 100%; margin: auto;}
.sub_tabbox{position: absolute; left: 20%; transform: translateY(350px); word-break: keep-all;}
.sub_tab_wrap .sicast_tab{text-align: left; line-height: 40px; padding:0 20px;}
.sicast_tab.on a {color: #fff; font-weight: 700; transform:translateY(0px);}
.sicast_tab a{color: rgba(255, 255, 255, 0.3); font-weight: 400; font-size: 20px;display: block;}
/* 탭메뉴 */

/* 회사소개 */
#sub_wrap {
  width:1340px;
  height:100%;
  padding-top: 80px;
  margin:0 auto 100px;
  background: #fff;
  text-align: center;
}

/*.about-bx {display:table; width:100%; table-layout:fixed;}
.about-bx .photo {display:table-cell; vertical-align:top; width:460px; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.1);}
.about-bx .text {display: table-cell;  vertical-align: top;  padding: 50px 120px 0; word-break:keep-all;}*/
.about-bx, .about-bx2 {width:100%; margin-bottom:80px;}
.about-bx .photo {float:left; vertical-align:top; width:460px; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.1);}
.about-bx .text {float:right; vertical-align: top; width:calc(100% - 460px); padding: 50px 120px 0; word-break:keep-all;}

.about-bx2 .photo {float:right; vertical-align:top; width:460px; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.1);}
.about-bx2 .text {float:left; vertical-align: top; width:calc(100% - 460px); padding: 50px 120px 0 0; word-break:keep-all;}

.about-bx:after, .about-bx2:after {content:""; display:block; clear:both;}

.subTit {font-size:35px; color:#000; margin-bottom:20px; line-height:1.3; text-align:left;}
.subTit strong {color:#3c5e83; font-weight:700;}
.subTxt {font-size: 20px; line-height: 1.7; text-align:left;} 
.smallTit {font-family: 'Montserrat', 'Noto Sans KR', sans-serif; font-size:20px; font-weight:800; color:#3c5e83; text-align:left; border-left:3px solid #3c5e83; padding-left:5px; margin-bottom:15px;}
.smallTit2 {font-family: 'Montserrat', 'Noto Sans KR', sans-serif; font-size:20px; color:#3c5e83; text-align:center; padding-left:5px; margin-bottom:15px;}

.about-bx .photo.map {height: 400px;}
.location_table {width:100%;}
.location_table tr {border-bottom:1px solid #ebebeb;}
.location_table th {width:30%; font-size:16px; font-weight:600; text-align:left; padding:15px 5px;}
.location_table td {width:70%; font-size:16px; text-align:left; padding:15px 5px;}

.history-bx .subTit {float:right; vertical-align: top; width:calc(100% - 800px);font-size:35px; color:#000; margin-bottom:20px; line-height:1.3; text-align:left;}
.history-bx .item {position: relative;  display: table;  width: 100%;  table-layout: fixed;}
.history-bx .item .thumb {display: table-cell;  width: 640px;  vertical-align: top; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.1);}
.history-bx .item .thumb.none {box-shadow:none;}
.history-bx .item dl { position: relative;  display: table-cell;  padding: 50px 0 0 195px;  vertical-align: top;}
.history-bx .item dl::before {content: ''; width: 1px; position: absolute; top: 0; bottom: 0px; left: 108px; background-color: #dbdbdb;}
.history-bx .item dl dt {position: relative; font-size:35px; font-weight:700; color:#000; font-family: 'Montserrat', 'Noto Sans KR';  margin-bottom: 20px; line-height:1.3; text-align:left;}
.history-bx .item dl dt::before {content: ''; position: absolute; top: 24px; left: -95px; background-color: #fff; display: block; width: 17px; height: 17px;  border: #3c5e83 3px solid; border-radius: 50%; display: block;}
.history-bx .item dl dt::after {content: ''; position: absolute; top: 29px; left: -90px; background-color: #3c5e83; display: block; width: 7px; height: 7px;  border-radius: 50%; display: block;}
.history-bx .item dl dd {font-size: 20px; line-height: 1.7; text-align:left;}

/*기본 4단 이미지*/
.sicast_cer li {position:relative; width: 20%;height: 330px;margin:0px 2.5% 150px;float: left;border: 1px solid #ebebeb;}
.sicast_cer li div {width:100%; height:100%;}
.sicast_cer li p {width: 90%; margin:8px auto 0; font-size:15px; line-height:1.4;}
.sicast_cer li p strong {display:block; font-size:20px; text-align:center;}
.sicast_cer:after {content:""; display:block; clear:both;}

/*2단 이미지*/
.sicast_cer_col2 li {position:relative; width: 45%;height: 200px;margin:0px 2.5% 100px;float: left;background: #f5f5f5;}
.sicast_cer_col2 li div {width:100%; height:100%;}
.sicast_cer_col2 li p {width: 90%; margin:8px auto 0; font-size:15px; line-height:1.4;}
.sicast_cer_col2 li p strong {display:block; font-size:20px; text-align:center;}
.sicast_cer_col2:after {content:""; display:block; clear:both;}

/*3단 이미지*/
.sicast_cer_col3 li {position:relative; width: 28.3%;height: 200px;margin:0px 2.5% 130px;float: left;background: #f5f5f5;}
.sicast_cer_col3 li.li_col2 {width: 61.6%; }
.sicast_cer_col3 li div {width:100%; height:100%;}
.sicast_cer_col3 li p {width: 90%; margin:8px auto 0; font-size:15px; line-height:1.4;}
.sicast_cer_col3 li p strong {display:block; font-size:20px; text-align:center;}
.sicast_cer_col3:after {content:""; display:block; clear:both;}
.mt0 {margin-top: 0 !important;}
.mb80 { margin-bottom: 80px;}

/* 회사소개 */

/* 제품소개 */
.pro-bx.first {margin-bottom:150px;}
.pro_table {width:100%; margin-top:80px;}
.pro_table tr {border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.pro_table th {padding:15px 20px; font-size:16px; text-align:left; font-weight:800; background: #f7fbff;}
.pro_table td {padding:15px 20px; font-size:16px; line-height:1.4; text-align:left; height: 74px;}
.pro_table td.line_left {border-left: 1px solid #ebebeb; }
.pro_table td.line_right {border-right: 1px solid #ebebeb; }
.responsive_tbl { width: 100%; overflow-x: auto; overflow-y: hidden; }
.responsive_tbl::-webkit-scrollbar { display: none; }
/* 제품소개 */

/* 제조공정 및 설비현황 */
.step_wrap {position:relative; margin-bottom:20px;}
.step {text-align:left;}
.step li {position:relative; display:inline-block; width:32%; font-size:16px; line-height:1.4; padding:8px 20px; margin-bottom:10px; background:#fafcff;}
.step li span {display:block; color:#000; font-size:20px; margin-bottom:5px;}
.step i {border: solid #9cabbb;  border-width: 0 2px 2px 0;  display: inline-block; padding: 8px; position: absolute; top:30px; right: 30px;}
.step .arrow_right {transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}

.history-bx .step_wrap { position: relative;  display: table-cell;  padding: 50px 0 0 45px;  vertical-align: top;}
.history-bx.sub04 .item {margin-bottom:80px;}
.history-bx.sub04 .subTit, .history-bx2 .subTit {float:none; width:100%;}
.history-bx2 {margin-top:150px;}
.history-bx2 .thumb {float:right; vertical-align:top; width:640px; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.1);}
.history-bx2 .text {float:left; vertical-align: top; width:calc(100% - 700px); padding: 0; word-break:keep-all;}
.history-bx2:after {content:""; display:block; clear:both;}
.history-bx2 .swiper-container, .history-bx2 .swiper-slide {height:inherit !important;}
.history-bx2 table {width:100%;}
.history-bx2 table tr {border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.history-bx2 table th {padding:15px 20px; font-size:16px; text-align:left; font-weight:800; background: #f7fbff; border-right: 1px solid #ebebeb;}
.history-bx2 table td {padding:15px 20px; font-size:16px; line-height:1.4; text-align:left; height: 74px;}

.history-bx.sub05 .thumb {float:left; vertical-align:top; width:640px; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.1);}
.history-bx.sub05 .swiper-container, .history-bx.sub05 .swiper-slide {height:inherit !important;}
.history-bx.sub05 .swiper-container.vit {height:440px !important; margin-bottom:30px;}
.history-bx.sub05 .subTit {float:none; width:100%;}
.history-bx.sub05 .text {float:right; vertical-align: top; width:calc(100% - 700px); padding: 0; word-break:keep-all;}
.history-bx.sub05 table {width:100%;}
.history-bx.sub05 table tr {border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.history-bx.sub05 table th {padding:15px 20px; font-size:16px; text-align:left; font-weight:800; background: #f7fbff;}
.history-bx.sub05 table td {padding:15px 20px; font-size:16px; line-height:1.4; text-align:left; height: 74px;}
/* 제조공정 및 설비현황 */

.mobile {display:none;}


/*태블릿 [ ~ 1340px 적용] */
@media all and (max-width:1340px){  
  #sub_wrap {width:90%;} 
  .sub_board_list_warp {width:90% !important;}
  .top-menu-title {left:15%;}
  .sub_tabbox {left:17%;}
  .history-bx.sub04 .item, .history-bx.sub04 .item .thumb {display:block; width:100%;}
  .history-bx.sub04 .item .thumb {float:none; width:100%; height: 300px; overflow: hidden; position: relative;}
  .history-bx.sub04 .item .thumb {height:300px;}
  .history-bx.sub04 .item .thumb img {width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
}

@media all and (max-width:1078px){ 
  .mobile {display:block;}
  .sicast_tab a {font-size:18px;}
  .map_txt {padding:0 3%;}
  .sicast_table01 th:first-child, .sicast_table01 td:first-child {padding-top: 20px;}
  .sicast_table01 th, .sicast_table02 th {line-height:1.4;}
  .sicast_table01 td, .sicast_table02 td {font-size:16px;} 

  .swiper-container:after {content:""; display:block; clear:both;}
  .about-bx .photo, .about-bx2 .photo, .history-bx .item .thumb, .history-bx2 .thumb {float:none; width:100%; height: 300px; overflow: hidden; position: relative;}
  .history-bx .item .thumb {height:250px;}
  .about-bx .photo img, .about-bx2 .photo img, .history-bx .item .thumb img {width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
  .about-bx .text, .about-bx2 .text, .history-bx2 .text, .history-bx.sub05 .text {float:none; width:100%; padding:30px 0 60px;}
  .subTit, .history-bx .item dl dt, .subTit strong {font-size:26px; line-height:1.4;}
  .subTxt, .history-bx .item dl dd {font-size:16px;}
  .about-bx .photo.map {height:300px;}
  .history-bx .subTit {width:100%; float:none;}
  .history-bx .item, .history-bx .item .thumb {display:block; width:100%; margin-bottom: 20px;}
  .history-bx .item dl {display:block; padding:0 0 0 50px; margin-bottom:30px;}
  .history-bx .item dl::before {left:17px; top:16px; bottom:0;}
  .history-bx .item dl dt {margin-bottom:30px;}
  .history-bx .item dl dt::before {top:16px; left:-38px; width:11px; height:11px; border:#3c5e83 1px solid;}
  .history-bx .item dl dt::after {top:19px; left:-35px; width:5px; height:5px;}
  .history-bx .item .thumb.none {display:none; margin-top:0;}
  .history-bx .item .thumb{margin-top: 50px;}
  .history-bx .item .thumb:first-child {margin-top:0;}
  .history-bx .item .thumb img {width:100%;}
  .history-bx .step_wrap {padding-left:0;}
  .history-bx2 .swiper-container, .history-bx2 .swiper-slide {height:300px !important; margin-bottom:50px;}
  .history-bx.sub05 .swiper-container.vit {height: 300px !important; margin-bottom: 0px;}
  .step li {width:49%;}
}


@media all and (max-width:974px){ 
  .P-scontent {height:400px;}
  .top-menu-title {font-size:36px; top:150px;}
  .sub_tabbox {transform: translateY(194px);}
  .sicast_table02 {word-break: break-word;}
  .sicast_table01 th, .sicast_table02 th {padding:20px 20px 20px 0px;}
  .sicast_cer li {width:45%; margin:0px 2.5% 150px;}
  .sicast_cer_col3 li { width: 45%; margin: 0px 2.5% 130px;} 
  .sub_01_02_icon {width:40px;}
}

@media all and (max-width:640px){ 
  .top-menu-title {font-size:30px; top: 133px; left: 13%;}
  .sub_tabbox {transform: translateY(186px); left: 15%;}
  .sicast_table01 td, .sicast_table02 td {font-size:14px;} 
  .subTit, .history-bx .item dl dt, .subTit strong {font-size: 23px; line-height:1.7;}
  .history-bx .item dl dt {margin-bottom: 0px;}
  .sicast_cer_col3 li p strong {font-size:16px;}
}