/*****  all:: 배경 및 폰트 색상 공통지정 *****/
/*블루 배경버전 */
.sub_black,
.sub_black .sub_all,
.sub_black .con_tit,
.sub_black .sub_bgcolor {background:#000;}
.sub_black  h3,
.sub_black  h4,
.sub_black  h5,
.sub_black strong,
.sub_black  p strong,
.sub_black .big_txt,
.sub_black li span  {color:#fff;}
.sub_black li span {border-color:#000;}
.sub_black li,
.sub_black p {color:#D4D4D4;}
.sub_black p span,.sub_black p b {color:#fff; font-weight: 500;}
.sub_black strong:before,
.sub_all .sub_black h5:before {background:#fff;}
.sub_black h5.common span{ background-color:#fff; color:#000;}
/* 밝은배경 버전 */
.scon_w {background:#fff;}
.sub_white .con_tit,
.sub_white .sub_bgcolor {background:#eee;}
.sub_white h3,
.sub_white h4,
.sub_white h5,
.sub_white strong,
.sub_white p strong,
.sub_white .big_txt,
.sub_white li span  {color:#000;}
.sub_white li span {border-color:#000;}
.sub_white li,
.sub_white p {color:#515151;}
.sub_white p span,
.sub_white p b {color:#fff; font-weight:000;}
.sub_white strong:before,
.sub_white h5:before {background:#000;}
.sub_white h5.common span{ background-color:#308720; color:#fff;}
.sub_all .gray_bg {position:relative;padding:0; }
.sub_all .mark_bg {position:relative;padding:20px 0 100px 0;background:url('../images/mark_bg_w.png') no-repeat bottom -210px right;}
 
/*****  공통 타이틀 및 텍스트 모음 *****/
.sub_all h4 {font-size:32px; font-weight:600; margin:10px 0 25px 0;  line-height:100%;}
.sub_all h5 {font-size:24px; margin:10px 0 25px 0; position:relative; }
.sub_all h5.check { background:url('../images/icon_check.png')  no-repeat 0 center; padding-left:27px;}
.sub_all h5.line{margin-top:40px; }
.sub_all h5.line:before {content:"";position:absolute;top:0;left:0;width:20px;height:1px;margin-top:-8px; opacity:0.7; background:#308720;}
.sub_all h5.common span{font-size:21px; padding:0px 7px; 2px 7px; line-height:100%;}
.sub_all p {font-size:18px; padding-bottom:20px;}
.sub_all .space {display:block; width:100%; height:40px;}
.sub_all .space_s {display:block; width:100%; height:20px;}
.sub_all .big_txt {font-size:50px; margin-bottom:30px; line-height:110%; font-weight:200;  letter-spacing:-0.03em; }
.sub_all .big_txt b {font-weight:600;}

@media screen and  (max-width:767px) {
.sub_all h4 {font-size:21px; margin:7px 0 20px 0;}
.sub_all h5 {font-size:17px; margin:7px 0 15px 0;}
.sub_all h5.check { background-size:12px;   padding-left:16px;}
.sub_all h5.line{margin-top:30px; }
.sub_all h5.line:before {width:15px;}
.sub_all h5.common span{font-size:16px; padding:3px;}
.sub_all p{font-size:12px; padding-bottom:15px;}
.sub_all .space {height:30px;}
.sub_all .space_s {height:15px;}
.sub_all .big_txt {font-size:30px; margin-bottom:20px; }
}


/***버튼 디자인***/
ul.btn_list {margin:20px 0;}
ul.btn_list li {display:inline; padding:0 2px;}
ul.btn_list .btn {text-align:center;}
ul.btn_list .btn a {padding:10px 40px 10px 20px; border:1px solid rgba(255,255,255,0.3); background-color:#30b7b0; background-image:url('../images/btn_icon1.png'); background-repeat:no-repeat; background-position:right 10px center; background-size:18px;  color:#fff; 
font-size:15px; font-weight:600;  display:inline-block;}
ul.btn_list .btn a:hover,.btn a.current {background-color:#003050; }
@media screen and (max-width:1278px) {
ul.btn_list .btn a {padding:7px 35px 7px 17px; font-size:13px;}
}
@media screen and (max-width:767px) {
ul.btn_list {margin:15px 0;}
ul.btn_list .btn a {padding:5px 30px 5px 15px; background-size:13px;  font-size:12px;}
}
/****pc/모바일 이미지 뷰교체 통이미지**/
.img_w {text-align:center;  max-width:100%; margin:0 auto 30px auto; }
.img_s {display:none;  max-width:100%; margin:0 auto 30px auto; }
@media screen and (max-width:1000px){
.img_w {display:none; }
.img_s {display:block;}
}
 
/*****  공통 리스트 모음*****/
ul.list_basics , 
ol.list_no{width:100%; margin-bottom:30px; display:block; }
ul.list_basics li, 
ol.list_no li,
ul.list_box li{font-family:"Montserrat","Noto Sans KR";  font-size:18px; line-height:140%; padding-bottom:7px; position:relative; }
ul.list_basics li { background:url(../../img/dot_2.png) no-repeat 0 10px; padding-left:10px;} 
ol.list_no li span {border:1px solid; text-align:center; font-weight:900;  font-size:12px; display:block;  width:28px; height:28px; position:absolute; left:0; top:0; }
ol.list_no li {padding-left:40px; padding-bottom:13px; border-bottom:1px solid rgba(144,144,144,0.3);  margin-bottom:13px;}
/*박스형*/
ul.list_box {width:100%;  display:flex;  flex-wrap :wrap;  margin-bottom:40px;}
ul.list_box li {margin:7px 0.5%;   background:#fff; padding:25px; }
ul.list_box li .img_wrap {display:flex; justify-content: space-between;}
ul.list_box li .img_wrap .img {width:25%;}
ul.list_box li .img_wrap .img img {width:100%; height:auto;}
ul.list_box li .img_wrap  dl {width:71%;}
ul.list_box li .bimg_wrap {width:100%;}
ul.list_box li .bimg_wrap .img {width:100%; margin-bottom:20px;}
ul.list_box li .bimg_wrap .img img {width:100%; height:auto;}
ul.list_box ul.btn_list {margin:15px 0; }
ul.list_box ul.btn_list li{padding:0;}
ul.list_box ul.btn_list .btn a {padding:5px 30px 5px 15px; margin:0;background-size:13px;  font-size:12px;}
ul.list_box li dl dt {color:#000; font-size:20px; padding-bottom:15px; font-weight:600;}
ul.list_box li dl dd {font-size:15px; line-height:160%;}
ul.list_box li dl dd ul {width:100%;}
ul.list_box li dl dd ul li {width:100%;  padding:0 0 0 8px;   font-size:13px; line-height:140%; }
ul.list_box li dl dd ul li:before {content:"";position:absolute;top:50%; left:0; display:block; width:3px;height:3px;margin-top:-1px; opacity:0.7; background:#bbb;}
ul.box02 li {width:49%;}
ul.box03 li {width:32.333%;}
ul.box04 li {width:24%;}
@media screen and (max-width:1000px) {
ul.box02 li,
ul.box03 li,
ul.box04 li {width:49%;}
}
 
@media screen and (max-width:767px) {
ul.list_basics li, 
ol.list_no li{font-size:12px;  padding-bottom:10px;   }
ul.list_basics li { background:url('../images/dot_2.png') no-repeat 0 6px; padding-left:8px;} 
ol.list_no li span { width:20px; height:20px;font-size:10px;  }
ol.list_no li {padding-left:30px;margin-bottom:10px; }
ul.list_box {  margin-bottom:40px;}
ul.list_box li {padding:15px; }
ul.list_box li .img_wrap {display:block;}
ul.list_box li .img_wrap .img {width:100%; margin-bottom:10px;}
ul.list_box li .img_wrap  dl {width:100%;}
ul.list_box li dl dt {font-size:15px; padding-bottom:5px;}
ul.list_box li dl dd {font-size:12px;}
ul.box02 li,
ul.box03 li,
ul.box04 li {width:99%;}
}
 
/*******************************************************************1. 회사소개 *********************************************************************/
/*****  1-1. 회사개요 *****/
 /* 설립년도 외 숫자카운트 */
.m_count ul {margin-bottom:50px;}
.m_count ul li {width:31.33%; padding:1%; display:inline-block;}
.m_count ul li dl {text-align:center;}
.m_count ul li dl dt {font-size:22px; padding-bottom:10px;}
.m_count ul li dl dd  {font-size:30px; font-weight:00; }
.m_count ul li dl dd b.counter {color:#fff; font-family:"Montserrat"; font-size:60px;}
@media screen  and (max-width:1279px) {
.m_count ul li dl dt {font-size:15px; }
.m_count ul li dl dd  {font-size:17px; }
.m_count ul li dl dd b.counter {font-size:45px;}
}
@media screen  and (max-width:767px) {
.m_count ul {margin-bottom:30px;}
.m_count ul li dl dt {font-size:12px; }
.m_count ul li dl dd  {font-size:15px; }
.m_count ul li dl dd b.counter {font-size:28px;}
}
 /* 회사개요 - 박스형*/
.info_box  ul {margin-bottom:50px;  width:100%;  display:flex;  flex-wrap :wrap;    border-top:2px solid #fff;   border-left:1px solid rgba(144,144,144,0.5); }
.info_box  ul li {margin:0; position:relative; width:16.66%;  display:inline-block; border-bottom:1px solid rgba(144,144,144,0.5);  }
.info_box  ul li:after {content:"";position:absolute;top:0;right:0;width:1px;height:100%;background-color:rgba(144,144,144,0.4); z-index:1; }
.info_box  ul li dl {text-align:center; padding:92px 0 35px;}
.info_box  ul li dl dt {display:block; padding-bottom:5px; color:#fff; font-weight:600; font-size:16px;}
.info_box  ul li dl dd  {display:block;   font-size:15px; font-family:"Montserrat",'Noto Sans KR';}
.info_box  ul li:nth-child(1) {background:url('../../img/info_icon1.png') no-repeat center 30px; }
.info_box  ul li:nth-child(2) {background:url('../../img/info_icon2.png') no-repeat center 30px; }
.info_box  ul li:nth-child(3) {background:url('../../img/info_icon3.png') no-repeat center 30px; }
.info_box  ul li:nth-child(4) {background:url('../../img/info_icon4.png') no-repeat center 30px; }
.info_box  ul li:nth-child(5) {background:url('../../img/info_icon5.png') no-repeat center 30px; }
.info_box  ul li:nth-child(6) {background:url('../../img/info_icon6.png') no-repeat center 30px; }
 
@media screen  and (max-width:1279px){ 
.info_box  ul li {width:33.33%;}
.info_box  ul li dl {padding:92px 0 35px;}
.info_box  ul li dl dt {font-size:16px;}
.info_box  ul li dl dd  { font-size:15px;}
}
 
@media screen  and (max-width:767px){ 
.info_box  ul {margin-bottom:30px;}
.info_box  ul li {width:50%;}
.info_box  ul li dl {padding:92px 0 35px;}
.info_box  ul li dl dt {font-size:13px;}
.info_box  ul li dl dd  { font-size:12px;}
.info_box  ul li:all-child(all) {background-size:10px; }
}
 /* 회사개요 - 리스트형*/
.info_list  ul {margin-bottom:50px; width:100%;  border-top:2px solid #fff;  display:flex;  flex-wrap :wrap;  justify-content: space-between;  }
.info_list  ul li {  margin:0 1%;   width:48%;   padding:25px 0;  border-bottom:1px solid rgba(144,144,144,0.5);  }
.info_list  ul li dl {text-align:left;}
.info_list  ul li dl dt {width:20%; float:left;  color:#fff; font-weight:600; font-size:18px;   }
.info_list  ul li dl dd  {width:80%; float:left;  font-size:18px;}
@media screen  and (max-width:1279px) {
.info_list  ul li dl dt {font-size:15px;}
.info_list  ul li dl dd  {font-size:15px;}
}
@media screen  and (max-width:767px) {
.info_list  ul {margin-bottom:30px; }
.info_list  ul li { width:98%; }
.info_list  ul li dl dt {font-size:12px;   }
.info_list  ul li dl dd  {font-size:12px;}
}


/*****  1-2. 인사말 *****/
/*  인사말 - 첫번째 단락 */
.sub_all .section1  .conwrap {display: flex;}
.sub_all .section1 .conwrap>div {width: 50%;}
.sub_all .section1 .conwrap .text_wrap {text-align:left; padding:30px 3%; word-break: keep-all;}
.sub_all .section1 .conwrap .text_wrap * {letter-spacing:-0.025em;}
.sub_all .section1 .conwrap .text_wrap strong {display: block;font-size:48px;font-weight:200;  line-height: 1.2; text-align:center; margin-bottom:40px;}
.sub_all .section1 .conwrap .text_wrap strong:after {content:"";display: block;width: 60px;height: 1px;background: #eee;margin:34px auto 31px;}
.sub_all .section1 .conwrap .text_wrap p {font-size: 17px;font-weight: 300;line-height: 1.7;}
.sub_all .section1 .conwrap .text_wrap p b{font-size:23px;}
.sub_all .section1 .conwrap .text_wrap p.ceo {margin-top:54px;}
.sub_all .section1 .conwrap .text_wrap p.ceo img {margin-left:8px;}
.sub_all .section1 .conwrap .img_wrap { padding:10px 3%; text-align:center;}

 /*  인사말 - 두번째 단락 */
.sub_all .section2 .inner {position: relative;display:flex;align-items:center;justify-content:center;width: calc(100% - 80px);height:860px;margin: 0 auto; padding:0; max-width:100%; overflow: hidden; background:#eee;}
.sub_all .section2 .inner .bg {width: 100%;height: 100%;background:url(../../img/ceo_text_bg.jpg) no-repeat center / cover;}
.sub_all .section2 .text_wrap {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);   width: 100%;padding: 0 2%;text-align:center; }
.sub_all .section2 .text_wrap strong.tit {display:block;font-family:"Montserrat";font-size:60px;font-weight:100;letter-spacing:-0.025em;color:#fff;text-transform:uppercase;}
.sub_all .section2 .text_wrap span.sub_tit {display: block;text-align: center;font-size:40px;font-weight: 300;color: #fff;letter-spacing:-0.025em; word-break: keep-all;}
.sub_all .section2 .text_wrap p {position: relative;  opacity:0.8;margin: 29px 0 0;  }
.sub_all .section2 .text_wrap p span{display:inline-block; font-weight:300; padding:0 5px; margin:5px 0; letter-spacing:-0.025em;color:#fff;  background:#000;}

@media screen and (max-width:1279px){
.sub_all section .conwrap {width: calc(100% - 20px);}
.sub_all .section1 {margin-bottom: 10px;}
.sub_all .section1 .conwrap {flex-wrap: wrap;}
.sub_all .section1 .conwrap>div {width: 100%;}
.sub_all .section1 .conwrap .text_wrap { order: 2;  padding:30px 0%; }
.sub_all .section1 .conwrap .img_wrap {order: 1; padding:0%;}
.sub_all .section2 .inner {width: calc(100% - 20px); }
.sub_all .section2 .text_wrap strong {margin-bottom:10px;}
.sub_all .section2 .text_wrap strong.tit {font-size: 37px;}
.sub_all .section2 .text_wrap span.sub_tit {font-size: 28px;word-break: keep-all; }
.sub_all .section2 .text_wrap p {margin: 25px 0 0; word-break: keep-all; }
}

@media screen and (max-width:767px){
.sub_all .section1 .conwrap .text_wrap strong {font-size: 31px; }
.sub_all .section1 .conwrap .text_wrap strong:after {width: 42px;margin: 25px auto 31px;}
.sub_all .section1 .conwrap .text_wrap p b{font-size:17px;}
.sub_all .section1 .conwrap .text_wrap p {font-size:12px;}
.sub_all .section1 .conwrap .text_wrap p.ceo {margin-top:40px;}
.sub_all .section1 .conwrap .img_wrap {order: 1;}
.sub_all .section1 .conwrap .text_wrap p.ceo img {width:70px;}
.sub_all .section2 .text_wrap strong.tit {font-size: 31px;}
.sub_all .section2 .text_wrap span.sub_tit {font-size: 25px; }
.sub_all .section2 .inner {width: calc(100% - 20px); height:600px;}
}
 
 
/********** 1-3. 연혁*********/
.history #section0 .inner{max-width:1300px; width: calc(100% - 30px); margin:0 auto; overflow:hidden;}
.history #section0{width:100%}
.history #section0 .inner .history_box .list_box .now_box{position:relative;padding:20px 0 90px; width:200px; margin:0 auto;}
.history #section0 .inner .history_box .list_box .now_box>img{position:relative;z-index:2;  }
.history #section0 .inner .history_box .list_box .now_box .mo {display:none;}
.history #section0 .inner .history_box .list_box .now_box:after{content:'';display:block;position:absolute;top:220px;left:100px;width:1px;height:9999px; background:url(../../img/dot_11.png) 0 0 repeat-y;z-index:1}
.history #section0 .inner .history_box .list_box .history_list{position:relative;padding-bottom:100px;border-bottom:1px solid #fff;z-index:3; }
.history #section0 .inner .history_box .list_box .history_list li dl{position:relative}
.history #section0 .inner .history_box .list_box .history_list li dl dt{padding-bottom:15px;font-size:60px;  color:#000; font-family:"Montserrat","Noto Sans KR"; }
.history #section0 .inner .history_box .list_box .history_list li dl dd{position:relative;padding:0 0 6px 12px;font-size:17px;line-height:22px; display:block; width:100%; }
.history #section0 .inner .history_box .list_box .history_list li dl img {width:100%;}
.history #section0 .inner .history_box .list_box .history_list li dl dd:after{content:'';display:block;position:absolute;top:11.5px;left:0;width:3px;height:3px;background:#000;}
.history #section0 .inner .history_box .list_box .history_list li dl dd.img {margin-top:20px;padding:0}
.history #section0 .inner .history_box .list_box .history_list li dl dd.img:after{display:none}
.history #section0 .inner .history_box .list_box .history_list li:first-child{margin-top:0 !important}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even){margin:-130px 0 0 50%}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl{padding-left:130px;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl:after{content:'';display:block;width:127px;height:13px;position:absolute;top:15px;left:-4px;background:url(../../img/list_line_right.png) 0 0 no-repeat}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd){margin:-130px 48.2% 0 0;text-align:right;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl{padding-right:130px}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl:after{content:'';display:block;width:128px;height:13px;position:absolute;top:15px;right:0px;background:url(../../img/list_line_left.png) 0 0 no-repeat}
@media screen and (min-width:768px) {
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl dd:after{left:auto; right:0;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl dd{display:inline-block;clear:right; padding:0 12px 6px 0;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl dd.img {margin-top:20px; padding:0}
}
@media screen and (max-width:767px) {
.history #section0 .inner{max-width:600px;}
.history_list {padding-left:6px;}
.history #section0 .inner .history_box .list_box .now_box{ margin:0; text-align:left; width:300px; }
.history #section0 .inner .history_box .list_box .now_box .mo {display:block;}
.history #section0 .inner .history_box .list_box .now_box .pc {display:none;}
.history #section0 .inner .history_box .list_box .now_box img{position:relative;z-index:2; width:230px; }
.history #section0 .inner .history_box .list_box .now_box:after{top:38px;left:6px;}
.history #section0 .inner .history_box .list_box .history_list li dl dt{padding:0 0 10px 10px;font-size:27px;}
.history #section0 .inner .history_box .list_box .history_list li dl dd{position:relative;padding:0 0 6px 20px;font-size:13px;}
.history #section0 .inner .history_box .list_box .history_list li dl dd.img {margin:5px 0 25px 0;padding:0}
.history #section0 .inner .history_box .list_box .history_list li dl dd:after{ top:10px;left:12px;}
.history #section0 .inner .history_box .list_box .history_list li dl dd.img{ padding:10px;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even){margin:0}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl{padding:0}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl:after,
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl:after{left:-3px; height:20px; background:url(../../img/dot_c.png) 0 0px no-repeat; background-size:7px;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd){margin:0;text-align:left; }
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl{padding:0px}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl dd{display:inline-block;clear:left}
}
/********** 1-4. 인증서*********/
.certificate {max-width:1300px; width:94%; margin:0 auto; text-align:center; }
.certificate_txt {width:100%; max-width:1254px; margin:0 auto;  display:inline-block;  color:#fff; padding:20px 0; text-align:center; border-bottom:1px solid rgba(255,255,255,0.4); border-top:1px solid rgba(255,255,255,0.4);  font-size:15px; }
.certificate ul {max-width:1300px; margin:40px auto; text-align:center;}
.certificate ul li {display:inline-block; width:21%; float:left; vertical-align:top; margin:20px 2%;   }
.certificate ul li img {width:100%;  }
.certificate ul li a,.certificate ul li a p {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.certificate ul li p  {display:block;  padding-top:15px; line-height:120%; text-align:center;  font-size:17px;}
.certificate ul li p  span {display:block; line-height:120%; padding:5px 0 15px 0; font-size:12px; }
.certificate ul li a:hover p,
.certificate ul li a:hover p span  {color:#fff;} 
@media screen and (max-width:767px) {
.certificate_txt {  padding:10px 0; font-size:12px; }
.certificate ul { margin:20px auto;}
.certificate ul li {width:46%;}
.certificate ul li p  { font-size:13px;}
}

/********** 1-6. 오시는길*********/
.location {width:100%; padding-bottom:70px;}
.location dl:after {content:"";display:block;clear:both;} 
.location dl dt { width:60%; float:right;}
.location dl dt iframe  {width:100%; height:600px; border-radius:20px 0 0 20px; }  
.location dl dd {width:35%; float:left;padding:0 2% 0 5%; }
.location dl dd ul li {font-size:21px;  margin-bottom:60px; font-family:"Montserrat","Noto Sans KR";  position:relative;}
.location dl dd ul li strong{font-size:35px; display:block; padding-bottom:5px;  font-family:"Montserrat","Noto Sans KR"; }
.location dl dd ul li strong:before {content:"";position:absolute;top:0;left:0;width:20px;height:1px;margin-top: -8px;background:#fff;opacity:0.7;}
@media screen and (max-width:1279px) {
.location dl dd ul li {font-size:17px; }
.location dl dd ul li strong{font-size:27px;}
}
@media screen and (max-width:767px) {
.location dl dt { width:95%; display:block;}
.location dl dt iframe  {height:300px;}  
.location dl dd {width:94%; display:block; padding:40px 0 0 6%;}
.location dl dd ul li {font-size:15px;  margin-bottom:30px; }
.location dl dd ul li strong{font-size:20px;}
.location dl dd ul li strong:before {width:15px;}
}


/*******************************************************************  2. 사업분야 *********************************************************************/
/********** 2-1. 사업분야1*********/
.sub_all .gray_bg .business1 {display:flex;flex-wrap:wrap;justify-content: space-between;counter-reset: section;}
.sub_all .gray_bg .business1 li {width: 44.2%;}
.sub_all .gray_bg .business1 li:nth-child(odd) {margin-top: 190px;}
.sub_all .gray_bg .business1 li .img_wrap {position:relative;overflow:hidden;}
.sub_all .gray_bg .business1 li .img_wrap img {width:100%;}
.sub_all .gray_bg .business1 li .text_wrap {text-align:center;margin-top:44px;}
.sub_all .gray_bg .business1 li .text_wrap strong {font-family:"Montserrat","Noto Sans KR"; font-size:54px;font-weight: 200;letter-spacing:-0.025em; text-transform:uppercase;}
.sub_all .gray_bg .business1 li .text_wrap p {font-size:17px;font-weight:300;line-height:1.7;letter-spacing:-0.025em; margin-top:15px;}
@media screen and (max-width:1200px){
.sub_all .gray_bg .business1 li .text_wrap strong {font-size:45px;}
.sub_all .gray_bg .business1 li .text_wrap p {font-size:15px;}
}
@media screen and (max-width:767px){
.sub_all .mark_bg {position:relative;padding:20px 0 100px 0;background:url(../../img/mark_bg_w.png) no-repeat bottom -60px right; background-size:320px;}
.sub_all .gray_bg .business1 li {width: 100%; margin-bottom:60px; }
.sub_all .gray_bg .business1 li:nth-child(odd) {margin-top:0px;}
.sub_all .gray_bg .business1 li .text_wrap {margin-top: 24px;}
.sub_all .gray_bg .business1 li .text_wrap strong {font-size: 30px;}
.sub_all .gray_bg .business1 li .text_wrap p {font-size: 12px;margin-top: 10px;word-break: keep-all;}
}

/************* 2-2 사업분야2*************/
.sub_all .gray_bg .business2 {display:flex;flex-wrap:wrap;justify-content: space-between;counter-reset: section; }
.sub_all .gray_bg .business2 li {width: 100%; margin-bottom:70px;  padding-bottom:70px;  border-bottom:1px solid rgba(144,144,144,0.3); }
.sub_all .gray_bg .business2 li li {border:none;}
.sub_all .gray_bg .business2 li .img_wrap {position:relative;overflow:hidden; width:46%; float:left;}
.sub_all .gray_bg .business2 li .img_wrap img {width:100%;}
.sub_all .gray_bg .business2 li .text_wrap {text-align:left; margin-top:50px; width:50%; float:right;}
.sub_all .gray_bg .business2 li .text_wrap strong {font-family:"Montserrat","Noto Sans KR"; font-size:54px;font-weight: 200;letter-spacing:-0.025em; ;text-transform:uppercase;}
.sub_all .gray_bg .business2 li .text_wrap p {font-size:17px;font-weight:300;line-height:1.7;letter-spacing:-0.025em;  margin-top:15px;}
.sub_all .gray_bg .business2 li:nth-child(odd) .img_wrap {float:right;}
.sub_all .gray_bg .business2 li:nth-child(odd) .text_wrap { float:left;}
.sub_all .gray_bg .business2 li:nth-child(odd)  .text_wrap {text-align:right;}
@media screen and (max-width:1200px){
.sub_all .gray_bg .business2 li .text_wrap {margin-top:0px;}
.sub_all .gray_bg .business2 li .text_wrap strong {font-size:45px;}
.sub_all .gray_bg .business2 li .text_wrap p {font-size:15px;}
}
@media screen and (max-width:767px){
.sub_all .gray_bg .business2 li {margin-bottom:30px;  padding-bottom:30px;}
.sub_all .gray_bg .business2 li .img_wrap {width:100%;}
.sub_all .gray_bg .business2 li .text_wrap {margin-top:50px; width:100%;}
.sub_all .gray_bg .business2 li .text_wrap {margin-top:25px;}
.sub_all .gray_bg .business2 li .text_wrap strong {font-size: 30px;}
.sub_all .gray_bg .business2 li .text_wrap p {font-size: 12px;margin-top: 10px;word-break: keep-all;}
}
 
 
/******************* 2-3 사업분야3 (화이트 / 블랙 구간 교체 스타일) *************************/
.wb_cross { position:relative; width:100%;}
.wb_cross dl {padding:110px 0; width:90%; max-width:1400px; margin:0 auto;}
.wb_cross dl:after {content:"";display:block;clear:both;}
.wb_cross dl dt {width:20%; float:left;  }
.wb_cross dl dt strong {position:relative; font-size:30px;   font-weight:900;}
.wb_cross dl dt strong:before {content:"";position:absolute;bottom:0;right:0; border-radius:50%;width:7px;height:7px;  margin:0 -13px 7px 0;}
.wb_cross dl dd {width:75%; float:right; text-align:left; padding:0;  }
.wb_cross dl dd p {font-family:"Montserrat","Noto Sans KR";  font-size:17px; line-height:160%; padding-bottom:20px; }
.wb_cross dl dd p strong {font-family:"Montserrat","Noto Sans KR"; font-size:22px; line-height:160%;  display:block; padding-bottom:10px;}
@media screen and (max-width:767px) {
.wb_cross dl {padding:70px 0;}
.wb_cross dl dt  {width:100%; padding-bottom:40px; }
.wb_cross dl dt strong {font-size:25px;}
.wb_cross dl dt strong:before {width:5px;height:5px;}
.wb_cross dl dd   {width:100%;  }
.wb_cross dl dd p {font-size:13px; padding-bottom:15px; }
.wb_cross dl dd p strong {font-size:17px; padding-bottom:7px;}
}
 

/*********** 2-4 사업분야4 //절차와 설명 **************/
.process {width:100%;;}
.process ul{max-width:1100px; margin:0 auto;}
.process ul li {float:left; padding-right:40px; margin-right:15px; background:url(../../img/arrow.png) no-repeat right 40px; text-align:center; margin-bottom:30px;}
.process ul li:last-child {padding:0; margin:0; background:none;}
.process ul li .pro_img { z-index:-1; isplay:inline-block;  width:130px; height:130px; text-align:center; background:#308720; /*원형 색상 지정*/  border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; }
.process ul li .pro_img img {padding-top:27%;}
.process ul li p {font-size:17px;  line-height:120%; padding-top:10px;  width:130px; }
.process ul li p span {font-size:30px; line-height:140%; color:#E4E4E4; display:block; font-family:"Montserrat","Noto Sans KR"; font-weight:200; }
@media screen and  (max-width:1200px) {
.process ul{max-width:930px;}
.process ul li {padding-right:35px; margin-right:10px; background-position:right 32px;}
.process ul li .pro_img {width:110px; height:110px;}
.process ul li .pro_img img {width:50px;}
.process ul li p {font-size:14px;  width:110px; }
.process ul li p span {font-size:25px; }
}
@media screen and  (max-width:1000px) {
.process ul{max-width:470px;}
}
@media screen and  (max-width:600px) {
.process ul{max-width:300px;}
.process ul li {padding-right:22px; margin-right:7px; background-size:15px; background-position:right 20px;}
.process ul li .pro_img {width:70px; height:70px;}
.process ul li .pro_img img {width:30px;}
.process ul li p {font-size:11px; width:70px; }
.process ul li p span {font-size:15px;}
}
/* 하단 설명부분 */
.pro_txt { max-width:1300px; width:90%; margin:0 auto; padding:20px 0 120px 0;}
.pro_txt ul li {padding:40px 0 30px 250px;   text-align:left; border-bottom:1px solid rgba(255,255,255,0.3);  min-height:120px; position:relative; }
.pro_txt ul li h4{font-size:18px;  left:0; top:40px; padding:7px 0 10px 0; letter-spacing:-0.03em; 
 border:2px solid #fff; background:url(../../img/arrow_3.png) no-repeat 10px center; position:absolute; text-align:center; width:220px;  display:block; }
.pro_txt ul li p {font-size:15px;} 
.pro_txt ul li p span{font-size:15px; font-weight:bold; }
@media screen and  (max-width:767px) {
.pro_txt { padding:10px 0 60px 0;}
.pro_txt ul li h4{font-size:16px; padding:5px 0;  background-size:5px; width:100%; position:relative; top:0; margin-bottom:10px;}
.pro_txt ul li {padding-left:0; padding:20px 0;} 
.pro_txt ul li p,
.pro_txt ul li p span{font-size:12px;} 
}
 
/*********** 2-5. 홍보영상 ************/
.movie {width:100%; text-align:center; padding:30px 0 200px 0;}
.movie iframe {border:15px solid #fff; width:94%; height:640px; max-width:1100px; margin:0 auto; }
@media screen and (max-width:1000px) {
.movie {padding-bottom:100px;}
.movie iframe {border:7px solid #fff;  height:220px; margin:0 auto;}
}


/******************************************************************* 4. 인재채용*********************************************************************/
/********* 4-1. 채용안내*********/
/* 채용안내 - 인재상 */
.circle_box { position:relative; width:100%; }
.circle_box ul {max-width:1400px; margin:0 auto;   margin-bottom:50px; }
.circle_box ul li {width:30.333%; margin:0 1.5%; float:left;}
.circle_box ul:after {content:"";display:block;clear:both;}
.circle_box ul li dl {padding:20px;}
.circle_box ul li h5 {padding:20px 0 15px; border-bottom:1px solid rgba(158,158,158,0.3);  font-weight:600; }
.circle_box ul li p { font-size:15px;  }
.circle_box ul li dt {width:100%; text-align:center;}
.circle_box ul li dd {width:100%;}
.circle_box ul li dt img {width:100%; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
@media screen and (max-width:1279px) {
.circle_box ul li {width:33.333%; margin:0%;}
.circle_box ul li h4 {font-size:21px; }
.circle_box ul li p {font-size:13px;}
}
@media screen and (max-width:767px) {
.circle_box  {max-width:700px; margin:0 auto;}
.circle_box ul li {width:100%; padding:10px 0;}
.circle_box ul li dt img {max-width:350px;}
}
/* 채용안내 - 복리후생 */
.recruit {display:flex;flex-wrap:wrap;justify-content: space-between;counter-reset: section;}
.recruit li {width:100%; margin-bottom:70px; padding-bottom:70px; border-bottom:1px solid rgba(158,158,158,0.3); }
.recruit li .img_wrap {position:relative;overflow:hidden; width:40%; float:left;}
.recruit li .img_wrap img {width:100%;}
.recruit li .text_wrap {text-align:left; margin-top:30px; width:56%; float:right;}
.recruit li .text_wrap strong {font-size:21px; margin-bottom:5px; font-weight:600;letter-spacing:-0.025em; margin-text-transform:uppercase;}
.recruit li .text_wrap p {font-size:17px;font-weight:300;line-height:1.7;letter-spacing:-0.025em;  margin-bottom:15px; }
.recruit li:nth-child(odd) .img_wrap {float:right;}
.recruit li:nth-child(odd) .text_wrap { float:left;}
.recruit li:nth-child(odd)  .text_wrap {text-align:right;}
@media screen and (max-width:1279px){
.recruit li .text_wrap {  margin-top:0px;}
}
@media screen and (max-width:767px){
.recruit li {margin-bottom:40px; padding-bottom:40px;}
.recruit li .img_wrap {width:100%;}
.recruit li .text_wrap {margin-top:30px; width:100%;}
.recruit li .text_wrap strong {font-size:15px; margin-bottom:0; }
.recruit li .text_wrap p {font-size: 12px;margin-top: 10px;word-break: keep-all;}
.recruit li:nth-child(odd)  .text_wrap {text-align:left;}
}
/* 채용안내 - 모집분야 */
/* 테이블 */
.tstyle_common thead th,
.tstyle_02 tr th{background-color:#3B3B3B;  font-weight:500; color:#fff;}
.tstyle_common td span {color:#fff; }
.tstyle_common{ margin:10px auto 40px auto;}
.tstyle_common thead th{ padding:15px;  font-size:15px; text-align:center; }
.tstyle_common tbody th{text-align:center; font-size:15px;  border-left:1px solid rgba(158,158,158,0.3); border-bottom:1px solid rgba(158,158,158,0.3);   background:#eee; color:#000; font-weight:600; border-right:1px solid rgba(158,158,158,0.3);  }
.tstyle_common td{background:#fff; color:#3B3B3B; padding:15px;  font-size:14px; border-bottom:1px solid rgba(158,158,158,0.3);  border-right:1px solid rgba(158,158,158,0.3);text-align:left;  }
.tstyle_common td span {font-size:14px; font-weight:600; color:#000;}
.tstyle_common caption {font-size:0; line-height:0;}
.tstyle_common .fC {text-align:center;}
.tstyle_common .fR {text-align:right;}
@media screen and (max-width:1000px) {
.tstyle_common thead th{padding:10px 5px; font-size:13px;}
.tstyle_common tr th{ font-size:13px;  }
.tstyle_common td{ padding:10px 5px;  font-size:11px;}
.tstyle_common td span {  font-size:11px;}
}
/*****  4-3. 채용접수 (폼메일 1 - 상단 간략 설명글 들어가는 부분) *****/
.form_con {position:relative;  margin-bottom:40px;   width:100%;   background:#E4E4E4;  }
.form_con section{padding:30px; }
@media screen and  (max-width:1000px) {
.form_con section{ padding:20px;}
}


/******************************************************************* 5. 고객센터*********************************************************************/
/********* 5-4. FAQ*********/
/* 떨어지는 레이어*/
.faq_box {border-bottom:1px solid #3264AD;  padding:0 30px; cursor:pointer;}
.faq_box .qustion {position:relative; padding:25px 0;}
.faq_box .qustion a {display:block; position:relative;font-size:21px;color:#000; letter-spacing:-0.04em; line-height:140%;  font-weight:600; }
.faq_box .qustion a span.icon_q {vertical-align:top; margin-right:8px;  display:inline-block; width:25px; text-align:center; height:25px; line-height:20px; border-radius:3px; }
.faq_box .qustion a span.icon_q img {width:15px;  vertical-align:middle; }
.faq_box.on {background:#308720;}
.faq_box.on .qustion a span.icon_q { background:#fff;}
.faq_box.on .qustion a { display:block;position:relative;font-size:19px; color:#fff; padding-bottom:8px;}
.faq_box .answer {background:url(../../img/icon_a.png) no-repeat right bottom;  display:none;padding:0 0px 25px 0px;    }
.faq_box .answer p {font-size:15px; line-height:160%; padding-bottom:7px; color:#fff; opacity:0.8;}
.faq_box .answer h4 {font-size:18px; color:#fff; padding:10px 0 0 0;  }
.faq_box .answer ul {background-color:rgba(255,255,255,0.2); padding:15px; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius:10px; margin-bottom:20px; }
.faq_box .answer ul li {border:none; padding:12px 0 10px 10px;font-size:15px;  margin-top:0px; background:url(../../img/dot_1.gif) no-repeat 0 19px; color:#fff; opacity:0.8; border-bottom:1px solid rgba(255,255,255,0.3);  } 
.faq_box .answer ul li:last-child {  border-bottom:none;} 
@media screen and (max-width:1000px) {
.faq_box {padding:10px 10px 0 10px;}
.faq_box .qustion a {font-size:15px; }
.faq_box .qustion a span.icon_q {width:22px; height:22px;}
.faq_box.on .qustion a {font-size:15px;}
.faq_box .answer {  display:none;padding:15px 0px; }
.faq_box .answer p {font-size:11px;line-height:140%;}
.faq_box .answer h4 {  font-size:15px; }
.faq_box .answer ul {padding:10px; margin-bottom:10px; }
.faq_box .answer ul li {padding:12px 0 10px 10px;font-size:11px;} 
}
 
/***** 5-5. 고객센터-일대일문의 *****/
.img_form {width:100%; background:url(../../img/contact.jpg) no-repeat 0 center / 50%; }
.img_form:after {content:"";display:block;clear:both;}
.img_form .tit {width:50%;  float:left;  text-align:center;}
.img_form .tit  h4 {color:#fff;    font-size:40px; padding-top:45%;  background:none; }
.img_form .tit  p {color:#fff; padding-top:20px; font-size:18px;   }
.img_form .img_form_con {width:50%;  float:right;   background:#fff; }
.img_form .img_form_con section{padding:70px;}
@media screen and (max-width:767px) {
.img_form .tit {width:100%; display:block; background:url(../../img/contact.jpg) no-repeat 0 center /  100%; padding:60px 20px; }
.img_form .tit  h4 { font-size:20px;   padding-top:0; }
.img_form .tit  p { padding-top:10px; font-size:13px;}
.img_form .img_form_con {width:100%;   display:block; }
.img_form .img_form_con section{padding:20px; display:block;}
}