@charset "UTF-8";

/* 공통 */
.contents {margin-bottom: 120px;}
.area_wrap:first-child {margin-top: 30px;}
.highlight_blue {color: #13489d; background: linear-gradient(180deg,rgba(213, 221, 238, 0) 55%, #d5ddee 1%); vertical-align: baseline;}
.bold_blue {font-weight: 600; color: #13489d; vertical-align: baseline;}
.tit_wrap {margin-bottom: 30px;}
.tit_wrap p {font-size: 32px; font-weight: 600; line-height: 33px; letter-spacing: -0.025em; color: #222;}
.tit_wrap p::before {content: ''; display: inline-block; margin-right: 20px; vertical-align: bottom; background-repeat: no-repeat; background-image: url("../images/contents/tit_wrap_bulit.png"); width: 36px; height: 33px;}



/* 1-1. 기업정보 */
.info .section_greet {position: relative;}
.info .section_greet::after {z-index: -2; content: ''; position: absolute; width: 900px; height: 900px; right: -35%; top: 0; background-image: url('../images/contents/1-1_bg_logo.png'); background-repeat: no-repeat;}
.info .section_greet .txt_wrap {width: 68%;}
.info .section_greet .txt_wrap .sub_tit {font-size: 42px; font-weight: 600; line-height: 1.3; letter-spacing: -0.025em; color: #454545;}
.info .section_greet .txt_wrap .txt_box {margin-top: 60px;}
.info .section_greet .txt_wrap .txt_box p {margin-bottom: 40px; font-size: 20px; line-height: 1.3; letter-spacing: -0.025em; color: #454545;}
.info .section_greet .txt_wrap .txt_box p:last-child {margin-bottom: 0;}

.info .section_summary {margin-top: 80px;}
.info .section_summary .bg_wrap {width: 100%; height: 430px; background: url('../images/contents/1-1_bg_img.jpg') no-repeat center; background-size: cover; position: relative;}
.info .section_summary .bg_wrap .contents_box {display: flex; justify-content: space-between; height: 100%; align-items: center;}
.info .section_summary .bg_wrap .contents_box .contents_item {width: 230px; height: 205px; text-align: center; display: flex; flex-direction: column; background: url('../images/contents/1-1_icon_bg.png') no-repeat center; background-size: contain;}
.info .section_summary .bg_wrap .contents_box .contents_item .contents_item_t {height: 45%; margin-top: 5%; display: flex; align-items: center; justify-content: center;}
.info .section_summary .bg_wrap .contents_box .contents_item .contents_item_b {height: 50%; display: flex; align-items: center; flex-direction: column;}
.info .section_summary .bg_wrap .contents_box .contents_item .contents_item_b .sub_tit {font-size: 18px; font-weight: 600; line-height: 1.3; letter-spacing: -0.035em; color: #222;}
.info .section_summary .bg_wrap .contents_box .contents_item .contents_item_b .vertical_line {margin: 8px 0 6px 0; width: 24px; height: 2px; background-color: #13489d;}
.info .section_summary .bg_wrap .contents_box .contents_item .contents_item_b .txt {font-size: 16px; font-weight: 500; line-height: 1.3; letter-spacing: -0.035em; color: #555;}

.info .section_field {margin-top: 100px;}
.info .section_field .contents_wrap {display: flex; justify-content: space-between;}
.info .section_field .contents_wrap .contents_box {display: flex; width: 23%; height: 350px;}
.info .section_field .contents_wrap .contents_box .txt_item {padding: 35px 40px 35px 28px; display: flex; width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; flex-direction: column; justify-content: flex-end;}
.info .section_field .contents_wrap .contents_box .txt_item .sub_tit {font-size: 26px; font-weight: 600; line-height: 1.3; letter-spacing: -0.025em; color: #fff;}
.info .section_field .contents_wrap .contents_box .txt_item .vertical_line {margin: 15px 0; width: 30px; height: 1px; background-color: #fff;}
.info .section_field .contents_wrap .contents_box .txt_item .txt {font-size: 16px; font-weight: 400; line-height: 1.3; letter-spacing: -0.025em; color: #d8d8d8;}
.info .section_field .contents_wrap .contents_box:nth-child(1) .txt_item {background-image: url('../images/contents/1-1_img01.png');}
.info .section_field .contents_wrap .contents_box:nth-child(2) .txt_item {background-image: url('../images/contents/1-1_img02.png');}
.info .section_field .contents_wrap .contents_box:nth-child(3) .txt_item {background-image: url('../images/contents/1-1_img03.png');}
.info .section_field .contents_wrap .contents_box:nth-child(4) .txt_item {background-image: url('../images/contents/1-1_img04.png');}

@media screen and (max-width: 1280px) {
  .info .section_greet::after {width: 800px; height: 800px; right: -25%; background-size: contain;}
  .info .section_greet .txt_wrap {width: 100%; max-width: 800px;}
  .info .section_greet .txt_wrap .sub_tit {font-size: 36px;}
  .info .section_greet .txt_wrap .txt_box {margin-top: 50px;}
  .info .section_greet .txt_wrap .txt_box p {margin-bottom: 35px; font-size: 18px; font-weight: 400;}

  .info .section_summary {margin-top: 70px;}
  .info .section_summary .bg_wrap .contents_box {flex-wrap: wrap; justify-content: center;}
  .info .section_summary .bg_wrap .contents_box .contents_item {width: 33%; height: 205px;}
  .info .section_summary .bg_wrap .contents_box .contents_item:nth-child(4),
  .info .section_summary .bg_wrap .contents_box .contents_item:nth-child(5) {margin-top: -150px;}

  .info .section_field {margin-top: 85px;}
  .info .section_field .contents_wrap .contents_box {width: 24%; height: 320px;}
  .info .section_field .contents_wrap .contents_box .txt_item {padding: 35px 20px;}
  .info .section_field .contents_wrap .contents_box .txt_item .sub_tit {font-size: 24px;}
  .info .section_field .contents_wrap .contents_box .txt_item .vertical_line {width: 25px;}
  .info .section_field .contents_wrap .contents_box .txt_item .txt {font-size: 15px;}
}

@media screen and (max-width: 1024px) {
  .info .section_summary .bg_wrap {height: auto; padding: 50px 0;}
  .info .section_summary .bg_wrap .contents_box {flex-wrap: wrap; justify-content: center;}
  .info .section_summary .bg_wrap .contents_box .contents_item {width: 50%; height: 190px;}
  .info .section_summary .bg_wrap .contents_box .contents_item:nth-child(3) {margin: -75px 25%;}
  .info .section_summary .bg_wrap .contents_box .contents_item:nth-child(4),
  .info .section_summary .bg_wrap .contents_box .contents_item:nth-child(5) {margin-top: 0;}
  .info .section_summary .bg_wrap .contents_box .contents_item .contents_item_b .sub_tit {font-size: 17px;}
  .info .section_summary .bg_wrap .contents_box .contents_item .contents_item_b .vertical_line {margin: 6px 0 4px 0; width: 23px;}
  .info .section_summary .bg_wrap .contents_box .contents_item .contents_item_b .txt {font-size: 15px;}
}

@media screen and (max-width: 768px) {
  .info .section_greet::after {width: 600px; height: 600px; top: 200px;}
  .info .section_greet .txt_wrap .sub_tit {font-size: 30px;}
  .info .section_greet .txt_wrap .txt_box {margin-top: 40px;}
  .info .section_greet .txt_wrap .txt_box p {margin-bottom: 30px; font-size: 16px;}

  .info .section_summary {margin-top: 60px;}
  .info .section_summary .bg_wrap {padding: 40px 0;}
  .info .section_summary .bg_wrap .contents_box {justify-content: space-between;}
  .info .section_summary .bg_wrap .contents_box .contents_item {width: 40%; height: 180px;}
  .info .section_summary .bg_wrap .contents_box .contents_item:nth-child(3) {margin: -75px 30%;}
  .info .section_summary .bg_wrap .contents_box .contents_item .contents_item_b .sub_tit {font-size: 16px;}
  .info .section_summary .bg_wrap .contents_box .contents_item .contents_item_b .vertical_line {width: 18px;}
  .info .section_summary .bg_wrap .contents_box .contents_item .contents_item_b .txt {font-size: 14px;}

  .info .section_field {margin-top: 70px;}
  .info .section_field .contents_wrap {flex-wrap: wrap; row-gap: 20px;}
  .info .section_field .contents_wrap .contents_box {width: calc((100% - 20px) / 2); height: 290px;}
  .info .section_field .contents_wrap .contents_box .txt_item {padding: 30px 15px;}
  .info .section_field .contents_wrap .contents_box .txt_item .sub_tit {font-size: 22px;}
  .info .section_field .contents_wrap .contents_box .txt_item .vertical_line {width: 21px;}
  .info .section_field .contents_wrap .contents_box .txt_item .txt {font-size: 14px;}
}

@media screen and (max-width: 480px) {
  .info .section_greet .txt_wrap .sub_tit {font-size: 26px;}

  .info .section_summary .bg_wrap {padding: 30px 0;}
  .info .section_summary .bg_wrap .contents_box .contents_item {width: 100%;}
  .info .section_summary .bg_wrap .contents_box .contents_item + .contents_item {margin-top: 20px;}
  .info .section_summary .bg_wrap .contents_box .contents_item:nth-child(3) {margin: 20px 0 0;}

  .info .section_field .contents_wrap {row-gap: 15px;}
  .info .section_field .contents_wrap .contents_box {width: 100%; height: 260px;}
}



/* 1-2. 연혁 */
.history .top_wrap {margin-bottom: 5%;}
.history .top_wrap .bg_box {display: flex; justify-content: center; align-items: center; width: 100%; height: 180px; background: url("../images/contents/1-2_top_img.png") no-repeat center}
.history .top_wrap .bg_box .txt_item {text-align: center;}
.history .top_wrap .bg_box .txt_item p {font-style: italic; font-size: 28px; font-weight: 600; line-height: 1.4; letter-spacing: -0.025em; color: #fff;}

.history .contents_wrap .top_logo {display: flex; justify-content: center; align-items: center;}
.history .contents_wrap .top_logo .logo_img {width: 72px; height: 64px; background: url(../images/contents/1-2_top_logo.png) no-repeat center/contain;}
.history .contents_wrap .bottom_line {width: 45px; height: 1px; background-color: #dedede; margin: 0 auto;}

.history .contents_wrap .contents_box .history-item {display: flex; align-items: baseline;}
.history .contents_wrap .contents_box .history-item .history-year {width: 50%; display: flex; align-items: flex-start;}
.history .contents_wrap .contents_box .history-item .history-year .year {display: inline-block; padding: 0 6px; font-size: 50px; font-weight: 800; line-height: 1.2; letter-spacing: -0.025em; color: #183883;  background: linear-gradient(to top, #c8daff 48%, transparent 0%); font-family: 'Montserrat';}
.history .contents_wrap .contents_box .history-item .history-list {width: 50%;}
.history .contents_wrap .contents_box .history-item .history-list .history-box {display: flex; margin-bottom: 20px; align-items: baseline;}
.history .contents_wrap .contents_box .history-item .history-list .history-box:first-child {padding-top: 30px;}
.history .contents_wrap .contents_box .history-item:first-child .history-list .history-box:first-child {padding-top: 80px;}
.history .contents_wrap .contents_box .history-item .history-list .history-box:last-child {margin-bottom: 100px;}
.history .contents_wrap .contents_box .history-item .history-list .history-box .month span {font-size: 22px; font-weight: 600; line-height: 1.3; letter-spacing: -0.025em; color: #222; vertical-align: baseline;}
.history .contents_wrap .contents_box .history-item .history-list .history-box .txt_box .txt {margin-bottom: 8px; font-size: 20px; font-weight: 400; line-height: 1.3; letter-spacing: -0.025em; color: #454545;}
.history .contents_wrap .contents_box .history-item .history-list .history-box .txt_box .txt:last-child {margin-bottom: 0;}

.history .contents_wrap .contents_box .history-item.type1 .history-year {justify-content: flex-end; padding-right: 110px;}
.history .contents_wrap .contents_box .history-item.type1 .history-list {padding-left: 110px; border-left: #dedede 1px solid;}
.history .contents_wrap .contents_box .history-item.type1 .history-list .history-box .month {position: relative; margin-right: 30px;}
.history .contents_wrap .contents_box .history-item.type1 .history-list .history-box:first-child .month::before {content: ''; width: 80px; height: 1px; position: absolute; top: 50%; left: -110px; background: #183883;}
.history .contents_wrap .contents_box .history-item.type1 .history-list .history-box:first-child .month::after { display: block; content: ""; width: 15px; height: 14px; clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%, 25% 0%); background:  #183883; position: absolute; top: 50%; left: -110px; transform: translate(-50%, -50%);}
.history .contents_wrap .contents_box .history-item.type2 {flex-direction: row-reverse;}
.history .contents_wrap .contents_box .history-item.type2 .history-year {width: calc(50% - 1px); justify-content: flex-start; padding-left: 110px;}
.history .contents_wrap .contents_box .history-item.type2 .history-list {width: calc(50% + 1px); padding-right: 110px; border-right: #dedede 1px solid;}
.history .contents_wrap .contents_box .history-item.type2 .history-list .history-box {flex-direction: row-reverse;}
.history .contents_wrap .contents_box .history-item.type2 .history-list .history-box .month {position: relative; margin-left: 30px;}
.history .contents_wrap .contents_box .history-item.type2 .history-list .history-box:first-child .month::before {content: ''; width: 80px; height: 1px; position: absolute; top: 50%; right: -108px; background: #183883;}
.history .contents_wrap .contents_box .history-item.type2 .history-list .history-box:first-child .month::after { display: block; content: ""; width: 15px; height: 14px; clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%, 25% 0%); background:  #183883; position: absolute; top: 50%; right: -126px; transform: translate(-50%, -50%);}
.history .contents_wrap .contents_box .history-item.type2 .history-list .history-box .txt {text-align: right;}

@media screen and (max-width: 1024px) {
  .history .top_wrap .bg_box {width: 100%; height: 160px;}
  .history .top_wrap .bg_box .txt_item p {font-size: 24px;}

  .history .contents_wrap .top_logo .logo_img {height: 56px;}
  .history .contents_wrap .contents_box .history-item .history-year .year {font-size: 40px;}
  .history .contents_wrap .contents_box .history-item .history-list .history-box {margin-bottom: 18px;}
  .history .contents_wrap .contents_box .history-item .history-list .history-box:first-child {padding-top: 25px;}
  .history .contents_wrap .contents_box .history-item:first-child .history-list .history-box:first-child {padding-top: 60px;}
  .history .contents_wrap .contents_box .history-item .history-list .history-box:last-child {margin-bottom: 80px;}
  .history .contents_wrap .contents_box .history-item .history-list .history-box .month span {font-size: 19px;}
  .history .contents_wrap .contents_box .history-item .history-list .history-box .txt_box .txt {font-size: 17px;}

  .history .contents_wrap .contents_box .history-item.type1 .history-year {padding-right: 70px;}
  .history .contents_wrap .contents_box .history-item.type1 .history-list {padding-left: 70px;}
  .history .contents_wrap .contents_box .history-item.type1 .history-list .history-box .month {margin-right: 25px;}
  .history .contents_wrap .contents_box .history-item.type1 .history-list .history-box:first-child .month::before {left: -70px; width: 50px;}
  .history .contents_wrap .contents_box .history-item.type1 .history-list .history-box:first-child .month::after {left: -70px;}
  .history .contents_wrap .contents_box .history-item.type2 .history-year {padding-left: 70px;}
  .history .contents_wrap .contents_box .history-item.type2 .history-list {padding-right: 70px;}
  .history .contents_wrap .contents_box .history-item.type2 .history-list .history-box .month {margin-left: 26px;}
  .history .contents_wrap .contents_box .history-item.type2 .history-list .history-box:first-child .month::before {right: -68px; width: 50px;}
  .history .contents_wrap .contents_box .history-item.type2 .history-list .history-box:first-child .month::after {right: -86px;}
}

@media screen and (max-width: 768px) {
  .history .top_wrap {margin-bottom: 30px;}
  .history .top_wrap .bg_box {height: 140px;}
  .history .top_wrap .bg_box .txt_item {padding: 0 10px;}
  .history .top_wrap .bg_box .txt_item p {font-size: 20px;}

  .history .contents_wrap .top_logo {display: block;}
  .history .contents_wrap .top_logo .logo_img {width: 48px; height: 42px;}
  .history .contents_wrap .bottom_line {width: 35px; margin: 0; position: relative; left: -17px;}
  .history .contents_wrap .contents_box {margin-left: 24px;}
  .history .contents_wrap .contents_box .history-item {flex-direction: column; padding-left: 30px; border-left: #dedede 1px solid;}
  .history .contents_wrap .contents_box .history-item:first-child {padding-top: 40px;}
  .history .contents_wrap .contents_box .history-item .history-year .year {padding: 0 4px; font-size: 30px;}
  .history .contents_wrap .contents_box .history-item .history-list {width: 100%;}
  .history .contents_wrap .contents_box .history-item .history-list .history-box {margin-bottom: 16px;}
  .history .contents_wrap .contents_box .history-item .history-list .history-box:first-child {padding-top: 30px;}
  .history .contents_wrap .contents_box .history-item:first-child .history-list .history-box:first-child {padding-top: 30px;}
  .history .contents_wrap .contents_box .history-item .history-list .history-box:last-child {margin-bottom: 60px;}
  .history .contents_wrap .contents_box .history-item .history-list .history-box .month span {font-size: 18px;}
  .history .contents_wrap .contents_box .history-item .history-list .history-box .txt_box .txt {font-size: 16px;}

  .history .contents_wrap .contents_box .history-item.type1 .history-year {justify-content: start; padding: 0;}
  .history .contents_wrap .contents_box .history-item.type1 .history-list {padding-left: 0; border: none;}
  .history .contents_wrap .contents_box .history-item.type1 .history-list .history-box .month {margin-right: 20px;}
  .history .contents_wrap .contents_box .history-item.type1 .history-list .history-box:first-child .month::before {display: none;}
  .history .contents_wrap .contents_box .history-item.type1 .history-list .history-box:first-child .month::after {top: 0; left: 0; transform: translate(-38px, -53px);}
  .history .contents_wrap .contents_box .history-item.type2 {flex-direction: column;}
  .history .contents_wrap .contents_box .history-item.type2 .history-year {width: auto; justify-content: flex-start; padding-left: 0;}
  .history .contents_wrap .contents_box .history-item.type2 .history-list {width: 100%; padding-right: 0; border-right: none;}
  .history .contents_wrap .contents_box .history-item.type2 .history-list .history-box {flex-direction: row;}
  .history .contents_wrap .contents_box .history-item.type2 .history-list .history-box .month {position: relative; margin: 0 20px 0 0;}
  .history .contents_wrap .contents_box .history-item.type2 .history-list .history-box:first-child .month::before {display: none;}
  .history .contents_wrap .contents_box .history-item.type2 .history-list .history-box:first-child .month::after {top: 0; right: auto; left: 0; transform: translate(-38px, -53px);}
  .history .contents_wrap .contents_box .history-item.type2 .history-list .history-box .txt {text-align: left;}
}

@media screen and (max-width: 480px) {
  .history .top_wrap {margin-bottom: 25px;}
  .history .top_wrap .bg_box .txt_item p br {display: none;}
  .history .top_wrap .bg_box .txt_item p {font-size: 18px;}
  .history .top_wrap .bg_box {height: 120px;}

  .history .contents_wrap .top_logo .logo_img {width: 36px; height: 32px;}
  .history .contents_wrap .bottom_line {width: 25px; left: -12px;}
  .history .contents_wrap .contents_box {margin-left: 18px;}
  .history .contents_wrap .contents_box .history-item {padding-left: 20px;}
  .history .contents_wrap .contents_box .history-item:first-child {padding-top: 30px;}
  .history .contents_wrap .contents_box .history-item .history-year .year {padding: 0 3px; font-size: 24px;}

  .history .contents_wrap .contents_box .history-item .history-list .history-box:last-child {margin-bottom: 50px;}
  .history .contents_wrap .contents_box .history-item .history-list .history-box .month span {font-size: 17px;}
  .history .contents_wrap .contents_box .history-item .history-list .history-box .txt_box .txt {font-size: 15px;}
  
  .history .contents_wrap .contents_box .history-item.type1 .history-list .history-box .month {margin-right: 15px;}
  .history .contents_wrap .contents_box .history-item.type1 .history-list .history-box:first-child .month::after {transform: translate(-28px, -50px);}
  .history .contents_wrap .contents_box .history-item.type2 .history-list .history-box .month {margin-right: 15px;}
  .history .contents_wrap .contents_box .history-item.type2 .history-list .history-box:first-child .month::after {transform: translate(-28px, -50px);}
}

/* 1-4. 조직도 */
.org .top_wrap {position: relative; padding: 25px 0; margin-bottom: 100px; display: flex; align-items: center; }
.org .top_wrap::before {content: ''; position: absolute; width: 37px; height: 38px; top: 0; left: 0; background: url('../images/contents/1-4_org_top.png') center no-repeat;}
.org .top_wrap::after {content: ''; position: absolute; width: 37px; height: 38px; bottom: 0; right: 0; background: url('../images/contents/1-4_org_top.png') center no-repeat; transform: rotate(180deg);}
.org .top_wrap .img_wrap {width: 20%; display: flex; justify-content: center;}
.org .top_wrap .txt_wrap {width: 80%;}
.org .top_wrap .txt_wrap p {font-size: 22px; font-weight: 500; line-height: 1.3; letter-spacing: -0.025em; color: #222;}
.org .corporation_wrap {margin-bottom: 100px;}
.org .corporation_wrap .contents_box {display: flex; justify-content: center;}
.org .accompany_wrap .contents_box .contents_item {margin-bottom: 80px; display: flex; justify-content: center;}
.org .accompany_wrap .contents_box .contents_item:last-child {margin-bottom: 0;}
.org .img_m {display: none;}

@media screen and (max-width: 1280px) {
  .org .top_wrap .txt_wrap p {font-size: 20px; display: inline;}
  .org .corporation_wrap {margin-bottom: 85px;}
  .org .accompany_wrap .contents_box .contents_item {margin-bottom: 70px;}
}

@media screen and (max-width: 768px) {
  .org .top_wrap::before {top: 5px;}
  .org .top_wrap::after {bottom: 5px;}
  .org .top_wrap .img_wrap {display: none;}
  .org .top_wrap .txt_wrap {text-align: center; width: 100%; padding: 0 20px;}
  .org .top_wrap .txt_wrap p {font-size: 18px;} 
  .org .corporation_wrap {margin-bottom: 70px;}
  .org .accompany_wrap .contents_box .contents_item {margin-bottom: 60px;}
  .org .img_d {display: none;}
  .org .img_m {display: block;}
}

@media screen and (max-width: 480px) {
  .org .top_wrap::before {top: 10px;}
  .org .top_wrap::after {bottom: 10px;}
  .org .top_wrap .txt_wrap {text-align: center; width: 100%; padding: 0 10px;}
  .org .top_wrap .txt_wrap p {font-size: 16px;} 
}

/* 1-5. CI소개 */
.ci .gdworks_section {margin-bottom: 120px;}
.ci .contents_wrap .ci_box {display: flex; justify-content: space-between;}
.ci .contents_wrap .ci_box>div {width: 49%; position: relative; display: flex; align-items: center; justify-content: center; height: 350px; background: url('../images/contents/1-5_CI_bg.png') center no-repeat; background-size: cover; border: 1px solid #ddd;}
.ci .contents_wrap .ci_box>div::before {position: absolute; top: 15px; left: 20px; font-size: 24px; font-weight: 600; line-height: 1.3; letter-spacing: -0.025em; color: #222;}
.ci .contents_wrap .ci_box .kor_item::before {content: '국문';}
.ci .contents_wrap .ci_box .eng_item::before {content: '영문';}

.ci .contents_wrap .btn_box {margin-top: 40px; display: flex; justify-content: center;}
.ci .contents_wrap .btn_box .down_btn {position: relative; display: flex; align-items: center; width: 220px; height: 40px; background-color: #163376; cursor: pointer;}
.ci .contents_wrap .btn_box .down_btn:hover {background-color: #5f8bd2;}
.ci .contents_wrap .btn_box .down_btn::before{content: ''; z-index: 2; position: absolute; left: 0; border-right: 12px solid transparent; border-top: 20px solid #fff;  border-bottom: 20px solid #fff; }
.ci .contents_wrap .btn_box .down_btn::after{content: ''; z-index: 2; position: absolute; right: 0; border-left: 12px solid transparent; border-top: 20px solid #fff;  border-bottom: 20px solid #fff; }
.ci .contents_wrap .btn_box .down_btn:first-child {margin-right: 10px;}
.ci .contents_wrap .btn_box .down_btn:last-child {margin-left: 10px;}
.ci .contents_wrap .btn_box .down_btn a p {position: relative; margin-left: 35px; font-size: 16px; font-weight: 300; line-height: 1; letter-spacing: -0.025em; color: #fff;}
.ci .contents_wrap .btn_box .down_btn a p::after {content: ''; position: absolute; width: 13px; height: 12px; top: 3px; right: -65px; background: url('../images/contents/1-5_ci_down.png') no-repeat center;}
.ci .contents_wrap .btn_box .down_btn:last-child a p::after {right: -50px;}

@media screen and (max-width: 1024px) {
  .ci .gdworks_section {margin-bottom: 100px;}
  .ci .contents_wrap .ci_box>div {height: 310px; padding: 0 20px;}
  .ci .contents_wrap .btn_box {margin-top: 35px;}
}

@media screen and (max-width: 768px) {
  .ci .gdworks_section {margin-bottom: 90px;}
  .ci .contents_wrap .ci_box {flex-direction: column; row-gap: 20px;}
  .ci .contents_wrap .ci_box>div {width: 100%; height: 270px;}
  .ci .contents_wrap .ci_box>div::before {font-size: 20px; font-weight: 500;}

  .ci .contents_wrap .btn_box .down_btn {width: 185px; height: 32px;}
  .ci .contents_wrap .btn_box .down_btn:first-child {margin-right: 7px;}
  .ci .contents_wrap .btn_box .down_btn:last-child {margin-left: 7px;}
  .ci .contents_wrap .btn_box .down_btn a p {margin-left: 25px; font-size: 14px;}
  .ci .contents_wrap .btn_box .down_btn a p::after {top: 1px; right: -55px;}
  .ci .contents_wrap .btn_box .down_btn:last-child a p::after {right: -40px;}
}

@media screen and (max-width: 480px) {
  .ci .gdworks_section {margin-bottom: 80px;}
  .ci .contents_wrap .ci_box {row-gap: 15px;}
  .ci .contents_wrap .ci_box>div {height: 230px;}
  .ci .contents_wrap .btn_box {margin-top: 30px;}

  .ci .contents_wrap .btn_box .down_btn {width: 150px;}
  .ci .contents_wrap .btn_box .down_btn:first-child {margin-right: 4px;}
  .ci .contents_wrap .btn_box .down_btn:last-child {margin-left: 4px;}
  .ci .contents_wrap .btn_box .down_btn a p {margin-left: 15px; font-size: 13px;}
  .ci .contents_wrap .btn_box .down_btn a p::after {right: -45px;}
  .ci .contents_wrap .btn_box .down_btn:last-child a p::after {right: -30px;}
}


/* 1-6. 오시는길 */
.maps .maps_wrap {position: relative;}
.maps .maps_wrap .maps_box {border-bottom: #97a5c3 solid 1px;}
.maps .maps_wrap .maps_box iframe {width: 100%; height: 480px;}
.maps .maps_wrap .maps_btn {position: absolute; bottom: -32px; display: flex; justify-content: flex-end; align-items: center; width: 730px; height: 66px; background: url('../images/contents/1-6_maps_btn.png') no-repeat right center; cursor: pointer;}
.maps .maps_wrap .maps_btn p {position: relative; margin-right: 275px; font-size: 24px; font-weight: 600; line-height: 1; letter-spacing: -0.025em; color: #fff;}
.maps .maps_wrap .maps_btn p::after {content: ''; position: absolute; top: 2px; left: 190px; width: 157px; height: 21px; background: url('../images/contents/1-6_maps_arrow.png') no-repeat right center;}
.maps .maps_wrap .maps_btn:hover p::after {animation: moveRight 1s infinite;}
@keyframes moveRight {
  0% {left: 180px;}
  100% {left: 210px;}
}

.maps .txt_wrap {display: flex; justify-content: space-between; margin-top: 80px;}
.maps .txt_wrap .txt_box {display: flex; flex-wrap: wrap; align-items: center; column-gap: 20px;}
.maps .txt_wrap .txt_box .item_icon {flex-shrink: 0; height: 44px;}
.maps .txt_wrap .txt_box .item_icon img {height: 100%; object-fit: contain; object-position: center;}
.maps .txt_wrap .txt_box .item_txt {display: flex; column-gap: 20px;}
.maps .txt_wrap .txt_box .item_txt .txt_type {font-size: 22px; font-weight: 600; line-height: 1; letter-spacing: -0.025em; color: #163376;}
.maps .txt_wrap .txt_box .item_txt .txt_value {font-size: 20px; font-weight: 500; line-height: 1; letter-spacing: -0.025em; color: #454545;}
.maps .txt_wrap .txt_box .copy_btn .copy_item {font-size: 16px; font-weight: 500; line-height: 1; letter-spacing: -0.025em; color: #fff;}
.maps .txt_wrap .txt_box .copy_btn {flex-shrink: 0; position: relative; display: flex; justify-content: center; align-items: center; width: 110px; height: 30px; background-color: #163376; cursor: pointer;}
.maps .txt_wrap .txt_box .copy_btn:hover {background-color: #5f8bd2;}
.maps .txt_wrap .txt_box .copy_btn::before{content: ''; z-index: 2; position: absolute; left: 0; border-right: 9px solid transparent; border-top: 15px solid #fff;  border-bottom: 15px solid #fff; }
.maps .txt_wrap .txt_box .copy_btn::after{content: ''; z-index: 2; position: absolute; right: 0; border-left: 9px solid transparent; border-top: 15px solid #fff;  border-bottom: 15px solid #fff; }

@media screen and (max-width: 1280px) {
  .maps .maps_wrap .maps_box iframe {height: 440px;}
  .maps .maps_wrap .maps_btn {bottom: -30px; width: 480px; height: 61px;}
  .maps .maps_wrap .maps_btn p {margin-right: 250px; font-size: 22px;}
  .maps .maps_wrap .maps_btn p::after {top: 1px; left: 165px;}
  @keyframes moveRight {
    0% {left: 165px;}
    100% {left: 190px;}
  }
  
  .maps .txt_wrap {flex-wrap: wrap; row-gap: 30px; column-gap: 65px; justify-content: center; margin-top: 70px;}
  .maps .txt_wrap .txt_box:first-child {width: 100%; justify-content: center;}
}

@media screen and (max-width: 768px) {
  .maps .maps_wrap .maps_box iframe {height: 400px;}
  .maps .maps_wrap .maps_btn {bottom: -27px; width: 400px; height: 55px;}
  .maps .maps_wrap .maps_btn p {margin-right: 225px; font-size: 20px; font-weight: 500;}
  .maps .maps_wrap .maps_btn p::after {top: 0; left: 140px; width: 145px;}
  @keyframes moveRight {
    0% {left: 140px;}
    100% {left: 160px;}
  }
  
  .maps .txt_wrap {row-gap: 25px; margin-top: 60px;}
  .maps .txt_wrap .txt_box {column-gap: 10px;}
  .maps .txt_wrap .txt_box .item_txt {display: block;}
  .maps .txt_wrap .txt_box .item_txt .txt_type {font-size: 19px; font-weight: 500; margin-bottom: 6px;}
  .maps .txt_wrap .txt_box .item_txt .txt_value {font-size: 17px; font-weight: 400;}
}

@media screen and (max-width: 480px) {
  .maps .maps_wrap .maps_box iframe {height: 360px;}
  .maps .maps_wrap .maps_btn {bottom: -25px; width: 320px; height: 50px;}
  .maps .maps_wrap .maps_btn p {margin-right: 200px; font-size: 18px;}
  .maps .maps_wrap .maps_btn p::after {left: 115px;}
  @keyframes moveRight {
    0% {left: 115px;}
    100% {left: 130px;}
  }
  
  .maps .txt_wrap {row-gap: 20px; column-gap: 12px; margin-top: 50px; justify-content: start;}
  .maps .txt_wrap .txt_box {column-gap: 5px;}
  .maps .txt_wrap .txt_box:first-child {justify-content: start; row-gap: 10px;}
  .maps .txt_wrap .txt_box .item_icon {height: 30px;}
  .maps .txt_wrap .txt_box .item_txt .txt_type {font-size: 16px; margin-bottom: 3px;}
  .maps .txt_wrap .txt_box .item_txt .txt_value {font-size: 15px;}
  .maps .txt_wrap .txt_box .copy_btn .copy_item {font-size: 13px; font-weight: 400;}
  .maps .txt_wrap .txt_box .copy_btn {width: 70px; height: 27px;}
}



/* 2-1-1 (공통) 제품 리스트 탭 */
.products .tab-wrap .tab_list {display: flex; justify-content: space-between;}
.products .tab-wrap .tab_list li {width: calc(100% / 6); display: flex; justify-content: center; align-items: center; text-align: center; border: #dadada 1px solid;}
.products .tab-wrap .tab_list li + li {width: calc((100% / 6) + 1px); margin-left: -1px;}
.products .tab-wrap .tab_list li a {display: block; width: 100%; padding: 15px 8px; font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -0.025em; color: #222;}
.products .tab-wrap .tab_list li:hover {background-color: #13489d;}
.products .tab-wrap .tab_list li:hover a {color: #fff;}
.products .tab-wrap .tab_list .tab_item.active {background-color: #13489d; border-color: #13489d;}
.products .tab-wrap .tab_list .tab_item.active a {color: #fff;}


/* 2-1-1. 제품 리스트 */
.products .newBoard__gallery .top {display: flex; justify-content: space-between; margin-top: 60px; align-items: center;}
.products .newBoard__gallery .top .products_number p {font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -0.025em; color: #666;}
.products .newBoard__gallery .top .products_number span {color: #222; vertical-align: baseline;}
.products .newBoard__gallery .top .products_number span em {color: #0044a0; font-weight: 600; vertical-align: baseline;}
.products .newBoard__gallery .top .top-search {position: relative; margin-bottom: 15px;}
.products .newBoard__gallery .top .top-search .search-input {padding-left: 25px; width: 300px; height: 40px; position: relative; font-size: 16px; font-weight: 500; line-height: 1.4; letter-spacing: -0.025em; color: #acacac; background-color: #f5f5f5;}
.products .newBoard__gallery .top .top-search::before{ content: ''; z-index: 2; position: absolute; left: 0; border-right: 12px solid transparent; border-top: 20px solid #fff;  border-bottom: 20px solid #fff; }
.products .newBoard__gallery .top .top-search::after{ content: ''; z-index: 2; position: absolute; right: 0; border-left: 12px solid transparent; border-top: 20px solid #fff;  border-bottom: 20px solid #fff; }
.products .newBoard__gallery .top-search .search-start { font-size: 0; width: 21px; height: 21px; background: url('../images/contents/2-1_search.png') no-repeat center; position: absolute; top: 50%; right: 25px; transform: translateY(-50%); cursor: pointer;}

.products .newBoard__gallery .newBoard__gallery-list {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 40px; padding: 20px 0 15px; border-top:1px solid #222; border-bottom:1px solid #e3e3e3;}
.products .newBoard__gallery .newBoard__gallery-list .newBoard__gallery-item .newBoard__gallery-link {display: flex; flex-direction: column; align-items: center;}
.products .newBoard__gallery .newBoard__gallery-list .newBoard__gallery-item .newBoard__gallery-link .thumb {width: 100%; height: 320px; display: flex; justify-content: center;border: #eaeaea 1px solid;}

.products .newBoard__gallery .newBoard__gallery-list .newBoard__gallery-item .newBoard__gallery-link .item_tit {margin-top: 20px; text-align: center; display: flex; flex-direction: column; align-items: center; padding: 0 20px;}
.products .newBoard__gallery .newBoard__gallery-list .newBoard__gallery-item .newBoard__gallery-link .item_tit .item_tag {font-size: 16px; font-weight: 400; line-height: 1.4; letter-spacing: -0.025em; color: #888;}
.products .newBoard__gallery .newBoard__gallery-list .newBoard__gallery-item .newBoard__gallery-link .item_tit .vertical_line {margin-top: 12px; width: 30px; height: 2px; background-color: #6f90c4;}
.products .newBoard__gallery .newBoard__gallery-list .newBoard__gallery-item .newBoard__gallery-link .item_tit .tit.js-dot {margin-top: 12px; font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -0.025em; color: #222;}

@media screen and (max-width: 1280px) {
  .products .newBoard__gallery .newBoard__gallery-list {column-gap: 2%; row-gap: 30px;}
  .products .newBoard__gallery .newBoard__gallery-list .newBoard__gallery-item .newBoard__gallery-link .thumb {height: 300px;}
}
@media screen and (max-width: 1024px) {
  .products .tab-wrap .tab_list li a {font-size: 18px;}

  .products .newBoard__gallery .newBoard__gallery-list {grid-template-columns: 1fr 1fr 1fr;column-gap: 3%;}
  .products .newBoard__gallery .newBoard__gallery-list .newBoard__gallery-item .newBoard__gallery-link .thumb {height: 280px;}
  .products .newBoard__gallery .newBoard__gallery-list .newBoard__gallery-item .newBoard__gallery-link .item_tit {margin-top: 18px; padding: 0 17px;}
  .products .newBoard__gallery .newBoard__gallery-list .newBoard__gallery-item .newBoard__gallery-link .item_tit .item_tag {font-size: 14px;}
  .products .newBoard__gallery .newBoard__gallery-list .newBoard__gallery-item .newBoard__gallery-link .item_tit .vertical_line {margin-top: 10px;}
  .products .newBoard__gallery .newBoard__gallery-list .newBoard__gallery-item .newBoard__gallery-link .item_tit .tit.js-dot {margin-top: 10px; font-size: 18px;}
}
@media screen and (max-width: 768px) {
  .products .tab-wrap .tab_list {flex-wrap: wrap;}
  .products .tab-wrap .tab_list li,
  .products .tab-wrap .tab_list li:nth-child(4) {width: calc(100% / 3); margin-left: 0;}
  .products .tab-wrap .tab_list li:nth-child(3) ~ li {margin-top: -1px;}
  .products .tab-wrap .tab_list li + li {width: calc((100% / 3) + 1px); margin-left: -1px;}
  .products .tab-wrap .tab_list li a {font-size: 16px;}

  .products .newBoard__gallery .top {flex-direction: column;}
  .products .newBoard__gallery .top .top-search {margin-top: 8px;}
  .products .newBoard__gallery .top .products_number p {font-size: 18px;}

  .products .newBoard__gallery .newBoard__gallery-list {grid-template-columns: 1fr 1fr; justify-items: center;}
  .products .newBoard__gallery .newBoard__gallery-list .newBoard__gallery-item {width: 100%;  max-width: 320px;}
  .products .newBoard__gallery .newBoard__gallery-list .newBoard__gallery-item .newBoard__gallery-link .item_tit {margin-top: 16px; padding: 0 14px;}
  .products .newBoard__gallery .newBoard__gallery-list .newBoard__gallery-item .newBoard__gallery-link .item_tit .item_tag {font-size: 13px;}
  .products .newBoard__gallery .newBoard__gallery-list .newBoard__gallery-item .newBoard__gallery-link .item_tit .vertical_line {margin-top: 8px;}
  .products .newBoard__gallery .newBoard__gallery-list .newBoard__gallery-item .newBoard__gallery-link .item_tit .tit.js-dot {margin-top: 8px; font-size: 17px;}
}

@media screen and (max-width: 650px) {
  .products .newBoard__gallery .newBoard__gallery-list .newBoard__gallery-item .newBoard__gallery-link .thumb {height: 260px;}
  .products .newBoard__gallery .newBoard__gallery-list .newBoard__gallery-item .newBoard__gallery-link .item_tit {padding: 0 10px;}
}

@media screen and (max-width: 576px) {
  .products .tab-wrap .tab_list li:nth-child(odd) {width: calc(100% / 2); margin-left: 0;}
  .products .tab-wrap .tab_list li:nth-child(even) {width: calc((100% / 2) + 1px); margin-left: -1px;}
  .products .tab-wrap .tab_list li:nth-child(2) ~ li {margin-top: -1px;}
  .products .tab-wrap .tab_list li a {padding: 10px 6px; font-size: 15px;}
}

@media screen and (max-width: 480px) {
  .contents .products .tab-wrap .tab_list li {width: 100%;}
  .contents .products .tab-wrap .tab_list li ~ li {margin-top: -1px; margin-left: 0;}

  .products .newBoard__gallery .newBoard__gallery-list {grid-template-columns: 1fr; row-gap: 25px;}
}



/* 2-1-2. 제품 view페이지 */
.products-view .bulit_box {display: flex; justify-content: center; margin-top: 35px;}
.products-view .bulit_box .bulit_item {cursor: pointer; margin: 0 10px; width: 14px; height: 13px; background-color: #666; clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%, 25% 0%);}
.products-view .bulit_box .bulit_item.active {background-color: #163376;}

.products-view .top {width: 100%; height: auto; padding: 35px 0; background: url('../images/contents/2-1-2_view_bg.png') no-repeat center; background-size: cover;}
.products-view .top .img_slider {position: relative;}
.products-view .top .slider_box .txt_box {text-align: center; margin-bottom: 25px;}
.products-view .top .slider_box .txt_box p {font-size: 24px; font-weight: 600; line-height: 1.1; letter-spacing: -0.025em; color: #222; }
.products-view .top .slider_box .txt_box h5 {font-size: 48px; font-weight: 800; line-height: 1.3; letter-spacing: -0.025em; color: #163376;}
.products-view .top .img_slider .img_box {display: flex; justify-content: center; }
.products-view .top .img_slider .img_box .img_item {position: relative;}
.products-view .top .img_slider .img_box .img_item::after { content: ''; position: absolute; background-image: url('../images/contents/2-1-2_img_bg.png'); background-repeat: no-repeat; top: -15px; right: -15px; width: 40px; height: 35px;}
.products-view .top .img_slider .img_box .img_item img {max-width: 800px; max-height: 750px; min-width: 400px; min-height: 350px; border-radius: 0 35px 0 0;}
.products-view .top .btn_box {display: flex;}
.products-view .top .btn_box>div {cursor: pointer; position: absolute; top: 50%;}
.products-view .top .btn_box .prev_btn {left: 0;}
.products-view .top .btn_box .next_btn {right: 0;}

.products-view .middle {margin-top: 50px; border: #eee 3px solid; min-height: 300px;}

.products-view .bottom {margin-top: 50px;}
.products-view .bottom .btn_wrap {display: flex; justify-content: center;}
.products-view .bottom .btn_wrap>div {text-align: center; cursor: pointer;}
.products-view .bottom .btn_wrap>div:hover {background-color: #13489d;}
.products-view .bottom .btn_wrap>div p {position: relative; font-size: 18px; font-weight: 500; line-height: 42px; letter-spacing: -0.025em; color: #fff;}
.products-view .bottom .btn_wrap .products_prev {position: relative; background-color: #bbb; width: 185px; height: 42px;}
.products-view .bottom .btn_wrap .products_prev::before { content: ''; z-index: 2; position: absolute; top: 0; left: 0; border-right: 15px solid transparent; border-top: 21px solid #fff;  border-bottom: 21px solid #fff; }
.products-view .bottom .btn_wrap .products_prev::after { content: ''; z-index: 2; position: absolute; top: 0; right: 0; border-left: 15px solid transparent; border-top: 21px solid #fff;  border-bottom: 21px solid #fff; }
.products-view .bottom .btn_wrap .products_prev p {margin-left: 20px;}
.products-view .bottom .btn_wrap .products_prev p::before {content: ''; position: absolute; top: 15px; left: 20px; width: 15px; height: 15px; background-image: url('../images/contents/2-1-2_b_prev.png'); background-repeat: no-repeat;}
.products-view .bottom .btn_wrap .products_menu {position: relative; width: 200px; background-color: #13489d; margin: 0 25px;}
.products-view .bottom .btn_wrap .products_menu:hover {background-color: #163376;}
.products-view .bottom .btn_wrap .products_menu::before {content: ''; z-index: 2; position: absolute; top: 0; left: 0; border-right: 15px solid transparent; border-top: 21px solid #fff;  border-bottom: 21px solid #fff; }
.products-view .bottom .btn_wrap .products_menu::after {content: ''; z-index: 2; position: absolute; top: 0; right: 0; border-left: 15px solid transparent; border-top: 21px solid #fff;  border-bottom: 21px solid #fff; }
.products-view .bottom .btn_wrap .products_menu p {margin-left: 20px;}
.products-view .bottom .btn_wrap .products_menu p::before {content: ''; position: absolute; top: 15px; left: 30px; width: 15px; height: 15px; background-image: url('../images/contents/2-1-2_b_menu.png'); background-repeat: no-repeat;}
.products-view .bottom .btn_wrap .products_next {position: relative; background-color: #bbb; width: 185px; height: 42px;}
.products-view .bottom .btn_wrap .products_next::before {content: ''; z-index: 2; position: absolute; top: 0; left: 0; border-right: 15px solid transparent; border-top: 21px solid #fff;  border-bottom: 21px solid #fff; }
.products-view .bottom .btn_wrap .products_next::after {content: ''; z-index: 2; position: absolute; top: 0; right: 0; border-left: 15px solid transparent; border-top: 21px solid #fff;  border-bottom: 21px solid #fff; }
.products-view .bottom .btn_wrap .products_next p {margin-right: 20px;}
.products-view .bottom .btn_wrap .products_next p::after {content: ''; position: absolute; top: 15px; right: 20px; width: 15px; height: 15px; background-image: url('../images/contents/2-1-2_b_next.png'); background-repeat: no-repeat;}


@media screen and (max-width: 1024px) {
  .products-view .top .slider_box .txt_box p {font-size: 22px;}
  .products-view .top .slider_box .txt_box h5 {font-size: 46px;}
  .products-view .top .img_slider .img_box .img_item img {max-width: 600px; max-height: 750px; min-width: 250px; min-height: 250px;}
  .products-view .bottom .btn_wrap>div p {font-size: 16px;}
}
@media screen and (max-width: 768px) {
  .products-view .top .slider_box .txt_box p {font-size: 20px;}
  .products-view .top .slider_box .txt_box h5 {font-size: 42px;}
  .products-view .top .img_slider .img_box .img_item img {max-width: 500px; max-height: 750px; min-width: 250px; min-height: 250px;}
  .products-view .top .btn_box>div img {width: 80%;}
  .products-view .top .btn_box .next_btn img {width: 80%; margin-left: 20%;}
}
@media screen and (max-width: 650px) {
  .products-view .top .slider_box .txt_box p {font-size: 20px;}
  .products-view .top .slider_box .txt_box h5 {font-size: 42px;}
  .products-view .top .img_slider .img_box .img_item img {max-width: 100%; max-height: 750px; min-width: 100%; min-height: auto;}
  .products-view .top .btn_box>div img {display: none;}

  .products-view .bottom .btn_wrap>div p {font-size: 0; line-height: 1;}
  .products-view .bottom .btn_wrap>div::before,
  .products-view .bottom .btn_wrap>div::after {display: none;}
  .products-view .bottom .btn_wrap .products_next,
  .products-view .bottom .btn_wrap .products_prev,
  .products-view .bottom .btn_wrap .products_menu {width: 67px; height: 58px; clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%, 25% 0%);}
  .products-view .bottom .btn_wrap .products_menu p::before,
  .products-view .bottom .btn_wrap .products_next p::after,
  .products-view .bottom .btn_wrap .products_prev p::before {top: 20px; left: 26px;}
  .products-view .bottom .btn_wrap .products_next p {margin-right: 0;}
  .products-view .bottom .btn_wrap .products_prev p,
  .products-view .bottom .btn_wrap .products_menu p {margin-left: 0;}
}
@media screen and (max-width: 450px) {
  .products-view .top .slider_box .txt_box {margin: 0 10% 5% 10%;}
  .products-view .top .slider_box .txt_box p {font-size: 18px;}
  .products-view .top .slider_box .txt_box h5 {font-size: 34px;}
  .products-view .bottom .btn_wrap .products_next,
  .products-view .bottom .btn_wrap .products_prev,
  .products-view .bottom .btn_wrap .products_menu {width: 57px; height: 48px;}
  .products-view .bottom .btn_wrap .products_menu p::before,
  .products-view .bottom .btn_wrap .products_next p::after,
  .products-view .bottom .btn_wrap .products_prev p::before {top: 16px; left: 21px;}
}



/* 2-2. 연구장비제작 */
.equipment .top_wrap {width: 100%; height: 660px; margin-top: -156px; background: url('../images/contents/2-2_top_bg.png') no-repeat center/cover;}
.equipment .top_wrap .contents_box {padding-top: 156px;}
.equipment .top_wrap .contents_box .contents_item {position: relative;}
.equipment .top_wrap .contents_box .contents_item .img_item {overflow: hidden; height: 381px;}
.equipment .top_wrap .contents_box .contents_item .img_item img {height: 100%; object-fit: cover; object-position: center;}
.equipment .top_wrap .contents_box .contents_item .txt_item {position: absolute; top: 310px; left: 0; padding: 30px 60px 30px 330px;}
.equipment .top_wrap .contents_box .contents_item .txt_item p {font-size: 24px; font-weight: 500; line-height: 1.3; letter-spacing: -0.025em; color: #222;}
.equipment .top_wrap .contents_box .contents_item .txt_item::after {content: ''; position: absolute; top: -30px; right: 0; width: 190px; height: 96px; background: url('../images/contents/2-2_txt_bg.png') no-repeat center;}

.equipment .bottom_wrap {position: relative; margin-top: 100px;}
.equipment .bottom_wrap::after {content: ''; position: absolute; top: -148px; left: 50%; width: 4px; height: 89px; background: url('../images/contents/2-2_bottom_bg.png') center no-repeat;}
.equipment .bottom_wrap .contents_box {display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 40px; row-gap: 50px;}
.equipment .bottom_wrap .contents_box .img_item {border: #eaeaea solid 2px; height: 300px;  content: ''; background-position: center; background-repeat: no-repeat; background-size: fill;}
.equipment .bottom_wrap .contents_box .img_item:nth-child(1) {background-image: url('../images/contents/2-2_pr_img01.png');}
.equipment .bottom_wrap .contents_box .img_item:nth-child(2) {background-image: url('../images/contents/2-2_pr_img02.png');}
.equipment .bottom_wrap .contents_box .img_item:nth-child(3) {background-image: url('../images/contents/2-2_pr_img03.png');}
.equipment .bottom_wrap .contents_box .img_item:nth-child(4) {background-image: url('../images/contents/2-2_pr_img04.png');}
.equipment .bottom_wrap .contents_box .img_item:nth-child(5) {background-image: url('../images/contents/2-2_pr_img05.png');}

@media screen and (max-width: 1280px) {
  .equipment .top_wrap .contents_box .contents_item .txt_item p {font-size: 20px;}
  .equipment .top_wrap .contents_box .contents_item .txt_item::after {top: 60px; transform: scaleY(-1);}
}

@media screen and (max-width: 1024px) {
  .equipment .top_wrap .contents_box .contents_item .txt_item {padding: 20px 30px 20px 320px;}
  .equipment .top_wrap .contents_box .contents_item .txt_item p {font-size: 20px;}


  .equipment .bottom_wrap .contents_box .img_item {height: 260px; background-size: cover;}
}

@media screen and (max-width: 930px) {
  .equipment .top_wrap .contents_box .contents_item .txt_item {padding: 20px 30px 20px calc(((100% - 291px) / 2) + 10px);}
}

@media screen and (max-width: 768px) {
  .equipment .top_wrap .contents_box .contents_item .txt_item {padding: 15px 25px 15px calc(((100% - 291px) / 2) + 5px);}
  .equipment .top_wrap .contents_box .contents_item .txt_item p {font-size: 18px;}

  .equipment .bottom_wrap .contents_box {grid-template-columns: 1fr 1fr; column-gap: 30px; row-gap: 35px;}
  .equipment .bottom_wrap .contents_box .img_item {height: 220px; border-width: 1px;}
}

@media screen and (max-width: 480px) {
  .equipment .top_wrap .contents_box .contents_item .img_item {height: 310px;}
  .equipment .top_wrap .contents_box .contents_item .img_item img {width: 930px; height: 381px;}
  .equipment .top_wrap .contents_box .contents_item .txt_item {padding: 15px 0;}
  .equipment .top_wrap .contents_box .contents_item .txt_item::after {display: none;}
  .equipment .top_wrap .contents_box .contents_item .txt_item p {font-size: 17px;}

  .equipment .bottom_wrap .contents_box {grid-template-columns: 1fr; column-gap: 20px; row-gap: 25px;}
  .equipment .bottom_wrap .contents_box .img_item {height: 180px;}
}

/* 2-3. 정밀가공 */
.precision .top_wrap {position: relative;}
.precision .top_wrap::before {content: ''; position: absolute; top: -40px; left: 0; width: 100%; height: 1099px; background: url('../images/contents/2-3_top_bg.png') no-repeat center;}
.precision .top_wrap .contents_box .contents_item {position: relative;}
.precision .top_wrap .contents_box .contents_item .img_item {overflow: hidden; height: 381px;}
.precision .top_wrap .contents_box .contents_item .img_item img {height: 100%; object-fit: cover; object-position: center;}
.precision .top_wrap .contents_box .contents_item:nth-child(1) .txt_item {display: flex; position: absolute; padding: 30px 60px 30px 330px; top: 310px; left: 0;}
.precision .top_wrap .contents_box .contents_item:nth-child(1) .txt_item .no {margin-right: 40px;}
.precision .top_wrap .contents_box .contents_item:nth-child(1) .txt_item .no h5 {font-size: 58px; font-weight: 800; letter-spacing: -0.025em; color: #13489d;}
.precision .top_wrap .contents_box .contents_item:nth-child(1) .txt_item .txt p {font-size: 24px; font-weight: 500; line-height: 1.3; letter-spacing: -0.025em; color: #222;}
.precision .top_wrap .contents_box .contents_item:nth-child(1) .txt_item::after {content: ''; position: absolute; top: -30px; right: 0; width: 190px; height: 96px; background: url('../images/contents/2-2_txt_bg.png') no-repeat center;}

.precision .top_wrap .contents_box .contents_item:nth-child(2) {margin-top: 120px;}
.precision .top_wrap .contents_box .contents_item:nth-child(2) .img_item {text-align: right;}
.precision .top_wrap .contents_box .contents_item:nth-child(2) .txt_item {width: calc(100% - 290px); display: flex; flex-direction: row-reverse; position: absolute; padding: 30px 40px 30px 60px; top: 310px; left: 0;}
.precision .top_wrap .contents_box .contents_item:nth-child(2) .txt_item .no {margin-left: 40px;}
.precision .top_wrap .contents_box .contents_item:nth-child(2) .txt_item .no h5 {font-size: 58px; font-weight: 800; letter-spacing: -0.025em; color: #13489d;}
.precision .top_wrap .contents_box .contents_item:nth-child(2) .txt_item .txt p {text-align: right; font-size: 24px; font-weight: 500; line-height: 1.3; letter-spacing: -0.025em; color: #222;}
.precision .top_wrap .contents_box .contents_item:nth-child(2) .txt_item::after {content: ''; position: absolute; bottom: -10px; left: 0; width: 269px; height: 96px; background: url('../images/contents/2-2_txt_bg_reverse.png') no-repeat center;}

.precision .bottom_wrap {position: relative; margin-top: 200px; margin-bottom: -120px; padding: 100px 0; background-color: #fafafa;}
.precision .bottom_wrap::after {content: ''; position: absolute; top: -48px; left: 50%; width: 4px; height: 89px; background: url('../images/contents/2-2_bottom_bg.png') center no-repeat;}
.precision .bottom_wrap .contents_box {display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 40px; row-gap: 50px;}
.precision .bottom_wrap .contents_box .img_item {border: #eaeaea solid 2px; background-color: #fff; height: 300px; background-position: center; background-repeat: no-repeat; background-size: fill;}
.precision .bottom_wrap .contents_box .img_item:nth-child(1) {background-image: url('../images/contents/2-3_pr_img01.png');}
.precision .bottom_wrap .contents_box .img_item:nth-child(2) {background-image: url('../images/contents/2-3_pr_img02.png');}
.precision .bottom_wrap .contents_box .img_item:nth-child(3) {background-image: url('../images/contents/2-3_pr_img03.png');}
.precision .bottom_wrap .contents_box .img_item:nth-child(4) {background-image: url('../images/contents/2-3_pr_img04.png');}
.precision .bottom_wrap .contents_box .img_item:nth-child(5) {background-image: url('../images/contents/2-3_pr_img05.png');}

@media screen and (max-width: 1280px) {
  .precision .top_wrap .contents_box .contents_item:nth-child(1) .txt_item .no {margin-right: 30px;}
  .precision .top_wrap .contents_box .contents_item:nth-child(1) .txt_item .no h5 {font-size: 48px;}
  .precision .top_wrap .contents_box .contents_item:nth-child(1) .txt_item .txt p {font-size: 20px;}
  .precision .top_wrap .contents_box .contents_item:nth-child(1) .txt_item::after {top: 60px; transform: scaleY(-1);}

  .precision .top_wrap .contents_box .contents_item:nth-child(2) .txt_item .no {margin-left: 30px;}
  .precision .top_wrap .contents_box .contents_item:nth-child(2) .txt_item .no h5 {font-size: 48px;}
  .precision .top_wrap .contents_box .contents_item:nth-child(2) .txt_item .txt p {font-size: 20px;}
  .precision .top_wrap .contents_box .contents_item:nth-child(2) .txt_item .txt br {display: none;}
  .precision .top_wrap .contents_box .contents_item:nth-child(2) .txt_item::after {bottom: -30px;}
}

@media screen and (max-width: 1024px) {
  .precision .top_wrap .contents_box .contents_item:nth-child(1) .txt_item {padding: 20px 30px 20px 320px;}

  .precision .top_wrap .contents_box .contents_item:nth-child(2) .txt_item {width: calc(100% - 290px); padding: 20px 30px 20px 20px;}

  .precision .bottom_wrap .contents_box .img_item {height: 260px; background-size: cover;}
}

@media screen and (max-width: 930px) {
  .precision .top_wrap .contents_box .contents_item:nth-child(1) .txt_item {padding: 20px 30px 20px calc(((100% - 291px) / 2) + 10px);}
  .precision .top_wrap .contents_box .contents_item:nth-child(2) .txt_item {width: 100%; padding: 20px calc(((100% - 291px) / 2) + 10px) 20px 20px;}
}

@media screen and (max-width: 768px) {
  .precision .top_wrap .contents_box .contents_item:nth-child(1) .txt_item {padding: 15px 25px 15px calc((100% - 291px) / 2);}
  .precision .top_wrap .contents_box .contents_item:nth-child(1) .txt_item .no {margin-right: 20px;}
  .precision .top_wrap .contents_box .contents_item:nth-child(1) .txt_item .no h5 {font-size: 40px;}
  .precision .top_wrap .contents_box .contents_item:nth-child(1) .txt_item .txt p {font-size: 18px;}

  .precision .top_wrap .contents_box .contents_item:nth-child(2) .txt_item {padding: 15px calc(((100% - 291px) / 2)) 15px 15px;}
  .precision .top_wrap .contents_box .contents_item:nth-child(2) .txt_item .no {margin-left: 20px;}
  .precision .top_wrap .contents_box .contents_item:nth-child(2) .txt_item .no h5 {font-size: 40px;}
  .precision .top_wrap .contents_box .contents_item:nth-child(2) .txt_item .txt p {font-size: 18px;}

  .precision .bottom_wrap .contents_box {grid-template-columns: 1fr 1fr; column-gap: 30px; row-gap: 35px;}
  .precision .bottom_wrap .contents_box .img_item {height: 220px; border-width: 1px;}
}

@media screen and (max-width: 480px) {
  .precision .top_wrap .contents_box .contents_item .img_item {height: 310px;}
  .precision .top_wrap .contents_box .contents_item .img_item img {width: 930px; height: 381px;}
  .precision .top_wrap .contents_box .contents_item:nth-child(1) .txt_item {padding: 15px 0;}
  .precision .top_wrap .contents_box .contents_item:nth-child(1) .txt_item .no {margin-right: 15px;}
  .precision .top_wrap .contents_box .contents_item:nth-child(1) .txt_item .no h5 {font-size: 30px;}
  .precision .top_wrap .contents_box .contents_item:nth-child(1) .txt_item .txt p {font-size: 17px;}
  .precision .top_wrap .contents_box .contents_item:nth-child(1) .txt_item::after {display: none;}

  .precision .top_wrap .contents_box .contents_item:nth-child(2) {margin-top: 150px;}
  .precision .top_wrap .contents_box .contents_item:nth-child(2) .txt_item {flex-direction: row; padding: 15px 0;}
  .precision .top_wrap .contents_box .contents_item:nth-child(2) .txt_item .no {margin-left: auto; margin-right: 15px;}
  .precision .top_wrap .contents_box .contents_item:nth-child(2) .txt_item .no h5 {font-size: 30px;}
  .precision .top_wrap .contents_box .contents_item:nth-child(2) .txt_item .txt p {font-size: 17px; text-align: left;}
  .precision .top_wrap .contents_box .contents_item:nth-child(2) .txt_item::after {display: none;}

  .precision .bottom_wrap .contents_box {grid-template-columns: 1fr; column-gap: 20px; row-gap: 25px;}
  .precision .bottom_wrap .contents_box .img_item {height: 180px;}
}


/* 2-4. 기구설계 및 개발 */
.precision.development .bottom_wrap .contents_box .img_item:nth-child(1) {background-image: url('../images/contents/2-4_pr_img01.png');}
.precision.development .bottom_wrap .contents_box .img_item:nth-child(2) {background-image: url('../images/contents/2-4_pr_img02.png');}
.precision.development .bottom_wrap .contents_box .img_item:nth-child(3) {background-image: url('../images/contents/2-4_pr_img03.png');}
.precision.development .bottom_wrap .contents_box .img_item:nth-child(4) {background-image: url('../images/contents/2-4_pr_img04.png');}
.precision.development .bottom_wrap .contents_box .img_item:nth-child(5) {background-image: url('../images/contents/2-4_pr_img05.png');}





/* 2-5. 주요사업실적 */
.business .area_wrap {display: flex;}
.business .area_wrap.top .txt_wrap {width: 58%; margin-right: 5%;}
.business .area_wrap.top .txt_wrap h5 {font-size: 36px; font-weight: 600; line-height: 1.4; letter-spacing: -0.025em; color: #222;}
.business .area_wrap.top .txt_wrap .txt_box {margin-top: 50px;}
.business .area_wrap.top .txt_wrap .txt_box p {margin-bottom: 25px; font-size: 20px; font-weight: 400; line-height: 1.4; letter-spacing: -0.025em; color: #454545;}
.business .area_wrap.top .txt_wrap .txt_box p:last-child {margin-bottom: 0;}
.business .area_wrap.top .img_wrap {display: flex; margin-right: 5%; justify-content: center; align-items: center;}

.business .area_wrap.table {margin-top: 80px;}
.business .area_wrap.table table thead {background-color: #163376; width: 100%; }
.business .area_wrap.table table thead tr {text-align: center;}
.business .area_wrap.table table thead tr th {padding: 20px 0; font-size: 20px; font-weight: 600; line-height: 1.4; letter-spacing: -0.025em; color: #fff;}
.business .area_wrap.table table tbody tr {text-align: center;}
.business .area_wrap.table table tbody tr td {border-bottom: #d1d1d1 1px solid; padding: 25px 0; font-size: 18px; font-weight: 400; line-height: 1.4; letter-spacing: -0.025em; color: #222;}
.business .area_wrap.table table tbody tr:last-child td {border-bottom: #666 1px solid;}
.business .area_wrap.table table thead tr th:nth-child(1) {width: 8%; padding-left: 3%;}
.business .area_wrap.table table thead tr th:nth-child(2) {width: 8%;}
.business .area_wrap.table table thead tr th:nth-child(3) {width: 8%;}
.business .area_wrap.table table thead tr th:nth-child(4) {width: 55%;}
.business .area_wrap.table table thead tr th:nth-child(5) {width: 15%; padding-right: 3%;}
.business .area_wrap.table table tbody tr td:nth-child(1) {padding-left: 3%;}
.business .area_wrap.table table tbody tr td:nth-child(5) {padding-right: 3%;}

@media screen and (max-width: 1280px) {
  .business .area_wrap.top .txt_wrap h5 {font-size: 32px;}
  .business .area_wrap.top .txt_wrap .txt_box {margin-top: 30px;}
  .business .area_wrap.top .txt_wrap .txt_box p {margin-bottom: 15px; font-size: 18px;}
}

@media screen and (max-width: 1024px) {
  .business .area_wrap.table table thead tr th {font-size: 18px;}
  .business .area_wrap.table table tbody tr td {font-size: 16px;}

}
@media screen and (max-width: 768px) {
  .business .area_wrap {flex-direction: column-reverse;}
  .business .area_wrap.top .img_wrap {margin-right: 0;}
  .business .area_wrap.top .txt_wrap {width: 100%; margin: 25px auto 0 auto;}
  .business .area_wrap.top .txt_wrap h5 {font-size: 30px;}
  .business .area_wrap.top .txt_wrap .txt_box {margin-top: 20px;}
  .business .area_wrap.top .txt_wrap .txt_box p {margin-bottom: 10px; font-size: 16px;}
  .business .area_wrap.table {overflow-x: auto;}
  .business .area_wrap.table table {min-width: 800px;}
}
@media screen and (max-width: 450px) {
  .business .area_wrap.top .img_wrap {width: 70%; margin: 0 auto;}
  .business .area_wrap.top .txt_wrap h5 {font-size: 26px;}
  .business .area_wrap.top .txt_wrap .txt_box {margin-top: 15px;}
}



/* 3-1. 설비현황 */

.facility .area_wrap.top {display: flex;}
.facility .area_wrap.top .txt_box {width: 40%;}
.facility .area_wrap.top .txt_box h5 {font-size: 36px; font-weight: 600; line-height: 1.4; letter-spacing: -0.025em; color: #222;}
.facility .area_wrap.top .txt_box p {margin-top: 25px; font-size: 20px; font-weight: 400; line-height: 1.4; letter-spacing: -0.025em; color: #454545;}

.facility .area_wrap.top .img_box {width: 55%; margin-left: calc(5% - 5px); margin-right: 5px;}
.facility .area_wrap.top .img_box .container {width: 100%; display: flex; padding: 0 20px; position: relative;}
.facility .area_wrap.top .img_box .container .slide {width: 100%; height: 350px; border-radius: 0 40px 0 0; margin: 10px; cursor: pointer; color: #fff; flex: 1; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; transition: all 0.7s ease-in-out; filter: blur(4px);}
.facility .area_wrap.top .img_box .container .slide.active {flex: 10; filter: blur(0px);}
.facility .area_wrap.top .img_box .container .slide:nth-child(1) {background-image: url('../images/contents/3-1_img01.jpg');}
.facility .area_wrap.top .img_box .container .slide:nth-child(2) {background-image: url('../images/contents/3-1_img02.jpg');}
.facility .area_wrap.top .img_box .container::after { content: ''; position: absolute; background-image: url(../images/contents/2-1-2_img_bg.png); background-repeat: no-repeat; top: -10px; right: 0; width: 40px; height: 35px;}

.facility .area_wrap.table {margin-top: 80px;}
.facility .area_wrap.table table thead {background-color: #163376; width: 100%; }
.facility .area_wrap.table table thead tr {text-align: center;}
.facility .area_wrap.table table thead tr th {padding: 20px 0; font-size: 20px; font-weight: 600; line-height: 1.4; letter-spacing: -0.025em; color: #fff;}
.facility .area_wrap.table table tbody tr {text-align: center;}
.facility .area_wrap.table table tbody tr td {border-bottom: #d1d1d1 1px solid; padding: 25px 0; font-size: 18px; font-weight: 400; line-height: 1.4; letter-spacing: -0.025em; color: #222;}
.facility .area_wrap.table table tbody tr:last-child td {border-bottom: #666 1px solid;}
.facility .area_wrap.table table thead tr th:nth-child(1) {width: 10%; padding-left: 2.5%;}
.facility .area_wrap.table table thead tr th:nth-child(2) {width: 13%;}
.facility .area_wrap.table table thead tr th:nth-child(3) {width: 13%;}
.facility .area_wrap.table table thead tr th:nth-child(4) {width: 13%;}
.facility .area_wrap.table table thead tr th:nth-child(5) {width: 10%;}
.facility .area_wrap.table table thead tr th:nth-child(6) {width: 13%;}
.facility .area_wrap.table table thead tr th:nth-child(7) {width: 13%;}
.facility .area_wrap.table table thead tr th:nth-child(8) {width: 10%; padding-right: 2.5%;}
.facility .area_wrap.table table tbody tr td:nth-child(1) {padding-left: 2.5%;}
.facility .area_wrap.table table tbody tr td:nth-child(8) {padding-right: 2.5%;}


@media screen and (max-width: 1024px) {
  .facility .area_wrap.top .txt_box {width: 45%;}
  .facility .area_wrap.top .img_box {width: 57%; margin-left: calc(3% - 5px); margin-right: 5px;}
  .facility .area_wrap.top .txt_box h5 {font-size: 34px;}
  .facility .area_wrap.top .txt_box p {font-size: 22px;}
  .facility .area_wrap.top .img_box .container .slide {height: 350px;}

  .facility .area_wrap.table table thead tr th {font-size: 18px;}
  .facility .area_wrap.table table tbody tr td {font-size: 16px;}
}

@media screen and (max-width: 768px) {
  .facility .area_wrap.top {flex-direction: column-reverse;}
  .facility .area_wrap.top .txt_box {width: 85%; margin: 5% auto 0 auto;}
  .facility .area_wrap.top .img_box {width: 90%; margin-left: 5%; margin-right: 5%;}
  .facility .area_wrap.top .img_box .container {display: flex; height: 50vh; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center;}
  .facility .area_wrap.top .img_box .slide {border-radius: 20px; margin: 10px; cursor: pointer; color: #fff; flex: 1; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; transition: all 0.7s ease-in-out; filter: blur(4px);}
  .facility .area_wrap.top .img_box .slide.active {flex: 10; filter: blur(0px);}
  .facility .area_wrap.top .txt_box h5 {font-size: 30px;}
  .facility .area_wrap.top .txt_box p {font-size: 20px; margin-top: 20px;}
  .facility .area_wrap.table {overflow-x: auto;}
  .facility .area_wrap.table table {min-width: 800px;}
}

@media screen and (max-width: 650px) {
  .facility .area_wrap.top .img_box {width: 100%; margin: 0;}
  .facility .area_wrap.top .txt_box {width: 100%; margin: 5% auto 0 auto;}
}
@media screen and (max-width: 450px) {
  .facility .area_wrap.top .txt_box h5 {font-size: 26px;}
  .facility .area_wrap.top .txt_box p {font-size: 16px; margin-top: 15px;}
}


/* 3-2. 품질정책 */
.quality .top_wrap {position: relative;}
.quality .top_wrap .quality-item {width: calc((100% * (1 / 3)) + 30px);}
.quality .top_wrap .quality-item:nth-child(1) {position: relative; z-index: 2;}
.quality .top_wrap .quality-item:nth-child(2) {position: absolute; left: 50%; top: 0; width: calc((100% * (1 / 3)) + 30px); transform: translateX(-50%);}
.quality .top_wrap .quality-item:nth-child(3) {position: absolute; right: 0; top: 0; z-index: 2;}
.quality .top_wrap .quality-item:nth-child(1) .quality-ico,
.quality .top_wrap .quality-item:nth-child(3) .quality-ico {filter: saturate(50%); opacity: 0.9;}
.quality .top_wrap .quality-item .quality-ico {width: 64px; margin: 0 auto 15px;}
.quality .top_wrap .quality-item .quality-txt {display: flex; flex-direction: column; justify-content: center; row-gap: 8px; position: relative; height: 141px;color: #fff; text-align: center;}
.quality .top_wrap .quality-item .quality-txt::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/contents/3-2_bg01.png) no-repeat center/contain;}
.quality .top_wrap .quality-item:nth-child(1) .quality-txt::before,
.quality .top_wrap .quality-item:nth-child(3) .quality-txt::before {filter: saturate(50%); opacity: 0.9;}
.quality .top_wrap .quality-item .quality-tit {position: relative; font-size: 26px; font-weight: 600;}
.quality .top_wrap .quality-item .quality-eng {font-size: 22px; font-weight: 600; opacity: 0.5;}
.quality .top_wrap .quality-item svg {position: absolute; top: 50%; right: 10px; z-index: 5; transform: translateY(-50%);}
.quality .top_wrap .quality-item:nth-child(3) svg {right: auto; left: 10px;}

.quality .quality-desc {margin-bottom: 60px; font-size: 24px; font-weight: 500; line-height: 1.4; color: #444; text-align: center;}
.quality .quality-desc span {display: block;}
.quality .quality-desc em {font-weight: 600;}
.quality .quality-desc::before {content: ""; display: block; width: 30px; height: 116px; margin: 5px auto 25px; background: url(../images/contents/3-2_arrow.png) center/contain;}

.quality .bottom_wrap {display: flex; column-gap: 40px;}
.quality .bottom_wrap .quality-box {flex: 1; background: url(../images/contents/3-2_bg02.jpg) no-repeat center top+160px/cover; padding-bottom: 40px;}
.quality .bottom_wrap .quality-box:nth-child(2) {background-image: url(../images/contents/3-2_bg03.jpg);}
.quality .bottom_wrap .quality-img {max-width: 480px; margin: 0 auto 35px;}
.quality .bottom_wrap h4 {text-align: center; margin-bottom: 25px;}
.quality .bottom_wrap h4 span {display: inline-block; font-size: 26px; font-weight: 600; color: #13489d;}
.quality .bottom_wrap h4 span::after {content: ""; display: block; width: 100%; height: 2px; margin-top: 8px; background-color: #13489d;}
.quality .bottom_wrap .quality-list {padding-left: calc((100% - 480px) / 2); font-size: 20px; line-height: 1.5; color: #444;}
.quality .bottom_wrap .quality-list li::before {content: "-"; margin-right: 5px;}


@media screen and (max-width: 1280px) {
  .quality .top_wrap .quality-item .quality-tit {font-size: 23px;}
  .quality .top_wrap .quality-item .quality-eng {font-size: 19px;}

  .quality .bottom_wrap {column-gap: 30px;}
  .quality .bottom_wrap .quality-img {margin: 0 50px 35px;}
  .quality .bottom_wrap h4 span {font-size: 24px;}
  .quality .bottom_wrap .quality-list {padding-left: 50px; font-size: 19px;}
}

@media screen and (max-width: 1024px) {
  .quality .top_wrap .quality-item .quality-tit {font-size: 20px;}
  .quality .top_wrap .quality-item .quality-eng {font-size: 16px;}

  .quality .bottom_wrap {column-gap: 20px;}
  .quality .bottom_wrap .quality-box {padding-bottom: 35px;}
  .quality .bottom_wrap .quality-img {margin: 0 25px 30px;}
  .quality .bottom_wrap h4 {margin-bottom: 20px;}
  .quality .bottom_wrap h4 span {font-size: 22px;}
  .quality .bottom_wrap .quality-list {padding-left: 25px; font-size: 18px;}
}

@media screen and (max-width: 768px) {
  .quality .top_wrap .quality-item {width: 100%;}
  .quality .top_wrap .quality-item + .quality-item {margin-top: 40px;}
  .quality .top_wrap .quality-item:nth-child(1) {position: relative; z-index: 2;}
  .quality .top_wrap .quality-item:nth-child(2) {position: relative; left: 0; width: 100%; transform: translateX(0);}
  .quality .top_wrap .quality-item:nth-child(3) {position: relative; width: 100%;}
  .quality .top_wrap .quality-item .quality-ico {width: 48px; margin-bottom: 10px;}
  .quality .top_wrap .quality-item .quality-txt {row-gap: 6px; width: 100%; height: 80px; margin: 0 auto;}
  .quality .top_wrap .quality-item svg {position: absolute; top: 95px; right: 50%; width: 12px; height: 12px; transform: translate(50%, 0);}
  .quality .top_wrap .quality-item svg path {fill: #222;}
  .quality .top_wrap .quality-item:nth-child(3) svg {top: -85px; left: 50%; transform: translate(-50%, 0);}

  .quality .quality-desc {margin-bottom: 50px; font-size: 20px; line-height: 1.3;}
  .quality .quality-desc::before {width: 15px; height: 58px; margin: 5px auto 15px; filter: saturate(50%); opacity: 0.9;}

  .quality .bottom_wrap {flex-direction: column; row-gap: 30px;}
  .quality .bottom_wrap .quality-img {margin: 0 auto 30px; padding: 0 20px;}
  .quality .bottom_wrap .quality-list {padding-left: calc((100% - 440px) / 2);}
}

@media screen and (max-width: 480px) {
  .quality .top_wrap .quality-item .quality-ico {width: 32px; margin-bottom: 8px;}
  .quality .top_wrap .quality-item + .quality-item {margin-top: 30px;}
  .quality .top_wrap .quality-item .quality-txt {row-gap: 6px; width: 100%; height: 70px; margin: 0 auto;}
  .quality .top_wrap .quality-item .quality-tit {font-size: 18px;}
  .quality .top_wrap .quality-item .quality-eng {font-size: 15px;}
  .quality .top_wrap .quality-item svg {top: 80px;}
  .quality .top_wrap .quality-item:nth-child(3) svg {top: -60px;}

  .quality .quality-desc {margin-bottom: 40px; font-size: 18px;}
  .quality .quality-desc span {display: inline; vertical-align: baseline;}

  .quality .bottom_wrap h4 span {font-size: 20px;}
  .quality .bottom_wrap .quality-list {padding-left: 20px; font-size: 16px;}
  .quality .bottom_wrap .quality-img {margin: 0 auto 25px;}
}


/* 5-3. 채용정보 */
.person section {margin-bottom: 50px;}

.talent .contents_wrap {height: 550px; padding-top: 55px; background: #555 url('../images/contents/5-3_talent-bg01.jpg') no-repeat center center/cover; background-blend-mode: multiply; color: #fff; text-align: center;}
.talent .contents_wrap .talent-desc {padding: 0 10px; margin-bottom: 50px; font-size: 24px; line-height: 1.4;}
.talent .contents_wrap .talent-box {display: flex; justify-content: space-around;}
.talent .contents_wrap .talent-box .talent-item {flex: 1; padding-top: 50px; background: url('../images/contents/5-3_talent-bg02.png') no-repeat center top; background-size: 232px 250px;
}
.talent .contents_wrap .talent-box .talent-ico {margin-bottom: 25px;}
.talent .contents_wrap .talent-box .talent-tit {margin-bottom: 110px; font-size: 20px; font-weight: 600; color: #444;}
.talent .contents_wrap .talent-box .talent-txt {line-height: 1.3;}

.process .contents_wrap {display: flex; justify-content: center; width: calc(100% - 90px); margin: 0 auto;}
.process .contents_wrap .process-item {position: relative; width: 25%; margin-left: -30px; background: url(../images/contents/5-3_process-bg01.png) no-repeat center/contain;}
.process .contents_wrap .process-item::before {content: ""; display: block; padding-bottom: 100%;}
.process .contents_wrap .process-item:first-child {margin-left: 0;}
.process .contents_wrap .process-item:last-child {background-image: url(../images/contents/5-3_process-bg02.png);}
.process .contents_wrap .process-item .process-box {display: flex; flex-direction: column; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center;}
.process .contents_wrap .process-item .process-ico {display: flex; justify-content: center; height: 64px; margin-bottom: 30px;}
.process .contents_wrap .process-item .process-num {align-self: center; font-size: 18px; font-weight: 800; color: #13489d;}
.process .contents_wrap .process-item:last-child .process-num {color: #fff; font-weight: 600;}
.process .contents_wrap .process-item .process-num::after {content: ''; display: block; width: 100%; height: 2px; margin: 5px 0 8px; background-color: #13489d;}
.process .contents_wrap .process-item:last-child .process-num::after {background: #fff;}
.process .contents_wrap .process-item .process-tit {font-size: 20px; font-weight: 500;}
.process .contents_wrap .process-item:last-child .process-tit {color: #fff;}

.welfare .contents_wrap .welfare-item {display: flex; column-gap: 100px; justify-content: space-between; align-items: center; position: relative; padding-left: 50px; background: url(../images/contents/5-3_welfare-bg01.png) no-repeat right+100px center;}
.welfare .contents_wrap .welfare-item:nth-child(2) {flex-direction: row-reverse; padding: 0 50px 0 200px; background: url(../images/contents/5-3_welfare-bg02.png) no-repeat left+100px center;}
.welfare .contents_wrap .welfare-item::before {content: ""; position: absolute; top: 25px; left: 0; width: 50px; height: 300px; background: url(../images/contents/5-3_welfare-bg01.png) no-repeat left center;}
.welfare .contents_wrap .welfare-item:nth-child(2)::before {left: auto; right: 0; background: url(../images/contents/5-3_welfare-bg02.png) no-repeat right center;}
.welfare .contents_wrap .welfare-item + .welfare-item {margin-top: 40px;}
.welfare .contents_wrap .welfare-item .welfare-box {flex: 1;}
.welfare .contents_wrap .welfare-item .welfare-tit {margin-bottom: 35px; font-size: 26px; font-weight: 600;}
.welfare .contents_wrap .welfare-item .welfare-list {font-size: 20px; line-height: 1.5; color: #444;}
.welfare .contents_wrap .welfare-item .welfare-list li::before {content: "-"; margin-right: 5px;}


@media screen and (max-width: 1280px) {
  .welfare .contents_wrap .welfare-item {display: flex; column-gap: 40px;}
  .welfare .contents_wrap .welfare-item:nth-child(2) {padding-left: 140px;}
}

@media screen and (max-width: 1024px) {
  .process .contents_wrap {width: 100%;}
  .process .contents_wrap .process-item {margin-left: -20px;}
  .process .contents_wrap .process-item .process-ico {height: 48px; margin-bottom: 15px;}
  .process .contents_wrap .process-item .process-ico img {object-fit: contain;}
  .process .contents_wrap .process-item .process-num {font-size: 16px;}
  .process .contents_wrap .process-item .process-num::after {margin: 4px 0 6px;}
  .process .contents_wrap .process-item .process-tit {font-size: 18px;}

  .welfare .contents_wrap .welfare-item {flex-direction: column;}
  .welfare .contents_wrap .welfare-item:nth-child(2) {flex-direction: column;}

  .person .welfare .contents_wrap .welfare-item {padding: 0 0 40px 0; background-position: center bottom;}
  .welfare .contents_wrap .welfare-item::before {display: none;}
  .welfare .contents_wrap .welfare-item + .welfare-item {margin-top: 40px;}
  .welfare .contents_wrap .welfare-item .welfare-box {padding-top: 25px;}
  .welfare .contents_wrap .welfare-item .welfare-tit {margin-bottom: 20px; font-size: 24px; text-align: center;}
  .welfare .contents_wrap .welfare-item .welfare-list {font-size: 18px; line-height: 1.5; color: #444;}
  .welfare .contents_wrap .welfare-item .welfare-list li::before {content: "-"; margin-right: 5px;}
}

@media screen and (max-width: 768px) {
  .talent .contents_wrap {height: auto; padding-top: 40px;}
  .talent .contents_wrap .talent-desc {margin-bottom: 30px; font-size: 20px;}
  .talent .contents_wrap .talent-box {flex-wrap: wrap; padding-bottom: 20px;}
  .talent .contents_wrap .talent-box .talent-item {flex-basis: 100%; margin-bottom: 20px;}
  .talent .contents_wrap .talent-box .talent-tit {margin-bottom: 100px;}

  .process .contents_wrap {flex-wrap: wrap;}
  .process .contents_wrap .process-item {width: 40%;}
  .process .contents_wrap .process-item:nth-child(3) {margin-left: 0;}

  .welfare .contents_wrap .welfare-item .welfare-img {margin: 0 30px;}
}

@media screen and (max-width: 480px) {
  .talent .contents_wrap .talent-desc {font-size: 18px;}
  .process .contents_wrap .process-item {width: 60%; margin-left: 0; margin-top: -35px;}
  .process .contents_wrap .process-item:first-child {margin-top: 0;}

  .welfare .contents_wrap .welfare-item .welfare-img {margin: 0 15px;}
}