/* pc 모바일 노출 */

.desktop{
    display: inherit;
}
.mobile{
    display: none;
}
@media (max-width: 1120px) {
    
    .desktop{
        display: none;
    }
    .mobile{
        display: inherit;
    }
}

body{border-right:6px solid #109016;}
#sub{position:relative;}
.seo{font-size:0;line-height:0;padding:0;margin:0;color:transparent;}

/* 버튼 */
.btn{font-size:0;line-height:42px;position:relative;width:169px;height:42px;padding-left:20px;}
.btn.down:after{position:absolute;top:14px;right:19px;width:12px;height:15px;content:'';background:url(../images/common/down.png) repeat-y center;}
.btn.plus:after{position:absolute;top:14px;right:19px;width:15px;height:15px;content: '';background: url(../images/service/icon_plus_wht.png) no-repeat 98% center;}
.btn.mail:after{position:absolute;top:14px;right:19px;width:13px;height:10px;content: '';background: url(../images/service/icon_mail_gry.png) no-repeat 98% center;}
.btn.org{background-color:#ff500b;}
.btn.org_light{background-color:#ff500b;}
.btn.green{background-color:#109016;}
.btn.gry{color:#b9bbbf; border: 1px solid #b9bbbf;}

@keyframes orgColor{
	50%{background-color:#58585a;}
	100%{background-color:#ff500b;}
}
.btn.radius{border-radius:100px 100px;}
.btn.org.radius span{font-size:16px;line-height:1.2;vertical-align:middle;color:#fff;}
.btn.gry.radius span{font-size: 14px;line-height: 37px;vertical-align: top;color: #fff;}

/* 제목 */
.page h2{color:#000;}
.sect_tit{font-family: "OpenSans";font-size:58px;text-align: center;text-transform: uppercase; font-weight: 900}
.desc_tit{font-family: 'Noto Sans Korean', sans-serif;font-weight: bold;font-size:26px;line-height:1.5;margin-top:25px; color: #000}
.desc_tit span {color: #109016}
.col_tit{font-family:TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;font-size:45px;margin-top:45px;color:#ff500b;}
.ple_tit{font-size: 26px;color:#fff;display: block; font-weight: bold}/* font-weight:700; */

.work_tit{font-size: 48px;  text-align:center; font-family: "OpenSans"!important; font-weight: 900; position: relative; padding-right: 30px; line-height: 48px; }
.view_tit{word-break: keep-all;font-size:32px;color:#191919; text-align:center;}
.point_tit{color: #ff500b;}
.view_company_name{font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif; color: #58585A; font-size: 30px; text-align: center; margin-top: 17px;}

/* 문단 */
.head_txt{font-size:18px;line-height:1.5;margin-top:35px;color:#666;}/*190404*/
.col_des{font-size:17px;margin-top:5px;margin-bottom:40px;color:#58585a;}
.col_txt{font-size:15px;line-height:1.5;margin-top:25px;color:#58585a;}
.col_txt img{display: inline-block; margin-right: 10px;}
.ple_des{left: 174px;font-size:17px;margin-top:14px;}
.ple_txt{font-size: 14px;line-height:1.5;margin-top:30px;}

/* 컴포넌트¸ */
.col_group{font-size:0;text-align:center;}
.col_group > li{position:relative;display:inline-block;width:310px;text-align:left;vertical-align:top;}
.col_group > li + li{margin-left:180px;}
.col_group > li + li:before{position:absolute;top:83px;left:-95px;width:1px;height:210px;content:'';background:#ddd;}

/* 레이아웃 */
#header{position:fixed;z-index:20;right:0;left:0;height:84px;transition:.3s;text-align:center;border-bottom:1px solid #dedede; background-color: #fff}
#sub #header.on{height: 330px; transition:.3s;}
.about #header{background-color: #f1f7e5}
.work.view #header.scrolling,.about #header.scrolling {background-color: #fff}
.work.sectormain #header,.work.sectormain #header.scrolling {background-color: #fff}
.expertise #header {background-color: #fff} 

#header.scrolling {line-height:64px;height:64px; }
#header.scrolling {background-color: #fff}
#header.scrolling #logo{top:24px;}
#header #full_sns{transition:.3s;}/* 기존값은 default.css */ 
#header.scrolling #full_sns{top:22px;} 
#logo{position:absolute;top:32px;left:28px;transition:.3s;}
#logo img{height: 20px;}
#header.scrolling #logo img{height: 18px;}
#content{padding-top:84px;}
@media (max-width:1340px){
	#header{z-index: 70;}
}

/* 슬라이딩 네비 */
#slide_nav{position:fixed;z-index:20;top:47%;right:60px;margin-top:-130px;}
#slide_nav .nav_btn{width:10px;height:10px;margin:35px 0;transition:.3s;border-radius:5px;background:#58585a;}
#slide_nav .nav_btn.mPS2id-highlight{background:#88bd2e;}
#gotop_btn{position:fixed;right:15px;width:66px;height:66px; bottom:20px;;z-index:20;}/**/
#gotop_btn.gotop_btn_bottom{position:absolute;top: -33px;right:115px;width:66px;height:66px;}
#gotop_btn .up{font-size:0;position:absolute;top:0;left:0;display:block;overflow:hidden;width:66px;height:66px;text-indent:-300px;border-radius:33px;background:#54a945 url(../images/common/gotop.png) no-repeat center;}
#gotop_btn .extend{position:absolute;top:0;left:0;display:block;width:66px;height:66px;transition:.2s;border-radius:33px;background:#109016 ;}
#gotop_btn:hover .extend{transform:scale(1.5);opacity:.2;}



@media (max-width: 1439px){
	#slide_nav{display:none;}
	#slide_nav.all{display: block;}
	#gotop_btn.all{display: block;}
}

/* 상단 유틸리티 */
#menu_btn{position:absolute;z-index:10;top:24px;right:40px;width:47px;height:31px;transition:.3s;background:url(../images/menu.png) no-repeat center;}
#menu_btn.active{background:url(../images/menu_close.png) no-repeat center;}
#header.scrolling #menu_btn{top:16px;}
#header.scrolling #lang{top:17px;}

/* GNB */
#gnb .dept1_ul{font-size:0;text-align:center;}
#gnb .dept1_li{font-size:17px;line-height:84px;display:inline-block;vertical-align:top; font-family: "OpenSans"; font-weight: 400}
#header.scrolling .dept1_li{height:64px;}
#gnb .dept1_link{line-height:84px;height:84px;transition:.3s;cursor: pointer; }
#sub #gnb .dept1_link{line-height:84px;height:84px;transition:.3s;cursor: pointer; }
#sub #gnb .dept1_li {font-weight: 500}
#header.scrolling #gnb .dept1_link{line-height:64px;height:64px;}
#gnb .dept1_link:hover,#gnb .dept1_link:focus,#gnb .dept1_link.active{color:#109016;}
#gnb .dept2_ul{position:absolute;top:83px;right:0;left:0;overflow:hidden;height:0;transition:height .3s,top .3s;text-align:center;border-bottom:1px solid #dedede;background:#fff;}
#gnb .dept1_li:hover .dept2_ul{height:50px;border-top:1px solid #dedede;}
#gnb .dept2_link{font-size:14px;color:#93959a; font-family: "OpenSans";}
/*#gnb .dept2_link.active,*/
#gnb .dept2_link:hover,#gnb .dept2_link:focus{color:#109016; text-decoration: underline}
@media (max-width: 1432px){
}
.section-page .section {height: calc(100vh - 64px)}
.section-page .section h2 {display: flex; align-items: center}

/* About */
.page .inner{width:1420px;margin:0 auto;}
.page.about .section1{background:#f1f7e5;}
.page.about .section1 .inner{padding-top:100px;padding-left:100px; padding-right: 100px; padding-bottom: 80px; position: relative;  margin-bottom: 100px}
.page.about .section1 .inner::after {position: absolute; right: 100px; content: ''; background: url("../images/about/bg_about.png")no-repeat; width: 496px; height: 512px; bottom: -60px}
.page.about .section1 h2{color:#000; text-align: left; font-size: 56px; line-height: 65px}
.page.about .section1 h2 span:nth-child(1){color: #86bc25}
.page.about .section1 h2 span:nth-child(3){color: #26890d}
.page.about .section1 .txt{font-size:18px;line-height:1.5;margin-top:30px;color:#666; font-weight: 400}
.page.about .section1 .sign{font-size:16px;line-height:78px;width:208px;height:78px;/* margin-top:30px;background:url(/resources/images/about/sign.png) no-repeat right bottom; */}
.page.about .section1 .btn{height: 56px;padding-right: 90px; display: inline-block; box-sizing: initial; width: auto; line-height: 56px; padding-left: 30px}
.page.about .section1 .btn:after{position:absolute;top:22px;right:36px;width:13px;height:13px;content:'';background:url("../images/about/ico-download.png") left center;}

.page.about .section1 .btn span{font-size:20px;line-height:1.2;vertical-align:middle;color:#fff;}
.page.about .section1 .btn_wrap {margin-top: 40px}
.page.about .section2{text-align:center;}
.page.about .section2 .inner{overflow:hidden;width:100%;height:770px;padding-top:100px;}
.page.about .section2 .history{position:relative;margin-top:84px;}
.page.about .section2 .history:before{position:absolute;top:15px;right:0;left:0;height:1px;content:'';background:#ccc;}
.page.about .section2 .his_next{position:absolute;z-index:10;top:1px;right:-7%;width:14%;height:29px;background:url(../images/about/next.png) no-repeat right center;}
.page.about .section2 .his_prev{position:absolute;z-index:10;top:1px;left:-7%;width:14%;height:29px;background:url(../images/about/prev.png) no-repeat left center;}
.page.about .section2 .his_prev.swiper-button-disabled{display:none;}
.page.about .section2 .his_next.swiper-button-disabled{display:none;}
.page.about .section2 #his_carousel{overflow:visible;width:70%;margin:0 auto;}
.page.about .section2 #his_carousel .buttons_wrap{position:absolute;z-index:10;top:247px;right:0;left:0;}/*display:none;*/
.page.about .section2 #his_carousel .buttons{position:relative;display:inline-block;padding-right:70px;padding-left:70px;}
.page.about .section2 #his_carousel .buttons button.next{position:absolute;z-index:10;top:0;right:0;width:56px;height:53px;transition:.1s;border-radius:50%;}
.page.about .section2 #his_carousel .buttons button.prev{position:absolute;z-index:10;top:0;left:0;width:50px;height:50px;transition:.1s ease-in-out;border-radius:50%;}
.page.about .section2 #his_carousel .buttons button.prev{background:url(../images/about/arr_l.png) no-repeat center;}
.page.about .section2 #his_carousel .buttons button.next{background:url(../images/about/arr_r.png) no-repeat center;}
.page.about .section2 #his_carousel .buttons button.prev:hover,.page.about .section5 #people_carousel .buttons button.prev:focus{background:url(../images/about/arr_l_o.png) no-repeat;}
.page.about .section2 #his_carousel .buttons button.next:hover,.page.about .section5 #people_carousel .buttons button.next:focus{background:url(../images/about/arr_r_o.png) no-repeat;}
.page.about .section2 #his_carousel .pagers{margin-top:10px;}
.page.about .section2 #his_carousel .pagers button{width:8px;height:8px;margin:0 12px;opacity:1;border-radius:8px;background:#d2d2d3;}
.page.about .section2 #his_carousel button.swiper-pagination-bullet-active{background:#88bd2e;}
.page.about .section2 .history li{z-index:30;float:left;width:16.6%;text-align:left;}
.page.about .section2 .history li .dot{position:relative;display:block;width:30px;height:30px;margin:0 auto;border:10px solid #fff;border-radius:15px;background:#109016;}
.page.about .section2 .history li .dot .dot_year:before{content:'';border-radius:32px;position:absolute;top:50%;left:50%;margin-left:-16px;margin-top:-16px;width:32px;height:32px;  background:#109016 url("../images/about/dot_arrow.png")no-repeat center center}
.page.about .section2 .history li .dot .dot_year{transform:scale(0);transition:0.5s;position:absolute;top:50%;display:block;width:32px;height:32px;border-radius:61px;left:50%;margin-left:-16px;margin-top:-16px;}
.page.about .section2 .history li .his_box{margin-right:-70px;margin-left:38%;transition:0.5s;}
.page.about .section2 .history li .hist{transition:0.3s;font-size:22px;margin-top:20px;color:#b7b7b8;font-family: "OpenSans";}
.page.about .section2 .history li .hisd{line-height:1.5;margin-top:15px;color:#58585a;}
.page.about .section2 .history li .hisd strong{transition:0.3s; display: block}
.page.about .section2 .history li.swiper-slide-active .dot .dot_year,.page.about .section2 .history li:hover .dot .dot_year{transform:scale(1);}
.page.about .section2 .history li.swiper-slide-active .hist,.page.about .section2 .history li:hover .hist{font-size:24px; color: #191919; font-weight: bold}
.page.about .section2 .history li.swiper-slide-active .hisd strong,.page.about .section2 .history li:hover  .hisd strong{font-size:15px;color:#109016; font-weight: bold}
.page.about .section3{text-align:center; position: relative}
.page.about .section3::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #f5f5f5; 
	z-index: -2;
}
.page.about .section3 .inner{padding-top:170px;padding-bottom: 170px;}/*height:864px;*/
.page.about .section3 .why {margin-top: 70px;}
.page.about .section3 .why_box {display: flex; align-items: center; justify-content: space-between; gap:35px;}
.page.about .section3 .why_box dl {padding: 50px 50px 50px 155px; flex: 1; text-align: left; box-shadow: 7px 0 24px rgba(236,236,236,1)}
.page.about .section3 .why_box dl dt {font-size: 22px; font-weight: 500; color: #000; margin-bottom: 15px;}
.page.about .section3 .why_box dl dd {font-size: 16px; color: #666; height: 38px}
.page.about .section3 .why_box dl.box1 {background:#ffffff url("../images/about/why_img1.png")no-repeat left 50px center}
.page.about .section3 .why_box dl.box2 {background:#ffffff url("../images/about/why_img2.png")no-repeat left 50px center}
.page.about .section3 .why_box dl.box3 {background:#ffffff url("../images/about/why_img3.png")no-repeat left 50px center}
.page.about .section3 .why_pr {margin-top: 105px;}
.page.about .section3 .why_pr .top_img {position: relative; display: flex;height: 482px; max-width: 1015px; margin: 0 auto  135px; align-items: center; }
.page.about .section3 .why_pr .top_img .bg_img {position: absolute; left: 0; right: 0; top: 0;}
.page.about .section3 .why_pr .top_img .bg_img img {width: 100%}
.page.about .section3 .why_pr .top_img::after {
	content: '';
	background: url("../images/about/why_arrow.png")no-repeat;
	width: 78px;
	height: 35px;
	position: absolute;
	bottom: -85px;
	left: 50%;
	margin-left: -36px;
}

.page.about .section3 .why_pr .top_img>div {flex: 1; text-align: center}
.page.about .section3 .why_pr .top_img ul{position: absolute; left: 50%; top: 50%;  margin-left: -5px; margin-top: -5px;}
.page.about .section3 .why_pr .top_img ul .circle {width: 10px; height: 10px;position: absolute;top: 0;left: 0; border-radius: 100px 100px;}
.page.about .section3 .why_pr .top_img ul.lst_l li:first-child .circle {top: -200px; left: -400px;  background: #86bc26}
.page.about .section3 .why_pr .top_img ul.lst_l li:nth-child(2) .circle {top: -100px; left: -486px;  background: #86bc25}
.page.about .section3 .why_pr .top_img ul.lst_l li:nth-child(3) .circle {top: 0; left: -507px;  background: #86bc26}
.page.about .section3 .why_pr .top_img ul.lst_l li:nth-child(4) .circle {top: 100px; left: -486px;  background: #86bc26}
.page.about .section3 .why_pr .top_img ul.lst_l li:nth-child(5) .circle {top: 200px; left: -400px;  background: #86bc26}
.page.about .section3 .why_pr .top_img ul.lst_r li:nth-child(1) .circle {top: -200px; right: -410px;left: inherit;  background: #26890d}
.page.about .section3 .why_pr .top_img ul.lst_r li:nth-child(2) .circle {top: -100px; right: -496px;left: inherit;  background: #26890d}
.page.about .section3 .why_pr .top_img ul.lst_r li:nth-child(3) .circle {top: 0; right: -517px; left: inherit; background: #26890d}
.page.about .section3 .why_pr .top_img ul.lst_r li:nth-child(4) .circle {top: 100px; right: -496px; left: inherit; background: #26890d}
.page.about .section3 .why_pr .top_img ul.lst_r li:nth-child(5) .circle {top: 200px; right: -410px; left: inherit; background: #26890d}
.page.about .section3 .why_pr .top_img ul li span {display: block; position: absolute;font-size: 20px; color: #222;white-space: nowrap; }
.page.about .section3 .why_pr .top_img ul.lst_l li:first-child .circle span {top:-7px;left: -196px; text-align: right; }
.page.about .section3 .why_pr .top_img ul.lst_l li:nth-child(2) .circle span {top:-7px;left: -204px; text-align: left; }
.page.about .section3 .why_pr .top_img ul.lst_l li:nth-child(3) .circle span {top:-7px;left: -202px; text-align: right; }
.page.about .section3 .why_pr .top_img ul.lst_l li:nth-child(4) .circle span {top:-7px;left: -182px; text-align: left; }
.page.about .section3 .why_pr .top_img ul.lst_l li:nth-child(5) .circle span {top:-7px;left:  -148px; text-align: left; }
.page.about .section3 .why_pr .top_img ul.lst_r li:nth-child(1) .circle span {top:-7px;right: -156px; }
.page.about .section3 .why_pr .top_img ul.lst_r li:nth-child(2) .circle span {top:-7px;right: -134px; }
.page.about .section3 .why_pr .top_img ul.lst_r li:nth-child(3) .circle span {top:-7px;right: -167px;  }
.page.about .section3 .why_pr .top_img ul.lst_r li:nth-child(4) .circle span {top:-7px;right: -168px;  }
.page.about .section3 .why_pr .top_img ul.lst_r li:nth-child(5) .circle span {top:-7px;right:  -178px;  }
.page.about .section3 .btm_circle {display: flex; align-items: center; background: #fff; box-shadow: 7px 0 24px rgba(236,236,236,1)}
.page.about .section3 .btm_circle>div {flex: 1; color: #222; font-size: 22px; padding: 30px 0; border-right: 1px dashed #eaeaea}
.page.about .section3 .btm_circle>div:last-child {border-right: 0}
.page.about .section3 .btm_circle p {margin-top: 25px; line-height: 32px;}
.page.about .section3 .btm_circle span {display: inline-block;background: #26890d; width: 33px; height: 33px; color: #fff; border-radius: 33px 33px; font-size: 18px; font-weight: 500; line-height: 33px;}
.page.about .section4 .group .group_box>div strong br {display: none}
.page.about .section4{text-align:center;}
.page.about .section4 .inner {padding: 170px 0}
.page.about .section4 .group {width: 100%; position: relative; margin-top: 35px;}
.page.about .section4 .group .orga_img img{width: 100%;}
.page.about .section4 .group::after {
	width: 664px;
	height: 158px;
	border: 1px solid #86bc25;
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -332px;
	bottom:100px;
	z-index: -1;
	
}
.page.about .section4 .group::before {
	width: 1px;
	height: 70px;
	background:  #86bc25;
	content: '';
	position: absolute;
	left: 50%;
	z-index: -1;
	top: 273px;
	
}
.page.about .section4 .group .cirle_logo {margin-bottom: 55px; position: relative}
.page.about .section4 .group .cirle_logo::after {
	width: 230px;
	height: 1px;
	background:  #d7d7d7;
	content: '';
	position: absolute;
	left: 50%;
	z-index: -1;
	top: 50%;
}
.page.about .section4 .group .cirle_logo img{display: inline-block; }
.page.about .section4 .group .cirle_logo2 {position: absolute;left: 50%;margin-left: 230px; top: 55px; width: 212px; height: 212px; border: 2px solid #d7d7d7; border-radius: 100% 100%; display: flex; align-items: center; justify-content: center}
.page.about .section4 .group .cirle_logo2 img {height: 26px;}
.page.about .section4 .group .group_box {display: flex; justify-content: space-between; gap:80px}
.page.about .section4 .group .group_box>div {padding: 45px 40px 40px; flex: 0 0 45%; background: #fff; height: 220px}
.page.about .section4 .group .group_box>div strong {font-size: 26px; color: #000; font-weight: bold; margin-bottom: 35px; display: block}
.page.about .section4 .group .group_box>div.l_group {border: 1px solid #86bc25; border-top: 5px solid #86bc25;}
.page.about .section4 .group .group_box>div.r_group {border: 1px solid #109016; border-top: 5px solid #109016;}
.page.about .section4 .group .group_box>div ul {display: flex; justify-content: space-around; gap:15px;}
.page.about .section4 .group .group_box>div ul li {height: 65px; flex: 1; font-size: 24px; font-weight: 500; border-radius: 100px 100px; line-height: 65px;}
.page.about .section4 .group .group_box>div.r_group li {background: #daf0db; color: #109016}
.page.about .section4 .group .group_box>div.l_group li {background: #e7f2d3; color: #86bc25;}

.page.about .section5{text-align:center;}
.page.about .section5 .inner{position:relative;padding-top:170px;padding-bottom:120px;}
.page.about .section5 .people_wrap{position:relative;margin-top:90px; padding-bottom: 80px; overflow: hidden}

.page.about .section5 .people_wrap .buttons_wrap{position:absolute;z-index:10;bottom:25px;right:0;left:0;}/*display:none;*/
.page.about .section5 .people_wrap .buttons{position:relative;display:inline-block;padding-right:70px;padding-left:70px;}
.page.about .section5 .people_wrap .buttons button.next{position:absolute;z-index:10;top:0;right:0;width:56px;height:53px;transition:.1s;border-radius:50%;}
.page.about .section5 .people_wrap .buttons button.prev{position:absolute;z-index:10;top:0;left:0;width:50px;height:50px;transition:.1s ease-in-out;border-radius:50%;}
.page.about .section5 .people_wrap .buttons button.prev{background:url(../images/about/arr_l.png) no-repeat center;}
.page.about .section5 .people_wrap .buttons button.next{background:url(../images/about/arr_r.png) no-repeat center;}
.page.about .section5 .people_wrap .buttons button.prev:hover,.page.about .section5 #people_carousel .buttons button.prev:focus{background:url(../images/about/arr_l_o.png) no-repeat;}
.page.about .section5 .people_wrap .buttons button.next:hover,.page.about .section5 #people_carousel .buttons button.next:focus{background:url(../images/about/arr_r_o.png) no-repeat;}
.page.about .section5 .people_wrap .pagers{margin-top:10px;}
.page.about .section5 .people_wrap .pagers button{width:8px;height:8px;margin:0 12px;opacity:1;border-radius:8px;background:#d2d2d3;}
.page.about .section5 .people_wrap button.swiper-pagination-bullet-active{background:#88bd2e;}
.page.about .section5 .people_wrap .buttons_wrap {display: none}
.people_wrap .ple_item:nth-child(1){background: #54a945}
.people_wrap .ple_item:nth-child(2){background: #80c355}
.people_wrap .ple_item:nth-child(3){background: #33865d}
.people_wrap .ple_item:nth-child(4){background: #42b66d}
.people_wrap .ple_item:nth-child(5){background: #30aab7}
.people_wrap .ple_item:nth-child(6){background: #41a291}
.people_wrap .ple_item:nth-child(7){background: #52ad72}
.people_wrap .ple_item:nth-child(8){background: #3abf50}
.people_wrap .ple_item:nth-child(9){background: #0b90ac}
.people_wrap .ple_item:nth-child(10){background: #43bd88}
.people_wrap .ple_item:nth-child(11){background: #0bac90}
.people_wrap .ple_item:nth-child(12){background: #4d9bc0}
.people_wrap .ple_item:nth-child(13){background: #42b66d}
.people_wrap .ple_item:nth-child(14){background: #33865d}
.people_wrap .ple_item:nth-child(15){background: #80c355}
.people_wrap .ple_item a{position:relative;width:100%;height:260px;transition:.5s; display: flex; align-items: center; justify-content: center; flex-wrap: wrap}
.people_wrap .ple_item a:hover{box-shadow:0 0 30px rgba(0,0,0,.2);}
.people_wrap .ple_item a:after{position:absolute;top:50%;left: 50%;width:60px;height:60px;content:'';transition:.5s;opacity:0; margin-left: -30px; margin-top:-30px; background:url(../images/common/cross_o.png) no-repeat center;}
.people_wrap .ple_item a:hover:after{opacity:1;}
.people_wrap .ple_item a:hover>div {display: none}
.mobile_people {display: none}
/* 프로필 팝업 */
.ple_pop.first {display: none!important}
.ple_pop{position:absolute;z-index:10;top:50%;left:50%;display:none;width:984px;height:410px;margin-top:-88px;margin-left:-492px;background:#fff;box-shadow:0 0 30px rgba(0,0,0,.2);}
.ple_pop .pop_head{font-weight:300;position:relative;float:left;box-sizing:border-box;width:350px;height:410px;padding:50px 40px;text-align:left;background:#109016;}
.ple_pop .pop_head:after{position:absolute;top:88px;right:54px;display:block;width:240px;height:1px;content:'';background:#fff;}
.ple_pop .pop_head strong{font-family:NanumMyeongjo,serif;font-size:38px;position:relative;z-index:10;padding-right:10px;color:#fff;background:#109016;}
.ple_pop .pop_pos{font-size:17px;margin-top:17px;color:#fff;}
.ple_pop .pop_car{font-size:15px;line-height:1.5;margin-top:26px;color:#fff;}
.ple_pop .pop_pro{position:relative;float:left;box-sizing:border-box;width:634px;height:410px;padding:86px 45px;padding-top:113px;padding-right:35px;text-align:left;background:#fff;line-height: 1.5;}
.ple_pop .pop_pro strong::before{position:absolute;top:-22px;left:0;display:block;width:92px;height:1px;content:'';background:#109016;}
.ple_pop .pop_pro dl{font-size:0;margin-top:21px;}
.ple_pop .pop_pro strong{display: block;margin-bottom: 20px;display: block;font-size:17px;position:relative;}/*190404*/
.ple_pop .pop_pro dt{font-size:14px;position:relative;display:inline-block;width:100px;padding-top:2px;padding-left:12px;vertical-align:top;color:#ff6b13;}
.ple_pop .pop_pro dt:after{position:absolute;top:9px;left:0;display:block;width:4px;height:4px;content:'';background:#ff6b13;}
.ple_pop .pop_pro dd{font-size:14px;line-height:1.5;display:inline-block;width:calc(100% - 100px);margin-bottom:7px;}
.ple_pop .pop_close{position:absolute;top:45px;right:35px;width:38px;height:38px;background:url(../images/about/pop_close2.png) no-repeat center;}
.ple_pop .project_txt {overflow-y: auto; height: 220px}
.ple_item .ple_des{font-size:18px;color: #fff;display: block; text-align: center}

#footer{position:relative;background:#343740;}
#footer .inner{position:relative;padding-top:60px;padding-bottom:50px;}
#fnb{margin-left:300px;padding-top:10px;}
#fnb:after{display:block;clear:both;content:'';}
#fnb.dept1_ul {display: flex;}
#fnb.dept1_ul .dept1_li {flex: 1}
#fnb .dept1_link{font-size:16px;line-height:40px;height:40px;padding:0 10px;color:#fff;}
#fnb .dept2_link{font-size:14px;line-height:40px;height:40px;padding:0 10px;color:#93959a;}
#fnb .dept2_link:hover,#fnb .dept2_link:hover{color:#83b42c;border-bottom:1px solid #83b42c;}
#f_logo{position:absolute;top:70px;left:16px;}
#f_logo img{width:101px;}
#footer .copy{font-size:14px;position:absolute;top:120px;left:16px;color:#8a8b8d;}
#footer .down{position:absolute;top:190px;left:16px;}
#footer .down img{width:160px; display: inline-block}
#footer .privacy{position:absolute;top:150px;left:16px;}
#footer .privacy img{width:160px;}
#f_sns{position:absolute;bottom:60px;left:16px;}
#f_sns li{float:left;}
#f_sns li + li{margin-left:15px;}

@media (max-width:1424px){#sub #gnb{display:none;}}

@media (max-width:1439px){
	body{border-right:none;}
	.page .inner{width:100%;}
	.page.about .section3 .inner,.page.about .section4 .inner{padding-left: 40px;padding-right: 40px;}
	.col_group > li{width:25%;}
	.col_group > li + li{margin-left:12%;}
	.col_group > li + li:before{left:-40%;}
	.page.about .section5 .inner{padding-right:40px;padding-left:40px;}
	.page.about .section5 #people_carousel .buttons_wrap{top:calc(33% + 250px);}
	.page.about .section2 .his_prev{display:none;}
	.page.about .section2 .his_next{display:none;}
	.page.about .section2 #his_carousel .buttons_wrap{display:block;}
	.page.about .section2 .inner{height:auto; padding-bottom: 80px; margin-bottom: 50px}
	.page.about .section3 .why_box dl dt {font-size: 18px; text-align: center; padding-top: 80px}
	.page.about .section3 .why_box dl dd {font-size: 16px; text-align: center;}
	.page.about .section3 .why_box dl {padding: 30px 30px}
	.page.about .section3 .why_box dl.box1 {background: #ffffff url(../images/about/why_img1.png)no-repeat center top 30px;}
	.page.about .section3 .why_box dl.box2 {background: #ffffff url(../images/about/why_img2.png)no-repeat center top 30px;}
	.page.about .section3 .why_box dl.box3 {background: #ffffff url(../images/about/why_img3.png)no-repeat center top 30px;}
	#fnb .dept2_ul{display:none;}
	#fnb{width:100%;margin-top:30px;margin-bottom:30px;margin-left:0;text-align:center;}
	#fnb .dept1_li{display:inline-block;float:none; flex: auto!important}
	#fnb .dept1_li:nth-child(1){width:auto;}
	#fnb .dept1_li:nth-child(2){width:auto;}
	#fnb .dept1_li:nth-child(3){width:auto;}
	#fnb .dept1_li:nth-child(4){width:auto;}
	#fnb .dept1_li:nth-child(5){width:auto;}
	#fnb .dept1_li:nth-child(6){width:auto;}
	#f_logo{position:static;width:101px;height:36px;margin:0 auto;}
	#f_sns{position:static;display:inline-block;margin:15px 15px 0;}
	#footer .down,#footer .privacy{position:static;display:block;margin:0 15px; text-align: center}
	#footer .copy{position:static;display:block;margin:0 15px;padding-bottom: 15px;}
	#footer{text-align:center;}
	.people_wrap .ple_item a{width:100%;height:200px;}
	.page.about .section3 .why_pr .top_img ul {position: relative; left: inherit; top: inherit;margin-top: 0; margin-left: 0; flex: 1; margin: 0 15px!important}
	.page.about .section3 .why_pr .top_img ul .circle {position: relative; width: auto; height: auto; background: #fff; left: inherit!important; top: inherit!important; right: inherit!important}
	.page.about .section3 .why_pr .top_img ul li span {position: relative; left: inherit!important; top: inherit!important;right: inherit!important}
	.page.about .section3 .why_pr .top_img .bg_img {position: relative;left: inherit!important; top: inherit!important; right: inherit!important; bottom: inherit!important}
	.page.about .section3 .why_pr .top_img {display: block}
	.why-lst {display: flex; margin-top: 60px}
	.why-lst li .circle {background: #fff!important; padding: 20px 0; }
	.why-lst li {margin-bottom: 10px;}
	.why-lst .lst_l,.why-lst .lst_r {position: relative;}
	.why-lst .lst_l::after,
	.why-lst .lst_r::after{content: ''; position: absolute; width: 1px; height: 100%; left: 50%; top: -60px; z-index: -1}
	.why-lst .lst_l::before,
	.why-lst .lst_r::before{content: ''; position: absolute; background: #86bc25; width: 11px; height: 11px; left: 50%; top: -65px; z-index: 1; margin-left: -5px; border-radius: 100px 100px}
	.why-lst .lst_l::after,.why-lst .lst_l::before {background: #86bc25;}
	.why-lst .lst_r::after,.why-lst .lst_r::before {background: #26890d;}
	.why-lst .lst_l .circle {border: 1px solid #86bc25}
	.why-lst .lst_r .circle {border: 1px solid #26890d}
	.why-lst li .circle span {text-align: center!important}
	.page.about .section3 .why_pr .top_img {height: auto}
	.page.about .section3 .why_pr .top_img ul.lst_l li:nth-child(3) .circle span br {display: none}
}
@media (max-width:1339px){ 
	.page.about .section1 .inner::after {
		width: 400px;
		height:413px;
		background-size: 400px 413px;
	}
}
@media (max-width:1200px){ 
	.ple_tit {font-size: 20px}
	.people_wrap .ple_item a {height: 180px}
	.page.about .section1 h2 {font-size: 48px}
	.page.about .section1 .inner {margin-bottom: 0; overflow: hidden}
	.page.about .section1 .inner::after {
		bottom: 30px!important;
		right: -100px!important
	}
}
@media (max-width:1119px){
	.col_group > li{width:100%;}
	.col_group > li + li{margin-left:0;padding-top:60px;}
	.col_group > li + li:before{top:30px;left:50%;margin-left:-33px;background: none;}
	.page.about .section3 .inner,.page.about .section4 .inner,.page.about .section5 .inner{height:auto;padding-bottom:100px; padding-top: 100px}
	.page.about .section2 #his_carousel{width:100%;}
	.ple_pop{width:90%;margin-left:-45%;height:450px;}
	.ple_pop .pop_head{width:40%;height:450px;}
	.ple_pop .pop_pro{height:450px;width:60%;}
	.page.about .section4 .group .group_box>div strong {font-size: 22px;}
	.page.about .section4 .group .group_box>div ul li {font-size: 18px}
	.page.about .section4 .group .group_box>div {padding:35px 30px 30px}
	.page.about .section3 .btm_circle>div {font-size: 16px;}
	.page.about .section5 .people_wrap .buttons_wrap {display: block}
	.mobile_people {display: block}
	.pc_people {display: none}
	
}
@media (max-width:991px){ 
	.page.about .section1 .inner{padding-right:5%;padding-left:5%;}
	.page.about .section3 .why_box {gap:25px; }
	.page.about .section3 .why_box dl { height: 256px; padding: 20px}
	.page.about .section3 .why_box dl dt {font-size: 16px; padding-top: 100px;}
	.page.about .section4 .group .group_box {gap:25px;}
	.page.about .section4 .group .group_box>div {padding: 25px 20px 20px; height: 170px}
	.page.about .section4 .group .group_box>div ul li {font-size: 16px; height: 55px; line-height: 55px;}
	.page.about .section4 .group::after {height: 108px; width: 500px; margin-left: -250px}
	.page.about .section4 .group .cirle_logo2 {width: 150px; height: 150px; margin-left: 180px; top: 86px; background: #fff}
	.page.about .section4 .group .cirle_logo2 img {height: 16px}
	.page.about .section1 .inner::after {right: 5%}
	.page.about .section1 h2 {font-size: 40px;}
	.page.about .section1 .txt br {display: none}
	.page.about .section1 .txt {width: 60%;}
	.page.about .section1 .inner::after {width: 300px!important; height: 310px!important; background-size: 300px 310px!important; bottom: 60px!important}
	
	

}
@media (max-width:789px){
	#content {padding-top: 64px}
	.col_tit{font-size:30px;}
	.page.about .section1 .inner::after {bottom: -30px}
	.page.about .section1 h2 {line-height: 1.2}
	.page.about .section1 .inner {padding: 80px 5%}
	.page.about .section1 .txt {font-size: 16px; line-height: 1.3; width: 400px}
	.page.about .section1 .txt br {display: none}
	.page.about .section1 .btn.btn2{margin-top: 50px;}
	.page.about .section2 .inner {margin-bottom: 0;}
	.page.about .section2 .sect_tit{padding-left: 5%;padding-right: 5%;}
	.page.about .section2 .desc_tit{padding-left: 5%;padding-right: 5%;}
	.page.about .section2 .head_txt{padding-left: 5%;padding-right: 5%;}
	.page.about .section2 .history{height: 300px;}
	.page.about .section2 .history li .hisd{margin-left: -20px; width: 120px;}
	.page.about .section2 .history li:nth-child(5) .hist,.page.about .section2 .history li:nth-child(6) .hist {margin-left: -30px}
	.page.about .section2 .history li:nth-child(5) .hisd,.page.about .section2 .history li:nth-child(6) .hisd{margin-left: -30px;}
	.page.about .section3 .inner,.page.about .section4 .inner{padding-right:5%;padding-left:5%;}
	.sect_tit{font-size:48px;}
	.work .sector_main h2 {font-size: 48px}
	.desc_tit{font-size:25px;margin-top:10px;}
	.head_txt{line-height:1.5;margin-top:20px;}
	.col_group > li + li{padding-top: 0px;}
	.col_group > li + li:before{width:50px;height:1px;margin-left:-25px;background-size:cover;}
	#header #menu_btn{right:5%;}
	#header.scrolling #menu_btn{top:22px;}
	#logo{top:22px;left:5%;}
	#logo a {background: url(../images/common/full_logo_new.png);background-repeat: no-repeat;width: 76px;height: 15px;background-size: 76px 15px;}
	#logo img{display: none;}
	#header{height:64px;z-index: 70;}
	#header #menu_btn{top:22px;width:30px;height:20px;background-size:cover;}	
	.ple_pop{position:fixed;top:170px;height:auto;bottom:5%;overflow-y:auto;}
	.ple_pop .pop_head{width:100%;height:auto;padding-bottom:40px;padding-top:40px;}
	.ple_pop .pop_pro{width:100%;height:auto;padding-top:80px;padding-bottom:40px;}
	.ple_pop .pop_close{background:url(../images/about/pop_close.png) no-repeat center;top:30px;}
	.ple_pop .pop_head:after{width:45%;left:50px;top:80px}
	.ple_pop .pop_head strong{font-size:30px}
	.ple_pop .pop_pos{font-size:15px}
	.ple_pop .pop_car{font-size:14px}
	.ple_pop .pop_pro strong{font-size:16px}
	.page.about .section5 .inner{padding-right:5%;padding-left:5%;}

	.people_wrap2 .buttons_wrap{top: 280px;margin-top: 30px;}
	.ple_pop .pop_pro dt{font-size:14px;position:relative;display:block;width:100%;padding-top:2px;padding-left:12px;vertical-align:top;color:#ff6b13;}
	.ple_pop .pop_pro dt:after{position:absolute;top:9px;left:0;display:block;width:4px;height:4px;content:'';background:#ff6b13;}
	.ple_pop .pop_pro dd{font-size:14px;line-height:1.5;display:block;width:100%;margin: 5px 0 15px 12px}

	.ple_item .ple_des{position: static;}
	.page.about .section3 .why_box {flex-wrap: wrap}
	.page.about .section3 .why_box dl {padding: 30px 30px 30px 120px; width: 100%; height: auto; flex: 100%}
	.page.about .section3 .why_box dl dt {padding-top: 0; text-align: left}
	.page.about .section3 .why_box dl dd {text-align: left}
	.page.about .section3 .why_box dl.box1 {background: #ffffff url(../images/about/why_img1.png)no-repeat left 30px center;}
	.page.about .section3 .why_box dl.box2 {background: #ffffff url(../images/about/why_img2.png)no-repeat left 30px center;}
	.page.about .section3 .why_box dl.box3 {background: #ffffff url(../images/about/why_img3.png)no-repeat left 30px center;}
	.page.about .section3 .why_pr .top_img ul li span {font-size: 14px;}
	.page.about .section3 .btm_circle>div {font-size: 14px; padding: 20px 15px; line-height: 20px}
	.page.about .section3 .btm_circle>div br {display: none!important}
	.page.about .section3 .btm_circle p {line-height: 22px; margin-top: 20px}
	.page.about .section3 .btm_circle {align-items: flex-start}
	.page.about .section4 .group .cirle_logo img {height: 250px}
	.page.about .section4 .group .cirle_logo2 {width: 128px; height: 128px; margin-left: 140px; top: 64px; background: #fff}
	.page.about .section4 .group::before {top: 194px}
	.page.about .section4 .group::after {width: 300px; margin-left: -150px}
	.page.about .section4 .group .group_box>div strong {font-size: 16px;}


	
	
}
@media (max-width:639px){
	.page.about .section1 .inner::after {right: -140px!important}
	.page.about .section1 h2 {font-size: 28px; width: 50% }
	.page.about .section1 .inner {padding: 60px 5%}
	.page.about .section1 .txt {margin-top: 15px; width: 50%; font-size: 12px}
	.page.about .section1 .btn_wrap { margin-top: 25px}
	.page.about .section1 .btn span {font-size: 12px;}
	.page.about .section1 .btn {height: 30px; line-height: 30px; padding-left: 15px; padding-right: 45px;}
	.page.about .section1 .btn:after {right: 15px; top: 8px}
	.sect_tit,.sector_main h2{font-size:30px!important;}
	.desc_tit{font-size:17px;}
	.head_txt,.sector_main p{font-size:14px!important;}
	.page.about .section1 .txt{font-size:14px;}
	.page.about .section1 .sign{font-size:15px;width:150px;/* background:url(/resources/images/about/sign.png) no-repeat right bottom / auto 70%; */}
	
	.page.about .section2 .history .hist{font-size:18px;margin-top:30px;}
	.page.about .section2 .history .hisd{font-size:14px;}
	.page.about .section2 #his_carousel .buttons_wrap{top:260px;}
	.page.about .section5 .buttons_wrap{top:inherit;}
	.col_tit{font-size:25px;}
	#fnb{font-size:0;margin-top:10px;margin-bottom:30px;padding-right:5%;padding-left:5%; flex-wrap: wrap}
	#fnb .dept1_li:nth-child(1){width:33.3%;}
	#fnb .dept1_li:nth-child(2){width:33.3%;}
	#fnb .dept1_li:nth-child(3){width:33.3%;}
	#fnb .dept1_li:nth-child(4){width:33.3%;}
	#fnb .dept1_li:nth-child(5){width:33.3%;}
	#fnb .dept1_li:nth-child(6){width:33.3%;}
	#fnb .dept1_li{margin:0;margin-top:-1px;margin-left:-1px;border:1px solid #5e5e66;}
	#fnb .dept1_link{font-size:14px;}
	#f_sns li + li{margin-left:20px;}
	.ple_item a:after{top:-3px;width:25px;height:25px;}
	.buttons_wrap{top:270px;}
	.ple_tit{font-size:18px;}
	.ple_des{font-size:13px;}
	.page.about .section4 .group .cirle_logo::after {width: 200px}
	.people_wrap .ple_item a {height: 150px}
	.page.about .section5 .people_wrap {margin-top: 50px}
	.page.about .section5 .inner {padding-top: 0}
	.ple_tit { font-size: 16px;}
	.ple_item .ple_des {font-size: 14px}
	.page.about .section4 .group .group_box>div strong {font-size: 14px;}

}
@media (max-width:500px){ 
	.people_wrap .ple_item a {height: 120px}
	.page.about .section3 .why_pr .top_img ul li span {font-size: 12px;}
	.why-lst li .circle {padding: 10px 0}
	.page.about .section3 .why_pr .top_img ul.lst_l li:nth-child(3) .circle span br {display: block!important}
	.page.about .section3 .why_pr .top_img ul li:nth-child(3) .circle {border-radius: 16px 16px; min-height: 60px; padding: 0; display: flex; align-items: center; justify-content: center}
	.page.about .section3 .why_pr {margin-top: 25px;}
	.why-lst {margin-top: 30px}
	.why-lst .lst_l::before, .why-lst .lst_r::before {top:-35px}
	.page.about .section3 .why_pr .top_img {margin: 0 auto 60px!important}
	.page.about .section3 .why_pr .top_img::after {bottom: -35px!important}
	.page.about .section4 .group .cirle_logo img {height: 145px}
	.page.about .section4 .group .cirle_logo2 {height: 80px; width:80px; top: 35px; margin-left: 90px}
	.page.about .section4 .group .cirle_logo2 img {height: 10px}
	.page.about .section4 .group::before {top:89px;}
	.page.about .section4 .group .cirle_logo::after {width: 100px}

}
@media (max-width:480px){
	#fnb .dept1_link{font-size: 12px; padding: 0 3px;}
	.expertise_target{height: 75px;}
	.page.about .section2 .history li.swiper-slide-active .hisd strong, .page.about .section2 .history li:hover .hisd strong {font-size: 14px}
	.ple_tit {font-size: 14px;}
	.people_wrap .ple_item a {height: 110px}
	.page.about .section3 .why_pr .top_img ul li span {font-size: 12px;}
	.page.about .section3 .btm_circle>div {padding: 15px 10px}
}




/* expertise */
.page.expertise .section .inner{padding-top:70px;padding-bottom: 70px;}
.expertise_tit{color:#2a9931!important; font-size: 56px; font-weight: bold; margin-bottom: 40px;margin-top: 50px}
.page.expertise .sub_title {background:url("../images/expertise/bg-top.jpg") no-repeat; height: 372px; background-size: cover;  text-align: center;display: flex; align-items: center;justify-content: center}
.page.expertise .sub_title p{font-size: 18px; color: #333; line-height: 1.5}

.page.expertise .section1 .inner{}
.page.expertise .section1 .cap_lst ul li {padding: 10px}
.page.expertise .section1 .cap_lst ul li  span{text-align: center; display: flex; align-items: center; justify-content: center; height: 110px; font-size: 22px; font-weight: bold; width: 100%; }

.page.expertise .section1 .cap_lst ul li:nth-child(1) span,.page.expertise .section1 .cap_lst ul li:nth-child(17) span {background: #cbe4c6; color: #26890d}
.page.expertise .section1 .cap_lst ul li:nth-child(2) span,.page.expertise .section1 .cap_lst ul li:nth-child(26) span{background: #d9edcc; color: #51a918}
.page.expertise .section1 .cap_lst ul li:nth-child(3) span,.page.expertise .section1 .cap_lst ul li:nth-child(29) span{background: #c1dace; color: #33865d}
.page.expertise .section1 .cap_lst ul li:nth-child(4) span,.page.expertise .section1 .cap_lst ul li:nth-child(21) span{background: #c6e9d3; color: #42b66d}
.page.expertise .section1 .cap_lst ul li:nth-child(5) span,.page.expertise .section1 .cap_lst ul li:nth-child(30) span{background: #c2e2dd; color: #41a291}
.page.expertise .section1 .cap_lst ul li:nth-child(6) span,.page.expertise .section1 .cap_lst ul li:nth-child(28) span{background: #cbe6d4; color: #52ad72}
.page.expertise .section1 .cap_lst ul li:nth-child(7) span,.page.expertise .section1 .cap_lst ul li:nth-child(25) span{background: #c4ecca; color: #3abf50}
.page.expertise .section1 .cap_lst ul li:nth-child(8) span,.page.expertise .section1 .cap_lst ul li:nth-child(20) span{background: #b5dde6; color: #0b90ac}
.page.expertise .section1 .cap_lst ul li:nth-child(9) span,.page.expertise .section1 .cap_lst ul li:nth-child(18) span{background: #c6e9d3; color: #42b66d}
.page.expertise .section1 .cap_lst ul li:nth-child(10) span,.page.expertise .section1 .cap_lst ul li:nth-child(24) span{background: #c9e1ec; color: #4d9bc0}
.page.expertise .section1 .cap_lst ul li:nth-child(11) span,.page.expertise .section1 .cap_lst ul li:nth-child(31) span{background: #b5e6dd; color: #0bac90}
.page.expertise .section1 .cap_lst ul li:nth-child(12) span,.page.expertise .section1 .cap_lst ul li:nth-child(23) span{background: #c1dace; color: #33865d}
.page.expertise .section1 .cap_lst ul li:nth-child(13) span,.page.expertise .section1 .cap_lst ul li:nth-child(32) span{background: #c0e5e9; color: #30aab7}
.page.expertise .section1 .cap_lst ul li:nth-child(14) span,.page.expertise .section1 .cap_lst ul li:nth-child(19) span{background: #c6ebdb; color: #43bd88}
.page.expertise .section1 .cap_lst ul li:nth-child(15) span,.page.expertise .section1 .cap_lst ul li:nth-child(27) span{background: #d9edcc; color: #71b546}
.page.expertise .section1 .cap_lst ul li:nth-child(16) span,.page.expertise .section1 .cap_lst ul li:nth-child(22) span{background: #c8d7dd; color: #497a90}

.page.expertise .section2{text-align:center; background: #f5f5f5}
.page.expertise .section2 .inner{}
.page.expertise .section2 a.item {display: block; overflow: hidden; position: relative; transition: transform 1s; margin: 10px}
.page.expertise .section2 a.item .hover-txt {color: #fff; position: absolute; left: 0; right: 0; bottom: 0; font-size: 22px; font-weight: 500; padding: 15px 0; }
.page.expertise .section2 #sector-lst li:nth-child(1) a.item .hover-txt {background: #54a945}
.page.expertise .section2 #sector-lst li:nth-child(2) a.item .hover-txt {background: #80c355}
.page.expertise .section2 #sector-lst li:nth-child(3) a.item .hover-txt {background: #33865d}
.page.expertise .section2 #sector-lst li:nth-child(4) a.item .hover-txt {background: #30aab7}
.page.expertise .section2 #sector-lst li:nth-child(5) a.item .hover-txt {background: #41a291}
.page.expertise .section2 #sector-lst li:nth-child(6) a.item .hover-txt {background: #52ad72}
.page.expertise .section2 #sector-lst li:nth-child(7) a.item .hover-txt {background: #3abf50}
.page.expertise .section2 #sector-lst li:nth-child(8) a.item .hover-txt {background: #43bd88}
.page.expertise .section2 #sector-lst li:nth-child(9) a.item .hover-txt {background: #0bac90}
.page.expertise .section2 #sector-lst li:nth-child(10) a.item .hover-txt {background: #4d9bc0}
.page.expertise .section2 #sector-lst li:nth-child(11) a.item .hover-txt {background: #42b66d}
.page.expertise .section2 #sector-lst li:nth-child(12) a.item .hover-txt {background: #33865d}

.page.expertise .section2 a.item img{ transition: transform 1s; width: 100%; object-fit: cover}
.page.expertise .section2 a.item:hover img{transform: scale(1.2);}

.page.expertise .section3 {padding: 170px 0 50px}
.page.expertise .section3 .inner {
    padding-top: 0;
    padding-bottom: 0;
}
.page.expertise .section3 {position: relative}
.page.expertise .section3 .prap_cont::after {
	content: '';
	background: #f3f9f3;
	left: 0;
	right: 0;
	bottom: 22px;
	top: 29px;
	position: absolute;
	z-index: -1;
	border-bottom: 1px solid #52ad72;
}
.page.expertise .tit_wrap {margin-bottom: 50px}
.page.expertise .sect_tit {margin-bottom: 0!important}
.page.expertise .head_txt {text-align: center; }
.page.expertise .section3 .prap_tab_wrap {margin-top: 70px; position: relative}
.page.expertise .section3 .prap_tab a {display: inline-block; padding: 15px 0; width: 350px; background: #dcdcdc; color: #b1b1b1; border-radius: 100px 100px; font-size: 24px; text-align: center; font-weight: 500}
.page.expertise .section3 .prap_tab li.active a,
.page.expertise .section3 .prap_tab li a:hover{color: #fff; background: #109016}
.page.expertise .section3 .prap_tab{display: flex; justify-content: center; gap:35px;}
.page.expertise .section3 .prap_cont {text-align: center; padding: 70px 0 0}
.page.expertise .section3 .prap_cont strong {color: #33865d; font-size: 32px; font-weight: 600;display:inline-block; margin-bottom: 30px; position: relative; background: #f3f9f3}
.page.expertise .section3 .prap_cont strong::after {
	position: absolute;
	content: '';
	width: 60px;
	height: 1px;
	background: #33865d;
	left: 50%;
	margin-left: -250px;
	top:50%
}
.page.expertise .section3 .prap_cont strong::before {
	position: absolute;
	content: '';
	width: 60px;
	height: 1px;
	background: #33865d;
	right: 50%;
	margin-right: -250px;
	top:50%
}
.page.expertise .section3 .prap_cont p {font-size: 20px; color: #666}
.page.expertise .section3 .prap_cont .prap-circle { background: #fff; border-radius: 100px 100px; display: inline-block; padding: 10px; border: 1px solid #d3ebd4; margin-top: 40px; box-shadow: 7px 0 24px rgba(236,236,236,1)}
.page.expertise .section3 .prap_cont ul {display: flex; justify-content: center; align-items: center; gap:25px;}
.page.expertise .section3 .prap_cont li {display: inline-block; width: 180px; height: 180px; border-radius: 180px 180px;display: flex; align-items: center;justify-content: center; font-size: 20px;font-weight: 500}
.page.expertise .section3 .prap_cont .prap-circle li:first-child {color: #429e4f}
.page.expertise .section3 .prap_cont .prap-circle li:nth-child(2) {color: #38915b}
.page.expertise .section3 .prap_cont .prap-circle li:nth-child(3) {color: #369191}
.page.expertise .section3 .prap_cont .prap-circle li:nth-child(4) {color: #6d932e}
.page.expertise .section3 .prap_cont li:nth-child(1) {background: #cfecdc}
.page.expertise .section3 .prap_cont li:nth-child(2) {background: #c5e3c7}
.page.expertise .section3 .prap_cont li:nth-child(3) {background: #c4e3e3}
.page.expertise .section3 .prap_cont li:nth-child(4) {background: #d5e3c4}
.page.expertise .section3 .prap_cont a {background: #52ad72;  font-size: 20px; color: #fff; margin-top: 80px; display: inline-block; padding: 10px 25px; border-radius: 100px 100px}
.page.expertise .section3 .hidden_cont {display: flex; margin-top: 70px; background: #fff; box-shadow: 7px 0 24px rgba(236,236,236,1)}
.page.expertise .section3 .hidden_cont dl {flex: 0 0 33.3%; text-align: center; padding: 30px 20px; border-right: 1px dashed #d6d6d6}
.page.expertise .section3 .hidden_cont_wrap.v2 .hidden_cont dl {flex: 0 0 25%;}
.page.expertise .section3 .hidden_cont dl:last-child {border-right: 0}
.page.expertise .section3 .hidden_cont dt {color: #109016;font-size: 24px; margin-bottom: 25px; font-weight: 500}
.page.expertise  .prap_tab_cont {display: none;}
.page.expertise  .prap_tab_cont.active {display: block;}
.page.expertise .section4{text-align:center;}
.page.expertise .section4 .inner{padding-top:100px;padding-bottom: 100px;}
.page.expertise .sect_tit{margin-bottom: 70px;}
.page.expertise .section3 .hidden_cont_wrap {display: none;  padding-bottom: 70px}
.page.expertise .section3 .hidden_cont_wrap.on {display: block;}

.half_group::after{display: block; content: ""; clear: both;}
.half_list{width: 45%; max-width: 555px; margin-top:20px; padding-bottom: 50px; vertical-align: top; line-height: 1.5; display: inline-block; text-align: left; background-repeat: no-repeat; box-sizing: border-box;}
.half_tit{font-family: 'Noto Sans Korean', sans-serif;font-weight: 400;font-size: 26px; color: #4a4e59; padding: 0px 0 20px;}
.half_des{margin-bottom: 60px;font-size: 15px;line-height: 1.5;}
.half_txt{margin-bottom: 30px;font-size: 14.5px;line-height: 1.5;}
.ref_txt{font-size: 15px;}
.txt_spacing{padding: 0 15px;}
.txt_word{padding: 0 10px; display: inline-block; line-height: 18px; border-right: 1px solid #aaa;}
.txt_word:last-child{border-right:none;}
.page.expertise .video_wrap{margin-left: 5%;}
.page.expertise .youtubeWrap{overflow: hidden;position: relative;margin: 0 auto;width: 85%;padding-bottom: 48.0%;height: 100%;box-shadow: black;box-shadow: 20px 20px #88bd2e;border-radius: 10px;}
/* .formasking{-webkit-clip-path: circle(50% at 50% 50%);clip-path: circle(50% at 50% 50%);width: 100%;height: 100%;background: #ccc;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;border-radius: 20px;} */
.video_img{display: inline-block; width: 100%; max-width: 497px;}
.video_des{text-align: center;margin-top: 40px;}

.page.expertise .buttons_wrap{position:absolute;z-index:10;bottom:0px;right:0;left:0; top:inherit; text-align: center}/*display:none;*/
.page.expertise .buttons{position:relative;display:inline-block;padding-right:70px;padding-left:70px;}
.page.expertise .buttons button.next{position:absolute;z-index:10;top:0;right:0;width:50px;height:50px;transition:.1s;border-radius:50%;}
.page.expertise .buttons button.prev{position:absolute;z-index:10;top:0;left:0;width:50px;height:50px;transition:.1s ease-in-out;border-radius:50%;}
.page.expertise .buttons button.prev{background:url(../images/about/arr_l.png) no-repeat center;}
.page.expertise .buttons button.next{background:url(../images/about/arr_r.png) no-repeat center;}
.page.expertise .buttons button.prev:hover,.page.expertise .buttons button.prev:focus{background:url(../images/about/arr_l_o.png) no-repeat;}
.page.expertise .buttons button.next:hover,.page.expertise .buttons button.next:focus{background:url(../images/about/arr_r_o.png) no-repeat;}
.page.expertise .pagers{margin-top:10px;}
.page.expertise .pagers button{width:8px;height:8px;margin:0 5px;opacity:1;border-radius:8px;background:#d2d2d3;}
.page.expertise button.swiper-pagination-bullet-active{background:#88bd2e;}
.page.expertise .buttons_wrap {display: none}

@media (max-width:1439px){	
	.page.expertise .section .inner{padding-left: 40px; padding-right: 40px;}
	.page.expertise .section1 .head_txt{padding-left: 40px; padding-right: 40px;}
	.page.expertise .section2 a.item .hover-txt {font-size: 18px; padding: 10px 0; }

}
@media (max-width:1167px){ 
	.page.expertise .section3::after {bottom: 360px; top: 450px}
	.page.expertise .section3 .head_txt br {display: none!important}
}
@media (max-width:1119px){
	.txt_spacing{padding: 0 15px;}
	.page.expertise .section1 .expertise_tit{font-size: 45px;}
	.page.expertise .section1 .expertise_intro .txt{max-width: 350px;}
	.page.expertise .section2 .inner{height:auto;}
	.page.expertise .buttons_wrap {display: block;bottom: 30px}
	.page.expertise .section2 #sector-lst,.page.expertise .section1 .cap_lst {padding-bottom: 80px}
	.page.expertise .section .inner {padding: 100px 5%}
	.page.expertise .section3 .inner {padding: 0 5%}
	.page.expertise .section3 {padding: 100px 0}
	.page.expertise .section2 a.item .hover-txt {font-size: 16px;}
	.page.expertise .section1 .cap_lst ul li {padding: 5px}
	.page.expertise .section2 a.item {margin: 5px}
	.page.expertise .section1 .cap_lst ul li  span{font-size: 18px}

}
@media (max-width:991px) and (min-width:843px){ 
	.page.expertise .section3 .head_txt br {display: none}
	.page.expertise .section3 .prap_tab a {font-size: 20px}
	.page.expertise .section3 .prap_tab a {width: 250px}
	.page.expertise .section3 .prap_tab_wrap {margin-top: 50px}
	.page.expertise .section3 .prap_cont a {margin-top: 40px}
}

@media (max-width:818px){ 
	.page.expertise .section3 .prap_cont strong {font-size: 22px}
	.page.expertise .section3 .prap_cont p {font-size: 14px;}
	.page.expertise .section3 .prap_tab {gap:20px}
	.page.expertise .section3 .prap_tab li {flex: 1;}
	.page.expertise .section3 .prap_tab li a {width: auto; font-size: 18px; display: block}
	.page.expertise .section3 .prap_cont li {width: 150px; height: 150px; font-size: 16px}
	.page.expertise .section3 .prap_cont a {font-size: 18px}
	.page.expertise .section3 .hidden_cont dt {font-size: 18px}
	.page.expertise .section3 .prap_cont a {margin-top: 40px}
	.page.expertise .section3 .prap_cont strong::before {
		width: 40px;
		right: 50%;
		margin-right: -170px;
	}
	.page.expertise .section3 .prap_cont strong::after {
		width: 40px;
		left: 50%;
		margin-left: -170px;
	}
	
}
@media (max-width:789px){
	.page.expertise .section .inner,.page.expertise .section3 {padding: 70px 0}
	.page.expertise .section3 .inner {padding: 0}
	.expertise_tit span:nth-child(1){font-size:48px;}
	.expertise_tit span:nth-child(2){font-size:64px;}
	.desc_tit{font-size:25px;margin-top:10px;}
	.head_txt{line-height:1.5;margin-top:20px;}
	.half_tit{font-size: 22px;}
	.half_list{width: 100%;}
	.half_des{text-align: justify;}
	
	.page.expertise .section .inner{padding-right:5%;padding-left:5%;}
	.page.expertise .section2 .inner{padding-bottom: 30px;}
	.page.expertise .section2 .head_txt{margin-bottom: 40px;}
	.page.expertise .section2 .half_list{width: 100%; border-top: 1px solid #ededee; background-position: top right;}
	.page.expertise .section2 .half_list:nth-child(1){padding-right: 0; border-right:none;background-position: 100% 5%;}
	.page.expertise .section2 .half_list:nth-child(2){padding-left: 0;background-position: 100% 5%;}
	.page.expertise .section2 .half_tit{padding-top: 70px;}
	.page.expertise .sect_tit{margin-bottom: 20px;}
	.page.expertise .section4 .half_list{padding-bottom: 0px;}
	.page.expertise .section4 .half_tit{font-size: 18px; padding-top: 40px}
	.page.expertise .section4 .half_des{margin-bottom: 0px;}
	.page.expertise .section4 .ref_txt {margin-bottom: 30px;}
	.page.expertise .video_wrap {margin-left: 0; margin-top: 30px; margin-bottom: 70px;}
	.page.about .section4 .group .group_box>div strong br {display: block}
	.page.about .section4 .group .group_box>div ul {display: block}
	.page.about .section4 .group .group_box>div ul li {margin-bottom: 10px; font-size: 14px; height: 40px; line-height: 40px}
	.page.about .section4 .group .group_box>div {height: auto!important}
	.page.about .section4 .group .group_box>div strong {margin-bottom: 20px}
	.page.about .section4 .group::after {height: 166px; bottom: 130px}
	.page.expertise .section3 .prap_cont {padding-top: 40px}
	.page.expertise .section3 .prap_tab_wrap {margin-top: 40px}
	#prap-tabs2 .prap_cont ul {display: grid; grid-template-columns: 1fr 1fr ; gap:24px}
	#prap-tabs2 .prap_cont .prap-circle {border-radius: 50px 50px; padding: 15px}
	.page.expertise .section3 .hidden_cont_wrap.v2 .hidden_cont{flex-wrap: wrap; margin-top: 30px; }
	.page.expertise .section3 .hidden_cont_wrap.v2 .hidden_cont dl {flex: 0 0 50%!important; }
	.page.expertise .section3 .hidden_cont_wrap.v2 .hidden_cont dl:nth-child(2 {border-right: 0})
	.prap_tab_cont .inner {padding: 0!important}
	.page.expertise .section3 {padding: 170px 0 20px}
	.expertise_tit{ font-size: 36px; margin-bottom: 30px;margin-top: 30px}
	.page.expertise .sub_title {height: 300px;}
	.page.expertise .sub_title p{font-size: 16px}

}

@media (max-width:639px){
	.page.expertise .section4 .sect_tit{font-size:28px;}
	.expertise_tit span:nth-child(1){font-size:30px;}
	.expertise_tit span:nth-child(2){font-size:40px;}
	.page.expertise .section1 .head_txt{margin-left: auto; margin-right: auto; max-width: 400px;}
	.page.expertise .section1 .txt{font-size:14px;}
	.desc_tit{font-size:17px;}
	.head_txt{font-size:14px; }/*text-align: justify;*/
	.head_txt br {display: none!important}
	.txt_word{border-right: none; width: 48%; padding-left:0px;}
	.txt_word::before{content: "·"; padding-right: 5px;}
	.page.expertise .section2 a.item .hover-txt {font-size: 14px;}
	.page.expertise .section3 .prap_cont li {
		width: 120px;
		height: 120px;
		font-size: 16px;
	}
	.page.expertise .section3 .prap_cont ul {gap:15px;}
	.page.expertise .section3 .prap_tab li a {font-size: 14px}
	.page.expertise .section3 .prap_tab {gap:10px}
	.page.expertise .section1 .cap_lst ul li  span{font-size: 16px}
	.page.expertise .section3 .prap_cont strong::before {
		width: 30px;
		right: 50%;
		margin-right: -150px;
	}
	.page.expertise .section3 .prap_cont strong::after {
		width: 30px;
		left: 50%;
		margin-left: -150px;
	}
	.page.expertise .section3 .hidden_cont_wrap .hidden_cont dl,
	.page.expertise .section3 .hidden_cont_wrap.v2 .hidden_cont dl{flex: 0 0 100%!important}
	.page.expertise .sub_title {padding: 0 5%}
	.page.expertise .sub_title p br {display: none}
	.page.expertise .section3 {padding: 70px 0 0}
}

@media (max-width:420px){	
	
	.page.expertise .section1 .expertise_tit{text-align: center;}
	.page.expertise .section1 .btn{margin: 0 auto;}
	.page.expertise .section1 .expertise_intro .txt{margin: 20px auto 36px; max-width: 500px;}	
	.page.about .section4 .group::after {width: 200px!important; margin-left: -100px;}
	.page.about .section5 .people_wrap .pagers button {margin: 0 5px}
	.page.expertise .section2 a.item .hover-txt {font-size: 12px; padding: 5px 0}
	.page.expertise .section3 .prap_cont ul {display: block}
	.page.expertise .section3 .prap_cont li {margin: 10px 0}
	.page.expertise .section3 .prap_cont li:first-child {margin-top: 0!important}
	.page.expertise .section3 .prap_cont li:last-child {margin-bottom: 0!important}
	.page.expertise .section3 .hidden_cont {flex-wrap: wrap; gap: 0px; margin-top: 40px; }
	.page.expertise .section3 .hidden_cont dl {
		flex: 0 0 100%;
		border-right: 0;
		border-bottom: 1px dashed #d6d6d6;
		padding-bottom: 30px
	}
	.page.expertise .section3 .hidden_cont dl:last-child {border-bottom: 0}
	.page.expertise .section1 .cap_lst ul li span{font-size: 14px}
	.page.expertise .section3 .hidden_cont dl {padding: 20px 10px}
	.page.expertise .section3 .hidden_cont dt {font-size: 16px; margin-bottom: 15px}
	.page.expertise .sub_title p {font-size: 14px;}
	.expertise_tit {font-size: 28px; margin-top: 50px; margin-bottom: 15px}
	.page.expertise .sub_title {height: 250px;}
	
	

}

/* 세션 1 슬라이드 불렛 */

#bullet_carousel .buttons_wrap{position:absolute;z-index:2;top:480px;right:0;left:250px;}
#bullet_carousel .buttons{position:relative;display:inline-block;padding-right:70px;padding-left:70px;}
#bullet_carousel .buttons button.next{position:absolute;z-index:2;top:0;right:0;width:50px;height:50px;transition:.1s;border-radius:50%;}
#bullet_carousel .buttons button.prev{position:absolute;z-index:2;top:0;left:0;width:50px;height:50px;transition:.1s ease-in-out;border-radius:50%;}
.bullet_wrap #bullet_carousel .buttons button.prev{background:url(/resources/images/about/arr_l.png) no-repeat center;}
.bullet_wrap #bullet_carousel .buttons button.next{background:url(/resources/images/about/arr_r.png) no-repeat center;}
.bullet_wrap #bullet_carousel .buttons button.prev:hover,.page.about .section5 #bullet_carousel .buttons button.prev:focus{background:url(/resources/images/about/arr_l_o.png) no-repeat;}
.bullet_wrap #bullet_carousel .buttons button.next:hover,.page.about .section5 #bullet_carousel .buttons button.next:focus{background:url(/resources/images/about/arr_r_o.png) no-repeat;}
.bullet_wrap #bullet_carousel .pagers{margin-top:16px;}
.bullet_wrap #bullet_carousel .pagers button{width:8px;height:8px;margin:0 9px;opacity:1;border-radius:8px;background:#d2d2d3;}
.bullet_wrap #bullet_carousel button.swiper-pagination-bullet-active{background:#ff6b13;}

@media (max-width:1119px){
	#bullet_carousel .buttons_wrap{position:absolute;top:480px;right:0;left:15px;}	
}

@media (max-width:639px){
	#bullet_carousel .buttons_wrap {position: absolute;top: 100px;right: 0;left: 0;}
	#bullet_carousel .buttons{position: relative;display: block;margin: 0 auto;width: fit-content;}
}
@media (max-width:420px){
	#bullet_carousel .buttons_wrap {position: absolute;top: 200px;right: 0;left: 0;}
	#bullet_carousel .buttons{position: relative;display: block;margin: 0 auto;width: fit-content;}
}

/* PRAP 팝업 */
.prap_pop{position:absolute;z-index:10;top:50%;left:50%;display:none;width:1145px;height:346px;margin-top:-0px;margin-left:-572px;background:#fff;box-shadow:0 0 30px rgba(0,0,0,.2);}
.prap_pop .pop_head{font-weight:300;position:relative;float:left;box-sizing:border-box;width:285px;height:346px;padding:45px 25px;text-align:left;background:#ff6b13;}
.prap_pop .pop_head.bg{background-position: 25px top; background-repeat: no-repeat;}
.prap_pop .pop_head.bg01{background-image: url('/resources/images/service/prap_bg_pop_01.png');}
.prap_pop .pop_head.bg02{background-image: url('/resources/images/service/prap_bg_pop_02.png');}
.prap_pop .pop_head:after{position:absolute;top:62px;left:80px;display:block;width:240px;height:1px;content:'';background:#fff;}
.prap_pop .pop_head strong{font-family:NanumMyeongjo,serif;font-size:35px;position:relative;z-index:10;padding-right:10px;color:#fff;background:#ff6b13;}
.prap_pop .pop_tit{font-size: 20px;margin-bottom: 40px;color: #fff; font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;}
.prap_pop .pop_pos{font-size:17px;margin-top:17px;color:#fff;}
.prap_pop .pop_car{font-size:15px;line-height:1.5;margin-top:25px;color:#fff;}
.prap_pop .pop_con{position:relative;float:left;box-sizing:border-box;width:860px;height:346px;padding:45px 45px;padding-top:85px;padding-right:35px;text-align:left;background:#fff;}
.prap_pop .pop_con::after{display: block; content: ""; clear: both;}
.column_4 .pop_con_ele{width: 25%;}
.pop_con_ele{width: 33%; height: 200px; float: left;padding: 0 25px;box-sizing: border-box;border-right: 1px solid #e5e5e5;line-height: 1.8;}
.pop_con_ele:first-child{padding-left: 0;}
.pop_con_ele:last-child{padding-right: 0; border: none;}
.prap_pop .pop_con_ele:first-child strong::before{position:absolute;top:-22px;left:-45px;display:block;width:92px;height:1px;content:'';background:#ff6b13;}
/* .prap_pop .pop_con dl{font-size:0;margin-top:21px;} */
.prap_pop .pop_con strong{display: block;margin-bottom: 20px;display: block;font-size:17px;position:relative;}/*190404*/
/* .prap_pop .pop_con dt{font-size:14px;position:relative;display:inline-block;width:100px;padding-top:2px;padding-left:12px;vertical-align:top;color:#ff6b13;}
.prap_pop .pop_con dt:after{position:absolute;top:9px;left:0;display:block;width:4px;height:4px;content:'';background:#ff6b13;}
.prap_pop .pop_con dd{font-size:14px;line-height:1.5;display:inline-block;width:calc(100% - 100px);margin-bottom:7px;} */
.prap_pop .pop_close{position:absolute;top:45px;right:35px;width:38px;height:38px;background:url(/resources/images/about/pop_close.png) no-repeat center;}
.prap_item .prap_des{position: absolute;top: 81px;left: 174px;font-size:17px;margin-top:14px;} 

@media (max-width:1119px){
	.prap_pop{width:90%;margin-left:-45%;height: 580px;}
	.prap_pop .pop_con{width:60%;}
	.prap_pop .pop_head{width:100%;height:auto;padding-bottom:40px;padding-top:40px;}
	.prap_pop .pop_con{width:100%;height:auto;padding-top:80px;padding-bottom:40px;}
	.prap_pop .pop_close{background:url(/resources/images/about/pop_close2.png) no-repeat center;top:30px;}
	.prap_pop .pop_head:after{width:45%;left:0px;top:80px; width: 92px;}
}
@media (max-width:789px){
	.prap_pop{position:fixed;top:170px;height:auto;bottom:5%;overflow-y:auto;}
	.prap_pop .pop_head{width:100%;height:auto;padding-bottom:40px;padding-top:40px;}
	.prap_pop .pop_head strong{font-size:30px}
	.prap_pop .pop_pos{font-size:15px}
	.prap_pop .pop_car{font-size:14px}
	.prap_pop .pop_con strong{font-size:16px}
	.prap_item .prap_des{position: static;}	
	.column_4 .pop_con_ele{width: 50%;padding-left: 0px;border-right: none;}
}
@media (max-width:639px){
	.pop_con_ele {width: 100%;}
	.column_4 .pop_con_ele{width: 100%;}
	.prap_pop .pop_con{padding: 25px;}
	.pop_con_ele{padding: 20px 0; height: auto; border-right: none;}
	.prap_item a:after{top:-3px;width:25px;height:25px;}
	.prap_item{height:66px;}
	.prap_tit{font-size:18px;}
	.prap_des{font-size:13px;}
}





/* Our Work */
.work .grid {max-width: 1420px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr ; gap:20px}
.work_sectors { padding-top: 100px; z-index: 1;transition:.3s;}
.work_sectors .inner {position: relative}
.sector_sel {position: absolute; top: 15px;right:0; border-bottom: 1px solid #109016!important}
.sector_sel{-moz-appearance: none; -ms-appearance: none; -o-appearance: none;appearance: none;-webkit-appearance: none;padding: 14px 7px;width: 340px; color: #109016; background-color: transparent; border: none; font-size: 16.5px;  background-image: url('../../resources/images/work/arrow_down_gry.png'); background-repeat: no-repeat; background-position: 98% center; outline-color:#109016}
select.sector_sel::-ms-expand{display: none;}
.sector_sel:hover {color: #109016; background-image: url(../../resources/images/work/arrow_down_grn.png); }
a.go_back {font-size: 18px; font-weight: 500; color: #000; background: url("../images/work/back.png") no-repeat left 50%; padding-left: 30px; transition: 0.3s;display: inline-block}
a.go_back:hover {padding-left: 40px; color: #109016}
.work.view a.go_back {
	position: absolute; 
	right: 5%;
	bottom: 20px;
} 
.work.sectormain .back-btn {text-align: right; margin-bottom: 20px}
.sector_main {text-align: center; }
.sector_main .inner {padding:180px 5% 100px!important}
.sector_main h2 {font-size: 56px;display: block; margin-bottom: 30px; font-family: "OpenSans"; font-weight: bold; text-transform: uppercase}
.sector_main p {font-size: 20px}
.sector_main .sec1 {background-color: rgba(84,169,69,0.1);}
.sector_main .sec1 h2 {color: #54a945; }
.sector_main .sec2 {background-color: rgba(48,170,183,0.12);}
.sector_main .sec2 h2 {color: #30aab7; }
.sector_main .sec3 {background-color: rgba(58,191,80,0.12);}
.sector_main .sec3 h2 {color: #3abf50; }
.sector_main .sec4 {background-color: rgba(77,155,192,0.12);}
.sector_main .sec4 h2 {color: #4d9bc0; }
.sector_main .sec5 {background-color: rgba(128,195,85,0.12);}
.sector_main .sec5 h2 {color: #80c355; }
.sector_main .sec6 {background-color: rgba(65,162,145,0.14);}
.sector_main .sec6 h2 {color: #41a291; }
.sector_main .sec7 {background-color: rgba(67,189,136,0.12);}
.sector_main .sec7 h2 {color: #43bd88; }
.sector_main .sec8 {background-color: rgba(66,182,109,0.14);}
.sector_main .sec8 h2 {color: #42b66d; }
.sector_main .sec9 {background-color: rgba(51,134,93,0.12);}
.sector_main .sec9 h2 {color: #33865d; }
.sector_main .sec10 {background-color: rgba(82,173,114,0.1);}
.sector_main .sec10 h2 {color: #52ad72; }
.sector_main .sec11 {background-color: rgba(11,172,144,0.1);}
.sector_main .sec11 h2 {color: #0bac90; }
.sector_main .sec12 {background-color: rgba(51,134,93,0.1);}
.sector_main .sec12 h2 {color: #33865d; }

.sector_lst {padding: 40px 0 40px}
.sector_lst .sector_item {height: 100px; text-align: center; position: relative;  border-radius: 5px; margin: 5px }
.sector_lst .sector_item:hover::after {position: absolute; left: 0; right: 0; top: 0; bottom: 0;background-color: rgba(0,0,0,0.5);content: '';border-radius: 5px }
.sector_lst .sector_item:hover {transition: background 1s; border-radius: 5px}
.sector_lst .sector_item.item1 {background: #54a945}
.sector_lst .sector_item.item2 {background: #30aab7}
.sector_lst .sector_item.item3 {background: #3abf50}
.sector_lst .sector_item.item4 {background: #4d9bc0}
.sector_lst .sector_item.item5 {background: #80c355}
.sector_lst .sector_item.item6 {background: #41a291}
.sector_lst .sector_item.item7 {background: #43bd88}
.sector_lst .sector_item.item8 {background: #42b66d}
.sector_lst .sector_item.item9 {background: #33865d}
.sector_lst .sector_item.item10 {background: #52ad72}
.sector_lst .sector_item.item11 {background: #0bac90}
.sector_lst .sector_item.item12 {background: #33865d}
.sector_lst .sector_item:hover.item2 {background: url("../images/expertise/sector_img2.jpg")no-repeat center center; background-size: cover}
.sector_lst .sector_item:hover.item3 {background: url("../images/expertise/sector_img3.jpg")no-repeat center center; background-size: cover}
.sector_lst .sector_item:hover.item4 {background: url("../images/expertise/sector_img4.jpg")no-repeat center center; background-size: cover}
.sector_lst .sector_item:hover.item5 {background: url("../images/expertise/sector_img5.jpg")no-repeat center center; background-size: cover}
.sector_lst .sector_item:hover.item6 {background: url("../images/expertise/sector_img6.jpg")no-repeat center center; background-size: cover}
.sector_lst .sector_item:hover.item7 {background: url("../images/expertise/sector_img7.jpg")no-repeat center center; background-size: cover}
.sector_lst .sector_item:hover.item8 {background: url("../images/expertise/sector_img8.jpg")no-repeat center center; background-size: cover}
.sector_lst .sector_item:hover.item9 {background: url("../images/expertise/sector_img9.jpg")no-repeat center center; background-size: cover}
.sector_lst .sector_item:hover.item10 {background: url("../images/expertise/sector_img10.jpg")no-repeat center center; background-size: cover}
.sector_lst .sector_item:hover.item11 {background: url("../images/expertise/sector_img11.jpg")no-repeat center center; background-size: cover}
.sector_lst .sector_item:hover.item12 {background: url("../images/expertise/sector_img12.jpg")no-repeat center center; background-size: cover}
.sector_lst .sector_item:hover.item1 {background: url("../images/expertise/sector_img1.jpg")no-repeat center center; background-size: cover}
.sector_lst .sector_item:hover.item2 {background: url("../images/expertise/sector_img2.jpg")no-repeat center center; background-size: cover}
.sector_lst .sector_item:hover.item3 {background: url("../images/expertise/sector_img3.jpg")no-repeat center center; background-size: cover}
.sector_lst .sector_item:hover.item4 {background: url("../images/expertise/sector_img4.jpg")no-repeat center center; background-size: cover}
.sector_lst .sector_item:hover.item5 {background: url("../images/expertise/sector_img5.jpg")no-repeat center center; background-size: cover}
.sector_lst .sector_item:hover.item6 {background: url("../images/expertise/sector_img6.jpg")no-repeat center center; background-size: cover}
.sector_lst .sector_item:hover.item7 {background: url("../images/expertise/sector_img7.jpg")no-repeat center center; background-size: cover}
.sector_lst .sector_item:hover.item8 {background: url("../images/expertise/sector_img8.jpg")no-repeat center center; background-size: cover}
.sector_lst .sector_item:hover.item9 {background: url("../images/expertise/sector_img9.jpg")no-repeat center center; background-size: cover}
.sector_lst .sector_item:hover.item10 {background: url("../images/expertise/sector_img10.jpg")no-repeat center center; background-size: cover}
.sector_lst .sector_item:hover.item11 {background: url("../images/expertise/sector_img11.jpg")no-repeat center center; background-size: cover}
.sector_lst .sector_item:hover.item12 {background: url("../images/expertise/sector_img12.jpg")no-repeat center center; background-size: cover}
.sector_lst .sector_item>div {display: flex; position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: center; color: #fff; align-items: center; justify-content: center; z-index: 2;transition: 0.5s; }
.sector_lst .sector_item>div span {font-size: 18px; font-weight: 500}
.sector_lst .sector_item>div a{display: none; transition: 0.5s;}
.sector_lst .sector_item:hover>div span {transition:0.5s; padding-bottom: 15px;display: block}
.sector_lst .sector_item:hover>div a {display: inline-block; transition:0.5s; padding: 5px 15px; background: #109016; border-radius: 100px 100px; font-size: 14px; font-weight: 500; color: #fff}
#workSector{position:relative; padding-bottom: 30px}

#workSector .buttons_wrap{position:absolute;z-index:10;bottom:25px;right:0;left:0;}/*display:none;*/
#workSector .buttons{position:relative;display:inline-block;padding-right:70px;padding-left:70px;}
#workSector .buttons button.next{position:absolute;z-index:10;top:0;right:0;width:50px;height:50px;transition:.1s;border-radius:50%;}
#workSector .buttons button.prev{position:absolute;z-index:10;top:0;left:0;width:50px;height:50px;transition:.1s ease-in-out;border-radius:50%;}
#workSector .buttons button.prev{background:url(../images/about/arr_l.png) no-repeat center;}
#workSector .buttons button.next{background:url(../images/about/arr_r.png) no-repeat center;}
#workSector .buttons button.prev:hover,#workSector .buttons button.prev:focus{background:url(../images/about/arr_l_o.png) no-repeat;}
#workSector .buttons button.next:hover,#workSector .buttons button.next:focus{background:url(../images/about/arr_r_o.png) no-repeat;}
#workSector .pagers{margin-top:10px;}
#workSector .pagers button{width:8px;height:8px;margin:0 12px;opacity:1;border-radius:8px;background:#d2d2d3;}
#workSector button.swiper-pagination-bullet-active{background:#88bd2e;}
#workSector .buttons_wrap {display: none}

.work .section{}/**/
.work .section .inner{padding-top:70px; padding-bottom: 70px; max-width: 1420px; margin: 0 auto; position: relative}
.hash_wrap{font-family: 'NanumSquare';font-weight: 400;margin: 40px auto 0;color: #58585a; font-size: 16.5px;}
.hash_li_group::after{display: block; content: ""; clear: both;}
.hash_li_group li{height: 50px;float: left; box-sizing:border-box;border-bottom: 1px solid #ccc; background-color: #fff;}
.hash_tag_group a{display: inline-block;}
/* .empty_li{width: 40%; content: ""; } */
.hash_li {width: 18%; cursor: pointer;}
.work .hash_li:nth-child(2) {display: none;}
/* .hash_li::after{content: "▼"; padding-right: 7px; font-size: 5px; vertical-align: middle; color: #ccc; float: right; padding-top: 7px;} */
.hash_li:hover{color: #ff6b13; border-bottom: 1px solid #109016;transition: 0.5s;}
.hash_li:hover::after{color: #ff6b13;}
.hash_li.active{color: #ff6b13;color: #ff6b13; border-bottom: 1px solid #ff6b13;transition: 0.5s;}
.service_select{-moz-appearance: none; -ms-appearance: none; -o-appearance: none;appearance: none;-webkit-appearance: none;padding: 14px 7px;width: 100%; color: #58585a; background: #fff; border: none; font-size: 16.5px;  background-image: url('../../resources/images/work/arrow_down_gry.png'); background-repeat: no-repeat; background-position: 98% center; outline-color:#109016}
select.service_select::-ms-expand{display: none;}
.hash_li:hover .service_select {color: #109016; background-image: url("../../resources/images/work/arrow_down_grn.png");}
.hash_li.active .service_select{color: #109016; background-image: url("../../resources/images/work/arrow_down_grn.png");}
li.hash_search_li{width: 46%;padding: 10px 0 0 0;text-align: right;}
.hash_search{display: none; height: 32px; width: 140px; border: 1px solid #ccc;text-align: left; padding: 5px; color: #58585a;}
.search_submit{visibility: hidden;display:none;width: 32px; height: 32px;}
.search_submit::before{	content: "\f002"; font-weight: 900; color: #ccc;}
.search_submit:hover::before{color: #ff6b13;}
.hash_tag_group{border-bottom: 1px solid #e5e5e5; padding: 20px 0 14px;}
.hash_tag::before{content: "#";}
.hash_tag{padding: 8px 16px; border: 1px solid #e3e3e3; display: inline-block; margin-bottom: 6px;}
.hash_tag:hover{color: #ff6b13; border: 1px solid #ff6b13;}
.hash_tag.active{color: #ff6b13; border: 1px solid #ff6b13;}

@media (max-width:1200px){ 
	.work .grid {display: grid; grid-template-columns: 1fr 1fr 1fr}
}
@media (max-width:1119px){
	#workSector .buttons_wrap {display: block; text-align: center; top: inherit}
	.hash_li{width: 33%;}
	li.hash_search_li{display: none;}
	.service_select{padding: 14px 18px 14px 6px;}
	.work .grid {grid-template-columns: 1fr 1fr 1fr}
	.work_sectors .sector_sel {position: relative; top: inherit; width: 100%; margin-top: 30px}
	
	
}
@media (max-width:991px){ 
	.work .grid {grid-template-columns: 1fr 1fr}
}
@media (max-width:789px){
	.sector_main .inner {
		padding: 130px 5% 70px!important;}
	.sector_lst .sector_item>div span {font-size: 18px}
}
@media (max-width:639px){
	.work .grid {grid-template-columns:1fr}
	.work_sectors {padding-top: 100px}
	.work_sectors.scrolling {padding-top: 80px;}
	.work.sectormain .grid {margin: 0 auto!important}
	.lst_top select{width: 50%}
	.lst_top {margin-top: 200px}
	
}
@media (max-width:480px){
	.lst_top select{width: 60%}
	.sector_main .inner {
		padding: 100px 5% 40px!important;}
	.lst_top {margin-top: 150px;}
	.sector_lst .sector_item>div span {font-size: 15px}

	
}
/* ---- grid ---- */
.work .grid {margin: 0 auto ;}
.work.sectormain .grid {margin: 0 auto}
/* clearfix */
.grid:after {content: '';display: block;clear: both;}

/* ---- grid-item ---- */
.work .grid-item {width: 100%;overflow: hidden;text-align: center;margin-bottom: 1%;height: 280px;background-color: #fff;background-position: 95% 95%;border: 1px solid #ddd;border-radius: 5px;box-sizing: border-box;position: relative;font-family: 'NanumSquare';font-weight: 400;cursor: pointer; float: left}/*height: 317px;*/
.work .grid-item:hover{background: #109016 url('../../resources/images/common/cross_wht.png') no-repeat 95% 95%;color: #fff;transition: background 1s;}
.work .grid-item-img{border-bottom: 1px solid #ededed;overflow: hidden;height: 150px;display: flex;align-items: center;}/*height: 173px;*/
.work .grid-item-img img{width: 100%; height: 100%; /*object-fit: contain*/}
.work .grid-item:hover .grid-item-img{border-bottom: 1px solid #109016;/*height: 135px;*/transition: 0.5s;}/*height: 160px;*/
.work .grid-item:hover .work_label{border-bottom: 1px solid #109016;}
.work .grid-item:hover .project_name{padding-top: 20px;transition: padding 0.5s;}/**/
.work .grid-item:hover .work_con{height: 150px;}

.work_label{display: block;position: absolute;top: 137px;left: 23px;}/*top: 160px;*/ 
.work_label span {padding: 5px 10px; height: 26px;font-size: 14px;color: #fff;text-align: center; display: inline-block}
.work_label .label_01{background: #42b66d}
.work_label .label_02{background: #30aab7}
.work_label .label_03{background: #71b546}
.work_label .label_04{background: #0bac90}
.work_con{position: relative; height: 130px;padding: 32px 23px;text-align: left;box-sizing: border-box;}
.project_name{display: block;padding-bottom: 16px;font-size: 18px;word-break: break-all;}
.client_name{display: block;font-size: 14.5px;position: absolute;bottom: 20px;font-family: 'Noto Sans KR', 'SpoqaHanSans', 'Spoqa Han Sans', sans-serif;font-weight: 300;}
.themore_pazing{}
.middle_line{display: block; background: #d6d7d9; height:13px; border: 6px solid #fff; border-left: none; border-right: none;}
.themore_txt{background: #fff; width: 200px; text-align: center; display: block; margin: -19px auto 0; height: 19px; line-height: 19px; color: #ff6b13; font-size: 20px; font-family: 'Times New Roman', Times, serif;}
.themore_txt::before{content: "Read more";}
.themore_txt::after{transform: scale(1); transition: 0.5s; border: 5px solid #fff; width: 19px; height: 19px; content: ""; display: inline-block; vertical-align: middle; margin-left: 20px; background: #ff985a url('../../resources/images/work/arrow_down_wht.png') no-repeat center; border-radius: 45px;}
.themore_txt:hover::after{transform: scale(1.5);border: 5px solid #fff0e7;}

/* 유투브 반응형 */
.youtubeWrap {position: relative;width: 100%;padding-bottom: 56.25%;height: 100%;text-align: left;}
.youtubeWrap iframe {position: absolute;width: 100%;height: 100%;}

/* Our Work view 레이아웃 1x3 */
.page.work.view .section {position: relative;}

.work_view{width: 100%; margin: 0 auto; }
.work_view::after{display: block; content: ""; clear: both;}
.work-view-tit {display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px}
.work-view-tit .subject {display: flex; align-items: flex-end}
.work-view-tit  .sector_sel {position: relative; top: inherit}
.sectormain .work-view-tit .subject {display: inline-block; flex: 1}
.sectormain .work-view-tit {align-items: flex-start}
.sectormain .work-view-tit .subject>div {display: flex; align-items: flex-end; margin-bottom: 15px;}
.sectormain .work-view-tit .subject p {line-height: 1.5; padding-right: 50px}
.viewImg_slider img {width: 100%; height: 600px; object-fit: contain}
.viewImg_slider .swiper-pagination-fraction {display: inline-block; background-color: rgba(0,0,0,0.7); width: auto; padding: 10px 25px; border-radius: 100px 100px;color: #fff; position: absolute; right: 30px; left: inherit}
.viewImg_slider .swiper-pagination-bullets {position: absolute; right: 0; text-align: center; z-index: 2; bottom: 20px!important}
.viewImg_slider .swiper-pagination-bullet {background: #fff; opacity: 1 }
.viewImg_slider .swiper-pagination-bullet-active{background: #45c617 }
.viewImg_slider .swiper-button-prev, .viewImg_slider  .swiper-button-next {
	background-color: #109016;
	width: 60px;
	height: 60px;
}
.viewImg_slider .swiper-button-prev {left: 0; background-image: url("../images/work/slider_prev.png"); background-size:18px 32px}
.viewImg_slider .swiper-button-next {right: 0; background-image: url("../images/work/slider_next.png"); background-size:18px 32px}
.viewImg_slider .swiper-wrapper {display: flex; align-items: center}
.page.work.view .youtubeWrap {margin-top: 50px}
.page.work.view .view_info {margin: 50px 0}
.page.work.view .view_info h4 {font-size: 48px; color: #191919; font-weight: bold}
.page.work.view .view_info .date {font-size: 24px; margin-bottom: 10px;display: block}
.page.work.view .view_info .sub_txt {color: #109016; font-size: 32px; margin-top: 20px; margin-bottom: 40px}
.page.work.view .view_info .view_cont_txt {font-size: 18px; line-height: 1.5}
.page.work.view .more_work {background: #f7f7f7}
.page.work.view .more_work h4 {font-size: 36px; color: #191919; margin-bottom: 25px}
.page.work.view .grid {margin: 0 auto 0!important;     grid-template-columns: 1fr 1fr 1fr 1fr;}
.page.work.view .more_work .inner {padding: 70px 0 50px}

@media (max-width:1439px){
	.work .section .inner,.work_sectors,.page.work.view .more_work .inner{padding-left:5%; padding-right:5%}
	.flow{padding-top:0; position: relative;}
	.page.work.view .grid {grid-template-columns: 1fr 1fr 1fr 1fr;}
}
@media (max-width:1150px){
	.work-view-tit,.sectormain .work-view-tit .subject>div {display: block}
	.work-view-tit .subject {justify-content: center; margin-bottom: 20px; flex-wrap: wrap}
	.work-view-tit .subject .work_tit, .work-view-tit .subject .view_tit {flex: 100%}
	.work-view-tit .subject .work_tit {padding-right: 0; margin-right: 0; margin-bottom: 10px}
	.work-view-tit .sector_sel {width: 100%}
	.work_tit {line-height: 1.5}
	.sectormain .work-view-tit .subject p {text-align: center; font-size: 14px}
}
@media (max-width:1119px){
	.work .section .inner{height:auto;padding-bottom:100px;}
	.work h3{font-size: 40px;}
	.view_group{margin-top: 40px; border-top: 2px solid #f26527;}
	.page.work.view .grid {grid-template-columns: 1fr 1fr 1fr;}
}
@media (max-width:789px){
	.work_sectors {padding-left:5%; padding-right:5%;}
	.work h3{font-size: 30px;}
	.work_view{margin-top: 30px;}
	.view_slide{display: none;}
	.view_img_group_li{width: 100%; margin-bottom: 25px;}
	.view_des_tit{display: block; padding-bottom: 15px;}
	.work-view-tit .subject .work_tit {font-size: 24px}
	.page.work.view .view_info h4,.page.work.view .more_work h4 {font-size: 28px;}
	.page.work.view .view_info .sub_txt {font-size: 20px}
	.page.work.view .view_info .view_cont_txt {font-size: 16px;}
	.page.work.view .view_info .date {font-size: 18px}
	.viewImg_slider img {width: 100%; height: auto; object-fit: cover}
	.page.work.view .grid {grid-template-columns: 1fr 1fr;}
}
@media (max-width:639px){
	.page.work.view .grid {grid-template-columns: 1fr;}
}

.flow_bottom{font-size: 20px; text-align: center; line-height: 58px; height: 58px; padding-top: 20px;}
.flow_bottom::after{display: block; content: ""; clear: both;}
.dot_icon_og{display:inline-block; text-align: left}
.dot_icon_og.flow_left, .dot_icon_og.flow_right{margin-top: -61px;}
.dot_icon_og.flow_left::before, .dot_icon_og.flow_right::after{vertical-align: middle;display:inline-block; content: ""; width: 9px; height: 9px; background-color: #ff6b13; border-radius: 45px;}
.dot_icon_og.flow_center{text-align: center;margin: 0 auto;display: block;}
.dot_icon_og.flow_center::before{border-top: 1px solid #ccc; display: block;}
.dot_icon_og.flow_center::after{transform: scale(1); transition: 0.5s; background: #ff6b13 url(/resources/images/work/dot3_wht.png) no-repeat center; content: ""; font-size: 18px; color: #fff; width: 28px; height: 28px; display: inline-block; border-radius: 45px; vertical-align: middle; margin-top: 5px; margin-left: 25px; border: 10px solid #fff0e7; line-height: 28px; text-align:center; letter-spacing: -3px;}
.dot_icon_og.flow_center:hover::after{transform: scale(1.4);}
.flow_name::before{content: ""; color: #ff6b13; font-size: 20px; padding: 0; text-transform: capitalize; vertical-align: middle; font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;}
.flow_name::after{vertical-align: top;content: ""; color: #ff6b13; font-size: 20px; padding: 0; text-transform: capitalize; font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;}
.dot_icon_og.flow_left .flow_name::before{}
.dot_icon_og.flow_right .flow_name::after{padding: 0 21px;}
.flow_name{vertical-align: top;margin-top: -20px; color: #000000; font-size: 17px; text-transform: capitalize; font-style: normal; font-family: 'NanumSquare';font-weight: 400;}
.flow_name.pre_name::before{vertical-align: top;content: "Preview";padding: 0 21px;}
.flow_name.center_name::before{content: "List page";}
.flow_name.next_name::after{content: "Next";}

.flow_left{float: left;}
.flow_center{text-align: center;}
.flow_right{float: right;}

@media (max-width:1439px){
}
@media (max-width:1119px){
}
@media (max-width:789px){
	.dot_icon_og.flow_left, .dot_icon_og.flow_right{margin-top: 0px;}
	.flow_bottom{height: auto;}
	.dot_icon_og.flow_left, .dot_icon_og.flow_right{float: none; border-bottom: 1px solid #ccc; display: block; padding-left: 24px;}
	.flow_name, .flow_name::before, .flow_name::after {font-size: 14px;}
	.flow_name.next_name::after{display: none;}
	.flow_name.next_name::before{vertical-align: top;content: "Next";padding: 0 21px;}
	.dot_icon_og.flow_right::after{display: none;}
	.dot_icon_og.flow_right::before{display: inline-block; content: ""; width: 9px; height: 9px; background-color: #ff6b13; border-radius: 45px; }
}
@media (max-width:639px){
}




/* clients */
.clients .section{}/**/
.clients .section .inner{padding-top:70px; padding-bottom: 100px; max-width: 1260px; margin: 0 auto;}
.clients .hash_li{width: 25%;} 
.clients li.hash_search_li{width: 75%;padding: 10px 0 0 0;text-align: right;}
.clients_industry{border-bottom: 1px solid #ccc; }
.industry_txt{margin: 48px 7px 0;font-size: 16.5px;}
/* ---- grid ---- */
.clients .grid {
	margin: 0 auto; 
	padding: 30px 0;     
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
}
/* clearfix */
.clients .grid:after {content: '';display: block;clear: both;}
/* ---- grid-item ---- */
.gutter-sizer{width: 10px;}
.clients .grid-item {text-align:center;height: 88px;overflow: hidden;text-align: center;overflow:hidden;float: left;background-color: #fff;background-position: 95% 95%;border: 1px solid #ddd;border-radius: 5px;box-sizing: border-box;position: relative;font-family: 'NanumSquare';font-weight: 400;}
.clients .grid-item-img {transition: 0.3s;position: relative;height: 86px;}
.clients .grid-item-img img{margin: 0 auto;}
.clients .grid-item-txt{transition: 0.3s;opacity: 0;visibility:hidden;width:100%; height: 100%;background: #fbf9f9; background-position: 93% 15%;position: absolute;}/* top: 0; left: 0; right: 0;padding-top: 18px;*/

.logo_name{display: block; font-size: 17px;position: absolute;top: 50%;left: 0;right: 0;transform: translatey(-50%);}
.working_period{font-size: 13px;}

@media (max-width:1439px){
	.clients .section .inner{padding-left:40px; padding-right:40px;}
	.clients .grid { grid-template-columns: 1fr 1fr 1fr 1fr  1fr ;}
}

@media (min-width:1119px){/* only PC hover */
	.clients .grid-item:hover .grid-item-img{display:none;}
	.clients .grid-item:hover .grid-item-txt{opacity: 1;visibility:visible;background: #109016; color: #fff;}/*url('/resources/images/service/icon_plus_wht.png') no-repeat 93% 15%*/
}
@media (max-width:1119px){
	.clients .section .inner{height:auto;padding-bottom:100px;}
	.clients h3{font-size: 40px;}
	.clients .hash_li{width: 100%;}
	.clients .grid-item{height: 174px;}
	.clients .grid-item-txt{position: relative;visibility: visible;opacity: 1;border-top: 1px solid #eeeeee;height: 88px;}
	.clients .grid { grid-template-columns: 1fr 1fr 1fr 1fr;}
}
@media (max-width:991px){ .clients .grid { grid-template-columns: 1fr 1fr 1fr;}}
@media (max-width:789px){
	.clients .section .inner{padding: 60px 5%;}
	.clients h3{font-size: 30px;}
	/* .clients .hash_li{width: 43%;} */
	.clients li.hash_search_li{width: 57%;}
	.clients .grid { grid-template-columns: 1fr 1fr;}
}

@media (max-width:639px){
	.gutter-sizer{width: 10%;}
}
@media (max-width:580px){
}
@media (max-width:480px){
	.clients .grid-item-img img{position: absolute;top: 0px;left: 50%;transform: translateX(-50%);}/*width: 100%;*/
}



/*Contact*/

.page.contact .section .inner{padding-top:70px; padding-bottom: 70px; max-width: 1260px; margin: 0 auto;}
.mail_wrap{font-size: 14px;margin-top:55px;padding: 30px;border-top: 1px solid #ccc;}
.mail_wrap::after{display: block; content: ""; clear: both;}
.mail_tit{text-transform:uppercase;float:left;width: 20%;color: #f5551d;font-size: 15px;padding: 8px 0 22px;;}
.mail_li_group{float:left;width: 80%;color: #6d7074; border-left: 1px solid #e5e5e5;}
.mail_li_group::after{display: block; content: ""; clear: both;}
.mail_li{float: left;width: 50%;padding: 8px 30px;}
.mail_li::after{display: block; content: ""; clear: both;}
.mail_category::before{margin-right:10px;content: ""; display: inline-block; width: 13px; height: 10px;  background: url('/resources/images/common/icon_mail_org.png');}
.mail_category{text-transform:uppercase;float:left;width:60%;display: inline-block;}
.mail_link{float:left;width:40%;display: inline-block;}
.map{margin-top: 33px;height: 550px;border-bottom: 2px solid #109016; border-top: 2px solid #109016;}
.address_wrap{line-height: 1.5;font-size: 14px;margin-top: 47px;}
.address_wrap::after{display: block; content: ""; clear: both;}
.address_column{width: 100%;}
.address_li{padding: 30px;}
.contact .info_name{display:block;width: 100%; color: #109016; font-weight: 400; margin-bottom: 10px;}
.contact .info_des{display:block;width: 100%;}
.contact_box {display: flex;}
.contact_box .map {flex:0 0 60%}
@media (max-width:1279px){
	.contact .section .inner{padding-left: 70px;padding-right: 70px;}
	.mail_wrap{padding:0; border: none;}
	.mail_tit{width: 100%; float: none;}
	.mail_li_group{width: 100%; border: none;border: 1px solid #e5e5e5;border-top: none;border-left: none; border-right: none;}
	.mail_li{padding: 21px 8px 21px 0px; border-top: 1px solid #e5e5e5;}
	.mail_li:last-child{border-bottom: none;}
	.address_column{float: left;width: 100%;}
}
@media (max-width:1119px){
	.page.contact .section .inner{padding-left: 40px;padding-right: 40px;}
	.map{height: 470px;border-width: 4px;}
	.address_li{padding: 16px 30px;}
}
@media (max-width:789px){
	.page.contact .section .inner{padding: 60px 5% 100px;}
	.mail_li{width: 100%;}
	.map{height: 220px;}
	.page.contact .info_des{width: 100%;}
	.address_wrap{margin-top: 17px;}
	.address_li{padding-left: 0; padding-right: 0;}
	.contact_box {display: block;}
	.contact_box .map {flex:initial}
}
@media (max-width:560px){
	.mail_category{width: 65%;}
	.mail_link{width: 30%; text-align: right;}
}

/* Careers */
.page.careers .section1{text-align:center;background:url(../../resources/images/about/bg3.png) no-repeat right -360px center / auto 100%;}
.page.careers .section .inner{padding: 70px 50px;position: relative;}
.page.careers .section .sect_tit{text-align: center;}
.page.careers .section .head_txt{text-align: center;max-width: 600px;margin: 45px auto;}
.careers_intro_wrap{position: relative;box-sizing: border-box;margin: 45px auto 0; max-width: 996px; height: 286px; background-image: url(../../resources/images/careers/careers_sec1_bg.png); background-position: center; background-repeat: no-repeat;background-size: contain;}
.careers_intro_txt::after{position: absolute;top:50%; right:-15px;margin: 0 auto;height: 1px; background: #ebff73; box-sizing: border-box; width: 30px; content: ''}
.careers_intro_txt:last-child::after {content: none;}
.careers_intro_txt_wrap{position: relative;z-index: 2;box-sizing: border-box;text-align: center; display: flex;align-items: center; height: 286px; vertical-align: middle;}
.careers_intro_txt{display:inline-block;color: #fff; font-size: 32px; position: relative; flex: 1}

.page.careers .section4 .recruit_img img {width: 100%;}

.page.careers .section5 .inner{}
.page.careers .section2 .inner{padding-bottom:0px;}
.page.careers .section2 .sect_tit {text-align: center;}
.core_value_wrap{padding: 80px 0 100px; margin: 0 auto;}
.core_value_wrap::after{display: block;content: "";clear: both;}
.core_value {float: left;width: 23%;box-sizing: border-box;padding-right: 5%;margin-left: 2%;}
/* .core_value:first-child{margin-left: 0;} */
.core_value_tit{color: #42b66d; font-size: 34px; display: block;padding-bottom: 22px;}
.core_value_des{line-height: 1.5;}

.page.careers .section3 {background: #fbfbfc;}
.culture_group{padding-top: 65px;}
.culture_li::after{display: block; content: ""; clear: both;}
.culture_li{padding: 40px 30px;box-sizing: border-box; border-top: 1px solid #dadada; display: flex; align-items: center}
.culture_li:last-child{border-bottom: 1px solid #dadada;}
.culture_li_tit{width:180px;font-size: 32px; color: #ff500b;}
.culture_li_tit span { width: 130px; height:  130px; background-color: #D46A6C; text-align: center; color: #fff; display: flex; align-items: center;justify-content: center; font-size: 28px; border-radius: 100px 100px}
.culture_li.c1 span{background: #54a945}
.culture_li.c1 .culture_li_str {color: #54a945}
.culture_li.c2 span{background: #0bac90}
.culture_li.c2 .culture_li_str {color: #0bac90}
.culture_li.c3 span{background: #30aab7}
.culture_li.c3 .culture_li_str {color: #30aab7}
.culture_li.c4 span{background: #33865d}
.culture_li.c4 .culture_li_str {color:#33865d}
.culture_li_des{flex: 1}
.culture_li_des::after{display: block; content: ""; clear: both;}
.culture_li_str{font-weight: 400;color: #ff500b;font-size: 25px;padding-top: 5px;padding-bottom: 20px;display: block;}
.culture_detail{width: 45%;float:left; font-size: 14px; margin-left: 20px;list-style-type: disc;font-family: 'NanumSquare', sans-serif;font-weight: 400;line-height: 1.5;}
.culture_detail.full{width: 100%;}

.recruit_wrap{background-color: #727781;padding: 110px 80px 70px;border-radius: 15px;color: #c1c3c7;font-family: 'Noto Sans Korean', sans-serif;}
.page.careers .section4 .sect_tit{color: #fff;}
.recruit_process{position: relative;color:#9498a0;margin: 120px 0;}
.recruit_line{position: absolute;top:50px; left:0; right:0;background: #9498a0; height: 1px; width: 78%; margin: 0 auto;}
.process_con_wrap{margin: 0 auto;}
.process_con{display: inline-block;width: 19%;margin: 0;padding: 0;text-align: center;}
.process_con:first-child{margin-left: 10px;}
.process_num{font-size: 24px;}
.process_dot{transition: 0.5s;transform:scale(1);margin: 9px auto;display:block;border:9px solid #727781;background: #78f991; width: 26px; height: 26px; border-radius: 45px;}
.process_txt{color: #fff; font-size: 33px;}
.process_con:hover .process_dot{transform:scale(1.4);border-color: #2e783c;}
.recruit_notice_tit{font-size: 18px; padding: 0 12px 17px; border-bottom: 1px solid #8e929a;}
.recruit_notice{font-size: 14px; padding: 17px 12px; line-height: 1.5;font-weight: 300; margin-left: 20px;}
.recruit_notice_li{list-style-type: disc;}
.recruit_notice_li a{display: inline; color: #c1c3c7;}

.position_wrap{margin-top: 77px;font-size: 15px;}
.position_menu::after{display: block; content: ""; clear: both;}
.position_menu_li{transition: 0.5s;padding:14px 8px;color: #58585a;width: 25%; float: left; border-bottom: 1px solid #dedede;cursor: pointer;text-align: center;height: 80px;}/*text-align: center;height: 98px;*/
.position_menu_li:hover{border-bottom: 1px solid #52ab4b;}
.position_menu_li.active{border-bottom: 1px solid #52ab4b;}
.position_wrap .toggle_btn{float: right;display: none;cursor: pointer;line-height: 30px;}
.position_wrap .toggle_btn::before {content: "▼"; color: #f36f21;display:none;}/**/
.position_status{width: 100px;text-align:center;display:inline-block;color: #fff; background: #52ab4b; border: 1px solid #52ab4b;padding: 0px 12px; border-radius: 45px; height: 30px; line-height: 30px; font-size: 13px; margin-right: 4px;display: block;margin: 0 auto 8px;}/*display: block;margin: 0 auto 8px;*/
.position_status.close{color: #343740; background: #fff; border: 1px solid #999b9f;}
.position_txt{text-align: right;font-size: 14px; padding-top: 30px;}
.position_info{padding-top: 50px; display: none;}
.position_info.active{display: block;}
.info_li::after{display: block;content: "";clear: both;}
.info_li{padding: 32px 18px; border-bottom: 1px solid #dedede;font-size: 14px;}
.info_li:last-child{border-bottom: 2px solid #0bac90;}
.position_bar{padding:10px;background: #0bac90;border-radius: 45px; color: #fff; height: 50px; vertical-align: middle;}
.position_bar.close{background: #565656;}
.position_bar .position_name{font-size: 25px;line-height: 25px;vertical-align: top;}
.position_bar .position_status{border:1px solid #fff; background: transparent; margin-right: 17px;display: inline-block;}
.position_bar.close .position_status{border:1px solid #fff; background: transparent; margin-right: 17px;display: inline-block;}
.position_bar .desktop{display: inline;}
.position_bar .personnel, .position_bar .hire_due {padding: 0px 12px;float: right;height: 30px; line-height: 30px;}
.info_name{width: 20%;float: left;}
.info_detail{width: 80%;float: left;line-height: 1.5;}
.apply_btn_wrap{margin-top: 45px;}
.apply_btn{display: block;margin:0 auto;width:168px;border-radius: 45px;padding: 16px 24px;color:#fff;background: #109016 url('../../resources/images/careers/icon_mail_org.png') no-repeat 128px center;}

@media (max-width:1439px){
	.page.careers .section .inner{padding-left: 40px; padding-right: 40px;}
	
	.position_menu_li{text-align: center;}
	.position_menu_li .position_status{display: block;margin: 0 auto;margin-bottom: 8px;}
}

@media (max-width:1119px){
	.core_value_wrap{padding-bottom: 0;}
	.core_value{width: 50%;margin-left: 0%;background-image: none;height: 290px;padding: 55px 50px 55px;border-top: 1px solid #dddddd;}
	.culture_detail{width: 100%;}
	.position_menu_li{text-align: center;height: 98px;}
	.recruit_wrap{padding: 80px 30px 45px;}
	.process_txt{font-size: 28px;}
	.position_txt{padding-top: 20px;}
	.position_info{padding-top: 20px;}
	.position_bar .desktop{display: none;}
	.info_name{width: 30%;}
	.info_detail{width: 70%;}
}
@media (max-width:906px){
	.careers_intro_wrap{margin-top: 0;}
	.recruit_process{margin: 80px 0;}
	.process_txt{font-size: 22px;}
}
@media (max-width:789px){
	.page.careers .section .inner{padding-right:5%;padding-left:5%;}
	.careers_intro_txt{font-size: 22px;}
	.core_value{width: 100%; height: auto;padding: 40px 30px;}
	.position_wrap{margin-top: 30px;}
	.position_menu_li{width: 100%; text-align: left; height: auto;}/*display:none; */
	.position_menu_li.active{display: block;}
	.position_wrap .toggle_btn{display: inherit;}
	.position_menu_li .position_status {display: inline-block; margin-right: 10px;margin-bottom: 0px;}
	.position_bar .position_name{font-size: 18px;line-height: 30px;}
	.page.careers .info_name{width: 100%; padding-bottom: 20px; font-size: 14px;}
	.page.careers .info_detail{width: 100%; font-size: 13px;}
}

@media (max-width:669px){
	.page.careers .section .inner {padding-top: 100px; padding-bottom: 0px;}
	.page.careers .section2 .inner{padding-bottom: 60px;}
	.page.careers .section3 .inner{padding-bottom: 100px;}
	.page.careers .section5 .inner {padding-bottom: 100px;}
	.page.careers .section .head_txt{margin-left: auto; margin-right: auto; max-width: 400px;}
	.page.careers .section .txt{font-size:14px;}
	.page.careers .section .sect_tit{font-size:30px;}
	.careers_intro_wrap{height: 160px;}
	.careers_intro_txt_wrap{height: 160px;}
	.careers_intro_line{top:80px;}
	.careers_intro_txt{font-size: 16px;}
	.careers_intro_txt.element01{margin-left: 0;}
	.careers_intro_txt.element03{margin-right: 0;}
	.core_value_tit{font-size: 20px;}
	.culture_li_tit{display: none;}
	.culture_li_des{width:100%;}
	.culture_li_str{font-size: 20px;}
	.recruit_wrap{background-color: #494c54;padding: 40px 4% 35px; color: #b3b4b7; font-size: 12px;}
	.recruit_process{margin: 45px 0;}
	.process_con:first-child {margin-left: 0px;}
	.recruit_notice{margin-left: 10px;}
	.process_dot{border-color: #494c54;}
	.process_txt{font-size: 16px;}
	.recruit_notice_tit{font-size: 14px;}
	.recruit_notice{font-size: 12px;}
	.process_num{font-size: 18px;}
	.process_txt{font-size: 18px;}
	.recruit_line {top: 43px}
	.recruit_process {
		margin: 40px 0!important;
		}
	.page.careers .section4 .inner {padding-top: 0; padding-bottom: 0}
	.page.careers .section .sect_tit {font-size: 24px!important}
}

@media (max-width:420px){
	.careers_intro_txt{margin: 0 1.5%;padding: 0 2%;}
	.careers_intro_txt.element01{margin-left: 0;}
	.careers_intro_txt.element03{margin-right: 0;}
	.process_txt{font-size: 14px;}
}

/* Insight */
.page.Insight .section{text-align:center;}
.page.Insight .section1{position: relative;}
.page.Insight .section1::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: #f0f8ef;
	height: 50%;
	z-index: -1;
}
.page.Insight .section3 {background: #f8f8f8}
.page.Insight .section1 .inner{padding: 70px 50px 70px!important;}
.page.Insight .section .inner{padding: 150px 50px;position: relative;}
.page.Insight .section .sect_tit{text-align: center;}

.news_wrap .title_news { height: 500px; display: flex; align-items: center; margin-top: 70px}
.news_wrap .title_news .pic {flex: 1; height: 100%; overflow: hidden; transition: 0.3}
.news_wrap .title_news img {width: 100%; height: 100%; object-fit: cover; transition: transform 1s;}
.news_wrap .title_news:hover img{transform:scale(1.2); transition: 0.3}
.news_wrap .news_cont .sort {display: block; margin-bottom: 20px; color: #FCFFA7; text-decoration: underline}
.news_wrap .news_cont { width: 500px; background: #42b66d; height: 100%; padding: 35px; text-align: left; color: #fff; position: relative}
.news_wrap .news_cont .subject {font-size: 28px; font-weight: bold; line-height: 46px;}
.news_wrap .news_cont p{
	max-height: 4.2em;
    overflow: hidden;
	font-size: 18px;
    line-height: 1.4em;
    display: block;
    max-width: 100%;
	text-overflow: ellipsis;
	word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
	-webkit-line-clamp:3;
	margin-top: 25px

}
.news_wrap .news_cont .btn_more {position: absolute; right: 35px; bottom: 35px; background: #1c8b45; padding: 10px 20px; font-size: 18px;}
.news_wrap .news_cont .btn_more:hover {background: #fff; color: #1c8b45}
.news_lst {padding: 30px 0}
.news_lst .w_box {background: #fff; padding: 30px 45px; text-align: left; position: relative}
.news_lst .w_box {margin: 15px 0; display: flex; align-items: center}
.news_lst .w_box::after {
	content: '';
	position: absolute;
	left: 0;
	background: #259e34;
	height: 100%;
	width: 5px;
	top:0
}
.news_lst .w_box .subject {font-weight: 500; font-size: 18px;}
.news_lst .w_box .subject{
	max-height: 1.4em;
    overflow: hidden;
    line-height: 1.4em;
    display: block;
    max-width: 100%;
	text-overflow: ellipsis;
	word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
	-webkit-line-clamp:1;

}
.news_lst .w_box .sort {font-size: 14px; background: #42b66d; border-radius: 100px 100px ; color: #fff; padding: 5px 15px; margin: 0 15px }
.news_lst a.lst_more {font-size: 18px; border: 1px solid #42b66d; background: #fff; display: inline-block; padding: 10px 20px; color:#42b66d; border-radius: 100px 100px; margin-top: 30px }
.inside_wrap {display: flex; column-gap: 20px; margin-top: 80px}
.inside_wrap .inside_box {width: 25%; text-align: center; height: 360px; padding: 45px 0; transition: 0.3s}
.inside_wrap .inside_box .inside_tit {font-size: 24px; font-weight: bold; position: relative; padding-bottom: 15px}
.inside_wrap .inside_box .inside_tit::after {content: ''; position: absolute; width: 60px; height: 1px; left: 50%; margin-left: -30px; bottom: 0}
.inside_wrap .inside_box.color1 .inside_tit::after {background: #54a945}
.inside_wrap .inside_box.color2 .inside_tit::after {background: #80c355}
.inside_wrap .inside_box.color3 .inside_tit::after {background: #42b66d}
.inside_wrap .inside_box.color4 .inside_tit::after {background: #30aab7}
.inside_wrap .inside_box:hover {margin-top: -20px}
.inside_wrap .inside_box:hover .inside_tit::after {background: #fff}
.inside_wrap .inside_box.color1 {background: #eef6ec url("../images/insight/inside_img1.png") center bottom 45px no-repeat; color: #54a945;  }
.inside_wrap .inside_box.color1:hover {background: #54a945 url("../images/insight/inside_img1.png") center bottom 45px no-repeat; color: #fff }
.inside_wrap .inside_box.color2 {background: #f2f9ee url("../images/insight/inside_img2.png") center bottom 45px no-repeat; color: #80c355 }
.inside_wrap .inside_box.color2:hover {background: #80c355 url("../images/insight/inside_img2.png") center bottom 45px no-repeat; color: #fff }
.inside_wrap .inside_box.color3 {background: #ecf8f0 url("../images/insight/inside_img3.png") center bottom 45px no-repeat; color: #42b66d}
.inside_wrap .inside_box.color3:hover {background: #42b66d url("../images/insight/inside_img3.png") center bottom 45px no-repeat; color: #fff}
.inside_wrap .inside_box.color4 {background: #eaf6f8 url("../images/insight/inside_img4.png") center bottom 45px no-repeat; color: #30aab7 }
.inside_wrap .inside_box.color4:hover {background: #30aab7 url("../images/insight/inside_img4.png") center bottom 45px no-repeat; color: #fff }

.insight_wrap {display: flex; justify-content: space-between; align-items: center; margin-top: 80px; background: url("../images/insight/insight.png") center center no-repeat; background-size: contain; padding: 0 50px}
.insight_info {max-width: 380px; background: #fff; box-shadow: 7px 0 24px rgba(236,236,236,1); text-align: left; padding: 30px; height: 406px}
.insight_info .website{display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; border-bottom: 1px solid #dadada; padding-bottom: 30px}
.insight_info h4 {font-size: 22px; color: #191919; font-weight: 300}
.insight_info h4 strong {font-weight: 500}
.insight_info .website h4 strong {color: #54a945}
.insight_info.app h4 strong {color: #00aae1}
.insight_info .KAKAO h4 strong {color: #0bac90}
.insight_contacts h4 strong,
.insight_contacts a:hover{color: #00d2aa}
.insight_info .website a {background: #ddeada; border-radius: 6px 6px; display: inline-block; padding: 10px 20px; color: #203f18;}
.insight_contacts {border-bottom: 1px solid #dadada;border-top: 1px solid #dadada; padding: 25px 0; margin: 70px 50px 0 }
.insight_contacts h4 {font-size: 24px; margin-bottom: 20px}
.insight_info p {margin: 15px 0; line-height: 22px}
.insight_contacts a {text-decoration: underline; color: #000; margin-top: 15px}
.app_down {border-top: 1px dashed #dadada; }
.app_down li {display: flex; align-items: center; justify-content: space-between; padding: 15px 0; border-bottom: 1px dashed #dadada}
.app_down li>div {display: flex; align-items: center}
.app_down li>div img {margin-right: 15px}
.app_down .kakao-qr {width: 80px}

.news_pop{position:absolute;z-index:70;top:50%;left:50%;display:none;width:950px;height:640px;transform: translateX(-50%) translateY(-50%);background:#fff;box-shadow:0 0 30px rgba(0,0,0,.2);}
.news_pop .pop_head{font-weight:300;position:relative;box-sizing:border-box;width:100%;height:150px;padding:30px;text-align:left;background:#109016; color: #fff; font-size: 24px}
.news_pop .pop_head strong,.news_pop .pop_head span {display: block}
.news_pop .pop_head span {font-size: 15px; margin-top: 15px}
.news_pop .pop_pro{position:relative;float:left;box-sizing:border-box;width:100%;height:500px;padding:30px;text-align:left;background:#fff;line-height: 1.5; overflow-y: auto}
.news_pop .pop_close{position:absolute;top:30px;right:30px;width:38px;height:38px;background:url(../images/about/pop_close.png) no-repeat center;}
@media (max-width:1439px){
	.insight_wrap {padding: 0}
	.insight_contacts { margin: 70px 0 0 }
}

@media (max-width:1119px){
	.insight_wrap {background: none; justify-content: center; gap: 30px}
	.inside_wrap {flex-wrap: wrap; gap: 20px}
	.inside_wrap .inside_box {width: 48%}
	.news_pop{width:90%;height:450px;}
}
@media (max-width:991px){
	.careers_intro_wrap{margin-top: 0;}
	.recruit_process{margin: 80px 0;}
	.news_wrap .news_cont {width: 300px}
}
@media (max-width:789px){
	.insight_info {max-width: 100%}
	.insight_wrap {display: block}
	.insight_info.app {margin-top: 35px}
	.inside_wrap {display: block}
	.inside_wrap .inside_box {width: 100%; margin: 15px 0}
	.news_wrap .news_cont {position: absolute; left: 0; right: 0; bottom: 0; width: 100%; top: inherit; height: auto; padding: 20px}
	.news_wrap .title_news {position: relative}
	.news_wrap .news_cont .btn_more,.news_wrap .news_cont p {display: none}
	.news_wrap .news_cont .subject {font-size: 20px; line-height: 28px}
	.news_wrap .news_cont .sort {margin-bottom: 10px}
	.page.Insight .inner,.page.Insight .section1 .inner {padding: 50px 5% 50px!important;}
	.news_lst .w_box {padding: 20px}
	.news_lst .w_box .subject {font-size: 16px;}
	.news_lst {padding: 0}
	.news_lst a.lst_more {margin-top: 20px; font-size: 16px}
	.news_wrap .title_news {height: 350px}
	.news_wrap .title_news,.inside_wrap,.insight_wrap {margin-top: 30px}
	.inside_wrap .inside_box.color1{background-size: 112px 93px}
	.inside_wrap .inside_box.color2{background-size: 125px 93px}
	.inside_wrap .inside_box.color3{background-size: 116px 93px}
	.inside_wrap .inside_box.color4 {background-size: 119px 93px}
	.inside_wrap .inside_box .inside_tit {font-size: 18px}
	.inside_wrap .inside_box {height: 250px}
	
	.news_pop{position:fixed;height:auto;overflow-y:auto;}
	.news_pop .pop_head{width:100%;height:auto;padding-bottom:40px;padding-top:40px;}
	.news_pop .pop_pro{width:100%;padding: 20px}
	.news_pop .pop_close{background:url(../images/about/pop_close.png) no-repeat center;top:30px;}
	.news_pop .pop_head:after{width:45%;left:50px;top:80px}

	.ple_item .ple_des{position: static;}
	.news_pop {margin-top: 0}
}