/*****  all:: ¹è°æ ¹× ÆùÆ® »ö»ó °øÅëÁöÁ¤ *****/
.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:#111;}
.sub_white p span,
.sub_white p b {color:#000;}
.sub_white strong:before,
.sub_white h5:before {background:#000;}
.sub_white h5.common span{ background-color:#FC671A; color:#fff;}
.sub_all .gray_bg {position:relative;padding:0; }
/*.sub_all .mark_bg {position:relative;padding:20px 0 60px 0;background:url(../../img/mark_bg_w.png) no-repeat bottom -210px right;}*/
.scon_w  dl dt,
.scon_w  dl dt strong {color:#000;}
.scon_w  dl dt strong:before {background:#000;}
.scon_w  dl dd p,
.scon_w  dl dd p strong {color:#000;}
.scon_w ul.list_basics li, 
.scon_w ol.list_no li,
.scon_w ul.list_box li,
.scon_w ul.list_box li,
.scon_w ul.list_basics li span,
.scon_w ol.list_no li span,
.scon_w ol.list_no li,
.scon_w ol.list_no li span {color:#000;}
ul.list_basics li span {font-weight:700;}
.pc_none {display:none;}
 


/*****  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;}


/*****  °øÅë ŸÀÌƲ ¹× ÅؽºÆ® ¸ðÀ½ *****/
.cont_box {width:100%; max-width:1400px; margin:0 auto;}
.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(../../img/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:#FC671A;}
.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:#FC671A; background-image:url(../../img/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:#000; }
@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(../../img/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:#000; 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 #000;   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;  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 #000;  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:#000; 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; 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 .section1 .p_wrap b {position:relative; display:block; font-size:30px; color:#40a8e4; padding:0 0 30px 20px;}
.sub_all .section1 .p_wrap b:before {content: ""; position: absolute; display: block; width: 5px; height: 40%; background: #40a8e4; left: 0; top: 9px;}



 /*  Àλ縻 - µÎ¹ø° ´Ü¶ô */
.sub_all .section2 .inner {position: relative;display:flex;align-items:center;justify-content:center; /*width: calc(100% - 80px);*/ height:800px;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 {width:100%; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align:center;}
.sub_all .section2 .text_wrap h3 {font-size:35px; color:#fff;}
.sub_all .section2 .text_wrap strong.tit {width:100%; display:block; font-size:55px;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; padding-top:100px;}
.sub_all .section2 .text_wrap p:before {content: ""; display: block; position: absolute; width: 48px; height: 3px; background: #fff; top: 50px; left: 50%; transform: translate(-50%, -50%);}
.sub_all .section2 .text_wrap p span{display:block; color:#fff; font-size:25px;}
@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 { width: 100%;padding: 0 10%;}
.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.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:510px;}
}
 
 
 
  
 
/********** 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:1400px; width:100%; margin:0 auto; text-align:center; display:grid; grid-template-columns: 350px 1fr; padding-top:100px;}
.certificate_txt {width:100%; max-width:1400px; margin:0 auto;  display:inline-block;  color:#000; padding:20px 0; text-align:center; border-bottom:1px solid rgba(0,0,0,0.2); border-top:1px solid rgba(0,0,0,0.2);  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 a .pr_img {border: 1px solid #ddd; border-radius: 8px; height:465px; padding:2px; overflow:hidden;}
.certificate ul li a .pr_img img {padding:5px;}

.certificate h3 {text-align:left; font-size:30px; letter-spacing:-1px; font-weight:bold; color:#40a8e4;}
.certificate ul {display:grid; grid-template-columns: 1fr 1fr 1fr; gap:40px;}

.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:16px;}
.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:#000;} 

@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:14px;}
}


/********** 1-2. ȸ»ç PR *********/


.top_box {background:url(../../img/pr_img1.jpg) 0 0px no-repeat; height:600px; }
.top_wrap {width:100%; max-width:1400px; margin:0 auto; height:100%; display: flex; justify-content: flex-end; align-items: center;}
.top_wrap p {background: rgba(255, 255, 255, .9); padding:100px 110px; width:49%; font-size:18px; line-height:1.7; letter-spacing:-1px;} 

.certificate h3.pr_tit {position:relative; padding-left:20px;}
.pr_tit:before {content: ""; position: absolute; display: block; width: 5px; height: 30px; background: #40a8e4; left: 0; top: 9px;}


/********** 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:#000;opacity:0.7;}*/


.location_wrap {padding-bottom:80px;}
.location_wrap h3 {position:relative; font-size:30px; font-weight:bold; letter-spacing:-1px; padding-left:20px; color:#40a8e4; padding-bottom:30px;}
.location_wrap h3:before {content: ""; position: absolute; display: block; width: 5px; height: 30px; background: #40a8e4; left: 0; top: 9px;}
.location_wrap ul {padding:60px 60px 0 60px;font-size:20px;}
.location_wrap ul li p {display:inline-block; width:130px; padding:5px;}


.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_controllers {display:none !important;}

@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;}
}


/******1-3. ºñÀü******/


.vision_wrap .vision_img {text-align:center;}
.vision_txt {max-width:1100px; margin:0 auto; display:grid; grid-template-columns: 1fr 1fr 1fr; gap:60px; padding:40px 0 80px 0;}
.vision_txt h3 {position:relative; font-size:28px; font-weight:bold; letter-spacing:-1px; color:#3e3e3e; padding-bottom:30px;}
.vision_txt h3:before {content: ""; display: block; position: absolute; bottom: 15px; width: 25px; height: 3px; background: #3e3e3e;}


.vision_txt li:nth-child(1) h3:before {content: ""; display: block; position: absolute; bottom: 15px; width: 25px; height: 3px; background: #0263a8;}
.vision_txt li:nth-child(2) h3:before {content: ""; display: block; position: absolute; bottom: 15px; width: 25px; height: 3px; background: #0cbe55;}
.vision_txt li:nth-child(3) h3:before {content: ""; display: block; position: absolute; bottom: 15px; width: 25px; height: 3px; background: #40a8e4;}


.vision_txt li:nth-child(1) h3 {color:#0263a8;}
.vision_txt li:nth-child(2) h3 {color:#0cbe55;}
.vision_txt li:nth-child(3) h3 {color:#40a8e4;}



/*******************************************************************  2. »ç¾÷ºÐ¾ß *********************************************************************/


/* »ç¾÷ºÐ¾ß °øÅë */

.busin_box {display:flex; gap:10%; padding-bottom:80px;}
.busin_box:last-child {padding-bottom:0;}
.busin_box h3 {position:relative; text-align: left; font-size: 30px; letter-spacing: -1px; font-weight: bold; color: #0ab786; padding-left:20px;}
.busin_box h3:before {content: ""; position: absolute; display: block; width: 5px; height: 30px; background: #0ab786; left: 0; top: 9px;}

.busin_back {width: 100vw; margin-left: calc(-50vw + 50%); background:#f1f7f5; padding:120px 0;}
.busin_back .busin_box {width:100%; max-width:1400px; margin:0 auto;}


.busin_length {padding:120px 0 !important; flex-direction: column;}
.busin_length h3 {padding-bottom:40px;}


.wrap_bottom {padding-bottom:120px;}

.w1400 {width:100%; max-width:1400px; margin:0 auto;}
.padding_80 {padding:80px 0;}

/* ESG CLEVER ¹°·ù */

.clever_img {margin:0 auto; width:80%; display:flex; justify-content: space-between; padding:0 50px 120px 50px; gap:80px;}
.clever_txt li {padding-bottom:50px;}
.clever_txt li:last-child {padding-bottom:0;}
.clever_txt p {font-size:24px; font-weight:bold; padding-bottom:4px;}
.clever_txt span {color:#555 !important; line-height:1.75;}

.scope_wrap {display:flex; align-items:center; gap:20px; padding:10px 0;}
.scope_wrap img {width:34px;}




/* ESG ÀÚ¿ø ¼øȯ */

.esg_wrap {position:relative; display:flex; justify-content:space-between; gap:100px; margin:40px 0 80px 0 !important;}
.esg_wrap:before {content: ""; position: absolute; display: block; border:1px solid #f3f3f3; height:100%; left:46%;}
.esg_wrap .esg h3 {color:#01462f;}


.esg .top {display:grid; grid-template-columns: auto 1fr; align-items:center; gap: 30px;}
.esg h3 {font-size:24px; font-weight:bold; padding-bottom:20px;}
.esg i {display:inline-block; width:180px; height:180px; border:1px solid #bccec8; border-radius:180px; padding:30px;}
.esg p {line-height:1.6;}

.esg .bottom {padding-top:40px;}
.esg .bottom p {position:relative; font-size:16px; padding-left:15px; padding-bottom:25px !important;}
.esg .bottom p:before {content: " "; position: absolute; display: block; left: 0; top: 10px; width:4px; height:4px; border-radius:100px; background:#01462f;}


.eco_top {display:flex; gap:40px; padding-bottom:20px;}
.eco_top_img  {max-width:650px; height:300px; overflow:hidden;}


.eco_top ul {padding-top:20px;}
.eco_top ul li {display:flex;}
.eco_top ul li p {min-width:170px; padding-bottom:10px !important; font-weight:bold;}
.eco_top ul li span {color:#808080 !important;}

.eco_bottom {display:flex; gap:20px;}
.eco_bottom .eco_bottom_img {height:300px; overflow:hidden;}
.eco_bottom h2 {font-size:22px; color:#000; font-weight:bold; padding:15px 0;}
.eco_bottom p {font-size:16px; color:#808080;}
.eco_bottom p strong {font-weight:500; color:#3a3a3a;}


.total_wrap {padding:0 !important;}


/* ȯ°æ°ü¸®°ø´Ü SYSTEM »ç¾÷ */

.system-flow {text-align:center; margin-top:-60px;}





/* ½º¸¶Æ® ¹°·ù ¼­ºñ½º */

.smart_wrap {display:flex; justify-content: space-between; /*text-align:center;*/ padding-bottom:20px;}
.smart_wrap li {border:1px solid #ddd; background:#fff; border-radius:5px; padding:50px;}
.smart_wrap li p {padding-bottom:0; font-size:16px;}

.tracking_wrap h2 {font-size:22px; font-weight:600; color:#000; padding-bottom:20px;}
.tracking_wrap p {margin-bottom:30px;}


.font_bold h2 {font-size:28px; font-family: 'GongGothicBold'; color:#000 !important; padding-bottom:20px;}


.certi_wrap {display:flex; gap:40px; padding-top:30px; padding-bottom:120px; align-items: flex-end;}
.certi_wrap h2 {font-size:28px; font-family: 'GongGothicBold'; color:#000 !important; padding-bottom:20px;}
.certi_txt {display:flex; flex-direction: column;}

.certi_wrap div img {width:330px; border:1px solid #ddd; border-radius:4px; padding:20px;}



/* ½º¸¶Æ® ¹°·ù ¼¾ÅÍ */


.busin_center h1 {font-family: 'GongGothicBold'; font-size: 40px; text-align:center; color:#000 !important; padding-bottom:40px;}
.busin_center h1 p {font-family: 'GongGothicLight'; font-size:16px; padding-bottom:5px;}


.swat_wrap {width:70%; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:20px;}
.swat_wrap li {border:1px solid #ddd; background:#fff; padding:50px; border-radius:8px;}
.swat_wrap li p {font-size:22px; font-weight:600; line-height:1.2; color:#0ab786; /*padding-left:20px;*/}
/*.swat_wrap li span {padding-left:20px; display:inline-block;}
.swat_wrap li p:before {content: ""; position: absolute; display: block; width: 4px; height: 50px; background:#0ab786; right: 0; top: 0px;}*/


.flow_wrap {display:flex; justify-content: space-between;}
.flow_wrap li {position:relative; border:1px solid #ddd; border-radius:8px; background:#fff; padding:40px; text-align:center; display:flex; justify-content: center; align-items: center;}
.flow_wrap li:before {content: "¢º"; position: absolute; display: block; color:#000; right: -30px; top: 40%;}
.flow_wrap li:last-child:before {content:none;}

/********** 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_2.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:#737373; 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:#737373; 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; position:relative;  text-align:left; border-bottom:1px solid rgba(0,0,0,0.2);  min-height:120px;}
.pro_txt ul li h4{font-size:18px;  left:0; top:40px; padding:7px 0 10px 0; letter-spacing:-0.03em;  border:2px solid #000; background:url(../../img/arrow_2.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;}
}


/******************************************************************* PRODUCT *********************************************************************/

/* NFC ´Ùȸ¿ë±â */


.lineup_wrap {display:grid; grid-template-columns:1fr 1fr 1fr; gap:30px;}
.lineup_wrap .line_img {border:1px solid #ddd; border-radius:8px; padding:60px; display:flex; height:305px; align-items: center; justify-content: center;}
.lineup_wrap p {text-align:center; padding-top:13px;}


.nfcmulti_flow {display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto; gap:30px;}
.nfcmulti_flow li {border:1px solid #ddd; background:#fff; border-radius:8px; display:flex; align-items: center; justify-content: center; flex-direction: column; text-align:center; padding:30px 0;}
.nfcmulti_flow li p {padding-bottom:0;}
.nfcmulti_flow li h2 {padding:10px 0; font-weight:bold; font-size:20px; color:#000;}
.nfcmulti_flow li span {font-size:14px; font-weight:bold; color:#1d5150;}


.nfcmulti_inner {padding:60px 0;}
.nfcmulti_inner li {border:1px solid #ddd; border-radius:8px; padding:40px 70px;}
.nfcmulti_inner li+li {margin:30px 0;}
.nfcmulti_inner li p {padding:0 0 0 60px;}
.nfcmulti_inner li h3 {font-size:24px; font-weight:600; color:#1d5150;}
.nfcmulti_inner li strong {font-size:40px; padding-right:15px; color:#1d5150;}


.nfcmulti_flow li.back_none {border:none; padding:0; background:none; width:15px;}
.nfcmulti_flow li.back_none p {padding:0;}



/* ½º¸¶Æ® IOT Á¶¸í */







/* DSF L&I NFC */

.lgu_wrap {display:flex; flex-direction:column; align-items:center;}
.lgu_wrap li {display:flex; border:1px solid #ddd;}
.lgu_wrap li:first-child {margin-bottom:50px;}
.lgu_wrap li h3 {font-size:28px; font-weight:bold; padding:70px 0 20px 0; color:#E6007E; line-height:1.2; letter-spacing:-1px;}
.lgu_wrap li .lgu_txt {padding:0 100px;}

.nfcex_wrap h3 {width:270px; position: relative; text-align: left; font-size: 30px; letter-spacing: -1px; font-weight: bold; color: #2668bf; padding-left: 20px;}
.nfcex_wrap h3:before {content: ""; position: absolute; display: block; width: 5px; height: 30px; background: #2668bf; left: 0; top: 9px;}

.nfcex_wrap li {display:flex; gap:130px; padding-bottom:60px;}




.nfcex_wrap .right {display: flex; flex-direction: column; align-items: flex-start;}
.nfcex_wrap .right .nfcex_img {background:#fff; border:1px solid #ddd; border-radius:8px; padding:40px; margin-bottom:30px;}


.nfcex_img_wrap {display:flex; gap:20px;}


.nfcex_wrap .right img {width:90%;}














/******************************************************************* 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;}
}


/* °øÁö»çÇ× */
.board_wrap {padding-bottom:100px;}


/******************************************************************* 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:#FC671A;}
.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;}






























/******************************  ¸ð¹ÙÀÏ  ********************************/




@media screen and (max-width: 767px) {


/******************* ȸ»ç¼Ò°³ *********************/


/*ȸ»ç¼Ò°³ - Àλ縻*/
.sub_all .section1 .p_wrap b {font-size:24px; padding:0 0 20px 16px;}
.sub_all .section1 .p_wrap b:before {width:4px; height:22px;}
.sub_all .conwrap {padding-bottom:0;}


.sub_all .section1 .conwrap .text_wrap p {font-size:16px;}
.sub_all .section1 .conwrap .text_wrap p br {display:none;}
.sub_all .section2 .inner {width:100%; margin-bottom:60px;}


.sub_all .section2 .text_wrap strong.tit {font-size:25px;}
.sub_all .section2 .text_wrap p {padding-top:50px;}
.sub_all .section2 .text_wrap p:before {top:15px;}
.sub_all .section2 .text_wrap p span {font-size:18px; padding-bottom:15px;}


.sub_all .section2 .text_wrap h3 {font-size:26px; font-weight:bold;}


/*ȸ»ç¼Ò°³ - ȸ»ç PR*/
.top_box {height:300px; background-position: 8% 85%;}
.top_wrap {}
.top_wrap p {width:100%; padding:30px; font-size:16px; color:#fff; background:rgba(0,0,0,.8);}
.top_wrap p br {display:none;}

.certificate {padding-top:30px;       grid-template-columns: 1fr;}
.pr_tit:before {width:4px; height:22px;}
.certificate h3 {font-size:24px;}
.certificate h3.pr_tit {padding-left:15px;}


.certificate ul {grid-template-columns: 1fr; gap:0;}
.certificate ul li {width:100%; padding-bottom:20px;}
.certificate ul li a .pr_img {height:640px;}


/*ȸ»ç¼Ò°³ - ºñÀü¸ñÇ¥*/
.vision_txt {grid-template-columns: 1fr; gap:20px;}
.vision_txt h3 {font-size:24px;}
.vision_txt {padding-bottom:40px;}


/*ȸ»ç¼Ò°³ - ¿À½Ã´Â±æ*/
.location_wrap {padding-bottom:40px;}
.location_wrap ul {padding:0; margin-top:30px;}
.location_wrap h3 {font-size:24px; padding-left:15px; padding-bottom:15px;}
.location_wrap h3:before {width:4px; height:22px;}
.location_wrap ul li {display:flex; flex-direction:column;}

.location_wrap ul li p {font-size:16px; padding:0;}
.location_wrap ul li span {font-size:16px;}
.location_wrap ul li:last-child {padding-top:15px;}




/******************* »ç¾÷¿µ¿ª *********************/

/*»ç¾÷¿µ¿ª - ESG CLEVER ¹°·ù*/
.busin_box {flex-direction: column; padding-bottom:30px;}
.busin_box h3 {font-size:24px; padding-left:16px; letter-spacing:-2px; line-height:1.4;}
.busin_box p {font-size:16px; padding-top:20px; padding-bottom:0;}
.busin_box h3:before {width:4px; height:22px;}

.clever_img {padding:0; width:100%; gap:30px;}
.clever_wrap .sub_all .mark_bg {padding-top:0;}
.clever_wrap .busin_back {margin-top:60px; padding:60px 20px 60px 20px;}
.clever_txt li {padding-bottom:0px;}


.scope_wrap {}


/*»ç¾÷¿µ¿ª - ESG ÀÚ¿ø¼øȯ*/
.esg_wrap {margin-top:0 !important; gap:30px;}
.esg_wrap {flex-direction: column; margin-bottom:40px !important;}
.esg_wrap:before {content:none;}
.esg .top {grid-template-columns: 1fr; gap:20px;}
.esg i {width:140px; height:140px;}
.esg h3 {letter-spacing: -2px;}


.esg .bottom {padding-top:0;}
.esg .bottom p {padding-bottom:15px !important;}

.sub_all p {font-size:16px;}

.esg_all .busin_length {padding-top:0px !important;}
.esg_all .busin_length h3 {padding-bottom:20px;}


.esg_all .busin_back {padding:60px 20px; margin-bottom:60px;}

.eco_top {flex-direction: column; gap:0px;}
.eco_top ul {padding-top:0;}
.eco_top ul li {flex-direction: column; gap: 2px;}
.eco_top ul li p {padding:0 !important; margin-top:15px;}
.eco_top_img {max-width:100%; height:100%;}
.eco_top_img img {max-height: 240px; object-fit: cover; width: 100%;}



.eco_bottom {flex-direction: column;}
.eco_bottom h2 {padding-bottom:0; margin-bottom:-10px;}

.eco_bottom_img {max-width:100%; height:100% !important;}
.eco_bottom_img img {max-height: 240px; object-fit: cover; width: 100%;}


.esg_all .busin_length {padding-bottom:60px !important;}


/*»ç¾÷¿µ¿ª - ȯ°æ°ü¸®°ø´Ü SYSTEM »ç¾÷*/
.system_wrap .con_tit p br {display:none;}
.system_wrap .sub_all .inner_s {padding:0;}
.system_wrap .busin_box {padding:0;}
.system_wrap .sub_all .mark_bg {padding:0;}

.system-flow {margin-top:30px;}
.wrap_bottom {padding-bottom:60px;}




/*»ç¾÷¿µ¿ª - ½º¸¶Æ®¹°·ù¼­ºñ½º*/
.smart_tit_wrap p {text-align:left;}
.smart_tit_wrap p br {display:none;}
.tit_mo_br {padding-bottom:15px; display:block;}


.smart_wrap {flex-direction: column; gap: 15px;}
.smart_wrap li {padding:20px;}
.smart_wrap .busin_back {padding:60px 20px;}
.smart_wrap .busin_box p {text-align:left; padding-bottom:25px;}
.smart_wrap .busin_box p br {display:none;}

.smart_wrap .sub_all .inner_s {padding:0;}

.tracking_wrap p {margin-bottom:0;}
.tracking_wrap h2 {padding:20px 0 0 0;}

.font_bold h2 {font-size:24px;}

.cold_img_wrap {padding-bottom:25px;}

.certi_wrap {flex-direction: column; padding:0 0 40px 0; gap:25px; align-items:flex-start;}
.certi_wrap h2 {padding-bottom:0;}










/*»ç¾÷¿µ¿ª - ½º¸¶Æ®¹°·ù¼¾ÅÍ*/
.center_wrap .busin_back {padding:60px 20px;}
.busin_center h1 {font-size:28px; padding-bottom:30px;}
.busin_center h1 p {font-size:14px;}


.swat_wrap {width:100%; grid-template-columns: 1fr;}
.swat_wrap li {padding:35px;}
.flow_wrap li:before {content:"¡å"; right:45%; top:108%;}




.flow_wrap {flex-direction: column; gap:40px;}
.flow_wrap li {padding:20px;}
.nfcmulti_inner li:last-child {margin-bottom:0;}








/* PRODUCT - NFC´Ùȸ¿ë±â */
.nfcmulti_inner li {padding:20px;}
.nfcmulti_inner li strong {font-size:24px;}
.nfcmulti_inner li p {padding:0;}
.nfcmulti_inner li h3 {font-size:20px; padding-bottom:10px;}


.nfcmulti_wrap .busin_back {padding:60px 20px;}


.nfcmulti_flow {grid-template-columns: 1fr 1fr; gap:15px;}
.nfcmulti_flow li.back_none {display:none;}




.lineup_wrap {grid-template-columns: 1fr 1fr; gap:15px;}
.lineup_wrap .line_img {padding:20px; height:125px; overflow:hidden;}








/* PRODUCT - ½º¸¶Æ® IOT Á¶¸í */
.light_wrap .busin_back {padding:60px 20px;}
.nfcex_wrap li {flex-direction: column; gap:20px; padding-bottom:35px;}
.nfcex_wrap .right img {width:100%;}


.nfcex_wrap h3 {font-size:24px; padding-left:16px;}
.nfcex_wrap h3:before {width:4px; height:22px;}








/* PRODUCT - DSF L&I NFC */
.nfc_wrap .busin_back {padding:60px 20px;}
.lgu_wrap li {flex-direction: column;}
.lgu_wrap li:last-child {flex-flow:column-reverse;}
.lgu_wrap li .lgu_txt {padding:0 30px 30px 30px;}
.lgu_wrap li h3 {padding:20px 0;}




.nfcex_wrap .right .nfcex_img {padding:20px; display: flex; align-items: center;}




























.mo_none {display:none;}
.pc_none {display:block;}

.padding_80 {padding:60px 0;}









}