/* 탭메뉴 */
.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:23%; top: 250px;}
.blackBg {width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0, 0, 0, 0.75);}

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

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

.sub_txt_wrap{background: #fff;}
.sub_s_tit{font-size: 20px;line-height: 1.4;color: #343434;border-bottom: 1px solid #ccc;margin-bottom: 30px;padding-bottom: 10px;}
.sub_s_tit span{color: #0051a0;font-size: 32px;}



.blank {display:block; width:100%; height:80px; background:transparent;}
.subtit {position: relative; margin-bottom: 30px; padding-top: 15px; line-height: 1.4;  text-align: left;  color: #000;}
.b_sub_txt {width:100%; padding:5%; color: #333; font-size: 18px; line-height: 2; font-weight: 500; text-align: left;}
.b_sub_txt span{display:block; font-size:35px; font-weight: 700; color: #f26f27;}


/* 회사소개 */
.b_sub_txt.gray {padding:0; background:#f7f7f7;}
.gray_in {max-width:1280px; padding:5%; margin:auto;}
.gray_in .underline {padding-bottom:30px; border-bottom:2px solid #000; margin-bottom:40px; color: #000; font-size: 18px; line-height: 2; font-weight: 500; text-align: left;}
.gray_in li {width:100%; padding:20px 0; background:#fff; margin-bottom:14px;}
.gray_in li .left {width:15%; height: 103px; float:left; position:relative;}
.gray_in li .left img {width:100px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.gray_in li .right {width:85%; float:left;}
.gray_in li p {font-size:18px; font-weight:bold; padding-bottom:8px; text-align:left;}
.gray_in li div {font-size:16px; line-height:2; font-weight:500; text-align:left;}
.sung_table {width:90%; margin: auto;}
.sung_table tr {border-bottom:1px solid #e0e0e0;}
.sung_table tr:last-child {border-bottom:0;}
.sung_table th {padding:18px 10px; font-size:16px; font-weight:bold;line-height:1.4; text-align:left; background:#f9f9f9;}
.sung_table td {padding:18px 10px; font-size:16px;line-height:1.4; text-align:left;}
.gray_in li:after {content:""; display:block; clear:both;}
/* 회사소개 */

/* 회사소개 */
.b_txt li {padding:18px 10px; font-size:16px;line-height:1.4; text-align:left; border-bottom:1px solid #e0e0e0;}
.b_txt li:last-child {border-bottom:0;}
.sub0102 .b_sub_txt {width:55%; float:left;}
.sub0102 .b_sub_img {width:38%; float:left; padding:6% 0 0 0;}


.nalda_history{position: relative;}
.nalda_history:before {position: absolute; top: 0px; left: 38%; width: 1px; height: 50px; background: #ddd; content: "";}
.n_history_wrap { position: relative;  overflow: hidden;}
.n_history_wrap:before { position: absolute; top: 0px; left: 38%; width: 1px; height: 100%; background: #ddd; content: "";}
.n_list_wrap { position: relative; width: 62%; margin-top: 50px;}
.history_right .n_list_wrap {float: right;}
.history_year {font-family: 'Raleway', 'Noto Sans KR', sans-serif; position: absolute; top: -12px; text-align: center; font-size: 30px; line-height: 46px; letter-spacing: -0.5px; color: #afafaf; }
.history_right .n_list_wrap .history_year {right: 100%; margin-right: 55px;}
.history_right .n_list_wrap .history_year::before { left: 100%;  margin-left: 19px;}
.history_year::before {position: absolute;  content: ""; display: inline-block; width: 37px; border: 1px solid #ddd;  top: 25px;}
.history_year::after {position: absolute; top: 50%; width: 25px; height: 39px; margin-top: -16px; background-color: #fff; content: ""; background-size: cover !important;}
.history_year.now{color: #f26f27;}
.history_right .n_list_wrap .history_txt {padding-left: 65px;}
.history_right .h_txt_in {font-family: 'Raleway', 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 300; line-height:2; text-align: left;}
.history_right .h_txt_in b{margin-right: 10px;}
.company-history-info p {position: relative; font-size: 18px; line-height: 1.875;  font-weight: 400; color: #272727; word-break: keep-all;}
.history_right .n_list_wrap .history_txt p::after {left: 0;}
.company-history-info p:after { content: ""; position: absolute; top: 13px; width: 6px; height: 1px;  background-color: #272727;}
.history-left .n_list_wrap {float: left;}
.history-left .n_list_wrap .history_year {left: 100%;  margin-left: 55px;}
.history-left .n_list_wrap .history_year::before {right: 100%; margin-right: 11px;}
.history-left .n_list_wrap .history_year::after { right: 100%;  margin-right: 36px;}
.history-left .n_list_wrap .history_txt {text-align: right; padding-right: 65px;}
.history-left .h_txt_in {font-size: 18px; font-weight: 400; line-height:2;}
.history-left .h_txt_in b{margin-right: 10px;}
.history-left .n_list_wrap .history_txt p::after {right: 0;}

/* 상 */
.sunghwaft_cer {margin-top:5%;}
.sunghwaft_cer li {position:relative; width: 20%;height: 330px;margin:30px 2.5% 70px;float: left;border: 1px solid #ebebeb;}
.sunghwaft_cer li div {width:100%; height:100%;}
.sunghwaft_cer li p {width: 90%; margin:14px auto 0; font-size:16px; line-height:1.4;}
.sunghwaft_cer:after {content:""; display:block; clear:both;}
/* 상 */

/* 오시는길 */
.map {width:90%; margin: 5% auto 30px; height: 400px;}
/* 오시는길 */


/*태블릿 [ ~ 1280px 적용] */
@media all and (max-width:1280px){  
  .top-menu-title {font-size:50px; line-height: 1;}
  .top-menu-title.d_board {padding: 160px 50px 80px;}
  .top-menu-title {left:15%;}
  .sub_tabbox {left:17%;}
  #sub_wrap {width:90%;} 
  .sub_board_list_warp {width:90% !important;}
  .sub_tab_wrap {width:92%;}
  .sub_boxIn {width:90%;}
}

@media all and (max-width:1078px){ 
  .sunghwaft_tab a {font-size:18px;} 
  .sub0102 .b_sub_txt {width:60%; padding:5% 0 5% 5%;}
  
}


@media all and (max-width:970px){ 
  .P-scontent {height:400px;}
  .top-menu-title {font-size:36px; top:150px;}
  .sub_tabbox {transform: translateY(198px);}
  .sunghwaft_tab a {font-size: 16px;}
  .sunghwaft_cer li {width:45%; margin:30px 2.5% 80px;}
  .sunghwaft_cer li p {margin-top:14px;}
  
  .gray_in li .left img {width:80px;}
  .b_sub_txt span {font-size:28px;}
  .b_sub_txt, .gray_in .underline{font-size:16px;}
  .subtit {margin-bottom:10px;}
  .blank {height:0;}
}

@media all and (max-width:640px){ 
  .top-menu-title {font-size:30px; top: 150px; left: 13%;}
  .sub_tabbox {transform: translateY(186px); left: 15%;}
  .sub_tab_wrap .sunghwaft_tab {padding: 0 10px;}
  .sunghwaft_tab a {font-size: 15px;}

  .gray_in li .left, .gray_in li .right {width:100%; float:none;}
  .gray_in li p, .gray_in li div {text-align:center; }
  .gray_in li div {padding:0 20px;}
  .b_sub_txt span, .history_year {font-size:26px;}
  .b_sub_txt, .gray_in .underline, .gray_in li div, .sunghwaft_cer li p, .sung_table th, .sung_table td {font-size:15px;}

  .sub0102 .b_sub_img, .sub0102 .b_sub_txt {width:100%; float:none;}
  .sub0102 .b_sub_txt {padding:0 0 5%;}
  .history_right .n_list_wrap .history_txt {padding-left: 44px;}
  .sunghwaft_cer li {height:262px;}
  .map {height:320px;}
}


@media all and (max-width:640px){ 
}