@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022
******************************************************** */


/* ******************  서브공통 ********************** */


.custom-scrollbar-cover{
    display:none;
}

#content {
  font-size:17px;
  font-weight:400;
  color:#000;
  letter-spacing:-0.05em;
  line-height:30px;
  word-break:keep-all;
  word-wrap:break-word;
  min-height:400px;
}
#content .contents_view_wrap .inner{
    max-width: 1400px;
	margin: auto;
	position: relative;
}
#content .bg_type1{
  background:#f7f7f7;
}
#content #cont {
    color:#000;
    font-family:'Noto Sans KR', sans-serif;
    font-weight:400;
    letter-spacing:-0.5px;
    line-height:normal;
    word-break:keep-all;
    word-wrap:break-word;
    min-height:400px
}
#contents #cont:after {
    clear:both;
    content:"";
    display:block
}

.imgw100 {
    width:100%;
}

.contents_view_wrap{
  position: relative;
  width: 100%;
}

.normal-txt {font-size: 17px;line-height: 26px;word-break:keep-all;}
.space { padding-top:70px;}
.bd-t { border-top:1px solid #dcdcdc;}
.hide { position:absolute; left:-9999%; font-size:0; line-height:0; text-indent:-9999%;}

/* ----- half layout setting ----- */
.halfbox { display:flex;}
.halfbox .left {width: 35%;padding-right:10%;}
.halfbox .left .tit { font-size:35px; color:#333333; letter-spacing:-0.8px; font-weight:700; line-height:1.588em;}
.halfbox .left .tit span { display:block; font-size:33px; color:#333333; font-weight:500; line-height:1.4em; letter-spacing:-0.010em;}
.halfbox .left .txt { margin-top:0.722em; font-size:25px; color:#666666; letter-spacing:-0.014em; font-weight:300; line-height:1.667em;}
.halfbox .right {width: 65%;}
.halfbox .right .tbstyle02 { margin-top:1em;}
.halfbox .btnwrap { margin-top:5em;}

/* ----- list setting ----- */
.list-st01 li {position:relative;padding-left: 12px;margin: 5px 0;text-align:left;}
.list-st01 li:after {content:"";position:absolute;left:0;top: 10px;width: 3px;height: 3px;background: #017ece;}

/* ----- table setting ----- */
.td-title{font-family: 'Noto Sans KR',sans-serif;}

.tbcenter table th,
.tbcenter table td { text-align: center;}

.ta-l { text-align:left !important;}
.ta-c { text-align:center !important;}
.ta-r { text-align:right !important;}


.tbstyle01 strong { font-size:2rem;}
.tbstyle01 table {border-top: 2px solid #0088bd; width:100%; border-spacing:0; border-collapse:collapse;}
.tbstyle01 table th { padding: 5px 0; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6;  color:#333; font-weight:500; background: #f8f8f8;}
.tbstyle01 table td { padding: 12px 20px; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6;  color:#333;   vertical-align:top;}
.tbstyle01 table thead th:first-child { border-left:none !important;}
.tbstyle01 table tbody th:first-child,
.tbstyle01 table tbody td:first-child { border-left:none !important;}

/* ----- tab setting ----- */
.tab--style01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 55px;
}

.tab--style01 .tab__btn {
  width: 220px;
  line-height: 58px;
  height: 60px;
  display: block;
  font-size: 18px;
  color: #666;
  text-align: center;
  cursor: pointer;
  background-color: #f3f3f3;
  margin-left: -1px;
  position: relative;
}

.tab--style01 .tab__btn::before {
  content: "";
  width: 1px;
  height: 30px;
  background-color: #ccc;
  position: absolute;
  right: 1px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}

.tab--style01 .tab__btn:last-child::before {
  display: none;
}

.tab--style01 .tab__btn.active {
  color: #fff;
  background-color: #0154a6;
}

.tab--style01 .tab__btn.active::before {
  display: none;
}

#content .contents_view_wrap .inner.top_mt {
  margin-top:80px;
}

/* ******************  회사소개 ********************** */
/* -------- 인사말  -------- */
.company-greeting .greeting-message {position:relative;padding: 80px 0 120px;}
.company-greeting .greeting-message:after { content:""; position:absolute; left:0; top:0; z-index:-1; width:35%; height:100%; background:#f4f4f4;}
.company-greeting .greeting-message .maxinner { display:flex; justify-content:space-between;}
.company-greeting .greeting-message .maxinner > * { padding-left:55px; width:50%;}
.company-greeting .greeting-message .txtbox > strong {display:block;margin: 0 0 25px;font-size: 36px;color:#333333;line-height:1.5em;font-weight:600;letter-spacing:-0.010em;}
.company-greeting .greeting-message .txtbox .ceo-name {padding-top: 25px;}
.company-greeting .greeting-message .txtbox .ceo-name span {display:inline-block;font-size: 18px;color:#111111;font-weight:700;line-height:1.444em;letter-spacing:-0.014em;vertical-align:middle;}
.company-greeting .greeting-message .txtbox .ceo-name strong {display:inline-block;margin-left:0.417em;font-size: 26px;color:#111111;font-weight:700;line-height:1.083em;letter-spacing:-0.010em;vertical-align:middle;}
.company-greeting .greeting_cont01 .sub_stit {font-size:32px; font-weight:500;padding-bottom: 90px;}
.company-greeting .greeting_cont01 .sub_stit  strong {color:#03569f;font-weight:500}


/* ******************  회사소개 ********************** */
/* -------- 회사개요  -------- */

.current_cont01 {padding-bottom:100px;}

  .current_cont01 .sub_stit::before {
    content: "";
    width: 1px;
    height: 100px;
    background-color: #dedede;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.company-current .current_cont02 {
    padding: 100px 0;
  }
  
  .company-current .current_cont02>p {
    font-size: 20px;
    margin-top: 90px;
    text-align: right;
  }
  
  .company-current .current_cont02>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .company-current .current_cont02>ul>li {
    width: 25%;
    text-align: center;
    border-right: 1px solid #ddd;
  }
  
  .company-current .current_cont02>ul>li:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
  }
  
  .company-current .current_cont02>ul>li:nth-child(3) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
  }
  
  .company-current .current_cont02>ul>li:nth-child(4) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
    border-right: none;
  }
  
  .company-current .current_cont02>ul .cont02_icon img {
    width: auto;
    margin: auto;
  }
  
  .company-current .current_cont02>ul .para01 {
    margin-top: 50px;
    line-height: 1em;
    font-size: 24px;
  }
  
  .company-current .current_cont02>ul .para01 span {
    font-size: 48px;
    font-weight: 600;
    margin-right: 5px;
  }
  
  .company-current .current_cont02>ul .para02 {
    margin-top: 26px;
    line-height: 1em;
    font-size: 18px;
    color: #666;
  }

.company-current .current_cont03 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 100px 0;
}

.company-current .current_cont03 .cont03_txt{
  font-size: 46px;
  line-height: 48px;
  color: #004da8;
  width: 60%;
}
.company-current .current_cont03 .info .c-tit01{
  font-size: 28px;
  font-weight: 400;
  padding: 10px;
}
.company-current .current_cont03 .info p {
  font-size: 19px;
  padding-bottom: 50px;
}

.company-current .current_cont03 .info ul.c-list01 {
  padding:25px;
  border-top:1px solid #cbcbcb;
  border-bottom:1px solid #cbcbcb;
  overflow:hidden;
}

.company-current .current_cont03 .info ul li {
  float:left;
  width:50%;
  box-sizing:border-box;
  margin-bottom:5px;
}

.company-current .current_cont04 .space {padding-bottom:80px;}
.company-current .cur_imgBox{text-align: center;background-color: #ffffff;padding: 30px 0 80px;position: relative;}
.company-current .cur_imgBox.type2 {background-color:#f7f7f7;}
.company-current .txt-wrap {background-color: #54616a;padding: 10px 0;margin-top: 24px;position: absolute;bottom: 0;width: 100%;}
.company-current .txt-wrap p {color: #fff;font-size: 21px;}
.company-current .info-list > li {
  position:relative;
  padding-left:12px;
  line-height: 34px;
  font-size: 19px;
color: #000;margin-bottom: 10px;}
.company-current .current_cont04 .img_wrap .info-list {margin-bottom:40px;}
.company-current .current_cont04 .info-list > li:before {
  content:'';
  position: absolute;
  left:0;
  top:16px;
  width:3px;
  height:3px;
  background:#017ece;
}
.company-current .current_cont04 .info-list > li > ul > li {
  position:relative;
  padding-left:14px;
  font-size: 18px;
  line-height: 24px;
color: #5e5e5e;}
.company-current .current_cont04 .info-list > li > ul > li:before {
  content:'';
  position: absolute;
  left:0;
  top:11px;
  width:7px;
  height:1px;
  background:#017ece;
}


/* ******************  회사소개 ********************** */
/* -------- 연혁  -------- */
.history_title .inner {width:100%;}
.history_banner .cate{font-size: 29px;line-height: 1em;font-family: 'Play','Noto Sans KR';font-weight: 600;color: #fff;margin-bottom: 30px;}
.history_banner .cate span{font-size: 25px;}
.history_banner {
  background-image: url(../images/sub/history_bg.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  text-align: center;
  padding: 100px 0;
  margin-top:30px;
}
.history_banner .txt01 {
  font-size: 38px;
  color: #fff;
  line-height: 1.5em;
  font-weight: 500;
  position: relative;
}
.history_wrap{position: relative;margin: 100px 0 195px;display: flex;flex-wrap: wrap;}
.history_wrap .fix_year{position: absolute;top: 0;width: 350px !important;line-height: 1em;font-size: 60px;color: #0154a6;font-weight: 600;font-family: 'Play',sans-serif;}
.history_wrap .fix_year:before{display: inline-block;content:"";position: absolute;top: 25px;left: 148px;width: 10px;height: 10px;border: 4px solid #1972da;transform: rotate(45deg);border-top: 0;border-left: 0;}
.history_wrap .history_list{position: relative;width: calc(100% - 350px);left: 350px;}
.history_wrap .history_list .list + .list{margin-top: 55px;}
.history_wrap .history_list .year{font-size: 50px;line-height: 0.9em;font-family: 'Play',sans-serif;color: #222222;font-weight: 600;}
.history_wrap .history_list ul{width: 100%;border-top: 2px solid #222222;border-bottom: 1px solid #d3d3d3;margin-top: 18px;padding: 27px 0 30px;}
.history_wrap .history_list ul li{position: relative;padding-left: 13px;display:flex;}
.history_wrap .history_list ul li + li{margin-top: 7px;}
.history_wrap .history_list ul li span {color: #004da8;font-weight: 600;display: inline-block;width: 90px;}
/*.history_wrap .history_list ul li:before{display: block;content:"";position: absolute;top: 14px;left: 0;width: 5px;height: 2px;background: #222;}*/


/* ******************  회사소개 ********************** */
/* -------- 비전  -------- */

.sub-page.company-vision {padding-bottom:0 !important;}
.sub-page.company-vision .contents_view_wrap.bg_type1 {padding-bottom: 150px;}
.vision_cont02 .top_tit {
  line-height: 45px;
  font-size: 49px;
  color: #000;
  text-align: center;
  padding-top:100px;
  font-weight:500;
}
.vision_cont02 .top_tit strong{
  font-weight: 500;
  color: #0761b1;
}
.vision_cont02 .top_stit {
  text-align: center;
  margin-top: 37px;
  font-size: 23px;
  font-weight: 400;
  color: #484848;
}
.vision_cont02 .top_stit strong{
  font-weight: 500;
  color: #000;

}
.vi_cont_wr {margin-top:100px;}
.list_wrap{width: 100%;display: flex;flex-wrap: wrap;padding-top: 90px;}
.list_wrap .list{position: relative;width: calc(25% - 30px);min-height: 287px;border: 1px solid #e5e5e5;border-bottom: 2px solid #1792e4;background: #fff;}
.list_wrap .list:nth-child(even){border-bottom-color: #0bb1dd;}
.list_wrap .list + .list{margin-left: 40px;}
.list_wrap .list .tit{width: 180px;height: 180px;border-radius: 50%;margin: -90px auto 0;text-align: center;background-color: #1792e4;color: #fff;font-size: 23px;padding-top: 114px;font-weight: 500;background-repeat: no-repeat;background-position: top 40px center;line-height: 1em;}
.list_wrap .list:nth-child(1) .tit{background-image: url('../images/sub/vis_icon01.png');}
.list_wrap .list:nth-child(2) .tit{background-image: url('../images/sub/vis_icon02.png');}
.list_wrap .list:nth-child(3) .tit{background-image: url('../images/sub/vis_icon03.png');}
.list_wrap .list:nth-child(4) .tit{background-image: url('../images/sub/vis_icon04.png');}
.list_wrap .list:nth-child(even) .tit{background-color: #0bb1dd;}
.list_wrap .list ul{width: 100%;margin-top: 40px;padding: 0 38px;}
.list_wrap .list ul li{position: relative;padding-left: 11px;}
.list_wrap .list ul li + li{margin-top: 2px;}
.list_wrap .list ul li:before{display: block;content:"-";position: absolute;top: 0;left: 0;}


/* ******************  회사소개 ********************** */
/* -------- 핵심가치  -------- */

.value-list1 {position:relative;padding-top:90px;padding-bottom:60px;}
.value-list1:before {display:block;content:'';position:absolute;top:0;left:-210px;width:1100px;height:100%;background:#f2f2f2;z-index:-1;}
.value-list1 .phList {position:relative;width:100%;padding:50px 0;margin-bottom:30px;}
.value-list1 .txtBox {position:relative;width:100%;max-width: 763px;min-height:230px;background:#fff;padding: 60px 70px;box-sizing:border-box;z-index:2;}
.value-list1 .txtBox .txt ul li {position:relative;padding-left:15px; margin-bottom:5px;}
.value-list1 .txtBox .txt ul li:before{display:inline-block;position:absolute;width: 7px;height: 2px;top: 10.5px;left:1px;background:#30817b;content: '';}

.value-list1 .etxt {text-align:right;color:#bcbcbc;font-weight:700;font-size: 17px;position: absolute;top: 19px;right: 20px;}
.value-list1 .imgBox {position:absolute;top:0;right:0;width:910px;max-width:80%;z-index:1;}
.value-list1 .c-tit01 {position: relative;;font-size: 34px;color: #000;line-height:1;padding-bottom:32px;}
.value-list1 .c-tit01 span {color:#0c5eaf;}


/* ******************  회사소개 ********************** */
/* -------- 경영혁신  -------- */
.sub-page.company-innovation {padding-bottom:0 !important;}
.sub-page.company-innovation .contents_view_wrap.bg_type1 {padding-bottom: 150px;}
.innovation_cont02 .top_tit {
  line-height: 48px;
  font-size: 53px;
  color: #222;
  text-align: center;
  padding-top:100px;
  font-weight: 600;}
.innovation_cont02 .top_tit strong{
  font-weight: 500;
  color: #0761b1;
}
.innovation_cont02 .top_stit {
  text-align: center;
  margin-top: 33px;
  font-size: 24px;
  font-weight: 400;
  color: #484848;
}
.innovation_cont02 .top_stit strong{
  font-weight: 500;
  color: #000;
}

.innovation_cont02 .contents{width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;align-items: end;margin-top:90px;}
.innovation_cont02 .contents .item{width: 32.333%;}
.innovation_cont02 .contents .item .cate{width: 100%;height: 62px;background: #69b6fa;color: #fff;font-size: 25px;text-align: center;font-weight: 500;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.innovation_cont02 .contents .item .con{width: 100%;border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;display: flex;flex-wrap: wrap;padding: 25px 15px 15px;border-bottom: 1px solid #cccccc;background: #ffffff;background-repeat: no-repeat;background-position: bottom right;}
.innovation_cont02 .contents .item .text{width: 100%;height: 100px;text-align: center;font-size: 1.8rem;color: #1972da;font-weight: 500;background: #f5faff;border: 2px solid #1972da;line-height: 1.6;}
.innovation_cont02 .contents .item .text p{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;width: 100%;height: 100%;}
.innovation_cont02 .contents .item .text.type2{display: flex;flex-wrap: wrap;}
.innovation_cont02 .contents .item .text.type2 p + p{border-left: 2px solid #69b6fa;}
.innovation_cont02 .contents .item .list_wrap{position: relative;width: 100%;padding: 0;}
.innovation_cont02 .contents .item .list_wrap li{position: relative;width: 100%;font-size: 16px;color: #242424;padding: 10px 20px 10px;padding-left: 15px;}
.innovation_cont02 .contents .item .list_wrap li .tit{position:relative;font-weight: 600;margin-bottom: 10px;font-size: 18px;padding-left: 16px;}
.innovation_cont02 .contents .item .list_wrap li .tit:before {content:'';position: absolute;left:0;top: 5px;width: 10px;height: 16px; background:url(../images/sub/tit_bul.png) no-repeat;}
.innovation_cont02 .contents .item .list_wrap li .txt1 {padding-left:15px;}

.innovation_cont02 .contents .item .list_wrap.type1{display: flex;flex-wrap: wrap;}
.innovation_cont02 .contents .item .list_wrap.type1 li{width: calc(25% - 22.5px);height: 85px;margin-right: 30px;}
.innovation_cont02 .contents .item .list_wrap .txt1 li {padding:0 0 0 15px;}
.innovation_cont02 .contents .item .list_wrap .txt1 li + li{margin-top: 0px;}
.innovation_cont02 .contents .item .list_wrap .txt1 li:before{display:inline-block;position:absolute;width: 7px;height: 1px;top: 10.5px;left:1px;background:#30817b;content: '';}
.innovation_cont02 .contents .item2 .cate{background: #4093dd;}
.innovation_cont02 .contents .item3 .cate{background: #dd750a;}
.innovation_cont02 .contents .item1 .con {height: 385px; background-image: url('../images/sub/inno_num1.jpg');}
.innovation_cont02 .contents .item2 .con {height:455px; background-image: url('../images/sub/inno_num2.jpg');}
.innovation_cont02 .contents .item3 .con {height:525px; background-image: url('../images/sub/inno_num3.jpg');}
.innovation_cont02 .list_wrap {display:block;}


/* ******************  회사소개 ********************** */
/* -------- 조직도  -------- */
.org_banner {
  background-image: url(../images/sub/org_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align: center;
  padding: 100px 0;
  margin-bottom: 80px;
}

.org_banner .txt01 {
  font-size: 32px;
  color: #fff;
  line-height: 1.5em;
  font-weight: 400;
  position: relative;
}

.org_wrap,
.org_wrap .level2  {position: relative;}
.org_wrap ul.level1 {margin: 60px auto; max-width: 1000px; text-align: center;}
.org_wrap .directorate {width: 145px;height: 145px;display: inline-block;
  background:#0462d1;
  background:-moz-linear-gradient(-45deg,  #0462d1 0%, #22b5e2 100%);
  background:-webkit-linear-gradient(-45deg,  #0462d1 0%,#22b5e2 100%);
  background:linear-gradient(135deg,  #0462d1 0%,#22b5e2 100%);
  color: #fff;
  text-align: center;
  line-height: 145px;
  border-radius: 100%;
  font-size: 20px;
}

.org_wrap .level2 .group1 {margin-top:20px;}
.org_wrap .level2 .group1 .directorate {
  float:right;
  width: 172px;
  height: 65px;
  line-height: 59px;
  background:#fff;
  border:3px solid #0070c3;
  border-radius: 0 0 25px 0;
  color:#0070c3;
  margin-right: 80px;
  font-size: 18px;
}
.org_wrap .level2 .group2 {/* display: inline-block; *//* justify-content: space-between; */width: 100%;/* float: left; */display: block;}
.org_wrap .level2 .group2 li {
  position: relative;
  width: 20%;
  float:left;
  margin-right: 6.66%;
}
.org_wrap .level2 .group2 li:nth-last-child(1) {
  margin-right: 0%;
}
.org_wrap .level2 .group2 li div {/* display: inline-block; */text-align: center; /* width: 20%; *//* height: 55px; */background-color: #82899b;line-height: 55px;color: #fff;font-size: 18px;}


/* line */
.org_wrap .level1 {position: relative; z-index:0;} 
.org_wrap .level1:before {content:""; position: absolute; left:50%; width:1px; height: 285px; background:#d4d4d4; z-index:-1;}
.org_wrap .level2 .group2_wrap {padding-top: 175px;position: relative;}
.org_wrap .level2 .group2_wrap:after {content:""; position: absolute; left: 0; top: 119px; width: 80.1%; height:1px; background:#d4d4d4; z-index:-1;margin-left: 10%;}
.org_wrap .level2 .group2_wrap:before {content:""; position: absolute; left: 50%; top: 32px; width: 33%; height:1px; background:#d4d4d4; z-index:-1;}
.org_wrap .level2 .group2 li:before {content:""; position: absolute; left: 50%; /* margin-top: 23.5px; */ width: 1px; height: 62px; background:#d4d4d4; z-index:-1;top: -55px;}


/* 법인조직-중국당산 */
.company-organ-ch .org_wrap .directorate {
  background:#05a4a9;
  background:-moz-linear-gradient(-45deg,  #05a4a9 0%, #0067bf 100%);
  background:-webkit-linear-gradient(-45deg,  #05a4a9 0%,#0067bf 100%);
  background:linear-gradient(135deg,  #05a4a9 0%,#0067bf 100%);
}
.company-organ-ch .org_wrap .level2 .group2_wrap {padding-top: 96px;}
.company-organ-ch .org_wrap .level2 .group2 li {width:28%; margin-right:8%;}

/* line */
.company-organ-ch .org_wrap .level2 .group2_wrap:before{display: none;}
.company-organ-ch .org_wrap .level1:before {height:218px;}
.company-organ-ch .org_wrap .level2 .group2_wrap:after {top: 40px; margin-left:14%;width:72.1%}
.company-organ-ch .org_wrap .level2 .group2 li:nth-last-child(1) {margin-right:0%;}







/* ******************  사업분야 ********************** */
/* -------- 사업소개 -------- */

/*  TAB STYLE04  */

.business-cont .tab--style04{margin-top: 75px;}

.tab--style04 {margin:50px 0 30px;}
.tab--style04 p {
  border: 2px solid #cacaca;
  line-height: 65px;
  height: 65px;
  padding-left: 12px;
  font-size: 24px;
  color: #777;
  background-image: url(../images/sub/tab_arrow.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  background-color: #fff;
  cursor: pointer;
  display: none;
}

.tab--style04 p.active {
  background-image: url(../images/sub/tab_arrow_on.png);
}

.tab--style04 nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/*------------------tab_type1-----------------
.tab--style04 nav .tab__btn {
  width: 192px;
  margin: 0 6px;
  line-height: 57px;
  height: 60px;
  display: block;
  font-size: 18px;
  color: #666;
  text-align: center;
  border: 2px solid #ddd;
  cursor: pointer;
  background-color: #fff;
  font-weight: 500;
}

.tab--style04 nav .tab__btn.active {
  border-color: #0154a6;
  color: #0154a6;
}
------------------//tab_type1-----------------*/

/*------------------tab_type2-----------------*/

.tab--style04 nav .tab__btn {
   width: 220px;
  line-height: 58px;
  height: 60px;
  display: block;
  font-size: 18px;
  color: #666;
  text-align: center;
  cursor: pointer;
  background-color: #f3f3f3;
  margin-left: -1px;
  position: relative;
  z-index:2;
}

.tab--style04 nav .tab__btn.active {
  color: #fff;
  background-color: #115599;
  
}
.tab--style04 .tab__btn::before {
  content: "";
  width: 1px;
  height: 30px;
  background-color: #ccc;
  position: absolute;
  right: 1px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}

.tab--style04 .tab__btn:last-child::before {
  display: none;
}

.tab--style04 .tab__btn.active::before {
  display: none;
}

/*------------------//tab_type2-----------------*/

/*  TAB STYLE06  */
.business-cont .tab--style06 {margin-top:50px;}

.tab--style06 nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tab--style06 .tab__btn {
  line-height: 58px;
  height: 54px;
  display: block;
  font-size: 18px;
  color: #666;
  text-align: center;
  cursor: pointer;
  margin-left: -1px;
  position: relative;
  padding: 0 15px;
margin: 0 20px;}

.tab--style06 .tab__btn.active {
  color: #0e72d5;
}
.tab--style06 .tab__btn:before {
  content:''; 
  position:absolute; 
  left:0; 
  bottom: 0px; 
  width:0; 
  height:3px; 
  background:#0e72d5; 
  transition:.3s; 
  opacity:0; 
  visibility:hidden;
}
.tab--style06 .tab__btn.active:before {
  visibility:visible; 
  opacity:1; 
  width:100%;
}
.tab--style06 .tab__btn:hover:before {
  visibility:visible; 
  opacity:1; 
  width:100%;
}

.tab--style06 p {
  border-bottom: 1px solid #0e72d5;
  line-height: 65px;
  height: 65px;
  padding-left: 12px;
  font-size: 24px;
  color: #0e72d5;
  background-image: url(../images/sub/tab_arrow2.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  background-color: #fff;
  cursor: pointer;
  display: none;
}

.tab--style06 p.active {
  background-image: url(../images/sub/tab_arrow_on2.png);
}



.business-cont .sec_title_g {
  text-align: center;
  margin-top: 20px;

}
.business-cont .sec_title_g .eng {
  font-size: 47px;
  font-weight: 500;
  color: #0551b3;
  line-height: 50px;
}
.business-cont .sec_title_g .sec_title {
  margin-top: 22px;
  font-size: 30px;
  font-weight: 500;
  color: #282828;
  position: relative;
}
.business-cont .sec_title_g .sec_title:after {
	content:""; 
  position: absolute; 
  width:1px; height:40px;
	background:#757575;
  left:50%;
  top:50px;
	}
.business-cont .sec_title_g p.txt1 {
  font-size: 19px;
  width: 90%;
  margin: 80px auto 50px;
  line-height: 30px;
}

#content .contents_view_wrap .inner .con-tit {font-size:35px;color:#333333;letter-spacing:-0.007em;font-weight:700;line-height:35px;}

/*사업소개 하단 space*/
.srs_cont03 .space,
.srs_cont04 .space,
.cps_cont03 .space,
.stasc_cont03 .space{padding-bottom:70px;}



/* -------- 사업소개 ** STUCS-------- */

.business-stucs .bus_txt {padding-top:30px;}
.business-stucs .stucs-list { display:flex; flex-wrap:wrap; margin-left:-2.3333%; margin-top:-2.3333%;}
.business-stucs .stucs-list .list {
  padding: 40px 30px;
  margin-top:2.3333%;
  margin-left:2.3333%;
  width: 47.6%;
  min-height: auto;
  background: #fff;
  display: flex;
}


.business-stucs .stucs-list .list .num{
  margin-right: 20px;
}
.business-stucs .stucs-list .list .num span {
  display: inline-block;
  background: #1972da;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  color: #fff;
  border-radius: 2px;
}
.business-stucs .stucs-list .list .txt-con .tit {
  font-size: 20px;
  font-weight: 500;
  color: #095495;
  line-height: 24px;
}
.business-stucs .stucs-list .list .txt-con .tit span {
  display: block;
  color: #838383;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
}
.business-stucs .stucs-list .list .txt-con p {
  margin-top: 10px;
}

.business-stucs .stucs_cont03 {
  padding: 70px 0 90px;
}


/* -------- 사업소개 ** WMS-------- */

#content .contents_view_wrap .inner.wms_cont03 {  
  text-align: center;
  padding: 70px 0 70px;

}


/* -------- 사업소개 ** SRS-------- */

.business-srs .container-list-st01 {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.business-cont .container-list-st01>li {
  background-color: #fff;
  width: 24%;
  padding: 130px 30px 25px 30px;
  background-repeat: no-repeat;
  background-position: center 38px;
  border-radius: 12px;
  text-align: center;
}

.business-cont .container-list-st01 .txt01 {
  color: #0c57a5;
  font-size: 22px;
  line-height: 1em;
  margin-bottom: 15px;
  font-weight: 500;
}

.business-cont .container-list-st01 .txt02 {
  font-size: 16px;
  line-height: 24PX;
  word-break: keep-all;
}


.business-cont .cont-in {
  display: flex;
  justify-content: space-between;
}

.business-cont .cont-in .biz-txt {
  width: 43%;
  padding-left: 20px;
  padding-top: 30px;
}

.business-cont .cont-in .biz-txt h3 {
  font-size: 35px;
  color: #333333;
  margin-bottom: 33px;
}

.business-cont .biz-txt .info-list {
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:25px 30px;
}
.business-cont .biz-txt .info-list > li {
  position:relative;
  padding-left:18px;
  line-height: 30px;
  margin-bottom:8px;
}
.business-cont .biz-txt .info-list > li:before {
  content:'';
  position: absolute;
  left:0;
  top:12px;
  width:3px;
  height:3px;
  background:#017ece;
}
.business-cont .biz-txt .info-list > li > ul > li {
  position:relative;
  padding-left:18px;
  font-size:0.941em;
  line-height: 19px;
}
.business-cont .biz-txt .info-list > li > ul > li:before {
  content:'';
  position: absolute;
  left:0;
  top:8px;
  width:7px;
  height:1px;
  background:#017ece;
}
.srs_cont05 .halfbox .right .r_cont {border-top: 2px solid #152f54;border-bottom: 1px solid #e1e1e1;overflow: hidden;box-sizing: border-box;}

.srs_cont05 .halfbox .tit_wrap {border-bottom: 1px solid #e1e1e1;background: #fbfbfb;padding: 9px;}
.srs_cont05 .halfbox .tit_wrap .tit {padding: 8px 12px;font-size: 17px;font-weight: 500;color: #ffffff;display: inline-block;line-height: 20px;background: #1694dd;border-radius: 10px;}
.srs_cont05 .halfbox .tit_wrap p {display: inline-block;padding-left: 20px;}
.srs_cont05 .halfbox .img_wrap {
  padding: 22px;
  border-bottom: 1px solid #e1e1e1;
}
.srs_cont05 .halfbox .right ul {
  padding: 20px 30px;
  overflow: hidden;
}
.srs_cont05 .halfbox.half_type1 .right ul li {
  float:left;
  width:50%;
  box-sizing: border-box;
}
.srs_cont05 .halfbox .right .cont_type1 .tit {background: #0154a6;}
.srs_cont05 .halfbox .right .cont_type1 {margin-bottom:50px;}

.srs_cont05 .halfbox.half_type2 .cont_left {float:left; width:50%;}
.srs_cont05 .halfbox.half_type2 .num {text-align: center;}
.srs_cont05 .halfbox.half_type2 .num span {
  width: 25px;
  height: 25px;
  background-color: #418cd9;
  color: #fff;
  border-radius: 50%;
  margin-top: 20px;
  line-height: 25px;
}
.srs_cont05 .halfbox .img_wrap {text-align: center;}
.srs_cont05 .halfbox.half_type2 .r_cont ul li {margin:5px 0 5px 90px;}


/* -------- 사업소개 ** CPS-------- */

.business-cont .cps_cont03 .container-list-st01>li {width:49%;}
.business-cont .fixbg { background-repeat:no-repeat; background-size:cover; background-attachment:fixed; height:700px;}


.line-imgbox {margin-top:3em;text-align: right;}
.line-imgbox > div { display:inline-block; position:relative;}
.line-imgbox > div:after {
    content:"";
    position:absolute;
    left:0;
    top:-0.5%;
    width:100%;
    height:101%;
    background:#fff;
    -webkit-transition:all 1.1s;
    -moz-transition:all 1.1s;
    -ms-transition:all 1.1s;
    -o-transition:all 1.1s;
    transition:all 1.1s;
}
.line-imgbox.on > div:after { width:0;}

.business-cont .biz-txt .info-list.num_list > li {padding-left:0px;}
.business-cont .biz-txt .info-list.num_list > li em {
  width: 25px;
  height: 25px;
  background-color: #1972da;
  text-align: center;
  line-height: 25px;
  margin-right: 10px;
  color: #fff;
  border-radius: 2px;
}
.business-cont .biz-txt .info-list.num_list > li span {color:#095495;font-weight: 500;}
.business-cont .biz-txt .info-list.num_list > li:before {display:none;}
.business-cont .biz-txt .info-list.num_list > li ul {padding-left:40px;}


/* -------- 사업소개 ** STASC------- */

.business-cont .cont-in .biz-txt.s-tit-wr h3 {margin-bottom:10px;}
.business-cont .cont-in .biz-txt.s-tit-wr span.s-tit {display: block;margin-bottom: 15px;font-size: 20px;color: #0083b5;}
.business-cont .stasc_cont04 .img_wrap {padding:30px; background:#fafafa;} 



/* ******************  사업분야 ********************** */
/* -------- 제품소개 -------- */

/*prod*/
.prod_top {position:relative; margin-top:90px; padding-bottom:100px;}
.prod_top {position:relative; margin-top: 70px; padding-bottom:80px;padding-top: 75px;min-height: 730px;}
.prod_img {float:left; overflow:hidden;}
.prod_img .img_list {float:left;}
.prod_img .img_list ul li {position:relative; width:140px; height:140px; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.prod_img .img_list ul li.on:after {content:''; position:absolute; left:0; top:0; right:0; bottom:0; border: 1px solid #303030;}
.prod_img .img_list ul li + li {margin-top:10px;}
.prod_img .img_list ul li img {width:100%;}
.prod_img .img_big {position:relative; float:left; width:580px; height:580px; margin-left:10px; border:1px solid #F3F3F3; background:#FFF;}
/*.prod_img .img_big img {width:100%;}*/
.prod_img .img_big .img_box {width:100%;}
.prod_img .img_big .img_box .img {width:100%; height:0; padding-bottom:100%; background-repeat:no-repeat; background-position:center center; background-size:contain;}

.prod_info {margin-left:775px; padding-top: 25px;}
.prod_info .prod_name {padding:0 20px;}
.prod_info .prod_name .txt_prod {font-size: 21px; line-height: 25px;font-weight: 500;color: #1b8abf;}
.prod_info .prod_name .tit_prod {margin-top: 20px; font-size: 40px; line-height:50px; font-weight:700;}
.prod_info .prod_name .stit_prod {font-size: 20px;margin-top: 13px;color: #7a7a7a;}
.prod_info .prod_Def {margin-top:20px; padding:30px 24px 0; border-top:1px solid #000;}
.prod_info .prod_Def .item_text {line-height: 28px;}

.prod_info .prod_option {margin-top:25px; padding:36px 24px 0; border-top:1px solid #000;}
.prod_info .prod_option li {overflow:hidden;}
.prod_info .prod_option li + li {margin-top:36px;}
.prod_info .prod_option li .tit {display:inline-block; vertical-align:middle; width:140px; font-size:18px; line-height:18px; font-weight:700;}
.prod_info .prod_option li .txt {display:inline-block; vertical-align:middle; font-size:18px; line-height:18px; font-weight:400;}
.prod_info .prod_other {padding:0 24px; margin-top:30px;/*position: absolute;right: 0;bottom: 80px;*/}
.prod_info .btn_cateLog {display:inline-block; width:200px; height:50px; margin-top:30px; border:2px solid #000; line-height:46px; text-align:center; transition:.3s .1s;}
.prod_info .btn_cateLog .btn_txt {display:inline-block; vertical-align:middle; color:#333; font-size:18px; line-height:18px; font-weight:700;}
.prod_info .btn_cateLog .btn_icon {display:inline-block; vertical-align:middle; width:18px; height:19px; margin-left:10px; background:url('../img/icon_share.png') no-repeat 0 0/100%;}

.prod_other .down_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
justify-content: end;}

.prod_other .down_box .btn--style01 {
  width: 190px;
  min-width: auto;
  height: 50px;
  
  line-height: 50px;
  text-align: center;
}

.prod_other .down_box .btn--style01 p {
  padding-right: 23px;
  background: url(../images/sub/download_icon_color.png) no-repeat 100% center;
  position: relative;
  display: inline-block;
}
.prod_other .down_box .btn--style01:hover p {
  color: #fff;
  background: url(../images/sub/download_icon_color02.png) no-repeat 100% center;
}






/* ******************  회사소개 ********************** */
/* -------- 특허 및 인증  -------- */

.award_cont01 .sub_stit {font-size:32px; font-weight:500;padding-bottom: 40px;margin-top: 30px;}
.award_cont01 .sub_stit  strong {color:#03569f;font-weight:500}

.blind {overflow: hidden; position: absolute; width: 1px; height: 1px; font-size: 12px; clip: rect(1px, 1px, 1px, 1px);}
.company-award .container {max-width: 100%; margin: 0 auto;}
.company-award .container a {text-decoration: none; color: inherit;}
.company-award .container a:focus {outline: 1px dashed #999;}


.company-award .container .item-box .item-img ul {display: flex; margin-top: 35px;justify-content: space-around;}
.company-award .container .item-box .item-img a {display: block; /*width: 270px;*/ width:232px; border: 1px solid #ddd;box-shadow: 10px 8px 0px 0px rgb(0 0 0 / 5%);}
.company-award .container .item-box .item-img a:nth-child(2n + 2) {margin-left: 20px;}
.company-award .container .item-box .item-img a img {display: block; width: 100%;}
.company-award .container .item-box .item-img ul li {width: 290px; }
.company-award .container .item-box .item-img ul li .info_box .tit { font-size: 18px; letter-spacing: -0.5px; line-height: 1; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; word-wrap: break-word; line-height: 24px; min-height: 79px; max-height: 79px; color: #000; }
.company-award .container .item-box .item-img ul li .info_box {margin-top: 25px;}

.company-award .container .img-popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); visibility: hidden; opacity: 0; transition: all 0.3s; z-index: 10000;}
.company-award .container .img-popup.active {visibility: visible; opacity: 1;}
.company-award .container .img-popup .popup-inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 550px;}
.company-award .container .img-popup .popup-inner > img {display: block; width: 100%; margin: 0 auto;}
.company-award .container .img-popup .popup-inner .close-btn {display: flex; display: -webkit-flex; display: -ms-flexbox; position: absolute; top: -36px; left: 50%; transform: translateX(-50%); width: 65px; height: 65px; border-radius: 50%; background-color: #22b5e2; justify-content: center; align-items: center; color: #fff; font-size: 30px;}
.company-award .container .img-popup .popup-inner .close-btn i {transition: all 0.3s;}
.company-award .container .img-popup .popup-inner .close-btn:hover i {transform: rotate(180deg);}


/* ******************  회사소개 ********************** */
/* -------- 납품실적  -------- */
.sub-page.company-result {padding-bottom:0;}
.result_bg {background-color: #f3f3f3;}
.locations-top {position:relative;width:100%;text-align:center;height:685px;text-align:center;}
.locations-top .imgBox {position:absolute;top:40px;left:50%;margin-left: -595px;width: 1171px;height: 666px;}
.locations-top .btn-locT {display:inline-block;position:absolute;z-index:1;}
.locations-top .btn-locT span {display:block;width:150px;padding:7px 15px 8px 15px;background:#fff;text-align:left;border:1px solid #e95151;font-size:0.941em;font-weight:500;color:#000;transition:all .3s ease;z-index:1;box-shadow:2px 2px 0px rgb(0 0 0 / 10%);}

.locations-top .btn-locT:before {display:block;content:'';position:absolute;height:1px;background:#e95151;z-index:-1;}
.locations-top .btn-locT span:before {display:block;content:'';position:absolute;background:#e95151;z-index:-1;}
.locations-top .btn-locT span:after {display:block;content:'';position:absolute;background:#e95151;z-index:-1;}
.locations-top .btn-locT.btn-loct7 span {width: 272px;}

.locations-top .btn-loct1 span, 
.locations-top .btn-loct2 span, 
.locations-top .btn-loct3 span, 
.locations-top .btn-loct4 span,
.locations-top .btn-loct5:before span {text-align:right;}

.locations-top .btn-locT.btn-loct7:before {background:#51a9e9;}
.locations-top .btn-locT.btn-loct7 span:before {background:#51a9e9;}
.locations-top .btn-locT.btn-loct7 span {border-color:#51a9e9;}

.locations-top .btn-locT.btn-loct4:before {background:#29b97c;}
.locations-top .btn-locT.btn-loct4 span:before {background:#29b97c;}
.locations-top .btn-locT.btn-loct4 span {border-color:#29b97c;}


.locations-top .btn-loct1 {top:148px;left:53%;margin-left:-630px;}
.locations-top .btn-loct2 {top: 257px;left:53%;margin-left:-630px;text-align:right;}
.locations-top .btn-loct3 {top: 313px;left:53%;margin-left:-630px;text-align:right;}
.locations-top .btn-loct4 {top:407px;left:53%;margin-left:-630px;text-align:right;}
.locations-top .btn-loct5 {top: 462px;left: 72%;;margin-left:-630px;;text-align:right;}

.locations-top .btn-loct6 {top: 182px;right: 85%;margin-right:-630px;}
.locations-top .btn-loct7 {top: 222px;right: 85%;margin-right:-752px;}
.locations-top .btn-loct8 {top: 284px;right:85%;margin-right:-630px;}
.locations-top .btn-loct9 {top: 355px;right:85%;margin-right:-630px;}
.locations-top .btn-loct10 {top: 400px;right:85%;margin-right:-630px;}

.locations-top .btn-loct1:before {top:50%;left:0;width: 447px;}
.locations-top .btn-loct2:before {top:50%;left:0;width: 392px;}
.locations-top .btn-loct3:before {top:50%;left:0;width: 386px;}
.locations-top .btn-loct4:before {top:50%;left:0;width: 318px;}
.locations-top .btn-loct5:before {top:50%;left:0;width: 211px;}
.locations-top .btn-loct6:before {top:50%;right:0;width: 352px;}
.locations-top .btn-loct7:before {top:50%;right:0;width: 461px;}
.locations-top .btn-loct8:before {top:50%;right:0;width: 358px;}
.locations-top .btn-loct9:before {top:50%;right:0;width: 361px;}
.locations-top .btn-loct10:before {top:50%;right:0;width: 377px;}

.locations-top .btn-loct1 span:before {top: 50%;left: 447px;;height: 99px;width:1px;}
.locations-top .btn-loct3 span:before {top: 13%;left: 385px;;height: 15px;width:1px;}
.locations-top .btn-loct4 span:before {top: -37px;left: 318px;;height: 58px;width:1px;}
.locations-top .btn-loct5 span:before {top: -170px;left: 210px;;height: 190px;width:1px;} 
.locations-top .btn-loct6 span:before {top: 50%;left: -202px;;height: 57px;width:1px;}
.locations-top .btn-loct7 span:before {top: 50%;left: -189px;;height: 29px;width:1px;}
.locations-top .btn-loct9 span:before {top: -26px;left: -212px;;height: 47px;width:1px;}
.locations-top .btn-loct10 span:before {top: -96px;left: -227px;;height: 116px;width:1px;}

.result_table {padding-bottom:100px;}
.result_table .table{margin-bottom:10px;width:100%;border-collapse:collapse;background-color: #fff;border-top: 2px solid #000000;text-align: center;margin:0;}
.result_table .table td,.table th{margin-left:-1px;padding:14px 9px;border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;border-top:1px solid #e9ecef;word-wrap:break-word;word-break:break-all;word-break:keep-all;color:#666;}
.result_table .table td{padding:11px 9px;}
.result_table .table thead th{background-color:#e8eaef;color:#121212;font-size:16px;border-bottom:1px solid #cac8c7;font-weight:500;}
.result_table .table tbody th{color:#000;font-weight:500;font-size:18px;}
.result_table .table tfoot,.table tfoot th{background:#f3f6fd;font-weight:500;}
.result_table .table .tfoot{background:#f6f9f9;font-weight:500;}
.result_table .table td[rowspan],.table th[rowspan]{border-right:1px solid #d2d2d2;}
.result_table .table td:first-child,.table th:first-child{border-left:none;}
.result_table .table td:last-child,.table th:last-child{border-right:none;}
.result_table .table .table{background-color:#fff;}
.result_table .table .i {display: inline-block;vertical-align: top;border: 1px solid #ebebeb;min-height: 25px;min-width: 40px;margin-right: 8px;}
.result_table .table .i img {display:block;}


/* ******************  회사소개 ********************** */
/* -------- 사업장소개  -------- */
.location_cont02 {width:90%; margin:0 auto;}
.loc-in-cont {height:600px; background-color: #f5f5f5;margin-top:5px;}
.location-address{position:relative;margin-top:-110px;}
.location-address::after{content:"";position:absolute;top:0;left:50%;width:100%;height:100%;background-color:#fff;}
.location-address .inner_w{max-width:1300px;background-color:#fff;margin:0 auto;}
.adr-list{position:relative;max-width:1440px;padding:10px 0 40px;margin:0 auto;z-index:50;}
.adr-list .item{display:flex;padding:70px 0;border-bottom:1px dashed #e5e5e5;}
.adr-list .item:last-child{padding-bottom:0;border-bottom:0;}
.adr-list .loc-left{position:relative;width:27.86%;padding-left:50px;}
.adr-list .loc-left::after{content:"";position:absolute;top:50%;right:0;height:100px;border-right:1px dashed #e5e5e5;transform:translateY(-50%);}
.adr-list .item .title{font-size:26px;line-height:1;}
.en-page .adr-list .item .title{padding-right:10px;}
.adr-list .item .text{margin-top:20px;font-size:18px;color:#444;}
.en-page .adr-list .item .text{padding-right:10px;}
.adr-list .loc-right{display:flex;width:72.14%;padding-left:60px;font-style: normal;}
.en-page .adr-list .loc-right{flex-wrap:wrap;}
.adr-list .detail{position:relative;width:52.25%;font-style: normal;}
.en-page .adr-list .detail{padding-right:15px;}
.adr-list .detail .xi-map-marker {color:#0e72d5;font-size:23px;}
.adr-list .detail span {vertical-align:top;}
.adr-list .item .icon{display:inline-block;position:absolute;top:4px;left:0;font-size:18px;color:#ccc;}
.adr-list .contact{width:47.75%;}
.adr-list .number{position:relative;padding-left:35px;}
.adr-list .number b {margin-right: 7px;font-family: 'Play';}
.adr-list .number:not(:first-child){margin-top:12px;}
.adr-list .tel:hover{text-decoration:underline;}
.adr-list .public-transit{width:72.14%;padding-left:60px;}
.adr-list .inner-item:not(:first-child){margin-top:13px;}
.adr-list .transit-text{display:inline-block;position:relative;min-width:290px;padding-left:20px;font-size:17px;vertical-align:middle;}
.adr-list .transit-text::before{content:"";position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:-2px;border-radius:50%;background-color:#222;}
.adr-list .s-detail{display:inline-block;position:relative;padding-left:22px;margin-left:22px;font-size:16px;vertical-align:middle;}
.adr-list .s-detail::before{content:"";position:absolute;top:50%;left:0;width:2px;height:12px;background-color:#e5e5e5;transform:translateY(-50%);}


/* ******************  연구개발 ********************** */
/* -------- 핵심.혁신 기술 -------- */
.rnd-top {position:relative;width:100%;padding: 50px 0;display: flex;align-items: center;justify-content: space-between;}
.rnd-top .c-tit01 {font-size: 49px;line-height: 49px;font-weight: 500;color:#254d95;}
.rnd-top .txt {font-size: 20px;line-height: 29px;}

.rnd-list {padding-top:30px;}
.rnd-list li {overflow:hidden;width:100%;padding-bottom:70px;}
.rnd-list li:last-child {padding-bottom:0;}
.rnd-list .img {float:left;width: 60%;}
.rnd-list .txtbox {float:left;width: 40%;box-sizing:border-box;padding: 35px 0 0 50px;vertical-align:middle;}
.rnd-list .txtbox .num {font-family:'Play';	font-size: 35px;	letter-spacing: -1px;	color:#2d2d2d;	font-weight: 500;}
.rnd-list .txtbox .num:after {	content:""; display:block; width:1px; height: 24px;	background:#2d2d2d; margin:15px 0;	}
.rnd-list .txtbox .c-tit02 {font-size: 35px;color: #1a8bcf;font-weight: 500;letter-spacing: -1px;}
.rnd-list .txtbox .txt {padding-top: 19px;font-size: 18px;line-height: 27px;}
.rnd-list li:nth-child(2) .img,
.rnd-list li:nth-child(4) .img {float:right;}
.rnd-list li:nth-child(2) .txtbox,
.rnd-list li:nth-child(4) .txtbox {padding-left:0;padding-right:90px;}


/* ******************  연구개발 ********************** */
/* -------- 핵심.혁신 기술 -------- */
.sub-page.company-rnd-cur {padding-bottom:0 !important;}
.company-rnd-cur .section_top {margin: 30px 0 40px;}
.company-rnd-cur .section_top h4 {font-size: 32px;color: #222;font-weight: 500;}
.company-rnd-cur .section_top h4 strong {color:#03569f;font-weight:500}
.company-rnd-cur .section_top h4:after{display:block;content:"";width: 60px;height:1px;background: #999;	margin:30px auto;}
.company-rnd-cur .section_top p {font-size: 25px;line-height: 140%;color: #525252;}
.rnd_cur_cont02 {padding-bottom:80px;}
.rnd_cur_cont02 .container-list-st01 {
  display: flex;
  justify-content: space-between;
}
.rnd_cur_cont02 .container-list-st01>li {
  width:100%;
  background-color: #fff;
  padding: 120px 30px 25px 30px;
  background-repeat: no-repeat;
  background-position: center 38px;
  border-radius: 12px;
  text-align: center;
}
.rnd_cur_cont02 .container-list-st01 .txt01 {
  color: #0c57a5;
  font-size: 22px;
  line-height: 1em;
  margin-bottom: 15px;
  font-weight: 500;
}

.rnd_cur_cont02 .container-list-st01 .txt02 {
  font-size: 18px;
  line-height: 24PX;
  word-break: keep-all;
}


/* ******************  고객지원 ********************** */
/* -------- 온라인문의 -------- */
.company-contact .contents_view_wrap .inner.contact_cont02 {max-width:1300px !important}
.company-contact .sub_stit {font-size:22px;padding-bottom: 90px;margin-top:0px;}


.form_wrap .agree_wrap {margin-bottom:70px;}
.form_wrap .agree_wrap .agree {
	box-sizing:border-box; padding:40px; background:#f9f9f9;
	font-size:16px; line-height:28px; letter-spacing:-0.25px;
	color:#666666; height:300px; overflow-y:scroll;
	}
.form_wrap .agree_wrap .caution {
	font-size:17px; line-height:28px; letter-spacing:-0.25px;
	color:#2d2d2d; border-bottom:1px solid #e5e5e5; padding:35px 0;
	}
.form_wrap .agree_wrap .check_wrap {
	text-align:right; font-size:17px; letter-spacing:-0.25px;
	color:#2d2d2d; margin-top:20px;
	}
.form_wrap table {width:100%; border-top:2px solid #000000;}
.form_wrap table tr th {
	padding:18px 0 15px 40px; width:175px; box-sizing:border-box;
	text-align:left; border-bottom:1px solid #e2e2e2; vertical-align:top;
	font-size:19px; font-weight:500; letter-spacing:-0.25px; color:#2d2d2d;
	}
.form_wrap table tr th span {
	position:relative; 
	font-size:19px; 
	font-weight:500;
	letter-spacing:-0.25px;
	color:#2d2d2d;
	}
.form_wrap table tr th span:after {
	content:"*"; display:inline-block; color:#e80000; margin-left:3px;
	}
.form_wrap table tr td {padding:15px 30px 15px 0; border-bottom:1px solid #e2e2e2; vertical-align:top;}
.form_wrap table tr td select,
	.form_wrap table tr td input[type="text"] {
		height:50px; border:0; border-radius:0; background:#f9f9f9;
		box-sizing:border-box; padding-left:10px; font-size:16px;
		}
.form_wrap table tr td textarea {
	resize:none; width:100%; height:200px; background:#f9f9f9;
	box-sizing:border-box; padding:10px; border:0;
	}
.form_wrap table tr td input[type="file"] {font-size:16px; color:#2d2d2d;}
.form_wrap table tr td #name,
	.form_wrap table tr td #company {width:650px;}
.form_wrap table tr td #title {width:100%;}
.form_wrap table tr td #hp1,
	.form_wrap table tr td #hp2,
		.form_wrap table tr td #hp3 {width:190px;}
.form_wrap table tr td #email1,
	.form_wrap table tr td #email2 {width:190px;}
.form_wrap .btn_wrap {margin-top:50px; text-align:center;}
.form_wrap .btn_wrap .send_btn {
	width:160px; line-height:50px; color:#ffffff; font-size:20px;
	letter-spacing:-0.3px; background:#d51c29; margin-right:15px;
	border:0; font-family:"Noto Sans KR"; border:0;
	}
.form_wrap .btn_wrap .cancel_btn {
	width:160px; line-height:50px; color:#ffffff; font-size:20px; display:inline-block; border:0;
	letter-spacing:-0.3px; background:#bfbfbf; box-sizing:border-box;
	}
.terms__chk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 35px;
}

.terms__chk .chk__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.terms__chk .chk__wrap label {
  color: #666;
  margin-left: 7px;
  cursor: pointer;
}

.terms__chk .terms__btn {
  margin-left: 12px;
  width: 100px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #ddd;
  font-size: 13px;
  font-weight: 500;
  color: #666;
  cursor: pointer;
}

.popup__dim {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 100000;
  opacity: 0;
  display: none;
  cursor: pointer;
}

.terms__popup {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 960px;
  padding: 75px;
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 100001;
  opacity: 0;
  display: none;
}

.terms__popup .popup__close {
  position: absolute;
  right: 0;
  top: -50px;
  cursor: pointer;
  color: #fff;
  font-size: 30px;
}
.terms__popup .popup__close i {
  transition: all 0.3s;
}

.terms__popup .popup__close:hover i {
  transform: rotate(180deg);
}


.terms__popup .txt01 {
  font-size: 25px;
  font-weight: 600;
  line-height: 1em;
  padding-bottom: 12px;
  border-bottom: 1px solid #000;
}

.terms__popup .terms {
  height: 500px;
  overflow-y: scroll;
  padding: 20px 30px;
  background: #f9f9f9;font-size: 16px;line-height: 23px;
}

.btn__single {
  display: flex;
  justify-content: center;
  margin-top: 65px;
}

.contact_cont02 .btn--style01 p {font-size:18px;}


/*add*/
.add-contract {padding-top:50px !important;}
.add-contract .individual ul li,
.add-contract .individual p{line-height:170%;}

.add-contract .individual h3.add_h3 {position: relative;font-weight: 700;font-size: 20px;margin: 50px 0 15px 0;padding-bottom:10px;}
.add-contract .individual h3.add_h3:before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background: #ededed;}
.add-contract .individual h3.add_h3:after {content: '';background:#3495fb;position: absolute;left: 0;bottom: 0;width: 62px;height: 3px;}
.add-contract .individual .txt_cen{text-align:center;}
.add-contract .indiv_tit{border:3px solid #d9dce3;padding:35px;margin-bottom:35px;margin-left:0;}
.add-contract .indiv_tit strong{display:block;font-size:20px;font-weight:600;color:#296fb9;margin-bottom:5px;}
.add-contract .individual .section_box p {margin: 0;padding: 0;word-break:keep-all;word-break: keep-all; margin-left: 18px;}
.add-contract .individual .section_box ul{margin-left:18px;}
.add-contract .individual .indiv_box {background: #f1f1f1;padding: 25px;margin: 15px;}
.add-contract .individual .indiv_box ul li {position: relative;line-height:160%;}
.add-contract .individual .indiv_box ul li:before {content: '';display: inline-block;width: 4px;height: 4px;background: #333;vertical-align: middle;margin-right: 8px;}

.add-contract .individual .indiv_box dl,#contentBody .individual .indiv_box dd{margin:0;}
.add-contract .individual .indiv_box dd>ul{margin-left:15px;}


/*소개영상*/
.pr_item {position: relative;width: 100%;max-width: 100%;box-sizing: border-box;}
.pr_item .img {position: relative;width: 100%;height: 600px;}
.pr_item .img .md_link {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.pr_item .img .md_link:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 1;}
.pr_item .img .md_link .img_p {position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: transform linear 0.3s;}

.pr_item .btn_movie {display: block;position: absolute;width: 80px;height: 80px;border-radius: 50%;box-sizing: border-box;overflow: hidden;outline: none;transition: all 0.4s;cursor: pointer;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;}
.pr_item .btn_movie:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #0073bc;border-radius: 50%;transform: translateX(-100%);transition: all 0.3s;}
.pr_item .btn_movie:after {content: '';position: absolute;left: 50%;top: 50%;width: 0;height: 0;border-width: 13px 0 13px 21px;border-style: solid;border-color: transparent;border-left-color: #fff;transform: translate(-34%,-45%);transition: all 0.4s;}

.pr_item .btn_movie i {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 2px solid #fff;border-radius: 50%;}
.pr_item .img .md_link:hover .img_p {transform: scale(1.2);transition: transform linear 0.3s;}
.pr_item .btn_movie:hover:before {transform: translateX(0px);}

.pr_item .video_txtbox {width: 75%;background: #fff;padding: 5% 3% 5% 5%;}
.pr_item .txt {position: relative;width: 100%;height: 100%;display: block;top: -126px;position: relative;overflow: hidden;z-index: 9;display: flex;flex-direction: row;justify-content: flex-end;align-items: flex-start;}
.pr_item .txt .tit {display: block;color: #0073bc;font-size: 30px;font-weight: bold;line-height: 40px;letter-spacing: -0.5px;word-break: keep-all;}
.pr_item .txt .cont_txt {display: block;margin-top: 25px;font-size: 18px;font-weight: normal;line-height: 32px;letter-spacing: -0.4px; word-break: keep-all;}
.pr_item .txt .cont_txt span {position: relative;display: inline;border-bottom: 1px solid #005a93;color: #005a93;padding: 0 2px;font-weight: 500;}


@media all and (max-width: 768px) {
    .pr_item .txt .video_txtbox{width:100%;padding:5% 0 3%;}
    .pr_item .img{height: 450px;margin-top:25px;}
    .pr_item .img .md_link{height: 450px;overflow: hidden;}
    .pr_item .btn_movie{top: 35%;}
    .pr_item .txt .tit{font-size: 26px;line-height: 1.6;}
    .pr_item .txt .cont_txt{font-size: 15px;line-height: 1.6;}
}

@media all and (max-width: 420px) {
    #content .contents_view_wrap .inner.video {
    	margin-bottom:-100px;
    }
}